@charset "utf-8";
/* CSS Document */

*{margin:0 auto; padding:0; list-style-type:none; font-family: "微软雅黑" ; font-size:12px; color:#333}
html{line-height:28px;   }
*{margin:0;padding:0;}
p{ text-indent:0; font-size:14px;font-family: "微软雅黑" ;}
ul{list-style:none;}
a,img{border:0;}
a{text-decoration:none;font-family: "微软雅黑"}
a:hover{color:#000;}
em{ font-style:normal}
.lf{ float:left}
.rf{ float:right} 
body {padding:0;margin:0; width:100%; display:table; }


.he_topp{width:100%;  margin:0 auto; text-align:center; }
.he_ma{ width:1200px; margin:0 auto;height:80px; padding:20px 0 10px ;}
.logo_rrt{ width:65%; margin:0}
.logo{ margin:15px 0 0 0;}

.logo_top{width:44%; margin:0; padding:0 ; }
.logo_top span{ float:left;line-height:20px; font-size:16px; color:#666; margin:0; line-height:27px; }
.logo_top span em{ font-size:16px; color:#fe0000;}
.logo_top ul{ float: right;}
.logo_top ul li{ float:left;width:100px;display:block;height:20px;  }
.logo_top ul li a{ font-size:12px; color:#666666;padding-right:15px; padding-left:25px;line-height:20px;background:url(../images/hjgg_05.jpg) no-repeat left;}
.logo_top ul li a:hover{color:#fe0000; text-decoration:underline}

.logo_xia{ width:100%; height:40px; margin:15px 0 0 0;padding:0 0 0 0;position:relative; z-index:1000000;}
.logo_xia ul{}
.logo_xia li{ width:96px;float:left;  height:40px;position:relative; text-align:center; cursor:pointer; }
.logo_xia li a{width:100%;float:left;  height:40px;line-height:40px; color:#4d4d4d; font-size:15px; background:url(../images/dazh_09.png) no-repeat right; 
font-weight:bold }
#erji_meau{ float:left; background:#f2f2f2;  text-align:center; display:none;}
#erji_meau a{float:left; display:block;font-weight:normal ; width:96px; height:35px; line-height:35px;color:#555; background: none; font-size:14px; 
 border-bottom:1px solid #e2e0e0; }
.logo_xia li a:hover{ color:#fe0000; width:96px; height:40px;float:left;background:url(../images/hjgg_09.png) no-repeat bottom center;  }
.logo_xia li:hover{color:#fda220;}
.logo_xia li:hover #erji_meau{ display: block;transition:0.3s;}
#erji_meau a:hover{color:#f2f2f2;background:#fe0000; transition:0.1s;}

/*daohang over*/

.banner{ width:100%;margin:0 auto 0; overflow:hidden; text-align:center;height:724px; }
#main_promo{height:724px; width:1920px; *width:1920px;margin-left:-960px;*margin-left:-980px; position:relative;  top:0;  left:50%; overflow:hidden; z-index:0; }
.promoWD{width:1200px; margin:0 auto; position:relative; }
.slide{display:block; float:left;  width:1920px;}
#dots{height:13px; position:absolute; bottom:15px;left:48%; z-index:99;}
#dots li{ width:25px; height:13px; float:left;}
#dots li a{ width:13px; display:inherit;  height:13px;  background:url(../images/b_5.png) no-repeat;}
#dots li a:hover{ width:13px; display:inherit; height:13px; background:url(../images/b_4.png) no-repeat;}
#dots li.act a{background:url(../images/b_4.png) no-repeat center top; width:13px; height:13px; display:inherit;}
/*ban over*/

.zhu{width:100%; text-align:center; margin:0 auto; overflow:hidden }
.main{ width:1200px; margin:0 auto;overflow:hidden  }

.index_product_top{ margin:30px 0 0;background:url(../images/hjgg_17.jpg) repeat-x  0 75px;}
.index_biaoti{  line-height:40px; background:url(../images/hjgg_14.jpg) no-repeat bottom; padding-bottom:60px}
.index_biaoti a{font-size:31px;}

.fu_biaoti{ width:70%; margin:0 auto; padding:10px 0 30px;}
.fu_biaoti p{ font-size:16px; line-height:31px}

.index_pro_man{ padding:30px 0 50px;}
.index_pro_left{float:left; width:397px; height:520px; display: block; }
.index_pro_left a{float:left;width:100%; background:none; margin:0 0 2px;position: relative; overflow:hidden ;z-index:1}
.index_pro_left a .tuwens{position:absolute; text-align:left; left:13%; top:28%; width:74%; z-index:111111}
.index_pro_left a .tuwens p{ float:left; width:100%;font-size:25px; font-weight:bold; color:#FFF; line-height:40px; margin-bottom:50px;}
.index_pro_left a .tuwens span{float:left;font-size:12px;width:115px; padding-left:15px;  color:#FFF; line-height:30px;
background:url(../images/hjgg_32.png) no-repeat left; }
.index_pro_left a .tuwens span:hover{background:url(../images/hjgg_33.png) no-repeat left;}
.index_pro_left a .tuwens p:hover{ text-decoration:underline}

.index_pro_middl{ margin:0 2px}
.index_pro_middl a .tuwens p{ display:block; font-size:25px; line-height:48px; font-weight:normal}
.index_pro_middl a .tuwens p b{font-size:25px;color:#FFF; }
/*product over*/

.index_wenhua{background:url(../images/hjgg_35.png) no-repeat center; height:594px;}
.biao_er{ padding:70px 0; font-size:31px;color:#FFF; background:url(../images/hjgg_54.jpg) no-repeat  bottom; padding-bottom:30px;}
.wenhua_xia{ width:45%; margin:200px 60px 0 0; text-align:left}
.wenhua_xia p{ font-size:16px; line-height:36px; font-family:"宋体-PUA";color:#FFF;}
/*wenhua over*/


.case_xa{ margin:0; padding:10px 0; overflow:hidden}
.case_xa ul{}
.case_xa ul li{ width:394px; float:left; height:275px; margin:13px 3px; position:relative;z-index:0}
.case_xa ul li.cas_l{ float:right; }
.case_xa ul li a span{background:#000;filter:alpha(opacity=70);width:100%; float:left; height:52px; line-height:52px;color:#FFF; 
font-size:16px;-moz-opacity:0.7; opacity:0.7; position:absolute;bottom:0; left:0; z-index:10}
.case_xa ul li a span:hover{background:#fe0000; }
.case_xa ul li a .img,.index_pro_left a .img,.index_new_right ul li a .img{float:left; display: block;overflow: hidden;width:100%; height:100%;position:relative ;}
.case_xa ul li a .img img,.index_pro_left a .img img,.index_new_right ul li a .img img{ width:100%; display:table;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform}
.case_xa ul li a .img img:hover,.index_pro_left a .img img:hover,.index_new_right ul li a .img img:hover{transform:scale(1.2,1.2); }
/*case over*/

.index_news{ padding:30px 0;}
.index_new_left{ width:385px; margin:0 auto;}
.index_new_left ul{}
.index_new_left ul li{ float:left; display:block; width:100%; text-align:left; margin:15px 0 15px 0;}
.index_new_left ul li a{float:left;width:100%;}
.index_new_left ul li a p{float:left;width:100%; color:#343333; font-size:16px; line-height:35px; font-weight:bold;word-break:keep-all; white-space:nowrap; 
text-overflow:ellipsis ; overflow:hidden;}
.index_new_left ul li a em{float:left;width:100%; font-size:15px;color:#777777; line-height:26px; height:52px; overflow:hidden;}
.index_new_left ul li a p:hover{color:#fe0000;}
.index_new_left a.gengduo{float:left;width:100%; height:75px; margin:40px 0 20px; line-height:75px; font-size:25px; color:#FFF; background:#f54740}
.index_new_left a.gengduo:hover{ background:#414041;}

.index_new_right{ width:760px; margin:0 auto;}
.index_new_right ul{}
.index_new_right ul li{ float:left; display:block; width:358px; margin:0 0 30px 22px; text-align:left;}
.index_new_right ul li a{float:left;width:100%;}
.index_new_right ul li a p{float:left;width:100%; margin:10px 0 0 0; }
.index_new_right ul li em{float:left;width:100%; font-size:14px;color:#777777; line-height:26px; height:52px; overflow:hidden;}
/*new over*/

.index_youshi{ padding:0 0 70px; background:url(../images/bg_02.jpg) no-repeat top center #efeff0; }
.index_you_top{ padding:50px 0 40px; }
.index_you_top p{float:left;width:100%;font-size:40px; color:#FFF; line-height:35px; font-weight:bold;background:url(../images/hjgg_53.jpg) no-repeat bottom; padding-bottom:35px; }
.index_you_top em{float:left; width:70%; margin:5% 15% 10%; color:#FFF; font-size:15px; text-align:center}

.index_you_xia{ padding:50px 0 40px; }
.index_you_xia ul{}
.index_you_xia ul li{ float:left; width:26%; margin:0 1.8%; background:#FFF; height:315px; padding:40px 20px 20px; border-top:9px solid #fe0000;}
.index_you_xia ul li a{ float:left; width:100%;margin:0;transition: margin 0.5s ease-out 0s;}
.index_you_xia ul li a p{ font-size:28px; line-height:35px;height:70px;color:#fe0000; margin:40px 0 20px; }
.index_you_xia ul li a em{ font-size:15px; line-height:27px; color:#777;}
.index_you_xia ul li a:hover{margin-top: -20px;}
/*youshi over*/

.jianjieu p{ font-size:15px; color:#777}
.index_about_xia{ padding:30px 0;}
.index_about_xia ul{}
.index_about_xia ul li{ float: left; margin:0 20px; width:21.5%; display:block;}
.index_about_xia ul li a{float:left; width:100%;margin:0;}
.index_about_xia ul li a p{float:left; width:100%; font-size:17px; line-height:30px; margin:15px 0;}
.index_about_xia ul li a em,.index_about_xia ul li a span{float:left; width:100%; margin:0 0 30px; font-size:13px; color:#666; line-height:26px; height:52px; overflow:hidden;}
.index_about_xia ul li a span:hover,.index_about_xia ul li a p:hover{color:#fe0000;}
.index_about_xia ul li a img:hover{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; }
/*about over*/

.foot_top{background:url(../images/hjgg_79.png) repeat-x center; height:65px}
.foot_top p{ font-size:15px; color:#FFF; text-align:left; line-height:65px; margin:0 0 0 20px}

.foot_middl{ background:#5f5f5f; padding:40px 0 30px;}
.foot_middl ul{ float:left; width:80%; margin:0;}
.foot_middl ul li{ float:left; display:block; width:10%; text-align:left; margin:0 45px 20px;}
.foot_middl ul li a{float:left; font-size:13px; width:100%; color:#cecaca; line-height:27px;}
.foot_middl ul li a h3{font-size:15px; border-bottom:1px solid #888888; color:#FFF; line-height:30px; padding-bottom:10px; margin-bottom:15px;}
.foot_middl ul li a:hover{ color:#FFF; }
.foot_rrt{ width:18%; margin:0; text-align:left}
.foot_rrt h4{font-size:15px; border-bottom:1px solid #888888; color:#FFF;padding-bottom:10px; margin-bottom:15px;}
.foot_rrt p{ font-size:13px;color:#cecaca; line-height:27px;}
.foot_rrt p span{float:left; margin:15px 15px 0 0; font-size:12px;color:#cecaca; text-align:center}

.foot_xia{ background:#dedede; padding:10px 0; height:44px;}
.foot_xia em{ float:left; width:58%; text-align:left; font-size:12px; color:#5f5f5f;}
.foot_xia p{ float:right;font-size:12px; color:#5f5f5f; margin-right:25px}
.foot_xia p a{font-size:12px; color:#5f5f5f; margin:0 0 0 10px}
.foot_xia p a:hover{ color:#333; text-decoration:underline}

/*foot over*/
/*----------------------------------------------------------------------Product---------------------------------------------------*/
.abanner{width:100%; margin:1px auto 0;height:350px;text-align:center;min-width:990px;overflow:hidden}
.abanner img{height:350px !important;min-width:990px;max-width:100%;}

.products{ padding:20px 0 40px;height:auto;clear:both;background:url(../images/bg.gif) repeat; }
.xia_top{ width:100%; float:left; margin:0 auto 30px;border-bottom:1px solid #cccccc;  padding-bottom:10px;overflow:hidden}
.xia_top p{ float:right; text-indent:0;  margin:0;background:url(../images/titleimg.png) no-repeat left ; padding-left:25px;font-size:14px; color:#333;}
.xia_top p a{ line-height:40px; font-size:14px; margin:0 3px; color:#646566;}
.xia_top p a:hover{ color:#f5453e;}
.xia_top span{ font-size:14px;color:#333; margin-left:3px;}
.xia_top h2{ font-size:22px;margin:0 auto;color:#333; text-align:left; font-weight:normal;height:40px; line-height:40px;}

.product_xia{ width:100%; margin:0 auto;background:url(../images/bgg.png) repeat-y center;}
.product_left{ width:225px; margin:0 auto; padding-bottom:30px; background:#e6e6e6;}
.product_left ul{}
.product_left ul li{ float:left; width:100%; margin:0;  border-bottom:1px solid #FFF; text-align:left;}
.product_left ul li a{ float:left; width:80%;height:68px; line-height:68px; font-size:16px; padding-left:20%;}
.product_left ul li a:hover,.product_left ul li a.cur{ border-left:6px solid #f54740;width:80%;padding-left:18%;height:90px; line-height:90px; font-size:18px; background:#FFF;}

.product_right{ width:920px; margin:0 auto; padding:30px 0;}
.pro_rght_top{ width:95%; padding:0 5% 0 0;  text-align:left;}
.pro_rght_top h5{font-size: 18px;color: #fff; background:#f54740;display: inline-block;padding: 0 40px; line-height:40px;}
.pro_rght_top .top_xa{ width:99.8%; border:1px solid #f54740; overflow:hidden; padding:50px 0; margin-bottom:35px;}
.pro_rght_top .top_xa p{width:86%; overflow:hidden; margin:0 auto; color:#F00; font-size:16px; line-height:28px;}

.pro_rght_xia{width:100%; margin:0 auto; }
.pro_rght_xia ul{}
.pro_rght_xia ul li{ float:left; width:275px; text-align:left; display:block; margin:0 25px 25px 0 ;}
.pro_rght_xia ul li a{ float:left;width:100%; }
.pro_rght_xia ul li a .wenzii{float:left;width:84%;background:#f5f5f5; padding:5% 8%;}
.pro_rght_xia ul li a .wenzii h4{ margin:0 0; display:block; overflow: hidden;height:35px;line-height:35px;font-size: 16px;color:#f54740;}
.pro_rght_xia ul li a .wenzii p{ font-size:13px; color:#878888; line-height:20px;height:40px;overflow: hidden; margin:10px 0 20px} 
.pro_rght_xia ul li a .wenzii em{font-size:13px; color:#f54740; }
.pro_rght_xia ul li a .wenzii:hover{background:#f54740;}
.pro_rght_xia ul li a .wenzii:hover h4,.pro_rght_xia ul li a .wenzii:hover p,.pro_rght_xia ul li a .wenzii:hover em{ color:#FFF;}

/*----------------------------------------------------------------------Product main---------------------------------------------------*/
.pro_main_xia{width:820px; margin:0 auto; padding:30px 80px 30px 20px; }
.neiron_top{width:100%; margin:0 auto}
.neiron_top h4{ font-size:19px; margin:20px 0; padding-bottom:10px; text-align:left; font-weight:normal; line-height:35px; border-bottom:1px solid #e6e6e6;}

.neiron_xia{width:100%; margin:0 auto; padding:0 0 30px; text-align:left;}
.neiron_xia p{font-size:14px; color:#666666; line-height:30px;}

.commonreturn{width:100%;  margin:15px 0 0 0; padding:30px 0px; text-align:center; clear:both; overflow:hidden; border-top:1px solid #e8e8e8;}
.commonreturn a{display:inline-block;background:#c9c9c9;padding: 5px 30px;color:#1a1a1a;font-size:14px;}
.commonreturn a:hover{background:#f54740; color:#FFF;}


/*----------------------------------------------------------------------about us---------------------------------------------------*/

.about_right{width:900px; margin:30px 30px 50px 0; text-align:left}
.about_right p{font-size:14px; color:#666666; line-height:30px;}

/*----------------------------------------------------------------------news---------------------------------------------------*/
.news_right{width:900px; margin:30px 30px 50px 0; text-align:left}
.news_right ul{}
.news_right ul li{ float:left; width:100%; display:block; margin:5px 0 ; line-height:40px; border-bottom:1px solid #e6e6e6;}
.news_right ul li a{ float:left; width:75%; font-size:15px; display:block;background:url(../images/pro_03.png) no-repeat left; padding-left:3%;overflow:hidden;word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; } 
.news_right ul li span{ float:right; width:10%; font-size:13px; color:#777;}
.news_right ul li a:hover{color:#f54740; }

/*----------------------------------------------------------------------case---------------------------------------------------*/

.case_right{width:920px; margin:0 auto; padding:30px 0 60px;}
.case_right ul{}
.case_right ul li{ width:394px; float:left; margin:13px 30px 0; position:relative;z-index:0}
.case_right ul li a{float:left; width:100%; text-align:left;}
.case_right ul li a span{float:left; width:100%; line-height:30px; margin:15px 0; padding-bottom:10px; background:url(../images/pro_04.png) no-repeat left bottom ;font-size:16px; color:#666;}
.case_right ul li a .img{float:left; display: block;overflow: hidden;width:100%; height:100%;position:relative ;}
.case_right ul li a .img img{ width:100%; display:table;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform}
.case_right ul li a .img img:hover{transform:scale(1.2,1.2); }



/* 分页 */
.pageController{float:right;  padding-top:5px;padding-bottom:5px;}
.pageController a{float:left;display:block;background-color:#FFF; border:#666666 1px solid; color:#666666;padding:0px 6px 0px 6px; margin-right:5px; line-height:18px;}
.pageController a:hover{background-color:#efefef;color:#B90128; text-decoration:none; font-weight:bold; border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#0860CC;font-weight:bold;border:#666666 1px solid;}
.clear{clear:both;}



/* 新闻详情页 */
.xwzx_con1_center{ width:900px; margin:0 auto;  }
.xwzx_con1_center h2{ font-size:20px; color:#f54740; line-height:40px; text-align:center;}
.xwzx_con1_cen{ width:860px; height:40px; line-height:40px; text-align:center; border-bottom:1px dotted #888;}
.xwzx_con1_cen span{  font-size:12px; color:#888; margin-right:20px;}
.xwzx_con1_xia{ width:860px; padding:20px 20px 0 0px;}
.xwzx_con1_xia p{ font-size:14px; color:#6d6c6c; text-indent:28px; line-height:30px;}
.xwzx_con1_tu{ width:900px; text-align:center;}
.xwzx_con1_xia img{ margin-top:15px;max-width:100%;}




.fan_y{ width:860px; float:left; line-height:30px; margin:25px auto 0;overflow:hidden; border-top:1px dotted #c5c7c8; padding-top:10px; text-align:left }
.fan_y a span{ margin:0 5px 0 0; font-size:14px;color:#f54740; font-weight:bold; }
.fan_y a{  padding:0; text-align:left; font-size:14px; color:#575555;}
.fan_y a:hover{ text-decoration:underline;} 



/* job */
.renli_main table{ width:892px; float:left; margin:0 0 30px 0;}
.renli_main table tr#tpoubu{ height:60px; line-height:60px; background:#eeeeed; text-align:center; margin-bottom:15px}
.renli_main table tr#tpoubu td{ width:17%; font-size:15px; font-weight:bold; color:#373636;}
.renli_main table tr{ text-align:center; line-height:60px; height:60px;background:url(../images/grd_34.jpg) repeat-x bottom; }
.renli_main table tr td{ font-size:16px; color:#545555;}
.renli_main table tr td a{font-size:17px; color:#545555; text-align:left;  }
.renli_main table tr td a:hover{color:#ff433c;}
/* job */
.case_bomm{width:892px; float:left; margin:0 auto;}
.case_bomm p{ width:892px; float:left; overflow:hidden; text-align:left; display:block}
.case_bomm p a{width:892px; float:left; line-height:33px; font-size:15px; color:#666;}
.case_bomm span a{ width:118px; float:right; margin:15px 15px 0 0; background:#ff443c; height:42px; line-height:42px; color:#FFF; font-size:16px;}
.case_bomm span a:hover{ background:#6a6a6a;}



.items1 ul li {float: left; margin-top: 20px;margin-right: 21px;}
.items1 ul li img {border: 1px solid #D4D4D4; padding: 4px;}
.items1 ul li span {display: block;line-height: 20px; text-align: center;font-size: 14px; color:#686666}



.inquiryForm { clear:both; overflow:hidden;padding:1% 0 2%; font-family:"nexa_lightregular";}
.inquiryForm dl { padding-bottom:10px; margin-left:0;}
.inquiryForm dt { font-size:15px; color:#666;padding-bottom:10px;}
.inquiryForm .row{ width:96%}
.inquiryForm font.red { color:red; font-size:18px; vertical-align:middle; height:14px; line-height:14px; display:inline-block;}
.inquiryForm .tip { color:red; padding-top:5px; display:none;}
.inquiryForm .input,.inquiryForm .select,.inquiryForm .textarea { width:100%; border:#ccc 1px solid; height:2.3125em; padding:.5em; line-height:20px;
 box-sizing:border-box; font-family:Arial;}
.inquiryForm .input:focus,.inquiryForm .select:focus,.inquiryForm .textarea:focus { -webkit-box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999; background:#fafafa; border-color:#999; outline:0 }
.inquiryForm .textarea { height:auto; resize:none;}
.inquiryForm .yzm { width:75%; margin-right:10px;}
.span-6,.full-row .row .span-6{float:left;transition:.2s width ease;margin-right:2%;*margin-right:1.89%;width:43%}
.row {width: 100%;}
.span-12, .full-row .row .span-12 {float: left;  transition: .2s width ease; margin-right: 2%; width: 95%;}
.submit{width:30%;height:40px;float:left; margin-right:20px; font-size:16px; text-transform:uppercase; color:#FFF;border:none; background:#ff433b;}
.reset{background:#aaa9a9;}



.support{ position: fixed; top:30%; right:0; width:50px; height:203px; z-index:9999}
.support li{height:50px;position:absolute; left:0;}
.support li img{float:left; margin:12px 12px 14px 14px;display:block}
.support li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; padding-right:30px; overflow:hidden; background-color:#f00;  border-radius:6px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.support li.support_qq a{ padding-right:50px; }
.support li a:hover{ background-color:#ff6915}
.support li.support_tel{width:192px}
.support li.support_wx{width:62px}
.support li.support_qq,.support li.support_qq1,.support li.support_wb{width:172px}
.support li.support_tel,.support li.support_qq,.support li.support_qq1,.support li.support_wb{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.support li.support_qq{top:0}
.support li.support_tel{top:52px}
.support li.support_wx{top:104px}
.support li.support_wb{top:156px}
.support li.support_tel:hover{left:-130px}
.support li.support_qq:hover{left:-80px}
.support li.support_wx i{position:absolute;width:188px; height:188px; left:-208px; top:-136px;background:url(../images/resund.jpg) no-repeat; background-size:188px 188px;display: none}
.support li.support_wx:hover i{display: block}

/*kefu  end*/