@charset "utf-8";

/*公共部分*/
* {margin:0px; padding:0px;}
body {height: 100%;}
body,ul,li,a,input{margin:0; padding: 0;}
a {text-decoration: none;}
img {border:0px; padding:0px;margin:0px;}
li {list-style: none;}
.fl {float: left;}
.fr {float: right;}
.tran_3 {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.clearfix:before, .clearfix:after {content: ''; display: table;}
.clearfix:after {clear: both;}
.container {width: 1200px;margin:0 auto;}
body{width: 100%;height: 100%;background: #f6f6f6;overflow-x: hidden;}

/*pc端导航*/
.p-header{width: 100%;height: 100px;background:#ffffff;position: relative;}
.p-header .clearfix {width: 1200px; height: 100%; margin:0 auto;}
.p-header .header-logo {width: 175px;height: 100%;margin-right: 18px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.p-header .header-logo a{display: inline-block; width: 100%; height: 50px; margin-top:25px;}
.p-header .header-logo a img {width: 100%;}

.p-header .header-nav {height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.p-header .header-nav .nav-list {height: 100%;}
.p-header .header-nav .nav-item {float: left;height: 100%; margin-left: 10px; font-size: 0;}
.p-header .header-nav .nav-item a {display: inline-block;height: 36px;line-height: 36px;color:#333333;font-size: 16px; padding:0 24px;border-radius: 18px;margin-top:32px;}
.p-header .header-nav .nav-item .on {background: #01b9f5; color:#ffffff;}
.p-header .header-nav .nav-item:hover .tran_3 {background: #0061ae; color:#ffffff;}
.p-header .header-nav .nav-item:hover .item-children{display: block;}

.p-header .header-nav .item-children{display: none; position: absolute;top: 100px;left: 0;width: 100%; height: 80px;background: #f6f6f6;z-index:100}
.p-header .header-nav .item-children .clearfix {width: 100%; height: 100%;}
.p-header .header-nav .item-children .children-list {width: 1200px; margin:0 auto;height: 100%;text-align: center;}
.p-header .header-nav .item-children .children-list li {display: inline-block; color:#666666;}
.p-header .header-nav .item-children .children-list li a {display: inline-block;color:#666666;font-size: 16px; height: 80px; line-height: 80px;margin-top: 0;border-radius: 0;padding:0 20px;}
.p-header .header-nav .item-children .children-list li a:hover {color:#01b9f5; font-weight: bold;text-decoration: underline;}


.p-header .header-search { font-size: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.p-header .header-search .search-box {width:36px; height: 36px; margin-top: 32px; position: relative;margin-right: 20px; border-radius: 18px;border-radius: 50%;}
.p-header .header-search .search-box input{outline: none;color:#ffffff;width: 0px; height: 36px; position: absolute; right: 0; bottom: 0;border:0; border-radius: 36px; box-sizing: border-box; background: #01b9f5; transition: .5s; }
.p-header .header-search .search-box:hover input{ width: 200px;padding-left: 10px;}
.p-header .header-search .search-box input::-webkit-input-placeholder{color:#ffffff;}
.p-header .header-search .search-box input::-moz-placeholder{color:#ffffff;}
.p-header .header-search .search-box input::input:-ms-input-placeholder{color:#ffffff;}
.p-header .header-search .search-box .search {position: absolute;border: 0;right: 0; display: inline-block;width: 36px; height: 36px;border-radius: 50%; background: #01b9f5; text-align: center;}
.p-header .header-search .search-box .search img { width: 20px;height: 20px; margin-top: 8px;}
.p-header .header-search .talk {height: 36px;margin-top: 32px;}
.p-header .header-search .talk .cn {display: inline-block; height: 100%;line-height: 36px; font-size: 16px; font-weight: bold; color: #01b9f5;}
.p-header .header-search .talk .en {display: inline-block;  height: 100%;line-height: 36px;font-size: 16px; color: #666666;}
.p-header .header-search .talk span {display: inline-block;font-size: 14px; color: #666666; height: 100%;line-height: 36px;margin:0 10px;}

.p-header .header-search .menu {display: none; width:35px; height: 20px; padding: 0 30px; margin-top:30px;}
.p-header .header-search .menu img {width: 100%;}
.m-header{display: none;}





/*首页关于我们*/
 .S-about {width: 100%; height:auto; background: #f6f6f6;}
.S-about .container {position: relative; height: 100%;}
.S-about .Sabout-info {width: 100%;height:auto; position: absolute; left:0; background: #ffffff;z-index: 500;}
.S-about .Sabout-info .Sabout-title {width: 100%;height: 60px;background: #ffffff;}
.S-about .Sabout-info .Sabout-title p{height: 100%;line-height: 60px; margin-left: 60px; color:#999999;font-size: 16px;}
.S-about .Sabout-info .Sabout-title .next {width: 60px;height: 60px;background: url(../images/next.png) no-repeat;}
.S-about .Sabout-info .Sabout-title .next:hover {background: url(../images/next-active.png) no-repeat;}
.S-about .Sabout-info .Sabout-title .prev {width: 60px;height: 60px;background: url(../images/prev.png) no-repeat; margin-right: 1px;}
.S-about .Sabout-info .Sabout-title .prev:hover {background: url(../images/prev-active.png) no-repeat;}

.S-about .Sabout-info .Sabout-box {padding:0 60px 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.S-about .Sabout-info .Sabout-box .Sabout-ban {width: 100%;height: 340px; display: none;}
.S-about .Sabout-info .Sabout-box .Sabout-ban .ban-info {width: 47%; height: 100%; position: relative;}
.S-about .Sabout-box .Sabout-ban .ban-info h2{color:#333333; font-size: 30px;font-weight: normal;}
.S-about .Sabout-box .Sabout-ban .ban-info span {font-size: 18px; color:#0061ae; line-height: 40px;}
.S-about .Sabout-box .Sabout-ban .ban-info p {height: 138px; color: #666666;font-size: 16px; line-height: 28px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; display: -moz-box; -webkit-box-orient: vertical;-moz-box-orient: vertical; -webkit-line-clamp: 5;-moz-line-clamp: 5;}
.S-about .Sabout-box .Sabout-ban .ban-info a{position: absolute;bottom: 0;right: 0; display: inline-block;height: 36px;line-height: 36px; color:#ffffff;font-size: 16px; padding:0 30px;background: #01b9f5;border-radius: 18px;}
.S-about .Sabout-box .Sabout-ban .ban-info a:hover {background: #0061ae;}

.S-about .Sabout-info .Sabout-box .Sabout-ban .ban-pic {width: 53%;height: 100%;}
.S-about .Sabout-box .Sabout-ban .ban-pic img{height: 100%;}

.S-about .Sabout-time .time {width: 100%;}
.S-about .Sabout-time .time li {width: 25%;}
.S-about .Sabout-time .time li .pic-p {text-align: center;border-right: 1px solid #e5e5e5;}
.S-about .Sabout-time .time li .pic-p4 {border:0;}

.S-about .Sabout-time {background: #f6f6f6;}
.S-about .Sabout-time .time {height:190px;color: #ffffff; z-index: 1000;background: #f6f6f6;}
.S-about .Sabout-time .time li {float:left; width: 25%;height:100%;position: relative;}
.S-about .Sabout-time .time .pic-p{width: 100%; height: 72px; text-align: center; position: absolute; top: 50%; left:0; margin-top: -36px;}
.S-about .Sabout-time .time .pic-p  .numUp{color: #0061ae; font-size: 48px;line-height: 30px; font-weight: bold;}
.S-about .Sabout-time .time .pic-p i{display: inline-block; font-size: 24px; margin-left: 8px;color:#0061ae;}
.S-about .Sabout-time .time .pic-p p {color: #999999; font-size: 14px;line-height: 40px;} 


.service {width: 100%;background: #fff;padding: 80px 0;}
.service .service-box{width: 1200px;margin:0 auto;}
.service .service-box .ser-title {width: 320px;height: 500px;}
.service .service-box .ser-title .ser-info {overflow:hidden; width: 100%;height: 201px;background: #01b9f5;padding:20px 30px;color:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.service .service-box .ser-title .ser-info h2{font-size: 30px;font-weight: normal;line-height: 30px;}
.service .service-box .ser-title .ser-info span {display: inline-block; font-size: 18px;line-height: 18px;margin:15px 0 15px;}
.service .service-box .ser-title .ser-info p {font-size: 14px;line-height: 28px;}
.service .service-box .ser-title li {width: 100%;height: 60px;line-height: 60px;background: #f6f6f6;border-bottom: 1px solid #fff; padding:0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.service .service-box .ser-title li span{display: block;width: 40px;height: 40px;line-height: 40px; border-radius: 50%;background: #01b9f5; text-align: center;margin-right:20px;margin-top:10px;}
.service .service-box .ser-title li span img { width:20px;height: 20px;vertical-align: middle;}
.service .service-box .ser-title li p {font-size: 16px;color#666666;}
.service .service-box .ser-title li i{font-size: 14px;color#666666;}

.service .service-box .ser-title .ser-active {z-index: 100; position: relative; color:#0061ae;}
.service .service-box .ser-title .ser-active span {background: #0061ae;}
.service .service-box .ser-title .ser-active p{font-weight: bold;}
.service .service-box .ser-title .ser-active:after {content: "";position: absolute;width: 0px;height: 0px; top: 32px;right: -16px;border-left: 8px solid #f6f6f6; border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid transparent;}

.service .service-box .sec-pic {width: 880px;height: 500px; overflow: hidden;}
.service .service-box .sec-pic li {position: relative;width: 100%;height: 500px; display: none;}
.service .service-box .sec-pic li img {width: 100%;vertical-align: middle;}
.service .service-box .sec-pic li .syu>p {display: block; position: absolute;right: 20px;bottom: 20px; width: 400px;height: 66px; line-height: 66px;color: #333333;font-size: 18px; padding: 0 30px;background: #fff;text-align: left;box-sizing: border-box;}
.service .service-box .sec-pic li .syu:hover .sec-picInfo{display: block;}
.service .service-box .sec-pic .syu .sec-picInfo {display: none; position: absolute;right: 20px;bottom: 20px;background: #fff;width: 400px; padding:40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.service .service-box .sec-pic .syu .sec-picInfo p {color: #333333;font-size: 18px;line-height: 18px;}
.service .service-box .sec-pic .syu .sec-picInfo span {height: 110px; display: inline-block; color: #666666;font-size: 14px;line-height: 28px;margin:40px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.service .service-box .sec-pic .syu .sec-picInfo a {display: block;width: 120px;height: 36px;line-height: 36px;color: #fff;text-align: center;font-size: 12px;background: #01b9f5;border-radius: 18px;}
.service .service-box .sec-pic .syu .sec-picInfo a:hover {background: #0061ae;}


.m-service {width: 92%;margin:0 auto;background: #fff; display: none;}
.m-service .banner .m-info {background: #01b9f5;padding:30px; color:#fff;}
.m-service .banner .m-info h3 {font-size: 30px;line-height: 30px;}
.m-service .banner .m-info span {display: inline-block; font-size: 18px;line-height: 18px;margin:20px 0;}
.m-service .banner .m-info p {font-size: 20px;line-height: 36px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.m-service .banner .rslides .txt1{top:auto;left:20px; width: 550px;height: 66px;background: #fff;line-height: 66px;font-size: 24px;color: #333; position:absolute;bottom:20px;padding:0 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.m-service .banner .rslides .txt1 span {width: 40px;height: 40px;border-radius: 50%;background: #01b9f5;text-align: center;line-height: 40px;margin-top: 13px;margin-right: 30px;}
.m-service .banner .rslides .txt1 span img {width: 20px; height: 20px;margin-top: 10px; margin-left:10px;}

.l7Pic .slick{ position:relative;}
.l7Pic .slick .m-info {background: #01b9f5;padding:30px; color:#fff;}
.l7Pic .slick .m-info h3 {font-size: 30px;line-height: 30px;}
.l7Pic .slick .m-info span {display: inline-block; font-size: 18px;line-height: 18px;margin:20px 0;}
.l7Pic .slick .m-info p {font-size: 20px;line-height: 36px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.l7Pic .slick .txt1{top:auto;left:10px; width: 68%;height: 36px;background: #fff;line-height: 36px;font-size: 14px;color: #333; position:absolute;bottom:20px;padding:0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.l7Pic .slick .txt1 span {width: 30px;height: 30px;border-radius: 50%;background: #01b9f5;text-align: center;line-height: 30px;margin-top: 3px;margin-right: 10px;}
.l7Pic .slick .txt1 span img {width: 14px; height: 14px;margin-top: 8px; margin-left:0px;}
.l7Pic .slick-dots{ position:absolute; right:15px; bottom:24px;}
.l7Pic .slick-dots li{display:inline-block; margin-left:8px; width:10px; height:10px; border:#fff solid 1px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.l7Pic .slick-dots .slick-active{background:#fff;}


.Snew {width: 100%;background: #fff;}
.Snew .Snew-box {width: 1200px;margin:0 auto;position: relative;}
.Snew .Snew-box .por_top {text-align: center; margin-bottom: 50px;}
.Snew .Snew-box .por_top p {color: #333333;font-size: 30px;line-height: 30px;margin-bottom: 15px;background: url(../images/n66.png) no-repeat center center;}
.Snew .Snew-box .por_top span {color: #0061ae;font-size: 18px;line-height: 18px;}
.Snew .Snew-box .case_img{ position:relative; overflow:hidden;}
.Snew .Snew-box .case_img img {width: 100%; display:block;}
.Snew .Snew-box .hideBox{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.Snew .Snew-box .btnDiv{ position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-18px; width:120px; height:36px; background:#01b9f5; color:#fff; text-align:center; line-height:36px; font-size:14px; border-radius:24px;}
.Snew .Snew-box .swiper-slide {text-align: center;}
.Snew .Snew-box .swiper-slide h3{color: #333333;font-size: 16px;font-weight: normal;line-height: 30px;margin:30px 0;height: 30px;overflow: hidden;}
.Snew .Snew-box .swiper-slide p {height: 53px; color: #666;font-size: 14px;line-height: 28px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.Snew .Snew-box .swiper-slide span {color: #999999;font-size: 16px;line-height: 12px;}
.new-more {width: 100%;padding:50px 0 80px;background: #fff;}
.new-more .more {margin:0 auto; display: block; width: 120px;height: 36px;background: #01b9f5;color: #fff;font-size: 16px;line-height: 36px;text-align: center;border-radius: 18px;}
.new-more .more:hover {background: #0061ae;}
.Snew .Snew-box .swiper-button-next {background-image: url(../images/00_02.png);position: absolute;
    top: 50%;
    right:-80px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;}
.Snew .Snew-box .swiper-button-prev {background-image: url(../images/00_01.png);position: absolute;
    top: 50%;
    left:-80px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;}
.Snew .Snew-box .swiper-button-prev:hover{background-image: url(../images/00_03.png);}
.Snew .Snew-box .swiper-button-next:hover{background-image: url(../images/00-04.png);}





.footer {width: 100%;background: #01b9f5;height: 250px;}
.footer .footer-box {width: 1200px;margin:0 auto;}
.footer .footer-box a{color:#fff;font-size: 16px;line-height: 30px;display: block;}
.footer .footer-box a:hover {text-decoration: underline;}
.footer .footer-box .big {font-size: 16px;font-weight: bold;line-height: 28px;}
.footer .footer-box div {height: 250px; padding: 40px 0 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.footer .footer-box .d1 {width: 144px;border-left: 1px solid #34c7f7;}
.footer .footer-box .d2 {width: 220px;border-left: 1px solid #34c7f7;}
.footer .footer-box .d3 {width: 144px;border-left: 1px solid #34c7f7;}
.footer .footer-box .d4 {width: 144px;border-left: 1px solid #34c7f7;}
.footer .footer-box .d5 {width: 144px;border-left: 1px solid #34c7f7;}
.footer .footer-box .d6 {width: 144px;border-left: 1px solid #34c7f7;}
.footer .footer-box .er {width: 260px;text-align: center;border-left: 1px solid #34c7f7;border-right: 1px solid #34c7f7; padding:40px 0 0;}
.footer .footer-box .er img {width: 120px;height: 120px;}
.footer .footer-box .er span {display: block; color:#fff;font-size: 14px;line-height: 30px;margin-top: 2px;}
.you {width: 100%;background:#01b9f5; height: 46px;border-top:1px solid #34c7f7;;}
.you .you-box {width: 1200px;margin:0 auto;}
.you .you-box p{line-height: 46px; color: #fff;font-size: 14px;}
.you .you-box p a{color: #fff;}
.you .you-box .you-info {position: relative;}
.you .you-box .you-info p{width:80px;height: 46px;text-align: right; color:#fff;font-size: 14px;line-height: 46px;padding-right: 20px;background: url(../images/01.png) no-repeat right center;}
.you .you-box .you-info p:hover {background: url(../images/02.png) no-repeat right center; }
.you .you-box .you-info:hover .w-info{opacity: 1;}

.you .you-box .you-info .w-info{z-index: 1; opacity: 0;position: absolute;bottom: 46px;right: 0; width: 140px;}
.you .you-box .you-info .w-info a{display: block;color: #fff;background: rgba(0,0,0,0.7);width: 100%;height: 36px;line-height: 36px;font-size: 14px;border-bottom: 1px solid #fff;padding-left: 20px;}
.you .you-box .you-info .w-info a:hover {color:#01b9f5;}

.m-footer {display: none; width: 100%;height: 230px;background: #01b9f5;padding:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.m-footer .er {width: 130px;height: 100%; text-align: center;}
.m-footer .er img {width: 100%;}
.m-footer .er span {font-size: 18px; line-height: 55px; color: #fff;}
.m-footer .you {display: block; width: calc(100% - 130px);position: relative;border:0;}
.m-footer .you .you-info:hover .w-info {display: block;}
.m-footer .you .w-info{position: absolute;left: 0;bottom: 44px; display: none;}
.m-footer .you .w-info a{display: block;color: #fff;background: rgba(0,0,0,0.7);width: 120px;height: 36px;line-height: 36px;font-size: 14px;border-top: 1px solid #fff;padding-left: 20px;}
.m-footer .you .you-info p{ font-size: 24px; line-height: 30px; color: #fff;width: 110px; background: url(../images/01.png) no-repeat right center;}
.m-footer .you .you-info p:hover {background: url(../images/02.png) no-repeat right center;}
.m-footer .you>p{color: #fff;font-size: 18px;line-height: 30px;margin-top:20px;}
.m-footer .you>p a {color: #fff;font-size: 18px;line-height: 30px;}
.m-footer .you>p a:hover {text-decoration: underline;}




/*侧边导航*/
.side {position: fixed;right: 0;top:40%; z-index: 3000;}
.side .top{display: inline-block;}
.side .side-info {position: relative; width: 60px; height: 60px;background: #01b9f5;text-align: center;padding:15px; margin-bottom: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.side .side-info .side-bg {display: none; width: 206px; position: absolute;top: 0;right: 60px;}
.side .side-info .side-bg p{width: 196px; height: 40px;line-height: 40px; background: url(../images/side-bg.png) no-repeat;}
.side .side-info .side-bg p span {display: inline-block;width: 190px;text-align: center;font-size: 14px;color: #ffffff;}
.side .side-info .side-bg .wechat {width: 190px;height: 190px;padding:20px;background: #ffffff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.side .side-info .side-bg .wechat img {width: 150px; height: 150px;}
.side .side-info .side-bg .side-qq {width: 190px;padding:20px;background: #ffffff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.side .side-info .side-bg .side-qq a{display: block; text-align: left;color: #666666; height: 14px; line-height: 14px; font-size: 14px;margin-bottom: 20px;}
.side .side-info .side-bg .side-qq a span {display: inline-block;width: 14px; height: 14px;background: url(../images/side-x.png) no-repeat;margin-right: 10px;vertical-align: top;}
.side .side-info .side-bg .side-qq a:last-child {margin-bottom: 0;}
.side .side-info .side-bg .side-phone {display: block; width: 190px; background: #ffffff; text-align: center; color:#0061ae;font-size: 18px;padding:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

.side .side-info:hover {background: #0061ae;}
.side .side-info:hover .side-bg {display: block;}




/*关于我们*/
.pageBanner{ position:relative;}
.pageBanner .imgDiv img{ width:100%;vertical-align: middle;}
.pageBanner .name{ position:absolute; top:34%; left:0px; width:100%; background:url(../images/nimg32_1.png) center bottom no-repeat; font-size:30px;line-height: 30px; color:#e8e9e9; text-align:center;}
.pageBanner .name-p {position: absolute;top: 46%;color: #ffffff; left: 0;width: 100%;font-size:18px;text-align:center; padding-bottom:32px;}
.pageBanner .name2{ color:#5282c1;}
.pageBanner .name3{ color:#fff;}

.pageNav{ position:absolute; left:0px; width:100%; bottom:30px; text-align:center;}
.pageNav2{ top:45%;}
.pageNav li{ display:inline-block; font-size:16px; width:140px; height:50px; margin:0 15px;}
.pageNav li a{ display:block; width:140px; height:50px; text-align:right;padding-right: 30px; line-height:50px;background:#ffffff url(../images/quan-active.png) no-repeat; color:#666666;font-size: 16px;-webkit-box-sizing: border-box; -moz-box-sizing:border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageNav li a.aNow, .pageNav li a:hover{ background:#01b9f5 url(../images/quan.png) no-repeat;color:#ffffff;}
.pageNav li a:hover{background:#0061ae url(../images/quan.png) no-repeat;}

.pageBannerTel{ display:none; position:relative; width:100%;}
.pageBannerTel .imgDiv img{ width:100%; vertical-align: middle;}
.pageBannerTel .name{position:absolute; top:50%; height: 28px;  margin-top: -18px; left:0px; width:100%; font-size:18px; color:#fff; text-align:center;background:url(../images/nimg32_2.png) center bottom no-repeat;}
.pageBannerTel .name-p {position: absolute;top: 60%;color: #ffffff; left: 0;width: 100%;font-size:14px;text-align:center; padding-bottom:32px;}

.pageTitle{ padding-top:15px; position:relative; font-size:14px; color:#bebebe;}
.pageTitle em{ width:32px; height:4px; display:block; background:#01b9f5; position:absolute; left:0px; top:0px;}
.pageTitle b{ font-size:18px; color:#333; padding-right:12px;}

.pageTitleTel{ height:50px; background:#01b9f5; position:relative; font-size:14px; display:none;}
.sideTitleTel{ width:100%; height:50px; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:16px; height:50px; line-height:50px; position:relative;width:92%;margin:0 auto;}
.sideTitleTel .con a{ color: #fff; display:block; height:50px; background:url(../images/ico9.png) right center no-repeat; background-size: 16px;}
.sideTitleTel .con.on a{ background:url(../images/ico9on.png) right center no-repeat; background-size:16px;}
.sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; background:#faf9f9; 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{ height:43px; border-bottom:#e2e2e2 solid 1px;}
.sideTitleNav li a{ display:block; height:42px; line-height:42px;width:92%;margin:0 auto; color:#666; background:#faf9f9;}
.sideTitleTel .con em{ display:block; color:#fff; padding-left: 15px;}

.pageBox {width: 100%;height: 100%;background: #f6f6f6;margin:0;}
.wal2{width:1200px; margin:0px auto;}
.pageNow{ text-align:right; height:60px; line-height:60px; color:#999999;font-size: 16px;}
.pageNow2{ background:#f0f2f4;}
.pageNow img{ padding-right:10px; position:relative; top:1px;}
.pageNow a{ color:#c1c1c1;}
.pageNow .now {color: #0061ae;}
.pageNow a:hover{ color:#0061ae;}
.pageBox .culture {margin-bottom: 60px;}

.pageBox .wal2 .about {width: 100%;height: 100%;margin-bottom: 60px; background: #ffffff; padding: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .about .about-pic {width: 525px;height: 500px;}
.pageBox .wal2 .about .about-pic img{width: 100%;}
.pageBox .wal2 .about .about-info {width: 525px; height: 500px;}
.pageBox .wal2 .about .about-info .big {width: 100%;height: 42px; color:#0061ae;font-size: 24px;font-weight: bold}
.pageBox .wal2 .about .about-info h2 {color: #333333;font-size: 22px; font-weight: normal;margin-bottom: 20px;line-height: 24px;margin-top: 5px;}
.pageBox .wal2 .about .about-info p {width: 100%; color: #666666;font-size: 14px;line-height: 28px;}

.pageBox .wal2 .about .pic {width: 100%;height: 100%；}
.pageBox .wal2 .about .pic li {float:left; width: 25%;height:70px;margin-top: 50px;}
.pageBox .wal2 .about .pic .pic-p{width: 100%; height: 70px; text-align: center; border-right: 1px solid #e5e5e5;}
.pageBox .wal2 .about .pic .pic-pp {border:0;}
.pageBox .wal2 .about .pic .pic-p .numUp{color: #0061ae; font-size: 48px;line-height: 48px; font-weight: bold;}
.pageBox .wal2 .about .pic .pic-p i{display: inline-block; font-size: 24px; margin-left: 8px;color: #0061ae;font-style: normal;}
.pageBox .wal2 .about .pic .pic-p p {color: #999999; font-size: 14px;line-height: 40px;}

.pageBox .wal2 .about .cul-l {width: 100%;height:auto; margin-bottom: 50px; }
.pageBox .wal2 .about .cul-l .fl {width: 525px; height: 330px;}
.pageBox .wal2 .about .cul-l .fl img {width: 100%;}
	
.pageBox .wal2 .about .cul-l .fr {width: 525px;height: 330px;}
.pageBox .wal2 .about .cul-l .cul-title {width: 100%;height: 50px; margin-top: 110px;padding-left: 50px;}
.pageBox .wal2 .about .cul-l .cul-title h2{float: left; color: #cccccc;font-size: 58px;font-weight: normal;line-height:58px;margin-right: 10px;}
.pageBox .wal2 .about .cul-l .cul-title div {float: left;}
.pageBox .wal2 .about .cul-l .cul-title div p {color: #0061ae; font-size: 24px;}
.pageBox .wal2 .about .cul-l .cul-title div span{color: #cccccc;font-size: 18px;}
.pageBox .wal2 .about .cul-l .fr>p {color: #666666;font-size: 14px;margin-top: 50px;padding-left: 50px;}


.pageBox .serD {margin-bottom: 60px;}
.pageBox .wal2 .about .cul-r {width: 100%;height:auto; margin-bottom: 50px;}
.pageBox .wal2 .about .cul-r .fr {width: 525px; height: 330px;}
.pageBox .wal2 .about .cul-r .fr img {width: 100%;}
	
.pageBox .wal2 .about .cul-r .fl {width: 525px;height: 330px;}
.pageBox .wal2 .about .cul-r .cul-title {width: 100%;height: 50px; margin-top: 80px;}
.pageBox .wal2 .about .cul-r .cul-title h2{float: left; color: #cccccc;font-size: 58px;font-weight: normal;line-height:58px;margin-right: 10px;}
.pageBox .wal2 .about .cul-r .cul-title div {float: left;}
.pageBox .wal2 .about .cul-r .cul-title div p {color: #0061ae; font-size: 24px;}
.pageBox .wal2 .about .cul-r .cul-title div span{color: #cccccc;font-size: 18px;}
.pageBox .wal2 .about .cul-r .fl>p {color: #666666;font-size: 14px;margin-top: 50px;line-height: 24px;}

.pageBox .wal2 .about .cul-r .cul-tt {margin-top: 0;}
.pageBox .wal2 .about .padl {padding-left: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.pageBox .wal2 .about .padr {padding-right: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}


.pageBox .wal2 .history {padding:40px;}
.pageBox .wal2 .about ul li {width: 100%;display: block;}
.pageBox .wal2 .about .his-time {width: 166px; padding-right: 35px; height: auto;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .about .his-time p{color:#ffffff;font-size: 16px;line-height: 40px;font-weight: bold;background: #01b9f5; position: relative;width: 130px;height: 40px; text-align: center;}
.pageBox .wal2 .about .his-time p:after {content: "";width: 17px;height: 17px; background: url(../images/dian.png) no-repeat; position: absolute;top: 13px;right: -44px;}
.pageBox .wal2 .about .his-info {width:calc(100% - 166px); float: left; padding-left: 35px; border-left: 1px dashed #dadada; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .about .his-info p{color: #666666;font-size: 14px; line-height: 28px;}
.pageBox .wal2 .about .his-info img{margin:20px 0 34px 0;}

.pageBox .wal2 .about .section {width: 100%;height:auto;}
.pageBox .wal2 .about .section img {width: 100%;}

.pageBox .wal2 .about .honor {width: 100%;border-bottom: 1px solid #cccccc;padding-bottom: 20px;}
.pageBox .wal2 .about .honor li{float: left;width: 120px;height: 36px;margin-right: 20px;margin-bottom: 10px;}
.pageBox .wal2 .about .honor li a{display: inline-block; width: 120px;height: 36px; border-radius: 18px; background: #e3f8ff;color:#666666;font-size: 16px;line-height: 36px; text-align: center;}
.pageBox .wal2 .about .honor li .on {background: #01b9f5;color: #ffffff;}
.pageBox .wal2 .about .honor li a:hover {background: #0061ae;color: #ffffff;}

.pageBox .honor-info .list ul{ margin-right:-20px;padding-top: 30px;}
.pageBox .honor-info .list>ul>li{ float:left; width:25%; margin-bottom:20px;}
.pageBox .honor-info .list li .box{ margin-right:18px; padding-bottom:20px; border:1px solid #dcdcdc;}
.pageBox .honor-info .list li .imgDiv{ padding:16px 16px 0;}
.pageBox .honor-info .list li .imgDiv img{ width:100%;}
.pageBox .honor-info .list li .name{ padding-top:15px; font-size:16px; text-align:center; height:20px; overflow:hidden; color:#666666;}
.pageBox .honor-info .list li a{position: relative;width: 100%;height: 100%;}
.pageBox .honor-info .list li a .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,97,174,0.6); borer:1px solid red;}

.pageBox .about .parther ul {margin-right: -20px;}
.pageBox .about .parther ul li {position: relative; float: left; width: calc(25% - 20px);padding:20px; margin-right: 20px;margin-bottom: 20px; border:1px solid #d5d5d5; text-align: center; box-sizing: border-box;}
.pageBox .about .parther ul li img {vertical-align: middle; width: 100%;}
.pageBox .about .parther ul li .bg {display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 100%; text-align: center; color:#ffffff;font-size: 18px; background: rgba(0,97,174,0.8);}
.pageBox .about .parther ul li .bg p {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pageBox .about .parther ul li:hover .bg {display: block;}


.bigPicLayer{ background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer .close{ display:block; width:56px; height:56px; background:url(../images/close2.png) no-repeat; right:0px; top:5px; position:absolute; z-index:222;}
.bigPicLayer .imgDiv{ padding-top:10px; text-align:center;}
.bigPicLayer .imgDiv img{width: 400px;border:50px solid #fff;}



.services li {width: 220px;}
.services li a{width: 240px; text-align: center; padding-right: 0;padding-left: 22px;}
.pageNav li .a2{background:#ffffff url(../images/a2.png) no-repeat;}
.pageNav li .a2:hover {background:#0061ae url(../images/a2-active.png) no-repeat;}
.pageNav li .a4{background:#ffffff url(../images/a4.png) no-repeat;}
.pageNav li .a4:hover {background:#0061ae url(../images/a4-active.png) no-repeat;}

.pageBox .service-ul { margin-right: -30px;}
.pageBox .service-ul li {width: calc(33.33% - 30px);margin-right: 30px; margin-bottom: 30px; float: left;}
.pageBox .service-ul li:hover {box-shadow: 0 0 26px #999999;}
.pageBox .service-ul li .imgDiv{ height:230px; overflow:hidden;}
.pageBox .service-ul li img {width: 100%;}
.pageBox .service-ul li .se-info {padding: 30px; background: #ffffff;}
.pageBox .service-ul li .se-info h2{color:#333333;font-size: 18px;font-weight: normal;width: 100%;height: 25px; overflow: hidden;}
.pageBox .service-ul li .se-info h2:hover {color: #0061ae; font-weight: bold;}
.pageBox .service-ul li .se-info p {color:#666666;font-size: 14px;;line-height: 24px;width: 100%;height: 44px;margin-top: 24px; overflow: hidden;}
.pageBox .service-ul li .se-info a{float: right; margin-top:30px; display: inline-block; color: #ffffff;font-size: 12px;background: #01b9f5; width: 120px;height: 36px;line-height: 36px; text-align: center;border-radius: 18px;}
.pageBox .service-ul li .se-info a:hover {background: #0061ae;}

.page {width: 100%;text-align: center;background: #f6f6f6;padding:30px 0 50px;}
.page .page-ul {}
.page .page-ul li {display: inline-block; width: 34px; height: 34px; border-radius: 50%;line-height: 34px;margin-right: 10px;}
.page .page-ul a{display: inline-block; width: 34px; height: 34px; line-height: 34px;}
.page .page-ul li a{color: #999999; font-size: 16px;}
.page .page-ul .active{background: #01b9f5; }
.page .page-ul .active a{color: #ffffff;background: #01b9f5;border-radius: 50%;}
.page .page-ul li:hover a{width: 34px; height: 34px;border-radius: 50%;background: #0061ae; color: #ffffff;}


/*产品详情页面*/
.pro-info {background: #ffffff; padding:50px; margin-bottom: 60px;}
.pro-info .info {width: 450px; height: 365px; position: relative;}
.pro-info .info h2 {color:#333333; font-size: 24px; line-height: 24px;}
.pro-info .info p{color:#666666; font-size: 14px; line-height: 24px; margin: 44px 0px;}
.pro-info .info a {position: absolute;left: 0;bottom: 0; display: inline-block;width: 120px ;height:36px;line-height: 36px;border-radius: 18px;text-align: center; color:#fff; font-size:12px; background: #01b9f5;}
.pro-info .info a:hover {background: #0061ae;}
.pro-info .info-pic {width: 600px; height: 365px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; text-align: right;}
.pro-info .info-pic img {width: 100%;}

.pro-ord {padding:50px;background: #ffffff;}
.pro-ord h2{ width: 100%;height: 18px;border-left: 3px solid #01b9f5; color:#333333; font-size: 16px; line-height: 18px; font-weight: bold;padding-left: 10px;margin-bottom: 30px;}

.pro-ord .pro-list {margin-bottom: 50px;}
.pro-ord .pro-list p{width: 100%;height: 50px;line-height: 50px;background: #01b9f5;color: #ffffff;font-size: 16px;text-align: center;}
.pro-ord .pro-list ul {width: 100%;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pro-ord .pro-list ul li {display: inline-block;float:left; width: 25%; height: 50px;line-height: 50px;padding:0 15px;border-left:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;color:#666666;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

.pro-ord .pro-last ul li {width: 100%;line-height: 30px;height: auto; padding:10px 20px;}
.pro-ord .pro-last {margin-bottom: 0;}

.pageBox .search {border-bottom: 1px solid #d5d5d5; padding-bottom: 30px;}
.pageBox .search .search-box {width: 980px; height: 40px;}
.pageBox .search .search-box div {width: 25%; float: left;}
.pageBox .search .search-box div span {display: inline-block;height: 40px; float: left; color: #666666; font-size: 16px;line-height: 40px;}
.pageBox .search .search-box div input { float: left;width: 150px; height: 40px;outline: none; border:1px solid #d5d5d5;}
.pageBox .search .search-box .yanz {width: 160px; height: 40px; border:1px solid #d5d5d5;}
.pageBox .search .search-box .yanz input {width:105px;border:0; float: left;}
.pageBox .search .search-box .yanz img {float: right; vertical-align: middle; width: 44px; height: 16px; margin-top: 12px;margin-right: 8px;}

.pageBox .search .query {display: inline-block;width: 120px;height: 40px;line-height: 40px;color:#ffffff;font-size: 14px;background: #01b9f5;text-align: center;font-size: 16px;}
.pageBox .search .query:hover {background: #0061ae;}
.pageBox .about .search-info h2{display:block;width: 100%; color: #333333;font-size: 16px; height: 18px; line-height: 18px; border-left: 3px solid #01b9f5;padding-left: 10px;margin:30px 0;}
.pageBox .about .search-info p {color: #666666; font-size: 16px;line-height: 28px;position: relative;margin-left: 22px; position: relative;}
.pageBox .about .search-info p a{color: #0061ae;font-weight: bold;}
.pageBox .about .search-info .p1:before {content: "1、";position: absolute;left: -22px;font-size: 14px; line-height: 28px;}
.pageBox .about .search-info .p2:before {content: "2、";position: absolute;left: -22px;font-size: 14px; line-height: 28px;}
.pageBox .about .search-info .p3:before {content: "3、";position: absolute;left: -22px;font-size: 14px; line-height: 28px;}
.pageBox .about .search-info .p4:before {content: "4、";position: absolute;left: -22px;font-size: 14px; line-height: 28px;}
.pageBox .about .search-info .p5:before {content: "5、";position: absolute;left: -22px;font-size: 14px; line-height: 28px;}

.pageBox .about .search {margin:30px 0;}
.pageBox .about .query .query-title{height: 50px;background: #01b9f5;text-align: center;}
.pageBox .about .query .query-title li {font-size: 16px; font-weight: bold;color:#ffffff;}
.pageBox .about .query ul {height: 50px;background: #eefbff; border-bottom: 1px solid #ffffff;}
.pageBox .about .query ul li{float: left; height: 50px;line-height: 50px;border-right: 1px solid #d5d5d5;font-size: 14px;text-align: center; color: #666666; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .about .query ul li a{color: #666666;margin-left: 35px;}
.pageBox .about .query ul li a:hover {font-weight: bold; color: #0061ae;text-decoration: underline;}
.pageBox .about .query ul .li1{width: 23%;}
.pageBox .about .query ul .li2{width: 17%;}
.pageBox .about .query ul .li3{width: 17%;}
.pageBox .about .query ul .li4{width: 24%;}
.pageBox .about .query ul .li5{width: 19%; border:0;}
.pageBox .about .query .tu {background: #e3f8ff;}


.pageBox .about .line-service ul {border-bottom: 1px solid #cccccc;}
.pageBox .about .line-service li a{display: inline-block;float: left;margin:0 20px 30px 0; width: 120px;height: 36px;line-height: 36px;border-radius: 18px; text-align: center;color:#666666;font-size: 16px;background: #e3f8ff;}
.pageBox .about .line-service li .active {background: #01b9f5;color:#ffffff;}
.pageBox .about .line-service li a:hover {background: #0061ae;color:#ffffff;}

.pageBox .about .line-box li{ padding:28px 0;height: 46px;width: 100%;border-bottom:1px solid #cccccc;}
.pageBox .about .line-box .line-l {max-width: 155px; overflow-x: hidden;}
.pageBox .about .line-box .line-l a{display: block;color: #333333;font-size: 14px;font-weight: bold;}
.pageBox .about .line-box .line-l span {color: #666666;font-size: 12px; line-height: 38px;}
.pageBox .about .line-box .line-r {display: inline-block; padding:0 32px;height: 46px;  border-left: 1px solid #cccccc;}
.pageBox .about .line-box .line-r .bg {display: block; width: 19px;height: 22px; background: url(../images/xiazai.png) no-repeat; margin:0 auto 4px;}
.pageBox .about .line-box .line-r a{text-align: center; color: #666666;font-size: 14px;}
.pageBox .about .line-box .line-l a:hover{color:#0061ae; text-decoration: underline;}
.pageBox .about .line-box .line-r:hover a{color:#0061ae;}
.pageBox .about .line-box .line-r:hover .bg {background:  url(../images/xiazai-f.png) no-repeat;}


.pageBox .about .line-se {width: 100%;background:#ffffff;margin-top: 50px; padding:0;}
.pageBox .wal2 .about .line-se ul li {width: 34px; display: inline-block;}
.pageBox .wal2 .about .line-Sbox img {max-width: 100%;margin:30px 0;}
.pageBox .wal2 .about .line-Sbox p {color:#666666;font-size: 14px;line-height: 28px;}

.line-Sbox3 .Sbox3-title h2 {font-size: 16px;font-weight: bold;color: #333333;line-height: 30px;margin:20px 0;}
.line-Sbox3 .Sbox3-title p {font-size: 14px;color: #666666;line-height: 28px;}

.line-Sbox3 .form{margin-top: 50px;}
.line-Sbox3 .list ul{ margin-right: -62px;}
.line-Sbox3 .list{}
.pageBox .wal2 .about .line-Sbox3 .form li{ width: 33.33%; float: left; }
.pageBox .wal2 .about .line-Sbox{text-align:center;}
.line-Sbox3 .form li .box{height:62px; padding-left: 105px;position:relative;margin-right:40px;}
.line-Sbox3 .form li img{ position:absolute; left:0px;top:5px;}
.line-Sbox3 .form li em{width: 100px;display:block;left:12px;text-align:right;top:5px;position:absolute; font-size: 16px;color: #666666;font-style:normal}
.line-Sbox3 .form li i{ color:#01b9f5;}
.line-Sbox3 .form li .input1{width: 200px;height:28px;border:#dbdbdb solid 1px;line-height:28px;background: #fff;padding: 0 10px;color: #a9a9a9;margin-left: 20px;}
.line-Sbox3 .textarea{ padding-top:30px; outline: none;}
.line-Sbox3 .textarea .title{ position:relative; height:40px;}
.line-Sbox3 .textarea .title img{ position:absolute; left:0px;top:5px;}
.line-Sbox3 .textarea .title em{ width:100px; display:block; left:25px; text-align:right; top:5px; position:absolute; font-size: 16px;color: #666666;font-style:normal}
.line-Sbox3 .textarea textarea{width: 1078px;height: 125px;border:#dbdbdb solid 1px;resize:  none;background:  #fff;padding: 10px;color: #a9a9a9;}
.line-Sbox3 .btnDiv{display: inline-block; width: 120px; height: 36px; text-align: center;color:#ffffff;background: #01b9f5;font-size: 12px;line-height: 36px;border-radius: 18px; margin-top: 30px;}
.line-Sbox3 .btnDiv:hover {background: #0061ae;}
.line-Sbox3 .form .textarea textarea::-webkit-input-placeholder {color: #a9a9a9;font-size: 14px;}
.line-Sbox3 .form .textarea textarea::-moz-placeholder {color: #a9a9a9;font-size: 14px;}
.line-Sbox3 .form .textarea textarea::-ms-input-placeholder {color: #a9a9a9;font-size: 14px;}

.pageBox .wal2 .about .line-Sbox4 .contlists {margin-top: 30px;}
.pageBox .wal2 .about .line-Sbox4 .contlists {width: 100%;font-size: 0; word-spacing: -4px;letter-spacing: -4px;}
.pageBox .wal2 .about .line-Sbox4 .contlists li {display: inline-block;*display: inline; *zoom: 1;letter-spacing: normal;word-spacing: normal;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .about .line-Sbox4 .contlists .last2 {width: 32%; float: left;}
.pageBox .wal2 .about .line-Sbox4 .contlists .last1{width: 68%;}
.pageBox .wal2 .about .line-Sbox4 .contlists li .cont {padding-right: 15px;}
.pageBox .wal2 .about .line-Sbox4 .contlists li .cont p {color: #666666;font-size: 16px;line-height: 27px; padding: 0;}
.pageBox .wal2 .about .line-Sbox4 .contlists li .cont p a{color: #666666;font-size: 14px;line-height: 28px;}
.pageBox .wal2 .about .line-Sbox4 .contlists li .cont p a:hover {color: #01b9f5;}
.pageBox .wal2 .about .line-Sbox4 .contlists li h2 {height: 38px;line-height: 38px;background-color: #01b9f5;color: #fff;font-size: 16px;padding-left: 20px; margin-bottom: 25px;}

.pageBox .wal2 .news {width: 100%;}
.pageBox .wal2 .news li{width: 100%;background: #ffffff;margin-bottom: 30px;padding:20px 0 20px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .news li:hover {box-shadow: 0px 0px 8px #d7d7d7;}
.pageBox .wal2 .news .pic {width: 300px; height: 200px;}
.pageBox .wal2 .news .pic img {width: 100%;}
.pageBox .wal2 .news .conter {width: calc(100% - 300px);padding: 30px 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .news .conter h2 {color: #333333;font-size: 18px;line-height: 18px;height: 20px; overflow: hidden;}
.pageBox .wal2 .news .conter p{color: #666666;font-size: 14px; line-height: 22px;margin:20px 0;font-weight: normal; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pageBox .wal2 .news .conter span {color: #999999;font-size: 12px;}
.pageBox .wal2 .news .conter a {display: inline-block; width: 120px; height: 36px; line-height: 36px; color:#ffffff; background: #01b9f5;border-radius: 18px;font-size: 12px; text-align: center;}
.pageBox .wal2 .news .conter a:hover {background: #0061ae;}
.more {display: none;}

.pageBox .wal2 .new-titles{border-bottom: 1px solid #d5d5d5; text-align: center;padding-bottom: 48px;}
.pageBox .wal2 .new-titles h2 {color: #333333;font-size: 24px; line-height: 40px;font-weight: normal;}
.pageBox .wal2 .new-titles span {color: #999999;font-size: 12px;line-height: 12px;margin-top: 5px;}
.pageBox .wal2 .news-inf {padding: 50px 246px; border-bottom: 1px solid #d5d5d5}
.pageBox .wal2 .news-inf p {color: #666666;font-size: 14px;line-height: 28px;}
.pageBox .wal2 .news-inf .n-pic {overflow: hidden;}
.pageBox .wal2 .news-inf .n-pic .new-pic1 {width: 50%;padding-right: 15px; text-align: center;box-sizing: border-box;}
.pageBox .wal2 .news-inf .n-pic .new-pic2 {width: 50%;padding-left: 15px; text-align: center;box-sizing: border-box;}
.pageBox .wal2 .news-inf .n-pic .fl img{width: 100%;}
.pageBox .wal2 .news-inf .n-pic span {display: block; color: #666666;font-size: 14px;line-height: 28px;margin-top: 20px;}

.pageBox .wal2 .qieh {margin-top: 50px;}
.pageBox .wal2 .qieh .return {width: 120px;height: 36px; line-height: 36px;color: #ffffff;font-size: 12px; text-align: center;background: #01b9f5; border-radius: 18px;margin-top: 11px;}
.pageBox .wal2 .qieh .return:hover {background: #0061ae;}
.pageBox .wal2 .qieh p{color: #666666;font-size: 14px;line-height: 28px;}
.pageBox .wal2 .qieh p a {color: #666666;font-size: 14px;line-height: 28px;}
.pageBox .wal2 .qieh p a:hover{color: #0061ae;font-weight: bold;text-decoration: underline;}


.pageBox .wal2 .ren {}
.pageBox .wal2 .rec-list {width: 100%;height: 350px;background: #ffffff;}
.pageBox .wal2 .rec-list .pic {width: 50%;height: 100%;}
.pageBox .wal2 .rec-list .pic img {width: 100%;}
.pageBox .wal2 .rec-list .info {width: 50%;height: 100%; padding: 50px 25px 50px 50px;overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .rec-list .info h2{position: relative; color: #333333;font-size: 24px;line-height: 22px; margin-left: 24px;margin-bottom: 30px;height: 24px;}
.pageBox .wal2 .rec-list .info h2:before {content:""; position: absolute;top: 0;left: -24px;width: 24px;height: 24px;background: url(../images/ll.png) no-repeat;}
.pageBox .wal2 .rec-list .info p {height: 200px; color: #666666;font-size: 14px;line-height: 28px;padding-right:25px; overflow:hidden;overflow-y: auto;}
.pageBox .wal2 .rec-list .info p::-webkit-scrollbar{width:3px; background: #e3f8ff;}
.pageBox .wal2 .rec-list .info p::-webkit-scrollbar-thumb{background: #01b9f5;}


/* .job{ padding-bottom: 30px; } */
.jobTop{ height: 50px; background: #01b9f5; overflow: hidden; }
.jobTop ul {padding: 0 50px;}
.jobTop li{ float: left; height: 50px; line-height: 50px; text-align:left; font-size: 16px; color: #fff; font-weight: bold;overflow: hidden;}
.pageBox .wal2 .about .jobTop .li01{ width: 260px; }
.pageBox .wal2 .about .jobTop .li02{ width: 265px; }
.pageBox .wal2 .about .jobTop .li03{ width: 262px; }
.pageBox .wal2 .about .jobTop .li04{ width: 213px; }
.jobTop li img{ padding-right: 7px; position: relative; top: -1px; }
.job .list .msgDiv {padding:0 50px;}
.job .list li{ position:relative;}
.job .list li:nth-child(2n+1) {background: #eefbff;}
.job .list li:nth-child(2n) {background: #e3f8ff;}
.job .list li .msgDiv{ height:50px; position:relative; border-bottom: #ffffff solid 1px; }
.job .list li .msgDiv a{ background:url(../images/nimg51_1.png) right center no-repeat; display: block; height: 50px; color: #999;}
.job .list .li01 .msgDiv{ background:#f8f8f8; }
.job .list li .box{display: none; color:#333333; padding:15px 45px 45px; background: #eefbff;}
.job .list li.liNow .msgDiv {background: #0061ae;}
.job .list li.liNow .msgDiv dd {color: #ffffff;}
.job .list li.liNow .msgDiv .dd01 {font-weight: bold;}
.job .list li.liNow .msgDiv a{ background:url(../images/nimg51_1on.png) right center no-repeat;}
.job .list li .msgDiv dd{ height:50px; float:left; line-height:50px; text-align:left; font-size:16px;color: #666666; overflow:hidden;}
.job .list li .msgDiv dd em { font-style: normal;}
.job .list li .msgDiv .dd01{ width: 260px; }
.job .list li .msgDiv .dd02{ width: 265px; }
.job .list li .msgDiv .dd03{ width: 262px; }
.job .list li .msgDiv .dd04{ width: 213px; }
.job .list li .toptop{ padding: 15px 0 18px; border-bottom: #d5d5d5 solid 1px; overflow: hidden;}
.job .list li .txt{ font-weight: bold; font-size: 16px; color: #333; }
.job .list li .txt img{ padding-right: 10px; }
.job .list li .msgList{}
.job .list li .msgList dd{ font-size: 16px;float: left; color: #666666;margin-bottom: 5px;}
.job .list li .msgList .dd01{ width: 260px; }
.job .list li .msgList .dd02{ width: 265px; }
.job .list li .msgList .dd03{ width: 262px; }
.job .list li .msgList .dd04{ width: 213px; }

.job .list li .midmid{ padding-top:20px; overflow: hidden;}
.job .list li .content{ font-size: 16px; line-height: 26px; padding-top: 10px; color: #666;}
.job .list li .content a{color: #666;}
.job .list li .botbot{ padding-top: 20px; }
.job .list li .btnGroup{ padding-top: 45px; overflow: hidden; }
.job .list li .btnGroup dd{ float: left; margin-right: 10px;}
.job .list li .btnGroup a{ display: block; width: 120px; height: 36px;line-height: 36px; background: #01b9f5; text-align: center; font-size: 12px; color: #fff; border-radius: 18px;}
.job .list li .btnGroup a:hover {background: #0061ae;}
.job .list li .btnGroup .btn1{ background: #bbb; }
.job .list li .btnGroup a img{ padding-right: 12px; }

.pageBox .wal2 .about .contact .contlists {margin-top:0;}
.message .form {margin-top: 0;}

.pageBox .wal2 .problem {margin-top: -30px;}
.pageBox .wal2 .problem li {width: 100%;border-bottom: 1px solid #d5d5d5;padding: 30px 0;}
.pageBox .wal2 .problem li h3 {position: relative; width: 100%; color: #333333;font-size: 14px; line-height: 25px; font-weight: bold;padding-left: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .problem li h3:before {content: "Q";position: absolute;top: 0;left: 0; width: 25px;height: 25px;background: #0061ae;color: #fff;font-size: 14px;font-family:'Arial';font-weight: normal; line-height: 25px; text-align: center;}
.pageBox .wal2 .problem li p {position: relative; width: 100%;color: #666666;font-size: 14px; line-height: 25px;margin-top: 20px;padding-left: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .problem li p:before {content: "A";position: absolute;top: 0;left: 0; width: 25px;height: 25px;background: #01b9f5;color: #fff;font-size: 14px;font-family:'Arial';font-weight: normal; line-height: 25px; text-align: center;}


.pageBox .wal2 .life {margin:0 -10px;}
.pageBox .wal2 .life li {float: left; width: 25%; padding: 0 10px;margin-bottom: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .life li .life-box {background: #fff;}
.pageBox .wal2 .life li .life-box img {width: 100%;}
.pageBox .wal2 .life li .life-box p {color: #666666;font-size: 16px; height: 60px;line-height: 60px; overflow: hidden; text-align: center;}


.pageBox .wal2 .line-Sbox2 h3{color:#333333;font-size: 16px;line-height: 16px;margin:28px 0;}
.pageBox .wal2 .line-Sbox2 p{color: #666666;font-size: 16px;line-height:28px;}
.pageBox .wal2 .line-Sbox2 .info-ul {width: 100%; border:1px solid #d5d5d5; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .line-Sbox2 .info-ul li {float: left; width: 33.33%; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .line-Sbox2 .info-ul li span {display: inline-block; width: 43.5%;text-align: center; color: #333333;font-size: 16px;height: 50px;line-height: 50px;border-right: 1px solid #d5d5d5; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .line-Sbox2 .info-ul li input { outline: none; display: inline-block;width: 56.5%;height: 50px;border:0;border-right:1px solid #d5d5d5; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .line-Sbox2 .info-ul li .none{border:0;}

.pageBox .wal2 .line-Sbox2 .pop-box {width: 100;border-top:1px solid #d5d5d5;border-left:1px solid #d5d5d5;}
.pageBox .wal2 .line-Sbox2 .pop-box ul{width: 100%;height: 50px;}
.pageBox .wal2 .line-Sbox2 .pop-box ul li {float: left; text-align: center;height: 50px; line-height: 50px; color: #fff;font-size: 16px;border-right: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pageBox .wal2 .line-Sbox2 .pop-box .title {background: #01b9f5;}
.pageBox .wal2 .line-Sbox2 .pop-box .pop .li1 {color: #333333;font-size: 14px;}
.pageBox .wal2 .line-Sbox2 .pop-box .pop .click {background: url(../images/pop.png) no-repeat center center;}
.pageBox .wal2 .line-Sbox2 .pop-box .pop p {width: 100%;height: 100%;background: #fff;line-height: 50px;}

.pageBox .wal2 .line-Sbox2 .pop-box .li1 {width: 27.5%;}
.pageBox .wal2 .line-Sbox2 .pop-box .li2 {width: 14.5%;}
.pageBox .wal2 .line-Sbox2 .pop-box .li3 {width: 14.5%;}
.pageBox .wal2 .line-Sbox2 .pop-box .li4 {width: 14.5%;}
.pageBox .wal2 .line-Sbox2 .pop-box .li5 {width: 14.5%;}
.pageBox .wal2 .line-Sbox2 .pop-box .li6 {width: 14.5%;}


.pageBox .wal2 .line-Sbox2 .textarea textarea{width:100%;height: 150px; border: #d5d5d5 solid 1px;resize: none;background: #fff;padding: 10px;color: #a9a9a9;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;font-size: 16px;}
.pageBox .wal2 .line-Sbox2 a {display: inline-block;width: 120px;height: 36px; line-height: 36px;text-align: center;color: #fff;font-size: 16px;background: #01b9f5;border-radius: 18px;margin-top: 30px;}
.pageBox .wal2 .line-Sbox2 a:hover {background: #0061ae;}


.tips {display: none; position:fixed;top: 0;left: 0;width: 100%;height: 800px; background:rgba(0,0,0,0.6);z-index: 2000;}
.tips .box {position: relative;top: 0;left: 0; width: 100%;height: 100%;}
.tips .box .info {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); padding: 50px;background: #fff;width: 900px;height: 380px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.tips .box .info p {color: #333333;font-size: 14px;line-height: 14px;margin-bottom: 20px;}
.tips .box .info p img {width: 14px;height: 14px;margin-right: 10px;}
.tips .box .info textarea {border:1px solid #d5d5d5; width: 100%;height: 180px;resize: none;outline: none;padding:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.tips .box .info a {display: block;width: 120px; height: 36px;color:#fff;background: #01b9f5;text-align: center;line-height: 36px;border-radius:18px;margin:30px auto 0;}
.tips .box .info a:hover {background: #0061ae;}
.tips .box .info span {position: absolute;top:0;right: 0; display: inline-block;width: 56px;height: 56px;}
.tips .box .info span img {width: 100%;}


.tips .box .life {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;padding:60px 50px 50px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.tips .box .life .pic {width: 100%;}
.tips .box .life .pic img {width: 800px;}
.tips .box .life p {position: absolute;top: 0;left:50%;transform: translateX(-50%);height: 60px;line-height: 60px;}
.tips .box .life span {position: absolute;top: 0;right: 0;width: 56px;height: 56px;}
.tips .box .life span img{width: 100%;}


.tips .box .big-pic .pic{width: 100%;}
.tips .box .big-pic .pic img {width: 450px;height: 640px;}

.RpLayer{ display:none; position:absolute; width:565px; height:800px; background:#fff; z-index:113;}

.RpLayer .imgDiv{ padding:0px;}
.RpLayer .imgDiv img{ width:568px; height:800px;}


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

    .code
    {
         font-family:Arial;
         font-style:italic;
         color:blue;
         font-size:15px;
         border:0;
         padding:2px 7.5px;
         letter-spacing:1px;
         font-weight:bolder;          
         /*float:left;*/           
         cursor:pointer;
         width:80px;
         height:36px;
         line-height:35px;
         /*text-align:center;*/
         /*vertical-align:middle;*/
         background-color:#D8B7E3;
     }


@media screen and (max-width: 900px) {
    .pageBox .wal2 .line-Sbox2 .pop-box {width: 100%;}
    .pageBox .wal2 .line-Sbox2 .popo {}
    .pageBox .wal2 .line-Sbox2 .pop-box li{box-sizing: border-box;/*padding: 0 1px;*/display: flex;   align-items: center;text-align:center;    justify-content: center;}
    .pageBox .wal2 .line-Sbox2 .pop-box .li1 {width: 20%;}
    .pageBox .wal2 .line-Sbox2 .pop-box .li2,.pageBox .wal2 .line-Sbox2 .pop-box .li3,.pageBox .wal2 .line-Sbox2 .pop-box .li4,.pageBox .wal2 .line-Sbox2 .pop-box .li5,.pageBox .wal2 .line-Sbox2 .pop-box .li6{width:16%;font-size: 12px;line-height:normal;}

    .pageBox .wal2 .line-Sbox2 .pop-box .pop p{font-size:12px;line-height: normal;box-sizing: border-box;/*padding: 0 1px;*/display: flex;   align-items: center;text-align:center;    justify-content: center; }
}