@charset "utf-8";
.ul {list-style: none;padding: 0;}
p {margin: 0;}

.topbg {position: absolute;top: 0;left: 0;z-index: 9;width: 100%;pointer-events: none;}
.topbg img {width: 100%;height: auto;display: block;}

.mclose {position: absolute;right: 20px;top:30px;border: none;background: none;outline: none;}
.am-menu-offcanvas1 .am-menu-nav > li.wnav-home a {border-bottom: 1px #eee solid;height: 100px;line-height: 100px;}
.am-menu-offcanvas1 .am-menu-nav > li.b-act > a {color: #fff;}

.stit{width: 100%;text-align: center;position: relative;padding-bottom:4%;margin:6% 0;}
.stit h3{font-size: 5.5vw;color: #333333;font-weight: normal;margin: 0;}
.stit p{font-size: 3.5vw;color: #999999;}
.stit::after {content: ""; position: absolute;left: 50%;bottom: 0;width: 60px;height:5px;margin-left: -30px; background: linear-gradient(to right,#97f716,#1bc1f7);background: -webkit-linear-gradient(to right,#97f716,#1bc1f7);border-radius:5px;-webkit-border-radius:5px;}
.stit2{width: 100%;text-align: center;position: relative;padding-bottom:4%;margin:6% 0;}
.stit2 h3{font-size: 5.5vw;color: #fff;font-weight: normal;margin: 0;}
.stit2 p{font-size: 3.5vw;color: #fff;}
.stit2::after {content: ""; position: absolute;left: 50%;bottom: 0;width: 60px;height:5px;margin-left: -30px;background: #fff; border-radius:5px;-webkit-border-radius:5px;}

.site-pro {padding-bottom: 6%;}
.i-pro li {padding:2%;}
.i-pro a {display: block;position: relative;}
.i-pro img{width: 100%;height: auto;}
.fpro {position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;text-align: center;background: rgba(0,0,0,0.6);padding:3% 0;}
.fpro h3{margin: 0;font-size: 4vw;font-weight: normal;}
.fpro p{font-size: 3vw;}
.site-pro .mo {text-align: center;}
.site-pro .mo a{margin-top:4%; display: inline-block;font-size: 4vw;color: #999999;border: 1px #999 solid;padding:2% 6%;-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;border-radius: 7px;-webkit-border-radius: 7px;}
.site-pro .mo a:active {color: #fff;background-color: #4f85b7;border-color: #4f85b7;}

.site-zzw {background:url(../images/site3-bg.jpg) no-repeat center bottom #eef8fa;background-size: contain;  padding:7% 0;}
.site-zzw .zzt {margin-bottom:7%;}
.site-zzw .zzt span {color: #333333;font-size: 3vw;font-weight: bold;display: block;}
.site-zzw .zzt h3 {color: #333333;font-size:4vw;position: relative;padding-bottom: 3%;margin:0;}
.site-zzw .zzt h3::after {content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 1px;background-color: #0394da;}
.site-zzw .zzt p {color: #999;font-size:3vw;margin-top: 6%;}
.site3-nav {margin-bottom:5%;}
.site3-nav .site3-li{float: left;width: 33.333%;text-align: center;}
.site3-nav .site3-li a {display: block;}
.site3-nav .site3-li h4{font-size: 4vw;color: #333333;font-weight: normal;margin-top: 5px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.site3-nav .site3-li a:active h4 {color: #0394da;}
.site3-img {background-color: #0394da;border-radius: 20px;-webkit-border-radius:20px;overflow: hidden;-webkit-box-shadow:0 0 32px rgba(3, 148, 218, .57);box-shadow:0 0 32px rgba(3, 148, 218, .57);}
.site3-img img {width: 100%;height: auto;}
.site-zzw .mo {text-align: center;}
.site-zzw .mo a{margin-top:7%; display: inline-block;font-size: 4vw;color: #999999;border: 1px #999 solid;padding:2% 6%;-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;border-radius: 7px;-webkit-border-radius: 7px;}
.site-zzw .mo a:active {color: #fff;background-color: #4f85b7;border-color: #4f85b7;}

.site-case {background: url(../images/site4-bg.jpg) no-repeat center center;background-size: cover;padding-bottom: 7%;}
.swiper-site4{position:relative;margin:0 auto;width:100%;padding-bottom:10%;}
.swiper-site4 .swiper-slide a {display: block;background: #fff;padding:2%;text-align: center;}
.swiper-site4 .swiper-slide img{display:block;width: 100%;height: auto;-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;}
.swiper-site4 .swiper-slide h3 {font-size: 4vw;color:#333;font-weight: normal;margin-top: 16px;margin: 4% 0 3%; overflow: hidden;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.swiper-site4 .swiper-slide a:active img {transform:scale(1.02); -webkit-transform:scale(1.02);}
.swiper-site4 .swiper-slide a:active h3 {color: #0394da;}
.swiper-site4 .pag-site4 {bottom:0;}
.swiper-site4 .pag-site4 span{width: 10px;height: 10px;background: #fff;opacity: 0.6;outline: none;}
.swiper-site4 .pag-site4 span.swiper-pagination-bullet-active{opacity: 1}
.site-case .mo {text-align: center;}
.site-case .mo a{margin-top:7%; display: inline-block;font-size: 4vw;color: #fff;border: 1px #fff solid;padding:2% 6%;-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;border-radius: 7px;-webkit-border-radius: 7px;}
.site-case .mo a:active {background-color: #4f85b7;border-color: #4f85b7;}

.site-news {width: 100%;overflow: hidden;padding: 8% 0;}
.site-news span {text-transform: uppercase;color: #0394da;font-size: 4vw;text-align: center;display: block;}
.site-news h2 {text-align: center;font-size:5.5vw;margin-bottom:5%; color: #111;font-weight: bold;margin: 0;}
.am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-item-hd a {color: #333;font-size: 4vw;margin-top:3%;}
.am-list-news-default .am-list .am-list-item-desced .am-list-item-text {font-size: 3.5vw;color: #999999;margin-top:4%}
.site-news .mo {text-align: center;}
.site-news .mo a{margin-top:3%; display: inline-block;font-size: 4vw;color: #333333;border: 1px #666 solid;padding:2% 6%;-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;border-radius: 7px;-webkit-border-radius: 7px;}
.site-news .mo a:active {color: #fff;background-color: #4f85b7;border-color: #4f85b7;}

.foot-m {width: 100%;overflow: hidden;padding: 8% 0 0;background: #142945;position: relative;}
.foot-m .dlog { text-align: center;}
.foot-m .dlog img{max-width: 100%;height: auto;}
.foot-m .dlog p {color: #6a88af;font-size:3.5vw;margin:3% 0 0;}
.foot-m .dcont {max-width:500px;margin:7% auto 5%;padding:0 5%; color: #6a88af;font-size:3.5vw;}
.foot-m .dcont span {vertical-align: middle;}
.foot-m .dcont img {max-width: 100%;height: auto;}
.foot-m .banq {color: #6a88af;font-size:3.5vw;text-align: center;padding: 4% 0;border-top: 1px #1e324d solid;}
.foot-m .banq a { color: #1e324d;}

/*CENTER*/
.list-ban {width: 100%;overflow: hidden;position: relative;}
.list-ban img {width: 100%;height: auto;}
.banf {position: absolute;right:5%;top:50%;text-align: right;}
.banf span {font-size: 6vw;color: #fff;display: block;position: relative;line-height: 1.2;}
.banf span b {position: relative;z-index: 9;letter-spacing:1px;display: block;}
.banf span::after {content: "";position: absolute;right:10%;bottom: 0;width:80%;height: 20%;background-color: #18e9dd;}
.banf h3 {font-size:5vw;color: #fff;font-weight: 600;letter-spacing:1px;margin:2% 0 0;}

.lis-tit{width: 100%;text-align: center;position: relative;margin:10% 0 8%;}
.lis-tit h3{font-size:5.5vw;color: #333333;font-weight: normal;position: relative;z-index: 12;margin: 0;line-height:0;}
.lis-tit p{font-size:7.5vw;line-height:0.8; color: #f1f1f1;position: relative;background: #fff;}
.lis-tit p span {position: relative;z-index: 9;background-color: #fff;font-weight: bold;display: inline-block;text-transform: uppercase;}

.lis-nav {width: 100%;text-align: center;margin-bottom:5%;}
.lis-nav a{display: inline-block;border: 1px #1964ce solid;padding: 1% 3%;margin: 1%;color: #1964ce;font-size:4vw;-webkit-transition:  all ease-out .3s ;transition:  all ease-out .3s;}
.lis-nav a.act,.lis-nav a:hover {background-color: #1964ce;color: #fff;}

.list-abo {width: 100%;overflow: hidden; margin:2% 0 7%;font-size:4vw;color: #666;}
.list-abo img {max-width: 100%;height: auto;}
.list-abo p {margin:.6rem 0;color: #666;}

.list-maxpic {width: 100%;overflow: hidden;margin:2% 0 4%;}
.list-maxpic h3{color: #333;font-size: 5vw;font-weight: normal;margin:0 0 3%;}
.list-maxpic ul {margin-bottom:2%;}
.list-maxpic li {margin-bottom:1%;text-align: center;padding:2%;}
.list-maxpic li img {max-width: 100%;height: auto;-webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.list-maxpic li a:active img {transform:scale(1.04); -webkit-transform:scale(1.04);}

.pages {width: 100%;overflow: hidden;background: #eee;margin:5% 0 7%;}
.pages a{width: 50%;font-size: 5vw;display: block;float: left;text-align: center;color: #222222;padding: 2% 0;}
.pages a.a1 {color: #fff;background-color: #1964ce;}

.sho-tit {padding: 0 1rem;}
.sho-tit h3{font-size:5vw;color: #222; font-weight: normal; text-align: center;margin: 0;}
.sho-tit p{font-size: 3.5vw; color: #666;text-align: center;padding:2px 0;}

.sho-abo {width: 100%;overflow: hidden; padding:4% 0;font-size:4vw;color: #333;}
.sho-abo img {max-width: 100%;height: auto;}
.sho-abo p {margin:.6rem 0;color: #666;}

.wpag {margin:5% 0 8%;}
.wpag a{color: #666666;font-size: 4vw;display: block;padding: 1% 0;line-height: 1.2;margin:3% 0;}
.wpag a:active {color: #1964ce;}

.list-case{position:relative;margin:0 auto;width:100%;padding-bottom:3%;}
.list-case a {display: block;background: #fff;padding:1%;text-align: center;}
.list-case li {padding: 2%;}
.list-case li .caseimg {border: 1px #eee solid;overflow: hidden;}
.list-case li .caseimg img{display:block;width: 100%;height: auto;-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;}
.list-case h3 {font-size: 4vw;color:#333;font-weight: normal;margin-top: 16px;margin: 4% 0 3%; overflow: hidden;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.list-case a:active img {transform:scale(1.02); -webkit-transform:scale(1.02);}
.list-case a:active h3 {color: #0394da;}

.list-pro {margin: 5% 0;}
.list-pro ul {margin: 0;padding: 0;list-style: none;}
.list-pro li {width: 100%;margin-bottom: 5%;}
.list-pro li a {display: block;position: relative;overflow: hidden;}
.list-pro li a img {width: 100%;height: auto;-webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.list-pro li .plf {position: absolute;left: 0;top: 0;height: 100%;width: 36%;background: rgba(66,135,226,0.91);text-align: center;-webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.list-pro li .plf h3 {font-size:4vw;color: #fff;font-weight: normal;padding: 0 4%;margin-top:35%;overflow: hidden;}
.list-pro li .plf p {font-size: 3vw;color: #fff;margin-top: 10%;padding: 0 3%;text-align: left;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.list-pro li a:active img {transform:scale(1.04); -webkit-transform:scale(1.04);}
.list-pro li a:active .plf{background:#1dc6b0;}

.show-pnav {width: 100%;-webkit-box-shadow:0 5px 16px rgba(25, 100, 206, .14);box-shadow:0 5px 16px rgba(25, 100, 206, .14);margin-bottom:10%;}
.show-pnav li {text-align: center;}
.show-pnav li a{display: block;background: #fff;color: #333;padding-bottom:8%; -webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;position: relative;}
.show-pnav li i {width: 45px;height: 45px;margin-top: 15px; display: inline-block;background-position: center center;background-repeat: no-repeat;-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;}
.show-pnav li i.i1 {background-image: url(../images/pi1.png)}
.show-pnav li i.i2 {background-image: url(../images/pi2.png)}
.show-pnav li i.i3 {background-image: url(../images/pi3.png)}
.show-pnav li i.i4 {background-image: url(../images/pi4.png)}
.show-pnav li h3 {font-size:3vw;font-weight:400;overflow: hidden; margin: 0 auto}
.show-pnav li a::after{content: "";position: absolute;left:50%;bottom:-16px; width:0;height:0;margin-left: -12px; border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #fff;opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;}
.show-pnav li a.act::after,.show-pnav li a:active::after{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);border-top:16px solid #1964ce;}
.show-pnav li a.act,.show-pnav li a:active {background: #1964ce;color: #fff;}
.show-pnav li a.act i.i1,.show-pnav li a:active i.i1 {background-image: url(../images/pi1o.png)}
.show-pnav li a.act i.i2,.show-pnav li a:active i.i2 {background-image: url(../images/pi2o.png)}
.show-pnav li a.act i.i3,.show-pnav li a:active i.i3 {background-image: url(../images/pi3o.png)}
.show-pnav li a.act i.i4,.show-pnav li a:active i.i4 {background-image: url(../images/pi4o.png)}

.show-pro {margin-bottom: 8%;}
.show-pro .tit{font-size: 6vw;color: #333;text-align: center;}
.show-pro .spro-nr {font-size: 3.5vw;color: #555;margin:5% 0;}
.show-pro .spro-nr p{text-indent: 2em;}
.show-pro .spro-nr img {max-width: 100%;height: auto;}
.show-pro .spro-t {position: relative;}
.show-pro .spro-t span {width: 202px;height: 64px;line-height: 64px; font-size:4.5vw;padding-left: 2%;color: #fff; display: inline-block;background: url(../images/prott.jpg) no-repeat left bottom;position: relative;z-index: 9;background-size: contain;}
.show-pro .spro-t::after {content: "";position: absolute;left:0;bottom:0; width:100%;height:6px;background-color: #8baddc;}


.c-tit span{font-size: 4vw;color: #333;text-transform: uppercase;display: block;}
.c-tit h3{font-size: 6vw;color: #333;margin: 0;line-height: 1.2;}
.ctel {width: 100%;margin-bottom: 7%;}
.ctel .tel-m {position: relative;padding-top: 5%;margin-top:5%;font-size:5vw;}
.ctel .tel-m::after {content: "";position: absolute;top: 0;left: 0;background-color: #999;width: 30px;height: 2px;}
.ctel .tel-m b{color: #333;}

.mess {width: 100%;margin-bottom:5%;}
.mess .mess-m table {border-collapse: separate; border-spacing: 0 20px;}
.mess .mess-m td{color: #333;font-size: 4vw;}
.mess .mess-m .lyinpl {width: 100%;max-width:280px;border:none;background-color: #efefef; font-size: 4vw;color: #333;padding:12px 10px;}
.mess .mess-m textarea {width: 100%;display: block;resize:none;border:none;background-color: #efefef;font-size: 4vw;color: #333;padding:12px 10px;}
.mess .mess-m .lysub,.mess .mess-m .lyres {text-align: center;border: none;cursor: pointer;padding:5px 35px;background-color: #1964ce; color: #fff;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s; font-size: 4vw;}
.mess .mess-m .lyres {background-color: #efefef;color: #666;margin-left: 20px;}
.mess .mess-m .lysub:hover{background-color: #2878e8;}
.mess .mess-m .lyres:hover {background-color: #d2d2d2;}

#map {width:100%;font-size:12px}
#map h4 {color: #1964ce;font-size: 16px;}

.ws-btn {background-color: #1964ce;border-color:#1964ce;}
.ws-nav {background-color: #c4dbf6;}
.ws-nav.am-nav > li > a {color: #333;text-align: center;}
.ws-nav.am-nav > li.am-active > a,
.ws-nav.am-nav > li.am-active > a:hover,
.ws-nav.am-nav > li.am-active > a:focus {
  background: #eff5fc;
color: #1964ce;
}

@media only screen and (max-width: 480px) {
	.mess .mess-m .lyinpl {max-width: 100%;}
	.list-pro li .plf h3 {margin-top:32%;}
	.show-pro .spro-t span {width:140px;height:44px;line-height:44px; font-size:3.5vw;}
	.show-pro .spro-t::after {height:4px;}
}