@charset "utf-8";
/* CSS Document */
body{ font-size:100%;line-height:1.1; width:100%; min-width: 1200px; position:relative; font-family:"微软雅黑", sans-serif; overflow-x:hidden; background: #fff; }
*{ 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; box-sizing: border-box; }
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%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
li:hover .img img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); }
svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
.ovh{ overflow: hidden; width: 100%;}
.m{ max-width: 1200px; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:70px;}
.pad_bot{ padding-bottom:70px;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; 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: 2px solid rgba(100%,100%,100%,.5); 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: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s 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:#0081cc;}
/*===========================header=============================*/
svg{ display: inline-block; vertical-align: middle;}
#header{ position:fixed; z-index:999; width:100%; }
#header:after{ content: ""; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; bottom: 0; z-index: -1;}
#header>.m{ height:100%; position: static; }
#header .fr{ position: absolute; right: 0; left: calc(50% - 450px);}
#nav ul li>a,#header>.m{ height: 103px;}
#logo{ float: left;}
#logo a{display: block;line-height: 99px;height: 103px;}
#logo img{ display: inline-block; vertical-align: middle;}
#nav{ float: left; width: calc(100% - 350px); }
#nav ul{ }
#nav ul li{ float:left; width: 11.111%; position:relative; z-index:1; text-align: center;}
#nav ul li:before{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:#e73827;transition:.5s;z-index: -1;}
#nav ul li.on:before, #nav ul li:hover:before{ height:100%}
#nav ul li a{ display:block; text-transform:uppercase;}
#nav ul li h3{font-size:1.125rem;display: inline-block;white-space: nowrap;margin-bottom: 5px;margin-top: 30px;color:#fff;position:relative;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;font-weight: 600;}
#nav ul li span{ display: block; font-size: 16px; color: #fff; color:rgba(255, 255, 255, 0.3); font-family: BarlowCondensed-Regular;}
#nav ul li.on h3,#nav ul li:hover h3{ color:#fff;}
#nav ul li.on span,#nav ul li:hover span{color: rgba(255, 255, 255, 0.7) !important;}
#nav ul li:hover{ z-index: 2;}
#nav ul li .sub{ position:absolute; top:100%; background:rgba(50,50,50,.85); width:100%; left:0; z-index: 10000; display: none;  }
#nav ul li .sub .box{ text-align: center; padding: 10px 0;}
#nav ul li .sub a{ padding:0; line-height:2; color: #fff; transition:.3s; font-size:15px;}
#nav ul li .sub a:hover{ color:#fff; }
.top_menu{ float: right; width: 310px; height: 100%; line-height: 103px; position: relative; font-size: 2.5rem; font-family: BarlowCondensed-Regular;  align-items: center; text-align: center; color: #fff; }
.top_menu:after{ content: ""; display: block; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; bottom: 0; z-index: -1;}
.top_menu img{ margin-right: 18px;}
/***********************/
/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
#m_header .m{ position:relative; height:100%;}
.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}
.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}
.m_user a svg{ width: 16px;}
.m_user a:hover{ color: #ff0000;}
.m_user a:hover svg path{ fill: #ff0000;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;}
#m_logo img{ display:block; max-height: 60%;}
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#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; padding-bottom:4px; transition:.5s;-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.375rem;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.375rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 1.375rem;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.375rem;height: 3px;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: #939393;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#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:#ff0000; background: #e80808; width:20rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; overflow:hidden; 
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    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.3);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:4.5rem; height:4.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:4.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:35px;height: 35px;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: 1000;background-color: rgba(0,0,0,0.4);display: none;}

/*顶部搜索*/
.wap_search{ font-size:16px;border-radius: 5px; color:#fff;text-align:center; font-family:arial;letter-spacing:2px;line-height:40px; transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden; width: 100%;}
.wap_search form{height:40px;border-radius:20px; background:rgba(255,255,255,.25);position:relative;width: 18rem; margin: 20px auto; }
.wap_search .input{ font-size:.875rem; color:#fff; height:40px; line-height:40px; padding-left:1.5rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.wap_search .btn_blue{ position:absolute; cursor:pointer; top:0; right:0; width: 50px;height:40px; line-height:40px; border:0; background:url(../images/seach_white.svg) center no-repeat; background-size: 1.5rem;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.9); }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */

/*首页banner*/
#banner{  width:100%; overflow: hidden; position: relative; top:0; left:0; z-index:9; background:#fff; }
#banner .banner_slider{ margin: 0; }
#banner li{ position:relative; }
#banner li .img{ width:100%; height:100vh; background-size: cover !important; z-index:8; -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }	
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
#banner .slick-active .img{ animation:bgscale 6s linear forwards; -webkit-animation:bgscale 6s linear forwards; }
#banner .m{ height:100%;}
#banner li.slick-current{ z-index:999;}
#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; }
#banner .txt{ margin:0 auto; color:#fff; text-align:left; margin-top:0; opacity: 0; transform:translateY(-100px); transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); }
#banner .txt img{ display: inline-block; }
#banner .txt h3{ font-size: 30px;}
#banner .txt h4{ font-size: 60px; font-weight: bold; margin-top: 20px; margin-bottom: 36px;}
#banner .txt .ico{}
#banner li.slick-current{ z-index:999;}
#banner .slick-current .txt{ opacity: 1; animation:enter 1.3s ease forwards; -webkit-animation:enter 1.3s ease forwards; }
  
#banner .swiper-pagination{ position: absolute; bottom: 3rem; left: 50%; margin-left: -680px; text-align: left;}
#banner .swiper-pagination span{ display: inline-block; width: 11px; height: 11px; margin-bottom: 24px; position: relative; background: url(../images/bot.png) center 11px no-repeat; opacity: 1 !important; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
#banner .swiper-pagination span:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 0; border: 1px solid rgba(255,255,255,1); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#banner .swiper-pagination span.swiper-pagination-bullet-active:before{ background: #fff; }

@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
 
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{ position:absolute; background: #d9d9d9; border-radius: 2px; overflow: hidden; top:50%; z-index:9999; width: 11rem; left:50%; margin-left: -5.5rem; margin-top: -5.5rem; padding: 1rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box h5{ padding-top: 1rem; font-size: .875rem; color: #6c6c6c;text-align:center;}

.btn_arr2{display: block;margin-top: 5rem;width: 190px;height: 50px;line-height: 50px;text-align: center;background: #eeeff0;color: #575555;font-size: .9375rem;letter-spacing:1px;border-radius: 1.875rem;-webkit-border-radius: 1.875rem;-moz-border-radius: 1.875rem;-ms-border-radius: 1.875rem;-o-border-radius: 1.875rem;transition: .5s;}
.btn_arr2 font{ margin-left: 10px; display: inline-block; vertical-align: middle; width: 20px; height: 10px; border-radius: 50%; position: relative;  overflow: hidden;}
.btn_arr2 font:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/btn_arr.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 15px; transition: .5s;}
.btn_arr2 font:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/btn_arr2.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 15px; transition: .5s;}
.btn_arr2:hover font:before{ left: 0;}
.btn_arr2:hover font:after{ left: 100%; opacity: 0;}

.btn_arr2:hover{ color:#fff}

#banner .slickdotbox{ top:50%; margin-top: -100px; bottom: auto; width: 5px; height: 120px; position: absolute; right: 50%; margin-right: -600px; }
#banner .slick-dots ul{ }
#banner .slick-dots li{ margin:0; display: block; margin-top: 10px;}
#banner .slick-dots li button{ width: 20px; height: 20px; padding: 0;}
#banner .slick-dots li button:before{ content:""; position:absolute; left: 0; top: 0; display:inline-block; width:100%; height:100%; border:2px solid #fff; background: none; opacity: 0; transform: scale(.3); transition: .5s; border-radius: 50%; box-sizing:border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(.3); -moz-transform: scale(.3); -ms-transform: scale(.3); -o-transform: scale(.3); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#banner .slick-dots li button:after{ content:""; position:absolute; left: 0; top: 0; display:inline-block; width:100%; height:100%; background: #fff; border-radius: 50%; transform: scale(.4); box-sizing:border-box; opacity:1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(.4); -moz-transform: scale(.4); -ms-transform: scale(.4); -o-transform: scale(.4); }
#banner .slick-dots li.slick-active button:before{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

#s_shuzi{ margin-top: -140px; position: relative; z-index: 9;}
#s_shuzi:before{ content: ""; display: block; width: 50%; height: 100%; position: absolute; left: 0; top: 0; background: #fff;}
#s_shuzi ul{ position: relative; display: inline-block; background: #fff; padding-right: 20px;}
#s_shuzi ul li{ overflow: hidden; float: left; height: 140px; padding-top: 40px;}
#s_shuzi ul li+li{ margin-left: 110px;}
#s_shuzi ul li .counter{ color: #e73728; font-family: BarlowCondensed-Bold; float: left; margin-right: 20px;}
#s_shuzi ul li .counter span{ font-size: 64px; }
#s_shuzi ul li .counter font{ font-size: 40px; position: relative; top: -20px; color: #e73728; }
#s_shuzi ul li .txt{ float: left; padding-top: 10px; line-height: 1.7; font-size: 16px; color: #000000;}
#s_shuzi ul li .txt span{ display: block;}
#s_shuzi ul li .txt p{}

#s_area{background: #fcfdfd url(../images/s_area_bg.jpg) center no-repeat;background-size: cover;}
.s_tt{ text-align: center; margin-bottom: 36px;}
.s_tt h3{ font-size: 28px; color: #000000; font-weight: bold;}
.s_tt span{ font-weight: normal; font-size: 26px; color: #ef9124; font-family: arial; margin-left: 13px;}
.s_tt p{ margin-top: 16px; color: #a3a3a3;}

#s_area .hd{ width: 243px; float: left; background: #fff; box-shadow: 0px 0px 4.35px 0.65px rgba(0, 0, 0, 0.02);}
#s_area .bd{ width: 932px; float: right;}
#s_area .hd ul li{ height: 118px; padding: 36px; position: relative; cursor: pointer;}
#s_area .hd ul li+li:after{ content: ""; display: block; width: 167px; height: 1px; position: absolute; left: 36px; top: 0; background: #e5e5e5;}
#s_area .hd ul li h5{ font-size: 20px; color: #000000; margin-bottom: 11px;}
#s_area .hd ul li span{ font-size: 16px; color: #b8b8b8; text-transform: capitalize;}
#s_area .bd{ background: #fdfcfd url(../images/s_area_bd.jpg) right bottom no-repeat;}
#s_area .bd ul li{ overflow: hidden; padding: 25px;}
#s_area .bd ul li .img{ width: 440px; height: 422px; float: left; margin-right: 30px;}
#s_area .bd ul li .img img{}
#s_area .bd ul li .txt{ padding-top: 60px;}
#s_area .bd ul li .txt .tt{ margin-bottom: 28px;}
#s_area .bd ul li .txt .tt h5{ font-size: 20px; color: #000000; font-weight: bold; margin-bottom: 8px;}
#s_area .bd ul li .txt .tt span{ font-size: 16px; color: #b6b5b6; font-family: arial;}
#s_area .bd ul li .txt .con{ font-size: 15px; color: #a1a1a1; line-height: 32px; height: 128px; overflow: hidden;}
#s_area .bd ul li .btn_arr2{ display: inline-block; margin-top: 48px; }
#s_area .hd ul li.slick-current{ background: url(../images/s_area_li.jpg) center no-repeat;}
#s_area .hd ul li.slick-current:after{ opacity: 0;}
#s_area .hd ul li.slick-current h5{ color: #fff;}
#s_area .hd ul li.slick-current span{ color: #fff;}
#s_area .bd ul li .btn_arr2:hover{background: #a22217;}

#s_area .hd ul li.slick-current + li:after{ opacity: 0;}

#s_rukou{ background: url(../images/s_rukou_bg.jpg) center no-repeat; height: 577px; overflow: hidden;}
#s_rukou .left{ width: 50%; float: left; text-align: right; padding:75px 65px; color: #fff;}
#s_rukou .right{ width: 50%; float: right; padding:75px 65px; color: #282828;}
#s_rukou .btn_arr2{ display: inline-block;}
#s_rukou .left .btn_arr2{ background: #fff; color: #e73728;}
.btn_arr2.white font:before,.btn_arr2.white font:after{ background: url(../images/btn_arr2.png) center no-repeat; }
#s_rukou .left .btn_arr2.white font:before{ background: url(../images/btn_arr.png) center no-repeat; }
#s_rukou .tt{ margin-bottom: 68px;}
#s_rukou .tt font{ font-size: 40px; font-family:'Times New Roman', Times, serif; font-weight: bold; }
#s_rukou .tt h3{ font-size: 30px; font-weight: bold; margin-top: 20px; margin-bottom: 5px;}
#s_rukou .tt span{ font-size: 26px; opacity: .3;}
#s_rukou .con{ font-size: 15px; line-height: 32px; opacity: .5;}

#s_rukou .btn_arr2:hover{background: #a22217;color: #fff;}

#s_liucheng{}
#s_liucheng ul{ position: relative; padding: 0 2rem; z-index: 1;}
#s_liucheng ul:after{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; top: 50%; z-index: -1;}
#s_liucheng ul li{ text-align: center; height: 380px; position: relative; cursor:pointer}
#s_liucheng ul li img{ display: inline-block;}
#s_liucheng ul li .pic{ }
#s_liucheng ul li:nth-child(odd):before{ content: ""; display: block; width: 11px; height: 54px; background: url(../images/arr_up.png) center no-repeat; position: absolute; bottom: 50%; left: 50%; margin-left: -5.5px;}
#s_liucheng ul li:nth-child(even):before{ content: ""; display: block; width: 11px; height: 54px; background: url(../images/arr_down.png) center no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -5.5px;}
#s_liucheng ul li:nth-child(even) .pic{ position: absolute; bottom: 0; left: 0; width: 100%;}
#s_liucheng ul li:nth-child(even) .txt{ position: absolute; bottom: 50%; left: 0; width: 100%;}
#s_liucheng ul li:nth-child(odd) .txt{ position: absolute; top: 50%; left: 0; width: 100%;}
#s_liucheng ul li .txt{padding: 15px 0;margin: 15px 0;transition: .5s; border-radius:4px}
#s_liucheng ul li .txt h5{ font-size: 16px; color: #262626; font-weight: bold;}
#s_liucheng ul li .txt p{ font-size: 14px; color: #7f7f7f; line-height: 24px;}
#s_liucheng ul li .txt span{ font-size: 26px; color: #737373; font-family: BarlowCondensed-Regular;}
#s_liucheng ul li .dot{ width: 21px; height: 21px; background: #ededed; border: 3px solid #fff; transition: .5s; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); border-radius: 50%; padding: 0; position: absolute; left: 50%; margin-left: -10.5px; top: 50%; margin-top: -10.5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_liucheng ul li:hover .dot{ background: #e73728; }
#s_liucheng ul li:hover .txt{ background: #e73728;}
#s_liucheng ul li:hover *{ color:#fff !important}

#s_zhiwei{ background: url(../images/s_zhiwei_bg.jpg) center no-repeat; background-size:  cover; overflow: hidden;}
#s_zhiwei .s_tt{ text-align: left;}
#s_zhiwei .s_tt h3{ color: #fff;}
#s_zhiwei .s_tt span{ color: #fff;}
#s_zhiwei .s_tt p{ color: #fff; opacity: .5;}
#s_zhiwei .hd{ overflow: hidden; display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 40px;}
#s_zhiwei .hd .s_tt{ float: left; margin-bottom: 0;}
#s_zhiwei .hd .btn_arr2{ float: right; margin-top: 0;}

#s_zhiwei .hd .btn_arr2:hover{background: #a22217;}
#s_zhiwei ul{ margin: 0 -20px; margin-top: -35px;}
#s_zhiwei ul li{ width: 50%; float: left; padding: 0 20px; margin-top: 35px;}
#s_zhiwei ul li a{ display: block; background: #fff; height: 115px; position: relative;}
#s_zhiwei ul li .txt{ padding: 26px; padding-top: 30px;}
#s_zhiwei ul li .price{ width: 178px; position: absolute; right: 0; top: 0; height: 100%; background: #e73728; color: #fff; padding-left: 20px; padding-top: 26px;}
#s_zhiwei ul li .price:before{ content: ""; border:14px solid transparent; display: block; border-right:12px solid #e73728; position: absolute; top: 50%; margin-top: -14px; left: -23px; }
#s_zhiwei ul li .price span{ display: block; font-size: 30px; margin-top: 5px;}
#s_zhiwei ul li .txt h5{ font-size: 18px; color: #2d2d2d; font-weight: bold; margin-bottom: 15px; transition:.5s}
#s_zhiwei ul li .txt p{ font-size: 16px; color: #989898;}
#s_zhiwei ul li .txt p span+span{ margin-left: 30px;}

#s_zhiwei ul li a:hover .txt h5{ color:#e73728}

#s_coop{ background: url(../images/coop_bg.jpg) center no-repeat; background-size: cover;}
.s_coop li{ position: relative;}
.s_coop li .pic{position: absolute;left: 0;top: 0;right: 10px;height: 165px;padding: 42px;text-align: center;line-height: 80px;}
.s_coop li .pic_box{overflow:hidden;height: 100%;}
.s_coop li .pic img{ display: inline-block; vertical-align: middle; transition:.5s}
.s_coop li h5{text-align:center;font-size:15px;color:#000000;padding: 15px 10px 0 0;}

.s_coop li:hover .pic img{ transform:scale(1.15)}

.s_coop .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-12px; transform:translate(0,0); opacity:1;
	display:block; width: 14px; height: 24px; background-size:14px !important;}
.s_coop .slick-prev{ left:-5rem;background:url(../images/coop_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.s_coop .slick-next{ right:-5rem; background:url(../images/coop_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}

#s_case{ padding-top: 65px; margin-top: 65px; border-top: 1px solid #e4e4e4;}
#s_case ul{ margin: 0 -15px;}
#s_case ul li{ width: 33.33%; float: left; padding: 0 15px;}
#s_case ul li a{ display: block; position: relative;}
#s_case ul li .img{}
#s_case ul li .img img{ display: block;}
#s_case ul li .txt{ border: 1px solid #e2e2e2; padding: 30px 20px; transition:.5s}
#s_case ul li .txt *{ transition:.5s}
#s_case ul li .txt h5{ font-size: 20px; color: #000000; font-weight: bold; margin-bottom: 18px;}
#s_case ul li .txt p{ font-size: 15px; line-height: 26px; color: #9a9a9a;}
.btn_more{ font-size: 16px; color: #acacac; font-family: arial; margin-top: 25px;}
.btn_more svg{ width: 20px; height: 20px; margin-left: 10px;}
.btn_more svg path{ fill: #acacac;}
.btn_more:hover{ color: #e73728;}
.btn_more:hover svg path{ fill: #e73728;}

#s_case ul li:hover .txt{ background:#e73728; border:#e73728 1px solid}
#s_case ul li:hover .txt *{ color:#fff !important; fill:#fff !important}

#s_case ul li:hover .btn_more{ color: #e73728;}
#s_case ul li:hover .btn_more svg path{ fill: #e73728;}
#s_case .btn_arr2{ display: block; margin: 0 auto; margin-top: 50px;}
#s_case .btn_arr2:hover{background: #a22217;}

.foot_link{ margin-bottom: 10px; }
.foot_link .fr{ line-height: 33px; font-size: 12px; margin-right: 17px;}
.s_foot_link{cursor:pointer;overflow:visible;position: relative;text-align:left; width: 220px; height: 35px; float: right;}
.s_foot_link .tanchu{ box-sizing:border-box;position:absolute;bottom:35px;border-bottom:0;display: none;left:0;right:0;border-bottom: 1px solid #aaa; }
.s_foot_link .tanchu:before{content:"";width:0px;height:0px;position:absolute;bottom:1px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{max-height:200px;background: #ccc; display:block;padding:10px 1.5rem;overflow:auto;border: 1px solid #bebdbd;}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a {color: #767575;line-height: 2rem;display:block;font-size: .875rem;}
.s_foot_link .tanchu a:hover{ color: #666 !important; }
.s_foot_link .bnt_link.a {padding-left:1rem;color: #767575; background: #bebdbd; font-size:.875rem; line-height: 33px;width: 100%;height:33px;box-sizing:border-box;text-decoration:none;position: relative;z-index:1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 2rem;}
.s_foot_link .bnt_link.a>img{ height: .9375rem; margin-right: .625rem; position: relative; top: -1px;}
.s_foot_link .bnt_link.a.icon_un img{ transform: rotate(180deg);}
.s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height:31px;width:.9375rem;text-align:center;height:100%;margin-right:1rem;position: absolute;right: 0;top: 0;}

#foot{ background: url(../images/foot_bg.jpg) center no-repeat; background-size: cover; color: #fff; padding-top: 40px; padding-bottom: 0;}
#foot .foot_lianxi{float: left;margin-right: 75px;padding-left: 24px;position: relative;}
#foot .foot_lianxi svg{position: absolute;left: 0;top: -2px;width: 15px;}
#foot .foot_lianxi p{ font-size: 15px; font-weight: bold;}
#foot .foot_lianxi h6{ font-size: 26px; font-family: BarlowCondensed-Bold; margin-top: 5px; margin-bottom: 2px;}
#foot .foot_lianxi span{ font-size: 12px; opacity: .5;}
#foot .foot_add{float: left;padding-left: 24px;position: relative;}
#foot .foot_add svg{position: absolute;left: 0;top: -2px;width: 15px;}
#foot .foot_add h6{ font-size: 15px; font-weight: bold; margin-bottom: 8px;}
#foot .foot_add p{ font-size: 14px; line-height: 20px;}
.foot_nav a{font-size: 14px;display: inline-block;margin: 0 10px;transition: .5s;}
.foot_nav a:hover{ color:#e73728}

.copyright{ overflow: hidden; margin-top: 30px; padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 13px; color: rgba(255, 255, 255, 0.5); line-height: 25px;}
.foot_share{ font-size: 0;}
.foot_share a{ display:block; margin-left: 15px; float: left; width: 25px; height: 25px;}

.online_q {  position: fixed; right: 2rem; bottom: 10%; z-index: 997; transition:.5s; -webkit-transition:.5s;  }
.online_q .btn2{width:70px;height:70px;margin-bottom: 10px;background: #fff;border: 1px solid #d8d8d8;cursor:pointer;position:relative;transition: .5s;}
.online_q .btn2 a{  font-size:12px; color:#fff;}
.online_q .btn2 span{display:block; text-align: center; padding: .5rem 0; font-size: 12px; color: #0c0c0c; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.5s; }
.online_q .btn2 span svg{width:1.75rem;height: 1.75rem;display:block;margin: 0 auto;margin-bottom: .375rem;}
.online_q .btn2 span svg path{ transition: .5s;}

.online_q .open{ position:absolute; background:#eee; box-shadow: 0px 2px 5.52px 0.48px rgba(11, 11, 11, 0.08); top:50%; right:100px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic{ width:140px; height:140px; top:50%; margin-top:-70px; }
.online_q .open.pic img{ width:120px; height:120px; margin-top:10px; margin-right:10px;}
.online_q .open.txtbox{  width:160px; height:66px; right:100px; box-sizing: border-box; box-shadow: 0px 2px 5.52px 0.48px rgba(11, 11, 11, 0.08); top:50%; margin-top:-33px; background:#eee; padding-top:18px; padding-left: 20px; text-align:left; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.txtbox h5{ font-size: 14px; color: #666;  }
.online_q .open.txtbox p{ font-size: 24px; line-height: 30px; font-family: BarlowCondensed-Bold; color: #e73728;}
.online_q .btn2:hover .open{ opacity:1; right:85px;visibility:visible;}
.online_q .open:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #eee; position:absolute; right:-15px; top:50%; margin-top:-10px;}
#gotop{ padding:0; transition:.5s; background: #e73728; text-align: center; border: 0; line-height: 60px; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
#gotop svg{ width: 35px; height: 35px; display: inline-block; vertical-align: middle; margin-bottom: 0;}
#gotop.hide{height:0; overflow:hidden; display:block !important;}
.online_q .btn2:hover span svg{ animation: jello 1s; -webkit-animation: jello 1s; fill:#fff}

.online_q .btn2:hover { background: #e73728; border:#e73728 1px solid; color:#fff}
.online_q .btn2:hover span svg path{ fill:#fff}
.online_q .btn2:hover span{ color:#fff}

#header.xg{background:#fff;box-shadow: 0 0 15px rgba(0,0,0,.05);}
.xg .top_menu:after{ background:rgba(0,0,0,.2)}
.xg #nav ul li h3{ color:#262626}
.xg #nav ul li span{ color:#262626; opacity:.4}
.xg .top_menu{ color:#e73728}

.xg #nav ul li.on h3, .xg #nav ul li:hover h3{color: #fff;}


.n_banner{height:330px;position:relative;background-size: cover !important;}
.n_container{ overflow:hidden; background:url(../images/n_about_fl01_bg.jpg) center top no-repeat; background-size:100% auto}

.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*内容样式*/
.ar_article{ width:100%}
.ar_article td,
.ar_article th{ padding:15px 10px; border: 1px solid #ededed; vertical-align:middle;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed; width:100%}
.ar_article table tr:not(:first-child) td{}
.ar_article table td { border-left: 1px solid #ededed;border-top: 1px solid #ededed; }
.ar_article{font-size: 1.0625rem;color: #5b5b5b;line-height: 2.125rem; }
.ar_article p{font-size: 16px;color: #737373;line-height: 34px;margin-bottom: 30px;}
.ar_article p:last-child{ margin-bottom:0}
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article img{ display:inline-block;}

.n_about{ padding:80px 0 50px; }
.n_about .fl01 .m{ display:flex; justify-content:space-between;}
.n_about .fl01 .left{ width:calc(100% - 415px); padding:34px 90px 0 0; position:relative;}
.n_about .fl01 .left .top h6{ font-size:18px; color:#e73728; font-weight:bold; position:relative; padding:0 0 0 32px; text-transform:uppercase;letter-spacing: 4px;}
.n_about .fl01 .left .top h6:before{ content:""; position:absolute; top:50%; left:0; width:17px; height:3px; background:#e73728; margin-top:-1.5px;}
.n_about .fl01 .left .top h2{ font-size:60px; color:#2a2a2a; font-weight:bold; text-transform:uppercase; margin:10px 0 60px}
.n_about .fl01 .left .top h2 font{ color:#e73728}
.n_about .fl01 .left .top h3{ font-size:24px; color:#3d3d3d; margin-bottom:30px}
.n_about .fl01 .right{ width:415px; position:relative}
.n_about .fl01 .right:before{ content:""; position:absolute; border:#e73728 1px solid; top:0; right:0; bottom:0; left:0}
.n_about .fl01 .right .img{ transform:translateX(-10px) translateY(10px)}

.n_about .fl02{ border-top:rgba(0,0,0,.1) 1px solid; padding:50px 0 0; margin-top:52px}

.list_box_01{ display:flex; justify-content:space-between}
.list_box_01 li{ text-align:center;}
.list_box_01 li h5{ font-size:16px; color:#262626; font-weight:bold; margin:20px 0 10px}
.list_box_01 li h6{ font-size:14px; color:#262626; opacity:.7}

.n_contact .fl01{ position:relative;}
.n_contact .m{display:flex;position: initial;}
.n_contact .fl01 .left{ width:50%; min-height:936px; display:flex; align-items:center}
.n_contact .fl01 .left .top h6{ font-size:18px; color:#e73728; font-weight:bold; position:relative; padding:0 0 0 32px; text-transform:uppercase;letter-spacing: 4px;}
.n_contact .fl01 .left .top h6:before{ content:""; position:absolute; top:50%; left:0; width:17px; height:3px; background:#e73728; margin-top:-1.5px;}
.n_contact .fl01 .left .top h2{ font-size:60px; color:#2a2a2a; font-weight:bold; text-transform:uppercase; margin:10px 0 60px}
.n_contact .fl01 .left .top h2 font{ color:#e73728}
.n_contact .fl01 .left .top h3{ font-size:24px; color:#3d3d3d; margin-bottom:50px}
.n_contact .fl01 .right{position:absolute;top:0;right:0;bottom:0;/* left:0; */width:48vw;}

.list_box_02 li{ margin-bottom:32px}
.list_box_02 li a{ display:flex}
.list_box_02 li a .ico{ width:46px; padding:26px 0 0}
.list_box_02 li a .con h5{ font-size:16px; color:#7b7b7b; line-height:1; margin-bottom:6px}
.list_box_02 li a .con h3{ font-size:30px; color:#010101; line-height:1; font-family: BarlowCondensed-Regular;}
.list_box_02 li a .con h4{ font-size:20px; color:#010101; line-height:34px;}
.list_box_02 li a .con h2 img{ width:127px; border:rgba(0,0,0,.1) 1px solid; margin:8px 0 0}

#miso_map{ height:100%}

.n_renming{ padding:60px 0}

.list_box_renming{margin: 0 -15px;display:flex;flex-wrap:wrap;margin-bottom: -30px;}
.list_box_renming li{width: 100%;padding: 0 15px;margin-bottom:30px;}
.list_box_renming li a{display: flex;position: relative;background: #fff;padding: 20px; transition:.5s}
.list_box_renming li .img{ width:280px; height:192px}
.list_box_renming li .img img{display: block;height: 192px;}
.list_box_renming li .txt{width:calc(100% - 280px);padding: 30px 20px 0 30px;height: 192px;}
.list_box_renming li .txt h5{ font-size: 20px; color: #000000; font-weight: bold; margin-bottom: 18px; transition:.5s}
.list_box_renming li .txt p{ font-size: 15px; line-height: 26px; color: #9a9a9a;transition: .5s;}
.list_box_renming li .txt .bottom{display:flex;justify-content:space-between;margin-top: 25px;align-items: center;}
.list_box_renming li .txt .bottom h6{color: #b5b5b5; font-size:16px;transition: .5s;}
.list_box_renming li .txt .bottom .btn_more{ margin-top:0}

.list_box_renming li a:hover{ box-shadow: 0px 0px 12.61px 0.39px rgba(0, 0, 0, 0.09);;}
.list_box_renming li a:hover .txt h5, .list_box_renming li a:hover .txt .bottom h6{color: #e73827;}
.list_box_renming li a:hover .btn_more{ color: #e73827;}
.list_box_renming li a:hover .btn_more svg path{ fill: #e73827;}

/*====翻页====*/
.j_pages{margin: 50px auto 0 auto;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:  center;display: flex;justify-content: center;align-items: center;}
.j_pages a{padding: 0px 12px;height: 34px;line-height: 32px;display:inline-block;margin: 0 7px;color: #868686;font-size: 14px;box-sizing: border-box;min-width: 34px;border: #dedede 1px solid;border-radius: 17px;transition: .5s;vertical-align: top;background: #fefefe;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#666666}
.j_pages .on, .j_pages a:hover{color: #fff;background: #e73728;border: #e73728 1px solid;}
.j_pages span{}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.j_pages form{display: flex;align-items: center;}
.j_pages span{display:inline-block;font-size: 14px;color: #868686;margin:0 0 0 10px;/* vertical-align: top; */}
.j_pages form input{width: 34px;height: 34px;border: none;font-size: 14px;color: #868686;margin: 0 0 0 10px;text-align:center;border-radius: 17px;border: #dedede 1px solid;transition: .6s;background: #fefefe;}
.j_pages form input[type="submit"]{width: 4rem;cursor:pointer;border: #e73728 1px solid;transition: .6s;background: #e73728; color:#fff}

.n_case{ padding:60px 0}

.list_box_case{margin: 0 -15px;display:flex;flex-wrap:wrap;margin-bottom: -30px;}
.list_box_case li{ width: 33.33%; padding: 0 15px; margin-bottom:30px}
.list_box_case li a{ display: block; position: relative;}
.list_box_case li .img{}
.list_box_case li .img img{ display: block;}
.list_box_case li .txt{border: 1px solid #e2e2e2;padding: 30px 20px;transition: .5s;}
.list_box_case li .txt h5{font-size: 20px;color: #000000;font-weight: bold;margin-bottom: 18px;transition: .5s;}
.list_box_case li .txt p{font-size: 15px;line-height: 26px;color: #9a9a9a;transition: .5s;}

.list_box_case li:hover .txt{ background:#e73728; border:#e73728 1px solid}
.list_box_case li:hover .txt *{ color:#fff !important; fill:#fff !important}

.list_box_case li:hover .btn_more{ color: #e73728;}
.list_box_case li:hover .btn_more svg path{ fill: #e73728;}
.list_box_case .btn_arr2{ display: block; margin: 0 auto; margin-top: 50px;}
.list_box_case .btn_arr2:hover{background: #a22217;}


.search_box input.text {padding: 0 30px;width: calc(100% - 168px);height: 60px;line-height: 58px;color: #333;font-size: 14px;background: none;border: #d1d1d1 1px solid;}
.search_box .item {width: 252px;height: 34px;background: #fff;overflow: hidden;transition: .3s;position: relative;z-index: 1;}
.search_box .item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border: #efeff2 1px solid;z-index: -1;}
.search_box .item.search{}
.search_box .tijiao {right: 0;position: absolute;width: 168px;height: 60px;top: 0px;background: #e73728;z-index: 1;font-size: 18px;color: #fff;cursor: pointer;transition: .5s;}
.search_box .tijiao:hover{ opacity:.8}

.n_zhiwei{ padding:60px 0}
.list_box_zhiwei{ margin:46px 0 -20px}
.list_box_zhiwei li{ margin-bottom:20px}
.list_box_zhiwei li a{ display:flex; align-items:center; height:60px; padding:0 28px; background:#fff; justify-content:space-between; transition:.5s}
.list_box_zhiwei li a .ll{ width:420px; font-size:18px; color:#2d2d2d; font-weight:bold; transition:.5s; padding:0 15px 0 0}
.list_box_zhiwei li a .cc{ width:532px; display:flex; justify-content:space-between; font-size:15px; color:#989898}
.list_box_zhiwei li a .cc font{ font-weight:bold; color:#e73728}
.list_box_zhiwei li a .rr{ width:calc(100% - 532px - 420px); display:flex; justify-content:flex-end; align-items:center; height:18px;}
.list_box_zhiwei li a .rr span{ color:#737373; font-size:14px; margin:0 8px 0 14px; transition:.5s}
.list_box_zhiwei li a .rr svg{fill: #737373;transition:.5s;}
.list_box_zhiwei li a .rr svg:first-child{transform:translateY(2px); width: 15px; height: 15px;}

.list_box_zhiwei li a:hover{ box-shadow: 0px 0px 12.61px 0.39px rgba(0, 0, 0, 0.09);}

.n_zhiwei_d{ padding:60px 0 0;}
.n_zhiwei_d .content{ background:#fff url(../images/n_zhiwei_d.jpg) center top no-repeat; background-size:100% auto; padding:50px 40px 60px; display:flex}
.n_zhiwei_d .content .left{ width:250px}
.n_zhiwei_d .content .left .top h6{font-size:18px;color:#e73728;font-weight:bold;position:relative;padding:0 0 0 32px;text-transform:uppercase;letter-spacing: 4px;}
.n_zhiwei_d .content .left .top h6:before{ content:""; position:absolute; top:50%; left:0; width:17px; height:3px; background:#e73728; margin-top:-1.5px;}
.n_zhiwei_d .content .left .top h2{ font-size:50px; color:#2a2a2a; font-weight:bold; text-transform:uppercase; margin:10px 0 60px}
.n_zhiwei_d .content .left .top h2 font{ color:#e73728}
.n_zhiwei_d .content .right{ width:calc(100% - 250px)}
.n_zhiwei_d .content .right h5{ display:flex; min-height:45px; justify-content:space-between; align-items:center}
.n_zhiwei_d .content .right h5 font{ font-size:1.5rem; color:#000000; font-weight:bold; line-height:1.5}
.n_zhiwei_d .content .right h5 a{ display:flex; align-items:center; padding:0 30px; height:45px; border-radius:22.5px; background:#e73728; font-size:16px; color:#fff; transition:.5s}
.n_zhiwei_d .content .right h5 a img{ margin:0 14px 0 0}

.n_zhiwei_d .content .right .bottom{ border-top:#e5e5e5 1px solid; padding:30px 0 0; margin:30px 0 0; position:relative}
.n_zhiwei_d .content .right .bottom:after{ content:""; position:absolute; top:-2px; width:44px; height:2px; background:#e73728}

.list_box_03{ display:flex; flex-wrap:wrap; margin-bottom:15px}
.list_box_03 li{ min-width:25%; font-size:16px; color:#717171; line-height:40px;}

.n_zhiwei_d .content .right .ar_article p{ margin-bottom:0; font-size:16px; color:#717171; line-height:34px;}
.ar_article ul li, .ar_article ol li{margin-left: 20px;}

.n_zhiwei_d .content .right .list_box_03{ margin-bottom:20px}

.n_zhiwei_d .content .right .ar_article ul li{ margin:0}

.ar_bottom{ border:#e5e5e5 1px solid; padding:0 20px; height:70px; margin:40px 0 0; display:flex; align-items:center; justify-content:space-between; position:relative}
.ar_bottom a{ font-size:16px; color:#2c2c2c; transition:.5s}
.ar_bottom a svg{ width:16px; height:16px; fill:#2c2c2c; transition:.5s}
.ar_bottom a span{ margin:0 6px}
.ar_bottom:before{ content:""; position:absolute; width:1px; height:15px; background:#e5e5e5; top:50%; left:50%; margin-left:-.5px; margin-top:-7.5px}

.ar_bottom a:hover{ color:#e73728}
.ar_bottom a:hover svg{ fill:#e73728}
.n_zhiwei_d .content .right h5 a:hover{ background:#f35245}

.sticky{ position:sticky; top:15px}

.n_news_d{ padding:60px 0 0;}
.n_news_d .content{ display:flex}
.n_news_d .content .left{width:820px;background:#fff;padding: 35px 25px 60px;}
.n_news_d .content .left .ar_top{text-align:center;border-bottom:#e5e5e5 1px solid;margin-bottom: 36px; position:relative}
.n_news_d .content .left .ar_top:after{ content:""; position:absolute; width:44px; height:2px; background:#e73728; bottom:-1px; transform:translateX(-50%)}
.n_news_d .content .left .ar_top h3{ font-size:24px; color:#000000; font-weight:bold;}
.n_news_d .content .left .ar_top h6{font-size:15px;color:#b5b5b5;line-height:30px;padding: 14px 0 18px;}
.n_news_d .content .left .ar_top h6 span{ margin:0 16px}
.n_news_d .content .right{ width:calc(100% - 820px); padding:0 0 60px 38px}

.title002{border-bottom:#d8d8d8 1px solid;padding: 70px 0 28px;margin-bottom: 15px;}
.title002 big{ font-size:24px; color:#2c2c2c; font-weight:bold}
.title002 small{ font-size:20px; color:#2c2c2c; font-family: BarlowCondensed-Regular; opacity:.6; text-transform:uppercase; margin:0 0 0 12px}

.list_box_04 li{ border-bottom:#d8d8d8 1px solid; padding:26px 0}
.list_box_04 li h6{font-size: 12px;color: #000000;position:relative;padding: 0 0 0 26px;margin-bottom: 16px;}
.list_box_04 li h6:before{ content:""; position:absolute; background:#e73728; width:15px; height:2px; top:50%; left:0; margin-top:-1px}
.list_box_04 li .txt h5{ font-size: 20px; color: #000000; font-weight: bold; margin-bottom: 18px;}
.list_box_04 li .txt p{ font-size: 14px; line-height: 24px; height:48px; color: #737373;}

.n_rencai{ padding:60px 0 50px}

.title003{text-align:center;margin-bottom: 40px;}
.title003 .top h6{font-size:18px;color:#e73728;font-weight:bold;position:relative;padding:0 0 0 32px;text-transform:uppercase;letter-spacing: 0;display: inline-block;letter-spacing: 3px;}
.title003 .top h6:before{ content:""; position:absolute; top:50%; left:0; width:17px; height:3px; background:#e73728; margin-top:-1.5px;}
.title003 .top h2{font-size: 40px;color:#2a2a2a;font-weight:bold;text-transform:uppercase;margin: 10px 0 34px;}
.title003 .top h2 font{ color:#e73728}
.title003 .top .p001{font-size: 16px;color:#3d3d3d; line-height:30px}

.miso_form1{ display:flex; justify-content:center}
.miso_form1 form{}
.miso_form1 form .input_box{display:flex;min-height: 50px;margin-bottom:30px;align-items:center;}
.miso_form1 form .input_box label{font-size:20px;color:#3d3d3d;text-align:right;padding: 0 18px 0 0;width:calc(100% - 620px);white-space: nowrap;}
.miso_form1 form .input_box label font{ color:#e73728; margin-right:4px}
.miso_form1 form .input_box .input{ flex:1; height:100%; min-width:620px}
.miso_form1 form .input_box .input .col-lg-12{ padding:0}
.miso_form1 form .input_box .input input{ font-size:13px; color:#3d3d3d}
.miso_form1 form .input_box .input input{width:100%;height:100%;border:#d5d5d5 1px solid;background:#fff;padding:0 20px;min-height: 50px;}
.miso_form1 form .input_box .input textarea{ width:100%; height:155px; border:#d5d5d5 1px solid; background:#fff; padding:0 20px; line-height:50px; font-family:"微软雅黑"}

input::-webkit-input-placeholder{ color:#afafaf;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#afafaf; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#afafaf;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#afafaf;}

textarea::-webkit-input-placeholder{ color:#afafaf;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#afafaf;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#afafaf;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#afafaf;}

.miso_form1 form .input_box .input .download{display:flex;align-items:center;font-size:16px;color:#3d3d3d;padding: 5px 0 0;}
.miso_form1 form .input_box .input .download img{margin:0 10px 0 0;vertical-align: top;} 
.miso_form1 form .input_box .input .button{width:154px;height:50px;background:#e73728;border:none;font-size:16px;color:#fff;transition:.5s;cursor:pointer;line-height: 50px;}
.miso_form1 form .input_box .input button:hover{ background:#f65a4d}

.tishi{ font-size:14px; color:#8e8e8e !important; line-height:24px;}
.tishi font{ color:#e73728 !important}


.n_title{padding: 0;position:relative;border-bottom: #e5e5e5 1px solid;}
.n_title .w1200{position:relative}
.n_title .content{position:relative;overflow: hidden;}

.n_nav{position:relative;overflow: hidden;}
.n_nav a{display:inline-block;font-size: 16px;float:left;color: #282828;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-right: 0;}
.n_nav a strong{display:block;color: #252525;position:relative;z-index:4;height: 60px;line-height: 60px;transition: .5s;font-weight: normal;padding: 0 2.5rem;font-size: .9375rem;}
.n_nav .on,.n_nav a:hover{color: #fff;}
.n_nav a:before{content:"";width: 1px;height: 15px;position: absolute;top: 50%;right: 0;background: #cccccc;transition:0.6s ease-in-out;margin-top: -7.5px;}
.n_nav a:last-child:before{ display:none}
.n_nav a:after{content:"";width:0;height: 100%;position: absolute;bottom: 0;left: 0;background-image: -moz-linear-gradient( 173deg, rgba(1,94,234,1) 0%, rgba(0,192,250,1) 100%);background: #e73728;transition:0.6s ease-in-out;z-index: 1;}
.n_nav .on:after,.n_nav a:hover:after{width: 100%;}
.n_nav .on strong,.n_nav a:hover strong{color: #fff;}
.layui-col-md4{ height:75px}
.position{position:absolute;line-height: 60px;right: 1.5rem;bottom: 0;color: #7b7b7d;padding-left: 22px;font-size: .8125rem;background: url(../images/home_icon.png) left 23px no-repeat;}
.position span, .position a, .position i{color: #7b7b7d;-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 svg{width:8px;height:8px;fill:#555555;margin: 0 4px;}

.position i{margin: 0px 3px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{color: #e73728;font-style: normal;}
.position a:hover{color: #e73728;}

#logo img.img2{ display:none}
.xg #logo img.img1{ display:none}
.xg #logo img.img2{ display:inline-block}

.list_box_zhiwei li a:hover{ background:#e73728}
.list_box_zhiwei li a:hover *{ color:#fff !important}
.list_box_zhiwei li a:hover *{ fill:#fff !important}

@media (max-width: 1600px)
{
	#banner .txt h4{ font-size:44px}
	#s_shuzi ul li{ height: 110px; padding-top: 28px;}
	#s_shuzi{ margin-top: -110px;}
	
	#s_shuzi ul li + li {
		margin-left: 50px;
	}
	#s_shuzi ul li .counter span {
    	font-size: 48px;
	}
	
	#s_shuzi ul li:nth-child(1) .counter span{ width:44px !important;}
	#s_shuzi ul li:nth-child(2) .counter span{ width:74px !important;}
	#s_shuzi ul li:nth-child(3) .counter span{ width:94px !important;}
	#s_shuzi ul li .counter font{ top:-15px}
	#s_shuzi ul li .txt{ padding-top:2px}
	
	#s_rukou{ height:428px;}
	#s_rukou .tt {
	  margin-bottom: 36px;
	}
	#s_rukou .btn_arr2{ margin-top:3rem}
	#s_rukou .left{ padding: 50px 50px;}
	#s_rukou .right{ padding: 50px 50px;}
	
	#s_zhiwei ul li{ margin-top:20px}
	
	#s_zhiwei ul li a{ height:100px;}
	#s_zhiwei ul li .txt{ padding-top:22px;}
	#s_zhiwei ul li .price{ padding-top:18px;}
}