@charset "utf-8";
/* CSS Document */
/* 初始化CSS */
html{font-size: 100px;  }
*{margin:0; padding:0;font-family: 'microsoft Yahei'}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h3, h4{font-weight: bold;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px; margin:0;outline-style:none;font-family:Arial, Helvetica, sans-serif;}
input[type="button"]{cursor: pointer;}
input{border: none;}
textarea{resize:none;}
input{outline: none;vertical-align: middle;border: none;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none; }
input[type="checkbox"]{border-radius: 0;border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
input[type="radio"]{border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
textarea {-webkit-appearance: none;} 
input,textarea{-webkit-border-radius:none;}
a,a:hover,a:active,a:visited,input{tap-highlight-color: rgba(0,0,0,0);focus-ring-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-focus-ring-color: rgba(0, 0, 0, 0);-moz-tap-highlight-color: rgba(0,0,0,0);-moz-focus-ring-color: rgba(0, 0, 0, 0);border: none;}
body{position: relative; min-width:1080px; color:#232323; font:12px Arial, Helvetica, sans-serif;background: #fff; font-family: "微软雅黑";font-family: "Microsoft Yahei";}
a{color:#232323; cursor: pointer; text-decoration:none;outline: none;-webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
a:hover{color:#c70e16;}
a:visited;a:active{color:#232323;}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;float: none;}
.overflow-hidden{overflow: hidden;width: 100%;}
.fixed{position: fixed;}
/*导航条*/
.nav{background:#fff;width: 100%;z-index: 999;}
.nav .nav-center{width: 1000px;margin: 0 auto; height: 90px;line-height: 90px;}
.nav .logo{float: left; position: relative;}
.nav .nav-main{float: right; }
.nav .nav-main .tel{float: right;}
/* banner 轮播 */
.banner {position: relative;}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-container .swiper-slide img{
width: 100%
}
.center-title{text-align: center;color: #333333;}
.center-title h2{font-size: 36px;font-weight: bold;  }
.center-title img{ margin-top: 8px;}
.center-block{position: relative; width: 1000px;margin: 0 auto;}
.about-block{margin-top: 20px;}
.about-block .content{background: url(../images/frame.png) no-repeat center top;position: relative; padding-top: 110px;height: 255px; margin-top: 30px;}
.about-block .content-text{width: 612px; font-size: 16px;color: #333333;line-height: 180%;float: left;margin-left: 60px;}
.about-block .content img{position: absolute;; right: -36px;top: 23px;}
.sysup-block{background: #FAFCFF;padding: 30px 0 50px 0}
.sysup-block .center-block{background: url(../images/spiral_pic.png) center no-repeat;margin-top: 32px;height: 355px;}
.sysup-block .item{position: absolute;}
.sysup-block .item h3{font-size: 24px;font-weight: 600;color: #333}
.sysup-block .item b{font-size: 16px;font-weight: 300;color: #333;display: block;margin-top: 10px;}
.sysup-block .item hr{border:none;border-top: 2px dashed #FBC003;position: absolute; }
.sysup-block .item1{left: 20px;top: 90px;text-align: right;}
.sysup-block .item1 hr{width: 104px;right: -115px;top:15px;}
.sysup-block .item2{right: -25px;top: 20px;}
.sysup-block .item2 hr{width: 88px;top:15px;left: -100px;}
.sysup-block .item3{right: 40px;top: 160px;}
.sysup-block .item3 hr{width: 88px;top:15px;left: -100px;}
.sysup-block .item4{left: 40px;top: 240px;text-align: right;}
.sysup-block .item4 hr{width: 175px;right: -185px;top:15px;}
.unique-block{ padding: 60px 0 0 0}
.unique-block .center-block{background: url(../images/disc_pic.png) center no-repeat;margin-top: 32px;height:500px;position: relative;}
.unique-block .center-title b{margin-top: 15px;font-size: 16px;font-weight: 300;display: block;}
.unique-block .item{position: absolute;width: 209px;height: 136px; text-align: center;padding: 15px 0}
.unique-block .item b{font-weight: bold;font-size: 24px;color: #333;display: block;}
.unique-block .item1{ width: 225px;height: 136px;background: url(../images/dialogbox_2.png) no-repeat;left:175px; top:145px;}
.unique-block .item2{ width: 209px;height: 136px; background: url(../images/dialogbox_1.png) no-repeat;left: 395px;top: 0}
.unique-block .item3{ width: 235px;height: 136px;background: url(../images/dialogbox_3.png) no-repeat;right: 160px; top: 145px; }
.unique-block .item4{ width: 235px;height: 136px;background: url(../images/dialogbox_4.png) no-repeat; right: 220px;bottom: 5px;}
.unique-block .item5{ width: 225px;height: 136px;background: url(../images/dialogbox_5.png) no-repeat;left: 220px;bottom: 5px; }
.yizhi{height: 1867px;background: url(../images/yzbg.jpg) no-repeat center;}
.five-area .center-title{margin-top: 30px;position: relative;margin-bottom: 30px;}
.five-area .center-title img{position: absolute;top: 30px;margin-left: 20px;}
.five-area .center-title img:nth-child(1){margin-left: -100px;}
.five-area .cell-item {height: 292px;margin-bottom: 30px;position: relative;}
.five-area .cell-item .leftTxt{width: 586px;height: 292px;box-sizing:border-box;padding: 40px;position: absolute;}
.five-area .cell-item .leftTxt h3{color: #666666;font-size: 16px;font-weight: 300;}
.five-area .cell-item .leftTxt h3 i{color: #333333;font-weight: 300; font-size: 24px;font-style: normal;margin-right: 10px;}
.five-area .cell-item .leftTxt .tag{margin-top: 15px;}
.five-area .cell-item .leftTxt .tag span{border-radius: 20px;margin-right: 10px; color: #fff;font-size: 16px;background: #74AB2F;padding: 5px 10px;}
.five-area .cell-item .leftTxt .tag span:hover{background: #84c730}
.five-area .cell-item .leftTxt .imgBox{margin-top: 24px;}
.five-area .cell-item .leftTxt .imgBox img{margin-right: 10px;}
.five-area .cell-item .leftTxt .imgBox img:hover{
	transform: scale(1.1);transition: all 0.8s; 
}
.five-area .cell-item .rightTxt{
	color: #fff;
	padding: 40px 25px;
	box-sizing:border-box;
	width: 394px;
	height: 240px;
	font-size: 16px;
	line-height: 180%;
	position: absolute;
	border-radius: 12px;
}
.five-area .cell-item .rightTxt img{margin-bottom: 15px; }
.five-area .cell-item.left .rightTxt {background: #74AB2F;right:100px;top:26px; }
.five-area .cell-item.left .rightTxt:hover{background: #84c730}
.five-area .cell-item.left .leftTxt{background: #F1F6EA;left: 0}
.five-area .cell-item.right .leftTxt{background: #FDF4E5;right: 100px;padding-left: 110px;}
.five-area .cell-item.right .rightTxt {background: #F39800;left:0;top:26px; }
.five-area .cell-item.right .rightTxt:hover{background:#fba20e;}
.five-area .cell-item.right .leftTxt .tag span{background:#F39800; }
.five-area .cell-item.right .leftTxt .tag span:hover{background:#fba20e; }
.show-them {background:#F1F6EA;padding: 10px 0 40px; }
.show-them .center-title{margin-top: 30px;position: relative;margin-bottom: 30px;}
.show-them .center-title img{position: absolute;top: 30px;margin-left: 20px;}
.show-them .center-title img:nth-child(1){margin-left: -100px;}
.show-them .center-block .on-left{width: 327px;float: left;margin-right: 9px;}
.show-them .center-block .on-center{width: 327px;float: left;margin-right: 9px;}
.show-them .center-block .on-right{width: 327px;float: left;}
 
.show-them .center-block .img-box div img{width: 100%;margin-bottom: 10px;}
.show-them .center-block .img-box div img:hover{
	transform: scale(1.1);transition: all 0.8s; 
}
.join-support{padding-top: 20px;}
.join-support .center-title{margin-top: 30px;position: relative;margin-bottom: 30px;}
.join-support .center-title img{position: absolute;top: 30px;margin-left: 20px;}
.join-support .center-title img:nth-child(1){margin-left: -100px;}
.join-support ul li{
	box-shadow: -2px 10px 60px #f1f1f1;
	float: left;
	text-align: center;
	width: 327px;
	margin-right: 9px;
	height: 440px;
	border-radius: 12px;
}
.join-support ul li:nth-child(3){
	margin-right: 0
}
.join-support ul li img{margin-top: 30px;
-webkit-transition: -webkit-transform 3s ease-out;
-moz-transition: -moz-transform 3s ease-out;
-o-transition: -o-transform 3s ease-out;
-ms-transition: -ms-transform 3s ease-out;
}
.join-support ul li:hover img{
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.join-support ul li h4{font-size: 24px;margin-top: 20px;font-weight: 300}
.join-support ul li hr{background: #F39800;width: 52px;height: 4px;margin: 10px auto 20px;border:none;}
.join-support ul li   p{
	color: #666;
	font-size: 16px;
	line-height: 150%
}
.foure-best{padding-top:80px;padding-bottom: 48px;background: #FAFCFF;}
.foure-best img:nth-child(3):hover{
	transform: scale(1.1);transition: all 0.8s; 
}
.foure-best .center-title{
	margin-bottom: 30px;
}
.eight-suport{
	background: url(../images/ebg.jpg) no-repeat center;
	padding: 30px 0 0px 0;
	height:693px;
}
.eight-suport .content-block{position: relative;margin-top: 30px;}
.eight-suport .content-block .item{
width: 242px;
height: 200px;
background: #356DED;
border-radius: 12px;
color: #fff;
font-size: 24px;
text-align: center;
position: absolute;
}
.eight-suport .content-block .item img{margin-top: 30px;margin-bottom: 16px;
-webkit-transition: -webkit-transform 3s ease-out;
-moz-transition: -moz-transform 3s ease-out;
-o-transition: -o-transform 3s ease-out;
-ms-transition: -ms-transform 3s ease-out;
}
.eight-suport .content-block .item h4{font-weight: 300}
.eight-suport .content-block .item-1{
	left: 0;top: 52px;
}
.eight-suport .content-block .item:hover img{
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.eight-suport .content-block .item-2{
	left: 252px;top: 0px;
	background:#6C99FF;
}
.eight-suport .content-block .item-3{
	right: 252px;top: 0px;
	background:#356DED
}
.eight-suport .content-block .item-4{
	right: 0;top: 52px;
	background: #6C99FF
}
.eight-suport .content-block .item-5{
	right: 0;top: 262px;
}
.eight-suport .content-block .item-6{
	right: 252px;top: 314px;
	background: #6C99FF
}
.eight-suport .content-block .item-7{
	left: 252px;top: 314px;
	background: #356DED
}
.eight-suport .content-block .item-8{
	left: 0;top: 262px;
	background:#6C99FF
}
.eight-suport .content-block .text{
	color:#FEC205;
	font-size: 20px;
	position: absolute;
	left: 350px;
	top: 214px;
	text-align: center;
}
.eight-suport .content-block .text b{
	color: #E76A00;
	font-size: 30px;
	display: inline-block;
	margin:0 10px 
}
.eight-suport .content-block .text img{
	margin-right: 10px;
	position: relative;
	top: -6px;
}
.show-school {
	padding-top: 60px;
	height: 790px;
}
.show-school .content-block{
	position: relative;
	margin-top: 20px;
}
.show-school .content-block div{
	position: absolute;
}
.show-school .content-block div:hover{z-index: 9 }
.show-school .content-block div:hover img{transform: scale(1.2);transition: all 0.8s;}
.show-school .content-block  .item-pic-1{
	left:0px;
	top: 40px
}
.show-school .content-block  .item-pic-2{
	left: 450px;
	top: 0
}
.show-school .content-block  .item-pic-3{
	left: 60px;
	top: 280px;
	z-index: 1
}
.show-school .content-block  .item-pic-4{
	right: 0;
	top: 255px;
	
}
.show-school .content-block  .item-pic-4 img{
	width: 600px;
}
.show-school .content-block  .item-pic-5{
	right:20px;
	top: 380px;
	z-index: 2
}
.show-school .content-block  .item-pic-6{
	left: 150px;
	top: 580px;
	z-index: 0
}
.show-school .content-block  .item-pic-7{
	left: 71px;
	top: 790px;
}
.show-school .content-block  .item-pic-8{
	right:-20px;
	top: 740px;
}
.show-school .content-block  .item-pic-8 img{width: 600px;}
.show-rongyu{
	background: #fff;
	padding-top: 60px;
	padding-bottom: 100px;
	text-align: center;
}
.show-rongyu ul{margin-top: 30px;}
.show-rongyu ul li{
	display: inline-block;
	width: 320px;
	position: relative;
	margin-right: 5px;
	text-align: center;
}
.show-rongyu ul li h4{
	position: absolute;
	bottom: 16px;
	width: 100%;
	font-size: 24px;
	color: #333333;
	font-weight:300;
}
.show-rongyu ul li img{width: 100%}
.footer{
	background: #5589FF;
	color: #fff;
	height: 360px;
}
.footer .center-block form{width: 340px;height:390px;box-shadow: 0px 0px 15px #dad5d5; position: absolute;right: 0px;top:-60px;overflow: hidden; border-radius: 20px;text-align: center; z-index: 5;background: #fff;}
.footer .center-block form h3{font-size: 30px;color: #333333;padding-top: 30px;margin-bottom: 20px;}
.footer .center-block form p{font-size: 16px;color: #091b6f;margin-top: 5px;margin-bottom: 30px;}
.footer .center-block form label{background: #eeeeee;height: 50px;width: 290px;text-align: left;font-size: 16px;color: #333;padding-left: 20px;box-sizing:border-box; line-height: 50px;display: block;margin: 0 auto;margin-bottom: 20px;border-radius: 30px;}
.footer .center-block form input[type=text]{background: none;font-size: 16px;}
.footer .center-block form input[type=submit]{background: #5589FF;font-weight: bold; color: #fff;box-shadow: -2px 2px 10px #ddd;font-size: 20px;border-radius: 30px;padding: 15px 50px;margin-bottom: 30px;}
.footer .center-block form input[type=submit]:hover{background: #4576e5}
.footer .center-block form div{background: #de3a21;color: #fff;font-size: 15px;padding: 10px 0;}
.footer .center-block .biaoyu{
	margin-left:120px;
	margin-top: 68px;
}
.footer .center-block .erweima{
	margin-left:80px;
	margin-top: 10px;
}
.footer .center-block .erweima div{
	display: inline-block;
	border-left: 1px solid #fff;
	padding-left: 20px;
	margin-left: 20px;
	position: relative;
	top: 30px;
}
.footer .center-block .erweima div b{
	font-size: 40px;
}
.footer .center-block .erweima div p{
	font-size: 16px;
	
}
.copyright{
	background:#285ED9;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #fff;
}
.topForm form{width:1000px;height:230px;box-shadow: 0px 0px 15px #dad5d5; background: rgba(89,140,255,0.8); overflow: hidden; border-radius: 20px;text-align: center; z-index: 5; position: relative;top: -42px;margin: 0 auto;padding-top:42px;}
.topForm form h3{font-size: 36px;color: #fff; position: absolute;right:290px;top: 60px;}
.topForm form p{font-size: 16px;color: #091b6f;margin-top: 5px;margin-bottom: 30px;}
.topForm form label{background: #eeeeee;height: 50px;width: 290px;text-align: left;font-size: 16px;color: #333;padding-left: 20px;box-sizing:border-box; line-height: 50px;display: block;margin-left:200px;margin-bottom: 20px;border-radius: 30px;}
.topForm form input[type=text]{background: none;font-size: 16px;}
.topForm form input[type=submit]{background: #FEC205;position: absolute; right: 270px;top: 180px;font-weight: bold; color: #fff;box-shadow: -2px 2px 10px #ddd;font-size: 20px;border-radius: 30px;padding: 10px 50px;margin-bottom: 30px;}
.topForm form input[type=submit]:hover{background: #e1ac06}
.topForm form div{background: #de3a21;color: #fff;font-size: 15px;padding: 10px 0;}