/* 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;}#01a74d
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;}



.banner_bottom{ overflow:hidden; background: url(../image/banner_bottom.jpg) center no-repeat; height:120px;}
.banner_bottom .float_l{ width:50%; float: left; margin-top:1.9rem;}
.banner_bottom .float_l div{ width:9%; float: left; margin-left:10rem;  margin-right:1rem;}
.banner_bottom .float_l div img{ width:100%;}
.banner_bottom .float_l p{ font-size:1rem; color:#fff;}
.banner_bottom .float_l span{ font-size:1.6rem; color:#fff; font-weight: 600; margin-top:0.6rem;}
.banner_bottom .float_r{ width:42%; float: right; margin-top:2.8rem; margin-left:8%;}
.banner_bottom .float_r p{ font-size:1.4rem; color:#333; font-weight: 600; }



.index_xiangmu{ margin-top:3rem;}
.index_xiangmu #ul_1{ margin:auto; overflow: hidden; text-align: center;}
.index_xiangmu #ul_1 li{display: inline-block;cursor: pointer;width: 164px;line-height: 40px; text-align: center; border:1px solid #ccc;    border-radius: 20px; margin-right: 10px;}
.index_xiangmu #ul_1 li p{ font-size:1rem; color:#333; text-align: center; line-height: 2.2rem;}
.index_xiangmu #ul_1 li:hover{ background: #01a74d;}
.index_xiangmu #ul_1 li:hover p{ color:#fff;}
.index_xiangmu #ul_1 li:hover a{ color:#fff;}
.index_xiangmu #ul_1 .li_no{background: #01a74d; }
.index_xiangmu #ul_1 .li_no p{color:#fff; }

.index_xiangmu #ul_2{ width:80%; margin:3rem auto;}
.index_xiangmu #ul_2 li{ width:94%; padding:3%; border:1px solid #ccc; overflow: hidden; margin-bottom:1.2rem; display: none;}
.index_xiangmu #ul_2 .ul_block{ display:block;}
.index_xiangmu #ul_2 li .tu{ width:30%; float: left; margin-right:1rem; 
    height: 0; padding-top:20%; position: relative; overflow: hidden; margin: auto;}
.index_xiangmu #ul_2 li .tu img{ width:100%;     position: absolute;
    height: 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%);}
.index_xiangmu #ul_2 li .wenzi{ width:67%; float: right;}
.index_xiangmu #ul_2 li .wenzi p{ font-size:1.2rem; color:#444; margin-top:1rem;}
.index_xiangmu #ul_2 li .wenzi .xian{ width:80px; background: #01a74d; height:2px; margin-top:1rem;}
.index_xiangmu #ul_2 li .wenzi span{ font-size:0.9rem; color:#666; display:block; line-height: 2rem; display: block; margin-top:0.6rem;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}



.index_youshi{ background:#fafafa; padding:3rem 0;}
.index_youshi .float_l{ width:50%; float: left;}
.index_youshi .float_r{ width:46%; float: right;}
.index_youshi .float_r li{ width:100%; overflow: hidden; margin-bottom:1.4rem;}
.index_youshi .float_r li .top{ padding-bottom:0.6rem; border-bottom:1px dashed #ccc;}
.index_youshi .float_r li .top div{ float:left; margin-right:1rem;}
.index_youshi .float_r li .top p{ font-size:1.4rem; color:#333; font-weight: 600;}
.index_youshi .float_r li .top span{ font-size:0.9rem; color:#666; display:block; margin-top:0.4rem;}
.index_youshi .float_r li p{ font-size:0.9rem; color:#444; line-height: 1.6rem; margin-top:0.6rem;}


.index_gg{ background:url(../image/gg.jpg) center no-repeat; height:230px;}
.index_gg ul{ overflow:hidden; padding-top:2rem;}
.index_gg ul li{ width:21%; float: left; margin:0 2%;}
.index_gg ul li div{ width:34%; margin:auto; display: block;}
.index_gg ul li div img{ width:100%;}
.index_gg ul li p{ font-size:1.1rem; color:#fff; text-align: center; margin-top:0.8rem;}
.index_gg ul li span{ font-size:0.9rem; color:#fff; text-align: center; margin-top:0.4rem; display: block;}

.index_news{ padding:3rem 0; background: #f1f1f1; }
.index_news .float_l{ width:45%; background: #fff; padding:2%; float: left; margin-top:1rem;}
.index_news .float_l .tu{ width: 100%;height: 0; padding-top: 36%; position: relative;overflow: hidden;margin: auto;}
.index_news .float_l .tu img{ width:100%;     position: absolute; height: 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%);}
.index_news .float_l ul{ overflow:hidden; margin-top:1rem;}
.index_news .float_l ul li{ width:100%; border-bottom:1px dashed #ccc; padding-bottom:0.8rem; margin-top:1rem;overflow: hidden;}
.index_news .float_l ul li .tubiao{ float:left; width:2%; margin-right:1rem; margin-top:0.4rem;}
.index_news .float_l ul li p{ font-size:1rem; color:#333; float: left; width:70%;}
.index_news .float_l ul li span{ display:block; font-size:0.9rem; color:#999; float: right; width:16%;}
.index_news .float_l:nth-child(2){ float: right;}
.index_news .float_l ul li p:hover{ color:#01a74d;}



.about{ overflow:hidden;}
.about .top{ background:#f1f1f1; height:88px;}
.about .top .left{ width:40%; float: left; padding-top:1.6rem;}
.about .top .left span{ display:block; width:3px; height:2rem; background: #01a74d; margin-right:1rem; float: left;}
.about .top .left p{ font-size:1.6rem; color:#01a74d; float: left; font-weight: 600;}
.about .wenzi{
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 6rem;
	line-height: 2rem;
}/*--------单页文本行高--------*/
.about .wenzi p{ font-size:1rem; color:#444; line-height: 2rem; margin-bottom:0.8rem;}
.about .wenzi p strong{ color:#01a74d; font-weight: 600; font-size: 1rem;}



.news{ overflow:hidden;}
.news .top{ background:#f1f1f1; height:88px;}
.news .top .left{ width:40%; float: left; padding-top:1.6rem;}
.news .top .left span{ display:block; width:3px; height:2rem; background: #01a74d; margin-right:1rem; float: left;}
.news .top .left p{ font-size:1.6rem; color:#01a74d; float: left; font-weight: 600;}
.news .ul02{ overflow:hidden; margin-top:2rem;}
.news .ul02 li{ width:100%; padding-bottom:1.4rem; border-bottom:1px dashed #ccc; overflow: hidden; margin-bottom:1.4rem;}
.news .ul02 li .shijian{ width:12%; background: #f1f1f1; margin-right:1rem; padding:2% 0; float: left;}
.news .ul02 li .shijian p{ font-size:2.6rem; color:#01a74d; text-align: center; font-weight: 600;}
.news .ul02 li .shijian span{ font-size:0.9rem; color:#01a74d; text-align: center; margin-top:0.4rem; display: block;}
.news .ul02 li .text{ width:85%; float: right; margin-top:1rem;}
.news .ul02 li .text p{ font-size:1.1rem; color:#01a74d; font-weight: 600;}
.news .ul02 li .text span{ font-size:0.9rem; color:#666; display:block; margin-top:0.6rem; line-height: 1.6rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;	}


.news .box{overflow:hidden; width:100%; margin-top:2rem;}
.news .box .top1{
	padding-bottom: 0.8rem;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2rem;
	line-height: 2rem;
	} /*------文章行高调整-------*/
.news .box .top1 h1{ font-size:1.6rem; color:#222; text-align: center; font-weight: 600;}
.news .box .top1 span{ display:block; font-size:0.9rem; text-align: center; margin-top:0.5rem;}
.news .box p{ font-size:1rem; color:#444; line-height: 2rem; }  /*------文章行高调整-------*/
.news .box .tu{ width:60%; margin:1rem auto; display:block; }
.news .box .tu img{ width:100%;}



.case{overflow:hidden; }
.case .top{ background:#f1f1f1; height:88px;}
.case .top .left{ width:40%; float: left; padding-top:1.6rem;}
.case .top .left span{ display:block; width:3px; height:2rem; background: #01a74d; margin-right:1rem; float: left;}
.case .top .left p{ font-size:1.6rem; color:#01a74d; float: left; font-weight: 600;}
.case .ul02{ overflow:hidden; margin-top:3rem;}
.case .ul02 li{ width:23%; margin:1%; float: left;}
.case .ul02 li div{ width:100%;height:0; padding-top:70%; position:relative; overflow:hidden; margin:auto;} 
.case .ul02 li div 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%);}
.case .ul02 li p{ font-size:1rem; color:#333; text-align: center;margin-top:0.8rem;}


.contact{overflow:hidden; }
.contact .top{ background:#f1f1f1; height:88px;}
.contact .top .left{ width:40%; float: left; padding-top:1.6rem;}
.contact .top .left span{ display:block; width:3px; height:2rem; background: #01a74d; margin-right:1rem; float: left;}
.contact .top .left p{ font-size:1.6rem; color:#01a74d; float: left; font-weight: 600;}
.contact .wenzi{ overflow:hidden; margin-top:2rem; margin-bottom:9rem;}
.contact .wenzi span{ display:block; font-size:1.2rem; color:#333; font-weight: 600; margin-bottom:0.6rem;}
.contact .wenzi p{ font-size:1rem; color:#444; line-height:2rem;}
.contact .wenzi p strong{ font-size:1.1rem;}









.lianjie{  margin:3rem 0; }
.lianjie .center .top{ width:100%; overflow: hidden;}
.lianjie .center .top span{ font-size:1.4rem; display: block; color:#01a74d; font-weight: 600; }
.lianjie .center .top span strong{ margin-left:1rem; font-weight: 500; font-family: "Adobe Caslon Pro"; color:#999; font-size: 1rem;}
.lianjie .center .bottom{ width:100%; overflow: hidden; margin-top:1rem;}
.lianjie .center .bottom p{ font-size:0.9rem; float: left; margin-right:2rem;}


.foot{  background: #444; padding:3rem 0 5rem 0;}
.foot .tu{width:34%; float: left; margin-top:2rem;}
.foot .tu p{ font-size:1.7rem; color:#fff;}
.foot .tu span{ font-size:0.9rem; color:#c3c3c3; display:block; font-family: "Adobe Caslon Pro"; font-weight:0; margin-top:0.3rem;}
.foot .lianxi{width:56%; float:left; margin-left:10%; margin-top:3rem;}
.foot .lianxi p{ font-size:1rem; color:#fff; float: left; margin-right:3rem;}
.foot .lianxi p strong{ font-size:1.2rem;}




.location {
    width:40%;
	overflow:hidden;
	background: #f1f1f1;
	float: right;
	margin-top:1.4rem;
    line-height:57px;
}
    .location a {
    display:block;
    float:left;
    }

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

.location span{
        float: left;
	    color:#444;
	    line-height: 3.6rem;
	    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;
    }
	
.paginationa{overflow: hidden; padding:2rem 0; width:100%;}
.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 span{
	color:#01a74d;
	font-weight: 600;
	font-size:2rem;
	text-align:center;
	display: block;
	}

.title .top{ width:21%; margin:auto; overflow: hidden; margin-top:0.6rem;}
.title .top .xian{ width:60px; background: #ccc; height:1px; float: left; margin-top:1rem;}
.title .top h2{ font-size:1.5rem; color:#333; font-weight: 600; float: left; margin:0 1rem; }
.title img{ display:block; margin:auto;}
.title p{ font-size:1rem; color:#666; margin:1rem auto; width:90%; text-align: center; display: block; line-height: 1.8rem;}


.switch{
	margin-bottom: 3rem;
	margin-top:4rem;
	background: #f1f1f1;
	width:100%;
	overflow: hidden;
}
 .switch .margin_left{
	 width:49%;
	 float: left;
	 margin-left:1%;
}

.switch .margin_left p{
	font-size: 14px;
	color: #444;
	line-height: 3.3rem;
	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: #01a74d;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:#01a74d;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:#01a74d;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) {
	
	
	
	.title .top{ width:58%;}
	.index_xiangmu #ul_1 li{ margin-bottom:0.8rem;}
	.index_xiangmu #ul_2 li .tu{ display:none;}
	.index_xiangmu #ul_2 li .wenzi{ width:100%;}
	.index_xiangmu #ul_2{ margin:2rem auto;}
	.title img{ width:100%;}
	.index_youshi .float_r{ width:90%; margin:auto; float: none;}
	.index_youshi .float_l{width:90%; margin:auto; float: none;}
	.index_youshi .float_l img{ width:100%;}
	.index_gg{ display:none;}
	.index_news .float_l{ width:90%; margin:auto; float:none;}
	.index_news .float_l:nth-child(2){ float:none; margin-bottom:1rem;}
	.index_news .float_l ul li span{ width:20%;}

    .location {
        margin-top: 0;
        margin-left: 4%;
        width: 96%;
        line-height: 52px;
    }
	.about .wenzi{width:90%; margin:2rem auto; float:none;}
	.about .top .left{ margin-left:4%;}
	.about .top{ overflow:hidden; height:auto;}
	.news .top .left{ margin-left:4%;}
	.news .top{ overflow:hidden; height:auto;}
	.news .ul02 li{ width:92%; margin:0 auto 1.4rem auto; float:none;}
	.news .ul02 li .shijian{ width:16%;}
	.news .ul02 li .text{ width:80%;}
	.news .box{ width:92%; margin:2rem auto; float: none;}
	.news .box .tu{ width:80%;}
	.switch .margin_left{ width:99%; }
	.case .ul02 li{ width:48%;}
	.case .top .left{ margin-left:4%;}
	.case .top{ overflow:hidden; height:auto;}
	
	.contact .wenzi{ width:90%; margin:2rem auto; }
	.contact .top .left{ margin-left:4%;}
	.contact .top{ overflow:hidden; height:auto;}
	.index_youshi{ padding:1rem 0;}
	.index_news{ padding:1rem 0;}
	.title p{ text-align:left;}
	
	
	
	.lianjie{ width:90%; margin:3rem auto; }
	.foot .daohang .span01{ margin-left:0;}

	.foot{ margin-bottom:50px; padding:2rem 0;}
	.foot .tu{ width:90%; margin:auto; float: none;}
	.foot .erweima{ display:none;}
	.foot .daohang{ width:90%; margin:auto; float: none; overflow: hidden;}
	.foot .lianxi{width:90%; margin:auto; float: none; margin-top:1rem;}

	
	
	
	.banner_bottom{ display:none;}
	.fixed{ display:none; }
    .bottom_fixed{ display:block;}
    .nav_mo_logo{width:50%;}
    .nav_mo_logo img{width:100%;}
    .nav_mo{position:relative;}
    .zongzhan {
        border-left: 1px solid #a3afcd !important;
        width: 28% !important;
        position: absolute !important;
        top: 9px !important;
        right: 58px !important;
        float: none !important;
        padding-left:0rem !important;
        margin-top:0rem !important; 
    }
}




.wenzi img{ max-width: 100%; height: auto; width: auto; width: auto; }/*图片自适应宽度和高度*/ 
.ul02 li img{ max-width: 100%; height: auto; width: auto; width: auto; }/*图片自适应宽度和高度*/ 
.box img{ max-width: 100%; height: auto; width: auto; width: auto; }/*图片自适应宽度和高度*/