@charset "utf-8";*,html,body,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,div,p {margin:0px;padding:0px;}
body {font-family:"微软雅黑";width:100%;overflow-x:hidden;}
ul {list-style:none;}
a:hover {text-decoration:none;}
i {font-style:normal;}
h2 {margin-top:20px;margin-bottom:10px;}
.clearfix:after {display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix {zoom:1;}
#header-banner {position:relative;top:0px;left:0;right:0;margin-top:72px;}
#navigation {height:72px;position:absolute;top:0px;right:0;left:0;z-index:9999999;color:#333;transition-property:background-color;transition-duration:1s;}
.logo-left {display:inline-block;margin-top:10px;border-left:1px #494949 solid;height:50px;}
.logo-left span div {height:24px;padding-left:16px;font-size:1.2rem;line-height:24px;}
.navbar-brand {padding:12px 15px;}
.nav-left {float:left;padding-left:60px;}
.serL {float:left;width:230px;height:25px;line-height:25px;border:solid 1px #F00;font-size:9pt;}
.serR {float:left;height:25px;line-height:25px;width:60px;border:solid 1px #F00;font-size:9pt;text-align:center;cursor:pointer;background-color:#F00;color:#FFF;}
#navigation {height:72px;z-index:10000;position:fixed;top:0;left:0;right:0;background:#FFF;}
#nav .active_nav a {padding:15px 0;}
.container-nav {margin-right:auto;z-index:99;}
#navbar-collapse {float:right;padding-right:60px;}
#nav .navMoveEl {height:3px !important}
#nav > li {position:relative;display:inline-block;float:left;height:72px;line-height:50px;font-size:16px;padding:15px 0px 10px;transition:all 0.3s;}
#nav > li:hover > a {color:#1650bb;}
#nav > li ul li {line-height:40px;}
#nav > li ul li:hover {background:#f2f2f2}
#nav > li ul li:hover a {color:#1650bb !important}
.allmenu {display:none}
#nav > li ul li > a {color:#000}
#nav > li ul {display:none;position:absolute;top:72px;min-width:120px;background:#FFF;}
.navMoveEl {background:#1650bb;}
#navbar-collapse .active_nav a {color:#1650bb;}
#nav > li {transition:0.3s ease-out all;}
#navbar-collapse li a {color:#494949;font-size:14px;font-weight:500;}
#navbar-collapse > ul {width:100%;}
.submenu a {padding-left:1rem;}
#nav .submenu {width:130%;}
.hidden_nav {width:100%;overflow-y:scroll;max-height:430px;background:#FFF;border-bottom:1px #CCC solid;border-top:1px #CCC solid;transition:all 0.6s ease-out;}
#hidden_nav > li {line-height:38px;font-size:14px}
#hidden_nav > li li {padding-left:15px}
#hidden_nav > li a {color:#696969;display:inline-block;width:100%;padding-left:15px;}
#hidden_nav .active_nav > a {color:#1650bb}
.navbar-toggle .icon-bar {display:block;width:20px;height:2px;margin-bottom:5px;position:relative;background:#333;border-radius:3px;z-index:1;-webkit-transform-origin:20px;transform-origin:20px;transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s;}
.toggle-animate span {opacity:1;transform:rotate(-45deg)}
.toggle-animate span:nth-last-child(2) {width:0;opacity:0;transform:rotate(0);transition:width .5s;}
.toggle-animate span:nth-last-child(1) {opacity:1;transform:rotate(45deg);}
#nav > li {position:relative;width:60px;margin-left:30px;text-align:center;}
.banner-img {width:100%;position:relative;top:0;right:0;left:0;z-index:1;}
.banner-img img {width:100%;}
.banner-btn {display:none;}
#header-banner:hover .banner-btn {display:block;}
#hidden_nav > li:hover > a {border-bottom:1px #000 solid;}
#hidden_nav.subnew > li:last-child {border:none}
@media (min-width:320px) and (max-width:1000px) {.subnewlist > a {position:relative;}
.subnewlist > a:after {content:"";position:absolute;right:20px;top:17px;height:9px;width:9px;border-color:#696969;border-style:solid;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);transition:0.3s all ease-out}
.subnewlist > a.active:after {-webkit-transform:rotate(225deg);transform:rotate(225deg);transition:0.3s all ease-out;}
}
@media screen and (max-width:1300px) {.nav-left {padding-left:15px;}
#navbar-collapse {padding-right:15px;}
#nav > li {margin-left:15px;}
}
@media screen and (min-width:1000px) {.hidden_content {display:none;}
.container-nav {display:block;}
}
.body {width:100%;}
.container {width:1440px;margin:0 auto;padding-bottom:100px;}
.contain {width:1200px;margin:0 auto;}
.container h2,#team h2 {width:100%;text-align:center;font-size:38px;font-weight:600;color:#494949;padding-top:70px;padding-bottom:50px;}
.pro-contain {width:100%;}
.pro-contain ul li {float:left;width:33.33%;height:300px;border:1px rgba(240,240,240,.6) solid;vertical-align:top;transition:easy all 0.3s;margin:0 0 -1px -1px;}
.pro-contain ul li:hover {transition:easy all 0.3s;box-shadow:0 12px 30px rgba(0,0,0,0.1);}
.pro-contain ul li:first-child:hover h5 {color:#207ddc;}
.pro-contain ul li:nth-child(2):hover h5 {color:#00b5f6;}
.pro-contain ul li:nth-child(3):hover h5 {color:#26b72e;}
.pro-contain ul li:nth-child(4):hover h5 {color:#fa3e3e;}
.pro-contain ul li:nth-child(5):hover h5 {color:#ffa800;}
.pro-contain ul li:nth-child(6):hover h5 {color:#be60f2;}
.cell-left {width:35%;display:inline-block;text-align:center;position:relative;}
.cell-left,.cell-right {vertical-align:top;}
.cell-left img {padding-top:50px;width:70%;vertical-align:text-bottom;}
.cell-right {padding-top:20px;width:65%;display:inline-block;}
.cell-right h5 {padding-top:40px;padding-bottom:5px;width:90%;padding-left:2%;font-size:18px;font-weight:bold;}
.cell-right p {width:90%;padding-left:2%;font-size:14px;line-height:30px;}
.s-aboutbg {background:url(../img/s-aboutbg.jpg) center 0 no-repeat fixed;background-size:cover;height:550px;}
.a_left {float:left;width:35%;color:#FFF;}
.a_left img {width:30%;vertical-align:bottom;}
.a_right {float:left;width:65%;color:#FFF;}
.a_left h3 {font-size:34px;color:#FFF;font-weight:bold;margin:30px 0;}
.al_btn {margin-top:50px;}
.al_btn div {width:120px;text-align:center;padding:7px 15px;font-size:14px;border-radius:17px;border:#9aa1ad 1px solid;background:transparent;margin:20px 0;}
.al_btn a {color:#FFF;}
.hidden-per {display:none;}
.s-aboutbg .container {padding-top:70px;}
.al_btn div:hover,.a_right a:hover {background:#e60012;border-color:#e60012;cursor:pointer;}
.a_right h3 {margin-bottom:30px;font-size:40px;font-weight:bold;}
.a_right a {color:#FFF;display:block;margin-top:40px;width:40px;height:40px;padding:10px 12px;border:#FFF 1px solid;border-radius:20px;}
.a_right p {margin-bottom:30px;font-size:16px;line-height:2;}
#cnum {background:#ec1c1c;height:200px;}
.cnum li {float:left;width:20%;height:140px;color:#FFF;margin-top:30px;position:relative;text-align:center;}
i {font-style:normal;}
.timer {display:inline-block;font-size:72px;font-family:Impact;font-weight:bolder;text-align:center;}
.cnum li > div:last-child {font-weight:500;font-size:16px;}
.cnum li div i {font-size:36px;font-weight:400;}
.cnum li > h3 {position:absolute;right:0;top:20px;bottom:20px;width:1px;background:#FFF;opacity:0.3;}
.gn-container li {float:left;width:16%;border:1px #dcdcdc solid;text-align:center;position:relative;height:175px;margin:0 0 -1px -1px;overflow:hidden;}
.gn-container li img {width:30%;padding-top:20px;padding-bottom:10px;}
.gn-container li > div {margin:18px 0;font-size:16px;}
.gn-mark {position:absolute;top:0;left:0;right:0;bottom:0;background:#f8ab26;color:#FFF;margin:0 !important;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 600ms ease-out 0s;-moz-transition:all 600ms ease-out 0s;-o-transition:all 600ms ease-out 0s;transition:all 600ms ease-out 0s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.gn-container li:hover .gn-mark {opacity:1;-webkit-transition:all 600ms ease-out 0s;-moz-transition:all 600ms ease-out 0s;-o-transition:all 600ms ease-out 0s;transition:all 600ms ease-out 0s;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);}
.gn-container > li:first-child .gn-mark {background-color:#2a6ce6;}
.gn-container > li:nth-child(2) .gn-mark {background-color:#3ea3de;}
.gn-container > li:nth-child(3) .gn-mark {background-color:#be60f2;}
.gn-container > li:nth-child(4) .gn-mark {background-color:#ff4e4d;}
.gn-container > li:nth-child(5) .gn-mark {background-color:#00b5f6;}
.gn-container > li:nth-child(6) .gn-mark {background-color:#ff801c;}
.gn-container > li:nth-child(7) .gn-mark {background-color:#32d4bc;}
.gn-container > li:nth-child(8) .gn-mark {background-color:#ffa800;}
.gn-container > li:nth-child(9) .gn-mark {background-color:#0dcc6d;}
.gn-container > li:nth-child(10) .gn-mark {background-color:#4588ff;}
.gn-container > li:nth-child(11) .gn-mark {background-color:#6285b6;}
.gn-container > li:nth-child(12) .gn-mark {background-color:#86cd00;}
.gn-mark > div:first-child {font-size:18px;padding-top:30px;padding-bottom:20px;}
.gn-mark > div:last-child {font-size:14px;width:80%;line-height:1.8;}
.gn-mark div {width:90%;margin:0 auto;}
#crt {background:url(../img/s-crtbg.jpg) center 0 no-repeat fixed;color:#FFF;background-size:cover;height:888px;overflow:hidden;}
#crt h2 {color:#FFF;}
#crt li {float:left;width:25%;padding:0px 15px;height:580px;text-align:center;cursor:pointer;}
#crt li:nth-child(1):hover {background:#0b6fc1;}
#crt li:nth-child(2):hover {background:#05a3de;}
#crt li:nth-child(3):hover {background:#e1393b;}
#crt li:nth-child(4):hover {background:#df9926;}
#crt li > a {display:block;width:70%;margin:0 auto;color:#FFF}
#crt li img {padding-top:48px;padding-bottom:38px;width:175px;}
#crt li p {line-height:2;}
#team i {display:block;}
#team .name span {display:inline-block;}
@media screen and (min-width:1000px) {#team li {float:left;width:20%;position:relative;padding:0 15px;transition:0.3s all ease-out}
#team .active {width:60%;transition:0.3s all ease-out}
#team .active i {width:31%;float:left;}
#team .active .team-mark {float:right;overflow:hidden;}
#team .team-mark {display:none;transition:0.3s all ease-out;width:0;transition:0.3s all ease-out}
#team .active .team-mark {display:block;width:66%;padding:0 30px;animation:hideIndex 0.6s;-moz-animation:hideIndex 0.6s;-webkit-animation:hideIndex 0.6s;-o-animation:hideIndex 0.6s;}
@keyframes hideIndex {0% {opacity:0;transform:translate(80%,0)}
100%(opacity:1;transform:translate(0,0))}
#team .active .name {display:none}
#team li i img {width:252px}
#team li i {position:relative;cursor:pointer;}
#team li .name {position:absolute;left:0px;right:0px;height:48px;bottom:0;background:rgb(11,111,193,0.6);color:#FFF;text-align:center;line-height:48px;font-size:18px}
#team li .name span {font-size:14px;color:rgba(255,255,255,0.7);padding-left:10px}
.mark-name,#team .title {display:inline-block;font-size:32px;color:rgb(11,111,193,1)}
#team .title {font-size:20px;padding-bottom:30px}
.mark-name {padding-top:40px;padding-right:30px}
#team .a_right a {color:#333;border-color:#333}
#team .a_right:hover a {border-color:#ff0000;color:#FFF;background-color:#ff0000}
}
#team {background:#FFF;padding-bottom:100px;}
#team h2 {font-size:36px;text-align:center;font-weight:normal;}
.current-swiper {width:650px;height:370px;border-radius:10px;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,0.5);position:relative;z-index:99;}
.left-swiper {position:absolute;left:117px;top:52px;z-index:1;}
.right-swiper {position:absolute;right:117px;left:auto;top:52px;z-index:1;}
.nocurrent-swiper {width:479px;height:273px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,0.05);}
.nocurrent-swiper:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(237,240,240,0.9);z-index:99;}
.detail {width:100%;line-height:2;color:#444;font-size:14px;text-align:left;margin-bottom:30px}
.nocurrent-swiper .detail {font-size:12px;line-height:20px;width:235px;margin-left:30px;}
.swiper-button-prev {width:46px;height:46px;background:url(../img/pre-btn1.png) no-repeat center center;}
.swiper-button-next {width:46px;height:46px;background-size:auto;background:url(../img/next-btn1.png) no-repeat center center;}
#testimonials {background:url(../img/Tes-bgimg.jpg) center 0 no-repeat fixed;color:#FFF;background-size:cover;overflow:hidden;}
#testimonials li {width:50%;float:left;}
#testimonials h2 {color:#FFF;}
.tes-list span {display:block;float:left;}
.tes-list a {color:#FFF;display:block;}
.tes-list li > span:first-child {width:190px;}
.tes-list li span:last-child {width:calc(100% - 245px);}
.tes-list li span h3,.tes-list li span p {padding-left:20px;padding-right:10px;}
.tes-list li span h3 {padding-top:10px;}
.tes-list li span p {line-height:2;color:#CCC;transition:all 0.6s ease-out;}
.tes-list li {margin-bottom:72px;}
.tes-list li img {width:100%;overflow:hidden;transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-webkit-filter:grayscale(1);transition:all 0.6s ease;}
.tes-list li:hover img {-webkit-filter:grayscale(0);transition:all 0.6s ease-out;transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);}
.tes-list li:hover span p {color:#FFF;}
#trends-nav {width:100%;margin:0 auto;text-align:center;}
#trends-nav a {display:inline-block;padding:5px 25px;font-size:18px;border:1px rgba(240,240,240,.8) solid;margin:20px;color:#494949;border-radius:19px;width:142px;}
#trends-nav a:hover {border-color:#ec1b1b;background:#ec1b1b;color:#FFF;}
.trends-list li {width:49%;padding:10px;float:left;margin-bottom:30px;cursor:pointer;}
.tre-left {float:left;width:130px;height:130px;border-radius:75px;border:1px solid #CCC;}
.trends-list li:hover .tre-left {background:#087ad4;color:#FFF;}
.trends-list li:hover .tre-right h5 {color:#087ad4;}
.tre-left > div {height:100%;font-family:Arial;text-align:center;}
.date {font-size:60px;padding-top:17px;line-height:70px;font-weight:bold;}
.year {margin-top:-8px;font-size:16px;}
.tre-right {float:left;width:calc(100% - 140px);padding-left:20px;}
.tre-right h5 {font-size:18px;color:#494949;font-weight:500;padding:20px 0 10px;}
.tre-right p {color:#888888;font-size:16px;}
.tre-btn {display:block;width:210px;margin:0 auto;height:48px;border-radius:25px;border:1px #CCC solid;text-align:center;font-size:16px;line-height:48px;color:#000;font-weight:bold;}
.tre-btn:hover {background:#ec1b1b;border-color:#ec1b1b;color:#FFF;}
.newDatail-body {background:#FFF;padding-top:0px}
.newDatail-body h2 {padding-bottom:0px}
.newDatail-body span {display:block;color:#888888;}
.newDatail-body .contain {border-bottom:1px #ccc solid;padding-bottom:70px;width:83.3%}
.newDatail-body .contain img {max-width:100%;}
.newDatail-body .contain p {font-size:16px;}
.newDatail-body .contain .newimg {width:100%;text-align:center;}
.newimg img {width:50%;}
.newContain-foot > div {float:left;width:70%}
.newContain-left span {display:inline-block;padding:0}
.newContain-left > a {line-height:1;height:auto;color:#333;margin:20px 0;}
.newContain-foot {width:1160px;margin:0 auto;padding:40px 0}
.newContain-foot .newContain-right {float:right;width:30%;text-align:right;}
.newContain-right a {background:#1650bb;display:inline-block;padding:10px 40px;color:#FFF;margin:20px 0}
.about-new .title {font-size:36px;color:#000;margin:30px 0;padding-top:20px}
.about-txt p {font-size:16px;line-height:2;text-indent:2em;margin:30px 0}
.about-txt p a {color:#000;font-weight:bold;}
.bold {font-weight:bold;color:#000}
.about-culture {background:url(../img/about-img.jpg) center no-repeat;height:800px;background-size:cover;}
.about-culture h2 {color:#FFF}
.layer2,.layer3 {float:left;width:33.3%;padding:15px;height:250px}
.layer3 {width:50%;height:280px}
.layer2 > a,.layer3 > a {background:#FFF;display:block;height:100%}
.layer2 a > div,.layer3 a > div {float:left;width:40%;text-align:center;padding-top:60px}
.layer2 a > div:last-child {width:60%;text-align:left;}
.layer3 a > div {width:30%}
.layer3 a > div:last-child {width:70%;text-align:left;}
.about-culture h3 {color:#1650bb;font-size:24px}
.about-culture h5 {color:#333;font-size:16px;padding-top:20px;line-height:2}
.about-environment h2 {width:100%;text-align:center;padding:70px 0 50px}
.about-environment img {width:100%}
.about-environment {padding-bottom:20px}
.about-banner img {width:100%}
.about-environment .swiper-container {padding-bottom:40px}
.about-environment .swiper-pagination-bullet {width:10px;height:10px}
footer {background:#000000;}
.footer-top {padding-top:50px;padding-bottom:30px;border-bottom:1px #333 solid;}
.footer-top .li-title {font-size:20px;font-weight:bold;color:#FFF;}
.footer-top li,.footer-top a {color:rgba(255,255,255,0.6);font-size:16px;}
.footer-top > ul > li {float:left;}
.li_w {width:15%;text-align:left;padding-left:5px;}
.footer-top li ul li {line-height:2.4;}
.zs_w {width:20%;text-align:left;padding-left:5px;}
.zs_w span {float:left;}
.zs_w li > span:first-child {width:50px;}
.zs_w li > span:last-child {width:calc(100% - 55px);}
.er_w {width:35%;}
.er_w li {width:49%;float:left;text-align:center;}
.er_w li img {padding:5px;border:#333 1px solid;width:70%;}
.footer-bottom {height:40px;}
.footer-bottom > div:first-child {float:left;text-align:center;line-height:39px;}
.footer-bottom > div:first-child a {color:rgba(255,255,255,0.7);font-size:12px;}
.footer-bottom > div:first-child span {color:rgba(255,255,255,0.7);display:inline-block;padding:0 10px;}
.footer-bottom > div:last-child {float:right;line-height:39px;color:rgba(255,255,255,0.7);font-size:12px;}
.pro-banner {position:relative;}
.pro-position {position:absolute;top:150px;left:0;right:0;text-align:center;}
.pro-banner-left,.pro-banner-right {float:left;width:50%;text-align:center;}
.pro-banner-left h2 {font-size:60px;color:#FFF;padding-bottom:15px;}
.pro-banner-left h5 {font-size:30px;color:#FFF;}
.pro-banner-left div {width:70%;margin:65px auto;text-align:center;line-height:2;}
.pro-banner-left a {color:#FFF;}
.pro-banner-left span {display:inline-block;padding-left:20px;padding-right:20px;color:#FFF;}
#pro-ind {background:url(../img/pro-bgimg.jpg) center 0 no-repeat;background-size:cover;}
#pro-ind p {width:70%;text-align:center;margin:50px auto;font-size:16px;line-height:2;}
.pro-icon {position:relative;width:1200px;margin:30px auto 0;}
.pro-icon img {width:100%;}
.dom-banner .container h2 {font-size:72px;color:#FFF;}
.dom-banner .container h5 {font-size:32px;color:#FFF;}
.gn-container .gn-list li {width:50%;float:left;border:none;margin-bottom:10px;}
.gn-list li > div {width:98%;margin:0 auto;height:100%;border:1px rgba(240,240,240,.6) solid;}
.gn-img,.gn-ind {float:left;height:100%;}
.gn-img {width:175px;}
.gn-container .gn-img img {width:45%;padding-top:48px;}
.gn-ind {width:calc(100% - 185px);}
.gn-list .gn-mark {left:5%;right:5%;}
.gn-ind h3,.gn-ind h5 {text-align:left;width:90%;line-height:2;}
.gn-ind h3 {font-size:22px;padding-top:20px;}
.gn-container .big {height:215px;}
.gn-container .big img {padding-top:60px;}
.gn-list > li:first-child > div:hover {background-color:#2a6ce6;color:#FFF;}
.gn-list > li:nth-child(2) > div:hover {background-color:#3ea3de;color:#FFF;}
.gn-list > li:nth-child(3) > div:hover {background-color:#be60f2;color:#FFF;}
.gn-list > li:nth-child(4) > div:hover {background-color:#ff4e4d;color:#FFF;}
.gn-list > li:nth-child(5) > div:hover {background-color:#00b5f6;color:#FFF;}
.gn-list > li:nth-child(6) > div:hover {background-color:#ff801c;color:#FFF;}
.gn-list > li:nth-child(7) > div:hover {background-color:#32d4bc;color:#FFF;}
.gn-list > li:nth-child(8) > div:hover {background-color:#ffa800;color:#FFF;}
.gn-list > li:nth-child(9) > div:hover {background-color:#0dcc6d;color:#FFF;}
.gn-list > li:nth-child(10) > div:hover {background-color:#4588ff;color:#FFF;}
.gn-list > li:nth-child(11) > div:hover {background-color:#6285b6;color:#FFF;}
.gn-list > li:nth-child(12) > div:hover {background-color:#86cd00;color:#FFF;}
#dom-sup {background:url(../img/dom-supbg.jpg) center 0 no-repeat;background-size:cover;}
#dom-sup h2 {color:#FFF;}
#dom-sup .cell-right h5,#dom-sup .cell-right p {color:#FFF;}
#dom-sup .cell-left img {width:55%;}
#dom-sup ul li:first-child:hover {background-color:#207ddc;}
#dom-sup ul li:nth-child(2):hover {background-color:#00b5f6;}
#dom-sup ul li:nth-child(3):hover {background-color:#26b72e;}
#dom-sup ul li:nth-child(4):hover {background-color:#fa3e3e;}
#dom-sup ul li:nth-child(5):hover {background-color:#ffa800;}
#dom-sup ul li:nth-child(6):hover {background-color:#be60f2;}
.ser-contain {width:1366px;}
.service-title {font-size:26px;padding-bottom:25px;}
.table {width:100%;margin-bottom:0;}
.table li {width:9%;float:left;}
.table li span {display:block;height:60px;font-size:16px;line-height:60px;text-align:center;border:1px rgba(240,240,240,0.3) solid;}
.table li > span:first-child {background:#F00;color:#FFF;font-weight:600;}
.table > li:last-child {width:19%;}
.tfoot,.tfoot1 {width:100%;border:1px rgba(240,240,240,0.3) solid;height:60px;line-height:60px;font-size:12px;}
.tfoot span {float:left;width:50%;padding-left:40px;}
.tfoot1 span {float:left;width:45%;}
.tfoot1 > span:first-child {float:left;width:50%;padding-left:40px;}
#table li > span:first-child {background:#000;}
#Copyright {background:url(../img/Copyright-bg.jpg) center 0 no-repeat;background-size:cover;}
#Copyright h2,#Copyright p {width:1300px;margin:0 auto;color:#FFF;}
#Copyright p {margin-top:20px;margin-bottom:20px;text-align:center;line-height:2;}
#case-banner {position:relative;}
#case-banner h2,#case-banner h3 {color:#FFF;font-size:92px;font-weight:bold;}
#case-banner img {width:100%;}
#case-banner h2 > span:first-child {font-family:Impact;font-size:110px;}
#case-banner h3 {font-size:60px;font-weight:500;}
#case-banner > div {width:100%;text-align:center;position:absolute;top:160px;left:0;right:0px;}
.case-list li {width:33.3%;float:left;margin-top:50px;cursor:pointer;}
.case-list li a > div {width:90%;margin:0 auto;}
.case-list li img {width:100%;}
.case-list li span {display:block;text-align:center;height:68px;color:#494949;line-height:68px;font-size:16px;transition:0.3s ease-out;cursor:pointer;;}
.case-list li:hover span {transition:0.3s ease-out;color:#FFF;background:#087ad4;}
.case-list {margin-bottom:70px;}
.new-banner {position:relative;}
.new-banner-contain,.join-banner-contain {position:absolute;top:200px;left:0;right:0;text-align:center;}
.new-banner-contain h2,.join-banner-contain h2 {font-size:100px;color:#FFF;font-weight:500;line-height:2;}
.new-banner-contain h4 {font-size:50px;font-weight:500;color:#FFF;}
.pages {text-align:center;padding-bottom:50px;padding-top:30px;}
.pages a {cursor:pointer;display:inline-block;margin:1px 4px;min-width:10px;height:40px;padding:0 15px;line-height:40px;border:1px #ccc solid;border-radius:3px;color:#494949;}
.pages .actived {background-color:red;color:#FFF;}
footer .container {padding-bottom:0;}
#new-list {padding-top:70px;padding-bottom:70px;}
.join-banner-contain h4 {font-size:20px;width:860px;margin:0 auto;line-height:2;color:#FFF;}
.hidden-img {display:none;width:720px;margin:0 auto;text-align:center;}
.hidden-img img {width:80%;}
#join-condition {background:url(../img/join-listbg.jpg) center 0 no-repeat;background-size:cover;}
.condition-list ul {width:1100px;margin:0 auto;}
.condition-list ul li {position:relative;width:50%;float:left;height:120px;text-align:center;}
.condition-list ul li > div:first-child {width:100px;height:100px;border-radius:50px;background:#FFF;z-index:2;position:absolute;top:0;left:30px;font-family:Impact;text-align:center;line-height:100px;font-size:50px;color:#2487d6;}
.condition-list ul li > div:last-child {width:420px;height:60px;z-index:1;position:absolute;top:20px;left:80px;text-align:center;font-size:18px;line-height:60px;color:#FFF;}
.join-list01 div:first-child {color:#2487d6;border:#2487d6 2px solid;}
.join-list01 div:last-child {background:#2487d6;}
.join-list02 div:first-child {color:#00b5f6;border:#00b5f6 2px solid;}
.join-list02 div:last-child {background:#00b5f6;}
.join-list03 div:first-child {color:#fa3e3e;border:#fa3e3e 2px solid;}
.join-list03 div:last-child {background:#fa3e3e;}
.join-list04 div:first-child {color:#ffa800;border:#ffa800 2px solid;}
.join-list04 div:last-child {background:#ffa800;}
.condition-list > div {width:100%;line-height:2;text-align:center;width:80%;margin:0 auto;font-size:18px;}
.join-value {width:750px;height:530px;margin:0 auto;position:relative;}
.join-value div {width:260px;height:260px;text-align:center;color:#FFF;font-size:18px;}
.join-value div p {width:150px;margin:70px auto;text-align:center;color:#FFF;font-size:18px;line-height:2;}
.join-value div:first-child {background:url(../img/join-icon01.png) center 0 no-repeat;position:absolute;top:0;left:20px;}
.join-value div:nth-child(2) {background:url(../img/join-icon02.png) center 0 no-repeat;position:absolute;top:260px;left:20px;}
.join-value div:nth-child(3) {background:url(../img/join-icon03.png) center 0 no-repeat;position:absolute;top:130px;left:250px;}
.join-value div:nth-child(4) {background:url(../img/join-icon04.png) center 0 no-repeat;position:absolute;top:0px;left:480px;}
.join-value div:nth-child(5) {background:url(../img/join-icon05.png) center 0 no-repeat;position:absolute;top:260px;left:480px;}
#join-map {position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
#map {position:relative;width:100%;height:650px;}
.join-mark {position:absolute;top:50px;left:200px;}
.join-mark > div {width:400px;height:490px;background:#FFF;}
.join-mark > div > div {width:85%;margin:0 auto;}
.join-mark h3 {padding-top:50px;font-size:22px;}
.join-mark h4 {color:#2487d6;font-size:18px;}
.join-mark span {width:100px;height:2px;background:#F00;display:block;margin:20px 0 40px;}
.join-mark p {width:100%;font-size:14px;line-height:2;margin:10px 0px 10px;}
#jion-table h3 {width:100%;font-size:28px;text-align:center;}
#jion-table h3 span {color:#F00;font-size:36px;font-weight:bold;}
.join-tabtitle {width:1200px;font-size:24px;color:#333;font-weight:600;margin:30px auto;}
.jion-table {width:1200px;margin:0 auto;}
.jion-table li > div {float:left;text-align:center;border:1px rgba(240,240,240,0.6) solid;height:58px;font-size:18px;line-height:58px;margin:0 0 -1px -1px;}
.jion-table li > div:first-child {width:17%;}
.jion-table li > div:nth-child(2) {width:50%;text-align:left;padding-left:30px;padding-right:30px;}
.jion-table li > div:nth-child(3) {width:16%;}
.jion-table li > div:nth-child(4) {width:17%;}
.jion-table > li:nth-child(2n) div {background:#f2f2f2;border-color:#FFF;}
@media (min-width:1000px) and (max-width:1440px) {.jion-table li > div {float:left;text-align:center;border:1px rgba(240,240,240,0.6) solid;height:58px;font-size:16px;line-height:58px;margin:0 0 -1px -1px;}
}
#con-map {width:100%;}
#yqb-map {width:100%;height:100%;}
#con-map li:first-child {width:64%;height:965px;float:left;}
#con-map li:last-child {width:36%;height:965px;background:#1752a1;float:left;}
.map-ind {width:70%;margin:150px auto 0;color:#FFF;}
.map-ind > div {margin-top:40px;}
.map-ind h3 {font-size:24px;margin-bottom:20px;}
.map-ind p {font-size:18px;line-height: 45px;}
.p-title {font-size:20px;}
.infoBoxContent {width:350px;height:100px;}
.infoBoxContent h3 {width:80%;font-size:16px;color:#2487d6;line-height:20px;}
.infoBoxContent h4 {font-size:14px;padding-top:10px;line-height:20px;}
#con-map {margin-bottom:0px;}
.pro-banner-img img,#case-banner img,.dom-banner img,#new-banner img,.join-banner img {width:100%;margin-top:70px;}
.case-item {background:#fff !important;}
#testimonials .case-item-container h2 {color:#494949;}
.case-item-container .tes-list li span p {color:#494949;}
.case-img a {display:inline-block;border:1px #ccc solid;border-radius:50%;}
.case-img a img {-webkit-filter:none;}
@media (min-width:768px) and (max-width:1000px) {.tes-list li .case-img img {width:100% !important;}
.case-img {padding:20px;}
}
@media (max-width:767px) and (min-width:320px) {.case-img img {width:100% !important;}
.case-img a {width:30%;}
.case-item-container h2 {font-size:28px;}
}
@media (max-width:480px) and (min-width:320px) {.case-img a {width:40%;}
}
#testimonials .case-item-container .tes-list h3 a {color:#494949;}
@media (min-width:1000px) and (max-width:1440px) {#team li i img {width:164px}
.mark-name {padding-top:10px;}
#team .title {padding-bottom:5px}
.detail {margin-bottom:10px;line-height:1.6;font-size:13px}
#team .active .team-mark {padding:0 10px}
.a_right a {margin-top:10px}
.contain {width:1000px}
.newContain-foot {width:1000px;padding:20px 11.5%}
.join-banner-contain h2 {font-size:48px !important;}
.container {width:1000px;margin:0 auto;}
.gn-mark > div:first-child {font-size:18px;padding-top:20px;padding-bottom:10px;}
#crt li img {width:140px;}
.per-btn {margin-top:20px;}
.per h3 {font-size:30px;margin-top:0px;padding-bottom:5px;}
.per p {line-height:1.6;font-size:14px;}
.tes-list li > span:first-child {width:120px;}
.tes-list li span:last-child {width:calc(100% - 145px);}
.tre-left {width:100px;height:100px;}
.year {margin-top:-10px;font-size:15px;}
.date {font-size:50px;padding-top:8px;line-height:60px;}
.tre-right h5 {font-size:16px;padding:0px;}
.tre-right p {font-size:14px;}
.tre-right {width:calc(100% - 110px);}
.tre-btn {width:160px;}
.timer {font-size:60px;}
.cnum li div i {font-size:26px;}
.cnum li > div:last-child {font-size:14px;width:80%;margin:0 auto;}
.cnum li > h3 {top:0;bottom:0;}
.zs_w {width:35%;}
.er_w {width:20%;}
.er_w li {width:100%;padding-top:0px;}
.footer-bottom > div:first-child {float:none;text-align:center;line-height:50px;}
.footer-bottom > div:last-child {float:none;text-align:center;line-height:30px;}
.footer-bottom {height:81px;}
.pro-contain ul li {height:270px;}
.cell-right p {line-height:24px;}
}
@media (min-width:768px) and (max-width:1000px) {#team .container {width:750px}
.a_left h3 {font-size:26px;}
.a_right h3 {font-size:34px;}
.a_right p {line-height:1.6;}
.tes-list li img {width:80% !important;}
#trends-nav a {margin:20px 3px;}
.lgt {line-height:25px !important;}
.a_left img {width:50%;}
.container {width:100%;margin:0 auto;}
.pro-contain ul li {width:50%;}
.gn-container li {width:25%;}
.gn-mark > div:first-child {padding-bottom:15px;padding-top:10px;font-size:18px;}
#crt li {float:left;width:50%;height:580px;text-align:center;}
#crt {height:auto;}
#testimonials li,.trends-list li {width:100%;}
.li_w {width:33.3%;}
.zs_w {width:50%;}
.er_w {width:50%;}
.footer-top {padding-top:50px;padding-bottom:30px;}
.footer-top > ul > li {margin-bottom:30px;}
.footer-bottom > div:first-child {float:none;text-align:center;line-height:50px}
.footer-bottom > div:last-child {float:none;text-align:center;line-height:30px;}
.footer-bottom {height:112px;}
.footer-bottom > div:last-child {float:none;text-align:center;}
.timer {font-size:50px;}
#cnum li > div:last-child {font-size:14px;width:80%;margin:0 auto;}
#cnum .container {width:96%;padding-bottom:0px;margin:0 auto;}
.cnum li > h3 {top:0;bottom:12px;}
.cnum li div i {font-size:20px;}
#cnum {height:170px;}
}
@media (min-width:768px) and (max-width:1440px) {#Copyright h2,#Copyright p {width:100%;}
.ser-contain {width:100%;}
.table li {width:16.6%;}
.table > li:last-child {width:50.2%;}
.table {width:100%;margin-bottom:0;}
.tfoot span,.tfoot1 span,.tfoot1 > span:first-child {width:100%;padding-left:10px;line-height:1.6;height:auto;}
.tfoot i,.tfoot1 i {display:block;}
.tfoot span > i:first-child,.tfoot1 span > i:first-child {font-weight:bold;line-height:2;}
.tfoot,.tfoot1 {height:auto;margin-bottom:30px;}
.map-ind {width:90%;}
.map-ind h3 {font-size:20px;font-weight:bold;}
.map-ind p {font-size:16px;}
.jion-table {width:100%;}
.pro-banner-right img {width:90%;padding-top:30px;}
.pro-position,.new-banner-contain,.join-banner-contain {top:110px;}
#pro-ind p {width:85%;}
.pro-banner-left h2 {font-size:48px;}
.pro-icon {width:100%;padding-left:15px;padding-right:15px;}
}
@media (min-width:320px) and (max-width:1200px) {.condition-list ul {width:100%;}
.condition-list ul li > div:first-child {left:0px;width:70px;height:70px;border-radius:35px;font-size:30px;line-height:70px;}
.condition-list ul li > div:last-child {left:30px;width:calc(100% - 45px);min-width:260px;top:5px;font-size:14px;padding-left:45px;}
.condition-list > div {line-height:1.6;width:100%;font-size:16px;}
}
@media (min-width:768px) and (max-width:1200px) {#team .swiper {width:100%;padding-left:20px;padding-right:20px;}
#case-banner h2 > span:first-child {font-size:60px;}
#case-banner h2 {font-size:50px;}
#case-banner h3 {font-size:42px;}
.jion-table {width:100%;}
.jion-table li > div {font-size:14px;}
}
@media (min-width:320px) and (max-width:1000px) {.footer-bottom > div:last-child {padding-top:10px;width:100%;line-height:2;text-align:center;font-size:14px;text-align:center;}
#team .a_right {display:none}
.slide1 {background:url(../img/s-team01.jpg) no-repeat right 50%/auto 100% #f2f2f2;}
.slide2 {background:url(../img/s-team02.jpg) no-repeat right 50%/auto 100% #f2f2f2;}
.slide3 {background:url(../img/s-team03.jpg) no-repeat right 50%/auto 100% #f2f2f2;}
.name {display:none}
#team {padding-bottom:0px}
#team .swiper-wrapper {display:block;}
#team li {margin-bottom:20px}
#team li img {display:none}
#team .team-mark {width:70%}
.team-mark .mark-name {font-size:24px;padding:20px 30px 10px}
.team-mark .title {padding-left:30px;color:rgba(0,0,0,0.6);font-size:16px;padding-bottom:10px}
.team-mark p {padding-left:30px;color:#333;text-align:left;}
.layer2 a > div,.layer3 a > div {width:100%;padding-top:30px;text-align:center;}
.layer2 a > div:last-child,.layer3 a > div:last-child {width:100%;text-align:center;padding-top:20px}
.layer3 {height:320px}
.about-culture h5 {padding-top:10px}
.contain {width:100%;}
.body {padding-top:60px}
.about-txt p {font-size:14px}
.newContain-foot .newContain-right {text-align:left;}
.newContain-foot {padding:20px 0}
.newDatail-body .contain {width:100%}
.newDatail-body .contain p {margin:20px 0}
.newimg img {width:80%}
.newContain-foot {width:100%;}
.newContain-foot > div {width:100% !important}
.newDatail-body span {padding:10px 0}
.allmenu {display:block;}
.case-list li span {background:#0061b0;color:#FFF;}
.logo-left {display:none;}
.gn-img,.gn-ind {float:none;width:100%;height:auto;}
.gn-container .gn-img img {padding-top:10px;}
.gn-ind h3 {padding-top:0px;margin-top:0px;margin-bottom:0px;font-size:18px;font-weight:600;height:60px;}
.gn-ind h3,.gn-ind h5 {width:85%;margin:0 auto;text-align:center;line-height:1.6;}
.gn-container .gn-list li,.gn-list li > div {height:300px;overflow:hidden;}
.big > div,.big {height:340px !important;}
#Copyright h2,#Copyright p {width:100%;}
.join-mark {display:none;}
#header-banner {margin-top:60px;}
#navigation {color:#494949;padding-top:0;}
.submenu {position:static !important;float:none;border-top:1px #CCC solid;}
.submenu li {padding-left:10px;}
#hidden-opt {display:block !important;text-align:left;}
.block-opt {display:none;}
.hidden_content {display:block;background:#FFF;}
#nav-left {height:60px;}
#logo img {width:90px;}
.container-nav {display:none;}
#hidden_nav {width:100%;background:#FFF;z-index:1000;}
#hidden_nav > li a {width:100%;}
#hidden_nav li {display:none;border-bottom:1px solid #ccc;}
#navigation {height:60px;}
#nav {display:none;}
.navbar-toggle {display:block;margin-top:-46px;}
.gn-container .gn-img img {width:30%;}
}
@media (min-width:768px) and (max-width:1000px) {.gn-ind h3,.gn-ind h5 {line-height:1.6;}
.dom-banner .container h5,.new-banner-contain h4,.join-banner-contain h4 {font-size:28px;}
.join-banner-contain h2,.dom-banner .container h2,.new-banner-contain h2,.join-banner-contain h2 {font-size:48px;}
.join-banner-contain h4 {width:90%;margin:0 auto;font-size:16px;line-height:1.6;}
.pro-banner-img img,#case-banner img,.dom-banner img,#new-banner img,.join-banner img,#header-banner {margin-top:60px;}
.container h2 {font-size:28px;padding-top:50px;}
.pro-banner-right img {width:100%;padding-top:30px;}
.pro-position {top:80px;}
.pro-banner-left h5 {font-size:24px;}
.pro-banner-left div {width:90%;margin:25px auto;}
.pro-banner-left span {padding-left:10px;padding-right:10px;}
}
@media (min-width:320px) and (max-width:767px) {#team li img {display:block;}
#team {padding-bottom:0px;}
.hidden-per {display:block;width:100%;padding:0 15px;}
#dom-sup .cell-left img {width:32%;}
#case-banner > div {width:100%;top:30%;left:0px;}
.case-list li > div span {background:#087ad4;color:#FFF;}
.case-list li {width:100%;margin-top:30px;}
#case-banner h2,#case-banner h3 {font-size:22px;}
#case-banner h3 {margin-top:0px;font-size:16px;}
#case-banner h2 > span:first-child {font-size:24px;}
.pro-banner-img img,#case-banner img,.dom-banner img,#new-banner img,.join-banner img {margin-top:60px;}
.join-banner-contain h2 {font-size:24px;margin-bottom:0px;}
.join-banner-contain h4 {width:80%;font-size:14px;line-height:1.4;}
.join-banner-contain h4 > i:first-child {display:none;}
.dom-banner .container h2 {padding-left:0px;font-size:24px;text-align:center;padding-top:10px;}
.dom-banner .container h5 {padding-left:0px;font-size:16px;text-align:center;}
#pro-ind p {margin:10px auto;}
.pro-position {top:60px;}
.pro-banner-left div {margin:25px auto;}
.pro-banner-right img {width:70%;display:none;}
.pro-banner-left,.pro-banner-right {float:none;width:100%;}
.pro-banner-left h2,.new-banner-contain h2 {font-size:24px;}
.pro-banner-left h5 {font-size:18px;}
.pro-banner-left div {display:none;}
.pro-icon {width:95%;}
.pro-contain .cell-left img {width:30%;}
#pro-ind p {width:90%;font-size:14px;line-height:1.6;}
#Copyright p {line-height:1.6;margin-top:0;margin-bottom:10px;}
.new-banner-contain,.join-banner-contain {top:60px;width:100%;left:0px;text-align:center;}
.new-banner-contain h4 {font-size:16px;}
#new-list {padding-top:30px;}
.ser-contain {width:100%;}
.table li {width:33.3%;}
.table > li:last-child {width:100%;}
.tfoot span,.tfoot1 span,.tfoot1 > span:first-child {width:100%;padding-left:10px;line-height:1.6;height:auto;}
.tfoot i,.tfoot1 i {display:block;}
.tfoot span > i:first-child,.tfoot1 span > i:first-child {font-weight:bold;line-height:2;}
.tfoot,.tfoot1 {height:auto;margin-bottom:30px;}
#join-map,#map {height:400px;}
#jion-table h3 {font-size:20px;margin-top:0px;padding-top:0px;}
#jion-table h3 span {display:block;font-size:24px;padding-bottom:25px;}
.join-tabtitle {font-size:20px;margin:10px auto 0;}
#con-map {padding-top:0px;}
#con-map > li:last-child,#con-map > li:first-child {width:100%;height:0px;}
#con-map > li:last-child {height:280px;}
.map-ind {margin:40px auto 0;width:90%;}
.map-ind h3 {font-size:20px;font-weight:bold;}
.map-ind p {font-size:14px;}
.map-ind > div {margin-top:10px;}
.jion-table {width:100%;}
.jion-table li > div:first-child {width:100%;}
.jion-table li > div:nth-child(2) {width:100%;}
.jion-table li > div:nth-child(3) {width:50%;}
.jion-table li > div:nth-child(4) {width:50%;}
.jion-table li > div:nth-child(2) {text-align:center;padding-left:15px;padding-right:15px;word-wrap:break-word;word-break:break-all;min-height:58px;height:auto;line-height:58px;}
.jion-table li > div {background:#f2f2f2;border-color:#FFF;}
.jion-table li > div:first-child {background:#FFF;border-color:1px rgba(240,240,240,0.6) solid;}
.hidden-img {display:block;width:100%;}
.join-value {display:none;}
.gn-container li img {padding-bottom:0;padding-top:0;}
#team li {background:#f2f2f2;margin-bottom:20px;padding-top:20px}
#team img {width:100%}
#team .team-mark {width:100%}
#team i {width:200px;height:200px;border-radius:50%;margin:0px auto;overflow:hidden;}
.detail {padding:0 15px}
.mark-name,#team .title {text-align:center;}
.team-mark p {padding-left:15px}
.detail {line-height:1.6}
.slide1,.slide2,.slide3 {background:#FFF}
.about-culture h3 {text-align:center;}
.about-culture {height:1500px;background-position:100% 100%;}
.layer2 a > div,.layer3 a > div {padding-top:30px}
.layer3 {height:300px}
.about-environment h2 {padding:30px 0 20px}
.contain {width:100%}
.layer2,.layer3 {width:100%}
#cnum ul {padding-top:30px;}
.condition-list ul li {width:100% !important;height:80px !important;}
#crt h3 {font-size:20px;}
#crt li img {width:135px;}
.al_btn > div {display:inline-block;width:49%;text-align:center;}
.a_left h3 {margin:15px 0;}
.s-aboutbg {height:auto;}
.a_right h3 {font-size:20px;text-align:center;}
.s-aboutbg .container {padding-top:20px;}
.al_btn {margin-top:0px;}
.a_right {float:none;width:100%;}
.container {width:100%;overflow:hidden;padding-bottom:0px;}
.newContain-left > a {margin:10px 0}
.footer-bottom {height:100px;}
.container h2,#team h2 {font-size:22px;padding-top:30px;padding-bottom:0px;}
.pro-contain ul li {width:100%;margin-bottom:10px;}
.cell-left,.cell-right {display:block;width:100%;padding-top:0px;}
.cell-left img {margin:0 auto;padding-top:10px;}
.cell-right h5 {padding-top:10px;width:100%;text-align:center;}
.cell-right p {width:90%;margin:0 auto;text-align:center;line-height:2;}
.a_left {float:none;width:100%;}
.gn-container li {width:50%;}
#crt li {width:100%;}
#crt {height:auto;}
#crt li img {padding-top:20px;padding-bottom:20px;}
#crt li {height:440px;}
#testimonials li {width:100%;}
.tes-list li img {width:25%;margin:0 auto;}
.tes-list li > span {width:100% !important;text-align:center;}
#trends-nav a {margin:3px;}
#trends-nav {margin-bottom:30px;}
.trends-list li {width:100%;max-width:420px;margin:0 auto 30px;float:none;border:1px #CCC solid;}
.tre-left {float:none;height:95px;width:100%;border-radius:0px;border:none;}
.tre-right {float:none;width:100%;padding-left:0;margin:0 auto;}
.tre-right h5 {text-align:center;color:#087ad4;font-weight:600;}
.tre-right p {width:90%;margin:0 auto;height:66px;overflow:hidden;}
.tre-left > div {color:#FFF;background:#087ad4;}
.date {padding-top:0;}
.li_w,.zs_w {width:100%;}
.footer-top {padding-top:20px;}
.footer-top .li-title {border-bottom:1px #666 solid;}
.er_w {width:100%;}
.er_w li {width:50%;}
.footer-bottom > div {line-height:1.4 !important;padding-top:20px;}
.footer-bottom > div:first-child a {font-size:14px;text-align:center;}
.per {width:90%;float:right;}
.per h3 {font-size:22px;font-weight:600;margin:0 auto;color:#087ad4;}
.per h3 > span {display:block;}
.per h3 > span:last-child {font-size:16px;float:right;line-height:26px;}
.per p {line-height:1.4;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;}
.hidden-per li {min-height:280px;}
.per-btn {width:100%;margin-top:0;text-align:center;font-size:22px;line-height:40px;padding:0;}
.team-hidden {display:block;}
#cnum {height:auto;}
#cnum li {width:100%;margin-top:0;}
#cnum li h3 {display:none;}
}
@media (min-width:480px) and (max-width:767px) {.join-banner-contain h4 {font-size:20px;}
.join-banner-contain h2 {font-size:32px;}
#case-banner h2 > span:first-child {font-size:34px;}
#case-banner h2 {font-size:32px;}
#case-banner h3 {font-size:20px;}
.dom-banner .container h5,.new-banner-contain h4 {font-size:22px;}
.dom-banner .container h2 {font-size:36px;}
.dom-banner .pro-position,.new-banner-contain,.join-banner-contain {top:10%;}
.pro-banner-left h2,.new-banner-contain h2 {font-size:38px;}
.pro-banner-left h5 {font-size:24px;}
.pro-contain ul {width:460px;margin:0 auto;}
.pro-contain ul li {width:100%;margin:10px auto 0;}
.pro-contain {text-align:center;}
.pro-position {top:30%;}
}
@media (min-width:320px) and (max-width:520px) {.footer-bottom > div {padding-top:0px}
.footer-bottom > div:last-child {padding-top:5px}
.gn-container .gn-list li {width:100%;}
.gn-container .gn-img img {width:30%;}
.infoBoxContent {width:250px;height:100px;}
.infoBoxContent h3 {width:100%;}
}
.main-intro-txt {max-width:1200px;margin:0 auto;padding:0 15px;transform:translateY(-50%)}
.top-img {display:block;width:100%}
.main-intro-txt p {padding:50px;text-indent:34px;line-height:2;background:#fff;border-radius:150px;font-size:17px;box-shadow:0 5px 10px rgba(0,0,0,.15)}
.mian-steps-box+.padding_65 {margin-top: -120px;}
.mian-steps-box h2 {font-size:38px;text-align:center;margin:0;margin-bottom:50px}
.co-steps {text-align:center;margin-bottom:90px}
.co-steps li {margin-bottom:20px}
.co-steps li:nth-child(1) span {background:#00b5f6}
.co-steps li:nth-child(3) span {background:#fa3e3e}
.co-steps li:nth-child(5) span {background:#ffa800}
.co-steps li:nth-child(7) span {background:#093;}
.co-steps li span {padding:20px 75px;display:inline-block;box-shadow:0 0 5px rgba(0,0,0,.3);color:#fff;font-size:18px}
.contact-us-map {display:flex}
.contact-us-map .lf {width:50%}
.contact-us-map .lf img {display:block;width:100%}
.contact-us-map .rt {width:50%;color:#fff;background:#2057be;display:flex;flex-direction:column;justify-content:center;padding:0 70px}
.contact-us-map .rt p {margin-bottom:10px}
.contact-us-map .rt p.cname {font-size:20px}
.contact-us-map .rt p.cname-2 {margin-bottom:25px}
.f-contant {width:40%;}
.f-logo {width:30%;text-align:left;}
.li_w {width:10%}
.f-logo img {width:80%;}
.foot-img {max-width:200px;width:100%;text-align:center;margin-top:5px;}
.c-bubble-inner {position:relative;margin-top:30px;}
.c-bubble-inner a {display:block;width:100%;height:48px;background:#1650bb;line-height:48px;text-align:center;}
.c-bubble-inner:before {font-size:0;position:absolute;width:0;height:0;bottom:100%;left:50%;margin-left:-8px;content:'';border-width:8px;border-style:solid;border-color:transparent transparent #1650bb transparent;}
.c-bubble-inner:hover a {background:#ff0000;}
.c-bubble-inner:hover:before {border-color:transparent transparent #ff0000 transparent;}
.li_w a:hover {color:#1650bb}
@media screen and (max-width:900px) {section .icon-list {margin-top:40px}
.main-intro-txt {transform:inherit;padding:0;margin-bottom:30px}
.main-intro-txt p {border-radius:0;box-shadow:0 0;padding:0 15px;font-size:13px;text-indent:0}
.co-steps li span {padding:5px 15px;font-size:14px}
.contact-us-map {flex-direction:column}
.contact-us-map .lf {width:100%}
.contact-us-map .rt {width:100%;font-size:14px;padding:15px}
.contact-us-map .rt p.cname {font-size:16px}
.co-steps {margin-bottom:45px}
.main-intro-txt p strong {font-size:25px !important}
.mian-steps-box h2 {font-size:25px;margin-bottom:20px}
.mian-steps-box {margin:0}
}
@media (max-width:1440px) and (min-width:1000px) {.f-contant {width:35%;}
.f-logo {width:20%;text-align:left;}
.li_w {width:15%}
}
@media (max-width:999px) and (min-width:768px) {.f-logo {width:40%;}
.f-contant {width:60%}
.li_w {width:33.3%}
}
@media (max-width:768px) {.li_w {width:100%}
.f-logo {width:100%;}
.f-contant {width:100%}
}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {*zoom:1}
section.container,section .container {width:1200px;margin:0 auto}
.c_section {background:#f6f6f6}
.introduction {padding:80px 0 60px;text-align:center;line-height:2;color:#5d5d5d;font-size:18px}
.tit-h2 {font-size:48px;color:#025fac;text-align:center;margin-bottom:30px;line-height:1.2;padding:0 !important;}
.padding_65 {padding:65px 0}
.icon-list {display:flex;flex-wrap:wrap;margin-top:70px}
.icon-list li {flex-basis:25%;width:25%;padding:10px;text-align:center;margin-bottom:30px;box-sizing:border-box;}
.icon-list li img {max-width:100%;transition:.6s transform ease-in-out;-webkit-transition:.6s transform ease-in-out;-o-transition:.6s transform ease-in-out;-moz-transition:.6s transform ease-in-out;}
.icon-list li:hover img {transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transition:.6s transform ease-in-out;-webkit-transition:.6s transform ease-in-out;-o-transition:.6s transform ease-in-out;-moz-transition:.6s transform ease-in-out;}
.icon-list li p {font-size:22px;margin-top:30px;color:#000;}
.advantage {background:#06a2ca url("https://www.seo.com.cn/yqbimg/advantage.png") no-repeat center 92px;position:relative;}
.advantage .tit-h2 {color:#fff;position:relative;z-index:9}
@media (min-width:992px) {.advantage * {box-sizing:border-box}
.advantage_list {width:1280px;margin:-84px auto 0;position:relative;height:200px;margin-top:515px;}
.advantage_list li {display:flex;align-items:center;text-align:center}
.advantage_list li i {margin:0 auto;display:flex;width:96px;height:96px;justify-content:center;align-items:center;font-size:35px;color:#0499b3;background:#fff;border-radius:50%;font-family:Impact}
.advantage_list li p {font-size:19px;padding:0 10px;color:#fff;max-width:220px;line-height:1.4}
.advantage_list li p a {color:#fff;font-size:20px;line-height:1.4}
.fade-in-bottom-list li:nth-child(1) {position:absolute;bottom:50px;left:70px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both 0s}
.fade-in-bottom-list li:nth-child(2) {position:absolute;bottom:180px;left:94px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both .2s}
.fade-in-bottom-list li:nth-child(3) {position:absolute;bottom:315px;left:157px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both .4s}
.fade-in-bottom-list li:nth-child(4) {position:absolute;bottom:430px;left:257px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both .6s}
.fade-in-bottom-list li:nth-child(5) {position:absolute;bottom:505px;left:450px;display:block;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both .8s}
.fade-in-bottom-list li:nth-child(6) {position:absolute;bottom:505px;right:450px;display:block;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both 1s}
.fade-in-bottom-list li:nth-child(7) {position:absolute;bottom:430px;right:257px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both 1.2s}
.fade-in-bottom-list li:nth-child(8) {position:absolute;bottom:315px;right:157px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both 1.4s}
.fade-in-bottom-list li:nth-child(9) {position:absolute;bottom:180px;right:94px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both 1.6s}
.fade-in-bottom-list li:nth-child(10) {position:absolute;bottom:50px;right:70px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both 1.8s}
.fade-in-bottom-list li:nth-child(11) {position:absolute;bottom:50px;right:31%;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both 2s}
.fade-in-bottom-list li:nth-child(5) p,.fade-in-bottom-list li:nth-child(6) p {padding-top:10px}
.process {background:url("https://www.seo.com.cn/yqbimg/process_bg.jpg") no-repeat}
.process .tit-h2 {margin-bottom:60px;padding:0;}
}
.unsee {opacity:0;overflow:hidden}
.fade-in-bottom-list,.fade-in-list {opacity:1;overflow:visible}
@keyframes fade-in-bottom {0% {transform:translateY(50px);opacity:0}
100% {transform:translateY(0);opacity:1}
}
.process-list {display:flex;align-items:center;flex-wrap:wrap;position:relative}
.process-list li {height:57px;border-radius:10px;line-height:57px;box-sizing:border-box;padding:0 45px;background:#1367af;position:relative;font-size:24px;color:#fff;}
.process-list li:nth-child(2n) {background:url("../yqbimg/right.png") no-repeat center;width:105px;background-size:88px;}
.process-list li:nth-child(4n - 1) {background:#00b0f0}
.process-list li:nth-child(8) {position:absolute;right:20px;top:100px;transform:rotate(-90deg);background-image:url("../yqbimg/left.png");}
.process-list li:nth-child(n + 9) {margin-top:140px;padding:0 30px;}
.process-list li:nth-child(2n + 10) {background-image:url("../yqbimg/left.png");}
.process-list li:last-child {background:#ff7e0e}
.fade-in-list li:nth-child(1) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 0s}
.fade-in-list li:nth-child(2) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 0.15s}
.fade-in-list li:nth-child(3) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 0.3s}
.fade-in-list li:nth-child(4) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 0.45s}
.fade-in-list li:nth-child(5) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 0.6s}
.fade-in-list li:nth-child(6) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 0.75s}
.fade-in-list li:nth-child(7) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both .9s}
.fade-in-list li:nth-child(8) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 1.05s}
.fade-in-list li:nth-child(15) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 1.2s;}
.fade-in-list li:nth-child(14) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 1.35s}
.fade-in-list li:nth-child(13) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 1.5s}
.fade-in-list li:nth-child(12) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 1.65s}
.fade-in-list li:nth-child(11) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 1.8s}
.fade-in-list li:nth-child(10) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 1.95s}
.fade-in-list li:nth-child(9) {animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both 2.1s}
@keyframes fade-in {0% {opacity:0}
100% {opacity:1}
}
.anim-show {animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both 0.15s}
#msg {font-size:14px;color:#f50;padding-top:10px}
.solutions_more a {display:block;margin:0 auto;width:478px;height:78px;line-height:78px;padding-right:20px;color:#000000;font-size:20px;cursor:pointer;border:1px solid #e2e2e2;transition:all 0.3s;text-align:center;background:#fff;position:relative;}
.solutions_more a:after {content:' ';position:absolute;top:50%;right:70px;width:8px;height:8px;border:2px transparent solid;border-right-color:#000;border-bottom-color:#000;transform:translateY(-50%) rotate(-45deg);}
.solutions_more a:hover:after {border-right-color:#fff;border-bottom-color:#fff;}
.solutions_more {background:#f4f3f8;padding:50px 0;}
.solutions_more a:hover {border:1px solid #f56308;color:#fff;background:#f56308;}
@media (max-width:1279px) and (min-width:992px) {.fade-in-list li:nth-child(8) {right:70px}
section.container,section .container {width:970px;}
.process-list li {padding:0 26px;font-size:18px;}
.process-list li:nth-child(n + 9) {padding:0 14px}
.advantage_list li p {width:200px}
.advantage_list {width:1100px}
.fade-in-bottom-list li:nth-child(1) {left:13px}
.fade-in-bottom-list li:nth-child(2) {left:38px}
.fade-in-bottom-list li:nth-child(3) {left:100px}
.fade-in-bottom-list li:nth-child(4) {left:190px}
.fade-in-bottom-list li:nth-child(5) {left:340px}
.fade-in-bottom-list li:nth-child(6) {right:340px}
.fade-in-bottom-list li:nth-child(7) {right:190px}
.fade-in-bottom-list li:nth-child(8) {right:100px}
.fade-in-bottom-list li:nth-child(9) {right:38px}
.fade-in-bottom-list li:nth-child(10) {right:13px}
.fade-in-bottom-list li:nth-child(11) {right:24%}
.fade-in-bottom-list li:nth-child(11) img {width:80%}
}
@media (max-width:992px) {section.container,section .container,.advantage_list {width:100%;padding:0 30px;box-sizing:border-box}
.icon-list li p {font-size:18px;margin-top:20px}
.tit-h2 {font-size:32px}
.advantage_list {display:flex;flex-wrap:wrap;}
.advantage_list li {width:calc(25% - 14px);flex-basis:calc(25% - 14px);margin:7px;padding-bottom:calc(25% - 14px);height:0;background:#fff;color:#0499b3;border-radius:20px;text-align:center;position:relative;}
.advantage_list li i {font-size:40px;position:absolute;top:15%;display:block;left:0;right:0;text-align:center;}
.advantage_list li p {position:absolute;top:59%;left:5%;font-size:14px;right:5%;color:#333;}
.advantage_list li p a {color:#333;text-decoration:underline;font-size:14px;}
.advantage_list li img {max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;padding:10px;transform:translate(-50%,-50%);}
.process-list li {height:46px;line-height:46px;padding:0 20px;font-size:16px;text-align:center;}
.process-list li:nth-child(2n) {width:55px;background-size:44px;}
.process-list {max-width:645px;margin:0 auto;}
.process-list li:nth-child(8) {top:50px;right:52px;}
.fade-in-list li:nth-child(15) {position:absolute;top:-57px;right:12px;}
.fade-in-list li:nth-child(14) {position:absolute;transform:rotate(-90deg);top:-5px;right:51px;}
.process-list li:nth-child(n + 9) {margin-top:160px;}
}
@media (max-width:767px) {section.container,section .container,.advantage_list {width:100%;padding:0 15px;box-sizing:border-box}
.advantage_list li {width:calc(33.3% - 14px);flex-basis:calc(33.3% - 14px);margin:7px;padding-bottom:calc(33.3% - 14px);}
.icon-list li {width:33.3%;flex-basis:33.3%;}
.process-list {display:block;}
}
@media (max-width:480px) {.advantage_list li {width:calc(50% - 14px);flex-basis:calc(50% - 14px);padding-bottom:calc(50% - 14px);}
.icon-list li {width:50%;flex-basis:50%;}
.process-list li:nth-child(n + 9) {margin-top:0px;}
.process-list li:nth-child(2n) {display:none;}
.process-list li {margin-bottom:30px;position:relative;}
.process-list li:after {content:' ';background:url(https://www.yiqibao.com/img/icon-arrow-down.jpg) no-repeat center;position:absolute;top:100%;left:50%;margin-left:-10px;width:20px;height:30px;background-size:20px;}
.fade-in-list li:nth-child(15) {position:absolute;top:304px;width:100%;left:0;}
.fade-in-list li:nth-child(13) {position:absolute;top:381px;width:100%;left:0;}
.fade-in-list li:nth-child(11) {position:absolute;top:456px;width:100%;left:0;}
.fade-in-list li:nth-child(9) {position:absolute;top:531px;width:100%;left:0;}
.fade-in-list li:nth-child(9):after {display:none;}
.process-list {height:600px;}
}