body{font-size:14px; min-width:1200px;font-family: "Microsoft Yahei" }
*{ margin:0; padding:0;}
img{ border:none;}
ul{ list-style:none;}
.clear{ clear:both}
li{list-style:none;}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}

.relative{position: relative;}
.absolute{position:absolute;}
em{ font-style:normal;}








.s_width{ width:1280px; margin:0 auto; position:relative;height:100%;}
.liuyan{ padding:0 0 30px 0}

.header{ width:100%;  position:relative; height:100%}
.header2{ width:100%;  position:relative; height:450px}
.head{ height:100px; width:100%; background:rgba(0,0,0,0.3);position:absolute; z-index:3;}
.head .logo{ width:auto; position:absolute; left:15px; top:22px;}

.head .nav{ height:41px;width:50%; padding:12px 0 0 0; position:absolute; left:50%; margin-left:-25%; }
.head .nav li{ width:14%; float:left; text-align:center; line-height:74px; position:relative; }
.head .nav li a{ font-size:17px; color:#fff; display:block; }
.head .nav li a:hover{ border-bottom:5px solid #ec401e; color:#fff; font-size:15px; background:url(../images/images/nav_logo.png) no-repeat center top;}

.head .nav li div {display:none;width:240px;text-align:center;color:#4f4f4f;position:absolute;top:88px; background:#ec401e; z-index:9999 }
.head .nav li div a {display:block;BACKGROUND: url(asdfasdf); COLOR: #fff; LINE-HEIGHT:40px; HEIGHT:40px;FONT-SIZE: 14px;font-weight:normal;border-bottom:1px dashed #ef694f; margin-top:0;}
.head .nav li div a:hover {color:#fff; border-bottom:1px dashed #222; background:#050054; border-top:0; border-right:0; border-left:0;FONT-SIZE: 15px;}

.head .tel{ width:auto;position:absolute; right:15px; top:26px; font-size:30px; color:#f00;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.head .tel img{ width:25px;}


/*首页prolist*/
.prolist{ width:1280px; margin:50px auto;}
.prolist h2{ background:url(../images/pro.jpg) no-repeat center top; font-size:40px; color:#0a0909; text-align:center; padding-top:65px;}
.prolist h2 em{ display:block; font-size:18px; color:#3c3c3c; font-weight:normal; padding-top:15px;}

.prolist_cont{ padding-top:50px;}
.prolist_cont li{width:240px; height:400px;box-shadow: 0px 0px 10px #e0dddd; float:left; margin-right:20px}
.prolist_cont li:nth-child(5n){ margin-right:0}
.prolist_cont li .img{ display:block; width: 100%;height: 126px; text-align:center; margin-top:10px;}

.prolist_cont li .txt{padding: 0 20px 0 37px;box-sizing: border-box;position: relative; height:260px;}

.prolist_cont .txt .in-h3 {font-size: 20px;font-weight: bold;color: #2e3849;line-height: 30px;margin-bottom: 12px;display: block;}
.prolist_cont .txt .in-h3 a:hover{ color: #f0150c;}
.prolist_cont .txt p {font-size: 14px;color: #999999;line-height: 20px;margin-bottom: 12px;height: 40px;}
.prolist_cont .txt .in-qt {font-size: 14px;color: #373839;display: block;line-height: 25px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.prolist_cont .txt .in-qt:hover {color: #f0150c;background: url(../images/in-arrow.png) no-repeat left center;padding-left: 22px;}

.prolist_cont .txt .get-more {display: block;width: 25px;height: 18px;background: url(../images/in-getmore.png) no-repeat center;position: absolute;right: 20px;bottom: 20px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.prolist_cont .txt .get-more:hover {background: url(../images/in-getmore01.png) no-repeat center;}


/*首页产品推荐*/
.pro{ width:100%; padding-top:40px; padding-bottom:50px;}
.pro h2{ background:url(../images/adv.jpg) no-repeat center top; font-size:40px; color:#0a0909; text-align:center; padding-top:65px; width:1280px; margin:0 auto;}
.pro h2 em{ display:block; font-size:18px; color:#3c3c3c; font-weight:normal; padding-top:15px;}

.pro_cont{ width:100%; background:url(../images/zdy.jpg) no-repeat center top; height:724px;}




/*adv*/
.adv{ width:1280px; margin:80px auto 50px auto;}
.adv h2{ background:url(../images/youshi.jpg) no-repeat center top; font-size:40px; color:#0a0909; text-align:center; padding-top:65px;}
.adv h2 em{ display:block; font-size:18px; color:#3c3c3c; font-weight:normal; padding-top:15px;}

.youshi {margin-top: 70px;margin-bottom: 90px;overflow: hidden \0;}
.youshi li {width: 25%;float: left;text-align: center}
.youshi li h3 {margin: 50px 0 10px;font-size: 22px;font-weight: normal}
.youshi li p {color: #999; font-size:16px;}


/*case*/
.case{ width:1280px; margin:80px auto 20px auto;}
.case h2{ background:url(../images/case.jpg) no-repeat center top; font-size:40px; color:#0a0909; text-align:center; padding-top:65px;}
.case h2 em{ display:block; font-size:18px; color:#3c3c3c; font-weight:normal; padding-top:15px;}

.cf_con{ padding:40px 0 34px 0; width:1280px; margin:0 auto; overflow:hidden;}
.cf_con li{float:left; padding:0; width:415px; height:445px; margin-right:17px; margin-bottom:15px; position:relative; overflow:hidden; border-bottom:5px solid #f73828;}
.cf_con .old img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.cf_con li:hover .old img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.cf_con .cf_xq{ width:380px; position:absolute; left:50%; margin-left:-190px; height:307px;  line-height:30px; color:#fff; font-size:15px; background:rgba(0,91,190,0.8); top:20px; opacity:0; }
.cf_con .cf_xq h3{ font-size:30px; text-align:center; color:#fff; padding:30px 0 25px 0}
.cf_con .cf_xq p{ margin:10px 20px; padding:20px 15px; border:1px solid rgba(255,255,255,0.3); color:#fff; text-align:center;}
.cf_con .cf_xq  div{ padding:15px 0 0 0; text-align:center}

.cf_con li:hover .cf_xq{ opacity:1;
	animation: categorytextanimate5 1s;
	-moz-animation: categorytextanimate5 1s;
	-webkit-animation: categorytextanimate5 1s;
	-o-animation: categorytextanimate5 1s;
}
@keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg); }
}
@-moz-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-o-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}

.cf_con .old{ width:413px; height:343px; margin:10px auto 0 auto;  position:relative; overflow:hidden;}
.cf_con p{ color:#dd2a54; padding:6px 0 0 0}
.cf_con p a{ color:#333; display:block; text-align:center; font-size:24px; line-height:45px;}
.cf_con p span{ display:block; background:url(../img/xx.png) no-repeat center center; font-size:16px; color:#826971; text-align:center;}


/*news*/
.contact_news{width:1280px; margin:00px auto 50px auto;}
.contact_news h2{ background:url(../images/news.jpg) no-repeat center top; font-size:40px; color:#0a0909; text-align:center; padding-top:65px; margin-bottom:50px;}
.contact_news h2 em{ display:block; font-size:18px; color:#3c3c3c; font-weight:normal; padding-top:15px;}

.contact{ width:330px; border:1px solid #eeeeee;}
.contact h3{ font-size:20px; border-bottom:1px solid #eeeeee; line-height:60px; padding-left:20px; font-weight:normal; color:#333333;}
.contact h3 em{text-transform: uppercase; font-size:16px; color:#666; padding-left:10px;}
.contact .contact_img{ width:202px; margin:30px auto 0 auto; font-size:15px; text-align:center; color:#666; line-height:31px;}
.contact .contact_img img{border:1px solid #eeeeee; width:80%; margin:0 auto; display:block;}
.contact .contact_cont{ padding:20px 10px;}
.contact .contact_cont span{ font-size:21px; color:#333;}
.contact .contact_cont p{ font-size:15px; line-height:28px; color:#333; padding-top:5px;}
.contact .contact_cont p em{ font-size:18px;color:#f84d47; }

.news{width:880px; border:1px solid #eeeeee; padding:20px 20px 8px 20px;}
.news li{ border-bottom: 1px dashed #e4e4e4; overflow:hidden; padding:20px 0;}
.news li:last-child{ border-bottom:0px;}
.news .news_pic{ width:220px; height:150px; overflow:hidden; float:left}
.news .news_text{ width:510px; float:left; margin-left:20px;}
.news .news_text .news_title a{ font-size:22px; color:#222121;}
.news .news_text p{ font-size:15px; padding-top:15px; color:#999999; line-height:26px;}

.news .news_date{ width:110px; float:right; }
.news .news_date em{ font-size:22px; color:#000; text-align:center; display:block;}
.news .news_date p{ background:url(../images/index-date.png) no-repeat center top; font-size:14px; color:#fff; width:108px; height:33px; line-height:33px; text-align:center;}


/*footer*/
.footer{ width:100%; background:url(../images/copy-bg.jpg) no-repeat center top; height:226px;}
.footer_a{ border-bottom:1px solid #3f3f3f; padding:40px 0 20px 0;}
.footer_a p{color: #aaa;font-size: 16px;line-height: 31px; width:1100px; margin:0 auto; text-align:center;}
.footer_b{ padding-top:25px;color: #aaa;font-size: 16px; text-align:center;}
.footer_b img{ padding-top:10px;}


/*网站内页效果*/
.main{ width:1280px; margin:50px auto;}
.main h2{ background:url(../images/ny.png) no-repeat center top; font-size:40px; color:#0a0909; text-align:center; padding-top:65px; margin-bottom:0px;}
.main h2 em{ display:block; font-size:18px; color:#3c3c3c; font-weight:normal; padding-top:15px;}
.main_cont{ font-size:16px; line-height:31px; color:#333;}
.main_cont p{text-indent:2em;}
.main_cont img{ max-width:550px; padding:15px 0; vertical-align:middle; text-align:center; display:table-cell; margin:0 auto; width:550px; height:auto;}

.cage_list{width:1280px;margin:0px auto 0px auto;}
.pro_type{ margin-top:33px;float:left; text-align:center; position:relative; height:60px}
.pro_type a{color: #fff;background: #f84d47;line-height: 60px;text-align: center;display: block;padding: 0 86px; font-size:18px; margin-right:1px}
.pro_type a:hover{background:#ececec;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; color:#333; }
#cage_list_a a{height:50px; line-height:50px; font-size:18px; color:#fff; display:block; background:#444; text-transform:uppercase; font-weight: bold;}
#cage_list_a a:hover{background:#d0231c; font-weight:bold; font-size:18px; color:#FFFF00; }
.pro_type .child_menu{position:absolute;top:100%;left:0;overflow:hidden;z-index:99999;height:0;width:248px; }

.pro_type .child_menu a{ font-size:16px; font-weight:normal; border-bottom:1px solid #fff; background:#a71d1d; color:#fff; line-height:50px;}
.pro_type .child_menu a:hover{background:#555; color:#fff;}

#cage_list_a a{height:50px; line-height:50px; font-size:18px; color:#fff; display:block; background:#444; text-transform:uppercase; font-weight: bold;}
#cage_list_a a:hover{background:#d0231c; font-weight:bold; font-size:18px; color:#FFFF00; }
.pro_type .child_menu{position:absolute;top:100%;left:0;overflow:hidden;z-index:99999;height:0;width:282px; }

.pro_type .child_menu a{ font-size:16px; font-weight:normal; border-bottom:1px solid #fff; background:#f0f3fa; color:#333; line-height:50px;}
.pro_type .child_menu a:hover{background:#fff; color:#f84d47;}


.se_pro_con{ width:1280px; overflow:hidden;  position:relative; margin:0 auto; padding:20px 0 40px 0}
.se_pro_con ul{ width:1355px; }
.se_pro_con li{float:left; padding:0; width:402px; margin-right:21px; margin-bottom:25px;position:relative; overflow:hidden; background:#f8f7f7; border:1px solid #e9e9e9;}
.se_pro_con li:hover{ border:1px solid #cac8c8}

.se_pro_t_l{ width:420px; height:330px; position:relative; cursor: pointer ;  border-bottom:none; overflow:hidden;}
.se_pro_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_pro_con li:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

.se_pro_t_l a{ width:420px; height:510px; position: absolute; z-index:3; background:url(../images/images/p_more_bg.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px;}
.se_pro_t_l .se_pro_t_laa{opacity:1;}
.se_pro_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f}
.se_pro_t_r{ text-align:center;}
.se_pro_t_r a{color:#2a2a2a; font-size:22px; line-height:65px; position:relative; display:block; z-index:3;}
.se_pro_t_r a span{ display:block; color:#2a2a2a; font-size:20px;}

.se_pro_con .cover_bottom{ position:absolute; height:110px; width:100%; background:#fff; bottom:0; left:-395px; opacity:0; z-index:2}

.ny_pro{ width:1280px; margin:50px auto;}
.ny_pro h2{ text-align:center; font-size:30px;}
.ny_pro .se_date{ text-align:center; font-size:14px;}

.about_nr{ font-size:16px; line-height:31px; color:#333; width:1280px; margin:0 auto;}
.about_nr p{ padding-bottom:15px;}
.about_nr img{ max-width:550px; padding:15px 0;}


.erji_news{ width:1280px; margin:0 auto; padding-top:30px;}
.erji_news ul{position:relative}
.erji_news li{ margin-bottom:20px; margin-right:10px; border:1px solid transparent;float:left; position:relative;top:20px;left:20px; cursor: pointer;background: #dad8d8; }
.erji_news li:nth-child(2n){}
.erji_news li.hover{background:#fff;box-shadow: 0 6px 10px 5px rgba(0,0,0,.08); border:none}
.erji_news_cont{ width:100%;  }
.erji_news_pic{ float:left;border:0px solid #e4e3e3; padding:10px;}
.erji_news_r{ float:right;  width:972px;background: #f7f7f7; padding-left:20px; height:180px;}
.erji_news_r .erji_news_t{line-height:40px; }
.erji_news_r .erji_news_t a{ font-size:18px; line-height:50px; font-weight:bold; color:#555;}
.erji_news_data{font-size:14px; color:#666; line-height:20px; padding:0 0 10px 0}
.erji_news_info{ font-size:14px; color:#777; line-height:28px;}
.erji_more{ width:100px; height:35px; float:right; border:1px solid #dcdcdc; line-height:35px; text-align:center;border-radius: 20px; margin-right:15px; background:#fbb200; color:#fff;}

.erji_news_tit{width: 1280px; margin:0 auto; padding-top:60px;}
.erji_news_tit h2{ font-size:30px;text-align:center;  line-height:70px; font-weight:normal;}
.erji_news_tit .se_date{border-bottom:1px solid #e8e8e8; text-align:center; margin-bottom:45px; line-height:30px;}
.erji_xinwen{ width:1280px; margin:0 auto; font-size:15px; line-height:32px; padding-bottom:30px;}
.erji_xinwen p{ padding-bottom:10px;}


.ny_contact{ width:1280px; margin:0 auto; padding:0 0 50px 0; overflow:hidden;}
.ny_contact h2{ font-size:50px; padding:80px 0; text-align:center; color:#333;}
.ny_contact h2 em{ display:block; font-size:16px; line-height:50px;}
.ny_contact h2 span{ display:block; font-family:Arial, Helvetica, sans-serif; padding-bottom:6px;font-size:16px; font-weight:normal;}
.ny_contact h2 strong{ width:50px; color:#ec401e; font-size:16px;}

.ny_contact_cont{ width:1280px; margin:0 auto;}
.ny_contact_cont ul{}
.ny_contact_cont li{ width:30%; float:left;border: 1px solid rgb(221, 221, 221); text-align:center; padding:30px 0; font-size:18px; line-height:31px; margin-right:3%; height:200px;}
.ny_contact_cont li i{ display:block; padding-bottom:15px;color: #f84d47}
.ny_contact_cont li em{ font-size:16px; color:#666; display:block;}


.youlian{ background:#ff0000; width:100%; height:60px;}
.youl{ width:1055px; float:left; height:60px;}
.youl a{ font-size:16px; color:#fff; font-weight:normal;  margin-right:15px; line-height:60px;}
.youl a:hover{color:#333}
.youlian p{ width:200px; background:#f4502d; float:right; display:block; height:60px; text-align:center; font-size:18px; color:#fff; line-height:60px;}
.youlian p img{ padding-left:15px;}