@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
@media screen and (max-width: 767px){html{ font-size:22px !important;}}
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:#737373;}
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:#737373;}
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;}

DIV.green-black{ width:100%; padding-top:10px; text-align:center; }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #ccc 1px solid;TEXT-DECORATION: none;font-size:1rem;background-color: #ccc;}
DIV.green-black A:hover{BORDER: #0061b0 1px solid;COLOR: #fff;font-size:1rem;background-color: #0061b0;}
DIV.green-black A:active{BORDER: 1px solid #0061b0;COLOR: #fff;font-size:1rem;background-color: #0061b0;}
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 #0061b0;font-size:1rem;background-color: #0061b0;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #0061b0 1px solid;font-size:1rem}

::-webkit-scrollbar {
width:6px;
height:8px;
background-color:transparent;
border-radius:4px
}
::-webkit-scrollbar-thumb {
background-color:#b1b1b1;
border-radius:3px
}

.fl{ float:left;}
.fr{ float:right;}
.kd{ width:89%; margin:0 auto; max-width:1360px;}
 @media screen and (max-width: 767px){.kd{ width:92%;}}
 
.zhuying{ width:100%; text-align:center; border-bottom:1px solid #ccc; height:30px; line-height:30px;}
.zhuying p{ color:#333; font-size:0.875rem}
header{ border-bottom:1px solid #e6e6e6; width:100%; background:#fff;  }
.logo{ height:89px; width:17%; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; overflow:hidden; text-align:center;}
.logo img{ padding-top:7%; max-width:100%;}
.tell{ width:11.857%;}
.tell img{ width:100%;}
.chen{ width:16.2%; height:89px; position:relative;}
.en{ width:65%; float:left;  background:#fff; height:100%; overflow:hidden; position:relative;}
.wx{ width:35%; float:left; background:#fda412; height:100%; overflow:hidden ; position:relative;}
.en img{ position:absolute; top:35%; left:10%;}
.lanug{width:100px; background:#fff; line-height:20px; display:none; position:absolute; z-index:9999; top:80px; right:35%; padding:10px 20px}
.lanug a{ display:block; line-height:1.5rem; color:#000}
.wx img{ position:absolute; top:35%; left:30%;}
@media screen and (min-width:1601px){.en img{ left:20%}.wx img{ left:35%;}.tell{ width:auto; float:right},#cssmenu{ width:70%;}}
@media screen and (max-width: 1366px){
	.logo{ width:20%;}
	.chen{ width:13.5%}
	.tell{ width:11%;}
	.tell img{ margin-top:5%}
}
@media screen and (max-width: 1024px){.chen{ display:none}.tell{ display:none}.logo{ width:22%;}}
@media screen and (max-width: 767px){
.zhuying{ display:none;}
.chen{ display:none}
.logo{ width:40%; height:100px; z-index:111; position:relative; border-bottom:none;}
.logo img{ width:80%; padding-top:8%; padding-left:5%;}
.tell{ display:none}

}


/*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:-2px 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%;
  }
 @media screen and (max-width: 767px){
	.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  top:-2px;
  }
  .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 120%;
  border: 0;
 
  }
	}
/*--公司简介--*/
.a-box{ width:100%; background:url(../images/ab-bg.jpg) center no-repeat; background-size:cover; padding:2.75rem 0}
.a-name{ width:52%; height:auto; position:relative; height:335px;}
.a-name h2{ font-size:2rem; color:#0061b0; float:left; font-weight:bold;}
.a-name p{ float:left; font-size:1.5rem; margin:0.8rem 0 0 0.5rem;}
.a-name span{ font-size:0.875rem; line-height:1.5rem; display:block; margin-top:1rem;}
.a-name ul{ position:absolute; bottom:6%;}
.a-name ul li{ width:24%; float:left; margin-top:1rem; margin-right:1%}
.a-name ul li img{ width:100%;}
.sss{ width:100%; margin:3rem 0 0 0; background:url(../images/show.jpg) center top no-repeat; min-height:320px}
.sss .hzhb h4{ color:#0061b0; padding:2em;}
.sss .hzhb h4 span{ font-size:1.75em; color:#0061b0; font-weight:bold;}
.sss .hzhb .hzgun{ padding:24px 0; width:90%; margin:0 auto}
.sss .hzhb ul li{ float:left; margin:0 10px; width:15%;}
.sss .hzhb ul li img{ width:100%;}
.sss img{ width:100%;}
.a-xian{width:60px; height:4px; background:#0061b0; margin-top:8px}
.a-video{ width:42%}
@media screen and (min-width:1601px){.a-name ul{ bottom:0}}
@media screen and (max-width: 767px){.a-name{ width:100%; height:750px}
.a-name span{ font-size:1.25rem; line-height:1.5em;}
.a-video{ width:100%;}.sss{ display:none}
}
/*产品中心*/ 
.pro-box{ padding:3.125rem 0}

.psort{ width:22.332%; height:auto;}
.psimg{ width:100%; height:100%;}
.psimg img{ width:100%;}
.psls li{ width:100%; margin-top:1px; text-indent:2rem;}
.psls li a{ display:block; height:4.187rem; background:url(../images/pnor.jpg) center no-repeat; line-height:4.187rem; transition:all 0.3s; background-size:cover}
.psls li a:hover,.psls li a.cur{ background:url(../images/psur.jpg) center no-repeat; color:#767676; background-size:cover}
.plist{ width:75%; height:auto; }

.pro2{ width:32%; float:left;  margin-bottom:3%; margin-left:0.5%; margin-right:0.5%; transition:all 0.3s; position:relative;}
.pro2 .simg{ width:100%; overflow:hidden; max-height:188px; }
.pro2 .simg img{ width:100%; height:auto; transition:all 0.5s;}
.pro2:hover .simg img{ transition:all 0.5s; transform:scale(1.1)}
.pro2 .p-hv{background:#fff url(../images/ajia.png) 95% center no-repeat; padding:18px 0; border:1px solid #eee; border-top:none}
.pro2 .p-hv p{ font-size:1.125rem; color:#000; text-indent:1em;}
.pstt{ margin-bottom:40px; text-align:center;}
.pstt h4{ font-size:2rem; color:#0061b0; font-weight:bold;}
.pstt p{ font-size:1rem; color:#666; margin:10px 0 0}
@media screen and (min-width: 1680px){
.pro2 .simg{ width:100%; overflow:hidden; max-height:200px;}
}
@media screen and (max-width: 1368px){.pro2 .simg{max-height:180px;}}
@media screen and (max-width: 767px){
.psort{ width:100%; height:auto; margin-bottom:20px;}
.psimg{ display:none}
.psls li{ width:50%; float:left; }
.plist{ width:100%; height:auto;}
.pro2{ width:49%; min-height:280px;}
}
	
/*合作伙伴*/
.in-hz{ background:#fff; 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 hr{ width:43px; height:3px; border:none; background:#bdbdbd}
.h-tit p{ font-size:1.125rem; color:#000000}
.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; }
}


.news-box{ padding:2rem 0; width:100%; background:#f7f7f7}
.ntit h2{ font-size:2rem; color:#0061b0; font-weight:bold;}
.ntit h2 b{ color:#e79001}
.ntit p{ font-size:1.125rem; color:#494949; line-height:2rem;}
/*新闻切换*/
.s-n{ width:68%;}
.danews dl{ width:100%; border-bottom:1px solid #d3d3d3; padding-bottom:1.5rem;}
.danews dl dt{ width:30%; float:left;}
.danews dl dt img{ width:100%;}
.danews dl dd{ width:68%; float:right;}
.danews dl dd p{ font-size:1.125rem; color:#3c3c3c; font-weight:bold;}
.danews dl dd span{ display:block; padding-left:8px; margin:16px 0 30px;}
.danews dl dd em{ display:block; margin-left:8px; width:129px; height:38px; border-radius:20px; background:#000; text-align:center; color:#fff; line-height:38px;}
.danews ul{ margin-top:20px;}
.danews ul li{ display:block; line-height:40px; background:url(../images/dd1.jpg) left center no-repeat; padding-left:1rem; border-bottom:1px dashed #ddd}
.danews ul li span{ float:left; color:#636363}
.danews ul li em{ float:right; color:#636363}


/*常见问题*/
.faq{ width:28%;}
.fa-tit h2{ font-size:2rem; font-weight:bold; color:#0061b0}
.fa-tit p{font-size:1.125rem; color:#494949; line-height:2rem;}
.f-pic{ margin-top:0.5rem; }

.scrollbox{ width: 100%; margin:-24px auto 0; overflow: hidden; position:relative; }
#scrollDiv{width:100%;height:400px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:130px; width:100%; padding:0 20px;overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 solid 1px;}
#scrollDiv li h3{ height:24px; padding:0px 0 0 30px; font-size:1rem; color:#353535; line-height:24px; width:100%; background:url(../images/q.jpg) left center no-repeat; margin-top:20px;}
#scrollDiv li div{ width:100%; color:#416A7F;  overflow:hidden; background:url(../images/a.jpg) left top no-repeat; padding-left:30px; margin-top:9px; font-size:0.875rem; color:#8c8c8c; line-height:1.5rem;}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}

.scroltit{ height:24px; line-height:24px; }s
.scroltit .updown{float:right; width:24px; height:24px; margin-left:4px; }
#but_up{ background:url(../images/up.jpg) no-repeat 0 0; text-indent:-9999px; z-index:111; background-size:100%;}
#but_down{ background:url(../images/down.jpg) no-repeat 0 0; text-indent:-9999px; z-index:111; background-size:100%;}
 @media screen and (max-width: 767px){
	 .s-n{ width:100%; margin-bottom:30px;}
	 .danews{ margin-top:20px;}
	 .danews dl dt{ display:none;}
	 .danews dl dd{ width:100%; float:right;}
	 .danews ul li{ display:block; line-height:60px; background:url(../images/dd1.jpg) left center no-repeat; padding-left:1rem; border-bottom:1px dashed #ddd}
	 .faq{ width:100%;}
}
	
/*联系信息*/
.con-box{ width:100%; background:url(../images/c-bg.jpg) center no-repeat; padding:2.5rem 0; background-size:cover}
.cimg{ width:66%; position:relative;}
.cimg img{ width:100%; height:auto;}
.cimg .ms{ position:absolute; top:43%; left:40%; background:url(../images/ms.png) center no-repeat; width:176px; height:61px; opacity:0; transition:0.3s all}
.cimg .ma{ position:absolute; top:43%; left:40%; background:url(../images/ma.png) center no-repeat; width:176px; height:61px; opacity:0; transition:0.3s all}
.cimg:hover .ms{ opacity:1}
.cimg:hover .ma{ opacity:1}
.ctxt{ width:31%; padding:0% 1.5%;}
.ctxt h3{ border-bottom:1px solid #d2d2d2; width:100%; display:block; font-size:1.5rem; color:#0061b0; line-height:5rem; height:5rem;}
.ctxt p{ font-size:1.125rem; color:#8e8e8e; float:left; margin-left:5px;}
.ctxt b{ float:left;}
.ctxt .td1{ margin-top:2.815rem;}
.ctxt .td1 li{ float:left; padding-left:30px; height:2rem; line-height:2rem; width:25%;}
.ctxt .td1 li a{ font-size:1.125rem;}
.ctxt .td1 .l1{ background:url(../images/l1.jpg) left center no-repeat;}
.ctxt .td1 .l2{ background:url(../images/l2.jpg) left center no-repeat;}
.ctxt .td1 .l3{ background:url(../images/l3.jpg) left center no-repeat;}
.ctxt .td1 .l4{ background:url(../images/l4.jpg) left center no-repeat; margin-top:1.875rem;}
.ctxt .td1 p{ font-size:1.125rem; padding-left:2rem; line-height:2.25rem; display:block;}
.ctxt .td1 .p1{ background:url(../images/p1.jpg) left center no-repeat;}
.ctxt .td1 .p2{ background:url(../images/p2.jpg) left center no-repeat;}
.ctxt .td1 .p3{ background:url(../images/p3.jpg) left center no-repeat;}
.ctxt .td1 .p4{ background:url(../images/p4.jpg) left 8px no-repeat;}
@media screen and (max-width: 767px){
	 .cimg{ width:100%;}
	 .ctxt{ width:97%; padding:2% 1.5%;}
	 .ctxt .td1{ margin-top:1.5rem; }
	 .ctxt .td1 li{ height:3rem; width:19%; line-height:3rem;}
	 .ctxt .td1 .l4{ margin-top:0rem;}
}

/*底部*/
.foot1{ width:100%; padding:2.75rem 0; border-top:1px solid #d2d2d2}
.fmenu{ width:80%;}
.fmenu dl{ float:left; width:14.5%; margin-right:2%;}
.fmenu dl dt{ height:2.5rem; line-height:2.5rem; border-bottom:1px solid #2861b8; width:90%; margin-bottom:10%;}
.fmenu dl dt a{font-size:1.125rem; color:#2861b8; font-weight:bold;}
.fmenu dl dd{ line-height:1.7rem; background:url(../images/dian.jpg) left center no-repeat; text-indent:0.8rem;}
.fmenu dl dd a{ font-size:0.875rem;}
.fwx{ width:20%;}
.flink{ margin-top:2.562rem}

.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}
}


.weixi1{ margin-top:2.375rem;}
.weixi1 .dimg{ margin-bottom:1rem; margin-top:1.5rem;}
.weixi1 .dimg img{ margin-right:5%;}
.weixi1 p{ font-size:0.875rem;}
@media screen and (max-width: 767px){
	.foot1{ display:none}
	.fmenu{ width:100%;}
	.fmenu dl{ width:23%;}
	.fwx{ width:45%; display:none}
}
.foot2{ border-top:4px solid #609dfa; padding:2rem 0 1.75rem; width:100%; background:#2861b8}
.foot2 p{ color:#fff; font-size:0.875rem;}
.foot2 a{ color:#fff; font-size:0.875rem;}
.foot2 .fr{ text-align:right}
.fcontact{ display:none}
/*主要样式*/
.f-mobe{ display:none}
@media screen and (max-width: 767px){.f-mobe{ display:block;}
.foot2{ margin-bottom:100px;}
.foot2 p{ color:#fff; font-size:0.875rem; line-height:1.5rem;}
.foot2 .fr{ text-align:left; float:left !important; line-height:1.5rem;}
.fcontact{ display:block; height:110px; width:100%; background:#000; opacity:1; position:fixed; bottom:0;}
.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;}
}
.subNavBox{width:100%;margin:0 auto 0 auto;}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:30px;color:#000;line-height:60px;padding-left:20px;background:url(../images/jia.png) no-repeat;background-position:95% 50%}
.subNav:hover{color:#2861b8;}
.currentDd{color:#2861b8}
.currentDt{background-image:url(../images/jian.png);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:100%;heighr:40px;text-align:left; text-indent:3rem;font-size:26px;line-height:48px;color:#333}
.navContent li a:hover{color:#fff;background-color:#2861b8}

/*back*/
/*gotop*/
.cbbfixed {position: fixed;right: 20px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #404040;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#000000;}


.ipdd{ margin:0 0 0 120px; padding-top:0.875em;}
.ipdd li{ float:left; margin-right:10px; background:#ddd; padding:10px 15px; transition:all 0.3s; border-radius:5px}
.ipdd li:hover{ background:#0061b0; transform:scale(1)}
.ipdd li a{ color:#000; width:100%; height:100%; display:block;transition:all 0.3s;}
.ipdd li:hover a{ color:#fff;}
@media screen and (max-width: 767px){
.ipdd{ display:none;}
}