@charset "UTF-8";

.main {
    background: url("../img/about-bg.png") no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

/*service-title*/
.service-title {
    border-bottom: 1px solid #e0e0e0;
}
.service-title li {
    float: left;
    width: 8%;
    text-align: center;
    padding: 3em 0 0;
    line-height: 2em;
    font-size: 1.4em;
}
.service-title li a {
    padding-bottom: 1em;
    border-bottom: 3px solid rgba(0,0,0,0);
}
.service-title .active {
    border-bottom: 3px solid #d8083c;
}
/*service-title-end*/

/*industry-application*/
.indust-appli {
    padding:6em 0;
    display: flex;
    display: -webkit-flex;
}
.indust-appli-left {
    width: 50%;
}
.indust-appli-left h4 {
    font-size: 1.8em;
    color: #d8083c;
    padding: 3em 0 1.2em;
}
.indust-appli-left p {
    font-size: 1.6em;
    color: #3e3e3e;
}
.indust-appli-left p:last-child {
    line-height: 2.5em;
    padding-top: 2.5em;
}
.indust-appli-right {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
/*industry-application-end*/

/*data-download*/
.data-down {
    padding-top: 6em;
}
.data-title {
    background-color: rgba(229,229,229,0.7);
    padding-left: 4%;
}
.data-title h3 {
    font-size: 1.8em;
    line-height: 2em;
    padding: 1em 0;
    display: inline-block;
    float: left;
    text-align: right;
    width: 25%;
    font-weight: 600;
}
.data-title h3:first-of-type {
    width: 45%;
    text-align: left;
}
.data-content {
    margin-bottom: 10em;
}
.data-content li {
    padding-left: 4%;
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    transition: background-color 1s;
}
.data-content span {
    display: inline-block;
    text-align: right;
    padding: 2em 0;
    color: #545454;
}
.data-content li:hover span {
    color: #d8083c;
}
.data-content li:hover {
    background-color: rgba(123,123,123,0.3);
}
.data-content span:nth-of-type(2) {
    font-size: 1.4em;
    width: 26.5%;
}
.data-content span:last-of-type {
    width: 23.5%;
}
.data-content span:first-of-type {
    width: 45%;
    text-align: left;
    font-size: 1.6em;
}
/*data-download-end*/

/*service-qualification*/
.service-quali {
    margin-top: 2em;
    margin-bottom: 7em;
}
.service-quali li {
    float: left;
    text-align: center;
    margin-right: 3.5%;
    width: 22%;
    margin-top: 4em;
}
.service-quali li:last-of-type {
    margin-right: 0;
}
.service-quali li:nth-of-type(4n+0) {
    margin-right: 0;
}
.service-quali li a {
    font-size: 1.4em;
    line-height: 2em;
    margin-top: 1em;
}
.service-quali li .disImg {
    background-color: #e5e5e5;
    height: 266px;
    width: 266px;
    line-height:264px;
    overflow: hidden;

}
.service-quali li .disImg img {
    max-height: 80%;
    max-width: 80%;
    vertical-align: middle;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
}
.service-quali li .disImg:hover img {
    -moz-transform:scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);

}
/*service-qualification-end*/

/*service-advantages*/
.service-advant {
    margin-top: 10em;
    /*padding-bottom: 20em;*/
    margin-bottom: 80px;
}
.service-advant li {
    float: left;
    width: 23.5%;
    padding: 4% 3%;
    background-color: #f2f2f2;
    text-align: center;
    margin-right: 2%;
    /*height: 420px;*/
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}
.service-advant li:last-child {
    margin-right: 0;
}
.service-advant li:hover,.service-advant li.on {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 2px 2px 10px 1px #aaa;
    box-shadow: 2px 2px 10px 1px #aaa;
}
.service-advant li>span {
    display: inline-block;
    width: 172px;
    height: 172px;
    background-color: #f7f7f7;
    border: solid 2px #c9c9c9;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-transition: background-color 1.5s;
    -moz-transition: background-color 1.5s;
    transition: background-color 1.5s;
}
.service-advant li:first-of-type span {
    background: url("../img/ys-img-4.png")center no-repeat;
}
.service-advant li:nth-of-type(3) span {
    background: url("../img/ys-img-2.png")center no-repeat;
}
.service-advant li:nth-of-type(2) span {
    background: url("../img/ys-img-1.png")center no-repeat;
}
.service-advant li:last-of-type span {
    background: url("../img/ys-img-3.png")center no-repeat;
}
.service-advant li:first-of-type:hover span ,.service-advant li:first-of-type.on span {
    background: #d8083c url("../img/ys-img-sty-4.png")center no-repeat;
    border: solid 2px #d8083c;
}
.service-advant li:nth-of-type(3):hover span,.service-advant li:nth-of-type(3).on span {
    background: #d8083c url("../img/ys-img-sty-2.png")center no-repeat;
    border: solid 2px #d8083c;
}
.service-advant li:nth-of-type(2):hover span,.service-advant li:nth-of-type(2).on span {
    background: #d8083c url("../img/ys-img-sty-1.png")center no-repeat;
    border: solid 2px #d8083c;
}
.service-advant li:last-of-type:hover span,.service-advant li:last-of-type.on span {
    background: #d8083c url("../img/ys-img-sty-3.png")center no-repeat;
    border: solid 2px #d8083c;
}
.service-advant li:hover h5,.service-advant li.on h5 {
    color: #d8083c;
}
.service-advant li:hover i,.service-advant li.on i {
    background-color: #d8083c;
}
.service-advant li:hover p,.service-advant li.on p {
    color: rgba(216,8,60,0.8);
}

.service-advant li h5 {
    font-size: 1.8em;
    margin-top: 2em;
    font-weight: 500;
}
.service-advant li i {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #c9c9c9;
    margin: 1em auto;
}
.service-advant li p {
    font-size: 1.6em;
    color: rgba(62,62,62,0.5);
}
.advant-infor {
    padding-bottom: 10em;
}
.advant-infor .text {
    box-shadow: 0 0 10px 1px #aaa;
    -webkit-box-shadow: 0 0 10px 1px #aaa;
    padding: 35px 50px 43px;
    background-color: #fff;
    display:none;
}
.advant-infor .text.on{display:block;}
.advant-infor .title {
    padding: 0 8px 18px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(125,125,125,0.5);
}
.advant-infor h5 {
    font-size: 18px;
    color: #d8083c;
    display: inline-block;
    margin-left: 18px;
    vertical-align: bottom;
    font-weight: 500;
}
.advant-infor h6 {
    font-size: 16px;
    color: #333;
    margin-bottom: 22px;
    font-weight: 500;
}
.advant-infor .text>img {
    margin-bottom: 25px;
}
.advant-infor ul {
    margin-bottom: 58px;
    padding: 0 8px;
}
.advant-infor li {
    display: inline-block;
    margin-right: 50px;
    font-size: 14px;
    color: #666;
    padding-left: 20px;
    background: url("../img/x-xing.png") left 2px no-repeat;
}
.advant-infor p {
    margin-bottom: 38px;
    font-size: 14px;
    color: #666;
    padding-left: 20px;
    background: url("../img/x-xing.png") left 2px no-repeat;
}
/*service-advantages-end*/

/*service-network*/
.service-work {
    margin-top: 9em;
    padding-bottom: 7em;
    text-align: center;
}
.service-work-one h2 {
    font-size: 3em;
    line-height: 2.4em;
    font-weight: 600;
}
.service-work-one i {
    display: block;
    width: 100px;
    height: 1px;
    margin: 2em auto 3em auto ;
    background-color: #d8083c;
}
.service-work-one p {
    font-size: 1.6em;
    color: #6b6b6b;
    margin-bottom: 5em;
}
.service-work-one img {

}
.service-work-two {
    margin-top: 10em;
}
.service-work-two h2 {
    font-size: 3em;
    line-height: 2.4em;
    font-weight: 600;
}
.service-work-two i {
    display: block;
    width: 100px;
    height: 1px;
    margin: 2em auto 3em auto ;
    background-color: #d8083c;
}
.service-work-two p {
    font-size: 1.6em;
    color: #6b6b6b;
    line-height: 3em;
}
.service-work-two img {
    margin-top: 2em;
}
/*service-network-end*/

.zz{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;z-index: 3;display:none}
.tc{position:fixed;top:50%;left:50%;max-width: 80%;max-height: 80%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display:none;z-index: 4;overflow: auto}
.tc img{max-height:100%;max-width: 100%}

.advant-infor{position:relative}
.controls a{position:absolute;top:45%;width:30px;height:30px;border-radius: 50%;text-align: center;z-index: 1;margin-top:-15px;opacity:0.5}
.controls a img{width:100%}
.controls a.prev{left:10px;}
.controls a.next{right:10px;}
.controls a:hover{opacity:1}