@charset "utf-8";
/* reset */
html { height: 100% }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a { text-decoration: none; color:#000; }
a:hover { color:#4f7cc9;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }

.edit_con_original{ line-height:1.8; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }


.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }


.wrap { width:1260px; margin:0 auto;}
.header { 
	background:#fff; 
	height:76px;
	padding:0 20px;
	 position:relative; 
	 z-index:10000;
	width: 1200px;
	margin: 0 auto;}
.header.fixedhede { position:fixed; display:none; top:0; left:0; width:100%; padding:0; border-bottom:1px solid #ccc;}
.header.fixedhede .left{ padding-left:20px;}
.header.fixedhede .right{ margin-right:20px;}

.subnav_wrap.fixedhede { position:fixed; display:none; top:76px; left:0; width:100%; padding:0; z-index:100000;}

.header .left { float:left; }
.header .left .logo { float:left; margin:27px 20px 0 0;}
.header .left .nav { float:left; margin:26px 0 0 295px;}
.header .left .nav li { float:left; margin:0 15px;}
.header .left .nav li a{ color: #004098;}
.header .left .nav li:hover > a,.header .left .nav li.on > a{ color:#004098; }
.header .right { float:right; position:relative; padding-right:40px; margin-top:20px; }
.header .top-ph { padding:5px 0 0 0; font-size:15px;display: none;}
.header .top-search { position:absolute; right:0; top:0;  padding:4px;}
.header .top-search.open { border:2px solid #ddd; top:-2px; right:-2px; width:216px; background:#fff; }
.header .top-search.open input { display:block;}
.header .top-search input { width:180px; padding:0 5px; border:0; height:26px; float:left; line-height:26px;  display:none;}
.header .top-search button {float:left;  border:0; background:url(../images/sear.png) no-repeat center; width:26px; height:26px; overflow:hidden; text-indent:-100px;}
.header .top-search input.inp { display:block;float:left;  border:0; background:url(../images/sear.png) no-repeat center; width:26px; height:26px; overflow:hidden; text-indent:-100px;}

.banner { }
.banner li img { width:100%; height:auto;}
.banner li:first-child{ display:block; }

.bak_1 { background:#fff; padding:30px 0;}
.bak_1 .title { font-size:26px; text-align:center; padding:0 0 30px;}
.bak_1 ul { width:1576px; margin:0 auto;}
.bak_1 ul li { float:left; width:25%; *margin-left:-1px;}
.bak_1 ul li a { display:block; height:194px;}

.bak_2 { background:url(../images/b1.jpg) top center repeat-x #f6f6f6;  padding:30px 0;}
.bak_2 .title { font-size:26px; text-align:center; padding:0 0 30px;}
.bak_2 .list { }
.bak_2 .list li{ float:left; width:377px;white-space:normal; word-break:break-all;}
.bak_2 .list li img { width:377px; height:211px;}
.bak_2 .list li:first-child + li { margin:0 64px;}
.bak_2 .list li .t { color:#222; font-size:22px; margin:20px 0 15px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bak_2 .list li .p { color:#555;}

.bak_3 { background:#ffffff;  padding:40px 0;}
.bak_3 .title { font-size:26px; text-align:center; padding:0 0 50px;}
.bak_3 .list { }
.bak_3 .list li{ float:left; width:47%; }
.bak_3 .list li:first-child + li { float:right;}
.bak_3 .list li .data { float:left; margin-right:10px; color:#004098; position:relative; border-right:4px solid #004098; padding-right:50px; margin-right:40px;}
.bak_3 .list li .data i { font-size:68px; line-height:1.05; background:url(../images/index_26.jpg) right bottom no-repeat; height:105px; width:120px; display:block;}
.bak_3 .list li .data em { position:absolute; right:20px; bottom:0; font-size:18px;}
.bak_3 .list li .txt { overflow:hidden;}
.bak_3 .list li b { font-size:16px; margin-bottom:10px; color:#111; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bak_3 .list li .p { margin-bottom:10px; height:3em; overflow:hidden;}

.bak_4 { background:url(../images/bj_02.jpg) center top #bbb ;  padding:75px 0;}
.bak_4 .left { float:left; width:484px; min-height:487px; border:10px solid #4f7cc9; background:rgba(255,255,255,0.5);  position:relative; z-index:40; 
}
.lt9 .bak_4 .left { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88ffffff", EndColorStr="#88ffffff")}
.bak_4 .left .j { position:absolute; right:-22px; top:50%; color:#4f7cc9; font-size:40px; line-height:1; margin-top:-21px;}
.bak_4 .left li { padding:30px 40px;}
.bak_4 .left li .b1 { font-size:26px; margin-bottom:20px; }
.bak_4 .left li .b2 { height:9em; overflow:hidden; border-bottom:1px solid #000; margin-bottom:20px;}
.bak_4 .left li .b3 { background:url(../images/x.png) no-repeat right top; padding-right:50px; min-height:50px; max-height:4.5em; overflow:hidden;}
.bak_4 .left li .b4 { font-size:18px; margin:10px 0 50px; font-weight:bold; }
.bak_4 .left li .b5 {}
.bak_4 .left li .b5 img{ float:left;  width:159px; height:55px; margin-right:10px;}
.bak_4 .left li .b5 .w{ overflow:hidden; min-height:55px; border-left:1px solid #666; padding-left:10px; }
.bak_4 .right { overflow:hidden;}
.bak_4 .right li img { width:249px; vertical-align:top; height:124px; display:block; margin:0 auto;}
.bak_4 .right li { vertical-align:top; float:left; width:251px; height:126px; margin:0 1px 1px 0; cursor:pointer; background:rgba(0,0,0,0.5);}
.lt9 .bak_4 .right li {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000") }

.bak_4 .right li  img{ }
.bak_4 .right li:hover  img,.bak_4 .right li.on  img{border:1px solid #F78C3B;}

.footer { }
.footer .f_1 { background:#eaeeee; padding:60px 0;}
.footer .f_1 ul { float:left;}
.footer .f_1 ul li { float:left; margin-right:90px;}
.footer .f_1 ul li a { display:block; white-space:nowrap; margin-bottom:5px; color:#888;}
.footer .f_1 ul li a:first-child { font-size:16px; font-weight:bold; margin-bottom:20px; color:#222;}
.footer .f_1 ul li a:hover { color:#4f7cc9;}
.footer .f_1 .wx { float:right; text-align:center; font-size:12px;}
.footer .f_1 .wx img { display:block; margin-bottom:10px;}
.footer .f_2{ background:#1c1c1c; padding:30px 0 30px;}
.footer .f_2 .wrap { position:relative; }
.footer .f_2 .left {  margin-right:300px; font-size:12px; color:#ddd;}
.footer .f_2 .left i, .footer .f_2 .left a { display:inline-block;}
.footer .f_2 .left .d1 { font-size:0; margin-bottom:10px;}
.footer .f_2 .left .d1 a { font-size:14px; display:inline-block;}
.footer .f_2 .left .d1 em {font-size:10px; display:inline-block; margin:0 8px; position:relative; top:-2px;}
.footer .f_2 .left a { color:#ddd;}
.footer .f_2 .left a:hover { color:#4f7cc9;}
.footer .f_2 .right { position:absolute; right:0; top:0;}


.mobile-navigation, .mobile-nav-toggle-btn, .mobile-blank, .mobile-search-toggle-btn, .mobile-user-link, .mobile-cancel-search-btn { display: none }

.mobile-nav-toggle-btn { 
	-webkit-transition: .4s ease transform;
	-moz-transition: .4s ease transform;
	-ms-transition: .4s ease transform;
	-o-transition: .4s ease transform;
	transition: .4s ease transform;
 }

.nav-opened .mobile-navigation { display: block }
.nav-opening #content-box, .nav-opening .mobile-nav-toggle-btn { 
	-webkit-transform: translate(-150px, 0);
	-moz-transform: translate(-150px, 0);
	-ms-transform: translate(-150px, 0);
	-o-transform: translate(-150px, 0);
	transform: translate(-150px, 0);
}


.mobile-navigation { position: fixed; top: 0; bottom: 0; right: 0; width: 150px; overflow: auto; -webkit-overflow-scrolling: touch; background: #fff; z-index:1000000; }
.mobile-navigation .list { border-top:5px solid #4f7cc9; padding-top:20px;}
.mobile-navigation .list > li {   border-top: 1px solid #d5d5d5; font-size: 16px }
.mobile-navigation .list > li:first-child { border-top: 0 none }
.mobile-navigation .list > li a { display: block; text-indent: 15px; line-height:3; }
.mobile-navigation .list > li > a{color:#004098}
.mobile-navigation .list > li .child{padding-bottom:10px}
.mobile-navigation .list > li .child a{ height:26px; line-height:26px; font-size:14px; text-indent:24px}




.mobile-nav-toggle-btn { position: fixed; top: 50px; right: 10px; z-index: 999999; width: 40px; height: 30px; border: 4px solid #ffffff; background: #ffffff; box-shadow:-1px 1px 3px #888; border-radius:3px; }
.mobile-nav-toggle-btn:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-top: 5px solid #000000; border-bottom: 5px solid #000000 }
.mobile-nav-toggle-btn:after { content: ''; position: absolute; top: 12px; right: 0; left: 0; height: 5px; overflow: hidden; background: #000000; }

.mobile-search-toggle-btn { position: absolute; top: 50%; left: 40px; width: 24px; height: 24px; margin: -12px 0 0 }
.mobile-search-toggle-btn .icon { position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background: url('../images/mobile_search_toggle_btn_bg.png') no-repeat 50% 50% }

.mobile-blank { position: fixed; z-index: 10000; background: rgba(3, 2, 1, 0) }
.nav-opened .mobile-blank { top: 0; right:150px; bottom: 0; left: -150px; display: block; z-index: 1000000;}
.mobile-open-search .mobile-blank { top: 48px; right: 0; bottom: 0; left: 0; display: block; background: rgba(0, 0, 0, .4) }

#content-box { min-width: 320px }


@media only screen and (max-width: 1600px) {
	.bak_1 ul { width:1400px;}
	.bak_1 ul li a { height:172px;}
}
@media only screen and (max-width: 1420px) {
	.bak_1 ul { width:1260px;}
	.bak_1 ul li a { height:152px;}
}

@media only screen and (max-width: 1300px) {
	.wrap { width:1000px; margin:0 auto;}
	.bak_1 ul { width:1000px;}
	.bak_1 ul li a { height:135px;}
	.bak_2 .list li {width:320px; }
	.bak_2 .list li img { width:320px; height:179px;}
	.bak_2 .list li:first-child + li { margin:0 20px;}
	.bak_3 .list li .data i { width:100px; font-size:60px;}
	.bak_3 .list li .data { padding-right:35px; margin-right:20px;}
	.footer .f_1 ul li { margin-right:50px;}
    .bak_4 .left li .b1 { margin-bottom:10px}
    .bak_4 .left li .b2 { margin-bottom:10px}
    .bak_4 .left li { padding:24px 30px}
	.bak_4 .left { width:477px; min-height:316px;}
	.bak_4 .right li { width:166px; height:83px;}
	.bak_4 .right li img { width:164px; height:81px;}
	.bak_4 .left li .b2 { height:4em;}
	.bak_4 .left li .b4 { margin-bottom:15px;}
}
@media only screen and (max-width: 1130px) {
	.wrap { width: 1000px; margin: 0 auto; }
	.bak_1 ul { width:1000px;}
	.bak_1 ul li a { height:124px;}
	.header { padding:0 10px;}
	.header .left .nav li { margin:0 10px;}
	.bak_2 .list li:first-child + li { margin:0 20px;}
	.bak_3 .list li .data i { background:none; height:auto; width:auto;}
	.bak_3 .list li .data em { position:relative; left:0; top:0; display:block; text-align:center;}
	.bak_3 .list li .data { margin-right:10px; padding-right:10px;}
		.footer .f_1 ul li { margin-right:50px;}
	.bak_4 .left { width:578px;}
	.bak_4 .right li { width:200px; }
	.bak_4 .left { min-height:435px;}
	.bak_4 .right li { width:150px; height:77px;}
	.bak_4 .right li img { width:148px; height:75px;}
    .tab-box { width:900px}
    
}

@media only screen and (max-width: 1023px) {
	.wrap { width: 750px; margin: 0 auto; }
	.bak_1 ul { width:750px;}
	.bak_1 ul li { width:50%;}
	.bak_1 ul li a { height:184px;}
	.bak_2 .list li { width:230px;}
	.bak_2 .list li img { width:230px; height:128px;}
	.bak_2 .list li:first-child + li { margin:0 30px;}
	.bak_4 { padding:20px 0; }
	.bak_4 .left { min-height:0; width:auto; float:none;}
	.bak_4 .right { padding-left:2px;}
	.bak_4 .right li { width:186px;}
	.bak_4 .left .j { top:auto; bottom:-30px; right:auto; left:50%; margin:0; margin-left:-12px;}
	.footer .f_1 ul li:first-child + li + li + li+ li+ li{ margin-right:0;}
	.footer .f_1 .wx { display:none;}
    .header .right { display:none}
}

@media only screen and (max-width: 767px) {
	.auto-img img { margin:0 !important; width:100% !important; height:auto !important;}
		.wrap { width:auto; margin: 0 10px; }
		.bak_1 ul { width:auto; margin: 0 10px;}
		.bak_1 ul li a { height:auto;}
	.bak_1 ul li { float:none; width:auto;}
	.bak_2 .list li { width:auto; float:none; margin:0;}
	.bak_2 .list li img { width:100%; height:auto;}
	.bak_2 .list li:first-child + li { margin: 20px 0; padding:20px 0; border:1px solid #ddd; border-left:0; border-right:0;}
	.bak_3 .list li:first-child + li { float:none; width:auto;}
	.bak_3 .title { padding-bottom:30px;}
	.bak_3 .list li { float:none; width:auto; margin-bottom:30px;}
	.bak_3 .list li .data { float:none; border:none; margin-bottom:10px; border-left:2px solid #4f7cc9; padding:0 0 0 10px;}
	.bak_3 .list li .data i { font-size:16px; display:inline-block;}
	.bak_3 .list li .data em { font-size:16px;display:inline-block;}
	.bak_4 .right li { width:33.33%; margin:0;}
	.bak_4 .right li img { width:90%; height:auto;}
	.bak_4 .right { padding:0;}
	.bak_4 .left li { padding:10px;}
	.bak_4 .left li.on { background:#000;}
	.bak_4 .left li .b5 img { float:none;}
	.bak_4 .left li .b5 .w { border:0; margin-top:10px;}
	.footer .f_1 ul li { display:block; float:none; margin:0; margin-bottom:20px;}
	.footer .f_1 ul li a { display:inline-block; margin:0 5px 10px 0;}
	.footer .f_1 ul li a:first-child { display:block; margin-bottom:10px;}
	.footer .f_2 .left { margin-right:0; margin-bottom:20px;}
	.footer .f_2 .right { position:relative;}
	.header .left .nav { display:none;}
	.header .right { position:absolute; float:none;  top:0; margin:0; z-index:10; left:10px; right:10px; padding:0;}
	.header { height:auto;}
	.header .top-search.open,
	.header .top-search { display:none; background:#fff; position:relative; left:0; top:10px; width:auto; border:0; margin:0; padding:0;}
	.header .top-search input { display:block; width:100%; float:none; padding:0; text-indent:5px;}
	.header .top-search button { position:absolute; right:0; top:0;}
	.header .top-search input.inp{position:absolute; right:0; top:0;}
	.header .top-ph { position:absolute; left:5px; top:35px; z-index:100;}
	.header .left { float:none; padding:10px 0 0 0;}
    .header .top-ph{ top:0;}
	.mobile-nav-toggle-btn { display: inline; top:20px; }
	#content-box { width: 100%; height: 100%; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .5); background: #ffffff;
		-webkit-transition: .4s ease;
		-moz-transition: .4s ease;
		-ms-transition: .4s ease;
		-o-transition: .4s ease;
		transition: .4s ease;
	position:fixed;
	}
	.content-inner { 
			height: 100%;
    overflow: auto;
    width: 100%;
   -webkit-overflow-scrolling:touch;
	}
	.bak_4 .left li .b2 { height:auto; padding-bottom:5px;}

	.header { padding:0 10px 10px;}
	.header .left .logo  img{ width:240px; height:auto; }
    .header .right { display:block}
}
.content-inner>a{display: none;}


/*20201203add*/
.sidebar{position: fixed; z-index: 100000; width:70px; height: 212px; right:0px; top:50%; margin-top:-105px; background: #0070C0; border:1px solid #0070C0; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.sidebar li{ float: left; width:70px; height:70px; position: relative; border-bottom:1px solid #fff; text-align: center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;}
.sidebar li:last-child{border-bottom:none;}
.sidebar li>a{display: block; color:#fff!important;}
.sidebar li em{ display: block; width:38px; height: 38px; margin:5px auto 0;}
.sidebar li em img{width:38px; height: 38px;}
.sidebar li em img+img{ display: none;}
.sidebar li span{ display: block; font-size: 12px;} 
.sidebar li .code{ display: none;border-radius: 8px; position: absolute; right:75px; top:-28px; text-align: center; width:132px; height:132px; overflow: hidden; border:1px solid #0070C0;}
.sidebar li .code img{width:132px; height:132px;}
.sidebar li .conn{ display: none;border-radius: 8px;position: absolute; right:75px; top:0; text-align: center; width:175px; height:70px; line-height: 70px; text-align: center; font-size: 20px; color:#0070C0; font-family: Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border:1px solid #0070C0;}
.sidebar li .conn a{color:#0070C0;}
.sidebar li:hover{background: #fff;}
.sidebar li:first-child:hover{border-top-left-radius: 8px;}
.sidebar li:last-child:hover{border-bottom-left-radius: 8px;}
.sidebar li:hover span{color:#0070C0;}
.sidebar li:hover em img{ display: none;}
.sidebar li:hover em img+img{ display: block;}
.sidebar li:hover .code,.sidebar li:hover .conn{ display: block;}

@media only screen and (max-width: 767px) {
	.sidebar{width:50px; height: 152px;margin-top:-75px;}
	.sidebar li{width:50px; height:50px;}
	.sidebar li em,.sidebar li em img{ width:24px; height: 24px;}
	.sidebar li .code{right:52px;width:82px; height:82px; top:0;}
	.sidebar li .code img{width:82px; height:82px;}
	.sidebar li .conn{right:52px;height:50px; line-height: 50px; width:120px; font-size:16px;}
}