/* 公共代码 */
@charset "utf-8";
.left{float: left;}
.right{float: right;}
.clearfix:after{content: ""; display: block; clear: both; position: relative;}
*{margin: 0; padding: 0;}
li{list-style: none;}
html{background: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
a{text-decoration: none;}
hr{opacity: .1;}
img{max-width: 100%;}
.content{width: 1200px; margin: auto; position: relative;}
body{font-family: '微软雅黑', '宋体';}

#banner img{width: 100%;}
/* 主内容区域 */
main{min-height: 500px;}
main .sec_t{text-align: center; margin: 30px auto 30px auto;}
main .sec_t i{display: inline-block; height: 1px; width: 30px; background: #D4D4D4; margin: 10px;}
main .sec_t h3{display: inline-block; font-size: 2rem; font-weight: normal;}
main .sec_t span{color: #999; line-height: 36px;}

.page_main .left{       
        padding-right: 40px;
        box-sizing: border-box;
    }
.page_main>.left{
    width: 72%;
    margin-bottom: 16px;
}
.page_main>.right{
    width: 27%;
    min-height: 100px;
    background: #fcfcfc;
	border:1px solid #eee;
    padding:20px;
    box-sizing: border-box;
}
.page_main>.right h3{
    font-weight: normal;
    line-height: 36px;
    border-left: 3px solid #fe6b01;
    padding-left: 10px;
    margin-bottom: 10px;
    background: #f9f9f9;
}

.slide_article{color: #666;}
.slide_article hr{margin:3px 0;}
.slide_article h3{color: #333;}
.slide_article li{margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #eee; color: #666;}
.cate_list_new .img{width: 100%; height: 280px; overflow: hidden; position: relative;}
.cate_list_new font{line-height: 48px; color: #999; padding: 0 20px;}
.cate_list_new img{width: 100%; position: absolute; top: -30%;}
.cate_list_new li{background: #fff; margin-bottom: 10px; border: 1px solid #eee;}
.cate_list_new li span{line-height:48px; padding: 0 20px; color: #000; font-weight:bold; max-width: 80%;}
.cate_list_new hr{margin:0 20px 10px 20px; opacity: .1; border: 0; width: 90%; height: 1px; background: #777; box-sizing: border-box;}
.cate_list_new p{margin: 0 20px; margin-bottom: 20px; color: #888; font-size: .9rem;}
.cate_list_new li:hover span{transition: all .3s; color: #fe6b01; padding-left: 30px; border-left: 3px solid #fe6b01;}
.slide_article li:hover{border-bottom: 1px solid #fe6b01; background: #f9f9f9;}
.slide_article li:hover a{color: #fe6b01;}
.slide_article li a{display: block;}
.slide_article li a span{ font-size:14px; }
.slide_article a{color: #666; line-height: 36px; vertical-align: middle;}
.slide_article img{width: 30%; vertical-align: middle; margin-right: 10px;}
.slide_news li{margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #eee;}
.slide_news li a{color: #666;}
.slide_news li a:hover{color: #fe6b01;}


.child_cate{ text-align:center;}
.child_cate li{display: inline-block; border: 1px solid #999; color: #666; margin-right: 10px;border-radius: 25px;}
.child_cate li a{display: block; color: #666; padding: 0 40px;height:40px; line-height: 40px; }
.child_cate li:hover{border:1px solid #fe6b01;}
.child_cate li:hover a{color: #fe6b01;}

.child_cate li.active{border:1px solid #fe6b01;color: #fe6b01;}
.child_cate li.active a{color: #fe6b01;}
.cate_title{font-weight: normal; margin-top: 10px; margin-bottom: 20px; border-left:5px solid #fe6b01; padding-left: 20px;}
.page_main .Crumbs{line-height:48px; color: #666; border-bottom: 1px solid #eee; margin-bottom: 10px; opacity: .8;}
.page_main .Crumbs a{color: #666;}
.page_main .Crumbs h4{display: inline-block;}


.cate_list{margin: 20px 0;}
.cate_list li{width: calc(100% / 4 - 1.6%); float: left; margin-right: 2%; background: #fff; padding: 20px 20px 5px 20px; margin-bottom: 20px; box-sizing: border-box; text-align: center; border: 1px solid #eee; border-bottom:3px solid #eee; border-radius: 5px;}
.cate_list li:hover{transition: all .5s; border: #fe6b01 1px solid; border-bottom:3px solid #fe6b01;}
.cate_list li:hover a{color: #fe6b01;}
.cate_list li:nth-child(4n){margin-right: 0;}
.cate_list li a{color: #666; line-height:30px;}
.cate_list .pro_button a{transition: all .5s; width:48%; display: inline-block; background: #fe6b01; line-height: 36px; height: 36px; text-align: center; box-sizing: border-box; color: #fff; margin: 10px 0; opacity: .8;}
.cate_list li:hover .pro_button a{transition: all .5s; color: #fff; opacity: 1;}
.cate_list .pro_button a:hover{transition: all .5s; color: #fff; opacity: .8;}
.cate_list li .pro_button .dinggou{transition: all .5s; border:1px solid #f45c32; background: #fff; color: #f45c32;}
.cate_list li:hover .pro_button .dinggou{transition: all .5s; background: #f45c32}


.pro_list{margin: 20px 0;}
.pro_list li{width: calc(100% / 4 - 1.6%); float: left; margin-right: 2%; background: #fff; padding: 20px 20px 5px 20px; margin-bottom: 20px; box-sizing: border-box; text-align: center; border: 1px solid #eee; border-bottom:3px solid #eee; border-radius: 5px;}
.pro_list li:hover{transition: all .5s; border: #fe6b01 1px solid; border-bottom:3px solid #bb2a23;}
.pro_list li:hover a{color: #fe6b01;}
.pro_list li:nth-child(4n){margin-right: 0;}
.pro_list li a{color: #666; line-height:30px;}
.pro_list .pro_button a{transition: all .5s; width:48%; display: inline-block;  border-bottom:1px solid #fe6b01; line-height: 36px; height: 36px; text-align: center; box-sizing: border-box; color: #fe6b01; margin: 10px 0; opacity: 1;}
.pro_list li:hover .pro_button a{transition: all .5s; color: #FFF; opacity: 1;background:#fe6b01;}
.pro_list .pro_button a:hover{transition: all .5s; color: #FFF; opacity: 1;}
.pro_list li .pro_button .dinggou{transition: all .5s; border-bottom:1px solid #f45c32; background: #fff; color: #f45c32;}
.pro_list li:hover .pro_button .dinggou{transition: all .5s; background: #f45c32}

.art_title{line-height: 56px; text-align:center; color:#fe6b01; font-size:22px; padding:20px 0 0; font-weight:normal;}
.art_msg{ text-align:center; color:#666; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.art_next_f{ border-top:1px dashed #ccc; padding-top:20px;}

.prodetail{ background:#ddd; padding:5px;}
.prodetail img{ width:100%;display: block;}
.prointro{ background:#FFF; border:1px solid #fe6b01; color:#fe6b01; margin-top:20px; padding:5px 10px; min-height:30px; line-height:30px; }
.art_content{font-size: .8rem; min-height:500px;}
.page_list li{display: inline-block!important; line-height: 36px; margin-right: 5px;}
.page_list li a{display: block; padding: 0 20px; background: #ddd; color: #333;}
.page_list .active span{background: #fe6b01; color: #fff;}
.page_list li span{display: block; padding: 0 20px; background: #ddd;}
.contact_phone{background: #f6f6f6; vertical-align: middle; padding:40px 20px; color: #333;}
.contact_phone div,.contact_phone h1,.contact_phone img{display: inline-block; vertical-align: middle;}
.contact_phone img{height: 60px; margin-right: 20px;}
.contact_phone h1{color: #fe6b01; margin-left: 20px; font-size: 2rem; border-right: 1px solid #eee; padding-right: 20px;}
.contact_msg_f{background: #fdfdfd; padding-left: 20px; padding-bottom: 20px; box-sizing: border-box;}
.contact_msg_f>div{width: 48%; line-height: 30px; color: #666;}
.contact_msg_f>div h3{line-height: 30px; border-left: 3px solid #fe6b01; padding-left:10px; margin-top: 20px;}
.contact_msg_f>div hr{margin: 10px 0; width: 30%;}
.contact_msg_f .left{position: relative;}
.contact_msg_f .left:after{content: ""; position: absolute; display: block; width: 1px; height: 300px; background: #ddd; right:-20px; top: 20px;}
.contact_msg p{ line-height:35px; color:#333333;}

.contact_msg_f .right label{font-size: .8rem; line-height: 10px; color: #333;}
.contact_msg_f .right input{height: 30px; border-radius: 3px; border: 1px solid #ddd; width: 80%; padding: 0 10px;}
.contact_msg_f .right input::placeholder{color: #999;}
.contact_msg_f .right textarea::placeholder{color: #999;}
.contact_msg_f .right textarea{border-radius: 3px; border: 1px solid #ddd; width: 80%; padding:10px; font-size: 14px;}
.contact_msg_f .right input[type=submit]{background: #fe6b01; color: #fff; line-height: 36px; height: 36px; width: 140px;}