@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体"; margin: 0 auto; color: #707070;  background-color: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1000px; margin: 0px auto;}

.content{ position: relative; height: 100%; width: 100%;transition: all 300ms ease 0s; -webkit- transition: all 300ms ease 0s;}
.page{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; overflow: hidden; }
.page.active{ z-index: 10;}
.pagebg{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover;  overflow: hidden; position: absolute; left: 0px; bottom: 0px;}

ul, ol,li{ list-style-type:none;list-style:none;}


/****/
.i-top {width:100%;left:0; top:20px;z-index:999;position:fixed;}
.i-top-bg {padding:10px 0px;}

.i-logo{ width: 187px; height:40px; float:left; margin:0 30px 0 0px;}
.i-menu{ float:left; margin-top:10px;}

.i-menu ul .nli{ float:left; margin: 0px 5px 0 5px; text-align:center; z-index:99; position:relative; height:40px;}
.i-menu ul .nli span a{ display:block; padding: 0 20px; float:left; height:30px; line-height:30px; color:#333; text-align:center; font-size:16px; letter-spacing:1px;
-moz-border-radius:33px; 
-webkit-border-radius:33px; 
-khtml-border-radius:33px;
border-radius:33px;}
.i-menu ul .nli.on span a,
.i-menu ul .nli:hover span a{ color: #fff; background:#004a95;}


.i-tels {float:right;text-align:center;}
.i-tels span{  font-size:24px; display:block; color:#004a95; }

@media screen and (max-width:1600px) {
.i-menu ul .nli{ margin: 0 8px;}
.i-menu ul .nli span a{padding: 0 10px;font-size:16px;}
.i-logo { margin-right:20px;}
}

@media screen and (max-width:1540px) {
.i-menu ul .nli{ margin: 0 2px;}
}

@media screen and (max-width:1440px) {
.i-menu ul .nli{ margin: 0px;}
.i-tels { display:none;}
.i-menu ul .nli span a{padding: 0 8px;font-size:14px;}
}

@media screen and (max-width:1199px) {
.i-menu ul .nli span a{ font-size:14px;}
}

@media screen and (max-width:991px) {
	.i-tels { display:none;}
	.i-menu {display:none;}
	.i-top { top:0px;background:#fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
	
}

@media screen and (max-width:767px) {
	.i-logo img { height:30px; margin: 5px 0px 0 0px;}
}

/*下拉菜单（漂浮在menu .nli上）*/
.sub { z-index:21;  position:absolute; display: none; float:left;  clear:both; width:140px; left: 50%; margin-left: -70px;top:100% !important; background:url(../images/index44.png); padding:3px 0 17px 0;
-moz-border-radius:15px; 
 -webkit-border-radius:15px; 
 -khtml-border-radius:15px;
 border-radius:15px;/**/}
.sub:before{ content:''; background:url(../images/index45.png) no-repeat center center; width:12px; height:7px; position:absolute; left:50%; top:-7px; margin-left:-6px;}
.sub .ul1{ width:100%;background:url(../images/bg_8.png); box-shadow:0 3px 16px rgba(0,0,0,0.15);  text-align: left; float: left;}
.sub .l2{ width:100%; float: left; position: relative; margin-top:10px;}
.sub .l2.have .l2_a{ color:#fff;}
.sub .l2.have:hover .l2_a{ background-image:url(../images/ico_2_2_h.png);}
.sub .l2 .l2_a{ line-height: 16px;  width:100%;  display:block; font-size: 14px;  float:left;  color:#fff; letter-spacing:1px; padding:5px 5px;}
.sub .l2:hover .l2_a { color:#fff; background:#004a95;}
.sub .l2:hover{ background:white;}
.sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none;  margin:0px;  width:100%;  overflow:hidden;background:url(../images/bg_8.png);/*  box-shadow:0 3px 16px rgba(0,0,0,0.15);*/}
.sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;}
.sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px;  width:100%;  display:block;  float:left;  color:#333333; background-position:left center;}
.sub .ul2 .l3:hover .l3_a { color:#fff; background: url(../images/bg_3.png);}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.logopad{ width: 130px; position:absolute; left:20px; top:15px; display:none;}
.logopad img{ width:100%; float: left;}

@media screen and (max-width:1366px) {
.menu ul .nli{ margin: 32px 12px 0 12px;}
.logo{ margin:20px 30px 0 20px;}
.i-tel { display:none;}
}
@media screen and (max-width:1199px) {
.menu ul .nli{ margin: 32px 12px 0 12px;}
.logo{ margin:20px 10px 0 10px;}
.menu ul .nli span a{ font-size:14px;}
}
@media screen and (max-width:991px) {
.search_ico,.menu{ display: none;}
.top{ height: 65px;}
.h100{ margin-top:65px;}
.logo{width: 41px; height:auto;}
.menu{ display: none;}
.top{ border-top:solid 2px #004a95;}
.logopad{ display:block;}



.menuph{ float:right; cursor: pointer;  width: 22px;  text-align: center; display: block; margin-right:20px;}
.menuph .point {  display: inline-block;  width: 22px;  height: 22px;  margin-top: 14px;  position: relative;  }
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 22px;  }
.menuph .navbtn {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #004a95;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #004a95;  }
.menuph .navbtn::after { top:-8px; }
.menuph .navbtn::before { top:8px; }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background: #004a95;}
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background: #004a95;}
.pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:8; background:white; z-index: 888;}
.pf_menu{ position:fixed; width:100%; overflow-y:auto; left:0px;background:url(../images/bg_1.png); top:65px; z-index:10001; display:block; padding:0 0 15px 0; float: left;}
.ph_menu{ float:left; width:100%; padding:20px 0 0 0; text-align:center;}
.search{ float:left; width:100%; height:40px; padding-top: 0px; border: solid 1px #004a95; padding: 5px 40px 5px 10px; margin-top: 10px; position: relative;}
.search .search_k{ width: 100%; float: left; font-size: 14px; color: #8f8f8f; height: 28px; line-height: 28px; border: 0; background: none;}
.search .sear_sub{width:40px; height:28px; position: absolute; right: 0; top:5px;border:none;background:url(../images/search_btn.png) center no-repeat; border-left: solid 1px #ccc; background-size: 14px 14px;}
.ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;}
.ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#004a95; font-size:14px; line-height:20px; padding: 10px 0; font-weight: bold; letter-spacing: 1px;}
.ph_menu .nli i{ width:40px; height:40px; position:absolute; right:0; top:0; background: url(../images/index43.png) center center no-repeat; background-size:8px auto;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.ph_menu .nli.on i{ transform:rotate(90deg);}
.ph_menu .nli.on .l1_a{ color:#004a95; }
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#004a95;}
.ph_menu .nli .l2_ul li a{ line-height:30px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.6;}
.ph_menu .nli .l2_ul li a:active{ opacity:1;}
}
@media screen and (max-width:767px) {
.top{ padding: 0 10px;}
}
@media screen and (max-width:480px) {
.top{ height: 50px;}
.h100{ margin-top:50px;}
.logo{width: 31px; margin-top: 10px;}
.menuph .point { margin-top: 15px; }
.pf_menu{ top:50px;}
}


.foot a{ position: relative;}
.foot a:link,.foot a:visited { color: #333;}
.foot a:active,.foot a:hover { color: #f4d90d;}
.foot{ color: #333; text-align: right; font-size: 12px; padding: 15px 5%; background-color: #284836;}
.page .foot{ position: fixed; left: 0; border-top: 1px solid #ddd; bottom: 0; width: 90%; z-index: 999;/* opacity: 0.5; filter: alpha(opacity=50); */background-color: transparent;}
.smlink{ margin-left: 20px;}
.foot .sharpI{ float: left; display: block; width: 136px; text-align: left;}
.foot .sharpI a{ margin-right: 10px; float: left; display: block; width: 24px; height: 24px; position: relative;}
.foot .sharpI a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.sharpI .i{ background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; position: absolute;}
.sharpI .i2{ display: none;}
.sharpI a:hover .i1{ display: none;}
.sharpI a:hover .i2{ display: block;}
.yy-bg1{ background: url(../images/yy_bg1.png) repeat-x scroll left bottom; width: 100%; height: 100%; display: block; position: absolute; left: 0; bottom: 0;}
.yy-bg2{ background: url(../images/yy_bg2.png) repeat-x scroll left bottom; width: 100%; height: 100%; display: block; position: absolute; left: 0; bottom: 0;}
.ermsblack { background: url(../images/balck_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 172px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -180px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.pageH{ height: 78px;}
.pinner{ width: 1200px; margin: 0px auto;}
.pbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner .black-10{ position: absolute; left: 0; width: 100%; height: 100%; bottom: 0;}
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left: 50%; bottom: 12%; margin-left: -600px; color: #fff; visibility: hidden;}
.pbanner-C .en{ font-size: 72px; line-height: 1; font-family: "Sylfaen","times new roman";}
.pbanner-C .zh{ font-size: 36px; line-height: 1.2; font-weight: bold;}
.pbanner-C .bot{ display: block; margin: 20px 0px; background: url(../images/line.png) no-repeat scroll left bottom; width: 43px; height: 45px;}
.pbanner-C .txt{ font-size: 12px; line-height: 1.2;}
.pbanner-C.inview { visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1; }
.pbanner-C article{ position: relative; float: left;}
.pageNavBox { height: 50px;}
.pageNavBox a:link, .pageNavBox a:visited { color: #333333;}
.pageNavBox a:active,.pageNavBox a:hover { color: #fff;}    
.pagenav { background-color: #fafcfe; width: 100%; border-bottom: 1px solid #cccccc;}
.pagenav.fixed{ position: fixed; left: 0; top: 78px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 49px; line-height: 49px; -webkit-transition:height 0.3s;  transition:height 0.3s; text-align: center;}
.cpnavbox a { text-align: center; color: #ffffff; display: inline-block; font-size: 16px; font-weight: bold; margin-left: -1px; padding: 0px 22px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:before{ content:""; position: absolute; left: 0px; top: 50%; margin-top: -7px; width: 1px; height: 14px; display: block; background-color: #999999;}
.cpnavbox a:first-child:before{ width: 0; height: 0; }
.cpnavbox a:hover, .cpnavbox a.active { background-color: #1A76D1; color: #fff; z-index: 1;}
.cpnavbox a:hover:before, .cpnavbox a.active:before{ background-color: transparent;}
.cpnav { display: none; width: 100%; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; background-color: #1A76D1; color: #fff; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.pagePading{ padding: 90px 0px 110px;}
.pageC{ overflow: hidden;}
.pageC a:link, .pageC a:visited { color: #1A76D1;}
.pageC a:active,.pageC a:hover { color: #000;}  
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC table { border-collapse: collapse; max-width: 100%!important; width: auto !important;}
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 40px; height: 40px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 40px; height: 40px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}

/*base style end*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {-webkit-box-sizing: border-box;box-sizing: border-box; }
  .pswp img { max-width: none; }

.pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {cursor: -webkit-grab; cursor: -moz-grab;cursor: grab; }
.pswp--dragging .pswp__img {cursor: -webkit-grabbing; cursor: -moz-grabbing;cursor: grabbing; }
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:url(../images/black_75.png) repeat;
  background:none rgba(0,0,0,0.9);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none;transition: none; }

.pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility: hidden; }

.pswp__item {position: absolute;left: 0;right: 0; top: 0; bottom: 0;overflow: hidden; }
.pswp__img {position: absolute;width: auto;height: auto; top: 0; left: 0; }
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank {background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important;left: 0; top: 0; }
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }
.pswp__error-msg a {color: #CCC;text-decoration: underline; }
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
.pswp__button:focus,.pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: none;opacity: 0.9; }
.pswp__button::-moz-focus-inner { padding: 0;  border: 0; }

.pswp__ui--over-close .pswp__button--close { opacity: 1; }
.pswp__button{
  background: url(../images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button, {background-image: url(../images/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left{background: url(../images/img_l4.png.png) no-repeat scroll center center;}
  .pswp--svg .pswp__button--arrow--right{ background: url(../images/img_r4.png.png) no-repeat scroll center center;}
  .pswp--svg .pswp__button--close{ color: #fff;}
 }
.pswp__button--close { background-position: 0 -44px;}
.pswp__button--share {background-position: -44px -44px; }
.pswp__button--fs { display: none; }
.pswp--supports-fs .pswp__button--fs { display: block; }
.pswp--fs .pswp__button--fs {background-position: -44px 0; }
.pswp__button--zoom {display: none;background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom { display: block; }
.pswp--zoomed-in .pswp__button--zoom {background-position: -132px 0; }
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {visibility: hidden; }
.pswp__button--arrow--left,
.pswp__button--arrow--right { top: 50%; background: url(../images/i_banner_l.png) no-repeat scroll center center #f4d90d; margin-top: -23px;width: 54px;height: 54px; position: absolute;}
.pswp__button--arrow--left {left: 2%; }
.pswp__button--arrow--right { right: 2%; background-image: url(../images/i_banner_r.png);}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{ background-color: #1A76D1;}
.pswp__button--arrow--left:hover{ background-image: url(../images/i_banner_l1.png);}
.pswp__button--arrow--right:hover{ background-image: url(../images/i_banner_r1.png);}
.pswp__counter,.pswp__share-modal { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }
.pswp__share-modal--hidden {display: none; }
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
.pswp__share-tooltip a { display: block;  padding: 8px 12px; color: #000;text-decoration: none;font-size: 14px; line-height: 18px; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.pswp--touch .pswp__share-tooltip a {padding: 16px 12px; }
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
a.pswp__share--facebook:hover {background: #3E5C9A; color: #FFF; }
a.pswp__share--facebook:hover:before {border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {background: #55ACEE;color: #FFF; }
a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }
a.pswp__share--download:hover {background: #DDD; }
.pswp__counter { float: left; height: 44px;  font-size: 13px;line-height: 44px;color: #FFF; opacity: 0.75;padding: 0 10px; }
.pswp__caption {position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }
.pswp__caption__center {text-align: center; max-width: 600px; font-size: 15px; margin: 0 auto; padding: 20px 10px; color: #fff; }
.pswp__caption__center .xzy-zan{ float: right; display: block;}
.pswp__caption--empty {display: none; }
.pswp__caption--fake{ visibility: hidden;}
.pswp__preloader {width: 44px;height: 44px;position: absolute; top: 0;left: 50%; margin-left: -22px;opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity;direction: ltr; }
.pswp__preloader__icn {width: 20px; height: 20px;margin: 12px; }
.pswp__preloader--active {opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn {background: url(preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {background: none;opacity: 0.75; width: 14px;height: 14px;position: absolute;left: 15px;top: 15px;margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px;overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {-webkit-box-sizing: border-box;box-sizing: border-box;width: 14px;height: 14px;border: 2px solid #FFF;border-radius: 50%;border-left-color: transparent;border-bottom-color: transparent;position: absolute;top: 0;left: 0;background: none;margin: 0; }
@media screen and (max-width: 1024px) {
  .pswp__preloader {position: relative;left: auto; top: auto;  margin: 0;float: right; } 
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {-webkit-transform: rotate(0);transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);transform: rotate(0); }
}
.pswp__ui {-webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }
.pswp__top-bar {position: absolute;left: 0; top: 0; height: 44px;width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {visibility: visible; }
.pswp__top-bar,
.pswp__caption {background-color: rgba(0, 0, 0, 0.5); }
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }
.pswp__ui--idle .pswp__top-bar { opacity: 1; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {opacity: 0; }
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {opacity: 0.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {display: none; }
.pswp__element--disabled {display: none !important; }
.pswp--minimal--dark .pswp__top-bar {background: none; }
#gallery2 .pswp__caption__center{ text-align: center; font-size: 18px;}
/*base style end*/
/*index style*/
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }

.pageCon a:link,.pageCon a:visited { color: #fff;}
.pageCon a:active,.pageCon a:hover { color: #fdeb83;}
.pageCon2 a:link,.pageCon2 a:visited { color: #393939;}
.pageCon2 a:active,.pageCon2 a:hover { color: #393939;}
.iboxlink{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner a:link,.banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }

.topBg1 { position:relative;}

.binbox{ position: absolute; width: 90%; left: 5%; top: 120px; color: #fff;background: url(../images/bs1.png) no-repeat top center; height:100%;text-align:center;}
.binbox .t{ color: #fff; font-size: 60px; line-height: 1.1; margin-bottom: 20px; overflow: hidden; padding-top:130px; }
.binbox .en{ line-height: 1.8; font-size:30px; background:#1A76D1; width:350px; margin:0 auto;}
.binbox .kh {width:300px; margin:0 auto;margin-top: 20px;font-size:18px;}

.binbox p {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.binbox .t { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms; }
.binbox .en { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms;}
.binbox .kh { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1360ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1360ms;  }


.binbox .moreBox{ font-size: 12px; line-height: 1.4; font-family: "Sylfaen","times new roman";}
#banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.banner .slick-arrow{ background-color:#999; background-color: rgba(0,0,0,0.3); width:36px; height:36px; z-index: 105;  bottom:60px; border-radius:30px;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 5%; }
.banner .slick-next{ left: 5%; margin-left: 42px;}
.banner .slick-prev i{ background: url(../images/i_banner_l1.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../images/i_banner_r1.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{ background-color:#F90; background-color: rgba(255,153,0,0.9);}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px); background-image: url(../images/i_banner_l1.png);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px); background-image: url(../images/i_banner_r1.png);}
.black-20{ background: url(../images/balck_20.png) repeat; background: none rgba(0,0,0,0.2); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-dots { bottom: 2%; z-index: 104; display: none !important;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 5px; width: 8px; height: 8px; line-height: 8px; margin: 0px; cursor: pointer; }
.banner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 6px; height: 6px; margin: 0px auto; border: 1px solid rgba(0,0,0,0); background: none #fff; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { border: 1px solid #fff; background:none transparent; }

.rollImg{ background: url(../images/arrow.png) no-repeat; cursor: pointer; width: 20px; height: 20px; position: fixed; left: 50%; margin-left: -10px; bottom: 25px; display: block; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; z-index: 1010;}

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(12px); -webkit-transform: translateY(12px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(12px); -webkit-transform: translateY(12px); opacity: 0; }
}
@keyframes mouse-dot2 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(-12px); -webkit-transform: translateY(-12px); opacity: 0; }
}
@-webkit-keyframes mouse-dot2 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(-12px); -webkit-transform: translateY(-12px); opacity: 0; }
}

.pagesider6 .foot{ opacity: 1; filter: alpha(opacity=100); border-top: 0px none;}
.pagesider6 .rollImg{ bottom: 5px; background-image: url(../images/arrow2.png);  -webkit-animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}

.pageCon{ color: #000; position: absolute; top: 20%; width:100%;}


/******/

.section2Left{ width:53.333%; float:left; position:relative; height:100%;display: table;table-layout: fixed;}
.mbox{ width:100%;display: table-cell; vertical-align: middle;}
.section2Left .img{ float:right; width:81.0546%; position:relative; margin-right:7.715%;}
.section2Left .img img{ width:100%; float:left;}
.section2Left .img .slick-prev,.section2Left .img .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: auto;
	right:0;
	top: 50%;
	display: block;
	width: 62px;
	height: 62px;
	background:url(../images/index2.jpg) no-repeat top center; margin-top:-62px;
}
.section2Left .img .slick-next {
	left: auto;
	right: 0; background-position: bottom center; margin-top:1px;
}
.section2Left .img .slick-prev:hover,
.section2Left .img .slick-next:hover{ background-image:url(../images/index2_h.jpg);}

.section2Right{ width:46.666%; float:left; position:relative; height:100%;
display: table;
table-layout: fixed;}
.section2Right .text{ width:74.776%; float:left; margin-left:9.04%;}

.sectionHead{ width:100%; float:left; text-align:center;}
.sectionHead h3{ width:100%; float:left; font-size:36px; color:#004a95; font-weight:bold; line-height:42px; letter-spacing:1px; padding-bottom:8px;}
.sectionHead h4{ width:100%; float:left; font-size:24px; color:#333; line-height:34px; letter-spacing:1px;text-transform:uppercase;}
.sectionHead .bian{ width:100%; float:left; margin-top:20px; background:url(../images/index3.jpg) no-repeat center center; height:4px;}

.homeTit{ float:left; width:100%; position:relative; z-index:6; padding-top:1.5%;}
.homeTit .en{ float:left; width:100%; font-size:36px; color:#004a95; line-height:42px; font-weight:bold;letter-spacing:1px; padding-bottom:8px;}
.homeTit .cn{ float:left; width:100%; font-size:24px; color:#333; line-height:34px; letter-spacing:1px;text-transform:uppercase;}

.section2Right .text .sectionHead{ text-align:left;}
.section2Right .text .sectionHead .bian{ background-position: left center;}
.section2Right .text h5{ width:100%; float:left; margin-top:34px; font-size:20px; line-height:30px; letter-spacing:1px;}
.section2Right .text .p{ width:100%; float:left; margin-top:23px; font-size:16px; color:#555; line-height:36px; letter-spacing:1px; height:138px; overflow:hidden;}

.section2Right .text .i-btn {width:100%; float:left;}
.section2Right .text .i-btn a{ display:block; width:120px; height:36px; line-height:36px; background:#004a95; margin-top:20px; text-align:center; color:#fff;}
.section2Right .text .i-btn a:hover{background:#b98a00;}


@media screen and (max-width:1366px) {
.sectionHead h3{ font-size:30px; line-height:32px;}
.sectionHead h4{ font-size:20px; line-height:30px;}

.homeTit .en{ font-size:30px; line-height:32px;}
.homeTit .cn{ font-size:20px; line-height:30px;}

.section2Right .text h5{ margin-top:28px; font-size:16px; line-height:28px;}
.section2Right .text .p{ margin-top:19px; font-size:14px; line-height:32px; height:96px;}
}
@media screen and (max-width:991px) {
.section2Left,.section2Right{ width:100%; padding:0 10%; margin-top:30px;}
.section2Left:before{ display:none;}
.section2Left .img,.section2Right .text{ float:left; width:100%; margin-left:0; margin-right:0;}
.section2{ padding:40px 0;}
}
@media screen and (max-width:767px) {
.section2Left,.section2Right{ padding:0 5%; margin-top:5px;}
.section2Left .img .slick-prev,.section2Left .img .slick-next {
	width: 42px;
	height: 42px;
	background-size:42px auto; margin-top:-42px;
}
.section2Left .img .slick-next {
	left: auto;
	right: 0; background-position: bottom center; margin-top:1px;
}

.section2Right .text h5{ margin-top:18px; font-size:14px; line-height:24px;}
.section2Right .text .p{ margin-top:10px; font-size:12px; line-height:24px; height: auto;}

.section2Right .text .i-btn a{  width:100px; height:30px; line-height:30px; background:#004a95; margin-top:10px; font-size:12px;}

}

/*******/

.pageCon{ width:100%; float:left; position: absolute;}

.pageCon .sc-zt-c { width: 100%; margin-top:2%;}

.pageCon .p-slider .list{padding:0 15px;}
.pageCon .p-slider .list .box{float:left; width:100%; border:1px solid #efefef; background:#fff; text-align: center; padding-bottom:10px;}
.pageCon .p-slider .list .box .img{overflow:hidden;}
.pageCon .p-slider .list .box .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.pageCon .p-slider .txtBox{padding:20px 0 0 0; margin: 0 20px 8px 20px}
.pageCon .p-slider .txtBox .H4{font-size:20px; color:#1c1c1b;}
.pageCon .p-slider .txtBox .line{width:140px; height: 1px; display: block; background-color:#d2d2d1; margin: 20px auto; position: relative;}
.pageCon .p-slider .txtBox .line::after{width:36px; height: 2px; background-color:#204e86; content: ""; position: absolute; top:-1px; left: 50%; margin-left:-18px;}
.pageCon .p-slider .txtBox .p{font-size:14px; line-height: 24px; color:#666666; height:24px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.pageCon .p-slider .list .box:hover .img img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.pageCon .p-slider .slick-dots{ height:14px; position:static; margin-top:0px; overflow:hidden;position: relative;}
.pageCon .p-slider .slick-dots li{ width:14px; height:14px; border-radius:50%; margin:0 7px; vertical-align:top; background:#3571b0; background:rgba(53,113,176,0.3);}
.pageCon .p-slider .slick-dots li:after{ float:left; width:8px; height:8px; padding:0; border-radius:50%; position:absolute; left:3px; top:3px; content:''; z-index:12;}
.pageCon .p-slider .slick-dots li.slick-active:after{ background:#3571b0;}

.pageCon .p-slider li button {display: none;}

@media screen and (max-width:991px) {

}
@media screen and (max-width:767px) {
.sectionHead h3{ font-size:20px; line-height:22px;padding-bottom:0px;margin-top:10px;}
.sectionHead h4{ font-size:16px; line-height:20px;}
.sectionHead .bian{ display:none;}

.homeTit .en{ font-size:20px; line-height:22px;}
.homeTit .cn{ font-size:16px; line-height:20px;}

}

/***********/

.pageCon .div-list {margin-top:3%;}

.pageCon a .bg1 { height:380px;background-size: 100% 100%; border:5px solid #fff;-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}

.pageCon a .bg1:hover {border:5px solid #3571b0;}

.pageCon a .bg2 { height:190px;background-size: 100% 100%; border:5px solid #fff;-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}

.pageCon a .bg2:hover {border:5px solid #3571b0;}


@media screen and (max-width:1366px) {

}
@media screen and (max-width:991px) {
}
@media screen and (max-width:767px) {
	.pageCon a .bg1 {height:240px;}
	.pageCon a .bg2 {height:120px;}
}


/*****/


.section5Left { width:45%; float:left; position:relative; height:100%;display: table;table-layout: fixed; margin-top:3%;}

.section5Left .text{ width:70%; float:left; margin-left:10%;}

.section5Left .text h5{ width:80%; text-align:center; font-size:18px; line-height:54px; letter-spacing:1px; background:#b98a00; border-radius:50px; color:#fff; margin:0 auto;}
.section5Left .text .p{ width:100%; float:left; margin:30px 0;text-align:center;}
.section5Left .text .p img{ width:180px; height:180px;}

.section5Left .text .i-btn {width:100%; float:left;text-align:center;font-size:16px;}


.section5Right { width:50%; float:left; position:relative; height:100%;display: table;table-layout: fixed;margin-top:3%;}

.section5Right .i-pic {margin-bottom:20px;}

.section5Right .form_pic{width:100%; display: block; }
.section5Right .form_pic .li_a{width:100%; border:1px solid #d8d8d8; height:42px; line-height: 40px;margin-bottom:2%; position: relative; display: flex;}
.section5Right .form_pic .li_a input{background:none; line-height:40px; height:40px; display:inline-block;width:100%; text-indent:80px;}
.section5Right .form_pic .li_a .span{display: inline-block; padding-left:10px; line-height:40px;position: absolute; left:0; top:0;}
.section5Right .form_pic .li_a .span .i{color:#C00;padding-right:10px;}

.section5Right .tj{width:100%; height:50px; line-height:40px; background:#004a95; border:1px solid #004a95; 
      -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;text-align:center; colr:#fff; font-size:18px; display: block;}
.section5Right .tj button{width:100%; font-size:16px; display: block; color:#fff; text-align:center; background:none; border:none;
height:40px; line-height:40px;
}
.section5Right .tj:hover{color:#FFF; background:none;border:1px solid #F60;}
.section5Right .tj:hover button{color:#F60; }

.section5Right .p{ width:100%;  margin-top:12px; font-size:16px; color:#555; line-height:36px;}



@media screen and (max-width:1366px) {
}
@media screen and (max-width:1199px) {
	.section5Right .text h5{ width:100%; font-size:16px; }
	.section5Body { margin-bottom:3%;}
}
@media screen and (max-width:991px) {
}
@media screen and (max-width:767px) {
	.section5Left {width:100%;}
	
	.section5Left .text h5 { font-size:12px;line-height: 36px;}
	.section5Left .text .p { margin-bottom:10px;}
	
	.section5Right{ width:100%;}
	.section5Right .text {width:100%;margin-left:0%;}
	
	.section5Right .form_pic .li_a input {}
}



/******/

.section_6_box .pageCon { overflow-x: hidden; overflow-y: auto;}

.Hnews{ float:left; width:100%; position:relative;}

.Hnews .homeTit {float:left; width:30%;}

.Hnews .hd{ float:right;width:60%; margin-top:30px;}
.Hnews .hd li{ float:right; width:140px; height:42px; line-height:42px; text-align:center; background:#fff; color:#363636; font-size:16px; margin-left:20px; cursor:pointer;}
.Hnews .hd li.on{ background:#004a95; color:#fff;}

.Hnews .bd{ float:left; width:100%; position:relative; background:#fff; margin-top:1%; margin-bottom:4.5%;}
.Hnews .ul1{ float:left; width:100%;}
.Hnews .l1{ float:left; width:39.6%; padding:30px 60px;}
.Hnews .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden; margin-top:30px;}
.Hnews .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Hnews .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Hnews .l1 .tit{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; margin:0px 0 18px 0;}
.Hnews .l1 .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:25px; height:50px; overflow:hidden; padding-left:30px; position:relative;}
.Hnews .l1 .info:after{ float:left; width:2px; height:38px; background:#aaaaaa; position:absolute; left:0; top:50%; content:'';  margin-top:-19px;}
.Hnews .l1:hover .tit{ color:#004a95;}

.Hnews .l2{ float:left; width:60.4%; background:#fff; padding:20px 30px; border-bottom:1px solid #f6faf7; -webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.Hnews .l2 a{ float:left; width:100%; position:relative; min-height:123px; padding-left:248px; padding-right:20px;}
.Hnews .l2 .img{ float:left; width:218px; height:123px; position:absolute; left:0; top:0; line-height:0; overflow:hidden;}
.Hnews .l2 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Hnews .l2:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Hnews .l2 .tit{ float:left; width:100%; position:relative; color:#333333; font-size:20px; line-height:30px; position:relative;padding-right:70px; margin:15px 0 18px 0;}
.Hnews .l2 .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:25px; height:50px; overflow:hidden;}
.Hnews .l2:hover{ background:#f6faf7;}
.Hnews .l2:hover .tit{ color:#004a95;}
@media screen and (max-width:1599px){
.Hnews .hd{ top:20px;}	
.Hnews .l1{ padding:50px 30px;}
.Hnews .l2{ padding:20px;}
.Hnews .l2 a{ padding-left:238px; padding-right:0;}
}
@media screen and (max-width:1199px){
.Hnews .hd{ top:15px;}	
.Hnews .hd li{ width:120px; height:36px; line-height:34px; margin-left:12px; font-size:16px;}
	
.Hnews .l1{ padding:30px 30px;}	
.Hnews .l1 .tit{ font-size:18px; line-height:28px; margin:7px 0 10px 0;}
.Hnews .l1 .info{ line-height:25px; height:50px; padding-left:15px;}
.Hnews .l1 .img{ margin-top:15px;}

.Hnews .l2{ padding:18px;}
.Hnews .l2 a{ min-height:90px; padding-left:190px;}	
.Hnews .l2 .img{ width:160px; height:90px;}
.Hnews .l2 .tit{ font-size:16px; line-height:26px; padding-right:60px; margin:5px 0 5px 0;}
}
@media screen and (max-width:1023px){
.Hnews{ margin:30px 0;}	
.Hnews .l1{ padding:15px 15px;}	
.Hnews .l1 .tit{ font-size:18px; line-height:28px; margin:7px 0 10px 0;}
.Hnews .l1 .info{ line-height:25px; height:50px; padding-left:15px;}
.Hnews .l1 .img{ margin-top:15px;}

.Hnews .l2{ padding:12px;}
.Hnews .l2 a{ min-height:78px; padding-left:150px;}	
.Hnews .l2 .img{ width:138px; height:78px;}
.Hnews .l2 .tit{ font-size:16px; line-height:26px; padding-right:60px; margin:3px 0;}
.Hnews .l2 .info{ line-height:22px; height:44px;}
.Hnews .bd{ margin-top:20px;}
}
@media screen and (max-width:767px){
.Hnews{ margin-top:15px;margin-bottom:0px;}	
.Hnews .l1{ width:100%;}
.Hnews .l1 .tit{ font-size:17px;}
.Hnews .l1 .info{ line-height:22px; height:44px;}
.Hnews .l2{ width:100%;}
.Hnews .l2 .tit{ font-size:15px; padding-right:56px;}

.Hnews .hd{ top:30px;width: 100%; float:left;margin-top:15px;}
.Hnews .hd li{ width:24%; height:30px; line-height:28px; margin-left:1%; font-size:12px; }

.Hnews .l2 .img { display:none;}
.Hnews .l2 a{padding-left:5px;}	

.Hnews .homeTit {float:left; width:100%; text-align:center;padding-top:0;}

}




/*****/


.item-lx { margin-top: 5%; display: flex;}
.item-lx .item { width: 25%; text-align: center;position: relative; }
.item-lx .item .img { width: 32px; height: 30px; text-align: center; margin: 0 auto; }
.item-lx .item .img img { max-width: 100%; max-height: 100%; }
.item-lx .item .intro p:nth-of-type(1) { font-size: 18px; color: #444;font-weight: bold; margin:10px 0; }
.item-lx .item .intro p:nth-of-type(2) { font-size: 16px; color: #666; }
.item-lx .item::after { position: absolute; background-color: #d9d9d9; width: 1px; content: ""; top: 5%;right: 0; height: 90%; }
.item-lx .item:last-of-type::after {display: none; }

.item-yq { border:1px solid #ddd; margin-top:5%; }
.item-yq .p-a1 { width:80px; float:left; background:#004a95;color:#fff; text-align:center;padding:10px 0; font-size:16px;}
.item-yq .p-a2 {  float:left;padding:5px 20px;}

.pageCon .p-a2 a:link, .pageCon .p-a2 a:visited { color:#666;}
.pageCon .p-a2 a:hover { color:#C00; text-decoration: underline;}


.i-b-ttom { margin-top:5%; text-align:center; }
.i-b-ttom a { color:#333;}


@media screen and (max-width:1199px) {
}

@media screen and (max-width:767px) {

    .item-lx { padding: 0; flex-wrap: wrap; }
    .item-lx .item { width: 50%; margin-bottom: 10px; }
	.item-lx .item:nth-of-type(2n)::after { display: none; }
	.item-lx .item .intro p:nth-of-type(1) { font-size: 14px; margin-top: .1rem; margin-bottom: 10px; }
	.item-lx .item .intro p:nth-of-type(2) { font-size: 12px; width: 92%;margin: 0 auto;}
	.item-lx .item::after { height: 58%; }
	
	.item-yq { display:none;}
	
	.i-b-ttom { margin:2%;}

}



.pz_down{ float:left; width:100%; background:#3c3733; display:none;}

.section6Down{ width:100%; float:left; height:230px;}

.bd_weixin_popup { height:310px !important;}

.footerDown{ width:100%; float:left; border-top:solid 1px #504b48; padding:32px 0;}
.footerDown .footerBq{ float:left; font-size:14px; color:white; line-height:32px; letter-spacing:1px; opacity:0.8;}
.footerDown .footerFx{ float:right; margin-top:14px;}

/*分享*/
.footerDown .footerFx span{ display:block; float:left; font-size:14px; color:#676767; line-height:34px; letter-spacing:1px;}
.footerDown .footerFx .bdsharebuttonbox{ float:left; width:auto;}
.footerDown .footerFx .bdsharebuttonbox a{ display:block; width:34px; height:34px; padding:0; margin:0 9px !important; float:left; background-size:34px 34px; background-repeat:no-repeat; background-position:center center; opacity:0.5;}
.footerDown .footerFx .bdsharebuttonbox a.a1{ background-image:url(../images/index39.png);}
.footerDown .footerFx .bdsharebuttonbox a.a2{ background-image:url(../images/index40.png);}
.footerDown .footerFx .bdsharebuttonbox a.a3{ background-image:url(../images/index41.png);}
.footerDown .footerFx .bdsharebuttonbox a.a4{ background-image:url(../images/index42.png);}
.footerDown .footerFx .bdsharebuttonbox a:hover{ opacity:1;}

@media screen and (max-width:1560px) {
}
@media screen and (max-width:1366px) {
.footerDown{ padding:22px 0;}
}
@media screen and (max-width:1199px) {
.footerDown .footerBq{ font-size:12px; line-height:26px;}
.footerDown .footerFx{ margin-top:10px;}
}
@media screen and (max-width:991px) {
.footerDown .footerFx{ display:none;}
}
@media screen and (max-width:767px) {
.footerDown{ text-align:center; padding:12px 0;}
.footerDown .footerBq{ width:100%; line-height:22px;}
.footerDown .footerFx{ width:100%; margin-top:10px;}
.footerDown .footerFx span,.footerDown .footerFx .bdsharebuttonbox{ float:none; display:inline-block; vertical-align:top;}
}



.leftnav{ width:60px; right:15px; top:30%; position:fixed; z-index:5555; padding-bottom:48px;}
.leftnav em{ width:1px; height: 100%; position: absolute; right: 6px; top: 0; background: #eaeaea; z-index: -1;}
.leftnav li{ width:20px; float:left; margin-top:9px; margin-left:13px;}
.leftnav li.first{ margin-top: 0;}
.leftnav li a{ display:block; width:100%; float:left; height:20px; background:#333; position:relative;}
.leftnav li a span{ position:absolute; left:-60px; top:50%; font-size:10px; color:white; opacity:0.4; letter-spacing:1px; text-transform:uppercase; line-height:16px;font-family: 'OPENSANS-REGULAR'; margin-top:-8px; display:none; width:60px; text-align:center;}
.leftnav li.active a{ background-image:url(../images/banner_ico.png) !important; background-position: top center;}
.leftnav li.active a{ position:static;}
.leftnav li.active a span{ bottom:0; top:auto; margin-top:0; left:0; display:block; opacity:1;}

.leftnav li:hover a span{ display:block;}

.leftnav.black li a{ background-image:url(../images/banner_ico_1.png);}
.leftnav.black.active li a
.leftnav.black li a span,.leftnav.black li.active a span{ color:#d7d7d7;}

@media screen and (max-width:1024px) {
.leftnav{ right:5px;}
}


.idx-foot { position: fixed; left: 0; border-top: 1px solid #ddd; bottom: 0; width:100%; z-index: 999;/* opacity: 0.5; filter: alpha(opacity=50); */background-color: transparent; text-align:center; padding:10px 0;}
.idx-foot p { padding:0 10px; font-size:12px; color:#666; display:inline;}
.idx-foot p a {color:#333;}

@media screen and (max-width:1024px) {
.idx-foot { position: inherit; left: auto; bottom: auto; opacity: 1; filter: alpha(opacity=100); background: #333;}
.idx-foot p { color:#fff; }
.idx-foot p a {color:#fff;}
}