Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
/**/
*{
margin :0;padding:0;}
div,address,b,big,blockquote,body,center,cite,code,dd,del,dl,dt,em,fieldset,font,form,b,b,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td,input {
margin: 0;padding: 0;}
div,dl,dt,dd,form,input,button,textarea,p,ul,li,ol,table,tr,td,header,footer,aside,nav,b,b,h3,h4,h5,h6,section{
box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body{ font-size: 14px;
font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
color: #333;
padding: 0px;
margin: 0px;}
button:foucs{ border: none!important; outline: none!important;}
button::-moz-focus-inner {border-color: transparent;}
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
ul,ol{list-style:none; padding: 0; margin: 0;}
i{ font-style: normal;}
a{ color: #333; }
a:hover {text-decoration: none; }
video, embed, iframe{
width: 100% ;
}
img{border:none !important;vertical-align:middle}
input{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],button,select {-webkit-appearance: none;outline:none;}
textarea {-webkit-appearance: none;outline:none}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { /*兼容 IE*/ zoom: 1;}
.fl{ float: left;}
.fr{ float: right;}
/*t图片样式*/
.center-block{display:block;margin-right:auto;margin-left:auto}
img { border: 0px; vertical-align: middle; }
.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}
.avatar { display: block;overflow: hidden; width: 100%; }
.avatar img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.avatar:hover img {
transform: scale(1.1);
transition: all 1s ease 0s;
-webkit-transform: scale(1.1);
}
/*fullPage 左侧数字*/
.fp-watermark { display: none;}
#slide_menu {
z-index: 92;
position: absolute;
top: 50%;
right: 25px;
width: 52px;
}
#slide_menu li {
line-height: 35px;
height: 35px;
position: relative;
list-style: none;
}
#slide_menu a {
float: left;
padding: 10px 20px;
text-decoration: none;
}
#slide_menu .pgslide_nav {
opacity: 0;
font: bold 14px/20px Arial;
transition: all 0.4s ease 0.6s;
position: absolute;
right:42px;
top: 8px;
width: 100px;
text-align: right;
color: #0798EC;
transform: translateX(-50px);
}
#slide_menu .pgslide_num {
position: absolute;
border-radius: 100%;
z-index: 1;
height: 6px;
width: 6px;
border: 0;
background: #0798EC;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
#slide_menu .active .pgslide_num {
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#slide_menu li:hover .pgslide_nav {
opacity: 1;
transform: translateX(0px);
transition-delay: 0.6s;
}
.pgslide_yuan-0 {
background: #fff !important;
}
.pgslide_yuan-1 {
background: #0798ec!important;
}
/*--------------------------------------------------------------
# 头部Header
--------------------------------------------------------------*/
#header {
transition: all 0.5s;
z-index: 1000;
transition: all 0.5s;
height: 90px;
}
.header-transparent {background-color: rgba(255,255,255,0.94)!important;
box-shadow: 0 0 5px 3px rgba(0,0,0,0.08);
border: none!important;
min-height: 90px;}
.header-transparent:hover { background:rgba(255, 255, 255, 0.1);}
.top-box{ display: flex; justify-content: space-between; align-items: center; }
.top-box .logo{ display: flex; align-items: center; justify-content: center; min-width:10% ; }
.pclogo { display: none!important;}
.mlogo { display: none!important;}
.wal { padding:0 8%;}
/*导航菜单 */
.nav-menu, .nav-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.nav-menu{ height: 90px; }
.nav-menu ul{display: flex; align-items: center; justify-content: space-between;}
.nav-menu ul li {
text-align: center;
position: relative;
}
.nav-menu ul li a {
display: block;
white-space: nowrap;
color: #000;
padding: 0 19px;
height: 90px;
line-height:90px;
transition: 0.3s;
font-size:16px;
}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
color: #fff;
text-decoration: none;
background: #0798EC;
}
.nav-menu .onn{
color: #fff;
text-decoration: none;
background: #0798EC;
}
.nav-menu ul li:nth-child(5) ul{left:-40%; width: 180%;}
.nav-menu .drop-down ul {
display: block;
position: absolute;
left: 0;
top: 90px;
z-index: 99;
opacity: 0;
visibility: hidden;
width: 100%;
background: rgba(255,255,255, .9);
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: ease all 0.3s;
padding-bottom: 20px;
}
.nav-menu .drop-down_spec ul {left:-40%; width: 180%; }
.nav-menu .drop-down:hover > ul {
opacity: 1;
top: 90px;
visibility: visible;
}
.nav-menu .drop-down li {
width: 100%;
position: relative;
}
.nav-menu .drop-down ul a {
padding: 5px 0;
font-size: 16px;
font-weight: 500;
text-transform: none;
color: #666;
line-height: 40px;
height: 40px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
color: #00AA49;
background: none;
}
.nav-menu .drop-down .drop-down ul {
top: 0;
left: calc(100% - 90px);
}
.nav-menu .drop-down .drop-down:hover > ul {
opacity: 1;
top: 0;
left: 100%;
}
.nav-menu .drop-down .drop-down > a {
padding-right: 35px;
}
.nav-menu a i{ display: none;}
.nav-menu .arrow{
position: absolute;
width: 11px;
height: 11px;
top:-5.5px;
left:45%;
background-color: #fff;
transform: rotate(45deg);
cursor: pointer;
transition: .3s;
z-index: -1;
}
.top_tel { color: #0798EC; font-size: 21px; background: url(../images/dianhua1.png) left no-repeat; font-weight: bold; }
.top_tel span { padding-left:38px; display: block;}
/* 手机菜单样式 */
.mobile-nav {
position: fixed;
top: 0;
bottom: 0;
z-index: 999;
overflow-y: auto;
left: -80%;
width: 80%;
padding-top: 18px;
background: #0798EC;
transition: 0.4s;
}
.mobile-nav * {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav a {
display: block;
position: relative;
color: #fff;
font-size: 16px;
margin: 0 20px;
height: 56px;
line-height: 56px;
font-weight: 500;
border-bottom: 1px solid rgba(255,255,255,.1);
}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
color: #fff;
text-decoration: none;
}
.mobile-nav .drop-down > a i{ float: right; display: block; line-height: 40px; width: 40px; text-align: right; height: 40px; background: #00AA49; margin-top: 8px;
font-size: 24px; font-weight: bold; text-align: center;}
.mobile-nav .drop-down ul {
display: none;
overflow: hidden;
}
.mobile-nav .drop-down .arrow{ display: none;}
.mobile-nav .drop-down li a{
padding-left: 20px;
}
.mobile-nav-toggle {
position: fixed;
right: 15px;
top: 15px;
z-index:10005;
border: 0;
background: none;
font-size: 28px;
transition: all 0.4s;
outline: none !important;
line-height: 1;
cursor: pointer;
text-align: right;
}
.mobile-nav-toggle i {
color: #0798EC;
display: block;
width:50px;
height: 50px;
text-align: center;
line-height: 50px;
}
.mobile-nav-overly {
width: 100%;
height: 100%;
z-index: 997;
top: 0;
left: 0;
position: fixed;
background: rgba(51,51,51, 0.9);
overflow: hidden;
display: none;
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav {
left: 0;
}
.mobile-nav-active .mobile-nav-toggle i {
color: #fff;
}
/*首页banner图*/
#banner .swiper {
width: 100%;
height: 100%;
position: relative;
}
#banner .swiper-slide {
background-position: center;
background-size: cover;
position: relative;
}
#banner .swiper-slide .pcimg { display:block !important;}
#banner .swiper-slide .mobimg {display:none !important;}
#banner .swiper-pagination-bullet {
background: rgba(0, 0, 0, 0.3);
outline: none;
opacity: 1;
filter: alpha(opacity=100);
margin: 0 10px;
}
#banner .swiper-pagination-bullet {
width: 20px;
height: 8px;
display: inline-block;
background: #fff;
opacity: .5;
margin: 0 5px;
border-radius: 20px;
transition: opacity .5s, background-color .5s, width .5s;
transition-delay: .5s, .5s, 0s;
}
#banner .swiper-pagination-bullet-active {
opacity: 0.9;
background: #0798ec;
width:50px;
transition-delay: 0s;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 30px;
left: 0px;
width: 100%;
}
.banner_txt {
position: absolute;
width: 100%;
top:45%;
bottom: 0;
left:0;
right: 0;
margin: auto;
z-index: 10;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.banner_txt p{ font-size:36px; color:#fff; text-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.banner_txt b{ display: block;font-size:52px; color: #fff; margin: 20px 0; text-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.banner_txt span{ color: #fff; font-size: 24px; display: block;text-shadow: none; text-shadow: 0 1px 2px rgba(0,0,0,0.2);}
/*page2 简介*/
.homePg2 { background: url(../images/abbg.jpg) no-repeat bottom; background-size: 100%;}
.main_title {font-size: 48px;
color: #333;
display: block;
margin-bottom: 20px;
font-weight: 700;
}
.main_title p { text-align: center; font-size: 18px; color: #666; font-weight: normal; margin-top: 10px;}
.about { display: flex; align-items: center; position: relative; }
.ab_tu { flex: 1; margin-right: 30px;}
.ab_txt { flex: 1; margin-left: 30px; position: relative; z-index: 2;}
.ab_txt span {font-size: 32px;
margin:20px 0;
color: #333;
display: block;
}
.ab_txt p{font-size: 16px;
line-height: 30px;
margin-top: 20px;
color: #666;}
.ab_more{ display: flex; align-items: center; font-size: 14px; color: #00AA49; height:47px; border:#00AA49 solid 1px; border-radius:50px; line-height:45px; padding:0 30px; transition: all 0.5s ease 0s; max-width:160px; margin-top: 50px;}
.ab_more i{ color: #00AA49; margin-right: 10px; transition: all 0.5s ease 0s; }
.ab_more em{ color: #00AA49; font-style: normal;}
.ab_more:hover{ color:#fff; background:#00AA49; border:1px solid #00AA49; transition: all 0.5s ease 0s; padding-left: 50px; max-width: 180px;}
.ab_more:hover i{ color:#fff; transition: all 0.5s ease 0s;}
.ab_more:hover em { color: #fff;}
.ab_bottom {
flex: 1;
margin:40px auto;
transition: opacity .3s .6s, visibility 0s .6s, margin-top 0s .6s;
}
.ab_bottom ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.ab_bottom b{ font-size:40px;}
.ab_bottom :after,.ab_bottom :before {
content: "";
display: table
}
.ab_bottom :after {
clear: both
}
.ab_bottom li { flex: 1;}
.ab_bottom li a {
text-align: center;
text-decoration:none;
position: relative;
margin: 0 auto;
display: block;
padding: 30px 26px 24px;
transition: all .3s;
border-left: 1px solid #727577;
border-color: hsla(0,0%,100%,.08);
background-color: hsla(0,0%,100%,.06);
}
.ab_bottom .ab_num { display: flex; align-items: center; justify-content: center;}
.ab_bottom li a b {
color: #0798EC;
font-size: 60px;
font-weight: bolder;
margin-bottom: 8px
}
.ab_bottom li a i{ font-size: 28px; color: #666; padding-left: 6px; padding-bottom: 30px;}
.ab_bottom li a p {
color: #999;
font-size: 18px;
line-height: 24px;
text-align: center;
}
.ab_bottom li a:hover {
background-color: hsla(0,0%,100%,0);
text-decoration: none;
border-color: transparent!important
}
.ab_bottom li a:hover p {
color: #333;
}
/*产品*/
.homePg3 { background:url(../images/probg.jpg) no-repeat;}
.product .swiper-container {
position: relative;
}
.product .swiper-slide-thumb-active{
color: #1A7ECE;
}
.product .gallery-top2 {
height:auto;
width: 48%;
}
.product .gallery-thumbs2 {
padding-left: 10%;
width: 50%;
text-align: center;
box-sizing: border-box;
position: relative;
}
.product .gallery-thumbs2 .swiper-wrapper {width: 100%; display: flex; flex-wrap: wrap; margin-top:50px;}
.product .gallery-thumbs2 .swiper-slide {
cursor: pointer;
font-size: 18px;
padding: 24px 0;
margin: 8px;
width: calc(33.3% - 18px)!important;
border: 1px solid #fff;
}
.product .gallery-thumbs2 .swiper-slide a p { margin-top: 10px; color: #fff;}
.product .gallery-thumbs2 .swiper-slide:hover { background: #00AA49; color: #fff; }
.product .gallery-thumbs2 .swiper-slide:hover a, .gallery-thumbs .swiper-slide-thumb-active a { color: #0798ec;}
.product .gallery-thumbs2 .swiper-slide a { display: block; width:100% ; font-size: 18px; }
.product .gallery-thumbs2 .swiper-slide a img {-webkit-transform: translateZ(0);transform: translateZ(0);}
.product .gallery-thumbs2 .swiper-slide a:hover img {
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: hvr-icon-drop;
animation-name: hvr-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.product .gallery-thumbs2 .swiper-slide-thumb-active {
background: #00AA49; color: #fff;
}
.product .gallery-thumbs2 .swiper-button-next {
right: 0;
bottom:0;
top:0;
margin: 0;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
overflow: hidden;
z-index: 999;
width: 40px;
line-height: 60px;
font-size: 30px;
height: 60px;
transition: all .5s ease;
outline: none;
}
.product .gallery-thumbs2 .swiper-button-prev {
left: 0;
bottom:0;
top:0;
margin: 0;
color: #fff;
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
overflow: hidden;
z-index: 999;
width: 40px;
font-size: 30px;
height: 60px;
line-height: 60px;
transition: all .5s ease;
outline: none;
}
.product .gallery-thumbs2 .swiper-button-prev:hover, .gallery-thumbs2 .swiper-button-next:hover {
background: #999;
}
.product .gallery-top2 .swiper-container{ padding-top: 60px; }
.product .gallery-top2 .swiper-slide { margin-top:40px; margin-bottom: 30px; position: relative;}
.product .gallery-top2 .swiper-slide .pro_ej { position: absolute; bottom: 0px; left: 10%; right: 10%; background: #fff; padding: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content:flex-start; }
.product .gallery-top2 .swiper-slide .pro_ej a { line-height: 50px; padding:0 10px; font-size: 16px;}
.product .gallery-top2 .swiper-slide .pro_ej a img { padding-right: 10px;}
.product .gallery-top2 .swiper-slide .pro_ej a:hover { color: #00AA49;}
.rx { color: #fff; font-size: 15px; text-align: left; padding-left: 10px; margin-top: 30px;}
.rx b{ font-size: 24px; margin-right: 15px;}
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
/*优势*/
.ys_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.ys .swiper-slide { border-right:1px solid rgba(255,255,255,.2); width: 25%; float: left; cursor: pointer; }
.ys .swiper-slide:last-child{ border-right: none;}
.ys_mid{text-align:center;padding:0 10px; overflow: hidden; display:flex; height: 100vh; flex-direction: column; align-items: center; justify-content: center; }
.ys_title{
display: block;
color:#fff;
margin:20px 0;
font-size:40px;}
.ys_txt{
font-size:15px; color:#fff; padding: 0 70px; line-height: 28px ;}
.ys .swiper-slide:after {
content: "";
height: 100%;
position: absolute;
top: 0;
width: 100%;
background-image: linear-gradient(to top, rgba(26,126,206,.8), rgba(0,170,73, 0.8));
right: 0;
left: 0;
z-index: 1;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
-ms-transform: scaleX(0);
transition: transform 0.6s ;
}
.ys_mid { position: relative; z-index: 2;}
.ys_bg{ overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; }
.ys_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s }
.ys_bg div.on{transform: scale(1.05, 1.05);
opacity:1; z-index:10;}
.ys .swiper-slide:hover:after {
transform: scaleZ(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
-ms-transform: scaleX(1);
}
/* 案例*/
.apple-retail .swiper-slide {
text-align: center;
padding: 0 40px;
width: 900px;
position: relative;
margin-bottom: 20px;
}
.inner figure {
width: 100%;
margin: 0;
position: relative; overflow:hidden;
}
.inner figure .mark { padding: 0; background: rgba(255, 255, 255, 0.5); position: absolute; bottom:0; left: 0; right: 0; width: 100%; z-index: 999; height:100%; -webkit-transition: all linear .5s;transition: all linear .5s;}
.inner figure img {
width: 100%;
}
.apple-retail .gallery-item-desc {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
left: 39px;
right: 39px;
bottom: 0;
box-shadow: 0 0 20px #dedede;
background: rgba(255, 255, 255, 0.7);
text-align: left;
padding: 26px;
transition-duration: 1.2s;
}
.apple-retail .gallery-item-desc .more_case { margin-left: 15px; background: #0798ec; height: 75px; width: 75px; color: #fff; font-size: 50px; line-height: 75px; text-align: center;}
.apple-retail .init .gallery-item-desc {
opacity: 1;
}
.apple-retail .gallery-item-desc b {
font-weight: 500;
letter-spacing: .009em;
color: #333;
display: block;
font-size: 28px;
}
.apple-retail .gallery-item-desc p {
color: #999;
margin-top: 5px;
line-height: 28px;
font-size: 16px;
}
.apple-retail .swiper-slide-active .gallery-item-desc {
transform: translateX(0);
}
.apple-retail .swiper-slide-active .mark { height: 0;}
.apple-retail .swiper-slide-active .swiper-slide { box-shadow: 0 0 20px #dedede;}
.apple-retail .swiper-slide a:hover .gallery-item-desc .more_case{ background: #00AA49;}
.apple-retail .swiper-button-prev {background: url(../images/left02.png) center no-repeat;}
.apple-retail .swiper-button-next { background: url(../images/right02.png) center no-repeat;}
.apple-retail .swiper-button-next, .apple-retail .swiper-button-prev {
top: 60%;
width: 52px;
height: 80px;
transition: all .5s;
outline: none;
}
.apple-retail .mouse-hover .swiper-button-next, .apple-retail .mouse-hover .swiper-button-prev {
opacity: 1;
}
.apple-retail .swiper-button-next:hover {
background: url(../images/right.png) center no-repeat;
}
.apple-retail .swiper-button-prev:hover {
background: url(../images/left.png) center no-repeat;
}
.apple-retail .swiper-button-next {
right:25.5%;
}
.apple-retail .swiper-button-prev {
left: 25%;
}
.apple-retail .swiper-container .swiper-button-next.swiper-button-disabled,.apple-retail .swiper-container .swiper-button-prev.swiper-button-disabled {
opacity: 0;
}
/* 实力*/
.homePg6{ background: url(../images/sli.jpg) bottom no-repeat;}
.sl .swiper-container {
position: relative;
}
.sl .swiper-slide-thumb-active{
color: #1A7ECE;
}
.sl .gallery-top {
height:auto;
width: 75%;
}
.sl .gallery-thumbs {
width: 20%;
text-align: center;
box-sizing: border-box;
position: relative;
}
.sl .gallery-thumbs .swiper-wrapper { flex-direction: column; margin-top:50px;}
.sl .gallery-thumbs .swiper-slide {
cursor: pointer;
font-size: 20px;
padding: 20px 0;
margin-top:20px;
background: #f1f1f1;
width: 100%!important;
}
.sl .gallery-thumbs .swiper-slide:hover { background: #0798ec; color: #fff;}
.sl .gallery-thumbs .swiper-slide:hover a, .gallery-thumbs .swiper-slide-thumb-active a { background: #0798ec; color: #fff;}
.sl .gallery-thumbs .swiper-slide a { display: block; width:100% ; font-size: 20px; }
.sl .gallery-thumbs .swiper-slide-thumb-active {
background: #0798ec; color: #fff;
}
.sl_txt { margin-top: 50px; font-size: 15px; color: #999; text-align: left;}
.sl .gallery-thumbs .swiper-button-next {
right: 0;
bottom:0;
top:0;
margin: 0;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
overflow: hidden;
z-index: 999;
width: 40px;
line-height: 60px;
font-size: 30px;
height: 60px;
transition: all .5s ease;
outline: none;
}
.sl .gallery-thumbs .swiper-button-prev {
left: 0;
bottom:0;
top:0;
margin: 0;
color: #fff;
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
overflow: hidden;
z-index: 999;
width: 40px;
font-size: 30px;
height: 60px;
line-height: 60px;
transition: all .5s ease;
outline: none;
}
.sl .gallery-thumbs .swiper-button-prev:hover, .gallery-thumbs .swiper-button-next:hover {
background: #999;
}
.sl .gallery-top .swiper-container{ padding-top: 60px; position: relative;}
.sl .gallery-top .swiper-slide { margin-top:40px; margin-bottom: 30px; }
.sl_list .swiper-slide { margin-top: 40px; box-shadow: 0 0 10px #dedede;}
.sl_list .swiper-slide span img {
display: block;
height: auto;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.sl_list .swiper-slide a { background: #fff; display: block; }
.sl_list .swiper-slide em { display: block; font-size: 16px; font-style: normal; padding: 25px ; color: #333;}
.sl_list .swiper-button-next {
position: absolute;
top: 60px;
left: 48px;
transform: translateY(-50%);
text-align: center;
color: #fff;
background: rgba(0, 0, 0, 0.1);
cursor: pointer;
overflow: hidden;
z-index: 999;
width: 40px;
font-size: 30px;
line-height: 60px;
height: 60px;
transition: all .5s ease;
outline: none;
}
.sl_list .swiper-button-prev {
position: absolute;
top: 60px;
left: 0;
transform: translateY(-50%);
text-align: center;
color: #fff;
background: rgba(0, 0, 0, 0.1);
cursor: pointer;
overflow: hidden;
z-index: 999;
width: 40px;
font-size: 30px;
line-height: 60px;
height: 60px;
transition: all .5s ease;
outline: none;
}
.sl_list .swiper-button-prev:hover, .sl_list .swiper-button-next:hover {
background: #00AA49;
}
/*合作*/
.homePg7{ background: url(../images/hzbg.jpg) no-repeat;}
.hezuo { padding-bottom: 80px; margin-top: 30px;}
.hezuo .swiper-slide a{ display: block; margin: 15px; padding: 30px;overflow: hidden; background:#fff;
box-shadow: 0 0 10px rgba(0,0,0,.1);}
.hezuo .swiper-slide a img { /*filter:grayscale(100%);*/ opacity: 0.3;}
.hezuo .swiper-slide a:hover img { filter:grayscale(0%); opacity: 1;}
.hezuo .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #000;
opacity: .3;
}
.hezuo .swiper-pagination-bullet-active {
opacity: 1;
background: #00AA49;
}
/*新闻*/
.homePg8{ background: url(../images/newsbg.jpg) no-repeat;}
.news { display: flex; align-items: center; justify-content: space-between;}
.news_content { margin-top: 10px; flex: 3;}
.news_content a { display:flex; align-items:stretch; justify-content: center;transition: all .3s; margin-bottom: 20px; background: rgba(255,255,255,.6); transition: all .3s;}
.news_content .newscon {
flex: 5;
padding-left: 30px;
padding-right: 30px;
}
.news_content .newscon b {
padding: 10px 0;
font-size: 18px;
margin-top: 15px;
color: #333;
display: block;
font-weight: normal;
}
.news_content .newscon p {
color: #666;
text-align: left;
line-height: 24px;
font-size: 14px;
}
.news_content .newscon span {
display: block;
font-size: 14px;
margin-top: 10px;
color: #999;
}
.news_content a:hover { color: #fff; background: #0798ec;}
.news_content a:hover .newscon b, .news_content a:hover .newscon p, .news_content a:hover .newscon span { color: #fff; }
.news_list { flex: 1; margin-top: 10px; margin-left: 30px;}
.news_list a { display: block; padding:35px 20px; background: rgba(255,255,255,.6); margin-bottom: 20px; transition: all .3s;}
.news_list a b { color: #333; font-weight: normal; font-size: 18px; display: block; margin-bottom: 20px; height:25px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_list a p { line-height: 24px; color: #999; font-size: 14px; border-top: 1px solid #f1f1f1; padding: 20px 0;}
.news_list a span{ float: right; font-size: 18px;color: #999;}
.news_list a:hover { background: #0798ec; color: #fff;}
.news_list a:hover b, .news_list a:hover p, .news_list a:hover span { color: #fff;}
/* 底部*/
.footer {
background:url(../images/ftbg.jpg) no-repeat top center;
background-size: cover;
}
.foot {
padding: 80px 0 60px 0;
display: flex;
align-items: flex-start;
justify-content:space-between;
}
.foot b {
font-size: 20px;
color: #fff;
display: block;
text-transform: uppercase;
margin-bottom:32px;
}
.foot .ft-nav .ft-nav-list{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
color: #fff;
}
.foot .ft-nav .ft-nav-list dl{ margin-left:80px;}
.foot .ft-nav .ft-nav-list dt{ font-size: 18px; margin-bottom: 20px; font-weight: bold;}
.foot .ft-nav .ft-nav-list dd{ display: flex;align-items: flex-start; justify-content: space-between; flex-direction: column; }
.foot .ft-nav .ft-nav-list dd a{ color: #fff; display: block; margin-bottom: 10px;
font-size: 15px;}
.foot .ft-nav .ft-nav-list dd a:hover{ color: #00AA49}
.foot .ft-contact p{ width: 100%;
color: #fff;
margin-bottom: 10px;
font-size: 18px;
}
.foot .ft-contact i{ font-size: 20px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; color: #fff;display: block; width: 100%;}
.ewm { display: flex; align-items: center;}
.ewm img { margin-bottom: 10px; max-width: 90px;}
.ewm p{ margin-left: 10px;}
.ewm span{ display: block; font-size: 14px; color: rgba(255, 255, 255, 0.9); text-align: center;}
.copyright{ padding:10px; text-align: center; color: #fff; border-top:1px solid rgba(255,255,255, 0.1); }
.copyright a{ color: #fff;}