@charset "utf-8";
/* CSS Document */

#header{ background:url(/cms/templates/30658556856800000/images/pc-hbg.jpg) no-repeat center bottom;background-size: cover; }

.w_1400{max-width:1400px; margin:0 auto;}

.head-top{ padding-top:16px;}
.pc-logo{ float:left; margin-left:12px;}
.pc-logo img{ width:52px; height:auto;}
.sj-logo{ display:none;}

.head-icon{ float:right; margin:20px 10px 0 0; line-height:23px;}
.head-icon01,.head-icon02,.head-icon03{ float:right; margin-left:30px;}
.head-icon01{ display:none;}
.head-icon01 img,.head-icon02 img,.head-icon03 img{ vertical-align:middle; height:auto;}
.head-icon03 img{ width:23px;}
.head-icon02 img{ width:30px;}
.head-icon01 img{ width:24px;}

.sj-caidan{ display:none;}

/* 导航 */
.menu{margin:8px 0 0 8.8%;}
.menu>ul{display:flex;}
.menu>ul>li{ float:left; line-height:48px; height:74px;font-size:24px; margin-right:2.8%;position:relative; white-space: nowrap; z-index: 99;}
.menu>ul>li:last-child{ margin-right:0;}
.menu>ul>li>a{ color:#c0ebf4; display:block; padding:0 10px;}

.menu>ul>li>a.currentSite{ background:url(/cms/templates/30658556856800000/images/menu-h.png) no-repeat center bottom; color:#fff;}
.menu>ul>li>a:hover{ color:#fff; }

.second-nav{ display:none;position: absolute;background:#fff;padding:14px 10px; z-index: 9999; left:50%; top:56px; margin-left:-55px;width:110px; box-sizing:border-box;}

.second-nav li{line-height:20px;z-index: 9999; text-align:center; font-size:14px; padding:7px 0;}
.second-nav li:hover a{ color:#0f75c1;}


/* 导航 end */

.head-mid{ padding:122px 0 188px;color:#fff;text-align:center;}

.sj-slogan{ display:none;}
.pc-slogan{ margin-left: 10%; width:88%;max-width:1342px;}
.sj-slogan{ width:100%; max-width:998px;}

.zbdw{ font-size:20px;  margin-top:30px; display:none;} 
.zbdw-en{ font-size:18px; line-height:24px; font-family: Arial; margin:12px 10.6% 30px;display:none;}

/* 倒计时 */
.djs{margin: 0 auto;}
.djs-top{ font-size:36px; font-weight:normal; margin-top:70px; display: inline-block; vertical-align: top;}
.djs-div{line-height: 84px; color:#fff; font-size:30px; margin-top:42px;display: inline-block;}
.djs-span {
	display: inline-block;
	width: 84px;
	height: 84px;
	background: linear-gradient(to bottom, #e6f2fd 0%, #b4cfe8 100%);
	border-radius: 10px;
	color: #135c92;
	font-size: 50px;
	margin: 0 15px;
}

.djs-span:first-child {
	margin-left: 10px;
}

.djs-span:last-child {
	margin-right: 10px;
}
.one-span{
	margin-left: 0;
}




/* ============input========= */
input {
	background: none;
	outline: none;
	border: none;
}

input::-webkit-input-placeholder {
	color:#000;
}

input:-moz-placeholder {
	color:#000;
}

input::-moz-placeholder {
	color:#000;
}

input:-ms-input-placeholder {
	color:#000;
}

/* =================@media================== */
@media screen and (max-width:1300px) {
.menu>ul>li{ margin-right:2%;}
}

@media screen and (max-width:1250px) {
.menu>ul{ justify-content: space-between;margin-right: 1px}
.menu>ul>li{ margin-right:0;}
}
@media screen and (max-width:1080px) {
.menu{ display:none;}
}


@media screen and (max-width:1000px) {
	
#header{ background:url(/cms/templates/30658556856800000/images/sj-hbg.png) no-repeat top left;  }

.head-top{ display: flex;justify-content: space-between;align-items: center; margin:0 24px 0 16px; position:relative;padding-bottom:10px;}	
.head-top .clear{ display:none;}

.pc-logo{ display:none;}
.sj-logo{ display:block; width:42%;}
.sj-logo img{ width:100%; height:auto; max-width:452px; min-width:200px;}



.head-icon{ margin:0;}
.head-icon01{ display:block;}
.head-icon02 img{width:35px;}
	
.sj-slogan{ display:block;}	
.pc-slogan{ display:none;}

.djs-font{
	margin-top: 30px;
}

/* 导航 */
.sj-caidan{z-index:999; position:absolute; background:rgba(0, 0, 0, 0.5); width:100%;display:none;}

.cd-wrap{ margin-right:56px; padding:16px 16px 30px 28px; height:100%; background:#fff; width:186px; float:right; border-radius:10px; box-sizing:border-box; position:relative;}
.cd-wrap::before{    position: absolute;
content: '';
    height: 0;
    width: 0;
    border: 10px solid #fff;
    top: -20px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid transparent;
    left: 50%;
    margin-left: -8px}

.sj-close{ float:right;}
.sj-close img{ width:14px; height:auto;}

.lm-wrap{ margin-top:10px;}
.lm-wrap li{ font-size:18px; margin-bottom:10px;}
.lm-title{ line-height:30px; font-weight:bold; font-size:15px; }

.lm-list{ padding:10px 0 0 20px;}
.lm-name{ line-height:28px; font-size:14px;}
.lm-name i{ display:inline-block; width:10px; height:10px; background:#cdcdcd; border-radius:5px;}
.lm-name a{ margin-left:10px;}

.lm-name:hover i{background:#0E82D7;}
.lm-name:hover a{ color:#0E82D7;}


/* 导航 end */
.head-mid{padding: 30px 110px 40px;}
.zbdw{margin-top: 26px;}
.zbdw-en{ margin-left:0; margin-right:0;}

.djs-div{ line-height:52px; font-size:20px; margin-top:24px;}
.djs-span{ height:52px; line-height:52px; width:52px; font-size:30px;margin: 0 10px 0 2px;}


}

@media screen and (max-width:500px) {
.head-top{margin: 0 16px;}
.head-icon02, .head-icon03{margin-left:15px;}
.head-icon01{margin-left:0;}

.cd-wrap{margin-right: 23px;}

.zbdw{ font-size:16px;}
.zbdw-en{ margin-bottom:12px; font-size:12px; line-height:20px; margin-top:0px; }

.djs-top{ font-size:20px;}
.djs-div{ line-height:40px; font-size:18px; margin-top:24px;}
.djs-span{ height:40px; line-height:40px; width:40px; font-size:24px; border-radius:6px;}
	
}

@media screen and (max-width:375px) {
.head-icon02, .head-icon03{margin-left:7px;}
.head-icon03 img {width: 16px;}
.head-icon02 img {width: 25px;}
.head-icon01 img {width: 15px;}
.cd-wrap::before{ left:70%;}

.djs-div{ line-height:36px; font-size:16px;}
.djs-span{ height:36px; line-height:36px; width:36px; font-size:18px; margin: 0 8px 0 2px}

	
}


#overlay {
    background: #000;
    filter: alpha(opacity=50); /* IE的透明度 */
    opacity: 0.5;  /* 透明度 */
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100; /* 此处的图层要大于页面 */
}

#olist{ background:#FFF; width:660px; height:336px;
position: fixed;
    z-index: 101;
 left:calc(50% - 330px);
top:calc(50% - 168px);
    display: none;
    line-height: 40px;
    border-radius: 10px;
overflow:hidden;
 }

.tipstitle{ color:#FFF; background:#1786DC; padding-left:24px; height:72px; line-height:72px; font-size:24px;  }
.tipsbody{ font-size:30px; text-align:center; margin-top:70px; }
.tipsbtn{ display:block; font-size:22px; margin:36px auto 0; width:172px; height:62px; line-height:62px; border-radius: 31px; text-align:center;
background-image: linear-gradient(to bottom, #e3f0ff, #c5d6eb); cursor:pointer;
}


@media screen and (max-width:1000px) {
#olist{   width:360px; height:336px;  left:calc(50% - 180px); height:200px; top:calc(50% - 100px); }
.tipstitle{ padding-left:12px; height:36px; line-height:36px; font-size:12px;  }
.tipsbody{ font-size:14px; text-align:center; margin-top:35px; }
.tipsbtn{ font-size:12px; margin:18px auto 0; width:86px; height:30px; line-height:30px; border-radius: 15px; }
}