@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#666; overflow-x:hidden;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#598db5; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal { max-width: 17.0rem; margin: 0 auto; }
.wal2{ width:15.0rem; margin:0px auto; position: relative;}
.wal3{ max-width: 14.5rem; margin: 0 auto; }
.wal4{ max-width: 14rem; margin: 0 auto; }


@font-face {font-family:medium; src:url(../fonts/72e216f853074676a0ca630d74ac3fc5.woff);}
.wal1160 {
    width: 1160px;
    margin: 0 auto;
}


.w280{ width:25%; padding-right: 2%}
.w378{ width:3.78rem;}
.w870{ width:65%; padding-left: 2%;}

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.line1_hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line2_hidden{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.line3_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

.Phone-Box{ display: none; }

/*头部导航*/
/*清除浮动*/
.clear{zoom:1}
.clear:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}

/*基础*/
.lf{float:left}
.lr{float:right}
[transition="5s"], [imgsalc] img{transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
[imgsalc]{overflow:hidden}
.boxflex{display: -webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.flex{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.alert{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:19;display:none}
.alert .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;display:none}
.alert.cur{display:block}

/*公共导航*/
header{height: 1.1rem; width: 100%; position: absolute; top: 0px; z-index: 15; left: 0px;} 
.headbot{width:100%; height:1rem;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur{background-color:#fff;box-shadow:0px 4px 28px rgba(0,0,0,0.04)}
.headbot.cur:after,
.headbot.cur2:after{display:none}
.headbot.cur2{background-color:#fff;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.headbot .logo{left: 0; display: block; width: 1.58rem; height: 1.5rem; overflow: hidden; line-height: 1rem;}
.headbot .logo img{ width: 1.58rem; }
.headbot .logo .img2{ display: none; }
.headbot .logo2{left: 0; display: block; width: 1.58rem; height: 1.5rem; overflow: hidden; line-height: 1.2rem; padding-left: 0.2rem;}
.headbot .logo2 img{ width: 1.58rem; }
.headbot .navleft{margin-left:3.28vw}
.navitem-name{position:relative;padding:0 0.3rem}
.navitem-name a{position:relative;z-index:2;overflow:hidden;text-align:center;display:block;font-size:18px;line-height:1rem;color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur .navitem-name a,
.headbot.cur2 .navitem-name a{color:#000}
.navitem.cur .navitem-name a{color:#598db5}

.navitem-name1{position:relative;padding:0 0.3rem}
.navitem-name1 a{position:relative;z-index:2;overflow:hidden;text-align:center;display:block;font-size:18px;line-height:1rem;color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur .navitem-name1 a,
.headbot.cur2 .navitem-name1 a{color:#000}
.navitem.cur .navitem-name1 a{color:#598db5}

.navright .lanbox .lanitem{display:block;color:#fff;line-height:1rem;font-size:16px;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.navright .telbox{color:#fff;line-height:1rem;margin-left:1vw;font-size:16px;font-family:Arial}
.headbot.cur .navright .telbox,
.headbot.cur .quicklinkstop{color:#598db5}
.headbot.cur .navright .lanbox .lanitem,
.headbot.cur2 .navright .lanbox .lanitem{color:#000}
.navright .lanbox span.lanitem{margin:0 10px}
.navright .search .icon{width:22px;height:1rem;margin-left:0.3rem;cursor:pointer;background-image:url(../images/h-searchbtn.png);background-repeat:no-repeat;background-position:center center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur .navright .search .icon,
.headbot.cur2 .navright .search .icon{background-image:url(../images/h-searchbtn_cur.png)}
.navright .searchbox{width:100%;height:280px;position:fixed;top:100px;transform:translateY(-100%) translateZ(0);-webkit-transform:translateY(-100%) translateZ(0);-moz-transform:translateY(-100%) translateZ(0);left:0;visibility:hidden;opacity:0;z-index:-1;background-color:#fff;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;transition:0.75s cubic-bezier(.77,0,.175,1) 0s;-webkit-transition:0.75s cubic-bezier(.77,0,.175,1) 0s;-moz-transition:0.75s cubic-bezier(.77,0,.175,1) 0s}
.navright .searchbox.cur{visibility:visible;opacity:1;z-index:19;transform:translateY(0) translateZ(0);-webkit-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0)}
.navright .searchbox .box{height:75px;border-bottom:1px solid #d9d9d9}
.navright .searchbox .input{width:1400px;margin:0 20px;height:75px}
.navright .searchbox .input input{width:100%;height:74px;font-size:20px;padding:0 20px}
.navright .searchbox .input input::-webkit-input-placeholder{color:rgba(203,203,203,1)}
.navright .searchbox .searbtn,
.navright .searchbox .close{line-height:75px;cursor:pointer}
.navright .searchbox .searbtn img,
.navright .searchbox .close img{display:initial;vertical-align:middle}
.navright .searchbox .close:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.navitem .childbox{width:100%;background: #f8f8f8 url(../images/snavbg.jpg) center no-repeat;padding:30px 0 50px;position:absolute;left:0;visibility:hidden;z-index:-1;opacity:0;}
.navitem.cur .childbox{visibility:visible;z-index:19;opacity:1;transition:0.75s ease 0s;-webkit-transition:0.75s ease 0s;-moz-transition:0.75s ease 0s}
.navitem .childbox .leftImg{ padding-left: 10%; width: 20%; overflow: hidden;}
.navitem .childbox .leftImg img{ width: 100%; }
.navitem .childbox .midDiv{ padding:0 5%; width:15% }
.navitem .childbox .msg{ font-size: 0.24rem; color: #000; padding-top: 0.42rem; line-height: 0.28rem; }
.navitem .childbox .wen{ font-size: 0.18rem; color: #dbdada; padding: 0.15rem 0 0.25rem; }
.navitem .childbox .btnDiv a{ position: relative; display: block; width: 100%; height: 0.44rem; background: #598db5; color: #fff; line-height: 0.44rem; text-indent: 0.24rem; font-weight: bold; font-size: 12px; }
.navitem .childbox  .btnDiv a:after{ content: ''; width: 40px; height: 9px; background: url(../images/nimg40_1.png) center no-repeat; background-size: 0.4rem; right: 0.28rem; top: 0.15rem; position: absolute;  }
.navitem .childbox  .list{ width: 40%; padding-top: 0.3rem; }
.navitem .childbox .title{color:#000;font-size:36px;padding-bottom:26px;border-bottom:1px solid #e4e4e4}
.navitem .childbox .item{width: 26%;font-size: 0.14rem;color: #666;display: block; height: 0.35rem;line-height: 0.35rem; font-size: 0.14rem; margin-bottom: 0.1rem;}
.navitem .childbox .item span{padding-right:0.1rem;}
.navitem .childbox .bot{margin-top:60px;}
.navitem .childbox .bot .box{cursor:pointer}
.navitem .childbox .bot .box .text{color:#000;font-size:18px;margin-right:22px;line-height:1}
.navitem .childbox .bot .box:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.navitem .childbox .imgitem{width:23.5%;margin-right:2%;position:relative}
.navitem .childbox .imgitem:nth-last-of-type(1){margin-right:0}
.navitem .childbox .imgitem .img{background-color:#000}
.navitem .childbox .imgitem .textbox{width:100%;position:absolute;bottom:6%;left:0;color:#fff;font-size:18px;text-align:center;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.navitem .childbox .imgitem:hover .textbox{bottom:45%}
.navitem .childbox .imgitem:hover .img img{opacity:0.5}
.wapbtnbox{width:0.3rem;height:68px;position:relative;display:none;margin-left:0.3rem; margin-right: 0.4rem;}
.wapbtnbox span{width:28px;height:2px;display:block;background-color:#000;position:absolute;left:0}
.wapbtnbox span:nth-of-type(1){top:24px}
.wapbtnbox span:nth-of-type(2){top:32px}
.wapbtnbox span:nth-of-type(3){top:40px}
.wapbtnbox.cur span:nth-of-type(2){opacity:0}
.wapbtnbox.cur span:nth-of-type(1){top:32px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wapbtnbox.cur span:nth-of-type(3){top:32px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
.m-bann,
.wapother{display:none}
.m-bann img{width:100%}
@media (max-width:1580px){
    .navright .searchbox .input{width:1000px}
}
@media (max-width:1440px){
    .navright .searchbox .input{width:800px}
}
@media (max-width: 1366px) {
    .footmaplist{width: 13vw;}
}
@media (max-width: 1280px) {
    .navitem-name{padding:0 1.4vw}
}
@media (min-width:1024px){
	.headbot .logo2{display: none;}
    .navitem:hover .navitem-name a,
    .navright .lanbox a.lanitem:hover{color:#598db5}
    .navitem .childbox .item:hover{color:#598db5;}
}

@media (max-width:1024px){
    header{height:68px;background-color:#fff;background-image:none;position:relative;overflow:hidden}
    header.cur{overflow:initial}
    .headrightbox{min-width:initial}
    .headbot{height:68px;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
    .pageright, .hsignupbtn, .navchildbox .img, .navchildbox .textbox,
    .navrightbox, .navitem-name a:after, .scrolltop, .headbot:after, .navright .telbox, .quicklinks{display:none}
    .loginbox .waptext, .wapbtnbox, .headbot .waplogo{display:block}
	.headbot .logo{display: none;}
	.headbot .logo2{display: inline;}
    .loginbox{margin-right:15px}
    .loginbox .text{line-height:68px}
    .headbtnbox .icon,
    .navbox .top .name{line-height:68px}
    .headbtnbox .list{margin-right:10px}
    .navitems .navitem{width:100%}
	.navitem .childbox .leftImg{ display: none;}
	.navitem .childbox .midDiv{ display: none; }
    .navitems .navitem .navitem-name{padding:0 15px;border-bottom:1px solid #c5c5c5;padding-right:40px}
    .navitems .navitem .navitem-name:before{content:">";color:#000;font-size:22px;font-family:宋体, 'SimSun';font-weight:bold;line-height:52px;position:absolute;top:0;right:15px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
    .navitems .navitem .navitem-name.cur:before{right:20px;color:#598db5;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
    .navitems .navitem .navitem-name a{text-align:left;line-height:52px;font-size:20px;color:#000;display:inline-block}
    .navitems .navitem .navitem-name.cur a{color:#598db5}
    
     .navitems .navitem .navitem-name1{padding:0 15px;border-bottom:1px solid #c5c5c5;padding-right:40px}
    .navitems .navitem .navitem-name1 a{text-align:left;line-height:52px;font-size:20px;color:#000;display:inline-block}

    
    .childnavitems .childnavitem:after{width:6px;height:6px;border-radius:6px;margin-top:-3px}
    .navchildbox{position:static;visibility:visible;opacity:1;display:none;background-image:none;background-color:#f6f6f6;box-shadow:none;z-index:8;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transition:0s ease 0s;-webkit-transition:0s ease 0s;-moz-transition:0 ease 0s}
    .navchildbox .w1200{padding:0}
    .childnavitems{width:100%;margin-left:0;margin-top:0;float:none}
    .navitems .navitem .childnavitems .childnavitem{width:100%;height:38px;line-height:38px;display:block;margin-right:0;margin-bottom:0;float:none}
    .foottop{padding:0 0 45px}
    .pagenav, .m-bann, .wapfootbox, .wapfoot{display:block}
    .pagernav, .indexbanner, .foottop .mapbox, .footother, .footcopybox{display:none}
    .wapother .footother, .wapother .footcopybox{display:block}
    .headbot .navleft{width:100%;height:calc(100vh - 68px);overflow-y:auto;background-color:#fff;position:fixed;top:68px;left:100%;z-index:19;margin-left:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .headbot .navleft.cur{left:0}
    .navright .lanbox .lanitem{line-height:68px;color:#000}
    .navright .lanbox a.lanitem:nth-of-type(1){display:block}
    .navright .search .icon{height:68px;margin-left:20px;background-image: url(../images/h-searchbtn_cur.png);background-size:18px auto;position:relative}
    .navright .search .icon:after{content:"";width:1px;height:16px;position:absolute;top:26px;left:-10px;background-color:#e9e9e9}
    .navright .searchbox{top:68px;height:106px}
    .navright .searchbox .input{width:calc(100% - 84px);height:56px;margin:0 10px}
    .navright .searchbox .input input{height:55px;padding:0 5px;font-size:16px}
    .navright .searchbox .searbtn, .navright .searchbox .close{line-height:56px}
    .navright .searchbox .box{width:calc(100% - 30px);margin:0 auto;height:56px}
    .navright .searchbox .searbtn img, .navright .searchbox .close img{width:26px}
    .navitem .childbox{position:static;background-color:#f9f9f9;display:none;visibility:visible;z-index:10;opacity:1;padding:0;top:0;transition:none;-webkit-transition:none;-moz-transition:none}
	.navitem .childbox .list{width: 100%; padding-top:0; background: #f9f9f9;}
    .navitem .childbox .items{margin-top:0}
    .navitem .childbox .item{width:90%;margin-bottom:0;line-height: 0.5rem; height:0.5rem;font-size: 0.27rem;padding-left: 0.2rem;padding-left: 0.2rem;padding-bottom: 0.1rem;padding-top: 0.1rem;}
    .navitem .childbox .imgitem{width:49%;margin-right:2%;margin-bottom:10px}
    .navitem .childbox .imgitem:nth-of-type(2n){margin-right:0}
    .navitem .childbox .imgitem .textbox{font-size:16px;bottom:15px}
    
    .wappager, .waptop{display:block}
    .pager, .navitem .childbox .title, .navitem .childbox .bot{display:none}

    /* .navright .telbox{color:#333}
    .quicklinkstop{line-height:68px;color:#333}
    .quicklinksbot{top:68px} */
}

@media (max-width:370px){
    /* .footleft .ewmlist .img{height:66px;line-height:66px} */
    .navother .lanbox .name{font-size:14px}
    .navother .lanbox{margin:0 10px 0 0}
    .navother .shop{font-size:14px;margin-right:10px}
    .headbot .waplogo{width:46%;padding:10px 0}
    .wapbtnbox span,
    .wapbtnbox{width:24px}
    .navother .shop{padding-left:24px;background-size:20px 20px}
    .headbot .waplogo .text{margin:0}
    .headbot .waplogo .icon img{width:6px;margin-top:4px}
}


/*头部结束*/
.searchLayerTel{ display:none; z-index:22; top:1.0rem; left:0px; width:100%; position:fixed;}
.searchLayerTel .box{ padding:0.3rem 0.36rem;}
.searchLayerTel .box .form{ padding-right: 1.3rem; position:relative; }
.searchLayerTel .form .input1{ width:100%; background:#fff; border-top-left-radius: 8px; -moz-border-top-left-radius:8px; border-bottom-left-radius: 8px; -moz-border-bottom-left-radius:8px; height:0.8rem; line-height:0.8rem; text-indent:0.2rem; font-size:0.24rem;}
.searchLayerTel .form .btn1{ border-top-right-radius: 8px; -moz-border-top-right-radius:8px; border-bottom-right-radius: 8px; -moz-border-bottom-right-radius:8px; position:absolute; right:0px; top:0px; background:#598db5; text-align: center; width:1.3rem; height:0.8rem; cursor:pointer; color: #fff; font-size: 0.28rem;}

.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:rgba(0,0,0,0.8); left:0px; top:0px;}


.pagecontent .pagebox{ padding-top:100px; padding-bottom:150px;}


.footDiv{ background: #f7f7f7; padding-top: 0.95rem; height: 4.42rem;}
.footDiv .bigBox{ padding: 0 0.7rem; }
.footDiv .leftDiv{ width: 1.8rem; }
.footDiv .leftDiv li{ font-size: 0.18rem; font-weight: bold; }
.footDiv .leftDiv li a{ display: block; color: #3d4144; padding-bottom: 0.32rem; }
.footDiv .leftDiv li a:hover{ color: #598db5; }
.footNav{ width: 10.8rem; }
.footNav li{ float: left; width: 1.7rem; }
.footNav li:last-child{ width: auto; }
.footNav li h2{ font-size: 0.18rem; color: #3d4144; padding-bottom: 0.28rem; text-align: center; }
.footNav dd{ line-height: 0.3rem; font-size: 0.14rem;  text-align: center;}
.footNav dd a{ color: #bdbcbc; }
.footNav dd a:hover{ color: #598db5;}
.footDiv .rightDiv{ width: 2.9rem; }
.footDiv .ewm{ text-align: right; }
.footDiv .ewm img{ box-shadow: 0 0 20px #ddd; }
.footDiv .share{ padding-top: 0.3rem; }
.footDiv .share li{ float: left; margin-left: 0.15rem; }
.footDiv .share li img{ width: 0.35rem; }
.footDiv .share li .img1{ display: none; }
.footDiv .share li:hover img{ display: none; }
.footDiv .share li:hover .img1{ display: inline-block; }
.footDiv .tel{ font-size: 0.3rem; color: #3d4144; font-weight: bold; padding-top: 0.3rem; }
.footDiv .tel2{ font-size: 0.25rem; color: #3d4144; font-weight: bold; }
.footDiv .address{ color: #b8b8b8; font-size: 0.14rem; }
.footDiv .msg{ font-size: 12px; color: #b8b8b8; padding-top: 0.26rem; text-align: right; text-transform: uppercase;}
.footDiv .msg a{ color: #b8b8b8;} 
.footDiv .msg a:hover{ color: #598db5;}

.footDivTel{ background: #f7f7f7; padding: 0.7rem 0.2rem 0.6rem; }
.footDivTel .txt1{ font-weight: bold; color: #3d4144; font-size: 0.36rem; text-align: center; padding-bottom: 0.1rem; }
.footDivTel .txt2{ font-size: 0.24rem; color: #bdbcbc; text-align: center; height: 0.5rem; position: relative; }
.footDivTel .txt2:after{ content: ''; position: absolute; left: 50%; margin-left: -0.08rem; width: 0.16rem; height: 1px; background: #598db5; bottom: 0; }
.footDivTel .tel{ color: #3d4144; text-align: center; font-size: 0.48rem; font-weight: bold; padding: 0.25rem 0 0.1rem; }
.footDivTel .tel2{ color: #3d4144; text-align: center; font-size: 0.38rem; font-weight: bold; padding-bottom: 0.1rem;}
.footDivTel .address{ text-align: center; color: #b8b8b8; font-size: 0.24rem; padding-bottom: 0.25rem;}
.footDivTel .ewm{ margin: 0 auto; width: 1.33rem; }
.footDivTel .ewm img{ width: 1.33rem; }
.footDivTel .share{ text-align: center; padding: 0.28rem 0; }
.footDivTel .share li{ display: inline-block; margin: 0 0.08rem;}
.footDivTel .share li img{ width: 0.35rem; }
.footDivTel .share li .img1{ display: none; }
.footDivTel .share li:hover img{ display: none; }
.footDivTel .share li:hover .img1{ display: inline-block; }
.footDivTel .msg{ font-size: 0.24rem; line-height: 0.48rem; color: #b8b8b8; padding-top: 0.05rem; text-align: center; text-transform: uppercase;}
.footDivTel .msg a{ color: #b8b8b8;} 

.pageBanner{ position:relative;}
.pageBanner .imgDiv{height: 6.3rem; line-height: 6.3rem; background: #8db0b4;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .botDiv{ position: absolute; bottom: 0px; width: 82%; height: 0.7rem; margin: 0 9%;}
.pageBanner .botDiv:after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.03rem; }
.pageNav{ height: 0.7rem; padding-left: 0.5rem;}
.pageNav li{ float: left; margin-right: 0.42rem; font-size: 0.14rem; font-weight: bold;}

.pageNav li a{ display: block; height: 0.7rem; line-height: 0.7rem; color: #fff; position: relative;}
.pageNav li em{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.03rem; background: #598db5; display: none; z-index: 2; }
.pageNav li .aNow em, .pageNav li a:hover em{ display: block; }
.pageBanner .rightDiv{ position: absolute; right: 0px; top: 0px; width: 4rem; height: 0.7rem;  }
.pageBanner .rightDiv:after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.03rem; z-index: 2;}
.pageBanner .layer{ position: absolute; left: 0px; top: 2.0rem; width: 100%; z-index: 2; text-align: center;}
.pageBanner .layer .name{ margin: 0 auto; width: 3rem; height: 1.5rem; background: url(../images/nimg210bg.png) center no-repeat; background-size: 2.8rem; font-size: 0.23rem; color: #fff; line-height: 1.5rem;}
.pageBanner .layer .nameImg{ height: 0.76rem; padding-top: 0.32rem; position: relative; font-size: 0.5rem; font-weight:bold; color: #fff; }
.pageBanner .layer .nameImg p{text-transform: uppercase;}
.pageBanner .layer .nameImg img{ height: 0.47rem; }
.pageBanner .layer .nameImg:after{ content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -0.23rem; width: 0.46rem; height: 0.04rem; background: #fff;}


.pageNow{ padding-left: 0.34rem; line-height: 0.7rem; }
.pageNow a{ color: #fff; background: url(../images/nimg5_1.png) left center no-repeat; background-size: 0.05rem; padding: 0 0.12rem 0 0.19rem;}
.pageNow a:hover{ color: #598db5; }
.pageNow .on{ color: #598db5; }
.pageNow em{ background: url(../images/nimg5_1.png) left center no-repeat; background-size: 0.05rem; padding-left: 0.13rem; color: #666;}
.pageNow img{ padding-right: 0.12rem; position: relative; top: -0.02rem;}

.pageBannerTel{ display:none; position: relative;}
.pageBannerTel .imgDiv{height: 5.3rem;line-height: 5.3rem;background: #8db0b4;}
.pageBannerTel .imgDiv img{ width:100%;}
.pageBannerTel .txt{ text-align: center; position: absolute; left: 50%; margin-left: -1.05rem; top: 50%; margin-top: -0.64rem; width: 3rem; height: 1.5rem; background: url(../images/nimg210bg.png) center no-repeat; background-size: 2.8rem; font-size: 0.23rem; color: #fff; line-height: 1.5rem;}


.pageBox{ position: relative;}
.grayBg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 4.2rem; z-index: 1; }
.treflip{ width: 82%; background: #fff; padding: 0.54rem 0 0.7rem; margin: 0 auto; position: relative; z-index: 2;}
.treflip2{ padding: 0.84rem 0 0;}
.treflip3{ padding: 0;}


.pageTitle{ padding-bottom: 0.5rem; }
.pageTitle .title1{ color: #3f3f3f;font-family: medium;text-transform: uppercase;width: 1.7rem;height: 0.03rem;background: #5e8db5; margin: 0.1rem auto; }
.pageTitle .title2{ font-size: 0.27rem; color: #3f3f3f; font-weight: bold; line-height: 0.4rem; text-align: center; }
.pageTitle .title3{ font-size: 0.15rem; color: #3f3f3f; line-height: 0.25rem; text-align: center; width: 60%; margin: auto;}
.pageTitle .title4 {font-size: 0.36rem;color: #5e8db5;font-family: medium;text-transform: uppercase;}
.pageTitle .title5{font-size: 0.22rem;color: #3f3f3f;font-weight: bold;}

.pageTitle2{padding-bottom: 0.5rem;}
.pageTitle2 ul li{width:24%;float: left;}
.txtborder{border-right: 1px rgba(94,141,181,0.3) solid;}
.txtimg{width: 1rem;height: 1rem;border: 1px rgba(94,141,181,0.5) solid;-webkit-border-radius: 1rem;-moz-border-radius: 90px;border-radius: 1rem;line-height: 1rem;text-align: center; margin:0 auto;}
.txttitle1{font-size:0.23rem; line-height: 0.7rem; text-align: center; padding-top: 0.2rem;}
.txttitle2{font-size:0.23rem; text-align: center;}
.txttitle3{font-size: 0.18rem;line-height: 1rem;text-align: center;border-top: 1px rgba(94,141,181,0.1) solid;width: 82%;margin: 0 auto;}
.txtimg2 img{width:100%;}



.pageTitleTel{ height:0.98rem; background: #8db0b4; position:relative; display:none;border-top: 1px #fff solid;}
.sideTitleTel{ width:100%; height:0.98rem; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:0.3rem; height:0.98rem; line-height:0.98rem; position:relative; padding-right:10px;}
.sideTitleTel .con a{ color: #fff; display:block; height:0.98rem; padding-left:0.2rem; background:url(../images/limg65_1.png) right center no-repeat; background-size: 0.65rem;}
.sideTitleTel .con.on a{ background:url(../images/limg65_1on.png) right center no-repeat; background-size: 0.65rem; }
.sideTitleNav{ position:absolute; top:0.98rem; z-index:10; width:100%; background:#fff; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ font-size: 0.26rem; height:0.82rem; border-bottom:#d7d7d7 solid 1px;}
.sideTitleNav li a{ display:block; height:0.82rem; line-height:0.82rem; padding-left:0.4rem; color:#666;}
.sideTitleTel .con em{ display:block; color:#fff; padding-left: 0.4rem;}


/*分页*/
.pageNum{ text-align:center; padding-bottom: 0.3rem;}

.pageNum li{display: inline-block; margin-top: 0.3rem;}



.pageNum li a{margin:0 0.1rem; display:inline-block; color: #353535; height:0.48rem; line-height:0.48rem; background:#eee; padding: 0 0.3rem; font-size:0.13rem;}
.pageNum li a:hover, .pageNum .aNow{background:#038ad4; color:#FFF;}
.pageNum li .active{background:#038ad4; color:#FFF;}

.pageMore{ display:none; padding: 0.2rem 0;}
.pageMore a{ display:block; color:#fff; height: 0.9rem; line-height: 0.9rem; text-align:center; font-size:0.36rem; background: #598db5; width: 100%;}



.topA{ z-index: 5; position: fixed; right: 50%; margin-right: -8.3rem; bottom: 70px; display: none; width: 34px; height: 34px; background: #598db5; line-height: 34px; text-align: center; border-radius: 50%; box-shadow: 0 0 10px #ddd;}

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ display:none;}
.tab3 dd{ cursor:pointer;}

.cd-top {
    /* image replacement properties */
    overflow: hidden;

    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {

    opacity: 1;
}

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:111;
	top:0; left:0px;
	background-color:#000;
	display:none;
}


.selectDiv{cursor:pointer;}
.selectDiv span{padding-left:10px;}
.selectDiv select{display:none;}
/**/
.selectLayer{position:absolute; z-index:100; display:none; background:#FFF; border:#bababa solid 1px;}
.selectLayer li{height:22px; line-height:22px; overflow:hidden; padding-left:10px; color:#666;}



@-webkit-keyframes detailsNavList {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@-moz-keyframes detailsNavList {
  0% {
    opacity: 0;
    -moz-transform: translateX(70px);
         transform: translateX(70px);
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
         transform: translateX(0);
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
}
@-o-keyframes detailsNavList {
  0% {
    opacity: 0;
    -o-transform: translateX(70px);
       transform: translateX(70px);
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
       transform: translateX(0);
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
}
@keyframes detailsNavList {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70px);
       -moz-transform: translateX(70px);
         -o-transform: translateX(70px);
            transform: translateX(70px);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}

@-webkit-keyframes shieldingEnter {
  0% {
    height: 0;
  }
  100% {
    height: 183px;
  }
}
@-moz-keyframes shieldingEnter {
  0% {
    height: 0;
  }
  100% {
    height: 183px;
  }
}
@-o-keyframes shieldingEnter {
  0% {
    height: 0;
  }
  100% {
    height: 183px;
  }
}
@keyframes shieldingEnter {
  0% {
    height: 0;
  }
  100% {
    height: 183px;
  }
}




.pageBox10{ padding:140px 0 130px; background: url(../images/bg4_2.jpg) center top repeat-y; position: relative;}

.wal1{width:1200px; margin:0px auto;}

.vision{ padding-top: 80px; }
.vision .list{ overflow: hidden; }
.vision .list ul{ margin-right: -22px; }
.vision .list li{ float: left; width: 25%; }
.vision .list li .box{ margin-right: 22px; border: #000 solid 2px; text-align: center; padding-bottom: 18px;}
.vision .list li .imgDiv{ padding: 30px 0 10px; }
.vision .list li .imgDiv img{ width:210px; }
.vision .list li .name{ height: 36px; line-height: 36px; font-size: 14px; color: #000; overflow: hidden;}

.visionLayer{ width:760px; height:506px; background:#fff; position:absolute; z-index:111; display:none;}
.visionLayer .close{ display:block; width:26px; height:25px; background:url(../images/close.png) no-repeat; right:20px; top:20px; position:absolute; z-index:222;}
.visionLayer .imgDiv{ padding-top:60px; text-align:center;}
.visionLayer .imgDiv img{ width:560px;}


@media screen and ( max-width:1004px ){
	.headDiv .wal1{ width:100%;}
	.wal1, .w860{width:100%;}
	.vision{ padding: 45px 10px 0; }
	.vision .list ul{ margin-right: -10px; }
	.vision .list li{ width: 50%; margin-bottom: 10px;}
	.vision .list li .box{ margin-right: 10px; border: #000 solid 1px;  padding-bottom: 10px;}
	.vision .list li .imgDiv{ padding: 10px; overflow: hidden;}
	.vision .list li .imgDiv img{ width: 100%; }
	.vision .list li .name{ height: 30px; line-height: 30px;}
	.visionLayer{ width:94%; height:auto;}
	.visionLayer .close{ display:block; width:26px; height:25px; background:url(../images/close_2.png) no-repeat; right:10px; top:10px;}
	.visionLayer .imgDiv{ padding:15px;}
	.visionLayer .imgDiv img{ width:100%; height: auto;}
}