body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input[type=text],textarea,p,blockquote,th,td,button{padding:0;margin:0;font-size:100%}
label input{vertical-align:middle}
a:link,a:visited{color:#333;text-decoration:none; outline:none}
a:hover,a:active{text-decoration:none}
body{font:12px/1.5 "Lucida Grande", Verdana, Helvetica, Arial, "Microsoft YaHei", Simsun, sans-serif;color:#333;background:#fff; behavior:url("csshover.htc");}
body.wd-body-01{ background:url(../images/front/menubg.gif) left 112px repeat-x}
body.second{ background:url(../images/front/menubg2.gif) left 112px repeat-x}
/*body{font:12px/1.5 "宋体", Arial, Helvetica, sans-serif;color:black;background-color:#fff;text-align:center}*/
img{border:0}
table{border-collapse:collapse}
ul li{list-style:none}
.clear{clear:both;line-height:0;font-size:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.center{ width:1200px; margin:0px auto;}
/*头部*/
header{ width:100%; height:185px; background:url(../images/h_bg.png) repeat;}
header .logo{ width:100%; height:125px; border-bottom:1px  solid #0ba791; }
header .images{ width:auto; float:left;}
header .images img{ max-height:100%; width:auto;}
header .phone{ width:auto;float:left;}
header .phone img{ float:left;}
header .phone_box{ color:#FFF; font-size:14px; float:left; margin-top:45px; line-height:160%;}
header .phone_box span{ font-size:20px; font-family:"Candara";}
.search{ float:right; margin-top:50px; width:17.3%; }
.search #form1{ margin-right:2px; height:24px; background:#FFF; border-radius:10px; width:100%;}
.search #keywords{ border:none; background:none; padding-left:15px; line-height:24px; width:160px; outline:none;}
.search #post-search{ background:url(../images/search.png)no-repeat; width:16px; height:25px; border:none;}
/*导航*/
nav{ width:100%; padding:0px; margin:0px; }
nav ul{ width:100%; float:left; list-style:none; position:relative; z-index:1000; }
nav ul li{ width:12%; float:left; text-align:center; font-size:16px; height:58px; line-height:58px; color:#FFF!important; }
nav ul li a{ color:#FFF!important;}
nav ul li:last-child{ background:none;}
nav ul li a:hover{ color:#eec618;}


nav ul li ul{ width:100%; list-style:none; display:none; }
nav ul li ul li{ width:100%; height:2.75rem; line-height:2.75rem;background:#0ba791;}
nav ul li ul li a{ color:#FFF;}
nav ul li ul li:last-child{ background:#0ba791;}
nav ul li ul li:hover,.nav_ul ul li ul li:hover a{ background:#0253a0;color:#000;}


nav ul li ul li ul{ margin-left:100%; margin-top:-2.75rem;}
nav ul li ul li ul li{display:none; }
nav ul li:hover ul{ display:block;}
nav ul li ul li:hover ul li{ display:block;}
nav ul li ul li:hover a{ background:none; color:#FFF;}
/*banner*/
 .swiper-container1 {
      width: 100%;
      height: 100%;
	  position:relative;
	  z-index:0;
	  float:left;
	  overflow:hidden;
	
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
    

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.swiper-container1 .swiper-slide a{ width:100% !important;}
.swiper-container1 .swiper-slide img{ width:100% !important;}
/*关于我们*/
.aboutbox{ width:100%; background:url(../images/about_bg.jpg) left top no-repeat; margin-top:-87px; float:left; position:relative; z-index:1000; }
.a_box{ margin-top:83px; }
.a_left{ width:24.6%; float:left;}
.a_l_text_01,.a_l_text_02{ margin-left:55px; width:81%;}
.a_l_text_01{ font-size:18px;}
.a_l_text_02{ font-size:12px; text-transform:uppercase; margin-bottom:25px;}
.a_left a{ color:#FFF;}
.a_l_line{ width:1px; height:55px; background:#0bebf2; margin-left:57px;}

.a_center{ width:23.61%; float:left; height:375px; overflow:hidden; }
.a_center img{ width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.a_center img:hover{  transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.a_right{ padding:55px; text-align:center; width:42.6%; float:right; background:url(../images/about_bg.png) bottom no-repeat #065ba6; color:#fff; }
.a_r_name{ font-size:17px; margin-bottom:25px;}
.a_r_dp{ font-size:14px; line-height:200%; margin-bottom:48px; text-align:left;}

.a_r_more{ width:92px; height:25px; border-radius:15px; text-transform:uppercase; border:1px solid #FFF; line-height:25px;margin:0px auto;}
.a_r_more a{ color:#FFF;}
/*产品中心*/
.probox{ width:100%; float:left; background:url(../images/pro_bg.png)repeat #FFF; background-size:cover; margin-top:-180px;}				
.pro_name{ padding-left:55px; font-size:18px; color:#0251a0; text-transform:uppercase; margin-top:130px;}
.pro_name span{ font-size:12px;}


.pro_show{  padding-top:25px; }
		
.pro_more{ float:right;}
.line{ margin-left:55px; width:2px; height:45px; background:#8cf6f9;  float:left; }
.www360buy{ float:left; width:100%; }
.www360buy .hd{ overflow:hidden;  margin-top:15px;  }
.www360buy .hd li{ position:relative; height:28px; line-height:28px; text-align:center; margin:0px 28px; width:90px; float:left; font-size:14px; }
.www360buy .hd li.on{ width:90px; background:#0251a0; color:#FFF; border-radius:10px;  }

.www360buy .bd{ width:100%; margin-top:10px;  }


.www360buy .lh{ overflow:hidden; width:100%; display:block;  }
.www360buy .lh li{ width:23.27%; margin-right:1.9%; margin-top:35px; display:inline-block;    }
.www360buy .lh li:nth-child(4),.www360buy .lh li:nth-child(8){ margin-right:0px;}


.p-img{ position:relative; text-align:center; float:left; width:100%; overflow:hidden; height:200px; }
.p-img img{ transition:0.5s;width:100%;}
.p-img img:hover{ transform:scale(1.2);}
.p_hover{ position: absolute; width:100%; color:#FFF; left: 0; opacity: 0.93;height: 100%;  top: -100%; transition: 0.5s; color: #FFF;background:url(../images/pro_cm.png) no-repeat; background-size:cover;}
.p_hover span{ padding-top:30%; display:block;}
.p-img:hover .p_hover{ top:0;}
/*成功案例*/
.case_box{ width:100%; float:left; margin-top:35px; display:block; position:relative; font-size:0;}
.case_left{ width:40.5%;float:left;}

.case_img{float: left; width: 100%; position: relative; text-align: center; overflow:hidden; height:315px; }

.case_img{z-index: 8;}
.case_img img{transition: 0.5s; width:100%; height:100%;}
.case_img:hover img{transform: scale(0.4) translateY(35%); position: relative; z-index: 9; border:2px solid #FFF;}
.case_hover{transform: translateY(-100%); opacity: 0; overflow:hidden; text-align:center;transition: 0.5s;background:url(../images/pro_cm.png) no-repeat; background-size:cover;position: absolute; left: 0; top: 0;  height: 100%; opacity: 0; width: 100%; }
.case_img:hover .case_hover{transform: translateY(0px); opacity: 1;}
.case_hover h3{ color:#FFF; display:block; font-size:18px; margin-top:30px; padding:0px 10%; }
.case_hover p{ font-size:14px; color:#FFF; text-align:center; padding:2% 10%;}

.case_more{ width:100%; text-align:center; padding:15% 0px; float:left;}

.case_right{ width:59.5%; float:left;}

.case_r_img{ width:100%; float:left; overflow:hidden;position:relative;text-align: center; z-index:8;}
.case_r_img img{transition:0.5s; width:100%;}
.case_r_img:hover img{ transform:scale(0.4) translateY(35%); position:relative; z-index:10; border:5px solid #FFF;}
.case_r_img:hover .case_hover{transform: translateY(0px); opacity: 1;}



.case_r_b_img{ width:50%; float:left; overflow:hidden;position:relative;text-align: center; z-index:8; height:330px;}
.case_r_b_img img{transition:0.5s; width:100%; height:100%;}
.case_r_b_img:hover img{ transform:scale(0.4) translateY(40%); position:relative; z-index:10; border:5px solid #FFF;}
.case_r_b_img:hover .case_hover{transform: translateY(0px); opacity: 1;}


.case_r_right{ width:19%; float:right; height:463px; background:url(../images/pro_cm.png)no-repeat;background-size:cover; position:absolute; right:0px; top:0px; z-index:-1;}
.case_name{ width:25.3%; float:right; margin-top:55px; margin-right:180px; position:relative; z-index:100000;}
.case_name a{ color:#FFF;}

/*联系我们*/
.lxwm_box{ width:100%; display:block; float:left; height:485px; margin-top:55px; font-size:0;}
.lxwm_map{ width:56%; display:inline-block;height:100%;}
.lxwm_map img{ width:100%; height:100%;}
.lxwm_content{ width:44%; display:inline-block; background:url(../images/mapbg.jpg) no-repeat; background-size:cover; height:100%;}
.lxwm_content .a_left{ margin:50px 0px 0px 115px; float:left; width:80%!important; float:left;}

.lxwm_text{ width:80%; margin-top:95px; margin-left:160px; float:left; display:block;}
.lxwm_text img{  margin-right:15px; display:inline-block;}
.lxwm_01{ font-size:14px; color:#FFF; display:inline-block;}

.copyright{ width:100%; background:#0253a0; padding:1.5% 0px; text-align:center; font-size:14px; color:#FFF; float:left;}

/*单页*/
.page_box{ width:100%; float:left; font-family:"微软雅黑";}
.page_left{ width:25%; float:left; margin-right:2%; margin-bottom:2%; margin-top:2%;}
.pc_middle{ width:90%; float:left; background:url(../images/pro_cm.png)#0253a0; background-size:cover; color:#FFF; font-size:20px; padding:3% 5%; line-height:150%;}
.pcm_top{ font-size:16px;}
.pcm_bottom{ color:#FFF; font-size:14px; text-transform:capitalize;}
 
.page_right{ width:73%; float:left; margin-top:2%;}
.page_c_name{ width:100%; float:left; border-bottom:1px solid #000; line-height:200%; font-size:16px;}
.page_c_name span{ float:right; font-size:14px;}
.page_content{ width:100%; float:left; margin-bottom:1%; margin-top:2%; font-size:14px; line-height:220%;text-align:justify; text-justify:inter-ideograph;}
.page_content img{ max-width:100% !important; height:auto !important; padding:2% 0px;}

.ny_left{ width:95.5%; padding:2% 2%; background:#FFF; color:#000; float:left; font-size:15px; line-height:220%;border:1px solid #0ba591;}

.s-side {
  width:99.5%;	
 
  color:#000;
  float:left;
  margin-bottom:2%;
  border:1px solid #0ba591;
}
.s-side a{ color:#000; text-decoration:none;}
.s-side .s-firstItem i {
  font-size: 20px;
}
.s-side .s-firstItem span {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  text-shadow: 0px 0px 5px #EEEEEE;
  white-space: 10px;
}
.s-side .first {
	
	border-bottom: 1px solid #FFF;
}
.s-side .d-firstNav span {
  display: inline-block;
  margin-left: 10px;
  font-size:15px;
  line-height:300%;
}
.s-side .d-firstNav span a,.s-secondNav span a{ color:#000; text-decoration:none;}
.s-side .d-firstNav i.fr {
  font-size: 25px;
}
.s-side .s-secondNav,
.s-side .s-secondItem {
  margin-left: 50px;
  margin-top: 10px;
  font-size:16px;
  line-height:250%;
}
.s-secondNav:hover,.d-firstNav:hover{
	
}
.s-side .d-secondDrop {
  margin-left: 100px;
  margin-top: 10px;
}
.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  display: none;
}
/*新闻中心*/
.page_news{ width:100%; float:left; margin:1% 0px;}
.page_news ul{ width:100%; float:left; list-style:none;}
.page_news ul li{ width:100%; float:left; margin-bottom:10px; font-size:14px;}
.page_news ul li a:hover{ color:#0253a0;}
.newsbox{ width:100%; float:left; padding:1% 0px; border-bottom:1px dotted #000;}
/*图片*/
.page_pic{ width:100%; float:left; font-family:"黑体";}
.pagetitle{ width:100%: float:left;font-size:16px; font-weight:bold; text-align:center; margin:1% 0px;}
.page_pic ul{ width:100%; list-style:none; float:left;}
.page_pic ul li{ width:29.33%; float:left; margin:2% 1% 1% 1%; background:url(../images/pro_cm.png)#0253a0; background-size:cover; padding:1%; }
.page_pic ul li a{ color:#FFF;}
.pic_top{ width:100%; float:left;height:220px; overflow:hidden;}
.pic_top img{ width:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; min-height:220px;}
.pic_top img:hover{ transform:scale(1.2);-webkit-transform:scale(1.2); -moz-transform:scale(1.2);-o-transform:scale(1.2); -ms-transform:scale(1.2);}
.pic_title{ width:100%; float:left;  text-align:center; line-height:220%; padding:2% 0px; font-size:15px; letter-spacing:1px; color:#FFF;}
.pic_title span{ padding-left:8px; float:left;}

.text{ width:100%; float:left; margin:2% 0px;}
.text li{border: none;width: auto; font-size:14px; line-height:200%; font-weight:bold;}
.table_form tr{line-height: 70px}
.table_form tr td input[type=text]{height: 30px;line-height: 30px}

.pages{width: 100%;height:12px;line-height:12px;float: left;text-align: center;font-size: 12px;font-family: "宋体";color: #343433;margin-top: 35px}
.pages a{color: #343433;margin: 0px 10px}