/*======================
	author:YaoRen
	e-mail:185653386@qq.com
	date:2015-04-08
======================*/


body{ background:#003269;}
.pad_box{ width:1000px; margin:20px auto 50px auto; padding:20px; background:#fff;}

.head_top{ position:relative; height:95px;}
.head_top .logo{ position:absolute; top:5px; left:15px;}
.head_top .logo_txt{ position:absolute; top:60px; left:200px;}
.head_top .top_nav{ position:absolute; right:0; top:0;}
.head_top .top_nav p{ font-size:12px; color:#828282;}
.head_top .top_nav p a{ color:#828282;}
.head_top .top_nav p a:hover{ text-decoration:underline;}
.head_top .search{ position:absolute; right:0; top:40px;}
.head_top .search .txt{ background:url(../images/ico_search.png) no-repeat left 2px center; border:1px solid #cacaca; height:17px; width:135px; padding:3px 4px 3px 25px; font-size:12px; color:#777;}
.head_top .search .btn{ width:50px; height:25px; line-height:25px; background:url(../images/btn_search.png) no-repeat; font-size:12px; color:#fff; border:none; cursor:pointer;}
.nav{ width:100%; background:url(../images/bg_nav.jpg) repeat-x; height:33px; position:relative;}
.nav ul li{ height:33px; line-height:33px; float:left; padding-right:1px; background:url(../images/line_nav_li.png) no-repeat right center;}
.nav ul li a{ display:block; height:33px; line-height:33px; font-size:14px; color:#fff; padding:0 20px;}
.nav ul li a i{ display:inline-block; background:url(../images/ico_arrow_bot.png) no-repeat center; width:9px; height:6px; vertical-align:middle; margin-left:10px;}
.nav ul li a:hover{ background:url(../images/bg_nav_hov.jpg) repeat-x;}
.nav .quick_a{ padding-left:1px; background:url(../images/line_nav_li.png) no-repeat left center; position:absolute; right:0; top:0;}
.nav .quick_a a{ display:inline-block; width:142px; height:33px; line-height:33px; font-size:14px; color:#fff; text-align:center; background:url(../images/bg_nav_s.jpg) no-repeat;}

.slide{width:1000px; height:366px; background:#fff; position:relative; margin-top:15px;}
.slide .img{ width:1000px; height:366px; position:relative; overflow:hidden;}
.slide .img li{ width:100%; height:100%px; overflow:hidden; display:none; position:absolute; top:0px; left:0px;}
.slide .img li a{ display:inline-block; width:100%; height:100%;}
.slide .btn{ position:absolute; bottom:18px; right:5px; width:100%; height:9px;}
.slide .btn p{ text-align:right; height:9px; line-height:9px;}
.slide .btn span{display:inline-block; width:9px; height:9px; background:url(../images/ico_slide.png) no-repeat; overflow:hidden; margin:0 4px; cursor:pointer; line-height:99em;}
.slide .btn span.hov{background:url(../images/ico_slide.png) no-repeat -16px 0;}

.index_cont{ margin-top:10px;}
.side{ float:left; width:250px;}
.side_menu .tit{ height:42px; line-height:42px; background:url(../images/bg_side_menu_tit.jpg) repeat-x; font-size:16px; color:#fff; padding-left:15px; text-shadow:0px 1px 1px #555; -moz-text-shadow:0px 1px 1px #555; -webkit-text-shadow:0px 1px 1px #555;}
.side_menu ul li{ margin-bottom:1px;}
.side_menu ul li a{ display:block; height:40px; line-height:40px; background:url(../images/bg_side_menu_li.jpg) repeat-x; font-size:14px; color:#fff; padding-left:15px; position:relative;}
.side_menu ul li a i{ display:inline-block; background:url(../images/ico_side_menu.png) no-repeat; width:20px; height:20px; position:absolute; right:13px; top:50%; margin-top:-10px;}
.side_menu ul li.on a i{ background:url(../images/ico_side_menu_on.png) no-repeat;}
.side_menu ul li div{ display:none;}
.side_menu ul li.on div{ display:block;}
.side_menu ul li div p{ border-bottom:1px solid #c6c6c6;}
.side_menu ul li div p a{ height:30px; line-height:30px; background:#999;}
.side_menu ul li div p a:hover{ text-decoration:underline;}

.side_contact ul{ padding:13px 0;}
.side_contact ul li{ font-size:14px; color:#565656; font-weight:bold; line-height:20px; padding:5px 0;}
.side_contact ul li i{ display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:10px;}
.side_contact .btn img{ display:block;}

.index_main{ width:725px; float:right;}
.theme_1{ height:36px; line-height:36px; font-size:14px; color:#fe1a19; border-bottom:2px solid #e5e5e5; padding-left:30px; font-weight:bold; position:relative;}
.theme_2{ height:36px; line-height:36px; font-size:14px; color:#ff6600; border-bottom:2px solid #e5e5e5; padding-left:30px; font-weight:bold; position:relative;}
.theme_2 span{ display:inline-block; height:36px; line-height:36px; border-bottom:2px solid #d4ccc5; padding-left:30px; position:absolute; left:0; top:0;}
.theme_3{ height:36px; line-height:36px; font-size:14px; color:#ff6600; border-bottom:2px solid #e5e5e5; padding-left:30px; font-weight:bold; position:relative;}
.theme_1 i,.theme_2 i,.theme_3 i{ background:url(../images/ico_theme.jpg) no-repeat; display:inline-block; width:4px; height:17px; vertical-align:middle; position:absolute; left:10px; top:10px;}

.product_list ul li{ float:left; margin:20px 0 7px 12px; display:inline; width:227px; border:1px solid #ddd; border-bottom:1px solid #c6c6c6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; overflow:hidden; transition:linear 0.1s; -moz-transition:linear 0.1s; -webkit-transition:linear 0.1s;}
.product_list ul li a{ display:inline-block; width:227px; border:1px solid #ddd; border-bottom:1px solid #c6c6c6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; overflow:hidden; transition:linear 0.1s; -moz-transition:linear 0.1s; -webkit-transition:linear 0.1s;}
.product_list ul li:hover{ border:1px solid #003977; box-shadow:0 3px 8px #003977; -moz-box-shadow:0 3px 8px #003977; -webkit-box-shadow:0 3px 8px #003977;}
.product_list ul li .img a{ display:block; width:227px; height:156px;}
.product_list ul li .img a img{ display:block; width:227px; height:156px;}
.product_list ul li .tit a{ display:block; height:22px; line-height:22px; padding:0 15px; background:#e1e1e1; position:relative; overflow:hidden; white-space:nowrap; font-size:14px; color:#003269; font-weight:bold; text-align:center;}
.product_list ul li .price{ display:inline-block; height:18px; line-height:18px; background:#ff0000; font-size:12px; color:#fff; padding:0 7px; position:absolute; right:15px; top:5px;}
.product_list ul li .price i{ display:inline-block; background:url(../images/bg_price.png) no-repeat; width:9px; height:18px; position:absolute; right:-9px; top:0;}
.product_list .more{ text-align:right; height:24px; line-height:24px;}
.product_list .more a{ font-size:14px; color:#000;}
.product_list .more a:hover{ text-decoration:underline;}

.new_list{ margin-top:10px;}
.new_list ul{ margin:0 10px; border-bottom:2px solid #e6e0dd;}
.new_list ul li{ height:30px; line-height:30px; background:url(../images/ico_list.jpg) no-repeat left 10px center; padding-left:20px; position:relative; border-bottom:1px dashed #e1dbd7;}
.new_list ul li p{ height:30px; line-height:30px; width:520px; overflow:hidden; position:relative;}
.new_list ul li p a{ font-size:12px; color:#222;}
.new_list ul li p a:hover{ color:#ff6600;}
.new_list ul li span{ font-size:12px; color:#656565; position:absolute; right:0; top:0;}

.page{ text-align:center; margin-top:25px;}
.page_opt{ font-size:12px; color:#222;}
.page_opt a{ margin:0 10px; color:#222;}
.page_opt a:hover{ text-decoration:underline;}
.page_opt a i{ display:inline-block; width:11px; height:11px; background:url(../images/ico_page.png) no-repeat; margin-right:3px;}
.page_opt a.home i{ background-position:0 0;}
.page_opt a.prev i{ background-position:0 -13px;}
.page_opt a.next i{ background-position:0 -26px;}
.page_opt a.last i{ background-position:0 -39px;}
.page_num{ font-size:14px; height:28px; line-height:28px;}
.page_num a{ color:#003269; margin:0 3px;}
.page_num a.on{ font-size:18px;}
.page_num a:hover{ text-decoration:underline;}

.footer{ margin-top:15px;}
.foot_nav{ background:url(../images/bg_foot_nav.png) repeat-x; height:33px; line-height:33px; text-align:center; font-size:14px; color:#fff;}
.foot_nav a{ color:#fff; margin:0 18px;}
.foot_nav a:hover{ text-decoration:underline;}
.foot_menu{ border:1px solid #e1e1e1; margin-top:18px;}
.foot_menu dl{ float:left; width:233px;}
.foot_menu dl dt{ height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; padding-left:30px; font-size:16px; color:#131313;}
.foot_menu dl dd{ padding:10px 0 10px 30px; background:url(../images/line_foot_menu.jpg) no-repeat right top 18px; font-size:12px;}
.foot_menu dl dd p{ height:26px; line-height:26px;}
.foot_menu dl dd p a{ color:#565656;}
.foot_menu dl dd p a:hover{ text-decoration:underline;}
.foot_menu dl.foot_contact{ width:299px;}
.foot_menu dl.foot_contact dt{ padding-left:40px;}
.foot_menu dl.foot_contact dd{ padding-left:40px; background:none;}
.foot_menu dl.foot_contact dd ul li{ color:#565656; line-height:26px; position:relative;}
.foot_menu dl.foot_contact dd ul li i{ position:absolute; left:-20px; top:5px; display:inline-block; width:15px; height:15px;}
.foot_menu dl.foot_contact dd ul li i img{ display:block;}
.foot_info{ font-size:12px; color:#4a4a4a; text-align:center; line-height:20px; padding:30px 0;}



.cont_box{ width:800px; margin:20px auto 50px auto; background:#fff;}
.cont_box .header{ border-bottom:3px solid #fe0200;}

.cont_main{ width:740px; margin:0 auto;}
.cont_head{ margin-top:15px; font-family:sans-serif;}
.cont_head .title{ font-size:20px; font-family:sans-serif; color:#ff6600; font-weight:bold; line-height:30px; width:550px; margin:0 auto;}
.cont_head .sub_title{ font-size:14px; font-family:sans-serif; color:#003269; line-height:20px; width:550px; margin:0 auto;}
.cont_head .info{ font-size:12px; font-family:sans-serif; color:#222; margin:15px 0 20px 0; text-align:center; background:#fafaf9; border-top:2px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:28px; line-height:28px;}
.cont_head .info span{ margin:0 15px;}
.cont_head .info a{ color:#222;}
.cont_head .info a:hover{ text-decoration:underline;}
.cont_head .img{ text-align:center;}
.cont_head .img img{ display:block; margin:0 auto;}
.cont_item{ margin-top:15px;}
.cont_item .item_cont{ padding-top:15px;}
.cont_item .item_cont img{ margin:0 auto; display:block;}
.r_product_list ul li{ margin:0 8px; display:inline; padding:5px 0 30px 0;}
.cont_opt{ border-top:1px solid #ccc; font-size:12px; text-align:right; height:44px; line-height:44px;}
.cont_opt a{ color:#222; margin-left:8px;}
.cont_opt a:hover{ text-decoration:underline;}

.cont_contact{ border-top:2px solid #ede7e1; border-bottom:2px solid #ede7e1; padding:10px 0 30px 60px;}
.cont_contact h3{ height:38px; line-height:38px; font-size:16px; font-weight:normal; color:#131313;}
.cont_contact ul{ float:left; width:220px; margin-right:70px;}
.cont_contact ul li{ color:#565656; line-height:26px; position:relative; font-size:12px;}
.cont_contact ul li i{ position:absolute; left:-20px; top:5px; display:inline-block; width:15px; height:15px;}
.cont_contact ul li i img{ display:block;}

.float_side{ position:fixed; bottom:50px; right:50%; margin-right:-645px; width:115px; padding:115px 0 10px 0; background:url(../images/img_115x115.jpg) no-repeat top center #fff; transition:linear 0.2s; -webkit-transition:linear 0.2s; -moz-transition:linear 0.2s;}
.float_side .close{ background:url(../images/ico_close.jpg) no-repeat; display:inline-block; width:14px; height:14px; position:absolute; right:5px; top:5px; cursor:pointer;}
.float_side .line{ border-bottom:1px solid #666; margin:0 5px; padding:0 5px 15px 5px;}
.float_side .line li{ line-height:26px;}
.float_side .line li a{ font-size:12px; color:#222;}
.float_side .line li a i{ display:inline-block; width:20px; height:20px; vertical-align:middle; margin-right:5px;}
.float_side .line li a i img{}
.float_side .ewm{ margin:10px auto;}
.float_side .ewm img{ display:block; margin:0 auto;}
.float_side .gotop{}
.float_side .gotop{ display:block; width:30px; height:33px; margin:0 auto;}
.float_side .gotop img{ display:block;}