@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:#C00;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}

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; width:100%;}
}
.green-black{ width:100%;  padding-top:10px; text-align:right; }
.green-black ul li{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #333 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #333;float: left;}
.green-black li:hover{BORDER: #1174c8 1px solid;COLOR: #fff;font-size:100%;background-color: #1174c8;}
.green-black li:active {BORDER: 1px solid #1174c8;COLOR: #fff;font-size:100%;background-color: #1174c8;}
.green-black li.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #1174c8;font-size:100%;background-color: #1174c8;}
.green-black li.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #1174c8 1px solid;font-size:100%}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}
@font-face{

font-family:'Alternate';
font-family:'Alternate';
	src:url('../fonts/Alternate.TTF') format('truetype');/*non-IE*/

}

.fl{ float:left;}
.fr{ float:right;}
.kd{ width:92%; margin:0 auto; max-width:1300px;}
@media screen and (max-width:768px){
.kd{ width:96%;}
}
.mar{ background:#1174c8; padding:14px 0;}
.qti{ width:600px; overflow:hidden;}
.qti span{ color:#fff; font-size:0.875rem;}
.qti span b{ font-size:1rem;}
.lian p{ font-size:0.875rem; color:#fff;}
.lian p a{ color:#fff;}
@media screen and (max-width:768px){
.mar{ display:none}
}
/*头部*/
.head{ background:url(../images/hed.jpg) center no-repeat; min-height:76px; width:100%; padding:14px 0 14px; overflow:hidden;}
.logo{ border-right:1px solid #dddddd; padding-right:24px;}
.name{ padding-left:24px; text-align:center; }
.tel p{ background:url(../images/tel.png) left center no-repeat; font-size:1.125rem; color:#010101; padding-left:30px;}
.tel span{ font-size:1.875rem; color:#ac0000;font-family:'Alternate';}
@media screen and (max-width:768px){
.head{ position:fixed; box-shadow:0px 3px 3px 2px rgba(0,0,0,0.3); z-index:222;}
.tel{ display:none; }
.ctop{ display:block; height:120px;}
}
/*菜单栏*/
.bm{ background:#f3f5f7; width:100%; min-height:70px; 
background: -webkit-linear-gradient(left, #f3f5f7 , #d6d7d9);
background: -o-linear-gradient(right, #f3f5f7, #d6d7d9); 
background: -moz-linear-gradient(right, #f3f5f7, #d6d7d9);
background: linear-gradient(to right, #f3f5f7 , #d6d7d9); }
.menu{ background:url(../images/mbg.jpg) center top repeat; height:70px; width:100%; border-top-left-radius:30px; border-top-right-radius:30px; position:relative}
@media screen and (max-width:768px){
.bm{  min-height:0;}
.menu{ position:fixed; z-index:333; background:none;}
}
/*导航样式*/
.mobile-inner-nav{ z-index:99; display:block; position:absolute; width:75%}
.mobile-inner-nav li{ float:left; position:relative; width:12.5%; text-align:center; background:url(../images/xi.png) right center no-repeat; }
.mobile-inner-nav li:nth-child(8){ background:none}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:block; color:#fff; margin:0; font-size:1rem; text-align:center;transition:all 0.5s; position:relative; margin-top:-1px; width:80%; margin:0 auto; line-height:70px}
.mobile-inner-nav a span{ position:absolute;height:3px; width:0%; background:#c30003; left:0; bottom:0;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; transition:all 0.5s;   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:#fff; font-weight:bold;}
@media screen and (min-width:1680px){
.bm{ min-height:80px;}
.menu{ height:80px;}
.mobile-inner-nav{ z-index:99; display:block; position:absolute; width:57%}
.mobile-inner-nav a{ line-height:80px}

}
@media screen and (max-width:1280px){
.mobile-inner-nav a p{ color:#fff; font-size:0.875em; transition:all 0.5s;   display:block; z-index:2; position:relative}
}

@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}

.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:50px; top:40px; width:70px; font-size:1.125rem}
.mobile-inner-header{width: 100%;height:5em; 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:40px;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:0; }
.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.7em;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;}}
}



.seach-form{ top:15px; right:0; position:absolute; z-index:2; background:url(../images/ser_03.png) left center no-repeat; overflow:hidden; width:18%; height:40px;}
.seach-form .s-txt{ width:57%; height:30px;  border:none; float:left; padding:5px 10px; color:#fff; background:none}
.seach-form .s-bt{ background:url(../images/sbtn.jpg) center no-repeat; height:40px; width:40px; border:none; float:left; margin-left:1px;}
@media screen and (min-width:1680px){
.seach-form{ top:20px; width:27%;}
}
@media screen and (max-width:768px){
.seach-form{ display: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: 4%;
  position:absolute;
  z-index:222;
  }

.slide_tabs li {
  
  float: none;
  margin-right: 1px;
  }

.slide_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  color:#fff;
  }

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

.slide_container {
 
  position: relative;
  float: right;
  width: 96%;
  border-top-left-radius:30px;
   border-top-right-radius:30px;
   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;
}
}
/*关键词*/
.key{ background:#1174c8; padding:30px 0;}
.key p{ color:#fff; font-size:1rem;}
.key p a{ color:#fff;}

/*困扰*/
.in-kh{ background:url(../images/in-kh.jpg) center top no-repeat #fff; padding:74px 0 150px;}
.kh-tit{ text-align:center;}
.kh-tit p{ font-size:2.25rem; color:#a50408; font-weight:bold;}
.kh-tit p span{ color:#1d1d1d;}
.kh-tit h4{ font-size:2.5rem; color:#424242; }
.kh-tit h4 span{ color:#a50408; font-size:3.5rem; font-weight:bold; font-style:oblique}
.kh-tit h4 em{ color:#a50408; font-size:3.5rem;}
.khul1{ background:#f8f7f7; border:2px solid #dadada; box-sizing:border-box; width:43%; border-top-right-radius:20px; border-bottom-left-radius:20px; margin-top:67px;}
.khul1 li{ border-bottom:1px dotted #d8d8d8; min-height:110px; display:table; padding:0 18px; box-sizing:border-box; width:100%}
.khul1 li div{ display:table-cell; vertical-align:middle}
.khul1 li p{ display:inline-block; font-size:1.375em; color:#5b5b5b;}
.khul1 li img{ margin-bottom:-10px;}
.khul1 li:nth-child(1) img{ margin-bottom:-22px;}
.khul1 li:nth-child(4) img{ margin-bottom:-22px;}

.khul2{ background:#f8f7f7; border:2px solid #dadada; box-sizing:border-box; width:43%; border-top-left-radius:20px; border-bottom-right-radius:20px; margin-top:67px;}
.khul2 li{ border-bottom:1px dotted #d8d8d8; min-height:110px; display:table; padding:0 18px; text-align:right;box-sizing:border-box; width:100%}
.khul2 li div{ display:table-cell; vertical-align:middle}
.khul2 li p{ display:inline-block; font-size:1.375em; color:#5b5b5b; text-align:right}
.khul2 li img{ margin-bottom:-25px; }
.khul2 li:nth-child(1) img{ margin-bottom:-10px;}
.khul2 li:nth-child(3) img{ margin-bottom:-10px;}

.kren{ position:absolute; width:100%; text-align:center; bottom:-150px; z-index:22;}
@media all and (max-width: 1366px) {
.khul1 li p{  font-size:1.125em; }
.khul2 li p{ font-size:1.125em; }
}
@media all and (max-width: 768px) {
.in-kh{  padding:74px 0 74px;}
.kh-tit p{ font-size:2rem; }
.kh-tit h4{ font-size:2.25rem; margin-top:0}
.kh-tit span{ color:#1174c8; font-size:2rem;}
.khul1{ width:100%;}
.khul1 li:nth-child(1) p{ width:85%}


.khul2{ width:100%}

.kren{ display:none}
}
/*留言*/
.in-feed{ background:url(../images/in-feed.jpg) center no-repeat; height:400px; width:100%; position:relative; margin-top:-10px;}
.ftell{ background:url(../images/ttt_03.png) left 278px no-repeat; padding-left:64px; padding-top:275px}
.ftell span{ color:#fff; font-size:1.125rem;}
.ftell p{ color:#fff; font-size:1.875rem; font-weight:bold;}

.fkui{ width:26.15%; margin-right:27px;}
.fkui h4{ font-size:1.125rem; color:#fff; margin-top:25px;}
.fkui .contxt1{ width:100%; box-sizing:border-box; border:1px solid #b91014; background:#840003; padding:10px 20px; margin-top:12px; color:#fff;}
.fkui .contxt1::placeholder{ color:#fff;}
.fkui .btn00{ width:100%; background:#106cbb; color:#fff; border:none; margin-top:12px; padding:10px 0; font-size:1.25rem;}
@media all and (max-width: 768px) {
.in-feed{ background:url(../images/in-feed.jpg) -290px center no-repeat; height:380px}
.fkui{ display:none;}
.ftell{background:url(../images/ttt_03.png) left 298px no-repeat; margin: 0 0 0 10px;}
}
/*服务流程*/
.in-liu{ background:url(../images/in-liu.jpg) center top no-repeat; padding:63px 0 123px;}
.liu-tit{ text-align:center;}
.liu-tit h4{ font-size:2.5rem; color:#2c2c2c; font-weight:bold;}
.liu-tit h4 b{ font-size:2.625rem; color:#a50408}
.liu-tit p{ font-size:1.25rem; color:#fff; background:#0f65ad; margin:10px 0; padding:5px 10px; display:inline-block; border-radius:20px;}
.liu-tit hr{ background:#1174c8; height:4px; border:none; width:49px; margin:14px auto;}

.indi_nr{ margin-top:45px; background:url(../images/kpng.png) no-repeat; padding-top:8px;}
.indi_nr li{ float:left; position:relative; text-align:center; cursor:pointer; margin-left:-89px; }
.indi_nr li.om{ margin-left:0px;}
.indi_nr li.on{ margin-top:133px;}
.indi_nr li img{ max-width:100%;}
.indi_pic img{ display:block;}
.indi_wb{ position:absolute; left:0; top:46px; width:100%; z-index:99;}
.indi_mc{ font-size:1.125rem; line-height:20px; color:#fff; padding-top:7px;overflow:hidden;}
.indi_sz{ font-size:1.5rem; color:#fff;}

@media all and (max-width: 1366px) {
.indi_nr li{ margin-left:-100px; }
}
@media all and (max-width: 1280px) {
.indi_nr li{ margin-left:-115px; }
}
@media all and (max-width: 768px) {
.in-liu{ background-size:cover;}
.indi_nr li{ margin-left:0; width:33.33%;}

.indi_nr li.om{ margin-left:0px;}
.indi_nr li.on{ margin-top:0;}
.indi_nr{ background:none}
.indi_pic img{ display:block; width:100%}
.indi_mc{line-height:30px;}
}
/*产品中心*/
.ip-tit{ text-align:center; padding:36px 0; border:1px solid #e2e2e2}
.ip-tit h4{ font-size:2.5rem; color:#d60000; font-weight:bold;}
.ip-tit p{ font-size:1.5rem; color:#666; text-transform:uppercase; background:url(../images/code.jpg) center no-repeat;}
.ip-tit p span{ display:inline-block; width:8px; height:8px; background:#666; border-radius:4px; margin-bottom:4px;}

#tab2{position:relative; width:100%;}
#tab2 .tabList2{  overflow-x: auto;  white-space:nowrap;}
#tab2 .tabCon2{ background:none; padding-top:20px;}
#tab2 .tabCon2 *{}
#tab2 .tabCon2>div{ display:none; }
#tab2 .tabCon2>div.cur{display:block;}

/*产品分类*/
.ip-sort{ background:#fff; border-bottom:1px solid #e2e2e2; position:relative;}
.ps-sorr{ position:relative}
.ps-sorr .prev{ left:0; top:40%; position:absolute; z-index:2}
.ps-sorr .next{right:0; top:40%; position:absolute; z-index:2}
.ps-sorr li{ float:left; width:20%; box-sizing:border-box; border-right:1px solid #e2e2e2; line-height:67px; position:relative; cursor:pointer}
.ps-sorr li:nth-child(1){ border-left:1px solid #e2e2e2;}
.ps-sorr li a{ display:block; text-indent:3rem; font-size:1.125rem; color:#000000; transition:all 0.5s;}
.ps-sorr li a:hover,.ps-sorr li.cur a{ background:#1174c8; color:#fff;}
.ps-sorr li a:hover i,.ps-sorr li.cur a{ color:#fff; }
.ps-sorr li i{ position:absolute; font-family:'宋体'; font-style:normal; transform:rotate(90deg); top:0; right:5%; line-height:20px; transition:all 0.5s;}
@media all and (max-width: 768px) {
.ip-sort{ overflow-x:hidden; max-width:760px;}
.ip-tit p{ font-size:1.125rem; text-transform:uppercase; background:none;}
.ps-sorr li{ width:50%; line-height:80px; border-bottom:1px solid #e2e2e2;}
}
/*产品展示*/
.ip-show{ background:url(../images/pbg.jpg) center bottom no-repeat; height:auto; padding:42px 0 30px;}
.ip-show dl{ width:33.23%; position:relative; float:left; margin-bottom:18px; margin-right:1px; overflow:hidden;}
.ip-show dl a{ display:block;}
.ip-show dl img{ max-width:100%; transform:scale(1); transition:all 0.5s}
.ip-show dl:hover img{ max-width:100%; transform:scale(1.1);}
.ip-show dl dd{position:absolute; background:url(../images/pnbg.jpg) center no-repeat; background-size:cover;left:0; bottom:0; width:100%}
.ip-show dl p{ margin-left:2%; width:96%; border-top:1px solid #5a9fd9;  background:url(../images/j11.png) right center no-repeat; padding:27px 0; color:#fff; font-size:1.125rem;} 
@media all and (max-width: 768px) {
.ip-show dl{ width:49.8%;}
}
.ma{ width:140px; height:45px; background:#cd0000; display:block; text-align:center; color:#fff; line-height:45px; margin:40px auto 0;}
.ma:hover{ color:#fff;}
@media all and (max-width: 768px) {
.ma{ width:200px; height:60px; line-height:60px;}
}
/*优势*/
.in-adv{ width:100%; overflow-x:hidden; background:url(../images/advbg.jpg) top center no-repeat; min-height:840px;}
.ad-tit{ text-align:center; padding-top:50px;}
.ad-tit h4{ font-size:2.5rem; color:#c00e0e; font-weight:bold;text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;}
.ad-tit h4 b{ color:#000}
.ad-tit p{ color:#fff; text-transform:uppercase; font-size:1.375rem; background:url(../images/baihei.png) center no-repeat; min-height:38px; margin:8px 0; line-height:38px;}

.adul{ position:relative;}
.adul .u1{ position:absolute; top:16px; left:20.6%}
.adul li{ width:25%; box-sizing:border-box; padding:48px 0; float:left; margin-top:31px; position:relative;
background:url(../images/adb2.png) left top no-repeat; text-align:center; min-height:500px; }
.adul li:nth-child(1){ border-top-left-radius:30px;}
.adul li:nth-child(3){ background:url(../images/adbb.png) left top no-repeat;}
.adul li img{ z-index:2; position:relative}
.adul li h6{ font-size:1.5rem; color:#fff; padding:40px 0;}
.adul li p{ display:block; text-align:left; width:90%; margin:0 auto; color:#fff; font-size:0.875rem; line-height:1.5em;}
.adul li hr{ background:#fff; width:12%; height:2px; position:absolute; border:none; bottom:6%; left:44%;}
@media screen and (max-width:1366px){
.adul .u1{  left:17.9%}
}
@media screen and (max-width:768px){
.in-adv{ background-size:cover;}
.ad-tit h4{ font-size:2rem;}
.ad-tit p{ background:none;}
.adul{ position:relative; padding-bottom:30px;}
.adul .u1{ display:none}
.adul li{ width:49.5%;  min-height:200px; background:rgba(178,0,0,0.6) none; margin-top:0px; margin:1px;}
.adul li:nth-child(3){  background:rgba(178,0,0,0.6) none;}
.adul li p{ display:none;}
}
/*选择我们*/
.in-6da{ width:100%; min-height:800px; background:url(../images/6da.jpg) center no-repeat;}
.da6-tit{ padding-top:60px; text-align:center;}
.da6-tit h4{ font-size:2.5rem; color:#c00e0e; font-weight:bold;}
.da6-tit p{ font-size:1.5rem; color:#fff; font-weight:bold;}
.da6-tit p span{ font-size:1.875rem; color:#c11212; font-style:oblique;}

.da66{ position:relative; background:url(../images/6da.png) center no-repeat; min-height:460px; margin-top:83px;}

.dtel{ text-align:center; margin-top:40px;}
.dtel p{ color:#fff; font-size:1.25rem;}
.dtel p b{ font-size:1.875rem; color:#fff;}

/*6点*/
.db{ display:block; cursor:pointer}
.dk1{ position:relative; border:2px solid #fff; width:121px; height:76px; border-top-left-radius:20px; border-bottom-right-radius:20px; float:right; margin-top:10px;}
.db:hover .dk1{ background:#fff;}
.dk1 .dimg{ text-align:center; position:relative; margin-top:8px;}
.dk1 .dimg .dpic{ position:absolute; text-align:center; top:0; width:100%; transform:scale(0)}
.db:hover .dk1 .dimg .dpic{ transition:all 0.5s; transform:scale(1);}

.dk1 .dimg .i1{ transform:scale(1); transition:all 0.5s;}
.db:hover .dk1 .dimg .i1{ transform:scale(0);}
.dk1 span{ display:block; text-align:center; color:#fff; line-height:1.5em;}
.db:hover .dk1 span{ color:#0060b2;}
.db p{ position:relative; width:auto; color:#fff; text-align:right; opacity:0; transition:all 0.5s}
.db:hover p{ opacity:1;}
/*1~2*/
.da1{ position:absolute; top:56px; left:10%}
.da2{ position:absolute; left:19%;}
.da1 .dk1{ height:auto;}
/*3~4*/
.da3{ position:absolute; left:42%; top:200px;}
.da3.db .dk1 .dimg{ margin-top:20px;}
.da4 .dk1{ float:left;}
.da4.db p{ text-align:left}
.da4{ position:absolute; right:31%; top:12px;}
/*5~6*/
.da5 .dk1{ float:left;}
.da5.db p{ text-align:left}
.da5{ position:absolute; right:21.5%; top:245px;}
.da6{ position:absolute; right:18.5%; top:-40px; width:14%}
.da7{ position:absolute; left:25%; top:275px; }
@media all and (max-width: 1366px) {
.da1{ top:68px; left:6%}
.da2{ left:16%; top:-2px;}
.da3{ left:41%; top:200px;}
.da4{ right:30%; top:12px;}
.da5{ right:19%; top:245px;}
.da6{ right:16%; top:-40px;}
.da7{ left:24%; top:270px;}
}
/*应用案例*/
.in-case{ background:#f5f5f5; padding:46px 0;}
.c-tit{ text-align:center;}
.c-tit h4{ color:#131313; font-size:2.25rem; font-weight:bold; }
.c-tit h4 b{ color:#a50408; font-size:2.5rem;}
.c-tit p{ color:#666; font-size:1.5rem; text-transform:uppercase; font-weight:bold; margin-top:8px;}
.c-tit p span{ color:#8c8c8c; text-transform:uppercase;}
.tempWrap{}
.c-gun{ position:relative; margin-top:46px; }
.c-gun .prev{ position:absolute; left:0; top:42%; z-index:2}
.c-gun .next{ position:absolute; right:0; top:42%; z-index:2}
.c-gun li{ background:#fff; float:left; width:23.4%; margin:0 11px;  position:relative; box-shadow:0 0 5px 2px rgba(0,0,0,0.1); min-height:450px; margin-bottom:30px;}
.c-gun li a{ display:block;}
.c-gun li .cimg{ max-width:100%;padding:2px 2px 0;}
.c-gun li .cimg img{ width:100%;}
.c-gun li .cmiao{ text-align:center; width:100%; margin:0 auto; padding:26px 0; position:absolute; bottom:0; transition:all 0.8s}
.c-gun li:hover .cmiao{ background:url(../images/cg.png) top center no-repeat #990000;}
.c-gun li .cmiao h6{ font-size:1.25rem; font-weight:bold; color:#343434; transition:all 0.8s;}
.c-gun li .cmiao p{ color:#343434; padding:0 5%; transition:all 0.8s; font-size:0.875em; text-align:justify}
.c-gun li .cmiao hr{ height:2px; border:none; width:52px; background:#fff; transition:all 0.8s; }
.c-gun li:hover .cmiao h6{ color:#fff;}
.c-gun li:hover .cmiao p{ color:#fff; margin-bottom:10px;}
.c-gun li:hover .cmiao hr{ margin:20px auto;}
.c-gun li .cjia{ position:absolute; width:100%; text-align:center; bottom:-20px; transition:all 0.8s;}
.c-gun li:hover .cjia{ opacity:0;}
.c-gun li:nth-child(4){ margin-right:0;}
@media all and (max-width: 1366px) {
.c-gun li{ width:23.1%;}
}
@media all and (max-width: 768px) {
.c-tit h4{ font-size:1.875rem;  }
.c-tit h4 b{ color:#a50408; font-size:2.125rem;}
.c-gun li{ width:46%; min-height:380px;}
.c-gun li .cmiao p{ display:none}
}
/*手机应用案例*/
.m-case{ background:#f5f5f5; padding:46px 0; display:none;}
@media all and (max-width: 768px) {
.m-case{ display:block;}
}
/*应用领域*/

.in-ly{ background:url(../images/linyu.jpg) center top no-repeat; width:100%; min-height:486px; padding-top:44px;}
/*8大领域*/
.ly4{ width:28.5%;}
.ly4 li{ width:48.5%; background:#fff; float:left; margin-right:3%; text-align:center; padding-bottom:31px; transition:all 0.8s; cursor:pointer; margin-bottom:3%;}
.ly4 li:hover{ background:#1174c8}
.ly4 li:nth-child(2){ margin-right:0;}
.ly4 li:nth-child(4){ margin-right:0;}
.ly4 li .ly-p{ text-align:center; padding-top:46px; position:relative;}
.ly4 li .ly-p .y1{ transform:scale(1); transition:all 0.8s}
.ly4 li:hover .ly-p .y1{ transform:scale(0);}
.ly4 li .yq{ position:absolute; transform:scale(0); transition:all 0.8s; top:46px; width:100%; text-align:center;}
.ly4 li:hover .yq{ transform:scale(1);}
.ly4 li p{ color:#000000; font-size:1.125rem; margin-top:16px; transition:all 0.8s;}
.ly4 li span{ font-size:0.875rem; color:#979797; transition:all 0.8s;}
.ly4 li:hover p{ color:#fff;}
.ly4 li:hover span{ color:#fff;}
.lyz{width:41.5%;margin:0 0.7%;}
.lyz img{ max-width:100%; margin-top:2.8%}
.ztxt{ width:100%; background:#fff; padding:19px 0 13px; }
.ztxt h4{ text-align:center; font-size:1.875rem; color:#1174c8; font-weight:bold;}
.ztxt p{ display:block; color:#2e2e2e; line-height:1.5em;  width:92%; margin:10px auto 0;}
@media all and (max-width: 768px) {
.in-ly{ background-size:cover; background:#eee none;}
.ly4{ width:100%;}
.lyz{width:100%;margin:0 0.7% 20px;}
.lyz img{ width:100%; margin-top:2.8%}
}
/*新闻资讯*/
.in-news{ background:url(../images/ntbg.jpg) center top no-repeat #fff; padding-bottom:28px;}
.n-tit{ text-align:center;}
.n-tit h4{ font-size:2.5rem; font-weight:bold; color:#990000; padding-top:18px;}
.n-tit p{ font-size:1.375rem; text-transform:uppercase; color:#666; font-weight:bold;}

.i-nlist{ width:68.15%; padding-top:92px;}
#tab3{position:relative; }
#tab3 .tabList3{   white-space:nowrap; }
#tab3 .tabList3 ul{ width:auto; }
#tab3 .tabList3 ul li{ float:left; text-align:center; cursor:pointer; transition:all 0.5s;font-size:1.25rem; color:#3a3a3a; margin-right:20px;border-bottom:3px solid rgba(0,0,0,0); padding-bottom:12px;}
#tab3 .tabList3 ul li:hover{ color:#1174c8; font-weight:bold; border-bottom:3px solid #1174c8}
#tab3 .tabList3 ul li.cur{color:#1174c8; font-weight:bold;border-bottom:3px solid #1174c8}

#tab3 .tabCon3{  margin-top:22px;  width:100%; position:relative;  border-radius:5px}
#tab3 .tabCon3 *{}
#tab3 .tabCon3>div{ display:none;}
#tab3 .tabCon3>div.cur{display:block;}
.tabCon3 dl{ width:39.3%; float:left; position:relative;}
.tabCon3 dl dt{ width:100%;}
.tabCon3 dl dt img{ width:100%;}
.tabCon3 dl dd{ width:90%; padding:5% 5%; position:absolute; background:rgba(17,116,200,0.8); bottom:0; left:0;}
.tabCon3 dl dd p{ font-size:1.125rem; color:#fff; }
.tabCon3 dl dd span{ display:block; font-size:1rem; color:#fff;}


.tabCon3 ul{  width:59%; float:right;}
.tabCon3 ul .di1{ width:auto; padding:31px 18px; background:rgba(247,247,247,1); margin-bottom:13px; box-sizing:border-box; border:1px solid #e3e3e3}
.tabCon3 ul .di1 .idate{ width:18%; text-align:center;}
.tabCon3 ul .di1 .idate span{ font-size:2.25rem; color:#a50408; display:block;}
.tabCon3 ul .di1 .idate em{ color:#878787; font-size:1rem;}
.tabCon3 ul .di1 .incon{ width:78%;}
.tabCon3 ul .di1 .incon p{ font-size:1.125rem; color:#3d3d3d; margin-bottom:8px;}
.tabCon3 ul .di1 .incon span{ font-size:1rem; color:#808080;}
#mfaq{ display:none;}
@media all and (max-width: 768px) {
.in-news{ background:none center top no-repeat #fff; padding-bottom:28px;}
.i-nlist{ width:100%; padding-top:62px;}
.tabCon3 dl{ display:none}
.tabCon3 ul{  width:100%; float:none;}
.tabCon3 ul .di1 .incon p{ font-size:1.25rem; }
#mfaq{ display:block;}

}
/*常见问题*/
.faq{ width:28%; background:#f7f7f7; padding:1%;margin-top:92px; box-sizing:border-box; border:1px solid #e3e3e3}
.faq h5{ color:#565656; font-size:1.25rem; font-weight:bold;}
.faq span{ color:#b3b3b3; font-size:0.875rem;}
.faq hr{ background:#e9e9e9; height:2px; border:none;}

.falist dl{ border-bottom:1px dotted #d2d2d2; margin-top:32px; padding-bottom:29px;}
.falist dl dt{ background:url(../images/q.png) left center no-repeat; padding-left:16px; margin-bottom:10px;}
.falist dl dt p{ color:#474747; font-size:1.125rem;}
.falist dl dd{ background:url(../images/a.png) left top no-repeat; padding-left:16px;}
.falist dl dd span{ color:#828282; font-size:0.875rem; line-height:1.5em}
@media all and (max-width: 768px) {
.faq{ display:none}
}
/*广告1*/
.gg1{ width:100%; background:url(../images/gg1.jpg) center no-repeat; height:449px;}
@media all and (max-width: 768px) {
.gg1{ display:none}
}
/*公司简介*/ 
.in-ab{ background:url(../images/abbg.jpg) center top no-repeat #f3f3f3;}
.vpic{ padding-top:18px; position:relative; width:40.4%;}
.vpic img{ max-width:100%;}
.vpic p{ position:absolute; right:-50px; top:100px;}

.abcon{ width:58%; margin-top:30px;}
.abcon h4 span{ text-transform:uppercase; font-size:3rem; color:#a20000; font-weight:lighter;}
.abcon h4 b{ font-size:2rem; color:#016ac1}
.abcon p{ display:block; padding-left:2rem; margin-top:60px; line-height:1.5em;}
.abcon p span{ color:#ff0006}
.abcon ul{ margin-top:80px;}
.abcon ul li{ text-align:center; float:left; margin-left:2rem; width:116px; height:146px;}
.abcon ul li.al1{ background:#1174c8}
.abcon ul li.al2{ background:#a10000}
.abcon ul li.al3{ background:#3f3f3f}
.abcon ul li span{ display:block; margin:48px 0 20px; color:#fff; font-size:1.125rem;}
@media all and (max-width: 768px) {
.vpic{ width:100%;}
.vpic img{ width:100%;}
.vpic p{ display:none}
.abcon{ width:100%; margin-top:30px;}
.abcon p{ padding-left:0rem; margin-top:60px; font-size:1.125rem}
.abcon ul li{ text-align:center; float:left; margin-right:2rem; margin-left:0; width:116px; height:146px;}
}

/*合作伙伴*/
.in-hz{ background:#f3f3f3; padding:; width:100%; padding:51px 0;}
.h-tit{ text-align:center;}
.h-tit h4{ font-size:2.25rem; color:#1174c8; font-weight:bold;}
.h-tit h4 b{ font-size:2.5rem; color:#a10000}
.h-tit hr{ width:43px; height:3px; border:none; background:#bdbdbd; margin:10px auto}
.h-tit p{ font-size:1.375rem; color:#2c2c2c; font-weight:bold;}
.hgun{ margin-top:21px; position:relative;}
.hgun .prev{ position:absolute; left:0; top:40%; z-index:2;}
.hgun .next{ position:absolute; right:0; top:40%; z-index:2;}
.hgun li{ width:24%;  border:1px solid #d7d7d7; margin:0 6px;}
.hgun li a{ display:block; overflow:hidden;}
.hgun li a img{ max-width:100%; width:100%; transition:all 0.5s}
.hgun li a:hover img{  transform:scale(1.1)}
.hgun li p{ padding:14px; background:#1174c8; color:#fff;}
@media all and (max-width: 768px) {
.in-hz{ background:#f3f3f3; padding:; width:100%; padding:51px 0; max-width:760px; overflow-x:hidden}
.hgun li{ width:46%;  margin:0 16px; }
}
.fri{ width:100%;  padding:19px 0; background:#fff; 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;}
.fimg{ margin-top:5px;}
.fimg img{ height:50px;}
.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:58%;}
}
@media screen and (max-width: 768px){
.fri{ display:none}
}

/*底部*/
.foot{ background:url(../images/fbg.jpg) center no-repeat; width:100%; padding:63px 0 0;}
.f-con{ width:30%;}
.f-con h4{ font-size:1.125; color:#fff;}
.f-con h4 span{ font-size:2rem; color:#fff;}
.f-con p{ font-size:0.875rem; color:#fff; line-height:1.5em;}
.f-con .ww1{ margin-top:14px; text-align:center;}
.f-con .ww1 div{ margin-right:1rem;}
.f-con .ww1 span{ display:block; color:#fff; font-size:0.875rem; line-height:1.5em;}
.f-menu{ width:65%;}
.f-menu dl{ width:20%; float:left;}
.f-menu dt{ margin-bottom:14px}
.f-menu dt a{ color:#fff; font-size:1.125rem;}
.f-menu dd a{ color:#fff; line-height:1.5em; font-size:0.875em;}
@media screen and (max-width:768px){
.foot{ background-size:cover;}
.f-con{ width:100%;}
.f-con p{ font-size:1rem; }
.f-menu{ display:none}
}
.f2{ border-top:1px solid #3d79b4; margin-top:16px; padding:14px 0;}
.f2 p{ color:#fff; font-size:0.875rem;}
.f2 p a{ color:#fff;}
@media screen and (max-width:768px){
.f2{ margin-bottom:100px;}
.f2 p{ float:none; display:block; line-height:1.5em; font-size:1rem;}
}

.fudong{ display:none}
@media screen and (max-width:768px){

.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#1174c8; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #247eca; float:left;}
.fudong li p{ color:#fff;}
}

/* side */
#floatDivBoxs{width:160px;background:#fff;position:fixed;top:180px;right:0;z-index:99991;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#1174c8;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq p{ color:#000; font-weight:bold; padding-top:8px}
#floatDivBoxs .floatDqq li{height:40px;line-height:40px;font-size:0.875rem;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:0.875rem;color:#333;padding:10px 10px 3px 10px;}
#floatDivBoxs .floatDtel{padding:0 0 0px 10px; line-height:22px; font-size:1.125rem; font-weight:bold; color:#f50017;}
#floatDivBoxs .floatDtel p{ font-size:14px; color:#000;}
#floatDivBoxs .floatDtel img{display:block;}

.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:180px;right:0px;z-index:99999;}
#rightArrow a{display:block;height:45px;}
.smap{ display:none;}
@media screen and (max-width:768px){
	#floatDivBoxs,#rightArrow{ display:none;}
	.smap{ display:inline-block;}
}