*{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
.clearfix{
    clear: both;
}
.top{
    width: 100%;
    height: 70px;
    background: #292929;
}

.container{
    width: 1200px;
    margin: 0 auto;
}
.container .c_r{
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 70px;
}
.container .c_l{
    float: right;
    font-size: 16px;
    color: #fff;
    line-height: 70px;
}
.container .c_l a{
    color: #fff;
}
nav{width:1200px;margin:0 auto; padding: 25px 0 20px 0;}
nav .logo{
    width: 330px;
    float: left;
}
ul{margin:0;padding:0;list-style:none}
ul.dropdown{position:relative;width:100%}
ul.dropdown li{font-weight:400;float:left;width:124px;position:relative;}
ul.dropdown a em{
    display: block;
    font-size: 14px;
    font-style: normal;
    line-height: 30px;
}
ul.dropdown a:hover{color:#008cd7}
ul.dropdown li a{display:block;padding:20px 8px;color:#34495e;position:relative;z-index:2000;text-align:center;text-decoration:none;font-weight:300}
ul.dropdown li a:hover,ul.dropdown li a.hover{position:relative;color:#008cd7;}
ul.dropdown ul{display:none;position:absolute;top:0;left:0;width:124px;z-index:1000}
ul.dropdown ul li{font-weight:400;background:#f6f6f6;color:#000;border-bottom:1px solid #ccc}
ul.dropdown ul li a{display:block;color:#34495e!important;background:#efefef!important}
ul.dropdown ul li a:hover{display:block;color:#008cd7!important}
.drop>a{position:relative}

.banner {
    width: 100%;
    height: 450px;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

.banner_img {
    width: 100%;
    height: 450px;
    position: absolute;
    left: 0;
    top: 0;
}

.banner_img li {
    width: 100%;
    height: 450px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    list-style: none;
}

.banner_list {
    height: 50px;
    top: 400px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}

.banner_list span {
    display: block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid #555;
    float: left;
    margin: 0 5px;
}

.banner_list .spcss {
    border: 3px solid #008cd7;
}

.banner_left {
    position: absolute;
    height: 90px;
    width: 60px;
    top: 50%;
    left: -60px;
    background-color: rgba(73,72,62, 0.6);
    margin-top: -45px;
    text-align: center;
    transition: all .5s;
    z-index: 2;
}

.banner_left:hover {
    background-color: rgba(73,72,62, 0.9);
}

.banner_right {
    position: absolute;
    height: 90px;
    width: 60px;
    top: 50%;
    right: -60px;
    background-color: rgba(73,72,62, 0.6);
    margin-top: -45px;
    text-align: center;
    transition: all .5s;
    z-index: 2;
}

.banner_right:hover {
    background-color: rgba(73,72,62, 0.9);
}

.banner_left img {
    margin-top: 22px;
}

.banner_right img {
    margin-top: 22px;
}
.search{
    width: 100%;
    height: 45px;
    background: #292929;
}
.search form{
    float: right;
}
.search form label{
    color: #feae00;
    font-size: 14px;
    line-height: 45px;
}
.search form input{
    width: 170px;
    height: 19px;
    border: 1px solid #feae00;
    background: none;
}
.search form button{
    width: 45px;
    height: 21px;
    background:#feae00;
    color: #ffffff;
    border: none;
}

.ser{
    float: left;
    width: 285px;
    margin-right: 20px;
}
.last{
    margin-right: 0px;
}
.ser h3{
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 20px;
}
.ser h3 img{
    padding-left: 10px;
}
.index-ser{
    padding: 60px 0 80px 0;
}
.ser .thumb{
    display: block;
    height: 232px;
}
.ser .thumb img{
    width: 100%;
    height: 232px;
}
.ser .more{
    display: block;
    width: 100px;
    height: 34px;
    background: #000000;
    color: #ffffff;
    text-align: center;
    line-height: 34px;
}
.indeabout {
    min-height: 360px;
    background: url("../images/about_bg.jpg") no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0;
}
.intro{
    color: #ffffff;
    font-size: 16px;
    line-height: 36px;
    text-indent: 32px;
}
.bz{
    width: 200px;
    float: left;
    margin: 50px 100px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
.bz .shuzi{
    font-size: 32px;
    line-height: 50px;
}
.footer{
    width: 100%;
    height: 120px;
    background: #1a1a1a;
    margin-bottom: 1px;
    padding: 60px 0;
}
.footer .item{
    float: left;
    width: 25%;
    text-align: left;
}
.footer .item li a{
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}
.copyright{
    width: 100%;
    height: 50px;
    background: #1a1a1a;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
}
.copyright a{
    color: #ffffff;
}
.page{
    padding: 60px 0;
}
.page .left{
    width: 185px;
    float: left;
    margin-right: 30px;
}
.page .left .menu a{
    display: block;
    width: 180px;
    height: 59px;
    background: #1a1a1a;
    color: #ffffff;
    line-height: 59px;
    text-align: center;
    border-left: 5px solid #e6e1e1;
    font-size: 18px;
    font-weight: bold;
}
.page .left .menu li{
    margin-bottom: 15px;
}

.page .left .menu li.active a,.page .left .menu li a:hover{
    border-left: 5px solid #ff0000;
    background: #f7c57a;
    color: #000;
}
.page .left .tel{
    padding-top: 20px;
    width: 100%;
    padding-left: 60px;
    background: url("../images/menu_tel_bg.jpg") no-repeat;
    height: 85px;
}

.page .left .tel h4{
    font-size: 16px;
    color: #707070;
}
.page .left .tel p{
    font-size: 16px;
    font-weight: bold;
}
.page .left .lianxi{
    padding-top: 150px;
    padding-left: 15px;
    width: 100%;
    background: url("../images/lianxi_bg.jpg") no-repeat;
    height: 90px;
}

.page .left .childm li a,.page .left li.active .childm li a{
    width: 100%;
    height: 47px;
    background: #f6f6f6;
    border-left: none;
    font-size: 12px;
    color: #000000;
    line-height: 47px;
}
.page .left li .childm li a:hover{
    border-left: none;
    color: #ff0000;
}
.page .right{ float: left; width: 980px;}
.page .right .content{
    line-height: 32px;
    font-size: 16px;
}
.page .right .content img{
    max-width: 100%;
}
.page .right .item{
    clear: both;
    width: 960px;
    margin-bottom: 30px;
}

.page .right .item .thumb{
    float: left;
    width: 240px;
    height: 158px;
    margin-right: 20px;
}
.page .right .item .thumb img{
    width: 100%;
}
.page .right .item .info{
    float: left;
    font-size: 14px;
    width: 700px;
    line-height: 36px;
}
.page .right .item .info h2{
    font-size: 16px;
    color: #000000;
}
.page .right .item .info a,.page .right .item .info h2:hover{
    color: #f7c57a;
}
.productsul li{
    display:block;
    width: 289px;
    height: 225px;
    padding-top: 15px;
    float: left;
    background: #e5e5e5;
    margin: 0 10px 30px 10px;
    text-align: center;
    line-height: 35px;

}
.productsul li a{
    color: #000000;
}
.productsul li a img{
    display: block;
    width: 272px;
    height: 180px;
    margin: 0 auto;
}