@charset "utf-8";

/* local */
.localbox{padding-top: 80px;background: #fafafa;line-height: 30px;font-size: 16px;position: relative;z-index: 99;color: #666;}
.localbox a{color: #666;display: block;overflow: hidden;}
.localbox a:hover{color: #987135;}
.localbox .column{float: left;width: 35px;height: 70px;text-align: center;position: relative;}
.localbox .column span{width: 20px;font-size: 16px;color: #987135;cursor: pointer;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.localbox .column span svg{height: 20px;line-height: 20px;}

.localbox ul{float: left;}
.localbox ul li{float: left;text-align: center;position: relative;z-index: 2;padding: 10px 0;}
.localbox ul li .tit{position: relative;z-index: 3;line-height: 50px;height: 49px;overflow: hidden;}
.localbox ul li .txt{background: #333;border-radius: 5px;overflow: hidden;opacity: 0;position: absolute;left: 50%;top: 50%;z-index: 2;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.localbox ul li .txt span{display: block;width: 12px;height: 6px;border: 6px solid rgba(255,255,255,0);border-bottom: 0;border-top-color: #fff;position: absolute;top: 0;left: 50%;margin-left: -6px;}
.localbox ul li .txt a{min-width: 120px;font-size: 14px;padding: 0 20px;white-space: nowrap;color: #fff;height: 0;}
.localbox ul li .txt a.on{background: #987135;}

.localbox ul .li2{z-index: 5;}
.localbox ul .li2 span{display: block;font-size: 12px;color: #987135;width: 40px;}
.localbox ul .li2 span svg{height: 50px;line-height: 50px;}

.localbox ul .li6{background: #f5f5f5;border-bottom: 1px solid rgba(152,113,53,.5);z-index: 1;}
.localbox ul .li6 .tit{padding: 0 15px;}

.localbox ul li:hover .txt{padding: 15px 0;top: 85%;opacity: 1;}
.localbox ul li:hover .txt a{height: 36px;padding: 3px 20px;}

.localbox.on .column{width: 20px;}
.localbox.on .column span{-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.localbox.on ul{opacity: 0;}

@media only screen and (max-width:1024px){
.localbox{padding-top:60px;font-size: 15px;}
.localbox .w1440{display: flex;display: -webkit-flex;flex-wrap: nowrap;overflow-y: auto;}
.localbox .column{height:60px;flex-shrink: 0;}
.localbox ul{flex-shrink: 0;}
.localbox ul li{padding: 5px 0;}
.localbox ul li .txt{display: none;}
.localbox ul li:hover .txt a{height: 30px;padding: 0 20px;}
}
@media only screen and (max-width:768px){
.localbox{padding-top:50px;font-size: 14px;}
.localbox .column{height:50px;}
.localbox ul li{padding: 0;}
.localbox ul .li2 span{width: 35px;}
}
@media only screen and (max-width:480px){
.localbox .column{width: 30px;}
.localbox ul .li2 span{width: 30px;}
}

/* container */
.container{padding: 45px 0;background: #f2f2f2;}
.container .pagenav{padding-bottom: 30px;position: relative;z-index: 9;display: block;}
.container .pagenav ul{width: calc(100% + 2px);margin: 0 -1px;}
.container .pagenav ul li{width: 25%;float: left;padding: 1px;position: relative;text-align: center;}
.container .pagenav ul li a{display: block;line-height: 30px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: #987135;}
.container .pagenav ul li h2{width: 100%;overflow: hidden;}
.container .pagenav ul li h2 a{padding: 10px 5px;font-size: 15px;font-weight: 600;}
.container .pagenav ul li dl{position: absolute;left: 1px;top: 100%;width: calc(100% - 2px);}
.container .pagenav ul li dl::after{content: "";position: absolute;width: 100%;height: 50px;left: 0;top: -50px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.container .pagenav ul li dl a{padding: 0 5px;border-top: 0 solid rgba(255,255,255,.1);height: 0;opacity: 0;}

.container .pagenav ul li:hover h2 a,
.container .pagenav ul li a.on,
.container .pagenav ul li a:hover{background: #c19756;}
.container .pagenav ul li:hover dl a{padding: 9px 5px;border-top-width: 1px;height: 48px;opacity: 1;}
.container .pagenav ul li:hover dl::after{width: 0;}

@media only screen and (max-width:1024px){
.container{padding: 40px 0;}
.container .pagenav{display: block;}
.container .pagenav ul li{width: 25%;}
}
@media only screen and (max-width:768px){
.container{padding: 35px 0;}
.container .pagenav{padding-bottom: 25px;}
.container .pagenav ul li{width: 33.33%;}
}
@media only screen and (max-width:480px){
.container{padding-top: 30px;}
.container .pagenav{padding-bottom: 20px;}
.container .pagenav ul li h2 a{padding: 5px;}
.container .pagenav ul li:hover dl a{padding: 5px;height: 40px;}
}

/* life */
.lifepage .cont{background: #fff;border-radius: 10px;padding: 3%;overflow: hidden;color: #666;}
.lifepage .text1{padding-bottom: 40px;}
.lifepage .text1 ul{width: 100%;overflow: hidden;position: relative;padding-left: 45%;}
.lifepage .text1 ul li{width: 40%;position: absolute;left: 0;}
.lifepage .text1 ul li strong{font-size: 24px;color: #987135;margin-bottom: 20px;display: block;}
.lifepage .text1 ul .txt1{top: 0;padding-top: 5%;}
.lifepage .text1 ul .txt2{bottom: 15%;padding-top: 0;}
.lifepage .text1 ul .txt2 p{width: 100%;padding-left: 15px;line-height: 24px;margin-bottom: 6px;position: relative;font-size: 15px;}
.lifepage .text1 ul .txt2 p span{position: absolute;left: 0;top: 0;font-size: 20px;}
.lifepage .text1 ul img{width: 100%;}
.lifepage .text2{background: #f7f7f7;padding: 3% 2%;}
.lifepage .text2 .tit{padding-left: 149px;}
.lifepage .text2 .tit strong{border-left: 1px solid #ccc;font-size: 24px;color: #987135;display: block;padding: 15px 0 15px 35px;}
.lifepage .text2 li{width: 100%;padding: 8px 0 8px 150px;position: relative;}
.lifepage .text2 li span{width: 150px;height: 100%;font-size: 18px;font-weight: 600;color: #987135;text-align: right;position: absolute;left: 0;top: 0;line-height: 50px;border-right: 1px solid #ccc;padding-right: 40px;}
.lifepage .text2 li p{padding: 2px 0 2px 35px;line-height: 30px;font-size: 15px;}

@media only screen and (max-width:1024px){
.lifepage .cont{border-radius: 5px;padding: 3%;}
.lifepage .text1{padding-bottom: 30px;}
.lifepage .text1 ul li strong{font-size: 20px;}
.lifepage .text1 ul .txt2 p{font-size: 14px;}
.lifepage .text1 ul .txt2 p span{font-size: 18px;}
.lifepage .text2{padding: 5% 2%;}
.lifepage .text2 .tit{padding-left: 119px;}
.lifepage .text2 li{padding-left: 120px;}
.lifepage .text2 .tit strong{font-size: 20px;padding-left: 25px;}
.lifepage .text2 li span{font-size: 16px;width: 120px;line-height: 44px;padding-right: 20px;}
.lifepage .text2 li p{padding-left: 25px;font-size: 14px;line-height: 24px;}
}
@media only screen and (max-width:768px){
.lifepage .text1{padding-bottom: 3.5%;}
.lifepage .text1 ul{padding: 1.5% 0 0;}
.lifepage .text1 ul .txt1{width: 100%;position: relative;padding: 0;}
.lifepage .text1 ul .txt2{width: 100%;position: relative;padding-bottom: 5%;}
.lifepage .text1 ul .txt2 p{line-height: 20px;margin-bottom: 5px;}
.lifepage .text2 .tit{padding-left: 89px;}
.lifepage .text2 .tit strong{padding: 10px 0 10px 15px;}
.lifepage .text2 li{padding-left: 90px;}
.lifepage .text2 li span{font-size: 15px;width: 90px;padding-right: 10px;}
.lifepage .text2 li p{padding-left: 15px;}
}
@media only screen and (max-width:480px){
.lifepage .text1 ul li strong{margin-bottom: 10px;font-size: 18px;}
.lifepage .text2 .tit,
.lifepage .text2 li{padding: 5px;}
.lifepage .text2 .tit strong{font-size: 18px;padding: 0;border: 0;}
.lifepage .text2 li p{padding: 2px 0;}
.lifepage .text2 li span{position: relative;display: block;width: 100%;border: 0;text-align: left;font-size: 18px;padding:0;border-bottom: 1px solid rgba(152,113,53,.5);line-height: 45px;height: 45px;margin: 5px 0 10px;}
}

/* aboutus */
.aboutuspage .cont{background: #fff;border-radius: 10px;padding: 3%;overflow: hidden;}
.aboutuspage .cont p{text-align: justify;line-height: 30px;font-size: 15px;color: #666;}
.aboutuspage .cont p.img{margin-bottom: 30px;}
.aboutuspage .cont p img{width: 100%;}
.aboutuspage .cont p strong{font-size: 20px;color: #987135;display: block;padding-bottom: 10px;line-height: 30px;}

@media only screen and (max-width:1024px){
.aboutuspage .cont{padding: 3.5% 3% 4%;border-radius: 5px;}
.aboutuspage .cont p.img{margin-bottom: 25px;}
}
@media only screen and (max-width:768px){
.aboutuspage .cont p{font-size: 14px;line-height: 25px;}
.aboutuspage .cont p strong{font-size: 18px;}
.aboutuspage .cont p.img{height: 220px;overflow-x: auto;}
.aboutuspage .cont p.img img{height: 100%;width: auto;}
}
@media only screen and (max-width:480px){
.aboutuspage .cont{padding-bottom: 5%;}
.aboutuspage .cont p.img{height: 180px;margin-bottom: 20px;}
}

/* growth */
.growthpage .cont{background: #fff;border-radius: 10px;padding: 3%;overflow: hidden;}
.growthpage .cont p.img{margin-bottom: 30px;}
.growthpage .cont p img{width: 100%;}
.growthpage .cont p strong{font-size: 20px;color: #987135;display: block;padding-bottom: 15px;line-height: 30px;}
.growthpage .cont .txt p{width: 100%;position: relative;line-height: 24px;font-size: 15px;color: #666;padding: 5px 0 5px 80px;text-align: justify;}
.growthpage .cont .txt span{position: absolute;left: 0;top: 5px;font-size: 16px;font-weight: 600;color: #987135;}

@media only screen and (max-width:1024px){
.growthpage .cont{padding: 3.5% 3% 4%;border-radius: 5px;}
.growthpage .cont p.img{margin-bottom: 25px;}
}
@media only screen and (max-width:768px){
.growthpage .cont p strong{font-size: 18px;padding-bottom: 10px;}
.growthpage .cont p.img{height: 220px;overflow-x: auto;}
.growthpage .cont p.img img{height: 100%;width: auto;}
.growthpage .cont .txt p{font-size: 14px;padding: 3px 0 3px 60px;}
.growthpage .cont .txt span{font-size: 15px;top: 3px;}
}
@media only screen and (max-width:480px){
.growthpage .cont{padding-bottom: 5%;}
.growthpage .cont p.img{height: 180px;margin-bottom: 20px;}
.growthpage .cont .txt p{padding-left: 55px;}
}

/* culture */
.culturepage .cont{background: #fff;border-radius: 10px;padding: 3%;overflow: hidden;}
.culturepage .cont p{text-align: justify;line-height: 30px;font-size: 15px;color: #666;}
.culturepage .cont p.img{margin-bottom: 30px;}
.culturepage .cont p img{max-width: 100%;}
.culturepage .cont p strong{font-size: 20px;color: #987135;display: block;padding-bottom: 10px;line-height: 30px;}

@media only screen and (max-width:1024px){
.culturepage .cont{padding: 3.5% 3% 4%;border-radius: 5px;}
.culturepage .cont p.img{margin-bottom: 25px;}
}
@media only screen and (max-width:768px){
.culturepage .cont p{font-size: 14px;line-height: 25px;}
.culturepage .cont p strong{font-size: 18px;}
}
@media only screen and (max-width:480px){
.culturepage .cont{padding-bottom: 5%;}
.culturepage .cont p.img{height: 180px;overflow-x: auto;margin-bottom: 20px;}
.culturepage .cont p.img img{height: 100%;max-width: none;}
}

/* honor */
.honorpage .cont{padding: 3.2% 3%;background: #fff;border-radius: 10px;overflow: hidden;}
.honorpage ul{width: 100%;border: 1px solid #ccc;overflow: hidden;}
.honorpage ul li{width: 25%;float: left;border: 1px solid #ccc;padding: 1.5%;}
.honorpage ul li img{max-width: 100%;min-height: 100%;}

@media only screen and (max-width:1024px){
.honorpage .cont{border-radius: 5px;}
}
@media only screen and (max-width:768px){
.honorpage ul li{padding: 1%;}
}
@media only screen and (max-width:480px){
.honorpage ul li{width: 50%;float: left;}
}

/* prolist */
.prolistpage ul{width: 102%;margin: 0 -1%;padding-bottom: 1%;overflow: hidden;}
.prolistpage ul li{width: 33.33%;padding: 1%;float: left;text-align: center;}
.prolistpage ul li a{display: block;width: 100%;background: #fff;border-radius: 5px;padding: 4%;box-shadow: 0 2px 5px rgba(152,113,53,.1);}
.prolistpage ul li p{width: 100%;overflow: hidden;}
.prolistpage ul li em{padding-bottom: 90%;}
.prolistpage ul li img{max-width: none;min-width: 100%;height: 100%;}
.prolistpage ul li span{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 45px;line-height: 56px;display: block;font-size: 15px;}
.prolistpage ul li:hover a{box-shadow: 0 2px 5px rgba(152,113,53,.3);}

@media only screen and (max-width:1440px){
.prolistpage ul{width: 100%;margin: 0;}
}
@media only screen and (max-width:1024px){
.prolistpage ul{width: 102%;margin: 0 -1%;}
.prolistpage ul li span{height: 40px;line-height: 48px;}
}
@media only screen and (max-width:768px){
.prolistpage ul li{width: 50%;}
.prolistpage ul li span{height: 40px;line-height: 50px;}
}
@media only screen and (max-width:480px){
.prolistpage ul li span{height: 35px;line-height: 40px;font-size: 14px;}
}

/* proshow */
.proshowpage .picbox{background: #fff;padding: 3%;border-radius: 10px;margin-bottom: 25px;}
.proshowpage .picbox .left{float: left;width: 47%;max-width: 620px;}
.proshowpage .picbox .bigPic{width: 100%;}
.proshowpage .picbox .left a{display: block;width: 100%;height: 0;padding-bottom: 90%;position: relative;}
.proshowpage .picbox .left a img{max-width: none;min-width: 100%;height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.proshowpage .picbox .left a:hover{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.proshowpage .picbox .smallpic{width: 100%;padding-top: 10px;}
.proshowpage .picbox .smallpic ul li{width: 80px;position: relative;}
.proshowpage .picbox .smallpic ul li a{padding-bottom: 100%;}
.proshowpage .picbox .smallpic ul li::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid #c19756;opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.proshowpage .picbox .smallpic ul li.on::after{opacity: 1;-webkit-transform: scale(.9,.9);-moz-transform: scale(.9,.9);transform: scale(.9,.9);}

.proshowpage .picbox .right{float: right;width: 50%;padding: 1.5% 0;}
.proshowpage .picbox .right h1{font-size: 24px;color: #987135;padding: 0 10px;}
.proshowpage .picbox .right .cla{width: 100%;padding: 10px 10px 25px 35px;position: relative;overflow: hidden;font-size: 16px;}
.proshowpage .picbox .right .cla span{position: absolute;left: 10px;top: 10px;}
.proshowpage .picbox .right .cla span svg{height: 24px;line-height: 24px;color: #987135;}
.proshowpage .picbox .right .cla a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #808080;line-height: 24px;float: left;}
.proshowpage .picbox .right .cla a:hover{color: #987135;padding-left: 5px;}
.proshowpage .picbox .right .ewm{width: 100%;border: 1px solid #ddd;padding: 30px 10px;border-width: 1px 0;position: relative;}
.proshowpage .picbox .right .ewm .p_ewm{width: 150px;}
.proshowpage .picbox .right .ewm .p_ewm p{width: 100%;height: 0;padding-bottom: 100%;position: relative;}
.proshowpage .picbox .right .ewm .p_ewm p img{width: 100%;position: absolute;left: 0;top: 0;}
.proshowpage .picbox .right .ewm .p_txt{width: 100%;max-height: 150px;padding-left: 180px;position: absolute;right: 0;bottom: 30px;overflow-y: auto;font-size: 15px;}
.proshowpage .picbox .right .txt{width: 100%;padding: 25px 10px 0;color: #666;line-height: 24px;}

.proshowpage .txtbox{width: 100%;position: relative;}
.proshowpage .txtbox .cont{width: 75%;float: left;background: #fff;border-radius: 10px;padding: 2% 3% 3%;}
.proshowpage .txtbox .cont .detail{width: 100%;padding-bottom: 25px;}
.proshowpage .txtbox .cont p img{max-width: 100%;}

@media only screen and (max-width:1200px){
.proshowpage .picbox{margin-bottom: 20px;}
.proshowpage .txtbox .cont{width: 74.5%;}
}
@media only screen and (max-width:1024px){
.proshowpage .picbox{border-radius: 5px;margin-bottom: 10px;padding: 25px 20px;}
.proshowpage .picbox .left{width: 48%;}
.proshowpage .picbox .smallpic ul li{width: 60px;}
.proshowpage .picbox .right{padding: 1% 0;}
.proshowpage .picbox .right h1{font-size: 18px;font-weight: 600;}
.proshowpage .picbox .right .cla{padding: 5px 10px 15px 35px;}
.proshowpage .picbox .right .cla span{top: 5px;}
.proshowpage .picbox .right .ewm{padding: 20px 10px;}
.proshowpage .picbox .right .ewm .p_ewm{width: 120px;}
.proshowpage .picbox .right .ewm .p_txt{max-height: 120px;padding-left: 140px;bottom: 20px;}
.proshowpage .picbox .right .txt{padding-top: 15px;}
.proshowpage .txtbox .cont{width: calc(100% - 250px);border-radius: 5px;padding: 10px 20px 25px;}
.proshowpage .txtbox .cont .detail{padding-bottom: 20px;}
}
@media only screen and (max-width:768px){
.proshowpage .picbox{margin-bottom: 15px;}
.proshowpage .picbox .left{width: 100%;max-width: 100%;padding-bottom: 20px;}
.proshowpage .picbox .left .bigPic a{height: auto;padding: 0;}
.proshowpage .picbox .left .bigPic a img{width: 100%;height: auto;position: relative;}
.proshowpage .picbox .left .smallpic ul{justify-content: center;}
.proshowpage .picbox .right{padding: 20px 0 5px;width: 100%;border-top: 1px solid #ddd;}
.proshowpage .txtbox .cont{width: 100%;}
}
@media only screen and (max-width:480px){
.proshowpage .picbox{padding: 15px 10px 20px;}
.proshowpage .picbox .left{padding-bottom: 15px;}
.proshowpage .picbox .left .bigPic a{height: 0;padding-bottom: 90%;}
.proshowpage .picbox .left .bigPic a img{width: auto;height: 100%;position: absolute;}
.proshowpage .picbox .smallpic{padding-top: 5px;}
.proshowpage .picbox .smallpic ul li{width: 50px;}
.proshowpage .picbox .right{padding: 15px 0 5px;width: 100%;border-top: 1px solid #ddd;}
.proshowpage .picbox .right h1{font-size: 16px;padding: 0 5px;}
.proshowpage .picbox .right .cla{font-size: 14px;padding: 5px 5px 10px 25px;}
.proshowpage .picbox .right .cla span{left: 5px;}
.proshowpage .picbox .right .ewm{padding: 15px 5px;}
.proshowpage .picbox .right .ewm .p_txt{font-size: 14px;bottom: 15px;padding-left: 135px;}
.proshowpage .picbox .right .txt{padding: 10px 5px 0;}
.proshowpage .txtbox .cont{padding: 10px 10px 20px;}
}

/* newslist */
.newslistpage .cont{width: 75%;float: left;overflow: hidden;}
.newsshowpage .cont,
.newslistpage .cont ul li{width: 100%;overflow: hidden;background: #fff;border-radius: 10px;padding: 4%;margin-bottom: 25px;}
.newsshowpage .cont .titl,
.newslistpage .cont ul li .titl{width: 100%;font-size: 18px;font-weight: 600;color: #987135;}
.newslistpage .cont ul li .titl a{color: #987135;}
.newslistpage .cont ul li .titl a:hover{text-decoration: underline;}
.newsshowpage .cont .time,
.newslistpage .cont ul li .time{width: 100%;padding: 10px 0 15px;color: #808080;overflow: hidden;}
.newsshowpage .cont .time span,
.newslistpage .cont ul li .time span{float: left;}
.newsshowpage .cont .time span svg,
.newslistpage .cont ul li .time span svg{height: 16px;line-height: 16px;margin-right: 5px;}
.newsshowpage .cont .pics,
.newsshowpage .cont .pics a,
.newslistpage .cont ul li .pics,
.newslistpage .cont ul li .pics a{width: 100%;overflow: hidden;}
.newsshowpage .cont .pics a img,
.newslistpage .cont ul li .pics a img{max-width: 100%;}
.newsshowpage .cont .text,
.newslistpage .cont ul li .text{padding: 20px 0;line-height: 2;color: #666;font-size: 15px;width: 100%;overflow: hidden;}
.newslistpage .cont ul li .more{width: 100%;overflow: hidden;}
.newslistpage .cont ul li .more a{font-size: 15px;color: #987135;font-weight: 600;}
.newslistpage .cont ul li .more a:hover{text-decoration: underline;}

.newsshowpage .cont{width: 75%;padding: 2% 3% 3%;float: left;margin: 0;}

@media only screen and (max-width:1440px){
.newslistpage .cont ul li{margin-bottom: 20px;}
}
@media only screen and (max-width:1200px){
.newsshowpage .cont,
.newslistpage .cont{width: 74.5%;}
}
@media only screen and (max-width:1024px){
.newslistpage .cont{width: calc(100% - 250px);border-radius: 5px;}
.newslistpage .cont ul li{border-radius: 5px;padding: 25px 20px;margin-bottom: 10px;}
.newsshowpage .cont .titl,
.newslistpage .cont ul li .titl{font-size: 16px;}
.newsshowpage .cont .time,
.newslistpage .cont ul li .time{padding: 5px 0 10px;}
.newsshowpage .cont .text,
.newslistpage .cont ul li .text{padding: 15px 0 10px;line-height: 1.8;font-size: 14px;}
.newslistpage .cont ul li .more{padding-bottom: 5px;}
.newsshowpage .cont{width: calc(100% - 250px);border-radius: 5px;padding: 25px 20px;}
.newsshowpage .cont .text{padding-bottom: 20px;}
}
@media only screen and (max-width:768px){
.newsshowpage .cont,
.newslistpage .cont{width: 100%;}
.newslistpage .cont ul li{margin-bottom: 15px;}
}
@media only screen and (max-width:480px){
.newslistpage .cont ul li{margin-bottom: 10px;padding: 15px 10px;}
.newslistpage .cont ul li .text{padding: 10px 0 5px;}
.newsshowpage .cont{padding: 15px 10px;}
.newsshowpage .cont .text{padding: 10px 0;}
}

/* float_right */
.float_right{width: 23%;float: right;}
.float_right .column{width: 100%;background: #fff;border-radius: 10px;padding: 10% 8%;margin-bottom: 20px;overflow: hidden;}
.float_right .column .tit{width: 100%;border-bottom: 1px solid #ddd;font-size: 18px;padding: 0 10px 15px;color: #987135;font-weight: 600;}
.float_right .column ul{width: 100%;padding-top: 5px;}
.float_right .column ul li{width: 100%;overflow: hidden;border-bottom: 1px dotted #ddd;line-height: 44px;padding: 0 10px;position: relative;}
.float_right .column .con li a{float: left;margin-right: 10px;font-size: 15px;}
.float_right .column .con li span{float: left;color: #808080;height: 44px;line-height: 46px;}

.float_right .column .new li a{display: block;width: 100%;font-size: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 5;padding-left: 25px;}
.float_right .column .new li span{position: absolute;left: 10px;top: 50%;margin-top: -15px;z-index: 0;font-size: 14px;}
.float_right .column .new li span svg{height: 30px;line-height: 30px;color: #808080;}

.float_right .column .txt{width: 100%;padding-top: 15px;line-height: 30px;}
.float_right .column .txt p{width: 100%;overflow: hidden;padding: 0 10px;font-size: 15px;}
.float_right .column .txt strong{font-weight: 600;color: #987135;font-size: 16px;}
.float_right .column .txt span{float: left;color: #666;}
.float_right .column .txt a{font-size: 18px;float: left;}

.float_right .column .txt .r_ewm{text-align: center;border-top: 1px dotted #ddd;margin-top: 10px;padding: 15px 10px 0;overflow: hidden;}
.float_right .column .txt .r_ewm img{width: 100%;max-width: 180px;}
.float_right .column .txt .r_ewm span{display: block;width: 100%;height: 25px;}

.float_right .column .lis li{width: 100%;padding: 20px 5px 0;text-align: center;border: 0;}
.float_right .column .lis li a,
.float_right .column .lis li p{display: block;overflow: hidden;width: 100%;}
.float_right .column .lis li em{padding-bottom: 90%;}
.float_right .column .lis li img{max-width: none;min-width: 100%;height: 100%;}
.float_right .column .lis li span{display: block;width: 100%;line-height: 50px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media only screen and (max-width:1440px){
.float_right{width: 23.5%;}
}
@media only screen and (max-width:1200px){
.float_right{width: 24%;}
.float_right .column{padding: 8% 6%;margin-bottom: 15px;}
.float_right .column .tit{font-size: 16px;padding: 0 5px 10px;}
.float_right .column ul li{padding: 0 5px;line-height: 40px;}
.float_right .column ul li a{font-size: 14px;}
.float_right .column .con li span{height: 40px;line-height: 42px;}
.float_right .column .new li a{padding-left: 20px;}
.float_right .column .new li span{left: 5px;font-size: 13px;}
.float_right .column .txt p{padding: 0 5px;font-size: 14px;}
.float_right .column .txt strong{font-size: 15px;}
.float_right .column .txt a{font-size: 16px;font-weight: 600;}
.float_right .column .txt .r_ewm{padding: 10px 10px 0;overflow: hidden;}
.float_right .column .txt .r_ewm span{line-height: 24px;}
.float_right .column .lis li{padding: 15px 0 0;}
.float_right .column .lis li span{line-height: 40px;height: 35px;}
}
@media only screen and (max-width:1024px){
.float_right{width: 240px;}
.float_right .column{border-radius: 5px;padding: 9% 7%;margin-bottom: 10px;}
.float_right .column .txt{line-height: 24px;}
.float_right .column .lis li span{line-height: 36px;height: 30px;}
}
@media only screen and (max-width:768px){
.float_right{display: none;}
}

/* case */
.caselistpage ul{width: 103%;margin: 0 -1.5%;}
.caselistpage ul li{width: 33.33%;padding: 1% 1.5% 2%;float: left;}
.caselistpage ul li div{width: 100%;border-radius: 10px;overflow: hidden;background: #fff;}
.caselistpage ul li a{display: block;width: 100%;overflow: hidden;}
.caselistpage ul li a em{padding-bottom: 65%;}
.caselistpage ul li a em img{max-width: none;min-width: 100%;height: 100%;}
.caselistpage ul li p{width: 100%;padding: 15px 20px 5px;font-size: 22px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;}
.caselistpage ul li span{display: block;width: 100%;overflow: hidden;padding: 0 20px 20px;color: #808080;line-height: 24px;font-size: 18px;}
.caselistpage ul li span em{display: block;float: left;margin-right: 5px;}
.caselistpage ul li span svg{height: 24px;line-height: 24px;}

@media only screen and (max-width:1440px){
.caselistpage ul{width: 100%;margin: 0;padding-top: 1%;}
.caselistpage ul li{padding: 0 1% 2%;}
}
@media only screen and (max-width:1200px){
.caselistpage ul li p{font-size: 16px;line-height: 30px;font-weight: 600;}
.caselistpage ul li span{font-size: 15px;}
}
@media only screen and (max-width:1024px){
.caselistpage ul{width: 102%;margin: 0 -1%;}
.caselistpage ul li p{font-size: 15px;line-height: 24px;padding: 12px 15px 3px;}
.caselistpage ul li span{font-size: 14px;padding: 0 15px 12px;}
}
@media only screen and (max-width:768px){
.caselistpage ul li{width: 50%;}
.caselistpage ul li div{border-radius: 5px;}
}
@media only screen and (max-width:480px){
.caselistpage ul li p{font-size: 14px;padding: 10px 10px 0;}
.caselistpage ul li span{padding: 0 10px 10px;}
}

/* server */
.serverpage .cont{background: #fff;border-radius: 10px;padding: 3%;overflow: hidden;}
.serverpage .cont p{text-align: justify;line-height: 30px;font-size: 15px;color: #666;}
.serverpage .cont p.img{margin-bottom: 30px;}
.serverpage .cont p img{max-width: 100%;}
.serverpage .cont p strong{font-size: 20px;color: #987135;display: block;padding-bottom: 10px;line-height: 30px;}

@media only screen and (max-width:1024px){
.serverpage .cont{padding: 3.5% 3% 4%;border-radius: 5px;}
.serverpage .cont p.img{margin-bottom: 25px;}
}
@media only screen and (max-width:768px){
.serverpage .cont p{font-size: 14px;line-height: 25px;}
.serverpage .cont p strong{font-size: 16px;}
}
@media only screen and (max-width:480px){
.serverpage .cont{padding-bottom: 5%;}
.serverpage .cont p.img{height: 200px;margin-bottom: 20px;position: relative;overflow: hidden;}
.serverpage .cont p.img img{height: 100%;max-width: none;min-width: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-51%);-moz-transform: translateX(-51%);transform: translateX(-51%);}
}

/* contact */
.contactpage .cont{background: #fff;border-radius: 10px;padding: 3%;overflow: hidden;}
.contactpage .txt{width: 100%;border: 1px solid #ddd;position: relative;}
.contactpage .txt .text{width: 100%;background: url(../images/lx.jpg) -50px -5px no-repeat;background-size: auto 105%;padding: 12% 12% 18% 18%;}
.contactpage .txt .text p{width: 100%;font-size: 22px;line-height: 40px;overflow: hidden;color: #454545;}
.contactpage .txt .text span{float: left;}
.contactpage .txt .text a{float: left;font-size: 25px;font-weight: 600;}
.contactpage .txt img{height: 100%;position: absolute;right: 0;top: 0;padding: 20px;background: #fff;}
.contactpage .map{width: 100%;height: 0;padding-bottom: 420px;position: relative;border: 1px solid #ddd;border-top: 0;}
.contactpage .map::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;-webkit-transition: .5;-moz-transition: .5;transition: .5;}
.contactpage .map:hover::after{width: 0;}
.contactpage .map iframe{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

@media only screen and (max-width:1200px){
.contactpage .txt img{padding: 0;}
.contactpage .map{padding-bottom: 360px;}
}
@media only screen and (max-width:1024px){
.contactpage .cont{padding: 3.5% 3% 4%;border-radius: 5px;}
.contactpage .txt .text p{font-size: 16px;font-weight: 600;line-height: 30px;}
.contactpage .txt .text a{font-size: 20px;}
.contactpage .map{padding-bottom: 320px;}
}
@media only screen and (max-width:768px){
.contactpage .txt{text-align: center;}
.contactpage .txt .text{background-position: center -25px;background-size: 110% auto;text-align: left;padding: 20% 5% 20% 35%;}
.contactpage .txt img{position: relative;max-width: 100%;height: auto;}
.contactpage .map{padding-bottom: 300px;}
}
@media only screen and (max-width:480px){
.contactpage .cont{padding: 3% 2%;border-radius: 5px;}
.contactpage .txt .text{height: 210px;background-position: -40px -20px;padding: 75px 10px 0 130px;background-size: auto 320px;}
.contactpage .map{padding-bottom: 240px;}
}
@media only screen and (max-width:425px){
.contactpage .txt .text{background-position: -65px -20px;background-size: auto 300px;height: 190px;padding: 70px 10px 0 80px;}
.contactpage .txt .text p{font-size: 15px;}
.contactpage .txt .text a{font-size: 18px;}
}

/* down */
.downpage{background: #fff;padding: 3% 3% 2%;border-radius: 10px;}
.downpage ul{width: 100%;padding-bottom: 15px;}
.downpage ul li{width: 100%;overflow: hidden;padding: 0 100px 0 20px;position: relative;margin-bottom: 5px;}
.downpage ul li span{position: absolute;right: 0;top: 0;text-align: center;width: 80px;}
.downpage ul li.tit{background: #987135;color: #fff;line-height: 50px;font-size: 15px;font-weight: 600;margin-bottom: 10px;}
.downpage ul li.txt{border-bottom: 1px dotted #ddd;line-height: 45px;height: 44px;}
.downpage ul li.txt p{font-size: 15px;font-weight: 600;overflow: hidden;}
.downpage ul li.txt p a{display: block;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media only screen and (max-width:1024px){
.downpage ul{padding-bottom: 10px;}
.downpage ul li.tit{line-height: 46px;height: 45px;margin-bottom: 5px;}
.downpage ul li.txt{line-height: 40px;height: 40px;margin: 0;}
}
@media only screen and (max-width:768px){
.downpage{border-radius: 5px;padding: 3.5% 3% 2%;}
.downpage ul li.txt p{font-size: 14px;}
}
@media only screen and (max-width:480px){
.downpage ul{padding-bottom: 5px;}
.downpage ul li{padding: 0 50px 0 10px;}
.downpage ul li span{width: 50px;}
.downpage ul li.tit{line-height: 42px;height: 40px;}
.downpage ul li.txt{line-height: 36px;height: 35px;}
}

/* sitemap */
.sitemappage .cont{background: #fff;border-radius: 10px;padding: 3% 3% 1.5%;overflow: hidden;}
.sitemappage .list{width: 100%;padding-bottom: 2.5%;overflow: hidden;}
.sitemappage .list .titl{line-height: 30px;padding: 10px 80px 10px 20px;background: #987135;color: #fff;overflow: hidden;border-radius: 5px 5px 0 0;position: relative;}
.sitemappage .list .titl p{font-size: 16px;font-weight: 600;float: left;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sitemappage .list .titl a{color: #fff;position: absolute;right: 20px;top: 10px;}
.sitemappage .list .titl a:hover{font-weight: 600;}
.sitemappage .list ul{width: 100%;overflow: hidden;padding: 14px;background: #fafafa;border: 1px dashed #ddd;border-radius: 0 0 5px 5px;border-top: 0;min-height: 80px;}
.sitemappage .list ul li{width: 20%;float: left;padding: 0 5px;line-height: 30px;}
.sitemappage .list ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media only screen and (max-width:1200px){
.sitemappage .list ul li{width:25%;}
}
@media only screen and (max-width:1024px){
.sitemappage .cont{border-radius: 5px;}
.sitemappage .list .titl{border-radius: 3px 3px 0 0;}
.sitemappage .list ul{border-radius: 0 0 3px 3px;}
.sitemappage .list ul li{width: 33.33%;}
}
@media only screen and (max-width:768px){
.sitemappage .list ul{padding: 10px 14px;}
.sitemappage .list ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.sitemappage .list .titl{padding: 5px 70px 5px 10px;}
.sitemappage .list .titl p{font-size: 15px;}
.sitemappage .list .titl a{right: 10px;top: 5px;}
.sitemappage .list ul{padding: 10px 5px;}
.sitemappage .list ul li{line-height: 24px;}
}