/*!
 * @ 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:Arial, Helvetica, sans-serif; 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;}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;}

.title{	height: 66px; line-height: 66px; overflow: hidden; margin-bottom: 20px; }
.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 p img{ max-width: 100%; }
.article h1{ text-align: center; font-size: 20px; font-weight: bold; line-height: 46px; }
.article .meta_info{ text-align: center; margin-top: 15px; 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;}


.position-about{height: 60px;
	line-height: 66px;
	overflow: hidden;
	margin-bottom: 20px;
	/*background:url(../img/tit_line.png) no-repeat left bottom; margin-top: 0px;*/





}

	.position .home{ font-weight: normal !important; color: rgb(31,133,184) !important;}
@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;}
/* 自定义样式 */
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 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:20px 0; background: #fff; }
.h-top .tel img{ float: right; margin-top: 10px; }
.h-menu{ height: 50px; line-height: 50px; 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%);
width:100%; z-index: 1000; }
.h-menu ul{ overflow: hidden; }
.h-menu li{ width: 12.5%; float: left; text-align: center; box-sizing: border-box; border-left: 1px solid #0080C0; }
.h-menu li:last-child{ border-right:1px solid #0080C0;}
.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%; }
.map{ width: 100%; margin: 0 auto; height: 630px; overflow:visible; position:relative;}
.mapp{ width: 100%; height: 630px; overflow: hidden;}
.mapp img{ max-width: 100%; }
.mtxt{ width: 429px; height: 261px; overflow:hidden; position: absolute; right:20%; top:78px; z-index:999}
.mtxt ul{  padding: 20px;}
.mtxt li{ line-height: 36px; }
/* 首页产品 */
.m-pro{ overflow: hidden; }
.m-pro .hd{ text-align: center; padding:36px 0 2px; }
.m-pro .hd h3{ 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{ padding-top: 40px; 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; text-align: center; }


.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; }
.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: 46px; font-size: 16px; color: #fff; }
/* 新闻资讯 */
.m-news{ overflow: hidden; }
.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 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-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 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-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: 20%; 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: 150px; line-height: 30px;}
.f-copy a{padding: 0 10px;}
.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; line-height: 40px; border-bottom: 1px dotted #cecece;  font-size: 14px; color: #999999;  }
.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 p{font-size: 14px; color: #848282; line-height: 22px; padding-left: 20px;}
.news li:hover{background: #f0f0f0;}
.news li:hover h3{ color: #01a6ff; }
.btn-primary{ background-color: #01a6ff; border-color: #01a6ff; }


#s22{ height:470px;}
.swiper-pagination{ top:433px;}
	.swiper-button-a{background:url(images/left1.png)  no-repeat; background-size:25px 25px !important; width:25px; height:25px; top:453px; left:58%;}
			.swiper-button-b{background:url(images/right1.png)  no-repeat; background-size:25px 25px !important; width:25px; height:25px; top:453px; left:40%;}


@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: 293px; object-fit: cover; object-position:0 0; }
	.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 span{ width: 32%; }
	.mtxt{ right: 2%; }
}
@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 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; }
	.mtxt{ right: -1%; }
}
@media screen and (max-width: 640px){
	.pro-bd li .img, #pro .swiper-slide .img{ height: 200px; }
	.brand img{ max-width: 90%; }
	#banner img{ height: 180px; }
	#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; }
	.mapp img{ display: none; }
	.mtxt{ width: 100%;100%; }
	/*****************/
	.h-menu ul li{width:20%; overflow:hidden; text-overflow:ellipsis; overflow:hidden;
	white-space:nowrap;}
	.h-menu ul li a{font-size:12px;}
	.container .col-md-4{display:none;}
	.h-menu ul li:nth-child(1){width:15%;}
	.h-menu ul li:nth-child(3){width:25%;}
	.h-menu ul li:nth-child(5){border:none !Important;}
	.footer-menu{ width:100% !important; white-space:nowrap;}
	.footer-menu a{padding:0 5px !important; display:inline !important;}

	.f-copy{height:195px !important; overflow:hidden}
	.f-copy-1 p{ line-height:20px !important;  width:100% !Important; }

    .f-copy .txt p{ font-size: 11px; color: #fff; line-height: 20px; margin-top:5px; margin-bottom:5px; }
	.f-copy p a{display:block; text-align:center;}
	
	.h-top{width:100%; height:55px !important; margin:0px; padding:0px;}
	.h-top  .col-xs-12{ height:60px; margin:0px !important; padding:0px !important;}
	.h-top .col-xs-12  img{ width:120% !important; height:auto !important; margin:0px !important; padding:0px !important;}
	
	
	.f-copy-1{background: rgb(22,100,172) !important; padding-top:15px !important;}
	
	/*contact**/
	.message_top table{width:100%;}
	.message_top table td{width:100%;}
	.message_top table td .weixin{width:20%;}
	.dituimg{width:100%;}
	/****cer****/
	.cer-tab{width:100%;}
	.cer-tab tr td{width:50%;}
	.cer-tab tr td img{width:90%;}
	/*list*/
	.cp-list{ margin:0px !important; padding:0px;}
	
	.dl-pro-list{ width:100%;margin:0px !important; padding:0px !important;}
	.dl-pro-list-tit{width:100%; line-height:20px !important; padding:10px;}
     .dl-pro-list-dd{width:100% !important; background:red;}
	.dl-pro-list-dd-ol{width:100%;}
	.dl-pro-list-dd-ol li{width:100%;}
	.dl-pro-list-dd .li-div2{ width:20% !important;}
	 .li-div1{ width:80% !important; background:rgb(247,247,247); height:auto !important; margin:0px; padding:10px !important;}
	 /*index*/
	 .m-pro .hd{font-size:18px;}
	 
	 #s22{width:100% !important;}
	  #s22 .swiper-wrapper{width:100% !important;}
	  #s22 .swiper-wrapper .tit-s{width:100% !important; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	   #s22 .swiper-wrapper .tit-s a{font-size:14px;}
	  #s22 .swiper-wrapper   .tit-con{width:100%; position:absolute; top:70px; z-index:10000}
 #s22 .swiper-wrapper .tit-con a{font-size: 11px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;
color:rgb(31,135,187); height:60px; background:rgb(248,248,248); display:block; float:left; margin:1%; line-height:60px; margin-top:10px;  font-weight:bold; vertical-align:middle;
border-radius:2px; width:23%;box-sizing: border-box}
		 .tit-con a:hover{background:rgb(230,230,230) !important;}
				

 		.m-case .container{display:block !important;}
		.m-case .container .row{display:block !important;}
		.m-case .container .row .col-md-4{width:33%;display:block !important; float:left;} 
		.m-case .container .row .col-md-4 .img{width:100%;}
		/**8about*/
		.m-about .container #gstp{display:none;}
		
		#banner .swiper-slide img{width:100% !Important;}
		
		.article table{max-width:100% !important;}
		
		
		.swiper-button-a{background:url(../images/left1.png)  no-repeat; background-size:25px 25px !important; width:25px; height:25px; top:393px; left:80% !important;}
			.swiper-button-b{background:url(../images/right1.png)  no-repeat; background-size:25px 25px !important; width:25px; height:25px; top:393px; left:10% !important;}
			
		
}



@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;}
}



.ditu{text-align:right; font-size:14px; position:relative; top:-10px;}
.ditu a{padding:10px;position:relative; }
.ditu a:after{position:absolute; top:-2px; left:-5px; content:''; width:20px; height:20px; background:url(../images/diqiu.png);
background-size:100%; opacity:0.8;  background:none}

.index-search{font-size:28px;  font-style:italic; color:#01a6ff; padding-top:10px; line-height:80px; text-align:right;}
.index-search .form-control{width:250px; float:right}
.index-search .btn{background-color: rgb(22,100,174); !important;}



.h-menu{ background:rgb(22,100,172);}
.h-menu .container ul li a{color:#fff; text-transform:uppercase;}
.h-menu li:first-child a:hover{ padding-left: 0px; background:none;background:rgb(41,164,251); }
.h-menu li a:hover{ background:rgb(41,164,251); color: #fff; }

/*左侧边栏*/
.ul1{width:100%; margin:0px; padding:0px; padding-top:10px;}
.ul1 li{text-align:left; position:relative; }
.ul1 li a{font-size:13px; color:rgb(128,138,151); display:block; padding-left:20px; width:100%; height:100%;border-left:1px solid rgb(204,219,235); margin-bottom:4px;background:rgb(250,250,250); padding:10px; margin-bottom:0px; margin-top:6px;}
.ul1 li a:hover{background:rgb(245,245,245) !important; color:rgb(31,133,184);border-left:1px solid #01a6ff;}

.li_next{ background:rgb(238,239,240); position:relative; display:none }
.li_next li{}
.li_next li a{ background:none !important;  font-size:12px; border-top:1px dashed #ccc; position:relative; padding-left:20px; margin-top:0px;}
.li_next li a:after{position:absolute; width:4px; height:4px; background:rgb(31,133,184); content:''; left:10px; top:15px; border-radius:25px;}






.f-copy{background:rgb(22,100,172); color:#fff; height:165px; font-size:11px;}
.f-copy a{color:#fff;}
.f-copy .txt p{ font-size: 12px; color: #fff; line-height: 25px; }
.footer-key{ display:none;}
.footer-menu{height:30px; line-height:30px; font-size:12px; padding:0 10px;}
.footer-menu a{padding:0 10px; font-size:12px;}
.f-copy-1{margin-top:0px; padding-top:25px;}

.s-type2{ border-radius:3px; padding:0px;padding:23px; padding-left:0px; padding-top:0px !important; }
.s-type2 h2{   font-size:16px; line-height:35px; font-weight:normal; border-bottom:1px dashed #ccc; color:#01a6ff;
	color:rgb(31,133,184); }

.s-type3{line-height:25px; color:rgb(128,138,151); font-size:13px; padding-top:10px;
text-align:justify;padding:0px; background:rgb(250,250,250); padding:15px; border-bottom:1px solid rgb(204,219,235); margin-top:10px;
}

.s-type2-pro{display:block;float: left;width:25px; height: 35px; background:url(../images/prolist1.png) 0px 5px no-repeat; background-size:100% auto;
	 padding-top: 10px; margin-right: 10px; padding-bottom: 10px;} 
	 .s-type2-pro2{display:block;float: left;width:25px; height: 35px; background:url(../images/contact3.png) 0px 5px no-repeat;
		 background-size:95% auto;
		padding-top: 10px; margin-right: 10px; padding-bottom: 10px;} 

 .s-type2-pro3{display:block;float: left;width:25px; height: 35px; background:url(../images/news.png) 3px 10px no-repeat;
		 background-size:63% auto;
		padding-top: 10px; margin-right: 10px; padding-bottom: 10px;} 
		


.index-news-list{ background:rgb(250,250,250); margin-top:10px; padding:10px; padding-left:3px;border-bottom: 1px solid rgb(204,219,235);}
.index-news-list li{line-height:40px; font-size:14px; background:url(../images/left-4.png) 5px 15px no-repeat; padding-left:20px;
 background-size:10px 10px; border-bottom:1px solid #ffff;}
.index-news-list li a{    color: rgb(128,138,151);}
.index-news-list li a:hover{text-decoration:underline;}



.title{font-size:16px; line-height:45px; height:39px; font-weight:normal; border-bottom:1px solid #efefef; color:#01a6ff;
	color:rgb(31,133,184); font-weight: normal; }
	.title  strong{color:rgb(31,133,184) !important; font-weight: normal; padding-left:10px; position: relative;}
	.title strong::after{position: absolute;content: ''; width:3px; height: 15px; background:#b70419;left:0px; top: 1px;}



.index-m1{margin: 0; padding: 0; border: 1px solid #efefef; margin-top: 20px; border-radius: 3px;}


.title .col-md-12{ text-indent:0px; margin:0px; padding:0px;}

.title .col-md-6 strong{font-size:22px !important; line-height:75px;}



.article{  margin:0 auto; font-size: 9pt;overflow:visible;}
.article table {
	font-family: arial;
	font-size: 11px; 
	margin-top:10px;
	border-top: 1px #005bac solid; border-left:1px #005bac solid;
}
.article table td{
	padding-left:4px; font-size: 11px;
	height: 27px; background:#fff; 
	border-right: 1px #005bac solid;
	border-bottom: 1px #005bac solid;
	padding:10px !important;
}
.article table th{
	padding-left:4px;
	height: 27px; background:#fff; 
	border-right: 1px #005bac solid;
	border-bottom: 1px #005bac solid;
	background:rgb(234,246,253);padding:10px !important;
}
.article table th:nth-child(2){ text-align:center;}
.style1{text-align:center;}
.article h1{font-family: arial; font-size: 14pt; text-align: center; text-indent: 0; line-height:200%; font-weight:bold; margin-left:10; margin-right:10; margin-top:16px; margin-bottom:32px; }

.article h2 {padding:0; margin: 4px 0 4px 6px; font-family: arial; font-size: 12pt; color:#222; text-align: left; font-weight: bold; line-height: 150%; background:none; border-width:0;}

.article p.fzs {font-family: arial; font-size: 11pt; font-weight: bold; line-height: 150%; text-indent: 0; text-align: left; margin-left: 30px; margin-top: 4px; margin-bottom: 4px}

.article p.eng {font-family: arial; font-size: 11pt; font-weight: bold; text-indent: 0; text-align: center; margin-left: 0; margin-top: 4px; margin-bottom: 8px}

.article p.text{margin:7px; font-size: 11pt; font-family: arial; text-align:left;   line-height:200%; text-align:justify;}

#keyword {
	padding-left: 12px;
	font-family: arial; font-size: 12px;  COLOR: #008000; text-align:left; text-indent: 0; line-height: 150%; font-weight: bold; 
}
#keyword2 {
	padding-left:35px;
	font-family: arial; font-size: 12px;  COLOR: black; text-align:left; text-indent: 0; line-height: 200%; 
}
#keyword2 a{
	 COLOR: black; text-align:left; text-indent: 0; line-height: 200%; 
}
#keyword3 {
	padding-left:35px;
	font-family: arial; font-size: 12px;  COLOR: black; text-align:left; text-indent: 0; line-height: 200%; 
}

.klink {
	padding-left: 6px;
	font-family: arial; font-size: 12px;  COLOR:blue ; text-align:left; text-indent: 0; line-height: 150%; font-weight: 400; 
}

#turn{text-align:right;font-size:15px; width:100%;height: auto; text-transform:uppercase; color:rgb(22,100,172);}


#banner{margin-top:5px;}
#banner .swiper-wrapper{text-align:center; margin:0 auto;}
#banner .swiper-wrapper img{width:1170px; margin:0 auto;}

.container .col-md-4{padding:0px;}

.text strong{font-size:11pt;}



.dl-pro-list{ margin:10px;}
.dl-pro-list .dl-pro-list-tit{ line-height:40px; font-size:13px; font-weight:bold;}
.dl-pro-list .dl-pro-list-tit a{text-decoration:none; color:#000;}
.dl-pro-list .dl-pro-list-dd{ background:rgb(250,250,250); list-style:none; margin:0px; padding:0px; padding:0px;}
.dl-pro-list .dl-pro-list-dd .dl-pro-list-dd-ol{list-style:none; margin:0px; padding:0px;}
.dl-pro-list .dl-pro-list-dd .dl-pro-list-dd-ol li{list-style:none; margin:0px; padding:0px; font-size:11px;
border-bottom:1px solid #fff; line-height:20px; background:rgb(247,247,247); }
.dl-pro-list .dl-pro-list-dd  .dl-pro-list-dd-ol-li-tit{
	background:rgb(230,230,230); font-weight:bold; color:#000;}
	

	
	
.dl-pro-list .dl-pro-list-dd .dl-pro-list-dd-ol li:nth-child(2n){ }
.dl-pro-list .dl-pro-list-dd .dl-pro-list-dd-ol li .li-div1{ width:490px; float:left;padding:7px 10px; background:rgb(247,247,247);
height:auto;}
.dl-pro-list .dl-pro-list-dd .dl-pro-list-dd-ol li .li-div1 span{font-size:10px;}
.dl-pro-list .dl-pro-list-dd .dl-pro-list-dd-ol li .li-div1 a{text-decoration:none; color:rgb(22,100,172);}
.dl-pro-list .dl-pro-list-dd .dl-pro-list-dd-ol li .li-div1 a:hover{text-decoration:underline;}
.dl-pro-list .dl-pro-list-dd .dl-pro-list-dd-ol li .li-div2{ width:100px; float:right; background:rgb(240,240,240);height:auto; padding:7px 0px;!important; padding-left:10px; overflow:hidden;}



.m-case .col-md-4 {}
.m-case .col-md-4 .img{ width: 360px; height: 300px; position: relative; overflow: hidden;  margin-top:30px; }
.m-case .col-md-4 .img:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(44,167,226,.7); position: absolute; left: 0; top: 100%; transition: all .3s;  }
.m-case .col-md-4 .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; }
.m-case .col-md-4:hover .img:after{ top:0; }
.m-case .col-md-4:hover .img span{ top:50%; }
.m-case .col-md-4 img{ width: 100%; height: 100%; object-fit: cover; }


 .about-tit{border:none; text-indent:0px;}
 .about-tit h3{ width: 100%; background: #eeeeee; margin:0px auto 0; padding:0 0px; font-size: 30px; color: #333333; font-weight: bold; box-sizing: border-box; }
 
 .m-about{font-family:Arial, Helvetica, sans-serif !important;}
.m-about .hd{ text-align: center; background:url(../images/dot.png) center 55px no-repeat; padding:10px; }
.m-about .hd h3{ font-size:30px; color: #333333; font-weight: bold; margin-bottom:13px; letter-spacing: 0px; line-height: 1;
margin-top:34px; text-indent:20px;}
.m-about .hd h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }
.index-p{font-size:13px !important;}
.index-p sup{font-size:9px !important;}



  
	   
.m-pro{ overflow: hidden; margin-top:20px; margin-bottom:50px; }
.m-pro .hd{ text-align: center; padding:36px 0 2px; }
.m-pro .hd h3{ 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; }	   
.m-pro .hd{ text-align: center; background: url(../img/case-hd.png) no-repeat center !important; 
padding:10px; }
.m-pro .hd h3{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 10px; letter-spacing: 0px; line-height: 1;
margin-top:30px;}
.m-pro .hd h3 span{ font-size: 36px; text-transform: uppercase; margin-left: 10px; line-height: 36px; display: inline-block; }         	
				
				

.scoll-menu-a{ margin-top:20px; border:1px solid rgb(238,238,238);}		
.scoll-menu-a .swiper-slide{display:block; width:100%; float:left; text-align:center;  margin-right:0px !important; height:400px;}
.scoll-menu-a .swiper-slide .tit-s {height:60px;text-align:center; line-height:60px;
background:rgb(248,248,248); border-bottom:1px solid rgb(238,238,238);}
.scoll-menu-a .swiper-slide .tit-s a{ height:60px; margin-right:0px !important;  font-size:14px; font-weight:bold; text-align:center; font-size: 16px;color:rgb(31,135,187); padding-left:20px;}

.scoll-menu-a .swiper-slide .tit-con{width:1170px; position:absolute; top:70px; z-index:1000}
.scoll-menu-a .swiper-slide .tit-con a{font-size: 16px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;
color:rgb(31,135,187);width:100%; height:60px; background:rgb(248,248,248); display:block; float:left; margin:10px; line-height:60px; margin-top:10px;  font-weight:bold; vertical-align:middle;
border-radius:2px; width:270px;}


.scoll-menu-a .swiper-slide .tit-con a:hover{background:rgb(240,240,240);}
.tit-con  a.more{ background:rgb(0,103,184) !Important; color:#fff !important; opacity:0.6 !important;}


.con{width:1180px; margin:0 auto;}
.con-left{width:370px; float:left;}
.dl-pro{ margin-top:10px;}
.dl-pro dt{font-size:16px; line-height:35px; font-weight:normal; border-bottom:1px dashed #ccc; color:#01a6ff;
	color:rgb(31,133,184); background:url(../images/prolist1.png) 0px 6px no-repeat; background-size:23px 23px; padding-left:30px;}
	
	

.dl-index-contact{ border-radius:3px; padding:0px;padding-left:0px; padding-top:0px !important; padding-bottom:30px; margin-top:10px;}
.dl-index-contact dt{font-size:16px; line-height:35px; font-weight:normal; border-bottom:1px dashed #ccc; color:#01a6ff;
	color:rgb(31,133,184); background:url(../images/contact3.png) 0px 6px no-repeat; background-size:23px 23px; padding-left:30px;}
	
.dl-index-contact dd{line-height:25px; color:rgb(128,138,151); font-size:13px; padding-top:10px;
text-align:justify;padding:0px; background:rgb(250,250,250); padding:15px; border-bottom:1px solid rgb(204,219,235); margin-top:10px;
}
.big-li{width:100%; margin:0px; padding:0px; padding-top:10px;}
.big-li {text-align:left; position:relative; }
.big-li  a{font-size:13px; color:rgb(128,138,151); display:block; padding-left:10px; width:100%; height:100%;border-left:1px solid rgb(204,219,235);background:rgb(250,250,250);  margin-bottom:0px; height:40px; line-height:40px; font-size:14px;}
.big-li  a:hover{background:rgb(245,245,245) !important; color:rgb(31,133,184);border-left:1px solid #01a6ff;}



.sub_ul{ background:rgb(238,239,240); position:relative;  display:none}
.li_next li{ height:35px; line-height:35px; background:none;}
.sub_ul li a{ font-size:13px; border-bottom:1px dashed #ccc; position:relative; padding-left:20px; height:35px !important; line-height:35px !important;   display:block;color: rgb(128,138,151);}


.sub_ul li a:after{position:absolute; width:4px; height:4px; background:rgb(31,133,184); content:''; left:10px; top:15px; border-radius:25px;}
.sub_ul li a:hover,.ss_aa{background:rgb(245,245,245) !important; color:rgb(31,133,184);border-left:1px solid #01a6ff;}

.footer{background:rgb(22,100,172); color:#fff; height:165px; font-size:11px; text-align:center; padding-top:30px; line-height:25px;}
.footer a{color:#fff;}

.con-right{ width:780px; float:right;}

.con_right_btz{height:48px;
	line-height:57px;
	overflow: hidden;
	margin-bottom: 20px;
	background:url(../images/tit_line.png) no-repeat left bottom; margin-top: 0px;
	background-repeat: repeat-x;


}

.con_right_btz a{ font-weight: normal !important; color: rgb(31,133,184) !important;}

.con-right h3{height:40px; line-height:40px; background:#2ca9df; color:#fff; font-size:18px; text-align:center; font-weight:normal; margin:10px;}
.con-right h3 a:hover{color:#fff;}
.con-right h4{ text-align:center; font-size:15px; color:#000;}


.products_tit{ font-size:16px; color:rgb(24,124,184); font-weight:bold; margin:10px; text-indent:0px !important;}
.con-right dl dd{ font-size:14px; line-height:28px; margin:10px auto; text-indent:30px;}
.con-right dl dd strong{font-weight:normal;}

.fanhui{text-align:right; margin:10px;}
.con-right dl{margin-top:20px;}
.products_name{ color:#000; font-weight:bold; line-height:25px !important; padding-right:10px;}

.con_right_bt h3{ height:40px; line-height:40px; background:rgb(22,100,172); font-size:20px; color:#fff; text-align:center;}
.products_img{text-align:center;}
.con-right dl dd table{ border:1px solid rgb(98,137,203); margin:0 auto;}
.con-right dl dd table tr td{border:1px solid #2ca9df; line-height:30px; font-size:13px;}
.con-right dl dd table tr td.td-left{ text-align:left; text-indent:20px;}


#banner{margin-top:10px; margin-bottom:10px; width:1200px; margin:5px auto}
#banner .swiper-wrapper{text-align:center; margin:0 auto;}
#banner .swiper-wrapper img{width:1170px; margin:0 auto;}

.tab-c{width:100%; padding-left:10px; margin-bottom:20px; margin-top:-10px;}
.tab-c tr th{height:40px; line-height:40px;     background: #2ca9df; color:#fff; text-indent:10px;}
.tab-c tr td{ height:40px; line-height:40px; background:rgb(250,250,250);  text-indent:10px; border-bottom:1px dashed rgb(225,225,225);}
.tab-c tr td a{font-size:13px; color:#0080C0;}
.tab-c tr td a:hover{color:rgb(41,164,251);}
.tab-c tr td:nth-of-type(2){background:rgb(240,240,240);}


.news_content{ line-height:30px; margin-bottom:30px; font-size:14px; line-height:30px;}

.table-d{width:700px;}
.tab-a{width:300px;}


 .goTop {
	 	z-index:10000;
           width:30px; 
           height:30px;
           display: block;
           right:0px; 
           background: rgb(36,130,195);
             text-align: center;
             position:fixed;
             bottom: 10%;
            font-size: 12px;
            line-height: 15px;
            color: #fff;
           display:none
        

        }
        .icon-img{ width: 30px; height: 30px; display: block; z-index: 1000; position:absolute;
             top: 0px; left: 0; display: block; background:#3f82fc url(../images/backtop.png); background-size: 90% 90%;
             background-position-x: center; background-position-y: center;
            }
		.icon-img p{  background: #3f82fc;color:#fff;}

        .icon-img:hover{ background: none;}


@media screen and (max-width:640px){
	.h-top{ width:100% !important;}
	.h-top .container{width:100% !important;}
	.h-top .logo{ height: 80px;}
	.h-menu{ clear:both;}
	.h-menu .container,.h-menu .container ul{display:block !important;  }
	
	.tab-c tr th:nth-of-type(2){width:120px;}
	
	
	
	.table-d{width:90% !important;}
	
	.ul-list-img{width:95% !important; margin:0 auto;}
	.ul-list-img li{width:50% !important; float:left;}
	.ul-list-img li img{width:90%; margin:0 auto; height:auto !important;}
	.tab-a{width:95% !important; overflow:hidden}
	.caigou{width:100%; overflow:hidden;white-space: nowrap;}
	
	.h-menu li{width:25% !important; display:block; border-bottom:1px solid rgb(29,127,189);}
	.con{width:100%;}
	.con-left{display:none;}
	.con-right,.con_right_bt{width:100%;}
	.tel{display:none;}
	
	#dituContent{width:100% !important;}
	
	.con-right{width:100% !important;}
	
	.tab-a{width:96%; margin:0 auto;}
	.con_right_btz{text-indent:10px;}
	.con_right_bt{width:100% !important; }
	.fanhui{width:100%; margin:0px; padding:0px;}
	.con-right h3{width:100% !important; margin-left:0px; margin-right:0px;}
	.con-right h4{width:100%;}
	.con-right dl{width:100%; padding-left:10px; padding-right:10px;}
	.con-right dl table{width:90%;}
	.con-right dl  p{}
	
	.tt1{ padding:10px !important;}
	
	.footer,.footer-menu{width:100% !important;}
	.footer-menu{width:100% !important; white-space:normal; height:auto}
	
	/*index page*/
	#banner{width:100%; margin-top:0px !important;}
	#banner img{width:100% !Important;}
	.about-dl{ margin:0px !important; padding:0px !important;}
	.about-dl dd{margin:0px !important; padding:0px !important; width:100% !important}
	.about-dl dd p{font-size:15px !important;}
	
	.index-pro-list-show-phone{display:block !important;}
	
	
	.index-pro-list-show-phone li  a{font-size:13px; color:rgb(128,138,151); display:block; padding-left:10px; width:100%; height:100%;border-left:1px solid rgb(204,219,235);background:rgb(250,250,250);  margin-bottom:0px; height:40px; line-height:40px; font-size:14px; margin-bottom:5px;}
.index-pro-list-show-phone li  a:hover{background:rgb(245,245,245) !important; color:rgb(31,133,184);border-left:1px solid #01a6ff;}
	
	
}


#table6{ background: url(../images/tab-bg2.png) repeat !important;}

.h-menu-on{position: fixed; top: 0;}






@media screen and (min-width:1921px){
	.container{width:1660px;}
	.con{width:1660px}
	.con-left{width:500px;}
	.con-right{width:1130px;}




}