@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	
	}
*{font-family:"微软雅黑";}
li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#666;text-decoration:none;}
.center{max-width:1200px;margin:0 auto}
h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500;}
h1{font-size:2rem;}
.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{border:none}
.cursor_pointer{
	cursor:pointer;
}
button{
	cursor:pointer;
}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{clear:both}
.position_r{position: relative;}
.position_a{position: absolute;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:112.5%}}
@media screen and (min-width:640px) {html {font-size:100%}}


.index_case .list{ width:72%; float: right; margin-top:2rem;}
.list ul li{ width:30.3%; margin:0 1.5% 3% 1.5%; float:left;position: relative;transition: 0.6s;}
.list ul li .list_border{  background: #fff; transition:0.3s; }
.list ul li .list_img{ width:100%; height:0; padding-top:70%; position:relative; overflow:hidden; margin:auto;  transition: 0.3s;}
.list ul li .list_img img{ position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  }
.list ul li .list_img:hover{ transform:translate(0,-6px);}

.list ul li .list_text{ padding:2% 0; line-height:2.6rem; text-align: center; }
.list ul li .list_text p{ width:100%; background: linear-gradient(to right, #0c77e4 0%,#00a3ca 100%); line-height:2.6rem;     color:#fff;text-align: center;
    display: block; margin: auto; border-radius: 20px; margin-top: -10px;    position: absolute;  display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}



.index_xiangmu{ margin-top:2rem;}
.index_xiangmu ul{ overflow:hidden;}
.index_xiangmu ul li{ width:27.3%; margin:auto; float: left; background: #f4f4f4; overflow: hidden; margin:1%; padding:2%;}
.index_xiangmu ul li .text{ margin-top:1rem; float:left;}
.index_xiangmu ul li .text p{ font-size:1.6rem; color:#333; }
.index_xiangmu ul li .text span{ font-size:1rem; color:#0067b8; display: block; margin-top:1rem;}
.index_xiangmu ul li .tu{ float: right; transition: 0.3s;}
.index_xiangmu ul li:hover .tu{ transform:scale(1.1,1.1);}



.index_guzhang{ margin-top:3rem;}
.index_guzhang ul{ overflow:hidden;}
.index_guzhang ul li{ width:18%; float: left; margin:1%;}
.index_guzhang ul li div{ width:70.4%; margin:auto; transition: 0.3s;}
.index_guzhang ul li div img{ width:100%;}
.index_guzhang ul li p{ font-size:1.4rem; color:#333; text-align: center; margin-top:1rem;}
.index_guzhang ul li .span01{ font-size:1rem; color:#999; text-align: center; margin-top:0.3rem; display: block; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_guzhang ul li .span02{ font-size:1rem; color:#0067b8; text-align: center; margin-top:0.8rem;display: block;}
.index_guzhang ul li div:hover{ transform:translate(0,-10px);}
.index_guzhang ul li:nth-child(6){ display:none;}



.index_fuwu1{  margin-top:4rem;}
.index_fuwu{background:url(../images/fuwu.jpg) center no-repeat; width:100%; overflow: hidden; padding:2rem 0;margin-top:2rem;}
.index_fuwu .box{overflow: hidden;}
.index_fuwu .box .float_l{ overflow:hidden; width:50%; float: left;}
.index_fuwu .box .float_l ul{overflow:hidden; width:100%;}
.index_fuwu .box .float_l ul li{ width:20%; margin:2% 6.6%; float: left;}
.index_fuwu .box .float_l ul li div{width:99%; margin:auto;}
.index_fuwu .box .float_l ul li div img{ width:100%;}
.index_fuwu .box .float_l ul li p{ font-size:1.1rem; color:#333; text-align: center; margin-top:1rem;}
.index_fuwu .box .float_l span{ display:block; width:52%; line-height: 3.4rem; border-radius: 30px; background: #0067b8; margin:2rem auto; font-size:1.4rem; color:#fff; text-align: center;}


.index_news{ margin-top:4rem;}
.index_news ul{ overflow:hidden;}
.index_news ul li{ width:48%; float: left; margin:1%; border-bottom:1px dashed #ccc; padding-bottom:1rem;}
.index_news ul li .span01{ width:8px; height:8px; border-radius: 50%; background: #999; float: left; margin-right:1rem; display: block; margin-top:0.5rem;}
.index_news ul li p{ font-size:1rem; color:#333; float: left; width:70%; transition: 0.3s; 

display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_news ul li .span02{ font-size:0.9rem; color:#666; float: right; width:15%; display: block;}
.index_news ul li p:hover{ color:#0067b8; margin-left:1rem;}


.index_tubiao{ margin-top:2rem;}
.index_tubiao .float_l{ width:80%; float: left;}
.index_tubiao .float_l ul{ overflow:hidden;}
.index_tubiao .float_l ul li{ width:16%; float: left; margin:1% 2%;}
.index_tubiao .float_l ul li div{ width:38.4%; margin:auto;}
.index_tubiao .float_l ul li div img{ width:100%;} 
.index_tubiao .float_l ul li p{ font-size:1rem; color:#333; text-align: center; margin-top:1rem;}
.index_tubiao .float_r{ width:20%; float: right;}
.index_tubiao .float_r .p01{ font-size:1rem; color:#333; float: right;}
.index_tubiao .float_r .p02{ font-size:1.6rem; color:#0067b8;  font-weight: 600; float: right; margin-top:0.6rem;}
.index_tubiao .float_r span{ width:60%; float: right;display: block; line-height: 2.2rem; font-size:1.1rem;  border-radius: 20px; color:#fff; text-align: center; background:#0067b8; margin-top:0.6rem;}
.index_tubiao .float_l ul li:nth-child(6){ display:none;}

.index_zhichi{ margin-top:4rem; background:  #f1f1f1; width:100%; padding:3rem 0;}
.index_zhichi .p01{ font-size:2.6rem; color:#333; text-align: center; font-size:600; margin-top:2rem;}
.index_zhichi .p02{ font-size:1.3rem; color:#666; text-align: center; margin-top:1rem;}
.index_zhichi span{ width:30%; line-height: 3.4rem; background:  #0067b8; border-radius: 30px; margin:2rem auto; display: block; font-size:1.2rem; color:#fff;}
.index_zhichi span img{ float:left; margin-top:0.6rem; margin-left:4rem; margin-right:0.6rem;}



.index_contact{margin-top:4rem; }
.index_contact ul{ overflow:hidden;}
.index_contact ul li{ width:23%; float: left; margin:1%;}
.index_contact ul li div{ width:24%; margin:auto;}
.index_contact ul li div img{ width:100%;}
.index_contact ul li p{ font-size:1.4rem; color:#333; text-align: center; font-weight: 600; margin-top:0.8rem;}
.index_contact ul li span{ display:block; font-size:1rem; color:#666; text-align: center; margin-top:0.4rem;}
.index_contact .bottom{ margin-top:2rem;}
.index_contact .bottom .float_l{ width:50%; float:left;}
.index_contact .bottom .float_l img{ width:100%;}
.index_contact .bottom .float_r{ width:50%; float: right; background: #f4f4f4; height:347px;}
.index_contact .bottom .float_r p{ font-size:3rem; color:#333; text-align: center;margin-top:7rem;}
.index_contact .bottom .float_r span{ font-size:1.4rem; color:#444; text-align: center;margin-top:1rem; display: block;}



.servixe_slider{ width:100%; height:48px; padding:16px 0; border-bottom:1px solid #E6E6E6;}
.servixe_slider_con{ width:1200px; height:48px; margin:0 auto; position:relative; padding-left:123px; padding-right:255px; box-sizing:border-box;}
.service_tit{ width:123px; height:48px; border-right:1px solid #E6E6E6; padding-left:5px; box-sizing:border-box; line-height:48px; color:#222; font-size:16px; font-weight:bold; position:absolute; left:0; top:0;}
.service_con{ width:100%; padding:0 52px; box-sizing:border-box;}

.txtScroll-left{ width:100%;  position:relative;   }
.txtScroll-left .hd{ overflow:hidden;   }
.txtScroll-left .hd .prev{ position:absolute; left:0; top:50%; margin-top:-8px; display:block;  width:9px; height:16px;  z-index:100; overflow:hidden; cursor:pointer; background:url(../images/left.png) no-repeat}
.txtScroll-left .hd .next{ position:absolute; right:0; top:50%; margin-top:-8px; display:block;  width:9px; height:16px; z-index:100;   overflow:hidden; cursor:pointer; background:url(../images/right.png) no-repeat }


.txtScroll-left .bd{ padding:0 25px; width:100%; overflow:hidden; box-sizing:border-box;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ margin-right:50px; float:left; height:48px; line-height:48px;  text-align:left; _display:inline; font-size:14px; font-weight:bold; color:#333;}
.txtScroll-left .bd ul li a{ color:#333;}
.txtScroll-left .bd ul li a:hover{ color:#0067b8;}
a.service_but{ position:absolute; right:16px; width:238px; height:48px; background:#0067b8; font-weight:bold; font-size:14px; color:#fff; top:0; line-height:48px; color:#fff; text-align:center;  transition:all 0.3s ease-in-out 0s;}
a.service_but:hover{ background:#f60;}




.right{ width:26%; float: right; }
.right .top01{ background:#fff; padding:5%; width:90%;}
.right .top01 .top{ overflow:hidden; margin-bottom:1.6rem;}
.right .top01 .top span{ width:2px; height:1.8rem; background: #2e2a5d; display: block; margin-right:1rem; float: left;}
.right .top01 .top p{ font-size:1.4rem; color:#222; float: left;}
.right .top01  ul{ overflow:hidden; margin-top:1rem;}
.right .top01  ul li{ margin-bottom:1.1rem; overflow: hidden;}
.right .top01  ul li span{ display:block; width:8px; height:8px; background: #ccc;  margin-top:0.5rem;border-radius: 50%; float: left; margin-right:0.5rem; }
.right .top01  ul li p{ font-size:0.9rem; color:#444; float:left; width:90%; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.right .top02{ background:#fff; padding:5%; width:90%; margin-top:1.4rem; padding-bottom:2rem;}
.right .top02 .top{ overflow:hidden; margin-bottom:1.6rem;}
.right .top02 .top span{ width:2px; height:1.8rem; background: #2e2a5d; display: block; margin-right:1rem; float: left;}
.right .top02 .top .p01{ font-size:1.4rem; color:#222; float: left;}
.right .top02 .p02{ font-size:2rem; color:#222;  text-align: center; font-weight: 600;}




.contact{ padding-top:3rem; background: #f1f1f1; padding-bottom:3rem;}
.contact .left{ float:left; background: #fff; width:72%; padding-bottom:22rem;}
.contact .left .top{ overflow:hidden;  border-bottom:1px solid #ccc; width:92%; margin:1.3rem auto 0 auto;}
.contact .left .top .p01{ font-size:1.6rem; color:#333; float: left;}
.contact .left .text{ width:92%; margin:2rem auto;}
.contact .left .text .p01{ font-size:0.9rem; color:#444; line-height: 1.8rem; margin-bottom:2rem;}
.contact .left .text span{ font-size:1rem; color:#444; overflow: hidden; width:100%; display:block; margin-top:1rem;}
.contact .left ul{ overflow:hidden;}
.contact .left ul li{ width:23%; float: left; margin:1%;}
.contact .left ul li div{ width:24%; margin:auto;}
.contact .left ul li div img{ width:100%;}
.contact .left ul li p{ font-size:1.4rem; color:#333; text-align: center; font-weight: 600; margin-top:0.8rem;}
.contact .left ul li span{ display:block; font-size:1rem; color:#666; text-align: center; margin-top:0.4rem;}








.news{ padding-top:3rem; background: #f1f1f1; padding-bottom:3rem;}
.news .left{ float:left; background: #fff; width:72%;  padding-bottom:3rem;}
.news .left .top{ overflow:hidden;  border-bottom:1px solid #ccc; width:92%; margin:1.3rem auto 0 auto;}
.news .left .top .p01{ font-size:1.6rem; color:#333; float: left;}
.news .left .ul02{ overflow:hidden; width:92%; margin:auto;  margin-top:1rem;}
.news .left .ul02 li{ width:100%; padding-bottom:1rem; border-bottom:1px dashed #ccc; overflow: hidden; margin-top:1rem; }
.news .left .ul02 li div{ width:26%; float: left; margin-right:1rem;}
.news .left .ul02 li div img{ width:100%;}
.news .left .ul02 li p{ font-size:1.2rem; color:#333; margin-top:2rem; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; }
.news .left .ul02 li span{ font-size:0.9rem; color:#666; display: block; margin-top:1rem; line-height: 1.6rem; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news .left .ul02 li p:hover{ color:#0067b8;}




.news .left .text{ margin-top:2rem;}
.news .left .text .top{ padding-bottom:0.8rem; border-bottom:1px solid #ccc; margin-bottom:2rem;}
.news .left .text .top h1{ font-size:1.6rem; color:#333; text-align: center;}
.news .left .text .top span{ font-size:0.9rem; color:#999; margin-top:0.4rem; text-align: center; display:block;}
.news .left .text .box{width:92%; margin:auto;}
.news .left .text .box p{ font-size:0.9rem; color:#444; line-height: 1.8rem; }
.news .left .text .box .tu{ width:100%; margin-top:2rem;}
.news .left .text .box .tu img{ width:100%;}


.about{ padding-top:3rem; background: #f1f1f1; padding-bottom:3rem;}
.about .left{ float:left; background: #fff; width:72%;  padding-bottom:3rem;}
.about .left .top{ overflow:hidden;  border-bottom:1px solid #ccc; width:92%; margin:1.3rem auto 0 auto;}
.about .left .top .p01{ font-size:1.6rem; color:#333; float: left;}
.about .left .text{ width:92%; margin:auto; margin-top:2rem;}
.about .left .text span{ display:block; font-size:0.9rem; color:#333; line-height: 2rem;}
.about .left .text p{ font-size:1.2rem; color:#e55927; font-weight: 600; margin:1rem 0;}












.foot{  background: #444; padding:2rem 0; margin-top:4rem;}
.foot ul{ overflow:hidden;}
.foot ul li{ width:18%; float: left; margin:1%;}
.foot ul li p{ font-size:1.1rem; color:#fff; text-align: center; margin-bottom:1rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.foot ul li span{ font-size:0.9rem; color:#ccc; text-align: center; display:block; line-height: 1.8rem; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}


.location {
    padding: 0 1%;
    width:30%;
	float: right;
	overflow:hidden;
}

 .location p {
        float: left;
	    color:#444;
	    line-height: 3rem;
	    font-size:0.9rem;
    }

.location span{
        float: left;
	    color:#444;
	    line-height: 3rem;
	    font-size:0.9rem;
	    display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

.location a:hover {
        color: #333;
    }

.location h3 a {
        display: inline-block !important;
    }



	
	

.fixed{  position:absolute;}
.fixed_dh{ height:4.0rem;text-align:right;display:none; position:fixed; top:60%;right:2%;}	
.paginationa{overflow: hidden; padding:4%; width:92%;}
.paginationa .ul01 li{ float:left; border:solid 1px #ccc;margin-left:1%;text-align: center; line-height: 2rem; padding:0 1%;}
.paginationa .ul01{ max-width:1200px; margin:auto;}
.paginationa .ul01 li a:hover{ color:#ffc001;}
.paginationa .ul01 li a{ color:#222;}
.paginationa span{ display:block; float: left; line-height: 2rem;}
/* 首页标题 */

.title{
	width:100%;
	margin:auto;
	margin-bottom:1rem;
	overflow: hidden;
	}
.title h2{
	color:#333;
	font-weight: 600;
	font-size:1.8rem;
	text-align:center;
	}
.title p{
	color:#666;
	font-size:1rem;
	text-align:center;
	display:block;
	margin-top:0.6rem;
	}




.switch{
	height: 99px;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	margin-bottom: 3rem;
	margin-top:4rem;
	width:92%;
	margin:2rem auto;
}
 .switch .margin_left{
	
	margin-top: 18px;
}

.switch .margin_left p{
	font-size: 14px;
	color: #999999;
	width: 330px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.switch .margin_left:hover p{
	color: #e85f03;
}


.online{
	position:fixed;
	top:50%;
	right:1rem;
	
	}


.bottom_fixed{ height:50px; position: fixed; bottom:0; width:100%; display:none; background: #0067b8;border-radius: 10px;}
.bottom_fixed div{ overflow:hidden;  margin:auto; width:26%;}
.bottom_fixed div img{ float:left; margin-right:0.6rem; margin-top: 1.1rem;}
.bottom_fixed div p{ font-size:1.1rem; color:#fff; line-height: 50px;}



.fixed{position: fixed;right: 0;top: 50%;}
.fixed ul{}
.fixed ul li{ background:#21327c;color:#fff;width: 70px;height: 70px; border-radius: 4px; position: relative;text-align: center; cursor: pointer;  margin-bottom:0.6rem; }
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li:last-child img{padding-top: 40%;}
.fixed ul li .img1{width: 50%;margin:0 auto;padding-top: 10%;}
.fixed ul li .img1 img{width: 100%; margin:auto;}
.fixed ul li p{text-align: center;font-size: 0.8rem;}
.fixed ul li .p1 span{display: block;margin: 0.5rem 0;font-weight: none;color: #fff;font-size: 0.9rem;}
.fixed ul li .p1{font-weight:600;position: absolute;top: 0;right: -200px;width: 150px;color:#fff;background:#21327c;text-align: center;height: 70px;font-size: 1rem;transition: all 1s;z-index: -999; border-radius: 6px;}
.fixed ul li:hover .p1{right:70px;}
.fixed ul li a{color: #666;}





@media screen and (max-width:640px) {

	.index_guzhang ul{ width:100%;}
	.index_guzhang ul li{ width:31.3%;}
	.index_fuwu .box{ background:none;  height:auto;}
	.index_fuwu .box .right{ width:90%; margin:auto; float:none;}
	.index_fuwu .box .right p{ color:#333;}
	.index_fuwu .box .right span{ color:#333;}
	.index_fuwu ul{ width:100%;}
	.index_wenti ul li{ width:100%;}
	.index_huodong ul li{ width:48%;}
	.index_contact .top img{ width:100%;}
	.index_contact ul{ width:100%;}
	.index_contact ul li{ width:48%;}
	.index_wenti ul li p{ font-size:1rem;}
	.index_fuwu ul li{ width:29.3%;}
	.index_fuwu ul li div{ width:50%;}
	.index_fuwu ul li p{ font-size:1rem;}
	.servixe_slider{ display:none}
	.index_xiangmu ul li{ width:86%; margin:1rem auto; float: none;}
	.index_guzhang ul li:nth-child(6){ display:block;}
	.index_fuwu .box .float_l{ width:100%;}
	.index_fuwu{ background:#f4f4f4;}
	.index_fuwu .box .float_l span{ width:62%;}
	.index_news ul li{ width:90%; margin:3% auto; float: none; overflow: hidden;}
	.index_news ul li .span02{ width:20%;}
	.index_tubiao .float_l{ width:100%;}
	.index_tubiao .float_l ul li{ width:46%;}
	.index_tubiao .float_r{ width:100%; margin-top:2rem;}
	.index_tubiao .float_r .p01{  text-align:center; float: none;}
	.index_tubiao .float_r .p02{  text-align:center;float: none;}
	.index_tubiao .float_r span{  text-align:center; margin:0.6rem auto; display: block;float: none;}
	.index_zhichi span img{margin-left:3rem; }
	.index_zhichi span{ width:80%;}
	.index_zhichi .p02{ font-size:1.1rem; line-height: 2rem;}
	.index_contact .bottom .float_l{ width:100%;}
	.index_contact .bottom .float_r{ width:100%; height:auto; padding-bottom:2rem;}
	.index_contact .bottom .float_r p{ font-size:2rem; margin-top:3rem; }
	.foot{ margin-bottom:50px;}
	.foot ul li{ width:90%; margin:auto; float:none; overflow: hidden; margin-bottom:1rem;}
	.foot ul li p{ text-align:left;}
	.foot ul li span{ text-align:left; float: left; margin:0 3%;}
	.about .left{ width:92%; margin:auto; float: none;}
	.about .left .top .p01{ margin-top:1rem;}
	.contact .left ul li{ width:48%;}
	.index_tubiao .float_l ul li:nth-child(6){display:block;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.news .left .top .p01{ margin-top:1rem;}
	.news .left .ul02 li div{ display:none;}
	.news .left .ul02 li p{ margin-top:0;}

	.right{display:none;}
	.location{ width:100%;}
	.news .left{ width:92%; margin:auto; float: none;}
	.contact .left{width:92%; margin:auto; float:none; overflow: hidden;}
	.contact .left{ padding-bottom:4rem;}
	
	
	
	
	.banner_bottom{ display:none;}
	.fixed{ display:none; }
    .bottom_fixed{ display:block;}

}