@charset "utf-8";

/** Header Start **/
.header{ height:100px; background:white; width:100%; min-width:1000px; margin:0 auto; position:absolute; left:0; top:0; z-index:10}
.header .inCon{ width:1024px; margin:0 auto;padding-left: 15px;padding-right: 15px;position: relative;}
.logo{ display:block; float:left; margin:28px 0 0 0}
.header .logBtn{ background:#1fc5f1; border-radius:6px; width:90px; height:40px; line-height:40px; float:right; display:block; overflow:hidden; font-size:18px; text-align:center; color:#fff; cursor:pointer; transition:all linear .2s; margin-top:30px}
.header .txt{ display:block; float:right; line-height:32px; margin:34px 5px 0 0; white-space:nowrap; font-size:16px}
.header .regBtn{
    border: 1px #1fc5f1 solid;
    background:#ffffff; border-radius:6px; width:90px; height:40px; line-height:40px; float:right; display:block; overflow:hidden; font-size:18px; text-align:center; color:#1fc5f1; cursor:pointer; transition:all linear .2s; margin-top:30px;margin-left: 20px;
}
.mod1{ width:100%; background:url(../images/md1Bg.jpg) no-repeat center; background-size:cover; height:980px; position:relative}
.mod1 .con{ width:1000px; position:absolute; left:50%; top:0; height:100%; margin-left:-500px}
.mod1 .t1{ display:block; text-align:center; padding:275px 0 0 0; transition:all linear .4s; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; position:relative; top:-100px; opacity:0; filter:alpha(opacity = 0)}
.mod1 .t2{ display:block; text-align:center; transition:all linear .4s .2s; -webkit-transition:all linear .4s .2s; -moz-transition:all linear .4s .2s; -ms-transition:all linear .4s .2s; -o-transition:all linear .4s .2s; position:relative; top:-100px; opacity:0; filter:alpha(opacity = 0)}
.mod1 .t3{ display:block; text-align:left; padding:95px 0 0 120px; transition:all linear .4s .2s; -webkit-transition:all linear .4s .2s; -moz-transition:all linear .4s .2s; -ms-transition:all linear .4s .2s; -o-transition:all linear .4s .2s; position:relative; top:-100px; opacity:0; filter:alpha(opacity = 0)}
.mod1 .t4{ display:block; text-align:center; padding:95px 0 0 0; transition:all linear .4s .2s; -webkit-transition:all linear .4s .2s; -moz-transition:all linear .4s .2s; -ms-transition:all linear .4s .2s; -o-transition:all linear .4s .2s; position:relative; top:-100px; opacity:0; filter:alpha(opacity = 0)}
.doanimate .module1 .t1,.doanimate .module1 .t2,.doanimate .module1 .t3,.doanimate .module1 .t4{ position:relative; top:0; opacity:1; filter:alpha(opacity = 100)}

.mod3{ width:100%; overflow:hidden; background:url(../images/md4bg.jpg) no-repeat center; background-size:cover; height:980px; position:relative}
.mod3 .con{ width:1000px; position:absolute; left:50%; top:0; height:100%; margin-left:-500px}
.mod3 .con .rBg{ height:750px; width:20000px; left:300px; position:absolute; top:115px; background:url(../images/opt2.png) repeat; transition:all linear .4s .2s; -webkit-transition:all linear .4s .2s; -moz-transition:all linear .4s .2s; -ms-transition:all linear .4s .2s; -o-transition:all linear .4s .2s;  opacity:0; filter:alpha(opacity = 0)}
.mod3 .con .lImg{transform: scale(0.5);position:absolute; left:0; top:-23%; z-index:5; transition:all linear .4s; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; opacity:0; filter:alpha(opacity = 0)}
.mod3 .con .rc{ width:500px; position:absolute; right:-70px; top:0; z-index:5; color:#fff; transition:all linear .4s .4s; -webkit-transition:all linear .4s .4s; -moz-transition:all linear .4s .4s; -ms-transition:all linear .4s .4s; -o-transition:all linear .4s .4s; opacity:0; filter:alpha(opacity = 0)}
.mod3 .con .rc .cot{margin-top: 132%;margin-left: -220px;position: relative;}
.mod3 .con .rc .cot .line{height: 2px;width: 30px;background: #FFFFFF;position: absolute;left: 50%;transform: translateX(-50%);margin-top: 20px;}
.mod3 .con .rc .cot .t1{font-size: 36px;}
.mod3 .con .rc .cot .t2{font-size: 16px;margin-top: 50px;}
.mod3 .con .rc .cot .t3{font-size: 16px;}
.doanimate .module3 .rBg{ left:240px; opacity:1; filter:alpha(opacity = 100)}
.doanimate .module3 .lImg{ left:-50%; opacity:1; filter:alpha(opacity = 100)}
.doanimate .module3 .rc{ right:0; opacity:1; filter:alpha(opacity = 100)}

.mod4{ width:100%; overflow:hidden; background:url(../images/md4_Bg.png) no-repeat center; background-size:cover; height:980px; position:relative}
.mod4 .con{ width:1000px; position:absolute; left:50%; top:0; height:100%; margin-left:-500px}
.mod4 .con .rBg{ height:750px; width:20000px; left:300px; position:absolute; top:115px; background:url(../images/opt2.png) repeat; transition:all linear .4s .2s; -webkit-transition:all linear .4s .2s; -moz-transition:all linear .4s .2s; -ms-transition:all linear .4s .2s; -o-transition:all linear .4s .2s;  opacity:0; filter:alpha(opacity = 0)}
.mod4 .con .lImg{ position:absolute; left:0; top:70px; z-index:5; transition:all linear .4s; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; opacity:0; filter:alpha(opacity = 0)}
.mod4 .con .rc{ width:500px; position:absolute; right:-70px; top:0; z-index:5; color:#fff; transition:all linear .4s .4s; -webkit-transition:all linear .4s .4s; -moz-transition:all linear .4s .4s; -ms-transition:all linear .4s .4s; -o-transition:all linear .4s .4s; opacity:0; filter:alpha(opacity = 0)}
.mod4 .con .rc .cot{margin-top: 740px;position: relative;}
.mod4 .con .rc .cot .line{height: 2px;width: 30px;background: #FFFFFF;position: absolute;left: 50%;transform: translateX(-50%);margin-top: 20px;}
.mod4 .con .rc .cot .t1{font-size: 34px;}
.mod4 .con .rc .cot .t2{font-size: 16px;}
.doanimate .module4 .rBg{ left:485px; opacity:1; filter:alpha(opacity = 100)}
.doanimate .module4 .lImg{ left:-35px; opacity:1; filter:alpha(opacity = 100)}
.doanimate .module4 .rc{ right:0; opacity:1; filter:alpha(opacity = 100)}

.mod5{ width:100%; overflow:hidden; background:#f5f5f5 url(../images/md4bg.jpg) no-repeat center bottom; background-size:100% auto; height:950px; padding-top:30px; position:relative}
.mod5 .con{ width:1000px; margin:0 auto; position:relative; left:100px;  transition:all linear .4s; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; opacity:0; filter:alpha(opacity = 0)}
.mod5 .con .t1{ font-size: 30px;margin-top: 20px;color: #484848;margin-bottom: 25px;}
.mod5 .img{ display:block; margin:0 auto}
.mod5  ul{ overflow: hidden;margin-top: 40px;}
.mod5  ul li{ float: left;margin-left: 19%;}
.mod5  ul li:first-child{margin-left: 150px;}
.mod5  ul li img{ width: 147px;height: 147px;}
.doanimate .module5{ position:relative; left:0; opacity:1; filter:alpha(opacity = 100)}

.mod6{ width:100%; overflow:hidden; background:url(../images/md5bg.jpg) no-repeat center; background-size:cover; height:980px; position:relative}
.mod6 .con{ width:1000px; position:absolute; left:50%; top:0; height:100%; margin-left:-500px}
.mod6 .con .rBg{ height:750px; width:20000px; right:570px; position:absolute; top:115px; background:url(../images/opt2.png) repeat; transition:all linear .4s; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; opacity:0; filter:alpha(opacity = 0)}
.mod6 .con .rc{ width:431px; position:absolute; left:80px; top:0; z-index:5; color:#fff; transition:all linear .4s .2s; -webkit-transition:all linear .4s .2s; -moz-transition:all linear .4s .2s; -ms-transition:all linear .4s .2s; -o-transition:all linear .4s .2s;  opacity:0; filter:alpha(opacity = 0)}
.mod6 .con .rc .t1{ display:block; text-align:left; font-size:37px; line-height:42px; padding:170px 0 0 0;margin-top: 65px;}
.mod6 .tbT{ height:40px; padding:100px 0 0 0;}
.mod6 .tbT a{ display:block; color:#fff; height:39px; line-height:39px;text-align:center; font-size:18px; padding-bottom:3px; margin-bottom:-2px; float:left; cursor:pointer; 
				overflow:hidden; transition:all linear .2s;border:1px solid #FFFFFF;border-radius: 5px;padding: 0 10px;margin-left: 22%;}
.mod6 .tbT a:first-child{margin-left: 0;}
.mod6 .tbT .cur{ padding-bottom:0; border-bottom:3px solid #fff}
.mod6 .tbC{ padding:125px 0 0 0; overflow:hidden; text-align:left}
.mod6 .tbC .t2{ display:block; height:185px; overflow:hidden; font-size:14px; color:#fff; line-height:20px; text-align:left}
.mod6 .tbC .tc{ display:block; text-align:center}
.mod6 .tbC .tcin{ display:none}

.doanimate .module6 .rBg{ right:500px; opacity:1; filter:alpha(opacity = 100)}
.doanimate .module6 .rc{ left:-160px; opacity:1; filter:alpha(opacity = 100)}

.mod7{ width:100%; overflow:hidden; background:#fff; position:relative; padding-bottom:55px}
.mod7 .t2{font-size: 20px;color: #484848;margin-top: 100px;transition:all linear .4s; -webkit-transition:all linear .4s;-moz-transition:all linear .4s; -ms-transition:all linear .4s;-o-transition:all linear .4s; position:relative; top:-100px; opacity:0; filter:alpha(opacity = 0)}
.mod7 .con{ width:1000px; margin:0 auto}
.mod7 .con .tbT{ overflow:hidden; zoom:1; padding:100px 0 0 0; transition:all linear .4s; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; position:relative; top:-100px; opacity:0; filter:alpha(opacity = 0)}
.mod7 .con .tbT a{ display:block; width:20%; float:left; cursor:pointer; overflow:hidden}
.mod7 .con .tbT a span{ display:block; width:85px; height:85px; margin:0 auto; overflow:hidden; cursor:pointer; background:url(../images/cirOff.jpg) no-repeat center; position:relative; transition:all linear .2s}
.mod7 .con .tbT a img{ position:absolute; left:50%; top:50%; margin:-19px 0 0 -20px}
.mod7 .con .tbT a i{ display:block; font-style:normal; text-align:center; font-size:14px; color:#333; padding:30px 0 0 0; line-height:26px; height:26px; transition:all linear .2s}
.mod7 .con .tbT a i:nth-of-type(2){padding: 0;}
.mod7 .con .tbT .cur span{ background-image:url(../images/cirOn.png)}
.mod7 .con .tbT .cur i{ font-size:16px}
.mod7 .con .tbC{ text-align:center; padding:60px 0 0 0; transition:all linear .4s .2s; -webkit-transition:all linear .4s .2s; -moz-transition:all linear .4s .2s; -ms-transition:all linear .4s .2s; -o-transition:all linear .4s .2s; position:relative; top:-100px; opacity:0; filter:alpha(opacity = 0)}
.mod7 .con .tbC .tIn{ text-align:center; display:none}
.mod7 .con .tbC img{ display:block; margin:0 auto;width: 90%;height: auto;}
.mod7 .con .tbC .tx{ display:block; text-align:center; line-height:160%; font-size:25px; color:#666; padding:40px 0 0 0}

.doanimate .module7 .tbT,.doanimate .module7 .tbC,.doanimate .module7 .t2{ position:relative; top:0; opacity:1; filter:alpha(opacity = 100)}

.mod8{ width:100%; overflow:hidden; background:#fff; position:relative; padding-bottom:55px;background: #F8F8F8;}
.mod8 .con{ width:1000px; margin:0 auto}
.mod8 .con ul{overflow: hidden;margin: 50px auto;}
.mod8 .con li{float: left;width: 35%;margin-left: 10%;height: 263px;background-repeat: no-repeat;background-size: 100% 100%;}
.mod8 .con li:first-child{margin-left: 10%;background-image: url(../images/pc5.png);}
.mod8 .con li:nth-child(2){background-image: url(../images/pc6.png);}
.mod8 .con li:nth-child(3){background-image: url(../images/fuwu.png);}
/*.mod8 .con li:nth-child(2):hover{background-image: url(../images/pingh.png);}*/
/*.mod8 .con li img{width: 100%;height: auto;}*/

.mod9{ width:100%; overflow:hidden; background:#f8f8f8; position:relative;}
.mod9 .content{overflow: hidden;background-color: #333a48;position: relative;height: 600px;box-sizing: border-box;}
.mod9 .content .con{width: 1000px;margin: 0 auto;height: 100%;position: relative;}
.mod9 .content .left{width: 50%;float: left;height: 100%;}
.mod9 .content .right{width: 50%;float: left;height: 100%;background: #333a48;text-align: left;padding-left: 150px;box-sizing: border-box;position: relative;z-index: 1000;}
.mod9 .content .right .t1{font-size: 38px;color: #FFFFFF;margin-top: 18%;margin-bottom: 100px;}
.mod9 .content .right .t2{font-size: 18px;color: #FFFFFF}
.mod9 .content .right .join{font-size: 30px;margin-top: 100px;display: block;color: #00addf;}
.mod9 .content .right .join:after{content: '';display: inline-block;width: 36px;height: 36px;background: url(../images/join.png) no-repeat center center;background-size: 100% 100%;vertical-align: middle;margin-left: 10px;}
.mod9 .content .lf{overflow: hidden;box-sizing: border-box;text-align: left;margin-top: 38px;position: relative;padding-right: 5%;}
.mod9 .content .rg{padding-left: 75px;}
.mod9 .content .lf .lfc{float: right;width: 345px;}
.mod9 .content .back{z-index: 100;display: block;width: 46px;height: 46px;background: url(../images/back.png) no-repeat center center;background-size: 100% 100%;vertical-align: middle;position: absolute;top: 45%;transform: translateY(-50%);left: -15%;}
.mod9 .contents {padding-top: 4%;}
.mod9 .content .t3{font-size: 25px;color: #FFFFFF;text-align: left;margin-left: -20px;}
.mod9 .content .t3:before{content: '';display: inline-block;height: 27px;width: 3px;background-color: #FFFFFF;vertical-align: middle;margin-right: 15px;}
.mod9 .content label{font-size: 18px;color:#FFFFFF}
.mod9 .content input{border: none;background-color: transparent;border-bottom: 1px solid #FFFFFF;color:#FFFFFF;margin-left: 20px;padding-left:2em;box-sizing: border-box;}
.mod9 .content textarea{background-color: transparent;border: none;overflow:hidden;width: 308px;height: 65px;color: #FFFFFF;font-size: 16px;margin-left: 90px;border-bottom: 1px solid #FFFFFF;}
.mod9 .content .t9{margin-top: 40px;text-align: left;}
.mod9 .content .t9>div{display: inline-block;}
.mod9 .content .t9 span{font-size: 20px;color: #FFFFFF;display: inline-block;cursor: pointer;vertical-align: middle;}
.mod9 .content .t9 i{display: inline-block;height: 20px;width: 20px;margin-right: 10px;background-color: red;vertical-align: middle;background: url(../images/check.png) no-repeat;background-size: 100% 100%;cursor: pointer;}
.mod9 .content .t9 input:checked + i{background-image: url(../images/checked.png);}
.mod9 .content .t9 .gs{margin-right: 20px;}
.mod9 .content .t5{margin-top: 30px;text-align: left;}
.mod9 .content .t6{margin-top: 40px;text-align: left;}
.mod9 .content .t7{margin-top: 40px;text-align: left;}
.mod9 .content .t8{margin-top: 40px;position: relative;text-align: left;}
.mod9 .content .bz{position: absolute;}
.mod9 .content .namein{width: 308px;}
.mod9 .content .lxrin{margin-left: 29px; width: 308px;}
.mod9 .content .phonein{width: 308px;}
.mod9 .content .adressin{width:308px;margin-left: 55px;}
.mod9 .content .left_l{float: left;}
.mod9 .content .right_r{float: left;margin-left: 50px;}
.mod9 .content .tt1{margin-top: 96px;text-align: left;}
.mod9 .content .tt2{margin-top: 40px;text-align: left;}
.mod9 .content .verificationIn{margin-left: 10px;}
.mod9 .content .verificationImg{width: 150px;height: 50px;}
.mod9 .content .tt3{margin-top: 15px;color: #FFFFFF;font-size: 14px;}
.mod9 .content .tt3 a{float: right;color: #FFFFFF;text-decoration: underline;font-size: 14px;cursor: pointer;}
.mod9 .content .btn{background: #00addf;color: #FFFFFF;padding: 10px 20px;font-size: 18px;border-radius: 6px;position: absolute;bottom: 25%;right: 30%;cursor: pointer;}
.footer{ overflow:hidden; padding:70px 0 105px 0}
.footer .tr1{ overflow:hidden; zoom:1; width:630px; margin:0 auto}
.footer .tr1 .t1{font-size: 20px;color: #333333;}
.footer .lr1{width: 1000px;margin: 0 auto;overflow: hidden;margin-top: 80px;}
.footer .lr1 .t2{height: 38px;text-align: left;padding-left: 14px;border-left: 5px solid #3ca8e0;color: #3ca8e0;box-sizing: border-box;font-size: 20px;line-height: 38px;}
.footer .lr1 .lefe{width: 50%;float: left;}
.footer .lr1 .lefe dt{margin-top: -15px;}
.footer .lr1 .lefe dt img{transform: scale(0.6);}
.footer .lr1 .lefe dd{font-size: 18px;color: #333333;margin-top: -50px;}
.footer .lr1 .right{width: 50%;float: left;}
.footer .lr1 .right li{font-size: 16px;color:#b1b1b1;text-align: left;margin-top: 40px;}
.footer .lr1 .right li:before{content: '';display: inline-block;width: 25px;height: 20px;vertical-align: middle;margin-right: 20px;background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;}
.footer .lr1 .right li:nth-child(1):before{background-image: url(../images/email.png);}
.footer .lr1 .right li:nth-child(2):before{background-image: url(../images/phone.png);height: 25px;}
.footer .lr1 .right li:nth-child(3):before{background-image: url(../images/marker.png);height: 35px;}
.footer .cpr{ text-align:center; padding:90px 0 0 0; line-height:22px; font-size:16px; color:#999; width:1000px; margin:0 auto}
.footer .cpr a{font-size: 16px;color:#3ca8e0 }

.suc{position: fixed;top:50%;left: 48%;z-index: 10000;display: none;padding: 20px 50px;background: rgba(0,0,0,.3);border-radius: 6px;transform: translateX(-50%);}
.suc dd{font-size: 20px;color: #FFFFFF;margin-top: 10px;}
.fil{position: fixed;top:50%;left: 48%;z-index: 10000;display: none;padding: 20px 50px;background: rgba(0,0,0,.3);border-radius: 6px;transform: translateX(-50%);}
.fil dd{font-size: 20px;margin-top: 10px;color: aliceblue}

.pc2{-webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%)}
.pc1{
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%)
}
.pc3{
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}
/*mod2 定稿了*/
.mod2{ width:100%; background: url(../images/mod2.jpg) no-repeat center; background-size:cover; height:980px; position:relative;}
.mod2 .con{ width:1200px; position:absolute; left:50%; top:0; height:100%; margin-left:-600px}
.left-top-box{ 
        width: 750px;
        left: 0px;
        top: 100px;
        position: absolute;
        opacity: 0;
        -webkit-transition: all 1s;
        transition: all 1s;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
            
 }
.left-top-box img{
    width: 100%;
}

.photo{
    width: 60%;
    display: block;
    margin:0 auto;
    margin-bottom: 30px;
    
}
.right-bottom-box{ 
        width: 360px;
        right: 50px;
        bottom: 50px;
        position: absolute;      
         -webkit-transition: all 1s;
        transition: all 1s;
        -webkit-transition-delay:.5s;
        transition-delay:.5s;
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
 }
 
  .right-bottom-box p{
  	font-size: 20px;
  }
 .right-bottom-box span{
    margin-left: 5px; margin-right: 5px;
 }


 .doanimate .left-top-box{
    opacity: 1;
      -webkit-transform: translateX(0%);
        transform: translateX(0%);
 }

  .doanimate .right-bottom-box{
    opacity: 1;
      -webkit-transform: translateX(0%);
        transform: translateX(0%);
 }
 .doanimate .pc2{
     opacity: 1;
     -webkit-transform: translateX(0%);
     transform: translateX(0%)
 }
 .doanimate .pc1{
     opacity: 1;
     -webkit-transform: translateX(0%);
     transform: translateX(0%)
 }
 .doanimate .pc3{
     opacity: 1;
 }
/*返回顶部*/
.backTop{cursor: pointer;opacity: 0;position: fixed;width: 200px;height: 190px;background-color: red;right: 50px;bottom: 100px;display: none;background: url(../images/backTop.png) no-repeat;background-size: 100% 100%;z-index: 10000000;}
.doanimate .ops{
    -webkit-animation:  opacityShowAni 300ms linear 1000ms both;
    animation:  opacityShowAni 300ms linear  1000ms both;
}

.doanimate .ops2{
    -webkit-animation:  opacityShowAni2 300ms linear 600ms both;
    animation:  opacityShowAni2 300ms linear 600ms both;
}
@-webkit-keyframes  opacityShowAni {
    from { opacity: 0; -webkit-transform:scale(3);  }
    to { opacity: 1; -webkit-transform: scale(1); }
}

@keyframes opacityShowAni {
    from { opacity: 0; -webkit-transform: scale(3);  }
    to { opacity: 1; -webkit-transform: scale(1);  }
}

@-webkit-keyframes  opacityShowAni2 {
    from { opacity: 0; -webkit-transform: translateX(10px); }
    to { opacity: 1;  -webkit-transform: translateX(0); }
}
@keyframes opacityShowAni2 {
    from { opacity: 0;   transform: translateX(10px); }
    to { opacity: 1;   transform: translateX(0); }
}
input,textarea{
    font-size: 20px !important;
}
.send-btn{
    padding:10px; border:solid 1px #01addd; border-radius: 5px; color: #01addd; font-size: 16px;
    position: relative; top: -10px;
    cursor: pointer;
}

.send-btn:hover{
    color: #ffffff;
    background: #01addd;
}

.send-btn:active{
    color: #ffffff;
    background: #1292b5;
}

.send-btn.dis{
    pointer-events: none;
}