@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:ROBOTOCONDENSED-REGULAR_0; src:url(../font/BarlowCondensed-Regular.ttf);}
@font-face{ font-family:BarlowCondensed-Bold; src:url(../font/BarlowCondensed-Bold.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.header_top{ height:50px; line-height:50px; border-bottom:#e8e8e8 1px solid; overflow:hidden}
.header_top .left span{ margin-right:32px}
.header_top .left span img{ margin:-3px 8px 0 0}
.header_top .right ul{ font-size:0}
.header_top .right ul li{display:inline-block;margin-left: 10px;}
.header_top .right ul li a{ display:block; cursor:pointer}

header{z-index:1000;transition:0.6s;min-width: 1300px;position: relative;z-index: 1;}
header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.2); transition:3s}
header.on:before{ width:100%}
header .box{padding: 0;}
header .logo{height: 95px;line-height: 95px;}
header.xg{ background:rgba(0,0,0,0.5)}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{position:relative;border-bottom:2px solid #eee;height:4.25rem;padding-right: 0;position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{text-align:left;display:block;position:absolute;bottom:0;height: 4.25rem;line-height: 4.25rem;font-size:1.6rem;color:#999;pointer-events:none;margin-left: 0;transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem;padding: 0;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;border: navajowhite;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}


#nav{ height:70px; background:#0058af; position:relative; z-index:1}
.navBox { float: left;}
.nav li {float: left;text-align: center;height: 95px;position: relative;margin-left: 36px;}
.nav li:before{content:"";position:absolute;right: -18px;width:1px;height: 10px;background: #828282;top:50%;margin-top: -5px;display: none;}
.nav li:last-child:before{ display:none}
.nav a {display: block;position: relative;padding: 0;font-size: 16px;height: 95px;line-height: 95px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background-color: #f6542c;position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 3px;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;}
.nav a .bg:before{content:"";position:absolute;bottom:3px;border-right: transparent 6px solid;border-left: transparent 6px solid;border-bottom: #f6542c 7px solid;left: 50%;margin-left: -6px;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #000000;}
.nav .active a .bg,.nav .on a .bg { transform: none; opacity: 1; visibility: visible; }
.nav .active a .txt,.nav .on a .txt{color: #f6542c;font-weight: bold;}
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover {color: #da5840;}
.subNavbox {position: absolute;left: 50%;top: 115px;width: 136px;margin-left: -68px;background-color: #fcfcfc;box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 0;}
.nav li:nth-child(3) .subNavbox, .nav li:nth-child(5) .subNavbox{ width:240px; margin-left:-120px}
.subNavbox p {border-bottom: #e5e5e5 1px solid;}
.subNavbox p a {line-height: 40px;height: auto;padding: 0;font-size: 15px;display:  inline-block;color: #666;}
.subNavbox p a:before{content:"";position:absolute;bottom: -3px;height: 1px;background: #8f343a;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}


header .right .tel{float:left;width: 225px;height: 100px;padding: 25px 0px;padding-left: 45px;margin-left: auto;position:relative;background: #3ca0d3;}
/*header .right .tel:before{ content:""; width:1px; height:15px; background:#c0c0c1; position:absolute; left:-30px; top:50%; margin-top:-7.5px;}*/
header .right .tel h5{font-size: 14px;color:#fff;margin-bottom: 3px;line-height:normal;}
header .right .tel h5 img{ margin-right:5px}
header .right .tel h3{font-size:22px;color:#fff;line-height:normal;font-family: DINOT;}

#section00{position:relative;z-index: 0; cursor:pointer}

header dl{display:inline-block;font-size:0;float: left;position: absolute;top: 0;right: 0;}
header dl dd{display:inline-block;width: 112px;height: 112px;vertical-align:top;}
header dl dd a{display:inline-block;width: 112px;height: 112px;position:relative;text-align:center;cursor: pointer;}
header dl dd a:before{ content:""; position:absolute; topp:0; left:0; width:1px; height:0; background:rgba(255,255,255,0.3); transition:1.2s; transition-delay:3s}
header.on dl dd a:before{ height:100%}

header dl dd a h3{height:48px;line-height:48px;margin-top: 18px;}
header dl dd a h5{font-size: 14px;color:#fff;}

.bannerBox{position: relative;overflow: hidden;color: #fff;background-color: #f3f3f3;width: 100%;}
.bannerBox .banner{/* visibility: hidden; */transition: visibility 300ms;-webkit-transition: visibility 300ms;height: 100%;}
.bannerBoxShow .banner{ visibility: visible;}
.banner a:link, .banner a:visited{ color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner .pimg{display: block;width: 100%;top: 0;position: relative;left: 50%;margin-left: -50%;min-width: 1200px;}
.banner .item{position: relative;overflow: hidden;z-index: 10;}
.binbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.binbox .vertical-inner{ padding: 0px 152px; transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0;}
.binbox .t{ font-weight: bold; font-size: 50px; line-height: 1.2;}
.binbox .bot{ width: 26px; height: 4px; background-color: #fff; margin: 12px 0px 18px 2px; display: block;}
.binbox .c{ font-size: 26px; line-height: 1.2; margin-bottom: 20px;}
.btn-more{ background-color: #fff; width: 102px; height: 36px; line-height: 36px; text-align: center; display: block; position: relative; z-index: 1;}
.btn-more .txt{ color: #626262;}
.btn-more:before{ content:""; width:100%; height:100%; z-index: -1; position:absolute; left:0; top:0; background-color:#E40D08; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1);  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.btn-more:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.btn-more:hover .txt{ color: #fff;}
.banner .miso-dots{bottom: 80px;z-index: 1005;height: 6px;}
.banner .miso-dots li{position: relative;display: inline-block;padding: 0;width: 40px;height: 6px;margin: 0px;cursor: pointer;border-radius: 0;margin: 0 6px;background: #fff;transition: 0.6s ease;}
.banner .miso-dots li a{ height: 20px; width: 20px; line-height: 20px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%;  visibility: hidden; opacity: 0; transform: scale(0); -webkit: scale(0);}
.banner .miso-dots li a:focus{ outline: none; }
.banner .miso-dots li button {background: #5d76b8; width:0; height:6px; padding:0; margin:0; transition:0.6s ease}
.banner .miso-dots li.miso-active button { width:100%}
.banner .miso-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .miso-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}


.bannerBox:before {position: absolute;z-index: 20;top: 0;left: -100%;content: "";width: calc((100% / 7.5) * 2);height: 100%;opacity: 0.8;background-color: #7a3363;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left top;transform-origin: left top;/* mix-blend-mode: multiply; */transition: all 1.5s ease-in-out;}
.bannerBox:after {position: absolute;z-index: 20;bottom: 0;right: -100%;content: "";width: calc((100% / 7.5) * 2);height: 100%;opacity: 0.8;background-color: #7a3363;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left bottom;transform-origin: left bottom;/* mix-blend-mode: multiply; */transition: all 1.5s ease-in-out;}

.start.bannerBox:before{ left: 0;}
.start.bannerBox:after{ right: 0;}

.banner .miso-prev, .banner .miso-next{ width:60px; height:60px; margin-top:-30px}

.banner .miso-prev{ background:url(../images/left.png) center no-repeat; left:5%; }
.banner .miso-next{ background:url(../images/right.png) center no-repeat; right:5%; }
.banner .miso-prev:before, .banner .miso-next:before{ display:none}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.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;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.tc1 .tc.act{display: block;}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01{background:url(../images/container01_bg.jpg) center no-repeat;height:80px;background-size: cover;}

.tc_search{ float:left}
.tc_search form{height: 38px;background: #fff;position:relative;width: 274px;margin: 21px 30px 0 0;}
.tc_search #keyword{font-size: 12px;color: #999;height:38px;line-height:38px;padding: 0 15px;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;}
.tc_search .btn_blue{position:absolute;cursor:pointer;top: 2px;right: 2px;width:35px;height:34px;line-height:34px;border:0;background:url(../images/search_black.png) center center no-repeat;}
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
input, textarea{ border:none; outline:none}

.container01 .resou{ float:left; line-height:80px;}
.container01 .resou dl{ max-width:450px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.container01 .resou dl dt{ display:inline-block; font-size:14px; color:#fff}
.container01 .resou dl dd, .container01 .resou dl dd a{ display:inline-block; font-size:12px; color:rgba(255,255,255,0.7); transition:0.36s}

.container01 .right{ width:355px; padding-left:55px; height:80px}
.container01 .right .box_table{ text-align:left}
.container01 .right img{ display:inline-block; vertical-align:top; margin-right:12px}
.container01 .right .con{ display:inline-block}
.container01 .right .con h5{ font-size:14px; color:#fff; margin-bottom:4px}
.container01 .right .con h3{ font-size:20px; color:#fff; font-weight:bold}

.title00{padding-bottom:40px;text-align:center;position:relative;}
.title00 h3{font-size:36px;color: #da573f;font-weight:bold;margin-bottom:10px;}
.title00 h3 font{ color:#8d8d8d}
.title00 h6{font-size:12px;color:#bfbfbf;text-transform:uppercase;margin-bottom: 44px;position: relative;}
.title00 h6:before{content:"";position:absolute;width:23px;height:6px;background:#da573f;left:50%;margin-left:-11.5px;bottom: -24px;}
.title00 p{ font-size:14px; color:#7c7c7c}

.container02{ padding:70px 0 45px; background:#f4f6f7; overflow:hidden}
.container02 .title00 h6:before{ background:#da573f}
.container02 .miso_hd{ margin-bottom:40px}
.container02 .miso_hd ul{ margin:0 -10px; padding:0 60px }
.container02 .miso_hd ul .miso-prev, .container02 .miso_hd ul .miso-next{ width:15px; height:26px; transition:0.6s}
.container02 .miso_hd ul .miso-prev{ background:url(../images/left01.png) center no-repeat; left:0;}
.container02 .miso_hd ul .miso-next{ background:url(../images/right01.png) center no-repeat; right:0;}
.container02 .miso_hd li{ display:inline-block; padding:0 10px;}
.container02 .miso_hd li a{ display:block; height:40px; line-height:36px; border:#e3e3e3 2px solid; border-radius:20px; font-size:16px; color:#333335; text-align:center; transition:0.6s; cursor:pointer}
.container02 .miso_hd .miso-prev, .container02 .miso_hd .miso-next{width:31px;height:14px;}
.container02 .miso_hd li.miso-current a{ border:#da573f 2px solid; background:#da573f; color:#fff}

.container02 .miso_bd ul{font-size:0;margin: 0 -10px; margin-bottom:20px}
.container02 .miso_bd ul li{display:inline-block;width: 25%;padding: 0 10px;margin-bottom:30px;}
.container02 .miso_bd ul li .img, .container02 .miso_bd ul li .img img{width: 285px;height: 205px;overflow:hidden;object-fit: cover;}
.container02 .miso_bd ul li h5{font-size: 16px;line-height: 50px;height: 50px;color: #333335;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:0.36s;border: #dcdcdc 1px solid;background: #fff;}
.more000{ text-align:center}
.more000 a{ display:inline-block; width:150px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:#da573f; border-radius:2px; transition:0.6s}

.container03{ padding:58px 0 115px; background:url(../images/container03_bg.jpg) center bottom no-repeat}
.container03 ul{ font-size:0; margin:0 -11px;}
.container03 ul .miso-list{ padding:15px; margin:-15px;}
.container03 ul li{ display:inline-block; width:20%; padding:0 11px; text-align:center; margin-bottom:15px;}
.container03 ul li a img{ width:228px; height:100px; transition:0.6s}
.container03 ul .miso-prev, .container03 ul .miso-next{ width:15px; height:26px; transition:0.6s}
.container03 ul .miso-prev{ background:url(../images/left01.png) center no-repeat; left:-60px;}
.container03 ul .miso-next{ background:url(../images/right01.png) center no-repeat; right:-60px;}

.container04{ position:relative; height:935px; padding:142px 0 0}
.container04 .bg{height:478px;position:absolute;top:0;width:100%;background-size: cover !important;}
.container04 .content{ padding:80px 80px 0; background:#fff}
.container04 .content .left{ width:322px; padding:30px 0 0}
.container04 .content .left h3{ font-size:24px; color:#da573f; font-weight:bold}
.container04 .content .left h5{ font-size:14px; color:#75706d; font-weight:bold; margin:8px 0 24px}
.container04 .content .left p{ font-size:14px; line-height:28px; color:#939393; height:245px; overflow:hidden; margin-bottom:45px}
.container04 .content .left .more000{ text-align:left;}
.container04 .content .left .more000 a{ width:210px;}
.container04 .content .right .img, .container04 .content .right .img img{ width:665px; height:445px; overflow:hidden;}
.container04 .content ul{ font-size:0; text-align:center; margin:0 -35px; margin-top:48px}
.container04 .content ul li{ display:inline-block; padding:0 35px;}
.container04 .content ul li a{ display:inline-block; width:150px; height:150px; background:url(../images/line.png) center no-repeat; border-radius:50%; position:relative; cursor:pointer}
.container04 .content ul li a:before{content:"";width:125px;height:125px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);background: transparent;border-radius:50%;transition:0.6s;visibility:hidden;}
.container04 .content ul li a h3{ position:relative; height:40px;}
.container04 .content ul li a h3 img{ max-height:28px;}
.container04 .content ul li a h3 img.img02{ display:none}
.container04 .content ul li a h5{ position:relative; font-size:16px; color:#585859; transition:0.36s}

.container05{padding: 70px 0 0;background:url(../images/container05_bg.jpg) center no-repeat;height:930px;background-size:cover;} 
.container05 .title00{text-align:left;padding-bottom:20px;}
.container05 .title00 h6:before{ left:0; margin-left:0}
.container05 .right_t{ text-align:right; padding:10px 0 0}
.container05 .right_t h4{ font-size:22px; color:#75706d; font-weight:bold; line-height:37px;}
.container05 .right_t h4 font{ color:#da573f}
.container05 .right_t h5{ font-size:22px; color:#969696; line-height:37px;}

.container05 ul{ font-size:0; margin:0 -11px; margin-bottom:15px}
.container05 ul li{ display:inline-block; width:33.333333%; padding:0 11px; margin-bottom:20px}
.container05 ul li .img, .container05 ul li .img img{width:385px;height:245px;overflow:hidden;object-fit: cover;}
.container05 ul li h5{ font-size:15px; line-height:45px; height:45px; color:#545454; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; transition:0.36s}

.container06{ height:300px; padding:70px 0 0}
.container06 img{/* width:100%; */font-family:ROBOTOCONDENSED-REGULAR_0;}
.container06 h3{ padding-left:200px; margin-top:60px;}
.container06 h3 font{font-size:35px;color:#fff;font-weight:bold;margin-right:88px;height:53px;line-height:53px;display: inline-block;}
.container06 h3 .span01{display:inline-block;width:185px;height:53px;line-height:53px;background:#75706d;border-radius:26px;text-align:center;font-size:18px;color:#fff;font-weight:bold;vertical-align: top; transition:0.6s}

.container07{ padding:60px 0 40px}
.container07 .title00{text-align:left;padding-bottom:0;}
.container07 .title00 h6:before{ left:0; margin-left:0}

.container07 .miso_hd{ margin-top:-70px; margin-bottom:60px;}
.container07 .miso_hd ul{text-align:right;}
.container07 .miso_hd ul li{width: auto !important;display: inline-block;float: none;margin-left: 10px;}
.container07 .miso_hd ul li a{display:inline-block;width: 135px;height: 40px;line-height: 36px;border: #e3e3e3 2px solid;background:#f8f8f9;font-size: 16px;color: #333335;text-align:center;transition:0.6s;cursor: pointer;border-radius: 20px;}
.container07 .miso_hd ul li.miso-current a{ border:#da573f 2px solid; background:#da573f; color:#fff}

.container07 .miso_bd ul{ font-size:0; margin:0 -10px;}
.container07 .miso_bd ul li{ display:inline-block; width:33.333333%; padding:0 10px; margin-bottom:20px;}
.container07 .miso_bd ul li a{ display:inline-block; width:386px; height:322px; overflow:hidden; position:relative; background:#000}
.container07 .miso_bd ul li a .img{ position:absolute; top:0; right:0; bottom:0; left:0; opacity:1; transition:0.6s}
.container07 .miso_bd ul li a .img img{ width:386px; height:322px}
.container07 .miso_bd ul li .top{ width:386px; height:322px; background:#f4f6f7; position:relative; transition:0.6s; padding:40px 30px 0}
.container07 .miso_bd ul li .top h5{font-size:20px;color:rgba(0,0,0,0.6);font-family: BarlowCondensed-Bold;height:22px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.container07 .miso_bd ul li .top h4{ font-size:18px; color:#4d4d4d; font-weight:bold; margin:18px 0; line-height: 30px;}
.container07 .miso_bd ul li .top p{ font-size:14px; color:rgba(0,0,0,0.5); line-height:23px; height:46px; overflow:hidden; text-align:justify;}
.container07 .miso_bd ul li .bottom{border-top:#dbddde 1px solid;padding:20px 0 0;color:rgba(0,0,0,0.4);font-size:14px;margin-top: 100px;}
.container07 .miso_bd ul li .bottom span{ float:right}

footer .fl01{ padding:45px 0 24px; background:#434343}
footer .fl01 .left{ width:580px}
footer .fl01 .left .top{ border-bottom:#4c4d4d 1px solid; padding-bottom:22px; margin-bottom:24px}
footer .fl01 .left .bottom .img h5{ font-size:13px; color:#737476; line-height:36px; text-align:center}
footer .fl01 .left .bottom p{ font-size:14px; line-height:24px; color:#c2c2c2; margin-left:32px; float:left}

footer .fl01 .right .title{ margin-bottom:30px}
footer .fl01 .right .title small{ font-size:14px; color:#da573f; text-transform:uppercase; margin-right:8px; font-weight:bold}
footer .fl01 .right .title big{ font-size:16px; color:#fff}
footer .fl01 .right form {
	width: 100%;
	margin-top: 0;
	display: inline-block;
}

footer .fl01 .right form h5 {
	font-size: 14px;
	color: #939393;


	margin-bottom: 12px;
}

footer .fl01 .right .messlist {
	height: 36px;
	line-height: 36px;
	margin: 0 20px 14px 0;
	float: left;
	width: 270px;
	background: #5c5c5c;
	color: #fff;
}

footer .fl01 .right .messlist label,.form-list .messlist01 label,footer .fl01 .right .messlist03 label {
	float: left;
	width: 70px;
	height: 56px;
	line-height: 56px;
	text-align: left;
	color: #636363;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	font-weight: normal;
}

footer .fl01 .right .messlist input {
	float: left;
	width: 100%;
	height: 36px;
	background: none;
	border: none;
	outline: none;
	color: #fff;
	font-size: 14px;
	padding: 0 15px;
}

footer .fl01 .right .messlist01 {
	height: 43px;
	margin-top: 30px;
	float: left;
	width: 880px;
	border: #d3d7d8 1px solid;
	background: #fbfbfc;
	color: #626364;
	margin-right: 44px;
}

footer .fl01 .right .messlist01 input {
	float: left;
	width: 712px;
	height: 48px;
	padding: 0 10px;
	background-color: #fbfbfc;
	border: none;
	outline: none;
	color: #626364;
	font-size: 12px;
}

footer .fl01 .right .messlist02 {
	height: 90px;
	width: 560px;
	background: #5c5c5c;
	color: #767676;
	box-sizing: border-box;
	margin-bottom: 16px;
}

footer .fl01 .right .messlist02 textarea {
	float: left;
	width: 100%;
	height: 73px;
	color: #fff;
	font-size: 14px;
	border: none;
	outline: none;
	padding: 10px 15px;
	resize: none;
	box-sizing: border-box;
	background: none;
}

footer .fl01 .right .messlist02 label {
	float: left;
	width: 70px;
	height: 56px;
	line-height: 56px;
	text-align: left;
	color: #000000;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	font-weight: normal;
}

footer .fl01 .right .yanzheng {
	display: inline;
	float: left;
	position: absolute;
	right: 10px;
	top: 0.7rem;
}

footer .fl01 .right .messsub{
	float: left;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	border: none;
	background: #da573f;
	transition: 0.6s;
	position:relative;
}
footer .fl01 .right .messsub input {
	float: left;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	border: none;
	background:none;
}

footer .fl01 .right .messsub:hover {
	background: #ad4532;
}

footer .fl01 .right .messlist03 {
	height: 36px;
	margin: 0;
	float: left;
	width: 200px;
	background: #5c5c5c;
	color: #767676;
	box-sizing: border-box;
	position: relative;
}

footer .fl01 .right .messlist03 input {
	float: left;
	width: 100%;
	height: 36px;
	color: #fff;
	font-size: 14px;
	border: none;
	outline: none;
	resize: none;
	box-sizing: border-box;
	background: none;
	padding: 0 15px;
}

footer .fl01 .right .messsub {
	float: left;
	width: 72px;
	position: relative;
}

footer .fl02{ background:#4a4a4a; padding:17px 0}
footer .fl02 .left p, footer .fl02 .left p a{font-size: 12px;line-height:36px;color: #727477;transition:0.6s;}

.foot_link{width: 280px;height: 36px;line-height: 36px;cursor:pointer;overflow:visible;position: relative;margin: 0;background: #5c5c5c;}
.foot_link .tanchu{width: 100%;padding: 10px 16px;box-sizing:border-box;position:absolute;bottom: 37px;background: #4a4a4a;display: none;left: 0;text-align: left;}
.foot_link .tanchu a {color: #fff;line-height: 27px;display:block;font-size: 13px;}
.foot_link .tanchu .swiper-slide{ height:30px !important;}
.foot_link .swiper-scrollbar-drag{ height:60% !important;}
.foot_link #bnt_link1.a {padding-left: 15px;color: rgba(255,255,255,0.55);text-align:left;line-height: 36px;width: 100%;box-sizing:border-box;font-size: 14px;text-decoration:none;position:absolute;z-index:1;}
.foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 36px;margin-right: 0;width: 40px;border-left: #6d6d6d 1px solid;text-align: center;}
 
/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_banner{height:350px;background-size: cover !important;}
.n_banner h4{ font-size:22px; color:#fff; margin-bottom:12px;}
.n_banner h5{ font-size:14px; color:#fff; text-transform:uppercase; padding-bottom:38px; position:relative}
.n_banner h5:before{ content:""; width:30px; height:3px; background:#da573f; position:absolute; left:50%; margin-left:-15px; bottom:0}

.n_title{position:relative;height: 60px;line-height: 60px;border-bottom: 1px solid #eeeeee;}
.n_title h1{font-size: 18px;display:inline-block;color: #da573f;}
.n_title h1 small{font-size:12px;color:#a3a3a3;text-transform:capitalize;margin-left: 10px; text-transform:uppercase;}
.n_title .w1200{ position:relative}

/*==================分类导航=================*/

#n_sub_nav{ position:relative; display:inherit; text-align:center; margin-top:10px; margin-bottom:40px;}
#n_sub_nav a{ width:100px;  margin:0 5px; display:inline-block; height:30px; line-height:30px; border-radius:0px; background:#fff;   text-align:center; color:#fff; background:#68696b; font-size:14px;}  
#n_sub_nav a:hover{ background:#3d404c; }
#n_sub_nav a.on { background:#3d404c; }

.position{position:absolute;line-height: 60px;right:0px;top:0px;color: #555555;background:url(../images/icon_home.png) left center no-repeat;padding-left: 20px;}
.position span, .position a, .position i{font-size: 13px;color: #555555;margin: 0 4px;}
.position em{font-size:12px;color: #da573f;font-style:normal;}
.position a:hover{color: #da573f;}

.n_left{ width:222px;}
.n_erji ul li{ margin-bottom:10px}
.n_erji ul li>a{display:block;height:56px;line-height:54px;border:#e5e5e5 1px solid;font-size: 15px;color:#555555;padding: 0 10px 0 12px;position:relative;}
.n_erji ul li>a:before{content:"";position:absolute;left:0;width:0;height:54px;background:#da573f url(../images/n_erji_bg.png) 92% center no-repeat;transition:0.6s;overflow: hidden;}
.n_erji ul li>a:after{ content:""; position:absolute; left:-10px; width:4px; top:-1px; height:0; background:#da573f; transition:0.6s}
.n_erji ul li>a span{position:relative;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_erji ul li>a:hover:before, .n_erji ul li.on>a:before{ width:100%;}
.n_erji ul li>a:hover:after, .n_erji ul li.on>a:after{ height:56px;}
.n_erji ul li>a:hover, .n_erji ul li.on>a{ color:#fff; border:#da573f 1px solid;}

.n_erji ul li dl{ padding:0 24px 24px; background:#f4f6f7; display:none}
.n_erji ul li dl dd{ }
.n_erji ul li dl dd a{display:block;line-height: 20px;font-size:15px;color:#a2a2a2;border-bottom:#c3c5c6 1px solid;transition:0.6s;padding: 16px 0;}
.n_erji ul li dl dd.on a, .n_erji ul li dl dd:hover a{ color:#da573f; border-bottom:#da573f 1px solid}
.n_erji ul li.on dl{ display:block !important}

.n_right{ width:928px;}

.n_container{ padding:50px 0 60px}

.n_about h3{ margin-bottom:42px;}

.n_news {margin: 0;}
.n_news .up{margin-bottom: 10px;padding: 22px;background: #f4f6f7;box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.n_news .up .date_box{ position:absolute; top: 55px; left: 258px; width:65px; height:65px; background:url(../images/bg_titme.png) center no-repeat; text-align:center; color:#fff;}
.n_news .up .date_box span{ display:block; padding-top:13px;}
.n_news .up  li{ display:block;}
.n_news .up  li .fl{width: 246px;}
.n_news .up  li .img, .n_news .up  li .img img{width: 246px;height: 205px;overflow:hidden;object-fit: cover;}
.n_news .up  li .fr{width: 605px;position:relative;height:150px;}
.n_news .up  li .fr h3{font-size:20px;color:#626263;font-family:BarlowCondensed-Bold;padding: 15px 0;}
.n_news .up  li .fr h1{font-size: 18px;color: #da573f;display:block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-weight: bold;margin-bottom: 15px;}
.n_news .up  li .fr span{font-size: 14px;display:block;color: #da573f;padding: 20px 0 0;border-top: #da573f 1px solid;margin-top: 30px;}
.n_news .up  li .fr .more{ display:block; position:absolute; font-size:13px; right:3px; bottom:8px; color:#fff; height:16px; line-height:16px; width:16px; text-align:center; background:url(../images/icon_more_news.png) center no-repeat;}
.n_news .up  li .fr .more:hover{ background:url(../images/icon_more_news_hover.png) center no-repeat;}
.n_news .up  li .fr p{line-height: 23px;color: #9b9d9d;font-size: 14px;height: 46px;overflow: inherit;}
.n_news_tex{}
.n_news .un{   }
.n_news .un  ul{margin-bottom: 45px;overflow: hidden;}
.n_news .un  li{line-height: 68px;padding-left: 32px;height: 68px;display:block;position:relative;background: url(../images/icon_new_li.png) left 26px no-repeat;border-bottom: #f2f2f2 1px solid;}
.n_news .un  li i{ display:block; position:absolute; width:10px; height:70px; left:0; top:0; }
.n_news .un  li a{font-size: 15px;color: #3f4041;transition: 0.6s;}
.n_news .un li a font{display:inline-block;width:80%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_news .un  li span{position:absolute;right:0;font-size: 13px;font-family: "Arial";color: #bfbfbf;}
.n_news .un  li a:hover{color: #da573f;}
.n_news .un  li:hover{background: url(../images/icon_new_li.png) left 26px no-repeat;}
.n_news .un  li.line{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e9e8e8; }#right_news{margin-top: 35px;width: 220px;padding:25px 20px 10px 20px;background: #f4f6f9;float: left;}
#right_news .title{ background: url(../images/line_news_hot.png) left center no-repeat; padding-left: 10px; color: #343435; font-size: 14px;}
#right_news a{ display: block;}
#right_news .pic_box{ width: 220px; height: 115px; overflow: hidden; margin: 20px 0;}
#right_news .pic_box img{ display: block; width: 220px; height: 115px;}
#right_news li{ padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #dee0e3; }
#right_news li .text_box{ padding-left: 10px; background: url(../images/icon_dd_hotnews.png) left 5px no-repeat;}
#right_news li .text_box a{ font-size: 12px; color: #3e3e3f; line-height: 18px;}
#right_news li span{ font-size: 12px; color: #929496;}
#right_news li .text_box a:hover{ color:#b87b25;}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto;text-align: center;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;}
.j_pages a{padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block;background:#f6f6f6;margin: 0 3px;color: #919191;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0;}
.j_pages a font{ padding:0 10px}
.j_pages .on{background: #da573f;color: #fff;}
.j_pages a:hover{background: #da573f;color:#fff!important;}
.j_pages span{color:#919191; padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block; font-size:14px;}
.j_pages input{color:#919191;padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block;font-size:14px;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{ width:40px; padding:0; text-align:center}
.j_pages input[type="submit"]:hover{ background: #da573f; color:#fff}

#ar_fot{position:relative;float:left;box-sizing: border-box;width: 100%;line-height: 50px;border-top: #d0d1d2 1px solid;padding: 0;margin-top: 20px;}
#ar_fot h1{display:block;width: 50%;font-size: 15px;color: #838485;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-top: -3px;padding: 18px 0 0;}
#ar_fot h1 a{font-size: 15px;color: #838485;font-weight:normal;}
#ar_fot h1 a:hover{color: #da573f;}
#ar_fot h1:before{ content:""; position:absolute; right:0; top:0; width:0; height:3px; background:#da573f; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#ar_fot h1:hover:before{ width:100%; left:0}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot a,#ar_fot span{
    color: #000;
}
#ar_fot .shart_box a{ line-height:36px;}
#ar_fot .fr{ text-align:right}

.n_news_detail .title{position:relative;margin-bottom: 28px;border-bottom: #c3c5c6 1px solid;padding-bottom: 12px;}
.n_news_detail .title h3{font-size: 20px;color: #555555;line-height: 36px;font-weight: bold;padding-bottom: 25px;position:relative;}
.n_news_detail .title h3:before{content:"";position:absolute;left:0;bottom: 8px;width:30px;height:4px;background:#da573f;}
.n_news_detail .title h5{height: 42px;}
.n_news_detail .title h5 font{font-size: 14px;color: #888;line-height: 42px;margin-right: 42px;}


.bshare-custom{float:right;margin-top: 15px;}
.bshare-custom small{font-size:13px;color:#797979;margin-right:10px;vertical-align: middle;}
.bshare-custom a{ display:inline-block !important; width:auto !important}
.bsBox,.bFind-wrapper-top{box-sizing: content-box; }

.n_news_detail{padding: 35px 35px 15px;background:#f4f6f7;box-shadow:0 0 10px rgba(0,0,0,0.05);}

.tuijian{padding: 20px 10px 10px;background:#f4f6f7;margin-top: 35px;}
.tuijian .title{font-size: 15px;color: #555555;padding-bottom: 30px;border-bottom:#dcdfe0 1px solid;margin-bottom: 20px;position:relative;text-align: center;}
.tuijian .title:after{content:"";position:absolute;left: 50%;bottom: 18px;width: 16px;height: 2px;background: #da573f;margin-left: -8px;}

.tuijian ul li{margin-bottom: 15px;}
.tuijian ul li a{font-size: 13px;line-height: 20px;color:#484849;background: url(../images/dot.png) left 6px no-repeat;padding-left: 15px;display: inline-block;transition:0.6s;}
.tuijian ul li a:hover{color:#da573f;background: url(../images/dot_on.png) left 6px no-repeat;}

.n_case ul{ font-size:0; margin:0 -9px; margin-bottom:20px}
.n_case ul li{ display:inline-block; width:33.333333%; padding:0 9px; margin-bottom:20px}
.n_case ul li .img, .n_case ul li .img img{width: 296px;height: 190px;overflow:hidden;object-fit: cover;}
.n_case ul li h5{ font-size:15px; line-height:45px; height:45px; color:#545454; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; transition:0.36s}

.n_huoban .fl01{ padding-bottom:50px; border-bottom:#e5e5e5 1px solid; margin-bottom:70px}
.n_huoban .fl01 .left, .n_huoban .fl01 .left img{ width:285px; height:125px; position:relative; display:none;}
.n_huoban .fl01 .left:before{ content:""; position:absolute; width:100%; height:100%; background:#da573f; right:-10px; bottom:-10px;}
.n_huoban .fl01 .right{padding: 18px 0 0;}
.n_huoban .fl01 .right p{ font-size:14px; line-height:30px; color:#555555; text-indent:32px; text-align:justify;}
.n_huoban .fl01 .right p font{ color:#da573f; font-weight:bold}

.n_huoban  ul{ margin:0 -8px; font-size:0; margin-bottom:40px}
.n_huoban  ul li{ display:inline-block; width:25%; padding:0 8px; text-align:center; margin-bottom:15px;}
.n_huoban  ul li a img{width: 220px;height: 97px;transition:0.6s;}

.n_contact .fl01{margin-bottom: 48px;}
.n_contact .left{ padding: 50px 30px 0 0;}
.n_contact .left .ar_article{ margin-bottom:40px;}
.n_contact .left .ar_article h3{font-size:24px;color: #da573f;font-weight: bold;margin-bottom: 0;position:relative;} 
.n_contact .left .ar_article h4{font-size:14px;font-weight:bold;color:#555555;position:relative;margin-bottom: 50px;line-height: 24px;text-transform: uppercase;display: inline-block;}
.n_contact .left .ar_article h4:before{content:"";width: 100%;height: 1px;background: #da573f;position:absolute;left:0;top: 48px;}
.n_contact .left .ar_article p{font-size:14px;line-height: 32px;color: #656565;margin-bottom: 0;padding-left: 28px; text-align:justify;}
.n_contact .fl01 .left ul li img{float:left;border: #f4f4f4 4px solid;}
.n_contact .fl01 .left ul li h6{float:left;line-height: 20px;color: #656565;padding-left: 30px;text-transform:  capitalize;font-size: 14px;margin-top: 36px;}
.n_contact .right{padding: 0;position:relative;}
.n_contact .right:before{content:"";position:absolute;right: -8px;top: -28px;background:url(../images/kuang.png) center no-repeat;width:150px;height:150px;}
.n_contact .left .ar_article dl{font-size:14px;color:#656565;line-height:30px;white-space: nowrap;padding: 0 0 0 34px;margin-bottom: 6px;}
.n_contact .left .ar_article dl dt,.n_contact .left .ar_article dl dd{ display:inline-block; white-space:normal}


.n_lingyu .fl01{ padding-bottom:50px; margin-bottom:40px; border-bottom:#e5e5e5 1px solid}
.n_lingyu .fl01 .left{ width:516px; padding:45px 0 0}
.n_lingyu .fl01 .left p{ font-size:14px; line-height:30px; color:#555555; text-indent:32px; margin-bottom:0}

.n_lingyu .fl02 ul{ font-size:0; margin:0 -28px;}
.n_lingyu .fl02 ul li{ display:inline-block; padding:0 28px; width:20%; margin-bottom:34px}
.n_lingyu .fl02 ul li a{ display:inline-block; width:140px; height:140px; border:#e7e7e7 1px solid; border-radius:50%; position:relative}
.n_lingyu .fl02 ul li a .bg{ content:""; width:140px; height:140px; line-height:140px; font-weight:bold; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); font-size:78px; color:rgba(255,255,255,0.1); text-align:center}
.n_lingyu .fl02 ul li a:before{ content:""; width:140px; height:140px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%) scale(0); background:#da573f; border-radius:50%; transition:0.6s; visibility:hidden}
.n_lingyu .fl02 ul li a h3{ position:relative; height:45px;}
.n_lingyu .fl02 ul li a h3 img{ max-height:40px;}
.n_lingyu .fl02 ul li a h3 img.img02{ display:none}
.n_lingyu .fl02 ul li a h5{ position:relative; font-size:15px; color:#555555; line-height:22px; height:22px; transition:0.36s}

.lianxi{padding:30px 20px;background:#f4f6f7;margin-top: 20px;}
.lianxi img{ margin:30px 0}
.lianxi p{ font-size:13px; line-height:30px; color:#909091}

.n_join ul{margin-bottom:55px;}
.n_join ul li{ margin-bottom:10px;}
.n_join ul li .top{position:  relative;background: #f5f5f5;padding: 20px 38px;box-sizing:  border-box;}
.n_join ul li .top i{position:absolute;right: 20px;top:50%;margin-top:-6px;width:21px;height:12px;background:url(../images/jia.png) center no-repeat;cursor: pointer;}
.n_join ul li .top h5{font-size: 16px;color: #555555;display: inline-block;width: 298px;padding-right: 30px;overflow: inherit;white-space: nowrap;text-overflow: ellipsis;}
.n_join ul li .top span{font-size: 14px;color: #4d4d4d;}
.n_join ul li .a.open .top{background: #da573f url(../images/open_bg.jpg) center no-repeat;}
.n_join ul li .a.open .top i{ background:url(../images/jian.png) center no-repeat;}
.n_join ul li .a.open .top h5{color: #fff;}
.n_join ul li .a.open .top span{color: #fff;}
.n_join ul li .ar_article{padding: 36px 38px 15px;background: #f5f5f5;display:none;margin-bottom: 0;}
.n_join ul li .ar_article .fl01{ position:relative; margin-bottom:30px;}
.n_join ul li .ar_article .fl01 h5{padding-left:25px;font-size:14px;line-height:32px;color:#787878;margin-bottom: 0;font-weight: normal;}
.n_join ul li .ar_article .fl01 h5.h51{ background:url(../images/n_join_icon01.png) left center no-repeat}
.n_join ul li .ar_article .fl01 h5.h52{ background:url(../images/n_join_icon02.png) left center no-repeat}
.n_join ul li .ar_article .fl01 a{display:inline-block;width:100px;height:35px;line-height:35px;border-radius:3px;text-align:center;font-size:14px;color:#fff;background-image: -webkit-linear-gradient(top right,#13b7ae,#0053b2);right: 18px;top: 16px;position: absolute;cursor: pointer;}
.n_join ul li .ar_article p{font-size:14px;line-height:30px;margin-bottom:30px;color: #838383;}


.n_zizhi .title h3{font-size:24px;color: #da573f;font-weight: bold;margin-bottom: 0;position:relative;} 
.n_zizhi .title h4{font-size:14px;font-weight:bold;color:#555555;position:relative;margin-bottom: 50px;line-height: 24px;text-transform: uppercase;display: inline-block;}

.n_zizhi .title h4:before{content:"";width: 100%;height: 1px;background: #da573f;position:absolute;left:0;top: 42px;}

.n_zizhi ul{font-size: 0;margin:0 -10px;margin-bottom: 0;}
.n_zizhi ul li{background: #fff;box-sizing:  border-box;-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;display:  inline-block;padding: 0 10px;text-align:  center;margin-bottom: 10px;width: 33.333333%;}
.n_zizhi ul li .pic_box{width:100%;height:200px;display:table;overflow:hidden;background:#f4f6f7;}
.n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul li img{max-width: 200px;max-height: 158px;display:inline-block;}





.n_zizhi ul li h5{font-size: 15px;color: #545454;line-height: 80px;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_zizhi ul li:hover h5{color: #da573f;}

.n_zizhi ul .miso-prev, .n_zizhi ul .miso-next{width:45px;height:45px;top: -62px;}
.n_zizhi ul .miso-prev{background:url(../images/left02.png) center no-repeat;right: 70px;left: auto;}
.n_zizhi ul .miso-next{background:url(../images/right02.png) center no-repeat;right: 10px;}


.n_zizhi ul .miso-prev:hover{background:url(../images/left02_on.png) center no-repeat}
.n_zizhi ul .miso-next:hover{background:url(../images/right02_on.png) center no-repeat}

.n_zizhi .fl01{border-bottom:#dfe8f2 1px solid;margin-bottom: 40px;}

.n_product ul{font-size:0;margin: 0 -18px; margin-bottom:20px}
.n_product ul li{display:inline-block;width: 33.333333%;padding: 0 18px;margin-bottom:30px;}
.n_product ul li .img, .n_product ul li .img img{width: 285px;height: 205px;overflow:hidden;object-fit: cover;}
.n_product ul li h5{font-size: 16px;line-height: 50px;height: 50px;color: #333335;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:0.36s;border: #dcdcdc 1px solid;background: #fff;}


.n_product_detail .left{float:left;width: 427px;}
.n_product_detail .fl01{margin-bottom: 50px;}
.n_product_detail .lwy .slider-nav{}
.n_product_detail .lwy .slider-nav .miso-slide img{ width:100%}
.n_product_detail .lwy .slider-nav .miso-slide .miso{margin: 0;}
.n_product_detail .lwy .slider-nav .miso-slide .miso img{width: 100%;height: 307px;object-fit: cover;}
.n_product_detail .lwy .slider-nav .miso-slide.miso-current .miso img{}
.n_product_detail .lwy .slider-nav .miso-dots{ bottom:16px}
.n_product_detail .lwy .slider-nav .miso-dots li{ width:8px; height:8px; background:#cbcbcb; border-radius:50%}
.n_product_detail .lwy .slider-nav .miso-dots li.miso-active{ background:#c12d3a}
.n_product_detail .lwy .miso-prev, .n_product_detail .lwy .miso-next{top:50%;margin-top: -30px;width:60px;height:60px;z-index:1000;background-size:cover !important;}
.n_product_detail .lwy .miso-prev{left: -30px;background: url(../images/left04.png) center no-repeat;}
.n_product_detail .lwy .miso-next{right: -30px;background:url(../images/right04.png) center no-repeat;}

.n_product_detail .right{float:right;width: 465px;padding: 0;}
.n_product_detail .right .box_table{ text-align:left}
.n_product_detail .right h4{font-size:18px;color: #da251d;margin-bottom:22px;}
.n_product_detail .right h2{margin-bottom:66px;position:relative;font-size: 24px;color: #333335;margin: 0px 0 35px;font-weight: bold; position:relative}
.n_product_detail .right h2:before{content:"";position:absolute;left:0;bottom: -20px;width:20px;height:2px;background:#da573f;}
.n_product_detail .right .ar_article{padding-right: 0;/* height: 104px; */margin-bottom: 36px;/* overflow: hidden; *//* overflow-y: scroll; */}
.n_product_detail .right .ar_article p{font-size:13px;color: #9a9a9a;line-height: 26px;margin-bottom: 0;text-indent: 28px; text-align:justify;}
.n_product_detail .right .ar_article::-webkit-scrollbar {width:1px;height:1px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-track {border-radius:10px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-thumb {border-radius:10px; background:#da573f}
.n_product_detail .right a{display:inline-block;width: 185px;height: 46px;line-height: 46px;text-align:center;border-radius: 2px;background: #757575;margin-right: 15px;font-size: 18px;color:#fff;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-weight: bold;vertical-align: top;}
.n_product_detail .right a.a1{ background:#da573f; font-size:14px; font-weight:normal; width:94px;}
.n_product_detail .right a img{ margin:-3px 8px 0 0}
.n_product_detail .right a:hover{background: #da573f;}

.n_product_detail .fl02{overflow:hidden;background: #f4f6f7;}
.n_product_detail .fl02 h3{margin-bottom: 30px;border-bottom: #dbddde 1px solid;}
.n_product_detail .fl02 h3 span{display:inline-block;position:relative;font-size: 18px;color: #fff;width: 164px;height: 60px;background: #da573f;text-align: center;line-height: 60px;}
.n_product_detail .fl02 h3 span:before{content:"";position:absolute;bottom:0;left: 0;width: 100%;height: 3px;background: #da251d;display: none;}
.n_product_detail .fl02 .ar_article{ padding:0 25px}
.n_product_detail .fl02 .ar_article p{ font-size:14px; line-height:36px;}

.ar_article table td p{ text-align:center}
 
/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
	.container01 .resou dl dd a:hover{ color:#fff}
	
	.container02 .miso_bd ul li a:hover h5, .n_product ul li a:hover h5{ border:#da573f 1px solid; background:#da573f; color:#fff}
	
	.container03 ul li a:hover img{ box-shadow:0 0 15px rgba(0,0,0,0.25)}
	
	.container03 ul .miso-prev:hover{ background:url(../images/left01_on.png) center no-repeat; }
	.container03 ul .miso-next:hover{ background:url(../images/right01_on.png) center no-repeat; }
	
	.more000 a:hover{ border-radius:25px;}
	
	.container04 .content ul li a:hover:before{visibility:visible;transform:translateX(-50%) translateY(-50%) scale(1);background: #da573f;}
	.container04 .content ul li a:hover h5{ color:#fff}

	.container04 .content ul li a:hover h3 img.img01{ display:none}
	.container04 .content ul li a:hover h3 img.img02{ display:inline-block}
	
	.container05 ul li a:hover h5{ color:#da573f}
	
	.container07 .miso_bd ul li a:hover .top{ background:rgba(0,0,0,0.5)}
	.container07 .miso_bd ul li a:hover .top h5{ color:rgba(255,255,255,0.6)}
	.container07 .miso_bd ul li a:hover .top h4{ color:#fff}
	.container07 .miso_bd ul li a:hover .top p{ color:rgba(255,255,255,0.6)}

	.container07 .miso_bd ul li .bottom{ border-top:rgba(255,255,255,0.2) 1px solid; color:rgba(255,255,255,0.4)}
	
	footer .fl02 .left p a:hover{ color:#fff}
	
	.n_case ul li a:hover h5{ color:#da573f}
	
	.n_huoban  ul li a:hover img{ box-shadow:0 0 15px rgba(0,0,0,0.25)}
	
	.n_lingyu .fl02 ul li a:hover:before{ visibility:visible; transform:translateX(-50%) translateY(-50%) scale(1);}
	.n_lingyu .fl02 ul li a:hover h5{ color:#fff}

	.n_lingyu .fl02 ul li a:hover h3 img.img01{ display:none}
	.n_lingyu .fl02 ul li a:hover h3 img.img02{ display:inline-block}
	
	.container06 h3 span:hover{background: #b74833; letter-spacing:2px}
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
}

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	
}



@media(max-width: 456px){
	
}