/*!

 * @ Description: custom style

 * @ Author: weiwei

 * @ Date: 2018-05-24;

 */



/*

 **********************

 * common style 

 ********************** 

 * 网站头部

 ********************** 

 * 菜单

 **********************

 * 底部COPYRIGHT

 ********************** 

 * 首页样式

 **********************

 * 内页样式

 **********************

*/



/* common style */

html{background:#FFF;color:#000; font-size: 10px; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{font-family: "Microsoft YaHei"; margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

/*******CSS reset*************/

body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}

.fl{float:left;}

.fr{float:right;}

.clear{clear:both;}

.page{margin:2rem;}

.main{ overflow: hidden; margin:25px auto; }

.title{	height: 66px; line-height: 66px; overflow: hidden; margin-bottom: 20px; background: url(../img/tit_line.png) no-repeat left bottom; }

.title h3 strong{ font-size: 28px; color: #01a6ff; font-weight: bold; line-height: 60px; margin-left: -15px; }

.title .right{ text-align: right; color: #333333; }

.title .right p, .title .right a{ font-size: 14px; color: #333333; }

.title a:hover{ color: #01a6ff; }

.article p{ font-size: 16px; color: #6b6b6b; line-height: 30px; }

.article h1{ text-align: center; font-size: 20px; font-weight: bold; line-height: 46px; }

.article b{ text-align: center; font-size: 20px; font-weight: bold; line-height: 46px; }

.article .meta_info1{ text-align: center;}
.article .meta_info{ text-align: center; border-top:1px dotted #ccc; padding-top: 15px; }

.down{width: 100%; height: 52px; background:#211f1f; color: #ffffff; font-size: 16px; position: fixed; bottom: 0; display: block; z-index: 9999;}

.down li{width: 24.7%; border-right: solid 1px #ffffff; text-align: center; line-height: 15px; float: left; padding-top: 4px; height: 52px; list-style:none;}

.down li a{color: #ffffff;}

.down .current{border-right: none;}

.down li img{max-width: 25px;height: 25px;}

@media(min-width: 768px){ .footer{margin-bottom: 0}	.down{display: none;} }

.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}

.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#00bdff;line-height: 45px;margin-top:1px;}

.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.plugin-fixed-call .child a{display: inline-block; overflow: hidden;}

.plugin-fixed-call .child:hover{width:160px;background: #000;}

.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}

.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}

.plugin-fixed-call .fixedQQ{bottom:92px;}

.plugin-fixed-call .fixedCall{bottom:46px;}

.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}

.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}

.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#00bdff;line-height: 45px;margin-top:1px;}

.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}

.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}

.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}

.p_order{ background: #f1f1f1; padding:15px; overflow: hidden; margin-top: 20px; }

.order-content{padding: 20px 30px; background: #fff;}

.order-content .order-line{color: #333; height: 30px; line-height: 30px; margin-bottom: 12px; font-size: 14px;}

.order-content .order-line:after{display: block; content: ''; clear: both; height: 0; width: 0;}

.order-content .order-line lable{width: 70px; margin-right: 5px; display: inline-block; float: left; text-align: right;}

.order-content .order-line .order-zhi{float: left; padding: 10px; line-height: 30px; padding: 0px 10px; max-width: 380px; border: 1px solid #d2d2d2;}

.order-content .order-line .order-zhi.noborder{border:none;}

.order-content .order-line .order-zhi.overword{height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.order-line.bz-line{height: auto;}

.order-content .order-line .beizhu{padding: 10px; float: left; border: 1px solid #d2d2d2;}

.order-content .order-line .dwid{width: 70%;}

.order-content .order-line img{display: inline-block; float: left; margin-left:15px;}

.order-content .go-sub{margin-left:70px; border: none; color: #fff; background: #ff5e25; font-size: 14px; padding: 8px 28px; margin-top:8px; border-radius: 5px; outline: none;}

.order-content .go-sub:hover{background: #FE4200;}

.go_order{padding: 8px 25px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff5e25; border: none; margin-top: 30px; outline: none;}

.go_order:hover{background: #FE4200;}

.videosamplex{ height: 460px; }

/* 自定义样式 */

a:hover{ text-decoration: none; }

.container{ padding-left: 0; padding-right: 0; }

/* 网站头部 */

.h-tool{ line-height: 30px; background: #2b323c;  }

.h-tool p{ font-size: 14px; color: #ffffff; margin-left: -15px; }

.h-tool h1{ font-size: 14px; color: #ffffff; margin-left: -15px; padding-top: 5px;}

.h-tool a:last-child{ margin-right: -15px; }

.h-tool a{ font-size: 14px; color: #ffffff; display: inline-block; line-height: 14px; margin-top: 9px; }

.h-tool a + a{ margin-left: 14px; padding-left: 14px; border-left: 1px solid #fff; }

.h-tool a:hover{ color: #ef2616; }

.h-top{ padding:42px 0; background: #fff; }

.h-top .tel img{ float: right; }

.h-menu{ height: 54px; line-height: 54px; overflow: hidden; background: -webkit-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%); background: -o-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%); background: -moz-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%); background: repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%); }

.h-menu ul{ overflow: hidden; }

.h-menu li{ width: 146px; float: left; text-align: center; box-sizing: border-box; border-right: 1px solid #fff; }

.h-menu li:first-child{ border-left: 1px solid #fff; }

.h-menu li a{ display: block; color: #333333; font-size: 16px; transition: all .3s; }

.h-menu li:first-child a:hover{ padding-left: 32px; background: #2ca9df url(../img/ico-home.png) no-repeat 26px center; }

.h-menu li a:hover{ background: #2ca9df; color: #fff; }

/* banner */

#banner img{ width: 100%; }

/* 首页产品 */

.m-pro{ overflow: hidden; }

.m-pro .hd{ text-align: center; padding:36px 0 2px;margin-bottom: 20px; }

.m-pro .hd h3{ font-size: 30px; font-weight: bold; font-weight: bold; letter-spacing: 6px; line-height: 1; }

.m-pro .hd b{ font-size: 30px; font-weight: bold; font-weight: bold; letter-spacing: 6px; line-height: 1; }

.m-pro .hd span{ display: block; height: 20px; background: url(../img/pro-span.jpg) no-repeat center; margin:10px 0 6px; }

.m-pro .hd p{ display: inline-block; font-size: 14px; color: #999999; border:1px solid #cfcfcf; padding:7px 10px; }

#pro{ overflow: hidden; }

.pro-bd li{ overflow: hidden; margin-bottom: 20px; }

.pro-bd li .img, #pro .swiper-slide .img{ width: 100%; height: 200px; position: relative; overflow: hidden; }

.pro-bd li .img:after, #pro .swiper-slide .img:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(44,167,226,.7); position: absolute; left: 0; top: 100%; transition: all .3s; }

.pro-bd li .img span, #pro .swiper-slide .img span{ position: absolute; transition: all .3s; top:150%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding:8px 26px; border:1px solid #fff; font-size: 14px; color: #ffffff; z-index: 3; }

.pro-bd li:hover .img:after, #pro .swiper-slide:hover .img:after{ top:0; }

.pro-bd li:hover .img span, #pro .swiper-slide:hover .img span{ top:50%; }

.pro-bd li img, #pro .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }

.pro-bd li .txt, #pro .swiper-slide .txt{ overflow: hidden; padding-top: 4px; }

.pro-bd li .txt h3, #pro .swiper-slide .txt h3{ font-size: 16px; color: #454545; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-bd li .txt b, #pro .swiper-slide .txt b{ font-size: 16px; color: #454545; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pro-bd li .txt p, #pro .swiper-slide .txt p{ font-size: 14px; color: #999999; line-height: 26px; }

#pro .swiper-button-prev, #pro .swiper-button-next{ width: 28px; height: 28px; margin-top:0; background-size: 28px; top:0; }

#pro .swiper-button-next{ background-image: url(../img/btn_r.jpg); right:0; }

#pro .swiper-button-prev{ background-image: url(../img/btn_l.jpg); left:95%; }

#pro .swiper-button-next:hover{ background-image: url(../img/btn_r_h.jpg); }

#pro .swiper-button-prev:hover{ background-image: url(../img/btn_l_h.jpg); }

/* 公司简介 */

.m-about{ background: #eeeeee; padding:40px 0; overflow: hidden; margin:20px 0 50px; }

.about-tit{ border:2px solid #5f5f5f; height: 55px; margin-bottom: 30px; line-height: 50px; }

.about-tit h3{ width: 94%; background: #eeeeee; margin:12px auto 0; padding:0 28px; font-size: 32px; color: #333333; font-weight: bold; box-sizing: border-box; line-height: 50px; }

.about-tit h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 15px; line-height: 50px; }


.about-tit b{ width: 94%; background: #eeeeee; margin:12px auto 0; padding:0 28px; font-size: 32px; color: #333333; font-weight: bold; box-sizing: border-box; line-height: 50px; }

.about-tit b span{ font-size: 36px; text-transform: uppercase; margin-left: 15px; line-height: 50px; }

.intro p{ font-size: 14px; color: #656565; line-height: 30px; }

.intro p a{ font-size: 14px; color: #0784bc; }

.intro a:hover{ color: #ef2616; }

.intro > a{ display: block; height: 33px; background: url(../img/msg_bg.png) no-repeat left center; margin-top: 25px; line-height: 33px; padding-left: 80px; font-size: 16px; color: #fff; }

/* 新闻资讯 */

.m-news{ overflow: hidden; }

.m-news .hd{ text-align: center; background: url(../img/case-hd.png) no-repeat center;  }

.m-news .hd h3{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 10px; }

.m-news .hd h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }

.m-news .hd b{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 10px; }

.m-news .hd b span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }

.m-news .hd p{ font-size: 14px; color: #999999; padding:8px 12px; border:1px solid #cfcfcf; display: inline-block; }

.news-tit{ border:2px solid #5f5f5f; text-align: center; padding:18px; margin-top: 16px;  }

.news-tit h3{ width: 94%; font-size: 32px; color: #333333; font-weight: bold; margin: -36px 0 16px; background: #fff; }

.news-tit h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; }

.news-list, .news-list ul{ overflow: hidden; }

.f-news{ overflow: hidden; clear: both; margin-bottom: 12px; display: block; }

.f-news img{ width: 50%; float: left; height: 108px; object-fit: cover; }

.f-news div{ width: 50%; box-sizing: border-box; padding:8px; float: left; }

.f-news div h3{ font-size: 20px; color: #4a4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 18px; }

.f-news div p{ font-size: 14px; color: #6f6f6f; }

.news-list{ overflow: hidden; padding:13px 0; border-bottom: 1px solid #cccccc; }

.news-list li{ height: 40px; line-height: 40px; background: url(../img/i_news.png) no-repeat left center; padding-left: 12px; overflow: hidden; }

.news-list li h3{ width: 70%; float: left; font-size: 14px; color: #6f6f6f; line-height: 40px; }

.news-list li h2{ width: 70%; float: left; font-size: 14px; color: #6f6f6f; line-height: 40px; }

.news-list li span{ width: 30%; float: right; text-align: right; font-size: 14px; color: #6f6f6f; line-height: 40px; }

.news-list li:hover{ background: url(../img/i_news_h.png) no-repeat left center; }

.news-list li:hover h3, .news-list li:hover span{ color: #00638b; }

/* 成功案例 */

.m-honor{ overflow: hidden; margin:72px 0 38px; }

.m-honor .hd{ text-align: center; background: url(../img/case-hd.png) no-repeat center;  }

.m-honor .hd h3{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 10px; }

.m-honor .hd h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }

.m-honor .hd b{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 10px; }

.m-honor .hd b span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }

.m-honor .hd p{ font-size: 14px; color: #999999; padding:8px 12px; border:1px solid #cfcfcf; display: inline-block; }

#honor{ padding-top: 40px; overflow: hidden; padding-bottom: 38px; }

#honor .swiper-slide .img{ width: 100%; height: 200px; position: relative; overflow: hidden; }

#honor .swiper-slide .img:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(44,167,226,.7); position: absolute; left: 0; top: 100%; transition: all .3s; }

#honor .swiper-slide .img span{ position: absolute; transition: all .3s; top:150%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding:8px 26px; border:1px solid #fff; font-size: 14px; color: #ffffff; z-index: 3; }

#honor .swiper-slide:hover .img:after{ top:0; }

#honor .swiper-slide:hover .img span{ top:50%; }

#honor .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }

#honor .swiper-slide h3{ font-size: 16px; color: #454545; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; text-align: center; padding:0 10px; }
#honor .swiper-slide h2{ font-size: 16px; color: #454545; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; text-align: center; padding:0 10px; }

#honor .swiper-button-prev, #honor .swiper-button-next{ width: 28px; height: 28px; margin-top:0; background-size: 28px; top:0; }

#honor .swiper-button-next{ background-image: url(../img/btn_r.jpg); right:0; }

#honor .swiper-button-prev{ background-image: url(../img/btn_l.jpg); left:95%; }

#honor .swiper-button-next:hover{ background-image: url(../img/btn_r_h.jpg); }

#honor .swiper-button-prev:hover{ background-image: url(../img/btn_l_h.jpg); }

#honor .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0; }

#honor .swiper-pagination-bullet{ width: 12px; height: 12px; background: #9b9b9b; padding:2px; border:2px solid #f1f1f1; }

#honor .swiper-pagination-bullet-active{ background: #0a85c0; border-color: #d0d2cf; }
/* 成功案例 */

.m-case{ overflow: hidden; margin:72px 0 38px; }

.m-case .hd{ text-align: center; background: url(../img/case-hd.png) no-repeat center;  }

.m-case .hd h3{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 10px; }

.m-case .hd h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }


.m-case .hd b{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 10px; }

.m-case .hd b span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }

.m-case .hd p{ font-size: 14px; color: #999999; padding:8px 12px; border:1px solid #cfcfcf; display: inline-block; }

#case{ padding-top: 40px; overflow: hidden; padding-bottom: 38px; }

#case .swiper-slide .img{ width: 100%; height: 200px; position: relative; overflow: hidden; }

#case .swiper-slide .img:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(44,167,226,.7); position: absolute; left: 0; top: 100%; transition: all .3s; }

#case .swiper-slide .img span{ position: absolute; transition: all .3s; top:150%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding:8px 26px; border:1px solid #fff; font-size: 14px; color: #ffffff; z-index: 3; }

#case .swiper-slide:hover .img:after{ top:0; }

#case .swiper-slide:hover .img span{ top:50%; }

#case .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }

#case .swiper-slide h3{ font-size: 16px; color: #454545; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; text-align: center; padding:0 10px; }

#case .swiper-slide h2{ font-size: 16px; color: #454545; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; text-align: center; padding:0 10px; }

#case .swiper-button-prev, #case .swiper-button-next{ width: 28px; height: 28px; margin-top:0; background-size: 28px; top:0; }

#case .swiper-button-next{ background-image: url(../img/btn_r.jpg); right:0; }

#case .swiper-button-prev{ background-image: url(../img/btn_l.jpg); left:95%; }

#case .swiper-button-next:hover{ background-image: url(../img/btn_r_h.jpg); }

#case .swiper-button-prev:hover{ background-image: url(../img/btn_l_h.jpg); }

#case .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0; }

#case .swiper-pagination-bullet{ width: 12px; height: 12px; background: #9b9b9b; padding:2px; border:2px solid #f1f1f1; }

#case .swiper-pagination-bullet-active{ background: #0a85c0; border-color: #d0d2cf; }

/* 侧边栏 */

.s-type{ width: 100%; overflow: hidden; }

.s-type h3{ height: 60px; line-height: 60px; background: #01a6ff; font-size: 26px; color: #fefefe; font-weight: bold; text-align: center; }

.s-type ul{ overflow: hidden; }

.s-type li{ height: 43px; line-height: 43px; border:1px solid #e9e9e9; text-align: center; }

.s-type li+li{ border-top:0; }

.s-type li a{ font-size: 14px; color: #333333; transition: all .3s;  }

.s-type li:hover a{ background: url(../img/ico-sli.png) no-repeat left center; padding-left: 26px; color: #01a6ff; }

/* 底部信息 */

.f-nav{ height: 58px; line-height: 58px; background: url(../img/f-nav.jpg) no-repeat center; }

.f-nav li{ width: 12.5%; float: left; text-align: center; box-sizing: border-box; }

.f-nav li a{ display: block; font-size: 16px; color: #454545; }

.f-nav li a:hover{ color: #0385ba; }

.f-logo{ line-height: 100px; overflow: hidden; height: 100px; }

.f-logo img{ vertical-align: middle; }

.f-logo > div{ float: right; height: 100px; line-height: 1; padding:28px 0 0; }

.f-logo > div p{ font-size: 14px; color: #313131; list-style: 1; margin-bottom: 10px; }

.f-logo > div a{ display: inline-block; height: 31px; line-height: 31px; background: #159f4a url(../img/email_bg.jpg) no-repeat left center; padding-left: 42px; width: 177px; box-sizing: border-box; font-size: 14px; color: #ffffff; }

.f-copy{ height: 220px; background:url(../img/f-copy.jpg) no-repeat center; }

.f-copy .txt{ text-align: center; padding-top: 38px; } 

.f-copy .txt p{ font-size: 14px; color: #6c7176; line-height: 30px; }

.f-ewm img{ width: 95px; margin: 12px 20px 0 0; float: right; }

footer a:hover{ color: #ef2616; }

/* 内页文章样式 */

.info-hd{ clear: both; overflow: hidden; }

.info-hd h1{ font-size: 20px; color: #01a6ff; font-weight: bold; line-height: 1.5; margin-bottom: 8px; }

.info-hd p{ line-height: 44px; border-bottom: 1px dotted #cecece; height: 44px; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.info-hd p span{ font-size: 16px; color: #454545; }

.info-bd{ overflow: hidden; border:1px solid #e9e9e9; padding:17px; margin-top: 20px; }

.info-bd .tit{ height: 42px; list-height: 42px; border-bottom: 1px solid #b0b0b0; margin:-17px -17px 25px; }

.info-bd .tit h3{ display: inline-block; line-height: 42px; background: #01a6ff; padding:0 36px; font-size: 16px; color: #ffffff; }

#prev_next{ background: #efefef; border:1px solid #cccccc; padding:12px 15px; overflow: hidden; margin:20px 0; }

#prev_next li{ font-size: 14px; color: #333333; }

/* 新闻列表 */

.news li{padding: 10px; border-bottom: 1px dotted #ccc;}

.news li h3{font-size: 20px;margin-bottom: 10px;}

.news li b{font-size: 20px;margin-bottom: 10px;}

.news li p{font-size: 14px; color: #848282; line-height: 22px; padding-left: 20px;}

.news li:hover{background: #f0f0f0;}

.news li:hover h3{ color: #01a6ff; }

.news li:hover b{ color: #01a6ff; }

.btn-primary{ background-color: #01a6ff; border-color: #01a6ff; }

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

	.h-menu li{ width: 120px; }

	.h-menu li:first-child a:hover{ padding-left: 0; background: #2ca9df; }

	#banner img{ height: 320px; object-fit: cover; }

	#pro .swiper-button-prev, #case .swiper-button-prev{ left: 94%; }

	.m-about .img img{ max-width: 100%; height: auto; object-fit: cover; }

	.about-tit h3 img{ display: none; }

	.news-tit img{ max-width: 100%; }

	.news-tit h3{ text-align: center; }

	.news-tit h3 span{ margin-left: 0; }

	.news-list{ padding:8px 0; }

	.news-list li h3{ width: 66%; }

	.news-list li h2{ width: 66%; }

	.news-list li span{ width: 32%; }

}

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

	.h-menu{

		height: auto;

		background: -webkit-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%);

		background: -o-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%);

		background: -moz-repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%);

		background: repeating-linear-gradient(#e5e5e5 0%, #e5e5e5 50%, #d7d7d7 50%, #d7d7d7 100%);

	}

	.h-menu li{ width: 25%; }

	.h-menu li:nth-child(5){ border-left: 1px solid #fff; }

	#pro .swiper-button-prev, #case .swiper-button-prev{ left: 92%; }

	.intro > a{ background-repeat: right center; }

	.m-about .img img{ width: 100%; object-fit: cover; margin-top: 15px; }

	.about-tit h3{ text-align: center; }

	.f-ewm{ display: none; }

	#banner img{ height: 260px; }

	.h-tool p{ margin-left: 0; }

	.s-type li{ width: 50%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	.s-type li:nth-child(even){ border-left: 0; }

	.pro-bd li .img, #pro .swiper-slide .img{ height: 240px; }

	.btn-primary{ margin:10px 0; }

}

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

	.h-tool .text-right{ display: none; }

	.h-tool p{ text-align: center; }

	.h-top .tel{ display: none; }

	.h-top{ padding:25px 0; }

	.brand{ text-align: center; display: block; overflow: hidden; }

	.brand img{ display: inline-block;  }

	#pro .swiper-button-prev, #case .swiper-button-prev{ left: 90%; }

	.m-about{ margin-bottom: 0; }

	.news-list li h3{ width: 62%; }

	.news-list li h2{ width: 62%; }

	.news-list li span{ width: 38%; }

	.news-tit{ border: none; position: relative; }

	.news-tit:after{ content: ""; display: inline-block; border:0; height: 2px; background: #5f5f5f; width: 100%; position: absolute; top:50%; left: 0; margin-top: -4px; }

	.news-tit h3{ margin-top: 0; background: #fff; position: relative; z-index: 3; display: inline-block; width: 65%; }

	.news-tit img{ display: none; }

	.pro-bd li .img span, #pro .swiper-slide .img span, #case .swiper-slide .img span{ padding:8px 15px; }

	.f-logo img{ max-width: 100%; }

	.brand img{ max-width: 80%; }

	.h-menu li{ line-height: 46px; }

	#banner img{ height: 220px; }

}

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

	.pro-bd li .img, #pro .swiper-slide .img{ height: 200px; }

	.brand img{ max-width: 90%; }

	#banner img{ height: 140px; }

	#pro .swiper-button-prev, #case .swiper-button-prev{ left:0; }

	.m-news .container > div{ width: 100%; }

	.f-nav{ display: none; }

	.f-logo{ text-align: center; }

	.f-logo img{ max-width: 90%; }

	#case,#pro{ margin-top: 15px; }

	.m-case{ margin: 20px 0; }

	.f-copy .txt{ background: #2b2f38; height: 230px; }

	.news-tit h3 span, .about-tit h3 span, .m-case .hd h3 span{ display: none; }

	.pro-bd li .img span, #pro .swiper-slide .img span, #case .swiper-slide .img span{ padding:8px; }

	.videosamplex{ height: 200px; }

}

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

	.pro-bd li .img, #pro .swiper-slide .img{ height: 160px; }

	.f-copy .txt{ padding-top: 18px; }

	.h-tool{ display: none; }

}