@charset "utf-8";
/* CSS Document */
html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */}
html::-webkit-scrollbar {width:5px;height: 8px;background-color: #F5F5F5;}
html::-webkit-scrollbar-track {border-radius: 20px;background-color: #E2E2E2;}
html::-webkit-scrollbar-thumb {border-radius: 20px; background-color: #333;}
body{font-size:15px;font-size:1.4rem ; /* 14÷10=1.4 */color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
body.indexBody{background:url(../images/foot_bg.png) no-repeat center bottom;}
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;}
i{font-style: normal;}
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: #004fbc;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;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.pa{position: absolute;}
.pr{position: relative;}
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}
/*低版本跳转样式*/
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.7;filter:alpha(opacity=70);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;width: 420px;margin:10px auto;line-height: 1.8;}

.clearFix{*zoom:1;clear:both;}
.clearFix:after{content: '';display: block;clear:both;}
.clear{width: 100%;overflow:hidden;}
.imgResponsive{width: 100%;height: 0;padding-bottom: 60.41%;overflow:hidden;display: block;}
.imgResponsive img{width: 100%;transition: all 0.35s ease-in-out;}
.imgResponsive img:hover{opacity: 0.95;transform:scale(1.05);}
/*头部样式*/
.header{width:100%;min-width: 300px; height:auto; z-index:990;position: relative;transition: all 0.3s ease-in-out;background:#f0f;}
.ding{margin:0 auto;padding:13px 140px;background:#004fbc url(../images/top_bg.png) repeat-x;}
.huanying{float:left;color:#fff;}
.huanying a{margin:0 10px;color:#fff;}
.huanying a:hover{text-decoration:underline;}

.gj_kj{float:right;color:#fff;}
.gj_kj a{color:#fff;float: left;padding:0 10px;position:relative;}
/* .gj_kj a:after{
	content:'';
    width: 1px;
    height: 6px;
    background:#b8d9f1;
    position: absolute;
    right: 0;
    bottom:5px;} */
.gj_kj a:hover{text-decoration:underline;}

.top{margin:0 auto;width:100%;height:135px;background:#0297db url(../images/header_bg.png) no-repeat center;}

.black_bg01{position: fixed;background-color:#000;opacity: 0.7;width:100%;height:100%;display: none;filter: alpha(opacity=70);top: 86px;left: 0;}
.logo{ width:280px;float:left;padding: 22px 0;}
.logo img{display: block;width: 100%;}
.topNav{height: 40px;line-height: 38px;position: relative;}
.topNav > div{position: relative;z-index: 1}
.topNav .lf{width: auto;float: left;}
.topNav .rt{width: auto;float: right;}
.topNav a{color:#fff;float: left;padding:0 12px;}
.topNav > div a:first-child{border-left: none;}
.topRight{float: right;}
.topNav a.searchBtn{cursor: pointer;width: 40px;height: 40px;background:url(../images/searchBtn.png) no-repeat center;padding:0;}
.wp-center-small {
  width:1440px;
  margin:0 auto;
  }
.wp-center-1200 {
  padding:0px 140px;
  margin:0 auto;
  }
.header-nav {
  position: relative;
  width:100%;
  display:inline-block;
}
.header-fzls {
  height:25px;
  display:inline-block;
  width:100%;
  margin-top:2px;
}
.lsyg-con{width:79.5%;float:right;margin-right:1.6%;padding-bottom:13px;position:relative;}
.lsyg-con:before {
    content:'';
    width: 100%;
    height: 13px;
    background:url(../images/chizi_bg.png) no-repeat;
    position: absolute;
    right: 0;
    bottom:0;
}
.lsyg-con p{position:absolute;left:0;bottom:13px;color:#b8d9f1;}
.lsyg-cen{width:100%;}

.lsyg-cen li{float:left;height:20px;text-align:center;overflow:hidden;}
.lsyg-cen li a { width:100%; float:left; overflow:hidden;transition: 0.3s;text-align:center;font-size:15px;color:#b8d9f1;}
.lsyg-cen li span { display:block; margin-top:-22px;color:#fff;text-shadow:#888 1px 1px 2px;}
.lsyg-cen li a:hover { padding-top:22px;transition: 0.3s;}

.ban-rongyu{position:absolute;width:100%;top:3px;height:40px;z-index:99;}
.ban-ry-con{border-radius:100px;background:rgba(2,151,219,0.3);float:right;height:40px;display:block;padding:0 2%;margin-right:3%;}
.ban-ry-con li{line-height:40px;font-size:16px;color:#fff;padding:0 10px;text-shadow:#999 1px 1px 2px;display:block;float:left;}
.ban-ry-con li:last-child{float:right;}
.ban-ry-con li i{
	width:17px;
	height:16px;
    padding-right: 19px;
	background:url(../images/rongyu_dot.png) no-repeat;
    vertical-align: middle;
	}
/* .ban-ry-tb {}
.ban-ry-con li:before{
	content:'';
	width:17px;
	height:16px;
	background:url(../images/rongyu_dot.png) no-repeat;
	position: absolute;
    left: 0;
    bottom:11px;
} */


.header-nav .header-xiaox {
	width: 36%;
	float:left;
	position: relative;
	background:url(../images/xx_bg.png) no-repeat right 35px;
	height:75px;
}
.header-logo{
	position:absolute;top:0px;left:0px;width:238px;height:171px;background:url(../images/logo_bg.png) no-repeat center;z-index:999;text-align:center;
}
.header-logo img{
	padding:5px 0px;
}
.header-nav .header-menu {
  margin-top:38px;
  font-size: 1em;
  height: 3.125em;
  width: 60%;
  float:right;
  }
 
.header-nav .header-menu > li {
  display: inline-block;
  *float: left;
/*   padding:0 25px; */
  width:116px;
  overflow: hidden;
  text-align: center;
  line-height: 3.125em;
  
  }
.header-nav .header-menu > li:first-child {
  width: 116px;
  background: none;}

.header-nav .header-menu > li a {
  font-size: 1.25em;
  color: #ffffff;
  position:relative;
  letter-spacing: 0.1em;}

.arrow-top{
    position: absolute;
    top: 10px;
    width: 116px;
    height: 30px;
    background: url(../images/chuan.png) no-repeat bottom center;
    background-size: 75px 30px;
    z-index: 998;
}
/* .header-menu li:hover .arrow-top{
    display: block;
}  */
.header-nav .header-menu > li:hover a {
  color: #7fe2ff;
  letter-spacing: 0.1em;}
.header-nav .header-menu > li:hover .header-nav-list {
  height: 24em;
  padding-top: 20px;
  background-color: #ffffff;
  }
.header-nav .header-menu > li:hover .header-nav-list li a {
  color: #4d4d4d;}
.header-nav .header-menu > li .header-nav-list {
  display: none;
  position: absolute;
  top: 5.5em;
  *position: static;
  z-index: 1000;
  height: 24em;
  box-sizing: border-box;
  padding-top: 20px;
  width: 116px;}
.header-nav .header-menu > li .header-nav-list li {
  box-sizing: inherit;
  height: 2.7875em;
  line-height: 1.275em;
  text-align: center;
  /* padding-left: 1em; */
  background: url("../images/icon_main_secondlevel_arrow.png") no-repeat 2em 0.25em;}
.header-nav .header-menu > li .header-nav-list li a {
  font-size: 0.95em;
  color: #636467;
  letter-spacing: -0.04em;}
.header-nav .header-menu > li .header-nav-list li:hover {
  background: url("../images/icon_main_secondlevel_arrow_pressed.png") no-repeat 2em 0.25em;}
.header-nav .header-menu > li .header-nav-list li:hover a {
  color: #1762be;}
/* .header-nav .header-menu:hover .header-nav-list {
  display: block;}
.header-nav .header-menu:hover .header-menu-background{display: block;} */
.header-nav .header-menu-background {
  font-size: 1em;
  display: none;
  width: 100%;
  left: 0;
  position: absolute;
  z-index: 900;
  *z-index: -1;
  height: 24em;
  *height: 24.5em;
  background-color: #cbe0e9;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  top: 5.5em;
}

.menuSmall{width:100%;}

.searchSmall{width:100%;background:#004fbc;}

.search-topright{float:right;}
.search-topright .fanhui{line-height:66px;float:left;margin-right:20px;}
.search-topright .fanhui a{color:#fff;font-size:17px;}
.search-topright .sear-con{float:left;margin-top:15px;}

.menuFix{position:fixed; top:0; left:0; z-index:9999999;background:#004fbc;box-shadow:0 3px 5px rgba(0,0,0,.2);height:65px;}
.pcSmall{display:none;}

.header-nav .header-logo-small {
  margin-top:5px;
  height: 3.225em;
  /* width: 20%; */
  float:left;
  }
 .header-nav .header-logo-small img{
	 
 }

.header-nav .header-menu-small {
  margin-top:10px;
  font-size: 0.95em;
  height: 3.325em;
  width: 67%;
  float:right;
  padding-bottom:10px;
  }
 
.header-nav .header-menu-small > li {
  display: inline-block;
  *float: left;
/*   padding:0 25px; */
  width:118px;
  overflow: hidden;
  text-align: center;
  line-height: 3.625em;
  
  }
.header-nav .header-menu-small > li:first-child {
  width: 118px;
  background: none;}

.header-nav .header-menu-small > li a {
  font-size: 1.25em;
  color: #ffffff;
  position:relative;
  letter-spacing: 0.1em;}

.header-nav .header-menu-small > li:hover a {
  color: #7fe2ff;
  letter-spacing: 0.1em;}
.header-nav .header-menu-small > li:hover .header-nav-list-small {
  height: 24em;
  padding-top: 20px;
  background-color: #ffffff;
  display:block;
  }
.header-nav .header-menu-small > li:hover .header-nav-list-small li a {
  color: #4d4d4d;}
.header-nav .header-menu-small > li .header-nav-list-small {
  display: none;
  position: absolute;
  top: 4.7em;
  *position: static;
  z-index: 1000;
  height: 24em;
  box-sizing: border-box;
  padding-top: 20px;
 /*  margin-top:2px; */
  width: 118px;}
.header-nav .header-menu-small > li .header-nav-list-small li {
  box-sizing: inherit;
  height: 2.7875em;
  line-height: 1.275em;
  text-align: center;
  /* padding-left: 1em; */
  background: url("../images/icon_main_secondlevel_arrow.png") no-repeat 2em 0.25em;}
.header-nav .header-menu-small > li .header-nav-list-small li a {
  font-size: 0.95em;
  color: #636467;
  letter-spacing: -0.04em;}
.header-nav .header-menu-small > li .header-nav-list-small li:hover {
  background: url("../images/icon_main_secondlevel_arrow_pressed.png") no-repeat 2em 0.25em;}
.header-nav .header-menu-small > li .header-nav-list-small li:hover a {
  color: #1762be;}
 .header-nav .header-menu-small:hover .header-nav-list-small {
  display: block;}
.header-nav .header-menu-small:hover .header-menu-background-small{display: block;}
.header-nav .header-menu-background-small {
  font-size: 1em;
  display: none;
  width: 100%;
  left: 0;
  position: absolute;
  z-index: 900;
  *z-index: -1;
  height: 24em;
  *height: 24.5em;
  background-color: #cbe0e9;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  top: 4.5em;
}



.nav{height: 59px;position: relative;font-size: 0;white-space: nowrap;}
/*.nav:before{content: '';width: 100%;height: 100%;background-color: #d0e2f5;opacity: 0.8;filter: alpha(opacity=80);position: absolute;left: 0;top: 0;z-index: 0;}
*/
.nav ul > li{position: relative;display: inline-block;*display: inline;*zoom:1;}
.nav ul > li:first-child:before{display: none;}
.nav ul li > a{font-size:18px;font-size:1.8rem;display: block;text-align: center;height: 46px;line-height: 46px;color:#fff;padding:0 20px;}
.nav ul li.on > a,.nav ul li:hover > a{color: #fff;background:url(../images/nav_bg.png) repeat;}
.nav ul li.on .subNav{display: block;}
.subNav{width:100%;background:url(../images/nav_bg.png) repeat;font-size: 14px;position: absolute;left:0;top:46px;display: none;width: 100%;}
.subNav dd {}
.subNav a{color:#fff;padding:9px 15px;display: block;line-height: 1.3;text-align: center;white-space: normal;}
.subNav a:hover{background:url(../images/nav_hover.png) repeat;}
.header.currents{overflow: hidden;padding:0;background-color: #00366f;box-shadow: 0 5px 10px rgba(0,0,0,0.2);border-top: none;padding:0;}
.header.currents .top{width: 1200px;position: relative;z-index: 5;padding-top: 0;}
.header.currents .topNav{display: none;}
.header.currents .logo{padding: 10px 0;width: 150px;border:none;}
.header.currents .logo img{}
.header.currents .topRight{margin-left: 162px;float: none;}
.header.currents .nav{height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;z-index: 1010;border:none;}
.header.currents .nav li{background:none;border:none;padding-top: 0}

.header.currents .nav::before{opacity: 1;filter: alpha(opacity=100)}
.header.currents .subNav{top:50px;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents .nav ul > li{width: 10%;}
.header.currents .nav ul li > a{height: 50px;line-height: 50px;font-size: 16px;padding:0;}
.header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{color:#fff;}
.flipInY  {
  -webkit-animation-name: flipInY ;
  animation-name: flipInY ;
  animation-duration: 0.2s; 
  -webkit-animation-duration: 0.2s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
  display: block;
}

	#iFocus { height:549px; overflow:hidden; position:relative; width:100%; }
	#iFocus ul { height:549px; position:absolute; z-index:88; width:100%;}
	#iFocus ul li { float:left; height:549px; overflow:hidden; position:relative;  z-index:81 ;width:100%;}
	#iFocus ul li img{ vertical-align:middle;width:100%; height:495px;}
	#iFocus ul li span{padding:15px 20px 15px 20px;display:block;width:85%;position:absolute;/* bottom:0;margin:0 auto;left:50%;margin-left:-45%; */background:#fff;bottom:0;left:0;right:0;margin:auto;}
	#iFocus ul li em{clear:both;width:100%;height:20px;line-height:20px;font-size:13px;font-weight:normal;float:left;color:#ff3c00;}
	#iFocus ul li b{clear:both;width:85%;height:auto;line-height:25px;font-size:18px;font-weight:normal;float:left;display:block;overflow:hidden; word-wrap:break-word;color:#333;padding:15px 0px;}
	#iFocus ul li b:hover{color:#004fbc;}
	#iFocus ul li i{clear:both;width:100%;line-height:22px;font-size:13px;font-weight:normal;color:#a2a2a2;float:left;overflow:hidden;}
	#iFocus .btnBg { position:absolute; width:100%; height:65px; left:0; bottom:0; z-index:89;}
	#iFocus .btn { position:absolute; width:100%; height:65px; left:0; bottom:155px;text-align:left; z-index:90 ;cursor:pointer;}
	#iFocus .btn span {display:inline-block; _display:inline; _zoom:1; width:70px; height:65px; text-align:center;cursor:pointer;background-color:rgba(8,75,157,0.8);color:#FFF;display:block;float:left ;margin-left:5px;}
	#iFocus .btn span em {font-size:32px;height:32px;line-height:32px;font-weight:normal;display:block;padding-top:8px;}
	#iFocus .btn span i {display: block;font-size:12px;height:20px;line-height:20px;text-align:center;}
	#iFocus .btn span.on {background-color:rgba(255,158,13,0.8); color:#FFF;cursor:pointer;width:70px;height:65px;}
	
	#iFocus .pnBtn{width:70px;height:35px;line-height:35px;position:absolute;right:48px;bottom:28px;z-index:999;overflow:hidden;}
	#iFocus .pnBtn ol{width:100%;float:right;}
	#iFocus .pnBtn li{width:30px;height:35px;float:right;display:inline;margin-right:5px;cursor:pointer;overflow:hidden;color:#FFF;text-align:center;}
	#iFocus .pnBtn li.prev{background-color:rgba(0,79,188,0.9);text-align:center;}
	#iFocus .pnBtn li.next{background-color:rgba(0,79,188,0.9);text-align:center;}
	#iFocus .pnBtn li.prev:hover{background-color:rgba(255,158,13,0.9);}
	#iFocus .pnBtn li.next:hover{background-color:rgba(255,158,13,0.9);}
	#iFocus .pnBtn li img{padding-top:8px;}

.zxbgcolor{background-color:rgba(255,255,255,0.5);}



@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;
    transform: scaleX(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);
     opacity: 1;
      transform: scaleX(1);
  }
}

/*.ser{width:200px; height:36px; line-height:36px; background-color:#e6e6e6;z-index:600;position: absolute;right:0;top:12px;}
.search input{position:absolute;  height: 36px;line-height:36px; color:#999; border:none; background:none; top:0px; padding-left:0px; }
.search input.notxt{color:#999; padding:0 0 0 7px;width:80%;}   
.search input.notxt1 {position: absolute;width: 33px;height:36px;right:0;border: none;cursor:pointer; overflow: hidden;padding-right:0;color:#fff;border:none;background:url(../images/search_btn.png) no-repeat left center;}
*/

.serWrap{height:0;overflow:hidden}
#ser{width:100%;overflow: hidden;padding:20px 0 ;background-color:#fff;border-bottom:1px solid #ededed;display: none;}
.ser{width:800px; height:38px; line-height:34px; background-color:#fff;z-index:9999994; margin:0 auto;position: relative;}

.search input{position:absolute;  height: 34px;line-height:34px; color:#262626; border:none; background:none; top:0px; padding-left:0px; }
.search input.notxt{color:#a4a4a4; padding:0 0 0 7px;width:83%;border:1px solid #bfbfbf;}   
.search input.notxt1 {position: absolute;width: 15%;height:34px;right:0;border: none;cursor:pointer; overflow: hidden;padding-right:0;color:#fff;border:none;background-color: #004fbc;border:1px solid #0f5035;height: 36px;}



.goTop {position: fixed;bottom: 40px;right: 20px;z-index: 9999999;color: #fff;text-align: center;font-size: 25px !important;transition: none;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;background:#004fbc url(../images/zhiding.png) no-repeat center;display: none;}
.goTop:hover{color:#fff;background-color:#ffa800;}
/*手机端导航*/
.mobile{width: 100%;position:relative;height: 65px;display: none;top:0;right: 0;z-index: 99;background-color: #004fbc}
.mobile-inner-header{width:100%;
    height: 65px;position: absolute;top: 0px;right: 0px;z-index: 2}
.mobile-inner-header-icon{
  background:url(../images/mb_menu.png) no-repeat center;
  color: #ffffff; height: 45px;font-size:25px;text-align: center;
  float:right;width: 45px;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: #fff;}
.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: 62px;float:right;width: 50px;position: relative; cursor: pointer;margin-right: 5px;text-align: right;} 
.mobile-inner-header-icon-click{margin-top: 0px;}
.mobile-inner-header-icon-out span{width: 22px;height: 2px;background-color:#fff;display: none;}
.mobile-inner-header-icon.iconfont{font-size: 30px;line-height: 40px;text-align: center;font-weight: bold;}
.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-nav{  background-color:#009fd9;width: 100%; position: absolute;top: 65px;left: 0px;padding-top: 10px;padding-bottom: 25px;display: none;z-index:999999}
.mobile-inner-nav a{display: inline-block;line-height: 45px;
    text-decoration: none;  width: 100%;font-size: 1.4rem; 
     border-bottom: solid 1px #008bbd;
    -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s;color:#fff; }
.mobile-inner-nav a:hover{color:#fff;}
.mobile-inner-nav li{position: relative;padding: 0 20px;}
.mobile-inner-nav li a{text-indent: 15px;}
.mobile-inner-nav li strong{color:#fff;position: absolute;right:20px;top:0;font-size: 2.5rem;cursor: pointer;width: 40px;height: 45px;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; }
.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_subNav{display: none;padding-left:10px;}
.mobile-inner-nav dd a{height: 35px;line-height: 35px;border-bottom: dotted 1px rgba(219,219,219,0.2);font-size: 1.2rem;}
.mobile_search{clear: both;position: relative;height: 36px;margin:10px 20px 0;border-bottom:solid 1px #008bbd;overflow: hidden;}
.mobile_search input.notxt{width: 90%;color:#fff;margin-left:45px;border:none;}
.mobile_search input.notxt1{width: 55px;background-color:#fff;right:auto;left:0;background:url(../images/sear_dot.png) no-repeat center center;border:none;}
.mobile-link{float: left;padding-left: 10px;}
.mobile-link a{}
.mobile-link img{width:90%;margin-top:7px;}
.mobile-link02{margin:0 20px;}
.mobile-inner-nav .mobile-link02 a {width: auto;float: left;margin:0 7px;}
/*footer*/
.wrap_footer{background:#009fd9;position: relative;}
.wrap_foot_dh{position: relative;height: 60px;margin-top:90px;}


.bolang{position:relative;margin-top:0px;}
.bolang .inner{width:auto;padding: 0px 0px 0px;}
.bolang .waveBox{width: 100%;height: 170px;position: relative;overflow: hidden;top: 0px;z-index: 99;}
.bolang .waveBox canvas{position: absolute;top: 0;left: 0;}
.bolang #myCanvas1{z-index: 1;}
.bolang #myCanvas2{z-index: 2;}
.bolang #myCanvas3{z-index: 3;}

.marquee-box {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.marquee {
	width: 8000%;
	height: 60px;
}
.wave-list-box {
	float: left
}
.marquee-up{margin-top:-30px;}
.marquee-top{margin-top:-55px;}
.wave-list-box ul {
	float: left;
	height: 60px;
	overflow: hidden;
	zoom: 1
}
.wave-list-box ul li {
	height: 60px;
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: none
}
.wave-box {
	position: relative;
	height: 60px;
	background: #fff
}

.footer-copy{height:100px;position:relative;width:100%;background:#003d91 url(../images/foot_copy_bg.png) repeat-x;}
.footer-copy-con{width: 1350px;margin:0 auto;text-align:center;color:#fff;font-size:15px;padding-top:40px;}
.footer-copy-con a{color:#fff;}
.footer-copy-con em{color:#afddee;}

.footer{width: 1350px;margin:0 auto;padding:0 0 38px;letter-spacing: 0.6px;}
.footer_lf{width: 35.5%;float: left;}
.hntou-login{display: block;overflow:hidden;}
.hntou-login span input{background:none;border:none;height:36px;position: relative;z-index: 10;padding:0 10px;display: block;box-sizing: border-box;width: 100%;color:#fff;line-height: 36px;}
.hntou-login > span:before{content: '';background-color: #fff;opacity: 0.4;filter: alpha(opacity=40);position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 5px;overflow:hidden;}
.hntou-login > span{height: 36px;line-height: 36px;position: relative;border-radius: 5px;overflow:hidden;}
.select2-container{border-radius: 5px;}
.hntou-txt1{width: 46%;float: left;}
.hntou-login span select{background:none;width: 100%;height: 36px;position: relative;z-index: 10}
.hntou-select1{height: 36px;line-height: 36px;display: block;width: 50%;float: right;}
.hntou-txt2{width: 67.5%;float: left;}
.hntou-btn1{width: 28.67%;float: right;text-align: center;font-weight: bold;}
.hntou-btn1 input{text-align: center;cursor: pointer;}
.hntou-btn1:hover{background-color: #00366f;}
.hntou-login .clear{padding-bottom: 10px;}

.address {padding-top: 9px;margin-top: 5px;line-height: 28px;}
.address .lf{width: 48px;float: left;color:#fff;}
.address .rt{margin-left:55px;display: block;color:#fff;}
.address .span1{margin-left: 10px;float: right;}
.address .span2{margin-left: 12px;float: right;}

.address .img{width:60px;float:left;padding-top:5px;}
.address p{color:#fff;line-height:30px;margin-left:70px;font-size:15px;}


.footer_md{width:43%;float: left;text-align: center;padding-top: 63px;}

#select {float:left;height:35px;margin-top:10px;margin-bottom:33px;margin-left:60px;position:relative;z-index:100;}
#select .nLi {float:left;position:relative;display:inline; margin-left: 25px;}
#select .nLi h3 {float:left;font-weight:normal;font-size:15px;text-align:center;}
#select .nLi h3 a {color:#f7f7f9;padding:6px 31px; display:inline-block;height:30px;line-height:30px;background: #3ebae7;}
#select .sub{display:none;width:179px;bottom:42px;position:absolute;line-height:15px;z-index:9999;transition: 3s;border:1px solid #ccc;height:200px;overflow-y:scroll;}
#select .sub::-webkit-scrollbar {width:2px;height: 8px;background-color: #F5F5F5;}
#select .sub::-webkit-scrollbar-track {border-radius: 20px;background-color: #E2E2E2;}
#select .sub::-webkit-scrollbar-thumb {border-radius: 20px; background-color: #444;}
#select .sub li {zoom:1;}
#select .sub a {display:block;text-align:center;color:#000;background:#ffffff;padding:10px 0px;width:177px;font-size: 15px;}
#select .sub a.no {border:none;}
#select .sub a:hover {background:#ff9000;color:#fff;}
#select .sub a:hover .sub{display: block;}

.select .on h3 a {background: #002c69;}

#select .nLi:hover .sub{
	display: block;
}


.footer_rt{width: 15%;float: right;margin-top:15px;}
.footer_rt >p{line-height: 1.5;padding-bottom: 10px;}
.footer_rt >p span{color:#fff;}
.footer_rt >p a{margin-right: 10px;color:#fff;}
.footerLink{position: relative;margin-top: 25px;font-size: 15px;width: 100%;text-align:center;}
/* .footerLink:before{width:100%;height: 1px;background-color: #fff;opacity: 0.3;filter: alpha(opacity=30);content: '';position: absolute;top: 0;left: 0;} */
.footerLink li{float:left;width:50%;text-align:center;}
.footerLink li:last-child{float:right;}
.footerLink li img{display:block;width:90%}
.footerLink li p{color:#fff;text-align:center;line-height:35px;width:90%}
/* .wrap_footer:before{content: '';width: 100%;height: 94px;background-color: #000;opacity: 0.3;filter: alpha(opacity=30);position: absolute;left: 0;bottom: 0;} */
.footer_icon{width: 161px;position: absolute;left: 50%;bottom: 3px;margin-left: -77px;}
.footer_triangle{width: 0;height: 0;border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 64px solid #000;opacity: 0.3;position: absolute;left: 50%;bottom: 94px;margin-left: -60px;}

.iconxinlang::before{padding-top: 3px;display: block;}
.code{position: relative;}
.code i{width: 98px;display: none;left: 50%;margin-left: -65px;position: absolute;height: 98px;top: 58px;}

.mbcode{position: relative;}
.mbcode i{width: 98px;display: none;left: 50%;margin-left: -65px;position: absolute;height: 98px;top: 28px;z-index:999;border-radius:5px;}

/* 站群导航-公共 */
#siteLast{position: relative;float:left;line-height:20px;margin-left:10px;}
#siteLast dt {cursor: pointer;}
#siteLast dd{display:none; width:900px; position:absolute;  background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px;z-index:9999999;transition: 0.3s;}
#siteLast dd::-webkit-scrollbar {width:5px;height: 40px;background-color: #F5F5F5;}
#siteLast dd::-webkit-scrollbar-track {border-radius: 20px;background-color: #E2E2E2;}
#siteLast dd::-webkit-scrollbar-thumb {border-radius: 20px; background-color: #888;}
#siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%}
#siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden}
#siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold;font-size:15px;}
#siteLast dd ul{margin-right:-2%}
#siteLast dd ul li{width:18%; margin-right:2%; float:left; height:26px; line-height:18px; padding-bottom:25px;}
#siteLast dd ul li a{color:#333;font-size:14px;}
#siteLast dd ul li a:hover{color:#c00;}
#siteLast dd table.up{background:#f7f7f7}
#siteLast.on:hover dd{display:block;transition: 0.3s;}

/* 站群导航-个性 */
#siteLast{display: inline-block; *display:inline; zoom:1; vertical-align:top;}
#siteLast dt{padding: 0 5px 0 5px;display: inline-block; *display:inline;zoom:1;background: url(../images/jgdh_dot.png) no-repeat 0px 4px;text-indent:14px;transition: 0.3s;}
#siteLast a{ padding:0; margin:0;}
#siteLast dd{ font-size:12px;right:0;top: 20px;width:810px;border: 3px solid #FFA000;-webkit-box-shadow:0px 4px 8px rgba(0, 0, 0, .3);-moz-box-shadow:0px 4px 8px rgba(0, 0, 0, .3);box-shadow:0px 4px 8px rgba(0, 0, 0, .3);}
#siteLast li a{ cursor:pointer;}
/* #siteLast.on dt{background-color:#FFA000; color:#fff;} */

.tools{color: #fff;display: inline-block;margin-left:8px;}
.tools .a{border-radius:100%;width:15px	;height:15px;line-height:15px;position:relative;}
.tools .a>a{width:100%;height:100%;background: url(../images/sear_dot.png) no-repeat 0px 1px;padding:0!important;}
.tools .sc a:after{background:none;}

.tools .a .search-box{ position: absolute; right: 0; top: 28px; border: 1px solid #ddd; background-color: #fff; 	border-radius: 5px; color: #474747; line-height: 34px; opacity: 0; visibility: hidden; white-space: nowrap;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: visibility .3s, opacity .3s, transform .3s;
	-moz-transition: visibility .3s, opacity .3s, transform .3s;
	transition: visibility .3s, opacity .3s, transform .3s;
	z-index:999999
}
.tools .a .search-txt{ display: inline-block; vertical-align: middle; padding: 0 8px; width: 220px; border-right: 1px solid;}
.tools .a .search-txt input{ display: block; width: 100%; height: auto; line-height: normal;border:none;outline: none;}
.tools .a .search-btn{ 
    display: inline-block; 
	width:25px;
    background: url(../images/sear_hov.png) no-repeat center;
	height:25px;

}
.tools .a button{background:none;border:none;}
.tools .a .search-box.x-show{ 
    visibility: visible; 
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

.mobile-sear{display:none;}


.search-box11{ position: relative;border: 1px solid #ddd; background-color: #fff;border-radius: 5px; color: #474747; line-height: 34px;
}
.search-txt11{ display: inline-block; vertical-align: middle; padding: 0 8px; width: 220px; border-right: 1px solid;}
.search-txt11 input{ display: block; width: 100%; height: auto; line-height: normal;border:none;outline: none;}
.search-btn11{ 
    display: inline-block; 
	width:25px;
    background: url(../images/sear_hov.png) no-repeat center;
	height:25px;

}
button{background:none;border:none;}

@media screen  and (max-width:1800px) {
  .ding{padding:13px 20px;}
  .wp-center-1200 {
	  padding:0px 20px;
	  margin:0 auto;
  }
  .header-nav .header-menu > li{width:110px;}
  .header-nav .header-menu > li:first-child{width:110px;}
}

@media screen  and (max-width:1700px) {
  
  .wp-center-1200 {
	  padding:0px 10px;
	  margin:0 auto;
  }
  .header-nav .header-menu > li{width:115px;}
  .header-nav .header-menu > li:first-child{width:115px;}
  .arrow-top{width:115px;}
  .header-nav .header-menu > li .header-nav-list{width:115px;}
}

@media screen  and (max-width:1600px) {
  .header-nav .header-xiaox{background-size:50% 50%;}
  .nav ul li > a{padding:0 16px;}
  .nav ul li > a{font-size: 1.6rem;}
  .header-nav .header-menu > li{width:110px;}
  .header-nav .header-menu > li:first-child{width:110px;}
  .arrow-top{width:110px;}
  .header-nav .header-menu > li .header-nav-list{width:110px;}
}
@media screen  and (max-width:1500px) {
  .header-nav .header-xiaox{background-size:50% 50%;}
  .ding{padding:13px 30px;}
  .top{padding:0 30px;}
  .logo{width: 250px;padding:17px 0;}
  /*.logo img {height: 46px;}*/
  .subNav{width: 120px;}
  .nav ul li > a{font-size: 1.5rem;}
  .topNav a{font-size: 1.3rem;padding:0 12px;}
  .topNav{height: 32px;line-height: 32px;}
  .nav{height: 49px;}
  .nav ul li > a{height: 47px;line-height: 47px;}
  .topNav a.searchBtn{width: 32px;height: 32px;}
  .subNav{top: 47px;}
  .black_bg01{top: 161px;}
  .header-nav .header-menu > li{width:100px;}
  .header-nav .header-menu > li:first-child{width:100px;}
  
}

@media screen  and (max-width:1420px) {
  .header-nav .header-xiaox{background-size:50% 50%;}
  .ding{padding:13px 30px;}
  .top{padding:0 30px;}
  .logo{width: 250px;padding:17px 0;}
  /*.logo img {height: 46px;}*/
  .subNav{width: 120px;}
  .nav ul li > a{font-size: 1.5rem;}
  .topNav a{font-size: 1.3rem;padding:0 12px;}
  .topNav{height: 32px;line-height: 32px;}
  .nav{height: 49px;}
  .nav ul li > a{height: 47px;line-height: 47px;}
  .topNav a.searchBtn{width: 32px;height: 32px;}
  .subNav{top: 47px;}
  .black_bg01{top: 161px;}
  .header-nav .header-menu > li{width:100px;}
  .header-nav .header-menu > li:first-child{width:100px;}
  
}
@media screen  and (max-width:1386px) {
  #iFocus{height:auto;}
  #iFocus ul{height:auto;}
  #iFocus ul li img{height:auto;}
  #iFocus ul li{height:auto;}
  #iFocus ul li span{width:100%;position:relative;overflow:hidden;padding:0px;}
  #iFocus ul li b{font-size:16px;padding:8px 8px 0px 8px;width:auto;}
  #iFocus ul li i{padding:8px;width:auto;line-height:15px;}
  #iFocus .pnBtn{right:10px;bottom:20px;}
  .list-date01{height:30px;}
  .footer{width:1000px;}
  .footer_md{width: 28%;margin-left:6%;}
  .footer_lf{width: 35%;}
  .footer_rt{width: 24%;}
  .header-nav .header-menu > li{width:90px;}
  .header-nav .header-menu > li:first-child{width:90px;}
  .header-nav .header-menu > li .header-nav-list{width:90px;}
  
}
@media screen  and (max-width:1260px) {
  .nav ul li > a{padding:0 10px;}
  .top{padding:0 20px;}
  /*.header.currents .top{width: 100%;}*/

  
}
@media screen  and (max-width:1100px) {
  .logo{width: 200px;}
  .top{padding:0 15px;}
  .nav ul li > a{padding:0 7px;}
}
@media screen  and (max-width:1020px) {
  .footer{width: auto;padding-left: 15px;padding-right: 15px;}
  .footer_md{display: none;}
  .footer_lf{width: 50%;}
  .footer_rt{padding:0;}
  .wrap_footer::before{height: 50px;}
  .footer_icon{width: 90px;margin-left: -45px;}
  .footer_triangle{bottom:50px;border-left: 40px solid transparent;border-right: 40px solid transparent;margin-left: -42px;border-bottom:42px solid #000;}
  .address{line-height: 1.5;}
  .footer_rt{width: 30%}
  
}

@media screen  and (max-width:998px) {
  .header{position: static;padding-top: 0;background-color: #00366f;border-top: none;}
  .topRight{display: none;}
  .mobile{display: block;}
  .logo{padding:20px 0;float: none;margin:0 auto;}
  .logo img{padding:0;}

}
@media screen  and (max-width:767px) {
 .footer_lf{float: none;width: 100%;}
 .footer_rt{width: 100%;float: none;padding-top: 10px;max-width: 350px;margin:0 auto;}
 .footerLink{padding-top: 25px;}
 .address{max-width: 350px;margin:20px auto 0;}

}
@media screen and (max-width:640px) {
.search-topright{display:none;}
.header-nav .header-logo-small{padding-bottom:12px;}
	.mobile-sear{display:block;width:80%;margin:0 auto;}
	}
@media screen and (max-width:600px) {
 
 
}
	
	

@media screen and (max-width:480px) {
    .footer_lf{width: 100%;max-width: 360px;margin:0 auto;float: none;overflow:hidden;padding:0 0 5px;}
    .footer_rt{float: none;margin:0 auto 15px;padding:0 0 15px;max-width: 360px;}
    .wechatList{right: -10px;}
    .address,.footer_rt{font-size: 12px;}
    .address .lf{width: 40px;}
    .address .rt{margin-left: 40px;}
    .logo img{ }
    .logo{padding:15px 0 ; width: 200px;}
}
@media screen and (max-width:380px) {
 
	 
}