/*==S Font */
@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=20161024'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=20161024#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?t=20161024') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf?t=20161024') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=20161024#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
    font-family: 'LT_Regular';
    src: url('../fonts/LT_Regular.eot');
    src: url('../fonts/LT_Regular.eot') format('embedded-opentype'),
         url('../fonts/LT_Regular.woff2') format('woff2'),
         url('../fonts/LT_Regular.woff') format('woff'),
         url('../fonts/LT_Regular.ttf') format('truetype'),
         url('../fonts/LT_Regular.svg#LT_Regular') format('svg'); 
}
/*==E Font */

/*==S common */
*{ padding:0; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
li,ul,ol{list-style:none}
a,a:hover,a:focus,a:visited {  text-decoration: none; }
img.img-block{width:100%;display:block;border:none}
img{ border: none;}
.clearfix:after, .cistern:after { content: " "; display: table; clear: both;  }
html,body{ font-family: LT_Regular,Arial, Helvetica, sans-serif;font-size:16px; color:#666; height: 100%;}
a,i{transition:.5s;-webkit-transition:.5s;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
main,nav,section,article,figure{display: block;min-height: 100%;position: relative;}
.all-cistern{padding:80px 0 0;position:relative;transition:.5s;-webkit-transition:.5s}
.cistern{max-width:1660px;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}
.content{padding-top:60px;padding-bottom:60px}
.fl{float:left}
.fr{float:right}
.plr-10{padding-left:10px;padding-right:10px}
.mlr-10{padding-left:10px;padding-right:10px}
.bg-while{ background-color: #ffffff;}
.display-b{ display: block;}
.display-n{display:none}
.contents {max-width:1460px;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}

@media (max-width:1600px) {
    .cistern{max-width:1420px;padding-left:15px;padding-right:15px}
    .content{padding-top:40px;padding-bottom:40px}
    .contents {max-width:1220px;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}
}




.ict-footer{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: #161616; padding: 25px 0;}
.ict-footer p{ float: left; color: #ffffff; font-size: 12px; line-height: 30px;}
.ict-footer ul{ float: right;}
.ict-footer ul li{ margin-left: 15px; float: left; position: relative;}
.ict-footer ul li a{ color: #909090;}
.ict-footer ul li i{ font-size: 30px; line-height: 1;}

@media (max-width: 768px) {
    .ict-footer{ padding: 20px 0;}
    .ict-footer ul,.ict-footer p{ width: 100%; float: none; text-align: center;}
    .ict-footer ul li{ float: none; display: inline-block; margin: 0 5px;}
    .ict-footer p{ line-height: 16px; padding-top: 10px;}
}

.ict-footer ul li:first-child a:hover:before{ content: ""; display: block; width: 96px; height: 96px; background: url(../images/img-erweima.png) top center no-repeat; position: absolute; top: -106px; left: -36px; }
.ict-footer ul li:first-child a .icon-downthrow{ display: none;}
.ict-footer ul li:first-child a:hover .icon-downthrow{ display: block;  position: absolute; top: -20px; left: 0; font-size: 28px; color: #fff; }



/*==E common */




/*导航 s*/

header{ width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; overflow: hidden; padding:14px 84px 24px 95px; z-index: 1;border-bottom: #e4e4e4 solid 1px; transition:all ease .5s;}
header.min{ padding:5px 84px 5px 95px;} 
@media(max-width: 1240px){
    header.min{ padding:5px 20px 5px 20px;}
}
.logo{ float: left; max-width: 127px;}
.logo img{ display: block; width: 100%;}
.back-home{ float:right; line-height: 1; padding-top: 10px;}
.back-home a{font-size: 12px; color: #333;text-transform: uppercase;}
header.min .back-home{ padding-top: 6px;}
header.min .back-home a{ padding:5px 0px;}
header.min .logo img{}
.back-home a:hover{ color: #cc3947;} 
.nav{ float: right; padding-top: 11px; padding-right: 25px; transition:all ease .5s; display: none;}
.nav li{ font-size: 14px; line-height: 30px; color: #333; padding:0 25px; float: left; display: inline-block; cursor: pointer;}
.nav li a{ font-size: 14px;color: #333;}
.nav li:after{ content: ""; display: block;background-color: #c8c8c8; width: 0; height: 2px; margin:0 auto; transition:all ease .5s;}
.nav li:hover:after{ width: 100%;}
.nav li.current:after{ width: 100%; }
header.min .nav{ padding-top: 5px;}

.wap_navbtn {display: none;float: right;width: 25px;height:29px;position: relative;cursor:pointer;position:relative;z-index: 10;margin-left: 20px; margin-top: 5px;}
.wap_navbtn span {display: inline-block;width: 25px;height: 2px;top: 14px;right: auto;background:#000;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position:absolute;transition:background 0.3s;}
.wap_navbtn span:before,.wap_navbtn span:after {content: '';display:block;background:#000;height: 100%;width: 100%;position: absolute;right: 0;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.wap_navbtn span:before {top: -8px;}
.wap_navbtn span:after {bottom: -8px;}
.case-big-box{/* position: relative; */height: 100%;}
.case-big-box.on:after{ position:absolute;top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(1,1,1,0.1); }
.case-menu{ position: fixed; top: 0; left: 100%; width: 60%; height: 100%; background-color: #fff; z-index: 10; padding:40px 20px 0 20px;box-shadow: 0px -8px 20px #f3f4f7; transition:all ease .5s; opacity: 0;}
.case-menu.on{ left: 40%; z-index: 100; opacity: 1;}
.case-menu li{ width: 100%; font-size: 14px; padding:12px 0; text-align: left;}
.case-menu li a{ color: #333;}
.case-menu li.current a{ color: #2e9ce6;}

.case-menu div{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 14px; color: #333; border-top: 1px solid #ececec;}
.case-menu div a{ float: left; padding:10px 0; color: #333;}
.case-menu.story-menu div a{ padding:8px 0 16px;}
.case-menu div a.cn{ border-right: 1px solid #ececec; width: 20%}
.case-menu div a.case-menu-back{ width: 80%;}
.case-menu-close{ position: absolute; top: 10px; right: 10px; color: #333;}
.case-menu-close i{ font-size: 30px; line-height: 1;} 
.blur {
    -webkit-filter: blur(2px); /* Chrome, Opera */
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false); /* IE6~IE9 */
}

@media(max-width: 1240px){
    header{ padding:6px 20px 14px 20px;}
    .nav li{ padding:0 15px;}
}
@media(max-width: 768px){
    .logo img{ width: 110px;}
    .wap_navbtn{ margin-top: 0;}
    .back-home{ display: block;}
    .nav{ display: none;}
    .wap_navbtn{ display: none;}
    header{ padding:12px 20px; position: static;}
    .logo img{ margin-top: 0;}
}


.head_link{ float: right; color: #fff; font-size: 14px;transition: .5s;  -webkit-transition: .5s; margin-right: 20px; padding-top: 8px;}
.min .head_link{ padding-top: 5px;}
.head_link a{ font-size: 14px; color: #fff; position: relative; padding-right: 20px;}
.head_link a.hui{ color: #333;}
.head_link a:hover{ color: #cc3947;}
.head_link a:before{ content: ""; height: 12px; width: 1px; background-color: #fff; display: block; position: absolute; top: 3px; right: 0;}
.head_link a.hui:before{ background-color: #333;}
@media(max-width: 768px){
    .head_link{ padding-top: 5px;}
    .back-home{ padding-top: 7px;}
}
/*导航 E*/







.storey-reg{ overflow-y: auto; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; text-align: center; display: none;}
.storey-reg:after{ content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.storey-reg-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: .5;}
.reg-assembly{ padding: 20px 50px;}
@media(max-width: 1366px){
    .storey-reg{ overflow-y: auto; }
    .storey-reg:after{ height: 115%; }
    .storey-reg-bg{ height: 115%; }
    .storey-reg::-webkit-scrollbar{ width: 5px; height:12px;}
    .storey-reg::-webkit-scrollbar-track { background-color:#f5f5f5; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; }
    .storey-reg::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b2b2b2; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;  }
}
/* ==S register*/
.register{ width: 620px; display: inline-block; text-align: left; background-color: #ffffff; position: relative; vertical-align: middle;}
.register .subject{background: #e6e6e6; padding: 20px 60px; position: relative;}
.register .subject h2{color: #333333;font-size: 16px;line-height: 1.2;font-weight: normal;}
.register .storey-reg-close{ position: absolute; right: 18px; top: 16px; color: #aaaaaa; z-index: 10;}
.register .storey-reg-close i{ font-size: 30px; line-height: 1; }
.register .storey-reg-close:hover{ color: #878787;}
.register .rule{margin-top: 24px;}
.register .rule p{padding-bottom: 5px;}
.register .rule p em{color: #e50000;}
.register .rule span{ font-size: 14px; font-weight: bold;}
.register .register-left,.register .register-right{width: 50%;float: left;}
.register .register-all-width{ width: 100%;}
.register .register-all-width .input-wrap{ width: 50%; float: left; padding: 10px; position: relative;}
.register .input-con {margin-bottom: 2px;}
.register .input-title{ position: absolute; left: 19px; top: 15px;}
.register .input-con em{color: #e50000;position: absolute;font-style: normal;}
.register .input-title p,.register .input-topic p{padding-left: 10px;display: inline-block; font-size: 14px; color: #333333;}
.register .input-block{display: block; position: relative;}
.register .input-block .input-box{position: relative;}
.register .input-block .input-box input{display: block;width: 100%;font-size: 14px;line-height: 1.2;padding: 9px 10px;outline: none;z-index: 1;position: relative;background: transparent;border: 1px solid #d5d5d5;height: 40px\9; color: #666666;}
.register .input-radio .input-box input{ margin-right: 5px; position: relative; top: 1px;}
.register .input-block .input-box input.red{border: 1px solid #e50000;}
.register .input-block .input-box ul{position: absolute;left: 0;top: 34px;background: #fff;width: 100%;padding: 10px 0;border: 1px solid #aaa;z-index: 2;display: none;height: 200px;overflow-y: scroll;}
.register .input-block .input-box ul.reship{ height: 148px;}
.register .input-block .input-box ul li{padding: 3px 20px;cursor: pointer; font-size: 14px;}
.register .input-block .input-box ul li:hover{background: #ccc;}
.register .errorMessage{font-size: 12px;color: #e50000;line-height: 15px;position: absolute;}
.register .input-block .input-box i{position: absolute;right: 10px;top: 6px;z-index: 0;}
.register .option-questions { padding: 5px 10px 0 10px;}
.register .option-questions .input-con{ margin-bottom: 10px;}
.register .input-block .input-box .input-tips{position: absolute;left: 10px;top: 5px;font-size: 14px;color: #aaa;transition: .5s;-webkit-transition: .5s;}
.register .register-button{ display: block; padding: 0px 60px;height: 30px;color: #fff;background: #e50000;margin: 20px auto;font-size: 16px;cursor: pointer; border: none; outline: none; width: 153px\9;}
.submitLoading{ display: none; position: relative;height: 40px; background-color: #e50000; border-radius: 5px;margin:0 auto; margin: 30px auto 80px; border: none; outline: none;}
.submitLoading img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 22px; top: 20%\9; left: 43%\9;}

.register .input-con.input-radio,.register .input-con.input-checkbox{width: 100%;}
.register .legal-notices p a{color: #000;text-decoration: underline;}
.input-con .input-topic{margin-bottom: 10px;}
.input-con .input-box label{margin-right: 20px;display: inline-block; font-size: 14px;}
.register .input-block .input-box.sex_radio label{margin-right: 40px;margin-top: 7px;}
.register .input-block .input-box.sex_radio label input{display: inline;width: auto;}
.register .participation {background: #e5e5e5;padding: 20px 0;margin-bottom: 50px;}
.register .participation .input-title {width: 18%;}
.register .input-textarea textarea{ width: 100%; height: 86px; border: #d5d5d5 solid 1px; color: #666666; padding: 5px; font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
.register .input-textarea .input-topic p{ padding-left: 0;}
.register .input-textarea-box{ position: relative;}
.register .input-textarea-box .input-title{ left: 5px; top: 5px;}
.register .input-textarea-box .input-title p{ color: #666666; font-size: 12px; padding-left: 0; line-height: 1.2;}

label .specialText{display: none;width: 50%;height: 24px;padding: 4px;margin: 0px 0 -4px 10px;background-color: #fff;border-bottom: 1px solid #ccc;border-top: none;border-left: none;border-right: none;}
/*@media (max-width:1600px){*/
    /*.register .participation .input-title {width: 20%;}*/
    /*.register .input-title{width: 40%;padding-right: 20px;}*/
    /*.register .input-block{width: 60%;}*/
/*}*/
@media (max-width:768px){
    .register .storey-reg-close{ position: fixed; }
    .storey-reg{ overflow: auto;}
    .storey-reg::-webkit-scrollbar{ width: 3px; height:12px;} 
    .storey-reg::-webkit-scrollbar-track { background-color:#f5f5f5; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; }
    .storey-reg::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b2b2b2; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;  }

    .storey-reg:after{ display: none;}
    .storey-reg-bg{ display: none;}
    .reg-assembly{ padding: 0 20px 20px 20px;}
    .register{ width: 100%;}
    .register .subject{ padding: 20px 30px; background-color: #ffffff;}
    .register .subject h2{ line-height: 26px; font-size: 16px;}
    .register .register-left,.register .register-right{width: 100%;float: none;}
    .register .input-title{width: 100%;text-align: left; margin-bottom: 5px;padding-left:0;}
    .register .input-block{width: 100%;}
    .register .participation .input-title {width: 100%;}
    .register .participation .input-block {padding-left: 20px;}
    .register .input-con {margin-bottom: 1px;}
    .register .register-all-width .input-wrap{ width: 100%;}
}
/* ==E register*/

.ict-register2 .input-textarea-box .input-title p{ padding-left: 10px;}