/*head*/
.head{width:100%;height:auto;position:absolute;top:25px;left:0;z-index:100;}
.head22{width:100%;height:auto;position:relative;background:#fff;padding-top:25px;}
.logo{width:487px;height:auto;overflow:hidden;float:left;}
.nav{width:calc(100% - 500px);height:auto;float:right;text-align:right}
.nav li{width:auto;font-size:17px;color:#333333;display:inline-block;padding:25px;position:relative;}
.nav li a{color:#333333;}
.nav li ul{width:100%;background:#fff;height:auto;overflow:hidden;position:fixed;top:90px;left:0;z-index:1000;padding:0px 0 40px 0;display:none}
.jxnav{width:100%;background:#fff;height:auto;overflow:hidden;position:absolute;top:60px;left:0;z-index:1000;padding:10px 0;display:none}
.jxnav a{display:block;width:100%;height:auto;overflow:hidden;text-align:center;font-size:14px;padding:5px 0;}
.jxnav a:hover{color:#25c3da}
.nav li:hover .jxnav{display:block}
.nav li ul li{width:14.285%;height:auto;overflow:hidden;text-align:center;float:left;padding:0px 0 0 0;}
.nav li ul li p{width:100%;font-size:16px;color:#333333;text-align:center;height:auto;overflow:hidden;padding:5px 0;}
.nav li ul li a{width:100%;font-size:14px;color:#25c3da;text-align:center;height:auto;overflow:hidden;}
.nav li ul li img{display:block;max-width:100%;margin:0 auto;padding:5px 0 0 0;transition: all 0.5s ease}
.nav li:hover ul{display:block}
.nav li ul li:hover img{padding:0 0 5px 0;}
.nav li ul li a:hover{text-decoration:underline;}

/*头部*/
.navbtn{display:none;width:35px;height:35px;position: absolute;top:35px;right:10px;z-index:100000001;transition:0.5s;}
#fh5co-offcanvas{width:100%;height:auto;overflow:hidden;position:absolute;z-index:10000000000;padding-top:90px;top:0;left:0;}
#fh5co-offcanvas li{width:100%;padding:10px 0;line-height:23px;font-size:14px;color:#fff;border-bottom:1px dotted #fff;background:#1aa5ba;}
#fh5co-offcanvas li i{width:auto;line-height:23px;font-size:18px;color:#fff;float:right;padding-right:15px;font-family:"宋体"}
#fh5co-offcanvas li a{color:#fff;padding-left:3%;display: block;}
#fh5co-offcanvas{display:none}
#fh5co-offcanvas li ul{width:auto;overflow:hidden;background:#fff !important;margin:10px 0;display:none}
#fh5co-offcanvas li ul li{width:97%;height:auto;line-height:30px;font-size:12px;padding-left:3% !important;background:#fff !important;border-bottom:1px dotted #999999 !important;color:#333;margin:0}
#fh5co-offcanvas li:last-child{border:none}
#fh5co-offcanvas li ul a{padding:0;color:#333}
.side{position:fixed;width:78px;right:0;top:70%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index: 1000000000}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li a{color:#000;}
.side ul li:hover{background:#1aa5ba;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#1aa5ba;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-241px;top:0;background-image:url(../../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:79px;display:none;color:#000;text-align:left;position:absolute;left:-240px;top:0px;background:#fff;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox dd{display:block;height:59px;overflow:hidden;padding-left:20px;line-height:24px;font-size:18px;color:#000;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:12px;font-size:16px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../../images/right_pic8.png) 28px center no-repeat;background-color:#fff}
.side ul li.sideetel .telBox dd.bgs2{background:url(../../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.bgs1 a{color:#000;}
.side ul li:hover .bgs1 a{color:#000 !important}

.footbg{width:100%;height:auto;overflow:hidden;background:#5bc2d0;border-top-right-radius:350px;margin-top:-310px;position:relative;z-index:10000;padding:100px 0 20px;position:relative;}
.footbg22{width:100%;height:auto;overflow:hidden;background:#5bc2d0;position:relative;z-index:10000;padding:70px 0 20px;position:relative;}

.footleft{width:34.33%;height:auto;overflow:hidden;float:left;}
.footleft a:hover{color:#fff;}
.footcenter{width:32.33%;height:auto;overflow:hidden;float:left;padding:120px 1.5% 0 1.5%;}
.footright{width:27.33%;height:auto;overflow:hidden;float:right;padding-top:120px;}
.footleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:50px;color:#fff;font-weight:bold}
.footleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#fff;font-weight:lighter;padding:10px 0  20px 0;text-transform:uppercase;}
.footleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#fff;line-height:42px;}
.footcenter li{width:100%;height:auto;overflow:hidden;}
.copyright{width:100%;height: auto;text-align: center;font-size:14px;color: #fff;margin-top: 80px;border-top: 1px #fff solid;padding-top: 20px;opacity: 0.6;}
.copyright a{color:#fff;}
.copyright a:hover{color: #fff;}
.bgbox{width:calc(94% - 4px);border:1px solid #fff;border-radius:30px;padding:10px 3%;outline:none;background:none;font-size:14px;color:#fff;font-size:16px;margin-bottom:20px;}
.bgbox2{width:120px;border:1px solid #fff;border-radius:30px;padding:10px 3%;outline:none;background:#fff;text-align: center;font-size:14px;color:#5bc2d0;font-size:16px;margin-bottom:20px;margin:0 auto;cursor: pointer;}
.bgbox::-webkit-input-placeholder{color:#fff;}    /* 使用webkit内核的浏览器 */
.bgbox:-moz-placeholder{color:#fff;}                  /* Firefox版本4-18 */
.bgbox::-moz-placeholder{color:#fff;}                  /* Firefox版本19+ */
.bgbox:-ms-input-placeholder{color:#fff;}   
.footright span{display:block;text-align:center;width:48%;float:left;padding:0 1%;}   
.footright img{display:block;max-width:100%;margin:0 auto;transition: all 0.8s ease}
.footright p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#fff;line-height:34px;}
.margintop{margin-top:0 !important;}
@media screen and (max-width:1400px) {
.footleft em{font-size:36px;}
}
@media screen and (max-width:1350px) {
.pc{display:none}
.wap{display:block}
.logo{width:230px;}
.nav{width:calc(100% - 250px);}
.nav li{font-size:16px;}
}
@media screen and (max-width:1200px) {
.footleft{width:100%;float:none;}
.footcenter{width:100%;float:none;padding:10px 0;display:none}
.footright{width:100%;float:none;padding-top:20px;text-align:center;}
.footleft em{text-align:center;}
.footleft span{text-align:center;}
.footleft strong{text-align:center;}
.footleft p{text-align:center;padding-top:0px;line-height:25px;}
.footright span{display:inline-block;width:auto;float:none;}
}
@media screen and (max-width:1199px) {
.nav{display:none}
.navbtn{display:block}
.footbg{border-top-right-radius:0;padding:40px 0;margin:0;}
.footbg22{border-top-right-radius:0;padding:40px 0;margin:0;}
}
@media screen and (max-width:1100px) {
.footleft{width:100%;float:none;}
.footcenter{width:100%;float:none;padding:10px 0;display:none}
.footright{width:100%;float:none;padding-top:20px;text-align:center;}
.footleft em{text-align:center;}
.footleft span{text-align:center;}
.footleft strong{text-align:center;}
.footleft p{text-align:center;padding-top:0px;line-height:25px;}
.footright span{display:inline-block;width:auto;float:none;}
}
@media screen and (max-width:750px) {
.head{position:relative;top:inherit;padding:10px 0}
.head22{position:relative;top:inherit;padding:10px 0}
.navbtn{top:25px;}
#fh5co-offcanvas{padding-top:76px;}
#fh5co-offcanvas a{top:25px !important;}
.footleft em{font-size:24px;}
.footleft span{font-size:16px;}
.side{display:none}
}