@charset "utf-8";

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:1700px; 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;} 

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy {text-align:right;line-height:4rem; padding-top:55px;}
div.fy a { margin:2px 2px;padding:6px 10px;color:#7f7e7e;font-size:1.8em; display:inline; background: #fff; border: 1px solid #ddd;}
div.fy a:hover{color:#fff;  background: #06366c; border: 1px solid #06366c;}
div.fy a:active{ color:#fff;  background: #06366c; border: 1px solid #06366c;}
div.fy span.current{  margin:2px 2px;padding:6px 10px; color:#fff;  font-size:1.8em;  background: #06366c;border: 1px solid #06366c;}
div.fy span.disabled{  margin:2px 2px;padding:6px 10px; color:#7f7e7e; font-size:1.8em; background: #fff;  border: 1px solid #ddd;}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 25px;	right: 25px;	z-index: 999;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#444; 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; left: 0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; 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,.header *,.header .m-list.tip>a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{  position: absolute; top:0; left: 0; width: 100%; z-index: 2;  background: rgba(255,255,255,0.8);}

.header .logo{ text-align: center;  padding:30px 40px 26px 90px; float:left; border-right: 1px solid #bebcb8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .mune{  padding: 0 8% 0 0; float:right;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .mune>*,.header .m-list{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .m-list>a{ font-size: 1.6em; color: #070505; display: inline-block;  padding:36px 30px; line-height:30px; position: relative;}
.header .m-list:last-child{ margin-left: 20px; padding: 0 20px; border-left: 1px solid #bebcb8; overflow: hidden;}
.header .m-list:last-child a{ padding: 36px 10px; float:left; position: static; color: rgba(7,5,5,0.6); font-size: 20px;}
.header .m-list:last-child a>img{ padding-top: 6px;}
.header .m-list a:hover,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6{  color: #00abee !important;}
.header .m-list.tip>a:after{ position: absolute; top:calc(50% - 4px); right: 16px; content: ""; background: url(../images/arrow.png); width: 9px; height: 9px;}
.header .mune .m-dot{ transform: scaleY(0); transform-origin : 100% 0 0; padding: 30px 15% 30px 20px; position: absolute; top:100%; left: 0; width: 100%; background: rgba(255,255,255,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right; }
.header .mune .m-dot a{ font-size: 1.4em; color: #333; line-height: 1.5; display: inline-block; margin: 0 30px;}
.head-tit{ transform: scaleY(0); transform-origin : 100% 0 0;  position: absolute; top:100%; left: 0; width: 100%; background: #fff; padding: 8px 0;}
.head-tit .htb{ float:right; }
.head-tit .htb>*{float:left;}
.head-tit .htb form{ display: block; width: 540px; overflow: hidden; background: #dae1e6; border-radius: 5px; margin-right: 20px;}
.head-tit .htb form input{ background: transparent;  float:left; font-size: 1.4em; outline:none; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;  padding: 6px 12px;}
.head-tit .htb form .m-input{ width: 480px;}
.head-tit .htb form .fm-btn{ width: 60px; background: url(../images/sreach.png) center center no-repeat; background-size: 40%; }
.header .mune .m-list:hover .m-dot{ transform: scaleY(1);}
.header .mune .m-list:last-child a:hover .head-tit{ transform: scaleY(1);}
.header .mune .m-list.tip:hover>a:after{ transform: rotate(180deg);}

/*footer*/
.footer a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ background:#eceef2; overflow:hidden;}
.footer .fo1 { overflow: hidden; padding: 80px 0 70px 0;}
.footer .fo1 .warp>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .f-logo{ width: 40%;}
.footer .fo1 .f-logo img{ max-width: 98%;}
.footer .fo1 .mune{ width: 60%; }
.footer .fo1 .mune .mune-line{overflow: hidden;  border-bottom: 1px solid #959596; padding-bottom: 30px;}
.footer .fo1 .mune .mune-line h3{ width: 18%; text-align: center; font-size: 1.6em; color: #070505; line-height: 1.2; float:left; overflow: hidden; border-left: 1px solid rgba(0,0,0,0.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .mune .mune-line h3:first-child{ width:14%; text-align: left; border: none;}
.footer .fo1 .mune .mune-line h3:last-child{ width:14%; text-align: right;}
.footer .fo1 .mune .mune-line a:hover{ color: #00abee;}
.footer .fo1 .mtxts{ overflow: hidden; padding-top: 20px;}
.footer .fo1 .mtxts .txt{ float:left;}
.footer .fo1 .mtxts .txt p{ font-size: 1.4em; color: #818181; line-height: 2;}
.footer .fo1 .mtxts .fshare{ float:right;}
.footer .fo1 .mtxts .fshare>*{ display: inline-block;}
.footer .fo1 .mtxts .fshare a{ margin-right: 20px; padding: 8px; border:1px solid #5e5f61; border-radius: 50%; transform: translateY(-10px);}
.footer .fo1 .mtxts .fshare a:hover{transform:translateY(-14px) ;}
.footer .fd{ background: #192e7a; overflow: hidden; padding: 16px 0;}
.footer .fd p{ font-size: 1.4em; line-height: 1.5; color: #fff; float:left;}
.footer .fd p:last-child{ color: rgba(255,255,255,0.5); float:right;}
.footer .fd p a{ font-size: 1em; color: rgba(255,255,255,0.5);}
.footer .fd p a:hover{ text-decoration: underline;}
.footer .fd p img{ display: inline-block; margin: 0 0 -2px 30px;}

.bottomlist{ background:#000; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}


/*banner*/
.banner{  overflow: hidden;}
.banner *{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.banner img{ width: 100%;}

/*.banner .ibtn a:after{  animation: move 3s linear infinite;}
@keyframes move {
	0% {  transform: scale(0); opacity: 0;}
	80% { transform: scale(1); opacity: 1;}
	100% { transform: scale(1); opacity: 0.2;}
	
}*/
/*iab*/
.iab .txts .txt a{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.iab{ padding: 70px 0; background: url(../images/iab-bg.jpg) center center no-repeat; background-size: cover !important; overflow: hidden; }
.iab .imgline img{ max-width: 70%;}
.iab .txts .txt{ padding-top: 70px; position: relative; float:left; width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .txts .txt h3{ position: relative;font-size: 2.4em; color: #040404; line-height:1.5; z-index: 2;}
.iab .txts .txt h3:after{ position: absolute; top:-60px; color: #eceef2; content: "ABOUT"; font-size: 140px; font-weight: 900; letter-spacing: -6px; left: 0; line-height: 0.8; z-index: -1;}
.iab .txts .txt p{ font-size: 1.4em; line-height: 1.5; color: rgba(0,0,0,0.8);}
.iab .txts .txt .t{ margin: 40px 0;}
.iab .txts .txt h4{ font-size: 3.6em; color: #040404; line-height: 1.2; }
.iab .txts .txt a{ padding: 14px; font-size: 1.4em; color: rgba(0,0,0,0.8); display: inline-block; border: 1px solid #b5b5b5; right: 2%; position: absolute; bottom: 0; line-height: 1.2;}
.iab .txts .img{ position: relative; z-index: 2;  margin-top: -24%;  text-align: right; width: 40%; float:left;}
.iab .txts .img img{ max-width: 100%;}
.iab .txts .img img:first-child{ padding: 70px 0;}
.iab .txts .txt a:hover{ background: #00abee; color: #fff; border: 1px solid #00abee;}
/*ip*/
.ip .boxs .box img{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.ip{ background: #fff; padding-top: 60px;}
.ip .boxs{ width: calc(100% + 20px); margin-left: -10px;}
.ip .boxs .box{float:left; width: calc(50% - 60px); margin: 0 30px;}
.ip .boxs .box img{ position: relative; z-index: 2; width: 100%;}
.ip .boxs .box:hover img{ transform: scale(1.1);}
/*ip2*/
.ip2{ padding: 130px 0 70px 0; background: url(../images/ip2-bg.jpg) center right no-repeat #eceef2; background-size: contain !important; }
.ip2 .tit h3{ position: relative;font-size: 2.4em; color: #040404; line-height:1.5; z-index: 2;}
.ip2 .tit h3:after{ position: absolute; top:-60px; color: #e6e9ef; content: "PRODUCT"; font-size: 140px; font-weight: 900; letter-spacing: -6px; left: 0; line-height: 0.8; z-index: -1;}
.ip2 .imgs .gallery-top{ padding-bottom: 70px;}
.ip2 .imgs .gallery-top .swiper-slide{ overflow: hidden;}
.ip2 .imgs .gallery-top .swiper-slide>*{ float:left;}
.ip2 .imgs .gallery-top .swiper-slide .txt{ padding-top: 8%; width: 22%;}
.ip2 .imgs .gallery-top .swiper-slide .txt h3{ font-size: 4.5em; color: #040404; font-weight: 900;}
.ip2 .imgs .gallery-top .swiper-slide .txt h4{ font-size: 3em; color: #040404; font-weight:bold; margin: 10px 0 60px 0;}
.ip2 .imgs .gallery-top .swiper-slide .txt h4 span{ font-size: 16px; color: #040404; margin-left: 10px;}
.ip2 .imgs .gallery-top .swiper-slide .txt a{ font-size: 1.4em; color: #040404;}
.ip2 .imgs .gallery-top .swiper-slide .img{ width: 78%;}
.ip2 .imgs .gallery-top .swiper-slide .img img{ max-width: 70%;}
.ip2 .imgs .gallery-thumbs{ text-align: center; background: #fff; box-shadow: 0 8px 9px rgba(33,22,19,0.14); max-width: 1000px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ip2 .imgs .gallery-thumbs .swiper-slide p{ cursor:pointer; font-size: 1.8em; color: rgba(0,0,0,0.6); line-height: 1.5; padding: 24px 0;}
.ip2 .imgs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{  color: #00a0e9; font-weight:bold; }
.ip2 .imgs .gallery-thumbs .ip2-n,.ip2 .imgs .gallery-thumbs .ip2-p{ width: 16px; height: 17px; background-size: 16px 17px; background-image:url(../images/ip2-arrow.png); top: 68%;}
.ip2 .imgs .gallery-thumbs .ip2-n{ right: 25px;}
.ip2 .imgs .gallery-thumbs .ip2-p{left: 25px; transform: rotate(180deg);}
/*inews*/
.inews .swiper-slide *,.inews .swiper-slide{transition:ease-out 2.4s all;-moz-transition: ease-out 2.4s all; -webkit-transition:ease-out 2.4s all; -o-transition: ease-out 2.4s all;}
.inews{ padding: 110px 0 70px 0; background: url(../images/inews-bg.jpg) center center no-repeat; background-size: cover !important;}
.inews .tit{ padding-bottom: 90px;  }
.inews .tit>*{ float:left;}
.inews .tit h3{ width: 560px; position: relative;font-size: 2.4em; color: #040404; line-height:1.5; z-index: 2;}
.inews .tit span{ margin-top: 12px; position: relative; width: calc(100% - 560px); display: inline-block; background: #192e7a; height: 1px;}
.inews .tit span:after{ width: 20%; position: absolute; top:-4px; left: 0; height: 9px; content: ""; background: #192e7a;}
.inews .tit h3:after{ position: absolute; top:-60px; color: rgba(226,229,236,0.5); content: "NEWS"; font-size: 140px; font-weight: 900; letter-spacing: -6px; left: 0; line-height: 0.8; z-index: -1;}
.inews .swiper-slide{ width: 30%; margin-right: 10%;}
.inews .swiper-slide .txts{  overflow:hidden; }
.inews .swiper-slide .txts>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inews .swiper-slide .txts .date{ width: 140px;}
.inews .swiper-slide .txts .date h3{ font-size:6.4em; color: rgba(0,0,0,0.86);}
.inews .swiper-slide .txts .date h4{ font-size: 1.8em; line-height: 1.5; color: rgba(0,0,0,0.86);}
.inews .swiper-slide .txts .txt{ width: calc(100% - 140px);}
.inews .swiper-slide .txts .txt h3{ font-size: 1.8em;  margin-bottom: 16px; font-weight: bold; color: #192e7a; color: #000000; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.inews .swiper-slide .txts .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;}
.inews .swiper-slide .btn{ margin-top: 40px; text-align: right;}
.inews .swiper-slide .btn span{ display: inline-block; font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 1.5; padding: 16px;}
.inews .swiper-slide.swiper-slide-active .btn span{background: #192e7a;  color: #fff;}
.inews .swiper-slide.swiper-slide-active .txts .txt h3{ color: #192e7a;}
.inews .swiper-slide.swiper-slide-active{ width: 60%;}
/*is*/
.is .boxs .swiper-slide .img .btn{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.is{ padding: 120px 0 220px 0; background: url(../images/is-bg.jpg) center center no-repeat; background-attachment: fixed; overflow: hidden;}
.is .tit{ padding-bottom: 90px;  }
.is .tit h3{ width: 560px; position: relative;font-size: 2.4em; color: #040404; line-height:1.5; z-index: 2;}
.is .tit h3:after{ position: absolute; top:-60px; color: rgba(226,229,236,0.5); content: "SERVICE"; font-size: 140px; font-weight: 900; letter-spacing: -6px; left: 0; line-height: 0.8; z-index: -1;}
.is .boxs{ background: #fff; padding: 60px 80px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.is .boxs .swiper-slide{ width: 35%; margin-right: 60px;}
.is .boxs .swiper-slide:last-child{ margin: 0;}
.is .boxs .swiper-slide .img{ position: relative; border-bottom: 4px solid #192e7a; overflow: hidden;}
.is .boxs .swiper-slide .img img{ width: 100%;}
.is .boxs .swiper-slide .img .txt{  position: absolute; top:36%; left: 40px;}
.is .boxs .swiper-slide .img .txt h3{ font-size: 2.4em; color: #fff; line-height: 1.5;}
.is .boxs .swiper-slide .img .txt p{ font-size: 1.6em; color: rgba(255,255,255,0.8); line-height: 1.5;}
.is .boxs .swiper-slide .img .txt span{ width: 19px; height: 3px; display: inline-block; background: #fff; margin-top: 16px;}
.is .boxs .swiper-slide .img .btn{ position: absolute; right: -200px; bottom: 0;}
.is .boxs .swiper-slide .img .btn span{ display: inline-block; background: #192e7a; font-size: 1.4em; color: #fff; padding: 16px;}
.is .boxs .swiper-slide .t p{ margin-top: 30px; max-width: 90%; font-size: 1.4em; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.is .boxs .swiper-slide:hover .img .btn{ right: 0;}
.is .btns{ width: 100%; top:46%; position: absolute; left: 0;}
.is .btns .is-n,.is .btns .is-p{ width: 22px; height: 44px; background-size: 22px 44px; background-image:url(../images/is-arrow.png); top: 50%;}
.is .btns .is-n{ right: 25px;}
.is .btns .is-p{left: 25px; transform: rotate(180deg);}
.is .btns .swiper-button-disabled{ opacity: 0;}

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

/*news*/
.news-t .n-list a,.news-t .top-news .dot *,.news-t .top-news .dot{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.news-t{ padding: 90px 0 80px 0;}
.news-t .n-tit{ text-align: center;}
.news-t .n-tit h3{ font-size: 3em; color: #070505; line-height: 1.2;}
.news-t .n-tit p{ font-size: 1.4em; color: rgba(0,0,0,0.5); line-height: 1.5;}
.news-t .n-list{ margin: 50px 0;  text-align: center;}
.news-t .n-list a{ display: inline-block; background: #eceef2; font-size: 1.8em; color: rgba(0,0,0,0.8); line-height: 1.2; padding: 14px 50px; border-radius: 30px; margin: 0 20px 10px 20px;}
.news-t .n-list a:hover,.news-t .n-list a.lock{ background: #192e7a; color: #fff;}
.news-t .top-news{ width: calc(100% + 20px); margin-left: -10px; padding-bottom: 30px;}
.news-t .top-news .dot{ background: #eceef2; float:left; width: calc(50% - 20px); margin: 0 10px; box-shadow: 5px 5px 6px rgba(0,0,0,0.19);}
.news-t .top-news .dot a{ display: table;}
.news-t .top-news .dot a>*{ display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-t .top-news .dot .img{ position: relative; background: #192e7a;}
.news-t .top-news .dot .img>img{ width: 100%;}
.news-t .top-news .dot .img .btn{ position: absolute; top:calc(60% - 15px); left: calc(50% - 15px); opacity: 0;}
.news-t .top-news .dot .txt{ padding: 20px; width: 55%;}
.news-t .top-news .dot .txt h3{ font-size: 1.8em; color: rgba(0,0,0,0.8); font-weight: bold; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .top-news .dot .txt h4{ font-size: 1.4em; color: rgba(0,0,0,0.5); margin: 14px 0;}
.news-t .top-news .dot .txt p{ font-size: 1.4em; color: rgba(0,0,0,0.5); line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .top-news .dot .txt span{ font-size: 1.4em; color: rgba(0,0,0,0.8); margin-top: 30px; display: inline-block;}
.news-t .top-news .dot:hover{ background: #fff;}
.news-t .top-news .dot:hover .img .btn{ top:calc(50% - 15px); opacity: 1;}
.news-t .top-news .dot:hover .img>img{ opacity: 0.35;}
.news-t .top-news .dot:hover .txt h3{ color: #192e7a;}
.news-t .top-news .dot:hover .txt span{ color: #00abee;}
.news-t .new-dots .dot .arrow{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.news-t{ padding: 90px 0 80px 0;}
.news-t .new-dots .dot a{ display: table; width: 100%;}
.news-t .new-dots .dot a>*{ display: table-cell; vertical-align: middle;}
.news-t .new-dots .dot .txts{ padding: 50px 0 40px 0; border-bottom: 1px solid #cdcdcd;}
.news-t .new-dots .dot .txts .tit{ margin-bottom: 24px; overflow: hidden; }
.news-t .new-dots .dot .txts .tit>*{ float:left;}
.news-t .new-dots .dot .txts .tit h3{ font-size: 1.8em; color: rgba(0,0,0,0.8); font-weight: bold; max-width: calc(100% - 90px); line-height: 24px; height: 24px;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .new-dots .dot .txts .tit span{ display: inline-block; line-height: 24px; font-size: 1.4em; color: rgba(0,0,0,0.5); width: 90px; text-align: right; }
.news-t .new-dots .dot .txts 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;}
.news-t .new-dots .dot .arrow{ width: 120px; text-align:center; }
.news-t .new-dots .dot:hover .arrow{ width: 200px; transform: rotate(-90deg);}
.news-t .new-dots .dot:hover .txts h3{ color: #192e7a;}

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

/*contact*/
/*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{ opacity: 0.8; height:700px;}

.contact .map{ position: relative; background: #192e7a;}
.contact .map:after,.contact .map:before{ content: ""; position: absolute; height: 30px; z-index: 1;}
.contact .map:after{ left: 0; top:100%; width: 10%; background: #00a0e9;}
.contact .map:before{ right: 0; bottom: 0; width: 90%; background: #192e7a;}
.contact .con-cf{display: table; width: 100%; }
.contact .con-cf>*{ display: table-cell; vertical-align: top;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding: 100px 20px 50px 20px;}
.contact .con-cf .ctxts{ width: 45%;  background: url(../images/contact/con-tbg.jpg) center center no-repeat #eceef2; background-size: contain !important;}
.contact .con-cf .ctxts .cts{ width: 100%; max-width: 540px; float:right;}
.contact .con-cf .ctxts .cts .tit{ margin-bottom: 60px;}
.contact .con-cf .ctxts .cts .tit h3{ font-size: 3em; color: #070505; line-height: 1.2;}
.contact .con-cf .ctxts .cts .tit p{ font-size: 1.4em; color: rgba(7,5,5,0.5); line-height: 1.5;}
.contact .con-cf .ctxts .cts .txt .th h3{ font-size: 1.8em; color: #070505; line-height: 1.5; margin-bottom: 40px;}
.contact .con-cf .ctxts .cts .txt .tb{ padding: 12px 0; max-width: 340px; border-bottom: 1px dashed #b0b1b4; overflow: hidden; }
.contact .con-cf .ctxts .cts .txt .tb h4{ font-size:1.4em; color: #000; line-height: 1.5; float:left; width: 5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact .con-cf .ctxts .cts .txt .tb h4 span{ display:inline-block; width: 2em;}
.contact .con-cf .ctxts .cts .txt .tb .t{ float:left; width: calc(100% -  6em); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact .con-cf .ctxts .cts .txt .tb .t p{ font-size: 1.4em; color: #555; line-height: 1.5;}
.contact .con-cf .ctxts .cts .txt .tb .t p a{ font-size: 1em; color: #555; line-height: 1.5;}
.contact .con-cf .ctxts .cts .txt .tb .t p a:hover{ text-decoration: underline;}
.contact .con-cf .ctxts .cts .txt .tdou{ margin-top: 30px;}
.contact .con-cf .ctxts .cts .txt .tdou span>img{ max-width: 100%; margin-bottom: 6px;}
.contact .con-cf .ctxts .cts .txt .tdou span{ display: inline-block; position: relative;}
.contact .con-cf .ctxts .cts .txt .tdou span .tdt{transform-origin : 0 0 0; transform: scale(0); position: absolute; top:0; left: 100%; opacity: 0;}
.contact .con-cf .ctxts .cts .txt .tdou span:hover .tdt{ transform: scale(1); opacity: 1;}
.contact .con-cf .ctxts .cts .txt .tdou p{ font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 1.5;}
.contact .con-cf .cfb{ overflow: hidden; background: url(../images/contact/con-fdbg.jpg) top center no-repeat; background-size: cover !important;}
.contact .con-cf .cfb .tit img{ max-width: 30%; padding-bottom: 30px;}
.contact  .cfb .cft  .btn .fc-btn,.contact .con-cf .ctxts .cts .txt .tdou span .tdt{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact  .cfb .cft{ width: 850px;}
.contact  .cfb .cft>*{ width: 100%; float:right; max-width: 740px;}
.contact  .cfb .cft  input,.contact  .cfb .cft  textarea{ margin-top: 20px;  padding: 12px 16px 12px 60px; font-size: 1.4em; outline:none; border: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; border-bottom: 1px solid #d4d4d4;}
.contact  .cfb .cft  .fc-input{ width: 100%; }
.contact  .cfb .cft  textarea{  width:100%; font-family: "Arial","Microsoft Yahei";}
.contact  .cfb .cft  .fc-input::-webkit-input-placeholder,.contact  .cfb .cft  textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
.contact  .cfb .cft  .fc-input:-moz-placeholder,.contact  .cfb .cft  textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
.contact  .cfb .cft  .fc-input::-moz-placeholder,.contact  .cfb .cft  textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
.contact  .cfb .cft  .fc-input:-ms-input-placeholder,.contact  .cfb .cft  textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
.contact  .cfb .cft  .btn{ text-align: right;}
.contact  .cfb .cft  .btn .fc-btn{ display: inline-block; font-size: 1.6em; color: #fff; border: none; position: relative;  margin:50px 0 0 0;   padding:12px 60px; text-transform: uppercase;  line-height:1.5; cursor:pointer; background:#192e7a; border-radius: 30px;}
.contact  .cfb .cft  .btn .fc-btn:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.6); background:#000; color: #fff;}

.contact  .cfb .cft .fc1{ background: url(../images/contact/cf1.png) 20px 10px no-repeat;}
.contact  .cfb .cft .fc2{ background: url(../images/contact/cf2.png) 20px 10px no-repeat;}
.contact  .cfb .cft .fc3{ background: url(../images/contact/cf3.png) 20px 10px no-repeat;}
.contact  .cfb .cft .fc4{ background: url(../images/contact/cf4.png) 20px 10px no-repeat;}
.contact  .cfb .cft .fc5{ background: url(../images/contact/cf5.png) 20px 10px no-repeat;}

.contact .chr .chr-d{ padding: 70px 0 110px 0; background: url(../images/contact/c2-bg.jpg) center center no-repeat; background-attachment: fixed;}
.contact .chr .chr-d .tit{ text-align: center; margin-bottom: 50px;}
.contact .chr .chr-d .tit h3{ font-size: 3em; color: #fff; line-height: 1.5;}
.contact .chr .chr-d .tit p{ font-size: 1.4em; color: rgba(255,255,255,0.8); line-height: 1.5;}
.contact .chr .chr-d .dots .dot *{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact .chr .chr-d .dots{ width: calc(100% + 40px); margin-left: -20px; overflow: hidden; }
.contact .chr .chr-d .dots .dot{ width: calc(50% - 40px); margin: 0 20px; float:left; position: relative;}
.contact .chr .chr-d .dots .dot img{ width: 100%;}
.contact .chr .chr-d .dots .dot .btn{ position: absolute; top:calc(50% - 40px); left: calc(50% - 80px); background: rgba(25,46,122,0.8); opacity: 1; transform: translateY(0px);}
.contact .chr .chr-d .dots .dot .btn h3{ font-size: 2.4em; color: #fff; line-height: 1.5; padding: 12px 30px;  }
.contact .chr .chr-d .dots .dot .txt{ height: 100%; position: absolute; top:calc(100% - 12px); left: 0; width: 100%; text-align: center; padding: 16% 20px 20px 20px; background: rgba(25,46,122,1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff;}
.contact .chr .chr-d .dots .dot .txt h4{ font-size: 2.4em; line-height: 1.5;}
.contact .chr .chr-d .dots .dot .txt span{ display: inline-block; margin: 12px auto 30px auto;background: #fff; width: 60px; height: 2px;}
.contact .chr .chr-d .dots .dot .txt p{text-align: left; font-size: 1.4em; color: rgba(255,255,255,0.8); line-height: 1.5; max-width: 480px; margin: 0 auto;}
.contact .chr .chr-d .dots .dot:hover .txt{top:0; background: rgba(25,46,122,0.9);}
.contact .chr .chr-d .dots .dot:hover .btn{opacity: 0;transform: translateY(20px);}
.contact .cht{ padding: 40px 0;}
.contact .cht .dots{overflow: hidden; }
.contact .cht .dots .dot{ float:left;}
.contact .cht .dots .dot.d1{ width: 40%;}
.contact .cht .dots .dot.d2{ width: 60%;}
.contact .cht .dots .dot .t{ max-width: 80%; margin: 0 auto 30px auto;}
.contact .cht .dots .dot .t h3{ font-size: 1.8em; color: #000; line-height: 1.5; margin-bottom: 12px;}
.contact .cht .dots .dot .t p{ font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 1.5;}

/*service*/
/*s-list*/
.s-list .dots .dot,.s-list .dots .dot a:after,.s-list .dots .dot a:before{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.s-list{ overflow: hidden;  }
.s-list .dots{overflow: hidden;  margin-left: -1px; width: calc(100% + 2px);}
.s-list .dots .dot{ overflow: hidden; position: relative; float:left; width:calc(25% - 2px); margin: 0 1px;}
.s-list .dots .dot a{ position: relative; display: block;}
.s-list .dots .dot a>img{ width: 100%;}
.s-list .dots .dot .t{z-index: 5; position: absolute; top:40%; left: 0; width: 100%; text-align: center; }
.s-list .dots .dot .t h3{ font-size: 2.4em; color: #fff; line-height: 1.5;}
.s-list .dots .dot .t h4{ font-size: 1.2em; color: #fff; line-height: 1.5; margin-top: 4px; text-transform: uppercase;}
.s-list .dots .dot .d{z-index: 5; position: absolute; bottom: 20px; right: 30px;}
.s-list .dots .dot .d p{ font-size: 2.4em; color: #fff; line-height: 1.2;}
.s-list .dots .dot a:after{ position: absolute; width: 100%; left: 0; top:0px; background: #fff; height: 10%; content: "";}
.s-list .dots .dot a:before{ position: absolute; width: 100%; left: 0; bottom:100%; background:url(../images/service/sl-logo.png) center center no-repeat #192e7a; background-size: 80%; height: 100%; content: "";}
.s-list .dots .dot:hover a:after,.s1 .s1 a:after,.s2 .s2 a:after,.s3 .s3 a:after,.s4 .s4 a:after{ top:-200px !important;}
.s-list .dots .dot:hover a:before,.s1 .s1 a:before,.s2 .s2 a:before,.s3 .s3 a:before,.s4 .s4 a:before{ bottom:0% !important;}

/*information*/
.indformation{ padding: 70px 0;}
.indformation .tit h3{ font-size: 2.4em; color: #192e7a; line-height: 1.5; margin-bottom: 30px;}
.indformation form{ background: #eceef2; padding: 40px 15%; overflow: hidden; }
.indformation input,.indformation select{ background: #fff; float:left; height: 46px; width: calc(40% - 30px); margin: 0 15px; padding: 14px 30px; font-size: 1.4em; outline:none; border: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:20px; color:#000; font-family: "Arial","Microsoft Yahei";}
.indformation.fc-input::-webkit-input-placeholder,.indformationselect::-webkit-input-placeholder { color:rgba(0,0,0,0.8);}
.indformation.fc-input:-moz-placeholder,.indformationselect:-moz-placeholder { color:rgba(0,0,0,0.8);}
.indformation.fc-input::-moz-placeholder,.indformationselect::-moz-placeholder { color:rgba(0,0,0,0.8);}
.indformation.fc-input:-ms-input-placeholder,.indformationselect:-ms-input-placeholder { color:rgba(0,0,0,0.8);}
.indformation .if-btn{  color: #fff; background: #192e7a;  width: calc(20% - 30px);}

.indformation .all{ margin-top: 40px;}
.indformation .all table{ min-width: 1024px;}
.indformation .all table tr td{ font-size: 1.4em; color: #333; line-height: 1.2; padding: 12px; background: #eceef2; vertical-align: middle;}
.indformation .all table tr:first-child td{ background: #192e7a; color: #fff;}
/*maintenance*/
.maintenance{ padding: 40px 0;}
.maintenance .dot{ margin: 40px 0;}
.maintenance .dot .tit h3{ overflow: hidden; font-size: 2.4em; color: #192e7a; line-height: 1.2; display: inline-block; margin-bottom: 20px; border-radius: 30px; background: #eceef2; }
.maintenance .dot .tit h3 span:first-child{ padding: 10px 20px; font-size: 1em; color: #fff; line-height: 1.2; display: inline-block; background: #192e7a;}
.maintenance .dot .tit h3 span:last-child{ padding: 10px 20px; font-size: 1em; color: #192e7a; line-height: 1.2; display: inline-block; background: #eceef2;}
.maintenance .dot .txt p{ padding-left: 80px; font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 1.5; text-indent: 2em;}
/*idea*/
.idea .idea-d .dots .dot *,.idea .idea-d .dots .dot{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.idea{ padding: 40px 0;}
.idea .idea-t,.idea .idea-d{ padding: 30px 0;}
.idea .tit h3{ font-size: 2.4em; color: #192e7a; line-height: 1.5; margin-bottom: 30px;}
.idea .idea-t .t p{ font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 1.5;}
.idea .idea-d .dots{ width: calc(100% + 30px); margin-left: -15px; overflow: hidden; }
.idea .idea-d .dots .dot{ padding: 35px 0; border-radius: 5px; overflow: hidden; background: #eceef2; width: calc(33.33% - 30px); margin: 0 15px; float:left;  cursor: pointer;}
.idea .idea-d .dots .dot .d{ float:left; width: 100px; text-align: center; } 
.idea .idea-d .dots .dot .d img{ max-width: 100%;}
.idea .idea-d .dots .dot .d h4{ font-size: 1.8em; color: rgba(0,0,0,0.8); line-height: 1.5; margin-top: 6px;}
.idea .idea-d .dots .dot .t{ height: 120px; min-height: 120px; overflow: hidden; float:left; width: calc(100% - 100px); padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.idea .idea-d .dots .dot .t p{ font-size: 1.4em; color: rgba(0,0,0,0.8); line-height:24px;}
.idea .idea-d .dots .dot:hover .t{ height: 100%;}
.idea .idea-d .dots .dot:hover{ background: #192e7a;}
.idea .idea-d .dots .dot:hover .d h4,.idea .idea-d .dots .dot:hover .t p{ color: rgba(255,255,255,0.8);}
.idea .idea-d .dots .dot:hover .d img{ filter: Invert(100%);}
/*service-t*/
.service-t{padding: 40px 0;}
.service-t .st1,.service-t .st2{ padding: 40px 0;}
.service-t .tit h3{ font-size: 2.4em; color: #192e7a; line-height: 1.5; margin-bottom: 30px;}
.service-t .st1 .sform1,.service-t .st1 .sform2{ overflow: hidden; }
.service-t .st1 .sform1>*,.service-t .st1 .sform2>*{ float:left;}
.service-t .st1 .sform1{ padding: 20px 0 40px 0; border-bottom: 1px dashed #d8d8d8;}
.service-t .st1 .stit{ width: 180px;}
.service-t .st1 .stit h3{ font-size: 1.6em; color: #000; line-height: 50px;}
.service-t .st1 .sform-t{ width: calc(100% - 180px);}
.service-t .st1 .sform1 .sform-t select{ float:left; width: calc(33.33% - 30px); margin: 0 15px;}
.service-t .st1 .sform2{ padding-top: 40px;}
.service-t .st1 .sform2 .dots>*{ overflow: hidden; float:left; width: calc(33.33% - 30px) !important; margin: 0 15px 20px 15px; height: 50px; background: #eceef2;}
.service-t .st1 .sform2 .dots input{ padding: 13px 80px 13px 30px;}
.service-t .st1 .sform2 .dots .tip{ position: relative;}
.service-t .st1 .sform2 .dots .tip input{ width: 100%;}
.service-t .st1 .sform2 .dots .tip p{ position: absolute; right: 24px; content: ""; top:18px; font-size: 1.4em; color: rgba(0,0,0,0.8);}
.service-t .st1 .sform2 .dots .tip p span{ font-size: 1em; color: #ff0000;}
.service-t .st1 .sform2 .dots .sform-btns{padding: 13px 40px 13px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.service-t .st1 .sform2 .dots .sform-btns p{font-size: 1.4em; color: rgba(0,0,0,0.5); line-height: 24px; float:left;}
.service-t .st1 .sform2 .dots .sform-btns .sfb{ float:right; }
.service-t .st1 .sform2 .dots .sform-btns .sfb input{ padding: 0;background: #b6b7ba; margin: 6px 6px 6px 30px;}
.service-t .st1 .sform2 .dots .sform-btns .sfb>*{ float:left; line-height: 24px;}
.service-t .st1 .sform2 .dots .sform-btns .sfb span{ font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 24px;}
.service-t .st1 .sform2 textarea{ width: calc(100% - 30px); margin: 0 15px 20px 15px;}
.service-t .st1 .sform2 .sform-b{ width: calc(100% - 30px); margin: 0 15px; background: #192e7a; color: rgba(255,255,255,0.5); font-size: 1.6em; -webkit-transition:all ease-in-out 300ms;
	-moz-transition:all ease-in-out 300ms;
	transition:all ease-in-out 300ms;}
.service-t .st1 .sform2 .sform-b:hover{ color: rgba(255,255,255,1); }
input[type=radio] {
	/*去除浏览器默认样式*/
    -webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	/*自定义样式*/
    position:relative;
	display:inline-block;
	width:12px;
	height:12px;
	border:1px solid #333;
	outline:none;
	cursor:pointer;
	background: #b6b7ba;
	/*设置为圆形，看起来是个单选框*/
    -webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	vertical-align:middle;
}
input[type=radio]:after {
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	display:block;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	background:#192e7a;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	/*增加一些动画*/
    -webkit-transition:all ease-in-out 300ms;
	-moz-transition:all ease-in-out 300ms;
	transition:all ease-in-out 300ms;
}
input[type=radio]:checked:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}
.service-t input,.service-t select,.service-t textarea{  padding: 16px 30px; font-size: 1.4em; outline:none; border: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; background: #eceef2;}
.service-t input::-webkit-input-placeholder,.service-t textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5); font-family: "Microsoft Yahei";}
.service-t input:-moz-placeholder,.service-t textarea:-moz-placeholder { color:rgba(0,0,0,0.5); font-family: "Microsoft Yahei";}
.service-t input::-moz-placeholder,.service-t textarea::-moz-placeholder { color:rgba(0,0,0,0.5); font-family: "Microsoft Yahei";}
.service-t input:-ms-input-placeholder,.service-t textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5); font-family: "Microsoft Yahei";}
.service-t .st2 .imgs img{ max-width: 100%;}
.service-t .st2 .imgs .img1{ overflow: hidden; margin: 20px 0 80px 0;}
.service-t .st2 .imgs .img1>*{ float:left;}
.service-t .st2 .imgs .img1 .iml1-1{ width: 65%;}
.service-t .st2 .imgs .img1 .iml1-2{ width: 35%;}
.service-t .st2 .imgs .img1 .iml1-2>img:first-child{ margin-bottom: 15px;}
.service-t .st2 .imgs .img2>*{ overflow: hidden; margin: 20px 0;}
.service-t .st2 .imgs .img2>*>*{ float:left;}
.service-t .st2 .imgs .img2 .img2-1>img:first-child,.service-t .st2 .imgs .img2 .img2-2>img:last-child{ width: 34.4%;}
.service-t .st2 .imgs .img2 .img2-2>img:last-child,.service-t .st2 .imgs .img2 .img2-1>img:last-child{ float:right;}
.service-t .st2 .imgs .img2 .img2-3>img{ max-width: 50%;}
.service-t .st2 .imgs .img2 .img2-3>img:last-child{ float:right;}

/*about*/
.about-t .tit{ text-align: center; }
.about-t .tit h3{ font-size: 3em; color: #070505; line-height: 1.2;}
.about-t .tit p{ font-size: 1.4em; color: rgba(0,0,0,0.5); line-height: 1.5;}
.about-t .ab1 .ab1-txts{ overflow: hidden; padding: 100px 0 140px 0;}
.about-t .ab1 .ab1-txts .dots{ float:left; width: 40%; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.about-t .ab1 .ab1-txts .dots img{ max-width: 500px; width: 100%;}
.about-t .ab1 .ab1-txts .dots .dot{  overflow: hidden;}
.about-t .ab1 .ab1-txts .dots .dot .d{ padding: 0 55px; margin-top: 60px; border-right: 1px solid #d7d5d2; float:left;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab1 .ab1-txts .dots .dot .d:last-child{ border: none;}
.about-t .ab1 .ab1-txts .dots .dot .d h3,.about-t .ab1 .ab1-txts .dots .dot .d h4{ font-size: 1.4em; color: rgba(0,0,0,0.7); line-height: 1.5;}
.about-t .ab1 .ab1-txts .dots .dot .d h4 span{ font-size: 30px; color: #00a0e9; font-weight: bold; margin:0 4px 0 0; display: inline-block;}
.about-t .ab1 .ab1-txts .dots .dot .d:first-child{ padding-left: 0;}
.about-t .ab1 .ab1-txts .dots .dot .d:last-child{ padding-right: 0;}
.about-t .ab1 .ab1-txts .txt{ width: 60%; float:right;}
.about-t .ab1 .ab1-txts .txt .tit{ margin: 10px 0 20px 0; text-align: left;}
.about-t .ab1 .ab1-txts .txt .tit p{ font-size: 1.6em;}
.about-t .ab1 .ab1-txts .txt .t{ padding-right: 20px; height: 340px; overflow-y: scroll;}
.about-t .ab1 .ab1-txts .txt .t p{ font-size: 1.4em; color: rgba(0,0,0,0.9); line-height: 1.5; margin-bottom: 24px;}
#style-1::-webkit-scrollbar-track {
	border-radius:0px;
	background-color:#eceef2;
}
#style-1::-webkit-scrollbar {
	width:4px;
	background-color:#eceef2;
}
#style-1::-webkit-scrollbar-thumb {
	background-color:#b2b2b2;
}
.about-t .ab1 .m-line{ transform: translateY(-80px); height: 190px; background: url(../images/about/ab1-line.jpg) center center no-repeat; background-size: cover !important;}
.about-t .ab1 .ab1-dots{ background: #f5f6f8;}
.about-t .ab1 .ab1-dots .tit{ margin-top: -30px;}
.about-t .ab1 .ab1-dots .dots{  padding:50px 0 70px 0; overflow: hidden;}
.about-t .ab1 .ab1-dots .dots .dot{ width: 33.33%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left;}
.about-t .ab1 .ab1-dots .dots .dot img{ display: block; margin: 0 auto 20px auto;}
.about-t .ab1 .ab1-dots .dots .dot p{ font-size: 1.4em; color: rgba(0,0,0,0.8); line-height: 1.5; max-width: 250px; margin: 0 auto;}

.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide:before,.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide:after,.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide *{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.about-t .ab2{ padding: 60px 0;}
.about-t .ab2 .ab2-deve .gallery-top{ padding: 60px 0;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide{ padding: 0 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide>*{ float:left; width: 50%;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide .t>*{ max-width: 80%; margin: 0 auto;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide .t .t1{ overflow: hidden; border-right: 2px solid #192e7a; margin: 30px auto;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide .t .t1>*{ float:left;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide .t .t1 h3{ font-size: 10.5em; color: #192e7a;  font-family: "Microsoft Yahei"; line-height: 0.9;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide .t .t1 h4{ font-size: 2.4em; color: #192e7a; line-height: 1.5;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide .t .t2 p{ font-size: 1.8em; color: #192e7a; line-height: 1.5;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide .img{ text-align: center;}
.about-t .ab2 .ab2-deve .gallery-top .swiper-slide img{ max-width: 80%;}
.about-t .ab2 .ab2-deve .gallery-top .ab2-n,.about-t .ab2 .ab2-deve .gallery-top .ab2-p{ width: 70px; height: 70px; background-size: 100%; background-image:url(../images/about/ab2-arrow.png); top: 46%;}
.about-t .ab2 .ab2-deve .gallery-top .ab2-n{ right: 0px;}
.about-t .ab2 .ab2-deve .gallery-top .ab2-p{ left: 0px; transform: rotate(180deg);}
.about-t .ab2 .ab2-deve .gallery-thumbs:after{ position: absolute; top:20px; content: ""; width: 100%;  left: 0; height: 1px; border-bottom: 1px dashed #ababab;}
.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide{ position: relative; text-align: center; }
.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide:after{ position: absolute; top:16px; left: calc(50% - 6px); width: 10px; height: 10px; background: #fff;  content: ""; border: 1px solid #888; border-radius: 50%;}
.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide:before{ position: absolute; top: 10px; left: calc(50% - 12px); content: ""; background:url(../images/about/dot.png) center center no-repeat; width: 24px; height: 30px; opacity: 0; transform: translateY(-30px);}
.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide p{ cursor: pointer; font-size: 1.6em; color: rgba(0,0,0,0.8); line-height: 1.5;  display:inline-block; border-radius: 5px;  padding: 10px 40px; margin-top: 60px;}
.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide-thumb-active p,.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide:hover p{ background: #192e7a; color: #fff;}
.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide-thumb-active:after,.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide:hover:after{ opacity: 0; transform: translateY(30px);}
.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide-thumb-active:before,.about-t .ab2 .ab2-deve .gallery-thumbs .swiper-slide:hover:before{ opacity: 1; transform: translateY(0px);}

.about-t .ab3 .dots .dot,.about-t .ab3 .dots .dot *{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.about-t .ab3{ padding: 60px 0 90px 0; background: #f5f6f8;}
.about-t .ab3 .dots{ margin-top: 50px;}
.about-t .ab3 .dots .dot{background: #fff; position: relative; float:left; width: calc(16% - 4px); margin: 0 2px;}
.about-t .ab3 .dots .dot.hover{ width: calc(20% - 4px);}
.about-t .ab3 .dots .dot .t1{ height: 380px; padding: 0 20px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab3 .dots .dot .t1>img{ margin: 90px 0 50px 0; -webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);}
.about-t .ab3 .dots .dot .t1 h3{ font-size: 1.8em; color: rgba(1,1,1,0.7); line-height: 1.5;}
.about-t .ab3 .dots .dot .t1 h4{ margin: 30px 0 60px 0; font-size: 1.4em; color: rgba(1,1,1,0.1); font-weight: bold; left: 1.2;}
.about-t .ab3 .dots .dot .t1 span{ display:block; text-align: right;}
.about-t .ab3 .dots .dot .t2{box-shadow: 1px 1px 3px rgba(0,0,0,0.19); transform: scaleX(0); text-align: center; border-top:5px solid #192e7a; opacity: 0; top:0; position: absolute; width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #eef0f3; min-height: 380px;}
.about-t .ab3 .dots .dot .t2 h3{ font-size: 1.8em; color: #192e7a; margin: 20px 0;}
.about-t .ab3 .dots .dot .t2 p{ font-size: 1.4em; color: rgba(1,1,1,0.6); line-height: 20px; text-align: left; min-height: 140px;}
.about-t .ab3 .dots .dot .t2 img{ margin: 20px 0;}
.about-t .ab3 .dots .dot .t2 h4{ font-size: 1.4em; color: rgba(25,46,122,0.2); font-weight: bold;}
.about-t .ab3 .dots .dot.hover .t2{ opacity: 1; transform: scaleX(1);}

.about-t .ab4{ padding: 60px 0 110px 0;}
.about-t .ab4 .imgs{ position: relative;}
.about-t .ab4 .ab4-slider{ margin: 60px auto 0 0; padding: 20px 10px; width:calc(100% - 80px); text-align: center;}
.about-t .ab4 .ab4-slider img{ max-width: 100%; filter: drop-shadow( 1px 1px 5px rgba(96,96,96, 0.5));}
.about-t .ab4 .imgs .btns{  position: absolute; right: 0; top: calc(50% - 95px); width: 45px; height: 190px;}
.about-t .ab4 .imgs .btns .swiper-button-white{ background-color: #192e7a;}
.about-t .ab4 .imgs .btns .ab4-n,.about-t .ab4 .imgs .btns .ab4-p{ height: 88px; width: 45px; background-size: 14px 30px;}
.about-t .ab4 .imgs .btns .ab4-n{ right: 0; top:auto; bottom: 0;}
.about-t .ab4 .imgs .btns .ab4-p{ left: auto; right: 0; top:auto; bottom: calc(100% - 88px);}
.about-t .ab4 .imgs .btns .swiper-button-disabled{ opacity: 1; background-color: #eee;}

.about-t .ab5{ text-align: center;  background: url(../images/about/ab5.jpg) center center no-repeat; background-size: cover !important; height: 640px;}
.about-t .ab5 .tit{ padding-top: 60px;}
.about-t .ab5 .tit h3{ color: #fff;}
.about-t .ab5 .tit p{ color:rgba(255,255,255,0.5);}
.about-t .ab5 .play{ transform: translateY(-30px); opacity: 0; margin-top: 10%; display: inline-block; transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all; cursor: pointer;}
.about-t .ab5:hover .play{ transform: translateY(0px); opacity: 1;}

/*product*/
.pro-ban .nums .btns a,.product .ptable .tit:after,.product .p-dots .dot .d .img img,.product .p-dots .more a,.product .p-dots .more p{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.pro-ban{ padding-top: 11%; background: url(../images/product/pro-bg.jpg) center center no-repeat; background-size: cover !important;}
.pro-ban .nums{ color: #fff;}
.pro-ban .nums .num-l{ position: relative; z-index: 2; float:left; }
.pro-ban .nums .num-r{ position: relative; z-index: 2; float:right; text-align: right;}
.pro-ban .nums .nd{ margin-bottom: 40px; width: 270px;}
.pro-ban .nums .nd h3{ font-size: 6em; font-weight:bold; line-height: 1.5; border-bottom: 1px solid #fff;}
.pro-ban .nums .nd p{ margin-top: 10px; font-size: 1.4em; color: #fff; line-height: 1.5;}
.pro-ban .nums .btns{ margin-top: 40%;}
.pro-ban .nums .btns a{ margin: 12px 0; padding: 8px 30px;  font-size: 1.6em; line-height: 1.5; color: rgba(255,255,255,0.5); display: block; border: 1px solid rgba(255,255,255,0.5); width: fit-content;}
.pro-ban .nums .btns a:hover{ color: #fff; background: #048dc2; border: 1px solid #048dc2;}
.pro-ban .nums .nt{ margin-top: 60%; width: 270px; text-align: right;}
.pro-ban .nums .nt>img{ display:inline-block; max-width: 120%; margin-left: -20%; margin-bottom: 15%;}
.pro-ban .nums .nt .ntc img{ width: 50px; margin: 5px 0 5px 10px;}
.pro-ban .img{ text-align: center; }
.pro-ban .img img{ max-width: calc(100% - 540px); transform: translateY(60px);}
.product{ padding: 90px 0;}
.product .imgs{ border-bottom: 1px solid #7f7f7f; }
.product .imgs img{ width:100%; max-width: 100%;}
.product .imgs .swiper-button-next,.product .imgs .swiper-button-prev{ width: 30px; height: 30px; background-size: 30px 30px;}
.product .ptable{ padding: 70px 0;}
.product .ptable .tit{ position: relative; cursor: pointer; background: #eceef2; padding: 20px 50px;}
.product .ptable .tit:after{ position: absolute; right: 20px; top:19px;  width: 40px; height: 40px; content: ""; background: url(../images/product/arrow.png) center center no-repeat; background-size: contain !important; filter: invert(60%); transform: rotate(90deg);}
.product .ptable .tit h3{ font-size: 2.4em; color: #1b191d; line-height: 1.5; }
.product .ptable .tit.hover:after{ opacity: 0;}
.product .ptable .pt{ display: none; }
.product .ptable table tr{ background: #fff; border-bottom: 2px solid #eceef2;}
.product .ptable table tr td{ font-size: 1.6em; color: rgba(27,25,29,0.9); line-height: 1.5; padding: 16px 50px; border-right: 2px solid #eceef2;}
.product .ptable table tr td:last-child{ border: none;}
.product .p-dots .tit{ margin-bottom: 30px;}
.product .p-dots .tit h3{ font-size: 2.4em; color: #000; line-height: 1.5; margin-bottom: 16px;}
.product .p-dots .tit h4{ font-size: 3em; color: #000; line-height: 1.5;}
.product .p-dots .tit p{ font-size: 1.4em; color: rgba(7,5,5,0.5); line-height: 1.5;}
.product .p-dots .dot{ width: calc(100% + 30px); margin-left: -15px; overflow: hidden;}
.product .p-dots .dot .d{ position: relative; float:left; width: calc(50% - 30px); margin: 25px 15px;}
.product .p-dots .dot .d .img{ overflow:hidden; }
.product .p-dots .dot .d .img img{ width: 100%;}
.product .p-dots .dot .d .txt{ position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; background: rgba(236,238,242,0.9); padding: 15px;}
.product .p-dots .dot .d .txt p{ font-size: 2.4em; color: #000; line-height: 1.5;}
.product .p-dots .dot .d:hover .img img{ transform: scale(1.1);}
.product .p-dots .more{  background: #eceef2; display: block; text-align: center; margin-top: 25px;}
.product .p-dots .more a,.product .p-dots .more p{   width: 100%;  margin: 0 auto; display: inline-block;  font-size: 1.6em; color: rgba(27,25,29,0.5); padding: 25px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product .p-dots .more p,.product .p-dots .more a:hover{ color: #000;}

/*all-share*/
.all-share .d .si,.all-share .d{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.all-share{z-index: 10;  position:fixed; bottom:120px; right:20px;}
.all-share .d{ z-index:3; position:relative; margin:10px 0; background:#666; padding:5px;}
.all-share .d .si{ display: none; text-align: center; opacity:0; background:#fff; padding:5px; position:absolute; right:calc(100% + 20px); top:calc(50% - 80px);}
.all-share .d .si img{ width:160px;}
.all-share .d:hover .si{ opacity:1; display: block;}
.all-share .d .si p{ margin-top: 8px; font-size: 1.6em; color: #333; line-height: 1.5;}
.all-share .d:hover{background:#192e7a;}