@charset "utf-8";
/* CSS Document */


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;  font-family: "Arial","Microsoft Yahei";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:1440px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;} 

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy *{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
div.fy {text-align:center;line-height:4rem; padding-top:2 0px;}
div.fy a {  margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; display:inline; background: #fff;  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
div.fy a:hover{ color:#fff;  background: #ba251e;  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
div.fy a:active{ color:#fff; background: #ba251e;  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
div.fy span.current{margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em;  background: #ba251e;  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
div.fy span.disabled{ margin:2px 2px; padding:8px 12px; color:#666; font-size:1.4em; background: #fff;  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 25px;	right: 25px;	z-index: 999;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#fff; content: ''; display: block; width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:rgba(0,0,0,0.7);  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0; left: 0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px 20px 0; font-size:2.4em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;	display:block;}
.s-close::before,.s-close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.s-close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}

.overCurtain2 .s-close{ float: right; top:20px; right: 20px; position: absolute;}
.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.5; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: fit-content;	}

/*header*/
.header,.header *,.header .m-list>a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{ padding: 0 8%; background: rgba(0,0,0,0.8); position: absolute; top:0; left: 0; width: 100%; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header>*{  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .logo{ padding: 36px 0 10px 0; z-index: 3; position: relative;  float:left; }
.header .logo img{ z-index: 3; position: relative;}

.header .mune{ position: relative; padding:58px 0 0 0; float:right;}
.header .mune>*,.header .m-list{ float:left; }
.header .m-list>a{ padding-bottom: 10px; position: relative; display: inline-block;  font-size:1.4em; color:#fff; margin:0 35px; line-height:22px;}
.header .m-list{ position:relative;}
.header .m-list .m-boxs{ display:none; position: absolute; top:100%; left: calc(50% - 80px); width: 160px; background: rgba(0,0,0,0.8); padding: 10px 0;}
.header .m-list .m-boxs a{ color: #fff; display: block; text-align: center; line-height: 2; font-size: 1.4em;}
.header .m-list:hover .m-boxs{ display:block;}
.header .m-list>a:after{ position: absolute; bottom: 0px; left: 0; width: 100%; height: 3px; content: ""; background: #de1a37; transform: scaleX(0);}
.header .m-list:hover>a:after,#m1 .m1:after,#m2 .m2:after,#m3 .m3:after,#m4 .m4:after,#m5 .m5:after,#m6 .m6:after,#m7 .m7:after{ transform: scaleX(1);}
.header .more{ padding-left: 80px;}
.header .more a{ line-height:22px; font-size:1.4em; color: #fff; display: inline-block; padding: 0 8px;}
.header .more a:first-child{ border-right: 1px solid #fff;}


/*footer*/
.footer a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer { background: #211e19;}
.footer .fo1{  padding: 80px 0 60px 0; overflow: hidden;}
.footer .fo1 .f-logo{ width: 240px; float:left; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .f-logo img{ max-width: 100%;}
.footer .fo1 .mune{ width: calc(100% - 240px); overflow: hidden; float:left; padding-top:10px;}
.footer .fo1 .mune>*{ float:left;}
.footer .fo1 .mune .mune-line{ width: calc(100% - 300px);}
.footer .fo1 .mune .mune-line .dot{ float:left; width: 16.66%; }
.footer .fo1 .mune .mune-line .dot h3 a{ font-size: 1.8em; color: #fff; line-height: 1.5; margin-bottom: 10px;}
.footer .fo1 .mune .mune-line .dot p a{ font-size: 1.4em; line-height: 2; color: #555;}
.footer .fo1 .mune .mune-line .dot a:hover{ color: #fff; text-decoration: underline;} 
.footer .fo1 .mune .mtxts{ width: 300px; text-align: right;}
.footer .fo1 .mune .mtxts .txt img{ margin-bottom: 12px;}
.footer .fo1 .mune .mtxts p{ font-size: 1.4em; color: #555; line-height: 1.5;}
.footer .fo1 .mune .mtxts .fshare{ margin-top: 20px;}
.footer .fo1 .mune .mtxts .fshare a{ display: inline-block; margin-left: 20px;}

.footer .fd{ background: #292929; overflow: hidden; padding: 6px 0;}
.footer .fd p{ float:left; text-align: center; font-size: 1.4em;  line-height: 1.5; color: #8c8c8c ;}
.footer .fd p:last-child{ float:right;}
.footer .fd p a{ font-size: 1em; color: #888;}
.footer .fd p a:hover{ text-decoration: underline;}

.bottomlist{ background:#000; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}


/*banner*/
.banner *{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.banner img{ width: 100%;}
.banner .ban-pag{bottom: 30px;}
.banner .swiper-pagination-bullet{  width:10px; height:10px;  background: #929292;}
.banner .swiper-pagination-bullet-active{ background: #d7000f;}
/*iab*/
.iab{ padding: 80px 0 40px 0; border-bottom: 20vh solid #666; background-image: linear-gradient(180deg,#fff 0%,#fff 60%,#e6e6e6 60%,#e6e6e6 100%);}
.iab .img img{ max-width: 100%;}
.iab .tit{ margin: 30px 0 10px 0px;}
.iab .tit>*{ display: inline-block;}
.iab .tit span{ width: 40px; height: 35px; background: #d40000;}
.iab .tit h3{ font-size: 4.4em; font-weight: 800; line-height: 1.1; color: #808080; text-transform:uppercase;}
.iab .tit h4{ font-size: 4.4em; color: #fff; line-height: 1.1; font-weight: 800;}
.iab .txt p{ font-size: 1.4em; color: #4d4d4d; line-height: 2; text-indent: 2em;}
.iab .txt p span{ font-weight: bold; font-size: 1em;}
.iab .txt a{ font-size: 1.4em; color: #4d4d4d; margin-top: 16px; display: inline-block;}
.iab .txt a:hover{ color:#d40000;}
/*ip*/
.ip .dots .dot *{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ip{ padding: 120px 0 150px 0; overflow: hidden; background: url(../images/ip-bg.jpg) center bottom no-repeat #212121; background-size: cover !important;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ip .tit .tip{ position: relative; text-align: center; padding-bottom: 30px;}
.ip .tit .tip>*{ display: inline-block;}
.ip .tit .tip h3{ font-size: 3.6em; color: #1a1a1a; line-height: 1.1;}
.ip .tit .tip h4{ font-size: 4.4em; color: #d40000; font-weight: 800; line-height: 1.1; text-transform: uppercase;}
.ip .tit .tip:after,.ip .tit .tip:before{  position: absolute; content: ""; left: 0; bottom:0; height: 2px;}
.ip .tit .tip:before{ width: 30%; background: #d40000; z-index: 2;}
.ip .tit .tip:after{ width: 400%; background: #1a1a1a;}
.ip .tit .line-t{  padding: 12px 0 30px 0;}
.ip .tit .line-t p{ font-size: 1.4em; line-height: 2; color: #000;}
.ip .dots{ overflow: hidden; }
.ip .dot{ position: relative;}
.ip .dot .img{ overflow: hidden; }
.ip .dot .img img{ width: 100%;}
.ip .dot .txt{ background: #fff;}
.ip .dot .txt h3{ font-size: 1.6em; color: #000; display: inline-block; padding: 12px 12px 0 12px; border-bottom: 1px solid #666; width: 100%; max-width: 135px; line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ip .dot .txt h4{  padding: 28px 12px 6px 12px; font-size: 1.4em; color: #4d4d4d; line-height: 1.2; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ip .dot:hover .img img{ transform: scale(1.1);}
/*ieq*/
.ieq{ padding: 1px 0; background: url(../images/ieq-bg.jpg) top center no-repeat; background-attachment: fixed; background-size: cover !important;}
.ieq .top-tip{ display: table; padding: 30px 60px; max-width: 340px; height: 360px; background: #d40000; margin-top: -50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2;}
.ieq .top-tip .tt{ display:table-cell; vertical-align:bottom;}
.ieq .top-tip .tt img{ width:  100%; border-top:1px solid #fff; padding: 10px 0 0 0;}
.ieq  .ieq-txt{ position: relative; padding:12% 12px 20px 12px; height: 750px; margin: -310px 0 0 auto; max-width: 450px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ieq  .ieq-txt:after,.ieq  .ieq-txt:before{ position: absolute;  width: 70%; background: rgba(0,0,0,0.5);  height: calc(100% + 1px); content: ""; top:0;}
.ieq  .ieq-txt:after{ left: 0;}
.ieq  .ieq-txt:before{ right: 0;}
.ieq  .ieq-txt>*{ position: relative; z-index: 2;}
.ieq  .ieq-txt h3{ font-size: 3.6em; color: #fff; line-height: 1.2;}
.ieq  .ieq-txt h4{ font-size: 4.4em; color: #a10000; line-height: 1.2; text-transform: uppercase; font-weight: 800;}
.ieq  .ieq-txt p{ font-size: 1.4em; line-height: #fff; line-height: 2; color: #fff;}
.ieq  .ieq-txt a{ margin-top: 40px; float:right; font-size: 1.6em; color: #999; line-height: 1.5; display: inline-block; text-align: right;}
.ieq  .ieq-txt a:hover{ color:#d40000;}

/*tits*/
.tits{ text-align: center;}
.tits>*{ display: inline-block;}
.tits h3{ font-size: 2.4em; color: #4d4d4d;  line-height: 30px;font-weight: bold;}
.tits h4{ font-size: 2.4em; color: #070708; line-height: 30px;}

/*banners*/
.banners{ height:510px; background-size: cover !important;}
.about{background: url(../images/banners/about-banner.jpg) center center no-repeat;}
.news{background: url(../images/banners/news-banner.jpg) center center  no-repeat;}
.contact{background: url(../images/banners/contact-banner.jpg) center center  no-repeat;}
.corp{background: url(../images/banners/corp-banner.jpg) center center  no-repeat;}
.join{background: url(../images/banners/join-banner.jpg) center center  no-repeat;}
.process{background: url(../images/banners/process-banner.jpg) center center  no-repeat;}
.product{background: url(../images/banners/product-banner.jpg) center center  no-repeat;}
.craft{background: url(../images/banners/craft-banner.jpg) center center  no-repeat;}


/*about*/
/*tit*/
.about-t .tit{ position: relative; border-bottom: 1px solid #d1d1d1; }
.about-t .tit:after{ position: absolute; bottom: -4px; right: 0; background:#fe0000; width: 8px; height: 8px; content: "";}
.about-t .tit>span,.about-t .ab1 h3{ float:left;}
.about-t .tit>span{ display: inline-block; width: 28px; height: 28px; background: #fe0000; margin:0  8px 8px 0;}
.about-t .tit h3{ line-height: 28px; font-size: 3em; color: #4d4d4d;  font-family: "Arial";}
.about-t .tit h3 span{ font-size: 1em; font-weight: 800; line-height: 28px; display: inline-block; text-transform: uppercase;}
/*ab1*/
.about-t .ab1{ padding: 50px 0 170px 0; background-image:linear-gradient(180deg,#fff 0%,#fff 70%,#e6e6e6 70%,#e6e6e6 100%);}
.about-t .ab1 .t{ padding: 14px 0 50px 0; color: #4d4d4d;}
.about-t .ab1 .t h4{ font-size: 1.6em; line-height: 2;}
.about-t .ab1 .t h4:nth-child(2){ margin-bottom: 6px;}
.about-t .ab1 .t h5{ font-size: 1.6em; line-height: 2; font-family: "Arial";}
.about-t .ab1 .t p{ text-indent: 2em; font-size: 1.4em; line-height: 2; margin-top: 16px;}
.about-t .ab1 .imgs{ overflow: hidden;}
.about-t .ab1 .imgs>*{ float:left;}
.about-t .ab1 .imgs img{ width: 100%;}
.about-t .ab1 .imgs div:first-child{width: 62.7%;}
.about-t .ab1 .imgs div:last-child{width: 37.3%;}
/*ab2*/
.about-t .ab2{ padding: 100px 0 0px 0; background: url(../images/about/ab2-bg.jpg) center center no-repeat; background-size: cover !important; position: relative;}
.about-t .ab2:after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 110px; background: #d40000; content: "";}
.about-t .ab2 .tit h3{ color: #fff; font-weight: 100;}
.about-t .ab2 .ab2-box{ padding-bottom: 45px; position: relative; overflow: hidden; padding-top: 30px;}
.about-t .ab2 .ab2-box>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab2 .ab2-box .txt{ width: 40%; padding:4% 2% 0 2%; color: #fff;}
.about-t .ab2 .ab2-box .txt h3{ font-size: 2.4em; line-height: 1.5; font-weight: bold; margin-bottom: 20px;}
.about-t .ab2 .ab2-box .txt p{ font-size: 1.4em; font-weight: 100; line-height: 2; }
.about-t .ab2 .ab2-box .t{ position: absolute; bottom: 30px; left: 20px; z-index: 3; color: #fff;}
.about-t .ab2 .ab2-box .t h3{ font-size: 1.8em; line-height: 1.5;}
.about-t .ab2 .ab2-box .t p{ font-size: 1.4em; text-transform: uppercase;  margin-top: 10px;}
.about-t .ab2 .ab2-box .links{ margin-top: 70px;}
.about-t .ab2 .ab2-box .links a{ margin-right: 30px; display: inline-block;}
.about-t .ab2 .ab2-box .links a h4{ font-size: 1.6em; line-height: 1.5; color: #fff; display: inline-block;}
.about-t .ab2 .ab2-box .links a:hover{ text-decoration: underline;}
.about-t .ab2 .ab2-box .links img{ margin:0 4px -9px 0;}
.about-t .ab2 .ab2-box .imgs{ width: 60%; position: relative; max-width: 900px; padding: 0 50px 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab2 .ab2-box .imgs img{ max-width: 100%;}
.about-t .ab2 .btn{ bottom: 0; position: absolute; left: 0; width: 100%; height: 20px;}
.about-t .ab2 .swiper-button-prev,.about-t .ab2 .swiper-button-next{ width: 30px; height: 100%; background-size: 30px 30px; top:auto; bottom: 0;}
.about-t .ab2 .swiper-button-prev{ left: 0;}
.about-t .ab2 .swiper-button-next{ right: 0;}
/*ab3*/
.about-t .ab3{ padding: 120px 0 130px 0; background-size: contain !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab3 .tit{ padding:0 0 12px 0; text-align: center;}
.about-t .ab3 .tit h3{ font-weight: 100;}
.about-t .ab3 .tit:after{ display: none;}
.about-t .ab3 .ab3-box{ text-align: center;}
.about-t .ab3 .ab3-box img{ max-width: 100%; padding: 30px 0 50px 0;}
.about-t .ab3 .ab3-box .ab3-tip{ position: relative;}
.about-t .ab3 .ab3-box .ab3-tip:after{ position: absolute; width: 100%; left: 0; top:6px; content: ""; border-bottom: 1px solid #b3b3b3; z-index: 0;}
.about-t .ab3 .ab3-box .ab3-tip h3{ position: relative; z-index: 1; padding: 0 16px; display: inline-block; background: #fff; font-size: 1.2em; color: #b3b3b3;}
/*ab4*/
.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ab4{ padding: 65px 0; background:url(../images/about/ab4-bg.jpg) bottom center no-repeat; background-size: cover !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab4 .tit{margin-left: calc(50% - 710px); border-bottom: none;}
.about-t .ab4 .tit:after{ display: none;}
.about-t .ab4 .tit h3{ color: #fff; font-size: 2.4em; font-weight: 100; font-family: "Microsoft Yahei";}
.about-t .ab4 .tit h3 span{ color: #fff; font-size: 1.5em;}
.about-t .ab4 .ab4-box{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab4 .ab4-box .tit img{ margin-top: -60px;}
.about-t .ab4 .ab4-box .ab4-ddot{ position: relative; margin-top: 20px; padding-bottom: 40px; padding: 0 calc(50% - 710px);}
.about-t .ab4 .ab4-box .ab4-ddot:after{ content: ""; background: rgba(255,255,255,0.59); width: 100%; height: 1px; top:245px; left: 0; position: absolute; z-index: 2;}
.about-t .ab4 .ab4-box .ab4-ddot .ab4-slider{ padding:60px 0; }
.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide{ padding: 70px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide h3{ font-size: 4.8em; font-weight: 800; color: #fff;  font-family: "Arial";}
.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide span{  display: inline-block; width: 14px; height: 14px; border-radius: 50%;  margin: 60px 0; background: #ddd;transform-origin : 100% 0 0;  position: relative; z-index:3;}
.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide p{ line-height: 1.5; font-size: 1.4em; color: #fff; }
.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide:nth-child(2n) span{transform-origin : 0 100% 0;}
.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide:hover{background: #ca0000;}
/*ab5*/
.about-t .ab5 .ab5-imgs .ab5-slider .swiper-slide{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.about-t .ab5{ padding: 120px 0; background:url(../images/about/ab5-bg.jpg) bottom center no-repeat;  background-size: cover !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab5 .tit h3{ font-weight: 100;}
.about-t .ab5 .ab5-tip{ font-size: 1.2em; color: #999; line-height: 1.2; margin: 12px 0;}
.about-t .ab5 .ab5-imgs{ position: relative;}
.about-t .ab5 .ab5-imgs .btn{ position: absolute; top:40px;  height:calc( 100% - 80px); left: 0; width: 100%;}
.about-t .ab5 .ab5-imgs img{ width: 100%;}
.about-t .ab5 .ab5-imgs .ab5-slider{  margin: 0 70px; padding: 40px 0;}
.about-t .ab5 .ab5-imgs .ab5-slider .swiper-slide-next{ transform: scale(1.1);}
.about-t .ab5 .ab5-imgs .swiper-button-prev,.ab5 .ab5-imgs .swiper-button-next{ width: 40px; height: 100%; background-size: 20px 20px; background-color: #e6e6e6; top:auto; bottom: 0;}
.about-t .ab5 .ab5-imgs .swiper-button-prev{left: 0;}
.about-t .ab5 .ab5-imgs .swiper-button-next{ right: 0;}

/*lists*/
.lists a{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.lists{ text-align: center; background: #f5f5f5; padding: 40px 0 35px 0;}
.lists a{ position: relative; border-radius: 5px; border:2px solid #ddd; font-size: 1.6em; color: #666; line-height: 1.2; padding: 6px 40px; margin: 0 10px 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lists a:before{ position: absolute; border-left: 9px solid transparent;    border-right: 9px solid transparent; border-top: 9px solid #ba251e;    content: " "; display: block; width: 0; height: 0; bottom: -9px;    left: calc(50% - 6px);  opacity: 0; transform: translateY(-10px);}
.lists a.lock,.lists a:hover,
.s1 .s1,.s2 .s2,.s3 .s3,
.cr1 .cr1,.cr2 .cr2
{ display: inline-block; background: #ba251e; border: 2px solid #ba251e; color: #fff; }
.lists a.lock:before,.lists a:hover:before,
.s1 .s1:before,.s2 .s2:before,.s3 .s3:before,
.cr1 .cr1:before,.cr2 .cr2:before
{opacity: 1; transform: translateY(0px);}
.n-list.lists{ background: #f4f4f4;}


/*news*/
.news-t .boxs .box,.news-t .boxs .box *{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.news-t{ padding: 40px 0 80px 0;}
.news-t .boxs{ margin-top: 50px;}
.news-t .boxs .box{ background: #f5f5f5; margin: 40px 0;}
.news-t .boxs .box a{ padding: 30px 4%; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-t .boxs .box a>*{ display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-t .boxs .box a .img{ width: 25%;}
.news-t .boxs .box a .img img{ max-width: 100%;}
.news-t .boxs .box a .txt{ width: 75%; padding-left: 50px;}
.news-t .boxs .box a .txt h3{ font-size: 1.6em; color: #ba251e; line-height: 24px; height: 24px; display:-webkit-box; -webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .boxs .box a .txt h4{ font-size: 1.4em; color: #666; line-height: 1.5; margin: 12px 0;}
.news-t .boxs .box a .txt p{ font-size: 1.4em; color: #333; line-height: 24px; height: 48px; display:-webkit-box; -webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .boxs .box a .txt span{ margin-top: 40px; padding: 6px 24px; font-size: 1.4em; color: #ba251e; border: 1px solid #ba251e; display: inline-block;}
/*.news-t .boxs .box:hover{ background: #ba251e;}
.news-t .boxs .box:hover a .txt span{ background: #fff; border: 1px solid #fff;}
.news-t .boxs .box:hover a .txt h3{ color: #fff500;}
.news-t .boxs .box:hover a .txt h4,.news-t .boxs .box:hover a .txt p{ color: #ddd;}

/*newsshow*/
.newsshow{ padding:80px 0;}
.newsshow .boxs{ background:#f5f5f5; }
.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#666; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; text-indent:2em;}
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#000 !important; color:#fff !important;}

/*contact*/
.contact-t .ctxt{ overflow: hidden; padding: 90px 0;} 
.contact-t .ctxt .txt{ padding: 40px 3%; float:left; width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-t .ctxt .txt h3{ font-size: 3em; color: #333; line-height: 1.2; font-weight: bold; letter-spacing: 2px;}
.contact-t .ctxt .txt h4{ font-size: 1.4em; color: #333; line-height: 1.2; letter-spacing: -1px;}
.contact-t .ctxt .txt span{ margin: 20px 0 30px 0; display:inline-block; width: 80%; max-width: 275px; height: 20px; background-image:linear-gradient(90deg,#c71a1a 0%,#c71a1a 50%,#232323 50%,#232323 100%);}
.contact-t .ctxt .txt p{ font-size: 1.6em; color: #333;  line-height: 1.5;}
.contact-t .ctxt .fd{ position: relative; padding: 40px 5%; border-radius: 5px; background: #f6f6f6; float:left; width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-t .ctxt .fd:after{ position: absolute; bottom: 0; left: 0; width: 100%;content: ""; z-index: 2; background: #c71a1a; border-radius: 5px; height: 12px;} 
.contact-t .ctxt .fd .tit{ overflow: hidden;}
.contact-t .ctxt .fd .tit .t{ padding: 16px 0 0 0; float:left;}
.contact-t .ctxt .fd .tit .t>*{ display: inline-block;}
.contact-t .ctxt .fd .tit .t h3{ font-size: 2em; color: #000; font-weight: bold; line-height: 1.2;}
.contact-t .ctxt .fd .tit .t h4{ font-size: 2em; color: #c6c6c6; line-height: 1.2;}
.contact-t .ctxt .fd .btn{ float:right;}
.contact-t .ctxt .fd .btn .fc-btn{ margin: 0; display: inline-block; font-size: 1.6em; color: #fff; border: none; position: relative;  padding:10px 34px; text-transform: uppercase;  line-height:1.5; cursor:pointer; background:#c71a1a; border-radius: 5px;}
.contact-t .ctxt .fd .btn .fc-btn:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.6); background:#000; color: #fff;}
.contact-t .ctxt .fd .btn .fc-btn,.contact-t .cmt .cd a .t{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.contact-t .ctxt .fd  input,.contact-t .ctxt .fd  textarea{ margin-top: 20px;  padding: 12px 16px 12px 12px; font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; border: 1px solid #ddd;}
.contact-t .ctxt .fd .dot{ width: calc(100% + 30px); margin-left: -15px; overflow: hidden;}
.contact-t .ctxt .fd .fc-input{ width: calc(50% - 30px); margin: 20px 15px 0 15px; float:left;}

.contact-t .ctxt .fd textarea{  width:100%; font-family: "Arial","Microsoft Yahei";}
.contact-t .ctxt .fd .fc-input::-webkit-input-placeholder,.contact-t .ctxt .fd  textarea::-webkit-input-placeholder { color:#666;}
.contact-t .ctxt .fd .fc-input:-moz-placeholder,.contact-t .ctxt .fd  textarea:-moz-placeholder { color:#666;}
.contact-t .ctxt .fd .fc-input::-moz-placeholder,.contact-t .ctxt .fd  textarea::-moz-placeholder { color:#666;}
.contact-t .ctxt .fd .fc-input:-ms-input-placeholder,.contact-t .ctxt .fd  textarea:-ms-input-placeholder { color:#666;}

.contact-t .cmt{ overflow: hidden;}
.contact-t .cmt .cd{ float:left; width: 50%; text-align: center;}
.contact-t .cmt .cd1{ background: url(../images/cd1.jpg) center center no-repeat; background-size: cover !important;}
.contact-t .cmt .cd2{ background: url(../images/cd2.jpg) center center no-repeat; background-size: cover !important;}
.contact-t .cmt .cd a{ display: table;  width: 100%; height: 80vh;}
.contact-t .cmt .cd a .t{ display: table-cell; vertical-align: middle; color: #fff;}
.contact-t .cmt .cd a .t h3{ font-size: 2.4em; color: #fff; line-height: 1.5; margin-top: 6px;}
.contact-t .cmt .cd a .t p{ font-size: 2.4em; color: #fff; line-height: 1.5;}
.contact-t .cmt .cd:hover a .t{ padding-bottom: 6%;}

/*join*/
.join-t .jd1 .dots .dot .img,.join-t .jd2 .re-txt .boxs .box .panel-header,.join-t .jd2 .re-txt .boxs .box .panel-header h4 span img{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.join-t .jd1{ padding: 50px 0 80px 0;}
.join-t .jd1 .dots{ overflow:hidden; padding-top: 50px;}
.join-t .jd1 .dots .dot{ float:left; width: 33.33%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.join-t .jd1 .dots .dot .img img{ max-width: 32%;}
.join-t .jd1 .dots .dot .t h3{ font-size: 1.8em; color: #070708; line-height: 1.5; margin: 6px 0 20px 0; }
.join-t .jd1 .dots .dot .t p{ font-size: 1.4em; color: #555; line-height: 1.5; max-width: 280px; margin: 0 auto;}
.join-t .jd1 .dots .dot:hover .img{ transform: translateY(-10px);}

.join-t .jd2{ background: #f4f4f4; padding: 60px 0 80px 0;}
.join-t .jd2 .re-txt{ padding: 50px 0 0 0;}
.join-t .jd2 .re-txt .boxs .box{  box-shadow: 2px 2px 5px rgba(0,0,0,0.3); margin-bottom: 30px; background: #fff;}
.join-t .jd2 .re-txt .boxs .box .panel-header{padding: 25px 50px;overflow: hidden;}
.join-t .jd2 .re-txt .boxs .box .panel-header>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.join-t .jd2 .re-txt .boxs .box .panel-header h3{ width: calc(100% - 220px); padding-right: 30px; font-size: 1.8em; color: #393939; font-weight: bold; line-height: 24px;}
.join-t .jd2 .re-txt .boxs .box .panel-header h4{ text-align: right; font-size: 1.4em; color: rgba(57,57,57,0.5); line-height: 24px; width: 220px;}
.join-t .jd2 .re-txt .boxs .box .panel-header h4 span img{ margin:0 0 -3px 6px; opacity: 0.5;}

.join-t .jd2 .re-txt .boxs .box .panel-body{padding: 0 50px 25px 50px; display: none; margin-top: 20px;}
.join-t .jd2 .re-txt .boxs .box .panel-body .t1{ margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #bfc6cd;}
.join-t .jd2 .re-txt .boxs .box .panel-body .t1 p{ font-size: 1.4em; color: rgba(57,57,57,0.8); line-height: 24px;}
.join-t .jd2 .re-txt .boxs .box .panel-body .dots{ overflow: hidden; }
.join-t .jd2 .re-txt .boxs .box .panel-body .dots .dot{ float:left; width: 16.66%;}
.join-t .jd2 .re-txt .boxs .box .panel-body .dots .dot p{ font-size: 1.4em; line-height: 24px; color: rgba(57,57,57,0.5);}

.du{padding: 25px 50px 0 50px; border-top:5px solid #d1010f !important;}
.du span img{ transform: rotate(180deg);}

/*service*/
/*partner*/
.partner{ padding: 60px 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.partner .img{ text-align: center; padding-top: 60px;}
.partner .img img{ max-width: 100%;}
/*download*/
.none{ padding: 80px 0;}
.none .tits{ padding-bottom: 60px;}
.none .warp>p{ font-size: 1.6em; text-align: center; line-height: 1.5; color: #333;}

/*craft*/
.craft-t .cr-list{ position: relative; z-index: 2; background: #fff;}
.craft-t{ background: #f5f5f5;}
.craft-t>.warp{ position: relative; padding: 40px 20px;}
.craft-t>.warp:after{ position: absolute; content: ""; left: -90px; width: 1px; height: 100%; background: #c4c4c4; top:0;}
.craft-t .crdot{ padding: 30px 65px 70px 65px; margin: 35px 0; background: #fff; border-bottom: 10px solid #de1a37; position: relative;}
.craft-t .crdot:after,.craft-t .crdot:before{ position: absolute; content: ""; }
.craft-t .crdot:after{ top:85px; right:100%; width: 110px; height: 1px; background: #cecece;}
.craft-t .crdot:before{ z-index: 2; width: 17px; height: 17px; background: #de1a37; border-radius: 50%; top: 77px; right: calc(100% + 101px);}

.craft-t .crdot img{ max-width: 100%;}
.craft-t .crdot .tit{ border-bottom: 1px solid #000;  position: relative; margin-bottom: 30px;}
.craft-t .crdot .tit:after,.craft-t .crdot .tit:before{ position: absolute; background: #de1a37; content: ""; }
.craft-t .crdot .tit:after{ width: 155px; height: 5px; left: 0; bottom: -3px;}
.craft-t .crdot .tit:before{ width: 10px; height: 10px; right: 0; bottom: 11px;}
.craft-t .crdot .tit>*{ margin-bottom: 5px; display: inline-block; }
.craft-t .crdot .tit h3{ font-size: 2.4em;  line-height: 1.5; font-weight:bold; color:#4d4d4d;}
.craft-t .crdot .tit h4{ font-size: 2.4em;  line-height: 1.5; color:#4d4d4d;}
.craft-t .crdot .txt{ padding:0 0 30px 0;}
.craft-t .crdot .txt p{ font-size: 1.6em; line-height: 1.5; color: #4d4d4d;}
.craft-t .crdot .txt .b{ font-weight: bold;}

/*quality*/
.quality .imgs img,.video>div img{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.quality>.warp{ padding: 50px 20px;}
.quality .imgs{ width: calc(100% + 20px); margin:30px 0 30px -10px; overflow: hidden;}
.quality .imgs .img{ float:left; width: calc(33.33% - 20px); margin: 10px; overflow: hidden; }
.quality .imgs .img img{ width: 100%;}
.quality .imgs .img:hover img{ transform: scale(1.1);}
.qv{ background: #f5f5f5;}
.video{ padding: 50px 0; width: calc(100% + 20px); margin: 0px 0 0px -10px; overflow:hidden;}
.video>div{ float:left; width: calc(50% - 20px); margin: 0 10px; }
.video>div .img{overflow: hidden;}
.video>div .img img{ width: 100%;}
.video>div .t p{ font-size: 1.8em; line-height: 1.5; color: #333; margin: 10px 0; text-align: center;}
.video>div:hover img{ transform: scale(1.05);}



/*product-t*/
.product-t .img img{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.product-t{ padding: 50px 0 80px 0; background: #f4f4f4;}
.product-t .tit{ margin-bottom: 20px;}
.product-t .tit h3{ font-size: 3em; color: #333; line-height: 1.1;}
.product-t .tit h4{ font-weight: 800; text-transform: uppercase;  font-size: 3em; color: #d7000f; line-height: 1.2;}
.product-t .tit h4 span{ font-weight: 100; font-size: 24px; color: #7e7e7e;}
.product-t .img{ overflow:hidden;}
.product-t .img img{ max-width: 100%;}
.product-t .dot1{ border-top:5px solid #e8e8e8; position: relative;}
.product-t .dot1:after{ position: absolute; top:-5px; left: 0; width: 20%; content: ""; height: 5px; background: #d7000f;}
.product-t .dot1 .pro-app{ padding: 40px 20px 30px 20px; background: #fff; }
.product-t .dot1 .pro-app .tip h3{ font-size: 2.4em; color: #333; line-height: 1.5; border-bottom: 1px solid #333;} 
.product-t .dot1 .pro-app .imgs{overflow: hidden; width: calc(100% + 6px); margin: 12px 0 0  -3px;}
.product-t .dot1 .pro-app .imgs .pi{ float:left; width: calc(20% - 6px); margin: 0 3px; text-align: center;}
.product-t .dot1 .pro-app .imgs .pi p{ font-size: 1.6em; color:#333; line-height: 1.5;}
.product-t .dot1 .pro-app .img img{padding: 20px 0 30px 0;}
.product-t .dot1 .pro-app img{ width: 100%; }
.product-t .tit2{ position: relative; border-bottom: 1px solid #d1d1d1; }
.product-t .tit2:after{ position: absolute; bottom: -4px; right: 0; background:#fe0000; width: 8px; height: 8px; content: "";}
.product-t .tit2>span,.about-t .ab1 h3{ float:left;}
.product-t .tit2>span{ display: inline-block; width: 28px; height: 28px; background: #fe0000; margin:0  8px 8px 0;}
.product-t .tit2 h3{ line-height: 28px; font-size: 2.4em; color: #4d4d4d;  font-family: "Arial";}

.product-t .dot2{ margin-top: 50px; overflow: hidden; background: #fff;}
.product-t .dot2 .d{ float:left; width: calc(50% - 10px);}
.product-t .dot2 .d:first-child{ margin-right: 20px;}
.product-t .txt{ background: #e4e4e4; text-align: center; border-top:3px solid #d7000f; padding: 12px;}
.product-t .txt p{ color: #333; line-height: 2; font-size: 1.6em;}
.product-t .dot2 .d:hover img{ transform: scale(1.05);}

/*knowledge*/
.knowledge .boxs .box,.knowledge .boxs .box *{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.knowledge{ padding: 40px 0 80px 0;}
.knowledge .boxs{ margin-top: 50px;}
.knowledge .boxs .box{ background: #f5f5f5; margin: 40px 0;}
.knowledge .boxs .box a{ padding: 30px 4%; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.knowledge .boxs .box a>*{ display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.knowledge .boxs .box a .img{ width: 25%;}
.knowledge .boxs .box a .img img{ max-width: 100%;}
.knowledge .boxs .box a .txt{ width: 75%; padding-left: 50px;}
.knowledge .boxs .box a .txt h3{ font-size: 1.6em; color: #ba251e; line-height: 24px; height: 24px; display:-webkit-box; -webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.knowledge .boxs .box a .txt h4{ font-size: 1.4em; color: #666; line-height: 1.5; margin: 12px 0;}
.knowledge .boxs .box a .txt p{ font-size: 1.4em; color: #333; line-height: 24px; height: 48px; display:-webkit-box; -webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.knowledge .boxs .box a .txt span{ margin-top: 40px; padding: 6px 24px; font-size: 1.4em; color: #ba251e; border: 1px solid #ba251e; display: inline-block;}

/*download*/
.download .boxs{ width: calc(100% + 20px); margin: 10px 0 0 -10px; overflow:hidden;}
.download .boxs .box{ float:left; width: calc(33.33% - 20px); margin: 10px;}
.download .boxs .box .img img{ width: 100%;}
.download .boxs .box .txt{ padding: 10px 0; overflow: hidden;}
.download .boxs .box .txt h3{ font-size: 1.6em; line-height: 24px; height: 24px; width: calc(100% - 40px); float:left; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.download .boxs .box .txt span{float:right; width: 40px; text-align: right;}










