﻿
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;}
label input{vertical-align:middle}
a{text-decoration:none !important;}
a:link,a:visited{color:#333;text-decoration:none; outline:none}
a:hover,a:active{text-decoration:none; color:#FFF !important;}
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:"."}

/*头部*/
#header{ width:100%; float:left; padding:0px; margin:0px;  background:#222222; height:9.0625rem; font-family:"微软雅黑"; }
.nav_ul{ width:100%; float:left; padding:0px; position:relative; z-index:10;}
.nav_ul ul{ list-style:none;}
.nav_ul ul li{ float:left; height:8.9rem; width:8.7rem; line-height:8.9rem; font-size:1.15625rem; text-align:center; background:url(../images/arr.png)no-repeat right; display: inline-block;}
.nav_ul ul li:after {
content: '';
display: block;
height: 2px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
.nav_ul ul li:hover:after {
width: 100%;
background: #b4724f;
}
.nav_ul ul li a{ color:#fff;}
.nav_ul ul li:last-child{ background:none;}
.nav_ul ul li a:hover{ color:#b4724f;}

.nav_ul ul li ul{ width:100%; list-style:none; display:none; }
.nav_ul ul li ul li{ width:100%; height:4rem; line-height:4rem; background:none; background:#222;}
.nav_ul ul li ul li:last-child{ background:#222;}
.nav_ul ul li ul li:hover,.nav_ul ul li ul li:hover a{ background:#b4724f;color:#000;}
.nav_ul ul li ul li:hover:after {
width: 100%;
background:none;
}

.nav_ul ul li ul li ul{ margin-left:100%; margin-top:-3rem;}
.nav_ul ul li ul li ul li{display:none; }
.nav_ul ul li:hover ul{ display:block;}
.nav_ul ul li ul li:hover ul li{ display:block;}
.nav_ul ul li ul li:hover a{ background:none; color:#FFF;}

.h_top{ width:26rem; float:left;}
.h_top img{ width:100%;}
/*banner*/
 .swiper-container {
      width: 100%;
      height: 100%;
	  position:relative;
	  z-index:0;
	
    }
.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;
}


/*关于我们*/
#aboutbox{ width:100%; background:#181818; float:left; font-family:"微软雅黑"; }
.aboutcontent{ position:relative; width:100%; float:left; height:58.625rem; margin-left:16.5625rem;}
.a_left{  margin-top:5.3125rem; width:55.625rem; float:left; position:absolute; top:0px; left:0px; z-index:1;}
.a_left img{ float:left; width:8.651%;}
.a_text{ color:#FFF; font-size:1.05rem; float:left; width:10%; margin-left:2%; margin-top:1%;}
.a_text span{ font-family:"Candara"; font-size:1.8125rem;}

.a_bottom{ width:100%; float:left; height:30.9375rem; background:#2d2d2d; margin-top:5.3125rem; position:relative;}
.a_bottom_left{ margin:7.125rem 10.3125rem 0px 4.625rem; color:#FFF; font-size:1rem; line-height:220%; }
.a_bottom_left span{  width:100%; float:left; font-size:1.590625rem; color:#b4724f; margin-bottom:2.8125rem;}
.a_bottom_left a{ color:#FFF;}
.a_bottom_t{ width:13.25rem; position:absolute; top:0px; right:0px;}
.a_bottom_t img{ width:100%;}

.a_right{ width:76.65rem; float:left; position:absolute; right:0px; top:0px; z-index:0;}
.a_img{ width:100%; float:left; z-index:1; position:relative;}
.a_img img{ width:58.48%; height:25.375rem;}
.a_name{ width:100%; height:42.625rem; background:#121212;  float:left; margin-top:-10rem; z-index:0;}
.a_namebt{ float:left; margin-top:14.8125rem; margin-left:30rem;}
.a_name_eg{ font-size:3.078125rem; color:#fff; text-transform:uppercase; float:left; width:100%;}

.a_name_bt{ color:#FFF; font-size:1.299375rem; float:left; background:url(../images/t.png) no-repeat left top; padding-top:1.6875rem; margin-top:3.2rem;}
.a_namedp{ width:100%; margin-top:4.6875rem; float:left;}
/*服务项目*/
#pro_box{ width:100%; float;left; background:#181818;font-family:"微软雅黑";}
.pro_name{ width:45%; float:left;color:#FFF;}
.pro_top{ margin-top:-6.5625rem; width:100%; font-size:3.078125rem; color:#FFF;text-transform:uppercase; position:relative; z-index:1000;}
.pro_bottom{ font-size:1.299375rem; float:left; background:url(../images/t.png) no-repeat left top; padding-top:1.6875rem; margin-top:3.2rem;}

.prosearch{ width:12.6875rem; float:right; margin-top:4.625rem;}
.prosearch #form1{ width:100%; height:1.5rem; float:left; background:#2d2d2d; border-radius:1rem;}
.prosearch #keywords{ width:85%; float:left; background:none; border:none; color:#979797; font-size:0.723125rem; padding-left:5%;}
.prosearch #keywords:active{ border:none;}
.prosearch #post-search{ width:10%;  height:1.5rem;float:left; background:url(../images/search.png) no-repeat; border:none; background-size:100%; padding:0px!important; }
*:focus { outline: none; }
input {outline:none;}

.swiper-container1 {
      width: 100%;
      height: 100%;
	  float:left;
	  overflow:hidden;
	  margin-top:2.875rem;
	  padding-bottom:10rem;
	  position:relative;

    }
.swiper-container1 .swiper-slide {
      text-align: center;
      font-size: 18px;
	  width:31%;
	 padding:0px 1.5%;
	  height:19.3125rem;
	  
	 
      /* 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%;}	
.swiper-container1 .swiperimg{width:100%; float:left; position:relative;}
.swiper-container1 .swiperimg img{ width:100%; max-height:19.3125rem; }
.zmore{ width:3.3125rem; height:3.3125rem; position:absolute; bottom:-1.6rem; left:11.5rem; background:url(../images/zmore.png) no-repeat; background-size:100%;}
.swiper-container1 .swiper-slide:hover .zmore{background:url(../images/zmore1.png) no-repeat; z-index:10000;}
.swiper_text{ width:100%; line-height:220%; text-align:center; color:#FFF; float:left; margin-top:3.125rem; font-size:1.156878rem;font-family:"微软雅黑";}
.swiper-container1 .swiper-slide:hover .swiper_text{ color:#b4724f;}

.swiper_db{position:absolute; bottom:2rem; height:1.8125rem; width:100%; background:url(../images/xt.png) repeat-x ;opacity:10!important;}
.swiper-button-prev{ background:url(../images/left.png)no-repeat !important; width:3rem !important; height:1.8125rem;  }
.swiper-button-next{background:url(../images/right.png)no-repeat !important; width:3rem !important; height:1.8125rem;}

/*成功案例*/
#casebox{ width:100%; float:left; background:url(../images/probg.jpg) no-repeat left bottom #181818; height:53rem;font-family:"微软雅黑";}
.caseul{ width:100%; float:left; margin-top:2%;}
.casebt{ position:relative;}
.casebt img{ width:75% !important;}
.casename{ position:absolute;  color:#FFF; top:0;right:0px; height:100%; width:100%; background:url(../images/csbg.png)repeat; background-size:100%;}
.casenamebox{ width:35%; float:right;margin-top:3rem;} 

.case_top{font-size:3.078125rem; color:#FFF;text-transform:uppercase; float:left; }
.case_bottom{font-size:1.299375rem; float:left; background:url(../images/t.png) no-repeat left top; padding-top:1.6875rem; margin-top:3.2rem;}

.caseone{ height:23.5625rem; overflow:hidden; padding:0px !important; position:relative;}
.casebgbox{ width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.74); color:#fff;top:0px; text-align:center; font-size:1.156875rem; display:none;}
.casebgbox img{ width:3.3125rem !important; height:3.3125rem; margin-top:8.375rem; margin-bottom:1rem; min-height:auto!important;}

.caseone:hover .casebgbox{ display:block;}


.caseone:first-child{ padding-right:2% !important;}
.caseone img{ width:100%; min-height:23.5625rem;}
.casetwo{ height:20rem; overflow:hidden; padding:0px !important; padding-right:2%!important; position:relative;}
.casetwo:last-child{ padding-right:0px !important;}
.casetwo img{ width:100%; max-height:20rem;}
.casetwo:hover .casebgbox{ display:block;}

/*新闻中心*/
#news{ width:100%; background:#181818; height:23.75rem; float:left;font-family:"微软雅黑";}
.newsbt{ width:15.625rem; float:left; margin-top:4rem;}
.news_top{width:100%; font-size:3.078125rem; color:#FFF;text-transform:uppercase; position:relative; z-index:1000;}
.news_bottom{ font-size:1.299375rem; float:left; background:url(../images/t.png) no-repeat left top; padding-top:1.6875rem; margin-top:3.2rem;}
.newsbox{ width:80%; float:right;}
.newsbox ul{ width:100%; list-style:none;}
.newsbox ul li{ width:26%; float:left; margin-left:7.33%; margin-top:4rem;}
.newstime{ color:#898989; width:100%; float:left; font-size:1.6875rem; border-bottom:1px solid #313131; padding-bottom:2.1875rem;}
.newstime span{ font-size:0.8675rem;}
.newstitle{ width:100%; float:left; color:#FFF; font-size:1rem; padding-top:1.875rem; }
.newsdp{ float:left; width:100%; margin-top:1rem; color:#898989; line-height:200%;text-align:justify; text-justify:inter-ideograph;}
/*底部*/
#footerbox{ width:100%; float:left; background:#121212; padding-top:7.125rem;font-family:"微软雅黑"; padding-bottom:8.125rem;}
.f_left{ width:80%; float:left; color:#FFF;}
.f_box{ width:100%; float:left; line-height:280%; font-size:0.8675rem;}
.f_box a{ color:#FFF;}
.f_right{ float:right; width:20%; text-align:right; color:#b4724f; font-family:"宋体"; line-height:250%;}

/*单页*/
 .page_box{ width:100%; float:left; padding:2% 0px;; background:#2d2d2d; font-family:"微软雅黑";}
 .page_left{ width:22%; float:left; margin-right:2%; margin-bottom:2%;}
 .pc_middle{ width:100%; float:left; background:#b4724f; color:#FFF; font-size:20px; padding:5% 5%; line-height:170%;}
 .pcm_bottom{ color:#FFF; font-size:18px; text-transform:capitalize; text-transform:uppercase;}
 
.page_right{ width:76%; float:left;}
.page_c_name{ width:100%; float:left; border-bottom:1px solid #FFF; line-height:200%; font-size:18px; color:#FFF;}
.page_c_name a{ color:#FFF;}
.page_content{ width:100%; float:left; margin-bottom:1%; margin-top:2%; font-size:15px; line-height:220%; color:#FFF;text-align:justify; text-justify:inter-ideograph;}
.page_content img{ max-width:100%; height:auto; padding:2% 0px;}

.ny_left{ width:100%; padding:2% 2%; background:#121212; color:#FFF; margin-top:2%; float:left; font-size:15px; line-height:220%;}

/*图片*/
.page_pic{ width:100%; float:left; font-family:"微软雅黑";}
.page_pic ul{ width:100%; list-style:none; float:left;}
.page_pic ul li{ width:31.33%; float:left; margin:2% 1% 2% 1%; }
.pic_top{ width:100%; float:left; height:240px; 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:240px;}
.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; background:#121212; text-align:center; line-height:400%; font-size:18px; letter-spacing:1px; color:#b4724f;}
.pic_title span{ padding-left:8px; float:left;}
 
.s-side {
  width:100%;	
  background-color: #121212;
  color:#FFF;
  float:left;
}
.s-side ul{ margin-bottom:0px !important;}
.s-side a{ color:#121212; 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 #2d2d2d;
}
.s-side .d-firstNav span {
  display: inline-block;
  margin-left: 10px;
  font-size:18px;
  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_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:16px; color:#FFF;}
.page_news ul li a{ color:#FFF;}
.page_news ul li span{ float:right; font-size:14px; color:#999999;}

.p_title{width:100%; text-align:center; line-height:250%; float:left; font-size:18px; border-bottom:1px dashed #000;}

.text{ margin-top:2%; width:100%; float:left; color:#FFF;}
.text a{ color:#FFF;}

.pages{width: 100%;height:12px;line-height:12px;float: left;text-align: center;font-size: 12px;font-family: "微软雅黑";color: #FFF;margin-top: 35px}
.pages a{color: #FFF;margin: 0px 10px}
.pages span{ color:#b4724f; font-size:0.8rem;}



/*在线留言*/
.d_detail tr{ width:100%; float:left; margin:1% 0px; color:#FFF;}
.d_detail input{ height:35px;  color:#121212}

.d_detail textarea{ width:300px!important; height:100px !important;}
