@charset "utf-8";
:root {
  --main-color: #2474cf;  /*主要颜色*/
}
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;}
.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);}

.book_input {padding-bottom:10px;}
.book_input .h1 {font-size:14px; padding-bottom:3px;}
.book_input .h2 {position:relative;}
.book_input .h2 .fl {width:100px; position:absolute; top:0; left:0;}
.book_input .h2 .lr {margin-left:110px;}
.book_btn {padding-top:6px;}
.verify {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; display:none;}
.verify.on {display:block; z-index:9999;}
.verify_bg {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1;}
.verify_in {width:320px; height:190px; background:#fff; position:absolute; top:50%; margin-top:-95px; left:50%; margin-left:-160px; z-index:2;}
.verify_pad {padding:20px;}
.verify_tit {font-size:15px; font-weight:bold; padding-top:10px;}
.verify_div {position:relative; height:38px; margin-top:15px;}
.verify_div .ll {position:absolute; top:0; left:0;}
.verify_div .lr {margin-left:112px;}
.vbutton {width:100%; height:40px; background:#2c8bc3; color:#fff; font-size:15px; padding:0 40px;}
.verify_close {width:20px; height:20px; background:#ccc; border:2px solid #fff; border-radius:50%; position:absolute; top:-6px; right:-6px; cursor:pointer;}
.verify_close:before, .verify_close:after {content:""; width:12px; height:2px; background:#fff; position:absolute; top:9px; left:4px;}
.verify_close:before {transform:rotate(45deg);}
.verify_close:after {transform:rotate(135deg);}
.verify_close:hover {background:#222;}
@media (max-width: 640px) {
	.book_btn .xbutton {width:100%;}
}

/*******************************************/

.inbg {background-color:#f4f4f4;}

/*全局*/
.margin, .margin_nopad {width:1200px; margin:0 auto;}
.padb {padding-bottom:60px;}
.marb {margin-bottom:60px;}

.tel {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.tel .ll {position:absolute; top:0; left:0;}
.tel .ll div {width:48px; height:48px; line-height:48px; border-radius:50%; color:#fff; background-color:var(--main-color); font-size:28px; text-align:center;}
.tel .lr {margin-left:62px;}
.tel .lr p {color:#696969; font-size:15px;}
.tel .lr div {color:var(--main-color); font-size:27px; font-weight:bold;}

/*搜索*/
.search {width:220px; float:left;}
.search .pad {padding-top:9px;}
.search .fl {width:196px; height:20px; overflow:hidden; border-radius:20px;}
.search .fr {width:20px;}
.sear_t {width:196px; height:20px; background-color:#848484; border:0; color:#fff; padding:0 13px; box-sizing:border-box;}
.sear_t::placeholder {color:#bababa;}
.sear_b {background-color:transparent; color:#fff; font-size:16px; width:100%; height:20px;}

/*logo条*/
.top_height {height:130px;}
.top {position:relative; background-color:#fff; z-index:1000;}
.top_in {position:relative;}
.logo {position:absolute; top:50%; transform:translateY(-50%); left:0;}
.logo em{display: block;font-style: normal;color: #999;}
.logo b{font-size: 25px;color: var(--main-color);}
.logo img {height:58px;float: left;margin-right: 15px;}
@media (max-width: 1000px) {
	.hello {position:fixed; top:0;}
	.top {position:fixed; top:38px;}
	.logo {left:15px;}
	.logo img {height:60px;}
}
@media (max-width: 640px) {
	.top_height {height:64px;}
	.logo img {height:54px;}
	.hello_fr .padr {padding-right:12px;}
}

/*导航*/
.nav {height:46px; background-color:var(--main-color);}
.nav ul li {float:left; white-space:nowrap; height:46px; line-height:46px; position:relative; text-align:center; margin-bottom:0; width:calc(100% / 6);}
.nav ul li a {width:100%; display:block; color:#fff; font-size:15px;}
.nav ul li.nav_on a, .nav ul li:hover a {background-color:#1b61c3; color:#fff;}

/*底部*/
.footer {background-color:#2b2b2b; color:#a4a4a4;}
.footer_in {padding:60px 0;}
.footer a {color:#a4a4a4;}
.bpart_max {text-align:center; width:480px; float:left;}
.bpart {float:left; text-align:left; vertical-align:top; margin-right:135px;}
.bpart:last-child {margin-right:0; float:right;}
.bpart_top {font-size:16px; text-transform:uppercase; color:#fff; padding-bottom:14px; border-bottom:1px solid rgba(255, 255, 255, 0.5); margin-bottom:8px;}
.bpart_top a {color:#fff;}
.bpart ul li {line-height:32px; height:32px; overflow:hidden; font-size:14px;}
.bqrcode {width:120px; position:absolute; top:0; right:0; text-align:center;}
.bqrcode_in img {width:100%;}
.bqrcode_in .h1 {font-size:14px; margin-top:10px; height:20px; line-height:20px;}
.bpart_cont {width:420px; float:left; padding-left:120px;}
.bpart_tel {margin-bottom:8px;}
.bpart_tel .fl {width:46px; height:46px; background-color:var(--main-color); color:#fff; border-radius:50%; text-align:center; line-height:46px; font-size:28px; margin-right:10px;}
.bpart_tel .fi p {font-size:15px;}
.bpart_tel .fi div {font-size:22px; font-weight:bold; color:var(--main-color);}
.bpart_cont .in p {font-size:15px; line-height:32px;}
.bpart_cont .in p i {color:var(--main-color); font-size:18px;}
.copyright {text-align:center; font-size:14px; padding:24px 0; background-color:var(--main-color); color:#fff;}
.copyright a {color:#fff;}

/*新闻列表*/
.news_part {background-color:#fff; margin-bottom:20px;}
.news_part.lightbg {background-color:#f8f8f8;}
.news_part a {width:100%; display:block;}
.news_pad {padding:30px 36px;}
.news_height {height:190px;}
.news_pa {position:relative;}
.news_pcon {position:relative;}
.news_pcon .pic {position:absolute; top:0; left:0; overflow:hidden;}
.news_pcon .news_thumb .word {padding-left:330px; height:100%;}
.news_pcon .news_thumb .wordin {height:100%; position:relative;}
.news_pcon .word .h1 {font-size:22px; height:36px; line-height:36px; overflow:hidden; margin-bottom:12px; color:#000;}
.news_pcon .word .h1 span {font-size:18px; padding-right:10px;}
.news_pcon .word .h2 {font-size:14px; line-height:26px; height:78px; overflow:hidden; color:#666; margin-bottom:10px;}
.news_pcon .word .h3 {padding-top:20px;}
.news_pcon .word .h3 p {font-size:14px; height:34px; line-height:34px; overflow:hidden; color:#000; display:inline-block; border:1px solid #2c8bc3; color:#2c8bc3; background-color:transparent; border-radius:21px; padding:0 20px 0 26px; box-sizing:border-box;}
.news_pcon .word .h3 p i {color:#2c8bc3; padding-left:3px;}
.news_part:hover {box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.news_part:hover .news_pcon .pic img {transform:scale(1.2);}
.news_part:hover .news_pcon .word .h1 {color:#2c8bc3;}
.news_part:hover .news_pcon .word .h3 p {background-color:#2c8bc3; color:#fff;}
.news_part:hover .news_pcon .word .h3 p i {color:#fff;}
.news_list {border-bottom:1px dashed #ccc; height:38px; line-height:38px; position:relative; font-size:14px; overflow:hidden;}
.news_list .h1 .in {margin-right:118px;}
.news_list .h2 {position:absolute; top:0; right:0; color:#999;}
@media (max-width: 1000px) {
	.news_part {margin-bottom:10px;}
	.news_pad {padding:14px;}
	.news_thumb, .news_height {height:90px;}
	.news_pcon .news_thumb .word {padding-left:148px;}
	.news_pcon .word .h1 {font-size:16px; line-height:22px; height:auto; max-height:44px; overflow:hidden; margin-bottom:5px;}
	.news_pcon .news_thumb .word .h2 {display:none;}
	.news_pcon .word .h2 {line-height:24px; height:48px;}
	.news_pcon .word .h3 {padding-top:3px;}
	.news_pcon .word .h3 p {font-size:13px; height:28px; line-height:28px; padding:0 12px 0 18px;}
	.news_pcon .news_thumb .word .h3 {position:absolute; bottom:0; padding-top:0;}
	.news_part:hover {box-shadow:0 0 0 rgba(0,0,0,0);}
	.news_part:hover .news_pcon .pic img {transform:scale(1);}
	.news_part:hover .news_pcon .word .h1 {color:#000;}
	.news_part:hover .news_pcon .word .h3 p {background-color:transparent; color:#2c8bc3;}
	.news_part:hover .news_pcon .word .h3 p i {color:#2c8bc3;}
}

/*新闻详情*/
.news_tit {font-size:18px; font-weight:bold; text-align:center;}
.news_mes {font-size:13px; color:#999; text-align:center; background:#f4f4f4; padding:5px 0; margin:15px 0;}
.news_con {font-size:15px; line-height:25px;}
.news_con img {max-width:100%; height:auto;}
.news_con a {color:var(--main-color);}

/*资料整理中*/
.coming {text-align:center; padding:20px 0;}
.coming img {max-width:100%; width:300px; padding-bottom:15px;}
.coming p {font-size:15px; color:#222;}
@media (max-width: 640px) {
	.coming img {width:180px;}
}

/*上一页下一页*/
.prne {width:100%; height:35px; line-height:35px; overflow:hidden; background:#f0f0f0; margin-top:25px;}
.prne_in {width:96%; height:35px; margin:0 auto;}
.prne_in .fl {width:50%; height:35px; overflow:hidden;}
.prne_in .fr {width:50%; height:35px; overflow:hidden; text-align:right;}
.prne_in .fl p {width:80%; overflow:hidden;}
.prne_in .fr p {width:80%; overflow:hidden; float:right;}
.prne_in a:hover {text-decoration:underline;}
@media (max-width: 1000px) {
	.prne_in .fl span, .prne_in .fr span {display:none;}
}

/*移动端底部按钮*/
.dnav_zw {width:100%; height:56px; overflow:hidden;}
.dnav {height:56px; background:#fff; overflow:hidden; position:fixed; bottom:0; z-index:999;}
.dnav_bor {border-top:1px solid #e7e7e7;}
.dnav .pad {padding-top:6px; text-align:center;}
.dnav_part {width:20%; float:left; overflow:hidden;}
.dnav_part .tit div {font-size:25px; height:25px; line-height:25px; overflow:hidden; text-align:center;}
.dnav_part .tit div img {height:25px; vertical-align:top;}
.dnav_part .tit p {margin-top:2px; height:18px; line-height:18px; overflow:hidden;}
.dnav_part a {display:block; color:#5d656b; font-size:12px;}
.dnav_part_home {background-color:#2c8bc3; border-radius:20px; padding:6px 0; margin-top:3px;}
.dnav_part_home p {display:none;}
.dnav_part_home a {color:#fff;}

/*内页banner*/
.banner_in {width:100%; background-color:#ddd; background-repeat:no-repeat; background-position:center center; background-size:cover;}
@media (max-width: 1000px) {
	.banner_in {height:250px;}
}
@media (max-width: 640px) {
	.banner_in {height:150px;}
}

/*联系我们*/
.contact {position:relative;}
.contact_fl {margin-right:540px;}
.contact_fr {width:500px; position:absolute; top:0; right:0;}
@media (max-width: 1000px) {
	.contact_fl {margin-right:0;}
	.contact_fr {width:auto; position:static;}
}

/*分类拖动条*/
.cate {height:78px; position:relative; margin-bottom:40px;}
.cate:before, .cate:after {content:""; display:block; background-color:#ededed; left:0; width:100%; height:1px;}
.cate:before {top:0;}
.cate:after {bottom:0;}
.cate_ul {position:relative; overflow:hidden;}
.cate_ul:after {content:""; display:none; width:50px; height:100%; position:absolute; top:0; right:0; background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));}
.cate_ul ul {white-space:nowrap; width:fit-content;}
.cate_ul ul li {display:inline-block; vertical-align:top; margin-right:50px; height:78px; line-height:78px;}
.cate_ul ul li a {color:#9ca2a8; font-size:14px; text-transform:uppercase; display:block;}
.cate_ul ul li:last-child {margin-right:10px;}
.cate_ul ul li.on a, .cate_ul ul li a:hover {color:#222;}
@media (max-width: 1000px) {
	.cate_ul:after {display:block;}
	.catein {cursor:w-resize;}
}
@media (max-width: 640px) {
	.cate, .cate_ul ul li {height:60px;}
	.cate_ul ul li {line-height:60px; margin-right:30px;}
}

.left {width:284px; float:left; padding-bottom:30px;}
.left_top {width:100%; height:70px; line-height:70px; background-color:var(--main-color); position:relative;}
.left_top div {font-size:25px; font-weight:bold; color:#fff; text-indent:20px;}
.left_top p {position:absolute; top:50%; transform:translateY(-50%); right:15px; font-size:36px; color:#fff;}
.left_ul {background-color:#fff;}
.left_ul ul {padding:25px;}
.left_ul li {height:50px; line-height:50px; border:1px solid #ccc;}
.left_ul li:hover {border-color:var(--main-color);}
.left_ul li a .i {width:22px; height:22px; border-radius:50%; border:1px solid #ccc; background-color:#fff; font-size:12px; text-align:center; line-height:22px; position:absolute; top:50%; transform:translateY(-50%); right:15px; text-indent:3px; color:#ccc;}
.left_ul li.on a {background-color:#eaeaea;}
.left_ul li a {display:block; position:relative; text-indent:18px; font-size:14px;}
.left_ul li a:hover .i {background-color:var(--main-color); border-color:var(--main-color); color:#fff;}

.right {width:calc(100% - 284px - 30px); float:right; padding-bottom:30px;}
.right_pad {padding:16px 26px; border:1px solid #e4e4e4; background-color:#fff; min-height:400px;}
.right_top {border-bottom:2px solid var(--main-color); position:relative; padding-bottom:8px; margin-bottom:20px;}
.right_topin {font-size:20px; color:var(--main-color);}
.position {position:absolute; top:3px; right:0; font-size:14px;}

.pro_part {text-align:center; --marpix:12px; margin-bottom:18px;}
.pro_part .pic {border:1px solid #ddd; border-bottom:0; background-color:#fff;}
.pro_part .pic img {width:100%; padding:15px; box-sizing:border-box;}
.pro_part .tit {height:38px; line-height:38px; padding:0 12px; font-size:14px; border:1px solid #ddd; border-radius:0 0 5px 5px; color:#222; background-color:#fff; overflow:hidden; position:relative; z-index:1;}
.pro_part a {display:block; position:relative; overflow:hidden;}
.pro_part a:hover .pic, .pro_part a:hover .tit {border-color:var(--main-color2);}
.pro_part a:after {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background-color:rgba(0, 122, 255, 0.6); transform:translateY(100%); transition:all 0.3s ease-out; border-radius:0 0 5px 5px;}
.pro_part a:hover:after {transform:translateY(0);}

.pro_pic .fl {width:400px;}
.pro_pic .fr {width:calc(100% - 400px - 40px);}
.pro_h1 {font-size:24px; font-weight:bold; padding-bottom:20px;}
.pro_h2 {font-size:15px; padding-bottom:10px; border-bottom:1px dashed #ddd; margin-bottom:20px;}
.pro_tel {padding:8px 12px; font-size:18px; display:inline-block; font-weight:bold; background-color:var(--main-color); color:#fff; margin-top:20px;}

.pro_dtit {font-size:16px; font-weight:bold; background-color:var(--main-color); height:48px; line-height:48px; margin-bottom:10px; position:relative; margin-top:30px;}
.pro_dtit p {height:30px; line-height:30px; display:inline-block; background-color:#fff; color:var(--main-color); padding:0 20px; position:absolute; top:50%; transform:translateY(-50%); left:10px;}

.msgcon {padding-bottom:30px;}

.iblog {margin:40px 0 10px;}
.iblog_left {width:500px; float:left;}
.iblog_first .pic {margin-bottom:20px;}
.iblog_first .pic img {width:100%;}
.iblog_right {width:calc(100% - 500px - 50px); float:right;}
.iblog_li {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.iblog_li:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.iblog_h1 {font-size:15px; font-weight:bold; margin-bottom:10px; height:22px; line-height:22px; overflow:hidden;}
.iblog_h2 {line-height:22px; height:44px; overflow:hidden; font-size:14px;}
.iblog_h3 {height:66px;}

.nodata {text-align:center; padding:80px 0;}
.nodata img {width:250px; max-width:60%;}
.nodata p {padding-top:10px; color:#ccc; font-size:18px;}

.blink {text-align:center; padding:28px 0; background-color:#2b2b2b; font-size:14px; color:#fff; border-bottom:1px solid #939393;}
.blink a {margin:0 20px; color:#fff;}

.form_page {width:500px; margin:0 auto; padding:40px 0;}

.qrcode_show {text-align:center;}
.qrcode_show .pad {padding:25px;}
.qrcode_show img {width:100%;}
.qrcode_show p {height:20px; line-height:20px; overflow:hidden; margin-top:8px; font-size:14px;}

.irow {padding:70px 0;}
.irow_tit {font-size:36px; font-weight:bold; line-height:36px; height:36px; position:relative; text-align:center; margin-bottom:30px;}
.irow_tit p {display:inline-block; background-color:#fff; padding:0 12px; position:relative; z-index:2;}
.irow_tit span {color:var(--main-color);}
.irow_tit:after {content:""; display:block; width:100%; height:1px; position:absolute; top:50%; transform:translateY(-50%); left:0; background-color:#ddd; z-index:1;}
.irow_con {width:100%; height:488px; background:url("../images/irow.jpg") no-repeat center top; position:relative;}
.irow_h {font-size:20px; line-height:32px; position:absolute; font-weight:bold;}
.irow_h span {color:var(--main-color);}
.irow_h1 {top:56px; left:0;}
.irow_h2 {top:186px; left:0;}
.irow_h3 {top:318px; left:0;}
.irow_h4 {top:56px; right:0; text-align:right;}
.irow_h5 {top:186px; right:0; text-align:right;}
.irow_h6 {top:318px; right:0; text-align:right;}
.irow_gad {background-color:var(--main-color); text-align:center; padding:20px 0 30px;}
.irow_gad .h1 {font-size:30px; font-weight:bold; color:#fff;}
.irow_gad .h2 {font-size:16px; color:#fff; padding:5px 0;}
.irow_gad .span1, .irow_gad .span2, .irow_gad .span3 {height:46px; line-height:46px; color:#fff; display:inline-block; vertical-align:middle; padding:0 22px; border-radius:6px; margin:0 5px;}
.irow_gad .span1 {border:1px solid #fff; font-size:16px;}
.irow_gad .span2 {border:1px solid #eec60a; font-size:18px; font-weight:bold; background-color:#eec60a;}
.irow_gad .span2 a {color:#fff;}
.irow_gad .span3 {font-size:16px; padding:0 5px;}
.irow_gad .span3 span {font-size:20px; font-weight:bold;}

.index_tit {text-align:center; padding-bottom:50px;}
.index_tit .h1 {font-size:36px;}
.index_tit .h1 span {font-weight:bold; color:var(--main-color);}
.index_tit .h2 {font-size:18px; padding-top:5px;}

.iwhy {background-color:#f4f4f4; padding:70px 0; margin-bottom:80px;}
.iwhy_part {position:relative; margin-bottom:60px;}
.iwhy_part:last-child {margin-bottom:0;}
.iwhy_part .pic {float:right; width:682px;}
.iwhy_part .words {float:left; width:490px;}
.iwhy_part_r .pic {float:left;}
.iwhy_part_r .words {float:right;}
.iwhy_p {padding:40px 0 0 40px; margin-bottom:50px;}
.iwhy_p:last-child {margin-bottom:0;}
.iwhy_p1 {background:url("../images/p1.gif") no-repeat;}
.iwhy_p2 {background:url("../images/p2.gif") no-repeat;}
.iwhy_p3 {background:url("../images/p3.gif") no-repeat;}
.iwhy_p4 {background:url("../images/p4.gif") no-repeat;}
.iwhy_p .h1 {font-size:24px; padding-bottom:15px; white-space:nowrap;}
.iwhy_p .h2 {font-size:14px; line-height:24px; color:#595959;}

.iproducts {padding:70px 0;}
.ipro_part .mar {position:relative;}
.ipro_part .pic img {width:100%;}
.ipro_part .tit {width:100%; height:36px; line-height:36px; background-color:rgba(0, 0, 0, 0.4); color:#fff; font-size:15px; text-align:center; position:absolute; bottom:0; left:0;}
.ipro_part .mar:hover .tit {height:100%; background-color:rgba(0, 122, 255, 0.6);}
.ipro_part p {width:90%; height:36px; line-height:36px; position:absolute; top:50%; left:5%; transform:translateY(-50%);}

.iabout {background:url("../images/about_bg.jpg") no-repeat center bottom; min-height:588px;}
.iabout .fl {width:573px;}
.iabout .fr {width:568px;}
.iabout_tit {height:144px;}
.iabout_tit .h1 {font-size:40px;}
.iabout_tit .h1 span {font-weight:bold; color:var(--main-color);}
.iabout_tit .h2 {color:#999; font-size:18px; padding:5px 0;}
.iabout_tit .h3 {width:44px; height:6px; background-color:var(--main-color); overflow:hidden; margin-top:15px;}
.iabout_con {font-size:16px; line-height:30px; color:#fff;}
.iabout_more {padding-top:25px;}
.iabout_more a {color:#fff; background-color:#eec60a; border-radius:5px; display:inline-block; padding:10px 20px; font-size:15px;}

.iblock {padding:70px 0;}

.inews {width:655px; float:left;}
.inews_li {border-bottom:1px dashed #ddd; padding-bottom:15px; margin-bottom:15px;}
.inews_li .w, .inews_li .d {width:26px; height:26px; display:inline-block; background-color:#ababab; border-radius:50%; text-align:center; line-height:26px; color:#fff;}
.inews_li .d {background-color:var(--main-color);}
.inews_li .h1 {font-size:14px; line-height:26px; height:26px; overflow:hidden; margin-bottom:10px;}
.inews_li .h2 {font-size:14px; line-height:26px; height:52px; overflow:hidden; color:#666;}

.iform {width:460px; float:right;}
.iform_tit {padding:15px 0 10px;}
.iform_tit .h1 {font-size:22px; font-weight:bold;}
.iform_tit .h2 {font-size:16px; padding:5px 0;}
.iform_div {border:1px solid #ddd; border-radius:5px; overflow:hidden; margin-bottom:20px;}
.iform_div:last-child {margin-bottom:0;}
.iform_div .fl {width:76px; height:56px; line-height:56px; background-color:#f5f5f5; text-align:center; font-size:14px;}
.iform_div .fr {width:calc(100% - 76px); height:56px;}
.iform_div .fr input, .iform_div .fr textarea {width:100%; height:56px; border:0; font-size:14px; box-sizing:border-box; padding:0 15px;}
.iform_div .fr .pad {padding:16px 0;}
.iform_div .fr textarea {height:140px; line-height:24px;}
.iform_div2 .fl {height:178px;}
.iform_div2 .fr {height:auto;}
.iform_div3 {border:0;}
.iform_div button {height:50px; font-size:14px; color:#fff; background-color:var(--main-color); border-radius:5px; padding:0 30px;}
.iform_div .l {float:left;}
.iform_div .r {float:left; font-size:16px; font-weight:bold; padding:5px 0 0 22px;}
.iform_div .r span {color:var(--main-color);}

.ftitle {font-size:24px; height:36px; line-height:24px; position:relative; margin-bottom:15px;}
.ftitle span {color:var(--main-color);}
.ftitle:before, .ftitle:after {content:""; display:block; height:1px; position:absolute; bottom:0;}
.ftitle:before {background-color:#ddd; width:100%; z-index:1;}
.ftitle:after {background-color:var(--main-color); width:50px; z-index:2;}

.about_part {padding:50px 0; margin-bottom:20px;}
.about_part:last-child {margin-bottom:0;}
.about_part2 {background-color:#f4f4f4;}

.about_tit {text-align:center; padding-bottom:25px;}
.about_tit span {color:var(--main-color);}
.about_tit .h1 {position:relative;}
.about_tit .h1 p {font-size:26px; font-weight:bold; display:inline-block; padding:0 15px; background-color:#fff; position:relative; z-index:2;}
.about_part2 .about_tit .h1 p {background-color:#f4f4f4;}
.about_tit .h1:after {content:""; display:block; width:100%; height:1px; background-color:#e5e5e5; position:absolute; top:50%; left:0; z-index:1;}
.about_tit .h2 {font-size:14px; color:#999;}

.about_ul {text-align:center; padding:30px 0 0;}
.about_li {display:inline-block; margin:0 25px;}
.about_li .h1 {font-size:36px; font-weight:bold; color:var(--main-color); height:36px; line-height:36px; padding-bottom:8px;}
.about_li .h2 {font-size:14px;}

.about_bimg {text-align:center;}
.about_bimg img {width:550px;}
.about_bimg p {font-size:15px; height:20px; line-height:20px; overflow:hidden; margin-top:8px; display:none;}
.swiper-container-about .swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
	  z-index: 1;
    }
.swiper-container-about .swiper-slide-active, .swiper-container-about .swiper-slide-duplicate-active {transform:scale(1); z-index:10;}
.swiper-container-about .swiper-slide-active .about_bimg p, .swiper-container-about .swiper-slide-duplicate-activ .about_bimg p {display:block;}

.about_parpart {margin-top:20px; margin-bottom:0;}
.about_parpart .bor {border:4px solid transparent;}
.about_parpart img {width:100%;}
.about_parpart .mar:hover .bor {border-color:var(--main-color);}