.bannerCon { width: 100%; height: 300px; background: url("/home/images/about.jpg") no-repeat top center; }

/*.info*/
.info { border-bottom: 1px solid #e5e5eb; }
.info ul { margin-top: 20px; }
.info ul li img { width: 100%; height: auto; }
.info ul li h2 { font-size: 18px; font-weight: 400; }
.info ul li h2:after { content: attr(data-text); font-size: 16px; color: #666666; margin-left: 5px;}

/*serve*/
.service p { color: #666666; }
.service ul li h2 { font-size: 18px; font-weight: 400; }
.service ul li h2:after { content: attr(data-text); font-size: 16px; color: #666666; margin-left: 5px;}
.service ul li div { width: 80%; margin-left: 10%; position: relative; margin-top: 30px; }
.service ul li div img { width: 100%; height: auto; }
.service ul li div span { width: 68px; height: 68px; display: block; position: absolute; }
.service ul li div span:first-child { left: 20px; top: -15px;}
.service ul li div span:nth-child(2) { right: 20px; top: -15px;}
.service ul li div span:nth-child(3) { left: -30px; top: 105px;}
.service ul li div span:nth-child(4) { right: -30px; top: 105px;}
.service ul li div span:nth-child(5) { left: 20px; bottom: -15px;}
.service ul li div span:nth-child(6) { right: 20px; bottom: -15px;}

/*cooperation*/
.cooperation ul { margin-top: 15px; }
.cooperation ul li { margin-bottom: 5px; }
.cooperation ul li img { width: 100%; }

@media (min-width:768px) {
    .info ul li h2 { margin-top: 0; }

    .accomplishment p { margin-bottom: 10px; }
}

@media (min-width:992px) {
    .service ul li h2 { font-size: 18px; font-weight: 400; margin: 30px 0; }
    .service ul li div span:first-child { left: 40px; top: -5px;}
    .service ul li div span:nth-child(2) { right: 40px; top: -5px;}
    .service ul li div span:nth-child(3) { left: -30px; top: 150px;}
    .service ul li div span:nth-child(4) { right: -30px; top: 150px;}
    .service ul li div span:nth-child(5) { left: 40px; bottom: -5px;}
    .service ul li div span:nth-child(6) { right: 40px; bottom: -5px;}
}

@media (min-width:1200px) {
    .info h1 { margin-bottom: 60px; }
    .info ul li h2 { font-size: 28px; margin-bottom: 70px; }
    .info ul li p { margin-bottom: 10px; }
    .accomplishment p { margin-bottom: 20px; }

    .service ul li h2 { font-size: 28px; font-weight: 400; margin: 30px 0; }
    .service ul li div span { cursor: pointer; transition: all 2s; }
    .service ul li div span:first-child { left: 40px; top: -5px;}
    .service ul li div span:nth-child(2) { right: 40px; top: -5px;}
    .service ul li div span:nth-child(3) { left: -30px; top: 150px;}
    .service ul li div span:nth-child(4) { right: -30px; top: 150px;}
    .service ul li div span:nth-child(5) { left: 40px; bottom: -5px;}
    .service ul li div span:nth-child(6) { right: 40px; bottom: -5px;}
    .service ul li div span:hover {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg); 	/* IE 9 */
        -moz-transform:rotate(360deg); 	/* Firefox */
        -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
        -o-transform:rotate(360deg); 	/* Opera */
    }
    .cooperation ul { margin-top: 30px; }
    .cooperation ul li img { width: 151px; }

}