@charset "UTF-8";

/* 有个站官方通用样式 www.yougezhan.com */
*{ margin: 0; padding: 0; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
ol, ul { list-style: none; }
body { min-width: 1140px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; font-size: 15px; line-height: 1.2em; height: 100%; background: #fff; font-family: "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif !important; }
body * { -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }
small { color: rgba(0,0,0,0.6); font-size: 13px; }
a, a:hover, a:focus { text-decoration: none; color: #111; }
:placeholder { font-size: 14px; }
input,select,textarea { padding: 5px 5px; border: 2px solid rgba(0,0,0,0.1); font-size: 15px; border-radius: 3px; font-family: "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif !important; }
input:hover, textarea:hover, select:hover { background: rgba(255,255,255,1); border-color: rgba(30,170,40,1); }
h1 { font-size: 60px; line-height: 2.2em; }
h2 { font-size: 50px; line-height: 1.8em; }
h3 { font-size: 30px; line-height: 1.4em; }
h4 { font-size: 20px; line-height: 1.2em; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }
p { line-height: 1.5em; }
button, input, select, textarea { font-size: 100%; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
table .w5 { width: 5%; }
table .w7 { width: 7%; }
table .w8 { width: 8%; }
table .w10 { width: 10%; }
table .w15 { width: 15%; }
table .w20 { width: 20%; }
table .w30 { width: 30%; }
table .w40 { width: 40%; }
table .w50 { width: 50%; }
table .tr { text-align: right; }
table .label { font-size: 14px; color: rgba(0,0,0,.6); }
table td { padding: 10px 15px; border: 1px solid #eee; vertical-align: top; }
table thead { background: #eee; }

.clear { clear: both; }
.re { position: relative; }
.ab { position: absolute; }
.center { text-align: center; }
.none { display: none; }
.l, .left { float: left; }
.r, .right { float: right; }
img.full-wide { max-width: 100%; max-height: 100%; width: auto; height: auto; }
span.btn-form { cursor: pointer; display: inline-block; padding: 8px 30px; background: rgba(0,75,200,1); color: rgba(255,255,255,1); border-radius: 2px; }
span.close { z-index: 100; cursor: pointer; }
.bg-site { background: rgba(0,75,200,1); }
.bg-darkcover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.radius { border-radius: 2px; overflow: hidden; }


/* 布局 */
.wo-wrapper, .wo-head, .wo-foot, .wo-body, .wo-section, .wo-container { display: block; margin: o auto; }
.wo-wrapper { overflow: hidden; /*margin: 20px; border-radius: 5px; background: rgba(255,255,255,1); background: url(../images/bg/011.jpg); */ }
.wo-line { clear: both; }
.wo-section-mm { min-width: 900px; max-width: 1140px; margin: 0 auto; }
.wo-line-nowrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; }
.wo-line-wrap { display: flex; justify-content: flex-start; align-items: top; flex-wrap: wrap; }

/* Navbar */
.wo-navbar { background: rgba(0,75,200,1); color: rgba(255,255,255,1); height: 40px; padding: 0 20px; font-size: 15px;  }
.wo-navbar i { font-size: 18px; margin-right: 5px; }

/* Block */
.wo-block { clear: both; padding: 70px 0; }
.wo-block .wo-title { line-height: 60px; font-size: 30px; font-weight: normal; }
.wo-block .wo-subtitle { line-height: 30px; font-size: 15px; font-weight: normal; color: rgba(0,0,0,.5); }
.wo-block .wo-content { display: block; clear: both; padding: 30px 0; }

/* Head */
ul.head { display: flex; justify-content: space-between; align-items: center; height: 100px; padding: 0 .5%; }
ul.head li.logo { flex: 0 1 auto; width: auto; height: 32px; }
ul.head li.logo h1 { position: absolute; width: 1px; height: 1px; overflow: hidden; }
ul.nav { overflow: hidden; width: 100%; }
ul.nav li { float: left; padding-left: 1px; }
ul.nav li span { cursor: pointer; padding: 8px 15px; font-size: 16px; color: rgba(0,0,0,0.8); border-radius: 2px; display: block; background: rgba(0,0,0,.03); }
ul.nav li:hover span { background: rgba(0,0,0,.1); }
ul.nav li.current:hover span,
ul.nav li.current span { border-color: rgba(0,75,200,1); background: rgba(0,75,200,1); color: rgba(255,255,255,1); }


/* Body */
.wo-swiper { display: block; background: rgba(255,255,255,1); height: 650px; border-top: 3px solid rgba(0,75,200,1); border-bottom: 3px solid rgba(0,75,200,1); }
.wo-swiper .swiper-container { height: 100%; width: 100%; }
.wo-swiper .swiper-button-prev, .wo-swiper .swiper-button-next { color: rgba(0,0,0,0.3); }
.wo-swiper .swiper-button-prev:hover, .wo-swiper .swiper-button-next:hover { color: rgba(255,255,255,1); background: rgba(0,0,0,0.3); box-shadow: 0 0 0 15px rgba(0,0,0,0.3); }
.wo-swiper .swiper-scrollbar { background: rgba(0,0,0,.05);  }
.wo-swiper .swiper-scrollbar .swiper-scrollbar-drag { background: rgba(0,0,0,.1); }

.fi-cats { position: relative; width: 33.33%; flex: 1 auto; flex-grow: 0; height: 250px; padding: 2.5px; display: block; border-radius: 2px; }
.fi-cats .a1 { position: relative; overflow: hidden; display: block; height: 100%; background: #fff; border: 3px solid rgba(0,0,0,.3); box-sizing: border-box; }
.fi-cats .a1:hover { box-shadow: 0 0 0px rgba(0,0,0,1); background: rgba(0,75,200,1); z-index: 5; }
.fi-cats .a1:hover>.info { background: rgba(0,75,200,.8); }
.fi-cats .a1>.thumb { display: block;  }
.fi-cats .a1>.thumb img { width: 100%; height: auto; }
.fi-cats .a1>.info { position: absolute; bottom: 0; padding: 20px; width: 100%; background: rgba(0,0,0,.3); color: rgba(255,255,255,1); }

.fi-news { position: relative; width: 33.33%; flex: 1 auto; flex-grow: 0; padding: 10px 20px 20px 20px; height: 420px; display: block; border-radius: 2px; }
.fi-news .a1 { position: relative; overflow: hidden; display: block; height: 100%; background: #fff; box-shadow: 0px 0px 30px 5px rgba(0,0,0,.05); }
.fi-news .a1>.thumb { display: block; height: 250px; overflow: hidden; }
.fi-news .a1>.thumb img { width: 100%; height: auto; }
.fi-news .a1>.info { padding: 20px; display: block; width: 100%; color: rgba(255,255,255,1); }
.fi-news .a1>.info h3.title { font-size: 15px; padding: 10px 0; font-weight: normal; line-height: 30px; }
.fi-news .a1>.info span.date { font-size: 14px; display: block; line-height: 30px; color: rgba(0,0,0,.8); border-bottom: 1px solid rgba(0,0,0,.2); }
.fi-news .a1>.info p.excerpt { font-size: 15px; display: block; }

.fi-ys-content { margin: 0 3%; }
.fi-ys { width: 50%; height: 250px; padding: 10px 20px; }
.fi-ys .wo-bg { background: rgba(0,0,0,.5); border: 5px solid rgba(255,255,255,.5); }
.fi-ys .a1 { position: relative; overflow: hidden; display: block; height: 100%;  margin: 10px; background: #fff; box-shadow: 0px 0px 30px 5px rgba(0,0,0,.05);  }
.fi-ys .info { position: relative; z-index: 2; color: #fff; padding: 30px; }
.fi-ys .info>.info-title { font-size: 22px; line-height: 50px; border-bottom: 1px solid rgba(255,255,255,.1); }
.fi-ys .info>.info-content { font-size: 15px; padding: 15px 30px; }

.page-section { display: block; clear: both; }
.page-flex { display: block; justify-content: space-between; align-items: top; flex: 1 0 auto; }
.page-section .page-head { height: auto; min-height: 300px; display: flex; align-items: center; background: rgba(63,63,63,1); }
.page-section .page-head div.page-holder { flex: 1; z-index: 1; display: block; width: 100%; height: 100%; text-align: center; }
.page-section .page-head h2 { font-size: 30px; line-height: 50px; color: #fff; font-weight: normal; }
.page-section .page-head p { font-size: 14px; padding: 30px; line-height: 30px; color: rgba(255,255,255,.6); }
.page-section .page-content { display: block; padding: 0 0; min-height: 300px; }
.page-section .page-content p { padding: 20px 30px; line-height: 1.5em; }
.page-section .page-path { line-height: 30px; padding: 5px 1.5%; margin: 0 0%; border: 1px solid rgba(0,0,0,.2); margin: 20px 0; }
.page-section .page-path a { color: rgba(0,0,0,1); padding: 0 5px; }

.page-section .sub-category { display: block; overflow: hidden; margin-top: 1px; padding: 20px 20px; background: rgba(0,0,0,.05); border-bottom: 1px solid rgba(0,0,0,.03); }
.page-section .category-sidelist { width: 100%; overflow: hidden; border-radius: 5px; }
.page-section .category-sidelist li { cursor: pointer; width: 20%; float: left; position: relative; opacity: .7; padding: 2px; }
.page-section .category-sidelist li div.cat-item { border: 2px solid rgba(255,255,255,1); display: block; background: rgba(0,0,0,.05); /*background: #fff; */ padding: 10px 0 10px 40px;  }
.page-section .category-sidelist li span.thumb { position: absolute; top: 10px; left: 10px; width: 25px; height: 25px; border-radius: 20px; display: block; overflow: hidden; }
.page-section .category-sidelist li span.thumb img { width: 40px; height: 40px; }
.page-section .category-sidelist li:hover div.cat-item { opacity: 1; background: rgb(0,0,0,.2); background: rgb(255,255,255,.5); }
.page-section .category-sidelist li.current { opacity: 1; }
.page-section .category-sidelist li.current div.cat-item { background: rgb(0,75,200,1); color: rgba(255,255,255,1); opacity: 1; }
.page-section .category-sidelist li.current span.thumb { border-right: 3px solid rgba(255,255,255,1); }
.page-section .category-sidelist li.current a { color: rgba(255,255,255,1); }
.page-section .category-sidelistauto li { width: auto; }
.page-section .category-sidelistauto li div.cat-item { padding: 10px 15px; }
.page-section .product-content { width: 97%; margin-right: 3%; }
.page-section .product-list { width: 100%; overflow: hidden; border: 1px solid rgba(0,0,0,.05); }
.page-section .product-list li { float: left; width: 30.33%; background: rgba(255,255,255); box-shadow: 0 0 0 5px rgba(0,0,0,.05); margin: 20px 1.5%; overflow: hidden; }
.page-section .product-list li:hover { box-shadow: 0 0 0 5px rgba(0,75,200,1); }

.page-section .news-content { width: 900px; margin-left: 3%; margin: 0 auto; }
.page-section .news-gird { width: 100%; overflow: hidden; border: 5px solid rgba(0,0,0,.05); }
.page-section .news-gird li { float: left; width: 30%; background: rgba(255,255,255); box-shadow: 0 0 0 5px rgba(0,0,0,.05); margin: 20px 1.5%; overflow: hidden; }
.page-section .news-gird li:hover { box-shadow: 0 0 0 5px rgba(0,75,200,1); }

.page-section .jobs-list { width: auto; margin: 0 0 20px 0; border: 1px solid rgba(0,0,0,.15); }
.page-section .jobs-list dt { background: rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,.15); }
.page-section .jobs-list dt span { display: inline-block; padding: 10px 15px; }
.page-section .jobs-list dd { padding: 20px; }
.page-section .jobs-list dd p { margin: 0; padding: 0; }

.product-block { position: relative; height: 300px; display: block; }
.product-block div.thumb { height: 60%; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,.05); }
.product-block div.thumb img { width: 100%; height: auto; }
.product-block div.title { padding: 20px; font-size: 22px; line-height: 1.5em; }
.product-block div.ext { position: relative; top: 0; width: 100%; padding: 20px; }

.news-block { position: relative; height: 400px; display: block; }
.news-block div.thumb { height: 60%; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,.05); background: rgba(0,0,0,0.05); }
.news-block div.thumb img { width: 100%; height: auto; }
.news-block div.title { padding: 0 20px 20px 20px; font-size: 22px; line-height: 1.5em; }
.news-block div.ext { position: relative; top: 0; width: 100%; padding: 20px; }


/* Foot */
.wo-foot { position: relative; padding: 70px 0; margin-top: 50px; height: auto; clear: both; background: rgba(0,0,0,1); color: rgba(255,255,255,1); overflow: hidden; }
.wo-foot a { color: rgba(255,255,255,1); }
.wo-foot h3.title { font-size: 22px; line-height: 60px; font-weight: normal; color: rgba(255,255,255,1); }
.fi-data { padding: 50px 1.5%; display: flex; justify-content: flex-start; align-items: top; z-index: 100; }
.fi-foot { flex: 1; width: 30%; margin: 0 1.5%; display: block; }
.fi-foot .fi-logo { display: block; }
.fi-foot .fi-logo img { border: 5px solid rgba(255,255,255,1); width: auto; height: 50px; border-top-width: 10px; border-bottom-width: 10px; border-radius: 3px;  }
.fi-foot .qrcode img { width: 130px; height: auto; }
.fi-foot .fi-contact { width: 100%; }
.fi-foot .fi-contact li { display: block; border-bottom: 1px solid rgba(255,255,255,.05);  padding: 5px 0; line-height: 25px; }
.fi-foot .fi-contact li:last-child { border-bottom: 0; }
.fi-foot .fi-contact li span.label { width: 20px; color: rgba(255,255,255,.8); float: left; border-right: 0 solid rgba(255,255,255,.3); border-radius: 3px; margin-right: 10px;  }
.fi-foot .fi-intro { line-height: 25px; color: rgba(255,255,255,.8); padding: 20px 0; display: block; }
.fi-foot .fi-intro strong { color: rgba(255,255,255,1); font-weight: normal; }
.fi-foot .fi-cert { width: 100%; overflow: hidden; }
.fi-foot .fi-cert li { float: left; }
.fi-foot .fi-cert li img { width: 80px; border: 1px solid rgba(255,255,255,1); background: rgba(255,255,255,.1); border-radius: 2px; padding: 8px; margin: 0 10px 10px 0; }
.fi-foot .fi-links { flex: 1; }
.fi-foot .fi-links li { display: block; border-bottom: 1px solid rgba(255,255,255,.05);  padding: 5px 0; line-height: 25px; }
.fi-foot .fi-links li:last-child { border-bottom: 0; }
.wo-foot .fi-copyright { clear: both; padding: 20px 0; font-size: 14px; text-align: center; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.5); }
.wo-foot .fi-copyright a { color: rgba(255,255,255,1); }


/* Float */
.wo-fi { position: fixed; bottom: 20%; right: 0; color: rgba(255,255,255,1); width: 80px; height: auto; z-index: 50; text-align: center; }
.wo-fi ul.m { width: 100%; }
.wo-fi ul.m li { position: relative; display: block; width: 100%; height: 80px; padding: 12px 0; background: rgba(0,0,0,0.4); margin-bottom: 3px; }
.wo-fi ul.m li span.icon { font-size: 40px;  cursor: pointer; }
.wo-fi ul.m li span.icon-title { font-size: 14px; line-height: 20px; display: block; }
.wo-fi ul.m li div.mp { right: -300px; }
.wo-fi ul.m li:hover { background: rgba(0,75,200,1); }
.wo-fi ul.m li:last-child { margin-bottom: 0; }

.fi-mp { position: fixed; top: 38%; left: 50%; z-index: 200; }
.fi-message { width: 700px; height: 250px; box-shadow: 0 10px 10px rgb(0 0 0 / 50%); margin-top: -150px; margin-left: -350px; background: rgba(255,255,255,1); border: 0 solid rgba(0,75,200,1); border-radius: 3px; overflow: hidden;  }
.fi-message h3.title { background: rgba(0,75,200,1); font-size: 15px; display: block; padding: 0 10px; font-weight: normal; line-height: 30px; color: rgba(255,255,255,1); border-bottom: 1px solid rgba(0,0,0,.2); margin-bottom: 20px; }
.fi-message div.content { display: block; }
.fi-message table { border: 0; width: 95%; color: rgba(0,0,0,1); margin: 0 2.5%; }
.fi-message td { border: 0; }
.fi-message .closeWoFi { cursor: pointer; }

.fi-gzh { width: 250px; height: 300px; box-shadow: 0 10px 10px rgb(0 0 0 / 50%); margin-top: -100px; margin-left: -200px;  background: rgba(0,75,200,1); color: rgba(255,255,255,1); border: 0 solid rgba(0,75,200,1); border-radius: 3px; overflow: hidden; padding: 0 0; }
.fi-gzh h3.title { line-height: 30px; font-size: 15px; font-weight: normal; display: block; padding: 0 10px; }
.fi-gzh div.content { display: block; height: 330px; background: rgba(255,255,255,1); text-align: center; }
.fi-gzh span.wx { display: inline-block; border: 1px solid rgba(0,0,0,0.3); margin-top: 30px; }
.fi-gzh img { width: 200px; height: auto; }

/* 分页 */
div.pages-container { clear: both; margin: 0 auto; padding: 20px 0; border-top: 0px solid rgba(0,0,0,.3); }
ul.pages-list { overflow: hidden; display: flex; justify-content: center; }
ul.pages-list li.page { float: left; margin: 0 3px; }
ul.pages-list li.page span { cursor: pointer; width: 40px; height: 40px; border-radius: 2px; display: block; line-height: 40px; text-align: center; border: 1px solid rgba(0,0,0,0.2); border-bottom-width: 1px; }
ul.pages-list li.page span:hover { background: rgba(0,75,200,.1); }
ul.pages-list li.page span.current { background: rgba(0,75,200,1); border-color: rgba(0,50,200,1); border-bottom-color: #333; color: #fff; }


/* 页面 */
.product-cart { display: flex; justify-content: flex-start; align-items: top; margin: 30px 0; }
.product-cart .ic { flex: 1; overflow: hidden; border: 1px solid rgba(0,0,0,0.1); }
.product-cart .is { flex: 1; padding: 0 50px; }
.product-cart .is h3 { margin: 1em 0; }
.product-cart .is table { width: 100%; }
.product-cart .product-swiper { height: auto; min-height: auto; }
.product-cart .swiper-thumb { height: 100px; }
.product-cart .swiper-thumb .swiper-slide { width: 100px; height: 100px; overflow: hidden; }

.product-info { display: flex; justify-content: flex-start; align-items: top; border: 1px solid rgba(0,0,0,.05); }
.product-info .ic { flex: 2; padding: 50px; }
.product-info .ic .ic-title { display: block; margin-bottom: 20px; }
.product-info .ic .ic-title span.btn { background: rgb(0,75,200,1); color: #fff; padding: 10px 20px; font-size: 18px; }
.product-info .is { flex: .6; background: #eee; }
.product-info p.MsoNormal { padding: 0; margin: 0; }
.product-info table td { padding: 0 15px; margin: 0; }
.product-info .recommend { display: block; }
.product-info .recommend li { display: block; height: auto; display: block; box-shadow: 1px solid #ddd; background: #fff; margin: 20px; text-align: center; }
.product-info .recommend li:hover { box-shadow: 0 0 0 1px rgba(0,0,0,.2); }
.product-info .recommend li div.thumb { width: 100%; height: auto;}
.product-info .recommend li p { margin: 0; padding: 10px 10px; border-top: 1px solid rgba(0,0,0,.1); }
.product-info .title { display: block; font-size: 15px; line-height: 2em; margin-top: 2em; text-align: center; color: rgba(0,0,0,6); }

.news-info { display: flex; justify-content: flex-start; align-items: top; border: 1px solid rgba(0,0,0,.05); }
.news-info .ic { flex: 2; padding: 50px; margin-right: 30px; border:; }
.news-info .ic .ic-head { border-bottom: 1px solid rgba(0,0,0,.5); margin-bottom: 30px; text-align: center; }
.news-info .ic .ic-head h3 { margin-bottom: 10px; }
.news-info .ic .ic-head div { display: block; line-height: 40px; color: rgba(0,0,0,0.6); }
.news-info .ic p { padding: 0; margin: 0; }
.news-info .is { flex: 1; background: #eee; }
.news-cart .is h3 { margin: 1em 0; }
.news-info .recommend { display: block; margin: 0 20px;  }
.news-info .recommend li { display: block; border-bottom: 1px solid #ddd; padding: 15px 20px; display: block; background: #fff; }
.news-info .recommend li i { color: rgba(0,0,0,.6); margin-right: 5px;  }
.news-info .recommend li a { font-size: 15px;  }
.news-info .recommend li:hover { background: rgba(0,75,200,.8); color: rgba(255,255,255,1); }
.news-info .recommend li:hover a { color: rgba(255,255,255,1); }
.news-info .recommend li small { font-size: 13px; text-align: right; display: block; }
.news-info .title { display: block; font-size: 15px; line-height: 2em; margin-top: 2em; text-align: center; color: rgba(0,0,0,6); }

.gallery { display: block; }
.gallery ul { width: 100%; display: flex; justify-content: flex-start; align-items: top; flex-wrap: wrap; }
.gallery ul li { width: 18%; margin: 10px 1%; border: 1px solid rgba(0,0,0,.2); }
.gallery ul li img { width: 100%; height: auto; }
.gallery ul li span { height: 30px; line-height: 30px; background: rgb(0,0,0,.1); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }