锘緻charset "utf-8";
@font-face {font-family:"novecento"; src:url("../fonts/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../fonts/novecento_widebook.ttf");}
body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,span{ margin:0; padding:0; list-style:none; font-weight:normal;}
html{ overflow-x:hidden}
body{font-family:"寰蒋闆呴粦"; color:#222; overflow-x:hidden; font-size:12px;}
img,a img{ border:none; vertical-align:middle}
a:link,a:visited{ color:#222; text-decoration:none;_cursor:pointer}
a:hover{ color:#e30000; text-decoration:none;_cursor:pointer;transition:all 0.8s}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.width1{ width:10%;}
.width2{ width:20%;}
.width3{ width:30%;}
.width4{ width:40%;}
.width5{ width:50%;}
.width6{ width:60%;}
.width7{ width:70%;}
.width8{ width:80%;}
.width9{ width:90%;}
.clear{ clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.arial{font-family:Arial, Helvetica, sans-serif}
.bg_white{ background:#fcfcfc}
.float_l{ float:left}
.float_r{ float:right}
.padding_left_10{ padding-left:10px}
.green{ background:#A6CE38; color:#fff; height:500px}
hr{ color:#ddd; background:#ddd}
a:link,a:visited,a:hover{ cursor:pointer}
.content,.content_full{width:94%; margin:0 auto; max-width:1140px; min-width:300px;font-size:0.875rem; clear:both}
.content img{ max-width:100%}
/* 椤堕儴鏍峰紡 */

/*  */
.banner{ margin-top:90px;}

/*浜у搧绯诲垪 */
.fist_t{ text-align:center; padding:20px 0}
.fist_t h2 {color: #373737;font-size:34px;letter-spacing: 1px;line-height: 1.5;}
.fist_com{}
.fist_com a{ width:33.3%; float:left;position:relative; padding:18px; box-sizing:border-box; overflow: hidden;}
.fist_com .f_bg{ background:#fff; box-shadow:0 0 12px #ccc;}
.fist_com li{ width:100%;}
.img_ng{/* width:330px;*/ height:180px; overflow:hidden;}
.fist_com li img {
    display: block;
    z-index: 1;
    width: 100%; height:100%;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
	-webkit-transform:transform .4s;
}
.fist_com li:hover img{width: 100%; transform: scale(1.2);}
.fist_com li:hover .fist_txt{background:#e30000; color:#fff;}
.fist_com li:hover .fist_txt p{color:#fff;}
.fist_txt{ padding:22px; background:#fff;}
.fist_txt h3{ font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.fist_txt p{ color:#999;overflow: hidden;text-overflow: ellipsis;white-space:nowrap; padding-top:10px;}
.more{text-align:center; margin:50px 0}
.more a{ font-size:18px; background:#e30000; box-shadow:0 0 16px #e13434; border-radius:30px; padding:14px 36px; color:#fff; }
/*鍏徃鏂伴椈*/
.xinwen{ background:#f1f1f1; padding:30px 0}
.new_com{ width:100%}
.new_com .news{ width:33.3%; float:left; padding:0 20px; box-sizing:border-box;}
.news .n_tit{ font-size:26px; padding-bottom:20px;}
.news .n_con{ width:100%;}
.news .n_con dt img{ border-radius:8px; width:100%; margin-bottom:10px;}
.news .n_con dd a{ line-height:30px; height:30px; color:#474747; width:100%; overflow:hidden; display:block;text-overflow: ellipsis;white-space:nowrap;}
.news .n_con dd a span{ padding-right:10px; color:#999;}
.news .n_con dd a:hover{ color: #e30000 !important;}
.moc a{text-transform:uppercase; color:#ababab; font-size:16px; padding-top:20px; display:block;}
/*搴曢儴鏍峰紡*/
.bottom{ background:#3f3f3f;padding:4em 0 3em; font-size:0.875em; line-height:2em; color:#888; }
.bottom .a{ width:129px; float:right; text-align:center;}
.bottom .a p{ font-size:1.2em;}
.bottom .a p img{ padding-top:1.2em;}
.bottom .a span{ padding:1em 0; }
.bottom .b{ width:70%; float:left; color:#666}
.bottom .b dl{ width:25%; float:left}
.bottom .b dl a:link,.bottom .b dl a:visited{ color:#999}
.bottom .b dl a:hover{ color:#fff}
.bottom .b dl dt,.bottom .b dl dd{ width:80%; margin:0 auto}
.bottom .b dl dd a{ line-height:1.2em;}
.bottom .b dl dt{ font-size:1.2em;padding-bottom:1em;}
.links{ color:#999; padding-top:10px;}
.links a{ padding:0 10px 0 0;color:#999;}
.copyright{ font-size:0.875em; padding:1em 0; background:#fff; text-align:center;}
.copyright a{ color:#8c8c8c}
.copyright a:hover{ color:#e30000}
.gotop_box{ position:fixed; right:10px; bottom:10px; background:url(../images/mask_black_70.png); height:40px; width:40px; line-height:50px; text-align:center; overflow:hidden; border-radius:3px; color:#fff; z-index:999999; cursor:pointer; font-size:2em; display:none}
a:hover.gotop_box{background:url(../images/mask_black_50.png); color:#fff}

/*鍏充簬鎴戜滑鍐呴〉鏍峰紡*/
.banner_con{ margin-top:90px;}
.bannes{ text-align:center; color:#fff;height:400px; width:100%;}
.bannes h3{ font-size:50px; letter-spacing:20px; font-weight:bold; padding-top:120px;}
.bannes p{ font-size:26px; letter-spacing:20px;padding-top:20px;}
.hidden-sm{display:none;}

@media (min-width: 767px){
	
	.visible-sm{display:block;}
	.hidden-sm{display:none;}
}

@media (min-width: 992px) {

	.hidden-sm{display:block;}
	.visible-md{display:none;}
}




@media(max-width:1366px){
	.img_ng{ width:100%; height:100%;} 
}
@media(max-width:1280px){
	.img_ng{ width:100%; height:100%;}  .header nav .buttons{ display:none;}
	header nav .logo img {
    width: 118px;
    height: 40px;
}
header nav .nav-menu>li>a {
    text-decoration: none;
    padding: 16px 26px !important;
    font-size: 15px !important;
    line-height: 20px;
    display: block;
}

}
@media screen and (max-width:1200px) and (min-width:1020px){
	.f_left{ width:40%;}
	.f_right{ width:55%;}

}

@media screen and (max-width:1000px){
	header nav .nav-menu>li>a {
    text-decoration: none;
    padding: 16px 12px !important;
    font-size: 15px !important;
    line-height: 20px;
    display: block;
}
    .left_nav{ width:88%;}
	.w_nav{display:none;}
	.bottom,.copyright{position: static; bottom:0; left:0; right:0;}
	.banner_con{ margin-top:50px;}
.bannes{ text-align:center; color:#fff;height:260px; width:100%;}
.bannes h3{ font-size:30px; letter-spacing:20px; font-weight:bold; padding-top:60px;}
.bannes p{ font-size:20px; letter-spacing:20px;padding-top:20px;}
}

@media screen and (max-width:992px) and (min-width:768px){
	header nav .nav-menu { position: absolute;top: 24px;right:10px;}
	header nav .logo {position: absolute;left:10px; top: 20px;}
	.w_nav{ display:none;}
	.menu li{ width:50%; box-sizing:border-box;padding:0 6px;float:left;line-height:40px; }
	.bannes h3{ font-size:30px; letter-spacing:20px; font-weight:bold; padding-top:80px;}
    .producttext6 p {height: 86px !important;}
	#yinye{ display:none}
	.producticon6 {
    width: 40px;
    height: 40px;
    background-image: url(../images/winco15.png);
	 background-size:100% 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 10px auto 0 !important;
}
.producttext6 {
    padding: 20px !important;
}
}
@media screen and (min-width:769px){
	
}
@media(max-width:640px){

	.detailtext11 img {
    display: block;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
}
	.productlist6 h4 {
    padding: 20px 0 0 !important;
}
	.producttext6{ display: none !important; }
	.prot{width:100% !important; float:none !important;}
	.hezuo {
    font-size: 20px !important;
}
	.img_img{ width:100% !important; float:none !important; margin-bottom:20px;}
.newstext{ width:100% !important;float:none !important;}
	header nav .menu .submenu.product>ul>li {
    width: 100%;
    display: block;
    float: none;
}
	.fist_t h2 {
    color: #373737;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 1.5;
}
.news .n_tit {
    font-size: 24px;
    padding-bottom: 20px;
}
	.about_l{ width: 100% !important;}
    .about_r{ width: 100% !important; padding:0 !important; box-sizing: border-box;}
	.margin_20{ display:none;}
	.certification ul li{padding:0 10px;font-size:14px;margin-bottom:10px; width:50% !important; float:left; box-sizing:border-box;}
	.bannes{ text-align:center; color:#fff;max-height:160px; width:100%;}
    .bannes h3{ font-size:22px; letter-spacing:10px; font-weight:bold; padding-top:44px;}
    .bannes p{ font-size:16px; letter-spacing:4px;padding-top:10px;}
	.new_com .news{ width:100%; margin-bottom:20px;padding:0 10px!important; box-sizing: border-box; float:none;}
	.img_ng{ width:100%; height:100%;}
	.index_ys ul.a{text-align: center;padding: 2.4em 0;}
	.gree .a{  padding-top:30px;}
	.gree{ background: url(../images/sub_banner.jpg) top center; height:200px; background-size:cover;}
	.index_ys ul.a h5{ font-size:2.2em; font-weight:normal; color:#fff; padding:0.5em 0;text-shadow:0 0 10px #000;}
	.index_ys ul.a li.en{ width:90%; margin:0 auto; color:#fff;text-shadow:0 0 10px #000; font-size:1.2em;}
	.se_li_c .float_l{ display:none;}
	.se_li_c .float_r{ width:100%;}
	.index_ys ul.b a{ width:100%;}
	.new_com dl{width:100%;}
	.bottom .a{ margin:20px auto; float:right; width: 45%;}
	.links{ display:none;}
    .bottom .b,.bottom .b dl,.bottom .b dl dt{ width:100%; }
	.bottom .b dl{ margin-bottom:1em;}
	.bottom .b dl dd{width:50%;float: left;}
	.bottom .b dl dt{ padding-bottom:0.6em;}
	.bottom{ background:#3f3f3f;padding:2em 0; font-size:0.875em; line-height:2em; color:#888}
	.banne img{ display:none;}
	.banner_wap{display:block;}

   
	
}
@media(max-width:767px){
	
    .fist_com a{ width:100%; float:left;position:relative;}
	
}
@media(max-width:640px){
	.fist_t {
    text-align: center;
    padding:16px 0 0;
}
.margin_30{ height:10px;}
.about_l p {
    font-size: 14px !important;
    line-height: 24px !important;
    text-indent:30px;
}
.fist_com a {
    padding: 12px;
}
	.w_nav{ display:block;}
	.header{ background:#fff;}
	.content{ width:90%;}
	.fist_com_t{padding:20px 30px;box-sizing:border-box;}
	.com_t_sans h4{line-height: 1.5;margin-top: 0;margin-bottom: 10px;}
	.com_t_stt h5{margin-bottom: 16px;height: 66px;overflow: hidden;}
	.deng{color: #fff;font-size: 14px;font-weight: 600;line-height: 14px;margin: 0px 0 11px;padding: 10px 24px;text-decoration: none !important;position: relative;border: 1px solid #fff;display: inline-block;background: none;text-align: center;overflow: hidden;transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;}

}
@media(max-width:639px){
    
}
@media(max-width:360px){
	
	
}
@media(max-width:320px){
	.content{ width:90%;}
	.se_list a{ display:inline-block; padding:.5em 1.2em; background:#818181; margin-left:.2em; color:#fff;}
	.bottom .a{ margin:20px auto; float:right;width:130px;}
}
@keyframes content_animate {
0% {opacity:0;transform:translate(0, 50px);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes qq_animate {
0% {opacity:0;transform:translate(200px, 0);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes hoorai {
  0% {
    transform: rotate(-90deg);
    opacity: 1.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0.0;
  }
}

@-moz-keyframes rotate{
  0%{
	-moz-transform:rotate(0deg);
   }
   100%{
	 -moz-transform:rotate(360deg);
   }
}
@-webkit-keyframes rotate{
  0%{
	-webkit-transform:rotate(0deg);
   }
   100%{
	 -webkit-transform:rotate(360deg);
   }
}
@keyframes rotate{
  0%{
	transform:rotate(0deg);
   }
   100%{
	 transform:rotate(360deg);
   }
}

/*鍒嗛〉鏍峰紡*/
.page-box {
	padding: 20px 0 15px 0;
	text-align: center;
}
.page-box .digg {
	display: inline-block;
	margin-left: 0;
	margin-bottom: 0;
}

.page-box .digg> a:hover {
	background-color: #c82226;
	color: #fff;
}
.page-box .digg>span.current{
	background-color: #c82226;
	color: #fff;
}
.page-box .digg>span,.page-box .digg>span.disabled{
	color: #999;
	cursor: default;
}
.page-box .digg>a, .page-box .digg>span {
	margin: 0 3px;
	padding: 4px 12px 3px;
	line-height: 20px;
	text-decoration: none;
	background-color: #eee;
	color: #666;
}