.index-service2{width: 100%;}

.index-service2 ul{margin: 0 -70px;}

.index-service2 ul li{width: 33.333%; float: left; margin-top: 80px;}

.index-service2 ul li .box{display: block; margin: 0 70px; padding-left: 110px; position: relative;}

.index-service2 ul li .box2{display: block; margin: 0 70px; padding-left: 110px; position: relative;}

.index-service2 ul li .icon{position: absolute; left: 0; top: 0;}

.index-service2 ul li .icon img{-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}

.index-service2 ul li .icon:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}

.index-service2 ul li .ts{font-size: 14px; color: #dab18d; padding-left: 10px; position: relative;}

.index-service2 ul li .ts:before{content:""; display: block; width: 4px; height: 4px; background-color: #dab18d; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -2px;}

.index-service2 ul li .h2{font-size: 32px; color: #000; line-height: 1.1; margin-top: 10px;}

.index-service2 ul li .h2:hover{color: #dab18d;}

.index-service2 ul li .tmain{position: relative;right:30px;}

.index-service2 ul li .tmain p{font-size: 14px; color: #666; line-height: 22px;}

.index-service2 ul li .tmain img{    width: 230px;

    height: 329px;

}

.index-service2 ul li .tags{width: 100%; background-color: #fff; position: absolute; left: 0; top: 0; overflow: hidden;zoom: 1.5; margin-left: 16px;display: none;}

.index-service2 ul li .box:hover .tags{display: block;}

.index-service2 ul li .tags span{width: 80%; height: 34px; line-height: 34px; margin: 1%; text-align: center; overflow: hidden; float: left; border: 1px solid #b4b4b4; font-size: 16px; color: #666; -webkit-box-sizing: border-box;box-sizing: border-box;}

.index-service2 ul li .tags span:hover{background-color: #000; border-color: #000; color: #dab18d;}

.index-service2 ul li .more{display: inline-block; width: 95px; height: 25px; line-height: 26px; text-align: center; border: 1px solid #b4b4b4; font-size: 12px; color: #818181; margin: 30px 0 0 0;}

.index-service2 ul li .more:hover{background-color: #000; border-color: #000; color: #dab18d;}

.index-service2 ul li .more i{display: inline-block; padding-right: 13px; background: url(../images/see-more.png) right center no-repeat;}

.index-service2 ul li .more:hover i{background: url(../images/see-more-h.png) right center no-repeat;}

.section03{min-height: 792px; background-color: #000; background-image: url(../images/section03.jpg); background-position: right top; /*background-size: cover;*/ background-repeat: no-repeat;}

.index-service2 ul{margin: 0 -30px;}

    .index-service2 ul li{margin-top: 40px;}

    .index-service2 ul li .box{margin: 0 30px; padding-left: 75px;}

    .index-service2 ul li .h2{font-size: 26px;}

    .index-service2 ul li .icon{max-width: 60px;}

    .index-service2 ul{margin: 0 -20px;}

    .index-service2 ul li{width: 50%; margin-top: 30px;}

    .index-service2 ul li .box{margin: 0 20px; padding-left: 75px;}

    .index-service2 ul li .box2{margin: 0 20px; padding-left: 75px;}

    .index-service2 ul li .icon{width: 50px;}

    .index-service2 ul li .ts{font-size: 12px;}

    .index-service2 ul li .h2{font-size: 16px;}

    .index-service2 ul li .tags span{height: 30px; line-height: 30px;}

    .section03{min-height: 100px; background-size: cover;}

    .index-service2 ul li{width: 100%; margin-top: 50px;}

    .index-service2 ul li .box{padding-left: 2px;margin-right: 17px;}

    .index-service2 ul li .icon{width: 50px;}

    .index-service2 ul li .ts{font-size: 12px;}

    .index-service2 ul li .h2{font-size: 16px;}

    .index-service2 ul li .tmain{height: auto;}

    .index-service2 ul li .tags,.index-service2 ul li .box:hover .tags{display: none;}

    .index-service2 ul li .tags span{height: 30px; line-height: 30px;}

    .index-service2 ul li .more{margin-top: 5px;}