@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#000;}
input,button,select,textarea{outline:none;}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media only screen and (max-width: 768px){
	html{ font-size:24px !important}
	body{ font-size:24px !important}
}
DIV.green-black{ width:100%; padding-top:10px; text-align:right; }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #017cc2 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #017cc2;}
DIV.green-black A:hover{BORDER: #009944 1px solid;COLOR: #fff;font-size:100%;background-color: #017cc2;}
DIV.green-black A:active{BORDER: 1px solid #009944;COLOR: #fff;font-size:100%;background-color: #017cc2;}
DIV.green-black SPAN.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #017cc2;font-size:100%;background-color: #017cc2;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #017cc2 1px solid;font-size:100%;}

@font-face{

font-family:'Alternate';
font-family: 'Alternate';
	src: url('../font/Alternate.eot?') format('eot');/*IE*/
	src:url('../font/Alternate.woff') format('woff'), url('../font/Alternate.ttf') format('truetype');/*non-IE*/

}
/**/
.fl{ float:left;}
.fr{ float:right;}
.kd{ width:90%; margin:0 auto; max-width:1400px;}
@media screen and (max-width:768px){ .kd{ width:96%}}
.head{ height:5.625em; background:#fff; box-shadow:0px 3px 5px rgba(0,0,0,0.2); position:fixed; z-index:111;width:100%;}
.logo{ position:absolute; left:3%; top:1em;}
.totxt{ border-left:1px solid #e9e9e9; margin-left:20px; margin-top:5px; padding-left:17px;}
.totxt p{ font-size:1.437em; font-weight:bold; color:#515151;}
.totxt span{ font-size:1em; color:#515151}
.sss{ width:100%;}
.see{ float:right; position:absolute; right:0; border-left:1px solid #e9e9e9; height:100%; width:200px;}
.see a{ float:left; margin:0 5px 0 0px; color:#343434; position:relative; z-index:9999;}
.see p{ float:left; color:#343434; background:url(../images/site.jpg) left center no-repeat; padding-left:20px}
.see .lag{ line-height:5.625em; padding-left:30px;}
.see{}
.mban{ display:none;}
@media screen and (max-width:1366px){
.see{ width:180px}
}
@media screen and (max-width:768px){
.see{ display:none}
.head{ height:4.16em;}
.logo{ z-index:999;}
.totxt{margin-top:-10px;}
.totxt p{ font-size:1.25em;}
.totxt span{}
.mban{ display:block;}
}
/*导航样式*/
.mobile-inner-nav{ position:absolute; left:35%; top:41%; z-index:999; display:block; width:100%;}
.mobile-inner-header .np{ display:none; position:absolute}
.mobile-inner-nav li{ float:left; margin-right:0.5em; }
.mobile-inner-nav .erj{ position:absolute; width:100%; background:rgba(255,255,255,0.9); height:0px; top:144%; left:-35%; z-index:-1; visibility:hidden; transition:all 0.5s;}
.mobile-inner-nav .erj a{ height:70px; line-height:70px; padding:0 1em; display:block; opacity:0; transition:all 0.5s;font-size:1em; margin:0}
.mobile-inner-nav li:hover .erj{ visibility:visible; height:70px;}
.mobile-inner-nav .erj a:hover{ background:#017cc2; color:#fff;}
.mobile-inner-nav li:hover .erj a{  opacity:1;  }
.erj .pj1{ left:36%; position:absolute}
.erj .pj2{ left:40%; position:absolute}
.erj .pj3{ left:56%; position:absolute}
.erj .pj4{ left:42%; position:absolute}
.erj .pj5{ left:54%; position:absolute}
.mobile-inner-nav li span{float:right; display:block; margin-top:0.5rem}
.mobile-inner-nav a{ display:block; float:left; color:#000000; margin:0 0.5rem 0 1rem; font-size:1rem}
.mobile-inner-nav a p{ width:0; margin:0 auto; background:#017cc2; height:3px; margin-top:12px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ width:100%;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{ color:#017cc2}
@media screen and (max-width:1024px){
.mobile{width: 100%; position:relative;}
.mobile-inner-header .np{ display:block; position:absolute; right:13%; top:30%; font-size:1.125em;}
.mobile-inner-nav li{ width:100%; float:none}
.mobile-inner-nav li span{ display:none}
.mobile-inner-nav .erj{ display:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header{background-color:#fff;width: 100%;height:4.16em; position: absolute;top: 0px;left: 0px;}
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:30px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:20px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.3rem;background-color:#3e3e3e; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.3rem;
    background-color: #3e3e3e;
    position: absolute;
    left: 25%;
    bottom: 0.9em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:4.16em;left: 0px;padding-top:1rem;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav a{display:inline-block;line-height:3rem;text-decoration: none;width:92%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem;}
.mobile-inner-nav a p{ display:none;}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}

}

/*banner*/
.banner{ display:block;}
.fullSlide{width:100%;position:relative;height:600px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important; }
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center; }
.fullSlide .bd li a{display:block;height:600px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:16px;height:16px;margin:3px;overflow:hidden;background:none;filter:alpha(opacity=100);opacity:1;line-height:999px; background:url(../images/bnor.png) center no-repeat;}
.fullSlide .hd ul .on{ background:url(../images/bcur.png) center no-repeat;}
@media screen and (max-width:768px){
.banner{ display:none}
}
.mban{ display:none;}
@media only screen and (max-width: 768px){.mban{ display:block;}
/*图片切换*/
	.device {
  width: 100%;
  height: 500px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  height: 500px;
  width: 100%;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide  img{ width:100%}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}

.haye{ width:100%; margin-bottom:8px;}
.hytt{ padding:45px 0; font-size:1.625em; color:#606060; font-weight:bold;}
.hytt span{ font-weight:normal}
.hygun{ width:100%;}
.hygun .ying{ position:relative;}
.hygun .ying .prev{ position:absolute; z-index:15; top:40%; left:5%;}
.hygun .ying .next{ position:absolute; z-index:15; top:40%; right:5%;}
.hygun .ying li{ width:24.7%; margin-right:7px; position:relative; overflow:hidden;}
.hygun .ying li{}
.hygun .ying li .eimg{ width:100%; transform:scale(1); transition:all 1s}
.hygun .ying li:hover .eimg{ width:100%; transform:scale(1.1)}
.ying li .yi{ width:100%; height:99%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; opacity:0; transition:all 0.3s;cursor:pointer}
.ying li:hover .yi{ opacity:1;}
.ying li .hyzi{ position:absolute; top:79%; z-index:14; left:8%; transition:all 0.5s;}
.ying li:hover .hyzi{ top:10%}
.ying li .hyzi h4{ font-weight:bold; font-size:1.5em; color:#fff}
.ying li .hyzi p{ text-transform:uppercase; font-size:1.125em; color:#fff;}
.ying li .hyzi span{ display:block; font-size:0.875em; color:#fff; margin:1rem 0}
.mhy{ display:none}
@media screen and (max-width:768px){
.hygun{ display:none}
.mhy{ display:block;}
.mhy li{ width:50%; float:left; position:relative}
.mhy li img{ width:100%; display:block}
.mhy li .mzi{ position:absolute; top:60%; left:5%}
.mhy li .mzi p{ font-size:1.625em; color:#fff; font-weight:bold;}
.mhy li .mzi span{font-size:1em; color:#fff; text-transform:uppercase}
}
/*产品中心*/
.in-pro{ width:100%; background:#f3f3f3;}
.inptt{ padding:2.8rem 0 2.25rem}
.cpt{ font-size:1.625rem; font-weight:bold; color:#017cc2}
.cpt p{ color:#017cc2;}
.cpt span{ font-weight:normal;}
.cplist li{ float:left; margin-left:1em; padding-left:10px}
.cplist li:hover{ background:url(../images/pj.jpg) left center no-repeat; }
.cplist li:hover a{ color:#017cc2;}
/*产品列表*/
.morepro{ height:auto; width:66%; position:relative;}
.morepro img{ width:100%;}
.pbtt{ padding-bottom:57px;}
.pzi{ position:absolute; top:20%; z-index:11; left:3%}
.pzi h4{ font-size:1.625em; color:#017cc2; font-weight:bold}
.pzi img{ font-size:2.25em; color:#017cc2; margin-top:0.5em;}
.moreaa{ display:block; width:108px; height:38px; background:#017cc2; line-height:32px; color:#fff; font-weight:bold; text-align:center; margin-top:1.25em;}

.pp11{ width:32%; margin-left:2%; float:left; position:relative}
.pp11 .prev{ position:absolute; width:11px; height:21px; right:30px;}
.pp11 .next{ position:absolute;width:11px; height:21px; right:0}
.pp12{ overflow:hidden; width:100%;}
.pp12 li{ overflow:hidden; width:100%;border-radius:12px; margin-top:1.5em;}
.pp12 li .lan{ background:#017cc2 url(../images/hotpro.jpg) 92% center no-repeat; width:auto; padding:0.875em 1em;}
.pp12 li .lan p{ font-size:1.125em; color:#fff;}
.pp12 li .lan span{ font-size:1.125em; color:#fff;}
.pp12 li div{ width:100%; overflow:hidden}
.pp12 li div img{ width:100%; transition:all 1s; transform:scale(1)}
.pp12 li:hover div img{ transform:scale(1.1)}
@media screen and (max-width:768px){
.morepro{ width:100%;}
.pp11{ width:100%; margin:1em 0;}
}

.prlist-3{ width:100%;}
.prlist-3{ overflow:hidden; width:100%;}
.prlist-3 li{ overflow:hidden; width:32%;border-radius:12px; margin-top:1.5em; float:left;}
.prlist-3 li:nth-child(2){ margin:1.5em 2% 0;}
.prlist-3 li .lan{ background:#fff url(../images/npro.jpg) 92% center no-repeat; width:auto; padding:0.875em 1em;}
.prlist-3 li .lan p{ font-size:1.125em; color:#5a5a5a;}
.prlist-3 li .lan span{ font-size:1.125em; color:#5a5a5a;}
.prlist-3 li div{ width:100%; overflow:hidden;}
.prlist-3 li div img{ width:100%;transition:all 1s; transform:scale(1)}
.prlist-3 li:hover div img{ width:100%;transform:scale(1.1)}
@media screen and (max-width:768px){
.prlist-3 li{ width:48%;}
.prlist-3 li:nth-child(3){ display:none}
.prlist-3 li .lan p{ height:1.125em; overflow:hidden;}
}
/*公司简介*/
.abbg{ background:url(../images/abbg.jpg) center no-repeat; height:710px; width:100%; margin-top:30px;}
.ab-top{ padding-top:6.375em; text-align:center;}
.ab-top h4{ font-size:1.875em; color:#fff;}
.ab-top div{ width:49px; height:2px; background:#fff; margin:2em auto;}
.ab-top p{ color:#fff; line-height:1.875em; font-size:1em;}

.ab-shu{ margin-top:5.9375em}
.ab-shu ul{margin:0 auto;display: flex;justify-content: center;}
.ab-shu li{margin-right: 150px;}
.ab-shu li:nth-of-type(3){margin-right: 0;}
.ab-shu li p{ font-size:1.5em; color:#fff; text-indent:1em}
.ab-shu li p b{ font-size:3em; color:#fff; font-family:'Alternate'; font-weight:normal}
.ab-shu li span{ color:#fff; text-indent:1em; font-size:1.125em; display:block;}

.ab-more{ width:143px; height:43px; display:block; background:#017cc2; text-align:center; line-height:43px; color:#fff; font-size:1.125em; margin:3em auto 0; border-radius:5px}
.ab-more:hover{ color:#fff}
@media screen and (max-width:768px){
	.abbg{ height:auto; background-size:cover; padding-bottom:1em}
	.ab-top{ padding-top:100px;}
.ab-top p br{ display:none}
.ab-shu{ margin-top:3em}
.ab-shu ul{ width:100%;display: block;}
.ab-shu li{ width:50%; margin-bottom:1em;float: left;}
.ab-more{margin:1em auto;}
.ab-shu li{margin-right: 0px!important;}
}
/*新闻资讯*/
.in-news{ padding:45px 0 81px 0;}
.new-tt p{ font-size:1.625em; color:#4b4b4b; font-weight:bold;}
.new-tt .njc{ background:url(../images/njj.jpg) right center no-repeat; font-size:1.125em; padding-right:26px; color:#4b4b4b}
.new4{ margin-top:2.125em;}

.gs-new{ width:70%;}
.gs-new li{ overflow:hidden; max-height:558px; position:relative; cursor:pointer}
@media screen and (min-width:1600px){
.gs-new li{ max-height:622px;}
}
.gs-new li:hover img{ transform:scale(1.1);}
.gs-new li img{ width:100%;transform:scale(1); transition:all 0.5s}
.gs-new li:nth-child(1){ width:36.09%; float:left;}
.gs-new li:nth-child(2){ width:60%; float:right;}
.gs-new li .indate{ padding:0 10%; position:absolute; top:10%;}
.gs-new li .indate em{ font-size:1.125em; color:#4b4b4b}
.gs-new li .indate p{ font-size:1.5em; line-height:32px; margin:1em 0; color:#4b4b4b}
.gs-new li .indate span{ font-size:1em; color:#4b4b4b; line-height:1.5em;}
.gs-new li:nth-child(2) .indate em{ color:#fff;}
.gs-new li:nth-child(2) .indate p{ color:#fff;}
.gs-new li:nth-child(2) .indate span{ color:#fff; display:block; margin-top:3.3em}

.hy-new{ width:27%;}
.hy-new li{ width:98%; position:relative; overflow:hidden; max-height:270px; cursor:pointer}
.hy-new li:nth-child(1){ margin-bottom:17px;}
.hy-new li img{ width:100%; transform:scale(1); transition:all 0.3s;}
.hy-new li:hover img{transform:scale(1.1);}
.hy-new li .ince{ position:absolute; padding:0 10%; top:10%;}
.hy-new li .ince em{ font-size:1.125em; color:#fff;}
.hy-new li .ince p{ font-size:1.5em; color:#fff; margin-top:1.5em}
@media screen and (max-width:768px){
	
.gs-new{ width:100%;}
.gs-new li{ max-height:330px;}
.gs-new li:nth-child(1){ width:100%; margin-bottom:0.8em;}
.gs-new li:nth-child(2){ width:100%; margin-bottom:0.8em;}
.hy-new{ width:100%;}
.hy-new li{ width:100%;}
}
/*友情链接*/
.fri{ padding:1em 0 1em; background:#017cc2}
.ftt{ font-size:1.125em;}
.ftt p{ color:#fff;}
.frd{ height:24px; width:90%; line-height:24px;}
.frd a{ display:block; padding:0 10px; float:left; color:#fff;}
@media screen and (max-width: 768px){
.fri{ display:none;}
}
/*友情链接*/

/*底部*/
.foot{ border-top:5px solid #017cc2; padding:63px 0 35px; background:#1c1c1c}
.fmenu{ width:69%;}
.fmenu dl{ width:20%; float:left;}
.fmenu dt a{ font-size:1.25em; color:#fff}
.fmenu dd{ margin-top:0.875em;}
.fmenu dd a{ display:block; font-size:0.875em; color:#787878; line-height:1.5em;}
.fmenu dd a:hover{ color:#017cc2}

.fcon{ width:30%;}
.fcon h4{ font-size:1.25em; color:#fff; margin-bottom:0.875em;}
.fcon p{ font-size:0.875em; padding-left:32px; margin-bottom:0.5em; line-height:29px;}
.fcon .f1{ background:url(../images/f1.jpg) left center no-repeat; height:29px;}
.fcon .f2{ background:url(../images/f2.jpg) left center no-repeat; height:29px;}
.fcon .f3{ background:url(../images/f3.jpg) left center no-repeat; height:29px;}
.fss{ height:30px; line-height:30px;margin-top:10px;}
.fss span{ line-height:30px; font-size:0.875em; color:#fff; display:block;}
.fss img{ margin-right:5px; }
.f-mobe{ display:none}
@media screen and (max-width:768px){
.foot{ display:none}
.f-mobe{ display:block;}
.subNavBox{width:100%;margin:0 auto 0 auto; background:#f1f1f1}
.subNav{border-bottom:dashed 1px #fff;cursor:pointer;font-weight:bold;font-size:24px;color:#4f4f4f;line-height:60px;padding-left:20px;background:url(../images/jia.png) no-repeat;background-position:95% 50%; background-size:5%}
.subNav:hover{color:#4f4f4f;}
.currentDd{color:#4f4f4f}
.currentDt{background-image:url(../images/jia.png);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:100%;heighr:40px;text-align:left; text-indent:2rem;font-size:26px;line-height:48px;color:#585858}
.navContent li a:hover{color:#fff;background-color:#017cc2}
}

.foot2{ border-top:1px solid #2e2e2e; padding:1.625em 0; background:#1c1c1c}
.foot2 p{ font-size:0.875em; color:#9b9b9b;}
.foot2 a{ color:#9b9b9b;}
.dao{ display:none}
@media screen and (max-width:768px){
.foot2 p{ float:none; line-height:2em;}
.foot2{ margin-bottom:100px;}
.dao{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#017cc2; z-index:99999}
.dao li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #fff; float:left;}
.dao li p{ color:#fff;}
}

/*------------------------------------------------------内页-----------------------------------------------------------*/
.ban{ width:100%; height:329px; background-position:center; background-repeat:no-repeat;}
@media screen and (max-width: 768px){
.ban{ background-position:-220px center !important;}
}
.lomenu{ height:4.3125em; width:100%; background:#fff; border-bottom:1px solid #ececec}
.lcad{ line-height:4.3125em;}
.lcad span{ float:left; display:block; margin-left:5px; color:#414141; font-size:0.875em;}
.lcad a{ color:#414141;}
/*内页menu*/
.n-menu{line-height:4.3125em;}
.n-menu li{ float:left; background:url(../images/nxi.jpg) right center no-repeat;}
.n-menu li a{ font-size:0.875em; color:#414141; display:block;  float:left; padding:0 1em}
.n-menu li a:hover,.n-menu li a.cur{ background:url(../images/jiao.jpg) center 3.5em no-repeat; color:#004d88}
@media screen and (max-width: 768px){
	.loca{ margin-top:0}
	.lcad{ display:none}
	.n-menu{ float:none !important}
	.n-menu li{ width:auto}
	.n-menu li a{ padding:0 0.875em; font-size:1em}
}

.mcontact{ padding:62px 0 0;}
.contit{ text-align:center;}
.contit h4{ font-size:2.625em; color:#414141;}
.contit p{}

.cmpy{ margin-top:50px; margin-bottom:60px;}
.cmpy p{ font-size:1.25em; color:#414141}
.cmpy span{ font-size:0.875em; color:#414141;}
.cmlx{ width:100%;}
.cmlx ul{ padding-bottom:2em; border-bottom:1px solid #dfdfdf}
.cmlx li{ width:28%; float:left; padding-left:5.33%; min-height:51px;}
.cmlx li p{ font-size:1.125em; color:#414141; line-height:1.5em;}
.cmlx .lx1{ background:url(../images/cc1.jpg) left top no-repeat;}
.cmlx .lx2{ background:url(../images/cc2.jpg) left top no-repeat;}
.cmlx .lx3{ background:url(../images/cc3.jpg) left top no-repeat;}

.cmfg{ padding:2em 0; border-bottom:1px solid #dfdfdf}
.cmfg h4{ font-size:1.125em; color:#414141}
.cmfg p{ font-size:1em; color:#414141; line-height:2em;}
.cmfg .fl{ width:50%; text-indent:4em;}
.cmfg .fr{ width:50%;text-indent:4em;}
.ditu{ line-height:77px; height:77px;}
.ditu p{ font-size:1.125em; color:#41414;}
@media screen and (max-width: 768px){
.cmlx li{ width:auto; float:none; padding-left:10%; margin-bottom:1em;}
.cmfg .fl{ text-indent:0}
.cmfg .fr{ text-indent:0}
}

/*服务支持*/
.sercon{ padding:4em 0; background:#fff}
.sercon h4{ font-size:1.375em; color:#0066a0;}
.sercon span{ font-size:1.125em;}

.sscon{ margin-top:40px;}
.sscon .fl{ width:50%; height:100%; min-height:363px; background:#e8e8e8}
.sscon .fl img{ width:100%;}
.sscon .fr{ width:50%; height:100%;min-height:363px; background:#e8e8e8}
.sscon .fr img{ width:100%;}
.sscon .sww{ padding:50px;}
.sscon .sww h5{ font-size:1.5em; color:#5c5c5c; font-weight:bold;}
.sscon .sww div{ width:41px; height:2px; background:#acacac; margin:1em 0}
.sscon .sww p{ font-size:1.125em; color:#5c5c5c; line-height:1.5em;}
@media screen and (min-width: 1600px){.sscon .fl{ min-height:398px;}.sscon .fr{ min-height:398px;}}
@media screen and (max-width: 768px){.sscon .fl{ width:100%;}.sscon .fr{ width:100%;}}

/*新闻资讯*/
.new-main{ padding:52px 0; background:#f1f1f1}
/*热点新闻*/
.slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 323px
}
.slide-ul {
	position: relative;
	margin: 0px 0 0 0px;
	width:3843px;
}
.slide-ul li {
	position:relative;
	float: left;
	display:inline;
	overflow: hidden;
	width: 1280px;
	height: 323px;
	 transition:all 0.3s ease;
	 margin-right:1px;
}
.slide-ul li .hpic{ width:45%;}
.slide-ul li .hpic img{ width:100%;}
.slide-ul li .hcon{ padding:5% 5% 0%; width:44.9%; height:79%; border:1px solid #dcdcdc; border-left:none; background:#fff; position:relative}
.slide-ul li .hcon p{ display:block; font-size:1.5em; color:#242424;}
.slide-ul li .hcon em{ display:block; font-size:1em; margin:1em 0; color:#a5a5a5}
.slide-ul li .hcon span{ display:block; font-size:0.875em; color:#787878}
.slide-ul li .hcon img{ position:absolute; left:9%; bottom:10%}
.info-btn {
	overflow: hidden;
	margin: 10px auto;
	width:90px;
	height: 14px;
	zoom: 1
}

.info-btn li {
	float: left;
	padding: 0 6px 0 10px;
}

.info-btn li span {
	display: block;
	overflow: hidden;
	width: 13px;
	height: 13px;
	
	background:url(../images/dian.png) 0 0px no-repeat;
	text-indent: -9999em;
	cursor: pointer
}
.info-btn .info-cur span,.info-btn .info-hover span {
	background-position: 0 -13px;
	
}
@media screen and (max-width: 768px){
.slide { display:none}
.info-btn { display:none}
}
/*新闻资讯*/
.newslist{ width:100%;}
.newslist li{ width:31.1%; float:left; border:1px solid #d2d2d2; margin-right:3%; margin-bottom:4%; transition:all 0.3s}
.newslist li:nth-child(3n){ margin-right:0}
.newslist li img{ width:100%; display:block;}
.newslist li .nlcon{ min-height:198px; background:#fff; overflow:hidden; width:auto; padding:0 4%}
.newslist li .nlcon h5{ margin-top:1.5em; font-size:1.375em; color:#3c3c3c}
.newslist li .nlcon em{ background:url(../images/nda.jpg) left center no-repeat; display:block; padding-left:22px;}
.newslist li .nlcon span{ font-size:0.875em; color:#686868; line-height:1.5em; margin-top:8px; display:block;}
.newslist li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.5);}
.newslist .mlone{ margin-right:0;}
@media screen and (max-width: 768px){
.newslist li{ width:100%; margin:0% 0 5% !important; }
.newslist li .nlcon{min-height:240px}
.newslist .mlone{margin:0% 0 5%}
}

/*新闻内页*/
.knd{ background:#fff; width:auto; padding:1.625em 2.1875em; box-shadow:0px 5px 10px rgba(0,0,0,0.5)}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.125em; font-weight:bold; margin:0 auto}
.news-type{width:100%; height:20px; text-align:center; margin:0 auto; color:#999;font-size:0.75em; border-bottom:#999 1px dotted}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:1.5em;}
.news-pn{ font-size:0.875em;line-height:20px;}
.news-pn a{ color:#666; font-size:1em;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#000;}
.xgnews-con{border-top:1px solid #CCC;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;float:left;height:30px;line-height:30px;margin-right:30px; overflow:hidden;}
.xgnews-con li span{float:right;}
.xgnews-con li a{ padding-right:10px; color:#666;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem;}
.news-content{ font-size:1.25rem !important; line-height:1.875rem !important;}
.news-content span{ font-size:1.25rem !important;}
.news-content p{ font-size:1.25rem !important;}
.news-pn{ font-size:1.25rem; line-height:1.875rem;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25rem;}
.xgnews-con li{ width:100%; height:2.875rem; line-height:2.875rem;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875rem;}
}
/*解决方案*/
.n-yy{ position:relative; padding:30px 0}
.n-yy li{ width:31%; margin-right:3%; position:relative; overflow:hidden; float:left; margin-bottom:2%;}
.n-yy li:nth-child(3){ margin-right:0}
.n-yy li{}
.n-yy li .eimg{ width:100%;}
.n-yy li .yi{ width:100%; height:99%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; opacity:0; transition:all 0.3s;cursor:pointer}
.n-yy li:hover .yi{ opacity:1;}
.n-yy li .hyzi{ position:absolute; top:76%; z-index:14; left:8%; transition:all 0.5s;}
.n-yy li:hover .hyzi{ top:10%}
.n-yy li .hyzi h4{ font-weight:bold; font-size:1.5em; color:#fff}
.n-yy li .hyzi p{ text-transform:uppercase; font-size:1.125em; color:#fff;}
.n-yy li .hyzi span{ display:block; font-size:0.875em; color:#fff; margin:1rem 0}
@media screen and (max-width: 768px){
.n-yy li{ width:48%; margin:0 1%}
.n-yy li:nth-child(3){ margin:0 1%;}
.n-yy li .hyzi{ top:77%;}
.n-yy li:hover .hyzi{ top:5%}
.n-yy li .hyzi span{ margin:0.5rem 0}
}
.njj{ padding:3em 0;}
.jjtit{ text-align:center; padding-bottom:20px;}
.jjtit h4{ font-size:42px; color:#222222;}
.jjtit p{ font-size:1.25em; color:#757575;}

/*产品中心*/
.prolist{ width:100%; padding:46px 0; background:#f3f3f3}
.prolist li{ width:31%; margin-right:3%; box-shadow:0px 5px 10px rgba(0,0,0,0.3); border-radius:10px; overflow:hidden; float:left; margin-bottom:3%}
.prolist .plone{ margin-right:0;}
.prolist li img{ width:100%; display:block;}
.prolist li .pming{ padding:1em 5%; background:#fff;}
.prolist li a{ display:block; width:100%; height:100%;}
.prolist li .pming p{ font-size:1.125em; color:#5a5a5a}
.prolist li .pming span{ font-size:0.875em; color:#908e8e;}
.prolist li .pming em{ display:block; margin-top:1.2em; border:1px solid #e1e1e1; width:30%; text-align:center; padding:5px; background:#f0f0f0; transition:all 0.3s}
.prolist li:hover .pming em{ border:1px solid #017cc2; background:#017cc2; color:#fff}

@media screen and (max-width: 768px){
.prolist li{ width:47%;margin:0 1.5% 5%;}
.prolist .plone{margin:0 1.5% 5%;}
.prolist li .pming p{ height:1.125em; overflow:hidden;}
.prolist li .pming em{ width:40%;margin-top:0.875em;}
.ehight{ height:205px;}
}


/*产品展示*/
.proshow{ width:100%; padding:21px 0;}
.pr1{ padding:29px 35px; background:#fff;}
.pr1 .pimg{ width:52%; border:2px solid #d8d8d8; float:left;}
.pr1 .pimg img{ width:100%;}
.pr1 .pcon{ width:46%; float:right; }
.pcon .pname{ border-bottom:1px solid #eaeaea;min-height:63px; line-height:63px;}
.pcon .pname p{ font-size:1.875em; color:#535353}
.pcon .pbn{ padding-top:5px}
.pcon .pbn img{ margin-right:2px;}
.pcon .pmiao{ font-size:1em; color:#424242; padding:1em; min-height:250px; border-bottom:1px solid #eaeaea}
.pcon .pmiao p{ color:#424242; font-size:1em;}
.pcon .pem{ font-size:1em; color:#505050; line-height:1.5em; margin-top:1em; background:url(../images/dmc.jpg) left center no-repeat; padding-left:20px; display:block}
.pcon .phref{ font-size:1em; color:#fff; background:#017cc2; display:block; width:133px; text-align:center; padding:0.875em 0; margin-top:1em;}
@media screen and (max-width: 768px){
.pr1 .pimg{ width:100%}
.pr1 .pcon{ width:100%;}
.pcon .pname{ margin-top:0.5em}
.pcon .pmiao{ height:auto; padding:1em 0; min-height:150px}
.epp{ display:block; background:#017cc2; background-image:none !important; height:2em;}
}
.pr2{padding:1em 1.5em 29px; background:#fff; margin-top:1.5em;}
.pr2 .ph4{ font-size:1.5em; color:#017cc2; border-bottom:1px solid #d2d2d2; line-height:2em;}
.pr2 .w-nr{ padding:1em 0}
@media screen and (max-width: 768px){
.pr2{ padding:16px 0 }
.pr2 .ph4{ text-indent:1em;}
}
.inpr{padding:1em 1.5em 29px; background:#fff; margin-top:1.5em;}
.inpr .ph4{ font-size:1.25em; color:#515151; border-bottom:1px solid #d2d2d2; line-height:2em;}
.inpr ul{ padding:0.5em 0;}
.inpr li{ width:23%; margin:0 1%; float:left; }
.inpr li img{ width:100%;border:1px solid #dfdfdf}
.inpr li p{ font-size:1em; color:#484848; line-height:1.5em;}
@media screen and (max-width: 768px){
.inpr{ padding:16px 0;}
.inpr .ph4{ text-indent:1em;}
.inpr li{ width:48%; margin:2% 1%}
}

/*关于我们*/
.aa1{ padding:103px 0 91px; background:#fff;}
.jj1{ width:30%; border-right:1px solid #dcdcdc}
.jj1 h4{ font-size:42px; color:#262626}
.jj1 span{ text-transform:uppercase; font-size:24px;}
.jj1 p{ font-size:28px; color:#414141}
.jj1 img{ max-width:100%; margin-top:1em}

.jj2{ width:44%; padding:3%; border-right:1px solid #dcdcdc; height:100%; }
.jj2 p{ color:#727272; font-size:1em; line-height:1.5em}
.jj3{ width:18%; text-align:right}
.jj3 img{ max-width:70%;}
@media screen and (max-width: 768px){
	.aa1{ padding:63px 0 91px;}
.jj1{ width:100%; border-bottom:1px solid #cdcdcd; padding-bottom:1em; border-right:none}
.jj1 img{ display:none}
.jj2{ width:100%; padding:2% 0; border:none}
.jj3{ display:none}
}
/*企业文化*/
.aa2{ padding:52px 0; background:#f8f8f8;}
.wh{ text-align:center;}
.wh h4{ font-size:42px; color:#3c3c3c;}
.wh p{ font-size:30px; color:#3c3c3c;}
.whul{ margin-top:26px;}
.whul li{ width:27%; float:left; border:1px solid #eaeaea; background:#fff; padding:44px 0 44px 4%; margin-bottom:20px; transition:all 0.3s; cursor:pointer}
.whul li p{ font-size:1.5em; color:#3c3c3c; transition:all 0.3s}
.whul li span{ font-size:1.125em; color:#3c3c3c; transition:all 0.3s}
.whul li:hover p{ color:#fff;}
.whul li:hover span{ color:#fff;}
.whul li:hover{ background:#017cc2; border:1px solid #017cc2}
.whul li:nth-child(2){ margin:0 2%;}
.whul li:nth-child(5){margin:0 2%;}
@media screen and (max-width: 768px){
.whul li{ width:45%;}
.whul li:nth-child(2){ margin:0 0 20px;}
.whul li:nth-child(5){ margin:0 0 20px;}
}
/*荣誉证书*/
.honorl{ padding:50px 0;}
.hotit{ width:18%;}
.hotit h4{ font-size:42px; color:#424242;}
.hotit p{ color:#181818; font-size:1.5em}
.hotet{ width:80%; margin-top:10px;}
.hotet p{ font-size:1.125em; color:#363636; margin-bottom:5px;}
.hotet span{ line-height:1.5em;}

/* jQuery jcImgScroll */
.jcImgScroll{position:relative;height:380px;margin:40px auto 40px auto;}
.jcImgScroll li{border:1px solid #ccc;}
.jcImgScroll li a{background:#fff;display:block;position:relative;z-index:99;}
.jcImgScroll li.loading a{background:#fff url(img/loading.gif) no-repeat center center;} 
.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl{display:none;border:0 none;}
.jcImgScroll li img{width: 100%;height: 100%;}
.jcImgScroll em.sPrev{background:url(../images/hleft.png) no-repeat left center; left:0 !important;}
.jcImgScroll em.sNext{background:url(../images/hright.png) no-repeat right center; left:96.5% !important;}
.jcImgScroll dl dd{background:url(images/NumBtn.png) no-repeat 0 bottom;text-indent:-9em;}
.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr{background-position:0 0;}
@media screen and (max-width: 768px){
.honorl{ width:760px !important; overflow:hidden !important}
.jcImgScroll em.sPrev{ left:1em}
.jcImgScroll em.sNext{ left:80%}
.hotit{ width:100%}
.hotet{ display:none}
}

/*发展历程*/
.fazhan{ width:100%; height:650px; background:url(../images/fabg_02.jpg) center no-repeat;}
.fazhan h4{ font-size:42px; color:#fff; padding-top:27px; text-align:center;}
.fazhan h6{ font-size:24px; color:#fff; text-align:center}

/*发展历程*/

.container-history{padding-bottom:4%;background:url(../images/bg/bg-hist.jpg) no-repeat top center;background-size:cover;}

.container-history .contain{width:1280px;}

.container-history .p3-title h1,

.container-comStr .p3-title h1{color:#fff;}

.container-history .p3-title i,

.container-comStr .p3-title i{background-color:#fff;}



.hist-wrapper{padding:0 200px;position:relative;margin-top:70px;}

.hist-wrapper .histSwiper-prev,

.hist-wrapper .histSwiper-next{display:block;width:67px;height:100%;position:absolute;top:0px;}

.hist-wrapper .histSwiper-prev{left:0px;background:url(../images/fleft.png) no-repeat center center;}

.hist-wrapper .histSwiper-next{right:0px;background:url(../images/fright.png) no-repeat center center;}

.swiper-slide{ height:300px !important;}
.swiper-slide .fan{ width:186px; border-right:1px solid #fff; height:214px}
.swiper-slide .fan p{ font-size:36px; color:#fff}
.swiper-slide .facon{ width:650px; color:#fff}
.hist-list{width:100%;height:90px;background:url(../images/bg-hintLine.png) no-repeat left top;margin-top:10px;position:relative;overflow:hidden;}
.hist-list ul{}

.hist-list ul li{width:122px;padding-top:45px;text-align:center;font-size:24px;color:#a4b9d8;float:left;margin-left:60px;}

.hist-list ul li.cur{background:url(../images/fpng.png) no-repeat center 5px;font-size:24px;color:#ffffff;}
@media screen and (max-width: 768px){
.container-history .contain{ width:720px;}
.swiper-slide .fan{ display:none}
}
/*企业优势*/
.shebei{ background:#f8f8f8;padding:57px 0; border-radius:}
.ystit{ text-align:center; width:auto; }
.ystit h4{ font-size:42px; color:#383838;}
.ystit p{ font-size:24px; color:#3a3a3a; text-transform:uppercase;}
.sbgun{ height:418px; width:100%; overflow-x:scroll; /*cursor: pointer;*/; margin-top:32px;}
.sbgun::-webkit-scrollbar {  
        width: 10px;  
        height: 7px;  
        background-color: #cecece;  
		border-radius:5px;
      }  
      /*定义滑块 内阴影+圆角*/  
.sbgun::-webkit-scrollbar-thumb {  
        border-radius: 3px;  
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
        background-color:rgba(1, 124, 194, 1);  
      }  
.sbgun::-webkit-scrollbar-thumb:hover {  
        border-radius: 3px;  
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
        background-color:rgba(7, 170, 247, 1);  
      }  

.sbgun li{ float:left; width:317px; height:auto; box-shadow:0px 5px 5px rgba(0,0,0,0.3); margin-right:46px;}
.sbgun li img{ width:100%;}
.sbgun li p{ width:auto; padding:1.2em 0; background:#fff; text-align:center;}


/*加入*/
.jobss{ padding:3em 0;}


/*员工风采*/
.yg-fc{ width:100%; padding:3em 0;}
.yg-fc dl{width: 30%; float: left;position: relative; margin: 0 1.2% 2% 1.2%;
    display: inline-block; transition:all ease 0.3s; box-shadow:0 0 3px 3px rgba(0,0,0,0.2)}
.yg-fc dl dt{ width:100%; max-height:360px; overflow:hidden; transition:all 0.3s ease-in-out; overflow:hidden; }
.yg-fc dl dt img{ width:100%; height:auto; max-width:100%; transform:scale(1); transition:all 0.5s;}
.yg-fc dl dd { text-align:left; text-indent:1em; padding:3% 0; font-size:100%; background:#fff;}
.yg-fc dl:hover dd a{ color:#676767}
.yg-fc dl:hover dt img{ transform:scale(1.05);}
@media screen and (min-width:768px) and (max-width: 1024px){}
@media screen and (max-width: 768px){
.yg-fc dl{ width:47%;}
.yg-fc dl dd {text-align:center; padding:3% 0; font-size:1.125rem;}
}