@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}  
*{padding:0;margin:0}
ul,li{list-style:none;}
img{border:None;}
body{font-size:100%;font-size:16px;font-size:1.6rem;background:#5298df;font-family:"微软雅黑";line-height:24px;color:#333;text-align:center;}
a{color:#333;text-decoration:none;}
a:hover{color:#df5b24;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both; overflow:hidden; height:0;}

#wrap{
    /* min-width:1200px; */
    margin:0 auto;
}
#top{width:100%;height:300px;background:url('../images/topbg.png') top  center no-repeat;overflow:hidden;}
#content{width:1200px;padding:0;margin:30px auto 0px auto;overflow:hidden;}
#bottom{text-align:center;padding:30px 0;line-height:200%;color:#d8e7f8;}
#bottom a{color:#d8e7f8;}
#bottom img{vertical-align: middle;}

#top .logo{text-align:center;margin:30px 0 20px 0;}
#top .logo img{width:1032px;height:auto;}
#top .s_logo{margin-bottom:75px;font-size:36px;color:#fff;line-height:120%;font-weight:bold;}
#top .s_logo span{font-weight:normal;font-size:24px;}
#top .s_logo img{width:558px;height:auto;}

#left{float:left;width:180px;background:#347dd9;min-height:500px;}
.leftnav{ margin:0px 0;}
.leftnav li{height:59px;line-height:59px;border-top:1px #488adc solid;font-size:18px;color:#fff;}
.leftnav li:first-child{height:60px;line-height:60px;border-top:0;}
.leftnav li a{display:block;color:#fff;}
.leftnav li a:hover{background:#2768bb;}
.leftnav li .cur{background:#2a64ad;}

#right{float:right;width:920px;padding:20px 30px;background:#fff;border-radius:20px;min-height:860px;}

.cont{text-align:left;line-height:30px;}
.cont h2{text-align:center;margin:10px auto 15px auto;width:280px;height:47px;line-height:47px;font-size:28px;color:#fff;background:url('../images/h2bg.png') no-repeat;}
.cont p{text-align:left;line-height:30px;/*text-indent:2em;*/padding:5px 0;text-align:justify;text-justify:inter-ideograph;}
.cont a{color:#0371fb; text-decoration:underline;}

.ml30{margin-left:30px;}
.undline{padding:10px 0;border-bottom:#ddd 1px dotted;}

/*报名参会*/
.bm_con{width:450px;margin:0px auto;}
.apply{width: auto;margin:0 auto;}
.apply ul{padding:0;margin:30px auto 20px auto;}
.apply ul li{list-style:none;margin-top:15px; overflow:hidden;}
.apply ul li label{ float:left;width:140px;padding-right:10px;text-align:right;color:#333;}
.apply ul li input{border:1px solid #ddd;background-color:transparent;color:#555;}
.apply ul li input.txt{width:288px;height:32px;padding:0 5px;}
.apply ul li input.yzm_txt{width:178px;}
.apply ul li .yzm_fs{float:right;width:108px;height:32px;background:#347dd9;color:#fff; text-align:center;border:1px solid #2a64ad;}
.ztsel{float:left;padding-left:120px;}
.ztsel span{ display:block;/*float:left;width:48%;*/}

.ipt-submit{display:block;width:180px;margin:10px auto;padding:10px 0;border:none;background-color:#2a64ad;border-radius:5px; line-height:30px;font-size:16px;color:#fff;}

@media screen and (max-device-width:1366px){
#top{height: auto;background-size:105% 100%;}
#top .logo{margin:30px 0 20px 0;}
#top .logo img{width:930px;height:auto;}
#top .s_logo{margin-bottom:20px;}
}

@media screen and (max-device-width:1024px){
#wrap{min-width:auto;width:100%;}
#content{width:98%;margin:10px auto;background:#fff;height:580px;padding:10px 0;border-radius:20px;position:relative;}
#top .logo img{width:80%;}
#top .s_logo {font-size: 24px;position: relative;}
#top .s_logo img{width:50%;}
#top .s_logo .s_logo_line {display: none;}

#left{float:none;position: absolute;right:0;top:-9px;width:100px;min-height: 0;display: none;}
.leftnav li{height:42px;line-height:42px;}
.leftnav li:first-child{height:43px;line-height:43px;}

.nav-handler {width:25px;height:12px;cursor: pointer;float:right;position:relative;z-index: 52;padding:30px;margin-top:5px;position: absolute;right:-22px;top: -28px;display: block;}
.nav-handler .burger {width: 25px;height: 2px;background: #fff;display: block;position: absolute;z-index: 5;top:27px;left:29px;transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;
-o-transform-origin: center;-ms-transform-origin: center;}
.nav-handler .burger-2 {top: 35px;}
.nav-handler .burger-3 {top:44px;}
.nav-handler.active .burger-1 {top:37px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.nav-handler.active .burger-2 {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;}
.nav-handler.active .burger-3 {top:37px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#content {
    overflow: visible;
}
#right{float:none;width:auto;padding:0px !important;min-height:auto;height:550px;overflow-y:scroll;margin:0 auto;background:none;border-radius:0;}
.apply ul {
    margin: 0px 20px 20px 20px;
}
.apply ul li label {
    float: none;
    display: flex;
}
.apply ul li:last-child{
    width: auto!important;
}
#infoContentDiv {
    padding: 0 20px;
}
}
@media screen and (max-device-width:812px){
#top .logo{margin:50px 0 30px 0;}
#top .s_logo{margin-bottom:50px;}

#zoom h2{margin:0px auto;width:auto;height:auto;font-size:2rem;background:none;color:#347dd9;}	

}
	
@media screen and (max-device-width:667px){
#top .logo{margin:50px 0 20px 0;}
#top .s_logo{margin-bottom:30px;}	
}

@media screen and (max-device-width:568px){
#top .logo{margin:30px 0 10px 0;}
#top .s_logo{margin-bottom:20px;}
#top .logo img{width:90%;}
#top .s_logo img{width:60%;}

#left{width:90px;}
.leftnav li a{font-size:1.5rem;}
#right{padding-left:110px;}

#bottom{font-size:1.0rem;padding:15px 0;}
#bottom	span{ display:block;}

#zoom p{font-size:1.5rem;}
}

@media screen and (max-device-width:414px){
#top .logo{margin:20px 0 10px 0;}
#top .s_logo{margin-bottom:20px;}

}

@media screen and (max-device-width:320px){
#top .logo{margin:15px 0 5px 0;}
#top .s_logo{margin-bottom:15px;}

}