/* CSS Document */
@import url(wb_global.css);

.sub_page{width:100%; position: absolute;min-width:1360px; height:643px; margin-top:83px;  }

.sub_body{ position: absolute;width:100%; margin-top:657px; height:81px;background-color:rgba(255,255,255,0.8);}

.wb_body { float:left;width:100%; margin-top:820px; min-width:1360px;}
.promise{ float:left; width:100%;}


.wb_sub_menu {float:left;width:100%; display:inline;list-style-type:none; }
.wb_sub_menu ul{ float:left; }
.wb_sub_menu li{ float:left;width:190px; text-align:center; height:81px; line-height:76px;  font-size:16px;  }
.wb_sub_menu li:hover{ background:url(../images/sub_menu_bg.png) no-repeat;-webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s; }
.sub_menu_on {  background:url(../images/sub_menu_bg.png) no-repeat;}





.honor{ float:left; width:100%; margin-top:40px;}
.honor ul{ margin:0px; padding:0px;}
.honor li{ float:left;margin-top:17px; margin-left:10px;   width:330px; display:inline;background-color: #fff; overflow:hidden; }
.honor li h1{ float:left; width:330px; height:50px; line-height:50px; text-align:center;  font-size:15px;  display:inline;}
.honor li img{ float:left; width:330px; height: auto; }
.honor li span{ float:left; float:left; width:330px; height:250px; line-height:40px; text-align:center;overflow:hidden;}


.honor li:hover{  
background-color: #caa370; color:#FFF; 
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;  
 }  
.honor li:hover img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}


.vidio_title {float:left;  margin:100px 0px 0px 120px; padding-bottom:50px; clear:both; width:920px;}
.vidio_title h1 {float:left; width:920px; font-size:24px; color:#414141; font-weight:normal;}
.vidio_title span { font-weight:normal; color:#666; }

.vidio_title p{float:left; width:650px; }

.vidio_content{ float:left;margin:15px 0px 0px 0px;width:920px;margin-top:15px; color:#686868; display:inline;  line-height:24px;text-align:justify; text-justify:inter-ideograph; }

.body_content p{ line-height:24px;}


.wb_news{ margin:0 auto; width:96%; margin-top:30px; color:#464646;}
@media screen and (min-width: 1600px) and (max-width:2400px){
.wb_news   li{ float:left; padding:40px;width:20%; height: auto; display:inline; border-left: #dddddd 1px double;   }
}
@media screen and (min-width: 1280px) and (max-width:1599px){
.wb_news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:24%; height: auto; display:inline; background-color:#ededee;   }
}

@media screen and (min-width: 640px) and (max-width:1279px){
.wb_news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:32%; height: auto; display:inline; background-color:#ededee;   }
}
@media screen and (max-width:640px){
.wb_news   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:49%; height: auto; display:inline; background-color:#ededee;   }
}

.wb_news   li h1{ float:left;  font-size:15px; margin-top:10px;  display:block;  width:100%; height:56px; line-height:24px; text-align:left; color:#4d4d4d; }
.wb_news   li span {overflow:hidden; }
.wb_news  li p{ float:left; margin-top:10px;width:100%; line-height:25px; display:inline; height:100px;  text-align:justify;text-justify:inter-ideograph;}
.wb_news  li img{ float:left; width:100%; height: auto;}

.wb_news li:hover{  
background-color:#caa370; color:#FFF;
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;   -webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;
 }   
.polygon_news li:hover h1{  
 color:#FFF;
 
 }  
.polygon_news  li:hover img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}

.pro_show{ float:left; width:100%; margin-top:20px;  padding:0px; }
.pro_show ul{margin:0px 0px 0px 0px; padding:0px;}
.pro_show li{  float:left; margin-top:12px;display:inline; background-color: #eeeeee; width:330px; height:370px; }

.pro_show li:hover{ background-color:#cc2a2e;  color:#FFF;}

.pro_show span{ text-align:center; width:330px;height:34px; line-height:34px;  display:block;}

.pro_show A IMG {width:330px; height:330px;border:1px solid #DDDDDD; }
.pro_show A:hover IMG {border:1px solid #e77817;}




.case{ width:100%; margin:0 auto; margin-top:30px;  }
.case ul{ margin:0px; padding:0px;}
.case li{ float:left;margin-top:10px; margin-left:10px; font-size:14px; height:40px; line-height:40px;  border: #dddddd 1px double; text-align:center;   width:210px; display:inline;background-color: #fff; overflow:hidden; }


.case li:hover{  
background-color: #caa370; color:#FFF; 
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;  
 }  




.case_content{ float:left;margin:15px 0px 0px 0px;width:100%;margin-top:15px; color:#686868; display:inline;  line-height:24px;text-align:justify; text-justify:inter-ideograph; }




.pagecount  { float:left; margin-top:50px; margin-bottom:50px; }
.pagecount ul { float:left; margin:0px; padding:0px;}

.pagecount li { float:left;  background-color:#e3e3e3; text-align:center; width:40px; height:40px; line-height:40px; margin-right:5px; margin-top:5px; font-size:14px;color:#FFF; font-weight:bold;}
.pagecount li span{   text-align:center; color:#949494;}
.pagecount li:hover {  background-color:#0295d4;color:#FFF; }
.pagecount li:hover span { color:#fff;}

.gongdi_detail{ margin:0 auto; width:1040px;}
case_title { float:left;  margin:0px; width:100%; }
.case_title h1{ font-size:25px; width:100%; font-weight: bold; color:#cc2a2e;}
.case_title span { float:left; color:#CCC; width:100%; margin-top:10px;}
.case_content{ float:left;margin:15px 0px 0px 0px;width:100%; overflow:hidden;margin-top:15px; color:#686868; display:inline;  line-height:24px;text-align:justify; text-justify:inter-ideograph; }
  .min_w{  float:left; width:100%; margin-top:88px; text-align:center;  background-color:#eeeeee; }
  
.more{ margin:0 auto; margin-top:30px;  width:300px; color:#F00; height:40px; font-size:16px; line-height:40px; background-color:#f1f1f1;  text-align:center;}
.more:hover{  
background-color: #fdd041; color:#FFF; 
 
 } 
 
 .back{ margin:0 auto; margin-top:30px;  width:200px; color:#FFF; height:40px; font-size:16px; line-height:40px; background-color:#cc2a2e;  text-align:center;}
.back:hover{  
background-color: #c30000; color:#FFF; 
 
 }   
.wrap{float:left;position:relative;left:50%;}
.inner{position: relative;left: -50%; }
 
.body_content{ float:left; width:800px; padding:35px; margin:0 auto;color:#686868; display:inline; font-size:13px;  line-height:24px;text-align:justify; text-justify:inter-ideograph; }

.body_content p{ float:left; margin-top:10px; width:100%; line-height:24px;}

.body_content img{ max-width:800px;}

.message{ float:left; width:1150px; margin:30px 0px 0px 40px;}
.message ul{ margin:0px; padding:0px;}
.message li { padding:30px; float:left; width:1120px; margin-top:30px; overflow:hidden; zoom:1; background-color:#fff;border: #cacaca 1px dotted; }
.message li span{ float:left; width:1050px; height:45px; line-height:45px; background-color:#e5e5e5;}
.message li h1{  height:45px; line-height:45px; font-weight:normal; }
.message li p{ float:left; width:1000px; margin-left:20px; line-height:30px; padding-bottom:30px;}
.message li:hover{  
background-color: #e9e9e9; margin-left:10px;
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;  
 }