@charset "utf-8";
body {  margin:0; padding:0; font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,'Lucida Grande',Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',STHeiti,SimSun,sans-serif;}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none; padding: 0px; margin: 0px; display: block;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none;  color: #333f47;}
a:hover { color: #13489d;}
.language{ position: absolute; right: 0px; top:5px; color: #fff !important; display: block;}
.language a{ float: left; color: #fff !important; font-size: 15px;}

/*新增*/
.history { width:100%; margin:0 auto;}
.historyleft{ width:25%; float:left; min-height:1px;}
.historyright{ width:75%; float:left; min-height:1px;}
.history ul{ width: 100%; background: #fff; padding: 30px 0; overflow: visible; }
.history ul li{ margin: 5px 0; padding: 5px; transition: all 0.3s cubic-bezier(0.55,0,0.1,1);}
.p_dataSource { overflow: hidden; padding-top: 20px; margin: 20px 0; }
@media (max-width:740px ) {
   .p_dataSource {  display:none; } 
}
.p_dataSource>li { display: inline-block; margin-right: 20px; }
.p_dataSource>li:last-child { float: right; }
.p_PrevAndNext { overflow: hidden; margin-top: 20px; margin-bottom: 20px;  padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; }
.p_previewBox { float: left; width: 50%; }
.p_nextBox { float: right; width: 50%; text-align: right; }

@media (max-width:640px ) {
    .p_previewBox { width: 100%; text-align:center; line-height:26px;}
    .p_nextBox { width: 100%; text-align:center; line-height:26px; }
}
.history ul li:hover { box-shadow: rgb(0 0 0 / 19%) 0px 10px 30px 0px; -webkit-transform: translate3d(0px,-2px,0px); transform: translate3d(0px,-2px,0px);
    transition: All 0.3s ease;  cursor:pointer; z-index: 10; }
.history ul li div .title { position: relative; margin-bottom: 10px; display: block; width: 100%;  padding: 5px 20px; font-size: 1.2rem; color: #f18e26; }
.history ul li div .title::before { content: ''; position: absolute; top: 50%;  transform: translateY(-50%); left: -5px; display: block; width: 10px; height: 10px; border: 4px solid #f18e26;
    border-radius: 50%;}
.history ul li div .newMs { padding: 0 20px;line-height: 1.8; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2px; -webkit-box-orient: vertical; text-overflow: ellipsis;
    border-left: 2px solid rgba(67,67,67,.75);}
.history ul li div .newMs p{ font-size: 1rem;    color: #595959;}
.history ul li:nth-child(even){ background-color: rgba(130,130,130,0.1); }

/*客服*/
.floatBox { position: fixed; right: -10px; bottom: 60px; top: auto; z-index: 50; width: 87px; }
.floatLi { position: relative; left: 0; display: flex; width: auto; height: 57px; margin-bottom: 1px; line-height: 27px; text-align: center; overflow: hidden; transition: all 0.5s ease;
    cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; }
.color_horizon { color: #fff; }
.p_SummaryBox { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; min-height: 44px; text-align: left; height: auto; padding: 0px 15px; background: rgba(0, 0, 0, .6);
    max-width:737px; margin:0px auto; }
.e_title { font-size:18px !important; line-height:51px;}
.p_articlesTitle { display: block; margin-top: 20px; line-height: 40px; background: #f5f5f5; }
.p_articlesTitle .font { text-indent: 1em; font-size: 18px; font-weight: 900; color: #333; }
.floatLi3 { position: relative; left: 0; display: flex; width: 300px; height: 57px; margin-bottom: 1px; line-height: 27px; text-align: center; overflow: hidden;
    transition: all 0.5s ease; border-radius: 5px; -webkit-border-radius: 5px; }
.floatLi:hover { left: -10px; }
.floatLi:hover a{ color:#fff !important;}
.hywx:hover { overflow: visible !important; height: auto !important; border-radius: 5px !important; }
.floatLi3:hover { left: -194px; }
.alink { display: inline-block; width: 87px; height: 100%;  padding: 30px 0 0 0; color: #fff; font-size: 0.75rem; }
.hywx img { position: absolute; left: -110px; top: 0; }
.floatTel2 { display: block; z-index: 1; width: 184px; height: 57px; font: 24px/57px Arial; color: #fff; background: #f14702; cursor: pointer; }
.floatSh { background: url(../img/zjkfbj.png) no-repeat center 10px rgba(241,142,38,.7); }
.floatQQ { background: url(../img/zjkfqq.png) no-repeat center 10px rgba(241,142,38,.7); }
.floatwx { background: url(../img/kefuwei1.png) no-repeat center 10px rgba(241,142,38,.7);}
.floatTel { background: url(../img/ketel3.png) no-repeat center 10px rgba(241,142,38,.7); }
.floatTop { background: url(../img/ketop4.png) no-repeat center 10px rgba(241,142,38,.7); }
.navbar{ width: 100%; padding-top: 15px; padding-bottom: 15px; border-bottom:1px solid #aaa ; overflow: hidden; }
@media (max-width:740px ) {
   .navbar {  display:none; } 
}
.navbars { width:70%;}
.navbars li{ float: left; width:16.3%; line-height:60px; text-align:center; border-right: 1px solid #d6d6d6;}
.navbars li:hover,.navbarli{ background: #115baa;} 
.navbars li a:hover , .navbarli a{ display: block; color: #fff;} 
/*服务导航*/
.navbars_fw { width:70%;}
.navbars_fw li { float: left; width:14%; line-height:60px; text-align:center; border-right: 1px solid #d6d6d6;}
.navbars_fw li:hover,.navbarli{ background: #115baa;} 
.navbarsfw li a:hover , .navbarli a{ display: block; color: #fff;} 

.pagecontent{ padding-top:10px; line-height: 2em;  }
.pagecontent img{ text-align: center; display: inline-block; }
.pagecontent h2 { margin: 10px auto 20px; text-align: center;padding-bottom: 20px; font-size:30px; font-weight:600 !important; color:#262626; border-bottom: 1px #d2d2d2 solid;  position: relative; max-width:100%; }
.pagecontent h2::after {  content: "";  position: absolute;  width: 46px;  height: 10px;  background: #f68400;  bottom: -5px;  left: 50%;  margin-left: -23px; }
.pagecontent p{ text-indent:2rem; font-size:16px; }
@media (max-width:790px ) {
    .pagecontent h2{ font-size:18px;  }
}
@media (max-width:320px ) {
    .pagecontent h2{ font-size:14px;  }
}

.msgcontent ul li{ width:100%; float:left; margin-top:30px;}
.msgcontent ul li textarea{ width:99%; height:160px; border:1px solid #ccc; color:#7b7b7b; border-radius:4px; padding:6px;}
.msgcontent ul li input{ width:31%;float:left; padding-left:6px; margin-left:2%;line-height:30px; border:1px solid #ccc; color:#7b7b7b; border-radius:4px;}
.msgcontent button{ width:100%; float:left; margin-top:30px;font-size: 18px;text-transform: uppercase;background: #115baa;border: 1px solid #115baa;transition: 0.2s; color:#fff;border-radius:4px; line-height:40px;}
.paymsgcontent ul li{ width:100%; float:left; margin-top:30px;}
.paymsgcontent ul li label{ width:20%; float:left; text-align:right;}
.paymsgcontent ul li label span{color:red;}
.paymsgcontent ul li textarea{ width:60%; margin-left:2%; float:left; height:160px; border:1px solid #ccc; color:#7b7b7b; border-radius:4px; padding:6px;}
.paymsgcontent ul li input{ width:60%; float:left; margin-left:2%; padding-left:6px;line-height:30px; border:1px solid #ccc; color:#7b7b7b; }
.paymsgcontent button{ margin-top:30px; padding: 0px 5%;  font-size: 16px; color: #333f47; background-color: #ff9900; border: 1px solid #ff9900; transition: 0.2s;  line-height:40px; font-weight: bold;}
.paymsgcontent button:hover{ background:#333f47;  border: 1px solid #333f47;  color:#fff;}


/*环保政策*/
.news_ul li{width:100%; float:left; border-bottom: 1px dashed #d9d9d9;padding: 30px 20px;}
.news_ul li a{ width:70%; float:left; font-size: 18px;color: #000;font-weight: bold;}
.news_ul li .hbzctime{width: 27%;display: inline-block;float: right; padding-right:2.5%; text-align:right;}
.news_ul li p{width: 100%;display: inline-block;float: left; margin-top:30px; font-size:14px;}
table{border-color: grey;}

/*资料中心*/
.ziliao_ul{ margin-top:30px;}
.ziliao_ul li{position: relative;padding: 10px;float: left;width: calc((100% - 40px)/1.01);margin: 20px;border: 1px solid #d9d9d9; text-align:center;}
.ziliao_ul li:hover{background: #e5f7ff !important;}
.dbtn{ position:absolute;right: 20px;bottom: 20px;border: 1px solid #ccc; white-space: nowrap; padding: 6px 12px;font-size: 14px;line-height: 1.42857143; border-radius: 4px; cursor: pointer;}
.dbtn:hover{background: #1890ff !important; color:#fff !important;}
.zlzxtime{float: left;width: calc((100% - 20px)/1.01); margin-top:10px; font-size:14px;}

/*常见问题*/
.wenti{ margin-top:40px;}
.wenti li{float: left;width: calc((100% - 40px)/1.01);margin: 10px;}
.wenti li .wen{position: relative;float: left;width:100%;background:#bce8f1;border: 1px solid #bce8f1; color: #31708f; background-color: #d9edf7;padding: 10px 15px;border-bottom: 1px solid #bce8f1;border-radius: 3px;}
.wenti li em{display: inline-table;vertical-align: middle; margin: 0; padding: 0;font-size: 13px; width: auto;height: 20px;background-color: rgba(237, 90, 90, 1);text-align: center;color: rgba(255, 255, 255, 1);word-break: break-all; white-space: normal;  padding: 0 5px;font-style: normal; float:left;}
.wenti li .wttitle{ float:left;  width:65%; margin-left:2%;}
.wenti li .contents{width:100%; float:left;position:relative;padding:40px 15px;border: 1px solid #bce8f1;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; display:none;}
.contents em{background-color: rgba(0, 102, 0, 1) !important;}
.wttime{float: right !important;width:20%; margin-top:10px; font-size:14px; display:contents; text-align:left;}

.newslist{ width:100%; overflow:hidden; background: #fff; }
.newslist li { width: 100%; overflow: hidden; margin-bottom: 2%; }
@media only screen and (max-width: 940px){
    .newslist li { width: 100%; overflow: hidden; margin-bottom: 3%; }
}
.newslist li img { transition: 0.5s linear 0s; width: 100%;}
.newslist li:hover img { transform: scale(1.2);}
.newslist li:hover .tit { color: #ff6600; font-weight:500; }
.newslist li:hover .i-a  { background: #ff6600; }

.newslist li a { font-size: 14px;  padding-bottom: 0px; position: relative; z-index: 0; }
.newslist li a .tit { font-size: 18px; line-height:40px; margin-bottom: 0px; font-weight:500;  }
.newslist li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff;}
.newslist li .tit:before { width: 20px; height: 6px;  display: inline-block; vertical-align: middle; background: #ff6600; margin-right: 15px; content: ''; }
.newslist li .img { width:24%; height: auto;  float: left; overflow: hidden; margin-right: 3%;
/*box-shadow: 10px 10px 45px 0 rgb(0 0 0 / 0%);  display: inline-block; vertical-align: middle; */}
.newslist li .img img { width:100%; }
.newslist li .newnr { width: 70%; display: inline-block; vertical-align: middle; float: left; border-bottom: 1px solid #dddddd;  height: 200px; }
.newslist li .newnr:hover { border-bottom: 1px solid #ff6600; }
.newslist li a .newnr p { line-height: 26px; max-height: 84px; padding-top:2%; }
.newslist li a .newnra { line-height: 26px; max-height: 84px; }
.newslist li a .newnr .i-a { margin-left: 30px; margin-top: 3%; margin-bottom:3%;  transition: 0.3s ease 0s;  font-size: 14px; color: #fff }
.newslist li  .i-a>* { transition: 0.3s ease 0s; font-size: 14px; color: #fff; }
.newslist li a .i-a {  z-index: 0; margin: 0 auto; font-size: 0px; position: relative; line-height: 50px; width: 165px; height: 50px; color: #fff ; background: #13489d; text-align: center; transition: 0.4s; }
.newslist li .newnr .time { line-height:30px; color:#666 }

 @media screen and (max-width: 1260px) and (min-width: 740px){
    .newslist li img { transition: 0.5s linear 0s;  width: 100%;  height: auto; }
    .newslist li .img img { transition: 0.5s linear 0s;  height: 170px; }
    .newslist li .newnr { height: 170px; }
}
@media screen and (max-width: 740px) and (min-width: 190px){
    .newslist li img { transition: 0.5s linear 0s;  width: 100%;  height: auto; }
    .newslist li .img img { transition: 0.5s linear 0s; }
    .newslist li .newnr { height: auto; padding-bottom:5px; }
    .newslist li a .newnra { line-height: 26px; max-height: 84px; display:none; }
    .newslist li a .tit { font-size: 14px;  line-height: 26px; }
}
@media screen and (max-width: 480px) and (min-width: 190px){
    .newslist li .newnr .time { line-height:30px; color:#666; display:none; }
}
.desc{ display: block; font-size: 17px; line-height: 35px; padding-left :15px; margin-bottom: 30px; padding-right:15px; box-sizing: border-box; word-break: break-all; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 5px;}



/*header*/
.header_re { width: 100%; height: 65px; display: none; background: #000000;}
.header_bg { width: 100%; height: 90px; display: block; background:rgba(0,0,0,.8); position: fixed; z-index: 9999999; top: 0; left: 0;}
.header_wd { width: 95%; height: 90px; max-width: 1300px; margin: 0px auto; display: block; position: relative;}
.logo { width:254px; height: 65px; float: left; margin-top:12.5px; overflow: hidden;}
.top_tel { display: inline-block; float: right; font-size: 16px; margin-left: 4%; font-weight: bold; line-height: 90px; color: #ffffff; background: url(../img/top_tel.png) no-repeat left; padding-left: 25px;}
@media screen and (max-width: 1220px) and (min-width: 1160px){
    .top_tel { display: inline-block;  margin-left: 2%; }
    .nav_ul li a { padding: 0px 10px; }
}
.nav_ul {  height:90px; display: block; float: right;}
.nav_ul li { display: inline-block; float: left; height: 90px; border-bottom: 2px solid none; box-sizing: border-box;}
.nav_ul li a { display: block; font-size: 16px; color: #ffffff; overflow: hidden; line-height: 90px; padding: 0px 13px;}
@media screen and (max-width: 1220px) and (min-width: 1160px){
    .nav_ul li a { padding: 0px 10px; }
}
.nav_ul li:hover { border-bottom: 2px solid #ff6600;}
.nav_ul li .child_bg { display:none; height: auto; overflow: hidden; width:100%; left: 0; position: absolute; z-index: 9; top: 90px; background:rgba(255,255,255,.9); padding: 20px; box-sizing: border-box;}
.nav_ul li .langschild_bg { display:none; height: auto; overflow: hidden; width:160%; right: -30%; position: absolute; z-index: 9; top: 90px; background:rgba(255,255,255,.9); padding: 20px; box-sizing: border-box;}
.langschild_bg dl dd { width:100% !important;}
.nav_ul li:hover .child_bg{ display: block;}
.nav_ul li:hover .langschild_bg{ display: block;}
.nav_ul li dl { width: 100%; height: auto; overflow: hidden; text-align: center; display: block; font-size: 0;}
.nav_ul li dl dd { display:inline-block; font-size: 16px; line-height: 35px; margin: 0px 1.2%; overflow: hidden;}
.nav_ul li dl dd a { display: block; color: #333333; overflow: hidden; line-height: 35px; padding: 0;}
.nav_ul li dl dd a:hover {color: #ff6600;}
.nav_pro_list { width: 33.333%; height: auto; overflow: hidden; display:block; float: left;}
.nav_pro_list a { color: #333333 !important; display: block; line-height: 35px !important;}
.nav_pro_list a:hover { color: #ff6600 !important; display: block;}
.nav_pro_img { width: 90%; height: auto; overflow: hidden; display: block; margin: 0px auto; max-width: 360px;}
.nav_pro_tit { width: 100%; height: auto; overflow: hidden; display: block; line-height: 35px; font-weight: bold; overflow: hidden; text-align: center; font-size: 16px; margin-top: 15px;}
.nav_pro_menu { width: 100%; height: auto; overflow: hidden; display: block; border-right: 2px solid #dddddd; margin-top: 10px; box-sizing: border-box;}
.nav_pro_menu_list { width: 100%; height: auto; overflow: hidden; display: block; line-height: 35px; overflow: hidden; text-align: center; font-size: 14px;}
.nav_pro_menu_list a { font-size: 14px !important;}
.wap_header { display: none;}
.a_txt { display: none;}

/*首页-banner*/
.c-banner { width:100%; position:relative; height:650px; text-align:center; overflow:hidden; } 
.c-banner .banner { width: 100%; height: 100%; overflow: hidden; }
.c-banner .banner ul{ padding-left: 0px; margin-bottom: 0px;}
.c-banner .banner ul li { width:100%; float:left; position: absolute display: none;	opacity: 0; }
.c-banner .banner ul li:nth-child(1){ opacity: 1;	display: block;}
.c-banner .banner ul li img{ position: absolute; left:-50%;right:-50%;bottom:0;top:0; margin: 0 auto;}
.c-banner .banner ul li:first-child img{ position: relative; }
.c-banner .banner ul li dl { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #efefef; text-shadow: 1px 1px 0 #626060;}
.c-banner .banner ul li dt { font-size: 3.4em; font-weight: 700; line-height: 90px;}
.c-banner .banner ul li dd { font-size: 1.9em; }

.c-banner .banner video { height:650px; position: absolute;left:-50%; right:-50%; bottom:0; top:0; margin: 0 auto; z-index:-99;} 
.c-banner .jumpBtn{	width: 100%; position: absolute; bottom: 20px; text-align: center;}
.c-banner .jumpBtn ul{ margin-bottom: 0px;	padding: 0px; }
.c-banner .jumpBtn ul li{ width: 14px; height: 14px; border-radius: 50%; display: inline-block; background-color: white; opacity: 0.9;	margin-left: 10px; }
.c-banner .jumpBtn ul li:first-child{ margin-left: 0px; }

@media (max-width:1040px )  {
	.c-banner{	width: 100%;height: 352px;	overflow: hidden;}
	.c-banner .banner video { width: 1040px; height: 352px; left: 50%;	margin-left: -520px; } 
	.c-banner .banner ul li img{ width: 1040px; height: 352px; position: absolute;	left: 50%;	margin-left: -520px;}
	.c-banner .banner ul li dt {font-size: 2.6em; font-weight: 600; line-height: 60px;  }
	.c-banner .banner ul li dd {font-size: 1.1em; }
}
@media (max-width:740px ) {
	.c-banner{	width: 100%; height: 300px;	overflow: hidden;}
	.c-banner .banner video { height: 300px; position: absolute;	left: 50%;	margin-left: -384px; } 
	.c-banner .banner ul li img{ width: 886px; height: 300px; position: absolute;	left: 50%;	margin-left: -384px;}
	.c-banner .banner ul li dt {font-size: 1.45em; font-weight: 600; line-height: 40px;  }
	.c-banner .banner ul li dd {font-size: 0.79em; }
}
@media (max-width:430px ) {
	.c-banner .banner ul li dl { display: none; }
}
/*文字动态*/
.cjself {animation: cjseleft 0.5s;-webkit-animation: cjseleft 0.5s;-moz-animation: cjseleft 0.5s;-o-animation: cjseleft 0.5s;}
@keyframes cjseleft {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } 
@-webkit-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } 
@-moz-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } 
@-o-keyframes hideTop {0%{opacity: 0; transform: translate(-100px,0px);} 100%{opacity: 1; transform: translate(0,0);}} 
.cjsert {animation: cjseright 0.5s;-webkit-animation: cjseright 0.5s;-moz-animation: cjseright 0.5s;-o-animation: cjseright 0.5s;}
@keyframes cjseright {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } 
@-webkit-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } 
@-moz-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);} } 
@-o-keyframes hideTop {0%{opacity: 0; transform: translate(100px,0px);} 100%{opacity: 1; transform: translate(0,0);}} 

/*首页-banner end*/
/*product banner*/
.pr-banner { width:100%;  height:450px;  } 
.pr-banner .banner { width: 100%; height: 100%; overflow: hidden; }
.pr-banner .banner ul{ padding-left: 0px; margin-bottom: 0px;}
.pr-banner .banner ul li { width:100%; float:left; position: absolute display: none; opacity: 0; }
.pr-banner .banner ul li:nth-child(1){ opacity: 1;	display: block;}
.pr-banner .banner ul li img{ position: absolute; 	left: 50%;	margin-left: -960px; }
.pr-banner .banner ul li:first-child img{ position: relative; }
@media (max-width:1040px )  {
	.pr-banner{	width: 100%;height: 352px;	overflow: hidden; }
	.pr-banner .banner ul li img{ width: 1040px; height: 352px; position: absolute;	left: 50%;	margin-left: -520px;}
}
@media (max-width:740px ) {
	.pr-banner { width: 100%;height: 260px;	overflow: hidden;}
	.pr-banner .banner ul li img{ width: 768px; height: 260px; position: absolute;	left: 50%;	margin-left: -384px;}
}

.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.banner_bg li { position: relative; width: 100%; height: auto; overflow: hidden; display: block;}
.banner_bg li .img { width: 100%; height: auto; overflow: hidden; display: block; max-height: 940px;}
.banner_bg li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all 10s; transform: scale(1.3, 1.3);}
.banner_bg li .bor { width: 300px; height: 400px; border: 10px solid rgba(255,255,255,0); box-sizing: border-box; position: absolute; z-index: 9; left: 27%; top: 50%; transform: translateY(-50%); transition: all 1.5s;}
.banner_bg li .ab_con { display: inline-block; height: 200px; overflow: hidden; position: absolute; z-index: 10; left: 35%; top: 55%; transform: translateY(-50%);}
.banner_bg li .ab_tit { font-size: 25px; line-height: 30px; color: #ff9600; overflow: hidden; display: block; transition: all 1.2s; opacity: 0; margin-top: 60px;}
.banner_bg li .ab_h { font-size: 45px; font-weight: bold; line-height: 50px; color: #ffffff; display: block; overflow: hidden;  opacity: 0; margin-top: 60px; transition: all 1.6s;}
.banner_bg li .ab_des { font-size: 32px; line-height: 40px; color: #ffffff; overflow: hidden; display: block;  opacity: 0; margin-top: 60px; transition: all 2s;}
.banner_bg li.swiper-slide-active .img img{ transform: scale(1, 1);transition: transform 10s ease 0s;}
.banner_bg li.swiper-slide-active .bor { left:30%;  border: 10px solid rgba(255,255,255,.2);}
.banner_bg li.swiper-slide-active .ab_tit { margin-top: 0; opacity: 1; }
.banner_bg li.swiper-slide-active .ab_h { margin-top: 15px; opacity: 1;}
.banner_bg li.swiper-slide-active .ab_des { margin-top: 15px; opacity: 1;}
.banner_bg .banner_btn { display: inline-block; height: auto; overflow: hidden; position: absolute; z-index: 99; top: 50%; transform: translateY(-50%); right: 20px;}
.banner_bg .swiper-button-next-banner { display: block; font-size: 14px; line-height: 30px; color: #ffffff; background: url(../img/banner_n.png) no-repeat right; padding-right: 25px; opacity: .9; outline: none; cursor: pointer;}
.banner_bg .swiper-slide { overflow: hidden;}
.banner_bg .img_bg { width: 100%; height: 680px; overflow: hidden; display: block; position: relative;}
.banner_bg .swiper-pagination-banner { width: 100%; text-align: center; position: absolute; bottom: 20px; z-index: 99;}
.banner_bg .swiper-pagination-bullet { width: 15px; height: 15px; background: url(../images/click.png) no-repeat; margin: 0px 5px; outline: none;opacity: 1; }
.banner_bg .swiper-pagination-bullet-active { background: url(../images/clicked.png) no-repeat;; width:15px; height: 15px; box-sizing: border-box; opacity: 1;}
.banner_ab { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%);}
.banner_n { width: 100%; height: auto; overflow: hidden; display: block; }
@media only screen and (max-width: 940px){
    .banner_n { width: 100%; margin-top:65px; }
}
.banner_img { width: 100%; height: auto; overflow: hidden; display: block;}


.iabout_bg { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0; position: relative; background: url(../img/iabout_bg.jpg) no-repeat center; background-size:cover ;}
.iabout_left { width: 50%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align:right; font-size: 0;}
.iabout_right { width: 50%; height: auto; overflow: hidden; display:inline-block; vertical-align: middle;}
.iabout_con_bg { width: 96%; max-width: 700px; display: inline-block; padding: 45px 30px 45px 0px; box-sizing: border-box; text-align: left;}
.iabout_tit { display: block; font-size: 32px; line-height: 36px; font-weight: bold; color: #13489d; overflow: hidden;}
.iabout_hr { width: 60px; height: 5px; display: block; background: rgba(241, 142, 38, 1); margin-top: 15px;}
.iabout_info { width: 100%; height: auto; overflow: hidden; display: block; font-size: 14px; line-height: 30px; color: #333333; margin-top: 25px;}
.iabout_more { width: 140px; height: 40px; display: block; overflow: hidden; background: #13489d; margin-top: 40px;}
.iabout_more a { display: block; font-size: 14px; line-height: 40px; overflow: hidden; text-align: center; color: #ffffff;}
.iabout_more a:hover { background: #ff6600;}

.inum_bg { width: 96%; overflow: hidden; background: #ffffff; max-width: 1300px; margin: 30px auto; box-shadow: 0px 0px 10px rgba(0,0,0,.1); padding: 0px 5px 25px 5px; box-sizing: border-box;}
.inum_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.inum_ul li { width: 16.66666%; height: auto; overflow: hidden; display: block; float: left; text-align: center; border-right: 1px solid #dadada; box-sizing: border-box; margin-top: 30px;}
.inum_ul li i { font-size: 40px; font-weight: bold; color:#ff6600; display: inline-block; line-height: 45px; vertical-align:bottom; font-style: initial;}
.inum_ul li sup { font-size: 14px; display: inline-block; vertical-align: bottom; margin-left: 5px;}
.inum_ul li p { display: block; font-size: 14px; line-height: 20px; color: #333333; overflow: hidden; text-align: center; margin-top: 10px;}
.inum_ul li:last-child { border: none;}
.ihr { width: 100%; height: 1px; background: #dddddd; display: block; margin-top: 20px;}
.itit { display: block; font-size: 36px; line-height: 45px; color: #333333; font-weight: bold; overflow: hidden; text-align: center; margin-top: 45px;}
.itit_des { display: block; font-size: 14px; line-height: 25px; color: #333333; overflow: hidden; text-align: center; margin-top: 10px; padding: 0px 15%; box-sizing: border-box;}
.itit_hr { width:60px; height: 5px; display: block; margin:15px auto 0px auto; background: #ff6600; overflow: hidden;}

.ipro_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; margin-top: 45px;}
.ipro_bg .tab-hd { width: 50%; height: auto; overflow: hidden; display: block; position: relative; z-index: 99;}
.ipro_bg .tab-hd li{ width:100%; display: block; height: 90px; position: relative; }
.ipro_bg .tab-hd li .black_bg { width: 72%; height:100%; display: block; overflow: hidden; background: rgba(0,0,0,.7); position: relative;}
.ipro_bg .tab-hd li .blue_bg { width: 0px; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; transition: all .3s; background: rgba(19,72,157,.7);}
.ipro_bg .tab-hd li:hover .blue_bg { width: 100%;}
.ipro_bg .tab_img { width:90px; height:90px; display:block; padding:10px; box-sizing: border-box; position: absolute; z-index: 9;left: 10%; top:0px; background:rgba(255,102,0,0); transition: all .3s; -webkit-transition: -webkit-transform .5s ease-out; -moz-transition: -moz-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; -ms-transition: -ms-transform .5s ease-out;}
.ipro_bg .tab-hd li:hover .tab_img {  -webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg); background:rgba(255,102,0,1)}
.ipro_bg .tab_img .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ipro_bg .tit_bg { width: 50%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); left: 30%;}
.ipro_bg .tit_h {  font-size: 20px; line-height: 40px; display: block; overflow: hidden; color: #ffffff;}
.ipro_bg .tit_des {  font-size: 14px; line-height: 20px; display: block; overflow: hidden; color: #ffffff;}
.ipro_bg .more { display:inline-block; top: 15px; position: absolute; z-index: 10; right: 10%; width: 60px; height: auto; overflow: hidden; transition: all .3s; -webkit-transition: -webkit-transform .5s ease-out; -moz-transition: -moz-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; -ms-transition: -ms-transform .5s ease-out; opacity: 0;}
.ipro_bg .tab-hd li:hover .more { -webkit-transform: rotateZ(-360deg);-moz-transform: rotateZ(-360deg);-o-transform: rotateZ(-360deg);-ms-transform: rotateZ(-360deg);transform: rotateZ(-360deg); opacity: 1;}
.ipro_bg .tab-bd { width: 100%; height: 100%; position: absolute; z-index: 9; top: 0; left: 0;}
.ipro_bg .tab-bd li{ width: 100%; height: 100%; display: none; overflow: hidden;} 
.ipro_bg .tab-bd li .img { width: 100%; height: 100%; display: block; overflow: hidden;}
.ipro_bg .tab-bd li.thisclass{ display:list-item;}

/*新闻*/
.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; background: url(../img/inews_bg.jpg) no-repeat top center; background-size:cover ; padding-bottom: 60px;}
.inews_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.inews_ul li { width: 24%; margin: 0 0.5% 2%; overflow: hidden; float: left;}
.inews_ul li .con_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.inews_ul li .ab_bg { width: 100%; height: 0; background: rgba(255,255,255,.9); display: block; overflow: hidden; padding: 0%; box-sizing: border-box; position: absolute; z-index: 9; bottom: 0; left: 0; transition: all .5s;}
.inews_ul li:hover .ab_bg { height: 100%; padding: 8%;}
.inews_ul li .ab_con { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; opacity: 0; transition: all .8s;}
.inews_ul li:hover .ab_con { opacity: 1;}
.inews_ul li .tit { font-size: 18px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews_ul li .des { font-size: 14px; line-height: 25px; margin-top: 5%; color: #555555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.inews_ul li .more { width: 110px; height: 35px; display: block; position: absolute; z-index: 10; right: 0; bottom: 0; border-radius: 5px; overflow: hidden;}
.inews_ul li .more a { display: block; font-size: 14px; line-height: 35px; overflow: hidden; background: #13489d; text-align: center; color: #ffffff;}
.inews_ul li .more a:hover { background: #ff6600;}

/*首页服务*/
.ibot_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; background: url("../img/headbg.jpg") center top no-repeat;}
.ibot_left { width: 24%; margin: 0 0.5% 0%; overflow:hidden;  float: left; position: relative; }
.ibot_bg .ibot_left:hover .img img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.ibot_bg .ab_l  { width: 100%; height: 100%; overflow: hidden; display: block; background: rgba(0,0,0,0); top: 0; left: 0;  padding:7% 5% 0% 5%; box-sizing: border-box; position: absolute; z-index: 5; transition: all .3s;}
.ibot_bg .ibot_left:hover .ab_l  {display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9);}
.ibot_bg .ab_l .con_bg { width:100%; overflow: hidden; display: block;}
.ibot_bg .ab_l .tit { font-size:26px;  line-height: 40px; overflow: hidden; color: #ffffff; font-weight: 600; text-align: center; }
.ibot_bg .ab_l .des { font-size: 16px; line-height: 23px; margin-top: 15px; color: #ffffff; transition: all 300ms linear; float: left;}
.ibot_left .con_bg .line {  width: 26px;  height: 2px;  background-color: #f68400;  margin: 1% auto 1%;}
.ibot_left .con_bg .tit_c { width: 40px;  margin: 0% auto 0%;  font-size: 16px; font-weight: 500;  }
.ibot_left .con_bg .tit_c img {  width:100%; }
.ibot_left .con_bg h4 { font-size: 18px; color: #f68400;  text-align: center;  }
.ibot_left .con_bg p { font-size: 14px;  color: #fff;  line-height: 22px; }

/*按钮*/
.b-btn { color: #fff; background: rgba(255, 100, 0, 0.9); border-radius: 30px; width:94px; margin:10px auto 10px; font-size: 14px; text-align: center; line-height:30px; /* padding: 5px 13px; position: absolute; left: 35%;*/}
.b-btn:hover {  font-size: 14px; color: #fff; background: #ff6600; }
.text-red {  color: #ff6600; font-weight: 700;  }
@media screen and (max-width: 1170px) and (min-width: 841px){
.ibot_left .con_bg .line {  width: 26px;  height: 2px;  background-color: #f68400;  margin: 3% auto 3%;}
.ibot_left .con_bg .tit_c img {  display: block;  width:90%; margin: 0% auto 0%; }
.ibot_left .con_bg h4 { font-size: 16px; font-weight: 600; color: #f68400;  text-align: center;  }
.ibot_left .con_bg p { display:none; }	
}

@media screen and (max-width: 840px) and (min-width: 260px){
.ibot_left { width: 46%; margin: 0 2% 15px; }
.ibot_left .con_bg .tit_c img { width:100%; margin: 0% auto 0%;  }
.ibot_left .con_bg h4 { font-size: 14px;  }
	
}

@media screen and (max-width: 840px) and (min-width: 560px){
.ibot_left .con_bg p { font-size: 12px;}
}
@media only screen and (max-width: 559px){
.ibot_left .con_bg p { display:none; }	 
}

@media screen and (max-width: 360px) and (min-width: 260px){
.b-btn {  width:70px; margin:5px auto 5px;line-height:19px; }
}
@media screen and (max-width: 259px) and (min-width: 190px){

.ibot_left .con_bg .line {  width: 26px;  height: 2px;  background-color: #f68400;  margin: 3% auto 3%;}
.ibot_left .con_bg h4 { font-size: 18px; font-weight: 500; color: #f68400;  text-align: center;  }
.ibot_left .con_bg p { font-size: 16px;  color: #fff; text-align:left; line-height: 26px; display:none; }
.inews_ul li { width: 46%;  margin: 0px 2% 3%; height: auto; overflow: hidden; display: block; float: left; box-sizing: border-box;  }
.ibot_left .con_bg .tit_c img {  display: block;  width: 70%;  margin: 0% auto 0%; }
.b-btn { display:none;}
}

.ibot_bg a { color: #ffffff;}


/*首页foot*/
.foot_mar { display: block; width: 100%; height: 10px; overflow: hidden;}
.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #191919; padding: 45px 0px;}

.foot_wd { width: 95%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 0px auto; position: relative;}
.foot_l { width: 24%; height: auto; overflow: hidden; display: block; float: left; position: relative;}
.foot_logo { width: 100%;  overflow: hidden; text-align:center;}
.foot_logo_des { width: 100%; height: auto; overflow: hidden; display: block; line-height: 25px; font-size: 14px; margin-top: 25px; color:#fff;}
.foot_share_bg { width: 100%; height: auto; display: block; margin-top: 25px;}
.foot_share_bg li { width: 20%; height:auto; display:block; float: left; padding: 0px 5px; box-sizing: border-box; position: relative; max-width: 50px;}
.foot_share_bg li .img { width:100%; height: auto; overflow: hidden; display: block; max-width: 35px; margin: 0px auto; cursor: pointer;}
.foot_share_bg li .wx_ab_bg { width: 130px; height: auto; padding: 5px; display: none; box-sizing: border-box; overflow: hidden; background: #ffffff; border: 1px solid #cccccc; position: absolute; z-index: 9; bottom: 40px; left: 50%; transform: translateX(-50%);}
.foot_share_bg li .wx_ab_bg .wx_img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_share_bg li .wx_ab_bg .tit { display: block; text-align: center; font-size: 14px; line-height: 30px; color: #555555; margin-top: 5px; text-align: center;}
.foot_share_bg li:hover .wx_ab_bg { display: block;}

.foot_nav_bg { width:94px; height: auto; overflow: hidden; display: block; float: left; margin-left: 7%;}
.foot_nav { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.foot_nav li { display: block; font-size: 14px; line-height: 32px; overflow: hidden; margin-top: 10px;}
.foot_nav li a { color: #fff;}
.foot_nav li a:hover { color: #ff6600;}
.foot_nav li a span { display: inline-block; vertical-align: middle; margin-right: 10px; font-family: simsun; color: #ff6600; vertical-align: middle; font-weight: bold;}
.foot_tit { font-size: 18px; line-height: 30px; color: #eee;  display: block;  overflow: hidden; font-weight: bold;}
.foot_tit a { color: #FFFFFF;}
.foot_tit a:hover { text-decoration: underline;}
.foot_contact { width: 34%; height: auto; overflow: hidden; display: block; float: left; margin-left: 7%;}
.foot_lx { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.foot_lx li { display: block; font-size: 14px; line-height: 32px; overflow: hidden; color: #fff;}
.foot_lx li a{ color: #fff;}
.foot_lx li a:hover{ color: #ff6600;}
.foot_lx li span { display: inline-block; vertical-align: middle; width: 20px; height: 20px; overflow: hidden; margin-right: 15px;}
.foot_kx { display: inline-block; overflow: hidden; margin-top: 10px;}
.foot_ma { width: 120px; height: auto; overflow: hidden; display: block; float: right; }
.foot_ma .img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_ma .tit { display: block; font-size: 14px; line-height: 25px; color: #ffffff; overflow: hidden; margin-top: 10px; text-align: center;}

@media only screen and (max-width: 559px){
    .foot_bg { padding: 30px 0px 10px;}
    .foot_logo_des { margin-top: 10px; font-size: 13px; }
    .foot_share_bg { margin-top: 10px;}
    .foot_share_bg{ display:none;}
}


.flink_tit { display: block; font-size: 18px; font-weight: bold; line-height: 30px; color: #333333; margin-top: 20px; text-align: center;}
.flink_ul { width: 95%; height: auto; overflow: hidden;display:block; max-width: 1400px; border: 1px solid #dddddd; box-sizing: border-box; padding: 15px; margin: 25px auto 0px auto; font-size: 0;}
.flink_ul li { display: inline-block; font-size: 14px; line-height: 35px; overflow: hidden; margin: 0px 15px;}
.flink_ul li a { color: #555555;}
.flink_ul li a:hover { color: #13489d;}

.banquan_bg { display: block; height: auto; background: #000000; position: relative; width: 100%; overflow: hidden; text-align: center; padding: 10px 0px; }
.banquan_info { font-size: 14px; line-height: 25px; overflow: hidden; color: #ffffff;}
.banquan_bg a { color: #ffffff; display: inline-block; margin-left:10px;}
.place_bg { height: auto; overflow: hidden; display: block;  background: #e6e6e6; position: relative;}
@media only screen and (max-width: 940px){
    .navbars{ width:100%;}
    .navbars li { width:16.3%; text-align:center;}
    .navbars_fw{ width:100%;}
    .navbars_fw li { width:14%; text-align:center;}
    .place_bg {  padding: 0px 0px;}
    .place_ab { display:none; }
}
.place_bgg {  height: auto; overflow: hidden; display: block; padding: 15px 10px; background: #ffffff; position: relative;}
.width { width: 100%; height: auto;  max-width: 1300px; margin: 0px auto;}

.place_tit {/* display: block;*/ font-size: 28px; line-height: 60px; color: #115baa; overflow: hidden;font-weight: 700; width:auto; float:left; }
.place_tit span { font-family: arial; text-transform: uppercase; font-weight: 100; color:#ccc; font-size:1.3rem;}

@media screen and (max-width: 640px) and (min-width: 420px){
    .place_tit span { display: none;} 
    .foot_logo img { width: 80%; margin:0px auto; }
    .banquan_info { font-size: 13px; line-height: 25px; overflow: hidden; color: #ffffff;}
    .navbars li { line-height:46px;}
    .navbars li a{ font-size:13px;}
    .navbars_fw li { line-height:46px;}
    .navbars_fw li a{ font-size:13px;}
}

@media only screen and (max-width: 419.7px){
    
    .navbars_fw li { width:13.6%; line-height:34px;}
    .navbars_fw li a{ font-size:12px;}
}
@media screen and (max-width: 418.7px) and (min-width: 190px){
    .place_tit span { display: none;} 
    .foot_logo img { width: 80%; margin:0px auto; }
    .banquan_info { font-size: 13px; line-height: 25px; overflow: hidden; color: #ffffff;}
    .navbars li { line-height:46px;}
    .navbars li a{ font-size:13px;}
}

.place_ab { z-index: 9; color: #555555; line-height: 60px; font-size: 14px; background: url(../img/dot_place.png) no-repeat left; padding-left: 20px; float:right; padding-right: 15px; }
.place_ab a { color: #555555;}
.place_ab a:hover { color: #0ba5c0;}
.place_ab span {margin: 0px 5px;}

.catname { display: block; font-size: 23px; line-height: 35px; overflow: hidden; color: #115baa; margin-top: 25px;}
.cat_hr { width: 100%; height: 1px; background: #aaaaaa; display: block; margin-top: 20px;}

/*客户案例列表*/
.case_sel_bg { width: 100%; max-width: 1200px; margin:0px auto ; height:70px; /*position: relative; border: 10px solid #f5f5f5; padding-bottom:20px; background: #ffffff; margin:30px auto 0px auto; box-sizing: border-box;*/}
.case_sel_li { float: left; margin:20px 3% 0px 0%; width:31%; }
.case_sel_tit { display: inline-block; font-size: 18px; line-height: 40px; color: #000000; float: left;}
.case_sel_cur { width: 100%; height: 34px; line-height: 34px; float: left;  background: #ff9600; border-radius: 50px; margin-left: 10px; text-align: center; box-sizing: border-box; position: relative;}
.case_sel_cur a { width: 100%; height: auto; overflow: hidden; color: #ffffff; font-size: 16px;}
.case_sel_cur a span { display: inline-block; vertical-align: middle; background: url(../img/dot_sel.png) no-repeat center; width: 16px; height: 10px; margin-left: 10px;}
.case_sel_ab { padding: 10px 15px; background: rgba(255,255,255,.9); top: 40px; position: absolute; z-index: 9999; left: 0; width:93%;}
.case_sel_ab li { display: block; width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 35px; white-space: nowrap;}
.case_sel_ab li a { display: block; color: #000000; text-align: left;}
.case_sel_ab li a:hover { color: #115baa;}
.case_sel_btn { font-size: 16px; line-height: 34px; border-radius: 50px; float: right; margin: 20px 10px 0px 0px; width:30%; text-align:center; background: #ff9600;}
.case_sel_btn a { display: block; color: #fff; padding: 0px 25px; overflow: hidden; transition: all .3s;}
.case_sel_btn a:hover { background: #ffcc00; color: #ffffff; border-radius: 50px;}
.case_nav_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f5f5f5; padding: 12px 6px; box-sizing: border-box; margin-top: 45px; border-radius: 8px;}
.case_nav_bg li { width: 33.3333%; height: auto; overflow: hidden; display:block; float: left; padding: 0px 6px; box-sizing: border-box;}
.case_nav_bg li .con_bg { width:100%; height: auto; overflow: hidden; display: block; padding:40px 0px 25px 0px; background: #ffffff; border-radius: 8px;}
.case_nav_bg li .tit { display: block; font-size: 35px; line-height: 50px; overflow: hidden; color: #555555; text-align: center;}
.case_nav_bg li .tit a { color: #555555; display: block;}
.case_nav_bg li .hr { width: 110px; height: 2px; display: block; background: #555555; margin: 10px auto 0px auto;}
.case_nav_bg li .tit_span { font-size: 16px; line-height: 25px; display: block; text-align: center; color: #ff9600; overflow: hidden; margin-top: 10px; text-transform: uppercase;}
.case_nav_bg li .img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.case_nav_bg li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.case_nav_bg li .img:hover img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.case_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px; font-size: 0;}
.case_ul li { width: 25%; height: auto; overflow: hidden; display:inline-block; vertical-align: top; margin-top: 10px; padding: 0px 10px 0px 10px; transition: all .3s; box-sizing: border-box;}
.case_ul li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff;}
.case_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.case_ul li .tit { display: block; font-size: 16px; line-height: 44px; padding: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.desc{ display: block; font-size: 17px; line-height: 35px; padding-left :15px; margin-bottom: 30px; padding-right:15px; box-sizing: border-box; word-break: break-all;
    text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px; }
.case_ul li:hover { padding: 10px 10px 25px 10px;}
.case_ul li:hover .con_bg { box-shadow: 0px 0px 10px rgba(36,91,170,.3);}

.pagination { width: 100%; height: auto; overflow: hidden; text-align: center;  margin-top: 15px; margin-bottom:15px; }
.pagination li { margin: 0px 2px ; color: #555555; display: inline-block; overflow: hidden; width: 32px; height: 32px;line-height:32px; text-align: center; vertical-align: middle;font-size: 14px; }
.pagination .disabled{ background: #c8c8c8 !important; color: #ffffff;}
.pagination .active ,.pagination li a:hover{ margin: 0px 2px ; background: #0c64b3; color: #ffffff; display: inline-block; overflow: hidden; width: 32px; height: 32px; line-height:32px; font-size: 14px; text-align: center; vertical-align: middle; }
.page_h { width:210px; height: 50px; display: block; background: url(../img/page_h.png) no-repeat center; font-size: 28px; color:#ffffff; line-height: 50px; padding-left: 35px; box-sizing: border-box; margin-top: 30px;}


.pro_nav { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.pro_nav li { width: 33.2%; height: auto; overflow: hidden; float:left; }
.pro_nav li .con_bg { width:100%; margin-left:10px; height: auto; overflow: hidden; padding-top:20px;   background: #eeeeee; position: relative;}
.pro_nav li .tit { display: block; font-size: 30px; line-height: 45px; overflow: hidden; color: #555555; text-align: center;}
.pro_nav li .tit a { color: #555555; display: block;}
.pro_nav li .hr { width: 110px; height: 2px; display: block; background: #555555; margin: 10px auto 0px auto;}
.pro_nav li .tit_span { font-size: 16px; line-height: 25px; display: block; text-align: center; color: #ff9600; overflow: hidden; margin-top: 10px; text-transform: uppercase;}
.pro_nav li .img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.pro_nav li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_nav li .img:hover img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_nav li .pro_ab { width: 100%; height:0; display: block; overflow:hidden; background: #ff9600; position: absolute; z-index: 9; bottom: 0; left: 0;  box-sizing: border-box; transition: all .3s;}
.pro_nav li:hover .pro_ab { height: 100%; padding:25px;}
.pro_nav li .pro_ab_tit { display: block; font-size: 24px; line-height: 40px; overflow: hidden; text-align: center; border-bottom: 2px solid #ffffff; padding-bottom: 10px;}
.pro_nav li .pro_ab a {  color: #ffffff;}
.pro_nav li .pro_ab_dl { display: block; height: auto; width: 100%; overflow: hidden; margin-top: 15px;}
.pro_nav li .pro_ab_dl dd { display: block; font-size: 16px; line-height: 30px; overflow: hidden; text-align: center;}

.pro_child { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.pro_child li { width: 24%; height: auto; overflow: hidden; float: left; position: relative; margin:0% 0.5%}
.pro_child li .con_bg { width:100%; height: auto; overflow: hidden; display: block; padding:40px 0px 25px 0px; background: #f5f5f5; position: relative;}
.pro_child li .tit { display: block; font-size: 28px; line-height: 40px; overflow: hidden; color: #555555; text-align: center;}
.pro_child li .tit a { color: #555555; display: block;}
.pro_child li .hr { width: 110px; height: 2px; display: block; background: #555555; margin: 10px auto 0px auto;}
.pro_child li .tit_span { font-size: 15px; line-height: 25px; display: block; text-align: center; color: #ff9600; overflow: hidden; margin-top: 10px; text-transform: uppercase;}
.pro_child li .img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 0px;}
.pro_child li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_child li .img:hover img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_sel_bg { height: auto; overflow: hidden; background: #f6f6f6; padding: 20px 10px; margin-top: 20px; margin-left: 6px;  margin-right: 6px; margin-bottom:20px; }

@media only screen and (max-width: 1100px){
    .pro_sel_bg { display: none; }
}

.pro_sel_wd { width: 100%; height: auto; overflow:hidden; position: relative;}
.sel_ul { width: 100%; height: auto; overflow: hidden; display: block; white-space: nowrap; font-size: 0;}
.sel_ul li { display: inline-block; font-size: 15px; overflow: hidden; color: #555555; vertical-align: middle; margin-left:25px;}
.sel_ul li label { display: inline-block; vertical-align: middle;}
.sel_ul li .sel_input { width: 110px; height: 30px; display: inline-block; vertical-align: middle;  border: 1px #e6e6e6 solid; outline: none; margin: 0px 10px; padding: 0px 5px; box-sizing: border-box; text-align: center;}
.sel_ul li .submit { width: 130px; height: 40px; display: block; border-radius: 4px; background: #ff9600; text-align: center; line-height: 40px; color: #ffffff; cursor: pointer; border: none; outline: none;}

.pro_sel_ab { display: inline-block; font-size: 0; overflow: hidden; top: 50%; transform: translateY(-50%); right: 25px; white-space: nowrap; position: absolute; z-index: 9;}
.pro_sel_btn { display: inline-block; font-size: 15px; line-height: 40px; background: #ff9600; border-radius: 4px; overflow: hidden; margin-left: 15px; vertical-align:middle;}
.pro_sel_btn a { display: block; color: #ffffff; padding: 0px 25px; overflow: hidden; transition: all .3s;}
.pro_sel_btn a:hover { background: #ff9600; color: #ffffff;}
.pro_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.pro_ul li { width: 50%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 6px; box-sizing: border-box; margin-top: 15px;}
.pro_ul li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #e2e2e2; padding: 5px 0px; box-sizing: border-box; font-size: 0;}
.pro_ul li .img_bg { width: 46%; padding-top:43% !important;  height: auto; overflow: hidden; display:inline-block; padding: 0px 5px; box-sizing: border-box; max-width: 310px; vertical-align: middle; border-right: 1px solid #e2e2e2;}
.pro_ul li .info_bg { width: 54%; height: auto; overflow: hidden; min-height: 100px; display: inline-block; vertical-align: middle; padding: 0px 10px 0px 15px; box-sizing: border-box; }
.pro_ul li .info_tit { display: block; font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.pro_ul li .info_h { display: block; font-size:16px; /*height: 200px;*/ line-height: 30px; color: #222222; word-break: break-all; 
text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6; -webkit-box-orient: vertical; margin-top: 5px;}
@media only screen and (max-width: 1130px){
    .pro_ul li .info_h {  font-size:13px; line-height: 19px; }
}
@media only screen and (max-width: 940px){
    .pro_ul li .info_h {  font-size:16px; line-height: 26px; }
}
.pro_ul li .info_p { display: block; font-size:14px; line-height:20px; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_ul li .info_p span { margin-left: 15px;}
.pro_ul li .pro_more_bg { width: 100%; height: auto; overflow: hidden; display: block; max-width: 360px;}
.pro_ul li .pro_more_bg a { display: block; font-size: 15px; overflow: hidden; text-align: center; line-height: 35px; background: #eb612a; transition: all .3s; color: #ffffff;}
.pro_ul li .pro_more_bg a:hover { background: #ff9600;}
.pro_ul li .pro_more_l { width: 48%; height: 35px; max-width: 180px; overflow: hidden; float: left; border-radius: 5px; margin-top: 15px;}
.pro_ul li .pro_more_r { width: 48%; height: 35px; max-width: 180px; overflow: hidden; float: right; border-radius: 5px; margin-top: 15px;}
.pro_ul li .re_img_bg { width: 100%; overflow: hidden; display: block; position: relative; background: url(../img/pro_re_img.jpg) no-repeat center; background-size:cover; padding: 52px 0px;}
.pro_ul li .re_img_dot { width: 65px; height: auto; overflow: hidden; display: block; margin: 0px auto;}
.pro_ul li .re_img_more { width: 85%; height: auto; overflow: hidden; display: block; max-width: 500px; background: rgba(255,255,255,.5); border: 1px solid #e96229; margin: 35px auto 0px auto;}
.pro_ul li .re_img_more a { display: block; text-align: center; font-size: 23px; padding:13px 0px; overflow: hidden; color: #e96229;}


.show_tit_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdb;}
.show_tit { width: 140px; height: 45px; display: block; background: #115baa; text-align: center; line-height: 45px; font-size: 23px; color: #ffffff;}
.show_3d_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.show_3d_l { width: 60%; height: auto; display: block; float: left; position: relative; box-sizing: border-box;}
.show_3d_re { width: 100%; height: auto; overflow: hidden; display: block;}
.show_3d_tit { display: block; font-size: 25px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555555; position: absolute; z-index: 99; width: 100%; text-align: center; top: 5px;}
.show_3d_btn { width: 70%; max-width: 300px; height: 40px; background: #969696; display: block; position: absolute; z-index: 99; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 17px; text-align: center; line-height: 40px; color: #ffffff; border-radius: 10px;}
.show_3d_dot { width: 70%; max-width: 520px; height: auto; overflow: hidden; position: absolute; z-index: 99; top: 0; left: 50%; transform: translateX(-50%);}
.show_3d_r { width:40%; height: auto; display: block; float: right; position: relative; padding-left: 30px; box-sizing: border-box;}
.show_r_tit { font-size: 23px; line-height: 35px; display: block; overflow: hidden; color: #000000;}
.show_r_hr { width: 150px; height: 4px; display: block; background: url(../img/show_tit_dot.jpg) no-repeat; margin: 15px 0px 25px 0px;}
.show_r_des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 17px; line-height: 35px; color: #000000;}
.certify { width: 100%; height: auto; overflow: hidden; display:block; position: relative; margin-top: 35px;}
.certify .swiper-pagination {width: 100%; position: relative; text-align: center; margin-top: 20px;}
.certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px;  height: 10px; opacity: 1;}
.certify .swiper-pagination-bullets .swiper-pagination-bullet-active {  border: 3px solid #00aadc;  background-color: #fff;}
.swiper-slide{ -webkit-flex-shrink:0;-ms-flex:0 0 auto; flex-shrink:0; width:40%;  overflow: hidden; position:relative}
.certify .swiper-slide .img { width: 100%; /*height: 240px;*/overflow: hidden; display: block;}
.certify .swiper-slide .tit { width: 100%; height: 44px; line-height:44px; position: absolute; z-index: 9; bottom: 0px; background: rgba(0,0,0,.6);  text-align: center;box-sizing: border-box;}
.certify .swiper-slide .tit a { color: #ffffff; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}

/*******/

.show_h { display: block; font-size: 30px; font-weight: bold; color: #000080; line-height: 40px; overflow: hidden; margin-top: 30px;}
.show_info { width: 100%; height: auto; overflow: hidden; display: block; border-bottom: 1px solid #dddddd; padding-bottom: 30px; font-size: 16px; line-height: 32px; color: #444444; 
margin-top: 15px;}
.show_table { width: 100%; height: 300px; overflow: auto; overflow-y: hidden; display: block;}
.show_table .table { width: 100%; text-align: center; margin-top: 30px; min-width: 720px;}
.show_table .table th { background: #f6f6f6; font-size: 15px; line-height: 25px; padding: 15px 0px; font-weight: normal;}
.show_table .table td { font-size: 14px; color: #555555; line-height: 23px; padding: 10px 0px;}
.show_btn { width: 150px; height: 40px; display: block; overflow: hidden; margin: 20px auto 0px auto; border: 1px solid #dddddd; text-align: center; font-size: 15px; line-height: 40px; 
outline: none;}
.show_info img { max-width: 100%; height: auto; margin: 20px auto; display: block;}

.cjse_ser{ width: 100%; overflow: hidden;}
.cjse_main{ max-width:1300px; margin: 0px auto; overflow: hidden; line-height: 30px; margin-bottom: 5px; }
.cjse_main p{ font-size: 1rem; padding-left: 10px; padding-right: 10px;  padding:0px; text-indent:2em; }
.cjse_main span{ font-size: 18px; font-weight: 600;}
.cjse_maina { width: 50%; overflow: hidden;}
.cjse_maina h3 { font-size: 1.3rem; color: #000080; margin: 0px; padding:15px 10px 0px;}
.cjse_maina img{ max-width:96%; text-align: center; }
.cjse_l{ float: left;}

@media (max-width:460px) {
    .cjse_maina { width: 100%; overflow: hidden; text-align: center;}
    .cjse_main p{ font-size: 12px;line-height: 22px;text-align:left;}
    .cjse_main span{ font-size: 16px; font-weight: 600;}
    .cjse_maina img{ max-width:96%; text-align: center; }
}

@media (min-width:461px) and (max-width:790px) {
    .cjse_maina { width: 100%; overflow: hidden; text-align: center;}
    .cjse_main p{ font-size: 14px;  line-height: 26px;text-align:left;}
    .cjse_main span{ font-size: 16px; font-weight: 600;}
    .cjse_maina img{ max-width:96%; text-align: center; }
}

@media (min-width:791px) and (max-width:960px) 	{
    .cjse_maina { width: 50%; overflow: hidden; text-align: center; }
    .cjse_maina h3 { font-size: 1.19rem;  padding:0px 10px 0px;}
    .cjse_main p { font-size: 12px; text-align:left;}
    .cjse_main span{ font-size: 16px; font-weight: 600;}
    .cjse_maina img{ max-width:96%;  }
}
@media (min-width:961px) and (max-width:1200px) {
    .cjse_maina { width: 50%; overflow: hidden; text-align: center; }
    .cjse_main p{ font-size: 14px;  line-height: 29px;text-align:left; }
    .cjse_main span{ font-size: 18px; font-weight: 600;}
    .cjse_maina img{ max-width:96%; text-align: center;  }
}

/*优势*/
.container{ max-width: 1280px; overflow: auto;  margin: 0px auto; }
.cjse_c_main{ width: 100%; overflow: auto; margin: 0px auto; }  
@media only screen and (max-width: 1300px) {
	.cjse_c_main{ width: 98%; } 
}
.zjys_title{ font-size: 1.35em; font-weight: 600; padding-left: 15px; line-height: 34px;  margin-bottom: 30px;}
.color_l{ border-left: 6px #115baa solid; }
.color_h{ border-left: 6px #ff9900 solid; color: #ff9900; }
.cjse_c_main p{ font-size: 16px; line-height: 26px; text-indent: 2rem;}
.cjse_pr_tit{ width: 100%; border-bottom: 1px solid #dbdbdb; height: 43px;  padding-top: 15px; margin-bottom: 15px;}
.cjse_pr_tit .cjse_pr_titb{ min-width:140px; line-height: 43px; background: #13489d; float: left;  text-align: center; font-size: 23px; color: #ffffff; }
.test{ float: left; width: 24%; box-sizing: border-box; min-width: 150px; text-align: center; margin-left: 0.5%; margin-right: 0.5%; padding-bottom: 15px; overflow: hidden; }
.test img{ width: 94%;  text-align: center; transition: transform 0.3s ease; /* 设置变换效果 */ }
.test:hover img { transform: scale(1.1); /* 鼠标穿过时放大1.1倍 */ }
.test .test_title{ font-size: 14px;}
 
@media (max-width:740px ) {
    .test{ float: left; width: 24%; box-sizing: border-box; padding: 5px 0px 5px 0px; min-width: 100px; }
    .test .test_title{ font-size: 12px; }
}

@media (max-width:590px ) {
    .test{ float: left; width: 49%; box-sizing: border-box; padding: 5px 0px 5px 0px; min-width: 150px; }
    .test .test_title{ font-size: 14px;}
    .cjse_c_main p{ font-size: 14px; line-height: 23px; text-align: justify;}
    }
@media (max-width:315px ) {
    .test{ float: left; width: 100%; box-sizing: border-box; padding: 5px 0px 5px 0px; }
}

.cjse_zjry{ max-width: 1200px; margin: 0px auto; text-align: center; }
.cjse_zjry img{ width: 98.4%; }

/* 33.333333% */
.test3{ float: left; width: 32.333333%;  min-width: 150px; margin-left: 0.5%; margin-right: 0.5%; overflow: hidden; }
.test3 img{ width: 100%; transition:all 0.5s ease-out;  -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
.test3:hover img { transform: scale(1.1);  }
.test3 .test_title{ font-size: 16px;  line-height: 40px; text-align: center;}
.test3 h3{ font-size: 18px;  line-height: 40px; text-align: center;}
.test3a{ width:100%; overflow: hidden; max-height:270px;}
.test3a img{ width: 100%; max-height: 300px; text-align: center;  transition:all 0.5s ease-out;  -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;  }
.test3a:hover img { transform: scale(1.1);  }

@media (max-width:740px ) {
    .test3{ float: left; width: 32.333333%;  box-sizing: border-box; min-width: 100px; }
    .test3 .test_title{ font-size: 12px; }
}

@media (max-width:590px ) {
    .test3{ min-width: 90px; }
    .test3 .test_title{ font-size: 14px; display:none; }
}

@media (max-width:315px ) {
    .test3{ float: left; width: 100%; box-sizing: border-box; padding: 5px 0px 5px 0px; }
}

/*合作伙伴*/
.cjse_hzhb_width { width: 95%;  height: auto;  overflow: hidden; display: block; position: relative; max-width: 1280px;  margin: 0 auto; }
.porTbox { position: relative;  overflow: hidden; width: 100%; }
.showBox { position: absolute; top: 0px; left: 0px;  width: 100%;  height: 100%; opacity: 0; background: rgba(0, 0, 0, .6); transition: all 0.5s ease; }
.showBoxLink { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 60%; color: #fff !important; text-align: center; font-size: 1rem;
    padding: 0.5rem 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newImg { top: 50%; left: 50%; width: 100%; transition: all .5s ease; }
.showBoxLink::before { content: '';  position: absolute; top: 0px;  left: 50%; transform: translateX(-50%);  width: 60%; height: 1px; background: #fff; transition: all .5s ease; }
.showBoxLink::after { content: '';  position: absolute; bottom: 0px; left: 50%;  transform: translateX(-50%);  width: 60%; height: 1px; background: #fff; transition: all .5s ease; }
.newLi:hover .newImg { transform: scale(1.1); }
.newLi:hover .showBox { opacity: 1; height: 100%; background: rgba(0,0,0,0.4); }
.newLi { height: auto; position: relative; overflow: hidden; padding: 5px; }

.swipera-container{ margin-top:30px;margin-left: auto;  margin-right: auto; position: relative;  overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.reset_style{ width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; padding: 0px;}
.reset_style p { text-align: left; color:#262626; }
.w_fline-001{ width: 100%; max-width: 60px; min-width: 0px; height: auto; max-height: none; min-height: 20px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px;
    padding-top: 0px;  padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
.p_FLine{ border-top:solid rgba(241, 142, 38, 1) 5px;  margin-top: 10px;}
.button-prev.swiper-button-disabled {  opacity: .35;cursor: auto;   pointer-events: none; }
.button-prev { outline: 0;}
.button-prev{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");    left: 10px;    right: auto;}
.button-prev {    position: absolute;    top: 50%;    width: 27px;    height: 44px;    margin-top: -22px;    z-index: 10;    cursor: pointer;    background-size: 27px 44px;
    background-position: center;    background-repeat: no-repeat;}

.button-next.swiper-button-disabled, .button-prev.swiper-button-disabled {  opacity: .35;  cursor: auto;  pointer-events: none;}
.button-next, .button-prev {  outline: 0;}
.button-next, .container-rtl .button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");  right: 10px;  left: auto;}
.button-next, .button-prev {  position: absolute;  top: 50%;  width: 27px;  height: 44px;  margin-top: -22px;  z-index: 10;  cursor: pointer;  background-size: 27px 44px;
  background-position: center;  background-repeat: no-repeat;}
.swipera-container { list-style: none;}

/*技术参数*/

.wns_c{max-width: 1200px; margin: 0px auto;overflow: hidden;}
.wns_c p { padding-top: 30px; }
.wns_c span { color: #ff0000;}
.table-style2 {margin:0px auto; max-width: 100%; max-height: 600px; overflow-y:auto; overflow-x: hidden;-ms-overflow-style:none;}
.table-style2 table { border-collapse: collapse; border-spacing: 0; width:100%; font-size: 16px; color: #555; }
.table-style2 td, .table-style2 th {padding:5px 0px;border: 1px solid #fff;text-align: center; line-height: 40px;}
.table-style2 thead{position: sticky;top: 0;}
.table-style2 thead td{border-top:none;}
.table-style2 .firstRow td { background: #0f366d; color: #fff;}
.table-style2 tbody td{white-space: nowrap;}
.table-style2 table tbody tr:nth-child(even) td{background-color: #f6f6f9;}
.table-style2 table tbody tr:nth-child(odd) td{background: #dddddd;}
.table-style2 table tbody tr:hover td{ background-color: #ededed; }
.table-style2::-webkit-scrollbar {display: none;}

/*咨询按钮*/
.baner_btnaaa01{ margin:0px auto; line-height: 22px; width:290px;}
.baner_btnaac{ padding: 7px 26px; background: #FF6600; background-image: linear-gradient(#ff9900, #ff6600);color: #fff; border-radius: 5px; float: left;font-size:16px; }
.baner_btnaad{ padding: 7px 26px; background: #499eed; background-image: linear-gradient(#499eed, #0344a6);color: #fff; border-radius: 5px;float: right; }
.baner_btnaac:hover{background:#ff9900;	color:#fff; }
.baner_btnaad:hover{background:#00aaee;	color:#fff; }
@media (min-width:460px) and (max-width:940px) {
    .baner_btnaac{ padding: 7px 20px;font-size:14px; margin-right: 15px;}
    .baner_btnaad{ padding: 7px 20px;font-size:14px;}
}
@media (min-width:319px) and (max-width:459px) {
    .baner_btnaaa01{ margin:0px auto; line-height: 22px; width:200px;}
    .baner_btnaac{ padding: 5px 15px; float: left;font-size:12px; margin-right: 15px;}
    .baner_btnaad{ padding: 5px 15px; float:left;font-size:12px;}
}

.case_show_img{ max-width:767px; overflow:hidden; text-align:center; margin:0px auto;}
.cjse_c_main_b{ text-align: center;}
.cjse_c_main_l {  width: 38%;  overflow: hidden;  padding-top: 15px; float: left; padding-left: 3% }
.cjse_c_main_l img { width: 95%; text-align: center; overflow: hidden;}
.cjse_c_main_r {  width: 53%;  overflow: hidden;  text-align: left; float: right; padding-right: 2%}
.cjse_c_main_r p {  width: 100%;  line-height: 29px;  font-size: 16px;  margin-top: 15px; text-indent: 0rem;  }
.container .test8{ float: left; width: 12.5%; box-sizing: border-box; min-width: 150px; text-align: center;  padding-bottom: 15px; overflow: hidden; /* 隐藏超出容器部分的图片 */ }
.container .test8 img{ width: 50%;  text-align: center;   transition: transform 0.3s ease; /* 设置变换效果 */    }
.container .test8:hover img { transform: scale(1.1); /* 鼠标穿过时放大1.1倍 */ }
.container .test8 .test_title{ font-size: 16px; padding-top: 10px; }


.test6{ float: left; width: 15.666%; margin:0px 0.5%; box-sizing: border-box; min-width: 150px; text-align: center; padding-bottom: 15px; overflow: hidden; }
.test6 img{ width: 168px;  text-align: center;  transition: transform 0.3s ease; /* 设置变换效果 */ }
.test6:hover img { transform: scale(1.1); /* 鼠标穿过时放大1.1倍 */ }
.test6 .test_title{ font-size: 16px; padding-top: 10px; }

@media only screen and (max-width: 480px){
    .pro_ul li .info_h { font-size:12px; line-height: 22px;}
    .pro_ul li .info_bg{  padding-left:5px; padding-right:5px; }
    .pro_ul li .pro_more_bg a {  font-size: 12px;  line-height: 26px; }
    .pro_ul li .pro_more_l {  border-radius: 30px; height:auto; }
    .pro_ul li .pro_more_r {  border-radius: 30px; height:auto; }
}

@media (min-width: 240px) and (max-width: 640px) {
    .cjse_hzhb_width { display: none; } 
}

/*案例列表首页*/
.about1_info {
  display: none;
}
.cjse_case { width: 100%; overflow: hidden; padding-top: 30px; background: url("../images/aboutbg_15.jpg") no-repeat top center;}
.cjse_case .cjse_hd { max-width:1280px; margin-right:auto; margin-left:auto; overflow: hidden; }
.cjse_case .cjse_hd .item{position:relative; padding-left:126px;}
.cjse_case .cjse_hd .item .tit{font-size:20px; line-height:38px; color:#323232; font-weight:bold; position:absolute; left:10px; top:0;}
.cjse_case .cjse_hd .item .tita{font-size:20px; line-height:38px; color:#323232; font-weight:bold; position:absolute; left:10px; top:48px;}
.cjse_case .cjse_hd .item .con{font-size:0;}
.cjse_case .cjse_hd .item .con li {display:inline-block; width: 15.5%; height:38px; line-height:38px; font-size:16px; background:#f0f0f0; color:#666; margin-right:0.75rem; text-align:center; margin-bottom:13px;}
.cjse_case .cjse_hd .item .con .active {background:#fcb026; color:#323f47;}
	
.case_banner .ban_form .con{font-size:18px; color:#fff; margin-top:10px; text-align:right;}
.case_banner .ban_form .con span{font-weight:bold; color:#fcb026;}

@media (min-width: 1004px) and (max-width: 1154px) { 
	.cjse_case .cjse_hd .item .con ul li {width: 15.3%; height:38px; line-height:38px; font-size:16px; }
}
@media (min-width: 830px) and (max-width: 1003px) { 
	.cjse_case .cjse_hd .item .con ul li {width: 14.7%; height:38px; line-height:38px; font-size:14px; }
	.cjse_case .cjse_hd .item .titaa{font-size:18px; left:10px; top:0;}
}
@media (min-width: 641px) and (max-width: 829px) { 
	.cjse_case .cjse_hd .item{position:relative; padding-left:110px;}
	.cjse_case .cjse_hd .item .tit{ font-size:18px;}
	.cjse_case .cjse_hd .item .tita{font-size:18px; left:10px; top:83px;}
	.cjse_case .cjse_hd .item .con ul li {width: 30%; min-width: 116px; height:30px; line-height:30px; font-size:16px; }
}
@media (min-width: 191px) and (max-width: 640px) { 
	.cjse_case .cjse_hd .item{ width:100%; overflow:hidden; padding:0%;  }
	.cjse_case .cjse_hd .item ul { width:99%; margin:0% 0% 0% 1%; overflow:hidden; }
	.cjse_case .cjse_hd .item .tit{ font-size:18px; width:100%; overflow:hidden; position:relative; text-align: center; top:0px; left:0px;}
	.cjse_case .cjse_hd .item .tita{ font-size:18px; width:100%; overflow:hidden; position:relative; text-align: center; top:0px; left:0px; }
	.cjse_case .cjse_hd .item .con { width: 100%;}
	.cjse_case .cjse_hd .item .con ul li { width: 32.3%; margin-right:1%; height:30px; line-height:30px; font-size:16px; }
	.case_ul { margin-top: 0px; }
	.cjse_case { padding-top: 15px;}
}
@media (min-width: 191px) and (max-width: 360px) {
  .cjse_case .cjse_hd .item .con ul li { font-size: 13px;  }
}

.e_link { height: inherit; }
.e_link-000 {  width: 100%; height: 50px;  display: block;}


/*服务支持*/
.zhong_fw { width: 100%; clear: both; padding-bottom: 30px;} 
.zhong_fwbg { background-color: #f7f7f7; overflow: hidden;}
@media (min-width: 1280px) {
    .zhong_main {width: 1280px; margin: 15px auto;}
}

.zhong_tit { overflow: hidden; padding-left:15px; padding-right:15px; padding-bottom: 30px; padding-top: 15px; }
.zhong_tit h3 {  font-size: 1.75rem;  line-height: 3rem; text-align: center;}
.zhong_tit p { font-size: 1rem; color: #626060; text-align: center; line-height:26px; }
.zhong_fw .afw  { width: 100%; overflow: hidden; }

.zhong_fw .afw li  {float: left; width: 21%; height: 260px; margin:0% 1%; padding:0 1%; background-color: #fff; text-align: center; transition: all 0.2s;-webkit-transition: all 0.2s;position: relative; z-index: 1;}
.zhong_fw .afw li:nth-child(4) {margin-right: 0;}
.zhong_fw .afw li a {display: block; width: 100%; font-size: 1.3rem; text-align: center; }
.zhong_fw .afw .zhong_ico { width: 50px; height: 50px; margin: 30px auto 15px; overflow:hidden;}
.zhong_fw .afw .zhong_ico01 { background: url("/images/img_ico03.png"); background-repeat:no-repeat;background-size:100%; }
.zhong_fw .afw .zhong_ico03 { background: url("/images/img_ico01.png"); background-repeat:no-repeat;background-size:100%; }
.zhong_fw .afw .zhong_ico04 { background: url("/images/img_ico04.png"); background-repeat:no-repeat;background-size:100%; }
.zhong_fw .afw .zhong_ico05 { background: url("/images/img_ico05.png"); background-repeat:no-repeat;background-size:100%; }
.zhong_fw .afw li span { width: 60px; height: 60px; background-repeat:no-repeat;background-size:100%; background-position: 0px 0px; margin: 0px auto; overflow:hidden;}
.zhong_fw .afw li .line { width: 20px; height: 1px; background-color: #626060; margin: 15px auto 15px ;}
.zhong_fw .afw li p {font-size: 0.9rem; line-height: 2.0rem;}
.text-red { color: #ff6600; }

@media (min-width: 210px) and (max-width: 768px) {
	.zhong_fw .afw li  { float: left; width: 46%; height: 260px; margin:1% 1%; padding:0 1%;}
}

/*解决方案*/
.solu_center03 { padding: 110px 0; background: url(../img/banner_al.jpg) no-repeat center;  background-size: auto;  background-size: cover; }
.wrap { width: 76%; margin-right: auto;  margin-left: auto;}
.solu_center03 .infor {  width: 46%; }
.solu_center03 .infor .tit { font-size: 30px; line-height: 46px; font-weight: lighter; color: #333f47; }
.solu_center03 .infor .con { font-size: 43px; line-height: 60px; font-weight: bold; color: #333f47;}
.solu_center03 .infor .txt { font-size: 16px; line-height: 36px; color: #333f47; }

@media only screen and (max-width: 1240px) {
	.solu_center03 { background: url(../img/banner_al03.jpg) no-repeat center;  background-size: auto;  padding: 10px 0 392px;  background-size: cover;}
	.wrap {  width: 90%; margin-right: auto; margin-left: auto;}
	.solu_center03 .infor { width: 100%;  text-align: center; }
	.solu_center03 .infor .tit { font-size: 38px; line-height: 38px; color: #333f47;  margin-bottom: 17px; }
	.solu_center03 .infor .con { font-size: 40px;line-height: 40px; color: #282c2e; font-weight: bold;}
	.solu_center03 .infor .txt { font-size: 16px; line-height: 29px; color: #4e4e4e; margin-top: 50px; text-align: left; }
}

@media only screen and (max-width: 760px) {
	.wrap { width: 96%; margin-right: auto;  margin-left: auto;}
	.solu_center03 { padding: 15px 0 90px;  }
	.wrap { width: 92%; font-size: 16px; padding-left: 4%; padding-right: 4%;  width: auto;  margin: 0; }
	.solu_center03 .infor .txt { font-size: 14px; line-height: 29px; color: #4e4e4e; margin-top: 0px; text-align: left; }
	.solu_center03 .infor .tit { font-size: 23px; line-height: 26px; color: #333f47;  margin-bottom: 10px; }
	.solu_center03 .infor .con { font-size: 18px;line-height: 26px; color: #282c2e; font-weight: bold;}
}
@media only screen and (max-width: 560px) {
	.solu_center03 .infor .tit { font-size: 14px;  color: #333f47;  margin-bottom: 0px; }
	.solu_center03 .infor .con { font-size: 14px; color: #282c2e; font-weight: bold; margin-bottom: 10px; }
	.wrap { width: 92%;  padding-left: 4%; padding-right: 4%;  width: auto;  margin: 0; }
	.solu_center03 .infor .txt { font-size: 12px; line-height: 21px; color: #4e4e4e; margin-top: 0px; text-align: left; }
}

/*氟化氢储罐*/
.hf_main { width: 100%; overflow: hidden; }
.tit h3 { width: 100%; text-align: center; font-size: 1.9rem; }
.tit h3 a { color: #333; }
.tit span { display: block; max-width:1200px; height: 1px; background: #d2d2d2; margin: 10px auto 0px; position: relative; }
.tit span::after { content: ""; position: absolute; width: 46px; height: 10px; background: #f68400; bottom: -5px; left: 50%; margin-left: -23px; }

/*氟化氢特点*/
.w-wrap { width: 100%; overflow: hidden; margin-right:auto; margin-left:auto;}
.con18{font-size:18px; line-height:26px}
.tit40{font-size:2rem; padding-top: 15px; padding-bottom: 15px;}
.new_common_title {  color: #063f87;  font-weight: bold;  padding-bottom: 10px;  position: relative;  text-align: center; }
.new_common_title::after {  content: '';  position: absolute;  left: 50%;  transform: translateX(-50%);  bottom: 0;  width: 46px;  height: 6px;  background: #f68400;}
.new_lease01{ width: 100%; overflow: hidden; margin: 0px auto; }
.new_lease01 .new_common_title{text-align:left;}
.new_lease01 .new_common_title::after{left:0; transform:none;}
.new_lease01 .content { max-width: 1200px;  overflow: hidden; margin-right:auto; margin-left:auto; padding-bottom: 30px; padding-top:1rem; }
.new_lease01 .left{width:50%; float: left; padding-left: 1.5%; }
.new_lease01 .left .con{margin-top:1rem;}
.new_lease01 .left .item{margin-bottom:.25rem; color:#747474;}
.new_lease01 .left .item .tit{font-weight:bold; color:#000; font-size:1rem;}
.new_lease01 .left .item .tit a{color:#063f87; }
.new_lease01 .left .tips{font-weight:bold;}
.new_lease01 .left .tips a{ color:#063f87; }
.new_lease01 .left .tips a:hover{ color:#f68400; }
.new_lease01 .right{ width:50%; float: right; position:relative; padding-right: 1.5%; }
.new_lease01 .right .m_img{display:none; position:relative;}
.new_lease01 .right .img_box{ width: 100%; height:100%; position:relative;  }
.new_lease01 .right .img_box .img{ position:absolute; overflow: hidden; }
.new_lease01 .right .img_box .img img{cursor:pointer;transition: all 0.6s;}
.new_lease01 .right .img_box .img img:hover{transform:scale(1.1);}

.new_lease01 .right .img_box .img img{ border-radius:.5rem; overflow:hidden;}
.new_lease01 .right .img_box .img01{ left:1%; width:56%; padding-top:1rem; z-index:2; position: absolute; }
.new_lease01 .right .img_box .img02{ position: absolute; left:49%; width:40%; top:0%;}
.new_lease01 .right .img_box .img03{ position: absolute; right:0%; width:42%; top:170px; z-index:2;}
.new_lease01 .right .img_box .img04{ position: absolute; width:20%; top:325px; right:15%; }
.new_lease01 .right .cover{ position:absolute; width:40.8%; left:3%; bottom:-330%; background:rgba(6, 63, 135, 0.85); text-align:center; color:#fff; padding:.15rem 0 .1rem; z-index: 999;}
.new_lease01 .right .cover .box{display:inline-block;}
.new_lease01 .right .cover .box .tit{font-size:16px; font-weight:bold; line-height:34px; border-bottom:1px solid rgba(255,255,255, 0.2);}
.new_lease01 .right .cover .box .link{font-size:12px; line-height:26px;}
@media only screen and (max-width: 760px) {
    .new_lease01 .left { width: 100%; padding-left: 3%; padding-right: 3%; }
	.tit40 { font-size: 1.3rem; padding-top: 10px; padding-bottom: 10px;}
	.new_lease01 .right { width: 100%; overflow: hidden;}
	.new_lease01 .right .img_box { display: none;  }
	.new_lease01 .right .m_img { display: block; }
	.wrap, .mwrap {  padding-left: 1%;  padding-right: 1%;  width: auto; }

}
@media only screen and (max-width: 992px) {
    .new_lease01 .right .img_box { height: 3.6rem; }
    .new_lease01 .left .item{ font-size:14px;  line-height: 22px;}
	.con18{font-size:14px; line-height:22px}
}


/**/
.hf_main_b{ width: 98%; max-width: 1300px; overflow: hidden; margin: 0px auto; padding-bottom: 30px; }
.hf_main_bb{ max-width: 1200px; overflow: hidden; margin: 0px auto; padding-bottom: 30px; }
.hf_main_b h3 { font-size: 18px;}
.hf_main_b li { font-size: 16px; line-height: 26px; text-indent: 2rem;  padding-left: 1.9%;  padding-right: 1.9%; color: #666; }
.hf_main_c{ width: 100%; background: url(../images/hf_bg04.jpg)no-repeat top left; /*background-size: 100%;*/}
.hf_main_cc{ max-width: 1200px; margin: 0px auto; overflow: hidden;}
.hf_main_c_l { width: 31%; float: left}
.hf_main_c_l h3 { font-size: 1.9rem; margin-top: 15px; margin-bottom: 10px; text-align: center;color: #fff; }
.hf_main_c_l p { line-height: 26px; color: #fff;}
.hf_main_c_r { width: 65%; float: right; }
.hf_main_c_r img{ width: 100%;}
.hf_main_d{ width: 100%; overflow: hidden; background: url(../images/hf_bg03.jpg)no-repeat top ; background-color: #f8f8f8; /*background-size: 100%;*/}
.hf_main_dd{ max-width: 1200px; margin: 20px auto; overflow: hidden; }
.hf_main_e{ width: 100%; overflow: hidden; background: url(../images/hf_bg05.jpg)no-repeat top ; /*background-size: 100%;*/}
.hf_main_pad{ width: 100%; overflow: hidden;}
.hf_main_pad span{ font-weight: bold; color: #ff6600; }
.form_l {  width: 50%;  float: left;  height: 100%;  overflow: hidden;  position: relative;}
.form_r {  width: 50%;  float: left;  height: 100%;  overflow: hidden;  position: relative; }
.test3 dd { font-size: 18px;  padding-top: 30px;  font-weight: 700;  padding-bottom: 10px; text-align: center; }
@media screen and (max-width:740px) {
.form_l {  width: 100%; }
.form_r {  width: 100%; }
.test3 dd { font-size: 15px;  padding-top: 10px;  font-weight: 600;  padding-bottom: 5px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.hf_main_b p { display: none; } 
}
/*案例*/
.hf_anli .e_box{ display:flex; flex-wrap:wrap; } 
.hf_anli .f_content{ width: calc(100%/3); position:relative; overflow:hidden; } 
.hf_anli .f_img{ width:100%; display:inline-block; float:left; } 
.hf_anli .f_bottom{ position:absolute; bottom: 5%; margin-left: 6%; font-family:"微软雅黑"; } 
.hf_anli .f_bottom p {  font-size: 16px;  color: #fff;  margin-top: 15px; }
.hf_anli .f_shadow{ position:absolute; background-color: rgba(53, 73, 144, 0.92); width:100%; height:100%; top:-100%; left:0; display:flex; justify-content:center; align-items:center; transition:all 0.6s ease; } 
.hf_anli .f_shadow .f_text { width: 100%;  color: #fff;  font-fmaily: "微软雅黑";  }
.hf_anli .f_shadow .f_text .lp_biaoti { width: 100%; height: auto; font-size: 18px; font-weight: 700; text-align: center; padding: 0px 0; margin: 5px auto 0;}
.tubiaohe { text-align: center; margin-top: 0px; overflow: hidden; }
.tubiaohe img { text-align: center; margin-top: 0px; overflow: hidden; }
.hf_anli .f_link{ position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; }

@media only screen and (max-width: 768px){ 
.hf_anli{ min-height:500px; width:100%;} 
.hf_anli .f_content{ width: calc(100%/2);position:relative; overflow:hidden; } 
.hf_anli .f_bottom p{font-size: 14px!important;} 
}
@media only screen and (min-width: 769px){ 
.hf_anli{ min-height:500px; width:100%; }
.tubiaohe { text-align: center; }
}
@media(min-height:769px){ 
.hf_anli .f_content:hover .f_shadow{ top:0; } 
.hf_anli .f_content:hover .f_bottom{ opacity:0; } 
.hf_anli .f_link{ display:none } 
.jieshaowenzi { text-align: center; margin: auto; width: 75%; }
.tubiaohe { text-align: center; margin-top: 30px; }
}


/*中杰优势*/
@media (min-width: 1200px) {
    .container {width: 1300px; margin: 0 auto 15px;}
}
@media(min-width:992px) {
	.container.w_1280,.container.w_1400{ width: 1600px!important; }
	.container.w100{ max-width: 100%; }
	.container {max-width:100%;}
}
@media(min-width:1500) { 
	.container {max-width:96.8%;position:relative; padding:0;}
}
.youshi-left{ width: 50%;}
.youshi-right{ width: 50%;}
.youshi-two{}
.youshi-two .youshi-ys-item{ width: 40%; position: relative; z-index: 99;}
.youshi-two .youshi-ys-item p:nth-of-type(1){ position: relative; overflow: hidden; width: 100%;}
.youshi-two .youshi-ys-item p:nth-of-type(1):after{ 
	position: absolute;	content: attr(data-num);color: #000;opacity: 0.16;	overflow: hidden;top: 0;left:0;right:0; margin:auto;height:75%;	width: 100%; 
	text-align: center;	font-size: 80px;font-family: numfont; transition: all 0.5s}
.youshi-two .youshi-ys-item .ys-wrap{ transform: translateY(-10%)}
.youshi-two .youshi-ys-item .ys-wrap span:nth-of-type(1){ font-size: 24px; color: #282828; font-weight: bold; transition: all 0.5s}
.youshi-two .youshi-ys-item .ys-wrap i{  background: #b42427; width: 10%; height: 2px; margin: 0 auto;transition: all 0.5s}
.ys-wrap .youshi-desc{ font-size: 16px; color: #666;transition: all 0.5s; padding-top: 1rem; padding-left: 5%; padding-right: 5%;}
.youshi-two .youshi-ys-item{ height: 292px;}
.youshi-two .youshi-ys-item:nth-of-type(1){ background: #fff}
.youshi-two .youshi-ys-item:nth-of-type(2){ background: #f4f4f4}
.youshi-right-img{ position: relative; overflow: hidden; }
.youshi-right-img img{cursor:pointer;transition: all 0.6s;}
.youshi-right-img img:hover{transform:scale(1.1);}

.youshi-title{}
.youshi-title>div:nth-of-type(1){ font-size: 36px; color: #282828;}
.youshi-title>div:nth-of-type(1) b{ font-size: 36px; color: #003fa5; font-weight: bold;}
.youshi-title>p:nth-of-type(1){ font-size: 16px; color: #666;}
.youshi-title>div>i{ position: relative; display: block; height: 3px; }
.youshi-title>div>i:nth-of-type(1):after{ position: absolute; content: ""; display: block; width: 20px;
	height: 3px; background: #b42427; right:150%; top: -30%;}
.youshi-title>div>i:nth-of-type(1):before{ position: absolute; content: ""; display: block; width: 10px;
	height: 3px; background: #b42427; right:150%; top:120%}

.youshi-ys-item.three{ background: #2368d9!important;}
.youshi-ys-item.four{ background: #003fa5!important;}
.youshi-ys-item.three .ys-wrap span,.youshi-ys-item.four .ys-wrap span{ color: #fff!important;}
.youshi-ys-item.three .ys-wrap i,.youshi-ys-item.four .ys-wrap i{ background: #fff}
.youshi-ys-item.three .youshi-desc,.youshi-ys-item.four .youshi-desc{ color: #fff;}
.youshi-two .youshi-ys-item.three p:nth-of-type(1):after,   .youshi-two .youshi-ys-item.four p:nth-of-type(1):after{
	color: #fff!important;
 }

.youshi-two .youshi-ys-item:hover .ys-wrap span{ transform: translateY(5%)}
.youshi-two .youshi-ys-item:hover  .ys-wrap i{ width: 20%}
.youshi-two .youshi-ys-item:hover  .youshi-desc{transform: translateY(10%)}
.youshi-two .youshi-ys-item:hover  p:nth-of-type(1):after{transform: translateY(15%)}
.youshi-left-img{ text-align: right; overflow: hidden;}
.youshi-left-img img{cursor:pointer;transition: all 0.6s;}
.youshi-left-img img:hover{transform:scale(1.1);}
@media(max-width: 1599.98px){
	.youshi-two .youshi-ys-item{ width: 50%;}
	.youshi-left-img,.youshi-right-img{ display: none;}
	.youshi-right .youshi-two{ padding-top: 19%}
	.youshi-right-img:after{ display: none}
}
@media(max-width: 1499.98px){
	.youshi-right .youshi-two{ padding-top: 21%}
}
@media(max-width: 1399.98px){
	.youshi-left,.youshi-right{ width: 100%}
	.youshi-right .youshi-two{ padding-top: 0%}
	.youshi-two .youshi-ys-item p:nth-of-type(1):after{
		top: 0;left:0;right:0; margin:auto;
		height:120%;
		width: 100%; text-align: center;
		font-size: 60px; }
	.youshi-desc{ height: 110px;}
}
@media(max-width: 1199.98px){
	.youshi-two .youshi-ys-item{ width: 100%;}
	.youshi-title>div>i{ position: inherit}
	.youshi-title>div:nth-of-type(1){ font-size: 26px; color: #282828;}
	.youshi-title>div:nth-of-type(1) b{ font-size: 26px; color: #003fa5; font-weight: bold;}
	.youshi-two .youshi-ys-item{ height: 220px;}

	.youshi-title>div>i:nth-of-type(1):before{  display: none!important;}
	.youshi-title>div>i:nth-of-type(1):after{display: none!important;}
}

/*中杰联系方式*/
.cjse_tel{ max-width: 1200px; margin: 15px auto 30px; overflow: hidden; background: #003fa5;}
.cjse_tel .zj_tel_l{ width: 50%; float: left; overflow: hidden; }
.cjse_tel .zj_tel_l img{width:100%; cursor:pointer;transition: all 0.6s;}
.cjse_tel .zj_tel_l img:hover{transform:scale(1.1);}
.cjse_tel .zj_tel_r{ width: 50%; float: left; overflow: hidden; }
.cjse_tel .zj_tel_r .zj_tel_r_text{ padding-left: 30px; overflow: hidden; color: #fff; padding-top: 30px;}
.cjse_ico01{ width:100%; height: 26px; line-height: 26px; background: url("../images/cjse_ico01.png") no-repeat left; padding-left: 35px; }
.cjse_ico03{ width:100%; height: 26px; line-height: 26px; background: url("../images/cjse_ico03.png") no-repeat left; padding-left: 35px; }
.cjse_ico04{ width:100%; height: 26px; line-height: 26px; background: url("../images/cjse_ico04.png") no-repeat left; padding-left: 35px; }

@media(max-width:899px){ 
	.cjse_tel .zj_tel_r .zj_tel_r_text{ padding-top: 15px;}
}
@media(max-width:740px){ 
	.cjse_tel .zj_tel_l{ width: 100%; float: left; overflow: hidden; }
	.cjse_tel .zj_tel_r{ width: 100%; float: left; overflow: hidden; }
	.cjse_tel .zj_tel_r .zj_tel_r_text{ padding-top: 10px; padding-bottom: 10px;}
}

/*锅炉特点*/
.guolu_a{ position: absolute; right: 0; bottom: -10px; animation: alltuchtopdown 5s infinite;  -webkit-animation: alltuchtopdown 5s infinite;
    animation-delay: 0s;  animation-delay: 0s;  -webkit-animation-delay: 3s; }

@media (min-width: 1400px) {
    .guolu_td { max-width: 1200px;  }
}

.guolu_td_l { width: 50%; flex: 0 0 auto; position: relative; float: left; text-align: center;}
.guolu_td_l img { width: 96%;   }
.guolu_td_l .gltext { position: absolute;  right: 30px;  background: #f68400;  padding: 15px;  border-radius: 10px;
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);  overflow: hidden; }
.guolu_td_l .gltext span { font-size: 50px; color: #fff; position: relative;  display: inline-block;  font-weight: 600;  font-family: 'Ubuntu', sans-serif;  margin-top: 0;}
.guolu_td_l .gltext span sub { font-size: 30px;  color: #fff;  font-weight: 600;  margin-left: -10px;  bottom: 5px;}

.guolu_td_r { width: 50%; flex: 0 0 auto; position: relative; float: left; }
.second-about { left: 15%;  text-align: center;  bottom: 15%;  width: 307px; }
.second-about p { color: #fff; font-size: 18px; font-weight: 500; font-family: 'Ubuntu', sans-serif; }
.guolu_con{ margin-top:1rem; text-align: left;}
.guolu_item{ margin-bottom:.25rem; color:#747474;}
.guolu_item p{ font-weight:bold; color:#000; font-size:1rem; line-height: 30px;}
.guolu_item span{ line-height: 30px; }
.guolu_tips{ font-weight:bold; font-size: 18px;  line-height: 30px; padding-top: 10px;}
.guolu_tips a{ color:#ff6600; }
.guolu_tips a:hover{ color:#063f87; }
.guolu_pad15{ padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 900px) and (max-width: 1100px) {
.guolu_item p{ font-weight:bold; color:#000; font-size:18px; line-height: 22px;}
.guolu_item span{ line-height: 22px;font-size:16px;  }
}
@media (min-width: 740px) and (max-width: 900px) {
.guolu_item p{ font-weight:bold; color:#000; font-size:14px; line-height: 14px;}
.guolu_item span{ line-height: 14px;font-size:12px;  }
.second-about { display: none; }
}
@media (min-width: 300px) and (max-width: 740px) {
.guolu_td_l { width: 100%; flex: 0 0 auto; position: relative; float: left; }
.guolu_td_r { width: 100%; flex: 0 0 auto; position: relative; float: left; }
.guolu_item p{ font-weight:bold; color:#000; font-size:16px; line-height: 22px;}
.guolu_item span{ line-height: 22px;font-size:14px;  }
.second-about { display: none; }
.youshi-two .youshi-ys-item .ys-wrap span:nth-of-type(1){ font-size: 18px; padding-top: 30px;}
.guolu_tips{ font-weight:bold; font-size: 14px;  line-height: 26px; padding-top: 10px;}

.hf_anli .f_shadow .f_text .lp_biaoti {font-size: 14px; text-align: center; padding: 0px 0; margin: 5px auto 0;}
	
}
.p-relative {  position: relative;  z-index: 0; overflow: hidden; padding-bottom: 10px;}
.animations-02 { position: absolute; right: 0; bottom:-10px;  animation: moveUpDown 3s infinite alternate; }

/*产品中心修改*/
@media (min-width: 1200px) {
    .main_product { max-width: 1200px; margin: 0 auto; padding: 0px 6px; }
}
.zjcp_bg_gl { width: 100%; background: url(/images/zjcp_bg_gl.jpg) no-repeat center; height: 260px;   }
.zjcp_bg_cg { width: 100%; background: url(/images/zjcp_bg_cg.jpg) no-repeat center; height: 260px; }
.zjcp_text { max-width: 1200px; margin: 0px auto;  position: relative; }
.zjcp_text dt{ width: 6px; padding: 22px 0px; background: #ea5504; left: 15px; top:60px; position: absolute; }
.zjcp_text dd{ font-size: 2.3rem;  left: 40px; top:55px; position: absolute; color: #ffffff; font-weight: 600;}
.zjcp_text .textta{ font-size: 1.1rem;  line-height: 1.6rem; left: 15px; top:120px; position: absolute; color: #ffffff; }
.zjcp_text .texttb{ font-size: 1.1rem;  line-height: 1.6rem; left: 15px; top:150px; position: absolute; color: #ffffff; }
@media only screen and (max-width: 740px){
	.zjcp_bg_gl { height: 150px; }
	.zjcp_bg_cg { height: 150px; }
	.zjcp_text .textta{ font-size: 0.9rem;  line-height: 1.3rem; left: 15px; top:50px; position: absolute;  }
	.zjcp_text .texttb{ font-size: 0.9rem;  line-height: 1.3rem; left: 15px; top:70px; position: absolute;  }
	.zjcp_text dt{ width: 6px; padding: 17px 0px; background: #ea5504; left: 15px; top:30px; position: absolute; }
	.zjcp_text dd{ font-size: 1.6rem;  left: 40px; top:30px; position: absolute; color: #ffffff; font-weight: 600;}
	.zjcp_text p{ font-size: 0.9rem;  line-height: 1.3rem; left: 15px; top:70px; position: absolute; color: #ffffff; padding-right: 15px; }
}
.pro_bottom {width: 100%;height:auto; border-bottom: 1px solid #e6e6e6; padding-bottom: 0px; overflow: hidden; }
.pro_bottom:hover { border-bottom-color: #ccc; transition: all .6s;}
.zjcp_col { background-color: #f7f7f7;  overflow: hidden;}

.main_pro { width: 98%; padding-top: 20px; padding-left: 1%; padding-right: 1%; overflow: hidden;}
.main_pro_tit {float: left;}
.main_pro_tit h3 { font-size: 1.6em; line-height: 1.8em; }
.main_pro_tit a{ color: #333; }
.main_pro_tit p{ color: #666666; }
.main_pro_tit_r { float: right; font-size: 0.9rem; color: #333; text-align: right; margin-top: 1.7rem;}
.pro_red { color: #ff6600 !important;  margin-left: 20px; }
.zjcp_pro_list { margin: 20px 0px 0px; overflow: hidden; padding-bottom:10px; }

.zjcp_prolist .prolist_img { margin-left: 0!important; position: relative; overflow: hidden;}
.zjcp_prolist .prolist_img img {transform:scale(1,1); transition: all .6s;}
.zjcp_prolist .prolist_img:hover img {transform:scale(1.1,1.1); transition: all .6s;}
.zjcp_prolist li { width: 19%; float: left; margin-left: 1% ; margin-bottom: 1rem; background-color: #fff; text-align: center; border: 1px solid #dedede;}
.zjcp_prolist li:hover { border: 1px solid #fcb026;}
.zjcp_prolist li .list_img {width: 100%; overflow: hidden;}
.zjcp_prolist li .list_img img { width: 100%; transform:scale(1,1); transition: all .6s; overflow: hidden;}
.zjcp_prolist li:hover .list_img img {transform:scale(1.1,1.1); transition: all .6s;}
.zjcp_prolist li:hover .pro_button a { background-color: #aaaaaa; transition: all .6s;}
.zjcp_prolist h3 { height: 40px; font-size: 1.1rem; line-height: 46px; font-weight: normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.zjcp_prolist p {height: 22px; line-height: 16px; color: #999; text-align: left; padding-left: 15px; padding-right: 15px;}
.zjcp_prolist .pro_button { height: 50px; }
.zjcp_prolist .pro_button a {display: block;float: left; width: 40%; margin: 10px 5% 0; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; background-color: #dedede; line-height: 29px; font-size: 14px; }
.zjcp_prolist .pro_button a:hover {background-color: #fcb026!important; color: #000000;transition: all .3s;}

@media only screen and (max-width: 1004px){
	.zjcp_prolist p {  height: 22px;  font-size: 0.9rem;  color: #999;}
	.zjcp_prolist li { width: 23.5%; margin-left: 1%;}
	.zjcp_prolist .prolist_img { display: none;  }
}
@media only screen and (max-width: 760px){
	.zjcp_prolist li { width: 48%; }
	.main_pro_tit { float: none;}
	.main_pro_tit_r { display: none; }
	.main_pro_tit h3 { line-height: 1.8rem; text-align: center; }
	.main_pro_tit p{ color: #666666; text-align: center; font-size: 0.9rem;  }
	.zjcp_pro_list { padding-bottom:0px; }
	.zjcp_prolist h3 {  height: 26px;  font-size: 1rem;  line-height: 26px;}
	.zjcp_prolist p { font-size: 0.9rem;  color: #999; padding-left: 5px;  padding-right: 5px;}
	.zjcp_prolist .pro_button { height: 45px; }
	.zjcp_prolist .pro_button a { font-size: 12px; margin: 5px 5% 0;}
}
@media only screen and (max-width: 360px){
	.zjcp_prolist h3 {  height: 26px;  font-size: 0.9rem;  line-height: 26px;}
	.zjcp_prolist p {  height: 22px;  font-size: 0.9rem;  color: #999;}
}

.dis_block{ display:block;}
.display_none { display:block; }
@media only screen and (max-width: 740px){
	.dis_block{ display:none;}
	.display_none { display:block; }	
}
.zjtz_year{ text-align:center;}
.zjtz_year img{ width:26%;}

/*企业文化*/
.cjse_wenhua{ width:55%; padding-left:15px; float: left;}
.cjse_wenhua li { padding-bottom:15px;}
.cjse_wenhua li .cjse_wenhua_tit{ font-size: 18px; line-height: 34px; font-weight: 600; }
.cjse_wenhua li .cjse_wenhua_dl{ font-size: 16px; line-height: 34px; font-weight: 500}
.cjse_wenhua_img{ width:40%; float: right; text-align:right;}	
.cjse_wenhua_img img{ max-width:430px; }	
@media (min-width: 300px) and (max-width: 950px) {
.cjse_wenhua{ width:94%;  margin:0px auto;}
.cjse_wenhua_img{ display:none;}
}

/*新产品落地页CSS*/

/*产品结构*/
.pr_gl00{ width: 100%; overflow: hidden; padding-top: 15px; }
.pr_gl00 img{ width: 100%; overflow: hidden; margin: 0px auto;}
.pr_gl00 p { width: 100%; font-size: 1.3em; color: #ff9900; font-weight: 600; line-height: 34px; text-align: center;  padding-bottom: 15px;}
@media screen and (max-width: 460px) {
	.pr_gl00 p { font-size: 0.9em;  }
	
}
/*优势*/
.pr_gl_m { width: 98%; max-width:1300px; margin-right: auto; margin-left: auto; }
.pr_gl01{ padding:70px 0 60px; background:#fafafa;}
.infor .gl01_cl01{ color:#333f47; }
.infor .gl01_cl03{ color:#fff; }
.infor{ width: 100%; text-align: center; }
.infor span { font-size: 40px; font-weight:bold;  }
.infor p { font-size:16px; line-height:26px; color:#636b70; margin-top:20px; height: 52px;}
.pr_gl01 .content{ margin-top:15px; text-align:center; overflow: hidden; }
.pr_gl01 .content li{ float:left; width:25%; position:relative; text-align:left;}
.pr_gl01 .content li:after{content:''; width:1px; height:108px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-54px;}
.pr_gl01 .content li:first-child:after{display:none;}
.pr_gl01 .content li .li_box{display:block; padding:0 30px;}
.smal_tit a{font-size:16px; line-height:26px; font-weight:bold; color:#ff9900;}
.big_tit{font-size:22px; line-height:28px; font-weight:bold; color:#000; margin:5px 0 15px; transition:all 0.5s ease; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.big_tit a{ color:#000;}
.big_tit a:hover{ color:#f90;}
.pr_gl_text{ line-height:26px; color:#4c4c4c; overflow:hidden; height:52px; }
.pr_gl_text a:hover{ color:#f90;}
.pr_gl01 .content li.li01 .li_box{padding-left:0;}
.pr_gl01 .content li.li04 .li_box{padding-right:0;}
.pr_gl01 .content li:hover .li_box .big_tit{color:#ff9900;}
.more_zx{ display:inline-block; padding:0 20px; height:40px; line-height:40px; text-align:center; background:#ff9900; color:#333f47; font-weight:bold; position:relative; margin-top:30px;}
.more_zx p{display:inline-block; vertical-align:middle; position:relative; z-index:3; text-indent:0px; padding-left: 0%;  padding-right: 0%; }
.more_zx p.icon{width:8px; height:16px; background:url(/images/gl_about_ico.png) no-repeat; margin-left:33px;}
.more_zx:after{content:''; width:0; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} 
.more_zx a:hover{color:#fff;}
.more_zx:hover p.icon{ background-position:-8px 0;}
.more_zx:hover:after{width:100%;}

@media only screen and (max-width: 760px) {
	.pr_gl01 {padding:20px 0 40px;}
    .pr_gl01 .infor .tit{font-size:30px; line-height:25px;}
    .pr_gl01 .content{margin-top:20px;}
    .pr_gl01 .content li{width:50%; margin-bottom:20px;}
	.pr_gl01 .content li .li_box{padding:0 20px;}
    .smal_tit{font-size:13px; line-height:20px;}
    .big_tit{font-size:16px; line-height:23px; margin:5px 0;}
    .pr_gl01 .content li.li01 .li_box{padding:0 15px;}
    .pr_gl01 .content li.li03:after{display:none;}
    .more{height:34px; line-height:34px; margin:0 0 15px; font-size:13px; padding:0 15px;}
    .more span.icon{margin-left:10px;}
}

/*见证工程*/
.imgZoom img { transition:all .8s ease 0s; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; }
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.pr_anli{ background:url("/images/pr_anli_bg.jpg") no-repeat center; padding:65px 0; background-size:cover; overflow: hidden;}
.pr_anli .content{ width: 98%;  max-width: 1300px; margin: 0px auto; }
.pr_anli .owl-item { width: 32.3%; float: left; margin:0 0.5%; }
.pr_anli .owl-item img{ width: 100%; display: block; }
.pr_anli .owl-item .item{display:block;}

.pr_gl03 .intro{background:#fff;}
.pr_gl03 .intro .box{padding:30px 25px;}
.pr_gl03 .intro .box .line{width:49px; height:3px; background:#ff9900;}
.pr_gl03 .intro .box .t{ font-size:24px; line-height:26px; color:#000e2e; margin-top:15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pr_gl03 .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; background:#ff9900; transition:all 0.5s ease; opacity:0; visibility:hidden;}
.pr_gl03 .cover:after{content:''; width:234px; height:218px; background:url(/images/pr_ico.png) no-repeat center; position:absolute; right:0; bottom:0;} 
.pr_gl03 .cover .box{padding:50px 25px; position:relative; z-index:2;}
.pr_gl03 .cover .box .line{ width:49px; height:3px; background:#333f47; margin-bottom:15px;}
.pr_gl03 .cover .box .t{font-size:30px; line-height:34px; font-weight:bold; color:#333f47; margin-bottom:20px}
.pr_gl03 .cover .box .c{font-size:15px; line-height:26px; color:#535353; height:78px; overflow:hidden;}
.pr_gl03 .cover .box .list{margin-top:10px;}
.pr_gl03 .cover .box .list dd{font-size:15px; line-height:28px; color:#535353;}
.pr_gl03 .cover .box .list dd span{font-weight:bold; font-size:18px;}
.pr_gl03:hover .cover{opacity:1; visibility:visible;}

@media only screen and (max-width: 640px) {
	.pr_anli .owl-item { width: 90%; float: none;  margin:0px auto 15px; }
	.pr_gl03 .intro .box { padding: 15px 15px;  }
	.pr_gl03 .intro .box .t { font-size: 18px; }
}

/*产品页简介部分*/
.pr_gl04 { width:100%; background: url("/images/cg_about_bg.jpg") no-repeat center top; background-size: cover; padding: 90px 0px 70px;}
.pr_gl04a { max-width: 1300px;  overflow: hidden;  margin: 0 auto; }
.pr_gl04a .gl04txt {  width: 50%; float: left; overflow: hidden; }
.pr_gl04a .gl04txt .tit { font-weight: bold;  color: #fff; font-size: 43px;  line-height: 1.2;}
.pr_gl04a .gl04txt .tit_a { display: none; }
.pr_gl04a .gl04txt .tit:after{ content:""; display:block; width: 100px; height:4px; background:#ff9900; margin:20px 0; }
.pr_gl04a .gl04txt li { color: #fff;  width: 96%;  text-align: justify; font-size: 14px; line-height: 26px;  }
.pr_gl04a .img { width: 46%;  padding-top: 20.5%;  position: relative;  overflow: hidden;  display: block; float: right;}
.pr_gl04a .img img {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); transition: all 0.5s; }
.pr_gl04a .img:hover img {  transform: translate(-50%, -50%) scale(1.05); }
.mun-list { max-width: 1300px; overflow: hidden; margin: 60px auto 0px ;}
.mun-list li { width: 25%; margin-top: 20px; float: left; color:#fff; }
.mun-list .num p { font-size: 69px; line-height: 1; font-weight: bold; color: #fff; display: inline-block; font-family: Arial,sans-serif;}
.mun-list .num i { color: #fff;  font-size: 20px;  vertical-align: top;  display: inline-block;}
.mun-list span { display: block;  font-size: 16px;  color: #fff;}

@media screen and (max-width: 1200px) {
	.pr_gl04a { width: 98%; margin: 0px auto; }
	.pr_gl04a .gl04txt {  width: 100%; overflow: hidden; margin-bottom: 30px; }
	.pr_gl04a .gl04txt .tit { font-size: 34px;}
	.pr_gl04a .img { width: 90%;  margin: 0px auto; float: none; padding-top: 41.5%; }
	.pr_gl04a .img img { width: 100%; }
	.mun-list { width: 90%; overflow: hidden; margin: 40px auto 0px ;}
	.mun-list .num p { font-size: 49px; }
	.mun-list .num i { color: #fff;  font-size: 18px; }
}
@media screen and (max-width: 768px) {
	.pr_gl04{ width: 100%;  padding: 40px 0px 30px;}
	.pr_gl04a .img { width: 100%; padding-top: 41.5%; }
	.pr_gl04a .img img { width: 100%; }
	.pr_gl04a .gl04txt {  width: 100%;  overflow: hidden; }
	.pr_gl04a .gl04txt .tit { font-size: 26px; }
	.pr_gl04a .gl04txt p { font-size: 16px; line-height: 23px; }
	.mun-list li { width: 50%; float: left; }
	.mun-list .num p { font-size: 34px; }
	.mun-list .num i { color: #fff;  font-size: 16px; }
}
@media screen and (max-width: 460px) {
	.pr_gl04a .gl04txt .tit { font-size: 26px; display: none;}
	.pr_gl04a .gl04txt.tit_a { font-size: 34px;  line-height: 2; display: block; font-weight: 700;  color: #ffffff; }
	.mun-list .num i { color: #fff;  font-size: 14px; }
	.mun-list span { font-size: 14px; }
}

/*荣誉表格*/
.pr_gl05 { max-width:1300px; margin: 0 auto;}
.pr_gl05 .tab-b .imglist{margin-top:5%;}
.pr_gl05 .table { width: 100%; border: 0; margin-top:3%; line-height: 48px;border-top:2px #044295 solid; border-bottom:1px #ddd solid; }
.pr_gl05 thead td { border-bottom: 1px #F3F3F3 solid}
.pr_gl05 tr:nth-child(even) { background: #edf0f5}
.pr_gl05 td { padding: 10px 40px; line-height: 28px; border-right: 1px #fff solid;}
.pr_gl05 td:first-child { text-align: center}
.pr_gl05 td.w01{width:12%;}
.pr_gl05 td.w02{width:30%;}
.pr_gl05 td.w03{width:34%;}
.pr_gl05 td.w04{width:24%;}
@media only screen and (max-width: 767px) {
    .pr_gl05 td { padding: 10px 3px; font-size: 12px; }
}