@charset "utf-8";





*{

	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: #2bb572;

    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: #8bc63e;

    text-decoration: underline;

}

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

    color: #2bb572;

}

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

    visibility: visible;

    opacity: 1;

}

/* 头部 */

.header{

    width: 100%;

    background: #fff;
    padding: 10px 0;

}

.headerbox{

    height: 5rem;

}

.header-l{

    width: 50%;

}

.header-l .logo{

    width: 50%;

}

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

}

.header-r .telbox p{

    font-size: .6rem;

    color: #808080;

    margin-left: .75rem;

}

.header-r .telbox h1{

    font-size: 1.3rem;

    color: #8bc63e;

    margin-left: .75rem;

}

/* 导航 */

.nav{

    background-color: #2bb572;

    width: 100%;

}

.nav .nav1li{

    flex: 1;

    margin:0 1px;

    position: relative;

}

.nav .nav1li .nav1a {

    font-size: .8rem;

    color: #fff;

    text-align: center;

    font-weight: bold;

    display: block;

    line-height: 2.5rem;

}

.nav .nav1li.active{

    background-color: #ccfefa;

}

.nav .nav1li.active .nav1a{

    color: #2bb572;

}

.nav .nav1li:hover{

    background-color: #ccfefa;

}



.nav .nav1li:hover .nav1a{

    color: #2bb572;

}



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

}

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

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

}

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

    text-decoration: underline;

}

.search-b .inp{

    color: #444;

    font-size: .7rem;

    /* border: 1px solid #cccccc; */

    padding-left: .75rem;

    line-height: 1.75rem;

    width: 15rem;

    background-color: #f0f7f7;

}

.search-b .but{

    padding: 0 1.75rem;

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

    cursor: pointer;

    line-height: 1.75rem;

    border: 1px solid #2bb572;

    color: #fff;

    font-size: .8rem;

}

.search-b .but:hover{

    background-color: #28b3a7;

    border: 1px solid #28b3a7;

}

/* 友情链接 */

.link{

    background-color: white;

    line-height: 2.5rem;

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

}

.linkbox{

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

    background-position: center left;

    background-image: 100% 100%;

}

.linkbox ul{

    padding-left: 12%;

}

.linkbox ul li a{

    color: #444;

    font-size: .7rem;

    padding: 0 .35rem;

}

.linkbox ul li a:hover{

    color: #2bb572;

}

/* 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;

}

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

    height: 6.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-top: 50px;

}

.pages .iconjiantou{

    font-size: 1.5rem;

    color: #b2c6b2;

    display: block;

}

.pages a{

    margin: 0 .25vw;

}

#page{ overflow:hidden; font-size:12px;text-align:center; margin: 30px 0; clear: both;}

#page a { overflow:hidden; text-decoration: none; display:inline-block; margin:0 4px; height:32px; line-height:30px; background:#fff; border:1px solid #fff; text-align:center; color:#333; padding:0 12px;}

#page a.a1 {width:56px; padding:0; background:#f8f8f8;}

#page a:hover {background:#2bb572; border-color:#2bb572; color:#fff; text-decoration:none; }

#page span {display:inline-block;overflow:hidden; margin:0 4px; height:32px;padding:0 12px; font-size:12px;line-height:30px; background:#2bb572; border:1px solid #2bb572; color:#fff; text-align:center; }

#page a.page-num-current {display:inline-block;overflow:hidden; margin:0 4px; height:32px;padding:0 12px; font-size:12px;line-height:30px; background:#2bb572; border:1px solid #2bb572; color:#fff; text-align:center; }



#page a.next,#page a.prev {font-size: 1.1rem;color: #b2c6b2; background: none; border: 0 none; padding: 0 3px;}

#page a.prev{-webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);}

#page a.next:hover,#page a.prev:hover{ color: #37453a}

.pages .page{

    width: 32px;

    height: 32px;

    /* border: 1px solid #e6e6e6; */

    background: #fff;

    line-height: 32px;

    color: #37453a;

    font-size: .875rem;

}

.pages a.active{

    background: #2bb572;

    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: #2bb572;

    color: #fff;

}

.pages .iconjiantou:hover{

    color: #37453a;

}

/* 返回顶部 */

.go-top{

    position: fixed;

    right: 0;

    top: 70%;

    z-index: 500;

}

.go-top .item{

    width: 2rem;

    height: 2rem;

    background: #8bc63e;

    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: #8bc63e;

    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: #8bc63e;

}

.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: #ee5a5a

}

.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(54, 208, 196, .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(54, 208, 196, .4);

    position: relative;

    overflow: hidden;

}

.su::after{

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #2bb572;

    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: #2bb572;

    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:last-child{border:0 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%;

    position: relative;

    --swiper-navigation-size: .9rem;

}

.swiper-img{

    height: 30rem;

    background-position: 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;

}

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

    content: ''!important;

}

.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: 30px;

    -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: 2.75rem;

    height:.2rem;

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

    margin: 0 .5rem !important;

    border-radius: 0;

}

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

    background-color: #2bb572;

}

/* 首页标题 */

.tit{

    text-align: center;

}

.tit h1{

    font-size: 1.8rem;

    color: #2c4544;

    position: relative;

    padding-bottom: .5rem;

}

.tit h2{

    font-size: .7rem;

    color: #999;

    text-transform: uppercase;

    font-weight: normal;

}

/* 首页了解更多 */

.morebox{

    text-align: center;

    margin-top: 3rem;

}

.more{

    display: inline-block;

    overflow: hidden;

    position: relative;

    z-index: 1;

    width: 8rem;

    line-height: 2rem;

    background-color: #8bc63e;

}

.more p,.more .iconjiantou{

    color: #fff;

    line-height: 2rem;

    display: inline-block;

}

.more p{

    font-size: .8rem;

}

.more .iconjiantou{

    font-size: .7rem;

    padding-left: .25rem;

}

.more::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: #ee5a5a;

    transform: scaleX(0);

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -ms-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}

.more:hover::before {

    transform: scaleX(1);

}

.more:hover p,.more:hover .iconjiantou{

    color: #fff;

}



/* 我们的服务 */

.server{

    padding: 4rem 0;

}

.serv-cow{

    padding-top: 3rem;

}

.serv-cowbox{

    margin:0 -1rem;

}

.serv-row{

    padding: 1rem;

    width: 25%;

}

.serv-rowbox{

    background-color: white;

    display: block;

    border: 1px solid #e1eef0;

}

.serv-img{

    width: 268px;

    height: 202px;

    overflow: hidden;

}

.serv-font{

    padding:.75rem 1rem;

}

.serv-font h1{

    font-size: .8rem;

    color: #444;

    text-align: center;

    font-weight: normal;

}

.serv-rowbox:hover{

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

}

.serv-rowbox:hover .serv-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);

}

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

    color: #2bb572;

}

/* 关于我们*/

.about{

    padding:4rem 0 6rem ;

    position: relative;

}

.about-bg{

    width: 80%;

    height: 480px;

    background-color:#f0f7f7;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.about-l{

    width: 42%;

}

.about-img{

    width: 444px;

    height: 444px;

    overflow: hidden;

}

.about-r{

    flex: 1;

}

.about-rbox{

    padding-right: 10%;

}

.about-r .tit{

    text-align: left;

}

.about-font{

    padding: 2rem 0;

}

.about-font p{

    font-size: .7rem;

    color: #808080;

    line-height: 1.7rem;

    -webkit-line-clamp: 6;

}

.about .morebox{

    text-align: left;

    margin: 0;

}

.about .morebox .more{

    text-align: center;

}

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

}

/* 一对一专属服务 */

.about-serv{

    padding-bottom: 4rem;

}

.about-serv-l{

    flex: 1;

    padding-right: 10%;

}

.about-serv-l .tit{

    text-align: left;

}

.about-serv-img{

    width: 442px;

    height: 361px;

    overflow: hidden;

}

.about-serv-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);

}

/* 案例展示 */

.case{

    padding: 4rem 0;

    background:url(../images/case-bg.jpg) no-repeat center;

    background-size: cover;

}

.c-cow{

    padding-top: 4rem;

}

.c-cowbox{

    margin: 0 -.75rem;

}

.c-row{

    padding: .75rem;

    width: 20%;

}

.c-rowbox{

    background-color: white;

    display: block;

    position: relative;

}

.c-img{

    width: 216px;

/*    height: 216px;*/

    overflow: hidden;

}

.c-font{

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: rgb(14 14 14 / 75%);

    padding: .5rem 1rem;

    width: 100%;

}

.c-font h1{

    font-size: .8rem;

    color: white;

    text-align: center;

    font-weight: normal;

}

.c-rowbox: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);

}

.c-rowbox:hover .c-font{

    background-color: rgba(54, 208, 196, .9);

}

/* 核心团队 */

.team{

    padding: 4rem 0;

}

.t-cow{

    padding-top: 3rem;

}

.t-cowbox{

    margin: 0 -1rem;

}

.t-row{

    padding: 1rem;

    width: 25%;

}

.t-rowbox{

    display: block;

    border: 1px solid #e1eef0;

    background-color: white;

}

.t-img{

    width: 268px;

    height: 202px;

    overflow: hidden;

}

.t-font{

    padding: 1rem;

}

.t-font h1{

    font-size: .8rem;

    color: #444;

    padding-bottom: .5rem;

    font-weight: normal;

}

.t-font p{

    font-size: .7rem;

    color: #808080;

    -webkit-line-clamp: 2;

    line-height: 1.2rem;

}

.t-rowbox:hover{

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

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

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

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

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

    transform: translateY(-1%);

}

.t-rowbox:hover .t-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);

}



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

    color: #2bb572;

}

/* 荣誉资质 */

.honor{

    padding: 4rem 0;

    background:url(../images/honor-bg.jpg) no-repeat center;

    background-size: cover;

}

.h-cow{

    padding-top: 4rem;

}

.h-cowbox{

    margin: 0 -1rem;

}

.h-row{

    padding: 1rem;

    width: 25%;

}

.h-rowbox{

    background-color: white;

    display: block;

}

.h-img{

    width: 268px;

    height: 202px;

    overflow: hidden;

}

.h-font{

    padding: .75rem 1rem;

    border-top: 1px solid #e1eef0;

}

.h-font h1{

    text-align: center;

    color: #444;

    font-size: .8rem;

    font-weight: normal;

}

.h-rowbox:hover .h-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);

}

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

    color: #2bb572;

}



/* 新闻中心 */

.news{

    padding: 6rem 0;

}

.n-cow{

    padding-top: 3rem;

}

.n-cowbox{

    margin: 0 -1rem;

}

.n-row{

    padding: 1rem;

    width: 33.33%;

}

.n-rowbox{

    background-color: white;

    padding: 1rem;

    border: 1px solid #e1eef0;

}

.n-img{

    width: 333px;

    height: 222px;

    overflow: hidden;

}

.n-tit{

    padding: 1.5rem 0 .5rem;

}

.n-tit h1{

    font-size: 1rem;

    color: #444;

}

.n-tit a{

    display: block;

    padding: .35rem 1rem;

    color: white;

    background-color: #8bc63e;

    text-transform: uppercase;

    font-size: .6rem;

}

.n-font a{

    font-size: .8rem;

    color: #808080;

    margin: .75rem 0;

    display: block;

}

.n-rowbox:hover{

    box-shadow: 0 15px 30px rgba(0, 0, 0, .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);

}

.n-font a:hover{

    color: #2bb572;

}

.n-tit a:hover{

    background-color: #ee5a5a;

}

/* 内页banner */

.banner-nybox{

    overflow: hidden;

}

.banner-nybox img{

    max-width: 100%;

    height: 12rem;

}

/* 内页面包屑 */

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

}

.bread-l a:hover{

    color: #2bb572;

}

/* 内页导航 */

.navbox-ny{

    padding-bottom: 2rem;

}

.navbox-ny ul li{

    width: 16.66%;

}

.navbox-ny ul li a{

    color: #808080;

    text-align: center;

    display: block;

    font-size: .9rem;

    background-color: #fff;

    line-height: 2.5rem;

    margin: .5rem .75rem;

}

.navbox-ny ul li a.active{

    background-color: #8bc63e;

    color: #fff;

}

.navbox-ny ul li a:hover{

    background-color: #8bc63e;

    color: #fff;

}

/* 内页列表 */

.ny-lb,.contact-ny{

    padding:3rem 0 4rem;

}

.ny-lb .serv-cow-ny,.ny-lb .c-cow-ny,.ny-lb .h-cow-ny,.ny-lb .t-cow-ny{

    padding: 0;

}

.nny-cowbox{

    margin: 0 -.75rem;

}

.nny-row{

    padding: .75rem;

    width: 100%;

}

.nny-rowbox{

    background-color: white;

    padding: 1rem;

}

.nny-time{

    background-color: #e1eef0;

    width: 5rem;

    height: 5rem;

    text-align: center;

    padding: .5rem;

}

.nny-time .day{

    font-size: 2rem;

    font-weight: bold;

    color: #28b3a7;

}

.nny-time .date{

    font-size: .7rem;

    color: #999;

}

.nny-font{

    padding: 0 2rem;

    flex: 1;

}

.nny-font h1{

    font-size: .8rem;

    color: #444;

    padding-bottom: .5rem;

}

.nny-font p{

    font-size: .7rem;

    color: #808080;

    line-height: 1.2rem;

    -webkit-line-clamp: 2;

}

.nny-more p{

    background-color: #8bc63e;

    color: #fff;

    font-size: .6rem;

    text-transform: uppercase;

    padding: .25rem 1rem;

}

.nny-rowbox:hover{

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

}

.nny-more:hover p{

    background-color: #ee5a5a;

}

/* 联系我们 */

.contact-nybox1{

    padding: 2rem;

    background-color: white;

}

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

}

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

}

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

}

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

    .about-bg{width: 90%;}

}

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

    .about-bg{width: 95%;}

}

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

    .content{max-width: 95%;}

    .header-l{width: 50%;}

    .swiper-img{height: 25rem;}

    .serv-img,.t-img,.h-img{width: 211px;height:159px;}

    .about-l{width: 50%;}

    .c-img{width: 171px;height: 171px;}

    .n-img{width: 256px;height: 170px;}

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

    .navbox-ny ul li{width: 20%;}

    .f-l{display: none;}

    .f-c{margin-left: 0rem;border-left: none;}

}

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

    .header1,.go-top .dh, .go-top .ewm,.footer,.swiper-button-prev,.swiper-button-next,body .hot-s,.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{padding: 1rem 0;}

    .server,.case,.team,.honor,.news{padding:3.5rem 0}

    .about{padding: 4rem 0;}

    .about-serv{padding-bottom: 3rem;}

    .serv-cow,.c-cow,.h-cow,.t-cow,.n-cow{padding-top: 1.5rem;}

    .morebox{margin-top: 1.5rem;}

    .more{width: 6rem;line-height: 1.5rem;}

    .more .iconjiantou{padding-left: 0;}

    .more p, .more .iconjiantou{line-height: 1.5rem;}

    .serv-cowbox,.t-cowbox,.n-cowbox,.h-cowbox,.c-cowbox{margin: 0 -.5rem;}

    .serv-row,.t-row,.n-row,.h-row,.c-row{padding: .5rem;}

    .serv-img, .t-img, .h-img{width: 165px;height: 125px;}

    .c-img{width: 130px;height: 130px;}

    .serv-font,.h-font,.c-font{padding: .4rem .75rem;}

    .t-font{padding: .5rem;}

    .t-font h1{padding-bottom: .25rem;}

    .n-img{width: 208px;height: 139px;}

    .n-tit{padding: 1rem 0 .25rem;}

    .n-font a{font-size: .7rem;}

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

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

    .t-font p{font-size: .6rem;line-height: 1rem;}

    .about-img{width: 344px;height: 344px;}

    .about-l{width: 52%;}

    .about-font p{line-height: 1.4rem;}

    .about-font{padding: 1rem 0;}

    .about-bg{height: 346px;}

    .about{padding: 2rem 0;}

    .about-serv-l{padding-right: 5%;}

    .about-serv-img{width: 342px;height: 245px;}

    .navbox-ny ul li{width: 25%;}

    .navbox-ny ul li a{font-size: .8rem;line-height: 2rem;margin:.5rem}

    .navbox-ny{padding-bottom: 1rem;}

    .pages{padding-top: 1rem;}

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

    .c-row-ny,.h-row-ny,.t-row-ny{width: 33.33%;}

    .c-img-ny{width: 229.83px;height: 229.83px;}

    .h-img-ny,.t-img-ny{width: 229.83px;height: 169.54px;}

}

@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{padding: 1rem .75rem;}

    .c-rowm,.nny-more{display: none;}

    .server, .case, .team, .honor, .news{padding: 2.5rem 0;}

    .serv-row, .t-row, .n-row, .h-row, .c-row{width: 50%;}

    .serv-img, .t-img, .h-img{width: 182px;height: 137px;}

    .serv-rowbox{box-shadow:0 15px 30px rgba(0, 0, 0, .05);border: none;}

    .aboutbox,.about-servbox,.c-cowbox,.t-cowbox,.h-cowbox,.n-cowbox,.cxq-b{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}

    .about-l,.n-row,.xq-bl{width: 100%;}

    .about-bg{width: 100%;height: 790px;}

    .about-img{width: 384px;height: 384px;}

    .about-r{padding-top: 2rem;}

    .about-rbox{padding-right: 0;}

    .about-serv-l{width: 100%;flex: none;padding-right: 0;}

    .about-serv{padding-top: 2rem;}

    .about-serv-img{width: 384px;height: 275px;}

    .c-img{width: 182px;height: 182px;}

    .n-rowbox{padding: 1rem;}

    .n-img{width: 342px;height: 228px;}

    .n-font a{font-size: .8rem;}

    .navbox-ny ul li{width: 50%;}

    .nny-font{padding: 0 1rem;}

    .nny-cowbox{margin: 0 -.5rem;}

    .nny-row{padding: .5rem;}

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

    .contact-nybox1{padding: 1rem;}

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

    .xqbox{padding: 1rem;}

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

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

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

}

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

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

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

    .serv-img, .t-img, .h-img{width: 163px;height: 123px;}

    .c-img{width: 163px;height:163px;}

    .n-img{width: 303px;height: 202px;}

    .about-img{width: 345px;height: 345px;}

    .about-serv-img{width: 345px;height:247px;}

    .about-bg{height: 760px;}

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

    .ny-xq{padding: 3rem 0;}

    .xqbox{padding: .75rem;}

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

    .nny-font{width: 75%;flex: none;}

    .nny-time{width: 4rem;height: 4rem;padding: .25rem;}

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

    

}

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

    .server, .case, .team, .honor, .news{padding: 2rem 0;}

    .serv-cow, .c-cow, .h-cow, .t-cow, .n-cow{padding-top: 1rem;}

    .serv-cowbox, .t-cowbox, .n-cowbox, .h-cowbox, .c-cowbox{margin: 0 -.25rem;}

    .serv-row, .t-row, .n-row, .h-row, .c-row{padding: .25rem;}

    .serv-img, .t-img, .h-img{width: 140px;height: 106px;}

    .c-img{width: 140px;height: 140px;}

    .about-img{width: 290px;height: 290px;}

    .about-bg{height: 710px;}

    .about-serv-img{width: 290px;height: 207px;}

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

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

    .navbox-ny ul li a{margin: .25rem;}

    .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-right: 0;

    padding-bottom: .5rem;}

    .cqn-tb{-webkit-flex-direction: column;-moz-flex-direction: column;-o-flex-direction: column;flex-direction: column;}

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

    .nny-rowbox{padding: .5rem;}

    .nny-font{width: 70%;padding: 0 .5rem;}

    .nny-time .day{font-size: 1.4rem;}

    .nny-time{padding: .5rem;}

}

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