@charset "UTF-8";
.indexbanner { margin-top: 85px;}
.banner_img{position:relative; width:100%; height:720px;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_cir{ left:50%; top:50%; background-color:#0d6fb8; opacity:.15;border-radius:50%;transform:translate(-50%, -50%);position:absolute; width:32.55208333333333vw; height:32.55208333333333vw; z-index:1;}
.banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:left; color:#fff;transform:translateY(-50%);}
.banner_img_jj_mid_1{font-size:24px; line-height: 38px;text-shadow: 3px 3px 3px #444; font-family: 'GenBasR'; width: 67%;}
.banner_img_jj_mid_2{margin-bottom:1vw;font-size:60px;text-shadow: 3px 3px 3px #444; margin-top:0; letter-spacing:2px; font-weight: bold; }
.banner_img_jj_mid_2.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_1.animated{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.index_banner_left{ color:#fff; z-index:100; top:50%;cursor:pointer;position:absolute; left:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; right:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.banner_right_act{ width: 6%; position: absolute; right: 14%; bottom: 45PX;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 45PX;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:44px;height:44px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:44px;height:44px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.banner_img_mo{ display:none;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.list-page{text-align: center;padding-top: 20px;clear:both;float: none;}
.page span.list-pre,
.page span.list-next {padding: 3px 18px;}
.list-page a.list-count {padding: 3px 18px;}
.list-page a,
.list-page span {border: 1px solid #ccc;display: inline-block;padding: 3px 14px;vertical-align: middle; margin-left:8px;margin-bottom: 10px;}
.list-page a:hover,
.list-page span{background: none;border: 1px solid #25abaa;color:#25abaa;padding: 3px 14px;}

@media only screen and (max-width: 1660px) {
    .banner_mouse{left:5%;}
}
@media screen and (max-width: 1440px){
.banner_img{ height:540px;}
.banner_img_jj_mid_2{font-size:44px;}
.banner_img_jj_mid_1{font-size:20px; }
.banner_right_act{ width:8%; }

}
@media screen and (max-width: 1200px){
.banner_img{ height:450px;}
.banner_img_pc{ display: none;}
.banner_img_mo{ display: block;}
.banner_img_jj_mid_1{font-size:18px; width: 78%; line-height: 28px;}
.banner_img_jj_mid_2{font-size:36px;margin-bottom: 30px;}
}
@media screen and (max-width: 1140px){.indexbanner { margin-top: 67px;}}
@media screen and (max-width: 1024px){
.banner_img{ height:385px;}
.banner_img_jj_mid_2{font-size:32px;}
.banner_right_act{ width:14%;right: 6%;}

}
@media screen and (max-width: 768px){
.banner_img{ height:420px;}
.banner_img_jj_mid_2{font-size:22px; margin-bottom: 15px;}
.banner_img_mo img{ width: 100%;}
.banner_img_jj_mid_1{font-size:16px; }
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 15PX;}
}
@media screen and (max-width: 668px){
.banner_img{ height:360px;}
.sub-mouse{ display: none;}
.banner_right_act{ display: none;}
.banner_img_jj_mid_2{font-size:20px;}
.indexbanner .swiper-pagination-bullet {width:40px; }
}
@media screen and (max-width: 500px){
.banner_img{ height:270px;}
.banner_img_jj_mid_2{font-size:18px;}
.banner_img_jj_mid_1{font-size:15px;width:88%; line-height: 26px;}
}
@media screen and (max-width: 425px){
.banner_img{ height:250px;}
}

.index-about-right { margin-left: 30px;}
.index-about .about-content P{ line-height: 34px; font-size: 16PX; color: #666;}
.index-about-right .more { margin-top: 50px; margin-left: 0px;}
.index-about ul { margin-top: 70px;}
.index-about ul li { margin-right: 6%; float: left;}
.index-about ul li:last-child { margin-right: 0;}
.index-about ul li a { display: block; padding-bottom: 6px;}
.index-about ul .pic { height: 58px; line-height: 58px; float: left;}
.index-about ul .pic img { max-width: 100%; max-height: 100%;}
.index-about ul span { float: left; font-size:30px; color: #333; height: 34px; line-height: 34px; font-weight: bold; margin-top: 26px; margin-left: -18px; -webkit-transition: 0.3s; transition: 0.3s;}
.index-about ul .txt { float: left; font-size: 16px; color: #666; line-height: 26px; margin-top: 33px; margin-left: 10px;}

@media all and (max-width: 1750px) {
.index-about .about-lists {margin: 30px auto;}
}
@media all and (max-width: 1550px) {
.index-about ul span { font-size:26px;}
.index-about ul li { margin-right: 5%; }
}
@media all and (max-width: 1366px) {
.index-about ul span { font-size:24px;}
.index-about ul .txt { margin-top: 30px; }
.index-about ul li { margin-right: 3%; }
}
@media screen and (max-width: 1300px){
  .index-about ul li { margin-right: 2.5%; }
}
@media screen and (max-width: 1280px){
.index-about ul li { margin-right: 2.2%; }
.index-about ul span { font-size:22px;}
.index-about ul .txt { margin-left: 2px;}
.index-about-left img{ width:100%;}
}
@media screen and (max-width: 1180px){
.index-about ul li { margin-right:0; width: 50%; margin-bottom: 25px; float: left;}
.index-about ul .txt { margin-left: 6px;}
}
@media (max-width:1024px) {
.index-about-right { margin-left: 20px;}
.index-about .about-content P{ line-height: 28px; font-size: 15px; }
.index-about-right .more { margin-top: 30px;}
.index-about ul li { margin-bottom: 20px; }
.index-about .desc{ width: 100%; font-size: 16px; line-height: 30px;}
.index-about ul{ width:100%; margin:30px auto 0; }
}
@media screen and (max-width:768px) {
.index-about-left{ display: none;}
.index-about-right { margin-left: 0px;}
.index-about ul span {font-size: 18px; }
.index-about ul li { margin-right:0; width: 100%; }
}
@media screen and (min-width:1921px) {
.index-products{position: relative;width: 100%; height: 60%; background:url(../images/index-products-bg1.jpg) top center no-repeat; }
}
@media screen and (max-width:1920px) {
.index-products{position: relative;width: 100%; height: 80%; background:url(../images/index-products-bg.jpg) no-repeat;}
}
.index-products .type{width: 100%; }
.index-products .type .typeItem{position: relative;display: block;float: left;margin-left: 18.5%;}
.index-products .type .typeItem:first-child{margin-left: 0;}
.index-products .type .typeItem .typeIcon{position: absolute;left: 50%;margin-left: -35px;width: 70px;height: 70px;border-radius: 100%;background: rgba(255,255,255,0);display:table-cell; /*主要是这个属性*/vertical-align: middle;text-align: center;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.index-products .type .typeItem .typeIcon:hover{background: rgba(255,255,255,1);}
.index-products .type .typeItem .active{background: rgba(255,255,255,1);}
.index-products .type .typeItem:hover a {display: block;width: 70px;height: 70px;border-radius: 100%;background: rgba(255,255,255,1);}
.index-products .type .typeItem .typeIcon img{margin-top: 15px;}
.index-products .type .typeItem .typeName{width: 100%;margin-top: 85px; font-size: 18px;}
.index-products .type .typeItem .typeName p{text-align: center;}
.index-products .type .typeItem:first-child .typeIcon:before{position: absolute;top: 35px;left: 90px;content: "";width: 312%;height: 1px;background: #dcdcdc;}
.index-products .type .typeItem:nth-child(2) .typeIcon:before{position: absolute;top: 35px;left: 90px;content: "";width: 330%;height: 1px;background: #dcdcdc;}
.index-products .type .typeItem:nth-child(3) .typeIcon:before{position: absolute;top: 35px;left: 90px;content: "";width: 302%;height: 1px;background: #dcdcdc;}
.index-products .type .typeItem:nth-child(4) .typeIcon:before{position: absolute;top: 35px;left: 90px;content: "";width: 290%;height: 1px;background: #dcdcdc;}
.index-products .type .typeItem .noLine:before{opacity: 0;}
.index-products .typeMsg{position: relative;margin-top: 80px;width: 100%;}
.index-products .typeMsg .typeMsgItem{position: relative;width: 100%;}
.index-products .typeMsg .typeMsgItem .typeMsgLeft{position: relative;margin-left: 0;padding-left: 0;height: 200px;}
.index-products .typeMsg .typeMsgItem .typeMsgLeft h3{font-size: 35px;line-height: 40px;}
.index-products .typeMsg .typeMsgItem .typeMsgLeft .desc{ height: 200px;margin-top: 50PX; margin-bottom: 50px;}
.index-products .typeMsg .typeMsgItem .typeMsgLeft p{font-size: 16px;line-height: 25px; color: #666;}
.index-products .typeMsg .typeMsgRight{position: relative;padding-left: 80px; }
.index-products .typeMsg .typeImg{width: 100%; padding: 50px;margin-top: -20px;margin-left: 30px;background: url(../images/bo4_03.png) no-repeat;background-size: 100%;border-top-right-radius: 30px;border-bottom-right-radius: 30px;box-shadow: 0 5px 10px -5px #F2F2F2;-webkit-box-shadow: 0 5px 10px -5px #F2F2F2;-moz-box-shadow: 0px 5px 10px -5px #f2f2f2;  }
.index-products .typeMsg .typeImg img{width:85%;margin-left: 12%; margin-top: 7%;}
.index-products .swiper-pagination-bullet {width: 15px;height: 15px;text-align: center;line-height: 15px;font-size: 15px;color: #000;opacity: 1;background: rgba(0, 0, 0, 0.2);}
.index-products .swiper-pagination-bullet-active {color: #fff;background: #25abaa;}
.index-products .swiper-pagination{ z-index: 9999; width: 30px; height: 200px; bottom: 80px;right: 15px; left: auto; font-family: "gilroy-regular";color:#888;font-size: 20px !important;}
.index-products .swiper-pagination .swiper-pagination-current{font-size: 40px;color: #25abaa;}
.index-products .swiper-pagination .swiper-pagination-total{font-size: 20px;color: #888;}
.index-products .swiper-button-prev{left: 10px;}
.index-products .swiper-button-next{left: 90px !important;}
.index-products .swiper-button-prev,.index-products .swiper-button-next {position: absolute;bottom: 60px;width: 60px;height: 60px;background: #fff;border-radius: 100%;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 20px !important;border: none;outline:none !important;transition:.3s ease-out;-webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;-o-transition: .3s ease-out;-ms-transition: .3s ease-out;}
@media (max-width:1480px) {
.index-products .type .typeItem{ margin-left: 18%;}
.index-products .typeMsg .typeMsgItem .typeMsgLeft h3{ font-size: 32px; }
}
@media (max-width:1366px) {
.index-products .type .typeItem{ margin-left: 17%;}
.index-products .typeMsg .typeMsgItem .typeMsgLeft h3{ font-size: 30px; }
}
@media (max-width:1280px) {
.index-products .type .typeItem{ margin-left: 16%;}
.index-products .typeMsg .typeMsgItem .typeMsgLeft h3{ font-size: 26px; }
.index-products .type .typeItem:first-child .typeIcon:before{  width: 230%; }
.index-products .type .typeItem:nth-child(2) .typeIcon:before{ width: 240%;left: 70px; }
.index-products .type .typeItem:nth-child(3) .typeIcon:before{ width: 240%;left: 70px; }
.index-products .type .typeItem:nth-child(4) .typeIcon:before{ width: 240%;left: 70px; }
.index-products .swiper-button-prev,.index-products .swiper-button-next {position: absolute;bottom: 0px; margin-top: 80px;}
}
@media (max-width:1040px) {
.index-products .type .typeItem{ margin-left: 15.5%;}
.index-products .type .typeItem:first-child .typeIcon:before{  width: 210%; }
.index-products .type .typeItem:nth-child(2) .typeIcon:before{ width: 220%;left: 70px; }
.index-products .type .typeItem:nth-child(3) .typeIcon:before{ width: 220%;left: 70px; }
.index-products .type .typeItem:nth-child(4) .typeIcon:before{ width: 220%;left: 70px; }
.index-products .typeMsg .typeImg{ margin-left: 0px;}
}  
@media (max-width:991px) {
.index-products .typeMsg .typeMsgItem .typeMsgLeft h3{ font-size: 22px; }
.index-products .typeMsg{ margin-top: 0px; }
.index-products .typeMsg .typeMsgRight{ padding-left: 0px; }
.index-products .swiper-button-next,.index-products .swiper-button-prev{ margin-top: 240px; width: 40px; height: 40px;}
.index-products .swiper-pagination{bottom: 120px;right: 55px;}
.index-products .swiper-button-next { left: 50px!important;}
.index-products .typeMsg .typeMsgItem .typeMsgLeft .desc{ margin-top:20PX; }
}
@media (max-width:768px) {
.index-products .typeMsg .typeMsgItem .typeMsgLeft h3{ font-size: 20px; }
.index-products .swiper-button-next,.index-products .swiper-button-prev{ margin-top: 280px;  }
.index-products .typeMsg .typeMsgItem .typeMsgLeft .desc{ margin-top:0PX; margin-bottom: 40px; }
}
@media (max-width:568px) {
.index-products .typeMsg .typeMsgItem .typeMsgLeft h3{ font-size: 18px; }
.index-products .swiper-button-next,.index-products .swiper-button-prev{ margin-top:250px;  }
}
@media (max-width:468px) {
.index-products .swiper-button-next,.index-products .swiper-button-prev{ margin-top: 220px;  }
.index-products .typeMsg .typeImg{ margin-top:0px;}
}
@media screen and (min-width:1921px) {

.index-research{ width:100%; background:url(../images/index-research-bg1.jpg) center no-repeat #f0f0f0; }
}
@media screen and (max-width:1920px) {
.index-research{ width:100%; background:url(../images/index-research-bg.jpg) center no-repeat #f0f0f0; }
}
.index-research .box{ background-color: #fff; padding:70px;}
.index-research .box .page_title{ text-align: left; margin-bottom: 30px;}
.index-research .box .page_title .desc{ text-align: left;}
.index-research .aboutw span{display:block; font-size:16px; line-height:2; margin-bottom: 40px; color: #666;}
.index-research .more{ margin-left: 0px;}
@media (max-width:1440px) {
.index-research .box{ padding:50px;}
}
@media (max-width:1366px) {
.index-research .box{ padding:40px;}
}
@media (max-width:1024px) {
.index-research .box{ padding:30px;}
}
@media (max-width: 768px) {
.index-research .box .page_title{ text-align: left; margin-bottom: 10px;}
.index-research .box{ padding:20px;}
.index-research .aboutw span{ margin-bottom: 20px; line-height: 1.5;} 
}
@media (max-width: 468px) {
.index-research .box{ padding:20px;}
}
.index-news a{display:block;}
.index-news .index-news-left { background:#f8f8f8;}
.index-news .i_news_l_pic {position: relative; }
.index-news .i_news_l_pic img {width: 100%;}
.index-news ._l_news_time {position: absolute;top: 0;left: 0;background: rgba(37, 171, 170, 0.8);color: #ffffff;text-align: center;padding: 12px 25px;}
.index-news ._l_news_time span {display: block;}
.index-news .index-news-left .info{ padding:35px 30px;}
.index-news .index-news-left .info .t{font-size:18px; margin-bottom: 15px; color:#272727; }
.index-news .index-news-left .info .detail{ height: 20px; width: 100%; color: #555;}
.index-news .index-news-left .info .detail .fa{ font-size: 17px; margin-right: 10px;}
.index-news .index-news-left .info .detail .add{ float: left; width: 45%;}
.index-news .index-news-left .info .detail .date{ float: left; width: 55%;}
.index-news .index-news-left .info .desc{color:#666;width: 100%; line-height:28px; font-size: 16px; margin-top: 15px; overflow:hidden;}
.index-news .index-news-left a:hover .info .t{color:#25abaa;}
.index-news .index-news_right { background-color: #f8f8f8; position: relative; padding-top: 55px; padding-bottom:60px;}
.index-news .index-news_right .info{ padding:35px 35px 0px;}
.index-news .index-news_right .info .t{font-size:18px; margin-bottom: 10px;color: #333; }
.index-news .index-news_right .info .date{ color: #555;}
.index-news .index-news_right a:hover .info .t,.index-news .index-news_right a:hover .info .date{ color: #25abaa;}
@media (max-width: 992px){
.index-news .index-news-left { margin-bottom: 20px;}
}
@media (max-width: 768px){
.index-news .index-news_right .info .t{font-size:16px;}
.index-news .index-news-left .info .t{font-size:16px; }
.index-news .info .desc{ font-size:15px;}
.index-news .index-news-left .info .desc{ line-height:26px;}
.index-news .info{padding:20px 15px;}
.index-news .index-news-left .info{ padding:20px 15px;}
.index-news .index-news_right .info{ padding:20px 15px 0px;}
.index-news .index-news_right {padding-bottom:30px;}
.index-news .index-news-left .info .detail .add{width: 36%;}
.index-news .index-news-left .info .detail .date{width: 64%;}
.index-news .index-news-left .info .detail .fa{margin-right: 5px;}
}
.index-welfare.index-section{ padding: 0px 0 80px;}
.welfare{/*border-top:1px solid #504d4d;*/ position: relative; }
.welfare::before{content: '';position: absolute;top:8px;left:0;width:100%;height:1px; background: #ababab;}
.welfarebox{ padding-top: 30px;}
.welfare .welfareq { padding: 0px 0px 100px; }
.welfare_n{ padding-top: 50px;padding-left:50px;padding-right:50px;position: relative;}
.welfare_n h3{font-family: '微软雅黑';font-size: 18px;color:#222; line-height: 30px;margin-bottom: 20px; transition: all 0.36s;height:70px;overflow: hidden;}
.welfare_n_time{ font-size: 16px;line-height: 30px; margin-bottom: 10px;color:#666; transition: all 0.36s;}
.welfare_n_list { z-index: 9999; position: relative;  }
.welfare_n_list::before{content: '';position: absolute;top:-51px;left:-50px;width:30px;height:30px;background:url(../images/dian.png) no-repeat; z-index: 9999;}
.welfare_n::before{content: '';position: absolute;top:10px;left:13px;width:1px;height:80px;background: #ababab;}
.welfare_n::after{content: '';position: absolute;top:80px;left:13px;width:1px;height:0;background: #898787;transition: all 0.36s;}
.welfare_n .welfare_n_img{transform: translateY(0px);}
.welfare_n .welfare_n_img img{ width: 100%;}
.welfare_n:hover .welfare_n_img{transform: translateY(-100px);}
.welfare_n:hover .welfare_n_time{transform: translateY(265px); color:#666;}
.welfare_n:hover h3{transform: translateY(265px); color:#333;}
.welfare_n:hover::after{height:390px;}
.welfare_n:hover::before{background:#25abaa;}
.index-welfare .swiper-pagination{ bottom: 0px;}
.index-welfare .swiper-pagination-bullet{width: 15px; height: 15px; border-radius: 100%; background-color: #dcdcdc; }
.index-welfare .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 15px;height: 15px;background:#25abaa;}
@media (max-width:1366px) {
.index-welfare.index-section{ padding: 0px 0 60px;}
}
@media (max-width:1024px) {
.index-welfare.index-section{padding: 0px 0 40px;}
.welfare .welfareq { padding-bottom: 60px;}
.welfare_n{ padding-right:10px; }
}
@media (max-width:724px) {
.index-welfare.index-section{padding: 40px 0 40px;}
}

.n_banner{height:500px; width: 100%; margin-top: 80px; position: relative;background: center no-repeat;
  background-size: cover;  }
.n_banner .table{ display:table; table-layout: fixed; width:100%; height:100%}
.n_banner .table_cell{ display:table-cell; vertical-align:middle}
.n_banner h3 {font-size: 60px;color: rgba(255,255,255,0.15);font-family: BarlowCondensed-Regular;text-transform: uppercase; top:-40px; font-weight: bold; position: relative;}
.n_banner h2 {font-size: 36px;color: #fff;margin-bottom: 5px; position: absolute; top: 25px; left:1%;}
.n_main_box { width: 100%; position: absolute; left: 0px; bottom: 0px;}
.n_main_box .container { height: 70px; margin: 0 auto; }
.n_nav_box { height: 70px; line-height: 70px;  background:rgba(0, 0, 0, .45);}
.n_nav a { float: left; height: 70px; font-size: 18px; line-height: 70px; padding: 0 5%; text-align: center; box-sizing: border-box; border-right: #7ac0c1 1px solid; }
.n_nav a strong { display: block; color: #fff; z-index: 4; height: 70px; line-height: 70px; font-weight: 100; }
.n_nav a:first-child {border-left: #7ac0c1 1px solid; }
.n_nav a:hover{ background:#25abaa;}
.n_nav a.on{ background:#25abaa;}
@media(max-width:1750px) {
.n_banner{height:456px;}
}
@media(max-width:1600px) {
.n_banner{height:420px;}
}
@media(max-width:1440px) {
.n_banner{height:375px;}
}
@media(max-width:1366px) {
.n_banner{height:356px;}
.n_banner h2 {font-size: 42px; }
.n_banner h3 {font-size: 62px; }
}
@media(max-width:1280px) {
.n_banner{height:287px;}
.n_banner h2 {font-size: 32px; }
.n_banner h3 {font-size: 42px; }
}
@media(max-width:1200px) {
.n_banner{margin-top: 68px;}
.n_banner h2 {top: -10px; left: 1.3%;}
}
@media(max-width:1024px) {
.n_banner{height:340px; margin-top: 0px;}
.n_main_box .container { height: 50px; }
.n_nav_box { height: 50px; line-height: 50px;}
.n_nav a { height: 50px; line-height: 50px; }
.n_nav a strong {height: 50px; line-height: 50px;}
.n_banner h3 {font-size: 36px; }
.n_banner h2 {font-size: 22px; top: -20px;}
}
@media(max-width:992px) {
.n_banner{height:340px;}
}
@media(max-width:920px) {
.n_banner{height:320px;}
.n_banner h3 {font-size: 30px; top:10px; }
.n_banner h2 { left: auto; top: 30px; }
}
@media(max-width:768px) {
.n_banner{height:220px;}
.n_banner h2 {font-size: 20px; }
.n_nav a {font-size: 16px; }
.n_banner h3 {font-size: 26px; }
}
@media(max-width:767px) {
.n_banner{ margin-top: 0px;}
.n_banner .table_cell{vertical-align: middle}
.n_main_box .container { height: auto; width: 100%;padding-right: 0px;padding-left: 0px;}
.n_nav_box { height: 40px; line-height: 40px;}
.n_nav_box.pro_nav { height: auto; line-height: 40px;}
.n_nav a { height: 40px; line-height: 40px; font-size: 15px;padding: 0 3.5%; }
.n_nav a strong {height: auto; line-height: 40px;}
.n_banner h3 {font-size: 30px;  }
.n_banner h2 { left: auto; }
}
@media(max-width:560px) {
.n_banner{height:180px;}
.n_nav a {padding: 0 4%; }

}
@media(max-width:520px) {
  .pro_nav .n_nav a {padding: 0 3.6%; }
}
@media(max-width:490px) {
.n_banner{height:170px; margin-top:30px;background-size: 100% 90%!important;}
.n_banner h2 { top: 30px; }
.pro_nav .n_nav a {padding: 0 4%; font-size: 14px; }
.n_banner h3 {top:10px;font-size: 30px; }
.n_nav_box { height: 35px; line-height: 35px;}
.n_nav_box.pro_nav { height: auto; line-height: 35px;}
.n_nav a { height: 35px; line-height: 35px; }
.n_nav a strong {height: auto; line-height: 35px;}
.n_main_box { bottom: -27px;}
.n_nav a { border-right: #b0b0b0 1px solid; }
.n_nav a:first-child {border-left: #b0b0b0 1px solid; }
}
@media(max-width:480px) {
.pro_nav .n_nav a {padding: 0 3.7%;}
}
@media(max-width:460px) {
  .pro_nav .n_nav a {padding: 0 3.4%;}
  }
@media(max-width:430px) {
.n_banner{height:160px; }
.n_banner h2 {font-size: 18px; font-weight: bold; }
.n_banner h3 { font-size: 20px; }
.pro_nav .n_nav a {padding: 0 3%;}
}
@media(max-width:405px) {
.pro_nav .n_nav a {padding: 0 2.4%;}
}
@media(max-width:380px) {
.n_banner{height:140px;}
.pro_nav .n_nav a {padding: 0 2.1%; }
.n_main_box { bottom: -28px;}
}
@media(max-width:360px) {
.n_banner{height:130px;}
.n_main_box { bottom: -29px;}
.pro_nav .n_nav a {padding: 0 1.5%; }
}
.introduce_title{padding-bottom:.5vw;margin-bottom:2.5vw;}
.introduce_title .introduce_since{line-height:1;color:rgba(37,171,170,.12);font-weight:bold;font-size:84px}
.introduce_title .introduce_name{font-size:30px;line-height:1;position:absolute;bottom:.5vw;left:0;z-index:2;}
.introduce_cnt{line-height:30px;font-size:16px;text-align:justify; color: #666;}
.introduce_cnt p{margin-bottom:1vw;}
.introduce_cnt p:last-child{margin-bottom:0;}
#video {height: 435px;}
#video video {width: 100%;height: 100%;object-fit: fill;}
.VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10}
@media (max-width:1440px) {
.introduce_title .introduce_since{ font-size:64px}
}
@media (max-width:1366px) {
.introduce_title .introduce_since{ font-size:54px}
}
@media (max-width:1280px) {
.introduce_title .introduce_since{ font-size:44px}
.introduce_title .introduce_name{font-size:22px; }
}
@media (max-width:425px) {
#video {height: 280px;}
}
.about1{ width:100%; background:url(../images/about_bg03.jpg) bottom no-repeat;  }
.about1.page-section{padding:0px 0 80px;}
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
.master_tips .master_tips_txt{font-size:16px;margin-right:1.5vw;line-height:42px;}
.bg-1{background:#25abaa;}
.co-0{color:#fff;}
.col-2{width: 50%}
.inleft {text-align: left}.inright {text-align: right}.incenter {text-align: center}
.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.mouse_info{width:50px;height:50px;line-height:50px;}
.mouse_info:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(37,171,170,.1);
transform:scale(1.4);-webkit-transform: scale(1.4);-webkit-border-radius: 50%;border-radius:50%;}
.mouse_info>span{display:inline-block;}
.mouse_info>span>i{font-size:28px; margin-top: 1px;}
.course_cnt>div{overflow:hidden;padding-left:5px; padding-top: 10px; }
#course_list{margin-top:100px;overflow:visible !important;}
.course_item{padding-left:2.2vw;padding-right:2.5vw;}
.course_item .course_item_i{height:100%;width:9px;position:absolute;top:0;left:0;}
.course_item .course_item_i:before{content:'';position:absolute;width:1px;height:100%;background-image:linear-gradient(rgba(37,171,170,1),rgba(9,80,167,0));top:0.8333333333333334vw;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.course_item .course_item_i>span{display:inline-block;width:9px;height:9px;position:absolute;top:0.8333333333333334vw;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:2;}
.course_item .course_item_i>span:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;-webkit-border-radius: 50%;border-radius:50%;animation:soak 2s infinite;-webkit-animation:soak 2s infinite;}
.course_item .course_item_date{font-size:30px; line-height:1;margin-bottom:1.2vw;color:#25abaa;}
.course_item .course_item_line{height:160px;font-size:16px;line-height:28px;text-align:justify;overflow-y:auto;padding-right: 0.5vw; }
.course_item .course_item_line::-webkit-scrollbar{width:3px;}
.course_item .course_item_line p{position:relative;/*padding-left:15px;*/margin-bottom:.5vw;}
.course_item .course_item_line p:last-child{margin-bottom:0;}
.course_item .course_item_line p:before{ display: none; content:'';position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;-webkit-border-radius:50%;background-color:#25abaa;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
@keyframes soak{0% {background-color:rgba(37,171,170, 0.5);transform:scale(1);-webkit-transform:scale(1);}
50% {background-color:rgba(37,171,170, 0.1);transform:scale(2.4);-webkit-transform:scale(2.4);}
100% {background-color:rgba(37,171,170, 0.5);transform:scale(1);-webkit-transform:scale(1);}
}
@-webkit-keyframes soak{0% {background-color:rgba(37,171,170, 0.5);transform:scale(1);-webkit-transform:scale(1);}
50% {background-color:rgba(37,171,170, 0.1);transform:scale(2.4);-webkit-transform:scale(2.4);}
100% {background-color:rgba(37,171,170, 0.5);transform:scale(1);-webkit-transform:scale(1);}
}
.about1 .swiper-button-prev, .about1 .swiper-container-rtl .swiper-button-next ,.about1 .swiper-button-next,.about1 .swiper-container-rtl .swiper-button-prev {margin-top: -10px;width: 12px;height: 19px;	-moz-background-size:  12px 19px;-webkit-background-size:  12px 19px;background-size: 12px 19px; }
.about1 .swiper-button-prev,.about1 .swiper-button-prev.swiper-button-disabled{	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
@media (max-width:1366px) {
.about1.page-section{padding:0px 0 60px;}
.course_item .course_item_date{font-size:26px; }
}
@media (max-width:1280px) {
.course_item .course_item_date{font-size:24px; }
}
@media (max-width:1024px) {
.about1.page-section{padding:0px 0 40px;}
}
@media (max-width:768px) {
.course_item .course_item_date{font-size:22px; }
.mouse_info{width:45px;height:45px;line-height:45px;}
}
.about2{ width:100%; background:url(../images/about_bg02.jpg) no-repeat; background-size: cover; }
.about2 .desc { font-size: 30px; color: #fff; text-align: center;}
.about_img { margin-top: 30px;}
.about_img .left{ width: 48%; margin-right: 4%; float: left;}
.about_img .right{ width: 48%; float: left;}
.mb15{ margin-bottom: 28px;}
@media (max-width:1200px){
.about2 .desc { font-size: 22px;}
}
@media (max-width: 768px){
.about2 .desc { font-size: 20px;}
.mb15{ margin-bottom: 18px;}
}
@media (max-width: 760px){
.about2 .desc { font-size: 18px;}
}
.about3 ul li .about3-item { padding: 50px 20px; background: #ebf3f3;text-align: center; }
.about3 ul li .about3-item h3 { font-size: 18px; color: #333; margin-bottom: 15px; margin-top: 20px;}
.about3 ul li .about3-item .about-ico { height: 85px; line-height: 85px;}
.about3 ul li .about3-item .about-ico.about-ico1{ background: url(../images/about_ico1.png) no-repeat center;} 
.about3 ul li .about3-item .about-ico.about-ico2{ background: url(../images/about_ico2.png) no-repeat center;} 
.about3 ul li .about3-item .about-ico.about-ico3{ background: url(../images/about_ico3.png) no-repeat center;} 
.about3 ul li .about3-item .about-ico.about-ico4{ background: url(../images/about_ico4.png) no-repeat center;} 
@media (max-width:1440px){
.about3 ul li .about3-item { padding: 50px 30px;}
}
@media (max-width:1366px){
.about3 ul li .about3-item { padding: 40px 15px 40px 20px;}
}
@media (max-width:1280px){
.about3 ul li .about3-item { padding: 30px 10px 30px 15px;}
}
@media (max-width:768px){
.about3 { width: 100%; float: none; }
.about3 ul li { margin-bottom: 20px;}
.about3 ul li .about3-item { padding: 20px 11px;}
.about3 ul li .about3-item h3 { font-size: 16px; margin-bottom: 10px;}
.about3 ul li .about3-item .about-ico { height: 75px; line-height: 75px;}
}
@media (max-width:668px){
.about3 ul li .about3-item { padding: 20px 20px;}
.about3 ul li .about3-item h3 {height: 30px; line-height: 24px;margin-bottom:20px; margin-top: 15px;}
}
.honor .tit{ font-size: 30px; margin-bottom: 30px;}
.honor .desc{font-size: 16px; color: #666; line-height: 30px;}
.honor .swiper-slide-active{ z-index: 999999;}
.honor .page-div {bottom: 30px;right: 0px; left: -72%; }

.honor_bg{background:url(../images/honor_bg.jpg) no-repeat; background-size: cover;  }
.honor1 .tit{ font-size: 30px; margin-bottom: 30px; text-align: center;}
.honor1 .info{ border: 1px solid #eeeeee; padding: 20px 20px 10px; background: #fff; text-align: center;}
.honor1 .info img{ width: 100%;}
.honor1 .info ._t{ padding-top: 15px; padding-bottom: 15px; font-size:16px; border-top: 1px solid #eeeeee; line-height:30px; color:#333e46;transition: all .5s ease; }
.honor2 .tit{ font-size: 30px; margin-bottom: 30px; text-align: center;}
.honor2 .info{ border: 1px solid #eeeeee; padding: 20px; background: #eeeeee; text-align: center;}
.honor2 .info img{ width: 100%;}
.honor2 .info ._t{ padding-top: 15px; padding-bottom: 15px; font-size:16px; border-top: 1px solid #e5e5e5; line-height:30px; color:#333e46;transition: all .5s ease; }
.honorbox{ padding-bottom: 80px;}
.page-div {bottom: 0px;right: 0px; left: 42%; }
.page-div .box{ height: 40px; text-align: center; border-radius: 2px; border: 1px solid #e5e5e5; background: #fff; line-height: 40px; padding: 20px 50px; float: left; margin-left: 10px;}
.page-div .swiper-button-next{position: relative; text-align: center; right:auto;  width: 12px;height: 20px;background-size: 12px 20px;  margin-top: -10px; border: 0px;}
.page-div .swiper-button-prev {position: relative; text-align: center; left: auto;  width: 12px;height: 20px;background-size: 12px 20px;  margin-top: -10px; border: 0px;}
.page-div .swiper-button-next i,
.page-div .swiper-button-prev i {color: #333;font-size: 1.25rem;}
.page-div .swiper-button-next:hover,
.page-div .swiper-button-prev:hover { border: none;background-color:transparent; transition: 400ms ease-in-out;-moz-transition: 400ms ease-in-out;-webkit-transition: 400ms ease-in-out;-o-transition: 400ms ease-in-out;}

@media screen and (max-width: 1280px){
.honor #honor_list { height: 300px;}
.honor #honor_list img{ width: 100%;}
.honor1 .info ._t{  padding-top: 10px; padding-bottom: 10px; }
.honor2 .info ._t{  padding-top: 10px; padding-bottom: 10px; }
.honor .tit{ font-size: 24px; }
.honor1 .tit{ font-size: 24px; }
.honor2 .tit{ font-size: 24px;}
.honor .page-div {bottom: 0px;right: 0px; left: 31%; }
}		
@media screen and (max-width: 992px){
.honor .tit{ font-size: 22px; }
.honor1 .tit{ font-size: 22px; }
.honor2 .tit{ font-size: 22px;}
.honor #honor_list { height: 400px;}
.honor .page-div { left: 35%; }
.page-div {bottom: 0px;right: 0px; left: 35%; }
}
@media screen and (max-width: 892px){
.honor #honor_list { height: 340px;}
.honor .page-div { left: 33%; }
}
@media screen and (max-width: 768px){
.honor .page-div {bottom: 0px;right: 0px; left: 0; }
.honor1 .info ._t{ font-size:16px; padding-top: 7px; padding-bottom: 7px; }
#honor_list{ padding-bottom: 50px;}
.honor #honor_list { height: 780px;}
.honor1 ul li { margin-bottom: 20px;}
.honor2 .info ._t{ font-size:16px; padding-top: 7px; padding-bottom: 7px; }
.honor2 ul li { margin-bottom: 20px;}
.page-div {bottom: 0px;right: 0px; left: 0%; }
.page-div .box{ padding: 20px 30px; }
.honor .tit{ font-size: 20px; }
.honor1 .tit{ font-size: 20px; }
.honor2 .tit{ font-size: 20px;}
}
@media screen and (max-width:668px){
.honor #honor_list { height: 690px;}
}
@media screen and (max-width:568px){
.honor #honor_list { height: 640px;}
}
@media screen and (max-width:500px){
.honor #honor_list { height: 580px;}
}
@media screen and (max-width: 468px){
.honor #honor_list { height: 490px;}
}
@media screen and (max-width: 400px){
.honor #honor_list { height: 450px;}
}
@media screen and (max-width: 370px){
.honor #honor_list { height: 420px;}
}
.welfare_list .desc { font-size: 16px; line-height: 32px; color: #666; width: 80%; margin: 0 auto; text-align: center; }
.welfare_list .list{position:relative;padding-top:100px;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.welfare_list .list:after{display:block;position:absolute;z-index:1;left:50%;top:0;width:1px;height:100%;content:"";background:#e0e0e0;}
.welfare_list .list .item{position:relative;z-index:9;width:50%;margin:80px 0;}
.welfare_list .list .item:after{display:block;position:absolute;z-index:9;top:15px;width:10px;height:10px;content:"";background:#25abaa;border-radius:50%;animation: scale 2s infinite;}
.welfare_list .list .item:before{display:block;position:absolute;z-index:9;top:18px;width:80px;height:1px;content:"";background:#e0e0e0;}
.welfare_list .list .item .text{overflow:hidden;}
.welfare_list .list .item .text em{display:block;font-size:24px;color:#25abaa;font-family:"DIN Medium";}
.welfare_list .list .item .text p{font-size:18px;color:#666;line-height:1.75;margin:10px 0;}
.welfare_list .list .item .pic{margin-top:20px;overflow:hidden;}
.welfare_list .list .item .pic img{display:inline-block; }
.welfare_list .list .item:nth-child(even){padding-left:100px;text-align:left;animation: fadeinL 1s;}
.welfare_list .list .item:nth-child(even):after{right:calc(100% - 5px);}
.welfare_list .list .item:nth-child(even):before{left:0;}
.welfare_list .list .item:nth-child(odd){margin-top:-50px;padding-right:100px;text-align:right;animation:fadeinR 1s;}
.welfare_list .list .item:nth-child(odd):after{left:calc(100% - 5px);}
.welfare_list .list .item:nth-child(odd):before{right:0;}

.t_b2tou {font-size: 16px;line-height: 24px;font-weight: bold;color: #666;text-align: center;position: relative;z-index: 3;margin-top: 25px;}
.t_b2sh {width: 33px;display: inline-block;padding: 24px 0;background: #fff;}
.t_b2sh img {width: 100%;}
.t_b2kaiz {position: relative;}
.hidden{display:none;}
.moreload ul.list{overflow:hidden;}
.moreload .more{overflow:hidden;padding:10px;text-align:center;border: 0px;}
.moreload .more a{display:block; margin:0 auto; text-align:center; }
.moreload .more:hover{text-decoration:none;background: none;border: 0px; color:#fff;}
.moreload .more:hover p{ color:#333;}
@media(max-width:1300px){
.welfare_list{padding:50px 0;}
}
@media(max-width:992px){
.welfare_list .desc {width:100%;}
.welfare_list .list .item .pic img{width:100%;}
}
@media(max-width:768px){
.welfare_list{padding:30px 10px;}
.welfare_list .list{padding-top:0;}
.welfare_list .list:after{left:15px;}
.welfare_list .list .item{width:100%;margin:10px 0!important;padding-left:50px !important;padding-right:0 !important;text-align:left !important;animation:fadeinB 1s  !important;}
.welfare_list .list .item:after{top:12px;left:10px !important;right:unset !important;}
.welfare_list .list .item:before{top:17px;width:30px;left:15px !important;right:unset !important;}
.welfare_list .list .item .text em{font-size:24px;}
.welfare_list .list .item .text p{font-size:14px;}
.t_b2tou { text-align: left; }
.moreload .more{ margin-left: 0px; text-align:left; }
}
.product_list dl{width: 100%; text-align: center;}
.product_list dt{ padding: 15px 0px; line-height: 40px; background: #efefef; float: left; width: 16%; font-size: 18px; margin-bottom: 40px;}
.product_list dd{ margin-left: 2%; line-height: 40px; padding: 15px 0px; background: #efefef; float: left; width: 26%; font-size: 18px; margin-bottom: 40px;}
.product_list dd a:hover,.product_list dd a.on { color: #25abaa; }
.product_list li{ margin-bottom: 30px;}
.product_list .box { border: 3px solid #e5e5e5; width: 100%;}
.product_list .box .pro-img img{ padding: 10px;}
.product_list a .pro-txt { display: block; text-align: center;  padding: 40px 20px;}
.product_list a .pro-txt .pro-tit h3 { font-size: 18px;margin-bottom: 30px; font-weight: normal;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product_list a:hover .pro-txt .pro-tit h3 { color: #25abaa; }
.product_list a .pro-txt .pro-c { color: #666; line-height: 2em;min-height: 4em;}
@media only screen and (max-device-width: 992px){
.product_list dt{ padding: 10px 0px; margin-bottom: 30px;}
.product_list dd{ padding: 10px 0px; margin-bottom: 30px;}
}
@media only screen and (max-device-width: 768px){
.product_list a .pro-txt { padding: 30px 20px;}
.product_list dt{ padding: 5px 0px; font-size: 16px;}
.product_list dd{ padding: 5px 0px; font-size: 16px;}
}
@media(max-width:468px) {
  .product_list dl { margin-bottom: 30px;}
  .product_list dt{ width: 48%; margin:0 1% 15px;}
  .product_list dd{width: 48%; margin:0 1% 15px;}
  .product_list li{ margin-bottom: 20px;}
  .product_list a .pro-txt .pro-c { display: none;}
  .product_list .index-more {display: none;}
  .product_list a .pro-txt { padding: 15px 10px;}
  .product_list a .pro-txt .pro-tit h3 { font-size: 15px;margin-bottom: 0px; font-weight: normal; overflow: hidden;}

}
.prodetail-top-1{ width:100%;}
.prodetail-top-1-l{ width:40%; margin-right:6%; float:left;border: 3px solid #e5e5e5;}
.prodetail-top-1-l .img{width:100%; }
.prodetail-top-1-r{ width:54%; float:left;}
.prodetail-top-1 ._detail .pro_t{font-size:30px; font-weight: bold; color:#333; padding-bottom: 25px; border-bottom:1px solid #bcbcbc; position: relative;}
.prodetail-top-1 ._detail .pro_t::before{position: absolute; left: 0px; bottom: -2px; content: ""; width: 70px; height: 3px; background: #25abaa; }
.prodetail-top-1 ._detail .summ{ padding:25px 0px; font-size:16px; color:#666;line-height: 32px;overflow: hidden;}
.pro_detail {background:#f6f6f6; padding: 40px 0;}
.pro_detail .ps_paras { color: #666; font-size: 16px; margin: 40px 0;}
.pro_detail .ps_paras h3{line-height:30px!important;font-size:30px; margin-bottom: 40px; font-weight:600; padding-top:25px; position: relative;color: #333!important; }
.pro_detail .ps_paras h3::before{position: absolute; left: 0px; top: 0px; content: ""; width: 55px; height: 3px; background: #25abaa; }
.pro_detail .ps_paras p,.pro_detail .ps_paras div{ line-height:30px; margin-bottom: 25px;}
.pro_bottom .line{ border-top: 1px solid #e5e5e5;}
.pro_bottom .pro_bottom_tit{border-bottom: 1px solid #e5e5e5; line-height:50px; color: #666; padding: 10px 0; font-size:16px; }
.pro_bottom ._back { font-weight:normal; color:#25abaa; vertical-align:middle; text-align: right; margin: 60px 0; font-size:16px; }
.pro_bottom ._back .i_icon{width: 36px;height: 36px;background: url(../images/detail_back.png) no-repeat center;display: inline-block;vertical-align: middle;margin-right: 10px;}
@media (max-width: 1280px) {
.prodetail-top-1 ._detail .pro_t{font-size:24px; padding-bottom: 15px; }
.prodetail-top-1 ._detail .summ{ padding:10px 0px; font-size:15px;line-height: 26px;}
.pro_detail .ps_paras h3{ font-size:24px;}
}
@media (max-width:992px){
.prodetail-top-1 ._detail .pro_t{font-size:20px; }
.pro_detail .pro_detail_img img{width: 100%;}
.pro_detail .ps_paras h3{ font-size:20px;padding-top: 15px;}
}
@media (max-width: 768px) {
.prodetail-top-1-l{ width:100%; margin-right:0; float: none;}
.prodetail-top-1-r{ width:100%; float:none; margin-top:20px;}
.prodetail-top-1 ._detail .pro_t{font-size:16px;}
.pro_detail .box .tit{padding:5px 0; line-height:24px; }
.pro_bottom .pro_bottom_tit{ line-height:40px; }
.pro_bottom ._back {margin: 20px 0; }
}
@media (max-width: 660px) {
.pro_detail .ps_paras .ps_con img{ width:100%;}
.pro_bottom .pro_bottom_tit{ line-height:28px; }
}
.products_menu.page-section{ padding: 80px 0 20px;}
.color1{ color: #25abaa;}
.color2{ color: #23ad8b;}
.color3{ color: #e79e31;}
.color4{ color: #2f9dc1;}
.color5{ color: #6b9ccc;}
.color6{ color: #25aa6d;}
.products_menu .list { margin-bottom:80px;}
.products_menu .list .content { margin-bottom: 40px; height: 100%;border-radius: 10px;}
.products_menu .list .content .p_40{ padding: 40px; }
.products_menu .list .content.bg_color1{ background: #25abaa url(../images/bg.png) center no-repeat;}
.products_menu .list .content.bg_color2{ background: #23ad8b url(../images/bg.png) center no-repeat;}
.products_menu .list .content.bg_color3{ background: #e79e31 url(../images/bg.png) center no-repeat;}
.products_menu .list .content.bg_color4{ background: #2f9dc1 url(../images/bg.png) center no-repeat;}
.products_menu .list .content.bg_color5{ background: #6b9ccc url(../images/bg.png) center no-repeat;}
.products_menu .list .content.bg_color6{ background: #25aa6d url(../images/bg.png) center no-repeat;}
.products_menu .list .tit{font-size: 30px; margin-bottom: 40px; }
.products_menu .list .process{ text-align: right;font-size: 20px; }
.products_menu .list .process .span{color: #919191;display: inline-block;background: url(../images/look_bg1.png) 95px center no-repeat;border-radius: 34px;line-height: 50px;padding: 0 45px 0 0px;border: 1px solid transparent; }
.products_menu .list .process a:hover .span{color: #25abaa;background: url(../images/look_bg2.png) 95px center no-repeat;}
.products_menu .list .content .title { font-size: 24px; color: #fff; margin-bottom: 30px; }
.products_menu .list .content ul li .com{ padding-bottom: 15px; margin-bottom:15px; font-size: 16px; color: #fff; text-align: left; border-bottom: 1px solid #fff; position: relative;}
.products_menu .list .content ul li .com:after{ position: absolute; right: 0px; top: 30px; content: ""; width: 15px; height: 23px; background: url(../images/img6.png) no-repeat; }
.products_menu .list .content ul li p { line-height: 35px;}
.products_menu .list .content ul li .com a:hover { color: #f5f5f5;}
@media (max-width: 1366px) {
.products_menu.page-section{ padding: 60px 0 20px;}
.products_menu .list { margin-bottom:60px;}
.products_menu .list .tit{font-size: 26px; margin-bottom: 30px; }
}
@media (max-width: 1280px) {
.products_menu .list { margin-bottom:40px;}
.products_menu .list .tit{font-size: 24px;}
.products_menu .list .content .title { font-size: 20px;margin-bottom: 20px;}
.products_menu .list .content .p_40{ padding: 30px; }
}
@media (max-width: 1024px) {
.products_menu.page-section{ padding: 40px 0 10px;}
.products_menu .list { margin-bottom:20px;}
.products_menu .list .tit{font-size: 22px;}
.products_menu .list .content .title { font-size: 18px;margin-bottom: 10px; }
.products_menu .list .content ul li .com{ padding-bottom: 10px; margin-bottom:10px; }
}
@media (max-width: 992px) {
.products_menu .list .tit{font-size: 20px;margin-bottom: 20px;}
.products_menu .list .content .p_40{ padding: 20px; }
.products_menu .list .process{font-size: 16px; }
.products_menu .list .process .span{ background: url(../images/look_bg1.png) 65px center no-repeat;line-height:30px; padding: 0 25px 0 0px; }
.products_menu .list .process a:hover .span{ background: url(../images/look_bg2.png) 65px center no-repeat;}
}
@media (max-width: 768px) {
.products_menu .list .content ul li p { line-height: 30px;}
.products_menu .list .content ul li .com:after{ width: 0px;background: none;}
.products_menu .list .tit{font-size: 18px;}
}

.news_list li {overflow:hidden; border-bottom: 1px solid #eee; padding-bottom: 60px; margin-bottom: 60px; }
.news_list li a{display:block;}
.news_list li ._img{ width: 24%; float: left;}
.news_list li ._img img{ width: 100%;}
.news_list li ._intro { width:74%; float: right; overflow:hidden; cursor:pointer; font-size:14px; color:#6d6d6d;}
.news_list li ._title {display:block;line-height:32px; font-size:24px; margin-bottom:10px; color:#333; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list li ._info {color:#25abaa;margin-bottom:15px; font-size:16px;}
.news_list li ._text {line-height:30px; font-size:16px; color:#666; margin-bottom:20px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
.news_list li ._more {line-height:32px; margin-top: 16px; font-size:16px; }
.news_list li ._more a{ color: #666;}
.news_list li ._intro a:hover ._title{ color:#25abaa; }
.news_list li ._intro ._more a:hover{ color: #25abaa;}
@media only screen and (max-width:1366px){
.news_list li { padding-bottom: 40px; margin-bottom: 40px; }
}
@media only screen and (max-width:1200px){
.news_list li { padding-bottom: 20px; margin-bottom: 20px; }
.news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; }
.news_list li ._text { margin-bottom:0px;line-height:28px;}
.news_list li ._more {line-height:28px; margin-top: 10px;}
.news_list li ._info { margin-bottom:10px;}
}
@media only screen and (max-width:992px){
.news_list li ._text { line-height:26px;}
.news_list li ._more { display: none;}
.news_list li ._title { margin-bottom:5px;}
.news_list li ._info { margin-bottom:5px;}
}
@media only screen and (max-width:768px){
.news_list li { padding:20px 0px;}
.news_list li ._img{ width: 28%; }
.news_list li ._intro { width:70%;}
}
@media only screen and (max-width:425px){
.news_list li { padding:15px 0px;}
.news_list li ._title { line-height:26px; font-size:16px;  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;   }
.news_list li ._img{ width: 34%; }
.news_list li ._intro { width:62%;}
.news_list li ._text { display: none;}
}
.show-news{ padding: 40px 45px; border:8px solid #f4f4f4;}
.show-news img{max-width:100%;}
.show-news .param-tit{font-size: 30px; padding-bottom:10px; }
.show-news .param-s{ font-size: 15px; margin-bottom: 30px; color: #666; }
.show-news .param-s span:first-child { margin-right: 15px;}
.show-news .param-s span i{ font-style: normal;}
.show-news .param-c { margin-bottom: 20px;color: #666; line-height: 32px; }
.show-news .param-c p ,.show-news .param-c div{ line-height:30px; color: #666;font-size: 16px; }
.show-news .param-c td{ padding-left: 8px;}
.show-news .param-img{padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.news_left_nav{ background: #f8f8f8; margin-bottom: 25px; padding:40px; }
.news_left_nav dt{ line-height: 55px; font-size: 30px; margin-bottom: 10px; color: #333;width: 100%; text-align: left; }
.news_left_nav dd{line-height:45px;font-size: 18px; padding-top: 15PX; padding-bottom: 15PX; color: #333; border-bottom: 1px solid #e5e5e5; }
.news_left_nav dd a {display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient: vertical; text-overflow: ellipsis;}
.news_left_nav dd:hover a{ color: #026f6a; }
@media(max-width:1365px) {
.show-news img{ width: 100%;}
}
@media(max-width:1280px) {
.show-news{ padding: 30px;}
.show-news .param-tit{font-size: 20px; }
.news_left_nav{ margin-bottom: 15px; padding:20px; }
.news_left_nav dt{ line-height: 45px; font-size: 26px;}
.news_left_nav dd{line-height:40px;font-size: 16px;padding-top: 10PX; padding-bottom: 10PX;}
}
@media(max-width:992px) {
.show-news{ padding: 25px;}
.news_left_nav dt{ line-height: 35px; font-size: 22px;}
.news_left_nav dd{line-height:30px;}
}
@media(max-width:680px) {
.show-news{ padding: 20px;}
.show-news .param-tit{font-size: 18px; }
.show-news .param-s{ margin-bottom: 20px; }
.show-news .param-c p ,.show-news .param-c div{font-size: 15px;line-height:26px; }
}

.exhibition .exhibition-left { background:#f8f8f8; margin-bottom: 25px;}
.exhibition .i_news_l_pic img {width: 100%;}
.exhibition .exhibition-left .info{ padding:35px 30px;}
.exhibition .exhibition-left .info .t{font-size:18px; margin-bottom: 15px; color:#272727; }
.exhibition .exhibition-left .info .detail{ height: 20px; width: 100%; color: #555;}
.exhibition .exhibition-left .info .detail .fa{ font-size: 17px; margin-right: 10px;}
.exhibition .exhibition-left .info .detail .add{ float: left; width: 45%;}
.exhibition .exhibition-left .info .detail .date{ float: left; width: 55%;}
.exhibition .exhibition-left .info .desc{color:#666;width: 100%; line-height:28px; font-size: 16px; margin-top: 15px; overflow:hidden;}
.exhibition .exhibition-left a:hover .info .t{color:#25abaa;}
@media (max-width: 992px){
.exhibition .exhibition-left { margin-bottom: 20px;}
}
@media (max-width: 768px){
.exhibition .exhibition-left .info .t{font-size:16px; }
.exhibition .info .desc{ font-size:15px;}
.exhibition .exhibition-left .info .desc{ line-height:26px;}
.exhibition .info{padding:20px 15px;}
.exhibition .exhibition-left .info{ padding:20px 15px;}
.exhibition .exhibition-left .info .detail .add{ width:36%;}
.exhibition .exhibition-left .info .detail .date{width:64%;}
.index-news .index-news-left .info .detail .fa{margin-right: 5px;}
}
.research .desc { font-size: 24px; width: 90%; position: relative; padding-bottom: 25px;margin: 0 auto 40px; text-align: center; }
.research .desc::before{ position: absolute; content:""; left: 47%; bottom: 0px; width: 70px; height: 3px; background:#25abaa;}
.research .con p{ text-align: center; line-height: 32px; color: #666; font-size: 16px;}
.research1 {  width:100%; background:url(../images/research1_bg.jpg) no-repeat; background-size: cover;  }
.research1 .con{background:#fff; width: 100%; position: relative; padding:40px 45px; min-height: 200px;}
.research1 .con::after{  position: absolute; content:""; right: 0; bottom: 0px; width: 165px; height: 120px; background: url(../images/research_logo.png) no-repeat;}
.research1 .con .left { float: left; width: 18%;}
.research1 .con .left .mouse_info {text-align: center; }
.research1 .con .left .mouse_info .sum{ font-size: 24px; font-weight: bold; text-align: center; margin: 0 auto; color: #fff;}
.research1 .con .right { float: right;width: 75%;}
.research1 .con p{ color:#333; font-size:16px; line-height: 30px; }
@media (max-width:1280px) {
.research .desc { font-size: 22px; }
.research1 .con{padding:30px 25px; }
}
@media (max-width:991px) {
.research .desc { font-size: 20px;  width: 100%;}
.research .desc::before{left: 45%; width: 60px;}
.research1 .con{padding:20px 20px;margin-bottom:25px;min-height: 100px;}
.research1 .con .left { width: 8%;}
.research1 .con .right { width: 87%;}
}
@media (max-width:768px) {
.research .desc { font-size:18px; line-height: 30px; }
.research1 .con{padding:15px 20px;margin-bottom:15px; }
.research1 .con .left { width: 10%;}
.research1 .con .right { width: 85%;}
.research1 .con p{line-height: 27px; }
}
@media (max-width:568px) {
.research .desc { font-size:17px; }
.research1 .con .left { width: 14%;}
.research1 .con .right { width: 81%;}
.research1 .con p{line-height: 26px; }
.research .desc::before{left: 40%; }
}
@media (max-width:428px) {
.research1 .col-lg-4:nth-child(3) .con{min-height: 170px;}
}
.research2 { margin-bottom: 15px;}
.research2 .left{float:left; width:50%;}
.research2 .right{float:left; width:50%;background:url(../images/research2.jpg) no-repeat left top;}
.research2 .right .box{ color:#fff;}
.research2 .box{padding:45px 60px; }
.research2 .box .tit{font-size:30px; color: #25abaa; margin-bottom:20px;}
.research2 .box .con{font-size:16px; color: #666; line-height: 32px; margin-bottom:10px;}
@media only screen and (max-width: 1366px){
.research2 .rect-75{ padding-bottom: 80%;}
.research2 .rect-375{ padding-bottom:40%;}
}
@media only screen and (max-width: 1280px){
.research2 .rect-75{ padding-bottom: 100%;}
.research2 .rect-375{ padding-bottom:46%;}
.research2 .box{padding:45px 50px; }
.research2 .box .con{font-size:16px; }
}
@media only screen and (max-width: 1200px){
.research2 .box{padding:25px 25px; }
.research2 .box .tit{font-size:26px; margin-bottom: 10px; }
.research2 .rect-75{ padding-bottom: 90%;}
.research2 .rect-375{ padding-bottom:45%;}
}
@media only screen and (max-width: 1100px){
.research2 .rect-75{ padding-bottom: 104%;}
.research2 .rect-375{ padding-bottom:52%;}
.research2 .box .tit{font-size:24px;}
.research2 .box .con{line-height: 30px;}
}
@media only screen and (max-width: 1024px){
.research2 .box .tit{font-size:22px; }
.research2 .box .con{ margin-bottom:5px;line-height: 28px;}
}
@media only screen and (max-width: 992px){
.research2 .rect-75{ padding-bottom: 112%;}
.research2 .rect-375{ padding-bottom:56%;}
}
@media only screen and (max-width: 950px){
.research2 .rect-75{ padding-bottom: 120%;}
.research2 .rect-375{ padding-bottom:62%;}
}
@media only screen and (max-width: 945px){
.research2 .rect-375{ padding-bottom:60%;}
}
@media only screen and (max-width: 920px){
.research2 .rect-75{ padding-bottom: 130%;}
.research2 .rect-375{ padding-bottom:63%;}
.research2 .box{padding:25px 20px 25px 25px; }
} 
@media only screen and (max-width: 900px){
.research2 .rect-375{ padding-bottom:64.6%;}
.research2 .box{padding:25px 15px 25px 20px; }
}
@media only screen and (max-width: 880px){
.research2 .rect-375{ padding-bottom:65%;}
.research2 .box{padding:20px 10px 25px 15px; }
.research2 .box .con{ margin-bottom:5px;line-height: 26px;}
.research2 .box .tit{font-size:20px; }
}
@media only screen and (max-width: 820px){
.research2 .rect-75{ padding-bottom: 140%;}
.research2 .rect-375{ padding-bottom:70%;}
}
@media only screen and (max-width: 780px){
.research2 .rect-75{ padding-bottom: 145%;}
.research2 .rect-375{ padding-bottom:73%;}
}
@media only screen and (max-width: 768px){
.research2 .left{float:none; width:100%;}
.research2 .right{float: none; width:100%;}
.research2 .rect-75{ padding-bottom: 75%;}
.research2 .rect-375{ padding-bottom:52%;}
.research2 .box{padding:25px 20px; }
.research2 .box .tit{font-size:18px; }
.research2 .box .con{font-size:15px;}
}
@media only screen and (max-width: 700px){
.research2 .rect-375{ padding-bottom:56%;}
}
@media only screen and (max-width: 650px){
.research2 .rect-375{ padding-bottom:62%;}
}
@media only screen and (max-width: 620px){
.research2 .rect-375{ padding-bottom:68%;}
}
@media only screen and (max-width: 580px){
.research2 .right{background: url(../images/research2.jpg) no-repeat center;}
.research2 .rect-75{ padding-bottom: 95%;}
.research2 .rect-375{ padding-bottom:85%;}
}
@media only screen and (max-width: 530px){
.research2 .rect-375{ padding-bottom:95%;}
}
@media only screen and (max-width: 510px){
.research2 .rect-375{ padding-bottom:100%;}
}
@media only screen and (max-width: 485px){
.research2 .box{padding:25px 20px; }
.research2 .rect-375{ padding-bottom:115%;}
}
@media only screen and (max-width: 425px){
.research2 .rect-375{ padding-bottom:150%;}
}
@media only screen and (max-width: 400px){
.research2 .rect-375{ padding-bottom:170%;}
}
@media only screen and (max-width: 375px){
.research2 .rect-375{ padding-bottom:190%;}
}

.team .desc { font-size: 16px; line-height: 32px; color: #666; width: 90%; margin: 0 auto; text-align: center; }
.team .content {margin-top:45px;}
.team .content .left .box .c{ font-size: 16px; line-height:32px; color:#5a5a5a; overflow:hidden; }
.team .team-lists {width:100%; margin:50px auto 0; }
.team .team-lists ul{ width:100%; margin:0 auto; }
.team .team-lists ul li{ float: left; width: 50%; padding-left: 5%; border-left: 3px solid #25abaa; height:75px; position: relative;}
.team .team-lists ul li::before {position: absolute; content:""; left: -3px; bottom: 0px; width: 3px; height: 25px; background:#08789a;}
.team .team-lists .num{ font-size: 48px;color: #25abaa; line-height: 1; }
.team .team-lists .num span{margin-right: 5px;}
.team .team-lists .index_team_name { line-height: 30px; display: block; color: #666; font-size:16px; }
@media screen and (max-width: 1400px) {
.team .team-lists .num{ font-size: 40px;}
} 
@media screen and (max-width: 1366px) {
.team .content .right img{ width: 100%;}
.team .team-lists .num{ font-size: 36px;}
}
@media ( max-width:920px) {
.team .desc { width: 100%;}
.team .content .left .box .c{line-height:29px;}
.team .team-lists ul li{height:65px;padding-left: 3%;}
.team .team-lists .num{ font-size: 32px;}
}

@media ( max-width:768px) {
.team .content .left .box .c{  line-height:28px; }
.team .team-lists ul li{height:55px;}
.team .team-lists .num{ font-size: 28px;}
}
@media ( max-width:568px) {
.team .content .right img{ width: 100%;}
.team .desc { font-size:17px; }
.team .team-lists ul li{ float: left; width:100%; margin-bottom: 20px;}
}

.ability .desc { font-size: 16px; line-height: 32px; color: #666; }
.ability .desc h3{ font-size: 24px; color: #25abaa; line-height: 32px; padding: 30px 0;} 
@media ( max-width:1280px) {
.ability .desc h3{ font-size: 22px; }
}
@media ( max-width:768px) {
.ability .desc h3{ font-size: 20px;padding: 20px 0; }
}
.service .service-con .service-bt{font-size: 30px; color: #333; }
.service .service-con .service-diao { margin-top: 30px; font-size: 18px; line-height: 45px;}
.service .service-con .service-diao .tel{padding-left: 35px; background: url(../images/tel1.png) left 7px no-repeat; }
.service .service-con .service-diao .time{padding-left: 35px; background: url(../images/time.png) left 7px no-repeat; }
.service .service-con .service-diao .mail{padding-left: 35px; background: url(../images/time.png) left 7px no-repeat; }
.service .service-con .service-diao .tel strong{font-size: 24px; color: #25abaa;  }
.service .con{ border: 8px solid #eeeeee; padding: 80px 30px;}
.service .con h2 { font-size: 36px; font-weight: bold; color: #333; margin-bottom: 40px; }
.service .con p{ font-size: 16px; line-height: 36px; margin-bottom: 20px; color: #666; }
@media ( max-width:1366px) {
.service .service-con .service-bt{font-size: 26px; }
.service .service-con .service-diao { margin-top: 25px; line-height: 40px;}
.service .con h2 { font-size: 32px;}
}
@media ( max-width:1280px) {
.service .service-con .service-bt{font-size: 22px; }
.service .service-con .service-diao { margin-top: 20px; line-height: 35px;}
.service .con{ padding: 50px 30px;}
.service .con h2 { font-size: 26px;margin-bottom: 30px; }
.service .service-con .service-diao .tel strong{font-size: 20px;}
}
@media ( max-width:1200px) {
.service .service-con { margin-bottom: 20px;}
.service .con h2 { font-size: 22px;}
}
@media ( max-width:768px) {
  .service .service-con .service-bt{font-size: 20px; }
  .service .service-con .service-diao { margin-top: 20px; line-height: 35px;}
  .service .con{ padding:40px 20px;}
  .service .con h2 { font-size: 22px;margin-bottom: 20px; }
  .service .con p{ line-height: 32px;}
}
@media ( max-width:568px) {
  .service .con h2 { font-size: 20px;margin-bottom: 15px; }
  .service .con{ padding:30px 15px;}
}

.support .desc { font-size: 16px; line-height: 32px; color: #666; }
.support .desc h3{ font-size: 24px; color: #25abaa; line-height: 32px; padding: 30px 0;} 
.support .desc span { font-size: 24px; color: #25abaa; line-height: 60px; }
@media ( max-width:1280px) {
.support .desc h3{ font-size: 22px; }
}
@media ( max-width:768px) {
.support .desc h3{ font-size: 20px;padding: 20px 0; }
.support .desc span { font-size: 20px;  line-height:40px;}
}

.question ul li .box{ box-sizing: border-box;border: 1px solid #e5e5e5;  padding:30px 10px;margin-bottom: 30px}
.question ul li a {width: 100%;height: auto;box-sizing: border-box;padding: 0px 30px;display: block}
.question ul li a .tits {font-size: 18px;line-height: 20px;height: 20px; color: #000;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 25px}
.question ul li a .tit { line-height: 25px;color: #777;height: 147px;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 20px}
.question ul li a .tit1 {margin-top: 20px}
.question ul li a .tit1 .time {font-size: 16px;line-height: 36px; color: #25abaa;}
.question ul li ._more {line-height:32px; margin-top: 26px; margin-bottom: 35px; font-size:16px;  color: #666;}
.question ul li a:hover ._more { color: #25abaa;}
.question ul li a:hover .tits { color: #25abaa;}
@media (max-width: 768px) {
.question ul li .box{ padding:20px 10px;}
.question ul li a {padding: 0 10px 15px}
.question ul li a .tit {height: auto;margin-top: 10px}
.question ul li a .tit1 {margin-top: 15px}
.question ul li ._more { margin-top: 6px; margin-bottom: 15px;}
}
.contact .map_box {background:#f8f8f8; padding:60px 40px;}
.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}
.contact .map_box .map img{max-width: none;}
.contact .map_box .con dl dt{ font-size: 24px; line-height: 32px; color: #333; margin-bottom: 25px; }
.contact .map_box .con dd{ font-size: 18px; color: #666; line-height:30px; padding: 20px 0; }
.contact .map_box .con dd i{ font-size:28px; margin-right:8px; font-weight:bold; color: #25abaa; width: 5%; line-height:30px; text-align: left;}
.contact  .ditu{width:100%;height:465px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}
.message{ background:#fafafa;}
@media(max-width:768px) {
.contact .map_box { padding:30px 20px;}
.contact .map_box .map{ margin-top: 20px; }
.contact .map_box .con dd{ font-size: 15px; color: #666; padding:10px 0;  border-bottom: 1px solid #ececec;}
.contact .map_box .con dl dt{ font-size: 20px; }
.contact .map_box .con dd i{font-size:22px; margin-right:12px;}
}
@media(max-width:400px) {
.contact .map_box .con dd i{ margin-right:2px; width: 10%;  }
}
.contact .contact_mt{ margin-top: 80px;}
.contact .contact_bottom{ border: 8px solid #eeeeee; padding: 50px 40px; min-height: 380px;}
.contact .contact_bottom h2 { font-size: 24px; color: #333; position: relative; padding-top: 20px; margin-bottom: 30px; }
.contact .contact_bottom h2::before {position: absolute; content:""; left:0px; top: 0px; width: 53px; height: 2px; background:#25abaa; }
.contact .contact_bottom p{ font-size: 18px; line-height: 36px; color: #666; }
@media ( max-width:1366px) {
.contact .contact_bottom h2 { font-size: 22px;}
}
@media ( max-width:1280px) {
.contact .contact_bottom{ padding: 50px 30px;}
.contact .contact_bottom h2 { font-size: 20px;margin-bottom: 30px; }
}
@media ( max-width:1280px) {
.contact .contact_bottom{ margin-bottom: 25px; min-height: auto;}
}
@media ( max-width:768px) {
  .contact .contact_mt{ margin-top: 40px;}
.contact .contact_bottom{ padding:40px 30px; border: 5px solid #eeeeee; }
.contact .contact_bottom h2 { font-size: 18px;  }
.contact .contact_bottom p{font-size: 16px; line-height: 32px;}
}
@media ( max-width:568px) {
.contact .contact_bottom{ padding:30px 20px;}
}

.message-main .desc { font-size: 16px; line-height: 32px; text-align: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; margin-bottom: 30px; color: #333; }
.message-main form .button {text-align: center; }
.message-main form .button button {padding: 22px 70px;background-color: #25abaa;color: #fff;}
.message-main .form-item {border-bottom: 1px solid #dcdcdc;line-height: 70px; height: 70px;  }
.message-main .form-item span{ width:4%; float: left;}
.message-main .form-item input {width: 93%;border: 0;  float: left;font-size: 16px; line-height: 68px;  }
.message-main .form-area{border-bottom: 1px solid #dcdcdc; height: 150px;margin-bottom: 50px;}
.message-main .form-area textarea { width: 98%; float: left; height: 148px;line-height: 70px; border: 0;font-size: 16px; }
.message-main .form-area span{ width:2%; float: right;}
.message-main .form-bottom {margin-top: 60px;}
.message-main .form-bottom span {display: inline-block;color: #999;margin-right: 30px;}
.message-main .form-bottom #code {width: 285px;height: 65px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px; padding-left: 5px; color: #999;}
.message-main button{ border: 0px;}
.d-inline {display: inline-block;}
@media(max-width:992px) {
.message-main .form-area textarea { width: 93%; float: left; height: 148px; border: 0;font-size: 16px; }
.message-main .form-area span{ width:4%; float: left;}	
.message-main .form-main {padding-top: 0px;}
}
@media(max-width:768px) {
.message-main .form-bottom #code {width: 185px; height: 55px; }
.message-main form .button button {padding: 25px 30px; margin-top: 10px;}
}
@media(max-width:528px) {
.message-main .form-bottom span { display: none;}
.message-main form .fr{ float: left;}
.message-main form .button button {padding: 15px 40px; }
}