﻿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%; font-family:"微软雅黑";}
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:"."}
.left{ float:left;}
.right{ float:right}
.wbai{ width:100%;}
.center{ width:1200px; margin:0px auto;}

/*头部*/
.header{ width:100%; float:left; padding:0px; margin:0px;}
.header .top{ width:100%; float:left; background:#383c45; height:35px; line-height:35px; font-size:14px; color:#FFF; }

.toptext{ position:relative; z-index:100000; }


.seartc{ float:left;}
.searchbox{ width:100%; position:absolute; left:0px; bottom:-35px; z-index:1000; display:none;}

.searchbox #form1{ width:100%; height:28px; float:left; background:#ffffff; border-radius:1rem;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
.searchbox #keywords{ width:85%; float:left; background:none; border:none; color:#a5a5a5; font-size:0.723125rem; padding-left:5%; line-height:28px;}
.searchbox #keywords:active{ border:none;}
.searchbox #post-search{ width:10%;  height:1.5rem;float:left; background:none;  border:none; background-size:100%; padding:0px!important; }
*:focus { outline: none; }
input {outline:none;}


.toptext img{ float:left; margin-right:2px; margin-left:15px;}
.toptext a{ color:#1755ba;}
.navlogo{ width:100%; float:left; height:120px;}
.h_top{ width:31.8%; float:left;}
.h_top img{ max-width:100%; height:auto;}

/* .h_nav{ width:68%; float:left; line-height:120px; position:relative; z-index:1000;} */
/* .h_nav ul{ width:100%; list-style:none; float:left;} */
/* .h_nav ul li{ width:14.28%; text-align:center; float:left; font-size:1rem; } */
/* .h_nav ul li:last-child{ background:none;} */
/* .h_nav ul li a:hover{ color:#1752a3;} */

/* .h_nav ul li ul{ width:100%; list-style:none; display:none;} */

/* .h_nav ul li ul li{ width:100%; height:2.5rem; line-height:2.5rem;background:#383c45;} */
/* .h_nav ul li ul li a{ color:#FFF;} */
/* .h_nav ul li ul li:last-child{ background:#383c45;} */
/* .h_nav ul li ul li:hover,.nav_ul ul li ul li:hover a{ background:#1755ba;color:#FFF;} */


/* .h_nav ul li ul li ul{ margin-left:100%; margin-top:-2.5rem;} */
/* .h_nav ul li ul li ul li{display:none; } */
/* .h_nav ul li:hover ul{ display:block;} */
/* .h_nav ul li ul li:hover ul li{ display:block;} */
/* .h_nav ul li ul li:hover a{ background:none; color:#FFF;} */


.h_nav{ width:68%; float:left;  z-index:1000; line-height:120px;}
.h_nav ul{ width:100%; list-style:none; float:left; margin:0px; padding:0px;}
.h_nav ul li{ width:14.28%; text-align:center; float:left; font-size:1rem; position:relative; }
.h_nav ul li:last-child{ background:none;}
.h_nav ul li a:hover{ color:#1752a3;}

.h_nav ul li ul li a{ color:#FFF;}
.h_nav ul li ul li a:hover{ color:#FFF;}
.h_nav ul li ul li:hover{ background:#383c45; color:#FFF;}
.h_nav ul li ul{
width:100%; 
list-style:none;  
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); 
 position: absolute;
  left: 0;
  top: 120px;
  z-index: 1;
  background:#1752a3;
  float:left;
  }
  
.h_nav ul li ul li{ 
width:100%; 
float:left;
overflow:hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
  position:relative;}
.h_nav ul li:hover ul li{ height:2.5rem; line-height:2.5rem;}
/*banner*/
 .swiper-container1 {
      width: 100%;
      height: 100%;
	  position:relative;
	  z-index:0;
	  float:left;
	
    }
.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;}

/*产品展示*/
.probox{ width:100%; float:left;}
.allname{ width:100%; float:left; margin-top:40px; }
.all_top{ width:100%: float:left;font-size:20px; text-align:center; font-weight:bold;}
.all_bottom{ width:100%: float:left; text-align:center; font-size:14px; color:#383c45; margin:2% 0px;}


.www360buy{ margin-top: 10px;text-align: center; float:left; width:100%;}
.www360buy .hd ul{  padding: 14px 0; }
.www360buy .hd li{ position:relative; display: inline; padding:12px 50px; margin:0px 10px; font-size:16px; color:#FFF; background:#383c45;}
.www360buy .hd li.on{ background:#1755ba;  }

.www360buy .bd{ height:auto; width:100%; float:left; margin-top:40px;}
.www360buy .lh{  }
.www360buy .lh li{ width:23%; margin:1% 1%; float:left; background:#FFF;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); overflow:hidden;    }
.www360buy .lh li .p-img{  padding-bottom:100%;width:100%; float:left; }
.www360buy .lh li .p-img img{ width:100%; height:100%;}
.www360buy .lh li .p-name{ width:100%; float:left; word-break:break-all; word-wrap: break-word; overflow:hidden; font-size:16px; padding:3% 0px; background:url(../images/t.png) no-repeat bottom; }
.www360buy .lh li .p-price{ color:#acacac; font-size:12px; width:100%; float:left; text-align:center; padding:2% 0px 5% 0px; text-transform:uppercase; }
.www360buy .lh li:hover{ background:#1755ba; color:#FFF;}
.www360buy .lh li:hover a{ color:#FFF;}
.www360buy .lh li:hover .p-price{ color:#FFF;}
.www360buy .lh li:hover .p-name{background:url(../images/tb.png) no-repeat bottom;}

/*首页广告图*/
.index_gg{ width:100%; float:left; margin-top:5%;}
.index_left{ width:50%; float:left; height:349px; overflow:hidden;}
.index_left img{ width:100%; height:100%;}
.index_right{ width:50%; float:left; background:url(../images/ggbh.jpg) repeat; background-size:100%;}
.index_text{ margin-left:4%; width:58.5%; float:left; color:#FFF;}
.index_text .bt{ font-size:16px; margin-top:5%;}
.index_text .dp{ font-size:42px; font-weight:bold;}
.index_text .tb{}
.index_text .nr{ font-size:16px;}
.index_text .more{ margin-top:6%; margin-bottom:7%;}
/*成功案例*/
.casebox{ width:100%;float:left; background:#FFF; padding:2% 0px;}
.swiper-container2 {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
	  overflow:hidden;
    }
.swiper-container2 .swiper-slide{
      text-align: center;
      font-size: 18px;
      background: #fff;
	  padding-bottom:12.5%;
  
      /* 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;
	  position:relative;
    }

.swipertitle{ width:100%; height:100%; color:#fff; position:absolute; top:0px; background:url(../images/c_case.png)no-repeat center rgba(0,0,0,0.75);display:box; box-pack:center; box-align:center;display:none;}
.swiperbox{ margin-top:25%;}
.swipertitle a{ color:#FFF;}
	
.swiper_t{ width:100%; float:left; background:url(../images/ttt.png) no-repeat center; }	
.swiper-pagination1{ width:85px !important; text-align:center; font-size:14px; color:#383c45; line-height:30px; height:30px; float:left;}
.swiper-button-next1{ float:left; color:#383c45; font-size:18px;}
.swiper-button-prev1{ float:left;color:#383c45; font-size:18px;}
.swipermore{ float:right; font-size:14px; color:#000; border-bottom:4px solid #000; line-height:180%}

.swiper-container2 .swiper-slide:hover .swipertitle{ display:block;}
/*新闻中心*/
.news{ width:100%; float:left; background:#000;}
.n_center{ width:90.5%; margin: 0px auto;}
.newscenter{ background:#FFF; width:100%; float:left;}
.newsname{ color:#383c45; font-size:14px; line-height:50px; float:left; width:15%; position:relative; height:50px; z-index:1000; width:150px;}
.swiper-container3 {
      width: 100%;
      height: 100%;
	  overflow:hidden; 
    }
.swiper-container3 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* 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-container3 .swiper-slide a{ width:100% !important;}
.newsimg{ width:100%; float:left; padding-bottom:60%;}
.newstime{ width:100%; float:left; font-size:12px; text-align:left; color:#b0b0b0; line-height:300%;}
.newstitle{ width:100%; float:left; color:#000; font-weight:bold; font-size:16px;  text-align:left;}
.newsdp{ width:100%; float:left; font-size:14px; color:#636363; text-align:left; line-height:200%;}

.swiper-container3 .swiper-slide:hover .newstitle{ color:#1755ba}

.tabBar{ width:100%; float:left; }
.tabBar .hd{ display:none;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); width:150px; margin-bottom:1%; float:left; background:#FFF;}
.tabBar .hd ul{ z-index:5; position:relative;  zoom:1; width:150px;}

.tabBar .hd li{ float:left; width:150px; cursor:pointer; line-height:30px;}



/*友情链接*/
.yqlxbox{ width:100%; float:left; padding-top:75px; padding-bottom:24px; background:url(../images/bg.jpg) repeat-y left;}
.yqljleft{ width:8.75%; float:left;}
.yqljright{ width:91.25%; float:left;}
.yqljright ul{ width:100%;  list-style:none;}
.yqljright ul li{ width:10%; float:left; text-align:center; line-height:45px; font-size:14px; color:#000;}
	
/*底部*/
.footer{ width:100%; float:left; background:#383c45; padding-top:40px; padding-bottom:2%;}
.f_left{ width:13.5%; float:left;  text-align:center; color:#FFF;}
.f_left span{ color:#FFF; background:#1755ba; padding:7% 20%; border-radius:20px; font-size:14px;}
.ftext{ font-family:"Candara"; font-size:27px; color:#FFF; padding:10% 0px;}
.f_left img{ width:100%; margin-bottom:2%!important;}

.f_right{ width:75%; float:right;}	
.f_right ul{ width:100%; list-style:none;}
.f_right ul li{ width:16.5%; font-size:16px; text-align:center; float:left;}
.f_right ul li a{ color:#FFF;}
.f_right ul li ul{ margin-top:10%; width:100%; float:left;}
.f_right ul li ul li{ width:100%; line-height:220%; float:left; text-align:center; font-size:14px;}
.f_right ul li ul li a{ color:#b7b7b7;}

.copyright{ background:#1b1b1b; color:#b7b7b7; font-size:14px; text-align:center; padding:1.5% 0px !important; width:100%; float:left;}
.copyright a{color:#b7b7b7;}

*单页*/
.page_box{ width:100%; float:left; padding:2% 0px; font-family:"微软雅黑";}
.page_left{ width:25%; float:left; margin-right:2%; margin-bottom:2%; margin-top:2%;}
.pc_middle{ width:90%; float:left; background:#1755ba; 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_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:96%; padding:2% 2%; background:#2c2c2c; color:#FFF; float:left; font-size:15px; line-height:220%;}

.s-side {
  width:100%;	
  background-color: #383c45;
  color:#FFF;
  float:left;
  margin-bottom:2%;
}
.s-side a{ color:#fff; 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:#FFF; 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_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:#f6f6f6; padding:1%; }
.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:#383c45;}
.pic_title span{ padding-left:8px; float:left;}

/*新闻中心*/
.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 span{ float:right; font-size:14px; color:#999999;}



	
.text{ margin:2%; width:100%: float:left; font-size:14px;}	
.text li{border: none;width: auto; margin-bottom:0.5%;}
.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:2% 0px;}
.pages span span{ background:#1755ba; padding:0.5% 1%; color:#FFF;}
.pages a{margin: 0px 10px; background:#383c45; color:#FFF; padding:0.5% 1%;}


@media (max-width:1440px)
{
.index_left{ height:343px;}	
}







