@charset "utf-8";







/* AB模板网 整站模板下载 */







/* 模板：Www.AdminBuy.Cn */







/* 仿站：Fang.AdminBuy.Cn */







/* 素材：Sc.AdminBuy.Cn */







/* QQ：9490489 */







*{







	box-sizing: border-box;







	-webkit-tap-highlight-color:transparent;







}







html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu







	{







		margin:0;







		padding: 0;







		box-sizing:border-box;







		-webkit-box-sizing:border-box;







	}







html, body 







	{







        font-family:"Microsoft Yahei",Tahoma, Helvetica, Arial, sans-serif;







        font-size: 20px;







    }







a,a:hover,a:focus,a:visited







{







	text-decoration: none;







	outline:none !important;







	outline:0;







}







ul,ul li,ol,li 







	{







		list-style: none outside none;







	}







input[type="submit"], input[type="reset"], input[type="button"], input







	{







    	resize: none;







    	border: none;







    }







textarea







	{







		resize: none;







	}







a







	{







	text-decoration: none;







	}







img 







	{







        vertical-align: middle;border: none;width: 100%;height: 100%;







	}







i 







	{







		font: inherit;







    }







    .x-img{







        overflow: hidden;







    }







/*单行溢出*/







.one-txt-cut{







    overflow: hidden;







	white-space: nowrap;







    text-overflow: ellipsis;







}







/*多行溢出 手机端使用*/







.txt-cut{







    overflow : hidden;







    text-overflow: ellipsis;







    display: -webkit-box;







    -webkit-line-clamp: 3;







    -webkit-box-orient: vertical;







}







#delbox{







    margin-right:0;







}







.flex{







  display:box;







  display:-webkit-box;







  display:-webkit-flex; 







  display:-moz-box; 







  display:-ms-flexbox; 







  display:flex;







}







.flex-j{







    -webkit-justify-content:space-between;







    -moz-justify-content:space-between;







    -ms-justify-content:space-between;







    -o-justify-content:space-between;







    justify-content:space-between;







}







.flex-w{







  -webkit-flex-wrap: wrap;







  -moz-flex-wrap: wrap;







  -ms-flex-wrap: wrap;







  -o-flex-wrap: wrap;







  flex-wrap:wrap;







}







.flex-s{







    -webkit-justify-content: flex-start;







    -moz-justify-content: flex-start;







    -ms-justify-content: flex-start;







    -o-justify-content: flex-start;







    justify-content: flex-start;







  }







.flex-c{







    -webkit-justify-content: center;







    -moz-justify-content: center;







    -ms-justify-content: center;







    -o-justify-content: center;







    justify-content: center;







  }







.align-center{







  -webkit-align-items:center;







  -moz-align-items:center;







  -ms-align-items:center;







  -o-align-items:center;







  align-items:center;







}







.flex-cm{







  -webkit-flex-direction: column;







  -moz-flex-direction: column;







  -ms-flex-direction: column;







  -o-flex-direction: column;







  flex-direction: column;







  }







.trs{







	-webkit-transition: all .3s ease-in-out;







	-moz-transition: all .3s ease-in-out;







	-ms-transition: all .3s ease-in-out;







	-o-transition: all .3s ease-in-out;







	transition: all .3s ease-in-out;







}







.content







	{







	width: 100%;







	max-width: 1200px;







	margin: auto;







	







	}







.ani-delay{







    animation-delay: .4s;







}







.icon {







    width: 1em; height: 1em;







    vertical-align: -0.15em;







    fill: currentColor;







    overflow: hidden;







 }







/* 顶部 */







.top{







    background-color: #3a3c4b;







}







.topbox{







    line-height: 1.75rem;







}







.top-wel p{







    font-size: .6rem;







    color: rgba(255, 255, 255, .6);







}







.top-wel p a{







    color: rgba(255, 255, 255, .6);







    font-weight: bold;







}







.top-r a,.top-lx{







    font-size: .6rem;







    color: #808080;







    margin-left: .75rem;







}







.top-r a .iconfont,.top-lx .iconfont{







    font-size: .55rem;







}







.top-r a p,.top-lx p{







    margin-left: .25rem;







}







.top-lx{







    position: relative;







}







.top-ewm{







    visibility: hidden;







    opacity: 0;







    position: absolute;







    top: 110%;







    left: 50%;







    width: 6rem;







    height: 6rem;







    -webkit-transform: translateX(-50%);







    -moz-transform: translateX(-50%);







    -ms-transform: translateX(-50%);







    -o-transform: translateX(-50%);







    transform: translateX(-50%);







    box-shadow:0 0 1rem rgba(0, 0, 0, .1);







    background-color: #fff;







    z-index: 600;







}







.top-ewm img{







    -webkit-transform: scale(.85);







    -moz-transform: scale(.85);







    -ms-transform: scale(.85);







    -o-transform: scale(.85);







    transform: scale(.85);







}







.top-wel p a:hover{







    color: #144099;







    text-decoration: underline;







}







.top a:hover,.top-lx:hover{







    color: #144099;







}







.top .top-lx:hover .top-ewm{







    visibility: visible;







    opacity: 1;







}







/* 头部 */







.header{







    width: 100%;







    background: #fff;







}







.headerbox{







    height: 5rem;







}







.header-l{







    width: 70%;







}







.header-l .logo{







    width: 22%;







}







.header-font{







    padding-left: 1.25rem;







    margin: 1.25rem;







    border-left: 1px solid #ebebeb;







}







.header-font h1{







    color: #444;







    font-size: 1rem;







}







.header-font p{







    padding-top: .25rem;







    color: #999;







    font-size: .7rem;







}







.header-r .icon{







    font-size: 2.3rem;







}







.header-r .telbox p{







    font-size: .6rem;







    color: #808080;







    margin-left: .75rem;







}







.header-r .telbox h1{







    font-size: 1.0rem;







    color: #fb8967;







    margin-left: .75rem;







}







/* 导航 */







.nav{







    background-color:  #144099;







    width: 100%;







}







.nav .nav1li{







    flex: 1;







    margin:0 1px;







    position: relative;







    text-align: center;















}







.nav .nav1li .nav1a {







    font-size: .8rem;







    color: #fff;







    font-weight: bold;







    line-height: 2.5rem;







}







.nav1a .iconfont{







    font-size: .6rem;







    padding-left:.5rem;







    color: rgba(255, 255, 255, .7);







}







.nav .nav1li.active{







    background-color:#382b9e;







}







.nav .nav1li.active .nav1a{







    color:  #fff;







}







.nav .nav1li:hover{







    background-color:#382b9e;







}















.nav .nav1li:hover .nav1a{







    color:  #fff;







}















.nav .nav2ul{







    visibility: hidden;







    opacity: 0;







    position: absolute;







    top: 100%;







    left: 50%;







    width: 100%;







    background-color: white;







    z-index: 2;







    -webkit-transform: translateX(-50%);







    -moz-transform: translateX(-50%);







    -ms-transform: translateX(-50%);







    -o-transform: translateX(-50%);







    transform: translateX(-50%);







    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);







}







.nav .nav2li{







    padding: 0 1rem;







}







.nav .nav2li a{







    font-size: .7rem;







    color: #444;







    text-align: center;







    display: block;







    padding: .5rem 0;







}







.nav ul>li:hover .nav2ul{







    visibility: visible;







    opacity: 1;







}







.nav .nav2li:hover{







    background-color:  #144099;







}







.nav .nav2li:hover a{







    color: #fff;







}







.nav.on{







    top: 0;







    position: fixed;







    left: 0;







    z-index: 500;







}







/* 搜索框 */







.search,.bread{







    background-color: #fff;







    line-height: 3.5rem;







    border-bottom: 1px solid #e4e3f0;







}







.search .hot-s span,.search a{







    font-size: .8rem;







}







.search .hot-s span{







    color: #808080;







    margin-right:1rem;







    font-weight: bold;







}







.search .hot-s a{







    color: #444;







    padding: 0 .25rem;







}







.search .hot-s a:hover{







    color: #fb8967;







    text-decoration: underline;







    font-weight: bold;







}







.search-b1{







    border-bottom: 1px solid transparent;







    background: linear-gradient(left , rgb(79, 65, 189) , rgb(251, 137, 103) 100%);







    background: -o-linear-gradient(left , rgb(79, 65, 189) , rgb(251, 137, 103) 100%);







    background: -ms-linear-gradient(left , rgb(79, 65, 189) , rgb(251, 137, 103) 100%);







    background: -moz-linear-gradient(left , rgb(79, 65, 189) , rgb(251, 137, 103) 100%);







    background: -webkit-linear-gradient(left , rgb(79, 65, 189) , rgb(251, 137, 103) 100%);















}







.search-b .inp{







    color: #444;







    font-size: .7rem;







    padding-left: .75rem;







    line-height: 1.75rem;







    width: 15rem;







    outline: none;







    border-radius: 0;







}







.search-b .but{







    padding: 0 1.75rem;







    background:url(../images/fdj.png) center center no-repeat;







    cursor: pointer;







    line-height: 1.75rem;







    background-color: #fff;







    font-size: .8rem;







    border-radius: 0;







}







.search-b .but:hover{







    background:url(../images/fdj2.png) center center no-repeat;







    background-color: #fff;







}







/* 内页面包屑 */







.bread-l{ font-size:12px; color:#808080}







.bread-l span{







    font-weight: bold;







    color: #333;







}







.bread-l span,.bread-l a,.bread-l p{







    font-size: .7rem;







}







.bread-l .iconfont{







    font-size: .6rem;







}







.bread-l a{







    color: #808080; padding:0 3px







}







.bread-l .iconfont{







    color:#999;







}







.bread-l .iconfont{







    padding: 0 .35rem;







}







.bread-l p{







    color: #144099;







    font-weight: bold;







}







.bread-l a:hover{







    font-weight: bold;







    color: #144099;







}







/* PC底部 */







.footer{







    background:#144099;







}







.f-t{







    padding: 3rem 0;







    -webkit-align-items:flex-start;







    -moz-align-items:flex-start;







    -ms-align-items:flex-start;







    -o-align-items:flex-start;







    align-items:flex-start;







}







.f-l{







    width: 45%;







}







.f-l>ul>li>a{







    font-size: .7rem;







    color: rgba(255, 255, 255, .8);







    padding-right: 1.5rem; display:inline-block







}







.f-nav2{







    font-size: .6rem;







    color: rgba(255, 255, 255, .6);







    line-height: 1.2rem;







}















.f-c{







    border-left: 1px solid rgba(255, 255, 255, .15);







    border-right: 1px solid rgba(255, 255, 255, .15);







    padding: 0 2rem;







    margin-left: 2rem;







    width: 30%;







}







.f-c h6{







    font-size: .7rem;







    color: rgba(255, 255, 255, .8);







    padding-bottom: 1rem;







}







.f-c p{







    font-size: .6rem;







    color: rgba(255, 255, 255, .6);







    line-height: 1.5rem;







}







.f-r{







    flex: 1;







}







.f-r .ewm{







    width: 4.5rem;







    height: 4.5rem;







    background-color: #fff;







    padding: .25rem;







    margin-left: 2rem;







}







.f-r .ewm p{







    font-size: .6rem;







    color: rgba(255, 255, 255, .6);







    text-align: center;







    padding-top: .5rem;







}







.f-b{







    border-top: 1px solid rgba(255, 255, 255, .15);







}







.f-b a{ color:#808080}







.f-b p{







    text-align: center;







    font-size: .6rem;







    padding: .5rem 0;







    color: rgba(255, 255, 255, .4);







}







.f-l>ul>li>a:hover{







    color: rgba(255, 255, 255, 1);







}







.f-nav2:hover{







    color: rgba(255, 255, 255, 1);







}







/* 内页分页 */







.pages{







    text-align: center;







    justify-content: center;







    padding-top:2rem;







}







.pages .iconjiantou{







    font-size: .8rem;







    color: #999;







    display: block;







}







.pages a{







    margin: 0 .25rem;







}







.pages .page{







    width: 1.5rem;







    height: 1.5rem;







    border: 1px solid #e6e6e6;







    background: #fff;







    line-height: 1.5rem;







    color: #808080;







    font-size: .8rem;







}







.pages a.active{







    background:  #fb8967;







    color: #fff;







}















.pages a.page-num-current{







    background:  #fb8967;







    color: #fff;







}







.pages a.prev{







    -webkit-transform: rotate(180deg);







    -moz-transform: rotate(180deg);







    -ms-transform: rotate(180deg);







    -o-transform: rotate(180deg);







    transform: rotate(180deg);







}







.pages .page:hover{







    background:  #fb8967;







    color: #fff;







}







.pages .iconjiantou:hover{







    color:  #fb8967;







}







/* 返回顶部 */







.go-top{







    position: fixed;







    right: 0;







    top: 70%;







    z-index: 500;







}







.go-top .item{







    width: 2rem;







    height: 2rem;







    background:#fb8967;







    margin-bottom: .1rem;







    box-shadow: 0 0 10px rgba(255, 255, 255, .05);







}







.go-top .dh,.go-top .ewm{







    position: relative;







}







.go-top .iconfont{







    color: #fff;







    font-size: 1.4rem;







    text-align: center;







    line-height: 2rem;







}







.go-top .dh-active{







    background:#fb8967;







    width: 6rem;







    height: 2rem;







    position: absolute;







    left: -6.5rem;







    top: 0;







    color: #fff;







    text-align: center;







    line-height: 2rem;







    opacity: 0;







    visibility: hidden;







}







.go-top .dh-active p{







    font-size: .75rem;







}







.go-top .code img{







    width: 85%;







    height: 85%;







    margin: auto;







    display: block;







    padding-top: .25rem;







}







.go-top .ewm-active{







    position: absolute;







    padding: .15rem;







    width: 6rem;







    height: 7.5rem;







    left: -6.5rem;







    top: 50%;







    opacity: 0;







    visibility: hidden;







    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);







    background: #fff;







    -webkit-transform: translateY(-50%);







    -moz-transform: translateY(-50%);







    -ms-transform: translateY(-50%);







    -o-transform: translateY(-50%);







    transform: translateY(-50%);







}







.go-top .ewm-active .wenzi{







    width: 100%;







    height: 2rem;







    text-align: center;







    line-height: 1rem;







    border-top: 1px solid rgba(0, 0, 0, .1);;







    padding-top: .25rem;







    margin-top: .25rem;







}







.go-top .wenzi p{







    font-size: .6rem;







    color:#fb8967;







}







.go-top .ewm-active::after{







    content: "";







    position: absolute;







    left: 100%;







    top: 50%;







    width: 0;







    height: 0;







    border-width: 10px 12px 10px 10px;







    border-style: solid;







    border-color:  transparent transparent transparent #fff;







    -webkit-transform: translateY(-50%);







    -moz-transform: translateY(-50%);







    -ms-transform: translateY(-50%);







    -o-transform: translateY(-50%);







    transform: translateY(-50%);







}







.go-top .item:hover{







    background: #ec592c







}







.go-top .item:hover .ewm-active,.go-top .item:hover .dh-active{







    opacity: 1;







    visibility: visible;







}







.go-top .backtotop{







    display: none;







}















/* 移动端导航 */







.mo-top{







    display: none;







    width: 100%;







    background: white;







    position: fixed;







    box-shadow: 0 5px 10px rgba(108, 128, 111, .1);







    z-index: 500;







    top: 0;







    left: 0;







    border-bottom: 1px solid rgba(77, 95, 238, .8);







}







.mo-top a{







    display: block;







    overflow: hidden;







    width: 25%;







    line-height: 60px;







}







.mo-top a img{







    max-width: 100%;







}







.mo-nav .s1,.mo-top .s2,.mo-top .s3{







    width: 22px;







    height: 2px;







    display: block;







    background-color:rgba(77, 95, 238, .4);







    position: relative;







    overflow: hidden;







}







.su::after{







    position: absolute;







    content: "";







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    background:  #144099;







    transform: translateX(-100%);







    transition: all 0.25s ease;







}







.mo-nav:hover .su::after{







    transform: translateX(0);







}







.s1::after{







    transition-delay: .2s;







}







.s2::after{







    transition-delay: .4s;







}







.s3::after{







    transition-delay: .6s;







}







.mo-nav .s2{







    margin-top: 6px;







}







.mo-nav .s3{







    margin-top: 6px;







}







.mo-nav.on .s1{







    -webkit-transform: matrix(1,0,0,1,0,8) rotate(45deg);







    transform: matrix(1,0,0,1,0,18),rotate(45deg);







}







.mo-nav.on .s2{







    opacity: 0;







}







.mo-nav.on .s3{







    -webkit-transform: matrix(1,0,0,1,0,-8) rotate(-45deg);







    transform: matrix(1,0,0,1,0,-18),rotate(-45deg);







}







/* 移动端导航下拉 */







.navdown{







    display: none;







    width: 100%;







    background: #fff;







    z-index: 500;







    position: fixed;







    top: 3rem;







    left: 0;







}







.navdown ul li{







    width: 100%;







    border-bottom: 1px dashed #eee;







}















.navdown ul li a{







    padding: 1rem;







    color: #444;







    width: 100%;







    display: block;







    font-size: .8rem;







}







.mask{







    width: 100%;







    height: 100%;







    background: rgba(0, 0, 0, .6);







    z-index: 499;







    position: fixed;







    top: 0;







    left: 0;







    display: none;







}







/* 移动端状态栏 */







.mo-footer{







    height: 3rem;







    width: 100%;







    background-color:  #144099;







    z-index: 100;







    position: fixed;







    bottom: 0;







    left: 0;







    box-shadow: 0 -5px 10px rgba(0, 0, 0, .05);







    display: none;







}







.mo-footerbox{







    height: 100%;







}







.mo-footer a{







    display: block;







    width: 25%;







    text-align: center;







    border-right: 1px solid rgba(255, 255, 255, .32);







}







.mo-footer a:nth-child(4){







    border: none;







}







.mo-footer p,.mo-footer .iconfont{







    color: #fff;







}







.mo-footer .iconfont{







    font-size: 1.25rem;







}







.mo-footer p{







    font-size: .7rem;







}







/* 移动端底部 */







.mo-copyright{







    background: #3b3b3b;







    width: 100%;







    text-align: center;







    line-height: 2.5rem;







    display: none;







    margin-bottom: 3rem;







}







.mo-copyright p{







    font-size: .6rem;







    color: rgba(255, 255, 255, .6);







}







/* 首页banner */







.swiper1{







    width: 100%;







    height: 30rem;







    position: relative;







}







.swiper1 .swiper-slide{







    background-position: center center;







    background-size: cover;







    background-repeat: no-repeat;







}















.swiper1 .swiper-button-prev{







    left: 10%;







}







.swiper1 .swiper-button-next{







    right: 10%;







}







.swiper1 .iconfont{







    font-size: 2rem;







    color: rgba(255, 255, 255, .6);







    z-index: 100;







}







.swiper1 .iconfont:hover{







    color: #fff;







}







.swiper1 .swiper-button-prev:after,.swiper1 .swiper-button-next:after{







    content: ''!important;







}







.swiper1 .swiper-button-prev .iconjiantou{







    -webkit-transform: rotate(180deg);







    -moz-transform: rotate(180deg);







    -ms-transform: rotate(180deg);







    -o-transform: rotate(180deg);







    transform: rotate(180deg);







}







.banner .swiper1 .swiper-pagination{







    position: absolute;







    left: 50%;







    bottom: 40px;







    -webkit-transform: translateX(-50%);







    -moz-transform: translateX(-50%);







    -ms-transform: translateX(-50%);







    -o-transform: translateX(-50%);







    transform: translateX(-50%);







}







.banner .swiper1 .swiper-pagination-bullet{







    width: .8rem;







    height:.8rem;







    opacity: 1;







    border: 2px solid rgba(255, 255, 255, .7);







    background-color: rgba(0, 0, 0, 0) !important;







    margin: 0 .625rem !important;







    border-radius: 50%;







}







.banner .swiper1 .swiper-pagination-bullet-active{







    background-color:  #144099 !important;







    border: none;







}







/* 首页标题 */







.tit{







    text-align: center;







}







.tit h1{







    font-size: 2.1rem;







    color: #0f0a33;







    position: relative;







    padding: .25rem 0 1rem;







}







.tit h2{







    font-size: .9rem;







    color: #999;







    text-transform: uppercase;







    font-weight: normal;







}







.tit-b span{







    height: .2rem;







    background-color: #144099;







    border-radius: .1rem;







}







.tit-b span:nth-child(1),.tit-b span:nth-child(3){







    width:1rem;







}







.tit-b span:nth-child(2){







    width:.5rem;







    margin: 0 .5rem;







}







/* 首页了解更多 */







.morebox{







    padding-top: 2rem;







    text-align: center;







}







.more{







    font-size: .8rem;







    color: #fb8967;







    border: 1px solid #fb8967;







    padding: .5rem 1.5rem;







    border-radius: 1.5rem;







    overflow: hidden;







    position: relative;







}







.more p,.more .iconfont{







    display: inline-block;







}







.more p{







    padding-right: .25rem;







}







.more .iconfont{







    font-size: 1rem;







    position: absolute;







    top: 50%;







    left: 100%;







    -webkit-transform: translate(-50%,-50%);







    -moz-transform: translate(-50%,-50%);







    -ms-transform: translate(-50%,-50%);







    -o-transform: translate(-50%,-50%);







    transform: translate(-50%,-50%);







    opacity:0;







}







.more:hover{







    color: #fff;







    background-color: #fb8967;







}







.more:hover p{







    padding-right: 1.25rem;







    font-weight: bold;







}







.more:hover .iconfont{







    left: 80%;







    opacity: 1;







}







/* 产品展示 */







.product{







    padding: 4rem 0;







}







.nav-content{







    padding: 2rem 0 1rem;







}







.nav-content ul{







    flex: 1;







}







.nav-content ul li a{







    font-size: .8rem;







    color: #444;







    padding: .5rem 1.25rem;







    border-radius: 1rem;







    margin: .5rem 1rem;







    display: block;







}







.nav-content ul li a.active{







    background-color:#144099;







    color: #fff;







    font-weight: bold;







}







.nav-content ul li a:hover{







    background-color:#144099;







    color: #fff;







    font-weight: bold;







}















.p-cowbox{







    margin: 0 -.75rem;







}







.p-row{







    padding: .75rem;







    width: 33.33%;







}







.p-rowbox{







    background-color: white;







    display: block;







    overflow: hidden;







    border: 1px solid #e4e3f0;







    padding: 1rem;







}







.p-img{







    width: 340px;







    height: 255px;







}







.p-font{







    padding-top: 1.25rem;







}







.p-font h1{







    font-size: .9rem;







    color: #444;







    padding-bottom: .5rem;







}







.p-font p{







    font-size: .8rem;







    color: #808080;







    line-height: 1.2rem;







    -webkit-line-clamp: 2;







}







.p-rowbox:hover{







    box-shadow: 0 10px 20px rgba(79, 65, 189, .1) ;







    border: 1px solid #fff;







    -webkit-transform: translateY(-1%);







    -moz-transform: translateY(-1%);







    -ms-transform: translateY(-1%);







    -o-transform: translateY(-1%);







    transform: translateY(-1%);







}







.p-img:hover img{







    -webkit-transform: scale(1.1);







    -moz-transform: scale(1.1);







    -ms-transform: scale(1.1);







    -o-transform: scale(1.1);







    transform: scale(1.1);







}







.p-font:hover h1{







    color:#fb8967;







}







/* 产品展示内页 */







.product-ny{







    background-color: #f0f2f5;







}







.nav-ny{







    width: 100%;







}







.nav-ny{







    padding-bottom: 2rem;







}







.nav-ny ul{







    -webkit-justify-content: center;







    -moz-justify-content: center;







    -ms-justify-content: center;







    -o-justify-content: center;







    justify-content: center;







}







/* 关于我们 */







.about{







    position: relative;







    padding-bottom: 4rem;







    padding-top: 2rem;







}







.about-l{







    width: 50%;







}







.about-lbox{







    position: relative;







}







.about-r{







    position: absolute;







    top: 5rem;







    right: 0;







    background-color: #f8f7fd;







    width: 50%;







}







.about-rbox{







    padding: 4rem;







    margin-left: 5%;







    position: relative;







}







.about-rbox::before{







    content: '';







    width: 1.5rem;







    height: 2.2rem;







    border: 4px solid #fb8967;







    position: absolute;







    right: 25%;







    top: -1.3rem;







}







.about-r .tit{







    text-align: left;







}







.about-r .tit p{







    font-size: 1rem;







    color: #333;







    padding-bottom: 1.5rem;







}







.about-font{







    margin-top: 3rem;







    width: 90%;







    -webkit-line-clamp: 4;







}







.about-font p{







    font-size: .8rem;







    color: #808080;







    line-height: 1.8rem;







}







.morebox1{







    position: absolute;







    bottom: -4rem;







    right: 0;







    z-index: 1;







}







.more1{







    font-size: .8rem;







    color: #fff;







    background-color: #fb8967;







    width: 10rem;







    height: 4rem;







}







.more1 p{







    padding-right: .5rem;







}







.about-img:hover img{







    -webkit-transform: scale(1.1);







    -moz-transform: scale(1.1);







    -ms-transform: scale(1.1);







    -o-transform: scale(1.1);







    transform: scale(1.1);







}







.more1:hover {







    background-color: #ec592c;







}







.more1:hover p{







    font-weight: bold;







}















/* 案例展示 */







.case{







    padding: 4rem 0;







}







.case .tit{







    text-align: left;







}







.swiper-father{







    position: relative;







}







.c-cow{







    padding-top: 3rem;







    position: relative;







    overflow: hidden;







}







.c-cowbox{







    margin: 0 -.75rem;







}







.c-row{







    padding: .75rem;







    width: 25%;







}







.c-rowbox{







    position: relative;







    display: block;







}







.swiper-father .swiper-pagination1{







    position: absolute;







    left: 50%;







    bottom: -3rem;







    -webkit-transform: translateX(-50%);







    -moz-transform: translateX(-50%);







    -ms-transform: translateX(-50%);







    -o-transform: translateX(-50%);







    transform: translateX(-50%);







}







.swiper-father .swiper-pagination-bullet{







    margin: 0 6px;







    border-radius: 0;







}







.swiper-father .swiper-pagination-bullet-active{







    background-color: #382b9e;







}







.c-img{







    width: 100%;







    height: 100%;







}







.c-font{







    position: absolute;







    padding: 1rem;







    bottom: 0;







    left: 0;







    width: 100%;







    background: linear-gradient(bottom , rgb(79, 65, 189,.6) , rgba(79, 65, 189, 0) 100%);







    background: -o-linear-gradient(bottom , rgb(79, 65, 189,.6) , rgba(79, 65, 189, 0) 100%);







    background: -ms-linear-gradient(bottom , rgb(79, 65, 189,.6) , rgba(79, 65, 189, 0) 100%);







    background: -moz-linear-gradient(bottom , rgb(79, 65, 189,.6) , rgba(79, 65, 189, 0) 100%);







    background: -webkit-linear-gradient(bottom , rgb(79, 65, 189,.6) , rgba(79, 65, 189, 0) 100%);















}







.c-font h1{







    color: #fff;







    font-size: .9rem;







    padding-bottom: 1rem;







    -webkit-transform: translateY(80%);







    -moz-transform: translateY(80%);







    -ms-transform: translateY(80%);







    -o-transform: translateY(80%);







    transform: translateY(80%);







}







.c-more{







    opacity: 0;







    -webkit-transform: translateY(200%);







    -moz-transform: translateY(200%);







    -ms-transform: translateY(200%);







    -o-transform: translateY(200%);







    transform: translateY(200%);







}







.c-more p,.c-more .iconfont{







    color: #fff;







}







.c-more p{







    font-size: .7rem;







}







.c-more p{







    padding-right: .5rem;







}







.c-row:hover .c-more{







    opacity: 1;







    -webkit-transform: translateY(0%);







    -moz-transform: translateY(0%);







    -ms-transform: translateY(0%);







    -o-transform: translateY(0%);







    transform: translateY(0%);







}







.c-row:hover .c-font h1{







    opacity: 1;







    -webkit-transform: translateY(20%);







    -moz-transform: translateY(20%);







    -ms-transform: translateY(20%);







    -o-transform: translateY(20%);







    transform: translateY(20%);







}







.c-more:hover p,.c-more:hover .iconfont{







    color: #fb8967;







}







.case-m{







    display: none;







}







/* 我们的优势 */







.adva{







        padding: 4rem 0;







    }







.adva-top{







    background: #144099;







}







.adva-topbox{







    background: url(../images/advan-bg.png) no-repeat 25% bottom,url(../images/advan-bg.png) no-repeat 75% bottom;







    padding: 2rem 0;







    background-size: auto;







    position: relative;







}







.adva-topbox::after{







    content: '';







    position: absolute;







    bottom:-2.25rem;







    left: 50%;







    -webkit-transform: translateX(-50%);







    -moz-transform: translateX(-50%);







    -ms-transform: translateX(-50%);







    -o-transform: translateX(-50%);







    transform: translateX(-50%);







    width: 0;







    height: 0;







    border: 1.25rem solid transparent;







    border-top: 1rem solid rgba(57, 47, 138,1)







}







.adva .tit h2,.adva .tit h1,.adva .tit p{







    color: #fff;







}







.adva .tit p{







    font-size: .8rem;







    opacity: .7;







    padding-bottom: 1.5rem;







    width: 40rem;







    margin: auto;







    line-height: 1.4rem;







}







.adva .tit-b span{







    background-color: #fb8967;







}















.adva-cow{







    padding: 4rem 0;







}















.adva-cowbox{







    margin: -1rem 0;







    position: relative;







}







.adva-cowbox::after{







    content: '';







    position: absolute;







    left: 50%;







    top: 0;







    -webkit-transform: translateX(-50%);







    -moz-transform: translateX(-50%);







    -ms-transform: translateX(-50%);







    -o-transform: translateX(-50%);







    transform: translateX(-50%);







    width: 1px;







    height: 100%;







    background-color: #d9d9d9;







    z-index: -1;







}







.adva-row{







    padding: 1rem;







    width: 100%;







}







.adva-rowbox{







    position: relative;







}







.adva-rowbox::after{







    content: '';







    position: absolute;







    top: 50%;







    left: 50%;







    -webkit-transform: translate(-50%,-50%);







    -moz-transform: translate(-50%,-50%);







    -ms-transform: translate(-50%,-50%);







    -o-transform: translate(-50%,-50%);







    transform: translate(-50%,-50%);







    width: .7rem;







    height: 3rem;







    background-color: #36c3c1;







    -webkit-transition: all  .4s ease-in-out;







    -moz-transition: all  .4s ease-in-out;







    -ms-transition: all  .4s ease-in-out;







    -o-transition: all  .4s ease-in-out;







    transition: all  .4s ease-in-out;







}







.adva-l,.adva-font{







    width: 50%;







}







.adva-img{







    padding-right: 2rem;







}







.adva-font{







    padding-left: 2rem;







}







.adva-l1{







    padding-right: 0;







    padding-left: 2rem;







}







.adva-font1{







    padding-left: 0;







    padding-right: 2rem;







    text-align: right;







}







.adva-img{







    position: relative;







    width: 486px;







    height: 243px;







    background-color: white;







}







.adva-img::after{







    content: '';







    position: absolute;







    bottom:-5%;







    right: -2.5%;







    border: 1px solid #36c3c1;







    width: 100%;







    height: 100%;







    z-index: -1;







    -webkit-transition: all  .4s ease-in-out;







    -moz-transition: all  .4s ease-in-out;







    -ms-transition: all  .4s ease-in-out;







    -o-transition: all  .4s ease-in-out;







    transition: all  .4s ease-in-out;







}







.adva-img1::after{







    left: -2.5%;







}







.adva-img img{







    position: absolute;







    top: 0;







    left: 0;







    z-index: 1;







}







.adva-font h1{







    font-size: 1.4rem;







    color: #333;







    padding-bottom: 1rem;







}







.adva-font p{







    font-size: .8rem;







    color: #666;







    line-height: 1.6rem;







}







.adva-row:hover .adva-rowbox::after{







    background-color: #fb8967;







}







.adva-row:hover .adva-img::after{







    background-color: #fb8967;







    border-color: #fb8967;







}







/* 咨询热线模块 */







.advi{







     background: #144099;







    height: 15rem;







    overflow: hidden;







}







.advibox{







    background: url(../images/advi-l.png) no-repeat left bottom,url(../images/advi-r.png) no-repeat right center;







    background-size: auto;







    height: 100%;







    position: relative;







    z-index: 1;







}







.advibox1{







    height: 100%;







}







.advi-l{







    padding-left: 10%;







}







.advi-img{







    position: absolute;







    top: 50%;







    right: 30%;







    -webkit-transform: translateY(-50%);







    -moz-transform: translateY(-50%);







    -ms-transform: translateY(-50%);







    -o-transform: translateY(-50%);







    transform: translateY(-50%);







    z-index: -1;







}







.advi-font{







    color: white;







}







.advi-font .iconfont{







    font-size: 3.5rem;







    padding-right: 1rem;







}







.advi-font h1{







    font-size: 1.4rem;







    padding-bottom: .5rem;







}







.advi-font p{







    font-size: 1.2rem;







}







.advi .morebox{







    text-align: left;







}







.advi .more{







    color: white;







    border-color: #fb8967;







    background-color: #fb8967;







}







/* 新闻中心 */







.news{







    padding: 4rem 0;







    background-color: #f8f7fd;







}







.n-cowbox{







    margin: 0 -.75rem;







}







.n-row{







    padding:.75rem;







    width: 25%;







}







.n-rowbox{







    border: 1px solid #e4e3f0;







    padding: 1rem;







    display: block;







    background-color: white;







}







.n-img{







    width: 236px;







    height: 177px;







}







.n-font h1{







    font-size: .8rem;







    color: #333;







    padding-top: 1rem;







}







.n-time,.n-more{







    font-size: .7rem;







    color:#999







}







.n-more p{







    padding-right: .25rem;







}







.n-font>p{







    font-size: .7rem;







    color: #808080;







    line-height: 1rem;







    -webkit-line-clamp: 2;







   margin: .5rem 0;







}







.n-font h1:hover{







    color: #fb8967;







}







.n-more:hover{







    color: #fb8967;







}







.n-more:hover .iconfont{







    margin-left: .25rem;







}







.n-row:hover .n-rowbox{







    box-shadow: 0 10px 20px rgba(79, 65, 189, .1) ;







    border: 1px solid #fff;







    -webkit-transform: translateY(-1%);







    -moz-transform: translateY(-1%);







    -ms-transform: translateY(-1%);







    -o-transform: translateY(-1%);







    transform: translateY(-1%);







}







.n-img:hover img{







    -webkit-transform: scale(1.1);







    -moz-transform: scale(1.1);







    -ms-transform: scale(1.1);







    -o-transform: scale(1.1);







    transform: scale(1.1);







}







/* 合作伙伴 */







.parn{







    padding: 4rem 0;







}







.parn .tit{







    text-align: left;







}







.parn-cow{







    padding-top: 2rem;







}







.parn-cowbox{







    margin: 0 -.75rem;







}







.parn-row{







    width: 16.66%;







    padding: .75rem;







}







.parn-rowbox{







    width: 175px;







    height: 87.5px;







    border: 1px solid #f8f7fd;







    position: relative;







    z-index: 1;







}







.parn-rowbox::after{







    content: '';







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    background-color: rgba(79, 65, 189, .6);







    -webkit-transform: scaleX(0);







    -moz-transform: scaleX(0);







    -ms-transform: scaleX(0);







    -o-transform: scaleX(0);







    transform: scaleX(0);







    -webkit-transition: all  .3s;







    -moz-transition: all  .3s;







    -ms-transition: all  .3s;







    -o-transition: all  .3s;







    transition: all  .3s;







    z-index: 0;







}







.parn-rowbox:hover::after{







    -webkit-transform: scaleX(1);







    -moz-transform: scaleX(1);







    -ms-transform: scaleX(1);







    -o-transform: scaleX(1);







    transform: scaleX(1);







}







.parn-img{







    width: 80%;







    height:80%;







}







.parn-font{







    position: absolute;







    top: 50%;







    left: 50%;







    width: 100%;







    height: 100%;







    text-align: center;







    padding: 0 1rem;







    -webkit-transform: translate(-50%,-50%);







    -moz-transform: translate(-50%,-50%);







    -ms-transform: translate(-50%,-50%);







    -o-transform: translate(-50%,-50%);







    transform: translate(-50%,-50%);







    z-index: 1; 







}







.parn-font h1{







    line-height: 87.5px;







    font-size: .8rem;







    color: white;







    opacity: 0;







    -webkit-transform: translateY(25%);







    -moz-transform: translateY(25%);







    -ms-transform: translateY(25%);







    -o-transform: translateY(25%);







    transform: translateY(25%);







}







.parn-rowbox:hover{







    border: 1px solid #e4e2f1;







}







.parn-rowbox:hover .parn-font h1{







    opacity: 1;







    -webkit-transform: translateY(0);







    -moz-transform: translateY(0);







    -ms-transform: translateY(0);







    -o-transform: translateY(0);







    transform: translateY(0);







}







.parn .m-morebox{







    display: none;







}







/* 内页banner */







.banner-ny{







    position: relative;







}







.banner-ny::after{







    content: '';







    position: absolute;







    top: 0;







    left: 0;







    background-color: rgba(0, 0, 0, .3);







    z-index: 1;







    display: block;







    width: 100%;







    height: 100%;







}







.banner-nybox{







    overflow: hidden;







}







.banner-nybox img{







    max-width: 100%;







}







.b-ny-font{







    position: absolute;







    top: 50%;







    left: 50%;







    text-align: center;







    -webkit-transform: translate(-50%,-50%);







    -moz-transform: translate(-50%,-50%);







    -ms-transform: translate(-50%,-50%);







    -o-transform: translate(-50%,-50%);







    transform: translate(-50%,-50%);







    z-index: 99;







}







.b-ny-font h1{







    font-size: 2rem;







    color: white;







    padding-bottom: .5rem;







}







.b-ny-font p{







    font-size: .8rem;







    color: white;







    text-transform: uppercase;







}







/* 内页列表 */







.ny-lb,.contact-ny{







    padding:3rem 0 4rem;







}







.ny-lb .nav-content,.ny-xq .nav-content{







    padding: 0;







    padding-bottom: 1.5rem;







}







.ny-lb .c-cow,.ny-lb .parn-cow{







    padding: 0;







}







/* 联系我们 */







.contact-nybox1{







    padding: 2rem;







    background-color: white;







    border: 1px solid #e4e3f0;







}







.contact-nybox p{







    font-size: .7rem;







    color: #444;







    line-height: 1.5rem;







}







.map{







    height: 20rem;







}







#map{







    height: 100%;







}







.BMap_cpyCtrl {







    display: none;







}







.anchorBL {







    display: none;







}







#map img{







    width: auto;







}







/* 内页详情 */







.ny-xq{







    padding:3rem 0 4rem;







}







.xqbox{







    padding: 2rem;







    background-color: white;







    border: 1px solid #e4e3f0;







}







.cqn-t h1{







    font-size: 1.6rem;







    color: #444;







    margin-bottom: 1rem;







}







.cqn-tb{







    margin-bottom: 1rem;







    padding-bottom: 1rem;







    border-bottom: 1px solid #ebebeb;







}







.cqn-tb .time{







    margin-right: 1.5rem;







}







.cqn-tb .time p,.cqn-tb .clike p{







    font-size: .7rem;







    color: #808080;







}







.cqn-c{







    border-bottom: 1px solid #ebebeb;







    padding: 2rem 0;







}







.cqn-clb{







    margin-bottom: 2rem;







}







.xqbox .about-cqn{







    border-bottom: none;







    padding-bottom:0 ;







}







.cqn-cimg img{







    max-width:32rem;







    margin-bottom: 1rem;







}







.cqn-cimg p{







    font-size: .9rem;







    color: #444;/*







    line-height: 1.8rem;







    text-indent: 1.8rem;*/







}







.cqn-cimg p:last-child{







    margin-bottom: 0;







}







/* 内页详情底部 */







.xq-blf .iconfont,.xq-blf p,.xq-br .iconfont,.xq-br p{







    font-size:.8rem;







    color: #808080;







    line-height: 1.2rem;







}















.xq-blf p span{







    color: #444;







}







.xq-blt{







    margin-bottom: .5rem;







}







.xq-blt .iconfont{







    -webkit-transform: rotate(-90deg);







    -moz-transform: rotate(-90deg);







    -ms-transform: rotate(-90deg);







    -o-transform: rotate(-90deg);







    transform: rotate(-90deg);







}







.xq-blb .iconfont{







    -webkit-transform: rotate(90deg);







    -moz-transform: rotate(90deg);







    -ms-transform: rotate(90deg);







    -o-transform: rotate(90deg);







    transform: rotate(90deg);







}







.xq-br p{







    color: #444;







    margin-left: .5rem;







}







.xq-blf:hover p span,.xq-br:hover p{







    color:  #fb8967;







}







@media screen and (max-width:1280px){







    .about{padding-bottom: 9rem;}







    .advi-img{right: 20%;}







}







@media screen and (max-width:1024px){







    .content{max-width: 95%;}







    .header-l .logo{width: 30%;}







    .swiper1{height: 20rem;}







    .banner .swiper1 .swiper-pagination{bottom: 30px;}







    .banner .swiper1 .swiper-pagination-bullet{width: .6rem;height: .6rem;margin: 0 .5rem !important;}







    .f-l{display: none;}







    .f-c{border-left: none;}







    .top-ewm{width: 5rem;height: 5rem;}







    .tit h1{font-size:1.6rem;}







    .p-img{width: 262px;height: 196px;}







    .c-rowbox{width: 220px;height: 330px;}







    .adva-img{width: 430px;height: 215px;}







    .n-img{width: 188px;height: 141px;}







    .parn-rowbox{width: 137px;height: 68.5px;}







    .parn-font h1{line-height:68.5px;}







    .about-rbox{padding: 2rem;}







    .advi{height: 13rem;}







    .advi-img{right: 10%;}







    .n-rowbox{padding: .75rem;}







}















@media screen and (max-width:768px){



    .swiper-slide{



        background-size: 100%!important;



    }







    .header1,.go-top .dh, .go-top .ewm,.hot-s,.footer,.swiper-button-prev,.swiper-button-next,.banner-ny,.top,.nav,.link,.p-font p,.p-top,.n-llbox,.bread-l,.case{display: none !important;}







    .mo-top,.mo-footer,.mo-copyright,body .m-nynav,.case-m{display: block !important;}







    .ny-lb, .contact-ny, .ny-xq{min-height: 38rem;}







    .banner{padding-top: 0;}







    .bread{margin-top: 4rem;}







    .swiper1{height: 20rem;}







    .search,.bread{padding: 1rem 0;}







    .search-b .inp{width: 33rem;}







    .cxq-b{flex-wrap: wrap;}







    .xq-bl{width: 100%;}







    .xq-br{padding-top: .5rem;}







    .cqn-cimg img{max-width: 100%;}







    .p-img{width: 191px;height: 143px;}







    .c-rowbox{width: 160px;height: 240px;}







    .adva-img{width: 304px;height: 152px;}







    .n-img{width: 317px;height: 237px;}







    .parn-rowbox{width: 175px;height: 87.5px;}







    .parn-font h1{line-height:87.5px;}







    .about-l,.about-r{width: 100%;}







    .p-rowbox{box-shadow: 0 0px 20px rgba(79, 65, 189, .1);border: none;}







    .p-font h1{padding-bottom: 0;}







    .p-font{padding-top: .75rem;}







    .p-rowbox{padding: .75rem;}







    .about{padding-bottom: 25rem;}







    .about-r{top: calc(100% - 25rem);}







    .about-rbox::before{right: 0;left: 5%;}







    .c-font{padding: .75rem .5rem;}







    .c-font h1{font-size: .8rem;padding-bottom: .25rem;}







    .c-more {opacity: 1;}







    .c-more,.c-font h1{transform: translateY(0);}







    .adva-topbox{background: url(../images/advan-bg.png) no-repeat 10% bottom,url(../images/advan-bg.png) no-repeat 90% bottom;}







    .advi-img{right: -10%;}







    .n-cowbox,.parn-cowbox{flex-wrap: wrap;}







    .n-row{width: 50%;}







    .parn-row{width: 33.33%;}







    .nav-content ul li a{margin: .5rem;}







    .adva .tit p{width: calc(100% - 5%);}







    .more{color: #fff;background-color: #fb8967;}







    .more p{padding-right: 1.25rem;-weight: bold;}







    .more .iconfont{left: 80%;opacity: 1;}







}















@media screen and (max-width:414px){







    .content{padding: 0 .75rem;max-width: 100%;}







    body .mo-top a{width: 45%;}







    .swiper-container{height: 12rem;}







    body .banner .swiper1 .swiper-pagination{bottom: 3.5rem;}







    .search-b .inp{width: 15.5rem;}







    .nav-content ul li a{padding: .25rem .75rem;}







    .product,.news,.parn,.adva-cow{padding: 2rem 0;}







    .ny-lb, .contact-ny,.ny-xq{padding: 2rem 0;}







    .cqn-cimg{padding: 0;}







    .xqbox{padding: 1rem;}







    .cqn-c{padding: 1rem 0;margin-bottom: 1rem;}







    .ny-lb, .contact-ny, .ny-xq{min-height: 31rem;}







    .xq-br{padding: .5rem;}







    .p-img{width: 167px;height: 125px;}







    .c-rowbox{width: 187px;height: 280px;}







    .adva-img{width: 374px;height: 187px;}







    .n-img{width: 165px;height: 123px;}







    .parn-rowbox{width: 108px;height: 54px;}







    .parn-font h1{line-height:54px;}







    .p-row,.c-row{width: 50%;padding: .25rem;}







    .p-cowbox,.c-cowbox,.n-cowbox{margin: 0 -.25rem;}







    .n-row{padding: .25rem;}







    .p-font h1{font-size: .8rem;}







    .more{padding: .5rem 1.5rem;;}







    .more1{width: 6rem;height: 3rem;}







    .morebox1{bottom: -3rem;}







    .about-rbox{padding: 2rem 1rem 1rem 1rem;}







    .about-font{margin-top: 2rem;}







    .about{padding-bottom: 22rem;}







    .about-r{top: calc(100% - 22rem);}







    .c-cow{padding-top: 2rem;}







    .adva-topbox{background:url(../images/advan-bg.png) no-repeat -50% bottom,url(../images/advan-bg.png) no-repeat 150% bottom}







    .adva-rowbox{flex-wrap: wrap;}







    .adva-l, .adva-font{width: 100%;}







    .adva-l{padding-bottom: 2rem;}







    .adva-font,.adva-l1{padding: 0;}







    .adva-row{padding: 2rem 0;border-bottom: 1px solid #e4e3f0;}







    .adva-row:last-child{border-bottom: none;}







    .adva-font1{text-align: left;padding-bottom: 2rem;}







    .adva-cowbox::after{width: 0;}







    .adva-rowbox::after{width: 0;height: 0;}







    .advi-l{padding-left: 0;}







    .advibox{background: url(../images/advi-l.png) no-repeat left bottom;}







    .advi-img{right: -45%;}







    .advi-font .iconfont{font-size: 2.5rem;padding-right: .5rem;}







    .advi-font h1{font-size: 1rem;padding-bottom: .25rem;}







    .advi-font p{font-size: .9rem;}







    .n-time, .n-more{display: none;}







    .p-rowbox,.n-rowbox{padding: .5rem;}







    .n-font h1{padding-top: .5rem;}







    .n-font>p{margin:.5rem 0 0 0;}







    .parn .morebox{display: none;}







    .parn .m-morebox{display: block; text-align: left;}







    .ny-lb, .contact-ny{padding: 2rem 0;}







    .cqn-cimg p{font-size: .8rem;margin-bottom: 0;text-indent: 0;}







    .cqn-t h1{font-size: 1.2rem;}







    .about-font{width: 100%;}







    .contact-nybox1{padding: 1rem;}







}















@media screen and (max-width:375px){







    .search-b .inp{width: 13.5rem;}







    .p-img{width: 147px;height: 110px;}







    .c-rowbox{width: 167px;height: auto;}







    .adva-img{width: 335px;height: 167px;}







    .n-img{width: 145px;height: 108px;}







    .parn-rowbox{width: 108px;height: 54px;}







    .parn-font h1{line-height:54px;}







    .adva{padding: 2rem 0;}







    .advi-img{right: -60%;}







    .parn-row{padding: .25rem;}







    .parn-cowbox{margin: 0 -.25rem;}







    .more{padding: .35rem 1rem;}







    .xqbox{padding: .75rem;}







}















@media screen and (max-width:320px){







    .search-b .inp{width: 11rem;}







    .nav-content{padding: 1.5rem 0 1rem;}







    .about-rbox{padding: 2rem .75rem .75rem .75rem;}







    .p-img{width: 120px;height: 90px;}







    .c-rowbox{width: 135px;height: 202px;}







    .adva-img{width: 280px;height: 140px;}







    .n-img{width: 118px;height: 88px;}







    .parn-rowbox{width: 90px;height: 45px;}







    .parn-font h1{line-height:45px;}







    .p-font h1,.c-font h1{font-size: .7rem;}







    .advi-l{width: 100%;}







    .cqn-tb{flex-wrap: wrap;}







    .cqn-tb .time{margin-right: 0;width: 100%;padding-bottom: .25rem;}







}















/*分页样式*/







.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}







.ab_pages ul{display:inline-block;margin:0 auto;padding:0}







.ab_pages ul a{color:#555;display:block;padding: 3px 11px;  border: 1px solid #e2e2e2;float: left;font-size:12px}







.ab_pages ul a:first-child{ border-right:0}







.ab_pages ul a:first-child:hover{ border-right:0}







.ab_pages ul a:last-child{ border-left:0}







.ab_pages ul a:last-child:hover{  border-left:0}







.ab_pages ul a.page-num-current{ background:#333; color:#fff; border:1px solid #333}







.ab_pages ul a:hover{ background:#333; color:#fff; border:1px solid #333}







.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}