/* CSS Document */
#slides{position: relative;text-align: center;overflow: hidden; height:520px;}
#slides img{width: 100%;}
.slidesjs-pagination{list-style: none;position: relative;bottom: 53px;z-index: 99;}
.slidesjs-pagination li{margin: 0 4px;display: inline-block;}
#slides a:link, #slides a:visited{color: #333;background-color: #fff;}
.slidesjs-pagination li a{display: block;width: 15px;height: 0;padding-top: 15px;float: left;overflow: hidden; border-radius:999em;}
#slides .slidesjs-slide{ display:block; width:100%; height:520px;}
#slides a:link, #slides a:visited{color: #d22929;text-decoration: none;font-weight: 600;}
#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active{background-color: #0cb46a;}
.slidesjs-play, .slidesjs-stop{display: none;}

.index-block{ padding:80px 0; position:relative;overflow:hidden;}
.index-title{ text-align:center; position:relative; top:0;}
.index-title h1 { font-size:40px; color:#4c4c4c;}
.index-title h1 span { padding:0 30px;}
.index-title h1 span font{ color:#2fba7e;}
.index-title p{ font-size:15px; color:#999; padding:20px 0}
.index-box1-left{ position:absolute; left:0; top:10%;}
.index-box1-right { position:absolute; right:-1%; top:22%;}
.index-box1-top{ position:absolute; right:15.5%; bottom:60%;}
.index-box2-center{ position:absolute; left:150px; top:205px;}
.index-box2-cir1{ position:absolute;width:128px; height:128px; border-radius:999em; left:-80px; top:0; text-align:center;}
.index-box2-cir1 p{ position:absolute; background:rgba(47,186,126,0.9); border-radius:999em; width:100%; height:100%;}
.index-box2-cir1 i { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(47,186,126,0.2); border-radius:999em;animation: fadeOutIn 2.4s infinite; -webkit-animation: fadeOutIn 2.4s infinite;}
.index-box2-cir2{ position:absolute;width:123px; height:123px; border-radius:999em; right:-85px; top:85px; text-align:center;}
.index-box2-cir2 p{ position:absolute; background:rgba(64,104,190,0.8); border-radius:999em; width:100%; height:100%;}
.index-box2-cir2 i { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(64,104,190,0.2); border-radius:999em;animation: fadeOutIn 2.4s infinite; -webkit-animation: fadeOutIn 2.4s infinite;}
.index-box2-cir3{ position:absolute;width:123px; height:123px; border-radius:999em; right:-40px; bottom:10px; text-align:center;}
.index-box2-cir3 p{ position:absolute; background:rgba(255,86,68,0.8); border-radius:999em; width:100%; height:100%;}
.index-box2-cir3 i { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,86,68,0.2); border-radius:999em;animation: fadeOutIn 2.4s infinite; -webkit-animation: fadeOutIn 2.4s infinite;}
.index-box2-cir1 p span,.index-box2-cir2 p span,.index-box2-cir3 p span{ padding-top:25px; color:#fff; font-size:20px; line-height:24px; display:block;}
.gear_1{ width:224px; height:224px; position:absolute; left:50%; margin-left:-205px; top:0}
.gear-01{ width:224px; height:224px; background:url(../pic/brand/gear1.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_2{ width:163px; height:164px; position:absolute; left:50%; top:55px;}
.gear-02{ width:163px; height:164px; background:url(../pic/brand/gear2.png) 0 0 no-repeat;position:absolute; left:0;top:0;}
.gear_3{ width:237px; height:241px; position:absolute; left:50%; top:160px; margin-left:-360px;}
.gear-03{ width:237px; height:241px; background:url(../pic/brand/gear3.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_4{ width:280px; height:285px; position:absolute; left:50%; top:200px; margin-left:-135px;}
.gear-04{ width:280px; height:285px; background:url(../pic/brand/gear4.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_5{ width:232px; height:235px; position:absolute; left:50%; top:135px; margin-left:126px;}
.gear-05{ width:232px; height:235px; background:url(../pic/brand/gear5.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_1 .gear-center{ padding-top:70px;}
.gear_2 .gear-center{ padding-top:40px; font-size:20px;}
.gear_3 .gear-center{ padding-top:75px;}
.gear_4 .gear-center{ padding-top:100px; font-size:28px;}
.gear_5 .gear-center{ padding-top:75px;}
.gear-center{font-size:24px; color:#fff; width:100%; text-align:center; position:relative; z-index:10;}
.gear-dot{ width:20px; height:20px; border-radius:999em; background:#bcbcbc; position:absolute;}
.gear-text1 .gear-dot,.gear-text3 .gear-dot{ left:180px; top:7px;}
.gear-text2 .gear-dot,.gear-text4 .gear-dot,.gear-text5 .gear-dot{ left:-28px; top:7px;}
.gear-line{ position:absolute; border-top:2px dotted #a2a2a2; top:15px;}
.gear-text1 .gear-line { width:170px; left:210px;}
.gear-text2 .gear-line { width:220px; left:-260px;}
.gear-text3 .gear-line { width:30px; left:205px;}
.gear-text4 .gear-line { width:35px; left:-70px;}
.gear-text5 .gear-line { width:250px; left:-290px;}
.gear-text1{ position:absolute; left:0; top:60px; width:170px; text-align:right;}
.gear-text2{ position:absolute; right:0; top:80px; width:170px;}
.gear-text3{ position:absolute; left:0; top:270px; width:170px; text-align:right;}
.gear-text4{ position:absolute; right:0; top:240px; width:170px;}
.gear-text5{ position:absolute; right:0; top:392px; width:170px;}
.gear-text1 ul li,.gear-text3 ul li { width:50%; float:left; font-size:15px; background:url(../images/dot-bg.png) 14px center no-repeat; padding-left:10px; box-sizing:border-box; line-height:26px;}
.gear-text2 ul li,.gear-text4 ul li,.gear-text5 ul li{width:50%; float:left; font-size:15px; background:url(../images/dot-bg.png) 0 center no-repeat; padding-left:10px; box-sizing:border-box; line-height:26px;}
.gear-text h2{ font-size:20px; padding-bottom:5px;}
.gear-text1 h2 { color:#ff5a4a;}
.gear-text2 h2 { color:#3399cc;}
.gear-text3 h2 { color:#2fba7e;}
.gear-text4 h2 { color:#f5c635;}
.gear-text5 h2 { color:#6686cb;}
.icon-g-1,.icon-g-2,.icon-g-3,.icon-g-4,.icon-g-5{ width:40px; height:40px; display:block; vertical-align:top; margin:0 auto;}
.icon-g-1{ background:url(../pic/brand/gear-i1.png) 0 0 no-repeat;}
.icon-g-2{ background:url(../pic/brand/gear-i2.png) 0 0 no-repeat;}
.icon-g-3{ background:url(../pic/brand/gear-i3.png) 0 0 no-repeat;}
.icon-g-4{ background:url(../pic/brand/gear-i4.png) 0 0 no-repeat;}
.icon-g-5{ background:url(../pic/brand/gear-i5.png) 0 0 no-repeat;}
.icon-g-5{ background:url(../pic/brand/gear-i5.png) 0 0 no-repeat;}
.gear{-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;-moz-animation-direction: normal;-moz-animation-delay: 0;-moz-animation-play-state: running;-moz-animation-fill-mode: forwards;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: normal;-webkit-animation-delay: 0;-webkit-animation-play-state: running;-webkit-animation-fill-mode: forwards;}
#gear_1{-moz-animation-name: ckw;-moz-animation-duration: 9.5s;-webkit-animation-name: ckw;-webkit-animation-duration: 9.5s;}
#gear_2{-moz-animation-name: cckw;-moz-animation-duration: 16.84s;-webkit-animation-name: cckw;-webkit-animation-duration: 16.84s;}
#gear_3{-moz-animation-name: ckw;-moz-animation-duration: 15s;-webkit-animation-name: ckw;-webkit-animation-duration: 15s;}
#gear_4{-moz-animation-name: cckw;-moz-animation-duration: 15s;-webkit-animation-name: cckw;-webkit-animation-duration: 15s;}
#gear_5{-moz-animation-name: ckw;-moz-animation-duration: 15s;-webkit-animation-name: ckw;-webkit-animation-duration: 15s;}
@-webkit-keyframes ckw{0%{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
100%{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}}
@-moz-keyframes ckw{0%{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
100%{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}}
@-webkit-keyframes cckw{0%{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
100%{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}}
@-moz-keyframes cckw{0%{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
100%{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}}
.phone_animate_left{ float:left; width:38%;}
.left_top{ height:70px; width:100%; margin-top:30px;}
.left_top div{ height:100%; background:#2fba7e; float:left;}
.left_top_1{ width:72%; text-align:right;}
.left_top_1 h2 { font-size:30px; color:#fff; line-height:70px; padding-right:20px;}
.left_top_2{ width:10%; margin-left:2%;}
.left_top_3{ width:4%; margin-left:2%;}
.left_middle{ float:right; margin:80px 0 60px 0;}
.left_middle ul li { font-size:26px; line-height:90px; color:#828282;}
.left_middle ul li:hover { cursor:pointer; color:#2fba7e;}
.left_middle ul li span { display:inline-block; height:70px; width:70px; line-height:70px; text-align:center; background:#2fba7e; border-radius:999em; vertical-align:middle; margin-right:40px;}
.left_middle ul li span i{ display:block; height:40px; width:40px; margin:15px;}
.left_middle ul li span .danmu_1 {background:url(../pic/brand/danmu_1.png) 0 0 no-repeat;}
.left_middle ul li span .danmu_2 {background:url(../pic/brand/danmu_2.png) 0 0 no-repeat;}
.left_middle ul li span .danmu_3 {background:url(../pic/brand/danmu_3.png) 0 0 no-repeat;}
.left_middle ul li span .danmu_4 {background:url(../pic/brand/danmu_4.png) 0 0 no-repeat;}
.left_middle ul li:hover span { background:#f5c635;}
.phone_container{ width:60%; margin-left:2%; margin-top:30px; float:left; height:686px; position:relative;}
.f-phone{ width:393px; height:686px; background:url(../pic/brand/f-phone.png) 0 0 no-repeat; position:absolute; left:0; top:0; z-index:1;}
.animate_container{ position:relative; z-index:10;}
.animate-k-text{ position:relative; float:left; padding:100px 0 0 40px;}
.animate-k-text h1{ font-size:40px; color:#fff; border-bottom:3px solid #fff; line-height:100px; text-align:center; margin-bottom:20px;}
.animate-k-text ul li { font-size:22px; color:#fff; line-height:53px; padding:0 50px;}
.animate-k-text ul li i { width:8px; height:8px; border-radius:999em; border:1px solid  #fff; display:inline-block; margin-right:10px;}
.animate-k-text ul li span { margin-right:15px;}
.animate-k-text ul li font { font-size:26px; font-style:italic; margin-right:15px;}
.animate-phone{ width:256px; height:470px; float:left; margin:77px 0 0 64px;}
.animate-phone img { width:100%; height:100%;}
.animate-box{ position:absolute; left:200px; top:80px; background:#2fba7e; right:0; height:485px;}
.danmu_con{ display:none;}
.danmu_con.active{ display:block;}
.example-container{ position:relative;}
.example-left-con{ width:38%; float:left; background:#6686cb; height:425px;}
.example_text_container{ width:450px; float:right; padding: 0 60px; color:#fff; padding-top:30px;}
.example_text_container h1{ font-size:40px; border-bottom:1px solid #fff; line-height:100px; text-align:center;}
.example_text_container p{ font-size:18px; padding:30px 15px 20px 15px; line-height:30px;}
.example-duv { text-align:center;}
.example-duv a span{ font-size:14px; display:inline-block; line-height:30px; padding:0 15px; border:1px solid #fff; color:#fff; margin:5px;}
.example-right-con{float: left;position: relative;width: 62%; height:425px; background:#6686cb;}
.swiper-slide .ex_box{ float:left; width:380px; height:205px; margin-left:20px; margin-bottom:20px; position:relative;}
.swiper-slide .ex_box .ex-hod{ width:100%; height:100%; overflow:hidden;}
.swiper-slide .ex_box:before{ position:absolute; left:-20px; top:-20px; bottom:-20px; right:-20px; background:#fff; content:""; z-index:1;}
.swiper-slide .ex_box img { width:100%; height:100%; position:relative; z-index:9;}
.swiper-slide .ex_box:hover{ cursor:pointer;}
.swiper-slide .ex_box:hover img {-webkit-transform: scale(1.1,1.1);-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 600ms;	-moz-transform: scale(1.1,1.1);	-moz-transition-timing-function: ease-out;	-moz-transition-duration: 600ms;}



.about-banner{ height:265px; background:url(../images/aboutbanner.jpg) center center no-repeat;}
.tabs-box{ border-bottom:1px solid #dfdfdf; height:55px;background:#fff; }
.tabs-box ul li { float:left; margin:0 20px;}
.tabs-box ul li a{ font-size:18px; color:#3b3b3b; padding:0 20px; display:block; height:52px; line-height:55px;}
.tabs-box ul li a.tab-active { border-bottom:3px solid #ffcb2f;}
.tabs-underline .tabs-content-placeholder{ max-width:1200px; margin:0 auto;}
.about-main{ padding:70px 20px;}
.about-title{ font-size:28px; color:#898989; padding:0 0 50px 0;}
.about-title font{ padding-right:15px;}
.about-title span { color:#b4b4b4; padding:0 15px;}
.about-text{ width:50%; float:left;}
.about-text p{ font-size:18px; color:#898989; line-height:35px; text-indent:2em; margin-bottom:40px; padding:0 50px 0 0;}
.about-contact ul li { float:left; width:33.33%; font-size:18px; color:#898989; line-height:35px; position:relative;padding:0 15px 0 15px; box-sizing:border-box;}
.about-contact ul li:before{ content:""; width:4px; height:20px; position:absolute; left:0; top:8px; background:#dadada;}
.about-img{ float:left; width:50%; margin-top:120px;}
.about-img ul li { float:left; width:50%; box-sizing:border-box; padding:8px 8px;}
.about-img ul li img { width:100%; display:block; vertical-align:top;}
.about-team ul li { float:left; width:270px; background:#fff; margin:0 25px 25px 0; position:relative; height:326px;}
.team-name{ position:absolute; left:0; right:0; bottom:0; height:55px; line-height:55px; text-align:center;  background:rgba(47,109,186,0.48); color:#fff; font-size:18px;}
.team-name span { font-size:24px; padding-right:15px;}
.about-team ul li:hover { cursor:pointer;}
.about-team ul li .team-pic { width:270px; height:326px; overflow:hidden;}
.team-text{ padding:20px; text-align:center; position:absolute; left:0; top:0; right:0; bottom:0; background:#2f6dba; text-align:left; color:#fff; z-index:19;}
.team-text h2 { font-size:26px; color:#fff;}
.team-text span { color:#fff; font-size:18px; padding-left:15px;}
.team-text p{ color:#fff; font-size:12px; line-height:20px;margin-top:16px; text-align:left;}
.team-pic img { width:100%; vertical-align:top;}
.team-box{-webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
.about-team ul li:hover .team-box{-webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);}
.team-text	{-webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
.about-team ul li:hover .team-text{-webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);}
.about-team ul li:hover .team-text{ opacity:1;}
.about-team ul li:nth-of-type(4n) {margin-right: 0;}
.join-center h2 { font-size:26px; color:#666; padding-bottom:30px;}
.join-text{ font-size:16px; line-height:26px;}
.course-list{ margin-top:30px;}
.course-list li { position:relative; padding-bottom:15px;}
.course-list li .s-year{ position:absolute; width:35px; height:35px; border-radius:999em; border:1px dashed #c6c6c6; line-height:35px; text-align:center; color:#2fba7e; background:#fff; left:0; top:5px; z-index:9;}
.s-text{ padding-left:60px;}
.s-text p{ font-size:14px; color:#898989; text-indent:0; margin-bottom:0; line-height:24px;}
.course-list li:before{ content:""; position:absolute; left:18px; border-right:1px dashed #c6c6c6; top:5px; bottom:-10px;}
.course-list li:last-child:before{ display:none;}
@-webkit-keyframes flipouttoleft{from{-webkit-transform: rotateY(0);}
to{-webkit-transform: rotateY(-90deg) scale(.9);}}
@keyframes flipouttoleft{from{transform: rotateY(0);}
to{transform: rotateY(-90deg) scale(.9);}}
@-webkit-keyframes flipouttoright{from{-webkit-transform: rotateY(0) ;}
to{-webkit-transform: rotateY(90deg) scale(.9);}}
@keyframes flipouttoright{from{transform: rotateY(0);}
to{transform: rotateY(90deg) scale(.9);}}
@-webkit-keyframes flipintoleft{from{-webkit-transform: rotateY(-90deg) scale(.9);}
to{-webkit-transform: rotateY(0);}}
@keyframes flipintoleft{from{transform: rotateY(-90deg) scale(.9);}
to{transform: rotateY(0);}}
@-webkit-keyframes flipintoright{from{-webkit-transform: rotateY(90deg) scale(.9);}
to{-webkit-transform: rotateY(0);}}
@keyframes flipintoright{from{transform: rotateY(90deg) scale(.9);}
to{transform: rotateY(0);}}

.team-list ul li { float:left; width:216px; margin-right:20px; margin-bottom:20px;}
.team-list ul li .team-list-pic { width:100%;}
.team-list ul li .team-list-pic img { width:100%}
.team-list ul li:nth-of-type(5n) { margin-right:0;}
.team-list ul li p{ font-size:18px; color:#898989; text-align:center; line-height:45px;}
.team-list ul li p span { padding-left:10px;}

.tabs-underline .tabs-content-placeholder .tab-content {display: none;}
.tabs-underline .tabs-content-placeholder .tab-content.tab-content-active {display: block;}

/*.tabs-underline .tabs-content-placeholder .tab-content {display: none;}
.tabs-underline .tabs-content-placeholder .tab-content.tab-content-active {display: block;}*/

.help-main{ padding:30px 0;}
.help-main ul li{ float:left; background:#fff; margin:10px 10px;box-shadow:0 0 3px rgba(0,0,0,0.1)}
.help-main ul li:nth-of-type(4n){ margin-right:0;}
.help-main ul li img { width:270px; height:170px; vertical-align:top;}
.help-main ul li p { font-size:14px; line-height:40px; color:#555; padding:0 15px;}
.help-banner{ height:263px; background:url(../images/help-banner.jpg) center center no-repeat;}

.brand-banner{ height:263px; background:url(../images/brand-banner.jpg) center center no-repeat;}

.brand-main{ padding:40px 0;}
.brand-main ul li { float:left; width:265px; margin:20px; background:#fff; position:relative;}
.brand-main ul li:nth-of-type(4n){ margin-right:0;}
.brand-main ul li:hover { cursor:pointer;}
.int-img img{ width:100%; vertical-align:top;}
.int-text{ border:1px solid #eee; border-top:none; padding:15px;}
.int-text-title{ font-size:16px; color:#898989;text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.int-like{ text-align:right; font-size:14px; line-height:20px;}
.i-like{ display:inline-block; width:20px; height:17px; line-height:17px; background:url(../images/i-like.png) 0 0 no-repeat; vertical-align:middle; margin-right:10px; margin-top:-2px;}
.int-mask{ position:absolute; left:0; top:0; width:100%; height:265px; background:rgba(0,0,0,0.5); text-align:center; opacity:0;transition: all 1s ease 0s;}
.int-mask:hover { opacity:1; cursor:pointer;}
.int-mask img { width:120px; height:120px; margin-top:60px;}
.int-mask a { background:#2fba7e; color:#fff; display:inline-block; height:30px; line-height:30px; padding:0 20px; font-size:14px; margin-top:10px; border-radius:2px;}


.preview-wrap {width: 100%;text-align: center;}
.control-component{display: inline-block;width: 300px;height: 560px;margin-top: 60px;background: #fff;border: 1px solid #e6e6e6;border-radius: 3px;box-shadow: -1px -1px 5px #eee, 1px 1px 5px #eee;}
.cata-phone-tab{position: relative;display: inline-block;width: 100%;font-size: 0;cursor: pointer;border-bottom: 1px solid #c6c6c6;z-index: 2;}
.cata-phone-tab > div{position: relative;display: inline-block;padding: 15px 0;width: 50%;color: #666;font-size: 14px;}
.cata-phone-tab > div.active{color: #069b5b;border-bottom: 1px solid #069b5b;margin-bottom: -1px;}
.cata-phone-tab > div.active::before{content: "";display: block;position: absolute;left: 69px;/* bottom: -1px;*/bottom: 0px;border-style: solid;border-width: 7px;border-color: transparent;border-bottom-color: #069b5b;}
.nav-component{display: inline-block;width: 100%;vertical-align: top;text-align: left;}
.nav-component .group-page-container{max-height: 500px;line-height: 32px;color: #666;background-color: #fff;/* text-indent: 34px;*/overflow-y: auto;}
.nav-component .group-page-nav .group-nav{position: relative;cursor: pointer;line-height: 40px;border-bottom: 1px solid #d6d6d6;z-index: 1;/* margin-bottom: 10px;*/}
.nav-component .group-page-nav.active .group-nav{box-shadow: 0 0 7px #C7C5C5;border-bottom: none;}
.group-page-nav .group-nav .icon-folder{margin-left: 32px;/*width: 16px;margin-right: 5px;*/display: inline-block;height: 16px;font-size: 16px;vertical-align: middle;}
.group-page-nav .group-nav .group-nav-text{vertical-align: middle;}
.group-page-nav .group-nav::after{content: "";display: block;position: absolute;top: 16px;left: 12px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #666;border-right: 0;transition: all linear .3s;}
.group-page-nav.active .group-nav::after{transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);}
.nav-component .group-page-nav .page-navs{display: none;color: #666;cursor: pointer;}
.nav-component .group-page-nav.active .page-navs{display: block;}
.nav-component .group-page-nav .page-navs li{box-sizing: border-box;-webkit-box-sizing: border-box;}
.nav-component .group-page-nav .page-navs .page-nav{position: relative;padding-left: 15px;line-height: 35px;background-color: #fff;border-bottom: 1px solid #eaeaea;white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis;}
.nav-component .group-page-nav .page-navs .active{color: #069b5b;border: 1px solid #069b5b;outline: 1px solid #069b5b;z-index: 1;}
.phone-6plus{position: relative;display: inline-block;width: 332px;height: 678px;margin-left: 60px;margin-right: 60px;vertical-align: top;z-index:9;}
.phone-6plus{width: 332px;height: 670px; background:url(../images/6s.png) 0 0 no-repeat;background-size: 100% 100%;}
.service-component{display: inline-block;width: 300px;height: 560px;/* padding: 30px;*/margin-top: 60px;background: #fff;border: 1px solid #e6e6e6;border-radius: 3px;box-shadow: -1px -1px 5px #eee, 1px 1px 5px #eee;vertical-align: top;}
.service-component{display: inline-block;width: 300px;height: 560px;/* padding: 30px;*/margin-top: 60px;background: #fff;border: 1px solid #e6e6e6;border-radius: 3px;box-shadow: -1px -1px 5px #eee, 1px 1px 5px #eee;vertical-align: top;}
.code-container{position: relative;display: inline-block;width: 200px;height: 202px;margin: 40px 0 10px;border: 1px solid #ddd;}
.service-component.normal .code-container{margin-top: 20px;margin-bottom: 15px;}
.preview-code{width: 200px;height: 200px;}
.service-component .code-container-text{color: #535353;font-size: 14px;color:#069b5b;}
.serve-link-wrap { padding:30px 35px 0px 35px;}
.serve-link-wrap a { display:block; width:120px; height:30px; line-height:30px; text-align:center; border:1px solid #eaeaea; margin:10px auto;}
.serve-link-wrap a:hover { color:#069b5b; border:1px solid #069b5b;}
.tabs-content-ps{ width:285px; height:490px; margin:0 auto; margin-top:85px; border:2px solid #000;}
.tabs-content-ps img { width:100%; height:100%;}
.tabs-content-ps .tab-content-div{ display:none; width:100%; height:100%;}
.tabs-content-ps .tab-content-div.tab-content-active{ display:block;}
.code-container-box{ font-size:14px; color:#4a4a4a;}
.branch-block-down { text-align: center; padding-top: 512px;}


.h-banner { height:259px; background:url(../images/p-banner.jpg) center center no-repeat;}
.mg-wrap{ background:#fff;}
.caltor{ position:relative;}
.caltor:before { position:absolute; background:#dfdfdf; height:1px; left:0; right:0; top:55px; content:"";}
.calculator{ float:left; width:70%;}
.calculator-title{ height:55px; line-height:55px;font-size: 18px;color: #3b3b3b;}
.calculator-title span { display:inline-block; vertical-align:top; height:52px; line-height:55px; border-bottom:3px solid #ffcb2f; padding:0 20px;}
.calculator-ul{ padding:20px 0;}
.calculator-ul ul li { float:left; line-height:30px; padding:8px 0;}
.calculator-ul ul li .j-label { float:left; width:105px; font-size:16px; color:#4c4c4c;}
.calculator-ul ul li .j-text{ float:left; width:200px; position:relative; margin-right:20px;}
.calculator-ul ul li .j-text label { margin-right:20px; font-size:16px;}
.calculator-ul ul li .j-text .input { background:#f1f1f1; width:100%; box-sizing:border-box; padding:0 30px 0 15px; height:30px; line-height:30px; border:none;}
.calculator-ul ul li .j-text .j-unit { font-size:14px; position:absolute; right:10px; top:0;}
.calculator-ul ul li:nth-of-type(2n) .j-text { margin-right:0;}
.calculator-ul ul li .assment-btn { height:45px; line-height:45px; text-align:center; padding:0 25px; font-size:18px; background:#fbcc3e; color:#fff; display:block; margin-left:25px; margin-top:-15px;}
.calculator-value{ float:left; width:30%;}
.calculator-j{ padding:20px 0;}
.calculator-j ul li { border-bottom:1px solid #ddd; font-size:18px; line-height:48px; color:#898989; padding:8px 0 0 0;}
.calculator-j ul li:last-child { border-bottom:none;}
.calculator-j ul li span { font-size:48px; color:#4c4c4c; padding:0 10px;}
.calculator-j ul li font{ font-size:12px;}
.tabs-corebox{ background:#2fba7e; height:150px; text-align:center;}
.tabs-corebox ul li { display:inline-block; padding:40px 15px 35px 15px; position:relative;}
.tabs-corebox ul li:hover { cursor:pointer;}
.tabs-corebox ul li.active:before { content: "";display: block;position: absolute;left: 50%; margin-left:-7px;bottom:-1px;border-style: solid;border-width: 14px;border-color: transparent;border-bottom-color: #fff;}
.tab-i-span i { width:55px; height:55px; display:block;}
.tab-i-span i.i-t1 { background:url(../images/i-t1.png) center center no-repeat;}
.tab-i-span i.i-t2 { background:url(../images/i-t2.png) center center no-repeat;}
.tab-i-span i.i-t3 { background:url(../images/i-t3.png) center center no-repeat;}
.tab-i-span i.i-t4 { background:url(../images/i-t4.png) center center no-repeat;}
.core-tab-box{ position:relative;}
.core-tab-box .tab-i-span{ position:absolute; left:0; top:0;}
.core-tab-box .core-tab-m { padding-left:65px; text-align:left;}
.core-tab-box .core-tab-m p{ font-size:18px; color:#4c4c4c;}
.core-tab-box .core-tab-m .core-value { font-size:14px; color:#4c4c4c; line-height:40px;}
.core-tab-box .core-tab-m .core-value span { font-size:34px; color:#fff; padding:0 3px;}
.core-describe{ float:left;}
.core-describe h2 { font-size:40px; color:#4c4c4c; padding:100px 0 80px 0;}
.core-describe h2 span { padding:0 30px;}
.core-text{ position:relative; padding-bottom:80px;}
.core-text:before{ content:""; position:absolute; left:22px; top:0; bottom:0; border-right:1px dotted #ccc;}
.core-text-list{ position:relative; padding-left:80px; padding-bottom:60px;}
.core-text-list .core-v0{ display:block; width:45px; height:45px; line-height:45px; text-align:center; font-size:18px; color:#fff; background:#6687cc; border-radius:999em; position:absolute; left:0; top:0;}
.core-text-list:nth-of-type(2n) .core-v0 { background:#ff5a4a;}
.core-text-list:nth-of-type(3n) .core-v0 { background:#828282;}
.core-text-list p{ font-size:16px; line-height:32px;}
.core-text-list p span { color:#ff0000; font-size:24px; padding:0 5px;}
.core-text-list p a{ color:#005aff; padding-right:20px; text-decoration:underline;}
.generate-btn{ display:inline-block; font-size:14px; color:#4c4c4c; border:1px solid #4c4c4c; line-height:38px; padding:0 20px; margin-top:30px; margin-right:20px;}
.generate-btn:hover { background:#2fba7e; color:#fff; border:1px solid #2fba7e;}
.core-r-pic{ float:right; margin-top:160px;}
.core-r-pic ul li { width:380px; height:178px; position:relative; margin-bottom:10px;}
.core-r-pic ul li img { width:100%; height:100%;}
.core-r-pic ul li p{ position:absolute; bottom:0; left:0; right:0; background:rgba(51,59,70,0.8); text-align:center; color:#fff; font-size:16px; line-height:40px;}
.ui-mbox3{ background:url(../images/map1.png) right center no-repeat;}
.main-ublock{ background:#333b46; padding:100px 0; text-align:center;}
.site-title h2 { font-size:40px; color:#fff;}
.site-title h2 span { padding:0 35px;}
.site-title p{ font-size:15px; color:#777; padding-top:20px;}
.site-list ul li{ display:inline-block; margin:0 20px; background:url(../images/sd-bg.png) 0 0 no-repeat; width:133px; height:160px;transition: all 1s ease 0s; position:relative; overflow:hidden; border-radius:999em;}
.site-list ul li .t-box { position:absolute; left:8px;top:8px; right:8px; bottom:8px; overflow:hidden; border-radius:999em;}
.site-list ul li .t-box1{ position:absolute; left:0; bottom:0; width:117px; height:117px;transition: all 1s ease 0s; opacity:1; border-radius:999em; overflow:hidden;}
.site-list ul li .t-box2{ position:absolute; left:-123px; bottom:0; width:117px; height:117px;transition: all 1s ease 0s; opacity:0;}
.site-list ul li .t-box2 h3 { color:#fff;}
.site-list ul li .t-box2 p { color:#fff; opacity:0.7;}
.site-list ul li:first-child { margin-left:0;}
.site-list ul li:hover{ background:url(../images/sd-bghover.png) 0 0 no-repeat; cursor:pointer;}
.site-list ul li:hover .t-box1{ left:133px; opacity:0;}
.site-list ul li:hover .t-box2{ left:0px; opacity:1;}
.site-list ul li:last-child { margin-right:0;}
.site-list ul li h3 { font-size:20px; color:#333b46; padding-top:25px; padding-bottom:6px;}
.site-list ul li p{ font-size:12px;}
.site-center{ padding:60px 0 30px 0;}
.site-sub{ position:relative; height:20px; line-height:20px; margin-bottom:30px;}
.site-sub:before{ position:absolute; left:0; right:0; height:2px; background:#069b5b; content:""; top:50%; margin-top:-1px; z-index:2;}
.site-sub span { position:relative; z-index:9; display:block; float:left; width:33.33%;}
.site-sub span:first-child font{ margin-left:95px;}
.site-sub span:last-child font{ margin-right:95px;}
.site-sub span font{ display:inline-block; background:#333b46; font-size:14px; padding:0 15px; color:#fff; position:relative;}
.site-sub span:nth-of-type(2n) font:before { content:""; width:18px; height:2px; position:absolute; background:#333b46; left:-40px; top:9px;}
.site-sub span:nth-of-type(2n) font:after { content:""; width:18px; height:2px; position:absolute; background:#333b46; right:-40px; top:9px;}
.tabs-ubox { display:none;}
.tabs-ubox.active{ display:block;}
.service-list { padding-top:80px;}
.service-list ul li { display:inline-block; padding:0 25px;}
.service-list ul li span { display:inline-block; vertical-align:top; width:81px; height:72px;}
.service-list ul li span.b-1{ background:url(../images/b-1.png) 0 0 no-repeat;}
.service-list ul li span.b-2{ background:url(../images/b-2.png) 0 0 no-repeat;}
.service-list ul li span.b-3{ background:url(../images/b-3.png) 0 0 no-repeat;}
.service-list ul li span.b-4{ background:url(../images/b-4.png) 0 0 no-repeat;}
.service-list ul li span.b-5{ background:url(../images/b-5.png) 0 0 no-repeat;}
.service-list ul li span.b-6{ background:url(../images/b-6.png) 0 0 no-repeat;}
.service-list ul li h4 { font-size:18px; color:#fff; padding:15px 0;}
.service-list ul li p{ font-size:14px; color:#686a6c; line-height:28px; padding-left:8px; background:url(../images/dot-bg.png) left center no-repeat;}
.resour-left{ float:left;}
.resour-right{ float:left; text-align:left; margin-left:20px;}
.resour-right h2 {font-size: 40px;color: #fff; margin-bottom:50px;}
.resour-right h2 span { padding:0 35px;}
.resour-right img { padding-left:30px;}
.k-center { padding-top:50px;}
.k-center ul{ display:inline-block; text-align:left; padding:0 60px;}
.k-center ul li { font-size:18px; line-height:60px; color:#ebebeb; background:url(../images/q.png) left center no-repeat; padding-left:25px;}

.video-banner{ height:510px; background:url(../images/v-banner.jpg) center center no-repeat;}
.v-title{ font-size:60px; color:#fff; text-align:center; padding-top:120px; text-shadow:0 2px 3px rgba(0,0,0,0.5)}
.v-play{ width:155px; height:155px;margin:25px auto;position:relative;}
.v-play span { display:block; position:absolute; width:129px; height:129px;border-radius:999em; background:rgba(255,255,255,0.2);animation:fadeOutIn 2.4s infinite;-webkit-animation:fadeOutIn 2.4s infinite; margin:13px;}
.v-play img { width:129px; height:129px; margin:13px;}
.v-name{ font-size:18px; color:#fff; text-align:center;}

.all_wrap .page{width: 100%;overflow: hidden;background: #F5F5F5; padding:80px 0; position:relative;}
#intro_top{width: 100%;height: 100%;background: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/webapp_home/img/banner.jpg) 0 bottom no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;color: #fff;font-size: 5vmin;text-align: center;line-height: 10em;}
.intro_show{max-width:1200px;height: 100%;margin: auto; position:relative;}
.animate_content{width: 49%;height: 100%;display: inline-block;position: relative;}
.intro{position: absolute;}
.first_intro_1{left:0;top: 0;}
.first_intro_2{top:0;left: 20%;}
.first_intro_3{width: 30%;right: 10%;top: 10%;}
.second_intro_1{width: 40%;height: 80%;left: 40%;top: 10%;}
.second_intro_2{top:15%;left:0;}
.third_intro_1{left: 0;top:0;}
.third_intro_2{top: 10%;left:20%;}
.four_intro_1{left: 10%;top:0;}
.four_intro_2{top:0;left: 18%;}
.five_intro_1{top: 10%;left:0;}
.five_intro_2{top:2%;left: 20%;}
.five_intro_3{width: 23%;top: 30%;left: 30%;}
.six_intro_1{top:0;left:0;}
.six_intro_2{width: 26%;top: 4%;left: 27%;}
.seven_intro_1{ left:50%; top:0; margin-left:-212px;}
.seven_intro_2{ left:20%; bottom:-10%; z-index:3;}
.seven_intro_3{ left:48%; bottom:-10%; z-index:2}
.eight_intro_1{ left:50%; margin-left:-250px; top:0;}
.eight_intro_2{ left:50%; margin-left:-100px; top:0;}
.eight_intro_3 { left:50%; margin-left:-280px; bottom:0;}
.nine_intro_1{ left:50%; margin-left:-345px; top:0;}
.nine_intro_2{ left:50%; margin-left:-170px; top:22%;}
.ten_intro_1{ left:50%; margin-left:-228px; top:0;}
.ten_intro_2{ left:50%; margin-left:-165px; bottom:0;}
.first_intro-s1{ position:absolute; left:50%; margin-left:-150px; top:0;}
.first_intro-s2{ position:absolute; bottom:0; left:0;}
.first_intro-s3{ position:absolute; top:80px; right:30px;}
.second_intro_s1{ position:absolute; right:0; top:50px; z-index:9;}
.second_intro_s2{ position:absolute; right:150px; top:80px; z-index:8;}
.second_intro_s3{ position:absolute; right:300px; top:110px; z-index:7;}
.third_intro_s1{ position:absolute; left:50%; margin-left:-251px; top:0}
.third_intro_s2{ position:absolute; left:50%; margin-left:-128px; top:0;}
.four_intro_s1{ position:absolute; right:220px; bottom:0; z-index:2;}
.four_intro_s2{ position:absolute; right:0; top:0; z-index:1;}
.five_intro_s1{ position:absolute; top:0; left:0;}
.six_intro_s1{ position:absolute; right:220px; bottom:50px; z-index:2;}
.six_intro_s2{ position:absolute; right:0; top:0; z-index:1;}
.intro_title{text-align: center;font-size:38px;position: relative;top: -38%; color:#4c4c4c;}
.detail{text-align: center;font-size: 2.3vmin;color: #8E8E8E;position: relative;top: -31%;margin: 0 auto;}
.left_title{margin-bottom:5px; font-size:22px; color:#777;}
.fadeInRight{animation:fadeInRight 0.7s 0s ease both;-webkit-animation:fadeInRight 0.7s 0s ease both;-moz-animation:fadeInRight 0.7s 0s ease both;-ms-animation:fadeInRight 0.7s 0s ease both;}
.fadeInLeft{animation:fadeInLeft 0.7s 0.3s ease both;-webkit-animation:fadeInLeft 0.7s 0.3s ease both;-moz-animation:fadeInLeft 0.7s 0.3s ease both;-ms-animation:fadeInLeft 0.7s 0.3s ease both;}
.fadeInTop{animation:fadeInTop 0.7s 0.3s ease both;-webkit-animation:fadeInTop 0.7s 0.3s ease both;-moz-animation:fadeInTop 0.7s 0.3s ease both;-ms-animation:fadeInTop 0.7s 0.3s ease both;}
.faseInDown{animation:faseInDown 0.7s 0.3s ease both;-webkit-animation:faseInDown 0.7s 0.3s ease both;-moz-animation:faseInDown 0.7s 0.3s ease both;-ms-animation:faseInDown 0.7s 0.3s ease both;}
.coins{animation:coins 0.7s 0s ease both;-webkit-animation:coins 0.7s 0s ease both;-moz-animation:coins 0.7s 0s ease both;-ms-animation:coins 0.7s 0s ease both;}
.toSmall{animation: toSmall 1s 0.3s ease both;-webkit-animation: toSmall 1s 0.3s ease both;-moz-animation: toSmall 1s 0.3s ease both;-o-animation: toSmall 1s 0.3s ease both;-ms-animation: toSmall 1s 0.3s ease both;}
.fadeInup{animation:fadeInup 0.7s 0.3s ease both;-webkit-animation:fadeInup 0.7s 0.3s ease both;-moz-animation:fadeInup 0.7s 0.3s ease both;-ms-animation:fadeInup 0.7s 0.3s ease both;}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50%);}
100%{opacity:1;transform:translateX(0);}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50%);}
100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-50%);}
100%{opacity:1;-moz-transform:translateX(0);}}@-ms-keyframes fadeInLeft{0%{opacity:0;-ms-transform:translateX(-50%);}
100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(50%);}
100%{opacity:1;transform:translateX(0);}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50%);}
100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(50%);}
100%{opacity:1;-moz-transform:translateX(0);}}@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(50%);}
100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50%);}
100%{opacity:1;transform:translateY(0);}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-50%);}
100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInTop{0%{opacity:0;-moz-transform:translateY(-50%);}
100%{opacity:1;-moz-transform:translateY(0);}}@-ms-keyframes fadeInTop{0%{opacity:0;-ms-transform:translateY(-50%);}
100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes faseInDown{0,50%{opacity:0;transform:translateY(0);}
50%{opacity:0;transform:translateY(100%);}
100%{opacity:1;transform:translateY(0);}}@-webkit-keyframes faseInDown{0%,50%{opacity:0;-webkit-transform:translateY(0);}
50%{opacity:0;-webkit-transform:translateY(100%);}
100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes faseInDown{0%,50%{opacity:0;-moz-transform:translateY(0);}
50%{opacity:0;-moz-transform:translateY(-100%);}
100%{opacity:1;-moz-transform:translateY(0);}}@-ms-keyframes faseInDown{0%,50%{opacity:0;-ms-transform:translateY(0);}
50%{opacity:0;-ms-transform:translateY(-100%);}
100%{opacity:1;-ms-transform:translateY(0)}}
@keyframes coins{from, to{transform: scale(1, 1);}
0%{opacity:0;transform: scale(0, 0);}
100%{opacity:1;transform: scale(1, 1);}}@-webkit-keyframes coins{from, to{-webkit-transform: scale(1, 1);}
0%{opacity:0;-webkit-transform: scale(0, 0);}
100%{opacity:1;-webkit-transform: scale(1, 1);}}@-moz-keyframes coins{from, to{-moz-transform: scale(1, 1);}
0%{opacity:0;-moz-transform: scale(0, 0);}
100%{opacity:1;-moz-transform: scale(1, 1);}}@-ms-keyframes coins{from, to{-ms-transform: scale(1, 1);}
0%{opacity:0;-ms-transform: scale(0, 0);}
100%{opacity:1;-ms-transform: scale(1, 1);}}
@keyframes toSmall{0%{opacity:0;transform: scale(2);}
100%{opacity:1;transform: scale(1);}}@-webkit-keyframes toSmall{0%{opacity:0;-webkit-transform: scale(2);}
100%{opacity:1;-webkit-transform: scale(1);}}@-moz-keyframes toSmall{0%{opacity:0;-moz-transform: scale(2);}
100%{opacity:1;-moz-transform: scale(1);}}@-o-keyframes toSmall{0%{opacity:0;-o-transform: scale(2);}
100%{opacity:1;-o-transform: scale(1);}}@-ms-keyframes toSmall{0%{opacity:0;-ms-transform: scale(2);}
100%{opacity:1;-ms-transform: scale(1);}}
@keyframes fadeInup{0%{opacity:0;transform:translateY(50%);}
100%{opacity:1;transform:translateX(0);}}@-webkit-keyframes fadeInup{0%{opacity:0;-webkit-transform:translateY(50%);}
100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInup{0%{opacity:0;-moz-transform:translateY(50%);}
100%{opacity:1;-moz-transform:translateX(0);}}@-ms-keyframes fadeInup{0%{opacity:0;-ms-transform:translateY(50%);}
100%{opacity:1;-ms-transform:translateX(0);}}
.video{background-color: rgba(0,0,0,0.5);z-index: 99999;position: fixed;width: 100%;height: 100%;top: 0;left: 0;}
.video video{position: relative;display: block;width: 700px;height: 525px;}
.video .close{cursor: pointer;position: absolute;top: 0;right: -50px;width: 30px;height: 30px;text-align: center;line-height: 30px;color: #fff;border: 2px solid #fff;border-radius: 50%;font-size: 30px;}
.video .close:hover{background-color: #e43a3a;}
.a-btn{display: block;margin: 0 auto;color: #fff;background-color: #fdcb2e;width: 22vmin;height: 5.6vmin;line-height: 5.6vmin;text-align: center;border-radius: 2px;font-size: 2.3vmin;}
.scroll{display: none;background-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/pc/index/img/scrollUp1.png);width: 44px;height: 44px;background-size: 100% 100%;position: fixed;bottom: 50px;right: 40px;}
.scroll:hover{background-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/pc/index/img/scrollUp2.png);}


@keyframes fadeOutIn{0%{transform: scale(1);opacity: 0.15}
100%{transform: scale(1.2);opacity: 1}
/*100%{transform: scale(1);opacity: 0.15}*/}
@-webkit-keyframes fadeOutIn{0%{-webkit-transform: scale(1);opacity: 0.15}
100%{-webkit-transform: scale(1.2);opacity: 1}
/*100%{-webkit-transform: scale(1);opacity: 0.15}*/}
@-moz-keyframes fadeOutIn{0%{-moz-transform: scale(1);opacity: 0.15}
100%{-moz-transform: scale(1.2);opacity: 1}
/*100%{-moz-transform: scale(1);opacity: 0.15}*/}
@-ms-keyframes fadeOutIn{0%{-ms-transform: scale(1);opacity: 0.15}
100%{-ms-transform: scale(1.2);opacity: 1}
/*100%{-ms-transform: scale(1);opacity: 0.15}*/}
@-o-keyframes fadeOutIn{0%{-o-transform: scale(1);opacity: 0.15}
100%{-o-transform: scale(1.2);opacity: 1}
/*100%{-o-transform: scale(1);opacity: 0.15}*/}


.data-banner { height:510px; position:relative; background:url(../pic/brand/data_banner.jpg) center top no-repeat;}
.data-banner .content{ height:100%;}
.data-banner-center{ position:absolute; z-index:10; left:0; top:50%; right:0; margin-top:-60px;}
.data-banner-center p{ font-size:43px; color:#fff;}
.data-banner-center a { display:inline-block; font-size:18px; color:#fff; border:2px solid #fff; line-height:32px; padding:0 25px; margin-top:25px;}
.all_wrap .page-center {width: 100%;overflow: hidden;background: #F5F5F5;}
.all_wrap .page-center .content{ }
.data-box2{ height:680px; background:url(../pic/brand/mg.jpg) center top no-repeat;}
.data-box2-left h2 { font-size:40px; color:#fff;}
.data-box2-left h2 span { padding:0 30px;}
.first_intro_d1{ left:50%; margin-left:-275px; top:50%; margin-top:-187px;}
.first_intro_d2{ left:50%; top:50%; margin-top:-120px; margin-left:150px;}
.data-box2-left{ position:relative; margin-top:-38%;}
.data-box2-left ul li { line-height:55px; color:#fff; font-size:24px;}
.data-box2-left ul li i { display:inline-block; width:10px; height:10px; border-radius:999em; background:#fff; margin-right:10px;}
.data-box3{ padding:60px 0; position:relative;}
.applic-list { text-align:center; padding:50px 0;}
.applic-list ul li { display:inline-block; padding:0 25px;}
.applic-list ul li i{ font-size:40px; color:#7b7b7b;}
.applic-list ul li p{ font-size:18px; color:#4c4c4c; padding-top:8px;}
.msg-list ul li { float:left; width:20%;}
.msg-list ul li .msg-t-box{position:relative; margin:7px;}
.msg-list ul li .msg-t-box img { width:100%; vertical-align:top;}
.msg-list ul li .msg-t-box .msg-bm{ height:40px; line-height:40px; background:rgba(1,27,56,0.6); color:#fff; font-size:16px; position:absolute; left:0; right:0; bottom:0; padding:0 15px;}
.msg-list ul li .msg-t-box .msg-bm span { padding-left:5px; font-size:22px;}
.data-box1{ background:url(../pic/brand/data-fbg.jpg) center top no-repeat; height:635px;}
.data-box1-tv{ float:left; background:url(../pic/brand/tv.png) 0 0 no-repeat; width:736px; height:461px; margin-top:100px;}
.data-box1-center{ width:700px; height:398px; background:#fff; margin:15px 0 0 17px; position:relative;}
.data-hover-box{ position:absolute; z-index:20; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); line-height:398px; text-align:center; display:none;}
.data-hover-box a{ display:inline-block; line-height:38px; background:#2fba7e; padding:0 25px; color:#fff; font-size:14px;}
.data-box1-center:hover .data-hover-box { display:block;}
.data-box1-center .ck-slide{ width:700px; height:398px;}
.data-box1-center .ck-slide-dir {width:700px; height:398px;}
.data-box1-center .ck-slide ul.ck-slide-wrapper { height:398px;}
.data-box1-center .ck-slide ul.ck-slide-wrapper li img { width:700px; height:398px;}
.data-box1-center .ck-slidebox { position:absolute; left:0; right:0; bottom:0; z-index:10; height:30px; text-align:center;margin-left:0 !important;}
.data-box1-center .ck-slidebox ul li{ display:inline-block;border-radius:999em; margin:0 3px;}
.data-box1-center .ck-slidebox ul li em{ display: block;width: 10px;height: 10px;border-radius:999em;background-color: #89888a;text-indent: -9999px;cursor: pointer;}
.data-box1-center .ck-slidebox ul li.current em { background:#297657;}
.tbox{ max-width:1280px; margin:0 auto; position:relative;}
.data-box1-text{ padding:60px 0 0 0; float:right;}
.data-box1-center iframe body{-webkit-transform: scale(0.8,0.8);-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 500ms;	-moz-transform: scale(0.8,0.8);	-moz-transition-timing-function: ease-out;	-moz-transition-duration: 500ms;}
.second_intro_w1{ top:0; left:50%; margin-left:-264px;}
.second_intro_w2{ bottom:0; left:50%; margin-left:-272px;}
.third_intro_w1{ left:50%; top:0; margin-left:-320px;}
.third_intro_w2{ right:-100px; bottom:-30px;}
.five_intro_w1{ left:50%; margin-left:-292px; top:0;}
.five_intro_w2{ left:50%; margin-left:-144px; top:0;}
.six_intro_w1{ left:0; top:0}
.seven_intro_w1{ left:0; top:0;}
.seven_intro_w2{ left:60px; top:-30px;}
.seven_intro_w{ top:0; left:50%; margin-left:-262px;}
.dot-management-main{ height:770px; background:url(../images/dot-map.png) center top no-repeat; position:relative;}
.dot-management-main:before{ position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(0,27,50,0.74); z-index:1; content:"";}
.dot-center{ position:relative; z-index:10; padding:90px 0; text-align:center;}
.dot-center .index-title h1 { color:#fff;}
.dot-sitelist { margin-top:50px;}
.dot-sitelist ul li{ display:inline-block; vertical-align:top; padding:0 50px; color:#fff;}
.dot-sitelist ul li h3{ font-size:32px; padding-bottom:5px;}
.dot-sitelist ul li p{ font-size:18px;}
.dot-entr{ color:#fff; margin-top:80px;}
.dot-entr p{ font-size:18px; padding-bottom:25px;}
.dot-entr a { display:inline-block; height:38px; line-height:38px; border:2px solid rgba(255,255,255,0.8); color:#fff; font-size:16px; padding:0 30px; margin:0 5px;}
.dot-t-box{ background:#fff; padding:20px; position:relative; width:330px; margin-bottom:18px; padding-left:70px;}
.dot-t-box span { width:48px; height:48px; line-height:48px; text-align:center; background:#2fba7e; font-size:18px; color:#fff; display:block; position:absolute; left:0; top:22px;}
.dot-t-box { float:right;}
.dot-t-box h2 { font-size:30px; color:#2fba7e; line-height:48px;}
.dot-t-box ul li { display:inline-block; font-size:16px; color:#5e5e5e; line-height:36px; min-width:33.33%; margin-left:-3px;}
.dot-t-box:nth-of-type(2n) ul li{ width:50%;}
.bbtpic{ margin-top:50px;}
.dot-t-r{ position:absolute; right:0; top:150px;}
.dot-left_top{ width:38%; right:0; top:100px; height:70px; position:absolute;}
.dot-left_top div{height: 100%;background: #2fba7e;float: left;}
.dot-left_top_1{ width:4%;}
.dot-left_top_2{ width: 10%; margin-left: 2%;}
.dot-left_top_3{ width: 15%;margin-left: 2%;}
.dot-left_top_4{ width: 65%;margin-left: 2%;}
.eight_intro_w2{ right:0; top:5px;}

.tabs-help{ background:#fff; border-bottom:1px solid #dfdfdf; padding:10px 0;}
.tabs-help ul li { position:relative; line-height:48px;}
.tabs-help ul li label{ font-size:18px; float:left;}
.tabs-help ul li .hd-choice { margin-left:100px;}
.tabs-help ul li .hd-choice a { display:inline-block; width:120px; height:30px; line-height:30px; text-align:center; border:1px solid #eee; font-size:16px; margin-right:10px;}
.tabs-help ul li .hd-choice a.active,.tabs-help ul li .hd-choice a:hover{ background:#fbcc3e; color:#fff; border:1px solid #fbcc3e;}
.help-list { margin:40px 0;}
.help-list ul { float:left; width:33.33%;}
.help-list ul li { padding:0 6px;}
.help-block{ background:#fff; margin-bottom:12px; padding:30px;}
.help-block h2 { font-size:24px; color:#6e6a65; padding-bottom:20px;}
.help-text{ font-size:14px; line-height:30px; color:#777; max-height:120px; overflow:hidden;}
.help-link{ text-align:right; padding-top:8px;}
.help-link a { font-size:14px; color:#ff6600;}
.helproblem-list{ margin:40px 0;}
.helproblem-list ul{ float:left; width:33.33%;}
.helproblem-list ul li{ padding:0 6px;}
.help-ask { position:relative;}
.help-ispan,.A-qspan { position:absolute; left:0; top:0; font-size:24px; color:#6e6a65; line-height:30px;}
.help-ask-w,.A-text{ margin-left:45px; font-size:24px; line-height:30px;}
.help-answer,.help-A-q,.help-A-a{ position:relative;}
.help-utext { margin-left:45px;}
.help-utext p{ font-size:14px; color:#777; line-height:30px; max-height:120px; overflow:hidden;}
.help-details{ background:#fff; margin:30px 0; padding:40px;}
.help-back{ font-size:18px; line-height:30px; padding-bottom:30px;}
.help-back a:hover { color:#ff6600;}
.help-title{ text-align:center; font-size:24px; color:#6a6a6a; margin-bottom:40px;}
.A-text h2{ font-size: 24px;color: #6e6a65;padding-bottom: 20px;}
.A-atext{ margin-left:45px; line-height:30px; font-size:14px;}
.layer{ position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.8); z-index:99;}
.layer-wrap{ width:1000px;height:550px; background:#000; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-275px;}
.help-xtext{ font-size:14px; line-height:28px;}

@media screen and (max-width: 1366px) {
.example-left-con{ width:34%;}
.example-right-con{ width:66%;}
}

@media screen and (max-width: 1280px) {
	.index-box1,.index-box2,.index-box3,.intro_show{ -webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
	.tbox{-webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
}

@media screen and (max-width: 1200px) {
.about-team ul li{ width:225px;}
.brand-main ul li{ width:220px; margin:18px;}
.int-mask{ height:220px;}
.int-mask img{ margin-top:35px;}
.phone-6plus{ margin-left:20px; margin-right:20px;}
.calculator-ul ul li .j-text{ width:130px;}
.tabs-corebox ul li{ padding:40px 5px 35px 5px;}
.core-tab-box .core-tab-m .core-value span { font-size:25px;}
.core-text-list{ width:500px;}
.site-list ul li{ margin:0 2px;}
.resour-left{ width:60%;}
.resour-left img { width:100%;}
.resour-right{ width:40%; margin-left:0;}
.resour-right img { width:100%; box-sizing:border-box;}
.k-center ul{ padding:0 30px;}
.ck-slide,.ck-slide-dir,.ck-slide ul.ck-slide-wrapper li img{ width:990px;}
.about-team ul li .team-pic{ width:225px; height:272px;}
.all_wrap .page{ padding:80px 0;}
.intro_show{-webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
.phone_animate_left{ width:32%;}
.phone_container{ width:68%; margin-left:0;}
.left_middle ul li{ font-size:20px;}
.left_middle ul li span { width:65px; height:65px; line-height:65px; margin-right:20px;}
.animate-k-text{ padding-left:45px;}
.animate-k-text h1{ font-size:34px;}
.animate-k-text ul li{ font-size:18px; line-height:45px; padding:0 20px;}
.example_text_container{ width:250px; padding:0 40px;}
.example_text_container h1 { font-size:30px; line-height:80px;}
.example_text_container p{ font-size:14px; line-height:26px; padding:30px 10px 20px 10px}
.example-duv a span{ font-size:12px; padding:0 10px;}
.swiper-slide .ex_box{ margin-left:15px; margin-bottom:15px;}
.swiper-slide .ex_box:before{left: -15px;top: -15px; bottom: -15x; right: -15px;}
.example-left-con{ width:32%; height:380px;}
.example-right-con{ width:68%; height:380px;}
.swiper-slide .ex_box{ width:280px; height:182px;}
.five_intro_s1{ width:550px; top:60px;}
.second_intro_s1{ width:560px; right:-50px;}
.data-box1-tv, .data-box2-right{-webkit-transform: scale(0.8,0.8);-moz-transform: scale(0.8,0.8);}
.data-box1-text{-webkit-transform: scale(0.7,0.7);-moz-transform: scale(0.7,0.7); position:absolute; right:-100px; top:0px;}
.bbtpic img{ width:650px;}
.dot-t-box{ width:270px;}
.dot-sitelist ul li{ padding:0 30px;}
.dot-cbox2 img { width:520px;}
.dot-cbox4 .third_intro_w1{ width:580px; margin-left:-290px;}
.dot-cbox6 .six_intro_w1 { width:600px; top:50px;}
.dot-cbox7 .seven_intro_w1{ width:500px;}
.dot-cbox8 .seven_intro_w{ width:480px; margin-left:-240px;}
.dot-cbox9 .eight_intro_w2 { width:520px; top:70px;}

}


/* 缃戠偣瀹樼綉-------------------- */
.laybg{ height: 620px;background:url(../images/laybg.jpg) center center no-repeat;background-size: cover;}



/* 2017-5-23--------------- */
.mt_intro_1{  left:0; top:0; z-index:9;}
.mt_intro_2{  left:30px; top:0; z-index:8;}
.mt_intro_3{  left:140px; bottom:20px; z-index:6;}
.zb_intro_1{ left:-50px; top:0;}
.zb_intro_2{ left:380px; top:0;}
.index-yuyue{ height:785px; background:url(../pic/brand/yuyue-img.jpg) center top no-repeat; padding:80px 0; box-sizing:border-box;}
.yu-img { width:1200px; margin:0 auto; text-align:center; display:block; margin-top:30px;}
.yu-img img { position:relative;}
.index-box-show{ text-align:center; padding-top:120px; width:100%;}
.index-box-show img { margin:10px 0; position:relative;}

@media screen and (max-width: 1200px) {
	.mt_intro_2{  left:20px; top:0; z-index:8;}
	.mt_intro_3{  left:100px; bottom:20px; z-index:6;}	
	.zb_intro_1{ left:-80px; top:0;}
	.zb_intro_2{ left:280px; top:0;}
	.yu-img { width:auto; padding:0 20px;}
	.yu-img img { position:relative; width:100%;}

}



.special-banner{ background:url(../images/sn/sn-banner.jpg) center top no-repeat; height:190px; padding-top:315px;}
.special-block{ height:55px; line-height:55px; background:#aa6464; color:#fff; font-size:21px; width:620px; text-align:center; margin:0 auto;}
.core-main { width:1220px; margin:0 auto; background:#fff; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc;}
.core-title { height:70px; background:#0a9dc9; line-height:70px; position:relative; padding:0 50px;}
.core-title h1 { font-size:32px; color:#fff; float:left;}
.core-title-head { line-height:70px; height:70px;}
.core-title-head .seelink{ height:37px; line-height:37px; display:inline-block; border-radius:10px; background:#fff; font-size:16px; color:#666; float:right; padding:0 20px; margin-top:15px;}
.core-title-left{ width:28px; height:84px; background:url(../images/sn/title-left.png) 0 0 no-repeat; display:block; position:absolute; left:-28px; top:0;}
.core-title-right{ width:26px; height:84px; background:url(../images/sn/title-right.png) 0 0 no-repeat; display:block; position:absolute; right:-26px; top:0;}
.core-headtitle{ padding:30px 50px; font-size:16px; color:#4c4c4c;}
.core-our-link { padding:0 0 20px 20px;}
.core-our-link ul li { float:left; border:1px solid #ebebeb; width:215px; height:104px; margin:0 10px 20px 10px;}
.honor-list { padding-bottom:20px;}
.honor-list ul li { float:left; text-align:center; width:33.33%; padding-bottom:20px;}
.honor-list ul li p { font-size:18px; color:#4c4c4c; padding-top:10px;}
.core-bktext{ float:left; margin-left:50px; width:450px;}
.core-bktext ul li { font-size:22px; color:#4c4c4c; position:relative; padding:15px 0 15px 20px; line-height:40px;}
.core-bktext ul li i{ width:6px; height:6px; display:block; position:absolute; background:#4c4c4c; border-radius:999em; left:0; top:30px;}
.core-bktext ul li span { color:#fd710d;}
.core-pic { float:left; padding:0 0 30px 50px;}
.lb-left { float:left; padding:40px; width:520px;}
.lb-left ul li { font-size:16px; color:#4f4f4f; position:relative; min-height:70px; padding-left:90px; margin:15px 0;}
.lb-left ul li span { width:70px; height:70px; border-radius:5px; display:block; position:absolute; left:0; top:0; font-size:18px; color:#fff; text-align:center; padding-top:15px; box-sizing:border-box; line-height:20px;}
.bl-list1 span { background:#94ba26;}
.bl-list2 span { background:#00cea5;}
.bl-list3 span { background:#a6a684;}
.bl-list4 span { background:#9ba1b3;}
.lb-right{ float:left; padding-top:40px;}
.guara-box{ padding:30px 40px; position:relative;}
.guara-box ul li { padding:10px 0;}
.guara-box ul li img { vertical-align:top;}
.guara-map{ position:absolute; right:40px; top:50px;}
.joint-box{ padding:40px 20px 40px 50px;}
.joint-left h2 { font-size:32px; color:#666; padding:10px 0 30px 0;}
.joint-left{ float:left;}
.joint-right { float:left; padding:20px 0 0 50px;}

.index-box6{ padding:20px 0;}
.abnormal-box{ position:relative; text-align:center; margin:60px 0 50px 0;}
.abnormal-box:before{ position:absolute; left:100px; right:100px; border-bottom:1px dotted #8a8a8a; content:""; top:50px; z-index:1; height:1px;}
.abnormal-box ul li { display:inline-block; vertical-align:top; padding:0 45px; position:relative; z-index:2;}
.abnormal-box ul li span{ display:inline-block; width:96px; height:96px; line-height:96px; text-align:center; border-radius:999em; background:#818181; vertical-align:top;}
.abnormal-box ul li span i { display:inline-block; width:65px; height:65px; vertical-align:middle;}
.abnormal-box ul li span i.i-b1{ background:url(../pic/brand/i-b1.png) 0 0 no-repeat;}
.abnormal-box ul li span i.i-b2{ background:url(../pic/brand/i-b2.png) 0 0 no-repeat;}
.abnormal-box ul li span i.i-b3{ background:url(../pic/brand/i-b3.png) 0 0 no-repeat;}
.abnormal-box ul li span i.i-b4{ background:url(../pic/brand/i-b4.png) 0 0 no-repeat;}
.abnormal-box ul li span i.i-b5{ background:url(../pic/brand/i-b5.png) 0 0 no-repeat;}
.abnormal-box ul li h3 { font-size:20px; padding:20px 0 0 0;}
.abnormal-box ul li p { font-size:15px; color:#6686cb;}
.abnormal-box ul li span.m-circle-x3 { background:#818181;}
.abnormal-box ul li span.m-circle-x4,.abnormal-box ul li span.m-circle-x5 { background:#ff4b4b;}

.market-box { height:720px; background:#f7f7f7 url(../pic/brand/contact-bg.png) right top no-repeat;}
.market-index-list { margin-top:20px;}
.market-index-list ul{ float:left; width:500px;}
.market-index-list ul li { float:left; margin-right:8px; margin-bottom:10px;}
.market-index-list ul li img { width:240px; height:144px;}
.market-index-list ul li p{ font-size:16px; color:#4c4c4c; line-height:35px;}
.market-v-pic{ float:left; padding-left:50px;}
@media screen and (max-width: 1200px) {
	.market-index-list ul{-webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
	.market-index-list .market-v-pic{ padding-left:0;}
	.market-index-list .market-v-pic img{ width:480px; margin-top:50px;}
}
.market-mv  { padding-top:100px;}
.market-mv .index-title{ text-align:left;}
.index-banner{ height:515px; background:url(../images/vimg/index-banner.jpg) center center no-repeat;}
.index-banner-box{ text-align:center; padding-top:300px;}
.index-banner-box p a{ line-height:35px; border:2px solid #4c4c4c; color:#4c4c4c; font-size:18px; padding:0 30px; display:inline-block; margin-top:20px;}
.index-banner-box p a

@media screen and (max-width: 1200px) {
	.core-main{ width:960px;}	
	.core-our-link ul li { width:166px; height:80px;}
	.core-our-link ul li img { width:100%; height:100%;}
	.joint-left h2 { font-size:24px;}
	.joint-box { padding:40px 20px 40px 40px}
	.joint-left img { width:420px;}
	.joint-right img { width:400px;}
	.guara-box{-webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9); padding:0;}
	.guara-map{ right:-50px; top:40px;}
	.guara-map img { width:400px;}
	.lb-left{ width:420px; padding:30px;}
	.lb-right{ padding-top:80px;}
	.lb-right img { width:450px;}
	.core-bktext ul li{ font-size:18px; line-height:32px; padding:10px 0 10px 20px;}
	.core-pic img { width:360px;}
	.market-index-list ul li img{ width:230px;}
	.abnormal-box ul li{ padding:0 20px;}
}

.app-title{ padding-top:30px;}
.app-title img { width:90px; height:90px;}
.app-title p { font-size:16px; color:#333;}


.branch-block-center{ height:688px; background:url(../images/branch_pc1.jpg) center top no-repeat;}
.branch-block-down{ text-align:center; padding-top:512px;}
.branch-block-down h4 { font-size:16px; color:#4c4c4c; line-height:20px;}
.branch-block-down p { font-size:14px; color:#909191;}
.download-btn{ display:inline-block; margin-top:10px; height:65px; line-height:65px; border-radius:10px; text-align:center; color:#fff; font-size:22px;
background:#296bc9;background-image:-webkit-linear-gradient(to top, #69a2fe, #1d61bf); background-image:linear-gradient(to top,#69a2fe,#1d61bf); padding:0 30px;}
.ico-down{ display:inline-block; width:30px; height:30px; background:url(../images/ico-rb.png) 0 0 no-repeat; vertical-align:middle; margin-right:8px;}
.download-btn:hover { color:#fff;}

.help-utext p img { width:100%;}



.branch-block-down { text-align: center; padding-top: 512px;}

.ui-mbox2{position:relative;}
.ui-mbox2 .t-phone{background:url(../images/ui-mbox2-bg.png) 0 0 no-repeat; height:727px; width:604px; position:absolute; right:-180px; bottom:0;}
.news-list{ padding:40px 0;}
.news-list ul { float:left; width:33.33%;}
.news-list ul li { padding:0 6px; margin-bottom:12px;}
.news-box{ background:#fff; padding:30px;height: 250px;}
.news-img img{ width:100%;    height: 200px; vertical-align:top;}
.news-title{ font-size:13px; line-height:26px; max-height:52px; overflow:hidden; color:#777; margin-top:10px;}
.news-title:hover { color:#ff6600;}


.branch-block-center{ height:688px; background:url(../images/branch_pc2.jpg) center top no-repeat;}
.branch-block-down{ text-align:center; padding-top:512px;}
.branch-block-down h4 { font-size:16px; color:#4c4c4c; line-height:20px;}
.branch-block-down p { font-size:14px; color:#909191;}
.download-btn{ display:inline-block; margin-top:10px; height:65px; line-height:65px; border-radius:10px; text-align:center; color:#fff; font-size:22px;
background:#296bc9;background-image:-webkit-linear-gradient(to top, #69a2fe, #1d61bf); background-image:linear-gradient(to top,#69a2fe,#1d61bf); padding:0 30px;}
.ico-down{ display:inline-block; width:30px; height:30px; background:url(../images/ico-rb.png) 0 0 no-repeat; vertical-align:middle; margin-right:8px;}
.download-btn:hover { color:#fff;}
.brand-block-center{ height:688px; background:url(../images/brand-pc1.jpg) center top no-repeat;}
.brand-block-down{ text-align:center; padding-top:512px;}
.brand-block-down h4 { font-size:16px; color:#fff; line-height:20px;}
.brand-block-down p { font-size:14px; color:#909191;}


.media-list{ padding:40px 50px;}
.media-list ul li{ position:relative; padding-left:35px; margin-bottom:30px;}
.media-list ul li h2{ font-size:22px; color:#5b5b5b;}
.media-list ul li  p{ font-size:14px; color:#5b5b5b;}
.media-img{ width:200px; margin-top:10px;}
.media-img img { width:200px;}
.media-list ul li span { width:15px; height:15px; border-radius:999px; background:#989898; position:absolute; left:0; top:8px; z-index:9;}
.media-list ul li i { width:1px; position:absolute; left:7px; top:10px; bottom:-40px; border-left:1px dashed #362e2b; z-index:8;}
.media-list ul li:hover span { background:#ff6600;}
.media-list ul li:hover h2,.media-list ul li:hover p{ color:#ff6600;}


.our-team table td{ padding:5px; position:relative; height:110px;}
.team-block{ position:absolute;left:5px; top:5px; right:5px; bottom:5px;text-align:center;}
.team-pic{ width:100%; height:100%;}
.team-pic img { width:100%; height:100%;}
.team-user-info{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:19; color:#fff; text-align:center; background:#2f6dba; padding:5px;}
.team-user-info h5{ font-size:16px; position:absolute; top:50%;left:0; right:0; text-align:center; margin-top:-20px; padding-bottom:5px;}
.team-user-info p { font-size:12px; color:#fff; position:absolute;left:0; right:0; text-align:center; top:52%; opacity:0.8;}
/*.team-pic{-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
.team-block:hover .team-pic{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}*/
/*.team-user-info	{-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}*/
/*.team-block:hover .team-user-info{-webkit-transform:rotateX(0deg) rotateY(0deg); -moz-transform:rotateX(0deg) rotate(0deg);}*/
.team-user-info {
    display:none;
}
.clock-block1{ background:#6bcb8b; }
.clock-block2{ background:#6bcbc9;}
.clock-block p {color:#fff; font-size:18px; line-height:110px;}
.clock-block p.v2{ line-height:230px;}
.tabshow{max-width:1200px;height:420px;position:relative;margin:40px auto 60px auto;}
.tabshow .hide{display:none;}
.tabshow .udbtn{display:block;width:220px;height:26px; line-height:26px; background:#d7d7d7; text-align:center;}
.tabshow .udbtn:hover { background:#999;}
.tabshow .uPrev i{ display:inline-block;width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff; margin-top:8px;}
.tabshow .dNext i{display:inline-block;width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff; margin-top:8px;}
.tabshow .tabTagBox{height:360px;width:220px;overflow:hidden;position:relative;z-index:9;margin:5px 0;}
.tabshow .tabTagBox .tabTagList{position:absolute;left:0;height:999em;}
.tabshow .tabTagBox li{float:left;width:220px;overflow:hidden;cursor:pointer; background:#f4f4f4; height:84px; margin:3px 0; position:relative;}
.tabshow .tabTagBox li .tabTagimg { width:80px; height:80px; position:absolute; left:0; top:0; border:2px solid #dadada;}
.tabshow .tabTagBox li .tabTagimg img { width:100%; height:100%;}
.tabshow .tabTagBox li .tabTagtext{ padding-left:100px;}
.tabshow .tabTagBox li .tabTagtext h2 { font-size:18px; color:#474747; font-weight:normal; padding-top:20px; line-height:24px;}
.tabshow .tabTagBox li .tabTagtext p{ font-size:14px; color:#474747;}
.tabshow .tabTagBox li.current { background:#474747;}
.tabshow .tabTagBox li.current .tabTagimg{ border:2px solid #ff3000;}
.tabshow .tabTagBox li.current .tabTagtext h2,.tabshow .tabTagBox li.current .tabTagtext p{ color:#fff;}

.tabshow .tabcon{position:absolute;top:0;right:0;z-index:1;height:420px; left:280px;overflow:hidden;}
.tabcon-block { position:relative; height:420px;}
.tabcon-img{ position:absolute; left:0; bottom:20px; width:300px; height:352px;}
.tabcon-right{ margin-left:320px; position:relative; height:420px;}
.tabcon-text{ position:absolute; left:80px; bottom:20px; z-index:9;}
.tabcon-text h2 { font-size:24px; color:#474747; font-weight:normal; padding-bottom:15px;}
.tabcon-text h2  span { color:#ff3000; font-size:14px; padding-left:5px;}
.tabcon-text p { color:#474747; font-size:14px; line-height:26px;}
.tabcon-my-bg{ position:absolute; left:0; top:40px;}
.tabcon-ming{ font-size:72px; color:#f1f1f1; line-height:72px;}
.tabcon-xing{ font-size:150px; color:#f1f1f1; line-height:150px;}
.tabcon-ming2{ font-size:120px; color:#f1f1f1; line-height:120px;}
.tabcon-img-rt{ width:104px; height:91px; position:absolute; z-index:2; background:url(../images/team/ft5.png) 0 0 no-repeat; right:0; top:-20px;}
.tabcon-img-lb{ width:104px; height:91px; position:absolute; z-index:2; background:url(../images/team/ft5.png) 0 0 no-repeat; left:0; bottom:-20px;}

@media screen and (max-width: 1200px) {
.our-team table td{ height:89px;}
}


/*鏂颁笓棰�*/
.process-main{ padding:60px 0;}
.process-title { border-left:6px solid #848484; padding-left:50px; margin-bottom:50px;}
.process-title h2{ font-size:48px; color:#4c4c4c; line-height:60px;}
.process-title h3 { font-size:36px; color:#4c4c4c; line-height:45px;}
.process-top{ width:1230px; margin:0 auto; background:url(../images/process-topbg.png) center top no-repeat; margin-left:-15px; margin-bottom:120px;}
.process-mf-left{ float:left; width:50%; height:690px; line-height:690px; text-align:center;}
.process-mf-left img { vertical-align:middle; max-width:100%; max-height:100%;}
.process-mf-right { float:right; width:50%; height:690px; line-height:690px; text-align:center;}
.process-mf-right img {vertical-align:middle; max-width:100%; max-height:100%;}
.process-text-left { width:50%; float:left; padding:25px 0 0 40px; box-sizing:border-box;}
.process-text-left ul { padding:30px 40px 0 80px;}
.process-text-left ul li{ width:50%; float:left; color:#0072ff; font-size:15px;}
.process-text-right { width:50%; float:left;  padding:25px 40px 0 0;box-sizing:border-box; text-align:right;}
.process-text-right ul { padding:30px 0 0 60px;}
.process-text-right ul li {width:50%; float:left; color:#ff0000; font-size:15px; text-align:left;}
.trad-process{ position:relative;}
.trad-process-left{ position:absolute; left:0; top:0; width:253px; height:298px;}
.trad-process-right { margin-left:253px; border:1px solid #403424; height:296px; text-align:center; line-height:297px;}
.trad-process-right img { max-width:100%; max-height:100%; vertical-align:middle;}
.trad-master-process{ margin:70px 0 40px 0; text-align:center;}
.trad-master-process img { max-width:100%;}
@media screen and (max-width: 1200px) {
.process-top{ width:100%; background-size:100%; margin-left:0;}
.process-text-left{ padding-left:20px;}
.process-text-left ul{ padding:30px 40px 0 40px;}
.process-text-right{ padding-right:20px;}
.process-text-right ul{ padding:30px 0 0 30px}
.process-mf-left,.process-mf-right{ height:550px; line-height:550px;}
.process-text-right ul li,.process-text-left ul li{ font-size:13px;}
.process-mf-left img,.process-mf-right img{ max-width:85%; max-height:85%;}
.abnormal-box ul li { padding: 0 20px; }
}

.tp-link a {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    border: 1px solid #6a6a6a;
    text-align: center;
    width: 160px;
    margin: 0 3px 6px 0;
}