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

.wrap{

	width: 100%;

	margin: 0;

}

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

	margin-left: -200px;

}

.header{

	width: 100%;

	height: 50px;

	z-index: 105;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;

}

.header.on{

	left: -200px;

	z-index: 200;

}

.header.light{

	position: fixed;

	left: 0;

	top: 0;

	z-index: 105;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;

}

.header.light.on{

	left: -200px;

}

.header .logo{

	width: 165px;

	height: 30px;

	margin-left: 10px;

	margin-top: 10px;

}

.header .navBtn{

	width: 40px;

	height: 50px;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 5;

	display: block;

}

.header .navBtn span{

	width: 27px;

	height: 3px;

	border-radius: 3px;

	background: #fff;

	display: block;

	position: absolute;

	left: 5px;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;

}

.header.light .navBtn span{

	background: #00a0e2;

}

.header .navBtn span.line1{

	top: 12px;

}

.header .navBtn span.line2{

	top: 22px;

}

.header .navBtn span.line3{

	top: 32px;

}

.header.on .navBtn span.line1{

	top: 22px;

	transform: rotate(45deg);

	-webkit-transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-o-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

}

.header.on .navBtn span.line2{

	top: 22px;

	display: none;

}

.header.on .navBtn span.line3{

	top: 22px;

	transform: rotate(-45deg);

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

	-ms-transform:rotate(-45deg);

	-o-transform:rotate(-45deg);

	-moz-transform:rotate(-45deg);

}

.header .rightBox{

	margin-top: 13px;

	position: relative;

	margin-right: 50px;

}

.header .searchBar{

	width: 100%;

	height: 50px;

	position: fixed;

	top: 0;

	right: 0;

	z-index: 200;

	margin-right: 0px;

	opacity: 1;

	background: #000;

	display: none;

}

.header.light .searchBar{

	background: #fff;

}

.header .searchBar.open{

	width: 100%;

	opacity: 1;

}

.header .searchBar .btn{

	width: 50px;

	height: 50px;

	position: absolute;

	right: 0;

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

}

.header .searchBar .btn input{

	width: 50px;

	height: 50px;

}

.header.light .searchBar .inpu,

.header .searchBar .inpu{

	width: 100%;

	height: 40px;

	float: right;

	padding-right: 50px;

	padding-left: 10px;

	box-sizing: border-box;

	background: none;

}

.header .searchBar.open .inpu{

	width: 100%;

	background: none;

}

.header .searchBar .inpu input{

	width: 100%;

	height: 30px;

	line-height: 30px;

	margin-top: 10px;

	background: url(../images/searchBar_line.png) repeat-x 0 bottom;

}

.header.light .searchBar .inpu input{

	background: url(../images/searchBar_line2.png) repeat-x 0 bottom;

}

.header .searchBar.open .inpu input{

	width: 100%;

}

.header .searchBar .closeBtn{

	display: none;

}

.header .language{

	line-height: 20px;

	float: left;

	font-size: 14px;

	color: #fff;

	margin-left: 20px;

}

.header .language span,

.header .language a{

	font-size: 14px;

	color: #fff;

	margin: 0 2px;

}

.header.light .language a:hover{

	color: #333;

}

.header .language a:hover{

	color: #fff;

}



.mainFilter.show{

	display: block;

	right: 200px;

}



.header .nav{

	width: 200px;

	height: 100%;

	position: fixed;

	top: 0;

	right: -200px;

	background: #fff;

	line-height: auto;

	margin: 0px;

	z-index: 9999;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;

}

.header .nav.on{

	right: 0px;

}

.header .nav .navTit{

	width: 100%;

	line-height: 80px;

	text-align: center;

	font-size: 30px;

	font-weight: bold;

	color: #00a0e2;

	display: block;

	border-bottom: solid 1px #eee;

}

.header .nav ul{

	padding: 20px 14px 0 14px;

	box-sizing: border-box;

}

.header .nav li{

	width: 100%;

	float: left;

	margin: 0px;

	border-bottom: solid 1px #eee;

}

.header .nav li a{

	width: 100%;

	height: 40px;

	line-height: 40px;

	float: left;

	font-size: 16px;

	color: #333;

	padding: 0px;

	padding-left: 40px;

	box-sizing: border-box;

	display: block;

}

.header .nav li.on > a,

.header .nav li a:hover{

	color: #00a0e2;

	background: #fff;

}

.header .nav .subNav{

	display: none;

}



.footer{

	width: 100%;

	background: #f2f2f2;

	padding: 10px 14px 0px 14px;

	box-sizing: border-box;

}

.footer:after{content:'';height:0;display:block;clear:both}

.footer .linkMap{

	display: none;

}

.footer .contact{

	width: 100%;

	margin: 0px;

	text-align: center;

}

.footer .contact .title{

	font-size: 16px;

	line-height: 18px;

}

.footer .contact .number{

	font-size: 16px;

	line-height: 24px;

}

.footer .contact .number a{

	font-size: 16px;

}

.footer .contact .email{

	font-size: 14px;

	line-height: 20px;

}

.footer .contact .email a{

	font-size: 14px;

}

.footer .contact .address{

	font-size: 14px;

	line-height: 20px;

}

.footer .contact .sharebox{

	text-align: center;

	margin-top: 5px;

	height: 32px;

	overflow: hidden;

}

.footer .contact .sharebox .bdsharebuttonbox{

	height: 20px;

	overflow: hidden;

	display: inline-table;

}

.footer .contact .sharebox a{

	width: 26px;

	height: 26px;

	background: no-repeat center;

	padding: 0;

	margin: 0;

	margin-right: 18px;

	display: block;

	position: relative;

	background-size: 100%;

	display: inline-block;

	float: none;

}

.footer .contact .sharebox .weixinBox{

	display: none;

}

.footer .copyright{

	height: auto;

	line-height: 14px;

	border-top: solid 1px #cccccc;

	padding: 10px 0;

}

.footer .copyright .copy{

	line-height: 14px;

}

.main .banner .swiper-pagination{

	height: 8px;

	bottom: 10px;

}

.main .banner .swiper-pagination span{

	width: 4px;

	height: 4px;

	margin: 0 8px;

}

.main .publicityBox{

	padding: 12px 12px;

	box-sizing: border-box;

}

.main .publicityBox .news{

	max-width: 700px;

	width: 100%;

	height: auto;

	float: none;

	margin: 0 auto;

}

.main .publicityBox .swiper-button-prev,

.main .publicityBox .swiper-button-next{

	display: none;

}

.main .publicityBox .news .list .pic{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.main .publicityBox .bottomText{

	height: 60px;

	padding: 0 12px;

	padding-top: 5px;

}

.main .publicityBox .bottomText .tit{

	height: 20px;

	line-height: 20px;

	font-size: 16px;

}

.main .publicityBox a:hover .bottomText .tit{

	color: #333;

}

.main .publicityBox .bottomText .info{

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	margin-top: 6px;

}

.main .publicityBox .video{

	max-width: 700px;

	width: 100%;

	height: auto;

	float: none;

	margin: 10px auto 0 auto;

}

.main .publicityBox .video .pic{

	height: auto;

}

.main .publicityBox .video .pic:hover img{

	transform: scale(1,1);

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

	-ms-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

}

.main .publicityBox .video .pic .icon{

	width: 60px;

	height: 60px;

	margin-left: -30px;

	margin-top: -30px;

	background-size: 100%;

}

.columnTitle{

	line-height: 30px;

	font-size: 24px;

}

.columnTitle a{

	font-size: 24px;

}

.columnTitle span{

	line-height: 30px;

	background-size: auto 100%;

	padding-left: 40px;

}



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

	.columnTitle{

		line-height: 26px;

		font-size: 20px;

	}

	.columnTitle a{

		font-size: 20px;

	}

	.columnTitle span{

		line-height: 22px;

		padding-left: 34px;

	}

}



.recommendBox{

	width: 100%;

	padding: 20px 10px;

	box-sizing: border-box;

}

.recommendBox .productBox{

	width: 100%;

	margin: 16px auto 0 auto;

	position: relative;

	overflow: visible;

}

.recommendBox .productBox .swiper-button-next,

.recommendBox .productBox .swiper-button-prev{

	display: none;

}

.recommendBox .productBox .list{

	max-width: 356px;

	width: 30%;

	height: auto;

	padding: 0;

}

.recommendBox .list a{

	width: 100%;

	height: 100%;

}

.recommendBox .list a:hover{

	box-shadow: none;

}

.recommendBox .list .title{

	width: 100%;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	border-bottom: solid 1px #f2f2f2;

	overflow:hidden;

	box-sizing: border-box;

	padding: 0 34px 0 0;

}

.recommendBox .list .title span{

	height: 30px;

	padding: 0;

	overflow:hidden;

}

.recommendBox .list .title .tag2,

.recommendBox .list .title .tag1{

	width: 23px;

	height: 27px;

	top: -2px;

	right: 5px;

	background: url(../images/recommendBox_tag1.png) no-repeat center 0;

	background-size: 100% auto;

}

.recommendBox .list .title .tag2{

	background-image: url(../images/recommendBox_tag2.png);

}

.recommendBox .list .pic{

	width:100%;

	height: auto;

}

.recommendBox .list .pic img{

	max-width: 100%;

	width: auto;

	height: auto;

}

.recommendBox .list .text{

	width: 100%;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	margin-bottom: 10px;



}

.main .applicationBox{

	width: 100%;

	background: #fff;

	padding-top: 20px;

	padding-bottom: 20px;

}

.main .applicationBox .columnTitle span{

	background-image: url(../images/ApplicationBox_title.gif);

}

.main .applicationBox .applyBox{

	width: 100%;

	margin-top: 20px;

}

.main .applicationBox .list{

	width: 200px;

	text-align: center;

	padding: 0 8px;

	box-sizing: border-box;

}

.main .applicationBox .list .pic2,

.main .applicationBox .list .pic1{

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

}

.main .applicationBox .list .pic1 img,

.main .applicationBox .list .pic2 img{

	width: auto;

	height: 100%;

}

.main .applicationBox .list .pic2{

	display: none;

}

.main .applicationBox .list a:hover .pic2{

	display: none;

}

.main .applicationBox .list a:hover .pic1{

	display: block;

}

.main .applicationBox .list .text{

	width: 100%;

	line-height: 22px;

	font-size: 16px;

	color: #333333;

	margin-top: 10px;

}

.main .applicationBox .list a:hover .text{

	color: #333333;

}

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

	.main .applicationBox .list .pic2,

	.main .applicationBox .list .pic1{

		height: 100px;

	}

}

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

	.main .applicationBox .list .pic2,

	.main .applicationBox .list .pic1{

		height: 80px;

	}

	.main .applicationBox .list .text{

		line-height: 20px;

		font-size: 14px;

	}

}

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

	.main .applicationBox .list .pic2,

	.main .applicationBox .list .pic1{

		height: 50px;

	}

	.main .applicationBox .list .text{

		line-height: 20px;

		font-size: 12px;

	}

}

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

	.main .applicationBox .list .pic2,

	.main .applicationBox .list .pic1{

		height: 35px;

	}

}

.main .swiper-button-next,

.main .swiper-button-prev{

	display: none;

}

.main .servicesSupportBox{

	width: 100%;

	height: auto;

	padding: 20px 10px 20px 10px;

	box-sizing: border-box;

	background-size: auto 100%;

}

.main .servicesSupportBox:after{content:'';height:0;display:block;clear:both}

.main .servicesSupportBox .servicesList{

	margin-top: 20px;

}

.main .servicesSupportBox .list{

	width: 33.333%;

	height: 420px;

	margin-left: 0;

	text-align: center;

	padding: 0 5px;

	box-sizing: border-box;

}

.main .servicesSupportBox .list .icon2,

.main .servicesSupportBox .list .icon1{

	height: 107px;

	margin-top: 129px;

}

.main .servicesSupportBox .list .text{

	line-height: 22px;

	font-size: 18px;

	color: #333333;

	margin-top: 36px;

}

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

	.main .servicesSupportBox .list{

		transition: 0.2s;

		-webkit-transition: 0.2s;

		-moz-transition: 0.2s;

		-ms-transition: 0.2s;

		-o-transition: 0.2s;

	}

}

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

	.main .servicesSupportBox .list{

		height: 350px;

	}

	.main .servicesSupportBox .list .icon2,

	.main .servicesSupportBox .list .icon1{

		height: 90px;

		margin-top: 90px;

	}

	.main .servicesSupportBox .list .text{

		line-height: 20px;

		font-size: 18px;

		margin-top: 30px;

	}

}

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

	.main .servicesSupportBox .list{

		height: 250px;

	}

	.main .servicesSupportBox .list .icon2,

	.main .servicesSupportBox .list .icon1{

		height: 80px;

		margin-top: 40px;

	}

}

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

	.main .servicesSupportBox .list{

		height: 200px;

	}

	.main .servicesSupportBox .list .icon2,

	.main .servicesSupportBox .list .icon1{

		height: 60px;

		margin-top: 40px;

	}

}

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

	.main .servicesSupportBox .list{

		height: 150px;

	}

	.main .servicesSupportBox .list .icon2,

	.main .servicesSupportBox .list .icon1{

		height: 50px;

		margin-top: 20px;

	}

	.main .servicesSupportBox .list .text{

		font-size: 16px;

		margin-top: 20px;

	}

}

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

	.main .servicesSupportBox .list{

		height: 120px;

	}

	.main .servicesSupportBox .list .icon2,

	.main .servicesSupportBox .list .icon1{

		height: 40px;

		margin-top: 18px;

	}

	.main .servicesSupportBox .list .text{

		font-size: 14px;

		margin-top: 20px;

	}

}

.main .friendlyLink{

	padding: 10px;

	box-sizing: border-box;

}

.main .friendlyLink .list{

	width: 200px;

	height: auto;

	text-align: center;

	padding: 0px;

	box-sizing: border-box;

}

.main .friendlyLink .list a{

	width: 100%;

	height: 100%;

}

.main .friendlyLink .list a:hover{

	box-shadow: none;

}

.main .friendlyLink .list img{

	width: 100%;

	filter: grayscale(0%);

	-webkit-filter: grayscale(0%);

	-moz-filter: grayscale(0%);

	-ms-filter: grayscale(0%);

	-o-filter: grayscale(0%);



}

.main .friendlyLink .swiper-button-next,

.main .friendlyLink .swiper-button-prev{

	display: none;

}

/* 首页end */

.columnBanner{

	margin-top: 50px;

	height: 300px;

}

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

	.columnBanner{height: 200px;}

}

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

	.columnBanner{height: 150px;}

}

.crumbsNav{

	height: 41px;

	padding: 0 14px;

	box-sizing: border-box;

}

.crumbsNav li{

	line-height: 40px;

}

.crumbsNav li a{

	font-size: 16px;

}

.crumbsNav li a:hover{

	color: #808080;

}

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

	.crumbsNav{

		height: 31px;

	}

	.crumbsNav li{

		line-height: 30px;

		padding-left: 14px;

		padding-right: 6px;

		background-size: 6px auto;

	}

	.crumbsNav li a{

		font-size: 14px;

	}

}

.container{

	width: 100%;

	clear: both;

	margin-top: 0px;

}

.container:after{content:'';height:0;display:block;clear:both}

.container .sidebar{

	width: 100%;

	float: left;

	margin: 0;

}

.container .sidebar .menu{

	position: relative;

	z-index: 20;

}

.container .sidebar .menu.on2{

	z-index: 200;

}

.container .sidebar .menu li{

	width: 50%;

	float: left;

}

.container .sidebar .menu.one li{width: 100%;position: relative;}

.container .sidebar .menu.one li{

	border-bottom: solid 1px #ddd;

}

.container .sidebar .menu.one .sub li{

	border: none;

}



.container .sidebar .menu.two li{width: 50%;}

.container .sidebar .menu.three li{width: 33.333%;}

.container .sidebar .menu.four li{width: 25%;}

.container .sidebar .menu.five li{width: 20%;}

.container .sidebar .menu.six li{width: 16.66666%;}

.container .sidebar .menu.seven li{width: 14.2857%;}

.container .sidebar .menu.eight li{width: 12.5%;}

.container .sidebar .menu.nine li{width: 11.1111%;}

.container .sidebar .menu.ten li{width: 10%;}

.container .sidebar .menu li .tit a{

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

	background: url(../images/sidebar_menu1.png) no-repeat right 6px center #f2f2f2;

	font-size: 16px;

	color: #333333;

	padding-left: 30px;

	padding-right: 50px;

	box-sizing: border-box;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.container .sidebar .menu li.on .tit a{

	background: url(../images/sidebar_menu3.png) no-repeat right 6px center #00a0e2;

	color: #fff;

}

.container .sidebar .menu li.on.on2 .tit a{

	background: url(../images/sidebar_menu2.png) no-repeat right 6px center #00a0e2;

}

.container .sidebar .menu li.on2 .tit a{

	background: url(../images/sidebar_menu4.png) no-repeat right 6px center #f2f2f2;

}

.container .sidebar .menu .sub{

	width: 100%;

	padding: 0;

	background: #f8f7f7;

	position: absolute;

	top: 50px;

	left: 0;

	z-index: 5;

}

.container .sidebar .menu.one .sub{

	position: static;

}









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

	.container .sidebar .menu li .tit a{

		background: url(../images/sidebar_menu1.png) no-repeat right 6px center #f2f2f2;

		height: 40px;

		line-height: 40px;

		font-size: 15px;

		padding-left: 20px;

		padding-right: 20px;

		/*background: url(../images/sidebar_menu1.png) no-repeat right 6px center #f2f2f2;

		background-size: 12px auto;*/

	}

	/*.container .sidebar .menu li.on .tit a{

		background: url(../images/sidebar_menu3.png) no-repeat right 6px center #00a0e2;

		background-size: 12px auto;

	}

	.container .sidebar .menu li.on.on2 .tit a{

		background: url(../images/sidebar_menu2.png) no-repeat right 6px center #00a0e2;

		background-size: 12px auto;

	}

	.container .sidebar .menu li.on2 .tit a{

		background: url(../images/sidebar_menu4.png) no-repeat right 6px center #f2f2f2;

		background-size: 12px auto;

	}*/

	.container .sidebar .menu .sub{

		top: 40px

	}

}



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

	.container .sidebar .menu .sub{

		top: 40px;

	}

}

.container .sidebar .menu .sub:after{content:'';height:0;display:block;clear:both}

.container .sidebar .menu li.on .sub{

	display: none;

}

.container .sidebar .menu .sub li{

	width: 100%;

	text-align: center;

}

.container .sidebar .menu .sub li:nth-child(odd){

	background: #fff;

}

.container .sidebar .menu .sub a{

	width: 100%;

	height: 40px;

	line-height: 40px;

	padding-left: 0px;

	display: block;

	font-size: 14px;

}

.container .sidebar .menu .sub li.on a{

	color: #00a0e2;

}

.container .sidebar .menu .sub li a:hover{

	color: #333;

}

.container .content{

	max-width: 820px;

	width: 100%;

	float: none;

	margin: 0 auto 40px auto;

	padding-top: 20px;

	clear: both;

}

.container .content .newsList{

	width: 760px;

	margin-left: 30px;

	box-sizing: border-box;

}

.container .content .newsList:after{content:'';height:0;display:block;clear:both}

.container .newsList li{

	width: 100%;

	float: left;

	margin-bottom: 60px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

	position: relative;

}

.container .newsList li a{

	width: 100%;

	height: 100%;

	display: block;

}

.container .newsList li .pic{

	width: 285px;

	height: 180px;

	float: left;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.container .newsList li .pic img{

	width: 100%;

}

.container .newsList li a:hover .pic img{

	transform: scale(1,1);

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

	-ms-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

}

.container .newsList li .text{

	width: 440px;

	float: right;

}

.container .newsList li .tit{

	height: 60px;

	line-height: 30px;

	font-size: 18px;

}

.container .newsList li a:hover .tit{

	color: #333333;

}

.container .newsList li .txt{

	height: 72px;

	line-height: 24px;

	font-size: 12px;

	margin-top: 14px;

}

.container .newsList li .info{

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	margin-top: 14px;

}

.container .newsList li .info span.date{

	padding-left: 20px;

	background: url(../images/publicityBox_info1.png) no-repeat 0 center;

	margin-right: 15px;

}

.container .newsList li .info span.see{

	padding-left: 24px;

	background: url(../images/publicityBox_info2.png) no-repeat 0 center;

	margin-right: 15px;

}

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

	.container .content .newsList{

		width: 100%;

		margin-left: 0px;

		padding: 0 20px;

	}

	.container .newsList li{

		margin-bottom: 20px;

	}

	.container .newsList li .pic{

		width: 285px;

		height: 180px;

		position: absolute;

		top: 0;

		left: 0;

		z-index: 1;

	}

	.container .newsList li .text{

		width: auto;

		float: none;

		padding-left: 300px;

		box-sizing: border-box;

	}

}

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

	.container .content .newsList{

		padding: 0 10px;

	}

	.container .newsList li{

		margin-bottom: 20px;

	}

	.container .newsList li .pic{

		width: 200px;

		height: 126px;

	}

	.container .newsList li .text{

		padding-left: 210px;

	}

	.container .newsList li .tit{

		height: 40px;

		line-height: 20px;

		font-size: 16px;

	}

	.container .newsList li .txt{

		height: 40px;

		line-height: 20px;

		font-size: 12px;

		margin-top: 10px;

		overflow:hidden;

		display:-webkit-box;

		-webkit-line-clamp:2;

		-webkit-box-orient:vertical;

		word-break:break-all;

	}

	.container .newsList li .info{

		height: 14px;

		line-height: 14px;

		font-size: 12px;

		margin-top: 12px;

	}

}

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

	.container .newsList li .pic{

		width: 140px;

		height: 88px;

	}

	.container .newsList li .text{

		padding-left: 150px;

	}

	.container .newsList li .tit{

		height: 20px;

		line-height: 20px;

		font-size: 16px;

		overflow:hidden;

		display:-webkit-box;

		-webkit-line-clamp:1;

		-webkit-box-orient:vertical;

		word-break:break-all;

	}

	.container .newsList li .txt{

		height: 36px;

		line-height: 18px;

		font-size: 12px;

		margin-top: 8px;

		overflow:hidden;

		display:-webkit-box;

		-webkit-line-clamp:2;

		-webkit-box-orient:vertical;

		word-break:break-all;

	}

	.container .newsList li .info{

		height: 14px;

		line-height: 14px;

		font-size: 12px;

		margin-top: 6px;

	}

}

.container .pagingBox{

	height: 30px;

	overflow: hidden;

}

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

	.container .pagingBox{

		margin-top: 30px;

	}

	.container .pagingBox li a{

		height: 28px;

		line-height: 28px;

		text-align: center;

		padding: 0 11px;

		border: solid 1px #e6e6e6;

		border-radius: 3px;

		display: block;

		font-size: 12px;

		color: #333333;

	}

	.container .pagingBox input,

	.container .pagingBox button{

		display: none;

	}

}

/* 新闻列表end */



.container .videoPage{

	max-width: 790px;

	width: 100%;

	margin-left: 10px;

	padding: 0 12px;

	box-sizing: border-box;

}

.container .videoPage .video .pic{

	width: 100%;

	height: 444px;

}

.container .videoPage .video .pic img{

	width: 100%;

}

.container .videoPage .video .pic:hover img{

	transform: scale(1,1);

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

	-ms-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

}

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

	.container .videoPage{

		width: 100%;

		margin-left: 0px;

	}

	.container .videoPage .video .pic{

		width: 100%;

		height: auto;

	}

	.container .videoPage .video .pic .icon{

		width: 60px;

		height: 60px;

		margin-left: -30px;

		margin-top: -30px;

		background-size: 100%;

	}

	.container .videoPage .bottomText{

		height: auto;

		padding: 12px;

	}

	.container .videoPage .bottomText .tit{

		width: 100%;

		height: 30px;

		line-height: 30px;

		font-size: 18px;

		color: #333333;

		overflow:hidden;

		display:-webkit-box;

		-webkit-line-clamp:1;

		-webkit-box-orient:vertical;

		word-break:break-all;

	}

	.container .videoPage a:hover .bottomText .tit{

		color: #00a0e2;

	}

	.container .videoPage .bottomText .txt{

		width: 100%;

		line-height: 24px;

		color: #808080;

	}

	.container .videoPage .bottomText .info{

		width: 100%;

		height: 20px;

		line-height: 20px;

		font-size: 12px;

		color: #808080;

		margin-top: 14px;

	}

	.container .videoPage .bottomText .info span.date{

		padding-left: 20px;

		background: url(../images/publicityBox_info1.png) no-repeat 0 center;

		margin-right: 15px;

	}

	.container .videoPage .bottomText .info span.see{

		padding-left: 24px;

		background: url(../images/publicityBox_info2.png) no-repeat 0 center;

		margin-right: 15px;

	}

}

/* 新闻视频end */



.container .newsDetails{

	width: 100%;

	margin-top: 0px;

}

.container .newsDetails .wrap{

	box-sizing: border-box;

	padding: 0 14px;

}

.container .newsDetails .title{

	margin: 20px 0;

}

.container .newsDetails .title .tit{

	line-height: 36px;

	font-size: 24px;

}

.container .newsDetails .title .info{

	line-height: 24px;

	font-size: 16px;

	color: #808080;

	margin-top: 10px;

}

.container .newsDetails .title .info span{

	margin: 0 30px;

}

.container .newsDetails .title .info span.date{

	background: url(../images/newsDetails_info1.gif) no-repeat 0 center;

	background-size: auto 16px;

	padding-left: 23px;

}

.container .newsDetails .title .info span.see{

	background: url(../images/newsDetails_info2.gif) no-repeat 0 center;

	background-size: auto 16px;

	padding-left: 30px;

}

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

	.container .newsDetails .title{

		margin: 10px 0;

		padding-bottom: 12px;

	}

	.container .newsDetails .title .tit{

		line-height: 24px;

		font-size: 18px;

	}

	.container .newsDetails .title .info{

		line-height: 20px;

		font-size: 14px;

		margin-top: 8px;

	}

	.container .newsDetails .title .info span{

		margin: 0 20px;

	}

	.container .newsDetails .title .info span.date{

		background: url(../images/newsDetails_info1.gif) no-repeat 0 center;

		background-size: auto 12px;

		padding-left: 20px;

	}

	.container .newsDetails .title .info span.see{

		background: url(../images/newsDetails_info2.gif) no-repeat 0 center;

		background-size: auto 12px;

		padding-left: 22px;

	}

}

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

	.container .newsDetails .title{

		margin: 10px 0;

		padding-bottom: 5px;

	}

	.container .newsDetails .title .tit{

		line-height: 20px;

		font-size: 16px;

	}

	.container .newsDetails .title .info{

		line-height: 16px;

		font-size: 12px;

		margin-top: 4px;

	}

	.container .newsDetails .title .info span{

		margin: 0 14px;

	}

	.container .newsDetails .title .info span.date{

		background: url(../images/newsDetails_info1.gif) no-repeat 0 center;

		background-size: auto 10px;

		padding-left: 20px;

	}

	.container .newsDetails .title .info span.see{

		background: url(../images/newsDetails_info2.gif) no-repeat 0 center;

		background-size: auto 10px;

		padding-left: 22px;

	}

}

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

	.container .article{

		padding: 6px 0;

	}

}

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

	.container .article{

		line-height: 30px;

		font-size: 16px;

		padding: 0;

	}

}

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

	.container .article{

		line-height: 24px;

		font-size: 14px;

	}

}

.container .recommended{

	width: 100%;

	height: 520px;

	padding-top: 80px;

}

.container .recommended .columnTitle span{

	padding-left: 55px;

}

.container .recommended .newsList{

	width: 100%;

	margin: 43px auto 0 auto;

	padding: 0 10px;

	box-sizing: border-box;

}

.container .recommended .newsList li{

	width: 33.333%;

	height: auto;

	margin-left: 0px;

	padding: 0 5px;

	box-sizing: border-box;

}

.container .recommended .newsList li .pic{

	width: 100%;

	height: auto;

}

.container .recommended .newsList li .pic img{

	width: 100%;

	display: block;

}

.container .recommended .newsList li a:hover .pic img{

	transform: scale(1,1);

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

	-ms-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

}

.container .recommended .newsList li .text{

	padding: 16px 24px;

	box-sizing: border-box;

}

.container .recommended .newsList li .tit{

	height: 60px;

	line-height: 30px;

	font-size: 18px;

}

.container .recommended .newsList li .info{

	height: 20px;

	line-height: 20px;

	margin-top: 10px;

}

.container .recommended .newsList li .info span{

	font-size: 12px;

}

.container .recommended .newsList li .info span.date{

	padding-left: 19px;

}

.container .recommended .newsList li .info span.see{

	padding-left: 25px;

}

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

	.container .recommended{

		width: 100%;

		height: auto;

		padding-top: 40px;

	}

	.container .recommended:after{content:'';height:0;display:block;clear:both}

}

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

	.container .recommended .newsList li{

		margin-bottom: 50px;

	}

	.container .recommended .newsList li .pic{

		position: static;

	}

	.container .recommended .newsList li .text{

		padding: 8px 12px;

		float: left;

	}

	.container .recommended .newsList li .tit{

		height: 48px;

		line-height: 24px;

		font-size: 16px;

	}

	.container .recommended .newsList li .info{

		height: 20px;

		line-height: 20px;

		margin-top: 0px;

	}

}

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

	.container .recommended{

		padding-top: 14px;

		background-size: auto 100%;

	}

	.container .recommended .newsList{

		width: 380px;

		margin: 20px auto;

	}

	.container .recommended .newsList li{

		width: 100%;

		max-width: 380px;

		margin-bottom: 14px;

	}

}

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

	.container .recommended .newsList{

		width: 100%;

	}

}

/*新闻页end*/

.contactPage{

	margin-top: 0;

}

.contactPage .contactBox{

	padding-bottom: 40px;

}

.contactPage .contactBox .wrap{

	padding: 0 14px;

	box-sizing: border-box;

}

.contactPage .conten{

	max-width: 500px;

	width: 100%;

	float: none;

	margin: 30px auto 0 auto;

}

.contactPage .conten .title{

	line-height: 42px;

	font-size: 36px;

}

.contactPage .conten .text{

	line-height: 30px;

	font-size: 18px;

	margin-top: 16px;

}

.contactPage .conten .text a:hover,

.contactPage .conten .text a{

	font-size: 18px;

}

.contactPage .sharebox{

	width: 100%;

	margin-top: 15px;

}

.contactPage .bdsharebuttonbox{

	width: 100%;

}

.contactPage .sharebox a{

	width: 50px;

	height: 50px;

}

.contactPage .map{

	max-width: 500px;

	width: 100%;

	height: 396px;

	float: none;

	margin: 10px auto 0 auto;

	padding-top: 20px;

}

.contactPage .contactBox2{

	padding-top: 0px;

	border-bottom: none;

}

.contactPage .contactBox2 .map{

	margin-top: 30px;

}

.contactPage .contactBox2 .conten{

	margin-top: 30px;

}

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

	.contactPage .contactBox{

		padding-bottom: 14px;

	}

	.contactPage .conten{

		width: 100%;

		margin: 10px auto 0 auto;

	}

	.contactPage .conten .title{

		line-height: 32px;

		font-size: 28px;

	}

	.contactPage .conten .text{

		line-height: 24px;

		font-size: 16px;

		margin-top: 16px;

	}

	.contactPage .conten .text a:hover,

	.contactPage .conten .text a{

		margin-top: 16px;

	}

	.contactPage .sharebox{

		width: 100%;

		margin-top: 12px;

	}

	.contactPage .sharebox a{

		width: 40px;

		height: 40px;

		background-size: 100% auto;

		margin-right: 10px;

	}

	.contactPage .map{

		height: auto;

		margin: 20px auto 0 auto;

	}

	.contactPage .contactBox2 .map{

		margin-top: 16px;

	}

	.contactPage .contactBox2 .conten{

		margin-top: 30px;

	}

}



.consultation{

	width: 100%;

	height: auto;

	padding: 30px 14px 50px 14px;

	box-sizing: border-box;

	background-size: auto 100%;

}

.consultation .wrap{

	margin-top: 40px;

}

.consultation .columnTitle span{

	padding-left: 53px;

}

.consultation .row{

	max-width: 600px;

	width: 100%;

	margin: 0 auto;

	position: relative;

}

.consultation .inpuBox{

	max-width: 570px;

	width: 100%;

	height: 40px;

	float: none;

	margin: 0 auto 20px auto;

	position: relative;

}

.consultation .inpuBox:nth-child(even){

	margin: 0 auto 20px auto;

}

.consultation .tit{

	width: 157px;

	height: 38px;

	line-height: 38px;

	font-size: 14px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

}

.consultation .inpuBox input{

	width: 100%;

	height: 38px;

	line-height: 38px;

	padding: 0 26px 0 163px;

	float: none;

	font-size: 14px;

}

.consultation .textBox{

	max-width: 570px;

	width: 100%;

	height: 130px;

	margin: 0 auto 20px auto;

	position: relative;

}

.consultation .textBox textarea{

	width: 100%;

	height: 128px;

	float: right;

	line-height: 22px;

	font-size: 14px;

	padding: 12px 26px 0 163px;

	float: none;

}

.consultation .inpuBox2{

	width: 60%;

	margin: 0 0 0 14px;

	float: none;

}

.consultation .verificationCode{

	width: 130px;

	height: 40px;

	text-align: right;

	margin-right: 14px;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 1;

}

.consultation .btnBox{

	width: 100%;

	float: right;

	margin-top: 50px;

}

.consultation .btnBox .btn{

	width: 40%;

	float: left;

	margin-left: 14px;

}

.consultation .btnBox .btn:nth-child(2){

	float: right;

	margin-right: 14px;

}

.consultation .btnBox .btn button,

.consultation .btnBox .btn a,

.consultation .btnBox .btn input{

	width: 100%;

	height: 38px;

	line-height: 36px;

	margin: 0px;

	font-size: 18px;

}

.consultation .btnBox .btn button:hover,

.consultation .btnBox .btn a:hover,

.consultation .btnBox .btn input:hover{

	border: solid 1px #fff;

	background: none;

}

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

	.consultation{

		padding: 30px 14px 40px 14px;

	}

	.consultation .wrap{

		margin-top: 30px;

	}

	.consultation .tit{

		width: 120px;

		font-size: 14px;

	}

	.consultation .inpuBox input{

		padding: 0 14px 0 124px;

	}

	.consultation .textBox{

		height: 88px;

	}

	.consultation .textBox textarea{

		height: 86px;

		line-height: 18px;

		font-size: 14px;

		padding: 8px 14px 0 124px;

	}

	.consultation .inpuBox2{

		width: 60%;

		margin: 0;

		float: none;

	}

	.consultation .verificationCode{

		width: 130px;

		height: 40px;

		margin-right: 0;

	}

	.consultation .btnBox{

		margin-top: 40px;

	}

	.consultation .btnBox .btn{

		width: 40%;

		margin-left: 0px;

	}

	.consultation .btnBox .btn:nth-child(2){

		margin-right: 0px;

	}

}

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

	.consultation .inpuBox2{

		width: 60%;

		margin: 0;

		float: none;

	}

	.consultation .verificationCode{

		width: 115px;

		height: 35px;

		margin-top: 3px;

	}

}

/*联系我们end*/

.container .technology{

	width:100%;

	height: 250px;

	position: relative;

	overflow: hidden;

	height: 180px;

}

.container .technology .wrap{

	width: 100%;

}

.container .technology .wrap1{

	width: 100%;

	margin: 0;

}

.container .technology .support{

	width: 34%;

	float: left;

	padding:20px;

	box-sizing: border-box;

}

.container .technology .title{

	line-height: 36px;

	font-size: 32px;

	margin-top: 0px;

}

.container .technology .row{

	margin-top: 24px;

}

.container .technology .download .list,

.container .technology .list{

	width: 80%;

}

.container .technology .list li{

	width: 100%;

	margin-bottom: 16px;

	background: url(../images/applicationField_list.png) no-repeat 0px center;

	padding-left: 14px;

}

.container .technology .list li a{

	height: 30px;

	line-height: 30px;

	font-size: 18px;

}

.container .technology .more{

	width: 45px;

	float: left;

	margin-top: 8px;

	margin-right: 0px;

}

.container .technology .more a{

	width: 40px;

	height: 40px;

}

.container .technology .more a:hover{

	padding-left: 0px;

}

.container .technology .download{

	width: 66%;

	height: auto;

	float: left;

	padding: 20px;

	box-sizing: border-box;

}

.container .technology .download .list li{

	width: 50%;

}

.container .technology .download .more{

	margin-right: 0px;

}

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

	.container .technology .bg2,

	.container .technology .bg1{

		display: none;

	}

	.container .technology{

		width:100%;

		height: auto;

		position: relative;

		overflow: hidden;

	}

	.container .technology .wrap{

		position: static;

	}

	.container .technology .support{

		width: 100%;

		padding: 20px;

	}

	.container .technology .title{

		line-height: 36px;

		font-size: 28px;

	}

	.container .technology .row{

		margin-top: 14px;

	}

	.container .technology .list{

		width: 90%;

	}

	.container .technology .list li{

		width: 100%;

		margin-bottom: 6px;

		padding-left: 14px;

	}

	.container .technology .list li a{

		font-size: 16px;

	}

	.container .technology .more{

		width: 40px;

		float: right;

		margin-top: 8px;

		margin-right: 0px;

	}

	.container .technology .more a{

		width: 30px;

		height: 30px;

		background-size: 100%;

	}

	.container .technology .download{

		width: 100%;

		height: auto;

		padding: 20px;

	}

	.container .technology .download .list{

		width: 80%

	}

	.container .technology .download .list li{

		width: 50%;

	}

}

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

	.container .technology .title{

		line-height: 30px;

		font-size: 20px;

	}

	.container .technology .list{

		width: 80%;

	}

	.container .technology .download .list li{

		width: 100%;

	}

	.container .technology .list li a{

		height: 20px;

		line-height: 20px;

		font-size: 14px;

	}

}



/*应用领域一级菜单end*/

.applicationField .appBox{

	padding: 40px 0;

}

.applicationField .appBox .columnTitle span{

	padding-left: 40px;

}

.applicationField .appBox .swiper-container{

	margin-top: 50px;

	margin-bottom: 10px;

}

.applicationField .appBox .list{

	padding: 0 10px;

}

.applicationField .appBox .list .pic{

	height: 100px;

}

.applicationField .appBox .list .text{

	line-height: 22px;

	font-size: 18px;

	margin-top: 30px;

}

.applicationField .appBox .list a:hover .text{

	color: #333;

}

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

	.applicationField .appBox{

		padding: 20px 0;

	}

	.applicationField .appBox .columnTitle span{

		padding-left: 40px;

	}

	.applicationField .appBox .swiper-container{

		margin-top: 30px;

		margin-bottom: 0px;

	}

	.applicationField .appBox .list{

		padding: 0 5px;

	}

	.applicationField .appBox .list .pic{

		height: 70px;

	}

	.applicationField .appBox .list .text{

		line-height: 18px;

		font-size: 14px;

		margin-top: 20px;

	}

}

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

	.applicationField .appBox .columnTitle span{

		padding-left: 30px;

	}

}

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

	.applicationField .appBox{

		padding: 20px 0;

	}

	.applicationField .appBox .swiper-container{

		margin-top: 20px;

		margin-bottom: 0px;

	}

	.applicationField .appBox .list{

		padding: 0 5px;

	}

	.applicationField .appBox .list .pic{

		height: 60px;

	}

	.applicationField .appBox .list .text{

		line-height: 18px;

		font-size: 12px;

		margin-top: 16px;

	}

}

.peculiarity{

	padding: 40px 0;

}

.peculiarityList li .pic{

	height: 77px;

}

.peculiarityList li .text{

	line-height: 24px;

	font-size: 20px;

	margin-top: 26px;

}

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

	.peculiarity{

		padding: 20px 0;

	}

	.peculiarityList li .pic{

		height: 50px;

	}

	.peculiarityList li .text{

		line-height: 20px;

		font-size: 16px;

		margin-top: 22px;

	}

}

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

	.peculiarityList li .pic{

		height: 40px;

	}

	.peculiarityList li .text{

		line-height: 18px;

		font-size: 14px;

		margin-top: 14px;

	}

}

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

	.peculiarityList li .pic{

		height: 30px;

	}

	.peculiarityList li .text{

		line-height: 16px;

		font-size: 12px;

		margin-top: 12px;

	}

}

/*应用领域内页end*/

.productPage .receiver{

	padding:  40px 0;

}

.productPage .receiver .swiperList{

	margin-top: 40px;

}

.productPage .receiver .list .pic2,

.productPage .receiver .list .pic{

	height: 90px;

}

.productPage .receiver .list .text{

	line-height: 22px;

	font-size: 18px;

	margin-top: 20px;

}

.productPage .receiver .list a:hover .text{

	color: #333;

}

.productPage .receiver .swiper-button-next,

.productPage .receiver .swiper-button-prev{

	top: 100px;

	display: none;

}

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

	.productPage .receiver{

		padding:  20px 0;

	}

	.productPage .receiver .swiperList{

		margin-top: 20px;

	}

	.productPage .receiver .list .pic2,

	.productPage .receiver .list .pic{

		height: 50px;

	}

	.productPage .receiver .list .text{

		line-height: 20px;

		font-size: 12px;

		margin-top: 10px;

	}

}

.productPage .module{

	width: 100%;

	height: auto;

	padding: 40px 0;

}

.productPage .module:after{content:"";height:0;display:block;clear:both}

.productPage .module .moduleList{

	width: 100%;

	margin-top: 36px;

	padding: 0 10px;

	box-sizing: border-box;

}

.productPage .module .moduleList .list{

	width: 50%;

 	float: left;

 	padding: 0 10px;

 	margin: 0;

 	box-sizing: border-box;

}

.productPage .module .moduleList .list:nth-child(2n+1){

	margin: 0;

}

.productPage .module .moduleList .list .pic{

 	width: 100%;

 	height: auto;

}

.productPage .module .moduleList .list .pic img{

	width: 100%;

	display: block;

}

.productPage .moduleList .list a:hover .pic img{

	transform: scale(1,1);

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

	-ms-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

}

.productPage .module .moduleList .list .text{

	font-size: 30px;

}

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

	.productPage .module .moduleList .list{

	 	padding: 0 5px;

	}

	.productPage .module .moduleList .list .text{

		font-size: 24px;

	}

}

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

	.productPage .module{

		padding: 20px 0 0 0;

		background-size: auto 100%;

	}

	.productPage .module .moduleList .list{

		width: 100%;

	 	padding: 0 10px;

	 	padding-bottom: 20px;

	}

	.productPage .module .moduleList .list .text{

		font-size: 20px;

	}

}



.productPage .spareParts{

	padding: 40px 0;

}

.productPage .spareParts .columnTitle span{

	padding-left: 26px;

}

.productPage .spareParts .sparePartsList{

	margin-top: 30px;

}

.productPage .sparePartsList li .pic2,

.productPage .sparePartsList li .pic{

	height: 80px;

}

.productPage .sparePartsList li .text{

	line-height: 22px;

	font-size: 18px;

	margin-top: 24px;

}

.productPage .sparePartsList li a:hover .text{

	color: #333333;

}

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

	.productPage .spareParts{

		padding: 20px 0;

	}

	.productPage .spareParts .sparePartsList{

		margin-top: 20px;

	}

	.productPage .sparePartsList li .pic2,

	.productPage .sparePartsList li .pic{

		height: 60px;

	}

	.productPage .sparePartsList li .text{

		line-height: 20px;

		font-size: 14px;

		margin-top: 12px;

	}

}

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

	.productPage .sparePartsList li .pic2,

	.productPage .sparePartsList li .pic{

		height: 40px;

	}

	.productPage .sparePartsList li .text{

		line-height: 16px;

		font-size: 12px;

	}

}

/*产品中心end*/



.productPage .productList{

	padding: 40px 0 0px 0;

}

.productPage .productList .wrap{

	width: 100%;

	padding: 0 10px;

	box-sizing: border-box;

}

.productPage .productList .row{

	padding: 0 0 30px 0;

}

.productPage .productList .columnTitle span{

	padding-left: 65px;

}

.productPage .productList .list{

	margin-top: 30px;

}

.productPage .productList .list ul{

	width: 100%;

}

.productPage .productList .list li{

	width: 33.333%;

	margin-left: 0px;

	padding: 0 10px;

	margin-bottom: 20px;

}

.productPage .productList .list li a{

	padding-bottom: 14px;

}

.productPage .productList .list li a:hover{

	border: solid 2px #f2f2f2;

}

.productPage .productList .list li .title{

	height: 50px;

	line-height: 50px;

	font-size: 20px;

}

.productPage .productList .list li a:hover .title{

	border-bottom: solid 2px #f2f2f2;

	background: none;

	color: #333333;

}

.productPage .productList .list li .title span{

	height: 50px;

	padding: 0 20px;

}

.productPage .productList .list li .title span.tit2{

	display: none;

}

.productPage .productList .list li a:hover .title span.tit1{

	display: block;

}

.productPage .productList .list li a:hover .title span.tit2{

	display: none;

}

.productPage .productList .list li .title .tag2,

.productPage .productList .list li .title .tag1{

	width: 33px;

	height: 41px;

	right: 18px;

}

.productPage .productList .list li a:hover .title .tag2,

.productPage .productList .list li a:hover .title .tag1{

	display: block;

}

.productPage .productList .list li .pic{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.productPage .productList .list li a:hover .pic{

	display: block;

}

.productPage .productList .list li a:hover .pic2{

	display: none;

}

.productPage .productList .list li .text{

	height: 20px;

	line-height: 20px;

	padding: 0 10px;

	font-size: 14px;

	color: #808080;

}

.productPage .productList .list li a:hover .text{

	display: block;

}

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

	.productPage .productList{

		padding: 20px 0 0px 0;

	}

	.productPage .productList .wrap{

		padding: 0 5px;

	}

	.productPage .productList .row{

		padding: 0 0 30px 0;

	}

	.productPage .productList .list{

		margin-top: 20px;

	}

	.productPage .productList .list li{

		padding: 0 5px;

		margin-bottom: 10px;

	}

	.productPage .productList .list li a{

		padding-bottom: 10px;

	}

	.productPage .productList .list li a:hover{

		border: solid 1px #f2f2f2;

	}

	.productPage .productList .list li .title{

		height: 36px;

		line-height: 36px;

		font-size: 16px;

	}

	.productPage .productList .list li a:hover .title{

		border-bottom: solid 1px #f2f2f2;

	}

	.productPage .productList .list li .title span{

		height: 36px;

		padding: 0 10px;

	}

	.productPage .productList .list li .title .tag2,

	.productPage .productList .list li .title .tag1{

		width: 22px;

		height: 27px;

		right: 5px;

		background-size: 100% auto;

	}

	.productPage .productList .list li .text{

		height: 16px;

		line-height: 16px;

		padding: 0 10px;

		font-size: 14px;

	}

}

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

	.productPage .productList .list{

		margin-top: 10px;

	}

	.productPage .productList .list li{

		width: 50%;

	}

}

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

	.productPage .productList .columnTitle span{

		padding-left: 45px;

	}

}

/*产品列表end*/

.productBanner{

	margin-top: 50px;

}

.productBanner .swiper-container .swiper-pagination{

	height: 10px;

	bottom: 16px;

}

.productBanner .swiper-container .swiper-pagination span{

	width: 8px;

	height: 8px;

	margin: 0 20px;

}

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

	.productBanner .swiper-container .swiper-pagination{

		bottom: 10px;

	}

	.productBanner .swiper-container .swiper-pagination span{

		width: 4px;

		height: 4px;

		margin: 0 10px;

	}

}

.productPage .headBox{

	background-size: auto 100%;

}

.productPage .headBox .wrap{

	height: 110px;

}

.productPage .headBox .title{

	line-height: 30px;

	font-size: 26px;

	margin-top: 18px;

	padding: 0 20px;

	box-sizing: border-box;

}

.productPage .headBox .tab .list a{

	height: 40px;

	line-height: 40px;

	margin-top: 2px;

	padding: 0 10px;

	font-size: 16px;

}

.productPage .headBox .tab .list.on a{

	height: 42px;

}

.productPage .headBox .swiper-button-next,

.productPage .headBox .swiper-button-prev{

	display: none;

}

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

	.productPage .headBox .wrap{

		height: 75px;

	}

	.productPage .headBox .title{

		font-size: 20px;

		margin-top: 5px;

	}

	.productPage .headBox .tab .list a{

		height: 30px;

		line-height: 30px;

		margin-top: 1px;

		padding: 0 5px;

		font-size: 14px;

	}

	.productPage .headBox .tab .list.on a{

		height: 31px;

	}

}

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

	.productPage .headBox .tab .list a{

		font-size: 12px;

	}

}

.productPage .productDetails{

	padding-bottom: 96px;

}

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

	.productPage .productDetails{

		padding-bottom: 46px;

	}

}



.productPage .productDetails .peculiarity{

	padding: 40px 0;

}

.productPage .productDetails .peculiarityList li .text{

	line-height: 24px;

	font-size: 20px;

	margin-top: 26px;

}

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

	.productPage .productDetails .peculiarity{

		padding: 20px 0;

	}

	.productPage .productDetails .peculiarityList li .text{

		line-height: 20px;

		font-size: 16px;

		margin-top: 22px;

	}

}

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

	.productPage .productDetails .peculiarityList li .text{

		line-height: 18px;

		font-size: 14px;

		margin-top: 14px;

	}

}

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

	.productPage .productDetails .peculiarityList li .text{

		line-height: 16px;

		font-size: 12px;

		margin-top: 12px;

	}

}

.productPage .productDetails .title{

	line-height: 30px;

	font-size: 26px;

}

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

	.productPage .productDetails .title{

		font-size: 20px;

		margin-top: 5px;

	}

}

.productPage .parameter{

	padding: 0 20px;

	box-sizing: border-box;

	margin-top: 20px;

}

.productPage .parameter table{

	margin-top: 16px;

}

.productPage .parameter table td{

	height: 50px;

	font-size:14px;

}

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

	.productPage .parameter table td{

		height: 40px;

		font-size:12px;

	}

}

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

	.productPage .parameter{

		padding: 0 10px;

		margin-top: 0px;

	}

	.productPage .parameter table{

		margin-top: 6px;

	}

	.productPage .parameter table td{

		height: 34px;

	}

}



.productPage .curve{

	margin-top: 60px;

	padding: 0 20px;

	box-sizing: border-box;

}

.productPage .curve .article{

	border: solid 2px #f2f2f2;

	margin-top: 20px;

}

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

	.productPage .curve{

		margin-top: 40px;

		padding: 0 10px;

	}

	.productPage .curve .article{

		border: solid 1px #f2f2f2;

		margin-top: 10px;

	}

}

.productPage .productDetails .btn{

	width: 100%;

	margin-top: 40px;

}

.productPage .productDetails .btn a,

.productPage .productDetails .btn button,

.productPage .productDetails .btn input{

	width: 118px;

	height: 38px;

	line-height: 38px;

	font-size: 14px;

}

/*产品详情end、产品页end*/

.servicePage .title{

	line-height: 36px;

	font-size: 36px;

}

.servicePage .title a{

	font-size: 36px;

}

.servicePage .recommend{

	padding: 40px 20px;

	box-sizing: border-box;

}

.servicePage .recommend .wrap{

	width: 100%;

}

.servicePage .recommend .wrap .row{

	padding: 20px 20px 0 20px;

}

.servicePage .recommend .title{

	width: auto;

}

.servicePage .recommend .searchBar{

	width: 300px;

	height: 40px;

}

.servicePage .recommend .searchBar .inpu{

	width:259px;

	height: 38px;

}

.servicePage .recommend .searchBar .inpu input{

	height: 38px;

	line-height: 38px;

	padding: 0 10px;

}

.servicePage .recommend .searchBar .btn{

	width: 38px;

	height: 38px;

}

.servicePage .recommend .product{

	margin-top: 30px;

	margin-bottom: 34px;

	padding: 0 29px;

}

.recommend .product .swiper-button-next,

.recommend .product .swiper-button-prev{

	display: none;

}

.servicePage .recommend .list{

	width: 210px;

	height: auto;

	padding: 20px 0;

}

.servicePage .recommend .list .pic{

	width: 100%;

	height: auto;

}

.servicePage .recommend .list .pic img{

	max-width: 100%;

}

.servicePage .recommend .list a:hover .pic img{

	transform: scale(1,1);

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

	-ms-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

}

.servicePage .recommend .list .text{

	height: 24px;

	line-height: 24px;

	padding: 0 5px;

	font-size:18px;

}

.servicePage .recommend .list a:hover .text{

	color: #ccc;

}

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

	.servicePage .title{

		line-height: 30px;

		font-size: 24px;

	}

	.servicePage .title a{

		font-size: 24px;

	}

	.servicePage .recommend{

		padding: 20px 10px;

	}

	.servicePage .recommend .wrap .row{

		padding: 10px 10px 0 10px;

	}

	.servicePage .recommend .searchBar{

		width: 290px;

		height: 30px;

	}

	.servicePage .recommend .searchBar .inpu{

		width:259px;

		height: 28px;

	}

	.servicePage .recommend .searchBar .inpu input{

		height: 28px;

		line-height: 28px;

		padding: 0 5px;

	}

	.servicePage .recommend .searchBar .btn{

		width: 28px;

		height: 28px;

	}

	.servicePage .recommend .product{

		margin-top: 20px;

		margin-bottom: 14px;

		padding: 0 10px;

	}

	.servicePage .recommend .list{

		width: auto;

		height: auto;

		padding: 5px 0;

	}

	.servicePage .recommend .list .text{

		height: 20px;

		line-height: 20px;

		padding: 0 5px;

		font-size:16px;

	}

}











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

	/*.servicePage .recommend .searchBar{

		width: 100%;

		margin-top: 10px;

	}

	.servicePage .recommend .searchBar .inpu{

		width: 100%;

		height: 28px;

		float: none;

		padding-right: 38px;

		box-sizing: border-box;

		border-right: none;

	}

	.servicePage .recommend .searchBar .inpu input{

		height: 28px;

		line-height: 28px;

		padding: 0 5px;



	}

	.servicePage .recommend .searchBar .btn{

		width: 28px;

		height: 28px;

		float: right;

		border-left: solid 1px #cccccc;

	}*/

	.servicePage .recommend .searchBar{

		float: left;

		margin-top: 10px;

		clear: both;

	}

}







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

	.servicePage .title{

		line-height: 26px;

		font-size: 20px;

	}

	.servicePage .title a{

		font-size: 20px;

	}

	.servicePage .recommend{

		padding: 0px;

	}

	.servicePage .recommend .wrap{

		border: none;

	}

	.servicePage .recommend .wrap .row{

		padding: 10px 10px 0 10px;

	}

	.servicePage .recommend .searchBar{

		width: 200px;

		height: 30px;

	}

	.servicePage .recommend .searchBar .inpu{

		width:168px;

		height: 28px;

	}

	.servicePage .recommend .product{

		margin-top: 10px;

	}

	.servicePage .recommend .list .text{

		padding: 0 4px;

		font-size:14px;

	}

}



.servicePage .customer{

	height: auto;

	background-size: auto 100%;

	padding: 90px 20px;

}

.servicePage .title{

	width: 100%;

	padding-top: 0px;

}

.servicePage .slogan{

	width: 100%;

	line-height: 26px;

	font-size: 20px;

	color: #333333;

	clear: both;

	margin-top: 30px;

}

.servicePage .btnList{

	width: 100%;

	margin-top: 48px;

}

.servicePage .btnList a{

	width: auto;

	height: 38px;

	line-height: 38px;

	text-align: center;

	float: left;

	padding-left: 43px;

	padding-right: 18px;

	border: solid 1px #cccccc;

	margin-right: 30px;

	font-size: 14px;

	color: #333333;

	background: no-repeat 12px center;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.servicePage .btnList a:hover{

	box-shadow: 0px 0px 3px 0px #00a0e2;

	border: solid 1px #00a0e2;

}

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

	.servicePage .customer{

		padding: 60px 20px;

	}

	.servicePage .slogan{

		line-height: 20px;

		font-size: 16px;

		margin-top: 20px;

	}

	.servicePage .btnList{

		width: 100%;

		margin-top: 34px;

	}

	.servicePage .btnList a{

		height: 30px;

		line-height: 30px;

		padding-left: 33px;

		padding-right: 12px;

		margin-right: 10px;

		background: no-repeat 8px center;

	}

	.servicePage .btnList a:hover{

		box-shadow: none;

		border: solid 1px #cccccc;

	}

}

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

	.servicePage .customer{

		padding: 36px 20px;

	}

	.servicePage .slogan{

		line-height: 20px;

		font-size: 14px;

		margin-top: 10px;

	}

	.servicePage .btnList{

		margin-top: 14px;

	}

	.servicePage .btnList a{

		height: 26px;

		line-height: 26px;

		padding-left: 26px;

		padding-right: 10px;

		margin-right: 5px;

		margin-bottom: 5px;

		background: no-repeat 4px center;

		font-size: 12px;

	}

}



.servicePage .technicalSupport{

	height: auto;

	background-size: auto 100%;

	padding: 30px 20px;

}

.servicePage .technicalSupport .title{

	padding-top: 0px;

}

.servicePage .technicalSupport .line{

	margin-top: 30px;

}

.servicePage .technicalSupport .searchBox{

	margin-top: 30px;

}

.servicePage .technicalSupport .searchBox .tit{

	line-height: 20px;

	font-size: 18px;

}

.servicePage .technicalSupport .searchBox .searchBar{

	width: 300px;

	height: 40px;

	margin-top: 26px;

}

.servicePage .technicalSupport .searchBar .inpu{

	width: 259px;

	height: 38px;

}

.servicePage .technicalSupport .searchBar .inpu input{

	height: 38px;

	line-height: 38px;

	padding: 0 10px;

}

.servicePage .technicalSupport .searchBar .btn{

	width: 39px;

	height: 38px;

}

.servicePage .technicalSupport .searchBox .text{

	line-height: 22px;

	font-size: 14px;

	margin-top: 18px;

}

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

	.servicePage .technicalSupport .line{

		margin-top: 20px;

	}

	.servicePage .technicalSupport .searchBox{

		margin-top: 20px;

	}

	.servicePage .technicalSupport .searchBox .tit{

		font-size: 14px;

	}

	.servicePage .technicalSupport .searchBox .searchBar{

		width: 290px;

		height: 30px;

		margin-top: 10px;

	}

	.servicePage .technicalSupport .searchBar .inpu{

		width: 259px;

		height: 28px;

	}

	.servicePage .technicalSupport .searchBar .inpu input{

		height: 28px;

		line-height: 28px;

		padding: 0 5px;

	}

	.servicePage .technicalSupport .searchBar .btn{

		width: 29px;

		height: 28px;

	}

	.servicePage .technicalSupport .searchBox .text{

		font-size: 12px;

		margin-top: 16px;

	}

}

.servicePage .downloadCenter{

	background-size: auto 100%;

	height: auto;

	padding: 90px 20px;

}

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

	.servicePage .downloadCenter{

		padding: 40px 20px;

	}

}

/*服务与支持一级



.container .bigMenu{

	margin: 30px 0;

}

.container .bigMenu li{

	margin: 0 25px;

}

.container .bigMenu li a{

	width: 90px;

	height: 90px;

}

.container .bigMenu li a:hover{

	background: #f2f2f2;

}

.container .bigMenu li .icon2,

.container .bigMenu li .icon1{

	height: 40px;

	margin-top: 8px;

}

.container .bigMenu li .icon2{

	display: none;

}

.container .bigMenu li a:hover .icon1{

	display: block;

}

.container .bigMenu li.on .icon1{

	display: none;

}

.container .bigMenu li a:hover .icon2{

	display: none;

}

.container .bigMenu li.on .icon2{

	display: block;

}

.container .bigMenu li .text{

	line-height: 20px;

	font-size: 14px;

	color: #333333;

	margin-top: 6px;

}

.container .bigMenu li a:hover .text{

	color: #333333;

}

.container .bigMenu li.on .text{

	color: #fff;

}

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

	.container .bigMenu ul{

		width: 100%;

	}

	.container .bigMenu li{

		width: 50%;

		float: left;

		box-sizing: border-box;

		margin: 0;

		text-align: center;

	}

	.container .bigMenu.two li{width: 50%;}

	.container .bigMenu.three li{width: 33.333%;}

	.container .bigMenu.four li{width: 25%;}

	.container .bigMenu.five li{width: 20%;}

	.container .bigMenu.six li{width: 16.66666%;}

	.container .bigMenu.seven li{width: 14.2857%;}

	.container .bigMenu.eight li{width: 12.5%;}

	.container .bigMenu.nine li{width: 11.1111%;}

	.container .bigMenu.ten li{width: 10%;}

	.container .bigMenu li a{

		width: 90px;

		height: 90px;

		margin: 0 auto;

	}

}

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

	.container .bigMenu{

		margin: 20px 0;

	}

	.container .bigMenu li a{

		width: 70px;

		height: 70px;

	}

	.container .bigMenu li .icon2,

	.container .bigMenu li .icon1{

		height: 30px;

		margin-top: 4px;

	}

	.container .bigMenu li .text{

		line-height: 16px;

		font-size: 12px;

		margin-top: 4px;

	}

}



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

	.container .content .downloadList{

		width: 100%;

		padding: 0 20px;

		box-sizing: border-box;

	}

	.container .content .downloadList li{

		width: 100%;

		padding: 14px;

		margin-bottom: 20px;

	}

	.container .content .downloadList li .pic{

		width: 110px;

		height: 110px;

	}

	.container .content .downloadList li .text{

		padding-left: 130px;

	}

	.container .content .downloadList li .tit{

		height: 60px;

		line-height: 20px;

		font-size: 16px;

	}

	.container .content .downloadList li .row{

		margin-top: 30px;

	}

	.container .content .downloadList li .btn a:hover{

		color: #808080;

	}

}

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

	.container .content .downloadList{

		padding: 0 10px;

	}

	.container .content .downloadList li{

		padding: 10px;

		margin-bottom: 10px;

	}

	.container .content .downloadList li .pic{

		width: 110px;

		height: 110px;

	}

	.container .content .downloadList li .text{

		padding-left: 120px;

	}

	.container .content .downloadList li .tit{

		height: 60px;

		line-height: 20px;

		font-size: 16px;

	}

	.container .content .downloadList li .row{

		margin-top: 30px;

	}

}

/*下载中心end*/



.container .serviceArticle{

	padding: 30px 40px;

	box-sizing: border-box;

}

.container .serviceArticle .wrap{

	width: 100%;

}

.container .serviceArticle .article{

	width: 100%;

	line-height: 30px;

	font-size: 20px;

}

.container .serviceArticle .article .tit{

	font-size: 30px;

	line-height: 40px;

}

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

	.container .serviceArticle{

		padding: 30px 40px;

	}

	.container .serviceArticle .article{

		line-height: 22px;

		font-size: 14px;

	}

	.container .serviceArticle .article .tit{

		font-size: 24px;

		line-height: 30px;

	}

}

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

	.container .serviceArticle{

		padding: 20px;

	}

	.container .serviceArticle .article .tit{

		font-size: 24px;

		line-height: 26x;

	}

}

/*下载中心end*/



.container .commonProblems{

	padding: 40px 20px;

	box-sizing: border-box;

}

.container .commonProblems .problemsList{

	margin-top: 40px;

}

.commonProblems .problemsList li{

	padding: 20px 0;

	background: url(../images/problemsList.gif) no-repeat right 35px top 30px;

}

.commonProblems .problemsList li .question{

	line-height: 30px;

	font-size: 22px;

	padding-right: 100px;

}

.commonProblems .problemsList li .answer{

	height: 30px;

	line-height: 30px;

	font-size: 18px;

	margin-top: 15px;

	padding-right: 100px;

}

.commonProblems .moreBtn{

	width: 100%;

	margin-top: 40px;

}

.commonProblems .moreBtn button:hover,

.commonProblems .moreBtn input:hover,

.commonProblems .moreBtn a:hover{

	background: none;

	color: #00a0e2;

}

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

	.container .commonProblems{

		padding: 30px 14px;

	}

	.container .commonProblems .problemsList{

		margin-top: 30px;

	}

	.commonProblems .problemsList li{

		padding: 12px 0;

		background: url(../images/problemsList.gif) no-repeat right 5px top 16px;

		background-size: 12px auto;

	}

	.commonProblems .problemsList li .question{

		line-height: 24px;

		font-size: 18px;

		padding-right: 50px;

	}

	.commonProblems .problemsList li .answer{

		height: 22px;

		line-height: 22px;

		font-size: 14px;

		margin-top: 10px;

		padding-right: 50px;

	}

	.commonProblems .moreBtn{

		width: 100%;

		margin-top: 30px;

	}

	.commonProblems .moreBtn button:hover,

	.commonProblems .moreBtn input:hover,

	.commonProblems .moreBtn a:hover{

		background: none;

		color: #00a0e2;

	}

}

/*服务与支持end*/



.aboutPage{

	width: 100%;

}

.aboutPage .oneTitle{

	width: 100%;

	padding-top: 0px;

}

.aboutPage .slogan{

	width: 100%;

	line-height: 26px;

	font-size: 20px;

	color: #333333;

	clear: both;

	margin-top: 30px;

}

.aboutPage .btnList{

	width: 100%;

	margin-top: 48px;

}

.aboutPage .btnList:after{content:"";height:0;display:block;clear:both}

.aboutPage .btnList a{

	width: auto;

	height: 38px;

	line-height: 38px;

	text-align: center;

	float: left;

	padding-left: 43px;

	padding-right: 18px;

	border: solid 1px #cccccc;

	margin-right: 30px;

	margin-bottom: 10px;

	font-size: 14px;

	color: #333333;

	background: no-repeat 12px center;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.aboutPage .btnList a:hover{

	box-shadow: 0px 0px 3px 0px #00a0e2;

	border: solid 1px #00a0e2;

}

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

	.aboutPage .oneTitle{

		line-height: 30px;

		font-size: 24px;

	}

	.aboutPage .slogan{

		line-height: 20px;

		font-size: 16px;

		margin-top: 20px;

	}

	.aboutPage .btnList{

		width: 100%;

		margin-top: 34px;

	}

	.aboutPage .btnList a{

		height: 30px;

		line-height: 30px;

		padding-left: 33px;

		padding-right: 12px;

		margin-right: 10px;

		background: no-repeat 8px center;

	}

	.aboutPage .btnList a:hover{

		box-shadow: none;

		border: solid 1px #cccccc;

	}

}

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

	.aboutPage .oneTitle{

		line-height: 26px;

		font-size: 20px;

	}

	.aboutPage .slogan{

		line-height: 20px;

		font-size: 14px;

		margin-top: 10px;

	}

	.aboutPage .btnList{

		margin-top: 14px;

	}

	.aboutPage .btnList a{

		height: 26px;

		line-height: 26px;

		padding-left: 26px;

		padding-right: 10px;

		margin-right: 5px;

		background: no-repeat 4px center;

		font-size: 12px;

	}

}

.aboutPage .recruiting,

.aboutPage .market,

.aboutPage .quality,

.aboutPage .introduction{

	width: 100%;

	height: auto;

	background-size: auto 100%;

	padding: 40px 20px;

	box-sizing: border-box;

}

.aboutPage .recruiting:after{content:"";height:0;display:block;clear:both}

.aboutPage .market:after{content:"";height:0;display:block;clear:both}

.aboutPage .quality:after{content:"";height:0;display:block;clear:both}

.aboutPage .introduction:after{content:"";height:0;display:block;clear:both}

.aboutPage .quality{

	padding: 90px 20px;

}

.aboutPage .quality .oneTitle{

	width: 460px;

}

.aboutPage .quality .slogan{

	width: 460px;

}

.aboutPage .recruiting .slogan,

.aboutPage .recruiting .oneTitle{

	width: 462px;

}

.aboutPage .recruiting .btnList .row{

	width: 462px;

}

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

	.aboutPage .recruiting,

	.aboutPage .market,

	.aboutPage .quality,

	.aboutPage .introduction{

		padding: 20px;

	}

	.aboutPage .quality{

		padding: 60px 20px;

	}

	.aboutPage .quality .oneTitle,

	.aboutPage .quality .slogan,

	.aboutPage .recruiting .slogan,

	.aboutPage .recruiting .oneTitle,

	.aboutPage .recruiting .btnList .row{

		width: auto;

	}

}

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

	.aboutPage .quality{

		padding: 45px 20px;

	}

}

/*了解声倍一级*/



.aboutPage .introductionBox{

	width: 100%;

	margin: 40px 0;

	padding: 0 20px;

	box-sizing: border-box;

	line-height: 40px;

	font-size: 20px;

}

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

	.aboutPage .introductionBox{

		margin: 20px 0;

		padding: 0 15px;

		line-height: 30px;

		font-size: 16px;

	}

}



/*声倍简介end*/

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

	.aboutPage .historyBox{

		width: 100%;

		position: relative;

		margin: 60px 0 40px 0;

	}

	.aboutPage .historyBox .lineBox{

		width: 1px;

		height: 100%;

		top: 0;

		left: 50%;

		margin-left: -238px;

	}

	.aboutPage .historyBox .historyList{

		width: 525px;

		margin: 0 auto;

	}

	.historyList .yearsBox{

		padding-top: 75px;

		position: relative;

		margin-bottom: 40px;



	}

	.historyList .yearsBox .box{

		width: 80px;

		height: 80px;

		line-height: 80px;

		font-size: 24px;

		left: 0;

		margin-left: -17px;

	}

	.historyList .yearsBox .monthBox{

		width: 525px;

		margin-bottom: 40px;

	}

	.historyList .yearsBox .monthBox:nth-child(odd){

		float: right;

		margin-top: 0px;

	}

	.historyList .yearsBox .monthBox .centen{

		width: 400px;

	}

	.historyList .yearsBox.left .monthBox .centen,

	.historyList .yearsBox .monthBox:nth-child(odd) .centen{

		float: right;

	}

	.historyList .yearsBox .monthBox .centen .pic{

		width: 400px;

		height: 250px;

	}

	.historyList .yearsBox .monthBox .pic .txt{

		width: 100%;

		height: 38px;

		line-height: 38px;

		padding: 0 12px;

		font-size: 14px;

	}

	.historyList .yearsBox .monthBox .centen .text{

		width: 100%;

		height: 20px;

		line-height: 20px;

		margin-top: 16px;

		padding: 0 30px;

		font-size: 16px;

	}

	.historyList .yearsBox .monthBox .icon{

		width: 119px;

		height: 22px;

		margin-top: 59px;

	}

	.historyList .yearsBox .monthBox .icon span{

		width: 50px;

		height: 22px;

		line-height: 22px;

		border-radius: 11px;

	}

	.historyList .yearsBox.left .monthBox .icon,

	.historyList .yearsBox .monthBox:nth-child(odd) .icon{

		float: left;

	}

	.historyList .yearsBox.left .monthBox .icon span,

	.historyList .yearsBox .monthBox:nth-child(odd) .icon span{

		float: left;

	}

}

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

	.aboutPage .historyBox{

		margin: 60px 0 40px 0;

	}

	.aboutPage .historyBox .lineBox{

		margin-left: -145px;

	}

	.aboutPage .historyBox .historyList{

		width: 330px;

		margin: 0 auto;

	}

	.historyList .yearsBox{

		padding-top: 75px;

		margin-bottom: 0px;

	}

	.historyList .yearsBox .box{

		width: 60px;

		height: 60px;

		line-height: 60px;

		font-size: 18px;

		margin-left: -10px;

	}

	.historyList .yearsBox .monthBox{

		width: 330px;

		margin-bottom: 40px;

	}

	.historyList .yearsBox .monthBox .centen{

		width: 260px;

	}

	.historyList .yearsBox .monthBox .centen .pic{

		width: 260px;

		height: 162px;

	}

	.historyList .yearsBox .monthBox .pic .txt{

		height: 30px;

		line-height: 30px;

		padding: 0 12px;

		font-size: 12px;

	}

	.historyList .yearsBox .monthBox .centen .text{

		height: 20px;

		line-height: 20px;

		margin-top: 0px;

		padding: 0 12px;

		font-size: 12px;

		background: url(../images/istoryList_monthBox_text.gif) no-repeat 2px center;

	}

	.historyList .yearsBox .monthBox .icon{

		width: 70px;

		height: 18px;

		margin-top: 30px;

	}

	.historyList .yearsBox .monthBox .icon span{

		width: 40px;

		height: 18px;

		line-height: 18px;

		border-radius: 9px;

	}

}

/*发展历程end*/

.aboutPage .honorBox{

	padding: 40px 0;

}

.aboutPage .honorBox .business .list{

	margin-top: 20px;

}

.aboutPage .honorBox .business li:first-child,

.aboutPage .honorBox .business li{

	width: 25%;

	padding: 0 10px;

	box-sizing: border-box;

}

.aboutPage .honorBox .business li .text{

	line-height: 20px;

	font-size:16px;

	margin-top: 6px;

}

.aboutPage .honorBox .enterprise{

	margin-top: 60px;

}

.aboutPage .honorBox .enterprise .list{

	margin-top: 20px;

}

.aboutPage .honorBox .enterprise .list li:nth-child(even),

.aboutPage .honorBox .enterprise .list li{

	width: 50%;

	padding: 0 10px;

	box-sizing: border-box;

}

.honorBox .enterprise .list li .text{

	line-height: 20px;

	font-size: 16px;

	margin-top: 6px;

}

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

	.aboutPage .honorBox .business li:first-child,

	.aboutPage .honorBox .business li{

		width: 50%;

		padding: 0 30px;

	}

}

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

	.aboutPage .honorBox{

		padding: 20px 0;

	}

	.aboutPage .honorBox .business .list{

		padding: 0 10px;

		box-sizing: border-box;

	}

	.aboutPage .honorBox .business li:first-child,

	.aboutPage .honorBox .business li{

		width: 50%;

		padding: 0 10px;

	}

	.aboutPage .honorBox .business li .text{

		line-height: 16px;

		font-size:14px;

		margin-top: 6px;

	}

	.aboutPage .honorBox .enterprise{

		margin-top: 20px;

	}

	.aboutPage .honorBox .enterprise .list li:nth-child(even),

	.aboutPage .honorBox .enterprise .list li{

		width: 100%;

		padding: 0 20px;

		box-sizing: border-box;

	}

	.honorBox .enterprise .list li .text{

		line-height: 16px;

		font-size: 14px;

		margin-top: 6px;

	}

}

/*企业荣誉end*/

.aboutPage .enterpriseCulture{

	width: 100%;

	margin: 40px auto;

	line-height: 40px;

	font-size: 20px;

	padding: 0 20px;

	box-sizing: border-box;

}

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

	.aboutPage .enterpriseCulture{

		line-height: 30px;

		font-size: 16px;

	}

}

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

	.aboutPage .enterpriseCulture{

		line-height: 22px;

		font-size: 14px;

		padding: 0 14px;

	}

}



.aboutPage .recommended .newsList li .tit{

	height: 30px;

}



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

	.aboutPage .recommended .newsList li .tit{

		height: 24px;

		line-height: 24px;

		font-size: 16px;

	}

}











/*企业文化end*/

.aboutPage .speechBox{

	margin: 40px 0;

	padding: 0 20px;

	box-sizing: border-box;

}

.aboutPage .speechBox .portrait{

	width:250px;

}

.aboutPage .speechBox .portrait .name{

	line-height: 30px;

	font-size: 20px;

}

.aboutPage .speechBox .article{

	width: 100%;

	float: none;

	line-height: 36px;

	font-size: 18px;

	padding-left: 290px;

	box-sizing: border-box;

}



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

	.aboutPage .speechBox{

		padding: 0 14px;

	}

	.aboutPage .speechBox .portrait{

		width:150px;

	}

	.aboutPage .speechBox .portrait .name{

		line-height: 20px;

		font-size: 16px;

	}

	.aboutPage .speechBox .article{

		line-height: 30px;

		font-size: 16px;

		padding-left: 170px;

	}

}

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

	.aboutPage .speechBox .portrait{

		width:150px;

		margin-right: 30px;

	}

	.aboutPage .speechBox .portrait .name{

		line-height: 20px;

		font-size: 16px;

	}

	.aboutPage .speechBox .article{

		line-height: 26px;

		font-size: 14px;

		padding-left: 0px;

		float: none;

	}

}

/*总经理致辞end*/

.aboutPage .marketBox{

	width: 100%;

	padding: 40px 20px;

	box-sizing: border-box;

}

.aboutPage .marketBox .marketList li{

	width: 33.33%;

	margin-bottom: 20px;

	margin-left: 0px;

	padding: 0 10px;

	box-sizing: border-box;

}

.aboutPage .marketBox .marketList li.huge{

	width: 66.66%;

	margin-left: 0;

}

.aboutPage .marketList li .pic{

	height: auto;

}

.aboutPage .marketList li.huge .pic{

	height: auto;

}

.aboutPage .marketList li a:hover .pic img{

	transform: scale(1,1);

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

	-ms-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

}

.aboutPage .marketList li .bottom{

	padding: 5px 14px;

}

.aboutPage .marketList li .tit{

	height: 48px;

	line-height: 24px;

	font-size: 16px;

}

.aboutPage .marketList li a:hover .tit{

	color: #333;

}

.aboutPage .marketList li.huge .tit{

	height: 24px;

}

.aboutPage .marketList li .text{

	width: 100%;

	height: 48px;

	line-height: 24px;

	font-size: 12px;

	margin-top: 8px;

}

.aboutPage .marketList li .info{

	height: 20px;

	line-height: 20px;

	margin-top: 5px;

}

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

	.aboutPage .marketBox{

		padding: 20px 10px;

	}

	.aboutPage .marketBox .marketList li{

		width: 50%;

		margin-bottom: 15px;

		padding: 0 10px;

	}

	.aboutPage .marketBox .marketList li.huge{

		width: 100%;

	}

}

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

	.aboutPage .marketBox{

		padding: 10px 15px;

	}

	.aboutPage .marketBox .marketList li{

		width: 100%;

		margin-bottom: 15px;

		padding: 0px;

	}

	.aboutPage .marketList li .bottom{

		padding: 5px 10px;

	}

	.aboutPage .marketList li .tit{

		height: 44px;

		line-height: 22px;

		font-size: 14px;

	}

	.aboutPage .marketList li.huge .tit{

		height: 22px;

	}

	.aboutPage .marketList li .text{

		height: 44px;

		line-height: 22px;

		font-size: 12px;

		margin-top: 2px;

	}

	.aboutPage .marketList li .info{

		height: 20px;

		line-height: 20px;

		margin-top: 5px;

	}

}



/*全球市场end*/

.aboutPage .recruitmentBox{

	padding: 40px 20px;

	box-sizing: border-box;

}

.aboutPage .recruitmentBox .concept{

	line-height: 34px;

	font-size: 18px;

}

.aboutPage .recruitmentBox .concept .tit{

	line-height: 34px;

	font-size: 30px;

}

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

	.aboutPage .recruitmentBox{

		padding: 20px 14px;

	}

	.aboutPage .recruitmentBox .concept{

		line-height: 22px;

		font-size: 16px;

	}

	.aboutPage .recruitmentBox .concept .tit{

		line-height: 26px;

		font-size: 22px;

	}

}

/*人才理念end*/

.aboutPage .recruitmentBox .recruitmentList .chooseBox{

	padding: 10px;

}

.aboutPage .recruitmentList .chooseBox ul{

	margin: 10px;

}

.aboutPage .recruitmentList .chooseBox li{

	padding: 0 12px;

	line-height: 30px;

	font-size: 16px;

}

.aboutPage .recruitmentList .position{

	margin-top: 20px;

	padding-bottom: 0px;

}

.aboutPage .recruitmentList .position table th{

	height: 48px;

	font-size: 16px;

}

.aboutPage .recruitmentList .position table td{

	height: 58px;

	font-size: 14px;

}

.aboutPage .recruitmentList .position table a{

	width: 100px;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

}

.aboutPage .recruitmentList .position table a:hover{

	background: #00a0e2;

}

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

	.aboutPage .recruitmentBox .recruitmentList .chooseBox{

		padding: 5px;

	}

	.aboutPage .recruitmentList .chooseBox ul{

		margin: 5px 0;

	}

	.aboutPage .recruitmentList .chooseBox li{

		padding: 0 10px;

		line-height: 24px;

		font-size: 14px;

	}

	.aboutPage .recruitmentList .position table th{

		height: 38px;

		font-size: 14px;

	}

	.aboutPage .recruitmentList .position table td{

		height: 48px;

		font-size: 12px;

	}

	.aboutPage .recruitmentList .position table a{

		width: 60px;

		height: 24px;

		line-height: 24px;

		border-radius: 2px;

		font-size: 12px;

	}

}

/*招聘列表end*/

.aboutPage .recruitmentBox .details .btn button,

.aboutPage .recruitmentBox .details .btn input,

.aboutPage .recruitmentBox .details .btn a:hover{

	background:#00a0e2;

}

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

	.aboutPage .recruitmentBox .details .article{

		margin: 40px 0;

	}

}

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

	.aboutPage .recruitmentBox .details .title{

		padding-bottom: 10px;

	}

	.aboutPage .recruitmentBox .details .tit{

		line-height: 34px;

		font-size: 24px;

	}

	.aboutPage .recruitmentBox .details .info{

		font-size: 14px;

		margin-top: 10px;

	}

	.aboutPage .recruitmentBox .details .article{

		margin: 20px 0;

		line-height: 26px;

		font-size: 14px;

	}

	.aboutPage .recruitmentBox .details .article .tit{

		font-size: 18px;

	}

	.aboutPage .recruitmentBox .details .btn button,

	.aboutPage .recruitmentBox .details .btn input,

	.aboutPage .recruitmentBox .details .btn a{

		width: 100px;

		height: 34px;

		line-height: 34px;

		border-radius: 3px;

		font-size: 16px;

	}

}



/*招聘详情end*/

.aboutPage .manufacturing{

	width: 100%;

	padding: 0 20px;

	box-sizing: border-box;

}

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

	.aboutPage .manufacturing .article{

		margin: 40px 0;

	}
}


.productPage.news .productList{
	margin-bottom: 20px;
	padding-top: 20px;
}
.productPage.news .productList .list{
	padding: 0 7px;
	box-sizing: border-box;
}
.productPage.news .productDetails .parameter{
	margin-top: 32px;
}
.productPage.news .productDetails .btn{
	margin-top: 32px;
}
















/*清除大屏动画样式*/

.main .servicesSupportBox .wrap,

.main .applicationBox .wrap,

.main .recommendBox .wrap,

.main .publicityBox .wrap{

	margin-top: 0px;

	opacity: 1;

}





/*清除图片放大动画*/

.container .applicationField .applicationFieldList li a:hover img{

	transform: scale(1,1);

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

	-ms-transform:scale(1,1);

	-o-transform:scale(1,1);

	-moz-transform:scale(1,1);

}



/*清除服务页动画*/











}/* 设备屏幕小于1200px */



/*END*/