.hidden{width: 100%;overflow: hidden;}
.header{position: fixed;z-index: 9999;top: 0;width: 100%;background: black;height: 130px;}
.head-main{width: 1600px;margin: 0 auto;}
.logo{float: left;margin-top: 38px;display: block;margin-right: 95px;}

.nav{float: left;}
.nav .nav-item{float: left;margin-right: 50px;}
.nav .category {width: 76px;text-align: center;position: relative;color: #fff;display: block;font-size: 16px;line-height:128px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.nav .category:after{position: absolute;content: '';width: 0%;height: 2px;background: #fcd475;left: 50%;top: 0;transition: all .5s;}
.nav .category.hover:after,.nav .category:hover:after{width: 100%;left: 0;}
.nav .category.hover,.nav .category:hover{color: #fcd475;}
.header .dropdown-menu {border-top: solid 1px #e6e6e6; display: none; z-index: 999;-webkit-transition: none;-o-transition: none;transition: none;height: auto;width: 100%;left: 0;margin-top: 0;}
.header .dropdown-menu.full-screen {position: absolute;top: 129px;}
.nav-item:hover .dropdown-menu {display: block;visibility: visible;}
.dropdown-container .container-middle{text-align: center;}
.menu-wrap{width: 1600px;margin: 0 auto;background: #f7f8f9;}
.menu-left{width: 22%;background: #f7f8f9;float: left;padding: 20px 0px;}
.menu-left a{display: block;font-size: 14px;padding: 0 20px; color: #333;height: 40px;line-height: 40px;background: url(../images/abv-right.png) no-repeat right 20px center;}
.menu-left a.active{background-color: white;}
.menu-right{width: 78%;float: right;background: white;padding: 30px 40px;}
.menu-list{display: none;}
.menu-list ul{margin-left: -23px;}
.menu-list li{overflow: hidden; float: left;margin-left: 23px;width: 23%;}
.menu-pic{width: 200px;height: 170px;overflow: hidden;}
.menu-pic img{display: block;width: 100%;}
.menu-list li:hover .menu-fo{color: #fcd475;}
.menu-fo{text-align: left;font-size: 14px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.menu-more{padding-right: 20px; display: block;color: #666;font-size: 16px;margin: 15px 0;background: url(../images/abv-right.png) no-repeat left 70px center;}
.menu-more:hover{color: #fcd475;background-image: url(../images/indx-spanH.png);background-size: 9px 16px;}
.menu-ab a{font-size: 16px;color: #333;}
.menu-ab{margin-bottom: 10px;line-height: 24px;height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.menu-as,.menu-as a{font-size: 14px;color:#666;margin-bottom: 5px;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.menu-list .menu-li{width: 30%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: solid 1px #e6e6e6;}
.menu-li-left{float: left;width: 100px;height: 85px;overflow: hidden;    margin-right: 20px;}
.menu-li-left img{display: block;width: 100%;}
.menu-li-right{float: left;width: 150px;height:150px;}
.menu-ab a:hover,.menu-as a:hover{color: #8c6825;}
.nav-rela{position: relative;}






.dropdown-container .container-middle{text-align: center;}
.dropmenu {position: absolute;top: 130px;left: -32px; z-index: 500;max-height: 0;opacity: 0;overflow: hidden;transition: max-height 1s;padding-top: 5px;}
.nav .nav-item:hover .dropmenu {opacity: 1;max-height: 550px;background: white;box-shadow: 0 0 15px rgba(0,0,0,0.1);padding: 0 20px;}
.menu-sma{min-width: 100px;}
.menu-sma a{display: block;text-align: center; height: 55px;line-height: 55px;font-size: 14px;color: #777;border-bottom: solid 1px #e4e4e4;}
.menu-sma a:last-child{border-bottom: none;}
.menu-sma a:hover{color: #8c6825;}
.lanu{padding-left: 29px; float: right;margin-top: 60px;width:70px;background: url(../images/lanu.png) no-repeat right center;height: 15px;line-height: 15px;}
.lanu a{font-size: 16px;color: #fff;margin-bottom: 8px;display: block;}
.lanu a.en{opacity: 0;}
.lanu:hover a.en{opacity: 1;}
.lanu a:hover{color: #fcd475;}
.search{margin-top: 50px;width: 30px;height: 30px;border-radius: 50%;background: #fcd578 url(../images/search.png) no-repeat center;float: right;margin-left: 27px;}

/*banner*/
.banner{position: relative;margin-top: 80px;}
.banner .slides{height: 650px;}
.banner .slides li{padding-top: 182px;width: 100%;height: 698px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner .slides li>a{width: 100%;height: 100%;display: block;}
.banner .flex-control-nav {position: absolute;width: 100%;text-align: center;height: 20px;bottom: 60px;}
.banner .flex-control-nav li{display: inline-block;height: 20px;}
.banner .flex-control-nav li a{display:block;width: 20px;height: 20px;border-radius: 50%;background: url(../images/flexli.png);transition: all .5s;margin: 0 15px;}
.banner .flex-control-nav li a.flex-active{background: url(../images/flexactive.png) no-repeat center;}
.banner .flex-prev{position: absolute;left: 80px;width: 39px;height: 39px;background:rgba(0,0,0,0.3) url(../images/banner-left.png) no-repeat center;border-radius: 50%;top: 50%;margin-top: -19.5px;}
.banner .flex-next{position: absolute;right: 80px;width: 39px;height: 39px;background:rgba(0,0,0,0.3) url(../images/banner-right.png) no-repeat center;border-radius: 50%;top: 50%;margin-top: -19.5px;}
.banner .flex-prev:hover,.banner .flex-next:hover{background-color: #fcd47575;}
.banner .slides li h3{visibility: hidden;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;font-size: 56px;color: #262626;line-height: 56px;margin-bottom: 20px;}
.banner .slides li h4{visibility: hidden;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;color: #444444;font-size: 25px;line-height: 25px;margin-bottom: 45px;}
.banner .slides li p{visibility: hidden;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;float: left;padding: 0 25px;border-left: solid 1px #bfc3c5;color: #333;line-height: 26px;font-size: 15px;}
.banner .slides li p.p1{padding: 3px 25px;border: solid 1px #fcd578;color: #fcd578;border-radius: 50px;margin-top: 15px;}
.banner .slides li p:first-child{padding-left: 0;border-left: none;}
.banner .slides li.flex-active-slide h3,.banner .slides li.flex-active-slide h4,.banner .slides li.flex-active-slide p{  visibility: visible;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}

/*第一版*/
.index-one{padding-top: 62px; background: url(../images/ino-bg.png) no-repeat center;background-size: cover;height: 340px;}
.ino-big{padding: 0 60px;}
.hi-icon {
    display: inline-block;
    cursor: pointer;
    margin-left: 211px;
    width: 216px;
    height: 216px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #333;
    font-size: 18px;
    background: #f7fdfa;
    padding-top: 57px;
    
}
.hi-icon:first-child{margin-left: 0;}
 .hi-icon {
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.ino-icon{background-position:center;background-repeat: no-repeat;height: 58px;margin-bottom: 20px;}
.ino-icon1{background-image: url(../images/ino-icon1.png);}
.hi-icon:hover .ino-icon1{background-image: url(../images/ino-icon1H.png);transform: translateY(0);}
.ino-icon2{background-image: url(../images/ino-icon2.png);}
.hi-icon:hover .ino-icon2{background-image: url(../images/ino-icon2H.png);transform: translateY(0);}
.ino-icon3{background-image: url(../images/ino-icon3.png);}
.hi-icon:hover .ino-icon3{background-image: url(../images/ino-icon3H.png);transform: translateY(0);}



.hi-icon:hover h4{color: white;}


.hi-icon:after{position: absolute;content: '';width: 244px;height: 244px;border: dashed 1px #856d3c; transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;border-radius: 50%;left: 50%;top: 50%;margin-left: -122px;margin-top: -122px;}
.hi-icon:hover {
    background: url(../images/hi-icon.png) no-repeat center;
    background-size: cover;
    color: #fff;

}
.hi-icon:hover:before {
	background: url(../images/ino-icon2.png) no-repeat center;
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}
.hi-icon:hover:after{    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;}


.index-content{background: #f1f2f4;padding-top: 50px;padding-bottom: 30px;}
.index-two{margin-left: -27px;margin-bottom: 40px;}
.int-list{display: block;float: left;margin-left: 27px;}
.int-pic{width: 382px;height: 219px;overflow: hidden;}
.int-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.int-font{width: 367px;height: 165px;padding: 22px 20px 15px 20px;background: white;margin: -27px auto 0 auto;position: relative;}
.int-time{font-size: 16px;color: #888;font-family: arial;line-height: 16px;}
.int-tit{font-size: 16px;color: #333;line-height: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 15px;}
.int-font p{font-size: 14px;color: #979797;line-height: 24px;margin-top: 12px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; width:93%;}
.int-font span{transition: all .5s;position: absolute;display: block;width: 32px;height: 32px;border: solid 1px #eeeeee;border-radius: 50%;bottom: 15px;right: 20px;background: url(../images/int-span.png) no-repeat center;}
.int-list:hover img{transform: scale(1.1);}
.int-list:hover .int-tit{color: #8c6825;}
.int-list:hover .int-font span{border: none;background: #916e2e url(../images/int-spanH.png) no-repeat center; transform: rotateZ(360deg);}
.index-three{margin-left: -10px;margin-bottom: 40px;}
.ine-video{position: relative;width: 393px;float: left;margin-left: 10px;overflow: hidden;}
.ine-pic{width: 393px;height: 214px;overflow: hidden;}
.ine-pic img{width: 100%; display: block;transition: all .5s;}
.ine-video:hover img{transform: scale(1.1);}
.ine-video:after{position: absolute;content: '';width: 58px;height: 58px;left: 50%;margin-left: -29px;top: 80px;z-index: 88; background: url(../images/pause.png) no-repeat center;}
.ine-font{font-size: 18px;color: #333;font-weight: lighter;padding-left: 30px;height: 70px;line-height: 70px;background: white;}
.ine-video:hover .ine-font{color: #8e6d34;}

/*视频*/
.msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 1001;}
.msg-box {width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;margin-left: -430px;top: 0;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.msg-box .close-box {width: 38px;height: 38px;background: url("../images/btn-close-modal.png") no-repeat center;cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

/*第四版*/
.index{padding-bottom: 10px;}
.index-tit{font-size: 26px;color: #8e6d34;line-height: 26px;margin-bottom: 30px;}
.pro-content .index-tit:hover{color:#8c6825} 
.index-big{display: block;position: relative;overflow: hidden;margin-bottom: 40px;}
.index-img{width: 1200px;height: 400px;overflow: hidden;}
.index-img img{display: block;width: 100%;transition: all .5s;}
.index-img:hover img{transform: scale(1.1);}
.index-po{position: absolute;left: 0;bottom: 0;height: 100%;width: 600px;background: white;padding: 50px 0px;}
.index-po:hover .index-font h3,.index-po:hover .index-font span{color: #8f6b30;}
.index-po:hover .index-font span{background-image: url(../images/indx-spanH.png);}
.index-pic{float: left;width: 330px;height: 282px;overflow: hidden;}
.index-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.index-po:hover img{transform: scale(1.1);}
.index-font{float: right;width: 270px;height: 282px;padding: 65px 49px 65px 20px;}
.index-font h3{margin-bottom: 12px; font-size: 18px;color: #333;line-height: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-font p{font-size: 16px;color: #888;line-height: 26px;margin-bottom: 42px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-font span{display: block;font-size: 16px;color: #666;background: url(../images/index-span.png) no-repeat left 75px center;}
.index-font span:hover{color: #333;}
.index-pro{margin-left: -30px;}
.index-list{width: 380px;height: 513px;float: left;margin-left: 30px;margin-bottom: 30px;background: white;display: block;}
.inf-pic{width: 380px;height: 324px;overflow: hidden;margin-bottom: 29px;}
.inf-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.index-list h3{font-size: 24px;color: #333;text-align: center;margin-top: 25px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:60%;margin:0 auto;}
.index-list h4{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 10px; font-size: 16px;color: #888;text-align: center;line-height: 16px; width:80%;margin:10px auto;}
.index-list span{display: block;text-align: center;margin-top: 39px;font-size: 16px;color: #666;line-height: 16px;text-align: center;background: url(../images/index-span.png) no-repeat left 230px center;}
.index-list:hover img{transform: scale(1.1);}
.index-list:hover span{background-image: url(../images/indx-spanH.png);}
.index-list:hover h3,.index-list:hover span{color: #8f6b30;}
.index-list:hover{box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}

.index-tit span{font-size: 14px;color: #666666;line-height: 26px;padding-left: 20px;float: left;}
.index-tit span.span{padding-left: 0;font-size: 26px;color: #8e6d34;line-height: 26px;}
.ins{margin-left: -30px;padding-bottom: 30px;}
.ins-list{position: relative; display: block;float: left;margin-left: 30px;}
.ins-pic{width: 380px;height: 334px;overflow: hidden;}
.ins-pic img{display: block;width: 100%;height: 100%;-webkit-filter: grayscale(50%);-moz-filter: grayscale(50%);-ms-filter: grayscale(50%);-o-filter: grayscale(50%);filter: grayscale(50%);transition: all 1s;filter: gray;}
.ins-font{padding: 16px 70px 10px 20px;background: rgba(0,0,0,0.7);position: absolute;width: 100%;left: 0;bottom: -42px;font-size: 14px;color: white;line-height: 22px;}

.ins-list:hover img{transform: scale(1.1); -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.link{font-size: 18px;color: #888987;}
.link a{font-size: 15px;color: #666;display: inline-block;margin-left: 40px;}


/*底部*/
.foot{padding: 60px 0 50px 0;background: #1f1f23;}
.foot-left{float: left;}
.foot-left dl{float: left;width: 178px;text-align: left;}
.foot-left dt{margin-bottom: 15px;}
.foot-left dt a{font-size: 16px;color: #fdd47a;line-height: 16px;margin-bottom: 15px;}
.foot-left dd a{color: #888987;font-size: 14px;line-height: 32px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.foot-ewm{float: left;margin-left: 135px;padding-right: 60px;border-right: solid 1px #2a2a2e;}
.foot-ewm h3{margin-bottom: 15px; color: #888987;font-size: 16px;text-align: center;}
.foot-ewm .ewm{background: white;border-radius: 5px;padding: 10px;}
.foot-ewm .ewm img{display: block;}
.foot-right{width: 200px;float: right;text-align: center;}
.foot-right .tell{margin-bottom: 8px;color: #fdd47a;font-size: 24px;padding-left: 25px;background: url(../images/tell.png) no-repeat left  center;}
.foot-right h3{color: #888;font-size: 16px;}
.foot-right a{border-radius: 5px;margin-top: 27px; display: inline-block;width: 138px;height: 42px;color: #888;text-align: center;line-height: 42px;border: solid 1px #dbdbdb;}
.foot-right a:hover{border: none;color: #333333;background: #f8d56e;}
.foot-bot{margin-top: 45px;height: 34px;}
.foot-bot span{float: left;color: #888987;font-size: 16px;display: block;line-height: 34px;}
.foot-share{float: left;margin-left: 15px;}
.foot-share a{background-color: #2e2f2f; width: 34px;height: 34px !important;margin: 0 !important;padding: 0 !important;margin-right: 14px !important;border-radius: 50%;}
.foot-share a.bds_tsina{background: #2e2f2f url(../images/weibo.png) no-repeat center ;}
.foot-share a.bds_weixin{background: #2e2f2f url(../images/weixin.png) no-repeat center ;}
.foot-share a.bds_sqq{background: #2e2f2f url(../images/qq.png) no-repeat center ;}
.foot-share a.bds_qzone{background: #2e2f2f url(../images/qz.png) no-repeat center ;}
.foot-share a.bds_tsina:hover{background: #f8d56e url(../images/weiboH.png) no-repeat center ;}
.foot-share a.bds_weixin:hover{background: #f8d56e url(../images/weixinH.png) no-repeat center ;}
.foot-share a.bds_sqq:hover{background: #f8d56e url(../images/qqH.png) no-repeat center ;}
.foot-share a.bds_qzone:hover{background: #f8d56e url(../images/qzH.png) no-repeat center ;}
.foot-share a:hover{opacity: 1 !important;}
.footer{padding: 13px 0;text-align: center;background: #17171a;}
.footer span{font-size: 16px;color: #666;line-height: 26px;}
.footer span a{font-size: 16px;color: #666;line-height: 26px;}
.footer span.span{margin-left: 75px;}
.footer span a:hover,.foot-left dt a:hover,.foot-left dd a:hover{color: white;}

@media all and (max-width: 1680px) {
	.head-main,.menu-wrap{width: 1400px;margin: 0 auto;}
	.logo{margin-right: 69px;}
	.nav .nav-item{margin-right: 37px;}
	.foot-ewm{margin-left: 60px;}
	.foot-left dl{width: 155px;}
	.menu-list li{width: 22%;}
	.menu-li-left{margin-right: 10px;}
}
@media all and (max-width: 1440px) {
	.head-main,.menu-wrap{width: 1200px;margin: 0 auto;}
	.logo{margin-right: 32px;}
	.nav .nav-item{margin-right: 20px;}
	.lanu{width: 43px;padding-left: 0;}
	.foot-ewm{margin-left: 40px;padding-right: 40px;}
	.foot-left dl{width: 130px;}
}



/*产品中心*/
.pro-content{background: #f1f2f4;padding: 65px 0 33px 0;}
.pro-banner{position: absolute;top: 0;width: 100%; height: 370px;}
.pro-banner .slides{height: 370px;}
.pro-banner .slides li{padding-top: 182px; width: 100%;height: 370px; position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.pro-banner .slides li>a{width: 100%;height: 100%;display: block;}
.pro-banner .flex-control-nav {position: absolute;width: 100%;text-align: center;height: 12px;bottom: 23px;}
.pro-banner .flex-control-nav li{cursor: pointer; display: inline-block;height: 12px;}
.pro-banner .flex-control-nav li a{display:block;width: 12px;height: 12px;border-radius: 50%;background:#97989a;transition: all .5s;margin: 0 9px;}
.pro-banner .flex-control-nav li a.flex-active{background: #fff;}
.pro-po{height: 100%;position: relative;}
.ny-tit {position:absolute;top: 144px;z-index: 22;}
.ny-tit h3{font-size: 40px;color: white;line-height: 40px;margin-bottom: 7px;}
.ny-banner{height: 370px;margin-top: 80px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.crumb,.crumb a{font-size: 16px;color: white;}

/*erji*/
.second-nav{height: 60px;background: white;box-shadow: 0 0 15px rgba(0,0,0,0.1);position: relative;z-index: 33;}
.second-nav a{display: block;float: left;width: 210px;font-size: 16px;color: #333; height: 60px;line-height: 60px;text-align: center;margin-right: 15px;}
.second-nav a.active{color: white;background: #8c6825;}
/*分页*/
.page {height: 39px;text-align: center;position: relative;margin-bottom: 54px;}
.pagee{position: absolute;left: 50%;transform: translateX(-50%);}
.page a{margin:0 4.5px; display:block;float: left; font-size: 18px;border-radius: 5px; background: white; color: #999999;font-family: arial;text-align: center;line-height: 39px;width: 39px;height: 39px;border: solid 1px #e6e6e6;}
.page a.prev,.page a.next{width: 39px;height: 39px;}
.page a.prev{background:white url(../images/page-left.png) no-repeat center;}
.page a.next{background:white url(../images/page-right.png) no-repeat center;}
.page a:hover,.page a.on{color: #fff;background: #916e2e;border: none;}
.page a.prev:hover{background:#916e2e url(../images/page-leftH.png) no-repeat center;}
.page a.next:hover{background: #916e2e url(../images/page-rightH.png) no-repeat center;}

/*产品详情*/
.pro-crumb{margin-top: 80px;height: 53px;background: #f6f6f6;line-height: 53px;color: #666666;font-size: 14px;}
.pro-crumb a{font-size: 14px;color: #666;}
.pro-crumb a.active{color: #fcd475;}
.proi-top{padding: 40px 0;}
.pro_left{width:555px;float:left; overflow:hidden;height: 496px;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:463px;height:395px; overflow:hidden;}
.jqzoom img{width:100%; height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:200px !important;height:200px !important;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:465px;height:397px;border: solid 1px #eeeeee;margin: 0 auto;}
.spec-scroll{clear:both;padding-top:15px;width:100%;}
.spec-scroll .prev{float:left;background-image:url(../images/pro-left.png);background-repeat: no-repeat;background-position: center;}
.spec-scroll .next{float:right;background-image:url(../images/pro-right.png);background-repeat: no-repeat;background-position: center;}
.spec-scroll .prev,.spec-scroll .next{width:22px;height:47px;cursor:pointer;margin-top: -237px;}
.spec-scroll .prev:hover{background-image:url(../images/pro-leftH.png);}
.spec-scroll .next:hover{background-image:url(../images/pro-rightH.png);}
.spec-scroll .items{margin:auto;position:relative;width:465px;height:84px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:91px;}
.spec-scroll .items ul li{float:left;width:98px;text-align:center;height: 84px;margin-right: 24px;}
.spec-scroll .items ul li img{border:1px solid #efefef;width:98px;height: 84px;}
.spec-scroll .items ul li.hover img { border:1px solid #fcd475;}

.pro_right{padding-top: 20px; width: 560px;float: right;position: relative;overflow: hidden;}
.pror-tit{font-size: 18px;color: #333;line-height: 28px;margin-bottom: 17px;}
.pror-tit2{font-size: 16px;color: #888;line-height: 26px;margin-bottom: 25px;}
.pro_right ul{border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;padding: 20px 0;margin-bottom: 17px;}
.pro_right ul li{float: left;width: 50%;height: 32px;line-height: 32px;color: #888888;font-size: 14px;}
.pro_right  .foot-share a{background-color: #eee;}
.proinfo-content{padding: 30px 0;background: #f1f2f4;}
.pro-left{float: left;border-right: solid 1px #e4eaec;width: 885px;}
.pro-top{padding: 25px 0 0 33px;height: 77px; background: white;border-bottom: solid 1px #e4eaec;}
.pro-top a{display: block;float: left;line-height: 50px;color: #333;font-size: 16px;padding: 0 10px;margin-right: 30px;}
.pro-top a.active{border-bottom: solid 2px #fcd475;}
.pro-bot{padding: 40px 68px;background: white;margin-bottom: 40px;}
.pro-list{display: none;}
.back{height: 43px;position: relative;}
.back a{position: absolute;width: 109px;height: 43px;border: solid 1px #dedddd;text-align: center;line-height: 41px;background: #f3f6fb;color: #333333;font-size: 14px;display: block;}
.back a:hover{color: black;background: #fcd475;border: none;}
.back a.back-left{left: 0;}
.back a.back-right{right: 0;}
.back a.back-center{left: 50%;margin-left: -54.5px;}

.pro-big{margin-bottom: 60px;}
.pro-right{width: 315px;float: right;}
.pror-bot{padding: 30px 35px 10px 35px ;background: white;}
.pro-tj{margin-bottom: 30px; display: block;}
.pro-pic{margin-bottom: 20px; width: 245px;height: 209px;border: solid 1px #eeeeee;overflow: hidden;}
.pro-pic img{display: block;width: 100%;hanging-punctuation: 100%;transition: all .5s;}
.pro-font{text-align: center;font-size: 16px;color: #333333;line-height: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro-tj:hover img{transform: scale(1.1);}
.pro-tj:hover .pro-font{color: #8e6d34;}

/*常见问题*/
.problem{padding:30px 0;background: white;}
.ser-list{border-bottom: solid 1px #e2e2e2;}
.ser-top{height: 80px;line-height: 80px;}
.ser-top h4{font-size: 16px;float: left;width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color: #666;line-height: 80px;padding-left: 32px;background: url(../images/ser2.png) no-repeat left center;}
.ser-top span{display: block;float: right;width: 24px;background: url(../images/ser5.png) no-repeat center;height: 80px;}
.ser-bot{overflow: hidden;display: none; background: white;box-shadow: 0 7px 20px rgba(0,0,0,0.1);}
.ser-bot p{line-height: 28px;color: #888;font-size: 14px;margin: 26px 30px;padding-left: 32px;background: url(../images/ser3.png) no-repeat left top;}
.ser-list.open{border-bottom: none;}
.ser-list.open .ser-top h4,.ser-list:hover .ser-top h4{color: #8c6825;background-image: url(../images/ser1.png);}
.ser-list.open .ser-top span{background: url(../images/ser4.png) no-repeat center;}
.ser-big{padding-bottom: 39px;}

/*资料下载*/
.download{padding: 66px 0 22px 0;background: white;}
.down-input{width: 672px;height: 45px;border: solid 2px #8c6825;margin: 0 auto;}
.down-input .text{width: 576px;height: 41px;float: left;border: none;background: none;outline: none;font-size: 14px;color: #888;padding-left: 60px;background: url(../images/down-search.png) no-repeat left 24px center;}
.down-input .submit{width: 92px;height: 41px;background: #8c6825;float: right;color: white;text-align: center;font-size: 16px;border: none;outline: none;}
.download h3{font-size: 25px;color: #333;font-weight: bold;text-align: center;line-height: 25px;margin-top: 50px;}
.download h4{font-size: 16px;color: #888;line-height: 16px;text-align: center;margin-top: 13px;font-family: arial;margin-bottom: 40px;}
.down-list{margin-bottom: 19px; padding-top: 37px;border: solid 1px #eeeeee;padding-bottom: 14px;}
.down-list h5{margin-left:49px;font-size: 18px;color: #333;line-height: 18px;padding-left: 14px;border-left: solid 3px #8c6825;margin-bottom: 77px;}
.down-font{font-size: 16px;color: #666;float: left;margin-left: 20px;line-height: 43px;width:110px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.down-pic{ width: 50px;height: 43px;overflow: hidden;float: left;}
.down-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.down-list ul{}
.down-list li{float: left;position: relative;width: 239.5px;padding-left:40px;margin-top: -36px;}
.down-list li:after{position: absolute;content: '';width: 1px;height: 96px;background: #e5e5e5;right: 0;top: 17px;}
.down-list li a{display: block;height: 43px;margin-bottom: 36px;}
.down-list li:last-child:after{display: none;}
.down{padding-bottom: 50px;}
.link a:hover,.down-list li a:hover .down-font{color: #8e6d34;}
.down-list li a:hover .down-pic img{transform: translateY(-10px);}

/*资料下载*/
.downinfo{padding-bottom: 40px;}
.downinfo h5{font-size: 20px;color: #333;line-height: 20px;padding-left: 14px;border-left: solid 3px #8c6825;margin-bottom: 40px;}
.downinfo h6{font-size: 18px;color: #333;line-height: 18px;}
.downinfo ul{margin-left: -37.5px;}
.downinfo li{float: left; margin-top: 23px;margin-left: 37.5px;width: 375px;height: 83px;background: #f6f6f6;}
.downinfo li a{display: block;width: 100%;height: 100%;background: url(../images/downinfo.png) no-repeat left 20px center;padding-left: 55px;font-size: 16px;color: #666;line-height: 83px;}
.downinfo li .d-font{font-size: 16px;color: #666;line-height: 83px;float: left;width: 240px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.downinfo li .d-down{float: right;width: 65px;height: 83px;opacity: 0;transition: all .5s;background: #8e6d34 url(../images/download.png) no-repeat center;}
.downinfo li:hover .d-down{opacity: 1;}
.downinfo li:hover .d-font{color: #8e6d34;}
.down-info{padding-bottom: 0;}

/*解决方案*/
.case{padding: 60px 0 30px 0;background: white;}
.ins-font{transition: all .5s;}
.ins-list{margin-bottom: 30px;overflow: hidden;}
.ins-font p{font-size: 14px;color: white;line-height: 22px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ins-font span{transition: all .5s;display: block;width: 110px;height: 30px;font-size: 14px;color: white;background: #8e6d34;border-radius: 30px;text-align: center;line-height: 30px;margin-top: 17px;}
.ins-list:hover .ins-font{padding: 38px 70px 38px 20px;bottom: 0;}
.ins-list:hover  .ins-font span{display: block;}


/*案例*/
.appli{padding: 60px 0 30px 0;background: white;}
.app-list{display: block;height: 346px;margin-bottom: 30px;}
.app-pic{float: left;width: 610px;height: 346px;overflow: hidden;position: relative;}
.app-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.app-pic:after{position: absolute;content: '';width: 58px;height: 58px;background: #fcd475 url(../images/app-search.png) no-repeat center;border-radius: 50%;left: 50%;margin-left: -29px;top: 50%;margin-top: -29px;transform: translateY(-210px);transition: all .5s;}
.app-list:hover .app-pic:after{transform: translateY(0);}
.app-list:hover .app-pic img{transform: scale(1.1);}
.app-right{float: left;width: 590px;background: #f1f1f1;padding: 80px 70px;height: 346px;overflow: hidden;}
.app-right h3{margin-bottom: 15px; font-size: 18px;color: #333;line-height: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.app-right p{font-size: 14px;color: #888;line-height: 22px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.app-right span{display: block;margin-top: 35px; width: 110px;height: 30px;line-height: 28px;transition: all .5s; text-align: center;font-size: 14px;color: #888;border: solid 1px #888888;border-radius: 30px;}
.app-list:hover .app-right span{color: #333333;background: #fcd475;border: none;}
.appli-big{padding-bottom: 10px;}

/*联系我们*/
.contact{padding: 60px 0 30px 0;background: #f1f2f4}
.con-big{margin-bottom: 65px; background: white;padding-bottom: 65px;}
.con-one{height: 63px;border-bottom: solid 1px #ececec;padding: 0 40px;}
.con-one h3{font-size: 18px;color: #5d5d5d;line-height: 62px;float: left;}
.con-one span{font-family: arial;font-size: 16px;color: #888;line-height: 62px;float: right;}
.con-two{padding: 70px 40px 60px 40px;}
.con-two ul{padding: 0 80px;margin-left: -230px;}
.con-two ul li{width: 165px;float: left;text-align: center;margin-left: 230px;}
.con-two .con-icon{position: relative;z-index: 4; background-repeat: no-repeat;background-position: center; width: 106px;height: 106px;border-radius: 50%;border: solid 1px #d2d2d2;margin: 0 auto;}
.con-two .con-icon:after{position: absolute;content: '';width: 0%;height: 0%;background: #8c6825;border-radius: 50%;left: 50%;top: 50%;z-index: 2;transition: all .5s;}
.con-two .con-icon:before{position: absolute;content: '';width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;z-index: 3;left: 0;top: 0;transition: all .5s;}
.con-two li h4{font-size: 16px;color: #929292;margin-top: 7px;}
.con-two li h5{font-size: 18px;color: #585858;font-family: arial;margin-top: 20px;}
.con-two li h5.h5{font-size: 16px;font-family: "微软雅黑";}
.con-two li:hover .con-icon{border: none;}
.con-two .con-icon1:before{background-image: url(../images/con-icon1.png);}
.con-two .con-icon2:before{background-image: url(../images/con-icon2.png);}
.con-two .con-icon3:before{background-image: url(../images/con-icon3.png);}
.con-two li:hover .con-icon1:before{background-image: url(../images/con-icon1H.png);}
.con-two li:hover .con-icon2:before{background-image: url(../images/con-icon2H.png);}
.con-two li:hover .con-icon3:before{background-image: url(../images/con-icon3H.png);}
.con-two li:hover .con-icon:after{width: 100%;height: 100%;left: 0;top: 0;}
.con-three img{display: block;width: 100%;}
.con-four{padding: 38px 40px 0 40px;}
.con-four p{margin-left: -32px;height: 38px;margin-bottom: 29px;}
.con-four .text{width: 352px;height: 38px;border: solid 1px #e6eded;font-size: 14px;color: #888;padding-left: 15px;float: left;margin-left: 32px;}
.con-four textarea{height: 180px;padding: 10px 15px;border: solid 1px #e6eded;font-size: 14px;color: #888;margin-bottom: 29px;resize: none;width: 100%;}
.con-four .submit {transition: all .5s; width: 137px;height: 40px;border: solid 1px #e6eded;font-size: 14px;color: #888;text-align: center;line-height: 38px;outline: none;border-radius: 30px;display: block;background: none;cursor: pointer;}
.con-four .submit:hover{color: white;border: none;background: #8c6825;}

/*人才招聘*/
.recuie{padding: 54px 0 30px 0;background: #f1f2f4;}
.recu-box{padding-bottom: 50px;}
.recu-left{width: 285px;float: left;}
.recu-left h3{margin-bottom: 15px; font-size: 24px;color: #333;line-height: 24px;padding-bottom: 18px;position: relative;}
.recu-left h3:after{position: absolute;content: '';width: 33px;height: 4px;background: #8c6825;left: 0;bottom: 0;}
.recu-left p{font-size: 13px;line-height: 30px;color: #7c7c7b;}
.recu-left h4{font-size: 18px;color: #343434;margin-top: 48px;background: url(../images/recu1.png) no-repeat right center;line-height: 18px;margin-bottom: 25px;}
.recu-left a{font-size: 14px;color: #8c6825;}
.zp-big{width: 860px;float: right;}
.zp-list{border: solid 1px #e3e8ed;background: white;margin-bottom: 13px;padding:0 20px;cursor: pointer;}
.zp-top{height: 80px;padding: 20px 0;position: relative;}
.zp-top h3{font-size: 16px;color: #ffcd55;line-height: 16px;margin-bottom: 10px;}
.zp-top h4{font-size: 14px;line-height: 14px;color: #9e9e9e;}
.zp-top h5{font-size: 13px;color: #9e9e9e;line-height: 13px;font-family: arial;position: absolute;right: 0px;top: 20px;}
.zp-top span{display: block;width: 30px;height: 17px;position: absolute;bottom: 20px;right: 0px;}
.zp-top span.jiahao {background: url(../images/zp-jiahao.png) no-repeat center;}
.zp-top span.jianhao {background: url(../images/jianhao.png) no-repeat center;}
.zp-bot{display: none;border-top: solid 1px #ededed;}
.zpb{padding: 32px 15px 35px 15px;border-bottom: solid 1px #ededed;}
.zp-bot h6{font-size: 16px;color: #535353;margin-bottom: 12px;}
.zp-bot p{font-size: 13px;line-height: 28px;color: #9E9E9E;}
.zp-top.on h3,.zp-top:hover h3{color: #ffcd55;}
.zp-top:hover span.jiahao{background: url(../images/zp-jiahaoH.png) no-repeat center;}

/*新闻*/
.news{padding: 60px 0 30px 0;}
.news-list{height: 310px; display: block;padding: 40px 0;border-bottom: solid 1px #eaeaea;}
.news-list:first-child{border-top: solid 1px #eaeaea;}
.news-pic{float: left;width: 404px;height: 231px;overflow: hidden;}
.news-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.news-mid{float: left;margin-left: 30px;width: 500px;padding-top: 45px;}
.news-mid h3{color: #333;font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 18px;margin-bottom: 20px;}
.news-mid p{line-height: 25px;color: #888;font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-time{transition: all .5s;margin-top: 73px;height: 90px;font-size: 26px;color: #ccc;font-family: conth;line-height: 26px;background: url(../images/news-time.png) no-repeat left 30px bottom; float: right;width: 148px;padding-left: 30px;border-left: solid 1px #eaeaea;}
.news-list:hover img{transform: scale(1.1);}
.news-list:hover h3{color: #916e2e;}
.news-list:hover .news-time{transform: translateX(10px);background-image: url(../images/news-timeH.png);}
.news-big{padding-bottom: 39px;}
.news-left{float: left;width: 800px;}
.news-left img{max-width:100%;}
.news-left p{line-height: 30px;}
.news-left h1{float: left; font-size: 26px;color: #333;line-height: 34px;}
.news-top .share{float: right;}
.news-top .share a{width: 28px;height: 28px !important;float: left !important; border:solid 1px #dedede;border-radius: 50%;margin: 0 !important;margin-left: 13px !important;}
.news-top .share a.bds_sqq{background: white url(../images/nqq.png) no-repeat center;}
.news-top .share a.bds_weixin{background: white url(../images/nweixin.png) no-repeat center;}
.news-top .share a.bds_tsina{background: white url(../images/nweibo.png) no-repeat center;}
.news-top .share a.bds_sqq:hover{background:  url(../images/nqqH.png) no-repeat center;}
.news-top .share a.bds_weixin:hover{background:  url(../images/nweixinH.png) no-repeat center;}
.news-top .share a.bds_tsina:hover{background:  url(../images/nweiboH.png) no-repeat center;}
.news-top .share a:hover{border-color: #fcd475;}
.time{margin-top: 6px;padding-bottom: 23px;border-bottom: solid 1px #eaeaea;margin-bottom: 24px;}
.time span{font-size: 13px;color: #999;font-family: arial;padding-right: 17px;}
.news-back{margin-top: 80px; width: 100%;height: 60px;border: solid 1px #f1f1f1;position: relative;padding: 0 30px;}
.news-back a.ba-left{position: absolute;left: 30px;top: 0; padding-left: 34px;font-size: 14px;color: #666;line-height: 58px;background: url(../images/news-left.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 300px;}
.news-back a.ba-right{position: absolute;right: 30px;top: 0; padding-right: 34px;font-size: 14px;color: #666;line-height: 58px;background: url(../images/news-right.png) no-repeat right center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 300px;}
.news-back a.ba-center{position: absolute;left: 50%;background: url(../images/news-listH.png) no-repeat center;width: 60px;height: 58px;top: 0;margin-left: -30px;}
.news-back a.ba-left:hover{color: #8c6825;background-image: url(../images/news-leftH.png);}
.news-back a.ba-right:hover{color: #8c6825;background-image: url(../images/news-rightH.png);}
.news-back a.ba-center:hover{background-image: url(../images/news-menu.png);}
.bq p,.bq p a{font-size: 14px;color: #666;}
.bq{margin-top: 40px;}
.bq p span,.bq p a:hover{color: #fcd475;}
.news-right{width: 300px;float: right;}
.picScroll-top{ margin:0 auto;  width:100%;  overflow:hidden; position:relative; }
.picScroll-top .hd{ overflow:hidden;  height:70px; }
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:40px; height:20px; float:right;  margin-top:13px;  overflow:hidden;cursor:pointer; }
.picScroll-top .hd .prev{background: url(../images/news-left.png) no-repeat left center;border-right: solid 1px #eeeeee;}
.picScroll-top .hd .next{background: url(../images/news-right.png) no-repeat right center;}
.picScroll-top .hd .prev:hover{background-image: url(../images/news-leftH.png)}
.picScroll-top .hd .next:hover{background-image: url(../images/news-rightH.png)}
.picScroll-top .hd h3{float: left;position: relative;color: #8c6825;font-size: 18px;line-height: 18px;padding-top: 21px;}
.picScroll-top .hd h3:before{position: absolute;content: 'dynamic';text-transform: uppercase;font-size: 14px;color: #aaa;top: 0;left: 0;font-family: arial;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{zoom:1;width: 100%;margin-bottom: 40px;}
.picScroll-top .bd ul li .news-list{width: 100%;}
.picScroll-top .bd ul li .news-list h3{margin-bottom: 12px;}
.newsi-list{display: block;width: 100%;}
.newsi-pic{width: 300px;height: 195px;overflow: hidden;}
.newsi-pic img{transition: all .5s; display: block;width: 100%;height: 100%;}
.newsi-list h3{margin-bottom: 10px; font-size: 16px;color: #333;margin-top: 22px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsi-list p{font-size: 14px;color: #888;line-height: 25px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsi-list span{display: block;width: 120px;height: 40px;border: solid 1px #dbdbdb;background: url(../images/news-more.png) no-repeat right 10px center;padding-left: 10px;line-height: 38px;color: #333;font-size: 14px;margin-top: 14px;}
.newsi-list:hover img{transform: scale(1.1);}
.newsi-list:hover h3{color: #8c6825;}
.newsi-list:hover span{border-color: #8c6825;color: #8c6825;background: url(../images/news-moreH.png) no-repeat right 10px center;}
.newsinfo{padding-bottom: 60px;}

/*公司简介*/
.ab-one{padding-top: 60px;}
.ab-tit{font-weight: bold;font-size: 25px;color: #333;text-align: center;line-height: 25px;}
.ab-tit2{font-size: 16px;color: #888;line-height: 16px;font-family: arial;text-align: center;margin-top: 12px;margin-bottom: 55px;}
.abo{margin-bottom: 50px;}
.abo-left{width: 590px;height: 438px;float: left;overflow: hidden;}
.abo-left img{display: block;width: 100%;height: 100%;transition: all .5s;}
.abo-right{float: left;padding: 20px 50px;width: 610px;padding-right: 30px;}
.abo-right h3{margin-bottom: 15px; font-size: 20px;color: #333;line-height: 20px;}
.abo-right p{margin-bottom: 25px; font-size: 14px;color: #888;line-height: 24px;}
.abo1 .abo-right{padding-left: 0;}
.abo:hover img{transform: scale(1.1);}
.ab-p{height: 363px;overflow-y: auto;padding-right: 20px;}
.ab-p::-webkit-scrollbar{width: 3px !important;background: url("../images/ab-pH.png") repeat-y center;}
.ab-p::-webkit-scrollbar-thumb{background: url("../images/ab-p.png") repeat-y center;}
.ab-two{padding: 60px 0 50px 0;background: #f8f8f8;}
.ab-two ul{margin-left: -159px;padding: 0 25px;}
.ab-two li{float: left;width: 168px;margin-left: 159px;cursor: pointer;}
.abt-icon{transition: all .5s;width: 160px;height: 160px;border-radius: 50%;background-color: #8c6825;background-repeat: no-repeat;background-position: center;}
.ab-two li h4{font-size: 18px;color: #333;text-align: center;line-height: 18px;margin-top: 45px;margin-bottom: 10px;}
.ab-two li p{font-size: 14px;color: #888888;line-height: 28px;text-align: center;}
.abt1{background-image: url(../images/abt1.png);}
.abt2{background-image: url(../images/abt2.png);}
.abt3{background-image: url(../images/abt3.png);}
.abt4{background-image: url(../images/abt4.png);}
.ab-two li:hover .abt-icon{transform: rotateY(180deg);}

.ab-three{padding: 55px 0;}
.ab-three ul{margin-left: -17px;}
.ab-three li{transition: all .5s; border-radius: 5px; float: left;margin-left: 17px;width: 287px;height: 455px;padding: 110px 40px;}
.ab-three li.li1{background: #d0a75c;}
.ab-three li.li2{background: #d0a75c;}
.ab-three li h3{text-align: center;color: white;font-size: 24px;line-height: 24px;margin-bottom: 30px;}
.ab-three li p{line-height: 24px;color: white;font-size: 14px;word-break: break-all;}
.ab-three li:hover{transform: translateY(-10px);}

.ab-four{padding: 60px 0;background: url(../images/abe-bg.png) no-repeat center;background-size: cover;background-attachment: fixed;}
.ab-four .ab-tit,.ab-four .ab-tit2{color: white;}
.ban{ width:100%;  position:relative;margin:40px auto 0 auto;}
.ban2{height: 182px; margin-top: 30px; width:100%; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{width: 1200px; height:182px;}
.ban2 ul li .ban-li{width: 817px;height: 182px;margin: 0 auto;background: white;border-radius: 30px;padding: 40px 90px;line-height: 24px;font-size: 15px;color: #888888;}
.prev{ float:left; cursor:pointer;}
.num{ height:65px; width:100%; position:relative;float:left;overflow: hidden;}
.min_pic{position: relative; height: 65px;padding: 0 85px;background: url(../images/abf1.png) repeat-x left bottom 5px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{font-family: arial; position: relative;line-height: 25px;margin-left: -5px; font-size: 20px;color: #d0d0d0;text-align: center; width:250px; height:65px; margin-right:0px; float: left;}
.num ul li.on{font-size: 30px;color: #fff;font-weight: bold;}
.num ul li:after{position: absolute;content: '';width: 7px;height: 7px;border-radius: 50%;background: white;bottom: 2px;left: 50%;margin-left: -3.5px;}
.num ul li:before{position: absolute;content: '';    margin-left: -0.5px;width: 1px;height: 17px;background: white;bottom: 8px;left: 50%;}
.prev_btn1{position: absolute;left: -60px;z-index: 777; width:40px; text-align:center; height:40px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;border: solid 1px white;border-radius: 50%;background: url(../images/ab-left.png) no-repeat center;}
.next_btn1{position: absolute;right: -60px; z-index: 777; width:40px; text-align:center; height:40px; margin-top:40px;cursor:pointer;float:right;border: solid 1px white;border-radius: 50%;background: url(../images/ab-right.png) no-repeat center;}
.prev_btn1:hover,.next_btn1:hover{border: none;background-color: #fcd475;}
/*描点*/
.nei_anchor {text-align: center;display: none;position: fixed;left: 0;top: 0;font-size:0;width: 100%;z-index: 1001;background: #fff;box-shadow: 0px 0px 8px 0px #d6d6d6;}
.nei_anchor span {display: inline-block;*display: inline;*zoom: 1;}
.nei_anchor span a {font-size: 16px;color: #666;line-height: 60px;padding: 0 40px;display: inline-block;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;position: relative;}
.nei_anchor span a:after{content: '';width: 1px;height: 17px;background: #dadada;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.nei_anchor span.on a:after,.nei_anchor span a:hover:after{display: none;}
.nei_anchor span:hover a,.nei_anchor span.on a {color: #fff;background: #8c6825;}

.ab-five{padding: 55px 0;}
.ab-five li{transition: all .5s; float: left;width: 280px !important;height: 374px;border: solid 12px #eaeaea;margin-right: 26px;position: relative;}
.ab-five li:after{position: absolute;z-index: 5; content: '';width: 100%;height: 100%;background: rgba(238,238,238,0.5);left: 0;top: 0;}
.ab-five li:hover{border-color: #8c6825;}
.ab-five li:hover:after{background: rgba(238,238,238,1);z-index: 1;}
.ab-five li img{display: block;width: 100%;height: 100%;}
.ab-five li .pic{position: absolute;z-index: 3;}
/* 本例子css */
.ab-five .picScroll-left{ position:relative;}
.ab-five .picScroll-left .hd{ overflow:hidden;}
.ab-five .picScroll-left .hd .prev,.ab-five .picScroll-left .hd .next{ position: absolute;top: 50%;margin-top: -20px;border: solid 1px #c0c0c0;border-radius: 50%; width: 40px;height:40px;z-index: 100;}
.ab-five .picScroll-left .hd .next{background:white url(../images/abv-right.png) no-repeat center;right: -58px;}
.ab-five .picScroll-left .hd .prev{background:white url(../images/abv-left.png) no-repeat center;left: -60px;}
.ab-five .picScroll-left .hd .next:hover{border: none; background:#fcd475 url(../images/ab-right.png) no-repeat center;}
.ab-five .picScroll-left .hd .prev:hover{border: none; background:#fcd475 url(../images/ab-left.png) no-repeat center;}
.ab-five .picScroll-left .bd{overflow: hidden;}
.ab-six{margin-bottom: 30px;}
/*图片放大*/
#darkbox {
  position: fixed;
  z-index: 9999;
  background: rgba(0,0,0,0.8) no-repeat none 50%;
  background-size: contain;
  -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
          box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
  opacity: 0;
  visibility: hidden;
}
#darkbox.on {
  opacity: 1;
  visibility: visible;
  height: 90% !important;
  width: 90% !important;
  left: 5% !important;
  top: 5% !important;
}
#darkbox_prev, #darkbox_next {
  cursor: pointer;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  height: 50px;
  width: 50px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#darkbox_prev {
  left: -2px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#darkbox_next {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -2px;
}
#darkbox_prev:hover,#darkbox_next:hover{border-color: #fca61f;}
#darkbox-description {
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 18px;
  bottom: 25px;
  text-align: center;
  text-shadow: 0 1px 1px #000;
}
#darkbox:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  content: "";
  color: #fff;
  cursor: pointer;
  background: url(../images/close.png) no-repeat center transparent;
}
/*客服*/
.kf {transition: .8s;-o-transition: .8s;-moz-transition: .8s;-webkit-transition: .8s;z-index: 999999;background-color: #fff;position: fixed;bottom: 140px;right: 20px;width: 62px;border-radius: 5px;display: none;}
.kf span {z-index: 1000001;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;cursor: pointer;position: relative;display: block;width: 62px;height: 62px;border-bottom: 1px solid #e3e3e3;background:url(../images/kefu_j.png) no-repeat center #fff;}
.kf span:hover{background-color:#8e6d34;}
.kf .zx {border-radius: 5px 5px 0 0;background-position: 0 -62px;}
.kf .zx:hover {background-position: 0 -124px;}
.kf .freetel {background-position:-62px -62px;}
.kf .freetel:hover {background-position:-62px -124px;}
.kf .act {background-position:-186px -62px;}
.kf .act:hover{background-position:-186px -124px;}
.kf .zxlya {background-position:-124px -62px;}
.kf .zxlya:hover{background-position:-124px -124px;}
.kf .back_top {border-radius: 0 0 5px 5px;border: none;background-position:-248px -62px;}
.kf .back_top:hover {background-position:-248px -124px;}
.kf span div {display: none;background-color: #fff;border-radius: 5px;position: absolute;right: 75px;padding: 20px;font-size: 14px;text-align: center;bottom:2px;}
.kfimgr{position: absolute;bottom:23px;right: -9px;}
.kf span div i {display: block;position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .zx div,.kf .zxlya div, .kf span:nth-child(4) div {text-align: center;min-width: 148px;font-size: 14px;color: #666;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height:100%;position:absolute;top:0;right:0;width: 100%}
.kf span div, .kf {-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);}
.nav_center div, .index_nav_center div, .shou, .zhan {-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.shou {z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 50%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px;background: url("../images/kefu_j.png") no-repeat -310px -62px #fff;position: absolute;}
.shou.on {background-position: -310px -102px;}
.kf .freetel input {text-indent: .5em;display: block;margin: 15px 0;line-height: 28px;color: #666;font-size: 12px;width: 140px;border: 1px solid #d1d1d1;border-radius: 2px;height: 28px;}
.kf .btn-call{transition:all .5s;-webkit-transition:all .5s;display: block;background: #FC5204;border-radius: 2px;color: #fff;line-height: 26px;font-size: 12px;text-align: center;width: 79px;height: 26px;position: relative;}
.kf .btn-call:hover {background:#fcd475;}


.header.hover{height: 80px;}
.header.hover .logo{margin-top: 10px;}
.header.hover .nav .category{line-height: 78px;}
.header.hover .dropdown-menu.full-screen{top:79px;}
.header.hover .search{margin-top: 25px;}
.header.hover .lanu{margin-top: 30px;}
.header.hover .dropmenu{top: 80px;}

/*视频--修改*/
.msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}

/*搜索弹窗*/
.search-box{display: none; position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 777;top: 0;}
.search-big{border-radius: 10px; width: 1200px;height: 60px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: white;}
.search-big .text{color: #666;float: left; width: 1100px;border: none;background: none;outline: none;height: 60px;padding: 0 20px;}
.search-big .submit{width: 100px;float: right;height: 60px;background: #ffc439 url(../images/app-search.png) no-repeat center;outline: none;border: none;background-size: 30px;border-radius: 0 10px 10px 0;}
.close{transition: all .5s; position: absolute;top: 170px;right: 150px;background: url(../images/close.png) no-repeat center;width: 30px;height: 30px;}
.close:hover{transform: rotateZ(180deg);}
.pro-bot .pro-list img{width:100%;}
.banner-main{width: 1200px;margin: 0 auto;}

.bd_weixin_popup{box-sizing: content-box;}

@media all and (max-width: 1340px) {
	.next_btn1{right: 10px;bottom: -70px;}
	.prev_btn1{left: 10px;bottom: -70px;}
	.ab-five .picScroll-left .hd .next{right: 10px;}
	.ab-five .picScroll-left .hd .prev{left: 10px;}
	.banner-main{width: 1100px;margin: 0 auto;}
	.banner .flex-prev{left: 10px;}
	.banner .flex-next{right: 10px;}
}
@media all and (max-width: 1220px) {
	
}
oll-left .hd .prev{left: 10px;}
	.banner-main{width: 1100px;margin: 0 auto;}
	.banner .flex-prev{left: 10px;}
	.banner .flex-next{right: 10px;}
@media all and (max-width: 1220px) {
	
}