@charset "utf-8";

body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family:"微软雅黑","Microsoft YaHei", sans-serif; overflow-x:hidden;}
*{ padding:0; margin:0;}
img{ max-width:100%;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
*{ margin:0; padding:0; outline:none; }
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
img{ max-width:100%; max-height:100%;}
.img img{ width:100%; height:100%;}
svg{ max-width:100%; max-height:100%;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1500{max-width: 1500px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{padding-top: 2.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 42px; height: 42px; line-height: 40px; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid #bcbcbc; border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1;
	stroke: none;
	stroke-dasharray: 0 , 62.5;
	stroke-dashoffset:31.25;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#cf1f26;
	stroke-dasharray:62.5 , 0;
	stroke-dashoffset:31.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#cf1f26;}

/*===========================header=============================*/

#header{ position: fixed; height:5.625rem; z-index:999; width:100%; transition:.6s;background-color: rgba(0, 0, 0, 0.2);}
#header .m1600{ height:100%; position:static;}
.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}
#header #logo{ }
#logo{ float:left; height:100%;}
#logo img{ height:62px; }
#nav{ position:absolute; right:0; top:0;}
#nav ul{ float:left;}
#nav ul li{ float:left; position:relative; z-index:0;}
#nav ul li a{ display:block; padding:0 1.7rem; text-transform:uppercase;}
#nav ul li h3{ font-size:1.125rem; color:#fff; line-height:5.625rem; overflow:hidden; position:relative; transition:.6s;}
#nav ul li.on h3{ font-weight:bold;}
#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}

#nav ul li.li0 .sub{width: 220px;margin-left: -110px;}


#nav ul li .sub{position:absolute;top:100%;background:#fff;background:rgba(255,255,255,.95);width: 160px;left:50%;margin-left: -80px;z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;box-shadow: 0 3px 5px rgba(0,0,0,0.15);}
/*#nav ul li:nth-child(3) .sub{width: 240px;margin-left: -120px;}*/
#nav ul li .sub .box{padding: 20px 20px;text-align:center;}
#nav ul li .sub a{padding:0;line-height:2;transition:.3s;font-size: .9rem;color: #666;}
#nav ul li .sub a:hover{color: #c1272d;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav>ul>li.on h3,#nav ul li:hover h3{ }
#nav>ul>li h3:after{ content:""; display:block; width:100%; height:3px; position:absolute; left:0; background:#c1272d; bottom:0px; transition:.3s; transform:scale(0);}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}

.search_btn{ height:5.625rem; line-height:5.625rem; cursor:pointer; width: 6.3rem; text-align: center; float:left; transition:.6s;}
#header .dw2{ float:left; height:5.625rem; /*width:10.9rem;*/ cursor:pointer; position:relative; margin-left:2rem; transition:.6s;padding: 0 2rem}
#header .dw2 .j_tab{ }
#header .dw2:after{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); right:0; top:0;}
#header .dw2.yuyan:before{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); left:0; top:0;}
#header .dw2 .dh{  height:29px; line-height:29px; text-align:center; font-size:1.4625rem; color:#fff; cursor:pointer; transition:.6s; }
#header .dw2 .dh i{font-size: 24px;margin-right: 5px}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #c1272d;left: 0;border: 1px solid #c1272d;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #c1272d;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

/**/
#logo .logo_black{ display:none;}
.top_search_black{ display:none;}
#header.xg{ position:fixed; top:0; background:#fff; background:rgba(255,255,255,.95); border-bottom:1px solid rgba(0,0,0,.1);}
#header.xg .search_btn{ }
#header.xg .dw2{ }
#header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;}
#header.xg #logo .logo_white,#header.xg .top_search_white{ display:none;}
#header.xg #nav ul li a h3{ color:#333; }
#header.xg .dw2 .dh{ color:#c1272d; }
#header.xg .dw2.yuyan:before{ background:rgba(0,0,0,.1);}
#header.xg .dw2:after{ background:rgba(0,0,0,.1);}


/*手机头部开始*/
#m_header{position: fixed;z-index:999;width:100%;height:4.5rem;left:0;top:0;padding:0 10px;background:#fff;display:none;border-bottom: #eaeaea 1px solid;}
#m_header #logo{ height:4.5rem; }
#m_header #logo img{max-height:60%;max-width: 70%;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav { z-index: 99999; position: fixed; background:#c1272d; width:17rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; overflow:hidden; 
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;}
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:5rem; height:5rem; color:#fff; padding:0; font-size:1.125rem; float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:5rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}


/*首页banner*/
#banner{ height:100vh; width:100%; position:relative; z-index:0; background:#000; overflow:hidden;}
#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}
#banner li{ position:relative;}
#banner li .img{ width:100%; height:100vh; z-index:8;  }	
#banner li .img img{ }
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to {-webkit-transform: scale(1);  transform: scale(1);}
}
@keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to {-webkit-transform: scale(1);  transform: scale(1);}
}
@-webkit-keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
@keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}

#banner .slick-current .img{ animation:bgscale 6s linear; animation-fill-mode: forwards; }


#banner .con{ position:absolute; width:100%; height:calc(100vh - 124px); top:0; left:0; z-index:999; }
#banner .txt{ margin:0 auto; color:#666;}
#banner .txt h3{ font-size:2.5rem;  text-transform:uppercase; margin-bottom:1rem; }
#banner .txt p{font-size: 1.5rem;line-height:3.5rem;text-transform:uppercase;display:block;}
#banner .txt .bn_btn{ display: inline-block; width:8.75rem; height:2.75rem; margin-right:25px; line-height:2.75rem; text-align:center; border-radius:30px; background:#fac943; color:#000; font-size:1rem; }
#banner .txt .bn_btn.white{ background:#fff;}
#banner li.slick-current{ z-index:999;}
#banner .con .txt .dd1{  width:100%; transition:1.1s .6s; opacity:0;/* transform:translateX(100px);*/}
#banner .con .box .dd2{ white-space:nowrap; transition:1.5s .6s; opacity:0;/* transform:translateX(150px);*/}
#banner .slick-current .txt .dd1{ transform:translateX(0px); opacity:1;}
#banner .slick-current .txt .dd2{ transform:translateX(0px); opacity:1;}
#banner .letter span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);min-width: 16px;font-family: "Swis721 BlkCn BT";}
#banner .slick-current .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}

.appendArrows{ padding-top:23rem;}
#banner .banner-arrow{ left:50%; top:50%; margin-top:0; width:46px; height:46px; background-size:46px !important; z-index:999; float:left; margin-right:10px; cursor:pointer;}
#banner .banner-prev{
	background:url(../images/banner_left.png) center no-repeat;
	}
#banner .banner-next{ 
	background:url(../images/banner_right.png) center no-repeat;
	}

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.n_body{ padding:5.625rem 0 0}
#header.xg01{ top:0}


/*====移动端导航====*/
#m_n_nav{background: #c1272d;display: none;line-height: 50px;position: relative;z-index: 99;width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #104a9e; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #104a9e;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}
#sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #104a9e; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #104a9e; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #c1272d;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #104a9e;}

/* 主体开始*/
.s_tt{ margin-bottom:3rem; overflow:hidden;}
.s_tt h3{ font-size:1.5rem; color:#333; font-weight:bold; float:left; line-height:3.125rem;}
.s_tt h3 span{ font-size:2rem; font-family:"Swis721 BlkCn BT"; margin-right:10px; }
.s_tt .btn_r{ float:right; width:9.625rem; height:3.125rem; line-height:3.125rem; text-align:center; display:block; font-size:1.0625rem; color:#fff; background:#c1272d; border-radius:3px; position:relative; z-index:1; overflow:hidden;}
.s_tt .btn_r:before{content:"";position:absolute; z-index:-1;left:auto;right:0;bottom:0;width:0;height:100%;background: #cf1f26;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.s_tt .btn_r:hover:before{left:0;right:auto;width:100%}

#s_mian{  }
#s_pro{ background:#f7f7f7; width:100%; overflow: hidden;}
#s_pro ul{ margin:0 -8px;}
#s_pro ul li{ padding:0 8px;}
#s_pro ul li .box{ display:block; background:#fff;}
#s_pro ul li .img{}
#s_pro ul li .img img{ transition:1s;}
#s_pro ul li:hover .img img{ transform:scale(1.1);}
#s_pro ul li .txt{ border:1px solid #e8e9eb; padding:2rem 2rem 3.375rem; text-align:center;}
#s_pro ul li .txt h5{ font-size:1.125rem; color:#212121; font-weight:bold; margin-bottom:1.25rem;}
#s_pro ul li .txt p{ font-size:.875rem; color:#747272; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#s_pro ul li .txt .btn_more{ position:relative; z-index:1; overflow:hidden; display:block; width:9rem; height:2.75rem; line-height:2.75rem; font-size:.875rem; color:#525252; margin:0 auto; border:1px solid #c5c5c7; border-radius:1.5rem; margin-top:2.3rem; transition:.5s;}
#s_pro ul li .txt .btn_more:hover{ color:#fff; }
#s_pro .btn_more:before{ content:""; width:200px; height:200px; border-radius:50%; transform-origin:center; transform:scale(0); background:#c1272d; position:absolute; z-index:-1;  top:50%; margin-top:-100px; right:50%; margin-right:-100px; transition:.5s;}
#s_pro .btn_more:hover:before{ transform:scale(1); }


#s_pro .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:50%; margin-top:-2rem; background-size:1.5rem !important;
    display:block;border-radius:50%; border:2px solid #d8d8d8;
    width: 4rem;
    height: 4rem;}
#s_pro .slick-prev{ left:3rem;
    background:url(../images/left_white.svg) center no-repeat;
    transition:300ms;
    -webkit-transition:300ms;
    }
#s_pro .slick-next{ right:3rem;
    background:url(../images/right_white.svg) center no-repeat;
    transition:300ms;
    -webkit-transition:300ms;
    }



.s_yewu ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 4px;
    border-radius: .625rem;
    overflow: hidden
}
.s_yewu ul li .box {
    display: block;
    position: relative
}

.s_yewu ul li .box .img:after {
    padding-top: 76.8%
}

.s_yewu ul li .box .txt {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    padding-top: 30%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.s_yewu ul li .box .tt {
    margin-bottom: 3.75rem
}

.s_yewu ul li .box .tt h4 {
    font-size: 2.175rem;
    color: #fff;
    margin-bottom: 1.275rem
}

.s_yewu ul li .box .tt span {
    display: block;
    margin-top: 1.275rem;
    font-size: 1.15rem;
    color: #fff;
}
.s_yewu .e_line-12 {
    margin: 0 auto;
    border-top-color: rgba(255, 255, 255, 1);
    border-top-style: solid;
    border-top-width: 3px;
    width: 32px;
    height: auto;
    max-height: none;
}

.s_yewu .s_button1 {
        border: none;
    transition: all .5s ease !important;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 200px;
    padding: 0px;
    max-width: none;
    height: 52px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(237, 35, 35, 1);
    font-size: 16px;
    line-height: 52px;
    border-radius: 0px;
    margin-top: 7%;
}
.s_yewu .s_button1:hover {
    transform: translateY(-10px);
    transition: all .5s ease !important;
    background-color: rgba(153, 153, 153, 1);
}


.s_about{ width: 100%; overflow: hidden; background: url(../images/s_about_bg.jpg) center no-repeat; background-size: cover;}
.s_about .m1600{ display: grid; grid-template-columns: 1fr 45.375rem; gap: 4.375rem; align-items: center;}
.s_about .txt{}
.s_about .txt .con{ font-size: .9375rem; line-height: 2.25rem; color: #6b6b6b;}
.s_about .txt ul{ display: flex; justify-content: space-between; margin-top: 5.625rem; flex-wrap: wrap;}
.s_about .txt ul li{ display: flex; flex-direction: column; align-items: center; flex-shrink: 0;}
.s_about .txt ul li span{}
.s_about .txt ul li span img{ width: 3.25rem; height: 3.25rem;  }
.s_about .txt ul li p{ margin-top: .5rem; font-size: 1rem; color: #737373;}
.s_about .txt ul li:hover span img{-webkit-animation: toRightFromLeft 0.0s;-moz-animation: toRightFromLeft 0.0s; animation: toRightFromLeft 0.0s;}
@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(25%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-25%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(25%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-25%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(25%);
    }
    50% {
        opacity: 0;
        transform: translate(-25%);
    }
    51% {
        opacity: 1;
    }
}
.s_about .img{}
.s_about .img img{}


.s_about .s_tt h3{ font-size: 2.25rem; color: #4c4c4c; font-weight: bold; margin-bottom: .875rem;float: none;}
.s_about .s_tt p{ font-size: 1.125rem; color: #6b6b6b;}



#s_news{}
#s_news .itembox{ margin: 0 -1rem;}
#s_news .item{ width: 33.3333%; float: left; padding: 0 1rem;}
#s_news .item .box{ display: block; background: #efefef; height: 35rem; position: relative;}
#s_news .item .img{}
#s_news .item .img img {
    max-height: 300px;
    min-height: 320px;
    transition: 1s;
}
#s_news .item .box:hover .img img{ transform: scale(1.05) rotate(.1deg);}
#s_news .item .tag{ position: absolute; width: 7.1875rem; height: 2.5rem; line-height: 2.5rem; font-size: .9375rem; text-align: center; background: rgba(131,132,133,.85); color: #fff; z-index: 9;}
#s_news .item .txt{ padding: 2rem;}
#s_news .item .txt h5{ font-size: 1.25rem; color: #434343;margin-bottom: .75rem; }
#s_news .time{ font-size: .875rem; color: #6d6d6d; display: block; margin-bottom: 1rem; padding-left: 20px; background: url(../images/ico_date.png) left center no-repeat; background-size: 12px;}
#s_news .item .txt p{ font-size: .875rem; line-height: 1.625rem; height: 3.25rem; overflow: hidden;color: #666}
#s_news .item .txt .btn_xq{ font-size: .875rem; color: #6d6d6d; height: 2rem; line-height: 2rem; margin-top: 1.25rem;}
#s_news .item .txt .btn_xq svg{ width: 7px; height: 12px; display: inline-block; vertical-align: middle;}

#s_news .scrollbox{ padding: 2rem; padding-top: 3.75rem; padding-right: 1rem; height: 100%; overflow: hidden;}
#s_news ul{ overflow: auto; height: 100%; padding-right: 1rem;}
#s_news ul li{}
#s_news ul li h5{ font-size: 1.25rem; color: #434343; line-height: 1.75rem; white-space: normal; margin-bottom: .5rem;}

#s_news a:hover h5 {
    color: #c1272d !important;
}
#s_news .scrollbox li span{ margin-bottom: 1.875rem;}
#s_news ul::-webkit-scrollbar {width:3px;height: 8px;background-color: #F5F5F5;}
#s_news ul::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
#s_news ul::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #e67015;-webkit-box-shadow:none;}


.s_lianxi {
    padding-top: 60px;
    padding-bottom: 50px;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/s_lianxi_bg.jpg) center no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.s_lianxi .m1600 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.s_lianxi .tt {
    text-align: center
}
.s_lianxi .tt h2 {
    font-size: 2.875rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1.25rem
}
.s_lianxi .tt h3 {
    font-size: 2.875rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1.25rem
}

.s_lianxi .tt p {
    font-size: 1.125rem;
    line-height: 1.7;
    color: #fff
}

.s_lianxi .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.s_lianxi hr{
    line_radio: 2;
    display-radio: 1;
    margin-bottom: 60px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: rgba(255, 255, 255, 0.5);
    width: 45px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.s_lianxi .btn_tansuo {
    margin: 0 auto;
    margin-top: 3rem
}
.btn_tansuo {
    width: auto;
    height: 3.4375rem;
    font-size: 1rem;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 4.5rem;
    border-radius: 3rem;
    background: rgba(255,255,255,0.2);
    position: relative;
    padding-right: 1.5rem;
}

.btn_tansuo span {
    transform: rotate(-45deg);
    width: 3.4375rem;
    height: 3.4375rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c1272d;
    position: absolute;
    left: -1px;
    top: 0;
    transition: .5s
}

.btn_tansuo span i {
    color: #fff;
    font-size: 1.25rem
}

.btn_tansuo:hover span {
    transform: rotate(0deg);
    background: #d5161e
}


#s_why{
    background: url(../images/s_why_bg.jpg) center center no-repeat;
}

 .why-header {
    text-align: center;
    margin-bottom: 60px;
}

.why-header h1 {
    font-size: 38px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.why-header h1::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: #fff;
}

.why-header p {
    font-size: 20px;
    color: #fff;
    margin-top: 25px;
}
        
        .advantages-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }
        
        .advantage-card {
            border:1px solid rgba(255,255,255,0.3);
            padding: 40px 30px;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        
        .advantage-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(0, 51, 153, 0.15);
            border-color: #fff;
        }
        
        .card-icon {
            width: 80px;
            height: 80px;
            background: #c1272d;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
        }
        
        .icon-svg {
            width: 40px;
            height: 40px;
            color: white;
        }
        
.card-title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.card-description {
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
}

.stats-badge {
    display: inline-block;
    background: #e6f0ff;
    color: #c1272d;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}


#foot{ width: 100%; overflow: hidden; background: #2b2b2b; padding-top: 4.25rem;}
#foot .box01{ display: flex; justify-content: space-between; gap: 7rem;}
#foot .box01 .left{width: 350px}
#foot .box02{ display: flex; justify-content: space-between; align-items: flex-start; gap: 7rem; border-top: 1px solid #474747; margin-top: 4.25rem; padding: 1.25rem 0;}
#foot .box03{ padding: 3rem 0 4rem; }
#foot .box02 .right{ flex-shrink: 0;}
.foot_ewm { display: flex; margin-top: .875rem;}
.foot_ewm .ewm { margin-right: 1.75rem;}
.foot_ewm .ewm .pic { position: relative; width: 7.75rem; height: 7.75rem; border: 1px solid #525252;
    padding: 7px;}
.foot_ewm .ewm .pic img {}
.foot_ewm .ewm p { font-size: .875rem; color: rgba(255, 255, 255, .57); text-align: center; padding-top: .9375rem;}
.foot_nav { display: flex; justify-content: space-between; flex-grow: 1;}
.foot_nav dl {}
.foot_nav dl dt { font-size: 1.125rem; color: #ffffff; padding-bottom: 1.25rem; position: relative;margin-bottom:1rem }
.foot_nav dl dt:before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -moz-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
}

.foot_nav dl dd { font-size: .875rem; color: #808080; line-height: 2.25rem; transition: .5s;}
.foot_nav dl dd:hover { color: #fff;}
.qr-scanner { position: absolute; left: 0; top: 0; height: 100%; width: 100%; pointer-events: none; }
.qr-scanner .box { height: 100%; width: 100%; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden;}
.qr-scanner .line {height: 100%;width: 100%;background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #e60012 211%);
    border-bottom: 1px solid #e60012;transform: translateY(-100%);animation: radar-beam 2s infinite;animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99);animation-delay: 1.4s;}
@keyframes radar-beam {
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0);}
}

.foot_logo{ margin-bottom: 2.5rem;}

.foot_lianxi{}
.foot_lianxi dl{ display: grid; grid-template-columns: 23px 1fr; grid-auto-rows: 1.75rem;}
.foot_lianxi dl dt{}
.foot_lianxi dl dd{ font-size: .875rem; color: #808080;}

.quicklink{ display: flex; flex-wrap: wrap; font-size: .875rem; color: #4c4c4c; line-height: 1.875rem;}
.quicklink i{ display: block; margin: 0 1rem;}
.quicklink a{ color: #4c4c4c; transition: .5s;}
.quicklink a:hover{ color: #fff;}
.copyright{ font-size: .875rem; color: #4c4c4c; line-height: 1.875rem; display:inline-block;}
.website{ font-size: .875rem; color: #4c4c4c; line-height: 1.875rem; display: block; transition: .5s;}
.website:hover{ color: #fff;}



.n_banner{ height: 24.125rem; width: 100%; overflow: hidden;}
.n_banner .m1600{ display: flex; height: 100%; align-items: center; justify-content: flex-start; text-align: left; }
.n_banner h3{color: #fff; font-size: 3.0rem; font-weight: bold; }
.n_banner p{color: #fff; font-size: 1.5rem; line-height: 1.5; margin-top: .875rem; margin-bottom: 1.25rem;}
.n_banner i{ display: block; width: 5.625rem; height: 4px; background: #e60012;}

.position { left: 0;bottom: 0; font-size: .9375rem;color: #747679; display: flex; align-items: center; height: 4rem;}
.position>svg{ margin-right: 5px;}
.position span, .position a, .position i {font-size: .8125rem;color: #a5a5a5; flex-shrink: 0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px .5rem;font-style: normal; width: 8px; height: 8px; }
.position span { color: #e60012;font-style: normal;}
.position em { color: #e60012;font-style: normal;}
.position a:hover {color: #e60012;}
.position svg {
    display: block;
}

.n_about{ width: 100%; overflow: hidden; }
/*.n_about .m1600{ display: grid; grid-template-columns: 1fr 25.375rem; gap: 4.375rem; }*/
.n_about .tt{ font-size: 1.5rem; color: #222222; margin-bottom: 2.25rem; padding-top: 2.5rem;}
.n_about .txt{ display: grid;}
.n_about .txt .con{ font-size: .9375rem; line-height: 2.25rem; color: #6b6b6b;}

.n_wenhua{ width: 100%; overflow: hidden; }
.n_wenhua ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2.5rem;}
.n_wenhua ul li{ overflow: hidden;}
.n_wenhua ul li .box{ display: block; position: relative;}
.n_wenhua ul li .img{}
.n_wenhua ul li .img img{ display: block; transform: none !important;}
.n_wenhua ul li .img:after{ padding-top: 133.88%;}
.n_wenhua ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: flex; align-items: flex-end; padding: 2rem; transition: .6s ease-in-out;}
.n_wenhua ul li .txt{ height: 1.5rem; overflow: hidden; transition: .6s ease-in-out;}
.n_wenhua ul li .txt h3{ font-size: 1.375rem; line-height: 1.5rem; color: #fff; font-weight: bold; margin-bottom: .75rem;}
.n_wenhua ul li .txt p{ font-size: 1rem; line-height: 1.5rem; color: #fff; opacity: 0; visibility: hidden; transition: .6s ease-in-out;}
.n_wenhua ul li:hover .mask{ background: rgba(0, 0, 0, 0.4);}
.n_wenhua ul li:hover .txt{ height: 5.25rem;}
.n_wenhua ul li:hover .txt p{ opacity: 1; visibility: visible;}

.n_tt{ text-align: center; margin-bottom: 3.75rem;}
.n_tt h3{ font-size: 1.875rem; color: #4c4c4c; font-weight: bold;}

.n_coop{ width: 100%; overflow: hidden; background: url(../images/n_coop_bg.jpg) center no-repeat; background-size: cover;}
.n_coop ul{ display: grid; grid-template-columns: repeat(5,1fr); column-gap: 3.125rem; row-gap: 2.875rem;}
.n_coop .pic{ background: #fff; border: 1px solid #e3e3e3; display: flex; align-items: center; justify-content: center; height:6rem;}


.n_lianxi{ padding-bottom: 3rem;}
.n_lianxi .m1600{ display: flex; gap: 3.125rem;justify-content: space-between !important;}
.n_lianxi .tt{}
.n_lianxi .tt h3{ font-size: 1.5rem; color: #4c4c4c; font-weight: bold; margin-bottom: 1rem;}
.n_lianxi .tt p{ font-size: 1rem; line-height: 1.875rem; color: #4c4c4c;}
.n_lianxi dl{ display: flex; line-height: 2.875rem;}
.n_lianxi dl dt{ margin-right: .75rem; height: 2.875rem; width: 1.5rem; display: flex; align-items: center;}
.n_lianxi dl dd{line-height: 2.875rem;}
.n_lianxi .txt{width:40% }
.n_lianxi .con{margin-top: 30px}
.n_lianxi .img img{width:500px;}

 .e_richText-64 {
    font-size: 16px;
    color: rgba(153, 153, 153, 1);
    margin-top: 10px;
    line-height: 1.8;
    margin-bottom: 0px;
    max-width: 800px;
}
 .e_form-23 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-top: 30px;
}
.e_form-23 > .p_formItem {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
 .e_container-24 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
}
.e_container-24 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}
 .form-control {
    border: 1px solid #e5e5e5;
    padding: 25px;
    padding-left: 40px;
}
 .e_container-24 .cbox-24-1 {
    margin-left: 30px;
}


.e_input-26 .p_input {
    background: url(../images/5970f4c7-cbb1-4b30-8f63-99471279dddd.jpg) no-repeat left 10px center;
    background-size: 26px
}

.e_input-25 .p_input {
    background: url(../images/a68f0829-5f2d-418b-b91d-42e0905bc76d.jpg) no-repeat left 10px center;
    background-size: 26px
}

.e_clueEmail-63 input {
    background: url(../images/8802181e-94d8-448d-873c-9a94d66f72c9.jpg) no-repeat left 10px center;
    background-size: 26px
}

.p_input {
    background: url(../images/1f3de85b-e488-4a74-9ac6-4dc074b204f2.jpg) no-repeat left 10px top 20px;
    background-size: 26px
}
.e_formBtn-41 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 200px;
    padding: 12px 8px;
    height: auto;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 30px;
    background-color: #e93223;
    border-style: none;
    border-width: 1px;
    border-color: #e93223;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: normal;
    font-size: 14px;
}
.e_formBtn-41:hover {
    background-color: rgba(50, 80, 111, 1);
    border-style: none;
    border-color: rgba(9, 98, 189, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}


.n_nav{}
.n_nav ul{ display: flex; justify-content: center; gap: 2rem;}
.n_nav ul li{  }
.n_nav ul li a{ font-size: 1rem; color: #4c4c4c; width:9.0625rem; max-width: 100%; height: 3.125rem; display: flex; align-items: center; justify-content: center; font-size: .9375rem;color: #494949;border-radius: 1.875rem;position: relative;z-index: 0;overflow: hidden;transition: all ease 600ms;}
.n_nav ul li a:before {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 100%;border-radius: 1.875rem;box-sizing: border-box;border: 1px solid #eeeeee;transition: all ease 600ms;z-index: -1;}
.n_nav ul li a:after {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 100%;background: #e60012;transition: all ease 600ms;z-index: -1; opacity:0; visible:hidden;}
.n_nav ul li.on a:before {border: 2px solid #e60012;}
.n_nav ul li.on a:after { opacity:1; visible:visible; }
.n_nav ul li.on a {color: #fff;}

.n_nav ul li a:hover:before {border: 2px solid #e60012; background:#e60012}
.n_nav ul li.on a:after { opacity:1; visible:visible; }
.n_nav ul li a:hover {color: #fff;}



.n_news {}

.n_news ul#content_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3.75rem;
    row-gap: 3.125rem;
}

.n_news ul li {}

.n_news .box {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
    height: 100%;
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
    background: #fff;
}
.n_news.arrstyle .bd{ margin: -15px;}
.n_news.arrstyle .box{ margin: 15px; box-shadow: 0px 1px 15px rgba(217, 223, 226, 0.5);}
.n_news .box .img {}

.n_news .box .img img {}

.n_news .box .img:after {
    padding-top: 61.7%;
}

.n_news .box .txt {
    background: #fff;
    padding: 1.875rem 2.875rem 3.4375rem;
}

.n_news .box .txt h4 {
    font-size: 1.125rem;
    line-height: 1.875rem;
    height: 3.75rem;
    overflow: hidden;
    color: #000000;
}

.n_news .box .txt h5 {
    font-size: 1.125rem;
    line-height: 1.875rem;
    overflow: hidden;
    color: #000000;
}

.n_news .box .txt p {
    font-size: .875rem;
    color: #868686;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    margin-top: .75rem;
    margin-bottom: 2.25rem;
}

.n_news .box .txt span {
    white-space: nowrap;
    flex-shrink: 0;
    font-size: .75rem;
    color: #c1272d;
    width: 90px;
    height: 22px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #c1272d;
    border-color: #c1272d;
}
.clear-50{
    width: 100%;
    clear: both;
    height: 50px;
}

.n_news_xq .m1600{ display: flex; align-items: flex-start;}
.left_con{ flex-grow: 1; max-width: 100%; }
.right_con{ width: 23.25rem; flex-shrink: 0; margin-left: 2.5rem; position: sticky; top: 8rem;}
.right_con .borderbox{ padding:2.5rem  1.875rem; background: #f5f7f9; background-size: 100%; }
 .slick-dotted.slick-slider{ margin-bottom: 0;}
.news_tuijian01{}
.right_con .tt{ display: flex; align-items: flex-end; margin-bottom: 1.5rem;}
.right_con .tt span{ font-size: 1.125rem; color: #9a9b9c; text-transform: capitalize; margin-left: 10px;}
.right_con .tt h3{ font-size: 1.375rem; color: #4c4c4c; }
 
.news_tuijian02{ border-top: 1px solid #dcdee0; padding-top: 1.25rem;  }
.news_tuijian02 li a{ }
.news_tuijian02 li h5{ line-height: 2.5rem;  width: 100%; font-size: .9375rem; color: #808080; width: 100%; transition: .5s; }
.news_tuijian02 li h5:hover{ color: #e60012;}

.n_news_xq .ar_title {
    margin-bottom: 2rem;
    border-bottom: #e7ecec 1px solid; 
    position: relative; padding-bottom: 1.25rem;
}
.txt_center{ text-align: center !important; margin-bottom: 5px !important;}
.n_news_xq .ar_title h3 {
    font-size: 1.875rem;
    color: #4c4c4c;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: bold;
}
.n_news_xq .ar_title h6 { width: 100%;  display: flex; justify-content: space-between;}
.n_news_xq .ar_title h4 { width: 100%;  display: flex; justify-content: center;}
.n_news_xq .ar_title .tag{ display: flex; flex-flow: wrap; column-gap: 3.5rem; line-height: 1.5;}
.n_news_xq .ar_title span {
    position: relative;
    font-size: .9375rem;
    color: #a7a7aa;
    display: inline-block; display: flex; align-items: center; 
}
.n_news_xq .ar_title h6 span svg { margin-right: 5px;
}
.shart_box {
    display: inline-block;
    cursor: pointer
}
#share-21.social-share {
     white-space: nowrap;
}
#share-21.social-share .social-share-icon {
    display: inline-block;
    border: #dbdcdf 1px solid;
    color: #a0a0a0 !important;
    width: 27px;
    height: 27px;
    line-height: 27px;
  font-size: 13px;
}
#share-21.social-share .social-share-icon:hover {
    border: #e60012 1px solid !important;
    background: #e60012 !important;
    color: #fff !important;
}
#share-21.social-share .icon-wechat .wechat-qrcode .qrcode {
    height: 105px;
}
.ar_fot2{  background: url(../images/end.png) center top no-repeat; padding-top: 2rem; margin-top: 2rem; font-size: .9375rem; color: #8f8f8f;}
.ar_fot2 a{ display: inline-block; font-size: .9375rem; line-height: 1.7; padding: .5rem 0; color: #8f8f8f;}
.ar_fot2 a[href]:hover{ color: #e60012;}

.news_tuijian03{}
.news_tuijian03 ul{ display: grid; gap: 1.5rem;}
.news_tuijian03 ul li{}
.news_tuijian03 ul li a{}
.news_tuijian03 ul li .img{}
.news_tuijian03 ul li .img img{}
.news_tuijian03 ul li h4{ font-size: .875rem; line-height: 1.5rem; color: #4c4c4c; padding-top: 1rem; transition: .4s;}
.news_tuijian03 ul li:hover h4{ color: #e60012;}


.n_join01{}
.n_join01 .box{ display: grid; grid-template-columns: .6fr .4fr; gap: 2rem; border: 1px solid #ededed; padding: 2.25rem 3.125rem;}
.n_join01 .tt{ font-size: 1.375rem; color: #4c4c4c; display: flex; align-items: center; margin-bottom: 1.25rem;}
.n_join01 .tt svg{ margin-right: .75rem; width: 1.875rem; height: 1.875rem;}
.n_join01 .left .txt{ font-size: .9375rem; color: #4c4c4c; line-height: 2.25rem;}
.n_join01 .right .txt{ font-size: .9375rem; color: #4c4c4c; line-height: 1.875rem;}
.n_join01 .right .txt a{ color: #E60012; text-decoration: underline;}

.n_join02{}
.n_join02 .gridbox{ display: grid; grid-template-columns: .35fr .23fr .23fr .20fr 18px; padding: 0 4rem; align-items: center;}
.n_join02 .hd{ height: 3.75rem; background: #e2e4e5; border-bottom: 1px solid #dcdfe2;}
.n_join02 .hd img{ margin-right: .625rem;}
.n_join02 .hd span{ font-size: 1rem; color: #4c4c4c; display: flex; align-items: center;}
.n_join02 dl:nth-child(even){ background: #f5f7f9;}
.n_join02 dt{ height: 3.875rem; font-size: 1rem; color: #525355; cursor: pointer;}
.n_join02 dt h4:hover{color: #E60012;}
.n_join02 dt span{}
.n_join02 dt i{ display: block; width: 15px; height: 15px; position: relative;}
.n_join02 dt i:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -.5px; background: #949495;}
.n_join02 dt i:after{ content: ""; display: block; width: 100%; height: 1px; position: absolute; transform: rotate(90deg); transition: .5s; left: 0; top: 50%; margin-top: -.5px; background: #949495;}
.n_join02 dd{ margin: 0 4rem; display: none; padding: 1.75rem 0 2.5rem; border-top: 1px solid #e4e6e7;}
.n_join02 dd .txt{ font-size: .9375rem; line-height: 1.875rem; color: #4c4c4c;}
.n_join02 dd .btn_apply{ margin-top: 2.5rem;}
.n_join02 dt.on i:after{transform: rotate(0deg);}

.btn_goback{ width: 9.0625rem; height: 3.125rem; line-height: 1; display: flex; align-items: center; justify-content: center; background: #e60012; color: #fff; border-radius: 1.625rem;}
.btn_goback:hover{ background: #ce0616; }


#n_case{ width: 100%; overflow: hidden; }
#n_case ul.xs_jianju{ margin-top: -1rem;}
#n_case ul.xs_jianju li{ width: 33.333%; float: left; padding: 1rem;}
#n_case ul.xs_jianju li a{ display: block; background: #fff;}
#n_case ul.xs_jianju li .img{}
#n_case ul.xs_jianju li .img img{ transition: 1s;}
#n_case ul.xs_jianju li:hover .img img{ transform: scale(1.1) rotate(.1deg);}
#n_case ul.xs_jianju li .txt{ padding: 1.5rem 2.5rem; background: #eee;}
#n_case ul.xs_jianju li .txt h5{ font-size: 1.25rem; color: #535353; margin-bottom: .75rem;}
#n_case ul.xs_jianju li .txt p{ font-size: .875rem; color: #676565; background: url(../images/ico_tag.png) left center no-repeat; padding-left: 1.5rem; background-size: .875rem;}



.n_pro_xq {}

.n_pro_xq .m1600 {
    display: flex;
    align-items: flex-start;
}

.pro_left_con {
    width: 24.5rem;
    flex-shrink: 0;
    position: sticky;
    top: 20px;
    margin-right: 3.4375rem;
}

.pro_right_con {
    flex-grow: 1;
}

.n_product_center {
            background-color: #fff;
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .n_header {
            background-color: #c1272d;
            color: #fff;
            padding: 24px 30px;
        }
        .n_header h2 {
            font-size: 28px;
            font-weight: normal;
            line-height: 1;
            margin-bottom: 8px;
        }
        .n_header p {
            font-size: 18px;
            opacity: 0.9;
            letter-spacing: 2px;
        }
        .n_menu {
            list-style: none;
            padding: 0;
        }
        .n_menu_item {
            position: relative;
            border-bottom: 1px solid #eee;
            cursor: pointer;
        }
        .n_menu_item:last-child {
            border-bottom: none;
        }
        .n_menu_item .n_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 30px;
            font-size: 16px;
            color: #333;
            transition: color 0.2s;
            position: relative;
        }
        .n_menu_item:hover > .n_title,
        .n_menu_item.n_on > .n_title {
            color: #c1272d;
        }
        .n_menu_item:hover > .n_title::before,
        .n_menu_item.n_on > .n_title::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 6px;
            background-color: #c1272d;
        }
        .n_menu_item .n_p_arrow {
            width: 16px;
            height: 16px;
            fill: #999;
            transition: transform 0.2s, fill 0.2s;
            transform: rotate(180deg);
        }
        .n_menu_item:hover .n_p_arrow,
        .n_menu_item.n_on .n_p_arrow {
            fill: #c1272d;
        }
        .n_submenu {
            display: none;
            list-style: none;
            padding-left: 40px;
        }
        .n_submenu li {
            padding: 12px 0;
            font-size: 14px;
            color: #666;
            border-bottom: 1px solid #f5f5f5;
            transition: color 0.2s;
        }
        .n_submenu li:hover {
            color: #c1272d;
        }
        .n_submenu li:last-child {
            border-bottom: none;
        }


.prolist {}

.prolist ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.25rem;
    row-gap: 1.25rem;
}

.prolist ul li {}

.prolist ul li a {
    display: block;
    height: 100%;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(229, 229, 229, 1);

    transition: .5s;
}
.e_line-4 {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(229, 229, 229, 1);
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    min-height: 0px;
    max-height: 1px;
    height: auto;
    position: relative;
}
.e_line-4:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 2px;
    background: #c1272d;
    z-index: 1;
    transition: all .5s ease
}
.prolist ul li a:hover .e_line-4:before {
    width: 100%
}

.e_line-9 {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #c1272d;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-top: 0px;
    min-height: 0px;
    max-height: none;
    height: auto;
    position: relative;
    width: 0px;
    margin-left: 0px;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.prolist ul li a:hover .e_line-9 {
    width: 100%;
}
.prolist ul li a:hover .e_line-9:before {
    width: 0%;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 2px;
    background: #c1272d;
    z-index: 1;
    transition: all .5s ease;
}




.prolist ul li a .img {}

.prolist ul li a .img img {

        transform: scale(1);
    transition: all 0.5s
}

.prolist .img:after {
    padding-top: 79%;
}

.prolist ul li a:hover img {
    overflow: hidden;
    -webkit-transform: scale(1.1);
    transition: all .5s ease
}



.prolist ul li a .txt {
        padding: 1.5rem 2.1125rem;
    position: relative;
}

.prolist ul li a .txt span {
    display: inline-flex;
    position: absolute;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 1.5625rem;
    padding: 0 .875rem;
    border-radius: 1.125rem;
    background: #c1272d;
    color: #fff;
    font-size: .8125rem;
}

.prolist ul li a .txt h4 {
    font-size: 1.25rem;
    color: #000000;
    line-height: 1.625rem;
    height: 3.25rem;
    overflow: hidden;
    margin-top: 2.4375rem;
}

.prolist ul li a:hover {
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
}

.pro_slide {
    width: 28rem;
    margin-right: 5rem;
    position: relative;
}

.pro_slide .swiper {
    overflow: visible;
    min-height: 22.5rem;
}

.pro_slide .swiper-pagination {
    bottom: 0 !important;
}

.pro_slide .swiper-pagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    margin: 0 6.5px !important;
    border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #757575;
    background: none;
    opacity: 1;
}

.pro_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #af1e28;
    background: #af1e28;
}


.pro_xq01 {
    display: flex;
}

.pro_info {
    flex-grow: 1;
}

.pro_info .tt {
    padding-bottom: 1.75rem;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 3.5rem;
}

.pro_info .tt span {
    display: inline-flex;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 2.1875rem;
    padding: 0 1.75rem;
    border-radius: 1.125rem;
    background: #af1e28;
    color: #fff;
    font-size: 1rem;
}

.pro_info .tt h3 {
    font-size: 1.875rem;
    color: #000000;
    font-weight: bold;
}

.pro_info .tag {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 2rem;
}

.pro_info .tag span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    color: #414141;
    margin-right: 10px;
    margin-bottom: 14px;
    height: 2.5rem;
    padding: 0 1.875rem;
    border-radius: 1.25rem;
    border: 1px solid #e7e7e7;
}

.btn_xq {
    display: inline-flex;
    align-items: center;
    transition: .5s;
    position: relative;
    justify-content: center;
    width: 10.5rem;
    height: 3.125rem;
    border-radius: 2.5625rem;
    background: #eeeeee;
    color: #af1e28;
    font-size: 1rem;
}

.btn_xq svg {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: .5rem;
}

.btn_xq:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .5s;
    position: absolute;
    border-radius: 2.5625rem;
    border: 1px solid #af1e28;
    opacity: 0;
    visibility: hidden;
}

.btn_xq:hover:before {
    opacity: 1;
    visibility: visible;
}

.btn_xq:hover {
    background: #af1e28;
    color: #fff;
}

.btn_xq:hover path {
    fill: #fff;
}

.pro_xq02 {
    padding-top: 3.25rem;
}

.pro_xq02 .hd {
    margin-bottom: 3.75rem;
    position: relative;
    z-index: 99;
    position: sticky;
    top: 0px;
    padding-top: 20px;
    background: #fff;
}

.pro_xq02 .hd:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    transition: .5s;
    background: #e6e6e6;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro_xq02 .hd ul {
    display: flex;
}

.pro_xq02 .hd ul li {
    margin-right: 3.125rem;
    font-size: 1rem;
    color: #000000;
    position: relative;
}

.pro_xq02 .hd ul li:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    transition: .5s;
    background: #af1e28;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro_xq02 .hd ul li a {
    display: block;
    height: 2.5rem;
    font-size: 1rem;
    color: #000000;
}

.pro_xq02 .hd ul li.on {}

.pro_xq02 .hd ul li.on:before {
    width: 100%;
    left: 0;
    right: auto;
}

.pro_xq02 .bd {}

.pro_xq02 .bd .item {
    padding-bottom: 3.5rem;
}

.pro_xq02 .bd .tt {
    font-size: 1.625rem;
    color: #343434;
    font-weight: bold;
    margin-bottom: 2rem;
}