@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
input,textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial; background-image: url(../images/bg.jpg);}
html,body{font-size:12px;}
@media only screen and (max-width:1680px){
	html,body{font-size:14px;}
}
@media only screen and (max-width:1480px){
	html,body{font-size:12px;}
}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1002{width:1002px;}
img{max-width:100%; max-height:100%;vertical-align: middle;}
i.md{ position: absolute; margin-top: -6rem; }
/* top_bg */
.top_bg{ height: 115px; padding-top: 60px; background: url(../images/top_bg.jpg) no-repeat scroll center; position: relative; z-index: 9999;}
.top_bg a.logo{ display: block; float: left; margin-left: 30px; margin-top:8px; }
.top_bg a.logo img{ max-height: 80px; max-width: 250px; }
.top_bg .yy{ position: absolute; right: 45px; top: 60px; color: #555555; }
.top_bg .yy i{ margin:0px 8px; }
.top_bg .yy a{color: #555555;}
.top_bg .yy a:hover{ color:#ff7300;}

.top_bg ul.sj_lm,.top_bg ul.sj_lm li{ height:72px;}
.top_bg ul.sj_lm{ float: right; width: 706px; margin-top:42px; }
.top_bg ul.sj_lm li{ float: left; width: 14%;}
.top_bg ul.sj_lm li dd{ text-align: center; line-height: 70px; font-size: 14px;}
.top_bg ul.sj_lm li dd a{ display: block; color: #ffffff; }
.top_bg ul.sj_lm li dl{ position: absolute; background-color: #605e5f; overflow: hidden; max-height: 0px; opacity: 0; transition: all 0.5s ease; text-align: center; min-width: 98px;}
.top_bg ul.sj_lm li:hover dl{ padding: 16px 0px; max-height: 100vh; opacity: 1; transition: all 0.5s ease;}
.top_bg ul.sj_lm li dl a{ color: #ffffff; display: block; padding: 0px 16px; line-height: 30px;}
.top_bg ul.sj_lm li dl a:hover{ background-color: #b9b9b9; color: #666465; }

/* banner */
.banner,.banner .slides,.banner .slides li{overflow:hidden;}
.banner{ position:relative; z-index: 0;}
.banner .flex-control-nav,.banner .flex-direction-nav{ display: none; }

/*nr_bg*/
.nr_bg{ min-height: 60vh; background: url(../images/nr_bg.jpg) repeat-y; }
.nr_bg .nr_l,.nr_bg .nr_r{ overflow: hidden; }
.nr_bg .nr_l{ float: left; width: 232px;}
.nr_bg .nr_l ul,.nr_bg .nr_l ul li{ overflow: hidden; }
.nr_bg .nr_l ul{ width: 190px; margin:35px auto 20px; padding-top: 56px; background: url(../images/al_tit.png) no-repeat;}
.nr_bg .nr_l ul li{ margin:5px 0px; line-height: 25px;}
.nr_bg .nr_l ul li a{ display: block; padding-left: 32px; background: url(../images/l_li.png) no-repeat scroll left center; color:#d0d0d0;}
.nr_bg .nr_l ul li a:hover{ text-decoration: underline; }
.nr_bg .nr_l div.f{width: 190px; margin:35px auto 20px; padding-top: 56px; background: url(../images/lxwm_tit.png) no-repeat; color:#d0d0d0; line-height: 2;}
.nr_bg .nr_l div.f a{ color:#d0d0d0; }
.nr_bg .nr_l div.f a:hover{ text-decoration: underline; }

.nr_bg .nr_r{ float: right; width: 710px; padding:36px 30px 0px; background: url(../images/yc_t.jpg) no-repeat scroll left top;}
.nr_bg .nr_r .tit{ height: 33px; background: url(../images/ny_tit.jpg) no-repeat; padding-left: 25px; color: #4b4b4b; }
.nr_bg .nr_r .tit a{ color: #4b4b4b; }
.nr_bg .nr_r .tit a:hover{ text-decoration: underline; }

/*i_m*/
.i_m{ display: block; float: right; width: 40px; height: 11px; background: url(../images/more.png) no-repeat; margin-top: 12px; }

/*i_t*/
.i_t{ overflow: hidden; min-height: 200px;}
.i_t div.l,.i_t div.r{ overflow: hidden; }
.i_t div.l{ float: left; width:445px;}
.i_t div.l dd{ background: url(../images/i_about.png) no-repeat; height: 35px; }
.i_t div.l dl{ margin-top:20px; overflow: hidden; line-height: 2; font-size: 14px; color: #505050; }

.i_t div.r{ float: right; width:229px;}
.i_t div.r ul,.i_t div.r ul li{ overflow: hidden; }
.i_t div.r ul{}
.i_t div.r ul li.t{background: url(../images/i_news.png) no-repeat; height: 35px; margin-bottom:10px;}
.i_t div.r ul li.c{padding-left:20px; height:37px; background:url(../images/i_li.png) no-repeat;}
.i_t div.r ul li.c a{color:#505050; line-height: 35px; display: block;  word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.i_t div.r ul li.c a:hover{color:#ff0000; text-decoration: underline;}

div.al_n{margin-top: 20px; background: url(../images/i_anli.png) no-repeat; height: 35px;}

.device{ overflow:hidden; margin-top: 25px; position: relative; padding: 0px 15px;}
.device .scroll,.device .scroll ul,.device .scroll ul li{ height:160px;}
.device .scroll{ position:relative; width:100%; overflow: hidden;}
.device .scroll ul{ position:absolute;}
.device .scroll ul li{ width:160px; margin:0px 5px; float:left;}
.device .scroll ul li a{ display: block; }
.device .scroll ul li a ol{ height: 120px; position: relative; overflow: hidden;}
.device .scroll ul li a ol img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; transition: all 1s ease;}
.device .scroll ul li a:hover ol img{transition: all 1s ease; transform: scale(1.1);}
.device .scroll ul li a dd{height: 35px; line-height: 35px; text-align: center; color: #505050; overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.device .scroll ul li a:hover dd{ text-decoration: underline; color:#ff6600;}

.device a.qh{ position:absolute; z-index:8; background-image:url(../images/roll.png); background-repeat: no-repeat; width: 12px; top: 0px; height: 120px;}
.device a.qh.pre{ left:0px; background-position: left center;}
.device a.qh.next{ right:0px; background-position: right center;}

/*foot_bg*/
.foot_bg{ height: 115px; background: url(../images/foot_bg.jpg) no-repeat scroll center; }
.foot_bg div{ overflow: hidden; padding-left: 235px; text-align: center; line-height:25px; color: #c4c4c3;}
.foot_bg div.t{ margin-top:30px; text-align: center;}
.foot_bg div a{color: #c4c4c3;}
.foot_bg div a:hover{ text-decoration: underline; }
.foot_bg div.t a{ margin:0px 5px; }

/*单页*/
.page{ padding: 20px 0px; min-height: 50vh; font-size: 14px; line-height: 2; color: #333333; }

/*新闻中心*/
.news_lb ul,.news_lb ul li{ overflow: hidden; }
.news_lb ul{ margin-top: 25px; margin-bottom: 10px;}
.news_lb ul li{ height: 31px; margin-bottom: 5px; background: url(../images/xw_li.gif) no-repeat;}
.news_lb ul li a,.news_lb ul li i{ display: block; line-height: 22px; overflow: hidden;}
.news_lb ul li a{ float: left; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; margin-left:25px; color:#333333; width: 80%;}
.news_lb ul li a:hover{ text-decoration: underline; }
.news_lb ul li i{ float: right; color: #999999; }

/*新闻详情*/
.news_show ul,.news_show ul li{ overflow: hidden; }
.news_show ul{ padding: 20px 0px; color: #505050; line-height: 1.75;}
.news_show ul li.t{font-size: 22px; font-weight: bold; line-height:2; margin-bottom: 20px; text-align: center;}
.news_show ul li.n{ text-align: center; margin-bottom: 15px; line-height: 25px; border:1px solid #e8e8e8; background-color: #f7f7f7;}
.news_show ul li.z{ border:1px solid #dddddd; padding: 10px; background-color: #ffffff;}
.news_show ul li.z i{ color: #ff6600; }
.news_show ul li.f{ font-size: 14px; margin-top:30px; }

/*工程案例*/
.al_lb ul,.al_lb ul li{ overflow: hidden; }
.al_lb ul{ margin-top: 25px; margin-bottom: 10px;}
.al_lb ul li{ float: left; width: 33.333333%; margin-bottom: 10px; }
.al_lb ul li a{ display: block; width: 90%; margin:0px auto; }
.al_lb ul li a ol{ height: 160px; position: relative; overflow: hidden;}
.al_lb ul li a ol img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; transition: all 1s ease;}
.al_lb ul li a:hover ol img{transition: all 1s ease; transform: scale(1.1);}
.al_lb ul li a dd{ height: 35px; line-height: 35px; text-align: center; color: #505050; overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.al_lb ul li a:hover dd{ text-decoration: underline; color:#ff6600;}

/*工程案例详情*/
.al_show,.al_show div{ overflow: hidden; }
.al_show{ margin:20px auto; width: 610px; border:1px solid #dddddd; background-color: #f0f0f0; padding: 20px;}
.al_show div.t,.al_show div.f{border:1px solid #dddddd; padding: 15px;}
.al_show div.t{ background-color: #ffffff; min-height: 300px; text-align: center; }
.al_show div.f{ margin-top: 20px; min-height: 50px; background-color: #f9f9f9; color: #505050;}
.al_show div.f dd{ font-weight: bold; font-size: 16px;}
.al_show div.f dl{ line-height: 2; margin-top: 10px; }

/*企业招聘*/
.job_lb ul,.job_lb ul li{ overflow: hidden; }
.job_lb ul{ margin-top: 25px; margin-bottom: 10px;}
.job_lb ul li{ border-bottom: 2px #e8e8e8 solid; margin-bottom: 10px;}
.job_lb ul li.t{ background-color: #f5f5f5; font-weight: bold; }
.job_lb ul li.c{ padding-bottom: 10px; }
.job_lb ul li dl{ float: left; font-size: 12px; height: 35px; line-height: 35px; color: #505050;}
.job_lb ul li dl a{color: #505050; display: block;}
.job_lb ul li dl a:hover{ text-decoration:underline; color: #ff0000;}
.job_lb ul li dl.d1{ margin-left:10px; width: 445px; }
.job_lb ul li dl.d2{ width: 130px; }
.job_lb ul li dl.d3{ width: 75px; }
.job_lb ul li dl.d4{ width: 50px; }

/*企业招聘 详情*/
.job_show,.job_show li{ overflow: hidden; }
.job_show{ padding: 20px; }
.job_show li{font-size: 12px; color: #505050; line-height: 2; padding: 10px 0px;}
.job_show li.m{ border-bottom: 1px #ddd solid; }
.job_show li.c{ min-height: 60px; }

.job_bd{ margin:20px; border:1px solid #ebebeb; font-size: 14px; color:#505050; background-color: #ffffff;}
.job_bd div.t{ height:38px; line-height:38px; margin-bottom: 10px; font-weight:bold; padding-left:15px; background-color: #f5f5f5;}
.job_bd div.form-group{ overflow: hidden; padding: 0px 20px; margin-bottom: 10px;}
.job_bd div.form-group label.control-label,.job_bd div.form-group div.col-md-10{ height: 25px; }
.job_bd div.form-group label.control-label{ display: block; float: left; width: 115px; text-align:right; line-height: 25px;}
.job_bd div.form-group div.col-md-10{ float: right; width:490px; padding: 0px 5px; border:1px solid #dddddd; background-color: #fbfbfb; }
.job_bd div.form-group div.col-md-10 input,.job_bd div.form-group div.col-md-10 select,.job_bd div.form-group div.col-md-10 textarea{ border:0px; line-height: 25px; outline:none; background: none; }
.job_bd div.form-group div.col-md-10 select{ display: block; width: 100%;}
.job_bd div#dr_row_gzjl div.col-md-10{ height: 200px; padding: 5px; }
.job_bd div.b{ margin-bottom: 20px; text-align: center; }

/*zx_bd*/
.zx_bd{ margin:20px; font-size: 14px; color:#505050;}
.zx_bd div.form-group{ overflow: hidden; padding: 0px 20px; margin-bottom: 10px;}
.zx_bd div.form-group label.control-label{ display: block; float: left; width: 115px; text-align:right; line-height: 25px;}
.zx_bd div.form-group div.col-md-10{ float: right; width:490px; padding: 0px 5px;  }
.zx_bd div.form-group div.col-md-10 input,.zx_bd div.form-group div.col-md-10 select,.zx_bd div.form-group div.col-md-10 textarea{ border:0px; line-height: 25px; outline:none; background: none; border:1px solid #dddddd; background-color: #fbfbfb;}
.zx_bd div.form-group div.col-md-10 select{ display: block; width: 100%;}
.zx_bd div.form-group div.col-md-10 span.help-block{ font-size: 12px; margin-top: 5px; display: block; }
.zx_bd div#dr_row_jcxgyq div.col-md-10,.zx_bd div#dr_row_dzzxsx div.col-md-10,.zx_bd div#dr_row_qitayaoqiu div.col-md-10{ height: 160px; padding: 5px; }
.zx_bd div.b{ margin-bottom: 20px; text-align: center; }

/*友情链接*/
.link_lb ul,.link_lb ul li{ overflow: hidden; }
.link_lb ul{ margin:25px 10px 10px;}
.link_lb ul li{ float: left; margin-bottom:10px; width: 16%; height: 35px; position: relative; width: 115px;}
.link_lb ul li a,.link_lb ul li a img{  position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }

/*fenye*/
.fenye{ text-align:center; font-size:1rem; line-height:2rem;}
.fenye i{ display:none;}
.fenye a{ color:#000000;}
.fenye a,.fenye span{background-color:#dcd9d4; border:1px solid #dcd9d4; display:inline-block; padding:0px 0.75rem; margin:0px 0.25rem; border-radius: 0.5rem;}
.fenye a:hover,.fenye span{ color:#333333;background-color:#eeeeee;}

/*no*/
.no{ background-color: #ffffff; text-align: center; width: 100% !important; margin-right:0px !important;padding: 2rem 0px; font-size: 2rem; }
.no strong{ color:#ff0000;}

/*w404*/
.w404{ min-height: 100vh;  display:flex;align-items:center;}
.w404 .c{ width: 100%; text-align: center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom: 2rem; }
.w404 .c ol img{ max-width: 35%; }
.w404 .c dd{ font-size: 1.5rem; color: #333333; }
.w404 .c a,.w404 .c a:hover{transition: all .5s ease; display: block;}
.w404 .c a{ width: 80%; max-width: 180px; margin:2rem auto 0px; height: 3rem; line-height: 3rem; font-size: 1rem; color: #ffffff; background-color: #d66f09;}
.w404 .c a:hover{ background-color: #ee7c30;}

/*msg*/
.msg{ padding: 6rem 0px; }
.msg div.c{ text-align: center; padding: 10vh 0px; }
.msg div.c dd{ text-align: center; font-size: 1.5rem; font-weight:bold; }
.msg div.c dl{ margin-top: 2rem; font-size: 1rem;}
.msg div.c dl a,.msg div.c dl a:hover{transition:all .5s ease;}
.msg div.c dl a{display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; height:3rem; line-height:3rem; color:#f4313f;}
.msg div.c dl a:hover{ background-color: #f4313f; color: #ffffff;}
