@charset "utf-8";

/* reset */

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea { margin: 0; padding: 0; }

body { font-size:12px;  font-family:Arial,sans-serif;color: #666; overflow-x:hidden;}

 

img { border: 0; vertical-align: top; }

li { list-style-type: none; vertical-align: top; }

button, input, select, textarea { font-size: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

input, textarea { border: none; resize: none; outline: none; }

.px10{ height:10px; line-height:10px; display:block; clear:both;}

.left, .fl{ float:left;}

.right, .fr{ float:right;}

.clear{ clear: both;}

a { text-decoration: none; outline: none; color: #666; }

a:hover { color: #ff6600; }

/* end reset */



/* public */

.w1200 { width: 1000px; margin: 0 auto; position: relative; }

.mb20 { margin-bottom: 20px; }

.cl { padding-top:30px; }

/*.cl:after { content: ''; display: block; clear: both; }*/

.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ib { display: inline-block; vertical-align: top; }

.z9 { z-index: 9; position: relative; }

.tr, .zoomIn img { transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; }

.zoomIn:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

.gray img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url(gray.svg#grayscale); transition: 0.2s; }

.gray a:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }

/* end public */



/* 头部 */

.header { background: #fff; height: 68px; }

.logo { padding-top: 30px; }

.lang a { width: 30px; height: 30px; padding-top: 14px; line-height: 30px; color: #fff; background: #631013; text-align: center; color: #fff; display: block; }

.tel { padding-top: 11px; margin-right: 15px; }

.tel p { color: #b4b4b4; line-height: 16px; }

.tel h3 { color: #ef3d01; font-size: 20px; line-height: 18px; font-weight: bold; }

.search { position: relative; top: -10px;   }

.search .text { width: 204px; height: 27px; border: 1px solid #424242; border-radius: 3px; overflow: hidden;   padding: 0 10px;  }

.search .btn { height: 32px; width: 32px; position: absolute; top: 0; right: 0; background: url(../images/search.png) no-repeat center; cursor: pointer; }



.nav { margin-right: 250px;  }

.nav .item, .nav h2, .nav h2 a { float: left;  }

.nav .item { position: relative;/* margin-top:5px*/ }

.nav h2 a { font-size: 16px; font-weight:bold;  padding: 0 20px;  color: #000; /*line-height: 48px; height: 48px;*/ }

.nav h2 a:hover, .nav .on h2 a { color: #000; }

.sub { position: absolute; top: 47px; left: 0; width: 120%; padding-bottom: 10px; display: none; }

.sub a { height: 30px; line-height: 30px; color: #fff; font-size: 14px; display: block; text-align: left; padding-left:10px; white-space: nowrap; }

.sub a:hover { background: #c90006; }

.sub em { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity = 50); }





/* flexslider */



.banner{ width:100%;}



.banner img{ width:100%; height:100%}







/* banner */

/*.banner { width: 100%; height:710px; overflow: hidden; position: relative; }

.banner .bd { height: 528px; position: relative; left: 50%; margin-left: -2000px; }

.banner .bd li { width: 4000px; text-align: center; }

.banner .hd { width: 100%; position: absolute; bottom: 20px; height: 15px; text-align: center; }

.banner .hd ul { height: 15px; overflow: hidden; }

.banner .hd li { width: 15px; height: 15px; border-radius: 50%; background: #fff; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; text-indent: -99px; cursor: pointer; margin-left: 8px; box-shadow: inset 1px 1px 2px #333; }

.banner .hd .on { background: #ff6600; }

.banner .ctrl { width: 1000px; position: absolute; left: 50%; margin-left: -500px; top: 0; }

.banner .ctrl a { position: absolute; background: url(../images/ctrl.png) no-repeat; width: 30px; height: 51px; top: 240px; opacity: 0; filter: alpha(0); text-indent: -99px; overflow: hidden; }

.banner .ctrl .prev { left: -100px; -webkit-transform: translate(-100px); -moz-transform: translate(-100px); transform: translate(-100px); }

.banner .ctrl .next { right: -100px; background-position: -30px 0; -webkit-transform: translate(100px); -moz-transform: translate(100px); transform: translate(100px); }

.banner:hover .ctrl a { opacity: 1; filter: alpha(opacity = 100); -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); }

.banner .ctrl a:hover { opacity: 1; filter: alpha(opacity = 100); }*/



/* 产品 */

.productTop { text-align: center; padding-top: 28px; margin-bottom: 7px; }

.productTop h2 { line-height: 32px; font-size: 28px; color: #0a0b0d; font-weight: bold; }

.productTop h3 { line-height: 20px; font-size: 14px; color: #8d8d8d; background: url(../images/productCut.gif) no-repeat center  ; }

.productWrap { padding-bottom: 42px; padding-top: 30px; }

.productWrap .hd { text-align: center; margin-bottom: 16px; }

.productWrap .hd li { text-align: center; display: inline-block; *display: inline; *zoom: 1; margin: 0 37px; font-size: 18px; line-height: 40px; color: #0a0b0d; cursor: pointer; position: relative; }

.productWrap .hd em { background: url(../images/productAdorn.png) no-repeat; width: 74px; height: 6px; position: absolute; bottom: 0; left: 50%; margin-left: -37px; opacity: 0; filter: alpha(opacity = 0); }

.productWrap .hd .on { color: #c00109; }

.productWrap .hd .on em { opacity: 1; filter: alpha(opacity = 100); }

.productWrap .bd { width: 1197px; margin: 0 auto; position: relative; }

.productWrap .conBd { width: 1197px; overflow: hidden; height: 352px; }

.productWrap .bd ul { width: 2000px; }

.productWrap .bd li { border: 1px solid #f0f0f0; border-right: 0; float: left; width: 298px; text-align: center; padding-bottom: 14px; overflow: hidden; }

.productWrap .bd span { color: #333; background: #fff; font-size: 15px; line-height: 28px; width: 100%; padding: 10px 0 0; position: relative; }

.productTitle { text-align: center; line-height: 32px; font-size: 28px; color: #0a0b0d; font-weight: bold; padding-top: 30px; }



.productWrap .bd a:hover span { color: #ec161f; }

.productWrap .ctrl { position: absolute; top: 125px; left: 0; width: 100%; }

.productWrap .ctrl a { background: url(../images/ctrl.gif) no-repeat; width: 50px; height: 50px; position: absolute; }

.productWrap .ctrl .prev { left: -64px; }

.productWrap .ctrl .next { right: -64px; background-position: -50px 0; }

.productWrap .tempWrap { width: 1197px !important; }



/* 信息 */

.show { margin-bottom: 66px; }

.show .bd { width: 241px; overflow: hidden; width: 1201px; }

.show .tempWrap { width: 1201px !important; }

.show li { border: 1px solid #f0f0f0; border-right: 0; float: left; overflow: hidden; }



/* 新闻 */

.news { padding-top: 22px; }

.news li { width: 328px; position: relative; margin-bottom: 13px; }

.news a { display: block; height: 62px; padding-left: 64px; background: #282828; }

.news a:hover { background: #c90006; }

.news a:hover strong { color: #fff; }

.news a:hover span { color: #fff; }

.news a:hover em { background: #fff; }

.news strong { line-height: 20px; top: 11px; display: block; position: relative; padding-left: 12px; font-size: 13px; color: #9b9b9b; font-weight: normal; transition: 0.2s; padding-right: 10px; }

.news span { position: absolute; width: 58px; left: 6px; text-align: center; color: #9b9b9b; transition: 0.2s; }

.news em { left: 0; width: 1px; height: 34px; background: #666; top: 50%; margin-top: -17px; position: absolute; transition: 0.2s; }

.news .day { line-height: 22px; font-size: 23px; top: 14px; }

.news .year { line-height: 16px; top: 36px; }



/* 页脚 */

.footer { /*background: #333;*/ background: url(../images/footnav.jpg) repeat;}

.footNav { padding-top: 17px; padding-bottom: 14px; }

.footNav dl { float: left; width: 130px; }

.footNav dt { color: #fff; font-size: 15px; }

.footNav dd { line-height: 22px; }

.footNav a { color: #979797; }

.footNav a:hover { color: #ec161f; }

.code { margin-right: 36px; padding-top: 22px; text-align: center; font-size: 13px; color: #b4b4b4; }

.code p { padding-top: 10px; }

.siteInfo { padding-bottom: 10px; width: 286px; }

.siteInfo h3 { line-height: 27px; font-size: 15px; color: #fff; padding-top: 13px; }

.siteInfo p { line-height: 26px; color: #979797; font-size: 13px; }

.copyright { line-height: 38px; height: 38px;  background: #292929; color: #b4b4b4; }

.copyright a { color: #b4b4b4; }

.copyright a:hover { color: #ec161f; }

.copyright span { margin-right: 7px; }

.copyright img { padding-top: 7px;  }



.pageBanner { height: 180px; width: 100%; overflow: hidden; background: url(../images/bannerBj.jpg) no-repeat center 0; position: relative; }

.pageBanner .bd { width: 1440px; margin: 0 auto; height: 180px;}

.pageBanner .hd { width: 100%; text-align: center; height: 9px; left: 0; position: absolute; bottom: 8px; }

.pageBanner .hd ul { height: 9px; overflow: hidden; }

.pageBanner .hd li { width: 50px; height: 9px; background: #000; display: inline-block; *display: inline; *zoom: 1; margin: 0 3px; cursor: pointer; }

.pageBanner .hd .on { background: #1db5cb; }



.page{margin:0 auto;}

.head1{ height:164px; background:url(../images/top_bj.jpg) top repeat-x;}

.top{ height:124px; overflow:hidden;}

.top_01{ height:36px; text-align:left; color:#ababab; line-height:36px; overflow:hidden; color:#fff; }

.top_01 img{ height:36px; overflow:hidden;padding:0px; margin:0px;}

.top_01 span{ float:right;}

.logo{ padding-top:15px;}

.top_02{ height:18px; line-height:18px; margin-top:50px; margin-left:20px; font-size:16px; font-family:Arial,sans-serif; font-weight:bold; color:#5d5d5d;}



.dh{ padding-top:40px; margin-left:78px;}

.dh span{ margin-right:10px;}



.content{  margin:0 auto; padding-top:20px;  text-align:center}

.content1{ margin:0 auto;}



.yyhy{height:520px; width:980px; margin:0 auto; padding-bottom:15px;}

.yy_title span{ height:81px;}

.yy_title{ background:#1c1c1c; height:520px; line-height:38px; width:194px; float:left;}

.yy_title ul li{ font-size:14px;}

.yy_title ul li a{display:block; text-align:center; color:#fff; height:47px;  font-family:Arial,sans-serif;font-weight:bold; border-bottom:solid 1px #2c2c2c;}

.yy_title ul li a:hover{ background:url(../images/cp_a.jpg) repeat-x; display:block; color:#fff;}

.cplx{ padding-top:58px;}

.cplx img{border-top: solid 10px #fff;}

.yyhy_con{ overflow:hidden; border-top: solid 2px #1c1c1c;}

.yyhy_con ul li{float:left;margin-top:10px; width:190px;border: 1px solid #EEE;margin-left: 4px;height:247px;}

.yyhy_con ul li p{ line-height:20px;}

.yyhy_con ul li img{}



.sy_tetle{ height:40px; background:#1c1c1c; color:#fff; border-left:10px solid #545454; padding-left:10px; font-family:Arial,sans-serif; font-weight:bold; font-size:16px; line-height:40px;}

.sy_tetle span{ font-family:Arial; font-size:12px; padding-left:10px;}

.sy_tetle a{ float:right; padding-right:10px; padding-top:10px;}

.sy_ys{ border: solid 1px #d1d1d1; height:300px; margin-top:15px; width:978px; margin:0 auto; padding-bottom:10px;}

.sy_ys ul li{ float:left; padding-left:30px; padding-top:20px;}





.xzwm{ width:978px; margin:0 auto; height:260px; border: solid 1px #d1d1d1; margin-bottom:15px; margin-top:15px;}

.xzwm h2{ font-size:22px; padding-bottom:10px; }

.xzwm h2 span{ color:#fc720a;}

.xzwm ul li{ width:230px;line-height:18px; float:left; padding-right:8px; padding-left:5px; padding-top:10px;}

.xzwm ul li img{ padding-bottom:10px;}

.xzwm ul li a img{ padding-top:5px;}



.sy_ys02{ border: solid 1px #d1d1d1; height:320px; width:978px; margin:0 auto; padding-bottom:20px; margin-bottom:15px;}

.sy_ys02 ul li{ float:left; padding-left:20px; padding-top:20px;}



.con02{ width:980px; margin-top:15px; margin:0 auto;}

.about_1{ width:690px; height:425px; border:solid 1px #dcdcdc; border-top: none;}

.about_1 h2{ height:43px; background: url(../images/pro_t.jpg) repeat-x; line-height:35px; color:#f00; font-size:16px;}

.about_1 h2 span{ background:url(../images/pro_t1.jpg) no-repeat left; height:43px; width:116px; display:block; text-indent:25px; color:#fff; float:left;  font-family:Arial,sans-serif; font-size:16px; font-weight:bold;}

.about_1 h2 a{float:right; padding-right:10px; padding-top:8px;}

.about_con01{ height:230px;}

.about_con01 ul{ padding:10px; line-height:24px; padding-top:20px;}

.about_con01 ul img{ padding-right:15px; float:left;}

.about_con01 h3{ font-size:20px; padding-bottom:10px; display:block; height:80px;}

.about_zs{ padding:10px;}

.about_zs ul li{ float:left; width:110px; height:140px; padding-right:10px; padding-left:10px;} 



.cjwt{ width:270px; height:425px; border:solid 1px #d1d1d1; border-top: none; }

.cjwt h2{ height:43px; background: url(../images/pro_t.jpg) repeat-x; line-height:35px; color:#f00; font-size:16px;}

.cjwt h2 span{ background:url(../images/pro_t1.jpg) no-repeat left; height:43px; width:116px; display:block; text-indent:25px; color:#fff; float:left;  font-family:Arial,sans-serif;font-size:16px; font-weight:bold;}

.cjwt h2 a{float:right; padding-right:10px; padding-top:8px;}

.cjwt ul{padding:10px; padding-bottom:0px; border-bottom:dashed 1px #CCC; }

.cjwt ul h4{ background:url(../images/w.jpg) no-repeat 0 5px; font-size:12px; padding-left:20px; line-height:30px; font-size:14px;}

.cjwt ul li{ line-height:20px; height:45px; background:url(../images/da.jpg) no-repeat 0px 5px; padding-left:25px; color:#666;}



.con03{ height:300px; padding-top:15px; padding-bottom:15px; width:980px; margin:0 auto;}

.con04_news{ width:660px; height:300px;border: solid 1px #d1d1d1;  }

.news_04_b{ padding-left:10px;}

.news_04_b ul li{ height:110px; width:640px; line-height:18px;padding-top:15px;border-bottom:dashed 1px #d1d1d1; padding-bottom:5px;}

.news_04_b ul li a{ display:block;}

.news_04_b ul li img{ float:left; margin-right:10px; padding:3px;}

.news_04_b ul li span{ font-family:Arial; font-size:10px; color:#999; display:block;}



.news_04_a{ width:290px;overflow:hidden; padding-left:10px; padding-right:10px;}

.news_04_a ul li{ line-height:30px; height:30px; background:url(../images/d.jpg) no-repeat 0px 14px; padding-left:10px;}

.news_04_a ul li span{ font-size:10px; font-family:Arial; float:right;}



.news_02{ width:300px; height:300px;overflow:hidden;border: solid 1px #d1d1d1; }

.news_02 ul{ padding:10px;}



.hzkh{border: solid 1px #d1d1d1; width:978px; margin: 0 auto; height:120px; margin-bottom:10PX;}

.hzkh ul{ padding-left:15PX;}

.hzkh ul li{ float:left; padding-left:10px; padding-right:10px; padding-top:10px;}

.hzkh ul li img{ padding:2px; border:solid #ebebeb 1px;}



.qyhj{ width:1000px; margin:0 auto; height:230px;}

.qyhj h2{ border-top:solid 2px #1b549d; height:38px;}

.qyhj h2 span{ width:115px; background: url(../images/t_hj.jpg) no-repeat;display:block; height:38px; text-align:center; line-height:32px;}

.qyhj h2 a{float:right; color:#36C; font-size:12px; padding-top:10px;}

.qyhj ul li{ float:left; line-height:25px; text-align:center; border:solid 1px #CCC; padding:2px;margin-right:8px;}





.fgs{ background:#1c1c1c; height:200px;}

.fgs_con{ width:980px; margin:0 auto; color:#999; line-height:20px;padding-bottom:10px;}

.fgs_con ul{ width:230px;  padding-right:10px; padding-top:10px;}



.bottom{  margin: 0 auto; overflow:hidden;border: solid 1px #d1d1d1;}

.bot_nav{ height:40px;  text-align:center; background:#101010;}

.bot_nav1{ width:980px; margin:0 auto;}

.bot_nav1 li{ float:left;padding-right:15px; line-height:29px; display:block;}

.bot_nav1 li a{ color:#999;}





/*about*/

.banner_about{margin:0 auto;height:180px; background:url(../images/banner_bj.jpg) top center;}

.banner_about_a{ width:980px; margin: 0 auto;}

.sider{ width:220px;}

.sider_list{ width:218px;border:solid 1px #e1e1e1; background:#fff; overflow:hidden;}



.sider_list ul li{ height:33px; line-height:33px; text-align:center; background:url(../images/about_b.jpg) 7px 0px no-repeat; margin-bottom:5px; display:block; margin-top:5PX; font-size:14px;}

.sider_list ul li a{ display:block; color:#232d36;}

.sider_list ul li a:hover{ background:url(../images/about_a.jpg) 7px 0px no-repeat; display:block; color:#fff; text-decoration:none; font-weight:bold;}

.sider_list ul li a.cur_left{ background:url(../images/about_a.jpg) 7px 0px no-repeat; display:block; color:#fff; text-decoration:none; font-weight:bold;}

.about_news{ width:218px; height:240px; border:solid 1px #cdcdcd; margin-top:10px;}

.about_news ul{ padding:5px;}

.about_news ul li{ line-height:30px; border-bottom:dashed 1px #CCC; background:url(../images/d.jpg) 0 15px no-repeat; padding-left:10px;}



.sider_b{ margin-top:10px; width:220px;}

.sider_b img{ padding-bottom:10px;}

.sider_b p{ padding-bottom:10px; line-height:20px;}



.detail{ width:1000px; margin:auto; background:#fff;/*border: solid 1px #e1e1e1;*/  text-align:left}

.title_about{ height:41px; line-height:41px; border-bottom:2px solid #1c1c1c; text-indent:10px; text-align:right; padding-right:10px;}

.title_about span{ float:left; font-family:Arial,sans-serif; font-weight:bold; font-size:20px; padding:0px; color:#1c1c1c;}

.about_aa{ padding:15px; line-height:24px; border-top: none;}

.about_aa p{ text-indent:2em; line-height:24px;}



/*news*/

.news_list01{width:890px;padding:15px;overflow:hidden; padding-top:0px;}

.rq{float:left; width:71px; height:65px; margin-right:12px; text-align:center;background:url(../images/ns_03.jpg) no-repeat left top;}

.rq h4{ font-size:30px;font-weight:bold; font-family:Arial,sans-serif;line-height:43px;color:#f0652f}

.news_list01 li{line-height:18px; height:80px;  padding:18px 0px 4px 0px; border-bottom:1px dotted #d0d0d0;}

.news_list01 li img{ float:left; margin-right:15px; }

.news_list01 li h3{ line-height:20px;font-weight:bold; padding-top:0px;}

.news_list01 li p{ color:#666; text-indent:0;}

.news_list01 li p a{color:#ea3c00;text-decoration: underline;}



.Application{width:690px;padding:15px;overflow:hidden;}

.Application_img{float:left; width:106px; height:106px; margin-right:12px; text-align:center;}

.Application_img img{ width:100px; height:100px; padding:2px; border:solid 1px #CCC;}

.Application li{line-height:18px; height:110px;  padding:18px 0px 4px 0px; border-bottom:1px dotted #d0d0d0;}

.Application li img{ float:left; margin-right:15px; }

.Application li h3{ line-height:20px;font-weight:bold; padding-top:0px;}

.Application li p{ color:#666; text-indent:0;}

.Application li p a{color:#ea3c00;text-decoration: underline;}



.newsnei2 h3{ font-size:20px; text-align:center; color:#C00; line-height:40px;}

.newsnei2 h4{ font-size:12px;  font-family:Arial,sans-serif; font-weight:100; text-align:center; color:#b5b5b5;}

.newsnei2 h4 a{ color:#b5b5b5;}



.news_list ul li{ line-height:30px; border-bottom:dashed 1px #e3e3e3; background:url(../images/d.jpg) 0 13px no-repeat ; padding-left:10px;}

.news_list ul li span{ float:right; color:#b5b5b5;}



.dsja {  font-family:Arial,sans-serif;}

.dsja h2{ font-size:36px; color:#ccc;}

.dsja p{ font-size:25px; line-height:30px; font-family:Arial,sans-serif; color:#8e8e8e; text-indent:0;}



.pronei{ overflow:hidden; border-top:none; height:100%; padding-top:10px; padding-left:0px; padding-bottom:20px;}

.pronei ul { padding-left: 16px; }

.pronei ul li{float:left;width:245px; margin-top:10px; padding-right:0px; }

.pronei ul h3{width:238px;background-color:#4d4d4d; height:30px; line-height:30px; text-align:center; color:#fff}

.pronei ul li p{line-height:20px;height:70px;overflow: hidden;}

.pronei ul li img{border: solid 1px #e6e6e6; padding:3px;}

.pronei ul li a  {color: #787878;}

.pronei ul li a:hover img { border: solid 1px #787878;}



.pageProduct{padding:10px; line-height:30px; border-top:none;min-height:485px; 

    height:auto !important; 

    height:485px;}



.pageProduct ul li{float:left; line-height:26px;}

.pageProduct ul li span{ color:#f00; float:none; font-family:Arial,sans-serif; font-weight:bold; font-size:14px;}

.pageProduct ul li p{ text-indent:0; line-height:30px; border-bottom: dashed 1px #dedede;}

.pageProduct ul li p a{ color:#f00;}

.pageProduct ul li p img{border:none;}



.pro_explain{line-height:22px; display:block;border-bottom:20px; padding-top:20px;}

.pro_explain h4{ color:#000;margin-bottom:15px;  border-bottom: double   1px #dedede;font-size:14px; height:30px; line-height:30px; background:#fff; border-left:solid 10px #545454; padding-left:10px;}

.pro_explain p{}





.rel{line-height:22px; display:block; left:20px; }

.rel h4{ color:#000;margin-bottom:15px;  border-bottom: double   1px #dedede;font-size:14px; height:30px; line-height:30px; background:#fff; border-left:solid 10px #545454; padding-left:10px;}

.rel p{}





.pro-img{ width:380px;float:left; margin-right:125px;}

.pro-img img{border:solid 1px #ccc; padding:1px;}

.imgprox li{ float:left; margin-right:10px; width:80px; margin-top:20px;}

.imgprox img{ width:80px; height:80px; padding:2px; border:solid 1px #e1e1e1;}





#fxan{height:40px;overflow:hidden;margin-top:10px;}



.tjcp_pro{ margin-bottom:10px;}

.tjcp_pro h4{ color:#000;margin-bottom:15px; font-size:14px; height:30px; line-height:30px;  border-bottom: double   1px #dedede;background:#fff; border-left:solid 10px #545454; padding-left:10px;}

.tjcp_pro ul{ height:180px; padding-top:10px;overflow:hidden;padding-left: 16px;}

.tjcp_pro ul li{padding-right:10px; float:left; margin-bottom:15px; padding-left:10px;width:164px;}

.tjcp_pro ul li img{border:solid 1px #ccc; padding:1px; width:160px; height:150px;}

.tjcp_pro ul li p{ height:30px; line-height:30px; text-align:center;}





.float_qq{ position:absolute; top:380px; right:0; width:50px; height:203px; z-index:6666;}

.float_qq li{ width:auto; height:50px; z-index:20;}

.qq_drop_down{display: none;width:60px;height: 52px;text-align: center;}

.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}

.float_qq li.float_qq1{ top:156px;}

.float_qq li.float_qq2{ position:absolute; top:52px; left:0; width:126px;}

.float_qq li.float_qq3,.float_qq li.float_qq5{ position:absolute; top:104px; left:0; width:172px;}

.float_qq li.float_qq4{ top:0;}

.float_qq li.float_qq5{top:51px;}

.float_qq4{ position:absolute; top:153px; left:0;}

.float_qq li a{ display:block;color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}

.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}

.float_qq li a:hover{ background-color:#464646; opacity:1;}

.float_shwx{ position:absolute; top:0; left:-140px; background:url(../images/float_wxbd.png) no-repeat top right; width:110px;display:none;background:#fff;border:1px solid #dadada;padding:14px;border:1px solid #ccc;line-height:20px;}

.float_shwx img{ display:block;background-color:#fff;width:110px; height:110px;margin-bottom:5px;}









.productRelated { padding-bottom: 42px; padding-top: 30px; }

.productRelated .hd { text-align: center; margin-bottom: 16px; }

.productRelated .hd li { text-align: center; display: inline-block; *display: inline; *zoom: 1; margin: 0 7px; font-size: 18px; line-height: 20px; color: #0a0b0d; cursor: pointer; position: relative; }

.productRelated .hd em { background: url(../images/productAdorn.png) no-repeat; width: 74px; height: 6px; position: absolute; bottom: 0;  margin-left: -37px; opacity: 0; filter: alpha(opacity = 0); }

.productRelated .hd .on { color: #c00109; }

.productRelated .hd .on em {  filter: alpha(opacity = 100); }

.productRelated .bd { width: 1100px; margin: 0 auto; position: relative; }

.productRelated .conBd { width: 1000px; overflow: hidden; height: 202px; }

.productRelated .bd ul { width: 2000px; }

.productRelated .bd li {  border-right: 0; float: left; width: 245px; text-align: center; padding-bottom: 14px; overflow: hidden; }

.productRelated .bd span { color: #333; background: #fff; font-size: 15px; line-height: 28px; width: 100%; padding: 10px 0 0; position: relative; }

.productTitle { text-align: center; line-height: 32px; font-size: 28px; color: #0a0b0d; font-weight: bold; padding-top: 30px; }



.productRelated .bd a:hover span { color: #ec161f; }

.productRelated .ctrl { position: absolute; top: 65px; left: 0; width: 100%; }

.productRelated .ctrl a { background: url(../images/ctrl.gif) no-repeat; width: 50px; height: 50px; position: absolute; }

.productRelated .ctrl .prev { left: 0px; }

.productRelated .ctrl .next { right: 0px; background-position: -50px 0; }

.productRelated .tempWrap { width: 1000px !important; left:30px;}









.productsmall { padding-bottom: 42px; padding-top: 30px; }

.productsmall .hd { text-align: center; margin-bottom: 16px; }

.productsmall .hd li { text-align: center; display: inline-block; *display: inline; *zoom: 1; margin: 0 7px; font-size: 18px; line-height: 20px; color: #0a0b0d; cursor: pointer; position: relative; }

.productsmall .hd em { background: url(../images/productAdorn.png) no-repeat; width: 74px; height: 6px; position: absolute; bottom: 0;  margin-left: -37px; opacity: 0; filter: alpha(opacity = 0); }

.productsmall .hd .on { color: #c00109; }

.productsmall .hd .on em {  filter: alpha(opacity = 100); }

.productsmall .bd { width: 497px; margin: 0 auto; position: relative; }

.productsmall .conBd { width: 497px; overflow: hidden; height: 102px; }

.productsmall .bd ul { width: 2000px; }

.productsmall .bd li {  border-right: 0; float: left; width: 98px; text-align: center; padding-bottom: 14px; overflow: hidden; }

.productsmall .bd span { color: #333; background: #fff; font-size: 15px; line-height: 28px; width: 100%; padding: 10px 0 0; position: relative; }

.productsmall { text-align: center; line-height: 32px; font-size: 28px; color: #0a0b0d; font-weight: bold; padding-top: 30px; }



.productsmall .bd a:hover span { color: #ec161f; }

.productsmall .ctrl { position: absolute; top: 25px; left: 0; width: 100%; }

.productsmall .ctrl a { background: url(../images/ctrl2.gif) no-repeat; width: 50px; height: 50px; position: absolute; }

.productsmall .ctrl .prev { left: 0px; }

.productsmall .ctrl .next { right: 0px; background-position: -50px 0; }

.productsmall .tempWrap { width: 437px !important; left:50px;}

.productsmall img{ width:80px; height:80px; padding:2px; border:solid 1px #e1e1e1;}





.catalog{

  width: 100%;/*background: url(../images/nav.jpg) repeat;*/ background-color:#4d4d4d; height:45px;font-size: 15px; 

}



.catalog a {

  font-size: 15px; display: block;   color:#fff; transition:all ease-out .3s;   

}



.catalog a:hover { color: #ff6600; }

     





ul#nav {

  width: 1250px; margin: 0 auto;

  }

ul li.navitem {

  float:left; margin-right:5px; margin-left: 5px; width:auto; position:relative; transition:all ease .3s;

}

ul li.navitem:hover ul.subnav {

  opacity: 1;

  transform: translate3d(0px, 0px, 0px);

  -moz-transform: translate3d(0px, 0px, 0px);

  -webkit-transform: translate3d(0px, 0px, 0px);

  visibility: visible;

  z-index: 999;

}

ul li.navitem a {

  display: block; height: 40px; line-height: 40px; color:#fff; transition:all ease-out .3s;   

}

ul li.navitem:hover a{

  color: #ff6600;

}

ul li.navitem ul.subnav {

  position:absolute; width:180px; top:40px; opacity: 0; background: #b5b5b5; transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden;

}

ul li.navitem ul.subnav li a {

  padding:0 10px; width:160px; height:34px; background: none; line-height:34px; display:block;  color:#333; font-weight: bold; transition:all ease-out .2s

}

ul li.navitem ul.subnav li a:hover {

  text-indent:10px;

  background:rgba(0,0,0,1);

  color:#fff

}







/*产品列表页*/

/*.pro-main{backgrund: url(/images/bg/pro-bg.jpg) repeat left top;}*/

.main{width: 100%;background: #eee;}

.main-banner{width: 100%;}

.main-banner img{width: 100%;height: auto;}

.product-list-box{background: #fff;padding: 5px 0 20px 0;}

.product-list{width: 100%;overflow: hidden;}

.product-list ul{width: 110%;}

.product-list li{width: 300px;float: left; position: relative;margin-right:42px; text-align:center;margin-bottom: 15px;border: solid 1px #e6e6e6;    box-shadow: 0 4px 8px 5px rgba(0,0,0,0.1);}

.product-list li img{width: 250px;height: auto;  text-align:center;}

.product-list li>a{display: block;}

.product-list li h2{font-size: 20px;height: 40px;line-height: 40px;border-top: solid 1px #d6d6d6;background: #4d4d4d; color:#fff;text-align: center;}

.product-list li h2 a{font-size: 20px;  color:#fff;text-align: center;}

.pro-list-hover{width: 100%;height: 100%;position: absolute;left: 0;top: 100%;-webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;}

.list-hover-content{/*background: rgba(0,0,0,0.7);*/position: absolute;width: 100%;height: 97%;top: 3%;}

.list-hover-content .des-txt{margin: 35px 45px;padding: 50px 0;text-align: center;}

.list-hover-content .des-txt p{color: #fff;font-size: 16px;height: 92px;}

.product-list li .list-hover-content h2{border-top: none;background: none;color: #ff6600;line-height: 60px;z-index: 10;}

.product-list li .list-hover-content h2 a,.list-son .product-list li h2 a{color: #ff6600;}

.product-list li:hover .pro-list-hover{top: 0;}

.product-list li:hover h2.hover-f a{color: #fff;}







/*----产品内页--------*/

.article-bg-box{width:100%; }

.article-bg-box .slideshow li img{display: block;}

.article-bg-box .main{background: none;}

.article-bg-box .bread a,.article-bg-box .bread em{color: #acacac;}

.article-bg-box .bread a:hover{color: #eb0d0a;}

.article-bg-box .breve-box{padding: 0px 0;}

.article-bg-box .article-slide{width:450px;float:left;position: relative;}

.article-bg-box .article-slide ul li{width:100%;height:auto;}

.article-bg-box .article-slide .slideshow{width:100%;overflow: hidden;font-size: 0;-webkit-text-size-adjust: none;/*box-shadow:0 0 14px #999;-webkit-box-shadow:0 0 14px #999;-moz-box-shadow:0 0 14px #999;-ms-box-shadow:0 0 14px #999;-o-box-shadow:0 0 14px #999;background-color: #FFF;*/border: #FFFFFF  2px   double }

.article-bg-box .article-slide .slideshow ul{width: 100%;}

.article-bg-box .slidelist{position: relative;margin-top: 33px;bottom: 0;width:500px;}

.article-bg-box .slidelist ul{width:400%}

.article-bg-box .slidelist .slide-list{overflow: hidden;margin:0 auto;/*height:127px;*/}

.article-bg-box .slidelist ul li{width:120px;height:120px;overflow: hidden;background: none;cursor: pointer;float:left;margin:0 12px;font-size: 0;-webkit-text-size-adjust: none;position: relative;border: #FFFFFF  2px   double }

.article-bg-box .slidelist ul li em{display: none;width: 120px; height:120px;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.6);}

.article-bg-box .article-slide .slidelist ul li{height: auto !important;width: 120px; height:120px;}

.article-bg-box .slidelist ul li img{width: 120px; height:120px; }

.article-bg-box .slidelist ul li.now em{display: block;width: 120px; height:120px;  }
.article-bg-box .slidelist ul li.bf em{display: block;width: 120px; height:120px;background: url(../images/bf.png) no-repeat center;  }
.article-bg-box .slidelist .arrow{width:28px;height:28px;position: absolute;background: url(../images/spirit.png) no-repeat -28px -167px;top:50%;margin-top: -14px;cursor: pointer;}

.article-bg-box .slidelist .prev{left:0px;background-position: -28px -167px;}

.article-bg-box .article-slide .slidelist .next{right: 100;}

.article-bg-box .slidelist .prev:hover{background-position: 0px -195px;}

.article-bg-box .slidelist .next{right:0px;background-position: 0px -167px;}

.article-bg-box .slidelist .next:hover{background-position:-28px -195px;}

.article-slide .slidelist{position: absolute;left: 100%;bottom: 0;margin-left: 40px;}



.article-slide .slidelist02{position: absolute;bottom: 10px;text-align: center;width: 100%;display: none;}

.article-bg-box .article-slide .slidelist02 ul li{display: inline-block;width: 5px;height:5px !important;background: #000;cursor: pointer;}

.article-bg-box .article-slide .slidelist02 ul li.now{background: #eb0d0a;}



.article-bg-box .breve{width:460px;float:right;}

.article-bg-box .breve h1{width: 450px; font-size: 25px; font-family:Arial,sans-serif;color: #000;line-height: 40px;padding: 20px 0;position: relative;}

.article-bg-box .breve h1 em{display: block;width: 100px; position: absolute;left: 0;top: 0px;}

.article-bg-box .breve p{font-size: 28px;color: #ff6600; padding-top:50px}

.detail-des,.related-pro{width: 100%; padding-left: 10px;}

.detail-des h2,.related-pro h2{font-size: 25px;font-family:Arial,sans-serif;color: #ff6600;border-bottom: solid 1px #a6a6a6;padding-bottom: 20px;margin-bottom: 28px;}

.detail-des table{width: 100%;font-size: 16px;line-height: 28px;color: #333;}

.detail-des table tr{padding-bottom: 10px;display: block;}

.detail-des table .td-title{width: 145px;font-size: 18px; font-family:Arial,sans-serif;}



.related-pro{ padding-bottom: 45px;width: 100%;overflow: hidden;}

.main-pro-showbox,.other-box{width:100%;position: relative;}

.main-pro-slideshow,.other-slideshow{overflow: hidden;position: relative;relative;box-shadow: 0 4px 8px 5px rgba(0,0,0,0.05);}

.main-pro-slideshow ul,.other-slideshow ul{/*width: 400%;*/overflow: hidden;position: relative; }

.main-pro-slideshow ul li,.other-slideshow ul li{float: left;margin-right: 9px; }

.main-pro-slideshow ul li,.other-box ul li{width: 291px; border:#FFFFFF double 1px}

.main-pro-slideshow ul li a,.other-box ul li a{display: block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.main-pro-slideshow ul li img,.other-box ul li img{width: 100%;height: auto; }

.main-pro-showbox .item-btn,.about-slidebox .item-btn,.cer-slidebox .item-btn,.other-box .item-btn{width:37px;height:37px;position: absolute;top: 50%;margin-top:-18px;background: url(../images/spirit.png) no-repeat;cursor: pointer;}

.about-slidebox .prev,.main-pro-showbox .prev,.cer-slidebox .prev,.other-box .prev{left:30px;background-position: 0px -223px;}

.about-slidebox .next,.main-pro-showbox .next,.cer-slidebox .next,.other-box .next{right:30px;background-position: -37px -223px;}

.about-slidebox .prev:hover,.main-pro-showbox .prev:hover,.cer-slidebox .prev:hover,.other-box .prev:hover{background-position: 0px -260px;}

.about-slidebox .next:hover,.main-pro-showbox .next:hover,.cer-slidebox .next:hover,.other-box .next:hover{background-position: -37px -260px;}

.main-pro-showbox .prev{left:-65px;}

.main-pro-showbox .next{right:-65px;}



.main-pro-slideshow li h3{ font-family:Arial,sans-serif;font-size: 16px;text-align: center;background: #fff;height: 45px;}

.main-pro-slideshow li h3 a{color: #fff;background-color:#333333; line-height:45px;}









.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background:url(../images/top.png) no-repeat;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */

  opacity: .5;

}

.no-touch .cd-top:hover {

  background-color: #e86256;

  opacity: 1;}

  

  

 .list-des{ width:970px; margin:auto;} 

.list-des-box{padding:50px 0;}

.list-des .list-des-left{float: left;width: 50%;}

.list-des .list-des-right{float: right;width: 50%;}

.list-des-right img{width: 100%;height: auto;}

.list-des h2{ font-family:Arial,sans-serif;font-size: 30px;color: #ff6600;margin-bottom: 14px;margin-top: 10px; text-align:left}

.list-des h3{ font-family:Arial,sans-serif;font-size: 24px;color: #333;margin-bottom: 10px;text-align:left; }

.list-des p{font-size: 16px;margin-bottom: 5px;color: #333;}



a.more{display: inline-block;font-size: 13px;color: #fff;background: #ff6600;line-height: 13px;padding: 9px 10px;border: solid 1px  #ff6600; border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;}

a.more:hover{background: none;color: #ff6600;}





.yj li{    width: 100%;

    font: 15px/30px Arial, Helvetica, sans-serif;

    border-bottom: 1px dashed #ccc;

	line-height:55px;

    color: #CCC;}

.yj li a{     

    color: #333;}

	

.yj li a:hover{     

    color: #ff6600;}