@charset "utf-8";
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
*{
	margin:0px;
	padding:0px;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	
}

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}     
html{font-size:62.5%}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body{ 
	margin:0px auto;
	font-size:1.6rem;
	color:#333;	
}
img{border:none;}
button,submit{cursor:pointer;}

li{list-style-type:none;}
ul{list-style:none;}
i{ font-style:normal;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover{color:#004691; text-decoration:none;}
.cl{ clear:both;}
.fr{float:right}
.fl{float:left}

.mar{margin: 0px auto;}
input{outline:none;}
.trans{

    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 550ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 550ms;
}
.wap{display: none;}
.box{margin:0 auto;width: 1200px;}

.header{max-width:1200px;width: 100%;margin: auto;display: block;background: #fff;height: 70px;min-width:1366px;}
/* .header{width:100%;display: block;background: #fff;padding:0 160px;height: 70px;position: relative; min-width:1366px;} */
.header .logo{float:left;margin-top:26px;}
.nav{float:left;margin-left:50px;}
.nav a{color:#333; font-size:14px;display:inline-block;position: relative;}
.nav > ul > li{ float:left;padding:24px 16px 0;height: 70px;}
/* .nav li{ float:left;margin:0 20px;height: 80px;padding-top:25px;} */
.nav li a::before{content: "";position: absolute;bottom:-12px;margin:0 auto;height: 2px;width:0;background: #00b4e5;left:0;right:0;
	-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
.nav li:hover a::before,.nav li a.active::before{width:100%;}

.nav li .sub li a:link,.nav li .sub li a:visited{color:#333;}
.nav li .sub li a:hover{color:#00b4e5;}
.nav li .sub li.active span{color:#00b4e5;position: relative;}
.nav li .sub .side li.active span::after{background-color:#00b4e5;}
.nav li .sub li span{position: relative;}
.nav li .sub .side li span::after{content: '';width: 100%;height: 1px;background-color: #999;position: absolute;bottom: -6px;left: 0;}

.nav a:nth-of-type(2){-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.nav a:nth-of-type(3){-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.nav a:nth-of-type(4){-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.nav a:nth-of-type(5){-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.nav a:nth-of-type(6){-webkit-animation-delay:0.8s; animation-delay:0.8s;}

@-webkit-keyframes upIn{0%{opacity:0; visibility: hidden;}100%{opacity:1; visibility: visible;}}
@keyframes upIn{0%{opacity:0; visibility: hidden;}100%{opacity:1; visibility: visible;}}


/*滚动条整体粗细样式*/
.nav .sub .content::-webkit-scrollbar {width: 8px;height: 8px;}

/*滚动条里面小方块*/
.nav .sub .content::-webkit-scrollbar-thumb {border-radius: 10px !important;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;background:#b6b6b6!important;}

/*滚动条轨道*/
.nav .sub .content::-webkit-scrollbar-track {border-radius: 10px !important;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;background: #EDEDED !important;}

.nav .sub-content{ max-width: 1200px;margin: 0 auto;padding: 0 25px;display: flex;justify-content: flex-start;user-select: none;position: relative;}
.nav .sub-content::after{background-color: #fff;bottom: 0;box-shadow: -8px 0 20px rgb(0 0 0 / 9%);content: "";display: block;width: 100vw;position: absolute;left: calc(-100vw + 25px + 270px);z-index: -1;top: 0;}
.nav .sub {position:absolute; visibility:hidden; opacity: 0; left:0; top:70px; width:100%; background:#fdfbfb;z-index: 998;box-shadow: 0 10px 40px rgb(32 0 0 / 16%);}
/* .nav .sub {position:absolute; visibility:visible; opacity: 1; left:0; top:70px; width:100%; background:#fdfbfb;z-index: 998;} */
.nav li:hover .sub{ -webkit-transition:color 0.2s; transition:color 0.2s;  -webkit-animation:upIn .2s cubic-bezier(.5,.15,0,1) .2s both; animation:upIn .2s cubic-bezier(.5,.15,0,1) .2s both;display: inline-block;}
.nav .sub li{ text-align:left;padding:14px 0; margin: 2px 0 0;color: #333;font-size: 18px;line-height: 18px;}

.nav .sub .side{ width: 270px;min-height: 400px;background: url(../images/nav-bg.png) no-repeat 46px 97%/100% auto;padding: 20px 0;}

.nav .sub .content {padding: 16px;min-height: 400px;width:calc(100% - 270px - 50px);position: absolute;top:0;bottom:0;left: 295px;display: none;overflow-y: auto;}
.nav .sub .content > a  {width: 16%;min-width: 130px;margin-right: 2.6%;text-align: center;position: relative;margin-bottom: 20px;display: block;float: left;}
.nav .sub .content > a  > div{width: 100%;background-color: #efefef;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;overflow:hidden;}
.nav .sub .content > a > div::after {content: '';display: block;padding-bottom: 100%;}

.nav .sub .content img { width: 80%;display: block;margin-bottom: 10px;transition: all 0.3s ease-in-out;margin: 0;}
.nav > ul > li:nth-last-child(3) .sub .content img {width: 100%;}
.nav .sub .content > a p {font-size: 14px;}
.nav .sub .content > a:hover img {transition: transform 0.3s;-webkit-transition: transform 0.3s;transform: scale(1.1);-webkit-transform: scale(1.1);}
.nav .sub .content > a:hover p {color: #00b4e5;}

.nav .sub li a::before{display: none;}
.header-r{float: right;margin-top:22px;}
.header-r .sear{float:left;width:160px;height: 28px;border-radius:28px;border:1px solid #999999;position: relative;padding:0 25px 0 12px;}
.header-r .sear .text{width:100%;height: 26px;border:none;font-size:12px;}
.header-r .sear .input{background: url(../images/sear-ico.png) center no-repeat;width:28px;height: 24px;position: absolute;right:3px;top:0;border:none;cursor: pointer;}
.header-r .lag{float:left;background: url(../images/line-ico.png) left center no-repeat;padding-left:11px;margin-left:20px;}
.header-r .lag a{width:28px;height: 28px;border-radius:28px;border:1px solid #9B9B9B;background: #fff;text-align: center;line-height: 26px;font-size:12px;float:left;margin-left:10px;color: #9B9B9B;}
.header-r .lag a.active,.header-r .lag a:hover{background: #00B4E6;color: #fff;border-color: #00B4E6;}
.header-r .phone{float:left;background: url(../images/phone.png) left center no-repeat;padding-left: 39px;margin-left: 50px;height: 28px;line-height: 28px;font-weight: 600;font-size: 21px;}

.home-pro{width:100%;background: url(../images/bg1.jpg) center no-repeat;background-size: cover;height: 809px;overflow: hidden;}
.home-pro .title{width:100%;text-align: center;font-size:36px;background: url(../images/bg3.png) center bottom no-repeat;padding-bottom:27px;padding-top:81px;}
.home-pro .more{width:100%;float:left;text-align: center;margin-top:72px;}
.home-pro .more a{display: inline-block;width:180px;height: 48px;border:1px solid #999999;border-radius:48px;text-align: center;line-height: 46px;color: #666;}
.home-pro .more a:hover{border:none;background: url(../images/bg5.png) no-repeat;color: #fff;line-height: 48px;}

.home-fa{width:100%;background: url(../images/bg2.jpg) center no-repeat;background-size: cover;height:700px;}
.home-fa .title{width:100%;text-align: center;font-size:36px;background: url(../images/bg6.png) center bottom no-repeat;padding-bottom:27px;padding-top:81px;color: #fff;}
.home-fa-list .owl-item{position: relative;overflow: hidden;}
.home-fa-list .owl-item .text{width:100%;position: absolute;top:0;left:0;height: 400px;display: table;text-align: center;}
.home-fa-list .owl-item .text .cent{display: table-cell;vertical-align: middle;}
.home-fa-list .owl-item .text .ico{width:100%;height: 80px;display: block;}
.home-fa-list .owl-item .text .ico1{background: url(../images/fa-ico1.png) center no-repeat;}
.home-fa-list .owl-item .text .ico2{background: url(../images/fa-ico2.png) center no-repeat;}
.home-fa-list .owl-item .text .ico3{background: url(../images/fa-ico3.png) center no-repeat;}
.home-fa-list .owl-item .text .ico4{background: url(../images/fa-ico1111.png) center no-repeat;}
.home-fa-list .owl-item .text .ico5{background: url(../images/fa-ico4.png) center no-repeat;}
.home-fa-list .owl-item .text .ico6{background: url(../images/fa-ico5.png) center no-repeat;}
.home-fa-list .owl-item .text .ico7{background: url(../images/fa-ico6.png) center no-repeat;}
.home-fa-list .owl-item .text .ico8{background: url(../images/fa-ico7.png) center no-repeat;}
.home-fa-list .owl-item .text .t{width:100%;display: block;color: #fff;font-size:24px;font-weight: bold;background: url(../images/line1.png) top center no-repeat;padding-top:53px;margin-top:40px;}
.home-fa-list .owl-item .text .con{display: block;width:100%;color: #fff;font-size:14px;line-height: 24px;padding:0 26px;margin-top:20px;
	filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0; 
	height: 0;
	overflow: hidden;
}
.home-fa-list .owl-item .text .con p{display: block;margin-top:50px;}
.home-fa-list .owl-item .text .con p a{display: inline-block;width:120px;height: 40px;border:1px solid #fff;line-height: 38px;text-align: center;color: #fff;}
.home-fa-list .owl-item img{max-width: 100%;height: 400px;}
.home-fa-list .owl-item:hover .text .con{
	height: auto;
	filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
	transition:opacity 0.8s ease-in-out;
}
.home-fa-list .owl-item:hover .text .t{padding-top:30px;margin-top:0;background: none;}
.home-fa-list .owl-item .bg{width:100%;height: 100%;position: absolute;top:0;left:0;background: url(../images/fa-bg.png) repeat-x;
	filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;  
}
.home-fa-list .owl-item:hover .bg{
	filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity:1;  
}


.home-service{width:100%;padding-bottom:90px;}
.home-service .title{width:100%;text-align: center;font-size:36px;background: url(../images/bg3.png) center bottom no-repeat;padding-bottom:27px;padding-top:81px;}
.home-service-list{width:100%;float:left;margin-top:50px;text-align: center;}
.home-service-list ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-service-list li{width:96px;text-align: center;display: inline-block;vertical-align: top;}
.home-service-list li .ico{width:100%;float:left;height: 96px;}
.home-service-list li .ico1{background: url(../images/s-1.png) center no-repeat;}
.home-service-list li .ico2{background: url(../images/s-2.png) center no-repeat;}
.home-service-list li .ico3{background: url(../images/s-3.png) center no-repeat;}
.home-service-list li .ico4{background: url(../images/s-4.png) center no-repeat;}
.home-service-list li .ico5{background: url(../images/s-5.png) center no-repeat;}
.home-service-list li .t{width:100%;float:left;font-size:24px;margin-top:30px;}

.home-service-list li .ico:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}

.home-service .more{width:100%;float:left;text-align: center;margin-top:90px;}
.home-service .more a{display: inline-block;width:180px;height: 48px;border:1px solid #999999;border-radius:48px;text-align: center;line-height: 46px;color: #666;}
.home-service .more a:hover{border:none;background: url(../images/bg5.png) no-repeat;color: #fff;line-height: 48px;}

.footer{width:100%;background: #242933;min-height: 200px;}
.footer .left-tel{float:left;color: #fff;font-size:14px;line-height: 24px;margin-top:40px;width:490px;}
.footer .left-tel h1{font-size:20px;}
.footer .ewm{float:left;width:96px;margin:40px 0 0 10px;}
.footer .ewm img{width:100%;}
.footer .ewm p{text-align: center;display: block;font-size:12px;color: #fff;padding-top:15px;}
.footer .r-nav{float:right;}
.footer .r-nav .navlist{width:100%;margin-top:40px;display: block;text-align: left;}
.footer .r-nav .navlist a{font-size:14px;color: #fff;margin-left:10px;}
.footer .r-nav .navlist a:first-child{margin-left:0;}
.footer .r-nav .copyright{color:#666;font-size:12px;width:100%;margin-top:80px;display: block;text-align: left;}


.float-r{position: fixed;right:8px;top:50%;z-index: 9999999;}
.float-r .tel{width:56px;height: 56px;display: block;background: rgba(153,153,153,0.8);border-radius:8px;overflow: hidden;position: absolute;top:0;right:0;}
.float-r .tel span.ico{width:56px;height: 56px;display: inline-block;vertical-align: middle;background: url(../images/float-1.png) center no-repeat;}
.float-r .tel p{display: inline-block;vertical-align: middle;color: #fff;font-size:18px;line-height: 56px;
	filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity:0;  
      opacity: 0;
	transition:opacity 0.8s ease-in-out;
	
}
.float-r .tel:hover p{
	filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}
.float-r .tel:hover{width:200px;background: rgba(0,180,229,0.8);}
.float-r .gbook{width:56px;height: 56px;display: block;margin-top:64px;text-align: center;position: relative;}
.float-r .gbook i{background:rgba(153,153,153,0.8) url(../images/float-2.png) center no-repeat;border-radius:8px;width:56px;height: 56px;display: block;position: absolute;top:0;left:0;
	filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}
.float-r .gbook:hover i{
	filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity:0;  
      opacity: 0;	
}
.float-r .gbook span{color: #fff;line-height: 20px;font-size:14px;display: block;text-align: center;padding-top:8px;width:56px;height: 56px;
	filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity:0;  
      opacity: 0;
	
}
.float-r .gbook:hover span{
	filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}
.float-r .gbook:hover span{background:rgba(0,180,229,0.8);border-radius:8px;}


.float-r .cd-top{width:56px;height: 56px;display: block;margin-top:8px;text-align: center;position: relative;}
.float-r .cd-top i{background:rgba(153,153,153,0.8) url(../images/float-3.png) center no-repeat;border-radius:8px;width:56px;height: 56px;display: block;position: absolute;top:0;left:0;
	filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}
.float-r .cd-top:hover i{
	filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity:0;  
      opacity: 0;	
}
.float-r .cd-top span{color: #fff;line-height: 20px;font-size:14px;display: block;text-align: center;padding-top:8px;width:56px;height: 56px;
	filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity:0;  
      opacity: 0;
	
}
.float-r .cd-top:hover span{
	filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}
.float-r .cd-top:hover span{background:rgba(0,180,229,0.8);border-radius:8px;}



.sub-banner{width:100%;height: 400px;display: table;text-align: center;}
.sub-banner .text{display: table-cell;vertical-align: middle;color: #fff;font-weight: bold;}
.sub-banner .text .t1{font-size:36px;}
.sub-banner .text .t2{padding-bottom:33px;font-size:36px;text-transform: uppercase;background: url(../images/line2.jpg) center bottom no-repeat;margin-top:20px;}

/* .sub-topnav{width:100%;float:left;margin-top:80px;} */
.sub-topnav{float:left;margin-top:80px;}
.sub-topnav ul{margin-left:1px;}
.sub-topnav .navMenu > li{width:166px;text-align: center;line-height: 60px;margin-left:-1px;padding: 0;}
.sub-topnav .navMenu > li .afinve{padding: 8px;background-color: #00b4e6;color: #fff;}
.sub-topnav .navMenu > li .afinve > span:last-child{position: absolute;right: 14px;top: 50%;transform: translateY(-50%);}
.sub-topnav .navMenu > li .afinve + ul {padding: 6px 0;border: 2px solid #00b4e6;}
.sub-topnav li a{font-size:16px;display: block;}
.sub-topnav li li:hover{background: #00B4E5;border-color: #00B4E5;}
.sub-topnav li li:hover a{color: #fff;}
.sub-topnav li.hover{background: #00B4E5;border-color: #00B4E5;}
.sub-topnav li.hover a{color: #fff;}
.sub-topnav li.open {height: auto;}
.sub-topnav .navMenu>li>ul.sub-menu li{border-bottom: 1px solid #e0e0e0;border-top: none;	margin: 0 6px}
.sub-topnav .navMenu>li>ul.sub-menu li:last-child {border-bottom: none}
.sub-topnav .navMenu>li>ul.sub-menu li>a {padding: 12px 0;}

.product-flex {display: flex;justify-content: space-between;}
.product-flex .sub-topnav {margin-top:60px;margin-right:20px;}

.pro-list{width:100%;float:left;padding-bottom:60px;}
.pro-list li{width:100%;float:left;border:1px solid #E5E5E5;margin-top:60px;}
.pro-list li .pic{width:352px;float:left;min-height: 400px;display: table;text-align: center; padding-left:30px;}
.pro-list.pc {min-height: 940px;}
.pro-list.pc li .pic {width: 200px;}
.pro-list.pc li.trans{display: flex;}
.pro-list.pc li.trans .text{padding-right: 40px;padding-bottom: 40px;}
.pro-list li .pic .swiper-container{width:352px; margin:0 auto;}
.pro-list li .pic a{display: table-cell;vertical-align: middle;}
.pro-list li .pic img{max-width: 300px;}
.product-flex .navMenu>li>ul.sub-menu li>a:hover {background-color: #00b4e6;}
.pro-list li .text{float:left;margin:60px 0 0 88px;}
.pro-list li .text .tit{width:100%;float:left;position: relative;padding-right:160px;line-height: 24px;}
.pro-list li .text .tit a{font-size:24px;font-weight: bold;}
.pro-list li .text .tit span{font-size:16px;margin-left:8px;font-weight: bold;text-transform: uppercase;}
.pro-list li .text .tit a.down{position: absolute;right:0;top:0;font-weight: normal;font-size:14px;color: #00b4e5;background: url(../images/ico1.png) right center 
 no-repeat;padding-right:12px;}
.pro-list li .text .des{line-height: 24px;font-size:14px;padding:30px 0;float:left;width:100%;color: #666;text-align: justify;}
.pro-list li .text .t2{width:100%;float:left;font-weight: bold;color: #666;font-size:14px;}
.pro-list li .text .ys{width:100%;float:left;margin-top:10px;line-height: 24px;color: #666;font-weight: bold;font-size:14px;text-align: justify;}
.pro-list li:hover{
	box-shadow:0 0 8px #DDD;
	-moz-box-shadow:0 0 8px #DDD;
	-webkit-box-shadow:0 0 8px #DDD;
}
.pages{width:100%;float:left;text-align: center;margin-top:60px;}
.pages a{font-size:14px;display: inline-block;text-align: center;width:24px;height: 24px;border-radius:24px;line-height: 24px;margin:0 5px;}
.pages a.active,.pages a:hover{background: #00B4E5;color: #fff;}

.wap-nav .navMenu> li{border:none;margin-top:10px;}
.wap-nav .navMenu>li>a{font-size:16px;}
.wap-nav .navMenu>li>ul.sub-menu li>a{line-height: 45px;}


.about-title{width:100%;float:left;padding:80px 0;text-align: center;}
.about-title span{font-size:30px;display: inline-block;vertical-align: middle;margin:0 30px;}
.about-title::before,.about-title::after{width:50px;height: 1px;background: #C2C2C2;display: inline-block;content: "";}
.about-content{width:100%;float:left;border:1px solid #E5E5E5;height: 482px;
	box-shadow:0 0 8px #DDD;
	-moz-box-shadow:0 0 8px #DDD;
	-webkit-box-shadow:0 0 8px #DDD;
}
.about-content .pic{float:left;width:500px;height: 380px;background: url(../images/about-bg1.png) center no-repeat;padding:10px;overflow: hidden;margin:50px 0 0 -40px;}
.about-content .pic img{max-width: 100%;vertical-align: bottom;}
.about-content .text{width:680px;float:left;margin:50px 0 0 50px;overflow: auto;height: 400px;padding-right:100px;}
.about-content .text .content{width:100%;float:left;line-height: 24px;font-size:14px;color: #666;text-align: justify;}

.about-fz{width:100%;height: 400px;background-size: cover;background-position: center;background-repeat: no-repeat;display: table;margin-top:110px;}
.about-fz .about-title{color: #fff;}
.about-fz .about-title::before,.about-fz .about-title::after{background: #B3B6B9;}

.about-fz .content{line-height: 36px;font-size:16px;color: #fff;text-align: center;max-width: 910px;margin:0 auto;}


.about-ry{width:100%;float:left;padding-bottom:80px;position:relative;overflow: hidden;height:280px;}
.about-ry ul{width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.about-ry li{width:280px;float:left;margin:0 16px;text-align:center;}
.about-ry li img{width:280px;height: 198px;vertical-align: bottom;}
.about-ry li p{width:100%;display: block;text-align: center;margin-top:15px;font-size:16px;color: #666;}
















.about-wh{width:100%;min-height: 840px;background: url(../images/about-bg3.jpg) bottom center no-repeat #F5F5F5;padding-bottom:90px;}
.about-wh .wh-box{width:100%;float:left;border:1px solid #E5E5E5;height: 600px;background: #fff;
	box-shadow:0 0 8px #DDD;
	-moz-box-shadow:0 0 8px #DDD;
	-webkit-box-shadow:0 0 8px #DDD;}
.about-wh .wh-box .pic{width:600px;float:left;height: 600px;overflow: hidden;}
.about-wh .wh-box .pic img{max-width: 100%;vertical-align: bottom;}
.about-wh .wh-box .text{width:580px;float:right;padding:25px 35px 25px 25px;height: 600px;overflow: auto;}
.about-wh .wh-box .text .content{width:100%;float:left;font-size:14px;line-height: 25px;text-align: justify;}

.page-content{width:100%;float:left;font-size:14px;line-height: 30px;color: #666;padding-bottom:80px;}
.page-content2{width:100%;float:left;font-size:14px;line-height: 30px;color: #666;margin-top:60px;}

.fan-list{width:100%;float:left;padding-bottom:80px;}
.fan-list ul{margin-left:-60px;}
.fan-list li{width:360px;float:left;margin:60px 0 0 60px;}
.fan-list li .pic{width:100%;float:left;height: 240px;overflow: hidden;}
.fan-list li .pic img{max-width: 100%;vertical-align: bottom;}
.fan-list li .text{width:100%;float:left;height: 216px;border:1px solid #E5E5E5;overflow: hidden;padding:22px;}
.fan-list li .text a{font-size:24px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.fan-list li .text .des{width: 100%;font-size: 14px;color: #666;line-height: 24px;padding-top: 15px;height: 88px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fan-list li .text .more{display: block;margin-top: 28px;}
.fan-list li .text .more a{font-size:14px;background: url(../images/ico2.png) right center no-repeat;padding-right:20px;color: #00b4e5;}
.fan-list li:hover{
	box-shadow:0 0 8px #DDD;
	-moz-box-shadow:0 0 8px #DDD;
	-webkit-box-shadow:0 0 8px #DDD;
}

.fa-show-list{width:100%;float:left;padding-bottom:80px;}
.fa-show-list ul{margin-left:-40px;}
.fa-show-list li{width:240px;height: 300px;float:left;position: relative;margin:40px 0 0 40px;background: #F5F5F5;display: table;text-align: center;overflow: hidden;padding:15px;}
.fa-show-list li span{display: table-cell;vertical-align: middle;}
.fa-show-list li img{max-width: 100%;}
.fa-show-list li .text{width:100%;height: 100%;position: absolute;top:-100%;left:0;background: rgba(0,180,229,0.9);display: table;}
.fa-show-list li .text .cent{display: table-cell;vertical-align: middle;padding:0 20px;}
.fa-show-list li .text .t{color: #fff;font-size:20px;line-height: 36px;}
.fa-show-list li .text .more{display: block;margin-top:30px;}
.fa-show-list li .text .more a{width:120px;height: 40px;border:1px solid #fff;line-height: 40px;text-align: center;font-size:14px;display: inline-block;color: #fff;}
.fa-show-list li .text .more a::after{display: inline-block;content:"";background: url(../images/ico3.png) center no-repeat;width:7px;height: 13px;vertical-align:middle;margin-left:10px;}
.fa-show-list li:hover .text{top:0;}
.plist-item {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 100%;height: 100%}
.plist-item div {width: 100%;height: 220px;display: flex;align-items: center;justify-content: center;}
.plist-item img {max-height: 100%;}


/*招聘*/
.contact-zp{margin-bottom:80px;float:left;width:100%;border: 2px solid #efefef;display: flex}
.contact-zp img {width: 66%;}
.contact-zp-info {position: relative;height: 100%;padding: 20px 40px}
.contact-zp-info li {display: flex;justify-content: flex-start;align-items: center;height: 90px;font-size: 18px;font-weight: 400;line-height: 1.5;background: url(../images/mes-ico2.png) left center no-repeat;padding-left: 34px;border-bottom: 1px solid #f1f1f1;}
.contact-zp-info li:nth-child(2) {background-image: url(../images/mes-ico3.png)}
.contact-zp-info li:last-child {background-image: url(../images/mes-ico5.png);border-bottom: none;}

.navMenu-top { padding: 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1)}
.zplist> li { display: block;width:100%;border:none;margin:20px 0;}
.zplist>li>a { display: block; overflow: hidden;line-height: 80px;transition: all .3s; position: relative;font-size: 20px;padding:0 8px 0 25px;
	box-shadow:0 0 8px #DDD;
	-moz-box-shadow:0 0 8px #DDD;
	-webkit-box-shadow:0 0 8px #DDD;
}
.mobile-phone {display: none;position: fixed;bottom: 60px;right: 30px;width: 50px;height: 50px;border-radius: 50%;background: #00B4E5 url(../images/phone-fill.png) center/60% no-repeat}

.zplist li a:hover{background: none;color: #333;}
.zplist li a .arrow:before {float: right;  display: inline; height:20px;width:20px;background: url(../images/jia.png) center no-repeat;text-indent: -9999999px;overflow: hidden;margin:30px 20px 0 0;}
.zplist li a .arrow.open:before { float: right; display: inline;margin:30px 20px 0 0;height:20px;width:20px;background: url(../images/jian.png) center no-repeat;text-indent: -9999999px;overflow: hidden;}
.zplist>li>a.active, .zplist>li>a:hover {}
.zplist>li>.sub-menu, .zplist>li>.sub-menu>li>.sub-menu { display: none; list-style: none; clear: both;padding-bottom: 5px; }

.zplist>li>.sub-menu{width:100%;line-height: 24px;font-size:14px;padding:30px 25px;}
.zplist>li>.sub-menu a.links{width:139px;height: 40px;background: #0585F5;line-height: 40px;text-align: center;display:inline-block;}
.zplist>li>.sub-menu a.links span{color: #fff;font-size:14px;background: url(../images/ico4.png) right center no-repeat;padding-right:20px;}
.zplist>li>.sub-menu a.links:hover span{padding-right:25px;}


.gbook-box{width:100%;height: 790px;background: url(../images/contact-bg.jpg) center no-repeat;background-size: cover;}
.gbook-list{width:100%;float:left;}
.gbook-list ul{margin-left:-40px;}
.gbook-list li{width:580px;height: 60px;background: #fff;float:left;margin:30px 0 0 40px;position: relative;padding-left:50px;padding-right:20px;}
.gbook-list li span{position: absolute;left:0;top:0;width:50px;height: 60px;}
.gbook-list li .text{width:100%;height: 60px;border:none;outline: none;font-size:16px;}
.gbook-list li span.ico1{background: url(../images/mes-ico1.png) center no-repeat;}
.gbook-list li span.ico2{background: url(../images/mes-ico2.png) center no-repeat;}
.gbook-list li span.ico3{background: url(../images/mes-ico3.png) center no-repeat;}
.gbook-list li span.ico4{background: url(../images/mes-ico4.png) center no-repeat;}
.gbook-list li .text2{width:100%;height: 150px;font-size:16px;border:none;outline: none;}
.gbook-list li.li2{width:1200px;height: auto;padding:15px;}
.gbook-list .bot{width:100%;float:left;text-align: center;margin-top:30px;}
.gbook-list .bot .input{width:300px;height: 60px;background: #00B4E5;border:none;cursor: pointer;color: #fff;font-size:18px;}
.gbook-list .bot .input:hover{opacity: 0.8;}