@charset "UTF-8";
html{-webkit-text-size-adjust:100%;height:100%}
body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,table,td,textarea,ul{margin:0;padding:0;-webkit-text-size-adjust:none}
body{height:100%;color:#333;font-size:16px;font-family:"Microsoft YaHei", "微软雅黑",Arial,sans-serif,"宋体"}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
img{border:none;max-width:100%;height:auto;}
.clr {HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden}
#dituContent img{max-width:none;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
table{border-collapse:collapse;border-spacing:0}
ul li{list-style:none}input,select,textarea{outline:0}a{color:#333;text-decoration:none;outline:0;transition:all 0.5s ease}
a:active,a:hover{text-decoration:none;color:#e24a13;outline:0}
.cor_blue{color:#39ace2;}
.dsNone{display:none}
.dsBlock{display:block}
.dsRelative{position:relative;}.dsAbsolute{position:absolute;}
.verticalCenter{top:50%;transform:translateY(-50%);position:absolute;}
.autoImg img{width:100%;height:auto;display:block}
.imgBlock img{display:block}
.autoMaxImg img{max-width:100%;height:auto}.h100{height:100%;}
.w100{width:100%;}.fl{float:left}.fr{float:right}.text-left{text-align:left}
.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}
.cor_bs,.cor_bs:hover{color:#fff}
.cor_red{color:#FF0000}
.f12{font-size:12px}
.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}
.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}
.f21{font-size:21px}.f22{font-size:22px}.f24{font-size:24px}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.transition{transition:all 0.5s ease}
.opacity{opacity:0}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.cor_000{color:#000}
.cor_111{color:#111}.cor_222{color:#222}.cor_333{color:#333}
.cor_444{color:#444}.cor_555{color:#555}.cor_666{color:#666}
.cor_777{color:#777}.cor_888{color:#888}.cor_999{color:#999}
.pr { position: relative;}.pa { position: absolute;}
.pages{text-align:center; margin-top: 40px; }
.pages ul{display:inline-block}
.pages ul a{float:left;margin:0 5px;width:46px;height:46px;line-height:46px;text-align:center;color:#555;border:1px solid #e4e4e4;border-radius:45%;background-color:#fff}
.pages ul a:hover,.pages ul  a.on{background-color:#f08200;border:1px solid #f08200;color:#fff}
.pages ul .next,.pages ul .prev{font-weight:700; font-size:20px;margin:0 10px}
.pages ul span{display:inline-block;margin-top:5px;font-weight:700;font-family:Arial;color:#dadada}
.pages ul a.first,.pages ul a.last{font-weight:700; font-size:12px;width:70px;border-radius:41%;color:#666;height:46px;line-height:46px}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-297{padding-bottom: 29.7%;}
.rect-34{padding-bottom: 34%;}
.rect-35{padding-bottom: 35.5%;}
.rect-38{padding-bottom: 38%;}
.rect-40{padding-bottom: 40%;}
.rect-43{padding-bottom: 43%;}
.rect-45{padding-bottom: 45%;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-67{padding-bottom: 67%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 74.5%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-110{padding-bottom: 110%;}
.rect-115{padding-bottom: 114.2%;}
.rect-120{padding-bottom: 120%;}
.rect-130{padding-bottom: 130%;}

.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bgImg img{display:none!important;}
.mNoBgImg{background:none!important;}
.mNoBgImg img{display:inline-block;}
.overflowHide{overflow:hidden;position:relative;z-index:0}
.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}
.scaleImg:hover .bgImg{transform:scale(1.1);}
.scaleImg img{transition:all 0.5s ease;}
.scaleImg:hover img{ transform:scale(1.1);}
.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}
.bd_weixin_popup{box-sizing:content-box;}
#platform *{box-sizing:content-box;}
.coverBg{ background-size:cover!important;}
.wOpacity{opacity:0;}.nLink{}.backTop{}
.borRds2{border-radius:0.2em;}
.borRds3{border-radius:0.3em;}
.borRds18{border-radius:1.8em;}
.borRds50{border-radius:50%;}
.iOpacity{opacity:0; transition:all 0.5s ease-in-out}
.pubRow{}.hvrIopacity{}
.hvrIopacity:hover .iOpacity{opacity:1;}
.vhCenter{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.txtBox-wp,.picBox-wp{ display:flex; align-items:center;}
.picBox-wp img{max-width:100%; height:auto;}
.h50{height:50px}
.h100{height:100px}
.h150{height:150px}
@keyframes ud {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes ud {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
	
@-webkit-keyframes scaleBg {  from {
 -webkit-transform:scale(1.12);
 transform:scale(1.12);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleBg {  from {
 -webkit-transform:scale(1.12);
 transform:scale(1.12);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes radiusRotate {
0% {
	transform:rotate(0deg);
}
100% {
    transform:rotate(360deg);
}
}
@keyframes radiusRotate2 {
0% {
	transform:rotate(0deg);
}
100% {
    transform:rotate(-360deg);
}
}
@-webkit-keyframes animate-cloud {
  from {
    background-position: 1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@keyframes animate-cloud {
  from {
    background-position: 1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}

@keyframes scaleRund {
from{transform:scale(0.5) translate(-50%,-50%); opacity:1;}
to {transform: scale(1) translate(-50%,-50%); opacity:0.5}
}

@keyframes proAni {
0% {
	transform:translateY(-8px);
}
50% {
    transform:translateY(8px);
}
100% {
	transform:translateY(-8px);
}
}
@keyframes proiAni {
0% {
	transform:translateY(25px);
	opacity:0;
}
100% {
	transform:translateY(0px);
	opacity:1;
}
}


/*slick.css*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
/*
.slick-slider .slick-track, .slick-slider .slick-list { -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; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.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; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }



body{ transition:all 0.2s ease-in-out; overflow-x:hidden}
body.ieBody{opacity:1;}
.ieBody .wOpacity{opacity:1;}
.serBg{ background:rgba(0,0,0,0.85); position:fixed; left:0; top:0; width:100%; height:100%; z-index:55;}
.serLayer{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:56; padding-top:120px;}
.serClose{ background: url(../images/close-1.png) no-repeat center center; display: inline-block; height: 72px; width: 72px; border: 1px solid rgba(255,255,255,0.3); position: absolute; right: 3vw; top: 28px; border-radius:50%; transition:all 0.5s ease-in-out; }
.serClose.on{ transform:rotate(90deg);}
.serIntBox{ margin: 0px 3vw; }
.serIntBox input{ border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 48px; line-height: 158px; color: #FFF; height: 160px; background: url(../images/ser_icon.png) no-repeat left center; padding-left: 75px; width:100%;}
.serul{padding:50px 3vw;}
.serul li{ font-size: 16px; line-height: 32px; color: #FFF; padding-left:18px; position:relative; }
.serul li:after{content:""; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; left:0; top:15px;}
@media (max-width:1799px){
.serClose{height: 60px; width: 60px;}
.serIntBox input{height:96px; font-size:30px;}
}
@media (max-width:993px){
.serBg{z-index:99889;}
.serLayer{z-index:999900;}
.serClose{ transform:scale(0.8);}
.serIntBox input{line-height:88px; height:88px; background-size:22px auto; padding-left:42px; font-size:18px;}
.serul{padding:20px 3vw;}
.pages{ margin-top: 20px; }
.pages ul li a{ width:40px;height:40px;line-height:40px; border-radius:100%; }

}


@keyframes rotate{
from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}
@keyframes rotate2{
from{transform: rotate(360deg)}
to{transform: rotate(0deg)}
}
@keyframes mouseIcon {  0% {
 top:7px;
 opacity:1;
}
 80% {
 top:9px;
 opacity:1;
}
 100% {
 top:9px;
 opacity:0.1;
}
}
@keyframes hmc2bg {
0% {
 opacity:1;
 transform:scale(0.96); transform-origin:center bottom;
}
 50% {
 opacity:0.7;
 transform:scale(1.02); transform-origin:center bottom;
}
 100% {
 opacity:1;
 transform:scale(0.96); transform-origin:center bottom;
}
}


/*mobile header*/
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}
.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}
@media (max-width:1199px){
.header{display:none;}
.mHeader{ height:80px; background:rgba(255,255,255); position:fixed; left:0; top:0; width:100%; padding:0 15px; z-index:8888; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06); display:block;}
.mOpenBtn{ width:30px; height:20px; position:absolute; right:15px; top:50%; margin-top:-10px; overflow:hidden; cursor:pointer}
.mOpenBtn i{width:30px; height:2px; margin-bottom:4px; background:#e24a13; display:block}
.mOpenBtn i:nth-child(2){ width:21px}
.mOpenBtn i:nth-child(3){ width:25px}
.mOpenBtn i:nth-child(4){ width:10px}
.mMenuLayBg{ opacity: 0; position: fixed; z-index: 9900; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(100%); transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:#e24a13; background-size:cover; }
.mMmenuLay{ position: fixed; height: 100%; left: 70px; top: 0px; right: 0px; bottom: 0px; z-index: 9950; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding: 25px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background: #e24a13; background-size: cover; }
.mCloseBtn{ background: url(../images/mclose.png) no-repeat center center; height: 26px; width: 26px; position: fixed; left: 15px; top: 15px; cursor: pointer; z-index: 9999; background-size:22px 22px; transition:all 0.5s ease-in-out; opacity:0; display:block; }
.mLogo{float:left;}
.mLogo img{height:47px; width:auto; margin-top:15px;}
.mLogo span{font-size:16px; line-height:38px; display:inline-block; position:relative; left:8px; top:4px;}
.mLogo span,.mLogo img{vertical-align:middle;}
.mMmenuLay dt{position:relative; position:relative;}
.mMenu_a1{font-size:15px; font-weight:bold; color:#fff; padding:0 48px 0 6px; display:block; line-height:46px; border-bottom:1px solid rgba(255,255,255,0.3);}
.mMenu_a2{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:25px;}
.mToggle{ height: 47px; width: 47px; position: absolute; top: 0px; right: 0px; background: url(../images/mhead_i1.png) no-repeat center center; cursor: pointer; display:none }
.mToggle2{ background: url(../images/reduce.jpg) no-repeat center center; }
.mMmenuLay dd{ transition:all 0.5s ease-in-out; height:0; overflow:hidden}
.mMmenuLay dl.on dd{height:47px;}
.mMenu_a1:hover,.mMenu_a2:hover{color:#fff; opacity:0.8}
.mMenu_icon1{ background: url(../images/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; margin-right: 8px; }
.mMenu_a1 text,.mMenu_a1 i{vertical-align:middle;}
.mMenuLayBg.on{opacity:0.9; transform:translateX(0%); transition-delay:0.2s}
.mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s}
.mCloseBtn.on{opacity:1; transform:rotate(360deg);}
.mHeader .topSerBtn{ background: url(../images/top_i2a.png) no-repeat center center; display: inline-block; position: absolute; margin-top: -15px; top: 50%; right: 60px; height: 30px; width: 30px; }
.mLan_a{ width:30px; height:30px; border:1px solid #e24a13; display:inline-block; font-size:12px; line-height:28px; text-align:center; position:absolute; right:102px; top:23px; border-radius:50%; color:#e24a13}
}
@media (max-width:425px){
.mLogo img{height:40px; }
.mHeader{ height:70px;}
.mLan_a{ right:82px; top:20px;}
.mHeader .topSerBtn{ right: 60px; }
}
/* end */
@media (max-width:1199px){
.wrapper{width:100%; overflow:hidden;}
}
.headerWpr{height:100px; position:relative; width:100%; z-index:99; }
.indexBody .headerWpr{ position:absolute; left:0; top:0; z-index:99; background: #FFF; }
.header{ width: 100%; height: 100px; position: fixed; z-index: 30; left: 0px; top: 0px; background: #FFF; padding: 0px 7%; border-bottom: 3px solid #e5e5e5; transition:all 0.3s ease-in-out;}
.logo { float: left; margin: 24px 0px 0px 0px; }
.logo img{height:51px; width:auto;}
.subNav{position:absolute;}
.nav{float:left; display: inline; padding-right:1vw;}
.nav li{ float:left; position:relative}
.nav_a{ line-height: 100px; height: 100px; font-size: 18px; padding: 0 2vw; color: #595757; position:relative; display:inline-block; }
.nav_a:after{content:""; height:4px; width:0%; left:50%; transition:all 0.3s ease-in-out; background: #e24a13; position:absolute; bottom:0;}
.nav_a.on{ color:#e24a13; }
.nav_a.on:after,.nav_a:hover:after{ width:100%; left:0;}
.headRx{float:right;}
.nav_lan{ background: url(../images/top_i2.png) no-repeat left center; float: left; padding: 0px 11px 0px 26px; line-height: 100px; font-size: 14px; color: #666; position:relative;margin-left: 2vw;}
.nav_lan:before{ content: ""; background: #CDCCCC; height: 20px; width: 1px; position: absolute; top: 50%; margin-top: -10px;left: -2vw; }
.topSerBox{ float: left; height: 42px; width: 12.5vw; margin-top: 29px; border: 2px solid #CDCCCC; margin-left:2vw; border-radius:1.8em; position:relative; overflow:hidden}
.topSerBox input{ width: 100%; padding: 0px 50px 0px 18px; line-height: 38px; height: 38px; background:none; color:#666}
.topSerBox button{ background: url(../images/ser_i2.png) no-repeat center center; height: 38px; width: 38px; position: absolute; top: 0px; right: 9px; cursor: pointer; display: block; }
.subMenu{  width: 320px; position: absolute; left: 50%; top: 100px; margin-left: -160px; opacity:0; visibility:hidden; }
.nav li:hover .subMenu{opacity:1; visibility:visible; transition:all 0.3s ease-in-out;}
.subMenu dd{ position:relative;}
.subMenu dd:before{content:""; height:1px; background:#E6E6E6; position:absolute; left:40px; right:40px; top:0px}
.subMenu dd:nth-child(1):before{display:none;}
.subNav_a{ display: block; line-height: 28px; padding: 10px 70px 10px 40px; font-size: 18px; color: #666; letter-spacing: 1px; position:relative; transition:all 0.3s ease-in-out; z-index:1; }
.subNav_a:before{content:"";background:#e24a13; position:absolute; left:0; top:0; width:0; bottom:-1px; transition:all 0.3s ease-in-out;}
.subNav_a:hover:before{ width:100%;}
.subNav_a:after{content:""; transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; bottom:-1px; width:4px; background:#e24a13; opacity:0}
.subNav_a:hover:after{opacity:1;}
.subNav_a:hover{color:#fff;}
.subNav_a span{display:block; position:relative;}
.subNav_a i{ background: url(../images/menu_ar.png) no-repeat center center; height: 16px; width: 25px; position: absolute; top: 50%; margin-top: -8px; right: 40px; transition:all 0.8s ease-in-out; transform:translateX(-45px); opacity:0}
.subNav_a:hover i{ transform:translateX(0); opacity:1;}

.headerWprTransparent .header{background:rgba(255,255,255);}
.headerWprTransparent:hover .header{background:rgba(255,255,255,1); box-shadow:3px 3px 5px rgba(0,0,0,0.08);}
.headerWprTransparent .nav_a:after{display:none;}

.headerWpr_w:hover .nav_a{ color:#666!important;}
.headerWpr_w:hover .nav_a:hover{ color:#e24a13!important;}
.headerWpr_w:hover .nav_lan{ background: url(../images/top_i2.png) no-repeat left center; color: #666; }

.pageNumber{ color:#7FABA6; line-height:30px; height:30px; font-size:14px; position:fixed; left:40px; top:50%; transform:translateY(-50%); z-index:30; font-family:din; transform:rotate(90deg); transition:all 0.5s ease-in-out;}
.pageNumber span:nth-child(1){font-size:20px; color:#e24a13; transition:all 0.5s ease-in-out;}
.pageNumber span:nth-child(2){display:inline-block; margin:0 4px;}
.pageNumber_w{ color:rgba(255,255,255,0.6);}
.pageNumber_w span:nth-child(1){color:#fff;}
.pageNumber.out{opacity:0;}
.pageNumber i{ font-style: normal; }

.search{ float:left; width:24px; height:24px; overflow:hidden; cursor:pointer; background:url(../images/icon-3-1.png) no-repeat center; display:inline; }
.search-drop{ width:100%; overflow:hidden; position:fixed;left:0px;top:101px; z-index:123456; background:#fff;padding:0px 60px; height:0px}
.search-drop .button{ float:left; width:24px; height:70px; background:url(../images/icon-22.png) no-repeat center; cursor:pointer }	
.search-drop .txt{ float:left; width:60%; height:70px; line-height:70px; overflow:hidden; display:inline; margin-left:20px; font-size:14px; color:#666 }	
.search-drop .close{ float:right; width:30px; height:70px; background:url(../images/icon-23.png) no-repeat center; cursor:pointer}	

.header .search-btn{width:90px; height:78px; line-height:78px;float:right; font-size: 26px;background:none;cursor:pointer; text-align:center;}
.header .search-btn i{font-size:16px; font-style:normal; vertical-align:middle;  color:#fff; line-height:70px; padding-left:5px;}
.header:hover .search-btn,.header.on-header .search-btn{color:#333; }
.header:hover .search-btn i,.header.on-header .search-btn i{color:#333; }
.header .search-btn i:hover{color:#333;}


.modal { position: fixed; z-index: 9999999999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75);display: none; }
.modal-dialog { position: absolute; z-index:9999999999; left: 0; top: -274px; width: 100%; margin: 190px auto;}
.modal-content { width: 1200px; margin: auto; }
.modal-content > div { float: left; }
.modal-content input { border: none; }
.modal-content .search-bar { margin: 67px 80px 67px 80px; width: 100%; overflow: hidden; }
.modal-content .tab-panel { display: none; }
.modal-content .on { display: block; }
.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; height: 44px; overflow: hidden; }
.modal-content .search-bar .keywords { float: left; padding-left: 10px; width: 80%; height: 44px; line-height: 44px; border-bottom: 1px solid #f0f0f0; font-size: 16px; }
.modal-content .search-bar input[type="submit"] { float: left; width: 100px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; background: #e24a13; color: #fff; cursor: pointer; }
.modal-content .search-close { margin-top: -80px; float: right;  width: 44px; height: 44px; line-height: 44px; text-align: center; color: #2b2b2b; font-size: 18px; font-weight: 700; cursor: pointer; background: #eee; border-radius: 50%; transition: .4s all; }
.modal-content .search-close:hover { background: #e24a13; color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.modal-open { overflow: hidden; padding-right: 17px; } 



.nav-right{ float:right; width:auto;  margin-top:37px}
.nav-right .lang{ float:left; width:auto; padding-left:30px;position:relative; font-size:18px; color:#030000; position:relative}
.nav-right .lang a{ color:#333}
.nav-right .lang p{ float:left; width:44px; height:24px; cursor:pointer}
.nav-right .lang p span{ float:left; width:100%; overflow:hidden; line-height:24px}
.nav-right .lang p span a{ color:#333}

@media (max-width:1799px){
.header{height: 80px; padding: 0px 5%;}
.nav_a{line-height:80px; height:80px; font-size:16px;/* padding:0 0.8vw*/}
.logo{margin-top:15px;}
.headr_wx,.headr_ser{height:80px;}
.nav_lan{height:80px; line-height:80px;}
.topSerBox{margin-top:20px;}
.subMenu{top:80px; width:260px; margin-left:-130px;}
.subNav_a{font-size:17px; line-height:26px; padding:12px 50px 12px 25px;}
.subMenu dd:before{left:25px; right:25px;}
.subNav_a i{right:25px;}
.headerWpr{height:80px;}
}
@media (max-width:1700px){
.header{ padding: 0px 3%;}
.nav_a{ padding: 0 1.6vw; }
}
@media (max-width:1639px){
.header{ padding: 0px 7.5%;}
}
@media (max-width:1560px){
.header{ padding: 0px 5.5%;}
}
@media (max-width:1480px){
.header{ padding: 0px 4%;}
.nav_a{ padding: 0 1.3vw; }
}
@media (max-width:1440px){
.header{ padding: 0px 5%;}
.nav-right{ margin-top:30px}
.nav > li > a {font-size: 17px;}
}
@media (max-width:1379px){
.header{padding-left:30px; padding-right:30px;}
.pageNumber{left:20px;}
.nav_a{ padding: 0 1.4vw; }
.nav > li > a {font-size: 16px;}
}
@media (max-width:1199px){
.nav_a{padding:0 12px;}
.pageNumber{display:none}
}
@media (max-width:993px){
.headerWpr{display:none!important;}
.topEmpty{height:56px;}
}

@media (min-width:1199px){
.style2Header .nav li{ position:static;}
.sumMenuWpr{ overflow:hidden; position:absolute; left:50%; top:100px; width:100%; box-shadow:0 3px 8px rgba(0,0,0,0.1);  background:#fff;transform:translate(-50%,0); opacity:0; visibility:hidden}
.sumMenuWpr .subMenu{ position:relative; z-index:2; float:left; opacity:1; top:0; left:0; margin-left:0; padding: 50px 3% 50px 7%; width: 28%; min-height:340px; background:#fff;}
.nav li:hover .sumMenuWpr{opacity:1; visibility:visible; transition:all 0.5s ease-in-out;}
.subMenuRx{ position:absolute; left:28%; right:0; top:0px; bottom:0; padding: 50px 3%; background: #f5f5f5;}
.subMenu_txt{ width: 55%; margin-right: 5%; float: left; }
.subMenu_txt p{ font-size: 16px; line-height: 32px; color: #666666; word-spacing: 2px; }
.subMneu_more{ line-height: 48px; color: #FFF; background: #e24a13; height: 48px; width: 180px; font-size: 16px; letter-spacing: 1px; text-align: center; display: inline-block; margin-top: 50px; border-radius:1.8em; }
.subMneu_more:hover{ box-shadow:0 3px 8px rgba(0,0,0,0.1); transform:translateY(-5px); color:#fff;}
.subMenuRx .subImg{ width: 35%; float: left; }

}
@media (min-width:1199px) and (max-width:1799px){
.sumMenuWpr{top:80px;}
 .subMenu_txt strong{ font-size: 28px; letter-spacing: 2px; line-height: 48px;}
.subMenu_txt p{ margin-top: 12px; font-size: 16px; line-height: 30px;}
.subMneu_more{ line-height: 44px; height: 44px; width: 170px; font-size: 15px; margin-top: 30px;}
.sumMenuWpr .subMenu{min-height:300px;}
}
 

.pad-80{padding: 80px 0;}
@media (max-width:1440px) {
.pad-80{padding: 60px 0;}
}
@media (max-width:1280px) {
.pad-80{padding: 50px 0;}
}
@media (max-width:767px) {
.pad-80{padding: 40px 0;}
}

footer{padding:80px 0 0; background:url(../images/footbg.jpg) no-repeat; background-size:cover;}
footer .footer-left{ width:25%; float:left;  }
footer .footer-left dt{font-size:20px;margin-bottom: 20px; }
footer .footer-left dt a{color:#fff;}
footer .footer-left dd{ line-height:37px; color:rgba(255, 255, 255, 0.75);font-size:18px; }
footer .footer-left dd a{color:rgba(255, 255, 255, 0.75);}
footer .footer-ul{ text-align:left;width:75%; float:left; margin-bottom:1.5rem;}
footer .footer-ul li{ margin-right: 12%; float: left; vertical-align:top; }
footer .footer-ul li dt{font-size:20px;margin-bottom:20px; }
footer .footer-ul li dt a{color:#fff;transition:all 0.3s;}
footer .footer-ul li dd{font-size:18px; line-height: 40px;}
footer .footer-ul li dd a{color:rgba(255, 255, 255, 0.75);transition:all 0.3s;}
footer .footer-ul li dd a:hover{color:#d72222; }

footer .f_social {  float: right; text-align:left; color:#fff; height: 40px;}
footer .f_social a{ float:left; margin-left: 5px; color:#777; }
footer .f_social i {width:36px; height:36px; border-radius:50%; line-height:36px; text-align:center; margin-right:5px; border:1px solid rgba(255, 255, 255, 0.75); }
footer .f_social .fa{text-align:center; font-size: 17px; color:rgba(255, 255, 255, 0.75);}
footer .f_social .fa:before{position: static;}
footer .f_social ul .weixin {position: relative;}
footer .f_social .wechat { position: relative;}
footer .f_social .wechat:hover .vx { display: block;}
footer .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
footer .f_social .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
footer .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
footer .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
footer .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
footer .f_social .share-item { margin-right:8px;}

footer .footer-bottom{ padding: 15px 0; line-height:35px; border-top:1px solid rgba(255, 255, 255, 0.15); margin-top: 80px;}
footer .footer-bottom p{color:rgba(255, 255, 255, 0.75);font-size:18px; }
footer .footer-bottom p a{color:rgba(255, 255, 255, 0.75);transition:all 0.3s; margin-left: 10px;}
footer .footer-bottom .zhichi{ text-align: right;}
@media (max-width: 1600px){
footer .footer-ul li{ margin-right: 11%;}
}
@media (max-width: 1366px){
footer{padding:60px 0 0; }
}
@media (max-width: 1340px){
footer .footer-ul li{ margin-right: 9%; }
}
@media (max-width: 1300px){
.footer-share .share-item { margin-right: 3px;}
footer .footer-bottom{ margin-top:60px;}
footer{padding:40px 0 0; }
}
@media (max-width: 1240px){
footer .footer-ul li dt{font-size:18px; }
footer .footer-left dt{font-size:18px; }
footer .footer-ul li dd{font-size:16px; line-height: 35px;}
footer .footer-left dd{ line-height:35px; font-size:16px; }
footer .footer-bottom p{ font-size:16px; }
}
@media (max-width: 992px){
footer .footer-left{ width:100%; float: none; margin-right:0; }
footer .footer-ul{display:none;}
footer .footer-left{position:relative;margin-bottom:30px}
footer .footer-left dt{font-size:18px;margin-bottom: 20px; width:100%; }
footer .footer-left dt:before {content: '';position: absolute;left: 0px;bottom: -1px;width: 0;height: 0px;background: #d72222;z-index: 1;}
footer .footer-ul li dd{font-size:16px;margin-bottom:0.5rem;}
footer .footer-bottom p{ font-size:16px; }
footer .footer-left dd{ text-align:left;font-size:16px; }
footer .footer-top{padding-bottom:0;}
footer .footer-bottom{ margin-top: 0px;}
footer .footer-bottom p{width:100%; }
}
@media (max-width: 768px){
footer .footer-bottom p{font-size:16px;line-height:28px;}
.bottom-index-fixed.show1{display:none;}
footer .footer-left dd{font-size:16px; line-height:24px; margin-bottom:1%}
.footer-bottom-left { width:100%; float: left;}
.footer-share { width: 0; display:none; float: left; text-align: right;}
}
@media (max-width: 667px){
footer{padding:30px 0 0px; border-top:1px solid #777;}
footer .footer-left .num-tel{font-size:20px;line-height:24px;}
footer .footer-bottom p a{ margin-left: 0px;}
}
@media (max-width: 425px){
footer .footer-bottom span{ width: 100%; display: block;}
footer .footer-bottom p{ font-size:15px; }
footer .footer-bottom p a{ margin-left: 0px; margin-right: 10px; }
}
.footer1 {height: 28px;width: 100%;margin-top: 17px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#636363;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}