@charset "utf-8";
body { margin:0; padding:0; font-family: 'Source Han Sans','Microsoft Yahei',Arial,'WenQuanYi Micro Hei',SimHei,SimSun,sans-serif;}
body::-webkit-scrollbar { width: 5px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
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: #000000;}
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;}
/*xin zeng*/
.history { width:80%; 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;}
.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; }
.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); }
/*ke fu*/
 .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;max-width:747px; margin:0px auto; min-height: 68px; text-align: left; height: auto; padding: 0px 10px;    background: rgba(0, 0, 0, .6);}

@media (max-width:940px ) {
   .p_SummaryBox {  width:  auto; } 
}

.e_title { font-size:18px !important; line-height:64px;}
.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);
}

@media (max-width:740px ) {
   .navbar {  display:none; } 
}
.navbars { width:70%;}
.navbars li{ float: left; width:15.5%; 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;} 
/*fuwu daohang*/
.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{ 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:23px;  }
}
.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:31%;float:left; margin-left:2%; padding-left:6px;line-height:30px; border:1px solid #ccc; color:#7b7b7b; border-radius:4px;}
.paymsgcontent button{ width:10%; float:left; margin-left:22%; margin-top:30px;     font-size: 14px;color: #fff;background-color: #1890ff;border: 1px solid #329cff;transition: 0.2s; border-radius:4px; line-height:35px;}

/*环保政策*/
.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;}

/*News*/
.newslist{ width:100%; overflow:hidden; background: #fff; }
.newslist li { width: 100%; overflow: hidden; margin-bottom: 2%; }
.newslist_zt{ width:100%; overflow:hidden; background: #fff; }
.newslist_zt li { width: 33.3%; overflow: hidden; margin-bottom: 2%; float:left; background-color:#f6f6f6; }
@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%;}
.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;}
/*zhuanti baodao*/
.newslist_zt{ width:100%; overflow:hidden; background: #fff; }
.newslist_zt li { display: inline-block; width: 32.3%; margin-right:1%; margin-bottom: 30px; padding-bottom: 30px; background: #f7f7f7; overflow: hidden;}
.newslist_zt li div { overflow: hidden; }
.newslist_zt li:hover {background: #eeeeee;transition: all .3s;}
.newslist_zt li:nth-child(3n) {margin-right: 0;}
.newslist_zt li dt { font-size: 1.1rem; font-weight: 600; margin: 20px 0; text-align:center; }
.newslist_zt li dd { font-size: 1rem; padding:0 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.newslist_zt li img{ cursor: pointer;transition: all 0.6s; width: 100%;}
.newslist_zt li img:hover{ transform: scale(1.1);}

@media (max-width: 540px) {
    .newslist_zt li { display: block; width: 100%; text-align: center;margin-bottom: 20px; }
	.newslist_zt li:nth-child(4n) { margin-right: auto; }
	.newslist_zt li img { border-radius: 10px; }
	.newslist_zt li dt { margin:20px 0; }
}
@media (min-width: 540.7px) and (max-width: 991px) {
	.newslist_zt li:nth-child(3n) { margin-right: 1%; }
	.newslist_zt li:nth-child(2n) { margin-right: 0; } 
	.newslist_zt li { width: 49%; margin-bottom:20px; }
	.newslist_zt li dt { padding-left: 0;text-align: center; margin:20px auto; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
}
    
/*public*/
.header_re { width: 100%; height: 65px; display: none; background: #ffffff;}
.header_bg { width: 100%; height: 90px; display: block; background:rgba(255,255,255,1); position: fixed; z-index: 9999999; top: 0; left: 0; border-bottom:1px solid #D8DEE0;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.header_wd { width: 94%; max-width: 1300px; height: 90px;  margin: 0px auto; position: relative; }
.logo { width:254px; height: 65px; float: left; margin-top:12.5px; overflow: hidden;}
.top_tel { display: inline-block; float: left; font-size: 18px;  font-weight: bold; line-height: 90px;  background: url(../img/top_tel.png) no-repeat left; padding-left: 40px;}
.nav_ula{ width: calc(100% - 300px); float: right; }
.nav_ul { float: left; width: calc(100% - 180px); height:90px; display: block; }
.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: 18px;  overflow: hidden; line-height: 90px; padding: 0px 22px;}
.nav_ul li:hover { border-bottom: 3px solid #ff6600; bottom: -1px;}
.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:100%; 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;}
.daoh_color{ width: 100%; height: 6px; background: #004196;}
.daoh_color .daoh_color_l{ width: 30%; height: 6px; background: #ff6600; float: left;}
.wap_header { display: none;}

@media only screen and (max-width:1700px) {
    .nav_ula {width:calc(100% - 340px); }
}
@media only screen and (max-width:1600px) {
    .nav_ul li a { font-size: 16px; padding: 0 18px;}
}
@media only screen and (max-width:1550px) {
    .nav_ul li a {padding: 0 16px;}
}
/*
@media only screen and (max-width:1450px) {
    .nav_ula {width:calc(100% - 300px); }
}
*/
@media only screen and (max-width:1399px) {
    .nav_ul li a {padding: 0 10px;}
}

@media only screen and (max-width:1279px) {
    .nav_ul { float: left; width: calc(100% - 60px); height:90px; display: block; }
    .nav_ul li a { font-size: 16px; padding: 0 15px;}
    .top_tel { display:none;}
}
@media only screen and (max-width:1104px) {
    .nav_ul {width:calc(100%);}
    .nav_ul li a { font-size: 16px; padding: 0 7px;}   
}
@media only screen and (max-width: 940px) {
    .header { display:none;}
}

.a_txt { display: none;}
.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: 650px;}
.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 .ab_con { height: 200px; overflow: hidden; position: absolute; z-index: 10;  width:100%;  top: 55%; transform: translateY(-50%);}
.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;text-align:center; }
.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; text-align:center;}
.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-button-prev-banner { display: block; font-size: 14px; line-height: 30px; color: #ffffff; background: url(../img/banner_p.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; }
.banner_img { width: 100%; height: auto; overflow: hidden; display: block;}

/*Product*/
.swzgl{ width: 100%; overflow: hidden; padding-top: 30px; }
.swzgl_bg{ background: #eee; background: url(../img/bg_01.jpg) top center;  background-size: auto;  background-size: cover;  position: relative;}
.mag30{ margin-bottom: 30px; }
.swzgl_tit{ width: 100%; overflow: hidden; padding-bottom: 10px; }
.swzgl_tit h3{ width: 100%;  font-size: 2.3rem; line-height: 60px; font-weight: 700; text-align: center; color: #333e46;}
.swzgl_tit_t { width: 100%;  max-width: 340px; margin: 0px auto; display: flex;  align-items: center;  text-align: center; }
.swzgl_tit_t::before,.swzgl_tit_t::after { content: "";  flex: 1;  border-bottom: 1px solid #ddd; }
.swzgl_tit_t::before { margin-right: 10px; }
.swzgl_tit_t::after { margin-left: 10px; }
.swzgl_tit_ti { white-space: nowrap; color: #ddd; }
.swzgl_pc {  width: 94%; max-width: 1300px; margin-right: auto;  margin-left: auto; overflow: hidden;}	
.swzgl_pc ul{ margin-left:-1.49%;  overflow: hidden; }
.swzgl_pc ul li {float:left;  width:23.51%; margin-left:1.49%;  margin-top:1.49%; } 

.swzgl_pc ul li .swzgl_cpa{ position:relative;box-sizing:border-box; height:100%; background:#fff; transition:all 0.5s ease; border-radius:.06rem; overflow:hidden;} 
.swzgl_pc ul li .swzgl_cpa:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2)}
.swzgl_pc ul li .swzgl_cpa::after{ content:''; width:0%; height:6px; background:#ff6600; position:absolute; left:0; bottom:0; transition:0.5s ease;}
.swzgl_pc ul li:hover .swzgl_cpa{ box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23); transform:translateY(-10px);}
.swzgl_pc ul li:hover .swzgl_cpa::after{ width:100%;}

.swzgl_pc ul li img{ width:100%; }
.swzgl_text { width: 86%; overflow: hidden; padding-bottom: 10px; text-align: left; margin: 0px auto; position: relative; }
.swzgl_text h2{ font-size: 18px; color: #333; line-height:26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.swzgl_text h2 b{ display: block;font-size:16px; font-weight: normal; padding-top: 10px}
.swzgl_text p { font-size: 16px; color: #999; line-height:26px; overflow: hidden;}
.swzgl_text p span { color: #393939; }
.swz_tit_list{ font-size: 14px; position: absolute; right: 0px; top: 13px; padding-left: 25px; color: #999; height: 22px; line-height: 22px; z-index: 1;}

@media only screen and (max-width:760px) {
.swzgl_pc { width: 96%; }
.swzgl_pc ul li{ width: 48%; margin-left:1%;}
.swzgl_pc .mag_r10{ margin-right: 0%; }
.swzgl_tit h3{ font-size: 1.9rem; line-height: 46px; }
}
@media only screen and (max-width:560px) {
.swzgl_tit_ab {	font-size: 12px; }
.swzgl_text h2 { font-size: 14px; line-height:26px; }
.swzgl_text p { font-size: 12px; line-height:26px;}	
}
@media only screen and (max-width:340px) {
.swzgl_text h2 { font-size: 13px; }
.swzgl_text p { font-size: 11px;}		
}
/* 公司简介部分样式 */
.swzgl_about { width: 86%; max-width: 1300px; margin: 1% auto 0px; align-items: center;}
.about-text { width: 50%; float:left;}
.about-text p { font-size: 16px; text-align: justify; line-height: 1.8; text-indent: 2em; padding-bottom: 15px;}
.about-image { width: 48%; float:right;  overflow: hidden;}
.about-image img { width: 100%; height: auto; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.6s ease; overflow: hidden; }
.about-image img:hover { transform: scale(1.06);}
.image-caption { text-align: center; margin-top: 15px; font-size: 14px; color: #666; font-style: italic; }

/* 公司特色数据展示 */
.about-features { display: flex; justify-content: space-between; }
.feature-item { position: relative;  padding-left: 1vw;  margin-bottom: 15px;  margin-top: 15px; text-align: left;  border-left: 1px solid #ccc;}
.feature-item::before {  content: '';  position: absolute;  left: -1px;  top: 0px;  width: 1px;  height: 30%;  background: #f60;  z-index: 11;}
.feature-number { display: block; font-size: 2.6rem; color: #f60; margin-bottom: 5px; font-family: Impact,'Oswald', sans-serif; }
.feature-text { font-size: 14px; color: #666;}	

.inum_bg { overflow: hidden; }
.inum_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.inum_ul li { flex: 1; float: left;  width: 22%;  position: relative;  padding-left: 2%;  margin-bottom: 15px;  margin-top: 15px;
  text-align: left;  border-left: 1px solid #ccc;}
.inum_ul li::before {  content: '';  position: absolute;  left: -1px;  top: 0px;  width: 3px;  height: 30%;  background: #f60;  z-index: 11;}
.inum_ul li i { font-size: 40px; font-weight: bold; color:#ff6600; font-style: normal; line-height: 45px; font-family: Impact,'Oswald', sans-serif; }
.inum_ul li p { text-indent:0px; font-size: 14px; line-height: 20px; color: #999; overflow: hidden; text-align:left; margin-top: 10px;}
.h15{ width:100%; height:15px;}
.h30{ width:100%; height:30px;}

/*zi xun an niu*/
.more_box { text-align: center;  margin-bottom: 15px; }	
.more_box .more{display:inline-block; padding:0 10%; height:30px; line-height:30px; text-align:center; border:1px solid #798186; font-size:16px; color:#333; position:relative; margin-left:19px}
.more_box a:hover{ color:#f5a834; z-index:9999; }
.more_box .more:first-child{margin-left:0px;}
.more_box .more span{position:relative; z-index:3;}
.more_box .more:after{content:''; width:0; height:100%; background:#333; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.more_box .more:hover .txt{color:#fcb026;}
.more_box .more:hover:after{width:100%;}

/* 响应式设计 */
@media (max-width: 1200px) {
    .container { width: 100%; }
	.swzgl_about { width: 96%; }
	.about-text p { font-size: 14px; line-height: 1.6; padding-bottom: 0px; }
	.feature-number { font-size: 1.9rem; }
	.more_box .more { padding: 0 6%; margin-left: 3px;}
	.swzgl_text h2{ font-size: 16px; }
	.swzgl_text p { font-size: 14px; }
}
@media (max-width: 1040px) {
	.about-text { width: 100%;}
	.display_n{display: none;}
}
@media (max-width: 960px) {
	.more_box{ display: none; }
}
@media (max-width: 768px) {
    .about-content { flex-direction: column; }
    .about-text { padding-right: 0; }
    .section-title {font-size: 26px;}
    .about-features { flex-wrap: wrap;}
	.swzgl_text h2{ font-size: 18px; }
	.swzgl_text p { font-size: 16px; }
}

@media (max-width: 480px) {
	.about-text p { padding-bottom: 15px; }
	.feature-item { width: 47%;}
	.mag30 { margin-bottom: 0px; }
	.swzgl_text p { font-size: 16px; display: none;}
}

/**/
.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;}

.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: 70%; 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;  padding-bottom: 30px; background-color:#f0f0f0;}
.inews_ul { width: 100%; max-width:1300px; margin:0px auto; height: auto; overflow: hidden; display: block; }
.inews_ul ul { width: 100%; margin-left:-1.49%;  overflow: hidden;}
.inews_ul ul li { width: 31.8%; overflow: hidden; float: left; margin-left:1.49%; margin-top: 30px; padding-bottom:30px; background-color:#fff;}
.inews_ul ul li:hover {box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23); transform:translateY(-10px);}
@media (max-width: 940px) {
.inews_bg { padding-bottom: 15px; }
.inews_ul ul {margin-left: 0%; }
.inews_ul ul li { width: 31.8%; float: left; margin-left:1.49%; padding-bottom:10px; padding: 0px 0px 15px; }
}
@media (max-width: 480px) {
.inews_bg { padding-bottom: 15px; }
.inews_ul ul {margin-left: 0%; }
.inews_ul ul li { width: 94%; margin:0px auto; overflow: hidden; float: none; margin-top: 30px; padding-bottom:10px; padding: 0px 0px 15px; }
}
/******/
.inews_ul ul li .con_re { position:relative; box-sizing:border-box; height:100%; transition:all 0.5s ease; border-radius:.06rem; overflow:hidden;}
.inews_ul ul li .con_re::after{ transition:0.5s ease;}
.inews_ul ul li:hover .con_re{ transform:translateY(-10px);}
.inews_ul ul li:hover .con_re::after{ width:100%;}
/**/
.inews_ul ul li .ab_bg { width: 90%; margin:0px auto; overflow: hidden; padding: 0%; }
.inews_ul ul li:hover .ab_bg { width: 90%; margin:0px auto; overflow: hidden; }
.inews_ul li .ab_con { width: 100%; 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;  margin-top: 1%;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews_ul li .des { font-size: 14px; line-height: 25px; margin-top: 3%; 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;}
.ibot_left { width: 50%; height: auto; overflow:hidden; display: block; float: left; position: relative;}
.ibot_bg .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ibot_bg .img img { width: 100%; height: auto; overflow: hidden; display: block; transition:all .4s;}
.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:16% 12% 6% 12%; 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 { height: auto; overflow: hidden; display: block;}
.ibot_bg .ab_l .tit { display: block; font-size:32px;  line-height: 40px; overflow: hidden; color: #ffffff; font-weight: bold; transition: all 300ms linear; text-align: left; }
.ibot_bg .ab_l .des { display: block; font-size: 16px; line-height: 30px; margin-top: 30px; color: #ffffff; transition: all 300ms linear; float: left;}
.ibot_right { width: 50%; height: auto; overflow:hidden; display: block; float: left; position: relative;}
.ibot_r_01 { width: 100%; height: auto; overflow: hidden; display: block; position: relative; float: left;}
.ibot_bg .ibot_r_01:hover .img img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.ibot_bg .ab_r01 { width: 100%; height: 100%; overflow: hidden; display: block; background: rgba(0,0,0,0); top: 0; left: 0;  padding:5% 12% 3% 12%; box-sizing: border-box; position: absolute; z-index: 5; transition: all .3s;}
.ibot_bg .ibot_r_01:hover .ab_r01  {display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9);}
.ibot_bg .ab_r01 .con_bg { width:66%; height: auto; overflow: hidden; display: block;}
.ibot_bg .ab_r01 .tit { display: block; font-size:32px;  line-height: 40px; overflow: hidden; color: #ffffff; font-weight: bold; transition: all 300ms linear; text-align: left; }
.ibot_bg .ab_r01 .des { display: block; font-size: 16px; line-height: 30px; margin-top: 30px; color: #ffffff; transition: all 300ms linear; float: left;}
.ibot_r_02 { width: 50%; height: auto; overflow: hidden; display: block; position: relative; float: left;}
.ibot_bg .ibot_r_02:hover .img img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.ibot_bg .ab_r02 { width: 100%; height: 100%; overflow: hidden; display: block; background: rgba(0,0,0,0); top: 0; left: 0;  padding:5% 5% 3% 5%; box-sizing: border-box; position: absolute; z-index: 5; transition: all .3s;}
.ibot_bg .ibot_r_02:hover .ab_r02  {display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9);}
.ibot_bg .ab_r02 .con_bg { width:100%; height: auto; overflow: hidden; display: block;}
.ibot_bg .ab_r02 .tit { display: block; font-size:28px;  line-height: 40px; overflow: hidden; color: #ffffff; font-weight: bold; transition: all 300ms linear; text-align: left; }
.ibot_bg .ab_r02 .des { display: block; font-size: 16px; line-height: 30px; margin-top: 30px; color: #ffffff; transition: all 300ms linear; float: left;}
.ibot_bg a { color: #ffffff;}

.foot_mar { display: block; width: 100%; height: 50px; overflow: hidden;}
.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #191919; padding: 45px 0px 15px;}
.foot_wd { width: 95%; max-width: 1440px; height: auto; overflow: hidden; display: block; margin: 0px auto; position: relative;}
.foot_l { width: 24%; height: auto; overflow: hidden; display: block; float: left; position: relative;}
.foot_logo { width: 100%; height: auto; overflow: hidden; display:block;}
.foot_logo_des { width: 100%; height: auto; overflow: hidden; display: block; line-height: 25px; color: #fff; font-size: 14px; margin-top: 25px;}
.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: 10%; color: #fff; }
.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 { display: block; color: #f0f0f0;}
.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;  display: block;  overflow: hidden; font-weight: bold;}
.foot_tit a { color: #FFFFFF;}
.foot_tit a:hover { text-decoration: underline;}

.foot_contact { height: auto; overflow: hidden; display: block; float: left; margin-left: 10%; color:#fff;}
.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: #f0f0f0;}
.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: #555555; overflow: hidden; margin-top: 10px; text-align: center;}

.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 { height: auto; background: #000; width: 100%; overflow: hidden; text-align: center; padding: 10px 0px;}
.banquan_info { font-size: 16px; line-height: 34px; display: inline-block; overflow: hidden; color:  #f0f0f0;}
.banquan_bg a { color: #f0f0f0; display: inline-block; margin-left:30px;}

.place_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #e6e6e6;}
.width { width: 94%; height: auto; overflow: hidden; display: block; position: relative; 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){
    .ibot_bg .ab_l .tit { font-size:18px;  }
    .ibot_bg .ab_r01 .tit { font-size:18px;}
    .ibot_bg .ab_r02 .tit {font-size:18px;  }
    .ibot_bg .ab_l .des { line-height: 30px; margin-top: 0px; }
    .swzgl_text h2 { font-size: 16px; }
    .navbars_fw li { width:13.6%; line-height:34px;}
    .navbars_fw li a{ font-size:12px;}
    .foot_mar { height: 10px;}
}
@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;}
    .foot_mar { height: 10px;}
}

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

.place_ab { position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; color: #555555; line-height: 23px; font-size: 14px; background: url(../img/dot_place.png) no-repeat left; padding-left: 20px;}
.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: 95%; max-width: 1400px; height: 100px; position: relative; border: 10px solid #f5f5f5; padding-bottom:20px; background: #ffffff; margin:30px auto 0px auto; box-sizing: border-box;}
.case_sel_li { display: inline-block; height: 40px;  float: left; margin:20px 0px 0px 5%; white-space: nowrap;}
.case_sel_tit { display: inline-block; font-size: 18px; line-height: 40px; color: #000000; float: left;}
.case_sel_cur { width: 140px; height: 40px; float: left;  background: #ff9600; border-radius: 5px; margin-left: 10px; text-align: center; box-sizing: border-box; position: relative;}
.case_sel_cur a { width: 100%; height: auto; overflow: hidden; display: block; color: #ffffff; font-size: 16px; line-height: 40px;}
.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 { display: inline-block; overflow: hidden; padding: 10px 15px; background: rgba(255,255,255,.8); top: 40px; position: absolute; z-index: 9999; left: 0;}
.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 { display: inline-block; font-size: 15px; line-height: 40px; border: 1px solid #ff9600; border-radius: 5px; overflow: hidden; float: right; margin: 20px 6% 0px 0px;}
.case_sel_btn a { display: block; color: #ff9600; padding: 0px 25px; overflow: hidden; transition: all .3s;}
.case_sel_btn a:hover { background: #ff9600; color: #ffffff;}

.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; padding: 25px 10px 10px 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: 17px; line-height: 35px; padding: 15px; 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: 30px auto 30px; font-size: 0; font-family: simsun !important;}
.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; display: block; background: #f5f5f5; padding: 12px 6px; box-sizing: border-box; margin-top: 45px; border-radius: 8px;}
.pro_nav li { width: 33.3333%; height: auto; overflow: hidden; display:block; float: left; padding:6px; box-sizing: border-box; position: relative;}
.pro_nav li .con_bg { width:100%; height: auto; overflow: hidden; display: block; padding:40px 0px 25px 0px; background: #ffffff; border-radius: 8px; 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; display: block; background: #f5f5f5; padding: 12px 6px; box-sizing: border-box; margin-top: 45px; border-radius: 8px;}
.pro_child li { width: 25%; height: auto; overflow: hidden; display:block; float: left; padding: 0px 6px; box-sizing: border-box; position: relative;}
.pro_child li .con_bg { width:100%; height: auto; overflow: hidden; display: block; padding:40px 0px 25px 0px; background: #ffffff; border-radius: 8px; 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: 15px;}
.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 { width: 100%; height: auto; overflow: hidden; display: block; background: #f6f6f6; padding: 10px; box-sizing: border-box; margin-top: 30px; border-radius: 5px;}
.pro_sel_wd { width: 100%; height: auto; overflow:hidden; display: block; background: #ffffff; position: relative; padding: 20px 0px;}
.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: 60px; height: 30px; display: inline-block; vertical-align: middle; background: #f2f2f2; border: none; outline: none; margin: 0px 10px; padding: 0px 5px; box-sizing: border-box; text-align: center;}
.sel_ul li .submit { width: 130px; height: 45px; display: block; border-radius: 5px; background: #ff9600; text-align: center; line-height: 45px; 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; border: 1px solid #ff9600; border-radius: 5px; overflow: hidden; margin-left: 15px; vertical-align:middle;}
.pro_sel_btn a { display: block; color: #ff9600; 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: 20px;}
.pro_ul li { width: 50%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 7px; 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: 3px; 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 .img_bg img{  max-width: 310px;}
.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; }
.pro_ul li .info_h { display: block; font-size:17px; height: 170px; 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;}
.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; }
.pro_ul li .pro_more_r { width: 48%; height: 35px; max-width: 180px; overflow: hidden; float: right;}
.pro_ul li .re_img_bg { width: 100%; min-height: 210px; overflow: hidden; display: block; position: relative; background: url(../img/pro_re_img.jpg) no-repeat center; background-size:cover; padding: 60px 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;}

@media only screen and (max-width: 419.7px){
    .pro_ul li { padding: 0px; }
    .pro_ul li .info_bg {  padding: 0px 5px 0px 5px; }
    .pro_ul li .info_tit { font-size: 14px; line-height: 30px; }
    .pro_ul li .info_h { font-size:14px; height: 119px; line-height: 23px; }
    .pro_ul li { padding: 0px; }
}

.show_tit_bg {  width: 100%;  height: auto;  overflow: hidden;  display: block;  margin-top: 15px;  margin-bottom: 15px;  border-bottom: 1px solid #dbdbdb;}
.show_tit { width: 140px; height: 45px; display: block; background: #13489d; 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 li { width: 40%; height: 240px; overflow: hidden; position: relative;}
#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;}
#certify li .img { width: 100%;height: 240px;overflow: hidden; display: block;}
#certify li .tit { width: 100%; height: 40px; position: absolute; z-index: 9; bottom: 0; background: rgba(0,0,0,.6);  text-align: center; padding: 0px 15px;  box-sizing: border-box;}
#certify li .tit a { color: #ffffff; font-size: 15px; line-height: 40px; 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_main{ max-width:1300px; margin: 0px auto; overflow: hidden; line-height: 30px; }
.cjse_main p{ font-size: 1rem; padding-left: 10px; padding-right: 10px; 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_l{ float: left;}
.cjse_mainb { width: 50%; }
.cjse_mainb img{ width:100%; }
.display460{ display: none; font-size: 1.1rem; color: #000080; text-align: center; padding:0px 10px;}
@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; }
    .cjse_jies{ display:none;}
    .place_ab { display: none;}
    .navbars { display: none; }
    .cjse_maina { display: none; }
    .cjse_mainb { width: 94%; margin: 0px auto; }
    .cjse_mainb img{ width: 100%;}
	.cjse_l{ float: none;}
	.cjse_r{ float: none;}
	.display460{ display:block; }
	.navbars_fw { display: none; }
}
@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; }
    .place_ab { display: none;}
    .navbars { width: 100%;}
}

@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%;  }
    .place_ab { display: none;}
    .navbars { width: 100%;}
}
@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;  }
}
/*zhuantiye youshi*/
.container{ width: 100%;  max-width: 1300px;  overflow: auto;  margin: 0px auto; }
.cjse_c_main{ width: 100%; overflow: auto; margin: 0px auto; }  
.cjse_c_main p{ font-size: 16px; line-height: 26px; text-indent: 2rem;}
@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: 40px;}
.color_l{ border-left: 6px #115baa solid; }
.color_h{ border-left: 6px #ff9900 solid; color: #ff9900; }
.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; }

/*zhuan tiye 25%*/
.test{ float: left; width: 24%;  min-width: 150px; margin-left: 0.5%; margin-right: 0.5%; overflow: hidden; }
.test p { text-indent: 2rem;  font-size: 16px; color:#666; line-height:2rem; text-align:left; }
.test .roww { overflow:hidden; }
.test .roww img{ width: 100%;  text-align: center; transition: transform 0.3s ease; }
.test .roww:hover img { transform: scale(1.1); }
.test .test_title{ font-size: 16px; line-height: 26px; text-align:center; }

@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: 16px; line-height: 26px; text-align: justify; padding:0px 5px;}
}
@media (max-width:315px ) {
    .test{ float: left; width: 100%; box-sizing: border-box; padding: 5px 0px 5px 0px; }
}

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

/* zhuantiye 33.333333% */
.test3{ float: left; width: 32.333333%;  min-width: 150px; margin-left: 0.5%; margin-right: 0.5%; overflow: hidden; }
.test3 p { text-indent: 2rem;  font-size: 16px; color:#666; line-height:1.65rem; text-align:left; }
.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:460px ) {
    .test3{ float: left; width: 100%; box-sizing: border-box; padding: 5px 0px 5px 0px; }
}

/*fuwu zhichi*/
.zhong_fw { width: 100%; clear: both; padding-bottom: 30px;} 
.zhong_fwbg { background-color: #f7f7f7; overflow: hidden;}
@media (min-width: 1440px) {
    .zhong_main {width: 1300px; 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("../img/img_ico03.png"); background-repeat:no-repeat;background-size:100%; }
.zhong_fw .afw .zhong_ico03 { background: url("../img/img_ico01.png"); background-repeat:no-repeat;background-size:100%; }
.zhong_fw .afw .zhong_ico04 { background: url("../img/img_ico04.png"); background-repeat:no-repeat;background-size:100%; }
.zhong_fw .afw .zhong_ico05 { background: url("../img/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%;}
}

/*jiejue fang an*/
.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%; text-align:left; }
.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%;  }
	.solu_center03 .infor .txt { font-size: 16px; line-height: 29px; margin-top: 50px;  }
	.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;}
	
}

@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;  margin-top: 0px;  }
	.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 .txt { font-size: 12px; line-height: 21px; }
	.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; }
	
}

/*youshi*/
.pr_gl_m { width: 98%; margin-right: auto; margin-left: auto; }
.pr_gl01{ padding:70px 0 40px; background:#fafafa;}
.infor .gl01_cl01{ color:#333f47; }
.infor .gl01_cl03{ color:#fff; }
.infor{ width: 100%; text-align: center;  margin-bottom:30px;}
.infor span { font-size: 40px; font-weight:bold;  }
.infor p { font-size:16px; line-height:34px; color:#636b70; }
.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%;}
.wns_c p { line-height:40px; color:#ff6600;}
@media only screen and (max-width: 760px) {
	.pr_gl01 {padding:20px 0 15px;}
    .pr_gl01 .infor .tit{font-size:30px; line-height:25px;}
    .pr_gl01 .content{margin-top:20px;}
    .pr_gl01 .content li{width:100%; margin-bottom:20px;}
	.pr_gl01 .content li .li_box{padding:0 10px; line-height:26px;}
	.pr_gl01 .content li:first-child:after{display: block;}
	.infor span {  font-size: 26px;}
	.infor p {  font-size: 14px;  line-height: 34px;  color: #636b70; text-indent: 0rem;}
	.wns_c { width:94%; margin:15px auto 0px; overflow:hidden; }
	.wns_c p { line-height: 22px; font-size:14px;}
    .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;}
    .more_zx { margin-top: 15px;}
    .list-paddingleft-2 {  padding:0px 10px;}
}
/*jianzheng gongcheng*/
.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; display: block; }
.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;}
.content{ width: 98%;  max-width: 1440px; margin: 0px auto; }
.owl-item { width: 32.3%; float: left; margin:0 0.5%; }
.owl-item img{ width: 100%;  }
.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; }
}
.paymsgcontent{ text-align:center;}

/*chanpinye jianjie*/
.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: 1440px;  overflow: hidden;  margin: 0 auto; }
.pr_gl04a .gl04txt {  width: 50%; float: left; overflow: hidden; }
.pr_gl04a .gl04txt li {  color: #fff;  text-align: justify;  font-size: 14px;  line-height: 26px; }
.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: 1440px; 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; }
}

/*rongyu*/
.pr_gl05 { max-width:1440px; 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; }
}
.hf_main_b{ max-width: 1440px; overflow: hidden; margin: 0px auto; padding-bottom: 15px; text-align:center; }
.pr_gl00 {  width: 100%;  text-align:center; overflow: hidden;  padding-top: 15px; }
.pr_gl00 p {  width: 100%;  font-size: 1.3em;  color: #ff9900;  font-weight: 600;  padding-bottom: 15px;
}

/*qiye wenhua*/
.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;}
}

/*产品参数*/
.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; }
@media only screen and (max-width: 767px) {
    .table-style2 table { font-size: 14px;} 
    .mun-list { display:none; }
}
.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;}


/*New Product Banner*/
.pr_banner { width: 100%; height: 600px; background: url(/images/gw_banner_pr.jpg) no-repeat center bottom; background-size: cover; }
.pr_bannerlf {  width: 46%; margin-top: 10%;  float: left; }
.pr_bannerlf img{  max-width: 500px; width: 100%; border-radius: 5px; }
.pr_bannerrt {float: right; width: 50%; margin-top: 10%; padding-right:4%; font-size: 1em; line-height: 1.8em;}
.pr_bannerrt .dldt { margin-bottom: 20px;}
.pr_bannerrt .dldt h1 {font-size: 2.2em; line-height: 1.9em;  }
.pr_bannerrt .dldt p {font-size: 1.2em; color: #606060; text-indent:0px;}
.pr_bannerrt .dldd { font-size: 1.2em; }
.pr_bannerrt .pr_text { font-size: 1.0em; color: #606060; margin-top: 10px;}
.pr_bannerrt .pr_text p { margin-bottom: 10px;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pr_button a { margin-top: 30px;width: 138px; line-height: 38px;display: block;float: left; background-color: #565656; color: #fff; text-align: center; }
.pr_button a:hover { background-color: #303030; color: #fff; transition: all .3s;}
.pr_button a.text-red { color: #ffffff; background-color: #ff9900; margin-right: 40px; }
.pr_button a.text-red:hover { background-color: #ffaa00; color: #fff; font-weight: bold;}
.pr_button a.text-red:after{content:''; width:0; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;} 
@media only screen and (max-width:1279px) {
    .pr_bannerlf { margin-top: 11%; }
    .pr_bannerrt { margin-top: 11%; }
    .pr_bannerrt .pr_text { display: none; }
}


@media (min-width: 992px) and (max-width: 1199.7px){
	.pr_bannerlf img { width: 80%;  }
	.pr_bannerrt dl { margin-left:50px; }	
	.pr_bannerrt .dldd .pintro { display: none; }

}
@media (min-width: 768.7px) and (max-width: 991.7px) {
	.pr_banner { height: 460px; }
	.pr_bannerlf { width: 44%; }
	.pr_bannerlf img {  width: 80%; }
	.pr_bannerrt .dldd { margin-bottom: 0px;}
	.pr_bannerrt .dldt h1 { font-size: 1.9em; }
	.pr_bannerrt .dldt p,.pr_bannerrt .dldd { font-size: 1em; margin: 0px;}
	.pr_button a { width: 120px; }	
}
@media (min-width: 540.7px) and ( max-width: 768px ){
	.pr_banner { height: auto; overflow: hidden; }
	.pr_bannerlf {  width: 86%; margin: 0px auto 15px; float: none; padding-right: 0%; text-align: center;  }
	.pr_bannerlf img{  max-width: 400px; width: 100%; border-radius: 5px; margin: 15px auto 15px;}
	.pr_bannerrt { width: 100%;  float: none; margin-top:0; } 
	.pr_bannerrt .dldd .pintro { display: none; }
	.pr_bannerrt .dldt{ text-align: center;margin-bottom:0px;padding-top: 70px; }
	.pr_bannerrt .dldd{ width: 375px;font-size: 1.8em;margin:20px auto;line-height: 38px;display:none; }
	.pr_bannerrt .dldd p{ width: 150px;margin-right: 30px;color:#999999; }
	.pr_button { display: none; }
	
}
@media (max-width: 540px){
	.pr_banner { height:auto; }
	.pr_bannerlf {  width: 86%; margin: 0px auto 15px; float: none; padding-right: 0%; }
	.pr_bannerlf {  width: 86%; margin: 0px auto 15px; float: none; padding-right: 0%; text-align: center;  }
	.pr_bannerlf img{ width: 100%; border-radius: 5px; margin-top:15px;}
	.pr_bannerrt { float: none;width: 100%; margin-top: 0px; }
	.pr_bannerrt .dldd { display:none; }
    .pr_bannerrt .dldt { padding-top: 65px;text-align:center; margin-bottom: 0px; }
	.pr_bannerrt .dldt h1 { font-size: 1.4em; }
	.pr_bannerrt .dldt p { font-size: 1em; }
	.pr_button { display: none; }
}