@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
*:before, *:after {
	margin: 0;
	padding: 0;
	font-style: normal;
	list-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
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:#0075be;}
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 screen and (max-width:768px){
html{ font-size:24px !important}	
body{ font-size:24px !important}	
}
DIV.green-black{ width:90%;padding-top:10px; text-align:center;margin: 0 auto;}
DIV.green-black a{padding:2px 5px; COLOR: #fff;MARGIN-RIGHT: 2px;border: #3e3e3e 1px solid;TEXT-DECORATION: none;font-size:12px;background-color: #3e3e3e;}
DIV.green-black a:hover{border: #009ee6 1px solid;COLOR: #fff;font-size:100%;background-color: #009ee6;}
DIV.green-black a:active{border: 1px solid #009ee6;COLOR: #fff;font-size:100%;background-color: #009ee6;}
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 #009ee6;font-size:100%;background-color: #009ee6;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;border: #009ee6 1px solid;font-size:100%}

.kd{ max-width:1200px; width:85%; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
@media screen and (max-width:768px){
	.kd{ width:94%; margin: 0 auto;}
}
@font-face{

font-family:'AVGARDN';
font-family:'AVGARDN';
	src:url('../fonts/AVGARDN.eot?') format('eot');/*IE*/
	src:url('../fonts/AVGARDN.TTF') format('truetype');/*non-IE*/
}


.head{ background:url(../images/hbg.jpg) left center; height:108px; width:100%; position:relative;}
.head .logo{ margin-top:13px;}
.head .tel{ background:url(../images/tel.png) left center no-repeat; padding-left:50px; margin-top:25px;}
.head .tel span{ font-size:0.875rem; color:#868686;}
.head .tel p{ font-size:1.75rem; color:#000000; font-family:'AVGARDN';}
@media screen and (max-width:768px){
.head { position:fixed; width:100%; z-index:20}
.head .tel{ display:none;}
.ctop{ height:108px; width:100%;}
}
.menu{ width:100%; background:#fff; border-top:2px solid #0075be  ; border-bottom:1px solid #ececec; height:59px;}
@media screen and (max-width:768px){
.menu{ position:fixed; z-index:22; background:none; border:none; height:0;}
}
/*导航样式*/
.mobile-inner-nav{ z-index:99; display:block;  width:100%}
.mobile-inner-nav li{ float:left; position:relative; width:9%; text-align:center; background:url(../images/xlin.jpg) right center no-repeat; }
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:block; color:#000000; margin:0; font-size:1rem; text-align:center;transition:all 0.5s; position:relative; margin-top:-1px; width:80%; margin:0 auto}
.mobile-inner-nav a span{ position:absolute; top:-3px; left:0; width:100%; z-index:1; transition:all 0.5s; transform:scale(0,1); border-bottom:5px solid #0075be  ;}
.mobile-inner-nav a p{ color:#000000; font-size:1em; transition:all 0.5s; padding:1.2rem 0;  display:block; z-index:2; position:relative}
.mobile-inner-nav a:hover span,.mobile-inner-nav a.cur span{ width:100%;transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ color:#0075be  ;  background:none right center; font-weight:bold}

@media screen and (max-width:1366px){.mobile-inner-nav a p{ font-size:0.9rem; padding:1.375rem 0;}}

@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li:nth-child(3){ width:100%;}
.mobile-inner-nav li:nth-child(5){ width:100%;}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#000; right:65px; top:38px; width:70px; font-size:1rem}
.mobile-inner-header{width: 100%;height:4.7em; 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:35px;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.2rem;background-color:#000; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #000;
    position: absolute;
    left: 25%;
    bottom: 1em;
    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.5em;left: 0px;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;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:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.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; padding:1em 0}

@-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{ width:100%; float:right; overflow:hidden; background:#1174c8}
@media screen and (max-width:768px){
.banner{ display:none;}
}

.slide_tabs {
  list-style: none;
  padding: 0;
  font-size: 18px;
  list-style: none;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  position:absolute;
  z-index:222;
  top:92%;
  }

.slide_tabs li {
	display:inline-block;
  margin-right: 5px;
  height:15px; overflow:hidden;
  }
.slide_tabs li.slide_here a{ border:2px solid #eba000}
.slide_tabs a {
  width: 11px;
  line-height: 90px;
  height: 11px;
  background: transparent;
  display:block;
  color:#000;
  overflow:hidden;
  border:2px solid #fff;
  border-radius:50%;
  }

.slide_tabs li:first-child {
  margin-left: 0;
  }

.slide_container {
 
  position: relative;
  float: right;
  width: 100%;
 
   overflow:hidden;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 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);
  bottom: 0%;
  left: 0;
  margin-left:10%;
  opacity: 1;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 40px;
  width: 42px;
  background: transparent url("../images/prne.jpg") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: 42px;
  background-position: right top;
  right: 42px;
  margin-right:10%;
  }
.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
/*图片切换*/
	.device {
  width: 760px;
  height: 700px;
  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: 700px;
  width: 760px;
}
.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;
}
}

.ser{ background:#f3f3f3; padding:24px 0;}
.ser .key p{ font-size:1rem; color:#3f3f3f; line-height:44px;}

.search{ width:315px; height:43px; border:1px solid #e0e0e0; background:#fff; border-radius:5px; overflow:hidden;}
.seach-form{position:relative; z-index:2; line-height:43px;}
.seach-form .s-txt{ width:260px; height:31px; background:#fff; border:none; float:left; padding:5px; color:#393939;}
.seach-form .s-bt{ background:url(../images/fan.jpg) center no-repeat; height:43px; width:25px; border:none; float:left; }
@media screen and (max-width:768px){
.ser{ display:none}
.seach-form{ display:none;}
}

.in-pro{ padding:56px 0;}
.ptit{ text-align:center;}
.ptit h4{ font-size:1.5rem; font-weight:bold; color:#2a2a2a;}
.ptit p{ font-size:1rem; color:#2a2a2a}
.ipsort{ background:url(../images/line.jpg) center no-repeat; margin-top:23px;}
.ipsort ul{ width:90%; margin:0 auto}
.ipsort li{ float:left; border:1px solid #e2e2e2; width:12%; margin-left:1%; border-radius:5px}
.ipsort li a{ display:block; padding:15px 0; text-align:center; color:#363636; transition:all 0.5s;border-radius:5px}
.ipsort li a:hover{ background:#0075be  ; color:#fff;}
@media screen and (max-width:768px){
	.ipsort ul{ width:100%}
	.ipsort li{ width:auto; margin-bottom:0.5rem; padding: 0 0.5rem;}
}
.ipslide{ margin-top:38px;}
.tab {
	position: relative;
	margin-bottom: -2px;

	width: 1200px;
	border-bottom: 0 none;

}

.tab ul img {
	vertical-align: middle;
}
.mt15 {
	margin-top: 32px
}
.slide2 {
	position: relative;
	overflow: hidden;
	width: 1200px;
	height: 820px
}
.slide-ul {
	position: relative;
	margin: 0px 0 0 0px;
	width: 4020px;
}
.slide-ul li {
	position:relative;
	float: left;
	display: inline;
	overflow: hidden;
	width: 1200px;
	height: 820px;
	transition:all 0.3s ease;
	position:relative;	 
}

.slide-ul li:last-child{ margin-right:0;}
.slide-ul li a{ display:block;}
.slide-ul li .pin1{ border:1px solid #e9e9e9; width:34%;}
.slide-ul li .pin1 .pimg{ overflow:hidden;}
.slide-ul li .pin1 .pimg img{ width:100%; transition:all 0.5s;}
.slide-ul li .pin1:hover .pimg img{ transform:scale(1.1); transition:all 0.5s}
.slide-ul li .pin1 .pname{ border-top:1px solid #d6d6d6; padding:10px 12px; width:auto; background:#0075be;}
.slide-ul li .pin1 .pname p{ color:#fff; font-size:1.125rem;}
.slide-ul li .pin1 .pname span{ color:#616161; font-size:1rem; text-transform:uppercase;}
.slide-ul li .pin2{ width:64.4%;}
.slide-ul li .pin2 dl{ width:99.6%; border:1px solid #d6d6d6; margin-bottom:10px;}
.slide-ul li .pin2 dl:nth-child(2){ margin-bottom:0;}
.slide-ul li .pin2 dl dt{ width:100%; overflow:hidden;}
.slide-ul li .pin2 dl dt img{ max-width:100%; transform:scale(1); transition:all 0.5s}
.slide-ul li .pin2 dl:hover dt img{ transform:scale(1.1)}
.slide-ul li .pin2 dl dd{border-top:1px solid #009ee6; padding:8px 12px; width:auto; background:#0075be}
.slide-ul li .pin2 dl dd p{ color:#fff; font-size:1.125rem;}
.slide-ul li .pin2 dl dd span{ color:#616161; font-size:1rem; text-transform:uppercase;}
@media screen and (max-width:768px){
.tab { width:690px;}
.slide2 { width:690px;height: 840px}
.slide-ul li { width:690px;height: 840px}
.slide-ul li .pin1{ border:1px solid #e9e9e9; width:100%;}
.slide-ul li .pin2{ width:100%; margin-top:20px;}
.slide-ul li .pin2 dl{ width:49.5%; float:left;}
}
.info-btn {
	overflow: hidden;
	margin: 30px auto 0;
	width:100px;
	height: 16px;
	zoom: 1
}

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

.info-btn li span {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	
	background:url(../images/point1.png) 0 -16px no-repeat;
	text-indent: -9999em;
	cursor: pointer
}
.info-btn .info-cur span,.info-btn .info-hover span {
	background-position: 0 0px;
	
}
@media screen and (max-width:768px){

}
/*专注*/
.in-z{ background:url(../images/in-z.jpg) center no-repeat; border-top:10px solid #0075be  ; min-height:572px; padding:64px 0;}
.ztit{ text-align:center;}
.ztit h4{ font-size:1.5rem; color:#0075be  ; font-weight:bold;}
.ztit p{ font-size:1rem; color:#fff;}
.ztit hr{ width:82px; height:3px; background:#0075be  ; border:none; margin:26px auto}
.ztit span{ font-size:1rem; color:#fff; line-height:1.5rem;}
.ztul{ margin-top:78px;}
.ztul li{ text-align:center; background:url(../images/zlin_07.png) right center no-repeat; float:left; width:25%;}
.ztul li img{transform:rotateY(0deg); transition:all 0.8s;}
.ztul li:hover img{ transform:rotateY(180deg);}
.ztul li p{ font-size:0.875rem; color:#fff; margin-top:12px;}
@media screen and (max-width:768px){
.in-z{ height:auto; min-height:900px; background-size:cover;}
.ztul li{ width:50%; margin-bottom:20px;}
}
/*服务团队*/
.in-se{ background:url(../images/inpt.jpg) top center no-repeat; padding:70px 0;}
.setit{ text-align:center;}
.setit h4{ font-size:2.25rem; color:#0075be  ; font-weight:bold;}
.setit hr{ width:82px; height:3px; background:#0075be  ; border:none;}
.setit p{ font-size:1.5rem; color:#313131}

.se-sl{ margin-top:61px;}
.sepic{ padding:5px; background:#fff; width:58%;}
.sepic img{ max-width:100%;}
.secon{ position:relative; width:41.1%; background:#fff; border:3px solid #d7d7d7; border-left:none; padding:51px 32px; box-sizing:border-box; margin-top:25px;}
.secon p{ color:#4e4e4e; font-size:1.125rem; line-height:1.5em;}
.secon .szx{ margin-top:40px; position:relative; left:-60px;}
.secon .szx a{ display:block; background:#181818; padding:10px 32px; color:#fff; font-size:1.125rem; margin-right:20px;}
@media screen and (max-width:768px){
.sepic{ width:100%;}
.secon{ width:100%;}
.secon{ border-left:3px solid #d7d7d7; margin-top:0}
.secon .szx{ margin-top:40px; position:relative; left:0px;}
}
/*优点*/
.in-you{ background:url(../images/ted.jpg) center no-repeat; height:654px; width:100%; padding:48px 0;}
.ytit{ text-align:center;}
.ytit h4{ font-size:2.25rem; color:#0075be  ; font-weight:bold;}
.ytit p{ font-size:1.5rem; color:#0075be  ;}
.ytit hr{ width:54px; height:3px; background:#fff; border:none;}
.yy1 li.l1{ margin-top:140px;}
.yy1 li.l2{ margin-top:105px;}
.yy1 li h6{ font-size:2.5rem; font-weight:bold; color:#eba208; border-right:2px solid #969696; padding-right:5px;}
.yy1 li p{ font-size:1.125rem; color:#fff; font-weight:bold; margin-left:8px;}

.yy2 li.l1{ margin-top:140px;}
.yy2 li.l2{ margin-top:105px;}
.yy2 li h6{ font-size:2.5rem; font-weight:bold; color:#eba208; border-left:2px solid #969696; padding-left:5px;}
.yy2 li p{ font-size:1.125rem; color:#fff; font-weight:bold;  text-align:right; margin-right:8px;}

.yo5{ text-align:center; margin-top:120px;}
.yo5 h6{font-size:2.5rem; font-weight:bold; color:#eba208; }
.yo5 hr{ width:49px; height:2px; background:#8b8b8b; border:none;}
.yo5 p{ font-size:1.125rem; color:#fff; font-weight:bold;}

@media screen and (max-width:768px){
.in-you{ height:auto; background-size:cover; display:none;}
}
/*应用*/
.in-yy{ padding:61px 0;}
.yytit{ text-align:center;}
.yytit h4{ font-weight:bold;font-size:1.5rem; color:#000000}
.yytit h4 b{ color:#0075be  }
.yytit p{ color:#656565; font-size:1rem;}

.ysort ul{ width:80%; margin:22px auto;}
.ysort ul li{ float:left; width:20%; text-align:center; background:url(../images/yln.jpg) right center no-repeat}
.ysort ul li:nth-child(5){ background:none}
.ysort ul li p{ font-size:1rem; color:#656565; margin-top:12px;}

.ygun{ margin:33px 0;}
.ysor{ position:relative;}
.ysor .prev{ position:absolute; left:-21px; top:43%; z-index:22}
.ysor .next{ position:absolute; right:-21px; top:43%; z-index:22}
.ysor li{ width:31.5%; margin-right:28px;  border:1px solid #ececec; float:left;}
.ysor li div{ width:100%; overflow:hidden;}
.ysor li div img{ width:100%; transform:scale(1);transition:all 0.5s}
.ysor li:hover div img{ width:100%; transform:scale(1.1);}
.ysor li p{ font-size:0.875rem; color:#656565; text-align:center; padding:20px 0;}
@media screen and (max-width:768px){
	.in-yy{ width:760px; overflow-x:hidden}
	.ysort ul{ width:100%}
	.ysor li{ width:48%;}
}
/*合作客户*/
.in-he{ padding:60px 0 63px 0; background:#f6f6f6;}
.he-tit{ text-align:center;}
.he-tit h4{ font-weight:bold; font-size:1.5rem; color:#1e1e1e;}
.he-tit h4 b{ color:#0075be;}
.he-tit p{ font-size:1rem; color:#353535;}

.he-ul{ margin-top:37px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}

.he-ul li{ display:block; float:left; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; box-sizing:border-box; width:20%;}
.he-ul li img{ max-width:100%; transform:rotateY(0deg); transition:all 1s}
.he-ul li:hover img{ max-width:100%; transform:rotateY(180deg);}
@media screen and (max-width:768px){
.he-ul li{ width:50%; text-align:center;}
}
/*关于我们*/
.in-ab{ background:#f6f6f6; position:relative; padding:48px 0; height:602px}
.qiu{ position:absolute; bottom:-190px; left:42%;}
.a-tit{ text-align:center}
.a-tit h4{ color:#000; font-size:1.5rem; font-weight:bold;}
.a-tit p{ font-size:1rem; color:#4b4b4b;}

.iapic{ width:57.2%; margin-top:46px;}
.iacon{ width:40%; margin-top:46px;}
.iacon h6{ font-size:1.275rem; color:#0075be  ; font-weight:bold;}
.iacon span{ text-transform:uppercase; font-size:0.875rem; color:#4d4d4d;}
.iacon hr{ width:66px; height:3px; background:#0075be  ; border:none; margin:16px 0;}
.iacon p{ font-size:0.875rem; color:#4d4d4d; line-height:1.5em}
.iacon ul{ margin-top:50px;}
.iacon ul li{ border-right:1px solid #dedede; float:left; padding:0 13px}
.iacon ul li:nth-child(3){ border:none}
@media screen and (max-width:768px){
	.in-ab{ height:auto}
	.iapic{ width:100%;}
	.iacon{ width:100%;}
	.qiu{ display:none}
	.iacon ul li{padding:0 0.875rem}
}
/*新闻资讯*/
.in-news{ padding:46px 0; width:100%; }
.ntit span{ font-size:0.875rem; color:#;333333; text-transform:uppercase;}
.ntit h4{ font-weight:bold; font-weight:bold; color:#333333; font-size:1.5rem;}
.ntit h4 b{ color:#0075be  }

#tab2{position:relative; width:100%;}
#tab2 .tabList2{  margin:0 auto;}
#tab2 .tabList2 ul{ width:30%; margin-top:24px; background:url(../images/xxx.jpg) center no-repeat;}
#tab2 .tabList2 li{ float:left; font-size:1rem; color:#333333; width:33.33%; text-align:center;}
#tab2 .tabList2 li span{ width:0; height:3px; background:#0075be  ; margin:35px auto 0; display:block; transition:all 0.5s;}

#tab2 .tabList2 li:hover{ color:#0075be  }
#tab2 .tabList2 li.cur{color:#0075be  }
#tab2 .tabList2 li:hover span{ width:29px;}
#tab2 .tabList2 li.cur span{ width:29px;}

#tab2 .tabCon2{  margin-top:40px;}
#tab2 .tabCon2 *{}
#tab2 .tabCon2>div{ display:none; }
#tab2 .tabCon2>div.cur{display:block;}
#tab2 .tabCon2 dl{ width:47%; border:2px solid #eaeaea; box-sizing:border-box; padding:19px 23px;  margin: 0 1.4% 26px;}
dl .nocon{ width:53%;}
dl .nocon span{ font-size:1rem; font-weight:bold; color:#414141; display:block;}
dl .nocon h3{ font-size:1rem; font-weight:bold; color:#414141;}
dl .nocon em{ font-size:0.75rem; color:#8b8b8b}
dl .nocon p{ font-size:0.875rem;line-height: 1.8; padding:9px 0 5px;}
dl .nopic{ width:45%;}
dl .nopic img{ width:100%;}
.nlink{ width:94px; height:40px; border-bottom:3px solid #cecece; display:block; line-height:40px; text-align:center; margin:0 auto;}

@media screen and (max-width:768px){
	#tab2 .tabCon2{margin-top:1rem;}
	#tab2 .tabList2 ul{ width:100%}
	#tab2 .tabCon2>div{ background:#fff none;}
	#tab2 .tabCon2 dl{ width:100%;}
	dl .nocon{ width:100%;}
	dl .nocon em{ font-size:0.75rem;}
	dl .nocon p{ font-size:0.75rem;}
	dl .nopic{ width:100%;}
	.nlink{ width:120px; height:40px;}
}

/*友情链接*/
.fri{ width:100%;  padding:19px 0; background:#f5f5f5; overflow:hidden; position:relative; z-index:22}
.ftxt{ width:10%; border-right:1px solid #bcbcbc}
.ftxt span{ font-size:1.625em; color:#7e7e7e}
.ftxt p{ font-size:1.25rem; color:#000000;}

.fkx{ width:88%;}
#ScrollMe{ margin-top:14px; height:25px; /*overflow:hidden;*/ line-height:25px}
#ScrollMe a{ color:#444444;  padding:0 10px; font-size:1em; border-right:1px solid #898888}
@media screen and (min-width: 1680px){
.fkx{ width:88%;}
}
@media screen and (max-width: 768px){
	.fri{ display:none}
}

/*底部*/
.foot{ padding:53px 1.5rem 0; background:url(../images/fbg.jpg); border-top:5px solid #0075be  }
.fmenu{ width:24%; padding-bottom:90px}
.fmenu h5{ color:#fff; font-size:1.125rem; margin-bottom:24px; font-weight:bold;}
.fmenu li{ width:50%; float:left;}
.fmenu li a{ color:#fff; line-height:1.5;}
@media screen and (max-width:768px){
	.fmenu{ width:100%;margin:0 auto;padding-bottom:1rem;}
	.fmenu h5{ font-size:1rem;}
	.fmenu li{ width:32%;font-size:0.875rem;}
	.fmenu li a{}
}
.fcon{ width:30%; margin-left:4%;}
.fcon h5{ color:#0075be  ; font-size:1.125rem; margin-bottom:24px;font-weight:bold;}
.fcon h6{ background:url(../images/ft1.png) left center no-repeat; height:39px; padding-left:49px; font-size:1.625rem; color:#fff; font-weight:bold; margin-bottom:12px;}
.fcon p{ color:#fff; line-height:1.5em;}
@media screen and (max-width:768px){
	.foot{ background-size:cover}
	.fcon{ display:none; width:0; margin:0;}
	.fcon h6{/*display:none;*/} 
}

.wx_Msling{ width:auto; margin: 0 0.5%;}
.wx_Msling img{max-width: 7.8rem;}
.wx_Msling h5{ font-size:1.125rem; font-weight:bold; color:#0075be; margin-bottom:15px;font-weight:bold;}
.wx_Msling p{ color:#fff; text-align:center; line-height:1.5em;}

.fbq{ width:100%; border-top:1px solid #fff; padding:24px 0;}
.fbq p{ color:#fff; font-size:0.875rem; line-height:1.5em;}
.fbq a{ color:#fff;}
@media screen and (max-width:768px){
	.fbq{ margin-bottom:100px;}
	.wx_Msling{ margin: 0 2%; float:left;}
	.wx_Msling img{max-width: 6rem; float:left;}
}

.manling_mobile{ display:none}
@media screen and (max-width:768px){	
	.manling_mobile{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#0075be  ; z-index:99999}
	.manling_mobile li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #009ee6; float:left;}
	.manling_mobile li p{ color:#fff;}
}

/* 在线客服 */
#floatDivBoxs{width:160px;background:#fff;position:fixed;top:150px;right:0;z-index:99999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#0075be;color:#fff;font-size:18px;text-indent:22px;position:relative;z-index:99999}
#floatDivBoxs .onlogo{ text-align:center; box-sizing:border-box; padding:8px;}
#floatDivBoxs .floatDqq{padding:0 10px; margin-bottom:0px;}
#floatDivBoxs .floatDqq li{height:32px;line-height:32px;font-size:0.875rem;border-top:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:1rem;color:#333;padding:0 10px 3px 10px;}
#floatDivBoxs .floatDtel{padding:0 0 0 10px;}
#floatDivBoxs .floatDtel span{line-height:1.5em; font-size:1.25rem; font-weight:bold; color:#f50017; font-family:'DIN'}
#floatDivBoxs .floatDtel p{ font-size:0.875rem; color:#2a2a2a; font-weight:normal;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatweixin{text-align:center;padding:10PX 0 5px 0;background:#fff;}
#floatDivBoxs .floatweixin p{font-size:0.875rem; padding-top:3px; padding-bottom:5px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(/images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(/images/online_arrow.png) no-repeat;position:fixed;top:150px;right:0px;z-index:111111;}
#rightArrow a{display:block;height:45px;}
@media screen and (max-width:768px){#floatDivBoxs,#rightArrow{ display:none;}}