@import "base.css";

body {
	font-family:'-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Microsoft Yahei"';
	font-size: 14px;font-weight: 400;line-height: 1.5;color: #666666;overflow-x: hidden;
}
::-moz-selection {
	background: #f27734;
	color: #ffffff;
}
::selection {
	background: #f27734;
	color: #ffffff;
}
.content{width: 98%;max-width: 1200px;margin: 0 auto;}


.img_bg{background-size: cover;background-repeat: no-repeat;background-position: center}


.banner li {height: 630px;background-position: center;background-repeat: no-repeat;background-size: cover}
.banner li .text {width: 40%;padding-left: 13px;padding-top: 180px;}
.banner li .text h3{font-size: 35px;color: #ffffff;padding-bottom: 20px}
.banner li .text p {font-size: 25px;color: #ffffff}
.banner li .text .btn {
	display: block;
	width: 105px;
	line-height: 45px;
	background: #ffffff;
	border-radius: 10px;
	font-size: 15px;
	color: #000000;
	text-align: center;
	margin-top: 32px;
}
.head{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;padding-top: 35px}
.head .logo{float: left;width: 23%;}
.head .nav{float: left;margin: 0 5%;display: flex;width: 50%;-webkit-box-pack: justify;    justify-content: space-between;-webkit-box-align: center;align-items: center;text-align: center}
.head .nav li{flex-shrink: 0;line-height: 50px;position: relative}
.head .nav li a{font-size: 16px;color: #fff}
.head .logoin{float: left;width: 17%;padding-top: 5px;}
.head .nav>li:before{content: "";width: 0;position: absolute;left: 0;bottom: 0;height: 3px;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.head .nav .active:before{width: 100%;background-color: #ffffff}
.head .nav li ul{position: absolute;left: 0;top: 100%;width: 150px;display: none;}
.head .nav li ul>li {line-height: 40px;background: rgba(0, 0, 0, 0.6);}
.head .nav li ul>li a{transition: all 0.2s ease-in;color: #9b9b9b}
.head .nav li:hover ul{display: block}
.head .nav li ul>li a:hover{color: #ffffff}
.logoin>li{float: left;width: 42%;text-align: center;font-size: 16px;font-weight: 500;border-radius: 5px;background-color: rgba(255, 255, 255, 1);line-height: 35px;position: relative}
.logoin>li:nth-child(1){margin-right: 14%}
.logoin>li:nth-child(1) a{color: #f5a623}
.logoin>li:nth-child(2){background-color: transparent;}
.logoin>li:nth-child(2) a{color: #ffffff}
.logoin>li ul{position: absolute;top: 110%;left: 0;width: 200px;background-color: #ffffff;padding: 20px 0;display: none;}
.logoin li ul>li{width: 100%}
.logoin li ul>li a{color: #999999!important;}
.logoin li ul>li a:hover{color: #4a90e2!important;font-weight: 600;}
.logoin>li:hover ul{display: block}
.banner-pagination span {width: 25px;height: 2px;border: 0;background-color: rgba(255,255,255,.5);border-radius: 0;-webkit-transition: all .3s ease;transition: all .3s ease;}
.banner-pagination .swiper-pagination-bullet{opacity: 1}
.banner-pagination .swiper-pagination-bullet-active{background-color: #ffffff}


@media screen and (max-width: 1200px){
	.banner li {height: 480px;}
	.banner li .text{
		width: 50%;
	}
	.head .nav{display: none}
	.head .logo{width: 30%}
	.head .logoin{width: 60%;float: right;padding: 0}
	.logoin>li{width: 30%}
	.head .nav{position: fixed;top: 0;left: 0;margin: 0 auto;width: 100%;height: 100%;background-color: #000;z-index: 3;padding-top: 150px}
	.head .nav li ul{position: initial;width: 100%;transition: 3s}
	.nav_m{position: fixed;top: 50px;right: 2%;width: 40px;padding: 8px 0;z-index: 999;background-color: #999;cursor: pointer}
	.nav_m span {display:block; width: 30px;height: 2px;background-color: #fff;margin: 0 auto;transition: .3s}
	.nav_m span:nth-child(2){margin: 5px auto}
	.nav_on span:nth-child(1){transform:  translateY(7px) rotate(45deg)}
	.nav_on span:nth-child(2){width: 0}
	.nav_on span:nth-child(3){transform:  translateY(-7px) rotate(-45deg)}
	.open{display: block!important;}
}

@media screen and (max-width: 812px){
	body {font-size: 12px;}
	.banner li .text{
		width: 100%;
		padding-left: 0;
		padding-top: 88px;
	}
	.banner li .text h3 {
		font-size: 16px;
		padding-bottom: 5px;
	}
	.banner li .text p {
		font-size: 14px;
	}
	.banner li .text .btn{
		margin-top: 10px;
		width: 88px;
		line-height: 32px;
	}
	.content{width: 98%;padding: 0 1%}
	.logoin>li{font-size: 14px;width: 40%;line-height: 25px;float:right}
	.head{padding: 10px 0;background-color: rgba(6, 83, 172, 1);}
	.logoin>li ul{z-index: 2;right: 0;left: initial}

	.banner li {height: 220px;}
}

.box1{padding: 45px 50px;}
.box1 li{position: relative;float: left;width: calc((100% - 40px) /5 );margin-right: 10px;color: #ffffff;transition: .3s;border-radius: 5px;}
.box1 li:last-child{margin-right: 0;}
.box1 li:hover{margin-top: -10px;}

.box1 li .con{margin: 60px 20px 15px 30px}
.box1 li h3{font-size: 26px;font-weight: 600;margin-bottom: 20px;}
.box1 li p{font-size: 16px;height: 50px;}
.box1 li .more{float: right;padding: 0 20px;line-height: 3;background: #0483cc;color: #ffffff;border-radius: 15px;display: inline-block;}

.box1 li:nth-child(1){background-image: url("../images/box1_bg1.png");}
.box1 li:nth-child(2){background-image: url("../images/box1_bg2.png");}
.box1 li:nth-child(3){background-image: url("../images/box1_bg3.png");}
.box1 li:nth-child(4){background-image: url("../images/box1_bg4.png");}
.box1 li:nth-child(5){background-image: url("../images/box1_bg5.png");}

.title {font-size: 16px;text-align: center;padding:40px 0 50px;}
.title h3 {font-size: 28px;color: #333;margin-bottom: 15px;}
.title p {max-width: 700px;margin: 0 auto}

@media screen and (max-width: 1200px){
	.title {padding:50px 0 30px;}
	.title h3 {font-size: 23px;margin-bottom:15px;}

	.box1 li h3{font-size: 18px;margin-bottom: 15px;}
}
@media screen and (max-width: 812px){
	.title {padding:30px 0 20px;font-size: 14px}
	.title h3 {font-size: 18px;margin-bottom:10px;}

	.box1{padding: 30px 0 0 0;}
	.box1 li{width: 48%;margin: 0 1% 10px !important;}
	.box1 li .con {margin: 36px 10px 15px 20px;}
}

@media screen and (max-width: 640px){
	.title {padding:20px 0 15px;font-size: 12px}

	.box1 li h3{font-size: 16px;margin-bottom: 10px;}
	.box1 li p{font-size: 14px;height:30px;}
}




.tab_nav {text-align: center;}
.tab_nav li{cursor: pointer;display: inline-block}
.tab_con .item{display: none;}
.tab_con .item.on{display: block;}


.box2{padding: 0 9%;}
.box2 .tab_nav {border-bottom: 1px solid rgba(204, 204, 204, 0.39);}
.box2 .tab_nav li{font-size: 18px;padding: 10px 15px;border-bottom: 2px solid transparent;}

.tab_nav .on{border-bottom: 2px solid #4a90e2!important;color: #4a90e2!important;}
.on {color: #4a90e2}

.box2 .tab_con {padding:30px 4.5% 0;}

.item_top{line-height: 40px;}
.item_top span{float: left;font-size: 24px;color: rgb(37, 125, 255);}
.item_btn {float: right;}
.item_btn a{font-size: 15px;padding: 0 25px;margin-left: 25px;display: inline-block;border-radius: 25px;color: #007aff;border: 1px solid rgba(37, 125, 255, 1);}
.item_btn a:nth-child(2){color: #ffffff;background-color: rgb(0, 149, 235);}

.item_con span {
	display: inline-block;
	font-size: 16px;
	padding: 15px 0;
}
@media screen and (max-width: 1200px){
	.box2{padding:0;}
	.item_top span{font-size: 20px;}
}
@media screen and (max-width: 812px){
	.box2 .tab_nav li{font-size: 16px;}
	.item_top span{font-size: 18px;}

}

.box3_con {
	padding: 20px 0 70px;
}
.box3_con li {
	width: 17%;
	float: left;
	margin: 0 1.5% 30px;
	/*background: pink;*/
	text-align: center;
	padding: 20px 0 20px 0;
	border-radius: 5px;
	transition: .3s;
}
.box3_con li:hover {
	box-shadow: 2px 1px 2px 2px rgb(155 155 155);
}
.box3_con li h3 {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	line-height: 30px;
}
.box3_con li p {
	font-size: 15px;
}
@media screen and (max-width: 812px){
	.box3_con li{
		width: 30.33%;
		margin: 0 1.5% 0;
	}
	.box3_con {
		padding: 30px 0;
	}
	.box3_con li h3{font-size: 16px}
	.box3_con li p{
		font-size: 14px;
		height: 45px;
		overflow: height
	}
}

.box4 {
	background: url("../images/box4_bg.jpg") no-repeat center;
	background-size: cover;
	padding:  35px 0 120px;
}

.box4 .title h3 {
	color: #ffffff;
}
.box4 .title{
	padding: 40px 0 30px;
}
.box4_con li {
	float: left;
	margin: 0 0.5%;
}
.box4_con1{
	width: 17.5%;
}
.box4_con1 .box4_con_top{
	background: rgba(245, 3, 33, 1);
}
.box4_con_top {
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	padding: 5px 0 20px;
}
.box4_con_top h2 {
	font-size: 27px;
}
.box4_con_top p{
	font-size: 18px;
}
.box4_con_text {
	margin-top: 27px;
	background-color: #ffffff;
	text-align: center;
	border-radius: 5px;
	padding: 30px 0;

}
.box4_con_text p{
	font-size: 17px;
	line-height: 30px;
}
.box4_con2 {
	width: 38.5%;
}
.box4_con2 .box4_con_top {
	background-color: rgba(255, 81, 33, 1);

}
.box4_con3 .box4_con_top {
	background-color: rgba(255, 165, 0, 1);
}
.box4_con4 .box4_con_top {
	background-color: rgba(139, 87, 42, 1)
}
.box4_con2 .box4_con_text{
	padding: 20px 0 0;
}
.box4_con2_text{
	padding: 0 20px 21px;
}
.box4_con2_text a{
	float: left;
	display: block;
	width: 25%;
	padding: 7px 0;
	text-align: center;
	border: 1px solid rgba(244, 75, 10, 1);
	border-radius: 25px;
	color: #f44b0a;
	transition: .3s;
}
.box4_con2_text a:hover {
	border: 1px solid rgba(220, 220, 220, 1);;
	color: #666666;
}
.box4_con2_text span {
	float: right;
	text-align: left;
	font-size: 14px;
	width: 70%;
}

@media screen and (max-width: 1200px){
	.box4_con_top h2{
		font-size: 22px;
	}
	.box4_con_top p {
		font-size: 16px;
	}
}
@media screen and (max-width: 812px){
	.box4_con_top h2{
		font-size: 18px;
	}
	.box4_con_top p {
		font-size: 14px;
	}
	.box4_con_text p {
		font-size: 14px;
	}
	.box4_con_text{
		margin-top: 5px;
	}
	.box4_con li {
		width: 100%;
		margin-bottom: 20px;
	}
}

.box5 .title {
	max-width: 360px;
	margin: 0 auto;
}

.box5 .title p{
	font-size: 18px;
	line-height: 28px;

}

.box5_con li {
	width: 18.5%;
	margin: 0 0.75% 20px;
	background-color: rgba(220, 220, 220, 1);
}
.box5_con li:hover{
	box-shadow: none;
}
.box5_con li h3 {font-size: 24px;font-weight: 400;}
.box5_con li p {font-size: 14px;padding: 25px 20px 0;height:60px;}
.box5_con {padding: 0 0 100px;}

@media screen and (max-width: 1200px){
	.box5_con li h3 {font-size: 22px;}
	.box5_con li p {height:80px;}
}

@media screen and (max-width: 812px){
	.box5_con li{width: 48.5%;}
	.box5_con li h3 {font-size: 16px;}

}

.box6 .title {
	max-width: 675px;
	margin: 0 auto;
	padding: 0 ;
}
.box6 .title p {
	line-height: 26px;
	padding-top: 20px;
}
.box6_con {
	padding: 70px 0 38px 0;
}
.box7_con .pic {
	max-height: 60px;
	line-height: 60px;
	overflow: hidden;
}
.box7 .title h3{
	color: #ffffff;
}
.box7 .title p{
	color: #ffffff;
}
.box7 {
	background: url("../images/box7_bg.png") no-repeat center;
	background-size: cover;
	padding: 80px 0 160px;
}
.box7_con {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
.box7_con .tab_nav {
	padding: 35px 50px 0;
	border-bottom: 1px solid rgba(204, 204, 204, 0.39);
}
.box7_con .tab_nav li {
	float: left;
	color: #ffffff;
	line-height: 49px;
	font-size: 18px;
	text-align: center;
	margin: 0 26px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	padding-left: 25px;
}
.box7_con .tab_nav .on {
	color: #4a90e2;
	border-bottom: 2px solid #4a90e2;
}
.box7_con .tab_nav li:nth-child(1) {
	background: url("../images/ds.png") no-repeat left center;
}
.box7_con .tab_nav li:nth-child(2) {
	background: url("../images/md.png") no-repeat left center;
}
.box7_con .tab_nav li:nth-child(3) {
	background: url("../images/ly.png") no-repeat left center;
}
.box7_con .tab_nav li:nth-child(4) {
	background: url("../images/jd.png") no-repeat left center;
}
.box7_con .tab_nav li:nth-child(5) {
	background: url("../images/jz.png") no-repeat left center;
}
.box7_con .tab_nav li:nth-child(6) {
	background: url("../images/sg.png") no-repeat left center;
}
.box7_con .tab_nav li:nth-child(7) {
	background: url("../images/fw.png") no-repeat left center;
}
.box7_con .tab_nav .on:nth-child(1) {
	background: url("../images/ds1.1.png") no-repeat left center;
}
.box7_con .tab_nav .on:nth-child(2) {
	background: url("../images/md1.1.png") no-repeat left center;
}
.box7_con .tab_nav .on:nth-child(3) {
	background: url("../images/ly1.1.png") no-repeat left center;
}
.box7_con .tab_nav .on:nth-child(4) {
	background: url("../images/jd1.1.png") no-repeat left center;
}
.box7_con .tab_nav .on:nth-child(5) {
	background: url("../images/jz1.1.png") no-repeat left center;
}
.box7_con .tab_nav .on:nth-child(6) {
	background: url("../images/sg1.1.png") no-repeat left center;
}
.box7_con .tab_nav .on:nth-child(7) {
	background: url("../images/fw1.1.png") no-repeat left center;
}
.box7_con .item_top {
	padding: 35px 0 20px;
}
.box7_con .item_top span {
	color: #ffffff;
}
.box7_con .item_con p {
	color: #ffffff;
	font-size: 15px;
}
.box7_con .item_con ul {
	padding-top: 70px;
}
.box7_con .item_con ul li {
	float: left;
	width: 12.5%;
	text-align: center;
}
.box7_con .item_con ul li p {
	padding-top: 20px;
}
.tab_con2 {
	padding: 0 6.5% 0 4.5%;
}
.tab_con2 .item {
	display: none;
}
.tab_con2 .item:nth-child(1) {
	display: block;
}

.box8 {
	padding: 10px 0 40px;
}
.box8 .title {
	max-width: 496px;
	margin: 0 auto;
}
.box8 .title p {

	line-height: 25px;
}
.box8_con {
	padding-top: 10px;
}
.box8_con li {
	float: left;
	width: 19%;
	margin: 0 0.5%;
}
.box8_con .pic {
	max-height: 150px;
	overflow: hidden;
	margin-bottom: 25px;
	text-align: center;
}
.box8_con .text {background-color: rgba(246, 242, 244, 1);border-radius: 5px;padding: 0 15px 17px;}
.box8_con .text h3 {line-height: 1;padding: 25px 0;font-size: 24px;text-align: center;color: #333;}
.box8_con .text p{height: 46px;}
.box8_con .text .btn {
	width: 57%;
	text-align: center;
	border: 1px solid rgba(74, 144, 226, 1);
	font-size: 16px;
	border-radius: 5px;
	padding: 6px 0;
	margin: 35px auto 0;
}
.box8_con .text .btn a {
	color: #4a90e2;
}
@media screen and (max-width: 1200px){
	.box8_con .text h3{
		font-size: 20px;
	}
}
@media screen and (max-width: 812px){
	.box7{
		padding: 60px 0 80px;
	}
	.box7_con .tab_nav{
		padding: 40px 1% 0;
	}
	.box7_con .tab_nav li{
		width: 48%;
		margin: 0 1%;
		padding-left: 0;
	}
	.box7_con .item_con ul li {
		width: 31.33%;
		margin: 0 1% 15px;
	}
	.box8_con li{
		width: 48%;
		margin: 0 1% 15px;
	}
	.box8_con .text h3 {
		font-size: 18px;
	}
}
.box9 {
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	padding-bottom: 85px;
}

.box9_con li {
	float: left;
	width: 30%;
	margin: 0 1.6%;
}
.box9_con .pic {
	max-height: 133px;
	overflow: hidden;
}
.box9_con .text h3 {
	font-size: 21px;
	font-weight: 600;
	color: #333;
	padding: 10px 0 15px;
}
.box9_con .text a {
	float: right;
	font-size: 14px;
	color: #696969;
	font-weight: 400;
	line-height: 30px;
}
.box9_con .text .item {
	line-height: 38px;
}
.box9_con .text .item:hover a{
	color: #4a90e2;
}
.box9_con .text .item:hover em{
	color: #4a90e2;
}
.box9_con .text .item a {
	float: left;
}
.box9_con .text .item em {
	float: right;
	font-style: normal;
}

@media screen and (max-width: 812px){
	.box9_con .text h3{
		font-size: 18px;
	}
	.box9_con li{
		width: 98%;
		margin: 0 1% 30px;
	}
}

.foot {
	background: rgba(10, 30, 57, 1);
}
.foot_top{
	padding: 25px 0 35px;
	width: 88%;
	border-bottom: 1px solid #807b7b;
	margin: 0 auto;
}
.foot_top li{
	float: left;
	width: 20%;
	margin: 0 2.5%;
}
.foot_top li img{
	vertical-align: middle;
}
.foot_top li span{
	vertical-align: middle;
	color: #ffffff;
	font-size: 17px;
	margin-left: 15px;
}
.foot_con {
	padding: 20px 0 70px;
}
.foot_con dl {
	float: left;
}
.foot_con dl:nth-child(1) {
	width: 25%;
}
.foot_con dl:nth-child(1) dt{
	padding-bottom: 21px;
}
.foot_con dl dt,
.foot_con dl dd{
	width: 80%;
}

.foot_con dl:nth-child(2) {
	width: 11%;
}
.foot_con dl:nth-child(3),
.foot_con dl:nth-child(4) {
	width: 15%;
}
.foot_con dl:nth-child(5) {
	width: 21%;
}
.foot_con dl:nth-child(6) {
	width: 13%;
}
.foot_con dl:nth-child(5) dd{
	width: 95%;
}
.foot_con dl:nth-child(6) dd img{
	width: 81%;
}
.foot_con dl dt {padding-bottom: 30px;font-size: 16px;color: #ffffff;}
.foot_con dl dt a{color: #ffffff;}

.foot_con dl dd{
	color: rgb(155, 155, 155);
	line-height: 30px;
}
.foot_con dl dd a{
	color: rgb(155, 155, 155);
	line-height: 30px;
}
.link{
	color: rgb(155, 155, 155);
	padding-bottom: 35px;
}
.link a {
	color: rgb(155, 155, 155);
	margin: 0 7px;

}
.coy {
	text-align: center;
	color: rgb(155, 155, 155);
	font-size: 15px;
}
.coy p {
	padding: 15px 0 32px;
}
.coy p a{

	font-size: 15px;
	color: rgb(155, 155, 155);
}
@media screen and (max-width: 812px){
	.foot_con dl:nth-child(1){
		display: none;
	}
	.foot_con dl dd{
		display: none;
	}
	.foot_top{
		display: none;
	}
	.foot_con{
		padding: 20px 0;
	}
	.foot_con dl{
		width: 33%!important;
		text-align: center;
	}
	.foot_con dl dt{
		padding-bottom: 10px;
	}
}
.pagebox1 .title p{
	font-size: 17px;
}

.pagebox2 .title{
	padding: 0;
}
.pagebox2 .title p{
	font-size: 17px;
}

.pagebox1_con li {
	float: left;
	width: 20%;
	padding: 25px 2%;
	text-align: center;
	margin: 0 4.66% 50px;
}
.pagebox1_con li h3 {
	font-size: 20px;
	color: #333;
	padding: 15px 0 10px;
}
.pagebox2_con {
	padding: 60px 0 0;
	width: 92%;
}
.pagebox2_con li {
	width: 35%;
	padding-top: 50px;
	min-height: 518px;
}
.pagebox2_con .on{
	width: 56%;
	padding-top: 0;
}
.pagebox2_con li span {
	font-size: 22px;
	color: #333;
}
.pagebox2_con li p {
	font-size: 18px;
	color: rgb(94, 95, 94);
	line-height: 32px;
	margin-bottom: 32px;
}
.pagebox2_con li:nth-child(3) {
	padding-top: 150px;
}
.pagebox2_con li:nth-child(4) {
	padding-top: 30px;
}

@media screen and (max-width: 1200px){
	.pagebox2_con li span{
		font-size: 20px;
	}
	.pagebox2_con li p {
		font-size: 16px;
	}
}
@media screen and (max-width: 812px){
	.pagebox1_con li {
		width: 27.33%;
		margin: 0 1%;
	}
	.pagebox2_con{
		width: 98%;
		padding: 30px 1%;
	}
	.pagebox2_con li{
		width: 100%!important;
		min-height: initial;
	}
	.pagebox2_con li span {
		font-size: 16px;
	}
	.pagebox2_con li p {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.pagebox2_con li:nth-child(3) {
		padding-top: 50px;
	}

	.pagebox1_con li p {
		height: 75px;
		overflow: hidden;
	}
}
.pagebox3 .title {
	padding: 20px 0 50px;
}
.pagebox3_con{
	padding: 5px 0 20px;
}
.pagebox3_con li {
	float: left;
	width: 17.5%;
	margin: 1.25%;
	border-radius: 5px;
}
.pagebox3_con li p {
	color: #666666;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
}
@media screen and (max-width: 812px) {
	.pagebox3_con li {
		width: 48%;
		margin: 0 1%;
	}
}
.pagebox4 .title {
	padding: 40px 0 30px;
}
.pagebox4_con {
	padding: 0 0 10px;
}
.pagebox5_con {
	padding: 0 0 70px;
	width: 84%;
	margin: 0 auto;
}
.pagebox5 {
	background: #f3f3f3;
	padding-top: 10px;
}
.pagebox5_con li{
	float: left;
	width: 12%;
	margin: 0 4%;
}
.pagebox5_con li p{
	line-height: 23px;
	padding-top: 20px;
}
.pagebox6 {
	padding: 50px 0;
}
.pagebox6l {
	width: 65%;
}
.pagebox6r {
	width: 30%;
	padding-top: 70px;
}
.pagebox6r h3 {
	font-size: 26px;
	color: #333;
	padding-bottom: 50px;
}
.pagebox6r p {
	font-size: 16px;
	line-height: 28px;
}
.pagebox6r .btn {
	width: 140px;
	line-height: 50px;
	background-color: rgb(0, 149, 235);
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	margin: 40px auto 0;
	cursor: pointer;
}
.pagebox6r .btn a {

	color: #ffffff;
}

@media screen and (max-width: 812px) {
	.pagebox5_con li{
		width: 48%;
		margin: 0 1% 15px;
		text-align: center;
	}
	.pagebox5_con {
		width: 100%;
	}
	.pagebox6l {
		width: 100%;
	}
	.pagebox6r {
		width: 100%;
	}
	.pagebox6r h3 {
		font-size: 18px;
		padding-bottom: 20px;
	}
	.pagebox6r p {
		font-size: 14px;
	}
}


.pagebox7_con {
	padding: 15px 0 20px;
}
.pagebox7_con li{
	float: left;
	width: 29%;
	margin: 0 2%;

}
.pagebox7_con li .pic{
	width: 21%;
	float: left;
	padding-top: 22px;
}
.pagebox7_con li .text{
	width: 75%;
	float: right;
}
.pagebox7_con .text h4{
	font-size: 16px;
	color: #333;
	font-weight: 600;
	padding-bottom: 18px;
}
.pagebox7_con .text p {
	height: 140px;
}

@media screen and (max-width: 812px) {
	.pagebox7_con li .pic {
		display: none;
	}
	.pagebox7_con li {
		width: 42%;
		margin: 0 4%;
	}
	.pagebox7_con {
		padding: 30px 0;
	}
	.pagebox7_con li .text {
		width: 100%;
	}
	.pagebox7_con .text h4 {
		font-weight: 400;
	}
}
.nybanner {
	position: relative;
	height: 470px;
	background: url("../images/wxsc_banner.jpg") no-repeat center;
	background-size: cover;
}
.nybanner .text {
	padding-top: 180px;
	padding-left: 6%;
	color: #ffffff;
	width: 35%;
}
.nybanner .text h3 {
	font-size: 38px;
	padding-bottom: 20px;
}
.nybanner .text p{
	font-size: 18px;
}

.nybanner .text .btn {
	display: block;
	width: 140px;
	line-height: 50px;
	border: 1px solid #ccc;
	font-size: 14px ;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	margin-top: 35px;
}

@media screen and (max-width: 1200px) {
	.nybanner .text h3 {
		font-size: 28px;
	}
	.nybanner .text p {
		font-size: 18px;
	}
}

@media screen and (max-width: 812px) {
	.nybanner {
		height: 220px;
	}
	.nybanner .text{
		width: 90%;
		padding-top: 65px;
	}
	.nybanner .text h3 {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.nybanner .text p {
		font-size: 16px;
	}
	.nybanner .text .btn {
		width: 100px;
		line-height: 30px;
		margin-top: 10px;
	}

}
.pagebox8 .title {
	padding: 0 0 20px;
}
.pagebox8_con {
	padding-bottom: 65px;
}
.pagebox8_con li{
	position: relative;
	float: left;
	width: 22.5%;
	margin: 0 1.25%;

}
.pagebox8_con li .pic {
	padding: 170px 0 20px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: ease-in-out 600ms;

}
.pagebox8_con li:nth-child(1) .pic {
	background: url("../images/pagebox8_con_pic1.jpg") no-repeat;
	background-size: cover;
}
.pagebox8_con li:nth-child(2) .pic {
	background: url("../images/pagebox8_con_pic2.jpg") no-repeat;
	background-size: cover;
}
.pagebox8_con li:nth-child(3) .pic {
	background: url("../images/pagebox8_con_pic3.jpg") no-repeat;
	background-size: cover;
}
.pagebox8_con li:nth-child(4) .pic {
	background: url("../images/pagebox8_con_pic4.jpg") no-repeat;
	background-size: cover;
}

.pagebox8_con li .pic p {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
}
.pagebox8_con li .mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	background-color: rgba(250, 250, 250, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: ease-in-out 600ms;
}
.pagebox8_con li .mask h3 {
	font-size: 24px;
	color: #333;
	text-align: center;
	padding: 45px 0 18px;
}
.pagebox8_con li:hover .pic{
	transform: rotateY(180deg);
}
.card:nth-child(even):hover .front {
	transform: rotateY(-180deg);
}

.pagebox8_con li .mask {
	background: #fff;
	transform: rotateY(-180deg);
	padding: 0 2em;
}
.pagebox8_con li:hover .mask {
	transform: rotateY(0deg);
}
.pagebox8_con li:nth-child(even) .mask {
	transform: rotateY(180deg);
}
.pagebox8_con li:nth-child(even):hover .mask {
	transform: rotateY(0deg);
}

@media screen and (max-width: 812px) {
	.pagebox8 {
		display: none;
	}
}
.pagebox9 {
	padding: 0 90px 0 60px;
}
.pagebox9 .pic {
	float: left;
	width: 47%;
}
.pagebox9 .text {
	float: right;
	width: 46%;
	background: #EBEBEB;
	border-radius: 50px;
	margin-bottom: 30px;
}
.pagebox9 .text .zm {
	width: 100px;
	float: left;
	text-align: center;
	background: #0176CA;
	color: #ffffff;
	line-height: 100px;
	border-radius: 50%;
	font-size: 60px;
	font-weight: 700;
}
.pagebox9 .text .wz {
	width: calc(100% - 140px);
	float: left;
	padding: 0 35px 0 5px;
}
.pagebox9 .text .wz1 {
	padding: 0 5px 0 35px;
}

.pagebox9 .text .wz h3 {
	font-size: 20px;
	color: #333;
	padding: 15px 0 4px;
}
@media screen and (max-width: 1200px){
	.pagebox9 .pic{
		text-align: center;
	}
	.pagebox9 .pic,
	.pagebox9 .text {
		width: 100%;
	}
}
@media screen and (max-width: 812px){
	.pagebox9 {
		padding: 0;
	}
	.pagebox9 .text .wz{
		width: calc(100% - 110px);
	}
	.pagebox9 .text .zm{
		width: 70px;
		line-height: 70px;
	}
	.pagebox9 .text .wz p {
		display: none;
	}
	.pagebox9 .text .wz h3 {
		font-size: 16px;
	}
}

.pagebox10 {
	padding: 110px 0px 35px 60px;

}
.pagebox10l {
	width: 18%;
	padding-top: 30px;
}
.pagebox10l li{
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	background-color: rgb(0, 149, 235);
	margin-bottom: 25px;
}
.pagebox10l li a {
	color: #ffffff;
}
.pagebox10r {
	width: 70%;
}

@media screen and (max-width: 812px){
	.pagebox10l{width: 100%}
	.pagebox10r {width: 100%}
	.pagebox10{padding: 20px 0}
}

.pagebox11 {
	background: rgba(245,245,245,1);
	padding-bottom: 25px;
}
.listyle1 {
	float: left;
	width: calc((100% - 320px) / 3);
	margin:0 40px 35px 0;
}
.pagebox11 li:nth-child(3n) {
	margin: 0 0 35px 0
}
.pagebox11 li {
	background-color: #ffffff;
	padding: 20px 0 0 80px;
	transition: .3s;
}
.pagebox11 li:hover {
	box-shadow: 1px 2px 0px 2px rgba(155, 155, 155, 1);
}
.pagebox11 li h3{
	color: rgb(51, 51, 51);
	font-size: 18px;
	padding-bottom: 10px;
}
.pagebox11 li p {
	height: 40px;
}
@media screen and (max-width: 812px){
	.pagebox11 li{
		width: calc(48% - 15px);
		margin: 0 1% 25px;
		padding: 15px 0 0 10px;
	}
	.pagebox11 li:nth-child(3n) {
		margin: 0 1% 25px;
	}
	.pagebox11 li h3 {
		font-size: 16px;
	}
}

.pagebox12 li {
	width: calc((100% - 350px) / 6);
	margin:0 70px 35px 0;
	text-align: center;
	transition: .3s;
}
.pagebox12 li:hover {
	margin-top: -15px;
}
.pagebox12 li:last-child:hover{

	margin:-15px 0 35px 0;
}
.pagebox12 li:last-child {
	margin:0 0 35px 0;
}
.pagebox12 li p {
	font-size: 16px;
	line-height: 60px;
}
@media screen and (max-width: 812px){
	.pagebox12 li{
		width: 31.3%;
		margin: 0 1%!important;
	}
}

.pagebox13 {
	padding: 30px 0 45px 0;
}
.pagebox13 .title {
	padding: 40px 0 30px;
}
.pagebox13 li {
	background-size: cover;
	padding: 30px 60px;
	width: calc((100% - 410px) / 3);
	margin: 0 25px 25px 0;
}
.pagebox13 li:nth-child(1) {
	background: url("../images/pagebox13_pic1.png") no-repeat center;
}
.pagebox13 li:nth-child(2) {
	background: url("../images/pagebox13_pic2.png") no-repeat center;
}
.pagebox13 li:nth-child(3) {
	background: url("../images/pagebox13_pic3.png") no-repeat center;
}
.pagebox13 li:nth-child(4) {
	background: url("../images/pagebox13_pic4.png") no-repeat center;
}
.pagebox13 li:nth-child(5) {
	background: url("../images/pagebox13_pic5.png") no-repeat center;
}
.pagebox13 li:nth-child(6) {
	background: url("../images/pagebox13_pic6.png") no-repeat center;
}
.pagebox13 li h3 {
	font-size: 24px;
	color: rgb(255, 249, 237);
	padding: 25px 0;
	text-align: center;
}
.pagebox13 li p {
	color: #ffffff;
	height: 80px;
	overflow: hidden;
}
.pagebox13 li:nth-child(3n) {
	margin: 0 0 25px 0;
}
@media screen and (max-width: 812px){
	.pagebox13 li{
		width: calc(48% - 20px)!important;
		margin: 0 1% 25px;
		padding: 0 10px!important;
	}
	.pagebox13 li:nth-child(3n) {
		margin: 0 1% 25px;
	}
	.pagebox13 li h3 {
		font-size: 18px;
	}
}
.pagebox14_top {
	text-align: center;
	padding-bottom: 70px;
}
.pagebox14_top a {
	display: inline-block;
	width: 120px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	background-color: rgb(0, 149, 235);
	border-radius: 25px;
	font-size: 16px;
	margin: 0 15px;
}

.pagebox14 li {
	width: calc((100% - 120px) / 3);
}
.pagebox14 .text{
	text-align: center;
}
.pagebox14 .text span {
	display: inline-block;
	font-size: 20px;
	color: rgb(49, 50, 50);
	width: 110px;
	line-height: 52px;
	border-bottom: 1px solid #555;
}
.pagebox14 .text p {
	padding: 20px 0 30px 0;
}

@media screen and (max-width: 812px){
	.pagebox14_top a{
		width: 47%;
		margin: 0 1% 15px;
	}
	.pagebox14 li {
		width: 48%;
		margin: 0 1%;
	}
}
.pagebox15 {
	width: 63%;
}
.pagebox15 .title {
	padding: 40px 0 10px;
}
.pagebox15 p {
	font-size: 22px;
	color: #666;
}
.pagebox15 .btn {
	padding: 24px 0 55px;
}
.pagebox15 .btn a {
	width: 125px;
	display: inline-block;
	margin: 0 10px;
	line-height: 40px;
	border-radius: 25px;
	color: #ffffff;
	background-color: rgba(74, 144, 226, 1);
	text-align: center;
}
.pagebox15 .btn a:nth-child(2) {
	background-color: rgba(224, 145, 14, 1);
}
.pagebox16 {
	width: 63%;
}
.pagebox16 ul {
	padding-top: 20px;
}
.pagebox16 ul li {
	width: calc((100% - 160px) / 3);
	text-align: center;
	margin-right: 80px;
}
.pagebox16 ul li:last-child {
	margin-right: 0;
}
.pagebox16 ul li p {
	line-height: 80px;
	font-size: 20px;
}
.pagebox17 {
	padding-bottom: 20px;
	text-align: center;
}
.pagebox17 span{
	font-size: 16px;
	line-height: 50px;
}
.pagebox18 {
	background: url("../images/pagebox18_bg.png") no-repeat center;
	background-size: cover;
}
@media screen and (max-width: 1200px){
	.pagebox15 p {
		font-size: 18px;
	}
}

@media screen and (max-width: 812px){
	.pagebox15 p {
		font-size: 16px;
	}
	.pagebox15,.pagebox16 {
		width: 98%;
	}
	.pagebox16 ul li {
		width: 48%;
		margin: 0 1% 20px;
	}
	.pagebox16 ul li p {
		line-height: 1.5;
		font-size: 16px;
	}
}
.pagebox18 {
	padding: 10px 0 35px;
}
.pagebox18 .title {
	color: #ffffff;
}
.pagebox18 .title h3 {
	color: #ffffff;

}
.pagebox18 li {
	position: relative;
	background-size: cover;
	height: 145px;
	width: calc((100% - 210px) / 6);
	margin:0 35px 40px 0;
}
.pagebox18 li:nth-child(1) {
	background: url("../images/pagebox18_pic1.png") no-repeat center;
}
.pagebox18 li:nth-child(2) {
	background: url("../images/pagebox18_pic2.png") no-repeat center;
}
.pagebox18 li:nth-child(3) {
	background: url("../images/pagebox18_pic3.png") no-repeat center;
}
.pagebox18 li:nth-child(4) {
	background: url("../images/pagebox18_pic4.png") no-repeat center;
}
.pagebox18 li:nth-child(5) {
	background: url("../images/pagebox18_pic5.png") no-repeat center;
}
.pagebox18 li:nth-child(6) {
	background: url("../images/pagebox18_pic6.png") no-repeat center;
}
.pagebox18 li:nth-child(7) {
	background: url("../images/pagebox18_pic7.png") no-repeat center;
}
.pagebox18 li:nth-child(8) {
	background: url("../images/pagebox18_pic8.png") no-repeat center;
}
.pagebox18 li:nth-child(9) {
	background: url("../images/pagebox18_pic9.png") no-repeat center;
}
.pagebox18 li:nth-child(10) {
	background: url("../images/pagebox18_pic10.png") no-repeat center;
}
.pagebox18 li:nth-child(11) {
	background: url("../images/pagebox18_pic11.png") no-repeat center;
}
.pagebox18 li:nth-child(12) {
	background: url("../images/pagebox18_pic12.png") no-repeat center;
}
.pagebox18 li:nth-child(6n) {
	margin:0 0 40px 0;

}
.pagebox18 li p {
	position: absolute;
	bottom: 25px;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
}
@media screen and (max-width: 812px){
	.pagebox18 li {
		width: 31.33%;
		margin: 0 1% 20px!important;
		height: 110px;
	}
	.pagebox18 li p  {
		bottom: 15px;
	}
}
.pagebox19 {
	padding: 20px 0 40px;
}

.pagebox19 li {
	float: left;
	width: calc((100% - 325px) / 6);
	margin-right: 65px;
	text-align: center;
}
.pagebox19 li:last-child {
	margin-right: 0;
}
.pagebox19 li p {
	color: rgb(102, 102, 102);
	font-size: 16px;
	line-height: 1;
	padding: 20px 0;
}
@media screen and (max-width: 812px){
	.pagebox19 li{
		width: 31.33%;
		margin: 0 1% 20px!important;
	}
}

.pagebox20 {
	background: url("../images/pagebox20_bg.png") no-repeat center;
	background-size: cover;
	padding-bottom: 90px;
}
.pagebox20 .title h3{
	color: #ffffff;
}
.pagebox20 .title p{
	color: #ffffff;
}

.pagebox20 li{
	position: relative;
	max-width: 888px;
	margin: 0 auto 30px;
	height: 135px;
	border-radius: 5px;
	color: #fff;

}
.pagebox20 li:nth-child(1) {
	background-size: cover;
	background: url("../images/pagebox20_pic1.png") no-repeat center;
}
.pagebox20 li:nth-child(2) {
	background-size: cover;
	background: url("../images/pagebox20_pic2.png") no-repeat 60px center;
}
.pagebox20 li:nth-child(3) {
	background-size: cover;
	background: url("../images/pagebox20_pic3.png") no-repeat center;
}
.pagebox20 li:nth-child(4) {
	background-size: cover;
	background: url("../images/pagebox20_pic4.png") no-repeat 60px center;
}
.pagebox20 li:nth-child(5) {
	background-size: cover;
	background: url("../images/pagebox20_pic5.png") no-repeat center;
}
.pagebox20 li:nth-child(6) {
	background-size: cover;
	background: url("../images/pagebox20_pic6.png") no-repeat 60px center;
}
.pagebox20 li:nth-child(7) {
	background-size: cover;
	background: url("../images/pagebox20_pic7.png") no-repeat center;
}
.pagebox20 li .text {
	position: absolute;
	left: 150px;
	top: 30px;
	padding-right: 110px;
}
.pagebox20 li h3 {
	font-size: 20px;
	padding-bottom: 20px;
}
.pagebox20 li p {
	font-size: 16px;
}
@media screen and (max-width: 888px){
	.pagebox20 {
		padding-bottom: 30px;
	}
	.pagebox20 li {
		background: url("")!important;
		margin: 0 auto 15px;
		height: 100px;
	}
	.pagebox20 li .text{
		position: initial;
		padding: 0 1%;
	}
	.pagebox20 li h3 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.pagebox20 li p {
		font-size: 14px;
	}
}

.pagebox21 {
	padding-top: 20px;
}
.pagebox21 li{
	width: calc((100% - 195px) / 4);
	margin-right: 65px;
	margin-bottom: 50px;
	text-align: center;
}
.pagebox21 li:last-child {
	margin-right: 0;
}
.pagebox21 li h3 {
	font-size: 18px;
	height: 45px;
	padding-top: 30px;
	overflow: hidden;
}
.pagebox21 li p {
	font-size: 15px;
}

@media screen and (max-width: 812px){
	.pagebox21 li {
		width: 48%;
		margin: 0 1% 20px!important;
	}
	.pagebox21 li h3 {
		font-size: 16px;
	}
	.pagebox21 li p {
		font-size: 14px;
	}
}
.pagebox22 {
	max-width: 930px;
	padding-bottom: 50px;
}
.pagebox22l {
	width: 54%;
	padding-top: 20px;
}
.pagebox22r {
	width: 37%;
}
.pagebox22r h3 {
	font-size: 24px;
	line-height: 1;
	height: 50px;
	color: rgb(51, 51, 51);
	overflow: hidden;
}
.pagebox22r p {
	font-size: 16px;
	margin-bottom: 20px;
}
@media screen and (max-width: 1200px){
	.pagebox22r h3 {
		font-size: 20px;
		height: 42px;
	}
}
@media screen and (max-width: 640px){
	.pagebox22 {
		padding-bottom: 0;
	}
	.pagebox22r,
	.pagebox22l {
		width: 100%;
	}

	.pagebox22l{
		margin-bottom: 30px;
	}
	.pagebox22r h3 {
		font-size: 16px;
		height: 32px;
		margin-bottom: 0;
	}
	.pagebox22r p {
		font-size: 14px;
	}
}

.pagebox23 {
	padding-bottom: 40px;
}
.pagebox24 {
	padding-bottom: 35px;
}
.pagebox24 .title {
	padding: 40px 0 20px;
}

.pagebox25 {
	padding-bottom: 30px;
	max-width: 950px;
}
.pagebox25 li {
	float: left;
	width: calc((100% - 254px) / 4);
	margin-right: 50px;
	margin-bottom: 35px;
	border-radius: 5px;
	border: 1px solid rgba(243, 243, 243, 1);
	text-align: center;
	padding: 26px 12px 0;
	overflow: hidden;
}
.pagebox25 li:nth-child(4n){
	margin-right: 0;
}
.pagebox25 li h3 {
	font-size: 18px;
	color: rgb(37, 29, 34);
	font-weight: 700;
	padding: 10px 0 ;
}
.pagebox25 li p {
	height: 65px;
}
@media screen and (max-width: 812px){
	.pagebox25 li {
		width: calc(48% - 2px)!important;
		margin: 0 1% 20px!important;
	}
	.pagebox25 li h3 {
		font-size: 16px;
		font-weight: normal;
	}
}

.pagebox26 {
	background: url("../images/pagebox26_bg.png") no-repeat center;
	padding: 20px 0 30px;
}
.pagebox26 .title {
	color: #ffffff;
}
.pagebox26 .title h3 {
	color: #ffffff;
}

.pagebox26 li {
	float: left;
	width: calc((100% - 195px) /4);
	background: #ffffff;
	border-radius: 10px;
	margin-right: 25px;
	margin-bottom: 28px;
	padding: 0 15px;
}
.pagebox26 li .pic {
	width: 32%;
	padding-top: 12px;
	text-align: right;
}
.pagebox26 li .text {
	width: 64%;
}
.pagebox26 li:nth-child(4n) {
	margin-right: 0;
}
.pagebox26 li h3 {
	padding: 15px 0 10px;
	font-size: 18px;
	color: #333;
	font-weight: 600;
}
.pagebox26 li p {
	height: 40px;
	overflow: hidden;
}
@media screen and (max-width: 812px){
	.pagebox26 {
		background-repeat: initial;
	}
	.pagebox26 li {
		width: calc(48% - 30px);
		margin: 0 1% 20px;
	}
	.pagebox26 li h3 {
		font-size: 16px;
		font-weight: normal;
	}
}
.pagebox27 {
	padding: 15px 0;
	max-width: 1045px;
}
.pagebox27 li{
	padding: 30px 45px;
	width: calc((100% - 320px) / 3);
}
.pagebox28 {
	background: rgba(74,144,226,1);
	text-align: center;
}
.pagebox28 .title h3 {
	color: #ffffff;
}
.pagebox29 {
	padding-bottom: 25px;
}
.pagebox29 .title {
	padding: 40px 0 0;
}
.pagebox29 .title h3{
	font-size: 24px;
}
.pagebox29 a {
	display: block;
	margin: 0 auto;
	width: 135px;
	line-height: 45px;
	text-align: center;
	border: 1px solid #ccc;
	color: #d0021b;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
}
@media screen and (max-width: 812px){
	.pagebox29 .title h3 {
		font-size: 18px;
	}
	.pagebox1_con li h3 {font-size: 18px}
}
.sqtgfa {
	background: url("../images/sqtgfabanner.png") no-repeat center;
	background-size: cover;
}
.pagebox30 {
	padding-bottom: 20px;
}
.pagebox31 {
	padding-bottom: 100px;
}
.pagebox30 .title p {
	font-size: 14px;
}
.pagebox31 .pagebox22r h3 {
	font-size: 16px;
	height: 30px;
	color: rgb(60, 122, 226);
	font-weight: 600;
}
.pagebox31 .pagebox22r p {
	font-size: 14px;
}
.pagebox32 {
	max-width: 1090px;
	padding-bottom: 60px;
}
.pagebox32 li h3 {
	font-size: 18px;
	line-height: 30px;

}
.pagebox32 li p {
	height: 65px;
	overflow: hidden;
}
.pagebox32 li {
	width: 24%;
}
.pagebox32 li:nth-child(2) {
	width: 50%;
	text-align: center;
}
.pagebox33 p {
	padding: 85px 0 32px;
	font-size: 25px;
	color: rgb(245, 166, 35);
	font-weight: 600;
}
.pagebox33 a {
	display: block;
	margin: 0 auto 35px;
	width: 162px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 25px;
	border-style: solid;
	background-color: rgb(0, 149, 235);
}
@media screen and (max-width: 812px){
	.pagebox32 li {
		width: 100%!important;
	}
	.pagebox32 li:nth-child(2) {
		margin: 20px 0;
	}
	.pagebox32 li h3 {
		font-size: 16px;
	}
	.pagebox33 p {
		font-size: 18px;
	}
}

.pagebox34 {
	padding-bottom: 40px;
}
.pagebox35 {
	padding-bottom: 85px;
}
.pagebox36 {
	background: url("../images/pagebox36_bg.png") no-repeat center;
	background-size: cover;
	text-align: center;
	padding-bottom: 75px;
}
.pagebox36 .title h3,
.pagebox36 .title p {
	color: #ffffff;
}
.pagebox36 img {
	padding: 70px 0 44px;
}
.btn1 {
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 48px;
	width: 150px;
	border-radius: 5px;
	background-color: rgb(0, 149, 235);
	color: #fff;
	font-size: 16px;
}
@media screen and (max-width: 812px){
	.pagebox36 {
		padding-bottom: 30px;
	}
	.pagebox36 img {
		padding: 35px 0 20px;
	}
}
.pagebox37 li p{
	text-align: center;
	font-size: 18px;
	padding: 20px 0;
}
.pagebox37 li {
	width: calc((100% - 140px) / 5);
	margin: 0 35px 70px 0;
}
.pagebox37 li:last-child {
	margin: 0 0 70px 0;
}

@media screen and (max-width: 812px){
	.pagebox37 li {
		width: 48%;
		margin: 0 1%!important;
	}
	.pagebox37 li p{
		font-size: 16px;
	}
}
.pagebox38 {
	background: url("");
	padding: 0 0 40px;
}
.pagebox38 .title h3 {
	color: #333;
}
.pagebox38 .title p {
	color: rgb(102, 102, 102);
}
.pagebox38 li h3 {
	font-weight: 400;
	padding: 0 0 20px 0;
}
.pagebox38 li {
	border-radius: 5px;
	border: 1px solid #e4e4e4;
	width: calc((100% - 83px) / 4);
	padding: 25px 0 30px;
}
@media screen and (max-width: 812px){
	.pagebox38 li{
		width: calc(48% - 2px);
		display: inline-block;
		margin: 0 1% 20px!important;
	}
}
.pagebox39 {
	max-width: 1200px;
	padding-bottom: 60px;
}
.pagebox39 li {
	margin-right: 40px;
	width: calc((100% - 224px) / 4);
	border: 1px solid rgb(228, 228, 228);
}
.pagebox39 li h3 {
	font-weight: normal;
	padding: 30px 0;
}
.pagebox39 li p {
	height: 80px;
}
.pagebox40 {
	padding-bottom: 80px;
}
.pagebox41 {
	background: url("../images/pagebox41_bg.png") no-repeat center;
	background-size: cover;
	padding-bottom: 80px;
}
.pagebox41 .title h3 {
	color: #ffffff;
}
.pagebox41 .title p {
	color: #ffffff;
}

.pagebox41 li {
	float: left;
	width: calc((100% - 90px) / 4);
	margin-bottom: 20px;
	margin-right: 30px;
}
.pagebox41 li:nth-child(4) {
	margin-right: 0;
}
@media screen and (max-width: 812px){
	.pagebox41 {
		padding-bottom: 30px;
	}
	.pagebox41 li{
		width: 48%;
		margin: 0 1% 20px!important;
	}
}
.pagebox43 {
	padding: 0px 0px 20px;
}
.pagebox44 {
	max-width: 1040px;
}
.pagebox44 .title {
	padding: 40px 0px 10px;
}
.pagebox44 .lt {
	padding-top: 170px;
}
.pageboxtext h3 {
	color: #333;
	font-size: 22px;
	padding-bottom: 20px;
}
.pageboxtext p {
	font-size: 15px;

}
.pagebox44 .rt {
	width: 46%;
}
.pagebox44 .lt {
	width: 43%;
}

.pagebox45 {
	background-color: rgba(245,245,245,1);
	padding: 25px 0 50px;
	margin: 10px 0;
}
.pagebox45 .lt {
	width: 46%;
}
.pagebox45 .rt {
	width: 43%;
	padding-top: 170px;
}
.pagebox46 {
	padding-bottom: 46px;
}
.pagebox46 li {
	width: calc((100% - 90px) / 4);
	margin-right: 30px;
	margin-bottom: 25px;
}
.pagebox46 li:nth-child(4n) {
	margin-right: 0;
}
.pagebox46 li h3 {
	line-height: 130px;
	text-align: center;
	font-size: 24px;
	color: rgb(255, 255, 255);
}
.pagebox46 li:nth-child(1) {
	background: url("../images/pagebox46_pic1.png") no-repeat center;
	background-size: cover;
}
.pagebox46 li:nth-child(2) {
	background: url("../images/pagebox46_pic2.png") no-repeat center;
	background-size: cover;
}
.pagebox46 li:nth-child(3) {
	background: url("../images/pagebox46_pic3.png") no-repeat center;
	background-size: cover;
}
.pagebox46 li:nth-child(4) {
	background: url("../images/pagebox46_pic4.png") no-repeat center;
	background-size: cover;
}
.pagebox46 li:nth-child(5) {
	background: url("../images/pagebox46_pic5.png") no-repeat center;
	background-size: cover;
}
.pagebox46 li:nth-child(6) {
	background: url("../images/pagebox46_pic6.png") no-repeat center;
	background-size: cover;
}
.pagebox46 li:nth-child(7) {
	background: url("../images/pagebox46_pic7.png") no-repeat center;
	background-size: cover;
}
.pagebox46 li:nth-child(8) {
	background: url("../images/pagebox46_pic8.png") no-repeat center;
	background-size: cover;
}
@media screen and (max-width: 812px){
	.pagebox44 .lt{
		width: 100%;
		padding-top: 30px;
	}
	.pageboxtext h3 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.pageboxtext p {
		font-size: 14px;
	}
	.pagebox44 .rt,
	.pagebox45 .lt,
	.pagebox45 .rt{
		width: 100%;
	}
	.pagebox45 .rt {
		padding-top: 30px;
	}
	.pagebox46 li{
		width: 48%;
		margin: 0 1% 10px!important;
	}
	.pagebox46 li h3 {
		line-height: 100px;
		font-size: 16px;
	}
}
.pagebox47_con {
	padding: 80px 0 35px;
}
.pagebox47_con .tab_nav {
	border-bottom: 1px solid rgba(204, 204, 204, 0.39);
}
.pagebox47_con .tab_nav li {
	cursor: pointer;
	font-size: 18px;
	margin: 0 25px;
	padding: 0 5px;
	border: 2px solid transparent;
}
.pagebox47_con .tab_con{
	max-width: 1025px;
	margin: 0 auto;
	padding-top: 50px;
}
.pagebox47_con .tab_con .lt {
	width: 43%;
}
.pagebox47_con .tab_con .rt {
	width: 48%;
}
.pagebox47_con .tab_con .rt h3 {
	font-size: 24px;
	color: #333;
	padding: 40px 0;
}
.pagebox47_con .tab_con .rt p {
	font-size: 16px;
	color: rgb(102, 102, 102);
}
.pagebox48 {
	text-align: center;
	background: url("../images/pagebox48_bg.png") no-repeat center;
	background-size: cover;
	padding-bottom: 55px;
}
.pagebox48 .title h3{
	color: #ffffff;
}

@media screen and (max-width: 812px){
	.pagebox47_con {
		padding: 30px 0 15px;
	}
	.pagebox47_con .tab_con .lt,
	.pagebox47_con .tab_con .rt {
		width: 100%;
	}
	.pagebox47_con .tab_con .rt h3 {
		padding: 15px 0;
		font-size: 16px;
	}
	.pagebox47_con .tab_con .rt p {
		font-size: 14px;
	}
}
.pagebox49 li {
	float: left;
	width: calc((100% - 375px) / 6);
	margin-right: 75px;
	margin-bottom: 35px;
	text-align: center;
}
.pagebox49 li:nth-child(6n) {
	margin-right: 0;
}
.pagebox49 li p {
	font-size: 16px;
}
.pagebox50 {
	padding-bottom: 30px;
}
.pagebox50 li {
	border-radius: 5px;
	border: 1px solid rgba(234, 234, 234, 1);
	width: calc((100% - 128px) / 4);
	margin-right: 40px;
	margin-bottom: 40px;
}
.pagebox50 li:nth-child(4n) {
	margin-right: 0;
}
.pagebox50 li img {
	padding: 42px 0;
}
.pagebox50 li p {
	height: 43px;
	padding: 0 12px;
	overflow: hidden;
}
@media screen and (max-width: 812px){
	.pagebox49 li{
		width: 31.33%;
		margin: 0 1% 20px!important;
	}
	.pagebox50 li{
		width: calc(48% - 2px);
		margin: 0 1% 20px!important;
	}
}
.pagebox51 {
	background: url("../images/pagebox51_bg.png") no-repeat center;
	background-size: cover;
	padding: 20px 0 45px;
}

.pagebox51 .title h3 {
	font-size: 28px;
	color: #ffffff;
}
.pagebox51 a {
	color: #ffffff;
}

@media screen and (max-width: 812px){
	.pagebox51 .title h3 {
		font-size: 16px;
		color: #ffffff;
	}
}
.casebanner {
	background: url("../images/casebanner.png") no-repeat center;
}
.casebox1 {
	max-width: 1152px;
}
.caseslide-button-next,
.caseslide-button-prev {
	padding: 5px 10px;
	background-color: rgba(0,0,0,.2);
	width: auto;
	height: auto;
}
.caseslide-button-next:after, .caseslide-button-prev:after {
	font-size: 22px;
	color: #ffffff;
}
.casebox2_con .tab_nav{
	border-bottom: 1px solid rgba(204, 204, 204, 0.39);
}
.casebox2_con .tab_nav li {
	margin: 0 30px;
	font-size: 16px;
}
.casebox2_con .tab_con {
	padding: 60px 0 0;
}
.casebox2 .item li h3 {
	padding: 15px 0;
}
.casebox2 .item li img {
	max-width: 108px;
}
.casebox2_con  .pagebox39 {
	padding-bottom: 30px;
}
.casebox2_con li {
	position: relative;
	padding: 0;
	cursor: pointer;
}
.casebox2_con li .pic {
	padding: 26px 12px 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: ease-in-out 600ms;
}
.casebox2_con li .mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: ease-in-out 600ms;
	width: 100%;
	background: rgba(96, 123, 237, 1);
	transform: rotateY(-180deg);
	padding-top: 70px;

}
.casebox2_con li .mask p {
	color: #ffffff;
	line-height: 2.5;
	font-size: 16px;
}
.casebox2_con li:hover .pic{
	transform: rotateY(180deg);
}
.casebox2_con li:hover .mask {
	transform: rotateY(0deg);
}


.new_line {
	padding: 30px 0;
}
.new_line a {
	color: #666;
}
.newslistlcon {
	float: left;
	width:71%;

}
.newslist {
	padding-bottom: 100px;
}
.newslistl li {
	position: relative;
	padding: 12px 15px;
	border-bottom: 1px solid #ececec;
}
.newslistl li:hover {
	background-color: #ececec;
}
.newslistr {
	float: right;
	width: 22%;
}
.newslistl .pic {
	width: 25%;
	float: left;
	overflow: hidden;
	border-radius: 5px;

}
.newslistl .pic img{
	transition: .6s;
	min-height: 150px;
	overflow: hidden;
}
.newslistl .pic img:hover {
	transform: scale(1.1);
}
.newslistl .text {
	width: 72%;
	float: right;
}
.newslistl .text a {
	display: block;
	font-size: 18px;
	color: #3d464d;
	padding-bottom: 7px;
}

.newslistl .text .data {
	position: absolute;
	right: 15px;
	bottom: 12px;
	width:  calc(72% - 22px);
}
.showpage {
	padding-top: 15px;
	text-align: center;
}
.showpage li {
	display: inline-block;
}
.showpage li a {
	display: inline-block;
	padding: 3px 10px;
	border: solid 1px #ededed;
	color: #999999;
}
.showpage li a:hover {
	border: solid 1px #aca2db;
	color: #333;
}
.showpage .active {
	background-color: #aca2db;
}
.showpage .active a {

	color: #ffffff;
}
.showpage .active:hover {
	color: #ffffff;
}
.newslistr h3 {
	font-size: 18px;
	color: rgb(241, 93, 93);
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(241, 93, 93);
}
.newslistr img {
	padding: 10px 0;
}
.newslistr ul li a{
	font-size: 15px;
	color: #3d464d;
	line-height: 35px;
}
.newslistr ul li a:hover {

	color: rgb(241, 93, 93);
}
.inp1 {
	border-radius: 5px;
	border: 1px solid #bab8b8;
	margin: 18px 0 8px;
	padding-left: 14px;
}
.inp1 input {
	padding-left: 10px;
	background-color: transparent;
	color: #9b9b9b;
}
input::-webkit-input-placeholder {
	color: #9b9b9b;
}
.newsslide {
	height: 160px;
}
.newsslide li {
	position: relative;
}
.newsslide li p {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 17px 0;
	text-align: center;
	font-size: 18px;
	width: 100%;
	background-color: rgba(34,34,34,.8);
	color: #9c97a3;
}

@media screen and (max-width: 812px){
	.newslistl .text .data{
		position: initial;
	}
	.newslistl .pic img{
		min-height: auto;
	}
}
@media screen and (max-width: 640px){
	.newslistl .text p {
		display: none;
	}
	.newslistlcon {
		width: 100%;
	}
	.newslistl .text a {
		font-size: 16px;
		text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
	}
	.newslistl .text .data {width: 100%}
	.newslistr {
		width: 100%;
		margin-top: 50px;
	}
	.newslist {
		padding-bottom: 50px;
	}
}
.newinfo {
	margin: 20px auto;
}
.newinfol {
	float: left;
	width: calc(73% - 80px);
	padding: 0 40px;
	background-color: #ffffff;
}
.newinfor {
	width: 25%;
	float: right;
}
.newinfol .new_line {
	border-bottom: 1px solid #ececec;
	padding: 20px 0;
}
.newinfo_con {
	padding: 15px 0;
}
.newinfo_con h2 {
	font-size: 23px;
	color: #333;
	padding-bottom: 10px;
}
.ewinfo_meta {
	color: #999999;
	line-height: 40px;
}
.ewinfo_meta a {
	color: #999999;
}
.ewinfo_meta i {
	font-style: normal;
	margin: 0 15px;
}
.newinfo_con_info {
	font-size: 14px;
	line-height: 1.6;
	color: #999;
	border: 1px solid #efefef;
	background: #fbfbfb;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 15px;
}
.newinfo_con_info a{
	color: #999;
}
.newinfor_from {
	line-height: 34px;
	font-size: 14px;
	color: #333;
	border: 1px solid #efefef;
	background: #ffffff;
	padding-left: 10px;
	padding-right: 42px;
	position: relative;
}
.newinfor_from button {
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
	background-color: #f27734;
	cursor: pointer;
	height: 34px;
	line-height: 34px;
}
.newinfor_call {
	padding: 24px 0 30px;
	background: #ffffff;
	text-align: center;
	margin: 20px 0;
}
.newinfor_call p{
	font-size: 24px;
	font-weight: bold;
}
.newinfor_hot{
	background-color: #ffffff;
	padding: 12px;
}
.newinfor_hot h3 {
	position: relative;
	padding-left: 10px;
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
}
.newinfor_hot h3:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 16px;
	border-radius: 3px;
	background: #f27734;
}
.newinfor_hot li {
	position: relative;
	margin-bottom: 10px;
}
.newinfor_hot li a{
	padding-left: 25px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}
.newinfor_hot li span{
	background-color: #f0f0f0;
	display: inline-block;
	font-size: 13px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #999;
	text-align: center;
	position: absolute;
	left: 0;
	top: 3px;
}
.newinfo_con_text {
	padding-bottom: 30px;
}
.newinfo_tag{
	margin-bottom: 20px;
}
.newinfo_tag a {
	display: inline-block;
	margin: 0 10px 5px 0;
	padding: 5px 15px;
	font-size: 14px;
	line-height: 1.2;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
}
.newinfo_tag a:hover{
	background-color: #f27734;
	color: #ffffff;
	border: 1px solid #f27734;
}
.newinfo_pre,
.newinfo_next{
	color: #999999;
	padding-bottom: 20px;
}
.newinfo_pre a,
.newinfo_next a{
	color: #444;
}
.newinfo_next {
	text-align: right;
}
@media screen and (max-width: 1200px){
	.newinfo_con h2 {
		font-size: 18px;
	}
	.newinfor_call p{
		font-size: 18px;
	}
}
@media screen and (max-width: 812px){
	.newinfo_con h2 {
		font-size: 16px;
	}
	.newinfor_call p{
		font-size: 16px;
	}
	.newinfol {
		width: 98%;
		padding: 0 1%;
	}
	.newinfor {
		width: 100%;
	}
	.newinfo_pre,
	.newinfo_next{
		width: 100%;
		text-align: left;
	}
}

.about_box1,
.about_box2{
	max-width: 1080px;
}
.about_con {
	background-color: rgba(243, 243, 243, 1);
	padding: 40px 30px 40px 20px;
}
.about_box1l {
	width: 48%;
	float: left;
}
.about_box1l video{
	width: 100%;
}
.about_box1r {
	width: 48%;
	float: right;
	font-size: 16px;
	line-height: 28px;
}
.about_box2l{
	width: 43%;
	float: left;
	text-align: center;
	padding-top: 60px;
}
.about_box2l img{
	width: 350px;
}
.about_box2r{
	float: right;
	width: 50%;
}
.about_box2r li{
	width: 100%;
	margin-bottom: 30px;
}
.about_box2r li .lt1 {
	position: relative;
	width: 15%;
}
.about_box2r li .lt1 h3 {
	padding-top: 10px;
	line-height: 30px;
	height: 80px;
	background-color: #7ecef3;
	color: #ffffff;
	text-align: center;
	font-size: 22px;
	border-radius: 5px 0 0 0 ;
}
.about_box2r li .lt1 p {position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;border-radius: 0 0 0 5px ;background: rgba(0, 0, 0, 0.2);}

.about_box2r li .lt2 {line-height: 90px;font-size: 17px;color:rgb(46, 41, 31);background-color: rgba(242, 250, 253, 1);width: 85%;overflow: hidden;}
.about_box2r li .lt2 span {padding-left: 15px;}

.about_box2r li:nth-child(2) .lt1 h3{background-color: rgb(139 196 31);}
.about_box2r li:nth-child(2) .lt2{background-color: rgb(245 249 232);}
.about_box2r li:nth-child(3) .lt1 h3{background-color: rgb(242 144 71);}
.about_box2r li:nth-child(3) .lt2{background-color: rgb(253 244 237);}
.about_box2r li:nth-child(4) .lt1 h3{background-color: rgb(134 202 201);}
.about_box2r li:nth-child(4) .lt2{background-color: rgb(233 245 245);}


@media screen and (max-width: 1200px){
	.about_box2r li .lt1 h3{
		font-size: 18px;
	}
	.about_box2r li .lt2 span{
		font-size: 16px;
	}
}

@media screen and (max-width: 812px){
	.about_box1l {
		width: 100%;
	}
	.about_box1r{
		padding-top: 30px;
		width: 100%;
	}
	.about_box2l {
		width: 100%;
		padding-top: 0;
	}
	.about_box2r {
		width: 100%;
	}
	.about_box2r li .lt1 h3 {
		font-size: 16px;
		padding-top: 0;
		line-height: 50px;
		height: auto;
	}
	.about_box2r li .lt2 {
		width: 100%;
	}
	.about_box2r li .lt2 span {
		width: 100%;
		font-size: 14px;
		padding: 0;
		height: auto;
		line-height: 70px;
		text-align: center;
	}
	.about_box2r li .lt1 {
		width: 100%;
	}
	.about_box1r {
		font-size: 14px;
	}
	.about_con {
		padding: 20px 2%;
	}

}
.about_box3 .title h3{
	background: url("../images/about_box3_titbg.png") no-repeat center;
	background-size: cover;
	width: 200px;
	line-height: 200px;
	margin: 0 auto 15px;

}
.about_box3 .title h3 {
	color: #ffffff;
}
.about_box3 ul{
	padding: 30px 0 90px;
}
.about_box3 ul li {
	width: calc((100% - 75px) / 4);
	float: left;
	margin-right: 25px;
	text-align: center;
}
.about_box3 ul li:last-child{
	margin-right: 0;
}

@media screen and (max-width: 1200px){
	.about_box3 .title h3{
		width: 150px;
		line-height: 150px;
	}

}
@media screen and (max-width: 812px){
	.about_box3 .title h3{
		width: 100px;
		line-height: 100px;
		font-size: 16px;
	}
	.about_box3 ul li{
		width: 48%;
		margin: 0 1% 20px;
	}

}
.about_box4 {
	width: calc(98% - 30px);
	padding: 25px 0 25px 30px;
	border: 1px solid rgba(243, 243, 243, 1);
}
.about_box4 h3 {
	font-size: 24px;
	padding-bottom: 30px;
}
.about_box4 p {
	font-size: 18px;
	line-height: 32px;
}
.about_box5 {
	padding-bottom: 20px;
}
.dlfxxtnybanner {
	background: rgba(74,144,226,1);
}
.qddhxtbanner {
	background: url("../images/qddhxtbanner.png");
	background-size: cover;
}
.qwddxtbanner {
	background: url("../images/qwddxtbanner.png");
	background-size: cover;
}
.zbfxxtbanner {
	background: rgba(7,77,162,1);
}
.wxxcxbanner {

	background: url("../images/wxxcxbanner.png");
	background-size: cover;
}
.pagebox27 li:nth-child(1) {
	background: url("../images/pagebox27_pic1.png") no-repeat center;
	background-size: cover;
}
.pagebox27 li:nth-child(2) {
	background: url("../images/pagebox27_pic2.png") no-repeat center;
	background-size: cover;
}
.pagebox27 li:nth-child(3) {
	background: url("../images/pagebox27_pic3.png") no-repeat center;
	background-size: cover;
}
.pagebox27 li:nth-child(4) {
	background: url("../images/pagebox27_pic4.png") no-repeat center;
	background-size: cover;
}
.pagebox27 li:nth-child(5) {
	background: url("../images/pagebox27_pic5.png") no-repeat center;
	background-size: cover;
}
.pagebox27 li:nth-child(6) {
	background: url("../images/pagebox27_pic6.png") no-repeat center;
	background-size: cover;
}
.lsmdfabanner {
	background: url("../images/lsmdfabanner.png") no-repeat center;
	background-size: cover;
}
.qddhfabanner {

	background: url("../images/qddhfabanner.png") no-repeat center;
	background-size: cover;
}
.dptrzfabanner {

	background: url("../images/dptrzfabanner.png") no-repeat center;
	background-size: cover;
}
.newsbanner {

	background: url("../images/newsbanner.png") no-repeat center;
	background-size: cover;
}
.aboutbanner {
	background: url("../images/aboutbanner.png") no-repeat center;
	background-size: cover;
}