@charset "gb2312";
/* CSS Document */

*{margin:0; padding:0;}
body{ font-size:12px;  color:#666; font-family:'\5fae\8f6f\96c5\9ed1',"Hiragino Sans GB","Arial","tahoma"; background:#fff url(/images/bg2.jpg);}
a{text-decoration:none; color:#333;transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;}
a:hover{color:#CA261E;}
.clear{clear:both;}
.blank6{height:6px;}
.blank12{height:12px;}
.blank24{height:24px;}
.blank36{height:36px;}
ul,li{list-style:none;}
em{font-style:normal;}
img{border:0;}
.box{width:1200px; margin:0 auto; position:relative;}
.mt24{margin-top:24px;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;position:relative;}
.tran{transition:background 0.2s ease-in-out;
-webkit-transition:background 0.2s ease-in-out;
-moz-transition:background 0.2s ease-in-out;
-o-transition:background 0.2s ease-in-out;}

a:hover{transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;}





/**header**/
.top{background:#F6F6F6; height:44px; line-height:44px; position:relative;border-bottom:1px #E2E3E2 solid;}
.top .welcome{width:600px;color:#464646;font-size:14px;}
.top .collect{float:right;height:44px; font-size:14px;text-align:center;color:#464646;}
.top .collect span{color:#464646; height:22px;line-height:22px; display:inline-block;}
.top .collect span a{color:#666;}
.top .collect span a:hover{color:#464646; text-decoration:underline;}


/**logo**/
.logo{width:100%;height:100px;margin:0 auto;position:relative; z-index:99999;}
.logo_l{width:600px;padding-top:10px;}
.logo_r{width:600px;}





/**导航开始**/
.nav{ font-size:16px;text-align:center; position:relative; width:600px;color:#464646; }
.nav li{float:left; position:relative; text-align:center; z-index:100;width:100px;margin-top:20px;height:60px;line-height:60px;color:#fff;font-size:16px;color:#464646;}
.nav ul li::before,ul li::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  height:3px;
  width:0;
  background-color:#119741;
  transition: all .2s linear;
}
.nav ul li:hover::before{
  /*width:50%;
  left:0;*/
}
.nav ul li:hover::after{
   width:100%;
   left:0;
}
.nav li a{display:block;}
.nav li a:hover{color:#119741;}
/**导航结束**/





/**焦点图开始**/
.banner { position:relative; width:100%;border-top:1px #EFEFEF solid;border-bottom:1px #EFEFEF solid;}
.banner .bd { position:relative; width:100%;height:450px; text-align:center; }
.banner .bd li a{width:100%;height:450px; display:block;}
.banner .hd { position:absolute; bottom:3%; width:100%; height:12px; z-index:1; }
.banner .hd ul { width:1000px; height:15px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:50px; height:6px; margin:0 2px; border-radius:6px; background:#f5f5f5; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .hd ul .on { background: #F00;}
.banner .bPrev,.banner .bNext { position:absolute; top:50%; display:block; width:59px; height:60px; margin-top:-30px; z-index:99; display:none; }
.banner .bPrev { left:3%; background:url(../images/bPrev.png) no-repeat; }
.banner .bNext { right:3%; background:url(../images/bNext.png) no-repeat; }
/**焦点图结束**/






/*关于我们*/
.about{width:1200px;height: auto;margin:0 auto;}
.about h1{text-align:center; font-weight:normal;margin-top:15px;}
.about h1 a{font-size:32px;color:#333; text-decoration:underline;}
.about h1 a:hover{text-decoration:none;color:#119741;}
.about .txt{font-size:14px;color:#666;line-height:32px;text-align:center;padding-top:20px;}
.about a.more{display:inline-block;font-size:16px;border:1px #999 solid;line-height:30px;margin:22px auto 50px;padding:4px 45px 4px 20px;color:#666; background:url(/images/jiantou.png) 92px 13px no-repeat;}
.about a.more:hover{color:#fff;border:1px #119741 solid;background:#119741 url(/images/jiantou.png) 92px -25px no-repeat;}
/*关于我们*/



/*产品应用*/
.Proyiyong{width:100%;background:#fff url(/images/yiyong_bg.jpg) top center no-repeat;height:448px;}
.Proyiyong h1{font-size:28px;font-weight:normal;color:#333; text-align:center; padding:36px 10px 26px;border-bottom:1px #C8C8C6 dashed; letter-spacing:2px;}
.Proyiyong h1 span{display:block;background:#119741;width:56px;height:2px;margin:10px auto;}
.Proyiyong .sm{font-size:14px;color:#999;line-height:80px; text-align:center;}
.yy_box{width:1200px;}
.yy_box ul li{float:left;position:relative;width:285px;height:215px;margin-right:20px; overflow:hidden;}
.yy_box ul li:nth-child(4n){margin-right:0;}
.yy_box ul li .yy_tit{transition: all 0.3s;height:40px;line-height:40px;text-align:center;position:relative;bottom:40px;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;color:#fff; }
.yy_box ul li .yy_con-txt{transition: all 0.3s;position: absolute; left:0;bottom:-165px;height:165px;color:#fff;font-size:14px;line-height:28px; text-align:left;width:245px;padding:40px 20px 10px;}
.yy_box ul li .yy_con-txt h2{font-size:24px;color:#fff; text-align:center;line-height:50px; font-weight:normal;}
.yy_box ul li:hover .yy_con-txt{bottom:0px;background:rgba(0,0,0,0.5);}
.yy_box ul li:hover .yy_tit{bottom:-40px;}
/*产品应用*/




.b_3{width:100%;}
.b_3 h1{font-size:28px;font-weight:normal;color:#119741; text-align:center; padding:36px 10px 26px;border-bottom:1px #C8C8C6 dashed; letter-spacing:2px;}
.b_3 h1 span{display:block;background:#119741;width:56px;height:2px;margin:10px auto;}
.b_3 .sm{font-size:14px;color:#999;line-height:80px; text-align:center;}

.b_3_box{width:1200px;}
.b_3_box ul li{float:left;position:relative;width:386px;height:290px;margin-right:20px;margin-bottom:30px;}
.b_3_box ul li:nth-child(3n){margin-right:0;}

.b_3_box ul li span{position:absolute; left:0; bottom:0; display:block; width:386px; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; line-height:60px; text-align:center; }
.b_3_box ul li span em{display:block; background:url(/images/o_ico_19.png) no-repeat center 59px;}




/*.b_3_box ul li .tit{transition: all 0.3s;height:40px;line-height:40px;text-align:center;position:relative;bottom:40px;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;color:#fff; }
.b_3_box ul li .con-txt{transition: all 0.3s;position: absolute; left:0;bottom:-165px;height:165px;color:#fff;font-size:14px;line-height:28px; text-align:left;width:245px;padding:40px 20px 10px;}
.b_3_box ul li .con-txt h2{font-size:24px;color:#fff; text-align:center;line-height:50px; font-weight:normal;}
.b_3_box ul li:hover .con-txt{bottom:0px;background:rgba(0,0,0,0.5);}
.b_3_box ul li:hover .tit{bottom:-40px;}
*/


/*案例展示*/
.case{width:100%;margin:0 auto;position:relative;height:900px;}
.case h1{width:100%;height:80px;background:url(../images/product_tit.png) no-repeat center center;font-size:28px;color:#DB283D;text-align:center;line-height:40px; font-weight:normal;}
.case h1 span{font-size:22px;color:#BEBEBE;font-weight:normal;}

.case_list{ width:1200px; text-align:center;  }
.case_list .hd{ height:57px; line-height:50px; position:relative;text-align:center;margin:0 auto;width:626px; }
.case_list .hd ul{ float:left; position:absolute;height:57px;}
.case_list .hd ul li{ float:left;width:180px;margin:0 10px;font-size:18px;color:#646464;background:url(../images/case_btn.jpg) no-repeat center top;}
.case_list .hd ul li.on{ height:57px;background:url(../images/case_btn_hover.png) no-repeat center top; color:#fff;}

.case_list .bd ul{ padding:25px 0px; }
.case_list .bd li{ width:388px;height:322px;float:left; position:relative;margin:5px;}
.case_list .bd li .pic{width:388px;height:278px;}
.case_list .bd li .pic a{display:block;width:388px;height:278px;}
.case_list .bd li .tit{width:388px;height:44px;line-height:44px;color:#fff;font-size:16px;background:#7A8185;text-align:center;border-top:1px solid #fff;}
.case_list .bd li .tit a{color:#fff;}
.case_list .bd li:hover .tit{background:#DB283D;border-top:1px solid #EE320B;}







/*新闻中心*/
.news{width:100%;height:330px;background:url(../images/news_bg.jpg) no-repeat center center;}

/*新闻中心*/
.news_list{padding-top:30px;}
.news_list h1{width:320px;height:50px;line-height:50px;border-bottom:1px solid #fff;color:#fff;font-size:22px;color:#fff;font-weight:normal;margin-bottom:10px;}
.news_list span{font-size:18px;}
.news_list li{width:600px; height:45px; line-height:45px; font-size:16px;color:#505050;font-size:16px;color:#fff; overflow:hidden;transition:All 0.2s ease-in-out;
-webkit-transition:All 0.2s ease-in-out;
-moz-transition:All 0.2s ease-in-out;
-o-transition:All 0.2s ease-in-out;}
 
.news_list li span{float:right;font-size:16px;color:#CBC1B9;}
.news_list li a{color:#fff;width:520px;height:45px;overflow:hidden;}
.news_list li:hover{
	transform:translate(10px,0);
	-webkit-transform:translate(10px,0);
	-moz-transform:translate(10px,0);
	-o-transform:translate(10px,0);
	-ms-transform:translate(10px,0);
	cursor:pointer;}
.news_list li:hover a{color:#F2C777;}




/****************************************************************************内页**************************************************************************************/


.page_main{width:100%;height:auto;background:#F4F4F4; position: relative;}
/******内页banner******/
.page_banner{background:url(../images/page_banner.jpg?t=2020) no-repeat center center; height:350px; position:relative;}

/*height:auto;position:absolute;top:-103px;left:0;*/



/**左侧**/
/*导航*/
.page_l{float:left; width:270px;margin-top:-103px;}
.page_tit{width:120px;height:63px;background: url(../images/page_tit_bg.png) no-repeat center center;padding:20px 80px;font-size:24px;color:#fff;font-weight:normal;line-height:32px;text-align:left;}
.page_tit span{font-size:16px; font-weight:normal;text-transform:uppercase;}
.page_nav{width:244px;height:auto;background:#fff;padding:0 18px;}
.page_nav li{width:244px;height:64px;line-height:64px;text-align:left;color:#fff;border-bottom:1px solid #E6E6E6;font-size:16px;}
.page_nav li a{color:#000;display: block;width:184px;height:64px;padding-left:60px;background:url(../images/page_icon.png) no-repeat 20px center;}
.page_nav ul li:hover a{background:url(../images/page_icon.png) no-repeat 20px center;;color:#119741; text-decoration:underline;}





/**右侧**/
.page_r{float:right; width:910px;height:auto;background:#FFFFFF;}
.page_tit2{font-size:16px; color:#666; border-bottom:1px #dfdfdf dashed; line-height:66px; padding:0px 10px; text-indent:35px; background:url(/images/home.png) 20px 25px no-repeat; font-weight:bold;}
.page_tit2 span{float:right; font-size:12px; font-weight:normal; margin-top:24px; line-height:20px; color:#999; margin-right:10px;}




/****关于我们****/
.page_about{font-size:14px; line-height:30px; padding:20px 40px 60px 20px; text-align:justify;}
.up-and-down-page1{width:880px;height:46px;line-height:46px;background:#F5F3F3;margin:10px auto;}
.up-and-down-page1 a.btn{display:inline-table;background: url(../images/page_icon2.jpg) no-repeat 160px center;line-height:46px;width:400px;text-align:center;font-size:14px;color:#666;margin:0px 20px;}
.up-and-down-page1 a.btn:hover{color:#0066CC;background: url(../images/page_icon2.jpg) no-repeat 160px center;}



/******通用图片列表******/
.page_pic{margin:0  auto;width:840px;padding:20px 0px;}
.page_pic ul{width:840px;}
.page_pic li{float:left;width:240px; height:226px; background:#fff; margin:15px 15px 15px 10px;padding:4px;text-align:center;border:1px #dfdfdf solid;transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;}
.page_pic li span{height:100%;display:inline-block;vertical-align:middle;}
.page_pic li img{vertical-align:middle;}
.page_pic li .pic{width:240px; height:176px;background:#fff;}
.page_pic li .tit{width:210px;padding-left:10px;padding-right:10px;height:40px;line-height:22px; text-align:center;font-size:16px;padding-top:10px; color:#1F1F1F;}
.page_pic li:hover{background:#119741;transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;}
.page_pic li:hover a{color:#fff;text-decoration:none; text-decoration:underline;}



/******新闻******/
.page_news{width:860px;margin:0 auto;overflow:hidden;padding-top:20px;}							
.page_news li{border-bottom:1px #dfdfdf dotted;line-height:44px;background:url(../images/icon.png) no-repeat left center; text-indent:16px;}
.page_news li a{font-size:14px;color:#666666;}
.page_news li a:hover{color:#FF0000; text-decoration:underline;}
.page_news li span{float:right;font-size:12px;color:#999999;}




/*内页右侧翻页按钮样式-新闻列表页*/
.fenye{margin:20px 0px 30px 0px;text-align:center;font-size:12px;}
.fenye a{border:1px solid #DAD1C2; padding:5px 8px; margin:0 2px; height:16px; line-height:16px; display:inline-block;}
.fenye a:hover{background:#119741; color:#fff; text-decoration:none;}
.fenye a.currclass{background:#119741; color:#fff;}


/**正文内容**/
.page_box .content{padding:20px 50px; font-size:14px; line-height:26px; color:#333;}
.page_box .content  h1{font-size:20px; margin:10px 0px; color:#333; text-align:center; font-weight:normal;}
.page_box .content .time{margin:15px 0px 0px; border-bottom:1px dotted #ddd; padding-bottom:10px;color:#999999; text-align:center;}
.page_box .content1{font-size:14px; line-height:28px; color:#333;padding:20px 0px;}
.page_box .content1 img{padding:8px 0px;}




/*内页新闻详情页**********************/
.newsinfo_con{margin:0 10px 30px 0;}
.newsinfo_con h1{font-size:20px;color:#333;line-height:36px;margin-top:18px; text-align:center;}
.newsinfo_con .time{height:34px;line-height:34px;color:#999;border-bottom:1px #dfdfdf dotted; text-align:center;}
.newsinfo_con .content{font-size:16px;line-height:36px;color:#666;padding-top:20px;}
.newsinfo_con .content img{padding:5px 0px;}





.up-and-down-page{margin:10px auto;height:60px;text-align:center;}
.up-and-down-page a.btn{display:inline-table;border:1px #dfdfdf solid;background:url(/images/next_ico.jpg) 5px 3px no-repeat;border-radius:4px;line-height:24px;width:90px;text-align:center;font-size:14px;color:#666;margin:0px 10px;}
.up-and-down-page a.btn:hover{border:1px #D52C3F solid;color:#D52C3F;background:url(/images/next_ico.jpg) 5px -14px no-repeat;}


.xiangguan-info-list{border:1px #dfdfdf solid;}
.xiangguan-info-list h2{font-size:14px;line-height:30px;background:#f5f5f5;border-bottom:1px #dfdfdf solid;padding-left:20px;}
.xiangguan-info-list ul{padding:12px 10px;}
.xiangguan-info-list ul li{line-height:28px;height:28px;}
.xiangguan-info-list ul li a{font-size:14px;color:#666;text-decoration:None;}
.xiangguan-info-list ul li a:hover{text-decoration:underline;color:#F38800;}










/*底部样式*/
.footer{background:#666666;color:#fff;width:100%;height:176px;}
.footer_l{width:480px;padding-top:20px;}
.footer_l dl{float:left;width:160px;text-align:left;line-height:26px; text-indent:20px;}
.footer_l dl dt a{font-size:16px;color:#CCCCCC;font-weight:bold;display:block;line-height:32px;}
.footer_l dl dd{color:#CCCCCC;}
.footer_l dl dd a{font-size:12px;color:#CCCCCC;}
.footer_l dl a:hover{color:#f5f5f5;text-decoration:underline;}

.footer_r{float:right;padding-top:10px;}
.footer_r .tel{float:left;width:400px;}
.footer_r .tel h2{font-size:16px;color:#fff;margin-bottom:10px;}
.footer_r .tel p{font-size:16px;line-height:30px; text-align:left; background:url(/images/tel.png) 0px 0px no-repeat; padding-left:54px;}
.footer_r img{float:right;display:block;}

.footer a{color:#fff;}
.footer a:hover{ text-decoration:underline;}
.footer_copy{line-height:45px;border-top:1px #797979 solid;font-size:14px;color:#CCCCCC; text-align:left;background:#666666;}


/***在线客服***/

.online-qq{position:fixed;top:50%;right:10px;z-index:200}

.online-qq {}
.online-qq .qq_content{background:#fff;margin:0;padding:0;}
.online-qq .qq_content dt{background:url(/images/online_qq.png) no-repeat;color:#fff;font-size:14px;font-weight:bold;padding:6px 15px;border:1px solid #ddd;border-bottom:0;}

.online-qq .qq_content .qq{padding:10px 10px 5px;margin:0;border:1px solid #ddd;border-top:0}
.online-qq .qq_content .qq p{background:url(/images/online_qq.png) repeat-x 0 -33px;margin:0 0 5px}
.online-qq .qq_content .qq a{border:1px solid #ddd;display:block;background:url(/images/online_qq.png) no-repeat 10px -72px;height:23px;line-height:23px;padding:0 18px 0 30px}
.online-qq .qq_content .tel{background:#f9f9f9;padding:10px;margin:0;text-align:center;font-size:14px;font-weight:bold;color:#333;border:1px solid #ddd;border-top:0;line-height:22px;}
.online-qq .qq_content .tel strong{font-size:12px;color:#f60;display:block;padding-left:7px;text-align:left;}
.online-qq .qq_content .tel strong span{font-size:14px;color:#333333;}
.online-qq .foot{border:1px solid #ddd;background:#f1f1f1;height:2px;overflow:hidden;margin:0 5px;border-top:0;display:none}

.others_online{width:110px;text-align:center;background:url(/images/online_qq.png) repeat-x 0 -33px;margin:0 auto 5px;position:absolute;top:46px;left:290px}
.others_online .online_qq{border:1px solid #ddd;display:block;background:url(/images/online_qq.png) no-repeat 10px -69px;height:30px;line-height:30px;padding:0 18px 0 30px}	



/******联系我们******/
.page_contact{padding:20px 40px;}
.page_contact h5{font-size:14px; color:#333; margin:10px 0px;}
.page_contact .contact_con{line-height:22px; height:22px;}
.page_contact .map{margin-top:20px;}