@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:1640px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1260px; 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 {text-align:center;line-height:4rem; padding-top:20px;}
div.fy a { margin:2px 4px;padding:8px 12px;color:#fff;font-size:1.6em; display:inline; background: #414141; border-radius:5px;}
div.fy a:hover{color:#fff;  background: #ff5f01;}
div.fy a:active{ color:#fff;  background: #ff5f01; }
div.fy span.current{ border-radius: 5px; margin:2px 4px;padding:8px 12px; color:#fff;  font-size:1.6em;  background: #ff5f01;}
div.fy span.disabled{ border-radius: 5px; margin:2px 4px;padding:8px 12px; color:#fff; font-size:1.6em; background: #414141;}


/*手机导航*/
.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:#0c0c0c; 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:#444;  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);}

.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.7; 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 .mune a,#m1 .header .hlist{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{ position: relative; z-index: 2;}
.header .logo{ float:left;  padding:2px 0px; max-width: 24%;}
.header .logo img{ max-width: 100%;}
.header .munes{ float:right;}
.header .munes .mune{float:left;}
.header .munes .mune>*{ float:left;}
.header .munes .mune .m-list>a{ display: inline-block; font-size:1.8em; color:#000; padding:35px 25px; line-height:20px; opacity: 0.8;}
.header .munes .mune a:hover,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6,#m7 .m7{ color:#fff !important; background: #ff5f01 !important; opacity: 1;}
.header .munes .mune .m-dot{ display: none; left: 0; width: 100%; z-index: 0; position: absolute; top:calc(100%); background: rgba(243,244,246,0.9); padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.header .munes .mune .m-dot a{ font-size: 1.6em; line-height: 24px; color: #585858; margin: 0 50px;}
.header .munes .mune .m-dot a p{ font-size: 1em; margin-top: 6px;}
.header .munes .mune .m-list:hover .m-dot{ z-index: 2; display: block;}

.header .munes .mune .m-dot .dot{ float:left; width: 20%; display: inline-block; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .munes .mune .m-dot .dot img{ width: 100%; margin-bottom: 12px;}
.header .munes .mune .m-dot .dot a{ margin: 0;}
.header .munes .dots{ float:left;}
.header .munes .dots>*{ line-height: 90px; float:left;}
.header .munes .dots span img{ padding: 34px 30px 34px 10px;}
.header .munes .dots a{ padding: 0 0 0 30px; font-size: 1.6em; color: #000; opacity: 0.8;}
.header .munes .dots a img{ padding: 38px 0;}


/*footer*/
.footer a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ background:#000; overflow:hidden; }
.footer .fo1{ padding:80px 0 55px 0; overflow:hidden;}
.footer .fo1 .warp>*{  float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .fc{ width: 35%; padding-right: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .fc .t1{ border-bottom: 1px solid #666; padding-bottom: 20px; margin-bottom: 20px;}
.footer .fo1 .fc p{ font-size: 1.4em; color:rgba(255,255,255,0.5); line-height: 30px;  margin-bottom: 10px;}
.footer .fo1 .fc p span img{ margin:0 12px -9px 0;}
.footer .fo1 .mune{ width: 65%; overflow:hidden;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.footer .fo1 .mune .dot{ width: 16.66%; float:left;}
.footer .fo1 .mune a{ line-height:20px; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .mune h3 a{ font-size:2em; color:rgba(255,255,255,0.5); font-weight: bold; margin-bottom:15px;}
.footer .fo1 .mune p a{ font-size:1.4em; color:rgba(244,251,255,0.4); line-height:30px;}
.footer .fo1 .mune a:hover{ color:#fff;}

.footer .fo2{ border-top: 1px solid #333; overflow:hidden; padding:30px 0 45px 0;}
.footer .fo2 p{ float:left;font-size:1.4em; color:#cacaca; line-height:18px;}
.footer .fo2 p:last-child{float:right; }
.footer .fo2 p a{ font-size: 1em; color: #cacaca;}
.footer .fo2 p a:hover{ text-decoration: underline;}
.footer .fo2 p span{ margin-left: 5px;}
.footer .fo2 p span img{ margin-bottom: -5px;}


.bottomlist{ background:#ff5f01; 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 a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.banner{ width: 100%;}
.banner .banner-slider{ width: 100%;}
.banner .swiper-slide{ background-size:cover !important; }
.banner .swiper-slide img{ width: 100%;}

.banner .swiper-pagination-bullet{ background: #fff; width: 8px; height: 8px; }
.banner .swiper-pagination-bullet-active{ background: #ff5f01;}
/*iab*/
.iab .txt a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.iab{ background: url(../images/iab-bg.jpg) center center no-repeat; background-size:cover !important;}
.iab .txt{ max-width: 48%; padding: 110px 0 130px 0;}
.iab .txt h3{ font-size: 3.6em; color: #333; padding-bottom: 20px;}
.iab .txt h4{ font-size: 2.4em; color: #333; padding-bottom: 50px;}
.iab .txt p{ font-size: 1.4em; color: #333; line-height: 36px;}
.iab .txt a{ display: inline-block; margin-top: 35px; font-size: 1.6em; color:#333; background: rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.8); padding: 15px 55px; border-radius: 5px;}
.iab .txt a:hover{ background: rgba(255,255,255,0.2); }

.iab .dots{overflow: hidden;}
.iab .dots .dot{ width: 25%; float: left; text-align: center; color: #fff; padding: 50px  20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .dots .dot .num{ border-radius: 50%; width: 190px; height: 190px; border: 3px solid #fff; margin: 0 auto;}
.iab .dots .dot .num sup{   font-size: 3.6em; font-weight: bold; float:right;}
.iab .dots .dot h3{ padding-top: 40px; display: inline-block; margin: 0 auto 0 auto;}
.iab .dots .dot span{ font-size: 68px; font-weight: bold;}
.iab .dots .dot p{ font-size: 2.4em; line-height: 28px; margin-top: 24px;}
.iab .dots .dot:nth-child(1){ background: rgba(255,95,1,0.95);}
.iab .dots .dot:nth-child(2){ background: rgba(255,95,1,0.8);}
.iab .dots .dot:nth-child(3){ background: rgba(255,95,1,0.65);}
/*ip*/
.ip .ipn .swiper-slide .txt{transition:ease 1.5s all;-moz-transition: ease 1.5s all; -webkit-transition:ease 1.5s all; -o-transition: ease 1.5s all;}
.ip .tits{ padding: 110px 0 60px 0;}
.ip .ipn img{ max-width: 100%;}
.ip .ipn .swiper-slide{ position: relative;}
.ip .ipn .swiper-slide .txt{ display: table; position: absolute; bottom: -60%; left: 0; width: 100%;}
.ip .ipn .swiper-slide .txt>*{ display: table-cell;  vertical-align:middle; color: #fff;}
.ip .ipn .swiper-slide .txt .t{ background: rgba(0,0,0,0.2); padding: 15px 30px;}
.ip .ipn .swiper-slide .txt .t p{ font-size: 2.4em; line-height: 28px; font-weight:bold; -webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; height: 28px;}
.ip .ipn .swiper-slide .txt .more{ background: #ff5f01; width: 24%; text-align: center; padding: 30px 10px;}
.ip .ipn .swiper-slide .txt .more h4{ font-size: 1.4em; line-height: 18px;}
.ip .ipn .swiper-slide:hover .txt{ bottom: 0;}
/*inews*/
.inews .txts .inews-slider .swiper-slide p,.inews .txts span,.inews .txts .inews-slider .more a{transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all;}
.inews .tits{ padding: 100px 0 50px 0;}
.inews .img-bg{ background:url(../images/inews-bg.jpg) center center no-repeat; background-size:cover !important; height: 560px;}
.inews .txts{ position: relative;}
.inews .txts .inews-slider{ max-width: 1660px; width: 96%; margin: -14% auto 0 auto; z-index: 10; background: #fff; box-shadow: 2px 0 15px rgba(0,0,0,0.4); padding: 120px 8% 20px 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inews .txts .inews-slider:after,.inews .txts .inews-slider:before{ position: absolute; top:0; width: 8%; height: 100%; content: ""; background: #fff; z-index: 6;}
.inews .txts .inews-slider:after{ left: 0;}
.inews .txts .inews-slider:before{ right: 0;}
.inews .txts .inews-slider .swiper-slide{ border-bottom: 1px solid #c1c1c1;}
.inews .txts .inews-slider .swiper-slide h3{ font-size: 3em; color: #010101; line-height: 32px;}
.inews .txts .inews-slider .swiper-slide h4{ font-size: 1.8em; color: #010101; line-height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; height: 24px; margin: 10px 0;}
.inews .txts .inews-slider .swiper-slide p{ opacity: 0; transform: translateY(45px);  line-height: 24px; font-size: 1.4em; color: #000000;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3; height: 72px;}
.inews .txts .inews-slider .swiper-slide span{ margin: 40px 0 45px 0; background: #000; text-transform: uppercase; color: #fff; font-size: 1.2em; padding: 6px 12px; border-radius: 40px; display: inline-block; line-height: 18px;}
.inews .txts .inews-slider .more{ text-align: center; margin-top:65px;}
.inews .txts .inews-slider .more a{ background: #000; text-transform: uppercase; color: #fff; font-size: 1.4em; line-height: 18px; padding: 6px 20px; border-radius: 40px; display: inline-block;}
.inews .txts .btn{ position:absolute; top:50%; left: 4.5%; max-width: 1740px; width: 91%;}
.inews .txts .btn .swiper-button-prev{ background-image: url(../images/inews-n.jpg);}
.inews .txts .btn .swiper-button-next{ background-image: url(../images/inews-p.jpg);}
.inews .txts .btn .swiper-button-prev,.inews .txts .btn .swiper-button-next{ width: 50px; height: 46px; background-size: 50px 46px;}
.inews .txts .inews-slider .swiper-slide:hover p{ opacity: 0.5; transform: translateY(0px);}
.inews .txts span:hover,.inews .txts .inews-slider .more a:hover{  background: #ff5f01 !important;}
/*iad*/
.iad .txts .box,.iad .txts .box .txt{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.iad .tits{ padding: 100px 0 50px 0;}
.iad .txts{ background: url(../images/iad-bg.jpg) center center no-repeat; background-size:cover !important; padding: 220px 0; overflow:hidden;}
.iad .txts .box{ float:left; width: 16.66%; background-size:cover !important;  height: 350px; position: relative; opacity: 0.8;}
.iad .txts .box a{ display: block;  height: 100%;}
.iad .txts .box1{ background: url(../images/iadb-1.jpg) center center no-repeat;}
.iad .txts .box2{ background: url(../images/iadb-2.jpg) center center no-repeat;}
.iad .txts .box3{ background: url(../images/iadb-3.jpg) center center no-repeat;}
.iad .txts .box4{ background: url(../images/iadb-4.jpg) center center no-repeat;}
.iad .txts .box5{ background: url(../images/iadb-5.jpg) center center no-repeat;}
.iad .txts .box .txt{ position: absolute; bottom: 0px; left: 0; right: 0;  background-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.8) 100%);}
.iad .txts .box .txt .tt{ width: 100%; text-align: center; max-width: fit-content; margin: 0 auto; overflow: hidden; padding: 30px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.iad .txts .box .txt .tt>*{ float:left;}
.iad .txts .box .txt .img{ padding: 0 10px;}
.iad .txts .box .txt .t:after{ position: absolute; left: 0; top:0; width: 1px; height: 100%; content: ""; background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.6) 25%,rgba(255,255,255,0.6) 75%,transparent 100%);}
.iad .txts .box .txt .t{ position: relative; text-align: left; padding: 0 10px;}
.iad .txts .box .txt .t h3{ font-size: 1.6em; line-height: 18px; color: #fff;}
.iad .txts .box .txt .t p{ font-size: 1.2em; text-transform: uppercase; line-height: 24px; color: #fff;}
.iad .txts .box.bt{ background: #ff5f01; height: 350px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4% 3%; transform: scaleY(1.4); opacity: 1; position: relative; z-index: 10;}
.iad .txts .box.bt .t{ transform: scaleY(0.7);}
.iad .txts .box.bt .t h3{ font-size: 1.8em; border-bottom: 1px solid #fff; border-top:1px solid #fff;  text-transform: uppercase; display: inline-block; padding: 10px 0; }
.iad .txts .box.bt .t h4{ font-size: 3.6em; font-weight: bold; margin: 18px 0 20px 0;}
.iad .txts .box.bt .t p{ font-size: 1.4em; line-height: 24px;}
.iad .txts .box.box1:hover,.iad .txts .box.box2:hover,.iad .txts .box.box3:hover,.iad .txts .box.box4:hover,.iad .txts .box.box5:hover{ transform: scale(1.1); transform-origin :50% 100% 0; z-index: 2; opacity: 1;}
.iad .txts .box:hover .txt{  opacity: 0;}
/*ipa*/
.ipa .warp .txts .tit a{transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all;}
.ipa{ background: url(../images/ipa-bg.jpg) center center no-repeat; background-size: cover !important; padding: 100px 0 95px 0; overflow: hidden;}
.ipa .warp>*{ float:left;}
.ipa .warp .txts{ width: 50%; color: #fff; position: relative;}
.ipa .warp .txts .tit h3{ margin-top: 40px; font-size: 3.6em;}
.ipa .warp .txts .tit h4{ font-size: 2.4em; margin: 18px 0 40px 0;}
.ipa .warp .txts .tit p{ font-size: 1.4em; line-height: 36px; max-width: 350px;}
.ipa .warp .txts .tit a{display: inline-block; margin: 35px 0 100px 0; font-size: 1.6em; color:#fff; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.8); padding: 15px 55px; border-radius: 5px;}
.ipa .warp .txts .ipa-slider{ margin-right: 100px;}
.ipa .warp .txts .imgs{ position: relative;}
.ipa .warp .txts .imgs .btn{ position: absolute; right: 0; top: 0; width: 80px; height: 100%;}
.ipa .warp .txts .imgs img{ width: 100%;}
.ipa .warp .txts .imgs .btn .swiper-button-prev{ left: auto; top:20px; right: 0; background-image:url(../images/ipa/ipa-n.png); }
.ipa .warp .txts .imgs .btn .swiper-button-next{ top:auto; bottom: 0; right: 0; background-image: url(../images/ipa/ipa-p.png);}
.ipa .warp .txts .imgs .btn .swiper-button-prev,.ipa .warp .txts .imgs .btn .swiper-button-next{ width: 51px;  background-size: 51px 100%;  height: 45%;}
.ipa .warp .map{ width: 53%; margin-left: -3%; text-align: right;}
.ipa .warp .map img{ max-width: 100%;}
.ipa .warp .txts .tit a:hover{background: rgba(0,0,0,0.2);}


/*tits*/
.tits{ overflow: hidden; text-align: center;}
.tits h3{ font-size: 3em; color: #000; line-height: 32px; font-weight: bold; margin-bottom: 20px;}
.tits h4{ font-size: 2.4em;  color: #010101; text-transform: uppercase; }
.tits h4 span{ color:#ff5f01; font-size: 1em;}
/*tits2*/
.tits2 h3{ font-size: 3em; color: #000; font-weight: bold;}
.tits2 h4{ font-size: 8.5em; color: transparent; font-weight: bolder;  -webkit-text-stroke: 1px #000; opacity: 0.15; margin-top: -30px; text-transform: uppercase;}

/*banners*/
.banners{ height:550px; 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;}
.product{ background:url(../images/banners/product-banner.jpg) center center no-repeat;}
.company{ background:url(../images/banners/company-banner.jpg) center center no-repeat;}
.network{ background:url(../images/banners/network-banner.jpg) center center no-repeat;}
.contact{ background:url(../images/banners/contact-banner.jpg) center center no-repeat;}


/*about*/
/*a-list*/
.a-list{ background: #1a345a; padding: 0 4%; overflow:hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.a-list>div{ float:left; width: 16.66%; text-align: center; border-right: 1px solid #8d9aad; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.a-list>div:first-child{ border-left: 1px solid #8d9aad;}
.a-list>div a{ position: relative; z-index: 20; font-size: 1.8em; color: #fff; display:inline-block; padding: 30px 10px;}
.a-list .a-lock,.a-list>div:hover,.a-list .a-lock  a,.a-list>div:hover a{ background: #ff5f01 !important;}
.a-list .a-lock:after,.a-list>div:hover:after{ position: absolute; content: ""; background: #fff; top:50%; left: 15%; width: 70%; height: 1px;}

.about-t .box1 .ab1-1 .txts .txt a{transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all;}
.about-t .box1 .ab1-1{ padding: 80px 0 65px 0;}
.about-t .box1 .ab1-1 .txts{ overflow: hidden; padding-top: 40px;}
.about-t .box1 .ab1-1 .txts>*{ float:left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .box1 .ab1-1 .txts .img{ max-width: 95%;}
.about-t .box1 .ab1-1 .txts .img img{ max-width: 100%;}
.about-t .box1 .ab1-1 .txts .txt{ padding: 0 5%;}
.about-t .box1 .ab1-1 .txts .txt h3{ font-size: 2.4em; color: #000000; line-height: 28px; font-weight: bold;}
.about-t .box1 .ab1-1 .txts .txt span{ display: inline-block; width: 54px; height: 1px; background: #ff5f01; margin: 25px 0 30px 0;}
.about-t .box1 .ab1-1 .txts .txt p{ font-size: 1.4em; color: #000; opacity: 0.8; line-height: 24px; margin-bottom: 0px;}
.about-t .box1 .ab1-1 .txts .txt a{ display: inline-block; color: #fff; background: #ff5f01; font-size: 1.4em; padding: 8px 35px; line-height: 24px; margin-top: 30px;}
.about-t .box1 .ab1-1 .txts .txt a:hover{ background: #1a345a;}
.about-t .box1 .ab1-2{  position: relative; background: #f6f6f6; margin-bottom: 90px;}
.about-t .box1 .ab1-2 .ab1-slider{ padding: 100px 0;}
.about-t .box1 .ab1-2 img{ max-width: 100%; opacity: 0.5;}
.about-t .box1 .ab1-2 .btn{ position: absolute; width: 100%; max-width: 1400px; height: 58%; top:100px; left: 0; right: 0; margin: 0 auto;}
.about-t .box1 .ab1-2 .swiper-slide{ background: #000; position: relative;}
.about-t .box1 .ab1-2 .swiper-slide .txt{ position: absolute; bottom: 0; left: 0; width: 100%;  height: 100%; text-align: center;}
.about-t .box1 .ab1-2 .swiper-slide .txt p{ font-size: 1.8em; color: #fff;  opacity: 0.8; padding: 32%  20px; width: auto; }
.about-t .box1 .ab1-2 .swiper-slide img{ max-width: 100%;}
.about-t .box1 .ab1-2 .btn .ab1-p{ background-image: url(../images/about/ab1-p.jpg);}
.about-t .box1 .ab1-2 .btn .ab1-n{ background-image: url(../images/about/ab1-n.jpg);}
.about-t .box1 .ab1-2 .btn .ab1-p,.about-t .box1 .ab1-2 .btn .ab1-n{ width: 60px; height: 100%; background-size: 60px 100%; top:20px;}
.about-t .box1 .ab1-2 .swiper-slide-active{ transform: scale(1.2);}
.about-t .box1 .ab1-2 .swiper-slide-active img{ opacity: 1;}
.about-t .box1 .ab1-2 .swiper-slide-active .txt{background: rgba(255,255,255,0.8); height: auto;}
.about-t .box1 .ab1-2 .swiper-slide-active .txt p{ padding:25px 10px; font-size: 1.6em; color: #000; opacity: 0.8; display: inline-block; position: relative; z-index: 3;}
.about-t .box1 .ab1-2 .swiper-slide-active .txt p:after,.about-t .box1 .ab1-2 .swiper-slide-active .txt p:before{position: absolute; content: ""; background: rgba(0,0,0,0.8); top:50%;  width: 40px; height: 1px;}
.about-t .box1 .ab1-2 .swiper-slide-active .txt p:after{left: 100%;}
.about-t .box1 .ab1-2 .swiper-slide-active .txt p:before{ right: 100%;}
.about-t .box1 .ab1-2 .swiper-slide-active{ box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.about-t .box2{ background: url(../images/about/org-bg.jpg) center center no-repeat; background-size:cover !important; padding: 70px 0 110px 0;}
.about-t .box2 .txts{ margin-top: 60px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: rgba(255,255,255,0.7); padding: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.about-t .box2 .txts img{ max-width: 100%;}
.about-t .box3 .dots .dot .txt{transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all;}
.about-t .box3{ padding: 80px 0 120px 0;}
.about-t .box3 .dots{ margin-top: 40px; overflow: hidden;}
.about-t .box3 .dots .dot{ display: table; width: calc(50% - 6px); margin: 3px 3px; float:left;}
.about-t .box3 .dots .dot>*{ display: table-cell; width: 50%; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .box3 .dots .dot .img{ background-size: cover !important;}
.about-t .box3 .dots .dot .txt{ position: relative; background: #f8f8f8; padding: 40px 26px;}
.about-t .box3 .dots .dot .txt:after{  position: absolute; top:45%; right: -15px; content: ""; background: #fff; width: 30px; height: 30px; transform: rotate(45deg);}
.about-t .box3 .dots .dot .txt h3{ margin: 30px 0 12px 0; font-size: 1.8em; color: #000; font-weight: bold;}
.about-t .box3 .dots .dot .txt p{ font-size: 1.4em; color: #000; opacity: 0.8; line-height: 24px; height: 48px; }
.about-t .box3 .dots .dot .txt img:last-child{ margin-top: 20px;}
.about-t .box3 .dots .dot:hover .txt{ width: 60%;}
.about-t .box4{ background: url(../images/about/ab4-bg.jpg) center center no-repeat; background-size:cover !important; padding: 80px 0 200px 0;}
.about-t .box4 .tits2 h3{ color: #fff;}
.about-t .box4 .tits2 h4{ -webkit-text-stroke: 1px #fff;}
.about-t .box4 .txts .ap-prev{ background-image: url(../images/about/ap-p.png);}
.about-t .box4 .txts .ap-next{ background-image: url(../images/about/ap-n.png);}
.about-t .box4 .txts .ap-prev,.about-t .box4 .txts .ap-next{ width: 40px; height: 50px; background-size: 40px 40px;}
.about-t .box4 .txts .gallery-thumbs{ float:right; margin: -50px 0 85px 0; width: 350px; padding: 0 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .box4 .txts .gallery-thumbs:after,.about-t .box4 .txts .gallery-thumbs:before{  position: absolute; background: #314161; content: ""; width: 70px; height: 50px; top:0; z-index: 2;}
.about-t .box4 .txts .gallery-thumbs:after{ left: 0;}
.about-t .box4 .txts .gallery-thumbs:before{ right: 0;}
.about-t .box4 .txts .gallery-thumbs .swiper-slide{ font-size: 4.8em; color: #fff; opacity: 0.6; font-weight: 900;}
.about-t .box4 .txts .gallery-top p{ font-size: 2.2em; color: #fff; opacity: 0.6; line-height: 36px; max-width: 940px; margin: 0 auto;}

.about-t .box5{ background: url(../images/about/ab5-bg.jpg) right center no-repeat; background-size:contain !important; padding: 90px 0 150px 0;}
.about-t .box5 img{ width: 100%;}
.about-t .box5 .tits2{ margin-bottom: 40px;}
.about-t .box5 .h-rz h3{ font-size: 1.8em; color: #333; line-height: 24px; margin:40px 0 20px 0;}
.about-t .box5 .h-rz table tr td{ padding: 12px; font-size: 1.4em; color: #333; line-height: 24px; text-align: center; vertical-align: middle; background: #fff;  border: 1px solid #ccc;}
.about-t .box5 .h-rz table tr:first-child td{ color: #fff; background: #1a345a; font-weight: bold;}

.ab-v .alead>img{ width: 100%;}
.ab-v .more,.about-t .box7 .h-dots .dots span{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ab-v{ position: relative; object-fit:cover; display: table; width: 100%;}
.ab-v .more{ position: absolute; text-align: center;  left: 0; top:45%; width: 100%; opacity: 0; transform: translateY(-40px);}
.ab-v:hover .more{ opacity: 1;  transform: translateY(0px);}
.ab-v .boxs{ text-align: center;}
.ab-v .boxs .box{display: table-cell; vertical-align: middle; text-align: center;}
.ab-v .boxs video{ max-width: 100%; max-height: 100%; margin: 0 auto; }
.about-t .box7{ padding: 95px 0 160px 0;}
.about-t .box7 .imgs{ overflow: hidden; margin-top: 40px;}
.about-t .box7 .imgs div{ float:left; width: calc(33.33% -  40px); margin: 0 20px; text-align: center;}
.about-t .box7 .imgs div img{ max-width: 100%; -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */}
.about-t .box7 .h-dots h3{ font-size: 1.8em; color: #333; line-height: 24px; margin:40px 0 20px 0;}
.about-t .box7 .h-dots .dots span{ cursor:pointer; border-radius: 50%; background: #666; display: inline-block; margin: 5px; font-size: 1.6em; color: #fff; padding: 14px 26px;}
.about-t .box7 .h-dots .dots span:hover{ background: #1a345a;}


/*network*/
.network-t .tits2{ padding: 120px 0 40px 0;}
.network-t .img{ text-align: center;}
.network-t .img img{ width: 100%; }

/*contact*/
/*map*/
.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 30px 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:570px;}

.contact-t{ padding-top: 120px;}
.contact-t .c1 .txts{ margin-top: 55px; overflow:hidden;}
.contact-t .c1 .txts .tips{ float:left; width: 50%;}
.contact-t .c1 .txts .tips form{ max-width: 480px;}
.contact-t .c1 .txts .tips h3{ font-size: 2.4em; color: #000; margin-bottom: 45px;}
.contact-t .c1 .txts .txt{ height: 520px; width: 48%; position: relative;float:right; background: url(../images/ct-bg.jpg) bottom center no-repeat #7f7f7f; background-size:cover !important; padding: 30px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px;}
.contact-t .c1 .txts .txt:after{ position: absolute; content: "";  width: 45px; height: 45px; top:-8px; left: -20px; background: #ff5f01;}
.contact-t .c1 .txts .txt>h3{ font-size: 2.4em; color: #fff;}
.contact-t .c1 .warp2{ padding-bottom: 120px; position: relative;}
.contact-t .c1 .warp2:after{  position: absolute; content: "";  width: 20%; height: 100%; top:0; right: 20px; background: rgba(0,0,0,0.05);}
.contact-t .c1 .txts .txt .dots{overflow: hidden;}
.contact-t .c1 .txts .txt .dots>*{ float:left;}
.contact-t .c1 .txts .txt .dot1{ width: 60%;}
.contact-t .c1 .txts .txt .dot2{ width: 40%;}
.contact-t .c1 .txts .txt .dot{ margin-top: 50px; position: relative; z-index: 2;}
.contact-t .c1 .txts .txt .dot h3{ font-size: 1.8em; color: #fff; margin-bottom: 16px;}
.contact-t .c1 .txts .txt .dot p{ font-size: 1.4em; color: #fff; opacity: 0.6; line-height: 24px;}


.contact-t .btn .fc-btn{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact-t input,.contact-t textarea{ font-size: 1.8em; outline:none; border: none; border-bottom:1px solid #ccc; padding:12px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;}
.contact-t .fc-input{ width: 100%; margin-bottom: 20px;}
.contact-t textarea{ width:100%; margin-bottom:30px; font-family: "Arial","Microsoft Yahei";}
.contact-t .fc-input::-webkit-input-placeholder,.contact-t textarea::-webkit-input-placeholder { color:#000;}
.contact-t .fc-input:-moz-placeholder,.contact-t textarea:-moz-placeholder { color:#000;}
.contact-t .fc-input::-moz-placeholder,.contact-t textarea::-moz-placeholder { color:#000;}
.contact-t .fc-input:-ms-input-placeholder,.contact-t textarea:-ms-input-placeholder { color:#000;}
.contact-t .btn .fc-btn{ border:none; padding:8px 50px; margin:24px 0 0 0; font-size:1.8em; color:#fff; line-height:24px; cursor:pointer; background:#ff5f01;}
.contact-t .btn .fc-btn:hover{ background:#333; }

/*news*/
.news-t .tit .n-list a,.news-t .boxs .box-t a .txt h4,.news-t .boxs .dots .dot{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.news-t{ padding: 120px 0;}
.news-t .tit{ overflow:hidden;}
.news-t .tit .tits2{ float:left;}
.news-t .tit .n-list{ float: right;}
.news-t .tit .n-list a{ font-size: 1.6em; color: #000; font-weight:bold; display: inline-block; margin-left: 40px; padding-bottom: 26px;}
.news-t .tit .n-list a:hover,.news-t .tit .n-list a.lock{ color: #ff5f01; border-bottom: 3px solid #ff5f01;}
.news-t .boxs{ margin-top: 50px;}
.news-t .boxs .box-t{ overflow: hidden; border: 2px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 20px; }
.news-t .boxs .box-t a>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news-t .boxs .box-t a .img{ width: 38%; padding-right: 20px;}
.news-t .boxs .box-t a .img img{ max-width: 100%;}
.news-t .boxs .box-t a .txt{ width: 62%;}
.news-t .boxs .box-t a .txt h3{ font-size: 1.8em; color: #000; line-height: 24px;}
.news-t .boxs .box-t a .txt h4{ font-size: 1.8em; color: #000; line-height: 24px; height: 24px; font-weight: bold; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; position: relative; margin-top: 10px;}
.news-t .boxs .box-t a .txt .line{ display: inline-block; width: 64px; height: 2px; background: #d2d2d2; margin: 15px 0 20px 0;}
.news-t .boxs .box-t a .txt p{ font-size: 1.4em; color: #000; line-height: 24px; height: 48px; opacity: 0.6; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .boxs .box-t a .txt .more{ border:2px solid #d2d2d2; margin-top: 70px; font-size: 1.4em; color: #000; opacity: 0.5; padding: 8px 24px; display: inline-block;}
.news-t .boxs .box-t:hover a .txt h4{  color: #ff5f01;}
.news-t .boxs .dots{ width: calc(100% + 30px); margin-left: -15px; margin-bottom: 40px;}
.news-t .boxs .dots .dot{ width: calc(50% - 30px); margin: 20px 15px; float:left; border: 2px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 30px 0;}
.news-t .boxs .dots .dot a>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-t .boxs .dots .dot a .date{ width: 120px; text-align: center; padding: 10px 20px; border-right: 2px solid #d2d2d2;}
.news-t .boxs .dots .dot a .date h3{ font-size: 4.6em; color: #000; opacity: 0.9;}
.news-t .boxs .dots .dot a .date h4{ font-size: 1.4em; color: #000; opacity: 0.5;}
.news-t .boxs .dots .dot a .txt{ width: calc(100% - 120px); padding: 0 20px;}
.news-t .boxs .dots .dot a .txt h3{ font-size: 1.8em; color: #000000;  line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; margin-bottom: 10px;}
.news-t .boxs .dots .dot a .txt p{ font-size: 1.4em; color: #000; opacity: 0.6; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .boxs .dots .dot:hover{ box-shadow: 0 0 10px rgba(30,4,5,0.25);}


/*newsshow*/
.newsshow{ padding:80px 0;}
.newsshow .boxs{ background:#f5f5f5; }

.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:2em; 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;}
.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:#ff5f01 !important; color:#fff !important;}


/*conpany*/
.company-t .box3 .boxs .box,.company-t .box3 .boxs .box h3,.company-t .box3 .boxs .box img,.company-t .box3 .boxs .box:after{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.company-t .a-list{ padding: 0 10%;}
.company-t .a-list div{ width: 20%;}
.company-t .box1{ padding: 120px 0 100px 0;}
.company-t .box1 .imgs{ overflow: hidden; padding: 40px 0 20px 0; width: calc(100% + 40px); margin-left: -20px;}
.company-t .box1 .imgs div{ float:left; width: calc(33.33% - 40px); margin: 0 20px; box-shadow: 0 2px 10px rgba(30,4,5,0.4);}
.company-t .box1 .imgs div img{ width: 100%;}
.company-t .box2{ background: #f6f6f6; padding: 70px 0;}
.company-t .box2 .txts{ overflow: hidden; margin-top: 50px;}
.company-t .box2 .txts>*{ float:left;}
.company-t .box2 .txts .txt{ width: 35%;}
.company-t .box2 .txts .txt .dot:first-child{ border-bottom: 1px dashed #d5d5d5;}
.company-t .box2 .txts .txt .dot{ padding: 20% 0;}
.company-t .box2 .txts .txt .dot h3{ font-size: 2.4em; color: #000; line-height: 24px; border-left: 4px solid #000; padding-left: 5px; margin-bottom: 15px;}
.company-t .box2 .txts .txt .dot p{ font-size: 1.8em;  color: #000; opacity: 0.6;}
.company-t .box2 .txts .imgs{ width: 65%; overflow: hidden;}
.company-t .box2 .txts .imgs div{ float:left; width:calc(50% - 10px); margin-left: 10px; text-align: right;}
.company-t .box2 .txts .imgs div img{ max-width: 100%;}
.company-t .box3{ padding: 120px 0;}
.company-t .box3 .boxs{ width: calc(100% + 10px); margin: 45px 0 0 -5px; overflow: hidden;}
.company-t .box3 .boxs .box{ height: 220px; position: relative; float:left; width: calc(25% - 10px); margin: 5px; background: #f6f6f6; text-align: center;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.company-t .box3 .boxs .box img{ margin: 15% 0 20px 0; position: relative; z-index: 2;}
.company-t .box3 .boxs .box h3{ font-size: 1.4em; color: #000; line-height: 20px; position: relative; z-index: 2;}
.company-t .box3 .boxs .box:hover{ background: #ff5f01;}
.company-t .box3 .boxs .box:hover h3{ color: #fff;}
.company-t .box3 .boxs .box:hover img{ filter:invert; -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);}
.company-t .box3 .boxs .box:after{ position: absolute; bottom: 0px; right: 5px; color: #fff; font-size: 7.2em; font-weight: bold;}
.company-t .box3 .boxs .box:nth-child(1):after{content:"01";}
.company-t .box3 .boxs .box:nth-child(2):after{content:"02";}
.company-t .box3 .boxs .box:nth-child(3):after{content:"03";}
.company-t .box3 .boxs .box:nth-child(4):after{content:"04";}
.company-t .box3 .boxs .box:nth-child(5):after{content:"05";}
.company-t .box3 .boxs .box:nth-child(6):after{content:"06";}
.company-t .box3 .boxs .box:nth-child(7):after{content:"07";}
.company-t .box3 .boxs .box:nth-child(8):after{content:"08";}
.company-t .box3 .boxs .box:hover:after{ opacity: 0;}
.company-t .box4 .boxs .box,.company-t .box4 .boxs .box a,.company-t .box4 .boxs .box img{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.company-t .box4{ padding: 70px 0 60px 0; background: #f6f6f6;}
.company-t .box4 .boxs{ margin-top: 50px; overflow: hidden; }
.company-t .box4 .boxs .box{ border-left:1px dashed #d1d1d1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f2f2f2; text-align: center; padding: 50px 20px; height: 240px;}
.company-t .box4 .boxs .box h3{ font-size: 2.4em; color: #000; line-height: 24px; margin-bottom: 20px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.company-t .box4 .boxs .box h4{ font-size: 1.8em; color: #000; opacity: 0.6; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.company-t .box4 .boxs .box a{ margin-top: 45px; display: inline-block; border: 1px solid #a5a5a5; font-size: 1.8em; color: #000; opacity: 0.6; padding: 5px 20px; line-height: 24px;}
.company-t .box4 .boxs .box a span img{ margin:0 0 -5px 16px; opacity: 0.8; }
.company-t .box4 .boxs .box:hover{ border-left:16px solid #ff5f01;}
.company-t .box4 .boxs .box:hover a{ color: #fff; border: 1px solid #ff5f01; background: #ff5f01; opacity: 1;}
.company-t .box4 .boxs .box:hover a span img{ opacity: 1; filter:invert; -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);}
.company-t .box4 .boxs .co4-slider{ padding-bottom: 30px;}
.company-t .box4 .boxs .swiper-pagination{ bottom: 0;}
.company-t .box4 .boxs .swiper-pagination-bullet{width: 12px; height: 12px;}
.company-t .box4 .boxs .swiper-pagination-bullet-active{ background: #ff5f01;}
.company-t .box5 .boxs .box .txt2,.company-t .box5 .boxs .box .txt,.company-t .box5 .boxs .box img{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.company-t .box5{ padding: 90px 0 120px 0;}
.company-t .box5 .boxs{ margin: 40px 0 0 -15px;  width: calc(100% + 30px); overflow: hidden;}
.company-t .box5 .boxs .box{ position: relative; width: calc(33.33% - 30px); margin: 0 15px; float:left; overflow: hidden;}
.company-t .box5 .boxs .box img{ width: 100%;}
.company-t .box5 .boxs .box .txt,.company-t .box5 .boxs .box .txt2{ position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;  text-align: center;}
.company-t .box5 .boxs .box .txt{ background: rgba(255,255,255,0.5); padding: 16px; }
.company-t .box5 .boxs .box h3{ font-size: 2em; color: #000; font-weight: bold; margin-bottom: 10px;}
.company-t .box5 .boxs .box h4{ font-size: 1.4em; color: #000; line-height: 24px; }
.company-t .box5 .boxs .box .txt2{ height: 100%; padding: 45% 20px 20px 20px; background: rgba(0,0,0,0.4); opacity: 0;  transform: translateY(30px);}
.company-t .box5 .boxs .box .txt2 h3,.company-t .box5 .boxs .box .txt2 h4{ color: #fff;}
.company-t .box5 .boxs .box .txt2 h4{ margin-bottom: 15px;}
.company-t .box5 .boxs .box:hover .txt{ transform: translateY(30px); opacity: 0;}
.company-t .box5 .boxs .box:hover .txt2{ transform: translateY(0px); opacity: 1;}
.company-t .box5 .boxs .box:hover img{ opacity: 0.5;}
.company-t .box6 .dots .swiper-slide .img,.company-t .box6 .dots .swiper-slide .img img,.company-t .box6 .dots .swiper-slide p{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.company-t .box6{ background: #f6f6f6; padding: 50px 0 40px 0;}
.company-t .box6 .co6-slider{ padding: 90px 0; max-width: 1340px; text-align: center;}
.company-t .box6 .co6-slider .img{ display: inline-block; border: 1px solid #463234; padding: 30px; border-radius: 50%; background: #f6f6f6;}
.company-t .box6 .co6-slider p{ font-size: 2em; color: #000; line-height: 24px; margin-top: 20px; opacity: 0.6; }
.company-t .box6 .dots{ position: relative;}
.company-t .box6 .dots:after{ position: absolute; top:45%; left: 4%; width: 92%; height: 1px; border-bottom: 1px dashed #9d9d9d; content: "";}
.company-t .box6 .dots .co6-p{ background-image: url(../images/company/co6-p.png);}
.company-t .box6 .dots .co6-n{ background-image: url(../images/company/co6-n.png);}
.company-t .box6 .dots .co6-p,.company-t .box6 .dots .co6-n{ width: 47px; height: 79px; background-size: 47px 79px;}
.company-t .box6 .dots .btn{ position: absolute; top:40%; left: 0; right: 0; max-width:1460px; margin: 0 auto;}
.company-t .box6 .dots .swiper-slide:hover .img{ transform: scale(1.2); padding: 15px 30px 45px 30px;}
.company-t .box6 .dots .swiper-slide:hover img{ transform: scale(0.8);}
.company-t .box6 .dots .swiper-slide:hover p{ transform: translateY(-60px)}

/*product*/
.product-t .pro-boxs .pro-box .box,.product-t .pro-boxs .pro-box .box *{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.product-t{ padding: 120px 0;}
.product-t .pro-boxs{ margin-top: 45px;}
.product-t .pro-boxs .pro-box{ display: table; width: 100%;}
.product-t .pro-boxs .pro-box .box{ display: table-cell; width: 50%; height: 360px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 40px; background-size:cover !important; position: relative;}
.product-t .pro-boxs .pro-box .box1{ background: url(../images/product/pb1.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box2{ background: url(../images/product/pb2.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box3{ background: url(../images/product/pb3.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box4{ background: url(../images/product/pb4.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box5{ background: url(../images/product/pb5.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box6{ background: url(../images/product/pb6.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box .t1{ max-width: 60%;}
.product-t .pro-boxs .pro-box .box .t1 h3{ font-size: 3.6em; color: #000; opacity: 0.8; text-shadow: 0 0 2px #fff;}
.product-t .pro-boxs .pro-box .box .t1 span{ display: inline-block; width: 80px; height: 2px; background: #2f3133; margin: 8px 0 26px 0;}
.product-t .pro-boxs .pro-box .box .t1 p{ font-size: 1.4em; color: #000; line-height: 18px; text-shadow: 0 0 2px #fff; max-width: 62%;}
.product-t .pro-boxs .pro-box .box.box2 .t1 h3,.product-t .pro-boxs .pro-box .box.box2 .t1 p,.product-t .pro-boxs .pro-box .box.box6 .t1 h3,.product-t .pro-boxs .pro-box .box.box6 .t1 p{ color: #fff; opacity: 0.8; text-shadow: 0 0 4px #000;}
.product-t .pro-boxs .pro-box .box.box2 .t1 span,.product-t .pro-boxs .pro-box .box.box6 .t1 span{ background: rgba(255,255,255,0.8);}
												
.product-t .pro-boxs .pro-box .box .t2{ display: none; text-align:center;}
.product-t .pro-boxs .pro-box .box .t2 h3{ font-size: 3em; text-transform: uppercase; font-style: italic; color: #fff; position: relative; z-index: 4;}
.product-t .pro-boxs .pro-box .box .t2 h4{ font-size: 2.4em; color: #fff; background: rgba(218,106,41,0.7); display: inline-block; padding: 20px 70px 12px 70px; line-height: 28px; margin-top: -16px;}
.product-t .pro-boxs .pro-box .box .t2 span{ border-bottom: 1px solid #fff; color: #fff; font-size: 1.4em; position: absolute; bottom: 10%; right: 5%; line-height: 24px;}

.product-t .pro-boxs .pro-box .box:hover{ width: 70% !important;}
.product-t .pro-boxs .pro-box:hover .box{ width: auto; }
.product-t .pro-boxs .pro-box .box:hover .t2{ display: block;}
.product-t .pro-boxs .pro-box .box:hover .t1{ display: none; }
.product-t .pro-boxs .pro-box:hover .box .t1{ max-width: 100%;}
.product-t .pro-boxs .pro-box .box1:hover{ background: url(../images/product/pb1-0.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box2:hover{ background: url(../images/product/pb2-0.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box3:hover{ background: url(../images/product/pb3-0.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box4:hover{ background: url(../images/product/pb4-0.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box5:hover{ background: url(../images/product/pb5-0.jpg) center center no-repeat;}
.product-t .pro-boxs .pro-box .box6:hover{ background: url(../images/product/pb6-0.jpg) center center no-repeat;}

/*productshow*/
/*p-list*/
.p-list{ background: #1a345a; overflow:hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-list .warp>div{ float:left; width: 16.66%; text-align: center; border-right: 1px solid #8d9aad; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.p-list .warp>div:first-child{ border-left: 1px solid #8d9aad;}
.p-list .warp>div a{ position: relative; z-index: 20; font-size: 1.8em; color: #fff; display:inline-block; padding: 30px 10px;}
.p-list .lock,.p-list .warp>div:hover,.p-list .lock a,.p-list .warp>div:hover a{ background: #ff5f01 !important;}
.p-list .lock:after,.p-list .warp>div:hover:after{ position: absolute; content: ""; background: #fff; top:50%; left: 15%; width: 70%; height: 1px;}

.productshow{ padding: 120px 0 100px 0;}
.productshow .txts{ overflow:hidden; margin-bottom: 40px;}
.productshow .txts>*{ float:left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .txts .img img{ width: 100%;}
.productshow .txts .txt { padding-left: 6%;}
.productshow .txts .txt h3{ font-size: 3em; color: #000; line-height: 48px; display: inline-block; border-bottom: 2px solid #b8b8b8; margin-bottom: 30px;}
.productshow .txts .txt p{ font-size: 1.6em; color: #000; opacity: 0.8; line-height: 32px; text-indent: 2em;}

.productshow .prs-more .tit{ margin-bottom: 30px;}
.productshow .prs-more .tit>*{ display: inline-block;}
.productshow .prs-more .tit h3{ font-size: 2.4em; color: #000; line-height: 24px;}
.productshow .prs-more .tit h4{ font-size: 1.6em; color: #000; opacity: 0.6; text-transform: uppercase;}
.productshow .prs-more table tr td{ border: 1px solid #7d7d7d; padding: 14px 12px; font-size: 1.6em; color: #000; text-align: center; vertical-align: middle; line-height: 24px;}
.productshow .prs-more table tr:nth-child(1){ background: #959595 !important;}
.productshow .prs-more table tr:nth-child(1) td{ color: #fff;}
.productshow .prs-more table tr:nth-child(2n-1){ background: #ecedef;}

.productshow .prs-more table img{ max-width: 80px; width: 100%;}