body{font-size:16px; line-height:1.8; background:#fff; font-weight:normal; font-family:Microsoft YaHei,PingFang SC; color:#000; overflow-x: hidden;}
div,p,ul,li,form,input,textarea,button{font-size:16px;}
ul,ol,li{ list-style:none;}
img{max-width:100%;}
*{margin:0;padding:0;}
a{ color:#000;text-decoration:none;transition: all 0.35s;}
a:hover{ color:#ea151e;transition: all 0.35s;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.fb{ font-weight:700;}.fn{ font-weight:normal}
.center{text-align: center}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f28{ font-size:28px;}
.f36{ font-size:36px;}
.f136{ font-size:48px;}
.blue, a.blue, .blue a{ color:#1167cb;}
.white, a.white, .white a{ color:#fff;}
.red, a.red, .red a{ color:#f00; MARGIN-TOP: 10PX; MARGIN-LEFT: 10PX;}
.grey9, a.grey9, .grey9 a{ color:#999;}
.bg-white{ background:#fff;}
.bg-grey{ background:#f5f5f5;}

.span{ font-size:24px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mr30{margin-right:30px;}
.pd50{padding-top:50px; padding-bottom:50px;}
.pd80{padding-top:80px; padding-bottom:80px;}
.pt150{ padding-top:150px;}
.w50{width:50%;}

a.login{width:110px; text-align:center; font-size:14px; height:32px; line-height:32px; border-radius:16px; display:inline-block; color:#fff; background: linear-gradient(to right, rgba(148,38,221,1), rgba(18,135,255,1));transition: all 0.35s;}
a.login:hover{ transition: all 0.35s;box-shadow: 0 5px 10px #6f04f4;}
a.reg{width:150px; text-align:center; font-size:18px; font-weight:700; height:42px; line-height:42px; border-radius:21px; display:inline-block; color:#fff; background: linear-gradient(to bottom, rgba(60,204,15,1), rgba(0,166,81,1)); transition: all 0.35s;}
a.reg:hover{ transition: all 0.35s;box-shadow: 0 5px 10px #03561d;}
a.more{width:120px; height:40px; line-height:40px;border-left:6px solid #188a5c; text-align:center; display:inline-block; color:#333; background-color:rgba(173,173,173,0.5);transition: all 0.35s;}
a.more:hover{background-color:rgba(0,128,76,0.8); color:#fff;transition: all 0.35s;}

.container{width:1200px; margin-left:auto; margin-right:auto;padding-top: 100px;}
.container-f{width:100%;}
.container-c{width:1230px; margin-left:auto; margin-right:auto;}

.tbg{background:url(../img/tbg.jpg) no-repeat center top; height:600px;background-size: 100% 100%;}
.header{padding-top:20px;}
.login-btn{padding-top:10px;}
.banner .t{margin-top:100px; font-size:54px;}
.bg2{background:url(../img/bg2.png) no-repeat center top; height:628px;}
.zhuce{font-size:36px; text-align:center; padding-top:270px; line-height:1.2; font-weight:700;}
.bg3{background:url(../img/bg3.jpg) no-repeat center top; height:645px; box-sizing:border-box; padding-top:36px;background-size: 100% 100%;}
.dc{width:1872px; margin:80px auto;}
.dc li{width:302px; height:422px; text-align:center; position:relative; float:left; margin:5px; overflow:hidden; cursor:pointer;transition: all 0.35s;}
.dc li .t{width:100%; text-align:center; position:absolute; left:0px; top:180px; font-size:24px; font-weight:700;color:#fff;transition: all 0.35s; z-index:9;}
.dc li .line{width:100%; text-align:center; position:absolute; left:0px; top:220px;opacity:0;transition: all 0.35s;z-index:9;}
.dc li .b{ position:absolute; left:0; top:400px;opacity:0;transition: all 0.5s;z-index:9;}
.dc li .mask{ position:absolute; width:100%; height:422px; top:422px; background-color:transparent;transition: all 0.35s; z-index:2;}
.dc li .pic{ position:absolute; z-index:1; left:0;top:0;}
.dc li:hover .t{top:30px;transition: all 0.35s;}
.dc li:hover .line{top:70px;opacity:1;transition: all 0.35s;}
.dc li:hover .b{top:140px;opacity:1;transition: all 0.5s;}
.dc li:hover .mask{top:0px;background: linear-gradient(to bottom, rgba(18,135,255,0.6), rgba(148,38,221,0.6));transition: all 0.35s;}
.bg4{background:url(../img/bg4.jpg) no-repeat center top; height:600px;background-size: 100% 100%;}
.bg6{background:url(../img/bg6.png) no-repeat center top; background-size: 100% 100%;}
.bg7{background:url(../img/bg9.jpg) no-repeat center top; height:725px; padding-top:50px;background-size: 100% 100%;}
.case{width:770px; height:550px; margin:30px auto 0;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px;}
.case .swiper-pagination-bullet{background: url(../img/bullet.png);width:18px;height:18px;background-size: 100% 100%; opacity: 1; border:none;}
.case .swiper-pagination-bullet-active{background: url(../img/bullet-on.png);width:18px;height:18px;background-size: 100% 100%; opacity: 1;border:none;}
.copy{ background:#0c0517; color:#fff; height:60px; line-height:60px; text-align:center; font-size:12px; text-align:center;}

/*login*/
.login-bg{background:url(../img/login-bg.jpg) no-repeat center top;background-size: 100% 100%;}
.login-box{width:440px; position:absolute; right:0; top:50px;}
.logo-form{width:440px; box-sizing:border-box; padding:25px 25px 50px; border-radius:12px; background:#fff;}
input.form-text{width:100%; height:46px; line-height:46px; background:#eee; color:#666; box-sizing:border-box; border-radius:5px; padding:0 10px; border:0;}
.form-left{width:70%; margin-right:2%;}
.form-right{width:28%;}
input.sub{width:100%; text-align:center; border:0; background:#0d1140; color:#fff; line-height:46px; height:46px;border-radius:5px;}
input.sub2{width:100%; border:0; font-size:18px; font-weight:700; height:54px; line-height:54px; border-radius:5px; display:inline-block; color:#fff; background: linear-gradient(to bottom, rgba(60,204,15,1), rgba(0,166,81,1)); cursor:pointer; transition: all 0.35s;}
input.sub2:hover{transition: all 0.35s;box-shadow: 0 5px 10px #57b581;}
/*#code{ background:#3d4166; color:#0089ff; width:100%; height:46px; text-align:center; border:0; font-size:24px; border-radius:5px;}*/
.img-code-btn{ background:#3d4166; color:#0089ff; width:100%; height:46px; text-align:center; border:0; font-size:24px; border-radius:5px;}
.cli-btn{ cursor: pointer;}
.required {
    border: solid 1px #f00 !important;
}
.input-msg-error {
    color: red;
}
.trun-reg {
    color: red;
    float: right;
}
html,body {
    width: 100%;
    height: 100%;
}