@charset "utf-8";
html{font-size:100px;}
.main-width{width:1200px;margin:0 auto;}
.header{height:80px;width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; background-color:#fff; position:sticky; left:0; top:0; z-index:9999;}
.header .display{ display:block;}
.header .hidden{ display:none;}
.header .main-width{position:relative; /* width:98%; */}
.header .logo { display: none;}
.header .logo .phone-menu{display:none;width:40px;height:40px;background:url(../images/all-icon.png) no-repeat -115px 10px;cursor:pointer;}
.header .nav{position: relative; display:-webkit-flex; display:flex; justify-content:space-between; align-items: center;}
.header .nav > ul{ flex:1; text-align:right; padding-right:60px;}
.header .nav > ul > li{position:relative; display:inline-block; font-size:18px; padding:0 10px; font-weight:lighter;}
.header .nav > ul > li > a{padding:0 20px;color:#434343;display:block;line-height:76px;text-transform:uppercase;}
.header .nav > ul > li > a:hover,.header .nav > ul > li.active > a{color:#b70000;}
.header .nav .drop-down{display:none;position:absolute;top:80px;left:0;z-index:9999; width:100%; overflow: hidden; border: 1px solid #d3d3d3; background-color:#fff;}
.header .nav > ul > li .drop-down > li{ padding-left:20px; line-height:2.5; text-align: left;} 
.header .nav > ul > li .drop-down > li:hover{ background-color:#fafafa;}
.header .nav > ul > li .drop-down > li:not(:last-child){border-bottom: 1px solid #d3d3d3; }

.header .nav .pc-logo{position:absolute; top:50%; transform:translateY(-50%); left:0; max-width:14%;}
.header .lang{position:absolute; right:0; top:50%; transform:translateY(-50%);}
/* .header .lang, */.header .lang i{ display:inline-block; vertical-align:middle;}
.header .lang i{ margin-right:10px; width:35px; height:26px; background:url(../images/all-icon.png) no-repeat 0 -34px;position:relative;}
.header .lang select{ -webkit-appearance:none; appearance:none; font-size:14px; color:#434343; text-transform:uppercase; padding-right:20px; border:0; background-color:transparent;}
.header .lang select option{ color:#333; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ appearance:none;}
.header .lang::after{content:''; position:absolute; top:0; right:0; bottom:0; margin:auto 0; z-index:-1; width:7px; height:4px; background:url(../images/all-icon.png) no-repeat -91px -45px;}
.header .nav .search{/* position:absolute; right:5%; top:50%; transform:translateY(-50%); width:100px;*/ line-height:28px;}
.header .nav .search .box{position:relative;width:30px;float:right;}
.header .nav .search .box input.text{width:100%;height:30px;line-height:30px;color:#434343;padding:0 30px 0 8px;background:none;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.header .nav .search .box input.btn,.header .nav .search .box input.sub{position:absolute;width:18px;height:18px;top:5px;right:6px;background:url(../images/all-icon.png) -278px 0 no-repeat;cursor:pointer;}
.header .nav .search .box input.sub{display:none;}



.banner .swiper-slide{ display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide a{ display:block;}
.banner .swiper-slide img{ width:100%; height:100%; object-fit:cover;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background-color:#434343; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ opacity: .2;}
.banner .swiper-button-next,.banner .swiper-button-prev{ left: 0; width:35px; height:50px; opacity:.3; background-color:rgba(0, 0, 0, .5); background-size:25px 25px; border-radius:0 4px 4px 0;}
.banner .swiper-button-next{left: auto; right: 0; border-radius:4px 0 0 4px;}

.plist h3{ padding:50px 0; text-align: center;}
.plist h3 span,.home article h3 span{ display:inline-block; font-size:30px; position: relative; line-height:1.8; text-transform:uppercase;}
.plist h3 span::after,.home article h3 span::after{ content: ''; position: absolute; left:0; bottom:-10px; right:0; margin:0 auto; width:1.5em; border-bottom:3px solid #b70000;}
.plist .tit{ display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; padding:20px 0;}
.plist .tit select{ padding:5px 10px; border:1px solid #dcdcdc;}
.plist ul{ display:-webkit-inline-box; display: flex; flex-wrap: wrap; margin-bottom:30px;}
.plist li{ width:280px; padding:20px; margin:10px 9px; background-color:#fff;}
.plist li .pic{ display:-webkit-flex; display:flex; height:270px; align-items:center; justify-content:center; overflow: hidden;}
.plist li .pic img{ max-width:100%; max-height:100%;}
.plist li .name{ padding-top:20px; font-size:18px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; overflow:hidden;}
.plist p .btn{ display:inline-block; min-width:20%; line-height:3em; font-size:16px; border:3px solid #434343;text-transform:uppercase;}

.home{ padding:50px 0; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap;}
.home article{ display:inline-block; width:48%; font-size:16px; line-height:1.8;}
.home article h3{ padding-bottom:40px;}
.home article h3 span::after{ right:auto; margin:auto;}
.home article a{ display: inline-block; color:#b70000; text-decoration: underline;}


/*底部*/
.footer{ margin-top:40px; padding:40px 0; font-size:12px; color:#fff; background-color:#434343;}
.footer .main-width{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.footer .right{ display:inline-block; vertical-align: middle; border-left:1px solid #a1a1a1; margin-left:10px; padding-left:30px;}
.footer span{ display:inline-block; vertical-align: middle;}
.footer .icon{ display:inline-block; vertical-align:middle; margin:0 5px; width:24px; height:24px; background:url(../images/all-icon.png) 0 -131px no-repeat;}
.footer .icon.s{background-position-x: -41px;}
.footer .icon.f{background-position-x: -80px;}
.footer .icon.w{background-position-x: -121px;}

.icon-flow{position:fixed;right:0;bottom:150px;z-index:999; overflow:hidden;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.icon-flow li{ margin-bottom:1px; background-color:#009843;}
.icon-flow li.totop{ background-color:#007bc7;}
.icon-flow li a{ display:inline-block;}
.icon-flow li i{ display:inline-block; vertical-align:middle; width:50px; height:50px; background:url(../images/all-icon.png) 0 -174px no-repeat;}
.icon-flow li span{ display:none; padding-right:15px; line-height:50px; font-size:14px; color:#fff;}
.icon-flow li.tel i{ background-position-x: -62px;}
.icon-flow li.qq i{ background-position-y: -228px;}
.icon-flow li.m i{ background-position: -62px -228px;}
.icon-flow li.m .pic{ display:none;}
.icon-flow li.m .pic i{ margin-bottom:20px; width:120px; height:120px; /* background-position: 0  -412px; */}


/*内页*/
.all-banner{ padding:20px 0; background:#eee url(../images/top-bg.jpg) 50% 0 no-repeat; text-align: center; text-transform: uppercase;}
.all-banner h2{ line-height:2; font-size:30px; font-weight: bold;}
.all-banner h3{ font-size:14px;}
.all-banner h3 span{ margin:0 20px; display:inline-block; width:6px; height:9px; background:url(../images/all-icon.png) -189px -35px no-repeat;}

.about{ padding-top:100px;}
.about-txt{ padding-top:40px;}
.about-txt h3{ padding:10px 0; margin-bottom:20px;}
.about-txt span{ display:inline-block; font-size:30px; position: relative; line-height:1.8; text-transform:uppercase;}
.about-txt span::after{ content: ''; position: absolute; left:0; bottom:-10px; width:1.5em; border-bottom:3px solid #b70000;}
.about-txt{ line-height: 1.8; font-size:16px;}
.about-txt p{ margin-bottom:20px;}

.pview-top{ padding:30px 0; display: -webkit-flex; display:flex; justify-content:space-between; align-items:center;}
.pview-top a{ display:inline-block; width:15px; height:28px; background:url(../images/all-icon.png) -142px -186px no-repeat; font-size:0;}
.pview-top a.h{ width:27px; height:27px; background-position-x: -200px;}
.pview-top a.n{ background-position-x: -284px;}
.pview{ padding-bottom:50px; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.pview-pic{ position: relative; width:590px; max-width:49%; display:-webkit-inline-flex; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background-color:#fff; overflow: hidden;}
.pview-pic a{ display:inline-block; width:20px; height:20px; position:absolute; bottom:20px; right:20px; background:url(../images/all-icon.png) -278px 0 no-repeat;}
.pview-txt{ flex:1; padding-left:10%; font-size:14px; line-height:1.8;}
.pview-txt h4{ font-size:30px; text-align: left; line-height:1.5; padding:0;}
.pview-txt .detail{ padding:20px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin:20px 0;}
.pview-tit{ position: relative; text-align: center; margin-bottom:20px;}
.pview-tit::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; margin:auto 0; height:1px; background-color:#dcdcdc;}
.pview-tit span{ position: relative; z-index:100; display:inline-block; padding:0 .5em;  background-color:#fafafa; font-size:30px; text-transform: uppercase;}

/*加入我们*/
.feedbook{ padding:40px 0;}
.feedbook > li:not(:last-child){ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:.3rem;}
.feedbook > li > p{ padding:5px; width:49%; display:-webkit-inline-flex; display:inline-flex; justify-content:space-between; align-items:center; border:1px solid #dadada; background-color:#fff;}
.feedbook > li .stxt,.feedbook > li textarea{ padding:0 1em; flex:1; line-height:2; border:0; background-color:#fff;}
.feedbook > li.ta{ padding:5px; color:#959595; border:1px solid #dadada; background-color:#fff;}
.feedbook > li textarea{ height:10em; line-height:1.5; font-family: '微软雅黑',Arial, "OpenSans-Regular", Helvetica, sans-serif;}
.feedbook > li i{ display:inline-block; width:26px; height:26px; background:url(../images/all-icon.png) 0 -81px no-repeat;}
.feedbook > li i.s{ background-position-x: -52px;}
.feedbook > li i.t{ background-position-x: -110px;}
.feedbook > li i.f{ background-position-x: -173px;}
.feedbook > li i.w{ background-position-x: -234px;}
.feedbook .btn{ display:inline-block; width:180px; max-width:20%; line-height:3; font-weight: bold; color:#fff; border:0; background-color:#b70000;}
.contact  li{ padding:30px 0; font-size:16px;}
.contact  li h3{ font-size:30px; text-transform: uppercase; line-height:2;}
.contact  li:not(:last-child){ border-bottom:1px solid #dcdcdc;}
.contact a > i,.pview-txt i{ display:inline-block; margin-right:15px; width:34px; height:34px; background:url(../images/all-icon.png) -162px -130px no-repeat;}
.contact a > i.s,.pview-txt i.s{ background-position-x: -210px;}
.contact a > i.t,.pview-txt i.t{ background-position-x: -259px;}
.contact a > i.f,.pview-txt i.f{ background-position-x: -308px;}