.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h3{ font-family:"sans-serif",HelveticaNeueCE; font-size:36px; color:#000000; line-height:36px; margin-bottom:10px;font-weight: bold;}
.titles h5{font-size:18px; line-height:38px;margin-bottom:25px;color:#000000;font-weight: 300;}
/*.titles:before {
    content: "";
    position: absolute;
    left: 47%;
    bottom: 25px;
    width: 60px;
    height: 2px;
    background: #e70012;
}
*/
.titles1{ text-align:center; padding:20px 0px;position: relative;}
.titles1 h3{ font-family:"sans-serif",HelveticaNeueCE; font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; }
.titles1 h5{font-size:20px;margin-bottom:25px;color:#212121;font-weight: 300;}
.titles1 .line{ background:#b1b1b1; height:1px; width:160px; margin:0 auto; position:relative}
.titles1 .line:after{ display: block; height:5px; width:42px; background:#369ad6; position:absolute; left:50%; margin-left:-21px; top:-2px;
    content: " ";}
.titles1:before {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    left: 33%;
}
.titles1:after {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    right: 33%;
}

.titles2{text-align: center;width: 100%;padding-top: 20px;position: relative;}
.titles2 h3{
	font-size: 36px;
    color: #222;
}
.titles2 span{
	font-size: 36px;
    color: #222;
}
.titles2 img{vertical-align: middle;}
.titles2 .titles2_line{font-size: 16px;color: #222;text-transform: uppercase;}
.titles2 .titles2_line i {
    padding: 0 20px;
}
.titles2 h5{font-size:14px; text-align: center; padding: 10px 0px;width:80%; font-weight: 500;margin: auto;}
.titles2:after{ display: block;
    height: 2px;
    width: 42px;
    background: #c9313e;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    content: " ";}

@media screen and (max-width: 1023px){
	.titles h3{font-size: 24px;}
	.titles h5{font-size: 16px;line-height: 28px;}
	.titles1 h3 {font-size: 24px;}
	.titles1 h5 {font-size: 16px;}
	.titles1:before{left: 15%;}
	.titles1:after{right: 15%;}
}

.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: #015aac;
    color: #FFFFFF;
    padding: 15px 50px 15px 56px;
    z-index: 2;
    position: relative;
    display: block;
}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: #f8701d;}

section{padding:34px 0px; margin:auto; overflow: hidden;width:100%;}

.section-title {position: relative;}
.section-title h3{
    text-transform: uppercase;
	font-size:30px;
	padding:0 40px;
	position: absolute;
	top:0px;
	font-size: 50px;
    color: #002d4b;
    line-height: 32px;
    text-align: center;
    margin-bottom: 70px;
    font-weight: 300;
    padding-top: 50px;
}

.section-title h2{text-transform: uppercase;
    color: #fff;
    font-size: 150px;
    font-weight: bold;
    letter-spacing: -4px;
    font-family: 'Tunga Bold',Arial, Helvetica, sans-serif;
    text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
    -webkit-text-shadow: #e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;
    -moz-text-shadow: #e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;
    *filter: Glow(color=#e8ebef, strength=1);
    padding: 12px 0;
}



.container {
    max-width: 1230px;
}
/*============================================
fw-section
===========================================*/
.fw-section{ background: #f5f5f5;}
.fw-list{padding:10px 0px 50px 0px;}
.fw-list ul{display:flex; justify-content: space-between;}
.fw-list li{display:flex; position: relative;width:160px;height: 160px;border-radius: 100%; background:#f8701d;flex-direction: column;justify-content: center;align-items: center; color:#FFFFFF;}
.fw-list li:before{content:""; display: block; border:1px solid #ccc; padding:20px; position: absolute; top: -10px; left: -10px; right: 0; bottom:0; width:180px; height: 180px;border:1px dashed #f8701d; border-radius: 100%;}
.fw-list li i{font-size:3rem;padding-bottom: 10px;line-height: normal;}


.anli-list{overflow: hidden; margin-top:50px;}
.anli-list li{max-width:290px;overflow: hidden; background: #FFFFFF; border-radius: 5px; box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);padding: 10px;margin-bottom: 10px;}
.anli-list li .pic{height: 175px;overflow: hidden;border-radius: 5px;}
.anli-list li .pic img{max-width:100%;}
.anli-list li .desc{padding:20px 10px 20px 10px; font-size:14px;}
.anli-list li .desc p{line-height: 1.4rem;}
.anli-list li .desc:after{content:"\e659"; font-family: "iconfont"; color:#999; border:1px solid #999; border-radius: 100%; width:20px; height: 20px; margin:10px 0px;display: flex;justify-content: center;align-items: center;font-size: 1rem;}
		
/*============================================
ly-section
===========================================*/
.ly-section{ margin-top:2rem;}
.ly-section .titles{}
.ly-section .titles h5{vertical-align: top;
    font-size: 70px;
    height: 60px;
    line-height: 60px;
    color: rgba(0,0,0,0.1);
    font-family: Times New Roman;
    font-weight: bold;
    text-transform: uppercase;}
.ly-section .titles h3{
    line-height: 60px;
    color: #333;
    height: 60px;
    position: relative;
    z-index: 1;
    margin-top: -60px;}


dl.lydl{ width:100%;max-width:1200px; height:auto;display: flex; border-bottom:1px solid #ededed; padding-bottom:25px;margin:auto;margin-bottom:25px;margin-top: 50px;align-items: center;
    justify-content: center;
    flex-direction: row;}
.ly-section .lydl:nth-child(2){flex-direction: row-reverse;}
.ly-section .lydl:nth-child(2) dt{padding-left: 80px;}
dl.lydl dd{ width:50%; height:auto; float:left; padding:0 75px 0 65px; box-sizing:border-box; position:relative;}
dl.lydl dd em{ width:50px; height:50px; line-height:50px; border-radius:50px; position:absolute; left:0; top:0; color:#fff; background:#005aa6; font-size:22px; font-weight:bold; float:left; text-align:center;}
dl.lydl dd h3{ width:100%; height:auto; float:left; padding:5px 0; box-sizing:border-box; border-bottom:1px solid #ededed; margin-bottom:10px; font-size:20px; font-weight:600;}
dl.lydl dd h3 span{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; color:#bebebe; font-weight:normal;}
dl.lydl s{color:#005aa6;text-decoration:none;}
dl.lydl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#666; background:url(../images/lydian.png) left 10px no-repeat; padding-left:8px; margin-bottom:10px; box-sizing:border-box;text-align: justify;}
dl.lydl dt{ width:50%; height:auto;}
dl.lydl dt img{ width:auto; height:auto; display:block; max-width:100%;}
dl.lydls{ border-bottom:none; margin:0; padding:0; }
dl.lydls dd{ margin-top:30px;}
dl.lydls dt img{ margin:0 auto;}




@media screen and (max-width: 1023px)
{
	dl.lydl{flex-direction: column;justify-content: center;}
	.ly-section .lydl:nth-child(2){flex-direction: column;justify-content: center;}
	.ly-section .lydl:nth-child(2) dt{padding-left: 0px;}
	dl.lydl dd{width: 100%;padding: 1rem 15px;}
	dl.lydl dd em{left: 15px;top: 20px;}
	dl.lydl dd h3{margin-left: 60px;}
	dl.lydl dt{width: 100%;}
}

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


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

}

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

@media screen and (max-width: 320px)
{
	
}
/*============================================
adv-section
===========================================*/
.adv-section{background-size: cover; background-position: center; background-repeat: no-repeat;}
.adv-section .adv-titles{display: flex;padding-top: 20px;flex-direction: row; justify-content: center;align-items: center;flex-direction: row;flex-wrap: wrap;}
.adv-t-num{display:flex;    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
.adv-t-num h1{font-size:90px; font-weight: bold;-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-image: linear-gradient( #d2b914, #fff472,#d2b914); /*text-shadow: 5px 5px 10px rgba(0,0,0,0.8);*/ letter-spacing: -10px; padding-right:10px;margin: 0px;}
.adv-t-year{display:flex; flex-direction: column;line-height: normal;}
.adv-t-year p:nth-child(1){ font-size:16px; text-transform: uppercase; font-weight: 500; color:#edf00d; text-shadow: 5px 5px 10px rgba(0,0,0,0.8);}
.adv-t-year p:nth-child(2){ font-size:50px; font-weight: bold;-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-image: linear-gradient( #d2b914, #fff472,#d2b914); /*text-shadow: 5px 5px 10px rgba(0,0,0,0.8);*/}
.adv-t-num:after{width:1px; height: 80px; display: block; background: rgba(255,255,255,0.34); content: ""; margin:0px 20px; padding:0px 0px;}

.adv-t-desc{display: flex;flex-direction: column;}
.adv-t-desc p{font-size:20px;color:#edf00d; text-shadow: 5px 5px 10px rgba(0,0,0,0.8); margin:0px; padding: 0px;margin-bottom: 5px;}
.adv-t-desc h2{font-size:40px;font-weight: bold;-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-image: linear-gradient( #d2b914, #fff472,#d2b914); /*text-shadow: 5px 5px 10px rgba(0,0,0,0.8);*/ margin: 0px; padding: 0px;margin-bottom: 10px;}

.adv-titles-desc{width:100%; padding:0px 0px 0px 0px;text-align: center;font-size:20px; color:#FFFFFF; font-weight: 300;}

.adv-conts{margin-top:0px; overflow: hidden; display: flex; justify-content: space-between;}
.adv-conts .adv-img{margin-left:0px;}
.adv-conts .adv-img img{max-width:100%;}
.adv-conts ul{flex:1; margin-left:0px;}
.adv-conts ul li{font-size:18px; color:#FFFFFF; font-weight:300px; display:flex; margin-bottom:20px;}
.adv-conts ul li:before{content:"\e646"; font-size:20px; color:#FFFFFF; font-family:"iconfont";margin-right:10px;}


/*============================================
com-section
===========================================*/
.com-section{ padding-top:120px;}
.com-section .wrap{display:flex; justify-content: space-between;}
.com-section .com-cont{display:flex; flex-direction: column; flex: 1; padding-right:80px;align-items: flex-start;}
.com-cont .titles{text-align: left;}
.com-cont .titles h2{font-size:40px; font-weight: bold;}
.com-cont .titles h3{font-size:34px; font-weight: 300;display: flex; flex-direction: column; margin-top: 20px;}
.com-cont .titles h3:after{width:60px; height: 2px; content: ""; margin-top:20px; background:#015aac;display: block;}
.com-cont .desc{font-size:14px; font-weight: 300;color:#000; line-height: 2rem;}
.com-cont .btn1{margin-top:50px;}
.com-cont .btn1 a{background:#0782e5; padding:15px 60px; border-radius: 50px; color:#FFFFFF; font-size:16px;}
.com-cont .btn1 a:before{border-radius: 50px;}
.com-section .com-img{max-width:800px;}
.com-img img{max-width:100%;}


/*.counter-items{width:100%; overflow: hidden;
    display: flex;
    justify-content: space-between;
	height: auto;
	align-items: center;z-index: 10;
	border-top:1px solid #eee;margin-top: 50px; padding-top:50px;
}*/
.counter-items .counter-item{padding:20px 0px;position: relative;width: 20%;}
.counter-item .inner-box{width:100%; /*position: relative;*/ height: auto;}
.counter-item .inner-box .desc-box{ width: 100%; padding-top: 0px;color:#fff;text-align: center;/*border-right: 1px solid rgb(0 0 0 / 10%);*/}
.counter-item:nth-last-child(1) .inner-box .desc-box{border-right:0px;}
.counter-item .inner-box .desc-box .counted{position: relative;text-align: center;display: flex; justify-content: center; align-items: center;}
.counter-item .inner-box .desc-box span{font-size: 3.4rem;color: #FFFFFF;font-weight: 500;line-height: 3rem;}
.counter-item .inner-box .desc-box em{color:#FFFFFF;border-radius: 50px;line-height: 35px;font-size: 1.2rem;
display:flex; align-items: center;justify-content: center;padding-bottom: 5px;    margin-left: 5px;}
.counter-item .inner-box .desc-box .desc-box-text{font-size:1.2rem;color: #FFFFFF;text-align: center; font-weight: 500; margin-top: 20px;}

/*.counter-item:hover{background:#234ea3;transition: 0.5s; cursor: pointer;border-radius: 20px;}
.counter-item:hover .inner-box .desc-box em{color: #ffffff;}
.counter-item:hover .inner-box .desc-box span{color:#FFF;}
.counter-item:hover .inner-box .desc-box .counted{color:#FFF;}
.counter-item:hover .inner-box .desc-box .desc-box-text{color:#FFF;}*/


.num-section{background-position: top center;background-attachment: fixed;}
.num-section .wrap{display:flex;align-items: center;justify-content: space-between;}
.num-section .counter-items{width:100%; overflow: hidden;
    display: flex;
    justify-content: space-between;
	height: auto;
	align-items: center;z-index: 10;
	padding-top:0px;color:#ffffff;flex: 1;margin-right: 10rem;
}
.num-desc{color:#FFFFFF;}
.num-desc h5{font-size: 36px;color: #fff;}
.num-desc h6 {text-transform: uppercase;font-size: 14px;color: #fff;margin-top: 10px;}

@media screen and (max-width: 1023px)
{
	.com-section{padding:0px;}
	.com-section .wrap{flex-direction: column;}
	.com-section .com-cont{padding: 2rem 15px;align-items: center;}
	.com-cont .titles{width:100%;}
	.com-section .com-img{margin-bottom: 2rem;}
	.com-cont .btn1{margin-bottom:50px;}
	
	.num-section .wrap{justify-content: space-between;flex-direction: column;}
	.num-section .counter-items{margin:0px; padding:10px;}
	.counter-items .counter-item{width:100%;}
	.counter-item .inner-box .desc-box span{font-size: 80px;letter-spacing: 0px;}
	.counter-item .inner-box .desc-box .desc-box-text{font-size: 25px;margin-top: 20px;}
}

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


@media screen and (max-width: 375px)
{
	.com-cont .titles{width: 100%;}
	.com-cont .titles h3{font-size: 1.4rem;}
}

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

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

/*============================================
cpjs_box 产品展示
===========================================*/
.cpjs_box{width:100%;height:auto; background:#f5f5f5; overflow: hidden; margin-top: 0px; padding-bottom: 80px; padding-top:100px;background-size: cover; position: relative;}
	
.cpjs_box .contents{margin-top: 10px;}
.cpjs_box .contents ul{margin:auto; padding: 0px;}
/*.cpjs_box .contents ul li{
	width:calc((100% / 5) - 10px);
    width: 19.5%;
    float: left;
    height: 24rem;
    position: relative;
    padding: 2.5rem 0 0;
    background: #fff;
    margin-top: 2.3rem;
    margin-right: 0.625%;
    -webkit-transition: transform .3s;
    transition: transform .3s;}*/
.cpjs_box .contents ul li{width: 100%;float: left;height: 34rem;position: relative;padding: 2.5rem 0 0;background: #fff;margin-top: 2.3rem;margin-right: 0.625%;-webkit-transition:transform .3s;transition:transform .3s;}
.cpjs_box .contents ul li h3{width: 80%;margin: 0 auto;height: 2rem;line-height: 2rem;overflow: hidden;}
.cpjs_box .contents ul li h3 a{font-size: 1rem;color: #000; display: flex; position: relative;}
.cpjs_box .contents ul li h3 a:hover{color: #0782e5;}
.cpjs_box .contents ul li h3 a:after{    content: "+";
    color: #fff;
    font-size: 14px;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    background: #d0d0d0;
    display: block;
    overflow: hidden;
    font-style: normal;
    border-radius: 30px;margin: auto;position: absolute;
    right: 0px;
    top: 5px;
}
.cpjs_box .contents ul li:hover h3 a{color: #0782e5;}
.cpjs_box .contents ul li:hover h3 a:after{background: #0782e5;}
.cpjs_box .contents ul li .desc{width: 80%;display: inline-block;margin-left: 10%;padding: 0.5rem 0 0;border-bottom: #ddd 1px solid;}
.cpjs_box .contents ul li .desc a{font-size: 14px;color: #666;display:block; float:left;position: relative;vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
/*.cpjs_box .contents ul li li a:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 100%;
  bottom: -2px;
  background: #008d30;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.cpjs_box .contents ul li li a:hover:before {
  right: 0;
}
.cpjs_box .contents ul li ul li a:hover{font-weight: bold;color: #333;}*/
.cpjs_box .contents ul li .Img{width: 100%;line-height: 0;padding: 2rem 0 0;}
.cpjs_box .contents ul li .Img img{display: block;width: 100%; max-width: 100%;}
.cpjs_box .contents ul li .desc img{max-width: 100%;}
.cpjs_box .contents ul li b{background: url(../images/bg/cp-icon-bg.png) no-repeat;display: none;width: 63px;height: 60px;position: absolute;bottom: 0;right: 0;font-size: 26px;color: #fff;line-height: 66px;padding-left: 10px; text-align: center;overflow: hidden;}
.cpjs_box .contents ul li:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.cpjs_box .contents ul li:hover b{background: url(../images/bg/cp-icon-bg-a.png) no-repeat;}
.cpjs_box .nobor{margin-right: 0;}
.cpjs_box .contents ul li:nth-child(5n){margin-right:0px;}

.cpjs_box .owl-carousel .owl-dots .owl-dot.active span, .cpjs_box .owl-carousel .owl-dots .owl-dot:hover span{border-color:#0782e5;background: #0782e5;}

.disbl
{
	display:block;
}
.disno
{
	display:none;
}

.side_lxfs{width:100%; height:auto;position: absolute; bottom:0px;text-align: center; padding:10px;}
.innerbox{padding:50px 0px 30px 0px;background: #e9e9e9;}
.side_lxfs em:before{
	content: "\e679";
	font-family: "iconfont" !important;
    color: #ffffff;
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
    background: #df131e;
    padding: 10px;
    z-index: 10;
    text-align: center;
    border-radius: 100px;font-style: normal;
}
.side_lxfs h3{font-size: 14px;color: #272626;margin: auto;line-height: 40px;font-weight: 300;}
.side_lxfs p{ width:100%;line-height: 30px; font-size:28px; color:#FFFFFF; flaot:left; text-align: center; margin-bottom:20px;}
.side_lxfs p a{display: block;width: 100%;overflow: hidden;line-height: 30px; font-size:34px;font-weight: bold; color:#272626;}





@media screen and (max-width: 1023px)
{
	.cpjs_box{padding:2rem 15px;}
	.cpjs_box .titles h5{margin:0px;}
}

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


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

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

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




/*============================================
fwlc-section
===========================================*/
.fwlc-section{width:100%;height:auto; background:#ffffff; overflow: hidden; margin-top: 0px; padding-bottom: 80px; padding-top:50px;background-size: cover; position: relative;}
.fwlc-section .titles{}
.fwlc-section .titles h5{vertical-align: top;
    font-size: 70px;
    height: 60px;
    line-height: 60px;
    color: rgba(239,238,238,0.2);
    font-family: Times New Roman;
    font-weight: bold;
    text-transform: uppercase;}
.fwlc-section .titles h3{
    line-height: 60px;
    color: #ffffff;
    height: 60px;
    position: relative;
    z-index: 1;
    margin-top: -60px;}
.fwlc-section ul{display:flex;justify-content:space-around;}
.fwlc-section ul li{display:flex; flex-direction: row;}
.fwlc-section ul li .lcbox{display:flex; flex-direction: column;justify-content: center; align-items: center;color:#FFFFFF;font-size:14px;text-align: center;}
.fwlc-section ul li .img{display:block;transition: 0.3s;opacity: 1;margin-top:0px;}
.fwlc-section ul li:hover .img{display:none;opacity: 0;margin-top:-120px;}
.fwlc-section ul li .img1{display:none;transition: 0.3s;opacity: 0;margin-top:-120px;}
.fwlc-section ul li:hover .img1{display:block;opacity: 1;margin-top:0px;}
.fwlc-section ul li .desc{margin-top:20px;}
.fwlc-section ul li:hover{cursor:pointer; color:#ffff00;}
.fwlc-section ul li:after{content:url(../images/bg/jt_r.png);display: flex;margin-top: 60px;padding: 0px 20px;}
.fwlc-section ul li:nth-last-child(1):after{display:none;}

@media screen and (max-width: 1023px)
{
	.fwlc-section ul li{width: 100%;justify-content: center;}
}

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


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

}

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

@media screen and (max-width: 320px)
{
	
}
/*============================================
zs-section
===========================================*/
.zs-section{background: #ebebeb; position: relative; padding:100px 0px;}
.zs-section .wrap{position: relative;}
.zs-cont{display: flex;}
.zs-cont .zs-img{width:50%;}
.zs-img img{max-width:100%;}
.zs-cont .zs-c{background:#ffffff; padding:50px 60px; border-radius: 20px;flex: 1; margin-left:50px;display: flex;flex-direction: column;    align-items: center;justify-content: center;}
.zs-section .titles{padding:0px;}
.zs-section .titles h5{vertical-align: top;
    font-size: 70px;
    height: 60px;
    line-height: 60px;
    color: rgba(0,0,0,0.1);
    font-family: Times New Roman;
    font-weight: bold;
    text-transform: uppercase;}
.zs-section .titles h3{
    line-height: 60px;
    color: #333;
    height: 60px;
    position: relative;
    z-index: 1;
    margin-top: -60px;}
.zs-cont .zs-c .desc{font-size:22px; line-height: 2; text-align: center;}
.zs-cont .zs-c .desc img{max-height: 200px;}
.zs-cont .zs-tel{background-image:linear-gradient(0deg, #1b5ecf, #357bf5);padding:10px 20px;border-radius: 10px;display: flex;color: #FFFFFF;align-items: center;justify-content: center;}
.zs-cont .zs-tel i:before{font-family: "iconfont"; content: "\e679"; display: flex;font-size: 28px; padding-right:10px;}
.zs-cont .zs-tel p{font-size: 14px;text-transform: uppercase; line-height: 16px;}
.zs-cont .zs-tel h2{margin:auto 0px auto 20px;font-size: 26px;}
@media screen and (max-width: 1023px)
{
	.zs-section{padding:2rem 15px;}
	.zs-section .zs-cont{flex-direction: column;}
	.zs-cont .zs-img{width: 100%; padding:1rem 0px;}
	.zs-cont .zs-c{margin:0px;}
}

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


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

}

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

@media screen and (max-width: 320px)
{
	
}
/*============================================
news-section
===========================================*/
.news-section{ position: relative;}
.news-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px
}
.news-list a{color: #3B3847;text-decoration: none;}

.news_t{height: 60px;
    line-height: 60px;
    overflow: hidden;
    border-bottom: #dfdfdf 1px solid;display: flex;
    align-items: center;
    justify-content: space-between;}
.news_t h3{display:inline-block;font-size: 22px;color: #000000;}
.news_t h3 a{color: #000000; display:flex;align-items: center;}
.news_t h3 em{font-style: normal;line-height: normal;}
.news_t h3 em:before{content:"\eb14";font-family: "iconfont" !important;
	color: #000000;
    font-size: 40px;
    display: block;
	overflow: hidden;
	font-style: normal;
    padding-right: 10px;}
.news_t .more{float:right; cursor: pointer;}
.news_t .more a:before{content:"\e60d";font-family: "iconfont" !important;
	color: #ffffff;
	background: #404041;
    font-size: 16px;
	overflow: hidden;
	border-radius: 50px;
    padding: 5px;}


.news_img{width:100%;padding: 25px 0;
    border-bottom: #d5d5d5 1px dashed;
    display: block;}
.news_img img{width:100%;height:100%;max-width: 100%;}

.news_img h3{height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-weight: normal;font-size: 18px;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 500px;}


.news_img ul{margin:auto; padding: 0px;}
.news_img ul li{width:100%; margin: auto; padding: 0px;}
.news_img ul li a{display: flex; flex-flow: wrap; color:#333;}
.news_img ul li .Images{width: 190px;
    height: 108px;
    overflow: hidden;
    float: left;
    line-height: 0;}
.news_img ul li .Names{flex:1; padding-left:10px;}
.news_img ul li .Names p{    font-size: 14px;
    color: #666;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    padding: 5px 0 0;}

.news_text{width:100%;}
.news_text ul{margin:auto; padding:0px;}
.news_text ul li {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    width: 48%;
	margin: auto 1%;
    float: left;
    border-bottom: #d5d5d5 1px dashed;
}
.news_text ul li span{
    font-size: 14px;
    color: #404041;
    display: block;
    float: left;
    width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_text ul li span.time{
    display: block;
    float: right;
    font-size: 14px;
    color: #909090;
    width: 80px;
    text-align: right;
}
.news_text ul li a{color:#333333;font-size:14px;}

.news_c{width:100%;}
.news_c .inner-box{border: #e1e1e1 1px solid;height: 88px;width: 100%;margin-top: 20px;padding: 10px 15px 0;}
.news_c .inner-box .client-title{background:url(../images/icon/wen.gif) no-repeat 0 4px;height: 30px;line-height: 30px;overflow: hidden;padding-left: 35px;}
.news_c .inner-box .client-title a,.news_c .inner-box .text a{font-size: 16px;color: #333;}
.news_c .inner-box .text{background:url(../images/icon/da.gif) no-repeat 0 4px;padding-left: 35px;font-size: 16px;color: #777;height: 30px;line-height: 30px;overflow: hidden;margin-top: 10px;}


@media screen and (max-width: 1023px)
{
	.news_img ul li .Images{width:100%; height: auto;margin-bottom: 1rem;}
	.company-content-wrap{margin-top:20px;}
	.right-box-common{margin:1%;width:48%;}
	.right-box-common .right-box-pic{width:100%;}
	
}
@media (min-width: 375px) and (max-width: 767px)
{
	.right-box-common{margin:1%;width:auto;}
	.card-img-150{height:auto !important;}
	.news-cont{margin:auto;}
	
}
@media (min-width: 321px) and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
	
}