@charset "utf-8";



html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}



body { font-size: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family: 'Source', 'Microsoft YaHei', Arial, sans-serif;}





html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }



caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }



ul, li, ol { list-style: none;}



blockquote, q { quotes: none; }



blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }



table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}



table{border-collapse:collapse;margin:0 auto!important;}



img { border: 0; }



input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }



input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB",helvetica,arial;}



input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }



textarea { -webkit-appearance: none; border-radius: 0; outline: none;}



::-moz-selection { background: #fcb026; color: #fff; text-shadow: none; }



::selection { background: #fcb026; color: #fff; text-shadow: none; }



select{ outline: none;}



select::-ms-expand { display: none; }



a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }



a:link, a:visited { text-decoration: none; }



a:active, a:hover { text-decoration: none; }



.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }



.clearfix:after { clear: both; }



.fl{ float: left;}



.fr{ float: right;}





.wamper{position: relative; padding: 0 5%;}



@media screen and (max-width: 1440px) {	

	

	.wamper{ padding: 0 1%;}

}





.container{ width: 1300px; position: relative; margin: 0 auto;}



/* 等比填充 */

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}

*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;

*height: auto;}

.rect-41{padding-bottom: 41%;}

.rect-50{padding-bottom: 50%;}

.rect-5625{padding-bottom: 56.25%;}

.rect-60{padding-bottom: 60%;}

.rect-65{padding-bottom: 65%;}

.rect-618{padding-bottom: 61.8%;}

.rect-70{padding-bottom: 70%;}

.rect-73{padding-bottom: 73%;}

.rect-80{padding-bottom: 80%;}

.rect-90{padding-bottom: 90%;}

.rect-100{padding-bottom: 100%;}







.header{ width: 100%; position: fixed; z-index: 9999;top: 0;}

.header .headerTop{ width: 100%; position: relative; height: 40px; background: #ededed;} 

.header .headerTop .TopLeft{ float: left; font-size: 14px; line-height: 40px; color: #333;}

.header .headerTop .TopRight{ float: right; font-size: 14px; line-height: 40px; color: #333;}

.header .headerTop .TopRight i{ width: 1px; height: 12px; background: #333; margin: 0 20px; display: inline-block;}

.header .headerTop .TopRight a{font-size: 14px; line-height: 40px; color: #333;}

.header .headerTop .TopRight a:hover{ color: #fcb026;}

.header .headerNav{ width: 100%; position: relative; height: 80px; background: #fcb026;} 

.header .headerNav .logo{ float: left; margin: 13px 0; height: 53px;}

.header .headerNav .NavRight{ float: right;}

.header .headerNav .NavRight .nav{ float: left;}

.header .headerNav .NavRight .nav li{ display: inline-block; line-height: 80px;}

.header .headerNav .NavRight .nav li a{ padding: 0 20px; display: block; color: #333; font-size: 15px;  font-weight:  bold;}

.header .headerNav .NavRight .nav li .active{ background: #d59115;}

.header .headerNav .NavRight .headerPh{ float: left; border-left: 1px #e79b12 solid;}

.header .headerNav .NavRight .headerPh .icon{ float: left;  margin: 27.5px 20px; height: 25px;}

.header .headerNav .NavRight .headerPh .tit{ float: left;color: #c00e0e; line-height: 30px; margin: 10px 0;}

.header .headerNav .NavRight .headerPh .tit .t1{ font-size: 24px; font-weight: bold;font-family: 'Arial';}

.header .headerNav .NavRight .headerPh .tit .t2{ font-size: 27px; font-weight: bold;font-family: 'Arial';}



/* banner */

.banner{position:relative; overflow:hidden; height:560px; width:100%; padding-top: 120px;}

.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}

.banner .bd ul {width:100% !important;}

.banner .bd li {width:100% !important;height:560px;overflow:hidden;text-align:center;}

.banner .hd{ position: absolute; bottom:6%; text-align: center; width: 100%; }

.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1; width:15px;height:15px; border-radius:8px; margin:0 6px;overflow:hidden;line-height:999px; background: #fff;}

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

.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px;height:44px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.banner .next {left:auto;right:8%;background-position:0 -44px;}



/* InProduct */

.InProduct{ position: relative; width: 100%;}

.InProduct .proicon{ padding: 60px 0 30px; width: 100%; position: relative;}

.InProduct .proicon .tit{ font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 20px;}

.InProduct .proicon .Productico{ width: 100%; position: relative;}

.InProduct .proicon .Productico li{ float: left; width: 11.111%; background: #f7f7f7; position: relative;}

.InProduct .proicon .Productico li .img{ margin: 24px auto 0;text-align: center;}

.InProduct .proicon .Productico li::after{ width: 1px; height: 100%; content: ''; position: absolute; right: 0; top: 0; background: #e8e8e8;}

.InProduct .proicon .Productico li:last-child::after{ display: none;}

.InProduct .proicon .Productico li a{ display: block;}

.InProduct .proicon .Productico li p{ font-size: 14px; font-weight:  bold; color: #000; text-align: center; margin-top: 5px; margin-bottom: 24px;}

.InProduct .proicon .Productico li:hover{ background: #fcb026;}

.InProduct .InproList{ width: 96%; position: relative; background: #000 /*url(../images/probg.jpg) top center no-repeat*/; padding: 60px 2%;}

.InProduct .InproList .hd{text-align: center; width: 100%;}

.InProduct .InproList .hd li{ width: 168px; height: 44px; display: inline-block; border: 1px #fff solid; line-height: 44px; text-align: center; margin: 0 5px;}

.InProduct .InproList .hd li a{ color: #fff; font-size: 17px; font-weight: bold; display: block;}

.InProduct .InproList .hd li.on{ background: #fcb026; border: 1px #fcb026 solid;}





.InProduct .InproList .bd{ margin-top: 30px;}

.InProduct .InproList .bd li{float:left;width:24.25%;overflow:hidden; position:relative; margin-right: 1%; margin-bottom: 1%;}

.InProduct .InproList .bd li:nth-child(4n){ margin-right: 0%;}

.InProduct .InproList .bd li .Img{position:relative ; overflow: hidden; width: 100%; max-height:330px;}

.InProduct .InproList .bd li .Img img{width:100%;position: relative;transform: scaleX(1) scaleY(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.InProduct .InproList .bd li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.InProduct .InproList .bd li .font{width:100%;height:100%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px; background: rgba(0, 0, 0, 0.4);opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.InProduct .InproList .bd li:hover .font{opacity:1;}

.InProduct .InproList .bd li .font h3{font-size:24px;color:#fff;margin-bottom:20px;line-height:24px; margin-top: 24%; position: relative; padding: 0 15%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.InProduct .InproList .bd li .font h3::before{ content: ''; position: absolute; width: 30px; height: 3px; background: #fff; top:36px; left: 50%; margin-left: -15px;}

.InProduct .InproList .bd li .font p{font-size: 14px; color: #fff;padding: 0 15%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.InProduct .InproList .bd li .font::before,.InProduct .InproList .bd li .font::after{position:absolute;content:'';opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.InProduct .InproList .bd li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:5px solid #fcb026;border-bottom:5px solid #fcb026;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

.InProduct .InproList .bd li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:5px solid #fcb026;border-left:5px solid #fcb026;transform:scale(1,0);transform-origin:100% 0;}

.InProduct .InproList .bd li:hover .font::before,.InProduct .InproList .bd li:hover .font::after{opacity:1;transform:scale(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.InProduct .InproList .bd li .Title{ width: 88%; padding: 0 6%; background: #f9f9f9; height: 60px; line-height: 60px; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.InProduct .InproList .bd li .Title p{ font-size: 16px; font-weight: bold; color: #666; float: left;}

.InProduct .InproList .bd li .Title .ico{ width: 26px; height: 26px; border-radius: 50%; border: 1px #999 solid; font-size: 16px; color: #999; font-weight: bold;float: right;line-height: 26px; text-align: center; margin: 16px 0;}

.InProduct .InproList .bd li:hover .Title{background: #fcb026;}

.InProduct .InproList .bd li:hover .Title p{ color: #fff;}

.InProduct .InproList .bd li:hover .Title .ico{border: 1px #fff solid; color: #fff;}





.InDix{width: 100%; position: relative; padding: 60px 0;}

.InDix .InNews{ float: left; width: 836px;}

.InDix .InNews .NewsTop{ width: 100%; position: relative;}

.InDix .InNews .NewsTop p{ float: left; font-size: 24px; color: #333; font-weight: bold;}

.InDix .InNews .NewsTop a{ float: right; font-size: 14px; color: #999;}

.InDix .InNews .NewsTop a:hover{ color: #fcb026;}

.InDix .InNews .NewsList{ width: 100%;margin-top: 20px;}

.InDix .InNews .NewsList .NewsL{ float: left; width: 300px;}

.InDix .InNews .NewsList .NewsL .Img{position:relative ; overflow: hidden; width: 100%;}

.InDix .InNews .NewsList .NewsL .Img img{width:100%;position: relative;transform: scaleX(1) scaleY(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.InDix .InNews .NewsList .NewsL:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.InDix .InNews .NewsList .NewsL .tit{font-size: 16px; color: #333; line-height: 48px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.InDix .InNews .NewsList .NewsL .doc{ font-size: 14px; color: #999; line-height: 26px;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;

  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.InDix .InNews .NewsList .NewsL:hover .tit{ color: #fcb026;}

.InDix .InNews .NewsList .Newsr{ float: left; margin-left: 22px; width: 514px;}

.InDix .InNews .NewsList .Newsr li{ width: 100%; position: relative;float: left;}

.InDix .InNews .NewsList .Newsr li a{ padding: 20px; display: block; float: left;}

.InDix .InNews .NewsList .Newsr li .date{ width: 60px; text-align: center; float: left; position: relative;}

.InDix .InNews .NewsList .Newsr li .date .day{ font-size: 36px; color: #999; line-height: 40px;}

.InDix .InNews .NewsList .Newsr li .date .year{ font-size: 14px; color: #999;}

.InDix .InNews .NewsList .Newsr li .date::after{ width: 1px; height: 68px; content: ''; position: absolute; right: -14px; top: 0; background: #ebebeb;}

.InDix .InNews .NewsList .Newsr li .con{ float: left; width: 384px; margin-left: 30px;}

.InDix .InNews .NewsList .Newsr li .con .tit{font-size: 16px; color: #333; line-height: 36px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.InDix .InNews .NewsList .Newsr li .con .doc{ font-size: 14px; color: #999; line-height: 26px;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.InDix .InNews .NewsList .Newsr li:hover{ background: #f7f7f7;}

.InDix .InNews .NewsList .Newsr li:hover .con .tit,.InDix .InNews .NewsList .Newsr li:hover .date .day,.InDix .InNews .NewsList .Newsr li:hover  .date .year{ color: #fcb026;}

.InDix .InNews .NewsList .Newsr li:hover .date::after{ background: #fcb026;}

.InDix .InAbout{ float: right; width:440px;}

.InDix .InAbout .AboutTop{ width: 100%; position: relative;font-size: 24px; color: #333; font-weight: bold;}

.InDix .InAbout .AboutList{position: relative;width: 100%; margin-top: 20px;}

.InDix .InAbout .AboutList .AboImg{ position: relative;}

.InDix .InAbout .AboutList .Tit{ width: 312px; height: 35px; background: #fcb026; line-height: 35px; text-align: center; font-size: 16px; color: #fff; font-weight: bold; position: absolute; bottom: 12px; left: 50%; margin-left: -156px;}

.InDix .InAbout .AboutList .con{ padding: 20px; font-size: 14px; color: #333; line-height: 24px; background: #f7f7f7;}

.InDix .InAbout .AboutList .con a{ color: #333;}

.InDix .InAbout .AboutList .con a:hover{ color: #fcb026;}



.InGgt{ width:100%; background: url(../images/ggt.jpg) center center no-repeat; position: relative; padding: 45px 0; }

.InGgt .Tit{ font-size: 30px; color: #fff; line-height: 30px;}

.InGgt .Doc{ font-size: 45px; color: #fff; line-height: 45px; margin-top: 15px;}





.footer{ width: 100%; position: relative;}

.footer .foot{ width: 100%; background: #333; }

.footer .foot .foot_nav{ width: 80%; float: left; background:  url(../images/flogo.png) right center no-repeat;    padding: 60px 0;}

.footer .foot .foot_nav dl{ width: 18%; float: left; }

.footer .foot .foot_nav dl dt{ font-size: 17px; color: #fff; margin-bottom: 5px; }

.footer .foot .foot_nav dl dd{ width: 100%;display:  inline-block; }

.footer .foot .foot_nav dl:nth-child(2){ width: 30% }

.footer .foot .foot_nav dl:nth-child(2) dd{ width: 50%; float: left; }

.footer .foot .foot_nav dl dd a{ width: 100%; display: inline-block;font-size: 14px; line-height: 28px; color: #adadad; }

.footer .foot .foot_nav dl:nth-child(4){ width: 34%; } 

.footer .foot .foot_nav dl .fLx{ width: 100%; position: relative; }

.footer .foot .foot_nav dl .fLx li{ width: 100%; line-height: 28px;}

.footer .foot .foot_nav dl .fLx li:nth-child(4){ border-top:1px #4d4d4d solid;margin-top: 8px; padding-top: 8px; line-height: 32px;}

.footer .foot .foot_nav dl .fLx li span{ font-size: 14px; color: #999; }

.footer .foot .foot_nav dl .fLx li:nth-child(4) p{ font-size: 24px; color: #fff; }

.footer .foot .foot_nav dl a:hover{ color: #fcb026; }

.footer .foot .foot_hd{ width: 120px; float: right;  padding: 60px 0; }

.footer .foot .foot_hd dt{font-size: 17px; color: #fff;  margin-bottom: 15px;}

.footer .foot .foot_hd .fPt{ width: 100%; position: relative; }

.footer .foot .foot_hd .fPt img{ width: 100%; }

.footer .copy{ width: 100%; background: #fff; line-height: 80px; color: #333; font-size: 14px;}

.footer .copy a{ color: #333;}

.footer .copy a:hover{ color: #fcb026;}





/* pagebanner */

.pagebanner{ width: 100%; position: relative; margin-top: 120px; height: 380px;}



/* page */

.page{ width: 100%; position: relative;background: #fcfcfc;}

.w_comon{ width: 100%; height: 100px; position: relative; background-color:#fcfcfc;}

.w_comon .t{  font-weight: 600; line-height: 100px; float: left;}

.w_comon .t .en{ font-size: 34px; color: #ecedf2;}

.w_comon .t .cn{color: #fcb026;position: relative;margin-top: -50px;font-size: 26px;line-height: 1;font-weight: bold;}

.w_comon .crumbs{ font-size: 14px; color: #a0a0a0; float: right;}

.w_comon .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../images/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}

.w_comon .crumbs a{ font-size: 14px; color: #a0a0a0; line-height: 100px; }

.w_comon .crumbs a:hover{text-decoration: underline;color: #fcb026;}



.page .pageNav{ width: 100%; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; background: #fff;}

.page .pageNav .erji_nav{ width: 100%;}

.page .pageNav .erji_nav li{float: left; position: relative;text-align: center;}

.page .pageNav .erji_nav li a{display: block;font-size: 15px;color: #333;transition:color 0.3s;padding: 0 40px;  height: 55px; line-height: 55px;}

.page .pageNav .erji_nav li a:after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 55px;background-color: #f6f6f6;}

.page .pageNav .erji_nav li:hover{ color: #fff;background: #fcb026;}}

.page .pageNav .erji_nav li.select{color: #fff; background: #fcb026;}

.page .pageNav .erji_nav li:hover a,.page .pageNav .erji_nav li.select a{color: #fff;  background: #fcb026;}



.page .pageCon{ width: 100%; position: relative;}

.page .pageCon .con_box{ width: 100%; position: relative; padding: 60px 0;}

.page .pageCon .con_box .gongsi_title{font-size: 30px; font-weight: bold; color: #333;}

.page .pageCon .con_box .en_title{font-size: 20px; color: #666;}

.page .pageCon .con_box .con{ font-size: 15px; color: #666; line-height: 28px; margin-top: 20px;}



/* 产品列表 */

.page .pagePro{ width: 100%; position: relative;background: #fcfcfc;}

.page .pagePro .pro_box{width: 100%; position: relative; padding: 60px 0;}

.page .pagePro .pro_box li{float:left;width:24.25%;overflow:hidden; position:relative; margin-right: 1%; margin-bottom: 1%;}

.page .pagePro .pro_box li:nth-child(4n){ margin-right: 0%;}

.page .pagePro .pro_box li .Img{position:relative ; overflow: hidden; width: 100%; max-height:330px;}

.page .pagePro .pro_box li .Img img{width:100%;position: relative;transform: scaleX(1) scaleY(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.page .pagePro .pro_box li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.page .pagePro .pro_box li .font{width:100%;height:100%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px; background: rgba(0, 0, 0, 0.4);opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.page .pagePro .pro_box li:hover .font{opacity:1;}

.page .pagePro .pro_box li .font h3{font-size:24px;color:#fff;margin-bottom:20px;line-height:24px; margin-top: 24%; position: relative;padding: 0 15%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.page .pagePro .pro_box li .font h3::before{ content: ''; position: absolute; width: 30px; height: 3px; background: #fff; top:36px; left: 50%; margin-left: -15px;}

.page .pagePro .pro_box li .font p{font-size: 14px; color: #fff; padding: 0 15%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.page .pagePro .pro_box li .font::before,.page .pagePro .pro_box li .font::after{position:absolute;content:'';opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.page .pagePro .pro_box li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:5px solid #fcb026;border-bottom:5px solid #fcb026;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

.page .pagePro .pro_box li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:5px solid #fcb026;border-left:5px solid #fcb026;transform:scale(1,0);transform-origin:100% 0;}

.page .pagePro .pro_box li:hover .font::before,.page .pagePro .pro_box li:hover .font::after{opacity:1;transform:scale(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.page .pagePro .pro_box li .Title{ width: 88%; padding: 0 6%; background: #f9f9f9; height: 60px; line-height: 60px; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.page .pagePro .pro_box li .Title p{ font-size: 16px; font-weight: bold; color: #666; float: left;}

.page .pagePro .pro_box li .Title .ico{ width: 26px; height: 26px; border-radius: 50%; border: 1px #999 solid; font-size: 16px; color: #999; font-weight: bold;float: right;line-height: 26px; text-align: center; margin: 16px 0;}

.page .pagePro .pro_box li:hover .Title{background: #fcb026;}

.page .pagePro .pro_box li:hover .Title p{ color: #fff;}

.page .pagePro .pro_box li:hover .Title .ico{border: 1px #fff solid; color: #fff;}



.downlist{ width: 1220px; margin: 60px auto; padding: 40px; background: #fff;}

.picFocus{ float:left;  width:500px;  position:relative;  overflow:hidden;  zoom:1;   }

.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }

.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }

.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 21%;}

.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}

.picFocus .hd ul li img{ width:100%; border:2px solid #ddd; cursor:pointer; margin-right:8px; display:  block;  }

.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }

.picFocus .hd ul li.on img{ border-color:#fcb026;  }

.picFocus .bd li{ vertical-align:middle; }

.picFocus .bd{ width: 100%; height: 367px;}

.picFocus .bd img{ width:100%; display: flex;}

.picFocus .prev{ position:absolute; left:0 ; bottom:15px;}

.picFocus .next{ position:absolute; right:0 ; bottom:15px;}



.floatl{ float: left;width: 502px;}

.floatr{ width: 690px; float: right;}

.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; margin-bottom:20px; font-weight: bold;}

.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}

.floatr .table-list tr{margin-bottom: 10px; width: 100%;}

.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}

.floatr .table-list td span{ color:#333; font-weight: bold;}

.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}

.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}

.floatr .div-bz{ font-size: 14px; margin-top:20px;}

.left02{ width: 100%; margin:20px auto 0; border-top:1px #ccc solid; padding-top:30px; float: left;}

.left02 p{ font-size: 14px; line-height: 28px;}

.left02 img{max-width:100%;}







/* 视频 */

.pageVideo{ width: 100%; position: relative;background: #fcfcfc;}

.pageVideo .Videobox{width: 100%; position: relative; padding: 60px 0;}

.pageVideo .Videobox li{float:left;width:24.25%;overflow:hidden; position:relative; margin-right: 1%; margin-bottom: 1%;}

.pageVideo .Videobox li:nth-child(4n){ margin-right: 0%;}

.pageVideo .Videobox li .Img{position:relative ; overflow: hidden; width: 100%; max-height:330px;}

.pageVideo .Videobox li .Img img{width:100%;position: relative;transform: scaleX(1) scaleY(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageVideo .Videobox li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.pageVideo .Videobox li .font{width:100%;height:100%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px; background: rgba(0, 0, 0, 0.4);opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageVideo .Videobox li:hover .font{opacity:1;}

.pageVideo .Videobox li .font h3{font-size:24px;color:#fff;margin-bottom:20px;line-height:24px; margin-top: 24%; position: relative;padding: 0 15%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.pageVideo .Videobox li .font h3::before{ content: ''; position: absolute; width: 30px; height: 3px; background: #fff; top:36px; left: 50%; margin-left: -15px;}

.pageVideo .Videobox li .font p{font-size: 14px; color: #fff; padding: 0 15%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.pageVideo .Videobox li .font::before,.pageVideo .Videobox li .font::after{position:absolute;content:'';opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageVideo .Videobox li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:5px solid #fcb026;border-bottom:5px solid #fcb026;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

.pageVideo .Videobox li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:5px solid #fcb026;border-left:5px solid #fcb026;transform:scale(1,0);transform-origin:100% 0;}

.pageVideo .Videobox li:hover .font::before,.pageVideo .Videobox li:hover .font::after{opacity:1;transform:scale(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageVideo .Videobox li .Title{ width: 88%; padding: 0 6%; background: #f9f9f9; height: 60px; line-height: 60px; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageVideo .Videobox li .Title p{ font-size: 16px; font-weight: bold; color: #666; float: left;}

.pageVideo .Videobox li .Title .ico{ width: 26px; height: 26px; border-radius: 50%; border: 1px #999 solid; font-size: 16px; color: #999; font-weight: bold;float: right;line-height: 26px; text-align: center; margin: 16px 0;}

.pageVideo .Videobox li:hover .Title{background: #fcb026;}

.pageVideo .Videobox li:hover .Title p{ color: #fff;}

.pageVideo .Videobox li:hover .Title .ico{border: 1px #fff solid; color: #fff;}





/* 案例 */

.pageAnli{ width: 100%; position: relative;background: #fcfcfc;}

.pageAnli .Anlibox{width: 100%; position: relative; padding: 60px 0;}

.pageAnli .Anlibox li{float:left;width:24.25%;overflow:hidden; position:relative; margin-right: 1%; margin-bottom: 1%;}

.pageAnli .Anlibox li:nth-child(4n){ margin-right: 0%;}

.pageAnli .Anlibox li .Img{position:relative ; overflow: hidden; width: 100%; max-height:330px;}

.pageAnli .Anlibox li .Img img{width:100%;position: relative;transform: scaleX(1) scaleY(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageAnli .Anlibox li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.pageAnli .Anlibox li .font{width:100%;height:100%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px; background: rgba(0, 0, 0, 0.4);opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageAnli .Anlibox li:hover .font{opacity:1;}

.pageAnli .Anlibox li .font h3{font-size:24px;color:#fff;margin-bottom:20px;line-height:24px; margin-top: 24%; position: relative;padding: 0 15%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.pageAnli .Anlibox li .font h3::before{ content: ''; position: absolute; width: 30px; height: 3px; background: #fff; top:36px; left: 50%; margin-left: -15px;}

.pageAnli .Anlibox li .font p{font-size: 14px; color: #fff; padding: 0 15%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.pageAnli .Anlibox li .font::before,.pageAnli .Anlibox li .font::after{position:absolute;content:'';opacity:0;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageAnli .Anlibox li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:5px solid #fcb026;border-bottom:5px solid #fcb026;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

.pageAnli .Anlibox li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:5px solid #fcb026;border-left:5px solid #fcb026;transform:scale(1,0);transform-origin:100% 0;}

.pageAnli .Anlibox li:hover .font::before,.pageAnli .Anlibox li:hover .font::after{opacity:1;transform:scale(1);-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageAnli .Anlibox li .Title{ width: 88%; padding: 0 6%; background: #f9f9f9; height: 60px; line-height: 60px; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;transition:all 0.8s; }

.pageAnli .Anlibox li .Title p{ font-size: 16px; font-weight: bold; color: #666; float: left;}

.pageAnli .Anlibox li .Title .ico{ width: 26px; height: 26px; border-radius: 50%; border: 1px #999 solid; font-size: 16px; color: #999; font-weight: bold;float: right;line-height: 26px; text-align: center; margin: 16px 0;}

.pageAnli .Anlibox li:hover .Title{background: #fcb026;}

.pageAnli .Anlibox li:hover .Title p{ color: #fff;}

.pageAnli .Anlibox li:hover .Title .ico{border: 1px #fff solid; color: #fff;}





/*新闻列表*/

.pageNews{ width: 100%; position: relative; background: #fcfcfc;}

.pageNews .Newsbox{width: 100%; position: relative; padding: 60px 0;}

.Newsbox li { overflow:hidden;margin-bottom: 20px; background: #fff; }

.Newsbox li a{display: block; padding: 30px;}

.Newsbox li ._img { width:250px; float:left; margin-right:40px; position: relative; overflow: hidden; }

.Newsbox li ._img img{ transform: scaleX(1) scaleY(1);-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.Newsbox li:hover ._img img{transform: scaleX(1.1) scaleY(1.1);}

.Newsbox li ._intro { overflow:hidden; }

.Newsbox li ._title { display:block;line-height:32px; font-size:24px; font-weight:normal; margin-bottom:13px; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.Newsbox li ._info { height:20px; line-height:20px; color:#999999; margin-bottom:10px; }

.Newsbox li ._text { line-height:24px; height:48px; overflow:hidden; font-size:15px; color: #606060;margin-bottom: 23px;}

.Newsbox li ._more { display:inline-block; white-space:nowrap; width:auto; height:32px; line-height:32px; background-color:#fcb026; color:#fff; padding:0 20px; }

.Newsbox li:hover ._title{ color:#fcb026; }



.pageNewsT{ width:1300px; margin:0 auto; font-size:30px; text-align:center; color:#333; font-weight:bold;}

.pageNewsC{ width:1300px; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}

.pageNewsC span{ margin:0 5px;}

.pageNewsD{ width:1300px; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}

.pageNewsD img{ max-width:100%; margin:5px 0;}





.Contactbox{position: relative; padding: 60px 0;}

.Contactbox .left_form {width: 62.5%;float: left;}

.Contactbox .left_form .txt_box { text-align: left;width: 100%;}

.Contactbox .left_form .form_area .btn_area { padding-top: 20px;}

.Contactbox .left_form .form_area .btn_area .form_btn { width: 20%; padding: 10px 0; display: inline-block; margin-right: 5%;border: none; border-radius: 3px; color: #FFFFFF;}

.Contactbox .left_form .form_area .btn_area .form_btn.tijiao {background: #fcb026;}

.Contactbox .left_form .form_area .btn_area .form_btn.chongzhi {  background: #c00e0e;}

.Contactbox .left_form .form_area .txt_area { width: 99%; height: 200px;background: #EFEFEF;}

.Contactbox .left_form .form_area .txt_area textarea { width: 100%; border: none; padding: 15px; resize: none;}

.Contactbox .left_form .form_area .input_item {width: 47%; position: relative;}

.Contactbox .left_form .form_area .input_item .ion { position: absolute;right: 20px; top: 10px; color: #A9B1B4; font-size: 16px;}

.Contactbox .left_form .form_area input { width: 85%; border: none; background: #EFEFEF; padding: 12px 25px; margin-bottom: 15px;}

.txt_box .part_tit { font-size: 26px; font-weight: bold; margin-bottom: 15px;}

.txt_box .part_tit .black { color: #000000;}

.txt_box .part_tit .red { color: #fcb026;}

.txt_box .part_dec { line-height: 1.8em; margin-bottom: 30px;}

.Contactbox .right_mes{width: 32.25%; float: right; height: 425px; background:#fcb026 url(../images/flogo.png) center no-repeat;}

.Contactbox .right_mes .cont_ii{ position:relative;}

.Contactbox .right_mes .cont_ii span{display: block; padding: 10px 0;}

.Contactbox .right_mes .cont_ii span em{display: block;  font-size: 26px; font-weight: bold;line-height: 1.8; color: #fff; font-style:normal;}

.Contactbox .right_mes .cont_ii span b{display: block; font-size: 14px;color: #999;line-height: 1.8; font-style:normal;}

.Contactbox .right_mes .cont_txt{padding: 30px;}

.Contactbox .right_mes .fLx li{ width: 100%; line-height: 35px;}

.Contactbox .right_mes .fLx li:nth-child(1){ border-bottom:1px #e29b1b solid;margin-bottom: 8px; padding-bottom: 8px; line-height: 35px;}

.Contactbox .right_mes .fLx li span{ font-size: 16px; color: #fff; }

.Contactbox .right_mes .fLx li:nth-child(1) p{ font-size: 24px; color: #fff; }





/* fenye */

.pages1{ width:1300px; margin:30px auto 0;}

.pages1_l{ float:left; width:50%; height:40px;}

.pages1_l a{ line-height:40px; color:#666;display:block;}

.pages1_l:hover a{ color:#fcb026;}

.pages1_r{ float:left; width:50%; height:40px; text-align:right;}

.pages1_r a{ line-height:40px; color:#666;display:block;}

.pages1_r:hover a{ color:#fcb026;}



.pages { margin:0 0 40px; text-align:center; font-size:14px;}

.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}

.pages li a{text-align:center; color:#333; padding:0 13px;}

.pages .page-active {background:#fcb026;  border:1px solid #fcb026;text-decoration:none}

.pages .page-active a{color:#fff; }

.pages li:hover { background:#fcb026;  border:1px solid #fcb026;  text-decoration:none }

.pages li:hover a{ color:#fff;}

.pages span { display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}





table{border-collapse:collapse;width:100% !important;}

table,tr{ font-size: 16px; color: #444; }

table,th, td{border: 1px solid black; font-size: 14px; padding: 0 20px;}


#cnzz_stat_icon_1279235374{display: none;}