@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:1780px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1540px; 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:center; line-height:4rem; padding-top:40px;}
div.fy a { margin:2px 2px;padding:8px 12px;color:#666;font-size:1.4em; display:inline; background:#fff; border: 1px solid #ddd;}
div.fy a:hover{color:#fff; background:#e54b07; border: 1px solid #e54b07; }
div.fy a:active{ color:#fff; background:#e54b07; border: 1px solid #e54b07;}
div.fy span.current{ margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em; background:#e54b07; border: 1px solid #e54b07;}
div.fy span.disabled{ margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; background: #fff; border: 1px solid #ddd;}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger { width: 24px; height: 14px;	position:fixed;	top: 24px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#e54b07; 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 a,.header,.header .menu .m-list>a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}

.header{ overflow: hidden; background: rgba(255,255,255,0.3); padding: 30px 6%; position:fixed; top:0; left: 0; width: 100%; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .logo{ float:left; }
.header .menu{float:right;}
.header .menu>*{ float:left;}
.header .menu .link>*{ float:left;}
.header .menu .m-list>a{ position: relative; display: inline-block; font-size:1.4em; padding:8px 0; margin: 0 35px; line-height:20px; text-transform: uppercase; color: #555;}
.header .menu .m-list>a:after{ position:absolute; bottom: 10px; left: 0; width: 100%; background: #e54b07; content: ""; height: 0px; border-radius: 4px;}
.header .menu .more{ padding-left: 20px;}
.header .menu .more a{ display: inline-block; margin:5px 0 5px  40px;}
    .header .menu .m-list > a:hover:after, #m1 .m1:after, #m2 .m2:after, #m3 .m3:after, #m4 .m4:after, #m5 .m5:after, #m6 .m6:after, #m7 .m7:after {
        bottom: 0;
        height: 2px;
    }

#m6 .header,.pro .header{ position: static;}
.header.hd,#m6 .header.hd,.pro .header.hd{ top:0; left: 0; width: 100%; position: fixed; z-index: 999; box-shadow: 4px 4px 10px rgba(0,0,0,0.5); background: rgba(255,255,255,0.8);}
.header.hd{ padding: 12px 4%; top:0; left: 0; width: 100%; position: fixed;  z-index: 99;}
.header.hd .logo img{ transform: scale(0.8);}
.header.hd .menu .m-list>a{ color: #000;}


/*footer*/
.footer a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ background:#1a1a1a; overflow:hidden; padding:80px 0 110px 0; }
.footer .fl{ width: 50%; float:left;}
.footer .fl img{ margin-bottom: 40px;}
.footer .fl p{ font-size: 1.4em; color: #555; line-height: 1.5;}
.footer .fl p a{ font-size: 1em; color: #555;}
.footer .fl p a:hover{text-decoration: underline;}
.footer .fr{ width: 40%; float:right;}
.footer form input{ font-size: 1.4em; color:  #fff; line-height: 1.5; padding: 20px 25px; border: none; outline: none; background: transparent;  width: 100%;}
.footer form .f-txt{position: relative;  float:left; width: calc(100% - 160px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer form .fb{position: relative;}
.footer form .fb{ float:left; width: 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer form .f-txt:after,.footer form .fb:after,.footer form .f-txt:before{ position: absolute; content: ""; width: 30px; height: calc(100% - 2px); border: 1px solid #333; right: 0; top:0; z-index: 2;}
.footer form .f-txt:after{ left: 0; border-right:none;}
.footer form .fb:after,
.footer form .f-txt:before{border-left:none;}
.footer form{ overflow: hidden; width: 100%; }
.footer form>*{ float:left;}
.footer .f-btn{ background:url(../images/fsreach.png) 90% center no-repeat; background-size: 21px contain; text-transform: uppercase;  float:right; padding: 16px 20px; margin-left: 0px; }
.footer input::-webkit-input-placeholder { color:#fff;text-transform: uppercase;}
.footer input:-moz-placeholder { color:#fff;text-transform: uppercase;}
.footer input::-moz-placeholder { color:#fff;text-transform: uppercase;}
.footer input:-ms-input-placeholder { color:#fff; text-transform: uppercase;}
.footer .fs{  margin: 20px 0 40px 0;}
.footer .fs a{ display: inline-block; margin: 0 8px; opacity: 0.5; }
.footer .fs a:hover{ transform: scale(1.1); opacity: 1;}

.footer .links{ display: flex; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.footer .links>a{ display: inline-block; font-size: 1.4em; line-height: 1.5; text-transform: uppercase; color: #555;}
.footer .links a:hover{ color: #fff; text-decoration: underline;}

.bottomlist{ background:#e54b07; 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{ width: 100%; overflow: hidden;}
.banner .banner-slider{ width: 100%;} 
.banner .banner-slider .swiper-slide img{ width: 100%;}
.banner .banner-slider .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 4px; background: #fff; border-radius: 0%; opacity: 0.8;}
.banner .banner-slider .swiper-pagination  .swiper-pagination-bullet-active{background: #e54b07;}
/*iab*/
.iab .iab-b .txt *,.iab .iab-b,.iab .iab-b .img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.iab{ overflow: hidden; padding: 60px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .iab-b{  float:left; width: calc(50% - 80px); margin: 0 40px; position: relative; overflow: hidden; }
.iab .iab-b img{width: 100%;}
.iab .iab-b .img{clip-path: ellipse(100% 100% at 50% 50%); }
.iab .iab-b .txt{ max-width: 45%;  position: absolute; top:10%; left: 4%; color: #fff;}
.iab .iab-b .txt h3{ font-size: 2.4em; font-weight: 800; text-transform: uppercase;}
.iab .iab-b .txt h4{ font-size: 3.6em; font-weight: 800; text-transform: uppercase; line-height: 1.2;}
.iab .iab-b .txt p{ margin-top: 20px; font-size: 1.4em; line-height: 2; transform: translateY(24px); opacity: 0;}
.iab .iab-b:hover .txt p{ transform: translateY(0px); opacity: 1;}
.iab .iab-b:hover .txt h3,.iab .iab-b:hover .txt h4{ text-shadow:0 2px 5px rgba(0,0,0,0.6); }
.iab .iab-b:hover{ filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.57)); }
.iab .iab-b:hover .img{clip-path: ellipse(120% 50% at 50% 50%);}
/*ip*/
.ip .ip-slider .swiper-slide .txt .t p,.ip .ip-slider .swiper-slide .img img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ip { padding-bottom: 60px;}
.ip .tit h3{ text-align: center; text-transform: uppercase; font-size: 2.8em; font-weight: 800; margin-bottom: 40px;}
.ip .ip-slider .swiper-slide .img img{ width: 100%;}
.ip .ip-slider .swiper-slide .txt{ text-align: center;}
.ip .ip-slider .swiper-slide .txt .color{ margin: 15px 0;}
.ip .ip-slider .swiper-slide .txt .color span{ width: 30px; height: 30px; display: inline-block; border-radius: 50%; position: relative; margin: 0 10px; overflow: hidden;}
.ip .ip-slider .swiper-slide .txt .color span:after{ position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 50%; background: #000;}
.ip .ip-slider .swiper-slide .txt .t h3{ font-size: 2em; color: #333; text-transform: uppercase; font-weight: 800;  line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:1;}
.ip .ip-slider .swiper-slide .txt .t p{ font-size: 1.6em; color: #333; line-height: 1.5; text-transform: uppercase; margin-top: 40px; transform: translateY(-30px); opacity: 0;}
.ip .ip-slider .swiper-slide:hover .txt .t p{ transform: translateY(0px); opacity: 1;}
.ip .ip-slider .swiper-slide:hover .img img{ transform: scale(1.1);}
/*inews*/
.inews .boxs .box .img img,.inews .boxs .box .t2 span:before{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.inews .tit h3{ text-transform: uppercase; font-size: 2.8em; font-weight: 800; margin-bottom: 40px; }
.inews .boxs{ margin-bottom: 70px; display: flex; justify-content: space-between;}
.inews .boxs .box{ width: calc(33.33% - 70px);}
.inews .boxs .box .t1 h3{ font-size: 2.4em; color: #e54b07; font-weight: bold; margin-bottom: 20px;}
.inews .boxs .box .img{ overflow: hidden;}
.inews .boxs .box .img img{ width: 100%;}
.inews .boxs .box .t2 p{ margin: 20px 0 35px 0; font-size: 1.8em; color: #333; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; text-transform: uppercase; font-weight: bold;}
.inews .boxs .box .t2 span{ text-transform: uppercase; font-size: 1.6em; color: #555; position:relative; }
.inews .boxs .box .t2 span:after,.inews .boxs .box .t2 span:before{ position: absolute; content: ""; }
.inews .boxs .box .t2 span:after{ width: 18px; height: 18px; background: #fff; border: 6px solid #e54b07; left: calc(100% + 10px); border-radius: 50%; top:-8px;}
.inews .boxs .box .t2 span:before{ top:4px; left: calc(100% + 40px); width: 22px; height: 7px; background: url(../images/arrow.png) center center no-repeat; }
.inews .boxs .box:hover .t2 span:before{left: calc(100% + 50px);}
.inews .boxs .box:hover .img img{ transform: scale(1.1);}

/*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;}
.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*/
.about-t{ padding: 80px 0;}
.about-t .tits,.about-t .txts{ display: flex; justify-content: space-between;  align-items: center;}
.about-t .tits{ margin-bottom: 80px;}
.about-t .tits .tit,.about-t .txts .t{ width: 50%; padding-right: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .tits .t,.about-t .txts .img{ width: 50%;}
.about-t .tits .tit{ text-align: center; }
.about-t .tits .tit h3{ font-size: 5.6em; line-height: 1.2;}
.about-t .tits .tit p{ font-size: 2.4em;  color: #333; line-height: 1.5; text-transform: uppercase; font-weight: bold;}
.about-t .tits .t p,.about-t .txts .t p{ font-size: 1.4em; color: #888; line-height: 2;  text-indent: 2em;}
.about-t .txts .img img{ width: 100%;}

/*product*/
.product-t .pboxs .pb .t .t1,.product-t .pboxs .pb img{transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all;}
.p-list{ padding: 20px 0; display: flex; justify-content: center; background: #f2f2f2}
.p-list a{ font-size: 1.4em; padding: 0 30px; border-right: 1px solid #c9c9c9;}
.p-list a:last-child{ border: none;}
.p-list a:hover,.p-list a.lock{ color:#e54b07; font-weight: bold;}
.product-t{ padding: 80px 0;}
.product-t .pboxs{ overflow: hidden; width: calc(100% + 60px); margin-left: -30px;}
.product-t .pboxs .pb{ width: calc(33.33% - 60px); float:left; margin: 30px;}
.product-t .pboxs .pb .img{ overflow: hidden;}
.product-t .pboxs .pb img{ width: 100%;}
.product-t .pboxs .pb .t{ overflow: hidden; position: relative; border: 1px solid #dcdcdc; padding: 12px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-t .pboxs .pb .t p{ font-size: 1.8em; color: #333; line-height: 24px; height: 24px;  display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:1; text-align: center; }
.product-t .pboxs .pb .t .t1{ position: absolute; top:0; right: 100%; width: 100%; height: 100%; background: #424242;}
.product-t .pboxs .pb .t .t1 h3{ font-size: 1.8em; color: #fff; line-height: 24px; padding: 12px 80px 12px 20px; }
.product-t .pboxs .pb .t .t1 span{ text-align: right; position: absolute; top:0; right: 0px; background: #e54b07; font-size: 3.6em; color: #fff; height: 100%; font-weight: 100; padding: 8px 30px 12px 40px; clip-path: polygon(100% 0%, 100% 100%, 20px 100%, 0 0%);}
.product-t .pboxs .pb:hover .t .t1{ right: 0;}
.product-t .pboxs .pb:hover img{ transform: translateY(24px);}

/*productshow*/
.productshow{ padding: 80px 0;}
.productshow .pro-imgs{ overflow: hidden; padding:0px 0 50px 0; }
.productshow .pro-imgs>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .pro-imgs .gallery-top{ border: 1px solid #e5e5e5; width:calc(100% - 160px); text-align: center;}
.productshow .pro-imgs .gallery-top .swiper-slide img{  max-width: 100%;}
.productshow .pro-imgs .gallery-thumbs{ padding: 60px 0; width: 140px; margin-left: 20px;  height: 674px;}
.productshow .pro-imgs .gallery-thumbs .p-bottom{ right: 0; bottom: 0; top:auto;  background-image: url(../images/product/p-bottom.jpg);}
.productshow .pro-imgs .gallery-thumbs .p-top{left: 0; top:22px; background-image: url(../images/product/p-top.jpg);}
.productshow .pro-imgs .gallery-thumbs .p-bottom,.productshow .pro-imgs .gallery-thumbs .p-top{ width: 100%; height: 45px; background-size: 100% 45px;}
.productshow .pro-imgs .gallery-thumbs img{ margin-top: 4px; width: 100%; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .pro-imgs .gallery-thumbs .swiper-slide-thumb-active img{border: 2px solid #bababa;}
.productshow .pro-txts .tit{ border-bottom: 1px solid #000; margin-bottom: 25px; padding: 0 15px 15px 15px;}
.productshow .pro-txts .tit h3{ font-size: 3.6em; color: #333; font-weight: bold; margin-bottom: 25px;}
.productshow .pro-txts .tit h3 span{ font-size: 16px; color: #333; line-height: 1.5; text-transform: uppercase; display: inline-block; transform: translateY(-4px);}
.productshow .pro-txts .tit h4{ font-size: 1.6em; color: #333; line-height: 1.2;}
.productshow .pro-txts .t tr td{ padding: 12px 20px; font-size: 1.4em; color: #333; line-height: 1.5;  border-bottom: 3px solid #fff; background: #ddd;}
.productshow .pro-txts .t tr td:nth-child(2n-1){ background: #c6c6c6;}

/*news*/
.news-t .boxs .box img,.news-t .boxs .box .txt h3{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.news-t{ padding: 80px 0;}
.news-t .tit h3{ text-align: center; font-size: 2.8em; color: #011e3c; font-weight: bold;  margin-bottom: 26px;} 
.news-t .boxs{ width: calc(100% + 60px); margin-left: -30px; overflow: hidden; }
.news-t .boxs .box{ float:left; width: calc(33.33% - 60px);  margin:30px;}
.news-t .boxs .box .img{ overflow: hidden; }
.news-t .boxs .box .img img{ width: 100%;}
.news-t .boxs .box .txt{ padding: 16px;}
.news-t .boxs .box .txt h3{ font-size: 2em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:1;}
.news-t .boxs .box .txt h4{ font-size: 1.4em; color: #012b57; line-height: 1.5; margin-bottom: 10px;}
.news-t .boxs .box .txt p{ font-size: 1.4em; color: #666; line-height: 20px; height: 60px;display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:3; }
.news-t .boxs .box .txt span{ font-size: 1.2em; color: #999; text-transform: uppercase; display: inline-block; margin-top: 24px;}
.news-t .boxs .box:hover .img img{ transform: scale(1.1);}
.news-t .boxs .box:hover .txt h3{ font-weight: bold; color: #e54b07;}


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

.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#666; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; text-indent:2em;}
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#000 !important; color:#fff !important;}

/*network*/
.network-t{ padding: 80px 0; text-align: center;}
.network-t .tits{ max-width: 1600px; margin: 0 auto 60px auto;}
.network-t .tits h3{ font-size: 2.8em; color: #011e3c; font-weight: bold;  margin-bottom: 26px;}
.network-t .tits p{ font-size: 1.4em; color: #011e3c; line-height: 1.5;}
.network-t .img img{max-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 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:830px;}

.contact{ width: 100%; display: flex; background: #3b3b3b;}
.contact .map,.contact .txts{ width: 50%;}
.contact .txts .ct{ padding: 5%; background: #252525; width: 100%;}
.contact .txts .ct .tit h3{ font-size: 2.8em; color: #fff; font-weight: bold; text-transform: uppercase;}
.contact .txts .ct .tit h4{ font-size: 2em; font-weight: bold; text-transform: uppercase;  color: #e54b07; margin: 20px 0 50px 0;}
.contact .txts .ct .t{ margin: 10px 0; display: flex; max-width: 400px;}
.contact .txts .ct .t p{ font-size: 1.4em; color: #e0e0e0; line-height: 2;}
.contact .txts .ct .t p a{ font-size: 1em; color: #fff;}
.contact .txts .ct .t p a:hover{ text-decoration: underline;}
.contact .txts .ct .t span{ margin-right: 6px;}

.contact .txts .cf{ padding: 3% 5%;}
.contact .txts .cf h3{ color: #fff; font-size: 2.8em; font-weight: bold; text-transform: uppercase; margin-bottom: 30px;}
.contact .txts .cf .dot{ display: flex; justify-content: space-between;}
.contact .txts .cf .dot input{ width: calc(50% - 40px);}
.contact  .btn .fc-btn{ transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact  input,.contact  textarea{background: transparent; 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; border-bottom: 1px solid #ccc; }
.contact  input:hover,.contact  textarea:hover{ border-bottom: 1px solid #7f8d9c; }
.contact  .fc-input{ width: 100%; margin-bottom: 25px;}
.contact  textarea{ width:100%; margin:15px 0 ; font-family: "Arial","Microsoft Yahei";}
.contact input::-webkit-input-placeholder,.contact  textarea::-webkit-input-placeholder { color:#fff;}
.contact input:-moz-placeholder,.contact  textarea:-moz-placeholder { color:#fff;}
.contact input::-moz-placeholder,.contact  textarea::-moz-placeholder { color:#fff;}
.contact input:-ms-input-placeholder,.contact  textarea:-ms-input-placeholder { color:#fff;}
.contact  .btn .fc-btn{ font-style:normal; border:none; padding:10px 30px; border-radius: 5px;  font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background: #e54b07; margin-top: 50px; text-transform: uppercase;}
.contact  .btn .fc-btn:hover{ background: #333;}


/*download*/
.download {
    padding: 80px 0;
}

    .download .tit h3 {
        text-align: center;
        font-size: 3.6em;
        color: #011e3c;
        font-weight: bold;
        margin-bottom: 26px;
    }

    .download .d-tip, .download .dload .dld {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .download .d-tip {
        background: #3d3d3d;
    }

        .download .d-tip p {
            font-size: 16px;
            font-weight: bold;
            border-right: 1px solid #fff;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .download .d-tip p:last-child {
                border: none;
            }

        .download .d-tip p, .download .d-tip a,
        .download .dload a {
            color: #fff;
        }

    .download .dload p {
        color: #333;
    }

    .download .d-tip p, .download .dload p {
        line-height: 1.5;
        padding: 12px 6px;
        width: 120px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .download .d-tip p.d2, .download .dload p.d2 {
            width: calc(100% - 550px);
            word-break: break-all;
        }

        .download .d-tip p.d5, .download .dload p.d5 {
            width: 190px;
        }

        .download .dload p.d2 {
            text-align: left;
        }

    .download .dload .dld:nth-child(2n-1) {
        background: #eee;
    }

    .download .dload p {
        font-size: 14px;
    }

    .download .dload a {
        font-size: 14px;
        background: #e60012;
        border-radius: 40px;
        padding: 6px 30px;
        display: inline-block;
    }

@media screen and (max-width: 1024px) {
    .download .tit h3 {
        font-size: 2.8em;
    }

    .download .d-tip p, .download .dload p {
        padding: 6px;
    }

    .download .dload a {
        padding: 4px 10px;
    }

    .download .d-tip p.d5, .download .dload p.d5 {
        width: 120px;
    }

    .download .d-tip p.d2, .download .dload p.d2 {
        width: calc(100% - 480px);
    }

    .download {
        padding: 60px 0;
    }
}

@media screen and (max-width: 850px) {
    .download .tit h3 {
        font-size: 2.4em;
    }

    .download .d-tip p.d1, .download .dload p.d1 {
        display: none;
    }

    .download .d-tip p.d2, .download .dload p.d2 {
        width: calc(100% - 360px);
    }

    .download {
        padding: 40px 0;
    }
}

@media screen and (max-width: 650px) {
    .download .tit h3 {
        font-size: 2em;
    }

    .download .d-tip p, .download .dload p {
        width: 100px;
    }

    .download .d-tip p {
        font-size: 14px;
    }

    .download .d-tip, .download .dload .dld {
        flex-wrap: wrap;
    }

        .download .d-tip p.d2, .download .dload p.d2 {
            width: calc(100% - 320px);
            width: 100%;
            border-bottom: 1px solid #ddd;
        }
}