* {

    margin: 0;

    padding: 0;

    list-style: none;

    border: 0;

    word-break: break-word;

    vertical-align: top

}



@font-face {

    font-family: "Regular";

    src: url("../font/Regular.woff2") format("woff2"),

    url("../font/Regular.woff") format("woff"),

    url("../font/Regular.ttf") format("truetype"),

    url("../font/Regular.eot") format("embedded-opentype"),

    url("../font/Regular.svg") format("svg"),

    url("../font/Regular.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}



body {

    max-width: 1920px;

    font-size: 14px;

    color: #000;

    font-weight: normal;

    line-height: 1;

    font-family: "microsoft yahei","微软雅黑";

    -webkit-text-size-adjust: 100%;

    margin: 0 auto;

}



table {

    border-collapse: collapse

}



img {

    max-width: 100%;

    height: auto;

    display: inline-block

}



a {

    color: #000;

    text-decoration: none

}



i,em{

    font-style: normal;

}



input,button {

    -webkit-appearance: none

}



input,select,option,button,textarea {

    font-family: "microsoft yahei","微软雅黑";

    outline-color: #70b00b;

    outline: #a98e67;

}



select option,select {

    color: #666

}



input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {

    color: #ccc

}



input:-moz-placeholder,textarea:-moz-placeholder {

    color: #ccc

}



input::-moz-placeholder,textarea::-moz-placeholder {

    color: #ccc

}



input:-ms-input-placeholder,textarea:-ms-input-placeholder {

    color: #ccc

}



li {

    list-style: none

}



h1,h2,h3,h4,h5,h6 {

    font-weight: normal;

    font-size: 14px;

    line-height: 1

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,small {

    display: block

}



.fl {

    float: left

}



.rt {

    float: right

}



.table {

    display: table;

    width: 100%;

    height: 100%

}



.table .table-cell {

    display: table-cell;

    vertical-align: middle

}



.link {

    position: relative

}



.link>a {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 50

}

.sizing {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}

.main {

    max-width: 1420px;

    margin: 0 auto

}

.mengban{

    position: fixed;

    z-index: 50;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.5);

    display: none;

}

.hidden{

    display: none;

}

.logo img{
    max-width: 200px;
    vertical-align: middle;
}

.bd5{

    -webkit-border-radius: 5px;

    border-radius: 5px;

}

header{

    line-height: 150px;

    background: #fff;

}

nav ul li{

    float: left;

    width: 120px;

    height: 40px;

    margin: 75px 0 0 10px;

    line-height: 40px;

    text-align: center;

}

nav ul li:last-child{

    display: none;

}

nav ul li a{

    font-size: 18px;
    display: block;

}

nav ul li.active{

    /*background: #000;*/
    border-bottom:#00dfb9 2px solid;
    border-radius: unset;

}

nav ul li.active a{

    color: #00dfb9;

}

.logo svg{

    width: 255px;

    max-height: 62px;

    margin-top: 57px;

}

#banner .swiper-pagination{

    bottom: 75px;

    line-height: 1;

}

#banner .swiper-pagination .swiper-pagination-bullet{

    width: 25px;

    height: 3px;

    opacity: 1;

    -webkit-border-radius: 0;

    border-radius: 0;

    background: #fff;

}

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

    background: #00dfb9;

}

.home-works{

    position: relative;

    z-index: 20;

    margin-top: -30px;

}

.home-works ul li{

    position: relative;

    float: left;

    width: 19.5%;

    margin-right: 0.625%;

}

.home-works ul li:nth-of-type(5n){

    margin-right: 0;

}

.figure{

    width: 100%;

    height: 300px;

    overflow: hidden;

}

.figure img{

    width: 100%;

    height: 100%;

}

.hmwk-body{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding: 140px 35px 0 35px;

    color: #fff;

}

.hmwk-body h2{

    text-align: center;

    font-size: 24px;

    margin-bottom: 28px;

}

.hmwk-body dd{

    font-size: 16px;

    margin-bottom: 18px;

}

.line{

    margin-right: 10px;

    display: inline-block;

    width: 10px;

    height: 2px;

    background: #fff;

}

.hmwk-body dd:nth-of-type(1) .line{

    margin-top: 7px;

}

.hmwk-body dd:nth-of-type(2) .line{

    margin-top: 9px;

}

.hmwk-body dd:nth-of-type(3) .line{

    margin-top: 12px;

}

.more{

    width: 30px;

    height: 30px;

    background: #fff;

    text-align: center;

    font-size: 18px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}

.more i{

    line-height: 30px;

    color: #000;

}

.title{

    text-align: center;

}

.title h2{

    font-size: 87px;

    text-transform: uppercase;

    color: #f9f8f8;

}

.title h3{

    font-size: 35px;

    margin-top: -30px;

    font-family: "Arial";

}

.title h3 span{

    display: inline-block;

    width: 6px;

    height: 6px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background: #00dfb9;

    margin-left: 15px;

    vertical-align: baseline;

}

.mg100{

    margin: 100px 0;

}

.home-chanpin ul li{

    float: left;

    width: 32.5%;

    margin: 0 1.25% 20px 0;

}

.works .home-chanpin ul li,.hmworks .home-chanpin ul li{

    margin-bottom: 1.25%;

}

.home-chanpin ul li figure{

    height: 260px;

}

.home-chanpin ul li:nth-of-type(3n){

    margin-right: 0;

}

.hmpt-body{

    position: absolute;

    z-index: 5;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 40px 20px 20px;

    color: #fff;

    background: url(../images/alsha.png) no-repeat center bottom;

    background-size: 100% auto;

}

.pt-bottom{

    font-size: 16px;

}

.hmpt-body h2{

    font-size: 20px;

    margin-bottom: 10px;

}

.hmpt-body .line{

    width: 25px;

    margin-top: 8px;

}

.more-lk{

    width: 100px;

    line-height: 28px;

    text-align: center;

    -webkit-border-radius: 28px;

    border-radius: 28px;

    background: #00dfb9;

    color: #fff;

    font-size: 16px;

    margin: 20px 0;

}

.home-jiaohu ul li{

    width: 24%;

}

.home-jiaohu ul li figure{

    height: 420px;

}

.home-jiaohu ul li.active{

    width: 49.25%;

}

.home-jiaohu .hmpt-body{

    height: 100%;

}

.home-jiaohu .hmpt-body h2{

    text-align: center;

    margin: 0;

}

.tion4,.home-hezuo .swiper-pagination .swiper-pagination-bullet

,.line,.fuwu-body .meida ul li h2,.tran img{

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}

.home-jiaohu ul li .hmpt-body{

    opacity: 0;

    filter:alpha(opacity=0);

    background: rgba(0,0,0,.5);

}

.home-jiaohu ul li .hmpt-body{

    opacity: 1;

    filter:alpha(opacity=100);

    background: rgba(0,0,0,.3);

    padding: 0;

}

.hmjiaohhu ul li:nth-of-type(3),.hmjiaohhu ul li:nth-of-type(4){

    width: 49.25%;

}

.home-jiaohu ul li h2{

    font-size: 28px;

}

.home-hezuo .more-lk{

    background: none;

    opacity: 0;

    filter:alpha(opacity=0);

}

.home-hezuo ul{

    font-size: 0;

    text-align: center;

}

.home-hezuo ul li{

    display: inline-block;

    width: 12%;

    line-height: 170px;

    text-align: center;

    margin-right: 5.6%;

}

.home-hezuo ul li img{

    max-height: 95px;

    vertical-align: middle;

    /*-webkit-filter: grayscale(100%);*/ /* Chrome, Safari, Opera */

    /*filter: grayscale(100%);*/

}

.home-hezuo ul li:nth-of-type(6n){

    margin-right: 0;

}

.home-hezuo .swiper-pagination{

    position: static;

    height: 25px;

}

.home-hezuo .swiper-pagination .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    opacity: 1;

    background: #a9a9a9;

    margin: 0 10px;

}

.home-hezuo .swiper-pagination .swiper-pagination-bullet-active{

    background: #00dfb9;

    width: 16px;

    height: 16px;

    margin-top: -2px;

}

.home-hezuo ul li:hover img{

    -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */

    filter: grayscale(0);

}

footer{

    background: #f6f8fc;

    padding-top: 80px;

    margin-top: 100px;

}

.ft-left dl{

    float: left;

    width: 480px;

    font-size: 0;

}

.ft-left dl dt{

    font-size: 20px;

}

.ft-left dl dt .line{

    display: block;

    background: #00dfb9;

    width: 25px;

    margin-top: 8px;

}

.ft-left dl dd{

    width: 50%;

    display: inline-block;

    margin: 20px 0 0 0;

    font-size: 16px;

}

.ft-left dl:nth-of-type(3),.ft-left dl:nth-of-type(4){

    width: 160px;

}

.ft-left dl:nth-of-type(2){

    margin-right: 30px;

}

.ft-left dl:nth-of-type(3) dd,.ft-left dl:nth-of-type(4) dd{

    display: block;

}

.ft-left dl dd a{

    color: #666;

}

.ft-right ul li:hover .mb{

    background: #999;

}

.ft-right ul li{

    float: left;

    margin-left: 30px;

    color: #fff;

    font-size: 18px;

}

.ft-right ul li .mb{

    position: relative;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    background: #00dfb9;

    text-align: center;

}

.ft-right ul li i{

    color: #fff;

    line-height: 35px;

}

.ft-right ul li img{

    display: none;

    width: 100px;

    max-width: none;

    padding-top: 10px;

    margin-left: -30px;

}

.ft-right ul li:hover img{

    display: block;

}

.ft-link{

    text-align: center;

    margin: 70px 0;

    font-size: 16px;

}

.ft-link a{

    margin: 0 0 0 23px;

    color: #666;

    text-transform: uppercase;

}

.ft-bottom{
	
	border-top: 1px solid #b1b1b1;

    height: 160px;

    line-height: 120px;

    background: #fff;

}

.ft-bottom span,.ft-bottom a{

    display: block;

    float: left;

    color: #666;
	
	font-size: 18px;
	
	font-weight: 300;

}

.ft-bottom span:nth-of-type(1){

    margin-right: 17%;

}

.ft-bottom a{

    float: right;

}

.ft-bottom span:nth-of-type(2){

    text-align: center;

}

.ft-bottom a{

    text-align: right;

}





/* 服务项目 */

.fuwu-body .fuwu-top{

    margin: 60px 0 60px 0;

}

.fuwu-body .fuwu-top ul li{

    width: 19%;

    margin-right: 1.25%;

}

.fuwu-body .fuwu-top ul li:nth-of-type(5){

    margin-right: 0;

}

.fuwu-body .fuwu-top ul li .hmwk-body{

    position: static;

    padding: 40px 40px 40px 40px;

    background: #f6f8fc;

    color: #666;

    cursor: pointer;

}

.fuwu-body .fuwu-top ul li .line{

    width: 0;

    background: #00dfb9;

    display: block;

    height: 3px;

    margin-top: 10px;

}

.fuwu-body .fuwu-top ul li.active .line{

    width: 25px;

}

.fuwu-body .fuwu-top ul li.active h2{

    color: #00dfb9;

}

.fuwu-body .meida ul li{

    width: 23.95%;

    margin-right: 1.4%;

    text-align: center;

}

.fuwu-body .meida ul li figure{

    height: 245px;

}

.fuwu-body .meida .main>div{

    display: none;

}

.fuwu-body .meida ul li h2{

    font-size: 24px;

}

.fuwu-body .meida ul li h3{

    font-size: 16px;

}

.fuwu-body .meida ul li .line{

    margin: 15px auto;

    height: 3px;

}

.fuwu-body .meida ul li.active{

    width: 49.3%;

}

.fuwu-body .meida ul li.active figure{

    height: 510px;

}







/* 服务详情页 */

.fuwu-details .main{

    max-width: 1420px;

    margin: 40px auto 70px;

}

.fuwu-details .main>h2{

    font-size: 30px;

    padding-bottom: 18px;

    margin-bottom: 40px;

    border-bottom: solid 1px #000;

}

.fuwudt-body{

    font-size: 16px;

    line-height: 2;

    color: #666;

    min-height: 600px;

    text-align: justify;

}

.xinwen-body>div>img{

    width: 49% !important;

    margin-right: 2%;

    height: auto !important;

}

.fuwudt-body>div>img:nth-of-type(2){

    margin-right: 0;

}

.fuwudt-body img{

    width: auto !important;

    height: auto !important;

}





/* 案例 */

.works{

    margin: 60px 0 100px 0;

}

.works-top{

    margin-bottom: 50px;

}

.works-top ul li{

    float: left;

    font-size: 22px;

}

.works-top ul li a{

    padding-right: 30px;

    margin-right: 30px;

    border-right: solid 1px #b7b7b7;

}

.works-top ul li .line{

    display: block;

    margin-top: 10px;

    height: 3px;

    width: 0;

    background: #00dfb9;

}

.works-top ul li:last-child a{

    margin-right: 0;

    padding-right: 0;

    border: 0;

}

.works-top ul li.active a{

    color: #00dfb9;

}

.works-top ul li.active .line{

    width: 25px;

}





/* 案例详情 */

#share{

    color: #6c6c6c;

    line-height: 20px;

    margin-top: 30px;

}

#share .bdsharebuttonbox{

    display: inline-block;

    margin-left: 20px;

}

#share ul li{

    float: left;

    margin-right: 15px;

    font-size: 20px;

}

.wkdt-top{

    padding: 0 0;

}

.works-body .fuwu-details .main{

    max-width: 1420px;

}

.works-body .fuwu-details .fuwudt-body{

    min-height: 1px;

}

.works-body .fuwu-details .main h2{

    margin-bottom: 25px;

    font-size: 30px;

}

.lei .line{

    width: 30px;

    height: 3px;

    background: #000;

    margin: 22px 20px 0 0;

}

.lei span{
	
	font-size: 16px;

    display: inline-block;

    min-width: 125px;

    line-height: 45px;

    color: #000;

    padding: 0 20px;

    background: #00dfb9;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    text-align: center;

}

.works-body .fuwu-details .fuwudt-body{

    font-size: 16px;

    margin: 40px 0 70px 0;

}

.works-bottom>div ul li{

    position: relative;

    float: left;

    width: 48%;

    margin: 0 4% 0 0;

}

.works-bottom>div ul li img{

    height: 220px;

}

.works-bottom>div{

    width: 49.3%;

}

.works-bottom .wkbt-left{

    margin-right: 1.4%;

}

.works-bottom .wkbt-left ul li:nth-of-type(3){

    margin-right: 0;

}

.works-bottom .wkbt-right ul li:nth-of-type(2){

    margin-right: 0;

}

.works-bottom>div ul li.active{

    width: 100%;

    margin-right: 0;

}

.works-bottom>div ul li.active img{

    height: 385px;

}

.works-bottom .wkbt-left ul li.active{

    margin-bottom: 20px;

}

.works-bottom .wkbt-right ul li.active{

    margin-top: 20px;

}

.bf{

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -45px 0 0 -45px;

    width: 90px;

    height: 90px;

    overflow: hidden;

    cursor: pointer;

}

.bf>div{

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.bf .bfbd{

    width: 100%;

    height: 100%;

    border: solid 1px #fff;

}

.bf .bfcr{

    position: absolute;

    left: 10px;

    top: 10px;

    width: 70px;

    height: 70px;

    background: #fff;

    text-align: center;

    background: #fff;

    z-index: 10;

}

.bf .bfcr i{

    font-size: 20px;

    line-height: 70px;

}

.videobox{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 50;

    text-align: center;

    background: rgba(0,0,0,.7);

    display: none;

}

.video-play{

    display: inline-block;

    width: 90%;

}

.video-play button{

    display: block;

    float: right;

    width: 40px;

    height: 40px;

    border: solid 1px #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: none;

    margin-bottom: 30px;

    text-align: center;

    color: #fff;

    font-size: 18px;

}

.video-play button i{

    line-height: 40px;

}

.video-play iframe{

    width: 100% !important;

    height: calc(100vh - 100px) !important;

    border: solid 10px #fff;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.more-works .home-chanpin ul li{

    width: 23.95%;

    margin-right: 1.4%;

}

.more-works .home-chanpin ul li:nth-of-type(4n){

    margin-right: 0;

}

.more-works .home-chanpin ul li figure{

    height: 220px;

}

.works-body .fuwu-details .main .more-works .home-chanpin ul li h2{

    font-size: 20px;

    margin-bottom: 10px;

}

.product-slide{

    margin-top: 60px;

}





/* 交互产品详情页 */

.pt-details .lei{

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: solid 1px #b1b1b1;

}

.pt-details .fuwudt-body{

    min-height: 1px;

    margin-bottom: 60px;

}

.pt-details .works-bottom>div,.pt-details .works-bottom>div ul li.active,.pt-details .works-bottom>div ul li.active img{

    width: 100%;

}

.pt-details .works-bottom>div ul li img,.pt-details .works-bottom>div ul li.active img{

    height: auto;

    width: 100%;

}

.pt-details .works-bottom>div ul li{

    width: 49%;

    margin-right: 2%;

}

.title30{

    font-size: 30px;

    text-align: center;

}

.more-works>h2{

    margin: 90px 0 60px 0;

}



/* 关于我们 */

.about-top>h2{

    font-size: 50px;

    line-height: 1.8;

}

.about-text h3{

    font-size: 35px;

}

.abrt-text{

    padding: 40px 80px 40px 80px;

    background: #F6F8FC;

    color: #666;

    font-size: 16px;

    line-height: 3;

}

.abot-bottom{

    margin: 60px 0;

}

.abot-bottom>div{

    width: 50%;

}

.abom-left{

    padding: 0 50px 0 80px;

    line-height: 3;

    color: #666;

    font-size: 16px;

}

.abom-right{

    padding-left: 50px;

}

.abom-right ul li{

    float: left;

    margin-right: 50px;

}

.abom-right ul li:last-child{

    margin-right: 0;

}

.abom-right ul li h2{

    font-size: 50px;
	
	font-weight: 600;

    color: #00dfb9;

}

.abom-right ul li p{
	
	text-align: center;
	
    font-size: 16px;

    color: #666;

    margin-top: 10px;

}

.about-body .home-jiaohu ul li{

    width: 49.3%;

    margin-right: 1.4%;

}

.about-body .home-jiaohu ul li:nth-of-type(2n){

    margin-right: 0;

}

.about-body .home-jiaohu ul li figure{

    height: 395px;

}

.about-body .home-jiaohu ul li h2{

    font-size: 24px;

}

.about-body .home-jiaohu ul li .hmpt-body{

    opacity: 1;

    filter:alpha(opacity=100);

    text-align: center;

}

.about-body .home-jiaohu ul li .hmpt-body .line{

    width: 25px;

    margin: 15px 0 7px 0;

    height: 3px;

}

.about-body .home-jiaohu ul li .hmpt-body .about-description{

    color: #fff;

    line-height: 2;

    font-size: 18px;

}

.about-liucheng{

    background: #c40f18;

    padding: 70px 0;

    margin-top: 50px;

    overflow: hidden;

    color: #fff;

    text-align: center;

}

.liucheng-left,.about-liucheng ul{

    display: inline-block;

}

.liucheng-left{

    font-size: 30px;

    padding-right: 80px;

    margin-right: 120px;

    line-height: 109px;

    border-right: solid 1px #fff;

}

.about-liucheng ul li{

    float: left;

    margin-right: 70px;

}

.about-liucheng ul li h2{

    font-size: 16px;

}

.about-liucheng ul li:last-child{

    margin-right: 0;

}

.lctop-img{

    width: 75px;

    height: 75px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    margin-bottom: 20px;

}

.about-liucheng ul li:nth-of-type(1) .lctop-img{

    background: #fff url(../images/liucheng1.jpg) no-repeat center;

}

.about-liucheng ul li:nth-of-type(2) .lctop-img{

    background: #fff url(../images/liucheng2.jpg) no-repeat center;

}

.about-liucheng ul li:nth-of-type(3) .lctop-img{

    background: #fff url(../images/liucheng3.jpg) no-repeat center;

}

.about-liucheng ul li:nth-of-type(4) .lctop-img{

    background: #fff url(../images/liucheng4.jpg) no-repeat center;

}

.about-liucheng ul li:nth-of-type(5) .lctop-img{

    background: #fff url(../images/liucheng5.jpg) no-repeat center;

}

.about-liucheng ul li:nth-of-type(6) .lctop-img{

    background: #fff url(../images/liucheng6.jpg) no-repeat center;

}







/* 联系我们 */

.contactbox{

    background: #252525;

    padding: 80px 0 90px 0;

    color: #fff;

}

.contact-form input,.contact-form textarea{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.contact-form ul li *,.contact-form dl dd *,.contact-form dl dt *{

    display: inline-block;

}

.contactbox .main>h2{

    font-size: 50px;

    line-height: 1.3;

}

.contactbox .main>h3{

    font-size: 35px;

    margin: 0 0 60px 0;

}

.contact-form dl dd{

    margin-bottom: 60px;

    font-size: 0;

}

.contact-form dl label{

    width: 115px;

    font-size: 20px;

    line-height: 35px;

}

.contact-form dl input{

    height: 35px;

    padding: 0 10px;

    background: #fff;

}

.contact-form dl dd input{

    width: 290px;

    margin-right: 10px;

}

.contact-form dl dt{

    font-size: 0;

}

.contact-form dl dt em{

    width: 45px;

    height: 35px;

    background: #303030;

    text-align: center;

    line-height: 30px;

    font-size: 12px;

}

.contact-form dl dt em i{

    line-height: 30px;

}

.contact-form dl dt input{

    width: 160px;

}

.contact-form dl dt input,.contact-form dl input,.contact-form dl dd span{

    font-size: 16px;

}

.form-left{

    width: 50%;

}

.from-right{

    width: 43%;

}

.from-right ul li{

    position: relative;

    float: left;

    width: 33.33%;

    font-size: 20px;

    margin-bottom: 35px;

    cursor: pointer;

}

.from-right ul li input{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

    opacity: 0;

    filter:alpha(opacity=0);

}

.from-right ul li span{

    position: relative;

}

.nsmb {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.2);

}

.from-right ul li span,.from-right ul li span em{

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.from-right ul li span{

    width: 25px;

    height: 25px;

    background: #fff;

    margin-right: 40px;

}

.from-right ul li span em{

    position: absolute;

    left: 5px;

    top: 5px;

    width: 15px;

    height: 15px;

    background: #252525;

    display: none;

}

.from-right ul li.active span em{

    display: block;

}

.textarea{

    padding: 20px 30px;

    background: #303030;

    font-size: 20px;

}

.textarea span{

    display: block;

}

.textarea textarea{

    display: block;

    width: 100%;

    line-height: 1.8;

    font-size: 16px;

    background: none;

    resize: none;

    padding: 20px 0;

    height: 210px;

    color: #fff;

}

.contactbox form button{

    display: block;

    width: 200px;

    padding: 0 20px;

    line-height: 50px;

    background: #00dfb9;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    border-radius: 40px;

    font-size: 22px;

    margin: 100px auto 0;

}

.cotact-bottom{

    padding: 150px 0;

}

.ct-body .cotact-bottom .ft-right ul li{

    position: relative;

    float: none;

    margin: 0 0 20px 0;

    font-size: 22px;

    color: #000;

    line-height: 35px;

    padding-left: 60px;

}

.ct-body .cotact-bottom .ft-right ul li .mb{

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

}

.ct-body .cotact-bottom img{

    margin-top: 20px;

}





/* 新闻中心 */

.ns-body .home-chanpin ul li figure{

    height: 255px;

}

.ns-body .home-chanpin ul li:nth-of-type(3n),.ns-body .home-chanpin ul li{

    width: 49.3%;

    margin-right: 1.4%;

}

.ns-body .home-chanpin ul li:nth-of-type(2n){

    margin-right: 0;

}



/* 新闻详情 */

.nsde-body .fuwu-details .main>h2{

    font-size: 18px;

    color: #7f7f7f;

}

.nsde-body .fuwu-details .main>h3{

    font-size: 30px;

    margin-bottom: 40px;

}

.ns-body .hmpt-body{

    background: none;

}

.hd-btn{

    margin-top: 15px;

    display: none;

}

.hd-btn span{

    display: block;

    width: 30px;

    height: 3px;

    background: #000;

    margin-bottom: 6px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.hd-btn span{

    -webkit-transition: all .3s ease-in;

    transition: all .3s ease-in;

}

.hd-btn span.two{

    -webkit-transform: scale(0,0);

    transform: scale(0,0);

}

.hd-btn span.one{

    -webkit-transform: rotateZ(-45deg);

    transform: rotateZ(-45deg);

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}

.hd-btn span.sheer{

    -webkit-transform: translateY(3px) rotateZ(45deg);

    transform: translateY(3px) rotateZ(45px);

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

}

.sright{

    margin-top: 10px;

    color: #00dfb9;

}

.sright i{

    margin-right: 10px;

}



@media (min-width: 1100px) {

    nav ul li:hover{

        /*background: #000;*/
        border-bottom: #64DBBB 2px solid;
        border-radius: unset;

    }

    nav ul li:hover a{

        color: #64DBBB;

    }

    .tran:hover img{

        -webkit-transform: scale(1.07,1.07);

        transform: scale(1.07,1.07);

    }

    .more-lk:hover{

        background: #222;

    }

    .home-jiaohu ul li:hover .hmpt-body{

        opacity: 1;

        filter: alpha(opacity=100);

    }

    .ft-left dl dd a:hover,.ft-link a:hover,.works-bottom>div ul li .bf:hover i{

        color: #00dfb9;

    }

    .fuwu-body .fuwu-top ul li:hover h2,.works-top ul li:hover a{

        color: #00dfb9;

    }

    .about-body .home-jiaohu ul li:hover .hmpt-body,.home-jiaohu ul li:hover .hmpt-body{

        opacity: 0;

        filter:alpha(opacity=0);

    }

    #share ul li:hover{

        color: #000;

    }



}



/* 最大1500 */

@media (max-width: 1500px) {

    .main{

        max-width: 1200px;

    }

    nav ul li{

        margin-top: 30px;

    }

    header{

        line-height: 100px;

    }

    .logo svg{

        margin-top: 20px;

    }

    .hmwk-body h2{

        margin-bottom: 25px;

    }

    .about-text h3,.hmwk-body h2,.contactbox .main>h3,.fuwu-details .main>h2

    ,.works-body .fuwu-details .main h2,.nsde-body .fuwu-details .main>h3{

        font-size: 25px;

    }

    .fuwudt-body>h2{

        font-size: 25px !important;

    }

    .hmwk-body{

        padding: 40px 20px 0 30px;

    }

    .figure{

        height: 255px;

    }

    .home-chanpin ul li figure,.ns-body .home-chanpin ul li figure{

        height: 220px;

    }

    .home-jiaohu ul li figure{

        height: 350px;

    }

    .title h2{

        font-size: 70px;

    }

    .fuwu-body .meida ul li figure{

        height: 210px;

    }

    .fuwu-body .meida ul li.active figure{

        height: 437px;

    }

    .works-top ul li{

        font-size: 18px;

    }

    .about-body .home-jiaohu ul li figure{

        height: 335px;

    }

    .about-liucheng ul li{

        margin-right: 50px;

    }

    .abom-left{

        padding: 0 50px 0 0;

    }

    .abrt-text{

        padding: 50px 40px;

    }

    .about-top>h2,.contactbox .main>h2{

        font-size: 40px;

    }

    .contactbox .main>h3{

        margin-bottom: 60px;

    }

    .contact-form dl label,.from-right ul li,.textarea,.contactbox form button

    ,.fuwudt-body,.works-body .fuwu-details .main .more-works .home-chanpin ul li h2{

        font-size: 16px;

    }

    .from-right ul li span{

        width: 20px;

        height: 20px;

    }

    .from-right ul li span em{

        width: 12px;

        height: 12px;

        left: 4px;

        top: 4px;

    }

    .contact-form dl label{

        width: 95px;

    }

    .contact-form dl dd input{

        width: 250px;

    }

    .contact-form dl dt input{

        width: 120px;

    }

    .contact-form dl dd{

        margin-bottom: 56px;

    }

    .ct-body .cotact-bottom .ft-right ul li,.fuwu-body .meida ul li h2{

        font-size: 18px;

    }

    .home-jiaohu ul li h2{

        font-size: 22px;

    }

    .home-chanpin ul li{

        margin-bottom: 17px;

    }

    .ft-bottom span:nth-of-type(1){

        margin-right: 9%;

    }

}



@media (max-width: 1300px) {

    .main{

        max-width: 1100px;

    }

    .logo svg{

        width: 200px;

        max-height: 49px;

        margin-top: 25px;

    }

    nav ul li{

        width: 100px;

        height: 35px;

        line-height: 35px;

    }

    .hmwk-body dd{

        font-size: 14px;

    }

    .home-chanpin ul li figure, .ns-body .home-chanpin ul li figure{

        height: 200px;

    }

    .home-jiaohu ul li figure{

        height: 330px;

    }

    .fuwu-body .fuwu-top ul li .hmwk-body{

        padding-left: 30px;

    }

    .fuwu-body .meida ul li figure{

        height: 190px;

    }

    .fuwu-body .meida ul li.active figure{

        height: 397px;

    }

    .more-works .home-chanpin ul li figure{

        height: 170px;

    }

    .abom-right ul li h2{

        font-size: 35px;

    }

    .about-body .home-jiaohu ul li figure{

        height: 305px;

    }

    .abrt-text{

        padding: 40px 20px;

        width: 74%;

    }

}



@media (max-width: 1100px){

    .main{

        width: 95%;

    }

    header{

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        line-height: 50px;

        z-index: 100;

    }

    #banner{

        margin-top: 50px;

    }

    .logo svg{

        width: 140px;

        max-height: 35px;

        margin-top: 10px;

    }

    nav{

        position: fixed;

        top: 50px;

        left: 0;

        width: 100%;

        height: calc(100% - 50px);

        background: rgba(0,0,0,.7);

        display: none;

    }

    nav ul li{

        float: none;

        width: 100%;

        height: auto;

        text-align: center;

        font-size: 22px;

        border-bottom: solid 1px rgba(255,255,255,.5);

        margin: 0;

        line-height: 70px;

    }

    nav ul li a{

        color: #fff;

    }

    nav ul:nth-of-type(1) li:nth-of-type(6),.bf{

        display: none;

    }

    nav ul.hidden,nav ul.hidden li,.hd-btn,.liucheng-left,.ct-body .cotact-bottom .ft-right ul li{

        display: block;

    }

    nav ul.hidden li:last-child{

        border-bottom: 0;

    }

    .home-works,footer{

        margin-top: 5%;

    }

    .home-works ul li{

        float: none;

        display: inline-block;

        width: 32%;

        margin: 0 2% 20px 0;

        text-align: left;

    }

    .home-works ul li:nth-of-type(3n){

        margin-right: 0;

    }

    .home-works ul{

        font-size: 0;

        text-align: center;

    }

    .mg100{

        margin: 5% 0;

    }

    .title h3{

        font-size: 30px;

    }

    .home-chanpin ul li figure, .ns-body .home-chanpin ul li figure{

        height: 180px;

    }

    .title h2{

        font-size: 55px;

    }

    .home-jiaohu ul li figure{

        height: 290px;

    }

    .hmpt-body h2{

        font-size: 18px;

    }

    .pt-bottom{

        font-size: 14px;

    }

    .hmpt-body .line{

        width: 20px;

    }

    footer{

        padding-top: 5%;

    }

    .ft-box>div,.about-text h3,.abrt-text,.contact-form>div{

        float: none;

        width: 100%;

    }

    .ft-right ul{

        text-align: center;

        margin-top: 30px;

    }

    .ft-right ul li{

        float: none;

        display: inline-block;

        margin: 0 10px;

    }

    .ft-link{

        margin: 30px 0;

    }

    .home-hezuo ul li img{

        -webkit-filter: grayscale(0);

        filter: grayscale(0);

    }

    .figure{

        height: 330px;

    }

    .hmwk-body{

        padding-top: 90px;

    }

    .ft-bottom span:nth-of-type(1){

        margin-right: 0;

    }

    .ft-bottom span, .ft-bottom a{

        display: block;

        float: none;

        text-align: center;

        line-height: 2.2;

    }

    .ft-bottom{

        line-height: 1;

        height: auto;

        padding: 15px 0;

    }

    #banner .swiper-pagination{

        bottom: 0;

    }

    .fuwu-body .fuwu-top,.abot-bottom{

        margin: 40px 0;

    }

    .fuwu-body .meida ul li figure,.fuwu-body .meida ul li.active figure{

        height: 260px

    }

    .fuwu-body .meida ul li{

        width: 49% !important;

        margin: 0 2% 2% 0 !important;

    }

    .fuwu-body .meida ul li:nth-of-type(2n){

        margin-right: 0 !important;

    }

    .works-top ul li{

        margin-top: 15px;

    }

    .works-top,.works,.form-left{

        margin-bottom: 40px;

    }

    .more-works .home-chanpin ul li figure,.textarea textarea{

        height: 140px;

    }

    .works-bottom>div ul li img,.works-bottom>div ul li.active img{

        height: auto;

    }

    .bf{

        width: 70px;

        height: 70px;

        margin: -35px 0 0 -35px;

    }

    .bf .bfcr{

        width: 50px;

        height: 50px;

    }

    .bf .bfcr i{

        line-height: 50px;

    }

    .lei span{

        min-width: 95px;

    }

    .abrt-text,.contactbox form button{

        margin-top: 30px;

    }

    .abom-right ul li{

        width: 50%;

        margin-right: 0;

    }

    .abom-right ul li:nth-of-type(1),.abom-right ul li:nth-of-type(2){

        margin-bottom: 15px;

    }

    .abom-right ul li h2{

        font-size: 30px;

    }

    .home-jiaohu ul li h2{

        line-height: 1.4;

    }

    .about-body .home-jiaohu ul li .table-cell{

        padding: 0 20px;

    }

    .about-body .home-jiaohu ul li .hmpt-body .about-description{

        color: #fff;

    }

    .liucheng-left{

        padding-right: 0;

        margin: 0 0 30px 0;

        line-height: 1;

        border-right: 0;

    }

    .about-liucheng{

        padding: 50px 0;

    }

    .about-body .home-jiaohu ul li figure{

        height: 260px;

    }

    .contact-form dl dd{

        float: left;

        width: 50%;

        margin-bottom: 30px;

    }

    .contact-form dl dd input{

        max-width: 250px;

    }

    .contact-form dl dt span.rt{

        width: 50%;

    }

    .contact-form dl dt input{

        max-width: 205px;

        width: 205px;

    }

    .from-right ul li{

        width: 20%;

    }

    .ct-body .cotact-bottom .ft-right ul li{

        text-align: left;

    }

    .cotact-bottom{

        padding: 70px 0;

    }

}



@media (max-width: 900px) {

    .home-chanpin ul li:nth-of-type(3n),.home-chanpin ul li,.more-works .home-chanpin ul li

    ,.home-jiaohu ul li.active,.about-body .home-jiaohu ul li{

        width: 48.5%;

        margin: 0 3% 3% 0;

    }

    .hmjiaohhu ul li:nth-of-type(3), .hmjiaohhu ul li:nth-of-type(4){

        width: 48.5%;

    }

    .works .home-chanpin ul li, .hmworks .home-chanpin ul li{

        margin-bottom: 3%;

    }

    .home-chanpin ul li:nth-of-type(2n){

        margin-right: 0;

    }

    .hmworks .home-chanpin ul li:last-child{

        display: none;

    }

    .home-hezuo ul li{

        line-height: 110px;

    }

    .home-hezuo ul li img{

        max-width: 70px;

    }

    .ft-left dl dd{

        margin: 20px 0 0 0;

    }

    .ft-left dl,.ft-left dl dd,.ft-left dl:nth-of-type(3),.ft-left dl:nth-of-type(4){

        float: none;

        width: 100%;

    }

    .ft-left dl{

        margin-bottom: 40px;

    }

    .ft-left dl:nth-of-type(3) dd, .ft-left dl:nth-of-type(4) dd,.ft-left dl dd,.ft-left dl dt .line{

        display: none;

    }

    .ft-left dl dt:after{

        content: "";

        float: right;

        width: 0;

        height: 0;

        border-left: solid 5px transparent;

        border-right: solid 5px transparent;

        border-top: solid 7px #00dfb9;

        margin-top: 10px;

        -webkit-transition: all .3s linear;

        transition: all .3s linear;

    }

    .ft-left dl dt.active{

        color: #00dfb9;

    }

    .ft-left dl dt.active:after{

        -webkit-transform: rotateZ(-180deg);

        transform: rotateZ(-180deg);

    }

    .home-chanpin ul li figure, .ns-body .home-chanpin ul li figure{

        height: 200px;

    }

    .home-jiaohu ul li figure{

        height: 400px;

    }

    .figure{

        height: 250px;

    }

    .hmwk-body{

        padding-top: 40px;

    }

    .fuwu-top .main{

        overflow: auto;

    }

    .fuwu-body .fuwu-top ul li{

        width: 210px;

        margin-right: 10px;

    }

    .fuwu-body .fuwu-top ul li:nth-of-type(5){

        margin-right: 0;

    }

    .fuwu-body .fuwu-top ul{

        width: 1093px;

    }

    .fuwu-body .fuwu-top ul li .hmwk-body{

        padding: 20px;

    }

    .works-top ul li a{

        border-right: 0;

        padding-right: 0;

        margin-right: 0;

    }

    .works-top ul li{

        width: 25%;

        margin-top: 20px;

    }

    .wkdt-top{

        padding: 0;

    }

    .fuwu-top .sright{

        display: block;

    }

}



@media (max-width: 800px) {

    .bansw1{

        display: none;

    }

    .bansw2{

        display: block;

    }

    .fuwudt-body span{

        font-size: 18px !important;

        text-align: left;

    }

    .fuwu-details .main>h2{

        margin-bottom: 20px;

    }

    .about-body .home-jiaohu ul li,.about-body .home-jiaohu ul li:nth-of-type(2n){

        width: 100%;

        margin-right: 0;

    }

    .about-body .home-jiaohu ul li figure{

        height: auto;

    }

    .about-liucheng ul li{

        width: 33.33%;

        margin-right: 0;

    }

    .about-liucheng ul li:nth-of-type(1),.about-liucheng ul li:nth-of-type(2),

    .about-liucheng ul li:nth-of-type(3){

        margin-bottom: 20px;

    }

    .lctop-img{

        display: inline-block;

    }

    .about-body .home-jiaohu  .main{

        width: 100%;

    }

    .contact-form dl dd input{

        width: 180px;

    }

    .contact-form dl dt input{

        width: 135px;

    }

}



@media (max-width: 640px){

    .home-works .main{

        overflow: scroll;

    }

    .about-top>h2, .contactbox .main>h2{

        font-size: 30px;

    }

    .home-works ul{

        width: 1040px;

    }

    .home-works ul li,.home-works ul li:nth-of-type(3n){

        float: left;

        margin: 0 10px 0 0;

        width: 200px;

    }

    .hmwk-body{

        padding-top: 20px;

    }

    .figure,.fuwu-body .meida ul li figure, .fuwu-body .meida ul li.active figure{

        height: 220px;

    }

    .about-text h3, .hmwk-body h2, .contactbox .main>h3, .fuwu-details .main>h2, .works-body .fuwu-details .main h2, .nsde-body .fuwu-details .main>h3

    ,.about-body .home-jiaohu ul li h2{

        font-size: 20px;

    }

    .title h3,.liucheng-left{

        font-size: 25px;

    }

    .title h2{

        font-size: 50px;

    }

    .more-lk{

        width: 80px;

        line-height: 25px;

        -webkit-border-radius: 258px;

        border-radius: 258px;

        font-size: 12px;

        margin: 10px 0;

    }

    .home-chanpin ul li:nth-of-type(3n), .home-chanpin ul li,.hmjiaohhu ul li:nth-of-type(3), .hmjiaohhu ul li:nth-of-type(4)

    ,.fuwu-body .meida ul li{

        width: 100% !important;

        margin-right: 0 !important;

    }

    .home-chanpin ul li figure, .ns-body .home-chanpin ul li figure,.fuwu-body .meida ul li figure, .fuwu-body .meida ul li.active figure

    ,.more-works .home-chanpin ul li figure{

        height: auto;

    }

    .fuwu-details .main,.works-body .fuwu-details .fuwudt-body{

        margin: 80px auto 40px;

    }

    .more-works .home-chanpin .main{

        margin-top: 0;

    }

    .more-works>h2{

        margin: 50px 0 0 0;

    }

    .home-hezuo ul li{

        width: 33.33%;

        line-height: 100px;

        margin-right: 0;

    }

    .abrt-text{

        padding: 10px;

    }

    .contact-form dl label, .from-right ul li, .textarea, .contactbox form button, .fuwudt-body, .works-body .fuwu-details .main .more-works .home-chanpin ul li h2{

        font-size: 14px;

    }

    .works-top ul li,.abom-right ul li{

        width: 50%;

        text-align: center;

    }

    .works-top ul li .line{

        display: none;

    }

    .works-bottom>div,.abot-bottom>div,.contact-form dl dd

    ,.contact-form dl dt span.rt{

        width: 100%;

    }

    .works-bottom .wkbt-left{

        margin: 0 0 20px 0;

    }

    .about-liucheng ul li h2{

        font-size: 14px;

    }

    .abom-left{

        padding: 0;

    }

    .abom-right{

        padding-left: 0;

        margin-top: 30px;

    }

    .contact-form dl dd,.contact-form dl dt span.rt,.ft-right

    ,.ct-body .cotact-bottom img {

        float: none;

    }

    .cotact-bottom{

        text-align: center;

        padding: 50px 0;

    }

    .contact-form dl dd input{

        width: 300px;

        max-width: 300px;

    }

    .contact-form dl dt input{

        max-width: 255px;

        width: 255px;

    }

    .contact-form dl dt span.rt{

        display: block;

        margin-top: 30px;

    }

    .from-right ul li{

        width: 33.33%;

    }

    .from-right ul li span{

        width: 16px;

        height: 16px;

    }

    .from-right ul li span em{

        width: 8px;

        height: 8px;

    }

    .ft-left dl dt{

        font-size: 18px;

    }

    .home-works .sright{

        display: block;

    }

}



@media (max-width: 480px){

    .contact-form dl label{

        display: block;

    }

    .from-right ul li span{

        margin-right: 10px;

    }

    .ct-body .cotact-bottom .ft-right ul li{

        font-size: 16px;

        padding-left: 45px;

    }

}



@media (max-width: 350px) {

    .contact-form dl dd input {

        width: 270px;

        max-width: 270px;

    }

    .contact-form dl dt input {

        max-width: 225px;

        width: 225px;

    }

}