﻿body,h1,h4{
	background: #FCFCFC;
	margin:0 auto;
	padding: 0;
	font-family: "microsoft yahei";
	width: 100%;
	
	max-width:1920px; height: 0px;
}
h1,h4{
	background: url(../img/background.png);
}
body{
	width: 100%;
	background: url(../img/background.png) no-repeat;
	background-size: 100% 100%;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header{
	width: 1200px;
	height:110px;
	margin: 0 auto;
	overflow: hidden;
}
.header .logo{
	height: 110px;
	width: 110px;
	background: url(../img/LOGO.png) no-repeat;
	float: left;
}
.header .font{
	height: 110px;
	line-height: 125px;
	width: 530px;
	margin-left: 95px;
	float: left;
	font-family: "microsoft yahei";
	font-weight:900;
	font-size: 36px;
	color: #008edc;
}
.header .phone{
	color: #d8000d;
	font-weight: 400;
	height: 110px;
	width: 300px;
	margin-left: 780px;
	padding-left: 85px;
	font-size: 36px;
	background: url(../img/phone.png) no-repeat 0px 20px;
	line-height: 110px;
}
.navigator{
	height: 680px;
	min-width: 1200px;width: 100%; max-width: 1920px;
	background: url(../img/bg.jpg) no-repeat;
	background-size:100% 100%;
	cursor: pointer;
	background-position:center center; 
	overflow: hidden;
}
.navigator ul{
	width: 1100px;
	overflow: hidden;
	margin-top: 20px;
}
.navigator ul li{
	height: 52px;
	width: 60px;
	font-size: 26px;
	color: white;
	float: left;
	margin-left: 87px;
	cursor: pointer;
	text-align: center;
}
.navigator ul li a{
	text-decoration: none;
	color: white;
}
.navigator ul li:last-child{
	width: 140px;
}
.navigator ul li:first-child{
	border-bottom: 2px solid white;
}
.content{
	width: 100%;
	height: 237px;
	background: #E5E5E5;
}
.content-in{
	width: 1200px;
	height: 100%;
	background: url(../img/centerIn.png) no-repeat;
	margin: 0 auto;
}
.content2{
	width: 100%;
	height: 116px;
	font-family: "microsoft yahei";
	color: #333;
	overflow: hidden;
}
.content2 h1{
	font-size: 50px;
	text-align: center;
	margin-top: 10px;
}
.content2 h4{
	font-size: 36px;
	text-align: center; margin-top: 70px;;
	
}
.content3{
	height: 258px;
	background: #fafafa;
}
.content3 .conterDiv{
	width: 1200px;
	margin: 0 auto;
}
.content3 .conterDiv div{
	width: 276px;
	height: 258px;
	margin-left: 30px;
	float: left;
	border-radius:40px 0px 40px 0px ;
	overflow: hidden;
	color: white;
	letter-spacing: 0px;
	line-height: 30px;
	cursor: default;
}
.content3 .conterDiv div:first-child{
	margin-left: 0px;
}
.content3 .conterDiv div h4{
	text-align: center;
	font-size: 24px;
	margin: 36px auto 17px auto;
}
.content3 .conterDiv div p{
	font-size: 18px;
	font-weight: 900;
	width: 223px;
	margin: 50px auto;
}
.content3 .conterDiv div:nth-child(3){
	color: #242113;
}
.content4{
	width: 100%;
	height: 218px;
}
.content4 .seek{
	width: 267px;
	height: 60px;
	background: #078edb;
	border-radius: 20px;
	text-align: center;
	line-height: 60px;
	color: white;
	font-size: 30px;
	margin: 74px auto;
	cursor: pointer;
}
.condition{
	min-width: 1200px;width: 100%; max-width: 1920px;
	height: 798px;
	background: linear-gradient(to right,#6851ff,#1dc9d5);
	overflow: hidden;
	margin-top:-86px;
}
.condition h1{
	width: 490px;
	background: none;
	color: white;
	text-align: center;
	margin: 50px auto 36px auto;
	font-size: 50px;
}
.conditionCenter{
	height: 99px;
	width: 783px;
	background: #fffff0;
	border-radius: 10px 10px 0 10px;
	margin: 80px auto 0 auto;
	padding-top: 9px;
}
.conditionCenter p{
	width: 700px;
	font-size: 18px;
	font-weight: 900;
	color: #595959;
	line-height: 17px;
	padding-left: 83px;
}
.condition .inputContent{
	width: 1200px;
	height: 444px;
	background: #f4f4f4;
	border-radius: 20px;
	margin: 0 auto;
	overflow: hidden;
	margin-top:35px ;
}
.condition .inputContent h2{
	height: 35px;
	width: 800px;
	text-align: center;
	margin: 0 auto;
	font-size: 36px;
	margin-top: 43px;
	margin-bottom: 32px;
}
.condition .inputContent .input{
	width: 560px;
	margin: 0 auto;
	position: relative;
}
.condition .inputContent .input span{
	display: inline-block;
	width: 122px;
	height: 68px;
	border-right: 2px solid #bbbab3;
	font-size: 30px;
	position: absolute;
	text-align: center;
	line-height: 68px;
	top:127px;
}
.condition .inputContent .input span:first-child{
	top: 16px;
}
.condition .inputContent .input input{
	width: 563px;
	display:block;
	padding-left: 150px;
	height: 94px;
	outline: none;
	font-size: 16px;
	border-radius: 10px;
	border: 2px solid #bbbab3;
	margin-top: 12px;	
	color: #7F7F7F;
}
.condition .inputContent .inputFooter{
	width: 482px;
	height: 57px;
	margin: 30px auto;
}
.condition .inputContent .inputFooter div{
	width: 218px;
	height: 100%;
	background: linear-gradient(to right,#27b9db,#4a82ee);
	border-radius: 10px;
	float: left;
	text-align: center;
	line-height: 57px;
	font-size: 30px;
	color: white;
	cursor: pointer;
}
.condition .inputContent .inputFooter div:last-child{
	float: right;
}
.why{
	width: 1200px;
	margin: 0 auto;
	height: 900px;
	background: url(../img/background.png) no-repeat;
	overflow: hidden;
}
.why h1{
	font-size: 50px;
    margin: 33px auto 116px auto;
    text-align: center;
    color: #333;
}
.why ul{
	width: 1200px;
	height: 537px;
	margin: 0 auto;
}
.why ul li{
	float: left;
	margin-right: 15px;
	width: 285px;
	height: 253px;
	border-radius: 10px;
}
.why ul li h2{
	height: 66px;
	border-radius: 10px 10px 0 0;
	font-size: 36px;
	color: #FFFFFF;
	text-align: center;
	line-height: 66px;
	margin-top: 0px;
}
.why ul li p{
	width: 243px;
    height: 154px;
    font-size: 16px;
    color: #575757;
    padding: 22px 21px;
    padding-top: 10px;
    font-weight: BOLD;
    LINE-HEIGHT: 34PX;
}
.why .submit{
	height: 62px;
	width: 800px;
	overflow: hidden;
	margin: 57px auto 70px auto;
}
.why .submit div{
	height: 62px;
	width: 324px;
	background:url(../img/changer2.png) no-repeat ;
	text-align: center;
	line-height: 62px;
	font-size: 30px;
	color: white;
	cursor: pointer;
}
.why .submit .left{
	float: left;
}
.why .submit .right{
	float: right;
}
.admiral{
	height: 859px;
	min-width: 1200px;width: 100%; max-width: 1920px;
	background: linear-gradient(to right,#086b83,#020b4c);
	overflow: hidden;
}
.admiral h1{
	background: none;
	width: 485px;
	height: 60px;
	font-size: 50px;
	color: white;
	margin: 36px auto 30px auto;
}
.admiral .tapContentDiv{
	width: 1200px;
	height: 638px;
	background: #ffffff;
	margin: 0 auto;
	overflow: hidden;
}
.admiral .tapContentDiv ul{
	height: 115px;
	width: 1152px;
	overflow: hidden;
	margin: 43px auto 0px auto;
}
.admiral .tapContentDiv ul li{
	width:175px ;
	/*height: 100%;*/
	border-radius: 10px 0 10px 0;
	background: #8e8e8e;
	float: left;
	margin-left: 16px;
	font-size: 22px;
	color: white;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	margin-bottom: 11px;
}
.admiral .tapContentDiv ul li:first-child{
	/*margin-left: 0px;*/
	background: #ff7b1c;
}
.admiral .tapContentDiv img{
	display: inline-block;
	width: 1152px;
	margin-left: 23px;
}
.admiral .tapContentDiv .imgAndContent{
	position: relative;
}
.admiral .tapContentDiv .imgAndContent .push{
	height: 62px;
	width: 322px;
	background: #0d8fda;
	position: absolute;
	left: 129px;
    top: 370px;
	border-radius: 20px;
	text-align: center;
	line-height: 62px;
	color: white;
	font-size: 30px;
	cursor: pointer;
}
.famous{
	width: 100%;
	height: 880px;
	background: url(../img/background.png) no-repeat;
}
.famous h1{
	width: 800px;
    font-size: 50px;
    color: #333;
    text-align: center;
    margin: 0px auto 82px auto;
    padding-top: 60px;
}
.famous .jiesao{
	width: 1152px;
	height: 567px;
	margin: 0 auto;
	position: relative;
}
.famous .jiesao .contars{
	width: 927px;
	height:567px;
	margin: 13px auto 0 auto;
	overflow: hidden;
}
.famous .jiesao .introduce{
	width: 1152px;
	height: 532px;
	margin: 0 auto;
	overflow: hidden;
}
.famous .jiesao .introduce .characters{
	width: 606px;
	height: 424px;
	float: left;
	margin-top: 58px;
}
.famous .jiesao .introduce .imgTeacher{
	width: 467px;
	height: 500px;
	float: left;
	margin-top: 32px;
	margin-left:75px;
}
.famous .jiesao .contars .left{
	height:63px;
	width: 323px;
	float: left;
	background: url(../img/changer2.png) no-repeat;
	text-align: center;
	font-size: 30px;
	line-height: 60px;
	cursor: pointer;
}
.famous .jiesao .contars .right{
	height:63px;
	width: 323px;
	float: right;
	background: url(../img/changer2.png) no-repeat;
	font-size: 30px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	
}
.CPA{
	min-width: 1200px;width: 100%; max-width: 1920px;
	height: 780px;
	background: linear-gradient(to right,#037cb5,#020935);
	overflow: hidden;
}
.CPA h1{
	font-size: 50px;
	height:44px;
	width: 478px;
	color: white;
	background: none;
	text-align: center;
	margin: 60px auto 40px auto;
}
.CPA .data{
	width: 1200px;
	height: 673px;
	margin: 0 auto;
}
.CPA .data img{
	/*width: 100%;
	height: 100%;*/
}
.immediately{
	width: 100%;
	height: 467px;
	background: url(../img/background.png) no-repeat;
}
.immediately h1{
	height: 50px;
	width: 665px;
	font-size: 50px;
	color: #787373;
	margin: 60px auto 56px auto;
}
.immediately .inputSubmit{
	width: 1152px;
	height: 90px;
	margin: 0 auto;
	position: relative;
}
.immediately .inputSubmit input{
	width: 350px;
	height: 90px;
	font-size: 20px;
	outline: none;
	border-radius: 10px;
	border: 1px solid #bbbab3;
	margin-left: 20px;
	padding-left: 120px;
	color: #7F7F7F;
	line-height: 90px;
}
.immediately .inputSubmit input:first-child{
	margin-left:0 ;
}
.immediately .inputSubmit span{
	font-size: 30px;
	color: #676767;
	position: absolute;
	top: 20px;
	width: 98px;
	height: 60px;
	border-right: 2px solid #e0e0e0;
	line-height: 60px;
	text-align: center;
	left: 773px;
}
.immediately .inputSubmit span:nth-child(1){
	left:20px ;
}
.immediately .inputSubmit span:nth-child(3){
	left:396px ;
}
.tijiao{
	width: 1100px;
	height: 93px;
	background: #11ad2b;
	border-radius: 30px;
	margin: 40px auto 0 auto; 
	font-size: 30px;
	color: white;
	text-align: center;
	line-height: 93px;
	cursor: pointer;
}
.characters p:first-child{
	color: #3368ff;
	font-size: 36px;
}
.characters p span[class*=b]{
	color: #3368ff;
	font-weight: 900;
}
.characters p{
	color: #666666;
	font-size: 23px;
	line-height: 44px;
	margin: 0;
	padding: 0;
}
.imgTeacher{
	/*background:url(../img/dise.png) no-repeat ;*/
}
.imgTeacher img{
	margin: 1%;
	height: 98%;
	width: 98%;
	vertical-align: middle;
}
.jiantou{
	width:1267px;
	position: absolute;
	left: -59px;
	top: 611px;
	height: 50px;
	overflow: hidden;
}
.jiantou .left{
	width: 50px;
	height: 50px;
	background: url(../img/多边形1拷贝2.png) no-repeat 0px 0px;
	background-size: 1382px 50px;
	float: left;
	
}
.jiantou .right{
	float: right;
	width: 50px;
	height: 50px;
	background: url(../img/多边形1拷贝2.png) no-repeat -1332px 0px;
	background-size: 1382px 50px;
	cursor: pointer;
}

.hp{  width: 1200px;  margin: 0 auto;  height: 0px; padding-bottom: 15%;margin-top:50px; }
		.hp ul{ text-decoration: none;  width: 100%; padding: 0px; margin: 0px;}
		.hp ul li{ width: 276px;  background: #9595c6; margin: 0px;  0px; height: 0px; padding-bottom: 22%; float: left; display: initial;    border-radius: 0 40px 0 40px ;}
		.hp ul .li{ width: 276px;background: #00a8ec;  margin: 0px;  height: 0px; padding-bottom: 22%; float: left; display: initial;}
		.li_top{ width: 100%; height: 0px;  padding-bottom: 30%;}
		.li_cont{ width: 100%; height: 0px; padding-bottom: 15%;}
		.li_cont h2{ text-align: center; color: #FAFAFA; font-size: 24px; }
		.li_boot{ width: 100%; height: 0px;  padding-bottom: 43%;}
		.li_boot h4{ width: 80%; margin: 0 10%;; display: block; text-align:left; color: #FAFAFA; font-size: 18px; line-height: 30px;}
		
		.footer{width: 100%; max-width: 1920px; min-width: 1200px;  margin: 0 auto; height: 400px; background:#282828;}
		.footer_nr{width: 100%; max-width: 1200px;  margin: 0 auto;  height: 0px; padding-bottom: 20%; }
		.footer_nr_top{width: 100%; max-width: 1200px;  margin: 0 auto; height300px;border-bottom: 1px #434343 solid;}
			.footer_nr_top ul{ width: 100%; text-decoration: none; margin: 0px; padding: 0px;overflow: hidden;padding-top: 20px; }
			.footer_nr_top ul li{; width: 22%; list-style:none;float: left; height: 0px; padding: 0 0 19.5% 0;}
			.footer_nr_top ul li h2{ margin: 25% 0 0 0; padding: 0px; text-align: center; color: #F4F4F4;font-size: 30px;font-weight: 400;}
			.footer_nr_top ul p{margin: 7% 0; padding: 0px; text-align: center; color: #F4F4F4;color: #6b6b6b} 
			.footer_nr_top ul .li{ width: 17%; list-style:none; float: left;  height: 0px; padding-bottom:0 0 19.5% 0;}
		.footer_nr_boot{width: 100%; max-width: 1200px;  margin: 0 auto;  height: 0px; padding-bottom: 12%; }
		.footer_nr_boot ul{ width: 100%; padding: 0px; text-decoration: none;    }
		.footer_nr_boot ul li{ color: #6b6b6b;  margin: 1% 0; width: 39%; float: left;list-style: none;  padding: 0.3% 0;font-size: 14px;}
		.footer_nr_boot ul .li{ width: 30%; float: left;  padding: 0.3% 0;}
		.footer_nr_boot ul .li1{ width: 25%; float: right;  padding: 0.3% 0;}
		.footer_nr_boot ol{ width: 100%; padding: 0px; text-decoration: none;}
		.footer_nr_boot ol li{ color: #6b6b6b; width: 54%; float: left;list-style: none;  padding: 0.3% 0;font-size: 14px;}
		.footer_nr_boot ol .li{ width: 30%; float: right;padding: 0.3% 0;}
	/*@media only screen and (max-width:1500px ) {
		.footer{width: 100%; max-width: 1920px; min-width: 1200px;  margin: 0 auto;  height: 0px; padding-bottom: 50.5%; background:#282828;}
	}*/
.mstx img:hover{
				border: 2px solid #f09450;
				border-radius: 50%;
}
.xian{
	height: 14px;
	width: 1px;
	background-color: #696969;
	display: inline-block;
	float: left;
	margin-top: 20px;
}
ol .xian{
	height: 14px;
	width: 1px;
	background-color: #696969;
	display: inline-block;
	float: left;
	margin-top: 8px;
}
.ckry h4 {
    text-align: center;
    font-size: 54px;
    margin: 36px
}


.box_in{
		
		width: 1200px;
    margin: auto;
	    height: 570px;
	}
	.box_in h1{
	        font-size: 50px;
    height: 104px;
    width: 558px;
    color: #333;
    background: none;
    text-align: center;
    margin: 0px auto 40px auto;
	}
	
	
	.CZX {
    min-width: 1200px;
    width: 100%;
    max-width: 1920px;
    
    background: linear-gradient(to right,#037cb5,#020935);
    overflow: hidden;
}
.CZX h1{
	font-size: 50px;
	height:44px;
	width: 478px;
	color: white;
	background: none;
	text-align: center;
	margin: 60px auto 40px auto;
}
.CZX .data{
	width: 1200px;
	height: 673px;
	margin: 0 auto;
}



	.main {
    width: 1200px;
    margin: 0 auto;
}

	.fl {
    float: left;
}
	.xyxs{height: 908px;text-align: center; width: 100%;margin-top: 18px;}
.xyxs h3{color: #333;line-height: 118px;height: 118px;font-size: 50px;}
.kuang{width: 374px;height: 228px;background: #fff;border-radius: 8px;position: relative;}
.xyxs p{float: left;height:100px;width: 38px;}
.xytx{position: absolute;width: 69px;height: 69px;border-radius: 34px;background: #dadada;top:12px;left:31px;}
.kuang span{font-size: 20px;position: absolute;left: 119px;top:34px;}
.kuang  a{font-size: 14px;line-height:24px;position: absolute;top:92px;left:25px;width:310px;text-align: left;}

		.ckry {
			text-align: center;
			height: 320px;
		}
		
		.ckry h3 {
			font-size: 47px;
			line-height: 197px;
			text-align: center;
			color: #666;
			background: url("img/line11.png");
			background-position: center;
			background-repeat: no-repeat;
		}
		
		.boxry {
			overflow: hidden;
			width: 1200px;
			margin: 0 auto;
			height: 192px;
			position: relative;
			margin-top: 116px;
		}
		
		.boxry img {
			width: 300px;
			height: 192px;
			position: absolute;
			top: 0;
			border: 1px solid #aaa;
		}
		
		
		
		
	
	.swiper2{    height: 330px;}
	
	.swiper2 h2{
        color: #000000;
        text-align: center;
        font-size: 34px;
        padding-top: 60px;
    }
    .swiper2 .swiper-wrapper{
        height: 80% !important
    }
    .swiper2 .swiper-container {
        width: 100%;
        height: 100%;
        margin: 0px auto !important;
        position: relative !important;
        overflow: hidden !important;
        list-style: none !important;
        padding: 90px 0 !important;
        z-index: 1 !important;
    }

    .swiper2 .swiper-container .swiper-slide {
        background: #fff;
        transform-style: perserve-3d;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        transform: scale(1);
    }
    .swiper2 .swiper-container .swiper-slide-active, .swiper2 .swiper-container .swiper-slide-duplicate-active{
        transform: scale(1.5) !important;
        outline: none !important;
        border: none !important;
        z-index: 10 !important;
    }
    .swiper2 .swiper-container .swiper-slide-prev,.swiper2 .swiper-container .swiper-slide-next{
        transform: scale(1.2) !important;
        outline: none !important;
        border: none !important;
        z-index: 8 !important;
    }
    .swiper2 .swiper-container .swiper-slide img{
        width: 100%;
        border-radius: 10px;
        outline: none;
    }
	
	