.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:#000;height:100vh}
.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{position:absolute;z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,.5) 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: #f5f5f5; 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: #008a7c;}
.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 #5c656d;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: #008a7c;}
.idx-aboutus .textbox p{text-transform:uppercase;font-size:18px;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 10px}
.pcp-category ul{float:left;width:100%;}
.pcp-category ul li{float:left;width:10%;}
.pcp-category ul li a{height:45px;display:table;font-size:16px;color:#999;margin:0 auto}
.pcp-category ul li a img{float:left;display:block}
.pcp-category ul li a span{float:left;height:45px;line-height:45px;margin-left:10px;}
.pcp-category ul li a:hover {color:#f08200}
.pcp-category ul li a.on {color:#f08200}

.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, #008a7c, transparent);background: linear-gradient(to top, #29a268, 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: #f08200;}
.project-overlay h5:hover a {color: #fff;}
.project-overlay > a:hover {background: #f08200;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:14px;}
}
@media (max-width: 1360px){
    .pcp-category ul li a img{width:35px;}
    .pcp-category ul li a{height:35px;font-size:13px;}
}
@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-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:10%;}
.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;height:30px;overflow:hidden;}
.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:#f08200}
.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;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;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;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;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;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;height:auto}

    .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:#f08200}
    .inList:nth-child(1) .mContent{background:#d891d9}
    .inList:nth-child(2) .mDate{background:#008a7c}
    .inList:nth-child(2) .mContent{background:#fd756a}
    .inList:nth-child(3) .mDate{background:#978bd4}
    .inList:nth-child(3) .mContent{background:#008a7c}
    .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:#f08200}
.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:#f08200}
.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;}
}



/* 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%;}
}
@media (max-width: 991px){
.leaderbox .weui-cell__hd{padding-right: 8%; width: 50%;}
.leaderbox .weui-cell__ft{padding-left: 8%; width: 50%;}
}
@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: #008a7c; 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: .5rem; color: #404040;}
.message .title .f34{margin-bottom: 5px; font-size: .34rem;}
.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: #008a7c; -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: #008a7c;}
.message .submit{width: 15%; line-height: .44rem; font-size: 16px; background: #008a7c; 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: #f08200;}
}

/* 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: #008a7c; -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: #008a7c; 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 #008a7c; color: #008a7c; 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: #008a7c; 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: #008a7c; -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: #008a7c;}
.history .swiper-slide-active .year{color: #008a7c;}
.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: #008a7c;}
}
/*@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: #f08200;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: #f08200;}
.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:94%;padding:54px 0px 76px 0px;margin:0px 3%; border-bottom:1px solid #5c656d}
.support-Intro_Header {float:left;width:100%;margin-bottom:54px;}
.support-Intro_Heading {float:left;height:40px;line-height:40px;font-size:20px;color:#333;text-transform:uppercase;margin:0px;}
.support-Nav_List {float:right;}
.support-Nav_List li{float:left;height:40px;line-height:40px;margin-left:10px}
.support-Nav_List li a{float:left;width:140px;height:30px;margin-top:10px;line-height:30px;display: inline-block;background-color: #f8f7f1;border-radius: 15px;color: #333;font-size: 12px;text-align:center}
.support-Nav_List li a:hover {background:#666;color:#fff;}
.support-Nav_List li.on a{background:#666;color:#fff;}
.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:#008a7c}

@media (max-width: 768px) {
	.support-Intro_Inner {padding:14px 0px 16px 0px;margin:0px 3%;}
    .support-Intro_Header {margin-bottom:24px;}
    .support-Intro_Heading {float:left;width:100%;text-align:center}
    .support-Contents {float:left;width:100%;padding:10px 3%;}
    .support-Nav_List {float:left;width:100%;}
    .support-Nav_List li{width:48%;margin:0px 1%;}
    .support-Nav_List li a{width:100%;}
}

.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 #008a7c;}
.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: #008a7c;
    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:#f08200;
}
.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:30px;line-height:30px;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: 45px 50px;
	background-color: #f9f5f0;
	margin-bottom: 2px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}

/* Sidebar Title */

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

.sidebar-title h5{
	position: relative;
	font-size: 20px;
	color: #008a7c;
	font-weight: 400;
	line-height: 30px;
}

/*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: #f08200;
}

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

/* 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: inline-block;
	overflow: hidden;
	background-color: #008a7c;
	border-radius: 20px;
	margin-bottom: 15px;
}

.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: #f08200;
	font-weight: 400;
	margin-bottom: 3px;
	font-family: "Fredoka One", cursive;
}

.event-block-two h5{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #008a7c;
	font-weight: 400;
}

.event-block-two h5 a{
	color: #008a7c;
	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: #f08200;
}

.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:#008a7c;
}

.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: 2px solid #f9f5f0;
}
.NPager {width:100%;margin-bottom:20px;line-height:30px;}
.NPager a{color:#666}
.event-detail .date{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #f08200;
	font-weight: 400;
	margin-bottom: 30px;
}

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

.event-detail p{
	position: relative;
	display: block;
	line-height: 30px;
	color: #858687;
	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: #f08200;
	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: #008a7c;
	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 #008a7c;border-left:none;border-right:none;}
.mapContent{float:left;width:100%;height:500px;}
.BMap_Marker > div{
    position: relative;
    text-align: center;
    overflow: auto !important;
    animation: loc 2000ms infinite;
    -webkit-animation: loc 2000ms infinite;
    line-height: 150px;
}
.BMap_Marker > div > img{
    display: inline-block !important;
}
@keyframes loc
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}
@-webkit-keyframes
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}

.l-section__header {float:left;width:85%;background-image: linear-gradient(90deg, #008a7c 10%, #1ac0af 50%, #1ac0af 60%, #008a7c);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, #008a7c 10%, #1ac0af 50%, #1ac0af 60%, #008a7c);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;padding: 48px 6.4%;}
.l-section__header2 h3 {color:#fff;float:right}

.div1{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%;}
    .div1{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%;}
}


.contLeft {float: left; width: 20%; background: #f5f5f5; position: relative;}
.contRight {float: right; width: 77.666%;}
.contLeftNav {text-align: center;float:left;width:100%;}
.contLeftNav ul {}
.contLeftNav ul li {}
.contLeftNav ul li h3 {height: 58px; line-height: 58px; border-top: 1px solid #e5e5e5; position: relative;margin:0px;}
.contLeftNav ul li h3 a {display: block; height: 100%;font-size:16px;font-weight:normal;color:#666}
.contLeftNav ul li h3 a:hover {background: #efefef;color:#008a7c}
.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: #efefef;color: #008a7c;}
.contLeftTit {float:left; width: 100%; height: 116px; text-align: center; background: #008a7c;color: #fff; left: 0;  z-index: 44; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.contLeftTit span {display: block; margin-top: 22px;}
.contLeftTit h2 {font-size: 16px; font-weight: 600; line-height: 26px; margin-top: 6px;}
.contLeftTit h3 {font-size: 12px; line-height: 18px;}
.contRight .xh{font-size:16px;color:#333;line-height:30px;padding:20px 36px;background:#f5f5f5;}



.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: #008a7c;}
.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: #008a7c; 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: #008a7c;}
.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;}


@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: 22%;}
	.contRight {width: 75.555%;}
	.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) { 

	.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:#008a7c;}
	.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;}

    .col-sm-4 {width:50%;}
}

.pd_list_dl {float:left;width:100%;background:#f5f5f5;margin-top:30px;border-radius:20px;padding:12px;}
.pd_list_dl a {float:left;}
.pd_list_dl a img{float:left;width:100%;}
.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;overflow:hidden;display:block;}

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

.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}
}

.pcpShow2 {float:left; width:100%;margin-top:20px;}

#j_pro_tab {float:left; width:100%; background:#f8f8f8;height:50px; line-height:50px;margin-top:30px;}
#j_pro_tab li{float:left; width:180px;height:50px; line-height:50px;}
#j_pro_tab li a{float:left; width:100%;height:50px; line-height:50px;display:block; text-align:center;font-size:16px;color:#666;}
#j_pro_tab li a.active{background:#008a7c;color:#fff; }

.tab-content {float:left;background:#fff; width:100%;}
.tab-content  .tabs {float:left;font-size:14px;display:none;width:100%;padding:2%;border:1px solid #f8f8f8}

@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;padding-bottom:20px;border-bottom:1px solid #5c656d}
.divContact {float:left; width:100%;padding:10px 0px; line-height:30px;}

.divBtn {float:left; width:100%;margin-top:30px;}
.divBtn a {float:left; width:48%; display:block; text-align:center;background:#008a7c;color:#fff;padding:10px 0px}
.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: #008a7c;
	text-align:center;
	font-size:14px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#008a7c));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #008a7c);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #008a7c);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #008a7c);
    background-image:      -o-linear-gradient(top, #ebf3fc, #008a7c);
    background-image:         linear-gradient(top, #ebf3fc, #008a7c);
    -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%;height:350px;float:left;background-size:cover;}

.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:#008a7c}
.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 #008a7c;}
.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 #008a7c;} 
.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: #008a7c;}
.idx-news .textbox::before{position: absolute; display: block; content: ""; left: 0; top: -1px; width: 100%; height: 2px; background: #008a7c;}
.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){
    .dowebok { display:none;}
}
@media (max-width: 767px){
    .dowebok { display:block;margin-top:20px;}
    .abmScroll {float:left;width:100%;padding-left:0%;}
}

.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:#008a7c;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:#008a7c}
.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:#008a7c}

@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;}
}

.xgPCP {float:left;width:100%;border:1px solid #ececec}
.xgPCP img{float:left;width:100%;}
.xgPCP .title {float:left;width:100%;text-align:center;font-size:16px;line-height:15px;padding:15px 10px;}
.xgPCP .title a {float:left;width:100%;display:block;text-align:center;}

.frindLink {float:left;width:100%;margin-top:20px;line-height:35px;}
.frindLink span {float:left;font-weight:bold;}
.frindLink a {float:left;margin-right:8px;color:#f08200}