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

body{ background:url(/cms/templates/30659312978390000/images/bg.jpg)  no-repeat center top;background-size: 100% 56.2vw; }

.video {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 56.2vw;
    object-fit: unset;
}

#header{  height:56.2vw; border-top:1px solid #0C1780; position:relative; }

.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,.sj-bg{  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: 9999;}
.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/30659312978390000/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;}

.head-mid {
	padding:70px 0 140px;
	color: #fff;
}

.head-left {
	max-width: 854px;
	padding-left: 24px; font-weight:bold;font-size:80px;
}
.head-font01{ margin-bottom:12px;}

.head-font02,.head-font03{
	text-align: justify;
	text-align-last: justify; margin-right:12px;
}
.head-font03{font-size:50px; border-top:1px solid #fff; margin:24px 12px 24px 0; padding-top:14px;}

.head-font:nth-child(2)::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: currentColor;
	margin: 1vh auto 1vh;
}

.head-icon-img {
	display: block;
	margin-top: 20px;
	width: auto;
	height: auto;
	max-width: 100%;
	text-align: left;
}

.icon-wrap {
	float:left; background: url(/cms/templates/30659312978390000/images/pc-header-icon2.png) no-repeat right center;
}

.icon-text {
	display:block; background:url(/cms/templates/30659312978390000/images/pc-header-icon1.png) no-repeat 16px center; padding:0 58px 0 64px;
	color: #fff;
	font-size: 30px;
font-style: italic; font-weight:normal; line-height:54px;
}
/* 导航 end */



/* ============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:none;}
.head-mid{ display:none;}
.sj-bg{ text-align:center; display:none;}
.sj-bg img{ width:100%; height:auto; max-width:1080px;}

.head-top{ display: flex;justify-content: space-between;align-items: center; margin:0 24px 0 16px; position:relative;z-index: 999;position: absolute;right: 0;}	
.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; top:56px;}

.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;}

}

@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; }
}