* {

	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: 300px;
	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{

	display: block;

}

nav ul li.active{


	background: #005B89;

}

nav ul li.active a{

	color: #fff;

}

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

}

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

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

	color: #fff;

}

.hmwk-body h2{

	font-size: 30px;

	margin-bottom: 35px;

}

.hmwk-body dd{

	font-size: 16px;

	margin-bottom: 20px; 

}

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

	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:#005B89;

	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: 16px;

	height: 16px;

	opacity: 1;

	background: #a9a9a9;

	margin: 0 10px;

}

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

	background: #2bab88;

	width: 20px;

	height: 20px;

	margin-top: -2px;

}

.home-hezuo ul li:hover img{

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

    filter: grayscale(0);

}

footer{

	background: #fafafa;

	padding-top: 80px;

	margin-top: 100px;

}

.ft-left dl{

	float: left;

	width: 240px;

	font-size: 0;

}

.ft-left dl dt{

	font-size: 20px;

}

.ft-left dl dt .line{

	display: block;

	background: #2bab88;

	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: #6c6c6c;

}

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

	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: #6c6c6c;

	text-transform: uppercase;

}

.ft-bottom{

	height: 80px;

	line-height: 80px;

	background:#005B89;

}

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

	display: block;

	float: left;

	color: #fff;

}

.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: 90px 0 60px 0; 

}

.fuwu-body .fuwu-top ul li{

	width: 18%;

	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 20px 40px 50px;

	background: #fafafa;

	color: #706f6f;

	cursor: pointer;

}

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

	width: 0;

	background: #2bab88;

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

}

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

	margin: 80px auto 70px;

}

.fuwu-details .main>h2{

	font-size: 30px;

	padding-bottom: 18px;

	margin-bottom: 40px;

	border-bottom: solid 1px #000;

}

.fuwudt-body{

	font-size: 18px;

	line-height: 2;

	color: #7f7f7f;

	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: 80px 0 100px 0;

}

.works-top{

	margin-bottom: 50px;

}

.works-top ul li{

	float: left;

	font-size: 22px;

}

.works-top ul li a{

	padding-right: 20px;

	margin-right: 20px;

	border-right: solid 2px #b7b7b7;

}

.works-top ul li .line{

	display: block;

	margin-top: 10px;

	height: 3px;

	width: 0;

	background: #2bab88;

}

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

	margin-right: 0;

	padding-right: 0;

	border: 0;

}

.works-top ul li.active a{

	color: #2bab88;

}

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

}

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

	margin: 14px 20px 0 0;

}

.lei span{

	display: inline-block;

	min-width: 125px;

	line-height: 30px;

	color: #fff;

	padding: 0 20px;

	background:#005B89;

	-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: 80px;

}





/* 交互产品详情页 */

.pt-details .lei{

	padding-bottom: 15px;

	margin-bottom: 15px;

	border-bottom: solid 1px #000;

}

.pt-details .fuwudt-body{

	min-height: 1px;

	margin-bottom: 60px;

	padding: 0 15px;

}

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

	width: 71.5%;

	padding: 50px 50px 50px 150px;

	background: #fafafa;

	color: #b7b7b7;

	font-size: 16px;

	line-height: 2;

}

.abot-bottom{

	margin: 100px 0;

}

.abot-bottom>div{

	width: 50%;

}

.abom-left{

	padding: 0 50px 0 80px;

	line-height: 2;

	color: #b7b7b7;

	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: 40px;

	color: #2bab88;

}

.abom-right ul li p{

	font-size: 16px;

	color: #b7b7b7;

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

	line-height: 2;

	font-size: 16px;

}

.about-liucheng{

	background: #1c1c1c;

	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: 18px;

}

.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: 100px 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: 10px 0 90px 0;

}

.contact-form dl dd{

	margin-bottom: 60px;

	font-size: 0;

}

.contact-form dl label{

	width: 115px;

	font-size: 20px;

	line-height: 30px;

}

.contact-form dl input{

	height: 30px;

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

	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: 150px;

	padding: 0 20px;

	line-height: 40px;

	background: #fff;

	-webkit-border-radius: 40px;

	-moz-border-radius: 40px;

	border-radius: 40px;

	font-size: 22px;

	margin: 150px 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:#005B89;

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

	}

	.sright i{

		margin-right: 10px;

	}



@media (min-width: 1100px) {

	nav ul li:hover{

		background:#005B89;

	}

	nav ul li:hover a{

		color: #fff;

	}

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

	}

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

		color: #2bab88;

	}

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

		margin-top: 10px;

		-webkit-transition: all .3s linear;

		transition: all .3s linear;

	}

	.ft-left dl dt.active{

		color: #2bab88;

	}

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

	}

}