@charset "utf-8";
/*网站公共样式*/




body { font-family:"微软雅黑"; font-size:12px; background:#fff; color:#333; line-height:22px; width:100%; overflow-x:hidden;   }
body,html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
ul,li { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; padding:0; margin:0;}
a{ text-decoration:none; color:#333; }
a:hover{ color:#cc0000;}
img { border:none;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.del_float1{ display:block; height:0; clear:both; visibility:hidden; }

.document-width{ width:1180px; margin:auto; }

.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea {  -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{ width:auto; float:left; }
.pro_index{ display:none;}

/***动效***/
.showupinfo{animation: myupinfo 1s linear;}
.showupinfo1{animation: myupinfo 1.5s linear;}
.showupinfo2{animation: myupinfo 2s linear;}

@keyframes myupinfo
{
  0%{opacity:0.2;transform: translateY(80px);}  
  100% {opacity: 1;transform: translateY(0px);}
}  


.header{ width:100%; height:50px; float:left; background:#fff; padding:15px 0;}
.header a{ width:100%; height:50px; background:url(../images/logo.png) left center no-repeat; float:left; display:block; padding-left:280px; font-size:19px; line-height:55px;  }
.banner{ width:100%; overflow:hidden; position:relative;}
.banner ul {  overflow:hidden;  }
.banner ul li{ width:100%; float:left; position:relative;}
.banner ul li a{width:100%; height:100%; float:left; display:block; font-size:0; padding:0; margin:0;}
.banner-span{margin:0px;padding:0px;width:100%;position:absolute; bottom:30px;text-align:center; z-index:3;}
.banner-span span{display:inline-block;margin:0 5px;width:15px;height:10px; border-radius:5px; background:#fff; cursor:pointer;}
.banner-span span.cur{display:inline-block;margin:0 3px;width:40px;height:10px; border-radius:5px; background:#ed7616; cursor:pointer;}

.index_div{ width:100%; height:auto; float:left; background:#fff; padding:60px 0 30px 0;}
h2.h2{ width:230px; height:50px; margin:0 auto; line-height:50px; background:#ba3434; color:#fff; text-align:center; font-size:30px; border-radius:5px;}
.wz{ width:100%; height:auto; float:left; padding:20px 0; font-size:17px; line-height:32px;}
.wz p{ width:100%; height:auto; float:left;}
h3.h3{ width:230px; height:32px; margin:0px auto; line-height:32px;color:#333; text-align:center; font-size:30px;}
.wz ul.u1{ width:100%; height:auto; float:left;}
.wz ul.u1 li{ width:33%; height:auto; float:left;}
.wz ul.u1 li img{ width:100%; height:auto; display:block;}
.wz ul.u1 li:nth-child(2){margin:0 0.5%;}

.index_div1{ width:100%;height:800px; float:left; background:url(../images/jiegou.png) center center no-repeat; background-size:cover;}
.b_bj{ background:url(../images/bai_bj.png) center center no-repeat; background-size:cover; padding:80px 0; height:800px; box-sizing:border-box;}
.index_div1 dl{ width:29.33%; height:auto; margin:80px 2% 0 2%; float:left;}
.index_div1 dl dt{ width:100%; height:auto; float:left; text-align:center; font-size:26px; color:#333; margin:15px 0;}
.index_div1 dl dd{ width:100%; height:auto; float:left; font-size:17px; line-height:32px; text-align:left; color:#333;}

.index_div2{ width:100%; min-height:300px; float:left; background:url(../images/wenhua.png) center center no-repeat; background-size:cover;  padding:80px 0; }
.index_div2 dl{ width:29.33%; height:auto; margin:80px 2% 0 2%; float:left;}
.index_div2 dl dt{ width:100%; height:auto; float:left; text-align:center; font-size:26px; color:#333; margin:15px 0;}
.index_div2 dl dd{ width:100%; height:auto; float:left; font-size:17px; line-height:32px; text-align:center; color:#333;}

.bottom{ width:100%; height:auto; float:left; background:#3f3f3f; padding:30px 0 60px 0;}
.bottom h2{ width:100%; height:auto; float:left; color:#fff; font-size:26px; margin:15px 0;}
.bottom h3{ width:100%; height:auto; float:left; color:#fff; font-size:20px; line-height:32px; margin:5px 0;}
.bottom p{ width:100%; height:auto; float:left; font-size:17px; color:#fff; line-height:32px;}

.footer{ width:100%; height:auto; float:left; background:#505151; padding:10px 0; text-align:center; color:#fff; font-size:18px; line-height:26px;}
.footer a{ color:#fff;}