@charset "utf-8";
/* CSS Document */
 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%; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bbbbbb; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bbbbbb;opacity:1;
}

input:-ms-input-placeholder{
    color: #bbbbbb;opacity:1;
}

input::-webkit-input-placeholder{
    color: #bbbbbb;opacity: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(../img/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 .nav .otherLogin span.cast{background-position:-60px -40px}

.head a.logoConference{height:50px;display:inline-block; float:left; margin-top:30px;position:relative}
.head a.logoConference img{border:0;position: absolute;bottom:0;left:0;}
.head a.logoDrive{width:188px; height:50px; background:url(../img/logoDrive.png) no-repeat; display:inline-block; float:left; margin-top:30px}
.head a.logoMail{width:188px; height:50px; background:url(../img/logoMail.png) no-repeat; display:inline-block; float:left; margin-top:30px}
.head a.logoCast{width:188px; height:50px; background:url(../img/logoCast.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(../img/arrow.gif) no-repeat center right;}
.footer .subNav a.cur{background:url(../img/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(../images/safe.png) no-repeat 0 1px; padding-left:20px; display:inline-block; height:20px; margin-top:7px}

.banner{ position: relative}
.conferenceBanner{background: url(../img/banner_conference.jpg) no-repeat center center;}
#defaultBanner,#defaultFooter,#customFooter,#defaultNav,#customNav{display:none;}
#customBanner{width: 100%;background-size: cover;height: 500px; display:none;overflow: hidden;text-align: center;}
.loginBox{ margin:60px 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;position:relative}
.loginBox .nav h2{font-size:16px; padding:30px 0 10px 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.navOne{text-align: left;font-size: 16px;padding: 15px 0 10px 30px;color: #333333;float:left}

.loginBox .nav li.active:hover{color:#333333}
.loginBox .formCon{padding-top:10px}
.loginBox .validateCode{position: relative}
.loginBox .validateCode .inputbox{width:40%;}
.loginBox .validateCode .inputbox .textbox{width:60%}
.loginBox .validateCode a{float: right; margin-right: 30px;color: #0078D7;display: inline-block;line-height:40px; text-decoration: none;}
.loginBox .validateCode a:hover{color: #333333;}
.loginBox .validateCode img{border:0;}
.loginBox .count-down{right:30px;top: -3px; position: absolute;width:128px;height: 45px;display: block;background: #ffffff; text-align:right; line-height: 45px;}

.loginBox .alert-danger{display: block; height:52px; text-align:center;position: absolute;top:0; background:#fff6e2;width: 100%;color: #ff3300;line-height:52px;}

.loginBox .alert-success{display: block; height:52px; text-align:center;position: absolute;top:0; background:#f3ffdd;width: 100%;color: #8cc628;line-height:52px;}

.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{margin-top: 20px;}
.dropdown-toggle,.dropdown-toggle:hover{ background: url(../img/arrow.gif) no-repeat right center; padding-right: 15px;}
.cur .dropdown-toggle,.cur .dropdown-toggle:hover{background: url(../img/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;
}




/*多语言下拉*/
.dropdown{position: relative;cursor: pointer;float: right;}
.dropdown-menu {position: absolute;top: 100%;left:-30px;z-index: 1000;display: none;float: left;min-width: 90px;padding: 5px 0;margin: 2px 0 0;font-size: 12px;text-align: left;list-style: none;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.open > .dropdown-menu{display: block;}
.dropdown-menu>li{display: block!important;}
 .dropdown-menu>li>a {display: block;padding: 1px 20px;clear: both;color: #333;white-space: nowrap;position: relative;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {text-decoration: none;color: #333;background-color: #f5f5f5;}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:active {color: #0078d7!important;}
.dropdown-menu > .active > a:before{content: "•";position: absolute;left: 7px;color: #0078d7;}
.dropup .dropdown-menu{top: auto;bottom: 100%;margin-bottom: 2px;}
.dropdown .dropdown-toggle{background: url(../img/arrow.gif) right 17px no-repeat; display: inline-block; padding-right:20px;width:50px;text-align: right;}
.open>.dropdown-toggle{background: url(../img/arrowup.gif) right 17px no-repeat;}



.inputbox{position: relative;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;color: #333333}
.inputbox label.phcolor{position: absolute;height: 28px;width: 230px; top: 5px;left: 38px; line-height: 28px;color:#999}
.textbox{width: 230px; height: 28px; line-height: 28px; margin: 5px 0; float: left; background: none;font-size: 14px;color: #333333; 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,.web_icon,.code_icon{float: left; display: block; width: 18px; height: 18px; margin:11px 10px; background: url(../img/loginimg.png) 0 0px no-repeat;}
.pwd_icon{background-position: 0 -18px;}
.web_icon{background-position: 0 -36px;}
.code_icon{background-position: 0 -54px;}

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

.loginbtn{margin: 15px auto 0; width: 282px;}
.loginbtn button{display: block; text-align: center; color: #fff; background: #0076da; border-radius: 4px; width: 100%; line-height: 40px; font-size: 16px; box-shadow: 0px 5px 5px #d2e9fe; text-decoration:none;border:0px;}
.loginbtn button:hover{background: #4aa0f8;}
.loginbtn button: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}
#tipSfPwd{padding:20px 30px 0px 30px;color: #999999;}
.form-hide{display: none;}

.modal{width: 100%;max-width: 400px;position: fixed;left:50%;top:50%;margin:-100px 0 0 -200px;border-radius:5px;background: #ffffff; z-index: 2000;height:200px;}
.modal .modal-content{padding:20px;font-size:14px;}
.modal .modal-content .close{float: right;border:0;font-size: 18px;width: 24px; height: 24px; line-height: 24px; background:#ffffff;}
.modal .modal-content .close:hover{background: #ffffff;color: #0078d7;}
.modal .modal-content .bootbox-body{padding:20px 0;}
.modal .modal-content .modal-footer{text-align: center;}
.modal .modal-content .modal-footer .btn-danger{padding: 10px 15px;background: #ffffff;border:1px solid #0078d7;color: #0078d7;border-radius:3px;}
.modal-backdrop{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;opacity:0.7;filter:Alpha(Opacity=70);display:none;_position:absolute;z-index:1000;}


@media screen and (max-width: 760px) {
    html,body {
        background:linear-gradient(#ffffff 20%, #0078d7 80%);height: 100%;min-height:100vh;
        
    }
	.loginBox{width:90%;left:5%; margin-top:0px;border: 1px solid #ddd;}
	.head a.logoConference{position:absolute;left:50%;margin-left:-85px;margin-top:40px;}
	.head .nav{display: none;width: 0;overflow: hidden;}
	.loginbtn{width: 83%;}
	.conferenceBanner{background: none;}
	#customBanner img{display: none;}
	.inputbox{width:auto; margin-right: 28px;}
	.swiper-slide{height:420px;}
	.textbox{width: 80%;}
	.banner{margin-top: 10%;}
	.footer{display: none}
	.modal{width:90%;left:5%; margin-left:0;height: auto;}
	#defaultBanner{height: 0px;overflow: hidden;}
}