@charset "utf-8";
input::-webkit-input-safebox-button{
	display: none;
}
body{background-color:#fff;}

.aboutwrap{ width: auto; margin: 0px 0px; padding:0px; padding-top: 20px; min-height: 300px; background-color: #fafafa;}
.aboutwrap .title{line-height:30px; height: 40px; margin: 20px; font-size: 26px; color: #444444;}
.aboutwrap .title .ico{display:inline-block; width: 40px; height: 30px; vertical-align: middle; background-image: url("/images/ico_title7.png"); background-repeat: no-repeat; background-size: 26px;}
.aboutwrap .title .en{font-size: 18px; color: #666666; margin-left: 20px;}
.aboutwrap .text{line-height:30px; font-size: 16px; margin: 0px 20px; color: #444444; padding-bottom: 50px;}
.aboutwrap .text img{max-width:100%;}
.aboutwrap .text iframe{max-width:100%;}
.aboutwrap .about_links{margin:0px; padding: 0px; margin-top: 20px;}
.aboutwrap .about_links:after{content:'\20'; clear: both; float: none; height: 0px;display:block;height:0;}
.aboutwrap .about_links li{margin:0px; padding: 0px; list-style: none; display: inline-block; padding-right: 20px;}

.about_contact_ul{ margin:0px; padding:0px; color:#444444;}
.about_contact_ul li{ padding:8px 0px; margin:0px; list-style:none; font-size:15px; line-height:20px; word-break:break-all; word-wrap:break-word;}
.about_contact_ul li.qrcode{ width:130px; height:130px; text-align:center; line-height:20px; padding-top:5px; float:right; border-left:1px dashed #dedede;}
.about_contact_ul li.qrcode img{ width:120px; height:120px;}

.abouttop{height:55px; position:relative; line-height:55px; width:auto; font-size:18px; color:#444444; background-color: #ffffff; text-align:center; margin: 0px 0px;}
.abouttop .infoback{background-image:url(/images/png_arrow_left.png); background-position:0px 18px; background-repeat:no-repeat; background-size:18px; display:block; color:#444444; padding-left:20px; padding-right:10px; width:40px; font-weight:normal; margin-left: 10px;}
.abouttop .btn{display:block; color:#333333; float: right; padding-left:30px; padding-right:5px; margin-right: 10px;}


/*login*/
.login_top{ text-align:center; margin-top: 20px;}
.login_top .logo{width:260px; height: 80px; overflow: hidden; margin: auto;}
.login_top .logo img{width:260px; height: 80px; border: 0px; object-fit: cover;}

.loginwrap{ background-color: #ffffff; width: auto; margin: 0px 15px; margin-top: 10px;}
.loginwrap .title{text-align:center; line-height:30px; height: 40px; font-weight: bolder; font-size: 20px; color: #333;}
.loginwrap .smalltitle{text-align:left; line-height:30px; height: 30px; padding-left: 10px; font-weight: bolder; font-size: 14px; color: #333;}
.loginForm{max-width:600px; margin: auto;}
.loginwrap .titlelist{max-width: 600px; padding: 0px; margin: auto; line-height:30px; text-align: center; height: 60px; font-size: 20px;}
.loginwrap .titlelist li{display:inline-block; margin-right: 20px; padding: 10px; cursor: pointer; color: #888;}
.loginwrap .titlelist li.ck{border-bottom:2px solid #3598db; font-weight: bolder; line-height: 28px; color: #333;}
.loginInputDiv{ clear:both; float:none; border: 1px solid #f1f1f1; background-color: #f6f6f6; border-radius:5px; margin-bottom:15px; overflow:hidden; height:50px; position:relative; width:auto;}
.loginInputDiv.username::before{content: "\e736"; font-family: "iconfont"; float: left; display: inline-block; font-size: 22px; text-align: center; width: 50px; line-height: 45px; color: #666;}
.loginInputDiv.password::before{content: "\e6c0"; font-family: "iconfont"; float: left; display: inline-block; font-size: 22px; text-align: center; width: 50px; line-height: 45px; color: #666;}
.loginInputDiv.tel::before{content: "\e600"; font-family: "iconfont"; float: left; display: inline-block; font-size: 22px; text-align: center; width: 50px; line-height: 45px; color: #666;}
.loginInputDiv.vali::before{content: "\e769"; font-family: "iconfont"; float: left; display: inline-block; font-size: 22px; text-align: center; width: 50px; line-height: 45px; color: #666;}
.loginInputDiv.name::before{content: "\e6ad"; font-family: "iconfont"; float: left; display: inline-block; font-size: 22px; text-align: center; width: 50px; line-height: 45px; color: #666;}
.loginInputDiv.number::before{content: "\e621"; font-family: "iconfont"; float: left; display: inline-block; font-size: 22px; text-align: center; width: 50px; line-height: 45px; color: #666;}
.loginInputDiv .valiwrap{ position:absolute; top: 0px; right: 0px; border-left: 1px solid #f1f1f1;}
.loginInputDiv .valiwrap img{height:50px;}
.loginInputDiv .btnwrap{position:absolute; top: 0px; right: 0px;}
.loginInputDiv .btnwrap .btn{height:50px; background-color: #fff; padding: 0px 10px; line-height: 50px; border-left:1px solid #f1f1f1; cursor: pointer; color: #444; display: inline-block;}
.loginInputDiv .textwrap{position:absolute; top: 0px; right: 0px; line-height: 50px; padding: 0px 10px;}

.kuploadicpic{border:1px dashed #f1f1f1; padding: 10px; height: 100px; margin-bottom: 15px; position: relative;}
.kuploadicpic .pic{width:160px; height: 100px;}
.kuploadicpic .pic img{width:100%; height: 100%;}
.kuploadicpic .btn{width:160px; height: 100px; float: right;}
.kuploadicpic .tip{position:absolute; text-align: center;  left:50%; top:50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
		background-color: #000; color:#fff; padding: 5px 10px; filter:alpha(opacity=70); opacity:0.7; border-radius: 15px; display: none;}
.kfbtnpost{-webkit-appearance:none; border-radius:5px; width:100%; height:50px; line-height:50px; border:1px solid #3598db; text-align:center; padding:0px; margin:0px auto; background-color:#3598db; color:#FFFFFF; font-size:18px;}

.loginFormInput{ width:auto; float:none; height:auto; line-height:25px; padding:10px; padding-left: 50px;}
.loginFormInput .textInput{height:30px; padding:0px; margin:0px; background-color: #f6f6f6;  width:100%; color: #000; line-height:30px; font-size:16px;}

.login_tips{ line-height:30px; height: 30px; text-align: center; font-size: 14px;}
.login_foot{text-align:center; max-width:600px; margin: auto; line-height: 20px; font-size: 14px; margin-top: 20px; color:#999;  padding: 20px;}
.login_foot a{ color:#aaa;}

.loginList{width:100%; margin-top:40px; text-align: center;}
.loginList .titlewrap{ height: 30px;}
.loginList .titlewrap .line{border-bottom: 1px dotted #f1f1f1; height: 0px; font-size: 0px; max-width:300px; margin: auto; }
.loginList .titlewrap .title{font-weight:normal; font-size: 16px; width: 100px; background-color: #fff; margin: auto; position: relative; top: -10px; line-height: 20px; color: #888;}
.loginList a{height:30px; line-height:30px; text-align:center; font-size:15px; width: 150px; display: inline-block; vertical-align: middle;}
.loginList .qqLogin{color: #444;}
.loginList .qqLogin::before{content: "\e882"; font-family: "iconfont"; color: #3598db; font-size: 20px; vertical-align: middle;}
.loginList .wxLogin{color: #444;}
.loginList .wxLogin::before{content: "\e62f"; font-family: "iconfont"; color: #00cc66; font-size: 20px; vertical-align: middle;}
.loginInputText{ line-height:20px; font-size: 14px; text-align: center; margin:20px 0px;}