@charset "utf-8";
html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,embed,object,applet,header,nav,section,strong,footer,a,img{
    border:0;
    margin:0;
    padding:0;
    font-size:12px;
    font-family: 微软雅黑;
}
ul{
    list-style:none
}
a{
    text-decoration:none;
    color:#787f87;
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{
    clear:both;
    overflow:hidden;
}
.clearfix{
    zoom:1;
}
/*------------------------------------------------------网站头部------------------------------------------------------*/
.top{
    background: #e9e9e9;
    min-width: 980px;
}
.top ul{
    margin:0 auto;
    width:63%;
    min-width: 900px;
    padding:10px 0;
}
.top ul li{
    float: right;
    margin-left:20px;
}
.top ul li span{
    color:#888;
}

/*------------------------------------------------------网站轮播------------------------------------------------------*/
#slider {
    min-width: 980px;
    background: #ededed;
}
/*--------------CONTROLS--------------*/

/*position controls*/
.controls li {
    top: 50%;
    margin-top: -30px
}

.controls li:nth-child(1) {
    left: 0;
}

.controls li:nth-child(2) {
    right: 0;
}
/*------------PAGINATION------------*/
/*style pagination*/
.pagination li {
    background-color: #ddd;
}
.pagination li.active {
    background-color: #000;
}
/*-------------HELPERS----------------*/
.responsive {
    width: 100%;
    height: auto;
}
/*------------------------------------------------------公司优势------------------------------------------------------*/
.adv{
    background: #ededed;
    min-width: 980px;
}
.adv ul{
    width:63%;
    margin:0 auto;
    padding: 40px 0;
}
.adv ul li{
    float:left;
    width:23.5%;
    padding:20px 0;
}
.adv ul li:first-child{
    background: #eac02e;
}
.adv ul li:first-child+li{
    background: #ff7171;
    margin-left:2%;
}
.adv ul li:first-child+li+li{
    background: #56a5c1;
    margin-left:2%;
}
.adv ul li:first-child+li+li+li{
    background: #5ebd24;
    margin-left:2%;
}
.adv ul li span{
    display: block;
    width:100%;
    text-align: center;
    color:white;
}
.adv ul li span:first-child{
    font-size:35px;
    font-weight:bold;
}
.adv ul li span:first-child+span{
    font-size:25px;
    padding:20px 0;
    font-weight:bold;
}
.adv ul li span:first-child+span+span{
    font-size:16px;
}
/*------------------------------------------------------公司优势------------------------------------------------------*/
.pro{
    width:63%;
    min-width: 980px;
    margin:0 auto;
    padding-top:30px;
}
.pro .pro_title{
    text-align: center;
    padding:20px 0;
    background: url(../images/pro_bg.png) no-repeat center bottom;
}
.pro .pro_title h1{
    font-size: 32px;
}
.pro .pro_title span{
    font-size: 15px;
    color:#999;
}
.pro ul{
    margin-top:50px;
    border-bottom:10px solid #f0f0f0;
}
.pro ul li{
    float: left;
    width:30%;
}
.pro ul li .image{
    display: block;
    width:100%;
    height:180px;
    position: relative;
    overflow: hidden;
}
.pro ul li .image .img1{
    position: absolute;
    z-index: 1;
    width:100%;
    height:100%;

}
.pro ul li .image .img1 img{
    width:100%;
    height:100%;
}

.pro ul li .image .img2{
    position: absolute;
    z-index: 2;
    width:100%;
    height:100%;
    text-align: center;
    background: rgba(94,189,36,0.3);
}
.pro ul li .image .img2 img{
    margin-top:60px;
}
.pro ul li:first-child+li{
    margin:0 5%;
}
.pro ul li span{
    display: block;
    font-size:17px;
    font-weight:bold;
    text-align: center;
    padding:15px 0;
}
/*------------------------------------------------------网站横幅------------------------------------------------------*/
.banner{
    width:63%;
    min-width: 980px;
    margin:30px auto;
}
.banner .pro_title{
    text-align: center;
    padding:20px 0;
}
.banner .pro_title h1{
    font-size: 32px;
}
.banner .pro_title span{
    font-size: 15px;
    color:#999;
}
.banner img{
    width:100%;
}
/*------------------------------------------------------案例展示------------------------------------------------------*/
.case{
    min-width: 980px;
    padding-top:30px;
    background: url(../images/case_bg.jpg);
    background-size: 100%;
}
.case .case_title{
    text-align: center;
    padding:20px 0;
    background: url(../images/pro_bg.png) no-repeat center bottom;
}
.case .case_title h1{
    font-size: 32px;
    color:white;
}
.case .case_title span{
    font-size: 15px;
    color:white;
}

.case .more{
    text-align: center;
    margin:15px 0;
}
.case .more a{
    color: red;
}
.case .more img{
    display: block;
    margin: 5px auto;
}
.case .list{
    width: 63%;
    margin: 30px auto 0;
    padding-bottom:50px;
}
.case .list li{
    float: left;
    width: 30%;
    height:220px;
    position: relative;
    overflow: hidden;
}
.case .list li:first-child{
    margin-bottom:35px;
}
.case .list li:first-child+li+li{
    margin-bottom:35px;
}
.case .list li:first-child+li{
    margin:0 5% 35px 5%;
}
.case .list li:first-child+li+li+li+li{
    margin:0 5%;
}
.case .list li a{
    display: block;
    width:100%;
    height:100%;
}
.case .list li a .show{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.case .list li a .show img{
    width:100%;
    height:100%;
}
.case .list li a .hide{
    position: absolute;
    top:100%;
    left:0;
    width: 100%;
    height:100%;
    background: rgba(94,189,36,0.3);
}
.case .list li a .hide h3{
    width:80%;
    margin:45px auto;
    padding:10px 0;
    font-size: 20px;
    color:white;
    text-align: center;
    border-top:10px solid rgba(255,255,255,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
.case .list li a .hide span{
    display: block;
    margin: 0 auto;
    text-align: center;
    width:45%;
    padding:15px 0;
    font-size: 15px;
    color: white;
    border:1px solid white;
}
.case .list li a .hide span:hover{
    background: red;
}
/*------------------------------------------------------关于我们------------------------------------------------------*/
.about{
    width:63%;
    min-width: 980px;
    margin:0 auto;
    padding-top:30px;
}
.about .pro_title{
    text-align: center;
    padding:20px 0;
    background: url(../images/pro_bg.png) no-repeat center bottom;
}
.about .pro_title h1{
    font-size: 32px;
}
.about .pro_title span{
    font-size: 15px;
    color:#999;
}

.about .connect{
    margin-top:50px;
}
.about .connect .left{
    float: left;
    width:57%;
}
.about .connect .left p{
    font-size:16px;
    margin-bottom:8px;
    line-height:25px;
    text-align: justify;
}
.about .connect .right{
    float: right;
    width:40%;
}
.about .connect .right img{
    width:100%;
    height:315px;
}
/*------------------------------------------------------新闻资讯------------------------------------------------------*/
.news{
    min-width: 980px;
    margin:50px auto 0;
    padding-top:30px;
    background: #f0f0f0;
}
.news .pro_title{
    text-align: center;
    padding:20px 0;
    background: url(../images/pro_bg.png) no-repeat center bottom;
}
.news .pro_title h1{
    font-size: 32px;
}
.news .pro_title span{
    font-size: 15px;
    color:#999;
}
.news .connect{
    width: 63%;
    min-width: 980px;
    margin: 30px auto 0;
}
.news .connect .left{
    float: left;
    width:70%;
}
.news .connect .left li a .l{
    float: left;
    width:15%;
}
.news .connect .left li a .l img{
    width:100%;
    height:78px;
}
.news .connect .left li{
    float: left;
    width: 100%;
    margin-bottom:25px;
    padding-bottom:10px;
    border-bottom:1px dashed #b1b1b1;
}
.news .connect .left li a .r{
    float: right;
    width: 83%;
}
.news .connect .left li a .r span{
    display: block;
    font-size:15px;
}
.news .connect .left li a .r span:first-child{
    color: black;
}
.news .connect .left li a .r span:first-child+span{
    color: #999;
    padding:5px 0;
}
.news .connect .left li a .r span:first-child+span+span{
    color:#666;
}
.news .connect .left li a .r span:first-child:hover{
    color:red;
}

.news .connect .right{
    float: right;
    width: 28%;
}
.news .connect .right img{
    width:100%;
    height:250px;
}
.news .connect .right span{
    display: block;
    background: #48c000;
    text-align: center;
    color: white;
    font-size:15px;
    padding:15px 0;
    margin-top:25px;
    font-weight: bold;
}
/*------------------------------------------------------网站底部------------------------------------------------------*/
.footer{
    background: #262626;
}
.footer .links{
    width: 63%;
    min-width: 980px;
    margin: 0 auto;
    padding:20px 0;
    border-bottom:1px solid #333;
}
.footer .links li{
    float: left;
    margin-right: 20px;
}
.footer .links li:first-child{
    color:white;
    font-size:14px;
}
.footer .links li a{
    color: #999;
    font-size: 14px;
}
.footer .connect{
    width: 63%;
    min-width: 980px;
    margin: 30px auto 0;
    padding-bottom: 20px;
}
.footer .connect .left{
    float: left;
    width: 60%;
}
.footer .connect .left ul li{
    float: left;
    color: #c7c7c7;
}
.footer .connect .left ul li a{
    font-size: 14px;
    color: #c7c7c7;
}
.footer .connect .left img{
    padding:20px 0;
}
.footer .connect .left .ewm{
    width: 90px;
    margin: 0 auto;
}
.footer .connect .right{
    float: right;
    width: 35%;
}
.footer .connect .right h3{
    font-size: 20px;
    color:white;
    height:55px;
    line-height: 55px;
    background: url(../images/about_bg.png) no-repeat;
}
.footer .connect .right .lx{
    background: url(../images/foot_bg.jpg) no-repeat;
}
.footer .connect .right .lx li{
    font-size:14px;
    color: #bcbcbc;
    text-indent: 35px;
    height:30px;
    line-height: 25px;
}
/*------------------------------------------------------版权信息------------------------------------------------------*/
.bq{
    min-width: 980px;
    background: #404040;
}
.bq p{
    width:63%;
    margin: 0 auto;
    padding:10px 0;
    text-align: center;
    color: #c2c2c2;
    font-size: 14px;
}
.bq p a{
    color: red;
    font-size: 14px;
}
.bq p a:hover{
    text-decoration: underline;
}