@charset "utf-8";
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #646566;  background: #f5f5f5;}
.wap{ margin: 0 auto; width:1103px;}

.nav-btn,.nav-narrow{display:none;}

a{ color: #666;}
@font-face{
   font-family: helna;
   src: url('fonts/HELVETICANEUELTPRO-LT.OTF');
}
@font-face{
   font-family: times;
   src: url('fonts/times.ttf');
}
/*header*/
.header{ width: 100%; height: auto;}
.headtop{ width: 100%; height: 35px; background: url(../images/top-bg.jpg) no-repeat center top;}
.sharetop{ margin: 7px 0 0 12px;}
.sharetop,.topright{ display: inline-block; vertical-align: middle;}
.sharetop ul li{ float: left; margin-right: 12px;}
.sharetop ul li img{ vertical-align: middle;}
.topright>ul>li{ float: left;}
.topright>ul>li:first-child{ padding-right: 13px; position: relative; margin-right: 13px; }
.topright>ul>li:first-child:after{ content: ''; width: 1px; height: 35px; background: rgba(255,255,255,0.39); position: absolute; right: 0; top: 0;}
.search{ width: 140px; background: rgba(255,255,255,0.45);}
.search,.lang{ height: 25px; border-radius: 2px; line-height: 25px; margin-top: 4px;}
.search form{ overflow: hidden;}
.search input{ height: 25px; line-height: 25px; background: none; border: 0; display: block;}
.search input.submit_text{ width: 112px; float: left; padding-left: 12px; font-style: italic; text-shadow: 0px 0px 0 #000;}
.search input.submit_btn{ width: 28px; float: right; background: url(../images/fd.png) no-repeat 3px center;}
.lang{ font-family: "Arial Narrow", arial; font-size: 15px; color: #fff; width: 100px; background: rgba(255,255,255,0.45) url(../images/heijt.png) no-repeat 88px center; position: relative; cursor: pointer;}
.lang h5{ height: 25px; line-height: 25px;}
.lang h5 img,.lang ul li img{ margin: 0 9px 0 5px; vertical-align: middle;}
.lang ul{ width: 100%; height: auto; position: absolute; left: 0; top: 25px; z-index: 100; background: #969799; display: none;}

.headermain{ height: 58px; padding: 10px; border-bottom: 3px solid #f71717;}
.headermain .wap{ position: relative;}
.logo,.nav{ display: inline-block; vertical-align: middle;}
.nav{ background: url(../images/nav-li-span-bg.png) no-repeat left top; padding-left: 30px;}
#nav { display:block;}
#nav .mainlevel{ float:left; background: transparent;}
#nav .mainlevel a.level1 span{ color: #000; display: block; font-size: 16px; text-transform: uppercase; background: url(../images/nav-li-span-bg.png) no-repeat right top; width: 158px; height: 45px; line-height: 45px; margin-left: -30px; text-align: center;}
#nav .mainlevel:hover .level1 span,#nav .mainlevel.active .level1 span,#nav .mainlevel.sub_cur_odd .level1 span{ color: #fff; background: url(../images/menu-cur.png) no-repeat center top;}
#nav .mainlevel ul{ display: none; position:absolute; z-index: 99; background: url(../images/submenu_bg.jpg) repeat; width: 1103px; padding: 6px 16px; top: 45px; left: 0; display: none;}
#nav .mainlevel.active ul,#nav .mainlevel.sub_cur_odd ul{ display: block;}
#nav .mainlevel li{ margin-left:12px;float: left; background: url(../images/menu_line2.jpg) no-repeat right center; padding: 0 18px 0 0;}
#nav .mainlevel li:last-child{ background: none;}
#nav .mainlevel li a{ line-height: 28px; color: #fff; white-space: nowrap; text-transform: capitalize;}
#nav .mainlevel li a:hover{ text-decoration: underline;}
.nav-btn,.nav-narrow{ display:none;}
.hidebg{ width: 100%; height: 40px; background: url(../images/submenu_bg.jpg) repeat; position: absolute; left: 0; top: 90px; z-index: 98; display: none;}
.hidebgon{display:block;}
#nav .mainlevel:first-child+li ul{ padding-left: 430px;}
#nav .mainlevel:first-child+li+li ul{ padding-left: 555px;}
#nav .mainlevel:first-child+li+li+li ul,#nav .mainlevel:first-child+li+li+li+li ul{ padding-left: 680px;}
#nav .mainlevel:last-child ul{ padding-left: 940px;}


.bannerBox{ position: relative; margin-top: 15px;}
.banwen ul li{ margin: 0; padding: 6px 10px; width: 180px; text-decoration: none; cursor: pointer; border-bottom: 1px dotted #999; font-size: 13px;}
.banwen ul li b{ font-size: 14px; color: #666; font-weight: bold; text-transform: uppercase;}
.banner ul li{ display: none; margin: 0 auto; position: relative;}
.banner ul li a{ width: 100%; height: auto; display: block;}
.banner ul li a img{ width: 100%; height: auto; display: block;}
.banner ul li.current{ display: block;}
.slick-dots{ position: absolute; bottom: 2%; list-style: none; display: block; text-align: center; padding: 0; width: 100%;}
.slick-dots li { position: relative; display: inline-block; margin: 0 5px; cursor: pointer; }
.slick-dots li button { border: 1px solid #fff; background: transparent; border-radius: 50%; display: block; height: 14px; width: 14px; outline: none; font-size: 0; cursor: pointer; overflow: hiddden; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; opacity: 0.8;  filter: alpha(opacity=80); }
.slick-dots li.current button{ background: #f7f7f7; width: 17px; height: 17px;}

.mainindex{ margin-top: 25px;}
.adv,.procata{ display: inline-block; vertical-align: top;}
.adv{ width: 216px; height: 120px; border: 1px solid #a1a1a1; padding: 16px 0; background: #fff;}
.adv h5{ font-size: 16px; color: #d70c18; text-transform: uppercase; font-weight: bold; text-align: center;}
.adv img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}
.procata ul li{ background: #fff; border: 1px solid #676463; width: 120px; height: 120px; float: left; position: relative; margin-right: 6px;}
.procata ul li:last-child{ margin-right: 0;}
.procata ul li .hover{ width: 100%; height: 100%; background: rgba(215,12,24,0.5); position: absolute; left: 0; top: 0; padding: 25px 18px 0; transform: scale(0); transition: all 0.5s ease-in;}
.procata ul li .hover h6{ font-size: 12px; color: #fff; text-align: center; text-transform: uppercase; line-height: 24px;margin-top:23px;}
.procata ul li:hover .hover{ transform: scale(1);}
.procata ul li:hover{ border-color: #9f383d;}

.areaB{ margin-top: 40px;}
.areaB .service,.areaB .news{ display: inline-block; vertical-align: top; position: relative; width: 540px; height: 290px;}
.cover{ width: 126px; height: 28px; line-height: 28px; position: absolute; left: 0; top: 0; background: #d70c18;}
.cover h5{ font-size: 18px; text-transform: uppercase; text-align: center; color: #fff;}
.newsIn{ width: 540px; height: 290px; position: relative; overflow: hidden;}
.newsIn ul{ width: 10000px; position: absolute; left: 0; top: 0;}
.newsIn ul li{ float: left;}
.news .leftjt,.news .rightjt{ display: block; width: 30px; height: 40px; background: url(../images/newjt.png) no-repeat left top; position: absolute; top: 50%; margin-top: -20px;}
.news .leftjt{ left: 10px;}
.news .rightjt{ background-position: left bottom; right: 10px;}

.areaC{ margin: 18px 0 46px;}
.areaC .lastnews{ height: 60px; line-height: 60px; background: #808285;}
.lastnews .newtit,.lastnews .newmain{ float: left;}
.newtit{ width: 385px; background: url(../images/newtit.jpg) no-repeat;}
.newtit h6{ font-size: 16px; padding-left: 20px; text-transform: uppercase; color: #fff; font-weight: bold;}
.newtit a{display:none;}
.lastnews .newmain{ margin-left: 18px; width: 700px;}
.newmain p{ color: #fff; font-size: 16px; font-weight: bold;}
.newmain .rm{ float: right; margin-right: 145px; text-transform: uppercase; font-size: 14px; font-family: "Arial Narrow", arial; color: #fff; background: url(../images/redjt.png) no-repeat right center; padding-right: 22px;}

.footer{ width: 100%; background: #cbcbcc; height: 258px; overflow: hidden;}
.footer .wap{ padding: 60px 100px 0 0;}
.footer, .footer a{ color: #4e4d4c;}
.footer .footA,.footer .footB,.footer .footC,.footer .footD{ display: inline-block; vertical-align: top; width: 16%;}
.footer .footC{ width: 18%;}
.footer ul li{ font-size: 14px; margin-bottom: 8px;}
.footer .footA{ width: 250px; margin-top: 8px;}
.footA ul li img{ display: block; margin: 0 auto;}
.footA ul li:last-child{ margin-top: 36px;}
.footC .callus{ margin-top: 25px;}
.footC .callus p{ font-size: 14px;}
.footC .callus .tel{ background: url(../images/tel.png) no-repeat left center; padding-left: 28px; font-size: 18px; margin-top: 12px;}
.footD p{ font-size: 16px; color: #4e4c4d;}
.footD ul{ margin-top: 8px;}
.footD ul li{ display: inline-block; margin-right: 10px;}



.toTop{ position: absolute; z-index:100; top: 10px; right: 20px; cursor: pointer;}
#toTop{ background:url("../images/returntop.png") no-repeat; width: 28px; height: 26px; display:block; text-indent: -9999px;}