@charset "UTF-8";
body.show a, body.show .transition, body.show .p-btn, body.show .index-video .layer .btn, .index-video .layer body.show .btn, body.show .indexFlash, body.show .index-case li a .box p, .index-case li a .box body.show p, body.show .index-news .list a .layer, .index-news .list a body.show .layer, body.show .service-nav li, .service-nav body.show li, body.show .service-tzzz .list a .box p, .service-tzzz .list a .box body.show p, body.show .case li a p, .case li a body.show p, body.show .latest-cases li a p, .latest-cases li a body.show p, body.show .culture li, .culture body.show li, body.show .culture li .img, .culture li body.show .img, body.show .culture li .layer, .culture li body.show .layer, body.show .culture li .layer .ico, .culture li .layer body.show .ico, body.show .culture li .layer .name, .culture li .layer body.show .name, body.show .culture li .layer .content, .culture li .layer body.show .content, body.show .history .box .year h2, .history .box .year body.show h2, body.show .news a .box .time, .news a .box body.show .time, body.show .news a .box p, .news a .box body.show p, body.show .job li .title, .job li body.show .title, body.show .job li .title dd, .job li .title body.show dd, body.show .contact-form .wal .form li .input, .contact-form .wal .form li body.show .input, body.show :before, body.show :after, body.show img, body.show .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 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.flex, .p-title-div, .p-num, .p-num2 ul, .g-head .contact-btn, .indexFlash .dots, .p-banner .title, .service-nav ul, .service-list li a .msg, .service-tzzz .title, .service-tzzz .list a, .case-show .tag .title, .about .list li, .culture ul, .history .side-year a, .history .box .list li, .new-show .time, .job li .title, .job li .title dl, .contact .container .list li, .contact .container .ewm {
display: flex;
display: -webkit-flex;
display: -ms-flex; }
.flexColumn, .index-video .layer, .indexFlash li .wal, .index-service li a, .index-case li a .box, .index-classify .list li.empty .p-title, .index-classify .list li a .name, .index-news .list a .layer, .p-banner .wal, .service-nav li, .service-tzzz .list a .box, .culture li .layer, .history .side-year.on ul, .history .side-year.on li {
display: flex;
display: -webkit-flex;
display: -ms-flex;
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column; }
.itemsCenter, .p-num, .g-head .contact-btn, .index-video .layer, .index-service li a, .p-banner .title, .service-nav li, .service-list li a .msg, .service-tzzz .title, .case-show .tag .title, .culture ul, .culture li .layer, .history .side-year a, .new-show .time, .job li .title, .contact, .contact .container .list li, .contact .container .ewm {
align-items: center;
-webkit-align-items: center; }
.justifyCenter, .p-num, .p-num2 ul, .g-head .contact-btn, .index-video .layer, .indexFlash li .wal, .index-service li a, .index-case li a .box, .index-classify .list li.empty .p-title, .p-banner .wal, .service-nav li, .service-list li a .msg, .service-tzzz .list a .box, .culture li .layer, .history .side-year a, .history .side-year.on li {
justify-content: center;
-webkit-justify-content: center; }
.flexAround {
justify-content: space-around;
-webkit-justify-content: space-around; }
.flexBetween, .p-title-div, .index-news .list a .layer, .service-list ul, .service-tzzz .list ul, .case-show .wal, .team ul, .team li, .culture ul, .history .side-year.on ul, .contact {
justify-content: space-between;
-webkit-justify-content: space-between; }
.flexWrap, .g-nav ul, .g-nav .list dl, .index-service ul, .index-classify .list ul, .service-list ul, .service-tzzz .list ul, .cases-sort ul, .common-tags ul, .case ul, .case-show .wal, .case-show .container .list ul, .case-show .tag ul, .team ul, .team li, .news ul, .contact, .contact-form .wal .form ul {
display: flex;
display: -webkit-flex;
display: -ms-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap; }
.p-content, .concept .list li {
font-size: .16rem;
line-height: .36rem;
text-align: justify;
color: #666; }
.p-btn {
width: 2.8rem;
height: .6rem;
line-height: .58rem;
text-align: center;
border: #B0ACAC solid 1px;
padding-right: .66rem;
position: relative;
font-size: .18rem;
color: #555252; }
.p-btn:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: .66rem;
border-left: #B0ACAC solid 1px;
background: url("../image/arrow28.png") center no-repeat;
background-size: .28rem; }
.p-btn input {
position: absolute;
z-index: 1;
left: 0;
right: auto;
top: 0;
bottom: auto;
width: 100%;
height: 100%;
cursor: pointer; }
.p-btn:hover {
color: #2073A2;
border-color: #2073A2; }
.p-btn:hover:after {
border-color: #2073A2;
background-image: url("../image/arrow28on.png"); }
a.p-btn {
display: block; }
.p-title {
letter-spacing: .02rem;
position: relative;
padding-left: .4rem; }
.p-title:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: .03rem;
top: .1rem;
width: .06rem;
background: #91C43C; }
.p-title .en {
font-size: .84rem;
opacity: .5;
font-family: 'BodoniStd-Book';
text-transform: uppercase;
line-height: 1em; }
.p-title h2 {
font-size: .42rem;
color: #555252;
font-weight: 400;
padding: .1rem 0 0 0; }
.p-title h2 em {
color: #91C43C;
font-weight: bold; }
.p-title-div {
padding: 1.2rem 0 .55rem 1.08rem;
align-items: flex-end;
-webkit-align-items: flex-end; }
.p-title-div .p-title, .p-title-div .p-btn {
flex-shrink: 0; }
.p-title-div .p-content, .p-title-div .concept .list li, .concept .list .p-title-div li {
line-height: .28rem;
width: 100%;
padding: 0 .3rem; }
.p-title-div .p-content p, .p-title-div .concept .list li p, .concept .list .p-title-div li p {
max-width: 6.4rem; }
.p-num {
padding-bottom: 1.2rem; }
.p-num div {
font-family: 'BodoniStd-Book';
font-size: .36rem;
color: #999;
line-height: 1em;
padding: 0 .2rem; }
.p-num div em {
color: #2073A2;
font-size: .72rem; }
.p-num a {
width: .47rem;
height: .3rem;
background: center no-repeat;
background-size: 100%; }
.p-num a.prev {
background-image: url("../image/prev47.png"); }
.p-num a.prev:hover {
background-image: url("../image/prev47on.png"); }
.p-num a.next {
background-image: url("../image/next47.png"); }
.p-num a.next:hover {
background-image: url("../image/next47on.png"); }
.p-num2 {
padding-bottom: 1.2rem; }
.p-num2 ul {
border-top: rgba(0, 0, 0, 0.15) solid 1px;
border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
position: relative; }
.p-num2 ul:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 1px;
height: .2rem;
margin-top: -.1rem;
background: #8A9199; }
.p-num2 a {
display: block;
line-height: .7rem;
text-transform: uppercase;
color: #999;
font-size: .18rem;
margin: 0 .2rem; }
.p-num2 a.prev {
background: url("../image/prev47.png") left center no-repeat;
padding-left: .57rem;
background-size: .47rem; }
.p-num2 a.prev:hover {
background-image: url("../image/prev47on.png"); }
.p-num2 a.next {
background: url("../image/next47.png") right center no-repeat;
padding-right: .57rem;
background-size: .47rem; }
.p-num2 a.next:hover {
background-image: url("../image/next47on.png"); }
a.p-more {
display: block;
line-height: .58rem;
text-align: center;
border-top: rgba(0, 0, 0, 0.1) solid 1px;
border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
font-size: .18rem;
color: #999; }
a.p-more em {
padding-right: .26rem;
display: inline-block;
background: url("../image/arrow16.png") right center no-repeat;
background-size: .16rem; }
a.p-more:hover em {
background-image: url("../image/arrow16on.png"); }
* {
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: .16rem;
font-family: Arial, "微软雅黑";
color: #333;
-webkit-text-size-adjust: none; }
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: #2073A2;
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: 12px;
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; }
.h10 {
height: 0.1rem;
overflow: hidden;
clear: both; }
.h50 {
height: 0.5rem;
overflow: hidden;
clear: both; }
.wal {
margin: 0 .8rem; }
@media screen and (min-width: 1930px) {
.wal {
max-width: 19.2rem;
margin: 0 auto; } }
@media screen and (max-width: 800px) {
.wal {
margin: 0 .3rem; } }
@font-face {
font-family: "BodoniStd-Book";
src: url("fonts/BodoniStd-Book.woff2") format("woff2"), url("fonts/BodoniStd-Book.woff") format("woff"), url("fonts/BodoniStd-Book.ttf") format("truetype"), url("fonts/BodoniStd-Book.eot") format("embedded-opentype"), url("fonts/BodoniStd-Book.svg") format("svg");
font-weight: normal;
font-style: normal; }
/*-------------------------*/
.g-headD {
height: 0.8rem; }
.g-head {
position: fixed;
z-index: 50;
left: 0;
top: 0;
width: 100%;
background: #fff;
box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(31, 41, 51, 0.07);
-webkit-box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(31, 41, 51, 0.07);
-moz-box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(31, 41, 51, 0.07); }
.g-head .wal {
min-height: 0.8rem;
position: relative; }
.g-head a.logo {
display: block;
background: url("../image/logo.png") center no-repeat;
background-size: 100%;
width: 2.38rem;
height: 100%;
position: absolute;
z-index: 1;
left: 0;
right: auto;
top: 0;
bottom: auto; }
.g-head .contact-btn {
position: absolute;
z-index: 1;
left: auto;
right: 0;
top: 50%;
bottom: auto;
background: #2073A2;
color: #fff;
width: 1.54rem;
height: .4rem;
font-size: .2rem;
margin-top: -.2rem; }
.g-head .contact-btn img {
width: .25rem;
margin-right: .13rem; }
.g-head .contact-btn:hover {
background: #91C43C; }
.g-nav {
position: absolute;
z-index: 1;
left: auto;
right: 2.38rem;
top: 0;
bottom: auto; }
.g-nav li {
margin-left: .86rem;
position: relative; }
.g-nav li:before {
content: "";
display: block;
position: absolute;
left: -.44rem;
top: 50%;
width: 1px;
height: .16rem;
margin-top: -.08rem;
background: #CCC7C7; }
.g-nav li:first-child:before {
display: none; }
.g-nav .list {
position: absolute;
z-index: 1;
left: 50%;
right: auto;
top: -100vh;
bottom: auto;
width: 2.4rem;
margin-left: -1.2rem;
padding-top: .14rem;
opacity: 0;
visibility: hidden; }
.g-nav .list:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: .07rem;
width: .2rem;
height: .2rem;
margin-left: -.1rem;
background: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg); }
.g-nav .list dl {
background: #fff;
padding: .1rem 0 .1rem .3rem; }
.g-nav .list dd {
width: 50%; }
.g-nav .list a {
display: block;
font-size: .16rem;
line-height: .46rem;
color: #5c6166; }
.g-nav .list a:hover {
color: #2073A2; }
.g-nav a.name {
display: block;
height: 0.8rem;
line-height: 0.8rem;
font-size: .2rem;
color: #666;
position: relative; }
.g-nav a.name:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: .57rem;
right: 50%;
height: .03rem;
background: #2073A2; }
.g-nav a.name.on {
color: #2073A2; }
.g-nav a.name.on:before {
left: 0;
right: 0; }
.g-nav li:hover .list {
opacity: 1;
visibility: visible;
top: 100%;
transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease; }
.g-nav li:hover a.name {
color: #2073A2; }
.g-nav li:hover a.name:before {
left: 0;
right: 0; }
.g-foot {
background: #E9E9E9;
font-size: .18rem;
position: relative;
z-index: 11; }
.g-foot .wal {
min-height: 2.8rem;
position: relative;
padding: .6rem 0 .3rem 0; }
.g-foot .content {
font-size: .28rem;
line-height: .46rem;
padding-bottom: .8rem; }
.g-foot .ewm {
width: .87rem;
position: absolute;
z-index: 1;
left: auto;
right: 0;
top: 0.7rem;
bottom: auto;
background: url("../image/img87.png") center no-repeat;
background-size: 100%;
height: .7rem; }
.g-foot .ewm .layer {
width: 1.4rem;
position: absolute;
z-index: 1;
left: 50%;
right: auto;
top: -1.68rem;
bottom: auto;
margin-left: -.7rem;
opacity: 0;
visibility: hidden; }
.g-foot .ewm:hover {
background-image: url("../image/ewm140on.png"); }
.g-foot .ewm:hover .layer {
opacity: 1;
visibility: visible; }
a.topA {
display: block;
width: .23rem;
height: 1.8rem;
position: fixed;
z-index: 20;
bottom: .4rem;
right: .28rem; }
a.topA:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
height: 100%;
background: url("../image/topA.png") center no-repeat;
background-size: 100%; }
a.topA:hover:before {
animation: animaUpDown 1.5s infinite linear; }
/*index*/
.index-video {
position: fixed;
z-index: 100;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden; }
.index-video video {
min-width: 100%;
min-height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.index-video .layer {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3); }
.index-video .layer .img {
width: 5.02rem;
margin-bottom: .9rem; }
.index-video .layer .btn {
border: #fff solid 1px;
color: #fff;
text-align: center;
font-size: .16rem;
letter-spacing: .04rem;
padding-left: .04rem;
width: 1.88rem;
height: .46rem;
line-height: .44rem;
position: relative;
cursor: pointer;
display: block; }
.index-video .layer .btn:before {
content: "";
display: block;
position: absolute;
left: 20%;
top: 0;
bottom: 0;
right: 20%;
background: #fff;
opacity: 0;
transition-duration: .3s;
-webkit-transition-duration: .3s; }
.index-video .layer .btn em {
display: inline-block;
position: relative; }
.index-video .layer .btn:hover {
color: #2073A2; }
.index-video .layer .btn:hover:before {
left: 0;
right: 0;
opacity: 1; }
.indexFlash .arrow a,
.index-case .arrow a,
.index-news .arrow a,
.latest-cases .arrow a, .case-show .arrow a {
display: block;
background: rgba(85, 82, 82, 0.5) center no-repeat;
background-size: .12rem;
position: absolute;
z-index: 12;
left: auto;
right: auto;
top: 50%;
bottom: auto;
width: .7rem;
height: .7rem;
margin-top: -.35rem; }
.indexFlash .arrow a:hover,
.index-case .arrow a:hover,
.index-news .arrow a:hover,
.latest-cases .arrow a:hover, .case-show .arrow a:hover {
background-color: rgba(32, 115, 162, 0.7); }
.indexFlash .arrow a.prev,
.index-case .arrow a.prev,
.index-news .arrow a.prev,
.latest-cases .arrow a.prev, .case-show .arrow a.prev {
left: -.35rem;
background-image: url("../image/prev12.png"); }
.indexFlash .arrow a.next,
.index-case .arrow a.next,
.index-news .arrow a.next,
.latest-cases .arrow a.next, .case-show .arrow a.next {
right: -.35rem;
background-image: url("../image/next12.png"); }
.indexFlash {
width: 100%;
overflow: hidden;
position: relative; }
.indexFlash li {
background: center no-repeat;
background-size: cover; }
.indexFlash li .wal {
height: 8.7rem; }
.indexFlash li .wal .img-1 {
width: 4.63rem;
margin-left: 2.2rem; }
.indexFlash li .wal .img-2 {
width: 5.55rem;
margin-left: 1.1rem; }
.indexFlash .dots {
position: absolute;
z-index: 1;
left: 1.88rem;
right: auto;
top: auto;
bottom: 0.42rem; }
.indexFlash .dots span {
width: .2rem;
height: .2rem;
background: #fff;
border: #D7D7D7 solid 1px;
margin-right: .25rem; }
.indexFlash .dots span.swiper-pagination-bullet-active {
background: #2073A2;
border-color: #2073A2; }
.indexFlash .arrow a.prev {
left: .46rem; }
.indexFlash .arrow a.next {
right: .46rem; }
.index-service {
background: url("../image/index-service.jpg") center no-repeat;
background-size: cover;
min-height: 8rem;
position: relative; }
.index-service:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
right: 0;
height: 1px;
background: rgba(255, 255, 255, 0.7);
margin-top: -1px; }
.index-service ul {
border-left: rgba(255, 255, 255, 0.7) solid 1px; }
.index-service li {
width: 25%;
border-right: rgba(255, 255, 255, 0.7) solid 1px;
border-bottom: rgba(255, 255, 255, 0.7) solid 1px;
height: 4rem; }
.index-service li a {
height: 4rem;
color: #fff; }
.index-service li a .ico {
width: .6rem; }
.index-service li a .name {
font-size: .32rem;
line-height: 1em;
padding: .45rem 0 .15rem 0; }
.index-service li a .en {
text-transform: uppercase;
font-size: .14rem;
opacity: .6; }
.index-service li a:hover {
background: rgba(32, 115, 162, 0.7); }
.index-case {
position: relative; }
.index-case .list {
width: 100%;
overflow: hidden;
position: relative; }
.index-case .list:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 1px;
background: #B0ACAC; }
.index-case .list:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
background: #B0ACAC; }
.index-case .list-wrapper {
margin-left: -1px;
position: relative; }
.index-case li a {
display: block;
border: #B0ACAC solid 1px;
border-top: 0;
border-right: 0; }
.index-case li a .img {
position: relative; }
.index-case li a .img:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(32, 115, 162, 0.3) url("../image/img70.png") center no-repeat;
background-size: .7rem;
opacity: 0; }
.index-case li a .img img {
width: 100%; }
.index-case li a .img em.tag {
display: block;
position: absolute;
z-index: 1;
left: auto;
right: 0;
top: 0;
bottom: auto;
color: #fff;
text-align: center;
width: .85rem;
line-height: .39rem;
background: #dbbb24;
letter-spacing: .02rem; }
.index-case li a .box {
height: 2.2rem;
padding: 0 .7rem;
position: relative; }
.index-case li a .box:after {
content: "";
display: block;
position: absolute;
top: 0;
right: .7rem;
bottom: 0;
width: .26rem;
background: url("../image/arrow28.png") right center no-repeat;
background-size: .28rem; }
.index-case li a .box .name {
font-size: .28rem;
padding: 0 0 .15rem 0; }
.index-case li a .box p {
font-size: .14rem;
color: #6D6A6A; }
.index-case li a:hover {
border-bottom-color: #2073A2; }
.index-case li a:hover .img:after {
opacity: 1; }
.index-case li a:hover .box:after {
background-image: url("../image/arrow28on.png"); }
.index-case li a:hover .box p {
color: #2073A2; }
.index-case .arrow a {
top: 1.87rem;
margin-top: 0; }
.index-case-phone {
display: none; }
.index-classify {
padding-top: 1.2rem; }
.index-classify .title {
position: relative;
height: 1.03rem;
margin-left: -.12rem; }
.index-classify .title .line {
position: absolute;
z-index: 1;
left: 25%;
right: 0;
top: 0;
bottom: auto; }
.index-classify .title .line:before {
content: "";
display: block;
position: absolute;
left: .12rem;
top: 0;
right: 2.92rem;
height: 1px;
background: #C6C6C6; }
.index-classify .title .p-btn {
position: absolute;
z-index: 1;
left: auto;
right: 0;
top: 0;
bottom: auto; }
.index-classify .list ul {
margin-left: -.12rem; }
.index-classify .list li.empty {
position: relative; }
.index-classify .list li.empty .p-title {
position: absolute;
z-index: 1;
left: 0.12rem;
right: 0;
top: -1.03rem;
bottom: 0.12rem;
border: rgba(145, 195, 60, 0.88) solid 0.06rem;
padding-left: .3rem; }
.index-classify .list li.empty .p-title:after {
display: none; }
.index-classify .list li.empty .p-title .en {
font-size: .7rem;
line-height: 1em; }
.index-classify .list li {
width: 25%;
padding: 0 0 .12rem .12rem; }
.index-classify .list li a {
display: block;
position: relative; }
.index-classify .list li a .img img {
width: 100%;
opacity: .3; }
.index-classify .list li a .name {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: auto;
padding: .14rem .3rem;
height: 1.26rem;
justify-content: flex-end;
-webkit-justify-content: flex-end;
color: #fff;
font-size: 12px;
text-transform: uppercase; }
.index-classify .list li a .name div {
font-size: .28rem;
padding-bottom: .12rem; }
.index-classify .list li a:after {
content: "";
display: block;
position: absolute;
right: .3rem;
bottom: .48rem;
width: .44rem;
height: .44rem;
background: url("../image/arrow28-white.png") center no-repeat;
background-size: .28rem; }
.index-classify .list li a:hover .img img {
opacity: 1; }
.index-classify .list li.li_01 a:after {
background-color: #2073A2; }
.index-classify .list li.li_01 a .name {
background: rgba(32, 115, 162, 0.8); }
.index-classify .list li.li_02 a:after {
background-color: #209DA3; }
.index-classify .list li.li_02 a .name {
background: rgba(32, 157, 163, 0.8); }
.index-classify .list li.li_03 a:after {
background-color: #21A245; }
.index-classify .list li.li_03 a .name {
background: rgba(33, 162, 69, 0.8); }
.index-classify .list li.li_04 a:after {
background-color: #57A221; }
.index-classify .list li.li_04 a .name {
background: rgba(202, 131, 67, 0.8); }
.index-classify .list li.li_05 a:after {
background-color: #91A220; }
.index-classify .list li.li_05 a .name {
background: rgba(188, 170, 58, 0.8); }
.index-classify .list li.li_06 a:after {
background-color: #BCAA3A; }
.index-classify .list li.li_06 a .name {
background: rgba(145, 162, 32, 0.8); }
.index-classify .list li.li_07 a:after {
background-color: #CA8343; }
.index-classify .list li.li_07 a .name {
background: rgba(87, 162, 33, 0.8); }
.index-about {
position: relative;
min-height: 8.7rem;
margin-top: 1.2rem; }
.index-about:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
background: url("../image/index-about.jpg") center no-repeat;
background-size: cover;
height: 7rem; }
.index-about .container {
width: 8.57rem;
min-height: 5.87rem;
background: rgba(243, 243, 243, 0.88);
padding: .7rem .3rem .7rem .53rem; }
.index-about .container .p-title {
margin-left: -.53rem;
padding-left: .53rem; }
.index-about .container .p-content, .index-about .container .concept .list li, .concept .list .index-about .container li {
line-height: .28rem;
max-width: 6.4rem;
padding: .6rem 0 .7rem 0; }
.index-news {
padding-bottom: 1.4rem; }
.index-news .list a {
display: block;
position: relative;
overflow: hidden; }
.index-news .list a .layer {
position: absolute;
z-index: 1;
left: -3.85rem;
right: auto;
top: 0;
bottom: 0;
width: 3.85rem;
border: #CCC7C7 solid 1px;
border-right: 0;
background: rgba(255, 255, 255, 0.9);
padding: .4rem;
opacity: 0; }
.index-news .list a .layer .time {
font-family: 'BodoniStd-Book';
font-size: .21rem;
color: #B0ACAC;
letter-spacing: .01rem; }
.index-news .list a .layer .time em {
display: block;
color: #2073A2;
font-size: .74rem;
line-height: 1em;
padding-bottom: .13rem;
position: relative;
letter-spacing: .02rem; }
.index-news .list a .layer .time em:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: .1rem;
height: 1px;
width: .77rem;
background: #B0ACAC; }
.index-news .list a .layer .name {
font-size: .28rem;
line-height: .39rem;
color: #555252; }
.index-news .list a:hover .layer {
opacity: 1;
left: 0; }
@media screen and (min-width: 800px) {
.index-news .list ul {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
margin-left: -.1rem; }
.index-news .list li {
width: 33.333%;
padding-left: .1rem; }
.index-news .arrow {
display: none; } }
/*page*/
.p-banner {
background: center no-repeat;
background-size: cover;
color: #fff; }
.p-banner .wal {
height: 6rem;
padding: 0 1.08rem; }
.p-banner .title em.en, .p-banner .title div.en {
font-family: 'BodoniStd-Book';
text-transform: uppercase; }
.p-banner .title em.en {
font-size: 2.6rem;
margin-right: .3rem;
line-height: 1em;
position: relative;
top: -.15rem; }
.p-banner .title div.en {
font-size: .78rem;
line-height: 1em;
padding-bottom: .16rem;
letter-spacing: .02rem; }
.p-banner .title h2 {
font-size: .42rem;
line-height: 1em;
letter-spacing: .02rem; }
.service-nav {
padding: 1.2rem 0; }
.service-nav ul {
border: #CCC solid 1px;
border-left: 0; }
.service-nav li {
width: 14.285%;
color: #666;
height: 2rem;
border-left: #CCC solid 1px;
cursor: pointer;
position: relative;
z-index: 1; }
.service-nav li:before {
content: "";
display: block;
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
background: #2073A2;
opacity: 0; }
.service-nav li:after {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: 0;
width: .2rem;
height: .2rem;
margin-left: -.1rem;
background: #2073A2;
opacity: 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg); }
.service-nav li .ico {
width: .5rem;
position: relative; }
.service-nav li .ico img:nth-child(2),
.service-nav li .ico img:nth-child(3) {
position: absolute;
z-index: 1;
left: 0;
right: auto;
top: 0;
bottom: auto;
opacity: 0; }
.service-nav li .name {
font-size: .2rem;
padding-top: .24rem;
position: relative; }
.service-nav li:hover {
color: #2073A2; }
.service-nav li:hover .ico img:nth-child(1) {
opacity: 0; }
.service-nav li:hover .ico img:nth-child(3) {
opacity: 1; }
.service-nav li.on {
z-index: 2;
color: #fff; }
.service-nav li.on:before, .service-nav li.on:after {
opacity: 1; }
.service-nav li.on:after {
transition-delay: .3s;
-webkit-transition-delay: .3s;
bottom: -.1rem; }
.service-nav li.on .ico img:nth-child(1),
.service-nav li.on .ico img:nth-child(3) {
opacity: 0; }
.service-nav li.on .ico img:nth-child(2) {
opacity: 1; }
.service-list {
padding: .1rem 0 1.9rem 0; }
.service-list li {
width: 3.68rem;
position: relative; }
.service-list li a {
display: block;
height: 6.27rem;
background: center no-repeat;
background-size: cover;
position: relative;
text-align: center;
color: #CA8343; }
.service-list li a .num {
font-size: .96rem;
line-height: 1em;
font-family: 'BodoniStd-Book';
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: -0.5em;
bottom: auto; }
.service-list li a h2 {
font-size: .28rem;
line-height: 1em;
padding: .73rem 0 .6rem 0; }
.service-list li a dl {
width: 2rem;
margin: 0 auto; }
.service-list li a dl dd {
font-size: .2rem;
line-height: .6rem;
border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
color: #666; }
.service-list li a dl dd:last-child {
border: 0; }
.service-list li a .msg {
padding-top: .2rem; }
.service-list li a .msg img {
width: .16rem;
margin-left: .4rem;
margin-right: .04rem; }
.service-list li a .msg b {
font-size: .2rem;
line-height: .28rem; }
.service-list li a .name {
width: 2.4rem;
line-height: .6rem;
position: absolute;
z-index: 1;
left: 50%;
right: auto;
top: auto;
bottom: -0.3rem;
margin-left: -1.2rem;
font-size: .2rem;
color: #fff;
background: #CA8343; }
.service-list li:nth-child(even) a {
top: .4rem; }
.service-list li:hover {
animation: animaUpDown 1.5s infinite linear; }
.service-list li.li_02 a {
color: #BCAA3A; }
.service-list li.li_02 a .name {
background: #BCAA3A; }
.service-list li.li_03 a {
color: #57A221; }
.service-list li.li_03 a .name {
background: #57A221; }
.service-list li.li_04 a {
color: #209DA3; }
.service-list li.li_04 a .name {
background: #209DA3; }
@keyframes animaUpDown {
0% {
top: 0; }
25% {
top: -.14rem; }
50% {
top: 0; }
75% {
top: .14rem; }
100% {
top: 0; } }
.service-tzzz .container {
background: url("../image/img1760_2.jpg") center no-repeat;
background-size: cover;
min-height: 5rem;
padding: 1.2rem .6rem;
color: #4D4D4D; }
.service-tzzz .container .content {
font-size: .16rem;
line-height: 2em;
padding-bottom: .4rem; }
.service-tzzz .container .en {
font-family: 'BodoniStd-Book';
font-size: .66rem;
line-height: 1em;
text-transform: uppercase; }
.service-tzzz .title {
font-size: .24rem;
padding: 1rem 0 .3rem 0; }
.service-tzzz .title img {
width: .48rem;
margin-right: .14rem; }
.service-tzzz .list {
padding-bottom: 1.2rem; }
.service-tzzz .list li {
width: 8.3rem;
padding-bottom: .3rem; }
.service-tzzz .list a .img {
width: 5rem;
position: relative;
z-index: 2;
flex-shrink: 0; }
.service-tzzz .list a .box {
width: 100%;
position: relative;
top: .3rem;
padding: .4rem; }
.service-tzzz .list a .box:before {
content: "";
display: block;
position: absolute;
left: -.3rem;
top: 0;
right: 0;
bottom: 0;
background: #F5F5F5; }
.service-tzzz .list a .box .name, .service-tzzz .list a .box p {
position: relative; }
.service-tzzz .list a .box .name {
font-size: .28rem;
line-height: .4rem;
padding: .25rem 0 .4rem 0;
position: relative; }
.service-tzzz .list a .box .name:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: .2rem;
width: .4rem;
height: 1px;
background: #000;
opacity: .3; }
.service-tzzz .list a .box p {
font-size: .14rem;
line-height: .26rem;
color: #6D6A6A;
min-height: .95rem;
padding-bottom: .3rem; }
.service-tzzz .list a .box .p-btn {
font-size: .16rem;
width: 2rem;
height: .5rem;
line-height: .48rem; }
.service-tzzz .list a .box .p-btn:after {
width: .54rem;
background-size: .28rem; }
.service-tzzz .list a:hover .name:after {
background: #2073A2;
opacity: .3; }
.service-tzzz .list a:hover p {
color: #2073A2; }
.case li, .latest-cases li {
padding: 0 0 0 .6rem; }
.case li a, .latest-cases li a {
display: block;
padding-bottom: .7rem; }
.case li a .img, .latest-cases li a .img {
position: relative; }
.case li a .img:after, .latest-cases li a .img:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(32, 115, 162, 0.3) url("../image/img70.png") center no-repeat;
background-size: .7rem;
opacity: 0; }
.case li a .img img, .latest-cases li a .img img {
width: 100%; }
.case li a .img em.tag, .latest-cases li a .img em.tag {
display: block;
position: absolute;
z-index: 1;
left: auto;
right: 0;
top: 0;
bottom: auto;
color: #fff;
text-align: center;
width: .85rem;
line-height: .39rem;
background: #dbbb24;
letter-spacing: .02rem; }
.case li a .name, .latest-cases li a .name {
font-size: .28rem;
line-height: .4rem;
padding: .25rem 0 .4rem 0;
position: relative; }
.case li a .name:after, .latest-cases li a .name:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: .2rem;
width: .4rem;
height: 1px;
background: #000;
opacity: .3; }
.case li a p, .latest-cases li a p {
font-size: .14rem;
line-height: .26rem;
color: #6D6A6A; }
.case li a:hover .img:after, .latest-cases li a:hover .img:after {
opacity: 1; }
.case li a:hover .name:after, .latest-cases li a:hover .name:after {
background: #2073A2;
opacity: .3; }
.case li a:hover p, .latest-cases li a:hover p {
color: #2073A2; }
.latest-cases {
position: relative; }
.latest-cases .list {
width: 100%;
overflow: hidden;
position: relative; }
.latest-cases .list-wrapper {
margin-left: -.6rem; }
.latest-cases .list-wrapper a {
padding-bottom: 0; }
.latest-cases .arrow a {
margin-top: -1rem; }
.cases-sort {
padding-bottom: .56rem; }
.cases-sort ul {
margin-left: -.2rem; }
.cases-sort li {
width: 14.285%;
padding-left: .2rem; }
.cases-sort li a {
display: block;
position: relative; }
.cases-sort li a:after {
content: "";
display: block;
position: absolute;
right: .3rem;
bottom: .6rem;
width: .44rem;
height: .44rem;
background: url("../image/arrow28-white.png") center no-repeat;
background-size: .28rem; }
.cases-sort li a .name {
width: .76rem;
position: absolute;
z-index: 1;
left: 0;
right: auto;
top: 0;
bottom: auto; }
.cases-sort li a .img img {
opacity: .3; }
.cases-sort li a:hover .img img {
opacity: 1; }
.cases-sort li:nth-child(odd) a {
top: .56rem; }
.cases-sort li:nth-child(1) a:after {
background-color: #2073A2; }
.cases-sort li:nth-child(2) a:after {
background-color: #209DA3; }
.cases-sort li:nth-child(3) a:after {
background-color: #21A245; }
.cases-sort li:nth-child(4) a:after {
background-color: #57A221; }
.cases-sort li:nth-child(5) a:after {
background-color: #91A220; }
.cases-sort li:nth-child(6) a:after {
background-color: #BCAA3A; }
.cases-sort li:nth-child(7) a:after {
background-color: #CA8343; }
.common-tags ul {
margin-left: -.3rem; }
.common-tags li {
width: 14.285%;
padding: 0 0 .3rem .3rem; }
.common-tags li a {
display: block;
text-align: center;
height: .6rem;
line-height: .6rem;
background: #EEE;
font-size: .18rem;
color: #666; }
.common-tags li a:hover {
background: #2073A2;
color: #fff; }
.common-tags .more {
padding: .3rem 0 1.2rem 0; }
.case {
padding-top: 1.2rem; }
.case ul {
margin-left: -.6rem; }
.case li {
width: 33.333%; }
.tag-search .case {
padding-top: 0; }
.case-show {
width: 100%;
overflow: hidden;
position: relative; }
.case-show .wal {
padding: 1.2rem 0;
align-items: flex-start;
-webkit-align-items: flex-start; }
.case-show .img-list {
width: 9.6rem;
position: relative; }
.case-show .img-list:before {
content: "";
display: block;
position: absolute;
left: .8rem;
right: .8rem;
bottom: -.8rem;
background: #F5F5F5;
top: 0; }
.case-show .img-list:after {
content: "";
display: block;
position: absolute;
left: .4rem;
right: .4rem;
bottom: -.4rem;
background: #DDDDDD;
top: 0; }
.case-show .img-list .list-wrapper {
width: 100%;
overflow: hidden;
position: relative;
z-index: 10; }
.case-show .container {
width: 6.8rem; }
.case-show .container .title {
font-size: .36rem;
position: relative;
min-height: .92rem;
padding-bottom: .3rem; }
.case-show .container .title:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
right: -100vh;
height: 1px;
background: #CCC; }
.case-show .container .title:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: .85rem;
height: 2px;
background: #2073A2; }
.case-show .container .list {
padding: .5rem 0 0 0; }
.case-show .container .list li {
width: 50%;
min-height: 2.08rem;
padding-bottom: .3rem; }
.case-show .container .list li .ico {
width: .48rem; }
.case-show .container .list li .name {
font-size: .24rem;
padding: .2rem 0 .15rem 0;
line-height: 1em; }
.case-show .container .list li.li_01 {
width: 100%; }
.case-show .tag {
width: 100%; }
.case-show .tag .title {
padding: .8rem 0 .4rem 0;
font-size: .24rem; }
.case-show .tag .title img {
width: .48rem;
margin-right: .14rem; }
.case-show .tag ul {
margin-left: -.3rem;
margin-bottom: -.3rem; }
.case-show .tag li {
width: 14.285%;
padding: 0 0 .3rem .3rem; }
.case-show .tag li a {
display: block;
text-align: center;
height: .6rem;
line-height: .6rem;
background: #EEE;
font-size: .18rem;
color: #666; }
.case-show .tag li a:hover {
background: #2073A2;
color: #fff; }
.about {
background: url("../image/img1200.jpg") right bottom no-repeat;
background-size: 12rem;
min-height: 6.36rem;
padding: 1.1rem 0; }
.about .p-content, .about .concept .list li, .concept .list .about li {
line-height: .32rem;
max-width: 10.95rem; }
.about .p-content b, .about .concept .list li b, .concept .list .about li b {
font-size: .24rem;
color: #333; }
.about .list {
max-width: 10.95rem;
padding: .45rem 0;
position: relative; }
.about .list:before {
content: "";
display: block;
position: absolute;
left: 0;
top: .6rem;
bottom: .6rem;
width: .02rem;
background: #2073A2; }
.about .list li {
font-size: .16rem;
line-height: .32rem;
color: #666;
padding: .09rem 0; }
.about .list li .year {
flex-shrink: 0;
font-family: 'BodoniStd-Book';
font-size: .3rem;
color: #2073A2;
width: 1rem;
text-align: center; }
.speech {
background: url("../image/speech.jpg") center no-repeat;
background-size: cover;
padding: 0 1rem; }
.speech .wal {
min-height: 8rem;
position: relative; }
.speech .img {
width: 8rem;
position: absolute;
z-index: 1;
left: 0;
right: auto;
top: auto;
bottom: 0; }
.speech .content {
color: #fff;
font-size: .18rem;
line-height: 2em;
text-align: justify;
padding: 1.7rem 0;
max-width: 9.3rem;
margin-left: auto; }
.speech .content .name {
width: 1.43rem;
margin-left: auto;
padding-top: .3rem; }
.team {
min-height: 100vh;
background: url("../image/img920.jpg") right bottom no-repeat;
background-size: 9.2rem;
padding: 1.2rem 0; }
.team ul {
margin-bottom: -1rem; }
.team li {
padding-bottom: 1rem;
width: 8.2rem; }
.team li .img {
width: 3.6rem;
overflow: hidden;
position: relative; }
.team li .col {
width: 4rem; }
.team li .col .name {
border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
line-height: 1.15rem;
font-size: .36rem;
position: relative; }
.team li .col .name:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -1px;
width: .36rem;
height: 2px;
background: #2073A2; }
.team li .col .name span {
font-size: .22rem;
color: #999;
padding-left: .09rem; }
.team li .col dl.info {
font-size: .16rem;
line-height: .3rem;
color: #666;
padding-top: .35rem; }
.team li .col dl.info dd {
padding: 0 0 .2rem .16rem;
position: relative; }
.team li .col dl.info dd:before {
content: "";
display: block;
position: absolute;
left: 0;
top: .14rem;
width: .07rem;
height: 1px;
background: #333; }
.team li:hover .img img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2); }
.culture ul {
height: 11.4rem; }
.culture li {
width: 4.8rem;
position: relative; }
.culture li .img {
background: center no-repeat;
background-size: cover;
height: 7rem; }
.culture li .layer {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(92, 97, 102, 0.8);
text-align: center;
color: #fff; }
.culture li .layer .ico {
width: 1.1rem;
height: 1.1rem;
position: relative; }
.culture li .layer .ico:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #fff solid 1px; }
.culture li .layer .name {
font-size: .24rem;
position: relative;
line-height: 1em;
padding: .3rem 0 .55rem 0; }
.culture li .layer .name:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: .84rem;
width: .3rem;
height: .02rem;
margin-left: -.15rem;
background: #fff; }
.culture li .layer .content {
font-size: .18rem;
line-height: 2em; }
.culture li.on {
width: 6.2rem; }
.culture li.on .img {
height: 9rem; }
.culture li.on .layer {
background: rgba(54, 68, 77, 0.5); }
.culture li.on .layer .ico {
width: 1.4rem;
height: 1.4rem; }
.culture li.on .layer .name {
color: #91C43C;
font-size: .36rem;
font-weight: bold;
padding: .4rem 0 .7rem 0; }
.culture li.on .layer .name:before {
top: 1.14rem; }
.culture li.on .layer .content {
font-size: .22rem;
line-height: .48rem; }
.group {
padding: 1.2rem 0; }
.history {
position: relative;
padding: 1.2rem 0 1.2rem 3.2rem; }
.history .side-year {
width: 2rem;
position: absolute;
z-index: 1;
left: 0;
right: auto;
top: 1.2rem;
bottom: auto;
border-top: #CCC solid 1px; }
.history .side-year li {
border-bottom: #CCC solid 1px; }
.history .side-year a {
font-family: 'BodoniStd-Book';
font-size: .24rem;
height: .7rem; }
.history .side-year a:before, .history .side-year a:after {
content: "";
display: block;
position: absolute;
position: relative;
width: 0;
height: 1px;
background: #2073A2;
margin: 0 .1rem; }
.history .side-year a:hover, .history .side-year a.on {
color: #2073A2; }
.history .side-year a:hover:before, .history .side-year a:hover:after, .history .side-year a.on:before, .history .side-year a.on:after {
width: .16rem; }
.history .side-year.on {
position: fixed;
left: 50%;
top: 0.8rem;
margin-left: -8.8rem;
border-top: 0;
bottom: -1px; }
.history .side-year.on ul {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.history .side-year.on li {
overflow: hidden;
position: relative; }
.history .box {
padding-bottom: .1rem; }
.history .box .year {
position: relative;
background: center no-repeat;
background-size: cover; }
.history .box .year:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
opacity: .7; }
.history .box .year h2 {
text-align: center;
line-height: 2rem;
font-family: 'BodoniStd-Book';
font-size: .6rem;
font-weight: 400;
letter-spacing: .04rem;
position: relative; }
.history .box .year .btn {
display: block;
text-align: center;
font-size: .18rem;
width: 1.2rem;
height: .5rem;
line-height: .5rem;
background: rgba(0, 0, 0, 0.3);
position: absolute;
z-index: 1;
left: auto;
right: 0;
top: 50%;
bottom: auto;
margin-top: -.25rem;
color: #fff;
letter-spacing: .02rem; }
.history .box .year .btn em {
padding-right: .32rem;
display: inline-block;
background: url("../image/arrow17.png") right center no-repeat;
background-size: .17rem; }
.history .box .year .btn:hover {
background-color: #2073A2; }
.history .box .list {
position: relative;
padding: .45rem 0 .8rem 0;
display: none; }
.history .box .list:before {
content: "";
display: block;
position: absolute;
left: 1.49rem;
top: 0;
bottom: 0;
width: 1px;
background: #2073A2;
opacity: .5; }
.history .box .list li {
font-size: .18rem;
line-height: .3rem;
padding: .15rem 0;
align-items: flex-start;
-webkit-align-items: flex-start;
position: relative; }
.history .box .list li:before {
content: "";
display: block;
position: absolute;
left: 1.39rem;
top: 0;
width: .21rem;
height: .6rem;
background: url("../image/img21.png") center no-repeat;
background-size: 100%; }
.history .box .list li .time {
padding-left: .6rem;
width: 1.9rem;
flex-shrink: 0; }
.history .box .list li p {
width: 100%; }
.history .box.on {
padding-bottom: 0; }
.history .box.on .year:before {
background: #2073A2;
opacity: .5; }
.history .box.on .year h2 {
color: #fff; }
.history .box.on .year .btn {
background-color: rgba(0, 0, 0, 0.5); }
.news {
padding-top: 1.2rem; }
.news ul {
margin-left: -1.06rem;
margin-bottom: -.4rem; }
.news li {
width: 33.333%;
padding: 0 0 1.4rem 1.06rem; }
.news a {
display: block; }
.news a .img {
position: relative; }
.news a .img:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(32, 115, 162, 0.3) url("../image/img70.png") center no-repeat;
background-size: .7rem;
opacity: 0; }
.news a .img img {
width: 100%; }
.news a .box {
height: 2.35rem;
position: relative; }
.news a .box:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
background: #000;
opacity: .3; }
.news a .box .time {
font-size: .28rem;
font-family: 'BodoniStd-Book';
height: 1.2rem;
line-height: 1.1rem;
overflow: hidden;
position: relative; }
.news a .box .time:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 1rem;
width: .4rem;
height: 1px;
background: #000;
opacity: .3; }
.news a .box .name {
font-size: .22rem;
line-height: .4rem;
height: .8rem;
overflow: hidden; }
.news a .box p {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 1.7rem;
bottom: auto;
font-size: .16rem;
line-height: 2em;
color: #2073A2;
opacity: 0; }
.news a .box p:before {
content: "";
display: block;
position: absolute;
left: 0;
top: -.2rem;
width: .4rem;
height: 1px;
background: #2073A2;
opacity: .3; }
.news a:hover .img:after {
opacity: 1; }
.news a:hover .box .time {
height: .3rem;
opacity: 0; }
.news a:hover .box .name:before {
opacity: 1; }
.news a:hover .box p {
opacity: 1;
top: 1.5rem; }
.new-show {
position: relative;
padding: 1.15rem 0 .8rem 0; }
.new-show .title {
font-size: .3rem; }
.new-show .time {
border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
font-size: .16rem;
color: #999;
padding: .15rem 0 .2rem 0; }
.new-show .time img {
width: .16rem;
margin-right: .08rem; }
.new-show .p-btn {
position: absolute;
z-index: 1;
left: auto;
right: 0;
top: 1.2rem;
bottom: auto; }
.new-show .p-content, .new-show .concept .list li, .concept .list .new-show li {
padding: .5rem 0 0 0;
line-height: .3rem; }
.new-show .p-content .img, .new-show .concept .list li .img, .concept .list .new-show li .img {
text-align: center;
padding-bottom: .5rem; }
.concept {
width: 100%;
overflow: hidden;
position: relative; }
.concept .wal {
position: relative;
min-height: 10.3rem;
padding: 1.6rem 0; }
.concept .title {
font-size: .24rem; }
.concept .title h2 {
font-size: .42rem;
line-height: 1em;
padding: .2rem 0 .6rem 0; }
.concept .list li {
position: relative;
font-size: .18rem;
padding: 0 0 .55rem .22rem; }
.concept .list li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: .17rem;
width: .1rem;
height: .02rem;
background: #666; }
.concept .list li b {
color: #333; }
.concept .proposition {
font-family: 'BodoniStd-Book';
font-size: 1.2rem;
color: rgba(51, 51, 51, 0.1);
text-transform: uppercase;
line-height: 1em; }
.concept .img {
width: 10.29rem;
position: absolute;
z-index: 1;
left: auto;
right: -0.8rem;
top: 1.2rem;
bottom: auto; }
.job {
padding-bottom: 1rem; }
.job .msg {
font-size: .18rem;
color: #666;
padding: 1.2rem 0 .4rem 0; }
.job li {
padding-bottom: .2rem; }
.job li .title {
background: #EEEEEE;
height: .9rem;
position: relative;
padding: 0 .6rem;
cursor: pointer; }
.job li .title:after {
content: "";
display: block;
position: absolute;
top: 0;
right: .6rem;
bottom: 0;
width: .31rem;
background: url("../image/arrow31.png") center no-repeat;
background-size: 100%; }
.job li .title h2 {
font-size: .26rem;
font-weight: 400;
width: 7.15rem; }
.job li .title dd {
width: 2rem;
color: #666;
padding-left: .4rem;
line-height: .4rem;
background: left center no-repeat;
background-size: .28rem; }
.job li .title dd.dd_01 {
background-image: url("../image/img28_1.png"); }
.job li .title dd.dd_02 {
background-image: url("../image/img28_2.png"); }
.job li .title:hover {
background: #d8e7f0; }
.job li .box {
display: none;
background: #F5F5F5;
padding: .45rem .5rem 0 .5rem; }
.job li .box h3 {
font-size: .22rem;
padding-bottom: .12rem; }
.job li .box .p-content, .job li .box .concept .list li, .concept .list .job li .box li {
padding-bottom: .5rem; }
.job li.on .title {
background: #2073A2;
color: #fff; }
.job li.on .title:after {
background-image: url("../image/arrow31on.png");
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg); }
.job li.on .title dd {
color: #fff; }
.job li.on .title dd.dd_01 {
background-image: url("../image/img28_1on.png"); }
.job li.on .title dd.dd_02 {
background-image: url("../image/img28_2on.png"); }
.contact .map {
width: 50%;
height: 9.5rem;
position: relative;
z-index: 1; }
.contact .container {
width: 50%;
padding-left: 1rem; }
.contact .container .p-title {
border-bottom: #ccc solid 1px;
padding-left: 0; }
.contact .container .p-title:after {
bottom: -1px;
top: auto;
width: .85rem;
height: 2px; }
.contact .container .p-title .en {
font-size: .72rem; }
.contact .container .p-title h2 {
font-size: .36rem;
padding: .1rem 0 .45rem 0; }
.contact .container .list {
padding: .45rem 0; }
.contact .container .list li {
height: .54rem;
color: #666; }
.contact .container .list li img {
width: .26rem;
margin-right: .12rem; }
.contact .container .ewm .img {
width: 1.4rem;
border: #ddd solid 1px; }
.contact .container .ewm .name {
padding-left: .18rem;
font-size: .18rem;
color: #666; }
.contact-form {
position: relative;
width: 100%;
overflow: hidden; }
.contact-form .wal {
height: 9.5rem;
padding: 1.3rem 0 0 0; }
.contact-form .wal .form {
width: 7.8rem;
padding: .6rem 0 .2rem 0; }
.contact-form .wal .form ul {
margin-right: -.2rem; }
.contact-form .wal .form li {
width: 50%;
padding: 0 .2rem .2rem 0;
position: relative; }
.contact-form .wal .form li .ico {
width: .24rem;
position: absolute;
z-index: 1;
left: 0.2rem;
right: auto;
top: 0.23rem;
bottom: auto; }
.contact-form .wal .form li .input {
background: #F5F5F5; }
.contact-form .wal .form li .input input::-webkit-input-placeholder {
color: #999; }
.contact-form .wal .form li .input input::-moz-placeholder {
color: #999; }
.contact-form .wal .form li .input input:-moz-placeholder {
color: #999; }
.contact-form .wal .form li .input input:-ms-input-placeholder {
color: #999; }
.contact-form .wal .form li .input textarea::-webkit-input-placeholder {
color: #999; }
.contact-form .wal .form li .input textarea::-moz-placeholder {
color: #999; }
.contact-form .wal .form li .input textarea:-moz-placeholder {
color: #999; }
.contact-form .wal .form li .input textarea:-ms-input-placeholder {
color: #999; }
.contact-form .wal .form li .input input, .contact-form .wal .form li .input textarea {
width: 100%;
height: .7rem;
line-height: .7rem;
font-size: .16rem;
padding-left: .54rem;
color: #333; }
.contact-form .wal .form li .input textarea {
height: 2rem;
padding: .2rem .2rem .2rem .54rem;
line-height: .3rem; }
.contact-form .wal .form li.li_01 {
width: 100%; }
.contact-form .wal .form li.on .input {
background: rgba(32, 115, 162, 0.15); }
.contact-form .img {
background: center no-repeat;
background-size: cover;
position: absolute;
z-index: 1;
left: 50%;
right: 0;
top: 0;
bottom: 0; }
/*# sourceMappingURL=index.css.map */