@charset "utf-8";
/* CSS Document - 天祥科技网站主样式表 */
/* 说明：从老网站 www.cns666.cn 1:1还原，末尾添加了手机端响应式适配 */
*{
	padding:0;
	margin:0 auto;
}
body{
	margin:0 auto;
	font-family:"微软雅黑";
	font-size:12px;
	line-height:24px;
	color:#333;
}
a{
	text-decoration:none;
	color:#333;
}

a:hover{
	text-decoration:none;
	color:#D40B01;
}
ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
img{
	border:0;
	max-width:100%;
}
p{
	margin:0;
	padding:0;
}


.f-cl{
	clear:both;
}
.content {
	text-align:center;
	background:#f9f9f9;
	padding:50px 0;
}
.content ul{
	margin:0 auto;
	width: 1236px;
}
.content li{
	background: #FFF;
	width: 275px;
	height:316px;
	float: left;
	margin:0 15px;
}
.content li img{
	margin:28px auto 35px;
}
.content li .zi1{
	text-align:center;
	font-size: 18px;
	font-weight: bold;
	color: #222;
}
.content li .zi2{
	font-size: 12px;
	text-align:center;
	width: 192px;
	margin:0 auto;
	padding:25px 0 0;
	line-height: 16px;
	color: #666;
}
.box{
	width:100%;
	height:auto;
}
.header{
	width:100%;
	height:165px;
}
.top{
	height:30px;
	background:#f2f2f2;
	border-bottom:1px #e5e5e5 solid;
	line-height:30px;
	padding:0 19%;
}
.span1{
	float:left;
}
.top_nav{
	float:right;
}
.logo{
	width:1200px;
	height:150px;
	text-align:center;
}
.img1{
	margin-top:10px;
}
.nav{
	width:900px;
	height:50px;
	line-height:50px;
	text-align:center;
	padding-left: 150px;
    position: relative;
    z-index: 99999;
}
.fenlei{
	width: 240px;
    height: 50px;
    background-color: #bd1a21;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    margin: 0;
}
.nav_ul{
	float:left;
	font-size:18px;
	font-family:"微软雅黑";
}
.nav_ul li{
	float:left;
	margin-left:50px;
}
.banner{
	width:100%;
	height:420px;
}
/* 手机端静态图片（默认隐藏，768px以下显示） */
.mobile_banner{
	display:none;
}
.mobile_banner img{
	width:100%;
	height:auto;
	display:block;
}
.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}
.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../images/02.png);}
.curimg{background-image:url(../images/01.png);}
.fl{
	z-index:999;
	width:1200px;
	height:420px;
	font-size:14px;
	position:relative;
	margin-top: -470px;
}
.fl_nav{
	position:absolute;
	width:240px;
	height:420px;
	background:#df231b;
}
.fl_name{
    color: #ffe69a;
    height: 19px;
    overflow: hidden;
    padding-top: 5px;
    background:url(../images/icon.jpg) repeat-x 0 17px;
	text-align:center;
}
.fl_name span{
	padding:0 12px;
	background:#df231b;
}
.fl_ul{
	height:70px;
	margin-top:5px;
}
.fl_ul:hover{
	background:#fff;
}
.fl_ul:hover a{
	color:#333;
}
.fl_ul:hover a:hover{
	color:#D40B01;
}
.fl_ul li{
	float:left;
	padding:5px 12px;
	color:#fff;
}
.fl_ul li a{
	color:#fff;
}
.fuwu{
	width:1200px;
	height:250px;
	margin-top:30px;
}
.fw{
	width: 387px;
    height: 220px;
    border: 1px solid #e9e9e9;
    float: left;
	margin-left:10px;
    margin-bottom: 15px;
}
.fw_h3{
	padding-left: 32px;
    padding-top: 26px;
height:50px;
}
.fw_h3 img{
	float:left;
}
.fw_h3 span{
	float: left;
    padding-left: 10px;
	padding-top:5px;
	font-family:"微软雅黑";
	font-size:22px;
	font-weight:bold;
}
.fw_ul{
	padding:0 10px;
}
.fw_ul li{
	float:left;
	margin:10px 5px;
	padding: 5px 10px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    border-radius: 5px;
	color:#000;
font-size:14px;
}
.fw2 li{
	margin:4px 5px;
	padding:5px 10px;
}
.guanggao{
	width:100%;
height:180px;
	margin: 50px 0 50px 0;
background:url(/UpFiles/Article/2018/7/7/thumb_2018070765287549.jpg) center;
background-size:cover;
}
.hezuo{
	width:1200px;
	height:500px;
}
.hezuo h3{
	font-family:"微软雅黑";
	font-weight:bold;
	font-size:20px;
	height:50px;
	line-height:50px;
	border-bottom:2px #CCC solid;
}
.kehu{
	width:282px;
	height:227px;
	line-height: 20px;
    margin-top: 10px;
	margin-left:15px;
    color: #666;
    font-size: 14px;
	float:left;
	overflow:hidden;
	position: relative;
}
.kehu_tu{
    width: 282px;
	height:227px;
    margin-top: 15px;
	float:left;
}
.kehu_tu img{
	border:1px #CCCCCC solid;
}
.kehu_tu p{
	text-align:center;
}
.texiao{
	position:absolute;
	left:0;
	top:0;
	width:284px;
	height:227px;
	background-color: rgba(6, 5, 5, 0.5);
	transform: translate(0, 230px);
    transition: all 0.2s ease-in-out;
	-ms-background-color: rgba(6, 5, 5, 0.5);
	-ms-transform: translate(0, 230px);
    -ms-transition: all 0.2s ease-in-out;
}
.kehu:hover .texiao{
	transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
}
.texiao p{
	color:#fff;
	text-align:center;
	line-height:50px;
	margin-top:70px;
	font-size:20px;
	font-family:"微软雅黑";
	font-weight:bold;
}
.texiao span{
	display:block;
	height:30px;
	width:80px;
	border-radius:5px;
	background:#d4281c;
	color:#FFF;
	line-height:30px;
	text-align:center;
}
.texiao span a{
	color:#fff;
}
.xinwen{
	height: 400px;
    width: 1200px;
    padding-bottom: 30px;
    margin-top: 20px;
}
.xinwen h3{
	font-family:"微软雅黑";
	font-weight:bold;
	font-size:20px;
	height:50px;
	line-height:50px;
	border-bottom:2px #CCC solid;
}
.xw{
	width:376px;
	height:92px;
	float:left;
	margin-left:20px;
	background:url(../images/bg1.png) no-repeat;
	margin-top:20px;
}
.time{
	width:65px;
	height:65px;
	float:left;
	background:#959492;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:#fff;
	font-size:20px;
	line-height:65px;
}
.xwlb{
	width:250px;
	float:left;
	margin-left:30px;
	margin-top:10px;
}
.xw h2{
	font-size:14px;
}
.xw:hover{
	background:url(../images/bg.png) no-repeat;
}
.xw:hover .time{
	background:#e21f23;
}
.hzal{
	width:100%;
	height:600px;
	background:url(../images/bg2.jpg) center top no-repeat;
	background-size:cover;
}
.hei{
	clear:both;
	height:30px;
}
.hzal h3{
	font-weight:normal;
    color: #fff;
    height: 90px;
    line-height: 100px;
    font-size: 50px;
    text-align: center;
    padding-top: 30px;
}
.hzal p{
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.hzal p span{
	display:block;
	font-weight:normal;
}
.altu{
	width:1205px;
	background:#fff;
	height:302px;
	margin-top:30px;
}
.altu ul li{
	width:240px;
	height:150px;
	float:left;
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCC solid;
	position:relative;
	overflow:hidden;
}
.title{
	position:absolute;
	left:0;
	top:0;
	width:240px;
	height:150px;
	background-color:rgba(223,36,21,.8);
	transform: translate(260px, 100px) rotate(45deg);
    transition: all 0.4s ease-in-out;
	-ms-background-color:rgba(223,36,21,.8);
	-ms-transform: translate(260px, 100px) rotate(45deg);
    -ms-transition: all 0.4s ease-in-out;
}
.altu ul li:hover .title{
	opacity:1;
    transform: translate(0px,0px) rotate(0deg);
    -webkit-transform: translate(0px, 0px) rotate(0deg);
	-ms-opacity:1;
    -ms-transform: translate(0px,0px) rotate(0deg);
    -ms-transform: translate(0px, 0px) rotate(0deg);
}
.altu ul li:hover img{
	transition:transform 3s;
	transform:scale(0.8,0.8);
	-ms-transition:transform 3s;
	-ms-transform:scale(0.8,0.8);
}
.title h3{
	padding:0;
	margin-top:25px;
	font-size:16px;
	font-weight:normal;
	height:100px;
	width:200px;
	border:1px #fff solid;
	text-align:center;
	line-height:100px;
}
.ys{
	width:1200px;
	height:150px;
	border-bottom:1px solid #e4e4e4;
}
.ys1{
	width:256px;
	height:52px;
	float:left;
	background:url(../images/pzfw.jpg) no-repeat;
	margin-top:60px;
	margin-left:40px;
	border-right:1px solid #e4e4e4;
}
.ys_h3{
	margin-left:60px;
	font-size:20px;
}
.ys_p{
	font-size:14px;
	margin-left:60px;
	color:#999;
}
.ys2{
	width:256px;
	height:52px;
	float:left;
	background:url(../images/qlcgz.jpg) no-repeat;
	margin-top:60px;
	margin-left:40px;
	border-right:1px solid #e4e4e4;
}
.ys3{
	width:256px;
	height:52px;
	float:left;
	background:url(../images/dptbz.jpg) no-repeat;
	margin-top:60px;
	margin-left:40px;
	border-right:1px solid #e4e4e4;
}
.ys4{
	width:256px;
	height:52px;
	float:left;
	background:url(../images/glrjzc.jpg) no-repeat;
	margin-top:60px;
	margin-left:40px;
}
.lx{
	width:100%;
	height:575px;
	background:url(../images/contact_bg.jpg) no-repeat center top;
	margin-top:50px;
	text-align:center;
}
.image{
	margin-top:50px;
}
.lx h3{
	font-size:30px;
	color:#fff;
	line-height:50px;
	padding-bottom:10px;
	background:url(../images/line3.png) bottom center no-repeat;
}
.lx p{
	color:#999;
	line-height:30px;
}
.lx_ul{
	width:1200px;
	height:140px;
	margin:0 auto;
	margin-top:30px;
}
.lx_ul li{
	width:275px;
	height:140px;
	float:left;
	background:url(../images/contact_bg2.png);
	color:#fff;
	font-size:14px;
	margin-left:20px;
	margin-top:50px;
}
.lx_ul li img{
	width: 44px;
    height: 43px;
    display: block;
    margin: 0 auto;
    margin-top: 28px;
    margin-bottom: 25px;
}
.lx_ul li:hover{
	background:#d4281c;
}
.foot{
	clear:both;
	background:#313131;
	padding:30px;
}
.yl{
	width:1200px;
	height:80px;
	border-bottom:1px #999999 solid;
	color:#FFF;
	margin-bottom:30px;
}
.foot p{
	width:1200px;
	margin:0 auto;
	color:#FFF;
	text-align:center;
}
.foot p a{
	color:#FFF;
}
/*产品列表页*/
.main{
	width:1200px;
	height:auto;
	margin-top:50px;
}
.main1{
	width:1240px;
	height:auto;
	margin-top:50px;
}
.bj{
	width:235px;
	float:left;
	border:1px #CCC solid;
	height:530px;
	border-right:1px #fff solid;
}
.bj:nth-of-type(5){
	border-right:1px #CCCCCC solid;
}
.bj h3{
	text-align:center;
	font-size:26px;
	line-height:80px;
	font-weight:normal;
}
.bj p{
	font-size:14px;
	color:#666;
	text-align:center;
}
.bj_span{
	display:block;
	margin-top:40px;
	text-align:center;
	color:#666;
	font-size:16px;
	margin-bottom:30px;
}
.bj_span b{
	color:#000;
	font-size:40px;
}
.jg{
	width:160px;
	font-size:14px;
	color:#666;
	line-height:50px;
}
.jg span{
	color:#df231b;
}
.jg1{
	width:160px;
	font-size:14px;
	color:#666;
	line-height:50px;
	padding-top:40px;
	text-align:center;
	height:160px;
}
.jg1 span{
	color:#df231b;
}
.lianxi{
	width:180px;
	height:40px;
	line-height:40px;
	border:#CCC 1px solid;
	text-align:center;
	margin-top:20px;
	font-size:20px;
	font-weight:bold;
	background-color:#df231b;
	text-align:center;
}
.lianxi:hover{
	background-color:#fff;
}
.lianxi:hover a{
	color:#df231b;
}
.lianxi a{
	color:#fff;
}
.bj:hover{
	border:#df231b 1px solid;
}
.xgal{
	clear:both;
	height:600px;
	padding-top:50px;
}
.xgal h3{
	text-align:center;
	background:url(../images/logo_bg.jpg) repeat-x center;
}
.xgal h3 a{
	font-size:20px;
	color:#666;
	padding:10px;
	background-color:#FFF;
}
.xgal ul li{
	float:left;
	width:242px;
	height:252px;
	background-color:#f6f6f6;
	margin-left:40px;
	margin-top:30px;
	box-shadow:5px 5px 5px #666666;
	overflow:hidden;
	transition:transform 5s;
}
.xgal_img{
	width:222px;
	height:200px;
	margin-top:5px;
	overflow:hidden;
}

.xgal ul li img{
	border:1px #CCCCCC solid;
	transition:transform 5s;
}
.xgal ul li:hover img{
	transform:scale(1.2);
}
.xgal ul li p{
	text-align:center;
	line-height:50px;
	font-size:16px;
}
.anli{
	width:376px;
	height:390px;
	float:left;
	margin-left:36px;
	position:relative;
}
.tit{
	width:300px;
	float:left;
}
.tit h5{
	line-height: 30px;
    font-size: 19px;
    color: #1a1a1a;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}
.tit p{
	line-height: 22px;
    font-size: 14px;
    color: #666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.al_btn{
	float:left;
	margin-left:20px;
	padding-top:30px;
}
.al_img{
	border:1px #CCCCCC solid;
}
.img2{
	margin-left:5px;
}
.bot{
	position:absolute;
	left:0;
	top:368px;
	clear:both;
	width:0;
	height:2px;
	background:#df231b;
	transition-property:width;
	transition-duration:2s;
	transition-timing-function:ease-out;
}
.anli:hover .bot{
	width:376px;
}
.left{
	float:left;
	width:300px;
	padding-bottom:20px;
}
.clear{
	height:30px;
	clear:both;
}
.left_top{
	width:270px;
	height:auto;
	background:url(../images/new_bg.jpg);
	padding:0 15px 10px 15px;
}
.left_top h3{
	padding-top:10px;
	font-size:18px;
}
.left_top li{
	padding-top:10px;
}
.left_top ul li{
	font-size:14px;
	line-height:30px;
	color:#999;
	border-bottom:1px #CCCCCC dashed;
	font-weight:bold;
	list-style-type:decimal;
	margin-left:20px;
}
.left_bot{
	margin-bottom:20px;
}
.left_bot h3{
	height:40px;
	line-height:40px;
	font-size:20px;
	border-bottom:2px #666666 solid;
}
.left_bot ul li{
	float:left;
	padding:0 15px;
	margin:10px 0 0 10px;
	text-align:center;
	background:#F2F2F2;
	height:40px;
	line-height:40px;
	color:#999;
	font-size:14px;
}
.left_bot ul li:hover{
	background:#df231b;
	color:#FFF;
}
.left_bot ul li a{
	color:#999;
}
.right{
	width:850px;
	float:left;
	margin-left:20px;
	padding-bottom:10px;
}
.right h1{
	text-align:center;
}
.right p{
	margin-top:20px;
}
.weixin{
	float: left;
    margin-left: 50px;
    margin-top: 20px;
}
.qiye{
	width:800px;
	height:300px;
	border:1px #CCCCCC solid;
	margin-top:20px;
}
.qiye h2{
	line-height:40px;
	text-indent:24px;
	border-bottom:1px #CCCCCC solid;
}
.qiye img{
	border:1px #CCCCCC solid;
	float:left;
	margin:25px 0 0 10px;
}
.qi_right{
	float:left;
	margin-left:50px;
}
.qi_right ul{
	margin-top:25px;
}
.qi_right ul li{
	height:30px;
	line-height:30px;
	list-style-type:disc;
}
.right_ul li{
	float:left;
	margin-left:20px;
}
.right_ul li p{
	text-align:center;
}
.right_ul li img{
	border:5px #CCCCCC solid;
}
.right_ul li img:hover{
	border:5px #FF0000 solid;
}
.b-img{ height:420px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:420px; float:left;}
.b-list{ height:50px; margin:0 auto; position:absolute; top:380px; left:50%;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:160px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:160px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.bp_ul li{
	float:left;
	margin-left:20px;
	margin-top:20px;
}
.right1{
	width:850px;
	float:left;
	margin-left:20px;
	padding-bottom:10px;
    margin-top: 35px;
}


.altu1{
    width: 850px;
    background: #fff;
overflow:hidden;
    margin-top: 30px;
}
.altu1 ul li {
    width: 210px;
    height: 150px;
    float: left;
    border-bottom: 1px #CCCCCC solid;
    border-right: 1px #CCC solid;
    position: relative;
    overflow: hidden;
}
.title1{
	position:absolute;
	left:0;
	top:0;
	width:210px;
	height:150px;
	background-color:rgba(223,36,21,.8);
	transform: translate(260px, 100px) rotate(45deg);
    transition: all 0.4s ease-in-out;
	-ms-background-color:rgba(223,36,21,.8);
	-ms-transform: translate(260px, 100px) rotate(45deg);
    -ms-transition: all 0.4s ease-in-out;
}
.altu1 ul li:hover .title1{
	opacity:1;
    transform: translate(0px,0px) rotate(0deg);
    -webkit-transform: translate(0px, 0px) rotate(0deg);
	-ms-opacity:1;
    -ms-transform: translate(0px,0px) rotate(0deg);
    -ms-transform: translate(0px, 0px) rotate(0deg);
}
.altu1 ul li:hover img{
	transition:transform 3s;
	transform:scale(0.8,0.8);
	-ms-transition:transform 3s;
	-ms-transform:scale(0.8,0.8);
}
.title1 h3{
	padding:0;
	margin-top:25px;
	font-size:16px;
	font-weight:normal;
	height:100px;
	width:200px;
	border:1px #fff solid;
	text-align:center;
	line-height:100px;
color:#fff;
}

/* 分页样式 */
.paginate{
	text-align:center;
	padding:20px 0;
}
.paginate a{
	display:inline-block;
	padding:5px 10px;
	margin:0 3px;
	border:1px solid #e6e6e6;
	border-radius:3px;
	color:#333;
}
.paginate a:hover{
	background:#df231b;
	color:#fff;
	border-color:#df231b;
}

/* ==================== 响应式适配（手机端） ==================== */
/* 平板端适配（宽度小于1200px时） */
@media screen and (max-width: 1200px) {
    .top{
        padding:0 5%;
    }
    .logo{
        width:100%;
    }
    .logo img{
        max-width:100%;
        height:auto;
    }
    .nav{
        width:100%;
        padding-left:0;
    }
    .nav_ul{
        float:none;
    }
    .nav_ul li{
        margin-left:20px;
    }
    .fl{
        width:100%;
        height:auto;
        margin-top:0;
        position:relative;
    }
    .fl_nav{
        position:relative;
        width:100%;
        height:auto;
    }
    .fuwu{
        width:100%;
    }
    .hezuo{
        width:100%;
    }
    .xinwen{
        width:100%;
    }
    .altu{
        width:100%;
    }
    .ys{
        width:100%;
    }
    .lx_ul{
        width:100%;
    }
    .foot p{
        width:100%;
    }
    .yl{
        width:100%;
    }
    /* 首页服务展示区自适应 */
    .content ul{
        width:100%;
    }
    .content li{
        width:45%;
        margin:10px 2%;
    }
    /* 价格卡片在平板端也自适应 */
    .bj{
        width:45%;
        margin:10px 2%;
    }
    /* 案例在平板端也自适应 */
    .anli{
        width:45%;
        margin-left:2%;
        margin-right:2%;
    }
    /* 服务分类在平板端也自适应 */
    .fw{
        width:100%;
        margin-left:0;
        margin-bottom:20px;
    }
    /* 合作客户在平板端也自适应 */
    .kehu{
        width:45%;
        margin-left:2%;
    }
    .kehu_tu{
        width:45%;
        margin-left:2%;
    }
    /* 新闻列表项在平板端也自适应 */
    .xw{
        width:45%;
        margin-left:2%;
    }
    /* 品质服务在平板端也自适应 */
    .ys1, .ys2, .ys3, .ys4{
        width:45%;
        margin-left:2%;
    }
    /* 联系我们列表项在平板端也自适应 */
    .lx_ul li{
        width:45%;
        margin-left:2%;
    }
    /* 合作客户图片在平板端也自适应 */
    .altu ul li{
        width:33%;
    }
}

/* 手机端适配（宽度小于768px时） */
@media screen and (max-width: 768px) {
    body{
        font-size:14px;
    }
    .top{
        padding:0 10px;
        font-size:12px;
    }
    .span1{
        float:none;
        display:block;
    }
    .top_nav{
        float:none;
        display:block;
    }
    .header{
        height:auto;
    }
    .logo{
        width:100%;
        height:auto;
    }
    .logo img{
        width:100%;
        height:auto;
    }
    .nav{
        width:100%;
        height:auto;
        padding-left:0;
    }
    .nav_ul{
        float:none;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }
    .nav_ul li{
        float:none;
        margin-left:0;
        padding:0 10px;
        border-bottom:1px solid #e5e5e5;
        width:auto;
    }
    .banner{
        height:auto;
    }
    /* 手机端隐藏轮播图，显示静态图片 */
    #slides{
        display:none;
    }
    .mobile_banner{
        display:block;
    }
    #pagination{
        display:none;
    }
    .fl{
        height:auto;
        margin-top:0;
        width:100%;
    }
    .fl_nav{
        position:relative;
        width:100%;
        height:auto;
        padding-bottom:10px;
    }
    .fl_name{
        margin-top:10px;
    }
    .fl_ul{
        height:auto;
        padding:5px 0;
    }
    .fl_ul li{
        float:left;
        padding:5px 8px;
        font-size:12px;
    }
    .fenlei{
        width:100%;
    }
    .content ul{
        width:100%;
    }
    .content li{
        width:100%;
        margin:10px 0;
    }
    .fuwu{
        width:100%;
        height:auto;
    }
    .fw{
        width:100%;
        margin-left:0;
    }
    .hezuo{
        width:100%;
        height:auto;
    }
    .kehu{
        width:100%;
        margin-left:0;
    }
    .kehu_tu{
        width:100%;
    }
    .xinwen{
        width:100%;
        height:auto;
    }
    .xw{
        width:100%;
        margin-left:0;
    }
    .xwlb{
        width:70%;
    }
    .hzal{
        height:auto;
    }
    .altu{
        width:100%;
        height:auto;
    }
    .altu ul li{
        width:50%;
    }
    .ys{
        width:100%;
        height:auto;
    }
    .ys1, .ys2, .ys3, .ys4{
        width:100%;
        margin-left:0;
        margin-top:20px;
    }
    .lx{
        height:auto;
    }
    .lx_ul{
        width:100%;
        height:auto;
    }
    .lx_ul li{
        width:100%;
        margin-left:0;
        margin-top:10px;
    }
    .foot{
        padding:15px;
    }
    .foot p{
        width:100%;
    }
    .yl{
        width:100%;
    }
    .main{
        width:100%;
    }
    .left{
        width:100%;
        float:none;
    }
    .right{
        width:100%;
        margin-left:0;
        float:none;
    }
    .main1{
        width:100%;
    }
    .right1{
        width:100%;
        margin-left:0;
        float:none;
    }
    .left_top{
        width:100%;
    }
    .left_bot ul li{
        float:none;
    }
    /* 价格卡片自适应 */
    .bj{
        width:100%;
        float:none;
        height:auto;
        margin-bottom:20px;
        border-right:1px #CCC solid;
    }
    /* 案例自适应 */
    .anli{
        width:100%;
        float:none;
        margin-left:0;
        margin-bottom:20px;
        height:auto;
    }
    .tit{
        width:100%;
    }
    .al{
        width:100% !important;
        margin:0 !important;
    }
    .xgal ul li{
        width:100%;
        float:none;
        margin-left:0;
    }
}