/*-----------------[初始化]--------------*/
body{color: #333;font-size: 14px;line-height: 1.5;
font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
overflow-x: hidden;
/*overflow-y:scroll;*/
    /*font-family:"微软雅黑","Microsoft Yahei";overflow-x: hidden;overflow-y:scroll;*/
}

/* change bootstrap.min.css */
.close {
    opacity: .9;
}
a:focus,a:hover {
    text-decoration: none;
}
/* ================= */

a{color: #333;}
a:hover{color: #de5511;}
img{max-width: 100%;}

a,a img,.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

/*布局*/
.h{height: 10px;}
.h15{height: 15px;}
.h20{height: 20px;}
.h30{height: 30px;}
.h40{height: 40px;overflow: hidden;clear: both;}
.h50{height: 50px;}
.m0{margin: 0;}
.p0{padding: 0;}
.flr{float: right;}
.fll{float: left;}
.dn{display: none;}
.posr{position: relative;}
.mb20{margin-bottom: 20px;}

#bd.pt96{padding-top: 96px;}

.fix{*zoom:1;}
.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

/* 通用模块 -------------------------------------------------- */
.g-ul{*zoom:1; }
.g-ul:after,.g-ul:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.g-ul,.g-ul li,.g-ul dt,.g-ul dd{list-style: none;margin: 0;padding: 0;}
.g-ul h3,.g-ul h4,.g-ul h5,.g-ul p{margin: 0;padding: 0;}

.g-inp{font-size: 12px;color: #333;border:0;padding: 0 10px;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.g-inp::-webkit-input-placeholder {color: #9f9fa0;}
.g-inp:-moz-placeholder {color: #9f9fa0; }
.g-inp::-moz-placeholder {color: #9f9fa0; }
.g-inp:-ms-input-placeholder {color: #9f9fa0;}

*,*:focus{outline: 0;}

.container{max-width: 1200px;/*width: 95%;*/}
.g-wp2{width: 100%;}
/*******************************
  -------[=头部]-------
********************************/
#hd{height: 50px;background:#8c4424;width: 100%;/*顶部导航条背景色background: rgba(35,24,21,.9);*/
    position: fixed;left: 0;top: 0;z-index: 997;
    padding: 0 100px 0 110px;
}
#hd .content{max-width: 1700px;width: 100%;margin: 0 auto;}
.logo{float: left;line-height: 48px;}
.logo img{display: inline-block;vertical-align: middle;}
#hd .hdr{float: right;}
#hd .login{float: left;margin-left: 50px;line-height: 48px;color: #fff;}
#hd .login a{color: #fff;margin: 0 5px;font-size: 14px;}
#hd .login a:hover{color: #ee5503;text-decoration: none;}
#hd .user{float: left;margin-left: 50px;line-height: 48px;color: #fff;margin-right: 20px;position: relative;}
#hd .user span{font-size: 14px;display: block;padding-left: 18px;position: relative;
    background: url(../image/ui/ico-29.png) no-repeat left center;cursor: pointer;color:#db5310
}
#hd .user span:after{content: '';position: absolute;width: 6px;height: 4px;top: 50%;margin-top: -2px;right: -7px;
}
/*#hd .user.on span:after{background-image: url(../image/ui/ico-30-on.png);}*/

#hd .user dl{width: 90px;position: absolute;left: -8px;background-color: #f6f5f5;display: none;}
#hd .user dd{text-align: center;line-height: 22px;padding: 0 8px;}
#hd .user dd a{display: block;}
#hd .user dd a:hover{color: #ea5504;text-decoration: none;}
#hd .user dl:after{content: '';width: 11px;height: 7px;position: absolute;top: -6px;left: 8px;
    background: url(../image/ui/ico-31.png) no-repeat center center;
}
#hd .num{float: left;line-height: 48px;margin-left: 20px;}
#hd .num a{display: inline-block;vertical-align: middle;width: 35px;height: 35px;
    background-position: center center;background-repeat: no-repeat;
    position: relative;color: #fff;
    -o-background-size: 20px auto;
    -ms-background-size: 20px auto;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    -o-transition: 0s;
}
#hd .num .ico1{background-image: url(../image/ui/num-01.png);}
#hd .num .ico2{background-image: url(../image/ui/num-02.png);}
#hd .num .ico3{background-image: url(../image/ui/num-03.png);
    -o-background-size: 25px auto;
    -ms-background-size: 25px auto;
    -moz-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
}
#hd .num .ico1:hover{background-image: url(../image/ui/num-01-on.png);}
#hd .num .ico2:hover{background-image: url(../image/ui/num-02-on.png);}
#hd .num .ico3:hover{background-image: url(../image/ui/num-03-on.png);}
#hd .num a:hover{color: #ee5503;}
#hd .num em{position: absolute;right: 0;top: 0;font-style: normal;
    height: 12px;line-height: 12px;
}
#hd .share{float: left;line-height: 48px;margin-left: 20px;}
#hd .share .js-pop{display: inline-block;vertical-align: middle;height: 35px;width: 35px;
    position: relative;margin: 0 6px;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: 25px auto;
    -ms-background-size: 25px auto;
    -moz-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
    transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    -o-transition: 0s;
}
#hd .share .tel{background-image: url(../image/ui/ico-tel.png);
    -o-background-size: 22px auto;
    -ms-background-size: 22px auto;
    -moz-background-size: 22px auto;
    -webkit-background-size: 22px auto;
    background-size: 22px auto;
}
#hd .share .weix{background-image: url(../image/ui/ico-weix.png);}
#hd .share .sina{background-image: url(../image/ui/ico-sina.png);}
#hd .share .dianping{background-image: url(../image/ui/ico-dianping.png);}
#hd .share .tel:hover{background-image: url(../image/ui/ico-tel-on.png);}
#hd .share .weix:hover{background-image: url(../image/ui/ico-weix-on.png);}
#hd .share .dianping:hover{background-image: url(../image/ui/ico-dianping-on.png);}
#hd .share .sina:hover{background-image: url(../image/ui/ico-sina-on.png);}
#hd .lang{position: relative;float: right;height: 48px;margin-left: 50px;}
#hd .lang span{display: block;line-height: 48px;font-size: 14px;color: #fff;cursor: pointer;
    background: url(../image/ui/ico-30.png) no-repeat right center;padding-right: 8px;
}
#hd .lang.on span{background-image: url(../image/ui/ico-30-on.png);}
#hd .lang span i{width: 20px;height: 14px;display: inline-block;vertical-align: middle;
    position: relative;margin-right: 7px;
    background: url(../image/ui/ico-32.png) no-repeat center center;
}
#hd .lang dl{width: 105px;background-color: #fff;position: absolute;
    padding: 8px 0 8px 6px;right: 0px;display: none;border: 1px solid #dedede;
}
#hd .lang dl:after{content: '';position: absolute;right: 18px;top: -10px;
    width: 15px;height: 15px;
    background: url(../image/ui/ico-10.png) no-repeat center center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}/*padding-left: 25px;*/
#hd .lang dd a{line-height: 24px;display: block;color: #4b4848;
    background-position: left center;background-repeat: no-repeat;
}
#hd .lang .ico1 a{background-image: url(../image/ui/ico-32.png);}
#hd .lang .ico2 a{background-image: url(../image/ui/ico-33.png);}
#hd .lang .ico3 a{background-image: url(../image/ui/ico-34.png);}
#hd .lang dd a:hover{color: #ea5504;text-decoration: none; cursor:pointer;}

.pop-er{background-color: #fff;position: absolute;top: 40px;right: -20px;display: none;border: 1px solid #dedede;}
.pop-er:after{content: '';position: absolute;right: 30px;top: -10px;
    width: 15px;height: 15px;
    background: url(../image/ui/ico-10.png) no-repeat center center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.pop-er ul{overflow: hidden;width: 120px;padding: 10px 0;}/*二维码宽度*/
.pop-er li{width: 100px;height: 100px;float: left;margin-left: 10px;}
.pop-er li img{display: block;width: 100%;}
.pop-er .txt{font-size: 14px;color: #333;padding: 0 10px;width:120px;}


/*******************************
    -------[=导航]-------
********************************/
#nv{float: left;}
.g-nav{}
.g-nav li{float: left;line-height: 50px;margin: 0 26px;}
.g-nav li a{color: #fff;font-size: 14px;text-decoration: none;cursor:pointer; }
.g-nav li a img {margin-right:10px; }
.g-nav li a:hover{}
.g-nav li .v1{padding-bottom: 11px;
    transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    -o-transition: 0s;
}
.g-nav li .v1:hover{color: #fff;/*菜单链接颜色ea5504*/
    border-bottom: 3px solid #fff;text-decoration: none;
}


/*******************************
  -------[=banner]-------
*******************************/
#banner{height: 61vh;position: relative;}/*100vh*/
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide{height: 100%;}
#banner .slick-slide{outline: 0;position: relative;
    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: 50px;width: 100%;padding: 0;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 5px;}
#banner .slick-dots li button{display: block;width: 30px;height: 2px;padding: 0;
    font-size: 0;line-height: 0;text-indent: 999px;background: 0;border: 1px solid #9e9e9e;
    outline: 0;cursor: pointer;
}
/*
#banner .slick-dots li button{display: block;width: 12px;height: 12px;padding: 0;
    font-size: 0;line-height: 0;text-indent: 999px;background: 0;border: 1px solid #fff;
    border-radius: 50%;outline: 0;cursor: pointer;
}
*/
#banner .slick-dots li.slick-active button{background-color: #fff;}

#banner .slick-arrow{width: 55px;height: 55px;display: block;border: 0;background: 0;
    font-size: 0;text-indent: -9999px;z-index: 99;position: absolute;top: 50%;margin-top: -27px;
    background-position: center center;background-repeat: no-repeat;
}
#banner .slick-prev{left: 48px;background-image: url(../image/ui/arr-l.png);}
#banner .slick-next{right: 48px;background-image: url(../image/ui/arr-r.png);}

#banner .txt{text-align: center;position: absolute;width: 100%;left: 0;color: #231815;
    top: 50%;margin-top: -30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#banner .txt h3{font-size: 60px;font-weight: bold;}
#banner .txt p{font-size: 30px;font-weight: bold;}
#banner .txt p em{color: #ea5504;font-style: normal;margin-right: 30px;}
#banner .item1{background-position: left center}
#banner .item1 .g-btn1{bottom: -290px;left: 25%;}
#banner .item2 .g-btn1{bottom: -270px;}

#banner .g-btn1{position: absolute;bottom: -100px;left: 50%;height: 40px;line-height: 40px;outline: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.g-btn1{display: block;margin: 0 auto;border: 1px solid #fff;height: 32px;text-align: center;
    line-height: 32px;color: #fff;width: 200px;
}
.g-btn1:hover{background-color: #ee5503;color: #fff;text-decoration: none;
    border-color: #ee5503;
}
.a-down{width: 40px;height: 35px;display: block;position: absolute;z-index: 100;
    bottom: 20px;left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../image/ui/ico-down.png) no-repeat center center;
}
.a-down:hover{background-image: url(../image/ui/ico-down-on.png);}

.fixme{height: 100%;overflow: hidden;}
.overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;
    background-color: rgba(0,0,0,0.6);z-index: 99;
}

/*******************************
  -------[=底部]-------
********************************/


/*******************************
    -------[=正文]-------
********************************/
#bd{overflow: hidden;}

.m-list1{overflow: hidden;padding-top: 44px;margin-bottom: 40px;}
.m-list1 li{width: 33.33%;float: left;}
.m-list1 .con{margin: 0 50px;text-align: center;}
.m-list1 h3{font-size: 15px;font-weight: normal;margin: 0;color: #4b4848;margin-bottom: 20px;}
.m-list1 span{width: 200px;height: 200px;display: block;margin: 0 auto 25px;
    background-position: center center;background-repeat: no-repeat;border-radius:50%;
}
.m-list1 span.ico1{background-image: url(../image/ui/ico-01.jpg);}
.m-list1 span.ico2{background-image: url(../image/ui/ico-02.jpg);}
.m-list1 span.ico3{background-image: url(../image/ui/ico-03.jpg);}
.m-list1 span.ico4{background-image: url(../image/ui/ico-04.jpg);}
.m-list1 span.ico5{background-image: url(../image/ui/ico-05.jpg);}
.m-list1 span.ico6{background-image: url(../image/ui/ico-06.jpg);}
.m-list1 p{color: #888889;line-height: 24px;}

.m-list2{overflow: hidden;margin: 0 -3px;}
.m-list2 li{width: 25%;float: left;}
.m-list2 .con{margin: 0 3px;position: relative;overflow: hidden;text-align: center;}
.m-list2 .pic{padding-top: 100%;height: 0;position: relative;}
.m-list2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.m-list2 .txt{position: absolute;top: 0;left: 0;bottom: 0;right: 0;padding: 0 24px;
    background: rgba(0,0,0,.5);
}
.m-list2 h3{margin: 0;color: #fff;font-size: 15px; /* border-top: 1px solid #fff; */ padding-top: 12px;margin-bottom: 30px;
}
.m-list2 span{display: block;height: 80px;margin-bottom: 15px;
    background-position: center bottom;background-repeat: no-repeat;
}
.m-list2 .bot{}
.m-list2 .bot a{display: inline-block;width: 49%;color: #fff;height: 32px;line-height: 32px;
    text-align: center;border: 1px solid #fff;
}
.m-list2 .bot a:hover{background-color: #8c4424;border-color: #8c4424;text-decoration: none;}

.g-tit1{text-align: center;overflow: hidden;margin-bottom: 30px;}
.g-tit1 span{font-size: 15px;color: #3e3a39;position: relative;padding: 0 20px;}
.g-tit1 span:after,.g-tit1 span:before{content: '';position: absolute;height: 1px;
    background-color: #a5a4a4;width: 1000px;top: 50%;
}
.g-tit1 span:after{left: 100%;}
.g-tit1 span:before{right: 100%;}

.m-list3{overflow: hidden;margin: 0 -15px;}
.m-list3 li{width: 25%;float: left;margin-bottom: 30px;}
.m-list3 .con{margin: 0 15px;}
.m-list3 h3{margin: 0;text-align: center;}
.m-list3 h3 a{display: inline-block;padding: 0 15px;font-size: 12px;color: #4b4848;height: 32px;line-height: 32px;}
.m-list3 h3 a:hover{background-color: #8c4424;color: #fff;text-decoration: none;}
.m-list3 .pic{padding-top: 66.7%;height: 0;position: relative;overflow: hidden;/*padding-top: 100% 首页产品图片高度*/

}
.m-list3 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.m-list3 li:hover .pic img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.g-tit2{overflow: hidden;font-size: 15px;color: #4b4848;
    border-bottom: 1px solid #a5a4a4;line-height: 35px;
}
.g-tit2 a{float: right;font-size: 12px;display: block;padding-left: 16px;
    background: url(../image/ui/ico-more.jpg) no-repeat left center;
}
.g-tit2 a:hover{text-decoration: none;color: #ee5503;}

.m-txt1{margin-bottom: 115px;}
.m-txt1 .pic img{width: 100%;display: block;}
.m-txt1 .txt{line-height: 20px;height: 300px;overflow-x: hidden;overflow-y:auto;}
.m-txt1 .txt p{margin-bottom: 0;text-indent: 2em;}
.fd-1{
    background: #f7f7f7;
    padding-top: 40px;
}

.fd-con{overflow: hidden;text-align: center;margin-bottom: 20px;}
.fd-con li{display: inline-block;padding: 0 60px;border-right: 1px solid #b1afaf;}
.fd-con li:last-child{border-right: 0;}
.fd-con dt{font-size: 14px;color: #3e3a39;margin-bottom: 20px;text-align: left;}
.fd-con dd{line-height: 22px;text-align: left;}
.fd-con dd a{color: #595757;}
.fd-con dd a:hover{color: #ee5503;text-decoration: none;}
.fd-bot{height: 45px;background-color: #231815;overflow: hidden;
    position: relative;
    z-index: 999;
}
.fd-logo{line-height: 45px;float: left;}
.fd-logo img{display: inline-block;vertical-align: middle;}
.fd-bot{padding: 0 100px 0 110px;}
.fd-bot .txt{float: right;line-height: 45px;color: #fff;}
.fd-bot .txt span{}
.fd-bot .txt em{font-style: normal;}
#fd .content{max-width: 1200px;width: 100%;margin: 0 auto;}

.fix-top{width: 60px;position: fixed;right: 60px;bottom: 130px;}
.fix-top li{margin-bottom: 2px;background-color: rgba(201,201,202,.8);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fix-top li a{display: block;text-align: center;color: #fff;padding-bottom: 5px;}
.fix-top li span{height: 45px;display: block;
    background-position: center center;background-repeat: no-repeat;
}
.fix-top .ico1 span{background-image: url(../image/ui/ico-07.png);}
.fix-top .ico2 span{background-image: url(../image/ui/wei-02.png);}
.fix-top .top{height: 35px;display: block;
    background: url(../image/ui/ico-09.png) no-repeat center center;
}
.fix-top li:hover{background-color: #ee5503;}
.fix-top li:hover a{text-decoration: none;}

.fix-top.left1{right: 130px;}
.fix-top.left2{right: 250px;}


.menuBtn{position: absolute;z-index: 9;display: none;right: 10px;top: 9px;
    width: 35px;height: 35px;padding: 3px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;

}
.menuBtn b{display: block;height: 3px;background-color: #fff;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 5px;top: 50%;width: 30px;}
.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);
}

.pop-weibo{
    width: 115px;
}