body{
    background: #fafbfc;
    margin: 0 auto;
    /*width: 1024px;*/
}

#header .headerCont{
    padding: 14px 22px;
}
#header .header_color{
	background:#fff;
	}
#header .logo{
    height: 40px;
    padding-top: 1px;
    float: left;
}

#header .language{
    color: #ffffff;
    padding-top: 12px;
    float: right;
}

#header .language .langCont{
    width: 110px;
    height: 25px;
}

#header .language .lanSel{
    border: 1px solid #bbd2e8;
    background: #feffff;
    height: 20px;
    cursor: pointer;
    padding: 5px 10px;
}

#header .language .lanList{
    display: none;
    border: 1px solid #e1e1e1;
    border-top: none;
	position: absolute;
    z-index: 9;
	width: 108px;
}

#header .language .langCont .lanItem{
    display: block;
    background: #ebebeb;
    height: 20px;
    padding: 5px 15px 0px 10px;
}

#header .language .langCont .lanItem:hover{
    background: #fffefe;
}

#header .language .langCont .lanIcon{
    display: block;
    background: url("/webstatic/images/home/lang.png") no-repeat 0px 0px;
    width: 16px;
    height: 12px;
    margin-top:3px;
}

#header .language .langCont .lan_CN{
    background-position: 0px 0px;
}

#header .language .langCont .lan_EN{
    background-position: 0px -29px;
}

#header .language .langCont .lanText{
    display: block;
    width: 60px;
    height: 15px;
    line-height: 15px;
    color: #267ed5;
    text-indent: 6px;
    font-size: 12px;
}

#header .language .langCont .lanSel .lanText{
    color: #267ed5;
    line-height: 20px;
}

#header .language .langCont .lanSel .lanSelBtn{
    display: block;
    background: url("/webstatic/images/login/login_icon02.png") no-repeat;
    width: 10px;
    height:6px;
    margin-top: 8px;
}


#header .language a{
    color: #ffffff;
}

#content{
	background:url("/webstatic/images/login/logo_bg.png") no-repeat center center;
	background-size:cover;
	height:100%;
}


/*@media screen and (min-width: 1280px) {
    .wrapper {
        width: 1280px;
    }
	.wrapper .showPic{
		float:left;
		width:724px;
		height:580px;
		background:url("/webstatic/images/login/logo_banner.png") no-repeat center center;
		margin-top:90px;
}
@media screen and (min-width:1025px) and (max-width: 1279px) {
    .wrapper {
        width: 1024px;
    }
	.wrapper .showPic{
		float:left;
		width:724px;
		height:580px;
		background:url("/webstatic/images/login/logo_banner.png") no-repeat center center;
		margin-top:90px;
}

@media screen and (max-width: 1024px) {
    .wrapper {
        width: 1024px;
    }
	.wrapper .showPic{
		float:left;
		width:526px;
		height:428px;
		background:url("/webstatic/images/login/logo_bannerTwo.png") no-repeat center center;
		margin-top:120px;
	}
}

*/



#content .wrapper{
    width: 1280px;
    margin: 0 auto;
    position: relative;
}
#content .wrapperTwo{
    width: 1024px;
    margin: 0 auto;
    position: relative;
}
#content .wrapper .showPic{
	float:left;
    width:724px;
    height:550px;
	background:url("/webstatic/images/login/logo_banner.png") no-repeat center center;
	margin:110px 0px;
}
#content .wrapperTwo .showPic{
	float:left;
    width:526px;
    height:428px;
	background:url("/webstatic/images/login/logo_bannerTwo.png") no-repeat center center;
	margin:110px 0px;
}
#content .showPic .picSrc{
    display: block;
    width: 485px;
    height: 480px;
}

#content .loginForm{
    background: #fefefe;
    border: 1px solid #e9e9e9;
    box-shadow: 1px 3px 10px rgba(204, 204, 204, 0.5);
    /*box-shadow: 1px 1px 10px rgba(220, 232, 241, 1);*/
    border-radius: 2px;
    width: 270px;
    padding: 30px;
	float:right;
	margin-top:145px;
}

.loginForm .loginTitle{
    height: 30px;
}

.loginForm .loginTitle .titleTxt{
    font-size: 22px;
    color: #5e605d;
    font-family:"黑体";
}

.loginForm .loginTitle .register{
    font-size: 14px;
    color: #308ede;
    margin-top: 8px;
    text-decoration: none;
}

.loginForm .loginTitle .register:hover{
    color: #4596e0;
    text-decoration: underline;
}

.loginForm .loginTitle .register:active{
    color: #3690df;
}

.loginForm .loginCont{
}

.loginForm .loginCont.defHeight{
    height: 250px;
}

.loginForm .loginCont .formItem{
}

.loginForm .loginCont .formItem .itemTitle{
}

.loginForm .loginCont .formItem .itemCont{
}

.loginForm .loginCont .formItem.errorInfo{
    min-height: 20px;
    line-height: 20px;
    padding-bottom: 5px;
}

.loginForm .loginCont .errorInfo .errorTxt{
    line-height: 20px;
    color: #f60101;
    font-size: 12px;
}

.loginForm .loginCont .errorInfo .specialErrorInfo{
    display: none;
}

.loginForm .loginCont .errorInfo .errorHref{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #308ede;
    text-decoration: none;
}

.loginForm .loginCont .errorInfo .errorHref:hover{
    color: #4596e0;
    text-decoration: underline;
}

.loginForm .loginCont .errorInfo .errorHref:active{
    color: #3690df;
}

.loginForm .loginCont .formItem.email{
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #d2d3d5;
    border-radius: 4px 4px 0px 0px;
    height: 50px;
}

.loginForm .loginCont .email .itemTitle{
    /*border: 1px solid #ccc;*/
    background: url("/webstatic/images/login/loginIcon01.png") no-repeat 15px 0px;
    width: 45px;
    height: 15px;
    margin-top: 18px;
}
.loginForm .loginCont .email .clear_input{
    float: right;
    height: 15px;
    margin-right: 7px;
    margin-top: 20px;
    width: 19px;
}


.loginForm .loginCont .email .itemCont{
    padding-top: 14px;
}


.loginForm .loginCont .email .itemCont .input-text{
    display: block;
    background: none;
    border: none;
    box-shadow: none;
    width: 180px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #9b9b9b;
}
.loginForm .loginCont .email .itemCont .input-text {
    box-shadow: none;
}

.loginForm .loginCont .formItem.password{
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #d2d3d5;
    border-top: 1px solid #e2e5ea;
    border-radius: 0px 0px 4px 4px;
    height: 50px;
}

.loginForm .loginCont .password .itemTitle{
    /*border: 1px solid #ccc;*/
    background: url("/webstatic/images/login/loginIcon01.png") no-repeat 15px -22px;
    width: 45px;
    height: 16px;
    margin-top: 18px;
}

.loginForm .loginCont .password .itemCont{
    padding-top: 14px;
}

.loginForm .loginCont .password .itemCont .input-text{
    display: block;
    background: none;
    border: none;
    box-shadow: none;
    width: 180px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #9b9b9b;
}

.loginForm .loginCont .password .itemCont .input-text:focus{
    box-shadow: none;
}

.loginForm .loginCont .formItem.captcha{
    height: 40px;
    margin-top: 15px;
}

.loginForm .loginCont .captcha .itemCont{
}
.loginForm .loginCont .captcha .itemCont .captchaInput{
    border: 1px solid #d2d3d5;
    border-radius: 2px;
    box-shadow: none;
    width: 90px;
    height: 38px;
    /*text-align: center;*/
    font-size: 14px;
    color: #9b9b9b;
    padding: 0 10px;
    margin: 0;
}

.loginForm .loginCont .captcha .itemCont .captchaInput:focus{
    box-shadow: none;
}

.loginForm .loginCont .captcha .itemCont .captchaImgBox{
    border: 1px solid #d2d3d5;
    border-radius: 2px;
    text-decoration: none;
    width: 140px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

.loginForm .loginCont .captcha .itemCont .captchaImg{
    display: block;
    height: 100%;
    font-size: 14px;
    color: #9b9b9b;
    margin: 0 auto;
}

.loginForm .loginCont .formItem.aboutPwd{
    height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.loginForm .loginCont .aboutPwd .itemCont{
}

.loginForm .loginCont .aboutPwd .itemCont .forget{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #308ede;
    text-decoration: none;
}

.loginForm .loginCont .aboutPwd .itemCont .forget:hover{
    color: #4596e0;
    text-decoration: underline;
}

.loginForm .loginCont .aboutPwd .itemCont .forget:active{
    color: #3690df;
}

.loginForm .loginCont .formItem.formOpt{
    height: 50px;
}

.loginForm .loginCont .formOpt .itemCont{
}

.loginForm .loginCont .formOpt .itemCont #handler{
    border: none;
    border-radius: 4px;
    box-shadow: none;
    display: block;
    width: 100%;
    height: 45px;
    background: #308ede;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
}

.loginForm .loginCont .formOpt .itemCont #handler:hover{
    background: #2581cf;
}

.loginForm .loginCont .formOpt .itemCont #handler:active{
    background: #2079c5;
}

.fL{
    float: left;
}

.fR{
    float: right;
}

.clear{
    clear: both;
}

.normal{
    background: url("/webstatic/images/login/loginIcon01.png") no-repeat scroll 0px -233px;
}
.normal:hover{
    background: url("/webstatic/images/login/loginIcon01.png") no-repeat scroll 0px -211px;
}
.normal:active{
    background: url("/webstatic/images/login/loginIcon01.png") no-repeat scroll 0px -255px;
}

input::-ms-clear{display:none;}/*隐藏文本框叉子*/


html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;}
ul, li{ list-style-type: none; }
input[type="submit"],input[type="reset"],input[type="button"],select,button {-webkit-appearance: none;}
body, button, input, select, textarea {
    font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
    -webkit-font-smoothing: antialiased;
}
html{height: 100%;}
body{color:#666;background-size:150px 72px;height: 100%; background: #ffffff;}
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }

.pageFixed{position:fixed;width:100%; top:50%;margin-top:-350px;}
.head{height:100px}
.head .nav{float:right; margin-top:60px;font-size:14px; vertical-align:middle}
.head .nav li{display:inline-block;*display:inline;zoom:1; margin-left:30px;color:#0078d7 }
.head .nav li a{color:#333333; text-decoration:none}
.head .nav li a:hover{color:#0078d7}
.head .nav .hotline{color:#999;font-size:14px;}
.head .nav .hotline span{color:#0078d7; font-size:18px; margin-right:10px}

.head .nav .otherLogin{height:20px; display:inline-block;*display:inline;zoom:1; margin-left:10px;font-size:12px; }
.head .nav .otherLogin a,.head .nav .otherLogin span{width:20px;height:20px; background-image:url(/webstatic/images/login/iconLogin.png); display:inline-block;*display:inline;zoom:1;*margin-left:5px; margin-bottom:-3px;}
.head .nav .otherLogin a:hover{ background-position:0 -20px}
.head .nav .otherLogin span{background-position:0 -40px}
.head .nav .otherLogin a.conference{background-position:-40px 0}
.head .nav .otherLogin a.conference:hover{background-position:-40px -20px}
.head .nav .otherLogin span.conference{background-position:-40px -40px}
.head .nav .otherLogin a.drive{background-position:-20px 0}
.head .nav .otherLogin a.drive:hover{background-position:-20px -20px}
.head .nav .otherLogin span.drive{background-position:-20px -40px}
.head .nav .otherLogin a.cast{background-position:-60px 0}
.head .nav .otherLogin a.cast:hover{background-position:-60px -20px}

.head a.logoDrive{width:188px; height:50px; background:url(/webstatic/images/login/logoDrive.png) no-repeat; display:inline-block; float:left; margin-top:30px}
.warp{width:1000px; margin:0 auto}
.footer{ font-size:12px;color:#999999; height:50px; padding-top:20px; text-align:center}
.footer .nav{ margin:5px 0 8px 0; }
.footer .nav li{display:inline-block;*display:inline;zoom:1;}
.footer .nav i{display:inline-block;*display:inline;zoom:1;font-style:normal; padding:0 10px; text-align:center;color:#ccc}
.footer .nav li a{color:#666666; text-decoration:none}
.footer .nav li a:hover{color:#333333}

.footer .subNav{display:inline-block;*display:inline;zoom:1; position:relative;  padding-left:30px}
.footer .subNav a{ padding-right:15px; background:url(/webstatic/images/login/arrow.gif) no-repeat center right;}
.footer .subNav a.cur{background:url(/webstatic/images/login/arrowup.gif) no-repeat center right;}
.footer .subNav div{ background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); position:absolute; padding:5px 0; text-align:center;display:none;width:90px; left:20px; top:23px}
.footer .subNav div a{ background:none; padding:5px 0;width:90px; display:inline-block; margin:0}
.footer .subNav div a:hover{color:#333; background:#f3f6f7}
.footer .iso{ background:url(../img/iconISO.png) no-repeat 0 1px; padding-left:20px; display:inline-block; height:20px; margin-top:7px}
.footer .warp a{color:#999999;text-decoration: none;}

.banner{ position: relative}
.formCon{padding:15px 0 0 0;}
.loginBox{ margin:80px 0 0; width: 340px;background: #fff; border-radius: 5px;overflow: hidden; position:absolute; right:50%; margin-right:-500px;top:0; z-index:100;}
.loginBox .nav{height:50px;}
.loginBox .nav h2{font-size:16px; padding:40px 0 0 27px;color:#333333; font-weight:normal}
.loginBox .nav li{float: left; display: block; background: url(../img/tabBg.png) repeat-x; width: 50%;border: 1px solid #D0D0D0;color:#999999;border-top: 0; margin-left: -1px;height:50px; line-height: 56px;font-size: 14px; text-align:center; cursor:pointer;}
.loginBox .nav li:hover{color:#333333}
.loginBox .nav li:last-child{ float: right; margin-right: -1px;}
.loginBox .nav li.active{background: none; border: none; cursor:default;color:#333333}
.loginBox .nav li.active:hover{color:#333333}

.loginBox .error{ height:30px; margin-top:10px; text-align:center;color:#ff3300}

.checkbox{ display:block;  padding:0px 30px; font-size:12px}
.checkbox a{float:right; color:#666666;  text-decoration:none;}
.checkbox a:hover{color:#0078d7}

.loginBox .nav-tabs > li a{font-size: 14px; height:46px; line-height: 49px; display: block; text-align: center; color: #6e6c6c; text-decoration:none}
.loginBox .nav-tabs > li a:hover{color:#333333}
.loginBox .nav-tabs > li.active a{ color: #333;}

.loginBox .loginbtm{}
.dropdown-toggle,.dropdown-toggle:hover{ background: url(/webstatic/images/login/arrow.gif) no-repeat right center; padding-right: 15px;}
.cur .dropdown-toggle,.cur .dropdown-toggle:hover{background: url(/webstatic/images/login/arrowup.gif) no-repeat right center;}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display:none;
    float: left;
    font-size: 14px;
    right: -20px;
    width: 100px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu a,.dropdown-menu li{ height: 32px; line-height: 32px;}.dropdown-menu a{padding: 0 15px; font-size: 12px; display: block;}
.dropdown-menu a:hover{ background: #f3f6f7;}
.open > .dropdown-menu {
    display: block;
}
.dropup .dropdown-menu{
    bottom: 100%;
    margin-bottom: 1px;
    top: auto;
}

.inputbox{width: 282px; height: 38px; margin: 20px 0 0 28px; border: 1px solid #d3d3d3;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.textbox{width: 230px; height: 28px; line-height: 28px; margin: 5px 0; float: left; background: none;font-size: 14px;color: #c6c6c6; border:0;outline:none}
.onfocus {border-color: #66afe9;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);outline: 0 none;}
.onfocus .textbox{color:#333333}
.user_icon,.pwd_icon{float: left; display: block; width: 18px; height: 18px; margin:11px 10px; background: url(/webstatic/images/login/loginimg.png) 0 0px no-repeat;}
.pwd_icon{background-position: 0 -18px;}

.loginbtn{margin: 15px auto 0; width: 282px;}
.loginbtn input{width: 282px;display: block; text-align: center; color: #fff; background: #0076da; width: 100%; line-height: 40px; font-size: 16px; border: none; text-decoration:none}
.loginbtn input:hover{background: #4aa0f8;}
.loginbtn input:active{background: #0271cf;}


.loginbtm{ padding: 0 20px; background: #f3f6f7 none repeat scroll 0 0;height: 39px; line-height: 39px;padding: 0 27px;margin-top: 0px;}
.loginbtm a{color:#666; text-decoration:none}
.loginbtm a:hover{color:#333333;}
.language{position: relative; float: right;}

.swiper-slide{width:100%;background-size: cover;display: block;height:500px;}
.swiper-slide a{height:500px; display:block}
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);


}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 4px;
    left: 0%;
    width: 100% ;

}



/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 30px;
    height: 4px;
    margin: 5px 5px;
    /*background: #869791;*/
    background: #fff;

}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    background: #0078d7;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}
#mainPage .captcha .itemCont .captchaInput{
    border: 1px solid #d2d3d5;
    border-radius: 2px;
    box-shadow: none;
    width: 90px;
    height: 38px;
    /*text-align: center;*/
    font-size: 14px;
    color: #9b9b9b;
    padding: 0 10px;
    margin: 0;
}
#mainPage .captcha .itemCont .captchaImgBox {
    border: 1px solid #d2d3d5;
    border-radius: 2px;
    text-decoration: none;
    width: 140px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
#mainPage .captcha .itemCont .captchaImg {
     display: block;
     height: 100%;
     font-size: 14px;
     color: #9b9b9b;
     margin: 0 auto;
 }
#mainPage .formItem.captcha {
    width: 282px;
    height: 38px;
    margin: 20px 0 0 28px;
    height: 40px;
    margin-top: 15px;
    border: none;
}
#mainPage .formItem.errorInfo {
    height: 30px;
    padding-top: 10px;
    text-align: center;
}
#mainPage .errorInfo .errorTxt {
    line-height: 20px;
    color: #f60101;
    font-size: 12px;
}
#mainPage .errorInfo .specialErrorInfo {
    display: none;
}