@charset "utf-8";
@import "iconfont.css";
@import "grid12.css";
@import "jquery.fancybox.css";
a,a:before,a:after,.container,.lm,span,.title,img,.tab,i {transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.lm,.right,.left,.date,#banner .item span {-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.justify,.inner,img,input,textarea,select,button,table,label,.center,.searchForm {-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

*:before,*:after {text-align:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input[type="text"],input[type="password"],textarea {text-align:left;background:transparent;}
input[type="text"]:focus,input[type="text"].focusOn,input[type="password"]:focus,input[type="password"].focusOn,textarea:focus,textarea.focusOn {background:#fff;}
.search::-webkit-input-placeholder {color:white;}
.search:-moz-placeholder {color:white;}
.search:-ms-input-placeholder {color:white;}
input,textarea,select,button,label {transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;}
hr {height:1px;width:100%;overflow:hidden;border:0px none;box-shadow:none;background:#ccc;}
@media screen and (max-width:900px) {#goTop {margin-bottom:50px;}
}
.pubImgCont {display:block;padding-top:66.59708%;overflow:hidden;position:relative;}
.pubImgCont img {width:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
iframe[name='google_conversion_frame'] {height:0 !important;width:0 !important;line-height:0 !important;font-size:0 !important;margin-top:-13px;float:left;}
object[id^="tq_as"] {overflow:hidden;margin:0;height:0 !important;}
#div_ser table td,#div_ser table th {border:0px none;}
.container {overflow:hidden;width:100%;max-width:1920px;margin:0 auto;}
.title {line-height:1.2;}
span.help-block-error {display:inline-block;padding-left:5px;color:#a94442;}
.formTextWaper.has-error input.help-block-error,.formTextWaper.has-error textarea.help-block-error {border-color:#ebccd1;}
.digg{margin:30px 0 0;clear:both;text-align:center;}
.digg a,.digg span{line-height:16px;padding:8px 14px;margin:0 2px;display:inline-block;background:#E5E5E5;color:#222;font-size:14px;}
.digg span.disabled,.digg a:hover{background:#FD1E16;color:#fff!important;}

/*-------------*/
.indexA{padding:60px 0 90px;position:relative;}
.indexA:before {content:"";width:100%;height:0;padding-top:17.1875%;background:#E8E8E8;position:absolute;top:0;left:0;}
.indexA .tit{position:relative;text-align:center;}
.indexA .tit:before {content:"";width:100%;height:0;border-top:1px dotted #FD1E16;position:absolute;top:50%;left:0;}
.indexA .tit h3{display:inline-block;font-size:60px;color:#fff;font-family:"bebasneue";padding:13px 25px 13px 20px;background:#FD1E16;line-height:1;font-style:italic;position:relative;}
.indexA .tit h3:before,.indexA .tit h3:after{content:"";width:35px;height:100%;background:#E8E8E8;position:absolute;top:0;}
.indexA .tit h3:before {right:100%;}
.indexA .tit h3:after {left:100%;}
.indexA .tit .more{display:inline-block;color:#FD1E16;background:#E8E8E8;position:absolute;right:0;top:calc(50% - 15px);line-height:30px;padding:0 0 0 15px;}
.indexA .tit .more i{font-size:13px;}
.indexA .tit .more:hover{transform:translateX(8px);-ms-transform:translateX(8px);-moz-transform:translateX(8px);-webkit-transform:translateX(8px);-o-transform:translateX(8px);}

.indexA ul{margin:45px 0 0 -2%;position:relative;z-index:20;}
.indexA ul li{float:left;width:18%;margin:0 0 0 2%;text-align:center;}
.indexA ul li .pic{}
.indexA ul li p{font-size:16px;color:#222;margin-top:15px;}
.indexA ul li p a{color:#222;}
.indexA ul li:hover p a{color:#FD1E16;}
.indexA ul li:hover .pic{box-shadow:0 0 20px rgba(0,0,0,.3);}

.indexB{position:relative;}
.indexB .box{width:100%;position:absolute;left:0;bottom:0;margin-bottom:5.20833%;text-align:center;}
.indexB .t{display:inline-block;height:120px;}
.indexB .t span{font-size:80px;color:#fff;font-style:italic;font-family:"bebasneue";line-height:.8;vertical-align:middle;}

.indexB .playBtn{width:120px;height:120px;display:inline-block;margin-left:20px;margin-right:5px;box-sizing:border-box;background:rgba(255,255,255,0.5);border-radius:50%;position:relative;z-index:2;text-align:center;}
.indexB .playBtn:before{width:90px;height:90px;background:#000;content:"";border-radius:50%;position:absolute;top:15px;left:15px;right:15px;bottom:15px;}
.indexB .playBtn i{width:30px;height:30px;line-height:120px;font-size:30px;color:#fff;position:relative;z-index:20;}
.indexB .playBtn:hover {box-shadow:0 0 20px rgba(0,0,0,0.5);}


.indexC{padding-top:60px;padding-bottom:30px;text-align:center;}
.indexC .tit{position:relative;text-align:center;}
.indexC .tit:before{content:"";width:100%;height:0;border-top:1px dotted #222;position:absolute;top:50%;left:0;}
.indexC .tit h3{display:inline-block;font-size:60px;color:#222;font-family:"bebasneue",Arial,Helvetica,"Microsoft YaHei",SimSun,Sans-serif;font-style:italic;position:relative;background:#fff;padding-right:10px;}
.indexC .tit h3:before,.indexC .tit h3:after {content:"";width:35px;height:100%;background:#FFFFFF;position:absolute;top:0;}
.indexC .tit h3:before {right:100%;}
.indexC .tit h3:after {left:100%;}
.indexC .tit .more{display:inline-block;background:#fff;color:#FD1E16;position:absolute;right:0;top:calc(50% - 15px);line-height:30px;padding:0 0 0 15px;}
.indexC .tit .more i{font-size:13px;}
.indexC .tit .more:hover{transform:translateX(8px);-ms-transform:translateX(8px);-moz-transform:translateX(8px);-webkit-transform:translateX(8px);-o-transform:translateX(8px);}

.indexC .list{margin:30px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexC .list a.box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:30px 0 0;width:195px;background:#E5E5E5;text-align:center;-webkit-align-items:center;align-items:center;}
.indexC .list a.box .pic{display:inline-block;width:106px;position:relative;}
.indexC .list a.box .pic img:last-child{width:100%;position:absolute;top:0;left:0;filter:alpha(opacity=0);opacity:0;}
.indexC .list a.box h5{font-size:18px;line-height:20px;height:40px;overflow:hidden;font-weight:bold;color:#000;margin-top:10px;margin-bottom:10px;transition:0.6s all ease;-moz-transition:0.6s all ease;-webkit-transition:0.6s all ease;-o-transition:0.6s all ease;-ms-transition:0.6s all ease;}

.indexC .list a.box:hover .pic img:last-child {filter:alpha(opacity=100);opacity:1;}



.indexD{padding-top:30px;padding-bottom:60px;}
.indexD .tit{position:relative;text-align:center;}
.indexD .tit:before{content:"";width:100%;height:0;border-top:1px dotted #222;position:absolute;top:50%;left:0;}
.indexD .tit h3{display:inline-block;font-size:60px;color:#222;font-family:"bebasneue",Arial,Helvetica,"Microsoft YaHei",SimSun,Sans-serif;font-style:italic;position:relative;background:#fff;padding-right:10px;}
.indexD .tit h3:before,.indexD .tit h3:after {content:"";width:35px;height:100%;background:#FFFFFF;position:absolute;top:0;}
.indexD .tit h3:before {right:100%;}
.indexD .tit h3:after {left:100%;}
.indexD .tit .more{display:inline-block;background:#fff;color:#FD1E16;position:absolute;right:0;top:calc(50% - 15px);line-height:30px;padding:0 0 0 15px;}
.indexD .tit .more i{font-size:13px;}
.indexD .tit .more:hover{transform:translateX(8px);-ms-transform:translateX(8px);-moz-transform:translateX(8px);-webkit-transform:translateX(8px);-o-transform:translateX(8px);}

.indexD #vicScroll{margin:30px 0 0;}
.indexD .cont{display:inline-block;width:340px;margin-right:35px;}
.indexD .cont:last-child {margin-right:0;}
.indexD .cont .pic{display:block;transition:0.6s all ease;-webkit-transition:0.6s all ease;}
.indexD .cont .pic img{display:block;}
.indexD .cont h5{display:inline-block;font-size:24px;color:#FD1E16;margin-top:10px;font-style:italic;}
.indexD .cont p{display:block;font-size:16px;line-height:24px;color:#333;height:48px;overflow:hidden;}

.indexD .add {color:#999;line-height:20px;margin-top:3px;}
.indexD .add:before {content:"\e61f";display:inline-block;vertical-align:middle;font-size:14px;font-family:"qico";margin-top:-2px;margin-right:2px;}

.indexD .cont:hover .pic{box-shadow:0 0 20px rgba(0,0,0,0.3);}


.indexD .mCSB_scrollTools.mCSB_scrollTools_horizontal,.indexD .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.indexD .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height:30px;}
.indexD .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {margin:0;border-radius:0;}
.indexD .mCSB_scrollTools .mCSB_draggerContainer {background:#EDEDED;}
.indexD .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#333;margin:0;filter:alpha(opacity=100);opacity:1;}
.indexD .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius:0;}
.indexD .mCSB_scrollTools {filter:alpha(opacity=100);opacity:1;}
.indexD .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom:60px;}


/*-------------*/

.main{padding-top:50px;padding-bottom:50px;}

.path{background:#E8E8E8;box-sizing:border-box;box-sizing:border-box;text-align:center;}
.path .wp{padding:50px 0;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;}
.path h3,.path h1{color:#FD1E16;font-size:48px;line-height:1;font-weight:bold;}
.path p{color:#555;font-size:16px;margin:20px 0 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.path p i{font-size:13px;}
.path p a{color:#555;}

.listMenu {background:#464646;padding:30px 0;}
.listMenu ul{font-size:0;text-align:center;}
.listMenu ul li{display:inline-block;font-size:15px;border:1px solid #fff;border-radius:1px;margin-left:-1px;}
.listMenu ul li:hover,.listMenu ul li.active{background:#FD1E16;}
.listMenu ul li a {display:block;color:#fff;height:40px;line-height:40px;padding:0 15px;}

/*-------------*/
.about{font-size:16px;line-height:30px;color:#333;padding:30px 10%;}
.about p{margin-bottom:10px;}
.about .row{margin-bottom:20px;}
.about .row h5{font-size:18px;color:#333;margin-bottom:10px;font-weight:bold;}

.related-pro1{margin-top:30px}
.related-pro1 h5{color:#333;line-height:58px;font-size:18px;font-weight:bold;}
.related-pro1 ul{margin:20px 0 0 -1%;}
.related-pro1 ul li{float:left;width:19%;position:relative;border:1px solid #F0F0F0;text-align:center;background:#fff;margin:0 0 20px 1%;cursor:pointer;box-sizing:border-box;}
.related-pro1 ul li .pic{width:100%;padding:5px;position:relative;display:block;box-sizing:border-box;}
.related-pro1 ul li .pic img{width:100%;display:block;}
.related-pro1 ul li .txt{padding:5px 0;text-align:center;width:100%;height:40px;display:table;}
.related-pro1 ul li .txt h6{display:table-cell;vertical-align:middle;text-align:center;}
.related-pro1 ul li .txt h6 a{color:#333;font-size:15px;line-height:20px;}
.related-pro1 ul li .txt h6 a:hover{color:#0DA0E4;}

.related-pro1 ul li:hover{border:1px solid #464646;box-shadow:1px 2px 5px rgba(31,96,164,0.3);}

.cert-list{font-size:16px;line-height:30px;color:#333;padding:0 10%;}
.cert-list p{margin-bottom:10px;}
.cert-list h5{padding:5px 30px;margin:25px 0 0;background:#68AB82;display:inline-block;color:#fff;border-radius:5px;font-size:20px;font-weight:bold;}
.cert-list ul{margin:0 0 0 -2%;}
.cert-list ul li{float:left;width:18%;margin:20px 0 0 2%;border:1px solid #DDD;box-sizing:border-box;}
.cert-list ul li img{display:block;width:100%;}

/*-------------*/

.newslist ul{margin:0 0 0 -2%;}
.newslist ul li{float:left;width:31.33333%;margin:0 0 30px 2%;}
.newslist ul li .pic{width:100%;display:block;overflow:hidden;}
.newslist ul li .pic img{width:100%;}
.newslist ul li .t{margin:10px 0 0;}
.newslist ul li .t h5{font-size:18px;line-height:22px;}
.newslist ul li .t h5 a{color:#000;}
.newslist ul li .t h5 a:hover{color:#FD1E16;text-decoration:underline;}

.newsnr{}
.newsnr h1{font-size:32px;color:#484848;text-align:center;}

.newsnr .artInfo{padding:0 0 15px;border-bottom:1px solid #D9D9D9;}
.newsnr .artInfo span{line-height:20px;font-size:15px;color:#484848;}

.myart{margin:25px 0 0;line-height:28px;font-size:16px;color:#484848;}
.myart h5{font-size:22px;margin:15px 0;}
.myart p{margin-bottom:10px;}
.myart .row >div{margin-bottom:15px;}

.pnbar{margin-top:30px;}
.pnbar p{max-width:100%;margin:-1px 0 0 0;padding:10px 14px;border:1px solid #ddd;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pnbar p a{color:#545454;}
.pnbar p:hover a{color:#03758F;}

/*-------------*/

.videolist{}
.videolist ul{margin:0 0 0 -3%;}
.videolist ul li{float:left;width:30.333333%;margin:0 0 30px 3%;}
.videolist ul li .v{position:relative;width:100%;display:block;overflow:hidden;}
.videolist ul li .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.videolist ul li .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("../images/v2.png") no-repeat center;display:block;}
.videolist ul li .t{padding:15px;background:#F3F4F7;box-sizing:border-box;position:relative;}
.videolist ul li .t h5{font-size:16px;color:#111;text-align:center;}
.videolist ul li:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}


.customer-list{}
.customer-list ul{margin:0 0 0 -3%;}
.customer-list ul li{float:left;width:30.333333%;margin:0 0 30px 3%;}
.customer-list ul li .pic{position:relative;width:100%;display:block;overflow:hidden;}
.customer-list ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.customer-list ul li .t{margin:10px 0 0;}
.customer-list ul li .t h5{display:inline-block;font-size:24px;color:#FD1E16;font-style:italic;}
.customer-list ul li .t p{display:block;font-size:16px;line-height:24px;color:#333;}
.customer-list ul li .t span{color:#999;line-height:20px;margin-top:5px;display:block;}
.customer-list ul li .t span:before {content:"\e61f";display:inline-block;vertical-align:middle;font-size:14px;font-family:"qico";margin-top:-2px;margin-right:2px;}

.customer-list ul li:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}


.faq{font-size:16px;line-height:30px;color:#333;padding:30px 10%;}
.faq p{margin-bottom:10px;}
.faq h5{padding:5px 30px;margin:25px 0 0;background:#68AB82;display:inline-block;color:#fff;border-radius:5px;font-size:20px;font-weight:bold;}
.faq ul{}
.faq ul li{margin:15px 0 0;}
.faq ul li h4{font-size:14px;font-weight:bold;color:#333;}
.faq ul li .t{font-size:14px;color:#333;line-height:24px;}


.how{font-size:16px;line-height:30px;color:#333;padding:30px 10%;}
.how p{margin-bottom:10px;}
.how h5{padding:5px 30px;margin:25px 0 15px;background:#68AB82;display:inline-block;color:#fff;border-radius:5px;font-size:20px;font-weight:bold;}

.stain{font-size:16px;line-height:30px;color:#333;padding:30px 10%;}
.stain p{margin-bottom:15px;}
.stain .row{margin-bottom:50px;}
.stain .row h5{font-size:18px;color:#333;margin-bottom:10px;font-weight:bold;}

/*-------------*/

.productlist{}
.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{float:left;width:23%;text-align:center;background:#fff;margin:0 0 30px 2%;cursor:pointer;box-sizing:border-box;}
.productlist ul li .pic{width:100%;display:block;border:1px solid #F0F0F0;}
.productlist ul li .pic img{width:100%;display:block;}
.productlist ul li .t{text-align:center;width:100%;height:70px;display:table;border:1px solid #eee;border-top:none;}
.productlist ul li .t h6{display:table-cell;vertical-align:middle;text-align:center;}
.productlist ul li .t h6 a{color:#333;font-size:17px;margin:0 10px;line-height:22px;}

.productlist ul li:hover .pic{border-color:#D8D8D8;}
.productlist ul li:hover .t{border-color:#D8D8D8;}
.productlist ul li:hover .t h6 a{color:#FD1E16;}


.pro_top{padding:54px 0;}

.pro_top h1{color:#FD1E16;font-size:48px;line-height:1;text-align:center;}
.pro_top hr{width:30px;height:3px;margin:15px auto 0;display:block;background-color:#1E90FF;}

.pro_pic{background:#fff;padding:30px;border-top:2px solid #ECECEC;}
.pro_pic .list{position:relative;}
.pro_pic .swiper-slide{background:#fff;text-align:center;}
.pro_pic .swiper-slide img{display:inline-block;width:800px;}

.pro_pic .swiper-button-prev,.pro_pic .swiper-button-next{width:150px;height:150px;margin-top:-75px;text-align:center;background:none;}
.pro_pic .swiper-button-prev i,.pro_pic .swiper-button-next i{color:#DEE1E6;font-size:150px;line-height:45px;}
.pro_pic .swiper-button-prev:hover i,.pro_pic .swiper-button-next:hover i{color:#333;}
.pro_pic .swiper-button-prev,.pro_pic .swiper-container-rtl .swiper-button-next{left:0px;right:auto;}
.pro_pic .swiper-button-next,.pro_pic .swiper-container-rtl .swiper-button-prev{right:0px;left:auto;}


.pro_tab{text-align:center;box-sizing:border-box;z-index:99;}
.pro_tab ul li{display:inline-block;width:234px;height:70px;line-height:70px;cursor:pointer;font-size:18px;background:#D6DAE0;margin:0 5px;color:#000;font-weight:bold;text-align:center;}
.pro_tab ul li.active{background:#FD1E16;color:#fff;}

.pro_text{padding:30px 30px 10px;font-size:15px;line-height:24px;color:#666;border:1px solid #E5E5E5;}
.pro_text p{margin-bottom:15px;}

.pro-scroll .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-scroll table{width:100%;max-width:100%;margin-bottom: 20px;border:1px solid #D9D9D9;color:#666;}
.pro-scroll table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}
.pro-scroll table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}


.pro-inquiry{padding:50px 0;background:#E8E8E8;}
.pro-inquiry h4{color:#000;line-height:1;font-size:30px;text-align:center;font-weight:bold;}
.pro-inquiry .inquirbox{padding:30px 10%;}
.pro-inquiry .inquirbox input[type="text"],.pro-inquiry .inquirbox textarea{padding:13px 10px;font-size:14px;border:1px solid #D2D2CF;width:100%;line-height:22px;text-align:left;color:#111;box-sizing:border-box;}
.pro-inquiry .inquirbox input.submit{display:block;background:#FD1E16;color:#fff;line-height:40px;width:140px;font-size:14px;font-weight:bold;text-align:center;cursor:pointer;margin:0 auto;}

.related-pro{padding:50px 0;background:#fff;}
.related-pro h4{color:#000;line-height:1;font-size:30px;text-align:center;font-weight:bold;}
.related-pro ul{margin:40px 0 0 -2%;}
.related-pro ul li{float:left;width:23%;position:relative;border:1px solid #F0F0F0;text-align:center;background:#fff;margin:0 0 0 2%;cursor:pointer;box-sizing:border-box;}
.related-pro ul li .pic{width:100%;padding:5px;position:relative;display:block;box-sizing:border-box;}
.related-pro ul li .pic img{display:block;width:100%;}
.related-pro ul li .txt{text-align:center;width:100%;height:50px;display:table;}
.related-pro ul li .txt h6{display:table-cell;vertical-align:middle;text-align:center;}
.related-pro ul li .txt h6 a{color:#333;font-size:17px;line-height:20px;}

.related-pro ul li:hover{border:1px solid #464646;box-shadow:1px 2px 5px rgba(31,96,164,0.3);}
.related-pro ul li:hover .txt h6 a{color:#FD1E16;}

/*-------------*/

.map{margin-top:50px;}
.map img{width:100%;}

.contact{border-bottom:1px solid #E1E1E1;padding-bottom:40px;}
.contact-info{float:right;width:48%;}
.contact-info h3{font-size:30px;color:#000;line-height:1.2;font-weight:bold;margin-bottom:30px;}
.contact-info h5{font-size:15px;color:#333;font-weight:bold;margin:10px 0 0;}
.contact-info p{font-size:14px;color:#222;line-height:24px;margin:6px 0 0;}
.contact-info hr{width:50px;height:2px;background:#EFBB20;margin:20px 0;}


.contact-inquiry{float:left;width:48%;}
.contact-inquiry h3{font-size:30px;color:#000;font-weight:bold;}
.contact-inquiry .inquirbox{margin:30px 0 0;}

.inquirbox .row{margin-bottom:20px;}
.inquirbox input[type="text"],.inquirbox textarea{padding:10px 10px;font-size:14px;border:1px solid #D2D2CF;width:100%;background:#fff;line-height:22px;text-align:left;color:#111;box-sizing:border-box;}
.inquirbox textarea{max-width:100%;width:100%;resize:none;}
.inquirbox input[type="text"]:focus,.inquirbox textarea:focus{box-shadow:0 0 5px #999;background:#fafafa;border-color:#999;outline:0}
.inquirbox .red{color:#f00;font-weight:bold;}
.inquirbox .yzm { width:70%; margin-right:10px;}
.inquirbox img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}
.inquirbox input.submit{display:block;background:#FC1E16;color:#fff;line-height:40px;width:140px;font-size:14px;font-weight:bold;text-align:center;cursor:pointer;margin:0;}

/*-------------*/