body {

    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;

    font-size: 14px;

    line-height: 1.42857143;

    color: #333;

    background-color: #fff;

    margin: 0;

}

.wrapper{

    width: 100%;

    min-width: 1000px;

}

.wrapper .inner{

    width: 1190px;

    margin: 0 auto;

}

.cf{

    clear: both;

}

.cf:after{

    display: table;

    clear: both;

    content: "";

}

a{

    text-decoration: none;

    color: #333;

}

a:hover{

    text-decoration: underline;

}

img{

    border: none;

}

ul,ol,p{

    margin: 0;

    padding:0;

}

ul,ol{

    list-style: none;

}

*{

    box-sizing: border-box;/**盒子模型：怪异模式**/

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}

/******------------header 页头------------*******/

.header{

    margin: 0;

    padding: 20px 0;

    /*background: url(../image/shadow.png) no-repeat left bottom;*/

    background: #f0f0f0;

    background-size: contain;

}

.header .header-content{

    

    width: 140px;

    float: left;

}

.header .header-content img{
	display: inline-block;
width: 170px;
    margin-top: 5px;
}


/**--主导航--**/

.header .header-nav{

	width: 1050px;

    position: relative;

    z-index: 100;

    height: 42px;

    float: left;

}

.header ul,.header li{

    list-style: none;

    margin: 0;

    padding: 0;

}

.header .level-1 .item{

    float: left;

    position: relative;

}

.header .level-1 .item a{

    display: block;

    width: 116.6666px;

    text-align: center;

    height: 42px;

    line-height: 42px;

    font-size: 16px;

    color: #666;

    text-decoration: none;

}

.header-nav ul.level-1 li.hover, .header-nav ul.level-1 li.cur {

    position: relative;

}

.header-nav ul.level-1 li.hover a, .header-nav ul.level-1 li.cur a{

    position: relative;

    color: #FE0000;

}

.header-nav ul ul {

    width: 100%;

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 9999;

    background: #f0f0f0

}

.header-nav ul ul li {

    font-weight: normal;

    /*background:#fff;*/

    opacity: 0.9;

    /*filter: alpha(opacity=90);*/

    float:none;

}

.header-nav ul.level-1 li.hover ul li a {

    border-right:none;

    display:inline-block;

    height: 36px;

    line-height: 36px;

}

.header-nav ul li.hover ul li.hover{

    background-color: #FE0000;

}

.header-nav ul.level-1 .level-2 li a{

	color: #333;

}

.header-nav ul li.hover ul li.hover a {

    color:#fff;

}

/*****------幻灯片-----*******/

.slideShow{

    margin: 0;

    padding: 0 ;

    position: relative;

    z-index: 0;

}

.swiper-pagination {

    position: absolute;

    z-index: 20;

    left: 0px;

    text-align: center;

    width: 100%;

    bottom: 10px;

}

.swiper-pagination-switch {

    display: inline-block;

    width: 8px;

    height: 8px;

    border-radius: 8px;

    background: #222;

    margin-right: 5px;

    opacity: 0.8;

    border: 1px solid #fff;

    cursor: pointer;

}

.swiper-visible-switch {

    background: #aaa;

}

.swiper-active-switch {

    background: #fff;

}

.slideShow .swiper-slide a{

    height: 600px;

    display: block;

    background-position: center center;

    background-repeat: no-repeat;

}

/******------------container 主容器------------*******/

.container{

    min-height: 550px;

}

.slideShow{

    position: relative;

    z-index: 0;

}

.container .cont-left{

	position: relative;

    float: left;

    width: 175px;

    margin-right: 85px;

    top:-45px;

}

.treeBox{

	margin-bottom: 18px;

}

.treeBox h3 {

	text-align: center;

	width: 175px;

	height: 75px;

    margin: 0;

    color: #e4f3de;

    background: #FF080A;

    font-weight: bold;

    font-size: 18px;

	position: relative;

    z-index:999;

}

.treeBox h3 .treeBox_cn_nav{

	padding-top: 18px;

	font-size: 20px;

}

.treeBox h3 .treeBox_en_nav{

	padding-bottom 18px;

	font-size: 12px;

	font-style: normal;

}

.treeBox h3 .treeBox_nav_icon{

	position: absolute;

	width: 20px;

	height: 20px;

	right: 15px;

	top: 30px;

	background: url(..//image/treeBox_nav_icon.png) no-repeat center;

}

.treeBox ul,.treeBox li{

    list-style: none;

    padding-left: 0;

}

.treeBox li {

	border: 1px solid #eeeeee;

    line-height: 50px;

}

.treeBox li.cur a{

    color: #FF080A;	

    background: url(../image/prolist_icon.png) no-repeat center right;

}

.treeBox li ul.sec_nav li a{

	text-align: right;

	font-size: 12px;

	color: #333;

}

.treeBox li ul.sec_nav{

	display: none;

}

.treeBox li ul.sec_nav li{

	line-height: 30px;

}

.treeBox li.cur ul.sec_nav{

	display: block;

}

.treeBox li.cur ul.sec_nav a{

	background: none;

	text-align: right;

}

.treeBox li ul.sec_nav li.cur a,

.treeBox li.cur ul.sec_nav li.cur a{

	font-size: 12px;

	background: none;

	color: #F46547;

}

.treeBox li a {

	width: 130px;

	margin: 0 auto;

	font-size: 16px;

	display: block;

	text-align: center;

    color: #797979;

}

.treeBox li a:hover{

	text-decoration: none;

	color: #FF080A;

}

.treeBox li ul.sec_nav li a:hover{

	color: #FF080A;

}

.container .cont-right{

    float: left;

    width: 930px;

    overflow: hidden;

    min-height: 500px;

}

.container .location {

	font-size: 12px;

	color: #333333;

    line-height: 55px;

}

.container .location .location-address span{

	float: left;

}

.container .location .location-address span.home{

	padding-left: 25px;

	background: url(../image/home.png) left 18px no-repeat;

}

.container .location .separator{

	display: inline-block;

	width: 16px;

	height: 55px;

	background: url(../image/2-icon.png) no-repeat center;

}

.recBox{

    background: #fff;

    padding: 0;

    margin: 0 auto;

}

.recBox .title {

	display: block;

	background: #e0dede;

    margin: 0;

    padding: 0;

    line-height: 50px;

    font-size: 25px;

    font-weight: normal;

    text-align: center;

    text-decoration: none;

}

.recBox .title span{

	background: #e0dede;

    line-height: 80px;

    font-size: 18px;

    text-transform: uppercase;

    margin-left: 10px;

}

/*主页产品样式*/

.recBox .rec-product{

    background: url(../image/product-bg.png) no-repeat top center;

    background-size: cover;

	height: 870px;

	padding-top: 160px;

}

.rec-product .item-wrap{

	position: relative;

	width:870px;

	height: 550px;

	margin: 0 auto;

	background: url(../image/product.png) no-repeat top center;

	background-size: contain;

}

.rec-product .item {

	position: absolute;

	display: block;

    width: 33.3333%;

    left: 15px;

    top: 20px;

    text-align: center;

    line-height: 130px;

    font-size: 18px;

    color: #fff;

    text-decoration: none;

}

.rec-product .item:hover{

	transform: scale(1.8);

	-webkit-transform: scale(1.8);

	-ms-transform: scale(1.8);

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-ms-transition: all 0.3s;

}

.rec-product .item-2{

	width: 250px;

	left: 600px;

}

.rec-product .item-3{

	top: 220px;

	left: 305px;

}

.rec-product .item-4{

	top: 400px;

	left: 30px;

}

.rec-product .item-5{

	width: 250px;

	top: 400px;

	left: 600px;

}

.rec-product .img {

    border: 1px solid #E4E4E4;

    margin-bottom: 8px;

    margin: 5px;

    transition: background 2s;

    -ms-transition: background 2s;

    -moz-transition: background 2s;

    -webkit-transition: background 2s;

}

.rec-product .item:hover .img{

    background: #36add6;

}

.rec-product .img a {

    display: block;

    padding: 5px;

}

.rec-product .img img {

    width: 100%;/*产品宽度*/

}

.recService{

	position: relative;

}

.recService img{

	display: block;

	width: 100%;

}

.recService .rec-service{

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	padding-top: 15%;

}

.recService .rec-service .inner{

	padding-left: 180px;

	padding-right: 180px;

}

.recService .rec-service .item{

	display: block;

	float:left;

	width: 50%;

	color: #fff;

	text-align: center;

	text-decoration: none;

	margin-bottom: 40px;

}

.recService .rec-service .item p{

	margin: 0;

	line-height: 25px;

	display: inline-block;

	margin-top: 20px;

	border: 1px solid #fff;

	padding: 0 10px;

}

.recService .rec-service .item .img{

	width: 90px;

	height: 85px;

	margin: 0 auto;

	background: url(../image/service-1.png) no-repeat top center;

	background-size: contain;

}

.recService .rec-service .item:hover p{

	color: #FE0000;

	border-color:#FE0000;

}

.recService .rec-service .item-2 .img{

	width: 90px;

	height: 85px;

	background: url(../image/service-2.png) no-repeat top center;

}

.recService .rec-service .item-3 .img{

	width: 90px;

	height: 85px;

	background: url(../image/service-3.png) no-repeat top center;

}

.recService .rec-service .item-4 .img{

	width: 90px;

	height: 85px;

	background: url(../image/service-4.png) no-repeat top center;

}

/*主页公司简介样式*/

.recBox .rec-page{

    background: url(../image/page-bg.png) no-repeat top center;

	height: 1000px;

	background-size: cover

}

.rec-page .item {

	display: block;

    width: 388px;

    font-size: 20px;

    color: #fff;

    float: left;

    padding: 0  40px 0 70px ;

    margin-top: 650px;

    text-decoration: none;

}

.rec-page .item .page-title{

	padding-right: 15px;

	text-align: right;

	margin-bottom: 10px;

	text-transform: uppercase;

}

.rec-page .item .text{

	text-align: left;

	font-size: 12px;

	line-height: 25px;

}

.rec-page .item-2{

	padding: 0  50px 0 70px ;

	margin-top: 350px;

	width: 443px;

}

.rec-page .item-3{

	margin-top: 90px;

	width: 359px;

}

.rec-page .item:hover{

	/*transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-ms-transition: all 0.3s;*/

}

.recBox .rec-team{

    background: url(../image/team-bg.jpg) no-repeat top center;

	height: 1180px;

	background-size: cover;

	color: #fff;

}

.recBox .rec-team .item{

	display: block;

	text-decoration: none;

	padding: 0 200px;

	font-size: 18px;

	line-height: 35px;

	color: #fff;

}

.recBox .rec-team{

	padding-top: 300px;

	text-align: center;

}

.recBox .rec-team .page-small-title{

	font-size: 18px;

}

.recBox .rec-team .page-title{

	font-size: 22px;

	margin: 100px 0;

}

.recBox .rec-team .text:hover{

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-ms-transition: all 0.3s;

}

.recBox .rec-party{

	text-align: center;

}

.recBox .rec-party .item{

	display: block;

	text-decoration: none;

	color: #fff;

}

.recBox .rec-party .item .text{

	width: 500px;

	margin: 0 auto;

	font-size: 18px;

	line-height: 35px;

	color: #fff;

}

.recBox .rec-party .text:hover{

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-ms-transition: all 0.3s;

}

.recBox .rec-party .page-title{

	font-size: 22px;

	margin: 100px 0 240px 0;

}

.recParty,.recTeam{

	position: relative;

}

.recParty img,.recTeam img{

	display: block;

	width: 100%;

}

.recBox .rec-party,.recBox .rec-team{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	color: #fff;

}

.container .recPartner{

	height: 1000px;

	background: url(../image/partner2.png) no-repeat center center;

}

/*.container .recPartner:hover{

	background: url(../image/partner.png) no-repeat center center;

}*/

.recPage .strength img{

	display: block;

	width: 100%;

}

.recPage .strength p{

	margin: 0;

	padding: 0;

}

/*主页案例样式*/

.recBox .rec-case{

	background: url(../image/case-bg.png) no-repeat top center;

	background-size: cover;

	height: 895px;

	padding-top: 55px;

}

.rec-case .item {

	position: relative;

	display: block;

    float: left;

    width: 33.3333%;

    text-align: center;

    border: 1px solid #000;

    text-decoration: none;

    float: left;

    max-height: 250px;

    overflow: hidden;

}

.rec-case .item .mask{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 250px;

	background: rgba(0,0,0,0.5);

	z-index: 0;

}

.rec-case .item .name{

	position: absolute;

	top: 40%;

	width: 100%;

	color: #fff;

	text-align: center;

	font-size: 18px;

	z-index: 9999;

}

.rec-case .item img {

	display: block;

    width: 100%;/*产品宽度*/

}

.rec-case .item:hover .name{

	top: 30%;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-ms-transition: all 0.3s;

}

.rec-case .item:hover .small-icon{

	display: block;

	position: absolute;

	bottom: 0;

	width: 40px;

	height: 40px;

	left: 45%;

	margin-bottom: 20%;

	background: url(../image/hover-icon.png)no-repeat top center;

	background-size: contain;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition:all 0.5s;

}

.rec-case .item .small-icon:hover{

	transform: rotateY(360deg);

	-webkit-transform: rotateY(360deg);

	transition: all 0.1s;

	-webkit-transition: all 1s;

	-ms-transition: all 1s;

}

.rec-case .item:hover img{

	transform: scale(1.2);

	transition: transform 0.5s;

	-webkit-transition:transform 0.5s;

	-ms-transition:transform 0.5s;

	-webkit-transform:scale(1.2);

	-ms-transform:scale(1.2);

}

.rec-case .item:hover .mask{

	top: 0;

	transition: top 0.5s;

	-webkit-transition: top 0.5s;

	-ms-transition:top 0.5s;

}

.rec-case a.more{

	display: block;

	width: 100%;

	text-align: center;

	color: #fff;

	font-size: 18px;

	float: left;

	line-height: 80px;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

}

.rec-case a.more:hover{

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transition: all 0.2s; 

	-webkit-transition: all 0.2s; 

	-ms-transition: all 0.2s; 

}

/*主页新闻样式*/

.rec-news-list{

    background: #fff;

    padding: 0 0px 10px;

    margin: 0 auto;

    margin-bottom: 15px;

}

.rec-news-list ul,.rec-news-list li{

    list-style: none;

    margin: 0;

    padding-left: 0;

}

.rec-news-list h3{

    margin: 0;

}

.rec-news-list .smallBox{

    float: left;

    width: 50%;

}

.rec-news-list .smallBox ul{

    padding: 0 10px;

}

.rec-news li {

    background: url("../image/icon_red.gif") no-repeat left 50%;

    border-bottom: 1px dotted #D1D1D1;

    line-height: 38px;

    padding-left: 15px;

    position: relative;

}

.rec-news li a{

	display: block;

	padding-right: 80px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.rec-news li b.article-time {

    position: absolute;

    right: 0;

    top: 0;

    color: #999999;

    font-weight: normal;

}

/**优势**/

.strength{

	padding-bottom:0;

}



.strength-info img{

    width: 100%;

    display: block;

}

/**--contact联系我们--**/

.contact .smallBox{

    float: left;

    width: 50%;

    margin-top: 10px;

}

.contact .contact-info{

    padding: 5px 10px 20px;

}

.contact .small-title{

    font-size: 24px;

    font-weight: bold;

    color: #0084D6;

    letter-spacing: 2px;

}

.contact .small-title .icon{

    font-size: 24px;

    margin-right: 10px;

}

.contact .small-title-info{

    color: #666;

    margin-left: 35px;

    font-size: 16px;

}



.contact #message{

    margin-top: 5px;

}

.contact #message .input-area {

    margin-bottom: 10px;

    position: relative;

}

.contact #message .label-name {

    min-width: 60px;

    display: inline-block;

    vertical-align: middle;

}

.contact #message .content {

    width: 330px;

    height: 80px;

}

.contact #captcha {

    text-transform: uppercase;

}

.contact #message #refreshCode {

    cursor: pointer;

    position: absolute;

    margin-left: 2px;

}

*+html .contact #message #refreshCode{

	cursor: pointer;

	position: relative;

    top:2px;

    right: 0;

}

.contact #message .textInput {

	width: 330px;

    padding: 0 4px;

    height: 28px;

    border: 1px solid #DDDDDD;

}

.contact #message .textarea .label-name{

    vertical-align: top;

}

.contact #message .content{

    height: 80px;

    border: 1px solid #ddd;

}



.contact #captcha{

    text-transform: uppercase;

}

.contact #message .btn:hover{

	filter: alpha(opacity=80);

	opacity: 0.8;

}

.contact #message .btn {

	text-decoration: none;

    display: inline-block;

    background-color: #0084D6;

    color: #EEE;

    padding: 6px 25px;

    text-transform: capitalize;

    cursor: pointer;

    font-weight: bold;

}

.contact #message .my-tip{

    margin-left: 10px;

}

.contact #message .success-info{

    color: #19AB19;

}

.contact #message .error-info{

    color: #cc0000;

}

#myMap{

    height: 800px;

}

/***---资讯中心---***/

.cont-right .newsList .item{

    border-bottom: 1px dotted #d2d2d2;

    padding: 20px 0;

    position: relative;

    height: 168px;

    *height: 128px;

}

.cont-right .newsList .item a{

    text-decoration: none;

}

.cont-right .newsList .item .img-wrap{

    position: absolute;

    left: 0;

    top: 20px;

    width: 182px;

    height: 128px;

    border: 1px solid #444444;

    padding: 4px;

}

.cont-right .newsList .item .img-wrap img{

    width: 100%;

    height: 100%;

}

.cont-right .newsList .item:hover .img-wrap{

    border-color: #36add6;

}

.cont-right .newsList .item .news-info-wrap{

    margin-left: 200px;

    height: 100%;

    width: 470px;

}

.cont-right .newsList .item .news-info-wrap .title{

    padding: 15px 0;

    font-size: 18px;

    color: #333;

}

.cont-right .newsList .item .news-info-wrap .desc{

    font-size: 13px;

    color: #666666;

    line-height: 22px;

}

.cont-right .newsList .item:hover .title{

    color: #36add6;

}

.cont-right .newsList .item:hover .desc{

    color: #333;

}

.cont-right .newsList .numDate {

    position: absolute;

    top: 40px;

    right: 0;

    text-align: right;

}

.cont-right .newsList .numDate p{

    color: #999;

    font-size: 13px;

}

.newsList .numDate .click-count {

    float: right;

    margin-top: 10px;

    width: 37px;

    height: 25px;

    line-height: 25px;

    background-color: #36add6;

    color: #FFF;

    font-size: 14px;

    font-weight: bold;

    text-align: center;

}

.news .info, .case .info {

    padding: 2px 0 20px 0;

    color: #999999;

    font-size: 13px;

}

.news .content img{

    max-width: 100%;

}

/*******---product---******/

.productList .item{

    float: left;

    width: 300px;

    text-align: center;

    margin-bottom: 10px;

}

.productList .item .name{

	line-height: 40px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

}

.productList .item:hover .name a{

    color: #FE0000;

	text-decoration:none;

}

.productList .item img{

	display: block;

    width: 100%;

    min-height: 195px;

}

.productList .item .img{

	padding: 2px;

	border: 1px solid #ccc;

}

.productList .item .img a{

	display: block;

	overflow: hidden;

}

.productList .item:hover img{

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: all 0.3s;

}

.productList .item-1{

    margin-right: 5px;

}

.productList .item-2{

    margin: 0 5px;

}

.productList .item-0{

    margin-left: 5px;

}

.product .content h3 {

    height: 35px;

    line-height: 35px;

    color: #7A7F81;

    font-weight: bold;

    font-size: 14px;

    border-bottom: 1px solid #CBD1D3;

}

.product .main-image{

    max-width:60% ;

}

.product .content img{

    max-width: 100%;

}

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

.caseList .item{

    float: left;

    width: 300px;

    text-align: center;

    margin-bottom: 10px;

}

.caseList .item .name{

	line-height: 40px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

}

.caseList .item:hover .name a{

    color: #FE0000;

	text-decoration:none;

}

.caseList .item img{

	display: block;

    width: 100%;

    border: 1px solid #ccc;

    padding: 2px;

    min-height: 150px;

}

.caseList .item-1{

    margin-right: 5px;

}

.caseList .item-2{

    margin: 0 5px;

}

.caseList .item-0{

    margin-left: 5px;

}



.case .content h3 {

    height: 35px;

    line-height: 35px;

    color: #7A7F81;

    font-weight: bold;

    font-size: 14px;

    border-bottom: 1px solid #CBD1D3;

}

.case .content img{

    max-width: 100%;

}

/*******------column------*******/

.columnList{

	min-height: 500px;

}

.columnList .item{

	display: block;

	text-decoration: none;

    margin-bottom: 20px;

    height: 80px;

}

.columnList .item .img{

	border: 1px solid #ccc;

	float: left;

	height: 80px;

	width: 120px;

	margin-right: 10px;

	overflow: hidden;

}

.columnList .item .title{

	font-size: 18px;

	line-height: 40px;

	color: #333;

}

.columnList .item .text{

	font-size: 12px;

	color: #888;

	line-height: 20px;

}

.columnList .item:hover img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

}

.columnList .item:hover .title{

	color: #FE0000;

}

.columnList .item img{

	display: block;

	width: 100%;

}

#myMap .BMap_mask{

	background: #000;

	opacity: 0.35;

	filter: alpha(opacity=35);

}

.columnContent .content h3 {

    height: 35px;

    line-height: 35px;

    color: #7A7F81;

    font-weight: bold;

    font-size: 14px;

    border-bottom: 1px solid #CBD1D3;

}

.columnContent .main-image{

    max-width: 80%;

}

.columnContent .content img{

    max-width: 100%;

}

/*******------page------*******/

.page h1 {

    color: #333333;

    font-size: 24px;

    margin: 0;

    padding: 10px 0;

    border-bottom:1px solid #eee;

    font-weight: bold;

}

.page .content{

	padding: 20px 0;

}

.page .content img{

	max-width:100%;

}

/*********-----job-----************/

.job .job-form-info .job-tip-info{

	background: #EEEEEE;

	padding: 5px 0 5px 10px;

	font-size: 14px;

	font-weight: bold;

	color: #444;

}

.job .job-form-info table{

	width: 100%;

	

}

.job .job-form-info table td{

	padding: 4px;

}

.job .job-form-info table .col-1{

	width: 70px;

}

.job .job-form-info table td input[type='text']{

	border: 1px solid #CCCCCC;

	height: 30px;

	width: 300px;

	padding: 0 5px;

	*width: 288px;

	*height: 28px;

}

.job .job-form-info table td textarea{

	border: 1px solid #CCCCCC;

	height: 100px;

	width: 300px;

	padding: 0 5px;

	*width: 288px;

	*height: 28px;

}

.job .job-form-info table td a{

	display:inline-block;

	border: 1px solid #DDDDDD;

	padding: 5px 20px;

	text-decoration: none;

	margin-right: 20px;

}

.job .job-form-info table td a:hover{

	filter: alpha(opacity=80);

	opacity: 0.8;

}

.job .job-form-info table td a.submit{

	background-color:#0084D6;

	color: #FFF;

}
.job .job-form-info table td a.reset{

	background-color:#EEEEEE;

	

}

.job .submit-tip-info{

	background-color: #EDECE5;

	padding: 5px 10px;

	width: 300px;

}

/**--message--**/

.message-cont-wrap{

	float: left;

}

.message-cont-wrap table tr{

	text-align: right;

}

.message-content-wrap{

	width: 500px;

	width: 408/0;

	*width: 408px;

}

.message-content-wrap h2{

	text-align: center;

	padding-top: 47px;

}

.message-content-wrap table{

	text-align: left;

	table-layout: fixed;

	width: 100%;

	height: 380px;

}

.message-content-wrap table td.col-1{

	width: 85px;

	text-align: right;

}

.message-content-wrap table td.col-2{

	width: 415px;

}

.message-content-wrap table .button{

	text-align: center;

}

.message-content-wrap table .address{

	width: 97px;

	margin-left: 11px;

}

.message-content-wrap table .active{

	background: red;

}

.message-content-wrap table .input-button{

	margin-right: 30px;

	width: 93px;

	border: 0;

	height: 30px;

	line-height: 30px;

	color: #fff;

	cursor: pointer;

	background: #a0a0a0;

}

.message-content-wrap table .button-clear{

	background: #a0a0a0;	

}

.message-content-wrap table .button-submit{

	background: #0084D6;

}

.message-content-wrap table .button-submit:hover,.message-content-wrap table .button-clear:hover{

	filter: alpha(opacity=80);

	opacity: 0.8;

}

.message-content-wrap table .text{

	color: #333;

	width: 60px;

	text-align: right;

}

.message-content-wrap table .captcha_text{

	width: 200px;

}

.message-content-wrap table .message-input_captcha{

	text-indent: 3PX;

	width: 80%;

	*width: 72%;

	height: 30px;

	margin-left: 2%;

	font-size: 18px;

	border: 1px solid #ddd;

}

.message-content-wrap table #refreshCode{

	margin: 0;

	padding: 0;

	position: relative;

	bottom: -8px;

	*bottom: 0;

	left: 6PX;

}

.message-content-wrap table .message-input{

	text-indent: 3PX;

	width: 98%;

	*width: 95%;

	height: 30px;

	margin-left: 2%;

	font-size: 18px;

	border: 1px solid #ddd;

}

.message-content-wrap table select{

	height: 30px;

	line-height: 30px;

	border: 1px solid #CCCCCC;

	*height: 28px;

	height: 28px\0;

}

.message-content-wrap table .message-content{

	height: 85px;

	resize: none;

}

.message-content-wrap table .message-tip{

	float: right;

	width: 100%;

	padding-left:12px;

}

.message-content-wrap table .message-tip-info{

	height: 30px;

}

.message-content-wrap table .success-info{

	text-align: center;

	line-height: 30px;

	color: #008000;

    background-color: #DDDDDD;

    height: 30px;

    font-size: 15px;	

}

.message-content-wrap table .error-info{

	text-align: center;

	line-height: 30px;

	color: #FF2F2F;

    background-color: #DDDDDD;

    height: 30px;

    font-size: 15px;

}

.message-board-wrap{

	width: 285px;

	height:310px;

	position: absolute;

	left:795px ;

	top:90px;

	color: #333333;

	overflow: hidden;

}

.message-board-wrap #messageRecord{

	height: 100%;

}

.message-board-wrap .table-base{

	width: 100%;

}

.message-board-wrap .table-base .col-1{

	font-size: 13px;

	display: block;

	float: left;

	width: 23px;

	color: #999999;

}

.message-board-wrap .table-base .col-3{

	font-size: 12px;

	display: block;

	float: left;

	width: 188px;

	color: #999;

}

.message-board-wrap .table-base .col-2{

	display: block;

	float: right;

	font-size: 12px;

	color: #999999;

}

.container .message-wrap{

    position: relative;

    margin-top: 30px;

    margin-left: 200px;

}

.container .message-list{

    position: absolute;

    right: 0;

    top: 50px;

    width: 500px;

    max-height: 800px;

    overflow-y: auto;

}

.container .message-list{

    padding: 0 10px 10px;

}

.container .message-list-title{

    font-size: 20px;

    text-align: center;

    margin-bottom: 20px;

}

.container .message-list table{

    width: 100%;

}

.message-list .col-2{

    text-align: right;

    width: 70px;

    font-size: 12px;

    color: #999;

}

.message-list .guest-message td{

    padding-top: 10px;

}

.message-list .guest-message td.col-1{

    color: #FF2F2F;

    width: 60px;

}



p, ul, ol{

    margin: 0;

    padding: 0;

}

/* step

----------------------------------------------- */

.step{

    margin: 30px 0 5px;

}

.step div{

    margin-bottom: 10px;

}

.step .back a{

    padding:4px 10px;

    border: 1px solid #DDDDDD;

}

.step .last,.step .next{

    padding-left: 10px;

}

/**--分页--**/

.pager {

    text-align: right;

    padding-top: 20px;

    color: #666;

}

.pager a {

    color: #666;

    text-decoration: underline;

}

/***---关于我们---***/

.about .left{

    float: left;

    width: 300px;

	margin-right:10px;

}

.about .left img{

    width: 100%;

}

.about .right{

    padding-top: 20px;

    color: #666666;

}

.about img{

	width: 100%;

	display: block;

}

/******------------link 友情链接------------*******/

.flink {

	position: relative;

	top:-10px;

    background: #101010;

    color: #EEEEEE;

    padding: 0;

    /*text-align: center;*/

}

.flink .link-line{

	height: 1px;

	background: #CCCCCC;

	width: 66px;

}

.link strong {

    color: #EEEEEE;

    font-weight: bold;

}

.flink .link{

	padding: 5px 0;

}

.link a {

    color: #EEE;

}



/******------------footer 页脚------------*******/

.footer{

    background-color: #101010;

    padding: 10px 0;

    padding-bottom: 0;

    color: #aaa;

}

.footer .left{

	float: left;

	width: 50%;

}

.footer .right{

	float: right;

	width: 50%;

}

.footer .left p a,

.footer .right p a{

	color: #aaa;

}

.footer .right p{

	color: #aaa;

	text-align: right;

}

.footer .left p,

.footer .right p{

	margin: 0;

	padding: 0;

	line-height: 40px;

}

.footer .right p img{

	display: inline-block;

	width: 40px;

	position: relative;

	top: 18px;

}

/****---客服服务---****/

.service-bar{

    border: 1px solid #E7E7E7;

    border-bottom: none;

    background: #fff;

    position: fixed;

    right: 10px;

    bottom: 100px;

    z-index: 999;

    font-size: 12px;

     width: 70px;

}

.service-bar a {

    display: block;

    cursor: pointer;

    width: 70px;

    height: 60px;

    border-bottom: 1px solid #E7E7E7;

    position: relative;

    color: #676767;

    text-align: center;

}

.service-bar s,.service-bar .qq-icon,.service-bar .message-icon{

    display: block;

    margin: 0 auto;

    position: absolute;

}

.service-bar .backTop{

    display: none;

    overflow: hidden;

}

.service-bar .backTop s{

    height: 32px;

    width: 32px;

    background: #999 url("../image/backTop.png") no-repeat;

    top: 14px;

    left:19px;

}

.service-bar .backTop:hover s{

    background-color:  #fa564a;

}

.service-bar .qqservice,.service-bar .message{

    height: 66px;

    text-decoration: none;

}

.service-bar .qqservice .qq-icon,.service-bar .message .message-icon{

    color: #FE0000;

    top:6px;

    left: 19px;

    height: 32px;

    line-height: 32px;

}

.service-bar .qqservice i,.service-bar .message i{

    font-size: 32px;

}

.service-bar .qqservice:hover .qq-icon,.service-bar .message:hover .message-icon{

    color: #fa564a;

}

.service-bar .qqservice span,.service-bar .message span{

    display: block;

    padding-top: 44px;

}

.service-bar .weixin s{

    width: 36px;

    height: 36px;

    background: #999 url("../image/weixin_icon.png") center center no-repeat;

    top: 12px;

    left: 17px;

}

.service-bar .weixin:hover s{

    background-color: #057DBF;

}

.service-bar .weixin i{

    background: url("../image/wx-icon.jpg") center center no-repeat;

    background-size:100% 100% ;

    width: 100px;

    height: 100px;

    position: absolute;

    left: -101px;

    top: 0px;

    /*margin-top: -100px;*/

    display: none;

}

.service-bar .weixin:hover i{

    display: block;

}

.service-bar .service-tel{

	width: 69px;

	background: #fff;

	color: #666;

	text-decoration: none;

}

.service-bar .service-tel:hover{

	background: #D19118;

	color: #fff;

}

.service-bar .service-tel .tel-icon{

	position: absolute;

	color: #666;

    top: 6px;

    left: 22px;

    height: 32px;

    line-height: 32px;

}

.service-bar .service-tel:hover .tel-icon{

	color: #fff;

}

.service-bar .service-tel .tel-icon .iconfont{

	font-size: 28px;

}

.service-bar .service-tel .tel-title{

	display: block;

    padding-top: 38px;

}

.service-bar .service-tel .phone{

	display:none;

	position: absolute;

	height: 59px;

	width: 0;

	left: -120px;

	top: 0;

	background: #D19118;

}

.service-bar .service-tel:hover .phone{

	display:block;

	width: 120px;

	left: -120px;

}

.service-bar .service-tel .phone span{

	line-height: 30px;

	font-size: 16px;

}