@charset "utf-8";
/* CSS Document */
*{
	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;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        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%;
	}
i 
	{
		font: inherit;
	}
/*单行溢出*/
.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 .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;
}
.content
	{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	
	}
.ani-delay{
    animation-delay: .4s;
}
/* 顶部 */
.top{
    background-color: #ebebeb;
}
.topbox{
    line-height: 1.75rem;
}
.top-wel p{
    font-size: .6rem;
    color: #808080;
}
.top-wel p a{
    color: #2669ff;
    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 .5rem rgba(0, 0, 0, .05);
    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: #6a4cff;
    text-decoration: underline;
}
.top a:hover,.top-lx:hover{
    color: #2669ff;
}
.top .top-lx:hover .top-ewm{
    visibility: visible;
    opacity: 1;
}
/* 头部 */
.header{
    width: 100%;
    background: #fff;
}
.headerbox{
    height: 5rem;
}
.header-l{
    width: 40%;
}
.header-l .logo{
    width: 48%;
}
.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: .8rem;
}
.header-r .iconfont{
    font-size: 2.3rem;
    color: #2669ff;
}
.header-r .telbox p{
    font-size: .6rem;
    color: #808080;
    margin-left: .75rem;
}
.header-r .telbox h1{
    font-size: 1.3rem;
    color: #2669ff;
    margin-left: .75rem;
}
/* 导航 */
.nav{
    background-color: #2669ff;
    line-height: 2.5rem;
    width: 100%;
}
.nav ul li{
    flex: 1;
    margin:0 1px;
}
.nav ul li a {
    font-size: .8rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: block;
}
.nav ul li.active{
    background-color: #e5efff;
}
.nav ul li.active a{
    color: #2669ff;
}
.nav ul li:hover{
    background-color: #e5efff;
}
.nav ul li:hover a{
    color: #2669ff;
}
.nav.on{
    top: 0;
    position: fixed;
    left: 0;
    z-index: 500;
}
/* 移动端导航 */
.mo-top{
    display: none;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    position: fixed;
    box-shadow: 0 5px 10px rgba(108, 128, 111, .1);
    z-index: 500;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(2, 50, 141, .6);
}
.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(2, 50, 141, .4);
    position: relative;
    overflow: hidden;
}
.su::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2669ff;
    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;
}
/* 内页banner */
.banner-nybox{
    overflow: hidden;
}
.banner-nybox img{
    max-width: 100%;
    height: 12rem;
}
/* 内页面包屑 */
.bread{
    background-color: #fff;
}
.breadbox{
    line-height: 3.5rem;
}
.bread-l span{
    font-weight: bold;
    color: #808080;
}
.bread-l span,.bread-l a,.bread-l p{
    font-size: .7rem;
}
.bread-l .iconfont{
    font-size: .6rem;
}

.bread-l a{
    color: #808080;
}
.bread-l .iconfont{
    color:#999;
}
.bread-l .iconfont{
    padding: 0 .35rem;
}
.bread-l p{
    color: #2669ff;
}
.bread-l a:hover{
    color: #2669ff;
}

/* 搜索框 */
.search{
    background-color: #fff;
    line-height: 3.5rem;
}
.search .hot-s span,.search a{
    font-size: .8rem;
}
.search .hot-s span{
    color: #808080;
    margin-left:1.5rem;
    font-weight: bold;
}
.search .hot-s a{
    color: #444;
    padding: 0 .25rem;
}
.search .hot-s a:hover{
    color: #2669ff;
    text-decoration: underline;
}
.search-b .inp{
    color: #444;
    font-size: .7rem;
    border: 1px solid #cccccc;
    padding-left: .75rem;
    line-height: 1.75rem;
    width: 15rem;
}
.search-b .but{
    padding: 0 1.75rem;
    background: #2669ff url(../images/fdj.png) center center no-repeat;
    cursor: pointer;
    line-height: 1.75rem;
    border: 1px solid #2669ff;
    color: #fff;
    font-size: .8rem;
}
.search-b .but:hover{
    background-color: #1653d6;
}
/* 友情链接 */
.link{
    background-color: #ebebeb;
    line-height: 2.5rem;
}
.linkbox h1{
    font-size: .8rem;
    color: #2669ff;
    margin-right: .75rem;
}
.linkbox ul li a{
    color: #444;
    font-size: .7rem;
    padding: 0 .35rem;
}
.linkbox ul li a:hover{
    color: #2669ff;
}
/* 移动端状态栏 */
.mo-footer{
    height: 3rem;
    width: 100%;
    background-color: #2669ff;
    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 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);
}

/* 产品中心 */
.navbox-ny{
    margin: 3rem 0 2rem;
}
.navbox-ny ul li{
    width: 14.28%;
}
.navbox-ny ul li a{
    color: #808080;
    text-align: center;
    display: block;
    font-size: .9rem;
    background-color: #fff;
    line-height: 2.5rem;
    margin: .5rem .5rem;
}
.navbox-ny ul li a.active{
    background-color: #2669ff;
    color: #fff;
}
.navbox-ny ul li a:hover{
    background-color: #2669ff;
    color: #fff;
}

.p-cowbox{
    margin: -.75rem;
}
.p-row{
    padding: .75rem;
    width: 25%;
}
.p-rowbox{
    background-color: #fff;
    display: block;
}
.p-row a .p-img{
    width: 277.5px;
    height: 277.5px;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}
.p-row a .p-font{
    text-align: center;
}
.p-font h1{
    font-size: .8rem;
    color: #444;
    padding: 1rem;
    font-weight: normal;
}
.p-row:hover .p-font h1{
    background-color: #2669ff;
    color: #fff;
}
.p-row:hover .p-img 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);
}
/* 案例展示 */
.c-row{
    margin-top: 4rem;
}
.c-rowbox{
    margin: -.75rem;
}
.c-cow{
    padding: .75rem;
    width: 25%;
}
.c-img{
    width: 277.5px;
    height: 277.5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.c-img p{
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    padding: .75rem 1rem;
    width: 100%;
    font-size: .8rem;
    text-align: center;
}
.c-cowbox:hover .c-img 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);
}
/* 钢材知识 */
.n-navbox ul li{
    width: 14.28%;
}
.n-navbox ul li a{
    color: #808080;
    text-align: center;
    display: block;
    font-size: .9rem;
    background-color: #fff;
    line-height: 2.5rem;
    margin: .5rem .5rem;
}
.n-navbox ul li a.i-nnav{
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
}
.n-navbox ul li a.active{
    background-color: #2669ff;
    color: #fff;
}
.n-navbox ul li a:hover{
    background-color: #2669ff;
    color: #fff;
}
.n-rowbox{
    margin: -.75rem;
}
.n-cow{
    padding: .75rem;
    width: 50%;
}
.n-cowbox{
    background-color: #fff;
}
.n-img{
    width: 220px;
    height: 220px;
    overflow: hidden;
}
.n-font{
    padding: 1.5rem;
    flex: 1;
}
.n-font h1{
    font-size: .9rem;
    color: #444;
}
.n-font p{
    font-size: .8rem;
    color: #808080;
    margin: 1.25rem 0 1.2rem;
    line-height: 1.2rem;
}
.n-font .time{
    font-size: .6rem;
    color: #999;
}
.n-cowbox:hover{
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, .05);
}
.n-cowbox:hover .n-font h1{
    color:#2669ff;
}
.n-cowbox:hover .n-img 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);
}
/* 案例、荣誉、新闻---详情 */
.cqn-t{
    text-align: center;
}
.cqn-t h1{
    font-size: 1.2rem;
    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;
    margin-bottom: 2rem;
    text-align: center;
}
.cqn-cimg img{
    width: 60%;
}
.cqn-cimg p{
    font-size: .8rem;
    color: #444;
    line-height: 1.5rem;
    text-align: left;
}
/* 内页详情底部 */
.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: #2669ff;
}
/* PC底部 */
.footer{
    background:#242424 url(../images/footer-bg.jpg) no-repeat bottom;
    background-size: 100%;
}
.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{
    flex: 1;
}
.f-l>ul>li>a{
    font-size: .7rem;
    color: rgba(255, 255, 255, .8);
    padding-right: 1.5rem;
}
.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;
}
.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 .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 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:2rem 0 4rem;
}
.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: #2669ff;
    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: #2669ff;
    color: #fff;
}
.pages .iconjiantou:hover{
    color: #2669ff;
}
/* 返回顶部 */
.go-top{
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 500;
}
.go-top .item{
    width: 2rem;
    height: 2rem;
    background: #2669ff;
    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: #2669ff;
    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: #2669ff;
}
.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: #1653d6;
}
.go-top .item:hover .ewm-active,.go-top .item:hover .dh-active{
    opacity: 1;
    visibility: visible;
}
.go-top .backtotop{
    display: none;
}

@media screen and (max-width:1024px){
    .content{max-width: 95%;}
    body .header-l{width: 50%;}
    body .swiper-img{height: 25rem;}
    body .p-row a .p-img,body .c-img,body .h-img{width: 220.7px;height: 220.7px;}
    body .n-img{width: 200px;height: 200px;}
    body .about-l{width: 50%;}
    body .about-img{height: 370px;}
    body .about-img1{width: 449px;height: 323px;}
    body .about-r h1{margin-bottom: 1rem;}
    body .top-ewm{width: 4rem;height: 4rem;}
    body .f-r{display: none;}
    body .n-font{padding: 1rem;}
}
@media screen and (max-width:768px){
    .header1,.go-top .dh, .go-top .ewm,.footer,.swiper-button-prev,.swiper-button-next,body .hot-s,body .p-navboxm,body .n-navboxm,.banner-ny,.top,.nav,.link,body .bread-l{display: none !important;}
    .mo-top,.mo-footer,.mo-copyright,body .m-nynav{display: block !important;}
    body .banner{padding-top: 3rem;}
    body .swiper-img{height: 20rem;}
    .search-b .inp{width: 33rem;}
    body .searchbox,.nav-nybox{padding: 1rem 0;}
    body .p-row,body .c-cow,body .h-cow{width: 50%;}
    body .n-cow{width: 100%;}
    body .p-row a .p-img,body .c-img,body .h-img{width: 349.8px;height: 349.8px;}
    body .p-cowboxm,body .n-rowboxm{padding-top: 4rem;}
    .aboutbox1,.pxq-t{-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
    body .about-l{width: 100%;}
    body .about-img1{width: 475px;height: 342px;}
    body .about-r{padding: 4rem 0 0;}
    body .morebox{margin-top: 2rem;}
    body .product,body .advan,body .case,body .news{padding: 3rem 0;}
    body .about{margin: 3rem 0;}
    body .advan-font .advan-f{width: 100%;margin-bottom: 2rem;}
    body .advan-font .advan-f2,body .advan-font .advan-f4{left: 0;}
    body .advan-font{margin-top: 2rem;}
    body .advan-font .advan-f1{top: 0%;text-align: left;}
    body .advan-font .advan-f2{top: 30%;}
    body .advan-font .advan-f3{top: 60%;text-align: left;}
    body .advan-font .advan-f4{top: 90%;}
    body .advan{height: 35.25rem;background-image: url(../images/advan-m.jpg);}
    body .bread{padding-top: 4rem;}
    body .breadbox{padding: 1rem 0;}
    body .navbox-ny ul li{width: 25%;}
    body .about-ny,body .culture-ny,body .product-xq,body .case-xq,body .honor-xq,body .news-xq,body .contact-ny{padding-bottom: 2rem;}
    body .pxq-tr{margin-left: 0rem;padding-top: 2.5rem;}
    body .cqn-cimg img{width: 100%;}
    .xq-bl{width: 100%;}
}
@media screen and (max-width:414px){
    .content{padding: 0 .75rem;max-width: 100%;}
    body .mo-top a{width: 45%;}
    body .swiper-img{height: 15rem;}
    body .banner .swiper1 .swiper-pagination-bullet{width: 1.75rem;height: .15rem;}
    body .banner .swiper1 .swiper-pagination{bottom: .5rem;}
    body .search-b .inp{width: 15rem;}
    body .searchbox,.nav-nybox,body .breadbox{padding: 1rem .75rem;}
    body .p-row a .p-img, body .c-img, body .h-img{width: 184.7px;height: 184.7px;}
    body .p-font h1{padding: .5rem;}
    body .p-cowbox,body .c-rowbox,body .h-rowbox,body .n-rowbox{margin: -.375rem;}
    body .p-row,body .c-cow,body .h-cow,body .n-cow{padding: .375rem;}
    body .about-img{height: 270px;}
    body .about-img1{width: 325px;height: 232px;}
    body .about-img::after{background-size: 90%;}
    body .about-r{padding: 2rem 0;}
    body .advan{height: 38rem;}
    body .c-img p{padding: .5rem;}
    body .n-font{padding: .75rem;}
    body .n-font p{margin: .5rem 0;}
    body .n-img{width: 160px;height: 160px;}
    body .navbox-ny ul li{width: 33.33%;}
    body .bread{padding-top: 3rem;}
    body .navbox-ny{margin: 1.5rem 0;}
    body .about-nybox,body .culture-nybox,body .product-xqbox,body .case-xqbox,body .honor-xqbox,body .news-xqbox,body .contact-nybox{padding: 1rem;}
    body .about-ny, body .culture-ny, body .product-xq, body .case-xq, body .honor-xq, body .news-xq, body .contact-ny{margin: 0 .75rem}
    body .case-xq, body .honor-xq, body .contact-ny{padding: 2rem 0;}
    body .pages{padding: 2rem 0 2rem;}
    body .pxq-img{width: 17rem;height: 17rem;}
    body .pxq-tr h1{padding-bottom: .75rem;margin-bottom: .75rem;}
    body .pxq-c{margin: 1rem 0;}
    body .pxq-ct{line-height: 2rem;}
    body .pxq-cc{padding: 1rem 0;}
    body .c-rowm{margin-top: 1rem;}
    body .cqn-c{padding: 1rem 0;}
    body .xq-br{margin-top: .5rem;}
    .cxq-b,.pxq-b{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
}
@media screen and (max-width:375px){
    body .swiper-img{height: 12rem;}
    body .search-b .inp{width: 13.5rem;}
    body .p-row a .p-img, body .c-img, body .h-img{width: 165.1px;height: 165.1px;}
    body .about-img{height: 220px;}
    body .about-img1{width: 285px;height: 202px;}
    body .n-img{width: 144px;height: 144px;}
    body .n-font{padding: .5rem;}
    body .pxq-img{width: 15rem;height: 15rem;}
    .n-font .time{display: none;}
    body .map{height: 12rem;}
    body .product, body .advan, body .case, body .news{padding: 2rem 0;}
}
@media screen and (max-width:320px){
    body .search-b .inp{width: 10.5rem;}
    body .p-row a .p-img, body .c-img, body .h-img{width: 137.5px;height: 137.5px;}
    body .about-img{height: 200px;}
    body .about-img1{width: 232px;height: 160px;}
    body .n-font p{margin: .5rem 0 0;}
    body .n-img{width: 110px;height: 110px;}
    body .n-font{padding: .25rem;}
    body .navbox-ny ul li{width: 50%;}
    body .pxq-img{width: 12.5rem;height: 12.5rem;}
    body .pxq-tr{padding-top: 1.5rem;}
    .cqn-tb{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
    .cqn-tb .time{margin:0 0 .5rem;}
}