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

}

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

    text-decoration: underline;

}

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

    color: #dcdcdc;

}

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

    margin-left: .75rem;

}

/* 导航 */

.nav{

    background-color:  #dcdcdc;

    width: 100%;

}

.nav .nav1li{

    flex: 1;

    margin:0 1px;

    position: relative;

    text-align: center;



}

.nav .nav1li .nav1a {

    font-size: .8rem;

    color: #444;

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

}

.nav .nav1li.active .nav1a{

    color:  #444;

}

.nav .nav1li:hover{

    background-color: #c1c1c1;

}



.nav .nav1li:hover .nav1a{

    color:  #444;

}



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

}

.nav .nav2li:hover a{

    color: #fff;

}

.nav.on{

    top: 0;

    position: fixed;

    left: 0;

    z-index: 500;

}

/* 友情链接 */

.link{

    background-color: white;

    line-height: 2.5rem;

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

}

.linkbox{

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

    background-position: center left;

    background-size: auto;

}

.linkbox ul{

    padding-left: 12%;

}

.linkbox ul li a{

    color: #444;

    font-size: .7rem;

    padding: 0 .35rem;

}

.linkbox ul li a:hover{

    color:  #dcdcdc;

}

/* 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: 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-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:  #dcdcdc;

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

    color: #fff;

}

.pages .iconjiantou:hover{

    color:  #dcdcdc;

}

/* 返回顶部 */

.go-top{

    position: fixed;

    right: 0;

    top: 70%;

    z-index: 500;

}

.go-top .item{

    width: 2rem;

    height: 2rem;

    background: #2ddbc2;

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

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

}

.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: #20bda5

}

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

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

    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;

}

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

}

.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: 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:  #dcdcdc !important;

    border: none;

}

/* 首页标题 */

.tit{

    text-align: center;

}

.tit h1{

    font-size: 2.1rem;

    color: #444;

    position: relative;

    padding-top: .5rem;

}

.tit h2{

    font-size: .8rem;

    color: #444;

    text-transform: uppercase;

    font-weight: normal;

}

/* 首页了解更多 */

.morebox{

    text-align: center;

    border: 1px solid #444;

    border-radius: .2rem;

    width: 6rem;

}

.morebox-m{

    display: none;

}

.morebox p,.morebox .iconfont{

    color: #444;

}

.morebox p{

    font-size: .8rem;

    text-transform: uppercase;

    padding: .35rem 0;

}

.morebox .iconfont{

    opacity: 0;

}

.morebox:hover{

    background-color: #2ddbc2;



    border: 1px solid #2ddbc2;

}

.morebox:hover .iconfont{

    text-indent: .5rem;

    opacity: 1;

}

.morebox:hover p,.morebox:hover .iconchangjiantou{

    color: #fff;

}



/* 产品展示 */

.product{

    padding: 4.5rem 0;

    background-color: #f0f2f5;

}

.p-top{

    padding: 3rem 0 2rem 

}

.nav-content{

    width: 90%;

}

.nav-content ul{

    flex: 1;

}

.nav-content ul li a{

    font-size: .9rem;

    color: #444;

    background-color: #e6ecf5;

    padding: .5rem 1.5rem;

    border-radius: .2rem;

    margin: .25rem 1rem .25rem 0;

    display: block;

}

.nav-content ul li a.active{

    background-color: #c1c1c1;

    color: #fff;

    font-weight: bold;

}

.nav-content ul li a:hover{

    background-color: #c1c1c1;

    color: #fff;

    font-weight: bold;

}



.p-cowbox{

    margin: 0 -.5rem;

}

.p-row{

    padding: .5rem;

    width: 25%;

}

.p-rowbox{

    background-color: white;

    border-radius: .3rem;

    display: block;

    overflow: hidden;

}

.p-img{

    width: 285px;

    height: 214px;

    overflow: hidden;

}

.p-font{

    padding: 1rem;

}

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

}

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

    color:#dcdcdc;

}

/* 产品展示内页 */

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

    padding: 6rem 0;

}

.aboutbox{

    position: relative;

}

.about-font{

    width:75%;

    height: 430px;

    background: linear-gradient(135deg , rgb(220, 220, 220) , rgb(220, 220, 220) 100%);

    background: -o-linear-gradient(135deg , rgb(220, 220, 220) , rgb(220, 220, 220) 100%);

    background: -ms-linear-gradient(135deg , rgb(220, 220, 220) , rgb(220, 220, 220) 100%);

    background: -moz-linear-gradient(135deg , rgb(220, 220, 220) , rgb(220, 220, 220) 100%);

    background: -webkit-linear-gradient(135deg , rgb(220, 220, 220) , rgb(220, 220, 220) 100%);

    padding: 2rem 20% 2rem 2rem;

    border-radius: .5rem;

}

.about-font .tit{

    text-align: left;

}

.about .tit h1,.about .tit h2,.about-font p{

    color: #444;

}

.about-font .morebox{

    border: 1px solid white;

}

.about-font .morebox:hover{

    border: 1px solid #2ddbc2;

}

.about-fontbox p{

    font-size: .8rem;

    line-height: 1.6rem;

    margin: 1.75rem 0;

    -webkit-line-clamp: 5;

}

.about-img{

    position: absolute;

    top: 50%;

    right: 0;

    z-index: 99;

    border-radius: .5rem;

    width: 500px;

    height: 350px;

    overflow: hidden;

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

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

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

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

    transform: translateY(-50%);

}

.about-img::after{

    content: '';

    border: 1px solid white;

    opacity: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: .5rem;

    -webkit-transform: scale(.5);

    -moz-transform: scale(.5);

    -ms-transform: scale(.5);

    -o-transform: scale(.5);

    transform: scale(.5);

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

}

.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-img:hover::after{

    opacity: 1;

    -webkit-transform: scale(.9);

    -moz-transform: scale(.9);

    -ms-transform: scale(.9);

    -o-transform: scale(.9);

    transform: scale(.9);

}

/* 咨询客服广告 */

.advi{

    background: url(../image/advi1.jpg) no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-position: center center;

}

.advi-font{

    width: 35%;

}

.advi-font h1,.advi-font p,.cust .iconfont,.cust p{

    color: white;

}

.advi-font h1{

    font-size: 1.8rem;

    padding-bottom: 1.25rem;

}

.advi-font p,.cust p,.cust .iconfont{

    font-size: .8rem;

}

.cust{

    padding:4rem 0;

}

.custbox{

    border:1px solid white;

    border-radius: .3rem;

    width: 7.5rem;

    line-height: 2rem;

}

.cust p{

    padding-left: .5rem;

}

.custbox:hover{

    background-color: #dcdcdc;

    border: 1px solid #dcdcdc;

}

/* 服务优势 */

.adva{

    padding: 5rem 0 6rem;

}

.adva-cow{

    padding-top: 3rem;

}

.adva-cowbox{

    width: 50%;

}

.adva-row{

    position: relative;

    z-index: 2;

    width: 30rem;

    height: 15rem;

    overflow: hidden;

}

.adva-row::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(bottom , rgb(61, 74, 168) , rgba(61, 74, 168, 0) 100%);

    background: -o-linear-gradient(bottom , rgb(61, 74, 168) , rgba(61, 74, 168, 0) 100%);

    background: -ms-linear-gradient(bottom , rgb(61, 74, 168) , rgba(61, 74, 168, 0) 100%);

    background: -moz-linear-gradient(bottom , rgb(61, 74, 168) , rgba(61, 74, 168, 0) 100%);

    background: -webkit-linear-gradient(bottom , rgb(61, 74, 168) , rgba(61, 74, 168, 0) 100%);

    z-index: 1

}

.adva-row1{

    border-radius: .4rem 0 0 0;

}

.adva-row2{

    border-radius: 0 .4rem 0 0;

}

.adva-row3{

    border-radius: 0 0 0 .4rem;

}

.adva-row4{

    border-radius: 0 0 .4rem 0;

}

.adva-img{

    position: absolute;

    top: 0;

    left: 0;

    z-index:0;

    width: 100%;

    height: 100%;

}

.adva-font{

    position: absolute;

    left: 0;

    top:10%;

    z-index: 2;

    padding: 2rem 1.5rem;

    width: 100%;

}

.adva-font h1,.adva-font p{

    color: white;

}

.adva-font h1{

    font-size: 1.4rem;

    margin-bottom: 1rem;

}

.adva-font>p{

    font-size: .8rem;

    -webkit-line-clamp: 2;

}

.adva-font .cust{

    padding: 2.5rem 0 0 0;

}

.adva-row:hover .adva-font{

    top: 5%;

}

.adva-row:hover .adva-font>p{

    -webkit-transition-delay: .2s;

    -moz-transition-delay: .2s;

    -ms-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;

}

.adva-row:hover .cust{

    -webkit-transition-delay: .4s;

    -moz-transition-delay: .4s;

    -ms-transition-delay: .4s;

    -o-transition-delay: .4s;

    transition-delay: .4s;

} 

/* 团队 */

.team{

    padding-bottom: 4.5rem;

}

.t-font{

    width: 30%;

}

.t-font .tit{

    text-align: left;

}

.t-font .tit h1{

    -webkit-line-clamp: 2;

    line-height: 3rem;

}

.t-font>p{

    font-size: .8rem;

    color: #444;

    margin: 2rem 0;

    line-height: 1.2rem;

}



.t-cow{

    width: 60%;

}

.t-cowbox{

    margin: 0 -.5rem;

}

.t-row{

    width: 33.33%;

    padding: .5rem;

}

.t-img{

    width: 224px;

    height: 320px;

    overflow: hidden;

    border-radius: .3rem;

}

.t-rowbox h1{

    font-size: 1rem;

    color: #444;

    text-align: center;

    padding-top: 1rem;

}

.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-cow-ny{

    width: 100%;

}

.t-cow-ny .t-cowbox-ny {

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -o-flex-wrap: wrap;

  flex-wrap:wrap;

}

.t-row-ny{

    width: 20%;

}

/* 案例展示 */

.case{

    padding: 4.5rem 0;

    background-color: #f0f2f5;

}

.case .tit{

    text-align: left;

}

.c-cow{

    padding-top: 3.25rem;

}

.c-cowbox{

    margin: 0 -.75rem;

}

.c-row{

    padding: .75rem;

    width: 33.33%;

}

.c-rowbox{

    background-color: white;

    display: block;

    position: relative;

    width: 380px;

    height: 285px;

    border-radius: .3rem;

    overflow: hidden;

    z-index: 5;

}

.c-img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.c-rowbox::before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 60%;

    background: linear-gradient(bottom , rgba(61, 74, 168,.8) , rgba(61, 74, 168, 0) 100%);

    background: -o-linear-gradient(bottom , rgba(61, 74, 168,.8) , rgba(61, 74, 168, 0) 100%);

    background: -ms-linear-gradient(bottom , rgba(61, 74, 168,.8) , rgba(61, 74, 168, 0) 100%);

    background: -moz-linear-gradient(bottom , rgba(61, 74, 168,.8) , rgba(61, 74, 168, 0) 100%);

    background: -webkit-linear-gradient(bottom , rgba(61, 74, 168,.8) , rgba(61, 74, 168, 0) 100%);    

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

    z-index: 1;

}

.c-rowbox::after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(61, 74,168, .8);

    opacity: 0;

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

    z-index: 1;

}

.c-rowbox .iconfont,.c-rowbox p{

    color: white;

}

.c-rowbox .iconfont{

    font-size: 3rem;

    position: absolute;

    bottom: 0;

    left: 50%;

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

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

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

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

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

    opacity: 0;

    z-index: 2;

}

.c-rowbox p{

    font-size: .9rem;

    position: absolute;

    bottom: 0;

    left: 0;

    padding: .75rem 1.5rem;

    z-index: 2;

    line-height: 1.4rem;

    width: 100%;

    text-align: center;

}

.c-rowbox:hover::after{

    opacity: 1;

}

.c-rowbox:hover .iconfont{

    opacity: 1;

    bottom: 33%;

    -webkit-transition-delay: .1s;

    -moz-transition-delay: .1s;

    -ms-transition-delay: .1s;

    -o-transition-delay: .1s;

    transition-delay: .1s;

}

.c-rowbox:hover p{

    opacity: 1;

    bottom: 0;

    -webkit-transition-delay: .2s;

    -moz-transition-delay: .2s;

    -ms-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;

}

/* 新闻中心 */

.news{

    padding: 4.5rem 0;

}

.n-top .tit{

    text-align: left;

}

.n-lb{

    padding-top: 3rem;

}

.n-l{

    width:560px;

}

.n-lbox{

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

    background-color: white;

    border-radius: .4rem;

    overflow: hidden;

    display: block;

}

.n-limg{

    width: 560px;

    height: 350px;

    overflow: hidden;

}

.n-llbox{

    width: 20%;

}

.n-lbot{

    padding: 1.5rem;

}

.n-time{

    font-size: 1.4rem;

    color: #bfbfbf;

    font-weight: bold;

    padding-bottom: .5rem;

}

.n-more p,.n-more .iconfont{

    color: #999999;

}

.n-more p{

    font-size: .8rem;

    text-transform: uppercase;

}

.n-more .iconfont{

    font-size: .7rem;

}

.n-lrbox{

    width: 80%;

}

.n-lrbox h1{

    font-size: .9rem;

    padding-bottom: 1rem;

    color: #444;

}

.n-lrbox p{

    font-size: .8rem;

    color: #808080;

    -webkit-line-clamp: 2;

    line-height: 1.2rem;

}

.n-lbox:hover .n-limg 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-lbot:hover h1{

    color:#dcdcdc;

}

.n-lbot:hover .n-time{

    color:#dcdcdc;

    text-indent: .25rem;

}

.n-lbot:hover .n-more p{

    color:#dcdcdc;

    text-indent: .25rem;

}

.n-lbot:hover .n-more .iconfont{

    color:#dcdcdc;

    text-indent: .25rem;

}



.n-r{

    width: 46%;

}

.n-cow{

    width: 100%;

    background-color: white;

    border-bottom: 1px solid #e9e9e9;

    display: block;

    border-radius: .3rem;

}

.n-cowbox{

    padding:1.5rem;

    margin: .5rem 0;

}

.n-row{

    width: 75%;

}

.n-row h1{

    font-size: .9rem;

    color: #444;

    padding-bottom: 1rem;

}

.n-row p{

    font-size: .8rem;

    color: #808080;

    line-height: 1.2rem;

    -webkit-line-clamp: 2;

}

.n-cow:hover{

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

    border-bottom: 1px solid white;

}

.n-cow:hover h1{

    color: #dcdcdc;

}

.n-cow:hover .n-time{

    text-indent: .5rem;

    color: #dcdcdc;

}

.n-cow:hover .n-more p{

    text-indent: .5rem;

    color: #dcdcdc;

}

.n-cow:hover .n-more .iconfont{

    text-indent: .5rem;

    color: #dcdcdc;

}

/* 新闻列表内页 */

.n-r-ny{

    width: 100%;

}

.n-cowbox-ny{

    margin: 1rem 0;

}

.ny-lb .n-nyp{

    -webkit-line-clamp: 1;

}

/* 内页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 .c-cow-ny,.ny-lb .h-cow-ny,.ny-lb .t-cow-ny{

    padding: 0;

}

/* 联系我们 */

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

}

.xqbox .about-cqn{

    border-bottom: none;

    padding-bottom:0 ;

}

.cqn-cimg{

    padding: 0 2rem;

}

.cqn-cimg img{

    max-width:32rem;

    margin-bottom: 1rem;

}

.cqn-cimg p{

    font-size: .8rem;

    color: #444;

    margin-bottom: 1rem;

    line-height: 1.4rem;

}

/* 内页详情底部 */

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

}



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

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

    .p-img{width: 229px;height: 172px;}

    .product{padding: 3.5rem 0;}

    .p-top{padding: 2rem 0 3rem;}

    .about,.adva,.case,.news{padding: 4rem 0;}

    .about-img{width: 400px;height: 280px;}

    .adva-row{width: 486px;height: 243px;}

    .adva-font{padding: 1rem 1.5rem;}

    .adva-font h1{font-size: 1.2rem;}

    .t-font .tit h1{line-height: 2.2rem;}

    .t-img{width: 181px;height: 259px;}

    .c-cow,.n-lb{padding-top: 2.5rem;}

    .c-rowbox{width: 304px;height: 228px;}

    .n-l{width: 460px;}

    .n-limg{width: 460px;height: 288px;}

    .n-time{font-size: 1.2rem;}

    .n-cowbox,.n-lbot{padding: 1rem;}

    .f-l{display: none;}

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

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

}



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

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

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

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

    .banner{padding-top: 3rem;}

    .swiper1{height: 15rem;}

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

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

    .p-font h1{font-size: .8rem;padding-bottom: 0;text-align: center;}

    .morebox-m{display: flex;justify-content: center;padding-top: 2rem;}

    .morebox{background-color: #2ddbc2;border: 1px solid #2ddbc2 !important;}

    .morebox p, .morebox .iconchangjiantou{color: #fff;}

    .morebox .iconfont{opacity: 1;text-indent: .5rem;}

    .about-font{width: 100%;height: 550px;}

    .about-img{top: 100%;left: 0;margin-left: 2rem;}

    .about-font{padding: 2rem;}

    .about{padding-bottom: 10rem;}

    .advibox{flex-wrap:wrap;padding: 2rem 0;}

    .advi-font{width: 100%;text-align: center;}

    .advibox .cust{padding: 0;padding-top: 2rem;}

    .custbox{background-color: #dcdcdc;border: 1px solid #dcdcdc;}

    .adva-row{width: 365px;height: 183px;}

    .adva-font .cust{padding-top: 1rem;}

    .adva-font{padding:.75rem 1rem;top: 0;}

    .t-img{width: 133px;height: 190px;}

    .t-font>p{margin: 1rem 0;}

    .t-font .tit h1{font-size: 1.3rem;}

    .c-rowbox{width: 223px;height: 167.25px;}

    .c-rowbox p{padding: .5rem 1rem; font-size: .8rem;}

    .n-l{width: 380px;}

    .n-limg{width: 380px;height: 238px;}

    .n-lrbox{width: 100%;}

    .n-row{width: 100%;}

    .n-cowbox, .n-lbot{padding: .75rem;}

    .n-row h1{padding-bottom: .5rem;}

    .n-cowbox{margin: .5rem;}

    .n-cow{box-shadow: 0 0 1rem rgba(0, 0, 0, .05);border-bottom: 1px solid white;}

    .p-nav{padding: 0 0 2rem 0;}

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

    .p-cow-ny{padding-top: 2rem;}

    .ny-lbbox,.contact-nybox,.ny-xqbox{padding-top: 2rem;}

}



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

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

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

    .p-img{width: 187px;height: 140px;}

    .morebox-m{padding-top: 1.5rem;}

    .about-font{padding: 1.5rem;}

    .about-img{width: 324px;height: 227px;}

    .about-font{height: 510px;}

    .about{padding-bottom: 8rem;padding-top: 3rem;}

    .advibox{padding: 2rem .75rem;}

    .adva, .case, .news{padding: 3rem 0;}

    .adva-row{width: 384px;height: 192px;}

    .adva-cowbox{width: 100%;padding: .25rem 0;}

    .adva-row{border-radius: .4rem;}

    .adva-font{padding: 1rem;}

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

    .teambox,.n-lb,.cxq-b{flex-wrap: wrap;}

    .t-font{width: 100%;padding-bottom: 2rem;}

    .t-cow{width: 100%;}

    .t-font .tit h1{font-size: 2.1rem;line-height: 3.15rem;}

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

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

    .t-img{width: 121px;height: 173px;}

    .t-rowbox h1{padding-top: .5rem;}

    .team{padding-bottom: 3rem;}

    .c-cow, .n-lb{padding-top: 1rem;}

    .c-row{width: 50%;}

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

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

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

    .c-rowbox p{padding: .5rem;}

    .case .tit,.news .tit{text-align: center;margin: auto;}

    .case .morebox,.news .morebox{display: none;}

    .morebox-m .morebox{display: flex;}

    .n-l{width: 384px;padding-bottom: 2rem;}

    .n-limg{width: 384px;height: 240px;}

    .n-r, .xq-bl{width: 100%;}

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

    .cqn-cimg{padding: 0;}

    .xqbox{padding: 1rem;}

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

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

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

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

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

    .custbox{width: 6.5rem;line-height: 1.7rem;}

    .team .t-font .tit h1{font-size: 1.6rem;line-height: 2.4rem;}

    .contact-nybox1{padding: 1rem;}

}



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

    .p-img{width: 168px;height: 126px;}

    .about-img{width: 285px;height: 200px;}

    .adva-row{width: 345px;height: 173px;}

    .adva-font h1{margin-bottom: .5rem;}

    .t-img{width: 108px;height: 154px;}

    .c-rowbox{width: 168px;height: 126px;}

    .n-l{width: 345px;}

    .n-limg{width: 345px;height: 216px;}

    .n-lrbox h1{padding-bottom: .5rem;}

    .cqn-cimg p{margin-bottom: .75rem;}

    .xqbox{padding: .75rem;}

    .p-nav{padding: 0 0 1rem 0;}

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

    .n-row h1,.n-lrbox h1{font-size: .8rem;}

    .n-row p,.n-lrbox p{font-size: .7rem;}

}



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

    .product,.adva, .case, .news{padding: 2.5rem 0;}

    .p-cow-ny{padding-top: 1rem;}

    .about-font{padding: 1rem;}

    .about-font{height: 480px;}

    .about{padding-bottom: 7rem;}

    .advi-font h1{font-size: 1.4rem;}

    .advi-font p, .cust p, .cust .iconfont{font-size: .7rem;}

    .advibox .cust{padding-top: 1.5rem;}

    .adva-font .cust{padding-top: .5rem;}

    .adva-font h1{margin-bottom: .5rem;}

    .adva-font{padding: .75rem;}

    .adva-font h1{font-size: .9rem;}

    .p-img{width: 140px;height: 105px;}

    .about-img{width: 250px;height: 175px;}

    .adva-row{width: 290px;height: 145px;}

    .t-img{width: 90px;height: 129px;}

    .c-rowbox{width: 140px;height: 105px;}

    .n-l{width: 290px;}

    .n-limg{width: 290px;height: 181px;}

    .n-l{padding-bottom: 1.5rem;}

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

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

}