body { font-family: 'Microsoft YaHei',"Open Sans", sans-serif; font-size: 14px; color: #333; overflow-x:hidden;}
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
@font-face { font-family: 'ADOBEDEVANAGARI-BOLD'; src: url('../fonts/ADOBEDEVANAGARI-BOLD.OTF');   }
@font-face { font-family: 'ADOBEDEVANAGARI-BOLDITALIC'; src: url('../fonts/ADOBEDEVANAGARI-BOLDITALIC.OTF'); }
@font-face { font-family: 'ADOBEDEVANAGARI-ITALIC'; src: url('../fonts/ADOBEDEVANAGARI-ITALIC.OTF'); }
@font-face { font-family: 'ADOBEDEVANAGARI-REGULAR'; src: url('../fonts/ADOBEDEVANAGARI-REGULAR.OTF'); }
@font-face { font-family: '方正正粗黑简体'; src: url('../fonts/方正正粗黑简体.TTF'); }
@font-face { font-family: '方正正大黑简体'; src: url('../fonts/方正正大黑简体.TTF'); }
@font-face { font-family: '方正正黑简体'; src: url('../fonts/方正正黑简体.TTF'); }

.wrap { width: 94%; margin: 0 auto; max-width: 1580px; position: relative; }
.justify { text-align: justify; }
img, a { border: 0; }
.img img { display: block; margin: 0 auto; }
a:hover { color: #1b938c; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
 .clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img img { display: block; } 
.img:hover img {transform:scale(1.05) }
.img img { display: block; }
h3,
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
*, *:after, *:before { transition: all 0.5s,color 0s; -webkit-transition: all 0.5s,color 0s; -moz-transition: all 0.5s,color 0s; -ms-transition: all 0.5s,color 0s; -o-transition: all 0.5s,color 0s; box-sizing: border-box; }


.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(../img/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
/*----------header----------*/
.swiper-container { overflow: hidden; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width: 48px; height: 3px; opacity: .8; margin: 0 20px; border-radius: 0; background: #fff; }
 
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }

.banner-pagination .swiper-pagination-bullet::after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #1b938c; }
.banner-pagination .swiper-pagination-bullet{ position:relative;}
.banner-pagination .swiper-pagination-bullet-active { opacity:1; }
.banner-pagination .swiper-pagination-bullet-active::after { width: 100%; transition: all 4.5s linear; }

.wapshow{display:none;}
.pcshow{display:flex;}
.banner .img1 { overflow: hidden; }

.header{ position:fixed; top:0;left:0; width:100vw;z-index:1000;}

.header>.wrap { height: 90px; display: flex; align-items: center; }
.header .btn{margin-right:-100px;margin-left:37px;}
.menu { flex: 1; }
.menu .ul{display:flex;justify-content:flex-end}
.menu .li{ margin-left:65px;}
.menu .li > a { line-height: 90px; }
.menu a { color: #fff; font-size: 16px; }
.menu a:hover, .menu .li.in .menu_tit > a, .menu .li.on .menu_tit > a { color: #1b938c !important }
.menu .drop_pro { box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.08); background-color: rgba(255, 255, 255, 1); transition: all 0.3s ease-out; transform: rotateX(-90deg); transform-origin: 0 0; opacity: 0; visibility: hidden; border-radius: 0; position: fixed; left: 0; top: 90px; width: 100%; z-index: 999; margin-left: 0; padding: 0; background: #fff; }
@media only screen and (min-width: 750px){
    .menu .li:hover .drop_pro { animation-delay: 1s; visibility: visible; opacity: 1; transform: rotateX(0); }
}

.drop_pro .wrap{display:flex;align-items:center;}
.drop_pro ul{flex:1; display:flex;flex-wrap:wrap;margin:0 -30px;margin-right:-10px}
.drop_pro li{flex:0 0 33.33%;min-width:33.33%; max-width:33.33%;margin:27px 0;}
.drop_pro li a {position:relative; display: block; margin: 0 30px; border-bottom: 1px solid #dcdcdc }
.drop_pro li h3 { font-size: 18px; color: #000; font-weight: normal;background:url(../img/icon2.png) no-repeat right center }
.drop_pro li p { color: #575757;font-size:13px;text-transform:uppercase;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:15px; margin-bottom:13px;}
.drop_pro a:after { content: ""; position: absolute; right: 0; bottom: -1px; width: 0; height: 2px; background: #1b938c; transition: all .5s ease; z-index: 10 }
.drop_pro a:hover:after { right: auto; left: 0; width: 100%; }
.drop_pro a:hover h3{ color:#1b938c}
.btn .a, .btn a { display: flex; align-items: center; padding: 0 30px; line-height: 36px; border-radius: 36px; background: #1b938c; color: #fff; }
.lang{display:flex;align-items:center; position:relative;color:#fff;margin-left:47px;cursor:pointer;height:75px;}
.lang .drop{ position:absolute;top:100%; ;width:120px; text-align:center;background:#fff; border-radius:5px;border-top:5px solid #1b938c;line-height:40px;display:none;left:50%; margin-left:-60px;}
.lang .drop:before { content: ''; display: block;position:absolute; top: -17px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border: 6px solid transparent ;border-bottom-color:#1b938c}

.lang .drop li a{display: block;width: 100%;height: 100%;}
.lang .drop li:last-child{ border-radius:0 0 5px 5px;}
.lang .drop li:hover { background: #1b938c; }
.lang .drop li:hover a{color:#fff;}
.lang:hover .drop { display: block; animation: langInUp .4s ease-out; }

@keyframes langInUp {
    0% { transform: translateY(max(10px,0.16rem)); opacity: 0.5; }
    100% { transform: translateY(0); opacity: 1; }
}
.logo img{ display:none;}
.logo img:first-child{ display:block;}
.header_fff .logo img, .header.on .logo img { display: none; }
.header_fff .logo img:last-child, .header.on .logo img:last-child{ display: block; }
.lang .icon { width: 40px; height: 40px; background: url(../img/lang1.gif) no-repeat center center; opacity: 0.5; margin-right: 5px; }
.search{ margin-left:40px;position:relative;cursor:pointer;}
.icon_search { display: block; width: 20px; height: 20px; background: url(../img/icon1.png) no-repeat center center; cursor: pointer; border: none }
.icon_search:hover{background-image:url(../img/icon1-1.png)}
.search_input { position: absolute;right:0;top:50%; margin-top:-20px; height:40px;display:flex;align-items:center;display:none;background:#fff;width:400px; }

.search.open .search_input { display: flex; }
.search_input>*{ margin-right:10px;}
.search_input input{ border:0; border-bottom:1px solid #ddd;flex:1;height:40px;}
.icon_close{ display:block;width:20px; height:20px; background:url(../img/close.png) no-repeat center center;cursor:pointer;}
.icon_close:hover{ background-image:url(../img/close-1.png)}

.img_pro { width: 446px; height: 342px; background: #eff7f7 ;display:flex;align-items:center; justify-content:center;overflow:hidden;}
.img_pro img{max-width:100%; max-height:100%; }
.img_pro .box {   width: 333px; margin: 0 auto; }
.img_pro .box p { font-size: 14px; margin-right: 10px; color: #4b4a4a }
.img_pro .img{ border-radius:5px;overflow:hidden;height:164px;}
.img_pro .img img{width:100%; height:100%; object-fit:cover}
.img_pro h2 { display: flex; justify-content: space-between; align-items: center; font-size: 20px; margin-top: 20px; margin-bottom: 10px; }
.icon_share{ display:block;width:32px; height:24px; border-radius:2px; background:#1b938c url(../img/icon3.png) no-repeat center center;}
.btn .a:hover,
.btn a:hover, .icon_share:hover { background-color: #007e77 }
.header.on, ._fff.header,
.header_fff { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.header.on .lang span, ._fff.header .lang span, ._fff.header .menu a,
.header.on .menu a,
.header_fff .lang span,
.header_fff .menu a { color: #515457 }
._fff.header .lang .icon,
.header.on .lang .icon, .header_fff .lang .icon { background-image: url(../img/lang2.gif) }
/*----------mainer----------*/
.mainer { }
.swiper1{ position:relative;}
.swiper1.swiper-horizontal > .swiper-pagination-bullets{ bottom:70px;}
.swiper1 .text { position: absolute; top: 30%; display: flex; flex-direction: column; align-items: center; justify-content: center;   width: 100%; text-align: center; color: #fff; }
.swiper1 h2 { font-size: 60px; font-family: '方正正大黑简体'; font-weight: normal; text-transform: uppercase; margin-bottom: .8em; opacity: 0; transform: translateY(100px); transition: all 1s .5s ease; }
.swiper1 p { font-size: 24px; margin-bottom: 1em; opacity: 0; transform: translateY(100px); transition: all 1s .6s ease; }
.swiper1 .btn { margin-top: 20px; opacity: 0; transform: translateY(100px); transition: all 1s .8s ease; }
.swiper1 .swiper-slide{overflow:hidden;height:100vh}
.swiper1 .swiper-slide img{width:100%; height:100%; object-fit:cover}
.swiper1 .swiper-slide-active > img { animation: scale2 5s ease }

@-webkit-keyframes scale2 {
    0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scale2 {
    0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}
.swiper1 .swiper-slide-active h2, .swiper1 .swiper-slide-active p, .swiper1 .swiper-slide-active .btn { opacity: 1; transform: translateY(0); } 
.swiper1 .btn a { padding: 0 20px; font-size: 16px; background: #18b2a9 }
.icon_more{ display:block;width:13px;height:13px; background:url(../img/icon3.png) no-repeat center center;margin-left:20px;}

.page{ padding-top:107px;padding-bottom:90px}
.page_tit { text-align: center; padding-bottom: 56px; position: relative; }
.page_tit h3{ font-size:48px;color:#000;margin-bottom:20px;}
.page_tit h3 span { color: #1b938c }
.page_tit p { font-size: 18px; color: #4b4a4a }
.page_tit:after{content:''; display:block;width:24px; height:22px; background:url(../img/icon4.png) no-repeat center center;margin:0 auto;margin-top:18px;animation:m infinite linear 2s }
@keyframes m{
    0%{  transform:translateY(0)}
    50% { transform: translateY(20px) }
    100% { transform: translateY(0) }
}
.page.on { background: #f9f9f9 }


.page1_list ul{display:flex;justify-content:space-between; }
.page1_list li:not(.on){width: 15.6%;}
.page1_list li.on{width: 37.6%}
.page1_list .box{ margin:6px;height:calc(100vw * 235 / 700);min-height:500px; border-radius:16px;padding:30px; padding-top:75px;background:url(../img/li2.jpg) no-repeat center bottom #000;background-size:100% auto; color:#fff;}
.page1_list li.on .box{ background-size:100% 100%;}
.page1_list .box{ overflow:hidden;}
.page1_list ul { margin: -6px; }

 

.page1_list .tit{position:relative;}
.page1_list .tit:before{ content:'';display:block;width:12px; height:70px; background:#1b938c;position:absolute; top:0; left:-29px;}
.page1_list .tit h3 { font-size: 40px; color: #1b938c ;opacity:.5}
.page1_list .tit h4{font-weight:normal; font-size:22px;color:#fff;margin:10px 0}
.page1_list .tit p{ opacity:.57}
.page1_list .text { opacity: 0; margin-top: 15px; line-height: 24px; font-size: 16px; margin-bottom: 20px; }
.page1_list .btn{display:inline-block;opacity:0;}
.btn.smoll{ display:inline-block}
.page1_list .btn a, .btn.smoll a { padding: 0 14px; height: 35px; }
.page1_list .btn .icon_more, .btn.smoll .icon_more { margin-left: 10px; }
.page1_list li.on .text, .page1_list li.on .btn { opacity: 1; }
.page1_list li.on .tit h3{ color:#fff;opacity:1;}

.page2{ background:url(../img/page2_bg.jpg) no-repeat center center; background-attachment:fixed;}
.page_tit.fff h3{color:#fff;}
.page_tit.fff p { color: #bbbaba }
.page_tit.fff:after{ background-image:url(../img/icon4-1.png)}
.page2_text { text-align: center; color: #fff; }
.page2_text p{ font-size:24px;line-height:48px;}
.page2_text .btn{margin-top:20px;}
.btn .a, .btn a { overflow: hidden; }

.btn .a:hover .icon_more:after, .btn a:hover .icon_more:after { animation: indBtnRun 1s ease both; }
.btn .a:hover .icon_more, .btn a:hover .icon_more { transform: rotate(30deg) }
.btn .icon_more { position: relative; }
.btn .icon_more:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background: rgba(255,255,255,0.5); opacity: 0; }
@keyframes indBtnRun {
    0% { opacity: 1; transform: scale(1) }
    100% { opacity: 0; transform: scale(16) }
}
.link_list{ margin-top:100px;}
.link_list .list { display: flex; margin-bottom: 34px; overflow: hidden; }
.link_list ul { display: flex;  }
.link_list li { width: 178px; padding-right: 23px; min-width: 178px; max-width: 178px; }
.link_list a{ display:flex;align-items:center; justify-content:center; border-radius:5px;overflow:hidden;}

.tag_head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 26px; border-bottom: 2px solid #dbdbdb }
a.a_more{color:#999;font-size:16px;}
a.a_more:hover{ color:#1b938c}
.tag_head ul{display:flex;}
.tag_head{margin-bottom:64px;}
.tag_head li { margin-right: 36px; line-height: 54px; border-radius: 54px; padding: 0 50px; font-size: 18px; color: #666666 ; font-weight:bold;}
.tag_head li.on{ background:#1b938c;color:#fff;box-shadow:0 14px 14px rgba(16,150,135,0.3)}
.ul_tag li{cursor:pointer;}
.page_news{display:flex;}
.page_news .news{margin-right:80px;flex:1;max-width:732px;}
.news .text{ padding-left:92px; padding-top:25px;position:relative;}
.news .text:before {content:'';display:block;width:8px; height:140px; border-radius:4px; background:#1b938c;position:absolute; top:-58px; left:48px;}
.p_time{ color:#999;font-size:16px;}
.news h3{ margin:10px 0; font-size:20px;color:#333;font-weight:normal;}
.news .text { line-height:24px; font-size:15px; color:#888}
.news:hover h3{ color:#1b938c}
.news .img { border-radius: 5px; height:465px;}
.news .img img{width:100%;height:100%; object-fit:cover}
.news_list { flex: 1; }
.news_list li {  border-bottom: 2px solid #ececec }
.news_list .box{ padding: 20px 0;display:flex;align-items:center;min-height:150px;border-radius:5px;}
.news_list .box:hover{ background:#1b938c}
.news_list .box:hover *{color:#fff;}
.news_list .text { flex: 1; width:0}

.news_list .data { width: 153px; text-align: center;; font-size: 16px; }
.news_list .data p{color:#999;}
.news_list .data span { font-size: 70px; color: #333; font-weight: bold; font-family: Arial }
.news_list h3{ font-size:20px; font-weight:normal; color:#333;margin-bottom:10px;}
.news_list .text p{ line-height:24px; font-size:15px;color:#888}
.page_foot { background: url(../img/page4_bg.jpg) no-repeat bottom center #1b938c;padding-top:68px; padding-bottom:66px; }
.page_foot .page_tit p{color:#fff;}
.page_foot .page_tit:after{ display:none;}
.page_tit h4 { font-size: 36px; margin-bottom: 15px; }
.page_tit.fff h4{ color:#fff;}
.input_list{display:flex;flex-wrap:wrap; }
.input_list li:not(.li1){flex:0 0 25%;}
.input_list .li1{ flex:0 0 50%;}
.input_list{ max-width:1320px;margin:0 auto;}
.input_list .input{position:relative; margin:10px 25px;height:50px; background:#fff; display:flex;align-items:center; font-size:15px;overflow:hidden; border-radius:3px;}
.input_list input{ border:0; background:none; padding-left:30px;width:100%;}
.input_list label { line-height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 20px; color: #f80505 }
.input_list .inp_btn { cursor: pointer; width: 100%; border: 0; color: #fff; background: #116560; height: 50px; }
.input_list .inp_btn:hover { background: #1b938c }
/*----------footer----------*/
.footer { color: #fff; padding-top: 50px; background: #2a2a2a }
.footer a{color:#fff;}
.f-j-sb { display: flex; align-items: center; justify-content: space-between; }
.foot { padding-bottom: 40px; }
.f_share{display:flex;align-items:center;}
.f_share a {opacity:0.5; display: block; width: 33px; height: 34px; background-repeat: no-repeat; background-position: center center; margin-left:20px;}
.f_share .s1{ background-image:url(../img/04.png)}
.f_share .s2 { background-image: url(../img/02.png) }
.f_share .s3 { background-image: url(../img/10.png) }
.f_share .s4 { background-image: url(../img/06.png) }
.f_share .s5 { background-image: url(../img/08.png) }
.f_share a:hover{ opacity:1;}
.f_share .s1:hover { background-image: url(../img/03.png) }
.f_share .s2:hover { background-image: url(../img/01.png) }
.f_share .s3:hover { background-image: url(../img/09.png) }
.f_share .s4:hover { background-image: url(../img/05.png) }
.f_share .s5:hover { background-image: url(../img/07.png) } 


.gotop {cursor:pointer; line-height: 40px; padding-right: 40px; background: url(../img/foot_pic1.png) no-repeat right center;color:#fff; font-size:14px; }
.f_nav { height: 78px; border-top: 2px solid #404040; border-bottom: 2px solid #404040; }
.f_nav ul{display:flex;}
.f_nav li{ margin-right:65px;}
.f_nav a{ color:#fff; font-size:16px}
.f_nav a:hover{ color:#1b938c}

.f_items{ padding-top:60px;display :flex;margin-bottom:40px;}
.f_items .btn{margin-top:40px;}
.f_items .item.flex1 h3{ margin-bottom:5px;font-size:16px;}
.ewm_item{ color:rgba(255,255,255,0.5);text-align:center;}
.ewm_item .ewm { width: 126px; height: 126px; padding: 5px; background: #fff; margin-bottom: 10px; }
.menu.fade ul{display:none;}
.f_tips, .f_tips a { color: rgba(255,255,255,0.5); }
.f_tips{ margin-bottom:40px;}
.btn.big { display: inline-block }
.btn.big a{ padding:0 40px 0  50px; border-radius:55px; height:55px;display:flex;align-items:center;line-height:initial;color:#fff;}
.icon_more2 {width:20px;height:20px;margin-left:40px; background: url(../img/foot_pic2.png) no-repeat center center; }
.f_items .item { margin-right: 60px; min-width: 200px; line-height: 30px; }
.f_items li,.f_items a{color:rgba(255,255,255,0.5) }
.f_items h3{font-weight:normal;margin-bottom:15px;}
.copyright { border-top: 2px solid #404040; height: 80px; color: rgba(255,255,255,0.5) }
.copyright a { color: rgba(255,255,255,0.5) }
.f_tips a:hover,.f_items a:hover, .copyright a:hover { color: #fff; }
 
.menu_tit{ line-height:90px;}
.img_pro.imgs { width: 446px; height: 342px; position: relative; }
.img_pro.imgs .box:not(:first-child) {  display:none;}
/*----------custom----------*/

@media only screen and (max-width: 1800px) {
    .header .btn{ margin-right:0}
}

@media only screen and (max-width: 1400px) {
    .menu .li{ margin-left:40px;}
    .swiper1 h2{ font-size:50px;}
    .swiper1 p{ font-size:20px;}
}
@media only screen and (max-width: 1300px) {
    .menu .li
    ,.search,.lang { margin-left: 30px; }
    .swiper1 h2 { font-size: 50px; }
    .swiper1 p { font-size: 20px; }
    .page{ padding-top:80px;padding-bottom:50px;}
    .page_news .news{ margin-right:50px;}
    .news_list .data span{ font-size:60px;}
}
.menu_wrap span, .menu_wrap span:before, .menu_wrap span:after { background: #a5a5a5; }
.header.on .menu_wrap span, .header.on .menu_wrap span:before, .header.on .menu_wrap span:after { background: #a5a5a5 }
.menu_wrap {margin-left:30px; display: none; width: 24px; height: 60px; cursor: pointer; float: right; user-select: none; align-items: center; }
.menu_wrap span:before, .menu_wrap span:after { content: ""; position: absolute; height: 2px;  display: block; left: 0; width: 100%; transition: all .2s linear; }
.menu_wrap span:before { top: -7px; }
.menu_wrap span:after { top: 7px; }
.menu_wrap span { width: 100%; height: 2px;   display: block; position: relative; transition: all .2s linear; }

.menu_wrap.active span { animation: buttonAnimation 0.3s ease forwards; }
.menu_wrap.active span:before { animation: buttonAnimationBefore 0.3s ease forwards; }
.menu_wrap.active span:after { animation: buttonAnimationAfter 0.3s ease forwards; }
@keyframes buttonAnimationBefore {
    0% { -moz-transform: translateY(0px) rotate(0); -ms-transform: translateY(0px) rotate(0); -webkit-transform: translateY(0px) rotate(0); transform: translateY(0px) rotate(0); }
    50% { -moz-transform: translateY(7px) rotate(0); -ms-transform: translateY(7px) rotate(0); -webkit-transform: translateY(7px) rotate(0); transform: translateY(7px) rotate(0); }
    100% { -moz-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }
}

@keyframes buttonAnimationAfter {
    0% { -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }
    50% { -moz-transform: translateY(-7px) rotate(0); -ms-transform: translateY(-7px) rotate(0); -webkit-transform: translateY(-7px) rotate(0); transform: translateY(-7px) rotate(0); }
    100% { -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }
}

@keyframes buttonAnimation {
    0% { background: transparent; }
    50% { background: rgba(255,255,255,0); }
    100% { background: rgba(255,255,255,0); }
}

@media only screen and (max-width: 1580px) {
    .page1_list li:not(.on) .tit h3{ font-size:30px}
    .page1_list li:not(.on) .tit h4 { font-size: 18px; white-space: nowrap }
    .page1_list li .tit p{ white-space:nowrap}
}

@media only screen and (max-width: 1366px) {
    .page{padding:80px 0}
    .logo_swiper{margin-top:80px;}
}
    @media only screen and (max-width: 1200px) {
        .page1_list li:not(.on) .tit h4 { font-size: 16px; white-space: normal }
        .page1_list li .tit p { white-space: normal }
        .page1_list .box { min-height: 400px; padding-top: 40px; }
        .menu_wrap { display: flex; }
        .header > .wrap { height: 70px; }
        .menu .ul { position: fixed; top: 70px; left: 0; width: 100%; background: #fff; bottom: 0; display: block; transform: translateY(-150%) }
        .h_menu .menu .ul { transform: translateY(0) }
        .menu .li { margin-left: 0 !important }
        .search_input { position: fixed; top: 70px; left: 0; width: 100%; margin-top: 0; padding-left: 10px; }
        .menu .li > a { line-height: 50px; }
        .menu .menu_tit { height: 40px; align-items: center; display: flex;   padding-left: 20px; }
        .menu .menu_tit a{width:initial;}
        .drop_pro .wrap { width: 100%; }
        .drop_pro ul { margin: 0 }
        .submenu { width: 40px; height: 40px; display: flex; align-items: center; justify-content: flex-end; flex:1;padding-right:30px;}
        .submenu:before { content: ''; display: block; width: 10px; height: 10px; border-radius: 1px; border: 2px solid #a5a5a5; border-top: 0; border-left: 0; transform: rotate(45deg) }
        /*.swiper1 .swiper-slide { height: 80vh }*/
        .swiper1 .swiper-slide img { width: 100%; height: 100%; object-fit: cover }
        .drop_pro { position: initial; display: none; padding: 10px 0; }
        .menu .li.wap_in .drop_pro { display: block; position: initial; opacity: 1; transform: none; height: initial; visibility: inherit; padding: 0 5px; }
        .drop_pro li h3{ font-size:16px;}
        .img_pro { display: none; }
        .drop_pro li { margin: 0; padding: 15px 0 10px; }
        .drop_pro li a { margin: 0 15px; }
        .drop_pro h3 { font-size: 16px; }
        .drop_pro p { margin-top: 10px; margin-bottom: 15px; }
        .drop_pro li { flex: 0 0 50%; min-width: 50%; max-width: 50%; }
        .drop_pro { background: #f9f9f9 }
    }

    @media only screen and (max-width: 750px) {
        .swiper1 h2 { font-size: 6vw }
        .header .logo { max-width: 150px; }
        .swiper1 p { font-size: 14px; }
        .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }
        .swiper1.swiper-horizontal > .swiper-pagination-bullets { bottom: 30px; }
        .page_tit h3 { font-size: 8vw }
        .page_tit p { font-size: 14px; }
        .page { padding: 50px 0 30px }
        .page_tit { padding-bottom: 30px; }
        .tag_head li { padding: 0 10px; margin-right: 10px; line-height: 40px; font-size: 16px; }
        .tag_head { padding-bottom: 20px; margin-bottom: 20px; }
        .page_news { display: block; }
        .news .text { padding-left: 40px; padding-top: 15px; }
        .news .text:before { width: 4px; left: 20px; }
        .tag_head li:last-child { margin-right: 0 }
        .lang > span:not(.icon) { display: none; }
        .menu_wrap, .menu .li, .search, .lang { margin-left: 15px; }
        .header .btn { display: none; }
        .page1_list ul { flex-direction: column; }
        .page1_list li { width: 100%; height: 80px; margin-bottom: 15px; overflow: hidden; }
        .page1_list .box { margin: 0; height: 100%; background-size: 100% auto; background-position: bottom center; padding: 0; position: relative; z-index: 1; overflow: hidden; }
        /*.page1_list .on .box:after{ content:'';display:block;width:100%; height:100%; background:linear-gradient(to bottom,#1b938c,rgba(0,0,0,0));position:absolute;top:0;z-index:-1}*/
        .page1_list .tit { display: flex; align-items: center; height: 80px; padding-left: 15px; }
        .swiper1 .text { padding: 0 15px; }
        .page1_list .text { margin-top: 0; padding: 0 15px; font-size: 14px; line-height: 1.3 }
        .page1_list .btn { margin-left: 15px; }
        .page1_list .tit h3 { font-size: 30px; margin-right: 10px; opacity: .8 }
        .page1_list .tit h4 { font-size: 16px; margin-right: 10px; }
        .page1_list ul { margin: 0 }
        .page1_list li.on, .page1_list li:not(.on) { width: 100%; }
        .page1_list li.on { height: 250px; }
        .page1_list .tit:before { left: 0; width: 3px; height: 20px; top: 50%; margin-top: -10px; }
        .page2_text p { font-size: 16px; line-height: 1.5; margin-bottom: 10px; }
        .link_list li { width: 150px; min-width: 150px; max-width: 150px; padding-right: 20px; }
        .link_list .list { margin-bottom: 20px; }
        .link_list { margin-top: 50px }
        .news_list .data { width: 100px; }
        .news_list .box { padding: 20px 0; min-height: initial; }
        .page_tit h4 { font-size: 26px; }
        .input_list li:not(.li1) { flex: 0 0 50%; }
        .input_list .input { margin: 5px; }
        .input_list li:last-child { flex: 0 0 100%; }
        .input_list input { padding-left: 15px; }
        .input_list label { left: 5px }
        .f_share a { margin-left: 10px; }
        .foot { padding-bottom: 20px; }
        .f_nav li { margin-top: 10px; margin-right: 10px; white-space: nowrap; }
        .f_nav ul { margin-top: -10px; flex-wrap: wrap; justify-content: space-between; }
        .f_items { padding-top: 0px; margin-bottom: 20px; display: block; }
        .f_items li { display: inline-block; margin-left: 10px; }
        .f_items ul { margin-left: -10px; }
        .gotop { display: none; }
        .f_items .item { margin: 0; margin-top: 20px; }
        .f_items h3 { margin-bottom: 0; font-size: 16px; }
        .ewm_item { margin-top: 20px; float: left; margin-top: -90px; }
        .ewm_item .ewm { margin-bottom: 10px; }
        .f_items .item { text-align: right; }
        .f_items .item h3, .f_items .item ul { text-align: left; }
        .f_tips { clear: both; padding-top: 10px; margin-bottom: 10px; line-height: 1.3 }
        .f_items .item.flex1 h3 { margin-bottom: 0 }
        .f_items .btn { margin-top: 50px; width: 45%; }
        .btn.big a { padding: 0; width: 100%; text-align: center; justify-content: center; }
        .icon_more2 { margin-left: 30px; }
        .footer { padding-top: 30px; }
        .copyright { display: block; height: initial; padding: 10px 0; font-size: 12px; line-height: 1.4 }
        .page2 { background-size: auto 100% }
    }

    .full { position: fixed; right: 8px; top: 50%; width: 73px; border-radius: 5px; background: #1b938c; color: #fff; z-index: 1001 }
    .full .tit { display: block; padding-top: 30px; text-align: center; background-position: top center; background-repeat: no-repeat; }
    .full li { position: relative; padding: 15px 0; cursor: pointer; }
    .full li:first-child { border-radius: 5px 5px 0 0; }
    .full li:last-child { border-radius: 0 0 5px 5px; }
    .full li:hover { background: rgba(0,0,0,0.2) }
    .full li:hover:after { display: none; }
    .full li:after { content: ''; display: block; width: 50px; height: 1px; background: #fff; opacity: .34; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0 }
    .full li:last-child:after { display: none; }
    .full .drop { color: #000; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 5px; margin-right: 8px; padding: 15px; text-align: center; width: 168px; display: none; min-height: 90px; display: flex; align-items: center; justify-content: center; flex-direction: column; display: none; }
    .full .drop h4 { font-size: 16px; margin-top: 10px; font-weight: normal; }
    .full .drop .ewm { width: 140px; margin-bottom: 10px; }
    .full .drop .ewm img { width: 100%; }
    .tit.icon1 { background-image: url(../img/icon5.png); }
    .tit.icon2 { background-image: url(../img/icon6.png); }
    .tit.icon3 { background-image: url(../img/icon7.png); }
    .tit.icon4 { background-image: url(../img/icon8.png); }
    .full li:hover .drop { display: flex; }
    .p1 { color: #767676 }
    .banner_pc { display: block; }
    .banner_wap { display: none; }


    @media only screen and (max-width: 750px) {
        .banner_pc { display: none; }
        .banner_wap { display: block; }
        .full { display: none; }

        .page1_list li .box { background-size: auto 100%; background-position: right center ;min-height:initial;}
        .page1_list li:nth-child(1) .box { background-image: url(../img/li1-3.jpg) }
        .page1_list li:nth-child(2) .box { background-image: url(../img/li2-3.jpg) }
        .page1_list li:nth-child(3) .box { background-image: url(../img/li3-3.jpg) }
        .page1_list li:nth-child(4) .box { background-image: url(../img/li4-3.jpg) }
        .page1_list li:nth-child(5) .box { background-image: url(../img/li5-3.jpg) }
        .page1_list li.on .box { background-position: center center; }
        .page1_list li:nth-child(1).on .box { background-image: url(../img/li1-2.jpg) }
        .page1_list li:nth-child(2).on .box { background-image: url(../img/li2-2.jpg) }
        .page1_list li:nth-child(3).on .box { background-image: url(../img/li3-2.jpg) }
        .page1_list li:nth-child(4).on .box { background-image: url(../img/li4-2.jpg) }
        .page1_list li:nth-child(5).on .box { background-image: url(../img/li5-2.jpg) }
        .page2 { background-image: url(../img/page2_bg_1.jpg) }
    }


    .drop { transition: all 0s }
    .page_banner { height: 334px; position: relative; }
    .page_banner img { display: block; width: 100%; height: 100%; object-fit: cover }
    .page_banner h2 { font-size: 48px; text-align: center; color: #fff; position: absolute; left: 0; right: 0; top: 55% }
    .page_pro { padding-top: 90px; padding-bottom: 90px }
    .pro_lt { width: 350px; margin-right: 88px; border: 1px solid #49a9a3; position: sticky; top: 90px; background: #f9f9f9; padding: 15px 23px; box-sizing: border-box; }
    .pro_lt .title { line-height: 55px; border-bottom: 1px solid #dcdcdc }
    .pro_lt .title span { font-size: 24px; padding-left: 40px; background: url(../img/icon9.png) no-repeat left center; }
    .nav_list { line-height: 40px; padding: 20px 0; font-size: 16px; }
    .nav_list a { color: #333 }
    .nav_list a:hover { color: #1b938c }
    .nav_list .drop { display: none; }
    .nav_list .tit { font-size: 16px; display: flex; align-items: center; }
    .nav_list li.on > a, .nav_list li.on > .tit > a { color: #1b938c; font-weight: bold; }
    .nav_list .tit:before { transition: all 0s; content: ''; width: 8px; height: 8px; background: url(../img/icon10.png) no-repeat center center; margin-right: 8px; }
    .nav_list > ul > li.on > .tit:before { background-image: url(../img/icon11.png) }
    .nav_list li li { margin-left: 15px; }
    .nav_list li li li { margin-left: 25px; }
    .nav_list li li .tit:before { background-image: url(../img/icon10-1.png) }
    .nav_list li li.on .tit:before { background-image: url(../img/icon11-1.png) }
    .nav_list > ul > li > .tit { font-size: 18px; font-weight: bold; }

    .page_pro .wrap { display: flex; }
    .pro_flex1 { flex: 1; width: 0 }
    .pro_head { background: #fafafa; padding: 0 40px; }
    .pro_head h4 { line-height: 72px; border-bottom: 1px solid #dcdcdc; position: relative; font-size: 30px; font-weight: normal; color: #000 }
    .pro_head h4:after { content: ''; display: block; width: 2em; height: 1px; background: #1b938c; position: absolute; left: 0; bottom: -1px; }
    .pro_head .text { padding: 20px 0; font-size: 16px; line-height: 28px; }
    .pro_head .text p { text-indent: 2em; }
    .page_pos { margin-bottom: 39px; height: 65px; display: flex; border-bottom: 1px solid #dcdcdc; align-items: center; font-size: 16px; }
    .page_pos p { width: 100%; box-sizing: border-box; padding-left: 15px; background: url(../img/icon12.png) no-repeat center left; color: #8d8e8f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:94vw}
    .page_pos a { color: #8d8e8f }
    .page_pos a:last-child, .page_pos a:hover { color: #1b938c }


    .pro_list ul { display: flex; flex-wrap: wrap; margin: -17px; }
    .pro_list li { flex: 0 0 33.3%; }
    .pro_list .box { display: block; margin: 17px; background: #fff; box-shadow: 2px 0 10px rgba(31,141,134,.34); border-radius: 5px; overflow: hidden; }
    .pro_list .img { height: 248px; display: flex; align-items: center; justify-content: center; }
    .pro_list .img img { max-width: 100%; max-height: 100%; }
    .pro_list .text { line-height: 66px; text-align: center; border-top: 1px solid #dcdcdc; font-size: 19px; color: #303030 }
    .pro_list .box:hover .text { background: #1b938c; color: #fff; }
    .pagesize { margin-top: 40px; }
    .pagesize ul, .pagesize li a { display: flex; align-items: center; justify-content: center; }
    .pagesize li { cursor: pointer; width: 52px; height: 52px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; margin: 0 7px; font-size: 18px; }
    .pagesize li:hover a { color: #fff; }
    .pagesize li:hover,
    .pagesize li.on { background: #1b938c; color: #fff; }
    .pagesize li.on a { color: #fff; }
    .pagesize li a { width: 100%; height: 100%; }
    .pagesize .prev, .pagesize .next { font-size: 25px; font-family: Arial }

    .page3 { background: url(../img/page3_bg.jpg) no-repeat center center; background-size: cover }
    .page_tit2 { text-align: center; }
    .page_tit2 h3 { font-size: 44px; margin-bottom: 20px; font-weight: normal; }
    .page_tit2 p { color: #a2a2a2; font-size: 20px; }
    .input_list2 ul { display: flex; flex-wrap: wrap; margin-top: 50px; margin-bottom: 40px; }
    .input_list2 li { flex: 0 0 50%; }
    .input_list2 li:last-child { flex: 0 0 100%; }


 
    .input_list2 .btn .inp_btn { display: flex; align-items: center; border: none; padding: 0 30px; line-height: 36px; border-radius: 36px; background: #1b938c; color: #fff;border-radius: 0; width: 240px; line-height: 50px; text-align: center; font-size: 18px; margin: 0 auto; justify-content: center; }
    .input_list2 .box { margin: 0 25px; }
    .input_list2 p { font-weight: bold; color: #000; position: relative; padding-left: 15px; line-height: 44px; }
    .input_list2 p label { position: absolute; color: #c20000; left: 5px; }
    .input_list2 .input { background: #fff; border: 1px solid #ececed; border-radius: 3px; padding-left: 20px; }
    .input_list2 .input textarea,
    .input_list2 .input input { line-height: 48px; width: 100%; border: 0; background: none; }
    .input_list2 .input textarea { resize: none; line-height: 30px; height: 100px; padding: 10px 0 }

    .page_banner1 { height: 672px; position: relative; }
    .page_banner1 > img { width: 100%; height: 100%; object-fit: cover }
    .page_banner1 .page_tit3 { position: absolute; top: 32%; left: 0; width: 100%; }
    .page_tit3 { text-align: center; color: #fff; font-size: 18px; }
    .page_tit3 h2 { font-size: 48px; margin-bottom: 18px; }
    .page_tit3 p { margin-bottom: 35px; }
    .page_tit3 .down { width: 53px; height: 53px; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; animation: m infinite linear 2s; }
    .page_tit3 .down:after { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: url(../img/icon14.png) no-repeat center center; animation: r 5s infinite linear; background-size: 100% 100%; }

    @keyframes r {
        0% { transform: rotate(0deg) }
        100% { transform: rotate(360deg) }
    }

    .page_title { background: #fff; z-index: 10; border-bottom: 1px solid #dcdcdc }
    .sticky { position: sticky; top: 90px; z-index: 100 }
    .page_title .wrap { display: flex; justify-content: space-between; align-items: center; line-height: 70px; flex-direction: row-reverse }
    .page_title .page_pos { border-bottom: 0; margin-bottom: 0; height: initial; }
    .page_tag ul { display: flex; }
    .page_tag li { margin-right: 60px; line-height: 20px; }
    .page_tag li a:hover,
    .page_tag li.on a { color: #1b938c }
.page_tag li.on a label,
.page_tag li a:hover label,
.page_tag li.on a:after { background-image: url(../img/icon15-1.png) }
    .page_tag a { font-size: 18px; display: flex; align-items: center; position: relative; color: #333; line-height: 70px; }
    .page_tag > label { display: none !important; }
    .page_tag label { display: block; width: 14px; height: 10px; background: url(../img/icon15.png) no-repeat center center; margin-left: 11px; }
    .page_tag a:before { content: ''; display: block; width: 0; left: 0; right: 0; margin: 0 auto; height: 2px; background: #1b938c; bottom: -1px; position: absolute; }
    .page_tag li.on a:before { width: 100%; }

    .page_tag li { position: relative }
    .page_tag .drop { position: absolute; top: 0; left: -70px; width: 890px; padding: 25px 70px; box-sizing: border-box; background: #fff; top: 100%; box-shadow: 2px 1px 26px rgba(0,0,0,0.1); display: none; }
   /* .page_tag li:hover .drop { display: block; }*/
    .page_tag .drop table { width: 100%; table-layout: fixed; }

.page_tag .drop tr{ border-bottom: 1px solid #e8e8e8;}
    .page_tag .drop td { height: 40px; vertical-align: middle; }
    .page_tag .drop a, .page_tag .drop td { font-size: 14px; color: #444 }
    .page_tag .drop a { line-height: initial; }
    .page_tag .drop a.bold { font-size: 16px; color: #000; font-weight: bold; }
    .page_tag .drop a.bold:hover { color: #1b938c }
    .page_pro2 ul { display: flex; flex-wrap: wrap; margin: -27px; }
    .page_pro2 li { flex: 0 0 50%; }
    .page_pro2 .box { display: block; margin: 27px; padding: 23px 40px; padding-top: 3px; border: 1px solid #bfbfbf; background: #f9f9f9; border-radius: 10px; }
    .page_pro2 .tit { height: 92px; border-bottom: 1px solid #dcdcdc; display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
    .page_pro2 .box:hover .tit h2 { color: #1b938c }
    .page_pro2 .box:hover .logo { transform: translateY(-5px) scale(1.05); }
    .page_pro2 .box:hover { border-color: #1b938c; box-shadow: 3px 0 13px rgba(31,141,134,0.14) }
    .page_pro2 .tit h2 { font-weight: normal; font-size: 36px; color: #000; }
    .page_pro2 .text { line-height: 22px; color: #575555; height: 260px; margin-bottom: 20px; overflow: hidden; }
    .page_pro2 .btn { cursor: pointer; justify-content: flex-end; display: flex; }
    .page_pro2 .btn .a { padding: 0 10px; line-height: 36px; }
    .page_pro2 .btn .icon_more { margin-left: 10px; }

    .page_about { background: url(../img/page_about_bg.png) no-repeat center 15% #fff; }
    .page_about .wrap { display: flex; align-items: flex-start; }
    .page_about .img { border-radius: 10px; flex: 0 0 50%; margin-left: 60px; }

    .about_tit h3 { font-size: 44px; font-weight: normal; margin-bottom: 10px; }
    .about_tit p { font-size: 24px; color: #a2a2a2 }
    .page_about .page_tit2 { margin-bottom: 40px; }
    .page_tit2.left { text-align: left; }
    .about_txt h4 { font-size: 24px; color: #1b938c; font-weight: normal; margin-bottom: 20px; }
    .about_txt p { text-indent: 2em; font-size: 18px; line-height: 38px; }

    .about_txt h5 { margin-top: 50px; font-size: 18px; }

    .page_layout { background: url(../img/layout_bg.jpg) no-repeat center center; background-size: cover }
    .page_tit2.fff h3 { color: #fff; }
    .page_tit2.fff p { color: #bab9b9 }
    .layout_box { margin-top: 100px; display: flex; align-items: center; background: #1b938c }
    .layout_box ul { width: 468px; margin: 0 45px }
    .layout_box ul li { border-bottom: 1px solid rgba(255,255,255,0.22); padding: 30px 0; color: #fff; font-size: 18px; }
    .layout_box .tit { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
    .layout_box .tit h3 { font-size: 24px; font-weight: normal; }
    .map { position: relative; display: none}
    .map img { display: block; }
    .map p { position: absolute; top: 32%; left: 30%; line-height: 57px; padding: 0 15px; border-radius: 10px; background: #fff; font-size: 18px; }


    .page_logos { background: url(../img/page_logos_bg.jpg) no-repeat center bottom #f0f0f1 }
    .logo_swiper { margin-top: 100px; padding-bottom: 100px; }
    .logo_swiper .box { background: #fff; display: block; padding: 0 16px; margin: 6px; border-radius: 10px; background: #fff; border: 2px solid #fff; }
    .logo_swiper .logo { height: 78px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #efefef }
    .logo_swiper p { height: 58px; display: flex; align-items: center; justify-content: center; font-size: 18px; position: relative; color: #666 }
    .logo_swiper p:after { content: ''; display: block; width: 2px; height: 2px; background: #ccc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
    .logo_swiper .box:hover { border-color: #1b938c; box-shadow: 0 0 10px rgba(27,147,140,.2) }
    .logo_swiper .box:hover p { color: #1b938c }
    .pagination1 .swiper-pagination-bullet { width: 18px !important; height: 7px !important; border-radius: 7px !important; background: #aaa !important; margin: 0 4px !important }
    .pagination1 .swiper-pagination-bullet-active { width: 48px !important; background: #1b938c !important }
    .contact_list ul { display: flex; margin: -10px; margin-top: 70px; }
    .contact_list li { flex: 0 0 25%; }
    .contact_list .box { border-radius: 5px; margin: 10px; border: 1px solid #f1f1f1; height: 270px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #000; line-height: 27px; position: relative; }
    .contact_list .ewm { position: absolute; width: 120px; height: 120px; padding: 10px; display: none; align-items: center; justify-content: center; background: #fff; left: 50%; margin-left: -60px; bottom: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom: 10px; }
    .contact_list .ewm:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-top-color: #fff; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; }
    .contact_list .ewm img { width: 100%; display: block; }
    .contact_list .h5:hover .ewm { display: block;; }
    .contact_list img { margin-bottom: 20px; }
    .contact_list h3 { font-size: 24px; font-weight: normal; margin-bottom: 20px; }
    .contact_list .h5 { font-size: 16px; font-weight: bold; cursor: pointer; margin: 0 auto; text-align: center; position: relative; }
    .contact_list .h5:hover .ewm { display: block; }
    .contact_list p { font-size: 16px; color: #666 }
    .contact_list .box:hover { border-color: #1b938c }

    .solution_list { margin: 50px -25px; display: flex; flex-wrap: wrap; }
    .solution_list li { flex: 0 0 50%; counter-reset: nav; }
    .solution_list .box { display: block; margin: 25px; position: relative; }
    .solution_list .img { height: 413px; border-radius: 10px; }
    .solution_list .img img { width: 100%; height: 100%; object-fit: cover }
    .solution_list .text { overflow: hidden; margin: 0 56px; margin-top: -86px; padding: 20px 30px; box-sizing: border-box; z-index: 10; position: relative; background: #fff; color: #000; border-radius: 10px; box-shadow: 0 5px 20px rgba(31,141,140,.37) }
    .solution_list .lbl { position: absolute; font-size: 90px; font-weight: bold; line-height: 90px; font-family: Arial }
    .solution_list .img .lbl { color: #fff; left: 86px; bottom: 45px }
    .solution_list .text .lbl { color: #1b938c; top: -45px }
    .solution_list .tit { height: 67px; display: flex; align-items: center; border-bottom: 1px solid #dcdcdc; }
    .solution_list .tit h3 { color: #000; flex: 1; width: 0; font-size: 26px; font-weight: normal; }
    .solution_list .tit .btn .a { padding: 0 10px; }
    .solution_list .tit .btn .icon_more { margin-left: 10px; }
    .solution_list .des { margin-top: 10px; line-height: 24px; font-size: 16px; color: #535353; height: 120px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
    .solution_list .box:hover { transform: translateY(-10px) }
    .solution_list .box:hover .img .lbl { color: #1b938c }
    .solution_list .box:hover .text .lbl { color: #fff; }
    .solution_list .box:hover .text { background: #1b938c }
    .solution_list .box:hover .tit h3 { color: #fff; }
    .solution_list .box:hover .tit { border-bottom-color: #49a9a3 }
    .solution_list .box:hover .btn .a { background: #fff; color: #1b938c }
    .solution_list .box:hover .btn .icon_more { background-image: url(../img/icon3-1.png) }
    .solution_list .box:hover .des p { color: #fff }

    .details { padding-top: 65px; padding-bottom: 116px; }
    .details .title { padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; text-align: center; position: relative; margin-bottom: 30px; }
    .details .title:after { content: ''; display: block; width: 194px; height: 2px; background: #1b938c; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; }
    .details .title h1 { font-size: 36px; font-weight: normal; }
    .details .text p { text-indent: 2em }
    .details .text { font-size: 16px; line-height: 36px; padding-bottom: 50px; }
    .det_cur { display: flex; justify-content: space-between; border-top: 1px solid #dcdcdc; padding-top: 30px; margin-bottom: 40px; }


    .det_cur p { width: 48%; font-size: 16px; }
     .det_cur p:last-child { text-align: right; }

    .icon_menu { width: 24px; height: 23px; background: url(../img/icon23.png) no-repeat center center; margin-left: 10px; }
    .details .btn a { line-height: 52px; width: 220px; text-align: center; padding: 0; justify-content: center; margin: 0 auto; font-size: 20px; }
    .details .title.left { text-align: left; }
    .details .title.left:after { display: none }
    .details .title p { font-size: 16px; color: #6f6f6f; margin-top: 20px; }

    .details .text2 { font-size: 16px; line-height: 36px; padding-bottom: 50px; }
    .search_box { display: flex; border: 1px solid #dcdcdc; margin-top: 40px; margin-bottom: 60px; float: left; width: 360px; }
    .search_box input { flex: 1; border: 0; padding-left: 15px; line-height: 34px; }
    .search_box .b { width: 52px; line-height: 36px; border: 0; background: #1b938c; color: #fff; cursor: pointer; }
    .search_box .b:hover { background: #00756e }
    .search_result { padding-bottom: 100px; }
    .search_result .tit { line-height: 55px; border-bottom: 1px solid #dcdcdc; color: #1b938c; font-size: 24px; margin-bottom: 20px; font-weight: bold; }
    .search_result .pro_list li { flex: 0 0 20%; }
    .search_result .tit:not(:first-child) { margin-top: 50px; }

 
    .down_tab table { width: 100%; }
    .down_tab th { height: 70px; text-align: left; font-weight: bold; font-size: 20px; border-bottom: 1px solid #dcdcdc; vertical-align: middle; }
    .down_tab th.center{width:150px;}
    .down_tab th.center { text-align: center }
    .down_tab td { height: 70px; vertical-align: middle; border-bottom: 1px solid #dcdcdc; font-size: 18px; min-width: 40px; }
    .down_tab a { color: #4f4f4f }
    .down_tab a:hover { color: #1b938c }
    .td_icon { display: block; width: 28px; height: 28px; margin: 0 auto; background: url(../img/icon25.png) no-repeat center center; border-radius: 100%; cursor: pointer; }
    .td_icon:hover { background-image: url(../img/icon24.png); background-color: #1b938c }
    .down_tab .disabled .td_icon, .down_tab .disabled .td_icon:hover { background-image: url(../img/icon25-1.png); background-color: #fff; cursor: inherit }
    .down_tab a.td_btn { width: 86px; line-height: 31px; border-radius: 2px; background: #1b938c; color: #fff; margin: 0 auto; display: block; text-align: center; font-size: 16px; }



    .news_li ul { display: flex; margin: 0 -27px; }
    .news_li li { flex: 0 0 50%; }
    .news_li .box { margin: 0 27px; border-bottom: 1px solid #dcdcdc; display: flex; align-items: center; height: 60px; color: #a2a2a2; font-size: 14px; }
    .news_li .box h3 { flex: 1; margin-right: 20px; font-size: 18px; color: #000; font-weight: normal; width: 0 }
    .news_li .box:hover h3 { color: #1b938c }

    .res_title { margin-bottom: 40px; text-align: center; border-bottom: 1px solid #dcdcdc; position: relative; }
    .res_title h2 { line-height: 60px; font-size: 30px; color: #1b938c; font-weight: normal; }
    .res_title:after { content: ''; display: block; width: 207px; height: 2px; position: absolute; background: #1b938c; margin: 0 auto; left: 0; right: 0; top: 100%; }
    .page_resources { padding-top: 50px }
    .page_news { margin-top: 73px; padding-bottom: 100px; }
    .news_top { margin-bottom: 32px; }
    .news_top .box { border-radius: 10px; overflow: hidden; display: flex; align-items: center; background: #f8f8f8 }
    .news_top .img { width: 60%; height: 412px; }
    .news_top .img img { width: 100%; height: 100%; object-fit: cover }
    .news_top .text { margin: 0 30px; flex: 1; width: 0; line-height: 30px; font-size: 16px; color: #323232 }
    .news_top .text h3 { margin-bottom: 5px; font-size: 18px; color: #000 }
    .news_top .des { overflow: hidden; margin-bottom: 15px; height: 215px; }
    .news_top .text .time { color: #777; font-size: 14px; }
    .news_top .text .more { margin-top: 20px; border-top: 1px solid #dcdcdc; line-height: 50px; color: #000 }

    .page_news_list ul { display: flex; flex-wrap: wrap; margin: -15px; }
    .page_news_list li { flex: 0 0 33.33%; min-width: 33.33%; max-width: 33.33%; }
    .page_news_list .box { display: block; margin: 15px; border-radius: 10px; overflow: hidden; background: #f8f8f8 }
    .page_news_list .img { height: 320px; }
    .page_news_list .img img { width: 100%; height: 100%; object-fit: cover }
    .page_news_list .text { padding: 25px; padding-bottom: 0 }
    .page_news_list .text h3 { font-size: 18px; margin-bottom: 10px; }
    .page_news_list .text .des { line-height: 30px; font-size: 16px; color: #323232; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .page_news_list .btm { border-top: 1px solid #dcdcdc; display: flex; justify-content: space-between; align-items: center; height: 65px }
    .page_news_list .btm .time { color: #777 }


    @media only screen and (max-width: 1200px) {
        .page_banner1 { height: 50vh }
        .page_tit3 h2 { font-size: 40px; }
        .page_title .wrap { line-height: 50px; }
        .solution_list { margin: 20px -10px }
        .solution_list .box { margin: 10px; }
        .solution_list .img { height: 300px; }
        .solution_list .text { margin-left: 30px; margin-right: 30px; }
        .solution_list .img .lbl { left: 60px; }
        .solution_list .lbl { font-size: 70px; }
        .solution_list .tit h3 { font-size: 20px; }
        .layout_box .tit h3 { font-size: 20px }
        .layout_box ul { margin: 0 30px; }
        .layout_box ul li { font-size: 14px; }
        .page_tit2 h3 { font-size: 36px; }
        .page_tit2 p { font-size: 16px; }
        .logo_swiper { margin-top: 50px; padding-bottom: 50px; }
        .sticky { top: 70px; }
        .contact_list li { flex: 0 0 50%; }
        .contact_list ul { flex-wrap: wrap; }
        .news_top .img { width: 50%; }
        .page_news_list li { flex: 0 0 50%; min-width: 50%; max-width: 50%; }
        .page_news_list ul { margin: -10px; }
        .page_pro2 .box { margin: 10px; }
        .page_pro2 ul { margin: -10px; }
        .page_pro2 .tit h2 { font-size: 30px; }
        .page_news_list .box { margin: 10px; }
        .pro_lt { margin-right: 30px; }
        .pro_list .box { margin: 10px; }
        .pro_list ul { margin: -10px; }
        .pro_list .img { height: 200px; }
        .pro_list .text { font-size: 16px; line-height: 3 }
        .input_list2 .box { margin: 0 10px; }
        .news_list .box { padding: 10px 0; min-height: 130px; }
        .news .img { height: 390px; }
    }


    @media only screen and (max-width: 750px) {
        .solution_list li { flex: 0 0 100%; }
        .solution_list .img { height: initial; }
        .page_banner { height: 200px; }
        .details .title h1 { font-size: 30px; }
        .details { padding: 30px 0; }
        .details .text { line-height: 2; }
        .details .btn a { line-height: 40px; font-size: 16px; }
        .det_cur a { width: 45%; }
        .page_tit3 h2 { font-size: 34px; }
        .page_tit3 .down { width: 40px; height: 40px }
        .page_tit3 .down img { width: 20px; }
        .page_banner1 { height: 300px; }
        .solution_list .text { margin-left: 10px; margin-right: 10px; padding: 20px; }
        .solution_list .img .lbl { left: 30px; }
        .solution_list .lbl { font-size: 50px; }
        .solution_list .tit { height: 50px; }
        .search_box { margin: 20px 0 }
        .search_result .pro_list li { flex: 0 0 50%; }
        .pro_list .box { margin: 5px; }
        .pro_list ul { margin: -5px; }
        .down_tab table { width: 800px; }
        .down_tab { overflow-x: auto; }
        .down_tab td { height: 50px; font-size: 14px; }
        .page_search { overflow: hidden; }
        .news_li ul { margin: 0; flex-direction: column; }
        .news_li li { flex: 0 0 100%; }
        .news_li .box { margin: 0; height: 50px; }
        .search_result { padding-bottom: 40px; }
        .news_li .box h3 { font-size: 16px; }
        .page_title .wrap { justify-content: space-between}
        .page_tag > label { display: block !important; width: 30px; height: 30px; border-radius: 3px; background: url(../img/menu.png) no-repeat center center; background-size: 25px auto; margin-left: 0; margin-right: 15px; }
        .page_resources { padding-top: 20px; }
        .news .img { height: initial; }

        .page_tag:hover ul { display: block; }
        .page_tag ul { position: absolute; top: 100%; left: 0; display: block; background: #fff; width: 200px; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,0.32); border-radius: 10px; margin-top: 10px; text-align: center; padding: 10px 0; display: none; }
        .page_tag li { margin: 0 10px; text-align: center; }
        .page_tag a { justify-content: center; font-size: 16px; line-height: 40px; }
        .page_tag { position: relative; }
        .down_tab th { height: 55px; font-size: 16px; }
        .res_title h2 { line-height: 50px; font-size: 25px; }
        .res_title { margin-bottom: 20px; }
        .pagesize li { width: 35px; height: 35px; margin: 2px; }
        /*.page_about .img { display: none; }*/
        .page_about .wrap{ flex-direction:column-reverse}
        .wapshow { display: flex; }
        .pcshow { display: none; }
        .page_about .img{margin-left:0;margin-bottom:20px;}
        .page_about{padding-top:30px;}
        .page_tit2 h3 { font-size: 30px; }
        .page_tit2 p { font-size: 14px; }
        .page_about .page_tit2 { margin-bottom: 20px; }
        .about_txt h4 { font-size: 18px; }
        .about_txt p { font-size: 16px; line-height: 2 }
        .layout_box { display: block; margin-top: 50px; }
        .map p { padding: 10px 20px; line-height: 20px; font-size: 14px; }
        .contact_list ul { margin-top: 30px; }
        .contact_list li { flex: 0 0 100%; }
        .input_list2 li { flex: 0 0 100% }
        .input_list2 ul { margin-top: 20px; }
        .news_top .box { display: block; }
        .news_top .img { width: 100%; height: initial; margin-bottom: 20px; }
        .news_top .text { width: initial; margin: 0 15px; }
        .page_news { margin-top: 20px; padding-bottom: 30px; }
        .page_news_list li { flex: 0 0 100%; max-width: 100%; min-width: 100%; }
        .page_news_list .img { height: initial; }
        .page_news_list .btm { height: 50px; }
        .page_news_list .text { padding: 15px; padding-bottom: 0 } 
        .details .title h1 { line-height: 1.4;font-size:26px; }
        .det_cur { margin-bottom: 20px; }
        .page_pro2 li { flex: 0 0 100%; }
        .page_pro2 .box { padding: 15px; padding-top: 0 }
        .page_pro2 .text { height: initial; }
        .page_pro2 .btn { display: none; }
        .page_pro2 ul { margin: 0 }
        .page_pro2 .box { margin: 0; margin-bottom: 10px }
        .page_pro2 .tit h2 { font-size: 26px; }
        .page_pro2 .tit .logo img { max-height: 30px; max-width: 100px; }
        .page_pro2 .tit { height: 60px }
        .page_pro2 { padding-top: 20px; }
        .page_pro .wrap { display: block; }
        .pro_lt { margin-right: 0; width: 100%; padding: 0 20px; position: relative; top: 0; margin-bottom: 20px; }
        .pro_head { padding: 0 20px; }
        .pro_head h4 { line-height: 60px; font-size: 20px }
        .pro_list li { flex: 0 0 50%; }
        .page_banner h2 { font-size: 30px; top: 50%; }
        .nav_list { display: none; position: absolute; top: 100%; background: #fff; width: 100%; left: 0; z-index: 10; margin-top: 5px; border: 1px solid #ccc; padding: 15px; }
        .pro_lt.on .nav_list { display: block; }
        .pro_lt.on .title label { background-image: url(../img/menu-1.png) }
        .page_pro { padding: 20px 0 }
        .pro_flex1 { width: 100%; }
        .pro_lt .title label { content: ''; display: block; width: 30px; height: 30px; background: url(../img/menu.png) no-repeat center center #ccc; background-size: 20px auto; position: absolute; top: 50%; margin-top: -15px; right: 15px }
        .search_result .tit:not(:first-child) { margin-top: 20px; }
        .menu_tit a { display: block; width: 100%; height: 40px; line-height: 40px; }
        .pro_lt .title span { font-size: 20px; padding-left: 30px; }
        .pro_lt .title { line-height: 45px }
    }

    @media only screen and (max-width: 550px) {
        .input_list li { flex: 0 0 100% !important; }
        .page_tit3 h2 { font-size: 30px; }
        .page_tit3 .down { width: 30px; height: 30px; }
        .page_tit3 p { margin-bottom: 20px; }
        .page_banner1 .page_tit3 { top: 38%; }
        .page_banner1 { height: 260px; }
        .solution_list .text { margin-top: -70px; }
        .solution_list .img .lbl { bottom: 25px; }
        .solution_list .des { height: initial; -webkit-line-clamp: 40; }
    }

    .drop_tit h3 { font-size: 36px; margin-bottom: 10px; }
    .drop_tit p { font-size: 20px; color: #7b7b7b }
    .drop_pro.n ul { display: block; min-height: 325px; }
    .drop_pro.n .drop_tit { height: 280px }
    .drop_pro.n ul li { margin: 0 auto; width: 355px; min-width: 355px; max-width: 355px; flex: 1; height: 60px; }
    .drop_pro.n ul li a { height: 65px; display: flex; align-items: center; }
    .drop_pro.n ul li h3 { margin: 0; flex: 1; }

 

@media only screen and (max-width: 750px) {

    .input_list .li1,
    .input_list li:not(.li1) { flex: 0 0 50%; }
    .drop_pro.n .drop_tit { display: none; }
    .drop_pro.n { padding: 5px 0 }
    .drop_pro.n ul li { height: initial; width: initial; max-width: initial; min-width: initial; padding: 0; margin: 0 0px; }
    .menu .drop_pro { border-top: 1px solid #dcdcdc }
    .drop_pro.n ul li:last-child a { border-bottom: 0 }
    .drop_pro.n ul li a { height: initial; line-height: 40px; }
    .drop_pro.n ul li h3 { font-size: 14px; margin-right: 10px; }
    .drop_pro.n ul { min-height: initial; }

    .page_tag .drop {; position: initial; left: auto; width: 100%; padding: 10px; }
    .page_tag.tag_2 ul { width: 90vw; }
    .page_tag.tag_2 ul a { text-align: left; justify-content: flex-start }
    .page_tag.tag_2 .drop table td:not(:first-child) { display: none; }

    .news_top .text h3 { white-space: nowrap }
    .news_top .des { font-size: 16px; color: #323232; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto; }
    .news_top .text .time { position: absolute; bottom: 0; right: 0 }
    .news_top .text { position: relative; line-height: 50px; }
    .news_top .text .more { margin-top: 10px; }
    .header > .wrap { height: 60px; }
    .sticky, .search_input, .menu .ul { top: 60px; }
}

.contact_list h5{text-align:center;}


.page_id { transform: translateY(-200px); }
@media only screen and (max-width: 750px) {
    .page_id { transform: translateY(-130px); }
}

.cmlan .swiper1 h2 { font-family: 'Microsoft YaHei' }

.page_tag .drop td > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.tag_submenu{position:absolute;top:100%;left:0;background:#fff;left:0; width:100%;}
.tag_submenu .drop{width:100%;padding: 20px;box-shadow:0 3px 10px rgba(0,0,0,0.2);box-sizing:border-box;left:0}
.tag_submenu table{width:100%;line-height:40px;}
.tag_submenu table td{ border-bottom:1px solid #eee;padding:0 20px;} 
@media only screen and (max-width: 750px) { .tag_submenu{ display:none;}
    .page_tag li.on .drop a:before { display: none; }
.page_tag li.on .drop{ display:block;}
}