*{
    margin:0 auto;
    padding:0;
}
body{
    font-family:Georgia,Arial;
    font-size: 14px;
    line-height: 24px;
    color:#333;
}
ul li{
    list-style-type: none;
}
header{
    height:99px;
    background: #333333;
}
header .head{
    width:1200px;
}
header .head .logo{
    display: inline-block;
 }
header .head .logo p{
    color:#fff;
    font-size: 30px;
    line-height:99px;
    font-weight: bold;
}
header .nav{
    float: right;
}
header .head ul{
    overflow: hidden;
}
header .head ul li{
    float: left;
    color: #fff;
    line-height: 99px;
}
header .head ul li.active{
    background: #cba842;
    color:#000;
    cursor: pointer;
}
header .head ul li a{
    display: block;
    text-decoration: none;
    padding:0 20px;
    color: #fff;
}
article{
    padding:50px 0;
}
article .wrap{
    width:1200px;
}
article .wrap .slide,article .wrap .content{
    float: left;
}
article .wrap .slide ul li{
    color:#666;
    width:310px;
    font-weight: bold;
    padding:12px 0 12px 32px;
    position: relative;
}
article .wrap .slide ul li .triangle{
    display: none;
    position: absolute;
    right: -16px;
    top:14px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 16px solid #cba842;
    border-bottom: 10px solid transparent;
}
/*article .wrap .slide ul li:hover .triangle,article .wrap .slide ul li.active .triangle{
    display: block;
}
article .wrap .slide ul li:hover,article .wrap .slide ul li.active{
    color:#010101;
    background: #cba842;
}*/
article .wrap .slide ul li.active .triangle{
    display: block;
}
article .wrap .slide ul li:hover{
    color:#010101;
}
article .wrap .slide ul li.active{
    color:#010101;
    background: #cba842;
}
article .wrap .content{
    width:730px;
    min-height: 330px;
    padding-left: 32px;
}
article .wrap .content .list-content:not(:first-child) {
    display: none;
}
article .wrap .content .list-content.active{
    display: block;
}
article .wrap .content .list-content .des-img img{
    width:29%;
    margin:10px;
}
article .wrap .contact{
    margin-left: 100px;
}
article .wrap .contact dl:not(:nth-child(1)){
    margin-top: 36px;
}
article .wrap .contact dl dt{
    font-weight: bold;
}
article .company{
}
article .company h2{
    text-align: center;
}
article .company h2:not(:first-child){
    margin-top: 24px;
}
article .company ul{
    margin-top: 24px;
}
article .company p{
    margin-top: 24px;
    line-height: 24px;
}
article .company p a{
    color:rgb(58,0,255);
}
article .company p.img{
    text-align: center;
}
article .company p.img img{
    margin:0 40px;
}
footer{
    background: #333;
}
footer .foot{
    width:1200px;
    text-align: center;
    padding:32px 0;
}
footer .foot>p{
    font-size: 24px;
    font-weight: bold;
}
footer .foot p{
    color:#fff;
}
footer .foot ul{
    overflow: hidden;
    padding:40px 0;
}
footer .foot ul li{
    float: left;
    box-sizing: border-box;
    width:400px;
}