﻿@charset "utf-8";
@media only screen and (max-width: 1300px){
/********Class**************/
.l{float:left;}
.r{float:right;}
.box{width:1300px;}
.clear{clear:both;}
h3.all-title{ font-size:28px;}
.all-text{ width:95%; margin:auto;font-size:14px;}
.container{width:100%;}
.item-name{font-size:24px; font-weight:500; height:50px; line-height:50px;}
.item-title p{padding:0px; font-size:14px; color:#999;}
.QQbox{display:none;}
/********Class**************/
/********top adn nav**************/
header{height:50px; position:relative;}
.main-header{ width:100%;height:50px; background:#FFF; overflow:hidden;}
.header-box{width:98%;}
.main-header .logo{width:85%;float:left; height:50px; padding-left:5px;}
.main-header .logo a{width:100%; height:50px; background:url(../images/logo1.png) no-repeat center left;margin-top:0; background-size:90%}
.main-header p{width:150px; height:50px;transform:translateY(15%); font-size:14px;}
.main-header nav{display:none;}

.header-top{ display:none;}

.sub-menu{ display:none;height: 100%;}
.QQbox{display:none;}

.nav-btn {display:block;width: 23px;height: 16px;position: relative; cursor: pointer; margin-top:15px; margin-right:5px; float:right;}
.nav-btn .line {display: block; width: 100%; height: 2px; border-radius: 2px;background-color: #000;position: absolute; left: 50%;margin-left: -15px;}
.nav-btn .line1 {-webkit-transform-origin: 4px 0;-ms-transform-origin: 4px 0;transform-origin: 4px 0;}
.nav-btn .line2 {top: 7px;}
.nav-btn .line3 {bottom: 0px;-webkit-transform-origin: 1px center;-ms-transform-origin: 1px center;transform-origin: 1px center;}

.sub-menu{position:fixed;width:90%; z-Index:999; top:50px; color:#FFF;top:0;left:0;bottom:0;right:0; background:#1B1825;/*background:rgba(0,0,0,.98);*/opacity:0.97; padding:30px 0px 30px 0px;}
.sub-menu .menu-logo{width:90%; height:60px; margin:auto; border-bottom:1px solid #32303B;}
.menu-logo img{height:50px;}
.sub-menu ul li{display:block;width:90%; font-size:16px;line-height:40px; height:40px; margin:auto; border-bottom:1px solid #32303B;overflow:hidden;}
.sub-menu ul li a{display:block; height:40px; font-size:16px; color:#EFEFEF;}

nav{ display:none;}	
/********top adn nav**************/

/********banner**************/
.banner{ width:100%; height:auto; background:none;}
.banner img{width:100%;}
.banner-about{display:none;}
.banner-download{display:none;}
.banner-news{display:none;}

.list-banner{ background:none;background: #eeeeee;min-height:50px; width:100%; overflow:hidden;}
.list-banner-tle{display:none;}
/********banner**************/
#content{ background:none;}
.showmsg{width:100%; margin:auto; padding:0;}
/* category */
.category{height:auto; padding-top:30PX;}
.category ul{width:100%; height:auto; margin:auto; margin-top:20px; padding-bottom:20px;}
.category ul li{width:100%; float:none; text-align:center; margin-bottom:10px;}
.category-box{width:95%; margin:auto;}
.category ul li a.icon{height:70px;padding-top:18px;}
.category ul li a.name{font-size: 20px;font-weight: 600;padding-top:0;}	
.category ul li p{width:90%; margin:auto;font-size:14px; line-height:21px;}
/* category */

/**paiwubeng**/	
.paiwubeng{padding-top:30PX; padding-bottom:40px;}
.pwb-box{ width:100%;} 
.pwb-box ul{ display:block;width:100%;margin-top:30px;overflow:hidden;}
.pwb-box ul li{width:calc(100%/2); margin-bottom:15px; min-height:230px;}
.item-box{width:95%; margin:auto;box-shadow:0px 3px 5px 3px rgb(0, 0, 0, .07);}
.pwb-box ul li a img{width:100%; margin:auto;vertical-align:middle;}
.pwb-box ul li a.name{ width:95%;height:45px; font-size:14px; line-height:40px; overflow:hidden;}	
.pwb-box ul li p{width:90%;height:158px; margin:auto; font-size:12px;}
/**paiwubeng**/

.in-about{ padding-top:0px;}
.in-about .about-box{width:95%; margin:auto;}
.about-pic{ display:none;}
.about-box .about-title{font-size:24px; padding-top:30px; text-align:center;}
.about-box p{font-size:14px; line-height:25px; text-indent:2em; color:#303031; padding:15px 0px 25px 0px; height:200px; overflow:hidden; margin-bottom:20px;}
.about-box a.thm-btn{display: block; width:200px; height:50px; line-height:50px; float:none; margin:auto;}

.hot-product{width:100%; background:#FFF; padding-top:20px; padding-bottom:0; overflow:hidden;}

 /****home-news*****/
.news-box{width:100%; margin:auto;}
.news-box .news-baike{width:100%; float:none; margin-top:15px;}
.news-box ul{ display:block;width:100%; margin:auto; overflow:hidden;}
.news-box ul li{ width:100%; margin:auto;margin-bottom:5px; border-left:0; border-radius: 8px; }
.news-box ul li .baike-box{padding:15px; width:90%;}
.news-box ul li a{font-size:16px; font-weight:bold;}
.news-box ul li p{ display:block;line-height:24px; padding:5px 8px 0px 8px; height:70px; overflow:hidden;}
.news-box .news-faq{width:100%; float:none;}
.date-visit{color:#ccc;}

/****home-news*****/

/****hezuo*****/
#hezuo{width:100%; margin:auto; padding-bottom:30px; padding-top:40px; overflow:hidden;}
.hz_list{width:100%;}
.hz_list a{width:calc(100%/2); height:79px;margin-bottom:5px; text-align:center;}
.hz_list a img{width:96%;}
/****hezuo*****/

/****products****/
.c-left{width:100%; float:none;}		
.c-left .menu{width:100%; padding:0px;}
.menu .m-title{display:none;}
.menu .m-title strong{font-size:16px;}
.menu ul{border:0; width:100%;}
.menu ul li{width:50%; float:left; text-align:center; border:0; border-bottom:1px solid #eeeeee;}
.sml_li{display:none;}
.menu ul li a{text-indent:0;}
.lianxi{ display:none;}

.position{width:98%; margin:auto; margin-bottom:0; text-indent:0; padding-left:0px; margin-top:10px; overflow:hidden;}

.c-right{width:100%; float:none; padding-bottom:0px;}
.lemma-summary{ width:98%; margin:auto;line-height:30px;padding-left:0; font-size:14px; overflow:hidden;}

.basic-info{ width:98%; margin:auto;clear: both;background: url(../images/basicInfo-bg.png); overflow: hidden;}
.basic-info dl{width:100%; float:none; margin:auto;}
.basic-info dl dt{width: 90px; padding: 0;}
.basic-info dl dd{width:calc(100% - 90px);}

.c-right{float:none;}
.c-right .product-content ul{display:block; padding-top:15px;}
.c-right .product-content ul li{width:calc(100%/2);margin-bottom:10px;}
.product-content ul li .product-box{width:95%; background:#FFF; border-radius:8px;text-align:center; margin:auto;}
.product-pic img{width:100%; height:auto;border-radius:8px 8px 0px 0px;}
.product-name{ display:block;width:90%; margin:auto; line-height:45px; height:45px;  border-top:1px solid #EFEFEF;}

.pr_left{float:none; width:100%; margin:auto; margin-top:15px; overflow:hidden;}
.pr_right{ width:98%;float:none; padding:0; margin:auto;}
.prjianjie{line-height:30px; padding:10px;}
.pr_right h1{ margin-top:15px;}

.but-list{ padding:10px 0px 10px 0px ; margin-top:0px; border-top:1px solid #ccc;}
.but-list a{margin-right: 3px; margin-bottom:5px;}


/*详细图片效果开始*/
.jqzoom{ width:95%; height:auto; border:1px solid #eaeaea; margin:auto; position:relative;}
#spec-n5{width:360px; height:45px; padding-top:6px;overflow:hidden;}
#spec-left{width:12px; height:45px; float:left; cursor:pointer;}
#spec-right{width:10px; height:45px; float:right;cursor:pointer;}
#spec-list{width:360px;float:left; overflow:hidden;display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:60px;}
#spec-list ul li img{ padding:0;float:left; border:1px solid #ccc; width:50px;height:43px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:750px;height:750px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FFFFFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:336px;}
#spec-list div{ margin:0;}
.detail_right{float:left; width:350px;padding:15px 0 0 15px;}
/*详细图片效果结束*/ 

.show-jianje{margin-top:0; width:98%; margin:auto; padding-top:25px;}
.show-jianje h2,h3{display:block; font-size:16px; font-weight:bold; border:0;padding:5px 0px 5px 0px; margin-top:0px; margin-bottom:15px;}
.show-jianje table{border: solid 1px #b0c9dd; border-bottom:0px; border-right:0px; width:100%;border-collapse: collapse;border-spacing:0; font-size:12px;}
.show-jianje td{border: solid 1px #b0c9dd; border-width:0px 1px 1px 0px; padding: 0px; text-align:center;}
.show-jianje th{border: solid 1px #b0c9dd; border-width:0px 1px 1px 0px; padding: 0px; text-align:center;}
.show-jianje img{max-width:100%;}

.FAQ-msg{padding-top:15px;}
.FAQ-msg table{border: solid 1px #b0c9dd; border-bottom:0px; border-right:0px;}
.FAQ-msg td{border: solid 1px #b0c9dd; border-width:0px 1px 1px 0px; padding: 5px; text-align:center;}
.FAQ-msg img{max-width:700px;}

.next{border-top:0; margin-left:0;padding:0; margin-top:15px;}
.next span{display:block; width:98%;border:0;margin:auto; margin-bottom:3px;}


.xgcp ul li{ width:calc(100%/2 - 4px); height:auto; float:left;padding:0px;}
.xgcp ul li a#cp_img{width:100%; height:auto; overflow:hidden;}
.xgcp ul li a img{ width:100%; height:auto;}
.xgcp ul li a#cp_name{width:100%;line-height:40px; height:40px;text-align:center; overflow:hidden; }

.xgwz {margin: 0px;}
.xgwz ul li{ width:95%;line-height:35px; height:35px;float:none; margin:auto; }

.comment ul{ margin-top:20px; margin-bottom:20px; overflow:hidden;}
.comment ul li{border-bottom:1px solid #eaeaea; background:url(../images/tx.png) no-repeat 10px 0px; min-height:60px; line-height:25px; padding-left:60px; margin-top:10px;}
	.comment ul li .comment_name{font-weight:bold;}

.comment .in_put{ width:80%;}
.comment textarea{ border:1px solid #CCC; width:80%;}
.comment #button{background:#0C5BAF; width:95PX; line-height:30PX; height:30px; text-align:center; color:#FFF; font-size:14px; cursor:pointer; border:0px;}
				
				
/****products****/

/**********************news**************************/
.news-list-left{width:100% ; margin-right:0; float:none; }
.news-list-right{width:100%; float:none;}
.news-category{ display:none;}

.recommend-news{width:98%; margin:auto; margin-bottom:15px;}
.news-ilst-msg ul{padding-bottom:15PX;}
.news-ilst-msg ul li{ width:100%; height:160px; overflow:hidden; margin-top:0px; border-bottom:1px solid #F3F3F3;}
.news-ilst-msg ul li a.news-item-img{ display:none;}
.news-item-text{width:95%; float:none; margin:auto;}
.news-item-text a.news-item-title{font-size:16px; line-height:24px;}
.item-title{text-align:center; margin-bottom:0px; padding-top:5px;}
/**********************newsshow**************************/
.show_news{ padding:0px;padding-bottom:10px; overflow:hidden;}
.siteshow_top h1{ width:95%; margin:auto;font-size:20px; line-height:24px;}
.siteshow_top .siteshow_p1 span{ margin-right:0px;}

.shownews_msg{padding:10px; padding-top:0px;}
.shownews_msg img {height:auto; max-width: 100%!important;}

.show_news .nxgcp ul{ display:block; margin-top:20px;overflow:hidden;}
.show_news .nxgcp ul li{ width:calc(100%/2); height:auto; margin-bottom:5px; float:left;}
.show_news .nxgcp ul li a#cp_name{display:block; width:90%; margin:auto;line-height:50px; height:50px;text-align:center; }

.show_news .nxgwz{ width:95%; margin:auto; margin-top:0px;}
.show_news .nxgwz ul li{ width:100%;line-height:30px; height:30px; background:url(../images/icon3.png) no-repeat 0px 11px; text-indent:15px; float:left;overflow:hidden; }


.newsshow_sx{ width:95%; margin:auto; height:auto;border-top:0;  }
.newsshow_sx div{width:100%; float:none; height:35px; line-height:35px; border-top:1px solid #dadada;  overflow:hidden;}


/***********下载***********/
.c-main{width:100%;}
.c-left{width:100%; margin-right:0; margin-top:0px; float:none;}	
.c-right{width:100%; float:none;}
.down-left{width:95%;float:none;margin-right:0; margin:auto;}
.down-right{ width:95%;float:none; margin:auto;}
.download_msg{padding:10px;overflow:hidden;}
.download_msg .down_l{width:100%; float:none;}
.download_msg .down_r{width:90%; margin:auto; float:none; overflow:hidden;}
.download_msg .down_r a{ float:left; padding-right:10px; margin-right:10px;}

.show_download{width:100%; float:none;}

.download_pdf{ display:none;}

.xgwdc{padding-bottom:15px;}

.show_download_rs{width:100%; padding-top:15px; overflow:hidden;}

/***********下载***********/

footer{padding-top:20px;}
.footer-l{width:90%; float:none; margin:auto;}
.footer-l img{ width:95%;}
.footer-w{width:90%; float:none; text-align:left; margin:auto;}
#page{width:90%; margin:auto;}
.foot-nav{display:none;}
.footer-b{border-top:0;padding-top:0PX; font-size:12px;}

.nav-item{ display:block;width:100%; border-top:1px solid #C2C2C2; border-bottom: 0px;background:#FAFAFA; height:45px; position:fixed;bottom:0px; z-index:9999; color:#555;}
.nav-item a{display:block; border-right:1px solid #C2C2C2; height:45px; line-height:45px; float:left; color:#000; text-decoration:none;}
.nav-item a.i-home{background:url(../images/home.png) no-repeat 8px 10px; width:43px;  height:45px; overflow:hidden; text-indent:-999px; float:left;color:#555;}
.nav-item a.i-tel{ text-align:center; width:29%;color:#555;}
.nav-item a.i-qq{ text-align:center; width:29%;color:#555;}
.nav-item a.i-top{ text-align:center; width:29%;border-right:0; background:url(../images/newstop.png) no-repeat 10px 13px;color:#555;}
