@font-face {
    font-family: 'helveticaneueltpro-lt';
    src: url('../fonts/helveticaneueltpro-lt.eot');
    src: url('../fonts/helveticaneueltpro-lt.eot@#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltpro-lt.woff2') format('woff2'),
         url('../fonts/helveticaneueltpro-lt.woff') format('woff'),
         url('../fonts/helveticaneueltpro-lt.ttf') format('truetype'),
         url('../fonts/helveticaneueltpro-lt.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helvetica.eot');
    src: url('../fonts/helvetica.eot@#iefix') format('embedded-opentype'),
         url('../fonts/helvetica.woff2') format('woff2'),
         url('../fonts/helvetica.woff') format('woff'),
         url('../fonts/helvetica.ttf') format('truetype'),
         url('../fonts/helvetica.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-bold';
    src: url('../fonts/helvetica-bold.eot');
    src: url('../fonts/helvetica-bold.eot@#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-bold.woff2') format('woff2'),
         url('../fonts/helvetica-bold.woff') format('woff'),
         url('../fonts/helvetica-bold.ttf') format('truetype'),
         url('../fonts/helvetica-bold.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{font:14px/1.5 helvetica,arial}
a{color:#2e2e2e;text-decoration:none;outline:medium none;}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none; color:#dc0700}

img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*,*:before,*:after{margin:0;padding:0;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,td,th{font:14px/1.5 helvetica,arial}
input{font:14px/1.5 helvetica,arial}

.btn { padding-top:4px; padding-bottom:4px;
}
.head { background-color:#fff;
}
header {float:left; width:100%;min-height:117px;
}
.top{ background-color:#2e2e2e; color:#fff; padding:8px 0;}

.top_right{ float:right; max-width:250px; border-bottom:solid 1px #fff;}
.top_right img{ padding-right:5px;} 
.top_right span{ margin-left:8px;}

.top_menu { background-color:#b10000;
}
.no-padding{padding:0}

.logo{ display:inline-block; float:left; }
.top_text { display:block; padding:15px 0 7px 0;
}
.top_text a,.top_text i{ color:#807f83;
}
#sub { background-color:transparent; color:#fff; border:none;
}
#sub i{color:#fff;
}
#key { height:30px; background-color:transparent; color:#fff; border:none; box-shadow:none;
}
#mynav{border-width:0px; margin:0; background-color:#fff; text-align:center;}
#mynav ul>li{ display:inline-block;}
#mynav ul>li>a{ font-size:16px; text-transform:uppercase; text-align:center;color:#5d5d5d; font-family:helveticaneueltpro-lt; padding:28px 30px;display:inline-block;}
#mynav ul>li>a>i{ font-size:16px;}
#mynav ul>a{display:inline-block;}
.navbar-toggle{ width:100%; margin-right:0px; background-color:#010101}
.navbar-toggle:focus{ background-color:#010101 !important }
.navbar-toggle:hover{ background-color:#010101 !important }

#bframe{ text-align:center}
	/* 本例子css */
		.slideBox{ width:1200px; height:480px; overflow:hidden; position:relative; margin:0 auto }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1200px; height:480px; display:block;  }
 

section{ position:relative; float:left; width:100%;}
@media (max-width:767px) {
    .top_right { max-width:100%;
    }
.head .col-xs-3 { float:left; width:90%}	
	
	.head .col-xs-9 { float:right; width:10%}	
.slideBox{ width:100%; height:200px;}
		.slideBox .bd img{ width:100%; height:200px; display:block;  }

	
}


.index_title{ padding-bottom:30px; display:block; float:left; width:100%;}
.index_title h3{padding-bottom:30px;font-family:Georgia; font-size:30px;  }
.index_title h4{font-family:helvetica; font-size:30px; position:relative;text-transform:uppercase;}
.index_title h4 span{ background-color:#fff; position:relative; z-index:1; display:inline-block; padding:0 60px; font-size:30px;}
.index_title h4:before{ position:absolute; content:""; height:1px; width:100%; left:0;  background-color:#eaeaea; top:50%;}
.index_title p{color:#666666; line-height:2;}

.frame{ float:left; width:100%; padding:30px 0}
.block{ float:left; width:100%;}


.main{ float:left; width:100%; }
#frame1{ border-bottom:solid 1px #f1eff0;}
.aboutus strong{ font-size:18px; font-family:helvetica}
.aboutus p{ font-size:14px; font-family:helveticaneueltpro-lt; line-height:2;}
.video img
{ max-width:100%;
}
.video p{font-family:helvetica; line-height:40px; }
.video p a{ color:#e62129;}
.category_list li{ border-left:solid 1px #bbbbbb; border-bottom:solid 1px #bbbbbb; position:relative; background-color:#fff;}
.category_list li a{ font-family:helvetica; text-align:center; font-size:24px; color:#525150;position:absolute; width:100%; left:0; bottom:80%;}
.category_list li a i{ color:#ed1c24;}
.category_list li img{ padding-top:120px; width:100%; }
.category_list li:hover img{ padding-top:0; padding-bottom:120px;}
.category_list li:hover a{bottom:60px; color:#FFF;}
.category_list li:hover a i{color:#fff;}
.category_list li:hover{ background-color:red}
.category_list li:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0030b), to(#630003));background: -moz-linear-gradient(top, #e0030b, #630003);}
.category_list li:hover:before{ opacity:.8; }



#frame2{ background-image:url(../images/bg.jpg);background-position:bottom left; background-repeat:no-repeat; min-height:500px;}
.catelist{ display:block; padding-bottom:30px;}
.catelist a{ padding:5px 30px; cursor:pointer; margin:0 5px; border:solid 1px #ea3122; color:#ea3122; background-image:url(../images/jiantou.png); background-position:bottom right; background-repeat:no-repeat;}
.catelist a:hover,.catelist a.active{color:#fff; background-color:#e62129; }




.p_item{ border:solid 1px #585856; margin-bottom:30px;}
.p_item a img{ padding:5px; max-width:100%; }
.p_link a{ display:block; background-color:#585856; color:#fff; padding:0 10px; text-align:left; max-height:41px; overflow:hidden; line-height:41px;}
.p_link a span{ float:right; text-transform:capitalize;}

.p_item:hover { border-color:#e62129;
}
.p_item:hover .p_link a { background-color:#e62129;
}

.products>a.more{ background-color:#e62129; color:#fff; padding:6px 20px; text-transform:capitalize; border-radius:4px;}
.products>a.more i{ margin-left:5px;}
.tubiao{ float:left; width:100%;}
.tubiao li{float:left; width:12.5%; text-align:center;}
.tubiao li span{ font-family:helveticaneueltpro-lt}
.circular{ background-color:#585856; border-radius:50%; max-width:120px;}
.circular img{width:100%;}

@media (max-width:767px) {
	.catelist a
	{ width:95%;float:left; margin:5px 2.5%;
	}
	.tubiao li span{ display:none;}
}
.service img{ width:100%;}
.service h3{ text-transform:uppercase; font-size:18px; line-height:1.5; padding-top:60px; padding-bottom:10px; margin-bottom:10px; position:relative;}
.service h3:before{ content:""; background-color:#e62129; height:1px; width:60px; position:absolute; bottom:0; left:calc(50% - 30px);  } 
.service p{ font-family:helveticaneueltpro-lt}



.contact h3{text-transform:uppercase; position:relative; padding-bottom:20px; margin-bottom:20px; }
.contact p{ font-family:helveticaneueltpro-lt; }
.contact h3:before{ content:""; background-color:#e62129; height:1px; width:60px;position:absolute; bottom:0;left:0; }
.contact span{ display:block; line-height:2; padding-right:30px; background-position:left center; background-repeat:no-repeat; padding:15px 0 15px 35px; font-size:16px;}
.contact span.tel{background-image:url(../images/s1.png)} 
.contact span.fax{background-image:url(../images/s2.png)} 
.contact span.email{ background-image:url(../images/s3.png)} 
.message{-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2) ;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);  padding:60px 30px; position:absolute; left:0; right:0; z-index:1; background-color:#fff;}
.message h3{ text-transform:uppercase; font-family:helvetica; font-size:16px; padding-bottom:30px;}

@media (max-width:767px) {
    .message { position:relative;
    }
	.top{ display:none}
	#mynav{ display:none}
	header {float:left; width:100%;min-height:60px;
}
}




footer{ float:left; width:100%; position:relative; }
.foot{background-color:#282828;float:left;width:100%;}

.download a{ color:#fff; border:solid 1px #FFF;  padding:5px 10px; margin-top:60px; display:inline-block; }
.QR_code span{ display:inline-block; margin-top:60px; color:#fff;}

.send{ background-color:#e62129;color:#fff; display:block; padding:8px 0; text-transform:uppercase;}
.language a{ color:#fff;}
.language{ padding-bottom:15px;}

.foot-menu{padding-top:45px;padding-bottom:15px; min-height:350px;}
.foot-menu h3{color:#fff;padding-bottom:15px;text-transform:uppercase;}
.foot-menu>a{ display:inline-block; padding-top:20px; margin-right:10px; }
.foot-menu>a.tit{ margin-bottom:30px; display:inline-block; padding-top:0px;}
.foot-menu>span{color:#666;font-size:14px; display:block; margin-bottom:15px; }
#sub1{ line-height:24px; background-color:#e62129; color:#fff; border-color:#e62129;}

.foot-menu ul.u1>li{ float:left; width:50%;}
.foot-menu li span{color:#cccccc;font-size:14px;text-transform:capitalize;line-height:2.2; display:block;}
.foot-menu li>a{color:#cccccc;font-size:14px;text-transform:capitalize;line-height:2.2;white-space:nowrap;}
.foot-menu li>a:hover{padding-left:6px}
.foot-menu li img{margin-right:5px}
.foot-menu li i{padding-right:22px}
.foot-menu p{color:#fff;padding-bottom:15px;color:#989898;font-size:12px}
.foot-menu .share{color:#fff;background-color:#1a1a1a;width:30px;margin-top:0;height:30px;display:inline-block;text-align:center;line-height:30px;border-radius:50px;border:solid 1px rgba(255,255,255,.4)}
.foot-menu .share:hover{background-color:#000}
.foot_lang{border-top:solid 1px #5a5a5a;padding:30px 0 30px 0}
.foot_lang a{color:#fff}
.copy_by{ background-color:#fff;padding:15px 0;float:left;width:100%; line-height:25px;}

.copy_by a{color:#333}
.copy_by span i{padding:0 15px; font-size:25px;}