* { margin: 0px; padding: 0px; }
body { -webkit-text-size-adjust: none; background-size: 100%; font-family: "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
html {min-width: 1230px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1230px;}
.wrap {width: 1230px;margin: 0px auto;}
.fl {float: left; }
.fr {float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a {text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un {transition: all 0.3s ease-out 0s; }
.none {display: none; }
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.flex{display: flex;}
.column{flex-direction: column;}
/* animation */
.pulse{animation-name: pulse;
	-webkit-animation-name: pulse;	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;}
@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.8;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.8;	
	}			
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;	
	}			
}
.swing:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}
.top{background: url(../images/banner1.png) top center no-repeat; height: 350px; background-size: cover;}
.logo{padding-top: 20px; margin-left: 20px;}
.title{text-align: center; margin-top: 30px;}
.tit{text-align: center; margin-top: 30px; margin-bottom: 30px;}
.deep .box{background: url(../images/pic.png) center no-repeat;height: 462px;box-sizing: border-box;padding: 104px 711px 0 76px;line-height: 27px;font-size: 15px;}

.video ul{margin-bottom: 40px;}
.video ul li{background: url(../images/videobg.png) center no-repeat;width: 497px;height: 241px;position: relative;box-sizing: border-box;padding: 45px 137px 0 55px; margin-right: 120px; margin-top: 30px;}
.video ul li:nth-child(2n){margin-right: 0;}
.video ul li a{display:block;width: 497px;height: 241px;}
.pic{width: 183px;height: 205px;background-color: #fff;border: 4px solid #29a656;position: absolute;right: -60px;top: -20px;box-sizing: border-box;}
.video ul li .name{font-size: 27px;color: #333333;line-height: 34px;font-weight: 600;}
.video ul li .name span{font-size: 18px;font-weight: 600;color: #813100;margin-left: 10px;}
.video ul li .honor{font-size: 14px;margin-top: 10px;margin-bottom: 15px;}
.video ul li .keti{display: flex;}
.video ul li .line{
    width: 3px;
    min-width: 3px;
    height: 12px;
    background: #29a656;
    position: relative;
    top: 7px;
    margin-right: 3px;
    left: -7px;
}
.video ul li .keti .content{
    position: relative;
    left: -5px;
    max-width: 302px;
    color: #2ba351;
    font-size: 16px;
    line-height: 23px;
}

.video ul .inviting .pic{border: none;}
.video ul .inviting .name{font-size: 22px; color: #813100;}
.video ul .inviting .line{background-color: #2e7be4; }
.video ul .inviting .keti{margin-top: 20px;}
.video ul .inviting .keti .content{color: #2e7be4;}

.circle{background: url(../images/circle.png) center no-repeat; height: 460px;}
.circle .box{background-color: #fff;border-radius: 12px;box-shadow: 0 0 46px rgba(53,120,99,.1);box-sizing: border-box;padding: 21px 23px;display: flex;}
.circle .box1{width: 424px;position:relative;left:28px}
.circle .box2{width: 393px;position:relative;left:35px;top:40px}
.circle .box3{width: 370px;position:relative;left:828px;top:-200px;}
.circle .number{color: #139e45; font-weight: 500; font-size: 22px; margin-right: 12px;}
.circle h4{font-size: 19px;font-weight: 500;}
.circle article{font-size: 14px;color: #666;line-height: 24px;margin-top: 10px;}

.bg{background: url(../images/mid.png) center no-repeat; height: 100px;}

.resolve ul li{background: url(../images/a1.png) center no-repeat; height: 160px; width: 390px; box-sizing: border-box; padding: 40px 30px 0; margin-right: 10px;}
.resolve ul li:nth-child(3n){margin-right: 0px;}
.resolve ul li h2{text-align: center; margin-bottom: 10px; color:#019d6f; font-size: 20px;}
.resolve ul li p{font-size: 16px; line-height: 24px; color: #333;}
.map{background-image:url(../images/bottom.png);background-position: center bottom;background-repeat: no-repeat; background-size: 100%;}
.resolve{background: url(../images/bg1.png) center top no-repeat; padding-bottom: 35px;}
.maps{background: url(../images/map.png) center no-repeat; height: 459px;}