body{ font-size:14px;}
.wp{ width:1060px;margin:0 auto;}
.m10{ margin:10px;}
.m20{ margin:20px;}
a{ color:#666;}
a:hover{ color:#b4111f;}

/* ico */
.ico{ display:inline-block;background:url("../images/sprite.png") no-repeat;}
.ico_phone{ width:16px;height:16px;background-position:0 0;}
.ico_search_btn{ width:16px;height:16px;background-position:-26px 0;}

/* end ico */

#top{ font-size:12px;height:30px;line-height:30px;background:#eee;}
#top .ll .ico_phone{ vertical-align:middle;margin-right:10px;}
#top .rr a{ border-left:1px solid #ddd;padding-left:10px;margin-left:10px;}
#top .rr a:first-child{ border:0;}

#header{ height:110px;border-bottom:1px solid #ddd;}
#header .logo{ display:inline-block;width:520px;height:70px;margin:20px 0;background:url("../images/logo.png") no-repeat 0 50%;background-size:100% auto;}
#header .search{ position:relative;margin:30px 0 0;}
#header .search input{ width:320px;height:45px;text-indent:15px;border:1px solid #ddd;border-radius:4px;}
#header .search .ico_search_btn{ position:absolute;right:15px;top:15px;}

#header .title{ display:none;position:relative;width:100%;color:#fff;height:55px;line-height:55px;text-align:center;background:#b41112;}
#header .title .menu_btn{ position:absolute;right:0;top:0;display:inline-block;width:55px;height:55px;background:url("../images/menu_btn.png") no-repeat 50% 50%;background-size:50%;}
#header .title .menu_btn:active{ background-color:#04753c;}
#header .title a{ color:#fff;}

#nav{ background:#fff;}
#nav ul li{ position:relative;float:left;display:inline-block;width:12.5%;}
#nav ul li a{ transition:background 0.3s;display:inline-block;height:40px;line-height:40px;width:100%;text-align:center;}
#nav ul li.active a,#nav ul li a:hover{ color:#fff;background:url("../images/nav_hover.jpg") no-repeat 100% 0;}

#nav .second{ display:none;z-index:999;position:absolute;left:0;top:40px;border-top:1px solid #b41111;width:100%;background:#b41111;}
#nav .second a{ color:#fff;}


#banner{ width:100%;height:360px;background:url("../images/banner_bg.jpg") no-repeat 50% 0;margin-bottom:30px;}
#banner img{ width:100%;}

#footer{ padding:20px 0;line-height:24px;background:#f0f0f0;text-align:center;}


.section{ margin-bottom:20px;}

.indexAbout{ }
.indexAbout .title{ height:55px;margin-bottom:10px;}
.indexAbout .title img{ width:100%;}
.indexAbout .content{ font-size:16px;line-height:26px;}
.indexAbout .content a{ color:#b4111f;}
.indexAbout .content a:hover{ text-decoration:underline;}

.indexProducts .title{ margin-bottom:10px;}

.grid_sider{ width:250px;}
.grid_main{ width:790px;}


.pro_cate{ }
.pro_cate dl dt{ text-indent:20px;height:40px;line-height:40px;color:#fff;background:#b41112 url("../images/sider_title.jpg") no-repeat;}
.pro_cate dl dd{ height:40px;line-height:40px;border-bottom:1px solid #fff;background:#f0f0f0 url("../images/dot.png") no-repeat 15px 50%;}
.pro_cate dl dd:hover,.pro_cate dl dd.active{ background-color:#e6e6e6;}
.pro_cate dl dd.active a{ font-weight:bold;color:#b41112;}

.pro_cate dl dd a{ display:block;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 30px;}
.pro_cate dl dd.nobg{ height:auto;line-height:24px;overflow:hidden;background:#f0f0f0;}

.pro_show{ margin-bottom:30px;overflow:hidden;}
.pro_show .pro_show_pic{ width:460px;height:230px;}
.pro_show .item{ width:330px;height:230px;background:#f6f6f6;}
.pro_show .item .title{ text-indent:18px;margin:20px 0 10px;height:40px;line-height:40px;font-size:24px;color:#fff;background:url("../images/index_pro_title.jpg") no-repeat;}
.pro_show .item .content{ margin:0 20px;line-height:28px;}

.left_img{ }
.left_img .pro_show_pic{ float:left;}
.left_img .item{ float:left;}

.right_img .pro_show_pic{ float:right;}
.right_img .item{ float:right;}


.pro_list,.products_list{ overflow:hidden;margin-top:20px}
.products_list ul{ width:1080px;overflow:hidden;}
.pro_list .item,.products_list ul li{ float:left;width:196px;text-align:center;margin-right:20px;}
.pro_list .item a,.products_list ul li a{ display:block;color:#fff;background:#b4111f;}
.pro_list .item a img,.products_list ul li a img{ transition:border-color 0.3s;width:194px;height:194px;border:1px solid #b4111f;}
.pro_list .item a span,.products_list ul li a span{ transition:background-color 0.3s;display:block;padding:0 10px;height:25px;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pro_list .item a:hover img,.products_list ul li a:hover img{ border:1px solid #f8c401;}
.pro_list .item a:hover span,.products_list ul li a:hover span{ background:#f8c401;}

.pro_list .item{ float:none;margin:0 auto;}


.products_list{ }
.products_list ul{ width:810px;}
.products_list ul li{ float:left;width:182px;margin-bottom:20px;}
.products_list ul li a img{ width:180px;height:180px;}


.swiper-pagination-bullet{ width:40px;height:6px;border-radius:0;background:#fff;opacity:0.5;cursor:pointer;}
.swiper-pagination-bullet-active{ background:#b4111f;opacity:1;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 3px;}

.main .title{ overflow:hidden;}
.main .title .path{ float:right;color:#aaa;}
.main .title .path a{ }

.news{ }
.news .news_list{ }
.news .news_list li{ height:40px;line-height:40px;overflow:hidden;border-bottom:1px dashed #ddd;}
.news .news_list li a{ float:left;display:inline-block;width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .news_list li span{ float:right;color:#aaa;}

.pages_num{ padding:5px 0;background:#f0f0f0;text-align:center;}
.pages_num ul li{display:inline;}
.pages_num ul li a{ display:inline-block;height:22px;line-height:22px;padding:0 8px;margin:6px 3px;border-radius:4px;}
.pages_num ul li a.active{ background:#b41112;color:#fff;}

.news .news_title{ overflow:hidden;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}
.news .news_title h1{ display:block;font-size:26px;line-height:26px;margin:10px 0;}
.news .news_title p{ color:#aaa;}
.news .news_content{ line-height:24px;}
.news .news_content p{ margin-bottom:10px;}


.products_detail{ overflow:hidden;}
.products_detail_head{ overflow:hidden;margin:10px 0;}
.products_detail_head .products_phone{ float:left;}
.products_detail_head .item{ float:right;width:420px;}
.products_detail_head .item dt{ font-size:24px;margin:10px 0;line-height:28px}
.products_detail_head .item dd{ margin-bottom:5px;}


.products_detail h2{ display:block;background:#f0f0f0;font-size:16px;font-weight:bold;height:40px;line-height:40px;text-indent:15px;}
.products_detail_content{ margin:10px;}
.products_detail_content p img{ max-width:100%; }


/*产品放大镜*/
.box{width:350px;margin:100px auto;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;width:100%;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 5px 0 0;}
.tb-s310, .tb-s310 a{ width:350px;height:350px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{width:52px;height:52px;}
.tb-booth{border:1px solid #e6e6e6;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #aaa;height:52px;padding:1px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #e6e6e6;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.knowledge{ }
.knowledge_head{ margin-bottom:20px;}
.knowledge_head h1{ font-size:24px;margin-bottom:10px;}
.knowledge_head p{ line-height:24px;}

.knowledge_content{ }
.knowledge_content ul{ width:1080px;}
.knowledge_content ul li{ transition:background-color 0.4s;float:left;text-align:center;width:250px;height:170px;margin:0 20px 20px 0;background:#f0f0f0;border-radius:10px;}
.knowledge_content ul li:hover{ background:#e6e6e6;}

.knowledge_content ul li strong{ display:block;margin:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.knowledge_content ul li .profile{ color:#aaa;margin:0 20px;height:50px;margin-bottom:10px;}
.knowledge_content ul li a.btn{ display:inline-block;padding:6px 20px;background:#b41112;color:#fff;border-radius:6px;}

.knowledge_detail{ }
.knowledge_detail .title{ height:30px;font-size:24px;overflow:hidden;}
.knowledge_detail .title a{ float:right;font-size:14px;}
.knowledge_detail .content{ }
.knowledge_detail .content table{ width:100%;}
.knowledge_detail .content table th,.knowledge_detail .content table td{ padding:5px 10px;}
.knowledge_detail .content table th{ background:#f0f0f0;}
.knowledge_detail .content table td{ border-bottom:1px solid #eee;}

.ewei{ position:fixed;left:50%;top:190px;}
.ewei span{ display:inline-block;width:100px;margin-left:560px;padding-bottom:5px;font-size:12px;text-align:center;line-height:18px;background:#fff;}
.ewei span img.ewei_img{ width:100px;height:100px;}
.ewei span a img{ display:block;margin:0 auto;}


@media (max-width: 1199px){
	.wp{ width:960px;}
	#banner{ background:#b41112;height:326px;}
	.grid_main{ width:690px;}
	.pro_show .pro_show_pic{ width:400px;}
	.pro_show .item{ width:290px;}
	.pro_list ul li{ width:176px;}
	.pro_list ul li a img{ width:174px;height:174px;}
	.products_list ul{ width:710px;}
	.products_list ul li{ width:157px;}
	.products_list ul li a img{ width:155px;height:155px;}
	.products_detail_head .item{ width:320px;}
	.knowledge_content ul li{ width:225px;}
	.ewei span{ display:none;}
}
@media (max-width: 960px){
	.wp{ width:767px;}
	#header .logo{ width:400px;}
	#banner{ height:260px;}
	.indexAbout .title{ height:40px;}
	.indexAbout .content{ font-size:14px;line-height:24px;}
	.grid_sider{ width:200px;}
	.grid_main{ width:547px;}
	.pro_show .pro_show_pic{ width:300px;}
	.pro_show .item{ width:247px;}
	.pro_show .item .title{ height:30px;line-height:30px;background-size:auto 100%;font-size:18px;text-indent:15px;}
	.pro_show .item .content{ font-size:12px;}
	.pro_list ul li{ width:137px;}
	.pro_list ul li a img{ width:135px;height:135px;}
	.products_list ul{ width:587px;}
	.products_list ul li{ width:121px;}
	.products_list ul li a img{ width:119px;height:119px;}
	.pro_cate dl dd.nobg{ font-size:12px;line-height:22px;}

	.tb-booth{ border:0;}
	.tb-s310, .tb-s310 a{ width:100%;height:auto;}

	.products_detail_head .products_phone,.products_detail_head .item{ float:none;width:100%;}
	.products_detail_head .products_phone{ margin-bottom:20px;}
	.products_detail_head .item dt{ text-align:center;}
	.products_detail_content{ margin:10px 0;}
	.products_detail_content p img{ max-width:100%; }

	.knowledge_content ul li{ width:176px;height:150px;}
	.knowledge_content ul li strong{ margin:10px 20px;font-size:16px;}
	.knowledge_content ul li .profile{ font-size:12px;height:55px;line-height:18px;}

	#footer{ padding:15px 0;line-height:22px;}

}
@media (max-width: 767px){
	.wp{ width:100%;}
	#top{ display:none;}
	#header{ height:55px;font-size:24px;border:0;}
	#header .ll,#header .rr{ display:none;}
	#header .title{ display:inline-block;}

	#nav{ display:none;}
	#nav ul{ border-top:1px solid #fff;}
	#nav ul li{ width:100%;}
	#nav ul li a:hover,#nav ul li.active{ background:#b41112;}

	#banner{ height:auto;background:none;margin-bottom:20px;}
	.indexAbout .title{ display:none;}
	.indexAbout .content{ margin:0 20px;}

	.indexProducts{ margin:0 20px;}
	.grid_sider{ width:100%;margin-bottom:10px;}
	.pro_cate dl{ overflow:hidden;}
	.pro_cate dl dt{ width:100%;}
	.pro_cate dl dd{ float:left;width:50%;}
	.grid_main{ width:100%;}
	.pro_show .pro_show_pic,.pro_show .item{ width:100%;height:auto;}
	.pro_show .item .content{ line-height:24px;padding-bottom:10px;}
	#footer{ display:none;}
	.pro_list ul, .products_list ul{ width:100%;}
	.pro_list ul li,.products_list ul li{ width:48%;margin-right:2%;margin-bottom:2%;}
	.pro_list ul li a img,.products_list ul li a img{ width:100%;height:auto;}
	.pro_list ul li a span, .products_list ul li a span{ }
	.pro_list ul li a img, .products_list ul li a img{ border:0;}
	.pro_list ul li a:hover img,.products_list ul li a:hover img{ border:0;}
	.side_contact{ display:none;}
	.main .title .path{ display:none;}

	.knowledge_content ul{ width:100%;}
	.knowledge_content ul li{ width:48%;height:170px;margin:0 2% 2% 0;}
	.knowledge_content ul li .profile{ height:70px;}

}
@media (max-width: 479px){

}