@charset "utf-8";
@media only screen and (max-width:640px) {
.pc{ display:none}
.phone{ display:block;}
}
@media only screen and (min-width:641px)  {
.pc{ display:block}
.phone{ display:none}
}
/*头部样式*/
.header{width:100%;min-width: 300px;height:auto;z-index:10;position: relative;}

.wrap_top_nav{background: #123866;}
.top_nav{width: auto;line-height: 40px;font-size: 0;padding: 0 50px;max-width: 1500px;margin: 0 auto;overflow: hidden;}
.top_nav .lf{float: left;margin: 0 0 0 -10px;}
.top_nav .rt{float: right;}
.top_nav a{color: rgba(255,255,255,0.5);display: inline-block;*display: inline;*zoom:1;height: 20px;line-height: 20px;padding: 0 21px;position: relative;vertical-align: middle;font-size: 14px;}
.top_nav a::before{content: '|';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: rgba(255,255,255,0.5);}
.top_nav a:first-child::before{display: none;}
.top_nav a:hover{color:#fff;}
.top_nav .search_btn{width: 40px;height: 40px;display: inline-block;*display: inline;*zoom:1;margin: 0 1px 0 40px;vertical-align: middle;background: url(../images/search_btn.png) center no-repeat #2a4c76;}

.search_box{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 100;opacity: 0;visibility: hidden;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;display: none;}
.search_box.on{opacity: 1;visibility: visible;display: block;}
.search_box .close{background: url(../images/close.png) center no-repeat;background-size: contain;width: 60px;height: 60px;position: absolute;right: 40px;top: 6%;}
.ser{height: 45px;line-height: 45px;width: 550px;position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%);left: 50%;margin: -100px 0 0;}
.search{width: 100%;height: 100%;position: relative;float:right;z-index: 3;}
.search input.notxt{position:absolute;width: 406px;height: 45px;background: #fff;padding: 0 12px;font-size: 16px;-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;border: 0;}
.search input.notxt1 {position:absolute;width: 120px;height: 45px;border:none;background: #0357bc;right: 0;font-size: 18px;color: #fff;}
/* url(../images/search_btn.png) center center no-repeat */

.wrapTop{width: 100%;background: url(../images/header_bg.png) top center repeat-x;position: absolute;z-index: 10;background-size: auto 100%;}
.top{height: 150px;margin: 0 43px 0 50px;position:relative;max-width: 1500px;margin: 0 auto;}
.logo{width: 547px;position: absolute;left: 8px;overflow: hidden;font-size: 0;top: 26px;}
.logo a{display: inline-block;*display: inline;*zoom: 1;}
.logo img{width: 100%;}

.nav{height: 85px;line-height: 85px;position: absolute;left: 672px;right: 0;top: 17px;}
.nav ul{/* width:1280px; */margin:0 auto;font-size: 0;text-align: center;white-space: nowrap;}
.nav ul > li{text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.nav ul li > a{font-size: 18px;display: block;position: relative;color: #fff;text-shadow: 0 3px 3px rgba(0,0,0,0.5);}
.nav ul li.on > a::after,.nav ul li > a:hover:after{content: "";position: absolute;width: 50px;height: 4px;background: #0357bc;bottom: 16px;left: 50%;transform: translateX(-50%);border-radius: 2px;}
.nav ul li.on > a,.nav ul li:hover > a{}
.nav ul li.on .subNav{display: block;-webkit-animation-name: nav;animation-name: nav;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}
@keyframes nav{
	from {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
		transform: translateY(0);
	}
}

.subNav{white-space: normal;position: absolute;left: 0;top:100%;display: none;overflow: hidden;width: 700px;background: #fff;border-radius: 6px;padding: 24px 20px;}
.subNav::before{content: '';display: block;height: 4px;background: #0357bc;position: absolute;left: 0;right: 0;top: 0;}
.subNav .img_box{float: left;width: 240px;height: 150px;overflow: hidden;}
.subNav .img_box img{display: block;width: 100%;}
.subNav dl{margin: -3px 0 0 249px;text-align: left;overflow: hidden;}
.subNav dd{width: 33.3%;float: left;}
.subNav a{padding: 14px 20px;display: block;line-height: 24px;font-size: 16px;color: #666;margin: 0 0 0 20px;position: relative;}
.subNav a::before{position: absolute;content: '';display: block;width: 4px;height: 4px;border-radius: 50%;border: 2px solid #205d96;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.subNav a:hover{}

.header.currents{height: 54px;line-height: 54px;background:none;background-color: #0357bc;top: 0;}
.header.currents .wrap_top_links{display: none;}
.header.currents .ser{display: none;}
.header.currents .top{height: 54px;}
.header.currents .nav{height: 54px;line-height: 54px;width: auto;top: 0;}
.header.currents .wrapTop{background: #0357bc;}
.header.currents .logo{top: 7px;}
.header.currents .logo a{width: auto;height: 40px;}
.header.currents .logo img{width: auto;height: 40px;}
.header.currents .nav li{background:none;}
.header.currents .subNav{top:100%;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents .nav ul li > a{}
.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.2)}


/*手机端导航*/
.mobile{width: 100%;position:absolute;display: none;top: 0;right: 0;z-index: 999;}
.mobile-inner-header{width:100%;height: 0;position: absolute;top: 0px;right: 0px;z-index: 2;}
.mobile-inner-header-icon{color: #ffffff;height: 40px;font-size:25px;text-align: center;width: 40px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 3);  width: 25px;  height: 2px;  background-color: #0357bc;display: none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}    
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.mobile-inner-header-icon{color: #fff;height: 54px;text-align: left;width: 54px;position: absolute;cursor: pointer;margin-right: 5px;font-weight: bold;text-align: right;right: 12px;top: 24px;} 
.mobile-inner-header-icon-out span{width: 22px;height: 2px;background:#0357bc;display: none;}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}      
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
	0% {transform: translateY(4px) rotate(0deg);}
	100% {transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
	0% {transform: translateY(-4px) rotate(0deg);}
	100% {transform: translateY(0) rotate(-45deg);}
} 
@keyframes clickthird {
	0% {opacity: 0}
	100% {opacity: 0}
}   
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }
  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }
  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
@keyframes outthird {
  0% {
    transform: translateY(0) rotate(90deg);
  }
  100% {
    transform: translateY(12px) rotate(0deg);
  }
}

.mobile-inner-header-icon-out{background: url(../images/top_menu_open.png) center no-repeat;}
.mobile-inner-header-icon-click{background: url(../images/top_menu_close.png) center no-repeat;}

.mobile_logo{display: block;width: 260px;margin: 0 0 28px 22px;}

.mobile-inner-nav{background: #fff;max-width: 90%;position: absolute;top: 0;right: 0px;padding: 30px 0;display: none;width: 392px;border-left: 8px solid #2f68ad;}
.mobile-inner-nav a{line-height: 40px;display: block;padding: 14px 32px 15px;text-decoration: none;border-bottom: 1px solid #f2f2f2;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-size: 18px;}
.mobile-inner-nav a:hover{font-weight: bold;}
.mobile-inner-nav li{position: relative;}
.mobile-inner-nav li a{}
.mobile-inner-nav li strong{position: absolute;right: 10px;top: 13px;width: 40px;height: 40px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;background: url(../images/mobile_arrow_1.png) center no-repeat;}
.mobile-inner-nav li strong.on{background: url(../images/mobile_arrow_2.png) center no-repeat;}

.mobile_subNav{display: none;background: #edf2f7;overflow: hidden;}
.mobile-inner-nav dd{width: 50%;float: left;border-bottom: 1px solid #dce1e5;}
.mobile-inner-nav dd a{height: 31px;line-height: 31px;font-size: 16px;text-align: center;padding: 14px 0 13px;border-right: 1px solid #dce1e5;}

.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes returnToNormal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.mobile_search{clear: both;position: relative;height: 58px;width: 304px;margin: 0 auto 28px;overflow: hidden;display: block;vertical-align: middle;border: 1px solid #d6d6d6;max-width: 100%;}
.mobile_search input.notxt{width: 80%;margin-left: -3px;border:none;height: 58px;left: 0;}
.mobile_search input.notxt1{width: 58px;border:none;height: 58px;line-height: 40px;float: left;z-index: 2;font-size: 0;background: url(../images/search_btn2.png) center no-repeat;}
.modile_link{text-align: center;padding: 40px 16px 0 10px;}
.modile_link a{display: inline-block;*display: inline;*zoom:1;width: auto;margin: 5px 17px;font-size: 15px;vertical-align: middle;padding: 0;border: 0;}

.wrap_footer{width: 100%;background: url(../images/footer_bg.png) center no-repeat;background-size: cover;padding: 43px 0 0;}
.footer{max-width: 1300px;margin: 0 auto;}
.footer_left{color: #fff;line-height: 28px;float: left;}
.footer_left .list{float: left;position: relative;margin: 0 144px 0 0;}
.footer_left .list::before{content: '';display: block;position: absolute;left: 3px;top: 13px;bottom: 36px;width: 1px;background: #E6E6E6;opacity: 0.3;}
.footer_left .title{display: block;margin: 0 0 33px;padding: 0 0 0 35px;position: relative;font-weight: bold;}
.footer_left .title::before{content: '';display: block;width: 20px;height: 4px;position: absolute;left: 3px;top: 50%;transform: translateY(-50%);background: #e6e6e6;}
.footer_left a{display: block;margin: 0 0 25px;position: relative;padding: 0 0 0 36px;color: rgba(255,255,255,0.8);}
.footer_left a::before{content: '';display: block;width: 20px;height: 1px;position: absolute;left: 3px;top: 50%;transform: translateY(-50%);background: #e6e6e6;opacity: 0.3;}
.footer_left a::after{content: '';display: block;width: 6px;height: 6px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #e6e6e6;border-radius: 50%;}
.footer_left a:hover{color: #fff;}

.footer_right{float: right;width: 300px;margin: 7px 30px 0 0;}
.footer_logo{border-bottom: 1px solid rgba(230,230,230,0.3);padding: 0 0 17px;margin: 0 0 20px;}
.f_wechat{width: 58px;float: left;position: relative;margin: 0 47px 0 0;cursor: pointer;}
.f_wechat .code_box{display: none;width: 80px;height: 80px;background: #fff;padding: 5px;border-radius: 3px;}
.f_sina{width: 58px;float: left;display: block;margin: 0 46px 0 0;}
.f_mail{width: 58px;float: left;display: block;}

.footer_share{margin: 0 0 87px;}
.footer_share .img_box{padding-bottom: 100%;border: 1px solid #5785ad;border-radius: 3px;}
.footer_share .img_box:hover{background: rgba(255,255,255,0.1);}
.footer_share .code_box{position: absolute;bottom: 100%;right: 0;}
.footer_share span{display: block;text-align: center;color: #fff;margin: 9px 0 0;}

.links{margin: 27px 0 0;}
.links .title{color: #fff;line-height: 24px;padding: 0 0 5px;}
.select_link{display: block;height: 50px;background: rgba(0,0,0,0.2);vertical-align: middle;position: relative;border: 1px solid #6a94bb;}
.select_link.on{}
.select_link .arrow{width: 20px;height: 20px;position: absolute;right: 8px;bottom: 17px;background: url(../images/f_arrow.png) center center no-repeat;transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;cursor: pointer;}
/* .select_link .arrow.on{transform: rotate(180deg);} */
.select_link > a{display: block;font-size: 16px;color: #b6c8d8;line-height: 50px;text-align: left;padding: 0 0 0 18px;}
.select_link .alert_box{height: 0;position: absolute;left: -1px;bottom: 100%;background: #2f68ad;right: -1px;padding: 6px 0;overflow: hidden;border: 0;opacity: 0;transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
.select_link .alert_box.on{opacity: 1;height: auto;}
.select_link .alert_box a{display: block;font-size: 16px;color: #fff;line-height: 1.5;padding: 6px 18px;}
.select_link .alert_box a:hover{background: #aec9e5;color: #325580;}

.copyright{background: rgba(33,69,110,0.8);text-align: center;padding: 15px 0;margin: 49px 0 0;}
.copyright p{color: #fff;opacity: 0.5;line-height: 20px;}
.copyright span{display: inline-block;*display: inline;*zoom:1;padding: 0 16px;}

@media screen  and (min-width:1024px){
	.footer_left a,.footer_left a::before,.footer_left a::after{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;}
	.footer_left a:hover{transform: translateX(6px);}
	.footer_left a:hover::before,.footer_left a:hover::after{margin-left: -6px;}
	
}
@media screen  and (max-width:1386px){
	.top,.top_links{margin: 0 50px;}
	.logo{width: 364px;left: 0px;top: 32px;}
	.nav{left: 530px;}
	
	.wrap_footer{}
	.footer{max-width: 1000px;}
	.footer_left .list{margin: 0 66px 0 0;}
	.footer_right{margin: 7px 0 0;}
	
	
	
}

@media screen  and (max-width:1220px) {
	.top_nav{padding: 0 20px;}
	.top,.top_links {margin: 0 20px;}
	.nav{left: 380px;/* top: 50px; */}
	.nav ul li > a{font-size: 14px;font-weight: normal;}
	.footer_right{}
	
	.logo{}
	
	
}
@media screen  and (max-width:1024px) {
	.ser{right: 15px;}
	.footer{width: auto;max-width: initial;padding: 0 20px;}
}
@media screen  and (max-width:992px) {
	.header.currents{display: none !important;}
	.nav{display: none;}
	.wrapTop{border-top: 4px solid #0357bc;}
	
	.top_nav,.ser,.slogan{display: none;}
	.logo{position: relative;top: 0px;padding: 20px 0;}
	.top{height: 120px;padding: 6px 18px;overflow: hidden;margin: 0;}
	.mobile{display: block;}
	
	.header_cover{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);display: none;}
	
	
	/* .footer_left,.footer_right{display: block;float: none;margin: 0 auto;} */
	.footer_left .list{margin: 0 42px 0 0;}
	
	.footer_right{width: 260px;}
	.footer_logo a{display: block;margin: 0 41px 8px 0;}
	.f_wechat,.f_sina{margin: 0 40px 0 0;}
	
}
@media screen  and (max-width:768px) {
	
}
@media screen and (max-width: 767px){
	/* .mobile-inner-header-icon-out{background-size: 23px auto;} */
	/* .mobile-inner-header-icon-click{background-size: 18px auto;} */
	.mobile-inner-nav{padding-bottom: 50px;}
	.mobile-inner-nav a{padding: 9px 20px 10px;font-size: 16px;/* margin: 0 36px 0 0; */}
	.modile_link{/* padding: 39px 13px 0; */}
	.modile_link a{font-size: 14px;padding: 1px 3px;}
	.mobile_search{/* width: 200px; */}
	
	.top{height: 64px;padding: 6px 12px;}
	.logo{width: 282px;margin: 0 0 0 6px;padding: 6px 0;}
	.mobile-inner-header-icon{width: 36px;height: 36px;background-size: contain;top: 15px;right: 15px;}
	
	.wrap_footer{padding: 25px 0 0;overflow: hidden;}
	.footer_left{float: none;margin: 0 -48px 0 0;overflow: hidden;}
	.footer_left .title{font-size: 14px;margin: 0 0 20px;}
	.footer_left a{font-size: 12px;margin: 0 0 12px;padding: 0 0 0 32px;}
	.footer_left .list::before{bottom: 24px;}
	.footer_left .list{margin: 0 48px 0 0;}
	
	.footer_right{float: none;margin: 26px 0 0;width: auto;}
	.footer_logo{width: 224px;margin: 0 0 20px;padding: 0 0 8px;}
	
	.f_wechat,.f_sina,.f_mail{width: 48px;margin: 0 27px 0 0;}
	.footer_share .code_box{right: auto;left: 0;}
	.footer_left a::after{width: 4px;height: 4px;left: 2px;}
	
	.footer_share{margin: 0 0 50px;}
	.links{width: 180px;float: left;margin: 0 ;}
	.links:last-child{float: right;}
	.select_link{height: 38px;}
	.select_link > a{font-size: 12px;line-height: 38px;}
	.select_link .alert_box a{font-size: 12px;}
	.select_link .arrow{background-size: 10px auto;right: 3px;bottom: 8px;}
	
}	

@media screen and (max-width:413px) {
	.logo{width: 220px;}
	.links,.links:last-child{width: auto;float: none;margin: 0 0 20px;}
}
.content{min-height: 300px;position: relative;
    z-index: 100;}
.fl{float:left}
.fr{float:right}
.cl{clear:both}
.ejbanner{width:100%;height:320px;min-width:1200px;background: #f3f3f3;padding-bottom: 52px; position:relative}
.sidebannerbox{width:100%;height:320px; min-width:1200px; position:relative; z-index:0}
.sidebannerbox ul{ height:100% !important; width:100% !important;  }
.sidebannerbox li{  height:100% !important; width:100% !important; }
.ejbanner .web{line-height:52px; position:relative;}
.ejbanner .web h3{ background: rgba(0, 0, 0, 0) url(../images/subnavbg.png) repeat scroll 0 0; bottom: 0; color: #fff; font-size: 22px; font-weight: normal; padding:25px 0; position: absolute; text-align: center; width: 270px; text-decoration: none; }
.ejbanner .web p{color: #999;font-size: 13px}
.ejbanner .web p i{font-family: 宋体;padding: 0 3px}
.ejbanner .web p a{color: #999;}
.ejbanner .web p a:hover{color:#666}
.sidenav{background: #f8f8f8 none repeat scroll 0 0;padding: 10px;width: 250px;list-style:none}
.sidenav a{ background-color: #f8f8f8; border-bottom: 1px solid #ddd; color: #333; display: block; font-size: 16px; line-height: 2em; margin-left: 0; padding: 15px 20px; }
.sidenav a:hover,.sidenav a.hover{ color: #003399; font-size: 16px; font-weight: bold; }
.listwrap{margin:30px 0 0 30px;}
@media only screen and (min-width:1200px)  {
.listwrap{min-width: 900px;}
}
@media only screen and (max-width:1199px) {
.listwrap{}
}
.listwrap ul{
	min-height: 200px;
}
.listwrap dl{padding:20px 0px;border-bottom: solid 1px #eee;line-height: 2em;position: relative;cursor: pointer;overflow: hidden; margin:0;
    text-overflow: ellipsis;
    display: block;}
.listwrap dl:first-child{visibility: visible; animation-delay: 0.1s; animation-name: fadeInRight;}
.listwrap dl:nth-child(2){visibility: visible; animation-delay: 0.2s; animation-name: fadeInRight;}
.listwrap dl:nth-child(3){visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;}
.listwrap dl:nth-child(4){visibility: visible; animation-delay: 0.4s; animation-name: fadeInRight;}
.listwrap dl:nth-child(5){visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;}
.listwrap dl:nth-child(6){visibility: visible; animation-delay: 0.6s; animation-name: fadeInRight;}
.listwrap dl:nth-child(7){visibility: visible; animation-delay: 0.7s; animation-name: fadeInRight;}
.listwrap dl:nth-child(8){visibility: visible; animation-delay: 0.8s; animation-name: fadeInRight;}
.listwrap dl:nth-child(9){visibility: visible; animation-delay: 0.9s; animation-name: fadeInRight;}
.listwrap dl:nth-child(10){visibility: visible; animation-delay: 1s; animation-name: fadeInRight;}
.listwrap dl:hover dt{background: #1B467B;color: #fff}
.listwrap dl:hover a{background-position: left top;color: #1B467B}
.listwrap dl dt{background-color:#f5f5f5;color:#1B467B;float:left;width: 80px;height: 100%;text-align: center;font-size: 13px;}
.listwrap dl dt h3{font-size:36px;font-weight: normal;padding:10px 0;}
.listwrap dl dd{margin-left: 100px}
.listwrap dl dd a{font-size:16px}
.listwrap dl dd p{font-size: 12px;line-height: 24px;color: #999}
.list-page {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-left: 2em;
    color: #222;
    border-bottom: #1B467B 1px dotted;
    margin-top: 80px;
}
@media only screen and (min-width:1200px)  {
.foot{ height:120px; width:100%; background:#1a70aa}
}
@media only screen and (max-width:1199px) {
.foot{ height:80px; width:100%; background:#1a70aa; overflow:hidden}
}
.fsl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.fo-nav { list-style:none; padding:0;}
.am-cf{ margin-top:20px;}

.fo-nav li { float:left; margin-right:30px; color:#FFFFFF}
.fo-nav li a { font-size:14px; color:#ffffff;}
.fo-nav li a:hover { color:#FFF;}
@media only screen and (min-width:1200px)  {
.fo-bq { color:#ffffff; font-size:12px; line-height:30px; margin-top:10px; float:left; text-align: left;}
}
@media only screen and (max-width:1199px) {
.fo-bq { color:#ffffff; font-size:12px; line-height:30px; margin-top:10px; float:left; text-align: center;}
}
.fo-bq a {color:#ffffff; margin-left:0px;}
.fo-bq a:hover { color:#FFF;}
.fo-lx { float:right; margin-right:40px;}
.fo-lx p a{ color:#999; text-align:right; font-size:14px; float:right}
.fo-lx p a:hover { color:#FFF;}
.fo-lx .fo-but  { float:left; margin-top:16px;}
.fo-lx .fo-but + .fo-but { margin-left:30px;}
.fo-lx .fo-but a { color:#999; font-size:14px; text-align:center; display:block;}
.fo-lx .fo-but a:hover { color:#FFF;}
.fo-lx .fo-but span { display:block; margin-bottom:10px;border-radius:50%; border:1px #999 solid; width:40px; height:40px; line-height:40px;}
.fo-lx .fo-but span img { -webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;vertical-align: text-top;}
.fo-lx .fo-but a:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);}
.fo-ewm { float:right; color:#ffffff; font-size:14px; text-align:center; padding-top:20px;}
.fo-ewm img{ width:70px; height:70px; position:relative; }
.fo-ewm img:hover{width: 150px;
    height: 150px;}
.fo-ewm p:hover{width: 150px;
    height: 150px;
    position: absolute;
    bottom: -80px;
    right: -20px;}
.fo-ewm p { margin:0;}


.footerinner{
	height: 100%;
	margin:25px auto;
	position: relative;
}
.share{
	width: 230px;
	margin:0 auto;
	overflow: hidden;
}
.share li{
	float: left;
	height: 60px;
	padding:5px 14px;
}
.share li img{
	width: 50px;
	height: 50px;
	cursor: pointer;
	border-radius: 20px;

}
.share li img:hover {
    opacity: 1;
    filter: alpha(opacity=90);
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    text-decoration: none;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.code_wrap{
	position: absolute;
	left:50%;
	top:-235px;
	margin-left: -425px;
	width:520px;
	z-index:50;
}
.code{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.code li{
	float: left;
	width: 200px;
	height:240px;
}
.code li img{
	width: 210px;
	height:236px;
	display: none;
}
.code li img.weibo{
	position: absolute;
	left: 310px;
}
.code li img.qq{
	position: absolute;
	left: 312px;

}
.code li img.twitter{
	position: absolute;
	left:382px;
}
.code li img.wechat{
	position:absolute;
	left:448px;
}
.footerinfo{
	font-size: 16px;
	text-align: center;
	color: #fff;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.footerinfoTop{
	margin:10px 0;
}
.footerinfoTop p{
	line-height: 22px;
}
.footerinfoBottom{
	font-size: 12px;
}
.footerinfoBottom .min{
	font-size:12px;
}
.appfoot{    text-align: center;
    color: #ffffff;
    padding: 20px 0;}
/*分页页码样式*/
.shpa{ 
    height:30px;
	margin-top:40px;
    float:left; 
} 
.shpa b{ 
	float:left;
	line-height:25px;
	height:25px;
	margin-left:5px;
	font-size:12px;
	border:1px solid #E9E9E9;
	padding:0px 10px;
	width:auto;
    background-color: #003399;
    color: #FFF;} 
.shpa a{ color:#1c64c4;
	float:left;
	line-height:25px;
	height:25px;
	margin-left:5px;
	font-size:12px;
	border:1px solid #E9E9E9;
	padding:0px 10px;
	width:auto;
	
} 
.shpa a:hover{ 
	color:#003399;
	text-decoration:none;
        border: 1px solid #E9E9E9;
} 
.pb_sys_common{
	margin: 20px 0!important;
}
/*内页*/
.bg {
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    width: 100%;}
.am-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    max-width: 1200px;}
.page {
    margin: 0 auto;
    padding: 40px 0;}
@media only screen and (max-width:640px) {
.page {
    margin: 0 auto;
    padding: 0;}
}
.listpage {
    margin: 20px auto;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    background-color: rgba(255,255,255,0.88);
    padding-bottom: 20px;
    overflow: hidden;
	min-height: 560px;}
@media only screen and (max-width:640px) {
.listpage {
    margin: 0;}
}
	
.add{ height:40px; margin:5px auto;}
.addpic{ width:15px; height:40px; display:block; float:left;}
.addpic img{ margin:12px 0;}
.address{ height:40px; display:block; line-height:40px;}
.address a{ line-height:40px;color: #0060a9;font-family:"微软雅黑"; font-size: 13px;}
.artcontent {
    margin: 0 auto;
    width: 96%;}
.path {
    line-height: 40px;
    font-size: 12px;
	float: right;
    margin-top: 5px;
}	
.title_w {
    text-align: center;
    padding: 20px 0;
    border-bottom: 2px solid #343434;
    font-size: 26px;font-family:"微软雅黑";font-weight: bold;
    line-height: 150%;}
.apro {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    line-height: 28px;
    padding: 2px 10px;
    margin: 10px 0;
    text-align: center;
    color: #666;
    font-size: 12px;}
.bt_content_w {
    font-size: 15px;
    font-family: "微软雅黑";
    color: rgb(61, 61, 61);
    line-height: 26px;
    text-decoration: none;}
@media screen and (max-width: 640px) {
  .bt_content_w {font-size: 15px;font-family: "微软雅黑";color: rgb(61, 61, 61);line-height: 26px;text-decoration: none;}
}
@media screen and (min-width:641px) {
  .bt_content_w {min-height: 242px;font-size: 15px;font-family: "微软雅黑";color: rgb(61, 61, 61);line-height: 26px;text-decoration: none;}
}
.bt_content_w table {border: 1px solid #000000;}
.bt_content_w p img{ max-width:1024px;border: #E2E2E2 1px solid;
    box-shadow: 0 0 5px #c9c9c9;
    -moz-box-shadow: 0 0 5px #c9c9c9;
    -webkit-box-shadow: 0 0 5px #c9c9c9;}
@media only screen and (max-width:640px) {
.bt_content_w p img{ max-width:95%;height: inherit;border: #E2E2E2 1px solid;
    box-shadow: 0 0 5px #c9c9c9;
    -moz-box-shadow: 0 0 5px #c9c9c9;
    -webkit-box-shadow: 0 0 5px #c9c9c9;}

}
.printclose {
    text-align: right;
    padding: 10px 0 20px;
	display:block;}
.printclose a{font-size:14px;  color:#3D3D3D;    padding: 0 1.5em;}
.printclose a:hover{ color:#0060a9;}
.back {
    display: block;
    background: #1a70aa;
    text-align: center;
    color: #fff;
    clear: both;border: none;padding: 8px 12px;float: right;}
.back:hover {
    display: block;
    background: #b50000;
    text-align: center;
    color: #fff;
    clear: both;border: none;padding: 8px 12px;float: right;}
/*相关信息*/
.xgxx{width:90%; margin:0 auto;overflow:hidden;}
.xgxx .listnext p{ margin:0;}
.xgxx .listnext p a{ color:#000000;}
.xgxx_tit{color:#2d89e8; font-size:16px; font-weight:bold; line-height:40px;}
.xgxx_lb{width:100%; overflow:hidden;}
.xgxx_lb li{border-bottom:1px dashed #e8e8e8;height:36px;line-height:36px;width:100%;margin:0 auto;background:url(jt_11.gif) no-repeat left;}
.xgxx_lb li a{float:left; width:86%; padding-left:15px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block; float:left;}
.xgxx_lb .bt_time{ display:block; width:11%; float:right; font-size:14px;}
	