html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px;font-family: verdana,"saicfont";color: #333; }
@font-face {
  font-family: "saicfont";
  src: url("../saicfont/sourcehansans.eot"); 
  src: url("../saicfont/sourcehansans.eot?#iefix") format("embedded-opentype"),
    url("../saicfont/sourcehansans.woff") format("woff"),
    url("../saicfont/sourcehansans.ttf") format("truetype"),
     url("../saicfont/sourcehansans.svg#YourWebFontName")
      format("svg");
  font-weight: bold;
  font-style: normal;
}
html, body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
div, ul, ol, li { list-style: none; }
a:link, a:visited { text-decoration: none; }
button{border: 0;  background-color: transparent; outline: none;cursor: pointer;}
img { border: none; display: block; }
h1, h2, h3, h4, h5 { font-weight: normal; }
*{box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */   -webkit-box-sizing:border-box; /* Safari */ }
.nav-collapse ul { margin: 0px; padding: 0px; width: 100%; display: block; list-style: none; }
.nav-collapse li { width: 100%; display: block; }
.nav-toggle { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; }
.js .nav-collapse { position: absolute;	top: 50%;right:90px;-webkit-transform: translate(0, -50%);	-moz-transform: translate(0, -50%);	-ms-transform: translate(0, -50%);	-o-transform: translate(0, -50%); transform: translate(-90px, -50%); }
.nav-collapse li a:hover{color: #2288cc;}
.nav-collapse li a{transition: all .3s;font-size: .2rem;}
.other { position: absolute; width: 178px; line-height: 30px; height: 30px; top: 50%; right: 0;-webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);transform: translate(0, -50%); }
 .other li{float: left; width: auto; line-height: 30px;}
.other li i{    font-size: 30px;padding: 0 .3rem; color: #2288CC;}
.nav-toggle { display: none; }
header { background: rgb(255,255,255); position: fixed; z-index: 3;  width:100%;background: #fff;padding: 20px 10px; overflow: hidden;box-shadow: 0px 1px 8px rgba(0,0,0,0.1); }
.logo { float: left; }
.mask { transition: opacity 300ms ease 0s; background: rgba(0, 0, 0, 0.5); visibility: hidden; position: fixed; opacity: 0; z-index: 2; bottom: 0px; right: 0px; left: 0px; top: 0px; }
.android .mask { transition: none 0s ease 0s; }
.js-nav-active .mask { visibility: visible; opacity: 1; }
.mask { display: none !important; opacity: 0 !important; }
.nav-collapse, .nav-collapse * { box-sizing: border-box; }
.nav-collapse, .nav-collapse ul { list-style: none; width: 100%; float: left; }
.nav-collapse { float: right; width: auto; }
.nav-collapse li { float: left; width: 100%; }
.nav-collapse li { width: auto; line-height: 30px; }
.nav-collapse a {text-decoration: none; padding:0 .3rem; width: 100%; float: left; color: #333; }
.nav-collapse a:active, .nav-collapse .active a {color: #2288cc; }
.other{float: right;}
.kalman{width: 100%; height: 85px;}
#home,#k2, #k3, #k4 { width: 100%; position: relative;}
#home{background: url(../img/kv1.jpg);}
#k3{background: url(../img/banner.jpg);}
.nav-link{color: #fff;}
.mr i{font-size: 30px; color: #2288CC;}

.navbox { z-index: 100; width: 100%;}
.navbox .nav-link { font-size:15px;color: #333; padding: 0 .3rem;  line-height: 30px;}
.navbox.addcss { position: fixed; right: 0px; left: 0px; top: 0px; margin-top: -130px; }
.navbox.addcss .nav-link { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.navbox.addcss.awake { margin-top: 0px; transition: all 0.3s ease-out 0s; }
.navbox.addcss.newmenu { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px -2px; background: rgb(255, 255, 255) !important; }
.navbox.addcss.newmenu ul li a { color: rgb(33, 37, 41); }
.navbox.addcss.newmenu ul li a:hover, .navbox.addcss.newmenu ul li a:active, .navbox.addcss.newmenu ul li a:focus { color:#2288CC !important; transition: all .3s; }
.navbox.addcss.newmenu ul li a.active { color:#2288CC !important; }
.lastmenu::before {display: inline-block;  font: normal normal normal 14px/1 "iconfont";  font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e83d'; font-size: 30px;}
.login{background: #2288CC; padding:6px 8px; border-radius: 8px; color: #fff !important; font-size: .2rem;}
.login::before{display: inline-block;  font: normal normal normal 14px/1 "iconfont";  font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e615'; margin-right: 5px;}
.about,.business,.contact{width: 1200px; margin: 0 auto; padding:8em; overflow: hidden; position: relative;}
.about h1,.about h2,.business h1,.business h2,.contact h1,.contact h2{text-align: center;}
.about h1,.contact h1{font-size: 75px; color: rgba(102, 102, 102, 0.06); font-weight: bold;}
.about h2,.contact h2{font-size: 30px; color: #333; margin-top: -40px; margin-bottom: 30px;}
.about p{font-size: 22px; line-height: 40px;}
.business h1{font-size: 75px; color: rgba(255, 255, 255, 0.08); font-weight: bold;}
.business h2{font-size: 30px; color: #fff; margin-top: -40px; margin-bottom: 50px;}
.yewu{width: 100%; margin-top: 30px;}
.yewu li{float: left; width: 33.333333%;}
.mask2{transition: all .9s;}
.yewu li:hover .mask2{-webkit-transform: rotate(360deg);}
.yewu li:hover{cursor: pointer;}
.box{width:100%; padding: 5%;}
.box img{ border-radius: 50%;}
.box p{font-size: 20px; color: #fff; text-align: center; margin-top: 20px; overflow: hidden; line-height: 40px;}
.box span{background: #59A5D9; color: #fff; padding: 5px 10px; margin-right: 5px; border-radius: 8px;}
.mask2{background: rgba(255, 255, 255, 0.4); border-radius: 50%; padding: 10px; width: 200px;height: 200px;display: block; margin: 0 auto;}

#k4{background: url(../img/banner2.jpg)}
.box2{margin: 0 auto; overflow: hidden; width: 20em; padding: 25px 0;}
.name,.tel,.mail{font-size: 20px; line-height: 60px; height: 60px;}
.name::before,.tel::before,.mail::before{display: inline-block;  font: normal normal normal 14px/1 "iconfont";  font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; margin-right: 5px;}
.name::before{ content: '\ecf8';}
.tel::before{ content: '\e60f';}
.mail::before{ content: '\e630';}
.jt{clip-path: polygon(0 0, 100% 0, 50% 100%);
    width: 900px; 
    margin: 0 auto;
    position: absolute;
    top:0;
    right:8%;
    left: 8%;
    display: block;
    height: 50px;
    background: #fff;}
    .jt2{clip-path: polygon(0 100%, 50% 0, 100% 100%);
        position: absolute;
        bottom:-1px;
        right:8%;
        left: 8%;
        display: block;
        height: 40px;
        background: #333;}
footer{width: 100%; background: #333;}
.f-box{width: 1200px; margin: 0 auto; padding: 15px; position: relative; text-align: center;}
.f-box p{color: #ccc; line-height: 40px; font-size:14px;}
#box{width:800px; margin: 0 auto; padding: 100px;}
.swiper-slide{position: relative;}
.slogin{	position: absolute;
    
    text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.slogin h1{font-size: .8rem; color: #fff;font-family: "华文楷体";font-weight: normal;}
.slogin h2{font-size: .5rem; color: #fff;font-family:'Times New Roman'; font-weight: bold;}
.slogin h1,.slogin h2{text-shadow: 2px 1px 2px #2F5971; }



/* 用户注册 */

.regname{font-size: 22px; color: #666; width:150px; position: absolute; top: 25px; left: 0; margin-left: 150px; border-left: 2px solid #666; padding-left: 15px;}
#login-main{width: 100%;margin-top: -15px; display: flex; justify-content: center; align-items: center; overflow: hidden; position:relative;}
.cover{width: 100%;}
.main-box{width: 1100px; overflow: hidden; position: absolute;
    display: table-cell;
    vertical-align: middle;}

.login-right{
    float:right;	
    width:384px;
  }

.login-left{
    position: absolute;
    top: 50%;
	left: 10%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
}

.login-left h1{font-size: 45px; color: #fff;font-family: "华文楷体";font-weight: normal;}
.login-left h2{font-size: 40px; color: #fff;font-family:'Times New Roman'; font-weight: bold;}

.register-left{
    float:left;	
    margin-top:110px;  	

     
    }

.register_right{
float:right;	
width:384px;
 
}
#find-pass{width: 350px; margin: 150px auto;}
#find-pass p{text-align: center; color: #D1251B; line-height: 50px; font-size: 25px;}
.passok::before{display:inline-block;  font: normal normal normal 14px/1 "iconfont";  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e720'; font-size: 25px; color: #7DC855;content: '\e615'; margin-right: 8px;}
  .signin,.qj-register,.qj-yanzheng {
	width:100%;
  background:#fff;-moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);
	margin:0 auto;	
  border-radius: 8px;
  padding: 10px 0;
  overflow: hidden;
}
.signin p{font-size: 20px; padding-left: 30px; color: #666; margin-top: 15px; }
.qj-register{height:510px; margin-top: -255px;}
.qj-yanzheng{height:380px; margin-top: -190px;}
.signin-head {
  margin:0 auto;
  height: 117px;
  width:100%;
  background:url(../images/jia.png) no-repeat top right  #2976C8;
  border-top-left-radius:6px;
  border-top-right-radius:6px;

}
.signin-head span{font-size: 30px;  text-align: left;  color: #FFFFFF; padding-left: 30px; display: block; padding-top: 25px; }
.signin-head span::before{display: inline-block;  font: normal normal normal 14px/1 "iconfont";  font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e634';}
.signin-head dl{font-size: 22px;  text-align: left;padding-left: 74px; padding-top: 8px; color: rgba(255, 255, 255, 0.40) }
.signin-head dl::before{display: inline-block;  font: normal normal normal 14px/1 "iconfont";  font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e633';}

.login-name,.login-password{position: relative; margin: 0 0 20px 0; border: 1px solid #E3E3E3; border-radius: 5px; padding-left: 42px;}
.login-name::before{display:inline-block;  font: normal normal normal 14px/1 "iconfont";  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e720'; font-size: 30px; color: #ccc;}
.login-password::before{display: inline-block;  font: normal normal normal 14px/1 "iconfont"; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e644'; font-size: 30px; color: #ccc;}
.login-password::before,.login-name::before{ position: absolute; left: 8px; top:4px; color: #999999;}
.form-signin, .form-quanjin {
  padding: 20px 30px 0 30px;
  margin: 0 auto;
}

.form-register {  max-width: 280px;  padding: 25px 15px 15px 15px;  margin: 0 auto;}
.form-register h1{height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; color: #666; text-align: left; padding-bottom: 10px; margin-top: -10px;}
.yanzheng-pic{border-radius: 10px; position:absolute; top: 0; right: -74px;}
.get-mobile{ position:absolute; top: 0; right: -99px;}
.get-mobile button{ background: #FF9900; font-size: 14px; color: #fff; border: 0; height: 40px; line-height: 40px;border-radius: 5px; cursor: pointer; padding: 0 10px;}



.register-group{ position: relative;  margin: 0 0 10px 0; border: 1px solid #E3E3E3; border-radius: 5px; padding-left: 45px;}
.register-group input{ width: 100%;
  border-radius: 5px;
  border: none;
  outline: none;
  background: none;}

.re-name,.re-yanzheng,.re-mobile,.re-pass,.mobile-yz{font: normal normal normal 14px/1 "iconfont";  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e720'; font-size: 30px; color: #ccc; background: #fff;}
.re-yanzheng{width: 62%;}
.re-mobile{width: 66%;}
.re-yanzheng img{cursor: pointer; padding: 0; border: 0; margin: 0;}
.re-name::before{ position: absolute; left: 8px; top:5px; color: #999999;content: '\e720';}
.re-yanzheng::before{ position: absolute; left: 8px; top:5px; color: #999999;content: '\e647';}
.re-mobile::before{position: absolute; left: 8px; top:5px; color: #999999;content: '\e647';}
.mobile-yz::before{position: absolute; left: 8px; top:5px; color: #999999;content: '\e63e';}
.re-pass::before{position: absolute; left: 8px; top:5px; color: #999999;content: '\e644';}




.form-quanjin input[type=text],.form-quanjin input[type=password]{ 
  width: 100%;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  border: none;
  outline: none;
  background: none;
}

.login-name:hover,.login-password:hover{ 	outline:none;
	border-color:rgba(153,191,234,.75);
	-webkit-box-shadow:0 0 8px rgba(41,118,200,.5);
	-moz-box-shadow:0 0 8px rgba(41,118,200,.5);
	-o-box-shadow:0 0 8px rgba(41,118,200,.5);
	box-shadow:0 0 8px rgba(41,118,200,.5);
	-webkit-transition:border linear .2s, -webkit-box-shadow linear .5s;
	-moz-transition:border linear .2s, -moz-box-shadow linear .5s;
	-o-transition: border linear .2s, -o-box-shadow linear .5s;
	transition:border linear .2s, box-shadow linear .5s;

}

.btn-login{
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 3px;
  display: block;
  width: 100%;
  color: #fff;
  background-color: #2976C8;
  margin-top: .6rem;
  cursor: pointer;
  transition: all .3s;
  margin-bottom: 2em;

}

.btn-login:hover,.btn-login:focus,.btn-login:active{
  background-color: #2288cc;


}

.checkbox {
  display: block;
  min-height: 20px;
  margin-top: -5px;
  margin-bottom: 35px;
  vertical-align: middle;
  font-size: 14px; color: #666;
}
.remember-me{float: left; margin-right: 6px; margin-top: 4px;}


.forget-box{
  font-size: 14px; color: #333;
  padding-top: 15px;

}
.forget-box p{display: inline-block; padding: 0; line-height: 40px;}
.qq .wx .app{display: inline-block; margin-right: 8px; }
.qq::before,.wx:before,.app::before{font: normal normal normal 14px/1 "iconfont";  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; font-size: 40px; margin-right: 8px; transition: all .3s;}
.qq::before{content: '\e608'; color: #66CFEA;}
.wx::before{content: '\e618'; color: #1AF72B;}
.app::before{content: '\e638'; color: #FED600;}

.forget-box p:hover .qq::before {color: #00AAEE;}
.forget-box p:hover .wx::before {color: #07BD13;}
.forget-box p:hover .app::before {color: #FF9115;}





.forget-box li{float: right; }
.for-right{float: none !important; text-align: right;}
.forget{float: right !important;}
.forget-box li a{color: #D1251B; line-height: 40px; height: 40px; }
.forget-box li a:hover, .forget-box li a.active{text-decoration: underline;}

.slogan{width: 100%; height: 60px; line-height: 60px; font-size: 25px; color: #999; text-align: center;}
.slogan::before{display: inline-block;  font: normal normal normal 14px/1 "iconfont";  font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e633';}


.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
 
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin button {
  border-radius: 0;
}

/* ==========>placeholder颜色设置 */
input::-webkit-input-placeholder{
    color:#ccc; 
  }
  input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
  }
  input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
  }
  input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
  }
  /* ===============>placeholder颜色设置END */


  .register-main{width: 450px; margin: 0 auto;}


/* 用户注册 */

.can {
    position: absolute;
    left: 0;
    bottom: -54px;
    width: 100%;
}
.copy{width: 100%; background: #fff; text-align: center;padding: 15px 0; font-size: 14px;}

.welcome{float: left; border-left: 1px solid #666; font-size: .3rem; margin-left: 2%; padding-left: 20px; color: #666; margin-top: 8px;}

#pc-menu{display: block;}
#app-menu{display: none;}

@media screen and (max-width:1024px) {
  #pc-menu{display: none;}
  #app-menu{display: block;}
    .about, .business, .contact{width: 100%}
    .f-box{width: 100%}
    .slogin h1{font-size: .6rem; }
    .slogin h2{font-size: .4rem;}
    #pc-menu{display: none;}
    #app-menu{display: block;}
   .js .nav-collapse{position: relative !important; display: block; width: 100%;}
   .jt,.jt2{width: 84%;}
}