.index .logo{background-image: url(../images/logo.png); background-size: 100%;}
.index .header{background: none;}
.index .navbar-nav>li .dropnav{top: 0; background-color:rgba(255,255,255,0.65);}
.index .navbar-default .navbar-nav>.open>a, .index .navbar-default .navbar-nav>.open>a:focus, .index .navbar-default .navbar-nav>.open>a:hover{position: relative; z-index: 1001;}
.index .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.index .language, .index .language a{color: #fff;}
.index .language .radius-half{color: #727272;background:url(../images/search.png) no-repeat center}
.index .language i{background: #fff}
@media (min-width: 992px){
.index .navbar-nav>li>a{color: #fff;}
.index .navbar-nav>li .dropdown-menu{margin-top: 50px;}
}
@media (max-width: 1199px){
.index .navbar-nav>li>a{-webkit-transition: none; transition: none;}
/*.index .navbar-nav>li>a:visited{color: #fff;}*/
}

.idx-banner{background-color:#fff;}
.idx-banner .swiper-container{width: 100%; z-index: 0; height: 100%;}
.idx-banner .swiper-slide{background-color: rgba(0,0,0,.5);}
.idx-banner .swiper-wrapper, .idx-banner [data-swiper-parallax]{will-change:transform}
.idx-banner .headbg{z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .headbg img{width: 100%;}
.idx-banner .headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);z-index: 1;}
.idx-banner .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.idx-banner .weui-cell{width: 100%; height: 100%;}
.idx-banner .en{display: inline-block; text-align: left; font-size: 16px; line-height: 22px; font-weight: 300; opacity: .5; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutUp 2s; animation: fadeOutUp 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .cn{margin-top: .3rem; font-size: .5rem; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .headbg{-webkit-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.idx-banner .swiper-slide-active .en{opacity: .5; -webkit-animation: fadeInDown 1.5s; animation: fadeInDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .cn{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-button-prev, .idx-banner .swiper-button-next{top: 25%; left: 36%; right: 0; width: 34px; height: 34px; border: 1px solid transparent; background: none; -webkit-border-radius: 50%; border-radius: 50%;}
.idx-banner .swiper-button-next{margin-top: 20px;}
.idx-banner .swiper-button-prev::before, .idx-banner .swiper-button-next::before{position: absolute; display: block; content: ""; left: 50%; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff;}
.idx-banner .swiper-button-prev::before{margin-left: -3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.idx-banner .swiper-button-next::before{margin-left: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.idx-banner .swiper-pagination{width: auto !important; bottom: .5rem !important; left: 50% !important; border-bottom: 1px solid rgba(255,255,255,.35); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.idx-banner .swiper-pagination-bullet{position: relative; width: auto; height: auto; margin: 0 .36rem !important; padding: 5px .24rem; font-size: 14px; color: #fff; opacity: 1; background: none; -webkit-border-radius: 0; border-radius: 0;}
.idx-banner .swiper-pagination-bullet::after{position: absolute; display: block; content: ""; left: 50%; bottom: -15px; width: 0; height: 2px; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1); transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1);}
.idx-banner .swiper-pagination-bullet-active::after{width: 16px;}
.idx-banner .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.idx-banner .swiper-pagination-bullet:last-child{margin-right: 0 !important;}
@media (min-width: 640px){.idx-banner .en{margin-left: -10%;}}
@media (min-width: 1200px){.idx-banner .swiper-button-prev:hover, .idx-banner .swiper-button-next:hover{border-color: #fff;}}
@media (max-width: 639px){
.idx-banner .swiper-pagination-bullet{margin: 0 !important;}
}

.idx-title .en{line-height: 15px; font-size: 12px; color: #888;}
.idx-title .cn{margin-top: 45px; font-size: 16px; color: #00a47f;}
.idx-title h3{margin-top: 15px; font-size: 40px; color: #191919;font-weight:400}
.idx-title p{margin-top: 35px; font-size: 14px; color: #999999;line-height: 24px; }
.idx-title .more {margin-top:60px;}
.idx-title .cn2{margin-top: 75px;}

/*.idx-advantage {background:url(../images/list1.jpg) no-repeat right top;}*/
.idx-advantage .container {border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;position:relative;padding-top:72px;}
.idx-advantage .upper {width:15px;background:#fff;position:absolute;left:-8px;top:100px;height:90px;background:url(../images/adv.png) #fff;}
.idx-advantage1 {}
.idx-advantage1 .container {border-left:1px solid #e9e9e9;height:115px;}

.idx-aboutus {background:#f4f4f6}
.idx-aboutus .about-img {position:relative;}
.idx-aboutus .about-img div{width:15px;border-left:1px solid #819296;position:absolute;left:15.3%;top:0px;}
.idx-aboutus .about-img div img{margin-left:-7px;margin-top:95px;}

.idx-aboutus .textbox {margin-top:110px;}
.idx-aboutus .textbox h3{margin-top: 15px; font-size: 40px; color: #191919;font-weight:400}
.idx-aboutus .textbox h3 span{font-weight:bold; color: #00a47f;}
.idx-aboutus .textbox p{color:#191919;margin-top:20px;font-weight:300}
.idx-aboutus .textbox p.span{margin-top: 45px; font-size: 14px; color: #999999;line-height: 24px; }
.idx-aboutus .textbox .numList {float:left;width:100%;margin-top:80px;}
.idx-aboutus .textbox .num{float:left;width:33.3333333%;background:url(../images/dline.jpg) no-repeat right center}
.idx-aboutus .textbox .num:nth-child(3) {background:none}
.idx-aboutus .textbox .num:nth-child(1) {width:20%}
.idx-aboutus .textbox .num:nth-child(2) {width:40%;padding-left:10%}
.idx-aboutus .textbox .num:nth-child(3) {width:40%;padding-left:10%}

.idx-aboutus .textbox .num strong{font-size:30px;font-weight:normal;color:#191919;line-height:50px;}
.idx-aboutus .textbox .num div{color:#a4a4a5;font-size:16px;line-height:24px;}
.idx-aboutus .more {margin-top:110px;}
.idx-aboutus .col-sm-6 {width:55%;}
.idx-aboutus .colsm {width:45%;}


@media (max-width: 1600px){
    .idx-title .cn{margin-top: 35px;}
    .idx-title h3{margin-top: 15px; font-size: 36px;}
    .idx-title .more {margin-top:40px;}
    /*.idx-advantage {background:url(../images/list1.jpg) no-repeat right -70px top;}*/
    .idx-aboutus .textbox {margin-top:60px;}
    .idx-aboutus .textbox h3{font-size:32px;}
    .idx-aboutus .textbox .numList {margin-top:40px;}
    .idx-aboutus .textbox .num strong{font-size:24px;line-height:40px;}
    .idx-aboutus .textbox .num div{font-size:14px;}

    .idx-aboutus .more {margin-top:60px;}
}
@media (max-width: 1440px){
    .idx-title .cn{margin-top: 35px;}
    .idx-title h3{margin-top: 15px; font-size: 32px;}
    .idx-title .more {margin-top:30px;}
    /*.idx-advantage {background:url(../images/list1.jpg) no-repeat right -70px top;}*/
    .idx-aboutus .textbox {margin-top:50px;}
    .idx-aboutus .textbox h3{font-size:32px;}
    .idx-aboutus .textbox .numList {margin-top:40px;}

    .idx-aboutus .textbox .num strong{font-size:24px;line-height:40px;}
    .idx-aboutus .textbox .num div{font-size:14px;}
    .idx-aboutus .more {margin-top:60px;}
    .idx-advantage1 .container {height:90px;}
}
@media (max-width: 1360px){
    .idx-title .cn{margin-top: 20px;}
    .idx-title h3{margin-top: 10px; font-size: 28px;}
    .idx-title .more {margin-top:20px;}
    /*.idx-advantage {background:url(../images/list1.jpg) no-repeat right -70px top;}*/
    .idx-aboutus .textbox {margin-top:40px;}
    .idx-aboutus .textbox h3{font-size:28px;}
    .idx-aboutus .textbox .numList {margin-top:30px;}

    .idx-aboutus .col-sm-9 {width:85%;}
    .idx-aboutus .textbox .num strong{font-size:22px;line-height:40px;}
    .idx-aboutus .textbox .num div{font-size:14px;}
    .idx-aboutus .more {margin-top:40px;}
    .idx-advantage1 .container {height:80px;}
}
@media (max-width: 1199px){
    .idx-advantage .col-md-8 {width:80%;}
    .idx-title .cn{margin-top: 20px;}
    .idx-title h3{margin-top: 10px; font-size: 22px;}
    .idx-title p{margin-top: 15px; font-size: 13px; line-height: 24px; }
    .idx-title .more {margin-top:10px;}
    /*.idx-advantage {background:url(../images/list1.jpg) no-repeat right -145px top;}*/
    .idx-aboutus .textbox {margin-top:40px;}
    .idx-aboutus .textbox h3{font-size:22px;}
    .idx-aboutus .textbox p{font-size:16px;margin-top:16px;}
    .idx-aboutus .textbox p.span{margin-top: 25px; font-size: 14px; color: #999999;line-height: 24px; }
    .idx-aboutus .textbox .numList {margin-top:30px;}

    .idx-aboutus .col-sm-9 {width:85%;}
    .idx-aboutus .textbox .num strong{font-size:24px;line-height:40px;}
    .idx-aboutus .textbox .num div{font-size:14px;}
    .idx-aboutus .more {margin-top:40px;}
    .idx-advantage1 .container {height:60px;}
}
@media (max-width: 992px){
    .idx-advantage .col-md-8 {width:85%;}
    .idx-advantage .col-md-offset-1 {margin-left:5%}
    .idx-title .cn{margin-top: 10px;}
    .idx-title h3{margin-top: 10px; font-size: 18px;}
    .idx-title p{margin-top: 15px; font-size:12px; line-height: 20px; }
    .idx-title .more {margin-top:10px;}
    /*.idx-advantage {background:url(../images/list1.jpg) no-repeat right -185px top;}*/
    .idx-aboutus .textbox {margin-top:20px;}
    .idx-aboutus .textbox h3{font-size:18px;}
    .idx-aboutus .textbox p{font-size:14px;margin-top:14px;}
    .idx-aboutus .textbox p.span{margin-top: 15px; font-size: 14px;line-height:24px; }
    .idx-aboutus .textbox .numList {margin-top:20px;}

    .idx-aboutus .col-sm-9 {width:100%;}
    .idx-aboutus .textbox .num strong{font-size:18px;line-height:30px;}
    .idx-aboutus .textbox .num div{font-size:12px;}
    .idx-aboutus .more {margin-top:20px;}
    .idx-advantage1 .container {height:40px;}
    .idx-aboutus .col-sm-6 {width:50%;}
    .idx-aboutus .colsm {width:50%;}
}
@media (max-width: 767px){
    .idx-advantage {background:none;}
    .idx-advantage .col-xs-12{float:left;width:100%;}
    .idx-advantage .container {border-right:1px solid #e9e9e9;position:relative;padding-top:32px;}
    .idx-advantage .col-md-8 {width:100%;float:left;}
    .idx-aboutus {padding-bottom:20px;}
    .idx-aboutus .col-sm-9 {width:100%;}
    .idx-advantage .col-md-offset-1 {margin-left:0%}
    .idx-aboutus .about-img div{left:4.2%;}
    .idx-aboutus .textbox .num strong{font-size:16px;line-height:30px;}
    .idx-aboutus .more {margin-bottom:20px;}

    .idx-advantage .upper {top:280px;}
    .idx-aboutus .col-sm-6 {width:100%;}
    .idx-aboutus .colsm {width:100%;}
}

.pcp-category {float:left;width:100%;padding:50px 20px}
.pcp-category ul{float:left;width:100%;}
.pcp-category ul li{float:left;width:25%;border-right:1px solid #fff;}
.pcp-category ul li a{height:45px;display:block;font-size:14px;color:#fff;background:#333;text-align:center;width:100%;line-height:45px;}
.pcp-category ul li a img{float:left;display:block;width:40px;}
.pcp-category ul li a span{float:left;height:45px;line-height:45px;margin-left:10px;}
.pcp-category ul li a:hover {color:#fff;background:#009541}
.pcp-category ul li a.on  {color:#fff;background:#009541}

.idx-products {padding:30px 0px;}
.pcp-content {float:left;width:100%;padding-left:9px;padding-right:9px;}
.pcp-content .list {float:left;width:33.33333333%;padding:0px 9px;}
.pcp-content .artlist {float:left;width:100%;margin-bottom:18px;}

.fix {overflow: hidden}
h1,h2,h3,h4,h5,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;}
.p-relative {position: relative;}

.project-thumb img {width: 100%;}
/*.project-thumb::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(to top, #00a47f, transparent);background: linear-gradient(to top, #969b9d, transparent);z-index: 1;transition: .3s;opacity: 0;}*/
.project-overlay {position: absolute;bottom: -35px;z-index: 9;left: 40px;right: 40px;transition: .5s;opacity: 0;}
.project-overlay h5 {overflow: hidden;display: inline-block;margin-bottom: 0;font-size: 24px;line-height: 40px;color: #fff;}
.project-overlay > a {float: right;font-size: 14px;height: 40px;width: 40px;text-align: center;line-height: 40px;background: #fff;border-radius: 50%;color: #00a47f;}
.project-overlay h5:hover a {color: #fff;}
.project-overlay > a:hover {background: #00a47f;color: #fff;}
.single-project:hover .project-thumb::before {opacity: 1;}
.single-project:hover .project-overlay {opacity: 1;bottom: 35px;}
.project-active .slick-arrow {position: absolute;top: -190px;right: 15px;z-index: 9;background: transparent;padding: 0;height: 60px;width: 60px;text-align: center;line-height: 60px;color: #13287e;font-size: 18px;border: 2px solid #eaeaea;border-radius: 50%;cursor: pointer;transition: .3s;}
.project-active .slick-arrow.slick-prev {right: 85px;}
.project-active .slick-arrow:hover {background: #29a268;border-color: #29a268;color: #fff;}
.portfolio-menu button {font-size: 16px;font-weight: 700;border: none;background: none;color: #5f5f5f;display: inline-block;padding: 10px 15px;line-height: 1;cursor: pointer;transition: .3s;}
.portfolio-menu button:hover {color: #29a268;}
.portfolio-menu button.active {color: #29a268;}
.s-project-thumb img {width: 100%;}
.s-project-content {box-shadow: 0px 16px 32px 0px rgba(236, 236, 236, 0.56);padding: 25px 40px;}
.s-project-content h4 {font-size: 24px;letter-spacing: -1px;margin-bottom: 5px;}
.s-project-content span {font-size: 15px;display: block;}
.s-project-content h4:hover a {color: #29a268;}
.s-project-btn .btn {background: transparent;color: #13287e;border: 2px solid #29a268;}
.s-project-btn .btn::after {background: #29a268;}
.s-project-btn .btn:hover {color: #fff;}
.inner-project-area-p.pt-105 {padding-top: 108px;}

@media (max-width: 1600px){

}
@media (max-width: 1440px){
    /*.pcp-category ul li a img{width:35px;}
    .pcp-category ul li a{height:40px;font-size:13px;}*/
}
@media (max-width: 1360px){
    /*.pcp-category ul li a img{width:35px;}
    .pcp-category ul li a{height:35px;font-size:12px;}*/
}
@media (max-width: 1199px){
    .idx-products {padding:30px 0px 10px;}

    /*.pcp-category {padding:30px 5px}
    .pcp-category ul li a{height:30px;font-size:13px;}
    .pcp-category ul li a img{width:30px;float:none;margin:0 auto;}
    .pcp-category ul li a span{width:100%;text-align:center;margin-left:0px;}*/
}
@media (max-width: 992px){
    .idx-products {padding:30px 0px 0px;}

    /*.pcp-category {padding:30px 5px}
    .pcp-category ul li{width:20%;}
    .pcp-category ul li a{height:30px;font-size:12px;}
    .pcp-category ul li a img{width:30px;float:none;margin:0 auto;}
    .pcp-category ul li a span{width:100%;text-align:center;margin-left:0px;height:30px;line-height:30px;overflow:hidden;}*/
}
@media (max-width: 767px){
    .idx-products {padding:10px 0px 0px;}
        .pcp-category ul li{width:50%;border-bottom:1px solid #fff}

    .pcp-content .list {width:100%;padding:0px 9px;}
    .project-overlay h5 {font-size: 18px;line-height:30px;}
    .project-overlay > a {height: 30px;width: 30px;text-align: center;line-height: 30px;margin-top:10px}

    .single-project .project-thumb::before {opacity: 1;}
    .single-project .project-overlay {opacity: 1;bottom: 35px;}
}


.idx-news {float:left;width:100%;margin-top:46px;}
.itop {float:left;width:100%;background:#f4f4f6;margin-bottom:60px;}
.itop .ntxt {padding-top:15%;}
.itop .ntxt strong{font-size:28px;font-weight:normal;color:#191919;line-height:32px;float:left;width:100%;}
.itop .ntxt span{font-size:16px;color:#999;line-height:32px;width:100%;float:left;width:100%;padding:30px 0px 40px;}
.itop .ntxt p{font-size: 14px; color: #999999;line-height: 24px; }
.itop .ntxt .more {margin-top:70px;}

.inList {float:left;width:50%;margin-bottom:30px;}
.inList:nth-child(1) {padding-right:70px;}
.inList:nth-child(2) {padding-left:70px;}
.inList:nth-child(3) {padding-right:70px;}
.inList:nth-child(4) {padding-left:70px;}

.mDate {float:left;width:17%;background:#eeeeee;text-align:center;padding:30px 0px;}
.mDate .sp1 {float:left;width:100%;font-size:24px;color:#0f0f0f;font-family:"Myriad Pro";}
.mDate .sp2 {float:left;width:100%;font-size:16px;color:#999}

.mContent {float:left;width:83%;padding:30px 50px 50px 50px}
.mContent strong {float:left;width:100%;font-size:28px;color:#191919;line-height:30px; font-weight:normal}
.mContent p {float:left;width:100%;font-size:14px;color:#999;line-height:24px;margin-top:20px;}

.inList:hover {cursor:pointer}
.inList:hover .mDate{background:#00a47f}
.inList:hover .mDate .sp1{color:#fff}
.inList:hover .mDate .sp2{color:#fff}
.inList:hover .mContent{background:#acacac}
.inList:hover .mContent strong{color:#fff}
.inList:hover .mContent p{color:#fff}


@media (max-width: 1600px){
    .itop .ntxt strong{font-size:24px;line-height:28px;}
    .itop .ntxt span{font-size:15px;line-height:30px;padding:20px 0px 30px;}
    .itop .ntxt .more {margin-top:50px;}
    .inList:nth-child(1) {padding-right:50px;}
    .inList:nth-child(2) {padding-left:50px;}
    .inList:nth-child(3) {padding-right:50px;}
    .inList:nth-child(4) {padding-left:50px;}
    .mContent strong {font-size:24px;line-height:28px;}
}
@media (max-width: 1440px){
    .mContent {float:left;width:83%;padding:30px 45px 45px 45px}
    .itop .ntxt strong{font-size:22px;line-height:26px;}
    .itop .ntxt span{font-size:14px;line-height:28px;padding:15px 0px 25px;}
    .itop .ntxt .more {margin-top:35px;}
    .mDate {padding:20px 0px;}
    .inList:nth-child(1) {padding-right:40px;}
    .inList:nth-child(2) {padding-left:40px;}
    .inList:nth-child(3) {padding-right:40px;}
    .inList:nth-child(4) {padding-left:40px;}
    .mContent strong {font-size:22px;line-height:26px;}
}
@media (max-width: 1360px){
    .mContent {float:left;width:83%;padding:30px 45px 45px 45px}
    .itop .ntxt {padding-top:8%;}
    .itop .col-sm-9 {width:85%;}
    .itop .ntxt strong{font-size:22px;line-height:26px;}
    .itop .ntxt span{font-size:14px;line-height:28px;padding:15px 0px 25px;}
    .itop .ntxt .more {margin-top:20px;}
    .mDate {padding:20px 0px;}
    .inList:nth-child(1) {padding-right:25px;}
    .inList:nth-child(2) {padding-left:25px;}
    .inList:nth-child(3) {padding-right:25px;}
    .inList:nth-child(4) {padding-left:25px;}
    .mContent strong {font-size:20px;line-height:26px;}
}
@media (max-width: 1199px){
    .mContent {float:left;width:83%;padding:30px 45px 45px 45px}
    .itop .ntxt {padding-top:6%;}
    .itop .col-sm-9 {width:85%;}
    .itop .ntxt strong{font-size:18px;line-height:24px;}
    .itop .ntxt span{font-size:14px;line-height:28px;padding:15px 0px 25px;}
    .itop .ntxt .more {margin-top:20px;}
    .mDate {padding:20px 0px;}
    .inList:nth-child(1) {padding-right:15px;}
    .inList:nth-child(2) {padding-left:15px;}
    .inList:nth-child(3) {padding-right:15px;}
    .inList:nth-child(4) {padding-left:15px;}
    .mContent strong {font-size:18px;line-height:24px;}
}
@media (max-width: 992px){
    .mContent {float:left;width:85%;padding:10px 25px 25px 25px}
    .itop .ntxt {padding-top:4%;}
    .itop .col-sm-9 {width:85%;}
    .itop .ntxt strong{font-size:16px;line-height:20px;}
    .itop .ntxt span{font-size:12px;line-height:20px;padding:10px 0px 20px;}
    .itop .ntxt p{font-size: 12px; line-height: 20px; }
    .itop .ntxt .more {margin-top:5px;}
    .mDate {padding:10px 0px;width:15%}
    .mDate .sp1 {font-size:20px;}
    .mDate .sp2 {font-size:14px;}
    .inList:nth-child(1) {padding-right:15px;}
    .inList:nth-child(2) {padding-left:15px;}
    .inList:nth-child(3) {padding-right:15px;}
    .inList:nth-child(4) {padding-left:15px;}
    .mContent strong {font-size:16px;line-height:22px;}
}
@media (max-width: 767px){
    .idx-news {margin-top:16px;}
    .itop {margin-bottom:30px;padding-bottom:20px;}
    .itop .col-sm-9 {width:100%;}


    .inList {float:left;width:100%;margin-bottom:10px;}

    .mDate {padding:10px 0px;width:18%}
    .mContent {float:left;width:82%;padding:10px 25px 25px 25px}
    .mContent strong {font-size:16px;line-height:22px;}

    .inList:nth-child(1) {padding-right:0px;}
    .inList:nth-child(2) {padding-left:0px;}
    .inList:nth-child(3) {padding-right:0px;}
    .inList:nth-child(4) {padding-left:0px;}

    .inList .mDate .sp1{color:#fff}
    .inList .mDate .sp2{color:#fff}
    .inList .mContent strong{color:#fff}
    .inList .mContent p{color:#fff}

    .inList:nth-child(1) .mDate{background:#00a47f}
    .inList:nth-child(1) .mContent{background:#d891d9}
    .inList:nth-child(2) .mDate{background:#00a47f}
    .inList:nth-child(2) .mContent{background:#fd756a}
    .inList:nth-child(3) .mDate{background:#978bd4}
    .inList:nth-child(3) .mContent{background:#00a47f}
    .inList:nth-child(4) .mDate{background:#fd756a}
    .inList:nth-child(4) .mContent{background:#fdc16a}
}



.idx-frindlink {background:#f4f4f6;float:left;width:100%;padding:57px 0px}
.idx-frindlink ul {float: left;width:100%;}
.idx-frindlink ul li{float:left;width:11.11100%}
.idx-frindlink ul li a{float:left;width:100%;display:block;}
.idx-frindlink ul li a img{margin:0 auto; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.idx-frindlink ul li a:hover img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none; }

ul {margin:0px; padding:0px; list-style:none}
/*.foot {float:left; width:100%;background:#424242;position:relative}
.fotMenu {float:left; width:100%; text-align:center;border-bottom:1px solid #4c4c4e;padding:25px 0px;color:#999}
.fotMenu a {font-size:18px;color:#999;padding:0px 90px}
.fotCon {float:left; width:100%;padding:0 3%;color:#999;}
.m1 {float:left; width:35%;border-right:1px solid #4c4c4e;padding-top:12px;padding-bottom:5px;}
.m2 {float:left; width:40%;border-right:1px solid #4c4c4e;padding-top:35px;padding-bottom:55px;padding-left:3%;}
.m2 strong {float:left; width:100%;font-size:30px;color:#fff; line-height:50px;font-weight:normal}
.m2 p {float:left; width:100%;font-size:18px;color:#999}
.m2 ul{float:left; width:56%; margin-top:20px;}
.m2 ul li{float:left; width:50%; line-height:30px;}
.m2 ul li a{color:#999999}
.m2 ul li a:hover{color:#00a47f}
.m2 ul li a:hover:before{content:"-";padding-right:5px;}
.m2 .mcont {float:left; width:40%; margin-top:20px; line-height:30px;}

.m3{float:left; width:25%; text-align:right}
.m3 .ewm {float:right;margin-left:55px; margin-top:100px;}

.copy{float:left; width:100%;padding:20px 3%;border-top:1px solid #4c4c4e;}
.lcopy{float:left;color:#999}
.lcopy a{color:#00a47f}
.sj {float:right;}
.mShare {float:left; margin-top:3px;}
.mShare li{float:left; margin-right:20px;}
.mShare li a{float:left; width:25px;height:25px; display:block;text-align:center; line-height:25px;}
.mShare li a i {color:#606060; font-size:24px;}
.mShare li a:hover i {color:#b9b9b9;}

@media (max-width: 768px){
   .fotMenu {display:none}
   .lcopy{width:100%;text-align:center;}
   .sj {float:right;width:100%;}
   .mShare {float:none;display:table;margin:0 auto; margin-top:10px;}
   .m1 {width:100%;border-right:none}
   .m2,.m3 {display:none}
}
@media (min-width: 768px) and (max-width: 991px) {
   .fotMenu a {padding:0px 25px;font-size:14px;}
   .m1 {width:40%;}
   .m2 {width:60%;padding-top:15px;padding-bottom:55px;padding-left:3%;border-right:none}
   .m2 strong {font-size:20px;}
   .m2 ul{margin-top:10px;}
   .m2 p {font-size:14px;}
   .m3 .ewm {margin-left:15px;display:none}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .fotMenu a {padding:0px 25px}
   .m1 {width:50%;}
   .m2 {width:50%;padding-top:35px;padding-bottom:55px;padding-left:3%;border-right:none}
   .m2 strong {font-size:20px;}
   .m2 ul{margin-top:10px;}
   .m2 p {font-size:14px;}
   .m3 .ewm {margin-left:15px;display:none}
}
@media (min-width: 1200px) and (max-width: 1439px) {
   .fotMenu a {padding:0px 40px}
   .m1 {width:30%;}
   .m2 {width:45%;padding-top:35px;padding-bottom:55px;padding-left:3%;}
   .m2 strong {font-size:20px;}
   .m2 ul{margin-top:10px;}
   .m2 p {font-size:14px;}
   .m3 .ewm {margin-left:15px;}
   .m3 .ewm img{width:110px;}
}
@media (min-width: 1440px) and (max-width: 1680px) {
  .fotMenu a {padding:0px 60px}
  .m2 strong {font-size:24px;}
  .m2 p {font-size:16px;}
  .m3 .ewm {margin-left:25px;}
}*/

.section-home{padding: 100px 0 50px;background: url(../img/section-homeBg.jpg) 50% 50% no-repeat;background-size: cover; position: relative;}
.section-home::before{ content: ' ';position:absolute;width: 100%;height: 100%;left: 0;top: 0;bottom: 0;right: 0;background: #232228;opacity: 0.6;}
.column-home{margin: 0 10px;}
.column-home .tit{color: #fff;font-size: 36px; margin-bottom: 20px;}
.column-home .subtitle{color:#a0afab;font-size: 16px;font-style: normal; display: block;margin-bottom: 60px;}
.column-home .ysul{padding: 0;}
.column-home .ysul li{display: flex; padding: 0; margin-bottom: 50px;}
.column-home .ysul li img{ width: 44px; height: 44px; margin-right: 10px; }
.column-home .ysul li .ysbox{ padding-right: 40px;}
.column-home .ysul li .ysbox h6{ font-size: 18px; color: #fff; margin: 12px 0;}
.column-home .ysul li .ysbox p{ font-size: 16px; color: #a0afab; line-height: 30px;}


.pro-home{background: #17171d;}
.news-home-wrap{}
.titleWrap{text-align: center;padding-bottom: 58px;padding-top: 60px;}
.title{text-align: center; display: inline-block; margin: 0 auto;}
.title .tit{font-size: 28px; color: #fff; margin-bottom: 10px;}
.title i{font-style: normal; font-size: 13px;color: #aaa;}
.ews-homen{padding: 0 0 60px 0;}

.cpfl-Home{display: flex;justify-content: center; flex-wrap:wrap;}
.cpfl-Home-Box{margin-bottom: 20px;width: 20%;}
.cpfl-Home-Box a{ padding: 8px 0px; display: block; border: 1px solid #d2d2d2; color: #fff; border-radius: 4px;transition:all 0.3s ease-out;text-align: center;margin: 0 10px; text-align: center;margin: 0 10px;}
.cpfl-Home-Box a:hover{border: 1px solid #00a47f; background-color: #00a47f; color: #fff;-moz-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-webkit-box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);-ms-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-o-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16); box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);}

.ckgd-home{ margin: 50px auto; text-align: center; overflow: hidden;}
.ckgd-home-box{padding: 0;}
.ckgd-home-box .ckgd-home-con{background: #fff; margin: 10px 10px 30px; overflow: hidden;border-radius: 6px;-moz-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);-webkit-box-shadow: 0px 5px 10px rgb(255 255 255 / 16%);-ms-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);-o-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);box-shadow: 0px 5px 10px rgb(255 255 255 / 16%);}
.ckgd-home-box .ckgd-home-con img{ width: 100%; padding: 30px; transition:all .6s;}
.ckgd-home-box .ckgd-home-con a:hover img{transform: scale(1.5);}
.ckgd-home-box .ckgd-home-con p{ margin-bottom: 30px; color: #333;}

.slick-dots li{position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 7px;background: #e5e5e5;border-radius: 50%;cursor: pointer;}
.slick-dots li.slick-active{background: #00a47f;}
.slick-dots button{display: none;}


.aboutWrap-Home{padding: 70px 0;overflow: hidden;position: relative;}
.aboutWrap-Home .bg-img{position: absolute;width: 100%;left: 0;top: 0;bottom: 0; background:url(../img/sybgbg.png); background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: 0 0; z-index: 1;opacity: 0.3;}
.aboutWrap-Home .bg-layer{position: absolute;width: 100%;left: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.6); z-index: 2;}
.aboutWrap-Home .about-home{position: relative; z-index: 3;text-align: center;}
.aboutWrap-Home .about-home h3.tit{text-align: center;font-size: 36px;color: #fff;padding-bottom: 25px;margin-bottom: 30px;display: inline-block;border-bottom: 1px solid #fff;font-weight: bold;}
.aboutWrap-Home .about-home span.subLabel{text-align: center; color: #fff;font-size: 16px;display: block;letter-spacing: 10px;}

.gywm-home{ padding: 100px 0;background: #0d0d10;}
.gywm-home .gywm-home-bg{ background-position: 50% 50%; height: 490px;}
.gywm-home .gywm-home-bg div{ margin: 0 30px; height: 100%; background-repeat: no-repeat; background-size: cover;border-radius: 10px;}
.gywm-home .gywm-home-media{float: right; height: 100%; padding: 65px 100px;}
.gywm-home .gywm-home-media h5{ font-size: 36px; font-weight: bold; color: #fff;margin-bottom: 35px;}
.gywm-home .gywm-home-media .ywsp{color: #00a47f; font-size: 16px; display: block; margin-bottom: 10px;}
.gywm-home .gywm-home-media .txt{font-size: 14px; color: #a0afab; line-height: 28px;margin-bottom: 50px;}
.gywm-home .gywm-home-media a{border-radius: 4px; width: 150px; height: 45px; line-height: 45px;display: block; text-align: center;background: #00a47f;color: #fff;position: relative;transition: all 0.3s ease-out;z-index: 20;opacity: .9;-moz-box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;}
.gywm-home .gywm-home-media a:hover{transform: translateX(10px);opacity: 1;-moz-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-webkit-box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);-ms-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-o-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);}
/* .gywm-home .gywm-home-media a::before{content: " ";position: absolute; border-radius: 5px; z-index: -1;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.3s ease-out;transform-origin: 0 50%;transform: scaleX(0);}
.gywm-home .gywm-home-media a:hover::before{background: #00a47f;transform: scaleX(1);} */

.news-home{padding-top: 30px;}
.news-home-box{ padding: 0 5px;}
.news-home-box img{width: 100%;border-radius: 10px 10px 0 0;}
.news-home-box .con{background: #fff; box-shadow: 0 5px 30px 0 rgb(0 0 0 / 10%); transition: all .3s ease-in-out;margin: 15px;border-radius: 10px;}
.news-home-box .con:hover{ transform: perspective(900px) translate3d(0, -8px, 8px); background-color: #00a47f; box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);}
.news-home-box .con .pd{ padding: 60px 30px;}
.news-home-box h5{font-size: 24px;color: #ccc;}
.news-home-box h6{font-size: 16px;color: #333;padding-top: 25px;font-weight: bold;}
.news-home-box p{font-size: 12px;color: #666;padding-top: 25px;line-height: 25px;height: 70px;}
.news-home-box .con:hover h5,.news-home-box .con:hover h6,.news-home-box .con:hover p{color: #fff;}

.productWrap{padding: 5vh 0;}
.productUl li{transition:all .3 ease;margin-bottom: 30px;}
.productUl li .proDiv{ background-color: #fff; transition: box-shadow .3s, background-color .3s, color .3s, transform .3s;border-radius: 6px;}
.productUl li .proDiv:hover{ transform: translateY(-3px);-moz-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);-webkit-box-shadow: 0px 5px 10px rgb(255 255 255 / 16%);-ms-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);-o-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);box-shadow: 0px 5px 10px rgb(255 255 255 / 16%);}
.productUl li .proImg{width: 100%; overflow: hidden;}
.productUl li img{width: 100%; position: relative; z-index: 10;border-radius: 6px 6px 0 0;}
.productUl li p{font-size: 14px; margin: 0; color: #333; font-weight: 600; height: 50px;line-height: 48px; position: relative; z-index: 20;overflow: hidden; text-align: center;}
/* .productUl li .proMore{margin: 20px 0 10px;}
.productUl li .proMore a{ color: #00a47f; display: block; text-indent: 10px; position: relative; z-index: 20;font-size: 12px; height: 25px; line-height: 25px;}
.productUl li .proMore a i{float: right; background:url(../img/yjt.png) no-repeat; width: 16px; height: 16px;position: relative;top: 4px;right: 5px;}
.productUl li .proMore a:hover{color: #fff;}
.productUl li .proMore a:hover i{ background:url(../img/yjtb.png) no-repeat;}
.productUl li .proMore a::before{content: " "; position: absolute; z-index: -1; left: 0; top: 0; bottom: 0; right: 0;transform-origin: 0 50%;transform: scaleX(0);transition: all 0.3s ease-out;}
.productUl li .proMore a:hover:before{transform: scaleX(1);background-color: #00a47f;} */


/*底部*/
.foot { width: 100%; background: #0d0d10; padding: 65px 0px 20px; }

.foot .div2 img {display: block;margin-left: 60px; margin-bottom: 15px;}
.foot .div2 p{color: #fff; letter-spacing:10px;margin-left: 15px;margin-bottom: 30px;}
.foot .div2 span{color: #7f8b9f;font-size: 12px;}
.foot .div3 { position: relative;}
.foot .div3 .spLineRt{ height: 140px; width: 1px; background-color: #444; position:absolute; right: 50px; top: 0;}
.foot .div3 .fttx1{ margin-bottom: 30px;}
.foot .div3 .fttx1 img{ float: left;margin:3px 15px 0 0;}
.foot .div3 .fttx1 .wz p{font-size: 14px; color: #ccc; padding: 0; margin: 0;}
.foot .div3 .spLine{ width: 70%; height: 1px; background-color: #444; margin-bottom: 30px;}
.foot .div3 .fttx2{ margin-bottom: 50px;}
.foot .div3 .fttx2 img{ float: left;margin:3px 15px 0 0;}
.foot .div3 .fttx2 .wz p{font-size: 14px; color: #ccc; padding: 0; margin: 0;}

.foot .div4 .ftbg{background-color: #2a3238; border-radius: 6px; padding: 30px 0 40px 30px; position: relative; top: -25px;}
.foot .div4 h6{color: #ccc; font-weight: 500; font-size: 16px; margin-bottom: 30px;}
.foot .div4 p{font-size: 14px; color: #a0afab;}
.foot .div4 p img{width: 16px; height: 16px; margin-right: 8px;}

.copy {float:left;width:100%;background:#fff;padding:15px 0px;color:#8d8d8d;text-align:center;}
.copy a {color:#00a47f}
@media (max-width: 767px) {
  .section-home{background: url(../img/section-homeBg2.jpg) 50% 50% no-repeat; background-size: cover;}
  .column-home .tit{text-align: center;}
  .column-home .subtitle{text-align: center;}
  .column-home .ysul li{margin-bottom: 20px; border-bottom: 1px dashed #444;}
  .column-home .ysul li .ysbox{ padding-right: 0px;}
  .section-home{padding: 50px 0 20px;}
  .aboutWrap-Home .about-home h3.tit{font-size: 26px;}
  .aboutWrap-Home .about-home span.subLabel{letter-spacing: 5px;}
  .cpfl-Home-Box{width: 48%;}
  .cpfl-Home-Box .txt{font-size: 14px;}
  .productUl li .proDiv{margin: 10px 0;}
  .productUl li p{text-indent: 0;white-space: nowrap;text-align: center;}
  .productUl li .proMore a i{display: none;}
  .productUl li .proMore a{text-align: center; text-indent: 0; border: 1px solid #00a47f;}
  .productUl li .proMore a:hover{color: #00a47f;}
  .productUl li .proMore a::before{display: none;}

  .gywm-home .gywm-home-bg{height: 360px;}
  .gywm-home .gywm-home-bg div{margin: 0;}
  .gywm-home .gywm-home-media{padding: 30px;margin-top: 20px;}
  .gywm-home .gywm-home-media a{width: 100%;}

  .aboutWrap-Home .about-home{padding: 0 20px;}

   .foot{padding: 30px 0;}
   .foot .div2{text-align: center; }
   .foot .div2 img {display: inline-block;}
   .foot .div2 p{text-align: center; margin-bottom: 10px;}
   .foot .div3{text-align: center; margin-bottom: 30px;}
   .foot .div3 .fttx1{display: none;}
   .foot .div3 .spLine{display: none;}
   .foot .div3 .fttx2{display: none;}
   .foot .div4{padding-left: 15px; display: none;}
   .foot .div4{text-align: center; margin-bottom: 30px;}

   .news-home-box .newImg{position: relative; left: 0; right: 0; width: 100%;}
   .news-home-box:hover .newImg{ transform: perspective(900px) translate3d(0, -8px, 8px);}
   .news-home-box .con .pd{padding: 60px 30px 60px 30px;}
}

@media (max-width: 500px) {
  .aboutWrap-Home .about-home span.subLabel{letter-spacing: 0px;}
}


/* group */
.group1{margin-top: .55rem; margin-bottom: .37rem;}
.group{margin: 0 7.8%;}
.group .about1 .weui-cell__ft >div{font-size: 18px;}
.group .about1 .f88{font-size: .68rem; line-height: .8rem;}
.group .counter{font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.group .about1 .f88 .symbol{position: relative; top: -.5rem; left: 3px; font-size: .4rem; line-height: 1; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"}
.group2{margin-bottom: .66rem; padding-top: .4rem; padding-bottom: .8rem;}
.group2-hd{text-align: center;}
.group2-hd .bigtitle{font-size: .36rem;}
.group2-hd .desc{line-height: 24px;}
.group2-bd{font-size: .22rem; color: #383838;}
.group2-bd .col-sm-4{padding: .2rem 0; text-align: center;}
.group2-bd .f74{color: #444; font-size: .74rem; line-height: .8rem; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.group2-bd .f74 .symbol{position: relative; top: -.4rem; left: 3px; color: #444; font-size: .36rem; line-height: .4rem; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
@media (min-width: 992px){
.group .about1 .weui-cell__ft >div{font-size: 22px;}
.group2-hd{margin-bottom: 7%; text-align: right;}
.group2-bd .col-sm-4{text-align: left;}
}
@media (min-width: 1200px){
.group .about1 .f88{font-size: .88rem; line-height: 1rem;}
.group2-bd .col-sm-4{padding: .4rem 0;}
.group2-bd .col-lg-2{padding-top: 3%;}
}
@media (min-width: 1400px){
.group2-bd .col-lg-2{padding-top: 5%;}
}

/* leader */
.leaderbox{margin: .36rem 0; padding: 5% 9%; background: #fff;}
.leaderbox .bigtitle{margin-top: -4%; margin-bottom: 10%; line-height: 1.2;}
.leaderbox .article{font-size: 14px; line-height: 26px; color: #414141;}
.leaderbox .weui-cell__hd{padding-right: 20%; width: 54%;}
.leaderbox .weui-cell__ft{padding-left: 20%; width: 54%;}
.leaderbox .weui-cell__hd img, .leaderbox .weui-cell__ft img{display: inline;}
@media (max-width: 1199px){
.leaderbox .weui-cell__hd{padding-right: 8%; width: 40%;}
.leaderbox .weui-cell__ft{padding-left: 8%; width: 40%;}
.foot .div2 img{margin-left: 30px;}
.foot .div2 p{letter-spacing: 5px;margin-left: 25px;}
.foot .div3 .spLineRt{display: none;}
}
@media (max-width: 991px){
.leaderbox .weui-cell__hd{padding-right: 8%; width: 50%;}
.leaderbox .weui-cell__ft{padding-left: 8%; width: 50%;}
.foot .div2 img{margin-left: 10px;}
.foot .div2 p{margin-left: 10px;}
}
@media (max-width: 767px){
.leaderbox .weui-cell{display: block;}
.leaderbox .weui-cell__hd{margin-top: 20px; padding-right: 0; width: 100%; text-align: center;}
.leaderbox .weui-cell__ft{margin-top: 20px; padding-left: 0; width: 100%; text-align: center;}
}

/* history */
.history-hd >div{position: relative; margin-top: 6%; display: inline-block; width: 30%;}
.history-hd >div::before{position: absolute; display: block; content: ""; left: 50%; top: 60%; height: 41%; width: 1px; border-left: 2px dotted #000;}
.history-hd i{position: absolute; z-index: 1; left: 50%; top: 50%; font-size: 16px; line-height: 20px; color: #303030; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.history-bd{position: relative; margin: 0; padding: 7% 0 0; overflow: hidden;}
.history-bd::before{position: absolute; display: block; content: ""; left: 50%; top: 0; height: 100%; width: 1px; border-left: 2px dotted #000;}
.history-bd li{position: relative;}
.history-bd .year{position: absolute; top: -5px; left: 50%; padding: 15px; display: inline-block; background: #f4f4f4; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.history-bd .year span{display: block; margin: 0 auto 8px; width: .34rem; height: .43rem; background: url(../images/icon/local.png) no-repeat center center; background-size: 100%;}
.history-bd .year i{font-size: 20px; font-weight: bold; color: #000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.history-bd .article{margin-bottom: 5%; width: 20%;}
.history-bd .article i{display: block; margin-bottom: .3rem; font-size: 1.5rem; line-height: 1; font-weight: bold; color: #e0e0e0; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.history-bd .article p{font-size: 14px; color: #292929; line-height: 26px;}
.history-bd li:nth-of-type(2n-1) .article{margin-left: 60%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 20%;}
@media (max-width: 1600px){.history-bd .article i{font-size: 1.4rem;}}
@media (max-width: 1440px){.history-bd .article i{font-size: 1.2rem;}}
@media (max-width: 1360px){
.history-bd .article{width: 25%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 15%;}
.history-bd .article i{font-size: 1.3rem;}
}
@media (max-width: 1199px){
.history-bd .article{margin-bottom: 8%; width: 30%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 10%;}
.history-hd >div{width: 35%;}
.history-hd i{font-weight: bold;}
}
@media (max-width: 992px){
.history-hd >div{width: 40%;}
.history-bd .article i{font-size: 1.2rem;}
}
@media (max-width: 767px){
.history-hd >div{margin-top: 12%; width: 70%;}
.history-bd li{margin: 15% 0; background: #f4f4f4;}
.history-bd .year{position: relative;}
.history-bd .article{margin: 0 10% !important; width: 80%;}
.history-bd .article i{display: none;}
}

/* culture */
.culture1 .row{padding: 9% 0;}
.culture1 .f60{margin-bottom: .5rem; font-size: .56rem; line-height: 1.2;}
.culture1 .f16{line-height: 26px;}
.culture1 .f146{line-height: 24px;}
.culture1 .gray333{margin-bottom: 1rem;}
.culture1 .col-xs-6{width: 52%;}
.culture2{padding: 7% 0;}
.culture2 .f40{line-height: .52rem;}
.culture2 .line{margin-top: 4%; margin-bottom: 10px; display: inline-block; width: 1px; height: 1.25rem; background: #ff0000;}
.culture2 .f70{display: inline-block; margin-top: 10px; margin-bottom: .6rem; padding-bottom: .4rem; color: #eee; font-size: .7rem; line-height: .8rem; border-bottom: 1px solid #c0c0c0;}
.culture2 .gray999{max-width: 505px; margin: .24rem auto;}
.culture3{padding: 3% 0 7%;}
.culture3 .f100{color: #00a47f; font-weight: bold; font-size: 1rem; line-height: 1.2; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.culture3 .f60{font-size: .6rem; line-height: .7rem;}
.culture3 .f34{margin-top: .2rem; margin-bottom: .56rem; font-size: .34rem; color: #a4a4a4;}
.culture3 .f14{font-size: 14px; line-height: 24px;}
.culture3 .ewmbox{margin: .5rem auto 0; width: 166px; background: #fff; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 5px 35px rgba(0,0,0,.2); box-shadow: 0 5px 35px rgba(0,0,0,.2);}
@media (max-width: 1800px){.culture1 .col-xs-6{margin-left: 20%; width: 60%;}}
@media (max-width: 1580px){.culture1 .col-xs-6{margin-left: 10%; width: 70%;}}
@media (max-width: 1279px){.culture1 .col-xs-6{margin-left: 0; width: 100%;}}
@media (max-width: 991px){
.culture1 .col-xs-6{padding-left: 0; padding-right: 0;}
.culture2{padding: 10% 0;}
.culture3{padding-top: 5%;}
}
@media (max-width: 639px){
.culture1 .row{display: block;}
.culture1 .col-md-4:nth-of-type(2){margin: .5rem 0;}
.culture1 .col-xs-6{width: 80%; margin-left: 10%;}
}

/* video */
.video{margin: 0 auto; padding: 40px 0; width: 80%;}
.video-title{margin: 0 0 35px; font-size: 26px; color: #2f2f2f; font-weight: normal; line-height: 1.2;}
.video .poster .filterbox img, .vcenter .poster .filterbox img{position: absolute; top: 50%; left: 50%;}
.video .player, .vcenter .player{position: absolute; top: 50%; left: 50%; cursor: pointer;}
.video-controls{margin-bottom: 20px;}
.video-controls video{display: none;}
.video-controls .poster .filterbox img{margin-left: -10px; margin-top: -12px; width: 20px;}
.video-controls .player{margin-top: -39px; margin-left: -39px; width: 78px; height: 78px; border: 6px solid rgba(255,255,255,.2);}
.video .swiper-container{margin-right: 17%; height: 103px;}
.smvideo .swiper-slide{margin-right: 35px; width: 184px;}
.smvideo .poster .filterbox img{margin-left: -5px; margin-top: -6px; width: 10px;}
.smvideo .player{margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border: 2px solid rgba(255,255,255,.2);}
.smvideo .swiper-button-next, .smvideo .swiper-button-prev{margin-top: -20px; width: 40px; height: 40px; border: 1px solid #c9c9c9; background-size: 8px; background-repeat: no-repeat; background-position: center center;}
.smvideo .swiper-button-next{right: 0; background-image: url(../images/icon/next.png);}
.smvideo .swiper-button-prev{right: 60px; left: auto; background-image: url(../images/icon/prev.png);}
@media (min-width: 1200px){
.smvideo .swiper-button-next:hover{background-color: #cd3842; border-color: #cd3842; background-image: url(../images/icon/next_hover.png);}
.smvideo .swiper-button-prev:hover{background-color: #cd3842; border-color: #cd3842; background-image: url(../images/icon/prev_hover.png);}
.video .swiper-slide:hover .player, .video-controls .player:hover{border-color: #fff;}
.video .swiper-slide:hover .filterbox{background: rgba(0,0,0,0);}
}
@media (min-width: 1480px){.video{width: 64.9%;}}
@media (max-width: 1199px){.video .swiper-container{margin-right: 20%;}}
@media (max-width: 991px){.video .swiper-container{margin-right: 25%;} .smvideo .swiper-slide{margin-right: 20px;}}
@media (max-width: 639px){
.video{width: 100%;}
.video .swiper-container{margin-right: 135px;}
.video-controls .player{margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; border-width: 3px;}
.video-controls .poster .filterbox img{margin-left: -5px; margin-top: -6px; width: 10px;}
}

/* aims */
.aims1 .article{left: 0; right: 0; top: 8%; text-align: center; color: #fff;}
.aims1 .article p{margin: 0;}
.aims1 .article .cn{font-size: .34rem; line-height: .45rem;}
.aims1 .article .en{font-size: .12rem; line-height: .18rem;}
.aims2{padding: .9rem 0; background: no-repeat center center; background-size: cover;}
.aims2 .weui-cell{padding-top: 8%; padding-bottom: 8%;}
.aims2 .weui-cell__hd{width: 45%; padding-right: 5%; text-align: center; color: #000; font-size: .46rem;}
.aims2 .cn{font-size: .22rem; color: #4e4e4e;}
.aims2 .en{font-size: .12rem; color: #bfbfbf;}
.aims3{padding: 5% 0;}
.aims3 .cn{font-size: .26rem; color: #4a4a4a; line-height: .46rem;}
.aims3 .en{margin-top: .3rem; margin-bottom: .67rem; font-size: .12rem; color: #bfbfbf; line-height: .22rem;}
.features1{padding: 7% 0;}
.features1 .f48{font-size: .48rem; color: #3f3f3f;}
.features1 .f24{font-size: .24rem; color: #3f3f3f;}
.features1 .f36{font-size: .36rem; color: #444;}
.features1 .f36 .red{position: relative; top: .2rem; font-size: .6rem; line-height: 1.2; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.features2{padding: 1rem 0; background: #eaeaea; text-align: center;}
.features2 .imgtext{padding: 30% 15px; overflow: hidden; background: #fff; -webkit-box-shadow: 0 .04rem .32rem rgba(171,171,171,.4); box-shadow: 0 .04rem .32rem rgba(171,171,171,.4);}
.features2 .imgtext-icon{margin: 0 auto 15%; width: 1rem; height: 1rem; line-height: 1rem;}
.features2 .imgtext-icon img{display: inline; vertical-align: middle;}
.features2 .desc{height: .78rem; font-size: .16rem; line-height: .26rem; color: #999;}

.feabox{margin-top: .8rem; margin-bottom: .4rem;}
.feabox i{display: block; background: url(../images/circle.png) no-repeat center center; background-size: cover;}
.feabox .img1{left: -2.5vw; top: 3.2vw; width: 5.3vw; height: 5.3vw;}
.feabox .img2{left: 23vw; top: 1.5vw; width: 3.4vw; height: 3.4vw;}
.feabox .img3{right: 9vw; bottom: 4.5vw; width: 4vw; height: 4vw;}
.feabox .img4{right: -2.5vw; top: 3vw; width: 5.3vw; height: 5.3vw;}

.feabox-item{position: relative; float: left; font-size: 1.84vw; line-height: 2.1vw; color: #b5261e; text-align: center; display: flex; align-items: center; cursor: pointer; background: url(../images/circle.png) no-repeat center center; background-size: cover; }
.feabox-item::after{position: absolute; display: block; content: ""; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #b5261e; opacity: 0; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.feabox-item div{width: 100%;}
.feabox .item1{width: 12.5vw; height: 12.5vw; margin-left: 9vw;}
.feabox .item2{width: 15.85vw; height: 15.85vw; margin-left: 0.5vw; margin-top: 5vw;}
.feabox .item3{width: 11.7vw; height: 11.7vw; margin-top: 1vw;}
.feabox .item4{width: 9.1vw; height: 9.1vw; margin-left: -1vw; margin-top: 9.8vw;}
.feabox .item5{width: 14.6vw; height: 14.6vw; margin-left: -.8vw;}
.feabox-item.on::after{opacity: 1;}

@media (max-width: 991px){.aims3{padding: 8% 0;}}
@media (max-width: 639px){
.feabox{margin-top: .5rem;}
.feabox .img3{bottom: 3vw;}
.feabox-item{font-size: 3.4vw; line-height: 4vw;}
.feabox .item1{width: 16.5vw; height: 16.5vw; margin-left: 5vw;}
.feabox .item2{width: 19.85vw; height: 19.85vw; margin-left: 0.5vw; margin-top: 7vw;}
.feabox .item3{width: 16vw; height: 16vw; margin-top: 1vw;}
.feabox .item4{width: 13.1vw; height: 13.1vw; margin-left: -1vw; margin-top: 12.8vw;}
.feabox .item5{width: 18.6vw; height: 18.6vw; margin-left: -.8vw;}
}
@media (max-width: 414px){
.aims1 >img{max-width: none; width: 120%; margin-left: -10%;}
.aims2 .weui-cell{margin: 10px 0;}
.aims2 .cn{font-size: 16px;}
.features2 .imgtext{margin: .2rem .1rem; padding: 15% 15px;}
.features2 .desc{font-size: 14px; line-height: 24px; height: auto;}
}
@media (min-width: 992px){
.features2 .desc{height: .9rem; font-size: .18rem; line-height: .3rem;}
.features2 .row{margin-left: -.3rem; margin-right: -.3rem;}
}
@media (min-width: 1200px){
.feabox-item:hover::after{opacity: 1;}
}
@media (min-width: 1400px){
.features2 .row{margin-left: -.4rem; margin-right: -.4rem;}
.features2 .col-xs-12{padding-left: .4rem; padding-right: .4rem;}
.features2 .desc{height: 1.08rem; font-size: .24rem; line-height: .36rem;}
}

/* contact */
.anchorBL{display: none;}
.map img{display: inline; max-width: none;}
.map .anchorTL{margin-top: 100px;}
.contact-tab a{display: block; line-height: .64rem; font-size: .26rem; color: #474747;}
.contact-tab .on a{background: #b6261e; color: #fff;}
.contact-panel{padding-top: 5%; padding-bottom: 3%;}
.contact-panel dl{ line-height: 27px; color: #404040;}

.contact-panel dt{margin-bottom: 20px; padding: 5px 0; border-bottom: 1px dotted #404040;  font-size: 18px; line-height: 27px;}
.contact-panel dd{font-size: 16px; line-height: 27px;}
.message .title{margin-bottom: .1rem; color: #404040;}
.message .title .f34{margin-bottom: 5px; font-size: .34rem;color: #fff;}
.message .title .f12{font-size: .12rem; color: #787878; font-family: "Arial"; text-transform: uppercase;}
.message .col-xs-12{margin-bottom: .55rem;}
.message .col-sm-4 label{position: relative; display: inline-block; width: 75%;}
.message .col-sm-4 input{width: 100%; padding: 10px 0; font-size: 16px; line-height: 26px; font-weight: normal; color: #404040; border-bottom: 1px solid #cdcdcd; background: none;}
.message .col-sm-4 i{position: absolute; display: block; content: ""; left: 0; bottom: 0; width: 0; height: 1px; background: #00a47f; -webkit-transition: all 0.3s; transition: all 0.3s;}
.message .col-sm-4 input:focus+i{width: 100%;}
.message input::-webkit-input-placeholder{color: #404040;} 
.message input:-moz-placeholder{color: #404040;} 
.message input::-moz-placeholder{color: #404040;} 
.message input:-ms-input-placeholder{color: #404040;} 
.message .col-xs-12:nth-of-type(4) label{display: block; width: 100%;}
.message textarea{padding: 15px; width: 100%; border: 1px solid #d3d3d3; background: none; font-size: 16px; line-height: 20px; font-weight: normal; color: #404040; -webkit-transition: all 0.3s; transition: all 0.3s;}
.message textarea:focus{border-color: #00a47f;}
.message .submit{width: 15%; line-height: .44rem; font-size: 16px; background: #00a47f; color: #fff;}
@media (min-width: 768px) and (max-width: 991px){
.contact-panel .col-md-4{width: 50%}
.message .col-sm-4 label{width: 100%;}
.message .submit{width: 20%;}
}
@media (max-width: 767px){
.contact-panel dl{height: auto;}
.message .col-sm-4 label{width: 100%;}
.message .submit{width: 30%;}
}
@media (min-width: 1200px){
.message .submit:hover{background: #00a47f;}
}

/* business */
.business .container{position: relative; padding-top: .6rem; padding-bottom: .65rem; overflow: hidden;}
.business .container::before{position: absolute; display: block; content: ""; left: 37%; top: .65rem; bottom: .7rem; width: 1px; background: #dcdcdc;}
.business dt h3{font-size: .3rem; line-height: .4rem; color: #434343;}
.business dt .line{display: block; margin: .25rem 0; width: 30px; height: 1px; background: #e50017;}
.business .article{font-size: 14px; line-height: 26px; color: #898989;}
.business .bgpic{background-color: #f1f1f1; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.business .more{position: relative; display: block; margin-top: 19%; padding: 0 .22rem; width: 1.84rem; height: .4rem; line-height: .4rem; font-size: 18px; color: #fff; background: #b5261e;}
.business .more i{position: absolute; right: .2rem; top: 50%; margin-top: -4px; display: block; width: 12px; height: 8px; background: url(../images/icon/arrow.png) no-repeat; background-size: 12px;}
.business .col-lg-6 dt h3{padding-left: .45rem; background: url(../images/icon/map.png) no-repeat 0 .04rem; background-size: .33rem;}
.business .col-lg-6 dt .line{width: 0;}
.business .campus h5{margin-top: .5rem; padding-bottom: .07rem; font-size: 18px; color: #b5261e;}
.business .campus ul{padding: 0; margin-right: -10px;}
.business .campus li{float: left; padding: 10px 20px 10px 0; width: 20%;}
.business .campus li a{position: relative; display: block; text-align: center; line-height: 30px; border: 1px solid #c2c2c2; font-size: 18px; color: #5d5d5d;}
.business .campus li a i{position: absolute; display: block; left: 0; top: 0; width: 0; height: 100%; background: #b5261e;}
.business .campus li a span{position: relative;}
@media (max-width: 767px){
.business .container::before{display: none;}
.business .campus li{width: 50%;}
.business .more{width: 150px; height: 34px; line-height: 34px;}
.business dt h3{font-size: .4rem; line-height: .5rem;}
.business .col-lg-6 dt h3{background-position: 0 .08rem;}
}
@media (min-width: 768px) and (max-width: 991px){
.business .col-md-4{width: 37%;}
.business .col-md-7{width: 63%;}
.business .campus li{width: 33.3333333%;}
.business .container::before {left: 36%;}
}
@media (min-width: 992px){.business .campus li{width: 25%;}}
@media (min-width: 1200px){
/* .business .bgpic{background-attachment: fixed;} */
.business .more:hover{background: #8c1e18;}
.business .more:hover i{right: .3rem;}
.business .campus li{width: 20%;}
.business .campus li a:hover{border-color: #b5261e;}
.business .campus li a:hover i{width: 100%;}
.business .campus li a:hover span{color: #fff;}
}

/* preschool */
.preschool-hd{margin-top: .45rem; margin-bottom: .45rem; background: #fff; overflow: hidden;}
.preschool-hd .article{margin: 4% 18%; color: #444; text-align: center;}
.preschool-hd .article h3{margin-bottom: 8%; font-size: .46rem;}
.preschool-hd .article p{text-align: left; font-size: 16px; line-height: 28px;}
.preschool-hd .article a{margin: 10% auto 0; width: 240px; height: 40px; line-height: 40px; background: #b5261e; color: #fff; font-size: 18px;}
.preschool-bd .col-xs-12{margin-bottom: .3rem;}
.preschool-bd .weui-cell{background: #fff;}
.preschool-bd .weui-cell__hd{width: 50%;}
.preschool-bd .weui-cell__bd{padding: 0 5%;}
.preschool-bd .weui-cell__bd h5{margin-bottom: 20px; font-size: 18px; color: #131313;}
.preschool-bd .weui-cell__bd p{font-size: 14px; line-height: 26px; color: #a6a6a6;}
@media (max-width: 1199px){.preschool-hd .article{margin:7% 10%;}}
@media (max-width: 639px){
.preschool-bd .weui-cell{display: block;}
.preschool-bd .weui-cell__hd{width: 100%;}
.preschool-bd .weui-cell__bd{padding: 5%;}
}

/* basic */
.basic-hd{padding: .4rem 0 .6rem;}
.basic-hd .f30{margin: 0 0 5px; padding: .3rem 0; font-size: .3rem; font-weight: normal; color: #131313;}
.basic-hd .container >.row >.col-xs-12:nth-of-type(1) p{font-size: 16px; line-height: 28px; color: #595959;}
.basic-hd .container >.row >.col-xs-12:nth-of-type(1) a{display: block; margin-top: .4rem; width: 240px; height: 40px; line-height: 40px; background: #b5261e; color: #fff; font-size: 18px; text-align: center;}
.basic-hd dt{border-bottom: 1px dotted #404040;}
.basic-hd dd .f24{margin-top: 20px; line-height: .34rem; color: #313131;}
.basic-bd{padding: 12% 0; background: no-repeat center center; background-size: cover;}
.basic-bd img{display: inline; margin: 15px 2.7%;}
.basic-bd .log{width: 185px;}
.basic-bd .qrcore{width: 166px;}
.project .bigpic .cover, .project .swiper-slide .cover{height: 100%; background: no-repeat center center; background-size: cover;}
.project .swiper-slide::after{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; content: ""; background: #000; opacity: .4; -webkit-transition: all 0.3s; transition: all 0.3s;}
.project .swiper-slide.on::after{opacity: 0;}
.project .smpic{padding: 17px 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.8);}
.project .swiper-container{margin: 0 9%;}
.project .swiper-slide{height: .96rem;}
.project .swiper-button-next, .project .swiper-button-prev{width: 44px; background-size: 15px;}
.project .swiper-button-prev{left: 3%;}
.project .swiper-button-next{right: 3%;}
.project .map{margin-bottom: 8%;}
@media (min-width: 1200px){
.basic-bd{background-attachment: fixed;}
.preschool-hd .article a:hover, .basic-hd .container >.row >.col-xs-12:nth-of-type(1) a:hover{background: #8c1e18;}
.project .swiper-slide:hover::after{opacity: 0;}
}
@media (max-width: 1280px){
.project .swiper-button-prev{left: 2%;}
.project .swiper-button-next{right: 2%;}
}
@media (max-width: 991px){
.project .swiper-button-prev{left: 1%;}
.project .swiper-button-next{right: 1%;}
}
@media (max-width: 768px){
.project .swiper-container{margin: 0 11%;}
.project .swiper-button-prev{left: 0;}
.project .swiper-button-next{right: 0;}
}
@media (max-width: 639px){
.project .smpic{position: relative;}
.basic-hd dd .f24{font-size: 16px; line-height: 26px;}
}
@media (min-width: 1200px) and (max-width: 1400px){
.basic-hd .container >.row >.col-xs-12{width: 48%;}
.basic-hd .container >.row >.col-lg-offset-2{margin-left: 4%;}
}

/* news */
.news{padding: 4% 2%;}
.news .col-xs-12::before{position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #00a47f; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .7s cubic-bezier(.58,1,.38,1); transition: all .7s cubic-bezier(.58,1,.38,1);}
.news .col-xs-12 a{position: relative; z-index: 1; display: block; padding: 25px 16.5%;}
.news .date{color: #a3a3a3; font-size: 12px;}
.news .line2{margin-top: 15px; color: #3e3e3e; font-size: 22px; line-height: 30px; height: 60px;}
.news .upper{margin-top: 40px; margin-bottom: 15px; color: #999; font-size: 12px;}
.news .img img{display: inline;}
.news .line3{margin-top: 40px; color: #929292; font-size: 14px; line-height: 26px; height: 78px;}
.news i{position: relative; display: block; margin-top: .8rem; margin-bottom: .4rem; width: .76rem; height: 1px; background: #a5a5a5;}
.news i::before{position: absolute; right: 0; top: 50%; display: block; content: ""; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .8s; transition: all .8s;}
.news-details{margin-top: .4rem; margin-bottom: 1rem; font-size: 14px; line-height: 26px; color: #9a9a9a;}
.news-details .box{margin: 6% 10%;}
.news-details-hd h1{font-size: .24rem; line-height: .34rem; font-weight: normal; color: #414141;}
.news-details-info{margin-top: .4rem;}
.news-details-info img{margin: 0 auto;}
.news-details .alink a{font-size: 16px; line-height: .5rem; color: #a3a3a3; text-align: center;}
.news-details .alink .col-xs-12 i{position: absolute; top: 50%; width: .7rem; height: 1px; background: #a3a3a3;}
.news-details .alink .col-xs-12 i::before{position: absolute; display: block; margin-top: -4px; content: ""; top: 50%; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.news-details .alink .col-xs-12:nth-of-type(1) a{padding-left: 1.4rem; padding-right: .7rem;}
.news-details .alink .col-xs-12:nth-of-type(1) i{left: .35rem;}
.news-details .alink .col-xs-12:nth-of-type(1) i::before{left: 0; border-left: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3;}
.news-details .alink .col-xs-12:nth-of-type(2) a{padding-right: 1.4rem; padding-left: .7rem;}
.news-details .alink .col-xs-12:nth-of-type(2) i{right: .35rem;}
.news-details .alink .col-xs-12:nth-of-type(2) i::before{right: 0; border-right: 1px solid #a3a3a3; border-top: 1px solid #a3a3a3;}
.news-details .aside dt, .news-details dd{padding: 0 20px;}
.news-details .aside dt{background: #b5261e; color: #fff; line-height: 44px; font-size: 16px; font-weight: normal;}
.news-details .aside dd a{display: block; margin: 10px 0; padding: 15px 0; border-top: 1px solid #f1f1f1 !important;}
.news-details .aside dd a:first-child{border-top: 0 !important;}
.news-details .aside dd h6{margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #555;}
.news-details .aside dd span{font-size: 12px; color: #c2c2c2;}
@media (max-width: 639px){
.news .col-xs-12{border-top: 1px solid #dcd9d9;}
.news .col-xs-12:first-child{border-top: 0;}
.news .col-xs-12 a{padding: 25px 8%;}
.news-details .aside {margin-top: .4rem;}
.news-details .aside dd a{margin: 0;}
}
@media (min-width: 640px) and (max-width: 991px){
.news .col-xs-12:nth-of-type(2n-1){border-right: 1px solid #dcd9d9;}
}
@media (min-width: 992px){
.news .col-xs-12{border-right: 1px solid #dcd9d9;}
.news .col-xs-12:nth-of-type(3n){border-right: 0;}
.news-details .box{margin: 6% 14%;}
}
@media (min-width: 1200px){
.news .col-xs-12:hover::before{-webkit-transform: scale(1); transform: scale(1);}
.news .col-xs-12:hover *{color: #fff;}
.news .col-xs-12:hover .upper{color: #fe9f9a;}
.news .col-xs-12:hover i{background: #fff;}
.news .col-xs-12:hover i::before{border-color: #fff;}
.news-details .alink a:hover{background: #e6e6e6;}
.news-details .aside dd a:hover h6{color: #b5261e;}
}
@media (min-width: 1680px){
.news-details .box{margin: 6% 19%;}
.news-details .alink .col-xs-12:nth-of-type(1) a{padding-left: 1.4rem; padding-right: 1.4rem;}
.news-details .alink .col-xs-12:nth-of-type(2) a{padding-right: 1.4rem; padding-left: 1.4rem;}
}

/* hiring */
.recruit_title{background:rgba(222,222,222,.7); font-size: 16px; color: #474747;}
.recruit_title ul{margin: 0; padding: 0;}
.recruit_title ul li{float: left;width: 20%;height: 56px;line-height: 56px;text-align: center;}
.recruit_content ul{padding: 0; border-bottom: 1px solid #f1f1f1;}
.recruit_content ul li{float: left;width: 20%;height: 56px;font-size: 16px; color: #474747;line-height: 56px;text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recruit_content ul li a{display: inline-block;padding: 0 8.5%;height: 26px;margin: 15px auto 0;text-align: center;line-height: 24px;border: 1px solid #d5d5d5;font-size: 16px;color: #535252;}
.recruit .page{margin-top: .5rem; margin-bottom: .5rem; background: none;}
.recruit .page-prev, .recruit .page-next, .recruit .page-m{display: inline-block;}
.recruit .page-prev, .recruit .page-next{position: relative; top: .16rem; left: 0; right: 0; margin-left: 0; margin-right: 0;}
.recruit-hd{padding: 4% 0;}
.recruit-hd  .col-xs-12{margin-top: 5px; margin-bottom: 5px;}
.recruit-hd .select{position: relative; background: #fff;}
.recruit-hd select{position: relative; z-index: 1; background: none; padding: 10px 15px; width: 100%; height: 40px; font-size: 16px; color: #4e4e4e;}
.recruit-hd .select::after{position: absolute; display: block; content: ""; right: 15px; top: 50%; margin-top: -2px; border-top: 4px solid #d3d3d3; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.recruit-hd .search input::-webkit-input-placeholder{color: #4e4e4e;} 
.recruit-hd .search input:-moz-placeholder{color: #4e4e4e;} 
.recruit-hd .search input::-moz-placeholder{color: #4e4e4e;} 
.recruit-hd .search input:-ms-input-placeholder{color: #4e4e4e;} 
.recruit-hd .search input[type="text"]{padding: 10px 15px; width: 100%; height: 40px; font-size: 16px; font-weight: normal; color: #4e4e4e;}
.recruit-hd .search input[type="submit"]{width: 40px; height: 40px; background: #fff url(../images/icon/search.png) no-repeat center center; background-size: 17px;}
.recruit-details{padding: 4% 0;}
.recruit-details .bigtitle{position: relative; margin: 30px; font-size: .34rem;}
.recruit-details dl{margin: 30px;}
.recruit-details dt{padding-bottom: 10px; font-size: 18px; color: #00a47f; border-bottom: 1px solid #dedede;}
.recruit-details dd{padding: 30px 0; font-size: 16px; color: #747474; line-height: 26px;}
.recruit-details .innerbox .col-sm-6{margin-top: 10px; margin-bottom: 10px;}
.recruit-details .weui-cell{padding-right: 0; padding-left: 0;}
.recruit-details .weui-cell__hd{padding-right: 15px; font-weight: normal;}
.recruit-details .weui-cell__bd{background: #f1f1f1;}
.recruit-details .weui-cell__ft{width: 40px; height: 40px; line-height: 40px; text-align: center; background: #f1f1f1;}
.recruit-details .weui-cell__ft img{display: inline;}
.recruit-details .weui-cell__bd input{width: 100%; height: 40px; padding: 7px 10px; font-size: 16px; font-weight: normal; background: none;}
.recruit-details input[type="file"]{outline: 0; position: absolute; left: 0; top: 0; opacity: 0;}
.recruit-details input[type="file"]+span{display: block; padding: 7px 10px; width: 100%; height: 40px; line-height: 26px; font-size: 16px; font-weight: normal;}
.recruit-details input[type="submit"]{display:block; margin-top: 8%; width: 100%; border: 2px solid #00a47f; color: #00a47f; font-size: 16px; font-weight: normal; line-height: .54rem; background: none;}
@media (min-width: 992px) and (max-width: 1199px){
.recruit-hd .col-md-offset-2{margin-left: 0 !important;}
.recruit-hd .col-xs-12{width: 50%;}
}
@media (min-width: 992px){
.recruit-hd .col-md-offset-2{margin-left: 13.666667%;}
}
@media (min-width: 1200px){
.recruit_content ul li a:hover{border-color: #b5261e; background: #b5261e; color: #fff;}
.recruit-details .innerbox{width: 75%;}
.recruit-details input[type="submit"]:hover{background: #00a47f; color: #fff;}
.recruit-details .innerbox1{width: 60%;}
}
@media (min-width: 1400px){
.recruit-details .innerbox1{width: 50%;}
}
@media (max-width: 991px){
.recruit ul li{width: 33.3333333%;}
.recruit ul li.no{display: none;}
}
@media (max-width: 639px){
.recruit ul li{width: 50%; line-height: 46px; height: 46px;}
.recruit ul li:first-child{width: 65%; padding-left: 8%; text-align: left;}
.recruit ul li:last-child{width: 35%;}
.recruit ul li:nth-of-type(4){display: none;}
.recruit_content ul li a{margin-top: 10px;}
.recruit-details .innerbox1 .col-xs-12{padding-left: 0; padding-right: 0;}
.recruit-details .innerbox1 .col-xs-12 .weui-cell{padding-top: 5px; padding-bottom: 5px;}
}

.city-box .col-lg-3{padding:10px 16px 10px 0}
.city-box .item{position: relative;}
.city-box .item img{width: 100%}
.city-box .item .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);font-size: 18px;color: rgb(255, 255, 255);text-align: center;display: flex;align-items: center;transition:all 0.3s;}
.city-box .item .txt p{flex: 1}
.city-box .item:hover .txt{background:transparent;}

.history{position: relative; background: #fff;}
.history .box{background: url(../images/about7.jpg) no-repeat center center; background-size: 50% auto;}
.history .line{position: absolute; display: block; left: 0; right: 0; top: 50%;width: 100%; height: 1px; background: #5c656d;}
.history .box .swiper-container{padding: 3vw 0; min-height: 4rem;}
.history .before{height: 180px;}
.history .year{font-size: .32rem; line-height: 1.1; color: #303030; font-weight: bold;}
.history .desc{font-size: 16px; line-height: 28px; color: #979797;}
.history .before{padding: 0;}
.history .before::before{position: absolute; display: block; content: ""; left: 0; width: 9px; height: 9px; background: #303030; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s;}
.history .swiper-slide::before{position: absolute; display: block; content: ""; left: -100%; width: 0; height: 1px; background: #00a47f; -webkit-transition: all .4s ease-out; transition: all .4s ease-out;}
.history .swiper-slide-active::before{left: 0; width: 100%;}
.history .swiper-slide-active .before::before{background: #00a47f;}
.history .swiper-slide-active .year{color: #00a47f;}
.history .swiper-slide:nth-of-type(2n){margin-top: 220px;}
.history .swiper-slide:nth-of-type(2n) .weui-cell{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.history .swiper-slide:nth-of-type(2n-1) .weui-cell{-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.history .swiper-slide:nth-of-type(2n) .before{padding-top: 20px;}
.history .swiper-slide:nth-of-type(2n) .before::before{top: 0;}
.history .swiper-slide:nth-of-type(2n)::before{top: -20px;}
.history .swiper-slide:nth-of-type(2n-1)::before{bottom: -21px;}
.history .swiper-slide:nth-of-type(2n-1) .before{padding-bottom: 20px;}
.history .swiper-slide:nth-of-type(2n-1) .before::before{bottom: 0;}
.history .swiper-button-white{position: static; display: inline-block; margin: 0 7px 1%; width: .47rem; height: .47rem; background-color: #424242; background-size: 9px;}
@media (min-width: 1200px){
.history .swiper-button-white:hover{background-color: #00a47f;}
}
/*@media (min-height: 768px){.history{padding-top: 2%;}}*/
@media (max-width: 1199px){
.history .swiper-button-white{margin-bottom: 10%;}
.history .box{background-size: 70% auto;}
}
@media (max-width: 992px){
.history .after{font-size: 14px; line-height: 24px;}
}
@media (max-width: 639px){
.history .box .swiper-container{padding: 30px 0; min-height: auto;}
.history .swiper-slide .before::before, .history .swiper-slide::before, .history .line{display: none;}
.history .swiper-slide{margin: 0 !important;}
.history .before{margin: 15px !important; padding: 0 !important; height: auto;}
.history .line{top: auto; bottom: 0;}
}

/* honor */
.honor{padding: 25px 0;}
.honor .page{margin-top: 5%; margin-bottom: 4%;}
.honor .row{margin-left: -25px; margin-right: -25px;}
.honor .row .col-xs-12{padding-left: 25px; padding-right: 25px;}
.honor-item {margin-top: 10px;}
.honor-item .weui-cell{padding: 0; border: 1px solid #d3d3d3;}
.honor-item p{margin: 20px 0; font-size: 18px; color: #373737; font-weight: bold}
@media (min-width: 1200px){
.honor-item:hover .weui-cell{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);}
}

.more {font-size: 16px;overflow: hidden;position: relative;z-index: 0;display: flex;width: 250px;height: 54px;padding: 0;text-indent: 10px;border: 1px solid #d2d3d4;border-radius: 32px;align-items: center;justify-content: center;color: #00a47f;font-weight:300;float:left;}
.more:hover {color: #fff;border: 1px solid #d2d3d4;border-color: transparent;background: transparent;}
.more:hover:before {content: "";transform: scale(10);color: #332d43;}
.more:hover:after {color: #fff;}
.more::before {font-size: 33px;line-height: 46px;position: absolute;z-index: -1;top: 3px;left: 3px;width: 46px;height: 46px;content: "";transition: all 0.56s;text-align: center;text-indent: 0;color: #fff;border-radius: 50%;background: #00a47f;}
.more::after {font: normal normal normal 18px/1 FontAwesome;font-size: 24px;line-height: 46px;position: absolute;z-index: -1;top: 3px;left: 3px;width: 46px;height: 46px;content: "\f101";transition: all 0.56s;text-align: center;text-indent: 0;color: #fff;border-radius: 50%;background: transparent;}

@media (max-width: 1600px){

}
@media (max-width: 1440px){
   .more {font-size: 14px;width: 205px;height: 46px;}
   .more:hover:before {content: "";transform: scale(10);}
   .more::before {font-size: 33px;line-height: 40px;top: 3px;left: 3px;width: 40px;height: 40px;content: "";}
   .more::after {font-size: 24px;line-height: 40px;top: 3px;left: 3px;width: 40px;height: 40px;}
}
@media (max-width: 1360px){

}
@media (max-width: 1199px){
   .more {font-size: 13px;width: 205px;height: 41px;}
   .more:hover:before {content: "";transform: scale(11);}
   .more::before {font-size: 30px;line-height: 35px;top: 3px;left: 3px;width: 35px;height: 35px;content: "";}
   .more::after {font-size: 24px;line-height: 35px;top: 3px;left: 3px;width: 35px;height: 35px;}
}
@media (max-width: 992px){

}
@media (max-width: 767px){

}


.support-Intro_Inner {float:left;width:100%;padding:54px 0px 0px 0px; }
.support-Intro_Header {float:left;width:100%;position: relative;}
.support-Intro_Heading {height:40px;line-height:40px;font-size:28px;color: #494949;text-transform:uppercase;margin:0px 0 50px 0;text-align: center;}
.support-Nav_List {margin: 0 auto; text-align: center;}
.support-Nav_List li{height:40px;line-height:40px;display: inline-block; margin: 0px 5px;}
.support-Nav_List li a{width:200px;height:40px;line-height:40px;border-radius: 4px; transition: all 0.3s ease-out;display: inline-block;background-color: #f8f7f1;color: #666;font-size: 16px;text-align:center;position: relative;z-index: 0;}
.support-Nav_List li a:hover{color: #fff; background: #00a47f;-moz-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-webkit-box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);-ms-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-o-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);}
.support-Nav_List li.on a{color: #fff; background: #00a47f;-moz-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-webkit-box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);-ms-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-o-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);}
.support-Pars {float:left;width:100%;line-height:24px;}

.support-Contents {float:left;width:100%;padding:40px 3%;}
.support-Title{float:left;width:100%;text-align:center;font-size:24px;margin-bottom:40px;}
.support-C {float:left;width:100%;line-height:26px;}
.support-C a{color:#00a47f}

.zzzc{
  height: 900px;
  overflow: hidden;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  -moz-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);
  -webkit-box-shadow: 0px 5px 10px rgb(255 255 255 / 16%);
  -ms-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);
  -o-box-shadow: 0px 5px 10px rgba(255 255 255, 0.16);
  box-shadow: 0px 5px 10px rgb(255 255 255 / 16%);
}
#dituContentn{
  width: 100%;
  height: 500px;
  margin-top: 30px;
  border-radius: 10px;
}

.jobs{padding: 30px; border-radius: 10px;background: #fff;}

.about-left{float:left;width:55%;margin-right:5%;}
.about-right{float:right;width:40%;}

@media (max-width: 768px) {
	.support-Intro_Inner {padding:0;}
    .support-Intro_Header {float: none;}
    .support-Intro_Heading {float:left;width:100%;text-align:center;margin-bottom: 20px;}
    .support-Contents {float:none;width:100%;padding:10px 3%;}
    .support-Nav_List {float:none;width:100%;position: relative; margin: 15px 0;}
    .support-Nav_List li{width:100%;margin:0 0 5px 0;}
    .support-Nav_List li a{width:95%;}
    .zzzc{height: 1250px;padding: 10px;}
	.about-left{width:100%;}
.about-right{width:100%;}
#dituContentn{display: none;}
#floatTools{display: block;}
}

.citybox{margin: 2.5vw 0 0 0;float:left;}
.citybox-cover{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #fff;}
@-webkit-keyframes scaleCover{
0%{-webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
100%{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
}
@keyframes scaleCover{
0%{-webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
100%{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
}
.scaleCover {
  -webkit-animation-name: scaleCover;
  animation-name: scaleCover;
}


.injImage {width:100%;float:left;position:relative;border:1px solid #e4e4e4;border-radius:10px;overflow:hidden;cursor:pointer;padding:10px;}
.injImage:hover {border:1px solid #00a47f;}
.injImage img {transition:transform 0.5s;width:100%;border-radius:10px;}
.injImage:hover img {transform:scale(1.05) scale(1);}
.injName {float:left;width:100%;line-height:30px;margin-bottom:20px;margin-top:20px;font-size:18px;}


.linHeight {float:left;width:100%;height:50px;}
.ind_pagination{
    position: relative;
}
.ind_pagination a, .ind_pagination span{
    width: 50px;
    height: 50px;
    background: #f8f8f8;
    border-radius: 50%;
    font-size: 14px;
    color: #9fa7c5;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    font-weight: 500;
    margin-right: 12px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.ind_pagination a:hover, .ind_pagination span.current{
    background: #00a47f;
    color: #FFF;
}
.ind_pagination a:last-child{
    margin-right: 0;
}


.cultureList{float:left;width:100%;padding:0px 30px}
.text-mask {
	background-size: cover;
	background-position: center center;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.text-mask .text {
	line-height: 1em;
	color: #0e0e0e;
	mix-blend-mode: lighten;
	background: #fff;
	text-transform: uppercase;
	font-weight: 900;
	display: block;
	position: relative;
	font-size: 10rem;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.text-mask .text-align {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	margin-top: -0.05em;
}
.text-mask .text-align:after {
	content: attr(data-letter);
	text-transform: uppercase;
}
.text-mask .text-align[data-letter="q"], .text-mask .text-align[data-letter="Q"] {
	font-size: .9em;
	margin-top: -.15em;
}
.text-mask .text-align[data-letter="j"], .text-mask .text-align[data-letter="J"] {
	font-size: .9em;
	margin-top: -.15em;
}
.text-mask .text-align[data-letter="m"], .text-mask .text-align[data-letter="M"] {
	font-size: .9em;
}
.text-mask .text-align[data-letter="w"], .text-mask .text-align[data-letter="W"] {
	font-size: .8em;
}
.services-shortcode-1 {
	margin-bottom: 120px;
}
.services-shortcode-1:after {
	content: "";
	display: block;
	clear: both;
}
.services-shortcode-1 .preview-wrapper {
	float: left;
	width: 380px;
	position: relative;
}
.services-shortcode-1 .preview {
	padding-bottom: 100%;
	position: relative;
}
.services-shortcode-1 .preview-wrapper .icon {
	width: 50px;
	height: 50px;
	color: #000;
	position: absolute;
	z-index: 1;
}
.services-shortcode-1 .preview-wrapper .icon:nth-child(1) {
	left: -25px;
	top: -25px;
}
.services-shortcode-1 .preview-wrapper .icon:nth-child(2) {
	right: -25px;
	top: -25px;
}
.services-shortcode-1 .preview-wrapper .icon:nth-child(3) {
	right: -25px;
	bottom: -25px;
}
.services-shortcode-1 .preview-wrapper .icon:nth-child(4) {
	left: -25px;
	bottom: -25px;
}
.services-shortcode-1 .preview-wrapper .icon:before {
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	margin-top: -.5px;
	content: "";
	background: currentColor;
}
.services-shortcode-1 .preview-wrapper .icon:after {
	position: absolute;
	width: 1px;
	height: 100%;
	left: 50%;
	top: 0;
	margin-left: -.5px;
	content: "";
	background: currentColor;
}
.services-shortcode-1 .content {
	padding-left: 430px;
	max-width: 905px;
	float: left;
	margin-left: -380px;
}
.services-shortcode-1 .content .align {
	display: table-cell;
	height: 380px;
	width: 10000px;
	vertical-align: middle;
}
.services-shortcode-1 .content .sl {
	margin-bottom: 18px;
	padding-left: 110px;
	margin-left: -110px;
}
.services-shortcode-1 .content .sa p {
	line-height:26px;
}
.services-shortcode-1 .content .sa h4 {
	margin:10px 0px 10px 0px;
}
.services-shortcode-1 .content .sa p span{
	color:#00a47f;
}
.services-shortcode-1 .content .sl:before {
	width: 100px;
}
.services-shortcode-1 .text-mask .text {
	font-size: 450px;
}
 @media (min-width: 768px) {
.services-shortcode-1.style-1 .preview-wrapper {
	float: right;
}
.services-shortcode-1.style-1 .content {
	padding-right: 430px;
	padding-left: 0;
	float: right;
	margin-right: -380px;
	text-align: right;
}
.services-shortcode-1.style-1 .content .sl {
	padding-right: 110px;
	padding-left: 0;
	margin-right: -110px;
	margin-left: 0;
}
.services-shortcode-1.style-1 .content .sl:before {
	left: auto;
	right: 0;
}
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.services-shortcode-1 .content {
	max-width: 707px;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .cultureList{float:left;width:100%;padding:0px}
.services-shortcode-1 {
	margin-bottom: 60px;
}
.services-shortcode-1 .preview-wrapper.preview-wrapper {
	float: none;
	margin: 0 auto 50px auto;
	width: 280px;
}
.services-shortcode-1 .content.content {
	width: auto;
	float: none;
	margin: 0;
	padding: 0 0 0 60px;
	overflow: hidden;
}
.services-shortcode-1 .content .align {
	height: auto;
	width: auto;
	display: block;
}
.services-shortcode-1 .text-mask .text {
	font-size: 350px;
}
}
.services-shortcode-2 {
	margin-bottom: 30px;
}
.services-shortcode-2 .icon {
	width: 120px;
	height: 120px;
	background: #282c33;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: 0 auto 35px auto;
}
.services-shortcode-2 .icon img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.services-shortcode-2 .sl {
	margin-bottom: 18px;
}
.services-shortcode-2 .content {
	padding-left: 60px;
}

.nList {margin-bottom:50px;}
.support-Detail_Header{float:left; width:100%;font-size:18px;height:48px;line-height:24px;overflow:hidden}
.support-Detail_Content{float:left;width:100%;margin-top:30px;}
.support-Detail_Content .support-Detail_Figure{float:left;margin-bottom:25px;}
.support-Detail_Content .support-Detail_Figure a{float:left;}
.support-Detail_Content .support-Detail_Figure img{float:left;height:20.8vw}
.support-Detail_Pars {float:left;width:100%;line-height:24px;height:72px;overflow:hidden;}
.support-Detail_LinkContainer {float:left;width:100%;margin-top:20px;}
.support-Detail_LinkContainer a{float:left;background:#f8f7f1;border-radius:20px;padding:8px 20px; color:#333;font-size:12px;}
.support-Detail_LinkContainer a:hover{background:#666;color:#fff;}
.nList:hover img{opacity:0.8;filter(alpha=80)}

@media (max-width: 768px){
   .support-Detail_Content .support-Detail_Figure img{height:100%}
}

.event-detail .map-box{
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 50px;
}

.event-detail .map-canvas{
	position: relative;
	height: 360px;
}

.event-sidebar{
	position: relative;
	margin-bottom: 50px;
}


.sidebar-page-container{
	position: relative;
	padding: 120px 0 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:50px;
}

.sidebar-widget{
    position:relative;
    padding: 40px 10px 50px;
	  background-color: #1b2536;
    border-radius:3px;
}

/* Sidebar Title */

.sidebar-title{
	position: relative;
	margin-bottom: 25px;
}

.sidebar-title h5{
	position: relative;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	line-height: 30px;
  text-align: center;
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
	padding: 50px;
	border-radius: 20px 20px 0 0;
	margin-bottom: 2px;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:30px;
	padding:20px 30px;
	border:1px solid transparent;
	background:#ffffff;
	display:block;
	font-size:16px;
	width:100%;
	height:70px;
	color:#858687;
	border-radius: 20px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
	position:absolute;
	right:30px;
	top: 20px;
	line-height: 30px;
	display:block;
	font-size:16px;
	background-color: transparent;
	color:#858687;
	font-weight:normal;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button:hover{
	color: #00a47f;
}

.sidebar .search-box .form-group input[type="text"]:focus,
.sidebar .search-box .form-group input[type="search"]:focus{
	border-color: #00a47f;
}

/* Events Widget */

.events-widget{
	position: relative;
}

.event-block-two{
	position: relative;
	margin-bottom: 25px;
}

.event-block-two:last-child{
	margin-bottom: 0;
}

.event-block-two .inner-box{
	position: relative;
	text-align: center;
}

.event-block-two .image{
	position: relative;
	display: flex;
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  padding: 10px;
  transition: box-shadow .3s, background-color .3s, color .3s, transform .3s;
  justify-content: center;
  align-items: center;
}
.event-block-two .image:hover{
  transform: translateY(-3px);
  box-shadow: 0px 5px 20px rgb(102 102 102 / 15%);
}

.event-block-two .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.event-block-two .inner-box:hover .image img{
	opacity: .70;
}

.event-block-two .date{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #00a47f;
	font-weight: 400;
	margin-bottom: 3px;
	font-family: "Fredoka One", cursive;
}

.event-block-two h5{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #00a47f;
	font-weight: 400;
}

.event-block-two h5 a{
	color: #fff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.event-block-two h5 a:hover{
	color: #00a47f;
}

.mission-section{
	position: relative;
	padding: 120px 0 90px;
}

.mission-block{
	position: relative;
	margin-bottom: 30px;
}

.mission-block .inner-box{
	position: relative;
	background-color: #f9f5f0;
	border-radius: 20px;
	overflow: hidden;
}

.mission-block .image{
	position: relative;
	margin-bottom: 0;
}

.mission-block .image img{
	display: block;
	width: 100%;
	height: auto;
}

.mission-block .lower-content{
	position: relative;
	padding: 27px 15px 20px;
}

.mission-block h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 400;
	margin-bottom: 5px;
    margin-top:0px;
}
.mission-block h3 a{
	color:#00a47f;
}

.mission-block .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 1.5em;
	color: #858687;
	font-weight: 400;
}

.mission-section.style-two{
	background-color: #f9f5f0;
}

.mission-section.style-two .mission-block .inner-box{
	background-color: #ffffff;
}

.blog-post-pagination {
	margin: 30px 0px;
}

.blog-post-pagination a {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #f3f3f3;
	line-height: 42px;
	text-align: center;
	font-size: 14px;
	color: #666;
	transition: all .4s ease;
}
@media (max-width: 767px) {
    .blog-page-2-col .blog-post-pagination {
        padding-bottom: 30px;
    }
    .blog-post-pagination a {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
}
}
.blog-post-pagination a.prev, .blog-post-pagination a.next {
	background: #a4a4a4;
	color: #fff;
	font-size: 14px;
}

.blog-post-pagination a.active {
	cursor: auto;
}

.blog-post-pagination a.active, .blog-post-pagination a:hover {
	background: #f2e36c;
    color:#fff;
}

.blog-post-pagination a + a {
	margin-left: 10px;
}



.event-detail{
	position: relative;
}

.event-detail .image-box{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 37px;
}

.event-detail .image-box img{
	display: block;
	width: 100%;
	height: auto;
}

.event-detail .lower-content{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #444;
}
.NPager {width:100%;margin-bottom:20px;line-height:30px;}
.NPager a{color:#a0afab}
.NPager a:hover{color: #00a47f;}
.event-detail .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.2em;
	color: #aaa;
	font-weight: 400;
	margin-bottom: 30px;
}

.event-detail h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 400;
	margin-bottom: 20px;
}

.event-detail p{
	position: relative;
	display: block;
	line-height: 30px;
	color: #a0afab;
	font-weight: 400;
	margin-bottom: 15px;
}

.event-detail .event-info{
	position: relative;
	font-family: "Fredoka One", sans-serif;
	margin-bottom: 65px;
}

.event-detail .event-info li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #00a47f;
	font-weight: 400;
	margin-right: 40px;
	padding: 5px 0;
}

.event-detail .event-info li:last-child{
	margin-right: 0;
}

.event-detail .event-info li span{
	color: #00a47f;
	margin-right: 4px;
}

.event-detail .post-share-options{
	position: relative;
}

.event-detail .social-icon-colored li{
	margin-left: 8px;
	margin-right: 0;
}

.event-detail .social-icon-colored li a{
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 14px;
}

.NPager {width:100%;margin-bottom:20px;}

.con_map{float:left;width:100%;border:2px solid #00a47f;border-left:none;border-right:none;}
.mapContent{float:left;width:100%;height:500px;}


.l-section__header {float:left;width:85%;background-image: linear-gradient(90deg, #00a47f 10%, #1ac0af 50%, #1ac0af 60%, #00a47f);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;padding: 48px 6.4%;}
.l-section__header h3 {color:#fff;float:left}

.l-section__header2 {float:right;width:85%;background-image: linear-gradient(90deg, #00a47f 10%, #1ac0af 50%, #1ac0af 60%, #00a47f);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;padding: 48px 6.4%;}
.l-section__header2 h3 {color:#fff;float:right}

.divms{float:left;width:100%;margin:60px 0px;padding:0px 6.4%}
.div50 {float:left;width:50%;}
.div51 {float:left;width:50%;padding-left:80px;}
.divKeep {float:left;width:100%;border:1px solid #7c7c7c;background:#f9f9f9;line-height:50px;text-align:center;font-size:16px;}
.divComp {float:left;width:100%;height:90px;line-height:90px;color:#000}
.divComp h3{font-size:18px;margin-top:20px;background:url(../images/dtLine.jpg) no-repeat left bottom;line-height:40px;}
.divConList {float:left;width:100%;line-height:28px;}
.divFeed {float:left;width:100%;}

@media (max-width: 768px) {
    .l-section__header {width:100%;padding: 28px 6.4%;}
    .l-section__header h3 {font-size:18px;}
	.div50 {float:left;width:100%;}
    .divms{float:left;width:100%;margin:20px 0px;padding:0px}
    .div51 {float:left;width:100%;padding-left:0px;margin-top:20px;}
    .l-section__header2 {width:100%;padding: 28px 6.4%;}
    .l-section__header2 h3 {font-size:18px;float:left;}
    .message .col-xs-12 {width:100%;}
    .event-detail h3{margin-top: 100px;}
}


.contLeft {float: left; width: 20%; background: #00a47f; position: relative;border-radius: 6px;}
.contRight {float: right; width: 78%;}
.contRight .proList{padding: 0 0 60px 0;}
.contLeftNav {text-align: center;float:left;width:100%;}
.contLeftNav ul {padding-bottom: 20px;}
.contLeftNav ul li {}
.contLeftNav ul li h3 {height: 58px; line-height: 58px; position: relative;margin:0px;}
.contLeftNav ul li h3 a {display: block; height: 100%;font-size:16px;font-weight:normal;color: rgb(255 255 255 / 80%);transition: all .3s ease;margin: 10px 15px;border-radius: 4px;}
.contLeftNav ul li h3 a:hover {background: rgb(255 255 255 / 40%);color: #fff;}
.contLeftNav ul li h3 span {position: absolute; width: 30px; height: 30px; right: 17%; top: 50%; margin-top: -15px; background: url(../images/ico_jt_contL.png) no-repeat center; z-index: 22; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contLeftNav ul li.on h3 a {background: #1eafc1; font-size: 18px; font-weight: 600; color: #fff;}
.contLeftNav ul li.on h3 span {background: url(../images/ico_jt_contL_a.png) no-repeat center; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.contLeftNav ul li.active h3 a {background: rgb(255 255 255 / 40%);color: #fff;}
.contLeftTit {float:left; width: 100%; height: 86px; text-align: center;color: #fff; left: 0;  z-index: 44; }
.contLeftTit span {display: block; margin-top: 22px;}
.contLeftTit h2 {font-size: 26px; font-weight: 600; line-height: 36px; margin-top: 16px;}
.contLeftTit h3 {font-size: 12px; line-height: 18px;}
.contRight .xh{font-size:18px;color:#333;line-height:30px; height: 40px; padding:0 20px; font-weight: 700;}
.contRight .xh span{border-bottom: 3px solid #1b2536; padding: 0 0 10px 0;}



.contRightWrap {margin-top: 10px; min-height:300px}


.bannerContCourseD {background: url(../images/banner_course_d.jpg) no-repeat center;}
.contRightH h3 {max-width: 70%; float: left; font-size: 18px; font-weight: 600; color: #595959;}
.courDetailH {font-size: 0;margin-bottom: 8px; margin-top: 24px;}
.courDetailH a {display: inline-block; width: 14.16%; height: 32px; margin-right: 3%; margin-bottom: 20px; text-align: center; line-height: 30px; font-size: 14px; color: #808080; border: 1px solid #e5e5e5; border-radius: 16px; box-sizing: border-box;}
.courDetailH a:nth-child(6n) {margin-right: 0;}
.courDetailH a:hover {background: #F5F4F4;}
.courDetailTit {height: 60px; padding: 0 15px; margin-top: 40px; line-height: 60px; color: #fff; background: #00a47f;}
.courDetailTit h3 {padding-left: 36px; font-size: 16px; font-weight: 600; background: url(../images/ico_course_d.png) no-repeat left center;}
.courDetailCont {margin: 26px 0 30px 0;}
.courDetailCont p {color: #4c4c4c; line-height: 32px; text-indent: 2em;}


.contRightH h2.contRightTit {font-size: 18px; color: #595959; font-weight: 600;}
.newsDetailCont {margin-top: 40px;}
.picCenter {text-align: center;}
.picCenter img {width: auto; max-width: 100%;}
/*.newsDetailCont p {font-size: 16px; color: #4c4c4c; text-align: center; line-height: 42px;}*/
.newsDetailCont p {line-height: 42px;}
.newsDetailCont .pic {margin-bottom: 36px;}
.picCont {margin: 36px 0 36px 0;} 
.picList {margin-top: 36px;}
.picList li {float: left; width: 44%; margin-left: 12%;}
.picList li:first-child {margin-left: 0;}
.pageJump {margin-top: 25px; padding-top: 30px; border-top: 1px dashed #DCDCDC;}
.pageJump p {font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.pageJump p a {color: #666;}
.pageJump p a:hover {color: #00a47f; text-decoration: underline;}


.contRight.stuRight {width: 100%;}
.stuRight .contRightLine {height: 1px; background: #eee;}
.stuSearch {margin: 30px 0; padding: 40px 8%; background: #fafafa;}
.stuWrap {}
.stuTop {}
.stuTop a {display: block; position: relative;}
.stuTop p {position: absolute; padding: 0 20px; width: 100%; height: 60px; line-height: 68px; font-size: 14px; color: #fff; background: url(../images/stu_bg.png) repeat-x center; left: 0; bottom: 0; z-index: 5; box-sizing: border-box; background-size: auto 100%;}
.stuTop:hover img {-webkit-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08);}


.picDetail {position: relative; padding: 0 10%; padding-bottom: 55px; margin-top: 80px; border-bottom: 2px solid #f4f4f4;}
.picDetail .bx-wrapper .bx-controls-direction a {width: 60px; height: 60px; top: 50%; margin: 0; transform: translateY(-50%); background-color: #ededed; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.picDetail .bx-wrapper .bx-controls-direction a:hover {background-color: #00a47f;}
.picDetail .bx-wrapper .bx-prev {left: -92px; background-image: url(../images/pic_ico_l.png);}
.picDetail .bx-wrapper .bx-prev:hover {background-image: url(../images/pic_ico_l_a.png);}
.picDetail .bx-wrapper .bx-next {right: -92px; background-image: url(../images/pic_ico_r.png);}
.picDetail .bx-wrapper .bx-next:hover {background-image: url(../images/pic_ico_r_a.png);}
.picDetail .bx-wrapper .bx-pager {font-size: 20px; bottom: 6px;}
.picDetail img {display: block; width: 100%;}


.aboutH {text-align: center; padding: 38px 0;}
.aboutH img {width: 130px;}
.aboutBrief {margin-top: 26px;}
.aboutBrief img {float: left; width: 43%; margin-right: 2%;}
.aboutBrief p {font-size: 16px; line-height: 34px;}
.aboutBList {margin-top: 40px; padding: 76px 25px 30px 25px; background: #fafafa;}
.aboutBList li {float: left; width: 31.333%; margin-left: 3%;}
.aboutBList li:first-child {margin-left: 0;}
.aboutBList li h3 {line-height: 40px; font-size: 16px; color: #4d4d4d;}
.aboutBList li h3 span {margin-right: 18px; font-size: 24px; font-weight: 600; vertical-align: sub;}
.aboutBList li p {min-height: 140px; line-height: 26px; color: #808080;}
.aboutBList li .line {margin: 14px 0 12px 0; border-top: 1px dashed #e5e5e5;}
.aboutTxt {margin-top: 40px;}
.aboutTxt h3 {margin-bottom: 12px; font-size: 18px; color: #4c4c4c;}
.aboutTxt p {line-height: 26px; color: #999;}
.abputTList {}
.abputTList li {width: 32%; margin-right: 2%; margin-bottom: 0;}

.categoryBtn{ width: 100%; height: 50px; line-height: 50px; background: #00a47f; border-radius: 6px; text-align: center; color: #fff; font-size: 16px; margin: 10px auto 0;display: none;}


@media (max-width: 1680px) {
	.contLeftNav ul li h3 {height: 54px; line-height: 54px;}
}

@media (max-width: 1440px) {
	.topSearchWrap {width: 172px;}
	.topSearchWrap input {width: 135px;}
	.contLeftNav ul li h3 {height: 52px; line-height: 52px;}
}

@media (max-width: 1366px) {
	.wrap {width: 88%;}
}

@media (max-width: 1280px) {
	.wrap {width: 90%;}
	.contLeft {width: 18%;}
	.contRight {width: 80%;}
	.contRightH h2 {font-size: 22px;}
	
	.bannerCont {height: 340px;}
	.courDetailCont p {line-height: 30px;}
	.courDetailCont {margin: 22px 0 20px 0;}
	.contRightH h3 {font-size: 17px;}
	
	.newsDetailCont p {line-height: 40px;}
	.newsDetailCont .pic {margin-bottom: 28px;}
	.picCont {margin-top: 28px;}
	
	.stuSearch {padding: 40px 6%;}
	.picDetail {margin-top: 60px; padding: 0 9%; padding-bottom: 45px;}
	.picDetail .bx-wrapper .bx-prev {left: -68px;}
	.picDetail .bx-wrapper .bx-next {right: -68px;}
	
	.aboutBrief p {font-size: 15px; line-height: 32px;}
	.aboutBList {padding: 56px 20px 30px 20px;}
	
	.contLeftNav ul li h3 {height: 50px; line-height: 50px;}
	.contLeftNav ul li.active h3 a {font-size: 17px;}
	
}

@media (max-width: 1080px) { 
	.contLeftNav ul li h3 {height: 48px; line-height: 48px;}
	.contLeftNav ul li.active h3 a {font-size: 16px;}
}
@media (max-width: 992px) { 
  .categoryBtn{display: block;}

	.contLeftTit {height: 92px; top: -92px;}
	.contLeftTit span {margin-top: 12px;}
	.contLeftTit h2 {margin-top: 7px; line-height: 20px;}
	.contLeftNav ul li h3 span {right: 4px;}

	
	.courDetailH a {font-size: 13px; margin-bottom: 14px;}
	.courDetailTit {height: 50px; line-height: 50px;}
	.courDetailCont {margin: 18px 0 20px 0;}

	.contRightH h2.contRightTit,
	.newsDetailCont {margin-top: 32px;}
	.newsDetailCont .pic {margin-bottom: 24px;}
	.newsDetailCont p {line-height: 36px; font-size: 15px;}
	.picCont,.picList {margin-top: 24px;}
	.picList li {width: 45%; margin-left: 10%;}
	.pageJump {padding-top: 22px; margin-top: 20px;}
	.pageJump p {font-size: 15px; line-height: 26px;}
	
	.stuSearch {padding: 30px 6%;}
	.picDetail .bx-wrapper .bx-controls-direction a {width: 48px; height: 48px;	}
	.picDetail {margin-top: 50px;padding: 0 8%; padding-bottom: 35px;}
	.picDetail .bx-wrapper .bx-prev {left: -62px;}
	.picDetail .bx-wrapper .bx-next {right: -62px;}
	
	.aboutH {padding: 24px 0;}
	.aboutBrief {margin-top: 15px;}
	.aboutBrief p { font-size: 14px; line-height: 26px;}
	.aboutBList {margin-top: 30px; padding: 42px 20px 22px 20px;}
	.aboutBList li h3 {font-size: 15px; line-height: 30px;}
	.aboutBList li h3 span {font-size: 22px; margin-right: 15px;}
	.aboutBList li .line {margin: 10px 0 8px 0;}
	.aboutBList li p {font-size: 13px; line-height: 22px;}
	.aboutTxt {margin-top: 32px;}
	.aboutTxt h3 {font-size: 17px;}
	.aboutTxt p {font-size: 13px; line-height: 24px;}
	.abputTList {margin-top: 30px;}
	
	.contLeftNav ul li h3 {height: 46px; line-height: 46px;}
	.contLeftNav ul li.active h3 a {font-size: 15px;}
	
}

@media (max-width: 768px) {
	.bannerCont {height: 402px;}
	.contLeft,.contRight {width: 100%;}
    .contLeft,.contRight .col-xs-12{width: 100%;}
	.contLeftNav ul li h3 {height: 44px; line-height: 44px;}
	.contLeftTit h2 {font-size: 15px; line-height: 18px;	margin-top: 6px;}
	.contLeftTit h3 {line-height: 16px;}
	.contLeftTit span {margin-top: 8px;}
	.contLeftTit span img {width: 24px;}
	.contLeftTit {height: 78px; top: -78px; background:#00a47f;}
	.courDetailH a {height: 28px; line-height: 26px; width: 66px; margin: 0 4px 12px 4px; font-size: 12px; border-radius: 14px;}
	.courDetailH a:nth-child(6n) {margin-right: 4px;}
	.courDetailH {margin-top: 18px;}

	.courDetailTit {height: 40px; line-height: 40px; padding: 0 10px; margin-top: 30px;}
	.courDetailTit h3 {font-size: 15px; background-size: 22px; padding-left: 30px;}
	.courDetailCont p {font-size: 12px; line-height: 24px;}
	
	.newsDetailCont .pic {margin-bottom: 15px;}
	.picCont, .picList {margin-top: 15px;}
	.newsDetailCont p {font-size: 14px; line-height: 26px;}
	.picList li {width: 48.5%; margin-left: 3%;}
	.pageJump {margin-top: 12px; padding-top: 15px;}
	.pageJump p {font-size: 14px; line-height: 20px;}
	

	.stuSearch {padding: 15px 2%;margin: 18px 0;}

	.stuTop p {padding: 0 10px; font-size: 12px; height: 40px; line-height: 45px;}
	
	.picDetail {padding: 0 34px; padding-bottom: 20px; margin-top: 30px;}
	.picDetail .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px;}
	.picDetail .bx-wrapper .bx-prev {left: -34px;}
	.picDetail .bx-wrapper .bx-next {right: -34px;}
	.picDetail .bx-wrapper .bx-pager {font-size: 15px; bottom: 2px;}
	
	.abputTList li {width: 32%;}
	.abputTList li:nth-child(2n){margin-right: 2%;}
	.abputTList li:nth-child(3n){margin-right: 0;}
	.abputTList li .cont h3 {font-size: 13px;}
	.aboutBrief p {font-size: 12px; line-height: 24px;}
	.aboutBList {margin-top: 20px; padding: 0; background: none;}
	.aboutBList li {width: 100%; margin: 0; margin-bottom: 15px; background: #FAFAFA; padding: 12px 10px; box-sizing: border-box;}
	.aboutBList li p {min-height: auto;}
	.aboutBList li h3 {font-size: 14px; line-height: 20px;}
	.aboutBList li h3 span {font-size: 18px; margin-right: 8px;}
	.aboutBList li p {font-size: 12px; line-height: 20px;}
	.aboutTxt {margin-top: 8px;}
	.aboutTxt h3 {font-size: 16px;margin-bottom: 8px;}
	.aboutTxt p {font-size: 12px; line-height: 22px;}
	.abputTList {margin-top: 20px;}
	.aboutH {padding: 15px 0;}
	.aboutBrief {margin-top: 8px;}
}

.pd_list_dl {float:left;width:100%;margin-top:20px;padding:15px;overflow: hidden;background: #fff; transition: box-shadow .3s, background-color .3s, color .3s, transform .3s;border: 1px solid #f3f3f3;border-radius: 6px;}
.pd_list_dl:hover{transform: translateY(-3px);box-shadow: 0px 5px 20px rgb(27 37 54 / 20%);}
.pd_list_dl a img{width:100%; display: block; margin: 0 auto; transition:all .3s;}
.pd_list_dl:hover img{opacity:0.8;filter(alpha=80);}
.pd_list_dl div {float:left;width:100%;text-align:center;padding:10px 0px 0px 0px;line-height:24px;font-size:16px;}
.pd_list_dl div a{float:left;width:100%;display:block;color:#666;height:48px;line-height: 48px; overflow:hidden;display:block;}

@media (max-width: 768px) {
	.pd_list_dl {margin-top:10px;border-radius:5px;padding:5px;}
    .pd_list_dl div {line-height:24px;}
}

.imgC {border:1px solid #ececec}
.pcpImgL {float:left; width:49%;margin-right:1%;margin-top:20px}
.pcpImgR {float:left; width:49%;margin-left:1%;margin-top:20px}
@media (max-width: 768px) {
    .pcpImgL {float:left; width:100%;margin-right:0%;margin-top:20px}
    .pcpImgR {float:left; width:100%;margin-left:0%;margin-top:20px}
    .ms-slide{text-align: center;}
}

.pcpShow2 { width:100%;background: #fff;padding: 20px 0;border-radius: 6px;display: flex;justify-content: center;align-items: center;}
.pcpShow2 .prdet{float: none;}

#j_pro_tab { width:100%; background:#f8f8f8;height:50px; line-height:50px;margin-top:30px;border-radius: 6px 6px 0 0;}
#j_pro_tab li{float:left; width:180px;height:50px; line-height:50px; text-align:center;font-size:16px;color:#666;border-radius: 6px 0 0 0;}
#j_pro_tab li.active{background:#00a47f;color:#fff; }

.tab-content {background:#fff; width:100%;margin-bottom: 50px;border-radius: 0 0 6px 6px;}
.tab-content  .tabs {font-size:14px;width:100%;padding:2%;border-radius: 0 0 6px 6px;}
.tab-content  .tabs img{width: 100%;}

@media screen and (max-width: 768px) and (min-width:0px) {/* 移动端的尺寸 */	
    #j_pro_tab li{float:left; width:50%;height:50px; line-height:50px;}}

.pcpInfo {float:left;width:100%;padding-top:10px;}
.pcpInfo .tits {float:left; width:100%;font-size:24px; line-height:30px; font-weight:normal;color: #333; padding-bottom:20px;border-bottom:1px dashed #a0afab;}
.divContact {float:left; width:100%;padding:10px 0px; line-height:30px;color: #666;}

.divBtn {float:left; width:100%;margin-top:30px;}
.divBtn a {float:left; width:48%; display:block; text-align:center;background:#00a47f;color:#fff;padding:10px 0px;border-radius: 4px;opacity: .9;}
.divBtn a:hover{-moz-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-webkit-box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);-ms-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);-o-box-shadow: 0px 5px 10px rgba(0 164 127, 0.16);box-shadow: 0px 5px 10px rgb(0 164 127 / 16%);opacity: 1;}
.btnShare {float:left; width:100%;margin-top:20px;}

/*===公共详情表格 结束===*/
.bordered {
width:100%;
    font-size: 14px;
    color: #444;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
.borde  {  
white-space:nowrap;
vertical-align:middle;
}
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;    
}

.bordered th {
    background-color: #00a47f;
	text-align:center;
	font-size:14px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#00a47f));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #00a47f);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #00a47f);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #00a47f);
    background-image:      -o-linear-gradient(top, #ebf3fc, #00a47f);
    background-image:         linear-gradient(top, #ebf3fc, #00a47f);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
} 


.project .subtitle{top: -1.7rem; right: 0;}
.project .bg-white{margin-top: 2%; padding: .3rem 0;}
.project-tit{color: #444; font-size: .3rem; font-weight: bold;}
.project-tit .f60{position: relative; top: .03rem; padding-left: .6rem; padding-right: .6rem; text-decoration: overline; font-size: .6rem;}
.project .box1{margin: 5% 0 7%;}
.project .box1 .textbox{margin-left: 12%; width: 85%;}
.project .box1 .textbox h4{font-size: 16px; font-weight: bold; color: #444;}
.project .box1 .textbox p{font-size: 14px; line-height: 24px; color: #888;}
.project .box2{margin-top: 2%; margin-bottom: 6%;}
.project .imgtext{margin-top: .4rem;}
.project .imgtext img{margin-bottom: .27rem; width: .7rem; height: .7rem;}
.project .imgtext h4{font-size: 16px; font-weight: bold; color: #444;}
.project .imgtext p{height: 72px; font-size: 14px; line-height: 24px; color: #888;}
.project .box3{margin-bottom: 9%; padding-top: 2.5%;} 
.project .box3 .textbox{position: absolute; right: 0; bottom: 0; padding: 0.8% 2.5% 1.2%; background: #3d3c39; width: 50%; color: #fff;}
.project .box3 .textbox h3{position: relative; padding-left: 20px;}
.project .box3 .textbox h3:before{position: absolute; display: block; content: ""; left: 0; top: 5px; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 10px solid #fabf13;}
.project .box3 .textbox p{padding-left: 20px; opacity: .7;}
.project .asidenav{position: absolute; z-index: 11; top: -10%; left: 0; padding: 2% 0; background: #fabf13; min-width: 15.6%;}
.project .asidenav li{position: relative; padding: .1rem .44rem; font-size: 16px; color: #8b6f1f; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;}
.project .asidenav li:before{position: absolute; left: 0; top: 50%; display: block; content: ""; width: 0; height: 1px; background: #444; -webkit-transition: all 0.3s; transition: all 0.3s;}
.project .asidenav li.active{color: #444;}
.project .asidenav li.active:before{width: .3rem;}
.project .box4 .auto{width: 30.93%;}
.project .box4 img.pa{position: absolute; top: 10.3%; left: 10.3%; width: 79.4%;}
.project .box4 .cover{top: 10.3%; left: 10.3%; right: 10.3%; bottom: 10.3%; background: rgba(0,0,0,.5);}
.project .box4 .project-tit{top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff;}
.project .box4 .project-tit .f60{top: 0;}
.project .box4 .item{position: absolute;}
.project .box4 .item h4{font-size: 16px; color: #444; font-weight: bold;}
.project .box4 .item p{margin-bottom: 0; font-size: 14px; color: #888;}
.project .box4 .item1{top: 0; right: 68%; left: 0; text-align: right;}
.project .box4 .item2{top: 0; left: 68%; right: 0; text-align: left;}
.project .box4 .item3{top: 36%; right: 72%; left: 0; text-align: right;}
.project .box4 .item4{top: 36%; left: 72%; right: 0; text-align: left;}
.project .box4 .item5{bottom: 0; right: 68%; left: 0; text-align: right;}
.project .box4 .item6{bottom: 0; left: 68%; right: 0; text-align: left;}
.project .box5{margin-top: 9%;}
.project .box5 .weui-cell{position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background: rgba(0,0,0,.5); color: #fff;}
.project .box5 h3{margin-bottom: 1.7%; font-size: .48rem; font-weight: bold;}
.project .box5 p{font-size: 18px;}
.project .box5 .more{margin: 9.5% auto 0; width: 26%;}
.project .box5 .more a{display: block; padding: 6% 0; border: 0; background: #fabf13;}
.project .box5 .more a span{font-size: .3rem; color: #444;}
.project .box5 .more a i{background: #facd4b;}
@media (min-width: 1200px){
.project .asidenav li:hover{padding-left: .54rem;}
.project .box1 .textbox{width: 53%;}
.project .box4 .item3, .project .box4 .item4{top: 42%;}
.project .box5 .more{width: 19.5%;}
}
@media (max-width: 991px){
.partner .box{margin-top: 5%;}
.project .box3 .textbox{position: static; width: 100%;}
.project .box4{margin-bottom: 8%;}
.project .box4 .auto{width: 60%;}
.project .box4 .item{position: static; float: left; width: 50%; padding: 15px; text-align: center;}
}
@media (max-width: 639px){
.project .box1 .weui-cell{display: block;}
.project .box1 .weui-cell__hd{text-align: center;}
.prg-cont canvas{width: 150px;}
.prg-cont-wrap .pa{top: 5px; left: 5px;}
.prg-cont-wrap .pa img{margin-top: 21%; margin-left: 44px;}
.project .box1 .textbox{margin-top: .4rem; margin-left: 5%; width: 90%;}
.project .box2{margin-top: 12%;}
.project .imgtext{margin-top: 0; text-align: center;}
.project .imgtext img{margin: 0 auto;}
.project .asidenav{position: static; width: 100%;}
.project .box4 .auto{width: 80%;}
.project .box4 .item{float: none; width: 100%;}
.project .box5 h3{margin-top: 0; font-size: .38rem;}
.project .box5 .more{margin-top: 5%; width: 50%;}
.project .box5 .more a{padding: 3% 0;}
}

.nbanner {width:100%; position: relative;}
.nbanner h3{color: #fff; font-size: 32px; position:absolute; font-weight: bold;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.nbanner h3 span{ font-size: 18px; color: #fff; font-weight: 500;}
.nbanner img{width: 100%; height: auto;opacity: .8;}
.aboutWrap{padding: 10vh 0 5vh;}
.aboutImg{padding: 10px;position: relative;width: 78%;margin: 40px auto 10px;}
.aboutImg img{width: 100%;border-radius: 10px;}
.abTxt{ padding: 50px 50px 10px 50px; background: #00a47f; border-radius: 10px; margin: 0 15px;}
.abTxt .tit{font-size: 36px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.abTxt .subTit{display: block;font-size: 14px;color: #eee; margin-bottom: 30px;}
.abTxt p{font-size: 14px; color: #fff; line-height: 30px;}
.describeWrap{padding: 0px 0 100px; min-height: 800px; box-sizing: border-box; background:url(../img/abbg.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.describeWrap .tit{font-size: 28px; color: #494949; margin-bottom: 15px; text-align: center;}


.advantage-region{padding: 30px 0 0;}
.advantage-region li .mrg{margin: 10px; padding: 50px 40px 80px; background: #fff; border-radius: 10px; box-shadow: 0px 1px 5px rgb(204 204 204 / 50%); transition: box-shadow .3s, transform .3s;}
.advantage-region li .mrg:hover{box-shadow: 0px 10px 30px rgb(204 204 204 / 50%);transform: translateY(-3px); transition: box-shadow .3s, transform .3s;}
.advantage-region li img{width: 80px; height: auto;display: block; margin-bottom: 50px;}
.advantage-region li h5{font-size: 24px;color: #333;font-weight: bold;margin-bottom: 30px;}
.advantage-region li p{color: #666;font-size: 14px; margin-bottom: 40px;}
.advantage-region li .hrx{width: 100%;height: 1px;background: #ddd;}
.advantage-region li .fk{width: 12px;height: 12px;background: #00a47f; margin-top: 20px;float: right; transition: transform .3s;}
.advantage-region li .mrg:hover .fk{transform: rotate(135deg);}

.workshoptit{font-size: 28px;color: #494949;margin: 50px 0 0 0;text-align: center;}
.workshop{margin:0 0 100px 0;}
.workshop li{position: relative; margin: 5px 0;}
.workshop li img{width: 100%; height: auto; box-sizing: border-box; cursor: pointer;border-radius: 6px;}
.workshop li::before{
  position: absolute;
  top: -2px;
  right: 13px;
  bottom: -2px;
  left: 13px;
  content: ' ';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
  border-top: 2px solid #00a47f;
  border-bottom: 2px solid #00a47f;
  transform: scale(0, 1);
  z-index: -1;
  cursor: pointer;
  border-radius: 8px;
}
.workshop li:hover:before{
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.workshop li::after{
  position: absolute;
  top: -2px;
  right: 13px;
  bottom: -2px;
  left: 13px;
  content: ' ';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
  border-left: 2px solid #00a47f;
  border-right: 2px solid #00a47f;
  transform: scale(1, 0);
  z-index: -1;
  cursor: pointer;
  border-radius: 8px;
}
.workshop li:hover:after{
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.application{margin: 20px 0 100px 0;}
.application li{padding: 0 15px 0 0;margin-bottom: 15px;}
.application li:last-child{padding: 0;}
.application li .tp{height: 240px;margin-bottom: 15px; background-color: #fff;}
.application li .bt{height: 480px; background-color: #fff;}
.application li:nth-child(2) .tp{margin-bottom: 0;}
.application li:nth-child(2) .bt{margin-bottom: 15px;}
.application li .hy{
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background: -moz-linear-gradient(top, none, none);
  background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
  background: -o-linear-gradient(top, none, none);
  background: linear-gradient(top, none, none);
  background-size: cover;
  cursor: pointer;
  position: relative;
  border-radius: 6px;
}
.application li .hy.hy1{background-image: url('/img/hy-h1.jpg');}
.application li .hy.hy2{background-image: url('/img/hy-h2.jpg');}
.application li .hy.hy3{background-image: url('/img/hy-h3.jpg');}
.application li .hy.hy4{background-image: url('/img/hy-h4.jpg');}
.application li .hy.hy5{background-image: url('/img/hy-h5.jpg');}
.application li .hy.hy6{background-image: url('/img/hy-h6.jpg');}
.application li .hy.hy1:hover{background-image: url('/img/hy1.jpg');}
.application li .hy.hy2:hover{background-image: url('/img/hy2.jpg');}
.application li .hy.hy3:hover{background-image: url('/img/hy3.jpg');}
.application li .hy.hy4:hover{background-image: url('/img/hy4.jpg');}
.application li .hy.hy5:hover{background-image: url('/img/hy5.jpg');}
.application li .hy.hy6:hover{background-image: url('/img/hy6.jpg');}
.application li .hy span{color: #fff;font-size: 16px;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}

.certificatetit{font-size: 28px;color: #494949;margin: 50px 0 0 0;text-align: center;}
.certificate{margin: 100px 0;}
.certificate li img{width: 100%; height: auto; cursor: pointer;}


@keyframes zoom {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

.separate{padding: 2vh;}

.ms-slide .ms-thumb{ width: 100%;}

.zhengshu{float: left;margin: 80px 0;}
.zhengshu li{margin-bottom: 20px;}
.zhengshu li img{width: 100%;cursor: pointer;}


.search_con{position:absolute; bottom:-86px;right:0px; width:300px; height:81px; padding-top:23px; padding-bottom:19px; background:url(../images/top_bg2.png) no-repeat;z-index:100; display:none}
.search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0; padding-left:5px; margin-left:16px; padding-right:7px; width:230px; float:left; outline:none;color:#00a47f}
.search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/top_pic3.png) no-repeat; cursor:pointer;border:none}
.search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) no-repeat;}


.idx-news{padding-bottom: .8rem;}
.idx-news .text-right{position: relative; height: 3.18vw;}
.idx-news .top i{position: absolute; right: 0; display: block; width: 0; height: 0; border-left: 26.663vw solid transparent; border-bottom: 3.18vw solid #00a47f;}
.idx-news .bottom i{position: absolute; right: 0; display: block; width: 0; height: 0; border-right: 26.663vw solid transparent; border-top: 3.18vw solid #00a47f;} 
.idx-news .swiper-container{margin-right: .67rem;}
.idx-news .weui-cell__ft{position: relative; width: 26.663vw; color: #fff; text-align: left; overflow: hidden;}
.idx-news .textbox{position: relative; padding: .6rem .34rem; min-height: 21.8vw; background: #00a47f;}
.idx-news .textbox::before{position: absolute; display: block; content: ""; left: 0; top: -1px; width: 100%; height: 2px; background: #00a47f;}
.idx-news .textbox a{color: #fff;}
.idx-news .imgbox a{position: relative; background: no-repeat center center; background-size: cover;}
.idx-news .imgbox a::after{opacity: 0; position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); -webkit-transition: all .3s; transition: all .3s}
.idx-news .date{margin-bottom: .26rem; padding-top: 10px; font-size: 16px; border-top: 1px solid #ffd261;}
.idx-news h6{font-size: 20px; line-height: 32px;/*  height: 64px;  */color: #fff;}
.idx-news .line{display: block; margin: .28rem 0; width: 17px; height: 3px; background: #fff;}
.idx-news .desc{font-size: 14px; line-height: 26px; height: 182px;}
.idx-news-dot{position: absolute; right: 0; top: 50%; width: .67rem; background: #7b7b7b;}
.idx-news .swiper-slide .imgbox{-webkit-animation: zoomOut 1s cubic-bezier(0.4, 0, 1, 1); animation: zoomOut 1s cubic-bezier(0.4, 0, 1, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-news .swiper-slide-active .imgbox{-webkit-animation: slideInRight 1.2s cubic-bezier(.23, 1, .38, 1); animation: slideInRight 1.2s cubic-bezier(.23, 1, .38, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-news .swiper-pagination{left: 50%; top: 20%; width: 22px; margin-left: -11px;}
.idx-news .swiper-pagination::before{position: absolute; left: 50%; top: .35rem; bottom: .35rem; display: block; content: ""; border-left: 1px dotted #fff;}
.idx-news .swiper-pagination-bullet{position: relative; display: block; margin: .23rem auto; width: 22px; height: 22px; opacity: 1; background: none; overflow: hidden;}
.idx-news .swiper-pagination-bullet::before, .idx-news .swiper-pagination-bullet::after{position: absolute; display: block; content: ""; top: 50%; left: 50%; -webkit-transition: all .3s; transition: all .3s;}
.idx-news .swiper-pagination-bullet::before{margin-top: -5px; margin-left: -5px; width: 10px; height: 10px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%;}
.idx-news .swiper-pagination-bullet::after{margin-top: -11px; margin-left: -8px; width: 16px; height: 22px; background: #7b7b7b url(../images/dot.png) no-repeat center center; background-size: 16px; -webkit-transform: scale(0); transform: scale(0);}
.idx-news .swiper-pagination-bullet-active::before{-webkit-transform: scale(0); transform: scale(0);}
.idx-news .swiper-pagination-bullet-active::after{-webkit-transform: scale(1); transform: scale(1);}
@media (min-width: 1200px){
.idx-news .imgbox:hover a::after{opacity: 1;}
.idx-news .imgbox:hover a{-webkit-transform: scale(1.05); transform: scale(1.05);}
.idx-news .textbox a:hover .line{width: 100%;}
}
@media (max-width: 1440px){.idx-news .swiper-pagination{top: 18%;}}
@media (max-width: 1400px){.idx-news .swiper-pagination{top: 15%;}}
@media (max-width: 1199px){
.idx-news .textbox{padding-top: .3rem; padding-bottom: .3rem;}
.idx-news .text-right{height: 2.5vw;}
.idx-news .top i{border-bottom-width: 2.5vw;}
.idx-news .bottom i{border-top-width: 2.5vw;}
.idx-news .swiper-pagination{top: 5%;}
}
@media (max-width: 991px){
.idx-news .weui-cell__ft{width: 30vw;}
.idx-news .top i{border-left-width: 30vw;}
.idx-news .bottom i{border-right-width: 30vw;}
}
@media (max-width: 639px){
.idx-news .weui-cell{display: block;}
.idx-news .text-right{display: none;}
.idx-news .weui-cell__ft{width: 100%;}
.idx-news .imgbox{height: 51.47vw !important;}
.idx-news h6{font-size: 17px; line-height: 28px; height: 56px;}
.idx-news-dot{top: 0; height: 100% !important; margin-top: 0 !important;}
.idx-news .swiper-pagination{top: 30%;}
}

/*hovers*/
.mouseover-1 {
	position: relative;
	background: #000;
	display: block;
	overflow: hidden;
	display: block;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.mouseover-1 img {
	display: block;
	width: 100%;
	height: auto;
	transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);
	-webkit-transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);
}
.mouseover-1 img:nth-child(1) {
	opacity: .7;
}
.mouseover-1 img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
}
.mouseover-1:hover img:nth-child(1) {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.mouseover-1:hover img:nth-child(2) {
	transform: scale(.9);
	-webkit-transform: scale(.9);
}


.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}
.dowebok { width: 100%;margin-top:12%;}
.dowebok img { margin-left: 10px; vertical-align: top;height:110px;}
.abmScroll {float:left;width:100%;padding-left:10%;}

@media (max-width: 992px){
  .proDetai-category{display: none;}
  .contRight{ width: 100%;}
    .dowebok { display:none;}
}
@media (max-width: 767px){
  .pcpShow2{display: block;}
  .aboutWrap {padding: 8vh 0;}
  .nbanner{margin-top: 80px;}
  .abTxt{padding: 20px;}
  .abTxt .tit{font-size: 26px;}
  .aboutImg{padding: 0 20px; width: 100%;}
    .dowebok { display:block;margin-top:20px;}
    .abmScroll {float:left;width:100%;padding-left:0%;}
    .application li{padding: 0 15px;}
    .application li:last-child{padding: 0 15px;}
}

.feed {position: relative;padding: 70px 0px 120px;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;color:#fff;}
.fedTitle {float:left;width:100%;text-align:center;padding-bottom:60px;}
.fedTitle .tit1 {font-size:46px;color:#00a47f;font-weight:bold;line-height:120px;}
.fedTitle .tit2 {font-size:26px;color:#999;}

.divLX {float:left;width:100%;padding:50px 0px;}
.lxTit {float:left;width:100%;text-align:center;}
.divSM1 {float:left;width:100%;font-size:24px;line-height:36px;}
.divSM1 span{color:#00a47f}
.divSM2 {float:left;width:100%;font-size:24px;line-height:36px;}

.lxCont {width:800px;margin:0 auto;margin-top:70px;}
.lxCont h1{float:left;width:100%;font-size:20px;background:url(../images/cont1.jpg) no-repeat bottom left;line-height:60px;margin-bottom:20px;}
.lxCont .dt {float:left;width:100%;line-height:40px;font-size:16px;}
.lxCont .dt img {margin-right:8px;}

.lxCont a {color:#00a47f}

@media (max-width: 768px){
    .divLX {padding:20px 0px;}
    .divSM1 {float:left;width:100%;font-size:16px;line-height:30px;}
    .divSM2 {float:left;width:100%;font-size:16px;line-height:30px;}
    .lxCont {width:800px;margin:0 auto;margin-top:10px;}
    .lxCont .col-xs-6{width:100%;}
    .lxCont .dt {float:left;width:100%;line-height:30px;font-size:14px;}
}







.lf{ float:left;}
.rg{ float:right;} 
/*手机导航*/
@media (max-width: 767px) {
    .moblie_head{ display:block; background:#1f1a17; padding:20px 5%; position:fixed; top: 0; width:100%; z-index:1005;box-shadow: 0 0 4px rgb(27 37 54 / 25%);}
    .moblie_head .rg{ padding-top:12px;}
    .a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1005;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
	.a_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
  .a_txt .div3 ul li .div_js_txt1{max-height: 280px; overflow-y: scroll;}
	.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}

  .b_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1006;}
	.b_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.b_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.b_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.b_txt .div3 ul{ padding-left:5%; padding-right:5%;height: 100%;overflow-y: scroll;}
	.b_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.b_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
	.b_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.b_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
  .b_txt .div3 ul li .div_js_txt1{max-height: 280px; overflow-y: scroll;}
	.b_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}

  .proflBtn{margin-top: 30px;}
  .NPagerRg{float: left;}
}

/*头部*/
/*.container {float:left;width:100%;padding:0px 6.5%}*/

.headerTop {width: 100%;height: 89px;background-color: #17171d;box-shadow: 0 0 4px rgb(27 37 54 / 25%);}
.syheaderTop{background-color: transparent; position: fixed;z-index: 99;}
.headerTop .logo2 {float:left; margin-top: 10px;}
.headerTop .logo2 img{float:left;height: 70px;}
.headerTop .tr {float:right;}
.headerTop .tr .nav {float:right;}
.headerTop .tr .nav .menu {float:left; height:89px; line-height:89px; position: relative; width: 810px;}
.headerTop .tr .nav .menu > li{float:left;margin: 0;width: 14.2857%;text-align: center;}
.headerTop .tr .nav .menu > li > a { font-size:16px;color: #fff;display:block;transition: all .3s;position: relative;z-index: 10;}
.syheaderTop .tr .nav .menu > li > a{color: #fff;}
/*.headerTop .tr .nav .menu > li > a:after {
    border-bottom:5px solid #2dcc70;width:0px;content: ""; display:block;margin-top:-5px;
    transition:width 0.5s;  
    -moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}*/
.headerTop .tr .nav .menu > li > a:hover {
  color:#00a47f;
}
.headerTop .tr .nav .menu > li > a.on {
  color:#00a47f;
  background-color: transparent;
  background-image: url('../img/nav-hover.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background: -webkit-linear-gradient(none, none);
  background: -moz-linear-gradient(none, none);
  background: -ms-linear-gradient(none, none);
  background: linear-gradient(none, none);
  background-size: auto;
}

.headerTop .tr .nav .menu > li.sliding-box{
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: 89px;
  overflow: hidden;
  position: absolute;
  top: -0px;
  left: -0px;
  border-radius: 0;
  z-index: 1;
}
.headerTop .tr .nav .menu > li .sliding{
  display: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 14.2857%;
  left: 0;
  top: 0;
  height: 89px;
  background-color: transparent;
  background-image: url('../img/nav-hover.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background: -webkit-linear-gradient(none, none);
  background: -moz-linear-gradient(none, none);
  background: -ms-linear-gradient(none, none);
  background: linear-gradient(none, none);
  background-size: auto;
}


.fixed-header-on .headerTop {position:fixed;top:0px;z-index:2000;height:89px;background-color: #0d0d10;}
/*.fixed-header-on .headerTop .logo2 img {height:80px;margin-top:0px;}*/
.fixed-header-on .headerTop .tr .mt{display:none}

.fixed-header-on .headerTop .tr .nav .menu > li > a { color: #fff;}
.fixed-header-on .headerTop .tr .nav .menu > li > a.on,
.fixed-header-on .headerTop .tr .nav .menu > li > a:hover{ color: #00a47f;}

#sform{ float:left; width:200px; height:40px;background:url(searcj.jpg) no-repeat;margin-top:25px;}
#sform input{ border:0; background:0;}
#stext{ float:left; width:140px; height:40px; line-height:40px;  padding-left:10px; color:#666;}
#sbut{ float:right; width:50px; height:40px; cursor:pointer; }

.listItem {float:left;width:100%;}
.listItem .imgs {float:left;width:100%;height:300px;}
.listItem .conts {float:left;width:100%;padding:20px 10%;}
.listItem .conts strong{float:left;width:100%;text-align:left;font-size:28px;line-height:50px;margin-top:30px;color:#444444}
.listItem .conts p{float:left;width:100%;text-align:left;font-size:16px;line-height:30px;}

.listItem .col-sm-6 {padding:0px}

.nr2 {float:left;width:100%;padding:50px 0px;background:#F5F5F5}

.yuan {float:left;width:100%;background:#fff;border-radius:45px;padding:30px 10%;}
.yuan strong {float:left;width:100%;text-align:center;font-size:30px;line-height:35px;color:#918fb4}
.yuan div {float:left;width:100%;border:3px solid #918fb4;padding:30px;text-align:center;font-size:16px;margin-top:30px;min-height:126px;line-height:30px;}

.fImg {float:left;width:100%;text-align:center;margin-top:30px;}

.viewer-open{overflow-y: auto !important;}


@media (min-width: 768px) and (max-width: 991px) {
  .headerTop .tr .nav .menu{width: 600px;}
  .headerTop .logo2 img{float:left;height:60px;}
  #sform{display:none}
  .headerTop .tr .nav .menu > li > a { font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .headerTop .tr .nav .menu > li > a { font-size:14px;}
  .headerTop .logo2 img{float:left;height:60px;}
  #sform{display:none}
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .headerTop .tr .nav .menu > li > a {font-size:15px;}
  .headerTop .logo2 img{float:left;height:60px;}
}
@media (min-width: 1441px) and (max-width: 1600px) {
  .headerTop .tr .nav .menu > li > a {font-size:16px;}
}
@media (min-width: 1601px) and (max-width: 1680px) {
}