@charset "utf-8";
/* CSS Document */
*{ touch-action: pan-y; } 

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 { overflow-x: hidden; 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:1640px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ 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;}


/*parts*/
div.fy { text-align:right;line-height:4rem; padding-top:40px;}
div.fy a { margin:2px 2px;padding:8px 12px;color:#727171;font-size:1.4em; display:inline; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
div.fy a:hover{color:#fff; background:#eb6200;box-shadow: 0 0 5px rgba(0,0,0,0.1); }
div.fy a:active{ color:#fff; background:#eb6200; box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
div.fy span.current{ margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em; background:#eb6200;box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
div.fy span.disabled{ margin:2px 2px;padding:8px 12px; color:#727171; font-size:1.4em; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); }


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 20px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#eb6200; 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(68,68,68,0.8);  position:fixed; z-index:999; display:none; width:100%; height:100%; top: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; font-size:3.2em; 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);}


/*header*/
.header,.header .menu a,.header .menu .m-dot>a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{ border-top:5px solid #f36421;}
.htop .warp{ display: flex; justify-content: space-between;}
.header .logo{ display: flex; align-items: center; padding:26px 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .logo .t{ margin-left: 26px;}
.header .logo .t h3{ font-size: 2.4em; color: #222; font-weight: bold; letter-spacing: 2.5px;}
.header .logo .t p{ font-size: 1.2em; color: #222; text-transform: uppercase; line-height: 1.2; margin-top: 4px;}
.htop .tip{ padding: 30px 0; display: flex; align-items: center; }
.htop .tip>*{ position: relative; padding: 0 16px;}
.htop .tip .tel{ display: flex; align-items: center;}
.htop .tip .tel>*{ margin: 0 5px;}
.htop .tip .tel h3{ font-size: 2.4em; font-weight: bold; color: #6c6d70; line-height: 1.5; background:-webkit-linear-gradient(left,#2a2b2c,#6c6d70); color:transparent; -webkit-background-clip:text;}
.htop .tip .tel p{ font-size: 1.4em; color: #6c6d70; line-height: 1.2;}
.htop .tip>*:after{ position: absolute; top:4px; left: 0; content: ""; width: 1px; height: calc(100% - 8px); background: #e5e5e5;}
.header .menu { border-top: 1px solid #e5e5e5; border-bottom: 5px solid #eee;}
.header .menu .warp{ display: flex; justify-content: center;}
.header .menu .m-dot{ position: relative; }
.header .menu .m-dot>a{ text-align: center; font-size: 1.6em; color: #6c6d70; line-height: 25px; width: 200px;  padding: 18px 10px; position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.header .menu .m-dot>a:after{ position:absolute; bottom:-5px; left: 0px; width: 100%; height: 0px; background: #eb6200; content: "";  z-index: 2;}
.header .menu .m-dot:hover>a,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6{ color: #eb6200; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.header .menu .m-dot:hover>a:after,#m1 .m1:after,#m2 .m2:after,#m3 .m3:after,#m4 .m4:after,#m5 .m5:after,#m6 .m6:after{ height: 5px !important;}

.header .menu .m-dot .md{ display: none; position: absolute; top:calc(100%); left: 0; width: 100%; background: #fff; z-index: 2; border-top:5px solid #eb6200;}
.header .menu .m-dot .md p{ padding: 12px 6px; border-bottom: 1px solid #eee; text-align: center;}
.header .menu .m-dot .md p a{ font-size: 1.4em; line-height: 1.2;}
.header .menu .m-dot .md p a:hover{ color: #eb6200;}

/*footer*/
.footer a,.footer .fo2 .fc-btn{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ padding: 95px 0 130px 0; background:url(../images/footer-bg.jpg) center center no-repeat; background-size: cover !important; }
.footer .fo1,.footer .fo2{  display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: space-between;}
.footer .fo1{ border-bottom: 1px solid #adadad; padding-bottom: 20px;}
.footer .fo1 .f-menu{ display: flex; align-items: center;}
.footer .fo1 .f-menu a{ font-size: 1.4em; color: rgba(255,255,255,0.7); line-height: 1.5; display: inline-block; margin-left: 30px;}
.footer .fo1 .f-menu a:hover{ text-decoration: underline;}
.footer .fo2{ align-items: flex-end;}
.footer .fo2 .fs{ margin: 30px 0;}
.footer .fo2 .fs span{ display: inline-block; margin:10px 10px 0 0;}
.footer .fo2 .t p{ font-size: 1.4em; color: #cacaca; line-height: 1.5;}
.footer .fo2 .t p a{ font-size: 1em; color: #cacaca; line-height: 1.5;}
.footer .fo2 .t p a:hover{ text-decoration: underline;}
.footer .fo2 form{ display: flex;}
.footer .fo2 input{ width: 220px; 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: none; padding: 8px 10px; background: #d9d9d9;}
.footer .fo2 input::-webkit-input-placeholder{ color:rgba(0,0,0,0.8);}
.footer .fo2 input:-moz-placeholder{ color:rgba(0,0,0,0.8);}
.footer .fo2 input::-moz-placeholder{ color:rgba(0,0,0,0.8);}
.footer .fo2 input:-ms-input-placeholder{ color:rgba(0,0,0,0.8);}
.footer .fo2 .fc-btn{ width: 80px; color: #fff; text-align: left; background: url(../images/send.png) 80% center no-repeat #eb6200; background-size: 20% !important;}
.footer .fo2 .fc-btn:hover{ background-position: 90% center;}

.bottomlist{ background:#eb6200; 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,.banner .txt{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.banner .ban1{ background: url(../images/banner01.jpg) center center no-repeat;}
.banner .ban2{ background: url(../images/banner02.jpg) bottom right no-repeat;}
.banner .swiper-slide{ height: 860px; background-size:  cover !important;}
.banner .txt{transform: translateX(60px); opacity: 0;}
.banner .ban1 .txt { text-align: center; width: 440px; margin: 6% auto 0 auto;}
.banner .ban1 .txt h3{ font-family: "Microsoft Yahei";  font-size: 6em; color: #fff; text-transform: uppercase; line-height: 1; font-weight: bold;}
.banner .ban1 .txt h4{ font-size: 3em; color: #fff; line-height: 1; margin: 40px 0 10px 0;}
.banner .ban1 .txt p{ font-size: 1.8em; color: #fff; text-transform: uppercase; line-height: 1.2;}
.banner .ban1 .txt a{ margin-top: 40px;}
.banner .ban2 .txt { width: 500px; margin: 10% auto 0 8%;}
.banner .ban2 .txt h3{ font-size: 4.8em; color: #fff; text-transform: uppercase; line-height: 1; font-weight: 800; margin-bottom: 30px;}
.banner .ban2 .txt h3 span:first-child{ font-size: 1em; color: #eb6200;}
.banner .ban2 .txt p{ font-size: 1.8em; color: #fff; text-transform: uppercase; line-height: 1.5;}
.banner .ban2 .txt a{ margin-top: 50px;}
.banner .swiper-pagination-bullet{ width: 40px; height: 4px; opacity: 1; background: #fff; border-radius: 0; border-radius: 2px;}
.banner .swiper-pagination-bullet-active{ background: #eb6200;}

.banner .swiper-slide.ani-slide .txt{transform: translateX(0px); opacity: 1;}
/*more*/
.more{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.more{ font-size: 1.6em;  display: inline-block; background: #eb6200; color: #fff; padding: 12px 30px;}
.more span{ text-align: center; transform: translateY(4px); margin-top: -10px; font-weight: 100; font-size: 1.6em; border-radius: 50%; width: 30px; height: 30px; border: 1px solid #fff; display: inline-block; padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 10px; font-weight: 100;}
.more:hover{ box-shadow: 2px 2px 0 rgba(0,0,0,0.6);}
/*i-tit*/
.i-tit{ display: flex; align-items: center;}
.i-tit h3{ position: relative; z-index: 2; font-size: 3em; color: #000; font-weight: bold;}
.i-tit h4{ font-size: 6.5em; font-weight: 800; margin-left: -12px; background:-webkit-linear-gradient(left,#dedddd,#6c6d70); color:transparent; -webkit-background-clip:text; opacity: 0.24; text-transform: uppercase;}

/*iab*/
.iab .dot,.iab .txts .t a,.iab .txts .dot .d,.iab .txts .dot .d *,.iab .iabv:after{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.iab{ padding: 70px 0 100px 0; background: url(../images/iab-bg.jpg) center center no-repeat; background-attachment: fixed !important;}
.iab .warp{ display: flex; align-items: center;}
.iab .txts{ width: 46%; padding-right: 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .txts .t{ margin: 0 0 35px 0;}
.iab .txts .t h3{ font-size: 1.2em; color: #6c6d70; text-transform: uppercase; display: inline-block; border-bottom: 1px solid #ec6941; margin-bottom: 20px;}
.iab .txts .t h3 span{ font-size: 16px; color: #eb6200; line-height: 1.5; margin-right: 8px;}
.iab .txts .t p{ font-size: 1.4em; color: #6c6d70; margin-bottom: 10px; text-indent: 2em; line-height: 1.5;}
.iab .txts .t a{ padding: 12px 25px; font-size: 1.6em; color: #3c3c3c; border: 1px solid #626262; margin: 26px 0 0 auto; display: inline-block;}
.iab .txts .t a:hover{ background: #eb6200; color: #fff; border: 1px solid #eb6200;}
.iab .txts .t .abm{ text-align: right;}
.iab .txts .dot{ display: flex; justify-content: space-between;}
.iab .txts .dot .d{ cursor: pointer; text-align: center; padding: 20px 30px; }
.iab .txts .dot .d h3{ font-size: 1.6em; color: #eb6200;}
.iab .txts .dot .d h3 span{ font-size: 36px; font-weight:800; }
.iab .txts .dot .d .b{ display: none;}
.iab .txts .dot .d img{ margin-bottom: -6px;}
.iab .txts .dot .d p{ font-size: 1.6em; color: #eb6200; line-height: 1.5; margin-top: 8px;}
.iab .txts .dot .d:hover{ background: #eb6200;}
.iab .txts .dot .d:hover h3,.iab .txts .dot .d:hover p{ color: #fff;}
.iab .txts .dot .d:hover .a{ display: none;}
.iab .txts .dot .d:hover .b{ display: inline-block;}
.iab .txts .imgs .swiper{ --swiper-navigation-color: #7b7b7b;
    --swiper-navigation-size: 30px;}
.iab .txts .imgs{ margin-top: 50px; text-align: center;}
.iab .txts .imgs img{ max-width: 100%;}
.iab .iabv{ box-shadow: -40px 40px 0 #f7f7f7; position: relative; display: block;}
.iab .iabv:after,.iab .iabv:before{ position: absolute;  content: "";}
.iab .iabv:before{ bottom:0; left: 0; width: 100%; background: rgba(235,98,0,0.8); height: 20px;}
.iab .iabv:after{ top:calc(50% - 45px); left: calc(50% - 45px); width: 90px; height: 90px; background:url(../images/play.png) center center no-repeat; background-size: contain !important;}
.iab .iabv img{ width: 100%;}
.iab .iabv:hover:after{transform: scale(1.1);}
/*ip*/
.ip .plist .pl .pltm,.ip .plist .pl .plt:after,.ip .pbd .pt h3 span:after,.ip .pbd,.ip .pbd *{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ip{ padding: 100px 0; background: #f7f7f7;}
.ip .tit{ color: #6c6d70; font-size: 1.4em; line-height: 1.5;}
.ip .plist .pl{ position: relative; margin: 0 0 50px auto; width: 320px;}
.ip .plist .pl .plt{ border:1px solid #c9c8c4; position: relative; }
.ip .plist .pl .plt:after{ background: url(../images/down.png) center center no-repeat; width: 13px; height: 12px; right:20px; position: absolute; content: ""; top:calc(50% - 6px); }
.ip .plist .pl .plt h3{ padding: 12px 30px; font-size: 1.4em; color: #000; line-height: 1.5;}
.ip .plist .pl .pltm{ padding: 14px 0; border: 1px solid #c9c8c4; position: absolute; top:calc(100% - 1px); left: 0; width: 100%; transform-origin : 50% 0 0; transform: rotateX(90deg); background: #fff;}
.ip .plist .pl .pltm h3{ font-size: 1.4em; color: #000; line-height: 1.5; padding: 6px 20px;}
.ip .plist .pl .pltm h3:hover{ cursor: pointer; text-decoration: underline;}
.ip .plist .pl:hover .plt:after{ transform: rotate(180deg);}
.ip .plist .pl:hover .pltm{ transform: rotateX(0deg);}
.ip .plist .pb{ width: calc(100% + 30px); display: flex; flex-wrap:wrap; margin-left: -15px;}
.ip .pbd{ width: calc(25% - 30px); margin: 0 15px;}
.ip .pbd .t{ padding: 15px 5px; color: #fff; text-align: center; background: #eb6200;}
.ip .pbd .t h3{ font-size: 2.4em; font-weight: 800; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.ip .pbd .t p{ font-size: 1.4em; color: #fff; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.ip .pbd .img{ border-right: 2px solid #fff;border-left: 2px solid #fff;}
.ip .pbd .img img{ width: 100%;}
.ip .pbd .pt{ border-top: 1px solid #eb6200; padding: 24px 0; background: url(../images/pb-t1.jpg) center center no-repeat;}
.ip .pbd .pt h3{ text-align: center; font-size: 1.6em; color: #000; line-height: 1.5; }
.ip .pbd .pt h3 span{ font-size: 16px; position: relative;  width: 30px; height: 30px; display: inline-block; padding: 5px 0; text-align: center; margin-left: 10px;}
.ip .pbd .pt h3 span:after{ position: absolute; top:0; left: -1px; content: ""; border: 1px solid #fff; width: 100%; height: 100%; border-radius: 50%; transform: scale(0);}
.ip .pbd:hover .img{ border-right: 2px solid #eb6200;border-left: 2px solid #eb6200;}
.ip .pbd:hover .pt{ background: url(../images/pb-t2.jpg) center center no-repeat;}
.ip .pbd:hover .pt h3{ color: #fff;}
.ip .pbd:hover .pt h3 span:after{ transform: scale(1);}
/*iser*/
.iser{ padding: 90px 0 50px 0; background: url(../images/iser-bg.jpg) center center no-repeat; background-size: cover !important;}
.iser .warp{ display: flex;}
.iser .txt{ padding-right: 6%; width: 45%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iser .txt .i-tit h3{ color: #fff;}
.iser .txt .i-tit h4{ background:-webkit-linear-gradient(left,rgba(255,255,255,0.5),#fff); color:transparent; -webkit-background-clip:text; margin-left: -50px;}
.iser .txt .t{ margin-top: 20px;}
.iser .txt .t p{ font-size: 1.4em; color: #fff; line-height: 1.5; text-indent: 2em;}
.iser .txt .more{ background: #fff; color: #eb6200; margin-top: 20%;}
.iser .txt .more span{ border: 1px solid #eb6200;}
.iser .img{ width: 55%; text-align: right;}
.iser .img img{ max-width: 100%;}
/*inews*/
.inews .nbox a,.inews .box .tn .txt span,.inews .box .tn .img img,.inews .box .tt .td,.inews .box .tt .td *{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.inews{ padding: 100px 0;}
.inews .nbox a{ font-size: 1.8em; color: #6c6d70; padding: 8px 22px; display: inline-block;}
.inews .nbox a.hover{ color: #fff;  background: #eb6200; font-weight: bold;}
.inews .tablea .box{ display: none;}
.inews .boxs{ margin-top: 30px;}
.inews .box .nt{ display: flex; align-items: flex-end;}
.inews .box .tn a{position: relative; display: flex; align-items: center;}
.inews .box .tn .img{ width: 46%; margin-right: 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;  position: relative; }
.inews .box .tn{ width: 50%;}
.inews .box .tn .img:after{ position: absolute; bottom: 0; right:0%; content: ""; height: 45%; width: 70%; background: rgba(235,102,34,0.7); clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0 100%);}
.inews .box .tn .img img{ width: 100%;}
.inews .box .tn .txt{ width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inews .box .tn .txt h3{ font-size: 2.4em; font-weight: bold; color: #eb6622; line-height: 28px; height: 56px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.inews .box .tn .txt h4{ margin: 40px 0 20px 0; font-size: 1.4em; color: #000;}
.inews .box .tn .txt h4 span{ font-size: 1em; font-weight: bold; color: #eb6622; margin-right: 10px;}
.inews .box .tn .txt p{ color: #6c6d70; font-size: 1.4em; line-height: 24px; height: 72px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3; text-indent: 2em;}
.inews .box .tn .txt>span{ padding: 12px 25px; font-size: 1.6em; color: #3c3c3c; border: 1px solid #626262; margin: 26px 0 0 auto; display: inline-block;}
.inews .box .tn .txt>span:hover{ background: #eb6200; color: #fff; border: 1px solid #eb6200;}
.inews .box .tt{ width: 50%; padding-left: 4%;}
.inews .box .tt .td{ padding: 20px 40px 40px 40px; position: relative; overflow: hidden;}
.inews .box .tt .td h5{ position: absolute; bottom: 0; right:-164px; background: #fff; color: #eb6200;}
.inews .box .tt .td h5 span{ border: 1px solid #eb6200;}
.inews .box .tt h3{ font-size: 1.8em; color: #686868; line-height: 1.5; margin-bottom: 14px;}
.inews .box .tt h4{ font-size: 1.8em; color: #000; line-height: 24px;  height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; margin-bottom: 16px;}
.inews .box .tt p{ font-size: 1.4em; color: #6c6d70; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.inews .box .tn:hover .img img{transform: scale(1.1);}
.inews .box .tt .td:hover{ background: #eb6200;}
.inews .box .tt .td:hover h5{ right: 0;}
.inews .box .tt .td:hover h3{ opacity: 0;}
.inews .box .tt .td:hover h4,.inews .box .tt .td:hover p{ color: #fff; transform: translateY(-16px);}


/*banners*/
.banners{ height: 650px; background-size: cover !important;}
.about{ background: url(../images/banners/about-banner.jpg) center center no-repeat; }
.contact{ background: url(../images/banners/contact-banner.jpg) center center no-repeat; }
.news{ background: url(../images/banners/news-banner.jpg) center center no-repeat; }
.product{ background: url(../images/banners/product-banner.jpg) center center no-repeat; }
.service{ background: url(../images/banners/service-banner.jpg) center center no-repeat; }

.banners .warp{ height: 650px; display: flex; align-items: center; position: relative; }
.banners .warp:after{ position: absolute; bottom: 10%; right:0; font-size: 7.6em; font-weight: 800; color: rgba(255,255,255,0.3); text-transform: uppercase;}
.about .warp:after{ content: "about us";}
.contact .warp:after{ content: "contact us";}
.news .warp:after{ content: "news";}
.product .warp:after{ content: "product Center";}
.service .warp:after{ content: "service Center";}

.banners .txt{ padding-left: 6%;}
.banners .txt h3{ font-size: 3.6em; color: #fff; font-weight: bold;}
.banners .txt h3 span{ font-size: 1.2em; color: #eb6200; }
.banners .txt h4{ font-size: 2.4em; color: #fff; text-transform: uppercase; font-weight: bold; border-bottom: 2px solid #fff; display: inline-block; margin: 20px 0; padding-bottom: 8px; }
.banners .txt p{ font-size: 1.4em; color: #fff; line-height: 1.5;}

/*tits*/
.tits{ display: flex; align-items: flex-end;}
.tits h3{ font-size: 3.6em; color: #0f0f0f; font-weight: bold;}
.tits h3 span{ font-size: 1em; color: #eb6200; }
.tits p{min-width: 120px; margin-left: 20px; font-weight: bold; text-transform: uppercase; font-size: 1.8em; color: #363636; border-bottom: 2px solid #363636; position: relative; padding-bottom: 6px;}
.tits p:after{ position: absolute; background: #eb6200; width: 30px; height: 4px; content: ""; bottom:-2px; left: 0;}

/*about*/
.ab1 .dt .d .i{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ab1{ padding: 90px 0 70px 0; background: url(../images/about/ab1-bg.png) bottom center no-repeat; background-size:contain !important;}
.ab1 .txts{ display: flex; }
.ab1 .txts .txt{ width: 60%; padding-right: 6%;}
.ab1 .txts .ab1t{ margin-top: 20px;}
.ab1 .txts .ab1t p{ font-size: 1.4em; color: #000; line-height: 1.5; margin-top: 20px; text-indent: 2em; }
.ab1 .txts .dtxt .tip{ padding: 30px 0; display: flex; align-items: flex-end;}
.ab1 .txts .dtxt .tip span{ margin: 0 8px 6px 20px; width: 8px; height: 8px; background: #eb6200; display: inline-block;}
.ab1 .txts .dtxt .tip h3{ font-size: 1.8em; color: #010101; line-height: 24px;}
.ab1 .txts .dtxt .dt{ display: flex; justify-content: space-around;}
.ab1 .dt .d{ text-align: center;}
    .ab1 .dt .d .i {
        font-size: 26px;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        color: rgba(235,98,0,1);
        margin: 0 auto;
    }
.ab1 .dt .d .t p{ font-size: 1.4em; text-align: center; margin-top: 6px;}
.ab1 .dt .d:hover .i{ border:1px solid rgba(235,98,0,1);}
.ab1 .txts .img{ width: 40%; }
.ab1 .txts .img img{ width: 100%;}

.ab2{ padding: 70px 0 100px 0; background: url(../images/about/ab2-bg.jpg) center center no-repeat; background-size: cover !important;}
.ab2 .imgs{ margin: 70px 0 0 0;}
.ab2 img{ width: 100%;}
.ab2 .swiper-slide{ text-align: right; padding-bottom: 10px;}
.ab2 .swiper-slide img{  width: 90% !important;}
.ab2 .swiper-slide-active img{ position: relative; z-index: 2; width: 100% !important; box-shadow:  2px 2px 6px rgba(0,0,0,0.6);}
.ab2 .swiper .swiper-pagination{ bottom: 20px; top:auto; width: 76%; right:6px; left: auto; background: #a0a0a0;}
.ab2 .swiper .swiper-pagination-progressbar-fill{ background: #ed6706;}

.ab3 .deve-dots:after,.ab3 .time-txt .box,.ab3 .tld *,.ab3 .tld:after,.ab3 .tld:before{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ab3{ color: #fff; position: relative; padding: 100px 0; background: url(../images/about/ab3-bg.jpg) center center no-repeat; background-size: cover !important; overflow: hidden;}
.ab3 .tits h3,.ab3 .tits p{ color: #fff;}
.ab3 .tits p{ border-bottom: 2px solid #fff;}

.ab3 .deve-dots:after{ top:10%; left: 0; position: absolute; width: 100%;  height: 180%; background: url(../images/about/time-lines.png) center center no-repeat; background-size: contain; content: ""; animation:mymove 60s infinite; -webkit-animation:mymove 60s infinite;}
@keyframes mymove
{
	from{transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from{transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}
.ab3 .deve-dots:hover:after{ animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;}
.ab3 .deve-dots{  overflow: hidden; display: flex; flex-wrap: wrap;}

.ab3 .time-line{ border-top:2px solid rgba(235,98,0,0.3); display: flex; flex-wrap: wrap; width: 100%; order: 2; z-index: 2; position: relative; }
.ab3 .tld{ position: relative; cursor: pointer; width: 10%; text-align: center;}
.ab3 .tld:after{ background:-webkit-linear-gradient(-90deg,rgba(235,98,0,0),rgba(235,98,0,1)); width: 1px;   position: absolute; content: ""; left: calc(50% - .5px); bottom: 100%; height: 0;}
.ab3 .tld:before{ background:-webkit-linear-gradient(0deg,rgba(235,98,0,0),rgba(235,98,0,1)); width: 0%;  position: absolute; content: ""; height: 2px; left: calc(-90%); top:-2px;}
.ab3 .tld p{ margin-top: 16px; font-size: 1.8em; color: rgba(255,255,255,0.8); line-height: 1.5;}
.ab3 .tld span{ z-index: 2; width: 20px; height: 20px; border-radius: 50%; display: inline-block; background: rgba(235,98,0,0.4); margin-top: -11px; position: relative;}
.ab3 .tld span:after{ position: absolute; top:calc(50% - 4px); right:calc(50% - 4px); background: #eb6200; border-radius: 50%; content: ""; width: 8px; height: 8px;}
.ab3 .tld.hover p{ color: #fff;}
.ab3 .tld.hover span{ border: 1px solid #eb6200; background: #652d09;}
.ab3 .tld.hover:after{height: 90px;}
.ab3 .tld.hover:before{ width: 140%;}


.ab3 .time-txt{ overflow: hidden; width: 100%; z-index: 2; position: relative; padding: 20px; height: 440px; margin-top: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab3 .time-txt .box{ justify-content: center; align-items: center; display: flex;  position: absolute; top:0; left: 0; width: 100%; height: 440px; opacity: 0; transform: translateY(60px);}
.ab3 .time-txt .box h3{ font-size: 6em; font-weight: bold; line-height: 1.5; margin-right: 70px;}
.ab3 .time-txt .box p{ position: relative; font-size: 1.8em; line-height: 2;}
.ab3 .time-txt .box p:after{ position: absolute; top:15px; left: -18px; border-radius: 50%; width: 6px; height: 6px; content: ""; background: #eb6200;}
.ab3 .time-txt .box.hover{ opacity: 1; transform: translateY(0px);}




.ab4 .swiper-slide .img,.ab4 .swiper-slide:after,.ab4 .swiper-slide .t:after,.ab4 .swiper-slide .t{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ab4{ padding: 100px 0; background: #f1efef;}
.ab4 .abe-slider{ padding: 50px 0 10px 0;}
.ab4 .warp{ padding: 0; position: relative; }
.ab4 .btns{
    --swiper-navigation-color: #eb6200;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 80px;/* 设置按钮大小 */
  }
.ab4 .swiper-slide{ overflow: hidden; position: relative;}
.ab4 .swiper-slide:after{ position: absolute; bottom: 0; right:0; width: 80%; height: 10px; background: #eb6200; content: "";}
.ab4 .swiper-slide .img img{ width: 100%;}
.ab4 .swiper-slide .t{ right:-100%; position: absolute; bottom: 0; text-align: right; width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff;}
.ab4 .swiper-slide .t>*{ position: relative; z-index: 2;}
.ab4 .swiper-slide .t h3{ font-size: 2em; color: #fff; line-height: 1.5;}
.ab4 .swiper-slide .t p{ font-size:3.6em; color: #fff; font-weight: 800; line-height: 1.5; text-transform: uppercase;}
.ab4 .swiper-slide .t:after{ bottom:0; right:-100%; position: absolute;  clip-path: polygon(40% 0, 100% 0%, 100% 100%, 20% 100%); width: 100%; height: 100%; background: rgba(235,98,0,0.6); content: ""; z-index: 1;}
.ab4 .swiper-slide:hover:after{ height: 0;}
.ab4 .swiper-slide:hover .t:after,.ab4 .swiper-slide:hover .t{ right:0;}

.ab5 .warp2 img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ab5{ text-align: center; height: 100vh; background: url(../images/about/abv.jpg) center center no-repeat; background-size: cover !important;}
.ab5 .warp2{ display: flex; height: 100vh; align-items: center; width: 100%; text-align: center;}
.ab5 .warp2>div{ width: 100%;}
.ab5 img:hover { transform: scale(1.1);}


/*product*/
.productshow .n-top,.product-t .n-top{display: block;}
.productshow .n-top .nlist,.product-t .n-top .nlist{width: 100%;justify-content: space-between;margin-top: 60px;}
.productshow .n-top .nlist a,.product-t .n-top .nlist a{ margin: 5px; padding: 12px 20px;min-width: 10%;text-align: center;}

.product-t .pb,.product-t .pb *,.product-t .pbd .pt h3 span:after{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.product-t{ padding: 90px 0 60px 0;}
.product-t .n-top{ padding-bottom: 40px;}
.product-t .pb{ width: calc(100% + 60px); display: flex; flex-wrap:wrap; margin-left: -30px;}
.product-t .pbd{ border: 1px solid #e3e3e3; width: calc(33.33% - 60px); margin: 30px;}
.product-t .pbd .t{ padding: 15px 5px; color: #fff; text-align: center; background: #434343;}
.product-t .pbd .t h3{ font-size: 2.4em; font-weight: 800; text-transform: uppercase; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product-t .pbd .t p{ font-size: 1.4em; color: #fff; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product-t .pbd .img{ border-right: 2px solid #fff;border-left: 2px solid #fff;}
.product-t .pbd .img img{ width: 100%;}
.product-t .pbd .pt{ border-top: 1px solid #e3e3e3; padding: 24px 0; background: url(../images/pb-t3.jpg) center center no-repeat; background-size:  cover !important;}
.product-t .pbd .pt h3{ text-align: center; font-size: 1.6em; color: #000; line-height: 1.5;}
.product-t .pbd .pt h3 span{ font-size: 16px; position: relative;  width: 30px; height: 30px; display: inline-block; padding: 5px 0; text-align: center; margin-left: 10px;}
.product-t .pbd .pt h3 span:after{ position: absolute; top:0; left: 0; content: ""; border: 1px solid #000; width: 100%; height: 100%; border-radius: 50%;border: 1px solid #fff; transform: scale(0);}
.product-t .pbd:hover{ box-shadow: -4px 4px 12px rgba(0,0,0,0.3); border: 1px solid #eb6200;}
.product-t .pbd:hover .t{ background: #eb6200;}
.product-t .pbd:hover .img{ border-right: 2px solid #eb6200;border-left: 2px solid #eb6200;}
.product-t .pbd:hover .pt{ background: url(../images/pb-t2.jpg) center center no-repeat;}
.product-t .pbd:hover .pt h3{ color: #fff;}
.product-t .pbd:hover .pt h3 span:after{  transform: scale(1);}

/*productshow*/
.productshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.productshow{ padding: 90px 0 60px 0;}
.pst{ padding: 40px; background: #f5f5f5; display: flex; margin-bottom: 60px;}
.pst .img{ width: 50%;}
.pst .img img{ width: 100%;}
.pst .txt{ width: 50%; padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pst .txt h4{ font-size: 2.8em; margin-bottom: 10px;}
.pst .txt h3{ font-size: 2.2em; color: #eb6200; font-weight: bold; margin-bottom: 20px; text-transform: uppercase;}
.pst .txt p{ font-size: 1.6em;line-height: 1.5;}
.pst .txt .btn a{ display:block; padding:12px 30px; background:#333; color:#fff; width:140px; text-align:center; text-transform:uppercase;}
.pst .txt .btn a:hover{ background:#eb6200; transform:translateX(24px);}
.pstable table tr td{ font-size: 1.6em; line-height: 1.5; padding: 12px; background: #f5f5f5; text-align: center;}
.pstable table tr:nth-child(1) td{ background: #eb6200; color: #fff; font-weight: bold;}
.pstable table tr:nth-child(2) td{ background: #eee; }
.productshow .btn{  margin-top: 40px;}
.productshow .btn a{ font-size: 1.6em; color: #333; display: block; background: #f5f5f5; margin-top: 8px; padding: 12px 20px;}
.productshow .btn a:hover{background: #eb6200; color: #fff;}
.productshow .pmore{ margin: 30px 0;}
.productshow .pmore{ display: flex; flex-wrap: wrap;}
.productshow .pmore .tits{width: 100%;  margin-bottom: 20px;}
.productshow .pmore .tits h3{ font-size: 2.8em; color: #333; width:100%; line-height: 1.2; text-align: center; }
.productshow .pmore .pmd{ width: calc(25% - 20px); margin: 10px;}
.productshow .pmore .pmd img{ width:100%; border:2px solid #f5f5f5;}
.productshow .pmore .pmd .txt{ background:#f5f5f5; padding:15px; text-align:center;}
.productshow .pmore .pmd .txt h3{ font-size:2.4em; line-height:28px; height:28px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; font-weight:bold;}
.productshow .pmore .pmd .txt h4{ font-size:1.6em; line-height:24px; height:24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.productshow .pmore .pmd:hover img{ border:2px solid #eb6200;}
.productshow .pmore .pmd:hover .txt{ background:#eb6200;}
.productshow .pmore .pmd:hover .txt h3,.productshow .pmore .pmd:hover .txt h4{  color:#fff;}


/*news*/
.nlist a,.news-t .nbox,.news-t .nbox *,.news-t .nbox .img:after{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.nlist{ display: flex; width: calc(100% - 320px); justify-content: flex-end;}
.nlist a{ padding: 12px 4%; font-size: 1.6em; color: #363636; line-height: 1.5; border: 1px solid #eee; margin-left: -1px;}
.nlist a:hover,.lock{ background: #eb6200 !important; color: #fff !important;} 
.n-top{ display: flex; align-items: center;  justify-content: space-between; padding-bottom: 90px;}


.news-t .nboxs{ border-top:1px solid #eee;}
.news-t .nbox{ padding: 40px 0; border-bottom:1px solid #eee;}
.news-t .nbox a{ display: flex; width: 100%;}
.news-t .nbox .date{ display: flex; width: 18%;}
.news-t .nbox .date .d h4{ font-size: 1.4em; color: #979797; line-height: 2; }
.news-t .nbox .date .d span{ display: inline-block; width: 20px; height: 20px; background: url(../images/news/time1.png) center center no-repeat; background-size: contain !important;}
.news-t .nbox .date h3{ padding-right: 12px; margin-right: 12px; height:55px; font-size: 5.6em; color: #979797; font-weight: bold; border-right: 1px solid #eee;}
.news-t .nbox .img{ width: 30%; margin-right: 2%; position: relative;}
.news-t .nbox .img img{ width: 100%;}
.news-t .nbox .img:after{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../images/news/logo.png) center center no-repeat; background-size: cover !important; content: ""; opacity: 0;}
.news-t .nbox .txt{ position: relative; overflow: hidden; width: 50%;}
.news-t .nbox .txt .l{ font-size: 1.6em; color: #000;  background: #eaeaea; padding: 8px 24px; display: inline-block;}
.news-t .nbox .txt h3{ font-size: 2.4em; font-weight: bold; margin: 30px 0; line-height: 28px; height: 28px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .nbox .txt p{ font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2; text-indent: 2em;}
.news-t .nbox .txt .a{ background: url(../images/news/arrow.png) left center no-repeat; background-size: 30px auto  !important; width: 60px; height: 47px; display: inline-block; margin-top: 10px;}
.news-t .nbox .txt .more{ position: absolute; bottom:0; left: -167px; }

.news-t .nbox:hover .date h3{ color: #eb6200; border-right:1px solid #eb6200; }
.news-t .nbox:hover .date .d h4{ color: #eb6200;}
.news-t .nbox:hover .date .d span{ background: url(../images/news/time2.png);}
.news-t .nbox:hover .img:after{ opacity: 1;}
.news-t .nbox:hover .txt .l{ background: #eb6200; color: #fff;}
.news-t .nbox:hover .txt .more{ left: 0;}

/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.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:#727171; 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; }
.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:#eb6200 !important; color:#fff !important;}

/*service*/
.ser1{ padding: 100px 0 85px 0;}
.ser1 .txts{ display: flex; }
.ser1 .txts .txt{ position: relative; width: 36%; padding-right: 5%;}
.ser1 .txts .t1{ margin-top: 70px; }
.ser1 .txts .t{ display: flex;}
.ser1 .txts .t h3{ font-size: 1.8em; font-weight: bold; color: #6c6d70;}
.ser1 .txts .t h4{ position: relative; font-size: 3.6em; font-weight: bold; color: #eb6200;  line-height: 1.5; letter-spacing: 2px; padding: 0 70px;}
.ser1 .txts .t h4:after,.ser1 .txts .t h4:before{ position: absolute; font-size: 2em; font-family: "Microsoft Yahei"; height: 30px;}
.ser1 .txts .t h4:after{ top:-25px; left: -20px; content: "“"; }
.ser1 .txts .t h4:before{ bottom:15px; right: -20px; content: "”"; }
.ser1 .txts .t1 p{ font-size: 1.4em; color: #6c6d70; line-height: 1.5; margin-top: 40px; text-indent: 2em;}
.ser1 .txts .t2{ margin-top: 60px; padding: 26px 10px; line-height: 1; text-align: center; width: 256%; background: #eb6200;}
.ser1 .txts .t2 h3{ font-size: 7.2em; font-weight: 800; text-transform: uppercase; background:-webkit-linear-gradient(left,rgba(255,255,255,0.5),#fff); color:transparent; -webkit-background-clip:text; position: relative; z-index: 3;}
.ser1 .txts .img{ width: 64%; position: relative; z-index: 2;}
.ser1 .txts .img img{ width: 100%;}

.ser2 .dots .dot .t2,.ser2 .dots .dot .t1,.ser2 .dots .dot{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ser2{ padding: 100px 0 140px 0; background: url(../images/service/ser2-bg.jpg) center center no-repeat; background-size: cover !important; background-attachment: fixed;}
.ser2 .tits h3{ color: #fff;}
.ser2 .tits p{ border-bottom: 2px solid #fff; color: #fff;}
.ser2 .dots{ width: calc(100% + 40px);  margin-left: -20px; display: flex; margin-top: 80px;}
.ser2 .dots .dot{ position: relative; overflow: hidden; width: calc(25% - 40px); margin: 0 20px;}
.ser2 .dots .dot .img img{ width: 100%;}
.ser2 .dots .dot .t1{ padding: 25px 20px; position: absolute; bottom:0; left: 100%; text-align: right; width: 100%; z-index: 2;}
.ser2 .dots .dot .t1>*{ position: relative; z-index: 2;}
.ser2 .dots .dot .t1:after{ bottom:0; left: 0; position: absolute;  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 10% 100%); width: 100%; height: 100%; background: rgba(235,98,0,0.6); content: ""; z-index: 1;}
.ser2 .dots .dot .t1 h3{ font-size: 1.8em; color: #fff;}
.ser2 .dots .dot .t1 p{ font-size: 3em; color: #fff; font-weight: 800; text-transform: uppercase;}
.ser2 .dots .dot .t2{ position: absolute; bottom:100%; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.6); padding: 10% 8%;}
.ser2 .dots .dot .t2 h3{ font-size: 1.4em; color: #fff; line-height: 1.5;}
.ser2 .dots .dot .t2 h4{ font-size: 1.8em; color: #fff; line-height: 1.5; margin-bottom: 10px;}
.ser2 .dots .dot .t2 p{font-size: 1.4em; color: #fff; line-height: 1.5; font-weight: bold; text-transform: uppercase;}
.ser2 .dots .dot:hover{ box-shadow: -6px 12px 12px rgba(0,0,0,0.6);}
.ser2 .dots .dot:hover .t1{ left:0;}
.ser2 .dots .dot:hover .t2{ bottom:0;}

.ser3{ padding: 90px 0; background: url(../images/service/ser3-bg.jpg) center center no-repeat; background-size: cover !important;}
.ser3 .warp{  display: flex;  align-items: center; flex-wrap: wrap;}
.ser3 .tits{ width: 100%; margin-bottom: 40px;}
.ser3 .txt{ width: 26%;}
.ser3 .txt .dot{ margin: 80px 0;}
.ser3 .txt .d{ display: flex;}
.ser3 .txt .d .t h3{ font-size: 1.6em; color: #2c2c2c; font-weight: bold; line-height: 28px; margin-left: -6px;}
.ser3 .txt .d .t p{ font-size: 1.4em; color: #2c2c2c; line-height: 14px; text-transform: uppercase; margin-left: 4px;}
.ser3 .txt .tb h3{ font-size: 3.6em; font-weight: bold; color: #eb6200;  line-height: 1.5; margin-top: 30px;}
.ser3 .ser-img{ width: 74%;}
.ser3 .ser-img img{ width: 100%;}

.ser4 .dots .dot,.ser4 .dots .dot .img img,.ser4 .dots .dot .img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ser4{ padding: 100px 0 120px 0;}
.ser4 .ser4-t{ margin: 50px 0;}
.ser4 .ser4-t p{ font-size: 1.4em; color: #363636; line-height: 1.5; }
.ser4 .dots{ display: flex; justify-content: space-between;}
.ser4 .dots .dot{ width: calc(25% - 40px); text-align: center;}
.ser4 .dots .dot .img{ border-radius: 50%; border: 1px solid #e7e7e7; width: fit-content; margin: 0 auto; padding: 25px;}
.ser4 .dots .dot .t h3{ font-size: 2.4em; color: #363636; line-height: 1.5; margin: 20px auto;}
.ser4 .dots .dot .t p{ font-size: 1.4em; color: #363636; line-height: 1.5; text-align: left;}
.ser4 .dots .dot:hover .img img{ transform: rotateY(180deg);}

.ser5 .txts .swiper-slide,.ser5 .txts .swiper-slide *{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ser5{ padding: 100px 0; background: url(../images/service/ser5-bg.jpg) center center no-repeat; background-size: cover !important;}
.ser5 .tits h3,.ser5 .tits p{ color: #fff;}
.ser5 .tits p{ border-bottom: 2px solid #fff;}
.ser5 .warp{ padding: 0; position: relative;}
.ser5 .txts{ margin-top: 35px;}
.ser5 .txts .swiper-slide{ padding: 3% 2%; background:rgba(0,0,0,0.5);}
.ser5 .txts .t1 h3{ font-size: 1.6em; color: #fff;}
.ser5 .txts .t1 h3 span{ font-size: 1.8em; font-weight: bold;}
.ser5 .txts .t2{  margin-top: 12px;}
.ser5 .txts .t2,.ser5 .txts .t2 .t2d{ display: flex; margin-right: 20px;}
.ser5 .txts .t2 .t2d{ margin: 5px 20px 0 0;}
.ser5 .txts .t2 p{font-size: 1.4em; color: #fff; line-height: 1.5; margin: 0 0 0 5px;}
.ser5 .txts .t3{ margin: 15px 0 0 0;}
.ser5 .txts .t3 span{ padding: 4px 10px; font-size: 1.4em; color: #000; border-radius: 4px; background: #a7a7a7; margin: 5px 10px 0 0; display: inline-block;}
.ser5 .txts .t4{ margin-top: 30px;}
.ser5 .txts .t4 h3{ font-size: 1.6em; color: #fff; line-height: 1.5; position: relative;}
.ser5 .txts .t4 h3:after{ position: absolute; top:50%; right:0; width: calc(100% - 120px); content: ""; background: #fff; height: 1px;}
.ser5 .txts .t4 p{ font-size: 1.4em; color: rgba(255,255,255,0.8); line-height: 24px; position: relative; margin-top: 12px; padding-left: 12px;}
.ser5 .txts .t4 p:after{ position: absolute; top:8px; left:0; width: 6px; height: 6px; content: ""; border-radius: 50%; border:1px solid #fff;}
.ser5 .txts .btn{ text-align: right;}
.ser5 .txts a{ border:1px solid #fff; font-size: 1.6em; color: #fff; padding: 2px 12px; margin-top: 4px; display: inline-block; border-radius: 5px; margin: 16px 0 0 auto;}
.ser5 .btns{
    --swiper-navigation-color: #eb6200;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 80px;/* 设置按钮大小 */
  }
.ser5 .txts .swiper-slide:hover{ background: rgba(0,0,0,1);}
.ser5 .txts .swiper-slide:hover .t1 h3 span{ color: #eb6200;}
.ser5 .txts .swiper-slide:hover a{ background: #eb6200; border: 1px solid #eb6200;}


/*contact*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}
#container{ height:650px; opacity: 0.8;}

#container,.map,.map .tip,.contact-t .btn .fc-btn{transition:ease-out 0.2s all;-moz-transition: ease-out 0.2s all; -webkit-transition:ease-out 0.2s all; -o-transition: ease-out 0.2s all;}
.map{ position: relative; background: #000;}
.map .tip{display: flex;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;justify-content: center;}
.map .tip h3{ color: #fff;}
.map .tip .i-tit:after{ background: #ec882e;}
.map:hover #container{ opacity: 1;}
.map:hover .tip{ transform: skew(-45deg,-45deg);}

.contact-t{ padding: 90px 0 60px 0;}
.c1t .dots{ justify-content: space-between;  display: flex; padding: 50px 0 100px 0;}
.c1t .dots .dot h3{ font-size: 2.4em; color: #000; line-height: 1.5;}
.c1t .dots .dot img{ margin: 10px 0;}
.c1t .dots .dot p{ font-size: 3.6em; color: #eb6200; font-weight: bold;}
.ct-bg{ background: url(../images/map-bg.jpg) center center no-repeat; background-size: cover !important; height: 410px; background-attachment: fixed; margin-top: -280px;}
.c2t{ padding: 90px 0 0 0;}

.c2t input,.c2t textarea{ font-size: 1.6em; outline:none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; width: 100%; background: transparent; border: 1px solid #bbb1af; padding: 20px 20px 20px 60px;}
.c2t .c1{ background: url(../images/cf1.png) 20px center no-repeat #eee;}
.c2t .c2{ background: url(../images/cf2.png) 20px center no-repeat #eee;}
.c2t .c3{ background: url(../images/cf3.png) 20px center no-repeat #eee;}
.c2t .c4{ background: url(../images/cf4.png) 20px center no-repeat #eee;}
.c2t .c5{ background: url(../images/cf5.png) 20px 20px no-repeat #eee;}

.c2t .dot{ width: calc(100% + 50px); margin:40px 0 0 -25px; overflow: hidden;}
.c2t .d h3{ font-size: 1.6em; color: #000; line-height: 1.5; margin-bottom: 12px;}
.c2t .dot .d{ width: calc(50% - 50px); margin:0 25px 30px 25px; float:left; }
.c2t input::-webkit-input-placeholder,.c2t textarea::-webkit-input-placeholder{ color:#888; font-family: "Microsoft Yahei";}
.c2t input:-moz-placeholder,.c2t textarea::-webkit-input-placeholder{ color:#888;  font-family: "Microsoft Yahei";}
.c2t input::-moz-placeholder,.c2t textarea::-webkit-input-placeholder{ color:#888; font-family: "Microsoft Yahei";}
.c2t input:-ms-input-placeholder,.c2t textarea::-webkit-input-placeholder{ color:#888;  font-family: "Microsoft Yahei";}
.c2t .btn{ text-align: right;}
.c2t .btn .fc-btn{ width: auto; margin-top: 50px; border:none; padding:22px 60px;  font-size:1.6em; color:#fff; line-height:24px; cursor:pointer; background:#eb6200; text-transform: uppercase; margin: 60px 60px 0 0;}
.c2t .btn .fc-btn:hover{ background:#0e050b;}