@charset "utf-8";
#pagebox{width:1180px; margin:0 auto;}
#pagebox .pageban{width:1180px; float:left; height:460px; overflow:hidden; position:relative;z-index:0;}
#pagebox .pagenav{width:1180px; float:left; margin-top:12px;}
#pagebox .pagenav dl{width:100%; text-align:left; float:left;}
#pagebox .pagenav dl dt{width:70%; text-indent:20px; height:34px; color:#2eb8ff; font-size:16px; line-height:34px; vertical-align:middle; float:left;}
#pagebox .pagenav dl dt a{color:#717171; font-size:16px; text-indent:0px;}
#pagebox .pagenav dl dt a:hover{color:#3cf;}
#pagebox .pagenav dl dt span{padding:0px 10px; display:inline-block; text-indent:0px;}
#pagebox .pagenav dl dd.nav_p1{width:100%; font-size:16px; height:36px; font-weight:bold; text-indent:20px; color:#2eb8ff; line-height:36px; vertical-align:middle; float:left;}
#pagebox .pagenav dl dd.nav_p2{width:12%; font-size:16px; height:34px; position:relative; float:right;}

#pagebox .leftbar{width:250px; padding:20px 0px; float:left; text-align:left;}
#pagebox .leftbar h1{width:100%; height:134px; background:url(../yf_img/left_lian.png) left top no-repeat; float:left;}
#pagebox .leftbar ul{width:100%; margin-top:50px; float:left;}
#pagebox .leftbar ul li{width:100%; line-height:24px; color:#2eb8ff; font-size:14px; float:left;}

#pagebox .nynav{width:100%; float:left; text-indent:15px; font-weight:bold; margin-top:4px; height:40px; line-height:40px; font-size:16px; vertical-align:middle; color:#c70136;}
.sidebar{width:222px; float:left;}
.sidebar > h1{width:210px; float:right; height:50px; line-height:50px; vertical-align:middle; text-align:left; font-size:16px; color:#c70136;}
.sidebar .subnav{width:210px; float:right; text-align:left;}
.sidebar .subnav > a.nav_tit{width:186px; font-weight:normal; display:inline-block; padding:7px 0px; line-height:160%; font-size:15px; color:#717171; background:url(../yf_img/icon6.jpg) 8px 55% no-repeat; float:left; border-bottom:solid 1px #eaeaea; padding-left:24px;}
.sidebar .subnav > a.nav_tit:hover{color:#c70136; font-weight:bold; background:url(../yf_img/icon6_1.jpg) 8px 55% no-repeat;}
.sidebar .subnav > a.nav_hover{color:#c70136; font-weight:bold; background:url(../yf_img/icon6_1.jpg) 8px 55% no-repeat;}
.sidebar .subnav > ul{width:100%; float:left;}
.sidebar .subnav > ul li.bignav{width:100%; line-height:200%; float:left;}
.sidebar .subnav > ul li.bignav a{color:#717171; width:80%; padding:7px 0px; padding-left:20%; background:url(../yf_img/icon7.png) 26px center no-repeat; float:left; display:inline-block; line-height:160%; font-size:15px;}
.sidebar .subnav > ul li.bignav a:hover{color:#c70136; font-weight:bold; background:url(../yf_img/icon7_1.png) 26px center no-repeat;}
.sidebar .subnav > ul li.bignav a.big_hover{color:#c70136; font-weight:bold; background:url(../yf_img/icon7_1.png) 26px center no-repeat;}
.sidebar .subnav > ul li.smlnav{width:172px; padding:7px 0px; background-color:#f9f9f9; float:right;}
.sidebar .subnav > ul li.smlnav a{width:152px; padding:3px 10px; line-height:160%; color:#666; font-size:14px; float:left;}
.sidebar .subnav > ul li.smlnav a:hover{color:#c70136; background-color:#e6e6e6;}
.sidebar .subnav > ul li.smlnav a.sml_hover{color:#c70136; background-color:#e6e6e6;}

.product{width:942px; float:right;}
.product > h1{width:100%; margin-top:10px; height:36px; line-height:36px; color:#717171; font-size:15px; vertical-align:middle; float:left; font-weight:normal;}
.product > h1 a{color:#c70136; font-size:15px;}
.product > h1 span{padding:0px 15px; display:inline-block;}
.product > h2{width:100%; float:left; height:38px; line-height:38px; font-weight:normal; vertical-align:middle; font-size:16px; color:#c70136;}
.product > h3{width:100%; height:345px; float:left; overflow:hidden; position:relative;}
.product > h3 img{width:942px; height:345px; display:block;}
.product .probox{width:880px; text-align:center; padding:0px 30px 30px 30px; border:solid 1px #ddd; float:left; border-top:none;}
.product .probox > ul{width:292px; float:left; margin-top:30px; padding-bottom:20px; border-right:solid 1px #ddd;}
.product .probox > ul > li{width:280px; margin:0 auto;}
.product .probox > ul > li > span{width:150px; margin-left:40px; padding:25px 25px 0px 25px; height:150px; overflow:hidden; position:relative; display:block; float:left;}
.product .probox > ul > li > span img{width:150px; height:150px; display:block;}
.product .probox > ul > li > p{width:280px; margin-top:12px; padding:3px 0px; float:left; color:#717171; font-size:14px;}
.product .probox > ul > li > p a{color:#555; font-size:14px;}
.product .probox > ul > li > p a:hover{color:#c70136;}
.product .probox > ul > li > a.more{padding:5px 20px; background-color:#c70136; border-radius:5px; color:#FFF; font-size:14px; display:inline-block; margin:10px auto 0px auto;}
.product .probox > ul > li > a.more:hover{background-color:#333;}
.product .probox ul.lst_ul{border-right:solid 1px #fff;}

.fypage{width:100%; float:left; text-align:center; margin-top:10px; color:#666; font-size:14px;}
.fypage > span{padding:5px 10px; border:solid 1px #ddd; color:#666; font-size:14px; display:inline-block; margin:0 5px;}
.fypage > a{padding:5px 10px; border:solid 1px #ddd; color:#666; font-size:14px; display:inline-block; margin:0 5px;}
.fypage > a:hover{border:solid 1px #333; background-color:#333; color:#FFF;}
.fypage > a.fy_hover{border:solid 1px #333; background-color:#333; color:#FFF;}
.fypage > label{padding:6px 11px; color:#999; font-size:14px; display:inline-block; margin:0 5px;}
.fypage > label.last_lb{padding-left:0px;}

.fypage2{width:100%; float:left; text-align:center; margin-top:10px; color:#999; font-size:14px;}
.fypage2 > a{padding:5px 10px; border:solid 1px #ddd; color:#999; font-size:14px; display:inline-block; margin:0 5px;}
.fypage2 > a:hover{border:solid 1px #333; background-color:#333; color:#FFF;}
.fypage2 > a.fy_hover2{border:solid 1px #333; background-color:#333; color:#FFF;}

.chanpin{width:892px; margin-top:10px; float:left;}
.chanpin dl{width:292px; margin-top:5px; margin-left:8px; float:left;}
.chanpin dl dt{width:100%; height:36px; background-color:#ededed; padding:6px 0px; float:left;}
.chanpin dl dt p{width:220px; padding-left:20px; line-height:18px; color:#717171; font-size:14px; float:left;}
.chanpin dl dt span{width:36px; height:22px; padding-top:7px; position:relative;z-index:1; display:block; float:right;}
.chanpin dl dt span img{width:22px; float:left; height:22px; overflow:hidden;display:block;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-mz-transition: all 0.6s ease-in-out;}
.chanpin dl dt span:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);}
.chanpin dl dt span:hover img.xuanzh2{transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.chanpin dl dd{width:200px; position:relative; overflow:hidden; border:solid 1px #ededed; padding:17px 45px; height:200px; float:left;}
.chanpin dl dd img{width:200px; height:200px; display:block;}
.chanpin dl.fst_cp{margin-left:0px;}

.fenlei{width:892px; float:left;}
.fenlei > h1{width:100%; height:396px; overflow:hidden; position:relative; float:left;}
.fenlei > h2{width:100%; margin-top:15px; height:32px; text-indent:15px; line-height:32px; vertical-align:middle; font-size:14px; color:#717171; background-color:#f4f4f4; float:left;}
.fenlei .fen_box{width:100%; padding:20px 0px 10px 0px; height:222px; float:left;}
.fenlei .fenli{width:292px; text-align:left; margin-left:8px; margin-top:8px; float:left;}
.fenlei .fenli > h3{width:100%; height:48px; line-height:48px; vertical-align:middle; float:left;background-color:#ededed;}
.fenlei .fenli > h3 a.fen_tit{font-size:14px; height:48px; width:230px; text-indent:26px; display:inline-block; float:left; color:#717171;}
.fenlei .fenli > h3 a.fen_mor{height:22px; float:right; padding-top:13px; width:36px; display:block; position:relative;z-index:1;}
.fenlei .fenli > h3 a.fen_mor img{width:22px; float:left; height:22px; overflow:hidden;display:block;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-mz-transition: all 0.6s ease-in-out;}
.fenlei .fenli > h3 a.fen_mor:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);}
.fenlei .fenli > h3 a.fen_mor:hover img.xuanzh{transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);}

.fenlei .fenli ul{width:260px; padding:12px 15px; border:solid 1px #ededed; border-top:none; height:156px; float:left;}
.fenlei .fenli ul li{width:100%; height:25px; line-height:25px; vertical-align:middle; float:left;}
.fenlei .fenli ul li a{color:#717171; font-size:14px;}
.fenlei .fenli ul li a:hover{color:#3cf;}
.fenlei .fst_fen{margin-left:0px;}

.daohng{width:252px; padding:14px 12px 14px 8px; margin-top:15px; float:right; background-color:#ededed;}
.daohng > h4{width:100%; text-indent:5px; float:left; height:32px; line-height:32px; vertical-align:middle; font-weight:normal; color:#666; font-size:14px;}
.daohng form{width:100%; padding-bottom:20px; border-bottom:solid 1px #ddd; float:left;}
.daohng form input.pro_key{width:186px; margin-left:5px; height:24px; color:#999; font-size:14px; line-height:24px; vertical-align:middle; text-indent:10px; background-color:#FFF; float:left;}
.daohng form input.pro_sbt{width:47px; cursor:pointer; height:24px; background:#717171 url(../yf_img/sear.png) center center no-repeat; text-indent:-9999px; float:left;}
.daohng > h5{width:100%; float:left; text-indent:10px; color:#666; font-size:14px; font-weight:normal; height:34px; line-height:34px; vertical-align:middle;}
.daohng > h6{width:188px; float:left; height:138px; background:url(../yf_img/ewm.png) 10px center no-repeat;}
.daohng ol{width:100%; padding:7px 0px 14px 0px; float:left; border-bottom:solid 1px #ddd;}
.daohng ol li{width:100%; text-indent:10px; line-height:28px; color:#999; font-size:14px; float:left;}
.daohng ul{width:100%; padding:13px 0px; text-align:left; border-bottom:solid 1px #ddd; float:left;}
.daohng ul li.dao_tit{width:100%; text-indent:10px; height:28px; line-height:28px; vertical-align:middle; font-size:14px; color:#666; float:left;}
.daohng ul li.dao_cen{width:100%; text-indent:5px; line-height:26px; float:left;}
.daohng ul li.dao_cen a{display:inline-block; font-size:14px; color:#717171;}
.daohng ul li.dao_cen a:hover{color:#3cf;}
.daohng dl{width:100%; height:222px; background:url(../yf_img/right_tx.png) 10px 160px no-repeat; padding:12px 0px 20px 0px; float:left;}
.daohng dl dt{width:100%; height:30px; line-height:30px; vertical-align:middle; background:url(../yf_img/down.png) right center no-repeat; float:left;}
.daohng dl dt span{width:210px; text-indent:10px; display:inline-block; color:#717171; font-size:14px; height:30px; float:left;}
.daohng dl dt a{width:26px; height:30px; text-indent:-9999px; display:inline-block; float:right;}

.picbox{width:340px; float:left; margin-top:30px;}
.picbox dl{width:320px; float:left; padding:0px 10px 0px 10px;}
.picbox dl dt{width:320px; height:320px; padding:15px 0px; float:left; overflow:hidden; position:relative;}
.picbox dl dt img{width:320px; height:320px; display:block;}
.picbox dl dd{width:320px; text-align:left; float:left;}
.picbox dl dd img{width:60px; cursor:pointer; height:60px; margin-right:5px; float:left; padding:3px; border:solid 1px #ddd; display:inline-block;}

.showpr{width:824px; float:right;}
.showpr > dl{width:100%; float:left; padding:24px 0px 0px 0px;}
.showpr > dl > dt{width:520px; float:left; text-align:left; height:70px;}
.showpr > dl > dt > span{width:100%; float:left; display:block; color:#2eb8ff; font-size:24px; height:36px; line-height:36px; vertical-align:middle;}
.showpr > dl > dt > p{width:100%; float:left; color:#717171; font-size:16px; height:34px; line-height:34px; vertical-align:middle;}
.showpr > dl > dd{width:66px; float:left; text-align:center; height:70px;background:url(../yf_img/biaoyu.png) center center no-repeat;}
.showpr > dl > dd > p{width:46px; float:left; line-height:20px; padding:13px 10px; color:#fff; font-size:14px; height:40px;}
.showpr > h2{width:100%; float:left; margin-top:25px; z-index:0; position:relative; text-align:left; height:40px; font-weight:normal; border-bottom:3px solid #ddd;}
.showpr > h2 span{height:40px; line-height:40px; vertical-align:middle; padding:0px 30px; color:#717171; font-size:14px; left:0px; top:0px; cursor:pointer; z-index:1; position:aboslute; display:inline-block;}
.showpr > h2 span:hover{border-bottom:solid 3px #2eb6ff;}
.showpr > h2 span.sp_hover{border-bottom:solid 3px #2eb6ff;}
.showpr .ceonly{width:100%; float:left; line-height:180%; padding:10px 0px; font-size:15px; color:#666;}
.showpr .downlt{width:100%; float:left; padding:10px 0px;}
.showpr .downlt a{width:100%; display:inline-block; float:left; background:url(../yf_img/star4.png) 5px center no-repeat; color:#717171; font-size:15px; text-indent:20px; padding:7px 0px;}
.showpr .downlt a:hover{color:#c70136;}
.showpr h3{width:100%; text-indent:30px; color:#2eb8ff; font-size:14px; text-align:left; background-color:#ddd; font-weight:normal; height:32px; line-height:32px; vertical-align:middle; float:left; margin-top:20px;}
.showpr .morepc{width:800px; padding:10px 11px; border:solid 1px #ddd; float:left;}

.wbreak{word-wrap:break-word;}

.aboutus{width:880px; padding:20px 0px; float:right; line-height:180%; text-align:left; color:#717171; font-size:15px;}

.newslst{width:880px; float:right;}
.newslst ul{width:100%; float:left; padding:20px 0px; border-bottom:solid 1px #ddd;}
.newslst ul li.nws_pic{width:210px; padding:4px; border:solid 1px #ddd; height:140px; float:left; overflow:hidden; position:relative;}
.newslst ul li.nws_pic img{width:210px; height:140px; display:block;}
.newslst ul li.nws_txt{width:620px; height:150px; text-align:left; float:right;}
.newslst ul li.nws_txt a{width:100%; padding:10px 0px; float:left; display:inline-block; font-size:14px; color:#717171;}
.newslst ul li.nws_txt a:hover{color:#3cf;}
.newslst ul li.nws_txt p{width:100%; line-height:180%; float:left; font-size:14px; color:#717171;}

.showns{width:880px; float:right;}
.showns > h3{width:100%; float:left; padding:20px 0px; font-size:14px; color:#717171; text-align:center;}
.showns > h4{width:100%; float:left; padding-bottom:10px; border-bottom:solid 1px #ddd; font-size:14px; color:#999; font-weight:normal; text-align:center;}
.showns > h4 > label{display:inline-block; margin-left:50px;}
.showns > ul{width:100%; float:left; padding:15px 0px;}
.showns > ul > li{width:100%; float:left; line-height:200%; font-size:14px; color:#717171;}

.honor{width:880px; margin-top:20px; float:right;}
.honor > ul{width:205px; margin-left:20px; text-align:center; float:left;}
.honor > ul li.hr_pic{width:195px; height:220px; padding:4px; border:solid 1px #ddd; overflow:hidden; position:relative; float:left;}
.honor > ul li.hr_pic img{width:195px; height:220px; display:block;}
.honor > ul li.hr_txt{width:205px; padding:10px 0px; float:left;}
.honor > ul li.hr_txt a{font-size:14px; color:#717171;}
.honor > ul li.hr_txt a:hover{color:#3cf;}
.honor > ul.fst_hr{margin-left:0px;}

.downof{width:880px; padding:15px 0px; float:right;}
.downof > ul{width:100%; padding:10px 0px; border-bottom:#ddd solid 1px; float:left;}
.downof > ul li.dw_tit{width:70%; background:url(../yf_img/icon9.png) 1% center no-repeat; text-indent:2%; font-size:14px; color:#717171; float:left;}
.downof > ul li.dw_dow{width:10%; background:url(../yf_img/down2.png) 70% center no-repeat; font-size:14px; color:#717171; float:right;}
.downof > ul li.dw_dow a{ height:20px; text-indent:-9999px; width:100%; display:inline-block; float:right;}

.query{width:880px; float:right; margin-top:20px;}
.query form{width:542px; float:left; margin-top:10px; padding:10px 169px; background-color:#eee;}
.query form input.qry{width:400px; height:24px; line-height:24px; vertical-align:middle; background-color:#FFF; text-indent:10px; color:#717171; font-size:14px; float:left;}
.query form input.btn{width:70px; height:24px; cursor:pointer; margin-left:10px; line-height:24px; vertical-align:middle; background-color:#717171; color:#FFF; font-size:14px; float:left;}
.query ul{width:100%; margin-top:10px; float:left;}
.query ul li.qry_pic{width:100%; padding:20px 0px; float:left; text-align:center;}
.query ul li.qry_txt{width:100%; padding-bottom:20px; font-weight:bold; font-size:16px; color:#000; float:left; text-align:center;}
.query ul li.qry_cen{width:100%; font-size:14px; line-height:180%; color:#3cf; float:left; text-align:left;}