@charset "utf-8";
/*
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
pointer-events:none;//鼠标穿透
filter:Alpha(opacity=50);
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: 14px/1.5 "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; max-width: 1920px; margin: 0 auto; color:#333; background-color:#fff;}
input, button, textarea, select { font: 14px/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;}*/
select { appearance: none; -moz-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; max-width:100%; max-height:100%;}
i, em { font-style:normal;}
a { text-decoration: none; color:inherit;}
a:focus { outline:0;}

/* 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;}


/* 通用 */
#map img{ max-width:none; max-height:none;}
#header, #footer, #container{ min-width:1250px;}
.clear:after{ content:''; display:block; height:0; visibility:hidden; clear:both;}
.middle:after{ content:''; display:inline-block; vertical-align:middle; height:100%;}
.justify{ text-align:justify;}
.justify:after{ content:''; padding-left:100%;}
.wrap{ width:930px;  margin:0 auto; position:relative;}

#header{ position: relative; height: 132px; margin: 0 auto; background-color:#fff; z-index: 3;}
#header .logo{ float: left; width:476px; height:110px; overflow:hidden;}
#header .logo img{ display: block; width: 100%;}
#header .tool-bar{ float: right; padding-top: 41px;}
#header .link{ float: left; width: 108px; height: 40px; border: 1px solid #dcdcdc; border-radius: 2px; line-height: 40px; text-align: center; overflow: hidden;}
#header .link + .link{ margin-left: 5px;}
#header .link .ico{ display: inline-block; padding: 9px 6px; vertical-align: top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#header .link .ico img{ display: block;}
#header .link a{ display: block;}
#header .link a:hover{ color:#2e4e8f;}
#header .link a:hover .ico{
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
#header .search-wrap{ float: right; margin-right: 50px; padding-top: 27px;}
#header .search-bar{ position: relative; margin-bottom: 6px; padding: 7px 54px 7px 20px; border: 1px solid #dcdcdc; border-radius: 22px;}
#header .search-bar input{ display: block; width: 358px; height: 24px; line-height: 24px;}
#header .search-bar button{ position: absolute; right: 2px; top: 2px; width: 34px; height: 34px; border-radius: 50%; background: #2e4e8f url(../image/ico1.png) center no-repeat; cursor: pointer;}
#header .hotWord{ font-size: 12px; text-align: center; white-space: nowrap;}
#header .hotWord a{ position: relative; padding: 0 13px;}
#header .hotWord a:hover{ color:#2e4e8f;}
#header .hotWord a + a:before{ content: ''; position: absolute; left: 0; top: 4px; bottom: 3px; border-left: 1px solid #333;}
#header .nav{ position: absolute; left: 0; right: 0; bottom: -26px; clear: both; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.2);}
#header .nav ul{}
#header .nav li{ position: relative; float:left; width: 25%; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); color: #fff;
	-webkit-transition:color .2s, background .2s;	
	-moz-transition:color .2s, background .2s;	
	transition:color .2s, background .2s;	
}
#header .nav li.odd{ background-color: #28437b;}
#header .nav li.even{ background-color: #2e4e8f;}
#header .nav a{ display:block; font-size: 16px; line-height:48px; text-align:center; padding:0 32px;}
#header .subNav{ position: absolute; top: 100%; left: 0; right: 0; border-top: 1px solid transparent; opacity: 0; visibility: hidden;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition:opacity .2s, -webkit-transform .2s;	
	-moz-transition:opacity .2s, -moz-transform .2s;	
	transition:opacity .2s, transform .2s;	
}
#header .subNav a{ color: #333; background-color: #fff;
	-webkit-transition:color .2s, background .2s;	
	-moz-transition:color .2s, background .2s;	
	transition:color .2s, background .2s;	
}
#header .nav li:hover{ background-color: #fff; color:#2e4e8f;}
#header .nav li:hover .subNav{ opacity: 1; visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
#header .subNav a:hover{ background-color: #2e4e8f; color: #fff;}

#footer{ width:100%; color: #fff;}
#footer .top{ padding: 28px 0 25px; background-color: #3c3c3c;}
#footer .top li{ float: left; width: 20%; color: #d6d6d6; text-align: center;}
#footer .top .ico{ margin-bottom: 7px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#footer .top li:hover{ color:#fff;}
#footer .top li:hover .ico{
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
#footer .top p{ font-size: 18px;}
#footer .bottom{ background-color: #303030; line-height: 24px;}
#footer .bottom .link{ overflow: hidden;}
#footer .bottom .link li{ position: relative; float: left; padding: 0 10px;}
#footer .bottom .link li:first-child{ padding-left: 0;}
#footer .bottom .link li + li:before{ content: ''; position: absolute; left: 0; top: 4px; bottom: 3px; border-left: 1px solid #fff;}
#footer .bottom .link a:hover{ color:#e7e7e7;}
#footer .bottom .copy{}
#footer .bottom .hotline{ padding-left: 28px; background: url(../image/ico6.png) left no-repeat; font-size: 16px;}
#footer .bottom .oldsite{ position: absolute; right: 0; top: 50%; margin-top: -17px; width: 92px; background-color: #4d4d4d; border-radius: 2px; line-height: 34px; text-align: center; color: #fff;}
#footer .bottom span{ font-family: Arial;}
#footer .left{ float: left; padding: 12px 0;}
#footer .right{ position: relative; float: right; padding: 24px 100px 24px 0;}
.fBottom{ position:fixed; bottom:0; left:0;}

/* 面包屑 */
#bread{ padding: 42px 0 36px; color:#707070;}
#bread a:hover{ color:#2e4e8f;}
#bread a.cur{}

/* 下拉选框 */
.selectWarp{ text-align:left; cursor:pointer; position:relative; border:1px solid #a9a9a9;}
.selectWarp .selectBtn{ position:relative; overflow:hidden; height: 26px; padding:0 26px 0 12px; line-height: 26px;}
.selectWarp .selectBtn .arr{ position:absolute; right:10px; top:0; width:8px; height:100%; background:url(../image/select_arrow.png) left no-repeat;}
.selectWarp .down .arr{ background-position:right;}
.selectWarp .options{ max-height:90px; overflow:hidden; padding:12px 2px 12px 12px; background-color:#fff; border:1px solid #a9a9a9; position: absolute; left: -1px; right: -1px; top: 26px; z-index:10; display: none;}
.selectWarp ul{ padding-right:20px;}
.selectWarp ul li{ font-size:12px; margin-bottom:5px;}
.selectWarp ul li:hover { color:#2e4e8f;}
.selectWarp .mCSB_inside > .mCSB_container{ margin:0;}

/* 分页 */
.page{ text-align:center; width:100%; font-size:0;}
.page ul{ display:inline-block; overflow:hidden;}
.page li{ float:left; padding:0 3px; font-family:Arial; font-size:16px; color:#474747; line-height:34px;}
.page a{ display:block; width:30px; height:30px; line-height:30px; color:#707070; border:1px solid #dbdbdb; border-radius:3px;
	-webkit-transition:all .2s;	
	-moz-transition:all .2s;	
	transition:all .2s;	
	}
.page a .ico{ display: block; width: 7px; height: 100%; margin: 0 auto; background: left no-repeat;}
.page a .i1{ background-image: url(../image/ico8.png);}
.page a .i2{ background-image: url(../image/ico9.png);}
.page a:hover, .page a.cur{ color:#fff; background-color:#2e4e8f; border-color:#2e4e8f;}
.page a:hover .ico{ background-position: right;}

/* 弹窗 */
.popWindow{ position:fixed; left:0; top:0; width:100%; height:100%; background: url(../image/opacity-b40.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;
	-moz-transition:all .2s;
	transition:all .2s;
	}
.popWindow .btnWarp button:hover{ background-color:#4f89f5; color:#fff; border-color:#4e73b9;}


.about6 {}
.about6 .top_bar {overflow: hidden;}
.about6 .top_bar .x {overflow: hidden;border-bottom: 1px solid #474747;}
.about6 .top_bar .prov {float: left;width: 86px;font-size: 20px;color: #333;text-align: center;background: url(../image/jjl/arr6.png) no-repeat bottom center;padding-bottom: 13px;margin-right: 10px;}
.about6 .top_bar .nav {width: 261px;float: left;overflow: hidden;padding: 4px 0 9px;}
.about6 .top_bar .nav a {font-size: 14px;color: #333;float: left;height: 24px;line-height: 24px;width: 87px;text-align: center;border-radius: 18px;}
.about6 .top_bar .nav a.now {background: #2e4e8f;color: #fff;}
.about6 .focus .prev {position: absolute;right: 30px;top: 4px;width: 24px;height: 24px;background: url(../image/jjl/left4.png) no-repeat center;z-index: 1;}
.about6 .focus .next {position: absolute;right: 0;top: 4px;width: 24px;height: 24px;background: url(../image/jjl/right4.png) no-repeat center;z-index: 1;}
.about6 .focus {width:100%;position:relative;margin:auto;}
.about6 .frame {width:100%;height:100%;overflow:hidden;}
.about6 .frame .child{height:100%;float:left;}
.about6 .popup {width: 419px;}
.about6 .popup .popup-in {padding: 0;float: right;}