*{margin:0;padding:0}
html,body{font-size:18px;font-family:"微软雅黑"; color:#666;}
img{border:0 none;}
ul, li{list-style-type:none}
input, select, button, textarea{font-family:"DroidSansChinese";}
a:focus{-moz-outline-style:none; -webkit-tap-highlight-color: transparent;}
i,em{font-style: normal;}
.clear:after{content:" ";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
a:focus{outline:none;}
body{background: #0a0f36;}


/*banner*/
.nov-ban{ width: 100%; height: 562px; overflow: hidden; background: url(../images/banner.png) no-repeat center;}
.nov-ban .inner{ width: 1200px; margin: 0 auto; text-align: center;}
.inner-top { display: inline-block;  vertical-align: top; width: 1200px; margin: 0 auto; text-align: center;}
.nov-ban .inner .t1{width: 631px; height:394px; padding-top: 120px; margin: 0 auto; }
.nov-ban .inner .t2{width: 560px;margin:-85px auto 0 auto;text-align: left;font-size: 30px; color: #fff;}
.nov-ban .inner .t2 img { width: auto;} 

/*活动内容*/

.nov-cn{ width: 100%; background: #f2e8fe; overflow: hidden;}

.inner{ width: 1200px; margin: 0 auto; text-align: center;}
.nov-coboxa{ width: 100%; margin: 0 auto; padding-bottom:40px;}
.nov-tit{ width: 100%; margin: 0 auto;padding:40px 0;}
.nov-tit h3 { width: 100%; margin: 0 auto; text-align: center;}
.nov-tit p { width: 100%; margin: 0 auto; text-align: center;color: #666; font-size: 18px;padding-top: 20px;}
.novcn-ul{ display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 10px auto ;}
.novcn-ul li{ flex: 1;
    max-width:48%;
    min-width:48%;
    text-align: center;
    padding:45px 60px;box-sizing: border-box;
    background: url(../images/bg1.png) no-repeat center;
    box-shadow: 0 3px 3px 0 rgba(102,102,102,.1);
    border-radius: 5px;
    position: relative;text-align: left;
    transition: .5s; color: #fff; position: relative; overflow: hidden;}
.novcn-ul li:hover {
    box-shadow: 0 0 5px 3px rgba(102,102,102,.4);
}
.novcn-ul li h3{ font-size: 30px;padding-top: 5px;}
.novcn-ul li p{ font-size: 20px;}
.novcn-ul li h4{ font-size: 14px; font-weight: normal; padding-top: 5px;color: #eee;}
.novcn-ul li em{ position: absolute; right: -30px; bottom: 20px;transition: .3s;}
.novcn-ul li:hover em{ right: -10px; }

.novcn-ul2{ display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 20px auto ;}
.novcn-ul2 li{ flex: 1;
    max-width:48%;
    min-width:48%;
    text-align: center;
    padding:40px 0px 0 60px;box-sizing: border-box;
    background: url(../images/jt.png) no-repeat left center;
    box-shadow: 3px 3px 3px rgba(54, 114, 254, 0.15);
    border-radius: 5px;
    position: relative;text-align: left;
    transition: .5s; color: #333; position: relative; overflow: hidden;}
.novcn-ul2 li:hover{box-shadow:5px 5px 5px rgba(54, 114, 254, 0.3);}
.novcn-ul2left{ float: left;width: 68%; padding-right: 20px; box-sizing: border-box;}
.novcn-ul2 li h4{font-size: 50px; font-weight: bold; float: left; text-align: center; box-sizing: border-box; line-height: 40px; color: #5756fe; }
.novcn-ul2 li h4 i { font-size: 18px;padding-top: 12px;  display: block;float: left;}
.novcn-ul2 li h3{font-size: 16px;color:#333 ; height: 65px; padding-top: 5px;padding-right: 15px; width: 100%;float: left; font-weight: normal; line-height: 28px;}
.novcn-ul2 li h5{font-size:30px; text-align: center; float: right;width: 160px; color: #fff; transition: .3s;}
.novcn-ul2 li h5 a{  display: block;color: #fff; text-decoration: none; padding-top:30px;}
.novcn-ul2 li p{font-size: 16px; padding-top: 0px; width: 100%;float: left; line-height: 30px;color: #777; padding-bottom: 22px;}

.novcn-but{ width: 100%;padding: 40px 0; text-align: center;}
.novcn-but a{ width: 225px; height: 64px; border-radius:5px ; transition: .5s;line-height: 64px;font-size:20px;text-decoration: none; margin: 0 auto; display: block; background: url(../images/butbg.png) no-repeat center; color: #fff;}
.novcn-but a:hover{box-shadow:0px 5px 8px rgba(54, 114, 254, 0.4);}
.nov-coboxb{ width: 100%; overflow: hidden;}
.nov-coboxb-tit{ background: url(../images/bg2.png) no-repeat center; color: #fff; font-size:40px; line-height: 120px; text-align: center; height: 120px;}
.nov-coboxb-all{ width: 100%; background: #fff; padding: 40px; box-sizing: border-box;}
.coboxb-alla{ background: url(../images/1m.png) no-repeat center ; height: 186px; width: 100%; margin-bottom: 20px;}
.coboxb-alla-ll{ width: 50%; float: left;color: #fff; padding: 40px 50px; box-sizing: border-box; text-align: left; position: relative; }
.coboxb-alla-ll h3{font-size: 30px; line-height: 60px;}
.coboxb-alla-ll p{font-size: 16px;}
.coboxb-alla-ll em{ position: absolute; right: 20px; bottom:-10px; color: #ffffff21; font-size: 40px; display: block;}
.coboxb-alla-rr{ width: 50%; float: right;padding: 30px 50px; box-sizing: border-box; text-align: left;  }
.coboxb-alla-rr h3{font-size: 28px; line-height: 60px;color: #833be7;}
.coboxb-alla-rr p{font-size: 16px;color: #666; }
.coboxb-allb{ width: 100%; background: #fff;  height: 210px; width: 100%; margin-bottom: 20px;}
.coboxb-allb-ll{ width: 49.9%;height: 210px; float: left;color: #fff; padding:0; box-sizing: border-box; text-align: left; background: url(../images/m2.png) repeat; }
.coboxb-allb-ll h3{font-size: 24px; padding-left: 40px; line-height: 60px; background: url(../images/bg4.png) no-repeat center; color: #fff;}
.coboxb-allb-ll p{font-size: 16px;color: #666; width: 100%;padding: 0 40px; box-sizing: border-box;line-height: 24px;}
.coboxb-allb-ll h3 em{float: right; color: #ffffff21; font-size: 40px; display: block;font-weight: normal; margin-right: 20px;}
.coboxb-allb-ll h4{ font-size:32px;color: #833be7;padding-top: 20px; padding-left: 40px; padding-bottom: 10px;}
.coboxb-allb-rr{ width: 49.9%;height: 210px;  float: right;padding:0; box-sizing: border-box; text-align: left; background: url(../images/m2.png) repeat; }
.coboxb-allb-rr h3{font-size: 24px; line-height: 60px;padding-left: 40px;  background: url(../images/bg4.png) no-repeat center; color: #fff;}
.coboxb-allb-rr p{font-size: 16px;color: #666;padding: 0 40px; width: 100%; box-sizing: border-box;  line-height:24px;}
.coboxb-allb-rr h3 em{float: right; color: #ffffff21; font-size: 40px; display: block;font-weight: normal;margin-right: 20px;}
.coboxb-allb-rr h4{ font-size:32px;color: #833be7;padding-top: 20px;padding-left: 40px; padding-bottom: 10px;}

.tonov-cn{ width: 100%; background: url(../images/bg5.png) no-repeat center top #f2e8fe; overflow: hidden;}
.xh-title{color: #fff; width: 100%; text-align: center; padding: 50px 0 20px 0;}
.xh-title h3{font-size: 30px; line-height: 40px;padding-bottom: 20px;}
.xh-title p{font-size: 18px; line-height: 30px;padding-bottom: 20px;}
.xh-border{ width: 100%; background: #fff; padding: 40px; box-sizing: border-box; margin-bottom: 50px;}
.xh-border .xh-ipt{margin: 25px 0 0;overflow: hidden;display: inline-block;}
.xh-border .xh-ipt label{color: #333;font-size: 20px;font-weight: normal;width: 180px;text-align: right;float: left;line-height: 55px;margin: 0;}
.xh-border .xh-ipt input{font-family: "微软雅黑";color: #9395a6;font-size: 18px; float: left;margin-left: 5px;height: 55px; border:#eee solid 1px;background: #fff;line-height: 55px;padding: 0 33px;width: 434px;box-sizing: border-box;border-radius: 30px;}
.xh-border .xh-ipt select{font-family: "微软雅黑";color: #9395a6;font-size: 18px; float: left;margin-left: 5px;height: 55px; border:#eee solid 1px;background: #fff;line-height: 55px;padding: 0 33px;width: 434px;box-sizing: border-box;border-radius: 30px;}

.xh-border .xh-ipt input::-moz-placeholder{font-size: 18px;color: #9395a6;}
.xh-border .xh-ipt input::-webkit-input-placeholder{font-size: 18px;color: #9395a6;font-family: "微软雅黑";}
.xh-border .xh-ipt input::-ms-input-placeholder{font-size: 18px;color: #9395a6;}
 .xh-border .xh-btn{background: url(../images/butbg.png) no-repeat center;width: 243px;height: 63px;margin: 0 auto;color: #fff;
line-height: 58px;font-size: 22px;margin-top: 23px;}
.xh-border .xh-btn a{ width: 225px; height: 64px; border-radius:5px ; transition: .5s;line-height: 64px;font-size:20px;text-decoration: none; margin: 0 auto; display: block; background: url(../images/butbg.png) no-repeat center; color: #fff;}
.xh-border .xh-btn :hover{box-shadow:0px 5px 8px rgba(54, 114, 254, 0.4);}

input { outline:none; }


#aabut{ transform: 2s;}