/* Ã¦Âµâ€¹Ã¨Â¯â€¢Ã¦ËœÂ¯Ã¥ÂÂ¦Ã¤Â¸â‚¬Ã¨â€¡Â´ */
/* body{opacity: 0.6;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/0.jpg) !important;} */

@charset "utf-8";
@font-face {
	font-family: 'dinbold';
	src: url('/pub/bjgsdx/fonts/dinbold.eot') format('embedded-opentype'),
		url('/pub/bjgsdx/fonts/dinbold.woff') format('woff'),
		url('/pub/bjgsdx/fonts/dinbold.woff2') format('woff2'),
		url('/pub/bjgsdx/fonts/dinbold.ttf') format('truetype'),
		url('/pub/bjgsdx/fonts/dinbold.svg') format('svg');
	font-weight:bold;
}

@media screen and (min-width:992px){
	.effect1{opacity: 0.5;transition: all 0.8s ease-out;}
	.effect1.isView{opacity: 1;}
	.effect2,.effect2 li,.effect5{opacity: 0;transition: all 0.8s ease-out;transform: translateY(70px);}
	.effect2.isView,.effect2.isView li,.effect5.isView{opacity: 1;transform: none;}
	.effect3{opacity: 0;transition: all 0.8s ease-out;transform: translateX(50px);}
	.effect3.isView{opacity: 1;transform: none;}
	.effect4 ,.effect4 li,.effect6 tr{opacity: 0;transition: all 0.8s ease-out;transform: translateX(-50px);}
	.effect4.isView,.effect4.isView li,.effect6.isView tr{opacity: 1;transform: none;}
}

/* CSS Document */
html{background:#FFF;font-size:62.5%; /* 10ÃƒÂ·16=62.5% */min-width: 1200px;}
body{font-size:14px;font-size:1.4rem ; /* 14ÃƒÂ·10=1.4 */color: #222;font-family:'Microsoft YaHei','Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜',SimSun,'Ã¥Â®â€¹Ã¤Â½â€œ',SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover{color: #00366F;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ul,ol,li{list-style:none outside none;}
button{outline: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.clearFix{*zoom:1;clear:both;}
.clearFix:after{content: '';display: block;clear:both;}
.clear{width: 100%;overflow:hidden;}

.z1{position: relative;z-index: 1;}
.z2{position: relative;z-index: 2;}
.z3{position: relative;z-index: 3;}
.z4{position: relative;z-index: 4;}
.z5{position: relative;z-index: 5;}

.fs45{font-size: 45px;}
.fs44{font-size: 44px;}
.fs40{font-size: 40px;}
.fs38{font-size: 38px;}
.fs36{font-size: 36px;}
.fs32{font-size: 32px;}
.fs30{font-size: 30px;}
.fs28{font-size: 28px;}
.fs26{font-size: 26px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs19{font-size: 19px;}
.fs18{font-size: 18px;}
.fs17{font-size: 17px;}
.fs16{font-size: 16px;}
.fs15{font-size: 15px;}
.fs14{font-size: 14px;}
.fs13{font-size: 13px;}
.fs12{font-size: 12px;}

.ul-inline{font-size: 0;}
.ul-inline li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;}
.ul-inline li a{display: block;}
.title,.info{display: block;overflow: hidden;text-overflow: ellipsis;}
.img{display: block;overflow: hidden;width: 100%;height: 0;background: #d6d6d6;}
.img_centered{display: block;overflow: hidden;position: relative;}
.img img{width: 100%;display: block;transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;}
.img_centered img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;}
.img:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}
.time{font-family: 'Arial';}
.clear{clear:both;}
.rightDate{float: right;}

.row{margin:0px auto;width: 1230px;}

/* Ã¤Â½Å½Ã§â€°Ë†Ã¦Å“Â¬Ã¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨ */
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.85;filter:alpha(opacity=85);z-index:99998;}
.ie9tips{width:400px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -200px;line-height: 1.8;color:#fff;z-index:99999;text-align:center;}
.ie9tips a{color:red;} 
.ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);} 
.ie9tips p{padding-top:10px;color: #fff;font-size: 16px;}

/* Ã¦â€“â€¡Ã§Â«Â Ã©Â¡ÂµÃ¨Â¿ËœÃ¥Å½Å¸ */
.article img{display: inline-block;*display: inline;*zoom: 1;}
.article i,.article em{font-style: italic;}
.article strong,.article strong span{font-weight: bold;}
.article table img{max-width: initial;}
.article tbody td,.article tfoot td{border-width:1px;border-style: solid;border-color: #ddd;}
.article ol{list-style:decimal inside none;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;}
.article ul{list-style: disc inside  none;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;}
.article ul li{list-style-type:disc;}
.article ol li{list-style-type:decimal;}
/* Ã¦â€“â€¡Ã§Â«Â Ã©Â¡ÂµÃ¨Â¿ËœÃ¥Å½Å¸Ã§Â»â€œÃ¦ÂÅ¸ */

/*Ã¥Â¤Â´Ã©Æ’Â¨Ã¦Â Â·Ã¥Â¼Â*/
.header{width:100%;min-width: 300px;height:auto;z-index: 20;position: relative;background: url(/pub/bjgsdx/images/header_bg2.png) center no-repeat #00366F;}
.wrapTop{width: 100%;}
.header .top{height: 114px;max-width: 1230px;margin:0 auto;position:relative;width: 96%;border-bottom: 1px solid #00DEFE;background: url(/pub/bjgsdx/images/header_bg1.png) 74% bottom no-repeat;background-size: 700px auto;}
.logo{width: 386px;position: absolute;left: 0;overflow: hidden;font-size: 0;top: 28px;}
.logo a{display: inline-block;*display: inline;*zoom: 1;}
.logo img{width: 100%;}
.logo1{width: calc(276% / 3.86);float: left;}
.logo2{width: calc(96% / 3.86);float: right;}
.top_nav{width: auto;float:right;padding-top: 15px;}
.top_nav a{color: #fff;display: block;height: 30px;line-height: 30px;margin: 0 0 0 13px;float: right;}
.top_nav a:hover{font-weight: bold;}
.ser{clear: right;width: 139px;height: 25px;line-height: 25px;z-index:600;overflow: hidden;background: #fff;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;float: right;position: relative;}
.search{width: 100%;height: 100%;position: relative;float:right;}
.search input.notxt{position:absolute;height: 25px;color: #999;border:none;background:none;left: 12px;top:0px;padding:0px;margin:0px;outline: none;display: block;width: 150px;font-size: 14px;}
.search input.notxt1{position:absolute;width: 52px;height: 25px;border:none;background: url(/pub/bjgsdx/images/search_btn.png) center no-repeat;right: 0;cursor: pointer;}

.nav{width:100%;}
.nav ul{font-size: 0;text-align: justify;text-justify:inter-ideograph;overflow: visible !important;max-width: 1120px;padding: 0 30px;}
.nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);line-height: 57px;height: 60px;padding: 0 10px;}
.nav ul li > a{font-size: 16px;display: block;position: relative;color: #fff;}
.nav ul li > a:hover:after{position: absolute;width: 100%;height: 4px;background: #fff;content: "";left: 0;bottom: 10px;}
.nav ul li > a,.nav ul li:hover > a{}
.subNav{width: 180px;background: #00366f;white-space: normal;position: absolute;right: calc(50% - 90px);top: 98%;display: none;}
.subNav dd {}
.subNav a{color:#fff;padding:10px 15px;display: block;line-height: 24px;border-top:1px solid rgba(0,0,0,0.2);font-size: 16px;}
.subNav a:hover{background: rgba(0,0,0,0.2);}

.header.currents{position: fixed;left: 0;top: -190px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
.header.currents.currentsOn{top: 0;/* position: relative; */}
.header.currents{height: 48px;line-height: 48px;}
.header.currents .ser{display: none;}
.header.currents .top{display: none;}
.header.currents .nav{height: 48px;line-height: 48px;background: #00366f;}
.header.currents .nav li{background:none;}
.header.currents .subNav{top:48px;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents .nav ul li > a{color: #fff;}
.header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{}
.header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4)}

.nav ul li:hover .subNav{
	-webkit-animation-name: flipInY ;animation-name: flipInY ;
	animation-duration: 0.6s; -webkit-animation-duration: 0.6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;   visibility: visible !important; display: block;
}
@keyframes flipInY  {
	from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
	80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}

footer{background: #00366F;clear: both;padding: 40px 0 35px;}
.footer{position: relative;}
.footer_left{float: left;line-height: 35px;color: #fff;}
.footer_left a{color: #fff;}
.footer_right{float: right;font-size: 0;padding: 65px 0 0;}
.footer_right a{display: inline-block;*display: inline;*zoom:1;width: 40px;height: 40px;border-radius: 50%;margin: 0 0 0 35px;}
.footer_right a.mail{background: url(/pub/bjgsdx/images/footer_mail.png) center no-repeat #fff;}
.footer_right a.sina{background: url(/pub/bjgsdx/images/footer_sina.png) center no-repeat #fff;}
.footer_right a.wechat{background: url(/pub/bjgsdx/images/footer_wechat.png) center no-repeat #fff;position: relative;}
.footer_right a.wechat img{position: absolute;right: 100%;bottom: 0%;max-width: inherit;width: 0;height: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.footer_right a.wechat:hover img{width: 80px;height: 80px;background: #fff;}

.footer_logo{position: absolute;left: 44%;top: 50%;transform: translateY(-50%);display: block;width: 386px;}