@media screen and (max-width:991px) {
.menu,.menuson-wrap,.top_r,.side,.footer_bg{display:none;}	

.top_bg{width:100%; height:80px; margin:auto; background:#9e9f9f; position:fixed; left:0; top:0; z-index:9999;}
.top{width:100%; margin:auto;}
.logo{width:164px; float:left; overflow:hidden; margin:15px 0 0 10px;}

.naverbox{display:block; z-index:9999;}
.naverbox .btn{position:absolute;top:25px; right:10px; height:34px;}
.naverbox .btn span{display:block; width:44px; height:34px; color:#fff; background:#fff url(../images/dh.png) no-repeat center; cursor:pointer;}

.sidebar-wrapper{position:relative; height:100%; overflow:auto;}
#dowebok{display:block; left:-100%;}
#dowebok .naver{width:100%; background:#fff;}
#dowebok .naver li{position:relative; width:100%;}
#dowebok .naver li p.active span,#dowebok .naver li p.you span{position:absolute; right:0px; top:0px; width:36px; height:36px; background:#fff url(../images/pic26.png) no-repeat center; cursor:pointer;}
#dowebok .naver li p{border-bottom:1px solid #e6e6e6;}
#dowebok .naver li p.you.active span{width:36px; height:36px; background:#fff url(../images/pic27.png) no-repeat center;}
#dowebok .naver li p{line-height:36px;} 
#dowebok .naver li p a{display:block; padding:0 0 0 20px; color:#404040; text-decoration:none; font-size:14px;}
#dowebok .naver li p:hover{background:#fff;}
#dowebok .naver li dl{line-height:30px; display:none; padding:10px 0;}
#dowebok .naver li dl a{color:#404040; display:block; padding:0 20px; font-size:12px;}
#dowebok .naver li dl a:hover{color:#fff; display:block; background:#fff; text-decoration:none;}
#dowebok .naver li a.currnet{background:#000; color:#fff;}

.search{width:95%;height:27px;padding:19px 3%; position:relative;}
.search_bg{width:95%;height:25px;float:left; background:#fff; border:1px solid #dedede; border-right:none;}
.sear_bk{width:97%;height:25px;float:left; background:none; border:none; margin:1px; padding-left:2%; line-height:25px;color:#787876;font-size:12px;}
.search_btn{width:42px;height:27px; position:absolute; top:19px; right:15px;}

.banner_box{width:100%;text-align:center; margin-top:80px;}
.banner_box img{width:100%; display:block; vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden; position:absolute; left:50%; transform:translate(-50%,0); bottom:10px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#fff;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#7cf7e0;}

.main_video{width:100%; margin:auto;}
.main_video li{width:49%; float:left; position:relative; margin:10px 2% 0 0; overflow:hidden;}
.main_video li:nth-child(2n){margin-right:0;}
.main_video li img{width:100%; display:block; -webkit-transition:0.5s;transition:0.5s;}
.main_video li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.main_video li .tb{width:50px; margin:auto; position:absolute; top:50px; left:65px; z-index:10;}
.main_video li a:hover .tb img{width:50px; height:50px; opacity:0.8;}

.main_aboutbg{width:100%; margin:10px auto 0; background:#e5e5e5; padding:30px 0 60px; overflow:hidden;}
.main_about{width:95%; margin:auto;}
.main_about_text{width:100%;float:left; line-height:30px; font-size:14px;}
.main_about_more{float:left; margin-top:40px;} .main_about_more a{color:#000; text-decoration:underline;} .main_about_more a:hover{color:#000; text-decoration:none;}
.main_about_title{width:100%; height:388px; float:left; margin-top:50px; background:url(../images/main_about_txtbg.jpg) center no-repeat; text-align:center;}
.main_about_title h1{font-size:34px; color:#fff; margin-top:170px; line-height:20px;}
.main_about_title h1 a{color:#fff;} .main_about_title h1 a:hover{color:#000;} 
.main_about_title h5{font-size:16px; text-transform:uppercase; color:#dadada; margin-top:10px; font-family:Arial;}

.main{width:95%; margin:60px auto 0; position:relative;}
.main_pro_title{width:100%; margin:auto;}
.main_pro_tit{float:left;}
.main_pro_tit h3{font-size:24px; color:#000; line-height:24px;} .main_pro_tit h3 a{color:#000;}  .main_pro_tit a:hover{color:#000;}
.main_pro_tit h5{font-size:14px; color:#787876; text-transform:uppercase;}
.main_pro_more{float:right; padding-top:22px; font-size:14px; text-transform:uppercase;}
.main_pro_more a{color:#787876; text-decoration:underline;}  .main_pro_more a:hover{color:#000;}

.main_pro_img{width:95%; margin:40px auto 0; overflow:hidden;}
.main_pro_img ul{width:10000%; position:relative;}
.main_pro_img ul li{float:left; width:1%; background:#fff;}
.main_pro_img ul li:hover{-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.3); box-shadow:0 3px 8px rgba(0,0,0,0.3); border:1px solid #000;}
.main_pro_img ul li .pic{width:100%; float:left; overflow:hidden;}
.main_pro_img ul li .pic img{width:100%; display:block;}
.main_pro_img ul li .pic img:hover{opacity:0.8;}
.main_pro_img ul li .text{width:100%; float:left; padding:20px 0;}
.main_pro_img ul li .text h3{font-size:16px; color:#000;}
.main_pro_img ul li .text p{color:#656565; line-height:24px; margin-top:10px; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.main_pro_img ul li .btn{width:100%; height:35px; float:left; padding:0 0 20px 0;}
.main_pro_img ul li .btn a{width:100%; float:left; background:url(../images/main_tb.jpg) right no-repeat; color:#656565; line-height:35px;}
.main_pro_img ul li .btn a:hover{color:#000;}

.main_pro_l,.main_pro_r{position:absolute; top:55%; margin-top:-25px; width:50px; height:50px; transition:0.3s; cursor:pointer; overflow:hidden;}
.main_pro_l{left:10px; background:url(../images/left.png) center no-repeat;}
.main_pro_l:hover{left:10px; background:url(../images/left_h.png) center no-repeat;}
.main_pro_r{right:10px; background:url(../images/right.png) center no-repeat;}
.main_pro_r:hover{right:10px; background:url(../images/right_h.png) center no-repeat;}

.main_newsbg{width:100%; margin:60px auto 0; background:#e7e7e7; padding:80px 0; overflow:hidden;}
.main_news{width:95%; margin:auto;}
.main_news_text{width:100%; margin:40px auto 0;}
.main_news_text li{width:100%; float:left; background:#fff; margin-bottom:20px;}
.main_news_text li:nth-child(3n){margin-bottom:0;}
.main_news_text li img{width:100%; display:block; -webkit-transition:0.5s;transition:0.5s;}
.main_news_text li img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.main_news_text li .tp{width:100%; float:left;}
.main_news_text li .wz{width:90%; float:left; margin-top:20px; padding:0 5%;}
.main_news_text li .wz h3{font-size:16px; float:left;}
.main_news_text li .wz h3 a{color:#000;} .main_news_text li .wz h3 a:hover{color:#000;}
.main_news_text li .wz p{width:100%; float:left; border-bottom:1px solid #e6e6e6; padding-bottom:20px; color:#656565; margin-top:10px; line-height:24px;}
.main_news_text li .btn{width:90%; height:35px; float:left; padding:20px 5%;}
.main_news_text li .btn a{width:100%; float:left; background:url(../images/main_tb.jpg) right no-repeat; color:#656565; line-height:35px;}
.main_news_text li .btn a:hover{color:#000;}

.copy_bg{width:100%; margin:auto; background:#000; padding:20px 0; overflow:hidden;}
.copy{width:95%; margin:auto; font-size:14px; line-height:30px; text-align:center; color:#d6d6d6;}
.copy a{color:#d6d6d6;} .copy a:hover{color:#000;}


/** 首页代码 End **/

.ny_bnbg{width:100%; height:200px; margin:80Wpx auto 0; background:url(../images/ny_bnbg.jpg) center no-repeat;}
.ny_bn{width:95%; margin:auto; padding-top:60px; font-size:30px; font-weight:bold; color:#000; text-align:center;}
.ny_bn:after{content:""; width:50px; height:4px; background:#000; margin:10px auto 0; display:block;}

.ny-current{width:100%; border-bottom:1px solid #eaeaea;}
.ny_nav{width:95%; margin:auto;}
.cur-nav{width:100%; float:left;}
.cur-nav ul li{width:49%; float:left; margin:10px 2% 0 0; text-align:center;}
.cur-nav ul li:nth-child(2n){margin-right:0;}
.cur-nav ul li a{display:block; line-height:50px; font-size:16px; background:#eee;}
.cur-nav ul li.cur a{color:#fff; background-color:#000; position:relative;}

.ny_tit{width:95%;margin:30px auto 0;}
.ny_tit li{width:49%; float:left; line-height:40px; text-align:center; font-size:14px; margin:0 2% 10px 0;}
.ny_tit li:nth-child(2n){margin-right:0;}  
.ny_tit li a{width:100%; float:left; color:#404040; line-height:40px; border:1px solid #e6e6e6; background:#fff;}
.ny_tit li a:hover,.ny_tit li a.on{ display:block; color:#fff; background:#000; border:1px solid #000;}

.ny-current .curr{width:90%; float:left; line-height:70px; background:url(../images/cur.png) left center no-repeat; padding-left:10%; font-size:14px;}
.ny-current .curr span{color:#000; font-weight:bold;}

.ny_main{width:95%; margin:30px auto;}
.nyr_text{width:100%; font-size:14px; line-height:30px;}
.nyr_text img{width:100%; display:block;}

.honor_r_img{width:100%;}
.honor_r_img ul li{width:49%; float:left; margin:0 2% 20px 0;}
.honor_r_img ul li:nth-child(2n){margin-right:0;}
.honor_r_img ul li span{width:100%;float:left; text-align:center;line-height:24px; font-size:14px; padding-top:10px;}
.honor_r_img ul li img{width:100%; display:block;}
.honor_r_img ul li img:hover{border-color:#000;}


.slide_join{width:100%;}
.slide_join h3{float:left;width:90%; height:45px; padding:0 5%; font-weight:normal; background:#fff; border-bottom:1px solid #e6e6e6; margin-bottom:20px; line-height:45px;}
.slide_join h3.on{background-color:#000;}
.slide_join h3 span{float:left; width:80%; height:45px; color:#000; font-size:16px; line-height:45px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../images/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(../images/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:90%; background-color:#fff; padding:0 5% 20px 5%;}
.slide_join ul .join_show{float:left; width:90%; font-size:14px; line-height:28px;}


/*pages*/
.Pages{width:100%;float:left; margin-top:40px; line-height:32px; overflow:hidden; text-align:center;}
.Pages span{padding:0px 3px; display:inline-block;}
.Pages a{display:inline-block; margin:0px 2px; height:32px; }
.Pages .p_page em{font-style:normal; font-family:Arial;}
.Pages .p_page em a{padding:0px 12px; border:solid 1px #d6d6d6;}
.Pages .p_page em a.a_cur{color:#000; border:0; border-top:solid 1px #000; border-bottom:solid 1px #000;}
.Pages .p_page em a:hover{border-color:#000;}
.Pages .a_prev{width:32px; background:url(../images/bg_prev.jpg) no-repeat;}
.Pages .a_next{width:32px; background:url(../images/bg_next.jpg) no-repeat;}

/** 关于我们代码 End **/


.pro_img{width:100%; margin:auto; overflow:hidden;}
.pro_img ul{width:100%; position:relative;}
.pro_img ul li{float:left; width:99.5%; background:#fff; margin:0 0 40px 0; border:1px solid #e6e6e6;}
.pro_img ul li:nth-child(6n){margin-bottom:0;}
.pro_img ul li:hover{-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.3); box-shadow:0 3px 8px rgba(0,0,0,0.3); border:1px solid #000;}
.pro_img ul li .pic{width:100%; float:left; overflow:hidden;}
.pro_img ul li .pic img{width:100%; display:block;}
.pro_img ul li .pic img:hover{opacity:0.8;}
.pro_img ul li .text{width:90%; float:left; padding:20px 5%;}
.pro_img ul li .text h3{font-size:16px; color:#000;}
.pro_img ul li .text p{color:#656565; line-height:24px; margin-top:10px; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.pro_img ul li .btn{width:90%; height:35px; float:left; padding:0 5% 20px 5%;}
.pro_img ul li .btn a{width:100%; float:left; background:url(../images/main_tb.jpg) right no-repeat; color:#656565; line-height:35px;}
.pro_img ul li .btn a:hover{color:#000;}

.products,.promore_l{width:100%; float:left;}

.sp-wrap{display:none; position:relative; float:left;width:100%;}
.sp-thumbs{text-align:left;display:inline-block; margin-top:30px;}
.sp-thumbs img{min-height:50px; min-width:50px; max-width:50px;}
.sp-thumbs a:link, .sp-thumbs a:visited {width:50px;height:50px;overflow: hidden;opacity: .3;display: inline-block;background-size: cover;background-position: center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; margin-right:3px;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{opacity:1!important;position:relative;}
.sp-large{position:relative; overflow:hidden; top:0; left:0;}
.sp-large a img{max-width:100%;width:100%; display:block;}
.sp-large a{display:block;}
.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none;}
.sp-lightbox{position:fixed;top:0;left:0;height:100%;width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9);z-index:500;display: none;cursor: pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; border:2px solid #fff;}
#sp-prev, #sp-next{position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none;background:#000; border-radius:25px; border:2px solid #fff; width:50px;height:50px; box-sizing:border-box;transition: .2s;}
#sp-prev{left:10px;}
#sp-prev:before{content:''; border:7px solid transparent; border-right:15px solid #fff; position: absolute; top:16px; left:7px;}
#sp-next{right:10px;}
#sp-next:before{content:''; border:7px solid transparent; border-left:15px solid white; position: absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{background:#444;}

/*放大镜代码 End*/

.pros_right{width:100%; float:left; margin-top:30px; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.pros_right_top strong{overflow:hidden;display: inline-block; font-weight:bold; font-size:26px; color:#000; padding-bottom:10px;}
.pros_right_top a{font-size:14px; float:right; width:120px; height:30px;  background:#000; line-height:30px; text-align:center; color:#fff;}
.pros_right_top a:hover{background:#000;}

.pros_right_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:14px;}
.promore_btn{width:100%; height:35px; float:left; margin-top:30px;}
.promore_btn a{width:150px; height:35px; float:left; line-height:35px; text-align:center; background:#999; color:#fff; font-size:14px; margin-right:10px;}
.promore_btn a:hover{background:#000;}

.tabs-basic{width:100%;margin-top:40px;float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px;}
.tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:10px 50px; background:#eee; color:#404040;}
.tabs-basic .tab-active{border-color:#000; background-color:#000; color:#fff;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; background-color:#fff; padding:20px 0; margin:auto;}
.tabs-basic .tabs-content-placeholder div{display:none;}
.tabs-basic .tabs-content-placeholder div.tab-content-active{display:block; line-height:24px; font-size:14px;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder div p{line-height:24px; text-align:left; margin-top:20px;}
.tabs-basic .tabs-content-placeholder div img{max-width:100%;}
.table-container{width:100%; overflow-y:auto; _overflow:auto; margin:0 0 1em;}

/** 产品中心代码 End **/


.news_text{width:100%; float:left;}
.news_text dl{display:block; width:100%; float:left; background-color:#fff; overflow:hidden; transition:background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out; margin-bottom:20px;}

.com-img{width:100%; float:left; overflow:hidden;}
.com-img img{width:100%; display:block; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.news_text dl dt{width:100%; float:left; padding-bottom:20px;} 
.news_text dl dd{width:100%; float:left;}
.news_text dl dd .left{width:80%; float:left;}
.news_text dl dd .left h3{line-height:48px; font-size:22px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.news_text dl dd .left .con{height:48px; line-height:24px; overflow:hidden;}
.news_text dl dd .right{width:15%; float:right;} 
.news_text dl dd .right p{text-align:center; font-size:14px; padding-top:5px; font-family:Arial;}
.news_text dl dd .right p:nth-child(1){font-size:30px; position:relative;}
.news_text dl dd .right p:nth-child(1):after{position:absolute; width:68px; height:1px; background-color:#1a1a1a; left:50%; margin-left:-34px; bottom:0; content:'';}
.news_text dl dd a.more{width:110px; height:34px; line-height:32px; border:1px solid #d6d6d6; display:inline-block; text-align:center; border-radius:15px; margin-top:10px; font-size:14px;}

.new-view-title{width:100%;text-align:center; border-bottom:1px solid #e5e5e5; line-height:30px; padding:10px 0 16px 0; font-size:14px;}
.new-view-title .line{padding:0 10px; color:#d3d3d3;}
.color-blue{color:#000;}
.new-view-title h3{padding:8px; line-height:32px; font-size:24px; font-weight:bold; color:#000;}

.newsmore_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:14px;}
.newsmore_text img,.supp_text img{width:100%; display:block;}
.supp_text{width:100%;float:left; line-height:30px; font-size:14px;}

.view-page{width:100%; float:left; position:relative; margin-top:20px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; border:solid 1px #e5e5e5; line-height:38px; position:static;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center;}
.view-page .prev{left:0;}
.view-page .prev a{background:url(../images/le.png) 20px center no-repeat;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%;}
.view-page .next{right:0;}
.view-page .next a{background:url(../images/ri.png) 90% center no-repeat; }
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #000; color:#fff;}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #000; color:#fff;}
.view-page .back a{background:url(../images/back.png) 16px center no-repeat #000;color: #fff; text-align:center;}
.view-page .back a:hover{background:url(../images/back.png) 16px center no-repeat #000; color:#fff;}

/** 新闻中心代码 End **/

.video_r_img{width:100%;}
.video_r_img ul li{width:49%; float:left;margin:0 2% 20px 0;}
.video_r_img ul li:nth-child(2n){margin-right:0;}
.video_r_img ul li span{width:100%;float:left; text-align:center;line-height:24px; font-size:14px; padding-top:10px;}
.video_r_img ul li a{display:block;overflow:hidden;}
.video_r_img ul li a img{width:100%; display:block; -webkit-transition:0.5s;transition:0.5s;}
.video_r_img ul li a img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}

/** 视频中心代码 End **/


.down_r_text{width:100%;}
.down_r_text li{width:100%; float:left; line-height:40px; border-bottom:1px dashed #e6e6e6;}
.down_r_text li a{font-size:14px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.down_r_text li a span{float:right; padding-top:10px;}

/** 下载中心代码 End **/


.cont_map{width:100%; float:left;}
.cont_txt{width:100%; float:left; margin-top:40px;}
.cont_txt .fl{width:100%; float:left; line-height:35px;}
.cont_txt .fr{width:100%; float:left; margin-top:20px;}


.t1,.t2,.t3,.t4{width:100%;}
.contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color: #999;width:89%; padding:2.5% 5%; margin-bottom:20px;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:93.5%;height:200px;padding:3%; margin-bottom:20px;}
.contact-form input.btn, a.btn{background:#fff;padding:1% 0;color:#000; font-size:14px;border:1px solid #e6e6e6; width:100%;}
.contact-form input.btn:hover, a.btn:hover{background:#000; color:#fff;}

/**客户留言代码 End**/



}