/*header*/
@media screen and (min-width:980px)
{
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,input,form,a,p,textarea{margin: 0;	padding: 0;	font-family: "微软雅黑";}
ol,ul,li{list-style: none;}
body{background:#fff;position:relative;min-width:1200px;font-family:"微软雅黑";}
p{color:#666;}
a{text-decoration: none;display: block;}
img{border: none;display: block;}
button,input,textarea,a,img{outline:none}
.flex{display: flex;}
.flex-jcsp{display: flex;justify-content: space-between;}
.flex-jcsp-aic{display: flex;justify-content: space-between;align-items: center;}

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

.pc-head{height: 80px;}
.pc-head .logo{padding-top: 5px;}
.pc-head .nav{display: block!important;}
.pc-head .nav .ul .li a{height: 80px;padding: 0 24px;color: #4d4d4d;line-height: 80px;}
.pc-head .nav .ul .active a{background-color: #0193de;color: #fff;}
.pc-head .nav .ul .li:hover a{background-color: #0193de;color: #fff;}

.index .banner{width: 100%;height: 650px;}
.index .banner img{width: 100%;height: 650px;}
.index .banner .swiper-pagination{bottom: 130px;}
.index .list1{width: 100%;height: auto;background-color: #f5f5f5;}
.index .list1 .txt-box{position: relative;z-index: 100;background-color: #fff;width: 1120px;padding: 30px 40px 10px;}
.index .list1 .txt-box .h5{font-size: 18px;color: #333333;font-weight: bold;}
.index .list1 .txt-box .span{font-size: 14px;color: #999999;padding: 30px 0;display: block;line-height: 1.6;}
.index .list1 .txt-box .a{font-size: 14px;color: #0193de;}
.index .list1 .txt-box .t-box{position: absolute;z-index: 1;left: 0;top: -50px; width: 1200px;height: 50px;background-color: #fff;}
.index .list1 .txt-box .b-box{position: absolute;z-index: 1;left: 0;bottom: -50px; width: 1200px;height: 50px;background-color: #fff;}
.index .list1 .txt-box .about-box{position: absolute;z-index: 2;top: -110px;right: 80px;background-color: #0193de;width: 130px;height: 130px;}
.index .list1 .txt-box .about-box .h6{position: relative;z-index: 2; font-size: 24px;color: #fff;font-weight: 500;text-align: center;line-height: 37px;padding: 28px 0;}
.index .list1 .txt-box .about-box .h6 .i{position: absolute;z-index: 3;top: 48px;left: 38px; font-size: 12px;color: #fff;font-weight: 400;}

.index .list2{width: 100%;height: 600px;}
.index .list2 img{width: 100%;height: 600px;}

.index .title{width: 310px;margin: 0 auto;text-align: center;}
.index .title .h4{font-size: 30px;color: #333333;font-weight: 500;}
.index .title .hx{width: 310px;border-bottom: 1px dashed #cccccc;margin: 10px 0 14px;}
.index .title .hx .i{width: 40px;height: 2px;background-color: #0193de;margin: -2px auto;}
.index .title .h5{font-size: 14px;color: #808080;}
.index .list3{position: relative;z-index: 0;width: 100%;height: 280px; background-color: #f5f5f5;}
.index .list3 .service-box{position: absolute;left: 50%;margin-left: -600px;top: -210px;width: 1200px;height: 410px;background-color: #fff;padding: 40px 0 0;}
.index .list3 .service-box .service-list{padding-top: 30px;}
.index .list3 .service-box .service-list .swiper-container{width: 1068px;padding: 0 50px;}
.index .list3 .service-box .service-list .swiper-container .swiper-slide{display: flex;justify-content: space-between;align-items: center;}
.index .list3 .service-box .list-box{position: relative;z-index: 0; width: 240px;height: 260px;background-color: #fff;margin: 0 auto;border-bottom: 2px solid #e6e6e6;text-align: center;}
.index .list3 .service-box .list-box .img{width: 80px;height: 80px;margin: 0 auto;display: block;}
.index .list3 .service-box .list-box .h5{font-size: 18px;color: #333333;}
.index .list3 .service-box .list-box .h6{font-size: 14px;color: #666666;padding: 36px 0 64px;}
.index .list3 .service-box .list-box .span{font-size: 12px;color: #808080;}
.index .list3 .service-box .list-box .hr{position: absolute;z-index: 1; left: 0;bottom: -2px;width: 40px;height: 2px;background-color: #0193de;transition: all 0.3s;}
.index .list3 .service-box .list-box:hover .hr{width: 100%;}
.index .list3 .service-box .list-box:hover .span{color: #0193de;}
.index .list3 .service-box .swiper-button-prev{margin-top: -80px;}
.index .list3 .service-box .swiper-button-next{margin-top: -80px;}
.index .list4 .news-box{padding-top: 60px;}
.index .list4 .menu{padding: 36px 0 50px;}
.index .list4 .menu .ul{display: flex;align-items: center;justify-content: center;}
.index .list4 .menu .ul .li{margin: 0 23px;background-color: #e6e6e6;padding: 12px 40px;border-radius: 6px;font-size: 16px;color: #4c4c4c;}
.index .list4 .menu .ul .li.active{color: #fff;background-color: #0193de;}
.index .list4 .news-list .menu-box{display: none;}
.index .list4 .news-list .menu-box.active{display: block;}
.index .list4 .news-list .ul{padding-bottom: 36px;display: flex;}
.index .list4 .news-list .ul .li .a{width: 380px;height: 370px;}
.index .list4 .news-list .ul .li .img-box{width: 100%;height: 210px;overflow: hidden;background-color: #f5f5f5;}
.index .list4 .news-list .ul .li .txt-box{display: flex;justify-content: space-between; border: 1px solid #e6e6e6;padding-top: 26px;}
.index .list4 .news-list .ul .li .txt-box .l{width: 240px;padding: 2px 20px 16px;border-right: 1px solid #e6e6e6;}
.index .list4 .news-list .ul .li .txt-box .h4{font-size: 16px;color: #333333;height: 50px;font-weight: normal;}
.index .list4 .news-list .ul .li .txt-box .h6{font-size: 14px;color: #999999;height: 60px;font-weight: normal; line-height: 1.6;}
.index .list4 .news-list .ul .li .txt-box .r{padding: 0 20px;}
.index .list4 .news-list .ul .li .txt-box .time{font-size: 18px;color: #666666;text-align: center;}
.index .list4 .news-list .ul .li .txt-box .time .i{font-size: 14px;}
.index .list4 .news-list .ul .li .txt-box .all-btn{margin: 30px auto 0;width: 40px;}
.index .list4 .news-list .ul .li .txt-box .all-btn .img{width: 40px;height: 40px;background-image: url(../../images/default/icon-1.png);background-position: 40px 0px;background-size: 200% 100%;transition: all 0.3s;}
.index .list4 .news-list .ul .li:hover .txt-box .all-btn .img{background-position: 0 0;}

footer{background-color: #282828;}
footer .list-1{padding: 36px 0px 30px;}
footer .list-1 .l .list{color: #ffffff;margin-bottom: 24px;}
footer .list-1 .l .list .h4{font-size: 18px;font-weight: bold;}
footer .list-1 .l .list .h5{font-size: 14px;}
footer .list-1 .l .list .h6{font-size: 10px;}
footer .list-1 .r .ul .li{margin-left: 80px;}
footer .list-1 .r .ul .li h5{font-size: 16px;color: #ffffff;font-weight: 600;margin-bottom: 20px;}
footer .list-1 .r .ul .li a{font-size: 14px;color: #ffffff;margin-bottom: 10px;}
footer .list-2{padding: 20px 0;border-top: 1px solid #4b4b4b;}
footer .list-2 .h6{color: #d9d9d9;font-size: 14px;font-weight: normal;}
footer .list-2 .link{color: #d9d9d9;font-size: 14px;margin-left: 24px;}
footer .info{width: 100%;height: auto;background-color: #4d4d4d;padding: 10px 0;}
footer .info .ul .li a{float:left;font-size: 12px;color: #cccccc;}
footer .info .l .ul .li{font-size: 12px;color: #cccccc;}
footer .info .l .ul .li span {float:left;margin-right: 10px;}
footer .info .r .ul .li{display: flex;align-items: center;}
footer .info .r .ul .li .hr{width: 1px;height: 10px;background-color: #cccccc;margin: 0 10px;}
footer .info .r .ul .li:last-child .hr{display: none;}

.about .banner{width: 100%;height: 500px;position: relative;z-index: 0;}
.about .banner .img{width: 100%;height: 500px;}
.about .banner .txt{position: absolute;left: 0;top: 50%;margin-top: -50px; width: 100%;font-size: 36px;color: #ffffff;}
.about .list1{padding: 70px 0 60px}
.about .title{text-align: center;}
.about .title .h5{font-size: 30px;color: #0193de;margin-top: -16px;line-height: 1;}
.about .title .h6{font-size: 48px;color: #eae8e8;font-weight: bold;line-height: 1;}
.about .list1 .txt-box{margin-top: 56px;font-size: 16px;color: #666666;line-height: 1.8;}
.about .list1 .txt-box span{text-indent: 2em;display: block;}
.about .list2{width: 100%;height: 360px;background-image: url(../../images/default/index-img-1.png);}
.about .list2 .ul{padding-top: 35px;}
.about .list2 .ul .li{width: 250px;height: 290px; background-color: rgba(255, 255, 255, 0.2);text-align: center;}
.about .list2 .ul .li img{display: block;margin: 46px auto 20px;}
.about .list2 .ul .li .h5{font-size: 18px;color: #ffffff;font-weight: bold;}
.about .list2 .ul .li .txt{margin-top: 50px;display: flex;height: 42px;}
.about .list2 .ul .li .txt .h6{font-size: 16px;color: #ffffff;margin: auto auto;}

.about .list3{padding: 70px 0 60px}
.about .list3 .tip{font-size: 14px;color: #999999;width: 800px;margin: 20px auto 30px;text-align: center;}
.about .list3 .ul {display: flex;justify-content: space-between;}
.about .list3 .ul .li{width: 220px;}
.about .list3 .ul .li .img{display: block;margin: 0 auto;width: 168px;height: 168px;}
.about .list3 .ul .li .h5{font-size: 18rpx;color: #4c4c4c;font-weight: bold;text-align: center;padding: 20px 0;}
.about .list3 .ul .li .i{width: 38px;height: 2px;background-color: #0193de;margin: 0 auto;}
.about .list3 .ul .li .txt{padding-top: 20px;}
.about .list3 .ul .li .txt span{font-size: 14px;color: #666666;}

.about .list4{background-color: #f5f5f5;padding: 60px 0 60px;}
.about .list4 .banner{width: 1200px;height: auto;padding-top: 60px;}
.about .list4 .banner .swiper-slide{height: 300px;display: flex;}
.about .list4 .banner .swiper-slide .img{width: auto;height: 100%;margin: auto auto;}

.service .banner{width: 100%;height: 500px;position: relative;z-index: 0;}
.service .banner .img{width: 100%;height: 500px;}
.service .banner .txt{position: absolute;left: 0;top: 50%;margin-top: -50px; width: 100%;font-size: 36px;color: #ffffff;}
.service .title{text-align: center;}
.service .title .h5{font-size: 30px;color: #0193de;margin-top: -16px;line-height: 1;}
.service .title .h6{font-size: 48px;color: #eae8e8;font-weight: bold;line-height: 1;}
.service .list1{padding: 60px 0 0;}

.service .list2 .menu{display: flex;align-items: center;justify-content: center;padding: 40px 0;}
.service .list2 .menu .li{margin: 0 22px;border-bottom: 2px solid #fff;}
.service .list2 .menu .li .h4{font-size: 16px;color: #4c4c4c;padding-bottom: 10px;}
.service .list2 .menu .li.active{border-color: #0193de;}
.service .list2 .menu .li.active .h4{color: #0193de;}
.service .list2 .menu .li:hover .h4{color: #0193de;}
.service .list3{padding: 0 0 30px}
.service .list3 .txt-box{display: none;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 20px;}
.service .list3 .txt-box:first-child{display: block;}

.pj-list .banner{width: 100%;height: 500px;position: relative;z-index: 0;}
.pj-list .banner .img{width: 100%;height: 500px;}
.pj-list .banner .txt{position: absolute;left: 0;top: 50%;margin-top: -50px; width: 100%;font-size: 36px;color: #ffffff;}
.pj-list .title{text-align: center;}
.pj-list .title .h5{font-size: 30px;color: #0193de;margin-top: -16px;line-height: 1;}
.pj-list .title .h6{font-size: 48px;color: #eae8e8;font-weight: bold;line-height: 1;}
.pj-list .list1{padding: 60px 0 40px;}
.pj-list .list2 .menu{display: flex;align-items: center;justify-content: center;}
.pj-list .list2 .menu .li{margin: 0 22px;border-bottom: 2px solid #fff;}
.pj-list .list2 .menu .li .h4{font-size: 16px;color: #4c4c4c;padding-bottom: 10px;}
.pj-list .list2 .menu .li.active{border-color: #0193de;}
.pj-list .list2 .menu .li.active .h4{color: #0193de;}
.pj-list .list2 .menu .li:hover .h4{color: #0193de;}

.pj-list .list3 .ul{display: flex;align-items: center;flex-wrap: wrap;width: 1200px;justify-content: space-between;padding: 50px 0 30px;}
.pj-list .list3 .ul .li{width: 375px;margin-bottom: 40px;}
.pj-list .list3 .ul .li .img-box{width: 100%;height: 240px;overflow: hidden;}
.pj-list .list3 .ul .li .img-box img{width: 100%;transition: all 0.5s;}
.pj-list .list3 .ul .li .txt-box{border: 1px solid #e6e6e6;padding: 10px 20px 10px;}
.pj-list .list3 .ul .li .txt-box .h5{font-size: 18px;color: #4c4c4c;font-weight: bold;}
.pj-list .list3 .ul .li .txt-box .h6{font-size: 14px;color: #666666;}
.pj-list .list3 .ul .li .txt-box .span{font-size: 14px;color: #808080;line-height: 1.8;padding-top: 16px;height: 50px;}
.pj-list .list3 .ul .li:hover{box-shadow: 6px 6px 4px #e5e5e5;}
.pj-list .list3 .ul .li:hover .img-box img{transform:scale(1.2);}
.pj-list .list3 .ul .li:hover .txt-box .h5{color: #0193de;}
.pj-list .list3 .ul .li:hover .txt-box .h6{color: #0193de;}

.pj-list .list4 .page ul{display: flex;align-items: center;justify-content: center;padding-bottom: 60px;}
.pj-list .list4 .page ul li{padding: 10px 16px;border: 1px solid #cccccc;font-size: 14px;color: #4c4c4c;margin: 0 6px;}
.pj-list .list4 .page ul li a{color: #4c4c4c;width: 100%;}
.pj-list .list4 .page ul li.active{color: #fff;background-color: #0193de;border-color: #0193de;}
.pj-list .list4 .page ul li.active a{color: #fff;}
.pj-list .list4 .page ul li:hover{border-color: #0193de;color: #0193de;}
.pj-list .list4 .page ul li.active:hover{color: #fff;}


.pj-detail .banner{width: 100%;height: 500px;position: relative;z-index: 0;}
.pj-detail .banner .img{width: 100%;height: 500px;}
.pj-detail .banner .txt{position: absolute;left: 0;top: 50%;margin-top: -50px; width: 100%;font-size: 36px;color: #ffffff;}

.pj-detail .list1{padding: 70px 0;}
.pj-detail .list1 .img-box{width: 510px;max-height: 380px;}
.pj-detail .list1 .img-box img{width: 100%;height: auto;}
.pj-detail .list1 .txt-box{width: 500px;margin-right: 100px;}
.pj-detail .list1 .txt-box .h4{font-size: 26px;color: #333333;font-weight: bold;padding-bottom: 36px;}
.pj-detail .list1 .txt-box .h5{font-size: 16px;color: #666666;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;line-height: 1.8;}
.pj-detail .list1 .txt-box .btn{font-size: 14px;color: #ffffff;background-color: #0193de;margin-top: 60px; padding: 10px 70px;display: inline-block;border-radius: 30px;}

.pj-detail .list2 .h4{font-size: 20px;color: #333333;padding-bottom: 36px;border-bottom: 1px solid #d9d9d9;}
.pj-detail .list2 .txt-box{padding: 40px;}

.pj-detail .list3 .t{border-bottom: 1px solid #d9d9d9;padding-bottom: 30px;}
.pj-detail .list3 .t .h4{font-size: 20px;color: #333333;}
.pj-detail .list3 .t a{font-size: 12px;color: #666666;}
.pj-detail .list3 .ul{padding: 30px 0 60px;}
.pj-detail .list3 .ul .li{width: 285px;}
.pj-detail .list3 .ul .li img{width: 100%;height: 210px;}
.pj-detail .list3 .ul .li .h5{width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: #f5f5f5;font-size: 14px;color:#4c4c4c;}

.news-list .banner{width: 100%;height: 500px;position: relative;z-index: 0;}
.news-list .banner .img{width: 100%;height: 500px;}
.news-list .banner .txt{position: absolute;left: 0;top: 50%;margin-top: -50px; width: 100%;font-size: 36px;color: #ffffff;}
.news-list .title{text-align: center;}
.news-list .title .h5{font-size: 30px;color: #0193de;margin-top: -16px;line-height: 1;}
.news-list .title .h6{font-size: 48px;color: #eae8e8;font-weight: bold;line-height: 1;}
.news-list .list1{padding: 60px 0 50px;}
.news-list .list2 .menu{padding: 36px 0 50px;}
.news-list .list2 .menu .ul{display: flex;align-items: center;justify-content: center;}
.news-list .list2 .menu .ul .li{margin: 0 23px;background-color: #e6e6e6;padding: 12px 40px;border-radius: 6px;font-size: 16px;color: #4c4c4c;}
.news-list .list2 .menu .ul .li.active{color: #fff;background-color: #0193de;}
.news-list .list3 .ul .li{margin-bottom: 50px;display: flex;align-items: center;justify-content: space-between;}
.news-list .list3 .ul .li .img-box{width: 340px;height: 230px;display: flex;overflow: hidden;}
.news-list .list3 .ul .li .img-box img{width: 100%;margin: auto auto;transition: all 0.5s;}
.news-list .list3 .ul .li .txt-box{width: 790px;}
.news-list .list3 .ul .li .txt-box .all-btn{width: 40px;width: 100%;height: 40px;}
.news-list .list3 .ul .li .txt-box .all-btn .img{float: right; width: 40px;height: 40px;background-image: url(../../images/default/icon-1.png);background-position: 40px 0px;background-size: 200% 100%;transition: all 0.3s;}
.news-list .list3 .ul .li .txt-box .h5{font-size: 18px;color: #4c4c4c;font-weight: bold;display: flex;justify-content: space-between;padding:20px 0 36px;border-bottom: 1px dotted #e8e8e8;}
.news-list .list3 .ul .li .txt-box .h5 .time{font-size: 14px;color: #999999;}
.news-list .list3 .ul .li .txt-box .span{font-size: 14px;color: #808080;line-height: 1.8;padding-top: 30px;max-height: 100px;min-height: 100px;}
.news-list .list3 .ul .li:hover .img-box img{transform:scale(1.2);}
.news-list .list3 .ul .li:hover .txt-box .h5{color: #0193de;}
.news-list .list3 .ul .li:hover .txt-box .all-btn .img{background-position: 0 0;}

.news-list .list4 .page ul{display: flex;align-items: center;justify-content: center;padding-bottom: 60px;}
.news-list .list4 .page ul li{padding: 10px 16px;border: 1px solid #cccccc;font-size: 14px;color: #4c4c4c;margin: 0 6px;}
.news-list .list4 .page ul li a{color: #4c4c4c;}
.news-list .list4 .page ul li.active{color: #fff;background-color: #0193de;border-color: #0193de;}
.news-list .list4 .page ul li.active a{color: #fff;}
.news-list .list4 .page ul li:hover{border-color: #0193de;color: #0193de;}
.news-list .list4 .page ul li.active:hover{color: #fff;}

.news-detail .banner{width: 100%;height: 500px;position: relative;z-index: 0;}
.news-detail .banner .img{width: 100%;height: 500px;}
.news-detail .banner .txt{position: absolute;left: 0;top: 50%;margin-top: -50px; width: 100%;font-size: 36px;color: #ffffff;}
.news-detail .l{padding: 60px 20px 10px;width: 820px;}
.news-detail .list1{width: 100%;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;}
.news-detail .list1 .h4{font-size: 24px;color: #333333;font-weight: 500;text-align: center;width: 580px;line-height: 1.8;margin: 0 auto;}
.news-detail .list1 .h6{font-size: 14px;color: #808080;text-align: center;display: flex;justify-content: center;}

.news-detail .list2{padding: 30px 0;color: #666666;line-height: 1.8;}

.news-detail .list3{padding: 30px 0; border-top: 1px solid #e6e6e6;}
.news-detail .list3 .page .li{padding-bottom: 30px;font-size: 14px;color: #4c4c4c;}
.news-detail .list3 .page .li:hover{color: #0193de;font-weight: bold;}

.news-detail .r{width: 320px;padding: 60px 20px;}
.news-detail .list4 .h5{font-size: 18px;color: #0193de;font-weight: bold;}
.news-detail .list4 .ul{padding: 20px 0;}
.news-detail .list4 .ul .li{font-size: 14px;color: #666666;padding: 10px 0;border-bottom: 1px dashed #e6e6e6;}
.news-detail .list4 .img-box{width: 270px;height: 170px;position: relative;z-index: 0;}
.news-detail .list4 .img-box .img{width: 100%;height: 100%;display: block;}
.news-detail .list4 .img-box .h6{font-size: 18px;color: #fff;font-weight: bold;position: absolute;z-index: 1;left: 50%;top: 50%;margin-left: -36px;margin-top: -12px;}

.contact .banner{width: 100%;height: 500px;position: relative;z-index: 0;}
.contact .banner .img{width: 100%;height: 500px;}
.contact .banner .txt{position: absolute;left: 0;top: 50%;margin-top: -50px; width: 100%;font-size: 36px;color: #ffffff;}
.contact .title{text-align: center;}
.contact .title .h5{font-size: 30px;color: #0193de;margin-top: -16px;line-height: 1;}
.contact .title .h6{font-size: 48px;color: #eae8e8;font-weight: bold;line-height: 1;}
.contact .list1{padding: 60px 0;}
.contact .list2 .ul{padding: 10px 0 70px;}
.contact .list2 .ul .li{position: relative;z-index: 0;width: 360px;height: 180px;border: 1px solid #e6e6e6;display: flex;}
.contact .list2 .ul .li .img-box{position: absolute;left: 50%;top: -40px;margin-left: -40px;z-index: 1; width: 80px;height: 80px;}
.contact .list2 .ul .li:hover{border-color: #80c9ee;}
.contact .list2 .ul .li .txt-box{margin: auto auto;}
.contact .list2 .ul .li .txt-box .h6{font-size: 15px;color: #333333;}

.contact .list4{padding: 70px 0 10px}
.contact .list4 .form{margin-top: 60px;padding: 0 190px;}
.contact .list4 .form .li{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
.contact .list4 .form .li .input{width: 360px; border-bottom: 1px solid #cccccc;padding: 10px 0;font-size: 18px;color: #666666;}
.contact .list4 .form .li .input input{border: none;width: 280px;font-size: 18px;color: #444;}
.contact .list4 .form .btn{font-size: 24px;color: #ffffff;background-color: #0193de;padding: 10px 60px;border-radius: 10px;border: none;margin: 0 auto;cursor:pointer;}

 
.magazine .banner{width: 100%;height: 500px;position: relative;z-index: 0;}
.magazine .banner .img{width: 100%;height: 500px;}
.magazine .banner .txt{position: absolute;left: 0;top: 50%;margin-top: -50px; width: 100%;}
.magazine .banner .txt .h4{font-size: 36px;color: #f5f9fb;}
.magazine .banner .txt .hr{width: 90px;height: 1px; background-color: #f5f9fb;margin: 36px 0 34px;}
.magazine .banner .txt .h5{font-size: 30px;color: #f5f9fb;}
.magazine .list1 .ul{padding: 100px 0 0;flex-wrap: wrap;}
.magazine .list1 .ul .li{width: 330px;margin-bottom: 100px;}
.magazine .list1 .ul .li .img-box{width: 100%;overflow: hidden;}
.magazine .list1 .ul .li .img-box img{width: 100%;transition: all 0.5s;}
.magazine .list1 .ul .li .txt-box .h5{font-size: 16px;color: #2d2c2c;font-weight: bold;padding: 16px 0 26px;}
.magazine .list1 .ul .li .txt-box .h6{font-size: 16px;color: #666666;display: flex;align-items: center;justify-content: space-between;}
.magazine .list1 .ul .li:hover .txt-box .h5 {color: #0193de;}
.magazine .list1 .ul .li:hover .img-box img{transform:scale(1.2);}
.magazine .list2 .page ul{display: flex;align-items: center;justify-content: center;padding-bottom: 60px;}
.magazine .list2 .page ul li{padding: 10px 16px;border: 1px solid #cccccc;font-size: 14px;color: #4c4c4c;margin: 0 6px;}
.magazine .list2 .page ul li a{color: #4c4c4c;width: 100%;}
.magazine .list2 .page ul li.active{color: #fff;background-color: #0193de;border-color: #0193de;}
.magazine .list2 .page ul li.active a{color: #fff;}
.magazine .list2 .page ul li:hover{border-color: #0193de;color: #0193de;}
.magazine .list2 .page ul li.active:hover{color: #fff;}

.mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;display: none;}
.mask.active{display: block;}
.mask .bg{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6)}
.mask .off-btn{position: absolute;z-index: 101;top: 10px;right: 10px;width: 40px;height: 40px;}
.mask .off-btn img{width: 100%;height: 100%;}
.mask .book-box{position: absolute;z-index: 100;top: 50%; left: 50%;margin-left: -600px;margin-top: -300px;padding: 20px;background-color: #ababae;}
.mask .book-box .swiper-slide{display: flex;overflow: hidden;}
.mask .book-box .swiper-slide img{margin: auto auto;display: block;max-width: 1200px;}
.mask .book-box .txt-info{padding-top: 10px;}
.mask .book-box .txt-info .h5{font-size: 22px;color: #333333;}
.mask .book-box .txt-info .h6{font-size: 16px;color: #2d2c2c;}

/* 手机版才显示的内容 */
.menu-btn{display: none;}
.pc-head .bg{display: none;}
.mobile-head-height{display: none;}
.index .list1 .title{display: none;}
.index .list3 .service-box .service-list .mobile{display: none;}
.about .swiper-about-mobile{display: none;}
}