/* CSS Document */

@font-face {

  font-family: "pmzd";

  src: url("../font/pmzd.woff2") format("woff2"),

       url("../font/pmzd.woff") format("woff"),

       url("../font/pmzd.ttf") format("truetype"),

       url("../font/pmzd.eot") format("embedded-opentype"),

       url("../font/pmzd.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "heiti";

  src: url("../font/heiti.otf");

}



@font-face {

  font-family: "verdana";

  src: url("../font/verdana.woff2") format("woff2"),

       url("../font/verdana.woff") format("woff"),

       url("../font/verdana.ttf") format("truetype"),

       url("../font/verdana.eot") format("embedded-opentype"),

}







.logolist .swiper-slide {

    box-sizing: border-box;

    border: 1px solid #cdcdcd; background:#ffffff;

}



.logolist .swiper-slide img {

    width: 100%

}



.logobtn {

    text-align: center;

    font-size: 0;

    /* margin-top: 20px; */

    margin-top: 40px

}



.logobtn>div {

    position: static;

    display: inline-block;

    width: 30px;

    height: 30px;

    border: 1px solid #cdcdcd;

    transform: translateY(0);

    -ms-transform: translateY(0);



    -webkit-transform: translateY(0);

    margin: 0 10px;

	background:url(../images/p.png) no-repeat center;

}

.logobtn .swiper-button-next,.logobtn .swiper-button-next.swiper-button-disabled,.logobtn .swiper-button-next:hover,.logobtn .swiper-button-next.swiper-button-disabled:hover{background:url(../images/p1.png) no-repeat center;}



.logobtn>div:hover {background:url(../images/p.png) no-repeat center;

}





.tyrkbanner .swiper-slide img {

    width: 100%

}



.tyrkbanner p {

    text-align: center;

    font-size: 18px;

    color: #282828; line-height:40px;

}





















#videDivo1 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0; z-index:3; background:#000;

}







.slideBox{ 

  position:relative; 

  margin:0 auto;

  background: #555;

  height: 100vh;

}

.slideBox .bd{ 

  position:relative; 

  height:100%;

    overflow:hidden; 

}

.slideBox .bd ul{ 

  height:100%;

}

.slideBox .bd li{ 

  vertical-align:middle; 

  height:100%;

}

.slideBox .bd img{  

 display: block;

  animation: changeScale 1 2.5s; width:100%; height:100%;object-fit: cover;

}

.slideBox .bd .banner-txt1 { position:absolute; width:100%; text-align:center; top: 44%; }

.slideBox .bd .banner-txt1 img{ width:auto; height:auto;display: inline-block; padding-bottom: 10px;}



.slideBox .hd{ 



  overflow:hidden; 

  position:absolute; 

 width:100%; 

 text-align: center;

  bottom:20px; 

  z-index:3; 

}

.slideBox .hd ul{ 

  overflow:hidden; 

  zoom:1; 

  color:#fff; 

   width:100%; 

 text-align: center;

}

.slideBox .hd ul li{ 

  display: inline-block;

  margin:0 6px;  

  width:40px; 

  height:6px; 

  background:rgba(255,255,255,0.5); 

  cursor:pointer; transition-duration:.5s; 

}

.slideBox .hd ul li.on{ background:#004ea0;}





















.about{padding: 90px 0 50px 0;}

.about .left{ width:35.55%;}

.home-title h1{font-size: 44px;
    font-family: 'Conv_Montserrat-Bold'; color: #d01126; line-height: 56px;}

.home-title .fb{font-size: 30px; color: #646666; text-transform:uppercase; letter-spacing:1.5px; }

.about .left .neir{font-size: 20px; line-height:36px; padding-top: 50px;}

.about .a-icon{width: 100%; padding-top: 120px;}

.about .a-icon dl{width: 28%; float: left; cursor: pointer;}

.about .a-icon dl:nth-child(4){ width: 16%;}

.about .a-icon dl dt{ width: 93px; height: 93px; border: 1px solid #dfdfdf; border-radius: 100%; background: #fff; position: relative; text-align: center; display: flex;

 justify-content: center; align-items: center;}

.about .a-icon dl dt .pic{width: 100%; position: absolute; height: 100%; left: 0; top: 0; z-index: 2;}

.about .a-icon dl:nth-child(1) dt .pic{background:url(../images/a-icon1.png) no-repeat center center ; transition-duration: 1s;}

.about .a-icon dl:nth-child(1):hover dt .pic{background:url(../images/a-icon1-1.png) no-repeat center center ;}

.about .a-icon dl:nth-child(2) dt .pic{background:url(../images/a-icon2.png) no-repeat center center ; transition-duration: 1s;}

.about .a-icon dl:nth-child(2):hover dt .pic{background:url(../images/a-icon2-1.png) no-repeat center center ;}

.about .a-icon dl:nth-child(3) dt .pic{background:url(../images/a-icon3.png) no-repeat center center ; transition-duration: 1s;}

.about .a-icon dl:nth-child(3):hover dt .pic{background:url(../images/a-icon3-1.png) no-repeat center center ;}

.about .a-icon dl:nth-child(4) dt .pic{background:url(../images/a-icon4.png) no-repeat center center ; transition-duration: 1s;}

.about .a-icon dl:nth-child(4):hover dt .pic{background:url(../images/a-icon4-1.png) no-repeat center center ;}

.about .a-icon dl dt:after{position: absolute; content: "";  width: 0; height: 0;  left: 50%;  transform: translate(-50%, -50%); top: 50%; background: #e50001; transition-duration: 1s; border-radius: 100%; z-index: 1;}

.about .a-icon dl:hover dt:after{width: 85%; height: 85%;}

.about .a-icon dl dt img{display: block;}

.about .a-icon dl dd{line-height: 42px; width: 95px; font-size:18px; color: #555451; text-align: center; transition-duration: 1s;}

.about .a-icon dl:hover dd{color: #e50001;}

.about .video-ibox{ width:51%; position: relative; cursor: pointer; overflow: hidden; }

.about .video-ibox .bg {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: transform 1s ease-out 0s;

    -webkit-transition: -webkit-transform 1s ease-out 0s;

    overflow: hidden;

}

.about .video-ibox .bg video {

    width: 100%;

    display: block;

}

.about .video-ibox .img-wrap {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

}

.about .video-ibox .vico {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 80px;

    height: 80px;

    line-height: 1;

    color: #fff;

    font-size: 58px;

    transition: .3s;

    -webkit-transition: .3s;

}

.about .video-ibox:hover .vico{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}



.about-num{width: 100%; margin-bottom: 40px; color: #fff;   position: relative; z-index: 2; background-size:cover; }

.about-num li{width: 20%; float: left; text-align: center; font-size: 18px; padding:0 3%}

.about-num li span{display: inline-block; color: #004ea0; font-weight: bold; font-size: 60px; position: relative; margin-right: 10px; }

.about-num li span:after{position: absolute; content: "+"; font-size: 36px; right: -33px; top: 10px;}

.about-num li p{font-size: 16px; color: #c8c8c8; }

.about-num li:nth-child(4){padding:0 0;}

.page {

    position: relative;

    width: 100%;

    overflow: hidden;
	margin-top: 80px;

}

.pagebH{position: relative; z-index: 2;}

.page .ibg {

    position: absolute;

    left: 0;

    top: 0;

    width: 110%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

/*    transition: 1s;*/

		/*animation: lroat 10s infinite linear;	*/

		z-index: 1;

}

@keyframes lroat {

    0% {

        left: 0%;

    }

    50% {

       left: -8%;



    }

    100%{

    	left: 0%;

    }

}

.ywly{padding: 75px 0; }

.page .ibg1 {

  width: 100%;

      display: block;

	  position: absolute;

      left: 0;

      top: 0;

      height: 100%;

      /*animation: run 12s linear infinite;*/

}



.ywly .left{ width: 25.3%;}

.ywly .right{ width: 74.7%;}

.home-ywly{

	width: 95.23%;

	position: relative;

	z-index: 3;

	margin-left: 4.97%;

	display: flex;

}

.home-ywly-fl{

	width: 19.8%;

}

.home-ywly-fl .home-title h1{

	color: #FFFFFF !important;

}

.home-ywly-fl .home-title .fb{

	color: #FFFFFF !important;

}

.home-ywly-fr{

	width: 80.2%;

	background: rgba(0,0,0,0.45);

	position: relative;

}

.home-ywly-fr:before{

	display: block;

	content: '';

	width: calc(100% + 18px);

	height: 8px;

	background: rgba(255,255,255,0.6);

	position: absolute;

	top: -8px;

	right: 0;

}

.home-ywly-fr:after{

	display: block;

	content: '';

	width: 18px;

	height: 18px;

	border-radius: 50%;

	background: rgba(255,255,255,0.6);

	position: absolute;

	top: -13px;

	left: -36px;

}

.first-yw{

	position: relative;

}

.first-yw ul{

	zoom: 1;

	padding: 0 2%;

}

.first-yw ul:after{

	display: block;

	content: '';

	clear: both;

}

.first-yw ul li{

	float: left;

	width: 20%;

	height: 90px;

	font-size: 20px;

	color: #FFFFFF;

	text-align: center;

	line-height: 90px;

	position: relative;

	font-weight: bold;

	cursor: pointer;

	transition-duration: 0.5s;

}

.first-yw ul li:before{

	display: block;

	content: '';

	width: 0%;

	height: 3px;

	background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));

	position: absolute;

	bottom: 0;

	left: 50%;

	transition-duration: 0.5s;

}

.first-yw ul li span{

	position: relative;

}

 

.first-active{

	background: url(../images/ly-bg02.jpg) no-repeat center center;

	background-size: cover;

}

.first-active:before{

	width: 100% !important;

	left: 0 !important;

}

.first-active:after{

	display: block;

	content: '';

	width: 14px;

	height: 12px;

	background: url(../images/jt01.png) no-repeat;

	position: absolute;

	bottom: -20px;

	left: 50%;

	margin-left: -7px;

}

.first-active span:after{

	display: none !important;

}



.first-ywBox{

	width: 80%;

	margin: 60px 10% auto;

	position: relative;

}

.first-ywContenter{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	z-index: 2;

}

.first-ywContenter:nth-child(1){

	position: relative;

	z-index: 3;

}

.show-first{

	opacity: 1 !important;

	z-index: 4 !important;

}



.sencond-yw{

	margin-bottom: 40px;

}

.sencond-yw ul{

	zoom: 1;

}

.sencond-yw ul:after{

	display: block;

	content: '';

	clear: both;

}

.sencond-yw ul li{

	float: left;

	width: 23.5%;

	height: 46px;

	margin-right: 2%;

	background: #798490;

	font-size: 18px;

	color: #FFFFFF;

	font-family: "heiti";

	text-align: center;

	line-height: 46px;

	cursor: pointer;

	position: relative;

}

.sencond-yw ul li:nth-child(4n){

	margin-right: 0;

}

.sencond-active{

		background: #054994 !important;

		box-shadow: 0 2px 4px 2px #333;

}

.sencond-active:after{

	display: block;

	content: '';

	width: 14px;

	height: 12px;

	background: url(../images/jt01.png) no-repeat;

	position: absolute;

	bottom: -20px;

	left: 50%;

	margin-left: -7px;

}





.sencond-ywBox{

	position: relative;

}

.sencond-ywContenter{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	z-index: 2;

}

.sencond-ywContenter:nth-child(1){

	position: relative;

	z-index: 3;

}

.show-sencond{

	opacity: 1 !important;

	z-index: 4 !important;

}





.yw-swiper{

	overflow: hidden;

	position: relative;

}

.yw-swiper .swiper-slide{

	position: relative;

	overflow: hidden;

}

.yw-swiper .swiper-slide img{

	display: block;

	width: 100%;

	transition-duration: 0.5s;

}

.yw-swiper .swiper-slide p{

	width: 100%;

	background: rgba(0,0,0,0.42);

	font-size: 16px;

	color: #FFFFFF;

	line-height: 46px;

	text-align: center;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	position: absolute;

	bottom: 0;

	transition-duration: 0.5s;

}

.yw-swiper .swiper-slide:hover img{

	transform: scale(1.1);

}

.yw-swiper .swiper-slide:hover p{

	background: rgba(5,73,148,0.3);

}

.yw-next,.yw-prev{

	width: 19px;

	height: 34px;

	position: absolute;

	top: 50%;

	margin-top: -17px;

	cursor: pointer;

}

.yw-next{

	right: -5%;

	background: url(../images/jt02-r.png) no-repeat;

}

.yw-prev{

	left: -5%;

	background: url(../images/jt02-l.png) no-repeat;

}



.yw-search{

	padding: 70px 10% 140px;

	box-sizing: border-box;

	zoom: 1;

}

.yw-search:after{

	display: block;

	content: '';

	clear: both;

}

.yw-search input{

	float: left;

	width: 74.5%;

	height: 36px;

	border: none;

	outline: none;

	border-radius: 40px;

	box-sizing: border-box;

	padding: 0 30px;

	font-size: 15px;

	color: #333;

	font-family: "heiti";

}

.submit-yw{

	float: left;

	margin-left: 30px;

	display: block;

	width: 40px;

	height: 40px;

	position: relative;

	background: url(../images/search.png) no-repeat center center;

}



.news{

	padding: 0px 0 40px;
	

}

.home-news{

	position: relative;

	z-index: 4;
	margin-top: 60px;

}

.home-news-top{

	zoom: 1;

	padding-bottom: 25px;

	margin-bottom: 40px;
	

	

}

.home-news-top:after{

	display: block;

	content: '';

	clear: both;

}

.home-news-top .home-title{

	float: left;

}

.news-menuList{

	float: right;

	width: 460px;

	margin-top: 50px;

}

.news-menuList ul{

	zoom: 1;

}

.news-menuList ul:after{

	display: block;

	content: '';

	clear: both;

}

.news-menuList ul li{

	float: left;

	font-size: 18px;

	color: #0e0e0e;

	line-height: 50px;

	font-weight: bold;

	width: 33.333%;

	text-align: center;

	position: relative;

	cursor: pointer;

}

.news-menuList ul li:before{

	display: block;

	content: '';

	width: 0%;

	height: 3px;

	background: #004ea0;

	top: -3px;

	left: 0;

	transition-duration: 0.5s;

}

.news-menuList ul li span{

	position: relative;

}

.news-menuList ul li span:before{

	display: block;

	content: '';

	

	

	left: -20px;

	top: 50%;

	margin-top: -4px;

}

.news-active:before{

	width: 100% !important;

}

.news-active span{

	color: #004ea0;

}

.jc-li{ right:0; margin-top:55px;}

.jc-li li{ display:inline-block; margin-left:60px;position:relative;font-size: 18px;

    color: #0e0e0e;

    line-height: 50px;

    font-weight: bold;  cursor: pointer;}

.jc-li li:nth-of-type(1){ margin-left: 0px;}

.jc-li li:before{

    content: '';

   
    border-radius: 50%;

   

    position: absolute;

    left: 0px;

    top: 50%;

    margin-top: -4px;}

	

.jc-li li:after{content: ''; display:block;

    width: 0%;

    height: 3px;

    background: #004ea0;

    top: 0px;

    left: 0; position:absolute;

    transition-duration: 0.5s;}

	

.jc-li li.hover:after{ width:100%;}

.home-news-box{

	position: relative;

}

.home-news-contenter{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	opacity: 0;

	z-index: 2;

}

.home-news-contenter:nth-child(1){

	position: relative;

}

.show-news{

	opacity: 1 !important;

	z-index: 4 !important;

}

.home-news-fTitle{

	font-size: 32px;

	color: #333333;

	font-weight: normal;

	position: relative;

	padding-left: 30px;

	line-height: 1;

	margin-bottom: 40px; font-weight:bold;

}

.home-news-fTitle:before{

	display: block;

	content: '';

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #c52a31;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -5px;

}

.home-news-nr{

	display: flex;

}

.home-news-fl{

width: 57.3%;

}

.home-news-fr{

width: 44.7%; 

}

.home-news-fr img{ max-width:100%;}

.home-news-fl ul li{

	font-size: 16px;

	color: #333333;

	line-height: 32px;

	margin-bottom: 40px;

	position: relative;
	border-bottom: 1px solid #ccc;

}

.home-news-fl ul li a{

	position: relative;

}

.home-news-fl ul li a:after{

	display: none;

	content: '';

	width: 11px;

	height: 13px;

	background: url(../images/jt03.png) no-repeat;

	position: absolute;

	right: -20px;

	top: 50%;

	margin-top: -6.5px;

}

.home-news-fl ul li a:hover:after{

	display: block;

}

.home-news-fl ul li:last-child{

	margin-bottom: 0;

}

.lb-title{

	width: 100%;

	background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));

	position: absolute;

	bottom: 0;

	box-sizing: border-box;

	padding: 20px 35px;

}

.lb-title h4{

	font-size: 20px;

	color: #FFFFFF;

	font-family: "heiti";

	line-height: 1;

	font-weight: normal;

	margin-bottom: 5px;

}

.lb-title p{

	font-size: 13px;

	color: #ffffff;

}

.get-more{

	margin-top: 40px;

}

.get-more a{

	display: block;

	

	width: 216px;

	height: 46px;

	

	background: #004ea0;

	font-size: 20px;

	color: #FFFFFF;  float: right;

	text-align: center;

	line-height: 46px;

	font-weight: bold;

	position: relative;

	transition-duration: 0.5s;

}

.get-more a:hover{

	margin-top: -5px;

	box-shadow: 0 2px 4px 2px #999;

}

.business-title{

	position: relative;

	z-index: 10;
	padding-top: 8px;

}



.home-business{

	margin-top: 0px;

	position: relative;

	z-index: 10;
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
	

}

.business-box{

	position: relative;

}

.business-box:after{

	display: block;

	content: '';

	width: 0.4%;

	height: 100%;

	background: #FFFFFF;

	position: absolute;

	top: 0;

	left: 49.8%;

}

.business-box ul{

	display: flex;

}

.business-box ul li{

	width: 49.9%;

	margin-right: 0.2%;

	position: relative;-moz-box-shadow:3px 3px 4px #969696; -webkit-box-shadow:3px 3px 4px #969696; box-shadow:3px 3px 4px #969696;

}

.business-box ul li:after{

	display: block;

	content: '';

	width: 100%;

	height: 100%;

	background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));

	position: absolute;

	left: 0;

	top: 0;

	z-index: 3;

}

.business-box ul li:nth-child(2){

	margin-right: 0;

}

.business-bg{

	position: relative;

	z-index: 2;

	overflow: hidden;

}

.business-bg img{

	display: block;

	width: 100%;

	transition-duration: 0.5s;

}

.business-box ul li a{

	display: block;

}

.business-box ul li:hover .business-bg img{

	transform: scale(1.1);

}

.business-bt{

	height: 88px;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	display: flex;

	z-index: 4;justify-content: center;

    align-items: center; width:100%;

}

.business-icon{

	height: 88px;

	line-height: 88px;

}

.business-icon img{

	display: inline-block;

	vertical-align: middle;

}

.business-name{

	margin-left: 30px; text-align:center;

 

}

.business-name h4{

	font-size: 30px;

	color: #FFFFFF;

	line-height: 1;

	margin-bottom: 5px;

}

.business-name p{

	font-size: 12px;

	color: #FFFFFF;

	font-weight: normal;

	line-height: 1;

}

.business-lb{

	background: #fff;

}

.yf-swiper,.yf-swiper1{

	position: relative;

	overflow: hidden;

	padding: 50px 0;

}



.yf-case{

	width: 100%;

	position: relative;

	z-index: 2;

	transition-duration: 0.5s;-moz-box-shadow:3px 3px 4px #969696; -webkit-box-shadow:3px 3px 4px #969696; box-shadow:3px 3px 4px #969696;

}

.yf-case img{

	display: block;

	width: 100%;

}

.yf-case p{

	width: 100%;

	font-size: 20px;

	color: #FFFFFF;

	opacity: 0.8;

	text-transform: uppercase;

	padding: 50px 10% 30px;

	background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));

	position: absolute;

	bottom: 0;

}

.yf-swiper .swiper-slide:hover .yf-case,.yf-swiper1 .swiper-slide:hover .yf-case{

	transform: scale(1.2);

	z-index: 10;

}

.yf-swiper .swiper-slide:hover .yf-case p,.yf-swiper1 .swiper-slide:hover .yf-case p{

	background: linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0));

	opacity: 1;

}

.yf-next,.yf-prev{

	width: 19px;

	height: 34px;

	position: absolute;

	top: 50%;

	margin-top: -17px;

	cursor: pointer;

	z-index: 10;

}

.yf-next{

	right: 20px;

	background: url(../images/jt02-r.png) no-repeat;

}

.yf-prev{

	left: 20px;

	background: url(../images/jt02-l.png) no-repeat;

}

.yf-by{

	padding: 35px 0;

	
	

}

.yf-by-box{

	position: relative;

}

.yf-by-box p{

	

	font-size: 16px;

	color: #1a1a1a;

	line-height: 32px;

}

.yf-by-box p span{

	font-size: 16px;

}

.yf-by-box a{

	font-size: 20px;

	color: #004ea0;

	position: absolute;

	right: 12px;

	bottom: 0;

	transition-duration: 0.5s;

}

.yf-by-box a:hover{

	bottom: 5px;

}

.numberbox{

	display: flex; background:url(../images/1.jpg) no-repeat center; background-size:cover;

}

.numberbox-fl{

	width: 52%;

	background: rgba(255,255,255,0.1);

	box-sizing: border-box;

	padding: 100px 12.5% 56px 7.77%;

	position: relative;

}

.numberbox-fl:before{

	display: block;

	content: '';

	width: 25px;

	height: 27px;

	background: url(../images/jt04.png) no-repeat;

	position: absolute;

	right: 40px;

	top: 50%;

	margin-top: -13.5px;

}

.numberbox-fl .home-title{

	margin-bottom: 70px;

}

.numberbox-fl .home-title h1{

	color: #FFFFFF;

}

.numberbox-fl .home-title h1 span{

	position: relative;

}

.numberbox-fl .home-title h1 span:before{

	display: block;

	content: '';

	width: 48px;

	height: 45px;

	background: url(../images/dq.png) no-repeat;

	position: absolute;

	right: -80px;

	top: 65%;

	margin-top: -22.5px;

	-webkit-animation: animal 5s infinite linear;

}

@-webkit-keyframes animal {

  0%{

    transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

  }

  100%{

    transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

  }

}

.numberbox-fl .home-title .fb span{

	background: #FFFFFF;

	border-top-left-radius: 8px;

	padding: 10px;

	font-family: "italic";

}

.numberbox-fl p{

	font-size: 22px;

	color: #FFFFFF;

	text-shadow: 0 2px 1px #333;

	line-height: 2;

}

.number-listBox{

	width: 60%;

	margin-top: 70px;

}

.number-listBox ul li{

	zoom: 1;

	line-height: 47px;

	margin-bottom: 10px;

	/*box-sizing: border-box;

	padding-left: 20px;*/

	position: relative;

	cursor: pointer;

}

.number-listBox ul li:before{

	display: block;

	content: '';

	width: 0%;

	height: 100%;

	background: url(../images/sz-bg.png) no-repeat left center;

	background-size: auto 100%;

	position: absolute;

	left: -10px;

	top: 0;

	z-index: 2;

	transition-duration: 0.5s;

}

.number-listBox ul li:hover:before{

	width: 100%;

}

.number-listBox ul li:after{

	display: block;

	content: '';

	clear: both;

}

.number-listBox ul li:last-child{

	margin-bottom: 0;

}

.number-listBox ul li span:nth-child(1){

	float: left;

	display: block;

	width: 80px;

	font-size: 24px;

	font-family: "Arial";

	text-transform: uppercase;

	color: #FFFFFF;

	text-shadow: 0 2px 1px #333;

	position: relative;

	z-index: 3;

}

.number-listBox ul li span:nth-child(2){

	float: left;

	display: block;

	width: calc(100% - 80px);

	box-sizing: border-box;

	padding-left: 40px;

	font-size: 20px;

	text-transform: uppercase;

	color: #FFFFFF;

	text-shadow: 0 2px 1px #333;

	position: relative;

	z-index: 3;

}

.number-listBox ul li span:nth-child(2):before{

	display: block;

	content: '';

	width: 3px;

	height: 20px;

	background: #00d5cc;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -10px;

	transition-duration: 0.5s;

}

.number-listBox ul li:hover span:nth-child(2):before{

	background: #FFFFFF;

}

.number-active:before{

	width: 100% !important;

}

.number-active span:nth-child(2):before{

	background: #FFFFFF !important;

}



.numberbox-fr{

	width: 48%;

 

	box-sizing: border-box;

	padding: 100px 7.77% 56px 7.77%;

}

.numberbox-contenter h3{

	font-size: 42px;

	color: #FFFFFF;

	font-weight: bold;

	text-align: center;

	margin-bottom: 40px;

}

.numberbox-contenter img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}

.numberbox-nr{

	margin-top: 20px;

	text-align: center;

}

.numberbox-nr p{

	font-size: 20px;

	color: #FFFFFF;

	line-height: 2;

}

.numberbox-nr h4{

	font-size: 24px;

	color: #FFFFFF;

	font-weight: bold;

	margin-top: 20px;

	margin-bottom: 10px;

}

.numberbox-nr a{

	font-size: 20px;

	color: #FFFFFF;

}

.shrk{

	padding: 80px 0 80px;

	background:url(../images/sh-bg.jpg) no-repeat center; background-size:cover;

}

.shrk-box{

	position: relative;

	z-index: 10; height:100%;

}



.home-shrk-top{

	width: 100%;

	zoom: 1;

	padding-bottom: 35px;

	margin-bottom: 40px;

	border-bottom: 1px solid #5a5a5a;

}

.home-shrk-top:after{

	display: block;

	content: '';

	clear: both;

}

.home-shrk-top .home-title{

	float: left;

}

.shrk-menuList{

	float: right;

	width: 460px;

	margin-top: 30px;

}

.shrk-menuList ul{

	zoom: 1;

}

.shrk-menuList ul:after{

	display: block;

	content: '';

	clear: both;

}

.shrk-menuList ul li{

	float: left;

	font-size: 20px;

	color: #0e0e0e;

	line-height: 50px;

	font-weight: bold;

	width: 33.333%;

	text-align: center;

	position: relative;

	cursor: pointer;

}

.shrk-menuList ul li:before{

	display: block;

	content: '';

	width: 0%;

	height: 3px;

	background: #d01126;

	top: -3px;

	left: 0;

	transition-duration: 0.5s;

}

.shrk-menuList ul li span{

	position: relative;

}

.shrk-menuList ul li span:before{

	display: block;

	content: '';

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #d01126;

	position: absolute;

	left: -20px;

	top: 50%;

	margin-top: -4px;

}

.shrk-active:before{

	width: 100% !important;

}

.shrk-active span{

	color: #d01126;

}

.shrk-box{

	display: flex;

}

.shrk-list{

	width: 100%;

	position: relative;

}



.shrk-list img{

	display: block;

	width: 100%; height:100%;object-fit: cover;

}

.shrk-listTitle{

	position: absolute;

	width: 100%;

	bottom: 0;

	padding: 30px 40px;

	background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));

	display: flex;

}

.shrk-name{

	padding-right: 20px;

}

.shrk-name h3{

	font-size: 26px;

	color: #FFFFFF;

	font-weight: normal;

	white-space: nowrap;

	margin-bottom: 5px;

}

.shrk-name a{

	font-size: 12px;

	color: #FFFFFF;

	position: relative;

}

.shrk-name a:before{

	display: block;

	content: '';

	width: 6px;

	height: 11px;

	background: url(../images/jt05.png) no-repeat;

	position: absolute;

	right: -10px;

	top: 50%;

	margin-top: -5.5px;

}

.shrk-list-nr p{

	font-size: 12px;

	color: #FFFFFF;

	line-height: 1.6;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

.shrk-contentBox{

	position: relative;

}







.other-link{

	margin-top: 20px;

}

.other-link ul{

	display: flex;

}

.other-link ul li{

	width: 50%;

	text-align: center;

	position: relative;

}

.other-link ul li:nth-child(1):after{

	display: block;

	content: '';

	width: 1px;

	height: 26px;

	background: #d5d5d5;

	position: absolute;

	right: -1px;

	top: 50%;

	margin-top: -13px;

}

.other-link ul li img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}

.business-title .news-menuList{ }

.business-title .news-menuList ul li{ width:40%; margin-left:16%; float:right}

.business-title .news-menuList{ margin-top:15px;}









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

	 .about .left .neir{ font-size:17px;}

	.about .a-icon{ padding-top:80px;}

	

	}

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

.about .left .neir{ font-size:16px; padding-top:40px; line-height:30px;}

.yf-case p{ font-size:17px; padding:20px;}

.about .a-icon dl dt{ width:83px; height:83px;}

.numberbox-contenter h3{ font-size:30px;}

.yw-search{padding: 70px 10%;}

.ywly{ padding:50px 0;}

.numberbox-fl{    padding: 60px 5% 36px 3%;}

 .numberbox-fl .home-title{ margin-bottom:45px;}

 .number-listBox{ margin-top:40px;}

 .number-listBox ul li span:nth-child(1){ font-size:22px;}

 .number-listBox ul li span:nth-child(2){ font-size:18px;}

.about .a-icon dl dd,.about-num li sup,.numberbox-fl p{ font-size:16px;}

.about .a-icon dl dd{ width:80px;}

.about-num li span{font-size: 70px;}

.about-num li{ padding:0 1%;}

.about .left{ width:37%;}

.home-ywly{ margin-left:3%;}

.yf-by{ padding:30px 0;}

.yf-by-box p{ font-size:20px; line-height:50px;}

.yf-by-box p span{ font-size:20px;}

.home-title h1{ font-size:36px;}

.first-yw ul li{ font-size:18px; height:70px; line-height:70px;}

.home-news-fl ul li{ font-size:16px; margin-bottom:20px;}

.slideBox .bd .banner-txt1 img{ width:50%;}

.home-news-fTitle{ font-size:28px; margin-bottom:30px;}

.news-menuList{ margin-top:30px;}

.get-more a{ font-size:18px; width:200px;}

}



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

.about .a-icon{padding-top: 70px;}



}



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

	.slideBox .bd .banner-txt1 img{ width:60% !important;}

	.about .a-icon dl dt{ width:63px; height:63px;}

	.about .a-icon dl dt .pic{ background-size:30px 30px !important;}

	.home-title .fb{ line-height:40px;}

	.about .left .neir{ line-height:24px;}

.about-num li span{ font-size:60px;}

.about-num li span:after{ font-size:30px; top:5px;}

.first-yw ul li{ font-size:16px; height:60px; line-height:60px;}

.sencond-yw ul li,.home-news-fl ul li,.lb-title h4{ font-size:16px;}

.yw-swiper .swiper-slide p{ font-size:14px;}

.news-menuList ul li,.shrk-menuList ul li{ font-size:16px; line-height:42px;}

.home-news-fTitle,.business-name h4{ font-size:24px;}

.home-news-fl ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.lb-title,.shrk-listTitle{ padding:15px;}

.business-icon img{ width:60px;}

.yf-case p{ font-size:16px; padding:15px;}





}

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


.home-news-fl{ padding-left:2%;}
}



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

.page{ margin-top:0px;}

}



@media only screen and (max-width: 760px){
.home-news-fl{ padding-left:0px;}
.slideBox{ height:auto;}

.home-ywly-fr:before,.home-ywly-fr:after,.first-active:after ,.business-icon img,.numberbox-fl:before{ display:none;}
.in04b_b a{ width:150px;}
.banner-txt1 img{ width:60%;}

.about{ padding:30px 0;}

.about .left,.about .video-ibox{ width:100%;}

.home-title h1{ font-size:20px; line-height:40px;}

.gai-CbContainer{background-size: cover !important;}

.home-title .fb{ font-size:14px; line-height:24px;}

.home-ywly-fl{ margin-bottom:20px;}

.warp{ width:90%;}

.about .left .neir{ font-size:14px; padding-top:15px; line-height:1.6;}

.about .a-icon{ padding-top:20px;}

.about .a-icon dl,.about .a-icon dl:nth-child(4){ width:25%; text-align:center;}

.about .a-icon dl dt{ width:60px; height:60px; display:block; margin:0 auto;}

.about .a-icon dl dt img{ width:30px;}

.about .a-icon dl dd{ width:100%; text-align:center; font-size:15px;}

.about .a-icon dl dt .pic{ background-size:30px !important;}

.about .video-ibox .vico{ width:50px; height:50px;}

.about-num{ margin-top:30px;}

.about-num li{ width:33.333%; margin-bottom:10px;}

.about-num li span{ font-size:30px;}

.about-num li span:after{font-size: 16px;right: -13px;}

.about-num li sup{ display:block;line-height: 24px;font-size: 14px;}

.ywly{ padding:30px 0;}

.home-ywly-fr,.home-news-fl{ width:100%; float:none;}

.home-ywly,.home-ywly-fl,.news-menuList,.shrk-menuList{ width:100%; display:block; float:none !important; text-align:center; margin-left:0;}

.first-yw ul li{ width:50%; font-size:16px; line-height:54px; height:auto;}

.first-ywBox{ width:90%; margin:15px auto;}

.sencond-yw ul li{ width:48%; margin-bottom:20px; font-size:15px;}

.sencond-active:after{ bottom:-10px;}

.yw-swiper .swiper-slide p,.yf-case p{ font-size:14px;}

.yw-search,.news,.shrk{ padding:20px 0;}

.news-menuList,.shrk-menuList{ clear:both; padding-top:20px;}

.news-menuList ul li,.shrk-menuList ul li{ font-size:16px; line-height:35px;}

.home-news-top,.home-shrk-top{ margin-bottom:25px; padding-bottom:20px;}

.home-news-fTitle{ font-size:17px; margin-bottom:15px;}

.home-news-fl ul li{ font-size:14px; margin-bottom:10px;}

.get-more{ margin-top:20px !important;}

.yfcx-Menubox{ width:100%; float:none; clear:both;}

.jc-li{ text-align:center; position:relative; top:10px;}

.jc-li li{ font-size:17px; margin:0 10px;}

.get-more a{ width:160px; font-size:16px;}

.business-box ul,.numberbox{ display:block;}

.business-box ul li{ width:100%; margin-right:0; margin-bottom:10px;}

.business-name h4{ font-size:17px;}

.business-bt,.business-name{ width:100%; text-align:center; padding-top:0;}

.yf-case p{ padding:10px;}

.yf-by{ padding:30px 0; margin-bottom:30px;}

.yf-by-box p,.numberbox-nr p,.numberbox-nr a{ width:100%; line-height:1.6; font-size:15px;}

.yf-by-box p span,.yf-by-box a,.numberbox-fl p,.number-listBox ul li span:nth-child(1),.number-listBox ul li span:nth-child(2),.numberbox-contenter h3,.numberbox-nr h4{ font-size:16px;}

.yf-by-box{ padding-bottom:30px;}

.numberbox-fl,.numberbox-fr{ width:100%; padding:10px;}

.numberbox-fl .home-title,.numberbox-contenter h3{ margin-bottom:30px;}

.number-listBox{ width:100%; margin-top:15px;}

.number-listBox ul li{ line-height:32px;}

.number-listBox ul li span:nth-child(1){ width:50px;}

.number-listBox ul li span:nth-child(2){ padding-left:20px;}

.home-news-nr{ display:block;}

.home-news-fr{ width:100%; transform:scale(1.1)}

.business-title{ margin-top:0;}

.yf-swiper, .yf-swiper1{ }

#certify1 .swiper-container{ padding:0 !important;}

.shrk-name h3{ font-size:17px;}

.slideBox{ margin-top:50px;}

#certify .swiper-slide img, #certify1 .swiper-slide img{object-fit: cover !important;}



 

}



@keyframes run {

    0% {

        transform: scale(1);

    }

    25% {

        transform: scale(1.04);

    }

    50% {

        transform: scale(1.08);

    }

    75% {

        transform: scale(1.04);

    }

    100% {

        transform: scale(1);

    }

}





@keyframes changeScale

{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}

100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}

}

}



@-moz-keyframes changeScale 

{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}

100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}

}

}



@-webkit-keyframes changeScale

{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}

100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}

}

}



@-o-keyframes changeScale 

{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}

100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}

}

}