@charset "UTF-8";
/******************************************/
/*** 公共部分开始 ***/
@font-face {
      font-family: "Akkurat";
      src: url("../font/Akkurat.ttf");
    } 
@font-face {
      font-family: "Akkurat_Light";
      src: url("../font/Akkurat-Light.ttf");
    } 
html{
	font-family: 'Akkurat';
	font-size: 12px;
}
body{
    min-width: 1200px;
}
.clear{clear: both;}
.margin{
	width: 1200px;
	margin: 0 auto;
}
a{
	text-decoration: none;
}

/*头部公共样式*/
#header .logo{
	float: left;
	margin: 18px 0 15px 0;
}
#header .nav{
	float: left;
	padding-left: 50px;
	overflow: hidden;
}
#header .nav .item{
	float: left;
	padding: 35px 10px;
	cursor: pointer;
	border-bottom: 2px solid white;
}
#header .nav span{
	padding: 0 9px;
	font-size: 16px;
	color: #3e434b;
}
#header .nav .item:hover{
	border-bottom: 2px solid #e70012;
}
#header .nav .item:hover span{
	color: #e70012;
}
#header .nav .item.on{
	border-bottom: 2px solid #e70012;
}
#header .nav .item.on span{
	color: #e70012;
}
#header .search{
	float: right;
    width: 208px;
    height: 32px;
    margin: 28px 0 25px 0;
    border: 1px solid #d5d5d5;
    background: #f1f1f1;
    border-radius: 30px;
}
#header .search input[type='text'] {
    float: left;
    width: 78%;
    height: 32px;
    padding: 0 0 0 5%;
    font-size: 14px;
    border: 1px solid transparent;
    outline: none;
    background: none;
}
#header .search input[type='submit'] {
    float: right;
    width: 16%;
    height: 32px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    background: url(../index_files/search.png) no-repeat center center;
}
/*头部公共样式 end*/

/*首页广告图*/
/*.banner_bg{width:100%;z-index:0;height:525px;position:relative;}
.banner_bg .banner_list{display:block;width:100%;position:absolute;top:0px;left:0;z-index:0;height:525px;}
.banner_bg .banner_list a{display:block;width:100%;height:100%;}
.banner_bg .banner_point .center{width: 20px; } 
.banner_bg .banner_point{position:absolute; bottom:29px; right: 20%; z-index:0; }
.banner_bg .banner_point a{float:left; display:block; width: 8px; height: 8px; border: 2px solid white; margin-left:8px; margin-bottom: 8px; border-radius: 15px; }
.banner_bg .banner_point a.hover{width:8px; height:8px; background:none; background:white; } 
*/

/*.slideBox{width:100%;z-index:0;height:525px;position:relative;overflow: hidden;}
.slideBox .bd{display:block;width:100%;height:525px;}
.slideBox .bd li{display:block;width:100%;height:525px;position:absolute;top:0px;left:0;z-index:0;}
.slideBox .bd a{display:block;width:100%;height:100%;}*/

#banner{overflow: hidden;}
.slideBox .hd{width: 20px; } 
.slideBox .hd{position:absolute; bottom:29px; right: 20%; z-index:1; }
.slideBox .hd li{float:left; display:block; width: 8px; height: 8px; border: 2px solid white; margin-left:8px; margin-bottom: 8px; border-radius: 15px; cursor: pointer;}
.slideBox .hd li.on{width:8px; height:8px; background:none; background:white; } 

#slideBox{position: relative;top: 0;width: 100%;overflow: hidden;z-index: 0;}
#slideBox .bd{text-align: center;}
#slideBox img{max-width: 100%;max-height: 100%;vertical-align: middle;}
#slideBox span{height: 100%;vertical-align: middle;display: inline-block;}

.orther_banner{height:306px;}
.orther_banner .banner_list{height:306px;}
/*首页广告图 end*/
/*内页广告图*/
.inside_banner_bg{width:100%;z-index:0;height:335px;position:relative;}
.inside_banner_bg .inside_banner_list{display:block;width:100%;position:absolute;top:0px;left:0;z-index:0;height:335px;}
/*内页广告图 end*/

/*底部公共样式*/
#footer{
	background: #474b4f;
	/*text-align: center;*/
}
#footer .title{
	padding: 45px 15px 15px 0;
}
#footer .title a{
	font-size: 18px;
	color: #e70012;
}
#footer .nav .list{
	float: left;
	margin:0 100px 0 15px;
}
#footer .nav .list .item{
	padding-left: 3px;
	padding-bottom: 13px;
}
#footer .nav .list .item a{
	font-family: "Verdana";
	color: #bababa;
	text-decoration: none;
}
#footer .nav .list .item:hover a,#footer .nav .list .item:hover span{
	color: #e70012;
}
#footer .nav .item img,#footer .nav .item span{
	vertical-align: middle;
}
#footer .message{
	padding: 15px 0;
}
#footer .message .share{
	margin-left: 10px;
}
#footer .message .share .item{
	float: left;
	margin-right: 7px;
}
#footer .message .copyright{
	/*float: left;
	margin: 10px 0 0 125px;*/
	text-align: center;
	font-family: "Verdana";
	color: #bababa;
}
#footer .message .copyright a{
	color: #bababa;
}

/*底部公共样式 end*/

/*首页产品模块样式*/
.index_product{
	text-align: center;
	/*margin-bottom: 100px;*/
}
.index_product .list{
	float: left;
	position: relative;
	bottom: 35px;
	width: 240px;
	cursor: pointer;
}
.index_product .list .title{
	padding: 20px 0;
}
.index_product .list .title a{
	font-family: "Akkurat";
	font-weight: bold;
	font-size: 18px;
	color: #e70012;
}
.index_product .list .brief{
	display: inline-block;
	width: 190px;
	font-family: Arial;
	color: #747474;
	line-height: 18px;
}
.index_product .list .circle_hover{
	display: none;
}
.index_product .list:hover .circle_hover{
	display: inline-block;
}
.index_product .list:hover .circle{
	display: none;
}
/*首页产品模块样式 end*/

/*首页中间部分*/
.about_us{
	background: url(../index_files/index_about_bg.jpg) no-repeat center center;
	width: 100%;
	height: 643px;
}
.about_us .content{
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.about_us .right_photo .item_one{
	position: absolute;
	top: 73px;
	right: 0;
}
.about_us .right_photo .item_two{
	position: absolute;
	top: 243px;
	right: 0;
}
.about_us .right_photo .item_three{
	position: absolute;
	top: 413px;
	right: 0;
}
.about_us .right_photo .item_one .show,.about_us .right_photo .item_two .show,.about_us .right_photo .item_three .show{
	display: block;
}
.about_us .right_photo .item_one .hide,.about_us .right_photo .item_two .hide,.about_us .right_photo .item_three .hide{
	display: none;
}
.about_us .right_photo .item_one:hover .show,.about_us .right_photo .item_two:hover .show,.about_us .right_photo .item_three:hover .show{
	display: none;
}
.about_us .right_photo .item_one:hover .hide,.about_us .right_photo .item_two:hover .hide,.about_us .right_photo .item_three:hover .hide{
	display: block;
}
/*首页中间部分 end*/

/*公共左侧栏部分*/

.left_cate{
	float: left;
	position: absolute;
	top:-30px;
}
.left_cate .header{
	background: url(../index_files/left_cate_head.png);
	width: 375px;
	height: 170px;
}
.left_cate .header .title{
	padding: 70px 0 0 73px;
	font-size: 24px;
	color: white;
}
.left_cate .header .title a{
	font-weight: bold;
	color: white;
}
.left_cate .content{
	width: 250px;
}
/*一级分类*/
.left_cate .content .nav{
	position: relative;
	padding: 15px 0 0 15px;
	border-left: 7px solid #cecece;
	cursor: pointer;
}
.left_cate .content .nav .first{
	width: 235px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dadada;
}
.left_cate .content .nav a{
	padding-left: 15px;
	font-size: 18px;
	color: #646464;
	font-weight: bold;
}
.left_cate .content .nav .hide{
	position: absolute;
	top: 18px;
	right: 3px;
}
.left_cate .content .nav .show{
	position: absolute;
	top: 18px;
	right: 0;
}
.left_cate .content .nav .show{
	display: none;
}
/*二级分类*/
.left_cate .content .son_nav{
	position: relative;
	display: none;
	padding: 15px 0 0 15px;
	border-left: 7px solid #cecece;
	cursor: pointer;
}
.left_cate .content .son_nav .second{
	width: 235px;
	padding-bottom: 15px;
}
.left_cate .content .son_nav a{
	padding-left: 25px;
	font-size: 16px;
	color: #646464;
}
.left_cate .content .son_nav .hide{
	position: absolute;
	top: 18px;
	right: 3px;
}
.left_cate .content .son_nav .show{
	position: absolute;
	top: 18px;
	right: 0px;
}
.left_cate .content .son_nav .show{
	display: none;
}
/*三级分类*/
.left_cate .content .item{
	position: relative;
	display: none;
	/*padding: 0 0 0 15px;*/
	/*border-left: 7px solid #cecece;*/
}
.left_cate .content .item .third{
	width: 235px;
	/*padding-bottom: 15px;*/
	padding: 5px 0;
}
.left_cate .content .item a{
	padding-left: 35px;
	font-size: 14px;
	color: #646464;
}
.left_cate .content .item .third:hover{
	background: #a1a29f;
}
.left_cate .content .item .third.on{
	background: #a1a29f;
}
.left_cate .content .item .third.on a{
	color: white;
}
.left_cate .content .item .third:hover a{
	color: white;
}


/*鼠标移动样式*/
/*.left_cate .content .nav:hover{
	padding: 15px 0 0 15px;
	border-left: 7px solid #ce0e1e;
}
.left_cate .content .nav:hover .first{
	border-bottom: 1px solid #f7f7f7;
}
.left_cate .content .nav:hover a{
	color: #d00d1c;
}
.left_cate .content .nav:hover .hide{
	display: none;
}
.left_cate .content .nav:hover .show{
	display: block;
	top: 22px;
}*/
/*展开样式*/
/*一级展开*/
.left_cate #first_nav.on .nav{
	padding: 15px 0 0 15px;
	border-left: 7px solid #ce0e1e;
}
.left_cate #first_nav.on .nav .first{
	border-bottom: 1px solid #f7f7f7;
}
.left_cate #first_nav.on .nav a{
	color: #d00d1c;
}
.left_cate #first_nav.on .nav .hide{
	display: none;
}
.left_cate #first_nav.on .nav .show{
	display: block;
	top: 22px;
}

/*二级展开*/
.left_cate #first_nav.on .son_nav{
	display: block;
}
.left_cate .content .son_nav.on .hide{
	display: none;
}
.left_cate .son_nav.on .second a{
	color: #d00d1c;
}
.left_cate .content .son_nav.on .show{
	display: block;
	width: 14px;
	top: 22px;
	right: 2px;
}
/*三级展开*/
.left_cate .content .son_nav.on .item{
	display: block;
}
.left_cate .item.on{
	display: block;
}
/*公共左侧栏部分 end*/

/*面包屑*/
#bread{
	padding: 29px 0 28px 32px;
	color: #9d9d9d;
}
#bread a{
	padding: 0 5px;
	font-size: 16px;
	color: #9d9d9d;
}
/*面包屑 end*/

/*分页样式*/
#page{
	margin:0 auto;
	padding: 40px 0;
	text-align: center;
	color: #c8c8c8;
}
#page a{
	padding:8px 12px;
	font-size: 14px;
	color: #c8c8c8;
	border:1px solid #c8c8c8;
	border-radius: 3px;
}
#page span{
	margin-left: 7px;
}
#page .page_item_current{
	padding:8px 12px;
	background: #c51a1b;
	color: white;
	font-size: 14px;
	border:1px solid #c51a1b;
	border-radius: 3px;
}
#page .page_noclick{
	font-size: 14px;
	color: #c8c8c8;
	border:1px solid #c8c8c8;
	border-radius: 3px;
	padding:8px 12px;
}
/*分页样式 end*/

/*产品列表页*/
#product_list{
	min-height: 1000px;
	background: #f7f7f7;
}
#product_list #bread{
	margin: 0 10px;
	border-bottom: 1px solid #eeeeee;
}

#product_list .product{
	position: relative;
}
#product_list .product .list_content{
	position: absolute;
	top: -30px;
	left: 265px;
	width: 935px;
	min-height: 900px;
	height: auto;
	background: white;
}
#product_list #content{
	margin: 20px 10px 0 10px;
	text-align: center;
}
#product_list #content .list{
	float: left;
	width: 285px;
	height: 282px;
	margin: 8px 9px;
	border: 1px solid #eeeeee;
}
#product_list #content .list .photo{
	padding: 20px 0;
}
#product_list #content .list .photo img{
	width: 200px;
	height: 200px;
}
#product_list #content .list .name a{
	font-family: Verdana;
	font-size: 14px;
}
#product_list #content .list:hover{
	border: 1px solid #d00d1c;
}
/*产品列表页 end*/

/*产品详细页*/
#product{
	position: relative;
	min-height: 1000px;
	background: #f7f7f7;
}
#product .product{
	position: relative;
}
#product .detail{
	position: relative;
	top: -30px;
	left: 265px;
	width: 935px;
	min-height: 1000px;
	background: white;
}
#product #bread{
	margin: 0 20px;
	border-bottom: 1px solid #eeeeee;
}
#product .product_detail{
	position: relative;
	margin: 22px 20px 0 20px;
	margin-top: 22px;
	overflow: hidden;
}
#product .picture{
	float: left;
	width: 475px;
	height: 500px;
}
#product .large_photo_list{
	width: 446px;
	height: auto;
	border: 1px solid #efefef;
	text-align: center;
}
#product .large_photo_list .large_photo{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#product .large_photo_list span{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#product .small_photo_list{
	margin-top: 13px;
	margin-bottom: 13px;
}
#product .small_photo{
	width: 82px;
	height: 82px;
	margin-right: 4.5px;
	border: 1px solid #efefef;
}
#product .small_photo:hover{
	border: 1px solid red;
}
#product .small_photo a:hover{
	text-decoration: none;
}
#product .product_detail .content{
	float: left;
	width: 420px;
}
#product .product_detail .content .name{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}
#product .product_detail .content .brief{
	width: 360px;
	margin: 20px 0;
	line-height: 25px;
	font-family: Verdana;
	color: #797979;
}
#product .inquiry span{
	cursor: pointer;
}
#product .share{
	position: absolute;
	right: 20px;
	bottom: 35px;
}
#product .description{
	margin: 0 23px 20px 23px;
	border: 1px solid #dcdcdc;
}
#product .description .title{
	background: #f7f7f7;
	/*border-bottom: 1px solid #d00d1c;*/
}
#product .description .name{
	float: left;
	width: 15%;
	padding: 15px 0;
	font-family: Verdana;
	font-size: 14px;
	color: #424242;
	cursor: pointer;
	border-bottom: 1px solid #d00d1c;
	border-top: 1px solid #f7f7f7;
	text-align: center;
}
#product .description .name_last{
	float: left;
	text-align: center;
	padding: 15px 0;
	font-size: 14px;
	border-bottom: 1px solid #d00d1c;
	border-top: 1px solid #f7f7f7;
}
#product .description .name.on{
	background: white;
	color: #d00d1c;
	border: 1px solid #d00d1c;
	border-bottom: none;
	border-top: 2px solid #d00d1c;
}
#product .description .des_content{
	margin: 40px 55px;
}
#product .description .des_detail{
	display: none;
}
#product .description .des_detail.on{
	display: block;
}
#product .related{
	margin: 40px 20px;
}
#product .related .title{
	padding: 10px 0 10px 10px;
	font-size: 16px;
	color: white;
	background: #e70012;
}
#product .related .list{
}
#product .related .related_detail{
	margin: 20px 10px 0 0;
	/*float: left;*/
	display: inline-block;
	width: 208px;
	border: 1px solid #efefef;
}
#product .related .photo img{
	width: 206px;
	height: 206px;
}
#product .related .name{
	padding: 11px 0;
	background: #ececec;
	text-align: center;
}
#product .related .name a{
	font-size: 14px;
	color: #333333;
}
#product .related .related_detail:hover .name{
	background: #e70012;
	/*transition: all ease 300ms;*/
}
#product .related .related_detail:hover .name a{
	color: white;
}
/*产品详细页 end*/

/*案例列表页*/
#case_list{
	min-height: 1000px;
	background: #f7f7f7;
}
#case_list #bread{
	margin: 0 10px;
	border-bottom: 1px solid #eeeeee;
}

#case_list .case{
	position: relative;
}
#case_list .case .list_content{
	position: absolute;
	top: -30px;
	left: 265px;
	width: 935px;
	min-height: 800px;
	background: white;
}
#case_list #content{
	margin: 20px 10px 0 10px;
	text-align: center;
}
#case_list #content .list{
	float: left;
	width: 285px;
	height: 282px;
	margin: 8px 9px;
	border: 1px solid #eeeeee;
}
#case_list #content .list .photo{
	padding: 20px 0;
}
#case_list #content .list .name a{
	font-family: Verdana;
	font-size: 14px;
}
#case_list #content .list:hover{
	border: 1px solid #d00d1c;
}
/*案例列表页 end*/
.case_detail .detail{
	margin: 20px;
}
.case_detail .detail .name{
	text-align: center;
	font-family: Verdana;
	font-size: 16px;
}
.case_detail .detail .description{
	/*text-align: center;*/
	margin: 20px;
}
/*案例详细页 */

/*案例详细页 end*/


/*下载列表页*/
#download_list{
	position: relative;
	min-height: 1050px;
	background: #f7f7f7;
}
#download_list #bread{
	margin: 0 10px;
	border-bottom: 1px solid #eeeeee;
}

#download_list .download{
	position: relative;
}
#download_list .download .list_content{
	position: relative;
	top: -30px;
	left: 265px;
	width: 935px;
	min-height: 1000px;
	background: white;
}
#lib_down_list{
	/*padding-bottom: 30px;*/
}
#download_list #content{
	margin: 20px 10px 0 10px;
	text-align: center;
}
#lib_down_list li{
	padding: 15px 8px;
}
/*下载列表页 end*/

/*新闻列表页*/
#news_list{
	position: relative;
	min-height: 1170px;
	background: #f7f7f7;
}
#news_list #bread{
	margin: 0 10px;
	border-bottom: 1px solid #eeeeee;
}

#news_list .news{
	position: relative;
}
#news_list .news .list_content{
	position: relative;
	top: -30px;
	left: 265px;
	width: 935px;
	min-height: 900px;
	background: white;
}
#news_list #content{
	position: relative;
	margin: 20px 10px 0 10px;
	text-align: center;
}
#news_list #content .new_list{
	position: relative;
	margin: 8px 20px;
	width: 890px;
	height: 183px;
	border: 1px solid #ededed;
	cursor: pointer;
}
#news_list #content .new_list:hover{
	border: 1px solid #d00d1c;
}
#news_list .date{
	float: left;
	margin: 28px 0 0 22px;
	color: #e70012;
	font-family: Verdana;
}
#news_list .date .day{
	font-family: Verdana;
	font-size: 30px;
}
#news_list .photo{
	float: left;
	margin: 20px 0 0 20px;
}
#news_list .detail{
	float: left;
	width: 540px;
	margin: 28px 0 0 24px;
	text-align: left;
}
#news_list .detail .name a{
	font-size: 16px;
	font-weight: bold;
}
#news_list .detail .brief{
	padding: 15px 0;
	color: #646464;
}
#news_list .new_list:hover .name a{
	font-weight: bold;
	color: #e70012;
}
#news_list .read_more{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	background: url(../index_files/read_more_hover.jpg);
}
#news_list .new_list:hover .read_more{
	background: url(../index_files/read_more.jpg);
}
/*新闻列表页 end*/

/*新闻详细页 */
#news_content{
	margin: 20px;
	text-align: left;
}
#news_content .title{
	text-align: center;
	font-size: 16px;
}
#news_content .contents{
	margin: 20px 0;
}
/*新闻详细页 end*/

.article_content{
	position: relative;
	margin: 0 40px;
	text-align: left;
}
.article_content p{
	word-break: break-word;
}

.company_img{
  
}

.company_img .demo{
	float: left;
	text-align: center;
}
.company_img #demo_small{
	position: relative;
	width: 800px;
	height: 82px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}
.company_img .demo_small{
	position: absolute;
	/*left: 5px;*/
	margin-left: 5px;
	width: auto;
	height: 82px;
	overflow: hidden;
}
.company_img .demo_small img{
	width: 105px;
}
.company_img #demo_small .demo_img{
	float: left;
	width: 122px;
	height: 70px;
	margin: 10px 0;
	margin-right: 8px;
	border:1px solid #e4e4e4;
	cursor: pointer;
	opacity: 0.7;
}
.company_img .demo_small .demo_img:hover{
	border:1px solid #d10002;
	opacity: 1;
}
.company_img #demo_big{
	width: 840px;
	height: 560px;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.company_img .demo_big{
	position: relative;
	width: 840px;
	height: 560px;
	display: none;
}
.company_img .demo_big img{
	width: 100%;
	height: 560px;
}
.company_img .right_btn{
	position: absolute;
	bottom: -15px;
	right: -20px;
	width: 55px;
	height: 80px;
	margin: 10px 0;
	background: black;
	opacity: 0.6;
	cursor: pointer;
}
.company_img .right_btn span{
	position: relative;
	top: 40%;
	font-size: 16px;
	color: white
}

.company_img .left_btn{
	position: absolute;
	bottom: -15px;
	left: -20px;
	width: 55px;
	height: 80px;
	margin: 10px 0;
	background: black;
	opacity: 0.6;
	cursor: pointer;
	z-index: 1;
}
.company_img .left_btn span{
	position: relative;
	top: 40%;
	font-size: 16px;
	color: white
}
.company_img .brief{
	position: absolute;
	bottom: 0;
	width: 840px;
	height: 50px;
	line-height: 50px;
	background: black;
	font-size: 20px;
	color: white;
	opacity: 0.6;
}

.article_content table{width: 870px !important;}
.article_content .picture{width: 160px !important;}
.article_content .name{width: 160px !important;}
.article_content .certified{width: 190px !important;}
.article_content .certificate{width: 160px !important;}
.article_content .valied{width: 200px !important;}


.article_content .par_picture{width: 150px !important;}
.article_content .par_name{width: 108px !important;}
.article_content .par_certified{width: 110px !important;}
.article_content .par_certificate{width: 170px !important;}
.article_content .par_product{width: 140px !important;}
.article_content .par_valied{width: 200px !important;}