﻿
/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #444;}
a:hover{color: #f60;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
#hd{height: 114px;background: rgba(44,36,34,0);/*overflow: hidden;*/z-index: 9999;position: fixed;left: 0;right: 0;z-index: 9999;top: 0;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
#hd.hd_fix{background: rgba(44,36,34,.9);    
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
#hd .wp{position: relative;height: 114px;}
#hd .logo{display: block;width: 120px;height: 90px;position: absolute;top:10px;left: 50%;margin-left: -60px;vertical-align: middle;background: url(../images/logo.png) no-repeat center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.open #hd .logo{background: url(../images/logo2.png) no-repeat center center;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
#hd.hd_fix .logo{
    background: url(../images/logo2.png) no-repeat center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#nv {overflow: hidden;padding-top: 29px;display: none;}
#nv li{width: 11%;float: left;height: 55px;text-align: center;}
#nv li:nth-child(4){margin-right: 11%;}
#nv a{display: block;position: relative;height: 53px;color: #e1dfdf;font-size: 13px;line-height: 53px;text-align: center;}
#nv em{display: block;position: absolute;height: 53px;top: 0;line-height: 53px;left: 0;right: 0;    
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
#nv span{display: block;height: 53px;position: absolute;top: 120%;line-height: 53px;left: 0;right: 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
#nv li:hover{background: url(../images/gbg1.png) no-repeat center bottom;}
#nv a:hover em{top: -120%;}
#nv a:hover span{top: 0;}
#hd.hd_fix .menuBtn.open{}
/*******************************
    -------[=导航]-------
********************************/
.menuBtn{/*position: relative;*/z-index: 9;/*display: none;*//*float: right;*/position: absolute;right: 27px;top: 50%;margin-top: -20px;
   padding: 7px;cursor: pointer;width: 78px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #fff; width: 24px;margin-left: 50px;
    margin-bottom:4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn:before{content: 'MENU';position: absolute;left: 0;top: 0;color: #fff;font-size: 13px;display: block;height: 32px;line-height: 32px;}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;right: 5px;width: 30px;top: 86%;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/*******************************
  -------[=banner]-------
*******************************/
#banner{height: 669px;margin-bottom: 53px;}
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide{height: 100%;}
#banner .slick-slide{outline: 0;position: relative;    background-attachment: fixed; 
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#banner .slick-dots{position: absolute;left: 0;bottom: 28px;width: 100%;text-align: center;z-index: 99;text-align: center;}
#banner .slick-dots li{display: inline-block;margin: 0 3px;}
#banner .slick-dots li button{display: block;width: 60px;height: 4px;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #d9dcde;border: none;outline: 0;cursor: pointer;
}
#banner .slick-dots li.slick-active button{background-color: #dab96a;}


/*******************************
  -------[=底部]-------
********************************/
.fd-con{overflow: hidden;position: relative;padding: 33px 0 36px;
    background-color: #434343;
}
.fd-con .link{overflow: hidden;width: 61%;float: left;}
.fd-con .link dl{float: left;width: 20%;border-right: 1px solid #545454;
    padding-left: 32px;height: 195px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fd-con .link dt{font-size: 14px;color: #fff;margin-bottom: 10px;}
.fd-con .link dd a{display: block;color: #919191;line-height: 22px;font-size: 13px;}
.fd-con .link dd a:hover{color: #dab96a;}
.fd-con .fdr{width: 33%;padding: 0 66px 0 0px;float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fd-con .fdr h3{font-size: 14px;color: #fff;font-weight: normal;}
.fd-con .fdr h3 span{display: block;font-size: 30px;font-family: "Impact";
    color: #fff;font-weight: bold;padding-bottom: 6px;margin:10px 0 0px;
}
.fd-con .txt{color: #919191;font-size: 13px;line-height: 21px;height: 84px;overflow: hidden;}
.fd-con .txt a{color:#919191; }
.fd-con .txt a:hover{color: #dab96a;}
.fd-con .ma{overflow: hidden;width: 286px;border-top: 1px solid #666869;margin-top: 6px;padding-top: 10px;}
.fd-con .ma .pic{width: 100px;height: 100px;overflow: hidden;float: left;}
.fd-con .ma img{display: block;width: 100%;height: 100%;}
.fd-con .ma p{color: #919191;float: left;padding-left: 10px;}
.fd-copy{line-height: 42px;overflow: hidden;border-bottom: 3px solid #fff;
    background-color: #dab96a;color: #fff;
}
.fd-copy i{font-style: normal;}
.fd-copy a{color: #fff;display: inline-block;padding: 0 5px;}
.fd-copy a:hover{text-decoration: underline;}
.fd-copy span{float: right;}
.fd-copy img{position: relative;top: 5px;}
.fd-copy .l-copy{float: left;}
.fd-copy .r-copy{float: right;}

/*******************************
    -------[=正文]-------
********************************/
.g-title{color: #4b4b4b;line-height: 40px;text-align: center;font-weight: normal;}
.g-title h2{font-weight: normal;font-size: 24px;}
.g-title span{display: inline-block;font-size: 40px;height: 67px;line-height: 67px;padding: 0 16px;position: relative;}
.g-title span:before{width: 36px;height: 1px;background-color: #e2e2e2;content: '';position: absolute;left: -52px;top: 50%;}
.g-title span:after{width: 36px;height: 1px;background-color: #e2e2e2;content: '';position: absolute;right: -52px;top: 50%;}
.g-title2{color: #777;line-height: 40px;text-align: center;font-weight: normal;}
.g-title2 h2{font-weight: normal;font-size: 22px;position: relative;color: #dab96a;display: inline-block;padding: 0 8px;}
.g-title2 span{display: block;font-size: 30px;height: 45px;line-height: 45px;}
.g-title2 h2:before{width: 26px;height: 1px;background-color: #c8c8c8;content: '';position: absolute;left: 100%;top: 50%;}
.g-title2 h2:after{width: 26px;height: 1px;background-color: #c8c8c8;content: '';position: absolute;right: 100%;top: 50%;}
