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: 1100px;

    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;

}

.header .header-top{

    height: 40px;

    width: 100%;

    text-align: right;

    color: #FFFFFF;

    background: #1B93F4;

}

.header .top-left {

    list-style: none;

    float: left;

    height: 40px;

    line-height: 40px;

    color: #FFFFFF;

    font-size: 12px;

    margin-left: 40px;

}

.header .top-left .site-name {

    color: #f60;

}

.header .top-right {

    position: relative;

    z-index: 1000;

    height: 40px;

    float: right;

    margin-right: 40px;

}

.header .top-right .shu{

	display: inline-block;

	width: 1px;

	height: 12px;

	background: #FFFFFF;

	vertical-align: middle;

}

.header .top-right .shu:last-child{

	display: none;

}

.header .top-right  a {

    padding: 0 2px;

    line-height: 40px;

    color: #FFFFFF;

    font-size: 12px;

}

.header .top-right .favorite {

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

    padding: 0 0 0 20px;

}

.header .top-right  s {

    width: 1px;

    height: 10px;

    background:#DDD;

    display: inline-block;

    overflow: hidden;

}

.header .header-content{

    background: #fff;

    position: relative;

}

.header .header-content .inner{

	padding: 35px 0;

	height: 130px;

}

.header-content .inner .cont-left{

	float: left;

	margin-left: 40px;

}

.header-content .inner .cont-left img{

	height: 60px;

}

.header-content .inner .cont-right{

	float: right;

	margin-right: 40px;

	text-align: right;

}

.header-content .inner .cont-right .phone{

	height: 30px;

	padding-left: 35px;

	line-height: 30px;

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

	background-size: 30px 30px;

	font-size: 18px;

}

.header-content .inner .cont-right .phone span{

	/*color: #F4B429;*/

	color: #1B93F4;

	font-size: 20px;

}

.header-content .inner .cont-right .ad{

	margin-top: 8px;

	color: #fff;

	font-size: 14px;

	/*background: #362C24;*/

	background: #333333;

	border-radius: 8px;

	display: inline-block;

	padding: 2px 20px;

}



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

.header .header-nav{

	margin: 0;

	padding: 0;

    /*background: #362C24;*/

    background: #333333;

    position: relative;

    z-index: 100;

    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15);

    height: 40px;

}

.header .level-1{

    list-style: none;

    margin: 0 40px;

    padding: 0;

}

.header .level-1 .item,.header .line{

    float: left;

    position: relative;

}

.header .level-1 .item a{

    display: block;

    width: 127px;

    padding: 0 12px;

    *width:99px;/*IE7*/

    text-align: center;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    color: #FFFFFF;

    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.item-a, .header-nav ul.level-1 li.cur a.item-a {

    /*background: #B28F7B;*/

    background: #1B93F4;

}

.header-nav ul ul {

    width: 100%;

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

}

.header-nav ul ul li {

    font-weight: normal;

    background: #362C24;

    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: #B28F7B;

}

.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: 400px;

    display: block;

    background-position: center center;

    background-repeat: no-repeat;

}

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

.container{

    min-height: 550px;

    /*padding: 20px 0;*/

    background: #ffffff;

}

.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: #B28F7B;*/

    font-weight: bold;

    font-size: 18px;

	position: relative;

    z-index:999;

    background: #1B93F4;

    

}

.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: #B28F7B;*/

    color: #1B93F4;

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

    position: relative;

}

.treeBox li.cur a:after{

	position: absolute;

	content: "";

	border: 4px solid transparent;

	border-left: 4px solid #1B93F4;

	top: 50%;

	right: 0;

	margin-top: -4px;

}

.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:#1B93F4;

}

.container .cont-right{

    float: left;

    width: 740px;

    overflow: hidden;

    min-height: 400px;

}

.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;

    /*margin-bottom: 15px;*/

}

.recBox .title {

	display: block;

	text-decoration: none;

	padding: 0 60px;

	text-align: center;

	margin: 60px 20px 50px 20px;

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

	background-size: 80%;

}

.recBox .title span{

	display: block;

}

.recBox .title .name-c{

	font-size: 36px;

	font-weight: bold;

}

.recBox .title .name-e{

	font-size: 12px;

	margin-top: -3px;

	letter-spacing: 2px;

}

.recBox img{

	/*width: 100%;*/

}

/*主页产品样式*/

.recBox .rec-product{

    padding-top: 50px;

    overflow: hidden;

}

.rec-product .item {

    float: left;

    width: 340px;

    margin-left: 20px;

    margin-bottom: 80px;

    text-align: center;

    padding: 15px;

    background: #fff;

    border: 1px solid #8D8D8D;

    border-radius: 3px;

}

.rec-product .item:hover {

	/*background: #B28F7B;*/

	border-color: #1B93F4;

}

.rec-product .item:hover a{

	/*color: #fff;*/

	color: #1B93F4;

}

.rec-product .img {

	margin-top: -60px;

    margin-bottom: 8px;

}

.rec-product .img img {

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

}

.rec-product .img a {

    display: block;

}

.rec-product .name{

	margin-top: 10px;

}

.rec-product .name a{

	color: #000000;

	font-size: 16px;

	text-decoration: none;

}

.rec-product .desc{

	margin-top: 10px;

	height: 40px;

}

.rec-product .desc a{

	color: #808080;

	text-decoration: none;

}



/**致力目标**/

.rec-target{

	width: 100%;

	height: 300px;

	background: url(../image/target.jpg) center center no-repeat;

	/*margin-top: 50px;*/

}

.rec-target2{

	width: 100%;

	height: 300px;

	background: url(../image/target2.jpg) center center no-repeat;

	/*margin-top: 70px;*/

}

.rec-target3{

	width: 100%;

	height: 300px;

	background: url(../image/target3.jpg) center center no-repeat;

	/*margin-top: 70px;*/

}



/*主页案例样式*/

.recBox .rec-case{

    padding-top: 10px;

}

.rec-case .item {

    float: left;

    width: 25%;

    text-align: center;

}

.rec-case .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-case .item:hover .img{

    background: #36add6;

}

.rec-case .img a {

    display: block;

    padding: 5px;

}

.rec-case .img img {

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

}

/*主页新闻样式*/

.rec-news-list{

    background: #fff;

    padding: 0 0px 10px;

    margin: 0 auto;

    margin-bottom: 15px;

}

.rec-news-list .news-wrap{

	overflow: hidden;

	padding: 0 40px;

}

.rec-news-list .news-wrap .news-item{

	float: left;

	margin: 0 30px 20px 30px;

	width: 450px;

	display: block;

	text-decoration: none;

}

.rec-news-list .news-item .news-img,

.rec-news-list .news-item .news-img img{

	width: 100%;

}

.rec-news-list .news-item .news-title{

	margin-top: 20px;

	text-align: right;

}

.rec-news-list .news-item .news-title .news-title-cont{

	font-size: 16px;

	color: #362C24;

	float: left;

}

.rec-news-list .news-item .news-title .news-add-time{

	font-size: 12px;

	color: #999999;

}

.rec-news-list .news-item .news-desc{

	margin-top: 20px;

	color: #666666;

	font-size: 12px;

	line-height: 25px;

}



/**优势**/

.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: 400px;

    margin-top: 10px;

}

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

.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: #1B93F4;

}

.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: #1B93F4;

}

.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: #1B93F4;

    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---******/

.cont-right .productList{

	overflow: hidden;

	padding-top: 40px;

}

.productList .item{

    float: left;

    width: 240px;

    padding: 10px;

    text-align: center;

    margin-bottom: 60px;

    border: 1px solid #8D8D8D;

    border-radius: 3px;

}

.productList .item:hover{

	border-color: #1B93F4;

}

.productList .item:hover .name a,

.productList .item:hover .desc a{

    /*background: #B28F7B;*/

   color: #1B93F4;

}

.productList .item .img{

    margin-top: -50px;

}

.productList .item .name{

	color: #000000;

	font-weight: bold;

	height:20px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	margin-top: 5px;

}

.productList .item .desc{

	color: #808080;

	height:35px;

	font-size: 13px;

	overflow: hidden;

	margin-top: 5px;

}

.productList .item:hover .name a,

.productList .item:hover .desc a{

    /*color: #FFFFFF;*/

	text-decoration:none;

}



.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: 240px;

    padding: 5px;

    text-align: center;

    margin-bottom: 10px;

}

.caseList .item:hover{

    background: #0079c0;

}

.caseList .item .name{

	height:20px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

}

.caseList .item:hover .name a{

    color: #FFFFFF;

	text-decoration:none;

}

.caseList .item img{

    width: 100%;

}

.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 .item{

    float: left;

    width: 240px;

    padding: 5px;

    text-align: center;

    margin-bottom: 10px;

}

.columnList .item:hover{

    background: #19B4EA;

}

.columnList .item:hover .name a{

    color: #FFFFFF;

}

.columnList .item img{

    width: 230px;

}

.columnList .item-1{



}

.columnList .item-2,.columnList .item-3{



}

.columnList .item-0{



}

.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;

	margin: auto;

}

.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 {

    background: #000;

    color: #EEEEEE;

    padding: 5px 0;

    text-align: center;

}

.link strong {

    color: #EEEEEE;

    font-weight: bold;

}

.link a {

    color: #EEE;

}



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

.footer{

    border-top: 1px solid #54B4FF;

    background-color: #1B93F4;

    color: #f7f7f7;

    margin-top: 30px;

}

.footer .footer-nav{

	border-bottom: 1px solid #54B4FF;

    width: 600px;

    overflow: hidden;

    width: 100%;

    text-align: center;

}

.footer a{

    color: #f7f7f7;

}

.footer ul,.footer li{

    list-style: none;

    margin: 0;

    padding: 0;

}

.footer .level-1 li.item {

    display: inline-block;

    margin-right: 80px;

    padding: 10px 0;

    font-size: 14px;

}

.footer li span{

	font-size: 20px;

	display: inline-block;

	vertical-align: middle;

	padding-right: 10px;

}

.footer .level-1 li.item > a {

    margin-bottom: 10px;

    padding-bottom: 5px;

    font-size: 14px;

    color: #FFFFFF;

}

.footer .level-2 a{

    font-size: 10px;

}

.footer .bot-cont{

	padding: 30px 40px 10px 40px;

	overflow: hidden;

	position: relative;

}

.footer .bot-cont>div{

	float: left;

}

.footer .bot-cont .bot-logo{

	color: #fff;

	font-size: 40px;

	line-height: 40px;

}

.footer .bot-cont .bot-logo img{

	/*margin-top: 20px;*/

}

.footer .bot-cont .bot-shu{

	width: 1px;

	height: 80px;

	background: #fff;

	margin: 0 40px;

}

.footer .bot-cont .company-info{

	line-height: 20px;

	color: #fff;

	font-size: 12px;

	margin-top: 10px;

}

.footer .bot-cont .wx{

	position: absolute;

	top: 40px;

	right: 40px;

}

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

.service-bar{

    border: 1px solid #F1F1F1;

    box-shadow:0px 0px  15px 2px #CCCCCC;

    background: #fff;

    position: fixed;

    right: 10px;

    bottom: 100px;

    z-index: 999;

    font-size: 12px;

    

    border-radius: 50px;

}

.service-bar a {

    display: block;

    cursor: pointer;

    width: 70px;

    height: 69px;

    /*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: 20px;

    width: 32px;

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

    top: 22px;

    left:20px;

}

.service-bar .backTop:hover s{

    background-color: #0079C0;

}

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

    height: 66px;

    text-decoration: none;

}

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

    color: #B28F7B;

    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: #B28F7B;

}

.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/weixin.png") center center no-repeat;

    background-size:230px ;

    width: 240px;

    height: 220px;

    position: absolute;

    left: -240px;

    top: 50%;

    margin-top: -100px;

    display: none;

}

.service-bar .weixin:hover i{

    display: block;

}



/*--电话弹框--*/

.footer .tel-wrap {

	display: none;

	width: 450px;

	height: 250px;

	background: url(../image/tel-box.jpg) no-repeat;

	border-radius: 0;

	position: fixed;

	top: 50%;

	left: 50%;

	margin: -125px 0 0 -225px;

	z-index: 3000;

}

.footer .tel-wrap .phone-cont{

	float: right;

	margin: 135px 0 0 0;

	right: 50px;

	bottom: 70px;

}

.footer .tel-wrap .phone-cont i{

	display: block;

	float: right;

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

	width: 42px;

	height: 42px;

	/*margin-top: 15px;*/

}

.footer .tel-wrap .phone-cont .phone-info{

	float: right;

	margin-left: 10px;

	margin-top: 10px;

	/*margin-right: -25px;

	margin-bottom: 10px;*/

	line-height: 22px;

	color: #333333;

}

.footer .tel-wrap .phone-cont .phone-info span{

	color: #0079c0;

}

.footer .tel-wrap .btn-area{

	margin: 60px 0 0 0;

}

.footer .tel-wrap .btn-area .btn-item{

	float: right;

	padding: 5px 15px;

	border-radius: 8px;

	margin-left: 10px;

}

.footer .tel-wrap .btn-area .consult{

	background: #0F56B2;

}

.footer .tel-wrap .btn-area .off-bot{

	background: #1895F2;

}

.footer .tel-wrap .btn-area .btn-item a{

	display: block;

	color: #fff;

	text-decoration: none;

}

.footer .tel-wrap .off-top{

	position: relative;

	right: 0;

	top: 0;

	background: #fff;

	padding: 1px 3px;

	border: 1px solid #000;

	color: #000;

	display: inline-block;

	float: right;

	cursor: pointer;

}



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

.brief-box{

	width: 100%;

	overflow: hidden;

	padding: 0;

	margin: 0;

}

.brief-box .brief-content{

	width: 100%;

	padding: 0;

	margin: 0;

	overflow: hidden;

	background: #afdd9e;

	/*background: #5587BF;*/

}

.brief-box .brief-content .brief-inner{

	width: 1100px;

    margin: 50px auto;

	display: flex;

	justify-content: space-between;

}

.brief-box .brief-content .brief-inner .brief-inner-image1{

	margin-left: -50px;

	margin-right: 40px;

}

.brief-box .brief-content .brief-inner .brief-inner-image1 a img{

    border: 3px solid #60BC3D;

    width: 300px;
    
    height: 340px;
    
}


.brief-box .brief-content .brief-inner .brief-inner-content{

	/*padding-top: 50px;*/

	overflow: hidden;

}

.brief-box .brief-content .brief-inner-content-title{

	margin-bottom: 30px;

}

.brief-box .brief-content .brief-inner-content-title a{

	color: #FF9900;

	font-weight: bold;

	font-size: 16px;

}

.brief-box .brief-content .brief-inner-content-content{

	max-height: 252px;

	overflow: hidden;

	line-height: 34px;

}

.brief-box .brief-content .brief-inner-content-look{

	text-align: right;

	height: 50px;

}

.brief-box .brief-content .brief-inner-content-look a{

	background: url(../image/brief3.jpg) no-repeat;

    width: 110px;

    height: 35px;

    display: block;

    float: right;

    text-decoration: none;

}