@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none;border: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"());}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none} 
input[type="submit"],input[type="button"]{ cursor:pointer; }
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor: pointer; color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"΢ÈíÑźÚ";font-size:12px;color:#000;-webkit-appearance: none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
html{overflow-x: hidden;}
.clear{clear: both;}
body{position: relative;font-family: '微软雅黑',Arial;background: #f7f7f7;}



@font-face{
	font-family: times;
	src:url("../font/times.ttf");

}




.back-code{width: 1400px; margin: 25px auto;background: #fff;padding:4% 0%;}
.code_box{width: 1000px; margin: 0 auto;}
.code_box .text span{display: block;float: left; color: #666666;font-size: 14px;margin-right: 12px;}
.code_box .text .sp1{font-size: 14px;color: #666666;font-weight: bold;}
.code_box .text a{font-size: 14px; color: #00a1e9;}

.code_box .code{width: 1000px; margin: 1% auto  1% auto;}

.code_box .code .mb{overflow: hidden;clear: both;}
.code_box .code .mb input{width: 66%;height: 70px;padding:0px 1%; float: left;background: #f7f7f7;}
.code_box .code .mb .submit{width: 30%;padding: 0;float:right;background: #00a1e9;font-size: 18px; color: #fff;font-weight: bold;font-family: '微软雅黑';}


.code_box .code .mt{clear:both;overflow: hidden;margin-top: 6%;}
.code_box .code .mt li{margin-right: 3%; font-size: 14px;color: #333333; width: 20%;padding: 2.5% 0%;list-style-type: none;float: left;background: #f7f7f7;text-align: center;cursor: pointer;}
.code_box .code .mt li input{display: none;}

.code_box .code .mt li.on{background: #00a1e9;color: #fff;}
.code_box .code .pic{margin-top:4%;}
.code_box .code .pic img{margin: 0 auto;display: block;}
.code_box .code .pic span{display: block;text-align: center;margin-top: 2%;font-size: 14px; color: #333333;font-weight: bold;}

.code_box .code .mb input{font-size:3rem; }
@media screen and (max-width: 1440px){

.back-code{width: 1200px; margin: 25px auto;background: #fff;padding:4% 0%;}
.code_box .code .mb input{font-size:3rem; }

}

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

.back-code{width: 100%; margin: 25px auto;background: #fff;padding:4% 0%;}
.code_box{width: 90%;margin: 0 auto; }
.code_box .code{width: 100%; }
.code_box .code .mb input{height: 40px;line-height: 40px;}
.code_box .code .mt{margin-top: 3%;}
.code_box .code .mt li{padding: 1.5% 0;}

.code_box .code .mb input{font-size:2.2rem; }
}
@media screen and (max-width: 768px) {
.code_box .code{    margin: 3% auto 1% auto;}
.code_box .code .mb .submit{font-size: .3rem;}
.code_box .code .mt li{padding: 1.5% 0;width: 5.5rem;}
.code_box .code .pic img{margin: 0 auto;display: block;width: 36%;}

.code_box .code .mb input{font-size:1.5rem; }
}



.iti{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; }

.boon1{width: 100%;height: 1000px;background-repeat: no-repeat; background-position: center center;overflow: hidden;}
.boon1 .txt{width: 910px; margin: 0 auto;overflow: hidden;}
.boon1 .txt .text {float: left;width: 50%;margin-top: 43%;}
.boon1 .txt .text h5{font-family: times;font-size: 120px;color: #fff;}
.boon1 .txt .text i{width: 40%;height: 4px;background: #fff;display: block;}
.boon1 .txt .text span{display: block;color: #fff;font-size: 25px;margin-top: 3%;}
.boon1 .txt .text a{font-weight: bold;margin-top: 3%; width: 30%;padding: 2% 0;background: #e12c33;text-align: center;color: #fff;display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.boon1 .txt .pic{float: right;width: 50%;}

.boon2{background: #f5f4f2;height: 968px;background-repeat: no-repeat; background-position: center center;overflow: hidden;}
.boon2 .txt{overflow: hidden;width: 73%;margin: 0 auto;overflow: hidden;}
.boon2 .txt .text{margin-top: 14%;width: 30%;float: left;padding-left: 20%;}
.boon2 .txt .text span{font-size: 75px; color: #201e1f;}
.boon2 .txt .text span em{color: #e59d0e;margin-right: 1%;}
.boon2 .txt .text h5{font-size: 37px;color: #000;}
.boon2 .txt .text i{display: block;width: 35%;height: 4px; background: #000;margin: 1% 0;}
.boon2 .txt .text p{width: 70%;line-height: 35px;font-size: 14px;color: #000;}
.boon2 .txt .text ul{overflow: hidden;width:100%;margin-top: 3%;}
.boon2 .txt .text ul li{    width: 20%;float: left;margin-right: 5%;margin-bottom: 5%;}
.boon2 .txt .text ul li img{width: 100%;}
.boon2 .txt .text ul li>span{font-size: 12px;display: block;text-align: center;margin-top: 10%;}
.boon2 .txt .pic{float: right;width: 50%;}
.boon2 .txt .pic img{width: 84%;float: right;}



.boon3{height: 968px;background-repeat: no-repeat; background-position: center center;overflow: hidden;}
.boon3 .pic{float: right;margin-top: 2%;width: 50%;}
.boon3 .pic  img{width: 100%;}
.boon3 .text{float: left;width: 20%;    margin-top: 13%;margin-left: 25%;}
.boon3 .text span{color: #201e1f;font-size: 67px;width: 100%;display: block;}
.boon3 .text span em{color: #d73673;font-size: 78px;margin-right: 1%;}
.boon3 .text h5{color: #453c46;font-size: 28px;margin: 2% 0;}
.boon3 .text p{font-size: 16px; color: #453c46;}
.boon3 .text .xx-xx{overflow: hidden;}
.boon3 .text .xx-xx h4{float: left;color: #d73673;font-size:70px;}
.boon3 .text .xx-xx h4 sub{font-size: 40px;}
.boon3 .text .xx-xx h3{font-size: 30px;color: #000000;float: left; line-height: 92px;}


.boon4{background: #f6feff;height: 968px;background-repeat: no-repeat; background-position: center center;overflow: hidden;position: relative;}
.boon4 .pic{width: 1200px;margin: 0 auto;}
.boon4 .pic img{width: 100%;}
.boon4 .text{position: absolute;top: 14%;left: 21%;width: 40%;}
.boon4 .text span{font-size: 80px;color: #ea3694; font-family: times; }
.boon4 .text span em{color: #201e1f;margin-right: 2%;}
.boon4 .text h5{font-size: 22px; color: #000000;display: block;margin: 2% 0;}
.boon4 .text p{font-size: 16px; color: #453c46;display: block;margin-bottom: 2%;}



.boon5{background: #ffded5;height: 968px;background-repeat: no-repeat; background-position: center center;overflow: hidden;position: relative;}
.boon5 .pic{width: 1200px;margin: 0 auto;padding-top: 10%;  }
.boon5 .text{text-align: center;color: #201e1f;}
.boon5 .text span{display: block;font-size:72px;}
.boon5 .text p{font-size: 45px;margin-top: 1%;display: block;}
.boon5 .text em{font-size: 23px;margin-top: 1%;display: block;}


.boon6{width: 100%;padding:5% 0;background: #f0e6eb;}
.boon6 h5{font-size: 32px;color: #821698;text-align: center;display: block;}
.boon6 span{font-size: 20px; color: #000000;display: block;text-align: center;margin-top: 1%;}
.boon6 p{font-size: 16px;color: #000;text-align: center;display: block;text-align: center;margin-top: 1%;}


.boon11{width: 100%;height: 1920px;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}

.boon11 .text01{width: 36%;float: right;margin-top: 15%;margin-right: 21%;}
.boon11 .text01 h5{font-size: 90px; color: #201e1f;font-family: times;text-align: right;}
.boon11 .text01 span{font-size: 30px; color: #333;display: block;text-align: right;margin-top: 2%;}
.boon11 .text01 p{font-size: 20px; color: #333;text-align: right;margin-top: 2%;}

.boon11 .text02{position: absolute;bottom: 24%;left: 21%;}
.boon11 .text02 span{color: #333;font-size: 50px;font-family: times;display: block;margin-top: 2%;}
.boon11 .text02 span em{color: #d73673;font-size: 50px;margin-right: 1%;;margin-left: 1%;}



.boon12{overflow: hidden; width: 100%; height: 1069px;background: url(../images/12.png) center center no-repeat;background-size: cover;}
.boon12 .text{width: 50%;margin: 8% auto 0 auto;overflow: hidden;}
.boon12 .text span{display: block;float: left;color: #201e1f;font-family: times;font-size: 100px;}
.boon12 .text .txt{float: left;margin-top: 4%;margin-left: 2%;}
.boon12 .text .txt p{font-size: 30px; color: #000000;}
.boon12 .text .txt em{font-size: 16px; color: #000000;margin-top: 1%;display: block;}
.boon12 .pic{width: 1200px; margin: 0 auto;}
.boon12 .pic img{width: 100%;}


.boon13{
		position: relative;
		overflow: hidden;
		height: 860px;
		background: -webkit-linear-gradient(#f5f5f5,#f5f5f5, #eeeeee,#f5f5f5); 
  		background: -o-linear-gradient(#f5f5f5,#f5f5f5, #eeeeee,#f5f5f5); 
  		background: -moz-linear-gradient(#f5f5f5,#f5f5f5, #eeeeee,#f5f5f5);
  		background: linear-gradient(#f5f5f5,#f5f5f5, #eeeeee,#f5f5f5); 
	}

.boon13 .text{ margin: 0 auto 0 auto;width: 100%;padding-top: 7%;}
.boon13 .text span{text-align: center;font-size: 30px; color: #453c46;width: 100%;display: block;}
.boon13 .text span em{font-family: times;font-size: 40px;color: #28a1e8;}
.boon13 .text p{color: #453c46;font-size: 16px;display: block;text-align: center;margin-top: 1%;}
.boon13 .pic{width: 50%;margin: 4% auto 0 auto;}
.boon13 .pic img{width: 100%;}


.boon7{height: 960px;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;width: 100%;}
.boon7 .text{margin-top: 4%;}
.boon7 .text span{display: block;font-size: 35px;color: #333;text-align: center;margin: .5% 0;}
.boon7 .text p{text-align: center;font-size: 22px;display: block;margin-top: 1%;}
.boon7 ul {width: 41%;margin: 4% auto 0 auto;overflow: hidden;}
.boon7 ul li{float: left;position: relative;}
.boon7 ul .w01{}
.boon7 ul .w01 div{width: 281px; height: 363px;background: url(../images/wacth01.png) no-repeat;display: block;}
.boon7 ul .w01 .i01{width: 17px; height: 18px;position: absolute;top: 52%;left: 21%;}
.boon7 ul .w01 .i02{width: 17px; height: 18px;position: absolute;top: 19%;left: 46%;animation:speed .5s;animation-iteration-count:infinite;}
.boon7 ul .w01 span{font-size: 30px; color: #4c7fd3;display: block;text-align: center;font-weight: bold;}
.boon7 ul .w01 em{font-size: 20px; color: #4c7fd3;display: block;text-align: center;font-weight: bold;}
.boon7 ul .w02 {float: right;}
.boon7 ul .w02 div{width: 281px; height: 363px;background: url(../images/wacth02.png) no-repeat;position: relative;}

.boon7 ul .w02 i{opacity:0}
.boon7 ul .w02 .i01{width: 17px; height: 18px;position: absolute;top: 28%;left: 66%;animation:myseed 2.4s;animation-delay:.1s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i02{width: 17px; height: 18px;position: absolute;top: 37%;left: 75%;animation:myseed 2.4s;animation-delay:.2s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i03{width: 17px; height: 18px;position: absolute;top: 47%;left: 78%;animation:myseed 2.4s;animation-delay:.3s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i04{width: 17px; height: 18px;position: absolute;top: 58%;left: 75%;animation:myseed 2.4s;animation-delay:.4s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i05{width: 17px; height: 18px;position: absolute;top: 67%;left: 63%;animation:myseed 2.4s;animation-delay:.5s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i06{width: 17px; height: 18px;position: absolute;top: 71%;left: 47%;animation:myseed 2.4s;animation-delay:.6s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i07{width: 17px; height: 18px;position: absolute;top: 68%;left: 29%;animation:myseed 2.4s;animation-delay:.7s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i08{width: 17px; height: 18px;position: absolute;top: 59%;left: 18%;animation:myseed 2.4s;animation-delay:.8s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i09{width: 17px; height: 18px;position: absolute;top: 48%;left: 14%;animation:myseed 2.4s;animation-delay:.9s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i010{width: 17px; height: 18px;position: absolute;top: 37%;left: 17%;animation:myseed 2.4s;animation-delay:1s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i011{width: 17px; height: 18px;position: absolute;top: 27%;left: 28%;animation:myseed 2.4s;animation-delay:1.1s;animation-iteration-count:infinite;}
.boon7 ul .w02 .i012{width: 17px; height: 18px;position: absolute;top: 23%;left:47%;animation:myseed 2.4s;animation-delay:1.2s;animation-iteration-count:infinite;}

.boon7 ul .w02 span{font-size: 30px; color: #ba6525;display: block;text-align: center;font-weight: bold;}
.boon7 ul .w02 em{font-size: 20px; color: #ba6525;display: block;text-align: center;font-weight: bold;}


@keyframes speed
{

	0%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes myseed
{

	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 1;}
}





@media screen and (max-width: 1440px){
	.boon2 .txt .text{margin-top: 5%;}
	.boon2 .txt .text{padding-left: 6%;    width: 36%;}
	.boon2 .txt .text p{width: 100%;}
	.boon11{height: 1440px;}

	.boon11 .text01{    margin-right: 11%;    margin-top: 11%;}
	.boon7 ul{width: 60%;}

}
	





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


.boon1{height: 780px;overflow: hidden;}
.boon1 .txt{width: 80%;overflow: hidden;}
.boon1 .txt .text{margin-top: 25%;}
.boon1 .txt .pic{float: right;width: 50%;}
.boon1 .txt .pic img{width: 90%;}

.boon2{height: 780px;overflow: hidden;}
.boon2 .txt{width: 80%;}
.boon2 .txt .pic{width: 55%;}
.boon2 .txt .text{padding-left: 0;}
.boon2 .txt .text span{font-size: 65px;}
.boon2 .txt .text h5{font-size: 27px;}


.boon3{height: 780px;overflow: hidden;}
.boon3 .text{    margin-left: 9%; width: 33%;}


.boon4{height: auto;overflow: hidden;}
.boon4 .pic{width: 85%;}
.boon4 .text{position: static;width: 100%;}
.boon4 .text span{text-align: center;display: block;width: 100%;}
.boon4 .text h5{text-align: center;}
.boon4 .text p{text-align: center;}

.boon5{height: 780px;}
.boon5 .pic{width: 98%;}
.boon5 .pic img{width: 100%;}
.boon5 .text p{font-size: 35px;}
.boon5 .text em{font-size: 18px;}

.boon11{height: 1000px;}
.boon11 .text01 {
    margin-right: 9%;
    margin-top: 10%;
}
.boon11 .text01 h5{font-size: 70px;}
.boon11 .text01 span{font-size: 22px;}
.boon11 .text01 p{font-size: 14px;}
.boon11 .text02{bottom: 22%;}
.boon11 .text02 span{font-size: 33px;}
.boon11 .text02 span em{font-size: 33px;}

.boon12{height: 780px;}
.boon12 .text{width: 75%;}
.boon12 .pic{width: 80%;}

.boon13{    height: 516px;}
.boon13 .pic{width: 75%;}


.boon7{height: 780px;}
.boon7 ul{width: 80%;}

	
}


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

	.boon1{height:8rem;overflow: hidden;}
	.boon1 .txt .text{float: none;}
	.boon1 .txt .pic{float: none;}
	.boon1 .txt .text{margin: 0;width: 100%;}
	.boon1 .txt .text h5{font-size: .75rem;display: block;text-align: center;}
	.boon1 .txt .text i{margin: 0 auto;}
	.boon1 .txt .text span{text-align: center;font-size: .25rem;}
	.boon1 .txt .text a{margin: 2% auto;    width: 35%;}
	.boon1 .txt .pic{    width: 40%;text-align: center;margin: 2% auto 0 auto;}

	.boon2 {height: 13rem;}
	.boon2 .txt .text{float: none;width: 100%;}
	.boon2 .txt .pic{float: none;}
	.boon2 .txt .text{text-align: center;}
	.boon2 .txt .text span{font-size: .4rem;}
	.boon2 .txt .text h5{font-size: .2rem;text-align: center;}
	.boon2 .txt .text i{margin: 2% auto;}
	.boon2 .txt .text p{font-size: .18rem;text-align: center;line-height:.55rem;}
	.boon2 .txt .text ul{width: 80%;margin: 2% auto;}
	.boon2 .txt .text ul li>span{font-size:  .2rem;    white-space: nowrap;overflow: hidden;  text-overflow: ellipsis;}
	.boon2 .txt .pic{width: 100%;}
	.boon2 .txt .pic img{width: 41%;margin: 0 auto;display: block;float: none;}


	.boon3{height:8rem;overflow: hidden;}
	.boon3 .pic{    margin-top: 28%;}
	.boon3 .text {width: 40%;}
	.boon3 .text span{font-size: .4rem;}
	.boon3 .text span em{font-size: .4rem;}
	.boon3 .text h5{font-size: .35rem;}
	.boon3 .text p{font-size: .3rem;}
	.boon3 .text .xx-xx h4{float: none;font-size: .4rem;}
	.boon3 .text .xx-xx h4 sub{font-size: .3rem;}
	.boon3 .text .xx-xx h3{line-height: .5rem;font-size: .4rem;}


	.boon4{height:auto;overflow: hidden;padding-bottom: .2rem;}
	.boon4 .text span{font-size: .45rem;}
	.boon4 .text h5{font-size: .24rem;}
	.boon4 .text p{font-size: .2rem;}
	

	.boon5{height: auto;padding-bottom: .3rem;}
	.boon5 .text span{font-size: .6rem;}
	.boon5 .text p{font-size:.25rem; }
	.boon5 .text em{font-size: .2rem;}


	.boon6{padding: 3% 0;}
	.boon6 h5{font-size: .3rem;}
	.boon6 span{font-size: .2rem;}
	.boon6 p{font-size:.18rem;}

	.boon11{height: 10rem;}
	.boon11 .text02{left:14%}
	.boon11 .text01{  width: 51%;}
	.boon11 .text01 h5{font-size: .5rem;  }
	.boon11 .text01 span{font-size: .26rem;}
	.boon11 .text01 p{font-size: .22rem;}
	.boon11 .text02 span{font-size: .35rem;}
	.boon11 .text02 span em{font-size: .35rem;}


	.boon12{height:7rem;}
	.boon12 .text{width: 95%;margin: 4% auto 0 auto;}
	.boon12 .pic{width: 80%;}
	.boon12 .text span{font-size: 1rem;float: none;width: 100%;text-align: center;}
	.boon12 .text .txt p{font-size: .3rem;}
	.boon12 .text .txt{margin-top: 0%;float: none;width: 100%;text-align: center;margin-bottom: 2%;}
	.boon12 .text .txt em{font-size: .2rem;}

	.boon13{height: 6rem;}
	.boon13 .text{top: 7%;}
	.boon13 .text span{font-size: .35rem;}
	.boon13 .text span em{font-size: .45rem}
	.boon13 .text p{font-size: .26rem;}
	.boon13 .pic{width: 95%;}


	.boon7{height: 8rem;}
	.boon7 .text span{font-size: .3rem;}
	.boon7 .text p{font-size: .24rem;}
	.boon7 ul li{width: 40%;}
	.boon7 ul .w01 div{width: 100%; height: 3.63rem;background-size: 100% 3.63rem;}
	.boon7 ul .w01 .i02{width: 10%;height: auto;top: 16%;}
	.boon7 ul .w01 .i01{width: 10%;height: auto;top:42%;}
	.boon7 ul .w01 .i02 img{width: 100%;}
	.boon7 ul .w01 .i01 img{width: 100%;}

	.boon7 ul .w01 span{font-size: .3rem;}
	.boon7 ul .w01 em{font-size: .2rem;}

	.boon7 ul .w02 div{width: 100%;height: 3.63rem;background-size: 100% 3.63rem;}
	.boon7 ul .w02 .i01,
	.boon7 ul .w02 .i02,
	.boon7 ul .w02 .i03,
	.boon7 ul .w02 .i04,
	.boon7 ul .w02 .i05,
	.boon7 ul .w02 .i06,
	.boon7 ul .w02 .i07,
	.boon7 ul .w02 .i08,
	.boon7 ul .w02 .i09,
	.boon7 ul .w02 .i010,
	.boon7 ul .w02 .i011,
	.boon7 ul .w02 .i012{width: 9%;height: auto;}
	.boon7 ul .w02 i img{width: 100%;}
	.boon7 ul .w02 .i012{top: 21%;left: 46%;}
	.boon7 ul .w02 .i011{top: 27%;left: 26%;}
	.boon7 ul .w02 .i01{
			top: 25%;
		    left: 64%;
	}
	.boon7 ul .w02 .i02{
			    top: 35%;   left: 73%;
	}
	.boon7 ul .w02 .i03{left: 76%}
	.boon7 ul .w02 .i04{left: 70%}
	.boon7 ul .w02 .i05{left: 60%}
	.boon7 ul .w02 .i06{left: 69%;left: 45%;}

	.boon7 ul .w02 span{font-size: .3rem;}
	.boon7 ul .w02 em{font-size: .2rem;}

}