@charset "utf-8";

/* css reset */
*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body{position:relative;background:#fff;line-height:1.8;color:#5a5a5a;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;font-size:14px;}
a{color:#333333;text-decoration:none;}
a:hover{color:#00a199;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;line-height:normal;}
h2{font-size:18px;}
h3{font-size:16px;}
strong{color:#000;}
ol,ul,li{list-style:none;}
pre{padding:10px;margin:10px 0;word-break:break-all;word-wrap: break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img{max-width:100%;height:auto;display:block;border:0;}
i{margin-left:5px;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#ddd;}
input,select,textarea{border:1px solid #dfdfdf;background:#fff;-webkit-appearance:none;outline:none;width:100%;color:#464646;padding:8px;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
textarea{resize:none;overflow-y:hidden;display:block;}
input[type="radio"]{width:auto;height:auto;-webkit-appearance:radio;}
input[type="checkbox"]{width:auto;height:auto;-webkit-appearance:checkbox;}
input:focus{border: 1px #00a199 solid!important;}
textarea:focus{border: 1px #00a199 solid!important;}
table {float:none;border-collapse:collapse;max-width:100%;width:100%;margin:1em 0;}
table td {border:1px solid #ddd; padding:5px 2px;vertical-align:middle;}
.clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{position:relative;float:left;}
.fr{position:relative;float:right;}
.fll{float: left;}
.frr{float: right;}
.hide{display:none;}
.exom{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.opc0{opacity: 0;filter:alpha(opacity=0);}
.opc1{opacity: 1;filter:alpha(opacity=1);}

.Avant{font-family: 'Avant';}
@font-face {
    font-family: 'Avant';
    src: url('../font/ITCAvantGardeStd-Demi.otf');
}

.Avant-bk{font-family: 'Avant-bk';}
@font-face {
    font-family: 'Avant-bk';
    src: url('../font/ITCAvantGardeStd-Bk.otf');
}



/* animate */
.am{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}


/* public */
.public{min-width:1200px;max-width:1200px;margin:0 auto;}
.aligncenter{clear: both;display: block;margin:auto; }

.swiper-slide{ height:1px !important;}
.swiper-slide.swiper-slide-active{ height:auto !important;}
i.sprite-icon{background: url(../images/spriteicon.png) no-repeat;}


/* col public */
ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;}
ul.col-2 li,ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;}
ul.col-2 li{width:49%;}
ul.col-3 li{width:32%;}
ul.col-4 li{width:23.5%;}
ul.col-5 li{width:18.4%;}
ul.col-6 li{width:15%;}
ul.col-7 li{width:13%;margin-right:1.5%;}
ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;}
ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;}



/*      *************       */
/*        样式集结地         */
/*      *************       */

/* header */
.header{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;padding: 30px 60px;}
.header.add{padding: 20px 60px;background: rgba(0,0,0,.3);}
.header.addp{padding: 30px 60px;}
.header .header_left .logo{width: 150px;height: 43px;}
.header .header_left .nav_bar{position: absolute;left: 50px;width: 30px;height: 30px;}
.header .header_left .nav_bar p{position: absolute;top: 5px;left: 50px;width: 30px;font-size: 14px;color: #fff;}
.header .navigation{}
.header .navigation i{font-size: 23px; color: #fff;}
.header .navigation ul.navbar{padding-top: 6px; padding-right: 120px;}
.header .navigation ul.navbar li{padding: 0 15px;}
.header .navigation ul.navbar li a{font-size: 15px; color: #f9f9f9;}
.header .navigation ul.navbar li:hover a{color: #00a199;}
.header .navigation ul.webicon{padding-top: 10px;}
.header .navigation ul.webicon li{line-height: 1; padding-left: 20px;}
.header .navigation ul.webicon li:hover i{color: #00a199;}
.header.add .navigation i{color: #fff;}
/* banner */
.banner{position: relative;}
.banner .flex-control-nav{position: absolute; bottom: 2%; left: 50%; width: auto; height: auto; padding: 0px 10px; margin-left: -36px; background:none; border-radius: 12px;}
.banner .flex-control-paging li:last-child{margin: 0;}
.banner .flex-control-paging li a{width: 12px;height: 12px;background: #fff;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;line-height: 1;}
.banner .flex-control-paging li a.flex-active{background: #00a199;}
.banner .flex-control-paging li a:hover{background: #00a199;}
.banner .banner-description{position: absolute;top: 50%;left: 50%;width: 1200px;height: 200px;margin-top: -100px;margin-left: -600px;text-align: center;}
.banner .flex-direction-nav a{width: 36px;height: 36px;background: #22242a;border-radius: 50%;line-height: 36px;}
.banner .flex-direction-nav .flex-prev{left: 2%;}
.banner .flex-direction-nav .flex-next{right: 2%;}
.banner .flex-direction-nav a:hover{background: #00a199;}

/* banner文字录入 */
.banner .banner-description h3{font-size: 48px;color: #fff;padding-bottom: 24px;}
.banner .banner-description p{font-size: 18px;color: #fff;padding-bottom: 70px;}
.banner .banner-description a{display: block;width: 180px;height: 40px;border-radius: 20px;background: #00a199;font-size: 14px;color: #fff;line-height: 40px;}

/* page1 */
.banner_default{position: absolute;bottom: 100px;left: 50%;width: 1200px;margin-left: -600px;z-index: 99;}
ul.EnteringNorte li{padding: 20px 20px;background: #fff;}
ul.EnteringNorte li h3{font-size: 16px;color: #666;padding-bottom: 2px;}
ul.EnteringNorte li p{font-size: 14px;color: #999;}
ul.EnteringNorte li:hover h3{color: #00a199;}

.spriteicon{position: absolute;top: 50%;right: 16px;display: block;width: 40px;height: 40px;margin-top: -20px;background: url(../images/spriteicon.png) no-repeat;}
.spriteicon0{background-position: 0 0;}
.spriteicon1{background-position: -40px 0;}
.spriteicon2{background-position: -80px 0;}
.spriteicon3{background-position: -120px 0;}

.scroll{position: absolute;bottom: 100px;left: 50%;width: 44px;margin-left: -22px;z-index: 99;}
.scroll img{  animation: myfirst 2s infinite;  }
@keyframes myfirst {
   	0% {
       transform: translate(0px, 0px);
   	}
   	50% {
       transform: translate(0px, -10px);
   	}
   	100% {
       transform: translate(0px, 0px);
   	}
}

/* page2 */
.page2canvas{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;}
.pic_about{position: absolute;top: 50%;right: 0;margin-top: -190px;}
.page2 .model_left,.page2 .model_right{width: 50%;}
.model_left .left_text h3.title{font-size: 28px;color: #333;font-weight: normal;line-height: 1.8;}
.model_left .left_text h4{padding-bottom: 20px;font-size: 20px;color: #999;font-weight: normal;}
.model_left .left_text p{padding-bottom: 40px;font-size: 14px;line-height: 1.8;color: #666;}
.digital_scrolling ul li{padding-bottom: 60px;text-align: center;}
.digital_scrolling ul li h3{font-size: 40px;color: #00a199;}
.digital_scrolling ul li p{font-size: 14px;color: #666;}
a.more{position: relative;display: block;width: 180px;height: 40px;border-radius: 20px;border: 1px #e3e3e3 solid;background: transparent;}
a.more .zi{position: absolute;top: 0;left: 0;z-index: 10;width: 180px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #999;}
a.more .jiade{position: absolute;top: 0;left: 0;width: 0px;height: 40px;margin: 0;border-radius: 20px;background:#00a199;}
a.more:hover .zi{color: #fff;}
a.more:hover .jiade{width: 180px}

/* page3 */
i.sprite{background: url(../images/sprite.png) no-repeat;}
.page3{background: url(../images/page3.jpg) no-repeat;}
.page3 .coreProducts{}
.page3 .coreProducts ul._top{margin-bottom: 10px;}
.page3 .coreProducts ul._top li{width: 49.5%;background: #000;}
.page3 .coreProducts ul._top li:last-child{margin-left: 1%;}
.page3 .coreProducts ul._bottom li{width: 32.6%;background: #000;}
.page3 .coreProducts ul._bottom li:nth-child(2){margin: 0 1.1%;}
.page3 .coreProducts ul li .box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.page3 .coreProducts ul li .box .box-in{width: 100%; height: 100%; opacity: 0;}
.page3 .coreProducts ul li .box i.sprite{display: block; width: 67px; height: 67px; margin: 0 auto; }
.page3 .coreProducts ul li .box .link{display: block; width: 30px; height: 3px; margin: 10px auto; background: #ff7e00; border-radius: 2px;}
.page3 .coreProducts ul li .box p{padding-bottom: 10px;color: #fff;}
.page3 .coreProducts ul li .box i.iconfont{font-size: 25px;color: #fff;}
.page3 .coreProducts ul li .pic{overflow: hidden}
.page3 .coreProducts ul._top li.item0 .box i.sprite{background-position: 0 0;}
.page3 .coreProducts ul._top li.item1 .box i.sprite{background-position: -67px 0;}
.page3 .coreProducts ul._bottom li.item0 .box i.sprite{background-position: -134px 0;}
.page3 .coreProducts ul._bottom li.item1 .box i.sprite{background-position: -201px 0;}
.page3 .coreProducts ul._bottom li.item2 .box i.sprite{background-position: -268px 0;}
.page3 .coreProducts ul li:hover .box{padding: 10px;}
.page3 .coreProducts ul li:hover .box .box-in{padding-top: 56px;border: 1px #a09d98 solid;opacity: 1;}
.page3 .coreProducts ul li:hover .pic .pic_img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);opacity: .2}

/* page4 */
.page4{background: url(../images/page4.jpg) no-repeat;}
.page4 .module_top{padding-bottom: 50px;text-align: center;}
.page4 .module_top h3.title{font-size: 28px;font-weight: normal;color: #333;}
.page4 .module_top h3.title span{color: #00a199;}
.page4 .module_top p.text{font-size: 20px;color: #999;}
.page4_left,.page4_right{width: 50%;}
.module_warp .page4_left{padding-right: 60px;}
.module_warp .page4_left .pic_text{padding-bottom: 10px;border-bottom: 1px #eeeeee solid;}
.module_warp .page4_left .pic_text h3{padding: 15px 0 10px 0;font-size: 16px;font-weight: normal;color: #333;}
.module_warp .page4_left .pic_text p{height: 44px;font-size: 13px;color: #999;}
.module_warp .page4_left .pic{position: relative;overflow: hidden;height: 300px;}
.module_warp .page4_left .pic .pic_img{height: 300px}
.module_warp .page4_left .pic .date{position: absolute;top: 0;left: 0;padding: 10px;background: #f4f4f4;color: #666;z-index: 99;}
.module_warp .page4_left .pic .date h3{font-size: 24px;}
.module_warp .page4_left:hover .pic .pic_img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.module_warp .page4_left:hover .pic .date{background: #00a199;color: #fff;}
.module_warp .page4_left:hover .pic_text h3.exom{color: #00a199;}
.module_warp .page4_right ul.newslist li{padding: 16px 0;border-bottom: 1px #eeeeee solid;}
/*.module_warp .page4_right ul.newslist li:first-child{padding: 26px 0 50px 0;border-top: 1px #eeeeee solid;}*/
/*.module_warp .page4_right ul.newslist li:first-child .date i{display: inline-block;}*/
.module_warp .page4_right ul.newslist li .text{width: 76%;}
.module_warp .page4_right ul.newslist li .text h3{font-size: 16px;color: #333;padding-bottom: 14px;}
.module_warp .page4_right ul.newslist li .text p{font-size: 14px;color: #999;}
.module_warp .page4_right ul.newslist li .date{text-align: center;color: #999;}
.module_warp .page4_right ul.newslist li .date h3{font-size: 24px;}
.module_warp .page4_right ul.newslist li .date p{font-size: 14px;}
.module_warp .page4_right ul.newslist li .date i{display: none;font-size: 16px;transform: rotate(180deg);}
.module_warp .page4_right ul.newslist li p.title{width: 70%;color: #333;}
.module_warp .page4_right ul.newslist li:hover .text h3,.module_warp .page4_right ul.newslist li:hover .date h3,.module_warp .page4_right ul.newslist li:hover .date i,.module_warp .page4_right ul.newslist li:hover p.title{color: #00a199;}
.module_warp .page4_right ul.newslist li:hover{padding: 16px 26px;}
.module_warp .page4_right ul.newslist li:hover .date i{display: inline-block;}
/*.module_warp .page4_right ul.newslist li:first-child:hover{padding: 26px 26px 50px 26px;}*/
.page4 ._more{margin-top: 50px;}
.page4 ._more a.more{margin: 0 auto;}

/* page5 */
.page5{background: url(../images/page5.jpg) no-repeat;}
.page5 i.sprite-icon{background: url(../images/spriteicon.png) no-repeat;display: block;width: 50px;height: 50px;}
.page5 ul.joinUs{height: 500px;}
.page5 ul.joinUs li{width: 38%;height: 100%;}
.page5 ul.joinUs li:first-child{width: 24%;}
.page5 ul.joinUs li img{width: 100%;}
.page5 ul.joinUs li p.title{font-size: 14px;}
.page5 ul.joinUs li ._top,.page5 ul.joinUs li ._bottom{height: 50%;}
.page5 ul.joinUs li.item0{padding: 60px 0 0 40px;color: #fff;}
.page5 ul.joinUs li.item0 h3{font-size: 28px;font-weight: normal;}
.page5 ul.joinUs li.item0 p{font-size: 20px;}
.page5 ul.joinUs li.item1,.page5 ul.joinUs li.item2{text-align: center;}
.page5 ul.joinUs li.item ._top{background: #fff;padding-top: 60px;}
.page5 ul.joinUs li.item p.title{color: #666;padding: 16px 0 2px 0}
.page5 ul.joinUs li.item p.Avant{color: #999;}
.page5 ul.joinUs li.item i.iconfont{font-size: 25px;opacity: 0;}
.page5 ul.joinUs li.item1 i.spriteicon0{background-position: 0 -80px;margin: 0 auto;}
.page5 ul.joinUs li.item2 i.spriteicon1{background-position: -50px -80px;margin: 0 auto;}
.page5 ul.joinUs li.item2 ._top{position: absolute;top: 250px;left: 0;width: 100%;}
.page5 ul.joinUs li.item2 ._bottom{position: absolute;top: 0;left: 0;}
.page5 ul.joinUs li.item:hover ._top{background: #00a199;padding-top: 50px;}
.page5 ul.joinUs li.item1:hover i.spriteicon0{background-position: 0px -130px;margin: 0 auto;}
.page5 ul.joinUs li.item2:hover i.spriteicon1{background-position: -50px -130px;margin: 0 auto;}
.page5 ul.joinUs li.item:hover p{color: #fff;}
.page5 ul.joinUs li.item:hover i.iconfont{font-size: 25px;color: #fff;opacity: 1;}

/* BOTTOM */
.BOTTOM{overflow: hidden;}
.footer{width: 100%;background: #272a2a;}
.footertext{padding: 40px 0;}
.footer_l{color: #fff;}
.footer_l h3{padding-bottom: 8px;font-size: 16px;font-weight: normal;}
.footer_l .add_info{padding-top: 30px;}
.footer_l .add_info p,.footer_l .add_info p a.footmail{font-size: 14px;color: #999;}
.footer_l .add_info p a.footmail:hover{color: #00a199;}
.footer_r .qr_code ul li{text-align: center;color: #999;}
.footer_r .qr_code ul li img{padding-bottom: 10px;margin: 0 auto;}
.footer_r ._navbar{padding-top: 36px;}
.footer_r ._navbar ul li,._navbar ul li a{color: #999;}
.footer_r ._navbar ul li a{padding: 0 10px;}
.footer_r ._navbar ul li:hover a{color: #00a199;}
.cri{width: 100%;height: 60px;background: #1f2222;color: #999;}
.cri span{height: 60px;font-size: 14px;line-height: 60px;margin-right: 20px;}
.cri i{font-size: 36px;}
.cri span a{color: #999;}
.cri span a:hover{color: #00a199;}


/* fullpage 导航 */
#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #999;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {background: #00a199;}
#fp-nav.left{left: 50px;}
#fp-nav li{position: relative}
#fp-nav li a{color: #858585;}
#fp-nav li a span{opacity: 0;}
#fp-nav li a.active{color: #00a199;}
#fp-nav li a.active:before{content: '';position: absolute;top: 12px;left: -50px;width: 35px;height: 1px;background: #999;}
#fp-nav li a.active:after{content: '';position: absolute;top: 12px;right: 66px;width: 20px;height: 1px;background: #999;}
#fp-nav li:nth-child(1) a.active:after{right: 58px;}
#fp-nav li:nth-child(4) a.active:after{right: 95px;}
#fp-nav li a.active span{margin-left: 40px;opacity: 1;}




/* 媒体查询 */
@media screen and (max-width:1600px) {
.banner .banner-description {top:45%;}
.scroll {bottom:50px;}
.page3 .coll li {height:230px;padding:45px 20px 0 35px;}
.page3 .coll li:hover {padding:20px 20px 0 35px;}
.page3 .coll li:hover i.page3icon {margin-top:0px;}
.page4 .module_top {padding-bottom:35px;}
.page4 ._more {margin-top:35px;}
.page5 .module_top {padding-bottom:35px;}
.page5 .details {padding-bottom:330px;}

.footer_l .add_info {padding-top:6px;}
.footer_r ._navbar {margin-top:40px;}
}

@media screen and (max-width:1366px) {
.banner_default {bottom:124px;}
.scroll {bottom: 27px;}
.scroll {width: 30px;margin-left: -15px;}
.page3 .module_top {padding-bottom:40px;}
.page3 .coll li {height:174px;padding:45px 20px 0 35px;}
.page3 .coll li i.page3icon {margin:0px;}
.page3 .coll li:hover i.page3icon {margin-top:-15px;}
.module_warp .page4_left {padding-left:160px;}
.module_warp .page4_left .pic {height:200px;}
.module_warp .page4_left .pic .pic_img {height:200px;}
.module_warp .page4_left .pic_text p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.module_warp .page4_right ul.newslist li.f_li {padding:10px 0 20px 0;}
.module_warp .page4_right ul.newslist li.f_li:hover {padding:10px 26px 20px 26px;}
.module_warp .page4_right ul.newslist li {padding:6px 0;}
.module_warp .page4_right ul.newslist li:hover {padding:6px 26px;}
.page4 ._more {margin-top:30px;}
.footertext {padding:20px 40px;}
.page5 .details ul li {padding:10px 20px;}
.page5 .details {padding-bottom:238px;}
.footer_l .add_info {padding-top:0px;}
.footer_r ._navbar {margin-top:40px;}
.footer_l h3 {font-size:14px;}
.footer_l .add_info p,.footer_l .add_info p a.footmail {font-size:12px;}
.footer_r h3 {font-size:14px;}
.footer_r h3 span {font-size:12px;}
.footer_r ._navbar ul li a {font-size:12px;}
.cri {height:40px;}
.cri span {height:40px;line-height:40px;}
.cri i {font-size:30px;}
}


/*page*/
.page-banner{position: relative;}
.page-banner .banner-description{position: absolute;top: 50%;left: 50%;width: 1200px;height: 300px;margin-top: -150px;margin-left: -600px;padding-top: 100px;}
.page-banner .banner-description h3{font-size: 42px;color: #fff;font-weight: normal;}
.page-banner .banner-description p{font-size: 20px;color: #fff;}
.page-breadcrumbs{padding: 18px 0;background: #f4f4f4;}
.page-breadcrumbs i.iconfont{font-size: 19px;color: #999;}




/**
* aboutus
* 走进2026世界杯体育彩票
*/

.aboutus .aboutus-top,.merchants .merchants-top{text-align: center;}
.aboutus .aboutus-top h3,.merchants .merchants-top h3{font-size: 24px;color: #333;font-weight: normal;}
.aboutus .aboutus-top p,.merchants .merchants-top p{font-size: 16px;color: #999;}
.aboutus .profile{padding-top: 40px;}
.aboutus .profile ul._top{margin: 40px 0 80px 0;}
.aboutus .profile ul._top > li,.aboutus .profile ul._bottom li{width: 50%;}
.aboutus .profile ul._top > li > p,.aboutus .profile ul._bottom li p{font-size: 14px;color: #666;line-height: 2;}
.aboutus .profile ul._top li .digital_scrolling{padding-top: 30px;}
.aboutus .profile ul._top li .digital_scrolling ul li{padding: 0;}
.aboutus .profile ul._top li .digital_scrolling ul li p{color: #999;}
.aboutus .profile ul._bottom li > div{padding-top: 40px;}
.aboutus .profile ul._bottom li a{display: inline-block;width: 30%;padding: 10px 0;margin-right: 20px;border-radius: 24px;text-align: center;font-size: 14px;color: #999;background: #f4f4f4;}
.aboutus .profile ul._bottom li a:hover{background: #00a199;color: #fff;}
.aboutus .enterprise-brand{margin-top: 90px;}
.aboutus .enterprise-brand ._left{width: 58%;}
.aboutus .enterprise-brand ._left ._top{padding-bottom: 60px;}
.aboutus .enterprise-brand ._left ._top h3.title{font-size: 24px;color: #333;font-weight: normal;}
.aboutus .enterprise-brand ._left ._top p.Avant{font-size: 16px;color: #999;}
.aboutus .enterprise-brand ._left ._top .link{display: block;width: 200px;height: 1px;margin: 20px 0;background: #e3e3e3;}
.aboutus .enterprise-brand ._right{width: 42%;}
.aboutus .enterprise-brand ._right img{position: relative;bottom: -26px;}
.aboutus .brand-interpretation{margin-top: 30px;}
.aboutus .brand-interpretation p.title{font-size: 20px;color: #333;}
.aboutus .brand-interpretation p.text{font-size: 14px;color: #999;line-height: 2;}
.aboutus .concept-strength{padding: 86px 0 0px 0;margin-top: 100px;}
.aboutus .concept-strength .range_backdrop{padding-bottom: 30px;border-bottom: 1px #e3e3e3 solid;}
.aboutus .concept-strength .range_backdrop a{display: inline-block;width: 120px;padding: 6px 0;margin-right: 10px;border-radius: 20px;font-size: 15px;color: #999;text-align: center;cursor: pointer;}
.aboutus .concept-strength .range_backdrop a.active{background: #00a199;color: #fff;}
.aboutus .concept-strength .swiper_one .advantage_content1{position: relative;height: 480px;}
.aboutus .concept-strength .swiper_one .range_backdrop_s1{position: absolute;right: 0;z-index: 999;}
.aboutus .concept-strength .swiper_one .range_backdrop_s1 a{display: block;height: 150px;padding: 56px 60px 0 40px;border: 1px #e3e3e3 solid;border-right: none;cursor: pointer;}
.aboutus .concept-strength .swiper_one .range_backdrop_s1 a:last-child{border-bottom: none;}
.aboutus .concept-strength .swiper_one .range_backdrop_s1 a.active{background: #fff;box-shadow: -6px 4px 16px rgba(153,153,153,.6)}
.aboutus .concept-strength .swiper_one .range_backdrop_s1 a p.name{font-size: 15px;color: #666;}
.aboutus .concept-strength .swiper_one .range_backdrop_s1 a p.Avant{font-size: 13px;color: #999;}
.aboutus .concept-strength .swiper_one .advantage_content1 .tab_theme1{position: relative;width: 978px;z-index: 99;}
.aboutus .concept-strength .swiper_one .one_swiper{padding-top: 60px;overflow: hidden;}
.aboutus .concept-strength .swiper_one .one_swiper ._left img{padding: 30px;background: #f5f5f5;}
.aboutus .concept-strength .swiper_one .one_swiper ._right{padding-left: 70px;}
.aboutus .concept-strength .swiper_one .one_swiper ._right h3.title{font-size: 18px;color: #333;font-weight: normal;line-height: 1.8;}
.aboutus .concept-strength .swiper_one .one_swiper ._right p.subtitle{font-size: 15px;color: #999;}
.aboutus .concept-strength .swiper_one .one_swiper ._right p.text{padding-top: 30px;font-size: 14px;color: #666;}
.aboutus .concept-strength .swiper_one .advantage_content2 .tab_theme2{width: 978px;}
.aboutus .development-course{padding: 86px 0 110px 0;}
.aboutus .development-course .advantage_content3{position: relative;}
.aboutus .development-course .advantage_content3 a.arrow-nav{position: absolute;bottom: -30px;width: 36px;height: 36px;background: #aaa;color: #fff;border-radius: 50%;}
.aboutus .development-course .advantage_content3 a.arrow-left{left: 0;}
.aboutus .development-course .advantage_content3 a.arrow-right{right: 0;}
.aboutus .development-course .advantage_content3 a.arrow-nav i{position: absolute;top: -5px;display: block;font-size: 26px;font-weight: 700;}
.aboutus .development-course .advantage_content3 a.arrow-left i{left: -2px;transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);}
.aboutus .development-course .advantage_content3 a.arrow-right i{left: 2px;transform: rotateZ(-90deg);-webkit-transform: rotateZ(-90deg);}
.aboutus .development-course .advantage_content3 a.arrow-nav:hover{background: #00a199;}

.aboutus .development-course .advantage_content3 .range_backdrop_s3{position: absolute;bottom: -50px;left: 50%;width: 88%;margin-left: -44%;line-height: 36px;overflow: hidden;}
.aboutus .development-course .advantage_content3 .range_backdrop_s3 div.Avant{display: block;color: #666;padding: 0 20px;margin: 0 12px;border-radius: 24px;cursor: pointer;}
.aboutus .development-course .advantage_content3 .range_backdrop_s3 div.active{background: #00a199;color: #fff;}

.aboutus .development-course .tab_theme3 .swiper-slide{position: relative;}
.aboutus .development-course .tab_theme3 .swiper-slide .box-bj{font-size: 500px;color: #f4f4f4;line-height: 1;}
.aboutus .development-course .tab_theme3 .swiper-slide .box-text{position: absolute;top: 108px;left: 0;width: 100%;}
.aboutus .development-course .tab_theme3 .swiper-slide .box-text ._left{width: 50%;padding-left: 60px;}
.aboutus .development-course .tab_theme3 .swiper-slide .box-text ._right{width: 50%;padding: 50px 0 0 20px;}
.aboutus .development-course .tab_theme3 .swiper-slide .box-text ._right span.tags{display: inline-block;padding: 0 20px;border-radius: 20px;font-size: 20px;font-weight: 700;color: #fff;background: #00a199;}
.aboutus .development-course .tab_theme3 .swiper-slide .box-text ._right p{padding-top: 22px;font-size: 16px;color: #666;line-height: 1.8;}
.aboutus .star-culture{position: relative;height: 600px;}
.aboutus .star-culture .star-culture-box{position: absolute;top: 50%;left: 50%;width: 1200px;height: 400px;margin-top: -200px;margin-left: -600px;}
.aboutus .star-culture .star-culture-box ._left{width: 34%;}
.aboutus .star-culture .star-culture-box ._left img{width: 100%;}
.aboutus .star-culture .star-culture-box ._right{width: 66%;height: 408px;padding: 40px;background: #fff;}
.aboutus .star-culture .star-culture-box ._right h3.title{font-size: 24px;color: #333;font-weight: normal;}
.aboutus .star-culture .star-culture-box ._right p.subtitle{font-size: 16px;color: #999;}
.aboutus .star-culture .star-culture-box ._right .star-culture-text{padding-top: 30px;height: 260px;overflow: hidden;}
.aboutus .star-culture .star-culture-box ._right .star-culture-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px;background: #00a199;}
.aboutus .star-culture .star-culture-box ._right .star-culture-text .mCSB_scrollTools .mCSB_draggerRail{background: #f4f4f4;}


.aboutus .enterprise-environment{padding: 86px 0;background: #f4f4f4;}
.aboutus .enterprise-environment .aboutus-top{margin-bottom: 50px;}
.aboutus .enterprise-environment .enterprise-environment-banner{position: relative;}
.aboutus .enterprise-environment-banner .swiper-slide{opacity: 0;}
.aboutus .enterprise-environment-banner .swiper-slide-visible {height: auto!important;opacity: 0.5;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
.aboutus .enterprise-environment-banner .swiper-slide-active {top: 0;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.aboutus .enterprise-environment a.arrow-nav{position: absolute;top: 50%;width: 36px;height: 36px;margin-top: -18px;background: #aaa;color: #fff;border-radius: 50%;z-index: 999;}
.aboutus .enterprise-environment a.a_n_left{left: -20px;}
.aboutus .enterprise-environment a.a_n_right{right: -20px;}
.aboutus .enterprise-environment a.arrow-nav i{position: absolute;top: -5px;display: block;font-size: 26px;font-weight: 700;}
.aboutus .enterprise-environment a.a_n_left i{left: -2px;transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);}
.aboutus .enterprise-environment a.a_n_right i{left: 2px;transform: rotateZ(-90deg);-webkit-transform: rotateZ(-90deg);}
.aboutus .enterprise-environment a.arrow-nav:hover{background: #00a199;}

#LoutiNav{position: fixed; top: 150px; left: 50px; z-index: 9999;display: none;}
#LoutiNav li{position: relative}
#LoutiNav li a{color: #858585;}
#LoutiNav li span{opacity: 0;margin-left: 40px;}
#LoutiNav li.active{color: #00a199;}
#LoutiNav li.active a:before{content: '';position: absolute;top: 12px;left: -50px;width: 35px;height: 1px;background: #999;}
#LoutiNav li.active a:after{content: '';position: absolute;top: 12px;right: 66px;width: 20px;height: 1px;background: #999;}
#LoutiNav li.active span{opacity: 1;}



.enterprise-honor{padding: 86px 0;}
.enterprise-honor ._block ._left{width: 34%;}
.enterprise-honor ._block ._left .aboutus-top{padding-top: 50px;}
.enterprise-honor ._block ._left ul{padding-top: 125px;}
.enterprise-honor ._block ._left ul li .banner-description{position: relative;margin-top: 20px;}
.enterprise-honor ._block ._left ul li .date{position: absolute;top: 0;left: 0;font-size: 24px;color: #999;}
.enterprise-honor ._block ._left ul li .link{position: absolute;top: 22px;left: 104px;display: inline-block;width: 60px;height: 1px;background: #e3e3e3;}
.enterprise-honor ._block ._left ul li .text{position: absolute;top: 10px;left: 184px;font-size: 14px;color: #999;}
.enterprise-honor ._block ._right{width: 66%;}
.enterprise-honor ._block ._right ul li{width: 33.33%;}
.enterprise-honor ._block ._right ul li ._top{height: 235px;padding: 60px 0 0 0;background: #fff;border: 1px #e3e3e3 solid;text-align: center;}
.enterprise-honor ._block ._right ul li ._top h3{font-size: 24px;color: #999;font-weight: normal;line-height: 1.8;}
.enterprise-honor ._block ._right ul li ._top .link{display: block;width: 2px;height: 40px;margin: 0 auto;background: #e5e6e5;}
.enterprise-honor ._block ._right ul li ._top p{padding-top: 20px;font-size: 13px;color: #999;}
.enterprise-honor ._block ._right ul li ._top i{position: relative;top: -15px;font-size: 25px;color: #999;opacity: 0;}
.enterprise-honor ._block ._right ul li ._top:hover{background: #333;border: 1px #333 solid;}
.enterprise-honor ._block ._right ul li ._top:hover i{opacity: 1;top: 0!important;}
.enterprise-honor ._block ._right ul li:first-child{margin-top: 234px;}
.enterprise-honor ._block ._right ul li:last-child ._top{position: absolute;top: 235px;width: 100%;}
.enterprise-honor ._block ._right ul li:last-child ._top i{display: inline-block;transform: rotate(180deg);top: 15px;}
.enterprise-honor ._block ._right ul li:last-child ._bottom{position: absolute;top: 0;}
.pp_pic_holder a.pp_play{display: none;}
a.pp_arrow_previous, a.pp_arrow_next{margin-top: 6px!important;}
.pp_nav p{margin: 0 10px!important;}

/**
* product
* 产品中心
*/
.product-banner{position: relative;}
.product-banner .flex-direction-nav a{}
.product-banner .flex-control-nav,.joinus-banner .flex-control-nav{position: absolute; bottom: 2%; left: 50%; width: auto; height: auto; padding: 0px 10px; margin-left: -36px; background: #f2f1ee; border-radius: 12px;}
.product-banner .flex-control-nav li:last-child,.joinus-banner .flex-control-nav li:last-child{margin: 0;}
.product-banner .flex-control-nav li a,.joinus-banner .flex-control-nav li a{width: 12px;height: 12px;background: #fff;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;line-height: 1;}
.product-banner .flex-control-nav li a.flex-active,.joinus-banner .flex-control-nav li a.flex-active{background: #00a199;}
.product-banner .flex-control-nav li a:hover,.joinus-banner .flex-control-nav li a:hover{background: #00a199;}
.product-banner .flex-direction-nav a{width: 36px;height: 36px;background: #22242a;border-radius: 50%;line-height: 36px;}
.product-banner .flex-direction-nav .flex-prev,.joinus-banner .flex-direction-nav .flex-prev{left: 2%;}
.product-banner .flex-direction-nav .flex-next,.joinus-banner .flex-direction-nav .flex-next{right: 2%;}
.product-banner .flex-direction-nav a:hover,.joinus-banner .flex-direction-nav a:hover{background: #00a199;}

.product-main .product-main_nav{padding: 20px 0;}
.product-main .product-main_nav h3{font-size: 20px;color: #333;}
.product-main .product-main_nav ul li a{display: block;padding: 0 20px;margin: 0 10px;font-size: 15px;color: #999;line-height: 2;}
.product-main .product-main_nav ul li a.active{background: #00a199;color: #fff;border-radius: 15px;}
.product-main .product-main_nav ul li a:hover{background: #00a199;color: #fff;border-radius: 15px;}

.product-main .product-main-list{background: #f4f4f4;}
.product-main .product-main-list ul{padding: 35px 10px;}
.product-main .product-main-list ul li{padding-bottom: 20px;margin-bottom: 20px;background: #fff;text-align: center;}
.product-main .product-main-list ul li .product-img{overflow: hidden;}
.product-main .product-main-list ul li p.name{font-size: 16px;color: #333;line-height: 2;}
.product-main .product-main-list ul li p.description{font-size: 14px;color: #999;line-height: 2.5;}
.product-main .product-main-list ul li p.price{font-size: 24px;color: #ee8203;}
.product-main .product-main-list ul li p.price span{font-size: 14px;}
.product-main .product-main-list ul li:hover{box-shadow: 0px 8px 12px rgba(0,0,0,.2)}
.product-main .product-main-list ul li:hover .product-img img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.no-data{padding: 20px 0;text-align: center;font-size: 24px;}

/**
* brandstory
* 品牌故事
*/
.brandstory{}
.brandstory .page-webpage1{position: relative;padding: 80px 0;}
.brandstory .page-webpage1 .swiper-list1{height: 428px;}
.brandstory .page-webpage1 .swiper-list1 .swiper-slide{height: auto!important;}
.brandstory .page-webpage1 .tabs-list1{position: absolute;top: 80px;right: 0;width: 440px;padding: 1px 0;border: 1px #e3e3e3 solid;z-index: 99;}
.brandstory .page-webpage1 .tabs-list1 a{position: relative;display: block;padding: 0 20px;}
.brandstory .page-webpage1 .tabs-list1 a .tabs-box{padding: 45px 10px;border-bottom: 1px #e3e3e3 solid;}
.brandstory .page-webpage1 .tabs-list1 a p.title{font-size: 15px;color: #666;}
.brandstory .page-webpage1 .tabs-list1 a p.description{font-size: 13px;color: #999;}
.brandstory .page-webpage1 .tabs-list1 a p.ftitle{position: absolute;bottom: 50%;right: 20px;margin-bottom: -15px;font-size: 30px;color: #e3e3e3;line-height: 1;}
.brandstory .page-webpage1 .tabs-list1 a.active{background: #00a199;box-shadow: 0 4px 10px #97d9d5;}
.brandstory .page-webpage1 .tabs-list1 a.active .tabs-box{border-bottom: 1px #00a199 solid;}
.brandstory .page-webpage1 .tabs-list1 a.active p.title{color: #fff;}
.brandstory .page-webpage1 .tabs-list1 a.active p.description{color: #fff;}
.brandstory .page-webpage1 .tabs-list1 a.active p.ftitle{bottom: -9px;right: 0px;margin-bottom: 0px;font-size: 64px;color: #69c0bc;}
.brandstory .page-webpage2{position: relative;}
.brandstory .page-webpage2 .brand-box{position: absolute;left: 0;bottom: 0;width: 100%;}
.brandstory .page-webpage2 .brand-box ._left{width: 25%;}
.brandstory .page-webpage2 .brand-box ._left img{position: relative;z-index: 20;}
.brandstory .page-webpage2 .brand-box ._left .boxshadow{position: absolute;bottom: -20px;left: -20px;width: 300px;height: 240px;background: #00a199;box-shadow: -6px 6px 12px #9edbd8;z-index: 10;}
.brandstory .page-webpage2 .brand-box ._right{width: 75%;height: 300px;padding: 80px 40px 0 40px;background: rgba(255,255,255,.9)}
.brandstory .page-webpage2 .brand-box ._right p.title{padding-bottom: 20px;font-size: 24px;color: #333;}
.brandstory .page-webpage2 .brand-box ._right p.title span{margin-left: 10px;font-size: 14px;color: #999;}
.brandstory .page-webpage2 .brand-box ._right p.text{font-size: 14px;color: #666;}
.brandstory .page-webpage3{padding: 140px 0;}
.brandstory .page-webpage-top{text-align: center;}
.brandstory .page-webpage-top p.title{font-size: 24px;color: #333;}
.brandstory .page-webpage-top p.subtitle{font-size: 14px;color: #999;}
.brandstory .page-webpage-brand{position: relative;padding: 70px 0 0 0;}
.brandstory .page-webpage-brand i.sprite{display: block;width: 38px;height: 38px;margin: 20px auto;background: url(../images/spriteicon.png) no-repeat;}
.brandstory .page-webpage-brand .tabs-list2{position: absolute;top: 70px;right: 0;width: 400px;z-index: 99;}
.brandstory .page-webpage-brand .tabs-list2 a{display: block;width: 50%;height: 200px;padding-top: 26px;border: 1px #e3e3e3 solid;text-align: center;}
.brandstory .page-webpage-brand .tabs-list2 a p.title{font-size: 14px;color: #666;}
.brandstory .page-webpage-brand .tabs-list2 a p.ftitle{color: #999;}
.brandstory .page-webpage-brand .tabs-list2 a.item0 i.sprite{background-position: -160px 0;}
.brandstory .page-webpage-brand .tabs-list2 a.item1 i.sprite{background-position: -198px 0;}
.brandstory .page-webpage-brand .tabs-list2 a.item2 i.sprite{background-position: -236px 0;}
.brandstory .page-webpage-brand .tabs-list2 a.item3 i.sprite{background-position: -274px 0;}
.brandstory .page-webpage-brand .tabs-list2 a.active{background: #00a199;border: 1px #00a199 solid;box-shadow: 0 8px 10px rgba(0,161,153,0.4);}
.brandstory .page-webpage-brand .tabs-list2 a.item0.active i.sprite{background-position: -160px -38px;}
.brandstory .page-webpage-brand .tabs-list2 a.item1.active i.sprite{background-position: -198px -38px;}
.brandstory .page-webpage-brand .tabs-list2 a.item2.active i.sprite{background-position: -236px -38px;}
.brandstory .page-webpage-brand .tabs-list2 a.item3.active i.sprite{background-position: -274px -38px;}
.brandstory .page-webpage-brand .tabs-list2 a.active p.title,.brandstory .page-webpage-brand .tabs-list2 a.active p.ftitle{color: #fff;}
.brandstory .page-webpage-brand .swiper-theme1{width: 800px;}
.brandstory .page-webpage-brand .swiper-theme1 .swiper-list2 .swiper-slide{position: relative;}
.brandstory .page-webpage-brand .swiper-theme1 .swiper-list2 .swiper-slide .list-text{position: absolute;top: 50px;left: 50px;width: 54%;z-index: 99;}
.brandstory .page-webpage-brand .swiper-theme1 .swiper-list2 .swiper-slide .list-text p.title{font-size: 18px;color: #fff;line-height: 2.5;}
.brandstory .page-webpage-brand .swiper-theme1 .swiper-list2 .swiper-slide .list-text p.title span{margin-left: 6px;font-size: 12px;}
.brandstory .page-webpage-brand .swiper-theme1 .swiper-list2 .swiper-slide .list-text p.text{font-size: 14px;color: #e0e0e0;}
.brandstory .page-webpage4{padding: 30px 0;}
.brandstory .page-webpage4 .page-webpage-left{width: 37%;padding: 12px 0 0 30px;text-align: left;border-left: 1px #d09033 solid;}
.brandstory .page-webpage4 .page-webpage-left p.title{font-size: 24px;color: #666;}
.brandstory .page-webpage4 .page-webpage-left p.subtitle{font-size: 14px;color: #818181;line-height: 1;}
.brandstory .page-webpage4 .consumer-story{width: 63%;padding-top: 120px;}
.brandstory .page-webpage4 .consumer-story ul li{margin-bottom: 16px;overflow: hidden;}
.brandstory .page-webpage4 .consumer-story ul li.item0{padding-top: 30px;}
.brandstory .page-webpage4 .consumer-story ul li.item0 .text-box{padding: 10px 0 0 10px;border-left: 1px #999 solid;}
.brandstory .page-webpage4 .consumer-story ul li.item0 .text-box p.title{font-size: 16px;color: #666;}
.brandstory .page-webpage4 .consumer-story ul li.item0 .text-box p.subtitle{font-size: 14px;color: #999;line-height: 1;}
.brandstory .page-webpage4 .consumer-story ul li .pic-img{overflow: hidden;}
.brandstory .page-webpage4 .consumer-story ul li .pic-text{position: absolute;bottom: -40px;left: 0;width: 100%;padding: 8px 16px;background: rgba(0,161,153,0.6);color: #fff;}
.brandstory .page-webpage4 .consumer-story ul li .pic-text p{font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brandstory .page-webpage4 .consumer-story ul li .pic-text i{font-size: 12px;position: absolute;top: 10px;right: 16px;}
.brandstory .page-webpage4 .consumer-story ul li:hover .pic-img img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.brandstory .page-webpage4 .consumer-story ul li:hover .pic-text{bottom: 0;}
.brandstory .page-webpage5{padding: 90px 0;}
.brandstory .page-webpage5 .employe-story ul{position: relative;height: 552px;margin-top: 80px;}
.brandstory .page-webpage5 .employe-story ul li{overflow: hidden;}
.brandstory .page-webpage5 .employe-story ul li a{display: block;position: relative;}
.brandstory .page-webpage5 .employe-story ul li .pic-img{overflow: hidden;}
.brandstory .page-webpage5 .employe-story ul li .pic-text{position: absolute;bottom: -70px;left: 0;width: 100%;padding: 8px 30px;background: rgba(0,161,153,0.6);color: #fff;}
.brandstory .page-webpage5 .employe-story ul li .pic-text p.title{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brandstory .page-webpage5 .employe-story ul li .pic-text p.description{width: 82%;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brandstory .page-webpage5 .employe-story ul li .pic-text i{font-size: 12px;position: absolute;top: 16px;right: 30px;width: 36px;height: 36px;line-height: 36px;text-align: center;border-radius: 50%;background: #fff;color: #666;}
.brandstory .page-webpage5 .employe-story ul li.item0{position: absolute;top: 0;left: 0;}
.brandstory .page-webpage5 .employe-story ul li.item1{position: absolute;top: 276px;left: 0;}
.brandstory .page-webpage5 .employe-story ul li.item2{position: absolute;top: 276px;left: 300px;}
.brandstory .page-webpage5 .employe-story ul li.item3{position: absolute;top: 0;right: 0;}
.brandstory .page-webpage5 .employe-story ul li:hover .pic-img img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.brandstory .page-webpage5 .employe-story ul li:hover .pic-text{bottom: 0;}

/**
* news
* 新闻
*/
.news-main .news-main-nav{padding: 20px 0;border-bottom: 1px #eeeeee solid;}
.news-main .news-main-nav h3{font-size: 20px;color: #333;}
.news-main .news-main-nav ul li a{display: block;padding: 0 20px;margin: 0 10px;font-size: 15px;color: #999;line-height: 2;}
.news-main .news-main-nav ul li a.active{background: #00a199;color: #fff;border-radius: 15px;}
.news-main .news-main-nav ul li a:hover{background: #00a199;color: #fff;border-radius: 15px;}
.news-main .news-main-list{padding: 40px 0;}
.news-main .news-main-list ul.news-item-list li{padding: 20px 0;}
.news-main .news-main-list ul.news-item-list li .news-pic{width: 248px; overflow: hidden;}
.news-main .news-main-list ul.news-item-list li .news-text{width: 648px;padding: 0 0 0 40px;}
.news-main .news-main-list ul.news-item-list li .news-text p.text{font-size: 16px;color: #333;line-height: 4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-main .news-main-list ul.news-item-list li .news-text p.description{font-size: 12px;color: #999;}
.news-main .news-main-list ul.news-item-list li .news-date{position: relative;padding: 50px 50px 0 0;text-align: right;}
.news-main .news-main-list ul.news-item-list li .news-date .date{padding-right: 30px;}
.news-main .news-main-list ul.news-item-list li .news-date .date:before{content: '';position: absolute;top: 60px;right: 50px;width: 1px;height: 30px;background: #e6e6e6;}
.news-main .news-main-list ul.news-item-list li .news-date p.date-m-d{font-size: 24px;color: #333;line-height: 1;}
.news-main .news-main-list ul.news-item-list li .news-date p.date-y{font-size: 18px;color: #999;}
.news-main .news-main-list ul.news-item-list li .news-date i.iconfont{position: absolute;top: 58px;right: 10px;font-size: 19px;color: #666;}
.news-main .news-main-list ul.news-item-list li:hover{padding-bottom: 30px;}
.news-main .news-main-list ul.news-item-list li:hover .news-pic img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.news-main .news-main-list ul.news-item-list li:hover .news-text p.text{color: #00a199;}
.news-main .news-main-list ul.news-item-list li:hover .news-date p.date-m-d{color: #00a199;}
.news-main .news-main-list ul.news-item-list li:hover .news-date i.iconfont{right: 0;color: #00a199;}
.chakan{text-align: center;}
.chakan #newsloadmore{display: inline-block;margin: 0 auto;padding: 6px 40px;font-size: 14px;color: #999;border: 1px #e3e3e3 solid;border-radius: 24px;}
#error-tip{position: fixed;top: 50%;left: 50%;display: none;width: 300px;height: 100px;margin-top: -50px;margin-left: -150px;padding-top: 26px;background: rgba(0,0,0,.6);color: #fff;font-size: 24px;text-align: center;}

.news-view .view-title{padding: 20px 0;border-bottom: 1px #eee solid;}
.news-view .view-title h1.title{font-size: 30px;color: #333;font-weight: normal;line-height: 2.5;}
.news-view .view-title span{font-size: 16px;color: #999;}
.news-view .view-title span.date{margin-left: 30px;}
.news-view .view-title .bdsharebuttonbox a.bds_weixin{opacity: 0;position: relative;z-index: 10;}
.news-view .view-title .bdsharebuttonbox i{position: absolute;top: -7px;left: -7px;font-size: 24px;color: #999;z-index: 1;}
.news-view .view-title .bdsharebuttonbox:hover i{opacity: .8;}
.news-view .news-main{padding: 70px 0;}
.news-view .prev-next{padding-bottom: 70px;}
.news-view .prev-next i.iconfont{display: inline-block;font-size: 20px;color: #999;transform: scale(0.8);-webkit-transform: scale(0.8);}
.news-view .prev-next a.return-prev,.news-view .prev-next a.return-next{display: block;width: 45%;height: 120px;font-size: 14px;color: #666;line-height: 120px;background: #f4f4f4;}
.news-view .prev-next a.return-prev{padding-left: 30px;}
.news-view .prev-next a.return-next{padding-right: 30px;text-align: right;}
.news-view .prev-next a.return-prev i.iconfont{position: absolute;top: 0;left: 12px;}
.news-view .prev-next a.return-next i.iconfont{position: absolute;top: 0;right: 12px;}
.news-view .prev-next a.return-prev span{position: relative;margin-left: 30px;}
.news-view .prev-next a.return-prev span:after{content: '';position: absolute;top: 4px;left: -16px;width: 1px;height: 12px;background: #e3e3e3;}
.news-view .prev-next a.return-next span{position: relative;margin-right: 30px;}
.news-view .prev-next a.return-next span:after{content: '';position: absolute;top: 4px;right: -16px;width: 1px;height: 12px;background: #e3e3e3;}
.news-view .prev-next a.returnlist{display: block;width: 10%;height: 120px;background: #00a199;text-align: center;}
.news-view .prev-next a.returnlist i{font-size: 40px;color: #fff;line-height: 120px;}
.news-view .prev-next a.return-prev:hover span,.news-view .prev-next a.return-prev:hover i{color: #00a199;}
.news-view .prev-next a.return-next:hover span,.news-view .prev-next a.return-next:hover i{color: #00a199;}
.news-view .prev-next a.return-prev:hover span:after{background: #00a199;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
.news-view .prev-next a.return-next:hover span:after{background: #00a199;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
a.return-prev-none,a.return-next-none{cursor: not-allowed;}

/**
* joinus
* 加入我们
*/

.pelm{position: absolute;}
#ju-pic1{top: 0;left: 204px;animation: suofang 1s ease-in-out forwards;-moz-animation: suofang 1s ease-in-out forwards;-webkit-animation: suofang 1s ease-in-out forwards;-o-animation: suofang 1s ease-in-out forwards;}
#ju-pic2{bottom: 30px;right: 50px;animation: suofang 1s ease-in-out 0.3s forwards;-moz-animation: suofang 1s ease-in-out 0.3s forwards;-webkit-animation: suofang 1s ease-in-out  0.3s forwards;-o-animation: suofang 1s ease-in-out  0.3s forwards;}
#ju-pic3{top: 40px;right: 40px;animation: suofang 1s ease-in-out 0.9s forwards;-moz-animation: suofang 1s ease-in-out 0.9s forwards;-webkit-animation: suofang 1s ease-in-out  0.9s forwards;-o-animation: suofang 1s ease-in-out  0.9s forwards;}
#ju-pic4{top: 120px;left: 100px;animation: suofang 1s ease-in-out 0.3s forwards;-moz-animation: suofang 1s ease-in-out 0.3s forwards;-webkit-animation: suofang 1s ease-in-out  0.3s forwards;-o-animation: suofang 1s ease-in-out  0.3s forwards;}
#ju-pic5{top: 170px;right: 140px;animation: suofang 1s ease-in-out 0.6s forwards;-moz-animation: suofang 1s ease-in-out 0.6s forwards;-webkit-animation: suofang 1s ease-in-out  0.6s forwards;-o-animation: suofang 1s ease-in-out  0.6s forwards;}
#ju-pic6{bottom: 0;left: 160px;animation: suofang 1s ease-in-out 0.9s forwards;-moz-animation: suofang 1s ease-in-out 0.9s forwards;-webkit-animation: suofang 1s ease-in-out  0.9s forwards;-o-animation: suofang 1s ease-in-out  0.9s forwards;}
#ju-pic7{bottom: 50px;left: -26px;animation: suofang 1s ease-in-out 0.3s forwards;-moz-animation: suofang 1s ease-in-out 0.3s forwards;-webkit-animation: suofang 1s ease-in-out  0.3s forwards;-o-animation: suofang 1s ease-in-out  0.3s forwards;}
#ju-pic8{top: 30px;left: 0;animation: suofang 1s ease-in-out 0.6s forwards;-moz-animation: suofang 1s ease-in-out 0.6s forwards;-webkit-animation: suofang 1s ease-in-out  0.6s forwards;-o-animation: suofang 1s ease-in-out  0.6s forwards;}



#ju-pic9{top: 150px;left: -26px;animation: suofang 1s ease-in-out 0.3s forwards;-moz-animation: suofang 1s ease-in-out 0.3s forwards;-webkit-animation: suofang 1s ease-in-out  0.3s forwards;-o-animation: suofang 1s ease-in-out  0.3s forwards;}
#ju-pic10{top: 160px;right: 40px;animation: suofang 1s ease-in-out 0.6s forwards;-moz-animation: suofang 1s ease-in-out 0.6s forwards;-webkit-animation: suofang 1s ease-in-out  0.6s forwards;-o-animation: suofang 1s ease-in-out  0.6s forwards;}


@keyframes suofang{
    0%   {transform: scale(.3);opacity: .3;}
    50%  {transform: scale(1.1);opacity: 1;}
    60%  {transform: scale(1);opacity: .8;}
    80%  {transform: scale(0.9);opacity: .8;}
    100% {transform: scale(1);opacity: 1;}
}
.joinus .page-webpage1{padding: 90px 0;}
.joinus .page-webpage1 ._left{width: 50%;}
.joinus .page-webpage1 ._right{width: 50%;padding-left: 100px;}
.joinus .page-webpage1 ._right h3.title{font-size: 24px;color: #333;font-weight: normal;}
.joinus .page-webpage1 ._right p.subtitle{font-size: 14px;color: #999;}
.joinus .page-webpage1 ._right p.text{padding-top: 30px;font-size: 16px;color: #666;line-height: 1.6;}
.joinus .outerChain{padding-top: 50px;}
.joinus .outerChain a{display: inline-block;padding: 7px 18px 7px 2px;margin-right: 30px;border-radius: 20px;background: #00a199;color: #fff;line-height: 1;}
.joinus .outerChain a i{font-size: 26px;margin-right: 15px;}
.joinus .outerChain a span{display: inline-block;position: relative;top: -4px;}
.joinus .outerChain a:hover{opacity: .8;}

.joinus .page-webpage2 ._left,.joinus .page-webpage2 ._right{width: 50%;}
.joinus .page-webpage2 ._left ul._left-list li{height: 250px;}
.joinus .page-webpage2 ._left ul._left-list li.item0{position: relative;padding-top: 60px;padding-left: 38%;background: #eb793b;color: #fff;}
.joinus .page-webpage2 ._left ul._left-list li.item0 img{position: absolute;bottom: 0;left: -62px;}
.joinus .page-webpage2 ._left ul._left-list li.item0 h3{font-size: 24px;font-weight: normal;}
.joinus .page-webpage2 ._left ul._left-list li.item0 p{font-size: 14px;}
.joinus .page-webpage2 ._left ul._left-list li.item0 p.text{padding-top: 30px;}
.joinus .page-webpage2 ._left ul._left-list li.item1{background: #00a199;width: 50%;overflow: hidden;}
.joinus .page-webpage2 ._left ul._left-list li.item1 .text{position: absolute;right: 30px;bottom: 0px;text-align: right;color: #fff;}
.joinus .page-webpage2 ._left ul._left-list li.item1 .text p.title{font-size: 18px}
.joinus .page-webpage2 ._left ul._left-list li.item1 .text p.content{font-size: 13px}
.joinus .page-webpage2 ._left ul._left-list li.item1 .text .text-hover{opacity: 0;}
.joinus .page-webpage2 ._left ul._left-list li.item1:hover img{opacity: .4;}
.joinus .page-webpage2 ._left ul._left-list li.item1:hover .text{bottom: 30px;}
.joinus .page-webpage2 ._left ul._left-list li.item1:hover .text .text-hover{opacity: 1;}

.joinus .page-webpage2 ._left ul._left-list li.item2{background: #f4f4f4;width: 50%;overflow: hidden;}
.joinus .page-webpage2 ._left ul._left-list li.item2 img{position: absolute;bottom: -156px;left: -62px;}
.joinus .page-webpage2 ._left ul._left-list li.item2 .text{position: absolute;top: 50%;right: 40px;margin-top: -30px;color: #333;text-align: right;}
.joinus .page-webpage2 ._left ul._left-list li.item2 .text p.title{font-size: 18px;line-height: 2;}
.joinus .page-webpage2 ._left ul._left-list li.item2 .text p.content{font-size: 13px;}

.joinus .page-webpage2 ._right{padding: 40px;}
.joinus .page-webpage2 ._right .text{color: #fff;}
.joinus .page-webpage2 ._right .text p.title{font-size: 18px;line-height: 3;}
.joinus .page-webpage2 ._right .text p.subtitle{font-size: 13px;}

.joinus .page-webpage3{padding: 120px 0;}
.joinus .page-webpage3 .page-webpage-top{text-align: center;}
.joinus .page-webpage3 .page-webpage-top p.title{font-size: 24px;color: #333;}
.joinus .page-webpage3 .page-webpage-top p.subtitle{font-size: 14px;color: #999;}
.joinus .page-webpage3 .page-webpage-main ._top .joinus-banner,.joinus .page-webpage3 .page-webpage-main ._top .joinus-text{width: 50%;}
.joinus-banner .flex-direction-nav a{width: 36px;height: 36px;background: rgba(0,0,0,.4);border-radius: 50%;line-height: 36px;}
.joinus .page-webpage3 .joinus-text{}
.joinus .page-webpage3 .joinus-text .text{position: relative;height: 195px;padding: 40px;background: #eaeaea;border-bottom: 1px #fff solid;overflow: hidden;}
.joinus .page-webpage3 .joinus-text .text h3.title{padding-bottom: 16px;font-size: 18px;color: #333;font-weight: normal;}
.joinus .page-webpage3 .joinus-text .text p{position: relative;font-size: 13px;color: #999;z-index: 99;}
.joinus .page-webpage3 .joinus-text .text i{position: absolute;bottom: -60px;right: -10px;font-size: 150px;color: #dedede;line-height: 1;z-index: 1;}
.joinus .page-webpage3 .joinus-text .icon-show{}
.joinus .page-webpage3 .joinus-text .icon-show ul li{width: 25%;height: 142px;padding-top: 18px;border: 1px #fff solid;border-bottom: none;text-align: center;background: #f4f4f4;}
.joinus .page-webpage3 .joinus-text .icon-show ul li:nth-child(2n+0){background: #eaeaea;}
.joinus .page-webpage3 .joinus-text .icon-show ul li:first-child{border-left: none;}
.joinus .page-webpage3 .joinus-text .icon-show ul li:last-child{border-right: none;}
.joinus .page-webpage3 .joinus-text .icon-show ul li i{font-size: 45px;color: #999;line-height: 1.6;}
.joinus .page-webpage3 .joinus-text .icon-show ul li p{font-size: 13px;color: #999;}
.joinus .page-webpage3 .page-webpage-main{padding-top: 60px;}
.joinus .page-webpage3 .page-webpage-main ._bottom{padding-top: 40px}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li{width: 25%;height: 460px;background: #00a199;text-align: center;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li i.sprite-icon{display: block;width: 51px;height: 51px;margin: 0 auto;background-position-y: -76px;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li span.item-line{display: inline-block;width: 50px;height: 5px;margin: 12px 0;background: #00a199;border-radius: 3px;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li p.title{font-size: 18px;color: #fff;line-height: 1;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li p.text{width: 70%;padding-top: 20px;margin: 0 auto;font-size: 16px;color: #fff;opacity: 0;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li.item0 i{background-position-x:-160px}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li.item1 i{background-position-x:-211px}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li.item2 i{background-position-x:-262px}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li.item3 i{background-position-x:-313px}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li .item-box{position: absolute;top: 170px;left: 0;width: 100%;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li:hover img{opacity: .5;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li:hover .item-box{top: 130px;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li:hover span.item-line{opacity: 0;margin: 0;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li:hover p.text{opacity: 1;}
.joinus .page-webpage3 .page-webpage-main ._bottom ul li:hover i{background-position-y: -127px;}

/**
* contactus
* 联系我们
*/
.contactus .page-main-nav{padding: 20px 0;border-bottom: 1px #eeeeee solid;}
.contactus .page-main-nav h3{font-size: 20px;color: #333;}
.contactus .page-main-nav ul li a{display: block;padding: 0 20px;margin: 0 10px;font-size: 15px;color: #999;line-height: 2;}
.contactus .page-main-nav ul li a.active{background: #00a199;color: #fff;border-radius: 15px;cursor: default;}
.contactus .page-main-nav ul li a:hover{background: #00a199;color: #fff;border-radius: 15px;}
.contactus .page-webpage1,.contactus .page-webpage2,.contactus .page-webpage3{padding: 30px 0;border-bottom: 1px #eeeeee solid;}
.contactus .text{padding-bottom: 20px;}
.contactus .text h3{font-size: 24px;color: #333;font-weight: normal;}
.contactus .text h3 span{margin-left: 10px;font-size: 16px;color: #999;}
.contactus .page-webpage1 .content .add-info ul li{padding-bottom: 10px;}
.contactus .page-webpage1 .content .add-info ul li i{font-size: 20px;color: #00a199;}
.contactus .page-webpage1 .content .add-info ul li span{margin-left: 10px;font-size: 16px;color: #666;line-height: 1;}
.contactus .page-webpage1 .content .pingtai ul li{margin-left: 50px;text-align: center;}
.contactus .page-webpage1 .content .pingtai ul li img{width: 100px;}

.contactus .page-webpage2 .buy{padding-top: 20px;}
.contactus .page-webpage2 .buy ul.buy-list > li{width: 25%;padding: 0 40px;}
.contactus .page-webpage2 .buy ul.buy-list li ul._list li{position: relative;width: 100%;margin-bottom: 20px;text-align: left;}
.contactus .page-webpage2 .buy ul.buy-list li ul._list li a{display: block;padding: 8px 0;border-radius: 22px;color: #fff;}
.contactus .page-webpage2 .buy ul.buy-list li ul._list li a i{position: absolute;}

.contactus .page-webpage2 .buy ul.buy-list li.item0 ul._list li a{padding-left: 74px;background: #e90315;}
.contactus .page-webpage2 .buy ul.buy-list li.item1 ul._list li a{padding-left: 80px;background: #c30000;}
.contactus .page-webpage2 .buy ul.buy-list li.item2 ul._list li a{padding-left: 100px;background: #e6007e;}
.contactus .page-webpage2 .buy ul.buy-list li.item3 ul._list li a{padding-left: 70px;background: #ff9307;}

.contactus .page-webpage2 .buy ul.buy-list li.item0 ul._list li a i{top: 4px;left: 30px;font-size: 20px;}
.contactus .page-webpage2 .buy ul.buy-list li.item1 ul._list li a i{top: 0;left: 30px;font-size: 24px;}
.contactus .page-webpage2 .buy ul.buy-list li.item2 ul._list li a i{top: 0;left: 10px;font-size: 24px;}
.contactus .page-webpage2 .buy ul.buy-list li.item3 ul._list li a i{top: 4px;left: 30px;font-size: 20px;}

.submit-input{}
.submit-input ul li{margin-bottom: 30px;}
.submit-input ul li:nth-child(5),.submit-input ul li:nth-child(6){width: 100%;}
.submit-input ul li span{font-size: 14px;color: #999;}
.submit-input ul li input{padding: 12px;margin-top: 16px;}
.submit-input ul li textarea{height: 160px;padding: 12px;margin-top: 16px;}
.submit-input ul .bginput{width: 15%;padding: 10px;margin: 0;border-radius: 20px;border: none;background: #00a199;color: #fff;}

/**
* job
* 人才招聘
*/
.job-main-list{}
.job-main-list .process{}
.job-main-list .process ul{padding: 40px 10px;}
.job-main-list .process ul li{text-align: center;height: 157px;padding: 30px 30px;border-radius: 15px;box-shadow: 0 5px 12px rgba(0,0,0,.2)}
.job-main-list .process ul li span{display: inline-block;padding: 2px 18px;font-size: 15px;color: #fff;background: #00a199;border-radius: 16px;}
.job-main-list .process ul li p{padding-top: 20px;font-size: 13px;color: #999;}
.job-main-list .process-xy{margin: 40px 0;padding: 40px 0;box-shadow: 0 5px 12px rgba(0,0,0,.1);}
.job-main-list .process-xy img{margin: 0 auto;}


.job-main-list .jobcategory{padding-bottom: 80px;}
.job-main-list .jobcategory p{font-size: 14px;color: #333;margin-right: 34px;line-height: 29px;}
.job-main-list .jobcategory .entry{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px #e3e3e3 dashed;}
.job-main-list .jobcategory .entry ul li{display: block;padding: 2px 16px;border-radius: 15px;font-size: 14px;color: #999;cursor: pointer;}
.job-main-list .jobcategory .entry ul li.active{background: #00a199;color: #fff;}

.job-main-list .jobcategory ul.table-top li{font-size: 14px;color: #333;background: #e8e8e8;border-bottom: 1px #eeeeee solid;}
.job-main-list .jobcategory ul.table-top li div.item0{width: 33%;line-height: 60px;padding-left: 40px;}
.job-main-list .jobcategory ul.table-top li div.item1{width: 19%;line-height: 60px;}
.job-main-list .jobcategory ul.table-top li div.item2{width: 19%;line-height: 60px;}
.job-main-list .jobcategory ul.table-top li div.item3{width: 19%;line-height: 60px;}
.job-main-list .jobcategory ul.table-top li div.item4{line-height: 60px;}

.job-main-list .jobcategory ul.table-list{}
.job-main-list .jobcategory ul.table-list li{font-size: 14px;color: #333;border-bottom: 1px #eeeeee solid;}
.job-main-list .jobcategory ul.table-list li div.item0{width: 33%;line-height: 60px;padding-left: 40px;cursor: pointer;}
.job-main-list .jobcategory ul.table-list li div.item1{width: 19%;line-height: 60px;}
.job-main-list .jobcategory ul.table-list li div.item2{width: 19%;line-height: 60px;}
.job-main-list .jobcategory ul.table-list li div.item3{width: 19%;line-height: 60px;}
.job-main-list .jobcategory ul.table-list li div.item4{line-height: 60px;}
.job-main-list .jobcategory ul.table-list li div.item4 a{font-size: 13px;padding: 4px 12px;color: #00a199;border: 1px #00a199 solid;border-radius: 14px;}
.job-main-list .jobcategory ul.table-list li .text{display: none;width: 100%;background: #f4f4f4;}
.job-main-list .jobcategory ul.table-list li .text h3{font-size: 15px;color: #333;font-weight: normal;line-height: 2.3;}
.job-main-list .jobcategory ul.table-list li .text h3 span{color: #00a199;}
.job-main-list .jobcategory ul.table-list li .text p{font-size: 13px;color: #666;line-height: 2.3;}
.job-main-list .jobcategory ul.table-list li.active .text{display: block;width: 100%;padding: 40px;background: #f4f4f4;}
.job-main-list .jobcategory ul.table-list li.active .item0 i{display: inline-block;transform: rotate(180deg)}

/**
* giftpurchase
* 礼品团购
*/
.giftpurchase .page-main-nav{padding: 20px 0;border-bottom: 1px #eeeeee solid;}
.giftpurchase .page-main-nav h3{font-size: 20px;color: #333;}
.giftpurchase .page-main-nav ul li a{display: block;padding: 0 20px;margin: 0 10px;font-size: 15px;color: #999;line-height: 2;}
.giftpurchase .page-main-nav ul li a.active{background: #00a199;color: #fff;border-radius: 15px;cursor: default;}
.giftpurchase .page-main-nav ul li a:hover{background: #00a199;color: #fff;border-radius: 15px;}
.giftpurchase .page-webpage1{margin: 50px 0;}
.giftpurchase .page-webpage1 .text{position: absolute;top: 0;left: 0;width: 100%;text-align: center;}
.giftpurchase .page-webpage1 ._left .text{top: 50%;margin-top: -40px;}
.giftpurchase .page-webpage1 ._left .text h3{padding-bottom: 20px;font-size: 24px;color: #fff;}
.giftpurchase .page-webpage1 ._left .text span{display: inline-block;padding: 2px 20px;border-radius: 15px;background: #e87209;font-size: 14px;color: #fff;}
.giftpurchase .page-webpage1 ._right .item0 .text{top: 50%;margin-top: -63px;}
.giftpurchase .page-webpage1 ._right .item0 .text i.sprite-icon{display: inline-block;width: 48px;height: 48px;background-position: -312px 0;}
.giftpurchase .page-webpage1 ._right .item0 .text p{font-size: 14px;color: #fff;}
.giftpurchase .page-webpage1 ._right .item0 .text i.iconfont{font-size: 26px;color: #fff;}
.giftpurchase .page-webpage1 ._right .item1 .text{top: 50%;margin-top: -11px;}
.giftpurchase .page-webpage1 ._right .item1 .text p{padding-bottom: 4px;font-size: 14px;color: #fff;}
.giftpurchase .page-webpage1 ._right .item1 .text h3{font-size: 18px;color: #fff;opacity: 0;}
.giftpurchase .page-webpage1 ._right .item1:hover .text{margin-top: -27px;}
.giftpurchase .page-webpage1 ._right .item1:hover .text h3{opacity: 1;}
.giftpurchase .page-webpage2{padding: 80px 0;background: #f4f5f6;}
.giftpurchase .page-webpage2 h3.title{font-size: 24px;color: #333;text-align: center;font-weight: normal;}
.giftpurchase .page-webpage2 ul.yoshi1{padding-top: 20px;}
.giftpurchase .page-webpage2 ul.yoshi1 li{width: 25%;padding: 0 58px;text-align: center;}
.giftpurchase .page-webpage2 ul.yoshi1 li img{margin: 20px auto;}
.giftpurchase .page-webpage2 ul.yoshi1 li p.title{font-size: 18px;color: #333;}
.giftpurchase .page-webpage2 ul.yoshi1 li p.text{font-size: 14px;color: #999;}
.giftpurchase .page-webpage2 ul.yoshi2{padding-top: 80px;}
.giftpurchase .page-webpage2 ul.yoshi2 li span.item-link{display: inline-block;width: 100%;height: 1px;background: #e87209;}
.giftpurchase .page-webpage2 ul.yoshi2 li p{font-size: 14px;color: #666;line-height: 2;}


/**
* merchants
* 招商加盟
*/
.merchants .page-webpage1{padding: 80px 0;}
.merchants .page-webpage1 ul.standard{padding-top: 40px;}
.merchants .page-webpage1 ul.standard li{width: 25%;text-align: center;padding: 50px 0;border-left: 1px #eeeeee solid;border-bottom: 1px #eeeeee solid;}
.merchants .page-webpage1 ul.standard li p.font-bj{font-size: 140px;color: #f8f8f8;line-height: 1;}
.merchants .page-webpage1 ul.standard li .text{position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -48px;text-align: center;}
.merchants .page-webpage1 ul.standard li .text i.sprite-icon{display: block;width: 51px;height: 51px;margin: 10px auto;}
.merchants .page-webpage1 ul.standard li .text p.title{font-size: 16px;color: #666;}
.merchants .page-webpage1 ul.standard li.item0,.merchants .page-webpage1 ul.standard li.item4{border-left: none;}
.merchants .page-webpage1 ul.standard li.item4,.merchants .page-webpage1 ul.standard li.item5,.merchants .page-webpage1 ul.standard li.item6,.merchants .page-webpage1 ul.standard li.item7{border-bottom: none;}
.merchants .page-webpage1 ul.standard li.item0 .text i.sprite-icon{background-position: 0 -180px;}
.merchants .page-webpage1 ul.standard li.item1 .text i.sprite-icon{background-position: -51px -180px;}
.merchants .page-webpage1 ul.standard li.item2 .text i.sprite-icon{background-position: -102px -180px;}
.merchants .page-webpage1 ul.standard li.item3 .text i.sprite-icon{background-position: -153px -180px;}
.merchants .page-webpage1 ul.standard li.item4 .text i.sprite-icon{background-position: -204px -180px;}
.merchants .page-webpage1 ul.standard li.item5 .text i.sprite-icon{background-position: -255px -180px;}
.merchants .page-webpage1 ul.standard li.item6 .text i.sprite-icon{background-position: -306px -180px;}
.merchants .page-webpage1 ul.standard li.item7 .text i.sprite-icon{background-position: -361px -180px;}
.merchants .page-webpage1 ul.standard li:hover .text p.title{color: #00a199;}
.merchants .page-webpage1 ul.standard li.item0:hover .text i.sprite-icon{background-position: 0 -231px;}
.merchants .page-webpage1 ul.standard li.item1:hover .text i.sprite-icon{background-position: -51px -231px;}
.merchants .page-webpage1 ul.standard li.item2:hover .text i.sprite-icon{background-position: -102px -231px;}
.merchants .page-webpage1 ul.standard li.item3:hover .text i.sprite-icon{background-position: -153px -231px;}
.merchants .page-webpage1 ul.standard li.item4:hover .text i.sprite-icon{background-position: -204px -231px;}
.merchants .page-webpage1 ul.standard li.item5:hover .text i.sprite-icon{background-position: -255px -231px;}
.merchants .page-webpage1 ul.standard li.item6:hover .text i.sprite-icon{background-position: -306px -231px;}
.merchants .page-webpage1 ul.standard li.item7:hover .text i.sprite-icon{background-position: -361px -231px;}

.merchants .page-webpage2{padding: 70px 0;background: #f4f5f6;}
.merchants .page-webpage2 ul.conditions{overflow: initial;padding-top: 40px;}
.merchants .page-webpage2 ul.conditions li{}
.merchants .page-webpage2 ul.conditions li .item-box{position: relative;height: 245px;padding: 50px 30px 0 30px;border-radius: 20px;background: #fff;text-align: center;z-index: 99;}
.merchants .page-webpage2 ul.conditions li i.icon{display: block;width: 44px;height: 44px;margin: 20px auto;}
.merchants .page-webpage2 ul.conditions li i.iconfont{position: absolute;bottom: 0px;left: 50%;display: block;width: 30px;margin-left: -15px;transform: rotate(-90deg);opacity: 0;color: #00a199;z-index: 99;}
.merchants .page-webpage2 ul.conditions li:hover i.iconfont{bottom: 20px;opacity: 1;}
.merchants .page-webpage2 ul.conditions li i.modify{position: absolute;bottom: -8px;left: -12px;display: block;width: 41px;height: 40px;background-position: -264px -282px;z-index: 1;}
.merchants .page-webpage2 ul.conditions li.item0 i.icon{background-position: 0 -282px;}
.merchants .page-webpage2 ul.conditions li.item1 i.icon{background-position: -44px -282px;}
.merchants .page-webpage2 ul.conditions li.item2 i.icon{background-position: -88px -282px;}
.merchants .page-webpage2 ul.conditions li.item3 i.icon{background-position: -132px -282px;}
.merchants .page-webpage2 ul.conditions li.item4 i.icon{background-position: -176px -282px;}
.merchants .page-webpage2 ul.conditions li.item5 i.icon{background-position: -220px -282px;}
.merchants .page-webpage2 ul.conditions li:hover .item-box{padding: 30px 30px 0 30px;}

.merchants .page-webpage3{padding: 80px 0;}
.merchants .page-webpage3 ul.odds{padding-top: 40px;}
.merchants .page-webpage3 ul.odds li{width: 25%;border-left: 1px #eeeeee solid;border-bottom: 1px #eeeeee solid;}
.merchants .page-webpage3 ul.odds li.item0,.merchants .page-webpage3 ul.odds li.item4{border-left: none;}
.merchants .page-webpage3 ul.odds li.item4,.merchants .page-webpage3 ul.odds li.item5,.merchants .page-webpage3 ul.odds li.item6,.merchants .page-webpage3 ul.odds li.item7{border-bottom: none;}
.merchants .page-webpage3 ul.odds li .imghvr-zoom-out{width: 100%;padding: 60px 0;}
.merchants .page-webpage3 ul.odds li .imghvr-zoom-out .icon{text-align: center;}
.merchants .page-webpage3 ul.odds li .imghvr-zoom-out .icon i.iconfont{font-size: 40px;color: #666;}
.merchants .page-webpage3 ul.odds li .imghvr-zoom-out .icon p.title{font-size: 14px;color: #666;}
.merchants .page-webpage3 ul.odds li .imghvr-zoom-out .icon p.Avant-bk{font-size: 14px;color: #999;}
[class^='imghvr-'],[class*=' imghvr-'] {position:relative;margin:0px;background: #fff;color:#fff;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);transform:translateZ(0);}
[class^='imghvr-'] > img,[class*=' imghvr-'] > img {vertical-align:top;max-width:100%;}
[class^='imghvr-'] .text,[class*=' imghvr-'] .text {background-color: #0ca69e;padding:36px;position:absolute;top:0;bottom:0;left:0;right:0;height: 100%;text-align: center;}
[class^='imghvr-'],[class*=' imghvr-'],[class^='imghvr-']:before,[class^='imghvr-']:after,[class*=' imghvr-']:before,[class*=' imghvr-']:after,[class^='imghvr-'] *,[class*=' imghvr-'] *,[class^='imghvr-'] *:before,[class^='imghvr-'] *:after,[class*=' imghvr-'] *:before,[class*=' imghvr-'] *:after {-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.35s ease;transition:all 0.35s ease;}
[class^='imghvr-zoom-out'] .text,[class*=' imghvr-zoom-out'] .text {-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0;}
[class^='imghvr-zoom-out']:hover .text,[class*=' imghvr-zoom-out']:hover .text,[class^='imghvr-zoom-out'].hover .text,[class*=' imghvr-zoom-out'].hover .text {-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.imghvr-zoom-out:hover > .icon {-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0;}

.merchants .page-webpage4{padding: 80px 0;border-bottom: 1px #e3e3e3 dashed;}
.merchants .page-webpage4 ul.standby{padding-top:40px;}
.merchants .page-webpage4 ul.standby li{width: 25%;}
.merchants .page-webpage4 ul.standby li ._top{height: 250px;padding: 60px 30px 0 30px;text-align: center;}
.merchants .page-webpage4 ul.standby li ._top span.item-line{display: block;width: 26px;height: 3px;margin: 10px auto;background: #0ca69e;border-radius: 2px;}
.merchants .page-webpage4 ul.standby li ._top p.title{padding-bottom: 10px;font-size: 16px;color: #333;}
.merchants .page-webpage4 ul.standby li ._top p.text{font-size: 13px;color: #999;}
.merchants .page-webpage4 ul.standby li ._top i.iconfont{display: block;font-size: 26px;color: #999;}
.merchants .page-webpage4 ul.standby li ._top i.iconfont{transform: rotate(90deg)}
.merchants .page-webpage4 ul.standby li:nth-child(2n+0) ._top{position: absolute;top: 250px;left: 0;}
.merchants .page-webpage4 ul.standby li:nth-child(2n+0) ._top i.iconfont{transform: rotate(-90deg)}
.merchants .page-webpage4 ul.standby li:hover ._top{padding: 70px 30px 0 30px;}
.merchants .page-webpage4 ul.standby li:hover ._top p.title{color: #00a199;}
.merchants .page-webpage4 ul.standby li:hover:nth-child(2n+0) ._top{padding: 50px 30px 0 30px;}
.merchants .page-webpage4 ul.standby li .pic{position:relative;overflow:hidden;background:#3085a3;text-align:center;}
.merchants .page-webpage4 ul.standby li .pic-img::before {pointer-events:none}
.merchants .page-webpage4 ul.standby li .pic-img::after {pointer-events:none}
.merchants .page-webpage4 ul.standby li .pic-img::after {-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.merchants .page-webpage4 ul.standby li .pic-img::after {position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.merchants .page-webpage4 ul.standby li:hover .pic-img {opacity:.7;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}
.merchants .page-webpage4 ul.standby li:hover .pic-img::after {opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1)}

.merchants .page-webpage5{padding: 80px 0;}
.merchants .page-webpage5 .submit-input{padding-top: 40px;border-bottom: 1px #e3e3e3 dashed;}
.merchants .page-webpage5 .other-submit{padding-top: 20px;}
.merchants .page-webpage5 .other-submit p.text{font-size: 18px;color: #333;}
.merchants .page-webpage5 .other-submit ul{padding-top: 30px;}
.merchants .page-webpage5 .other-submit ul li{padding-left: 50px;line-height: 54px;}
.merchants .page-webpage5 .other-submit ul li i{position: absolute;top: 0;left: 0;font-size: 30px;color: #00a199;}
.merchants .page-webpage5 .other-submit ul li span{display: inline-block;font-size: 14px;color: #666;}

/**
* Download
* 下载中心
*/
.download .product-img img{margin: 0 auto;}
.download .product-text .name{height: 64px;padding: 0 20px;margin-bottom: 16px;overflow: hidden;}
.download .product-text a.down{display: inline-block;padding: 5px 20px;margin-bottom: 6px;background: #00a199;font-size: 14px;color: #fff;border-radius: 23px;}

/*cl*/
.contactus .page-webpage2 .buy ul.buy-list > li{width: 100%;}
.contactus .page-webpage2 .buy ul.buy-list li ul._list li{width:23.5%;}
.contactus .page-webpage2 .buy ul.buy-list li.item0 ul._list li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 20px;background: #c30000;}
.contactus .page-webpage2 .buy ul.buy-list li.item1 ul._list li a{background: #e90315;}