@charset "UTF-8";
/***  公共样式开始 ***/
body{
	min-width: 1200px;
	overflow-x: hidden;
}
html{
	font-family: '微软雅黑';
}
.margin{
	margin: 0 auto;
	width: 1200px;
}
.clear{
	clear: both;
}
a:hover{
	text-decoration: none;
	color: #da0a00;
	transition:all ease 300ms;
}

/*** 头部公共样式 ***/
.header{
	margin: 27px auto 5px;
}
.header .left{
	float: left;
}
.header .right{
	float: right;
}
.header .func{
	text-align: right;
}
.header .language{
	position: relative;
	display: inline-block;
	/*width: 86px;*/
	width: 102px;
	height: 29px;
	/*background: url(../images/language.jpg) no-repeat center center;*/
	vertical-align: middle;
	cursor: pointer;
}
.header .language select{
	width: 86px;
	height: 31px;
	padding-left: 10px;
	background: #aaaaaa;
	font-size: 14px;
	color: white;
	outline: none;
}
.header .language .name{
	position: absolute;
	top: 5px;
	left: 14px;
}
.header .language .name a{
	font-size: 14px;
	color: white;
}
.header .phone{
	margin-right: 41px;
	display: inline-block;
	vertical-align: middle;
}
.header .phone img{
	margin-right: 6px;
	vertical-align: middle;
}
.header .phone span{
	font-size: 24px;
	color: #e5000b;
	vertical-align: middle;
}
/*搜索框*/
.header .search_form{
	display: inline-block;
	float: right;
    width: 184px;
    height: 27px;
    margin: 0 10px 0 12px;
    border: 2px solid #d5d5d5;
    background: white;
    vertical-align: middle;
}
.header .search_form input[type='text'] {
    float: left;
    width: 78%;
    height: 23px;
    padding: 0 0 0 3%;
    font-size: 14px;
    border: 2px solid transparent;
    outline: none;
    background: none;
}
.header .search_form input[type='submit'] {
    float: right;
    width: 15%;
    height: 27px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    background: url(../images/header_search_submit.png) no-repeat center center;
}

/*搜索框 end*/
.header #nav{
	text-align: right;
}
.header .item{
	position:relative;
	display: inline-block;
	margin-top: 40px;
	/*padding: 0 0 40px 0;*/
	font-size: 16px;
}
.header .item:hover{
}
.header .item a{
	width: 200px;
	margin: 0 13px;
    padding: 10px 20px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.header .son_nav .son_item{
	text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.header .item:hover .item_a{
	background: #e60012;
	color: white;
	border-radius: 30px;
	transition:all ease 300ms;
}
.header .item.hover .item_a{
	background: #e60012;
	color: white;
	border-radius: 30px;
	transition:all ease 300ms;
}
.header .son_item.on a{
	color: #e60012;
	background: white;
}
.header .item span{
	font-size: 14px;
	color: #b4b4b4;
}
.header .item .arrow{
	display:none;	
}
.header .item.hover .arrow{
	position:absolute;
	left:45px;
	bottom:-36px;
	display:block;
	width:28px;
	height:11px;
	background:url(../images/head_arrow.png) no-repeat center center;
	z-index:2;	
}
.header .son_nav{
	display: none;
	position: absolute;
	top: 48px;	
	left: 0;
	width: 200px;
	background: white;
	font-size: 14px;
	text-align: left;
	line-height: 35px;
	z-index: 3;
}


/*** 头部公共样式 end***/

/*底部公共样式*/
#footer{
	height: auto;
	background: #2e2e2e;
}
.footer{
	border-bottom: 1px solid #424242;
}
.footer .left{
	float: left;
	margin-top: 45px;
}
.footer .nav{
	
}
.footer .nav .item{
	display: inline-block;
	margin: 0 15px;
}
.footer .nav .item a{
	font-size: 14px;
	color: #b3b3b3;
}
.footer .follow{
	margin: 25px 0 25px 15px;
}
.footer .left .name{
	display: inline-block;
	font-size: 20px;
	color: white;
	vertical-align: middle;
}
.footer .right{
	float: right;
	margin-top: 45px;
	margin-bottom: 10px;
}
.footer .right .title_1{
	font-size: 20px;
	color: white;
	vertical-align: middle;
}
.footer .right .title_2{
	margin: 0 15px 0 10px;
	font-size: 12px;
	color: #8a8a8a;
	vertical-align: middle;
}
.footer .phone{
	margin: 18px 0;
	font-size: 26px;
	color: #da0a00;
}
.footer .email,.footer .fax{
	margin: 15px 0;
	font-size: 14px;
	color: #b3b3b3;
}
.footer .email img,.footer .fax img{
	margin-right: 10px;
}
.footer .email img,.footer .email span{
	vertical-align: middle;
}
.footer .fax img,.footer .fax span{
	vertical-align: middle;
}
#footer .CopyRight{
	padding: 15px 0;
	text-align: center;
	font-size: 14px;
	color: #8a8a8a;
}
#footer .img_show{
	display: block;
}
#footer .weixin{
	position: relative;
	cursor: pointer;
}
#footer .weixin:hover .img_show{
	display: block;
}
#footer .img_show img{
	position: absolute;
	top: -20px;
	width: 160px;
	height: 160px;
}
/*底部公共样式 end*/

/*广告图样式*/
/*块元素 banner图片的时候，只要给banner_bg设定一个高度，并且设置一a标签的高度  banner_point设置一个top值，里面的元素是图片切换按钮*/
.banner_bg{width:100%;z-index:0;height:550px;position:relative;overflow: hidden;}
/*.banner_bg .banner_list{display:block;width:100%;position:absolute;top:22px;left:0;z-index:0;height:500px;}
.banner_bg .banner_list a{display:block;width:100%;height:100%;}
.banner_bg .banner_point{ width:120px;height:12px;z-index:0; position:absolute; bottom:7px;left: 46%;}
.banner_bg .banner_point a{float:left;display:block;width:11px;height:12px; background:url(../images/banner_point.jpg);margin-left:8px;}
.banner_bg .banner_point a.hover{width: 11px;height: 12px;background:url(../images/banner_point_hover.jpg);}
.orther_banner{height:306px;}
.orther_banner .banner_list{height:306px;}*/

/*#slideBox{width: 100%;}*/
.slideBox{ width:1200px; height:500px;position:relative;top: 22px;margin: 0 auto;}
.slideBox .hd{  width:120px;height:12px;z-index:0; position:absolute; bottom:-25px;left: 46.5%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left;display:block;width:11px;height:12px; background:url(../images/banner_point.jpg);margin-left:8px;cursor: pointer;}
.slideBox .hd ul li.on{width: 11px;height: 12px;background:url(../images/banner_point_hover.jpg);}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:500px; display:block;  }

.left_mask{position: absolute;top: 0;left: -29.5%;width: 356px;height: 500px;background: url(../images/banner_bg.png) no-repeat center center;}
.right_mask{position: absolute;top: 0;right: -29.5%;width: 356px;height: 500px;background: url(../images/banner_bg.png) no-repeat center center;}
/*内页广告图*/
.inside_banner_bg{width:100%;z-index:0;height:260px;position:relative;}
.inside_banner_bg .inside_banner_list{display:block;width:100%;position:absolute;top:22px;left:0;z-index:1;height:260px;}
/*内页广告图 end*/

/*首页样式*/
.index_product{
	margin-top: 20px;
	margin-bottom: 80px;
	text-align: center;
}
.index_product .title a{
	font-size: 30px;
}
.red_border{
	width: 30px;
	margin: 13px auto;
	border-bottom: 3px solid #da0a00;
}
.index_product .brief{
	min-height: 40px;
	/*overflow: hidden;*/
	margin: 15px 0;
	font-size: 16px;
	color: #797979;
	text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.index_product .top_product{
	
}
.index_product .top_product .left{
	float: left;
	position: relative;
	width: 593px;
	height: 228px;
	margin: 14px 0;
	background: url(../images/index_pro_bg_1.jpg);
}
.index_product .top_product .right{
	float: right;
	position: relative;
	width: 593px;
	height: 228px;
	margin: 14px 0;
	background: url(../images/index_pro_bg_2.jpg);
}
.index_product .top_product .photo{
	float: left;
	width: 335px;
	height: 231px;
	overflow: hidden;
	text-align: center;
}
.index_product .top_product .photo img{
	max-width: 100%;
	max-height: 100%;
	transition:all ease 300ms;
	vertical-align: middle;
}
.index_product .top_product .photo span{
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.index_product .top_product .photo img:hover{
	transform:scale(1.1);
}
.index_product .top_product .detail{
	float: right;
	width: 255px;
	text-align: left;
}
.index_product .top_product .name{
	margin-top: 50px;
}
.index_product .top_product .name a{
	font-size: 20px;
	color: #da0a00;
}
.index_product .top_product .num{
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #646464;
}
.index_product .top_product .more{
	position: absolute;
	bottom: -3px;
	right: 0;
}
.index_product .down_product{
	text-align: left;
}
.index_product .down_product .list{
	float: left;
	width: 289px;
	height: 289px;
	margin: 14px 14px 14px 0;
	background: #f5f5f5;
}
.index_product .down_product .name{
	margin: 25px 10px 0 20px;
}
.index_product .down_product .name a{
	font-size: 16px;
	color: #da0a00;
}
.index_product .down_product .num{
	margin: 8px 20px 0 20px;
	font-size: 14px;
	font-weight: bold;
	color: #646464;
}
.index_product .down_product .photo{
	width: 280px;
	height: 230px;
	padding: 0 5px;
	overflow: hidden;
	text-align: center;
}
.index_product .down_product .photo img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	transition:all ease 300ms;
}
.index_product .down_product .photo span{
	height:100%;
	display:inline-block; 
	vertical-align:middle;
}
.index_product .down_product .photo img:hover{
	transform:scale(1.2);
}
.index_product .read_all{
	margin: 35px 0;
}
.index_product .read_all a{
	border: 1px solid #d3d3d3;
	padding: 15px 40px;
	font-size: 14px;
}

.index_about{
	position: relative;
	width: 100%;
	height: 381px;
	background: url(../images/about_bg.jpg) no-repeat center center;
	z-index: 1;
}
.index_about #detail{
	float: left;
	width: 380px;
	height: 325px;
	overflow: hidden;
	background: #e9e9e9;
}
.index_about .detail{
	margin: 30px 28px 30px 28px;
}
.index_about #detail .title{}
.index_about #detail .title a{
	font-size: 30px;
	color: #424240;
}
.index_about .red_border{
	width: 30px;
    margin: 13px 0;
    border-bottom: 3px solid #da0a00;
}
.index_about .brief{
	max-height: 125px;
	font-size: 14px;
	color: #646464;
	line-height: 1.5;
	overflow: hidden;
}
.index_about .more{
	margin: 45px 0;
}
.index_about .more a{
	background: #da0a00;
	padding: 15px 55px;
	font-size: 14px;
	color: white;
}
.index_about .video{
	position: relative;
	float: left;
	width:820px;
	height:325px;
}
.index_about .video_bg{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.5;
	cursor: pointer;
}
.index_about .video_bg .play_btn{
	position: absolute;
	top: 40%;
	left: 45%;
	width: 130px;
	cursor: pointer;
}
.index_about .video_bg .title{
	position: absolute;
	top: 68%;
	left: 42.5%;
	width: 130px;
	font-size: 18px;
	color: white;
	cursor: pointer;
}
.index_about .video_play{
	display:none;
	position:absolute;
	top:0;
}
.index_about .video_play iframe{
	width:820px !important;
	height:325px !important;
}
.case{
	margin: 50px auto 60px;
	text-align: center;
}
.case .title a{
	font-size: 30px;
}
.case .brief{
	margin: 15px 0;
	font-size: 16px;
	color: #797979;
}
.case .content .left{
	float: left;
}
.case .content .left .photo{
	position: relative;
	height: 446px;
	width: 600px;
	overflow: hidden;
}
.case .left .photo .photo_bg{
	position: absolute;
	top: 0;
	width: 600px;
	height: 446px;
	background: black;
	opacity: 0.3;
}
.case .content .left .photo:hover .photo_bg{
	display: none;
}
/*.case .content .left .photo img{
	width: 600px;
	height: 100%;
	transition:all 300ms;
}
.case .content .left .photo img:hover{
	transform: scale(1.2);
}*/
.case .content .left .font{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 71px;
	background: -webkit-linear-gradient(rgba(101,101,101,0),rgba(42,42,42,1)); 
	background: -o-linear-gradient(rgba(101,101,101,0),rgba(42,42,42,1)); 
	background: -moz-linear-gradient(rgba(101,101,101,0),rgba(42,42,42,1)); 
	background: linear-gradient(to  rgba(101,101,101,0),rgba(42,42,42,1)); 
}
.case .left .font .name{
	float: left;
	margin: 35px 0 0 20px;
}
.case .left .font .name a{
	font-size: 16px;
	color: white;
}
.case .left .font .time{
	float: right;
	margin: 35px 20px 0 0;
	font-size: 16px;
	color: white;
}
.case .left .font .time img{
	width: 17px;
	height: 17px;
}
.case .left .font .time span{
	color: white;
}
.case .right{
	float: right;
}
.case .up {
	height: 223px;
	cursor: pointer;
}
.case .up .detail{
	position: relative;
	float: left;
	width: 300px;
	height: 100%;
	background: #f5f5f5;
	text-align: center;
}
.case .up .detail .name {
	margin-top: 70px;
}
.case .up .detail .name a{
	font-size: 16px;
	color: #333333;
}
.case .up .detail .time{
	margin: 15px 0;
	font-size: 14px;
}
.case .up .photo{
	position: relative;
	float: left;
	height: 100%;
	overflow: hidden;
}
.case .up .photo img{
	width: 300px;
	height: 100%;
	/*transition:all ease 300ms;*/
}
.case .up .photo .photo_bg{
	position: absolute;
	top: 0;
	width: 300px;
	height: 100%;
	background: black;
	opacity: 0.3;
}
.case .up:hover .photo_bg{
	display: none;
}
/*.case .up .photo img:hover{
	transform:scale(1.2);
}*/
.case .time img,.case .time span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	color: #646464;
}
.case .read_all{
	margin: 45px 0 25px 0;
}
.case .read_all a{
	border: 1px solid #d3d3d3;
	padding: 15px 40px;
	font-size: 14px;
}
.case .arrow_left{
	position: absolute;
	top: 100px;
	left: -10px;
}
.case .arrow_right{
	position: absolute;
	top: 100px;
	right: -10px;
	z-index: 1;
}
/*友情鏈接*/
.link{
	width: 100%;
	height: 105px;
	background: #f7f7f7;
}
.link .link_content{
	position: relative;
	height: 105px;
}
.link .link_content .tempWrap{
	overflow: hidden;
}
.link .prev{
	position: absolute;
	top: 40%;
	left: 0;
	width: 37px;
	height: 26px;
	background: url(../images/link_left_btn.jpg) no-repeat center center;
}
.link .next{
	position: absolute;
	top: 40%;
	right: 0;
	width: 37px;
	height: 26px;
	background: url(../images/link_right_btn.jpg) no-repeat center center;
}
.link .bd{
	position: relative;
	top: 35px;
	margin: 0 70px;
}
.link .tempWrap{
	width: 100% !important;
}
.link .link_list .list{
	width: 120px !important;
	padding: 0 50px;
}
.link .link_list .list img{
	max-width: 120px;
	max-height: none;height: 40px;
}
/*友情鏈接 end*/

/*首页样式 end*/

/*左侧公共导航*/
.left_cate{
	position: relative;
	float: left;
	width: 265px;
}
.left_cate .head{
	width: 266px;
	height: 85px;
	background: url(../images/left_cate_head.png) no-repeat center center;
}
.left_cate .head .name{
	padding: 37px 0 0 32px;
	font-size: 24px;
	font-weight: bold;
	color: white;
}
.left_cate #list{
	background: #f5f5f5;
}
.left_cate .list{
	width: 260px;
	margin: 0 4px;
	padding-left: 2px;
	border-right: 1px solid #faccd0;
}
.left_cate .list .name span{
	display: inline-block;
	vertical-align: middle;
	padding: 17px 0;
}
.left_cate .list .name{
	width: 239px;
	padding-left: 17px;
	border-bottom: 1px dotted #c2c2c2;
	/*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/
}
.left_cate .list .name span{
	width: 200px;
	margin-left: 15px;
	font-size: 15px;
}
.left_cate .list img{
	display: inline-block;
	vertical-align: middle;
}
.left_cate .list .red{
	display: none;
}
.left_cate .list.on{
	border: 1px solid #faccd0;
	border-right: none;
	background: white;
}
.left_cate .list.on .name span{
	color: #e70012;
}
.left_cate .list.on .gray{
	display: none;
}
.left_cate .list.on .red{
	display: inline-block;
}
.left_cate .list:hover .name span{
	color: #e70012;
	transition:all ease 300ms;
}
.left_cate .list:hover .gray{
	display: none;
}
.left_cate .list:hover .red{
	display: inline-block;
}
.left_cate .list.top{
	height: 20px;
	border: none;
	border-right: 1px solid #faccd0;
}
.left_cate .contact{
	padding-top: 50px;
	padding-bottom: 22px;
	width: 265px;	
	height: auto;
	background: #f5f5f5;
	border-right: 1px solid #faccd0;
}
.left_cate .contact .title{
	padding-left: 2px;
}
.left_cate .contact .title a{
	font-size: 20px;
	font-weight: bold;
}
.left_cate .contact .contact_border{
	padding-left: 2px;
}
.left_cate .contact .list{
	margin: 0 3px;
	padding: 18px 0;
	border: none;
	border-bottom: 1px dotted #b8b8b8;
}
.left_cate .contact .photo{
	display: inline-block;
	vertical-align: middle;
	margin:0 10px;
}
.left_cate .contact .detail{
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}
.left_cate .contact .detail .up,.left_cate .contact .detail .down{
	font-size: 14px;
	color: #333333;
}
.left_cate .contact .detail .down{
	margin-top: 5px;
}
.left_cate .contact .detail .phone{
	font-size: 20px;
	color: #e60012;
}
/*左侧公共导航 end*/

/*面包屑*/
.bread{
	float: right;
	margin-top: 60px;
}
.bread a,.bread img{
	vertical-align: middle;
	margin: 0 2px;
}
.bread a{
	color: #9b9b9b;
}
/*面包屑 end*/

/*产品列表页*/
#content{
	height: 100%;
	padding-left: 1px;
	background: url(../images/content_bg.jpg) repeat-y center center;
}
#content .content{
	float: left;
	width: 933px;
	margin-bottom: 50px;
}
#content .content .head{
	float: left;
	width: 100%;
}
#content .content .head .category{
	float: left;
	margin-top: 60px;
	margin-left: 25px;
	font-size: 22px;
}
#content .product_content{
	float: left;
	width: 100%;
}
#content .product_list{
	float: left;
	margin: 20px 0 20px 20px;
	text-align: center;
}
#content .product_list .photo{
	position: relative;
	width: 283px;
	height: 285px;
	border: 1px solid #e9e9e9;
	text-align: center;
}
#content .product_list .photo img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#content .product_list .photo span{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#content .product_list .detail{
	width: 285px;
}
#content .product_list .title{
	background: #e8e8e8;
	padding: 15px 0;
	font-size: 16px;
}
#content .brief_bg{
	display: none;
	position: absolute;
	top: 0;
	left: -1px;
	width: 283px;
	height: 285px;
	background: #919191;
	border: 1px solid #919191;
	opacity:0.8;
	cursor: pointer;
}
#content .product_list:hover .description{
	display: block;
	cursor: pointer;
}
#content .description{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	/*width: 240px;*/
	height: 127px;
	margin: 80px 20px;
	overflow: hidden;
	font-size: 14px;
	color: white;
	line-height: 25px;
}
#content .description a{
	color: white;
}
#content .product_list:hover .brief_bg{
	display: block;
}
#content .product_list:hover .title{
	background: #da0a00;
	transition:all ease 300ms;
}
#content .product_list:hover .title a{
	color: white;
	transition:all ease 300ms;
}
/*产品列表页 end*/

/*产品详细页*/
#good{

}
#good .head{
	float: left;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
}
#good .head .category{
	float: left;
	margin: 60px 0 25px 0;
	font-size: 22px;
}
#good .good_content{
	width: 100%;
	height: auto;
	border-top: 1px solid #ebebeb;
}
#good .show_photo{ 
	float: left;
	width: 644px;
	height: 529px;
	margin: 35px 0 15px 5px;
}
#good .show_photo li{
	width: 100%;
	height: 450px;
	text-align: center;
}
#good .show_photo .bd img{
	max-width: 80%;
	max-height: 100%;
	vertical-align: middle;
} 
#good .show_photo .bd span{
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
#good .show_photo .next{
	position: absolute;
	right: 5%;
}
#good .show_photo .prev{
	position: absolute;
	left: 5%;
}
#good .hd{ 
	position:absolute;
	left:40%;
	top:450px;
	height:20px;
	overflow:hidden;
	z-index:1;
}
#good .hd ul{ 
	float:left;
	overflow:hidden;
	zoom:1;
}
#good .hd ul li{ 
	float:left;
	width:11px;
	height:11px;
	margin: 0 5px;
	background:url(../images/good_btn.jpg) no-repeat center center;
	line-height:14px;
	text-align:center;
	cursor:pointer;
}
#good .hd ul li.on{ 
	width: 12px;
	height: 12px;
	background:url(../images/good_btn_on.jpg) no-repeat center center;
}
#good .good_detail{
	float: right;
	width: 524px;
	margin: 35px 5px 0 0;
}
#good .good_detail .title{
	width: 524px;
	height: 42px;
	background: url(../images/good_title_bg.jpg);
}
#good .good_detail .title span{
	position: relative;
	top: 11px;
	left: 12px;
	font-size: 20px;
	color: white;
}
#good .good_detail .category{
	padding: 16px 0 16px 11px;
	font-size: 18px;
	font-weight: bold;
	color: #d01221;
}
#good .good_detail .brief{
	padding: 20px;
	background: #f6f6f6;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-size: 16px;
	color: #595959;
	line-height: 1.5;
}
#good .inquire{
	width: 143px;
	height: 40px;
	margin: 20px 0;
}
#good #lib_product_inquire{
	margin: 20px auto;
}
#good .recommend{
	min-height: 425px;	
}
#good .recommend .tempWrap{
	/*width: 1190px !important;*/
}
#good .recommend .title{
	padding: 10px 0 10px 12px;
	background: #d21a29;
	font-size: 20px;
	font-weight: bold;
	color: white;
}
#good .recommend .product_list{
	float: left;
	margin: 20px 0 20px 10px;
	text-align: center;
}
#good .recommend .product_list .photo{
	position: relative;
	width: 285px;
	height: 285px;
	border: 1px solid #e9e9e9;
	text-align: center;
}
#good .recommend .product_list .photo img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#good .recommend .product_list .photo span{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#good .recommend .product_list .title{
	background: #e8e8e8;
	padding: 15px 0;
	font-size: 16px;
}
#good .recommend .brief_bg{
	display: none;
	position: absolute;
	top: 0;
	left: -1px;
	width: 285px;
	height: 285px;
	background: #9e9e9e;
	border: 1px solid #9e9e9e;
	opacity:0.8;
	cursor: pointer;
}
#good .recommend .brief_bg .description{
	width: 240px;
	height: 127px;
	margin: 80px auto;
	overflow: hidden;
	font-size: 14px;
	color: white;
	line-height: 25px;
}
#good .recommend .brief_bg .description a{
	color: white;
}
#good .recommend .product_list:hover .brief_bg{
	display: block;
}
#good .recommend .product_list:hover .title{
	background: #da0a00;
	transition:all ease 300ms;
}
#good .recommend .product_list:hover .title a{
	color: white;
	transition:all ease 300ms;
}
#good .description{
	width: 100%;
	margin: 40px 0;
}
#good .description .title{
	margin: 0 5px;
	background: #7f7f7f;
}
#good .description .name{
	float: left;
	width: 24%;
	height: 48px;
	font-size: 16px;
	color: #424242;
	cursor: pointer;
	text-align: center;
}
#good .description .name span{
	line-height: 48px;
	font-size: 18px;
	color: white;
}
#good .description .name.on{
	width: 292px;
	height: 45px;
	margin: 3px 0 0 2px;
	background: url(../images/des_on.jpg) no-repeat center center;
	color: #fa4f7f;
}
#good .description .name.on span{
	color: #646464;
}
#good .description .des_content{
	margin: 20px 10px;
}
#good .description .des_detail{
	display: none;
}
#good .description .des_detail.on{
	display: block;
}
/*产品详细页 end*/

/*分页样式*/
#turn_page{text-align:center; height:26px; line-height:26px;}
#turn_page .page_button{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px;border-radius: 5px;}
#turn_page .page_item{background:#fff; border:1px solid #ccc; padding:2px 5px; margin:0 3px;border-radius: 5px;}
#turn_page .page_item_current{background:#de0102; border:1px solid #de0102; padding:2px 5px; margin:0 3px; color:white;border-radius: 5px;}
/*分页样式 end*/


/*成功案例*/
#instance_content {
    background: url(../images/content_bg.jpg) repeat-y center center;
    height: 100%;
}
#instance_content .content .head .category {
    float: left;
    margin-top: 60px;
    margin-left: 25px;
    font-size: 22px;
}
#instance_content .content {
    float: left;
    width: 933px;
    margin-bottom: 50px;
}
#instance_content .instance_content{
	float: left;
	width: 100%;
}
#instance_content .instance_content .title{
	margin: 20px 0 15px 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #ca111f;
}
.show_photo{ 
	position:relative;
	width:900px;
	height:644px;
	margin: 20px 15px 15px 15px;
	border:1px solid #ddd;
	overflow:hidden;
}
.show_photo .hd{ 
	position:absolute;
	overflow:hidden;
	left: 17%;
	bottom:30px;
	height:86px;
	z-index:1;
}
.show_photo .hd ul{ 
	float:left;
	overflow:hidden;
	padding-top: 6px;
	zoom:1;
}
.show_photo .hd ul li{ 
	float:left;
	position: relative;
	width:108px;
	height:86px;
	margin-right:15px;
	background:#fff;
	line-height:14px;
	text-align:center;
	cursor:pointer;
}
.show_photo .hd ul li span img{
	display: none;
	width: 14px;
	height: 6px;
	margin: 0;
} 
.show_photo .hd ul li img{
	width: 104px;
	height: 76px;
	margin-top: 1px;
	border: 1px solid white;
} 
.show_photo .hd ul li.on{ 
	background:#f00;
	color:#fff;
}
.show_photo .hd ul li.on span img{
	display: block;
	position: absolute;
	top: -6px;
	left: 45%;
	width: 14px;
	height: 6px;
	border: none;
} 
.show_photo .bd{ 
	position:relative;
	width: 646px;
	margin: 0 auto;
	z-index:0;
}
.show_photo .bd li{ 
	zoom:1;
	vertical-align:middle; 
}
.show_photo .bd img{ 
	/*display:block;*/
	/*width:599px;*/
	max-width: 100%;
	/*height:455px;*/
	margin: 0 auto;
}
.show_photo .prev{
	position:absolute;
	top: 40%;
	left: 10%;
	display: block;
	width: 20px;
	height: 37px;
	background:url(../images/case_left_btn.jpg) no-repeat center center;
}
.show_photo .next{ 
	position:absolute;
	top: 40%;
	right: 10%;
	width: 20px;
	height: 37px;
	background:url(../images/case_right_btn.jpg) no-repeat center center;
}
.show_photo .prev:hover,.show_photo .next:hover{ filter:alpha(opacity=100);opacity:1;
  }
.show_photo .prevStop{ display:none;}
.show_photo .nextStop{ display:none;}

.instance .description{
	margin: 15px;
}
.technology.show_photo .hd{
	width: 100%;
	height: auto;
	left: 20px;
	bottom: 110px;
    overflow-x: hidden;
}
.technology.show_photo{
	height: 700px;
}
.technology.show_photo .hd ul{
	margin: 0 35px;
}
.technology.show_photo .hd ul li{
	margin-top: 10px;
	margin-left: 10px;
}
.technology.show_photo .hd ul li img{
	height: 82px;
}
.technology.show_photo .bd img{
	max-width: 100%;
}
.technology.show_photo .hd ul li{
	width: 76px;
	height: 55px;
}
.technology.show_photo .hd ul li img{
	width: 72px;
	height: 51px;
}
.technology.show_photo .hd ul li.on span img{
	left: 40%;
}
/*成功案例 end*/

/*在线留言*/

/*在线留言 end*/

.article_content{
	width: 100%;
	height: auto;
	margin: 30px 23px;
}
.article_content .title{
	margin: 35px 0;
	font-size: 22px;
	color: #333333;
}
.article_content .list{
	margin: 10px 0;
	cursor: pointer;
}
.article_content .list .photo{
	display: inline-block;
	vertical-align: middle;
	/*padding: 0 20px 0 10px;*/
	
}
.article_content .list .photo img{
	/*width: 71px;
	height: 71px;
	background-color: #efefef;
    border: 2px #e60012 solid;
	-webkit-border-radius: 100px;*/
}
.article_content .list .font{
	width: 830px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.article_content .list .font .name{
	font-size: 18px;
}
.article_content .list .font .brief{
	font-size: 14px;
}
.article_content .list:hover .photo img{
	/*border: 2px #e60012 dashed;*/
	/*width: 80px;
	height: 80px;*/
	transform:scale(1.1);
}
.article_content .list:hover .name{
	font-size: 20px;
}
.article_content .list:hover .brief{
	font-size: 16px;
}
.article_content .team{
	position: relative;
	width: 911px;
	height: 305px;
	background: url(../images/article_bg.jpg);
	z-index: 1;
	margin-bottom: 20px;
}
.article_content .team .photo{
	float: left;
	margin-left: 37px;
}
.article_content .team .detail{
	position: absolute;
	top: 55px;
	right: 20px;
	width: 370px;
	height: 190px;
	z-index: 2;
}
#online .qq_link.qq{display:block;margin:0 auto;}
#online .qq_hover{display:none;}
#online .qq_link:hover .qq_hover{display:inline-block;}
#online .qq_link:hover .qq{display:none;}

#online .skype_link.skype{display:block;margin:0 auto;}
#online .skype_hover{display:none;}
#online .skype_link:hover .skype_hover{display:inline-block;}
#online .skype_link:hover .skype{display:none;}

#online .email_link.email{display:block;margin:0 auto;}
#online .email_hover{display:none;}
#online .email_link:hover .email_hover{display:inline-block;}
#online .email_link:hover .email{display:none;}

#online .code_link.code{display:block;margin:0 auto;cursor: pointer;}
#online .code_hover{display:none;}
#online .code_link:hover .code_hover{display:inline-block;}
#online .code_link:hover .code{display:none;}
#online .code_show{display:none;}
#online .code_show img{width:80px;height:80px;}
#online .code_link:hover .code_show{position:absolute;right:70px;bottom:5px;display:block;}

#online .qq_bot_link.qq_bot{display:block;margin:0 auto;}
#online .qq_bot_hover{display:none;}
#online .qq_bot_link:hover .qq_bot_hover{display:inline-block;}
#online .qq_bot_link:hover .qq_bot{display:none;}


#contact .category{
	float: left;
	margin: 60px 0 15px 10px;
	font-size: 22px;
}
#contact .content_head {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
#contact .content_head .left{
	float: left;
}
#contact .content_head .right{
	float: right;
	margin-right: 10px;
}
#contact .content_head .list{
	width: 350px;
	margin: 27px 0;
}
#contact .content_head .list .photo{
	display: inline-block;
	vertical-align: middle;
	margin-left: 13px;
}
#contact .content_head .list .detail{
	width: 250px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
}
#contact .content_head .list .name{
	font-size: 14px;
	color: #9b9b9b;
}
#contact .content_head .list .font{
}
#contact .phone{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}
#contact .email{
	font-size: 16px;
	color: #333333;
}
#contact .address{
	font-size: 16px;
	color: #333333;
}
#contact .content_description .title{
	margin: 30px 0 23px 10px;
	font-size: 22px;
}


/*其他样式*/
#lib_feedback_form{
	margin-bottom: 90px;
	background: #f5f5f5;
}
#lib_feedback_form form{
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 25px;
}
#lib_feedback_form .rows label{
	width: 90px;
	margin: 10px 0;
	font-size: 14px;
	color: #464646;
}
#lib_feedback_form .rows span{
	width: 500px;
	margin-left: 5px;
}
#lib_feedback_form .rows{
	float: left;
	clear: none;
}
#lib_feedback_form .form_input {
    height: 42px;
    line-height: 42px;
    padding: 0 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #333;
    background: white;
}
#lib_feedback_form .rows span .contents{
	background: white;
}
#lib_feedback_form .rows span .contents{
	width: 98%;
	height: 210px;
	padding: 5px;
}
#lib_feedback_form .rows .codes{
	width: 1000px;
}
#lib_feedback_form .rows span .vcode,#lib_feedback_form .codes a{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#lib_product_inquire .product_list .item .img div{
	width: 100%;
	height: 100%;
	text-align: center;
}
#lib_product_inquire .product_list .item .img div img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#lib_product_inquire .product_list .item .img div span{
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.fc_white{
	color: #f5f5f5;
}
.form_gory_button{
	width: 171px;
	height: 46px;
	background: #d11222;
	font-size: 18px;
	color: white;
	cursor: pointer;
}
#good .description table{
	width: 1180px !important;
	border: 1px solid #dbdbdb;
}
.description table td{
	height: 40px !important;
	text-align: center !important;
	border: 1px solid #dbdbdb;
}
.description table td span{
	/*font-size: 16px !important;*/
}
.description table tbody{
	border: none;
}



.ban{ width:100%; height:600px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:80%; height:500px; position:relative; overflow:hidden;margin: 0 auto;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;margin: 0 100px;text-align: center;}
.ban2 ul li img{vertical-align: middle; max-width: 100%;max-height: 100%;}
.ban2 ul li span{height: 100%;display: inline-block;vertical-align: middle;}
.prev{ float:left; cursor:pointer;}
.min_pic .num{ height:82px;overflow:hidden; width:480px; position:relative;left: 45%;}
.min_pic{ padding-top:10px; width:500px;}
.min_pic .num ul{ position:absolute; left:0; top:0;}
.min_pic .num ul li{ width:80px; height:80px; margin-right:15px; padding:1px;}
.min_pic .num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:100px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:100px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}


.pro_logo{
	position: absolute;
	top: 15px;
	left: 75px;
	width: 500px;
	height: 500px;
	margin: 0 auto;
}
.pro_logo img{
	max-width: 100%;
}