@charset "utf-8";
body{background-color:#2b3448;}
.solution{background:url(bg-01.jpg) no-repeat center top;background-size: cover;padding-top:55px;position: relative;z-index: 1;}
.title{padding-bottom: 65px;text-align: center;}
.title h1{font-size:36px;font-weight: normal;color: #fff;}
.title p{font-size:16px;font-family: Tahoma;color: #47daf1;text-transform: uppercase;letter-spacing:2px;padding-top:16px;}
.solution:after{content:attr(data-name);position: absolute;font-size: 130px;color: #2b3446;font-family: Impact;text-transform:uppercase;top:180px;right:8%;z-index: -1;}

.solution-box{background:url(bg-04.png) repeat;color: #fff;background-size: cover;}
.solution-item{padding:70px 0 0;text-align:center;border-right:1px solid #333d53;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition:all 0.5s;overflow: hidden;background-position:center -60px;background-size:cover;}
.solution-item:last-child{border: none;}
.solution-item dl{padding:34px 0 60px;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition:all 0.5s;}
.solution-item dt{font-size:24px;font-weight: normal;padding-bottom: 12px;}
.solution-item .d1{font-size: 12px;font-family: Arial;text-transform: uppercase;color: #49e8f3;}
.solution-item .d2{width: 80%;margin:40px auto 0;line-height:2;font-size: 14px;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition:all 0.5s;}
.solution-item .m{padding:15px 0;background:#44bcca;opacity: 0;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition:all 0.5s;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);position: absolute;left: 0;width: 100%;bottom: 0;}
.solution-item .m>a{display: inline-block;background:url(ico03.png) no-repeat;width: 46px;height: 46px;}
/*.solution-item:hover{background:url(pic-01.jpg) no-repeat center 0;}*/
.solution-item:hover dl{padding:10px 0 60px;}
.solution-item:hover .d2{margin-top:20px;padding-bottom: 44px;}
.solution-item:hover .m{opacity: 1;transform:scale(1);}

.advant{background:url(bg-02.jpg) no-repeat center top;padding:55px 0 30px;background-size: cover;}
.title .c{padding-top:12px;font-size: 16px;line-height:1.7;color: #eee;width: 60%;margin:0 auto;}
.advant-item{background:url(bg-05.png) repeat;position:relative;padding:85px 45px 52px;color: #eee;margin-bottom:30px;box-shadow:1px 1px 20px 3px #383e48;}
.advant-item .img{position: absolute;top: -8px;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition:all 0.5s;}
.advant-item h1{font-size: 20px;font-weight: bold;padding-bottom: 25px;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition:all 0.5s;}
.advant-item .text{font-size: 14px;line-height:2;height:84px;overflow: hidden;;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition:all 0.5s;}
.advant-item:hover h1{transform:translate3D(35%,10px,0);-webkit-transform:translate3D(35%,10px,0);-moz-transform:translate3D(35%,10px,0);-ms-transform:translate3D(35%,10px,0);}
.advant-item:hover .img{transform:translate3D(102px,40%,0);-ms-transform:translate3D(102px,40%,0);-moz-transform:translate3D(102px,40%,0);-webkit-transform:translate3D(102px,40%,0);}
.advant-item02:hover .img{transform:translate3D(102px,60%,0);-ms-transform:translate3D(102px,60%,0);-moz-transform:translate3D(102px,60%,0);-webkit-transform:translate3D(102px,60%,0);}
.advant-item05:hover .img{transform:translate3D(102px,65%,0);-moz-transform:translate3D(102px,65%,0);-ms-transform:translate3D(102px,65%,0);-webkit-transform:translate3D(102px,65%,0);}
.advant-item:hover .text{transform:translate3D(5%,10px,0);-moz-transform:translate3D(5%,10px,0);-ms-transform:translate3D(5%,10px,0);-webkit-transform:translate3D(5%,10px,0);}

.hypoxic{background:url(bg-03.jpg) no-repeat center top;padding:160px 90px 110px;position: relative;z-index: 1;}
.hypoxic:after{content:attr(data-name);position:absolute;font-size: 130px;color: #2b3446;font-family: Impact;text-transform:uppercase;top:120px;z-index: -1;left:90px;}
.about{color: #eee;width:80%;padding-top:75px;}
.about dt{font-size:36px;font-weight: normal;line-height: 1;}
.about .d1{font-size:16px;font-family: Tahoma;color: #47daf1;text-transform: uppercase;letter-spacing:2px;padding-top:16px;}
.about .d2{font-size: 16px;line-height:1.7;padding-top: 12px;}
.about .d3{margin-top:40px;}
.about .d3 a{display: inline-block;border:2px solid #eee;padding:15px 100px;font-size:16px;color: #eee;-webkit-transition:all 0.5s;transition:all 0.5s;-moz-transition:all 0.5s;}
.about .d3 a:hover{background:#47daf1;border-color:#47daf1;color: #2e384a;}

.ad{position: relative;left:50%;transform:translateX(-50%);width: 1920px;}
.formbox{padding:70px 0 20px;background:#2e384a;}
.formbox .form-input{border-color: #687081;color: #eee;font-size:14px!important;padding:14px 10px 14px 60px;width: 100%;}
.formbox li{margin-bottom:30px;}
.formbox li:nth-child(1) .form-input{background:#687081 url(f1.png) no-repeat 18px center;}
.formbox li:nth-child(2) .form-input{background:#687081 url(f2.png) no-repeat 18px center;}
.formbox li:nth-child(3) .form-input{background:#687081 url(f3.png) no-repeat 18px center;}
.formbox li:nth-child(4) .form-input{background:#687081 url(f4.png) no-repeat 18px center;}
.formbox li:nth-child(5) .form-input{background:#687081 url(f5.png) no-repeat 18px center;}
.formbox li:nth-child(6) .form-input{background:#687081 url(f6.png) no-repeat 18px center;}
.formbox li:nth-child(7) .form-text{background:#687081 url(f7.png) no-repeat 18px 10px;width: 100%;padding:10px 10px 10px 60px;height: 90px;color: #eee;}
.formbox li .btn{border:2px solid #48e4ef;font-size: 14px!important;color: #48e4ef;padding:18px 110px;display: inline-block;margin-top:12px;}

.map{position: relative;}
.map p{position: absolute;left:50%;top: 50%;transform:translate3D(-50%,-50%,0);color: #eee;font-size:18px;background:url(ico04.png) no-repeat right center;padding-right:26px;cursor:pointer;}
#map{display: none;}

::-webkit-input-placeholder{color: #eee;font-size: 14px;}
::-ms-input-placeholder{color: #eee;font-size: 14px;}
::-moz-input-placeholder{color: #eee;font-size: 14px;}

@media (min-width:1441px){
	.hypoxic{padding:220px 100px 190px 190px;}
	.hypoxic:after{left:190px;}
}
@media (max-width: 768px){
	.service,.news{padding:30px 0;}
	.service .hd,.news .hd{padding-bottom:40px;}
	.news-item dl dt i,.news-list dl dt i{float: none;display:block;}
	.news-list .d{display: none;}
	.news-list dl{float: none;width:96%;}
	.news-list li{padding-bottom: 10px;margin-bottom: 10px;}

	.title{padding-bottom: 30px}
	.title .c{width: 90%;}
	.solution{padding-top: 30px;}
	.solution:after{font-size: 80px;top:260px;right: 50%;transform:translateX(50%);}
	.solution-item{padding-top: 20px;border-bottom:1px solid #333d53;}

	.advant{padding:30px 0 0;}
	.hypoxic{padding:40px 15px;}
	.about{padding: 0;width: 100%;}
	.about .d3{text-align: center;margin:25px 0 30px;}

	.formbox{padding:30px 0 0;}
	.formbox li:last-child{text-align: center;}
	.formbox li .btn{margin-top: 0;}
}
