@charset "utf-8";


@font-face{font-family:DIN-Bold;src:url(../fonts/DIN-Bold.eot);src:url(../fonts/DIN-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/DIN-Bold.woff2) format('woff2'),url(../fonts/DIN-Bold.woff) format('woff'),url(../fonts/DIN-Bold.ttf) format('truetype'),url(../fonts/DIN-Bold.svg#novecentowide-bold-webfont) format('svg')}

@font-face{font-family:HarmonyOsSansSCB;src:url(../fonts/HarmonyOsSansSCB.TTF);}

@font-face{font-family:HarmonyOsSansSCLight;src:url(../fonts/HarmonyOsSansSCLight.TTF);}


a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:none;font-size:100%;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
/*table{border-collapse:collapse;border-spacing:0}*/
a,a:hover{-webkit-backface-visibility:hidden;color:inherit;text-decoration:none}
*{-webkit-box-sizing:border-box;box-sizing:border-box;
	margin:0;padding:0}
a:focus,button:focus{color:inherit;text-decoration:none}
input:focus-visible{border:none}input::-webkit-input-placeholder{color:#999}
input:-moz-placeholder,input::-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
input,select{outline:none;font-family:"微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}
select:focus,select:focus-visible{border:none;outline:none}
input::-ms-clear,select::-ms-expand{display:none}
p,ul,li,form,h1,h2,h3,h4,h5,h6,dl,dd{
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
	width: 100%;
	margin: 0;
	padding: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	width:100%;
	margin: 0 auto;
	font-family:"微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
	font-size: 14px;
	padding: 0;
	color: #464646;
	line-height:200%;background: none;
}
img {
	border: none; max-width: 100%;-webkit-user-drag:none;
}

a {
	color: #464646;
	text-decoration: none !important;
	cursor: pointer;
	background: transparent;
	outline: none;
	blr: expression(this.onFocus=this.blur());
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; 
}
a img {
	border: none;
}
.cf:after{content:""; display:block; height:0; clear:both;}
.mwrap2 { width:86%;margin: 0 auto; overflow: hidden;}
.mwrap { width:84%;margin: 0 auto; overflow: hidden;}
.wrap { width: 1280px;margin: 0 auto; overflow: hidden;}
.pc-div{ display:block!important}
.phone-div { display:none!important}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*自定义滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff;}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#0054A7;}

.fadeInUp50 {
  -webkit-animation-name: fadeInUp50;
  -moz-animation-name: fadeInUp50;
  -ms-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
@-webkit-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft50 {
  -webkit-animation-name: fadeInLeft50;
  -moz-animation-name: fadeInLeft50;
  -ms-animation-name: fadeInLeft50;
  animation-name: fadeInLeft50;
}
@-webkit-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown50 {
  -webkit-animation-name: fadeInDown50;
  -moz-animation-name: fadeInDown50;
  -ms-animation-name: fadeInDown50;
  animation-name: fadeInDown50;
}
@-webkit-keyframes fadeInDown50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInDown50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInDown50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight50 {
  -webkit-animation-name: fadeInRight50;
  -moz-animation-name: fadeInRight50;
  -ms-animation-name: fadeInRight50;
  animation-name: fadeInRight50;
}
@-webkit-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.acc{margin-left: auto; margin-right: auto;}
.txtc{text-align: center;}
.transition035{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.transition05{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}

.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
.flex-row {flex-direction: row;}
.flex-col {flex-direction: column;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-evenly {justify-content: space-evenly;}
.justify-around {justify-content: space-around;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.items-end {align-items: flex-end;}

@media only screen and (min-width:1080px){

	.div_m{display: none !important;}

}


/* 头部 */
.head{position: fixed; top: 0; width: 100%; z-index: 99999999;}
.head .head-content{width: 96%;}
.head .logo{float:left}
.head .logo a img{ display: block; height: 48px; width: auto; margin-top: 21px;}
.head .logo .im { display: block; width: 182px; height: 52px; background:url(../images/logo.svg) no-repeat center center;margin-top: 21px; background-size: 182px;}
.head #shop{ float:right; height: 90px; line-height: 30px; display: flex; align-items: center; justify-content: center; color: #303030; font-size: 16px;padding-left: 2%;}
.head #shop img { display:inline-block; margin-right: 30px;}
.head #shop .btn-lang{background:url(../images/icon13.png) no-repeat right center; padding-right: 17px; color: #fff;}
#tel{height:22px; cursor: pointer;}
#tel p{width:150px; line-height: 35px; background: #fff; position: fixed; right:1%; top:70px; z-index: 9999999999; text-align: center; box-shadow: 0px 1px 10px #d3d3d3; font-size: 14px; opacity: 0; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
#language-box {width:79px; background: #fff; position: fixed; right:1%; top:70px; z-index: 9999999999; text-align: center; box-shadow: 0px 1px 10px #d3d3d3; font-size: 15px; opacity: 0; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
#language-box a { display:block; width: 100%; line-height:35px;}
#language-box a:hover { background: #FE6808; color: #fff;}
.head #shop .lang:hover #language-box { opacity:1}
.head #shop #tel:hover p { opacity:1}



.head .nav{ float:right; padding-right: 1%;}
.head .nav li{cursor: pointer; float: left; position: relative; padding: 0 .27rem;}
.head .nav li.nav-ing .top{position: relative;}
.head .nav li.nav-ing .icon{position: absolute; left: 0; bottom: 15px; z-index: -1; width: 100%; height: 2px; background: #fff;}
.head .nav li .top a{ font-size: 16px; line-height: 90px; color: #fff; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.head .nav li .menu2{display: none; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 100%; z-index: 1; padding: 20px 0; background: #F5F5F5;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 10px 10px rgba(0, 0, 0, .1);box-shadow:0 10px 10px rgba(0, 0, 0, .1);}
.head .nav li .menu2 a{display: inline-block; white-space: nowrap; margin: 10px 40px; font-size: 16px; color: #303030; line-height: 200%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.head .head-tel{ float: right; margin-top: 27px; border-right:1px solid #F6F6F6; padding: 0 2%; }
.head .head-tel span{font-family: Arial; font-size: 22px; display: inline-block; margin-left: 10px; color: #303030;}
.head .nav li .menu2 a.menu2ing{color: #036BBE;}
.head .head-tel:hover,.head .nav li .menu2 a:hover{color: #FE6808;}

.head.onshow{background:#fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.head.onshow .nav li .top a{color:#333}
.head.onshow .logo .im {background:url(../images/logo-on.svg) no-repeat center center; background-size: 182px;}
.head.onshow #shop .btn-lang{color:#FE6808; background: url(../images/icon13-on.png) no-repeat right center}
.head.onshow .nav li.nav-ing .icon{background:#FE6808}
.transition1{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}



.mBanner { clear:both; width: 100%; overflow: hidden;}
.mBanner img { display:block; width: 100%; height: auto;}
.mBanner .swiper-slide { position:relative;transition: 1s linear 2s; transform: scale(1.1);}
.mBanner .swiper-pagination-bullet { background:#fff; opacity: 1; width: 12px; height: 12px;}
.mBanner .swiper-pagination-bullet-active { background:#2C66CE; opacity: 1;}
.mBanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:20px;}
.mBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 12px;}
.mBanner .swiper-slide .wz{ width:508px; height: 260px; position: absolute; left: 12%; bottom: 16%; z-index: 1;}
.mBanner .swiper-slide .wz img { display: block; width: 100%; height: auto;}
/* 轮播设置 */
.mBanner .swiper-slide img{transition: 1s linear 2s;}
.mBanner .swiper-slide-active img,.mBanner .swiper-slide-duplicate-active img{ transition: 6s linear;}

.mBanner .swiper-slide .wzbx{ width:76%; position: absolute; left: 12%; bottom: 18%; z-index: 1; color: #fff;background: url(../images/icon14.png) no-repeat left 28px; padding-left: 62px;}
.mBanner .swiper-slide .wzbx .t1 { font-size: 60px; line-height: 80px; font-weight: bold; letter-spacing:5px; margin-bottom: 28px;}
.mBanner .swiper-slide .wzbx .t2 { font-size: 18px; line-height: 30px;}

.video_pop video{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.play_box{ position: absolute; cursor: pointer; z-index: 2; color: #fff; transition: all .4s;  left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.play_box h3{ text-transform: uppercase; font-size: 36px; font-family: "en";}
.play_box h4{ font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.play_box .play_bar{ display: flex; align-items: center;}
.play_box .play_bar img{ width: auto;  transition: all .4s;}
.play_box:hover .play_bar img{ transform:rotate(360deg) scale(1.1,1.1);}
.play_box .play_bar span{ display: inline-block; border-bottom:1px solid #fff; line-height: 30px; font-style: italic; margin-left: 20px;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 9999999999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 1%; top: 1%; background: url(../images/colse.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}

/*banner*/
.hmFocus{padding-top:0!important;}
/*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; }


@-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);
	}
}
.hmFocusWpr { height: 100vh; position: relative; }
.hmFocus_img { background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-transform: scale(1.12); transform: scale(1.12); }
/*banner图阴影
.hmFocus_img:after { content: ""; background: rgba(0,0,0,0.3); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size: cover; }*/

.on .hmFocus_img { visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards; }

.hmFocus_item { width: 100vw; height: 100vh; position: relative; overflow: hidden; }

.hmFocus_txt { width: 76%; color: #fff; position: absolute; left: 12%; top:40%; /*transform: translateY(-50%);*/ z-index: 2; text-align: center;}
.hmFocusWpr .bfBtn{display:block; margin: 0 auto; width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 3; opacity: 0;-webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.hmFocusWpr .bfBtn .bf { width: 100%; height: 100%; position: relative; } 
.hmFocusWpr .bfBtn .bf img{cursor: pointer; width: 81px; height: 81px; margin: 0 auto; position: absolute; left: 34px; top: 34px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
	 }
.hmFocusWpr .bfBtn .bf img:hover {
    transform: rotate(360deg) scale(1.06, 1.06);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.hmFocus_item_sp:hover .bfBtn{ opacity: 1;}



.hmFocus_txt strong { display: inline-block; margin-bottom:.22rem; font-weight: bold; font-size: .56rem; line-height: .8rem; transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 0; font-weight: 100; letter-spacing: 5px; }

.hmFocus_txt strong span { font-weight: bold; display: block;}

.hmFocus_txt p { transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 0; font-size: .16rem; line-height: .4rem;text-transform:uppercase; }

.on .hmFocus_txt strong { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }

.on .hmFocus_txt p { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.5s; }

.hmNext_btn { height: 38px; width: 24px; border: 2px solid #fff; display: inline-block; position: absolute; left: 50%; bottom: 5.74vh; border-radius: 1.6em; z-index: 3; transform: translateX(-50%); }

.hmNext_btn:after { content: ""; background: #fff; height: 4px; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 7px; animation: mouseIcon 1.5s linear infinite; border-radius: 1.0em; }

.hmFocus_icon { display: inline-block; width: 60px; height: 60px; margin-top: 32px; transition: all 0.5s ease-in-out; transform: translate(0px, 30px); opacity: 0; cursor: pointer; border-radius: 50%; border: 1px solid #fff; position: relative; background: url(../images/hmfar.png) no-repeat center center; }

.hmFocus_icon img { display: none; }

.hmFocus_icon:after { content: ""; width: 60px; height: 60px; position: absolute; left: -1px; top: -1px; border-radius: 50%; border-top: 1px solid #f39800; border-left: 1px solid #f39800; animation: radiusRotate 0.5s linear infinite }

.on .hmFocus_icon { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.5s; }

.hmFocus_a { transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 0; margin-top: 1.97vw; }

.on .hmFocus_a { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.65s; }

.hmFs_m { line-height: 60px; height: 60px; width: 160px; font-size: 18px; display: inline-block; text-align: center; letter-spacing: 1px; background: #FFF; }

.hmFs_m:hover { color: #fff; transform: translateY(-5px); box-shadow: 0 5px 8px rgba(0,0,0,0.3); background: #00419f; }

.hmFocus_dot { height: 24px; }

.hmFocus_dot span { display: inline-block; height: 3px; width: 33px; background: #ffffff; margin:0 7px; cursor: pointer; opacity: .4; border-radius: 4px;-webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s; }

.hmFocus_dot span.on { width:66px; opacity: 1; background: #FE6808;}


.fsTools { width: 100%; height: 50px; background: none; position: absolute; left: 0; bottom:20px; z-index: 99999; text-align: center;}

.hmFsnums { font-size: 22px; color: #d9d9d9; line-height: 24px; float: right; padding-top: 43px; padding-right: 50px;display: none }

#hmfs_s1 { background-image: -webkit-gradient(linear, left 0, right 0, from(#0067ff), to(#0043a7)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.hmBanVideo{ position:absolute; left:0; top:0; right:0; bottom:0;}

.hmBanVideo video{z-index: 1;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;vertical-align: middle;width: 100%;}

.hmBanVideo:after{content:""; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; right:0; bottom:0;}

.hmFocus_txt a {font-size: 16px;display: inline-block;line-height: 28px;border-bottom: 1px solid #fff;margin-top: 1vw;}



 @media (max-width:993px) {

.hmc1numbs li strong span { font-size: 40px; }

.hmc2layer p { display: none!important; }

.hmc2layer h4 { margin-bottom: 15px; }


}

 @media (max-width:767px) {

.hmFs_m { transform: scale(0.8); transform-origin: left center; }



.hmFocus .slick-dots { bottom: 25px; }

.hmFocus .slick-dots li button { display: none; }

.hmFocus .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius: 50%; vertical-align: middle }

.hmFocus .slick-dots li.slick-active { background: #00419f }






}







.mTit { clear:both; text-align: center; font-size: 36px; color: #333333; font-weight: bold; line-height: 44px; margin-bottom:.54rem;}
.mTit .d1 { font-size: 36px; color: #0E2050; line-height: 46px; margin-bottom: 10px;}
.mTit .d2 { font-size: 20px; color: #CCCCCC; line-height: 26px;text-transform:uppercase;font-family:DIN-Bold;}


.home .row1{ clear:both; width: 100%; overflow: hidden; padding-top:6%;background:#f6f6fc;}
.home .row1 .list { width:1080px; margin: 0 auto; text-align: center;}
.home .row1 .list .t1 { font-size:36px; color: #333333; line-height: 44px; font-weight: bold; margin-bottom: 5px;}
.home .row1 .list .t2 { font-size:20px; color: #CCCCCC;text-transform:uppercase; margin-bottom: 3%;font-family:DIN-Bold;}
.home .row1 .list .text { font-size:18px; line-height: 34px; margin-bottom:4%;}
.home .row1 .list .text span{display:block; width: 100%;}
.home .row1 .map {clear:both; width:84.6%; margin: 0 auto; position: relative;}
.home .row1 .map img{ display:block; width: 100%; height: auto;}
.home .row1 .map .dian { width: .6rem; position: absolute; z-index: 2;background: url(../images/pic255.png) no-repeat top center; cursor: pointer; text-align: center; color: #FE6808;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.home .row1 .map .dian1 { height: .87rem; bottom:22.3%; right:30%; padding-top: .63rem; background-size: 100%;}/*重庆*/
.home .row1 .map .dian2 { height: .66rem; bottom:33%; left: 46.8%;padding-top: .42rem; background-size:.4rem;}/*德国*/
.home .row1 .map .dian3 { height: .66rem; bottom:24.2%; left: 24%;padding-top: .42rem; background-size:.4rem;}/*美国*/
.home .row1 .map .dian4 { height: .56rem; bottom:27.5%; right: 26%;padding-top: .32rem; background-size:.3rem;}/*天津*/
.home .row1 .map .dian5 { height: .56rem; bottom:26%; right: 22.5%;padding-top: .32rem; background-size:.3rem;}/*韩国*/
.home .row1 .map .dian6 { height: .56rem; bottom:27.5%; right: 20%;padding-top: .32rem; background-size:.3rem;}/*日本*/
.home .row1 .map .dian span{ display: block; font-size: .16rem; line-height: .22rem;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.home .row1 .map .dian:hover { margin-bottom: 5px;}
.home .row1 .map .dian::before {
  position: absolute;
  display: block;
  content: '';
  width: .5rem;
  height: .5rem;
  margin-left: .04rem;
  margin-top: -.35rem;
  border-radius: 50%;
  background: rgba(254, 104, 8, .49);
  -webkit-animation: pulse-ring 3.5s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 3.5s cubic-bezier(.215, .61, .355, 1) infinite;
}
.home .row1 .map .dian[name=dian1]::before {
  -webkit-animation: pulse-ring 4s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 4s cubic-bezier(.215, .61, .355, 1) infinite;
}
.home .row1 .map .dian[name=dian2]::before {
  -webkit-animation: pulse-ring 4.2s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 4.2s cubic-bezier(.215, .61, .355, 1) infinite;
}
.home .row1 .map .dian[name=dian3]::before {
  -webkit-animation: pulse-ring 4.6s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 4.6s cubic-bezier(.215, .61, .355, 1) infinite;
}
.home .row1 .map .dian[name=dian4]::before {
  -webkit-animation: pulse-ring 5s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 5s cubic-bezier(.215, .61, .355, 1) infinite;
}

.home .row1 .map .cq_wz{ width:4.1rem; height: 4.2rem; position: absolute; left: 40%; bottom: 5%; z-index: 3;background: url(../images/pic256.png) repeat center center; border-top:.03rem solid #FE6808; padding:.26rem .04rem .26rem .18rem; border-radius: 0 0 .14rem .14rem;transform: translateX(-1%) scale(0);opacity: 0;-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;-webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;}
.home .row1 .map .cq_wz_tj{ height: 1rem; left: 45%;  bottom: 23%}
.home .row1 .map .cq_wz_dg{ height: 1rem; left: 20%;  bottom: 30%}
.home .row1 .map .cq_wz_mg{ height: 1rem; left:30%;  bottom: 25%}
.home .row1 .map .cq_wz .li { width: 100%; margin-bottom:.12rem;}
.home .row1 .map .cq_wz .p1 { font-size: .13rem; line-height: .24rem; color: #333;background: url(../images/pic257.png) no-repeat left center; background-size: .06rem; padding-left: .17rem;}
.home .row1 .map .cq_wz .p2 { font-size: .12rem; line-height: .18rem; color: #666; padding-left: .17rem;}
.home .row1 .map .cq_wz_cq.mapact{transform: translateX(-1%) scale(1);opacity: 1;}
.home .row1 .map .cq_wz_tj.mapact{transform: translateX(-1%) scale(1);opacity: 1;}
.home .row1 .map .cq_wz_dg.mapact{transform: translateX(-1%) scale(1);opacity: 1;}
.home .row1 .map .cq_wz_mg.mapact{transform: translateX(-1%) scale(1);opacity: 1;}



.home .row2{ clear:both; width: 100%; overflow: hidden; padding:4% 0;background:#fff;}
.home .row2 .row2qh { width:1100px; height: 50px; line-height: 50px; margin: 0 auto; margin-bottom: 3%; }
.home .row2 .row2qh ul{ height: 100%; display: flex; align-items: center; justify-content: center;}
.home .row2 .row2qh ul li { height: 100%; font-size: 24px; color: #666666; padding:0 29px; position: relative;cursor: pointer;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.home .row2 .row2qh ul li.row2act { font-size: 36px; color: #0E2050; font-weight: bold;}
.home .row2 .row2qh ul li:nth-child(1):after{content:''; display: block; width: 10px; height: 10px; background: #CCCCCC; border-radius: 50%; position: absolute; right:-5px; top: 20px;}
.home .row2 #row2container .tab {  display: none; position: relative;}
.home .row2 .list .li{ width: 31.6666%; height: 3.85rem; float: left; margin-right: 2.5%; margin-bottom: 2.5%; background: url(../images/pic302.jpg) no-repeat center center;background-size: cover; text-align: center;}
.home .row2 .list .li:nth-child(3n){ margin-right: 0}
.home .row2 .list .li a {display:block; width: 100%; height: 100%;}
.home .row2 .list .li .tp { width: 100%; height: 3.3rem; overflow: hidden; display: flex; align-items: center; justify-content:center; }
.home .row2 .list .li .tp img { display: block; max-width:100%;max-height:90%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.home .row2 .list .li .bt { color: #fff; font-size: 18px; line-height: 24px;}
.home .row2 .list .li:hover .tp img { transform: scale(1.08);}




.home .row2 #row2container .tab .swiper-container{position:static}
.home .row2 .swiper-slide{ text-align: center;}
.home .row2 .swiper-slide a{display:block; width: 100%; height: 100%;}
.home .row2 .swiper-slide .tp { width: 100%; height: 6.8rem; background: url(../images/npic03.jpg) no-repeat center center; margin-bottom: 35px; background-size: cover; overflow: hidden; display: flex; align-items: center; justify-content:center; padding:5% 0 0 8%;}
.home .row2 .swiper-slide .tp img { display: block; max-width:7rem;max-height:5rem;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.home .row2 .swiper-slide .bt { color: #FE6808; font-size: 24px;}
.home .row2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 30px; height: 2px;}
.home .row2 .swiper-pagination-bullet-active{background:#FE6808;}
.home .row2 .swiper-button-prev{background: url(../images/pic258.png) no-repeat center center; background-size: 100%; width: .5rem; height: .5rem; top: 40%; left: 10%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.home .row2 .swiper-button-next{background: url(../images/pic259.png) no-repeat center center; background-size: 100%; width: .5rem; height: .5rem;top: 40%; right: 10%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.home .row2 .swiper-button-prev:hover {background: url(../images/pic258-on.png) no-repeat center center; background-size: 100%; }
.home .row2 .swiper-button-next:hover {background: url(../images/pic259-on.png) no-repeat center center; background-size: 100%; }
.home .row2 .swiper-slide:hover .tp img { transform: scale(1.08);}




.home .row3 { clear:both; position: relative; height: 9.6rem;}
/*.home .row3 .row3qh { width:84%; height: 140px; position: absolute; left: 8%; bottom:.9rem; z-index: 9999;}
.home .row3 .row3qh ul{ height: 100%;}
.home .row3 .row3qh ul li { width:25%; height: 100%; float: left;background: url(../images/icon12.png) repeat center center; color: #fff; cursor: pointer;border-right:1px solid  rgba(255,255,255,0.5); position: relative;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s; }
.home .row3 .row3qh ul li a { display:block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 0 2.4%; color: #fff;}
.home .row3 .row3qh ul li:last-child{border-right:0;}
.home .row3 .row3qh ul li .icon {width: 40px; height: 40px;background: url(../images/icon10.png) no-repeat center center; position: absolute; right: 5%; top:50%; z-index: 9; margin-top: -20px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.home .row3 .row3qh ul li .liL { margin-right: 18px;}
.home .row3 .row3qh ul li .liL img { -webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s; }
.home .row3 .row3qh ul li .liR .t1 { font-size: 24px; line-height: 30px; letter-spacing: 2px; margin-bottom: 5px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.home .row3 .row3qh ul li .liR .t2 { font-size: 16px; line-height: 24px; opacity: .5; font-family:Arial, "sans-serif";}
.home .row3 .row3qh ul li.act { background: #FE6808;}
.home .row3 .row3qh ul li:hover { background: #FE6808;}
.home .row3 .row3qh ul li:hover .icon{background: url(../images/icon11.png) no-repeat center center;}
.home .row3 .row3qh ul li.act .icon {background: url(../images/icon11.png) no-repeat center center;}
.home .row3 .row3qh ul li:hover .liL img {transform:rotateY(360deg);}
.home .row3 .row3qh ul li:hover .icon{ right: 4%;}
.home .row3 .row3qh ul li:hover .liR .t1{ letter-spacing: 3px;}

.home .row3 #row3container .tab { display: none}
.home .row3 #row3container .tab img { display:block; width: 100%; height: auto;}*/
/* [ TabSlider ] */
.tabSlider .ts-container {
  margin: 0 auto; height: 100%;
  position: relative;
}

.tabSlider .ts-container:after {
  content: "";
  display: table;
  clear: both;
}
.tabSlider .ts-container, .tabSlider .ts-container:before, .tabSlider .ts-container:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items {
  height: 9.6rem;
  position: relative;
}
.tabSlider .ts-items, .tabSlider .ts-items:before, .tabSlider .ts-items:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items .ts-item {
  display: none;
  height: 9.6rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0 300px;
  -moz-transition: background 1s linear;
  -o-transition: background 1s linear;
  -webkit-transition: background 1s linear;
  transition: background 1s linear;
}
.tabSlider .ts-items .ts-item, .tabSlider .ts-items .ts-item:before, .tabSlider .ts-items .ts-item:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items .ts-item .ts-banner,
.tabSlider .ts-items .ts-item .ts-banner img {
  display: none;
}
.tabSlider .ts-items .ts-item .ts-thumbnail {
  width: 25%;
}
.tabSlider .ts-items .ts-item .ts-thumbnail, .tabSlider .ts-items .ts-item .ts-thumbnail:before, .tabSlider .ts-items .ts-item .ts-thumbnail:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items .ts-item .ts-content {
  width: 70%;
}
.tabSlider .ts-items .ts-item .ts-content, .tabSlider .ts-items .ts-item .ts-content:before, .tabSlider .ts-items .ts-item .ts-content:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items .ts-item .set-layout.thumb-cont .ts-thumbnail {
  float: left;
}
.tabSlider .ts-items .ts-item .set-layout.thumb-cont .ts-content {
  float: right;
}
.tabSlider .ts-items .ts-item .set-layout.cont-thumb .ts-content {
  float: left;
}
.tabSlider .ts-items .ts-item .set-layout.cont-thumb .ts-thumbnail {
  float: right;
}
.tabSlider .ts-items .ts-item .ts-thumbnail {
  height: 515px;
  position: relative;
}
.tabSlider .ts-items .ts-item .ts-thumbnail, .tabSlider .ts-items .ts-item .ts-thumbnail:before, .tabSlider .ts-items .ts-item .ts-thumbnail:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items .ts-item .ts-thumbnail img {
  height: auto;
  margin: auto;
  max-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tabSlider .ts-items .ts-item .ts-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  font-weight: 600;
  /* semi-bold */
  text-align: right;
  color: #fff;
  background: #3498db;
  padding: 40px;
  display: block;
  line-height: 60px;
  margin: 60px 0 55px 0;
  text-transform: uppercase;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -moz-backface-visibility: visible;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.tabSlider .ts-items .ts-item .ts-title, .tabSlider .ts-items .ts-item .ts-title:before, .tabSlider .ts-items .ts-item .ts-title:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items .ts-item .ts-btn {
  background: #e74c3c;
  border: 2px solid #e74c3c;
  color: #fff;
  margin: 0;
  padding: 7px 109px 7px 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  /* semi-bold */
  text-transform: uppercase;
  font-size: 30px;
  line-height: 45px;
  text-decoration: none;
  display: block;
  position: relative;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.tabSlider .ts-items .ts-item .ts-btn, .tabSlider .ts-items .ts-item .ts-btn:before, .tabSlider .ts-items .ts-item .ts-btn:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items .ts-item .ts-btn span,
.tabSlider .ts-items .ts-item .ts-btn small {
  display: block;
}
.tabSlider .ts-items .ts-item .ts-btn span, .tabSlider .ts-items .ts-item .ts-btn span:before, .tabSlider .ts-items .ts-item .ts-btn span:after,
.tabSlider .ts-items .ts-item .ts-btn small,
.tabSlider .ts-items .ts-item .ts-btn small:before,
.tabSlider .ts-items .ts-item .ts-btn small:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabSlider .ts-items .ts-item .ts-btn span {
  width: 280px;
}
.tabSlider .ts-items .ts-item .ts-btn small {
  font-weight: 300;
  font-size: 12px;
  line-height: 100%;
  padding-top: 7px;
}
.tabSlider .ts-items .ts-item .ts-btn.set-icon i {
  position: absolute;
  height: 30px;
  top: 50%;
  margin-top: -15px;
}
.tabSlider .ts-items .ts-item .ts-btn.set-icon.to-right i {
  right: 26px;
}
.tabSlider .ts-items .ts-item .ts-btn.set-icon.to-left {
  padding-right: 0;
  padding-left: 109px;
}
.tabSlider .ts-items .ts-item .ts-btn.set-icon.to-left i {
  left: 26px;
}
.tabSlider .ts-items .ts-item.is-active {
  background-position: center center;
}
.tabSlider .ts-items .ts-item.is-active .ts-thumbnail img {
  -webkit-animation-name: vanishIn;
  -moz-animation-name: vanishIn;
  -ms-animation-name: vanishIn;
  -o-animation-name: vanishIn;
  animation-name: vanishIn;
}
.tabSlider .ts-items .ts-item.is-active .ts-title {
  -webkit-animation-name: presRIn;
  -moz-animation-name: presRIn;
  -ms-animation-name: presRIn;
  -o-animation-name: presRIn;
  animation-name: presRIn;
}
.tabSlider .ts-items .ts-item.is-active .ts-btn {
  -webkit-animation-name: button;
  -moz-animation-name: button;
  -ms-animation-name: button;
  -o-animation-name: button;
  animation-name: button;
}
.tabSlider .ts-control {
  display: block;
}
.tabSlider .ts-control:after {
  content: "";
  display: table;
  clear: both;
}
.tabSlider .ts-control ul {
  margin: 0;
  padding: 0;
}

.tabSlider .ts-control ul li, .tabSlider .ts-control ul li:before, .tabSlider .ts-control ul li:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*我的*/
.tabSlider{ position:relative}
    .tabSlider .ts-control { width:84%; height: 140px; position: absolute; left: 8%; bottom:.9rem; z-index: 9999;}
    .tabSlider .ts-control ul li { width:25%; height: 140px; float: left;background: url(../images/icon12.png) repeat center center; color: #fff; cursor: pointer;border-right:1px solid  rgba(255,255,255,0.5); position: relative;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s; }
.tabSlider .ts-control ul li a { display:block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 0 2.4%; color: #fff;}
.tabSlider .ts-control ul li:last-child{border-right:0;}
.tabSlider .ts-control ul li .icon {width: 40px; height: 40px;background: url(../images/icon10.png) no-repeat center center; position: absolute; right: 5%; top:50%; z-index: 9; margin-top: -20px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.tabSlider .ts-control ul li .liL { margin-right: 18px;}
.tabSlider .ts-control ul li .liL img { -webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s; }
.tabSlider .ts-control ul li .liR .t1 { font-size: 24px; line-height: 30px; letter-spacing: 2px; margin-bottom: 5px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.tabSlider .ts-control ul li .liR .t2 { font-size: 16px; line-height: 24px; opacity: .5; font-family:Arial, "sans-serif";}
        
        .tabSlider .ts-control ul li.is-active{ background: #FE6808;}
        .tabSlider .ts-control ul li:hover { background: #FE6808;}
.tabSlider .ts-control ul li:hover .icon{background: url(../images/icon11.png) no-repeat center center;}
.tabSlider .ts-control ul li.is-active .icon {background: url(../images/icon11.png) no-repeat center center;}
.tabSlider .ts-control ul li:hover .liL img {transform:rotateY(360deg);}
.tabSlider .ts-control ul li:hover .icon{ right: 4%;}
.tabSlider .ts-control ul li:hover .liR .t1{ letter-spacing: 3px;}
        
@-webkit-keyframes button {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    left: -90px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes button {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    left: -90px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    left: 0;
  }
}
@-ms-keyframes button {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    left: -90px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    left: 0;
  }
}
@keyframes button {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    left: -90px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes vanishIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@-moz-keyframes vanishIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@-ms-keyframes vanishIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes vanishIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@-webkit-keyframes presRIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    -ms-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    -webkit-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
  }
  60% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    -ms-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    -webkit-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
  }
  70% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(10deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(10deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(10deg);
    transform: perspective(600) scale(1, 1) rotateY(10deg);
  }
  75% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    transform: perspective(600) scale(1, 1) rotateY(-10deg);
  }
  90% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(5deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(5deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(5deg);
    transform: perspective(600) scale(1, 1) rotateY(5deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(0deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(0deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(0deg);
    transform: perspective(600) scale(1, 1) rotateY(0deg);
  }
}
@-moz-keyframes presRIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    -ms-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    -webkit-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
  }
  60% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    -ms-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    -webkit-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
  }
  70% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(10deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(10deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(10deg);
    transform: perspective(600) scale(1, 1) rotateY(10deg);
  }
  75% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    transform: perspective(600) scale(1, 1) rotateY(-10deg);
  }
  90% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(5deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(5deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(5deg);
    transform: perspective(600) scale(1, 1) rotateY(5deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(0deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(0deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(0deg);
    transform: perspective(600) scale(1, 1) rotateY(0deg);
  }
}
@-ms-keyframes presRIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    -ms-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    -webkit-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
  }
  60% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    -ms-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    -webkit-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
  }
  70% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(10deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(10deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(10deg);
    transform: perspective(600) scale(1, 1) rotateY(10deg);
  }
  75% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    transform: perspective(600) scale(1, 1) rotateY(-10deg);
  }
  90% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(5deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(5deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(5deg);
    transform: perspective(600) scale(1, 1) rotateY(5deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(0deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(0deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(0deg);
    transform: perspective(600) scale(1, 1) rotateY(0deg);
  }
}
@keyframes presRIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    -ms-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    -webkit-transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
    transform: perspective(600) scale(0.3, 0.3) rotateY(90deg);
  }
  60% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    -ms-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    -webkit-transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
    transform: perspective(600) scale(0.7, 0.7) rotateY(0deg);
  }
  70% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(10deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(10deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(10deg);
    transform: perspective(600) scale(1, 1) rotateY(10deg);
  }
  75% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(-10deg);
    transform: perspective(600) scale(1, 1) rotateY(-10deg);
  }
  90% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(5deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(5deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(5deg);
    transform: perspective(600) scale(1, 1) rotateY(5deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: perspective(600) scale(1, 1) rotateY(0deg);
    -ms-transform: perspective(600) scale(1, 1) rotateY(0deg);
    -webkit-transform: perspective(600) scale(1, 1) rotateY(0deg);
    transform: perspective(600) scale(1, 1) rotateY(0deg);
  }
}






.home .row4{ clear:both; padding:4% 0; background: #F6F6FF;}
.home .row4 .list{padding:15px 1%; margin-bottom: 35px;}
.home .row4 .list .li{ width: 32%; height: 193px; float: left; margin-right: 2%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.home .row4 .list .li:last-child{ margin-right:0}
.home .row4 .list .li a {display:block; width: 100%; height: 100%; background: #fff;padding: 5% 7%; overflow: hidden;}
.home .row4 .list .li .d1 { font-size: 15px; line-height: 26px; color: #303030; font-family:Arial, "sans-serif"; font-weight: bold; margin-bottom: 15px;}
.home .row4 .list .li .d2 { width: 100%; font-size: 18px; line-height: 28px; color: #303030;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 28px;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.home .row4 .list .li .d3 { width: 100%; position: relative; padding-top: 28px; border-top:1px solid #e5e5e5;}
.home .row4 .list .li .d3 img { display: block;}
.home .row4 .list .li .d3:after{content:''; display: block; width: 0; height: 1px; background: #FE6808; position: absolute; left: 0; top: 0;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.home .row4 .list .li:hover { box-shadow:-2px 1px 12px 5px #eee; }
.home .row4 .list .li:hover .d2 { color:#FE6808;}
.home .row4 .list .li:hover .d3:after{ width: 100%;}



.footer{ clear:both; width: 100%; background: #0E2050; padding:4% 0 3% 0; text-align: center; color: #fff;}
.footer .bx1 { height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; overflow: inherit;}
.footer .bx1 .li { margin:0 11px; position: relative; cursor: pointer;}
.footer .bx1 .li a { display:block; width: 100%; height: 100%;}
.footer .bx1 .li img { display:block; width: 32px; height: auto;}
.footer .bx1 .li span{ background:#232c42; text-align:center; border-radius:15px; color:#fff; font-size:14px; display:block; width:130px; height: 0; padding:0 10px;position:absolute; bottom:35px; left:-53px; z-index: 9;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; opacity: 0}
.footer .bx1 .li p{position:absolute; bottom:38px; left:-41px; z-index: 9; width: 100px; height: 100px; opacity: 0;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.footer .bx1 .li p img {width:100%; height: 100%}
.footer .bx1 .li:hover span { opacity: 1; height: 30px;}
.footer .bx1 .li:hover p { opacity: 1;}
.footer .bx1 .li1 span { width:155px; left:-66px;}



.footer .bx2 { clear:both; font-size: 15px; line-height: 30px; margin-bottom: 10px;}
.footer .bx2 a {color:#fff;}
.footer .bx3 { clear:both; color:#769ADB; font-size: 14px; line-height: 28px; display: flex; align-items: center; justify-content: center;}
.footer .bx3 .sp1 { margin-right:12px;}
.footer .bx3 a{ color:#769ADB;}
.footer .bx3 a:hover { color:#fff;}
.footer .bx3 a.ga { display:flex; align-items: center;}
.footer .bx3 a.ga img { margin-right:5px;}
.footer .bx3 .sp2 { display:flex; align-items: center;}

.backTop{clear:both; width: 54px; height: 54px; position: fixed; right: 1%; bottom: 10%; z-index: 999999; cursor: pointer; display: none;}

.mBtn{clear:both; margin: 0 auto; width: 158px; height: 48px; line-height: 48px; border-radius: 25px; text-align: center; background: #FE6808; overflow: hidden; font-size: 15px; letter-spacing: 1px; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.mBtn a { display:flex;align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff;}
.mBtn img{ display:block; margin-left: 8px;}
.mBtn:hover { background:#0E2050;}


.iBanner{clear:both; width: 100%; position: relative; text-align: center; color: #fff; height: 9rem;}
.iBanner .tp { display:block; width: 100%; height: auto; }
.iBanner .wz { width:100%; height:130px; position: absolute; left: 0; top: 43%; z-index: 9;}
.iBanner .wz .t1 { font-size: 48px; line-height: 54px; font-family:HarmonyOsSansSCB; margin-bottom: 8px;text-transform:uppercase;}
.iBanner .wz .t2 { font-size: 30px; line-height: 34px;}

@keyframes sec_banner{
	0%{transform: scale(1.1); opacity: 0.1;}
	20%{ opacity: 1;}
	100%{transform: scale(1);}
}
.iBanner .iBann{ width: 100%; height: 9rem; overflow: hidden;position: absolute; left: 0; top: 0; z-index: 1;object-fit: cover;animation:sec_banner 5s; animation-timing-function: ease-out;}
.iBanner .iBann img { display:block; width: 100%; height: 100%;}

.iB1{ background: url(../images/iBanner01.jpg) no-repeat top center;background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover; }
.iB2{ background: url(../images/iBanner02.jpg) no-repeat top center;background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}
.iB3{ background: url(../images/iBanner03.jpg) no-repeat top center;background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}
.iB4{ background: url(../images/iBanner04.jpg) no-repeat top center; background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}
.iB5{ background: url(../images/iBanner05.jpg) no-repeat center center;  background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}
.iB6{ background: url(../images/iBanner06.jpg) no-repeat center center;  background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}
.iB7{ background: url(../images/iBanner07.jpg) no-repeat center center;  background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}
/*.iB8{ background: url(../images/iBanner08.jpg) no-repeat center center; height:9.3rem; background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}*/


.secMenu { clear:both; width: 84%; height: 100px; position:absolute; left: 50%; bottom: -50px; margin-left: -42%; z-index: 9999; display: flex; align-items: center; justify-content: center;}
.secMenu .li { width: 20%; height: 100%; float: left; border-right:1px solid #e6e4e4; text-align: left;}
.secMenu .li a{ display:block; width: 100%; height: 100%; padding:24px 25px 20px 25px;background: #fff url(../images/icon15.png) no-repeat 93% center;}
.secMenu .li:last-child{border-right:0}
.secMenu .li .d1 { font-size: 16px; line-height: 26px; margin-bottom:5px; color:#333;}
.secMenu .li .d2 { font-size: 12px; line-height: 20px; color: #666;}
#nowMenu{ background: #FE6808 url(../images/icon15-on.png) no-repeat 93% center; color: #fff;}
#nowMenu .d1 { color:#fff}
#nowMenu .d2 { color:#fff}
.news .secMenu .li{width:31%!important}
/*.news #nowMenu{ background: #D32113 url(../images/icon15-on.png) no-repeat 93% center; }*/
.manufacture .secMenu .li{width:26.3%!important}
.three .secMenu .li{width:31%!important}
.cp .secMenu .li{width:31%!important}



.aboutBg{ background: #EBEEF7;}
.about-div .section1 { clear:both; width: 100%; overflow: hidden; padding-top:105px;}
.about-div .section1 .tit{ line-height: 100px; height: 100px; text-align: center; position: relative; margin-bottom:3%;}
.about-div .section1 .tit .d1 { width: 100%; font-size: 100px; color: #0E2050; opacity: .06; font-family:HarmonyOsSansSCB; position: absolute; left: 0; top: 0; z-index: 1;}
.about-div .section1 .tit .d2 { width: 100%; font-size: 36px; font-weight: bold; color: #333333; position: absolute; left: 0; top: 0; z-index: 2;}
.about-div .section1 .text{ width: 1200px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 32px; color: #666;}
.about-div .section1 .text span { display:block;}
/*map*/
.about-div .section1 .map {clear:both; width:84.6%; margin: 0 auto; position: relative;}
.about-div .section1 .map img{ display:block; width: 100%; height: auto;}
.about-div .section1 .map .dian { width: .6rem; position: absolute; z-index: 2;background: url(../images/pic307.png) no-repeat top center; cursor: pointer; text-align: center; color: #FE6808;-webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.about-div .section1 .map .dian1 { height: .87rem; bottom:47%; right:24.5%; padding-top: .53rem; background-size:.48rem;}/*重庆*/
.about-div .section1 .map .dian2 { height: .66rem; bottom:60.5%; left: 44.8%;padding-top: .32rem; background-size:.4rem; background-size:.3rem;}/*德国*/
.about-div .section1 .map .dian3 { height: .66rem; bottom:56.2%; left: 15%;padding-top: .32rem; background-size:.4rem; background-size:.3rem;}/*美国*/
.about-div .section1 .map .dian4 { height: .56rem; bottom:59.5%; right: 22%;padding-top: .32rem; background-size:.3rem;}/*天津*/
.about-div .section1 .map .dian5 { height: .56rem; bottom:48.6%; right: 18.3%;padding-top: .32rem; background-size:.3rem;}/*韩国*/
.about-div .section1 .map .dian6 { height: .56rem; bottom:47%; right: 16%;padding-top: .32rem; background-size:.3rem;}/*日本*/
.about-div .section1 .map .dian span{ display: block; font-size: .16rem; line-height: .22rem;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.about-div .section1 .map .dian:hover{ margin-bottom:5px;}
.about-div .section1 .map .dian::before {
  position: absolute;
  display: block;
  content: '';
  width: .5rem;
  height: .5rem;
  margin-left: .04rem;
  margin-top: -.35rem;
  border-radius: 50%;
  background: rgba(254, 104, 8, .49);
  -webkit-animation: pulse-ring 3.5s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 3.5s cubic-bezier(.215, .61, .355, 1) infinite;
}
.about-div .section1 .map .dian[name=dian1]::before {
  -webkit-animation: pulse-ring 4s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 4s cubic-bezier(.215, .61, .355, 1) infinite;
}
.about-div .section1 .map .dian[name=dian2]::before {
  -webkit-animation: pulse-ring 4.2s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 4.2s cubic-bezier(.215, .61, .355, 1) infinite;
}
.about-div .section1 .map .dian[name=dian3]::before {
  -webkit-animation: pulse-ring 4.6s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 4.6s cubic-bezier(.215, .61, .355, 1) infinite;
}
.about-div .section1 .map .dian[name=dian4]::before {
  -webkit-animation: pulse-ring 5s cubic-bezier(.215, .61, .355, 1) infinite;
  animation: pulse-ring 5s cubic-bezier(.215, .61, .355, 1) infinite;
}
@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(.33);
    transform: scale(.33);
  }
  100%, 80% {
    opacity: 0;
  }
}
@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(.33);
    transform: scale(.33);
  }
  100%, 80% {
    opacity: 0;
  }
}


.about-div .section1 .map .cq_wz{ width:4.1rem; height: 4.2rem; position: absolute; left: 43%; bottom: 5%; z-index: 3;background: url(../images/pic256.png) repeat center center; border-top:.03rem solid #FE6808; padding:.26rem .04rem .26rem .18rem; border-radius: 0 0 .14rem .14rem;transform: translateX(-1%) scale(0);opacity: 0;-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.about-div .section1 .map .cq_wz_tj{ height: 1rem; left: 47%;  bottom: 60%}
.about-div .section1 .map .cq_wz_mg{ height: 1rem; left: 19%;  bottom: 60%}
.about-div .section1 .map .cq_wz_dg{ height: 1rem; left: 49%;  bottom: 64%}
.about-div .section1 .map .cq_wz .li { width: 100%; margin-bottom:.12rem;}
.about-div .section1 .map .cq_wz .p1 { font-size: .13rem; line-height: .24rem; color: #333;background: url(../images/pic257.png) no-repeat left center; background-size: .06rem; padding-left: .17rem;}
.about-div .section1 .map .cq_wz .p2 { font-size: .12rem; line-height: .18rem; color: #666; padding-left: .17rem;}
.about-div .section1 .map .cq_wz_cq.mapact{transform: translateX(-1%) scale(1);opacity: 1;}
.about-div .section1 .map .cq_wz_tj.mapact{transform: translateX(-1%) scale(1);opacity: 1;}
.about-div .section1 .map .cq_wz_mg.mapact{transform: translateX(-1%) scale(1);opacity: 1;}
.about-div .section1 .map .cq_wz_dg.mapact{transform: translateX(-1%) scale(1);opacity: 1;}



.about-div .section2 { clear:both; width: 100%; overflow: hidden; position: relative;}
.about-div .section2 .tp img { display:block; width: 100%; height: auto;}
.about-div .section2 .wz {width:62%; height: 80%; position: absolute; right: 0; top:1.4rem; color: #fff;}
.about-div .section2 .wz .t1 { font-size: 36px; line-height: 40px; opacity: .2; font-family:HarmonyOsSansSCB; margin-bottom: 8px;text-transform:uppercase;}
.about-div .section2 .wz .t2 { width: 100%; font-size: 24px; line-height: 30px; margin-bottom: 7%; display: flex; align-items: center; justify-content: flex-start;}
.about-div .section2 .wz .t2 span { width:1.14rem; height: 1px; background: #fff; display: inline-block; margin-left: 18px;}
.about-div .section2 .wz .t3 { font-size: 36px; line-height: 60px; letter-spacing: 2px;}
.about-div .section2 .wz .t4 {}
.about-div .section2 .wz .t4 .li{ width:50%; height: 100px; float: left;}
.about-div .section2 .wz .t4 .li .li_1 { font-size: 30px; line-height: 40px; margin-bottom: 7px;}
.about-div .section2 .wz .t4 .li .li_3 { font-size: 16px; line-height: 30px;}
.about-div .section2 .title{ width: 5rem; line-height: 1.2rem; position: absolute; right:8%; bottom: 5%; z-index: 99999; line-height: 1.2rem; color: #fff; text-align: right;}
.about-div .section2 .title .t1 { width: 100%; height: 100%;line-height: 1.2rem; font-size: 1.2rem; opacity: .12; font-family:HarmonyOsSansSCB;}
.about-div .section2 .title .t2 { width: 100%; line-height: .6rem; font-size: .36rem; position: relative; top:-.84rem; right: 2%; letter-spacing: 2px;}

.about-div .section2 .swiper-container{ position: static;}
.about-div .section2 .swiper-wrapper{ position: static;}
.about-div .section2 .swiper-button-next{background: url(../images/icon18.png) no-repeat center;width: 50px;height: 50px; top: inherit;left:42%;bottom:12%;}
.about-div .section2 .swiper-button-disabled{opacity: 1!important;}
.about-div .section2 .swiper-button-prev{background: url(../images/icon17.png) no-repeat center;width: 50px;height: 50px; top: inherit;left: auto;left: 38%;bottom:12%;opacity: 1;}
.about-div .section2 .swiper-button-next:hover{background: url(../images/icon18-on.png) no-repeat center;outline: none;}
.about-div .section2 .swiper-button-prev:hover{background: url(../images/icon17-on.png) no-repeat center;outline: none;}
.about-div .section2 .gallery-thumbs{width:300px; height: 100%; position: absolute; left: 12%; top: 0; z-index: 9999; color: #fff; text-align: right; padding-top:1.3rem;  }
.about-div .section2 .gallery-thumbs:after{content:''; display: block; width: 1px; height: 100%;border-right:1px solid  rgba(255,255,255,0.4); position: absolute; top: 0; right:0;}
.about-div .section2 .gallery-thumbs .swiper-wrapper { display:block; }
.about-div .section2 .gallery-thumbs .swiper-slide{ width: 100%!important; height: 1.2rem; line-height: 1.2rem; opacity: 1!important;cursor: pointer; position: relative;}

.about-div .section2 .gallery-thumbs .swiper-slide p{ width: 100%; height: 100%; color: #fff;font-size: 16px; opacity: .7; padding-right: 1.5rem; position: absolute; right:-1px; top: 0; z-index: 999;}
.about-div .section2 .gallery-thumbs .swiper-slide-thumb-active p{ font-size: 24px;background: url(../images/icon19.png) no-repeat right center; opacity:1;}
.about-div .section2 .swiper-wrapper .tp{display:block; width: 100%; height: auto}

.innerTit{ clear:both; width: 100%; height: 1rem; line-height: 1rem;  position: relative; margin-bottom: .5rem; text-align: center;}
.innerTit .d1 { width: 100%; height: 100%;font-size: 1rem; opacity: .06; font-family:HarmonyOsSansSCB;text-transform:uppercase; color:#0E2050;}
.innerTit .d2 { width: 100%; line-height: .6rem; font-size: .36rem; position:absolute; top:50%; left:0; margin-top: -.3rem; letter-spacing: 2px; font-weight: bold; color: #333;}


.iCon{ clear:both; width: 100%; overflow: hidden; padding-bottom: 5%; padding-top: 120px;}
.iCon2{ clear:both; width: 100%; overflow: hidden;}

.about-div .section3 { clear:both;background: url(../images/npic13.jpg) no-repeat bottom center; background-size: cover; color: #fff; padding:1.1rem 0 1.4rem 0; position: relative;}
.about-div .section3 .innerTit{ width:87%; margin: 0 auto; margin-bottom: .6rem; text-align: left;}
.about-div .section3 .innerTit .d1 {color:#fff}
.about-div .section3 .innerTit .d2 {color:#fff; left: .84rem}
.about-div .section3 .list {width:100%; height: 4.1rem; background: url(../images/npic15.png) repeat-x left .5rem; overflow: hidden;}
.about-div .section3 .list .swiper{ width:87%; height: 100%; margin: 0 auto; overflow:hidden}
.about-div .section3 .list .swiper-wrapper{ position: static}
.about-div .section3 .swiper-slide .d1 { font-size: .36rem; line-height: .5rem; font-family:HarmonyOsSansSCLight; margin-bottom: .1rem; height: 1.2rem;}
.about-div .section3 .swiper-slide .d2 { width: 100%; background: url(../images/npic14.png) no-repeat left top; background-size: 100%; height: 1.6rem; padding:.3rem .2rem .3rem .24rem; opacity: .5;line-height: .26rem;font-size: .15rem;}
.about-div .section3 .swiper-slide .d2 .bx { width: 100%; height: 100%; overflow-y:auto; padding-right: 2%;}
/*滚动条整体宽度*/
.about-div .section3 .swiper-slide .d2 .bx::-webkit-scrollbar{
    width: 3px; /*宽对应滚动条的尺寸*/
}
/*轨道*/
.about-div .section3 .swiper-slide .d2 .bx::-webkit-scrollbar-track{
    background: #eae9e9;
}
/*滑块*/
.about-div .section3 .swiper-slide .d2 .bx::-webkit-scrollbar-thumb{
    border-radius: 5px;background: #aeadad;
}
.about-div .section3 .swiper-slide .d2 .p1 { font-size: .16rem;}
.about-div .section3 .swiper-slide .d2 .p2 { font-size: .15rem;}
.about-div .section3 .swiper-button-prev{background: url(../images/icon17.png) no-repeat center center; background-size: 100%; width: .5rem; height: .5rem; top: 15%; left: inherit;right: 10%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.about-div .section3 .swiper-button-next{background: url(../images/icon18.png) no-repeat center center; background-size: 100%; width: .5rem; height: .5rem;top: 15%; right: 6.5%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.about-div .section3 .swiper-button-prev:hover {background: url(../images/icon17-on.png) no-repeat center center; background-size: 100%; }
.about-div .section3 .swiper-button-next:hover {background: url(../images/icon18-on.png) no-repeat center center; background-size: 100%; }
/*mobile*/
.fzlc-list{width:92%; margin: 0 auto;background: url(../images/mpic04.png) repeat-y .18rem top; }
.fzlc-list .li{ margin-bottom: .6rem;}
.fzlc-list .li .d1{ font-size: .36rem; color: #0E2050; height: .42rem; line-height: .42rem; margin-bottom: .5rem;background: url(../images/mpic03.png) no-repeat left top; background-size: .36rem; padding-left: .6rem; }
.fzlc-list .li .d2{ padding: 5% 4% 5% 5%; width: 91%; margin-left:9%; border: 1px solid #9fa6b9; position: relative; font-size:.24rem; color: #666; line-height: .4rem;}
.fzlc-list .li .d2:after { content:''; display: block; width:22px; height:15px; background: url(../images/npic14_m.png) no-repeat center center; background-size:100%; position: absolute; left:-1px; top:-15px; z-index: 99;}
.fzlc-list .li .d2 .p1 { font-size:.32rem; color: #333; line-height: .46rem; margin-bottom: .1rem;}
.fzlc-list .li .d2 .p2 { font-size:.24rem; color: #666; line-height: .4rem; margin-bottom: .26rem;}


.about-div .section4 { clear:both; padding:.7rem 3% 3% 3%; background: #fff; position: relative; top:-1.6rem; z-index: 2;}
.about-div .section4 .innerTit{text-align:left}
.about-div .section4 .innerTit .d2{left:.84rem}
.about-div .section4 .list { position:relative;}
.about-div .section4 .list .swiper-container{position:static}
.about-div .section4 .list .swiper-slide { text-align: center;}
.about-div .section4 .list .swiper-slide .li{width:18%;height:2.73rem; float: left; margin-right: 2.5%; background: #F6F6F6; padding:.12rem .28rem .2rem .28rem; margin-bottom: 2%;}
.about-div .section4 .list .swiper-slide .li:nth-child(5n){margin-right:0}
.about-div .section4 .list .swiper-slide .pic { width: 100%; height: 2rem; display: flex; align-items: center; justify-content: center; margin-bottom: .1rem;}
.about-div .section4 .list .swiper-slide .pic img { display:block; max-width: 100%; max-height: 100%;}
.about-div .section4 .list .swiper-slide .wz { font-size: .16rem; color: #666666; line-height: .22rem;}
.about-div .section4 .swiper-button-prev{background: url(../images/icon22.png) no-repeat center center; background-size: 100%; width: .5rem; height: .5rem;top:-80px;  left: inherit;right:.8rem;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.about-div .section4 .swiper-button-next{background: url(../images/icon23.png) no-repeat center center; background-size: 100%; width: .5rem; height: .5rem;top:-80px;  right:0;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.about-div .section4 .swiper-button-prev:hover {background: url(../images/icon22-on.png) no-repeat center center; background-size: 100%; }
.about-div .section4 .swiper-button-next:hover {background: url(../images/icon23-on.png) no-repeat center center; background-size: 100%; }
/*mobile*/
.zzry-list{width:96%; margin: 0 auto; margin-bottom: .4rem;}
.zzry-list .li{ width: 49%; margin-right: 2%; margin-bottom: 2%; background: #fff; overflow: hidden; float: left; text-align: center; padding:.6rem .2rem .2rem .2rem;}
.zzry-list .li:nth-child(2n){margin-right:0}
.zzry-list .li .d1{ width: 100%; height: 2.8rem; }
.zzry-list .li .d1 img{ display:block; width: 100%; height: 2.2rem;}
.zzry-list .li .d2{ font-size: .24rem; color: #666; line-height: .36rem; height: .8rem}


.about-div .section5 { clear:both; position: relative; top: -.8rem}
.about-div .section5 .list { position:relative;}
.about-div .section5 .list img{display:block; max-width: 100%; height: auto; margin: 0 auto;}
.about-div .section5 .list .swiper-wrapper{position:static; height: 3.2rem;}
.about-div .section5 .list .swiper-slide{height:1.6rem;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;}
.about-div .section5 .list .swiper-slide p{width:100%; height: 1.6rem; float: left; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5;}
/*.about-div .section5 .list .swiper-slide p:nth-child(1),.about-div .section5 .list .about-div .section5 .list .swiper-slide p:nth-child(6){ border-left: 1px solid #E5E5E5; }*/
/*.about-div .section5 .list .swiper-slide p:nth-child(1),.about-div .section5 .list .swiper-slide p:nth-child(2),.about-div .section5 .list .swiper-slide p:nth-child(3),.about-div .section5 .list .swiper-slide p:nth-child(4),.about-div .section5 .list .swiper-slide p:nth-child(5){ border-top: 1px solid #E5E5E5; }*/
.about-div .section5 .list .swiper-slide p img{display:block; margin: 0 auto; height: auto; width: auto; max-width: 67%; max-height: 63%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.about-div .section5 .swiper-button-prev{background: url(../images/icon20.png) no-repeat center center; background-size: 100%; width: .5rem; height: .5rem; top: inherit;bottom:0; left: inherit;right: 4%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.about-div .section5 .swiper-button-next{background: url(../images/icon21.png) no-repeat center center; background-size: 100%; width: .5rem; height: .5rem; top: inherit;bottom:0; right:0;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.about-div .section5 .swiper-button-prev:hover {background: url(../images/icon20-on.png) no-repeat center center; background-size: cover; }
.about-div .section5 .swiper-button-next:hover {background: url(../images/icon21-on.png) no-repeat center center; background-size: cover; }
.about-div .section5 img{display:block; width: 100%; height: auto;}
.about-div .section5 .swiper-pagination-progressbar{background:#DFE1E8; opacity: 1;}
.about-div .section5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#FE6808}
.about-div .section5 .swiper-container-horizontal>.swiper-pagination-progressbar{ width: 90%; top: inherit; bottom:.24rem;}
.about-div .section5 .list .swiper-slide p:hover img{ transform: scale(1.08);}
/*无缝滚动*/

.about-div .section5 .swiper .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}





.hzhb-list{width:92%; margin: 0 auto; margin-bottom: .5rem;}
.hzhb-list .li{width:50%; float: left; background: #fff; height: 2rem; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding: 2% 5%;}
.hzhb-list .li:nth-child(2n){border-right:0;}
.hzhb-list .li img { display:block; max-width: 75%; max-height: 65%;}

.news-top{ margin-bottom: 1%;}
.news-top .li{ width: 100%; height: 400px; background: #F8F9FC;}
.news-top .li a{display:block; width: 100%; height: 100%;}
.news-top .li .liL{ width: 50%; height: 100%; float: left; overflow: hidden;}
.news-top .li .liL img {display:block; width: 100%; height: 100%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.news-top .li .liR{ width: 50%; height: 100%; float: right; padding:42px 3% 4% 4%}
.news-top .li .liR .d1 { font-size: 18px; color: #333; line-height: 24px;font-family:DIN-Bold; margin-bottom: 14px;}
.news-top .li .liR .d2 { font-size: 24px; color: #333; line-height: 32px; margin-bottom: 20px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.news-top .li .liR .d3 {font-size: 15px; color: #666; min-height: 78px; line-height: 26px; margin-bottom: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.news-top .li .liR .d4 { display: inline-block;font-size: 14px; line-height: 22px; color: #666;background: url(../images/icon24.png) no-repeat right center; padding-right: 27px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.news-top .swiper-container-horizontal>.swiper-pagination-bullets{ width: 46%; left: inherit; right: 0; text-align: left; bottom:35px;}
.news-top .swiper-pagination-bullet{ width: 30px; height: 2px; background: #CCCCCC; opacity: 1;}
.news-top .swiper-pagination-bullet-active{ background: #FE6808;}
.news-top .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px 0 0;}
.news-top .swiper-slide:hover .li .liL img { transform: scale(1.08);}
.news-top .swiper-slide:hover .liR .d2{ color:#FE6808}
.news-top .swiper-slide:hover .liR .d4{ color:#FE6808}

.news-list{ clear:both; padding-bottom: 40px; overflow: inherit;}
.news-list .li{width:32.5333%; height: 240px; float: left; margin-right: 1.2%; margin-bottom: 1.2%; background: #F8F9FC; overflow: hidden; transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;}
.news-list .li:nth-child(3n){margin-right: 0;}
.news-list .li a{ display:block; width: 100%; height: 100%; padding: 31px 6% 15px 6%;}
.news-list .li .d1 { font-size: 18px; color: #999999; line-height: 24px;font-family:DIN-Bold; margin-bottom: 16px;}
.news-list .li .d2 { font-size: 18px; color: #342626; line-height: 28px; height: 113px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.news-list .li .d3 { display: block;font-size: 14px; line-height: 22px; color: #666;background: url(../images/icon24.png) no-repeat 18% center; padding-right: 27px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.news-list .li:hover{box-shadow: 0 26px 50px -6px rgba(97, 105, 113, 0.3);
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px); }
/*.news-list .li:hover .d1{ color: #fff;}
.news-list .li:hover .d2{ color: #fff;}
.news-list .li:hover .d3{ color: #fff;background: url(../images/icon24-on.png) no-repeat right center;}*/
.news-list .li:hover .d2{ color:#FE6808}
.news-list .li:hover .d3{ color:#FE6808;background: url(../images/icon24.png) no-repeat 19% center;}

.loading{ clear:both; width: 2rem; height: .6rem; line-height: .6rem; background: #DDDEE4; text-align: center; font-size: .20rem; color: #666666; border-radius: .3rem; margin: 0 auto; margin-top: .4rem; cursor: pointer;}

.fy{ clear:both; margin:0 auto; font-size:13px; text-align: center; line-height: 30px;}
.fy b{ display:inline-block; width:30px; height:30px; background:#FE6808; line-height:30px; margin:0 4px; color:#fff; font-weight:100; text-align:center; border:1px solid #FE6808}
.fy a{ display:inline-block; padding:0 10px;height:30px; text-align:center; line-height:30px;margin:0 4px; font-size:13px; background:none; border:1px solid #ddd;}

.news-con { width:1100px; margin: 0 auto;}
.news-tit{ text-align: center; font-size: .28rem; font-weight: bold;margin-bottom: 10px; line-height: .4rem;}
.news-time{ font-size: 13px; color: #888; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 4%; line-height: 24px;}
.news-text{ font-size: 16px; line-height: 32px;}
.news-text img { display: block; margin: 0 auto;max-width: 100%; height: auto!important; margin-bottom: 10px;}
.news-text video { display: block; max-width: 100%; height: auto!important; margin: 0 auto;margin-bottom: 10px;}
.news-text p { margin-bottom:10px; text-align: justify;}

/*威九国际传媒78m制造*/
.kfnl-div .box1{ clear: both; padding: 0 3% 3% 3%;}
.kfnl-div .box1 .swiper-container{position:static}
.kfnl-div .box1 .innerTit{width:100%; text-align: left;}
.kfnl-div .box1 .innerTit .d1 {font-size:.9rem}
.kfnl-div .box1 .innerTit .d2{ left: 0; text-align: center; padding-right: .8rem;}
.kfnl-div .box1 .box1L{ width:37%; float: left; position: relative; padding-bottom: 2%;}
.kfnl-div .box1 .box1L img { display:block; width: 100%; height: auto;}
.kfnl-div .box1 .box1R{ width: 57%; float: right; font-size: 16px; color: #666; line-height: 32px; padding-top: 6%;}
.kfnl-div .box1 .box1R .text {width:86%}
.kfnl-div .box1 .swiper-pagination-bullet{ width: 40px; height: 4px; background: #CCCCCC; opacity: 1; border-radius: 0;}
.kfnl-div .box1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0}
.kfnl-div .box1 .swiper-pagination-bullet-active{ background: #FE6808;}
.kfnl-div .box1 .swiper-container-horizontal>.swiper-pagination-bullets{ width:100%; bottom: 0;}

.kfnl-div .box2{ clear: both;background: url(../images/npic36.jpg) no-repeat center center; padding: 4% 0 5% 0; background-size: cover;}
.kfnl-div .box2 .innerTit .d1{ color:#fff;}
.kfnl-div .box2 .innerTit .d2{ color:#fff; left: 0}
.kfnl-div .box2 .wz {font-size:18px; color: #fff; text-align: center; width: 62%; margin: 0 auto; line-height: 35px; margin-bottom: 7%;}
.kfnl-div .box2 .list{width:1200px; margin: 0 auto;}
.kfnl-div .box2 .list .li { width: 268px; height: 268px; text-align: center; color: #fff; float: left; overflow: hidden;font-size: 18px; margin-right: 42px; cursor: pointer; position: relative; display:flex; align-items: center; justify-content: center;}
.kfnl-div .box2 .list .li .circle{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;background: url(../images/npic37-on.png) no-repeat center center; opacity: 0;}
.kfnl-div .box2 .list .li p{width:230px; height: 230px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; overflow: hidden;}
.kfnl-div .box2 .list .li p:after{content:''; display: block; width: 100%; height: 100%; background: url(../images/npic37.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 2;}
.kfnl-div .box2 .list .li p:before{content:''; display: block; width: 100%; height: 100%;  position: absolute; left: 0; top: 0; z-index: 1; opacity: 0;transform: scale(1.3); border-radius: 50%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.kfnl-div .box2 .list .li:nth-child(1) p:before{background: url(../images/npic38.jpg) no-repeat center center; background-size: cover;}
.kfnl-div .box2 .list .li:nth-child(2) p:before{background: url(../images/npic39.jpg) no-repeat center center; background-size: cover;}
.kfnl-div .box2 .list .li:nth-child(3) p:before{background: url(../images/npic40.jpg) no-repeat center center; background-size: cover;}
.kfnl-div .box2 .list .li:nth-child(4) p:before{background: url(../images/npic41.jpg) no-repeat center center; background-size: cover;}
.kfnl-div .box2 .list .li:last-child {margin-right:0}
.kfnl-div .box2 .list .li:nth-child(1):hover p:before{opacity:.4; transform: scale(1)}
.kfnl-div .box2 .list .li:nth-child(2):hover p:before{opacity:.4; transform: scale(1)}
.kfnl-div .box2 .list .li:nth-child(3):hover p:before{opacity:.4; transform: scale(1)}
.kfnl-div .box2 .list .li:nth-child(4):hover p:before{opacity:.4; transform: scale(1)}
.kfnl-div .box2 .list .li:hover .circle { animation: circle 3s infinite linear; opacity: 1}
@keyframes circle {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(-360deg);
        }
    }

.kfnl-div .box3{ clear: both;padding: 4% 0 0 0;}
.kfnl-div .box3 .wz {font-size:16px; color: #666; text-align: center; line-height: 32px; width: 87%; margin: 0 auto; margin-bottom: 4%;}
.kfnl-div .box3 .list{}
.kfnl-div .box3 .list .li{ width: 389px; height: 111px; line-height: 111px; background: url(../images/icon46.png) no-repeat center center; background-size: 100%; float: left; font-size: 16px; color: #333333; margin-right: 4%; margin-bottom: 4%; padding: 0 3.2%; cursor: pointer; -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.kfnl-div .box3 .list .li:nth-child(3n){ margin-right: 0;}
.kfnl-div .box3 .list .li .li_1{ padding-left: 95px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.kfnl-div .box3 .list .li1 .li_1{background: url(../images/icon40.png) no-repeat left center;}
.kfnl-div .box3 .list .li2 .li_1{background: url(../images/icon41.png) no-repeat left center;}
.kfnl-div .box3 .list .li3 .li_1{background: url(../images/icon42.png) no-repeat left center;}
.kfnl-div .box3 .list .li4 .li_1{background: url(../images/icon43.png) no-repeat left center;}
.kfnl-div .box3 .list .li5 .li_1{background: url(../images/icon44.png) no-repeat left center;}
.kfnl-div .box3 .list .li6 .li_1{background: url(../images/icon45.png) no-repeat left center;}
.kfnl-div .box3 .list .li:hover{color:#fff}
.kfnl-div .box3 .list .li1:hover{background: url(../images/pic316.png) no-repeat center center; }
.kfnl-div .box3 .list .li1:hover .li_1{background: url(../images/icon40-on.png) no-repeat left center;}
.kfnl-div .box3 .list .li2:hover{background: url(../images/pic317.png) no-repeat center center; }
.kfnl-div .box3 .list .li2:hover .li_1{background: url(../images/icon41-on.png) no-repeat left center;}
.kfnl-div .box3 .list .li3:hover{background: url(../images/pic318.png) no-repeat center center; }
.kfnl-div .box3 .list .li3:hover .li_1{background: url(../images/icon42-on.png) no-repeat left center;}
.kfnl-div .box3 .list .li4:hover{background: url(../images/pic319.png) no-repeat center center; }
.kfnl-div .box3 .list .li4:hover .li_1{background: url(../images/icon43-on.png) no-repeat left center;}
.kfnl-div .box3 .list .li5:hover{background: url(../images/pic320.png) no-repeat center center; }
.kfnl-div .box3 .list .li5:hover .li_1{background: url(../images/icon44-on.png) no-repeat left center;}
.kfnl-div .box3 .list .li6:hover{background: url(../images/pic321.png) no-repeat center center; }
.kfnl-div .box3 .list .li6:hover .li_1{background: url(../images/icon45-on.png) no-repeat left center;}








/*原切换效果
.kfnl-div .box3 .list .swiper-container{position:static}
.kfnl-div .box3 .list .swiper-slide{ width: 100%; height: 274px;background: url(../images/npic42.png) no-repeat top center; padding-top: 17px; text-align: center; font-size: 16px; color: #666;}
.kfnl-div .box3 .list .swiper-slide:last-child {margin-right:0}
.kfnl-div .box3 .list .swiper-slide .d1 { width: 170px; height: 170px; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom: 18px;}
.kfnl-div .box3 .list .swiper-slide .d1 img { display:block; width: 100%; height: 100%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.kfnl-div .box3 .swiper-pagination-bullet{ width: 40px; height: 4px; background: #CCCCCC; opacity: 1; border-radius: 0;}
.kfnl-div .box3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0}
.kfnl-div .box3 .swiper-pagination-bullet-active{ background: #FE6808;}
.kfnl-div .box3 .swiper-container-horizontal>.swiper-pagination-bullets{ width:100%; bottom: 0;}
.kfnl-div .box3 .list .swiper-slide:hover .d1 img{ transform: scale(1.1);}
*/


.djgh-div .box1{ width: 100%; height: 760px; background:#ebeef7 url(../images/npic76.jpg) no-repeat bottom center; background-size: 100%; overflow: hidden; padding-top: 6%;}
.djgh-div .box1 .wrap { width: 1360px; position: relative;}
.djgh-div .box1 .swiper-container{ width:88%; margin: 0 auto; position: static;}
.djgh-div .box1 .swiper-slide{ background: #fff; height: 400px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.djgh-div .box1 .swiper-slide a {display:block; width: 100%; height: 100%;}
.djgh-div .box1 .swiper-slide .pic {width:100%; height: 250px; overflow: hidden;}
.djgh-div .box1 .swiper-slide .pic img {display:block; width: 100%; height: 100%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.djgh-div .box1 .swiper-slide .text{ padding:5% 5% 4% 5%;}
.djgh-div .box1 .swiper-slide .text .d1 { font-size: 18px; color: #333; min-height: 56px; margin-bottom: 22px; line-height: 28px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.djgh-div .box1 .swiper-slide .text .d2 { font-size: 16px; color: #AAAEB5; line-height: 24px; font-family:Arial, "sans-serif";background: url(../images/npic77.png) no-repeat right center;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.djgh-div .box1 .swiper-button-prev{background: url(../images/icon22.png) no-repeat center center; background-size: cover; width: 50px; height: 50px; left: 0;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.djgh-div .box1 .swiper-button-next{background: url(../images/icon23.png) no-repeat center center; background-size: cover; width: 50px; height: 50px; left: inherit; right: 0;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.djgh-div .box1 .swiper-slide:hover .pic img { transform: scale(1.08);}
.djgh-div .box1 .swiper-slide:hover{background:#FE6808}
.djgh-div .box1 .swiper-slide:hover .text .d1{ color: #fff;}
.djgh-div .box1 .swiper-slide:hover .text .d2{ color: #fff;background: url(../images/npic77-on.png) no-repeat right center;}
.djgh-div .box1 .swiper-button-prev:hover {background: url(../images/icon22-on.png) no-repeat center center; }
.djgh-div .box1 .swiper-button-next:hover {background: url(../images/icon23-on.png) no-repeat center center; }

.djgh-div .box2{ clear:both; background: url(../images/npic29.jpg) no-repeat top center; overflow: hidden; background-size: 100%; padding-top: 3%; padding-bottom: 2%;}
.djgh-div .box2 .innerTit{text-align:center}
.djgh-div .box2 .innerTit .d1{color:#0E2050}
.djgh-div .box2 .innerTit .d2{color:#BF1B0E; left: 0;}
.djgh-div .box2 .list .li { width: 49%; height: 120px; float: left; margin-right: 1.5%; margin-bottom: 1.5%; padding:30px 23px 20px 23px;background:#fff url(../images/icon27.png) no-repeat 95% center; position: relative;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.djgh-div .box2 .list .li:after{content:''; display: block; width: 0; background: #BF1B0E; height: 2px; position: absolute; top: 0; left: 0;-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.djgh-div .box2 .list .li:nth-child(2n){margin-right:0;}
.djgh-div .box2 .list .li .d1 { font-size:18px; color: #333; line-height: 28px; width: 88%; margin-bottom: 11px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.djgh-div .box2 .list .li .d2 { font-size: 14px; color: #999; line-height: 22px;}
.djgh-div .box2 .list .li:hover{background:#fff url(../images/icon27-on.png) no-repeat 96% center;}
.djgh-div .box2 .list .li:hover:after{width: 100%;}
.djgh-div .box2 .list .li:hover{-moz-box-shadow:0px 1px 16px 2px #b8b7b7; -webkit-box-shadow:0px 1px 16px 2px #b8b7b7; box-shadow:0px 1px 16px 2px #b8b7b7;}

/*合规管理*/
.hggl-box .box1{background: url(../images/npic31.jpg) no-repeat center center; margin-bottom:5%; background-size: cover; height: 6rem; position: relative;}
.hggl-box .innerTit{text-align:center}
.hggl-box .innerTit .d1{color:#0E2050}
.hggl-box .innerTit .d2{color:#333333; left: 0;}
.hggl-box .box1 .qh_box {height:100%; position: relative;}

.hggl-box .box1 .qh_box .bx1 { width: 4.76rem; height: 6.2rem; background: url(../images/pic271.png) repeat center center; background-size: 100%; padding: 13.5% 8% 5% 6%; position: absolute; left: 0; top:-.2rem; z-index: 2; border-radius: 0px 99% 0px 0px; cursor: pointer;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}

.hggl-box .box1 .qh_box .d1 img{ display: block; width: .6rem; height: auto; margin-bottom: .29rem;}
.hggl-box .box1 .qh_box .bx1 .d1{ width: .6rem; height: .6rem; background: url(../images/icon33.png) no-repeat center center; background-size: 100%; margin-bottom: .29rem;-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;}
.hggl-box .box1 .qh_box .d2 { font-size: .18rem; line-height: .32rem; color: #697595; margin-bottom: .32rem; font-weight: bold;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.hggl-box .box1 .qh_box .d3 { font-size: .28rem; line-height: .44rem; color: #fff; opacity: .9; opacity:0;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}

.hggl-box .box1 .qh_box .bx2 { width: 11rem; height:7rem; background: url(../images/pic272.png) repeat center center; background-size: 100%; padding: 16% 8% 5% 43%; position: absolute; left: 0; top:-.6rem; z-index: 1; border-radius: 0px 99% 0px 0px; cursor: pointer;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.hggl-box .box1 .qh_box .bx2 .d1{ width: .6rem; height: .6rem;background: url(../images/icon34.png) no-repeat center center;background-size: 100%; margin-bottom: .29rem;-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;}
.hggl-box .box1 .qh_box .bx2 .d2{color:#697595}

.hggl-box .box1 .qh_box .actbx1{ width: 7.2rem!important; }
.hggl-box .box1 .qh_box .actbx1 .d1 {background: url(../images/icon33-on.png) no-repeat center center;background-size: 100%;}
.hggl-box .box1 .qh_box .actbx1 .d2{color:#FE6808}
.hggl-box .box1 .qh_box .actbx1 .d3{opacity:1}

.hggl-box .box1 .qh_box .actbx2{ width: 11rem!important; padding: 16% 8% 5% 33%;  }
.hggl-box .box1 .qh_box .actbx2 .d1 {background: url(../images/icon34-on.png) no-repeat center center;background-size: 100%;}
.hggl-box .box1 .qh_box .actbx2 .d2{color:#FE6808}
.hggl-box .box1 .qh_box .actbx2 .d3 { opacity:1;}

.hggl-box .box1 .qh_box .bx1:hover .d1{transform: rotateY(360deg) }
.hggl-box .box1 .qh_box .bx2:hover .d1{transform: rotateY(360deg) }



.hggl-box .box1 .telBox{ width: 3.4rem; position:absolute; right: 0; top: 31%;}
.hggl-box .box1 .telBox .li { width: 100%; height: 1rem; background: url(../images/icon37.png) repeat center center; margin-bottom: .18rem; border-radius: .5rem 0 0 .5rem; display: flex; align-items: center; padding-left:7%; color: #0E2050;}
.hggl-box .box1 .telBox .li .liL{ width: .6rem; margin-right: .14rem; }
.hggl-box .box1 .telBox .li .liL img {display:block; width: .6rem; height:auto;}
.hggl-box .box1 .telBox .li .liR{}
.hggl-box .box1 .telBox .li .liR .t1 { font-size: 14px; line-height: 20px; margin-bottom: .04rem;}
.hggl-box .box1 .telBox .li .liR .t2 { font-size: .26rem; line-height: .32rem; font-family:HarmonyOsSansSCLight; letter-spacing: -1px; font-weight: bold;}

.hggl-box .box2{clear:both;}
.hggl-box .box2 .list .li{ width:32.2%; height: 2.3rem; float: left; background: #fff url(../images/icon28.png) no-repeat 92% center; background-size: 1rem; margin-right: 1.7%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.hggl-box .box2 .list .li:nth-child(3n){margin-right:0}
.hggl-box .box2 .list .li a {display:block; width: 100%; height: 100%; padding:.47rem 7% .3rem 7%;}
.hggl-box .box2 .list .li .liL{ padding-top: .23rem}
.hggl-box .box2 .list .li .liL .t1{ width: 73%; font-size: .24rem; color: #333; line-height: .36rem; min-height: .72rem; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
.hggl-box .box2 .list .li .liL .t1 span{display:block}
.hggl-box .box2 .list .li .liL .t2{ font-size: .14rem; color: #999; line-height: .26rem; margin-top: .33rem;}
.hggl-box .box2 .list .li:hover {background: #FE6808 url(../images/icon28-on.png) no-repeat 92% center; background-size: 1rem; }
.hggl-box .box2 .list .li:hover .liL .t1{color:#fff;}
.hggl-box .box2 .list .li:hover .liL .t2{color:#fff; opacity: .5;}


.contactBg{ background: #EBEEF7;}
.lxwm-div .box1{ width: 100%;background: url(../images/npic30.jpg) no-repeat center center; background-size:100%; padding-top: 5%; padding-bottom: 6%;}
.lxwm-div .wrap {width:73%; margin: inherit; margin-left: 7%}
.lxwm-div .box1 .innerTit{text-align:left;}
.lxwm-div .box1 .innerTit .d1{color:#0E2050;}
.lxwm-div .box1 .innerTit .d2{color:#333333; left:.84rem;}
.lxwm-div .box1 .list { width: 100%; height: 4.1rem; text-align: center;}
.lxwm-div .box1 .list .li { width: 20%; height: 100%; float: left; margin-right: 1%; font-size: .18rem; line-height: .32rem; }
.lxwm-div .box1 .list .li1 { width: 30%;}
.lxwm-div .box1 .list .li2 { background: #EBEEF7;padding-top: 1.1rem;}
.lxwm-div .box1 .list .li3 { background: #EBEEF7;padding-top: 1.1rem;}
.lxwm-div .box1 .list .li4 { background: #EBEEF7;margin-right: 0;padding-top: 1.1rem;}
.lxwm-div .box1 .list .li .li_0 img { display:block; width: .48rem; margin: 0 auto; margin-bottom: .1rem;}
.lxwm-div .box1 .list .li .li_1 .li_1_1 { color: #FE6808; margin-bottom: .08rem;}
.lxwm-div .box1 .list .li .li_1 .li_1_1 span {display:block}
.lxwm-div .box1 .list .li .li_1 .li_1_2{ color: #333333;font-family:HarmonyOsSansSCLight; font-weight: bold;}
.lxwm-div .box1 .list .li .li_1 .li_1_2 a{ color: #333333;}


.lxwm-div .box1 .list .li .bx{ margin-bottom:.14rem; height: 1.98rem; background: #0E2050;padding-top: .3rem;}
.lxwm-div .box1 .list .li .bx2{ background: #EBEEF7; margin-bottom: 0;}
.lxwm-div .box1 .list .li1 .li_1 .li_1_1{color:#8790a8;}
.lxwm-div .box1 .list .li1 .li_1 .li_1_2{color:#fff;}
.lxwm-div .box1 .list .li1 .li_1 .li_1_2 a{color:#fff;}
.lxwm-div .box1 .list .li1 .bx2 .li_1 .li_1_1{color:#FE6808}
.lxwm-div .box1 .list .li1 .bx2 .li_1 .li_1_2{color:#333333}


.lxwm-div .box2{ clear:both; width: 100%; height: 6.4rem; overflow: hidden; position: relative;}
.lxwm-div .box2 .dh{ display:block; width: 1.7rem; height: .48rem; line-height: .48rem; color: #fff; text-align: center; border-radius: .26rem; background: #FE6808; position: absolute; left: 45%; top: 57%; z-index: 99; font-size: .16rem;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.lxwm-div .box2 .dh:hover {background:#0E2050;}

/*精益制造*/
.jyzz-div .text { text-align:center; font-size: 16px; color: #666; margin-bottom: 3%;}
.jyzz-div .list .li1 img{ display: block; width: 100%; height: auto; margin-bottom: 2%;}


/*原切换代码
.jyzz-div .list .swiper-slide:after{ content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .4; position: absolute; left: 0; top: 0; z-index: 2;}
.jyzz-div .list .swiper-slide img { display:block; width: 100%; height: auto;}
.jyzz-div .list .swiper-button-prev{background: url(../images/npic57.png) no-repeat center center; background-size: cover; width: .5rem; height: .5rem; top: 50%; left:5%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.jyzz-div .list .swiper-button-next{background: url(../images/npic58.png) no-repeat center center; background-size: cover; width: .5rem; height: .5rem; top: 50%; right:5%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.jyzz-div .list .swiper-button-prev:hover {background: url(../images/icon20-on.png) no-repeat center center; background-size: cover; }
.jyzz-div .list .swiper-button-next:hover {background: url(../images/icon21-on.png) no-repeat center center; background-size: cover; }
.jyzz-div .list .swiper-slide-active:after{ opacity:0;}
*/


.zlbz-div .box1 {background: url(../images/npic64.jpg) no-repeat center center; color: #fff; padding:120px 0 5% 0; background-size: cover;}
.zlbz-div .box1 .innerTit .d1{color:#FFFFFF;}
.zlbz-div .box1 .innerTit .d2{color:#FFFFFF;}
.zlbz-div .box1 .list .listL { width: 39%; float: left; text-align: justify; font-size: 16px; line-height: 31px; padding-top: 7%;}
.zlbz-div .box1 .list .listR { width: 55%; float: right;}
/*切换*/
.flash4{position:relative;}

.flash4 ul li{width:128px;height:340px;border-right:2px solid #0E2050;position:relative;overflow:hidden;float:left; cursor: pointer;}
.flash4 ul li:last-child{border-right:0;}

.flash4 ul li .imgTop img{opacity:1;display: block; max-width: inherit;}

.flash4 ul li .imgTop img.tm{opacity:1;}

.imgBot{position: absolute;top: 0;left: 0;width: 100%; height: 100%; text-align: center; display: flex; align-items: flex-end; justify-content: center;background:url(../images/npic72.png)repeat center center; }

.imgBot p{color: #fff;font-size: 18px; margin-bottom:18px;}

.flash4 ul li.first{width:299px;}

.flash4 ul li.fast{position:absolute;right:0px;bottom:0px;}

.imgCen{position: absolute;bottom: 0;width: 100%; height: 100%; left: 0; font-size: 16px; text-align: center; display: flex; align-items:flex-end; justify-content:center; opacity: 0;background:url(../images/npic68.png)no-repeat bottom center;background-size: cover; 

transition: All 0.5s;

    -moz-transition: All 0.5s;

    -webkit-transition: All 0.5s;

    -o-transition: All 0.5s;

}
.imgCen p { margin-bottom:18px; font-size: 18px;}
.whd_on .imgCen{opacity: 1;

transition: All 0.5s;

    -moz-transition: All 0.5s;

    -webkit-transition: All 0.5s;

    -o-transition: All 0.5s;

}
.whd_on .imgBot{display: none;}



.zlbz-div .box2 { clear:both;padding:6% 0;background: url(../images/npic65.jpg) no-repeat center center;}
.zlbz-div .box2 .text { width: 66%; font-size: 16px; color: #666666; text-align: center; margin-bottom: 4%;}
#focus_Box{position:relative;width:100%;height:470px;}
#focus_Box ul{position:relative;width:100%;height:470px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top; border: 10px solid #5b5b5b;}
#focus_Box li p{width:100%;line-height:22px; text-align: center; padding-top:10px;}
#focus_Box li p span{display:block;width:100%;height:100%;overflow:hidden; font-size: 14px; color: #333333;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:50px;height:50px;top:38%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
#focus_Box .prev{background: url(../images/npic74.png) no-repeat center center; background-size: cover;left:0px}
#focus_Box .next{background: url(../images/npic75.png) no-repeat center center; background-size: cover;right:0px} 
#focus_Box .prev:hover{background: url(../images/icon22-on.png) no-repeat center center;}
#focus_Box .next:hover{background: url(../images/icon23-on.png) no-repeat center center;}

.rcfz-div .box1 { width:100%; background: #0E2050; padding: 7% 0 4% 0;}
.rcfz-div .box1 .innerTit .d1 {color:#fff;}
.rcfz-div .box1 .innerTit .d2 {color:#fff;}
.rcfz-div .box1 .wz { font-size: 16px; color: #fff; text-align: center; margin-bottom: 4%;}
.rcfz-div .box1 .list { width:100%; padding-left: 8%; position: relative;}
.rcfz-div .box1 .list .swiper-container{ position: static; height: 5rem;}
.rcfz-div .box1 .swiper-slide{background: url(../images/npic79.png) no-repeat center center; background-size: cover; height: 4.15rem; padding: .16rem; border-radius: 14px;}
.rcfz-div .box1 .swiper-slide .L{ width: 70%; height: 100%; float: left; overflow: hidden;}
.rcfz-div .box1 .swiper-slide .L img { width:100%; height: 100%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.rcfz-div .box1 .swiper-slide:hover .L img { transform: scale(1.08);}
.rcfz-div .box1 .swiper-slide .R{ width: 30%; float: right; color: #fff; padding:.4rem .3rem .2rem .5rem;}
.rcfz-div .box1 .swiper-slide .R .d1 { font-size: .26rem; color: #fff; line-height: .38rem; margin-bottom: .3rem;}
.rcfz-div .box1 .swiper-slide .R .d1:after{content:''; display: block; width: 20px; height: 3px; background: #FE6808; margin-top: .2rem;}
.rcfz-div .box1 .swiper-slide .R .d2 { font-size: .14rem; line-height: .32rem;}
.rcfz-div .box1 .swiper-button-prev{background: url(../images/npic57.png) no-repeat center center; background-size: cover; width: .5rem; height: .5rem; top:inherit; bottom: 0; left:62%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.rcfz-div .box1 .swiper-button-next{background: url(../images/npic58.png) no-repeat center center; background-size: cover; width: .5rem; height: .5rem; top:inherit; bottom: 0; right:31%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.rcfz-div .box1 .swiper-button-prev:hover {background: url(../images/icon20-on.png) no-repeat center center; background-size: cover; }
.rcfz-div .box1 .swiper-button-next:hover {background: url(../images/icon21-on.png) no-repeat center center; background-size: cover; }

.rcfz-div .box2 { width:100%; background: #EBEEF7; padding: 5% 0;}
.rcfz-div .box2 .innerTit{text-align:left}
.rcfz-div .box2 .innerTit .d2 {left:.84rem}
.rcfz-div .box2 .box2_top{ position: relative; height: 1.5rem; margin-bottom: 2%;}
.rcfz-div .box2 .joinqh { width:6rem; height: .6rem; line-height: .6rem; position: absolute; right: 0; top: .2rem;}
.rcfz-div .box2 .joinqh ul{ height: 100%; display: flex; align-items: center; justify-content:flex-end; text-align: center;}
.rcfz-div .box2 .joinqh ul li { width: 1.63rem; height: 100%; margin-left: .2rem; font-size: .16rem; color: #333;  position: relative;cursor: pointer; border: 1px solid #BDC4D8; border-radius: .3rem; -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.rcfz-div .box2 .joinqh ul li.joinact { color: #fff; background: #FE6808;border: 1px solid #FE6808;}

.rcfz-div .box2 #joincontainer .tab { display: none; position: relative;}

/* 切换 */
.join-slide .view{ clear: both; height: 4.51rem; position: relative;background:url(../images/npic81.png) repeat-x center center; margin-top:.21rem; border: 1px solid #fff;}
.join-slide .view .arrow-left {
	background: url(images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}
.join-slide .view .arrow-right {
	background: url(images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.join-slide .preview { width: 100%;
	height: 1.4rem;
	position: relative;
}
.join-slide .view .swiper-container{height: 100%;}
.join-slide .preview .swiper-container {
	width: 91%;
	height: 1.4rem;
	margin-left:.7rem;
}
.join-slide .preview .swiper-slide {
	text-align: center;
	width: 3.41rem;
	height: 1.2rem;
	cursor:pointer;
	position: relative;
	background: url(../images/npic80.png) no-repeat top center; padding:0 .2rem 0 .2rem;
    margin: 0 .17rem;
}
.join-slide .preview .arrow-left {
	background:url(../images/icon20.png) no-repeat left center;border-radius: 50%;
	position: absolute;
	left: 0;
	top: 27%;
	margin-top: -3px;
width: 50px;height: 50px;
	z-index: 10; background-size: cover;
}
.join-slide .preview .arrow-left:hover{background: url(../images/icon22-on.png) no-repeat left center; background-size: cover;}
.join-slide .preview .arrow-right {
	background:url(../images/icon21.png) no-repeat right center;border-radius: 50%;
	position: absolute;
	right: 0;
	top: 27%;
	margin-top: -3px;
width: 50px;height: 50px;
	z-index: 10; background-size: cover;
}
.join-slide .preview .arrow-right:hover{background: url(../images/icon23-on.png) no-repeat right center; background-size: cover;}
.join-slide .preview .swiper-slide .d1{ font-size: .19rem; color: #333; line-height: .38rem; height: 100%; display: flex; align-items: center; justify-content: center;}
.join-slide .preview .swiper-slide .d2{ font-size: .2rem; color: #666; line-height: .3rem;}
.join-slide .preview .active-nav .d1{color: #FE6808;}
.join-slide .preview .active-nav {background:#fff; position: relative;}
.join-slide .preview .active-nav:after{content:''; display: block; width: .43rem; height: .18rem; background: url(../images/npic83.png) no-repeat center center; position: absolute; left: 50%; bottom: -.18rem; margin-left: -.22rem; background-size: cover;}

.join-slide .view .swiper-slide{ height: 100%; padding: .57rem .76rem;}
.join-slide .zpBox{ width: 100%; height: 100%; overflow: hidden;}
.join-slide .zpBox .L{ width: 33%; height: 100%; float: left;}
.join-slide .zpBox .R{ width: 63%; height: 100%; float: right;}
.join-slide .zpBox .L img { display:block; width: 100%; height: 100%;}
.join-slide .zpBox .R .R_gd{ width: 100%; height: 2.22rem; overflow-y:auto; margin-bottom: .3rem}
.join-slide .zpBox .R .t1 { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: .22rem;}
.join-slide .zpBox .R .t1 .t1L { width:1.02rem; font-size: .18rem;color: #0E2050; font-weight: bold; line-height: .32rem;}
.join-slide .zpBox .R .t1 .t1R { width: 87%; font-size: .14rem; line-height: .32rem; color: #666666;}
.join-slide .zpBox .R .t1 .t1R_2{ font-size: .18rem; color: #FE6808; line-height: .3rem;}
.join-slide .zpBox .R .tdbtn { clear: both;width: 1.2rem; height: .38rem; line-height: .38rem; color: #fff; background: #FE6808; border-radius: .2rem; text-align: center; font-size: .14rem; margin-left: 1.02rem; margin-top: -.1rem; cursor: pointer;}
.join-slide .zpBox .R .R_gd::-webkit-scrollbar{
    width: 4px; 
}
.join-slide .zpBox .R .R_gd::-webkit-scrollbar-track{
    background: #eae9e9;
}
.join-slide .zpBox .R .R_gd::-webkit-scrollbar-thumb{
    border-radius: 5px;background: #c9c9c9;
}
/*弹出层-在线应聘*/
.fotdn-yp {
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0,0,0,.4);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index:9999;
}
.fotdn-yp .jbxx-div{
	width: 560px;
	height: 460px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -230px;
	margin-left: -280px;
	z-index:99999;
	box-sizing:border-box;
	background:#fff; padding: 10px 40px;
}
.fotdn-yp .jbxx-div .tit { font-size:28px;line-height:52px;color:#333; font-weight:bold; margin-top: 15px; margin-bottom: 25px;}
.fotdn-yp .jbxx-div .fancybox{
	position: absolute;
	top: 12px;
	right: 12px;
	cursor: pointer;
	 width:24px; height:24px;
}

.fotdn-yp .jbxx-div .d1 { margin-bottom:15px; height:40px; line-height: 40px; border:1px solid #E5E5E5; border-radius: 22px; overflow: hidden; padding: 0 20px;}
.fotdn-yp .jbxx-div .d1 span { display:block; float:left; width:105px; height: 100%; font-size: 16px; color: #333;}
.fotdn-yp .jbxx-div .d1 input { display:block; width:300px; float:left; line-height:39px; height:100%; border:0; box-sizing:border-box; font-size: 16px;}
.fotdn-yp .jbxx-div .d2 { clear:both; width:100%;height:40px; margin-bottom:15px; line-height:40px;border:1px solid #E5E5E5; border-radius: 22px; overflow: hidden; padding: 0 20px;}
.fotdn-yp .jbxx-div .d2 span { display:block; float:left; width:105px; line-height:40px; font-size: 16px; margin-right: 5px; color: #333;}
.fotdn-yp .jbxx-div .d2 input { display:block; width:208px; border:0; height:40px; line-height:40px; box-sizing:border-box; background: #fff; float: left; }
.fotdn-yp .jbxx-div .d2 span.tx { font-size:13px; width:115px;text-align: left;}
.fotdn-yp .jbxx-div .d22 {clear:both; width:100%;height:40px; margin-bottom:15px; line-height:40px;border:1px solid #E5E5E5; border-radius: 22px; overflow: hidden; padding: 0 20px;}
.fotdn-yp .jbxx-div .d22 span { display:block;float:left; width:105px; line-height:40px; font-size: 16px; color: #333;}
.fotdn-yp .jbxx-div .d22 input { display:block; width:160px; border:0; line-height:40px; box-sizing:border-box;float:left; font-size: 16px;}
.fotdn-yp .jbxx-div .d22 img { display:block; float: right; height: 34px; margin-top: 2px;}
.fotdn-yp .jbxx-div .d4 { clear:both;}
.fotdn-yp .jbxx-div .d4 .btn { display:block; width:100%; line-height:44px; height:44px; color:#fff; background:#FE6808; border:0; cursor:pointer; border-radius: 20px; font-size: 16px;}


.product-div .tit { width: 100%; text-align: center; color: #222; letter-spacing: 1px; margin-top: 1.7rem; position: absolute; left: 0; top: 0; z-index: 2;}
.product-div .tit .d1 { font-size: .46rem; line-height: .6rem; margin-bottom: .1rem; font-weight: bold;}
.product-div .tit .d2 { font-size: .24rem; line-height: .34rem;}

/* 切换 */


@-webkit-keyframes beacon1_1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(254, 104, 8, 0.6);
        -moz-box-shadow: 0 0 0 0 rgba(254, 104, 8, 0.6);
        box-shadow: 0 0 0 0 rgba(254, 104, 8, 0.6);
    }
    100% {
        -webkit-box-shadow: 0 0 0 .4rem transparent;
        -moz-box-shadow: 0 0 0 .4rem transparent;
        box-shadow: 0 0 0 .4rem transparent;
    }
}
/*圈*/
.di_l1_1 {
    top: 45%;
    left: 42%;
    -webkit-animation: beacon1_1 1s infinite linear;
    -o-animation: beacon1_1 1s infinite linear;
    animation: beacon1_1 1s infinite linear;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}
.di_l1_2 {
    top: 45%;
    left: 42%;
    -webkit-animation: beacon1_1 1.5s infinite linear;
    -o-animation: beacon1_1 1.5s infinite linear;
    animation: beacon1_1 1.5s infinite linear;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}
.di_l1_3 {
    top: 45%;
    left: 42%;
    -webkit-animation: beacon1_3 2s infinite linear;
    -o-animation: beacon1_3 2s infinite linear;
    animation: beacon1_3 2s infinite linear;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}



/*切换2*/
/* 切换 */
.product-div{position: relative; height: 10.8rem;background:url(../images/pic308.jpg) no-repeat center center;}
.product-div .gallery-top .swiper-container{height: 100%;}
.product-div .gallery-top .swiper-slide{height:10.8rem}
.product-div .gallery-top .pic { width: 4rem; height: 4rem; overflow: hidden;  border-radius: 50%; border: .04rem solid #fff; display: flex; align-items: center; justify-content: center; margin-top: .3rem; margin-left: .2rem; background: #fff; position: absolute; left: 12%; top: 27%; z-index: 22;}
.product-div .gallery-top .pic img{ display: block; max-width: 70%; max-height: 70%; margin: 0 auto;}
.product-div .gallery-top .car {display: block; width: 100%; height: auto; position: absolute; right: 0; top: 0; z-index: 1;}
.product-div .gallery-top .swiper-button-prev {
	background:url(../images/npic105.png) no-repeat left center;border-radius: 50%;
	position: absolute;
	right:19%; left: inherit;
	top:inherit; bottom: 6.3%;
width: .4rem;height: .4rem;
	z-index: 10; background-size: cover;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.product-div .gallery-top .swiper-button-prev:hover{background: url(../images/npic105-on.png) no-repeat left center; background-size: cover;}
.product-div .gallery-top .swiper-button-next {
	background:url(../images/npic106.png) no-repeat right center;border-radius: 50%;
	position: absolute;
	right: 15%;
	top:inherit; bottom: 6.3%;
width: .4rem;height: .4rem;
	z-index: 10; background-size: cover;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.product-div .gallery-top .swiper-button-next:hover{background: url(../images/npic106-on.png) no-repeat right center; background-size: cover;}

.product-div .dian {/*background:url(../images/npic108.png) no-repeat center center; background-size:.45rem;*/ width: 76px; height: 76px; position: absolute; z-index: 99999999}
/*新能源*/
.product-div .list1 .dian1 { right: 21.2%; top: 38.2%;}
.product-div .list1 .dian2 { right: 21.2%; top: 38.2%;}
.product-div .list1 .dian3 { right: 44.2%; top: 54.5%;}
.product-div .list1 .dian4 { right: 21.2%; top: 38.2%}
.product-div .list1 .dian5 { right: 21.2%; top: 38.2%}
.product-div .list1 .dian6 { right: 49.5%; top: 56.5%;}
.product-div .list1 .dian7 { right: 46.7%; top: 59.5%;}
.product-div .list1 .dian8 { right: 45.7%; top: 50.5%;}
.product-div .list1 .dian9 { right: 32.7%; top: 46.2%;}
.product-div .list1 .dian10 { right: 32.7%; top: 46.2%;}
/*传统汽车*/
.product-div .list2 .dian1 { right: 47.3%; top: 53.8%;}
.product-div .list2 .dian2 { right: 47.3%; top: 53.8%;}
.product-div .list2 .dian3 { right: 47.3%; top: 53.8%;}
.product-div .list2 .dian4 { right: 47.3%; top: 53.8%;}
.product-div .list2 .dian5 { right: 51.5%; top: 55.5%;}
.product-div .list2 .dian6 { right: 51.5%; top: 55.5%;}
.product-div .list2 .dian7 { right: 51.5%; top: 55.5%;}
.product-div .list2 .dian8 { right: 28%; top: 36.6%;}
.product-div .list2 .dian9 { right: 32.5%; top: 32%;}
.product-div .list2 .dian10 { right: 32.5%; top: 32%;}
.product-div .dian ul li {
    cursor: pointer;
    width: .14rem;
    height: .14rem;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; background: #FE6808;
}


.product-div .gallery-thumbs{width:64%; margin: 0 auto; position: absolute; left: 12%; bottom: 1%; z-index: 99; overflow: hidden;}
.product-div .line{ width: 2px; height: 60px; background:url(../images/npic109.png) no-repeat center center; position: absolute; right: 23%; bottom: 5%; z-index: 999;}
.product-div .gallery-thumbs .swiper-slide {
	text-align: center;
	width: 1.2rem;
	height: 1.8rem;
	cursor:pointer;
	position: relative;
}
.product-div .gallery-thumbs .swiper-slide .d1{ width: 100%; font-size:.17rem; color: #333; line-height: .22rem; opacity: 0; height: .44rem; overflow: hidden;}
.product-div .gallery-thumbs .swiper-slide .d2 { width: 1.2rem; height: 1.2rem; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.product-div .gallery-thumbs .swiper-slide .d2 p { width: .8rem; height: .8rem;  border-radius: 50%; overflow: hidden; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: #fff; /*background: rgba(255,255,255,0.3);*/ }
.product-div .gallery-thumbs .swiper-slide .d2 p img { display: block; max-width:66%; max-height: 68%;}
.product-div .gallery-thumbs .swiper-slide-thumb-active .d1{ opacity:1;}
.product-div .gallery-thumbs .swiper-slide-thumb-active .d2 p{ width: 100%; height: 100%; }