@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%;}}
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%;}

.tell{ width:11.857%;}
.tell img{ width:100%;}
.chen{ width:16%; height:89px;}
.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){
.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}
.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:560px}
.a-name span{ font-size:1.25rem; line-height:1.5rem;}
.a-video{ width:100%;}.sss{ display:none}}
/*产品中心*/ 
.pro-box{ padding:3.125rem 0}
.p-tit h2{ font-size:2rem; color:#0061b0; font-weight:bold}
.p-tit p{ font-size:0.875rem; color:#282828}

.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;}
@media screen and (min-width: 1680px){
.pro2 .simg{ width:100%; overflow:hidden; max-height:200px;}
}
@media screen and (min-width: 1368px){.pro2 .simg{ max-height:181px;}}
@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;}
}


.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%;}
/* layout */
.style0 .hd .changeBnt i,.picLB .ftBox .name b{background:url(../images/more_ico.jpg) no-repeat ;}
.layout{margin:-30px auto 0 auto;width:100%;}
.style0 .hd{height:36px;line-height:36px;position:relative; top:-10px;}
.style0 .hd .changeBnt{width:107px;height:23px;position:absolute;top:7px;right:0px;text-indent:35px;line-height:23px; font-size:0.875rem}
.style0 .hd .changeBnt i{width:25px;height:25px;position:absolute;left:4px;top:2px; background-size:70%;}

/* 影像力 */
.picLB{ border:1px dotted #dcdcdc}
.picLB li{width:432px;height:280px;overflow:hidden;position:relative;}
.picLB{overflow:hidden;zoom:1;}
.picLB li{float:left;display:inline;}
.picLB li:nth-child(1){border-bottom:1px dotted #dcdcdc;border-right:1px dotted #dcdcdc}
.picLB li:nth-child(2){border-bottom:1px dotted #dcdcdc}
.picLB li:nth-child(3){border-right:1px dotted #dcdcdc}
.picLB li:nth-child(4){}
.picDl{width:900px;overflow:hidden;zoom:1;height:280px;position:absolute;top:0;left:0 }
.picDl dd{float:left;display:inline;width:386px;overflow:hidden; padding:28px 24px; }
.picDl dd .date{ background:url(../images/bbb.jpg) left bottom no-repeat; line-height:2rem; font-size:1rem; }
.picDl dd .nimg{ margin-top:1.462rem; float:left;}
.picDl dd .ntit{ margin-top:1.462rem; float:right; width:50%;}
.picDl dd .ntit p{ font-size:1.125rem; color:#404040}
.picDl dd span{ font-size:0.875rem; color:#646464; margin-top:1rem; display:block;}
 @media screen and (max-width: 1366px){
	 .picLB li{width:410px;height:280px;overflow:hidden;position:relative;}
	}
 @media screen and (max-width: 1360px){.picLB li{width:380px;height:280px;overflow:hidden;position:relative;}
.picDl dd{float:left;display:inline;width:360px;overflow:hidden; padding:28px 24px; }
.picDl dd .ntit{  float:right; width:52%;}
}
 @media screen and (max-width: 767px){
	 .picLB li{ width:600px}
	 .picDl dd{ width:565px}
	 }

/*常见问题*/
.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; }
.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%;}
	 .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_en.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_en.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}
/* select */
.select1{position:relative; width:100%;}
.select1 dt{height:47px;display:inline-block;background:#fff url(../images/fdown.jpg) right no-repeat ; border:1px solid #ddd;line-height:47px;font-weight:bold;padding-left:10px;cursor:pointer;width:237px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; color:#666; font-size:1.125rem;}
.select1 dt:hover,.select dt.cur{}
.select1 dd{position:absolute;left:0;top:47px;background:#fff;display:none;}
.select1 dd ul{padding:4px;width:250px;max-height:100px;overflow:auto;}
.select1 dd ul a{line-height:28px;display:block;padding:0 8px; color:#666; font-size:1rem;}
.select1 dd ul a:hover{ color:#0363ad}

.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:100px; 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;}

/*anfan*/
.anfan a{ display:block; border:1px solid #aaa9a9; background:#fda412; float:left; width:auto; margin:0 10px; font-size:0.875em; padding:5px 10px;}
.anfan a:hover{ color:#000;}