@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}
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.abso{height: 75px;}
.header-in {
	width: 100%;
}

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

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:#ffffff;
	transition: .8s .2s
}

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

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

.header-in .logolink{
    float: left;
	width:65px; 
	margin: 0;
}
.logo {
	display: none;
}
.mlogo{
	width: 100%;
    display: block;
    position: relative;
    z-index: 999999;
    padding: 5px 12px;
}

.mlogo img{
	width: 100%;
}

.m-close {
	display: block;
	float: right;
	position: relative;
	right: 12px;
	top: 20px;
	z-index: 999999;
	width: 40px;
	height: 30px
}
.m-close p{
	position: absolute;
	width: 100%;
	top: 40%;
	height: 5px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	transition: all .1s ease-out;
	background: #4b4b4b;
	

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

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

.m-close::before {
	top:0;
	transform-origin:center;
}

.m-close::after {
	bottom: 0;
	transform-origin: center;
} 

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

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

nav.nav-top {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	width: 100%
}
nav.nav-top>ul>li a{color: #4b4b4b;}
nav.nav-top>ul>li a:hover,
nav.nav-top>ul>li.cur a {
    color: #ffffff;
}
nav.nav-top>ul>li:hover,
nav.nav-top>ul>li.cur{
	background-color:#e15d26;
}
nav.nav-top>ul>li {
	width: 100%;
	float: none;
	display: block;
	transform: translateY(-30px);
	margin: 10px 0;
	padding: 0;
	border-radius: 10px;
	line-height: 8vh;
	height: auto;
	opacity: 0;
	text-align: left;
	transition: .2s;
	border-bottom: 1px solid #a5a5a5;
}
.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 CSS 禁止默认点击事件
} */

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: hidden
}

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


/* footer */
footer .box .fnav{display: none;}
@media only screen and (max-width: 780px){
	footer .box{width: 96%;padding: 40px 2%;}
	footer .box .flogo img{width: 100%;}
	footer .box .flistbox{width: auto;}
	footer .box .flist{float: none;width: auto;margin: 10px 0;}
	footer .box .flist img{float: left;}
	footer .box .flist p{float: left;line-height: 30px;padding-left: 10px;}
	footer .beian{width: auto;padding: 0 2%;padding-bottom: 5px;}
	footer .beian span{display: block;color: #929292;text-align: center;}
	footer .beian a{color: #929292;display: block;text-align: center;}
}


/* 主体 */
.main{margin-top: 75px;}



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

/* 内页栏目 */
@media only screen and (max-width: 640px){
.page_nav{border-bottom:1px solid #e5e5e5;}
.page_menu{padding-bottom: 20px;}
.page_menu a{padding: 0 25px;}
}

/* 左侧栏目 */
.left_nav {
	margin: 0;
	margin-bottom: 20px;
    width: 100%;
	border:none;
	float: none;
}
ul.left_snav_ul{display: none;}
.menu_head{width: 80%;}
@media only screen and (max-width:480px){
	.menu_head{width: 70%;}
}

/* banner */
.banner .swiper-pagination{bottom: 1%;}
/* banner响应 */
@media only screen and (max-width: 740px){
	.banner{display: none;}
	.mbanner{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;}
	.news .newsbox{padding: 0 12px;}
	.news .pttime{font-size: 40px;}
	.news .txttime{font-size: 40px;}
	.news .newstxt-in h2{font-size: 18px;}
	.news .newstxt-in p{font-size: 14px;}
}
@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;}
}




/* 公司简介 */
.index_about .aboutpt{
    float: none;
	width: 80%;
	margin: 0 auto;
}
.index_about .abouttxt{
    float:none;
	width: auto;
	margin-left: 0;
    padding: 25px 7px;
}
.index_about .abouttxt h2{
	margin-bottom: 20px;
}
.index_about .abouttxt .abouttxt_main{
	line-height: 30px;
	text-indent: 25px;
}
@media only screen and (max-width: 640px){
	.about .aboutlbox{width: 100%;}
	.about .aboutlbox .aboutxt{padding:15% 12px 0 12px;}
	.about .aboutlbox .aboutxt .aboutbt{padding: 15% 0}
	.about .aboutlbox .aboutxt .aboutbt a{padding: 10px 30px;}
	.about .aboutlbox .aboutxt .aboutbt span{font-size: 12px;}
	.about .aboutlbox .aboutxt h2{letter-spacing: 0px;}
	.about .aboutlbox .aboutxt p{letter-spacing: 0px;font-size: 14px;}
	.about .aboutlbox .aboutxt .aboutmain p{font-size: 14px;}
	.about .aboutlbox .aboutxt .aboutmain p:nth-child(1) b{font-size: 16px;}
	.about .aboutlbox .aboutxt .aboutmain p:nth-child(2) b{font-size: 16px;}
	.about .aboutrbox{height: auto;}
	.about .aboutrbox .pcimg{display: none;}
	.about .aboutrbox .mbimg{display: block;}
	.about .aboutrbox{bottom:-7%;}
	.about .aboutrbox img{width: 100%;}
}



/*首页产品*/
.index_product{
	padding:  0 7px;
	padding-bottom: 35px;
    height: auto;
	background-image:none;
	background: #020202;
}
.index_product .protiltle{
	width: auto;
	margin-bottom: 50px;
}
.index_product .indexprolist{
    position: relative;
    float: left;
    width: 49.5%;
    margin-bottom: 1%;
}
.index_product .indexprolist:nth-child(2n){
    margin-right: 0;
}

@media only screen and (max-width: 640px){
	.index_product .indexprolist .indexpropt{
		height: 120px;
		max-height: 120px;
	}
	.index_product .indexprolist p{
		line-height: 30px;
	}
}




/*首页新闻 */
@media only screen and (max-width:680px){
	.index_news{padding: 0 2%;}
	.index_news .indexnewslist{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.index_news .indexnewslist .indexnewstime{
		width: 20%;
	}
	.index_news .indexnewslist .indexnewstxt{
		width: 78%;
	}
}




/* 产品列表 */
.product{
	float: none;
	width: auto;
	padding: 0 10px;
	margin-left: 0;
}
.product .productlist{
    width: 32.6%;
}
.product .productlist:nth-child(4n){
    margin-right: 1%;
}
.product .productlist:nth-child(3n){
    margin-right: 0;
}
@media only screen and (max-width: 640px){
	.product .productlist{
		width: 49.5%;
	}
	.product .productlist:nth-child(4n){
		margin-right: 1%;
	}
	.product .productlist:nth-child(3n){
		margin-right: 1%;
	}
	.product .productlist:nth-child(2n){
		margin-right: 0;
	}
	.product .productlist .propt{
		height: 120px;
	}
	.product .productlist p{
		line-height: 30px;
	}
}
/* 产品详情 */
.pro_m_txt{padding: 10% 12px;}
@media only screen and (max-width: 640px){
	.pro_t_pt{float: none;width: 100%;}
	.pro_t_txt{float: none;width:auto;margin-left: 0;padding: 0 10px;margin-top: 20px;}
	.pro_t_txt h2{text-align: center;}
	.pro_t_txt p{display: none;}
	.news_m .reLink{line-height: 30px;padding: 0 10px;font-size: 14px;}
	.news_m .news_m_title{font-size: 18px;}
	.news_m .news_m_centent{padding: 0 10px;}
	.news_m .reLink .nextLink,.news_m .reLink .prevLink{float: none;}
	.pro_m_txt{padding: 15% 12px;}
	.pro_m_txt h2{margin-left: 0;font-size: 30px;}
	.pro_m_txt .pro_m_main{margin-left: 0;font-size: 20px;}
}


/* 新闻列表 */
@media only screen and (max-width: 980px){
	.news .newslist{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.news .newslist .newstxt p{
		display:-webkit-box;
		overflow:hidden;
		text-overflow:ellipsis;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	.news .newslist .newstime{
		width: 55px;
	}
	.news .newslist .newstime h2{
		font-size: 20px;
	}
	.news .newslist .newstime p{
		font-size: 12px;
	}
}




/* 简介内页 */
.company .companytxt{padding: 0 12px;}
@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;}
}

/* 企业文化 */
.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;}
}




}