﻿.banner{height: 668px;overflow: hidden;position: relative;width: 100%;zoom:1;}
.banner img{/*max-width: 100%;*/}
.bannerLi{}
.bannerdot{width: 100%;position: absolute;bottom:10px;text-align: center;}
.bannerdot li{margin:0 2px;display: inline-block;zoom:1;width: 10px;height: 10px;background: #fff;border-radius: 100%;}
.bannerdot li.active{border:2px solid #fff;background: transparent;width: 9px;height: 9px;border-radius: 50%;}
/* 公共 */
.title{text-align: center;}
.title h3{font-size: 30px;font-weight: bold;line-height: 47px;}
.title p{font-size: 14px;line-height: 30px;}
.title .line{background: #c10400;width: 22px;height: 1px;display: inline-block;*display: inline;zoom:1;margin-left: 14px;margin-right: 14px;vertical-align: middle;}

/* 服务优势 */
.adv{background: #fff;height: 660px;}
.adv .title h3{color: #040407;padding-top: 94px;}
.adv .title p{color: #040407;}
.adv-con{margin-top: 78px;}
.adv-con li{display: inline-block;*display: inline;zoom:1;width: 272px;margin-right: 128px;padding-top: 92px;}
.adv-con .item1{background: url(../img/adv_01.png) no-repeat top center;margin-left: 64px;}
.adv-con .item2{background: url(../img/adv_02.png) no-repeat center 4px;}
.adv-con .item3{background: url(../img/adv_03.png) no-repeat top center;margin-right: 0;}
.adv-con li h4{color: #040407;font-size: 24px;text-align: center;line-height: 42px;padding-top: 32px;margin-bottom: 16px;transition: all 0.2s ease-in-out;}
.adv-con li p{line-height: 26px;text-align: center;}

.adv-con li:hover h4{color: #d4392c;}
.adv-con .item1:hover{background: url(../img/adv_01h.png) no-repeat top center;}
.adv-con .item2:hover{background: url(../img/adv_02h.png) no-repeat center 4px;}
.adv-con .item3:hover{background: url(../img/adv_03h.png) no-repeat top center;}
/* 服务项目 */
.pro{background: rgba(125, 119, 119, 0.52);padding-bottom: 80px;}
.pro .title{color: #fff;padding-top: 50px;}
.pro .title .line{background: #fff;}
.pro_item{text-align: center;/*margin-top: 68px;*/margin-bottom: 76px;}
.pro_item li{display: inline-block;*display: inline;zoom:1;width: 110px;height: 33px;color: #fff;border:1px solid #fff;text-align: center;line-height: 33px;margin-right: 14px;cursor: pointer;}
.pro_item li.cur{background: #fff;color: #d4392c;}
.pro_con{overflow: hidden;}
.pro_con li{float: left;    margin-right: 6px;    margin-left: 6px;    margin-bottom: 14px;    text-align: center;}
.pro_con li a{display: block;}
.pro_con li img{max-width: 288px;max-height: 100%;}

/* 视角 */
.view{height: 1850px;background: #fff;}
.view .title h3{color: #040407;padding-top: 73px;}
.view .title p{color: #040407;}
.view_con{margin-top: 69px;font-size: 0;}
.view_con li{display: inline-block;*display: inline;zoom:1;width: 379px;     margin-bottom: 50px; margin-right: 10px;    margin-left: 10px;font-size: 14px;transition: all 0.2s ease-in-out;box-shadow:  2px 2px 30px #98838C;}
.view_con .img{position: relative;height: 244px;text-align: center;}
.view_con .img img{max-width: 100%;max-height: 244px;}
.view_con .img span{position: absolute;display: inline-block;width: 77px;height: 74px;left: 0;bottom:0;background: #3c3c3c;color: #fff;text-align: center;font-size: 12px;transition: all 0.2s ease-in-out;}
.view_con .img span strong{display: block;font-size: 35px;line-height: 50px;}
.view_con .txt{padding-left: 22px;padding-right: 18px;}
.view_con .txt h4 {line-height: 34px;padding-top: 13px;margin-bottom: 8px;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.view_con .txt h4 a{color: #040407;font-size: 14px;}
.view_con .txt h4 a:hover{color: #cf372d;}
.view_con .txt p{font-size: 12px;line-height: 23px;}
.view_con .ext{font-size: 12px;padding-left: 22px;padding-right: 18px;margin-top: 30px;line-height: 34px;padding-bottom: 25px;}
.view_con .ext .time{padding-left: 24px;background: url(../img/icon_01.png) no-repeat left center;}
.view_con .ext .views{background: url(../img/icon_02.png) no-repeat left center;padding-left: 27px;margin-left: 23px;}
.view_con .ext a{display: inline-block;width: 102px;height: 34px;text-align: center;line-height: 34px;background: #cf372d;color: #fff;*display: inline;zoom:1;float: right;*margin-top: -30px;}
.view_con li:hover{box-shadow:  2px 2px 30px #D4392C;}
.view_con li:hover .img span{background: #cf372d;}








