@charset "utf-8";
/* CSS Document */
body{font-family:"宋体", arial;margin:0;padding:0;font-size:12px;color:#333;background-color:#fff;}
div,img,ul,li,dl,dt,dd,p,span{margin:0; padding:0; border:0; }
form{ margin:0; padding:0;}
input{ margin:0; padding:0;}
ul,li{list-style-type:none; margin:0; padding:0;}
img{vertical-align:middle; padding:0; margin:0}
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;font-size:12px; font-weight:normal;}
a{text-decoration:none;color: #333;}
a:hover{color: #df0c36;}
img{ border:none; margin:0px;}
p{ margin:0px; padding:0px;}
.clear{width: 100%;height: 0;clear: both;}
.atm5{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.box_sizing, .box_sizing *, *:after, *:before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box_sizing, .box_sizing *, *::after, *::before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* head */
.headbox{width: 100%;height: 80px;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.1);position: fixed;left: 0;top: 0;z-index: 9999999;}
.headbox div{height: 100%;}
.headbg{width: 50%;position: absolute;right: 0;top: 0;z-index: 0;background: #e5bf73;}
.head_cont{width: 97%;max-width: 1700px;position: relative;margin: 0 auto;background: #fff;z-index: 5;padding: 0 240px 0 300px;}
.headbox .logobox{position: absolute;left: 0;top: 0;padding: 10px 0;overflow: hidden;max-width: 270px;}
.headbox .logobox *{display: block;height: 100%;float: left;}
.headbox .telbox{position: absolute;right: -1px;top: 0;padding: 25px 0 25px 25px;background: #e5bf73;color: #fff;overflow: hidden;line-height: 30px;}
.headbox .telbox p{height: 30px;padding-left: 40px;background: url(../images/tel-icon.png) left center no-repeat;float: right;font-size: 25px;font-family: Arial;font-weight: 600;}

.headbox .navbox{width: 100%;max-width: 1080px;float: right;}
.headbox .navbox ul{height: 100%;}
.headbox .navbox ul li{width: 16.5%;float: left;height: 100%;position: relative;text-align: center;}
.headbox .navbox ul li::before{content: '';width: 0;height: 2px;background: #e5bf73;position: absolute;top: 0;left: 50%;opacity: 0;}
.headbox .navbox ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;color: #333;font-weight: 600;}
.headbox .navbox ul li::before,
.headbox .navbox ul li a{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.headbox .navbox ul li h2 a{padding: 20px 0;font-size: 14px;}
.headbox .navbox ul li:hover::before{width: 100%;left: 0;opacity: 1;}
.headbox .navbox ul li.active h2 a{color: #d9ad57;}

.headbox .navbox ul li dl{position: absolute;left: 0;top: 100%;width: 100%;box-shadow: 0 2px 5px rgba(0,0,0,.2);overflow: hidden;}
.headbox .navbox ul li dl a{height: 0;font-size: 13px;padding: 0 5px;border-bottom: 0px solid #e6e6e6;background: #fff;line-height: 45px;}
.headbox .navbox ul li dl a:hover{background: #e5bf73;color: #fff;}
.headbox .navbox ul li:hover dl a{height: 45px;border-bottom-width: 1px;}

/* banner */
.bannerbox{width: 100%;height: 270px;background: url(../bannerimages/banner-inside.jpg) 80% center no-repeat;margin-top: 50px;position: relative;}
.bannerbox::after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;}

.bannerppt{width: 100%;background: #f7f7f7;overflow: hidden;padding-top: 80px;position: relative;}
.bannerppt .pic{width: 1920px;height: 0;padding-bottom: 600px;position: relative;left: 50%;margin-left: -960px;}
.bannerppt .pic ul{position:absolute;left: 0;top: 0;height: 100%;}
.bannerppt .pic ul li{float:left;height:100%;overflow:hidden;position:relative;background:#fff;}
.bannerppt .pic ul li img{height:100%;}

.bannerppt .btnBg{display:none;}

.bannerppt .btn{width: 1400px;height:30px;position:absolute;bottom:0;left: 50%;margin-left: -700px;text-align: right;}
.bannerppt .btn span{display:inline-block;width: 10px;height: 10px;background: #fff;margin-left: 10px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.bannerppt .btn span.on{width: 50px;}

.bannerppt .preNext{width:60px;height:100%;position:absolute;top:0;cursor:pointer;}
.bannerppt .pre{left: 8%;background:url(../images/left.png) center no-repeat;}
.bannerppt .next{right: 8%;background:url(../images/right.png) center no-repeat;}

/* search */
.searchbox{width: 100%;padding: 10px 0;background: url(../images/jinpinbg.jpg) no-repeat;background-size: 100% 100%;border-top: 1px solid #fff;}
.search_center{width: 97%;max-width: 1440px;margin: 0 auto;padding-right: 310px;position: relative;}
.searchbox .left{width: 100%;}
.searchbox .left p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}

.searchbox .notice{width: 90%;padding-left: 70px;background: url(../images/qy_gg.png) left center no-repeat;}
.searchbox .notice p{width: 100%;overflow: hidden;line-height: 30px;}

.searchbox .right{width: 300px;position: absolute;right: 0;top: 0;}
.searchbox .right input{display: block;width: 100%;border: 0;resize: none;outline: none;background: none;}
.searchbox .right p{width: 100%;height: 30px;border: 1px solid #e5bf73;background: #fff;padding: 5px 9px;}
.searchbox .right p input{line-height: 19px;color: #808080;float: left;font-family: "宋体";font-size: 12px;}
.searchbox .right span{position: absolute;right: 0;top: 0;height: 30px;width: 50px;background: #e5bf73;}
.searchbox .right span input{height: 30px;background: url(../images/anniu.png) center no-repeat;cursor: pointer;}

@media only screen and (max-width:1440px){
.head_cont{padding: 0 210px 0 250px;}
.headbox .telbox{padding: 25px 0 25px 15px;}
.headbox .telbox p{padding-left: 35px;font-size: 22px;}
.bannerppt .pic{padding-bottom: 41.66%;width: 134%;left: -17%;margin: 0;}
.bannerppt .btn{width: 96%;left: 2%;margin: auto;}
}
@media only screen and (max-width:1250px){
.headbox{height: 70px;}
.headbox .logobox{max-width: 230px;}
.headbox .telbox{padding: 20px 0 20px 15px;}
.headbox .navbox ul li dl a{line-height: 39px;}
.headbox .navbox ul li:hover dl a{height: 40px;}
.headbox .navbox ul li h2 a{padding: 15px 0;}
.bannerbox{height: 220px;margin-top: 65px;}
.bannerppt{padding-top: 70px;}
.bannerppt .btn{height:20px;}
.bannerppt .btn span{width:10px;height:10px;}
.search_center{padding-right: 260px;}
.searchbox .right{width: 250px;}
}

/* product */
.product_box{width: 97%;max-width: 1440px;margin: 0 auto;padding: 55px 0 40px;}
.product_box .title{overflow: hidden;text-align: center;}
.product_box .title a{display: block;width: 7em;margin: 0 auto;font-size: 36px;line-height: 1;font-family: sans-serif;font-weight: 600;color: #333;}
.product_box .title a:hover{color: #df0c36;}
.product_box .title span{display: block;width: 40px;height: 25px;border-bottom: 3px solid #e5bf73;margin: 0 auto;}

.product_box .pro_cla{width: 100%;padding: 25px 0;position: relative;z-index: 9;text-align: center;font-family: sans-serif;float: left;}
.product_box .pro_cla ul{margin: 0 -5px;display: -webkit-box;display: flex;justify-content: center;flex-wrap: nowrap;}
.product_box .pro_cla ul li{width: 14.285%;float: left;padding: 0 5px;position: relative;flex-shrink: 0;}
.product_box .pro_cla ul li a{display: block;width: 100%;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;font-weight: 600;line-height: 30px;font-size: 14px;}
.product_box .pro_cla ul li h2 a{background: #e5bf73;padding: 10px 5px;font-size: 15px;}
.product_box .pro_cla ul li dl{position: absolute;width: 100%;padding: 0 5px;left: 0;top: 100%;overflow: hidden;}
.product_box .pro_cla ul li dl a{background: #e5bf73;margin-top: 1px;height: 0;}

.product_box .pro_cla ul li dl a:hover,
.product_box .pro_cla ul li.active h2 a{background: #df0c36;}
.product_box .pro_cla ul li:hover dl a{height: 40px;padding: 5px;}

.product_box .pro_box{width: 100%;overflow: hidden;}
.product_box .pro_list{width: 1000%;overflow: hidden;position: relative;left: 0;}
.product_box .pro_list .list{width: 10%;float: left;min-height: 300px;}
.product_box .pro_list ul{margin: 0 -10px;}
.product_box .pro_list ul li{width: 25%;float: left;text-align: center;padding: 0 10px 5px;}
.product_box .pro_list ul li a{display: block;width: 100%;overflow: hidden;}
.product_box .pro_list ul li p{width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;position: relative;}
.product_box .pro_list ul li p img{position: absolute;width: 100%;min-height: 100%;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.product_box .pro_list ul li h3{height: 50px;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product_box .pro_list ul li:hover h3{background: #e5bf73;color: #fff;}

@media only screen and (max-width:1250px){
.product_box{padding: 45px 0 30px;}
.product_box .pro_cla ul li h2 a{padding: 5px;}
.product_box .pro_list ul{margin: 0 -5px ;}
.product_box .pro_list ul li{padding: 0 5px 5px;}
.product_box .pro_list ul li h3{height: 40px;line-height: 40px;}
}

/* company */
.companybox{padding: 70px 0 130px;background: url(../images/gspic.jpg) center no-repeat;background-size: 100% auto;background-attachment: fixed;position: relative;}
.companybox .box_bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(15,20,30,.8);z-index: 0;}
.companybox .title{overflow: hidden;text-align: center;position: relative;z-index: 5;}
.companybox .title p{width: 100%;font-size: 36px;line-height: 1;font-family: sans-serif;color: #fff;}
.companybox .title span{display: block;width: 40px;height: 25px;border-bottom: 3px solid #e5bf73;margin: 0 auto;}

.companybox .text{width: 97%;max-width: 1250px;margin: 0 auto;padding: 35px 0 20px;color: #fff;text-align: center;position: relative;z-index: 5;font-size: 14px;line-height: 1.8;}
.companybox .text p{padding-bottom: 10px;}

.companybox .more{width: 100%;text-align: center;position: relative;z-index: 5;}
.companybox .more a{display: block;width: 150px;line-height: 40px;background: #e5bf73;font-family: sans-serif;font-size: 15px;font-weight: 600;color: #fff;margin: 0 auto;border-radius: 3px;}
.companybox .more a:hover{background: #df0c36;}

/* album */
.albumbox{width: 100%;position: relative;z-index: 6;margin-top: -100px;overflow: hidden;}
.albumbox .list{margin: 0 -5%;overflow: hidden;position: relative;}
.albumbox .list ul{width: 200%;overflow: hidden;}
.albumbox .list ul li{width: 10%;float: left;text-align: center;padding: 0 5px;}
.albumbox .list ul li p{width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;}
.albumbox .list ul li p a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.albumbox .list ul li p a img{position: relative;height: 100%;min-width: 100%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}

.albumbox .btn{position: absolute;z-index: 10;height: 100%;width: 20%;background: #fff;top: 0;text-align: center;cursor: pointer;opacity: .8;}
.albumbox .btn span{font-size: 70px;font-weight: bolder;color: #e5bf73;line-height: 100px;position: absolute;width: 30%;top: 50%;margin-top: -50px;z-index: 5;}
.albumbox .btn p{width: 100%;height: 100px;background: url(../images/gspic.jpg) center no-repeat;background-size: 100% auto;background-attachment: fixed;position: relative;z-index: 1;}
.albumbox .btn p em{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(15,20,30,.8);}
.albumbox .btn:hover span{color: #df0c36;}

.albumbox #prev{right: -5px;}
.albumbox #prev span{left: 0;}
.albumbox #next{left: -5px;}
.albumbox #next span{right: 0;}

@media only screen and (max-width:1440px){
.companybox{padding-top: 65px;}
.albumbox .list{margin: 0 -15%;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 55px 0 110px;}
.albumbox{margin-top: -80px;}
.albumbox .btn p{height: 80px;}
}

/* news */
.newsbox{width: 97%;max-width: 1440px;margin: 0 auto;padding: 55px 0 40px;}
.newsbox .title{overflow: hidden;text-align: center;}
.newsbox .title a{display: block;width: 7em;margin: 0 auto;font-size: 36px;line-height: 1;font-family: sans-serif;font-weight: 600;color: #333;}
.newsbox .title a:hover{color: #df0c36;}
.newsbox .title span{display: block;width: 40px;height: 25px;border-bottom: 3px solid #e5bf73;margin: 0 auto;}

.newsbox .new_cla{width: 100%;padding: 25px 0 35px;position: relative;z-index: 9;text-align: center;font-family: sans-serif;overflow: hidden;display: -webkit-box;display: flex;justify-content: center;flex-wrap: nowrap;}
.newsbox .new_cla p{width: 14.285%;float: left;padding: 0 5px;position: relative;flex-shrink: 0;}
.newsbox .new_cla p a{display: block;width: 100%;font-size: 15px;font-weight: 600;color: #fff;line-height: 30px;padding: 10px 5px;background: #e5bf73;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox .new_cla p.active a{background: #df0c36;}

.newsbox .news_cont{width: 100%;overflow: hidden;}
.newsbox .news_list{width: 1000%;overflow: hidden;position: relative;left: 0;}
.newsbox .news_list .list{width: 10%;float: left;min-height: 300px;}
.newsbox .news_list .list .left{width: 49.5%;overflow: hidden;float: left;position: relative;}
.newsbox .news_list .list .left .pic{width: 100%;overflow: hidden;background: #0f141e;}
.newsbox .news_list .list .left .pic a{display: block;width: 100%;height: 0;padding-bottom: 490px;position: relative;opacity: .75;}
.newsbox .news_list .list .left .pic a img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.newsbox .news_list .list .left:hover .pic{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

.newsbox .news_list .list .left .txt{width: 100%;background: rgba(15,20,30,.75);position: absolute;left: 0;bottom: 0;color: #fff;padding: 15px 3%;}
.newsbox .news_list .list .left .txt p{width: 100%;padding-right: 80px;overflow: hidden;font-size: 13px;font-weight: 600;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;}
.newsbox .news_list .list .left .txt a{color: #fff;font-family: Arial;display: block;background: #deb242;line-height: 30px;padding: 0 10px;float: left;border-radius: 3px;position: absolute;right: 3%;top: 15px;}
.newsbox .news_list .list .left .txt a:hover{background: #df0c36;}

.newsbox .news_list .list ul{width: 49.5%;float: right;margin-bottom: -5px;overflow: hidden;}
.newsbox .news_list .list ul li{width: 100%;float: left;height: 94px;margin-bottom: 5px;background: #f0f0f0;overflow: hidden;padding: 15px 3%;line-height: 20px;}
.newsbox .news_list .list ul li:first-child{display: none;}
.newsbox .news_list .list ul li .titl{width: 100%;position: relative;font-size: 13px;}
.newsbox .news_list .list ul li .titl a{font-weight: 600;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;padding-right: 80px;}
.newsbox .news_list .list ul li .titl span{position: absolute;right: 0;top: 0;color: #808080;font-family: Arial;line-height: 22px;}
.newsbox .news_list .list ul li .text{height: 45px;padding-top: 5px;overflow: hidden;width: 100%;}
.newsbox .news_list .list ul li .text img,
.newsbox .news_list .list ul li .text br,
.newsbox .news_list .list ul li .text table{display: none;}

.newsbox .news_list .list ul li:hover{background: #df0c36;}
.newsbox .news_list .list ul li:hover .titl a,
.newsbox .news_list .list ul li:hover .titl span,
.newsbox .news_list .list ul li:hover .text a{color: #fff;}

@media only screen and (max-width:1250px){
.newsbox{padding: 45px 0 30px;}
.newsbox .new_cla{padding: 25px 0 30px;}
.newsbox .new_cla p a{padding: 5px;}
}

/* foot */
.run_probox{width: 97%;max-width: 1440px;margin: 0 auto 25px;}
.run_probox .titl{width: 100%;overflow: hidden;position: relative;z-index: 5;margin-bottom: -10px;height: 40px;}
.run_probox .titl p{float: left;background: #e5bf73;color: #fff;font-size: 16px;font-weight: 600;border-radius: 5px 0 0 0;line-height: 42px;padding: 0 5px 0 15px;}
.run_probox .titl span{float: left;width: 30px;height: 30px;border: 30px solid #fff;border-width: 30px 0 0 30px;border-left-color: #e5bf73;}

.run_probox .list{width: 100%;border: 15px solid #e5bf73;overflow: hidden;height: 135px;position: relative;z-index: 1;border-radius: 0 5px 5px 5px;}
.run_probox .list ul{padding: 8px 15px;overflow: hidden;}
.run_probox .list ul li{width: 12.5%;float: left;padding: 0 5px;line-height: 30px;}
.run_probox .list ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.linkbox{width: 97%;max-width: 1440px;margin: 0 auto 15px;}
.linkbox li{display: inline;padding: 0 5px;line-height: 24px;}
.linkbox li a{white-space: nowrap;color: #666;}
.linkbox li a:hover{color: #df0c36;}

.footbox,.bottombox{background: #0d1321 url(../images/foot_bg.jpg) center bottom no-repeat;background-attachment: fixed;color: #757c8d;}
.footbox a,.bottombox a{color: #757c8d;}
.footbox a:hover,.bottombox a:hover{color: #fff;}
.footbox .box_center,.bottombox .box_center{width: 97%;max-width: 1440px;margin: 0 auto;}

.footbox{padding: 45px 0;line-height: 30px;}
.footbox ul{width: 100%;overflow: hidden;}
.footbox ul li{float: left;width: 13%;padding-right: 2%;}
.footbox ul li .titl{font-size: 14px;font-weight: 600;color: #fff;padding-bottom: 10px;}

.footbox ul li .list{overflow: hidden;}
.footbox ul li .list p{width: 100%;float: left;max-width: 100px;}
.footbox ul li .list p a{display: block;padding-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.footbox ul li.list1,
.footbox ul li.list2{width: 18%;}
.footbox ul li.list1 .list p,
.footbox ul li.list2 .list p{width: 50%;}

.footbox ul li.list6{float: right;width: 25%;padding: 0;max-width: 300px;}
.footbox ul li.list6 .text p{font-size: 30px;font-family: Arial;padding-bottom: 10px;}

.bottombox{text-align: center;padding: 15px 0 25px;border-top: 1px solid rgba(255,255,255,.1);line-height: 25px;}

@media only screen and (max-width:1440px){
.footbox{padding: 40px 0;}
.footbox ul li .titl{font-size: 15px;}
}
@media only screen and (max-width:1250px){
.run_probox .list ul{padding: 8px 10px;}
.footbox{padding: 30px 0;}
.footbox ul li{width: 12%;}
.footbox ul li.list2{width: 20%;}
.footbox ul li.list6{width: 26%;}
}

/* online */
.online_box{position: fixed;right: 0;top: 20%;z-index: 999999;width: 50px;box-shadow: 0 0 10px rgba(128,128,128,.1);}
.online_box ul *{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.online_box ul li{position: relative;width: 50px;height: 50px;margin-bottom: 1px;background: #e5bf73;border-radius: 5px 0 0 5px;cursor: pointer;}

.online_box ul li span{width: 50px;height: 50px;position: absolute;left: 0;top: 0;padding: 13px;}
.online_box ul li em{width: 0;overflow: hidden;position: absolute;top: 50%;right: 100%;padding: 0;box-shadow: 0 0 20px rgba(0,0,0,.1);background: #fff;}
.online_box ul li em img{width: 100%;}
.online_box ul li p{font-size: 16px;line-height: 50px;display: block;overflow: hidden;margin-right: -150px;font-family: Arial;}
.online_box ul li.li_order p{font-size: 14px;font-family: "宋体";font-weight: 600;}

.online_box ul li a.atm{position: absolute;right: 0;height: 100%;padding-left: 50px;overflow: hidden;background: #e5bf73;border-radius: 5px 0 0 5px;color: #fff;transition: .5s;white-space: nowrap;}

.online_box ul li.li_qq a.qq_pc{display: block;}
.online_box ul li.li_qq a.qq_m{display: none;}

.online_box ul li:hover a.atm,
.online_box ul li:hover{background: #deb242;}
.online_box ul li:hover em{width: 300%;top: -100%;padding: 10px;box-shadow: 0 0 20px rgba(0,0,0,.1);border-radius: 5px;}
.online_box ul li:hover p{margin-right: 15px;}
.online_box ul li.li_qq:hover,
.online_box ul li.li_top:hover{width: 60px;padding: 0 5px;margin-left: -10px;}
.online_box ul li.li_qq:hover span,
.online_box ul li.li_top:hover span{left: 5px;}

@media only screen and (max-width:1024px){
.online_box ul li.li_qq a.qq_pc{display: none;}
.online_box ul li.li_qq a.qq_m{display: block;}
}


/* inside */
.container{width: 97%;max-width: 1440px;margin: 25px auto 15px;overflow: hidden;}
.local_box{overflow: hidden;width: 100%;position: relative;margin-bottom: 25px;line-height: 20px;z-index: 0;}
.local_box h1,
.local_box p{padding: 11px 5px 11px;position: relative;z-index: 5;max-width: 40%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px solid #df0c36;font-weight: 600;font-size: 16px;}
.local_box span{float: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;padding: 11px 5px 11px;max-width: 60%;}
.local_box span em{font-style: normal;color: #df0c36;}
.local_box .line{width: 100%;height: 1px;background: #ddd;position: absolute;left: 0;bottom: 0;overflow: hidden;z-index: 1;}

/* leftmain */
.leftmain{width: 18%;float: left;max-width: 240px;}
.leftmain .tit{width: 100%;background: #e5bf73;border-radius: 5px 5px 0 0;font-size: 16px;font-weight: 600;color: #fff;line-height: 24px;padding: 10px;text-align: center;font-family: sans-serif;}
.leftmain .column{width: 100%;border-radius: 0 0 5px 5px;margin-bottom: 15px;background: #fff;border: 10px solid #e5bf73;border-top: 0;}

.leftmain .l_gywm{padding: 5px 5px 3px;}
.leftmain .l_gywm h2{display: block;width: 100%;overflow: hidden;position: relative;}
.leftmain .l_gywm a{display: block;width: 100%;background: #e5bf73;color: #fff;font-size: 14px;font-weight: 600;line-height: 30px;padding: 5px 10px;margin-bottom: 2px;}
.leftmain .l_gywm span{width: 0;height: 0;border: 5px solid rgba(255,255,255,0);border-left-color: #fff;position: absolute;right: 10px;top: 50%;margin-top: -5px;}
.leftmain .l_gywm h2:hover a{background: #df0c36;}

.leftmain .l_cpfl ul{padding: 5px 5px 0;overflow: hidden;width: 100%;}
.leftmain .l_cpfl ul li{width: 100%;overflow: hidden;margin-bottom: 5px;}
.leftmain .l_cpfl ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 24px;}
.leftmain .l_cpfl ul li h2{position: relative;}
.leftmain .l_cpfl ul li h2 a{padding: 6px 20px 6px 12px;font-size: 13px;font-weight: 600;color: #fff;background: #e5bf73;}
.leftmain .l_cpfl ul li h2 span{position: absolute;right: 7px;top: 50%;margin-top: -5px;width: 0;height: 0;border: 5px solid rgba(255,255,255,0);border-left-color: #fff;}

.leftmain .l_cpfl ul li dl{width: 100%;overflow: hidden;padding: 5px 0 2px;}
.leftmain .l_cpfl ul li dl dt{width: 100%;overflow: hidden;position: relative;}
.leftmain .l_cpfl ul li dl dt a{color: #666;padding-left: 25px;}
.leftmain .l_cpfl ul li dl dt span{position: absolute;left: 12px;top: 50%;margin-top: -5px;border: 5px solid #fff;border-left-color: #ccc;}

.leftmain .l_cpfl ul li:hover h2 a{background: #df0c36;}
.leftmain .l_cpfl ul li dl dt:hover a{color: #df0c36;}
.leftmain .l_cpfl ul li dl dt:hover span{border-left-color: #df0c36;}

.leftmain .l_xwdt ul{padding: 5px 5px 10px;}
.leftmain .l_xwdt ul li{width: 100%;border-bottom: 1px dotted #ccc;background: url(../images/newsbg.jpg) left center no-repeat;}
.leftmain .l_xwdt ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 20px;height: 30px;line-height: 30px;color: #666;}
.leftmain .l_xwdt ul li:hover a{color: #df0c36;}

.leftmain .l_lxwm{padding: 5px 8px;line-height: 20px;color: #666;}
.leftmain .l_lxwm p{margin-bottom: 3px;}
.leftmain .l_lxwm strong{font-size: 14px;color: #df0c36;line-height: 30px;padding-top: 2px;display: block;}

/* rightmain */
.rightmain{width: 80%;float: right;}
.rightmain .cont{width: 100%;overflow: hidden;margin-bottom: 15px;}

/* aboutus */
.aboutus_page .cont p{color: #666;text-indent: 2em;padding-bottom: 10px;line-height: 2;font-size: 14px;}

/* contact */
.contact_page .text_box{width: 100%;padding: 0 2% 2%;}
.contact_page .text_box p{font-size: 13px;color: #666;margin-bottom: 5px;line-height: 20px;}
.contact_page .text_box strong{font-size: 14px;line-height: 30px;display: block;padding-top: 5px;color: #df0c36;}

.contact_page .map_box{width: 100%;height: 420px;border: 1px solid #ddd;}

/* honor */
.honor_page .list{width: 100%;overflow: hidden;}
.honor_page .list ul{margin: 0 -10px;overflow: hidden;}
.honor_page .list ul li{width: 25%;padding: 0 10px 10px;float: left;text-align: center;}
.honor_page .list ul li a{display: block;overflow: hidden;width: 100%;}
.honor_page .list ul li p{width: 100%;height: 0;padding-bottom: 100%;border: 1px solid #ddd;position: relative;}
.honor_page .list ul li p img{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.honor_page .list ul li h3{width: 100%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 40px;line-height: 40px;color: #666;}
.honor_page .list ul li:hover p{border-color: #df0c36;}
.honor_page .list ul li:hover h3{color: #df0c36;}

/* huanjing */
.huanjing_page .list{margin: 0 -5px -10px;}
.huanjing_page .list p{width: 25%;float: left;border: 10px solid #fff;border-width: 0 5px 10px;height: 0;padding-bottom: 18%;position: relative;overflow: hidden;}
.huanjing_page .list p img{height: 100%;min-width: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.huanjing_page .list p:hover img{-webkit-transform: translateX(-50%) scale(1.1,1.1);-moz-transform: translateX(-50%) scale(1.1,1.1);transform: translateX(-50%) scale(1.1,1.1);}

/* linian */
.linian_page .cont p{line-height: 2;padding-bottom: 10px;color: #666;font-size: 13px;position: relative;padding-left: 75px;min-height: 36px;}
.linian_page .cont p strong{display: block;line-height: 24px;font-size: 14px;position: absolute;left: 0;top: 0;}

/* nashi */
.nashi_page .cont p{line-height: 1.8;padding-bottom: 5px;color: #666;font-size: 13px;position: relative;padding-left: 75px;min-height: 28px;}
.nashi_page .cont p strong{display: block;line-height: 22px;font-size: 14px;position: absolute;left: 0;top: 0;}

/* wenhua */
.wenhua_page .cont p{line-height: 1.8;padding-bottom: 5px;color: #666;font-size: 13px;position: relative;padding-left: 75px;min-height: 28px;}
.wenhua_page .cont p strong{display: block;line-height: 22px;font-size: 14px;margin-left: -75px;}
.wenhua_page .cont p b{display: block;line-height: 22px;font-size: 14px;position: absolute;left: 0;top: 0;text-indent: 2em;}

/* order */
.order_page .cont ul{width: 100%;min-width: 620px;padding: 15px 20px 5px;}
.order_page .cont ul li{width: 100%;position: relative;overflow: hidden;padding: 0 20px 0 100px;margin-bottom: 10px;}
.order_page .cont ul li .tit{width: 100px;line-height: 30px;text-align: right;position: absolute;top: 0;left: 0;}
.order_page .cont ul li .red{width: 20px;right: 0;text-align: center;float: left;height: 30px;line-height: 30px;}
.order_page .cont ul li .img{float: left;padding: 6px 0;cursor: pointer;}
.order_page .cont ul li p{max-width: 90%;float: left;}
.order_page .cont ul li p .txt{border: 1px solid #ddd;line-height: 18px;padding: 5px 10px;border-radius: 3px;outline: none;resize: none;}
.order_page .cont ul li p .area{height: 200px;width: 100%;width: 400px;}
.order_page .cont ul li.btn{padding-top: 10px;}
.order_page .cont ul li.btn input{float: left;font-size: 14px;font-weight: 600;background: #e5bf73;line-height: 36px;margin-right: 10px;color: #fff;display: block;width: 100px;height: 35px;border-radius: 3px;cursor: pointer;}
.order_page .cont ul li.btn input:hover{background: #df0c36;}

/* newslist */
.newslist_page .list ul li{width: 100%;overflow: hidden;margin-bottom: 10px;background: #f5f5f5;padding: 10px 10px 10px 160px;position: relative;height: 125px;}
.newslist_page .list ul li .pic{width: 140px;position: absolute;left: 10px;top: 10px;overflow: hidden;}
.newslist_page .list ul li .pic a{display: block;width: 100%;position: relative;padding-bottom: 75%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.newslist_page .list ul li .pic a img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}

.newslist_page .list ul li .txt{width: 100%;overflow: hidden;}
.newslist_page .list ul li .txt .titl{width: 100%;line-height: 20px;}
.newslist_page .list ul li .txt .titl a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 13px;font-weight: 600;}
.newslist_page .list ul li .txt .time{width: 100%;padding: 1px 0 4px;overflow: hidden;color: #808080;line-height: 15px;}
.newslist_page .list ul li .txt .time span{float: left;width: 15px;height: 8px;border-bottom: 1px solid #bbb;margin-right: 5px;}
.newslist_page .list ul li .txt .text{width: 100%;height: 40px;line-height: 20px;color: #666;overflow: hidden;}
.newslist_page .list ul li .txt .text br,
.newslist_page .list ul li .txt .text img,
.newslist_page .list ul li .txt .text table{display: none;}
.newslist_page .list ul li .txt .more{width: 100%;padding-top: 5px;overflow: hidden;}
.newslist_page .list ul li .txt .more a{display: block;float: left;line-height: 20px;}
.newslist_page .list ul li:hover .pic a{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

.newsdetail .cont h1{width: 100%;text-align: center;font-size: 16px;font-weight: 600;line-height: 20px;padding: 15px 0 5px;}
.newsdetail .cont .date{width: 100%;text-align: center;color: #666;padding: 10px 0 20px;border-bottom: 1px dotted #ccc;}
.newsdetail .cont .content{width: 100%;overflow: hidden;padding: 20px 0;}
.newsdetail .cont .content p{font-size: 13px;line-height: 2;padding-bottom: 10px;}
.newsdetail .cont .content p img{display: block;max-width: 100%;margin: 5px 0;}

/* product */
.product_page .cont{border-radius: 3px;border: 1px solid #ddd;padding: 2px;background: #fafafa;}
.product_page .cont .titl{width: 100%;border-bottom: 1px solid #ddd;background: url(../images/jinpinbg.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;padding: 0 15px;}
.product_page .cont .titl p{font-size: 14px;font-weight: 600;float: left;line-height: 34px;}
.product_page .cont .titl a{float: right;line-height: 20px;background: #d9ad57;color: #fff;padding: 0 8px;border-radius: 3px;text-transform: uppercase;margin: 7px 0;}
.product_page .cont .titl a:hover{background: #df0c36;}

.product_page .cont .list{width: 100%;padding: 10px;}
.product_page .cont .list ul li{width: 25%;float: left;text-align: center;padding: 5px;}
.product_page .cont .list ul li a{display: block;width: 100%;overflow: hidden;}
.product_page .cont .list ul li p{width: 100%;overflow: hidden;height: 0;padding-bottom: 100%;position: relative;border: 1px solid #ddd;background: #fff;}
.product_page .cont .list ul li p img{max-width: 96%;max-height: 96%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.product_page .cont .list ul li h3{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 40px;line-height: 40px;}
.product_page .cont .list ul li:hover p img{-webkit-transform: translate(-50%,-50%) scale(1.1,1.1);-moz-transform: translate(-50%,-50%) scale(1.1,1.1);transform: translate(-50%,-50%) scale(1.1,1.1);}

.prolist_page .list{width: 100%;overflow: hidden;}
.prolist_page .list ul{margin: 0 -10px;}
.prolist_page .list ul li{width: 25%;float: left;text-align: center;padding: 0 10px 10px;}
.prolist_page .list ul li a{display: block;width: 100%;overflow: hidden;}
.prolist_page .list ul li p{width: 100%;height: 0;padding-bottom: 100%;border: 1px solid #ddd;position: relative;overflow: hidden;}
.prolist_page .list ul li p img{max-width: 96%;max-height: 96%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.prolist_page .list ul li h3{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 35px;line-height: 40px;}
.prolist_page .list ul li:hover p img{-webkit-transform: translate(-50%,-50%) scale(1.1,1.1);-moz-transform: translate(-50%,-50%) scale(1.1,1.1);transform: translate(-50%,-50%) scale(1.1,1.1);}

.prodetail .picinfo{width: 100%;padding-left: 390px;position: relative;overflow: hidden;}
.prodetail .picinfo .left{width: 360px;position: absolute;left: 0;top: 0;}
.prodetail .picinfo .left p a{width: 360px;height: 360px;border: 1px solid #ddd;display: block;position: relative;}
.prodetail .picinfo .left p img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.prodetail .picinfo .right{width: 100%;overflow: hidden;min-height: 360px;}
.prodetail .picinfo .right h1{font-size: 14px;line-height: 20px;padding: 5px 10px;max-width: 100%;overflow: hidden;font-weight: 600;}
.prodetail .picinfo .right .claname{width: 100%;padding: 7px 9px;border: 1px solid #ddd;background: #fafafa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 3px;line-height: 20px;margin: 5px 0;}
.prodetail .picinfo .right h3{width: 100%;padding: 5px 10px;line-height: 20px;color: #666;}
.prodetail .picinfo .right .cartfeedabck{width: 100%;padding: 5px 10px;overflow: hidden;}
.prodetail .picinfo .right .cartfeedabck a{float: left;margin-right: 10px;}
.prodetail .picinfo .right .cartfeedabck a.qq_m{display: none;}

.prodetail .detail{width: 100%;padding: 15px 0;overflow: hidden;}
.prodetail .detail .titl{width: 100%;background: #f5f5f5;padding: 10px 10px 0;border-radius: 3px;position: relative;overflow: hidden;}
.prodetail .detail .titl .line{width: 100%;height: 1px;background: #ddd;position: absolute;left: 0;bottom: 0;z-index: 0;}
.prodetail .detail .titl p{float: left;height: 30px;line-height: 36px;font-size: 14px;font-weight: 600;padding: 0 15px;background: #fff;border: 1px solid #ddd;border-bottom: 0;border-radius: 3px 3px 0 0;position: relative;z-index: 2;}
.prodetail .detail .content{width: 100%;padding: 15px 10px 0;overflow: hidden;}
.prodetail .detail .content p{font-size: 13px;line-height: 2;padding-bottom: 10px;color: #666;}
.prodetail .detail .content p img{display: block;margin: 5px 0;}

.xgcp_box{width: 100%;border: 1px solid #ddd;border-radius: 3px;padding: 2px;margin: 15px 0;}
.xgcp_box .titl{width: 100%;border-bottom: 1px solid #ddd;overflow: hidden;background: url(../images/jinpinbg.jpg) no-repeat;background-size: 100% 100%;line-height: 36px;padding: 0 15px;font-size: 14px;font-weight: 600;}
.xgcp_box .list{width: 100%;padding: 10px;overflow: hidden;}
.xgcp_box .list ul li{width: 25%;float: left;text-align: center;padding: 5px;}
.xgcp_box .list ul li a{display: block;width: 100%;overflow: hidden;}
.xgcp_box .list ul li p{width: 100%;height: 0;padding-bottom: 100%;border: 1px solid #ddd;overflow: hidden;position: relative;}
.xgcp_box .list ul li p img{max-width: 96%;max-height: 96%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xgcp_box .list ul li h3{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;height: 35px;}
.xgcp_box .list ul li:hover p img{-webkit-transform: translate(-50%,-50%) scale(1.1,1.1);-moz-transform: translate(-50%,-50%) scale(1.1,1.1);transform: translate(-50%,-50%) scale(1.1,1.1);}

@media only screen and (max-width:1024px){
.prodetail .picinfo .right .cartfeedabck a.qq_pc{display: none;}
.prodetail .picinfo .right .cartfeedabck a.qq_m{display: block;}
}

/* sitemap */
.sitemap_page .floor{width: 100%;border: 1px solid #ddd;border-radius: 3px;padding: 2px;margin-bottom: 15px;}
.sitemap_page .floor .titl{width: 100%;border-bottom: 1px solid #ddd;line-height: 34px;background: url(../images/jinpinbg.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;}
.sitemap_page .floor .titl p{float: left;padding: 0 15px;font-size: 14px;font-weight: 600;}
.sitemap_page .floor .titl span{float: left;padding: 0 5px;}
.sitemap_page .floor .titl span a{text-decoration: underline;}

.sitemap_page .floor .list{width: 100%;overflow: hidden;padding: 10px;}
.sitemap_page .floor .list ul li{width: 12.5%;float: left;padding: 0 5px;line-height: 24px;}
.sitemap_page .floor2 .list ul li{width: 20%;}
.sitemap_page .floor .list ul li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* back & next & prev */
.goback{width: 100%;background: #f5f5f5;border-radius: 3px;padding: 5px;line-height: 30px;color: #808080;text-align: center;}
.nextprev{width: 100%;padding: 10px 0;line-height: 20px;overflow: hidden;text-align: center;}
.nextprev p{width: 50%;float: left;padding: 5px;color: #808080;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*分页*/
.itemfy{text-align:center;line-height:30px;padding: 15px 0;}
.itemfy a{border:1px solid #ccc;padding:3px 5px;text-decoration:none;color:#666;background:#FeFeFe;}
.itemfy a:hover{border:1px solid #f60; color:#f00}

.itemfy .pcurrent a{border:1px solid #f60; color:#f00; font-weight:bold; background:#FfF0F0}
.itemfy .styinvalid a{ color:#999; }
.itemfy .styinvalid a:hover{ border:1px solid #ccc; }
.itemfy .pmsg{ display:inline; padding:5px; color:#666}
.itemfy .tip{display:none;}

.pageclick a{width:22px; color:#f60; border:1px solid #f60; height:20px; display:inline-block; margin:0 1px;}
.pagestyle a{width:60px;  border:1px solid #ccc; height:20px; display:inline-block; margin:0 1px;}
.pagestyle a:hover{width:60px;  border:1px solid #f60; height:20px; display:inline-block; margin:0 1px;}