*{font-family: Arial;}
.wrap{width: 100%;background: #fff;}
.w1200{max-width: 1200px;margin: 0 auto;}
.FullImg img{display: block;width: 100%;height: auto;}
.pages_news{line-height: 36px;font-size: 16px;color: #333;text-align: justify;white-space: normal;overflow: hidden;}
.pages_news p{margin: 5px 0;}
.pages_news_tit{color: #333;font-size: 20px;padding: 5px 0;text-align: center;}
.pages_news_span{text-align: center;margin:10px 0;padding-bottom: 5px;border-bottom: 1px #dfdfdf solid;}
.pages_news_span span{display: inline-block;line-height: 30px;font-size: 12px;color: #999;margin: 0 5px;}
.pages_news_cont{padding: 30px 4%;overflow: hidden;}
/*分页*/
nav{ display: block;box-sizing:border-box; margin-top: 40px;clear: both}
.page{ padding-left: 0;margin: 15px auto 0px auto;text-align: center;list-style: none;}
.page>ul>li{ display: inline-block;}
.page>ul>li>a,.page .pgEmpty,.page .pgCurrent {display: inline-block;padding: 4px 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 3px;}
.page .pgCurrent{background-color: #337ab7;border: 1px solid #337ab7;cursor: default;z-index: 2;color: #fff;}
.page>ul>li>a:hover {z-index: 2;color: #fff;background-color: #337ab7;border-color: #337ab7;}
/*轮播大图*/
.slideBox{position:relative;width:100%;height:auto;margin: 0 auto;overflow:hidden;}
.slideBox .hd{position:absolute;right:0;left: 0;bottom:30px;text-align: center;height:15px; overflow:hidden; z-index:1; }
.slideBox .hd ul{display: block;overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display: inline-block;width:90px; height:6px;margin: 0 5px;text-align:center; background:#d1d1d1; cursor:pointer; }
.slideBox .hd ul li.on{ background:#908473; }
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{display:block;width:100%; height:100%;}
/*footer*/
.footer{width: 100%;padding: 30px 0;background: #000;}
.footer div{line-height: 30px;font-size: 12px;color: #fff;text-align: center;}
.footer div span{position: relative;display: inline-block;padding: 0 10px;}
.footer div span:not(:first-child):after{content: "";position: absolute;top: 9px;left: 0;width: 1px;height: 12px;background: #fff;}
/*head*/
.head{height:130px;}
.head_top{width: 100%;padding:5px 0;text-align: right;}
.head_top span{position: relative;display: inline-block;padding-left: 25px;margin:0 10px;line-height: 30px;color: #cdcdcd;}
.head_top span:after{content: "";width: 20px;height: 20px;position: absolute;left: 0;top: 5px;background: url("../images/qicon.png");}
.head_top span.tel:after{background-position: 0 0;}
.head_top span.email:after{background-position: -30px 0;}
.head_cont{width: 100%;margin-top: 5px;}

.head_logo{display: inline-block;text-align: center;width: 15%;max-width: 185px;}
.head_nav{display: inline-block;width: 85%;float: right;margin-top: 5px;}
.head_nav li{display: inline-block;min-width: 8%;}
.head_nav li a{display: block;padding: 10px 15px;line-height: 30px;color: #999;text-align: center;}
.head_nav li:hover a{color: #000;}
.head_nav li.active{border-bottom:5px solid #8c8e8b;}
.second_nav{position: absolute;left: 0;top:130px;right: 0; width: 100%;padding: 40px 0;background:rgba(0, 0, 0, 0.5); background-repeat: no-repeat;}
.second_nav.active{z-index: 9;animation: slideDwon50 0.3s;}
/*.qnav2{background-image: url("../images/qnav2.png");background-position: 75% center;}
.qnav3{background-image: url("../images/qnav3.jpg");background-position: 10% center;}
*/
.second_nav ul{display: none;padding-left: 13%;overflow: hidden;}
.second_nav ul.active{display: block;}
.second_nav ul li{float: left;text-align: center;}
.second_nav ul a{display: block;padding: 6px 12px;line-height: 30px;color: #fff;}
.second_nav ul li.active a,
.second_nav ul li:hover a{color: #fff;background: #8c8e8b;}
.second_nav ul.active{display: block;}

.wsection_box{text-align: justify;word-break: break-all;overflow-wrap: break-word;}

.wsection_box1{padding: 35px 0 30px 0;background: #8c8e8b;}
.wsection_box4{padding:60px 0 75px 0;max-height: 456px;background: url("../images/qbox4_bg.jpg") center top no-repeat;background-size: 100% 100%;}

.wsection_box2{position: relative;z-index: 2;padding-top: 90px;min-height: 430px;background: url("../images/qbox2_bg.jpg") center top no-repeat;background-size: 100% 430px;}
.wbox_video{position: relative;float: left;width: 43%;max-width: 520px;height:385px;}
.wbox_video:after{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;width: 50px;height: 50px;margin: 0 auto;background: url("../images/video.png") center center no-repeat;background-size: 100% 100%;}
.wbox_about{float: right;width: 50%;max-height: 300px;margin-top: 25px;margin-right: 4%;line-height: 20px;font-size: 12px;color: #333;overflow: hidden;}
.wbox_about p{margin: 10px 0;}

.wsection_pro{position: relative;top: -45px;}
.wpro_nav{position: relative;width: 100%;max-height: 152px;background: url("../images/qbox3_bg.jpg") center top no-repeat;background-size: 100% 152px;}
.wpro_nav .wbox_title{position: absolute;top: 30px;right: 2%;text-align: right;z-index: 2;}
.wpro_nav ul{position: relative;display: block;width: 100%;overflow: hidden;}
.wpro_nav li{float: left;text-align: center;padding: 0 2%; }
.wpro_nav li a{display: block;width: 100%;padding-top: 90px;padding-bottom: 30px;line-height: 30px;font-size: 14px;color: #fff;}
.wpro_nav li:hover{background: #835a59;}

.wpro_list{padding-top: 25px;overflow: hidden;}
.wpro_list li{float: left;width: 21%;max-width: 820px;margin-left:2%;margin-right:2%;margin-top: 10px;}
.wpro_list li .img{width: 100%;height: auto;max-height:304px;overflow: hidden;}
.wpro_list li .img img{transition: all 0.3s;}
.wpro_list li .txt{line-height: 30px;font-size: 14px;padding: 10px;color: #666; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wpro_list li:hover .img img{transform: scale(1.2);}
.wpro_list li:hover .txt{color: #835a59;}

.wsection_marquee{padding: 55px 0;overflow: hidden;}
.picMarquee-left{ width:100%;overflow:hidden;}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{display:block; padding:2px;width:150px;height:110px; transition: all 0.3s;}
.picMarquee-left .bd ul li .pic a:hover img{ transform: scale(1.2); }



.wsection_box5{text-align: center;padding: 60px 0;min-height: 330px;background: url("../images/qbox5_bg.jpg") center top no-repeat;background-size: 100% 100%;}
.wbox_list{display: inline-block;width: 35%;margin: 0 5%;}
.wbox_list .wbox_title{display: block;text-align: left;}
.wbox_list ul{display: block;overflow: hidden;}
.wbox_list ul li{display: block;width: 100%;margin-top: 5px;overflow: hidden;}
.wbox_list ul a{display: block;width: 100%;height: auto;line-height: 28px;font-size: 12px;color: #fff;text-align: left;}
.wbox_list ul span{float: left;display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wbox_list ul span.li_time{text-align: right;width: 30%;}
.wbox_list ul li:hover a{padding-left: 24px;transition: all 0.3s;}

.content{white-space:-moz-pre-wrap;word-wrap:break-word;padding: 40px 0;line-height: 30px;font:14px arial,sans-serif;}
.pages_box{padding: 40px 0;}

.pages_ititle{position: relative;text-transform: uppercase;letter-spacing:3px;line-height: 30px;padding: 10px 0;text-align: center;font-size: 30px;color: #999;}
.pages_ititle:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto; width: 10%;height: 4px;background: #dadadc;}

.pages_Sub{display: block;width: 24%;margin: 10px auto;text-align: center;}
.pages_Sub p{display: inline-block;line-height: 30px;font-size: 16px;color: #333;}
.pages_Sub span{display: inline-block;color: #8f8f8f;margin-top: 8px;}

.customers_list-img{text-align: center;overflow: hidden;}
.customers_list-img li{display: inline-block;width: 24%;overflow: hidden;margin: 10px 0;}
.customers_list-img li a{display: block;width: 95%;margin: 0 auto;text-align: center;background: #fff;}
.customers_list-img li div{display: block;width: 100%;height: 80px;border:1px #999 solid;overflow: hidden;}
.customers_list-img li img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.customers_list-img li p{margin: 10px 0;font-size: 14px;line-height: 20px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.customers_list-talk{}
.customers_list-talk li{padding: 20px 2%;border-top: 1px #dfdfdf solid; overflow: hidden;}
.customers_list-talk .talk_img{float: left;width: 20%;}
.customers_list-talk .talk_img img{display: block;width: 100%;}
.customers_list-talk .talk_txt{float: left;width: 80%;padding: 0 2%;line-height: 30px;font-size: 14px;color: #666;}


.Products_list{margin-left: -40px;}
.Products_list li{float: left;margin:20px 0 20px 40px;width: 22.5%;max-width: 270px;height: 340px;}
.Products_list li a{display: block;}
.Products_list li .pimg{width: 100%;height: 271px;overflow:hidden;}
.Products_list li .pimg img{display: block;width: 100%;height: 100%;transition: all 0.3s;}
.Products_list li .txt{padding: 18px 15px;line-height: 30px;font-size: 16px;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.Products_list li:hover img{transform: scale(1.2);}


.Search{width: 32%;max-width: 385px;min-width: 320px;margin: 30px auto;overflow: hidden;}
.Search form{display: block;width: 100%;height: 45px;border:1px #999 solid;border-radius: 6px;overflow: hidden;}
.Search form input{border:0;outline: none;}
.Search form input[type="text"]{float: left;padding: 5px;width: 90%;line-height: 30px;font-size: 14px;color: #666;}
.Search form .form_submit{float: right;width:10%;max-width: 40px;height: 43px;background: url("../images/search.png") center center no-repeat;background-size: 25px 25px;cursor: pointer;}
.Search form .form_submit input[type="submit"]{display: block;width: 100%;height: 100%;color: transparent;background: transparent;cursor: pointer;}



.pro_second{display: block;width: 100%;background: #ebebeb;overflow: hidden;}
.pro_second li{float: left;text-align: center;padding: 0 2%; }
.pro_second li a{display: block;width: 100%;padding: 5px 0;line-height: 30px;font-size: 14px;color: #999;}
.pro_second li:hover,
.pro_second li.active{background: #9b9d9c;}
.pro_second li:hover a,
.pro_second li.active a{color: #fff;}

.pages_Utext{line-height: 36px;font-size: 16px;color: #999;text-align: center;}
.pages_Utext h3{font-size: 20px;margin: 10px 0;text-align: center;}
.pages_Utext span{color: #333;}

.form_contact{margin-top: 30px;overflow: hidden;}
.fcont_tips{text-align: center;line-height: 36px;font-size: 16px;color: #999;}
.fcont_tips span{color: #333;}
.form_contact form{width: 40%;min-width: 320px;margin: 25px auto;overflow: hidden;}
.form_contact .fcont_box{width: 100%;padding: 5px 16px;margin-bottom: 20px;border:1px #999 solid;border-radius: 6px;overflow: hidden;}
.form_contact .fcont_box input{line-height: 36px;color: #666;width: 100%;border:0;outline: none;}
.fcont_box_code{padding: 5px 16px;margin-bottom: 20px;overflow: hidden;}
.fcont_box_code span{float: left;display: inline-block; padding: 5px 0;width: 10%;line-height: 36px;color: #666;}
.fcont_box_code div{float: left;margin: 0 2%;width: 30%;padding: 5px 0;}
.fcont_box_code div.fcont_box{width: 50%;margin-bottom: 0;}

.fcont_box_btn{text-align: center;}
.fcont_box_btn div{position: relative;display: inline-block;width: 40%;margin: 0 5px;color: #fff;padding: 5px 16px;background: #d6d6d6;}
.fcont_box_btn div span{display: block;width: 100%;height: 100%;line-height: 36px;color: #606060;}
.fcont_box_btn div input{cursor: pointer;position: absolute;top: 0;right: 0;left: 0;height: 100%;line-height: 36px;color: #666;width: 100%;border:0;outline: none;background: transparent;color: transparent;}
.fcont_box_btn div.fcont_btn-submit{background: #c9b28e;}
.fcont_box_btn div.fcont_btn-submit span{color: #fff;}

.books_list3{overflow: hidden;}
.books_list3 li{float: left;width: 33.33%;margin: 10px 0;overflow: hidden;}
.books_list3 div{width: 90%;margin: 0 auto;max-width: 314px;height: 418px;}
.books_list3 p{margin-top: 5px;line-height: 30px;font-size: 14px;color: #999;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.photo_list3{margin-left: -1.8%;overflow: hidden;}
.photo_list3 li{float: left;width: 32%;margin-left: 1.8%;max-width: 385px;}
.photo_list3 li .pimg{width: 100%;height: 297px;}

.video_list{margin-left: -5%;overflow: hidden;}
.video_list a{display: block;float: left;width: 47.25%;max-width: 567px;margin:10px 0  10px 5%;height: auto;}

.news_list{padding:0 5%;display: block;overflow: hidden;}
.news_list li{position: relative;display: block;width: 100%;padding-left: 20px;margin-top: 5px;overflow: hidden;}
.news_list li:after{content: "";position: absolute;top: 50%;left: 7px;width: 5px;height: 5px;background: #999;margin-top: -2.5px;}
.news_list a{display: block;width: 100%;height: auto;line-height: 36px;font-size: 14px;color: #333;text-align: left;overflow: hidden;}
.news_list span{float: left;display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list span.li_time{text-align: right;width: 30%;}
.news_list li:hover a{padding-left: 24px;transition: all 0.3s;color: #981d1a;}
/*================================产品详细页=================================*/
.photo_pro{float: left;width:608px;margin:22px 3% 50px 1%; overflow: hidden;}
.large_box{width: 100%;height: 575px;overflow: hidden;}
.large_box ul{width: 100%;height: 100%;overflow: hidden;}
.large_box ul li{ display: none; width: 100%; height: 100%;}
.large_box ul li a{display: block;width: 100%; overflow: hidden;}
.large_box ul li img{display:block;border:1px #d7d4d3 solid;margin:0px auto;}
.large_box ul li p{width: 100%;height: 24px;padding: 24.5px 0;text-align: center; overflow: hidden;}
.large_box ul li span{display: inline-block; line-height: 24px; margin: 0 15px; font-size: 14px; color: #fff; font-family: "Microsoft YaHei";}
.small_box{width: 100%; height: 142px;overflow: hidden;}
.small_list{position:relative;float:left;width:508px;height:142px;overflow:hidden;}
.small_list ul{height:142px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:140px; height: 140px; border:1px #d7d4d3 solid;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:-1px;left:-1px;width:142px;height:142px;background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width:20px;height:142px;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.left_btn{float:left;margin-right:17px;background-image:url("../images/left_btn.png");}
.right_btn{float:right;margin-left: 17px; background-image:url("../images/right_btn.png");}


.photo_text{float: left;width:350px;line-height: 30px;font-size: 16px;color: #333;}
.photo_text div{text-align: justify;word-wrap: break-word;white-space: normal;word-break: break-all;}
.photo_text .title{border-bottom: 1px #999 solid;padding: 10px;}
.photo_text div h3{color: #34afc0;}
.photo_text div p{padding: 3px 0;}

.photo_text-click a{display: block;width: 83%;max-width: 217px;padding: 8px 0;border-radius: 6px;line-height: 36px;font-size: 16px;color: #fff;text-align: center;background: #ca914d;}

.Certificate{margin: 30px 0;overflow: hidden;}
.Certificate li{float: left;width: 33.33%;margin: 10px 0;}
.Certificate li img{display: block;padding: 5px;border:1px #ddd solid;width: 300px;margin: 0 auto;}
.next a{color:#000;}

@keyframes slideDwon50 {
    0%{transform: translateY(-50px);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes slideDwon50 {
    0%{-webkit-transform: translateY(-50px);opacity: 0;}
    100%{-webkit-transform: translateY(0px);opacity: 1;}
}




@keyframes slideDwon {
    0%{height: 0;opacity: 0;}
    100%{height: 100%;opacity: 1;}
}
@-webkit-keyframes slideDwon {
    0%{height: 0;opacity: 0;}
    100%{height: 100%;opacity: 1;}
}

@keyframes slideDwonBox {
    0%{transform: translateY(0);opacity: 0;}
    100%{transform: translateY(-50%);opacity: 1;}
}
@-webkit-keyframes slideDwonBox {
    0%{transform: translateY(0);opacity: 0;}
    100%{transform: translateY(-50%);opacity: 1;}
}





@media screen and (max-width: 1210px) {
}

@media screen and (min-width:785px) and (max-width: 1200px){

}
@media screen and (min-width:1440px) and (max-width: 1599px){
    
}
@media screen and (min-width:320px) and (max-width: 780px){

}