/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#2d2d2d; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
a:hover {text-decoration:none; color:#6d6d71;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:700;}i,em {font-style:normal;}

button, input, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}

input::-moz-placeholder,  textarea::-moz-placeholder{color:#bbb;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#bbb;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bbb;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}
 
 
@font-face {
font-family:"cn_title_banner"; 
src:url("../font/humanst_521_bt.ttf");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family:"cn_title"; 
src:url("../font/SourceHanSansK-Regular.otf");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family:"cn_pic"; 
src:url("../font/SourceHanSansK-Regular.otf");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family:"cn_txt"; 
src:url("../font/SourceHanSansK-Regular.otf");
font-weight: normal;
font-style: normal;
}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里巴巴普惠体";
  src: url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/Lb9arnc6aUpa.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/nGSXr6kfo8fQ.woff") format("woff");
  font-display: swap;
}

pre{font-family:"cn_txt","Arial", "Helvetica","sans-serif";}

body{font-size:16px; color:#2d2d2d; background:#fff; font-family:"cn_txt","阿里巴巴普惠体","Arial", "Helvetica","sans-serif";  padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}


/***banner***/
.swiper-container { margin-top:0px; width: 100%; height:100%!important;}
.slide1 { background: url(../upfiles/prod_b/banner11.jpg) center no-repeat; background-size: cover; }
.slide2 { background: url(../upfiles/prod_b/banner21.jpg) center no-repeat; background-size: cover; }
.slide3 { background: url(../upfiles/prod_b/banner31.jpg) center no-repeat; background-size: cover; }
.swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; }

.slide-text1, .slide-text2, .slide-text3, .slide-text4 {width:60%; padding:0 20%; color: #fff; text-align:center; position:absolute; top:50%; transform: translateY(-50%);}
.slide-text1 .p1, .slide-text2 .p1, .slide-text3 .p1, .slide-text4 .p1 {font-size:80px; font-weight:700;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; font-family:"cn_title_banner"; }
.slide-text1 .p2, .slide-text2 .p2, .slide-text3 .p2, .slide-text4 .p2 { line-height:60px; font-size:48px; margin-top:15px;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.slide-text1 .p3, .slide-text2 .p3, .slide-text3 .p3, .slide-text4 .p3 { line-height:40px; font-size:24px; margin-top:30px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

.swiper-button-prev {background: url(../images/prev.png) no-repeat center center;}
.swiper-button-next {background: url(../images/next.png) no-repeat center center;}

.bannermob{display:none;}
.bannerpc{display:block;margin-top:65px;}
@media screen and (max-width:768px) {
.bannermob{display:block;}
.bannerpc{display:none;}
.swiper-container { margin-top:0px; height:100%;}
.swiper-pagination-bullet {width:8px; height:8px; }
.slide1 { background: url(../upfiles/prod_b/banner71.jpg) center no-repeat; background-size: cover; }
.slide2 { background: url(../upfiles/prod_b/banner81.jpg) center no-repeat; background-size: cover; }
.slide3 { background: url(../upfiles/prod_b/banner91.jpg) center no-repeat; background-size: cover; }
.slide-text1, .slide-text2, .slide-text3, .slide-text4 {width:80%; padding:0 10%;}
.slide-text1 .p1, .slide-text2 .p1, .slide-text3 .p1, .slide-text4 .p1 { font-size:35px; -webkit-line-clamp:2;}
.slide-text1 .p2, .slide-text2 .p2, .slide-text3 .p2, .slide-text4 .p2 { line-height: 28px; font-size:20px; margin-top:20px; -webkit-line-clamp:3;}
.slide-text1 .p3, .slide-text2 .p3, .slide-text3 .p3, .slide-text4 .p3 { line-height: 24px; font-size:16px; margin-top:25px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.swiper-button-prev {display:none;}
.swiper-button-next {display:none;}
}


.main {position:relative; margin:0 auto; width:95%; max-width:1750px; height:100%;}
@media screen and (max-width:768px){
.main {margin:0 auto; width:92%;}
}


.indexleft{width:50%; float:left; overflow:hidden;}
.indexright{width:50%; float:right; overflow:hidden;}
@media screen and (max-width:768px){
.indexleft{width:100%; float:none; overflow:hidden;}
.indexright{width:100%; float:none; overflow:hidden; margin-top:20px;}
}

.paddingleft10{padding-left:10%;}
.paddingtop18{padding-top:10%;}
.paddingtop20{padding-top:20%;}
@media screen and (max-width:768px){
.paddingleft10{padding-left:0%;}
.paddingtop18{padding-top:0%;}
.paddingtop20{padding-top:0%;}
}

.indexleft_txt{width:85%; float:left;}
.indexleft_txt .indexleft_txt_top{text-transform:uppercase; letter-spacing:2px;}
.indexleft_txt h2{font-size:30px; color:#000; padding:15px 0 25px 0; font-family:"cn_title_banner";}
.indexleft_txt h2 em{width:20px; height:5px; border-bottom:2px #555 solid; display:block;}
.indexleft_txt h2 i{width:60px; height:25px; border-bottom:2px #555 solid; display:block;}

.indexleft_txt h3{line-height:30px; font-size:16px;word-break:break-all;}
.indexleft_txt .morebtn{ font-size:18px; margin-top:40px; text-transform:uppercase;letter-spacing:1px;}
.indexleft_txt .morebtn em img{width:auto; display:inline; vertical-align:middle; margin-bottom:2px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.indexleft_txt .morebtn a:hover em img{ margin-left:10px;}


.indexright_img img{}
@media screen and (max-width:768px){
.indexleft_txt{width:100%;}
.indexleft_txt .indexleft_txt_top{text-transform:uppercase; letter-spacing:2px; margin-bottom:10px;}
.indexleft_txt .morebtn{ margin-top:20px;}
.indexleft_txt h2{padding:0px 0 15px 0; font-size:24px;}
.indexleft_txt h2 i{width:60px; height:15px; border-bottom:2px #000 solid; display:block;}
.indexleft_txt h3{ font-size:15px;}
}


/*左右都是图片的文字*/
.mod33_txt{width:90%; margin:0 auto; text-align:center; overflow:hidden;}
.mod33_txt h2{font-size:30px; color:#000; padding:15px 0 25px 0; font-family:"cn_title_banner";}
.mod33_txt h2 i{width:60px; height:25px; border-bottom:2px #555 solid; display:block; margin:0 auto;}
.mod33_txt h3{line-height:30px; font-size:16px;word-break:break-all;}
@media screen and (max-width:768px) {
.mod33_txt h2{padding:0px 0 15px 0; font-size:24px;}
.mod33_txt h2 i{width:60px; height:15px; border-bottom:2px #000 solid; display:block;}
.mod33_txt h3{font-size:15px;}
}


/***mod1***/
.mod1 {padding:60px 0; overflow:hidden;}
@media screen and (max-width:768px) {
.mod1 {padding:30px 0;}
}


/***mod2***/
.mod2 {padding:60px 0; overflow:hidden;}
@media screen and (max-width:768px) {
.mod2 {padding:30px 0;}
}


/***mod3***/
.mod3 {background-size:cover; overflow:hidden; height:750px;}
.mod3txt{ color:#FFF; text-align:center; width:80%; padding:0 10%; top:50%; transform: translateY(-50%); position:absolute;}
.mod3txt h2{ font-size:50px; line-height:50px; margin-bottom:20px; font-weight:700;font-family:"cn_title";}
.mod3txt h3{line-height:30px; margin-bottom:30px;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; font-size:18px;}
.mod3txt .mod3btn{width:180px; border:2px #fff solid; line-height:40px; margin:0 auto; box-sizing:border-box;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.mod3txt a .mod3btn{color:#FFF;}
.mod3txt .mod3btn:hover{/*color:#ea0000; border:2px #ea0000 solid;*/ opacity:0.7;}

@media screen and (max-width:768px) {
.mod3 {padding:0px; height:400px;}
.mod3txt{width:100%; padding:0;}
.mod3txt h2{font-size:32px; line-height:40px; margin-bottom:15px; font-weight:700;}
.mod3txt h3{-webkit-line-clamp:6; font-size:16px;  line-height:24px; word-break: break-all;}
}


/***mod4***/
.mod4 {padding:60px 0; overflow:hidden;}
.prodcategory{}
.prodcategory ul{overflow:hidden;}
.prodcategory ul li{float: left; width:27.3%; padding:2%; text-align:center; background:#f1f1f2;}
.prodcategory ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.prodcategory ul li img{margin:10px 0px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.prodcategory ul li img:hover{filter:alpha(Opacity=7);-moz-opacity:0.7;opacity:0.7;}
.prodcategory ul li h3{text-align:left; font-size:20px; font-weight:normal; font-family:"cn_title"; line-height:24px; margin-bottom:20px;}
.prodcategory ul li p{float:right;overflow:hidden; width:115px;}
.prodcategory ul li p a{font-size:16px; line-height:24px; text-align:right; padding:0px;text-transform:uppercase;font-family:"cn_title";}
.prodcategory ul li p a em img{width:auto; display:inline; vertical-align:middle; margin-bottom:2px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; margin:0 0 4px 0; overflow:hidden;}
.prodcategory ul li p:hover em img{ margin-left:10px;}

@media screen and (max-width:768px) {
.mod4 {padding:0 0 30px 0;}
.prodcategory ul{overflow:hidden; margin-bottom:5%;}
.prodcategory ul li{width:90%; padding:5%; margin-top:5%;}
.prodcategory ul li:nth-of-type(1){/*margin-top:0;*/}
.prodcategory ul li:not(:nth-of-type(3n)){ margin-right:0%;}
.prodcategory ul li p{margin-left:65%;}

}


/***footer***/
.footer {padding:50px 0; background-color:#555555;}
.footer-logo{text-align:center; margin-bottom:30px; overflow:hidden;}
.footer-logo img{width:200px; display:inline;transform: translateY(-80px); filter: drop-shadow(#ffffff 0 80px); overflow:hidden;}

.footer-nav { padding:0 10%; width:80%;}
.nav-item { float: left; width:20%; padding-left:5%; }
.nav-item-hd {height:45px; line-height:45px; font-size:18px; color:#fff; text-transform:uppercase; font-family:"cn_title";}
.nav-item-bd { }
.nav-item-bd li { height:40px; line-height:40px; font-size:16px;}
.nav-item-bd li a {color:#fff; opacity:0.75;}
.nav-item-bd li a:hover {color:#fff; opacity:1;}

.footer-copyright {margin-top:50px; font-size:14px; color:#fff; text-align:center; opacity:0.6;}
.footer-copyright a{color:#FFF;}
@media screen and (max-width:768px) {
.footer {padding:25px 0;}
.footer-logo{text-align:center; margin-bottom:30px;}
.footer-nav {float:none; width:100%; text-align:center; overflow:hidden; padding:0;}

.nav-item{width:40%; margin-bottom:30px; padding-left:10%;}
.nav-item-hd {height:30px; line-height:30px; font-size:16px; text-align:left;}
.nav-item-bd {}
.nav-item-bd li {height:30px; line-height:30px; font-size:14px; text-align:left;}
.nav-item-bd li a {color:#fff; opacity:0.75;}
.nav-item-bd li a:hover {color:#fff; opacity:1;}

.footer-qrcode {float: none; margin:15px auto 0; width: 80px; line-height: 24px; font-size: 14px; display:none;}
.footer-copyright {margin-top:0px; line-height:24px; font-size:12px;}
}


.weixin{ width:100px; height:28px; position:relative;}
.weixin a{width:100px; height:28px; display:block; position:absolute; left:0; top:0;}
.weixin .weixin_nr{width:100px; height:100px; padding:10px; background:#fff; text-align:center; position:absolute; left:-20px; top:35px; display:none; z-index:999999;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(images/weixin.png) no-repeat left bottom;}


.weibo{ width:100px; height:28px; position:relative;}
.weibo a{width:100px; height:28px; display:block; position:absolute; left:0; top:0;}
.weibo .weibo_nr{width:100px; height:100px; padding:10px; background:#fff; text-align:center; position:absolute; left:-20px; top:35px; display:none; z-index:999999;}
.weibo .weibo_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weibo.on .weibo_nr{ display:block;}
.weibo.on a{ background:url(images/weixin.png) no-repeat left bottom;}





/************内页banner*************/
.lybanner {position: relative; width:100%; height:100%; overflow:hidden; margin:65px auto 0;}
.lybanner div{position:absolute; width:80%; padding:0 10%; text-align:center; color:#FFF; top:50%; transform: translateY(-50%);}
.lybanner div h2{font-size:45px;}
.lybanner div h3{font-size:18px; line-height:30px; font-weight:lighter;}

#mob{display:none;}
#pc{display:block;}
@media screen and (max-width:768px) {
.lybanner{margin-top:65px;}
.lybanner div h2{font-size:24px; margin-bottom:10px;}
.lybanner div h3{font-size:16px; line-height:20px;}
#pc{display:none;}
#mob{display:block; height:350px;}
}

/*分页*/
.page{text-align:center; padding:20px 0; margin-top:50px;/*border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #ddd solid; font-size:16px; padding:2px 9px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:20px;}
.page a{font-size:16px; padding:2px 9px; margin:0 0 10px 0;}
}

#onsec {color:#6d6d71;}
#onsec a{color:#6d6d71;}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0px auto; background:#f5f5f5;}
.weizhi{overflow:hidden;width:95%; max-width:1750px; margin:0 auto; font-size:14px; line-height:40px; padding:5px 0 5px;}
.weizhi a{color:#666;}
.weizhi a:hover{color:#666; opacity:0.6;}
.span_right{float:right; font-size:12px;}
.span_page{width:20px; height:20px; background: url(../images/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../images/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}

.weizhi_prod{background:#707170!important; color:#FFF; margin-top:65px!important;}
.weizhi_prod a{color:#FFF;}
.weizhi_prod a:hover{color:#FFF; opacity:0.6;}

@media screen and (max-width:768px) {
#weizhitop{width:100%; margin:45px auto 0;}
#weizhi{margin:0px auto 0;}
.weizhi{padding:10px 0px; font-size:12px; width:95%; line-height:18px;}
.span_right{font-size:16px; display:none;}
}


/****************************公用****************************/
.wrap {margin:0 auto; padding:60px 0; width:100%; background-color:#fff;}
.lymain {position:relative; margin:0 auto; overflow:hidden; width:95%; max-width:1750px;}
@media screen and (max-width:768px) {
.wrap {padding:0; width:100%;}
.lymain {width:90%; margin:0 auto;}
}


/*左右框架*/
.mainleft{float:left; width:15%; overflow:hidden;}
.mainleft_title{font-size:20px; margin-bottom:20px; text-transform:uppercase;font-family:"cn_title"; font-weight:700;}
.mainleft ul{overflow:hidden;}
.mainleft ul li{line-height:24px; margin:0; font-size:16px; padding:10px 0px}

.mainright{float:right; width:80%; padding-left:5%; overflow:hidden;}
@media screen and (max-width:768px) {
.mainleft{float:none; width:90%; padding:5%; margin-top:3%; margin-left:0; border-left:0; display:none;}
.mainleft_title{font-size:18px; line-height:24px;padding-bottom:5px; margin-bottom:5px;}
.mainleft ul li{line-height:28px; margin:0; font-size:18px; padding:8px 5px 8px 40px;}

.mainright{float:none; width:100%; padding:0; margin:15px 0;}
}


.aboutus{line-height:28px; font-size:16px;}
.aboutus h2{font-size:18px; font-weight:bold; line-height:28px; border-bottom:1px #CCCCCC dotted; padding-bottom:5px; margin-bottom:5px;}
.aboutus img{max-width:100%; width:auto; overflow:hidden;}
.aboutus:not(:nth-of-type(3n)){margin-right:0%;}
@media screen and (max-width: 768px) {
}



/*新闻中心*/
.news{overflow:hidden;}
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; font-size:16px; padding:15px 0 15px 40px; line-height:28px; border-bottom:1px #ddd dotted; background:url(../images/file.png) no-repeat left 15px; /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/}
.newsul li:hover{background:#f5f5f5 url(../images/file.png) no-repeat left center;}
.newsul li span{float:right; font-size:15px; color:#acacac; padding-right:10px;}
@media screen and (max-width: 768px) {
.news{width:95%; margin:0px auto;}
.newsul li{padding:15px 0 15px 35px; background:url(../images/file.png) no-repeat left 12px; line-height:22px;}
.newsul li span{padding-left:10px; display:none;}
}


.newsshow{overflow:hidden;}
.news_xxjs{line-height:26px!important; font-size:14px!important; font-weight:normal!important; margin:30px auto; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:26px!important; font-size:14px!important;}
.news_xxjs td{padding:4px; font-size:14px!important; border:1px #CCCCCC solid;}
.news_xxjs img{ max-width:100%; height:auto; overflow:hidden; margin:0 auto; display:block; padding:10px 0; width:auto;}
.news_title{text-align:left; border-bottom:1px #eaeaea dotted; padding-bottom:10px; margin-bottom:10px;}
.news_title h1{font-size:24px; font-weight:normal;font-family:"cn_title";}
@media screen and (max-width: 768px) {
.newsshow{width:95%; margin:0px auto;}
.news_xxjs{margin:15px auto; overflow:hidden;}
.news_xxjs img{max-width:100%; height:auto; width:auto;}
}

.pubdate{line-height:20px; margin:10px 0; OVERFLOW:hidden; text-align:left; color:#999999; font-size:12px; display:none;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}

.Information{verflow:hidden;margin-top:20px;}
.Information h4{padding-left:10px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#333; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:16px; padding:10px 0px;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.contactend{padding-top:50px;}
.contactend ul{overflow:hidden;}
.contactend ul li{float:left; line-height:45px; border-bottom:1px #ddd dotted; font-size:16px; padding:0 1%;}
.contactend ul li:nth-of-type(1){width:15%;}
.contactend ul li:nth-of-type(2){width:31%;}
.contactend ul li:nth-of-type(3){width:28%;}
.contactend ul li:nth-of-type(4){width:18%;}
.contactend ul li span{display:none; margin-right:5px; font-weight:700;}
.titlebg{background:#fff; font-size:18px; font-weight:700;}
.titlebg2{background:#f5f5f5;}
.producttitle{font-size:20px; line-height:60px; font-weight:700;font-family:"cn_title";}
@media screen and (max-width: 768px) {
.contactend{padding-top:20px;}
.titlebg{display:none;}
.contactend ul{ margin-bottom:20px;}
.contactend ul li{word-break:break-all; display:inline; text-overflow:ellipsis;white-space: nowrap; width:100%; line-height:35px; font-size:14px;}
.contactend ul li:nth-of-type(1){width:100%;}
.contactend ul li:nth-of-type(2){width:100%;}
.contactend ul li:nth-of-type(3){width:100%;}
.contactend ul li:nth-of-type(4){width:100%;}
.contactend ul li span{display:inline;}
}



.contact_buy{padding-top:50px;}
.contact_buy ul{overflow:hidden;}
.contact_buy ul li{float:left; width:26.666%;}
.contact_buy ul li img{max-width:100%; display:block;}
.contact_buy ul li p{ font-size:16px; text-align:center; line-height:40px;}
.contact_buy ul li:not(:nth-of-type(3n)){margin-right:10%;}
.contact_buy ul li:nth-of-type(n+4){margin-top:30px;} 
@media screen and (max-width: 768px) {
.contact_buy{padding-top:20px;}
.contact_buy ul li{float:left; width:90%; padding:0 5%;}
.contact_buy ul li:not(:nth-of-type(3n)){margin-right:0%;}
.contact_buy ul li:nth-of-type(n+2){margin-top:20px;} 
}



.product{}
.productul{overflow:hidden;}
.productul li{float:left; overflow:hidden; width:18%; text-align:center; padding:2%; font-size:14px; background:#f1f1f2;}
.productul li h3{text-align:left; font-size:16px; font-weight:normal; margin-bottom:20px;font-family:"cn_title"; line-height:20px;}
.productul li img{width:100%; height:auto; display:block;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.productul li img:hover{opacity:0.7;}
.productul li:not(:nth-of-type(4n)){margin-right:4%;}
.productul li:nth-of-type(n+5){margin-top:4%;} 
.productul li p{float:right; overflow:hidden; margin-top:20px; width:120px;font-family:"cn_title";}
.productul li p a em img {width: auto; display:inline; vertical-align:middle; margin-bottom:2px;  -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;  margin: 0 0 4px 0; overflow: hidden;}
.productul li p:hover em img{ margin-left:10px;}

@media screen and (max-width: 768px) {
.product{ width:100%; margin:0px auto;}
.productul{padding:5% 0;}
.productul li{width:41.5%; padding:3%; float:left;}
.productul li:not(:nth-of-type(4n)){margin-right:0;}
.productul li:not(:nth-of-type(2n)){margin-right:5%;}
.productul li:nth-of-type(n+3){margin-top:5%;} 
.productul li h3{ font-size:15px;}
}


/*productdetail*/
.cpshow{overflow:hidden;}
.cpshowtop{overflow:hidden; background:#fff; padding:0; margin-bottom:30px;}
.cpshowtop_l{float:left; margin-right:8%; border:0px #ddd solid;}
.cpshowtop_r{overflow:hidden;}
.cpshowtop_r h2{font-size:36px; margin-bottom:10px;font-family:"cn_title";}
.cpshowtop_r p{color:#666; padding:5px; line-height:24px; border-bottom:1px #ddd dotted; margin-bottom:5px;}
.cpshowtop_r p span{padding-right:10px;}
.cpshowtop_r_div{font-size:16px; line-height:28px;}
.cpshowtop_r h3{padding:50px 0; font-size:24px;}

.ban{ width:600px; height:750px; position:relative; overflow:hidden;}
.ban2{ width:600px; height:600px; position:relative; overflow:hidden; margin:0 auto 5px; left:0; right:0;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:600px; height:600px;}
.ban2 ul li img{width:600px; height:600px; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:100px;overflow:hidden; width:750px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:600px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:100px; height:100px; margin-right:10px; border:1px solid #ddd; box-sizing:border-box;}
.num ul li img{ width:98px; height:98px; display:block;}
.num ul li.on{ border:1px solid #e20000;}
.prev_btn1{ width:15px; text-align:center; height:29px; margin-top:22px; cursor:pointer; float:left; margin-right:10px;}
.next_btn1{ width:15px; text-align:center; height:29px; margin-top:22px;cursor:pointer;float:right; margin-left:10px;}
.prev1{ position:absolute; top:150px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:150px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.text_vmid{align-items:center; display: -webkit-flex;}
@media screen and (max-width: 768px) {
.text_vmid{align-items:normal; display:block;}
.cpshowtop_r h3{padding:20px 0;}

.ban{ width:322px; height:420px; position:relative; overflow:hidden; margin:0 auto;}
.ban2{ width:320px; height:320px; position:relative; overflow:hidden; margin:0 auto 5px; left:0; right:0; border:1px #ddd solid;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:320px; height:320px;}
.ban2 ul li img{width:320px; height:320px; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:55px;overflow:hidden; width:270px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:320px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:70px; height:70px; margin-right:10px; border:1px solid #ddd;}
.num ul li img{ width:70px; height:70px; display:block;}
.num ul li.on{ border:1px solid #00a6bc; padding:0;}
.prev_btn1{width:15px; text-align:center; height:29px; margin-top:14px; cursor:pointer; float:left;}
.next_btn1{width:15px; text-align:center; height:29px; margin-top:14px;cursor:pointer;float:right;}
.prev_btn1 img,.next_btn1 img{height:29px; width:15px;}
.prev1{ position:absolute; top:120px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:120px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
}


.block{display:block;}
@media screen and (max-width:768px) {
.cpshowtop{padding:5% 0;}
.cpshowtop_l{float:none; width:100%; border:0px #ddd solid; margin-bottom:40px; overflow:hidden;}
.cpshowtop_r{float:none; width:100%;}
.cpshowtop_r h2{ font-size:30px; margin-bottom:0;}
.cpshowtop_r p{}
.cpshowtop_r_div{}
}


.lanrenzhijia{width:600px;position:relative; overflow:hidden; float:left;}
.lanrenzhijia .prev{left:0;background:url(../images/index_tab_l.png) no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/index_tab_r.png) no-repeat;}
.lanrenzhijia #prevTop{background: url(../images/prev2.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(../images/next2.png) 0 0 no-repeat;}
.lanrenzhijia .btn{position:absolute;width:28px;height:56px;top:272px;cursor:pointer;z-index:2;font-size:50px;font-weight:bold;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:675px;width:15px; height:29px;}

.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:600px;height:600px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:600px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:600px;position:absolute;}
.lanrenzhijia .picBox li{width:600px;height:600px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:550px;height:80px;margin:0 auto;position:relative;padding:50px 0 0; overflow:hidden;}
.lanrenzhijia .listBox ul{height:80px;position:absolute;}
.lanrenzhijia .listBox li{width:110px;height:80px;cursor:pointer;position:relative;box-sizing:border-box; background:url(../images/rightline.jpg) left center no-repeat;}
.lanrenzhijia .listBox li:first-child{ background:none;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:80px;height:80px;}
.lanrenzhijia .listBox li img{width:80px;height:80px;/*border:1px solid #ddd;*/ margin:0 auto;}
.lanrenzhijia .listBox .on img{width:80px;height:80px;/*border:1px solid #ff0000;*/}
.lanrenzhijia .listBox .on i{display:block;}

@media screen and (max-width:768px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:28px;height:56px;top:145px;cursor:pointer;z-index:50;font-size:50px;font-weight:bold;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:395px; width:15px; height:29px;}
#prev,#next{display:none;}

.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display:block; width:320px;height:320px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:320px;position:relative;overflow:hidden; width:320px; margin:10px auto; border:0;}
.lanrenzhijia .picBox ul{height:320px;position:absolute;}
.lanrenzhijia .picBox li{width:320px;height:320px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}

.lanrenzhijia .listBox{width:300px;height:60px; margin:0 auto; position:relative; padding:40px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:60px; position:absolute;}
.lanrenzhijia .listBox li{width:75px;height:60px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:60px;height:60px}
.lanrenzhijia .listBox li img{width:60px;height:auto;}
.lanrenzhijia .listBox .on img{width:60px;height:auto;}
.lanrenzhijia .listBox .on i{display:block;}
}



.pic_list {margin-top:50px; overflow:hidden;}
.pic_list_txt{text-align:left; font-weight:700; margin-bottom:15px;}
.pic_list li {float:left; width:30px; height:30px; line-height:28px; cursor:pointer; color:#FFF; font-size:18px; border:2px #fff solid; border-radius:100%; margin:3px 15px 3px 3px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border:3px #fff solid; box-shadow: 0 0 0 2px #222222; box-sizing:border-box;}
.pic_list li:hover{color:#FFF;  box-shadow: 0 0 0 2px #6d6d71; opacity:0.7;}



.prod_video_top{margin:0 auto; padding:40px 0 50px 0; width:100%; background-color:#f5f5f5;}
.prod_video_top h3{ text-align:center; font-size:30px; margin-bottom:5px;font-family:"cn_title";}
.videotxt{ text-align:center; font-size:16px; line-height:24px;margin-bottom:20px;}
.videobg{ width:80%; margin:0 auto; max-width:800px;}

.imgbox {position:relative; overflow:hidden; background:#6d6d71;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
.imgbox:hover img,.prod_video ul li:hover img{-webkit-transform:scale(1.05); transform:scale(1.05); opacity:0.5;}

.mask, .play { position: absolute;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.mask {top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.imgbox:hover .mask,.prod_video ul li:hover .mask {background-color: rgba(0,0,0,0.80);}
.play {top:50%; left: 50%;  background: url(../images/video.png) no-repeat; background-size: cover; opacity:0.7; }
.imgbox:hover .play,.prod_video ul li:hover .play{ opacity: 1; }
.videobg .play {margin: -40px 0 0 -40px; width: 80px; height: 80px;}

@media screen and (max-width:768px) {
.videobg{ width:100%; margin:0 auto;}
.prod_video_top h3{ font-size:24px; font-family:"cn_title";}

}


#tab1 ,#tab2{width:100%; height:55px; margin:0 auto; background:#646464; z-index:55;}
#tab1 ul ,#tab2 ul{ width:95%; max-width:1500px; margin:0 auto;}
#tab1 li,#tab2 li{float:left;height:55px;line-height:55px;text-align:center; color:#fff; font-size:18px; cursor:pointer; width:16.66%;}
#tab1 li.now,#tab2 li.now{color:#fff;background:#333;}
.tablist{ overflow:hidden; display:none; margin-top:1px; margin-bottom:1px;}
.block{display:block;}
.tablistimg{overflow:hidden; text-align:center; margin:0 auto;}
.tablistimg img{max-width:100%; height:auto;text-align:center; display:block; margin:0 auto;}

.tablisttable_bg{overflow:hidden; width:100%; padding-top:20px; background:#bababa; color:#4e4e4e;}
.tablisttable_bg a{color:#4e4e4e;}
.tablisttable{width:100%; padding:80px 0; margin:0 auto;}
.tablisttable table{width:100%; background:#e9e9e9;}
.tablisttable td{font-size:16px; line-height:28px; padding:10px 15px; border:1px #d6d6d6 solid!important;}

.tablistimages{overflow:hidden; width:95%; max-width:1750px; margin:0 auto; padding:50px 0;}
.tablistimages ul{overflow:hidden;}
.tablistimages li{float:left; overflow:hidden; width:16%; text-align:center; font-size:12px;}
.tablistimages li:nth-of-type(n+6){margin-top:2%;} 
.tablistimages li img{width:80%; padding:10%; height:auto; display:block; /*-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;*/}
.tablistimages li img:hover{opacity:0.7;}
.tablistimages li:not(:nth-of-type(5n)){margin-right:5%;}
.tablistimages li p{padding-top:18px; min-height:30px;}

.tablistsp{overflow:hidden; width:96%; max-width:1300px; margin:0 auto; padding:20px 0 20px; text-align:center;}

#xgdownload{overflow:hidden;}
#xgdownload li{ width:96%; padding:10px 0 10px 4%; line-height:28px; border-bottom:1px #ddd dotted; background:url(../images/file.png) no-repeat left center; margin-bottom:0; /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/}
#xgdownload li span{float:right; font-size:13px; color:#afafaf;}

#tabmob{display:none;}
#tabpc{display:block;}
@media screen and (max-width: 768px) {
#tabmob{display:block;}
#tabpc{display:none;}
	
#tab1 ,#tab2{width:100%; height:90px;}
#tab1 ul ,#tab2 ul{ width:100%;}
#tab1 li,#tab2 li{padding:0; width:33.3%; height:45px;line-height:45px; font-size:14px; border:0;}
.tablisttable{width:100%; padding:40px 0;}
.tablisttable table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden;border:0!important;}
.tablisttable td{font-size:12px; padding:10px;}

.tablisttable_bg{padding-top:0;}
.tablistimages{width:100%; padding:10px 0;}
.tablistimages li{width:50%; padding:0;}
.tablistimages li:not(:nth-of-type(5n)){margin-right:0;}
.tablistimages li:nth-of-type(n+3){margin-top:0%;}
.tablistimages li p{padding-top:18px; min-height:30px;}

#xgdownload li{width:92%; padding:14px 0 14px 10%; line-height:22px;background:url(../images/file.png) no-repeat left 11px;}
#xgdownload li span{padding-left:10px; display:none;}
}

.threeh2{ text-align:center; font-size:30px;font-family:"cn_title_banner";}
.prod_acc{ overflow:hidden; margin:30px 0 0 0;}
.prod_acc li{float:left; width:30%; text-align:center;}
.prod_acc li:nth-child(n+2) {margin-left:5%;}
.prod_acc li img{}
.prod_acc li h2{ font-size:22px;padding:10px 0;}
.prod_acc li h3{ font-size:16px; line-height:24px;word-break:break-all;}
@media screen and (max-width: 768px) {
.prod_acc{ overflow:hidden; margin:40px 0;}
.prod_acc li{float:left; width:90%; text-align:center; padding:0 5%;}
.prod_acc li:nth-child(2) {margin-left:0%; margin-top:10%;}
.prod_acc li:nth-child(3) {margin-left:0%; margin-top:10%;}	
}





.prod_accall{width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd solid; overflow:hidden;}
.prod_accall:last-child{margin-bottom:0px;border-bottom:0;}
.prod_accleft{float:left; width:20%; padding:60px 5% 60px 0; font-size:24px; text-transform:uppercase;font-family:"cn_title"; font-weight:700;}
.prod_accright{ float:right; width:75%;}
.prod_accright_down{ float:right; width:75%; padding:60px 0 30px 0;}
.prod_accright ul{overflow:hidden; padding:60px 0 30px 0;}
.prod_accright ul li{width:50%; margin-bottom:30px; float:left; font-size:16px; line-height:28px;}
.prod_accright ul li b{display:block; font-weight:700;}
@media screen and (max-width: 768px) {
.prod_accleft{float:left; width:100%; padding:20px 0 0 0; font-size:20px; text-transform:uppercase;}
.prod_accright{ float:left; width:100%;}
.prod_accright_down{ float:left; width:100%; padding:20px 0;}
.prod_accright ul{overflow:hidden; padding:20px 0;}
.prod_accright ul li{width:100%; margin-bottom:20px; float:left; font-size:16px; line-height:24px;}
.prod_accright ul li b{display:block; font-weight:700;}
}



.prod_video{overflow:hidden; padding:60px 0;}
.prod_video ul{overflow:hidden;}
.prod_video ul li{float:left; width:47.5%; position:relative; /*background:url(../images/loading.jpg) center center no-repeat;*/}
.prod_video ul li h3{ text-align:center; line-height:35px; height:35px; font-size:18px;}
.prod_video ul li:not(:nth-of-type(2n)){margin-right:5%;}
.prod_video ul li:nth-child(n+3){margin-top:40px;}

.solution-info {position:absolute; left:0; padding:0px 15%; width:70%; color:#fff; z-index:54; text-align:center; top:50%; margin-top:-80px;}
.solution-info h3 {font-size:20px; font-stretch: condensed; font-weight:700;}
.solution-info p {margin-top:10px; line-height:24px; font-size:16px; opacity:0.7;}
.solution-info span img{margin-top:15px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; width:60px; display:inline; opacity:0.6}
.prod_video ul li:hover img{ opacity:1.0;}
#prod_down {padding:60px 0 0 0;}
#prod_down li{width:45%; padding:14px 0 14px 40px; line-height:24px; background:url(../images/file.png) no-repeat left center; float:left; font-size:18px; font-weight:700;}
@media screen and (max-width: 768px) {
.prod_video{padding:30px 0;}
.prod_video ul{overflow:hidden;}
.prod_video ul li{float:left; width:100%; padding:0; position:relative; margin-bottom:30px;}
.prod_video ul li:not(:nth-of-type(2n)){margin-right:0;}
.prod_video ul li:nth-child(n+3) {margin-top:0px;}
.prod_video ul li:last-child{margin-bottom:0px;}

.solution-info {padding:0px 5%; width:90%; top:50%; margin-top:-80px;}
.solution-info h3 {font-size:18px; font-stretch: condensed; font-weight:700;}
.solution-info p {line-height:20px;}
.solution-info span img{margin-top:15px; width:50px;}
#prod_down {padding:30px 0 0 0;}
#prod_down li{width:100%; padding:10px 0 10px 40px; line-height:24px; background:url(../images/file.png) no-repeat left center; float:left; font-size:18px; font-weight:700;}
}



/*视频播放*/
.videolist { }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; left:50%; top:50%; margin-left:-500px; margin-top:-280px; width:1000px; height:560px; z-index:99999; background:#000; }
.videos video{ width:100%; height:100%; overflow:hidden;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer;width:auto; }
.vclose img{width:auto;}


.prodvideo{ width:96%; padding:2%; height:450px; overflow:hidden;background:url(../images/loading.jpg) center center no-repeat;}
.prodvideo iframe{width:100%; height:100%; overflow:hidden;}
@media screen and (max-width: 768px) {
.videos{ margin-left:-180px; margin-top:-105px; width:360px; height:210px; z-index:99999; }
.prodvideo{height:200px; overflow:hidden;}
}





.login-index {position:absolute; min-height:100%; overflow:hidden; width:100%; z-index:55;}
.login-wrapper {position:absolute; width:100%; height:100%; min-height:760px; background: url(../images/index_bg.jpg) center no-repeat; background-size:cover;}
.login-container {position:relative; top:50%; margin:0 auto; margin-top:-250px; width:100%; min-width: 1120px; height:500px;}
.login-inner-box {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

.login-form {background:#fff; box-shadow:0 0 10px #3c71ac; border-radius:10px; overflow:hidden;}
.login-img,.login-box {float:left; width:424px;}
.login-img {background:url(../images/loign_img.jpg) no-repeat;}
.login-box {padding:40px 62px;}

.login-logo {margin:0 auto 30px; width:264px; height:62px; background:url(../images/logo2.png) no-repeat; background-size:cover;}

.login-item {position:relative; margin-bottom:18px;}
.login-item .input {width:100%; padding:8px 10px 8px 50px; height:46px; line-height:28px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;}
.login-item .input.code {float:left; width:140px; padding:8px 10px; text-align:center;}
.login-item .codebox {float:left; margin-left:10px; width:110px; height:46px;}

.login-icon {position:absolute; top:10px; left:15px; width:25px; height:25px; background:url(../images/pwd_icon.png) no-repeat;}
.login-icon.user {background-position:0 0;}
.login-icon.pwd {background-position:-25px 0;}

.login-btn {width:100%; height:46px; line-height:46px; font-size:18px; color:#fff; background-color:#0672ba; border-radius:4px; box-sizing:border-box;}
.login-btn:hover {background-color:#0069af;}

.login-copyright {margin-top:10px; width:100%; height:28px; line-height:28px; color:#fff; text-align:center;}

@media screen and (max-width:768px) {
.login-logo {margin-bottom:12px; width:200px; height:47px;}
.login-wrapper {min-height:100%; }
.login-box {padding:20px 20px; width:320px; height:auto;}
.login-item {margin-bottom:12px;}
.login-img, .login-copyright {display:none;}
}



.download{}
.download ul{overflow:hidden;}
.download ul li{float:left; line-height:50px; border-bottom:1px #ddd dotted; font-size:16px;}
.download ul li:nth-of-type(1){width:52%; color:#222;}
.download ul li:nth-of-type(2){width:30%;}
.download ul li:nth-of-type(3){width:18%;}
.download ul li span{display:none; margin-right:5px; font-weight:700;}
@media screen and (max-width: 768px) {
.download{}
.download ul{ margin-bottom:20px; padding:0px;}
.download ul li{word-break:break-all; display:inline; text-overflow:ellipsis;white-space: nowrap; width:100%; line-height:40px; font-size:14px;}
.download ul li:nth-of-type(1){width:100%;}
.download ul li:nth-of-type(2){width:100%;}
.download ul li:nth-of-type(3){width:100%;}
.download ul li span{display:inline;}
}