@charset "uft-8" 

/*common*/
*{ padding:0; margin:0}
body{margin:0;  font:12px/24px microsoft yahei,arail; word-wrap:break-word; white-space: normal;color:#333; overflow-x: hidden;*position: relative; }

ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt{padding:0; margin:0;list-style:none;}
a{color:#333;}
a,a img{text-decoration:none;  border:0;}
td,input,textarea{word-break: break-all; word-wrap:break-word; font-size: 12px }
.clear{clear:both;content:'';display: block;visibility: hidden }
.dn{ display:none}
.pr{position: relative;}
.fl{ float:left}
.fr{ float:right}

.showtxt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*img垂直居中*/
.whimg {  display:table;vertical-align:middle; text-align:center;width:100%;height:100%; *position:relative;overflow:hidden; }
.whimg span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;} 
.whimg img { *position:relative;*left:-50%;*top:-50%;  } 
 
 
/*主要内容宽度*/
.w1200{ width:1200px; margin:0 auto; }


/*header*/
.header{ height: auto;overflow: hidden;}
.header .lang{ text-align:right; padding-top:10px;}
.header .lang a{ margin:0 5px; font-size: 14px;} 
.header .lang .on, .header .lang a:hover{color:#fff; background: #4d99e5;padding: 3px;border-radius: 20% 30% 0 20%;} 
/*nav*/
.nav{text-align: center;font-size:0;/*解决inline-block 带来的4px空隙*/}
.nav li{display: inline-block;*display:inline;*zoom:1;font:16px/15px microsoft yahei;width:110px;/*overflow: hidden;*/white-space: nowrap; text-overflow: ellipsis;}
.nav li:first-child span{border:0;}
.nav li span{display: block; border-left:#ccc 1px solid;}
.nav li a{display: block; border-bottom:#fff 4px solid; padding:50px 0;transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-o-transition: all 1s ease 0s }
.nav li a.hover,.nav li a:hover{ border-bottom:#7d8488 4px solid; }
.nav1{position:relative; }
.move-bg{ display:none;position:absolute;left:0;bottom:0; z-index:0; overflow:hidden; width:125px; margin:0 auto;background:#7d8488; height:4px } 
 
.nav_sub{ position:absolute; z-index:99999; width:150px; top:100px; background:#fff; }
.nav_sub li{ float:left;  line-height:35px; width:150px;}
.nav_sub li a{ padding:0px;white-space:normal}
.nav_sub li a.hover,.nav_sub li a:hover{ border:none;}

/*logo*/
.logo{ height: 100px;}
.logo a{display: block}
.logo1 {  display:table;vertical-align:middle;height:100%;*width:290px; *position:relative;overflow:hidden; }
.logo1 span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;} 
.logo1 img { *position:relative;*left:-50%;*top:-50%;max-height: 100px; max-width:290px; } 

 

/*banner*/
.banner_bg{background: url(../images/banner_bg.jpg) repeat;width:100%;height: 602px;left:0;top:80px; position: absolute;z-index: -1 }
.banner{height:682px; overflow: hidden; position: relative;}


/*slogan*/
.slogan{position: absolute;width:100%;left:0;bottom:0;text-align: center;font-size:26px;line-height:115px ;height: 115px;color:#fff; font-family:'Raleway2d6f7983f56db';letter-spacing: 1px }



/*标题*/
.tit1 h4{text-align:center;color:#444;font:bold 20px/20px microsoft yahei;height: 22px;}
.tit1 h3{text-align:center;color:#333;font:bold 30px/100px microsoft yahei;border-bottom: #ccc 1px solid;margin:0 0 25px 0;  }
.tit1 h3 span{display: inline-block;*display:inline;*zoom:1;border-bottom: #7b8085 1px solid;margin-bottom: -1px;height: 100px;max-width: 100%}
.tit1 h5{text-align:center;color:#666;font:16px/33px microsoft yahei;height:33px;}

/*ad_group*/
.ad_group{ width:100%;margin:15px 0 0 0;height: 286px; position: relative;z-index: 1;}
.ad_group .w1200{z-index: 9}
.ad_group_bg1{background: #eee;width:50%;height: 286px; position: absolute;left:-100%;top:0; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.ad_group_bg2{background: #eee;width:50%;height: 286px; position: absolute;right:-100%;top:0; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

/*ad_group1*/
.ad_group1{background:url(../images/line2.png) no-repeat center top;width:100%;padding:15px 0 0 0; }
.ad_group1 ul li{float:left;width:210px;text-align: center;margin:0 32px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.ad_group1 ul li .ad_pic{width:120px;height:90px;background: url(../images/box1.png) no-repeat center top;margin: 45px auto 0 auto;}
.ad_group1 ul li .ad_pic .whimg{width:105px;height: 80px;margin:0 auto; }
.ad_group1 ul li .ad_pic img{max-width: 105px;max-height: 80px}
.ad_group1 ul li h4{font:bold 16px/55px microsoft yahei;color:#333; height:55px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.ad_group1 ul li h5{font:14px/26px microsoft yahei;color:#666;height: 78px;white-space: normal;}
.ad_group1 ul li.a2{margin:0 63px;}
.ad_group1 ul li.a3{margin:0 41px;}
.ad_group1 ul li.a4{margin:0 0 0 57px}
.ad_group1 ul li:hover h4{color:#12cd3e;}
.ad_group1 ul li:hover h5{color:#333;}
 

/*bpic*/
.bpic {height: 600px; overflow: hidden;margin:90px auto 40px auto;cursor: pointer; position:relative; /*background:url(../images/bpic1.jpg) no-repeat;*/}
.bpic img{max-width:1200px;max-height:600px;}


/*pic*/
.pic1{width:603px;height: 286px;overflow: hidden;border-right:14px #fff solid; position: absolute;left:-100%;top:0; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.pic1 img{max-width: 603px; max-height: 286px}
.pic2{width:583px;height: 286px;overflow: hidden; position: absolute;right:-100%;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; }
.pic2 img{max-width: 583px; max-height: 286px}
 
 

/*产品分类*/
.class_pro{width: 335px;margin:75px 0 0 0; position: relative;}
.class_pro ul{}
.class_pro ul li{background: #eee;border-bottom: #d3d8da 4px solid;width:299px;height:22px;position:absolute;left:0;padding: 5px 18px; transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;font-size: 16px;}
.class_pro h6{font:18px/24px microsoft yahei;margin:0 0 5px 0;height: 24px;white-space: nowrap;width: 240px;overflow:hidden;text-overflow: ellipsis;}
.class_pro a{color:#4c4c4c;display: block}
.class_pro samp{font:12px/24px microsoft yahei;color:#666;height: 24px;display: block}
.class_pro li:hover{background: #40ce79;border-bottom:#40ce79  4px solid; }
.class_pro li:hover a,.class_pro li:hover samp{color:#fff;}
.class_pro_l{font:italic  28px/50px arail;}
.class_pro_r{width:240px;}

.class_pro ul li.c0{top:-0;}
.class_pro ul li.c1{top:-94px;}
.class_pro ul li.c2{top:-188px;}
.class_pro ul li.c3{top:-283px;}

 

 
 


/*产品推荐*/
.rec_pro_all{padding:70px 0;}


.rec_pro{ position: relative;margin:75px 0 0 0 ; height:400px; }
.rec_pro ul{}
.rec_pro ul li{width:362px;height: 362px; overflow:hidden;float:left;margin:0 0 0 30px; position: relative;border:#eee 1px solid;}
.rec_pro ul li img{max-width:362px;max-height: 362px;transition:all 1s ease 0;-moz-transition:all 1s ease 0;-webkit-transition:all 1s ease 0;-o-transition:all 1s ease 0}
.rec_pro ul li a{color:#fff;}
.rec_pro ul li samp{font:14px/20px microsoft yahei;padding:10px 0 0 0;display: block;border-top:#999  1px solid; background: url(../images/icons.png) no-repeat 10px 12px; text-indent:45px; }
.rec_pro ul li .boxtxt{width:100%; position: absolute;left:0;bottom:0; z-index: 10;color:#fff;text-indent:10px;font:14px/40px microsoft yahei;height: 0px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rec_pro ul li .boxtxt_bg{width:100%;position: absolute;left:0;bottom:0;background:url(../images/banner_bg.jpg) repeat;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;z-index:9;height:0;}
.rec_pro ul li:hover img{filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
.rec_pro .cc1{ position: absolute;width: 1200px;background: url(../images/bottom.png) no-repeat center center;height: 41px;right: 0;bottom:-120px;text-align: center }
.rec_pro .cc1 a{display: inline-block;*display: inline;*zoom:1;width:12px;height: 20px;margin:3px 12px 0 12px;cursor: pointer;}
.rec_pro .cc1 .prev{background: url(../images/prev.png) no-repeat}
.rec_pro .cc1 .next{background: url(../images/next.png) no-repeat}


/*最新产品*/
.new_product{padding:80px 0 0 0;}
.new_product ul{padding:0 0 0 15px;}
.new_product ul li{width:360px;height: 360px;position: relative;border:#eee 1px solid;float:left;margin:40px 15px; }
.new_product ul li .whimg{width:360px;height: 360px;}
.new_product ul li .whimg img{max-width:360px;max-height: 360px;}
.new_product ul li .boxtxt{position: absolute;background:#40ce79;width:120px;padding:50px 20px;height:260px;left:0;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;transition: all 0.4s ease 0s;transform: rotateY(-90deg); transform-origin: 0 0 0;}
.new_product ul li:hover .boxtxt,.new_product ul li:hover .ico{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;transform: rotateY(0deg);}
.new_product ul li a{color:#fff;display: block}
.new_product ul li:hover img{transform: translateX(25%);}
.new_product ul li h4{font:18px/60px microsoft yahei;height: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_product ul li .new_product_info{font:16px/30px microsoft yahei;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_product ul li .more{border:#fff 1px solid;border-radius: 10px;font:14px/30px microsoft yahei;padding:0 5px;margin:60px  0 0 0;}
.new_product .ico{width:14px;height:14px;background: url(../images/ico.png) no-repeat;position: absolute;left:155px;top:160px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;transition: all 0.4s ease 0s;transform: rotateY(-90deg); transform-origin: 0 0 0;}

 


/*新闻推荐*/
.rec_news{ margin:110px 0 0 0;height: 493px;overflow: hidden}
.rec_news ul{margin-right: -30px}
.rec_news ul li{width:285px;height:455px;float:left;background: url(../images/banner_bg.jpg) repeat; position: absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.rec_news ul li.n2{margin:38px 0 0 0; }
.rec_news ul li a{color:#fff;}
.rec_news ul li .rec_news_info h4{ font:bold 16px/37px microsoft yahei;color:#fff;height: 37px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.rec_news ul li .rec_news_info{height: 140px;padding:30px 23px 0 23px;}
.rec_news ul li .rec_news_info>p{font:14px/28px microsoft yahei;height: 56px;overflow: hidden;margin:10px 0 0 0; }
.rec_news ul li .rec_news_img{width: 285px;height: 285px;overflow: hidden}
.rec_news ul li .rec_news_img img{max-width: 285px;max-height: 285px; }
 

.n1 .more{background: #40ce79;width: 64px; position: absolute;right:0; bottom: -38px;transition: all 0.6s ease 0s;}
.n2 .more{background: #40ce79;width: 64px; position: absolute;right:0; top:-38px;transition: all 0.6s ease 0s;}
.rec_news ul li .plus{background: url(../images/plus.png) no-repeat center center #2bbc5a;height: 64px;width:64px;}
.rec_news ul li .detail{height: 57px;width:64px;font:13px/24px microsoft yahei;margin:7px 0 0 0;text-align: center}
.rec_news ul li:hover .more{transform: rotateX(360deg)}

.rec_news ul li.ne0{left:0;top:-455px;}
.rec_news ul li.ne1{left:303px;top:455px;}
.rec_news ul li.ne2{left:606px;top:-455px}
.rec_news ul li.ne3{left:909px;top:455px}

 
 

/*最新新闻*/
.new_news{*margin:40px 0 0 0;}
.new_news ul{border-right:#eee 1px solid;}
.new_news ul li{border:#eee 1px solid; border-right: 0;float:left;width:338px;padding:25px 30px;}
.new_news ul li>a>h5{font:14px/60px microsoft yahei;color:#888;height: 60px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.new_news ul li>a>h4{font:bold 16px/16px microsoft yahei;color:#333;height: 16px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.new_news_info{font:14px/26px microsoft yahei;color:#4c4c4c;height: 78px; overflow: hidden;margin:15px  0 0 0;}
.new_news ul li a{color:#4c4c4c;}
.new_news ul li:hover{background: #fff;box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);transform: translate3d(0px, -2px, 0px);}
.new_news ul li:hover a>h4{color:#12cd3e;}
 

 
 

/*关于我们*/
.iabout{background: #eee;padding:20px 0 0 0;margin:60px 0 0 0;}
.iabout>.w1200>a>h3{text-align: center;font:30px/100px microsoft yahei;color:#333; height: 100px;border-bottom: #dadada 1px solid}
.iabout_info{width: 920px;font:16px/37px microsoft yahei;color:#4c4c4c;margin:35px 0 75px 0;height: 259px;overflow: hidden}
.iabout_r{ width:220px;height:300px; overflow: hidden;position: absolute;right:0;bottom:-300px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.iabout_r img{max-width:220px;max-height:300px;}

 /*footer*/
.footer{ background:url(../images/banner_bg.jpg) repeat;color:#fff;padding:0 0 53px 0;}
.footer li{height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footer a{color:#fff;}
.footer_l{padding:30px 0;}
.footer_l dl.f_info{width:335px;}
.footer_l dl.f_info dd{padding:5px 0;font:15px/30px microsoft yahei; }
.footer_l dl{float:left;width:160px;margin:0 20px 0 0; border-left:#b6bbbd 1px solid;padding:0 0 0 20px;}
.footer_l dl:first-child{padding:0;border:0;}
.footer_l dl dt{font:bold 16px/40px microsoft yahei;}
.footer_l dl dd{font:16px/35px microsoft yahei;margin:10px 0 0 0 ;}
.footer_r{ text-align: center;font:14px/35px microsoft yahei; }

.code{width:155px;height:155px;background: #2bbc5a;margin:20px 0 0 0;}
.code img{width:145px;height: 145px;padding:5px}