@charset "utf-8";
*{margin:0;padding:0;}

html{background: #FFF }
body {font-size:12px;color:#666;line-height:180%; font-family: Microsoft Yahei;}
li {list-style:none;}
a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: underline; }
img{border:0;}
.clear{clear:both;}
.video_dt {
    width: 299px;
    height: 240px;
    position: fixed;
    bottom: 30px;
    left: 0;
}

#close {
    position: absolute;
    top: 32px;
    right: 0px;
    z-index: 10;
}

.video_dt video {
    width: 299px;
    height: 233px;
}

video {
    object-fit: contain;
}



.inner { position: relative; width: 1000px; margin: 0 auto;margin-top:70px;}


.top{position: fixed;z-index:11;top:0;left:0;width:100%;height:70px;background:#FFF;min-width:1400px;}
.logo{float:left;margin:5px 0 0 20px;}
.top-tel{float:right;height:70px;line-height:70px;margin-right:62px;padding-left:45px;background:url(images/top-tel.png) left center no-repeat;color:#009FE3;font-size:22px;}

.top-nav{text-align:center;width:100%;}
.top-nav li{display:inline-block;padding:0 3px;color:#D2D2D2;height:70px;line-height:70px;}
.top-nav li a{display:inline-block;height:70px;line-height:70px;font-size:16px;color:#666;padding:0 30px;}
.top-nav li a:hover,.top-nav li a.on{background:#009FE3;color:#FFF;text-decoration: none;}
.top-nav .active{background:#009FE3;color:#FFF;text-decoration: none;}
.top-nav .active a{color:#fff !important;}



.section{overflow:hidden;}
.section1{background:url(images/section1.jpg) left top no-repeat;background-size:cover;position:relative;z-index:10;}
.section2{background:url(images/section2.jpg) left top no-repeat;background-size:cover;position:relative;z-index:9;}
.section3{background:url(images/section3.jpg) left top no-repeat;background-size:cover;position:relative;z-index:1;}
.section4{background:url(images/section4.jpg) left top no-repeat;background-size:cover;position:relative;z-index:8;}
.section5{background:url(images/section5.jpg) left top no-repeat;background-size:cover;position:relative;z-index:7;}
.section6{background:url(images/section6.jpg) left top no-repeat;background-size:cover;position:relative;z-index:6;}


.s1-l{width:50%;float:left;height:100%;}
.s1-r{width:50%;float:right;height:100%;}
.s1-bg{position: absolute;left:-100%;top:0;height:100%;width:100%;background:#000;opacity: 0.1;-moz-opacity: 0.10;filter:alpha(opacity=10);}
.s1-1{position:relative;left:-1000px;height:456px;width:487px;background:url(images/s1-1-1.png) left top no-repeat;}

.s1-2{position:relative;right:-1000px;height:62px;width:447px;margin:100px 0 0 20px;background:url(images/s1-2.png) left top no-repeat;}
.s1-3{position:relative;right:-1000px;height:38px;width:447px;margin:20px 0 0 20px;background:url(images/s1-3.png) left top no-repeat;}
.s1-4{position:relative;right:-1000px;height:33px;width:447px;margin:20px 0 0 20px;background:url(images/s1-4.png) left top no-repeat;}
.s1-5{position:relative;right:-1000px;width:447px;}
.s1-link1{margin-top:35px;display:block;width:198px;height:42px;line-height:42px;text-align:center;font-size:17px;color:#fff;border-radius:4px;float:left;border:1px solid #fff;margin-left:20px;}
.s1-link1:hover{background:#f5de80;text-decoration:none;width:200px;height:44px;line-height:44px;border:0px;color:#6d5906;}
.s1-link2{margin-top:35px;margin-left:15px;display:block;width:198px;height:42px;line-height:42px;text-align:center;font-size:17px;color:#fff;border-radius:4px;float:left;border:1px solid #fff;}
.s1-link2:hover{background:#f5de80;text-decoration:none;width:200px;height:44px;line-height:44px;border:0px;color:#6d5906;}

.s2-l{width:45%;float:left;height:100%;position:relative;}
.s2-r{width:55%;float:right;height:100%;}
.s2-1{position: absolute;left:100px;top:1000px;height:152px;width:152px;background:url(images/s2-1.png) left top no-repeat;}
.s2-2{position: absolute;left:300px;top:1000px;height:122px;width:115px;background:url(images/s2-2.png) left top no-repeat;}
.s2-3{position: absolute;left:50px;top:1000px;height:302px;width:262px;background:url(images/s2-3.png) left top no-repeat;}
.s2-4{position:relative;right:-1000px;height:133px;width:485px;background:url(images/s2-41.png) no-repeat;}
.s2-4 ul{padding-top:55px;padding-left:10px;}
.s2-4 ul li{float:left;width:110px;text-align:center;margin-left:5px;}
.s2-4 ul li div{height:50px;width:50px;margin:0 auto;overflow:hidden;}
.s2-4 ul li p{line-height:70px;font-size:16px;color:#FFF;}
.s2-5{position:relative;right:-1000px;height:133px;width:485px;background:url(images/s2-41.png) 0 -133PX  no-repeat;}
.s2-5 ul{padding-top:49px;padding-left:10px;}
.s2-5 ul li{float:left;text-align:center;margin-left:5px;}
.s2-5 ul li div{height:50px;width:50px;margin:0 auto;overflow:hidden;}
.s2-5 ul li p{line-height:70px;font-size:16px;color:#FFF;}
.s2-6{position:relative;right:-1000px;height:133px;width:485px;background:url(images/s2-41.png) 0 -265PX  no-repeat;}
.s2-6 ul{padding-top:49px;padding-left:10px;}
.s2-6 ul li{float:left;width:85px;text-align:center;margin-left:5px;}
.s2-6 ul li div{height:50px;width:50px;margin:0 auto;overflow:hidden;}
.s2-6 ul li p{line-height:70px;font-size:16px;color:#FFF;}
.s2-7 a{color: #FFF; font-size: 16px; display: inline-block;  line-height: 30px; padding: 0px 11px; border: 1px solid rgba(173, 170, 170, 0.74); margin-left: 358px;}
.s_2a{margin-left:20px;}
.s_2b{margin-left:50px;}
.s_2c{margin-left:46px;}
.s_2d{margin-left:49px;}
.s_2e{margin-left:10px;}
.s_2f{margin-left:15px;}

.s2-ico1{background:url(images/s2-ico1.png) center center no-repeat;}
.s2-ico2{background:url(images/s2-ico2.png) center center no-repeat;}
.s2-ico3{background:url(images/s2-ico3.png) center center no-repeat;}
.s2-ico4{background:url(images/s2-ico4.png) center center no-repeat;}
.s2-ico5{background:url(images/s2-ico5.png) center center no-repeat;}
.s2-ico6{background:url(images/s2-ico6.png) center center no-repeat;}
.s2-ico7{background:url(images/s2-ico7.png) center center no-repeat;}
.s2-ico8{background:url(images/s2-ico8.png) center center no-repeat;}
.s2-ico9{background:url(images/s2-ico9.png) center center no-repeat;}



.s3-bg{position: absolute;left:50%;top:100%;background:rgba(0,0,0,.16) url(images/s3-bg.png) center center no-repeat;width:1000px;height:424px;margin:-131px 0 0 -500px;outline:10000px solid rgba(0,0,0,.3)}
.s3-box{height:1000px;height:472px;position:relative;}
.s3-1{position: absolute;height:81px;width:284px;opacity:0;left:50%;top:-1000px;margin-left:-142px;background:url(images/s3-1.png) left top no-repeat;}


.s3-2{}
.s3-2 li{float:left;width:156px;height:195px;margin:15px 0 0 133px;position:relative;transform-style: preserve-3d;}
.s3-2 li .s3-2-transform{height:150px;width:150px;transition: 300ms; margin:0 auto;cursor: pointer;}
.s3-2 li .s3-2-text{position: absolute;z-index:1;height:136px;width:136px;border:7px solid transparent;overflow:hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;transform: rotatey(180deg);transition: 300ms;}
.s3-2 li .s3-2-text p{color:#FFF;line-height:27px;padding:30px 8px;text-align:center;font-size:14px;min-height:100%;}
.s3-2 li .s3-2-img{position:relative;z-index:2;height:136px;width:136px;border:7px solid transparent;}
.s3-2 li h5{line-height:30px;margin-top:5px;text-align:center;font-size:16px;color:#FFF;font-weight: normal;}
.s3-2 li:hover .s3-2-transform{transform: rotatey(180deg);}
.s3-2 li:hover .s3-2-text{border-color:rgba(255,255,255, .3);z-index:3;}
.s3-2 li:hover .s3-2-img{z-index:1;}
.s3-2 li.s3-2-li1 .s3-2-text p{background:#D75252;}
.s3-2 li.s3-2-li2 .s3-2-text p{background:#009FE3;}
.s3-2 li.s3-2-li3 .s3-2-text p{background:#4FB8CF;}
.s3-2 li.s3-2-li4 .s3-2-text p{background:#DEA435;}
.s3-2 li.s3-2-li5 .s3-2-text p{background:#C26FCE;}
.s3-2 li.s3-2-li6 .s3-2-text p{background:#7FA248;}




.s4-box{height:222px;position:relative;width:1000px;margin:0 auto;}
.s4-box a{text-decoration: none;}
.s4-0{height:171px;width:190px;position: absolute;left:50%;top:50%;}
.s4-1{top:-1000px;margin:0 0 0 -100px;background:url(images/s4-1.png) left top no-repeat;}
.s4-2{left:-100%;top:-75%;background:url(images/s4-2.png) left top no-repeat;}
.s4-3{left:100%;top:-75%;margin:0;background:url(images/s4-3.png) left top no-repeat;}
.s4-4{left:-100%;top:120%;margin:0;background:url(images/s4-4.png) left top no-repeat;}
.s4-5{left:100%;top:120%;margin:0;background:url(images/s4-5.png) left top no-repeat;}
.s4-6{top:1000px;margin:0 0 0 -100px;background:url(images/s4-6.png) left top no-repeat;}
.s4-7{position: absolute;left:50%;top:50%;opacity:0;margin:-111px 0 0 -130px;height:204px;width:236px;background:url(images/s4-7.png) left top no-repeat;}
.s4-ico{height:46px;width:46px;margin:25px 0 0 67px;}
.s4-1 .s4-ico{background:url(images/s4-ico1.png) center center no-repeat;}
.s4-2 .s4-ico{background:url(images/s4-ico2.png) center center no-repeat;}
.s4-3 .s4-ico{background:url(images/s4-ico3.png) center center no-repeat;margin-top:40px;}
.s4-4 .s4-ico{background:url(images/s4-ico4.png) center center no-repeat;margin-top:40px;}
.s4-5 .s4-ico{background:url(images/s4-ico5.png) center center no-repeat;}
.s4-6 .s4-ico{background:url(images/s4-ico6.png) center center no-repeat;margin-top:40px;}
.s4-7 .s4-ico{height:121px;width:121px;margin:45px 0 0 60px;background:url(images/s4-ico7.png) center center no-repeat;}
.s4-0 p{color:#F2F2F2;width:110px;margin:5px 0 0 35px;text-align:center;line-height:20px;font-size:14px;}
.s4-bg1{position: absolute;left:80px;top:-100px;margin-top:-1000px;height:100px;width:150px;background: url(images/s4-bg.png) -260px -35px no-repeat;}
.s4-bg2{position: absolute;left:-200px;top:200px;margin-top:-1000px;height:120px;width:200px;background: url(images/s4-bg.png) 0px -345px no-repeat;}
.s4-bg3{position: absolute;left:160px;top:350px;margin-top:-1000px;height:50px;width:100px;background: url(images/s4-bg.png) -330px -475px no-repeat;}
.s4-bg4{position: absolute;right:20px;top:-120px;margin-top:-1000px;height:155px;width:135px;background: url(images/s4-bg.png) -1140px -30px no-repeat;}
.s4-bg5{position: absolute;right:-150px;top:-120px;margin-top:-1000px;height:110px;width:170px;background: url(images/s4-bg.png) right 0px no-repeat;}
.s4-bg6{position: absolute;right:00px;top:240px;margin-top:-1000px;height:135px;width:215px;background: url(images/s4-bg.png) -1090px -358px no-repeat;}




.s5-1{position:relative;left:-100%;height:54px;background:url(images/s5-1.png) left top no-repeat;}
.s5-1-ico{position: absolute;left:-1000px;top:-120px;height:56px;width:87px;background:url(images/s5-0.png) left top no-repeat;}
.s5-2{position:relative;left:-100%;height:36px;background:url(images/s5-2.png) left top no-repeat;margin:20px 0 50px;}
.s5-3{position:relative;left:-100%;height:36px;margin-left:60px;background:url(images/s5-3.png) left top no-repeat;}
.s5-4{position: absolute;right:-100%;top:-120px;width:416px;height:669px;background:url(images/s5-4.png) left top no-repeat;}
.weixin-pic{height:118px;width:118px;float:left;margin:112px 0 0 80px;}



.s6-1{opacity:0;height:279px;width:403px;margin:0 auto;background:url(images/s6-1-1_1.png) center top no-repeat;}
.s6-2{position:relative;top:1000px;text-align:center;margin:10px 130px 50px;line-height:220%;color:#FFF;font-size:16px;}
.s6-3{position:relative;top:1000px;text-align:center;}
.s6-3 a{color:#FFF;font-size:16px;display:inline-block;line-height:30px;padding:0 40px;border:1px solid #FFF;}
.s6-4 {
    position: relative;
    top: 1034px;
    text-align: center;
}
.s6-4 a {
    color: #FFF;
    display: inline-block;
    border: #FFF;
}


.s6-bg{height:200px;width:200px;position: absolute;left:50%;top:50%;margin:-100px 0 0 -100px;}
.s6-bg div{position: absolute;left:50%;top: 50%;margin: -250px 0 0 -250px;height:500px;width:500px;opacity: 0;}

.s6-bg1{background: url(images/s6-bg.png) left top no-repeat;}
.s6-bg2{background: url(images/s6-bg.png) right top no-repeat;}
.s6-bg3{background: url(images/s6-bg.png) left center no-repeat;}
.s6-bg4{background: url(images/s6-bg.png) right center no-repeat;}
.s6-bg5{background: url(images/s6-bg.png) left bottom no-repeat;}
.s6-bg6{background: url(images/s6-bg.png) right bottom no-repeat;}
.s6-bg div.s6-bg7{position: absolute;left:50%;top: 50%;margin: -50px 0 0 -50px;height:100px;width:100px;background:url(images/s6-bg.png) -740px -20px no-repeat;}

.location_bg{height:133px;background:url(images/ar_bg.jpg) no-repeat;}
.location{width:1200px;margin:0 auto;line-height:133px;}
.location img{float:left;margin-top:56px;margin-right:5px;}
.location span{float:left;color:#fff;font-size:14px;}
.location  a{color:#fff;}
.list_top{height:70px;background:#FFF;min-width:1200px;}
.list_bg{background:#f1f1f1;}
.list_list{width:1200px;margin:0 auto;margin-top:60px;}
.list_left{width:236px;float:left;}
.class_title{height:79px;font-size:20px;font-weight:bold;line-height:79px;font-size:16px;color:#fff;text-align:center;background:#009fe3;}
.class_list{border:1px solid #e2e2e2;background:#fff;border-top:0;}
.list_right{width:944px;float:right;border:1px solid #e2e2e2;background:#fff;}
.class_list ul li a{font-size:14px;color:#626262;display:block;height:49px;text-align:center;background:url(images/li.gif) no-repeat;line-height:49px;}

.class_list ul li a:hover{background:url(images/class_bg.gif) no-repeat;text-decoration:none;}
.title_class{height:45px;margin:0 20px;margin-top:10px;border-bottom:1px solid #e7e7e7;line-height:45px;}
.title_class span{font-size:18px;font-weight:bold;color:#444444;border-bottom:3px solid #009fe3;display:block;width:120px;text-align:center;}
.ar_body{font-size:14px;color:#626262;line-height:36px;margin:0 20px;margin-top:20px;margin-bottom:20px;}
.footer_bg{height:270px;background:#fff;margin-top:42px;}
.footer{width:1200px;margin:0 auto;}
.f_left{width:645px;float:left;}
.f_right{width:545px;float:right;}
.f_left ul {width:152px;height:203px;margin-left:50px;overflow:hidden;float:left;background:url(images/line.gif)   right no-repeat;}
.f_left p{font-size:15px;color:#313131;margin-top:37px;margin-bottom:10px;overflow:hidden;}
.f_left p img{float:left;}
.f_left p span{float:left;color:#313131;margin-left:7px;}
.f_left ul li{line-height:28px;margin-left:25px;}
.f_left ul li a{color:#8f8f8f;}
.f_right{width:543px;float:right;}
.f_right p{float:left;line-height:182px;color:#8f8f8f;}
.f_right p img{float:left;margin-left:5px;margin-top:68px;}
.code_bg{width:146px;background:url(images/code_bg.gif) no-repeat;float:right;margin-top:30px;}
.code_bg img{margin-left:15px;margin-top:16px;}
.code_bg span{display:block;text-align:center;margin-top:10px;color:#8f8f8f;}
.code_bg a{color:#8f8f8f;}
.f_text{text-align:center;color:#626262;margin-top:10px;line-height:24px;}
.f_text img{vertical-align:middle;margin-top:-3px}