* { margin: 0; padding: 0;}

map area,map{outline:none;}

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; position: relative;}

body { color: #727272; margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none; height: 100%; position: relative;}

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

img { border: none; vertical-align: top;}

a { color: #838383; text-decoration: none; outline: none; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}

a:hover { color: #e83428;}

button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle;}

input { outline: none; border-radius: 0;}

input:focus, textarea:focus { outline: none;}

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only;}

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}

textarea { -webkit-appearance: none;}

h1, h2, h3, h4, h5, h6 { font-weight: normal;}

.clearfix:before, .clearfix:after { content: ''; display: table;}

.clearfix:after { clear: both;}

.clearfix { *zoom: 1;}

.none { display: none;}

em, i { font-style: normal;}

b { font-weight: normal;}

table { border-collapse: collapse; border-spacing: 0;}

td, th { padding: 0;}

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0;}

button { overflow: visible;}

button, select { text-transform: none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer;}

button[disabled], html input[disabled] { cursor: default;}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

input { line-height: normal;}

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0;}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}

input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box;}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

@font-face { font-family: 'helveticablack';
src: url(../font/helveticablack.eot);
src: url(../font/helveticablack.eot?#font-spider) format("embedded-opentype"), url(../font/helveticablack.woff) format("woff"), url(../font/helveticablack.ttf) format("truetype"), url(../font/helveticablack.svg) format("svg"); font-weight: normal; font-style: normal;}
.helveticablack { font-family: 'helveticablack';}

.w_1230 { width: 90%; margin: 0 auto; max-width: 1230px;}

.w_1200{width: 1200px;margin: auto;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}


.scaleimg:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}



.readMore{display: block;width: 120px;height:38px;margin: 63px auto;text-align: center;line-height: 38px;font-size: 14px;color: #fff;position: relative; border-radius:30px; background:#3970bc;}
.readMore span{position: relative;z-index: 2;}
.readMore:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0; background:#c81623; border-radius:30px;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.readMore:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.readMore:hover{ background:#c81623;color: #fff; border-radius:30px;}



.ffh { width:100%; height:100%; position:absolute; top:0; z-index:999;mix-blend-mode: screen; background-size:cover;filter: chroma(color:#ffffff);}



.choice { width:100%; height:900px; background:url(../images/chan0.jpg) no-repeat center top;}


.bgg { width:100%; height:2554px; background:url(../images/bg1.jpg) no-repeat center top;}
.serbg { width:100%; height:2956px; background:url(../images/bg2.jpg) no-repeat center top;}

.serbgny { width:100%; height:1886px; background:url(../images/ny1.jpg) no-repeat center top;}
.serbgny2 { width:100%; height:2563px; background:url(../images/ny2.jpg) no-repeat center top;}
.serbgny3 { width:100%; height:4171px; background:url(../images/ny3.jpg) no-repeat center top;}
.serbgny0 { width:100%; height:3851px; background:url(../images/ny0.jpg) no-repeat center top;}

/*标题*/
.ititle{margin-bottom: 27px;height: 85px;line-height: 85px;text-align: center;font-size: 28px;color: #333333;position: relative;position: relative;}
.ititle:before{content: "";width: 40px;height: 3px;background: #248ac9;position: absolute;left: 50%;margin-left: -20px;bottom: 0;}

.common_title{text-align: center;margin-bottom: 60px;}
.common_title b{display: block;font-size: 36px;color: #4079bc;line-height: 42px; font-weight:bold;}
.common_title i{display: block;font-size: 12px;color: #d9d9d9;line-height: 27px;margin-bottom: 12px; text-transform:uppercase;letter-spacing:2px;}
.common_title span{display: block;width: 30px;height: 2px;background: #1a1a1a;margin: 0 auto;}


/*公用样式*/
    .swiper-container {width: 100%;height: 100%;}
    .swiper-slide {text-align: center; font-size: 18px;background: #fff;   display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;overflow: hidden;}
	

.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e83428;}
	
/*.swiper-pagination-bullet{position: relative;color: #e83428;}
.swiper-pagination-bullet:after{position: absolute;color: #e83428;font-size: 12px;content:'';width: 100px;text-align: right;right: 18px;top:-3px;}*/


.fat-nav{background: #373737;position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 50;display: none;}
.close{width: 100%;}
.close span{float: right;cursor: pointer;margin-right: 50px;margin-top: 45px;}
.close a{float: left;margin-left: 50px;margin-top: 33px;}
.fat-nav_wapper{width: 900px;margin: auto;padding-top: 125px;}
.fat-nav_wapper li{float: left;width: 100%;text-align: left;margin-bottom: 30px;overflow: hidden;}
.fat-nav_wapper li a{float: left;display: block;font-size: 30px;color: #d1d0d0;padding-left: 137px;position: relative;width: 100%;}
.fat-nav_wapper li a em{font-size: 14px;color: #d1d0d0;font-family: "Helvetica Light", Helvetica, Arial,  sans-serif;text-transform: uppercase;line-height: 26px;}
.fat-nav_wapper li a:after{position: absolute;width: 0;height: 7px;display: block;background: #e83428;left:0;top:20px;content:''; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.fat-nav_wapper li a:hover:after,.fat-nav_wapper li a.on:after{width: 95px;}
.fat-nav_wapper li a span{line-height: 35px;}
.fat-nav_wapper li a em,.fat-nav_wapper li a span{display: block;}
/*导航 end*/
.header_1{width: 100%;position: absolute;top:0;left:0;z-index: 6;}
.header_1 .logo{float: left;margin-left: 50px;margin-top: 33px;}
.en{float: right;color: #fff;font-size: 14px; width:44px; text-align:right; opacity:0.5;}



.hamburger{float: right;margin-right: 23px;cursor: pointer;}
.hamburger .bar{float: left;display: inline-block;width: 22px;height: 2px;background: #fff;margin: 2.5px 0;}
.hamburger_h .bar{background: #272636;}

/*汉堡导航*/
.btn_down22{position: absolute;width: 505px;bottom:0;left:50%;margin-left: -253px;color: #fff;font-size: 12px;z-index: 5;}
.btn_down22 p{line-height: 45px;}
.btn_down22 span{height: 36px;border:1px solid #bbbbbb;width: 22px;display: block;margin: auto;border-radius: 10px;position: relative;}
.btn_down22 span em{display: block;  width: 2px;   height: 15px;    background: #bbbbbb;    position: absolute;    left: 9px;top:3px;}



.btn_down{position: absolute;width: 390px;bottom:0;left:50%;margin-left: -145px;color: #fff;font-size: 12px;z-index: 5;}
.btn_down p{line-height: 45px;}
.btn_down span{height: 36px;border:1px solid #bbbbbb;width: 22px;display: block;margin: auto;border-radius: 10px;position: relative;}
.btn_down span em{display: block;  width: 2px;   height: 15px;    background: #bbbbbb;    position: absolute;    left: 9px;top:3px;}
.mouse_scroll_1 {
    -webkit-animation: mouseScrollTop 2s infinite;
    -moz-animation: mouseScrollTop 2s infinite;
    -ms-animation: mouseScrollTop 2s infinite;
    -o-animation: mouseScrollTop 2s infinite;
    animation: mouseScrollTop 2s infinite;}
@keyframes mouseScrollTop{
	0%{opacity:0;top:0;}
	90%{opacity:1;top:10px;}
	100%{opacity:1;top:0;}
}
/*鼠标按钮*/
/*向下滚动*/



.banner{width: 100%;position: absolute;top:0;left:0;height: 100%;overflow: hidden; background:url(../images/bb3.jpg) no-repeat center center;}
.banner .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.img{width: 100%;height: 100%;position: relative;display: block;}
.img:after{position: absolute;width: 100%;height: 100%;content:'';left:0;top:0;background: rgba(0,0,0,0.2);}
.banner .swiper-slide.swiper-slide-active .img{
  -webkit-transform: -webkit-scale(1.3);
  -ms-transform: -ms-scale(1.3);
  transform: scale(1.3);
  -webkit-animation: zoom 7s linear;
  animation: zoom 7s linear;}
/*@-webkit-keyframes zoom {
  0% {
    -webkit-transform: -webkit-scale(1.3);
    -ms-transform: -ms-scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: -webkit-scale(1.3);
    -ms-transform: -ms-scale(1.3);
    transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: -webkit-scale(1.3);
    -ms-transform: -ms-scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: -webkit-scale(1);
    -ms-transform: -ms-scale(1);
    transform: scale(1);
  }
}*/
/*@-webkit-keyframes zoom {
  0% {
    -webkit-transform: -webkit-scale(1);
    -ms-transform: -ms-scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: -webkit-scale(1.2);
    -ms-transform: -ms-scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: -webkit-scale(1);
    -ms-transform: -ms-scale(1);
    transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: -webkit-scale(1);
    -ms-transform: -ms-scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: -webkit-scale(1.2);
    -ms-transform: -ms-scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: -webkit-scale(1);
    -ms-transform: -ms-scale(1);
    transform: scale(1);
  }
}*/
.txt {position: absolute;top: 50%;left: 350px;margin-top: -175px;text-align: left;color: #fff;}


@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation: fadeInLeft 2s ease 1s 1 both;}


.fadeInTop {
-webkit-animation: animatename 0.5s;
animation: animatename 0.5s;
-webkit-animation: fadeInLeft 2s ease 1s 1 both;}
@keyframes animatename {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);}
100% {
opacity: 1;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
}



.txt1 {width: 660px;margin-top: 6px;overflow: hidden;position: relative;}

.txt1 span {display: block;font-size: 40px;line-height: 1.3em;}

.txt2 {display: block;margin-top: 6px;font-size: 14px;font-family: 'Helvetica Light';overflow: hidden;position: relative;text-transform: uppercase;}

.txt2 span {display: block;}
.line {display: block;overflow: hidden;position: relative; background:url(../images/banline.png) no-repeat left 30px; padding-left:140px; line-height:60px;}

/*.line span {display: block;width: 100%;height: 100%; opacity: 1;width: 32px;height: 1px;background: #fff;margin: 30px 0 30px;}

.txt3{font-size: 18px;}
.txt3 span {display: inline-block;}*/


/*20200902END*/
/*header1 css*/
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; transition: background 0.7s ease,height 0.7s ease;}




header .inner-wrapper { padding: 20px 50px 20px; position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; transition: all 0.3s ease 0s;background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0));}



header .inner-wrapper:before { content: ''; width: 100%; height: 70px;/* background-color: #fff;*/ background:url(../images/logo.png) no-repeat; top: 0; left: 0; position: absolute; -webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -o-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

header .inner-wrapper .logo { float: left; display: block; width: 190px;}

header .inner-wrapper .logo a { display: block; width: 100%; transition: all 0.3s ease 0s;}

header .inner-wrapper .logo a img {}

header .inner-wrapper .logo a img.dark-logo { display: block;}

header .inner-wrapper .logo a img.light-logo { display: none;}

header .inner-wrapper .logo.change-color a img.dark-logo { display: none;}

header .inner-wrapper .logo.change-color a img.light-logo { display: block;}


header .inner-wrapper .hamburger a img.dark-logo { display: block;}
header .inner-wrapper .hamburger a img.light-logo { display: none;}
header .inner-wrapper .hamburger.change-color a img.dark-logo { display: none;}
header .inner-wrapper .hamburger.change-color a img.light-logo { display: block;}

header .inner-wrapper .hamburger { display: block; float: right; position: relative; top: 13px; transition: top 0.3s ease 0s;}

header .inner-wrapper .hamburger button { float: left; display: block; border: none; width: 30px; height: 30px; font-size: 0; background: none;}

header .inner-wrapper .hamburger button span { width: 26px; height: 3px; background-color: #fff; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; top: 0px; left: 4px;}

header .inner-wrapper .hamburger button span ~ span { margin-top: 7px;}

header .inner-wrapper .hamburger button span:nth-child(2) { width: 26px;}

header .inner-wrapper .hamburger button:hover span:nth-child(2) { width: 0; transform: translateX(30px);}

header .inner-wrapper .hamburger button:hover span:nth-child(1) { transform: translateY(2px);}

header .inner-wrapper .hamburger button:hover span:nth-child(3) { transform: translateY(-4px);}

header .inner-wrapper .hamburger button.change-color span { background-color: #fff;}

header .inner-wrapper .hamburger button.active span { margin-top: 0;}

header .inner-wrapper .hamburger button.active span:nth-child(2) { width: 0; visibility: hidden; opacity: 0; transform: translateX(100%);}

header .inner-wrapper .hamburger button.active span:nth-child(1) { transform: rotate(40deg);}

header .inner-wrapper .hamburger button.active span:nth-child(3) { transform: rotate(-40deg) translate(3px, -4px);}

header .inner-wrapper .hamburger button.active:hover span { width: 22px;}

header.inverse .inner-wrapper .logo a img.light-logo { display: block;}

header.inverse .inner-wrapper .logo a img.dark-logo { display: none;}

header.inverse .inner-wrapper .hamburger button span { background-color: #fff;}

header .menu-items { opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); -moz-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); -ms-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); -o-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.21, 1);}

header .menu-items.no-animation { -webkit-transition-duration: 0; transition-duration: 0; clip: initial;}

header.active .menu-items { opacity: 1; visibility: visible;}

header.active .logo { position: relative;}

header.active .logo:before { content: ""; display: block; position: absolute;  width: 0; height: 100%; left: 0; top: 0; background:#fff; animation: logoAnimation 0.7s cubic-bezier(0.17, 0.67, 0.21, 1) 0.5s;overflow: hidden;}

header.active .logo a { animation: hideLogos 1s;}

.menu-items { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #2b1d5a;}

.menu-items #menuAnimation { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.menu-items .links-container { display: table; height: 100%; width: 100%;}

.menu-items .links-container .vertical-center { display: table-cell; vertical-align: middle; width: 1%; text-align: center;}

.menu-items .links-container ul { list-style: none; display: inline;}

.menu-items .links-container ul li { margin: 25px auto;}

@keyframes logoAnimation { 0% { width: 0; left: 0;}
  50% { width: 100%; left: 0;}
  100% { left: 100%;} }
header .inner-wrapper .en { float: left; height: 30px;  line-height: 30px; font-size: 16px; color: #fff; text-transform: uppercase;}

.menu-items:hover a, .menu-items:hover a.active { opacity: 0.5;}

.menu-items a { text-decoration: none; display: inline-block; padding: 8px 0; position: relative; min-width: 200px; -webkit-transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); -moz-transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); -ms-transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); -o-transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); transition: all 1s cubic-bezier(0.17, 0.67, 0.21, 1); opacity: 0.5;}

.menu-items a.active { opacity: 1;}

.menu-items a span { color: #fff; -webkit-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); -moz-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); -ms-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); -o-transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1); transition: all 0.3s cubic-bezier(0.17, 0.67, 0.21, 1);}

.menu-items a span.big-text { display: block; font-size: 24px; line-height: 32px; position: relative; font-weight: 500;}

.menu-items a span.under-text { font-size: 14px; line-height: 24px; opacity: 0; position: absolute; width: 100%; left: 0; top: 50%; text-transform: uppercase; top: calc(50% - 12px);}

.menu-items a span.under-text span { font-size: 20px; vertical-align: middle; margin-left: 10px;}

.menu-items a:hover { opacity: 1;}

.menu-items a:hover.active { opacity: 1;}

.menu-items a:hover span.big-text { transform: translateY(-15px);}

.menu-items a:hover span.under-text { transform: translateY(15px); opacity: 0.5;}




header.smaller { height: 90px; background: #fff; border-bottom: 1px solid #ebebeb;}

header.smaller .inner-wrapper .hamburger button span { background: #777;}

header.smaller .en { color: #777;}

header.inverse.active .header_nav { visibility: hidden; opacity: 0;}

.headnav { position: absolute; right:50px; top: 10px; width: 100%; height: 75px; text-align: right; visibility: hidden; opacity: 0; transition: all 0.5s;}

.headnav li { display: inline-block; padding: 0 30px;}

.headnav li a { display: block; position: relative; font-size: 18px; color: #333333; height: 35px; line-height: 35px; overflow: hidden; padding: 20px 0px; transition: all 0.3s ease 0s;}

.headnav li a:hover { color: #e83430;}

.headnav li a:after { position: absolute; right: 0; bottom: 20px; left: 0; border-bottom: 2px solid; content: ""; -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);}

.headnav li a:hover:after { transform: scaleX(1);}

header.smaller .inner-wrapper { padding: 9px 50px; background:#FFF;}

header.smaller .inner-wrapper .hamburger { top: 13.5px; display: none;}

header.smaller .inner-wrapper .logo a img.light-logo { display: block;}

header.smaller .inner-wrapper .logo a img.dark-logo { display: none;}

header.smaller .headnav { opacity: 1; visibility: visible;}

header.inverse.active .headnav { visibility: hidden; opacity: 0;}

header.inverse.active .inner-wrapper .hamburger button span { background: #7f7f7f;}

header.inverse.active .inner-wrapper .en { color: #7f7f7f;}

/*header1 css end*/

/*header*/
.header2 { width: 100%; background: #fff;}
.header2 .w_1230 { position: relative; height: 103px; width: 90%; margin: 0 auto; max-width: 1230px;}
.header2 .logo { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 56px; width: 138px;}
.header2 .en { font-size: 16px; color: #333333;}
.header2 .en { display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px;}
.header2 .search_btn { display: block; position: absolute; right: 47px; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px;}
.header2 .search_btn i { font-size: 18px;}
.header2 .header_nav { text-align: center; font-size: 0; padding-left: 58px;}
.header2 .header_nav li { display: inline-block;}
.header2 .header_nav li a { display: block; color: #333333; font-size: 15px; padding: 40px 28px; height: 23px; line-height: 23px;}
.header2 .nav_btn { position: absolute; right: 93px; top: 50%; transform: translateY(-50%); display: inline-block; width: 22px; height: 16px; padding: 7px 4px; opacity: 0; visibility: hidden;}
.header2 .nav_btn span { display: block; width: 22px; height: 2px; background: #555555;}
.header2 .nav_btn:after, .header2 .nav_btn:before { position: absolute; left: 4px; top: 14px; width: 22px; height: 2px; background: #555555; content: "";}
.header2 .nav_btn:before { top: 21px;}


/*popup*/
.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;}

.hidden_search .btn { display: block; background: url(../images/search_icon2.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;}

.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px;}

.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; transition: 0.5s;}

.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px;}

.hidden_search .close_btn:before { transform-origin: left bottom; transform: rotate(45deg);}

.hidden_search .close_btn:after { transform-origin: left top; transform: rotate(-45deg); top: 25px;}

.hidden_search .close_btn:hover { transform: rotate(360deg);}

.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #c70019;}

.pop .cd-popup-close { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; transition: 0.5s;}

.pop .cd-popup-close:after, .pop .cd-popup-close:before { background: #cccccc; width: 20px; height: 3px; display: block; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px;}

.pop .cd-popup-close:before { transform-origin: left bottom; transform: rotate(45deg);}

.pop .cd-popup-close:after { transform-origin: left top; transform: rotate(-45deg); top: 25px;}

.pop .cd-popup-close:hover { transform: rotate(360deg);}

.pop .cd-popup-close:hover:after, .pop .cd-popup-close:hover:before { background: #c70019;}

.hidden_search.on { display: block;}

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;}

.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}

.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}

.is-visible .cd-popup-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.post_article { padding-bottom: 50px; margin: 0 auto;}

.post_article .wrap:after { position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dbdbdb; content: "";}

.post_article .post_header { padding-bottom: 30px;}

.post_article .post_header .title { text-align: center; font-size: 20px; font-weight: bold; color: #4c4c4c; margin-bottom: 23px; line-height: 32px;}

.post_article .post_header .meta { line-height: 20px; height: 20px; overflow: hidden; border: 1px solid #dbdbdb; border-width: 1px 0; padding: 15px 0;}

.post_article .post_header .meta .left { float: left;}

.post_article .post_header .meta .left span { font-size: 12px; color: #808080; margin-right: 5px;}

.post_article .post_header .meta .right { float: right; font-size: 12px; color: #808080;}

.post_article .post_cont { font-size: 14px; color: #4c4c4c; line-height: 32px; margin-bottom: 60px;}

.post_article .post_cont img { max-width: 100%; height: auto;}

.post_article .turnpage li { line-height: 32px; overflow: hidden; height: 32px;}

.post_article .turnpage a { font-size: 14px; color: #333333; font-weight: bold; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

.post_article .turnpage a span { color: #4c4c4c; font-weight: normal; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

.post_article .turnpage a:hover { color: #c60015;}

.post_article .turnpage a:hover span { color: #c60015;}

.post_article .post_header .meta .right .bdsharebuttonbox { height: 16px; line-height: 16px;}

.post_article .post_header .meta .right .bdshare-button-style2-16 span { float: left;}

.post_article .post_header .meta .right .bdshare-button-style2-16 a { width: 20px; height: 20px; line-height: 20px; margin: 0px 0px 0px 6px; padding-left: 0; background: url(../images/share_icon2.png) no-repeat;}

.post_article .post_header .meta .right .bdshare-button-style2-16 a.bds_tsina { background-position: -26px center;}

.post_article .post_header .meta .right .bdshare-button-style2-16 a.bds_tqq { background-position: right center;}

/*test*/
.c-block_wrap { background-color: #1d1d1b; overflow: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}

.o-section-scroll.is-active .is-show .c-block_wrap { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s;}

.c-block::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f0f0eb; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;}

.o-section-scroll.is-active .is-show .c-block::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}

.o-grid_item:nth-child(3n+1) .c-block_wrap { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);}

.o-grid_item:nth-child(3n+1) .c-block::before { -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top;}

/*test end*/



.chan { position: fixed; top:40%; left:50%; margin-left:-531px; width: 100%; z-index: 1000; transition: background 0.7s ease,height 0.7s ease;}


/*解决方案*/

/*底部版权*/
.footer{padding:5px 0 10px;background: #283146;width: 100%;min-width: 1200px;}

.footer .btm .fLogo{margin: 47px 60px 0 0;height: 91px;line-height: 91px;font-size: 0;border-right: 1px solid #535a6b;width:238px;}
.footer .btm .text{margin-top: 52px;max-width: 568px;font-size: 14px;line-height: 28px;color: #ffffff;filter: alpha(opacity=70);opacity: 0.7;}
.footer .btm .qrcode{margin-top: 22px;text-align: center;}
.footer .btm .qrcode .pic img{width: 120px;height: 120px;border-radius: 6px;}
.footer .btm .qrcode p{font-size: 14px;line-height: 40px;color: #ffffff;filter: alpha(opacity=70);opacity: 0.7;}

.fBtm{width: 100%;min-width: 1200px;background: #1c2433;padding: 8px 0;font-size: 14px;color: #cecfd0;line-height: 40px;}
.fBtm .fl span{margin-right: 8px;}
.fBtm a:hover{color: #fff;}
.fBtm ul li{padding-left: 17px;position: relative;color: #cecfd0;}
.fBtm ul li:before{width: 1px;height: 12px;background: #333a48;position: absolute;left: 8px;top:50%;margin-top: -6px;}


.chan_wap { display:none;}


@media screen and (max-width: 1300px){
header.smaller .inner-wrapper { padding: 9px 20px;}
	
.headnav li { display: inline-block;  padding: 0 25px;}

.headnav {    left: 30px;}



}

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

.w1280{width: auto;padding: 0 5%;}
.w_1200{width: auto;padding: 0 5%;}



.btn_down{position: absolute;width: 100%;bottom:0;left:0;margin-left:0px;color: #fff;font-size: 12px;z-index: 5;}

.chan { display:none;}
.chan_wap { display:block; position: fixed; top:50%; margin-top:-150px; width: 100%; text-align:center; z-index: 1000; transition: background 0.7s ease,height 0.7s ease;}


header .inner-wrapper .logo a img { width:340px; height: auto;}


.menu-items .links-container ul li { margin: 15px auto;}

header .inner-wrapper {padding: 20px 0px 10px;}
header .inner-wrapper .en { display:none;}

header .inner-wrapper .logo { width:170px; padding-left:20px; padding-top:5px;}
.swiper-pagination { display:none;}

.swiper-container { height:48.49%;}

.txt {position: absolute;top: 50%;left: 50px;margin-top: -75px;text-align: left;color: #fff;}
.txt img { zoom:0.55;}
.txt p { display:none;}


.isect2 {    margin-top: 0px;}


.common_title{margin-bottom: 10px; margin-top:20px;}
.common_title b{display: block;font-size: 32px;color: #4079bc;line-height: 42px; font-weight:bold;}

.readMore {    margin: 23px auto;}

.headnav { display:none;}
header.smaller .inner-wrapper { padding: 9px 0px;}

.outerSlider.outerSlider2 .swiperContent {    padding-top: 20px;}

.outerSlider4 .swiperContent {    padding-top: 20px;}

.footer { min-width: 200px;}
.footer .btm .fLogo{margin-right:0; display:none;}
.footer .btm .text{margin-top: 10px;max-width:100%;font-size: 14px;line-height: 28px;color: #ffffff;filter: alpha(opacity=70);opacity: 0.7;}
.footer .btm .qrcode { display:none;}

.fBtm {
    width: 100%;
    min-width: 100px;}

.fBtm ul { display:none;}
.fBtm .w_1200 .fl { line-height:21px;}

}