@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}

/*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; }
.bg{background: #333}


/*header*/
.header{  position: relative;height: 125px;overflow: hidden;}

/*nav*/
.nav{text-align: center;font-size:0;/*解决inline-block 带来的4px空隙*/}
.nav li{float:left;font:14px/75px microsoft yahei; float: left;width:85px;margin:0 10px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.nav li a{display: block;color:#fff;border-bottom:#333 4px solid;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transtion:all 0.5s ease 0s;}
.nav li a.hover,.nav li a:hover{border-bottom: #e61638 4px solid;color:#fff;}
 

/*logo*/
.logo{height:125px;width: 265px;background: url(../images/logo_bg.jpg) no-repeat;text-align: center }
.logo a{display: block}
.logo1 {  display:table;vertical-align:middle;height:100%;width:100%;*width:265px; *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: 125px;max-width:265px; } 

 
/*banner*/
.banner{height:714px; overflow: hidden}


/*标题*/
.tit{ text-align: center;margin:20px 0; }
.tit h3{font:bold 24px/35px microsoft yahei;}
.tit h4{font:bold 24px/35px microsoft yahei;}
.tit a{ display:block;color: #333 }
.tit .line{height: 4px; width:40px;background: #e61638;margin:10px auto;}


/*ab_group1*/
.ab_group1{  }
.ab_group1 ul li{float:left;width:18%;text-align: center; margin:0 1%; }
.ab_group1 ul li .ab_pic{width:120px;height:90px; margin: 45px auto 0 auto;}
.ab_group1 ul li .ab_pic .whimg{width:105px;height: 80px;margin:0 auto; }
.ab_group1 ul li .ab_pic img{max-width: 105px;max-height: 80px}
.ab_group1 ul li h4{font:bold 16px/40px microsoft yahei;color:#333; height:40px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis; display: inline-block; width: 100%; display:none;}
.ab_group1 ul li h5{font:14px/20px microsoft yahei;color:#333;height: 20px;white-space: normal; overflow:hidden;white-space:nowrap;text-overflow: ellipsis; display: inline-block; width: 100%; display:none;}
 
 


/*pic*/
.pic0{ height: 26px;overflow: hidden;text-align: right;margin:20px 0 0 0; width:800px;}
.pic0 img{max-width: 900px; max-height: 26px}
 .pic18{ width:160px; height:160px;}
 .img2{ width:786px;}

/*产品分类*/
.class_pro{  background:#f1f1f1;border:#eee 1px solid; margin:30px 0 0 0;font:14px/70px microsoft yahei;height: 70px; overflow: hidden}
.class_pro a{color:#333;}
.class_pro ul span:first-child{display: none}
.class_pro span{color:#666;margin:0 20px;font:12px/70px microsoft yahei;}
.class_pro h3{ background: #e61638;font:bold 16px/70px microsoft yahei;color:#fff;padding:0 30px;margin:0 20px 0 0;}
.class_pro ul{ width:1045px;overflow: hidden}
.class_pro ul li{float:left;margin:0 20px ;}

 
 

/*产品推荐*/
 
.re_pro{ position:relative; padding:80px 0 20px 0}
.re_pro a{ display:block; color:#4c4c4c; }
.re_pro ul{ margin:0 -40px 0 0}
.re_pro ul li{ position:relative; height:344px; width:288px; overflow:hidden; float:left; text-align:center; border:#eee 1px solid; margin:0 13px 0 0;*margin:0 5px; background:#f5f5f5}
.re_pro .whimg{ width:288px; height:288px; background:#fff;  }
.re_pro ul li .boxtxt{  width:100%; height:55px; background:none; font:14px/55px microsoft yahei; color:#4c4c4c; }
.re_pro ul li .boxtxt1{  width:100%; height:55px; background:#333; font:14px/55px microsoft yahei; color:#fff; left:0; top:-55px; position:absolute; z-index:99; opacity:0}
.re_pro ul li .borderl{ width:1px; height:0; position:absolute; left:0; bottom:0; background:#333; z-index:2; opacity:0}
.re_pro ul li .borderr{ width:1px; height:0; position:absolute; right:0; bottom:0; background:#333; z-index:2; opacity:0}
.re_pro ul li .borderc1{ width:0; height:1px; position:absolute; left:144px; bottom:0; background:#333; z-index:2; opacity:0}
.re_pro ul li .borderc2{ width:0; height:1px; position:absolute; right:144px; bottom:0; background:#333; z-index:2; opacity:0}
.re_pro ul li .borderc3{ width:0; height:1px; position:absolute; left:0; top:0; background:#333; z-index:2; opacity:0}
.re_pro ul li .borderc4{ width:0; height:1px; position:absolute; right:0; top:0; background:#333; z-index:2; opacity:0}
.re_pro ul li img{ max-width:288px; max-height:288px;}
.re_pro .prev, .re_pro .next {
    cursor: pointer;
    height: 25px;
    position: absolute;
    top: -50px;
    width: 25px;
    z-index: 99;
}
.re_pro .prev {
    background: url("../images/pre2.png") no-repeat  center center;
    right: 40px;
}
.re_pro .next {
    background: url("../images/next.png") no-repeat  center center;
    right: 10px;
}

  

.box3{ width:100%; background:#333; padding:90px 0px 80px; margin:40px 0;}
.box3_l{ position:absolute; left:45px; top:-37px; width:194px;}
.box3_l_t{ height:233px; background:#e61638; padding:18px 20px; font:normal 24px/24px 微软雅黑, 宋体, Arial, Vendana;}
.box3_l_t .xian{ width:44px; height:4px; background:#fff;}
.box3_l_t h3{ font:normal 30px/34px Verdana, Geneva, sans-serif; color:#fff; margin-top:10px; margin-bottom:122px;}
.img2{ float:right; margin:33px 134px 28px;}
.img2 img{ max-width:886px;}
.box3_tit{ width:786px; float:right; margin-right:144px; margin-bottom:28px; font:normal 12px/30px 宋体, Vendana, Arial; height:90px; overflow:hidden; color:#fff;}
.box3_l_t a{ color:#fff}
.box3_r{ width:1198px; border:1px solid #aaa; margin:0 auto;position: relative;}
.box3 .tel{ border:1px solid #e61638; text-align:center; height:45px; overflow:hidden; font:normal 18px/45px 微软雅黑, 宋体, Arial, Vendana; color:#fff; margin-top:12px;}
.box3_more{ width:117px; padding-left:48px; background:#e61638 url(../images/next2.png)  127px center  no-repeat; font:normal 18px/42px Verdana, Geneva, sans-serif; position:absolute; right:-39px; bottom:38px;}
.box3_more a{ color:#fff;}


/*最新产品*/
.new_product{padding:80px 0 0 0;}
.new_product ul li{width:590px;float: left;background: #f1f1f1;margin:0 20px 0 0; transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-o-transition: all 1s ease 0s }
.new_product ul li .whimg{width:280px;height: 280px;}
.new_product ul li .whimg img{max-width:280px;max-height: 280px;}
.new_product ul li .boxtxt{ }
.new_product ul li:hover .boxtxt,.new_product ul li:hover .ico{}
.new_product ul li a{color:#333;display: block}
 
.new_product ul li h4{font:bold 16px/60px microsoft yahei;height: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin:20px 0 10px 0;}
.new_product ul li .new_product_info{font:14px/30px microsoft yahei;height:90px;overflow: hidden; }
.new_product ul li .more{border:#666 1px solid; font:14px/33px microsoft yahei;padding:0 15px;margin:20px  0 0 0;color:#666;background: #f1f1f1;}
.new_product ul li:hover .more{background: #e61638;color:#fff;border:#f1f1f1 1px solid; }
.new_product_l{width:280px; }
.new_product_r{width:250px;padding:0 30px;}


/*新闻推荐*/
.rec_news{background: url(../images/rec_news_bg.jpg) no-repeat left top #dfa5f9;padding:90px 0 65px 0; overflow: hidden; position: relative;}
.rec_news .w1200{background: url(../images/line3.png) no-repeat bottom right; padding:0 0 35px 0;}
.rec_txt{ position: absolute;left:0;top:0;z-index: 9 ; text-align: left;width:206px;padding:0 20px; }
.rec_txt h4{font:bold 67px/135px microsoft yahei;color:#fff;height: 135px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.rec_txt h5{font:29px/46px microsoft yahei;color:#fff; }
.rec_txt span{font-family:'Raleway2d6f7983f56db'; font-size: 48px;color:#fff; display: block;margin:10px 0 ;height:48px;line-height:48px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.rec_txt_bg{ background:#b01df2;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; position: absolute;left:0;bottom:0;width:246px;height: 205px}

.rec_news_r{width:302px; position: relative;z-index: 99}
.rec_news_r ul{margin:15px 0 0 0;}
.rec_news_r ul li{background: url(../images/line.jpg) repeat;padding: 15px;font:14px/26px microsoft yahei;color:#4c4c4c;margin:15px 0 0 0;}
.rec_news_r ul li h4{font:bold 14px/40px microsoft yahei;color:#333;height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.rec_news_r ul li{color:#4c4c4c;}
.rec_news_info{height: 60px; overflow: hidden}
#rec_follow1{width:782px;height: 580px}
#rec_follow2{width:782px;height: 780px}
#new_follow1{width:782px;height: 610px}
#new_follow2{width:782px;height: 780px}
.re_bg1{left:0;top:-50px;width:782px;height: 750px; position: absolute;}
.re_bg2{right:-100px;top:-250px;width:782px;height: 750px; position: absolute;}

#pic_follow{width:385px;height: 606px}

/*最新新闻*/
.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/30px microsoft yahei;color:#888;height: 30px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin:10px 0 0 0;}
.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:#e61638 ;}
.new_news ul li .line2{width:60px; height:4px; background: #333;margin:0 0 30px 0;}
.new_news ul li:hover .line2{background:#aaa  }

 
 

/*加入*/
.i_join{padding:65px 0 35px 0;}
.i_join_l{width:775px;}
.i_join_info{font:14px/30px microsoft yahei;color:#4c4c4c;padding:10px 15px;height: 150px;overflow: hidden}


/*code*/
.i_code_l{border:#a3a3a3 1px solid;padding:17px 27px;*width:890px;*padding:17px 27px 0 27px;}
.i_code_l2{ text-align: center;margin:0 30px;width:480px; }
.i_code_l2 h3{font:16px/42px microsoft yahei;color:#4c4c4c;border-bottom:#ccc 1px solid ;height: 42px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.i_code_l2 span{font:12px/38px arail;color:#666;display: block;height:38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.i_code_l3{}
.i_code_l3 ul li{border:#a3a3a3 1px solid; font:13px/35px microsoft yahei;width:75px;padding:0 0 0 50px;}
.i_code_l3 ul li.c1{margin:0 0 10px 0; background: url(../images/sc.png) no-repeat 15px center }
.i_code_l3 ul li.c2{ background: url(../images/gz.png) no-repeat 15px center }

 /*brand*/
 .brand{border:#e1dddd 1px solid;padding:18px 0;margin:10px 0 40px 0;}
 .brand_l{ text-align:center;padding:0 24px; border-right:#e1dddd 1px solid;margin-right: 24px;height:71px; }
 .brand_l h4{font:bold 16px/35px microsoft yahei;color:#000;height: 35px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:80px;}
 .brand_l h5{font:14px/24px microsoft yahei;color:#fff; background: #000; width:80px;height: 24px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}


 /*footer*/
.footer{margin:75px 0 0 0;background:#292a2c;color:#fff;padding:0 0 20px 0;}
.footer a{color:#fff;}
.footer_l{padding:30px 0;}
.footer_l dl.f_info{width:415px;}
.footer_l dl.f_info dd{padding:5px 0;font:13px/35px microsoft yahei; }
.footer_l dl{float:left;width:180px;margin:0 20px 0 0;height: 150px; overflow: hidden;}
.footer_l dl dt{font:bold 14px/40px microsoft yahei;border-bottom:#444 1px solid}
.footer_l dl dd{font:14px/35px microsoft yahei;margin:10px 0 0 0 ;}
.footer_r{ text-align: center;font:14px/35px microsoft yahei; }
.footer_r .whimg {  display:table;vertical-align:middle; text-align:center;width:100%;height:150px; *position:relative;overflow:hidden; }
.footer_r .code{display: table-cell;vertical-align: middle;}
 .footer_r img{ max-height:160px; max-width:160px;}