@charset "UTF-8";
/*
 * @authors Coolia.Gong (Coolia.Gong@sinoservices.com)
 * @date    2016-10-23 09:13:55
 * @link    http://www.sinoservices.com
 */
/*公共样式*/
body,ul,dl,p{margin:0; padding:0;}
 body{font-family: 'microsoft yahei';min-width: 1200px;padding-top: 70px;}

.fl{float: left;}
.fr{float: right;}
img{border:none;vertical-align: top;}
.posr{position: relative;}
li{list-style-type: none;}
.c2{color: #ff6500;}
.bold{font-weight: bold;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.page-w{width: 1200px;margin:0 auto;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
/*头部样式*/
.header{height: 70px;position: fixed;width: 100%;top: 0;z-index: 20;background: #fff;}
.header .logo{padding:12px 40px 12px 0;}
.header ul{height: 69px;margin-top: 3px;}
.header li{float: left;padding:0 20px;height: 69px;}
.header li.line{background: url(../images/topbar_line.png) no-repeat center;}
.header li.navLi a{color: #2d2d2d;text-decoration: none;line-height: 66px;display: block;}
.header li.navLi a:hover,.header .navLi.cur a{border-bottom: 3px solid #f60;color: #f60;}
.header .handle a{line-height: 66px;display: block;color: #2d2d2d;text-decoration: none;}

.header .handle a:hover,.header .handle.cur a{color: #f60;}
.header .nav .login-btn,.fix-header .header .nav .login-btn{background:url(../images/login_icon1.png) no-repeat left center;padding-left: 24px;}
.header .nav .reg-btn,.fix-header .header .nav .reg-btn{background:url(../images/reg_icon1.png) no-repeat left center;padding-left: 24px;}
.header .nav .download-btn,.fix-header .header .nav .download-btn{background:url(../images/download_icon1.png) no-repeat left center;padding-left: 24px;}

/*内页*/
.topic{height: 254px;}
/*预约演示*/
.form-item .text-input{
  display: block;
  box-sizing:border-box;
  width: 100%;
  height: 44px;
  padding: 6px 36px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-item .text-input1{
	padding: 6px 12px;
}
.form-item .text-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-item .text-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-item .text-input:-ms-input-placeholder {
  color: #999;
}
.form-item .text-input::-webkit-input-placeholder {
  color: #999;
}
/*登录注册*/
.login-page {
    background: url(../images/login_bg.png) no-repeat white;background-size:100% 100%;min-height:495px;background-position: center center;
}
.login-page .header span,.reg-page .header span,.app-page .header span{border-left: 2px solid #000;padding-left: 20px;margin-top: 26px;display: block;float: left;font-weight: bold;}
.login-page .footer{height: 70px;}
.login-page .contenttrade{background: url(../images/logintrade.jpg) no-repeat bottom center #ddeff9;}
.login-page .contentbi{background: url(../images/loginbi.jpg) no-repeat bottom center #ddeff9;}
.login-page .contentbcs{background: url(../images/loginbcs.jpg) no-repeat bottom center #ddeff9;}
.login-page .contentpsc{background: url(../images/loginpsc.jpg) no-repeat bottom center #ddeff9;}
.login-page .contentbid{background: url(../images/loginbid.jpg) no-repeat bottom center #ddeff9;}
.reg-page .content{background: url(../images/reg_bg1.png) no-repeat center #fff;}
.app-page .content{background: url(../images/app_bg.jpg) no-repeat bottom center #023142;}
.login-page .login-box{width: 300px;position: absolute;right: 45px;top:160px;padding:15px 37px; font-size: 14px;}
.login-page .login-box .bg{background: #fff;position: absolute;left: 0;top: 0;width: 375px;bottom:0;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.login-page .login-form .tit{line-height: 50px;font-size: 18px;text-align: center;color:#3489d4;} 
.login-page .login-form .form-item,.reg-page  .reg-form .form-item{margin-bottom:22px; }
.login-page .login-form .form-item,.reg-page  .reg-form .form-item-box{margin-bottom:16px;position:relative; }
.login-page .login-form .code-input{width: 100px;display: inline-block;}
.login-page .login-form .get-code{width: 180px;display: inline-block;font-size: 12px;line-height: 44px;vertical-align: top;margin-left: 20px;}
.login-page .login-form .get-code img{width:90px;}
.login-page .login-form .btn-lg,.reg-page .reg-form .btn-lg{width: 300px;text-align: center;height: 48px;line-height: 48px;text-decoration: none;background:#3489d4;display: block;font-size: 16px;color: #fff;border:0;font-family: 'microsoft yahei';    border-radius: 3px;}
.login-page .login-form p a{text-decoration: none;margin-left: 10px;}
.login-page .login-form p a:hover{color: #f60}
.pass-icon{width:14px;height:16px;position:absolute;left:12px;top:12px;background: url(../images/passworld.png)}
.users-icon{width:14px;height:16px;position:absolute;left:12px;top:12px;background: url(../images/users.png)}
@media screen and (max-width:1368px ) {
	.login-page .login-box{top:80px;}
}
/*底部*/
.footer{height: 70px;}
.foot-bg img{width: 100%;height: 100%;}
.bottom-nav,.wx-code{width: 200px;}
.contact{width: 800px;}
.contact p{padding:10px 0;}
.bottom-nav a{font-size: 12px; text-decoration: none;color: #fff;margin-bottom: 10px;display: inline-block;}
.footer .tel {color: #ff9517;line-height: 36px;font-size: 18px;}
.footer .tel i{background: url(../images/tel_icon.png ) no-repeat left center;height: 36px;width: 36px;display: inline-block; vertical-align: top;margin-right: 10px;}
.footer .mail,.footer .mail a{color: #cecece;}
.bottom-info{padding:20px 0;}
.copyright{color: #849fe1;padding:20px 0 0;font-size: 14px;}

.form-item-box .error-box {margin: 30px 0 5px}
.form-item-box .error-box span {padding:4px 0px;line-height: 20px;color: #fff;background: #ea3535;display: block;width: 300px;text-align: center;border-radius: 2px}
.intl-wrap{
	width: 100px;
    float: right;
    margin-right: 30px;
    margin-top: 30px;
    position:relative;
}
.intl-select{
	top: 30px;
	width: 120px;
    right: 20px;
	position:absolute;background:#fff;
	border-radius: 4px;
	box-shadow: 1px 2px 5px #888888;
	display:none;
}
.intl{
	position:relative;
	font-size:16px;
	cursor: pointer;
}
.intl:after{
	content:"";
	position:absolute;
	width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #5c5c5c;
    top: 6px;
    right: 22px;
}
.intl-select a{
	display:block;
	color:#595959;
	text-decoration:none;
	padding: 10px;
	font-size:14px;
}
.intl-select a:hover{
	color:#0078d6;
	background:#eee;
}
