@charset "UTF-8";

@font-face {
	font-family: Heavy;
	src: url('../font/Mont-Heavy.OTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: text;
	src: url('../font/info-text.OTF');
	font-weight: normal;
	font-style: normal;
}

/*--19-5-14添加2种字体--*/
@font-face {
	font-family: font1-b;
	src: url('../font/FONTFABRIC-BOLD.OTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: font2-s;
	src: url('../font/FONTFABRIC-MONT.OTF');
	font-weight: normal;
	font-style: normal;
}


body{overflow-x:hidden;overflow-y:scroll;width:100%;color:#4b4b4b;font-size:14px;line-height:1.6;font-family:"Microsoft Yahei",Tahoma}
body,dd,dl,dt,form,h1,h2,h3,h4,h5,li,ol,p,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
input,textarea{outline:0}
a,a:hover{text-decoration:none;color:#063982}
img{max-width:100%;border:none}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.fon14{font-size:14px!important}
.fon15{font-size:15px!important}
.fon16{font-size:16px!important}
.color0{color:#000}
.container{padding-right:0;padding-left:0}
.marginb10{margin-bottom:10px}
.color_r{color:red}
.img-100{width:100%}
header{width:100%;background:#fff;position:relative;left:0;top:0}
.header{position:relative;background:#fff}
.flex-item{display:flex;flex-wrap:wrap}
.colorf{color:#fff}
header{position:relative;z-index:3}
.logow{max-width:230px}
nav::after{display:block;clear:both;content:""}
.nav_list li{position:relative;text-align:center}
.nav_list li a{transition:all .36s ease;width:100%;text-decoration:none;color:#000;border-bottom:1px solid transparent}
.nav_list li a.cur,.nav_list li a:hover{color:#063982}
.nav_list li a.cur::after,.nav_list li::after{content:"";height:2px;background-color:#063982;position:absolute;width:0;bottom:0;left:50%;transform:translate3d(-50%,0,0);transition:all .6s cubic-bezier(.075,.82,.165,1)}
.nav_list li a.cur::after,.nav_list li:hover::after{width:55%}
.nav_list li:last-child::after{ content:normal}
.navbg{border-bottom:1px solid #c3c3c3}
.nav-top{position:relative}
.nav-search{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;display:none;align-items:center;justify-content:space-between}
.search-icon{padding-left:30px;background:url(../images/line.png) no-repeat left center;cursor:pointer}
.nav-search-btn{border:0;background:url(../images/search.png) no-repeat center;padding:0 10px}
.nav-search-txt{width:95%;height:30px;border:0}

.banner{position:relative}

@media (min-width:767px){
	.banner .swiper-slide img.wap{display:none}
	.banner .swiper-slide img.pc{display:block}

	.banner > img.wap{ display:none }
	.licheng-con{width:55%}
	
}

@media (max-width:767px){
	.banner .swiper-slide img.wap{display:block}
	.banner .swiper-slide img.pc{display:none}
	.banner > img.pc{ display:none }
}

.banner-btn{position:absolute;left:50%;transform:translateX(-50%);height:100%}
.banner-btns{position:relative;height:100%}
.banner .des{position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0);color:#fff;text-align:center;line-height:1.8em;bottom:30px}
.banner .title{font-weight:700;font-size:1em}
.banner .title-des{font-size:.8em;padding-bottom:5px}
.banner .btn{padding:0 2em;height:2em;line-height:2em;font-size:.8em;text-align:center;color:#fff;border:1px solid #fff;border-radius:50px;margin:0 auto;display:inline-block}
.btn-prev{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.btn-next{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.search-close{font-size:25px;cursor:pointer}
.product-up{width:100%;background:#000;position:absolute;left:0;z-index:3;padding:30px 0 30px 0;display:none}
.product-up div.col-sm-5:hover .product-large-type{opacity:1;visibility:visible}
.product-up ul.col-sm-5 li:hover .product-large-type{opacity:1;visibility:visible}
.product-large-type{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .5s}
.product-large-type a{display:block;width:120px;height:36px;text-align:center;line-height:36px;border:1px solid #fff;color:#fff;border-radius:20px; transition:all 0.3s }
.product-large-type a:hover{ background:#fff; color:#000 }
.typelist{align-content:space-between}
.type-txt{color:#fff;align-items:center;line-height:2.5;text-align:center}
.type-txt a{color:#fff}
.type-txt .read-more{border-radius:15px;border:1px solid #fff;display:block;width:120px;text-align:center;margin-top:30px; transition:all 0.3s}
.type-txt .read-more:hover{ background:#fff; color:#000 }
#news_container{overflow:hidden}
.title-eng{font-size:24px;text-transform:uppercase;font-weight:700;color:#000; font-family:Heavy }
.title-china{font-size:16px;padding:5px 0;display:flex;justify-content:space-between}
.index-news{padding:40px 0 80px 0}
.index-news .new-img{position:relative;overflow:hidden}
.index-news .new-img img{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}

/*.index-news .new-master{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:center;justify-content:center;opacity:0}
.index-news .new-master .video{width:50px;height:50px;background:#fff;margin-top:40px;border-radius:50%;transition:.2s linear all;position:relative}
.index-news .new-master .video span{width:0;height:0;border-left:10px solid #000;border-bottom:10px solid transparent;border-top:10px solid transparent;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);transition:.2s linear all}
.index-news .new-master .video span::after{content:"";width:0;height:0;border-left:7px solid #fff;border-bottom:7px solid transparent;border-top:7px solid transparent;position:absolute;left:-9px;top:-7px;transition:.2s linear all}*/


.index-news .master{opacity:0;display:flex;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:center;justify-content:center;transition:.2s linear all}
.index-news .master span{width:50px;height:50px;background:#fff;border-radius:50%;font-size:30px;line-height:47px;margin-top:40px;transition:all .2s ease 0s; text-align:center; color:#000 }
.index-news .master span:hover{width:56px;height:56px;line-height:50px;color:#fff;background:0 0;border:2px solid #fff}

.index-news li:hover .master{opacity:1;transition:all .2s ease 0s}
.index-news li:hover .master span{margin-top:0}


.index-news .swiper-slide:hover .new-master{opacity:1}
.index-news .swiper-slide:hover .new-master .video{margin-top:0}
.index-news .swiper-slide:hover .new-master .video:hover{width:55px;height:55px;line-height:55px;background:0 0;border:2px solid #fff}
.index-news .swiper-slide:hover .new-master .video:hover span{border-left:12px solid #fff}
.index-news .swiper-slide:hover .new-master .video:hover span::after{border-left:9px solid #555;left:-11px}
.index-news .swiper-slide:hover .new-img img{transform:scale(1.05)}
.index-news .news-next,.index-news .news-prev{font-size:20px}
.index-news .news-next:hover,.index-news .news-prev:hover{color:#063982}
.index-news .news-next{padding-left:20px}
.index-news .new-title{padding:10px 0;font-size:16px;color:#000}
.index-news .new-decs{font-size:14px;color:#666;margin-bottom:15px}
.index-news .new-date{color:#c3c3c3;border-top:1px solid #c3c3c3;padding-top:15px;font-size:14px}
.index-news a{display:block}
.products{padding:15px 0;position:relative}
.products::after{display:block;content:"";height:2px;background:#000;position:absolute;left:0;bottom:0;width:130%}
.product-type li{padding:15px 17px;position:relative}
.product-type li.cur:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#000}
.title-product{border-bottom:1px solid #c3c3c3;margin-bottom:60px;padding:0}
.title-product a{color:#666}
.title-product li.cur a,.title-product li:hover a{color:#000}
.product-list li{text-align:center;margin-bottom:60px;box-sizing:border-box;border:1px solid #fff;padding-top:10px;padding-bottom:20px}
.product-list li:hover{border:1px solid #000}
.product-name{font-size:18px;padding:10px 0;color:#666}
.product-name1{font-weight:700;color:#000;font-size:24px}
.page{margin-bottom:60px}
.page a{color:#666;padding:0 15px}
.page a.cur,.page a:hover{color:#063982}
.product-padding{margin-left:-15px}
.techno-prodcut{position:relative;background:url(../images/pro-bg1.jpg) no-repeat center;background-size:cover}
.techno-title{color:#fff;font-size:24px;text-transform:uppercase;padding-left:25px; font-family:Heavy }
.techno-list-title{display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #3a3a3a;height:55px;padding-left:25px;margin-right:15px}
.techno-china{font-size:16px}
.techno-type li{padding:20px 20px;color:#666;position:relative}
.techno-type li.on{color:#fff}
.techno-type li.on::after{display:block;content:"";width:100%;height:2px;background:#fff;position:absolute;left:0;bottom:0}
.pro-icon{color:#fff}
.pro-icon span{color:#fff;font-size:20px;padding:0 15px;outline:0}
.pro-icon span:hover{color:#023780}
.product-end{display:flex;align-items:center;justify-content:flex-end}
.product-end .lines{font-size:12px;color:#626262}
.technolist{overflow:hidden}
.technolist li{text-align:center;margin-bottom:30px}
.technolist a{display:block;color:#000;background:#fff;padding-bottom:10px;position:relative}
.technolist .master{opacity:0;display:flex;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:center;justify-content:center;transition:.2s linear all}
.technolist .master span{width:50px;height:50px;background:#fff;border-radius:50%;font-size:30px;line-height:50px;margin-top:40px;transition:all .2s ease 0s}
.technolist .master span:hover{width:56px;height:56px;line-height:50px;color:#fff;background:0 0;border:2px solid #fff}
.techno-img{position:relative}
.techno-pro{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.techno-name{font-size:30px;text-transform:uppercase;font-weight:700;color:#000; font-family:font1-b }
.techno-desc{padding:5px 0}
.techno-pro img{max-height:100%;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.technolist li:hover .master{opacity:1;transition:all .2s ease 0s}
.technolist li:hover .master span{margin-top:0}
.technolist li:hover .techno-pro img{transform:scale(1.05)}
.case-line{border-left:1px solid #3a3a3a;padding-top:80px;position:relative}
.footer{padding:50px 0}
.footer-search{width:200px;height:30px;border:1px solid #666;border-radius:20px;display:flex;align-items:center;justify-content:center}
.footer-top{border-bottom:1px solid #c3c3c3;justify-content:space-between;padding-bottom:10px;line-height:30px;margin-bottom:30px}
.f-search-txt{width:160px;padding:2px 10px;height:30px;border:0;background:0 0}
.search-icon1{background:url(../images/search.png) no-repeat center;border:0;padding-left:15px}
.footer-nav{display:flex;justify-content:space-between;align-items:center;color:#666}
.footer-nav .footer-navs dl:first-child{padding-left:0}
.footer-nav dt{font-weight:700;color:#000;margin-bottom:25px}
.footer-nav dd a{color:#666;line-height:26px}
.footer-nav a:hover{color:#063982}
.address{white-space:nowrap}
.footer-copy{line-height:2.5}
.right-copy{padding:15px 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;margin-top:30px}
.location{padding:40px 0}
.location a{color:#666}
.location a.cur{color:#000}
.news-title{font-size:18px}
.news-desc{font-size:12px;color:#999;padding:10px 0}
.news-con{color:#666;border-bottom:1px solid #c3c3c3;padding-bottom:40px;margin-bottom:40px}
.newpage{display:flex;flex-wrap:wrap}
.new-prev-next{width:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:space-evenly;height:120px;flex-wrap:wrap;margin-bottom:15px}
.new-prev-next .flex-item{align-items:center}
.news-next-img{margin-right:20px}
.new-prev-next:hover{background:#033781;color:#fff;transition:.2s linear all}
.new-prev-next:hover .text-right p{color:#fff}
.new-prev-next:hover .flex-item p{color:#fff}
.newsd-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.slider-left li{margin-bottom:30px;padding-left:20px;height:14px;line-height:14px;border-left:1px solid #fff}
.slider-left li:hover{border-left:1px solid #033781}
.slider-left li.cur{border-left:1px solid #033781}
.slider-left a{color:#000}
.slider-left a:hover{color:#033781}
.slider-left li.cur a{color:#033781}
.ny-title-cn{font-size:18px}
.ny-title-eng{font-size:14px;color:silver; font-family:font2-s}
.honner-list{text-align:center;margin-top:30px}
.honner-list li{margin-bottom:50px}
.honner-img{position:relative}
.honnerimg{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.honner-date{font-size:30px;padding:15px 0 0 0;color:#000}
/*.honner-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}*/
.page-num a{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;color:#000}
.page-num a.cur,.page-num a:hover{color:#fff;background:#000;transition:.2s linear all}
.baoxiu{margin-top:30px;border-top:1px solid #c3c3c3;padding-top:30px;font-size:16px;min-height:200px}
.baoxiu li{margin-bottom:40px; padding:0; padding-right:15px;}
.baoxiu li:nth-child(2n){ padding-right:0 }
.baoxiu li strong{font-weight:700}
.ask span{border:1px solid #e4e4e4;text-align:center;width:90px;height:38px;line-height:38px;border-radius:20px;display:inline-block;margin:20px 20px}
.ask span.cur,.ask span:hover{background:#000;color:#fff;cursor:pointer;transition:.2s linear all}
.ask-title{font-size:18px;padding:40px 0}
.ask-content{max-width:600px;margin:0 auto;display:none}
.textarea-baoxiu{border:1px solid #c3c3c3;width:100%;padding:10px;margin:10px auto}

.btn-enter{border:1px solid #e4e4e4;text-align:center;width:90px;height:38px;line-height:34px;border-radius:20px;display:inline-block}
.btn-enter:hover{background:#000;color:#fff;cursor:pointer;transition:.2s linear all}
.btn-enter:hover a{ color:#fff }
.about-con li{display:flex;color:#b8b8b8;align-items:center;justify-content:space-between;position:relative}
.about-con li span{font-size:48px;display:block;min-width:90px;text-align:center}
.about-con li .aboutcons{min-width:120px}
.about-con li::after{display:block;width:1px;height:60%;background:#dedede;content:"";position:absolute;right:0;top:20%}
.about-con li:last-child::after{width:0}
.about-p1{font-size:18px}
.about-p2{font-size:14px;white-space:nowrap}
.case-list li{margin-top:30px;padding-bottom:10px}
.case-list li a{background:#f7f7f7;display:block;padding-bottom:40px;border:1px solid #fff;transition:all .5s}
.case-list li:hover>a{border-color:#c3c3c3}
.case-list .case-date{font-size:24px;color:#999;padding:25px 0 10px 0;position:relative}
.case-list li:hover .case-title{color:#033781}
.case-list .case-date::after{display:block;content:"";width:50px;height:3px;background:#999;position:absolute;left:50%;transform:translateX(-50%)}
.case-title{font-size:16px;padding:10px 0;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.case-content{color:#999;font-size:12px;margin-bottom:20px;height:60px;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.case-more{border:1px solid #000;color:#000;border-radius:15px;padding:2px 10px}
.case-con{padding:0 10px}
.newlist{padding-bottom:40px}
.newlist .news-img{padding-left:0}
.newlist .newlist-con{padding-right:50px;padding-top:20px}
.newlist .new-tit-top{padding-bottom:10px}
.newlist li{display:flex;align-items:center;margin-top:40px;flex-wrap:wrap;transition:all .3s}
.newlist li a{display:flex;align-items:center;color:#666}
.newlist li:hover{background:#f7f7f7}
.newlist .newlist-con p{transition:all .5s}
.newlist li:hover .newlist-con .new-tit{color:#033781}
.newlist .new-tit{font-size:14px;color:#666}
.newlist .new-tit-top{justify-content:space-between}
.newlist .new-date{font-size:12px}
.newlist .new-desc{border-top:1px solid #dfdfdf;padding:20px 0;margin-top:25px}
.pinpai-video{padding-top:40px}
.pinpai-video-img{position:relative}
.video-pinpai{position:absolute;left:0;top:0;width:100%;height:100%}
.online-center .center-list{padding-top:40px; margin:0 }
.online-center .center-list li{display:flex;justify-content:space-between;align-items:center}
.online-center .online-btn{border:1px solid #c3c3c3;border-radius:15px;font-size:12px;padding:2px 10px;color:#666;transition:all .3s}
.online-center .center-list li:hover .online-btn{color:#fff; background:#000 }
.online-center .online-name{font-weight:700;color:#000}
.privince{padding-top:40px}
.privince a{border:1px solid #c3c3c3;line-height:30px;padding:0 10px;display:inline-block;color:#666;border-radius:5px;margin-right:5px;margin-bottom:10px}
.offline-center h3{margin-bottom:35px;color:#000}
.offline-center .city{margin-bottom:20px;line-height:2}
.offline-center h4{color:#000}
.pinpai-honner .honner-form{width:440px;height:40px;border-radius:30px;border:1px solid #c3c3c3;margin:20px auto 100px;display:flex}
.pinpai-honner .search-product{width:80%;height:38px;padding:0 20px;border:0;border-radius:30px 0 0 30px}
.pinpai-honner .search-product-btn{width:20%;background:#000;color:#fff;border:0;border-radius:0 30px 30px 0}
.pinpai-honner h2{color:#000;margin-bottom:20px}
.pinpai-honner .rongyu-font{font-size:14px}
.pinpai-honner .tab{background:#eee;padding:20px;margin:90px auto}
.pinpai-honner .tab ul{display:flex}
.pinpai-honner .tab li{height:50px;line-height:50px;width:50%;text-align:center;background:#d9d9d9}
.pinpai-honner .tab li.on,.pinpai-honner .tab li:hover{background:#fff}
.pinpai-honner .tab li a{border-bottom:0;color:#666}
.pinpai-honner .tab li.on a,.pinpai-honner .tab li:hover a{border-bottom:3px solid #063982;color:#063982}
.pinpai-honner .tab .tab-con{background:#fff;padding:40px 20px}
.pinpai-honner .tab .tab-con-title{justify-content:space-between}
.guige h4{font-weight:700;border-bottom:1px solid #c3c3c3;padding:15px 0;margin-bottom:15px}
.guige p{display:flex;justify-content:space-between;font-size:14px;line-height:2}
.download{padding-top:30px;color:#666}
.download dt{display:flex;border:1px solid #c3c3c3;width:320px;height:100px;align-items:center;justify-content:start;float:left;margin-right:20px;margin-bottom:20px;padding:20px}
.download dt img{margin-right:15px}
.download dt:hover{border:1px solid #063982}
.contact{margin:90px auto}
.contact .conpany{font-size:16px}
.contact .contactp{line-height:2.5;color:#9f9f9f}
.contact-txt{border:0;border-bottom:1px solid #9f9f9f;width:90%;line-height:35px}
.contact-form{margin:80px auto 20px}
.contact-textarea{padding:15px 0;width:90%;margin-top:20px;border:0;border-bottom:1px solid #9f9f9f;margin-bottom:15px}
.contact-btn{width:100px;height:40px;color:#9f9f9f;border:1px solid #9f9f9f}
.licheng-cons{margin-top:50px}
.licheng-cons li{display:flex;align-items:center;position:relative;}
.licheng-cons .quan{display:block;width:15px;height:15px;/*border-radius:50%;border:2px solid #000;*/margin:0 5%;position:relative;z-index:3;
        flex: 0 0 15px;
}
.licheng-cons .licheng-date{font-size:30px;font-weight:700;color:#000}
/*.licheng-cons li:after{display:block;content:"";border-right:1px solid #eee;position:absolute;left:112px;top:0;height:100%;z-index:2}
*/



.product-h3{text-transform:uppercase;font-size:24px;color:#000; font-family:font1-b }
.product-h3-cn{font-size:16px}
.location-product{border-bottom:1px solid #c3c3c3;display:flex;justify-content:space-between;margin-bottom:40px}
.product-slider{border:1px solid #000;padding:20px}
.product-slider dl{margin-bottom:30px}
.product-slider dt{font-size:16px;font-weight:700;display:flex;justify-content:space-between;color:#000;margin-bottom:10px;cursor:pointer}
.product-slider dt a.meiyou ~ span{ display:none }
.product-slider dd{display:none}
.product-slider dl.cur dd{display:block}
.product-slider dd li a{color:#666;font-size:16px;line-height:2;padding-right:15px}
.product-slider dd li .zhong {background: url(../images/icon-sanjioa.png) no-repeat right center;color: #033781;}
.product-slider dd li a:hover{background:url(../images/icon-sanjioa.png) no-repeat right center;color:#033781}
.product-center{margin-top:40px;overflow:hidden}
.dt-icon{font-size:20px; display:inline-block; width:12px; text-align:center }
.b-pro-title{ text-align:center; color:#000; font-family:font1-b }
.product-list .b-pro-title{ font-size:24px }
.pro-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666}
.products-list li{margin-bottom:30px;padding-bottom:20px}
.products-list li:hover{box-shadow:0 0 5px rgba(0,0,0,.1)}
.prod h2{font-size:16px;padding:10px 0;color:#000}
.prod ul li{line-height:2}
.prod .product-color{border-top:1px solid #c3c3c3;padding-top:30px;margin-top:30px}
.prod .product-color li{width:18px;height:18px;border-radius:50%;margin-right:8px;display:inline-block;transition:.5s linear all;cursor:pointer}
.prod .product-color li.on{border:1px solid #000}
.prodetail-title{background:#f6f6f6;text-align:center;margin-top:50px}
.prodetail-title li{height:60px;line-height:60px;display:inline-block;padding:0 30px}
.prodetail-title li.on,.prodetail-title li:hover{background:#063982;color:#fff}
.pro-video{position:relative}
.pro-video .video-product{position:absolute;left:0;top:0;width:100%;height:100%}
.product_chac{text-align:center;padding:50px 0;position:relative;overflow:hidden}
.product_chac h3{font-size:16px;padding:15px 0}
.product_chac .next,.product_chac .prev{font-size:20px;background:#063982;color:#fff;padding:2px 5px;position:absolute;top:50%;transform:translateY(-50%)}
.product_chac .prev{left:0}
.product_chac .next{right:0}
.product_chac .list-con{font-size:14px;position:relative;padding-bottom:20px}
.product_chac .list-con::after{display:block;content:"";position:absolute;left:50%;width:100px;height:3px;background:#000;transform:translateX(-50%);bottom:0}
.list-pro{background:#f1f1f1;color:#000}
.list-pro .col-sm-8{padding-right:0}
.list-pro2 .col-sm-8{padding-left:0}
.list-prod{padding-bottom:20px;position:relative}
.list-prod::after{display:block;content:"";width:100px;position:absolute;left:50%;transform:translateX(-50%);bottom:0;height:3px;background:#000}
.pro-txt{display:flex;align-items:center;justify-content:center}
.bg-f1{background:#f1f1f1}
.slider-right{width:40px;height:121px;position:fixed;border:1px solid #ddd;right:2%;bottom:150px;background:#fff;z-index:99}
.slider-right li{position:relative;height:40px;border-bottom:1px solid #ddd;line-height:40px;position:relative;text-align:center;line-height:40px}
.slider-right li#backTop{ cursor:pointer }
.slider-right .qrcode{position:absolute;width:120px;left:-130px;top:50%;transform:translateY(-50%);max-width:120px;display:none}
.slider-right li:hover .qrcode{display:block}
.banner-prev-next{position:absolute;left:50%;top:0;height:100%;transform:translateX(-50%);z-index:99}
.custom .swiper-pagination-bullet{width:50px;height:6px!important;border-radius:0;background:#fff;opacity:.7}
.custom .swiper-pagination-bullet-active{opacity:1}
.footer-code{justify-content:flex-end}
.footer-code .f-qrcode{margin-left:20px;position:relative}
.footer-code .f-qrcode:hover .code-img{display:block}
.footer-code .code-img{position:absolute;left:-37px;top:-120px;width:100px;max-width:100px;display:none}
.videolist{background:#000;padding:20px 0 0 0}
.videolist li{position:relative;margin-bottom:20px}
.videolist li .video-img{width:100%;max-width:100%}
.videolist li .player-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}


/*--修改线上--*/
.page_online{ position:relative }
.page_online .choose_city select{ width:100%; max-width:200px;}
.page_online .choose_city{ margin-bottom:3% }
.page_online .province .title{ padding-bottom:30px; border-bottom:1px solid #9b8f5b; max-width:90px; margin-bottom:20px;  }
.page_online .province .list{ position:relative; }
.page_online .province .list li{
	float:left;
	border: 1px solid #c3c3c3;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    color: #666;
    border-radius: 5px;
    margin-right:2.5%;
    margin-bottom: 10px;
}
.page_online .province .end_line{ border-bottom:1px solid #9b8f5b; max-width:90px; margin-top:40px;  }

/*--修改线上ENd--*/

.for_help{ font-size:20px; text-align:center; font-weight:bold; display:none }


@media (min-width:768px){
	.container{width:100%}
	.logo img{width:170px}
	.nav_list{position:static;padding:10px 0}
	.nav_list li{float:left;padding:30px 20px;height:50px;font-size:14px;line-height:50px}
	.nav_list li img.video-img{width:100%}
	.nav_list dl{position:absolute;left:-10%;top:122px; top:calc(100% + 1px ) ; z-index:999;width:120%;background:#fff;display:none;line-height:40px}
}
@media (min-width:992px){
	.container{width:970px}
	.logo img{width:160px}
	.nav_list li{padding:0 20px}
}
@media (min-width:1200px){.nav-top{height:120px;line-height:120px}
.container{width:1200px}
.logo img{width:180px}
.nav_list{padding:0;height:120px}
.nav_list li{height:120px;line-height:120px}
.banner .des{bottom:80px}
.banner .title{font-size:18px}
.banner .title-des{font-size:12px;padding:10px 0}
.banner .btn{width:100px;padding:0 20px;height:26px;line-height:26px}
}
@media (max-width:856px){.rows{background:0 0}
}
@media (max-width:768px){
	body{font-size:12px}
	header{position:fixed;z-index:101}
	.navbg{border:0;margin-bottom:10px}
	.product-up{top:105px}
	.nav-top{padding:0}
	.close-nav{overflow:hidden;padding:5%}
	.close-nav span{position:relative;float:right;width:42px;height:42px;border-radius:50%;background-color:#fff;overflow:hidden;line-height:1000px}
	.close-nav span::after,.close-nav span::before{position:absolute;content:"";left:25%;top:50%;margin-top:-2px;width:50%;height:4px;border-radius:4px;background-color:#0d4987;transform:rotate(45deg)}
	.close-nav span::after{transform:rotate(-45deg)}
	.headerfix{height:65px}
	.container{padding-left:5px;padding-right:5px;width:100%}
	.navbtns{position:absolute;top:-15px;right:-10px;transform:scale(.7)}
	.nav_btn:focus{outline:0}
	.nav_btn{position:relative;display:block;overflow:hidden;margin:0;padding:0;width:80px;height:80px;border:none;border-radius:none;background:0 0;box-shadow:none;text-indent:-9999px;font-size:0;cursor:pointer;-webkit-transition:background .3s;transition:background .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}
	.nav_btn span{position:absolute;top:44px;right:18px;left:18px;display:block;height:5px;background:#d2d2d2}
	.nav_btn span:after,.nav_btn span:before{position:absolute;left:0;display:block;width:100%;height:5px;background-color:#d2d2d2;content:"";-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s;-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s}
	.nav_btn span:before{top:-13px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
	.nav_btn span:after{bottom:-13px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
	.nav_btn span{-webkit-transition:background 0s .3s;transition:background 0s .3s}
	.nav_btnp.active span{background:0 0}
	.nav_btnp.active span:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
	.nav_btnp.active span:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
	.nav_btnp.active span:after,.nav_btnp.active span:before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
	.logo img{width:160px;padding:5px 0}
	.push{position:relative;z-index:2;background:#fff}
	.nav_moblie{position:fixed;top:0;right:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.8);box-sizing:border-box;transform:translateX(100%);transition:transform .2s}
	.nav_moblie ul li{font-size:14px;line-height:41px}
	.nav_moblie ul li:last-child{border-bottom:0}
	.nav_moblie ul a{display:block;border-bottom:1px solid rgba(255,255,255,.4);color:#fff;line-height:40px}
	.nav_moblie ul a:hover{border-color:#000;background:#ccc;transition:all .5s linear}
	.open .nav_moblie{overflow-y:auto;box-shadow:inset 1px 0 0 rgba(0,0,0,.1);-webkit-transition:-webkit-transform .5s;transition:.2s transform;display:block;transform:translateX(0)}
	.push{transition:.2s linear all}
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-left:5px;padding-right:5px}
	.nav-top .pull-left{float:none!important;display:block;text-align:left;padding-left:10px}
	.nav-top .pull-left img{padding-top:10px}
	.search{width:80%;margin:10px auto}
	.search-form{display:flex}
	.search-txt{width:80%;height:30px;line-height:30px}
	.search-btn{width:20%;height:30px;background:url(../images/search.png) no-repeat center}
	.btn-prev{width:30px}
	.btn-next{width:30px}
	.index-news{padding:20px 10px 15px 10px}
	.row{margin-left:0;margin-right:0}
	.index-newlist li{margin-bottom:10px}
	.title-china{display:block;margin-top:10px}
	.product-type{margin-top:20px}
	.product-type li{padding:5px 10px;font-size:12px}
	.product-name{font-size:14px;color:#666}
	.product_li{
		width:48%;
		min-height:377px;
		padding:0px;
		margin:10px 1% 20px 1%;
	}
	.b-pro-title{
		height: 85px;
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	}
	.b-pro-title999{
		height: 85px;
	    display: inline;
	    vertical-align: middle;
	    text-align: center;
	    margin-top:10px;
	}
	.pro-img{
		display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	}
	.baoxiu li{
		padding-right:0px;
	}
	.product-list li{border-color:#c3c3c3;margin-bottom:5px;}
	.techno-list-title{display:block}
	.techno-title{font-size:18px}
	.techno-product-center .product-end{ opacity:0; visibility:hidden }
	.techno-product-center{padding-top:40px}
	.techno-pro img{max-height:100%}
	.address{white-space:pre-line}
	.footer-nav{flex-wrap:wrap}
	.footer-navs{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start}
	.footer-navs dl{width:32%;text-align:center;padding-top:10px}
	.footer-nav dt{margin-bottom:5px}
	.footer-copy{text-align:center;width:100%}
	.footer{padding:25px 0 0 0}
	.title-eng{font-size:18px}
	/*.new-img{max-height:95px;}*/
	.index-news .new-title{font-size:13px;min-height:50px;}
	.index-news .new-decs{font-size:12px;min-height:140px;}
	.product-center{margin-top:20px}
	.swiper-pagination-bullet{height:35px!important}
	#product_list .swiper-pagination-bullet-active,.swiper-pagination1 .swiper-pagination-bullet-active{border:none!important}
	.title-product{margin-bottom:30px}
	.location{padding:20px 0}
	.new-prev-next{width:100%;height:60px}
	.new-prev-next:last-child{flex-wrap:wrap-reverse}
	.case-line{padding-top:10px;border-left:0}
	.techno-list-title{height:auto;border-bottom:0}
	.techno-product-center .swiper-pagination-bullet{line-height:35px!important}
	.swiper-pagination2{padding-top:20px}
	.case-line::after{display:none}
	.honner-date{font-size:20px}
	.index-logo{padding:5px}
	.baoxiu{margin-top:20px;padding-top:20px;font-size:14px}
	.baoxiu li{margin-bottom:15px}
	.ask-title{padding:25px 0}
	.about-con li::after{width:0}
	.case-list li{margin-top:15px}
	.case-title{font-size:14px}
	.case-list .case-date{font-size:15px;padding:5px 0}
	.case-list li a{padding-bottom:15px}
	.newlist{padding-bottom:20px}
	.newlist li{margin-top:10px}
	.newlist .news-img{display:none}
	.newlist .new-desc{border-top:1px solid #dfdfdf;padding:10px 0;margin-top:15px}
	.newlist .newlist-con{padding:10px}
	.pinpai-honner .honner-form{width:95%}
	.pinpai-honner .tab{margin:20px auto}
	.contact{margin:40px auto}
	.contact-form{margin:40px auto 10px}
	.contact-btn,.contact-textarea,.contact-txt{width:100%}
	.products-list li .text-right{text-align:center}
	.product-slider dl{margin-bottom:10px}
	.location-product{flex-wrap:wrap}
	.product_chac h3{font-size:13px}
	.product_chac .list-con{font-size:12px}
	.pro-txt{padding:20px}
	.list-pro2{flex-wrap:wrap-reverse}
	.tab{padding:15px!important}
	.guige p{font-size:12px}
	.pinpai-honner .tab .tab-con{padding:20px 10px}
	.licheng-cons{margin-top:20px}
	.slider-right{display:none;right:20px}

	.honner-list li{
		height:277px;
	}
}
@media (max-width:767px){
	.slider-left{display:flex}
}
.attribute-list{text-align:center;padding-top:5px;clear:both}
.list-color{margin:0;padding:0;display:inline-block}
.list-color li{margin:0 6px;padding:2px;border:1px #ccc solid;display:inline-block;border-radius:100%;float:left}
.list-color li i{width:8px;height:8px;display:block;border-radius:100%;cursor:pointer}



@media (max-width: 767px) {
  .page-num{ text-align:center }
  .custom .swiper-pagination-bullet{ height:2px !important; width:35px }
  .technolist .master{ display:none !important }
}

.content_history{ height:400px }
.prod .swiper-container .swiper-button-next,
.prod .swiper-container .swiper-button-prev{ display:none; transition:all .3s; }
.prod .swiper-container:hover .swiper-button-next,
.prod .swiper-container:hover .swiper-button-prev{ display:block; }

.index-news .swiper-container-initialized .row{ margin:0 }




@media(max-width:768px){
    

    
}