@charset "utf-8";
/*
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
filter:Alpha(opacity=50);
pointer-events:none;	//鼠标穿透
hidefocus="true"	//超链接不显示周围的虚线
*/

/* css reset */
html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0;}
body { font: 12px/1.5 Arial, Tahoma, Helvetica, sans-serif; max-width: 1920px; margin: 0 auto; color:#333; }
input, button, textarea, select { font: 12px/1.5 "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; outline: 0; border: 0; background: none; color:inherit;}
input:focus, textarea:focus { color:inherit;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1;}
ol, ul, li { list-style: none;}
select { appearance: none; -moz-appearance: none; -webkit-appearance: none;}
textarea { overflow:auto; resize:none;}
table { border-collapse: collapse; border: 0;}
caption, th { font-weight:normal;}
img { border: 0; outline:0; vertical-align: middle;}
a { text-decoration: none; color:inherit;}
a:focus { outline:0;}

::-ms-clear, ::-ms-reveal{ display: none;}
/* WebKit browsers */
::-webkit-input-placeholder { color: #909090;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #909090; opacity: 1;}
/* Mozilla Firefox 19+ */
::-moz-placeholder { color: #909090; opacity: 1;}
/* Internet Explorer 10+ */
:-ms-input-placeholder { color: #909090;}
.placeholder { color:#909090;}

/* 通用 */
.clear:after{ content:''; display:block; height:0; visibility:hidden; clear:both;}
.middle{ font-size: 0; letter-spacing: -1.5em;}
.middle:after{ content:''; display:inline-block; vertical-align:middle; height:100%;}
.justify{ text-align:justify;}
.justify:after{ content:''; padding-left:100%;}
.wrap{ position:relative; height:100%; margin:0 auto;}
.pos-fix{ position:fixed !important;}
.pos-abs{ position:absolute !important;}
.left{ float: left;}
.right{ float: right;}
.disabled{ visibility: hidden;}

#header, #footer, #container{ position: relative; width:100%; margin: 0 auto;}
#container{ overflow: hidden; background-color: #fff;}
#header{ height: 110px; background-color: #fff; z-index: 3;background: url(../image/jjl/mask_3.png)}
#header:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 1px solid #eee;}
#header.pos-abs{ left: 0; top: 0; right: 0; color: #fff; background-color: transparent;}
#header.pos-abs:before{ display: none;}
#header .logo{ position: absolute; left: 0; top: 23px; width: 155px; height: 68px; overflow: hidden;}
#header .logo img{ display: block; width: 100%;}
#header .logo img:first-child{ display: none;}
#header.pos-abs .logo img{ display: none;}
#header.pos-abs .logo img:first-child{ display: block;}
#header .nav{ position: absolute; left: 242px; top: 30px;}
#header .nav ul{}
#header .nav li{ position: relative; float:left;}
#header .nav li > a{ display:block; padding: 29px 18px; background: url(../image/opacity-0.png);font-size: 18px;}
#header .nav li.cur a, #header .nav li a:hover{ color:#3fd0f9;}
#header .sub-nav{ position: absolute; left: 50%; top: 100%; margin-left: -63px; padding: 18px 0; width: 126px; background: url(../image/temp/arr_2.png); box-shadow: 0px 0px 27px 0px rgba(7, 1, 2, 0.09); text-align: center; color: #333; opacity: 0; visibility: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	transform: translateY(-30px);
}
#header .nav li:hover .sub-nav{ opacity: 1; visibility: visible;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
#header .sub-nav:before{ content: ''; position: absolute; left: 50%; top: -10px; margin-left: -16px; /*border-bottom: 10px solid #fff; border-left: 16px solid transparent; border-right: 16px solid transparent;*/width: 32px;height: 10px;background: url(../image/temp/arr_1.png) no-repeat center;background-size: cover;}
#header .sub-nav a{ display: block; padding: 7px 10px;color: #fff;}
#header .tools{ position: absolute; right: 0; top: 55px; text-align: right;}
#header .tools .edition{ margin-bottom: 16px;}
#header .tools .edition > a{ margin-left: 22px;}
#header .tools .edition > a:hover, #header .tools .edition > a.cur{ color: #3fd0f9;}
#header .tools .handle{ font-size: 0;}
#header .tools .handle > a{ position: relative; display: inline-block; vertical-align: middle; margin-left: 10px; height: 35px; padding-left: 35px;}
#header .tools .handle > a span{ margin-left: 14px; margin-right: 3px; font-family: Arial; font-size: 20px; line-height: 35px;}
#header .tools .handle .ico{ position: absolute; left: 0; top: 0; width: 35px; height: 35px; border-radius: 50%; background: #f5f5f5;}
#header.pos-abs .tools .handle .ico{ background: url(../image/opacity-w40.png);}
#header .tools .handle .ico > img{ display: block; width: 100%;}
#header .tools .handle .ico > img:first-child{ display: none;}
#header .tools .handle > a:hover .ico{ background-color: #59c3e1; background-image: none;}
#header .tools .handle > a:hover .ico > img, #header.pos-abs .tools .handle > a .ico > img{ display: none;}
#header .tools .handle > a:hover .ico > img:first-child, #header.pos-abs .tools .handle > a .ico > img:first-child{ display: block;}
#header .nav_wp {display: none;}




#footer{background-color: #333;}
/*#footer:before{ content: ''; position: absolute; left: 0; top: 161px; right: 0; border-bottom: 1px solid #424242;}*/
#footer .box1{ padding-top: 60px; overflow: hidden;} /* display: none;margin-bottom: 90px; */
#footer .box1 .link{ float: left; width: 398px; border: 1px solid #515151; border-radius: 4px; font-size: 16px; line-height: 58px; color: #fff; text-align: center;}
#footer .box1 .link + .link{ margin-left: 14px;}
#footer .box1 .link:hover{ color:#59c3e1;}
#footer .box1 .ico{ margin-right: 18px;}
#footer .box1 .link:hover .ico{
	-webkit-animation-name: tada;
  animation-name: tada;
}
#footer .box2{ margin-bottom: 20px; text-align: center; font-size: 0;} /* display: none; */
#footer .box2 li{ position: relative; height: 42px; padding-left: 42px; margin: 0 5px; display: inline-block; vertical-align: top; line-height: 42px;}
#footer .box2 .ico{ position: absolute; left: 0; top: 0; width: 40px; height: 40px; border: 1px solid #949494; border-radius: 50%;}
#footer .box2 .ico > img{ display: block; width: 100%;}
#footer .box2 .s{ margin: 0 20px 0 10px; font-family: Arial; font-size: 20px; color: #989898;}
#footer .box2 .pop{ position: absolute; left: 50%; bottom: 100%; margin-left: -75px; width: 130px; height: 128px; border: 10px solid #fff; border-radius: 8px; opacity: 0; visibility: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
#footer .box2 .pop:before{ content: ''; position: absolute; left: 50%; bottom: 0; margin-bottom: -17px; margin-left: -13px; border-top: 8px solid #fff; border-left: 13px solid transparent; border-right: 13px solid transparent; width:0; height:0;}
#footer .box2 .pop > img{ display: block; width: 100%;}
#footer .box2 li:hover .pop{ margin-bottom: 25px; opacity: 1; visibility: visible;}
#footer .box3{ font-size: 12px; color: #ccc; overflow: hidden;padding: 32px 0;}
#footer .links{ float: left; overflow: hidden;}
#footer .links li{ position: relative; float: left;}
#footer .links li + li{ padding-left: 12px; margin-left: 10px}
#footer .links li + li:before{ content: ''; position: absolute; left: 0; top: 3px; bottom: 4px; border-left: 1px solid #ccc;}
#footer .copy{ float: left; margin-left: 55px;}
#footer .copy span{ font-family: Arial; text-transform: uppercase;}
#footer .ftbj{ float: right;}
#footer a{}
#footer a:hover{ color:#59c3e1;}
#footer.fBottom{ position:fixed; left:0; bottom:0;}

/* 面包屑 */
.bread{}
.bread a{}
.bread a:hover{ color:#ff5705;}
.bread .cur{ color:#ff5705;}

/* 弹窗 */
.popWindow{ position:fixed; left:0; top:0; width:100%; height:100%; background: url(../image/opacity-b60.png); opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.popWindow.popShow{ opacity: 1; visibility: visible; z-index:999;}
.popWindow .popDialog{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.popWindow .popOverlay{ position:absolute; left:0; top:0; width:100%; height:100%;}
.popWindow .popClose{ position:absolute; right:12px; top:12px; z-index:1;}

.popWindow .btnWarp{ text-align:center; border-top:#e4e4e4;}
.popWindow .btnWarp .center{ display:inline-block; overflow:hidden;}
.popWindow .btnWarp button{ float:left; cursor:pointer; border-radius:5px; background-color:#f0f0f0; border:1px solid #c3c3c3;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.popWindow .btnWarp button:hover{ background-color:#4f89f5; color:#fff; border-color:#4e73b9;}

/* 分页 */
.page{ text-align:center; width:100%; font-size:0;}
.page ul{ display:inline-block; height:38px;}
.page li{ float:left; padding:0 2px; line-height:38px; font-family:Arial; font-size:18px;}
.page a{ display:block; width:38px; height:38px; line-height:38px; border-radius:4px; text-decoration: underline;
	-webkit-transition:all .2s;	
	transition:all .2s;	
}
.page a:hover, .page .cur{ color:#fff; background-color:#59c3e1; text-decoration: none; box-shadow: 0px 5px 18px 0px rgba(117, 192, 220, 0.32);}


/* 下拉选框 */
.selectWarp{ position:relative; background: url(../image/opacity-0.png); border:1px solid #a9a9a9;}
.selectWarp .selectBtn{ position:relative; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding:0 44px 0 18px; cursor: pointer;}
.selectWarp .selectBtn .btn{ position:absolute; right:0; top:0; padding: 0 15px; height:100%; cursor: pointer;}
.selectWarp .selectBtn .arr{ position:static; display: block; width:14px; height:100%; background:url(../image/select_arrow.png) left no-repeat;}
.selectWarp .selectBtn .select{ position: absolute; right: 0; top: 0; bottom: 0; width:0.75rem; background: url(../image/ico12.png) center no-repeat; background-size: 0.25rem; color: #333; display: none;}
.selectWarp .down .arr{ background-position:right;}
.selectWarp .options{ position: absolute; left: -1px; right: -1px; top: 100%; max-height:160px; overflow:hidden; padding:10px 2px 10px 15px; text-align: left; z-index:10; display: none;}
.selectWarp .options:before{ content: ''; position: absolute; left: 0; top: 3px; right: 0; bottom: 0; background-color: #1b8cdb; border: 1px solid #4aa0d8; border-radius: 8px;}
.selectWarp ul{ position: relative; padding-right:20px;}
.selectWarp ul li{ font-size: 14px; padding: 5px 0 10px; line-height:1.3; cursor: pointer;}
.selectWarp ul li:hover{ color:#3fd0f9;}

/****/

@media screen and (min-width:1230px){
	#header, #footer, #container{ min-width:1250px;}
	.wrap{ width:1230px;}

}

@media screen and (min-width: 641px) and (max-width: 1229px) {
	#header, #footer, #container{ min-width:1250px;}
	.wrap{ width:1230px;}

}

@media screen and (max-width:640px){
	*, *:before, *:after{ box-sizing:border-box;}
	body{ font-size: 0.2rem;}
	#header, #footer, #container{ min-width:320px;}
	#header{ height: auto; padding: 0.1rem 0;}
	#header .logo{ position: static; float: left; width: 1.55rem; height: auto;}
	#header .logo img{ width: 100%;}
	#header .menu-btn{ position: absolute; top: 50%; right:0.2rem; width: 0.4rem; height: 0.4rem; background: url(../image/menu-btnb.png) center no-repeat; background-size: contain;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#header.pos-abs .menu-btn{ background-image: url(../image/menu-btn.png);}
	
	#header .nav_wp {display: block;position: absolute; top: 0.15rem;right: 0.8rem;font-size: 0.26rem;}
	#header .nav_wp a {padding: 0 0.15rem;display: inline-block;}
	#header .nav_wp a.lang {padding-left: 0.2rem;} /* border-left: 1px solid #474747; */
	#header.pos-abs .nav_wp a.lang {} /* border-left: 1px solid #fff; */
	
	#footer{ height: auto; padding-bottom: 0.3rem;padding-top: 0.3rem;}
	#footer:before{ top: 1.6rem;}
	#footer .box1{ padding-top: 0rem; margin-bottom: 0.9rem;display: none;}
	#footer .box1 .link{ width: 32%; border-radius: 0.04rem; font-size: 0.2rem; line-height: 0.6rem;}
	#footer .box1 .link + .link{ margin-left: 2%;}
	#footer .box1 .ico{ margin-right: 0.2rem; width: 0.3rem;}
	#footer .box2{ margin-bottom: 0.2rem;}
	#footer .box2 li{ height: 0.42rem; padding-left: 0.42rem; margin: 0 0.05rem; line-height: 0.42rem;}
	#footer .box2 li > a{ display: block;}
	#footer .box2 .ico{ width: 0.4rem; height: 0.4rem;}
	#footer .box2 .s{ margin: 0 0.2rem 0 0.1rem; font-size: 0.2rem;}
	/*#footer .box2 .pop{ display: none;}*/
	#footer .box3{ font-size: 0.16rem; text-align: center;padding: 0 0;}
	#footer .links{ display: inline-block;}
	#footer .links li + li{ padding-left: 0.12rem; margin-left: 0.1rem}
	#footer .links li + li:before{ top: 0.04rem; bottom: 0.04rem;}
	#footer .links, #footer .copy, #footer .ftbj{ float: none;} 
	#footer .copy{ margin-left: 0.5rem;}
	#footer .copy span{ display: block;}
	#footer .ftbj{}
	
	.wrap{ width:100%; padding:0 0.2rem;}
	.guideLine{ display: none;}

	.selectWarp .selectBtn{ padding:0 0.6rem 0 0.2rem;}
	.selectWarp .selectBtn .btn{ display: none;}
	.selectWarp .selectBtn .select{ display: block; font-size: 0;}

	.menu-nav{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	.menu-nav.menu-show{ visibility: visible; opacity: 1; z-index: 999;}
	.menu-nav .menu-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75);}
	.menu-nav .menu-box{ position: absolute; right: 0; top: 0; width: 5rem; height: 100%; background-color: #fff;}
	.menu-nav .menu-close{ position: absolute; right: 0; top: 0; width: 0.5rem; height: 0.5rem; z-index: 1;}
	.menu-nav .menu-close .x{ position: absolute; left: 50%; top: 50%; width: 0.2rem; height: 0.2rem;
		-webkit-transform: translate(-50%,-50%) rotate(45deg);
		transform: translate(-50%,-50%) rotate(45deg);
	}
	.menu-nav .menu-close .x:before, .menu-nav .menu-close .x:after{ content: ''; position: absolute; background-color: #909090;}
	.menu-nav .menu-close .x:before{ left: 50%; top: 0; width: 2px; height: 100%; margin-left: -1px;}
	.menu-nav .menu-close .x:after{ left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px;}
	.menu-nav .menu-head{ position: relative; padding: 0.1rem 0.7rem 0.1rem 0.2rem;font-size: 0.3rem;}
	.menu-nav .menu-head:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 1px solid #909090;}
	
	.menu-nav .nav-box{ position: absolute; top: 0.5rem; left: 0.2rem; right: 0.2rem; bottom: 0; overflow: hidden;}
	.menu-nav .nav-level1{ position: absolute; left: 0; top: 0; width: 100%;}
	.menu-nav .nav-level1 > li{ position: relative;}
	.menu-nav .nav-level1 > li + li{ border-top: 1px solid #e0e0e0;}
	.menu-nav .nav-level1 > li span, .menu-nav .nav-level1 > li a{ position: relative; display: block; padding: 0.12rem 0.2rem;font-size: 0.28rem;}
	.menu-nav .nav-level1 > li .arr{ position: absolute; right: 0.2rem; top: 50%; width: 0.22rem; height: 0.22rem; background: url(../image/menu-nav.png) 0.01rem no-repeat; background-size: 0.5rem;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.menu-nav .nav-level2{ padding: 0 0.2rem; background-color: #707070; display: none;}
	.menu-nav .nav-level2 > li{ font-size: 0.16rem; color: #fff;}
	.menu-nav .nav-level2 > li + li{ border-top: 1px solid #909090;}
	.menu-nav .nav-level1 li.cur{ border: 0; background-color: #474747; color: #fff;}
	.menu-nav .nav-level1 li.cur .arr{ background-position: right;}
	.menu-nav .nav-level1 li.cur .nav-level2{ display: block;}

	.side-bar{ top:auto !important; bottom:0.2rem !important; }
	.side-bar li{ display: none; }
	.side-bar li:last-child{ display: block; }
	
}


video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}






/*9.30jjl新加公安备案*/
#footer .gaba {margin-left: 10px;float: left;}
#footer .gaba img {float: left;}
#footer .gaba p {float:left;margin: 0px 0px 0px 5px;}

@media screen and (max-width:640px){
#footer .copy {margin-left: 0;}
#footer .gaba {width: 100%;text-align: center;margin-left: 0;padding: 0.1rem 0 0;}
#footer .gaba img {display: inline-block;width: 0.3rem;position: relative;top: -2px;float: none;}
#footer .gaba p {display: inline-block;float: none;}
}

.bdsharebuttonbox .bds_more {display: none !important;}