@charset "gb2312";
ul ,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
*{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}


.nav1{float: right;}
/*#nav{}*/
.nav1 ul li{float: left;margin-left: 27px;}
.nav1 ul li a{color: #fff;font-size: 17px;}
.nav1 ul li a:hover{color: #93F219;}

.nav{position:relative; z-index:100;  }
.nav .nLi{ position:relative; display:inline;  }
.nav .sub{ display:none;left:0; top:60px;  position:absolute; background:#93F219;line-height: 35px;}
.nav .sub li:first-child{border-top: 2px solid #93F219;}
.nav .sub li{ zoom:1;width: 100px;height: 33px;border-bottom:1px solid #fff;margin-left: 0px;text-align: center;line-height: 33px; }
.nav .sub a{ display:block;font-size: 13px;color: #fff;}
.nav .sub a:hover{ background:#93F219; color:#fff;font-size: 13px;}



.fp-tableCell{
    vertical-align: top;
}
#fp-nav ul li, .fp-slidesNav ul li{
    width: 20px;
    height:20px;
    margin: 14px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    width: 16px;
    height: 16px;
   border:  2px solid #93f219
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
    background: #93f219;
}
.first{
    background: url("../images/first.jpg") no-repeat top center;
    background-size:cover;
}
.second{
    background: url("../images/second.jpg") no-repeat top center;
    background-size:cover;
}
.five{
    background: url("../images/thread.jpg") no-repeat top center;
    background-size:cover;
}
.thread{
    background: url("../images/five.jpg") no-repeat top center;
    background-size:cover;
}
.fourth{
    background: url("../images/fourth.jpg") no-repeat top center;
    background-size:cover;
}
.line1{
    width: 100%;
    /*height: 2px; border-bottom: 1px solid #fff;*/
    /*border-top: 1px solid #fff;*/
    position: absolute;
    left:0;
    top:120px;
}
.main{
    display: block;
    position: relative;
    height: auto;
    width: 1400px;
    margin: 0 auto;
    vertical-align: top;
    height: 100%;
}
.main:after,.main:before{
    clear: both;
    content: '';
}
.header{
    width: 1400px;
    height: 120px;
    position: absolute;
    top:0;
    left:0;
}
.logo{
    float: left;
    width: 484px;
    height: 124px;
}
.nav{
    float: right;
    margin-top: 20px;
}
.nav ul li{
    margin-left: 25px;
    float: left;
    line-height: 20px;
}
.nav ul li a{
    color: #fff;
}
.font{
    width: 831px;
    height: 200px;
    position: absolute;
    left: 50%;
    top:214px;
    margin-left: -415.5px;
}
.news{
    width: 525px;
    /*height: 220px;*/
    position: absolute;
    left: 50%;
    bottom:100px;

    z-index: 1;
    margin-left: -262.5px;
}
.news ul li{
    width: 525px;
    float: left;
    height: 25px;
    margin:5px 0;
    color: #fff;
}
.news ul li i{
    float: left;
    height: 20px;
    width: 20px;
    background: #93f219;
    margin: 2.5px 10px;
}
.news ul li a{
    float: left;
    width: 330px;
    line-height: 25px;
    color: #fff;
}
.news ul li span{
    float: right;
    line-height: 25px;
}
.about-img{
    width: 419px;
    height: 474px;
    position: absolute;
    top: 176px;
    left: 0;
}
.about-con {
    opacity: 0.5;
    background-color: #000;
    width: 694px;
    height:474px;
    top:176px;
    right: 98px;
    position: absolute;
}
.about-con .about-tit{
    width: 694px;
    height:129px;
    float: left;
    background: url("../images/about-tit.png") no-repeat;
}
.about-txt{
    color: #fff;
}
.about-con .about-txt{
    width: 694px;
    height:345px;
    float: left;
}
.proo{height: 80px;}
.pro-titt{
    width: 1200px;
    height: 78px;
    margin:  0 auto;
    background: url("../images/cy-tit.png") no-repeat;
}
.procdl p, .procdr p{
    text-align: center;
    font-size: 25px;
    color: #000;
    margin-top: 30px;
}
.procdl span, .procdr span{
    width: 473px;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-top: 30px;
}
.procd{
    width: 1200px;
    height: 450px;
    margin: 0 auto;
    margin-top: 25px;
    
}
.procdl{
    width: 590px;
    height: 450px;
    float: left;
    background-color: #fff;
}
.procdr{
    width: 590px;
    height: 450px;
    float: right;
    background-color: #E1E1E1;
}
.pro-tit{
    width: 1200px;
    height: 91px;
    margin:  0 auto;
    background: url("../images/cd.png") no-repeat;
}



.pro-con{
    width: 940px;
    height:480px;
    position: absolute;
    top:243px;
    left: 50%;
    padding: 0 130px;
    margin-left: -600px;
    background: url("../images/lay.png") left 277px repeat-x;
}
.pro-con ul{
    position: relative;
    height: 940px;
    height: 480px;

}
.pro-con ul li{
    width: 235px;
    height:480px;
    float: left;
    background: #fff;
    position: relative;
}
.pro-con ul li .tit{
    width: 235px;
    height:133px;
    position: absolute;
    background: url("../images/lay.png") repeat;
    left: 0;
    bottom:70px;
    text-align: center;
    line-height: 133px;
    color: #fff;
    font-size: 30px;
}
.contact-tit{
    width: 1200px;
    height: 88px;
    margin: 0 auto;
    /*position: absolute;
    margin-left: -349px;*/
    background: url("../images/contact-tit.png") no-repeat;
   /* top:82px;
    left: 50%;*/
}
.contact-con{
    position: absolute;
    left: 150px;
    top:295px;
    width: 540px;
    height: 345px;
    border: 2px solid #93f219;
}
.qr-code{
    width: 366px;
    height:345px;
    position: absolute;
    top:295px;
    right: 153px;
    background: #fff;
}
.copyright{
    width: 1400px;
    position: absolute;
    height: 50px;
    left: 0;
    bottom:0;
    line-height: 50px;
    text-align: center;
}
.copright_1{
            margin-left: 20px; 
            margin-top: 30px; 
}
.top{
    /*display: table;
    width: 100%;
    
    background: url("../images/first.jpg")  no-repeat center top;
    position: relative;*/
    background: url(../images/first.jpg) no-repeat top center;
    background-size: cover;
    height: 480px;
}
.footer{
    display: table;
    width: 100%;
    height: 50px;
    position: relative;
    background: #000;
}
.content{
    display: table;
    width: 100%;
    padding-top: 30px;
    height:auto;
    min-height: 600px;;
}
.pro { margin:0 auto; width:100%;}
.pro:after{
    content: '';
    clear: both;
}
.pro li {width:250px; height:234px; float:left; overflow:hidden; margin:0px 15px 20px 15px; background:url(../images/ProBg.png) no-repeat;}
.pro li img{ width:230px; height:160px; padding:10px;}
.pro li span{display:block; text-align:center; height:25px; line-height:25px; overflow:hidden;}
.pro li  span a{ color:#333;}
.pro li  span a:hover{ color:#333}
.sabrosus{
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
}
.News_list { margin:0 auto; width:95%; height:auto; overflow:auto; padding:6px 0;}
.News_list li { width:100%; height:50px; line-height:50px; text-indent:57px; overflow:hidden; background:url(../images/Icon5.png) no-repeat 37px 21px; font-size:14px;font-family:Microsoft YaHei;}
.News_list li span {float:right; padding-right:30px; color:#333;}
.News_list li a:link,.News_list li a:visited {color:#333; font-size:14px;}
.News_list li.gray { background:#F3F3F3 url(../images/Icon5.png) no-repeat 37px 21px;}
.copright{position: absolute;bottom: 10px;left: 300px;width: 1400px;}
.left{width: 1400px;height: 25px;border-top: 2px solid #74bf13;border-bottom:2px solid #74bf13; margin: 0 auto;margin-top: 15px;text-align: center; display:none}.left ul{ display:inline-block}
.left ul li{float: left;width: 130px;height: 29px;}.left ul li a{color: #000;font-size: 16px;font-weight: bold;}
.wz img{
    width: 39px;
    height: 37px;
    /*margin-top: 15px;*/
    float: left;
}
.wz{
    height: 37px;
    margin-left: 20px;
    margin-top: 20px;
}
.wz p{
    /*height: 37px;*/
    color: #fff;
    line-height: 37px;
    float: left;
    margin-left: 10px;
}