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 li:nth-child(1) .box { background-image: url(../img/li1.png) }
.page1_list li:nth-child(2) .box { background-image: url(../img/li2.png) }
.page1_list li:nth-child(3) .box { background-image: url(../img/li3.png) }
.page1_list li:nth-child(4) .box { background-image: url(../img/li4.png) }
.page1_list li:nth-child(5) .box { background-image: url(../img/li5.png) }

.page1_list li:nth-child(1).on .box { background-image: url(../img/li1-1.jpg) }
.page1_list li:nth-child(2).on .box { background-image: url(../img/li2-1.jpg) }
.page1_list li:nth-child(3).on .box { background-image: url(../img/li3-1.jpg) }
.page1_list li:nth-child(4).on .box { background-image: url(../img/li4-1.jpg) }
.page1_list li:nth-child(5).on .box { background-image: url(../img/li5-1.jpg) }
.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 .item { line-height: 1.5; }
    .f_items ul { margin-left: -10px; margin-top: 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 td { height: 40px; vertical-align: middle; border-bottom: 1px solid #e8e8e8; }
.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 }


.page_pos p, .input_list2 .btn a, .f_items .item a, .img_pro h2, .page_tag a, .down_tab th, .btn, .solution_list .tit h3, .input_list2 p,
.drop_pro li h3 { text-transform: capitalize }
.drop_tit h3, .f_nav a, .more,
.page_tit2 h3, .page_tit3 h2, .menu_tit a { text-transform: uppercase; }
.page_tit2 p, .drop_tit p,
.page_tit3 p { display: none; }
.about_txt p { line-height: 1.4 }
h3 { line-height: 1.3 }
.map p { line-height: 1.2; padding: 15px }
.layout_box .tit h3 { white-space: normal; margin-right: 20px; }
.contact_list p { text-align: center; line-height: 1.2; margin-top: 10px; }
.news_top .text h3, .f_items .item.flex1 h3 { white-space: normal }
.f_items .item ul { max-width: 300px; }
.news_top .des { line-height: 22px }
.page_news_list .text .des { line-height: 1.2; padding-bottom: 2px; }

.swiper1 h2 { font-size: 2.5vw; width: 80%; margin: 0 auto; margin-bottom: 1em;; line-height: 1.2 }

@media only screen and (max-width: 1540px) {
    .menu .li { margin-left: 40px; }
}

@media only screen and (max-width: 1400px) {
    .menu .li { margin-left: 30px; }
}

@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; }
    .input_list .input { margin: 10px; }
    .input_list .li1,
    .input_list li:not(.li1) { flex: 0 0 33.3%; }
}


@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); background-color: #ccc; background-size: 20px auto; }
    .page_pro { padding: 20px 0 }
    .pro_flex1 { width: 100%; }
    .pro_lt .title label { content: ''; display: block; width: 25px; height: 25px; border-radius: 100%; background: url(../img/menu.png) no-repeat center center; background-size: 100% 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 }


    .swiper1 h2 { font-size: 20px; width: 90%; }
    .page1_list li.on { height: 300px; }
    .page1_list li.on .tit { height: 60px; }
    .page1_list li .tit p { flex: 1 }
    a.a_more, .tag_head ul { white-space: nowrap; }
    a.a_more { font-size: 12px; }
    .f_nav ul { justify-content: flex-start }
    .btn.big a { white-space: nowrap }
    .icon_more2 { margin-left: 10px; }
    .f_items .btn { width: 50%; }
    .solution_list .des { line-height: 1.2 }
    .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; }
    .input_list .li1,
    .input_list li:not(.li1) { flex: 0 0 50%; }
}

.details .text p { line-height: 1.5 }
.details .btn a { width: initial; padding: 0 20px; }
.details .btn { display: flex; align-items: center; justify-content: center; }

@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) {
    .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; }

    .f_items .item ul { max-width: 100% }
    .input_list .input { margin: 5px; }
    .header > .wrap { height: 60px; }
    .sticky, .search_input, .menu .ul { top: 60px; }
 
    .details .title h1 { line-height: 1.3 }
    .pro_head .text, .solution_list .des,
    .about_txt h5, .about_txt p, .details .text2 { line-height: 1.5 }
    .layout_box ul { width: initial; }
    .drop_pro.n ul li h3 { height: 40px; line-height: 40px; }
    .drop_pro ul { width: 0 }
}


.page_tit h3 { text-transform: uppercase; }


.contact_list h5{text-align:center;}


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


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