@charset "utf-8";

/* about css */
.p-scenes-item,.p-scenes-list{font-size:0}
.lt-item{background-image:url(../images/about/about-left.png);background-size:cover;background-position:center;}
.rt-item{background-image:url(../images/about/about-right.png);background-size:cover;background-position:center;}
.lt-item .p-scenes-desx,.rt-item .p-scenes-desx{width:300px}
.lt-item,.lt-items.p-scenes-item .p-scenes-inner,.rt-item,.rt-items.p-scenes-item .p-scenes-inner{-webkit-transition:box-shadow .2s linear;-webkit-transition:transform .2s linear;transition:box-shadow .2s linear;transition:transform .2s linear}
.lt-item:hover,.lt-items.p-scenes-item .p-scenes-inner:hover,.rt-item:hover,.rt-items.p-scenes-item .p-scenes-inner:hover{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}
.lt-items.p-scenes-item .p-scenes-inner:first-child{background-image:linear-gradient(-143deg,#30b2f2 0,#00c8dc 100%);background-image:-webkit-linear-gradient(-143deg,#30b2f2 0,#00c8dc 100%);background-color:#00c8dc\9}
.lt-items.p-scenes-item .p-scenes-inner:nth-child(2){background-image:linear-gradient(135deg,#006eff 0,#65a1f8 100%);background-image:-webkit-linear-gradient(135deg,#006eff 0,#65a1f8 100%);background-color:#65a1f8\9}
.rt-items.p-scenes-item .p-scenes-inner:first-child{background-image:linear-gradient(-143deg,#30b2f2 0,#00c8dc 100%);background-image:-webkit-linear-gradient(-143deg,#30b2f2 0,#00c8dc 100%);background-color:#00c8dc\9}
.rt-items.p-scenes-item .p-scenes-inner:nth-child(2){background-image:linear-gradient(135deg,#006eff 0,#65a1f8 100%);background-image:-webkit-linear-gradient(135deg,#006eff 0,#65a1f8 100%);background-color:#65a1f8\9}
.p-scenes-item{padding:30px;width:calc((100% - 20px)/ 2);display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;font-size:0;margin-right:10px}
.p-scenes-item .p-scenes-inner{padding:30px;width:calc((100% - 20px)/ 2);display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.p-scenes-item .p-scenes-inner+.p-scenes-inner{margin-left:20px}
.p-scenes-inner>h4,.p-scenes-item>h4{font-size:24px;color:#fff;line-height:33px;margin-bottom:30px}
.p-scenes-inner>.p-scenes-desx,.p-scenes-item>.p-scenes-desx{font-size:14px;color:#fff;line-height:24px;display:block;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;max-height:45px}
.p-scenes-item.rt-items{padding:0;margin-left:10px;margin-right:0}
.p-scenes-item.lt-items{padding:0;margin-left:0;margin-right:10px}
.p-scenes-item.rt-item{margin-left:10px;margin-right:0}

.company-img-left {float:left;border:0;border-radius:5px;width:350px;margin:10px 15px 0 0;}
.company-img-right {float:right;border:0;border-radius:5px;width:350px;margin:10px 0 0 15px;}

.company-logo-list {margin:50px 0;text-align:center;}
.company-logo-list .logo-item-title {height:30px;line-height:30px;margin:15px 0 30px 0;}
.company-logo-list li:first-child .logo-item img {width:120px;border-radius:100%;border:1px #e1e1e1 solid;padding:10px;}
.company-logo-list li:nth-child(2) .logo-item img {width:120px;border:1px #e1e1e1 solid;padding:10px;}
.company-logo-list li:nth-child(3)  .logo-item img {width:400px;border:1px #2D6DCC solid;padding:10px;background:#2D6DCC;}
.company-logo-list li:nth-child(4)  .logo-item img {width:400px;border:1px #e1e1e1 solid;padding:10px;}

.history-list h3 {font-size:16px;line-height:18px;color:#00A4FF;}
.history-list p {text-indent:0;font-size:14px;margin:0;}
.history-list .timeline-ext {color:#666;font-size:14px;margin:0;}

.advantage-fieldset .advantage-title {height:50px;width:80px;border-radius:10%;font-size:20px;font-weight:bold;color:#fff;text-align:center;line-height:45px;}
.advantage-fieldset .advantage-title.advantage-title-one {background-image:linear-gradient(-143deg,#30b2f2 0,#00c8dc 100%);background-image:-webkit-linear-gradient(-143deg,#30b2f2 0,#00c8dc 100%);background-color:#00c8dc\9}
.advantage-fieldset .advantage-title.advantage-title-two {background-image:linear-gradient(135deg,#006eff 0,#65a1f8 100%);background-image:-webkit-linear-gradient(135deg,#006eff 0,#65a1f8 100%);background-color:#65a1f8\9}
.advantage-fieldset {margin-top:30px;}
.advantage-card {border:1px #e1e1e1 solid;width:80%;margin-left:20%;}
.advantage-card-header {background:#efefef;padding:0 15px;font-weight:bold;}
.advantage-card-content {padding:10px 15px;line-height:1.6;}

.purpose-pro-list {margin:50px 0;position:relative;min-height:320px;}
.purpose-pro-list ul {margin:0;padding:0;}
.purpose-pro-list ul li {width:180px;height:180px;background:#1E9FFF;border-radius:100%;position:absolute;top:140px;left:50%;margin-left:-170px;}
.purpose-pro-list ul li:first-child {background:#5FB878;top:0;left:50%;margin-left:-90px;}
.purpose-pro-list ul li:last-child {background:#FF5722;top:140px;left:50%;margin-left:-10px;}
.purpose-pro-list ul li p {color:#fff;text-indent:0;text-align:center;}
.purpose-pro-list ul li p.purpose-pro-list-title {font-size:26px;font-weight:bold;margin:0;padding:45px 0 0 0;}
.purpose-pro-list ul li:last-child p.purpose-pro-list-title {padding:30px 0 0 0;}
.purpose-pro-list ul li p.purpose-pro-list-ext {font-size:16px;margin:0;padding:10px 0 0 0;}
.purpose-view-list ul .purpose-list-li {border-bottom:1px #e1e1e1 solid;margin-bottom:30px;padding-bottom:30px;}
.purpose-view-list ul .purpose-list-li:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.purpose-view-list ul .purpose-list-li h2 {font-size:22px;}
.purpose-view-list ul .purpose-list-li p {font-size:16px;color:#666;margin-top:0;text-indent:0;}
.purpose-view-list ul .purpose-list-li .purpose-content-li {font-size:16px;position:relative;padding-left:20px;}
.purpose-view-list ul .purpose-list-li .purpose-content-li:before {content:'';position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background-color:#00A4FF;}

.culture-fieldset .culture-title {height:50px;width:80px;border-radius:10%;font-size:20px;font-weight:bold;color:#fff;text-align:center;line-height:45px;}
.culture-fieldset .culture-title.culture-title-one {background-image:linear-gradient(-143deg,#30b2f2 0,#00c8dc 100%);background-image:-webkit-linear-gradient(-143deg,#30b2f2 0,#00c8dc 100%);background-color:#00c8dc\9}
.culture-fieldset .culture-title.culture-title-two {background-image:linear-gradient(135deg,#006eff 0,#65a1f8 100%);background-image:-webkit-linear-gradient(135deg,#006eff 0,#65a1f8 100%);background-color:#65a1f8\9}
.culture-fieldset {margin-top:30px;}
.culture-card {border:1px #e1e1e1 solid;width:80%;margin-left:20%;}
.culture-card-header {background:#efefef;padding:0 15px;font-weight:bold;}
.culture-card-content {padding:10px 15px;line-height:1.6;}

.payment-invoice-list ul .payment-invoice-li {border-bottom:1px #e1e1e1 solid;margin-bottom:30px;padding-bottom:30px;}
.payment-invoice-list ul .payment-invoice-li:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.payment-invoice-list ul .payment-invoice-li h2 {font-size:22px;}
.payment-invoice-list ul .payment-invoice-li p {font-size:16px;color:#666;margin-top:0;text-indent:0;}
.payment-invoice-list ul .payment-invoice-li .payment-invoice-content-li {font-size:16px;position:relative;padding-left:20px;}
.payment-invoice-list ul .payment-invoice-li .payment-invoice-content-li:before {content:'';position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background-color:#00A4FF;}
.payment-invoice-list ul .payment-invoice-li .payment-invoice-qrcode {text-align:center;}
.payment-invoice-list ul .payment-invoice-li .payment-invoice-qrcode img {border:0;width:280px;margin:10px 0;}

.contact-info li.contact-info-item,.contact-info li.contact-info-item-list {font-size:16px;}
.contact-info li.contact-info-item i {margin-right:5px;width:15px;text-align:center;}
.contact-info li.contact-info-item i.nomr{margin-right:0;}
.contact-info .contact-info-item .contact-info-item-list {padding-left:100px;font-size:16px;}
.contact-info .contact-info-item a {font-size:16px;color:#00A4FF;}
.contact-info .contact-info-item a:hover {text-decoration:underline;}
.contact-code-title,.contact-form-title {font-size:22px;font-weight:500;}
.contact-code {overflow:hidden;}
.contact-code {margin:0 auto;width:520px;}
.contact-code .contact-code-item {float:left;margin:0 10px;}
.contact-code .contact-code-item .contact-item-qrcode img{width:140px;border:1px #e1e1e1 solid;padding:5px;}
.contact-code .contact-code-item .contact-item-title {height:30px;line-height:30px;text-align:center;margin:10px 0 0 0;font-size:16px;}
.contact-code .contact-code-item .contact-item-title:before {content:'\f029';font-family:FontAwesome;margin-right:5px;}
.contact-form {margin:40px 0 0 0;}
.contact-form .contact-form-verycode {cursor:pointer;}
.contact-form .contact-form-verycode img {border:1px #ccc solid;}
.contact-form-tips p {font-size:14px;margin:0;}