.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h3{ font-family:HelveticaNeueCE; font-size:30px; color:#212121; line-height:38px; margin-bottom:10px; }
.titles h5{font-size:14px; line-height:38px;margin-bottom:25px;color:#212121;font-weight: 500;}
.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: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: #3674db;
    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: #33bef2;}

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

/*============================================
com-section
===========================================*/
.com-section{background: #f7f7f7; padding:5% 0px;}
.com-section .wrap{display:flex; background:#FFF; justify-content: space-between; padding:5%;}
.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;    font-family: cursive;}
.com-cont .titles h3{font-size:30px; 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:#91c53c;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:#91c53c; padding:10px 50px; 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%;width: 680px;}

.com-num.wrap{padding:0px 5%;}


.counter-items{width:100%; overflow: hidden;
    display: flex;
    justify-content: space-between;
	height: auto;
    /*box-shadow: 0px 4px 51px 0px rgb(7 0 2 / 18%);*/
	align-items: center;z-index: 10;
	/*border-top:1px solid #eee;margin-top: 50px; padding-top:50px;*/
	padding-bottom: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: flex-end;}
.counter-item .inner-box .desc-box span{font-size: 3rem;color: #1558b2;font-weight: 500;line-height: 3rem;letter-spacing: -5px;}
.counter-item .inner-box .desc-box em{color:#666666;border-radius: 50px;line-height: 35px;font-size: 1rem;
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:16px;color: #343434;text-align: center; font-weight: 500; margin-top: 10px;}

.counter-item:hover{background:#0d67af; background:#91c53c;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;}

@media screen and (max-width: 1440px)
{
	.com-section .com-img{max-width: 50%;}
}

@media screen and (max-width: 1199px)
{
	.com-section .wrap{flex-direction: column;}
	.com-section .com-img{max-width: 100%;}
	.com-section .com-img img{width: auto;}
	.counter-items .counter-item{width:100%;}
}

@media screen and (max-width: 1023px)
{
	.com-section{padding:0px;}
	.com-section .wrap{flex-direction: column;}
	.com-section .com-cont{padding:0px;    align-items: center;}
	.com-section .com-img{margin-bottom: 2rem;}
	.com-cont .btn1{margin-bottom:50px;}
	.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)
{
	
}




.good-section{padding:100px 0px;}
.good-section .wrap{display:flex;justify-content: space-around; position: relative;}
.good-section .good-desc{width:30%; margin-left:0px;padding-left: 5%;}
.good-desc .titles{text-align: left;}
.good-desc .titles h2{font-size:40px; font-weight: bold;    font-family: cursive; text-transform: uppercase;}
.good-desc .titles h3{font-size:30px; font-weight: 300;display: flex; flex-direction: column; margin-top: 20px;}
.good-desc .text{font-size:16px; color:#858585;line-height: 1.6rem;}
.good-section .good-cols{flex:1; margin-left:3vw; overflow: hidden;}
.good-cols ul{}
.good-cols ul li{width:auto; height: auto; position:relative; display: flex;transition: 0.5s;align-items: center;justify-content: center;}
.good-cols ul li a{width:100%; height: 100%;}
.good-cols ul li .img{width:100%; height: 100%;min-height: 450px;background: #efefef;display: flex;justify-content: center;align-items: center;}
.good-cols ul li img{max-width:100%; height: 100%;}
.good-cols ul li .info{width:100%; height: 80px; position: absolute; left: 0;bottom: 0; display: flex;justify-content: center; align-items: center;transition: 0.3s;}
.good-cols ul li:hover .info {
    /*background: linear-gradient(90deg, #91c53c, #38a9bf);*/background:#91c53c;
    color: #fff;
}
.good-cols ul li .info h5{margin-bottom: 0px;}
.good-cols .owl-carousel{position:unset;}
.good-cols .owl-carousel .owl-stage-outer{position:unset;}
.good-cols .owl-controls{position:absolute; left: 20vw; bottom:50px;}
.good-cols.owl-theme .owl-dots{margin-top: 60px;}
.good-cols .owl-carousel .owl-dots .owl-dot.active span,.good-cols .owl-carousel .owl-dots .owl-dot:hover span{border-color: #e5277c;opacity: 0.8;background: #e5277c;width: 40px;border-radius: 10px;}





@media screen and (max-width: 1440px)
{
	.good-cols .owl-controls{bottom:0px;}
}

@media screen and (max-width: 1023px)
{
	.good-section{padding-top: 2rem;padding-bottom: 2rem;}
	.good-section .wrap{flex-direction: column;padding-bottom: 50px;}
	.good-section .good-desc{width:100%;padding:0px 5%;}
	
	.good-box{margin:0px; padding:5%;}
	.good-col ul{display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;}
	.good-col ul li{margin-left: 0rem;margin-bottom: 1rem;width: 50%;}
	.good-col ul li a{font-size: 1rem;}
	.good-desc .titles{padding-bottom:0px;}
	.good-desc .titles h3{margin-bottom: 20px;}
	.good-desc .text{font-size: 14px;line-height: 2rem;}
	.good-conts-item ul li{width:100%;}
	
	.good-section .good-cols{margin: 2vw; margin-top:2rem;}
	.good-cols .owl-controls{left: 0;right: 0;bottom: 0px;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	.good-col ul{display: flex;width: 100%;flex-direction: column;flex-wrap: wrap;}
	.good-col ul li{margin-left: 0rem;margin-bottom: 1rem;width:100%;}
}
@media screen and (max-width: 414px)
{
		
}


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

}

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

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



.map-section{min-height: 850px;background-position: right center;background-repeat: no-repeat;}
.map-section .titles{max-width: 1000px;margin: auto;z-index: 10;}
.map-section .titles h5{line-height: 1rem;}

.map-desc{padding-left:5%;margin-top: 100px;}
.map-desc ul{width:50%; display:flex; justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0px;}
.map-desc ul li{width:calc(50% - 20px);margin-left: 0;margin-bottom: 50px;}
.map-desc ul li .box{}
.map-desc ul li .box{ width: 100%; padding-top: 0px;color:#fff;text-align: center;display: flex;flex-direction: column;align-items: flex-start;}
.map-desc ul li .box .counted{position: relative;text-align: center;display: flex; justify-content: center; align-items: flex-end;}
.map-desc ul li .box span{font-size: 3rem;color: #91c53c;font-weight: 500;line-height: 3rem;letter-spacing: -5px;}
.map-desc ul li .box em{color:#666666;border-radius: 50px;line-height: 35px;font-size: 1rem;
display:flex; align-items: center;justify-content: center;padding-bottom: 5px;    margin-left: 5px;}
.map-desc ul li .box .desc-box-text{font-size:16px;color: #858585;text-align: center; font-weight: 500; margin-top: 10px;padding-left: 1rem;}

.map-c{width:100%; height: auto; position: relative; display: block; overflow: hidden;max-width: 1200px;margin: auto;margin-top: -5rem;z-index: 1;}
.map-c img{display: block;width: 100%;height: auto;}
.map-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: -3px 0 0 -3px;
    border-radius: 20px;
    background: #0067da;
}
.map-dot a{
    position: absolute;
    white-space: nowrap;
    color: #777;
    font-size: .88rem;
}
.map-dot a:hover{color:#ff0000;}
.label-top {
    left: 50%;
    top: -300%;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}
a.label-top:hover{top:-350%;}
.label-right {
    left: 300%;
    top: -150%;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}
a.label-right:hover{left:350%;}
.shanxi1{left: 63.33%;top: 51.95%;}
.liaoning{left: 80.5%;top: 40.95%;}


.qinghai{left: 42.5%;top: 53.95%;}
.gansu{left: 50.60%;top: 57.95%;}
.hubei{left: 63.50%;top: 66.45%;}
.jiangsu{left: 75.40%;top: 63.95%;}

.tianjin{left: 71.20%;top: 47.85%;}
.zhejiang{left: 75.33%;top: 71.15%;}
.shandong{left: 71.40%;top: 53.95%;}
.hunan{left: 62.33%;top: 74.95%;}
.shanghai{left: 77.90%;top: 67.65%;}
.guangdong{left: 66.33%;top: 85.95%;}



.henan{left: 64.33%;top: 59.95%;}
.jiangxi{left: 68.33%;top: 75.95%;}
.shanxi{left: 57.33%;top: 59.05%;}
.jilin{left: 86.33%;top: 35.95%;}
.beijing{left: 70.33%;top: 44.95%;}
.yunnan{left: 45.33%;top: 83.65%;}

.anhui{left: 70.65%;top: 65.95%;}
.guizhou{left: 54.33%;top: 77.95%;}
.hainan{left: 58.65%;top: 95.45%;}
.sichuan{left: 48.05%;top: 66.95%;}
.heilongjiang{left: 89.6%;top:26.95%;}
.xinjiang{left: 21.33%;top: 41.95%;}

.hebei{left: 67.65%;top: 49.45%;}
.ningxia{left: 53.05%;top: 51.95%;}
.fujian{left: 72.6%;top:80.95%;}
.xizang{left: 27.33%;top: 68.95%;}
.guangxi{left: 57.33%;top: 85.95%;}
.neimenggu{left: 71.5%;top: 35.55%;}
.chongqing{left: 55.55%;top: 70.00%;}

.map-info{position: absolute;bottom: 5%;left: 0%; display: flex;flex-direction: column;align-items: flex-end;}
.map-info h5{font-size:24px; color:#080808;}
.map-info a{width:160px; height:50px; line-height: 50px; color:#FFFFFF;background:#455b98; font-size:16px; text-align: center; margin-top:20px;}

.map-info2{position:absolute; bottom:25%; right:0%; color:#ff0000; display: flex;font-size: 16px;}
.map-info2:before{content:url(/style/icon-map-info2.png); margin-right:10px; max-width:100%; overflow: hidden;}

@media screen and (max-width: 1023px)
{
	.map-section{min-height:unset;}
	.map-section .titles{padding:20px 1rem;}
	.map-section .titles h5{line-height: 1.8;font-size: 1rem;}
	.map-section .wrap{padding-bottom: 150px;}
	.map-desc{left: 100px;}
	.map-c{margin-top:auto;overflow: visible;}
	.map-info{align-items: center;right:0;bottom: -120px;}
	.map-info2{display:none;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	.map-desc{left: unset;}
}
@media screen and (max-width: 414px)
{
		
}


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

}

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

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

/*============================================
hzhb-section
===========================================*/
.hzhb-section{background:#eeeeee;overflow: hidden;width:100%;padding-top: 60px;    padding-bottom: 100px;}
.hzhb-section .wrap{max-width: 1200px;}
.hzhb-section .hzhb-title{text-align: center;padding: 20px 0px;position: relative;background: url(../images/bg/bg_hz_t.gif) no-repeat center;
    height: 130px;
    margin-bottom: 50px;}
.hzhb-section .hzhb-title h3{font-size: 34px;
    color: #212121;
    line-height: 38px;
    margin-bottom: 10px;
    font-weight: 500;
    display: inline-block;
    padding: 0px 50px;margin-top: 30px;}
.hzhb-section .hzhb-title h5 {font-size: 18px;
    margin-bottom: 25px;
    color: #212121;
    font-weight: 300;
    max-width: 900px;
    margin: auto;
    line-height: 30px;
    margin-top: 10px;}

.hzhb-section ul{padding: 0px;margin: auto;}
.hzhb-section ul li{width: 240px;height: 135px;float: left;line-height: 0;border-bottom: #ddd 1px solid;position: relative;}
.hzhb-section ul li span{ display:flex; position:relative;width: 240px;height: 135px;background: #fff;align-items: center;justify-content: center;}
.hzhb-section ul li span:before{content: "";width: 1px;height: 100%;background: #ddd;position: absolute;top: 0;right: 0;z-index: 20;}
.hzhb-section ul li span:after{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: 0;left: 0;z-index: 20;}
.hzhb-section ul li img{width: auto;max-width: 100%;height: 135px;
/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;*/ }
.hzhb-section ul li:hover img{
/*-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);*/}
.hzhb-section ul li:nth-child(5n):before{background: none;}
.hzhb-section ul li:hover span{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);z-index: 1;}


@media screen and (max-width: 1023px)
{
	.hzhb-section .hzhb-title h3{font-size: 30px;margin-top: 0px;}
	.hzhb-section .hzhb-title h5{font-size:1rem;}
	.hzhb-section ul li{width:100%; border:0px;}
	.hzhb-section ul li span{margin:auto;}
}

@media screen and (max-width: 767px)
{
	.hzhb-section .hzhb-title h3{font-size: 1.8rem;}
}
@media screen and (max-width: 425px)
{
	.map-desc{left: unset;}
}
@media screen and (max-width: 414px)
{
		
}


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

}

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

@media screen and (max-width: 320px)
{
	
}
/*============================================
application-section
===========================================*/
.application-section{padding: 0px 0px 100px 0px;}
.application-wrap{width: 100%;height: 100%;position: relative;}
.app-nav{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.app-nav ul{width: 100%;display: flex; justify-content: space-between;height: 100%;}
.app-nav ul li{width:calc(100% / 5);/*width: 100%;*/height: 100%; display: flex;background-color:transparent; transition: 0.5s;    align-items: flex-end; color:#ffffff;}
.app-nav ul li a{color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;}
.app-nav ul li.active{background:rgb(145 197 60 / 90%);}
.app-nav ul li .text{padding: 0 40px 50px 40px;}
.app-nav ul li .t1{font-size: 30px;padding-bottom: 15px;font-weight: 300;display: flex;flex-direction: column;}
.app-nav ul li .t1 .en {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Tunga',Arial, Helvetica, sans-serif;
    font-weight: 100;
}
.app-nav ul li .text .wz{font-size:14px;}

.app-nav ul li .line{width: 0px;height: 4px;background: #fff;margin-top: 0; transition: 0.5s;}
.app-nav ul li.active .line{    width: 40px;margin-top: 80px;}


.app-cont{width:100%; height: 100%; display:flex;}
.app-cont .app-cont-item{display:none;width: 100%; transition: 0.5s}
.app-cont-item.active{display:flex;}
.app-cont-item img{width:100%; height: 100%;}

.application-wrap-m{display:none;}
@media screen and (max-width: 1440px)
{
	.app-nav ul li .text .wz{display:none;}
	.app-nav ul li.active .text .wz{display:flex;}
	.app-nav ul li.active .line{margin-top: 20px;}
}
@media screen and (max-width: 1023px)
{
	.application-section{border-bottom: 1px solid #efefef;padding-bottom: 50px;margin-bottom: 30px;}
	.application-wrap{display:none;}
	.application-wrap-m{display:flex;}
	.application-wrap-m ul{}
	.application-wrap-m ul li{width:100%;}
	.application-wrap-m ul li img{width:100%; max-width:100%;min-height: 200px;}
	.application-wrap-m ul li .desc{width:100%; padding:5%; background: #f5f5f5;}
	.application-wrap-m ul li h5{font-size:1.6rem; line-height: 1;float: left;}
	.application-wrap-m ul li span.en{font-size:1.3rem; text-transform: uppercase;float: left;padding-left: 1rem;font-weight: 300 !important;}
	.application-wrap-m ul li p{font-size:1.2rem; line-height: 2rem;overflow: hidden;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)
{
	
}
/*============================================
about-section
===========================================*/
.about-section{padding: 100px 0px;
    background: #ffffff;background-position: bottom;}
.about-title {
    color: #00396f;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.about-subtitle {
    color: #00396f;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.about-title h2{font-size: 32px;}
.about-title h4{font-size: 24px;}

.about-section p {
    color: #000000;
    font-size: 17px;
    font-weight: 300;
    line-height: 42px;
    margin-top: 2rem;
}

.about-image{display: flex;justify-content: flex-end;}
.about-image img{max-width: 100%;}
		
/*============================================
vision-cont
===========================================*/



.vision-section {
    position: relative;
}
#vision
{
	min-height: 646px;
   /* background-size: cover;*/
    background-position: center;
    /* background-attachment: fixed; */
    display: flex;
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 37px;
    /* text-transform: uppercase; */
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
    /*background-attachment: fixed;*/
}
.vision-subtitle {
    font-size: 20px;
}

/*============================================
vision-ad
===========================================*/
.vision-ad{background:#014998;padding: 2rem 0px;}
.vision-ad ul{display: flex;justify-content: space-between;align-items: center;flex-direction: row;flex-wrap: wrap;}
.vision-ad ul li{padding:10px 0px;}
.vision-ad ul li{color:#FFFFFF;text-align: center;}
.vision-ad ul li em{font-size:3.4rem;}
.vision-ad ul li p{}

/*============================================
solution-section
===========================================*/
.solution-section{padding-top: 10px;margin-top: 100px;padding-bottom:80px; overflow:hidden; width:100%;position: relative;}
.solution-section .wrap{position: relative;}

.solution-section .section-title{position:absolute; top:0px; left:calc(((100% - 1500px) / 2) - 40px);z-index: 10;}
.solution-section .section-title h2{margin-left:-50px;}
.solution-cont{width:auto}
.solution-cont dl{width:100%;height: 640px; display:flex;justify-content: space-between;align-items: center;position: relative;    overflow: hidden;}
.solution-cont dt{width:calc(100% / 2); overflow: hidden; padding-left:calc((100% - 1500px) / 2);color: #002d4b;}
.solution-cont dt h3{font-size: 40px;line-height: 40px;margin-bottom: 20px;color: #002d4b;padding-top: 50px;}
.solution-cont dt .text{padding: 0;font-size: 16px;line-height: 34px;height: 102px;overflow: hidden;color: #002d4b;font-weight: 500;padding-right: 50px;}
.solution-cont dd{width: 960px;height: 640px;overflow: visible;position: absolute;left: 50%;top: 0px;}
.solution-cont dd img{max-width:none;height: 640px; width:100%;}
.solution-cont.owl-theme .owl-dots{margin-top: 60px;}
.solution-cont.owl-carousel .owl-dots .owl-dot.active span,.solution-cont.owl-carousel .owl-dots .owl-dot:hover span{border-color: #91c53c;opacity: 0.8;background: #91c53c;width: 40px;border-radius: 10px;}

.solution-cont .btn1 a{border:1px solid #ccc; background:none; color:#002d4b;}
.solution-cont .btn1 a:hover{color:#FFFFFF;border-color:#33bef2;}
.solution-cont .btn1 i{color: #91c53c; margin-right:10px}
.solution-cont .btn1 a:hover i{color: #FFFFFF;}




/*============================================
ad-section
===========================================*/
.ad-section{overflow: hidden;background:#eeeeee;}
.ad-section .ad-cont{    width: 100%;
    height: auto;
    position: relative;
    padding: 0px;
    margin: 0px;
    display: flex;justify-content: flex-end;
    align-items: center; padding:20px 0px;}
.ad-c{width:50%;padding: 100px;}
.ad-c h2{color:#333;}
.ad-c h2 b{display: block;
    font-size: 42px;
    color: #333333;
    line-height: 42px;
    height: 42px;
    position: relative;
    font-weight: bold;}
.ad-c h2 i{display: block;
    font-size: 80px;
    color: #e0e0e0;
    line-height: 80px;
    margin-top: 9px;
    font-family: Impact;
    position: relative;
    height: 80px;
    text-transform: uppercase;}
.ad-c h2 i em{position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    color: #333333;
    line-height: 80px;}
.ad-c-desc{margin-top:50px;max-width: 500px;}
.ad-c-desc h3{height: 35px;
    font-size: 30px;
    line-height: 35px;
    color: #004898;
    font-weight: 300;
    margin-bottom: 20px;}
.ad-c-desc p{    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    }

.ad-line{width:100%;height: 10px;margin:20px auto 20px 0px; background: url(../images/ad_line.png) no-repeat center left;}
.ad-c ul{width:100%; max-width:470px; padding:20px 0px; margin: 0px; margin-top:20px;margin-bottom:50px; }
.ad-c ul li{width:calc((100% / 3 ) - 20px); height:130px; max-width:120px; float:left; margin-right:20px; border:1px solid #c6c6c6; border-top-left-radius: 25px; border-bottom-right-radius: 25px; margin-bottom:20px; display: flex; justify-content: center; align-items: center;flex-direction: column;}
.ad-c ul li:hover{background:#014998; color:#FFFFFF;}
.ad-c ul li em{color:#014998;    font-size: 2.5rem;}
.ad-c ul li p{color:#000000; font-size:18px;}
.ad-c ul li:hover em{color:#FFFFFF;}
.ad-c ul li:hover p{color:#FFFFFF;}


.ad-img{width:960px; height: 100%; position:absolute;right: 50%; top:0px; overflow: hidden;}




/*============================================
prod-section
===========================================*/
.prod-section{padding-top:0px;}
.prod-cont.owl-theme .owl-dots{margin-top: 60px;}
.prod-cont .owl-carousel .owl-dots .owl-dot.active span,.prod-cont .owl-carousel .owl-dots .owl-dot:hover span{border-color: #e5277c;opacity: 0.8;background: #e5277c;width: 40px;border-radius: 10px;}
.prod-cont{padding:50px 0px;}
.prod-cont ul li{border: 1px solid #eee;}
.prod-cont ul li .img{width:100%;transition: 0.5s; overflow: hidden;height: 300px;display: flex;justify-content: center;align-items: center;
}
.prod-cont ul li img{max-width:100%;transition: 0.5s;height: 100%;width: 100%;}
.prod-cont ul li:hover img{transform: scale(1.05);}
.prod-cont ul li .t{    padding: 15px;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
	transition: 0.5s;
}

.prod-cont ul li:hover .t{background:#91c53c; color:#FFFFFF;}



.col-lg-6.knowledge-2 {
    position: relative;padding: 0px;
}

.col-lg-6.knowledge-1 {
    padding: 10% 0%;
}

.knowledge-section {
    /* height: 525px; */
    margin: 0px 0px 10px 0px;
}

.knowledge-block {
    width: 570px;
    float: right;
    max-width: 100%;
    /* padding-right: 22%; */
}

.knowledge-content {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    padding-right: 20%;
	margin-top: 20px;
}

.knowledge-title {
    font-size: 30px;
    line-height: 49px;
    color: white;
    text-transform: uppercase;
}

a.knowledge-link {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    border: 1px solid white;
    display: table;
    padding: 0px 20px;
    text-decoration: none;
    border-radius: 20px;
    margin: 20px 0px 0px;
    transition: 0.4s all ease;
}

.knowledge-block-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
a.knowledge-link:hover {
    background: white;
    color: #00376d;
}


.project-video {
    position: relative;
}

.col-lg-6.knowledge-2>.project-video {
    width: 100%;
    height: 100%;background-size: cover;
}

.col-lg-6.knowledge-2>.project-video img:nth-child(1) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.knowledge-title{margin-bottom: 20px;}
.knowledge-content{line-height: 2rem;}

.news-section{width:100%; padding:50px 0px;}
.news-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px
}
.news-list a{color: #3B3847;text-decoration: none;}

@media (max-width: 991px) {
  .news-list {
    margin-left: -2%;
    margin-right: -2%
  }
}
@media (max-width: 767px) {
  .news-list {
    margin: 0px;
  }
}
.news-list--front {
  padding-top: 104px
}
.news-list--carousel {
  flex-wrap: unset;
  margin: 0
}
.news-item {
  width: 25%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 64px
}
@media (max-width: 1199px) {
  .news-item {
    width: 25%
  }
}
@media (max-width: 991px) {
  .news-item {
    width: 100%;padding: 5vw 5vw 0px 5vw; margin-bottom: 40px; 
  }
}
@media (max-width: 767px) {
  .news-item {}
}
.news-item.swiper-slide {
  margin-bottom: 0
}
.news-item__anchor:hover .news-item__image-wrap__image {
  transform: scale(1.1)
}
.news-item__image-wrap {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden
}
.news-item__image-wrap__blank {
  width: 100%;
  height: auto
}
.news-item__image-wrap__blank--products {
  background-color: white
}
.news-item__image-wrap__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .5s ease;
  object-fit: cover;
  object-position: center;
  background-size: cover;
  background-position: center
}
.news-item__image-wrap__image--products {
  padding: 16px
}
.news-item__image {
  display: block;
  margin-bottom: 16px;
  width: 100%;
  height: auto
}
@media (max-width: 991px) {
  .news-item__image {
    margin-bottom: 8px
  }
}
.news-item__title {
  margin: 16px 0 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
}
@media (max-width: 1199px) {
  .news-item__title {
    font-size: 15px;
    line-height: 1.38;
    margin: 8px 0
  }
}
@media (max-width: 991px) {
  .news-item__title {
	  font-size:1.6rem;
	  font-weight: bold;
    margin: 8px 0;
  }
}
.news-item__teaser {
  margin: 8px 0 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
	font-weight: 500;
    font-size: 14px;
    line-height: 1.8;
}
@media (max-width: 1199px) {
  .news-item__teaser {
    font-size: 13px
  }
}
.news-item__category {
  color: #0092CB;
  font-weight: 600;
  font-size: 13px
}
.news-item__category a {
  color: #0092CB;
  z-index: 1;
  position: relative;
  transition: all .1s ease
}
.news-item__category a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 0px;
  transition: all .125s ease;
  z-index: -1;
  background-color: #0092CB
}
.news-item__category a:hover {
  color: white
}
.news-item__category a:hover::after {
  max-height: 100%
}

@media screen and (max-width: 1023px)
{
	.news-section{padding-top:0px;}
	.news-item__title{margin: 2vw 0 !important;}
	.news-item__teaser{font-size: 1.2rem;}
}


@media screen and (max-width: 1023px)
{
	footer#footer{padding-top:50px;}
	#footer .foot-com{display: block;}
	#footer .foot-contact{display: block;}
	#footer .foot-col{display: block;}
	#footer .foot-qr{display: block;}
}
@media screen and (max-width: 768px)
{
	
}
@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: 320px)
{
	
}