@charset "gb2312";
html {font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
* ,::before,::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent;}
a:active,a:hover{outline:0;text-decoration:none;}
li{list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
img { border:0;-webkit-touch-callout:none; vertical-align: middle; display:block}
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
input,textarea{ border:0; outline: none; resize: none; -webkit-appearance: none;}
.all-wrap p {font-size: 2.6rem; text-align: justify; text-justify: inter-ideograph; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.transformX{-webkit-transform:translateX(-50%);transform: translateX(-50%);-moz-transform: translateX(-50%)}
.middle{ display:inline-block; vertical-align:middle}
.wrap { width: 100%; margin: 0 auto; max-width: 640px; min-width: 320px; }
 h1{ color:#3a3a3b; font-size:4rem; text-align:center; margin:6% 0 5%;}

.content1 .contain1 .containLeft{ width:57%; margin:2% 0  0 2%}
.content1 .contain1 .containLeft h2{font-size:3.4rem; color:#594ba7; }
.content1 .contain1 .containLeft h2 span{ width:3.2rem; height:3.2rem; border-radius:50%; background:#594ba7; color:#fff; display:inline-block; text-align:center; line-height:3rem; margin-right:1rem;}
.content1 .contain1 .containRight{ width:41%}
.content1 .contain1 .containLeft  p{ color:#3a3a3b; font-size:2.5rem; margin:3% 0 4%;}
.content1 .contain2{ color:#fff; background:#594ba7; width:96%; margin:-4% auto 0; z-index:2; position:relative;}
.content1 .contain2 h2{ font-size:3rem;  line-height:3; display:inline-block; text-align:center; width:100%}
.content1 .contain2 .left{ width:47.8%}
.content1 .contain2 .right{ width:47.8%; margin-left:3%}
.content1 .contain2 { padding:0 3% 4%; box-shadow:0px 18px 80px rgba(89, 75, 167, 0.49)}

.btn{ width:73.7%; padding:3% 0; margin:8% auto 7%; background:#fe3808; display:block; text-align:center; line-height:2; font-size:3rem; color:#fff; border-radius:50px;}

.content2 .bg{ background:#453566;}
.content2 .bg .contain1{ width:94.3%;/* left:50%;  */  background:#fff;padding:0 4% 0; margin:-25% auto 0;}
.content2 .bg .contain1 h2,.h1{ color:#282829; font-size:4rem; text-align:center; line-height:4}
.content2 .bg .contain2 .txt{ bottom:6%; width:90%; left:50%; color:#fff; margin:0 auto;} 
.content2 .bg .contain2 .txt h3{ font-size:2.4rem; text-align:center; line-height:2;} 
.content2 .bg .contain2 .txt p{ font-size:2.2rem; line-height:1.7;}
.content2 .contain2 .colo{display:block; background:#594ba7; width:100%; padding-bottom:3%}


.content3 .wit{width:94.3%; top:0; background:#fff; height:7%; left:50%}
.content3 h2{ text-align:center; width:100%; top:15%; font-size:4rem; color:#052633;}
.content3 .btn{ left:50%; bottom:0%}


.content4{ background:#f6f5ff; padding-bottom:4%}
.content4 h1{padding:6% 0 5%; margin:0}
.content4 .superiority{ width:95.3%; margin:0 auto; font-size:2.2rem;}
.content4 .superiority .super1{ width:48.5%; border:1px solid #9d93da;}
.content4 .superiority .super2{ width:48.5%; margin-left:1%; color:#3e3f40;border:1px solid #9d93da;}
.content4 .superiority .colo{ width:100%;  background:#fff; display:block; padding:5% 0; line-height:1.7;}
.content4 .superiority .colo2{ width:100%;  margin:0 auto;display:block; text-align:center; font-size:2rem; }
.content4 .superiority2{ width:100%; margin:0 auto;}
.content4 .superiority2 .super2{ margin:4% auto 0;}

.content5{ height:15rem; padding-top:2%}
.content5 .center{ width:96%; margin:0 auto; height:100%}
.bigbox{ left:0; top:0; height:100%; width:96%; left:50%; transform:translateX(-50%)}
.content5 .zj{ width:100%; margin:0 auto; overflow:hidden}
.zj img{ display:block; }
.zj .bd{width:95%;margin:0 auto;}
.zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:5%;left:0 }
.zj .hd li { width: 31%; height: 25px; line-height:25px;background: #bebfbf; display: inline-block; overflow:hidden; color:#fff;}
.zj .hd li { font-size:2.2rem;}
.zj .hd  .on{ background: #5f5a90; color:#fff;}
.li2{ margin: 0 1%;}
.smallBox{top:190%;  left:50%; transform:translateX(-50%); width:80%;}
.smallBox ul li{ width:25%; margin-left:4%; border-radius:50%;  position:relative}

.smallBox ul li .current{  width:100%; height:100%; position:absolute; background:#000; top:0 ; left:0; border-radius:50%; filter:alpha(opacity=60);opacity:0.6}
.smallBox ul li  .bg{ width:100%; height:100%;  position:absolute;}
.smallBox ul li img{ border-radius:50%; box-shadow:0px 0px 27px #b6ccf7}

.content6{ padding-top:70%}
.content6  .contain{ background:#ffb5ca;}
.content6  .contain .zj{ margin:5% auto 0; padding:0 10%}
.content6  .contain h2{ font-size:14rem; color:#161616; text-align:center; padding-top:5%}
.content6  .contain h3{ color:#161616; font-size:5rem; text-align:center}


 .content6 .prev,
 .content6 .next { width:23px; height:34px;background: url(../images/left.jpg) no-repeat center; position: absolute; top: 40%; transform:translateY(-50%);z-index: 10; cursor: pointer;}
 .content6 .prev { left:4% }
.content6 .next {  right:4%;background: url(../images/right.jpg) no-repeat center; }
.content6  .btn2{ border:2px solid #3c3c3c; line-height:1.7; color:#3c3c3c; font-size:3rem;  background:#ffef5f url(../images/btn3.jpg) no-repeat center right 6%; padding-right:8%}

.content7{color:#fff; text-align:center;}
.content7  .title{ top:4%;width:100%; text-align:center; z-index:4;}
.content7 h2{ font-size:5.9rem;}
.content7 h3{ font-size:3rem;}
.content7 .crow { bottom:10%; left:50%; transform:translateX(-50%); width:98%}
.content7 .zj .hd {top:-69%;}
.content7 .zj .hd li { width: 30%; height: 168px; background:none}
.content7 .zj .hd li img{ width:100%; height:70%;border-radius:50%}
.content7 .zj .hd  .on img{  border:2px solid #f43257}
.content7 .zj .hd  .on span{color:#f43257;} 
.content7 .btn{ bottom:-1%;left:50%; transform:translateX(-50%);}


.content8{ padding-top:8%}
.content8 h2{ font-size:6rem; color:#565656; text-align:center}
.content8 h3{ font-size:3rem;color:#565656; text-align:center}
/*640 Éè¼Æ¸å*/

@media screen and (min-width:320px) and (max-width:359px) {
    html { font-size: 31.25%!important; } /*0.5*/
}
@media screen and (min-width:360px) and (max-width:409px) {
    html { font-size: 35%!important; }  /*0.56*/
}
@media screen and (min-width:410px) and (max-width:479px) {
    html { font-size: 40%!important; }  /*0.64*/
}
@media screen and (min-width:480px) and (max-width:639px) {
    html { font-size: 47%!important; }  /*0.75*/
}