*{
	font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
	font-size: 0;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;	
}
html{height: 100%;      overflow-y: scroll;}
body{height: 100%;    }
.body_index{overflow: hidden;    min-width: 1300px;    overflow-x: auto;}
.body-desc{    min-width: 1300px;}
img{
	vertical-align: middle;
}
.cnt{margin: auto;width: 1260px;}
a{text-decoration: none;cursor: pointer;}
.navs{height: 84px;line-height: 84px;background: url(../img/op6.png) repeat;font-size: 18px;       width: 100%;    z-index: 5;    position: fixed;top: 0;}
.navs_icons {display: inline-block;height: 0;line-height: 84px;float: right;margin-right: 300px;height: 84px;}
.navs_icons a{ font-size: 18px;color: #fff;    display: inline-block;    padding: 0px 15px;    margin-right: 25px;}
.logo_a{vertical-align: middle;    margin-left: 30px;}
.navs_icons a.active{box-shadow: 0px -2px 0px #3080f9 inset;color: #3080f9;}
.kf-phone{  position: absolute;    top: 0;    display: inline-block;    font-size: 18px;    color: #fff;    right: 40px;       padding-left: 33px;    background: url(../img/phone.png) 0 center no-repeat;}
.login-btn{  display: inline-block;    font-size: 18px;    vertical-align: middle;    color: #fff;    position: absolute;    right: 40px;}
@media screen and (max-width: 1400px) {	
	
}
.t_body_index{ height: 100%; position: relative;  overflow: hidden;}

.perpage{    position: absolute;    height: 100%;    width: 100%;top: 100%;    position: absolute;
    top: 0;
    left: -9999px;
    width: 100%;
    height: 100%;}
    
.perpage.show{left:0}
.dotlist span{display: block;width: 8px;height: 8px;border-radius: 6px;border:  2px solid #fff;    margin: 20px 0;}
.dotlist span.active{background: #fff;}
.dotlist{position: fixed; right: 70px;    top: 50%;    margin-top: -90px;}
.perpage h2{font-size: 72px;font-weight: normal;color: #fff;}
.mbody  span{font-size:32px;color: #fff;line-height: 56px; margin-top: 30px;display: inline-block;}
.perpage .mbody{/* top: 20%; */position: absolute;width: 640px;/* left: 8%; */z-index: 6;width: 40%;margin-left: 5%;margin-top: 15%;}
.img-p1{position: absolute;right: 17%;top: 29%;height: 100%;width:43%}
.cimgs{      position: absolute;     overflow: hidden;    text-align: left;}
.cimgs img {width: 100%;}
.page5 h2{font-size: 24px;color: #333;line-height: 80px;text-indent: 40px;}
.foot-cnt{max-width: 1600px;margin: auto;margin-top: 125px;min-width: 1200px;}
.foot-cnt h2{color: #000;font-size: 50px;    text-indent: 22px;margin-bottom: 40px;}
.supportlists .sitem{display: inline-block;width: 19%;height: 375px;text-align: center;background: #fff;vertical-align: top;margin: 10px 3%;box-shadow: 0px 0px 9px #dbe6ff;}
.supportlists .sitem img{margin-top: 40px;width: 30%;margin-bottom: 15px;}
.supportlists .sitem h4{
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.supportlists .sitem span{
    color: #8b8b8b;
    font-size: 16px;
    display: inline-block;
    width: 76%;
    text-align: left;
    line-height: 32px;
}
.login-div{background: url(../img/foot-bg.jpg) no-repeat;background-size: cover;height: 80px;text-align: center;padding: 15px 0;width: 100%;position: absolute;bottom: 52px;}
.login-div span{color: #fff;font-size: 36px;text-shadow: 0 0 black;vertical-align: middle;display: inline-block;line-height: 80px;margin-top: 0;margin-right: 41px;}
.login-div a{width: 242px;height: 64px;display: inline-block;vertical-align: middle;font-size: 30px;text-align: center;color: #62e053;border: 2px solid #62e053;line-height: 64px;border-radius: 8px;}
/*down*/ 
.products{margin-bottom: 35px;}
.down-div h3{font-size: 20px;margin-top: 20px;margin-bottom: 15px;color: #333;text-indent: 10px;}
.pitem{width: 48%;display: inline-block;margin: 0 10px;background: #fff;padding-top: 40px;margin-bottom: 15px;height: 140px;vertical-align: top;min-width: 600px;box-shadow: 0px 0px 9px #ebeffb;}
.pitem img{margin-left: 32px;width: 90px;}
.pitem .desc-div{vertical-align: top;display: inline-block;width: 284px;margin-left: 32px;}
.pitem .desc-div .title{font-size: 20px;color: #333;display: inline-block;width: 100%;}
.pitem .desc-div .desc-span{font-size: 16px;color: #999;display: inline-block;width: 100%;margin: 10px 0;}
.pitem .desc-div .time{font-size: 14px;color: #afadaf;}
.pitem:hover{box-shadow: 0px 0px 16px #e0e8fd;}
.pitem:hover  .down-btn-a{color: #3080f9;border-color: #3080f9; background:url(../img/down-a-hover.png) 20px center  #3080f9 no-repeat;color: #FFFFFF;}
.pitem:hover  .down-btn-a.ios-a{background:url(../img/icon-iphone-hover.png) 20px center  #3080f9 no-repeat;}
.pitem:hover  .down-btn-a.android-a{background:url(../img/icon-an-hover.png) 20px center  #3080f9 no-repeat;}
.down-btn-a{width: 130px;height: 36px;    text-indent: 20px; background:url(../img/down-a-icon.png) 20px center no-repeat;  display: inline-block;vertical-align: middle;font-size: 16px;text-align: center;color: #c7c7c7;border: 1px solid #e2e2e2;line-height: 36px;border-radius: 4px;}
.down-btn-a.ios-a{background:url(../img/icon-iphone.png) 20px center   no-repeat;}
.down-btn-a.android-a{background:url(../img/icon-an.png) 20px center   no-repeat;}
.down-div{overflow: hidden;}
.down-div:nth-child(odd){background: #fff;}
.down-div:nth-child(even){background: #f0f3fa;}
.cimgspan{width: 2000px;}
.dot-span .active,.dot-span2 .active{background: #fff;opacity: 1;}
.dot-span span,.dot-span2 span{cursor: pointer;display: inline-block;width: 30px;height: 5px;background: #fff;margin-right: 10px;opacity: 0.4;}
.dot-span,.dot-span2 {margin-top: 20px;}
.y_item{height: 60%;width: 20%;background: #fff;display: inline-block;position: absolute; bottom: -12%; transition: all 0.5s ease-in-out;  display: none;
    -moz-transition: all 0.5s ease-in-out; /* Firefox 4 */  
    -webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */  
    -o-transition: all 0.5s ease-in-out; /* Opera */  }
.youshi{     position: absolute;    bottom: 0;    left: 50%;    margin-left: -900px;}
 .youshi .swiper-wrapper{
 	 	/* transition-duration: 0ms !important;  transform: translate3d(0, 0px, 0px) !important;*/
 	}
.swiper-slide span{font-size: 18px;text-align: left;display: inline-block;width: 80%;    margin: 0 10%;    line-height: 28px;color: #bdd2fd;}
.swiper-slide h3{font-size: 30px;text-align: center;    font-weight: normal;    margin: 25px 0;color: #bdd2fd;}
.swiper-slide .imgcon{overflow: hidden;text-align: center;background-size:contain;background-repeat:no-repeat;background-position: center bottom;position: absolute;bottom: 0;height: 50%;overflow: hidden;width: 100%;}
.slide-con .con{overflow: hidden;}
.swiper-slide:nth-child(n+6){display: none;width: 0;overflow: hidden;}
.swiper-slide{position: relative;}
.swiper-slide.active{width: 290px !important;background: none;}
.swiper-slide.active .slide-con{height: 100%;margin-top: 0;}
.swiper-slide.active  .con{    position: absolute;    top: 60%}
.swiper-slide.active  .imgcon{position: absolute;    top: 0;background: linear-gradient(to top, #9fbaff , #2458dd );}
.swiper-slide:nth-child(2n) .slide-con{padding-top: 20px;background: url(../img/opt.png); opacity: 0.5;  height: 90%;   margin-top: 10%;}
.swiper-slide:nth-child(2n+1)  .slide-con{padding-top: 20px;background: url(../img/opt.png); opacity: 0.5;height: 80%;    margin-top: 20%;}
.swiper-slide{height: 400px;margin: 0 35px;width: 290px !important;}
.swiper-slide.active .slide-con{height: 100%;margin-top: 0;padding-top: 0;background: none;opacity: 1;}
.swiper-slide:nth-child(2n+1) .imgcon{height: 40%;}
.swiper-slide:nth-child(2n+1) h3 {    font-size: 18px;    text-align: center;    font-weight: normal;    margin: 16px 0;}
@media screen and (min-width: 1400px) {	
	/*.y_item .imgcon{}*/
	.youshi{}
	.y_item span{line-height: 37px;font-size: 17px;}
	.y_item h3{margin-top: 29px;}	
}
@media screen and (max-width: 1300px) {	
	.perpage {width: 100% !important;}
}
.y_item .imgcon img{max-width: 100%;margin-top: 20px;}
.swiper-slide.active{
	bottom: 0;
	display: inline-block;
	/*transform:scale(1);
	-ms-transform:scale(1);    
	-moz-transform:scale(1);   
	-webkit-transform:scale(1); 
	-o-transform:scale(1);*/
	height: 400px;
    bottom: 0;
  display: inline-block;
  background: #fff;
  opacity: 1;
 
}
.swiper-slide.active .line-gra{height: 60%;position: absolute;top: 0;width: 100%;left: 0;background: linear-gradient(to top, #9fbaff , #2458dd );}
.scale8{
	bottom: -6%;
	display: inline-block;
	/*transform:scale(0.8);
	-ms-transform:scale(0.8);    
	-moz-transform:scale(0.8);   
	-webkit-transform:scale(0.8); 
	-o-transform:scale(0.8);*/
	background: #182b56;
	    width: 18%;
	    height: 354px;

    background: linear-gradient(to bottom, #140e2e, #160993);
    opacity: 0.5;
    display: inline-block;
}

.scale6{
	bottom: -12%;
	display: inline-block;
	/*transform:scale(0.6);
	-ms-transform:scale(0.6);   
	-moz-transform:scale(0.6);  
	-webkit-transform:scale(0.6); 
	-o-transform:scale(0.6);*/
	background: #182b56;
	    width: 16%;
	        height: 310px;
    bottom: 0;
      background: linear-gradient(to bottom, #140e2e, #160993);
     opacity: 0.5;
     display: inline-block;
}
/*@media screen and (min-height: 800px) {	
	.scale6{height: 420px;}
	.scale8{height: 480px;}
	.scale0{height: 540px;}
	.scale8 h3{font-size: 20px;color: #fff;}
.scale6 h3{color: #fff;font-size: 16px;}
.scale8 span{font-size: 16px;color: #bdd2fd;}
.scale6 span{color: #bdd2fd;font-size: 14px;}	
}*/
.swiper-slide.active .imgcon{background-size:contain ; background-repeat:no-repeat ;height: 60%;    background-position: center  bottom;}
/*.scale0 span{color: #fff;}
.scale0 h3{color: #fff;}*/
/*.scale0{background: #182b56;}*/
.swiper-slide h3{font-size: 18px;color: #fff;}
.swiper-slide.active h3{font-size: 20px;color: #182b56;margin-top: 30px;}
.swiper-slide.active span{}
.scale6 h3{color: #fff;font-size: 16px;}
.swiper-slide span{font-size: 16px;color: #bdd2fd;}
.swiper-slide.active  span{color: #333;font-size: 16px;    line-height: 42px;}
/*.scale8 .imgcon,.scale6 .imgcon{position: absolute;bottom: 0;height: 60%;overflow: hidden;width: 100%;}*/
/*.scale8 .imgcon img,.scale6 .imgcon img{position: absolute;/* min-height: 100%; */left: 0;bottom: 11%;}*/

.desc-b-box h2{height: 70px;text-align: center;width: 100%;font-size: 36px;font-weight: bold;color: #fff;margin-top: 1px;}
.zizhi{text-align: center;margin-bottom: 35px;}
.zizhi .color-box{line-height:normal;display: inline-block;width: 87px;/* height: 87px; */text-align: center;color: #fff;font-size: 18px;border-radius: 6px;padding: 16px 0;line-height: 26px;margin: 0 10px;}
.zizhi .color-box span{font-size: 24px;}
.c-c30f22{background: #c30f22;}
.c-f39700{background: #f39700;}
.c-8fc31e{background: #8fc31e;}
.c-31a7e0{background: #31a7e0;}
.c-a40d5e{background: #a40d5e;}
.c-601986{background: #601986;}
.area p{font-size: 30px;color: #000;line-height: 64px;text-align: center;}
.area p span{font-size: 36px;}

.block-desc{font-size: 0;}
.block-desc-con{width: 1200px;margin: auto;}
.block-desc-item-l,.block-desc-item-r{font-size: 16px;width: 42%;display: inline-block;vertical-align: top;padding: 0 4%;}
.block-desc-h1{height: 140px;line-height: 140px;font-size: 36px;font-weight: bold;text-align: center;}
.year{color: #3d5ae8;font-size: 24px;height: 50px;line-height: 50px;font-weight: bold;text-align: right;}
.block-desc-item-r h2{height: 50px;border-left: 2px solid #3d5ae8;padding-left: 10px;}
.block-desc-item-r h2 .title{color: #3d5ae8;font-size: 24px;margin-bottom: 16px;font-weight: normal;display: inline-block;}
.block-desc-item-r h2 .title-desc{font-size: 16px;color: #000;line-height: 26px;width: 100%;display: inline-block;    font-weight: normal;}
.image-list-desc{margin-top: 83px;}
.image-list-desc img{margin-right: 5px;}
.block-desc-item-l .desc-txt{line-height: 26px;    font-size: 16px;}
.block-desc-item{margin-bottom: 30px;height: 300px;}
.block-desc-con{background:url(../img/desc-bg2.png) center 0 repeat-y;    padding-bottom: 52px;}
.block-tel span{font-size: 30px;color: #000;vertical-align: middle;margin-left: 12px;}
.block-tel{text-align: center;padding-bottom: 40px;min-width: 1200px;border-bottom: 10px solid #f0f3fa;}
.block-tel h2{height: 130px;line-height: 130px;font-size: 36px;font-weight: bold;}
.m-top{position: absolute;z-index: 2;width: 100%;/* left: 50%; *//* margin-left: -600px; *//* height: 105px; */line-height: 105px;top: 80px;width: 100%;min-width: 1300px;}


.info-title{text-align:left;font-size:32px;color: #000;padding: 0 40px;max-width: 1200px;}
.info-title span{display: block;line-height: 50px;font-size: 32px;}
.info-sologan{color:#009900;font-size:24px;font-weight:bold;line-height: 36px;padding: 0 40px;max-width: 1200px;}
.info-desc{font-size:16px;color: #000;line-height:28px;text-align: justify;margin: 60px 0 35px;padding: 0 40px;max-width: 1200px;}
.txt-l.year{text-align: left;}
 
 
.down-show-div{display: none;      margin-top: -150px;    z-index: 6;  position: fixed;    top: 50%;    left: 50%;    margin-left: -120px;    width: 240px;    text-align: center;background: #fff;}
.show-grey{ display: none;   position: fixed;    z-index: 5;    background: #000;    opacity: 0.4;    height: 100%;    width: 100%;    top: 0;}
.down-show-div h3,.down-show-div h3 span{height: 30px;font-size: 15px;color: #000;line-height: 42px;font-weight: normal;margin-bottom: 15px;    margin-top: 5px;}
.down-show-div img{width: 160px;}
.txt_code{font-size: 12px;color: #999;    line-height: 24px;}
.btn_pc.link{ height: 24px;    width: 130px;    font-size: 14px;    display: inline-block;    line-height: 24px;    margin-bottom: 30px;    color: #969696;    border: 1px solid #ccc;    margin-top: 10px;}
.btn_close_codebox{ position: absolute;    font-size: 0;    line-height: 0;    background: url(../img/ic_close.png) no-repeat 0 0;    width: 10px;    height: 9px;    top: 16px;    right: 16px;}

.footer{background: #fff;height: 52px;width: 100%;min-width: 1200px;}
.footer-con{width: 1200px;margin: auto;overflow: hidden;height: 100%;}
.footer .links h2{font-size: 18px;color: #fff;height: 62px;line-height: 62px;padding-top: 25px;}
.links-list a{font-size: 14px;color: #fff;margin-right: 20px;}
.footer .copyright{text-align: center;color: #ced3e0;font-size: 14px;/* margin-top: 42px; */height: 100%;line-height: 52px;}
.footer-con a{font-size: 14px;color: #ced3e0;}
.h-top{    min-height: 1300px;    background: #000;    width: 100%;    min-width: 1300px;}
.footer-desc.footer{min-width:1300px ;}
@media (max-width: 980px) {
  .navbar-toggle {
    display: inline-block;
    /* background:url(../img/icon-menu.png) no-repeat;
   width: 27px;
    height: 23px;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 15px;	 */
  }
 /* .perpage{    position: absolute;    height: auto;    width: 100%;}*/
  .navs{position: fixed;}
  .navs_icons{ line-height: 64px;  position: absolute; border-top: 1px solid #999; overflow: hidden;  top: 84px;    width: 100%;    left: 0;height: 0px;-webkit-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;}
  .navs_icons.in {height: 336px;}
  .navs_icons a{height: 64px;line-height: 64px;}
  .navs_icons a{display: inline-block;width: 100%;margin: 0;background: #1f2e3c;vertical-align: top;text-indent: 30px;}
  .cnt{width: auto;}
  .footer-con{width: 90%;}
  .footer{min-width: auto;}
  .pitem{width: 98%;}
  .body-desc{min-width: 610px;}
}
@media screen and (max-width: 1775px) {	
	.kf-phone{		display: none;	}
	.navs_icons {margin-right: 300px;}
	.logo_a{margin-left: 20px;}
}
/*@media screen and (min-height: 770px) {	
	.login-div{margin-top: 10%;}
}*/
.videopannel {position: relative;width: 100%;background-size: contain;}
.right-box{display: inline-block;width: 46%;float: right;margin-top: -255px;position: absolute;right: 0;top: 50%;}
.right-box .title{    font-size: 80px;    color: #fff;}
.right-box .slogan{    color: #fff;    font-size: 36px;    margin-top: 48px;    margin-bottom: 72px;}
.right-box .lists-a{    width: 60%;    display: inline-block;    vertical-align: top;}
.right-box .lists-a a{    font-size: 32px;    color: #62e053;    display: block;  text-indent: 20px;  width: 320px;    height: 68px;    line-height: 68px;    text-align: center; border: 1px solid #62e053;    margin-bottom: 48px;    border-radius: 5px;}
.right-box .lists-a .apple{background: url(../img/apple.png) 20px center no-repeat;}
.right-box .lists-a .Android{background: url(../img/an.png) 20px center no-repeat;}
.left-box {position: absolute;display: inline-block;width: 47.5%;height: 80.2%;margin-left: 5.8%;top: 17.4%;left: 0;}
.left-box .cir-img1{background: url(../img/down-img01.png) no-repeat;height: 22.3%;display: inline-block;width: 21.2%;position: absolute;top: 0;left: 18px;background-size: contain;}
.left-box .cir-img2{background: url(../img/down-img02.png) no-repeat;width: 20%;height: 21.1%;right: 5%;position: absolute;top: 20%;background-size: contain;}
.left-box .cir-img3{background: url(../img/down-img03.png) no-repeat;width: 20%;height: 21%;bottom: 37px;position: absolute;bottom: 9%;background-size: contain;}
.left-box .cir-img4{background: url(../img/down-img04.png) no-repeat;width: 17%;height: 18%;right: 70px;bottom: -31px;position: absolute;bottom: -1%;background-size: contain;}
.left-box .xian1{background: url(../img/xian1.png) no-repeat;display: inline-block;width: 17%;height: 19%;position: absolute;top: 3%;left: 15%;background-size: contain;}
.left-box .xian2{background: url(../img/xian2.png) no-repeat;display: inline-block;width: 59%;height: 23%;left: 25%;position: absolute;top: 23%;background-size: contain;}
.left-box .xian3{background: url(../img/xian3.png) no-repeat;display: inline-block;width: 31%;height: 30%;left: 4%;bottom: 0;position: absolute;background-size: contain;}
.left-box .xian4{background: url(../img/xian4.png) no-repeat;display: inline-block;width: 20%;height: 14%;position: absolute;right: 19%;bottom: 0;background-size: contain;}
.video_a{display: inline-block;width: 100%;}
.btn_play{ width: 72px;height: 72px;background: url(../img/btn-play.png) no-repeat;   position: absolute;    top: 50%;    margin-top: -36px;    left: 50%;    margin-left: -36px;}

.tabs{height: 70px;line-height: 70px;margin-top: 30px;border-bottom: 1px solid #e1e3e6;}
.tabs .tab_item{font-size: 20px;color: #333;display: inline-block;width: 120px;text-align: center;}
.tabs .tab_item.active{color: #3080f9;box-shadow: 0px -2px 0px #3080f9 inset;}
.t_content .lf .item_a{display: inline-block;width: 100%;height: 40px;line-height: 40px;text-indent: 18px;font-size: 18px;}
.t_content .lf {width: 300px;background: #f5f7fa;min-height: 540px;display: inline-block;vertical-align: top;}
.t_content{margin-top: 20px;    min-height: 528px;}
.t_content .lf .item_a.active{background: #e7edf8;color: #3080f9;}
.t_content .rt{display: inline-block;width: 1110px;padding-left: 30px;}
.t_content .rt h2{font-size: 32px;color: #333;font-weight: normal;line-height: 40px;}
.t_content .rt .step{color: #076bf2;font-size: 24px;}
.t_content .rt p{font-size: 18px;color: #333;line-height: 48px;}
.large-zi{font-size: 24px;}
.t_content .rt p img{ margin: 15px 0;}
.path{height: 50px;line-height: 50px;}
.path a{font-size: 16px;color: #666;vertical-align: middle;}
.path img{margin: 0 15px;}
.desc-b-box{position: absolute;z-index: 2;/* left: 20%; *//* left: 10%; */min-width: 1300px;/* padding: 0 20px; */left: 50%;margin-left: -650px;}
.desc-b-box h2{font;font-size: 37px;color: #fff;padding: 0 40px;text-align: center;font-weight: normal;padding-top: 40px;}
.h-top-img{/* position: absolute; *//* top: 0; *//* z-index: 1; */}
.ux-k12-module-component-sidetool {
  /*  background: white;*/
   /* border: 1px solid #DDDDDD;*/
  background: url(../img/op6.png) repeat;
    box-sizing: border-box;
    width: 60px;
    position: fixed;
    right: 0;
    bottom: 56px;
    z-index: 5;
    
}
.ux-k12-module-component-sidetool .cell_wrap {
    position: relative;
    cursor: pointer;
}

.ux-k12-module-component-sidetool .cell {
     box-sizing: border-box;
    position: relative;
    display: block;
    /* padding: 16px 0; */
    /* margin: 0 10px; */
    height: 60px;
    line-height: 1;
    text-align: center;
    color: #666;
    /* border-bottom: 1px solid #DDDDDD;*/
    cursor: pointer;
    
}
.ux-k12-module-component-sidetool .cell_icon {
    display: inline-block;
   
        height: 100%;
        width: 100%;
}
.ux-k12-module-component-sidetool .cell_text {
    font-size: 12px;
    margin-top: 6px;
}
.ux-k12-module-component-sidetool .cell_side {
    position: relative;
    z-index: 1;
        height: 100%;
}
.ux-k12-module-component-sidetool .cell_cnt .no {
    font-size: 16px;
    line-height: 80px;
}
.ux-k12-module-component-sidetool .cell-phone+.cell_cnt {
    line-height: 80px;
}

.ux-k12-module-component-sidetool .cell_cnt {
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    left: -100px;
    opacity: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    background: #fff;
    
    font-size: 16px;
    color: #333;
    -webkit-transition: opacity 0.3s ease-in-out,left 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out,left 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out,left 0.3s ease-in-out;
    cursor: default;
}
.ux-k12-module-component-sidetool .cell_wrap:last-child .cell {
    border-bottom: none;
}

.ux-k12-module-component-sidetool .cell-wx+.cell_cnt {
    height: 0;
}
.ux-k12-module-component-sidetool .cell_cnt {
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    left: -100px;
    opacity: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    background: #fff;
    
    font-size: 16px;
    color: #333;
    -webkit-transition: opacity 0.3s ease-in-out,left 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out,left 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out,left 0.3s ease-in-out;
    cursor: default;
}
.ux-icon-phone2{background: url(../img/tel.png) center no-repeat;display: inline-block;}
.ux-icon-people{background: url(../img/qcode.png) center no-repeat;display: inline-block;}
.ux-icon-wechat2{background: url(../img/weixin.png) center no-repeat;display: inline-block;}
.ux-icon-gototop{background: url(../img/gototop.png) center no-repeat;display: inline-block;   }
.ux-k12-module-component-sidetool .cell_wrap:hover .ux-icon-phone2{background:url(../img/tel_active.png) #3080f9 center no-repeat;}
.ux-k12-module-component-sidetool .cell_wrap:hover .ux-icon-people{background:url(../img/qcode_active.png) #3080f9 center no-repeat;}
.ux-k12-module-component-sidetool .cell_wrap:hover .ux-icon-wechat2{background:url(../img/weixin-active.png) #3080f9 center no-repeat;}
.ux-k12-module-component-sidetool .cell_wrap:hover .ux-icon-gototop{background: #3080f9;}
.ux-k12-module-component-sidetool .cell_wrap:hover .ux-icon-gototop span {    font-size: 14px;    color: #fff;    line-height: 20px;    margin-top: 10px;    display: inline-block;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt {
    border: 1px solid #e5e5e5;
    width: 150px;
    height: 80px;
    opacity: 1;
    left: -150px;
}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell-wx+.cell_cnt {
    height: 200px;
}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_side{position: relative;}
.ux-k12-module-component-sidetool .cell_wrap:hover .jiantou2{
	background: url(../img/jiantou2.png) no-repeat;	display: inline-block;width: 10px;height: 13px;position: absolute;
	left: -2px;top: 50%;margin-top: -6px;
}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_phone {height: 60px;width: 306px;left: -306px;top: 0px;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_phone  p {line-height: 30px;text-align: left;text-indent: 22px;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_phone  p  span{color: #333;font-size: 14px;vertical-align: middle;margin-left: 20px;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_phone .phone{margin-top: 10px;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_qcode{height: 192px;    width: 186px;    left: -186px;text-align: center;top: -61px}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_qcode img{margin-top: 10px;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_qcode span{display: inline-block;font-size: 14px;color: #333;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_weixin {width: 200px;height: 213px;left: -200px;top: -36px;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_weixin  .item{display: inline-block;    vertical-align: top;    margin-top: 10px; width: 150px;   margin: 10px 18px 0;}
.ux-k12-module-component-sidetool .cell_wrap:hover .cell_cnt.cell_cnt_weixin  .item span{font-size: 14px;color: #333;display: inline-block;width: 100%;}
.qitem{margin-right: 60px;display: inline-block;width: 360px;margin-top: 40px;}

.qitem h2 span{font-size: 18px;margin: 0 50px;text-align: left;color: #333;font-weight:normal;border-bottom: 1px solid #ebedf0;display: inline-block;width: 260px;height: 65px;line-height: 65px;}
.qitem a{color:#3e67d8;font-size: 14px;margin: 0 50px;display: inline-block;width: 260px;border-bottom: 1px solid #ebedf0;line-height: 42px;}
.qitem1 h2 {background: url(../img/icon1.png) left center no-repeat;}
.qitem2 h2 {background: url(../img/icon2.png) left center no-repeat;}
.qitem3 h2 {background: url(../img/icon3.png) left center no-repeat;}

.t_item{width: 400px;height: 400px;    display: inline-block;    margin-right: 30px;}
.imgpan{ padding: 24px 0;background: -webkit-linear-gradient(right,#293b8b,#1d294d);  
        background: -o-linear-gradient(right,#293b8b,#1d294d);  
        background: -moz-linear-gradient(right,#293b8b,#1d294d);  
        background: -mos-linear-gradient(right,#293b8b,#1d294d);  
        background: linear-gradient(right,#293b8b,#1d294d);  }
.imgpan .rt_pan{vertical-align: middle;padding: 0;display: inline-block;     width: 290px;    margin-left: 10px;}
.imgpan .title span{font-size: 36px;color: #51def1;}
.imgpan .title .span1{    font-size: 14px;    color: #51def1;    width: 100%;    display: inline-block;}
.imgpan img{margin-left: 10px;}
.t_item h2 span{font-size: 20px;font-weight: normal;}
.t_item h2 {padding: 0 50px;   margin-top: 15px;height: 70px;line-height: 70px; }
.t_item .desc-txt{font-size: 14px;color: #666;line-height: 24px;padding: 0 20px;}
.t_item .bordered{border-bottom: 1px solid #387fe9;border-left: 1px solid #387fe9;border-right: 1px solid #387fe9;height: 284px;    overflow: hidden;}
.t_item .down-btn{display: inline-block;width: 144px;height: 38px;line-height: 38px;border: 1px solid #387fe9;color: #387fe9;font-size: 16px;   text-align: center;}
.t_item p{text-align: center;margin-top: 20px;}

.top_to_mid {
	animation: top_to_mid .5s both;
	-webkit-animation: top_to_mid .5s both
}

@keyframes top_to_mid {
	0% {
		transform: translate3d(0, -100%, 0)
	}
	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes top_to_mid {
	0% {
		-webkit-transform: translate3d(0, -100%, 0)
	}
	to {
		-webkit-transform: translateZ(0)
	}
}

.mid_to_top {
	animation: mid_to_top .5s both;
	-webkit-animation: mid_to_top .5s both
}

@keyframes mid_to_top {
	0% {
		transform: translateZ(0)
	}
	to {
		transform: translate3d(0, -100%, 0)
	}
}

@-webkit-keyframes mid_to_top {
	0% {
		-webkit-transform: translateZ(0)
	}
	to {
		-webkit-transform: translate3d(0, -100%, 0)
	}
}

.bot_to_mid {
	animation: bot_to_mid .5s both;
	-webkit-animation: bot_to_mid .5s both
}

@keyframes bot_to_mid {
	0% {
		transform: translate3d(0, 100%, 0)
	}
	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes bot_to_mid {
	0% {
		-webkit-transform: translate3d(0, 100%, 0)
	}
	to {
		-webkit-transform: translateZ(0)
	}
}

.mid_to_bot {
	animation: mid_to_bot .5s both;
	-webkit-animation: mid_to_bot .5s both
}

@keyframes mid_to_bot {
	0% {
		transform: translateZ(0)
	}
	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-webkit-keyframes mid_to_bot {
	0% {
		-webkit-transform: translateZ(0)
	}
	to {
		-webkit-transform: translate3d(0, 100%, 0)
	}
}
.img-p1 img{/* transform: skew(-12deg) rotate(2deg); */margin-top: 5%;/* border: 1px solid #ccc; */}
.bg-guan-img{z-index: 3;}
.theanimation {
	z-index: 4;
	/*animation: theanimation .8s both;
	-webkit-animation: theanimation .8s both*/
} 



.block-protocol{    width: 1200px;    margin: auto;    line-height: 30px;    font-size: 14px;    padding: 20px 0;margin-top: 85px;}
.block-protocol ol{margin-left: 32px;}
.block-protocol .duty-title{font-weight: bold;    color: #000;    font-size: 14px;    display: block;    height: 30px;    line-height: 30px;    background: #EFEFEF;    text-align: center;    margin: 20px 0;}
.block-protocol .duty-bold{font-weight: bold;  font-size: 14px;line-height: 30px;}
.block-protocol .duty-head{font-weight: bold;    color: #000;    font-size: 16px;    display: block;}
.block-protocol .public-beta-des-duty p{text-indent: 24px;    line-height: 30px;    font-size: 14px;}
.block-protocol li{font-size: 14px;}
.block-protocol strong{font-size: 14px;}
.desc-pre{    position: absolute;    right: 57px;    top: -244px;}




.sy_logo_a{    vertical-align: middle;}


.sy_nav_list{	padding: 0 35px;}
.sy_hr_line{    height: 24px;    border: none;    border-left: 1px solid #fff;    display: inline-block;    vertical-align: middle;    margin: 0 35px;}
.sy_navs {height: 130px;line-height:120px;background: none;font-size: 18px;width: 100%;z-index: 7;position: fixed;top: 0;/* display: none; */}
.sy_hr_line2{   display: inline-block;	background: url(../img/border-white.png);	height: 30px;	width: 1px;	margin: 0 35px;    vertical-align: middle;}
.sy_right_nav a{  color: #fff;    font-size: 18px;    display: inline-block;    width: 100px;line-height: 24px;text-align: center;vertical-align: middle;}
.sy_right_nav a span{color: #fff;font-size: 14px;display: block;opacity: 0.5;}
.sy_navs.white .sy_right_nav a:hover,.sy_navs .sy_right_nav a:hover,.sy_navs .sy_right_nav a:hover span,.sy_navs.white .sy_right_nav a:hover span{color: #62e053;}
.jg_logo{background: url(../img/jg_logo_white.png) no-repeat;display: inline-block;width: 147px;height: 37px;vertical-align: middle;}
.ylf_logo{background: url(../img/yunlifang_white.png) no-repeat;display: inline-block;width: 205px;height: 36px;vertical-align: middle;}
.sy_navs .sy_right_nav .xl-con a:hover{color: #0030aa;}
/*blue nav*/
.sy_navs.white .sy_hr_line{ border-left: 1px solid #cccdce; }
.sy_navs.white {  background: #fff;   }
.sy_navs.white .sy_hr_line2{   display: inline-block;	background: url(../img/border.png);	height: 30px;	width: 1px;	margin: 0 35px;    vertical-align: middle;}
.sy_navs.white .sy_right_nav a{  color: #0030aa;    font-size: 18px;    display: inline-block;    width: 100px;line-height: 24px;text-align: center;vertical-align: middle;}
.sy_navs.white .sy_right_nav a span{color: #7f97d4;font-size: 14px;display: block;}
.sy_navs.white .jg_logo{background: url(../img/jg_logo.png) no-repeat;display: inline-block;width: 147px;height: 37px;vertical-align: middle;}
.sy_navs.white .ylf_logo{background: url(../img/yunlifang.png) no-repeat;display: inline-block;width: 205px;height: 36px;vertical-align: middle;}
/**/

.sy_right_nav{display: inline-block;float: right;}
.perpage{background: url(../img/bg-perpage.jpg) center no-repeat; background-size: cover;}
.sy_body_l{    position: absolute;    top: 50%;    width: 47%;    font-size: 16px;margin-left: 5%;}
.sy_title{font-size: 66px;color: #FFFFFF;}
.sy_desc{ font-size: 22px;    color: #fff;    text-align: justify;    line-height: 42px;margin-top: 60px;letter-spacing: 3px;}
.sy_slogan{color: #62e053;font-size: 30px;margin-top: 65px;}
.sy_shape{position: absolute;    bottom: 45px;    left: -145px;}
.sy_body_r{width: 45%;display: inline-block;position: absolute;right: 0;top: 240px;}
.sy_body_r .shape1{ position: absolute; z-index: 7;}
.sy_body_r .shape2{position: absolute;top: -207px;left: 144px;z-index: 6;}
.sy_body_r .shape3{position: absolute;z-index: 0;top: -147px;left: 308px;z-index: 4;}
.sy_body_r .shape4{position: absolute;    top: -193px;    z-index: 3;    width: 100%;    right: -248px;    height: 1000px;}
.sy_body_r .shape_tws{position: absolute;top: -193px;left: 0;z-index: 3;width: 100%;}
.sy_btn1{display: inline-block;width: 250px;height: 50px;text-align: center; text-indent: 25px;  border: 1px solid #62e053;border-radius: 50px;margin-top: 65px;position: absolute;right: 0;bottom: -340px;}
.sy_btn1:hover{background: #62e053;}
.sy_btn1:hover span{color: #fff;}
.sy_btn1 .link-icon{background: url(../img/link.png);display: inline-block;width: 21px;height: 18px;vertical-align: middle;}
.sy_btn1:hover .link-icon{background: url(../img/white-link.png)}
.sy_btn1 span{vertical-align: middle;line-height: 50px;font-size: 24px;color: #62e053;margin-right: 15px;}
.sy_body_r .sy_title{text-align: right;}
.sy_img_list .item{height: 180px;display: inline-block;line-height: 120px;vertical-align: middle;text-align: center;position: relative;width: 152px;}
.sy_img_list{margin-top: 25px;width: 820px;position: absolute;right: 0;overflow: hidden;}
.sy_page_cen{position: absolute;top: 128px;width: 100%;}
.sy_page_cen .title{text-align: center;}
.sy_page_cen .title span{color: #101523;font-size: 66px;vertical-align: middle;margin: 0 70px;}
.sy_page_cen .title hr{vertical-align: middle;display: inline-block;border-top: 2px solid #0030aa;}
.sy_img_list .item .title{    font-size: 16px;    color: #fff;    display: inline-block;    line-height: 24px;    position: absolute;    bottom: 0;    width: 100%;    left: 0;}
.sy_img_list .item .border-b{width:40px;height: 4px;display: block;margin: auto;margin: 10px auto;}
.sy_img_list .item.active .title{color: #62e053;}
.sy_img_list .item.active .border-b{background: #62e053;}

.sy_tool_fixed{display: inline-block;   width: 25%;vertical-align: top;position: relative;}
.sy_tool_fixed img{width: 100%;}
.sy_tool_box{display: inline-block; width: 75%;vertical-align: top;overflow: hidden;}
.sy_tool_item{display: inline-block; position: relative;}
.sy_tool_item img{width: 100%;}
.sy_tool_cen{margin-top: 65px;position: relative;}
.sy_tool_item  .item_shadow{display: inline-block;background: url(../img/opt40.png);height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
.sy_tool_item:hover .item_shadow{background: url(../img/opt60.png);}
.sy_tool_desc{text-align: center;font-size: 22px;color: #242e49;margin-top: 60px;}
.tool_content{position: absolute;z-index: 3;width: 58%;height: 64%;left: 21%;top: 15%;}
.tool_content span {position: absolute;width: 100%;font-size: 30px;color: #fff;bottom: 0;left: 0;text-align: center;}
.arrow_l{position: absolute;left: 0;top: 50%;margin-top: -135px;    z-index: 2;}
.arrow_r{position: absolute;right: 0;top: 50%;margin-top: -135px;    z-index: 2;}
.sy_links{position: absolute;top: 50%;left: 100px;margin-top: -302px;}
.Link_title{font-size: 66px;color: #62e053;margin-bottom: 77px;}
.sy_link_p{margin-bottom: 48px;}
.sy_link_p img{margin-right: 20px;vertical-align: middle;} 
.sy_link_p span{font-size: 33px;color: #fff;vertical-align: middle;} 
.sy_link_erm{margin: 30px;}
.sy_link_erm img{margin-right: 40px;}
.sy_link_cen{background: url(../img/bg4.jpg) right center  #2851b8 no-repeat;position: absolute;top: 130px;width: 100%;height: 85%;background-size: contain;}
.sy_footer .txt{color: #a7abb6;font-size: 14px;line-height: 32px;display: inline-block;width: 100%;text-align: center;}
.sy_footer {position: absolute;bottom: 0;width: 100%;background: #fff ;padding: 10px 0 ;}
.sy_footer .txt a{color: #a7abb6;font-size: 14px;}
.show  .flowin1 {
	-webkit-animation: flowin .5s .2s linear both;
	animation: flowin .5s .2s linear both
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}
.show  .flowin2 {
	-webkit-animation: flowin .5s .2s linear both;
	animation: flowin .5s .2s linear both
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
.show  .flowin3{
	-webkit-animation: flowin .5s .2s linear both;
	animation: flowin .5s .2s linear both
}
.show .flowright{
	-webkit-animation: flowright .5s .2s linear both;
	animation: flowright .5s .2s linear both
}
@-webkit-keyframes flowin {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	to {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes flowin {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	to {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@keyframes flowright {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}

	to {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
.lightstart{
	-webkit-animation: lightstart .6s .5s linear both;
	animation: lightstart .6s .5s linear both
}

@keyframes lightstart {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		
	}

	to {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		
	}
}
.showin{
	-webkit-animation: showin .6s .2s linear both;
	animation: showin .6s .2s linear both
	-webkit-animation-delay: .4s;
	animation-delay: 1s
}
@-webkit-keyframes showin {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
	}

	to {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
	}
}

@keyframes showin {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
	}

	to {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
	}
}

.z-mbody .z-desc{    display: inline-block;    color: #2259cf;    margin-left: 7px;    font-size: 22px;    width: 550px;    line-height: 42px;    margin-top: 32px;}
.btn-a1{    margin-top: 54px;    display: inline-block;}
.perpage .z-mbody{    position: absolute;    z-index: 6;    width: 40%;    margin-left: 5%;    text-align: left;    height: 524px;    top: 50%;    margin-top: -262px;}
.z-desc.white{color: #fff;}
.z-mbody .span1{font-size: 66px;color: #fff;}
.z-img-box{display: inline-block;float: right;position: relative;right: 0;top: 10%;width: 46%;height: 80%;}
.z-img-box .z-img-con{position: absolute;width: 88%;z-index: 1;left: 0;left: 0;top: 20%;}
.z-img-box .z-img-con img{box-shadow: 0px 0px 9px #333;width: 100%;}
.z-img-box .z-bidian{width: 100%;    position: absolute;    bottom: 0;    z-index: 0;    right: 0;}
.z-dotlist span {display: inline-block;width: 50px;height: 6px;background: #fff;opacity: .3;margin-right:30px;}
.z-dotlist span.active{opacity: 1;}
.z-dotlist{margin-left: 5px;margin-top: 80px;}.z-bidian{}

.z-cen{text-align: center;margin-top: 117px;}
.z-cen .z-title{font-size: 66px;color: #292b32;}
.z-cen .z-desc{font-size: 22px;color: #666e8f;display: inline-block;width: 55%;text-align: left;line-height: 42px;margin-top: 54px;}
.clearfix {
	*zoom: 1
}
.sildes_container {	width: 100%;	height: 490px;	margin: 115px auto 0;	position: relative;	overflow: hidden;}
.sildes_container .sildes_content {	position: absolute;	width: 100%;	height: 490px;	top: 0;	left: 0;	margin-left: 0;	}
.bg-diannao{background: url(../img/diannao.png) no-repeat top center;width: 537px;height: 448px;position: absolute;left: 50%;margin-left: -268px;}
.sildes_container .sildes_content li {	/* border-top: 1px solid #0030aa; */ padding-top: 6px; position: absolute;	top: 0;	left: 0;	width: 490px;	height: 280px;	transition: all .3s ease;	margin-left: -249px;left: 50%;	opacity: 0;	top: 20px;}
.sildes_container .sildes_content li img {	width: 100%;	height: 100%;	vertical-align: middle;	display: inline-block;border: 1px solid #ccc;}
.sildes_container .btn_close i {	font-size: 18px}
.sildes_container .buttons {	width: 100%;	height: 5px;	line-height: 5px;	z-index: 80;	margin: auto;	bottom: 20px;	position: absolute;}
.sildes_container .buttons a {	width: 50px;	height: 6px;	margin-right: 30px;	display: inline-block;	background: #b2c0e5;}
.sildes_container .buttons a.color {	background-color: #0030aa}
.sildes_container .buttons a:last-child {	margin-right: 0}
.sildes_container .sildes_content .p3 {	transform: translate3d(-1097px, 0, 0) ;	opacity: 1;	z-index: 1;    margin-top: 40px;}
.sildes_container .sildes_content .p4 {	transform: translate3d(-564px, 0, 0) ;	transform-origin: 0 50%;	opacity: 1;	z-index: 2; margin-top: 40px;}
.sildes_container .sildes_content .p5 {	transform: translate3d(0, 0, 0);	transform-origin: 0 50%;	opacity: 1;	z-index: 3;border: 0;padding: 0;}
.sildes_container .sildes_content .p6 {	transform: translate3d(564px, 0, 0) ;	transform-origin: 0 50%;	opacity: 1;	z-index: 2; margin-top: 40px;}
.sildes_container .sildes_content .p7 {	transform: translate3d(1097px, 0, 0);	transform-origin: 0 50%;	opacity: 1;	z-index: 1;  margin-top: 40px;}

.z-item{background: url(../img/z-item.png);width: 145px;height: 145px;display: inline-block;vertical-align: middle;}
.z-hr{border: 0; border-top:4px solid #728dcc ;vertical-align: middle;    display: inline-block;}
.z-list{margin-top: 47px;}
.z-list .p1 {    color: #fff;    font-size: 19px;    display: inline-block;    width: 100%;    text-align: center;    margin-top: 40px;    line-height: 30px;}
.z-list .p2{color: #fff;font-size: 21px;display: inline-block;width: 100%;text-align: center;}
.z-mbody .span2{font-size: 20px;color: #fff;width: 26%;display: inline-block;margin-top: 4.5%;line-height: 42px;text-align: justify;}
.bigdata{position: absolute;right: 6%;bottom: 0%;width: 60%;height: 36%;}
.bigdata1{position: absolute;z-index: 3;width: 100%;margin-left: -39px;margin-top: -30px;}
.bigdata2{position: absolute;left: 0;top: 0;width: 100%;z-index: 1;}

.xl,.xl2{position: relative;display: inline-block;z-index: 9;}
.xl-con,.xl2-con{position: absolute; width: 174px; display: none;    padding-bottom: 5px;    padding-top: 17px; height: 120px;   top: 84px;    left: -36px;    line-height: 42px;background: url(../img/nav.png) no-repeat;}
.sy_navs .sy_right_nav .xl-con a{   color: #0030aa;  display: block;    height: 60px;    line-height: 60px;    margin: 0 7px 0 5px;    width: auto;}
.sy_navs .sy_right_nav .xl2-con a{   color: #0030aa;  display: block;    height: 60px;    line-height: 60px;    margin: 0 7px 0 5px;    width: auto;}
.xl-con a:hover,.xl2-con a:hover{background: #e5eaf6;}

.line1{position: absolute;top: 20px;left: 200px;
	-webkit-animation: showin .6s .2s linear both;
	animation: showin .6s .2s linear both
	-webkit-animation-delay: 1s;
	animation-delay: 1s
	}
.line2{position: absolute;top: 45px;left: 425px;
	-webkit-animation: showin .6s .2s linear both;
	animation: showin .6s .2s linear both
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.line3{position: absolute;top: 183px;left: 538px;
-webkit-animation: showin .6s .2s linear both;
	animation: showin .6s .2s linear both
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s
}
.line4{position: absolute;bottom: 200px;right: 133px;
-webkit-animation: showin .6s .2s linear both;
	animation: showin .6s .2s linear both
	-webkit-animation-delay: 2.8s;
	animation-delay:  2.8s
}
.line5{position: absolute;bottom: 0;left: 200px;
-webkit-animation: showin .6s .2s linear both;
	animation: showin .6s .2s linear both
	-webkit-animation-delay:  3.4s;
	animation-delay: 3.4s
}
.line6{position: absolute;bottom: 68px; left: 17px;
-webkit-animation: showin .6s .2s linear both;
	animation: showin .6s .2s linear both
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}
.line7{position: absolute;bottom: 155px;left: 6px;
-webkit-animation: showin .6s .2s linear both;
	animation: showin .6s .2s linear both
	-webkit-animation-delay: 4.6s;
	animation-delay: 4.6s
}
.z-cen-list .item{display: none;}
.z-cen-list{height: 225px;}
.shakeit{
	-webkit-animation: shake .6s .2s linear both;
	animation: shake .6s .2s linear both
}

@keyframes shake {
	0% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg); 
		
	}

	50% {
		transform:rotate(9deg);
		-ms-transform:rotate(9deg); 
		-moz-transform:rotate(9deg);
		-webkit-transform:rotate(9deg); 
		-o-transform:rotate(9deg); 
	}
	
	100% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg); 
		
	}
}
.smts{    display: inline-block;    line-height: 35px;    text-align: center;    color: #fff;}
.smts span{font-size: 14px;    line-height: 50px;}
.shadow{    height: 100%;
    line-height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.5;
    width: 100%;
    top: 0;    z-index: 8;display: none;}
.videopannel2 {width: 100%;   position: absolute;z-index: 8;    text-align: center;display: none;
    top: 50%;
    height: 600px;
    margin-top: -300px;}
.videopannel2 .v1{
	margin: auto;
    text-align: center;    z-index: 8;}
.videopannel2 video{width: 1000px;height: 568px;}
.v_title{    width: 1000px;
    height: 40px;
    margin: auto;
    background: #fff;
    font-size: 16px;
	position: relative;
    color: #000;}
.v_title h2{font-size: 16px;color: #333;line-height: 40px;text-align: left;text-indent: 28px;}
.v_title  .close{    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;}
.videoplay{position: absolute;top: 40%;left: 50%;margin-left: -36px;margin-top: -36px;opacity: 0.8;z-index:7;}