﻿

/*网页内容样式*/
.top_banner{width:100%;height:300px;margin:0 auto;background:url(../images/topban.jpg) no-repeat top center;}
.xm_banner{width:1230px;height:340px;margin:-80px auto 50px auto;}
.xm_banner img{width:50%;height:340px;float:left;}

.xm_list{width: 1230px;height: auto;overflow: hidden;margin-bottom: 60px;margin-left: auto;margin-right: auto;margin-top: 60px;}
.xm_list .xm_list_tit{width: 454px;height: 185px;background: url(../images/project.jpg) no-repeat;margin:0 auto 30px auto;}
.xm_list .xm_list_tit h3{width:350px;height:35px;line-height:35px;text-align:right;font-size:25px;padding-top:10px;font-weight:lighter;}
.xm_list .xm_list_tit p{width: 454px;height: 40px;line-height: 20px;text-align: center;margin:90px 0 20px 0;}
.xm_list .xm_list_mid{width: 1230px;height:auto;margin: 0 auto;overflow:hidden;}
.xm_list .xm_list_mid .mid_box{width: 243px;height: 430px;float: left;margin:0 30px 30px 0;padding:20px;background: #fff;color: #202020;position: relative;border: 1px solid #f6f6f6;padding-bottom: 10px;}
.xm_list .xm_list_mid .mar0{margin:0 0 30px 0;}

.xm_list .xm_list_mid .mid_box img{margin: 0 auto;width:100%;height:auto;	}
.xm_list .xm_list_mid .mid_box  h3{width: 243px;margin-top: 20px;text-align:left;}
.xm_list .xm_list_mid .mid_box a:hover h3{color:#d0000e;}
.xm_list .xm_list_mid .mid_box p{width:243px;margin: 0 auto;margin-bottom:10px;text-overflow:ellipsis;}
.xm_list .xm_list_mid .mid_box a{width:90px;height:30px;display:inline-block;margin:10px 5px 10px 0;background:#202020;color:#fff;line-height:30px;text-align:center;}
.xm_list .xm_list_mid .mid_box .difbg{background:#d0000e;color:#fff;}
.xm_list .xm_list_mid .mid_box a:hover{color:#fff;}

.xm_list .xm_list_mid .mid_box .other{width:243px;height: 35px;border-top: 1px dashed #c4c4c4;}
.xm_list .xm_list_mid .mid_box .other .zan{float:left;}
.xm_list .xm_list_mid .mid_box .other .zan img{width:22px;height:22px;margin: 0 auto;margin-top: 5px;}

.btn{width: 250px;height:40px;display: block;line-height: 40px;position: relative;box-sizing: border-box;background: #fff;text-align: center;border: 1px solid #000;color: #000;overflow: hidden;cursor: pointer;text-transform: lowercase;margin:0 auto;}
.btn span{position:relative;z-index:10;transition:all .3s cubic-bezier(1, .02, .74, .93) 0s}
.btn:after{content:"";position:absolute;top:0;left:0;overflow:hidden;width:0;height:100%;background:#000;transition:none;transition:all .5s ease 0s}
.btn:hover:after{width:100%;background:#000}
.btn:hover span{color:#fff}



/*优势*/
.advan_box{width:1230px;height:auto;margin:0 auto;overflow:hidden;}
.advan_box .advan_tit{width: 558px;height: 197px;background: url(../images/advantage.jpg) no-repeat;margin:0 auto 30px auto;}
.advan_box .advan_tit h3{width:377px;height:35px;line-height:35px;text-align:right;font-size:25px;padding-top:75px;font-weight:lighter;}

.advan_part{width:584px;height:630px;float:left;padding-left:30px;padding-top:30px;}
.advan_part	 .part_l{width:60px;height:60px;float:left;font-size:50px;font-family:'Arial Black';vertical-align:top;margin-top:5px;}
.advan_part	 .part_l em{width:30px;height:2px;background:#d0000e;display:block;margin-top:30px;}

.flor {padding-right:30px;padding-left:0;}
.flor .part_l{float:right;margin-top:533px;}
.flor .part_r{float:right;}

.advan_part	 .part_r{width:440px;height:630px;float:left;margin-left:40px;}
.advan_part	 .part_r .pic,.con{width:440px;height:280px;margin-bottom:30px;}
.advan_part	 .part_r .con h3{width:440px;line-height:30px;font-size:20px;font-weight:400;margin-bottom:30px;}
.advan_part	 .part_r .con p{width:440px;line-height:30px;font-size:14px;}
/*优势结束*/


.bota{margin: 50px auto;width:800px;height: 100px;}
.boticon{width: 100px;height: 100px;float: left;margin-left: 50px;margin-right: 50px;}
.boticon a{width: 100px;height: 100px;display: block;}
.ic01 a{background: url(../images/boticon01.jpg) no-repeat center top;}
.ic01 a:hover{background:url(../images/boticon05.jpg) no-repeat center top;}
.ic02 a{background:url(../images/boticon02.jpg) no-repeat center top;}
.ic02 a:hover{background:url(../images/boticon06.jpg) no-repeat center top;}
.ic03 a{background:url(../images/boticon03.jpg) no-repeat center top;}
.ic03 a:hover{background:url(../images/boticon07.jpg) no-repeat center top;}
.ic04 a{background:url(../images/boticon04.jpg) no-repeat center top;}
.ic04 a:hover{background:url(../images/boticon08.jpg) no-repeat center top;}



