body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,img{ margin:0; padding:0;border:none;}

body{ background: #fff;font-family: "Microsoft YaHei","微软雅黑",arial;font-size: 12px;color: #333333;font-weight: normal; }

textarea,input{ font-family: "Microsoft YaHei","微软雅黑",arial;color: #333333;font-size: 12px;padding: 0;margin: 0;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

input:focus,textarea:focus{	outline: none;}

ol,ul,li{ list-style: none;}

h1,h2,h3,h4,h5,h6{ font-size:12px;color: #333333;font-weight:normal; }

a,a:link,a:visited,a:focus,a:active,a:hover{ font-family: "Microsoft YaHei","微软雅黑",arial;color: #333333;font-size: 12px;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0); }

a:hover{ color: #00a0e2; }

.wrap{

	width: 1200px;

	margin: 0 auto;

}

.wrapper{

	width: 100%;

	overflow: hidden;

}

.mainFilter{

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 100;

	background: url(../images/mainFilter.png);

	display: none;

}

.mainFilter.show{

	display: block;

}

.header{

	width: 100%;

	height: 70px;

	position: relative;

	z-index: 110;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;

}

.header.light{

	background: #fff;

}

.header.fixed{

	position: fixed;

	top: 0;

	left: 0;

	z-index: 110;

}

.header .logo{

	width: 198px;

	height: 36px;

	overflow: hidden;

	margin-left: 20px;

	margin-top: 17px;

	float: left;

}
.header .logo .logo2{
	display: none;
}
.header .logo img{

	width: 100%;

}

.header .navBtn{

	display: none;

}

.header .rightBox{

	float: right;

	margin-top: 25px;

	position: relative;

}

.header .searchBar .btn,

.header .searchBtn{

	width: 20px;

	height: 20px;

	float: left;

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

	cursor: pointer;

}

.header.light .searchBar .btn,

.header.light .searchBtn{

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

}
.header.light .logo1{
	display: none;
}
.header.light .logo2{
	display: block;
}
.header .searchBar{

	width: 40px;

	height: 20px;

	position: absolute;

	right: 0;

	margin-right: 230px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

	opacity: 0;

}

.header .searchBar.open{

	width: 545px;

	opacity: 1;

}

.header .searchBar .btn input{

	width: 20px;

	height: 20px;

	border: none;

	background: none;

	cursor: pointer;

}

.header .searchBar .inpu{

	width: 20px;

	height: 20px;

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

	float: right;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.header.light .searchBar .inpu{

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

}

.header .searchBar.open .inpu{

	width: 520px;

}

.header .searchBar .inpu input{

	width: 0px;

	height: 20px;

	line-height: 20px;

	float: left;

	border: none;

	background: none;

	color: #fff;

	font-size: 12px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.header.light .searchBar .inpu input{

	color: #333;

}

.header .searchBar.open .inpu input{

	width: 500px;

}

.header .searchBar .inpu input::-webkit-input-placeholder{color: #ffffff;opacity: 0.5;}

.header .searchBar .inpu input:-moz-placeholder{color: #ffffff;opacity: 0.5;}

.header .searchBar .inpu input::-moz-placeholder{color: #ffffff;opacity: 0.5;}

.header .searchBar .inpu input:-ms-input-placeholder{color: #ffffff;opacity: 0.5;}

.header.light .searchBar .inpu input::-webkit-input-placeholder{color: #333;opacity: 0.5;}

.header.light .searchBar .inpu input:-moz-placeholder{color: #333;opacity: 0.5;}

.header.light .searchBar .inpu input::-moz-placeholder{color: #333;opacity: 0.5;}

.header.light .searchBar .inpu input:-ms-input-placeholder{color: #333;opacity: 0.5;}

.header .searchBar .closeBtn{

	width: 10px;

	height: 10px;

	float: right;

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

	cursor: pointer;

}

.header.light .searchBar .closeBtn{

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

}

.header .language{

	line-height: 20px;

	float: left;

	font-size: 14px;

	color: #fff;

	margin-left: 24px;

}

.header .language span,

.header .language a{

	font-size: 14px;

	color: #fff;

}

.header.light .language a:hover,

.header .language a:hover{

	color: #00a0e2;

}

.header.light .language span,

.header.light .language a,

.header.light .language{

	color: #333333;

}







.header .nav{

	width: auto;

	line-height: 70px;

	float: right;

	margin-right: 26px;

	position: relative;

	z-index: 200;

}

.header .nav .navTit{

	display: none;

}

.header .nav li{

	float: left;

	margin: 0 6px;

}

.header .nav li a{

	font-size: 14px;

	color: #fff;

	line-height: 70px;

	padding: 0 20px;

	display: block;

}

.header.light .nav li a{

	color: #333333;

}

.header .nav li.on > a,

.header .nav li a:hover{

	color: #00a0e2;

}

.header .nav li.on > a{

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

}



.header .nav .subNav{

	width: 630px;

	min-height: 240px;

	position: absolute;

	top: 70px;

	left: -60px;

	z-index: 101;

	background: #fff;

	padding: 42px 0 42px 44px;

	box-sizing: border-box;

	border-radius: 5px;

	display: none;

}

.header .nav .subNav .title{

	width: 138px;

	float: left;

	line-height: 22px;

	font-size: 20px;

	color: #00a0e2;

}

.header .nav .subNav .title span{

	width: 30px;

	height: 2px;

	background: #00a0e2;

	display: block;

	margin-top: 13px;

}

.header .nav .subNav .list{

	width: 420px;

	float: left;

}

.header  .nav li:nth-child(1) .subNav .list ul{
	width: 400px;
}

.header .nav .subNav .list ul{

	width: 138px;

	float: left;

}

.header .nav .subNav .list li{

	width: 100%;

	line-height: 30px;

	margin: 0;

}

.header .nav .subNav .list li a{

	line-height: 12px;

	font-size: 12px;

	color: #808080;

	padding: 0;

	display: inline;

}

.header .nav .subNav .list li.tit a:hover,

.header .nav .subNav .list li a:hover{

	background: none;

	color: #00a0e2;

}

.header .nav .subNav .list li.tit{

	line-height: 22px;

	margin-bottom: 10px;

}

.header .nav .subNav .list li.tit a{

	font-size: 16px;

	color: #333333;

}

.header .nav .subNav .picList{

	max-width: 700px;

	width: auto;

	float: left;
	display: none;

}

.header .nav .subNav .picList ul{

	width: 90px;

	float: left;

	margin-right: 20px;

}

.header .nav .subNav .picList li{

	width: 90px;

	float: left;

	margin-bottom: 20px;

	text-align: center;

}

.header .nav .subNav .picList li a{

	width: 88px;

	height: 68px;

	line-height: 0;

	border: solid 1px #cccccc;

	padding: 0px;

}

.header .nav .subNav .picList li a:hover{

	border: solid 1px #00a0e2;

}

.header .nav .subNav .picList li .icon{

	margin-top: 12px;

	height: 30px;

}

.header .nav .subNav .picList li .text{

	width: 100%;

	line-height: 14px;

	font-size: 12px;

	color: #808080;

	margin-top: 6px;

}



.footer{

	width: 100%;

	background: #f2f2f2;

	padding-top: 45px;

}

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

.footer .linkMap{

	width: 950px;

	float: left;

	margin-bottom: 15px;

}

.footer .linkMap ul{

	/*width: 130px;*/
	width: 17%;

	float: left;

}
.footer .linkMap ul:nth-child(1){
	width: 32%;
}
/*.footer .linkMap ul:nth-child(1){

	width: 360px;

}

.footer .linkMap ul:nth-child(3){

	width: 160px;

}

.footer .linkMap ul:nth-child(4){

	width: 160px;

}

*/



.footer .linkMap a{

	line-height: 32px;

	font-size: 16px;

	color: #808080;

}

.footer .linkMap li.tit a{

	line-height: 40px;

	font-size: 18px;

	color: #333333;

}

.footer .linkMap li.tit a:hover,

.footer .linkMap a:hover{

	color: #00a0e2;

}

.footer .contact{

	width: 200px;

	float: right;

	margin-top: 8px;

	margin-bottom: 15px;

}

.footer .contact .title{

	font-size: 14px;

	color: #333333;

	line-height: 18px;

}

.footer .contact .number{

	font-size: 26px;

	color: #333333;

	line-height: 34px;

}

.footer .contact .number a{

	font-size: 26px;

	color: #333333;

}

.footer .contact .email{

	font-size: 12px;

	color: #333333;

	line-height: 20px;

}

.footer .contact .email a{

	font-size: 12px;

	color: #333333;

}

.footer .contact .address{

	font-size: 12px;

	color: #333333;

	line-height: 20px;

}

.footer .contact .sharebox{

	width: 100%;

	margin-top: 24px;

}

.footer .contact .sharebox a{

	width: 30px;

	height: 30px;

	background: no-repeat center;

	padding: 0;

	margin: 0;

	margin-right: 18px;

	position: relative;

	background-size: 100%;

	float: left;

}

.footer .contact .sharebox a:hover{

	opacity: 1;

	filter: brightness(130%);

    -webkit-filter: brightness(130%);

    -moz-filter: brightness(130%);

    -ms-filter: brightness(130%);

    -o-filter: brightness(130%);

}

.footer .contact .sharebox a.bds_weixin{

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

}

.footer .contact .sharebox a.bds_tsina{

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

}

.footer .contact .sharebox a.bds_linkedin{

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

}

.footer .contact .sharebox a.bds_twi{

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

}

.footer .contact .sharebox .weixinBox{

	width: 118px;

	height: 128px;

	position: absolute;

	bottom: 39px;

	left: -5px;

	z-index: 5;

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

	padding: 2px 2px 12px 2px;

	box-sizing: border-box;

	text-align: center;

	overflow: hidden;

	opacity: 1;

	display: none;

}

.footer .contact .sharebox .weixinBox img{

	width: 100%;

	opacity: 1;

}

.footer .contact .sharebox a:hover .weixinBox,

.footer .contact .sharebox a:hover .weixinBox img{

	opacity: 1;

}

.footer .copyright{

	width: 100%;

	height: 46px;

	line-height: 46px;

	border-top: solid 1px #cccccc;

	font-size: 12px;

	color: #b2b2b2;

	float: left;

	clear: both;

}

.footer .copyright a{

	font-size: 12px;

	color: #b2b2b2;

}

.footer .copyright .copy{

	width: 100%;

	line-height: 46px;

	text-align: center;

}

.main{

	width: 100%;

}

.main .banner{

	width: 100%;

}

.main .swiper-container{

    width: 100%;

}

.main .banner .swiper-container img{

	width: 100%;

	display: block;

}

.main .banner .swiper-pagination{

	height: 8px;

	padding: 0;

	margin: 0;

	bottom: 38px;

}

.main .banner .swiper-pagination span{

	width: 8px;

	height: 8px;

	background: none;

	padding: 0;

	margin: 0;

	border: solid 1px #fff;

	margin: 0 25px;

	opacity: 1;

}

.main .banner .swiper-pagination span.swiper-pagination-bullet-active{

	background: #00a0e2;

}

.main .publicityBox{

	width: 100%;

	padding: 100px 0;

}



/*动画*/

.main .publicityBox .wrap{

	margin-top: 100px;

	transition: 1.5s;

	-webkit-transition: 1.5s;

	-moz-transition: 1.5s;

	-ms-transition: 1.5s;

	-o-transition: 1.5s;

	opacity: 0;

}

.main .publicityBox .wrap.dong{

	margin-top: 0px;

	opacity: 1;

}





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

.main .publicityBox .news{

	width: 700px;

	height: 500px;

	float: left;

}

.main .publicityBox .swiper-button-prev,

.main .publicityBox .swiper-button-next{

	width: 24px;

	height: 30px;

	background: url(../images/publicityBox_prev.png) no-repeat 13px center;

	left: 0;

	top: 185px;

	margin: 0;

	padding: 0;

	z-index: 999;

}

.main .publicityBox .swiper-button-next{

	left: auto;

	right: 0;

	background: url(../images/publicityBox_next.png) no-repeat right 13px center;

}

.main .publicityBox .news .list{

	width: 100%;

}

.main .publicityBox .news .list a{

	width: 100%;

	height: 100%;

	display: block;

}

.main .publicityBox .news .list .pic{

	width: 700px;

	height: 400px;

	overflow: hidden;

	text-align: center;

}

.main .publicityBox .news .list .pic img{

	width: 100%;

	display: block;

}

.main .publicityBox .bottomText{

	width: 100%;

	height: 100px;

	padding: 0 28px;

	box-sizing: border-box;

	background: #f2f2f2;

	padding-top: 16px;

}

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

}

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

	color: #00a0e2;

}

.main .publicityBox .bottomText .info{

	width: 100%;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	color: #808080;

	margin-top: 14px;

}

.main .publicityBox .bottomText .info span.date{

	padding-left: 20px;

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

	margin-right: 15px;

}

.main .publicityBox .bottomText .info span.see{

	padding-left: 24px;

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

	margin-right: 15px;

}

.main .publicityBox .video{

	width: 470px;

	height: 500px;

	float: right;

}

.main .publicityBox .video .pic{

	width: 100%;

	height: 400px;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.main .publicityBox .video .pic img{

	width: 100%;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

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

	transform: scale(1.1,1.1);

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

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

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

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

}

.main .publicityBox .video .pic .icon{

	width: 80px;

	height: 80px;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 5;

	margin-left: -40px;

	margin-top: -40px;

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

}

.main .publicityBox .video video{

	position: fixed;

	left: 50%;

	top: 50%;

	z-index: 105;

	transform: translate(-50%,-50%);

	-webkit-transform:translate(-50%,-50%);

	-moz-transform:translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%);

	-o-transform:translate(-50%,-50%);

	display: none;

}

.main .publicityBox .video video.show{

	display: block;

}

.columnTitle{

	width: 100%;

	line-height: 50px;

	text-align: center;

	font-size: 36px;

	color: #333333;

}

.columnTitle span{

	line-height: 50px;

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

	padding-left: 68px;

	display: inline-block;

}

.columnTitle a:hover,

.columnTitle a{

	font-size: 36px;

	color: #333333;

}

.recommendBox{

	width: 100%;

	background: #f2f2f2;

	padding: 100px 0;

}



/*动画*/

.main .recommendBox .wrap{

	margin-top: 100px;

	opacity: 0;

	transition: 1.4s;

	-webkit-transition: 1.4s;

	-moz-transition: 1.4s;

	-ms-transition: 1.4s;

	-o-transition: 1.4s;

}

.main .recommendBox .wrap.dong{

	margin-top: 0;

	opacity: 1;

}





.recommendBox .productBox{

	width: 1190px;

	margin: 36px auto 0 auto;

	position: relative;

	overflow: visible;

}

.recommendBox .productBox .swiper-button-next,

.recommendBox .productBox .swiper-button-prev{

	width: 30px;

	height: 30px;

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

	left: -30px;

	border: none;

	display: block;

}

.recommendBox .productBox .swiper-button-next{

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

	left: auto;

	right: -30px;

}

.swiper-button-next:link,

.swiper-button-prev:link,

.swiper-button-next:visited,

.swiper-button-prev:visited,

.swiper-button-next:hover,

.swiper-button-prev:hover,

.swiper-button-next:focus,

.swiper-button-prev:focus,

.swiper-button-next:active,

.swiper-button-prev:active{

	border: none;

	box-sizing: none;

	outline:none;

}

.recommendBox .productBox .list{

	width: 356px;

	height: 296px;

	text-align: center;

	padding: 2px 2px 11px 2px;

}

.recommendBox .list a{

	width: 356px;

	height: 296px;

	display: block;

	background: #fff;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.recommendBox .list a:hover{

	box-shadow: 0px 2px 11px 2px #8bcce6;

}

.recommendBox .list .title{

	width: 100%;

	height: 56px;

	line-height: 56px;

	box-sizing: border-box;

	font-size: 20px;

	color: #333333;

	border-bottom: solid 2px #f2f2f2;

	position: relative;

}

.recommendBox .list .title span{

	width: 100%;

	height: 56px;

	display: block;

	padding: 0 20px;

	box-sizing: border-box;

}

.recommendBox .list .title .tag2,

.recommendBox .list .title .tag1{

	width: 33px;

	height: 41px;

	position: absolute;

	top: -2px;

	right: 18px;

	z-index: 5;

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

}

.recommendBox .list .title .tag2{

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

}

.recommendBox .list .pic{

	width:100%;

	height: 200px;

}

.recommendBox .list .pic img{

	max-width: 100%;

	width: auto;

	height: auto;

}

.recommendBox .list .text{

	width: 100%;

	height: 20px;

	line-height: 20px;

	font-size: 14px;

	color: #808080;

	padding: 0 10px;

	box-sizing: border-box;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.main .applicationBox{

	width: 100%;

	background: #fff;

	padding-top: 100px;

	padding-bottom: 85px;

}



/*动画*/

.main .applicationBox .wrap{

	margin-top: 100px;

	opacity: 0;

	transition: 1.4s;

	-webkit-transition: 1.4s;

	-moz-transition: 1.4s;

	-ms-transition: 1.4s;

	-o-transition: 1.4s;

}

.main .applicationBox .wrap.dong{

	margin-top: 0;

	opacity: 1;

}





.main .applicationBox .columnTitle span{

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

}

.main .applicationBox .applyBox{

	width: 100%;

	margin-top: 86px;

}

.main .applicationBox .list{

	width: 200px;

	text-align: center;

	padding: 0 20px;

	box-sizing: border-box;

}

.main .applicationBox .list .pic2,

.main .applicationBox .list .pic1{

	width: 100%;

	height: 115px;

	overflow: hidden;

	text-align: center;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

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

}

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

	display: none;

}

.main .applicationBox .list .text{

	width: 100%;

	line-height: 22px;

	font-size: 18px;

	color: #333333;

	margin-top: 30px;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

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

	color: #00a0e2;

}

.swiper-button-next,

.swiper-button-prev{

	width: 30px;

	height: 30px;

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

	border: none;

}

.swiper-button-next{

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

	left: auto;

}

.servicesSupportBox{

	width: 100%;

	height: 600px;

	background: url(../images/servicesSupportBox_bg.jpg) no-repeat center 0;

	padding-top: 103px;

}



/*动画*/

.main .servicesSupportBox .wrap{

	margin-top: 100px;

	opacity: 0;

	transition: 1.4s;

	-webkit-transition: 1.4s;

	-moz-transition: 1.4s;

	-ms-transition: 1.4s;

	-o-transition: 1.4s;

}

.main .servicesSupportBox .wrap.dong{

	margin-top: 0;

	opacity: 1;

}







.main .servicesSupportBox .columnTitle a,

.main .servicesSupportBox .columnTitle{

	color: #fff;

}

.main .servicesSupportBox .columnTitle span{

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

}

.main .servicesSupportBox .servicesList{

	margin-top: 34px;

}

.main .servicesSupportBox .list{

	width:380px;

	height: 420px;

	float: left;

	margin-left: 30px;

	text-align: center;

}

.main .servicesSupportBox .list:first-child{

	margin-left: 0;

}

.main .servicesSupportBox .list a{

	width: 100%;

	height: 100%;

	display: block;

	background: #fff;

}

.main .servicesSupportBox .list a:hover{

	background: #00a0e2;

}

.main .servicesSupportBox .list .icon2,

.main .servicesSupportBox .list .icon1{

	width: 100%;

	height: 107px;

	margin-top: 129px;

	float: left;

	clear: both;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.main .servicesSupportBox .list .icon2{

	display: none;

}

.main .servicesSupportBox .list a:hover .icon1{

	display: none;

}

.main .servicesSupportBox .list a:hover .icon2{

	display: block;

}

.main .servicesSupportBox .list .icon2 img,

.main .servicesSupportBox .list .icon1 img{

	height: 100%;

}

.main .servicesSupportBox .list .text{

	width: 100%;

	line-height: 22px;

	font-size: 18px;

	color: #333333;

	margin-top: 36px;

	float: left;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

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

	color: #fff;

}

.main .friendlyLink{

	width: 100%;

	background: #fff;

	padding: 50px 0 40px 0;

}

.main .friendlyLink .link{

	position: relative;

	box-sizing: border-box;

}

.main .friendlyLink .list{

	width: 200px;

	height: 90px;

	text-align: center;

	padding: 2px 3px 10px 3px;

	box-sizing: border-box;

}

.main .friendlyLink .list a{

	width: 100%;

	height: 80px;

	float: left;

	overflow: hidden;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

/*.main .friendlyLink .list a:hover{

	box-shadow: 0px 3px 10px 1px #92d6f3;

}*/

.main .friendlyLink .list img{

	width: 100%;

	filter: grayscale(20%);

	-webkit-filter: grayscale(20%);

	-moz-filter: grayscale(20%);

	-ms-filter: grayscale(20%);

	-o-filter: grayscale(20%);

}

.main .friendlyLink .list a:hover img{

	filter: grayscale(0%);

	-webkit-filter: grayscale(0%);

	-moz-filter: grayscale(0%);

	-ms-filter: grayscale(0%);

	-o-filter: grayscale(0%);

}



.main .friendlyLink .swiper-button-prev{

	top: 25px;

	margin: 0;

	left: -30px

}

.main .friendlyLink .swiper-button-next{

	top: 25px;

	margin: 0;

	right: -30px;

}

/* 首页end */

.columnBanner{

	width: 100%;

	height: 430px;

	background: no-repeat center 0;

	background-size: auto 100%;

	transition: 0.4s;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -ms-transition: 0.4s;

    -o-transition: 0.4s;

}

.crumbsNav{

	width: 100%;

	height: 99px;

	border-bottom: solid 1px #e6e6e6;

}

.crumbsNav li{

	float: left;

	line-height: 98px;

	padding-left: 24px;

	padding-right: 16px;

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

}

.crumbsNav li:first-child{

	background: none;

	padding-left: 0;

}

.crumbsNav li a{

	font-size: 18px;

	color: #808080;

}

.crumbsNav li a:hover{

	color: #00a0e2;

}

.container{

	width: 100%;

	clear: both;

	/*margin-top: 100px;*/

	/*padding-bottom: 95px;*/

}

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

.container .sidebar{

	width: 300px;

	float: left;

	margin: 100px 0;

}

.container .sidebar .menu{

	width: 100%;

}

.container .sidebar .menu li{

	width: 100%;

}

.container .sidebar .menu li .tit a{

	width: 100%;

	height: 50px;

	line-height: 50px;

	display: block;

	background: url(../images/sidebar_menu1.png) no-repeat right 26px 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_menu2.png) no-repeat right 26px center #00a0e2;

	color: #fff;

}

.container .sidebar .menu .sub{

	padding: 10px 0;

	display: none;

}

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

	display: block;

}

.container .sidebar .menu .sub a{

	width: 100%;

	height: 30px;

	line-height: 30px;

	padding-left: 40px;

	display: block;

	font-size: 14px;

	color: #333333;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

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

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

	color: #00a0e2;

}

.container .content{

	width: 820px;

	float: right;

	margin: 100px 0;

}

.container .content .newsList{

	width: 760px;

	margin-left: 30px;

}

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

.container .newsList li{

	width: 100%;

	float: left;

	margin-bottom: 60px;

}

.container .newsList li a{

	width: 100%;

	height: 100%;

	display: block;

}

.container .newsList li .pic{

	width: 285px;

	height: 180px;

	float: left;

	overflow: hidden;

	text-align: center;

}

.container .newsList li .pic img{

	width: 100%;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

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

	transform: scale(1.1,1.1);

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

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

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

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

}

.container .newsList li .text{

	width: 440px;

	float: right;

}

.container .newsList li .tit{

	width: 100%;

	height: 60px;

	line-height: 30px;

	font-size: 18px;

	color: #333333;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

	word-break:break-all;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.container .newsList li a:hover .tit{

	color: #00a0e2;

}

.container .newsList li .txt{

	width: 100%;

	height: 72px;

	line-height: 24px;

	font-size: 12px;

	color: #808080;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient:vertical;

	word-break:break-all;

	margin-top: 14px;

}

.container .newsList li .info{

	width: 100%;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	color: #808080;

	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;

}

.container .pagingBox{

	width: 100%;

	margin-top: 40px;

	font-size: 12px;

	color: #333333;

	line-height: 28px;

	text-align: center;

}

.container .pagingBox ul{

	display: inline-table;

}

.container .pagingBox li{

	float: left;

	margin: 0 5px;

}

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

	width: 28px;

	height: 28px;

	line-height: 26px;

	text-align: center;

	border: solid 1px #e6e6e6;

	border-radius: 3px;

	display: block;

	font-size: 12px;

	color: #333333;

	float: left;

}

.container .pagingBox button,

.container .pagingBox input[type="button"]{

	width: 46px;

	line-height: 28px;

	height: 30px;

	text-align: center;

	background: #fff;

	border: solid 1px #e6e6e6;

	border-radius: 3px;

	font-size: 12px;

	color: #333333;

	float: left;

	cursor: pointer;

}

.container .pagingBox button:hover,

.container .pagingBox input[type="button"]:hover,

.container .pagingBox li.on a,

.container .pagingBox li a:hover{

	border: solid 1px #00a0e2;

	background: #00a0e2;

	color: #fff;

}

/* 新闻列表end */

.container .videoPage{

	width: 790px;

	margin-left: 30px;

}

.container .videoPage .pagingBox{

	padding-top: 40px;

}

.container .videoPage .video{

	width: 100%;

	height: auto;

	position: relative;

	margin-bottom: 48px;

}

.container .videoPage .video .pic{

	width: 100%;

	height: 444px;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.container .videoPage .video .pic img{

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

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

	transform: scale(1.1,1.1);

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

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

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

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

}

.container .videoPage .video .pic .icon{

	width: 80px;

	height: 80px;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 5;

	margin-left: -40px;

	margin-top: -40px;

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

}

.container .videoPage .video video{

	width: 100%;

	height: 444px;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 20;

	background: #000;

	display: none;

}

.container .videoPage .video video.show{

	display: block;

}

.container .videoPage .bottomText{

	width: 100%;

	height: auto;

	padding: 16px 28px;

	box-sizing: border-box;

	background: #f2f2f2;

}

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

}

.container .newsDetails .title{

	width: 100%;

	text-align: center;

	border-bottom: solid 1px #e6e6e6;

	padding-bottom: 26px;

}

.container .newsDetails .title .tit{

	width: 100%;

	line-height: 42px;

	font-size: 30px;

	color: #333333;

}

.container .newsDetails .title .info{

	width: 100%;

	line-height: 24px;

	font-size: 20px;

	color: #808080;

	margin-top: 38px;

}

.container .newsDetails .title .info span{

	height: 24px;

	line-height: 24px;

	margin: 0 50px;

}

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

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

	padding-left: 33px;

}

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

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

	padding-left: 42px;

}

.container .article{

	width: 100%;

	line-height: 40px;

	font-size: 20px;

	color: #808080;

	padding: 66px 0;

}

.container .article img{

	max-width: 100%;

}

.container .recommended{

	width: 100%;

	height: 520px;

	background: url(../images/recommended_news_bg.jpg) no-repeat center;

	padding-top: 100px;

}

.container .recommended .columnTitle a,

.container .recommended .columnTitle{

	color: #fff;

}

.container .recommended .columnTitle span{

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

	padding-left: 92px;

}

.container .recommended .newsList{

	width: 1200px;

	margin: 43px auto 0 auto;

}

.container .recommended .newsList li{

	width: 380px;

	float: left;

	margin-left: 30px;

}

.container .recommended .newsList li:first-child{

	margin-left: 0;

}

.container .recommended .newsList li a{

	width: 100%;

	height: 100%;

	display: block;

}

.container .recommended .newsList li .pic{

	width: 100%;

}

.container .recommended .newsList li .pic img{

	width: 100%;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

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

	transform: scale(1.1,1.1);

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

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

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

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

}

.container .recommended .newsList li .text{

	width: 100%;

	background: #fff;

	padding: 16px 24px;

	box-sizing: border-box;

}

.container .recommended .newsList li .tit{

	width: 100%;

	height: 60px;

	line-height: 30px;

	font-size: 18px;

	color: #333333;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.container .recommended .newsList li .info{

	width: 100%;

	height: 20px;

	line-height: 20px;

	margin-top: 10px;

}

.container .recommended .newsList li .info span{

	font-size: 12px;

	color: #808080;

}

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

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

	padding-left: 19px;

}

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

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

	padding-left: 25px;

}

/*新闻页end*/

.contactPage{

	width: 100%;

	margin-top: 100px;

}

.contactPage .contactBox{

	width: 100%;

	border-bottom: solid 10px #f2f2f2;

	padding-bottom: 100px;

}

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

.contactPage .conten{

	width: 660px;

	float: left;

}

.contactPage .conten .title{

	width: 100%;

	line-height: 42px;

	font-size: 36px;

	color: #333333;

}

.contactPage .conten .text{

	width: 100%;

	line-height: 40px;

	font-size: 20px;

	color: #808080;

	margin-top: 22px;

}

.contactPage .conten .text a:hover,

.contactPage .conten .text a{

	font-size: 20px;

	color: #808080;

}

.contactPage .sharebox{

	width: 100%;

	margin-top: 42px;

}

.contactPage .bdsharebuttonbox{

	width: 100%;

}

.contactPage .sharebox a{

	width: 50px;

	height: 50px;

	float: left;

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

	padding: 0;

	margin: 0;

	margin-right: 30px;

}

.contactPage .sharebox a.bds_tsina{

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

}

.contactPage .sharebox a.bds_linkedin{

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

}

.contactPage .sharebox a.bds_twi{

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

}

.contactPage .sharebox a.bds_weixin{

	position: relative;

}

.contactPage .sharebox .weixinBox{

	width: 118px;

	height: 128px;

	position: absolute;

	bottom: 59px;

	left: 8px;

	z-index: 5;

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

	padding: 2px 2px 12px 2px;

	box-sizing: border-box;

	text-align: center;

	overflow: hidden;

	opacity: 1;

	display: none;

}

.contactPage .sharebox .weixinBox img{

	width: 100%;

	opacity: 1;

}

.contactPage .sharebox .weixinBox,

.contactPage .sharebox .weixinBox img{

	opacity: 1;

}

.contactPage .map{

	width: 500px;

	height: 396px;

	float: right;

	text-align: center;

	overflow: hidden;

	margin-top: 40px;

}

.contactPage .map img{

	width: 100%;

}

.contactPage .contactBox2{

	padding-top: 100px;

	border-bottom: none;

}

.contactPage .contactBox2 .map{

	margin-top: 0;

}

.contactPage .contactBox2 .conten{

	margin-top: 60px;

}

.consultation{

	width: 100%;

	height: 706px;

	background: url(../images/consultation_bg.jpg) no-repeat center;

	padding-top: 100px;

}

.consultation .columnTitle span{

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

	padding-left: 93px;

	color: #fff;

}

.consultation .columnTitle span a{

	color: #fff;

}

.consultation .row{

	margin-top: 36px;

	margin-bottom: 30px;

}

.consultation .row:after{content:"";height:0;display:block;clear:both}

.consultation .inpuBox{

	width: 570px;

	height:50px;

	border-radius: 4px;

	border: solid 1px #cccccc;

	box-sizing: border-box;

	background: #fff;

	float: left;

}

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

	margin-left: 60px;

}

.consultation .tit{

	width: 157px;

	height: 48px;

	line-height: 48px;

	font-size: 18px;

	color: #333333;

	text-align: center;

	background: url(../images/consultation_line.gif) no-repeat right center;

	float: left;

	overflow: hidden;

}

.consultation .inpuBox input{

	width: 410px;

	height: 48px;

	line-height: 48px;

	padding: 0 26px;

	box-sizing: border-box;

	float: left;

	font-size: 16px;

	color: #333;

}

.consultation .inpuBox input::-webkit-input-placeholder{color: #cccccc}

.consultation .inpuBox input:-moz-placeholder{color: #cccccc}

.consultation .inpuBox input::-moz-placeholder{color: #cccccc}

.consultation .inpuBox input:-ms-input-placeholder{color: #cccccc}

.consultation .textBox{

	width: 100%;

	height: 184px;

	border-radius: 4px;

	border: solid 1px #cccccc;

	box-sizing: border-box;

	background: #fff;

}

.consultation .textBox textarea{

	width: 1040px;

	height: 180px;

	float: right;

	line-height: 22px;

	font-size: 16px;

	color: #333;

	padding: 12px 26px;

	box-sizing: border-box;

	resize: none;

}

.consultation .textBox textarea::-webkit-input-placeholder{color: #ccc;}

.consultation .textBox textarea:-moz-placeholder{color: #ccc;}

.consultation .textBox textarea::-moz-placeholder{color: #ccc;}

.consultation .textBox textarea:-ms-input-placeholder{color: #ccc;}

.consultation .inpuBox3{

	width: 100%;

}

.consultation .inpuBox3 input{

	width: 1030px;

}

.consultation .inpuBox2{

	width: 390px;

}

.consultation .inpuBox2 input{

	width: 230px;

}

.consultation .verificationCode{

	width: 160px;

	height: 50px;

	float: left;

	margin-left: 20px;

	overflow: hidden;

	text-align: center;

	cursor: pointer;

}

.consultation .verificationCode img{

	height: 100%;

}

.consultation .btnBox{

	float: right;

}

.consultation .btnBox .btn{

	float: left;

}

.consultation .btnBox .btn button,

.consultation .btnBox .btn a,

.consultation .btnBox .btn input{

	width: 198px;

	height: 48px;

	line-height: 46px;

	text-align: center;

	display: block;

	border-radius: 4px;

	border: solid 1px #fff;

	background: none;

	margin-left: 30px;

	font-size: 20px;

	color: #fff;

	cursor: pointer;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.consultation .btnBox .btn button:hover,

.consultation .btnBox .btn a:hover,

.consultation .btnBox .btn input:hover{

	background:#00a0e2;

	border: solid 1px #00a0e2;

}

/*联系我们end*/

.container .applicationField{

	width: 100%;

}

.container .applicationField .applicationFieldList{

	clear: both;

}

.container .applicationField .applicationFieldList li{

	width: 100%;

	max-height: 500px;

	overflow: hidden;

}

.container .applicationField .applicationFieldList li img{

	width: 100%;

	display: block;

	transition: 1s;

	-webkit-transition: 1s;

	-moz-transition: 1s;

	-ms-transition: 1s;

	-o-transition: 1s;

}

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

	transform: scale(1.1,1.1);

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

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

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

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

}

.container .technology{

	width:100%;

	height: 300px;

	position: relative;

}

.container .technology .bg2,

.container .technology .bg1{

	width: 50%;

	height: 100%;

	float: left;

	background:#8fc31f;

}

.container .technology .bg2{

	float: right;

	background: #00a0e2;

}

.container .technology .wrap{

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}

.container .technology .wrap1{

	width: 1200px;

	margin: 0 auto;

}

.container .technology .support{

	width: 34%;

	float: left;

	background: #8fc31f;

}

.container .technology .title{

	width: 100%;

	height: auto;

	line-height: 40px;

	font-size: 36px;

	color: #fff;

	margin-top: 62px;

}

.container .technology .row{

	margin-top: 44px;

}

.container .technology .list{

	width: 290px;

	float: left;

}

.container .technology .list li{

	width: 290px;

	margin-bottom: 26px;

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

	padding-left: 30px;

	box-sizing: border-box;

	float: left;

}

.container .technology .list li a{

	width: 100%;

	height: 30px;

	line-height: 30px;

	font-size: 20px;

	color: #fff;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.container .technology .more{

	width: 45px;

	float: right;

	margin-top: 38px;

	margin-right: 72px;

}

.container .technology .more a{

	width: 40px;

	height: 40px;

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

	display: block;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.container .technology .more a:hover{

	padding-left: 5px;

}

.container .technology .download{

	width: 66%;

	height: 300px;

	float: left;

	background: #00a0e2;

	padding-left: 98px;

	box-sizing: border-box;

}

.container .technology .download .list{

	width: 580px;

}

.container .technology .download .more{

	margin-right: 0px;

}

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

.applicationField .appBox{

	width: 100%;

	clear: both;

	padding: 100px 0;

}

.applicationField .appBox:after{content:"";height:0;display:block;clear:both}

.applicationField .appBox .columnTitle span{

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

	padding-left: 81px;

}

.applicationField .appBox .swiper-container{

	width: 100%;

	margin-top: 102px;

	margin-bottom: 30px;

}

.applicationField .appBox .list{

	text-align: center;

	padding: 0 20px;

	box-sizing: border-box;

}

.applicationField .appBox .list .pic{

	width: 100%;

	height: 142px;

	overflow: hidden;

	text-align: center;

}

.applicationField .appBox .list .pic img{

	width: auto;

	height: 100%;

}

.applicationField .appBox .list .text{

	width: 100%;

	line-height: 22px;

	font-size: 20px;

	color: #333333;

	margin-top: 40px;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

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

	color: #00a0e2;

}*/

.peculiarity{

	width: 100%;

	padding-top: 110px;

	padding-bottom: 94px;

}

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

.peculiarity .peculiarityList{

	width: 100%;

}

.peculiarityList.two li{width: 50%;}

.peculiarityList.three li{width: 33.333%;}

.peculiarityList.four li{width: 25%;}

.peculiarityList.five li{width: 20%;}

.peculiarityList.six li{width: 16.66666%;}

.peculiarityList.seven li{width: 14.2857%;}

.peculiarityList.eight li{width: 12.5%;}

.peculiarityList.nine li{width: 11.1111%;}

.peculiarityList.ten li{width: 10%;}

.peculiarityList li{

	width:25%;

	float: left;

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

	text-align: center;

}

.peculiarityList li:first-child{

	background: none;

}

.peculiarityList li .pic{

	width: 100%;

	height: 77px;

	overflow: hidden;

}

.peculiarityList li .pic img{

	height: 100%;

}

.peculiarityList li .text{

	width: 100%;

	line-height: 24px;

	font-size: 20px;

	color: #333333;

	margin-top: 26px;

}

/*应用领域内页end*/



.productPage{

	width: 100%;

}

.productPage .receiver{

	width: 100%;

	padding:  100px 0 140px 0;

}

.productPage .receiver .columnTitle span{

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

}

.productPage .receiver .swiperList{

	margin-top: 80px;

}

.productPage .receiver .list{

	text-align: center;

}

.productPage .receiver .list .pic2,

.productPage .receiver .list .pic{

	width: 100%;

	height: 146px;

	overflow: hidden;

}

.productPage .receiver .list .pic2 img,

.productPage .receiver .list .pic img{

	height: 100%;

}

.productPage .receiver .list .pic2{

	display: none;

}

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

	display: none;

}

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

	display: block;

}

.productPage .receiver .list .text{

	width: 100%;

	line-height: 24px;

	font-size: 20px;

	color: #333333;

	margin-top: 24px;

}

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

	color: #00a0e2;

}

.productPage .receiver .swiper-button-next,

.productPage .receiver .swiper-button-prev{

	top: 180px;

}

.productPage .module{

	width: 100%;

	height: 586px;

	background: url(../images/productPage_module_bg.jpg) no-repeat center;

	padding-top: 100px;

}

.productPage .module .columnTitle span{

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

	color: #fff;

}

.productPage .module .columnTitle span a{

	color: #fff;

}

.productPage .module .moduleList{

	width: 100%;

	margin-top: 36px;

}

.productPage .module .moduleList .list{

	width: 585px;

 	float: left;

 	margin-left: 30px;

 	text-align: center;

 	position: relative;

}

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

	margin-left: 0;

}

.productPage .module .moduleList .list .pic{

 	width: 100%;

 	height: 400px;

 	overflow: hidden;

}

.productPage .moduleList .list .pic img{

	width: 100%;

	transition: 3s;

	-webkit-transition: 3s;

	-moz-transition: 3s;

	-ms-transition: 3s;

	-o-transition: 3s;

}

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

	transform: scale(1.2,1.2);

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

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

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

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

}

.productPage .module .moduleList .list .text{

	width: 100%;

	line-height: 30px;

	font-size: 30px;

	color: #fff;

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 1;

	margin-top: -15px;

}

.productPage .spareParts{

	width: 100%;

	padding: 100px 0;

}

.productPage .spareParts .columnTitle span{

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

	padding-left: 57px;

}

.productPage .spareParts .sparePartsList{

	width: 100%;

	text-align: center;

	margin-top: 98px;

}

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

.productPage .sparePartsList li{

	width: 33.333%;

	float: left;

	text-align: center;

}

.productPage .sparePartsList li.two li{width: 50%;}

.productPage .sparePartsList li.three li{width: 33.333%;}

.productPage .sparePartsList li.four li{width: 25%;}

.productPage .sparePartsList li.five li{width: 20%;}

.productPage .sparePartsList li.six li{width: 16.66666%;}

.productPage .sparePartsList li.seven li{width: 14.2857%;}

.productPage .sparePartsList li.eight li{width: 12.5%;}

.productPage .sparePartsList li.nine li{width: 11.1111%;}

.productPage .sparePartsList li.ten li{width: 10%;}



.productPage .sparePartsList li .pic2,

.productPage .sparePartsList li .pic{

	width: 100%;

	height: 107px;

}

.productPage .sparePartsList li .pic2 img,

.productPage .sparePartsList li .pic img{

	height: 100%;

}

.productPage .sparePartsList li .pic2{

	display: none;

}

.productPage .sparePartsList li a:hover .pic{

	display: none;

}

.productPage .sparePartsList li a:hover .pic2{

	display: block;

}







.productPage .sparePartsList li .text{

	width: 100%;

	line-height: 22px;

	font-size: 18px;

	color: #333333;

	margin-top: 28px;

}

.productPage .sparePartsList li a:hover .text{

	color: #00a0e2;

}

/*产品中心end*/

.productPage .productList{

	width: 100%;

	padding: 100px 0 0px 0;

}

.productPage .productList .wrap{

	width: 1140px;

	margin: 0 auto;

}

.productPage .productList .row{

	width: 100%;

	padding: 0 0 70px 0;

	clear: both;

}

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

.productPage .productList .columnTitle span{

	padding-left: 106px;

}

.productPage .productList .list{

	width: 100%;

	margin-top: 36px;

	text-align: center;

}

.productPage .productList .list ul{

	display: inline-table;

}

.productPage .productList .list li{

	width: 360px;

	height: auto;

	float: left;

	box-sizing: border-box;

	margin-left: 30px;

	margin-bottom: 30px;

}

.productPage .productList .list li:nth-child(3n+1){

	margin-left: 0;

	text-align: center;

}

.productPage .productList .list li a{

	width: 100%;

	height: auto;

	display: block;

	box-sizing: border-box;

	border: solid 2px #f2f2f2;

	padding-bottom: 18px;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.productPage .productList .list li.curve1 a,

.productPage .productList .list li a:hover{

	border: solid 2px #00a0e2;

}

.productPage .productList .list li .title{

	width: 100%;

	height: 56px;

	line-height: 56px;

	font-size: 20px;

	color: #333333;

	border-bottom: solid 2px #f2f2f2;

	text-align: center;

	position: relative;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.productPage .productList .list li.curve1 a .title,

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

	border-bottom: solid 2px #00a0e2;

	background: #00a0e2;

	color: #fff;

}

.productPage .productList .list li .title span{

	width: 100%;

	height: 56px;

	display: block;

	padding: 0 20px;

	box-sizing: border-box;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

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

	display: none;

}

.productPage .productList .list li.curve1 .title span.tit1,

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

	display: none;

}

.productPage .productList .list li.curve1 .title span.tit2,

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

	display: block;

}

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

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

	width: 33px;

	height: 41px;

	position: absolute;

	top: -3px;

	right: 18px;

	z-index: 5;

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

}

.productPage .productList .list li .title .tag2{

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

}

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

.productPage .productList .list li.curve1 .title .tag1,

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

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

	display: none;

}

.productPage .productList .list li .pic2,

.productPage .productList .list li .pic{

	width: 100%;

	height: 200px;

	overflow: hidden;

}

.productPage .productList .list li .pic2{

	height: 220px;

	display: none;

}

.productPage .productList .list li.curve1 .pic,

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

	display: none;

}

.productPage .productList .list li.curve1 .pic2,

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

	display: block;

}

.productPage .productList .list li .pic2 img,

.productPage .productList .list li .pic img{

	max-width: 100%;

	width: auto;

	height: auto;

}

.productPage .productList .list li .text{

	width: 100%;

	height: 20px;

	line-height: 20px;

	padding: 0 10px;

	font-size: 14px;

	text-align: center;

	color: #808080;

	box-sizing: border-box;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.productPage .productList .list li.curve1 .text,

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

	display: none;

}



/*排除曲线图*/

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

	border: solid 2px #f2f2f2;

}

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

	color: #333333;

	border-bottom: solid 2px #f2f2f2;

	background: none;

}

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

	display: block;

}

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

	display: none;

}

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

	display: block;

}

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

	display: block;

}

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

	display: none;

}

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

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

	display: block;

}





/*产品列表end*/

.productBanner{

	width: 100%;

}

.productBanner .swiper-container{

    width: 100%;

}

.productBanner .swiper-container img{

	width: 100%;

	display: block;

}

.productBanner .swiper-container .swiper-pagination{

	height: 8px;

	padding: 0;

	margin: 0;

	bottom: 38px;

}

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

	width: 8px;

	height: 8px;

	background: none;

	padding: 0;

	margin: 0;

	border: solid 1px #fff;

	margin: 0 25px;

	opacity: 1;

}

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

	background: #00a0e2;

}

.productPage .headBox{

	width: 100%;

	background: url(../images/productPage_headBox_bg.jpg) no-repeat  center 0;

}

.productPage .headBox .wrap{

	height: 180px;

	position: relative;

}

.productPage .headBox .title{

	width: 100%;

	line-height: 30px;

	font-size: 30px;

	color: #fff;

	margin-top: 48px;

	float: left;

}

.productPage .headBox .tab{

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 1;

}

.productPage .headBox .tab .list.on{

	padding-right: 1px;

}

.productPage .headBox .tab .list a{

	width: 100%;

	height: 60px;

	line-height: 60px;

	text-align: center;

	background: #00a0e2;

	display: block;

	margin-top: 2px;

	padding: 0 10px;

	box-sizing: border-box;

	font-size: 20px;

	color: #fff;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

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

	height: 62px;

	margin-top: 0;

	background: #fff;

	color: #00a0e2;

}

.productPage .headBox .swiper-button-next,

.productPage .headBox .swiper-button-prev{

	left: -50px;

	top: 36px;

}

.productPage .headBox .swiper-button-next{

	right: -50px;

	left: auto;

}

.productPage .productDetails{

	width: 100%;

	padding-bottom: 96px;

}

.productPage .productDetails .peculiarity{

	padding: 80px 0;

}

.productPage .productDetails .peculiarityList li .text{

	line-height: 22px;

	font-size: 20px;

	margin-top: 24px;

}

.productPage .productDetails .title{

	width: 100%;

	line-height: 34px;

	font-size: 30px;

	color: #333333;

}

.productPage .parameter{

	width: 100%;

}

.productPage .parameter table{

	width: 100%;

	text-align: center;

	margin-top: 30px;

	border: solid 1px #f2f2f2;

	border-bottom: none;

	box-sizing: border-box;

}

.productPage .parameter table td{

	width: 25%;

	height: 50px;

	border-bottom: solid 1px #f2f2f2;

	font-size:14px;

	color: #808080;

}

.productPage .parameter table td:nth-child(odd){

	background: #f2f2f2;

	border-bottom: solid 1px #fff;

}

.productPage .parameter .text{

	width: 100%;

	line-height: 12px;

	font-size: 12px;

	color: #808080;

	margin-top: 4px;

}

.productPage .curve{

	width: 100%;

	margin-top: 90px;

}

.productPage .curve .article{

	width: 100%;

	border: solid 2px #f2f2f2;

	box-sizing: border-box;

	margin-top: 28px;

	text-align: center;

}

.productPage .curve .article img{

	max-width: 100%;

}

.productPage .productDetails .btn{

	width: 100%;

	margin-top: 60px;
	text-align: center;

}

.productPage .productDetails .btn a,

.productPage .productDetails .btn button,

.productPage .productDetails .btn input{

	width: 118px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	margin: 0 auto;

	display: block;

	border: solid 1px #00a0e2;

	background: none;

	border-radius: 0;

	font-size: 14px;

	color: #00a0e2;

	cursor: pointer;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;
	display: inline-block;
	margin: 0 10px;

}

.productPage .productDetails .btn a:hover,

.productPage .productDetails .btn button:hover,

.productPage .productDetails .btn input:hover{

	background: #00a0e2;

	color: #fff;

}

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

.servicePage{

	width: 100%;

}

.servicePage .title{

	line-height: 36px;

	font-size: 36px;

	color: #333333;

}

.servicePage .title a{

	font-size: 36px;

	color: #333333;

}

.servicePage .recommend{

	width: 100%;

	padding: 100px 0;

}

.servicePage .recommend .wrap{

	width: 1200px;

	border: solid 1px #e6e6e6;

}

.servicePage .recommend .wrap .row{

	padding: 25px 30px 0 30px;

	box-sizing: border-box;

}

.servicePage .recommend .wrap .row:after{content:"";height:0;display:block;clear:both}

.servicePage .recommend .title{

	width: 500px;

	float: left;

	padding: 0;

}

.servicePage .recommend .searchBar{

	width: 300px;

	height: 40px;

	float: right;

	border: solid 1px #cccccc;

	box-sizing: border-box;

}

.servicePage .recommend .searchBar .inpu{

	width:259px;

	height: 38px;

	float: left;

	border-right: solid 1px #cccccc;

}

.servicePage .recommend .searchBar .inpu input{

	width: 100%;

	height: 38px;

	line-height: 38px;

	padding: 0 10px;

	box-sizing: border-box;

	font-size: 14px;

	color: #333;

	border: none;

	background: none;

}

.servicePage .recommend .searchBar .btn{

	width: 38px;

	height: 38px;

	float: right;

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

}

.servicePage .recommend .searchBar .btn a,

.servicePage .recommend .searchBar .btn button,

.servicePage .recommend .searchBar .btn input{

	width: 100%;

	height: 100%;

	float: left;

	border: none;

	background: none;

	cursor: pointer;

}

.servicePage .recommend .product{

	width: 100%;

	clear: both;

	margin-top: 48px;

	margin-bottom: 34px;

	padding: 0 29px;

	box-sizing: border-box;

	position: relative;

}

.recommend .product .swiper-button-next,

.recommend .product .swiper-button-prev{

	left: 0px;

}

.recommend .product .swiper-button-next{

	left: auto;

	right: 0px;

}

.servicePage .recommend .product .swiper-container{

	width: 100%;

}

.servicePage .recommend .list{

	width: 210px;

	height: 250px;

	background: #f2f2f2;

	text-align: center;

	padding: 20px 0;

	box-sizing: border-box;

	overflow: hidden;

	border: solid 1px #f2f2f2;

}

.servicePage .recommend .list:hover{

	border: solid 1px #00a0e2;

}

.servicePage .recommend .list .pic{

	width: 208px;

	height: 186px;

	overflow: hidden;

}

.servicePage .recommend .list .pic img{

	max-width: 100%;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

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

	transform: scale(1.1,1.1);

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

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

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

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

}

.servicePage .recommend .list .text{

	width: 100%;

	height: 24px;

	line-height: 24px;

	padding: 0 5px;

	box-sizing: border-box;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

	font-size:20px;

	color: #333333;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}



.servicePage .customer{

	width: 100%;

	height: 500px;

	background: url(../images/servicePage_customer_bg.jpg) no-repeat center;

}







.servicePage .customer:after{content:"";height:0;display:block;clear:both}

.servicePage .title{

	width: 100%;

	padding-top: 170px;

	transition: 2s;

	-webkit-transition:2s;

	-moz-transition: 2s;

	-ms-transition: 2s;

	-o-transition: 2s;

}

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

	.servicePage .customer:hover .title{

		padding-top: 100px;

	}

}

.servicePage .slogan{

	width: 500px;

	line-height: 26px;

	font-size: 20px;

	color: #333333;

	clear: both;

	margin-top: 30px;

}

.servicePage .btnList{

	width: 100%;

	margin-top: 48px;

}

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

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

}

.servicePage .technicalSupport{

	width: 100%;

	height: 540px;

	background: url(../images/servicePage_technology_bg.jpg) no-repeat center 0;

}

.servicePage .technicalSupport .title{

	padding-top: 98px;

	color: #fff;

}

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

	.servicePage .technicalSupport:hover .title{

		padding-top: 50px;

	}

}

.servicePage .technicalSupport .title a{

	color: #fff;

}

.servicePage .technicalSupport .slogan{

	color: #fff;

}

.servicePage .technicalSupport .line{

	width: 51px;

	height: 1px;

	background: #fff;

	margin-top: 48px;

}

.servicePage .technicalSupport .searchBox{

	width: 100%;

	margin-top: 54px;

}

.servicePage .technicalSupport .searchBox .tit{

	width: 100%;

	line-height: 22px;

	font-size: 20px;

	color: #fff;

}

.servicePage .technicalSupport .searchBox .searchBar{

	width: 300px;

	height: 40px;

	border: solid 1px #fff;

	margin-top: 26px;

	box-sizing: border-box;

}

.servicePage .technicalSupport .searchBar .inpu{

	width: 259px;

	height: 38px;

	float: left;

	box-sizing: border-box;

	border-right: solid 1px #fff;

}

.servicePage .technicalSupport .searchBar .inpu input{

	width: 100%;

	height: 38px;

	line-height: 38px;

	border: none;

	font-size: 14px;

	color: #fff;

	padding: 0 10px;

	background: none;

	box-sizing: border-box;

}

.servicePage .technicalSupport .searchBar .btn{

	width: 39px;

	height: 38px;

	float: left;

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

}

.servicePage .technicalSupport .searchBar .btn a,

.servicePage .technicalSupport .searchBar .btn button,

.servicePage .technicalSupport .searchBar .btn input{

	width: 100%;

	height: 100%;

	display: block;

	border: none;

	background: none;

	cursor: pointer;

}

.servicePage .technicalSupport .searchBox .text{

	width: 100%;

	line-height: 28px;

	font-size: 14px;

	color: #fff;

	margin-top: 18px;

}

.servicePage .downloadCenter{

	width: 100%;

	height: 540px;

	background: url(../images/servicePage_download_bg.jpg) no-repeat right center #f2f2f2;

}



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

	.servicePage .downloadCenter:hover .title{

		padding-top: 100px;

	}

}

.servicePage .technology .title{

	padding: 0;

}

/*服务与支持一级*/

.container .bigMenu{

	width: 100%;

	text-align: center;

	margin-top: 100px;

}

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

.container .bigMenu ul{

	display: inline-table;

}

.container .bigMenu li{

	float: left;

	margin: 0 40px;

	text-align: center;

}

.container .bigMenu li a{

	width: 160px;

	height: 160px;

	display: block;

	border-radius: 50%;

	background: #f2f2f2;

	overflow: hidden;

}

.container .bigMenu li a:hover,

.container .bigMenu li.on a{

	background: #00a0e2;

}

.container .bigMenu li .icon2,

.container .bigMenu li .icon1{

	height: 80px;

	margin-top: 25px;

}

.container .bigMenu li .icon2 img,

.container .bigMenu li .icon1 img{

	height: 100%;

}

.container .bigMenu li .icon2{

	display: none;

}

.container .bigMenu li a:hover .icon1,

.container .bigMenu li.on .icon1{

	display: none;

}

.container .bigMenu li a:hover .icon2,

.container .bigMenu li.on .icon2{

	display: block;

}

.container .bigMenu li .text{

	width: 100%;

	line-height: 20px;

	font-size: 16px;

	color: #333333;

	margin-top: 12px;

}

.container .bigMenu li a:hover .text,

.container .bigMenu li.on .text{

	color: #fff;

}

.container .content .downloadList{

	width: 100%;

}

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

.container .content .downloadList li{

	width: 395px;

	height: auto;

	float: left;

	border: solid 1px #cccccc;

	box-sizing: border-box;

	padding: 19px;

	margin-bottom: 30px;

}

.container .content .downloadList li:nth-child(even){

	float: right;

}

.container .content .downloadList li .pic{

	width: 110px;

	height: 110px;

	float: left;

}

.container .content .downloadList li .text{

	width: 100%;

	padding-left: 130px;

	box-sizing: border-box;

}

.container .content .downloadList li .tit{

	width: 100%;

	height: 60px;

	line-height: 20px;

	font-size: 16px;

	color: #333333;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.container .content .downloadList li .row{

	margin-top: 30px;

}

.container .content .downloadList li .btn{

	float: left;

}

.container .content .downloadList li .btn a{

	line-height: 20px;

	font-size: 12px;

	color: #808080;

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

	padding-left: 23px;

}

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

	color: #00a0e2;

}

.container .content .downloadList li .date{

	float: right;

	line-height: 20px;

	text-align: right;

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

	padding-left: 27px;

	font-size: 12px;

	color: #808080;

}

/*下载中心end*/

.container .serviceArticle{

	width: 100%;

	padding-top: 90px;

}

.container .serviceArticle .wrap{

	width: 1100px;

}

.container .serviceArticle .article{

	width: 100%;

	line-height: 40px;

	font-size: 20px;

	color: #333333;

	margin-top: 0;

	padding-top: 0;

}

.container .serviceArticle .article .tit{

	font-size: 36px;

	line-height: 50px;

}

.container .commonProblems{

	width: 100%;

	padding: 100px 0;

}

.container .commonProblems .columnTitle span{

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

}

.container .commonProblems .problemsList{

	width: 100%;

	margin-top: 50px;

	border-top: solid 1px #e6e6e6;

}

.commonProblems .problemsList li{

	width: 100%;

	border-bottom: solid 1px #e6e6e6;

	padding: 40px 0;

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

	cursor: pointer;

}

.commonProblems .problemsList li.on{

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

}

.commonProblems .problemsList li .question{

	width: 100%;

	line-height: 34px;

	font-size: 28px;

	color: #333333;

	padding-right: 200px;

	box-sizing: border-box;

}

.commonProblems .problemsList li .answer{

	width: 100%;

	height: 30px;

	line-height: 30px;

	font-size: 20px;

	color: #333333;

	margin-top: 20px;

	padding-right: 200px;

	box-sizing: border-box;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.commonProblems .moreBtn{

	width: 100%;

	margin-top: 60px;

}

.commonProblems .moreBtn button,

.commonProblems .moreBtn input,

.commonProblems .moreBtn a{

	width: 120px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	margin: 0 auto;

	display: block;

	border: solid 1px #00a0e2;

	box-sizing: border-box;

	font-size: 14px;

	color: #00a0e2;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.commonProblems .moreBtn button:hover,

.commonProblems .moreBtn input:hover,

.commonProblems .moreBtn a:hover{

	background: #00a0e2;

	color: #fff;

}

/*服务与支持end*/



.aboutPage{

	width: 100%;

}

.aboutPage .oneTitle{

	line-height: 36px;

	font-size: 36px;

	color: #333333;

	padding-top: 170px;

	transition: 2s;

	-webkit-transition: 2s;

	-moz-transition: 2s;

	-ms-transition: 2s;

	-o-transition: 2s;

}

.aboutPage .slogan{

	width: 560px;

	line-height: 26px;

	font-size: 20px;

	color: #333333;

	clear: both;

	margin-top: 30px;

}

.aboutPage .btnList{

	width: 600px;

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

	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;

}

.aboutPage .introduction{

	width: 100%;

	height: 500px;

	background: url(../images/aboutPage_introduction_bg.jpg) no-repeat right 0 center;

}

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

	.aboutPage .introduction:hover .oneTitle{

		padding-top: 100px;

	}

}



.aboutPage .quality{

	width: 100%;

	height: 500px;

	background: url(../images/aboutPage_quality_bg.jpg) no-repeat 0 center #00a0e2;

}

.aboutPage .quality .oneTitle{

	width: 460px;

	color: #fff;

	float: right;

}

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

	.aboutPage .quality:hover .oneTitle{

		padding-top: 100px;

	}

}

.aboutPage .quality .slogan{

	width: 460px;

	float: right;

	color: #fff;

}

.aboutPage .market{

	width: 100%;

	height: 500px;

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

}

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

	.aboutPage .market:hover .oneTitle{

		padding-top: 100px;

	}

}



.aboutPage .recruiting{

	width: 100%;

	height: 500px;

	background: url(../images/.aboutPage_recruiting_bg.jpg) no-repeat 0 center;

}

.aboutPage .recruiting .slogan,

.aboutPage .recruiting .oneTitle{

	width: 462px;

	float: right;

	clear: both;

}

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

	.aboutPage .recruiting:hover .oneTitle{

		padding-top: 100px;

	}

}

.aboutPage .recruiting .btnList{

	float: right;

	clear: both;

}

.aboutPage .recruiting .btnList .row{

	width: 462px;

	float: right;

}

/*了解声倍一级*/



.aboutPage .introductionBox{

	width: 1200px;

	margin: 90px auto;

	line-height: 40px;

	font-size: 20px;

	color: #333333;

}

.aboutPage .introductionBox img{

	max-width: 100%;

}

/*声倍简介*/

.aboutPage .historyBox{

	width: 100%;

	position: relative;

	margin: 78px 0 90px 0;

}

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

.aboutPage .historyBox .lineBox{

	width: 1px;

	height: 100%;

	background: url(../images/historyBox_line.gif) repeat-y;

	position: absolute;

	top: 0;

	left: 50%;

	bottom: 0;

	z-index: 1;

}

.aboutPage .historyBox .historyList{

	width: 994px;

	margin: 0 auto;

}

.historyList .yearsBox{

	width: 100%;

	padding-top: 75px;

	position: relative;

	margin-bottom: 70px;

}

.historyList .yearsBox:after{content:"";height:0;display:block;clear:both}

.historyList .yearsBox .box{

	width: 80px;

	height: 80px;

	line-height: 80px;

	text-align: center;

	background: #f2f2f2;

	border-radius: 50%;

	font-size: 24px;

	color: #00a0e2;

	position: absolute;

	left: 50%;

	top: 0;

	margin-left: -40px;

	z-index: 5;

}

.historyList .yearsBox .monthBox{

	width: 525px;

	float: right;

	position: relative;

	z-index: 9;

}

.historyList .yearsBox.left .monthBox{

	float: left;

}

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

	float: left;

	margin-top: -150px;

}

.historyList .yearsBox .monthBox .centen{

	width: 400px;

	height: auto;

	float: right;

	box-sizing: border-box;

}

.historyList .yearsBox.left .monthBox .centen,

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

	float: left;

}

.historyList .yearsBox .monthBox .centen .pic{

	width: 400px;

	height: 250px;

	border: solid 1px #cccccc;

	box-sizing: border-box;

	text-align: center;

	overflow: hidden;

	position: relative;

}

.historyList .yearsBox .monthBox .centen .pic img{

	width: 100%;

}

.historyList .yearsBox .monthBox .pic .txt{

	width: 100%;

	height: 38px;

	line-height: 38px;

	padding: 0 13px;

	box-sizing: border-box;

	background: url(../images/historyList_pic.png);

	font-size: 14px;

	color: #fff;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 6;

	text-align: left;

}

.historyList .yearsBox .monthBox .centen .text{

	width: 100%;

	height: 20px;

	line-height: 20px;

	margin-top: 16px;

	padding: 0 30px;

	box-sizing: border-box;

	font-size: 16px;

	color: #808080;

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

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.historyList .yearsBox .monthBox .icon{

	width: 119px;

	height: 22px;

	float: left;

	margin-top: 59px;

	background: url(../images/historyList_icon.gif) repeat-x 0 center;

}

.historyList .yearsBox .monthBox .icon span{

	width: 50px;

	height: 22px;

	line-height: 22px;

	text-align: center;

	font-size: 12px;

	color: #fff;

	background: #00a0e2;

	display: block;

	border-radius: 11px;

	float: left;

}

.historyList .yearsBox.left .monthBox .icon,

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

	float: right;

}

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

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

	float: right;

}

/*发展历程end*/

.aboutPage .honorBox{

	width: 100%;

	padding: 80px 0;

}

.aboutPage .honorBox .business{

	width: 100%;

}

.aboutPage .honorBox .business .columnTitle span{

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

}

.aboutPage .honorBox .business .list{

	width: 100%;

	margin-top: 50px;

}

.aboutPage .honorBox .business .list:after{content:"";height:0;display:block;clear:both}

.aboutPage .honorBox .business li{

	width: 276px;

	text-align: center;

	float: left;

	padding-left: 30px;

	margin-bottom: 20px;

}

.aboutPage .honorBox .business li:nth-child(4n+1){

	padding-left: 0;

}

.aboutPage .honorBox .business li .pic{

	width: 100%;

	overflow: hidden;

}

.aboutPage .honorBox .business li .pic img{

	width: 100%;

}

.aboutPage .honorBox .business li .text{

	width: 100%;

	line-height: 20px;

	font-size:16px;

	color: #808080;

	margin-top: 6px;

}

.aboutPage .honorBox .enterprise{

	width: 100%;

	margin-top: 150px;

}

.aboutPage .honorBox .enterprise .columnTitle span{

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

}

.aboutPage .honorBox .enterprise .list{

	width: 100%;

	margin-top: 50px;

}

.aboutPage .honorBox .enterprise .list:after{content:"";height:0;display:block;clear:both}

.aboutPage .honorBox .enterprise .list li{

	width: 585px;

	float: left;

	text-align: center;

	margin-bottom: 20px;

}

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

	padding-left: 30px;

}

.honorBox .enterprise .list li .pic{

	width: 100%;

	overflow: hidden;

}

.honorBox .enterprise .list li .pic img{

	width: 100%;

}

.honorBox .enterprise .list li .text{

	width: 100%;

	line-height: 20px;

	font-size: 16px;

	color: #808080;

	margin-top: 6px;

}

/*企业荣誉end*/



.aboutPage .enterpriseCulture{

	width: 1200px;

	margin: 90px auto;

	line-height: 40px;

	font-size: 20px;

	color: #333333;

}

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

.aboutPage .enterpriseCulture img{

	max-width: 100%;

}

















.aboutPage .recommended{

	height: 520px;

	background: url(../images/aboutPage_recommended_bg.jpg) no-repeat center;

}

.aboutPage .recommended .columnTitle span{

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

}

.aboutPage .recommended .newsList li .pic{

	width: 100%;

	height: 220px;

}

.aboutPage .recommended .newsList li .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;

}











































/*企业文化end*/

.aboutPage .speechBox{

	width: 100%;

	margin: 100px 0;

}

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

.aboutPage .speechBox .portrait{

	width:300px;

	float: left;

	text-align: center;

}

.aboutPage .speechBox .portrait .pic{

	width: 100%;

}

.aboutPage .speechBox .portrait .pic img{

	width: 100%;

}

.aboutPage .speechBox .portrait .name{

	width: 100%;

	line-height: 30px;

	font-size: 20px;

	color: #333333;

	padding: 10px 0;

}

.aboutPage .speechBox .article{

	width: 834px;

	float: right;

	line-height: 40px;

	font-size: 20px;

	color: #333333;

	padding: 0;

}

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

/*总经理致辞end*/

.aboutPage .marketBox{

	width: 100%;

	padding: 100px 0;

}

.aboutPage .marketBox .marketList{

	width: 100%;

}

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

.aboutPage .marketBox .marketList li{

	width: 380px;

	float: left;

	margin-bottom: 30px;

	margin-left: 30px;

}

.aboutPage .marketBox .marketList li:nth-child(3n+4){

	margin-left: 0;

}

.aboutPage .marketBox .marketList li.huge{

	width: 790px;

	margin-left: 0;

}

.aboutPage .marketList li .pic{

	width: 100%;

	height: 198px;

	text-align: center;

	overflow: hidden;

}

.aboutPage .marketList li.huge .pic{

	height: 510px;

}

.aboutPage .marketList li .pic img{

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

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

	transform: scale(1.1,1.1);

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

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

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

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

}

.aboutPage .marketList li .bottom{

	width: 100%;

	background: #f2f2f2;

	padding: 10px 25px;

	box-sizing: border-box;

}

.aboutPage .marketList li .tit{

	width: 100%;

	height: 60px;

	line-height: 30px;

	font-size: 18px;

	color: #333333;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

	word-break:break-all;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.aboutPage .marketList li a:hover .tit{

	color: #00a0e2;

}

.aboutPage .marketList li.huge .tit{

	height: 30px;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.aboutPage .marketList li .text{

	width: 100%;

	height: 48px;

	line-height: 24px;

	font-size: 12px;

	color: #808080;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

	word-break:break-all;

	margin-top: 8px;

}

.aboutPage .marketList li .info{

	width: 100%;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	color: #808080;

	margin-top: 10px;

}

.aboutPage .marketList li .info span.date{

	padding-left: 20px;

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

	margin-right: 15px;

}

.aboutPage .marketList li .info span.see{

	padding-left: 24px;

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

	margin-right: 15px;

}

/*全球市场end*/

.aboutPage .recruitmentBox{

	width: 100%;

	padding: 90px 0;

}

.aboutPage .recruitmentBox .concept{

	width: 100%;

	line-height: 40px;

	font-size: 20px;

	color: #333333;

}

.aboutPage .recruitmentBox .concept img{

	max-width: 100%;

}

.aboutPage .recruitmentBox .concept .tit{

	display: block;

	line-height: 40px;

	font-size: 36px;

	text-align: center;

}

/*人才理念end*/

.aboutPage .recruitmentBox .recruitmentList{

	width: 100%;

}

.aboutPage .recruitmentBox .recruitmentList .chooseBox{

	width: 100%;

	background: #fafafa;

	border: solid 1px #cccccc;

	box-sizing: border-box;

	padding: 20px;

}

.aboutPage .recruitmentBox .recruitmentList .chooseBox:after{content:"";height:0;display:block;clear:both}

.aboutPage .recruitmentList .chooseBox ul{

	float: left;

}

.aboutPage .recruitmentList .chooseBox li{

	float: left;

	padding: 0 16px;

	line-height: 50px;

	font-size: 20px;

	color: #333333;

}

.aboutPage .recruitmentList .chooseBox li input{

	display: none;

}

.aboutPage .recruitmentList .chooseBox label{

	cursor: pointer;

	color: #333333;

}

.aboutPage .recruitmentList .chooseBox li.on label{

	color:#00a0e2;

}

.aboutPage .recruitmentList .position{

	width: 100%;

	margin-top: 30px;

	padding-bottom: 10px;

}

.aboutPage .recruitmentList .position table{

	width: 100%;

	text-align: center;

	border: solid 1px #cccccc;

	box-sizing: border-box;

}

.aboutPage .recruitmentList .position table tr:hover{

	background: #f2f2f2;

}

.aboutPage .recruitmentList .position table th{

	height: 58px;

	font-size: 20px;

	color: #333333;

	font-weight: normal;

	background: #fafafa;

}

.aboutPage .recruitmentList .position table td{

	height: 78px;

	border-top: solid 1px #cccccc;

	font-size: 16px;

	color: #333333;

}

.aboutPage .recruitmentList .position table a{

	width: 120px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border-radius: 4px;

	background: #00a0e2;

	font-size: 16px;

	color: #fff;

	display: block;

	margin: 0 auto;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.aboutPage .recruitmentList .position table a:hover{

	background: #008ec8;

}

/*招聘列表end*/

.aboutPage .recruitmentBox .details{

	width: 100%;

}

.aboutPage .recruitmentBox .details .title{

	width: 100%;

	border-bottom: solid 1px #cccccc;

	padding-bottom: 18px;

}

.aboutPage .recruitmentBox .details .tit{

	width: 100%;

	line-height: 40px;

	font-size: 30px;

	color: #333333;

}

.aboutPage .recruitmentBox .details .info{

	width: 100%;

	line-height: 22px;

	font-size: 16px;

	color: #333333;

	margin-top: 16px;

}

.aboutPage .recruitmentBox .details .article{

	width: 100%;

	line-height: 30px;

	font-size: 16px;

	color: #333333;

}

.aboutPage .recruitmentBox .details .article .tit{

	font-size: 20px;

}

.aboutPage .recruitmentBox .details .btn{

	width: 100%;

}

.aboutPage .recruitmentBox .details .btn button,

.aboutPage .recruitmentBox .details .btn input,

.aboutPage .recruitmentBox .details .btn a{

	width: 120px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	display: block;

	margin: 0 auto;

	border-radius: 4px;

	background: #00a0e2;

	font-size: 16px;

	color: #fff;

	border: none;

	cursor: pointer;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.aboutPage .recruitmentBox .details .btn button,

.aboutPage .recruitmentBox .details .btn input,

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

	background:#008bc4;

}

/*招聘详情end*/



.aboutPage .manufacturing{

	width: 100%;

}





/*END*/




/*改版*/
.productPage .productClassify li{
	overflow: hidden;
}
.productPage .productClassify li img{
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.productPage .productClassify li a:hover img{
	transform: scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
}
.productPage.news .productList{
	margin-bottom: 56px;
	margin-top: 0;
	padding-top: 64px;
	clear: both;
}
.productPage.news .productDetails .parameter{
	margin-top: 62px;
}
.productPage.news .productDetails .btn{
	margin-top: 108px;
}