@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:#4d82eb;}
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:22px !important}
	body{ font-size:22px !important}
}
DIV.green-black{ width:100%; padding:10px 0; text-align:right; }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 5px;PADDING-TOP: 2px;BORDER: #7da8ff 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #7da8ff;}
DIV.green-black A:hover{BORDER: #003399 1px solid;COLOR: #fff;font-size:100%;background-color: #003399;}
DIV.green-black A:active{BORDER: 1px solid #003399;COLOR: #fff;font-size:100%;background-color: #003399;}
DIV.green-black SPAN.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 5px;PADDING-TOP: 2px;BORDER: 1px solid #003399;font-size:100%;background-color: #003399;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT:5px;PADDING-TOP: 2px;BORDER: #003399 1px solid;font-size:100%}


.kd{ width:86%; max-width:1360px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.ser{ right:2%; top:40%; position:absolute; width:20px;}
.ser img{ width:100%;}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 9999;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	top: 300px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 99999;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 

.seach-form{ height:32px;}
.seach-txt{ height:32px; width:300px;}
.btn0{ height:32px;cursor:pointer; border:none; background:#284ca0; padding:5px; color:#FFF}


@media screen and (max-width:1024px){.ser{ display:none}}
@media screen and (max-width:768px){
.kd{ width:95%}
.ser{ display:none}
}
.head{ width:100%; height:4.75em; border-top:2px solid #1a5dcf; box-shadow:0 2px 2px #eee; position:fixed; z-index:99999; background:#fff;}
.tset{ height:4.75em; width:100%;}
.logo{ position:absolute; left:3%; top:8%; z-index:1111; width:18.6%}
.logo img{ width:90%;}
.name{ position:absolute; left:22%; top:22%}
.name p{ font-size:1em;letter-spacing:4px; color:#747474}
.name span{ font-size:0.875em;color:#747474}


/*导航样式*/
.mobile-inner-nav{ position:absolute; right:5%; top:39%; z-index:999; display:block;}
.mobile-inner-nav a{ display:block; float:left; color:#747474; margin:0 0.7rem; font-size:1em}
.mobile-inner-nav a p{ width:0; margin:0 auto; background:url(../images/mcur.png) center no-repeat; height:7px; margin-top:19px;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:#1a5dcf}
.mobile-inner-nav li{ float:left; position:relative; height:47px}
.mobile-inner-nav li:hover .n-er{ opacity:1;visibility: visible;}
.mobile-inner-nav li .n-er{ position:absolute; width:auto; top:3em; background:#fff; padding:0.5em 0; margin-left:5px; opacity:0; transition:0.5s all;visibility: hidden;}
.mobile-inner-nav li .n-er a{ display:block; float:none; line-height:2.2em; font-size:0.9em;}
.mobile-inner-nav li .wal{ width:400px}
.mobile-inner-nav li .wac{ width:180px}
.mobile-inner-nav li .tr3{ background:#e0e0e0; font-size:0.875em}
.mobile-inner-nav li .tr3 a{ padding-left:10px; background:url(../images/tr2.jpg) left center no-repeat; float:left; display:block; width:100px; overflow:hidden; height:2em; line-height:2em;}
@media screen and (min-width:1600px){
.mobile-inner-nav a{ display:block; float:left; color:#747474; margin:0 1rem; font-size:1em}
.logo{ position:absolute; left:5%; top:8%; z-index:1111; width:18.6%}
.name{ position:absolute; left:24%; top:22%}
.name p{ font-size:1.25em; color:#747474;letter-spacing:2.6px}
.name span{ font-size:1em; color:#747474}
}
@media screen and (max-width:1360px){.logo{ position:absolute; left:5%; top:25%; z-index:1111; width:18.6%}.name{ display:none}}


@media screen and (max-width:1024px){
	.logo{ position:absolute; left:5%; top:20%; z-index:1111; width:25%}
	.mobile-inner-nav li .n-er{ display:none}
	.mobile-inner-nav li{display:inline-block;line-height:3em;width:90%;margin-left:2%; height:auto}
.mobile{width: 100%; position:relative;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header{background-color:#fff;width: 100%;height:4.75em; 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:#1a5dcf;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.3rem;
    background-color: #1a5dcf;
    position: absolute;
    left: 25%;
    bottom: 1.4em;
    display: block;
}
.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.75em;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:100%;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:1rem;}
.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;}}}
@media screen and (max-width:768px){
.mobile-inner-header-icon-out p {
   
    bottom: 1em;
  
}
}
@media screen and (max-width:768px){
.logo{ width:40%; top:20%;}
.name{ display:none}
}
/*导航样式*/
.mban{ display:none;}
@media screen and (max-width:768px){
.banner{ display:none}
.mban{ display:block}
/*图片切换*/
	.device {
  width: 640px;
  height: 490px;
  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: 490px;
  width: 640px;
}
.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;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}
/*banner*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;

  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
 
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  min-height:360px;
  }
.slide_container {
 
  position: relative;
  float: left;
  width: 100%;
  }
.slide_container .prev{ z-index:99;}
.slide_container .next{ z-index:99;}
.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: -0 0 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  margin-left:5%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.png") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  margin-right:5%;
  }
/*能力*/
.nengl{ margin-top:-4.1875em; height:13em; z-index:9999; position:relative;}
.nb{ width:17.33%; float:left;margin-top:-4.1875em; padding-left:16%; display: flex;align-items: center; }
.nb p{ font-size:1.875em; color:#fff;}
.nb span{ font-size:0.875em; color:#c1e7fa}
.nl1{ background:#305dc3 url(../images/n1.png) 18% center no-repeat; height:100%;}
.nl2{ background:#2d57b6 url(../images/n2.png) 18% center no-repeat;height:100%;}
.nl3{ background:#294da0 url(../images/n3.png) 18% center no-repeat;height:100%;}
@media screen and (max-width:768px){
.nengl{ height:auto;}
.nb{ width:60%; padding-left:40%; float:none;margin-top:0;}
.nl1{ height:180px;}
.nl2{ height:180px;}
.nl3{ height:180px;}
}
/*产品*/
.d-pro{ padding:2.75em 0;}
.d-pro h5{ font-size:1.875em; text-align:center; color:#464646;}
.d-pro span{ text-align:center; display:block; color:#909090; margin-bottom:1em}

#tab2{position:relative; width:100%;margin:30px auto 20px 0;}
#tab2 .tabList2{  overflow-x: auto;  white-space:nowrap;background:url(../images/ptbg.png) bottom center no-repeat;}
#tab2 .tabList2 .tul{ width:100%; margin:0 auto; height:30px;}
#tab2 .tabList2 ul li{ display:block; height:28px; float:left; color:#6d6d6d; font-size:0.875em; text-align:center;line-height:28px; border:1px solid #dddddd; padding:0 8px; margin:0 7%;}
#tab2 .tabList2 li.cur { color:#305dc3; border-color:#305dc3}
#tab2 .tabCon2{ background:none; padding-top:3.25em;}
#tab2 .tabCon2 *{}
#tab2 .tabCon2>div{ display:none; padding:10px 0px 0 0px;}
#tab2 .tabCon2>div.cur{display:block;}
#tab2 .tabCon2>div li{ width:23%; float:left; margin:0 1%}
#tab2 .tabCon2>div li img{ width:100%}
#tab2 .tabCon2>div li div{ padding:1.5em 0 1em ; background:#fff; width:100%; transition:all 0.3s}
#tab2 .tabCon2>div li div p{ text-align:center; color:#6d6d6d; font-size:0.875em;}
#tab2 .tabCon2>div li div span{ font-size:0.75em; color:#aeaeae}
#tab2 .tabCon2>div li:hover div{ box-shadow:2px 4px 4px #dadada}
@media screen and (max-width:768px){
#tab2 .tabList2 ul li{ margin:0 5% 2% 5%; width:35%; font-size:1.125em; height:40px; line-height:40px;}
#tab2 .tabCon2{ padding-top:1.25em;}
#tab2 .tabCon2>div li{ width:48%;}
#tab2 .tabCon2>div li div{ padding:1em 0; margin-bottom:1em}
}
/*关于我们*/
.i-abo{ width:100%; height:auto; background:url(../images/abg.jpg) center top no-repeat #eaeaea; padding:5.125em 0}
.i-abo h5{ font-size:1.875em; color:#ffffff; text-align:center;}
.i-abo span{ font-size:1.125em; color:#ffffff; display:block; text-align:center;}
.i-abo .jian{ width:46%; background:#fff;  padding:2em 2% 1em;}
.i-abo .video{ width:50%; height:auto;}
.i-abo .mb{ margin-bottom:3.8em}
.i-abo .video img{ width:100%}
.jian .t1 p{ background:url(../images/line.jpg) left top no-repeat; font-size:1.125em; color:#494949; line-height:2em; float:left;}
.jian .t1 a{ float:right; border:1px solid #d5d5d5; padding:2px 5px; border-radius:5px; font-size:0.875em; color:#d5d5d5;}
.jian span{ color:#878585; font-size:0.875em; line-height:1.5em; text-align:left; margin-top:1em}
.jian img{ margin-top:6%; display:block;}
@media screen and (max-width:768px){
	.i-abo{ padding:1em 0}
	.i-abo .mb{ margin-bottom:2.5em}
.i-abo .jian{ width:96%; padding:2.5em 2%;}
.i-abo .video{ width:100%; margin-top:0}
}
/*首页-新闻资讯*/
.news-box{ width:100%; height:auto; padding:2.875rem 0; background:#eaeaea;}
.nornews{ width:49%;}
.nornews h3{ font-size:1.5rem; font-weight:bold; color:#454545; margin-bottom:24px;}
.nor1{ width:auto; border:1px solid #d9d9d9; background:#f7f7f7; padding:2.187rem 1.25rem 1rem 1.875rem; max-height:150px;}

.nor1 .fl{ width:15%; text-align:center; font-size:1.25rem; color:#353535;}
.nor1 .fl p{ font-size:2.5rem; color:#162f6c;}
.nor1 .fr{ width:80%;}
.nor1 .fr p{ font-weight:bold; font-size:1.125rem;}
.nor1 .fr span{ font-size:0.875rem; color:#353535; }
.nornews ul{ margin-top:0.5rem;}
.nornews li{ height:2.875rem; line-height:2.875rem; border-bottom:1px dotted #c3c3c3; width:100%; background:url(../images/jiao.jpg) 20px center no-repeat;}
.nornews li a{ font-size:0.875rem; font-weight:bold; display:block; text-indent:2rem; color:#353535}
.nornews li span{ font-size:0.875rem; display:block;}
@media screen and (max-width: 768px){
	.hotnews{ width:100%; overflow:hidden}
	.h-date span{ margin-top:1rem;}
	.nornews { width:100%;margin-top:0.6em;}
	}
/*友情链接*/
.fri{ width:100%; height:6.5rem; background:#305dc3;}
.fr-txt{ float:left; padding-top:2%;}
.fr-txt p{ font-size:1.5rem; color:#FFF; padding-top:2%;}
.fr-txt span{ display:block; font-size:1.125rem; color:#fff; border-left:5px solid #fff; margin-top:1%; padding-left:3%;}

.flink{ width:88%; margin-left:2%; overflow:hidden; float:left;height:24px; line-height:24px; margin-top:40px;}
.flink a{ color:#fff; margin:0 1%; }
.faaa{ display:none; height:330px; background:#1b1b1b; width:80px; position:fixed; bottom:200px; right:0; opacity:0.8}
.faaa ul li{ width:100%; height:80px; background:url(../images/fline.jpg) right center no-repeat;}
.faaa ul li a{ display:block; width:100%; height:80px; text-align:center; font-size:16px; color:#FFF; line-height:120px; background-size:auto; background-repeat:no-repeat; background-position:center 10px}
@media screen and (max-width: 768px){.fri{ display:none;}}

.f2{ height:auto; width:100%; background:#dcdcdc; font-size:0.875em; padding:5px 0; text-align:center;}
.ft1{ height:auto; background:url(../images/fbg.jpg) no-repeat; background-size:cover; padding:3.5em 0;}
.fcon{ width:auto; max-width:50%}
.fcon p{ font-size:1.875em; color:#fff; margin-bottom:0.5em;}
.fcon span{ font-size:0.875em; color:#8f8f8f; line-height:1.5em;}
.ftell{margin-left:8%; width:auto;}
.ftell p{ font-size:1.125em; color:#fff; }
.ftell h4{ font-size:1.75em; color:#fff;font-weight:bold;}
.ftell span{font-size:0.875em; color:#8f8f8f; line-height:1.5em;}
.ftell a{font-size:0.875em; color:#8f8f8f; line-height:1.5em;}
.fcontact{ display:none}

@media screen and (max-width:768px){
	.fcon{ max-width:100%;}
	.ftell{ margin-left:0; margin-top:5%;}
	.fwx{ margin-left:0; margin-top:5%;}
	.f2{ margin-bottom:100px}
	.fcontact{ display:block; height:100px; width:100%; background:#000; opacity:1; position:fixed; bottom:0; z-index:99999}
.fcontact a{ display:block; width:25%; background:url(../images/btm_line.jpg) right center no-repeat; float:left; height:100px;  text-align:center;}
.fcontact a img{ width:40%;}
.fcontact a span{ display:block;font-size:22px; color:#FFF;}
}


/*---------------------------------------内页-----------------------------------------------*/
.ban{ width:100%; height:350px; background-size:cover;}
@media screen and (max-width:768px){.ban{ background-position:-200px center !important}}
.mc-bg{ width:100%; height:4.5em; background:#e5e5e5;}
.n-menu{ padding-top:0.9em}
.n-menu a{ display:block; float:left; line-height:4em; padding:0 3%; font-size:0.875em; color:#555555}
.n-menu a:hover,.n-menu a.cur{ background:#d2d2d2}
.mian{ padding:2.375em 0}
.p-1{ height:3em;background:#d2d2d2; line-height:3em;}
.p-1 a{ padding:0 3%; font-size:0.875em;}
.p-1 a:hover,.p-1 a.cur{ color:#003399}
@media screen and (max-width:768px){.mian{ font-size:1.125em !important;}}

.hor-list{ width:100%;}
.hor-list dl{width: 30%; padding:0.3%;float: left;position: relative; margin: 0 1.2% 2% 1.2%;
    display: inline-block; transition:all ease 0.3s}
.hor-list dl dt{ width:100%; max-height:360px; overflow:hidden; transition:all 0.3s ease-in-out; border:1px solid #eee}
.hor-list dl dt img{ width:100%; height:auto; max-width:100%; }
.hor-list dl dd { text-align:center; padding:3% 0; font-size:100%;}
.hor-list dl:hover dt{ box-shadow:0 0 10px #676767}
.hor-list dl:hover dd a{ color:#676767}
@media screen and (min-width:768px) and (max-width: 1024px){}
@media screen and (max-width: 768px){
.hor-list dl{ width:47%;}
.hor-list dl dd {text-align:center; padding:3% 0; font-size:1.125rem;}
}

.map{ width:100%; height:auto;}

/*新闻资讯*/
.newslist{ width:auto; border:1px solid #dcdcdc; padding-left:3.937em; margin-bottom:2em;}
.n-txt{ width:65%;}
.n-txt span{ display:block; padding-top:5%; font-size:0.875em; color:#aeaeae}
.n-txt p{ display:block; font-size:1.125em;}
.n-txt em{ font-size:0.875rem; line-height:1.5em;}
.n-txt a{ display:block;margin:2% 0; }
.n-pic{ width:31%; overflow:hidden;}
.n-pic img{ height:100%; width:100%;}
@media screen and (max-width: 768px){
.newslist{ width:auto; border:1px solid #dcdcdc; padding-left:1em; margin-bottom:2rem;}
.n-txt{ width:98%;}
.n-pic{ width:40%; display:none}
.n-txt span{ font-size:1em;}
.n-txt p{ font-size:1.25em;}
.n-txt em{ font-size:1em;}
.n-txt a{ display:block;margin:2% 0; font-size:1.25em;}
}

/*新闻内页*/
.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:0.875em; line-height:24px;}
.news-pn{ font-size:1rem;line-height:20px;color:#383838;}
.news-pn a{ color:#383838; font-size:1rem;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:14px; color:#000;}
.xgnews-con{border-top:1px solid #CCC;border-top:none;padding:10px 20px;}
.xgnews-con li{width:47%;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){
	.news-title{width:100%; height:auto; line-height:45px; text-align:center; font-size:1.5rem; font-weight:bold; margin:0 auto}
	.news-type{ font-size:0.875rem; height:50px}
.news-content{ font-size:1.125rem !important; line-height:1.875rem !important;}
.news-pn{ font-size:1rem; line-height:1.875rem;}
.news-pn a{ font-size:1rem; line-height:1.875rem;}
.news-pn span{ width:100%; display:block;}
.xgnews-con li{ width:100%; margin:0}
.xgnews-con li a{ font-size:1.125rem;}
.xgnews-con li span{float:right; font-size:1.125rem;}
}



.p-menu{ height:4.5em; width:100%; background:#e5e5e5; position:relative;}
.p-menu li{ margin-top:0.5em;}
.p-menu li{ width:16%; height:4em; float:left; line-height:4em; }
.p-menu li a{ display:block;width:100%; height:4em; float:left; line-height:4em; text-align:center;background:url(../images/dd.png) 92% center no-repeat}
.p-menu li a:hover,.p-menu li a.cur{ color:#555555; background:#d2d2d2 url(../images/dd.png) 92% center no-repeat;}
.p-2{ height:4.5em; background:#d2d2d2;}
.sec{ position:absolute; top:4.5em; float:left; line-height:4.5em; width:80%;}
.sec a{ padding:0 3%; font-size:1em;}
.sec a:hover,.sec a.cur{ color:#003399}
@media screen and (max-width: 768px){
	.p-menu li{ overflow:hidden}
	.p-menu li a{ background:none}
	.p-menu .kd{ width:100%}
	.p-2{ height:5.2em; background:#d2d2d2;}
	.sec{ width:100%;line-height:2.5em; }
	.p-menu li a:hover,.p-menu li a.cur{background:#d2d2d2 none;}
	.p-menu li{ width:23%; height:4.25rem; float:left; line-height:4.25rem; margin:0.5em 1% 0}
    .p-menu li a{ font-size:1em;}
}
/*产品*/
/*产品展示*/
.p-img{ width:50%; height:auto; float:left;}
#preview { position:relative;}
.jqzoom{height:auto;width: 98%; border:1px solid #e0e0e0;margin:0 auto; text-align:center;}
#v_content{width:100%;height:auto;margin-top:15px;}
.control_left{width:7px;height:90px;float:left;background: url(../images/lt-btn.png) no-repeat center; cursor:pointer; margin-right:2px;}
.control_right{width:7px;height:90px;float:right;background: url(../images/ri-btn.png) no-repeat center; cursor:pointer;}
.v_content_listdiv{position:relative; width:100%;height:95px;float:left;overflow:hidden;}
.v_content_list { position:absolute;top:0px; left:0px; height:95px; width:2500px;}
#v_content ul {float:left; }
#v_content ul li { display:inline; float:left; width:100px; height:85px; margin:0 2px; border:1px solid #c8c8c8;}
#v_content ul li img {width:100px; height:85px;}
/*fnoan*/
.p-miao{ width:45%;  overflow:hidden}
.p-miao h4{ font-size:1.375rem; font-weight:bold; color:#003399; padding:1.125rem 0; width:100%; border-top:1px solid #eeeeee}
.p-miao .ap{ font-size:1rem; color:#6b6b6b}
.p-miao .oc{ padding:1rem 0;}
.p-miao .das{ background:url(../images/pss_07.jpg) left center no-repeat; display:block; padding-left:20px; font-size:0.875rem;}
.p-miao a{ display:block; padding:0.875rem 2rem; background:#008a17;color:#FFF; margin-top:1rem; line-height:1.750rem; width:12%; text-align:center;}

.p-con{ width:100%;}
.p-con h4{ width:100%; font-size:1.125rem; font-weight:bold; color:#404040; padding:1rem 0; border-bottom:3px solid #003399 }
.p-con .mas{ padding:2rem 1rem; width:auto; border:1px solid #cecece}
.p-con .mas img{ max-width:100%;}
.p-con .mas{ font-size:1rem;}

@media screen and (min-width:768px) and (max-width: 1024px){.p-list li{ width:48.5%;}}
@media screen and (max-width: 767px){
	.p-list li{ width:48.5%;}
	.p-img{ width:100%;}
	.p-img img{ width:100%; max-width:99%;}
	.p-miao{ width:100%;}
	.p-miao a{ width:auto; text-align:center;}
	.p-con .mas{ font-size:1.5rem !important; line-height:150%}
	.p-con .mas p{font-size:1.5rem !important; line-height:150%}
	.p-con .mas span{font-size:1.5rem !important; line-height:150%}
	.dd{ margin-bottom:10px;}
	}
/*发展历程*/
.dall{ margin-left:10%;}
.de2{ top:-35px}
.de3{ top:-60px}
.de4{ top:-95px}
.dev{ margin-left:90px;}
.dele{ position:relative}
.dele .fl{ width:112px;}
.dele .dn p{ font-size:1.25em; color:#295091; background:url(../images/nij.jpg) 80px center no-repeat; line-height:3em; margin-bottom:20px}
.dele .dn span{ font-size:1em; color:#535353; display:block; margin-right:10px; margin-bottom:39px; text-align:right}
.dele .dpic{ width:12px; text-align:center;}
.dele .dpic .nid{ margin:10px 0; display:block}
.dele .dcon{ width:auto; margin-top:84px; margin-left:10px; width:87%}
.dele .dcon p{ font-size:1em; color:#535353; font-family:"黑体"; margin-bottom:40px;}
.continue{ position:relative; top:-100px; margin-left:50px; text-transform:uppercase; color:#535353;}
@media screen and (max-width: 768px){
	.dall{ margin-left:0%;}
	.dele .dpic{ display:none}
	.dele .fl{ width:20%}
	.dele .dn p{ background:100px}
	.dele .dcon{ width:70%}
    }
	
    .zl{padding-bottom: 50px;height:60vh;}
    /* .zl img{width: 50%;} */
    .zl_bt{line-height: 50px;height: 50px;padding-left: 15px;padding: 5.125em 0;}
    .zl_bt h1{    font-size: 1.875rem;
      color: #000;
      text-align: center;}
    .zl_nr{display: flex;align-items: flex-start;align-items: center;padding-bottom: 1em;justify-content: center;}
.zl_l{width: 50%;box-sizing: border-box;}
.zl_tit{padding: 0 3.3%;display: block;align-items: center;}
.zl_txt{padding: 30px 15px 0;}
.zl_n{margin-right: 40px;margin-bottom: 1em;}
.zl_n h1{color: #0a0a0a;font-size: 1.25rem;font-weight: bold;margin-bottom: 3px;}
.zl_n a{display: inline-block;color: #0a0a0a;font-size: 1.125rem;}
.zl_txt p{color: #6f6f6f;text-indent: 32px;line-height: 26px;margin-bottom: 10px;}
.zl_txt p:nth-last-child(1){margin-bottom: 0;}
.zl_txt p span{color: black;}
.zl_re ul{display: flex;justify-content: center;width: 50%;margin: .5em auto 0;}
.zl_re ul li{width: 10px;height: 10px;border: 3px solid #DDDDDD;border-radius: 50px;cursor: pointer;transition: .5s;margin: 0 10px;}
.zl_re ul .on{background: #305dc4;border-color: #305dc4;}
.zl_re{position: relative;margin-top:.5em;}
.zl_ntr{display: flex;align-items: flex-start;position: relative;}
.zl_r{width: 100%;position: relative;}
.zl_img{text-align:center;}
@media screen and (max-width:1024px) {
	.zl_tit{display:flex;padding-left: 0;padding-right: 0;flex-direction: column-reverse;align-items: flex-start;}
	.zl_logo{margin-bottom: 20px;}
	.zl_txt{padding-left: 0;padding-right: 0;}
	.zl_nr{display: block;}
	.zl_l, .zl_r{width: 100%;}
	.zl_img ul li img{width: 100%;}
  .zl_bt h1{font-size: 1rem;}
	
}

/* 合作案例轮播图 */
.zob3_item{position: relative;}
.zob3_nr p{ position:absolute; left:0; bottom: -1px;; height:42px; text-align:center; width:91%; text-align:center; color:#333; line-height:42px; background:rgba(255,255,255,0.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.zob3_nr .swiper-container{overflow: inherit;}
	.zob3_img{overflow: hidden;}
	.zob3_img img{transition: .5s;}
  .zob3_item:hover .job3_img img{transform: scale(1.05);}
  
  @media screen and (max-width:1440px) {
    .zob3_nr li{margin-right:15px;}
    .zl {
      height: 60vh;
  }
  .zl_bt {
    padding: 2.125em 0;
}
.zl_bt h1 {
  font-size: 1.8rem;
}
.zob3_nr p{ width:100%;}
  }
  @media screen and (max-width:912px) {
 
    .zl {
      height: 40vh;
  }

  }