﻿@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;

    }

.icon {

        width: 1rem; height: 1rem;

        vertical-align: -0.15em;

        fill: currentColor;

        overflow: hidden;

}

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;

    text-align: left;

    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;

}

.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;

}

/* 头部 */

.header{

    width: 100%;

    background: #fff;

}

.headerbox{

    height: 5rem;

}

.header-l .logo{ float:left

}

.header-l .t-font{

    width: 40%;

    margin-left: 5%;

    padding-left: 5%;

    border-left: 1px solid #dedede;

}

.header-r .icondianhua{

    font-size: 2.1rem;

    color: #fb4e37;

    margin-right: .5rem;
	margin-right:.1rem;

}

.header-r .telbox p{

    font-size: .6rem;

    color: #999;

}

.header-r .telbox h1{

    font-size: 1.2rem;

    color: #fb4e37;

}

/* 移动端导航 */

.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(251, 78, 55,.6);

	background-color:#fff;

}

.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(251, 78, 55,.4);;

    position: relative;

    overflow: hidden;

}

.su::after{

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fb4e37;

    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;

}

/* PC端导航 */

.nav{

    width: 100%;

    background-color: #fb4e37;

    display: flex;

    top: 0;

    left: 0;

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

    z-index: 500;

}

.nav ul li{

    flex: 1;

}

.nav ul li a{

    display: block;

    color: #fff;

    font-weight: bold;

    padding: .75rem 0;

    font-size: .8rem;

    text-align: center;

}

.nav ul li:hover{

    background: #dd2209;

}

.nav ul li.active{

    background: #dd2209;

}

.nav.on{

    position: fixed;

    top: 0;

    left: 0;

}

/* 内页banner */

.banner-nybox{

    overflow: hidden;

}

.banner-nybox img{

    max-width: 100%;

    height: 12rem;

}

/* 内页导航 */

.nav-ny{

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    background-color: white;

}

.nav-ny-l h1{

    font-size: .9rem;

    color: #444;

    line-height: 3rem;

}

.nav-ny-l ul li{

    margin: 0 .15rem;

    padding: 0 .25rem;

}

.nav-ny-l ul li a.active{

    color: #fb4e37;

}

.nav-ny-l ul li a.active::after{

    transform: scaleX(1);

}

.nav-ny-l ul li a{

    font-size: .8rem;

    color: #808080;

    text-align: center;

    display: block;

    position: relative;

    padding:1rem .8rem;

}

.nav-ny-l ul li a::after{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width:100%;

    height: .15rem;

    background-color: #fb4e37;

    transform: scaleX(0);

    transform-origin: right;

    transition: transform 0.5s;

    border-radius: .075rem;

}

.nav-ny-l ul li a:hover{

    color: #fb4e37;

}

.nav-ny-l ul li a:hover::after{

    transform: scaleX(1);

    transform-origin: left;

}



.nav-ny-r,ny-sy{

    -webkit-justify-content: flex-end;

    -moz-justify-content: flex-end;

    -ms-justify-content: flex-end;

    -o-justify-content: flex-end;

    justify-content: flex-end;

    line-height: .7rem;

}

.ny-sy,.nav-ny-r span{

    font-size: .7rem;

}

.nav-ny-r .iconjiantou{

    font-size: .6rem;

    padding: 0 .5rem;

}

.ny-sy,.nav-ny-r .iconjiantou{

    color: #999;

}

.nav-ny-r span{

    color: #333; line-height:60px;

}

.nav-ny-r span a{color: #333;}

.ny-sy:hover{

    color: #fb4e37;

}

/* 移动端状态栏 */

.mo-footer{

    height: 3rem;

    width: 100%;

    background-color: #fb4e37;

    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);

}



/* PC底部 */

.footer{

    background-color: #3b3b3b;

}

.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: 7.5rem;

    height: 7.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-b p a{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-bottom:30px;

}

.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: #fb4e37;

    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: #fb4e37;

    color: #fff;

}

.pages .iconjiantou:hover{

    color: #fb4e37;

}

/* 返回顶部 */

.go-top{

    position: fixed;

    right: 0;

    top: 70%;

    z-index: 500;

}

.go-top .item{

    width: 2rem;

    height: 2rem;

    background: #f78533;

    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: #fb4e37;

    width: 6rem;

    height: 4rem;

    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: #fb4e37;

    -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(255, 255, 255, .4);;

    padding-top: .25rem;

    margin-top: .25rem;

}

.go-top .wenzi p{

    font-size: .6rem;

    color: #fff;

}

.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 #e3e7e2;

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

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

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

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

    transform: translateY(-50%);

}

.go-top .item:hover{

    background: #fb4e37;

}

.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:1440px){

    body .about-rbox{padding: 4rem 3rem; padding:0 3rem;}

    body .about .about-rbox>p {margin-bottom: 3rem;}

}

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

    .content{max-width: 95%;}

    body .project,body .adv,body .news{padding: 4rem 0;}

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

    body .about .about-rbox>p {margin-bottom: 1.5rem;}

    body .a-rowbox{padding: 1rem;}

    body .a-icon{margin: 0 1rem;width: 6rem;height: 6rem;}

    body .a-font h1{font-size: 1.2rem;}

    body .a-font p{font-size: .7rem;}

    body .honor{padding: 3rem 0 4rem;}

    body .h-img,body .h-ny-img{padding: 1rem;}

    body .h-row{padding: 1rem;}

    body .h-font{padding: .75rem 2rem;}

    body .h-ny-img{padding: 1rem;}

    body .h-ny-row{padding: .5rem;}

    body .h-ny-font{padding: .75rem 2rem;}

    body .n-lb-r{padding: .75rem;}

    body .n-lb-r h1 {padding-bottom: .25rem;}

    body .n-lb-r h6{line-height: 1rem;padding-top: .25rem;margin-top: .25rem;}

    body .n-ny-lb-r{padding: .75rem;}

    body .n-ny-lb-r h1 {padding-bottom: .25rem;}

    body .n-ny-lb-r h6{line-height: 1rem;padding-top: .25rem;margin-top: .25rem;}

    body .f-l>ul>li>a{padding-right: 1rem;}

    body .f-c {padding: 0 1rem;margin-left: 1rem;}

    body .f-r .ewm{margin-left: 1rem;}

    body .f-t{padding: 2rem 0;}

    body .p-xq-r-t h1{font-size: 1rem;}

    body .j-cow1{padding: 0 .5rem;}

    body .j-cowbox{padding: .5rem 0;}

    body .h-ny-cowbox{margin: 0 -.5rem;}

    body .swiper-font{width: 40%;}

    body .n-img{width: 183px;height: 147px;}

    body .n-ny-img{width: 183px;height: 147px;}

    body .h-img{}

    body .h-ny-img{}

    body .p-rowbox{}

    body .p-img{width: 100%;}

    body .swiper-img{height: 17rem;}

}

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

	.swiper-font p{ height:2.4rem !important; overflow:hidden}

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

    .header1,.nav,.go-top .dh,.go-top .ewm,.footer,.p-r-nav,body .p-rowbox .p-rowbox-zz,body .p-row:nth-of-type(5),body .p-row:nth-of-type(6),body .p-row:nth-of-type(7),body .p-row:nth-of-type(8),.more,.n-r-nav,.banner-nybox,.nav-ny-r,.p-xq-r{display: none !important;}

    .mo-top,.mo-footer,.mo-copyright{display: block !important;}

    body .swiper-img{height: 17rem;}

    body .banner{padding-top: 3rem;}

    body .tit{width: 100%; text-align: center;}

    body .p-row{width: 50%;}

    body .p-font{position: inherit;visibility: visible;opacity: 1;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(-0,-0);left: 0;padding: .5rem;}

    body .p-font h2{color:#444 ;padding-bottom: .5rem;}

    body .p-font p{color: #999;}

    body .aboutbox,body .h-cowbox{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}

    body .about-l,body .about-r,body .n-row,body .n-ny-row{width: 100%;}

    body .about-l{height: 15rem; height:10rem;}

	body .about .about-l .a-imgbox{ background-size:cover !important;}

	.p-font h2::after{ display:none !important;}

    body .a-more{background-color: #fb4e37;border: none;}

    body .a-more p{color: #fff;}

    body .about .about-rbox>p{-webkit-line-clamp: 4;}

    body .a-rowbox .a-font{width: 60%;}

    body .a-font h1{font-size: 1rem;margin-bottom: .5rem;}

    body .h-row{width: 50%;}

    body .n-rowbox,body .n-ny-rowbox{box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, .05);}

    body .n-lb-r,body .n-ny-lb-r{padding: 1.5rem;}

    body .n-lb-r h1,body .n-ny-lb-r h1{padding-bottom: 1rem;}

    body .n-lb-r h6,body .n-ny-lb-r h6{padding-top: .75rem;margin-top: .75rem;line-height: 1.25rem;}

    body .nav-ny{padding-top: 3.5rem;}

    body .p-ny-row{width: 50%;}

    body .about-nybox img{max-width: 100%;}

    body .h-ny-row{width: 50%;}

    body .j-cow{padding-top: .5rem;}

    body .j-cowbox{margin: 0 -.5rem;}

    body .j-row{padding: .5rem;}

    body .j-rowbox{padding: 1rem;}

    body .a-icon{widows: 5rem;height: 5rem;}

    body .h-img,body .h-ny-img{}

    body .project-ny,body .about-ny,body .news-xq,body .contact-ny{padding: 0;}

    body .about-ny-c{padding: 1rem;}

    body .news-xqbox{padding: 2rem;}

    body .contact-ny{min-height: 34.8rem;}

    body .swiper-font h1{font-size: 1.6rem;}

    body .p-rowbox{width: auto;height: auto;}

    body .p-img{width:100%}

    body .p-rowbox img{width: 354px;height: 354px;}

    body .h-img{width: 100%;}

    body .h-ny-img{width: 100%;}

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

    body .n-ny-img{}

	

	.project-ny p.one-txt-cut{ display:none;}

	 body .project-ny{ padding-bottom:60px;}

}

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

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

    body .p-font h2{font-size: .8rem; padding-bottom:0;}

    body .swiper-img{height: 8rem;}

    body .project, body .adv, body .news{padding: 2rem 0;}

    body .a-row{width: 100%;}

    body .p-cow,body .h-cow{padding-top: 1rem;}

    body .tit-c{padding-bottom: 1rem;}

    body .body .a-rowbox .a-font{width: 49%;}

    body .a-rowbox{padding: .75rem}

    body .h-img,body .h-ny-img{}

    body .n-lb-r h6, body .n-ny-lb-r h6{padding-top: .25rem;margin-top: .25rem;line-height: 1rem;}

    body .n-lb-r, body .n-ny-lb-r{padding: .75rem;}

    body .n-lb-r h1, body .n-ny-lb-r h1{padding-bottom: .25rem;}

    body .n-lb-l,body .n-ny-lb-l{width: 47%;}

    body .n-lb-r,body .n-ny-lb-r{width: 53%;padding: .5rem;}

    body .n-cowbox,body .n-ny-cowbox{margin: 0 -.5rem;}

    body .n-row,body .n-ny-row{padding: .5rem;}

    body .nav-ny-l ul li{padding: 0 .45rem;}

    body .pages{padding-bottom: 4rem;}

    body .project-xq{padding-top: 1rem;}

    body .p-xq-l-t,body .nav-ny-l ul,body .j-cow,body .contact-nybox{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}

    body .p-xq-img{width: 100%;}

    body .p-xq-l-font{padding-left: 0;padding-top: 2rem;}

    body .p-xq-l-t,body .p-xq-l-b-tit,body .p-xq-l-b-b{padding: 1rem;}

    body .about-ny-c{padding:2rem 0;}

    body .h-ny-cow,body .n-ny-cow{padding-top: 1rem;}

    body .j-row{width: 100%;}

    body .con-l{padding: 2rem;width: 100%;}

    body #map{width: 100%;height: 20rem;}

    body .about-rbox{padding: 1.5rem .75rem;}

    body .a-more{padding: .25rem 0;width: 5rem;}

    body .a-icon{width: 5rem; height: 5rem;}

    body .news-xqbox{padding: 2rem .75rem;}

    body .a-icon{width: 4.5rem;height: 4.5rem;}

    body .h-cowbox,body .h-ny-cowbox{margin: 0 -.5rem;}

    body .h-row{padding: .5rem;}

    body .h-img, body .h-ny-img{padding: .5rem;}

    body .h-font,body .h-ny-font{padding: .5rem 1rem;}

    body .honor{padding: 2rem 0;}

    body .h-font p,body .h-ny-font p{font-size: .7rem;}

    body .n-cow{padding-top: 1rem;}

    body .swiper-font h1{font-size: 1.2rem;padding-bottom: .5rem;}

    body .swiper-font{width: 80%; left: 12%;top: 25%;}

    body .swiper-font p{font-size: .7rem;}

    body .p-img{width:100%; height:130px;}

    body .p-rowbox img{width: 177px;height: 126px;}

    body .h-img{}

    body .h-ny-img{ height:224px; padding-bottom:0;}

    body .n-img{}

    body .n-ny-img{ height:130px;}

	.nav-ny-l ul li a{ padding:0.5rem .8rem;}

}

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

    body .nav-ny-l ul li a{padding: 1rem .67rem;}

    body .con-l .ewm{width: 30%;}

    body .p-img{width:100%}

    body .p-rowbox img{width: 158px;height: 110px;}

    body .h-img{}

    body .h-ny-img{}

    body .n-img{}

    body .n-ny-img{}

}

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

    body .a-icon{width: 4rem;height: 4rem;}

    body .a-font h1{font-size: .8rem;}

    body .h-img, body .h-ny-img{padding: .5rem;}

    body .n-lb-r h6, body .n-ny-lb-r h6{-webkit-line-clamp: 2;}

    body .nav-ny-l ul li a{padding: 1rem .2rem;}

    body .con-l{padding: .75rem;}

    body .swiper-font h1{font-size: 1rem;}

    body .swiper-font{top:13%}

}

.pagebar { overflow:hidden}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 5px 10px;

  margin: 0 2px;

  border-radius: 3px;

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #FB4E37;

  border: 1px solid #FB4E37;

}

.pagination a.page-num-current {

  color: #fff;

  background: #FB4E37; border:1px solid #FB4E37}

  

#maximg img{ max-width:100%; height:auto !important; width:inherit}

#maximg{ font-size:14px; line-height:24px; color:#333}

.list-paddingleft-2 a{ font-size:14px; color:#333}



.dddd{ border-collapse:collapse;}

.dddd td{ padding:10px 20px; font-size:14px; border:1px solid #ddd;}

.dddd td:nth-child(2n+1){ width:50px; text-align:center;}



.footerbox li{ flex:1;}

.f-l>ul>li>a .trs{ font-size:16px;}

.footerbox li .f-nav2{ font-size:13px;}

.f-c h6{ font-size:16px;}

.f-b p{ font-size:13px;}

.f-c p{ font-size:13px;}

.f-r .ewm p{ font-size:13px;}

