@media only screen and (max-width: 1200px){
.wrapper{width: 100%;overflow: hidden;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s;-o-transition: 0.6s;}
.wrapper.on{}
.wfix{width: 100%;margin: 0 auto;}

/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	transition:.4s all linear;-webkit-transition:.4s all linear;-moz-transition:.4s all linear;
}
body.on header{background:rgba(37, 224, 218, 0.9);}
header .en{float:none;margin-left: 5px;line-height: 8vh;text-align: left;padding: 0 10px;border-bottom: 1px solid rgba(207, 207, 207, .66);opacity: 0;transform: translateY(-30px);transition: .6s; -ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;-moz-transition: .6s;}
header .en a{display: block;}
body.on header .en{opacity: 1;transform: translateY(0);transition: .2s .3s;}


.header-in {
	width: 100%;
}

.header-r {
	float: none;
	position: fixed;
	left: 0;
	top: 60px;
	z-index: 99999;
	width: 100%;
	height: 0;
	text-align: center;
	transition: 0s 1s;
	overflow: hidden;
	margin-left: 0
}

body.on .header-r {
	height: 100%;
	transition: 0s
}

.header-r::after {
	content: ' ';
	position: absolute;
	left: 0;
	top: -100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background:rgba(37, 224, 218, 0.9);
	transition: .8s .2s
}

body.on .header-r::after {
	top: 0;
	transition: .4s
}

.header-r-in {
	padding: 0 12px
}

.logo {

}

.m-close {
	display: block;
	float: right;
	position: relative;
	right: 12px;
	top: 10px;
	z-index: 999999;
	width: 36px;
	height: 36px
}

.m-close::after,
.m-close::before {
	content: '';
	position: absolute;
	left: 0;
	width: 50%;
	height: 2px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	transition: all .4s .1s ease-out;
	background: #fff
}

body.on .m-close::after,
body.on .m-close::before {
	transition: all .25s ease-out
}

.m-close::before {
	top: 20px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 50% 50% 0
}

.m-close::after {
	top: 20px;
	left: 12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: 50% 50% 0
}

body.on .m-close::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

body.on .m-close::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

nav.nav-top {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	width: 100%
}
nav.nav-top>ul>li a{color: #fff;}
nav.nav-top>ul>li a:hover,
nav.nav-top>ul>li.cur a {
    color: #fff;
}
nav.nav-top>ul>li:hover,
nav.nav-top>ul>li.cur{
	background-color:rgba(255, 255, 255, 0);
}
nav.nav-top>ul>li {
	width: 100%;
	float: none;
	display: block;
	transform: translateY(-30px);
	margin: 0;
	padding: 0;
	line-height: 8vh;
	height: auto;
	opacity: 0;
	text-align: left;
	transition: .2s;
	border-bottom: 1px solid #fff;
}
.top-sub-menu>a{color: #fff!important;}
nav.nav-top>ul>li>a {
	margin-left: 5px;
	padding-bottom: 0;
	position: static;
	display: block;
	height: 100%
}

nav.nav-top>ul>li a:after {
	content: attr(data-icon);
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 0;
	background: 0 0;
	width: auto;
	height: auto;
	opacity: 1;
	left: auto
}

nav.nav-top>ul>li[date-switch='1'] a:after {
	content: attr(data-hover)
}

nav.nav-top>ul>li[date-switch='1']>a {
	color: #fff !important
}

body.on nav.nav-top>ul>li:nth-child(2)>a,
body.on nav.nav-top>ul>li:nth-child(3)>a,
body.on nav.nav-top>ul>li:nth-child(4)>a,
body.on nav.nav-top>ul>li:nth-child(6)>a {
	pointer-events: none
}

body.on nav.nav-top>ul>li:nth-child(1),
nav.nav-top>ul>li:nth-child(9) {
	transition: .2s
}

body.on nav.nav-top>ul>li:nth-child(2),
nav.nav-top>ul>li:nth-child(8) {
	transition: .2s .05s
}

body.on nav.nav-top>ul>li:nth-child(3),
nav.nav-top>ul>li:nth-child(7) {
	transition: .2s .1s
}

body.on nav.nav-top>ul>li:nth-child(4),
nav.nav-top>ul>li:nth-child(6) {
	transition: .2s .15s
}

body.on nav.nav-top>ul>li:nth-child(5),
nav.nav-top>ul>li:nth-child(5) {
	transition: .2s .2s
}

body.on nav.nav-top>ul>li:nth-child(6),
nav.nav-top>ul>li:nth-child(4) {
	transition: .2s .25s
}

body.on nav.nav-top>ul>li:nth-child(7),
nav.nav-top>ul>li:nth-child(3) {
	transition: .2s .3s
}

body.on nav.nav-top>ul>li:nth-child(8),
nav.nav-top>ul>li:nth-child(2) {
	transition: .2s .3s
}

body.on nav.nav-top>ul>li:nth-child(9),
nav.nav-top>ul>li:nth-child(1) {
	transition: .2s .3s
}

body.on nav.nav-top>ul>li {
	transform: translateY(0);
	opacity: 1
}

body.on .search {
	opacity: 1
}

.top-sub-menu {
	display: none;
	width: 100%;
	position: initial;
	box-shadow: inherit;
	background: none;
	opacity: 1;
	border-top: 0;
	visibility: visible
}

.top-sub-menu a {
	display: block;
	width: 100%;
	font-size: 14px !important;
	color: rgba(2, 47, 93, .8);
	text-align: left;
	padding: 0 0 0 30px !important;
	line-height: 8vh;
	background: 0 0;
	border-bottom: 1px solid #fff;
}

.top-sub-menu a:last-child {
	border: 0
}

nav.nav-top>ul>li a i,
nav.nav-top>ul>li::after {
	display: none
}
header.fixed{box-shadow: none;background: rgba(37, 224, 218, 0.9);}
header.fixed .header-r{top: 50px;}
header.fixed .header-in {
	padding-top: 0 !important
}
header.fixed nav.nav-top>ul>li {
	height: auto;
	line-height: 8vh;
}



.header-in .icon-sousuo {
	display: none
}
@media only screen and (max-width: 640px){
	.logo{width: 70%;padding: 10px;}
	header.abso{height: 50px;}
	.header-r {
		top: 50px;
	}
    .m-close {
        width: 30px;
		height: 30px;
		top: 15px;
    }
	header .headtil{display: none;}
    .m-close:after {
        top: 12px;
        left: 10px
    }

    .m-close:before {
        top: 12px
    }

    .header-r-in {
        padding: 0 12px;
    }
	nav.nav-top>ul>li{font-size: 14px;}
	header .en{font-size: 14px;}
}


/* footer */
footer .footer-bq span:nth-child(2){display: none;}
@media only screen and (max-width: 780px){
	footer .box{width: 96%;padding: 40px 2%;}
	footer .box .lbox{float: none;width: 100%;}
	footer .box .rbox{position: absolute;top: 40px;right: 2%;width: auto;}
	footer .box td{display: block;width: 100%;}

}
@media only screen and (max-width: 360px){
	footer .box td{font-size: 12px;}
	footer .box .rbox{right: 6%;}
	footer .box .rbox .rbox-in{width: 80px;}
	footer .box .rbox .rbox-in p{font-size: 12px;letter-spacing: 1px;}
}




/* 按钮 */
@media only screen and (max-width: 640px){
	.more a {
        width: 90px;
        height: 34px;
        line-height: 34px
    }
}

/* 内页栏目 */
@media only screen and (max-width: 640px){
.mbx{display: none;}
.page_nav{border-bottom:1px solid #e5e5e5;}
.page_menu a{margin:0 10px;}
}
@media only screen and (max-width: 320px){
	.page_menu a{margin:0 5px;}
}

/* banner */
.banner .swiper-pagination{bottom: 1%;}
/* banner响应 */
@media only screen and (max-width: 740px){
	.banner .pcpt{display: none;}
	.banner .mbpt{display: block;}
}
@media only screen and (max-width: 740px){
	.inbanner .pcpt{display: none;}
	.inbanner .mbpt{display: block;}
}
@media only screen and (max-width: 480px){
	.banner .swiper-button-prev{display: none;}
	.banner .swiper-button-next{display: none;}
}

/* 标题 */

@media only screen and (max-width:780px){
	.title2{padding: 25px 12px;}
}
@media only screen and (max-width: 460px){
	.title h2{font-size: 20px;}
	.title p{font-size: 16px;}
	.title2 h2{font-size: 20px;line-height: 30px;}
	.title2 p{font-size: 16px;}
	.title2 .morebt2 a{font-size: 16px;}
	.title2 .morebt2 span{font-size: 16px;}
	.title2 .morebt2{line-height: 40px;}
}


/* 数字 */
.product-number-info li b{font-size: 40px;}
.product-number-info li p{top: 75%;opacity: 1;font-size: 16px;}
.product-number-info li:hover p {top:70%;}
.product-number-info li:hover .umb_box{top: 0;}
@media only screen and (max-width: 480px){
	.product-number-info li{padding-bottom: 10px;}
	.product-number-info li .umb_box img{margin: 0 auto;}
	.product-number-info li b{font-size: 20px;}
	.product-number-info li b sup{font-size: 14px;top: -10px;right: -20px;}
	.product-number-info li p{font-size: 14px;}
}


/* 公司简介 */
.about{background:url('../images/about_mbg.jpg')no-repeat;height:auto;}
.about .aboutlbox{display: none;}
.about .aboutrbox{width: 97%;position: relative;}
.about .aboutrbox .aboutxt{position: relative;}
.about .aboutrbox h2{font-size: 90px;}
@media only screen and (max-width: 480px){
	.about .aboutrbox h2{font-size: 50px;}
	.about .aboutrbox .aboutxt h2{font-size: 18px;}
	.about .aboutrbox .aboutxt p{font-size: 16px;}
	.about .aboutrbox .aboutxt .aboutmain p:nth-child(1) b{font-size: 16px;}
	.about .aboutrbox .aboutxt .aboutmain p:nth-child(2) b{font-size: 16px;}
}



/*产品*/
.product1 .prolist a{opacity: 1;}
.product1 .prolist .protxt{width:94%;padding: 1px 3%; position: absolute; bottom:0;background: #fff;}
.product1 .prolist .protxt h2{margin-bottom: 0;text-align: left;font-size: 16px;color: #000;}
.product1 .prolist .protxt p{font-size: 15px;color: #999;text-align: left;}
.product1 .proboxs:nth-child(2) .prolist .protxt{padding: 1px 3%;}
.product1 .proboxb:nth-child(2) .proboxs:nth-child(1) .prolist .protxt{padding: 1px 3%;}


.product2 .prolist a{opacity: 1;}
.product2 .prolist .protxt{width:94%;padding: 1px 3%; position: absolute; bottom:0;background: #fff;}
.product2 .proboxb:nth-child(2) .proboxs:nth-child(1) .prolist .protxt{padding: 1px 3%;}
.product2 .prolist .protxt h2{margin-bottom: 0;text-align: left;font-size: 16px;color: #000;}
.product2 .prolist .protxt p{font-size: 15px;color: #999;text-align: left;}

.product3 .prolist a{opacity: 1;}
.product3 .prolist .protxt{width:94%;padding: 1px 3%; position: absolute; bottom:0;background: #fff;}
.product3 .proboxb:nth-child(1) .proboxs:nth-child(1) .prolist .protxt{padding: 1px 3%;}
.product3 .proboxb:nth-child(1) .proboxs:nth-child(2) .prolist .protxt{padding: 1px 3%;}
.product3 .proboxb:nth-child(2) .proboxs:nth-child(2) .prolist .protxt{padding: 1px 3%;}
.product3 .prolist .protxt h2{margin-bottom: 0;text-align: left;font-size: 16px;color: #000;}
.product3 .prolist .protxt p{font-size: 15px;color: #999;text-align: left;}
@media only screen and (max-width: 780px){
	.product1{padding: 0 12px;}

	.product1 .proboxb:nth-child(1) .proboxs{width: 66%;margin-right: 2%;}
	.product1 .proboxb:nth-child(1) .proboxs:nth-child(2){width: 32%;}
	.product1 .proboxs:nth-child(2) .prolist{width: 100%;}
	.product1 .proboxb:nth-child(2){width: 100%;}
	.product1 .proboxb:nth-child(2) .proboxs{width: 66%;}
	.product1 .proboxb:nth-child(2) .proboxs:nth-child(2){width: 32%;}


	.product1 .proboxb{width: 100%;}
	.product1 .proboxb .proboxs:nth-child(2){margin-right:0;}
	.product1 .proboxb:nth-child(2) .proboxs:nth-child(1){float: right;margin-left: 2%;margin-right: 0;}
	.product1 .proboxb:nth-child(2) .proboxs:nth-child(2){float: left;}
	.product2{padding: 0 12px;}
	.product2 .proboxb{width: 100%;margin-right: 0;}
	.product2 .proboxb:nth-child(2){width: 100%;}
	.product3{padding: 0 12px;}
	.product3 .proboxb{width: 100%;}
	.product3 .proboxb:nth-child(1) .proboxs{width: 66%;margin-right: 2%;}
	.product3 .proboxb:nth-child(1) .proboxs:nth-child(2){width: 32%;}
	.product3 .proboxb:nth-child(2){width: 100%;}
	.product3 .proboxb .proboxs:nth-child(2){margin-right:0;}
	.product3 .proboxb:nth-child(2) .proboxs:nth-child(1){float: right;margin-left:2%;margin-right: 0;}
	.product3 .proboxb:nth-child(2) .proboxs:nth-child(2){float: left;}
}
@media only screen and (max-width: 640px){
	.product1 .prolist a{position: static;}
	.product1 .prolist .protxt{position: static;}
	.product1 .prolist .protxt h2{line-height:28px;}
	.product1 .proboxb:nth-child(1) .proboxs{width: 100%;margin-right: 0;}
	.product1 .proboxb:nth-child(1) .proboxs:nth-child(2){width: 100%;}
	.product1 .proboxb:nth-child(2) .proboxs{width: 100%;margin-left: 0;}
	.product1 .proboxb:nth-child(2) .proboxs:nth-child(2){width: 100%;}
	.product1 .proboxs{width: 100%;margin: 0;}
	.product1 .prolist{margin-bottom: 12px;}
	.product1 .proboxs:nth-child(2){width: 100%;}
	.product1 .proboxs:nth-child(2) .prolist{width: 49%;float: left;margin-right: 2%;}
	.product1 .proboxs:nth-child(2) .prolist:nth-child(2){margin: 0;}

	.product2 .prolist a{position: static;}
	.product2 .prolist .protxt{position: static;}

	.product3 .prolist a{position: static;}
	.product3 .prolist .protxt{position: static;}
	.product3 .proboxb:nth-child(1) .proboxs{width: 100%;margin-right: 0;}
	.product3 .proboxb:nth-child(1) .proboxs:nth-child(2){width: 100%;}
	.product3 .proboxb:nth-child(2){width: 100%;}
	.product3 .proboxb:nth-child(2) .proboxs:nth-child(1){width: 100%;margin-left: 0;}
	.product3 .proboxs{width: 100%;margin: 0;}
	.product3 .prolist{margin-bottom: 12px;}
	.product3 .proboxs:nth-child(2){width: 100%;}
	.product3 .proboxs:nth-child(2) .prolist{width: 49%;float: left;margin-right: 2%;}
	.product3 .proboxs:nth-child(2) .prolist:nth-child(2){margin: 0;}
	.product3 .proboxb:nth-child(2) .proboxs:nth-child(2){display: none;}
}




/* 新闻 */
.news .newstxt{background: none;}
.news .swiper-container{padding-bottom: 10%;}
.news .newstxt-in{background: #fff;top: auto;bottom: 0;padding: 0 5%;}
.news .newstxt-in h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media only screen and (max-width:780px){
	.news .swiper-container{margin: 0 12px;}
	.news .newstxt-in h2{font-size: 18px;}
	.news .newstxt-in p{font-size: 14px;}
}
@media only screen and (max-width:480px){
	.news .swiper-container{padding-bottom: 15%;}
	.news .pttime{font-size: 25px;background: rgba(255, 255, 255,0.9);right: 0;}
	.news .newspt{width: 100%;padding-right: 0;}
	.news .newstxt{width: 100%}
	.news .newstxt-in{width: 100%;padding: 0;margin: 0;background: rgba(255, 255, 255,0.9);}
}

/*合作伙伴 */
.partner .partnerbox{margin: 0 12px;}
@media only screen and (max-width:780px){
	.partner .swiper-container{padding-bottom: 10%;}
	.partner .swiper-button-prev{display: none;}
	.partner .swiper-button-next{display: none;}
}
@media only screen and (max-width:480px){
	.partner .swiper-container{padding-bottom: 15%;}
}



/* 服务 */
.sertxt .sertxt-in{padding: 0 5%;}
.sertile h2{font-size: 30px;}
.sertile p{font-size: 18px;}	
.sermain p{font-size: 14px;}
.service .serlist .sermain p:nth-child(4){text-indent: 70px;}
.service .serlist:nth-child(5) .sermain p:nth-child(2) , .service .serlist:nth-child(5) .sermain p:nth-child(4){text-indent: 85px;}
@media only screen and (max-width:1000px){
	.serpt{width: 100%;}
	.sertxt{width: 100%;}
	.sertxt .sertxt-in{padding:5% 12px;position: relative;}
	.sertile h2{margin-bottom: 0;}
	.sertile{position: static;margin-bottom: 20px;}
	.sermain{position: static;}
	.sermore{right: 12px;}
	.serpt2{top: 0;}
}
@media only screen and (max-width: 480px){
	.sertxt .sertxt-in{padding: 10% 12px;}
	.sertile h2{font-size: 25px;}
	.sertile p{font-size: 16px;}
	.sermain p{font-size: 12px;line-height: 20px;}
	.sermore{font-size: 12px;}
	.service .serlist .sermain p:nth-child(4){text-indent: 60px;}
	.service .serlist:nth-child(5) .sermain p:nth-child(2) , .service .serlist:nth-child(5) .sermain p:nth-child(4){text-indent: 75px;}
}
@media only screen and (max-width: 360px){
	.service .serlist .sermain p:nth-child(4){text-indent: 0px;}
	.service .serlist:nth-child(5) .sermain p:nth-child(2) , .service .serlist:nth-child(5) .sermain p:nth-child(4){text-indent: 0px;}
}



/* 服务案例 */
.caselist1{padding: 1% 12px 0 12px;}
.caselist1 .casebox{height: auto;}
.caselist1 .casebox .caslist{width: 24.2%;position: relative;float: left; margin-right: 1%;margin-bottom: 1%;}
.caselist1 .casebox .caslist:nth-child(5n){margin-right: 1%;}
.caselist1 .casebox .caslist:nth-child(4n){margin-right: 0;}
.caselist1 .casebox .caslist img{width: 100%;min-width: auto;}
.caselist1 .casebox .caslist a{opacity: 1;}
.caselist1 .casebox .caslist .castxt{height: auto;width: 100%;position: absolute;bottom: 0;background: #fff;}
.caselist1 .casebox .caslist .castxt .castxt-in{padding: 1px  3%;}
.caselist1 .casebox .caslist .castxt h2{margin-bottom: 0;text-align: left;font-size: 16px;color: #000;}
.caselist1 .casebox .caslist .castxt p{color: #999;font-size: 15px;text-align: left;}
@media only screen and (max-width: 740px){
	.caselist1 .casebox .caslist{width: 32.6%;}
	.caselist1 .casebox .caslist:nth-child(4n){margin-right: 1%;}
	.caselist1 .casebox .caslist:nth-child(3n){margin-right: 0;}
}
@media only screen and (max-width: 480px){
	.caselist1 .casebox .caslist{width: 49.5%;}
	.caselist1 .casebox .caslist:nth-child(3n){margin-right: 1%;}
	.caselist1 .casebox .caslist:nth-child(2n){margin-right: 0;}
}


/* 产品详情 */
.pro_m_txt{padding: 10% 12px;}
@media only screen and (max-width: 640px){
	.pro_m_txt{padding: 15% 12px;}
	.pro_m_txt .pro_m_back{top: 15%;}
	.pro_m_txt h2{margin-left: 60px;font-size: 30px;}
	.pro_m_txt .pro_m_main{margin-left: 60px;font-size: 20px;}
}




/* 新闻列表 */
.newslist{padding: 20px 12px;}
@media only screen and (max-width: 980px){
	.newslistbox{width: 32%;margin-right: 2%;}
	.newslistbox:nth-child(4n){margin-right: 2%;}
	.newslistbox:nth-child(3n){margin-right: 0;}	
}
@media only screen and (max-width: 640px){
	.newslistbox{width: 49%;}
	.newslistbox:nth-child(3n){margin-right: 2%;}
	.newslistbox:nth-child(2n){margin-right: 0;}
	.newslistbox .newstxt h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;padding-bottom: 5%;}
}
@media only screen and (max-width: 360px){
	.newslistbox .newstxt h2{font-size: 14px;}
	.newslistbox .newstxt p{font-size: 12px;}
}


/* 案例列表 */
.casePage{padding: 0 12px;}
@media only screen and (max-width: 980px){
	.casePage .caseList li{width: 32%;margin-right: 2%;}
	.casePage .caseList li:nth-child(4n){margin-right: 2%;}	
	.casePage .caseList li:nth-child(3n){margin-right: 0;}
}
@media only screen and (max-width: 640px){
	.casePage .caseList li{width: 49%;}
	.casePage .caseList li:nth-child(3n){margin-right: 2%;}
	.casePage .caseList li:nth-child(2n){margin-right: 0;}
	.casePage .caseList li .text{font-size: 16px;line-height: 30px;}
}


/* 简介内页 */
@media only screen and (max-width: 640px){
.about_in{padding: 20px 12px;}
.about_in .about_tile{font-size: 20px;}
.about_in .about_tile2{font-size: 16px;}
.about_in .about_main{padding:20px 0;}
.about_in .about_main p{line-height: 25px;}
.about_in .about_main span{width: 100%;padding: 0;line-height: 25px;}
.about_in .aboutpt1 .ptbox{width: 100%;}
.about_in .aboutpt1 .txtbox{width: 100%;}
.about_in .aboutpt1 .txtbox .about_logo{padding: 10% 0;}
}


@media only screen and (max-width: 780px){
    .honor .swiper-container{margin: 0 12px;padding-bottom: 10%;}
}
@media only screen and (max-width: 640px){
    .honor .swiper-container{padding-bottom: 15%;}
    .aboutpt1 .ptbox{height: 200px;}
}

/* 企业文化 */
.wenhua{padding: 20px 12px;}


/* 招聘 */
.join_bg{padding: 4% 12px;}
@media only screen and (max-width: 840px){
	.join_ul ul li .txts2 .h3{font-size: 20px;}
	.join_ul ul li .txts2 .p{font-size: 14px;}
}
@media only screen and (max-width: 640px){
	.join_ul ul li{float: none;width: 100%;}
}
/* 联系 */
@media only screen and (max-width: 640px){
	.contact{padding: 20px 12px;}
	.contact .contile{font-size: 20px;}
	.contact .conlist{width: 100%;padding-bottom: 2%;}
	.map{height: 400px;}
}




}