* { 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: 350px;bottom:0;left:50%;margin-left: -175px;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 {/* width: 100%; height: auto;*/ }

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; }


/*解决方案*/

.isect2{position: relative;margin-bottom: 32px; margin-top:80px;}
.isect2 .w1300{padding: 0 128px;position: relative;}
.isect2 .swiper-button-prev,.isect2 .swiper-button-next{width: 70px;height: 70px;position: absolute;top:50%;margin-top: -35px;}
.isect2 .swiper-button-prev{left: 0;background: url(../images/leftArr.png) no-repeat center;background-size: 100% 100%;}
.isect2 .swiper-button-next{right: 0;background: url(../images/rightArr.png) no-repeat center;background-size: 100% 100%;}
.isect2 .container{width: 100%;position: relative;overflow: hidden;}

.prodList { padding-top:10px;}
.prodList .item a{display: block;background: #f2f6f7;text-align: center;}
.prodList .item a .pic{height: 234px;background: #f2f6f7;font-size: 0;line-height: 234px; overflow:hidden;}
.prodList .item a .pic img{max-width:100%;max-height: 100%;}
.prodList .item a .text{padding: 35px 16px 25px;}
.prodList .item a .text h5{font-size: 20px;color: #3e3a39;line-height: 31px;font-weight: normal;}
.prodList .item a .text .icon{display: block;margin: 0px 0 10px; }
.prodList .item a .text .icon img{width: 56px;height: 49px; }

.prodList .item a:hover .text .icon img{ filter: brightness(100); }

.prodList .item a .text .desc{font-size: 14px;line-height: 24px;color: #888888;height: 48px;overflow: hidden;margin-bottom: 33px;}
.prodList .item a .text .chief{height: 37px;line-height: 37px;font-size: 18px;color: #3e3a39;}
.prodList .item a .text span{display: block;width: 118px;height: 35px;margin: 0 auto;border:1px solid #ffffff;border-radius: 5px;font-size: 16px;color: #ffffff;display: none;line-height: 35px;}
.prodList .item a:hover{background: #4079bc;}
.prodList .item a:hover .text h5,
.prodList .item a:hover .text .desc{color: #fff;}
.prodList .item a:hover .text .chief{display: none;}
.prodList .item a:hover .text span{display: block;}

.prodList .item a:hover .pic img{  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.isect2 .swiper-pagination{bottom: 15px;height: 8px;line-height: 8px;width: 100%;display: none;}
.isect2 .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #716f6f;margin: 0 3px;opacity: 1;}
.isect2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #dd3348;}


/*专业服务*/

.outerSlider.outerSlider2{width: 100%;/*height: 100%;overflow: hidden;*/background: #f0f3f7 url(../images/sliderBg.png) repeat;}
.outerSlider.outerSlider2 .swiperContent{width: 100%;padding-top: 70px;padding-bottom:30px;}
.outerSlider.outerSlider2 .swiperContent .swiper-container2{overflow: hidden;}
.outerSlider.outerSlider2 .swiper-slide{background: none;}
.outerSlider.outerSlider2 .swiper-slide a{display: block;color: #fff;background: #ffffff;}
.outerSlider.outerSlider2 .swiper-slide a .pic{width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;}
.outerSlider.outerSlider2 .swiper-slide a .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;
 -webkit-filter: grayscale(80%);-o-filter: grayscale(80%);-moz-filter: grayscale(80%);-ms-filter: grayscale(80%);filter: grayscale(80%);}
.outerSlider.outerSlider2 .swiper-slide a .text{}
.outerSlider.outerSlider2 .swiper-slide a .text{height: 210px;box-sizing:border-box;padding: 20px 20px 0 20px;position: relative;}

.outerSlider.outerSlider2 .swiper-slide a i{display: block;height: 51px;background-position: center top;background-repeat: no-repeat;background-size: auto 100%;margin-bottom: 12px;}
.outerSlider.outerSlider2 .swiper-slide.li1 i{background-image: url(../images/liIcon1.png);}
.outerSlider.outerSlider2 .swiper-slide.li2 i{background-image: url(../images/liIcon2.png);}
.outerSlider.outerSlider2 .swiper-slide.li3 i{background-image: url(../images/liIcon3.png);}
.outerSlider.outerSlider2 .swiper-slide.li4 i{background-image: url(../images/liIcon4.png);}
.outerSlider.outerSlider2 .swiper-slide a h3{font-size: 18px;font-weight: normal;color: #333333;line-height: 22px;margin-bottom: 0;}
.outerSlider.outerSlider2 .swiper-slide a h5{font-size: 12px;color: #333333;line-height: 14px;margin: 0 0 0 0;font-weight: normal;
font-family: "Arial";color: #bfbfbf;}
.outerSlider.outerSlider2 .swiper-slide a span{display: block;width: 25px;height: 2px;background: #3970bc;margin: 7px auto 15px auto; }
.outerSlider.outerSlider2 .swiper-slide a p{font-size: 13px;line-height: 22px;color: #808080;height: 40px;overflow: hidden;}
.outerSlider.outerSlider2 .swiper-slide:hover a{background: #3970bc;}
.outerSlider.outerSlider2 .swiper-slide:hover a .pic img{-webkit-filter: grayscale(0%);-o-filter: grayscale(0%);
-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}
.outerSlider.outerSlider2 .swiper-slide:hover h3,.outerSlider.outerSlider2 .swiper-slide:hover p{color: #ffffff;}
.outerSlider.outerSlider2 .swiper-slide:hover h5{color: #fff;opacity: 0.4;filter:Alpha(opacity=40);}
.outerSlider.outerSlider2 .swiper-slide:hover span{background: #ffffff;}
.outerSlider.outerSlider2 .swiper-slide.li1:hover .text i{background-image: url(../images/liIcon1On.png);}
.outerSlider.outerSlider2 .swiper-slide.li2:hover .text i{background-image: url(../images/liIcon2On.png);}
.outerSlider.outerSlider2 .swiper-slide.li3:hover .text i{background-image: url(../images/liIcon3On.png);}
.outerSlider.outerSlider2 .swiper-slide.li4:hover .text i{background-image: url(../images/liIcon4On.png);}
.outerSlider.outerSlider2 .swiper-slide a i,.outerSlider.outerSlider2 .swiper-slide a h3,
.outerSlider.outerSlider2 .swiper-slide a h5,.outerSlider.outerSlider2 .swiper-slide a p,
.outerSlider.outerSlider2 .swiper-slide a span{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.imore{display: block;width: 100px;height: 32px;margin: 74px auto 0 auto;background: url(../images/more.png) no-repeat center top;}
.imore:hover{/*background-image: url(../images/more1.png);*/background-position: center bottom;}


/*案例展示*/
.outerSlider4{position: relative;}
.outerSlider4 .swiperContent{width: 100%;position: relative;overflow: hidden;box-sizing:border-box;padding-top: 70px;}
.outerSlider4 .swiperContent .w_1200{overflow: hidden;}
.outerSlider4 .swiper-container4{overflow: hidden;}
.outerSlider4 .swiper-slide{background: #f5f5f5;}
.outerSlider4 .swiper-slide a{display: block;width: 100%;}
.outerSlider4 .swiper-slide .pic{height: 0;position: relative;overflow: hidden;padding-bottom: 114%;width: 100%;}
.outerSlider4 .swiper-slide .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.outerSlider4 .swiper-slide .pic .gray{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;
background: url(../images/gray.png) repeat;opacity: 0;filter:Alpha(opacity=0);}
.outerSlider4 .swiper-slide .pic span{width: 68px;height: 68px;background: url(../images/fdj2.png) no-repeat center;
position: absolute;left: 50%;top: 40%;margin-left: -34px;z-index: 3;opacity: 0;filter:Alpha(opacity=0);}
.outerSlider4 .swiper-slide .btm{background: #f5f5f5;height: 130px;position: relative;}
.outerSlider4 .swiper-slide .text{padding: 27px 20px 45px 20px;height: 130px;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 6;box-sizing:border-box;}
.outerSlider4 .swiper-slide .text h5{font-size: 18px;color: #1a1a1a;font-weight: normal;line-height: 37px;}
.outerSlider4 .swiper-slide .text p{text-align: left;font-size: 12px;line-height: 20px;color: #666666;height: 20px;overflow: hidden;}
.outerSlider4 .swiper-slide:hover .pic .gray{-webkit-transition:all 0.3s linear 0.2s; -moz-transition:all 0.3s linear 0.2s; -ms-transition:all 0.3s linear 0.2s; transition:all 0.3s linear 0.2s;    }
.outerSlider4 .swiper-slide:hover .pic span{-webkit-transition:all 0.3s linear 0.2s; -moz-transition:all 0.3s linear 0.2s; -ms-transition:all 0.3s linear 0.2s; transition:all 0.3s linear 0.2s;    }
.outerSlider4 .swiper-slide:hover .pic .gray{opacity: 1;filter:Alpha(opacity=100);}
.outerSlider4 .swiper-slide:hover .pic span{opacity: 1;filter:Alpha(opacity=100);top: 26%;}
.outerSlider4 .swiper-slide:hover .text h5,.outerSlider4 .swiper-slide:hover .text p{color: #ffffff;}
.outerSlider4 .swiper-slide:hover .text p{height: 80px; padding-top:8px;}
.outerSlider4 .swiper-slide:hover .text{height: 170px;background: #3970bc;}

.outerSlider4  .swiper-button-prev,.outerSlider4  .swiper-button-next{width: 70px;height: 70px;position: absolute;top:50%;margin-top: -35px;}
.outerSlider4  .swiper-button-prev{left: 0;background: url(../images/leftArr.png) no-repeat center;background-size: 100% 100%;}
.outerSlider4  .swiper-button-next{right: 0;background: url(../images/rightArr.png) no-repeat center;background-size: 100% 100%;}


/*底部版权*/
.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%;}


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;}



.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; }



}