:root {
  --main-color: #005bac;  
  --main-color2: #f39700;
}
a:hover {color: var(--main-color);}


.pagelist {margin:15px auto; line-height:25px;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:25px; height:25px; line-height:26px; overflow:hidden; display:block; text-align:center; margin:0 3px; border-radius:3px;}
.pagelist .aa {color:#fff;}
.pagelist .bb {background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .aa:hover {color:#fff; text-decoration:none;}
.pagelist .bb:hover {color:#fff; text-decoration:none;}
.page_front, .page_back, .page_first, .page_last {width:55px; background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.page_first, .page_last {font-size:14px; width:32px;}
.pagelist .page_select {min-width:62px; height:27px; border-radius:3px; padding:0 10px 0 10px; border:1px solid #d2d2d2;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {color:#fff; text-decoration:none;}
.pagelist .aa, .pagelist .aa:hover, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background-color:var(--main-color);}
.pagelist .aa, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {border:1px solid var(--main-color);}




.top_height {height: 80px;}
.top {position: fixed; z-index:10000; top: 0;}
.top.scroll_on, .top.scroll_focus {background-color: #fff;}

.top_in {position:relative;}
.logo {position:absolute; top:50%; transform:translateY(-50%); left:0;}
.logo img {height: 60px;}


.nav {height:78px; position:absolute; top:0; right: 180px;}
.nav ul>li {float:left; white-space:nowrap; height:80px; line-height:80px; position:relative; margin:0 24px;}
.nav ul>li>a {padding:0; display:block; color: #080808; font-size:16px;}
.top_dark .nav ul>li>a {color: #fff;}
.top_dark.scroll_on .nav ul>li>a, .top_dark.scroll_focus .nav ul>li>a {color: #222;}
.nav ul>li.nav_on span, .nav ul li:hover span {transform:scale(1,1);}
.nav ul>li.nav_on>a {color: var(--main-color); font-weight: bold;}
.top_dark.scroll_on .nav ul>li.nav_on>a, .top_dark.scroll_focus .nav ul>li.nav_on>a {color: var(--main-color);}
.nav ul>li:last-child {margin-right:0;}
.navselect {display: none; position: absolute; top: 70px; left: -10px; min-width: 180px; z-index: 10; box-sizing: border-box;}
.navselect_dl {border-radius: 7px; overflow: hidden;}
.navselect dl>dd {line-height: 40px; white-space: nowrap;}
.navselect dl>dd>a {font-size: 14px; color: #222; display: block; padding: 0 18px; background-color: #fff;}
.navselect dl>dd>a:hover {background-color: var(--main-color); color: #fff;}

.banner {position: relative;}
.banner:before {content: ""; display: block; width: 100%; height: 30%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); position: absolute; top: 0; left: 0; z-index: 10;}

.tool {position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 10;}
.lan_line {display: inline-block; position: relative; vertical-align: top; font-size: 15px; height: 28px; line-height: 28px;}
.lan_line a {margin-right: 4px; color: #999;}
.lan_line a:last-child {margin-right: 0;}
.lan_line a.on {color: #222;}
.lan_line a:hover {color: var(--main-color);}
.lan {display: inline-block; position: relative; vertical-align: top; transform: translateY(3px);}
.lan_tt {cursor: pointer; height: 25px;}
.lan_tt img {margin-right: 8px;}
.lan img {width: 36px; height: auto; border-radius: 5px;}
.lan_ul {display: none; background-color: var(--main-color); position: absolute; top: 35px; right: 0; font-size: 15px; width: 90px; border-radius: 10px; padding: 12px;}
.lan.on .lan_ul {display: block;}
.lan_ul img {margin-right: 5px;}
.lan_ul a {color: #fff;}
.lan_ul a:hover {color: #e99214;}
.lan_ul li {margin-bottom: 10px; white-space: nowrap;}
.lan_ul li:last-child {margin-bottom: 0;}
.seari {display: inline-block; font-size: 24px; vertical-align: top; position: relative; padding-right: 12px; margin-right: 8px; cursor: pointer;}
.seari:after {content: ""; display: block; width: 1px; height: 16px; background-color: #d9d9d9; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}


.footer {background-color: #464646; color: #898989;}
.footer_in {padding: 50px 0;}
.footer_fl {width: 500px; float: left;}
.footer_fr {width: calc(100% - 500px - 110px); float: right; position: relative;}
.search_tit {color: #fff; font-size: 34px; padding-bottom: 30px;}
.search_ll {float: left; width: calc(100% - 50px);}
.search_lr {float: right; width: 50px;}
.search_i {background-color: transparent; width: 100%; box-sizing: border-box; height: 50px; border: 0; padding: 0 10px; font-size: 15px; color: #fff;}
.search_b {background-color: transparent; width: 100%; height: 50px; border: 0; font-size: 34px; color: #fff;}
.search_box {border-bottom: 2px solid #fff;}
.search_cate {padding-top: 20px; line-height: 22px;}
.search_cate a {color: #fff; margin-right: 18px; font-size: 15px;}
.search_cate a:last-child {margin-right: 0;}
.search_cate a:hover {color: #3d98ea;}
.bpart {float: left; margin-right: 62px;}
.bpart:last-child {margin-right: 0; position: absolute; top: 0; right: 0;}
.bpart_tit {font-size: 16px; color: #fff; font-weight: bold; padding-bottom: 20px;}
.bpart_tit a {color: #fff;}
.bpart_tit a:hover {color: #3d98ea;}
.bpart_ul li {font-size: 14px; line-height: 26px;}
.bpart_ul li a {color: #898989;}
.bpart_ul li a:hover {color: #3d98ea;}
.copyright {background-color: #464646; color: #898989; font-size: 14px;}
.copyright_in {border-top: 1px solid #585858; padding: 18px 0; text-align: center;}
.copyright a {color: #898989;}
.footer_tel {padding-bottom: 40px;}
.footer_t1 {width: 33%; float: left;}
.footer_t1 .h1 {font-size: 28px; padding-bottom: 15px;}
.footer_t1 .h2 {font-size: 14px; line-height: 28px;}
.footer_t1 .h2 a {color: #898989;}
.footer_t1 .h2 a:hover {color: #3d98ea;}
.footer_t2 {width: 33%; float: left;}
.footer_h1 {font-size: 18px; padding-bottom: 15px;}
.footer_h1 a {color: #898989;}
.footer_t2 .h2 {line-height: 34px; font-size: 15px;}
.tel400 {font-size: 30px; font-family: "Impact"; display: inline-block; position: relative; top: 3px;}
.footer_t3 {width: 138px; float: right;}
.footer_t3 .footer_h1 {text-align: right;}
.footer_qrcode img {width: 100%; height: auto;}

.banner_in {position: relative;}
.banner_inhei {height: 40px;}
.banner_img img {width: 100%;}
.banner_txt {position: absolute; top: 50%; transform: translateY(-50%); left: 10%; color: #fff;}
.banner_txt .h1 {font-size: 36px; font-weight: bold; padding-bottom: 5px;}
.banner_txt .h2 {font-size: 30px;}

.ptitle {position: relative; padding: 20px 0;}
.ptitle_bg {background-color: #f4f4f4;}
.ptitle_h1 {font-size: 24px; font-weight: bold; color: var(--main-color); line-height: 30px;}
.cate {position: absolute; top: 50%; right: -20px; transform: translateY(-50%);}
.cateart {padding-bottom: 30px;}
.cateart .cate {position: static; text-align: center; transform: translateY(0);}
.cate a {display: inline-block; height: 40px; line-height: 40px; border-radius: 10px; font-size: 15px; margin-left: 12px; padding: 0 20px;}
.cate a.on, .cate a:hover {background-color: var(--main-color); color: #fff;}

.news_hei {height: 219px;}
.news_part {margin-bottom: 40px;}
.news_part .pic {float: left; width: 319px; overflow: hidden; border-radius: 6px;}
.news_part .pic img {width: 100%; height: auto;}
.news_part .txt {float: right; width: calc(100% - 319px - 32px);}
.news_part .pad {padding-top: 10px;}
.news_part .tit {font-size: 18px; font-weight: bold; height: 38px; line-height: 38px; margin-bottom: 10px;}
.news_part .con {font-size: 16px; line-height: 28px; color: #727272;}
.news_part .date {font-size: 16px; line-height: 28px; height: 28px; color: #5c5c5c; margin: 8px 0;}
.news_part .more {font-size: 16px;}
.news_part .more a {color: var(--main-color);}
.news_part:hover .pic img {transform: scale(1.1);}
.news_part:hover .tit a {color: var(--main-color);}
.inews_tt {padding-top: 30px;}
.inews_tt .date {float: left; margin: 0;}
.inews_tt .more {float: right;}
.inews_part .pic {width: 280px;}
.inews_part .txt {width: calc(100% - 280px - 32px);}
.inews_part .news_hei {height: auto;}

.news_art {width: 800px; max-width: 100%; margin: 0 auto;}
.news_tit {font-size: 26px; font-weight: bold;}
.news_mes {font-size: 16px; color: #999; padding: 18px 0;}
.news_con {font-size: 16px; line-height: 32px;  text-align: justify;}
.news_con img {max-width: 100%;}

.phei {height: 60px;}
.minpage {min-height: calc(100vh - 64px - 56px);}

.aboutus_il {width: calc(100% - 500px - 80px); float: left;}
.aboutus_il2 {padding-top: 30px;}
.aboutus_ir {width: 500px; float: right;}
.aboutus_tit {text-align: center; padding-bottom: 20px;}
.aboutus_h1 {font-size: 32px; font-weight: bold; color: var(--main-color); position: relative;}
.aboutus_h1 a {color: var(--main-color);}
.aboutus_h1 a:hover {color: var(--main-color2);}
.aboutus_h2 {color: #575757; font-size: 18px; padding-top: 8px;}
.aboutus_h3 {text-align: right; font-size: 14px; padding-top: 10px;}
.aboutus_h3 a {color: var(--main-color); font-weight: bold;}
.aboutus_h3 a:hover {color: var(--main-color2);}
span.aboutus_h3 {display: inline-block; position: absolute; top: 0; right: 0;}
.aboutus_txt {padding-top: 20px; font-size: 15px; line-height: 27px; text-align: justify;}
.aboutus_txt img {mix-blend-mode: multiply;}
.aboutus_album {border-radius: 50px 0 50px 0; overflow: hidden;}
.aboutus_apart .txt {background-color: var(--main-color); padding: 30px;}
.aboutus_apart .txt .h1 {font-size: 20px; color: #fff; height: 30px; line-height: 30px; margin-bottom: 10px;}
.aboutus_apart .txt .h1 a {color: #fff;}
.aboutus_apart .txt .h2 {font-size: 16px; color: rgba(255, 255, 255, 0.6); line-height: 28px; margin-bottom: 40px;}
.aboutus_apart .txt .h3 {font-size: 16px; color: #fff; text-align: right;}
.aboutus_apart .txt .h3 a {color: #fff;}
.aboutus_apart .pic {overflow: hidden;}
.aboutus_apart .pic:hover img {transform: scale(1.1);}

.aboutus_data {margin: 0 40px; background: url("../image/aboutus_bg.jpg") no-repeat center center #0e65b2; border-radius: 60px 0 60px 0; padding: 80px 0;}
.aboutus_dtxt {text-align: center; color: #fff; width: 700px; max-width: 100%; margin: 0 auto; padding-bottom: 80px;}
.aboutus_dtxt .h1 {font-size: 38px; padding-bottom: 20px;}
.aboutus_dtxt .h2 {font-size: 15px; line-height: 28px;}
.aboutus_dcon {text-align: center; padding-bottom: 60px;}
.aboutus_dpart {text-align: center; display: inline-block; vertical-align: top; padding: 0 80px; position: relative;}
.aboutus_dpart:first-child {padding-left: 0;}
.aboutus_dpart:last-child {padding-right: 0;}
.aboutus_dpart:after {content: ""; display: block; width: 1px; height: 90%; background-color: rgba(255, 255, 255, 0.4); position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.aboutus_dpart:last-child:after {display: none;}
.aboutus_dpart .h1 {color: #fff; font-size: 18px;}
.aboutus_dpart .h1 span {font-size: 56px; font-weight: bold; color: var(--main-color2); position: relative; display: inline-block; padding-right: 2px; top: 6px;}
.aboutus_dpart .h2 {color: #fff; font-size: 16px; line-height: 30px; height: 30px;}
.joinus_dcon .aboutus_dpart .h1 {color: var(--main-color);}
.joinus_dcon .aboutus_dpart .h1 span {color: var(--main-color);}
.joinus_dcon .aboutus_dpart .h2 {color: #222;}
.joinus_dcon .aboutus_dpart {padding: 0 100px 0 0;}
.joinus_dcon .aboutus_dpart:last-child {padding-right: 0;}
.aboutus_dm {text-align: center;}
.aboutus_dm a {display: inline-block; background-color: #fff; font-size: 16px; border-radius: 20px 0 20px 0; height: 46px; line-height: 46px; padding: 0 40px; color: var(--main-color);}
.aboutus_dm a:hover {background-color: var(--main-color2); color: #fff;}

.aboutus_cer {background-color: #f4f4f4;}
.aboutus_cerin {position: relative;}
.aboutus_cerbox {--marpix: 14px;}
.aboutus_cerbox .tit {background-color: var(--main-color); color: #fff; font-size: 15px; text-align: center; border-radius: 0 0 30px 0;}
.aboutus_cerbox .tit p {padding: 0 15px; height: 44px; line-height: 44px;}

.pro_part {text-align: center; margin-bottom: 40px;}
.pro_part .mar {border: 1px solid #ececec; background-color: #fff;}
.pro_part .pic {overflow: hidden;}
.pro_part .pic img {width: 100%; height: auto;}
.pro_part .tit {height: 38px; line-height: 38px; font-size: 15px; margin-top: 6px;}
.pro_btn_list {width: 90%; margin: 0 auto;}
.pro_btn {padding-bottom: 10px; text-align: center;}
.pro_btn .fl, .pro_btn .fr {width: calc(40% - 8px); text-align: center; display: inline-block; vertical-align: top; float: none; white-space: nowrap;}
.pro_btn a {display: block; height: 36px; line-height: 36px; border-radius: 12px 0 12px 0; color: #fff; font-size: 14px; width: 100%;}
.pro_btn .fl a, .pro_btn .fr a, .pro_btn .fm a {background-color: #fff; color: #484848; }
.pro_btn .fl a:hover, .pro_btn .fr a:hover, .pro_btn .fm a:hover {color: var(--main-color); }
.pro_btn_msg {padding-top: 26px;}
.pro_btn_msg_t {padding-top: 56px;}
.pro_btn_msg a {padding: 0 20px; display: inline-block; height: 36px; line-height: 36px; border-radius: 12px 0 12px 0; background-color: var(--main-color); color: #fff; font-size: 14px;}
.pro_btn_msg a:hover {background-color: var(--main-color2);}
.pro_part .mar:hover .pic {border-color: var(--main-color);}
.pro_part .mar:hover .pic img {transform: scale(1.1);}
.pro_part .mar:hover .tit {color: var(--main-color);}

.jointable table {width: 100%;}
.jointable {overflow-x: auto;}
.jointable_in {min-width: 1000px;}
.jointable table td {border-bottom: 1px solid #ebebeb; font-size: 15px; text-align: center; padding: 20px 16px;}
.jointable table tr:first-child td {border-bottom: 2px solid var(--main-color); font-weight: bold;}
.jointable table tr td:first-child {font-weight: bold;}
.joinus_more a {display: inline-block; background-image: linear-gradient(to right, #2795ee, #0b5ebf); color: #fff; font-size: 15px; border-radius: 16px 0 16px 0; height: 38px; line-height: 38px; padding: 0 30px;}
.joinus_more a:hover {background-image: linear-gradient(to right, #0b5ebf, #2795ee);}
.joinus_h1 {width: 700px; max-width: 100%;}
.joinus_case {background-color: #f4f9fd; padding: 60px 0;}

.book {padding-top: 30px;}
.book_page {position: relative;}
.book_left {width: calc(50% - 8px); float: left;}
.book_right {width: calc(50% - 8px); position: absolute; top: 0; right: 0; height: 100%;}
.finput {background-color: #f7f7f7; width: 100%; box-sizing: border-box; border: 0; height: 40px; padding: 0 12px; font-size: 15px;}
.book_input {margin-bottom: 10px;}
.book_input .h1 {font-size: 14px; height: 22px; line-height: 22px;}
.book_input_last {margin-bottom: 0;}
.book_text .h2 {height: calc(100% - 22px);}
.book_text, .ftext {height: 100%;}
.ftext {padding: 8px 12px;}
.book_btn {padding-top: 16px; text-align: right;}
.fbutton {height: 46px; background-color: var(--main-color); border-radius: 18px 0 18px 0; border: 0; color: #fff; font-size: 15px; padding: 0 40px;}
.fbutton:hover {background-color: var(--main-color2);}

.contact_mar {margin: 0 40px; border-radius: 60px 0 60px 0; border:#ccc solid 1px; overflow: hidden;}
.contact_qrcode {position: absolute; top: 20px; right: 0; text-align: center;}
.contact_qrcode img {width: 120px; height: auto;}
.contact_qrcode p {font-size: 15px; color: #6b6b6b;}

.iproducts_tit {padding-bottom: 30px; letter-spacing: 3px;}
.iproducts_tit.cen {text-align: center;}
.iproducts_tit .h1 {color: var(--main-color); font-size: 32px; padding-bottom: 2px;}
.iproducts_tit .h2 {color: #5e5e5e; font-size: 24px;}
.iproducts_con_app {margin: 0 3%;}
.iproducts_con_app .iproducts_part {margin-bottom: 8px;}
.iproducts_con_app .iproducts_part .mar {margin: 0;}
.iproducts_part {overflow: hidden;}
.iproducts_part .pic {position: relative; border-radius: 20px; overflow: hidden;}
.iproducts_part .pic img {width: 100%; height: auto;}
.iproducts_part .txt {position: absolute; top: 32px; width: 80%; left: 10%; text-align: center;}
.iproducts_part .txt .h1 {font-size: 22px; height: 28px; line-height: 28px;}
.iproducts_part .txt .h2 {font-size: 12px; height: 22px; line-height: 22px; color: #797a7b; text-transform: uppercase;}
.iproducts_part .more {width: 100%; height: 28px; line-height: 28px; text-align: center; position: absolute; bottom: 16px; left: 0; font-size: 15px;}
.iproducts_part .mar:hover .pic img {transform: scale(1.1);}
.iproducts_part .mar:hover .txt .h1 {color: var(--main-color);}
.iproducts_more {text-align: center; padding-top: 20px;}
.iproducts_part .href {width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10;}
.iproducts_part .href a {display: block; width: 100%; height: 100%;}

.pro_info {padding: 30px 0;}
.pro_info_fl {width: 420px; float: left;}
.pro_info_fr {width: calc(100% - 420px - 40px); float: right;}
.pro_image {border: 1px solid #ddd;}
.pro_image img {width: 100%; height: auto; mix-blend-mode: multiply;}
.pro_image_thumbs {padding-top: 10px;}
.pro_image_thumb {width: 75px; display: inline-block; margin-right: 5px; margin-bottom: 10px;}
.pro_image_thumb img {width: 100%; border: 1px solid #ddd; box-sizing: border-box; cursor: pointer;}
.pro_image_thumb.on img {border-color: var(--main-color);}
.pro_title {font-weight: bold; padding-bottom: 20px; padding-top: 10px;}
.pro_title .h1 {font-size: 22px; padding-bottom: 5px; color: var(--main-color);}
.pro_title .h2 {font-size: 17px;}
.pro_row {padding-bottom: 30px;}
.pro_row:last-child {padding-bottom: 0;}
.pro_con {font-size: 14px; line-height: 28px; color: #515151; text-align: justify;}
.pro_con img {max-width: 100%;}
.pro_content {padding-top: 20px;}
.pro_content_tit {border: 1px solid #ccc; border-width: 1px 0; margin-bottom: 20px; font-size: 15px; font-weight: bold; height: 46px; line-height: 46px; padding: 0 20px;}
.pro_content_tit .fr ul li {float: left; margin-left: 40px; color: #999; cursor: pointer;}
.pro_content_tit .fr ul li a {color: #999;}
.pro_content_tit .fr ul li:hover, .pro_content_tit .fr ul li a:hover {color: var(--main-color);}
.pro_content_tit .fr ul li.on {color: #222;}
.pro_content_tit .fr ul li:first-child {margin-left: 0;}
.pro_content_con img {max-width: 100%;}
.pro_table table {width: 100%;}
.pro_table table td {border-bottom: 1px solid #ebebeb; font-size: 15px; text-align: left; padding: 10px 16px;}

.bgcolor {background-color: #f4f4f4; padding: 30px 0;}

.pro_vouchs {padding-bottom: 20px;}
.pro_vouch {position: relative; margin-bottom: 20px; overflow: hidden;}
.pro_vouch:first-child {border-radius: 10px 10px 0 0;}
.pro_vouch:last-child {border-radius: 0 0 10px 10px; margin-bottom: 0;}
.pro_vouch .pic {width: 50%; background-color: #fff;}
.pro_vouch:nth-child(even) .pic {float: right;}
.pro_vouch .pic img {width: 100%; height: auto; box-sizing: border-box; border: 1px solid #ececec;}
.pro_vouch .con {position: absolute; width: 50%; height: 100%; background-color: #fff; right: 0; top: 0;}
.pro_vouch:nth-child(even) .con {left: 0; right: auto;}
.pro_vouch .con .pad {padding: 40px 46px;}
.pro_vouch .con .h1 {font-size: 26px; font-weight: bold; padding-bottom: 20px;}

.appslide.on {position: fixed; z-index: 10;}
.appslide_cate {background-color: var(--main-color);}
.appslide_slide_li a.on {color: #fff; background-color: var(--main-color);}

.tabs_son {display: none;}
.tabs_son.on {display: block;}

@media (max-width: 1370px){
	.footer_fl {width: 480px;}
	.footer_fr {width: calc(100% - 480px - 60px);}
}
@media (max-width: 1220px){
	.nav {right: 130px;}
	.nav ul>li {margin: 0 16px;}
	.iproducts_tit .h1 {font-size: 28px;}
  .iproducts_tit .h2 {font-size: 22px;}
	.iproducts_part .txt .h1 {font-size: 16px;}
  .iproducts_part .txt .h2 {height: 18px; line-height: 18px;}

	.aboutus_dtxt .h1 {font-size: 28px;}
	.aboutus_dtxt {padding-bottom: 40px;}
	.aboutus_dpart {padding: 0 40px;}
	.aboutus_dpart .h1 span {font-size: 46px;}
	.aboutus_dcon {padding-bottom: 40px;}
	.aboutus_il {width: calc(100% - 400px - 40px);}
	.aboutus_ir {width: 400px;}
	.aboutus_h1 {font-size: 28px;}

	.footer_fl {width: 400px;}
	.footer_fr {width: calc(100% - 400px - 60px);}
	.bpart {margin-left: 46px;}
	.search_cate a {margin-right: 12px;}
	.search_tit {font-size: 28px;}

	.cate a {margin-left: 8px; padding: 0 16px;}

	.contact_qrcode {top: -70px;}

  .pro_info_fl, .pro_info_fr {width: auto; float: none;}
  .pro_btn_msg_t {padding-top: 10px;}
}
@media (max-width: 960px){
	.top_height {height: 64px;}
	.logo {left: 15px;}
	.logo img {height: 50px;}
	.top {position: fixed; top: 0;}
  .menu {right: 66px !important;}
	.tool {right: 15px;}
  .lan_line {font-size: 14px;}
	.seari {display: none;}
  .copyright_in {padding: 10px 0;}
  .copyright_app {display: block;}

	.banner_txt .h1 {font-size: 22px;}
	.banner_txt .h2 {font-size: 16px;}
	.phei {height: 30px;}
	.ptitle_h1 {font-size: 24px;}
  .banner_inhei {height: 20px;}

	.aboutus_il {width: auto; float: none;}
	.aboutus_ir {width: auto; float: none;}
	.aboutus_h1 {font-size: 22px;}
  .aboutus_h2 {font-size: 16px;}
	.aboutus_ir {padding-top: 15px;}
	.aboutus_data {margin: 0; padding: 30px 0; border-radius: 0;}
	.aboutus_dtxt {padding-bottom: 20px;}
	.aboutus_dtxt .h1 {padding-bottom: 10px; font-size: 18px;}
  .aboutus_dtxt .h2 {font-size: 14px; line-height: 22px;}
	.aboutus_dpart {padding: 0 8px;}
	.aboutus_dpart .h1 {font-size: 16px;}
	.aboutus_dpart .h1 span {font-size: 22px; top: 2px;}
	.aboutus_cerbox .tit {font-size: 14px;}
	.aboutus_cerbox .tit p {height: 42px; line-height: 42px;}
	.aboutus_dcon {padding-bottom: 20px;}
	.aboutus_dpart .h2 {font-size: 15px; line-height: 24px; height: 24px;}
	.aboutus_dm a {height: 36px; line-height: 36px; font-size: 14px; padding: 0 30px;}
  .contact_qrcode p {transform: translateY(-8px);}
  .aboutus_il2 {padding-top: 10px;}

	.pro_part {width: 50%; margin-bottom: 20px;}
	.pro_part .mar {transform: translate(0) !important; --marpix: 8px;}
  .pro_btn_list {width: auto;}
  .pro_btn .fl i, .pro_btn .fr i {display: none;}
	.pro_image {width: auto; float: none;}

  .bgcolor {padding: 20px 0;}
  .pro_vouch .pic, .pro_vouch .con {width: auto;}
  .pro_vouch:nth-child(even) .pic {float: none;}
  .pro_vouch .con {position: static; height: auto;}
  .pro_vouch .con .pad {padding: 20px;}
  .pro_vouch .con .h1 {font-size: 20px; padding-bottom: 10px;}

  .pro_info {padding: 10px 0;}
  .pro_content_tit .fl {display: none;}
  .pro_content_tit .fr {float: none;}
  .pro_content_tit .fr ul li {width: 33.33%; float: left; margin-left: 0; text-align: center;}

	.aboutus_cerbox_a {width: 50%;}
	.aboutus_cerbox_a .mar {transform: translate(0) !important;}
	.aboutus_cerbox_b {width: auto; float: none;}
	.aboutus_cerbox_b .mar {transform: translate(0) !important;}

	.jointable_in {min-width: 700px;}
	.jointable table td {padding: 5px 8px;}
	.joinus_more a {height: 32px; line-height: 32px; font-size: 14px; padding: 0 22px;}
	.joinus_case {padding: 20px 0;}

  .iproducts_tit {padding-bottom: 20px; letter-spacing: 2px;}
	.iproducts_tit .h1 {font-size: 20px;}
  .iproducts_tit .h2 {font-size: 16px;}
  .iproducts_part .more {font-size: 12px; bottom: 5px; height: 22px; line-height: 22px;}
	.iproducts_part {width: auto; float: none;}
	.iproducts_part .mar {transform: translate(0) !important;}
	.iproducts_part .txt {top: 8px;}
	.iproducts_part .txt .h1 {height: 22px; line-height: 22px;}
  .iproducts_part .txt .h2 {transform: scale(0.8) translateY(-6px); letter-spacing: 0;}
	.aboutus_ir {display: none;}

	.news_part {margin-bottom: 20px;}
	.news_part .pic {width: 120px;}
	.news_part .txt {width: calc(100% - 120px - 20px);}
	.news_part .pad {padding-top: 0;}
	.news_part .tit {height: 22px; line-height: 22px; font-size: 16px; margin-bottom: 5px;}
	.news_part .con {font-size: 14px; line-height: 22px;}
	.news_part .date {display: none;}
	.news_part .more {margin-top: 2px;}
	.news_hei {height: auto;}
	.news_tit {font-size: 20px;}
	.aboutus_dtxt {padding-bottom: 6px;}
	.aboutus_txt, .news_con {font-size: 15px; line-height: 26px;}
	.aboutus_dpart {width: 50%; float: left; padding: 0;}
	.aboutus_dpart:nth-child(2):after {display: none;}

	.ptitle {margin-bottom: 0;}
	.joinus_dcon .aboutus_dpart {padding-right: 0;}
	.contact_mar {margin: 0 4%;}
	.iproducts_more {padding-top: 0;}
	.inews_tt {padding-top: 5px;}
}
@media (max-width: 480px) {
	.aboutus_dcon {padding: 0 20px 10px;}
}