@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: #4f41bd;
    text-decoration: underline;
}
.top a:hover,.top-lx:hover{
    color: #4f41bd;
}
.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.3rem;
    color: #fb8967;
    margin-left: .75rem;
}
/* 导航 */
.nav{
    background-color:  #4f41bd;
    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:  #4f41bd;
}
.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: #4f41bd;
    font-weight: bold;
}
.bread-l a:hover{
    font-weight: bold;
    color: #4f41bd;
}
/* PC底部 */
.footer{
    background:#242424;
}
.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:  #4f41bd;
    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:  #4f41bd;
    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:  #4f41bd !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: #4f41bd;
    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:#4f41bd;
    color: #fff;
    font-weight: bold;
}
.nav-content ul li a:hover{
    background-color:#4f41bd;
    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{
    width: 277px;
    height: 415px;
    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: linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    background: -o-linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    background: -ms-linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    background: -moz-linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    background: -webkit-linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
}
.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: radial-gradient(40% , circle cover , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    background: -o-radial-gradient(40% , circle cover , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    background: -ms-radial-gradient(40% , circle cover , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    background: -moz-radial-gradient(40% , circle cover , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    background: -webkit-radial-gradient(40% , circle cover , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
    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){
    .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: 3rem;}
    .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: .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;line-height: 1.4rem;margin-bottom: 1rem;text-indent: 1.6rem;}
    .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: 251px;}
    .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;}