@charset "utf-8";
/* CSS Document */
@import url("base.css");
/*通用样式
------------------------------------------------------------------------------------------*/
body{color:#000000;text-align:center;font-family:'Microsoft YaHei';background:url(../images/body_bg.gif) #F1F1F1; overflow-x:hidden; }
a{color:#3B8DD1;text-decoration:none;}a:hover{color:#8CAC52;}
/*GOTO TOP*/
.gotop{display:none;background:url(../images/gotop.gif) no-repeat;bottom:218px;height:48px;margin-right:-560px;position:fixed;right:50%;width:48px;z-index:10;}
.gotop:hover{background-position:left -50px;}
/*文本框样式*/
input.wide{width:250px;}
input.txt{width:200px;}
input.small{width:50px;}
.input{display:inline;margin-right:5px;padding:5px;height:18px;line-height:18px;vertical-align:middle;background:#fff;color:#999px;border:1px solid #CACACA;border-radius:4px 4px 4px 4px;font-family:'Microsoft YaHei';}
/*按钮样式*/
.btn{border-radius:2px 2px 2px 2px;color:#FFF;display:inline-block;font-size:12px;height:30px;line-height:30px;min-width:48px;padding:0 25px;text-align:center;font-family:"Microsoft Yahei";}
.btn{background-color:#1E7BB3;background-image:-moz-linear-gradient(center top , #3999D2, #1E7BB3);border-bottom:1px solid #02598E;box-shadow:0 1px 2px #BBBBBB;text-shadow:0 -1px 0 #1E7BB3;}
.btn:hover{color:#FFF;opacity:0.9;}
.btn-mini{height:20px;line-height:20px;padding:1px 8px 0;}
input.btn, button.btn{border-left:0 none;border-right:0 none;border-top:0 none;cursor:pointer;}
.btn-success{background-color:#52A152;background-image:-moz-linear-gradient(center top , #5FBE5F, #52A152);border-bottom:1px solid #417F41;text-shadow:0 -1px 0 #52A152;}
.btn-error{background-color:#CB423B;background-image:-moz-linear-gradient(center top , #E85A56, #CB423B);border-bottom:1px solid #AA352F;text-shadow:0 -1px 0 #CB423B;}
.btn-gray{background-color:#DDDDDD;background-image:-moz-linear-gradient(center top , #EEEEEE, #DDDDDD);border-bottom:1px solid #A9A9A9;text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray, .btn-gray:hover{color:#777777;}

@media only screen and (min-width:1000px) and (max-width:1280px) {

}
.header, .bodyer, .footer {
    /*min-width:1000px;
    max-width:1280px;*/
    width:1280px;
    margin:0 auto;
    background-color:#fff;
}
.footer {
    background:url(../images/footer.png) no-repeat;height:185px;padding-top:30px;position:relative;
}
.box {
    /*min-width:1000px;
    max-height:1280px;*/
    width:1280px;
}
.header {
    height:82px;
    /*width:100%;*/
    background-color:#fff;
    position:relative;
}
.toper {
    margin-left:50px;
    margin-right:50px;
    padding-top:40px;
    position:relative;
}
.server {
    position:absolute;
    right:0px;
    top:10px;
    background:url(../images/index_03.png) no-repeat;width:168px; height:26px;line-height:26px;color:#fff;
}
.logo, .menu {
    display:inline-block;
}
.logo {
    /*width:30%;min-width:293px;*/float:left;text-align:left;width:293px;
}
.menu {
    /*width:70%;*/text-align:right;width:850px;float:right;
}
    .menu a {
        font-size:16px;
        color:#221815;
        padding-left:30px;
        line-height:28px;
        
    }
.header-menu-show {
    display:none;
    position:absolute;
    background:url(../images/index_06.png) no-repeat;height:86px;
    z-index:9999999999;
    width:1280px;
    top:80px;
}
    .header-menu-show .title{
        display:block;width:30%;float:left;line-height:86px;letter-spacing:.5em;color:#fff;font-size:16px;text-align:left;padding-left:50px;
    }
.menu-item-list {
    display:block;float:right;width:53%;line-height:86px;
}
    .menu-item-list ul {
        text-align:left;
    }
.menu-item-list li {
    background:url(../images/d_09.png) no-repeat 0 50%;padding-left:15px;display:inline-block;text-align:left;margin-left:10px;
}
    .menu-item-list li a {
        color:#54c3f1;
    }
    .menu-item-list li a:hover {
        color:#fff;
    }
.show-menu {
    /*position:absolute;*/
}

.menu-data-list {
    display:none;
}
    .menu-item-list li a {
        font-size:14px;
    }
/*-------轮播--------------*/
.banner {
	position: relative;
	width: 100%;
	overflow: auto;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		min-height: 556px;

		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}

	.banner .inner {
		padding: 10px 0 110px;
        
        font-size:14px;
	}

	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;

		color: #fff;
	}

	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;

		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;

		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}

	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 35px;
			height: 4px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #fff;
			border-radius: 4px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}

	.banner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
		.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}
/*-----product---------*/
.product,.news {
    padding-top:30px;
    padding-bottom:50px;
    position:relative;
}
    .product h1,.news h1 {
        font-size:42px;
        color:#949495;
        font-family:'Arial Regular';
        font-weight:normal;
    }
    .product h2,.news h2  {
        font-size:34px;
        color:#231815;
        
        font-weight:normal;
    }
.pro-list {
    padding-top:30px;
}
.pro-item {
    text-align:left;display:inline-block;width:295px;margin-left:2px;margin-right:2px;
}
.pro-item p {
    padding-bottom:10px;
}
.download {
    top:100px;
    right:30px;
    position:absolute;
    
}
.news {
}
    .news h3 {
        font-size:16px;
        font-weight:normal;
        
    }
    .news p {
        font-size:12px;
        color:#949495;
        font-weight:normal;
        line-height:120%;
        padding-top:5px;
    }
.news h3 span {
        
        color:#949495;
        font-weight:normal;
        font-size:12px;
        float:right;
        line-height:24px;
    }
.news .news-body {
    width:77%;margin:0 auto;padding-top:30px;
}
.news-body a {
    color:#000;
}.news-body a:hover{
    color:#52A152;
}
.news-body p {
    display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:32px;line-height:16px;
}
.news-top, .news-list {
    width:50%;float:left;text-align:left;
}
.news-top {
    max-width:448px;
}
.news-item-number {
    line-height:60px;
    height:60px;
    float:left;
}
.news-item-number span{
    font-size:60px;float:left;color:#949495;
}
    .news-item-number em {
        display:inline-block;border-right:1px solid #949495;padding-left:1px;height:60px;float:left;margin-right:10px;
    }
.news-list {
    padding-left:40px;
}
    
.news-item {
    padding-bottom:50px;clear:left;height:60px;
}
.news-item-content {

}
.news-item-content h3 a{
    float:left;
    display:block;
    width: 300px;
            overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
}
    .news-item-content p {
       float:left;
    } 
.news-top h3 a{
    float:left;
    display:block;
    width: 310px;
            overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.news-top p {
       float:left;
    } 
.footer-box {
    margin-left:50px;
    margin-right:50px;
    
}
.footer-logo {
    width:250px;
    text-align:left;
    color:#636262;
    float:left;
}
.footer-logo-title {
    margin-top:50px;
}
.footer-menu {
float:left;text-align:left;
}
.footer-menu-item {
    display:inline-table;width:100px;
    
}
    .footer-menu-item h3 {
        color:#fff;font-size:14px;font-weight:normal;
    }
        .footer-menu-item h3 a {
            color:#fff;
        }
        .footer-menu-item h3 a:hover {
            color:#595757;
        }
    .footer-menu-item a {
        color:#595757;
    }
    .footer-menu-item a:hover {
        color:#fff;
    }
.footer-right {
    position:absolute;
    bottom:20px;
    right:50px;
    z-index:999999;
    color:#636262;
    text-align:right;
}

.electric {
    background:url(../images/service_04.png) no-repeat;height:336px;width:100%;margin-top:40px;
    position:relative;
}
.e-content {
    position:absolute;right:108px;bottom:0px;width:520px;height:100px;text-align:left;
}
.service-list {
    width:1000px;margin:0 auto;margin-left:208px;margin-top:30px;
}
.service-list-item {
    width:440px;float:left;margin-left:30px;height:150px;
}
.item-img {
    width:70px;
}
.item-img, .item-content {
   display:block; float:left;text-align:left;
}
.item-content {
   width:360px;padding-left:10px;
}
    .item-content h1 {
        font-size:18px;color:#8496a8;
    }
    .item-content h3 {
        font-size:14px;color:#221815;
    }
    .item-content p {
        font-size:12px;color:#221815;width:90%;
    }

.industry-list-item {
    display:inline-table;width:442px;text-align:left;margin-left:20px;margin-right:20px;margin-bottom:30px;
}
    .industry-list-item p {
        color:#9e9e9e;
    }

.industry {
    margin-top:30px;
}
.industry h1 {
    text-align:left;margin-left:170px;margin-bottom:30px;
}

.contact {
    width:650px;text-align:left;margin:0 auto;margin-top:30px;margin-bottom:30px;
}

    .contact h1 {
        font-size:18px;padding-bottom:20px;
    }
    .contact p {
        line-height:160%;margin-top:20px;padding-bottom:20px;
    }

.add-message {
    margin-top:20px;
}
.add-message-list span {
    display:inline-table;width:80px;
}
.add-message-list li {
    line-height:35px;
}
input[type=text] {
    border:1px solid #b0b0b0;width:270px;padding:2px;
}
textarea {
    border:1px solid #b0b0b0;width:560px;padding:2px;height:150px;margin-top:6px;
}
.add-message-list span.top {
    vertical-align:top;
}
.btn-submit,.btn-reset {
    border:0px;padding-left:30px;padding-right:30px;padding-top:3px;padding-bottom:3px;color:#fff;
}
.btn-submit {
    background-color:#54c3f1;margin-right:30px;
}
.btn-reset {
    background-color:#00388b;
}
.align-left {
    text-align:left;
}
.market-list {
    background:url(../images/contact-1_01.png) no-repeat right center;width:890px;height:500px;margin-top:40px;
}

.market-list-item {
    background:url(../images/service_23.png) no-repeat 0 top;width:380px;padding-top:20px;padding-bottom:20px;
}
    .market-list-item span {
        display:inline-table;width:150px;
    }

    .news-data {
    width:780px;text-align:left;margin:0 auto;margin-top:30px;margin-bottom:30px;margin-left:310px;
}
    .news-data h1 {
        font-size:18px;padding-bottom:20px;
    }
    .news-data p {
        line-height:160%;margin-top:20px;padding-bottom:20px;
    }
.news-data-top-content {
    width:765px; background-color:#eaeaea;padding:8px;height:179px;float:left;
}
    .news-data-top-content img {
        float:left;
    }
    .news-data-top-content div {
        float:left;width:410px;
    }
    .news-data-top-content p {
        margin:0px;padding:0px;
    }
.news-top-page {
    width:56px;float:right;
}
.news-data-top-content-right {
    position:relative;height:179px;padding-left:10px;
}
.time-more {
position:absolute;bottom:0px;width:100%;
}
    .time-more a {
        float:right;
    }
.news-data-top-content-right h3 {
    font-size:14px;
}
.news-data-top-content-right p {
    font-size:12px;color:#949495;line-height:150%;
}
.news-data-top-content-right h3 a {
    color:#000000;
}
.bg-line {
    width:780px;background:url(../images/service_23.png) no-repeat 0 bottom;height:30px;display:block;
}
.news-data-top {
    
}
.news-data-list ul {
    margin-top:20px;
}
.news-data-list li {
    line-height:24px;
}
.news-data-list li span{
    float:right;color:#949495;
}
    .news-data-list li a {
        color:#949495;
    }
    .news-data-list li a:hover {
        color:#000;
    }
.news-content {
    padding-top:30px;text-align:center;
}
.news-content-info {
    margin-top:20px;margin-bottom:20px;padding-bottom:20px;
    border-top:1px solid #b9b9b9;padding-left:40px;padding-right:40px;line-height:150%;color:#808080;text-align:left;padding-top:10px;
    border-bottom:1px solid #b9b9b9;
}
    .news-content-info img {
        max-width:700px;
    }
.pagebox {
    padding-top:20px;
}
.page a {
    color:#000;text-decoration:none;margin-left:30px;margin-right:30px;
}

/*右边工具*/
.right-tool {
    position:fixed;
    right:0px;
    top:50%;
    width:40px;
}
    .right-tool a, .right-tool a img{
        padding:0px;margin:0px;zoom:0;font-size:0;display:block
    }

        .tel-show {
            position:fixed;background-color:#b0b0b0;line-height:40px;padding-left:10px;padding-right:10px;display:none;
        }
.qrcode-show {
    position:fixed;background-color:#b0b0b0;line-height:164px;padding:8px;width:144px;height:144px;display:none;
}
.qrcode-show img{
    width:144px;height:144px;
}
/*招纳贤士*/
.w-p-10 {
    width:10%;
}
.w-p-20 {
    width:20%;
}
.w-p-30 {
    width:30%;
}
.w-p-40 {
    width:40%;
}
.w-p-50 {
    width:50%;
}
.w-p-60 {
    width:60%;
}
.w-p-70 {
    width:70%;
}
.w-p-80 {
    width:80%;
}
.w-p-90 {
    width:90%;
}
.w-p-100 {
    width:100%;
}
.recruit  {
     border-bottom:#00388b solid 1px;
        border-top:#00388b solid 1px;
        height:38px;
    
}
    .recruit thead {
        text-align:center;
    }
.recruit thead th span{
    color:#00388b;font-size:14px;font-weight:normal;background-color:#d2d2d2;height:28px;border-bottom:2px solid #fff;border-top:2px solid #fff;display:block;width:100%;line-height:28px;
}
.text-align-left {
    text-align:left;
}
.text-align-right {
    text-align:right;
}
.padding-left-30 {
    padding-left:30px;
}
td {
   text-align:center;line-height:30px;
}

tr.current {
    background-color:#d2d2d2;cursor:pointer;
}
.recruit-list tr {
    border-bottom:1px dashed #b0b0b0;
}

.search {
    margin-top:20px;text-align:center;

}
    .search span {
        padding-left:30px;
    }
    .search input[type="text"]{
        width:150px;
    }
    
    .search input[type="button"],.product-download input[type="button"]{
        width:80px;padding-top:3px;padding-bottom:3px;background-color:#00388b;border:0px;color:#fff;margin-left:30px;cursor:pointer;
    }

hr {
    border:0px;
    border-bottom:1px #949495 solid;margin:0px;
}
.recruit-info {
    margin-top:20px;
}
.recruit-info td {
    line-height:24px;
}
.recruit-info-content {
    line-height:150%;
}
.clicle {
    width:140px;
    height:30px;
    border:0px;
    background-color:#54c3f1;
    color:#fff;
    font-size:14px;
    -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari 和 Chrome */
  border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  -moz-box-shadow: 10px 10px 0px; /* Firefox */
  -webkit-box-shadow: 10px 10px 0px; /* Safari 和 Chrome */
  /*box-shadow: 10px 10px 0px #000;  Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  cursor:pointer;
}
/*产品列表*/
.product {
    margin-left:35px;
    margin-right:35px;
}
.float-left {
    float:left;
}
.product-menu {
    width:270px;text-align:right;
}
.product-menu .menu-item {
    border-right:1px #030000 solid;padding-right:20px;position:relative;
}
    .product-menu .menu-item h3 {
        padding-top:10px;font-size:20px;font-weight:normal;
    }
       .product-menu .menu-item h3 a {
            color:#000;
        }
       .product-menu .menu-item h3 a:hover {
            color:#00388b;
        }
   .product-menu .menu-item h3 span{
        display:block;
        width:12px;
        height:12px;
        border:3px solid #030000;
        -moz-border-radius: 12px; /* Firefox */
  -webkit-border-radius: 12px; /* Safari 和 Chrome */
  border-radius: 12px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  position:absolute;
  top:18px;
  right:-9px;
  background-color:#fff;
    }
   .product-menu .menu-item h3 span.current{
        display:block;
        width:12px;
        height:12px;
        border:3px solid #030000;
        -moz-border-radius: 12px; /* Firefox */
  -webkit-border-radius: 12px; /* Safari 和 Chrome */
  border-radius: 12px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  position:absolute;
  top:18px;
  right:-9px;
  background-color:#00388b;
    }


   .product-menu .menu-item ul {
        padding-top:5px;
    }
   .product-menu .menu-item li {
        line-height:20px;
    }
    .product-menu    .menu-item li a {
            color:#a3a3a3;
        }
     .product-menu    .menu-item li a:hover {
            color:#221815;
        }
.product-list {
    text-align:left;padding-left:50px;min-height:400px;
    width:701px;
}
    .product-list h1 {
        font-size:20px;color:#000;margin-top:12px;
    }
.product-menu .menu-item li a.current {
    color:#00388b;
}
.clear {
    clear:both;
}
.product-item {
    display:inline-table;margin-top:30px;margin-bottom:30px;
}
    .product-item p {
        margin-bottom:10px;
    }
.margin-right {
    margin-right:100px;
}
.product-list-item {
    background:url(../images/line-1_05.jpg) no-repeat top left;
    padding-top:20px;
    width:280px;
    display:inline-table;
    margin-top:30px;
    float:left;
}
.product-list-item img{
   min-height:208px;
   max-width:208px;
   max-height:208px;
    
}
    .product-list-item h3 {
        margin-top:10px;
    }
.product-list-item span {
    color:#9fa0a0;font-size:10px;font-family:Arial;
}
    .product-list-item a {
        color:#221815;
    }
     .product-list-item a:hover {
        color:#52A152;
    }
.product-info-title {
    margin-top:18px;
    background:url(../images/lines.jpg) repeat-x;
    height:20px;
    margin-bottom:20px;
}
    .product-info-title span {
        display:inline-block;background-color:#fff;line-height:20px;padding-right:20px;font-size:20px;
    }
        .product-info-title span img {
            margin-right:10px;
        }
.product-info-img {
    text-align:center;position:relative;height:340px;width:500px;vertical-align:middle; display: table-cell; background-color:#e9e9e9;

}
    .product-info-img img{*position:relative; top:-50%; left:-50%;}
.info-title {
    margin-top:20px;margin-bottom:20px;
}
.info-title h3 {
    font-size:16px;font-weight:normal;margin:0px;padding:0px;height:18px;
}
.info-title span{
    color:#949495;font-family:Arial;
}
.info-content h1 {
    font-size:18px;color:#00388b;
}
.info-content hr {
    margin-top:20px;
}
.product-download a{
    width:80px;padding-top:3px;padding-bottom:3px;background-color:#00388b;border:0px;color:#fff;margin-left:30px;cursor:pointer;display:inline-table;text-align:center;
}
.pro-img {
    text-align: center;
position: relative;
height: 160px;
width: 208px;
vertical-align: middle;
display: table-cell;
background-color: #e9e9e9;
}
.pro-img img {
    
    *position: relative;
    top: -50%;
    left: -50%;
    min-height:initial;
max-width: initial;
max-height: 160px;
}
.pro-img-1 {
    text-align: center;
position: relative;
height: 160px;
width: 208px;
vertical-align: middle;
display: table-cell;
/*background-color: #e9e9e9;*/
}
.pro-img-1 img {
    
    *position: relative;
    top: -50%;
    left: -50%;
    min-height:initial;
max-width: initial;
max-height: 160px;
}
/*人才观*/
.peple {
    background:url(../images/peple.png) no-repeat right top;
}
.peple-list {
    width:800px;height:500px;margin-top:10px;
}
.peple-list-item {
    background:url(../images/service_23.png) no-repeat -20px top;width:380px;padding-top:20px;padding-bottom:20px;

}
    .peple-list-item h3 {
        font-size:14px;margin-bottom:5px;
    }
    .peple-list-item div {
        color:#949495;
    }

    /*公司介绍*/
.company {

}
.company-title h1 {
    font-size:26px;font-weight:normal;
}
.company-title p {
    color:#464646;
}
.company-menu {
    margin-top:20px;
}
.company-menu a {
    width:91px;
    display:inline-table;margin-left:6px;margin-right:6px;
    color:#464646;font-size:18px;cursor:pointer;
}
.company-menu-current {
    background:url(../images/line-c.png) no-repeat center center ;background-size:100%;margin-left:30px;margin-right:30px;
}
.company-menu-current-item a {
display:inline-table;margin-left:6px;margin-right:6px;width:91px;
    color:#464646;font-size:18px;height:10px;margin-top:0px;margin-bottom:0;
}
    .company-menu-current-item a.current {
        background-color:#f08300;height:10px;margin-bottom:0;overflow:hidden;
    }
.company-list {
    margin-top:20px;width:620px;margin:0 auto;text-align:left;
}
.company-list-item {
    display:none;
}
    .company-list-item p {
        line-height:150%;margin-top:10px;text-indent: 0em;margin-bottom:10px;
    }
    .company-list-item img {
        max-width:620px;
    }