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

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"΢ÈíÑźÚ"; margin:0;padding:0;color: #555; line-height:24px;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,th,td{margin:0;padding:0; border:0px;}
ul,li{list-style:none;margin:0;padding:0}
img{ border:none;}
a{text-decoration:none;color:#666; }
a:hover{text-decoration:none;}
.clear {clear: both;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m10{ margin-top:10px;}
.m20{ margin-top:20px;}
.m60{ margin-top:60px;}
.pad{ padding-top:20px;}
.maf{ margin-left:27px;}
.center{ width:1200px; height:auto;}

.topbg{ width:100%; height:192px; background:url(../images/topbg.jpg);}
.logo{ width:180px; height:192px; background:#e60013;}
.logo p{ font-size:28px; color:#FFF; text-align:center; line-height:50px;}

.mune{ width:970px;}
.top{ line-height:40px;}
.top font{ float:left; color:#aaaaaa;}
.top p{ float:right; height:40px; color:#aaaaaa;}
.top p a{ color:#aaaaaa; margin:0 5px;}
.top p a:hover{ text-decoration:underline;}

.tels{ margin-top:25px;}
.tels span{ color:#2172cd;}
.mail{ background:url(../images/yj.png) left no-repeat; text-indent:50px; line-height:30px;}
.tel{ background:url(../images/yj.png) left no-repeat; text-indent:50px; line-height:30px; margin-left:60px;}

.nav{ width:970px; height:38px; margin-top:40px;}
.nav li{ width:107px; height:38px; float:left; text-align:center; font-size:15px;}
.nav li a{ display:block; line-height:38px;  color:#333;}
.nav li a:hover{ background:#2172cd; color:#FFF; border-radius:3px;}
.nav li:hover ul li{display:block;}
.nav li ul{ padding-top:19px;}
.nav li ul li{width:100%; height:40px; line-height:40px;  background:#f9f9f9; position:relative;  z-index:9999; left:0px; top:0px; display:none; text-align:center;  border:none;}
.nav li ul li a{ color:#666; font-size:14px; line-height:40px; font-weight:normal; }
.nav li ul li a:hover{ color:#fff; background:#2172cd; border-radius:0px;}


.banner{width:100%; height:750px; overflow:hidden;}
.bannerc{width:100%; height:750px;}

.bannerc #full-screen-slider { width:100%; height:750px; text-align:left;position:relative;}
.bannerc #slides { display:block; width:100%; height:750px; list-style:none; padding:0; margin:0; position:relative;}
.bannerc #slides li { display:block; width:100%; height:750px; list-style:none; padding:0; margin:0; position:absolute;}
.bannerc #slides li a { display:block; width:100%; height:750px; text-indent:-9999px}
.bannerc #pagination { display:block; list-style:none; position:absolute; left:28%; top:720px; z-index:9900;  padding:0px; margin:0; cursor:pointer;}
.bannerc #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:8px; border-radius:50%; background:#999; }
.bannerc #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.bannerc #pagination li.current {background:#2172cd;}

#box0{ width:100%; height:480px;}
#box0 .dls{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:-1000px;}
.dls{ width:400px; float:left;}
.dls dt{ width:400px; height:240px; background:#2172cd; display:inline-block;}
.dls dd{ width:400px; height:240px; overflow:hidden;}
.dls dd img{ width:400px; height:240px; display:block;transition:transform 0.5s ease 0s;}
.dls dd:hover img{transform:scale(1.4,1.4);transition:transform 0.5s ease 0s;opacity:0.9;}
.dls h2{ color:#FFF; font-size:18px; font-weight:normal; margin:20px 15px 0px;}
.dls .line{ background:#FFF; height:2px; margin:5px 15px 0px; width:40px;}
.dls p{ color:#FFF; margin:15px 15px 0px;}

#box1{ width:100%; height:940px;  overflow:hidden;}
.tit{  text-align:center; overflow:hidden;}
.tit h2{ color: #535353;  font-size: 26px; line-height:40px; background:url(../images/tit.png) center no-repeat;}
.tit p{ color:#888; font-size:14px; line-height:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#box1 .pnav{  opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.pnav{ height:50px; overflow:hidden; text-align:center; margin-top:30px;}
.pnav a{ padding:13px 40px; background:#f9f9f9; border-radius:2px; color:#2172cd; margin:0 5px; font-size:16px; display:inline-block;}
.pnav a:hover{ background:#2172cd; color:#FFF;}

#box1 .prodc li{  opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.prodc{ margin-top:40px; width:1260px;}
.prodc li{ float:left; width:285px; height:362px; border:1px solid #ededed; margin-top:15px; margin-right:15px;}
.prodc li img{ width:285px; height:250px;}
.prodc p{ margin-left:20px; color:#ff4c4c; font-size:16px; line-height:44px;}
.prodc span{ padding:0 20px 20px; display:inline-block;}
.prodc li:hover{  border:1px solid #2172cd;}
.prodc li:hover span a{ color:#2172cd;}
.prodc li .pic{ width:285px; height:250px; overflow:hidden; position:relative;}
.prodc li .pic .img{ position:absolute; z-index:2; top:0px; left:0px; transition: all .6s ease;}
.prodc li .pic .imgs{ position:absolute; z-index:2; top:250px; left:0px; transition: all .6s ease;}
.prodc li .pic:hover .img{ position:absolute; z-index:3; left:0px; top:-250px;}
.prodc li .pic:hover .imgs{  position:absolute; z-index:3; left:0px; top:0px;}

#box2{ width:100%; height:478px; background:url(../images/bg1.png) center no-repeat; padding:50px 0; overflow:hidden;}
.tit1{  text-align:center; overflow:hidden;}
.tit1 h2{ color: #FFF;  font-size: 26px; line-height:40px; background:url(../images/tit1.png) center no-repeat;}
.tit1 p{ color:#FFF; font-size:14px; line-height:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#box2 li p{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box2 ul{ margin-top:30px; width:1260px;}
#box2 li{ float:left; width:318px; height:103px; background:rgba(89,147,213,0.8); padding:30px; margin:25px 30px 0 0; overflow:hidden;}
#box2 li h2{ height:35px; line-height:35px; color:#FFF; font-size:18px; vertical-align: middle; margin-bottom:20px;}
#box2 li h2 img{ width:45px; height:35px; margin-right:15px; vertical-align: middle;}
#box2 li p{ color:#FFF; display:inline-block;}

#box3{width:100%;height: 490px;overflow:hidden;}
.news_l{width: 1200px;height: 395px;background:#f8f8f8;display:inline-block;}
.nt{ height:50px; margin-top:20px;}
.nt dt{ float:left; background:url(../images/tbg.png) left no-repeat; width:178px; height:50px; text-indent:40px; color:#FFF; font-size:18px; line-height:50px; font-weight:bold;}
.nt dd{ float:right; width:107px; height:30px; font-size:12px; border:1px solid #2172cd; margin-right:15px; text-align:center; line-height:30px; background:#FFF; margin-top:10px;}
.nt dd a{ color:#2172cd; display:block;}
.nt dd a:hover{ background:#2172cd; color:#FFF;}

#box3 .news_l li{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.news_l ul{ margin-top:20px;}
.news_l li{float:left;width: 280px;margin-left: 15px;}
.news_l li img{width: 280px;height: 194px;}
.news_l li .pic{width: 280px;height: 194px;overflow:hidden;position:relative;}
.news_l li .pic .img{ position:absolute; z-index:2; top:0px; left:0px; transition: all .6s ease;}
.news_l li .pic .imgs{position:absolute;z-index:2;top: 194px;left:0px;transition: all .6s ease;}
.news_l li .pic:hover .img{ position:absolute; z-index:3; left:0px; top:-219px;}
.news_l li .pic:hover .imgs{  position:absolute; z-index:3; left:0px; top:0px;}
.news_l li h2{ font-size:16px; line-height:40px; margin-top:10px;}
.news_l li h2 a{ color:#555;}
.news_l li h2 a:hover{ color:#2172cd;}
.news_l li p{ color:#888;}

.news_ls{width:825px;height: 347px;background:#f8f8f8;display:inline-block;}
.news_ls ul{ margin-top:20px;}
.news_ls li{float:left;width: 250px;margin-left: 15px;}
.news_ls li img{width: 250px;height: 160px;}
.news_ls li .pic{width: 250px;height: 160px;overflow:hidden;position:relative;}
.news_ls li .pic .img{ position:absolute; z-index:2; top:0px; left:0px; transition: all .6s ease;}
.news_ls li .pic .imgs{position:absolute;z-index:2;top: 160px;left:0px;transition: all .6s ease;}
.news_ls li .pic:hover .img{ position:absolute; z-index:3; left:0px; top:-219px;}
.news_ls li .pic:hover .imgs{  position:absolute; z-index:3; left:0px; top:0px;}
.news_ls li h2{ font-size:16px; line-height:40px; margin-top:10px;}
.news_ls li h2 a{ color:#555;}
.news_ls li h2 a:hover{ color:#2172cd;}
.news_ls li p{ color:#888;}

#box3 .news_r ul{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.news_r{ width:365px; height:345px; background:#f8f8f8; display:inline-block;}
.news_r  ul{ margin:5px 15px 0;  width:335px;}
.news_r li{ background:url(../images/li.png) left no-repeat; text-indent:20px; border-bottom:1px dashed #ededed; line-height:50px;}
.news_r li a{ color:#666;}
.news_r li a:hover{ color:#2172cd;}

#box4{ width:100%; height:385px; background:url(../images/abg.png) center no-repeat; padding:50px 0; overflow:hidden;}
#box4 .about dt img{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:-1000px;}
#box4 .about dd p{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:1000px;}

.about dt{ float:left; width:386px; height:235px; border:1px solid #FFF;}
.about dt img{  width:386px; height:235px; margin-top:20px; margin-left:20px;}
.about dd{ float:right; width:736px;}
.about dd p{ color:#FFF; text-align:justify; line-height:30px; height:210px; width:736px;}
.about dd .ab{ color:#fcff00; background:url(../images/d.png) left no-repeat; text-indent:40px; font-weight:bold; font-size:16px; margin-top:15px;}
.mr{ width:140px; height:41px; border:2px solid #FFF; text-align:center; line-height:41px;}
.mr a{ color:#FFF; font-size:18px; display:block;}
.mr a:hover{ background:#FFF; color:#2172cd;}

#box5{ width:100%; height:460px; overflow:hidden;}
#box5 .news_l ul{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:-1000px;}
#box5 .news_r ul{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:1000px;}

#box6{ width:100%; height:650px; overflow:hidden;}
#box6 .honor li img{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
.honor{ margin-top:25px; width:1260px;}
.honor li{ float:left; width:285px; height:250px; border:1px solid #ededed; margin-top:15px; margin-right:15px;}
.honor li img{ width:285px; height:250px;}
.honor li:hover{  border:1px solid #2172cd;}
.honor li:hover span a{ color:#2172cd;}
.honor li .pic{ width:285px; height:250px; overflow:hidden; position:relative;}
.honor li .pic .img{ position:absolute; z-index:2; top:0px; left:0px; transition: all .6s ease;}
.honor li .pic .imgs{ position:absolute; z-index:2; top:250px; left:0px; transition: all .6s ease;}
.honor li .pic:hover .img{ position:absolute; z-index:3; left:0px; top:-250px;}
.honor li .pic:hover .imgs{  position:absolute; z-index:3; left:0px; top:0px;}

.mapa{ width:100%; height:446px; background:url(../images/map.jpg) center no-repeat; overflow:hidden; min-width:1100px; margin-top:30px;}
.mvp{ position:relative;}
.contact{width:331px;float:left;background:url(../images/t7-1.png) no-repeat;height:295px;overflow:hidden;padding:25px; margin-top:60px;}
.contact_title{ font-size:16px;color:#686868;padding-left:20px;}
.contact_title span{display: block;font:100 14px/24px "arial";color:#bcbcbc;}
.contact .content{padding-left:8px;line-height:30px;padding-top:10px;padding-left:20px;}
.feng{padding-left:20px;padding-top:15px;}

.foot{ width:100%; padding:40px 0; background:#282d30; overflow:hidden; border-bottom:1px solid #3e4245;}
.foot_l{ width:500px; border-right:1px solid #3e4245;}
.foot_l li{ color:#ccc; vertical-align: middle; line-height:36px;}
.foot_l li img{ vertical-align: middle; margin-right:20px;}

.foot_m{ width:360px; border-right:1px solid #3e4245; text-align:center; height:144px;}
.foot_m h2{ color:#005ec7; font-weight:normal; font-size:30px; line-height:40px;}
.foot_m p{ color:#ccc; margin-bottom:30px;}
.foot_m a{ border-radius:10px; border:2px solid #FFF; padding:8px 15px; color:#FFF;}
.foot_m a img{ vertical-align: middle; margin-right:10px;}

.foot_r{ width:300px;}
.foot_r li{ float:left; margin:0 20px;}
.foot_r li img{ width:110px; height:110px;}
.foot_r li p{ text-align:center; color:#ccc; line-height:30px;}

.footer{ width:100%; background:#282d30; height:46px; overflow:hidden; line-height:46px; color:#ccc;}
.footer .fl a{color:#ccc;}
.footer .fr a{color:#F00;}
.footer .fr a:hover{color:#fff;}

.map{ background:url(../images/tmp_s.png) #f8f8f8 left no-repeat; padding:8px 0; text-indent:45px;}
.map a:hover{ color:#2172cd;}

#box7{ overflow:hidden;}
#box7 .left{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-left:-1000px;}
#box7 .right{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-right:-1000px;}
.left{ width:258px;}
.left h2{ background:#005ec7; color:#FFF; font-size:30px; text-align:center; line-height:80px; height:80px; font-weight:400;}
.left ul{ margin-top:5px;}
.left li{ line-height:49px; background:#f6f6f6; text-indent:50px; font-size:16px; margin-top:5px;}
.left li a{ display:block;}
.left li a:hover{ background:#005ec7; color:#FFF;}

.right{ width:920px; overflow: hidden;}
.maps{ width:100%; line-height:40px; font-size:18px; border-bottom:1px solid #dedede; color:#005ec7;}
.artid{ margin:15px;}
.artid h1{ font-size:20px; text-align:center; height:50px; line-height:50px; color:#666; }
.artid .data{ font-size:14px; text-align:center;  line-height:30px; margin-bottom:10px; overflow:hidden;}
.zaiyao{ display:block; color:#868686;font-weight:normal; background:#F5F5F5; border:1px solid #E5E5E5; margin-bottom:15px; padding:5px 15px; font-size:12px;}


.news_s{ margin-top:15px;}
.news_s li{ line-height:40px;  font-size:14px; overflow:hidden; border-bottom:1px dashed #dedede;}
.news_s li h2{float:left; margin-left:10px; font-weight:normal; font-size:14px; background:url(../images/doc.jpg) left no-repeat; padding-left:10px;}
.news_s li span{float:right;}
.news_s li a{ display:block;}
.news_s li a:hover{color:#005ec7;}

.prodc_s{ width:940px;}
.prodc_s li{ float:left; width:285px; height:362px; border:1px solid #ededed; margin-top:15px; margin-right:26px;}
.prodc_s li img{ width:285px; height:250px;}
.prodc_s p{ margin-left:20px; color:#ff4c4c; font-size:16px; line-height:44px;}
.prodc_s span{ padding:0 20px 20px; display:inline-block;}
.prodc_s li:hover{  border:1px solid #2172cd;}
.prodc_s li:hover span a{ color:#2172cd;}
.prodc_s li .pic{ width:285px; height:250px; overflow:hidden; position:relative;}
.prodc_s li .pic .img{ position:absolute; z-index:2; top:0px; left:0px; transition: all .6s ease;}
.prodc_s li .pic .imgs{ position:absolute; z-index:2; top:250px; left:0px; transition: all .6s ease;}
.prodc_s li .pic:hover .img{ position:absolute; z-index:3; left:0px; top:-250px;}
.prodc_s li .pic:hover .imgs{  position:absolute; z-index:3; left:0px; top:0px;}

.prodc_sp{ width:940px;}
.prodc_sp li{ float:left; width:285px;  border:1px solid #ededed; margin-top:15px; margin-right:26px;}
.prodc_sp li img{ width:285px; height:250px;}
.prodc_sp p{ margin-left:20px; color:#ff4c4c; font-size:16px; line-height:40px; text-align: center;}
.prodc_sp li:hover{  border:1px solid #2172cd;}
.prodc_sp li:hover span a{ color:#2172cd;}
.prodc_sp li .pic{ width:285px; height:250px; overflow:hidden; position:relative;}
.prodc_sp li .pic .img{ position:absolute; z-index:2; top:0px; left:0px; transition: all .6s ease;}
.prodc_sp li .pic .imgs{ position:absolute; z-index:2; top:250px; left:0px; transition: all .6s ease;}
.prodc_sp li .pic:hover .img{ position:absolute; z-index:3; left:0px; top:-250px;}
.prodc_sp li .pic:hover .imgs{  position:absolute; z-index:3; left:0px; top:0px;}


.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#005ec7;}

.pagess{clear: both;margin: 20px auto 0;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ddd;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background:#005ec7;color: #fff;border: 1px solid #005ec7}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.thisclass{display: inline-block;border: 1px solid #005ec7;padding: 2px 9px;margin: 0 3px;background:#005ec7;color: #fff;}
.pagess ul li.thisclass a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}

#box8{ width:100%; height:478px; padding:50px 0; overflow:hidden;}
.tit1{  text-align:center; overflow:hidden;}
.tit1 h2{ color: #FFF;  font-size: 26px; line-height:40px; background:url(../images/tit1.png) center no-repeat;}
.tit1 p{ color:#FFF; font-size:14px; line-height:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#box8 li p{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box8 ul{ margin-top:10px; width:1260px;}
#box8 li{ float:left; width:318px; height:103px; background:#f8f8f8; padding:30px; margin:25px 30px 0 0; overflow:hidden;}
#box8 li h2{ height:35px; line-height:35px; color:#555555; font-size:18px; vertical-align: middle; margin-bottom:20px;}
#box8 li h2 img{ width:45px; height:35px; margin-right:15px; vertical-align: middle;}
#box8 li p{ color:#555555; display:inline-block;}

#box9{ height:340px; overflow:hidden;}
#box9 .nabout{ margin-top:30px;}
#box9 .nabout{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}

#box10{ width:100%; height:280px; overflow:hidden;}
#box10 .honor li img{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box10 .honor{ margin-top:0px;}

#box11{ height:200px; overflow:hidden;}
#box11 li img{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box11 li .nlx p{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}
#box11 ul{ width:1260px; margin-top:30px;}
#box11 li{ float:left; width:285px; background:#f8f8f8; height:110px; margin-right:20px; display:inline-block; overflow:hidden;}
#box11 li img{ vertical-align: middle; margin-left:20px; width:50px; height:46px;}
#box11 li .nlx{ width:190px; margin-left:20px; margin-top:24px;}
#box11 li .nlx p{ line-height:30px;}

#box12{ height:300px; overflow:hidden;}
.lxmap{ width:1200px; height:300px; background:#F00;}
#box12 .lxmap{ opacity: 0; transition: 0.8s;  -moz-transition:0.8s;  -webkit-transition: 0.8s;  -o-transition: 0.8s; margin-top:1000px;}

.zxly{ width:627px; margin-left:60px;}
.zxly ul{ width:627px; }
.zxly ul li{ margin-top:10px;}
.zxly .name{ height:40px; width:300px; line-height:40px; color:#969696; text-indent:15px;}
.zxly .maila{ height:40px; width:300px; line-height:40px; color:#969696; text-indent:15px;}
.zxly .telsa{ height:40px; width:300px; line-height:40px; color:#969696; text-indent:15px;}
.zxly .add{ height:40px; width:300px; line-height:40px; color:#969696; text-indent:15px;}
.zxly .textarea{ width:610px; height:120px; padding:8px 0 0 15px; color:#969696; margin-top:10px;}
.zxly .btn-submit{ background:url(../images/submit.gif) center no-repeat; height:46px; width:241px; border:0px; margin-left:120px;}

.hztxt1{ font-size:52px; color:#000; margin-top:80px; line-height:60px;}
.hztxt5{ font-size:30px; color:#000; height:32px; line-height:32px; margin:20px 0; text-align:center;}

.hhrmain{background: #2172cd;padding:50px 80px;color:#fff;position:relative;overflow:hidden;}
.hhrmain h3{font-size:20px; font-weight:normal; margin-bottom:20px; line-height:40px;}
.hhrmain p{font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:26px;}
.hhrmain .list{margin-top:50px;}
.hhrmain .list li{float:left; margin-left:50px; margin-bottom:30px;}
.hhrmain .list li a{height:55px; position:relative; width:170px; display:block; position:relative; padding-left:70px; padding-top:5px;}
.hhrmain .list li a:hover h4{ color:#FF0;}
.hhrmain .list li a img{position:absolute; left:0; top:0; width:60px; height:60px;}
.hhrmain .list li h4{font-size:18px; color:#fff;}
.hhrmain .list li p{font-size:15px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.hhrmain .more{position:absolute; right:50px; bottom:30px; width:141px; height:36px;}

.joinmain{width:1020px; margin:100px auto;}
.joinmain .piclist{width:475px; height:124px; background:#f1f1f1; overflow:hidden; margin-top:32px;}
.joinmain .piclist img{float:left;}
.joinmain .piclist .txt{float:left; margin-left:30px; color:#000; padding-top:30px;}
.joinmain .piclist .txt p{font-size:20px; line-height:24px;}
.joinmain .piclist .txt span{font-size:16px;}
.join-left{width:475px; float:left;}
.join-right{width:500px; float:right;}
.joinform{margin-top:50px;}
.fmtab{height:35px; margin-bottom:35px; line-height:35px; font-size:16px;}
.joinipt{height:35px; background:#f1f1f1; font-size:16px; padding:0 20px; line-height:35px; border:0; outline:none; margin-right:20px; width:240px;}
.joinrad{margin-left:40px; margin-right:10px;}
.join-are{width:450px; height:158px;background:#f1f1f1; font-size:16px; border:0; outline:none; padding:20px; }
.btn-submit{display:block;width:115px;height:30px;line-height:30px;float:right;color:#fff;font-size:15px;text-align:center;background:#e80000;margin-top:20px;border-radius:30px;}
.btn-submit:hover{color:#FF0;}
img,input{border:none;}