:root {
    --main-hsh: #fffefe;
    --main-hhover: #fe860a;
    --main-hs: #000;
    --main-d2: #d2d2d2;
    --main-bs: #fff;
    --main-bss: #eee;
    --main-hss: #333;
    --main-ns: #ed7030;
    --main-zs: #555;
    --main-z6: #666;
    --main-nsh: #fe860a;
    --main-qhs: #ff860c;
    --main-fe: #fefefe;
    --main-h48: 48px;
    --main-f40: 40px;
    --main-f38: 3.8rem;
    --main-f30: 3rem;
    --main-f28: 2.8rem;
    --main-f24: 2.4rem;
    --main-f22: 2.2rem;
    --main-f20: 20px;
    --main-f18: 1.8rem;
    --main-f16: 1.6rem;
    --main-f14: 1.4rem;
    --main-f12: 1.2rem;
    --main-h80: 8rem;
    --main-h64: 6.4rem;
    --main-h60: 6rem;
    --main-h50: 5rem;
    --main-h36: 36px;
    --main-h35: 35px;
    --main-dx: uppercase;
    --main-center: center;
}
@font-face {
    font-family: 'pingfang_x';
    src: url('../fonts/pf_x.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "slick";
    src: url("../fonts/line-awesome.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
.font_x{font-family: "pingfang_x"}
.re{position: relative}
.ab{position: absolute}
.re p{position: absolute}
.flex{display: flex;justify-content: space-between;}
.flex_no{display: flex;}
.flex_c{display: flex;align-items: baseline}
.flex_t{display: flex;align-items: center; flex-wrap: wrap;}
.grid{display: grid;}
.auto{margin:0 auto;}
.f_c{text-align: center}
.main{margin:0 auto;font-size: 18px;}
/*pro_v*/
.swiper img{height: auto}
.pro_top.grid{grid-template-columns:30rem auto;grid-column-gap: 4.375rem}
.pro_top h1{font-size: 24px;padding:0.8% 0;line-height: 2;margin: 0}
.pro_top .pro_v_r{font-size: 18px}
.pro_v_r .p{font-size: 14px;line-height: 1;margin-bottom: 10px}
.pro_v_r p.price{font-size: 24px;color:#010101；}
.pro_v_r p u{text-decoration: line-through;}
.pro_inf p{line-height:1.5;border-bottom:1px solid #000;padding-bottom: 16px;margin-bottom: 0}
.p_s_t{line-height: 3.5;font-weight:700}

.c_bth.on{margin-top:40px;line-height:46px;display: block;width: 100%;background: #000;color:
        var(--main-bs);text-align:center}
.c_bth+.c_bth{margin-top: 10px}
.code_img img{width:90px}
.c_bth:hover{background: var(--main-ns);color:var(--main-bs)}
.c_bth{margin-top:40px;line-height:46px;border:1px solid #eee;display: block;width:
        100%;%color:#000;text-align:center}
.view{position: relative}
.view .swiper-pagination{line-height:1.5;padding-right:2%;position: absolute;right: 3%;text-align:right;bottom: 0;font-size:
        var(--main-f20)}
.preview{line-height: 1;margin-top:var(--main-f20);position: relative}
.preview *{line-height: 0;}
.preview .mySwiper{width:90%;}
.preview  .arrow{position: absolute;top:50%;transform:translate(0,-50%);background: url("../images/jt.png")
no-repeat;width:
        12px;height:
        20px;}
.preview .next{right:0;background: url("../images/jt1.png")
no-repeat;}
.swiper-slide-thumb-active{border: 1px solid var(--main-ns)}
.pro_content{margin-top: 10px;overflow: hidden;position: relative}
.pro_content img{width:100%;}
.read_more{font-size:var(--main-f20);position:absolute;bottom:0;left:0;background: #fff;height: 28rem;width: 100%;
    background: -webkit-linear-gradient(rgba(255,255,255,0.4),#fff); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(rgba(255,255,255,0.4),#fff); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(rgba(255,255,255,0.4),#fff); /* Firefox 3.6 - 15*/
    background: linear-gradient( rgba(255,255,255,0.4),#fff); /* 标准的语法 */
}
.read_more p{position: absolute;bottom: 5%;width: 100%;text-align: center}
.read_more p:hover{cursor: pointer}
.read_more p span{margin-left:10px;-webkit-transform:rotate(90deg);display: inline-block}
.p_s_box .p_s_b_s{margin-right:10px;padding:0 1em;line-height:46px;border:1px solid #eee;color:#000;text-align:center;margin-bottom:1em}
.p_s_box .p_s_b_s.on,.p_s_box .p_s_b_s:hover{border:1px solid #000;color:#000}
.pro_content .nav-tabs{text-align: center;padding-bottom: 2.4rem;margin-bottom: 1.5rem}
.pro_content .nav > li+li > a{padding:0;}
.pro_content .nav-tabs li{font-size: 30px;float: none;display: inline-block;margin: 0 4.2rem}
.pro_content .nav-tabs li a,.pro_content .nav > li > a:hover{border: none;background-color:transparent;}
.pro_content .nav-tabs > li > a:hover{border: none;}
.pro_content .nav-tabs li.active a{padding:5px 0;color:var(--main-ns);border: none;margin: 0;border: none;    box-shadow: inset
0 -3px 0 0 var(--main-ns)}
.pro_content .nav-tabs li.active a:before{content:"";width: 100%;height: 1px;background: var(--main-ns)}
.com_p_tit{text-transform:var(--main-dx);margin:30px 0;line-height:3;text-align:center;font-size:
    var(--main-h36);font-family:
    'pingfang_c';}

.p_tit{font-family:"pingfang_c";text-align:var(--main-center);color:var(--main-hs);font-size: var(--main-f20);margin:  20px 0 5px}
.com_p_tit:before,.com_p_tit:after{background:#1b1b1b;content:"";width:166px;height:
    3px;display:
    inline-block;position: relative;bottom: 12px}
.com_p_tit b{margin: 0 1.4rem}
.card{background:var(--main-hhover) url("../images/xiangqingye_b.png") no-repeat right bottom;padding:
        30px 0 15px 40px;margin-top:58px}
.pro_body .slick-prev, .pro_body .slick-next{top:32%;z-index:5}
.card.grid,.code.grid{grid-template-columns: repeat(2,1fr)}
.card_t{font-size: var(--main-f20)}
.code_img{line-height: 3}
.card_text{color:var(--main-bs);margin-left: 13px;flex: 1}
.card_info p:first-child{margin-bottom:25px}
.card_text p{margin: 0;line-height: 2}
.card_email{width: 80%}
.code_img p{margin-top: 10px;margin-left: -13px;}
.nav-tabs {
    border-bottom: 1px solid #dddddd;
}
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;} .slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} .slick-track:before,.slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;width:100%;height: auto}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
/*arrow*/
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 45%;

    display: block;

    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 50px;
    line-height: 1;

    opacity: .75;
    color:#ccc;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -51px;
}
[dir='rtl'] .slick-prev
{
    right: -51px;
    left: auto;
}
.slick-prev:before
{
    content: '\f118';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f11d';
}

.slick-next
{
    right: -5.10px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -5.10px;;
}
.slick-next:before
{
    content: '\f11d';
}
[dir='rtl'] .slick-next:before
{
    content: '\f11d';
}

.other.slick-initialized .item{margin: 0 21px}
.other figure {
    margin: 0;
}
/* Dots */.
          slick-dotted.slick-slider {margin-bottom:30px;}
.slick-dots {position:absolute;bottom:var(--main-f22);display:block;width:100%;padding:0;margin:0;list-style:none;text-align:var(--main-center);display:flex;align-items:var(--main-center);justify-content:var(--main-center);}
.slick-dots li {position:relative;display:inline-block;width:10%;max-width:10px;height:0.03rem;background:var(--main-bs);padding:0;cursor:pointer;}
.slick-dots li button {font-size:0;line-height:0;}
.slick-dots li.slick-active {height:0.07rem;background:var(--main-bs);border-radius:0.10px;}
/*content_two*/
.con_two_i{grid-template-columns: repeat(3,1fr);grid-column-gap: 5rem;padding:40px}
.con_t_tile{font-family: 'pingfang_c';line-height:1.2;font-size:24px;height: 60px}
.con_two_i:first-child{background:#f9f9f9 url("../images/xqy_b_2.png") no-repeat 64rem top }
.con_two_i:last-child{padding-bottom:0;background:#f3f1f1 url("../images/xqy_b_3.png")
no-repeat 273px 70px }
.con_t_item_img{width:50px;height:auto;flex: none;margin-right: 10px}
 /*content_three*/
.content_three{margin-top:70px}
.content_three .com_p_tit{line-height: 1;}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.h_tit{font-family:"pingfang_c";text-align:var(--main-center);color:var(--main-hs);font-size: var(--main-h36);padding-top: 100px;line-height:1.8;font-weight: 700}
.p_tit{font-family:"pingfang_c";text-align:var(--main-center);color:var(--main-hs);font-size: var(--main-f20);margin:  2rem 0 5rem}
.n_warp .h_tit{margin-top:110px;margin-bottom: 88px}
.pro_w .item h2{font-size: var(--main-f20);line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;    -webkit-box-orient: vertical;    word-break: break-all;    overflow: hidden;    text-overflow: ellipsis;}
.pro_w .item .f14{line-height: 2.2}
.click_more{display:block;margin-top:10px;width: 100px;line-height:40px;color:var(--main-bs);background:var(--main-hs);text-align:
        var(--main-center)}
.click_more:hover{color:var(--main-bs);background: var(--main-ns)}
.other.slick-initialized .item{margin: 0 0.5rem}
.tab-pane p {margin:0 0 20px;color:#666}
@media screen and (max-width: 640px){
	/*v_pro*/
    .pro_top.grid{grid-template-columns:100%}
    .pro_top .pro_v_r{margin-top:5%}
    .pro_top h1{font-size: 18px}
    .p_s_box .p_s_b_s{width: auto;line-height: 2.1rem;margin-right: 5px;padding:0 20px;}
    .c_bth,.c_bth.on{line-height: 3}
    .card.grid{grid-template-columns: 100%;grid-row-gap: 10px}
    /*about*/
    .about_item.grid{grid-template-columns: 100%;padding-top: 0;grid-row-gap: 5rem}
    .about_main .about_item:not(:nth-child(2)) .about_pic{grid-row: 1;}
    .about_txt,.about_pic,.about_txt1{width: 100%;height: auto}
    .about_pic,.about_main .about_item:nth-child(2) .about_txt{right: 0;}
	.card{padding:20px 0 10px 20px;margin-top:28px}
	.pro_content .nav-tabs li{font-size:18px;margin: 0 1rem;}
	.pro_content .nav-tabs{padding-bottom: 0.8rem; margin-bottom: 0.5rem;}
	.com_p_tit{font-size:18px}
	.com_p_tit:before,.com_p_tit:after{width:4rem;height:1px}
.content_one{grid-template-columns:100%;grid-row-gap: 16px;}
.con_one_t{min-height: 184px;}
.con_one_t .o_btn{width: 80%;line-height: 2.5}
.c_o_tit{line-height:3}
.con_two_i{grid-template-columns:100%;padding:20px}
.con_t_item_img{width: 40px;}
.con_t_item{justify-content: left}
.content_four{background-size: 80px}
.con_t_tile{font-size:16px;height:auto}
.tab-pane p{font-size:1rem}
.h_tit{font-size:24px}
.n_warp .h_tit{margin-top:40px;margin-bottom:35px;padding-top: 40px;}
.other.slick-initialized .item{margin:0 10px}
.pro_w .item h2{font-size:16px}
.pro_w .item .f14{font-size:12px}
.click_more{font-size:14px;width:88px;line-height:2}
.slick-prev:before, .slick-next:before{display:none}
}
.tab-pane .book ul li{ display:flex;align-items: flex-start; margin-bottom:2.5rem;}
.tab-pane .book ul li .tpleft{ position: relative;
    width: 10.2rem;}
.tab-pane .book ul li .cont{ flex:1;}
.tab-pane .book ul li .cont .formbut{width:100%;background:#f2f2f2; padding: 0.7rem 0.5rem;border:0px; height:3.125rem; line-height:normal;}
.tab-pane .book ul li .cont .formbit1{width:100%;background:#f2f2f2; border:0px; height:20.5rem;}
.tab-pane .book ul li.no2{ margin-bottom:1.9rem;}
.tab-pane .book ul li.no3{justify-content: flex-end;}
.tab-pane .book ul li.no3 a{ display:inline-block; width:13rem; line-height:5rem; background:#000000; color:#fff; font-weight:bold; text-align:center; font-size:1.9rem;cursor:pointer;}
.tab-pane .book ul li.no3 .send{ display:inline-block; width:13rem; line-height:2.875rem;padding:0; background:#4b76af; color:#fff;  text-align:center; font-size:1.9rem;cursor:pointer;}