@charset "UTF-8";
a, .transition, .g-head div.btn, .p-head .nav, .g-search, .foot-bar, .index-1 .list-wrapper li a dl.info, .index-2 .list .img-bg, .index-2 .list li, .index-3 .btn li, .index-3 .btn li .ico, .index-3 .btn li .name, .index-3 .btn li .layer, .index-4 .btn li, .index-4 .list a .img:after, .index-4 .list a .time, .index-5 li a .bg, .p-banner .wal .form .select .layer dd, .p-banner .wal .form .select.on .layer, .product-foot li a:after, .contact .form li .input, .product-layer2 .form li .input, .contact .form .submit div, .product-layer2 .form .submit div, .contact .form .submit input, .product-layer2 .form .submit input, .faqs li a:after, .faqs li a .img:after, .faqs li a .col p, .p-search .select .layer dd, .p-search .select.on .layer, .job li .title, .side-news li a em.time, .news-list li a:after, .news-list li a .img:after, .news-list li a .col p, .news-list li a .time, :before, img, .g-nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.ellipsis, .product-show-2 .list-wrapper a .name, .p-num2 li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .g-head div.btn, .p-head .nav ul, .g-search .tab-btn ul, .foot-bar .btn dl, .foot-bar .btn dl a, .indexFlash .btn, .indexFlash .dots, .index-title, .index-1 .arrow, .index-1 .list-wrapper li a dl.info, .index-2 .wal .arrow, .index-3 .tel, .index-3 .list li dl.info, .index-4 .btn ul, .product .nav ul, .p-title .nav ul, .p-search .nav ul, .product .list .box-1 .btn, .product .list .box .btn, .p-num, .p-banner .wal .form, .p-nav .nav ul, .p-nav2, .p-nav2 .arrow, .product-show .title, .product-show .title2, .product-show .btn, .productNav .title, .productNav ul, .p-title .arrow, .product-show-1 .col .title, .product-show-1 .col dl.msg, .product-foot ul, .service-1 .list ul, .page-layer, .product-layer .container .form li, .p-num2 .share, .p-num2 .share dl, .about .col .list ul, .honor li .img, .honor-layer .img, .contact .col-1 li, .p-search, .p-search .form, .job li .title, .job li .box .col-2, .job li .box dl.info, .job li .box dl.info dd, .page404 .msg, .page404 .btn {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex; }

.flexColumn, .index-2 .list li, .index-3 .btn li .layer, .index-5 li a .container, .product-1 .side a, .product-1 .container .layer, .product-1 .list a, .p-banner .wal, .product-foot li a, .activity .list li, .service-1 .list li, .service-2 .list li, .service-2 .list li .container, .about .col .list li, .page404, .side-bar li a {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column; }

.itemsCenter, .g-head div.btn, .g-search .tab-btn ul, .foot-bar .col, .foot-bar .btn dl a, .indexFlash .btn, .index-title, .index-1 .arrow, .index-2 .wal .arrow, .index-3 .tel, .index-4 .list a, .p-num, .p-nav2, .p-nav2 .arrow, .product-show .title, .productNav .wal, .productNav .title, .p-title .arrow, .product-foot .wal, .product-foot li a, .activity .list li, .service-2 .list li .container, .page-layer, .product-layer .container .title, .product-layer .container .form li, .faqs li a, .p-num2 .share, .honor li .img, .honor-layer .img, .contact .col-1 li, .job li .title, .job li .box .col-2, .job li .box dl.info dd, .news-list li a, .page404, .side-bar li a {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .g-head div.btn .head-btn .list, .g-search .tab-btn ul, .g-foot .msg, .foot-bar .btn dl a, .index-3 .btn li .layer, .index-5 li a .container, .product-1 .side a, .product-1 .container .layer, .product-1 .list a, .p-num, .p-banner .wal, .service-1 .list li, .service-2 .list li .container, .page-layer, .about .col .list li, .honor li .img, .honor-layer .img, .page404, .side-bar li a {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween, .g-foot .wal, .foot-bar .wal, .index-1 .arrow, .index-1 .list-wrapper li a dl.info, .index-2 .wal .arrow, .index-3 .wal, .index-3 .list li dl.info, .index-4 .list a, .product-1, .product .list .box-1 .btn, .product .list .box .btn, .p-banner .wal .form, .p-nav2 .arrow, .product-show .wal, .productNav .wal, .p-title .arrow, .product-show-1, .product-foot .wal, .activity, .service-1, .service-1 .list ul, .product-layer .container .form ul, .product-layer2 .container .form ul, .faqs li a, .about, .about .col .list ul, .contact, .job li .box .row, .job li .box dl.info, .programme .list, .news-wal, .news-1, .news-list li a {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .g-head div.btn .head-btn .list, .g-nav ul, .g-foot .wal, .g-foot .list ul, .g-foot .msg, .foot-bar .wal, .foot-bar .col, .index-2 .wal .btn dl, .index-2 .list li .tag dl, .index-3 .wal, .index-4 .list ul, .index-4 .list a, .index-5 ul, .product-1, .product-1 .list ul, .product .list ul, .p-banner .wal .form .col, .product-show .wal, .productNav .wal, .product-show-1, .product-foot .wal, .activity, .activity .list ul, .service-1, .service-2 .list ul, .product-layer .container .title, .product-layer .container .form ul, .product-layer .container .form li.li_01 dl, .product-layer2 .container .form ul, .faqs li a, .about, .honor ul, .contact, .job li .box .row, .programme .list, .programme .list li dl, .news-wal, .side-class dl, .news-1, .news-list li a, .siteMap .list ul, .siteMap .list2 dl {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body {
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #333;
  -webkit-text-size-adjust: none;
  opacity: 0; }
body.show {
  opacity: 1;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease; }

a { color: #333; text-decoration: none; outline: none; }
a:active { star: expression(this.onFocus=this.blur()); }
a:link { text-decoration: none; outline: none; }
a:visited { text-decoration: none; outline: none; }
a:hover { text-decoration: none; color: #ffb726; outline: none; }
li { list-style: outside none; }
h1 { font-size: 16px; }
h2, h3, h4, h5 { font-size: 14px; }
h5 { font-size: 12px; }
textarea, input { background: transparent; font-size: 14px; font-family: Arial, "微软雅黑"; color: #888; outline: none; border: 0; }
em { font-style: normal; }
img { vertical-align: middle; max-width: 100%; border: 0; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; height: 0; display: block; _display: inherit; }
.before { content: ""; display: block; position: absolute; left: 50%; top: 0; }
.h10 { height: 0.1rem; overflow: hidden; clear: both; }
.h50 { height: 0.5rem; overflow: hidden; clear: both; }
.h100 { height: 1rem; overflow: hidden; clear: both; }
.wal { max-width: 15.6rem; margin: 0 auto; } 

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@font-face {
  font-family: "DINCond-BlackAlternate";
  src: url("../fonts/dincond-blackalternate.woff2") format("woff2"), url("../fonts/dincond-blackalternate.woff") format("woff"), url("../fonts/dincond-blackalternate.ttf") format("truetype"), url("../fonts/dincond-blackalternate.eot") format("embedded-opentype"), url("../fonts/dincond-blackalternate.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "DINCond-Black";
  src: url("../fonts/dincond-black.woff2") format("woff2"), url("../fonts/dincond-black.woff") format("woff"), url("../fonts/dincond-black.ttf") format("truetype"), url("../fonts/dincond-black.eot") format("embedded-opentype"), url("../fonts/dincond-black.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Monoton-Regular";
  src: url("../fonts/monoton-regular.woff2") format("woff2"), url("../fonts/monoton-regular.woff") format("woff"), url("../fonts/monoton-regular.ttf") format("truetype"), url("../fonts/monoton-regular.eot") format("embedded-opentype"), url("../fonts/monoton-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
 
/*****************header*****************/

.g-headD { height: 1rem; }

.g-head { position: fixed; z-index: 50; left: 0; top: 0; width: 100%; background: #eee; }
.g-head .wal { min-height: 1rem; position: relative; max-width: 100%; margin: 0 .3rem; }
.g-head a.logo { display: block; background: url("../images/logo.png") center no-repeat; background-size: 100%; width: 4.5rem; height: 100%; position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; }
.g-head div.btn { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: 0; }
.g-head div.btn a.tel { color: #000; font-family: 'DINCond-Black'; font-size: .3rem; line-height: 1rem; padding-left: .42rem; background: url("../images/img32.png") left center no-repeat; background-size: .32rem; }
.g-head div.btn a.btn { margin-left: .5rem; width: 1.4rem; height: .48rem; line-height: .48rem; text-align: center; font-size: .18rem; font-weight: bold; background: #ff0000; color: #fff; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; }
.g-head div.btn .head-btn { margin-left: .5rem; position: relative; height: 1rem; }
.g-head div.btn .head-btn a.btn { display: block; position: relative; top: .26rem; margin: 0; }
.g-head div.btn .head-btn .list { position: fixed; z-index: 50; left: 0; top: -20rem; right: 0; background: rgba(24, 26, 28, 0.8); min-height: 1rem; opacity: 0; visibility: hidden; padding: .17rem 0 .5rem 0; }
.g-head div.btn .head-btn .list a { color: #fff; }
.g-head div.btn .head-btn .list a:hover { color: #ffb726; }
.g-head div.btn .head-btn .list .col { margin-left: .7rem; width: 2.25rem; }
.g-head div.btn .head-btn .list .col:first-child { margin: 0; }
.g-head div.btn .head-btn .list .col h2 { position: relative; border-bottom: rgba(255, 255, 255, 0.3) solid 1px; font-size: .18rem; line-height: .66rem; }
.g-head div.btn .head-btn .list .col h2:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 3px; background: #fff; width: .5rem; }
.g-head div.btn .head-btn .list .col dl { padding: .15rem 0; }
.g-head div.btn .head-btn .list .col dd a { display: block; font-size: .14rem; line-height: .3rem; }
.g-head div.btn .head-btn:hover .list { opacity: 1; visibility: visible; top: 1rem; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }
.g-head div.btn a.searchA { width: .3rem; height: 1rem; background: url("../images/img30.png") center no-repeat; background-size: 100%; margin-left: .5rem; }
.g-nav { position: absolute; z-index: 10; left: auto; right: 5.5rem; top: 0; bottom: auto; }
.g-nav a.name { display: block; height: 1rem; line-height: 1rem; padding: 0 .29rem; font-size: .18rem; position: relative; }
.g-nav a.name:before { content: ""; display: block; position: absolute; left: 50%; bottom: 0; right: 50%; height: 3px; background: #ffb726; }
.g-nav a.name .ico { width: .36rem; position: absolute; z-index: 10; left: 50%; right: auto; top: 0.11rem; bottom: auto; }
.g-nav a.name.on { color: #ffb726; }
.g-nav a.name.on:before { left: .29rem; right: .29rem; }




/* .p-head:before { content: ""; display: block; position: absolute; left: 0; top: 100%; right: 0; bottom: 0; background: #333d47; } */
/* .p-head a.navA { display: block; position: absolute; z-index: 10; left: 50%; right: auto; top: 50%; bottom: 0; width: .5rem; background: url("../images/img50_1.png") center no-repeat; background-size: 100%; margin-left: -7.8rem; opacity: 0; visibility: hidden; } */
/* .p-head .nav { position: absolute; z-index: 10; left: auto; right: 5.3rem; top: 50%; bottom: auto; opacity: 0; visibility: hidden; } */
/* .p-head .nav li { margin-left: .55rem; } */
/* .p-head .nav a { font-size: .18rem; color: #fff; display: block; height: 1rem; line-height: 1rem; position: relative; } */
/* .p-head .nav a:before { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: 0; height: .03rem; background: #ffb726; } */
/* .p-head .nav a:hover, .p-head .nav a.on { color: #ffb726; } */
/* .p-head .nav a:hover:before, .p-head .nav a.on:before { left: 0; right: 0; } */
/* .p-head .nav a.on { font-weight: bold; } */
/* .p-head.on a.logo, .p-head.on .g-nav { transform: translateY(-1rem); -webkit-transform: translateY(-1rem); } */
/* .p-head.on:before { top: 0; } */
/* .p-head.on a.navA, .p-head.on .nav { top: 0; opacity: 1; visibility: visible; } */
@media screen and (min-width: 800px) { 
.g-nav .list { position: fixed; z-index: 50; left: 0; top: -20rem; right: 0; background: rgba(24, 26, 28, 0.8); min-height: 1rem; opacity: 0; visibility: hidden; }
.g-nav .list a { color: #fff; }
.g-nav .list a:hover { color: #ffb726; }
.g-nav .list-1 { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; padding: .17rem 0 .5rem 0; min-height: 3rem; }
.g-nav .list-1 .col { margin-left: 1.7rem; width: 2.25rem; }
.g-nav .list-1 .col:first-child { margin: 0; }
.g-nav .list-1 .col h2 { position: relative; border-bottom: rgba(255, 255, 255, 0.3) solid 1px; font-size: .18rem; line-height: .66rem; }
.g-nav .list-1 .col h2:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 3px; background: #fff; width: .5rem; }
.g-nav .list-1 .col dl { padding: .15rem 0; }
.g-nav .list-1 .col dd a { display: block; font-size: .14rem; line-height: .3rem; }
.g-nav .list-2 .col { margin-left: .5rem; }
.g-nav .list-3 .col { margin-left: .5rem; width: 2rem; }
.g-nav li:hover a.name { color: #ffb726; }
.g-nav li:hover a.name:before { left: .29rem; right: .29rem; }
.g-nav li:hover .list { opacity: 1; visibility: visible; top: 1rem; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }
}


/*****************search*****************/

.g-search { position: fixed; z-index: 100; left: 0; top: -3.6rem; right: 0; min-height: 3.6rem; background: #fff; }
.g-search.show { top: 0; }
.g-search a.close { display: block; width: 1rem; height: 1rem; background: #ffb726 url("../images/close29.png") center no-repeat; background-size: .29rem; position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; }
.g-search a.close:hover { background-color: #1f5c99; }
.g-search .wal { max-width: 12rem; }
.g-search .tab-btn { padding: .8rem 0 .6rem 0; }
.g-search .tab-btn li { cursor: pointer; margin-left: .4rem; font-size: .3rem; color: #333d47; position: relative; }
.g-search .tab-btn li:before { content: ""; display: block; position: absolute; left: -.4rem; top: 0; bottom: 0; width: .4rem; background: url("../images/img15.png") center no-repeat; background-size: .15rem; }
.g-search .tab-btn li:first-child { margin: 0; }
.g-search .tab-btn li:first-child:before { display: none; }
.g-search .tab-btn li.on { color: #ffb726; font-size: .36rem; font-weight: bold; }
.g-search .form { position: relative; min-height: .65rem; }
.g-search .form .input { border-bottom: #ccc solid 1px; }
.g-search .form .input input { width: 100%; height: .65rem; line-height: .65rem; font-size: .16rem; color: #000; }
.g-search .form .input input::-webkit-input-placeholder { color: #999; }
.g-search .form .input input::-moz-placeholder { color: #999; }
.g-search .form .input input:-moz-placeholder { color: #999; }
.g-search .form .input input:-ms-input-placeholder { color: #999; }
.g-search .form .submit { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: 0; background: url("../images/img26.png") center no-repeat; background-size: 100%; width: .26rem; }
.g-search .form .submit input { width: 100%; height: .65rem; cursor: pointer; }

/*****************footer*****************/

.g-foot { background: #333d47; min-height: 4.27rem; position: relative; font-size: .14rem; color: #fff; }
.g-foot a { color: #fff; }
.g-foot:after { content: ""; display: block; position: absolute; left: 0; bottom: .6rem; right: 0; height: 1px; background: #48515a; }
.g-foot .wal { position: relative; }
.g-foot .container { width: 3.15rem; }
.g-foot .container .tel { padding: .65rem 0 .15rem 0; }
.g-foot .container .tel div { font-size: .18rem; line-height: .3rem; padding-left: .38rem; background: url("../images/img28.png") left center no-repeat; background-size: .28rem; }
.g-foot .container .tel h2 { color: #ffb726; font-family: 'DINCond-Black'; font-size: .48rem; line-height: .55rem; }
.g-foot .container li { font-size: .16rem; line-height: .38rem; }
.g-foot .list { width: 8rem; min-height: 3.67rem; padding-top: .65rem; }
.g-foot .list li { width: calc(100%/6); }
.g-foot .list h3 { font-size: .2rem; line-height: 1em; padding-bottom: .2rem; }
.g-foot .list h3 a:hover { color: #ffb726; }
.g-foot .list dd { padding-bottom: .18rem; }
.g-foot .list dd a { display: inline-block; color: rgba(255, 255, 255, 0.5); padding-bottom: .02rem; background: url("../images/line.png") left bottom no-repeat; background-size: 0 .1rem; }
.g-foot .list dd a:hover { background-size: 100% .1rem; color: #fff; }
.g-foot .ewm { width: 1.3rem; padding-top: .7rem; }
.g-foot .ewm p { font-size: .16rem; padding-top: .15rem; text-align: center; }
.g-foot .msg { width: 100%; line-height: .6rem; color: rgba(255, 255, 255, 0.5); }
.g-foot .msg p { padding: 0 .1rem; }
.foot-bar { position: fixed; z-index: 30; left: 0; bottom: -1rem; right: 0; background: rgba(0, 0, 0, 0.8); min-height: .64rem; color: #fff; }
.foot-bar.show { bottom: 0; }
.foot-bar .form h2 { font-size: .2rem; line-height: .64rem; padding-right: .1rem; }
.foot-bar .form .select { position: relative; margin-right: .2rem; height: .38rem; line-height: .38rem; border-bottom: rgba(255, 255, 255, 0.2) solid 1px; width: 1.6rem; text-align: center; font-size: .16rem; color: rgba(255, 255, 255, 0.5); padding-right: .21rem; }
.foot-bar .form .select:before { content: ""; display: block; position: absolute; top: 0; right: .1rem; bottom: 0; width: .11rem; background: url("../images/select11.png") center no-repeat; background-size: 100%; }
.foot-bar .form .select select { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; width: 100%; height: 100%; opacity: 0; }
.foot-bar .form .submit { width: 1.6rem; height: .38rem; background: #ffb726; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.foot-bar .form .submit input { width: 100%; height: .38rem; font-size: .16rem; color: #000; cursor: pointer; }
.foot-bar .form .submit:hover { background: #1f5c99; }
.foot-bar .form .submit:hover input { color: #fff; }
.foot-bar .btn dl a { height: .64rem; width: .8rem; }
.foot-bar .btn dl a img { width: .4rem; }
.foot-bar .btn dl dd a { background: #ffb726; }
.foot-bar .btn dl dd a:hover { background: #1f5c99; }
.foot-bar .btn a.close { display: block; width: .4rem; height: .64rem; background: url("../images/close18.png") right center no-repeat; background-size: .18rem; }


/*index*/ 
.indexFlash { width: 100%; overflow: hidden; position: relative; }
.indexFlash li { background: center no-repeat; background-size: cover; }
.indexFlash li .wal { height: 8.5rem; padding: 2.68rem 0 0 3.6rem; }
.indexFlash li .wal img { width: 8.37rem; }
.indexFlash .tips { color: #fff; position: absolute; z-index: 10; left: 50%; right: auto; top: auto; bottom: 0.9rem; white-space: nowrap; margin-left: -7.8rem; }
.indexFlash .tips:before { content: ""; display: block; position: absolute; left: 0; bottom: -.9rem; width: 1px; height: .8rem; background: rgba(255, 255, 255, 0.5); }
.indexFlash .tips:after { content: ""; display: block; position: absolute; left: 0; bottom: -.5rem; width: 2px; height: .4rem; background: #fff; animation: upDown 2s infinite linear; -webkit-animation: upDown 2s infinite linear; }
.indexFlash .btn { position: absolute; z-index: 10; left: auto; right: 50%; top: auto; bottom: 0.2rem; margin-right: -7.8rem; }
.indexFlash .btn .btn-1 { width: .24rem; height: .24rem; background: url("../images/img24.png") center no-repeat; background-size: 100%; cursor: pointer; margin-left: .2rem; }
.indexFlash .dots span { width: .7rem; height: 4px; margin-left: .1rem; position: relative; background: rgba(255, 255, 255, 0.5); }
.indexFlash .dots span:after { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #fff; transition: width 0.6s linear; -webkit-transition: width 0.6s linear; -moz-transition: width 0.6s linear; -o-transition: width 0.6s linear; }
.indexFlash .dots span.swiper-pagination-bullet-active:after { width: 100%; transition-duration: 25s; -webkit-transition-duration: 25s; -moz-transition-duration: 25s; -o-transition-duration: 25s; transition-delay: .6s; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -o-transition-delay: .6s; }
@keyframes upDown { 
0% { bottom: -.1rem; height: 0; }
50% { bottom: -.9rem; height: .8rem; }
100% { bottom: -.9rem; height: 0; }
}
@-webkit-keyframes upDown { 
0% { bottom: -.1rem; height: 0; }
50% { bottom: -.9rem; height: .8rem; }
100% { bottom: -.9rem; height: 0; }
}

.cpzs{ width:100%; /*padding-bottom:30px;*/  overflow:hidden}
.cpzs .cpzs_bt{ padding:40px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:18px; color:#0d62a6;color:#333333; position:relative }
.cpzs .cpzs_bt .fwxm_bt1 span{ position:relative; top:-5px;}
.cpzs .cpzs_bt .fwxm_bt1 h2{ display:inline; font-size:40px; font-weight:bold}
.cpzs .cpzs_bt .fwxm_bt2{  color:#333333;   padding:10px 0; font-size:16px;/*padding-bottom: 20px;background: url(../images/line02.png) no-repeat center bottom;*/}



.index-title { padding: .95rem 0 .45rem 0; }
.index-title h2 { font-size: .54rem; color: #333d47; padding-right: .2rem; flex-shrink: 0; }
.index-title .msg { font-size: .14rem; line-height: .28rem; color: #333d47; }
.index-1 { position: relative; }
.index-1 .arrow { position: absolute; z-index: 10; left: auto; right: 0; top: 1.08rem; bottom: auto; width: .8rem; }
.index-1 .arrow:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 2px; height: .24rem; background: #5c6166; margin-left: -1px; margin-top: -.12rem; }
.index-1 .arrow a { width: .15rem; height: .28rem; background: center no-repeat; background-size: 100%; }
.index-1 .arrow a.prev { background-image: url("../images/prev15.png"); }
.index-1 .arrow a.prev:hover { background-image: url("../images/prev15on.png"); }
.index-1 .arrow a.next { background-image: url("../images/next15.png"); }
.index-1 .arrow a.next:hover { background-image: url("../images/next15on.png"); }
.index-1 .list { margin-left: -.1rem; margin-top: -.1rem; margin-right: -.1rem; }
.index-1 .list-wrapper { width: 100%; overflow: hidden; position: relative; }
.index-1 .list-wrapper li { padding: .1rem .1rem .2rem .1rem; }
.index-1 .list-wrapper li a { display: block; min-height: 3rem; position: relative; box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.1); }
.index-1 .list-wrapper li a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: .06rem; background: #ffb726; opacity: 0; z-index: 11; }
.index-1 .list-wrapper li a .img { position: relative; z-index: 1; }
.index-1 .list-wrapper li a .img img:nth-child(2) { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: auto; opacity: 0; }
.index-1 .list-wrapper li a .name { font-size: .28rem; font-weight: bold; position: absolute; z-index: 10; left: 0.4rem; right: 0.4rem; top: 0.35rem; bottom: auto; /* background:rgba(255,255,255.4); */ }
.index-1 .list-wrapper li a .more { font-size: .16rem; line-height: .46rem; border: #ccc solid 1px; position: absolute; z-index: 10; left: 0.4rem; right: 0.4rem; top: auto; bottom: 0.4rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; text-align: center; opacity: 1; background: rgba(255,255,255,.2); color: #000; /* font-weight: bold; */ }
.index-1 .list-wrapper li a dl.info { position: absolute; z-index: 10; left: 0.4rem; right: 0.4rem; top: auto; bottom: 0; font-size: .16rem; opacity: 0; color: #fff; }
.index-1 .list-wrapper li a dl.info b { color: #ffb726; font-size: .6rem; font-family: 'DINCond-Black'; display: inline-block; position: relative; top: 2px; padding-right: .05rem; }


.index-1 .subtit { width:100%;text-align: center; margin-bottom: 30px; }
.index-1 .subtit a { font-size: 14px; color: #333; display: inline-block; line-height: 42px; border: 1px solid transparent; text-decoration: none; margin: 0 10px; /*border-radius: 30px;*/ }
.index-1 .subtit a.on { padding: 0 30px; /*border-color: #111;*/ color: #111; }
.index-1 .subtit a:hover { color: #ea0000; }

.index-1 .subtit ul{width:100%;}
.index-1 .subtit ul li{float:left;   width: calc(100%/7);border:1px solid #eee;}

.index-1 .hb03list { padding: 35px 0 90px; }
.index-1 .hb03list .swiper-slide { background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }
.index-1 .hb03list .swiper-slide:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.index-1 .hb03list .swiper-slide .img{width:100%;height:320px;display: flex; align-items: center; justify-content: center; text-align: justify;overflow:hidden;} 
.index-1 .hb03list .swiper-slide .img img { display: block; width: 100%;max-height:100%; }
.index-1 .hb03list .swiper-slide .box { padding: 10px; }
.index-1 .hb03list .swiper-slide .box .nam { line-height: 30px; height: 30px; margin-bottom: 10px; overflow: hidden; }
.index-1 .hb03list .swiper-slide .box .nam a { font-weight: bold; font-size: 16px; color: #333; }
.index-1 .hb03list .swiper-slide .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 20px; }
.index-1 .hb03list .swiper-slide .box .btn { position: relative; }
.index-1 .hb03list .swiper-slide .box .btn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }
.index-1 .hb03list .swiper-slide .box .btn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }
.index-1 .hb03list .swiper-slide .box .btn a:hover { color: #ea0000; }
.index-1 .hb03list .swiper-pagination { font-size: 12px; font-family: arial; line-height: 50px; }
.index-1 .hb03list .swiper-pagination .swiper-pagination-current { margin: 0 10px; }
.index-1 .hb03list .swiper-pagination .swiper-pagination-total { margin: 0 10px; }
.index-1 .hb03list .swiper-button-prev { margin-top: 0; height: 50px; width: 20px; top: auto; bottom: 10px; left: 50%; margin-left: -60px; background: url(../images/leftarr.png) no-repeat center; }
.index-1 .hb03list .swiper-button-next { margin-top: 0; height: 50px; width: 20px; top: auto; bottom: 10px; left: 50%; margin-left: 40px; background: url(../images/rightarr.png) no-repeat center; }


.homebox05 { padding: 50px 0; background: #eff2f4; margin-top: 220px; }
.homebox05.homebox05s { margin-top: 0; }
.homebox05.homebox05s .list .item:nth-child(1) { margin-top: 0; margin-bottom: 0; }
.homebox05.homebox05s .list .item:nth-child(1) .img { float: right; }
.homebox05.homebox05s .list .item:nth-child(1) .box { margin-right: 763px; margin-left: auto; }
.homebox05 .list .item { background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; margin-bottom: 50px; overflow: hidden; }
.homebox05 .list .item:nth-child(1) { margin-top: -260px; margin-bottom: 0; }
.homebox05 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.homebox05 .list .item .img { float: left;/*height:600px;*/overflow:hidden; }
.homebox05 .list .item:nth-child(2) .img { float: right; }
.homebox05 .list .item .img img { width:100%;height:auto; }
.homebox05 .list .item .box { padding: 15px 60px; margin-left: 763px; }
.homebox05 .list .item:nth-child(2) .box { margin-right: 763px; margin-left: auto; }
.homebox05 .list .item .box .name { font-size: 28px; font-weight:bold; margin-bottom: 15px; color: #ffb726; }
.homebox05 .list .item .box .name  span{color:#555;font-size:20px;font-weight:200;letter-spacing: 2px;}
.homebox05 .list .item .box .text { font-size: 16px; margin-bottom: 25px; color: #666; line-height: 30px; /*height: 360px;*/ overflow: hidden; }
.homebox05 .list .item .box .btnn { position: relative; }
.homebox05 .list .item .box .btnn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }
.homebox05 .list .item .box .btnn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }
.homebox05 .list .item .box .btnn a:hover { color: #ea0000; }


.homebox01 { padding:0 0 50px 0; /*background:url(../images/maps.png) no-repeat;*/}
.homebox01 .wrapper { border-bottom: 0 solid #eaedf2; padding-bottom: 50px; }
.homebox01 .list { margin-bottom: 40px; }
.homebox01 .list .item { float: left; width: 30%; margin-right: 2%; background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; padding: 10px; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
/* .homebox01 .list .item:nth-child(2n) { margin-right: 0; } */

.homebox01 .list .item .img{width:100%;height:350px;text-align:center;display: flex; align-items: center; justify-content: center; text-align: justify;overflow: hidden;}
.homebox01 .list .item .img img{max-width:100%;height:auto;margin:auto;}

.homebox01 .list .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.homebox01 .list .item .time .split { margin: 0 10px; color: #ccc; }
.homebox01 .list .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.homebox01 .list .item .name a { color: #111; }
.homebox01 .list .item .name a:hover { color: #ea0000; }
.homebox01 .list .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.homebox01 .list .item .link { overflow: hidden; margin-bottom: -12px; }
.homebox01 .list .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01.png) no-repeat center; float: left; }
.homebox01 .list .item .link a.l02 { float: right; background-image: url(../images/hb01img02.png); }

.commonbtn { text-align: center; margin-top:15px;}
.commonbtn a { display: inline-block; line-height: 46px; background: #ea0000; border-radius: 30px; color: #fff; padding: 0 30px; font-size: 13px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.commonbtn a:hover { opacity: .8; padding: 0 60px; }



/*新闻展示*/
.news-mod { width: 100%; margin-top: 30px;background:url(../images/indb_pic.png) no-repeat left bottom; padding-bottom: 50px;}
.news-mod .list { width: 100%;background: #fff url(../images/index_pro_bg.png) no-repeat; }
.news-mod .item-f { width: 100%; transition: all 0.3s ease 0s; }
.news-mod .item { width: 1200px; cursor: pointer; padding: 30px 0px; margin: 0 auto; transition: all 0.3s ease 0s; }
.news-mod .item .pre-pic { float: left; width: 300px; }
.news-mod .item .info { float: left; width: 870px; }
.news-mod .item .info .tt a { font-size: 18px; color: #333; line-height: 42px; }
.news-mod .item .info .tt span { color: #1c91e9; }
.news-mod .item .img { width: 280px; height: 150px; border:1px solid #eee;text-align:center; }
.news-mod .item .img img{max-width:100%;height:100%;margin:auto;}
.news-mod .item .des { margin-top: 6px; }
.news-mod .item .des a { font-size: 13px; color: #999; line-height: 24px; }
.news-mod .mores { display: block; width: 150px; line-height: 42px; font-size: 13px; color: #fff; text-align: center; background: #275397; border-radius: 3px; margin: 0 auto; margin-top: 50px; }
.news-mod .item .date { float: left; width: 120px; }
.news-mod .item .date .dd { font-size: 50px; font-weight: bold; letter-spacing: 5px; color: #000; text-align: center; }
.news-mod .item .date .yy { font-size: 18px; color: #333; text-align: center; }
.news-mod .item .line { float: left; width: 1px; height: 100px; background: radial-gradient(#999,#eee); }
.news-mod .item .con { float: left; width: 720px; padding-left: 50px; }
.news-mod .item .more2 { display: block; width: 90px; line-height: 30px; text-align: center; background: #ddd; color: #fff; margin-top: 36px; transition: all 0.3s ease 0s; }
.news-mod .item-f:hover { background-color: rgba(238,238,238,.6); transition: all 0.3s ease 0s; }
.news-mod .item-f:hover .tt a { color: #0952a9; }
.news-mod .item-f:hover .more2 { background: #d0191d; transition: all 0.3s ease 0s; }
.news-mod .item-f:hover .des a { color: #333; }
.news-mod .item-f:hover .item { padding-left: 20px; transition: all 0.3s ease 0s; }
.news-mod .item-f:hover .date .dd { color: #0B579F; }

/* .index-1 .list-wrapper li a:hover { */
/* color: #fff; }
*/
/* .index-1 .list-wrapper li a:hover:before { */
/* opacity: 1; }
*/
/* .index-1 .list-wrapper li a:hover .img img:nth-child(1) { */
/* opacity: 0; } */
/* .index-1 .list-wrapper li a:hover .img img:nth-child(2) { */
/* opacity: 1; } */
/* .index-1 .list-wrapper li a:hover .more { */
/* opacity: 0; } */
/* .index-1 .list-wrapper li a:hover dl.info { */
/* opacity: 1; */
/* bottom: .35rem; } */


/*解决方案*/
/*客户案例*/
.cases{ width:1200px;margin:auto;position:relative; padding:40px 0 40px 0; background:#fff;border-top:1px solid #eee;}
.cases .caseList{  overflow:hidden;position:relative; z-index:10; padding-top:0px}
.cases .caseList .steps { overflow: hidden }  
.cases .caseList .bd { position: relative; padding: 0 0 30px 0 }
.cases .caseList .bd  h3{text-align:center;}  
.cases .caseList .bd li { float: left; width: 250px; height: 180px; margin-right: 20px; margin-left:20px;  border:1px solid #eee;  position:relative;  display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify; }  
.cases .caseList .bd li a { display: block; overflow: hidden; background: #fff; width: 100%; height: 100%;  display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify; }  
.cases .caseList .bd li img { max-width: 100%; height: auto; display: block; margin: 0 auto; transition: all .5s ease-out 0s; position:absolute;}  
/* .cases .caseList .bd li a:hover img { transform: scale(1.1, 1.1); }   */
.cases .caseList .hd { position: relative }  
.cases .caseList .hd ul { text-align: center }  
.cases .caseList .hd li { display: inline-block; width: 20px; height: 20px; margin-right: 14px; cursor: pointer; background: #999; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0; }  
.cases .caseList .hd li.on { background: #066dd8; } 



.index-2 .wal { position: relative; min-height: 2.57rem; padding: 1.25rem 0 0 1.2rem; }
.index-2 .wal .ico { width: 1.63rem; position: absolute; z-index: 10; left: 0; right: auto; top: 0.8rem; bottom: auto; font-size: 148px; font-weight: bold; color: #ffb726; }
.index-2 .wal h2 { font-size: .54rem; color: #333d47; line-height: 1em; }
.index-2 .wal .btn { position: relative; z-index: 11; }
.index-2 .wal .btn dd { line-height: .6rem; font-size: .18rem; color: #5c6166; padding-right: .31rem; margin-right: .3rem; background: url("../images/img2.png") right center no-repeat; background-size: .02rem; }
.index-2 .wal .btn dd:last-child { margin-right: 0; background: none; }
.index-2 .wal .btn dd a.on { color: #ffb726; }
.index-2 .wal .arrow { position: absolute; z-index: 12; left: auto; right: 0; top: 1.9rem; bottom: auto; width: .8rem; }
.index-2 .wal .arrow:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 2px; height: .24rem; /*background: #5c6166;*/ margin-left: -1px; margin-top: -.12rem; }
.index-2 .wal .arrow a { width: .15rem; height: .28rem; background: center no-repeat; background-size: 100%; }
.index-2 .wal .arrow a.prev { background-image: url("../images/prev15.png"); }
.index-2 .wal .arrow a.prev:hover { background-image: url("../images/prev15on.png"); }
.index-2 .wal .arrow a.next { background-image: url("../images/next15.png"); }
.index-2 .wal .arrow a.next:hover { background-image: url("../images/next15on.png"); }
.index-2 .list { height: 6rem; position: relative; }
.index-2 .list .img-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat; background-size: cover; opacity: 0; }
.index-2 .list .img-bg.on { opacity: 1; }
.index-2 .list .list-wrapper { position: absolute; z-index: 10; left: -1px; right: 0; top: 0; bottom: auto; overflow: hidden; }
.index-2 .list li { height: 6rem; justify-content: flex-end; -webkit-justify-content: flex-end; padding: 0 .3rem .55rem .3rem; color: #fff; background: rgba(0, 0, 0, 0.2); border-left: rgba(255, 255, 255, 0.5) solid 1px; position: relative; z-index: 2; }
.index-2 .list li h3 { font-size: .3rem; }
.index-2 .list li .tag dl { padding-top: .25rem; }
.index-2 .list li .tag dd { padding: 0 .12rem .16rem 0; }
.index-2 .list li .tag a { display: block; color: #fff; border: #fff solid 1px; height: .3rem; line-height: .28rem; padding: 0 .22rem; font-size: .14rem; }
.index-2 .list li .tag a:hover { background: #ffb726; border-color: #ffb726; }
.index-2 .list li .more { padding-top: .35rem; }
.index-2 .list li .more a { color: #fff; font-size: .18rem; background: url("../images/img8.png") right center no-repeat; background-size: .08rem; padding-right: .18rem; }
.index-2 .list li .more a:hover { color: #ffb726; background-image: url("../images/img8on.png"); }
.index-2 .list li.on { color: #ffb726; background: rgba(0, 0, 0, 0.5); }
.index-3 { background: url("../images/about_bj.jpg") center bottom no-repeat; background-size: cover; }
.index-3 .wal { min-height: 8.02rem; padding: 1.1rem 0; }
.index-3 .col { min-height: 5.62rem; width: 4.6rem; }
.index-3 .title { color: #333d47; font-size: .18rem; border-bottom: rgba(0, 0, 0, 0.1) solid 1px; }
.index-3 .title h2 { font-size: .54rem; line-height: 1em; padding: .15rem 0 .45rem 0; }
.index-3 .btn li { border-bottom: rgba(0, 0, 0, 0.1) solid 1px; position: relative; height: .91rem; }
.index-3 .btn li:before { content: ""; display: block; position: absolute; top: 0; right: .3rem; bottom: 0; width: .12rem; background: url("../images/img12.png") center no-repeat; background-size: 100%; }
.index-3 .btn li .ico { width: 1.1rem; height: 1.1rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: .35rem; position: absolute; z-index: 10; left: 0; right: auto; top: 50%; bottom: auto; margin-top: -.55rem; }
.index-3 .btn li .ico img { width: .4rem; }
.index-3 .btn li .ico img:nth-child(2) { opacity: 0; position: absolute; z-index: 10; left: 0.35rem; right: auto; top: 0.35rem; bottom: auto; }
.index-3 .btn li .name { padding-left: .85rem; line-height: .9rem; font-size: .2rem; }
.index-3 .btn li .layer { position: absolute; z-index: 10; left: 1.36rem; right: 0; top: 0; bottom: 0; opacity: 0; }
.index-3 .btn li .layer h3 { font-size: .22rem; line-height: 1.2em; color: #333d47; }
.index-3 .btn li .layer p { font-size: .16rem; color: #999; padding: .1rem 0 .18rem 0; }
.index-3 .btn li .layer a.more { -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; background: #ffb726; color: #fff; text-align: center; font-size: .14rem; width: 1rem; height: .36rem; line-height: .36rem; }
.index-3 .btn li.on { height: 1.71rem; }
.index-3 .btn li.on:before { opacity: 0; right: 0; }
.index-3 .btn li.on .ico { padding: .25rem; background: #ffb726; }
.index-3 .btn li.on .ico img { width: .6rem; opacity: 0; }
.index-3 .btn li.on .ico img:nth-child(2) { opacity: 1; left: .25rem; top: .25rem; }
.index-3 .btn li.on .name { opacity: 0; line-height: 1.7rem; }
.index-3 .btn li.on .layer { opacity: 1; visibility: visible; }
.index-3 .tel { padding-top: .32rem; font-size: .24rem; }
.index-3 .tel b { color: #ffb726; font-family: 'DINCond-Black'; font-size: .42rem; }
.index-3 .list { width: 10rem; position: relative; }
.index-3 .list li { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: auto; }
.index-3 .list li dl.info { position: absolute; z-index: 10; left: 0; right: 0; top: auto; bottom: 0.45rem; font-size: .18rem; color: #fff; text-align: center; }
.index-3 .list li dl.info dd { width: 33.333%; }
.index-3 .list li dl.info h3 { color: #ffb726; font-size: .72rem; font-family: 'DINCond-Black'; }
.index-4 { position: relative; padding-bottom: .65rem; }
.index-4 .btn { position: absolute; z-index: 10; left: auto; right: 0; top: 1rem; bottom: auto; }
.index-4 .btn li { height: .54rem; line-height: .54rem; position: relative; padding: 0 .23rem; background: #e1e6eb; font-size: .18rem; color: #333d47; cursor: pointer; }
.index-4 .btn li em { text-transform: uppercase; font-family: 'DINCond-Black'; padding-right: .1rem; font-size: .24rem; }
.index-4 .btn li:after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: .2rem; margin-top: -.1rem; background: #ccc; }
.index-4 .btn li:last-child:after { display: none; }
.index-4 .btn li:before { content: ""; display: block; position: absolute; left: 50%; bottom: -.07rem; width: .14rem; height: .14rem; background: #333d47; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); opacity: 0; margin-left: -.07rem; }
.index-4 .btn li.on { background: #333d47; color: #ffb726; }
.index-4 .btn li.on:before { opacity: 1; }
.index-4 .btn li.on:after { background: #333d47; }
.index-4 .list ul { margin-left: -.72rem; }
.index-4 .list li { width: 33.333%; padding: 0 0 .25rem .72rem; }
.index-4 .list a { color: #333d47; }
.index-4 .list a .img { width: 100%; position: relative;    text-align: center;border: 1px solid #eee; }
.index-4 .list a .img:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; top: 0; /*background: rgba(0, 0, 0, 0.5) url("../images/img60.png") center no-repeat;*/ background-size: .6rem; opacity: 0;border:2px solid #ffb726 }
.index-4 .list a .img:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: .04rem; background: #ffb726; opacity: 0; }
.index-4 .list a .col { width: 3.45rem; padding: .25rem 0; min-height: 1.6rem; }
.index-4 .list a .col .name { font-size: .18rem; line-height: .28rem; height: .56rem; overflow: hidden; }
.index-4 .list a .col p { font-size: .14rem; line-height: .26rem; height: .52rem; overflow: hidden; color: #5c6166; margin-top: .06rem; }
.index-4 .list a .time { font-size: .22rem; color: #1f5c99; font-family: 'DINCond-Black'; text-align: center; position: relative; top: -.03rem; }
.index-4 .list a .time b { display: block; font-size: .96rem; line-height: 1em; }
.index-4 .list a:hover .img:before, .index-4 .list a:hover .img:after { opacity: 1; }
.index-4 .list a:hover .time { color: #ffb726; }
.index-4 .list a:hover .col .name { font-weight: 600; }
.index-5 li { width: 33.333%; }
.index-5 li a { display: block; height: 2rem; position: relative; }
.index-5 li a:after { content: ""; display: block; position: absolute; top: 0; right: .6rem; bottom: 0; width: .6rem; background: url("../images/img60_1.png") center no-repeat; background-size: 100%; z-index: 11; }
.index-5 li a .bg { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover; opacity: .3; }
.index-5 li a .container { position: absolute; z-index: 10; left: 0.6rem; right: 0; top: 0; bottom: 0; }
.index-5 li a .container h2 { font-size: .3rem; color: #333d47; line-height: 1em; padding-bottom: .12rem; }
.index-5 li a .container p { font-size: .16rem; color: #5c6166; }
.index-5 li a:hover { background: #ffb726; }
.index-5 li a:hover .bg { opacity: .2; }
.index-5 li:nth-child(2) { background: #e1e6eb; }
.index-5 li:nth-child(3) { background: #8a9199; }

/*page*/
.product-1 { padding-top: .5rem; }
.product-1 .side { width: 3.72rem; }
.product-1 .side li { border-bottom: #ccc solid 1px; }
.product-1 .side li:last-child { border: 0; }
.product-1 .side a { background: #f5f5f5; height: 1.3rem; padding-left: .3rem; position: relative; }
.product-1 .side a:before { content: ""; display: block; position: absolute; left: 0; bottom: -1px; right: 0; height: .06rem; background: #ffb726; opacity: 0; }
.product-1 .side a h2 { font-size: .28rem; line-height: 1em; padding-bottom: .12rem; }
.product-1 .side a .more { font-size: .18rem; background: url("../images/img8_1.png") right center no-repeat; background-size: .08rem; width: .98rem; }
.product-1 .side a .img { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; width: 2rem; }
.product-1 .side a:hover { background: #333d47; color: #fff; }
.product-1 .side a:hover:before { opacity: 1; }
.product-1 .side a:hover .more { background-image: url("../images/img8_1on.png"); }
.product-1 .col { width: 10.9rem; }
.product-1 .container { position: relative; }
.product-1 .container .layer { position: absolute; z-index: 10; left: 0.7rem; right: 0.7rem; top: 0; bottom: 0; color: #333d47; }
.product-1 .container .layer h2 { font-size: .54rem; line-height: 1em; padding-bottom: .2rem; }
.product-1 .container .layer p { font-size: .14rem; line-height: 2em; }
.product-1 .list ul { margin-left: -.5rem; }
.product-1 .list li { width: 33.333%; padding: .3rem 0 0 .5rem; }
.product-1 .list a { height: 1.5rem; position: relative; padding: 0 .3rem; color: #333d47; font-size: .16rem; }
.product-1 .list a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: .7; }
.product-1 .list a:after { content: ""; display: block; position: absolute; top: 0; right: .3rem; bottom: 0; width: .6rem; background: url("../images/img60_1.png") center no-repeat; background-size: 100%; }
.product-1 .list a h2, .product-1 .list a p { position: relative; }
.product-1 .list a h2 { font-size: .3rem; line-height: 1em; padding-bottom: .12rem; }
.product-1 .list a:hover:before { background: #ffb726; opacity: .8; }
.product .nav, .p-title .nav, .p-search .nav { position: absolute; z-index: 10; left: auto; right: 0; top: 1rem; bottom: auto; }
.product .nav li, .p-title .nav li, .p-search .nav li { position: relative; }
.product .nav li:after, .p-title .nav li:after, .p-search .nav li:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: #ccc; }
.product .nav li:last-child:after, .p-title .nav li:last-child:after, .p-search .nav li:last-child:after { display: none; }
.product .nav a, .p-title .nav a, .p-search .nav a { display: block; height: .54rem; line-height: .54rem; position: relative; min-width: 1.2rem; text-align: center; padding: 0 .23rem; background: #e1e6eb; font-size: .18rem; color: #333d47; }
.product .nav a:before, .p-title .nav a:before, .p-search .nav a:before { content: ""; display: block; position: absolute; left: 50%; bottom: -.07rem; width: .14rem; height: .14rem; background: #333d47; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); opacity: 0; margin-left: -.07rem; }
.product .nav a:hover, .p-title .nav a:hover, .p-search .nav a:hover { color: #ffb726; }
.product .nav a.on, .p-title .nav a.on, .p-search .nav a.on { background: #333d47; color: #ffb726; }
.product .nav a.on:before, .p-title .nav a.on:before, .p-search .nav a.on:before { opacity: 1; }
.product .nav a.on:after, .p-title .nav a.on:after, .p-search .nav a.on:after { background: #333d47; }
.product { position: relative; padding-bottom: .5rem; }
.product .list { padding-bottom: .5rem; }
.product .list ul { margin-left: -.2rem; }
.product .list li { width: 25%; padding: 0 0 .2rem .2rem; }
.product .list .box-1, .product .list .box { position: relative; background: #fff center no-repeat; background-size: cover; box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); min-height: 5rem; }
.product .list .box-1:before, .product .list .box:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: .03rem; background: #ffb726; opacity: 0; }
.product .list .box-1:hover:before, .product .list .box:hover:before { opacity: 1; }
.product .list .box-1 h2, .product .list .box h2 { font-size: .36rem; color: #fff; line-height: 1em; position: absolute; z-index: 10; left: 0.38rem; right: auto; top: 0.5rem; bottom: auto; background: url("../images/line20.png") left bottom repeat-x; background-size: auto .2rem; padding-bottom: .06rem; letter-spacing: .02rem; }
.product .list .box-1 .btn, .product .list .box .btn { position: absolute; z-index: 10; left: 0.38rem; right: 0.38rem; top: auto; bottom: 0.45rem; }
.product .list .box-1 .btn a, .product .list .box .btn a { -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; background: #fff; text-align: center; width: 1.4rem; height: .5rem; line-height: .5rem; font-size: .18rem; color: #333d47; }
.product .list .box-1 .btn a:hover, .product .list .box .btn a:hover { background: #ffb726; color: #fff; }
.product .list .box-1:before { height: .06rem; }
.product .list .box { padding: .35rem .4rem; }
.product .list .box .img { margin-left: -.4rem; margin-right: -.4rem; }
.product .list .box a.name { display: block; position: absolute; z-index: 10; left: 0.4rem; right: 0.4rem; top: 0.35rem; bottom: auto; }
.product .list .box a.name h3 { font-size: .3rem; line-height: .42rem; text-transform: uppercase; font-family: 'DINCond-Black'; }
.product .list .box a.name h4 { font-size: .26rem; line-height: .3rem; padding-bottom: .1rem; }
.product .list .box a.name div { font-size: .18rem; line-height: .22rem; }
.product .list .box .tag { position: absolute; z-index: 10; left: auto; right: 0; top: 0.45rem; bottom: auto; width: 1.16rem; height: .52rem; line-height: .52rem; text-align: center; background: #1f5c99; color: #fff; border-top-left-radius: 0.5rem; -webkit-border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; -webkit-border-bottom-left-radius: 0.5rem; font-size: .18rem; font-weight: bold; }
.product .list .box .info { min-height: 1rem; padding-bottom: .2rem; font-size: .14rem; line-height: .24rem; }
.product .list .box .info dd { padding-left: .14rem; position: relative; }
.product .list .box .info dd:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: .24rem; width: .06rem; background: url("../images/img6.png") center no-repeat; background-size: 100%; }
.product .list .box .img { padding-top: .64rem; }
.product .list .box .more a { display: block; height: .48rem; line-height: .46rem; text-align: center; font-size: .16rem; border: #ccc solid 1px; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; }
.product .list .box .more a:hover { background: #ffb726; border-color: #ffb726; color: #fff; }
.topA { display: block; width: .7rem; height: .7rem; background: url("../images/img70.png") center no-repeat; background-size: 100%; position: fixed; z-index: 20; right: .3rem; bottom: 2rem; opacity: 0; visibility: hidden; }
.topA:hover { background-image: url("../images/img70on.png"); }
.topA.show { opacity: 1; visibility: visible; }
.p-num { padding: 0 0 1rem 0; }
.p-num a.arrow { display: block; width: .6rem; height: .6rem; background: center no-repeat; background-size: 100%; }
.p-num a.arrow.prev { background-image: url("../images/prev60.png"); }
.p-num a.arrow.prev:hover { background-image: url("../images/prev60on.png"); }
.p-num a.arrow.next { background-image: url("../images/next60.png"); }
.p-num a.arrow.next:hover { background-image: url("../images/next60on.png"); }
.p-num div { padding: 0 .25rem; font-size: .48rem; font-family: 'DINCond-Black'; position: relative; top: -.1rem; }
.p-num div em { color: #ffb726; font-size: .96rem; }
.p-banner { height: 4rem; background: center no-repeat; background-size: cover; color: #333d47; }
.p-banner .wal { height: 4rem; max-width: 10.9rem; }
.p-banner .wal h2 { font-size: .54rem; line-height: 1em; padding-bottom: .35rem; text-align: center; }
.p-banner .wal .form .col { background: #fff; width: 10.2rem; height: .6rem; }
.p-banner .wal .form .select { position: relative; width: 33.333%; height: .6rem; line-height: .6rem; padding-left: .2rem; }
.p-banner .wal .form .select:after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: .26rem; margin-top: -.13rem; background: #ccc; }
.p-banner .wal .form .select:last-child:after { display: none; }
.p-banner .wal .form .select:before { content: ""; display: block; position: absolute; top: 0; right: .2rem; bottom: 0; width: .22rem; background: url("../images/select22.png") center no-repeat; background-size: 100%; }
.p-banner .wal .form .select span { font-size: .22rem; color: #ffb726; font-weight: bold; }
.p-banner .wal .form .select .layer { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; bottom: auto; background: #eee; border-top: #ffb726 solid 0.02rem; box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); padding: .1rem .2rem; opacity: 0; visibility: hidden; }
.p-banner .wal .form .select .layer .scroll { max-height: 1.9rem; overflow: hidden; position: relative; }
.p-banner .wal .form .select .layer dl { padding-right: .2rem; }
.p-banner .wal .form .select .layer dd { height: .48rem; line-height: .48rem; border-bottom: #d6d6d6 solid 1px; font-size: .16rem; text-transform: uppercase; cursor: pointer; font-family: 'DINCond-Black'; }
.p-banner .wal .form .select .layer dd:hover { color: #ffb726; }
.p-banner .wal .form .select.on:before { background-image: url("../images/select22on.png"); }
.p-banner .wal .form .select.on .layer { opacity: 1; visibility: visible; }
.p-banner .wal .form .submit { width: .6rem; height: .6rem; background: #ffb726 url("../images/img26_1.png") center no-repeat; background-size: .26rem; }
.p-banner .wal .form .submit input { width: 100%; height: .6rem; cursor: pointer; }
.p-banner .wal .msg { text-align: right; font-size: .24rem; padding-top: .15rem; }
.p-banner .wal .msg b { background: url("../images/line20.png") left bottom repeat-x; background-size: auto .16rem; display: inline-block; padding-bottom: .03rem; }
.p-banner-2 { text-align: center; color: #fff; }
.p-banner-2 p { font-size: .18rem; }
.p-banner-2 .img { width: 7.63rem; margin: 0 auto; }
.p-nav { border-bottom: #ccc solid 1px; position: relative; line-height: .79rem; }
.p-nav .curr { font-size: .14rem; padding-left: .29rem; background: url("../images/img18.png") left center no-repeat; background-size: .18rem; color: #999; }
.p-nav .curr a { color: #999; }
.p-nav .curr em, .p-nav .curr a:hover, .p-nav .curr b { color: #1f5c99; }
.p-nav .nav { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; }
.p-nav .nav li { margin-left: .5rem; }
.p-nav .nav a { display: block; height: .79rem; font-size: .16rem; color: #666; position: relative; }
.p-nav .nav a:before { content: ""; display: block; position: absolute; left: 0; bottom: -1px; right: 0; height: 2px; background: #1f5c99; opacity: 0; }
.p-nav .nav a:hover, .p-nav .nav a.on { color: #1f5c99; }
.p-nav .nav a:hover:before, .p-nav .nav a.on:before { opacity: 1; }
.p-nav .nav a.on { font-weight: bold; }
.p-nav2 { position: relative; padding: 1rem 0 .8rem 0; }
.p-nav2 h2 { background: #ffb726; color: #fff; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; width: 1.8rem; height: .66rem; line-height: .66rem; text-align: center; font-size: .28rem; flex-shrink: 0; -webkit-flex-shrink: 0; }
.p-nav2 .list-wrapper { width: 100%; overflow: hidden; position: relative; }
.p-nav2 .list-wrapper ul { margin-left: -.03rem; }
.p-nav2 .list-wrapper li { padding: 0 .55rem; position: relative; width: auto; white-space: nowrap; }
.p-nav2 .list-wrapper li:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: .03rem; background: url("../images/line3.png") center no-repeat; background-size: 100%; }
.p-nav2 .list-wrapper li a { font-size: .28rem; color: #5c6166; }
.p-nav2 .list-wrapper li a:hover, .p-nav2 .list-wrapper li a.on { color: #ffb726; }
.p-nav2 .list-wrapper li a.on { font-weight: bold; }
.p-nav2 .arrow { width: .8rem; flex-shrink: 0; -webkit-flex-shrink: 0; position: relative; margin-left: .5rem; }
.p-nav2 .arrow:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 2px; height: .24rem; background: #5c6166; margin-left: -1px; margin-top: -.12rem; }
.p-nav2 .arrow a { width: .15rem; height: .28rem; background: center no-repeat; background-size: 100%; }
.p-nav2 .arrow a.prev { background-image: url("../images/prev15.png"); }
.p-nav2 .arrow a.prev:hover { background-image: url("../images/prev15on.png"); }
.p-nav2 .arrow a.next { background-image: url("../images/next15.png"); }
.p-nav2 .arrow a.next:hover { background-image: url("../images/next15on.png"); }
.product-show { position: relative; }
.product-show .bg { position: absolute; left: 50%; top: 0; right: 0; bottom: 0; }
.product-show .bg:before { content: ""; display: block; position: absolute; left: -2.1rem; top: 0; bottom: 0; right: 0; background: #f5f5f5; }
.product-show .wal { position: relative; min-height: 2rem; padding-bottom: .35rem; }
.product-show .p-nav { border: 0; width: 100%; }
.product-show .img-list { width: 4.7rem; }
.product-show .img-list .big-img { border: #eee solid 1px; }
.product-show .img-list .big-img li { display: none; }
.product-show .img-list .list { position: relative; margin-top: .2rem; padding: 0 .68rem; }
.product-show .img-list .arrow a { display: block; width: .5rem; background: #f5f5f5 center no-repeat; background-size: .15rem; position: absolute; z-index: 10; left: auto; right: auto; top: 0; bottom: 0; }
.product-show .img-list .arrow a.prev { left: 0; background-image: url("../images/prev15.png"); }
.product-show .img-list .arrow a.prev:hover { background-image: url("../images/prev15on.png"); }
.product-show .img-list .arrow a.next { right: 0; background-image: url("../images/next15.png"); }
.product-show .img-list .arrow a.next:hover { background-image: url("../images/next15on.png"); }
.product-show .img-list .list-wrapper { width: 100%; overflow: hidden; position: relative; }
.product-show .img-list .list-wrapper li { padding: 0 .22rem; }
.product-show .img-list .list-wrapper li div { border: #eee solid 1px; position: relative; cursor: pointer; }
.product-show .img-list .list-wrapper li div:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7) url("../images/img44.png") center no-repeat; background-size: .44rem; opacity: 0; }
.product-show .img-list .list-wrapper li.swiper-slide-active div:before { opacity: 1; }
.product-show .col { width: 8.9rem; }
.product-show .title { height: .71rem; border-bottom: #ccc solid 1px; font-size: .2rem; color: #ffb726; }
.product-show .title h2 { font-size: .54rem; text-transform: uppercase; font-family: 'DINCond-Black'; padding-right: .1rem; position: relative; top: -.08rem; }
.product-show .title2 { padding: .25rem 0 .15rem 0; }
.product-show .title2 h3 { font-size: .24rem; color: #333d47; line-height: 1em; background: url("../images/line20.png") center bottom repeat-x; background-size: auto .2rem; padding-bottom: .1rem; }
.product-show .content { font-size: .16rem; line-height: .26rem; color: #666; }
.product-show .content dd { padding-left: .19rem; position: relative; }
.product-show .content dd:before { content: ""; display: block; position: absolute; left: .03rem; top: 0; width: .06rem; height: .26rem; background: url("../images/img6.png") center no-repeat; background-size: 100%; }
.product-show .btn { padding-top: .6rem; }
.product-show .btn a { -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; margin-right: .5rem; width: 2rem; height: .5rem; line-height: .5rem; text-align: center; font-size: .18rem; background: #333d47; color: #ffb726; }
.product-show .btn a:hover { background: #ffb726; color: #fff; }
.productNavD { height: 1.05rem; position: relative; z-index: 55; }
.productNav { background: #fff; border-bottom: #ccc solid 1px; border-top: #ffb726 solid 0.06rem; position: absolute; z-index: 55; left: 0; right: 0; top: 0; bottom: auto; }
.productNav.on { position: fixed; }
.productNav .wal { height: .98rem; }
.productNav .title { font-size: .2rem; color: #333d47; }
.productNav .title h2 { font-size: .5rem; padding-right: .1rem; font-family: 'DINCond-Black'; text-transform: uppercase; position: relative; top: -.02rem; }
.productNav li { padding-left: 1.6rem; }
.productNav li a { font-size: .24rem; color: #333d47; font-weight: bold; background: url("../images/line20.png") left bottom repeat-x; background-size: auto 0; display: inline-block; padding: .06rem 0; }
.productNav li a:hover, .productNav li a.on { background-size: auto .2rem; }
.p-title { position: relative; color: #333d47; padding: .9rem 0 .45rem 0; }
.p-title p { font-size: .18rem; padding-bottom: .15rem; }
.p-title h2 { font-size: .54rem; line-height: 1em; }
.p-title a.back { display: block; position: absolute; z-index: 10; left: auto; right: 0; top: 1rem; bottom: auto; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; text-align: center; font-size: .16rem; width: 1.6rem; height: .48rem; line-height: .46rem; border: #ccc solid 1px; }
.p-title a.back:hover { background: #ffb726; border-color: #ffb726; color: #fff; }
.p-title .arrow { position: absolute; z-index: 10; left: auto; right: 0; top: auto; bottom: 0.5rem; width: 1.6rem; }
.p-title .arrow:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #ccc; }
.p-title .arrow a { width: .48rem; height: .48rem; background: center no-repeat; background-size: 100%; }
.p-title .arrow a.prev { background-image: url("../images/prev48.png"); }
.p-title .arrow a.prev:hover { background-image: url("../images/prev48on.png"); }
.p-title .arrow a.next { background-image: url("../images/next48.png"); }
.p-title .arrow a.next:hover { background-image: url("../images/next48on.png"); }
.p-title .nav { top: 1.2rem; }
.product-show-1 { padding-bottom: 1.1rem; }
.product-show-1 .img { width: 5.7rem; background: #ffb726; }
.product-show-1 .img img { position: relative; left: .1rem; top: .1rem; border: #ffb726 solid 1px; box-shadow: 0 0.06rem 0.6rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.06rem 0.6rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0.06rem 0.6rem rgba(0, 0, 0, 0.1); }
.product-show-1 .col { width: 8.8rem; padding-top: .1rem; }
.product-show-1 .col .title { padding-bottom: .45rem; }
.product-show-1 .col .title h2 { background: #ffb726; color: #fff; font-size: .3rem; height: .6rem; line-height: .6rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; padding: 0 .3rem; }
.product-show-1 .col dl.msg { padding-bottom: .35rem; }
.product-show-1 .col dl.msg dd { line-height: .36rem; min-width: 2.15rem; padding: 0 .2rem; font-size: .18rem; color: #666; position: relative; font-weight: bold; }
.product-show-1 .col dl.msg dd:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: .05rem; height: .2rem; margin-top: -.1rem; background: #ea0a1c; }
.product-show-1 .col dl.msg dd.dd_02:before { background: #71c240; }
.product-show-1 .col dl.info { font-size: .16rem; line-height: .26rem; color: #666; }
.product-show-1 .col dl.info dd { position: relative; padding-left: .18rem; }
.product-show-1 .col dl.info dd:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: .06rem; height: .26rem; background: url("../images/img6.png") center no-repeat; background-size: 100%; }
.product-show-2 { min-height: 3rem; background: #f5f5f5; }
.product-show-2 .list { margin-left: -.3rem; margin-right: -.3rem; }
.product-show-2 .list-wrapper { width: 100%; overflow: hidden; position: relative; }
.product-show-2 .list-wrapper li { padding: 0 .3rem 1rem .3rem; }
.product-show-2 .list-wrapper a { display: block; border-bottom: #ccc solid 1px; position: relative; color: #666; }
.product-show-2 .list-wrapper a:before { content: ""; display: block; position: absolute; left: 0; bottom: -1px; right: 0; height: .04rem; background: #ffb726; opacity: 0; }
.product-show-2 .list-wrapper a .name { height: .7rem; line-height: .7rem; padding: 0 1rem 0 .2rem; position: relative; }
.product-show-2 .list-wrapper a .name h3 { font-size: .2rem; }
.product-show-2 .list-wrapper a .name .more { font-size: .18rem; position: absolute; z-index: 10; left: auto; right: 0.2rem; top: 0; bottom: auto; padding-right: .18rem; background: url("../images/img8_2.png") right center no-repeat; background-size: .08rem; }
.product-show-2 .list-wrapper a:hover { background: #fff; color: #ffb726; box-shadow: 0 0.05rem 0.32rem rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0.05rem 0.32rem rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0.05rem 0.32rem rgba(0, 0, 0, 0.08); }
.product-show-2 .list-wrapper a:hover:before { opacity: 1; }
.product-show-2 .list-wrapper a:hover .name .more { background-image: url("../images/img8_2on.png"); }
.product-foot { background: #f5f5f5; position: relative; }
.product-foot:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; width: 7.77rem; background: url("../images/img777.png") center no-repeat; background-size: 100%; margin-left: -9.6rem; }
.product-foot .wal { height: 3rem; position: relative; }
.product-foot .p-title { padding: 0; }
.product-foot li { width: 4.95rem; border-right: #ccc solid 1px; }
.product-foot li:last-child { border: 0; }
.product-foot li a { color: #333; }
.product-foot li a .ico { width: .6rem; position: relative; }
.product-foot li a .ico img:nth-child(2) { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; opacity: 0; }
.product-foot li a h3 { font-weight: 400; font-size: .24rem; line-height: .6rem; }
.product-foot li a:after { content: ""; display: block; position: absolute; position: relative; width: .44rem; height: .44rem; background: url("../images/img44_1.png") center no-repeat; background-size: 100%; }
.product-foot li a:hover { color: #ffb726; }
.product-foot li a:hover .ico img:nth-child(1) { opacity: 0; }
.product-foot li a:hover .ico img:nth-child(2) { opacity: 1; }
.product-foot li a:hover h3 { font-weight: bold; }
.product-foot li a:hover:after { background-image: url("../images/img44_1on.png"); }
 
.activity { padding: 1.3rem 0 0 0; }
.activity .title { width: 100%; padding-bottom: .55rem; position: relative; font-size: .16rem; color: #333d47; }
.activity .title:before { content: ""; display: block; position: absolute; left: 0; bottom: .22rem; width: .5rem; height: 1px; background: #ffb726; }
.activity .title h2 { width: 6.5rem; padding-top: .15rem; }
.activity .content { width: 50%; padding: 0 1.5rem .4rem 0; font-size: .2rem; line-height: .36rem; color: #666; text-align: justify; }
.activity .img { width: 100%; }
.activity .list { padding: .95rem 0 1.15rem 0; width: 100%; }
.activity .list li { width: 33.333%; text-align: center; position: relative; color: #333d47; font-size: .22rem; }
.activity .list li:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: .03rem; width: 1px; background: #ccc; }
.activity .list li:last-child:after { display: none; }
.activity .list li .ico { width: .7rem; position: relative; padding-bottom: .28rem; }
.activity .list li .ico:before { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: .3rem; height: .02rem; margin-left: -.15rem; background: #ccc; }
.activity .list li h3 { font-size: .3rem; line-height: 1em; padding: .2rem 0 .08rem 0; }
.service-1 { padding: 1rem 0 1.8rem 0; }
.service-1 .col { width: 4.7rem; }
.service-1 .p-title { padding: 0; }
.service-1 .p-title p { font-size: .16rem; }
.service-1 .content { font-size: .2rem; line-height: .36rem; color: #666; text-align: justify; padding: .5rem 0 .3rem 0; position: relative; }
.service-1 .content:before { content: ""; display: block; position: absolute; left: 0; top: .28rem; width: .5rem; height: 1px; background: #ffb726; }
.service-1 .list { background: #fff; position: relative; z-index: 11; width: 8.92rem; padding-right: .9rem; }
.service-1 .list li { height: 1.5rem; text-align: center; padding-bottom: .2rem; }
.service-1 .list li .num { font-size: .72rem; line-height: 1em; color: #ffb726; font-family: 'DINCond-Black'; }
.service-1 .list li .name { font-size: .18rem; color: #333d47; padding-top: .06rem; }
.service-1 .img { width: 10.2rem; position: relative; }
.service-1 .img i.btn { display: block; width: 1.5rem; height: 1.5rem; background: url("../images/img150.png") center no-repeat; background-size: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 10; left: auto; right: 0.9rem; top: auto; bottom: -0.75rem; box-shadow: 0 0.15rem 0.4rem rgba(255, 183, 38, 0.58); -webkit-box-shadow: 0 0.15rem 0.4rem rgba(255, 183, 38, 0.58); -moz-box-shadow: 0 0.15rem 0.4rem rgba(255, 183, 38, 0.58); cursor: pointer; }
.service-2 { background: #f5f5f5; text-align: center; padding-bottom: 1rem; }
.service-2 .p-title { padding: .8rem 0 .7rem 0; }
.service-2 .p-title div { font-size: .16rem; padding-top: .2rem; color: #333d47; }
.service-2 .list li { width: 33.333%; position: relative; }
.service-2 .list li:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 2px; height: .8rem; margin-top: -.4rem; background: #ffb726; margin-left: -1px; }
.service-2 .list li .container { height: 3rem; text-align: center; position: relative; padding: .2rem; }
.service-2 .list li .container h2 { position: absolute; z-index: 10; left: 0; right: 0; top: auto; bottom: 0; }
.service-2 .list li .container h3 { font-weight: 400; font-size: .24rem; color: #333d47; padding-bottom: .12rem; }
.service-2 .list li .container p { font-size: .16rem; line-height: .28rem; color: #666; }
.service-2 .list li:nth-child(even) .container { order: -1; }
.service-2 .list li:nth-child(even) .container h2 { bottom: auto; top: 0; }
.page-layer { position: fixed; z-index: 100; left: -100%; top: 0; right: 100%; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }
.page-layer.show { opacity: 1; visibility: visible; left: 0; right: 0; }
.page-layer .container { background: #fff; width: 15.6rem; min-height: 2rem; box-shadow: 0 0.14rem 0.46rem rgba(177, 177, 177, 0.39); -webkit-box-shadow: 0 0.14rem 0.46rem rgba(177, 177, 177, 0.39); -moz-box-shadow: 0 0.14rem 0.46rem rgba(177, 177, 177, 0.39); position: relative; }
.page-layer a.close { display: block; width: 1.4rem; height: 1.4rem; background: url("../images/close44.png") center no-repeat; background-size: .44rem; position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; }
.page-layer a.close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.video-layer video { width: 100%; }
.product-layer .container { width: 13rem; min-height: 6rem; padding: 0 .7rem; }
.product-layer .container a.close { background-image: url("../images/close30.png"); background-size: .3rem; width: .3rem; height: .3rem; right: .7rem; top: .75rem; }
.product-layer .container .title { position: relative; border-bottom: #ccc solid 1px; padding: .6rem 0 .3rem 0; }
.product-layer .container .title:before { content: ""; display: block; position: absolute; left: 0; bottom: -3px; width: .5rem; height: 5px; background: #ffb726; }
.product-layer .container .title h2 { font-size: .36rem; color: #333d47; }
.product-layer .container .title p { font-size: .18rem; padding-left: 1em; color: #ffb726; position: relative; top: .1rem; }
.product-layer .container .form { color: #333d47; padding-top: .4rem; }
.product-layer .container .form li { width: 5.2rem; padding-bottom: .3rem; }
.product-layer .container .form li h3 { font-size: .18rem; flex-shrink: 0; }
.product-layer .container .form li .input { width: 100%; border: #ccc solid 1px; height: .46rem; }
.product-layer .container .form li .input input { width: 100%; height: .44rem; line-height: .44rem; font-size: .16rem; padding: 0 .15rem; }
.product-layer .container .form li .input input::-webkit-input-placeholder { color: #999; }
.product-layer .container .form li .input input::-moz-placeholder { color: #999; }
.product-layer .container .form li .input input:-moz-placeholder { color: #999; }
.product-layer .container .form li .input input:-ms-input-placeholder { color: #999; }
.product-layer .container .form li.li_01 { width: 100%; }
.product-layer .container .form li.li_01 dd { line-height: .3rem; font-size: .16rem; padding: 0 .4rem 0 .3rem; background: url("../images/img20_1.png") left center no-repeat; background-size: .2rem; }
.product-layer .container .form li.li_01 dd.on { background-image: url("../images/img20_1on.png"); }
.product-layer .container .submit { padding-top: .15rem; }
.product-layer .container .submit div { -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; background: #ffb726; width: 1.8rem; height: .48rem; }
.product-layer .container .submit input { width: 100%; height: .48rem; font-size: .18rem; font-weight: bold; color: #fff; cursor: pointer; }
.product-layer .container .tips { font-size: .14rem; color: #999; padding: .35rem 0 .6rem 0; }
.product-layer2 .container { width: 13rem; min-height: 6rem; padding: 0 .7rem; }
.product-layer2 .container a.close { background-image: url("../images/close30.png"); background-size: .3rem; width: .3rem; height: .3rem; right: .7rem; top: .75rem; }
.product-layer2 .container .title { text-align: center; padding: .9rem 0 .8rem 0; position: relative; }
.product-layer2 .container .title:after { content: ""; display: block; position: absolute; left: 50%; bottom: .48rem; width: .6rem; height: .05rem; background: #ffb726; margin-left: -.3rem; }
.product-layer2 .container .title p { font-size: .14rem; color: #999; padding-bottom: .15rem; }
.product-layer2 .container .title h2 { font-size: .36rem; line-height: 1em; }
.product-layer2 .container .form li { width: 5.5rem; padding-bottom: .2rem; }
.product-layer2 .container .form li .ico { top: .15rem; }
.product-layer2 .container .form li .input input { height: .58rem; line-height: .58rem; font-size: .16rem; }
.product-layer2 .container .form .submit { position: static; padding: .45rem 0; }
.product-layer2 .container .form .submit div { margin: 0 auto; height: .48rem; }
.product-layer2 .container .form .submit input { height: .48rem; font-size: .18rem; }
.contact .form, .product-layer2 .form { position: relative; }
.contact .form li, .product-layer2 .form li { padding-bottom: .15rem; position: relative; }
.contact .form li .ico, .product-layer2 .form li .ico { width: .3rem; height: .3rem; position: absolute; z-index: 10; left: 0.12rem; right: auto; top: 0.1rem; bottom: auto; }
.contact .form li .ico img:nth-child(2), .product-layer2 .form li .ico img:nth-child(2) { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; opacity: 0; }
.contact .form li .input, .product-layer2 .form li .input { -moz-border-radius: 0.05rem; -webkit-border-radius: 0.05rem; border-radius: 0.05rem; border: #f5f5f5 solid 1px; background: #f5f5f5; min-height: .5rem; }
.contact .form li .input input, .contact .form li .input textarea, .product-layer2 .form li .input input, .product-layer2 .form li .input textarea { width: 100%; height: .48rem; line-height: .48rem; padding-left: .5rem; font-size: .14rem; color: #ffb726; }
.contact .form li .input textarea, .product-layer2 .form li .input textarea { height: 1.68rem; padding: .1rem .1rem .1rem .5rem; line-height: .28rem; }
.contact .form li .input input::-webkit-input-placeholder, .product-layer2 .form li .input input::-webkit-input-placeholder { color: #999; }
.contact .form li .input input::-moz-placeholder, .product-layer2 .form li .input input::-moz-placeholder { color: #999; }
.contact .form li .input input:-moz-placeholder, .product-layer2 .form li .input input:-moz-placeholder { color: #999; }
.contact .form li .input input:-ms-input-placeholder, .product-layer2 .form li .input input:-ms-input-placeholder { color: #999; }
.contact .form li .input textarea::-webkit-input-placeholder, .product-layer2 .form li .input textarea::-webkit-input-placeholder { color: #999; }
.contact .form li .input textarea::-moz-placeholder, .product-layer2 .form li .input textarea::-moz-placeholder { color: #999; }
.contact .form li .input textarea:-moz-placeholder, .product-layer2 .form li .input textarea:-moz-placeholder { color: #999; }
.contact .form li .input textarea:-ms-input-placeholder, .product-layer2 .form li .input textarea:-ms-input-placeholder { color: #999; }
.contact .form li.on .ico img:nth-child(1), .product-layer2 .form li.on .ico img:nth-child(1) { opacity: 0; }
.contact .form li.on .ico img:nth-child(2), .product-layer2 .form li.on .ico img:nth-child(2) { opacity: 1; }
.contact .form li.on .input, .product-layer2 .form li.on .input { border-color: #ffb726; background: #fff8e9; }
.contact .form .submit, .product-layer2 .form .submit { position: absolute; z-index: 10; left: auto; right: 0; top: -0.95rem; bottom: auto; }
.contact .form .submit div, .product-layer2 .form .submit div { background: #333d47; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; width: 1.8rem; height: .4rem; }
.contact .form .submit input, .product-layer2 .form .submit input { width: 100%; height: .4rem; font-size: .16rem; cursor: pointer; color: #ffb726; }
.contact .form .submit div:hover, .product-layer2 .form .submit div:hover { background: #ffb726; }
.contact .form .submit div:hover input, .product-layer2 .form .submit div:hover input { color: #fff; }
.faqs { padding: 1rem 0 .3rem 0; }
.faqs .p-title { border-bottom: #ccc solid 1px; margin-bottom: .5rem; margin-top: -.3rem; }
.faqs li { padding-bottom: .5rem; }
.faqs li a { position: relative; color: #333; }
.faqs li a:before { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 11.8rem; height: 1px; background: #ccc; }
.faqs li a:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 11.8rem; height: .04rem; background: #ffb726; opacity: 0; }
.faqs li a .img { width: 3.5rem; position: relative; }
.faqs li a .img:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5) url("../images/img60.png") center no-repeat; background-size: .6rem; opacity: 0; }
.faqs li a .img:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: .04rem; background: #ffb726; opacity: 0; }
.faqs li a .col { width: 11.8rem; }
.faqs li a .col .name { font-size: .18rem; position: relative; padding-bottom: .32rem; }
.faqs li a .col .name:before { content: ""; display: block; position: absolute; left: 0; bottom: .15rem; width: .3rem; height: 1px; background: #ffb726; }
.faqs li a .col p { font-size: .14rem; line-height: .26rem; color: #666; }
.faqs li a:hover { color: #ffb726; }
.faqs li a:hover:after { opacity: 1; }
.faqs li a:hover .img:after, .faqs li a:hover .img:before { opacity: 1; }
.faqs li a:hover .col .name { font-weight: bold; }
.faqs li a:hover .col p { color: #333; }
.faq-show .title { border-bottom: #ccc solid 1px; padding: .95rem 0 .35rem 0; color: #333d47; }
.faq-show .title h1 { font-size: .3rem; }
.faq-show .content { padding: .55rem 0; font-size: .14rem; line-height: .24rem; text-align: justify; color: #5c6166; }
.faq-show .content p { padding-bottom: .1rem; }
.faq-show .content .img { text-align: center; padding: .2rem 0 .3rem 0; }
.new-show .title { padding-top: 0; position: relative; }
.new-show .title .time { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; font-size: .2rem; color: #333d47; padding-left: .32rem; background: url("../images/img22_6.png") left center no-repeat; background-size: .22rem; line-height: .3rem; }
.p-num2 { border-top: #ccc solid 1px; padding: .4rem 0; position: relative; }
.p-num2 li a { display: block; height: .5rem; line-height: .5rem; font-size: .14rem; padding-left: .48rem; color: #333d47; background: left center no-repeat; background-size: .33rem; }
.p-num2 li a:hover { color: #ffb726; font-weight: bold; }
.p-num2 li a.prev { background-image: url("../images/prev33.png"); }
.p-num2 li a.prev:hover { background-image: url("../images/prev33on.png"); }
.p-num2 li a.next { background-image: url("../images/next33.png"); }
.p-num2 li a.next:hover { background-image: url("../images/next33on.png"); }
.p-num2 .share { position: absolute; z-index: 10; left: auto; right: 0; top: 0.5rem; bottom: auto; }
.p-num2 .share .name { line-height: .3rem; font-size: .14rem; font-weight: bold; color: #ffb726; background: url("../images/img22.png") left center no-repeat; background-size: .22rem; padding-left: .32rem; }
.p-num2 .share dd { margin-left: .06rem; }
.p-num2 .share dd a { display: block; width: .3rem; height: .3rem; position: relative; }
.p-num2 .share dd a img:nth-child(2) { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; opacity: 0; }
.p-num2 .share dd a:hover img:nth-child(1) { opacity: 0; }
.p-num2 .share dd a:hover img:nth-child(2) { opacity: 1; }
.p-num2 a.back { display: block; position: absolute; z-index: 10; left: auto; right: 0; top: 1.06rem; bottom: auto; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; text-align: center; font-size: .16rem; width: 1.6rem; height: .48rem; line-height: .46rem; border: #ccc solid 1px; }
.p-num2 a.back:hover { background: #ffb726; border-color: #ffb726; color: #fff; }
.about { padding: 1rem 0 1.2rem 0; }
.about .video { width: 5.5rem; position: relative; }
.about .video:after { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/img120.png") center no-repeat; background-size: 1.2rem; cursor: pointer; }
.about .video i { display: block; width: 1.2rem; height: 1.2rem; background: url("../images/img120_bg.png") center no-repeat; background-size: 100%; position: absolute; z-index: 10; left: 50%; right: auto; top: 50%; bottom: auto; margin-left: -.6rem; margin-top: -.6rem; cursor: pointer; }
.about .col { width: 9.1rem; }
.about .col h1 { text-transform: uppercase; font-size: 1.2rem; color: #ffb726; opacity: .12; line-height: 1rem; font-family: 'Monoton-Regular'; font-weight: 100; }
.about .col .p-title { padding: .3rem 0; border-bottom: #ccc solid 1px; position: relative; }
.about .col .p-title:before { content: ""; display: block; position: absolute; left: 0; bottom: -3px; width: .5rem; height: 5px; background: #ffb726; }
.about .col .p-title p { font-size: .16rem; }
.about .col .content { min-height: 3.1rem; font-size: .14rem; line-height: .24rem; padding: .26rem 0; text-align: justify; color: #666; }
.about .col .content p { padding-bottom: .1rem; }
.about .col .list li { height: 1.5rem; text-align: center; padding-bottom: .2rem; }
.about .col .list li .num { font-size: .72rem; line-height: 1em; color: #ffb726; font-family: 'DINCond-Black'; }
.about .col .list li .name { font-size: .18rem; color: #333d47; padding-top: .06rem; }
.honor { padding: .2rem 0 .8rem 0; }
.honor ul { margin-left: -1rem; }
.honor li { width: 20%; padding: 0 0 0 1rem; cursor: pointer; }
.honor li .img { height: 3.34rem; border: #efefef solid 1px; padding: .1rem; }
.honor li .img img { max-height: 100%; }
.honor li .name { text-align: center; min-height: 1rem; padding: .15rem 0; line-height: .3rem; font-size: .14rem; color: #666; }
.honor-layer .container { width: 10rem; }
.honor-layer a.close { background-image: url("../images/close44_2.png"); }
.honor-layer .img { padding: .2rem; max-height: 80vh; }
.honor-layer .img img { max-height: 100%; }
.equipment { padding: .2rem 0 1rem 0; margin-left: -.3rem; }
.equipment ul { position: relative; }
.equipment li { width: 33.333%; }
.equipment li .img { padding: 0 0 .4rem .3rem; }
.contact-map { height: 4rem; position: relative; z-index: 0; }
.contact { padding-bottom: 1.2rem; }
.contact .p-title { padding: 1rem 0 .45rem 0; }
.contact .col-1 { width: 4.7rem; }
.contact .col-1 ul { margin-top: -.25rem; }
.contact .col-1 li { border-bottom: #eaebec solid 1px; height: 1.09rem; font-size: .24rem; color: #666; }
.contact .col-1 li:last-child { border: 0; }
.contact .col-1 li .ico { width: .61rem; margin-right: .16rem; }
.contact .col-1 li h3 { font-size: .24rem; }
.contact .col-2 { width: 7.8rem; }
.p-search { position: relative; min-height: 2.35rem; padding-top: 1rem; }
.p-search .form { background: #fff; width: 6.8rem; height: .6rem; box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); }
.p-search .select { position: relative; width: 50%; height: .6rem; line-height: .6rem; padding-left: .2rem; }
.p-search .select:after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: .26rem; margin-top: -.13rem; background: #ccc; }
.p-search .select:before { content: ""; display: block; position: absolute; top: 0; right: .2rem; bottom: 0; width: .22rem; background: url("../images/select22.png") center no-repeat; background-size: 100%; }
.p-search .select span { font-size: .22rem; color: #ffb726; font-weight: bold; }
.p-search .select span em { color: #999; font-weight: 400; }
.p-search .select .layer { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; bottom: auto; background: #fff; border-top: #ffb726 solid 0.02rem; box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1); padding: .1rem .2rem; opacity: 0; visibility: hidden; }
.p-search .select .layer .scroll { max-height: 1.9rem; overflow: hidden; position: relative; }
.p-search .select .layer dl { padding-right: .2rem; }
.p-search .select .layer dd { height: .48rem; line-height: .48rem; border-bottom: #d6d6d6 solid 1px; font-size: .16rem; text-transform: uppercase; cursor: pointer; font-family: 'DINCond-Black'; }
.p-search .select .layer dd:hover { color: #ffb726; }
.p-search .select.on:before { background-image: url("../images/select22on.png"); }
.p-search .select.on .layer { opacity: 1; visibility: visible; }
.p-search .input { width: 50%; }
.p-search .input input { width: 100%; height: .6rem; line-height: .6rem; font-size: .18rem; padding-left: .2rem; color: #ffb726; }
.p-search .input input::-webkit-input-placeholder { color: #999; }
.p-search .input input::-moz-placeholder { color: #999; }
.p-search .input input:-moz-placeholder { color: #999; }
.p-search .input input:-ms-input-placeholder { color: #999; }
.p-search .submit { margin-left: .1rem; width: .6rem; height: .6rem; background: #ffb726 url("../images/img26_1.png") center no-repeat; background-size: .26rem; flex-shrink: 0; }
.p-search .submit input { width: 100%; height: .6rem; cursor: pointer; }
.p-search .nav { top: 1rem; }
.p-search-2 { padding: 0; min-height: .9rem; }
.p-search-2 .form { width: 100%; }
.p-search-2 .input { width: 100%; }
 
.job { padding-bottom: 1rem; }
.job li { padding-bottom: .2rem; }
.job li .title { position: relative; background: #f5f5f5; height: .8rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; padding: 0 .45rem; z-index: 5; font-size: .16rem; color: #666; cursor: pointer; }
.job li .title:before { content: ""; display: block; position: absolute; top: 0; right: .4rem; bottom: 0; width: .3rem; background: url("../images/img30_11.png") center no-repeat; background-size: 100%; }
.job li .title h2 { font-size: .24rem; width: 6.3rem; }
.job li .title .price { width: 5.95rem; }
.job li .title .address { width: 5.95rem; padding-left: .25rem; background: url("../images/img15_1.png") left center no-repeat; background-size: .15rem; }
.job li .box { background: #f5f5f5; -moz-border-radius: 0.4rem; -webkit-border-radius: 0.4rem; border-radius: 0.4rem; margin-top: -.8rem; padding: 1.15rem .55rem 0 .55rem; font-size: .14rem; color: #525c66; }
.job li .box .col { width: 6.56rem; padding-bottom: .4rem; }
.job li .box .col h3 { font-size: .18rem; color: #333d47; }
.job li .box .col dl { padding: .15rem 0 0 0; }
.job li .box .col dl dd { line-height: .24rem; position: relative; padding: 0 0 .1rem .14rem; }
.job li .box .col dl dd:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: .06rem; height: .24rem; background: url("../images/img6.png") center no-repeat; background-size: 100%; }
.job li .box .col-2 { width: 100%; position: relative; }
.job li .box .col-2 p { font-size: .16rem; color: #333d47; }
.job li .box .col-2 a.btn { display: block; width: 1.4rem; height: .36rem; line-height: .36rem; text-align: center; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; background: #f9dfaa; color: #333d47; position: absolute; z-index: 10; left: auto; right: 0; top: -0.2rem; bottom: auto; }
.job li .box .col-2 a.btn:hover { background: #ffb726; color: #fff; }
.job li .box dl.info { padding-bottom: .1rem; border-top: #dcdcdc solid 1px; }
.job li .box dl.info dd { height: .95rem; }
.job li .box dl.info dd img { width: .22rem; margin-right: .1rem; }
.job li.on .title { background: #ffb726; color: #fff; }
.job li.on .title:before { background-image: url("../images/img30_11on.png"); }
.job li.on .title .address { background-image: url("../images/img15_1on.png"); }
.search-result .search-title { position: relative; border-bottom: #ffb726 solid 0.04rem; padding: .95rem 0 .3rem 0; }
.search-result .search-title h2 { font-size: .28rem; line-height: 1em; }
.search-result .search-title a { display: block; width: .3rem; height: .3rem; background: url("../images/img30_12.png") center no-repeat; background-size: 100%; position: absolute; z-index: 10; left: auto; right: 0; top: auto; bottom: 0.22rem; }
.search-result .faqs { padding: .35rem 0 1rem 0; }
.programme .title { text-align: center; color: #333d47; padding: .9rem 0 .65rem 0; }
.programme .title h2 { font-size: .54rem; padding-bottom: .2rem; }
.programme .title p { font-size: .18rem; line-height: .32rem; }
.programme .list { padding-bottom: .8rem; }
.programme .list li { margin-bottom: .4rem; background: center no-repeat; background-size: cover; height: 3.36rem; position: relative; padding: 0 .55rem; }
.programme .list li:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .4; }
.programme .list li:hover:before { opacity: .8; }
.programme .list li h3 { color: #ffb726; position: relative; font-size: .48rem; border-bottom: rgba(255, 255, 255, 0.2) solid 1px; line-height: 1em; padding: .5rem 0 .3rem 0; margin-bottom: .3rem; }
.programme .list li h3:before { content: ""; display: block; position: absolute; left: 0; bottom: -3px; height: 5px; width: .5rem; background: #ffb726; }
.programme .list li dl { position: relative; }
.programme .list li dl.dl-1 { margin-right: -.3rem; }
.programme .list li dl.dl-1 dd { padding: 0 .1rem .1rem 0; }
.programme .list li dl.dl-1 a { display: block; color: #fff; border: #fff solid 1px; height: .3rem; line-height: .28rem; padding: 0 .22rem; font-size: .14rem; min-width: .76rem; text-align: center; position: relative; }
.programme .list li dl.dl-1 a:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -.07rem; top: .4rem; width: .14rem; height: .14rem; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); opacity: 0; visibility: hidden; }
.programme .list li dl.dl-1 a:hover, .programme .list li dl.dl-1 a.on { background: #ffb726; border-color: #ffb726; color: #fff; }
.programme .list li dl.dl-1 a.on:after { opacity: 1; visibility: visible; }
.programme .list li .list-2 { padding: .07rem 0 .1rem 0; position: relative; display: none; }
.programme .list li .list-2 dl { background: #fff; position: relative; padding: .08rem 0; width: 100%; overflow: hidden; }
.programme .list li .list-2 dd { font-size: .14rem; line-height: .28rem; padding: 0 .2rem; position: relative; text-transform: uppercase; min-width: 25%; text-align: center; }
.programme .list li .list-2 dd:before { content: ""; display: block; position: absolute; left: -.02rem; top: 0; bottom: 0; width: .02rem; background: url("../images/line2.png") center no-repeat; background-size: 100%; }
.programme .list li .list-2 dd a { background: url("../images/line20.png") left 0.13rem repeat-x; background-size: auto 0; display: block; }
.programme .list li .list-2 dd a:hover { background-size: auto .12rem; color: #333; }
.programme .list .ul-1 { width: 5.44rem; }
.programme .list .ul-1 li { height: 7.12rem; }
.programme .list .ul-2 { width: 9.66rem; }
.programme .list .ul-2 li .list-2 dd { min-width: 12.5%; }
.news-wal { align-items: flex-start; -webkit-align-items: flex-start; }
.news-wal .w920 { width: 9.2rem; }
.news-wal .w1210 { width: 12.1rem; }
.side-class { width: 2.6rem; background: #f5f5f5; min-height: 5rem; padding: 0 .3rem .2rem .3rem; }
.side-class h2 { border-bottom: #ccc solid 1px; padding: .35rem 0 .2rem 0; position: relative; font-size: .24rem; }
.side-class h2:before { content: ""; display: block; position: absolute; left: 0; bottom: -3px; width: .5rem; height: 5px; background: #ffb726; }
.side-class dl { padding-top: .2rem; margin-left: -.1rem; }
.side-class dl dd { padding: 0 0 .1rem .1rem; min-width: 50%; }
.side-class dl a { display: block; text-align: center; font-size: .14rem; height: .4rem; line-height: .36rem; border: #e4e4e4 solid 1px; padding: 0 .1rem; color: #666; }
.side-class dl a:hover { background: #ffb726; border-color: #ffb726; color: #fff; font-weight: bold; }
.side-news { width: 3.2rem; background: #f5f5f5; min-height: 5rem; padding: 0 .35rem .15rem .35rem; }
.side-news .title { padding: .44rem 0 .1rem 0; margin-left: -.35rem; }
.side-news .title h2 { background: #1f5c99; color: #fff; border-top-right-radius: 0.5rem; -webkit-border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; -webkit-border-bottom-right-radius: 0.5rem; width: 1.4rem; height: .48rem; line-height: .48rem; font-size: .16rem; padding-left: .35rem; }
.side-news li { border-bottom: #ccc solid 1px; }
.side-news li:last-child { border: 0; }
.side-news li a { display: block; padding: .2rem 0 .25rem 0; color: #333d47; }
.side-news li a .name { font-size: .16rem; line-height: .28rem; }
.side-news li a p { font-size: .14rem; line-height: .26rem; padding: .06rem 0 .1rem 0; color: #333d47; }
.side-news li a em.time { font-family: 'DINCond-Black'; display: inline-block; font-size: .2rem; color: #1f5c99; }
.side-news li a:hover { color: #ffb726; }
.side-news li a:hover .name { font-weight: bold; }
.side-news li a:hover em.time { color: #ffb726; }
.news-1 { margin-bottom: .4rem; background: #f5f5f5; padding: 0 .3rem; }
.news-1 p { font-size: .14rem; line-height: .26rem; color: #5c6166; }
.news-1 .col { width: 3.5rem; padding: .3rem 0; }
.news-1 .col .img { position: relative; }
.news-1 .col .img .time { position: absolute; z-index: 10; left: 0; right: auto; top: auto; bottom: 0; width: 1.2rem; height: .48rem; line-height: .48rem; text-align: center; background: #ffb726; font-size: .18rem; font-weight: bold; color: #fff; border-bottom-right-radius: 0.5rem; -webkit-border-bottom-right-radius: 0.5rem; border-top-right-radius: 0.5rem; -webkit-border-top-right-radius: 0.5rem; }
.news-1 .col h3 { font-size: .18rem; line-height: .28rem; padding: .2rem 0 .1rem 0; }
.news-1 .list { width: 4.75rem; }
.news-1 .list li { border-bottom: #ccc solid 1px; padding: .18rem 0 .25rem .2rem; }
.news-1 .list li:last-child { border: 0; }
.news-1 .list li .name { font-size: .16rem; line-height: .42rem; position: relative; }
.news-1 .list li .name:before { content: ""; display: block; position: absolute; left: -.2rem; top: 0; width: .06rem; height: .42rem; background: url("../images/img6.png") center no-repeat; background-size: 100%; }
.news-list { padding: .4rem 0 .3rem 0; border-top: #ccc solid 1px; }
.news-list li { padding-bottom: .5rem; }
.news-list li a { position: relative; color: #333; }
.news-list li a:before { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 5.42rem; height: 1px; background: #ccc; }
.news-list li a:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 5.42rem; height: .04rem; background: #ffb726; opacity: 0; }
.news-list li a .img { width: 3.5rem; position: relative; }
.news-list li a .img:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5) url("../images/img60.png") center no-repeat; background-size: .6rem; opacity: 0; }
.news-list li a .img:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: .04rem; background: #ffb726; opacity: 0; }
.news-list li a .col { width: 5.42rem; padding-right: 1.25rem; }
.news-list li a .col .name { font-size: .18rem; line-height: .28rem; padding-bottom: .1rem; }
.news-list li a .col p { font-size: .14rem; line-height: .26rem; color: #666; }
.news-list li a .time { position: absolute; z-index: 10; left: auto; right: 0; top: 0.2rem; bottom: auto; text-align: center; color: #1f5c99; font-size: .22rem; font-family: 'DINCond-Black'; }
.news-list li a .time em { display: block; font-size: .96rem; line-height: 1em; }
.news-list li a:hover { color: #ffb726; }
.news-list li a:hover:after { opacity: 1; }
.news-list li a:hover .img:after, .news-list li a:hover .img:before { opacity: 1; }
.news-list li a:hover .col .name { font-weight: bold; }
.news-list li a:hover .col p { color: #333; }
.news-list li a:hover .time { color: #ffb726; }
.news-list2 { border: 0; padding: 0 0 1rem 0; }
.news-list2 .p-title { margin-top: -.3rem; border-bottom: #ccc solid 1px; margin-bottom: .5rem; }
.news-list2 li a:before, .news-list2 li a:after, .news-list2 li a .col { width: 8.3rem; }
.bsBox { box-sizing: content-box; }
.page404 { padding: 1.05rem 0 .9rem 0; }
.page404 .msg { align-items: flex-end; -webkit-align-items: flex-end; }
.page404 .msg img { width: .89rem; }
.page404 .msg p { font-size: .18rem; color: #999; padding-left: .1rem; }
.page404 h2 { font-size: 2.4rem; color: #ffb726; font-family: 'DINCond-Black'; line-height: 3.1rem; letter-spacing: .3rem; padding-left: .3rem; }
.page404 h3 { font-size: .18rem; padding-bottom: .26rem; }
.page404 .btn a { -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; margin: 0 .15rem; font-size: .18rem; width: 1.6rem; height: .5rem; line-height: .5rem; text-align: center; background: #333d47; color: #ffb726; }
.page404 .btn a:hover { background: #ffb726; color: #fff; }
.side-bar { position: fixed; z-index: 20; top: 50%; right: 0; width: .46rem; }
.side-bar li { padding-bottom: .06rem; }
.side-bar li a { height: .46rem; background: #333d47; border-top-left-radius: 0.05rem; -webkit-border-top-left-radius: 0.05rem; border-bottom-left-radius: 0.06rem; -webkit-border-bottom-left-radius: 0.06rem; }
.side-bar li a:hover { background: #ffb726; }
.side-bar li a img { width: .2rem; }
.side-bar li a.topA { opacity: 1; visibility: visible; position: static; width: 100%; }
.side-bar li:nth-child(1) a { height: 1.66rem; }
.side-bar li:nth-child(1) a em { font-size: .16rem; line-height: .24rem; color: #fff; width: 1em; padding-top: .1rem; }
.siteMap { padding: .8rem 0; }
.siteMap .title { height: .63rem; border-bottom: #e6e7ea solid 1px; position: relative; }
.siteMap .title h2 { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; font-size: .3rem; color: #333d47; border-bottom: #ffb726 solid 0.03rem; height: .63rem; line-height: .63rem; }
.siteMap .list, .siteMap .list2 { padding: .25rem 0; min-height: 1.1rem; }
.siteMap .list dd a, .siteMap .list2 dd a { display: block; font-size: .16rem; height: .4rem; line-height: .4rem; color: #666; padding-left: .12rem; background: url("../images/img5.png") left center no-repeat; background-size: .05rem; }
.siteMap .list dd a:hover, .siteMap .list2 dd a:hover { color: #ffb726; background-image: url("../images/img5on.png"); }
.siteMap .list li { width: 16.666%; }
.siteMap .list h3 { font-size: .22rem; line-height: .4rem; }
.siteMap .list2 dd { width: 16.666%; }

/*# sourceMappingURL=index.css.map */