.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h3{ font-family:HelveticaNeueCE; font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; }
.titles h5{font-size:20px; line-height:38px;margin-bottom:25px;color:#212121;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:HelveticaNeueCE; font-size:40px; color:#212121; line-height:45px; margin-bottom:20px; font-weight: bold;}
.titles1 h3 span{color:#df131e;}
.titles1 h3 strong{font-size:40px; padding: 0px 5px; color:#c9000b; text-shadow: 2px 0 2px white, -2px 0 2px white, 0 2px 2px white, 0 -2px 5px white, 2px 2px 4px rgb(0 0 0 / 0.5); /*text-shadow: 2px 2px 5px rgba(0,0,0,0.2);*/}
.titles1 h4{font-size:18px;margin-bottom:25px;color:#212121;font-weight: 400;    display: flex;
    justify-content: center;
    align-items: center;}
.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 h4:before {
    content: "";
    width: 50px;
    height: 6px;
    background: url("/images/bg/line-left.png") no-repeat;
    margin-right: 10px;
}
.titles1 h4:after {
    content: "";
    width: 50px;
    height: 6px;
    background: url("/images/bg/line-right.png") no-repeat;
    margin-left: 10px;
}

.titles2{ text-align:center; padding:20px 0px;position: relative;}
.titles2 h3{ /*font-family:HelveticaNeueCE; */font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; font-weight: 500;display: inline-block; padding:0px 50px;}
.titles2 h3 b{ color:#e50112;font-weight:bold;}
.titles2 h5{font-size:18px;margin-bottom:25px;color:#212121;font-weight: 300;max-width: 900px;
    margin: auto;
    line-height: 30px;margin-top: 10px;}

.titles2 h3:before {
	content: url("/images/bg/title_bg_left.png");
    width: 77px;
    height: 20px;
	padding-right: 50px;
	overflow: hidden;
	/*display: inline-block;*/
    /*position: absolute;
    top: 45px;
    left: 33%;*/
}
.titles2 h3:after {
    content: url("/images/bg/title_bg_right.png");
    width: 77px;
    height: 8px;padding-left: 50px;
	/*display: inline-block;*/
    /*position: absolute;
    top: 45px;
    right: 33%;*/
}
@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%;}
}
.w1600{width:1600px; margin: auto;}

.titles3{ text-align:left; padding:20px 0px;position: relative;}
.titles3 h3{ font-family:HelveticaNeueCE; font-size:36px; color:#212121; line-height:38px; font-weight: bold; margin-bottom:10px;}
.titles3 h5{font-size:14px;color:#666;font-weight: 400;text-transform: capitalize;max-width: 800px;margin: auto;}

:root {
  --primary: #ffc246;
  --secondary: #384d62;
  --title-color: #1c0a1a;
  --text-color: #5a5a5a;
  --light-bg-color: #fafafa;
  --card-box-shadow: 0px 9px 24px 5px rgba(0, 0, 0, 0.04);
  --card-hover-box-shadow: 1px 20px 30px #C4C4C433; }

.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: #e92b29;
    color: #FFFFFF;
    padding: 15px 40px;
    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: #f49d0e;}


/*============================================
features-section 优势描述
===========================================*/
.features-section{padding: 80px 0px 0px 0px;}
.features-section .title1{text-align: center !important; margin:20px auto;}
.features-section .title1 h3{color: var(--title-color);font-size: 45px;line-height: 55px;font-weight: 500;}
.features-section .title1 h4{color: var(--text-color);font-size: 25px;line-height: 24.5px; font-weight: 400;}
.features-items{display: flex; flex-direction: row; align-content: center;}
.features-item{display: flex;width: 25%; }
i.features-icon{font-size: 36px; color:#e92b29;flex-shrink: 0; margin-left:0px;margin-right: 5px;    display: flex;}
i.features-icon:before{font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-top: -5px;}
i.features-icon01:before{content: "\e66a";}
i.features-icon02:before{content: "\e644"; font-size:40px;margin-top: -10px;}
i.features-icon03:before{content: "\e603";}
i.features-icon04:before{content: "\e645";}

.features-section ul{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.features-section ul li{    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out;
	width:32%;
	margin:1% auto;
}
.features-section ul li:nth-child(3n+2){
	margin:1% 1%;
}
.features-section ul li:hover {
    box-shadow: var(--card-box-shadow);
    transition: 0.3s ease-in-out;
}

.features-section ul li em {
    font-size: 48px;
    color: var(--primary);
    margin-bottom: 20px;
}

.features-icon-info{}
.features-icon-info h3{color:#fff; font-weight: bold; font-size:28px;}
.features-icon-info p{font-size:14px; color:#aaaaaa;}


/*============================================
com-section 公司简介
===========================================*/
.com-section{background: #ffffff;
    height: auto;
    overflow: hidden;
    padding: 20px 0px 0px 0px;
}
.com-section .wrap{display:flex;}
.com-img{width:auto;overflow: hidden; flex-shrink: 0;}
.com-img img{max-width:100%; width:100%; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.com-img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}



.com-desc{margin: 10px auto;width:50%;float:left;padding: 0px 20px 0px 0px; color: #333;}
.com-desc h2{font-size: 36px;color: #333;line-height: 44px;font-weight: 500;overflow: hidden;position: relative; text-align: left;margin-bottom: 0.5rem;padding:0px;}
.com-desc h2 a{color: #333;}
.com-desc h2 a:hover{color: #3871c1;}
.com-desc p{font-size:14px; text-align: left;line-height: 24px; color:#111111; font-weight: 300;}
.com-desc ul{font-size: 18px;color: #333;line-height: 30px;height: auto;overflow: hidden;padding: 20px 0 0; margin-top:20px;}
.com-desc ul li{list-style: disc; margin-left: 20px;margin-bottom: 20px;}
.com-desc ul li p{font-size: 18px;color: #333;line-height: 30px;}

.com-desc .btn1{margin-left:20px;}



/*============================================
ad-section 文字口号
===========================================*/
.ad-section{padding:0px 0px; overflow: hidden; background:#92cd96 url(/images/bg/bg-number.jpg) center  no-repeat;margin: auto; margin-top:0px; position:relative;}
.ad-section:before{background-color:rgb(34 34 34 / 10%); content: ""; position: absolute;top: 0;left: 0;right: 0;bottom: 0; z-index: -1;}
.ad-section .wrap{max-width: 1200px; display: flex; justify-content: space-between;}
.ad-cont{margin:auto;max-width: 300px; padding-right:0px;}
.ad-cont h4{    padding: 0px;display: block;line-height: 45px; font-size:40px;color: #ffffff;}
.ad-cont h4 b,.ad-cont h4 strong{font-weight:bold;font-size:40px; padding: 0px 5px; color:#ed1960; font-weight: bold; text-shadow: 2px 0 2px white, -2px 0 2px white, 0 2px 2px white, 0 -2px 2px white;}


.counter-items{width:100%; overflow: hidden; display: flex; justify-content: space-between;padding: 20px 0px 20px 0px; margin:auto;margin-right: 0px;    background: none; }
.counter-items .counter-item{padding:0px 10px; width:calc(100% / 3);}
.counter-items .counter-item .inner-box{transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.counter-items .counter-item .inner-box:hover{  border-top: 2px solid transparent;
  border: 1px solid transparent;
  /*transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);*/
  border-color: #ffd322;}
.counter-items .counter-item .inner-box:after, 
.counter-items .counter-item .inner-box:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  border-color: #ffd322;
  z-index: -1;
}
.counter-items .counter-item .inner-box:after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  border-top: none;
  border-color: #ffd322;
  border-bottom: none;
}
.counter-items .counter-item .inner-box:hover:after,
.counter-items .counter-item .inner-box:hover:before {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}
.counter-item .inner-box{width:100%; position: relative; border:0px solid rgb(255 255 255 / 20%); padding:20px;}
.counter-item .inner-box i,.counter-item .inner-box em{width:100px; height: 100px; border-radius: 60px;display: block; background: transparent; border:0px solid #fff; font-style: normal;text-align: center; margin:auto;}
.counter-item .inner-box i:before,.counter-item .inner-box em:before{font-family: "iconfont" !important; color:#e92b29; font-size:70px; line-height: 100px; text-align: center;}
.counter-item:nth-of-type(1) i:before,.counter-item:nth-of-type(1) em:before{content: "\e634";}
.counter-item:nth-of-type(2) i:before,.counter-item:nth-of-type(2) em:before{content: "\e65b";}
.counter-item:nth-of-type(3) i:before,.counter-item:nth-of-type(3) em:before{content: "\e67a";}
.counter-item:nth-of-type(4) i:before,.counter-item:nth-of-type(4) em:before{content: "\e718";}
.counter-item:nth-of-type(4){border:0px;}

.counter-item .inner-box .desc-box{ color:#ffffff;}
.counter-item .inner-box .desc-box .counted{position: relative;
    line-height: 1.4em;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;text-align: center;}
.counter-item .inner-box .desc-box span{font-size:60px; }
.counter-item .inner-box .desc-box .desc-box-text{font-size:14px; color:#d0d0d0;text-align: center; font-weight: bold;text-transform: uppercase;}







/*============================================
cont-section 内容简介
===========================================*/
.cont-section{background: #ffffff;
    height: auto;
    overflow: hidden;
    padding: 20px 0px 0px 0px;
}
.cont-section .wrap{display:flex;flex-wrap: wrap;}
.cont-img{width:auto;overflow: hidden; flex-shrink: 0;}
.cont-img img{max-width:100%; width:100%; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.cont-img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.cont-imgs ul{display:flex;}
.cont-imgs ul li{margin:auto 5px;}

.cont-desc{margin: 10px auto;width:50%;float:left;padding: 0px 20px 0px 0px; color: #333;}
.cont-desc.cont-desc-all{width:100%;    padding: 0px 0px 50px 0px;}
.cont-desc-wrap{width: 100%;}
.cont-desc-wrap.cont-desc-rev{display: flex;flex-direction: row-reverse;}
.cont-desc-wrap.cont-desc-rev .cont-desc{padding:50px;}
.cont-desc h2{font-size: 36px;color: #333;line-height: 44px;font-weight: 500;overflow: hidden;position: relative; text-align: left;margin-bottom: 0.5rem;padding:0px;}
.cont-desc h2 a{color: #333;}
.cont-desc h2 a:hover{color: #3871c1;}
.cont-desc p{font-size:18px; text-align: left;line-height: 34px; color:#111111; font-weight: 300;}
.cont-desc ul{font-size: 18px;color: #333;line-height: 30px;height: auto;overflow: hidden;padding: 20px 0 0; margin-top:20px;}
.cont-desc ul li{list-style: disc; margin-left: 20px;margin-bottom: 20px;}
.cont-desc ul li p{font-size: 18px;color: #333;line-height: 30px;}

.cont-desc .btn1{margin-left:20px;}


.cont-ad{width:100%; margin:auto auto; padding:80px 0px;background:url("/images/bg/bg-number.jpg") no-repeat center;}
.cont-ad .titles{ margin:auto; display:flex; flex-direction: column;    align-items: center;max-width: 800px;}
.cont-ad .titles:before{display:none;}
.cont-ad .titles h3 {
    color: #ffffff;
    font-size: 45px;
    line-height: 55px;
    font-weight: 500;
}

.cont-ad .titles p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #eee;
    line-height: 22.5px;
    margin-top: 10px;
    margin-bottom: 30px;
}


.cont-desc-imgs{width:100%; padding:50px 0px 0px 0px;}
.cont-desc-imgs .wrap{display: flex;flex-direction: column;}
.cont-desc-imgs ul{display:flex;}
.cont-desc-imgs ul li{margin:10px auto; padding:0px 10px;overflow: hidden;}
.cont-desc-imgs ul li img{max-width:100%; transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;}
.cont-desc-imgs ul li img:hover {
  -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);
}

.cont-talbe{padding:50px 0px 80px 0px; text-align: center;background: #f5f5f5;}
.cont-talbe .wrap{justify-content: center;}
.cont-talbe .titles{max-width:800px;}
.cont-talbe table{border-collapse: collapse;border: 1px #333 solid;width:100%;}
.cont-talbe table td{border-collapse: collapse;border: 1px #333 solid;}


.cont-colors{padding:0px 0px 50px 0px;}
.cont-colors .title-box{padding:50px; width:100%; background-image: linear-gradient(to right,#f88e20,#ed1960); position: relative;border-radius: 20px;}
.title-box:after{ position: absolute; width:0px; height: 0px; background:#fff; content: "";left: calc((100% -100)/2);border-top:solid 50px #f24e43;
  border-left:solid 50px transparent; 
  border-right:solid 50px transparent;
	bottom:-20px;
	z-index: -1;
}
.cont-colors .title-box p{color:#ffffff; font-size:30px; text-align: center;}
.cont-colors .cont-desc{font-size:20px; line-height: 34px; width:100%; padding:20px;}

.art1 .ArtBack{justify-content: center;}
.art1 .ArtBack a{font-size: 16px;text-transform: uppercase;}
@media screen and (max-width: 1920px){
	
}
@media screen and (max-width: 1600px)
{

}
@media screen and (max-width: 1440px)
{
	
}
@media screen and (max-width: 1366px)
{
	
}
@media screen and (max-width: 1280px)
{
	
}
@media  (min-width: 1024px) and (max-width:1199px)
{
	
}
@media screen and (max-width: 1023px){
	html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
	body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
	
	.titles1 h3{font-size:2.8rem; line-height: 1rem;}
	.titles1 h4{font-size:1.4rem;}
	.titles1:before {left: 10%; top:5.5rem;}
	.titles1:after {right: 10%; top:5.5rem;}
	
	.com-section{padding:20px 0px 0px 0px;}
	.com-section .wrap{flex-direction: column;padding: 15px;}
	.com-desc{width:100%;}
	.com-img{width:100%;}
	.counter-item .inner-box .desc-box span{font-size: 4rem;}
	
	.features-section{padding: 20px 0px 0px 0px;}
	.features-section .title1 h3{font-size: 3.4rem;}
	.features-section .title1 h4{font-size: 2rem;}
	.features-section ul{align-items: normal;}
	.features-section ul li{width:48%;box-shadow: var(--card-box-shadow);}
	
	.cont-desc-wrap{display:flex; flex-direction: column;padding: 0px 20px;}
	.cont-desc{width:100%; padding:0px 20px;}
	.talbe-wrapper{padding:0px 20px; overflow: scroll;}
	
	.cont-ad .titles h3{font-size: 4rem;}
	.cont-ad .titles{padding: 0px 20px;}
	
	.cont-desc-imgs{padding:20px 0px 0px 0px;}
	.cont-desc-imgs ul{flex-wrap: wrap;}
	.cont-desc-imgs ul li{width: 50%;}
	
	.cont-colors .title-box p{font-size: 2rem;}
	.cont-colors .cont-desc{font-size: 1.5rem;    line-height: 3rem;}
	
	
	.wrap{max-width: 100%;}
	
	.mb_none{display: none;}
}

@media screen and (max-width: 767px)
{
	.station1 .container{flex-wrap: wrap;}
	.station1 a {
    font-size: 15px;
    display: block;
    color: #333333;
    line-height: 24px;
    padding: 10px 25px;
    margin-right: 20px;
    background-color: #f5f5f5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    margin-bottom: 10px;
    width: calc((48vw - 20px));
}
	
}
@media screen and (max-width: 425px)
{
	.cont-desc h2{font-size: 3rem;}
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{
	body {font-size: 14px;/*1.4 × 10px = 14px */}
	
	
	
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}