@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_zhichi{ margin-top:2rem;}
.index_zhichi ul{ overflow:hidden;}
.index_zhichi ul li{ width:32.1%; float: left; margin:0.6%;}
.index_zhichi ul .li01{ background:url(../images/zhichi_1.jpg) center no-repeat; height:200px;}
.index_zhichi ul .li02{ background:url(../images/zhichi_2.jpg) center no-repeat; height:200px;}
.index_zhichi ul .li03{ background:url(../images/zhichi_3.jpg) center no-repeat; height:200px;}
.index_zhichi ul li p{ color:#fff; font-weight: 600; font-size: 1.7rem; margin-top:2.6rem; margin-left:2rem;}
.index_zhichi ul li span{ color:#fff; font-size: 1rem; margin-top:0.8rem; display: block;margin-left:2rem;}



.index_guzhang{ margin-top:3rem;}
.index_guzhang ul{ margin-top:2rem;}
.index_guzhang ul li{ width:14.8%; float: left; margin:0.6%; box-shadow: 0px 0px 10px 0px #ccc; padding:4% 2%; transition: 0.2s;}
.index_guzhang ul li div{ width:51%; display:block; margin:auto;}
.index_guzhang ul li div img{ width:100%;}
.index_guzhang ul li p{ font-size:1.2rem; color:#333; text-align: center; margin-top:1.4rem;}
.index_guzhang ul li span{ font-size:0.9rem; color:#333; text-align: center; margin-top:0.6rem; display: block;}
.index_guzhang ul li:hover{ transform: translate(0,-10px);}

.index_houdong{ margin-top:3rem;}
.index_houdong ul{ margin-top:2rem;}
.index_houdong ul li{ background:#f1f1f1; border-radius: 10px;width:23.6%; float: left; margin:0.7%;}
.index_houdong ul li div{ width:100%;}
.index_houdong ul li div img{ width:100%;border-top-left-radius:10px;border-top-right-radius:10px;}
.index_houdong ul li p{ font-size:1.1rem; font-weight: 600; color:#333; margin-top:1.5rem; margin-left:1rem;}
.index_houdong ul li span{ font-size:1rem; color:#666; margin-top:0.5rem; display: block;margin-left:1rem; margin-bottom:2rem; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}




.gg{ margin-top:3rem; background: url(../images/gg.jpg) center no-repeat; height:230px;}
.gg .title h2{ color:#fff; margin-top:4rem;}
.gg .title .xian{ width:80px; height:2px; background: #fff; margin:1rem auto; }
.gg .title p{ color:#fff;  font-size:0.9rem; text-align: center; display: block; }


.index_tishi{ background:url(../images/tishi.png) center no-repeat; height:360px;}
.index_tishi .text{ width:40%; float: right; margin-right:5%; margin-top:7rem;}
.index_tishi .text p{ font-size:1.1rem; color:#333;}
.index_tishi .text span{ font-size:0.9rem; color:#666; display: block; line-height: 2rem; margin-top:1rem;}



.index_wenti{ margin-top:3rem;}
.index_wenti ul{ overflow:hidden; width:100%;}
.index_wenti ul li{ width:46%; background: #f1f1f1;  margin:0.7% 1%; float:  left; overflow: hidden; padding:0 1%;}
.index_wenti ul li p{ font-size:1rem; color:#333; float: left; line-height: 3.4rem;}
.index_wenti ul li span{ width:8px; height:8px; display: block; background: #146ad9;  float: left; margin-top:1.5rem; margin-right:1rem;}
.index_wenti ul li p:hover{ color:#146ad9;}







.index_fuwu ul{ overflow:hidden;  width:70%; margin:2rem auto;}
.index_fuwu ul li{ width:28%; margin:2%; float: left;}
.index_fuwu ul li div{ width:30%; margin:auto; display: block;}
.index_fuwu ul li div img{ width:100%;}
.index_fuwu ul li p{ font-size:1.1rem; color:#333; text-align: center; margin-top:1rem;font-weight: 600;}
.index_fuwu ul li span{ display:block; font-size:0.9rem; color:#666; text-align: center; margin-top:0.4rem;}




.index_huodong{ margin-top:3rem;}
.index_huodong ul{ overflow:hidden;}
.index_huodong ul li{ width:23%; float:left; margin:1%; background: #f1f1f1; border-radius: 20px; padding-bottom:2rem;}
.index_huodong ul li div{ width:100%;}
.index_huodong ul li div img{ width:100%; border-top-right-radius: 30px;border-top-left-radius: 30px;}
.index_huodong ul li .text { width:90%; margin:auto;}
.index_huodong ul li .text p{ font-size:1.2rem; color:#333; font-weight: 600; margin-top:2rem;}
.index_huodong ul li .text span{ font-size:0.9rem; color:#666;  margin-top:2rem; display: block; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}


.index_contact{ margin-top:3rem;}
.index_contact .top{ width:100%; margin:2rem 0;}
.index_contact .top img{margin:auto; display:block; border-radius: 30px;}
.index_contact ul{ overflow:hidden; width:72%; margin:auto;}
.index_contact ul li{ width:24%; float: left; margin-left:1%;}
.index_contact ul li .p01{ font-size:1rem; font-weight: 600; color:#333; margin-bottom:1rem; text-align: center;}
.index_contact ul li div{ width:100%; overflow: hidden; margin-bottom:0.5rem;}
.index_contact ul li div img{ float:left; margin-right:0.4rem; margin-left:3.5rem;}
.index_contact ul li div p{ float: left; font-size:0.9rem; color:#444; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.index_contact ul li div .p02{ margin-bottom:2rem;}





.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-bottom:1.4rem; padding-bottom:1rem;}
.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:1.8rem; color:#146ad9; font-weight: 600;}

.about{ padding-top:3rem; background: #f1f1f1; padding-bottom:3rem;}
.about .left{ float:left; background: #fff; width:72%; padding-bottom:2rem;}
.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 .text{ width:90%; margin:2rem auto; }
.about .text span{ display:block; font-size:0.95rem; color:#444; line-height: 2rem;}
.about .text p{ font-size:1.1rem; color:#333; font-weight: 600; margin:1rem 0;}



.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 .ul01{overflow:hidden; margin:2rem auto; width:90%; float:none;}
.contact .ul01 li{ width:25%; float: left;}
.contact .ul01 li div{ width:30%; margin:auto;}
.contact .ul01 li div img{ width:100%;}
.contact .ul01 li p{ font-size:1.1rem; color:#333; text-align: center; margin-top:1rem;}
.contact .ul01 li span{ font-size:0.9rem; color:#666; text-align: center; margin-top:0.4rem; display: block; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;	}






.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:0.6rem; line-height: 1.6rem; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

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






.foot{  background: #ebebeb; padding:2rem 0; }
.foot ul{ overflow:hidden;}
.foot ul li{ width:18%; float: left; margin:1%;}
.foot ul li p{ font-size:1rem; color:#333; 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:#666; 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:36%;
	float: right;
	overflow:hidden;
    line-height:45px;
}
    .location a {
    display:block;
    float:left;
    }

 .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 span{
	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: #f08000;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:44.8%;}
	.index_guzhang ul .more{  display: none;}
	.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_houdong ul li{ width:48.6%;}
	.index_contact .top img{ width:100%;}
	.index_contact ul{ width:100%;}
	.index_contact ul li{ width:49%;}
	.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;}
	
	.index_zhichi ul .li01{ width:92%;height:100px; margin:auto; float: none; background-size: 100% 100%; margin-bottom:1rem; padding-top:1rem;}
	.index_zhichi ul .li02{ width:92%;height:100px; margin:auto; float: none; background-size: 100% 100%;margin-bottom:1rem;padding-top:1rem;}
	.index_zhichi ul .li03{ width:92%;height:100px; margin:auto; float: none; background-size: 100% 100%;margin-bottom:1rem;padding-top:1rem;}
	.index_zhichi ul li p{ margin-top:0;}
	.gg{ background:none; height:auto;}
	.gg .title h2{ color:#333; margin-top:0;}
	.gg .title p{ color:#333;}
	.gg .title .xian{ background:#ccc;}
	.index_tishi{ display:none;}
	.index_wenti ul li{ width:92%; margin:1rem auto; float: none;}
	.index_contact{ margin-top:1rem;}
	.about .left{ width:92%; margin:auto; float: none;}
	.about .left .top .p01{ margin-top:1rem;}
	.contact .ul01 li{ width:50%; margin-bottom:1rem;}
	
	
	
	
	
	.news .left .top .p01{ margin-top:1rem;}
	.news .left .ul02 li div{ display:none;}
	.news .left .ul02 li p{ margin-top:0;}
	
	
	.foot{ margin-bottom:50px;}
	.foot .tu{ display: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;}
	.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;}

}