/* ========== */
/* = INNER-BANNER = */
/* ========== */
.inner-banner {padding: 155px 0 100px;color: #fff;text-align: center;position: relative;}
.inner-banner:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: top center; z-index: 0;}
.inner-banner .title {margin: 30px 0 50px;font-size: 34px;font-weight: bold;letter-spacing: 15px;position: relative;z-index: 1;}
.inner-banner .des {margin-bottom: 10px;font-size: 20px;letter-spacing: 3px;position: relative;z-index: 1;}
.inner-banner .des-eng {opacity: .2;letter-spacing: 1px;position: relative;z-index: 1;}
/* ========== */
/* = BREADRUMB = */
/* ========== */
.breadrumb {border-bottom: 1px solid #e4e4e4;}
.breadrumb-in {padding: 20px 50px;line-height: 25px;font-size: 12px;color: #bbb;border-left: 1px solid #e4e4e4;background: url(/images/breadrumb_ico.png) no-repeat 25px center;}
.breadrumb-in a,.breadrumb-in span {color: #bbb;}
/* ========== */
/* = INNER-PAGE-TITLE = */
/* ========== */
.inner-page-title {text-align: center;color: #aaa;text-transform: uppercase;}
.inner-page-title .title {margin-bottom: 3px;font-size: 20px;color: #202020;}
/* ========== */
/* = ABOUT.HTML = */
/* ========== */
.about-who {padding: 75px 0 70px;/*background: url(/images/about_line.jpg) repeat-x left bottom;*/}
.about-who-body { padding-top: 60px;color: #555;}
.about-who-body .img {float: left;width: 38%;margin-left: -15px;}
.about-who-body .con {margin-left: 43%;}
.about-who-body .title {margin-bottom: 50px;font-size: 18px;color: #202020;}
.about-who-body .title span { color: #aaa;}
.about-who-body .des {margin-bottom: 50px;line-height: 24px;}
.about-what {padding: 55px 0 20px;/*background: url(/images/about_line.jpg) repeat-x left bottom;*/}
.about-what-body {padding-top: 50px;}
.about-what-list {overflow: hidden;margin-left: -30px;margin-right: -30px;}
.about-what-list li {float: left;width: 25%;padding: 0 40px 50px;}
.about-what-item {line-height: 24px;color: #202020;text-align: center;}
.about-what-item img { margin-bottom: 25px;}
.about-what-foot { text-align: right;}
.about-what-foot>p {float: left;color: #aaa;line-height: 36px;}
.about-what-foot .button { margin-left: 20px;}
.about-team {padding: 80px 0 23px;/*background: url(/images/about_line.jpg) repeat-x left bottom;*/}
.about-team-body { margin-bottom: 43px;}
.about-team-foot { text-align: right;}
.about-team-foot>p {float: left;color: #aaa;line-height: 36px;}
.about-chose { padding: 75px 0 93px;}
.about-chose .inner-page-title { margin-bottom: 52px;}
.about-chose-body {padding: 0 55px;}
.slick-slider { margin-bottom: 0;}
.about-chose-body .slick-prev,.about-chose-body .slick-next {width: 35px;height: 35px;margin-top: -17px;opacity: 1;}
.about-chose-body .slick-prev { left: -55px;/*background: url(/images/prev_1.jpg) no-repeat;*/}
.about-chose-body .slick-next { right: -55px;/*background: url(/images/next_1.jpg) no-repeat;*/}
/*.about-chose-body .slick-prev:hover { background: url(/images/prev_1_h.jpg) no-repeat;}*/
/*.about-chose-body .slick-next:hover { background: url(/images/next_1_h.jpg) no-repeat;}*/
.about-chose-body .slick-prev:before, 
.about-chose-body .slick-next:before {content: '';}
/* ========== */
/* = CASE.HTML = */
/* ========== */
.case {padding-top: 85px;padding-bottom: 98px;}
.case-body {padding: 30px 0 10px;margin-left: -35px;margin-right: -35px;}
.case-list {overflow: hidden;margin-left: -15px;margin-right: -15px;padding-bottom: 35px;}
.case-list li {float: left;padding: 20px 15px;width: 33.333%;min-height: 435px;}
.case-item {text-align: center;color: #aaa;line-height: 28px;}
.case-item .img {position: relative;padding: 10px 8px 13px;width: 82%;margin: 0 auto 25px;background: url(/images/case_bg.jpg) no-repeat;background-size: 100% 100%;}
.case-item .img::after {content: '';position: absolute;bottom: -39px;left: -9.7%;width: 122%;height: 37px;background: url(/images/case_bg2.jpg) no-repeat;background-size: 100% 100%;}
.case-item .con {position: relative;z-index: 10;height: 56px;overflow: hidden;}
.case-item .name {font-size: 16px;color: #202020;}
.case-item .img,.case-item .name,.case-item p {-webkit-transition: all ease .4s;   -moz-transition: all ease .4s;    -ms-transition: all ease .4s;     -o-transition: all ease .4s;        transition: all ease .4s;}
.case-item:hover .img {transform: scaleY(1.1);transform-origin: bottom;z-index: 15;}
.case-item:hover .name {color: #00a0e9;-webkit-transform: translateY(14px);-moz-transform: translateY(14px);-ms-transform: translateY(14px);-o-transform: translateY(14px);transform: translateY(14px);}
.case-item:hover p {opacity: 0;-webkit-transform: translateY(-14px);-moz-transform: translateY(-14px);-ms-transform: translateY(-14px);-o-transform: translateY(-14px);transform: translateY(-14px);}
.page { text-align: center;}
.page .prev,.page .next {display: inline-block;width: 39px;height: 38px;cursor: pointer;}
.page .prev {background: #f4f4f4 url(/images/page_prev.png) no-repeat center;}
.page .next {background: #f4f4f4 url(/images/page_next.png) no-repeat center;}
.page a,.page i,.page span,.page em { vertical-align: middle;}
.page a,.page i,.page span {padding: 0 10px;margin:  0 3px;display: inline-block;height: 38px;line-height: 38px;background: #f4f4f4;}
.page a.prev-out,.page a.next-out {padding: 0;}
.page span.active,.page a:hover {color: #fff;background: #2b9eff;}
.page a.prev-out:hover,.page a.next-out:hover { background: transparent;}
.page li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.page li a{float:left;color:#555;display:block;}
.page li a:hover{color:#690;text-decoration:none;}
.page li.thisclass,.page li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;font-weight:bold;}
.pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}
@media (max-width:1220px){.case-body { margin: 0;}}
/* ========== */
/* = CASE_SHOW.HTML = */
/* ========== */
.case-show {overflow: hidden;padding-top: 55px;padding-bottom: 85px;}
.case-show-in { position: relative;}
.case-show-l {margin-right: 400px;min-height: 670px;}
.case-show-r {position: absolute;top: 0;right: 0;width: 348px;color: #aaa;}
.case-show-r .title .name {margin-bottom: 15px;font-size: 28px;color: #202020;}
.case-show-r .des {padding: 25px 0;margin: 30px 0 35px;line-height: 24px;border-top: 1px dashed #bcbcbc;border-bottom: 1px dashed #bcbcbc;}
.case-show-r .links a {display: inline-block;margin-right: 15px;margin-bottom: 13px;width: 82px;height: 28px;line-height: 28px;text-align: center;color: #888;background: #f3f3f3;}
.case-ohters-list {overflow: hidden;margin-left: -7px;margin-right: -7px;}
.case-ohters-list li {float: left;padding: 15px 7px;width: 50%;}
.case-ohters-item {color: #ccc;text-transform: uppercase;}
.case-ohters-item .img { overflow: hidden;}
.case-ohters-item .name {margin: 10px 0 5px;color: #202020;}
.positionf{ position: fixed; left: 50%; top: 175px; margin-left: 600px; transform: translateX(-100%);}
.positionf-2 {position: fixed;right: 15px;top: 10%;}
.positiona{ position: absolute; right: 0; bottom: 0; top: auto;}
.positiona-2{ position: absolute; right: 15px; bottom: 0; top: auto;}
/* ========== */
/* = NEWS.HTML = */
/* ========== */
.news {padding-top: 35px;padding-bottom: 85px;}
.xz-news-tab{ margin-bottom: 30px; }
.xz-news-tab a{ padding:0 20px; font-style:16px; display: inline-block; height: 36px; line-height: 36px; border-radius: 5px; border:1px solid #eee; margin-right: 10px; }
.xz-news-tab a.active{ color: #fff;
    background: #2b9eff; border:1px solid #2b9eff;}
.news-list { /*background: url(/images/news_line.jpg) repeat-x left top;*/padding-bottom: 52px;}
.news-list li {position: relative;padding: 27px 0;margin-top: -1px;overflow: hidden;/*background: url(/images/news_line.jpg) repeat-x left bottom;*/}
.news-item .mb-date { display: none;}
.news-item .date {float: left;width: 95px;color: #ccc;}
.news-item .day {position: relative;margin-bottom: 10px;font-size: 24px;color: #999;}
.news-item .day::before {content: '';position: absolute;top: 49%;left: 95px;width: 35px;height: 1px;background: #bfbfbf;}
.news-item .more {display: block;margin-top: 25px;width: 39px;height: 39px;background: url(/images/news_more.png) no-repeat center;-webkit-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;-moz-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;}
.news-item .con {margin-right: 22%;padding: 0 10% 0 60px;margin-left: 95px;color: #999;}
.news-item .con .name {margin-bottom: 25px;font-size: 16px;color: #202020;}
.news-item .con p {overflow: hidden;height: 52px;line-height: 26px;}
.news-item .img {float: right;width: 22%;}
.news-item .date,.news-item .day::before,.news-item .img,.news-item .con {-webkit-transition: all ease .4s;   -moz-transition: all ease .4s;    -ms-transition: all ease .4s;     -o-transition: all ease .4s;        transition: all ease .4s;}
.news-item:hover .date,.news-item:hover .day {color: #272727;}
.news-item:hover .day::before { width: 65px;background: #272727;}
.news-item:hover .more {background: url(/images/news_more_h.png) no-repeat;-webkit-box-shadow: -2px 2px 15px rgba(41,89,137,.2);-moz-box-shadow: -2px 2px 15px rgba(41,89,137,.2);box-shadow: -2px 2px 15px rgba(41,89,137,.2);}
.news-item:hover .con {transform: translateX(30px);}
.news-item:hover .img {-webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.15);-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.15);box-shadow: 1px 1px 25px rgba(0,0,0,.15);}
/* ========== */
/* = NEWS-SHOW.HTML = */
/* ========== */
.news-show {padding-top: 44px;padding-bottom: 95px;}
.news-show-head {text-align: center;color: #555;}
.news-show-head .title {padding-bottom: 15px;font-size: 16px;color: #202020;}
.news-show-head .others {padding-top: 15px;background: url(/images/news_show_line.jpg) repeat-x left top;}
.news-show-head .others span {display: inline-block;vertical-align: middle;}
.news-show-head .author {margin-right: 73px;display: inline-block;padding-left: 32px;opacity: .6;}
.news-show-head .time {position: relative;margin: 0 80px;display: inline-block;padding-left: 25px;opacity: .6;}
.news-show-head .time::before,.news-show-head .time:after {content: '';position: absolute;top: 50%;margin-top: -6px;width: 1px;height: 12px;background: #555;opacity: .3;
} 
.news-show-head .time::before { left: -80px;}
.news-show-head .time::after { right: -80px;}
.news-show-head .share {margin-left: 80px;position: relative;display: inline-block;padding-left: 35px;}
.news-show-head .share::before {content: '';position: absolute;left: 0;top: 50%;margin-top: -8px;width: 18px;height: 16px;opacity: .6;}
.news-show-body {padding-top: 75px;padding-bottom: 60px;line-height: 30px;color: #999;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1px;
    padding: 25px;
    clear: both;
    word-break: break-all;
    table-layout: fixed;
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-radius: 10px;}
.news-show-body p {text-indent: 2em;}
.news-show-body img {margin: 35px auto;}
.news-back {display: inline-block;width: 39px;height: 39px;background: url(/images/news_back.png) no-repeat;border-radius: 100%;-webkit-box-shadow: -2px 2px 15px rgba(41,89,137,.2);-moz-box-shadow: -2px 2px 15px rgba(41,89,137,.2);box-shadow: -2px 2px 15px rgba(41,89,137,.2);}
.news-back:hover {animation: tada 1s infinite;}
.news-show-foot {position: relative;padding-bottom: 25px;color: #29282d;line-height: 27px;background: url(/images/news_show_line.jpg) repeat-x left bottom;}
.news-show-foot .tag>label {float: left;display: inline-block;width: 75px;}
.news-show-foot .tag>div {margin-left: 75px;}
.news-show-foot .tag span {display: inline-block;margin: 0 5px 5px 0;}
.news-show-foot .tag span a {display: block;padding: 0 18px;height: 27px;line-height: 25px;color: #29282d;border: 1px solid #272727;}
.news-show-foot .tag span.active a {color: #fff;background: #272727;border-color: #272727;}
.news-show-foot .news-back {position: absolute;right: 0;bottom: 20px;}
.newshow-page {padding-top: 20px;line-height: 24px;background: url(/images/news_show_line.jpg) repeat-x left top;}
.news-show .newshow-page { padding-bottom: 20px;}
.newshow-page li {float: left;width: 50%;}
.newshow-page li a {color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all ease .4s;   -moz-transition: all ease .4s;    -ms-transition: all ease .4s;        transition: all ease .4s;}
.newshow-page li:first-child a {padding-left: 35px;padding-right: 20px;background: url(/images/newshow_prev.jpg) no-repeat left center;}
.newshow-page li:first-child:hover a {color: #268cf0;background: url(/images/newshow_prev_h.jpg) no-repeat left center;}
.newshow-page li:last-child a {text-align: right;padding-right: 30px;background: url(/images/newshow_next.jpg) no-repeat right center;}
.newshow-page li:last-child:hover a {color: #268cf0;background: url(/images/newshow_next_h.jpg) no-repeat right center;}
.may-like {margin-top: 40px;width: 48%;display: inline-block;}
.may-like>p {padding: 15px 0;color: #202020;font-size: 16px;border-bottom: 2px solid #eee;}
.may-like-item {position: relative;padding: 17px 30px 17px 0;line-height: 25px;background: url(/images/news_show_line.jpg) repeat-x left bottom;}
.may-like-item .time {position: relative;float: left;display: inline-block;width: 102px;color: #999;}
.may-like-item .time::before {content: '';position: absolute;top: 50%;right: 0;margin-top: -6px;width: 1px;height: 12px;background: #dfdfdf;}
.may-like-item .name {margin-left: 130px;color: #999;}
.may-like-item .more {position: absolute;right: 0;top: 50%;margin-top: -7px;display: inline-block;width: 16px;height: 14px;transition: all ease .4s;-webkit-transition: all ease .4s;}
/*.may-like-item:hover .time,.may-like-item:hover .name { color: #00a0e9;}
*/
.may-like-item:hover .more {background: url(/images/like_more_h.png) no-repeat;-webkit-transform: translateX(-20px);transform: translateX(-20px);}

/* ========== */
/* = ADVANTAGE.HTML = */
/* ========== */
.advantage-title {text-align: center;color: #bbb;text-transform: uppercase;}
.advantage-title .title {margin: 25px 0 10px;font-size: 26px;color: #000;letter-spacing: 2px;}
.advantage-title p {letter-spacing: 1px;}
.advantage-why {position: relative;padding: 58px 0 60px;}
.advantage-why-wave {position: absolute;bottom: 0;height: 297px;width: 100%;background: url(/images/advantage_wave_1.jpg) no-repeat;}
.advantage-why .inner-wrap {position: relative;z-index: 10;}
.advantage-why-body { padding: 60px 0 104px;}
.advantage-why-list {margin-left: -5px;margin-right: -5px;}
.advantage-why-list li {float: left;padding: 0 5px;width: 25%;}
.advantage-why-item {position: relative;padding: 30px 0;height: 480px;color: #222;border: 1px solid #ebebeb;background: #fff;opacity: .65;-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.05);-moz-box-shadow: 1px 1px 20px rgba(0,0,0,.05);box-shadow: 1px 1px 20px rgba(0,0,0,.05);}
.advantage-why-item::before {content: '';position: absolute;top: -1px;left: 0;height: 3px;width: 0;background: #2a9eff;opacity: 0;}
.advantage-why-item .top {position: relative;padding: 0 15px 20px;}
.advantage-why-item .top::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #eee;opacity: 0;}
.advantage-why-item .icon {position: relative;margin: 0 auto 20px;display: block;width: 65px;border-radius: 50%;background: #c6c8cc;box-shadow: 1px 1px 9px rgba(0,0,0,.09);}
.advantage-why-item .name {margin-bottom: 5px;font-size: 16px;text-align: center;}
.advantage-why-item .name-eng {overflow: hidden;height: 30px;line-height: 15px;font-size: 11px;color: #bbb;text-align: center;text-transform: uppercase;}

.advantage-why-item .star {display: block;position: relative;height: 11px;margin-bottom: 35px;}
.advantage-why-item .star img {position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.advantage-why-item .star img.hover {opacity: 0;}

.advantage-why-item .con-in {padding: 0 30px;height: 185px;line-height: 24px;opacity: .8;}
.advantage-why-item .con-in p {margin-top: 20px;padding-left: 20px;background: url(/images/advantage_why_bg1.png) no-repeat left 5px;}
.advantage-why-item .top::after,.advantage-why-item .icon,.advantage-why-item .star,.advantage-why-item .star img,.advantage-why-item .con,.advantage-why-item .con-in p {-webkit-transition: all ease .4s;transition: all ease .4s;}
.advantage-why-item {-webkit-transition: all ease 1.5s;transition: all ease 1.5s;}
.advantage-why-item,.advantage-why-item::before {-webkit-transition: all ease .4s;transition: all ease .4s;transform-origin: top;}
.advantage-why-item.active {position: relative;z-index: 10;opacity: 1;-webkit-transform: translateY(-28px);transform: translateY(-28px);-webkit-box-shadow: 1px 1px 59px rgba(0,0,0,.08);-moz-box-shadow: 1px 1px 59px rgba(0,0,0,.08);box-shadow: 1px 1px 59px rgba(0,0,0,.08);}
.advantage-why-item.active::before {width: 100%;opacity: 1;}
.advantage-why-item.active .top::after {opacity: 1;width: 100%;}
.advantage-why-item.active .icon {background: #2a9eff;transform: rotateY(180deg);}
.advantage-why-item.active .star img.default { opacity: 0;}
.advantage-why-item.active .star img.hover { opacity: 1;}
.advantage-why-item:hover .con,.advantage-why-item.active .con {-webkit-transform: translateY(35px);transform: translateY(35px);}
.advantage-why-item:hover .con-in p,.advantage-why-item.active .con-in p { background-image: url(/images/advantage_why_bg2.png);}
.advantage-flow {padding: 62px 0 90px;background: url(/images/advantage_flow_bg.jpg) no-repeat;background-size: cover;}
.advantage-flow .advantage-title { color: #9a9da4;}
.advantage-flow .advantage-title .title { color: #fff;}
.advantage-flow-body {position: relative;margin-top: 65px;padding-right: 31.5%;overflow: hidden;}
.advantage-flow-list {float: right;overflow: hidden;}
.advantage-flow-list li {float: left;height: 288px;}
.advantage-flow-item-1 {padding-top: 29px;width: 130px;color: #fff;text-align: center;line-height: 24px;background: rgba(0,0,0,.4);}
.advantage-flow-item-1 .icon {position: relative;max-width: 50%;width: 77px;margin: 0 auto;border-radius: 50%;overflow: hidden;}
.advantage-flow-item-1 .icon img {position: relative;z-index: 5;transition: all ease .4s;transition-delay: .2s;opacity: .5;}
.advantage-flow-item-1 .icon::before,.advantage-flow-item-1 .icon::after {content: '';position: absolute;width: 100%;height: 100%;transition: all ease .4s;}
.advantage-flow-item-1 .icon::before {top: 0;left: 0;background: url(/images/advantage_flow_bg.png) no-repeat;background-size: cover;border-radius: 50%;}
.advantage-flow-item-1 .icon::after {top: 50%;left: 50%;z-index: 2;border: 0 solid #2a9eff; transform: translate(-50%,-50%);}
.advantage-flow-item-1 .name {margin: 20px 0 15px;font-size: 16px;}
.advantage-flow-item-1 p {opacity: .3;}
.advantage-flow-item-2 {position: relative;width: 60px;opacity: .4;}
.advantage-flow-item-2 img { max-width: 60%;opacity: .4;}
.advantage-flow-item-1:hover .icon::after {border-width: 50px;}
.advantage-flow-item-1:hover .icon img {-webkit-animation: tada 1s infinite;animation: tada 1s infinite;opacity: 1;}
.advantage-flow-item-1:hover p { opacity: 1;}
.advantage-flow-apply {position: absolute;right: 0;top: 0;padding: 85px 0 55px 40px;width: 31.5%;color: #fff;background: rgba(0,0,0,.4);}
.advantage-flow-apply .p1 {margin-bottom: 15px;line-height: 34px;font-size: 18px;opacity: .2;}
.advantage-flow-apply .p1 span {font-size: 26px;}
.advantage-flow-apply .p2 {margin-bottom: 20px;opacity: .1;font-size: 12px;text-transform: uppercase;}
.advantage-flow-apply .more-button-1 {width: 155px;height: 31px;line-height: 31px;font-size: 12px;color: #2b9eff;text-transform: uppercase;-webkit-border-radius: 16px/15px 15px 16px 16px;-moz-border-radius: 16px/15px 15px 16px 16px;border-radius: 16px/15px 15px 16px 16px;background: rgba(255,255,255,.1);}
.advantage-flow-apply .more-button-1 span,.mb-advantage-flow-apply .more-button-1 span {position: relative;display: inline-block;padding-right: 20px;transition: all ease .4s;}
.advantage-flow-apply .more-button-1 span::before,.mb-advantage-flow-apply .more-button-1 span::before {content: '';position: absolute;top: 50%;right: 0;margin-top: -4px;width: 12px;height: 8px;background: url(/images/go.png) no-repeat;transition: all ease .4s;}
.advantage-flow-apply .more-button-1:hover span,.mb-advantage-flow-apply .more-button-1:hover span { color: #fff;}
.advantage-flow-apply .more-button-1:hover span::before,.mb-advantage-flow-apply .more-button-1:hover span::before { background-image: url(/images/go_h.png);transform: translateX(5px);}
.mb-advantage-flow-apply { display: none;position: relative;width: 40%;background: rgba(0,0,0,.4);}
.mb-advantage-flow-apply .con {position: absolute;top: 50%;left: 0;width: 100%;padding: 0 0.4rem;transform: translateY(-50%);}
.mb-advantage-flow-apply .p1 {margin-bottom: 10px;line-height: 1.5;font-size: 14px;}
.mb-advantage-flow-apply .p1 span {font-size: 16px;}
.mb-advantage-flow-apply .more-button-1 {width: 100%;height: 0.666666rem;line-height: 0.666666rem;font-size: 12px;color: #2b9eff;text-transform: uppercase;border-radius: 30px;background: rgba(255,255,255,.2);}

@media (max-width:1430px){.advantage-flow-body { padding-right: 25%;}.advantage-flow-apply { width: 25%;}}
@media (max-width:1290px){.advantage-flow-item-2 { width: 45px;}}
@media (max-width:1190px){.advantage-flow-item-1 { width: 102px;}}


.advantage-technique {padding: 108px 0 100px;background: #fbfbfb;}
.advantage-technique-l {float: left;width: 51%;}
.advantage-technique-r {float: left;margin-left: 10%;width: 39%;}
.advantage-technique-r .advantage-title {text-align: left;}
.advantage-technique-r .advantage-title img { margin-left: 0;}
.advantage-technique-r .con {padding: 40px 0 35px;line-height: 24px;}
.advantage-technique-r .con p {margin: 8px 0;padding-left: 20px;background: url(/images/advantage_technique_bg.jpg) no-repeat left 8px;}
.advantage-technique-r .more-button {width: 178px;height: 36px;line-height: 36px;font-size: 16px;}

.advantage-win {padding: 60px 0 65px;background: url(/images/advantage_win_bg.jpg) no-repeat;background-size: cover;}
.advantage-win .advantage-title { color: #9a9da4;}
.advantage-win .advantage-title .title { color: #fff;}
.advantage-win-body { padding: 50px 0 60px;}
.advantage-win-list {overflow: hidden;padding-top: 1px;}
.advantage-win-list li {position: relative;z-index: 5;float: left;width: 25%;border: 1px solid #616262;border-right: 0;}
.advantage-win-item {padding: 35px 60px 20px;margin-top: -1px;color: #fff;perspective: 500px;overflow: hidden;}
.advantage-win-item::before {content: '';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: #fff;transition: all ease .4s;perspective: 300px;opacity: 0;transform: rotateX(80deg); transform-origin: center bottom 0;transition: all ease .4s;perspective: 500px;}
.advantage-win-item img {float: left;}
.advantage-win-item .con {margin-left: 65px;}
.advantage-win-item .num {display: block;opacity: .3;font-size: 30px;line-height: 30px;font-family: 'PingFang-Light';}
.advantage-win-item p {margin-top: 20px;height: 72px;line-height: 24px;overflow: hidden;}
.advantage-win-item:hover::before {transform: none; opacity: 1;}
.advantage-win-item:hover {color: #272727;background: #fff;}
.advantage-win-item:hover .num { opacity: 1;}
.advantage-win .more-button-1 {background: rgba(255,255,255,.1);color: #2b9eff;}
.advantage-win .more-button-1:hover {color: #fff;}

.advantage-serve {padding: 65px 0 80px;background: #fbfbfb;}
.advantage-serve-body {padding-top: 50px;overflow: hidden;}
.advantage-serve-list {overflow: hidden;padding-top: 10px;margin-left: -18px;margin-right: -18px;}
.advantage-serve-list li {float: left;padding: 0 18px;width: 20%;}
.advantage-serve-item {padding: 0 20px;color: #8f8f8f;line-height: 24px;text-align: center;}
.advantage-serve-item .icon {overflow: hidden;position: relative;margin: 0 auto;width: 113px;border-radius: 50%;background-color: #fff;-webkit-box-shadow: 1px 1px 32px rgba(0,0,0,.07);-moz-box-shadow: 1px 1px 32px rgba(0,0,0,.07);box-shadow: 1px 1px 32px rgba(0,0,0,.07);}
.advantage-serve-item img.hover { z-index: 5;opacity: 0;transform: scale(0);}
.advantage-serve-item .name {margin: 25px 0 15px;font-size: 18px;color: #202020;}
.advantage-serve-item .des { text-align: justify;}
.advantage-serve-item .icon::before,.advantage-serve-item img {-webkit-transition: all ease .4s;transition: all ease .4s;}
.advantage-serve-item .icon::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #2a9eff;border-radius: 50%;-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
.advantage-serve-item:hover .icon {-webkit-box-shadow: -1px 1px 32px rgba(0,0,0,.2);-moz-box-shadow: -1px 1px 32px rgba(0,0,0,.2);box-shadow: -1px 1px 32px rgba(0,0,0,.2);}
.advantage-serve-item:hover .icon::before {-webkit-transform: scale(.9);transform: scale(.9);opacity: 1;}
.advantage-serve-item:hover img.default {opacity: 0;}
.advantage-serve-item:hover img.hover {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
@media (max-width:1400px){.advantage-win-item {	padding-left: 15px;	padding-right: 15px;}}
/* ========== */
/* = CONTACT.HTML = */
/* ========== */
.contact {padding-top: 65px;padding-bottom: 90px;}
.contact-body {padding-top: 40px;overflow: hidden;}
.contact-body .p1 {line-height: 24px;color: #46454e;text-align: center;}
.contact-body .p2 {color: #aaa;line-height: 24px;font-size: 12px;text-align: center;text-transform: uppercase;}
.contact-list {overflow: hidden;padding: 35px 0 85px;}
.contact-item {float: left;width: 33.333%;color: #202020;line-height: 24px;text-align: center;}
.contact-item .icon {overflow: hidden;position: relative;margin: 0 auto;width: 113px;max-width: 70%;border-radius: 50%;background-color: #fff;-webkit-box-shadow: 1px 1px 32px rgba(0,0,0,.07);-moz-box-shadow: 1px 1px 32px rgba(0,0,0,.07);box-shadow: 1px 1px 32px rgba(0,0,0,.07);}
.contact-item img.hover { z-index: 5;opacity: 0;transform: scale(0);}
.contact-item .con {margin-top: 28px;padding: 23px 95px 0;/*background: url(/images/contact_line.jpg) repeat-x top left;*/}
.contact-item .con p {display: inline-block;overflow: hidden;}
.contact-item p>label {float: left;display: inline-block;width: 75px;}
.contact-item p>span { display: block;margin-left: 75px;text-align: left;}
/*.contact-item .p1>label { width: 45px;}*/
.contact-item .p1>span { margin-left: 45px;}
.contact-item .icon::before,.contact-item img {-webkit-transition: all ease .4s;transition: all ease .4s;}
.contact-item .icon::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #2a9eff;border-radius: 50%;-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
.contact-item:hover .icon {-webkit-box-shadow: -1px 1px 32px rgba(0,0,0,.2);-moz-box-shadow: -1px 1px 32px rgba(0,0,0,.2);box-shadow: -1px 1px 32px rgba(0,0,0,.2);}
.contact-item:hover .icon::before {-webkit-transform: scale(.9);transform: scale(.9);opacity: 1;}
.contact-item:hover img.default {opacity: 0;}
.contact-item:hover img.hover {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
#map{width:100%;height:450px;}
#map img { max-width:none;}
@media (max-width:1220px) {.contact-item .con { padding: 23px 5%;}}
/* ========== */
/* = SERVE.HTML = */
/* ========== */
.serve-inform {width: 50%;color: #202020;}
.serve-inform.odd { float: left;padding-left: 40px;}
.serve-inform.even { float: right;padding-left: 65px;}
.serve-inform .ico {margin-left: 0;}
.serve-inform .title {margin: 30px 0 8px;font-size: 26px;color: #000;}
.serve-inform .title-eng {color: #bbb;text-transform: uppercase;}
.serve-inform .con {padding: 40px 0 35px;line-height: 24px;}
.serve-inform .con p {margin: 15px 0;padding-left: 20px;color: rgba(32,32,32,.7);background: url(/images/advantage_technique_bg.jpg) no-repeat left 8px;}
.serve-inform .button {font-size: 16px;}
.serve-inform .button:hover { color: #2b9eff;}
.serve-img { width: 50%;}
.serve-img.odd { float: right;}
.serve-img.even { float: left;}
.serve-custom {padding-top: 70px;padding-bottom: 90px;overflow: hidden;}
.serve-experience {padding: 85px 0 75px;background: #fbfbfb;}
.serve-experience .serve-img { margin-left: -25px;}
.serve-response {padding-top: 65px;padding-bottom: 65px;}
.serve-data {padding: 105px 0 85px;background: #fbfbfb;}
.serve-data .serve-img { margin-left: -25px;}
@media(max-width:1220px){.serve-inform.odd { padding-left: 10px;}.serve-inform.even { padding-left: 30px;}.serve-experience .serve-img,.serve-data .serve-img { margin-left: -15px;}}
/* ========== */
/* = ANIMATION = */
/* ========== */
.animateBox {transform: translateY(100px);-webkit-transform: translateY(100px);-ms-transform: translateY(100px);opacity: 0;transition: 0.5s all;-webkit-transition: 0.5s all;-ms-transition: 0.5s all;}
.animateBox.animate {transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
.advantage-flow-list li:nth-child(2) {-webkit-transition-delay: .2s;transition-delay: .2s;}

.advantage-serve-list li:nth-child(2) {-webkit-transition-delay: .2s;transition-delay: .2s;}
.advantage-serve-list li:nth-child(3) {-webkit-transition-delay: .4s;transition-delay: .4s;}
.advantage-serve-list li:nth-child(4) {-webkit-transition-delay: .6s;transition-delay: .6s;}
.advantage-serve-list li:nth-child(5) {-webkit-transition-delay: .8s;transition-delay: .8s;}

.xz-tab{ margin-top:35px; padding-top:25px; color: #555555; border-top: 10px solid #f8f8f8;}
.xz-tab div{ margin-top: 10px; padding-left: 100px; position: relative; line-height: 38px; }
.xz-tab span{ position: absolute; top:0; left:0;  font-weight: bold;}
.xz-tab a{  margin:0 6px 6px; display: inline-block; width: 166px; border: 1px solid #ededed; color: #555555; line-height: 36px; height: 38px; text-align: center; border-radius:19px;}
.xz-tab a:hover,.xz-tab a.active{  opacity:1; background: #2b9eff; border: 1px solid #2b9eff; color: #ffffff;  }
@media(max-width:768px)
{
.xz-tab div{ padding-left: 90px; line-height:30px; }
.xz-tab a{ margin:0 2px 6px; font-size: 12px; padding:0 10px; width:auto; border-radius:15px; height: 30px; line-height: 28px; border: 1px solid #bcbcbc; }
.mf-ddd{padding-top: 0px;}
.mf-ddd p{word-break: break-all;}
.newshow-page li { float: left;width: 100%;}
.may-like {margin-top: 40px;width: 100%; display: inline-block;}
}