@font-face{ font-family:myFirstFont; src:url(/statics/style/pc/font/tt0173m.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;padding: 100px 0 0;}
.section{ overflow:hidden;}

.w1500{ max-width:1500px; margin:0 auto}

.header .w1500{ position:relative}
.header{height: 100px;background: #fff;position:  fixed;width: 100%;top: 0;background:  #fff;z-index: 100000;}
.top a:link, .top a:visited {color: #4c4b4b;}
.top a:active,.top a:hover {}   
.top{z-index: 999;}
.logo{float: left;display: block;position: relative;height: 110px;line-height: 110px;}
.logo a{display: block;}
.logo .img{
    margin-top: -3px;
}
.nav{float:left;}
.nav li{ float: left; display: block; position: relative;}
.nav>li:before{content:"";position:absolute;bottom: 0;right: 0;width:0;height: 2px;-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;}
.nav>li.on:before,.nav>li:hover:before{left: 0; width:100%}
.nav li>a{position: relative;height: 110px;line-height: 130px;display: block;padding: 0px 2rem;z-index: 1;font-size: 16px;}
.nav li>a.active{ color: #a69678;}
.nav li>a.hov,.nav li>a:hover{}

.nav .subnav{position: absolute;z-index: 10;left: -10px;right: -10px;padding: 0 0 10px;background-color: #a69678;display:none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.nav .subnav div{ position:relative}
.nav .subnav div:last-child a{ border:none}
.nav .subnav div a{display: block;padding: 15px 5px;line-height: 1.4;color: #fff;text-align: center;position: relative;z-index: 1;perspective: 300px;transform-style: preserve-3d;font-size: 14px;margin: 0 15px;}
.nav .subnav div:after{ content: ""; position: absolute; width: 7px; height: 11px; right: 10px; top: 50%; margin-top: -5px; opacity: 0; visibility: hidden\9; -webkit-transition: 0.4s; transition: 0.4s;}
.nav .subnav div:before{content: "";display: block;position: absolute;left: 0px;bottom: 0px;z-index: -1;width: 100%;display: block;height: 100%;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transform: rotateX(-70deg);transform: rotateX(-70deg);z-index:-1;transform-origin: center bottom 0;-webkit-transform-origin: center top 0;left:0;opacity:0;bottom: 0;visibility:hidden;background-color: #ff390f;}
.nav .subnav div:hover{}
.nav .subnav div:hover:before,.nav .subnav div.hov:before{  transform: none; opacity: 1; visibility:visible;}
.nav .subnav a:hover:after,.nav .subnav a.hov:after{ opacity: 1; visibility: visible\9;}
.nav .subnav>div{ position: relative;}
.nav .subnav dl{ position: absolute; left: 100%; top: 0; width: 140px; padding: 1px; background-color: #ececec; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: none;}
.nav .subnav dl a:after{ display: none;}
.nav .subnav dl a:before{ background-color: #ef3e42;}
.nav .subnav dl a:hover{ color: #fff;}

.nav li.on>a, .nav li>a:hover{color: #da251d;}
.nav li.on a:before{ width:100%}

.menu-handler {display: none;width: 26px;height: 46px;cursor: pointer;position: absolute;right: 15px;top: 50%;z-index: 1020;transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);-webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);-moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);margin-top: -22px;}
.menu-handler .burger {width: 26px;height: 1px;background-color: #000;display: block;position: absolute;z-index: 5;top: 14px;left: 50%;margin: 0px 0px 0px -10px;transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;}
.menu-handler .burger-2 {top: 21px;}
.menu-handler .burger-3 {top: 28px;}
.menu-handler.active .burger-1 {top: 21px;-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%; }
.menu-handler.active .burger-3 {top: 21px;-moz-transform: rotate(-225deg);-webkit-transform: rotate(-225deg);-o-transform: rotate(-225deg);-ms-transform: rotate(-225deg);transform: rotate(-225deg);}

.siteMap-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1015; opacity: 0;  transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); -webkit-transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); visibility: hidden;}
.siteMap-nav a:link, .siteMap-nav a:visited { color: #666;}
.siteMap-nav a:active,.siteMap-nav a:hover { color: #a0733e;}  
.siteMap-nav{position: fixed;right: -101%;bottom: 0;top: 0;z-index: 10000;padding: 0 1.5rem;color: #666666;width: 16rem;-webkit-overflow-scrolling: touch;transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.siteMap-nav:before{ content:""; position:absolute; top:0; right:0; bottom:0; width:100vw; background:rgba(0,0,0,0.7)}
.siteMap-nav:after{content:"";position:absolute;top:0;right:0;bottom:0;width: 100%;background: rgba(255,255,255,.95);}

.siteMap-head{padding: 90px 0px 20px;margin-bottom: 20px;position: relative;z-index: 1000000;}
.siteMap-head .en{font-size: 24px;color: #a69678;line-height: 1.2;font-family: "pf_din_text_comp_proregular";display: none;}
.siteMap-head .zh{color: #333333;font-size: 16px;line-height: 27px;display: none;}
.siteMap-body{padding-bottom: 10px;position: relative;z-index: 1000000;}
.siteMap-list li{margin-bottom: 3rem;}
.siteMap-list a.sm-item{color: #333;margin-bottom: 10px;font-size: 15px;}
.siteMap-sub dd{float: left;display: block;margin-right: 15px;line-height: 28px;}
.siteMap-sub dd:last-child{ margin-right: 0;}
.siteMap-sub-nav a{ margin: 0px 8px;}
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher { transform: translateX(-26%); -webkit-transform: translateX(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .siteMap-overlay{ opacity: 1; visibility: visible;}
.menuOpen .siteMap-nav{right: 0;}
.siteMap-sub{margin-top: 18px;overflow: hidden;}

header .fr .tel{line-height: 100px;height: 100px;font-size: 1.125rem;color: #4c4b4b;padding-left: 2rem;margin-left: 1rem;position: relative;}
header .fr .tel:before{ content:""; position:absolute; left:0; width:1px; height:1.25rem; background:#4c4b4b; top:50%; margin-top:-.625rem}

.banner{position:relative;z-index:0;}
.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{ height:100%}
.banner .miso-list li{text-align:left;background-size: cover !important;}
.banner .miso-list li a{display:block;padding-bottom: 39.11%;width:100%;display: block !important;}
.banner .miso-list li .table{text-align:left;}
.banner .miso-dots{z-index: 1;width: 100%;bottom: 30px;}
.banner .miso-dots li{width: 20px;height: 20px;background: none;margin: 0 30px; position:relative}
.m_banner{ display:none}

.banner .miso-dots{bottom: 1.625rem;}
.banner .miso-dots li{display:inline-block;width: 3.125rem;height: 3px;background: rgba(255,255,255,.4);margin: 0 .375rem;}
.banner .miso-dots li.miso-active{border:#fff 1px solid; background:#fff}

.m_banner .miso-dots{ bottom:15px}
.m_banner .miso-dots li{ display:inline-block; width:10px; height:10px; border-radius:100%; border:#fff 1px solid; margin:0 10px}
.m_banner .miso-dots li.miso-active{border:#fff 1px solid; background:#fff}

.banner .miso-prev, .banner .miso-next{width:5.75rem;height:5.75rem;background-size:cover !important;position:absolute;top:auto;bottom:0;right:8%;z-index: 2;left:auto;}
.banner .miso-prev{}
.banner .miso-next{}

.logo a embed{width: 15rem;display: inline-block;vertical-align: middle;margin-top: -3px;}

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


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

.title00{text-align:center;margin-bottom: 3.25rem;}
.title00 h3{font-size: 1.875rem;color: #4c4b4b;position:relative;}
.title00 h3 span{ display:inline-block; padding:0 1.875rem; position:relative}
.title00 h3 span:before{content:"";position:absolute;left: -3.75rem;width: 3.75rem;height: 2px;background: #565555;top:50%;margin-top:0.5px;}
.title00 h3 span:after{content:"";position:absolute;right: -3.75rem;width: 3.75rem;height: 2px;background: #565555;top:50%;margin-top:0.5px;}
.title00 p{ font-size:1.125rem; color:#818181; line-height:2rem}

.container01{padding: 3.5rem 0 4rem;}
.container01 ul{font-size:0;margin: 0 -1.5px;margin-bottom: 2.5rem;}
.container01 ul li{display:inline-block;padding: 0 1.5px;width:33.333333%;margin-bottom: 3px;}
.container01 ul li .img{overflow:hidden;position:relative;width: 100%;padding-bottom: 59.84%;}
.container01 ul li .img img{width:100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.container01 ul li .img .con{position:absolute;bottom:0;left:0;width:100%;height: 100%;-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;padding:0 2.5rem;transform: translateY(101%);}
.container01 ul li .img .con h2{font-size: 1.5rem;color:#fff;line-height:2.5rem;padding: 0;}
.container01 ul li .img .con h3{font-size: 0.875rem;color:#fff;line-height: 1.5;margin-top: .5rem;display:inline-block;width:70%;}

.container01 ul li.li1{ width:66.666666%;}
.container01 ul li.li1 .img{ padding-bottom:61.4%}
.container01 ul li.li2 .img{ padding-bottom:123.09%}

.more00{ text-align:center}
.more00 a{ display:inline-block}
.more00 a h3 svg{ transition:.6s; width:1.75rem; height:1.75rem; fill:#b5b6b6}
.more00 a h5{font-size: 1rem;color:#b5b6b6;letter-spacing:3px;margin-top:1.25rem;-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;}
.more00 a:hover h3 svg{ transform:rotate(180deg); fill:#da251d;}
.more00 a:hover h5{ color:#da251d; letter-spacing:5px}

.container02{ overflow:hidden}
.container02 .content{ background:url(../image/container02_bg.jpg) center bottom no-repeat; padding:7.5rem 0; text-align:center; background-size:cover}
.container02 h1{font-size: 3rem;color:#fff;margin-bottom:1.75rem;letter-spacing: .375rem;line-height: 1.5;}

.container03{ padding:0 0 2.25rem}
.container03 .content{ background:url(../image/container03_bg.jpg) center bottom no-repeat; padding:3.5rem 3.625rem 2rem; text-align:center; background-size:cover}
.container03 .left{border-bottom:#4c4b4b 1px solid;text-align:left;padding-bottom: 1.5rem;}
.container03 .left h3{font-size:2.125rem;color:#6c6c6c;line-height: 1.5;text-transform:uppercase;margin-bottom: .75rem;}
.container03 .left h5{font-size:1.75rem;color: #6c6c6c;}
.container03 .right{ padding: 2rem 0;}
.container03 .right ul{font-size:0;margin: 0 -1.5rem;}
.container03 .right ul li{display:inline-block;width: 25%;padding: 0 1.5rem;font-size:1rem;color:#6c6c6c;line-height:2.25rem;}
.container03 .right ul li a{font-size:15px;color:#6c6c6c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width: 100%;}
.container03 .right ul li a img{ display:inline-block}

.container04{background:#232323;padding: 2.5rem 0 1.5rem;}
.container04 .w1500, footer .w1500{ padding:0 2rem}
.container04 .fl01{border-bottom: #4c4b4b 1px solid;padding: 0 0 1.75rem 0;margin-bottom: 1.25rem;overflow: hidden;}
.container04 .fl01 .left{ width:46%}
.container04 .fl01 .left h4{font-size: 1.625rem;color:#ffffff;margin: 0 0 1.25rem;font-family: "Microsoft Yahei";}
.container04 .fl01 .left p{font-size:0.875rem;color: #cfcece;line-height:1.5625rem;font-family: "Microsoft Yahei";}
.container04 .fl01 .left .con.fr img{margin-top: 0;width: 8.25rem;}
.container04 .fl01 .right{ width:46%}
.container04 .fl01 .right h5{font-size:18px;color:#fff;line-height:3.125rem;padding: 1rem 0 0;}
.container04 .fl01 .right p{font-size:0.875rem;color: #cfcece;line-height:1.875rem;}
.container04 .fl02 .left{width: 6.25rem;line-height: 20px;}
.container04 .fl02 .left h5{font-size: 1rem;color:#fff;}
.container04 .fl02 .right{width: calc(100% - 6.25rem);}
.container04 .fl02 .right ul{ font-size:0}
.container04 .fl02 .right ul li{display:inline-block;padding-left: 0rem;font-size: .875rem;color: #cfcece;line-height:20px;margin-right: 2rem;}
.container04 .fl02 .right ul li a{font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width: 100%;}
.container04 .fl01 .right .title001{ margin-bottom:1rem}

footer{ background:#000000; padding:1rem 0; font-size:1rem; color:#fff; line-height:1.75rem}
footer a{ font-size:1rem; color:#fff; line-height:1.5rem}

.container04 .title001{height:4.375rem;border-bottom:#4c4b4b 1px solid;margin-bottom: 1.5rem;}
.container04 .con.fr{ margin-left:1.75rem}
.container04 .con h5{ font-size:.875rem; color:#cfcece; margin-top:.5rem; text-align:center}

/*==========================================首页 结束=============================================*/


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

#n_banner{height: 390px;margin-top: 0;text-align:center;background-size: cover !important;}
#n_banner .w1200{ height:300px;}
#n_banner .table{text-align:left;width: 100%;height: 100%;display: table;}
#n_banner .table .box{ display:table-cell; vertical-align:middle;}
#n_banner h3{font-size:2.25rem;color:#fff;text-align:center;line-height: 1.5;padding: 0 15px;letter-spacing: .375rem; font-weight:100;}

#m_n_banner{left: 0;top: 0;width: 100%;display: none;background-size: 100% auto;}
#m_n_banner img{ width:100%}

.m_banner{ display:none}

.header.header01{}
.header .logo{line-height: 100px;height: 100px;}
.header .logo img{height: 3.2rem;}
.header.header01 .nav li>a{height: 100px;line-height: 100px;}
.header.header01 .fr .tel{height: 100px;line-height: 100px;}

.n_title01{margin-bottom: 3rem;text-align: center;}
.n_title01 h3{font-size: 2.25rem;color: #4d4b4b;margin-bottom: 1rem;}
.n_title01 h4{font-size: 1.625rem;color: #4d4b4b;text-transform:uppercase;}

.n_contact .fl01{padding: 8.125rem 0 7.25rem;}
.n_contact .n_title01{margin-bottom: 1.75rem;text-align:left;border-bottom: #4d4b4b 1px solid;padding-bottom: 1.375rem;padding-left: .75rem;}
.n_contact .fl01 .left{width:32.125rem;padding: .75rem 0 0 .75rem;}
.n_contact .fl01 .left h4{font-size:1.125rem;color:#595959;margin-bottom: .5rem;}
.n_contact .fl01 .left h5{ font-size:0.875rem; color:#595959; text-transform:uppercase}
.n_contact .fl01 .left .right_con h3{font-size:2.25rem;color:#4d4b4b;line-height: 2;}
.n_contact .fl01 .left .right_con{
    padding: 1.5rem 0 2rem;
}
.n_contact .fl01 .right{ width:calc(100% - 32.125rem); padding-left:7.25rem}
.n_contact .fl01 .left dl{margin: 0 0 3rem;}
.n_contact .fl01 .left dl dt{ font-size:1.25rem; color:#595959; margin-bottom:0.875rem}
.n_contact .fl01 .left dl dd{ font-size:1rem; color:#595959; line-height:1.5rem}
.n_contact .fl01 .left .ewm{ padding:.35rem 0; border-top:#c9c9c9 1px solid; border-bottom:#c9c9c9 1px solid}
.n_contact .fl01 .left .ewm img{ width:7.75rem; height:7.75rem;}
.n_contact .fl01 .left .con{ max-width:calc(100% - 7.75rem); height:7.75rem;}
.n_contact .fl01 .left .con .table{ text-align:right}
.n_contact .fl01 .left .con .table h6{ text-align:left; display:inline-block; font-size:1rem; color:#595959; line-height:1.75rem; padding-right:2rem}

.n_contact .fl02{padding: 0 0 2rem;}
.n_contact .fl02 .ar_article{ padding-left:.75rem}
.n_contact .fl02 .ar_article p{ font-size:.875rem; line-height:1.75rem}
.n_contact .fl02 .ar_article hr{ background:#c9c9c9; margin:2rem -.75rem}

.n_about .fl01{padding: 4rem 0 2rem;}
.n_about .fl01 .n_title01{margin-bottom: 3rem;}
.n_about .fl01 .ar_article p{ margin-bottom:1.875rem}

.n_about .fl011 .content{ height:41rem; background:url(../image/n_about_fl11_bg.jpg) center bottom no-repeat; background-size:cover}
.n_about .fl011 .content h2{ font-size:4.75rem; color:#fff; letter-spacing:.25rem}
.n_about .fl011 .content h3{ font-size:2.375rem; color:#fff; letter-spacing:.5rem; line-height:1.5; margin-top:2.5rem}

.n_about .fl02{ background:#e6e6e6; padding:7.875rem 0 7.875rem;}
.n_about .fl02 .n_title01{ margin-bottom: 8rem}
.n_about .fl02 .left{ width:46%;}
.n_about .fl02 .left p{ font-size:1.5rem; color:#595959; line-height:34px; margin-bottom:6.25rem}
.n_about .fl02 .right{width:46%;text-align: center;}

.n_about .fl03{padding: 0;}
.n_about .fl03 .content{background:url(../image/n_about_fl03_bg.jpg) center bottom no-repeat;background-size:cover;padding: 3.75rem 2rem;}
.n_about .fl03 .content .n_title01{ border-bottom:#4c4b4b 1px solid; padding-bottom:2rem}
.n_about .fl03 ul{ font-size:0}
.n_about .fl03 ul li{display:inline-block;width: 20%;padding-right:1rem;font-size:1rem;color:#6c6c6c;line-height: 2.375rem;}
.n_about .fl03 ul li a{font-size: 1rem;color: #6c6c6c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width: 100%;}

.n_about .fl04{padding: 3.75rem 0 3rem;}
.n_about .fl04 .n_title01{ margin-bottom:1.5rem}
.n_about .fl04 h6{font-size:1.25rem;color:#4d4b4b;line-height:2.625rem;text-align:center;margin: 0 0 1.5rem;}

.n_case_detail{padding: 0 0 2rem;}
.n_case_detail .fl01 {padding: 4rem 0 0;margin-bottom:2rem;}
.n_case_detail .fl02 .ar_article{ text-align:center}
.n_case_detail .fl01 .left{ width:315px;}
.n_case_detail .fl01 h3{font-size:2rem;color:#4c4b4b;margin-bottom: .75rem;}
.n_case_detail .fl01 h4{font-size: 1.125rem;color:#4c4b4b;text-transform:uppercase;line-height: 1.5;}
.n_case_detail .fl01 h5{font-size:0.875rem;color:#4c4b4b;line-height: 1.5;margin: 2rem 0 0;}

.n_case_detail .fl01 .right{ width:48.333333%;}
.n_case_detail .fl01 .right p{ font-size:14px; color:#4c4b4b; line-height:1.875rem}
.n_case_detail .fl02 .fanye{text-align:center;line-height: 1.5rem;}
.n_case_detail .fl02 .fanye a{ font-size:1.125rem; color:#595959; transition:.6s}
.n_case_detail .fl02 .fanye svg{width: 1.5rem;height: 1.5rem;fill:#6e6e6e;transition:.6s;margin:0 .5rem;}

.n_case_detail .fl03{ padding:4.5rem 0 0}
.n_case_detail .fl03 h3{font-size: 1.375rem;color: #595959;margin-bottom:1rem;text-align: center;}
.n_case_detail .fl03 h4{font-size: 1.125rem;color: #595959;margin-bottom:3rem;text-align: center;}
.n_case_detail .fl03 ul{font-size:0;margin: 0 -2px;}
.n_case_detail .fl03 ul li{display:inline-block;padding: 0 2px;width:25%;}
.n_case_detail .fl03 ul li a .img{display:block;overflow:hidden;width: 100%;padding-bottom: 59.84%;position: relative; object-fit:cover}
.n_case_detail .fl03 ul li a img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit: cover;}

.n_service .fl01{ padding:4rem 0 0}
.n_service .fl01 ul li .box{ display:table-cell; width:50%; position:relative; background:#f3f3f3;}
.n_service .fl01 ul li .box .con{ position:absolute; top:0; left:0; width:100%; height:100%}
.n_service .fl01 ul li .box .con .top{top: 2.5rem;left: 2.5rem;right: 2.5rem;position:absolute;}
.n_service .fl01 ul li .box .con .top h3{font-size: 1.75rem;color: #595959;line-height: 2.375rem;}
.n_service .fl01 ul li .box .con .top h4{font-size: 1.75rem;color:#595959;line-height: 2.375rem;margin-bottom: 1rem;}
.n_service .fl01 ul li .box .con .top p{font-size: .9375rem;line-height:1.75rem;color: #595959;}
.n_service .fl01 ul li .box .con .bottom{bottom: 2.5rem;left: 2.5rem;right: 2.5rem;position:absolute;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;}
.n_service .fl01 ul li .box .con .bottom ul{ font-size:0}
.n_service .fl01 ul li .box .con .bottom ul li{display:inline-block;width:33.3333333%;font-size: 1.125rem;color: #000000;line-height:2rem;}
.n_service .fl01 ul li .box .con .bottom dl{ display:inline-block; vertical-align:top}
.n_service .fl01 ul li .box .con .bottom dl dt{font-size: 1rem;color: #000;transition:.6s;margin-bottom: .5rem;}
.n_service .fl01 ul li .box .con .bottom dl dd{font-size: .9375rem;color: #000000;line-height: 1.625rem;transition:.6s;}

.n_service .fl01 ul li .img{ display:table-cell; width:50%; overflow:hidden}
.n_service .fl01 ul li .img img{ width:100%}

.n_service .fl01 ul li .box.box01{ background:url(../image/n_service_box1_bg.jpg) center bottom no-repeat;background-size:cover;}

.n_service .fl01 ul li .box.box02{ background:url(../image/n_service_box2_bg.jpg) center bottom no-repeat;background-size:cover;}
.n_service .fl01 ul li .box.box02 .con .bottom ul li{ width:50%}
.n_service .fl01 ul li .box.box02 .con .top h3{ color:#fff}
.n_service .fl01 ul li .box.box02 .con .top h4{ color:#fff}
.n_service .fl01 ul li .box.box02 .con .top p{ color:#fff}
.n_service .fl01 ul li .box.box02 .con .bottom dl dt, .n_service .fl01 ul li .box.box02 .con .bottom dl dd{ color:#fff}

.n_service .fl01 ul li .box.box03{ background:#0071cb;}
.n_service .fl01 ul li .box.box03 .con .top h3{ color:#fff}
.n_service .fl01 ul li .box.box03 .con .top h4{ color:#fff}
.n_service .fl01 ul li .box.box03 .con .top p{ color:#fff}
.n_service .fl01 ul li .box.box03 .con .bottom dl dt, .n_service .fl01 ul li .box.box03 .con .bottom dl dd{ color:#fff}

.n_service .fl01 ul li .box.box04{ background:url(../image/n_service_box4_bg.jpg) center bottom no-repeat;background-size:cover;}
.n_service .fl01 ul li .box.box04 .con .bottom ul li{ width:33.333333%}

.n_service .fl01 ul li .box.box06{ background:#75accb;}
.n_service .fl01 ul li .box.box06 .con .top h3{ color:#fff}
.n_service .fl01 ul li .box.box06 .con .top h4{ color:#fff}
.n_service .fl01 ul li .box.box06 .con .top p{ color:#fff}
.n_service .fl01 ul li .box.box06 .con .bottom dl dt, .n_service .fl01 ul li .box.box06 .con .bottom dl dd{ color:#fff}

.n_service .fl02{padding: 3.125rem 0;}
.n_service .fl02 .n_title01{margin-bottom:0;background:url(../image/n_service_fl02_bg.jpg) center bottom no-repeat;background-size:cover;padding: 4.375rem 1rem;}
.n_service .fl02 .n_title01 h3 , .n_service .fl02 .n_title01 h4{ color:#fff}
.n_service .fl02 ul{font-size:0;background:#da251d;padding: 7.875rem 3rem;text-align: center;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;}
.n_service .fl02 ul li{display:inline-block;padding:0 3rem;width: auto;max-width: 33.333333%;text-align: left;}
.n_service .fl02 ul li .left{ display:inline-block}
.n_service .fl02 ul li .right{display:inline-block;padding-left: 0;}
.n_service .fl02 ul li .right h3{font-size: 1.5rem;color: #fff;margin-bottom: 1.75rem;}
.n_service .fl02 ul li .right h4{ font-size:1.75rem; color:#a69678; text-transform:uppercase; margin-bottom:0.75rem}
.n_service .fl02 ul li .right p{font-size:14px;color: #fff;line-height: 26px;max-width: 15rem;}


.n_service .fl03{padding: 0 0 3.5rem;}
.n_service .fl03 .content{background:url(../image/n_service_fl03_bg.jpg) center bottom no-repeat;background-size:cover;padding: 4rem 0 0rem;}
.n_service .fl03 .n_title01{margin-bottom: 4rem;border-bottom: #4d4b4b 1px solid;padding-bottom: 2.5rem;}
.n_service .fl03 ul{font-size:0;margin: 0;padding: 0 1.5rem;}
.n_service .fl03 ul li{display:inline-block;padding: 0;width:25%;margin-bottom: 5rem;text-align: center;}
.n_service .fl03 ul li h2 span{display:inline-block;width: 8.375rem;height: 8.375rem;background: #da251d;line-height:8.25rem;font-size:4.5rem;color:#fff;text-align:center; box-shadow: 0px 10px 25px 0px rgba(13, 5, 9, 0.5);}
.n_service .fl03 ul li h3{font-size: 1.5rem;color: #595959;margin-bottom: 1rem;margin-top: 2.375rem;}
.n_service .fl03 ul li h4{font-size: 1.5rem;color: #595959;text-transform:uppercase;margin-bottom:0.75rem;}
.n_service .fl03 ul li p{font-size: 0.875rem;color:#595959;line-height:24px;}

.n_case_list{ padding:6rem 0 4.375rem}
.n_case_list ul li .con1{padding: 1rem 1rem 1rem;transition: .6s;margin-bottom: 1rem;}
.n_case_list ul li .con1 h2{font-size:1.125rem;color:#4c4b4b;line-height: 1.25;}
.n_case_list ul li .con1 h3{font-size:.875rem;color:#4c4b4b;margin-top: .625rem;}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	.container01 ul li a:hover .img .con{transform: translateY(0);background: rgba(0,0,0,0.9);}
	
	.container03 .right ul li a:hover{ color:#da251d;}
	
	.container04 .fl02 .right ul li:hover a{ text-decoration:underline}
	
	.n_case_detail .fl02 .fanye a:hover{ color:#da251d;}
	.n_case_detail .fl02 .fanye a:hover svg{ fill:#da251d;}

	.container01 ul li a:hover .con1{ background:#000}
	.container01 ul li a:hover .con1 h2, .container01 ul li a:hover .con1 h3{ color:#fff}
}


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

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

@media(max-width: 1530px){
	.w1500{ max-width:100%; margin:0 auto; padding:0 15px}
}

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

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

@media(max-width: 1200px){
	.header .nav li>a{ padding:0 15px}
	
	.banner{ display:none}
	.m_banner{ display:block}
	.container04 .fl02 .right ul li{ padding-left:2rem}
	
	#n_banner{height: 20rem;}
	#m_n_banner{display: none;}
	#n_banner h3{ font-size:1.5rem}
}

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

@media(max-width: 992px){
	header .fr .tel{ display:none}
	
	.container04 .fl01 .left{ width:100%}
	.container04 .fl01 .right{ width:100%}
	
	.container04 .fl02 .right ul li{ padding-left:2rem; width:33.333333%}
	
	.container01 ul{margin-bottom:1.5rem;}
	.container01 ul li{width:50%;}
	

	.n_about .fl02 .right img{ width:100%;}
	

	.n_about .fl03 ul li{ width:33.333333%}
	
	.n_service .fl01{padding: 3rem 0 0;}
	.n_service .fl01 ul li{ overflow:hidden}
	.n_service .fl01 ul li .box{width:100%;display: table-header-group;}
	.n_service .fl01 ul li .img{width:100%;display: table-footer-group;}
	.n_service .fl01 ul li .box .con{ position:relative}
	.n_service .fl01 ul li .box .con .top{position:relative;margin-bottom: 0rem;top: 0;left: 0;right: 0;padding: 2rem;}
	.n_service .fl01 ul li .box .con .bottom{position:relative;bottom:  auto;left:  0;right: 0;padding: 2rem;}
	
	.n_service .fl01 ul li .box .con .bottom ul li{ width:50%}
	
	.n_service .fl02 ul{ margin:0 -1rem}
	.n_service .fl02 ul li{ padding:0 1rem}
	
	.n_service .fl03 ul{ margin:0 -1rem}
	.n_service .fl03 ul li{padding: 0 1rem;}
	
	.container01 ul li.li1{width: 66.666666%;}
	.container01 ul li.li2{width: 33.333333%;}
	
	
	.n_contact .fl01 .left{ width:100%}
	.n_contact .fl01 .right{width:100%;padding: 3rem 0 0;}
}

@media(max-width: 768px){
	.a_body{ padding:70px 0 0}
	.ar_article p{font-size: 14px;}
	
	.ar_web{ display:none}
	.n_title{ display:none}
	.header .nav{ display:none}
	.header .menu-handler{ display:inline-block}
	#m_n_nav{ display:block}
	
	.header{ height:70px;}
	.logo .img{height: 35px;}
	.header .logo{ height:70px; line-height:70px;}
	
	
	.container02{padding: 0;}
	.container02 .content{ padding:3rem 0}
	.container02 h1{font-size: 1.5rem;margin-bottom:1rem;}
	.container02 h4{ font-size:1.25rem; }
	
	.container03 .left{ width:100%; margin-bottom:2rem}
	.container03 .left h3,.container03 .left h5{text-align:center;}
	.container03 .left h3{font-size:1.5rem;margin-bottom: .5rem;}
	.container03 .left h5{font-size: 1.25rem;}
	.container03 .right{width:100%;padding: 0;}
	.container03 .right ul{ margin:0 -5px}
	.container03 .right ul li{width: 33.3333333%;padding: 0 5px;}
	
	.container04 .fl01 .right{ display:none}
	.container04 .fl02{ display:none}

	footer{ text-align:center}
	footer .left,footer .right{ width:100%}
	
	.container04 .title001{height: 44px;}
	.container04 .fl01 .left h4{ font-size:1.5rem}
	.container04{padding:1.875rem 0 0;overflow: hidden;}
	.container04 .fl01 .left h3{display:inline-block;text-align: left;width: 15.125rem;}
	.container04 .fl01 .left h3 img{display: inline-block;max-height: 30px;}
	.container04 .fl01 .left .con.fr img{width:80px;}
	
	.container01 ul li .img .con{ padding:0 1.5rem}
	.container01 ul li .img .con h2{ font-size:2rem}
	.container01 ul li .img .con h3{ font-size:1.25rem}
	
	.n_title01{text-align:center;margin-bottom: 2rem;}
	.n_title01 h3{font-size: 1.5rem;}
	.n_title01 h4{font-size: 1.125rem;}
	.n_contact .n_title01{margin-bottom:3rem;padding: 0 0 1.5rem;}
	.n_contact .fl01 .left{width:100%;text-align: left;margin-bottom:2rem;padding: 0;}
	.n_contact .fl01 .left h3{font-size: 1.25rem;line-height:2.5rem;}
	.n_contact .fl01 .left .right_con{width: 100%;}
    .n_contact .fl01 .left .right_con h3{ font-size:1.5rem}
	.n_contact .fl01 .right{ width:100%; text-align:center; margin-top:-2rem}
	.n_contact .fl01 .right dl{ margin:2rem 0}
	
	.n_contact .fl02{padding: 0 0 3rem;}
	
	.n_about .fl01{padding: 3rem 0 1rem;}
	.n_about .fl01 .n_title01{ margin-bottom:2rem}
	
	.n_about .fl02{ padding:4rem 0}
	
	.n_about .fl02 .n_title01{ margin-bottom:3rem}
	.n_about .fl02 .left{ width:100%; margin-bottom:3rem}
	.n_about .fl02 .left p{margin-bottom:1.5rem;font-size: 14px;line-height: 2rem;}
	.n_about .fl02 .right{ width:100%; text-align:center}
	.n_about .fl02 .right img{ width:12rem}
	

	.n_about .fl03{padding: 0;}
	.n_about .fl03 ul li{ width:50%}
	

	.n_about .fl04{padding: 3rem 0 1rem;}
	
	.n_case_detail {padding: 0rem 0 1rem;}
	.n_case_detail .fl01 .left{ width:100%; margin-bottom:2rem}
	.n_case_detail .fl01 .right{ width:100%}
	
	.n_service .fl02{ padding:2rem 0}

	.n_service .fl02 .n_title01{margin-bottom: 0;}
	.n_service .fl02 ul{display:block;padding: 3rem 0 1rem;margin: 0;}
	.n_service .fl02 ul li{width:100%;margin-bottom:2rem;max-width: 100%;text-align:center;padding: 0 3rem;}
	.n_service .fl02 ul li .right{ background-size:4rem auto !important}
	.n_service .fl02 ul li .right h3{font-size:1.5rem;}
	.n_service .fl02 ul li .right h4{font-size: 1.25rem;}
	.n_service .fl02 ul li .right p{max-width:100%;font-size: .9375rem;}
	
	.n_service .fl03{padding: 0 0 2rem;}
	.n_service .fl03 ul li{ width:50%; text-align:center}
	.n_service .fl03 ul li h3{font-size:1.5rem;margin: 1.5rem 0 .75rem;}
	.n_service .fl03 ul li h4{font-size: 1rem;}
	
	.container04 .fl01 .left .con.fl{ width:calc(100% - 90px)}
	
	.n_about .fl03 ul li a{ font-size:13px}
	
	.container03 .content{ padding:2rem 15px}
	
	.container04 .fl01 .left{ text-align:center}
	.container04 .fl01 .left .con.fl{ width:100%; margin-bottom:1.5rem}
	.container04 .con.fr{ float:none; display:inline-block; margin:0 .75rem}
	.container04 .fl01{ border-bottom:none; margin-bottom:0}
	.container01{ padding:3rem 0}

	#n_banner{height: 12rem;}

	.n_about .fl011 .content{ height:20rem}
	.n_about .fl011 .content h2{ font-size:2rem; letter-spacing:.25rem}
	.n_about .fl011 .content h3{ font-size:1.25rem; letter-spacing:.25rem}
	
	.n_service .fl01 ul li .box .con .bottom{display:block;font-size: 0;}
	.n_service .fl01 ul li .box .con .bottom dl{width: 100%;margin-bottom: 2rem;font-size: 0;}
	.n_service .fl01 ul li .box .con .bottom dl dt{ font-size:15px}
	.n_service .fl01 ul li .box .con .bottom dl dd{display:inline-block;margin-right: 0;min-width: 50%;}

	.n_service .fl01 ul li .box .con .top h4{ font-size:1.5rem}
	.n_service .fl03 ul li{ margin-bottom:2rem}
	.n_service .fl03 ul li h2 span{ width:5rem; height:5rem; line-height:5rem; font-size:2.5rem}
	
	.n_service .fl03 .n_title01{ padding-bottom:1.25rem; margin-bottom:2rem}
	.n_service .fl03 ul li p{ line-height:20px}
	.n_service .fl03 ul li p br{ display:none}
	.n_case_list{ padding:3rem 0}
	.more00 a h3 img{ height:1.5rem}
	.n_contact .fl02 .ar_article{padding:0}
	.n_contact .fl01{ padding:3rem 0}
	
	#n_banner h3{ font-size:1.25rem; line-height:1.5rem; letter-spacing:1px}
	
	.title00 h3{ font-size:1.5rem}
	.title00 h3 span:before{ width:2.5rem; height:2px; left:-2.5rem}
	.title00 h3 span:after{ width:2.5rem; height:2px; right:-2.5rem}
	.title00{ margin-bottom:2.5rem}
	.container03 .right ul li:last-child{ display:none}
	#gotop{ opacity:.8}
	
	.n_service .n_title01 h3{}
	.n_service .fl01 ul li .img img{ display:none}
 }

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