
/*

By  鱼 
QQ  594074555

*/
/*公共样式*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{margin:0;padding:0}
	ul,li,ol,dl,dt,dd{list-style: none;}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
	table{border-collapse:collapse;border-spacing:0}
	audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
	fieldset,img{border:0}
	caption,th{text-align:left}
	q:before,q:after{content:''}
	abbr,acronym{border:0;font-variant:normal}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
	input,textarea,select{*font-size:100%}
	@media screen and (max-width: 767px){input[type="button"],input[type="submit"],input[type="reset"],textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;} }
	a{ text-decoration: none;color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
	a:hover{text-decoration:none;cursor: pointer;}
	html,body{font-family: "arial" ,'Microsoft Yahei';*font-family: "微软雅黑";*font-family: "Microsoft Yahei";color: #666;overflow-x: hidden;}
	*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}
	img{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
	body{position: relative;}
	.clear{clear: both;}
	.mt2{margin-top: 2% !important;}
	.mb2{margin-bottom: 2% !important;}
	.pt2{padding-top: 2% !important;}
	.pb2{padding-bottom: 2% !important;}
	.mt0{margin-top: 0% !important;}
	.mb0{margin-bottom: 0% !important;}
	.pt0{padding-top: 0% !important;}
	.pb0{padding-bottom: 0% !important;}
	.after:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
	.mid{width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;}
	.mid:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
	@media screen and (max-width: 1200px){.mid{padding-left: 4%;padding-right: 4%;}}
	.text,.tect{font-size: 14px;color: #333;line-height: 2em;word-wrap: break-word; word-break: normal;}
	.text *,.tect *{max-width: 100%;}
	@media screen and (max-width: 768px){.text table,.tect table{width: 100% !important;}}

/*********************************/

/*页面锚点*/
	#menu{
		position: fixed;
		z-index: 100;
		margin-top: -32px;
		top: 50%;
		opacity: 1;
		right: 17px;
	}
	#menu li{
		display: block;
		width: 14px;
		height: 13px;
		margin: 7px;
		position:relative;
	}
	#menu li a{
		display: block;
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
		cursor: pointer;
		text-decoration: none;
	}
	#menu span{
		width: 10px;
		height: 10px;
		border: none;
		background: #ccc;
		top: 2px;
		left: 2px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		position: absolute;
		z-index: 1;
	}
	#menu span:before{
		content: attr(data-word);
		width: 120px;
		height: 30px;
		line-height: 30px;
		display: inline-block;
		color: #fff;
		border-radius: 5px;
		font-size: 12px;
		background: #ea5404;
		text-align: center;
		top: -10px;
    	left: -120px;
	}
	#menu span:after{
		content: "";
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid #ea5404;
		top: 0;
		left: 0;
	}
	#menu span:before,
	#menu span:after{
	    position: absolute;
    	-webkit-transition: all .5s ease-in-out 0s;
		-moz-transition: all .5s ease-in-out 0s;
		-ms-transition: all .5s ease-in-out 0s;
		-o-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
    	opacity: 0;
    	visibility: hidden;
    	filter: drop-shadow(0 0 2px #ff7d37);
		-webkit-filter: drop-shadow(0 0 2px #ff7d37);
	}
	#menu li:hover span:before,
	#menu li:hover span:after{
		opacity: 1;
    	visibility: visible;
	}
	#menu li:hover span:before{
    	left: -129px;
	}
	#menu li:hover span:after{
		left: -9px;
	}
	#menu li.active span{
		background: #ea5404;
	}
	@media screen and (max-width: 1200px){
		#menu{
			display: none;
		}
	}

/*公共头部*/
	.section .tableCell{
		padding-top: 85px;
	}
	.section.section_one .tableCell{
		padding-top: 0;
		display: block;
	}
	@media screen and (max-width: 1200){
		.section{
			padding-top: 0;
		}
	}
	.fixheader{
		position: fixed;
		width: 100%;
		height: 85px;
		background: #fff;
		z-index: 100;
		left: 0;
		top: 0;
		padding: 0 2%;
		box-shadow: 0 1px 5px #ddd;
	}
	.fixheader .logo{
		display: block;
		height: 36px;
		width: 159px;
		float: left;
		margin: 24.5px 0 0 0;
	}
	.fixheader .navbox{
		padding-left: 3%;
		float: left;
	}
	.fixheader .navbox:after{
		content: "";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.fixheader .navbox>div{
		float: left;
		position: relative;
	}
	.fixheader .navbox>div.on a{
		color: #004ea2;
	}
	.fixheader .navbox>div>a{
		display: block;
		height: 85px;
		line-height: 85px;
		font-size: 16px;
		color: #666666;
		text-align: center;
		padding: 0 20px;
	}
	.fixheader .navbox .sub{
		opacity: 0;
		visibility: hidden;
		position: absolute;
		z-index: 2;
		-webkit-transition: all .5s ease-in-out 0s;
		-moz-transition: all .5s ease-in-out 0s;
		-ms-transition: all .5s ease-in-out 0s;
		-o-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
		-webkit-transform: rotateY(90deg);
		-ms-transform: rotateY(90deg);
		-o-transform: rotateY(90deg);
		transform: rotateY(90deg);
		-webkit-transform-origin: center top;
		-moz-transform-origin: center top;
		-ms-transform-origin: center top;
		-o-transform-origin: center top;
		transform-origin: center top;
	}
	.fixheader .navbox>div:hover .sub{
		opacity: 1;
		visibility: visible;
		-webkit-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	.fixheader .navbox .sub .in{
		background: #fff;
		filter: drop-shadow(0 0 3px #ccc);
		-webkit-filter: drop-shadow(0 0 3px #ccc);
		padding: 20px 10px;
	}
	.fixheader .navbox .sub .in:after{
		content: "";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.fixheader .navbox .sub i{
		width: 100%;
		height: 10px;
		display: block;
		position: relative;
		z-index: 3;
		background: url(../images/a11.png) center center no-repeat;
		filter: drop-shadow(0 -2px 2px #ccc);
		-webkit-filter: drop-shadow(0 -2px 2px #ccc);
	}
	.fixheader a:hover{
		color: #004ea2 !important;
	}
	/*导航-产品中心*/
	.fixheader .navbox .btn2 .sub{
		width: 700px;
		left: 50%;
		margin-left: -325px;
		font-size: 0;
	}
	.fixheader .navbox .btn2 .sub dl{
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		border-left: 1px solid #eeeeee;
		padding: 0 15px;
		max-width: 160px;
	}
	.fixheader .navbox .btn2 .sub dl:first-child{
		border-left: none;
	}
	.fixheader .navbox .btn2 .sub dl dt a{
		font-size: 16px;
		color: #333333;
		/*line-height: 2em;*/
		display: block;
		margin-bottom: 1em;
	}
	.fixheader .navbox .btn2 .sub dl dd a{
		font-size: 14px;
		color: #666;
		display: block;
		line-height: 1.2em;
		margin-bottom: 0.8rem;
	}
	/*导航-其他*/
	.fixheader .navbox .btn3 .sub,
	.fixheader .navbox .btn4 .sub,
	.fixheader .navbox .btn5 .sub{
		width: 160px;
		left: 50%;
		margin-left: -80px;
	}
	.fixheader .navbox .btn3 .sub li a,
	.fixheader .navbox .btn4 .sub li a,
	.fixheader .navbox .btn5 .sub li a{
		font-size: 16px;
		color: #333333;
		line-height: 1.2em;
		padding: 0.3em 0;
		display: block;
		text-align: center;
	}
	.fixheader .navbox .btn3 .sub{
		margin-left: -80px;
		width: 160px;
		text-align: center;
	}
	.fixheader .navbox .btn3 .sub .in{
		width: 160px;
	}
	/*电话*/
	.fixheader .telbox{
		float: right;
		height: inherit;
		padding-top: 27.5px;
	}
	.fixheader .telbox img{
		display: block;
		width: 30px;
		height: 30px;
		float: left;
		margin-right: 15px;
	}
	.fixheader .telbox p{
		font-size: 16px;
		color: #ea5404;
		height: 30px;
		line-height: 30px;
		white-space: nowrap;
		float: left;
	}
	.fixheader .otherbox{
		float: right;
		height: inherit;
		padding-top: 27px;
	}
	.fixheader .otherbox .search{
		float: left;
		width: 180px;
		height: 28px;
		border: 1px solid #cccccc;
		-webkit-border-radius: 30px;
		border-radius: 30px;
	}
	.fixheader .otherbox .search .a{
		float: left;
		height: 26px;
		line-height: 26px;
		width: 80%;
		padding: 0 10px;
		font-size: 14px;
		color: #333;
		border: none;
		background: none;
		outline: none;
		display: block;
	}
	.fixheader .otherbox .search .b{
		float: right;
		display: block;
		width: 20%;
		height: 26px;
		background: none;
		outline: none;
		border: none;
		background: url(../images/a12.png) center no-repeat;
		-webkit-background-size: 18px auto;
		background-size: 18px auto;
		cursor: pointer;
	}
	.fixheader .otherbox .langbox{
		float: right;
		margin: 0 20px;
		position: relative;
		cursor: pointer;
	}
	.fixheader .otherbox .langbox img{
		width: 20px;
		display: inline-block;
		vertical-align: middle;
	}
	.fixheader .otherbox .langbox p{
		display: inline-block;
		font-size: 14px;
		color: #666;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		padding-right: 15px;
		background: url(../images/a13.png) right center no-repeat;
		-webkit-background-size: 10px auto;
		background-size: 10px auto;
	}
	.fixheader .otherbox .langbox ul{
		position: absolute;
		left: 50%;
		margin-left: -50px;
		top: 100%;
		background: #fff;
		box-shadow: 0 0 5px #ccc;
		padding: 10px;
		width: 110px;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .5s ease-in-out 0s;
		-moz-transition: all .5s ease-in-out 0s;
		-ms-transition: all .5s ease-in-out 0s;
		-o-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
	}
	.fixheader .otherbox .langbox ul li a{
		color: #333;
		font-size: 16px;
		line-height: 1.5em;
		padding: 0.4em 0;
		display: block;
		word-wrap: break-word;
		word-break: normal;
	}
	.fixheader .otherbox .langbox ul li a:hover{
		color: #ea5404 !important;
	}
	.fixheader .otherbox .langbox:hover ul{
		opacity: 1;
		visibility: visible;
	}
	/*响应*/
	@media only screen and (max-width:1700px ) {
		.fixheader .navbox>div>a{
			padding: 0 15px;
		}
		.fixheader .otherbox .search{
			width: 160px;
		}
	}
	
	@media screen and (max-width: 1500px){
		.fixheader{
			padding: 0 2%;
		}
		.fixheader .navbox{
			padding-left: 2%;
			width: 59%;
		}
		.fixheader .otherbox .langbox{
			margin: 0 10px;
		}
		.fixheader .telbox p{
			font-size: 14px;
		}
		.fixheader .otherbox .search{
			width: 120px;
		}
		.fixheader .navbox>div>a{
			font-size: 14px;
			padding: 0 10px;
		}
		.fixheader .telbox img{
			margin-right: 8px;
		}
	}
	@media only screen and (min-width: ) {
		.fixheader .navbox{
			padding-left: 1%;
			width: 57%;
		}
	}
	@media screen and (max-width: 1200px){
		.fixheader{
			height: 45px;
			position: relative;
		}
		.fixheader .logo{
			height: 20px;
			margin-top: 12px;
			width: auto;
		}
		.fixheader .telbox{
			padding-top: 12px;
		}
		.fixheader .telbox img{
			width: 20px;
			height: auto;
			margin-right: 10px;
		}
		.fixheader .telbox p{
			font-size: 14px;
			height: 20px;
			line-height: 20px;
		}
		.fixheader .otherbox{
			padding-top: 7px;
			margin-right: 3%;
		}
		.fixheader .otherbox .langbox{
			display: none;
		}
		.fixheader .otherbox .search{
			width: 150px;
			display: none;
		}
		.section_one{
			position: relative;
			width: 100%;
			padding-top: 56.25%;
			overflow: hidden;
		}
		.section_one .swiper-containera{
			position: absolute;
			left: 0;
			top: 0;
		}
		/*导航响应*/
		.fixheader .navbox{
			position: absolute;
			top: 100%;
			left: 0;
			background: rgba(0,0,0,0.9);
			z-index: 5;
			width: 100%;
			padding: 2%;
			display: none;
			float: none;
			max-height: 500px;
			overflow-y: auto;
		}
		.fixheader .navbox.active{
			display: block;
		}
		.fixheader .navbox a{
			color: #fff !important;
		}
		.fixheader .navbox>div{
			width: 100%;
			float: none;
		}
		.fixheader .navbox>div>a{
			height: 30px;
			line-height: 30px;
			text-align: left;
			position: relative;
			padding: 0 0 0 15px;
		}
		.fixheader .navbox>div>a:before{
			content: "";
			position: absolute;
			left: 0;
			width: 2px;
			height: 12px;
			background: #fff;
			display: block;
			top: 50%;
			margin-top: -6px;
		}
		.fixheader .navbox .btn2 .sub,
		.fixheader .navbox .btn3 .sub,
		.fixheader .navbox .btn4 .sub,
		.fixheader .navbox .btn5 .sub,
		.fixheader .navbox .btn6 .sub{
			opacity: 1;
			visibility: visible;
			position: relative;
			left: 0;
			margin: 0;
			width: 100%;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
		}
		.fixheader .navbox .btn3 .sub li,
		.fixheader .navbox .btn4 .sub li,
		.fixheader .navbox .btn5 .sub li,
		.fixheader .navbox .btn6 .sub li{
			display: inline-block;
			margin: 2% 4% 2% 0;
			padding: 3px 5px;
			background: rgba(255,255,255,0.1);
		}
		.fixheader .navbox .sub i{
			display: none;
		}
		.fixheader .navbox .sub .in{
			background: none;
			filter: drop-shadow(0 0 0 #ccc);
			-webkit-filter: drop-shadow(0 0 0 #ccc);
			padding: 0 3% 2% 30px;
		}
		.fixheader .navbox .btn3 .sub .in{
			width: 100%;
		}
		.fixheader .navbox .btn2 .sub dl{
			display: block;
			border-left: none;
			padding: 0;
			width: 100%;
			max-width: 100%;
		}
		.fixheader .navbox .btn2 .sub dl:after{
			content: "";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}
		.fixheader .navbox .btn2 .sub dl dd{
			display:inline-block;
			margin: 2% 4% 2% 0;
			padding: 3px 5px;
			background: rgba(255,255,255,0.1);
		}
		.fixheader .navbox .btn2 .sub dl dt a{
			font-size: 14px;
		}
		.fixheader .navbox .btn2 .sub dl dd a{
			font-size: 13px;
		}
		.fixheader .navbox .btn3 .sub li a, 
		.fixheader .navbox .btn4 .sub li a, 
		.fixheader .navbox .btn5 .sub li a{
			font-size: 14px;
		}
		.fixheader .navbtn{
			display: block;
			width: 40px;
			height: 40px;
			float: right;
			margin-top: 2px;
			position: relative;
		}
		.fixheader em.navbtn:before,.fixheader em.navbtn:after{
		    content: "";
		    position: absolute;
		    left: 40%;
		    width: 60%;
		    height: 2px;
		    background: #ea5404;
		    -webkit-transition: all .3s ease-out 0s;
		    transition: all .3s ease-out 0s;
		}
		.fixheader em.navbtn:before{
		    top: 15px;
		}
		.fixheader em.navbtn:after{
		    bottom: 15px;
		}
		.fixheader em.navbtn.active:before{
		    -webkit-transform: rotate(45deg);
		    transform: rotate(45deg);
		    top: 50%;
		}
		.fixheader em.navbtn.active:after{
		    -webkit-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		    top: 50%;
		}
		.fixheader .navbox .btn3 .sub{
			text-align: left;
		}
	}

/*第一屏*/
	.section_one{
		table-layout: fixed;
	}
	.section_one .swiper-containera{
		overflow: hidden;
		height: 100%;
		width: 100%;
	}
	/*.section_one .swiper-containera,*/
	.section_one .swiper-containera .swiper-wrapper,
	.section_one .swiper-containera .swiper-wrapper .swiper-slide{
		width: 100%;
		height: 100% !important;
	}
	.section_one .swiper-containera .swiper-slide{
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.section_one .swiper-containera .pagination{
		position: absolute;
		left: 0;
		bottom: 5%;
		width: 100%;
		text-align: center;
		height: 10px;
	}
	.section_one .swiper-containera .pagination span{
		width: 12px;
		height: 12px;
		display: inline-block;
		background: #ffffff;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		vertical-align: middle;
		margin: 0 5px;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.section_one .swiper-containera .pagination span.swiper-active-switch{
		width: 24px;
		background: #ea5404;
		height: 8px;
	}

	
	.bannergoto{
		display: block;
		width: 50px;
		height: 50px;
		background: url(../images/a30.png) center no-repeat;
		position: absolute;
		left: 50%;
		margin-left: -25px;
		bottom: 95px;
		-webkit-animation: goto 1s linear  infinite;
		-moz-animation: goto 1s linear  infinite;
		-ms-animation: goto 1s linear  infinite;
		animation: goto 1s linear  infinite; 
		cursor: pointer;
		z-index: 2;
	}
	@keyframes goto{
		0%  {transform: translateY(0px);}
		50% {transform: translateY(-10px);}
		100%{transform: translateY(0px);}
	}
	-ms-@keyframes goto{
		0%  {-ms-transform: translateY(0px);}
		50% {-ms-transform: translateY(-10px);}
		100%{-ms-transform: translateY(0px);}
	}
	-moz-@keyframes goto{
		0%  {-moz-transform: translateY(0px);}
		50% {-moz-transform: translateY(-10px);}
		100%{-moz-transform: translateY(0px);}
	}
	-webkit-@keyframes goto{
		0%  {-webkit-transform: translateY(0px);}
		50% {-webkit-transform: translateY(-10px);}
		100%{-webkit-transform: translateY(0px);}
	}
	@media (max-width: 1200px) {
		.bannergoto{display: none;}
	}
	

	.section_one a.prev,
	.section_one a.next{
		position: absolute;
		display: block;
		width: 30px;
		height: 60px;
		background-position: center center;
		-webkit-background-size: 100% auto; 
		background-size: 100% auto;
		background-repeat: no-repeat;
		top: 50%;
		margin-top: -15px;
		z-index: 3;
	}
	.section_one a.prev{
		background-image: url(../images/a15.png);
		left: 5%;
	}
	.section_one a.next{
		background-image: url(../images/a16.png);
		right: 5%;
	}
	.section_one .table{
		display: table;
		table-layout: fixed; 
		width: 100%;
		height: 100%;
	}
	.section_one .table .cell{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 100%;
		height: 100%;
		padding: 5%;
	}
	.section_one .table .cell img{
		max-width: 80%;
		display: block;
		margin: 0 auto;
		position: relative;
		left: -100px;
		opacity: 0;
	}
	.section_one .table .cell a{
		display: block;
		width: 130px;
		height: 40px;
		border: 1px solid #fff;
		font-size: 18px;
		line-height: 38px;
		color: #fff;
		margin: 80px auto 0 auto;
		position: relative;
		right: -100px;
		opacity: 0;
		-webkit-transition: all .5s ease-in-out 0s;
		-moz-transition: all .5s ease-in-out 0s;
		-ms-transition: all .5s ease-in-out 0s;
		-o-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
	}
	.section_one .table .cell a:hover{
		background: #ea5404;
		border: 1px solid #ea5404;
		color: #fff;
	}
	.section_one .swiper-slide-active .table .cell img{
		animation: leftani 1s 0.5s forwards;
		-moz-animation: leftani 1s 0.5s forwards;
		-webkit-animation: leftani 1s 0.5s forwards;
		-o-animation: leftani 1s 0.5s forwards;
	}
	.section_one .swiper-slide-active .table .cell a{
		animation: rightani 1s 0.5s forwards;
		-moz-animation: rightani 1s 0.5s forwards;
		-webkit-animation: rightani 1s 0.5s forwards;
		-o-animation: rightani 1s 0.5s forwards;
	}
	@keyframes leftani{
		from {left: -100px;opacity: 0;}
		to {left: 0;opacity: 1;}
	}
	@-moz-keyframes leftani{
		from {left: -100px;opacity: 0;}
		to {left: 0;opacity: 1;}
	}
	@-webkit-keyframes leftani{
		from {left: -100px;opacity: 0;}
		to {left: 0;opacity: 1;}
	}
	@-o-keyframes leftani{
		from {left: -100px;opacity: 0;}
		to {left: 0;opacity: 1;}
	}

	@keyframes rightani{
		from {right: -100px;opacity: 0;}
		to {right: 0;opacity: 1;}
	}
	@-moz-keyframes rightani{
		from {right: -100px;opacity: 0;}
		to {right: 0;opacity: 1;}
	}
	@-webkit-keyframes rightani{
		from {right: -100px;opacity: 0;}
		to {right: 0;opacity: 1;}
	}
	@-o-keyframes rightani{
		from {right: -100px;opacity: 0;}
		to {right: 0;opacity: 1;}
	}
	@media screen and (max-width: 1200px){
		.section_one a.prev, 
		.section_one a.next{
			display: none;
		}
	}
	@media screen and (max-width: 768px){
		.section_one .swiper-containera .pagination{
			bottom: 5%;
		}
		.section_one .swiper-containera .pagination span{
			width: 6px;
			height: 6px;
		}
		.section_one .swiper-containera .pagination span.swiper-active-switch{
			width: 12px;
			height: 6px;
		}
		.section_one .table .cell a{
			margin: 20px auto 0 auto !important;
			width: 60px;
			height: 22px;
			line-height: 20px;
			font-size: 12px;
		}
	}

/*第二屏*/
	.section_two ul{
		width: 100%;
		height: 100%;
		font-size: 20px;
		display: table;
	}
	.section_two ul:after{
		content: "";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.section_two ul li{
		display: table-cell;
		width: 50%;
		height: 100%;
		padding: 2%;
		-webkit-transition: all .5s ease-in-out 0s;
		-moz-transition: all .5s ease-in-out 0s;
		-ms-transition: all .5s ease-in-out 0s;
		-o-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
	}
	.section_two ul li .table{
		display: table;
		width: 100%;
		height: 100%;
		table-layout: fixed;
	}
	.section_two ul li .table .cell{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.section_two ul li h2{
		font-size: 1.5em;
		font-weight: normal;
		color: #333333;
		line-height: 2em;
		height: 2em;
		width: 100%;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.section_two ul li h3{
		font-size: 0.9em;
		color: #666666;
		font-weight: normal;
		margin: 4% auto;
		text-align: left;
		max-width: 640px;
		line-height: 2em;
		height: 6em;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow:ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.section_two ul li img{
		display: block;
		max-width: 90%;
		margin: 0 auto 2em auto;
	}
	.section_two ul li a{
		display: block;
		margin: 0 auto;
		font-size: 0.9em;
		color: #666666;
		padding: 1% 2%;
		border: 1px solid #cccccc;
		width: 11em;
		text-align: center;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.section_two ul li.blue{
		background: #004ea2;
		color: #fff;
	}
	.section_two ul li.blue *{
		color: #fff;
	}
	.section_two ul li:hover a:hover,
	.section_two ul li a:hover{
		background: #ea5404;
		color: #fff;
	}
	.section_two ul li:hover a{
		color: #fff;
	}
	.section_two ul li:hover{
		background: #004ea2;
	}
	.section_two ul li:hover h2,
	.section_two ul li:hover h3{
		color: #fff;
	}
	@media screen and (max-width: 960px){
		.section_two ul li{
			padding: 4% 4%;
		}
		/* .section_two ul li:last-child a{
			color: #fff;
		}
		.section_two ul li:last-child a:hover{
			color: #333;
		}
		.section_two ul li:last-child,
		.section_two ul li:hover:last-child{
			background: #004ea2;
		}
		.section_two ul li:last-child h2,
		.section_two ul li:hover:last-child h2,
		.section_two ul li:last-child h3,
		.section_two ul li:hover:last-child h3{
			color: #fff;
		}
		.section_two ul li:first-child:hover a{
			color: #333;
			background: #fff; 
		}
		.section_two ul li:first-child a:hover{
			color: #fff;
			background: #333; 
		}
		.section_two ul li:hover{
			background: #fff;
		}
		.section_two ul li:hover h2{
			color: #333;
		}
		.section_two ul li:hover h3{
			color: #666
		}
		.section_two ul li a:hover{
			background: #fff;
			border: 1px solid #cccccc;
			color: #666;
		} */
		.section_two ul{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 768px){
		.section_two ul{
			font-size: 14px;
			display: block;
		}
		.section_two ul li{
			float: none;
			width: 100%;
			display: block;
		}
		.section_two ul li h3{
			margin: 2em auto;
		}
	}

/*第三屏*/
	.section_three{
		background-color: #f7f7f7;
	}
	.section_three .leftbox{
		float: left;
		width: 50%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.section_three .leftbox img{
		display: none;
	}
	.section_three .rightbox{
		float: right;
		width: 50%;
		background-image: url(../images/a9.png);
		background-repeat: no-repeat;
		background-position: right top;
		padding: 3% 0 0 4%;
	}
	.section_three .rightbox .top h2{
		font-size: 24px;
		color: #666666;
		font-weight: normal;
		width: 100%;
		line-height: 1.5em;
	}
	.section_three .rightbox .top h3{
		font-size: 30px;
		color: #333333;
		font-weight: normal;
		width: 100%;
		line-height: 1.5em;
	}
	.section_three .rightbox .word{
		font-size: 14px;
		color: #666;
		width: 100%;
		line-height: 2em;
		max-height: 22em;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow:ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 11;
		-webkit-box-orient: vertical;
		padding-right: 6%;
		margin: 4% 0 0 0;
	}
	.section_three .rightbox .listbox{
		width: 100%;
		position: relative;
		height: 180px;
		margin: 4% 0 0 0;
	}
	.section_three .rightbox .list{
		font-size: 0;
		width: 1200px;
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
	}
	.section_three .rightbox .list li{
		display: inline-block;
		background: #f17b3c;
		background: rgba(234,84,4,0.6);
		padding: 2% 2%;
		font-size: 24px;
		color: #ffffff;
		text-align: left;
		border-left: 1px solid #fff;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.section_three .rightbox .list li:first-child{
		border-left: none;
	}
	.section_three .rightbox .list li:hover{
		background: rgba(234,84,4,1);
	}
	.section_three .rightbox .list li:after{
		content: "";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.section_three .rightbox .list li img{
		float: left;
		width: 60px;
		height: 60px;
		display: block;
	}
	.section_three .rightbox .list li .in{
		float: right;
		position: relative;
		padding: 0 0 20px;
		margin: 0 0 0 20px;
	}
	.section_three .rightbox .list li .in p{
		font-size: 36px;
		color: #ffffff;
	}
	.section_three .rightbox .list li .in p em{
		font-style: normal;
		font-size: 24px;
	}
	.section_three .rightbox .list li .in span{
		display: block;
		font-size: 22px;
	}
	.section_three .rightbox .list li .in:before{
		content: "";
		width: 38px;
		height: 1px;
		background: #fff;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.section_three .rightbox .btn{
		display: inline-block;
		width: 160px;
		height: 38px;
		text-align: center;
		line-height: 36px;
		color: #666666;
		font-size: 18px;
		border: 1px solid #cccccc;
		margin: 0 auto;
	}
	.section_three .rightbox .btn:hover{
		border: 1px solid #ea5404;
		background: #ea5404;
		color: #fff;
	}
	@media screen and (max-width: 1600px){
		.section_three .rightbox .listbox{
			height: 160px;
		}
		.section_three .rightbox .list li .in p{
			font-size: 30px;
		}
		.section_three .rightbox .list li .in span{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 1200px){
		.section_three .leftbox,
		.section_three .rightbox{
			float: none;
			width: 100%;
		}
		.section_three .leftbox img{
			display: block;
			width: 100%;
		}
		.section_three .rightbox .listbox{
			height: auto;
			margin: 3% auto;
		}
		.section_three .rightbox .listbox .list{
			position: relative;
			width: 100%;
			max-width: 800px;
			margin: 0 auto;
		}
		.section_three .rightbox .listbox .list li{
			width: 33.3%;
		}
		.section_three .rightbox .word{
			padding-right: 0;
			margin: 2% 0 0 0;
		}
		.section_three .rightbox{
			padding: 4%;
		}
		.section_three .rightbox .top h2{
			font-size: 20px;
		}
		.section_three .rightbox .top h3{
			font-size: 24px;
		}
		.section_three .rightbox .list li img{
			float: none;
			width: 40px;
			height: auto;
			margin: 0 auto;
		}
		.section_three .rightbox .list li .in{
			float: none;
			margin: 10px 0 0 0;
			text-align: center;
			padding: 0 0 10px 0;
		}
		.section_three .rightbox .list li .in:before{
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
	}
	@media screen and (max-width: 768px){
		.section_three .rightbox .list li .in p{
			font-size: 20px;
		}
		.section_three .rightbox .list li .in span{
			font-size: 16px;
		}
		.section_three .rightbox .list li .in p em{
			font-size: 14px;
		}
		.section_three .rightbox .top h2{
			font-size: 16px;
		}
		.section_three .rightbox .top h3{
			font-size: 18px;
		}
		.section_three .rightbox .btn{
			width: 120px;
			height: 30px;
			line-height: 28px;
			font-size: 14px;
		}
		.section_three .rightbox .listbox{
			margin: 3% auto 5% auto;
		}
		.section_three .rightbox{
			-webkit-background-size: 300px auto;
			background-size: 300px auto;
		}
	}

/*第四屏*/
	.section_four i.left,
	.section_four i.right{
		display: block;
		width: 600px;
		height: 300px;
		position: absolute;
		top: 85px;
		background-repeat: no-repeat;
	}
	.section_four i.left{
		left: 0;
		background-image: url(../images/a8.png);
		background-position: left top;
	}
	.section_four i.right{
		right: 0;
		background-image: url(../images/a9.png);
		background-position: right top;
	}
	.section .intitle{
		text-align: center;
		font-size: 20px;
	}
	.section .intitle h2{
		font-size: 1.2em;
		font-weight: normal;
		color: #666666;
		line-height: 150%;
		text-transform: uppercase;
	}
	.section .intitle h3{
		font-size: 1.5em;
		font-weight: normal;
		color: #333333;
		line-height: 150%;
	}
	.section_four .tab_head{
		text-align: center;
		margin: 2% auto 3% auto;
		font-size: 0;
	}
	.section_four .tab_head span{
		display: inline-block;
		height: 46px;
		border: 1px solid #dddddd;
		line-height: 44px;
		font-size: 16px;
		color: #333333;
		padding: 0 30px;
		cursor: pointer;
	}
	.section_four .tab_head span.on,
	.section_four .tab_head span:hover{
		background: #ea5404;
		color: #fff;
	}
	.section_four .tab_body{
		padding: 0 10%;
		display: block;
		position: relative;
		z-index: 5;
		margin-top: 2%;
	}
	.section_four .tab_body li{
		float: left;
		width: 30%;
		border: 1px solid #e1e1e1;
		margin: 0 0 0 5%;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.section_four .tab_body li:first-child{
		margin-left: 0;
	}
	.section_four .tab_body li span{
		display: block;
		font-size: 16px;
		color: #999999;
		height: 2em;
		line-height: 2em;
	}
	.section_four .tab_body li .img{
		width: 100%;
		padding-top: 66.5796%;
		position: relative;
		overflow: hidden;
	}
	.section_four .tab_body li .img img{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.section_four .tab_body li .word{
		padding: 3%;
	}
	.section_four .tab_body li h2{
		font-size: 18px;
		color: #333333;
		font-weight: normal;
		line-height: 2em;
		height: 2em;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.section_four .tab_body li h3{
		width: 100%;
		height: 1px;
		background: #dddddd;
		margin: 20px 0 0 0;
	}
	.section_four .tab_body li p{
		font-size: 14px;
		color: #999999;
		line-height: 2em;
		height: 10em;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow:ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
	.section_four .tab_body li em{
		display: block;
		height: 34px;
		width: 80px;
		border: 1px solid #dddddd;
		position: relative;
		overflow: hidden;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.section_four .tab_body li em i{
		display: block;
		width: 18px;
		height: 14px;
		background-image: url(../images/a17.png);
		background-repeat: no-repeat;
		background-position: right center;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -7px 0 0 -9px;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.section_four .tab_body li:hover{
		border: 1px solid #ea5404;
	}
	.section_four .tab_body li:hover em{
		background-color: #ea5404;
		border: 1px solid #ea5404;
	}
	.section_four .tab_body li:hover em i{
		background-position: left center;
	}
	.section_four .tab_body li:hover h2{
		color: #ea5404;
	}
	.section_four .tab_body a.morebtn{
		display: block;
		width: 140px;
		height: 36px;
		line-height: 34px;
		font-size: 18px;
		color: #666666;
		text-align: center;
		margin: 2% auto;
		border: 1px solid #cccccc;
	}
	.section_four .tab_body a.morebtn:hover{
		background: #ea5404;
		border: 1px solid #ea5404;
		color: #fff;
	}
	@media screen and (max-width: 1200px){
		.section_four i.left, .section_four i.right{
			top: 0;
			z-index: -1;
		}
		.section_four{
			padding: 2% 0;
		}
		.section_four .tab_body{
			padding: 0 4%;
		}
	}
	@media screen and (max-width: 768px){
		.section_four i.left, .section_four i.right{
			background-size: 200px auto;
		}
		.section .intitle{
			font-size: 14px;
		}
		.section_four .tab_head{
			margin: 4% auto;
		}
		.section_four .tab_head span{
			height: 30px;
			line-height: 28px;
			font-size: 14px;
		}
		.section_four .tab_body li{
			float: none;
			width: 100%;
			margin-bottom: 2%;
			margin-left: 0;
		}
		.section_four .tab_body li p{
			height: auto;
			max-height: 10em;
		}
		.section_four .tab_body li span{
			font-size: 14px;
		}
		.section_four .tab_body li h2{
			font-size: 16px;
		}
		.section_four .tab_body li em{
			width: 60px;
			height: 30px;
		}
		.section_four .tab_body a.morebtn{
			width: 120px;
			height: 30px;
			line-height: 28px;
			font-size: 14px;
		}
		.section_four .tab_body li h3{
			margin-top: 10px;
		}
		.section_four .tab_body li em i{
			width: 9px;
			background-size: 
		}
	}

/*第五屏*/
	.section_five {
		background-image: url(../images/a10.png);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		background-color: #f7f7f7;
	}
	.section_five .listbox{
		padding: 2% 10% 0 10%;
	}
	.section_five .listbox li{
		width: 18.4%;
		position: relative;
		float: left;
		padding-top: 10.599%;
		overflow: hidden;
		margin-bottom: 3%;
		margin-left: 2%;
		border: 1px solid #e6e6e6;
		background: #fff;
	}
	.section_five .listbox li.left0{
		margin-left: 0;
	}
	.section_five .listbox li a{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.section_five .listbox li .table{
		display: table;
		width: 100%;
		height: 100%;
		table-layout: fixed;
	}
	.section_five .listbox li .table .cell{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 100%;
		height: 126px;
	}
	.section_five .listbox li img{
		display: block;
		margin: 0 auto;
		max-width: 96%;
		max-height: 96%;
	}
	@media screen and (max-width: 1400px){
		.section_five .listbox li .table .cell{
			height: 100px;
		}
	}
	@media screen and (max-width: 1200px){
		.section_five{
			padding-top: 2%;
		}
		.section_five .listbox{
			padding: 2%;
		}
	}
	@media screen and (max-width: 1000px){
		.section_five{
			padding-top: 2%;
		}
		.section_five .listbox{
			padding: 2% 4%;
		}
		.section_five .listbox li{
			width: 30%;
			padding-top: 17.28%;
			margin-left: 1.6%;
			margin-right: 1.6%;
		}
		.section_five .listbox li.left0{
			margin-left: 1.6%;
		}
	}
	@media screen and (max-width: 768px){
		.section_five .listbox li{
			padding-top: 100px;
		}
	}

/*第六屏*/
	.section_six{
		background: #004ea2;
	}	
	.infooter{
		padding: 0 2%;
		font-size: 0;
	}
	.infooter *{
		font-weight: normal;
		font-style: normal;
		color: #fff;
	}
	.infooter .leftbox,
	.infooter .rightbox{
		display: inline-block;
		color: #fff;
		font-size: 16px;
		position: relative;
		vertical-align: top;
		padding-bottom: 60px;
	}
	.infooter .leftbox{
		width: 30%;
	}
	.infooter .leftbox:before{
		content: "";
		width: 1px;
		height: 360px;
		background: #3882d3;
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -180px;
	}
	.infooter .leftbox h2{
		font-size: 24px;
		line-height: 2em;
		margin-bottom: 0.5em;
	}
	.infooter .leftbox h3{
		font-size: 16px;
		line-height: 2em;
		margin-bottom: 0.5em;
	}
	.infooter .leftbox h4{
		font-size: 16px;
		line-height: 2em;
		position: relative;
		padding-left: 7.5em;
		margin-bottom: 0.5em;
	}
	.infooter .leftbox h4 i{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		height: 2em;
	}
	.infooter .leftbox h4 .in{
		position: relative;
		padding-left: 7em;
	}
	.infooter .leftbox h4 .in em{
		/*display: block;*/
		/*position: absolute;*/
		/*left: 0;*/
		/*top: 0;*/
		display: inline-block;
		height: 2em;
	}
	.infooter .leftbox h4 .in span{
		display: inline-block;
		padding-right: 1em;
	}
	.infooter .leftbox ul{
		padding-top: 5%;
	}
	.infooter .leftbox ul li{
		display: inline-block;
		text-align: center;
		vertical-align: top;
	}
	.infooter .leftbox ul li img{
		display: block;
		width: 96px;
		margin: 0 auto;
	}
	.infooter .leftbox ul li p{
		font-size: 14px;
		color: #cccccc;
		width: 150px;
		padding-top: 1em;
	}
	/*right*/
	.infooter .rightbox{
		width: 68%;
		padding-top: 5%;
		padding-left: 0%;
		display: table;
		float: right;
	}
	.infooter .rightbox .in{
		display: table-cell;
	}
	.infooter .rightbox .in:first-child{
		width: 50%;
	}
	.infooter .rightbox .in h2{
		font-size: 24px;
		line-height: 2em;
	}
	.infooter .rightbox .in dl{
		display: inline-block;
		padding-right: 5%;
		vertical-align: top;
	}
	.infooter .rightbox .in dl dt{
		font-size: 18px;
		line-height: 2em;
		margin: 0 0 1em 0;
		width: 12em;
	}
	.infooter .rightbox .in dl dd{
		font-size: 16px;
		line-height: 2em;
	}
	.infooter a:hover{
		color: #ea5404;
	}
	.infooter .bottombox{
		clear: both;
		width: 100%;
		border-top: 1px solid #1c61ac;
		padding: 15px 0;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.infooter .bottombox p{
		display: inline-block;
		font-size: 14px;
		color: #9ab8cf;
		vertical-align: middle;
	}
	.infooter .bottombox p.a span{
		font-size: 14px;
		color: #9ab8cf;
	}
	.infooter .bottombox p.a img{
		vertical-align: middle;
		width: 220px;
	}
	.infooter .bottombox p.b{
		/*padding: 0 10%;*/
		padding: 0 7%;
	}
	@media screen and (max-width: 1600px){
		.infooter .rightbox .in dl{
			padding-right: 2%;
		}
		.infooter .leftbox h2{
			font-size: 20px;
		}
		.infooter .leftbox h3{
			font-size: 14px;
		}
		.infooter .leftbox ul li p{
			font-size: 12px;
		}
		.infooter .rightbox .in h2{
			font-size: 20px;
		}
		.infooter .rightbox .in dl dt{
			font-size: 14px;
		}
		.infooter .rightbox .in dl dd{
			font-size: 12px;
		}
		.infooter .leftbox ul li img{
			width: 70px;
		}
	}
	@media screen and (max-width: 1200px){
		.section_six{
			padding: 2%;
		}
		.infooter .leftbox,
		.infooter .rightbox{
			float: none;
			display: block;
			width: 100%;
			padding-bottom: 0;
		}
		.infooter .leftbox:before{
			width: 100%;
			height: 1px;
			top: auto;
			bottom: 0;
			margin-top: 0;
		}
		.infooter .leftbox ul{
			padding: 2% 0;
			text-align: center;
		}
		.infooter .rightbox .in{
			display: inline-block;
			vertical-align: top;
			margin: 0 2% 2% 0;
		}
		.infooter .rightbox .in:first-child{
			min-width: 50%;
		}
		.infooter .bottombox{
			position: relative;
		}
		.infooter .bottombox p{
			text-align: center;
			display: block;
			margin-top: 1em;
		}
		.infooter .bottombox p.a img{
			width: 150px;
		}
	}

/*首页动画*/
	@media screen and (min-width:1200px){
		.aniani{
			position: relative;
			-webkit-transition: all 1s ease-in-out 0.5s;
			-moz-transition: all 1s ease-in-out 0.5s;
			-ms-transition: all 1s ease-in-out 0.5s;
			-o-transition: all 1s ease-in-out 0.5s;
			transition: all 1s ease-in-out 0.5s;
		}
		.ani_01{
			left: -50px;
			opacity: 0;
		}
		.ani_02{
			right: -50px;
			opacity: 0;
		}
		.ani_01.on{
			left: 0;
			opacity: 1;
		}
		.ani_02.on{
			right: 0;
			opacity: 1;
		}
		.ani_03,
		.ani_04,
		.ani_05,
		.ani_06{
			-webkit-transition-duration: 0.8s;
			-o-transition-duration: 0.8s;
			transition-duration: 0.8s;
			opacity: 0;
			right: -100px;
		}
		.ani_03.on,
		.ani_04.on,
		.ani_05.on,
		.ani_06.on{
			opacity: 1;
			right: 0;
		}
		.ani_03{
			-webkit-transition-delay: 0.2s;
			-o-transition-delay: 0.2s;
			transition-delay: 0.2s;
		}
		.ani_04{
			-webkit-transition-delay: 0.3s;
			-o-transition-delay: 0.3s;
			transition-delay: 0.3s;
		}
		.ani_05{
			-webkit-transition-delay: 0.4s;
			-o-transition-delay: 0.4s;
			transition-delay: 0.4s;
		}
		.ani_06{
			-webkit-transition-delay: 0.4s;
			-o-transition-delay: 0.4s;
			transition-delay: 0.4s;
		}
		.ani_07{
			opacity: 0;
			left: -50px;
		}
		.ani_08{
			opacity: 0;
			right: -50px;
		}
		.ani_07.on{
			opacity: 1;
			left: 0px;
		}
		.ani_08.on{
			opacity: 1;
			right: 0px;
		}
		.ani_09,
		.ani_10{
			opacity: 0;
			top: 50px;
		}
		.ani_09{
			-webkit-transition-delay: 0.2s;
			-o-transition-delay: 0.2s;
			transition-delay: 0.2s;
		}
		.ani_10{
			-webkit-transition-delay: 0.5s;
			-o-transition-delay: 0.5s;
			transition-delay: 0.5s;
		}
		.ani_09.on,
		.ani_10.on{
			opacity: 1;
			top: 0;
		}
		.ani_11,
		.ani_12{
			opacity: 0;
			left: 100px;
		}
		.ani_11{
			-webkit-transition-delay: 0.2s;
			-o-transition-delay: 0.2s;
			transition-delay: 0.2s;
		}
		.ani_12{
			-webkit-transition-delay: 0.5s;
			-o-transition-delay: 0.5s;
			transition-delay: 0.5s;
		}
		.ani_11.on,
		.ani_12.on{
			opacity: 1;
			left: 0;
		}	
	}

/*内页头部和底部*/
	.fixheader.nei{
		position: relative;
	}
	.infooter.nei{
		background: #eeeeee;
		padding: 0%;
	}
	.infooter.nei *{
		color: #666666;
	}
	.infooter.nei>.mid{
		width: 100%;
		max-width: 100%;
		padding: 2%;
	}
	.infooter.nei .bottombox{
		position: relative;
		background: #004ea2;
	}
	.infooter.nei .leftbox ul li p{
		color: #666666;
	}
	.infooter.nei .leftbox h2{
		font-size: 18px;
	}
	.infooter.nei .leftbox h3{
		font-size: 14px;
	}
	.infooter.nei .leftbox h4{
		font-size: 14px;
	}
	.infooter.nei .rightbox .in h2{
		font-size: 18px;
	}
	.infooter.nei .rightbox .in dl dt{
		font-size: 16px;
	}
	.infooter.nei .rightbox .in dl dd{
		font-size: 14px;
	}
	.infooter.nei .rightbox{
		padding-top: 0;
	}
	.infooter.nei .rightbox .in dl dt{
		margin-bottom: 1.5em;
	}
	.infooter.nei .rightbox .in dl dd{
		margin-bottom: 0.8em;
	}
	.infooter.nei .rightbox .in dl{
		padding-right: 3%;
	}
	.infooter.nei .leftbox:before{
		background: #dddddd;
	}
	.infooter.nei .bottombox p.b{
		padding: 0 8%;
	}
	@media screen and (max-width: 1400px){
		.infooter.nei .rightbox .in dl {
		    padding-right: 2%;
		}
	}
	@media screen and (max-width: 768px){
		.infooter.nei .leftbox h2{
			font-size: 16px;
			margin: 0;
		}
		.infooter.nei .rightbox .in h2{
			font-size: 16px;
		}
		.infooter.nei .rightbox .in dl dt{
			font-size: 14px;
			margin-bottom: 0.5em;
		}
		.infooter.nei .rightbox .in dl dd{
			font-size: 12px;
		}
		.infooter.nei .bottombox{
			padding: 2% 0;
		}
		.infooter .bottombox p{
			margin: 0.5em 0;
		}
	}

/*内页banner*/
	.neibanner{
		width: 100%;
		font-size: 20px;
		height: 12em;
		position: relative;
		overflow: hidden;
	}
	.neibanner img{
		display: block;
		width: 96em;
		height: 12em;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -48em;
	}
	@media screen and (max-width: 1200px){
		.neibanner{
			font-size: 18px;
		}
	}
	@media screen and (max-width: 768px){
		.neibanner{
			font-size: 14px;
		}
	}

/*内页面包屑*/
	.neimbx{
		height: 50px;
	}
	.neimbx *{
		font-size: 14px;
		color: #999999;
		display: inline-block;
		line-height: 50px;
		height: 50px;
	}
	.neimbx a:hover{
		color: #ea5404;
		text-decoration: underline;
	}
	.neimbx .now{
		color: #666;
	}
	@media screen and (max-width: 768px){
		.neimbx{
			display: none;
		}
	}

/*中间内容区-公共部分*/
	.neicenter{
		margin-top: 1%;
		margin-bottom: 3%;
	}
	.neileft{
		float: left;
		width: 225px;
	}
	.neiright{
		float: right;
		width: 945px;
	}
	@media screen and (max-width: 1200px){
		.neileft,
		.neiright{
			float: none;
			width: 100%;
		}
		.neiright{
			margin-top: 2%;
		}
	}
	@media screen and (max-width: 768px){
		.neicenter{
			margin-top: 3%;
		}
	}
	.neileft .nnaxbox .list dt{
		font-size: 20px;
		background: #f4f4f4;
		position: relative;
		padding-left: 4em;
		height: 3em;
		overflow: hidden;
	}
	.neileft .nnaxbox .list dt span{
		display: table;
		table-layout: fixed;
		position: absolute;
		left: 0;
		top: 0;
		width: 3em;
		height: 3em;
		color: #fff;
		text-align: center;
		background: #004ea2;
	}
	.neileft .nnaxbox .list dt span i{
		display: table-cell;
		vertical-align: middle;
		font-size: 2.4em;
		font-style: normal;

	}
	.neileft .nnaxbox .list p{
		font-size: 70%;
		color: #004ea2;
		height: 2em;
		overflow: hidden;
		width: 100%;
		padding-top: 0.6em;
	}
	.neileft .nnaxbox .list p i{
		font-style: normal;
		color: #ea5404;
	}
	.neileft .nnaxbox .list em{
		font-style: normal;
		font-size: 60%;
		text-transform: uppercase;
		color: #004ea2;
	}
	.neileft .nnaxbox .list dd{
		border: 1px solid #eeeeee;
		border-top: none;
	}
	.neileft .nnaxbox .list dd>a{
		display: block;
		padding: 1em 2%;
		font-size: 16px;
		color: #004ea2;
		text-align: center;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.neileft .nnaxbox .list dd.on>a,
	.neileft .nnaxbox .list dd:hover>a{
		color: #ea5404;
	}
	.ntuijian,
	.nlianxi{
		border: 1px solid #eeeeee;
		border-top: 2px solid #004ea2;
		padding: 4%;
		margin-top: 30px;
	}
	.ntuijian .tit,
	.nlianxi .tit{
		padding-bottom: 4%;
		border-bottom: 1px solid #eee;
	}
	.ntuijian .tit img,
	.nlianxi .tit img{
		display: inline-block;
		vertical-align: middle;
		padding: 0 0.5em;
	}
	.ntuijian .tit span,
	.nlianxi .tit span{
		display: inline-block;
		color: #004ea2;
		font-size: 16px;
		line-height: 2em;
	}
	.ntuijian .tit span em,
	.nlianxi .tit span em{
		font-style: normal;
		color: #ea5404;
	}
	.ntuijian .list li{
		padding: 20px 0;
		border-top: 1px solid #eee;
	}
	.ntuijian .list li:first-child{
		border-top: none;
	}
	.ntuijian .list li img{
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	.ntuijian .list li p{
		font-size: 14px;
		color: #666666;
		line-height: 2em;
		height: 2%;
		width: 100%;
		text-align: center;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 1em;
	}
	.nlianxi .list{
		padding: 0 3%;
	}
	.nlianxi .list li{
		position: relative;
		font-size: 12px;
		padding-left: 5em;
		line-height: 2em;
		min-height: 2em;
		color: #666666;
		margin-top: 0.5em;
	}
	.nlianxi .list li span{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		line-height: 2em;
	}
	.pub_tit1{
		width: 100%;
		font-size: 20px;
		padding-bottom: 1em;
		border-bottom: 1px solid #dddddd;
		position: relative;
		text-transform: uppercase;
		margin-bottom: 2%;
	}
	.pub_tit1:before{
		content: "";
		width: 2.5em;
		height: 0.2em;
		background: #ea5404;
		display: block;
		position: absolute;
		left: 0;
		top: 100%;
	}
	.pub_tit1 p{
		font-size: 1.2em;
		color: #333333;
	}
	.pub_tit1 p span{
		color: #dddddd;
		padding-left: 0.6em;
		display: none;
	}
	.ptpb4{
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.pub_xgzx{
		width: 100%;
		border: 1px solid #eeeeee;
		padding: 2%;
	}
	.pub_xgzx .top{
		border-bottom: 1px solid #eee;
		padding-bottom: 2%;
	}
	.pub_xgzx .top h2{
		font-size: 18px;
		color: #333333;
		float: left;
		padding-left: 1em;
		position: relative;
		font-weight: normal;
	}
	.pub_xgzx .top h2:before{
		content: "";
		width: 0.2em;
		height: 0.8em;
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -0.4em;
		background: #004ea2;
	}
	.pub_xgzx .top p{
		float: right;
		font-size: 14px;
		color: #999999;
		max-width: 70%;
		height: 2em;
		line-height: 2em;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.pub_xgzx .top p a{
		color: #999999;
		padding-left: 0.6em;
	}
	.pub_xgzx .top p a:hover{
		color: #ea5404;
		text-decoration: underline;
	}
	.pub_xgzx .list.left,
	.pub_xgzx .list.right{
		position: relative;
		float: left;
		width: 50%;
	}
	.pub_xgzx .list.left:before{
		content: "";
		width: 1px; 
		height: 160px;
		background: #f4f4f4;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -80px;
		display: block;
	}
	.pub_xgzx .list.right{
		float: right;
	}
	.pub_xgzx .list li{
		width: 100%;
		padding: 0 30px;
		margin-top: 1em;
	}
	.pub_xgzx .list li.le{
		float: left;
	}
	.pub_xgzx .list li.ri{
		float: right;
	}
	.pub_xgzx .list li a{
		display: block;
		font-size: 14px;
		color: #666666;
		line-height: 2em;
		height: 2em;
		padding-left: 3em;
		position: relative;
		overflow: hidden;
		white-space: nowrap;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	.pub_xgzx .list li a:hover{
		color: #ea5404;
		text-decoration: underline;
	}
	.pub_xgzx .list li a span{
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		line-height: 16px;
		height: 16px;
		background: #ea5404;
		text-align: center;
		font-size: 12px;
		color: #fff;
		margin-top: -8px;
		width: 16px;
	}
	.neibottom{
		clear: both;
		padding-top: 4%;
	}
	.neibottom .pub_tit1{
		margin-bottom: 1em;
	}
	.neibottom .box{
		font-size: 14px;
	}
	.neibottom .box span{
		display: inline-block;
		color: #333333;
		padding-right: 1em;
	}
	.neibottom .box a{
		display: inline-block;
		padding-right: 1em;
		padding-top: 1em;
	}
	.neibottom .box a:hover{
		color: #ea5404;
		text-decoration: underline;
	}
	@media screen and (max-width: 1200px){
		.neileft .nnaxbox .list dt{
			font-size: 18px;
		}
		.neileft .nnaxbox .list dd{
			display: inline-block;
			border: 1px solid #eee;
			margin: 3% 2% 0 0;
		}
		.neileft .nnaxbox .list dd>a{
			white-space: nowrap;
			padding: 1em;
			font-size: 14px;
			margin-bottom: 
		}
		.ntuijian, .nlianxi{
			display: none;
		}
		.pub_tit1{
			font-size: 16px;
		}
		.ptpb4{
			padding-top: 2%;
			padding-bottom: 2%;
		}
	}
	@media screen and (max-width: 768px){
		.pub_tit1{
			font-size: 13px;
		}
		.pub_xgzx .top h2,
		.pub_xgzx .top p{
			float: none;
			width: 100%;
			max-width: 100%;
		}
		.pub_xgzx .top h2{
			font-size: 16px;
		}
		.pub_xgzx .top p{
			display: none;
		}
		.pub_xgzx .list.left,
		.pub_xgzx .list.right{
			width: 100%;
		}
		.pub_xgzx .list.left:before{
			display: none;
		}
		.pub_xgzx .list li{
			padding: 0 2%;
			margin: 0.5em 0 0 0;
		}
		.pub_xgzx .list li a{
			padding-left: 2em;
		}
		.neibottom .box a{
			padding-top: 0.6em;
			padding-right: 0.6em;
		}
		.neileft .nnaxbox .list dd>a{
			padding: 0.5em 1em;
		}
		.neileft .nnaxbox .list{
			padding-bottom: 2%;
		}
	}

/*关于北人-人才招聘*/
	.guwmr_one li{
		display: block;
		float: left;
		margin: 3% 3% 0 0;
	}
	.guwmr_one li a{
		display: block;
		border: 1px solid #dcdcdc;
		padding: 0.5em 1.6em;
		font-size: 14px;
		color: #666666;
	}
	.guwmr_one li.on a,
	.guwmr_one li:hover a{
		color: #ea5404;
	}
	.guwmr_two{
		position: relative;
		padding-left: 2em;
		margin-bottom: 1.5em;
	}
	.guwmr_two:before{
		content: "";
		display: block;
		width: 1em;
		height: 1em;
		background: #ea5404;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0.8em;
	}
	.guwmr_two *{
		line-height: 2.4em;
	}
	.guwmr_two h2{
		font-size: 16px;
		color: #333333;
	}
	.guwmr_two h3{
		font-size: 16px;
		color: #666666;
		font-weight: normal;
	}
	.guwmr_two h4{
		font-size: 16px;
		color: #333333;
		font-weight: normal;
	}
	.guwmr_two p{
		font-size: 14px;
		color: #666666;
	}
	@media screen and (max-width: 1200px){
		.guwmr_one li{
			margin: 3% 2% 0 0;
		}
	}
	@media screen and (max-width: 768px){
		.guwmr_one li{
			margin: 3% 3% 0 0;
		}
		.guwmr_one li a{
			padding: 0.5em 1em;
		}
		.guwmr_two{
			font-size: 12px;
		}
		.guwmr_two *{
			line-height: 1.8em;
		}
	}

/*关于北人-荣誉资质*/
	.guwmz_one li{
		float: left;
		width: 33.3%;
		margin-top: 20px;
		border: 1px solid #e2e2e2;
		border-left: none;
	}
	.guwmz_one li .table{
		display: table;
		table-layout: fixed;
		width: 100%;
		height: 170px;
		margin: 2% 0 0 0;
	}
	.guwmz_one li.bln{
		border-left: 1px solid #e2e2e2;
	}
	.guwmz_one li .table .cell{
		display: table-cell;
		width: 100%;
		height: 170px;
		text-align: center;
		vertical-align: middle;
	}
	.guwmz_one li img{
		display: block;
		max-width: 95%;
		max-height: 95%;
		margin: 0 auto;
	}
	.guwmz_one li p{
		font-size: 14px;
		margin: 1em 0;
		line-height: 1.5em;
		height: 1.5em;
		width: 100%;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
	}
	@media screen and (max-width: 768px){
		.guwmz_one li{
			width: 49%;
			margin: 2% 2% 0 0;
			border: none !important;
		}
		.guwmz_one li .table{
			border: 1px solid #e2e2e2;
		}
		.guwmz_one li:nth-child(even){
			margin: 2% 0 0 0;
		}
		.guwmz_one li p{
			margin: 0.5em 0;
		}
	}

/*公共翻页*/
	.pub_fanye{
		width: 100%;
		text-align: center;
		padding: 4% 0;
	}
	.pub_fanye *{
		font-size: 14px;
		color: #666666;
		height: 36px;
		line-height: 34px;
		display: inline-block;
		margin: 0 5px;
	}
	.pub_fanye a,
	.pub_fanye .a,
	.pub_fanye .b{
		border: 1px solid #d7d7d7;
		padding: 0 15px;
		outline: none;
		background: none;
		border-radius: 0;
	}
	.pub_fanye a,
	.pub_fanye .b{
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.pub_fanye .a{
		width: 60px;
	}
	.pub_fanye a.on,
	.pub_fanye a:hover,
	.pub_fanye .b:hover{
		background: #ea5404;
		color: #fff;
		cursor: pointer;
	}
	@media screen and (max-width: 768px){
		.pub_fanye *{
			display: none;
		}
		.pub_fanye a.prev,
		.pub_fanye a.next{
			display: inline-block;
			width: 35%;
		}
	}

/*产品中心*/
	.neileft .nnaxbox.nnaxbox_cp .list dd>a{
		text-align: left;
		padding: 1em 2em 1em 15%;
		position: relative;
	}
	.neileft .nnaxbox.nnaxbox_cp .list dd>a:before{
		content: "+";
		font-size: 1.5em;
		display: block;
		line-height: 2em;
		height: 2em;
		position: absolute;
		right: 0.6em;
		top: 50%;
		margin-top: -1em;
		color: #cccccc;
	}
	.neileft .nnaxbox.nnaxbox_cp .list dd.on>a:before{
		content: "-"
	}
	.neileft .nnaxbox.nnaxbox_cp .list dd li{
		border-top: 1px solid #eee;
		color: #666666;
	}
	@media screen and (max-width: 1200px){
		.neileft .nnaxbox.nnaxbox_cp .list dd li{
			display: inline-block;
			/*white-space: nowrap;*/
			border-right: 1px solid #eee;
		}
	}
	.neileft .nnaxbox.nnaxbox_cp .list dd ul{
		display: none;
	}
	.neileft .nnaxbox.nnaxbox_cp .list dd.on ul{
		display: block;
	}
	.neileft .nnaxbox.nnaxbox_cp .list dd li a{
		display: block;
		padding: 1em 2em 1em 15%;
		font-size: 14px;
		color: #666666;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;

	}
	.neileft .nnaxbox.nnaxbox_cp .list dd li.active a,
	.neileft .nnaxbox.nnaxbox_cp .list dd li:hover a{
		color: #ea5404;
	}
	@media screen and (max-width: 1200px){
		.neileft .nnaxbox.nnaxbox_cp .list dd{
			display: block;
			float: none;
		}
		.neileft .nnaxbox.nnaxbox_cp .list dd>a,
		.neileft .nnaxbox.nnaxbox_cp .list dd li a{
			padding-left: 20px;
			padding-top: 0.8em;
			padding-bottom: 0.8em;
		}
		.neileft .nnaxbox.nnaxbox_cp .list dd>a{
			border-bottom: 1px solid #eee;
		}
		/* .neileft .nnaxbox .list dd{
			margin: 1% 0 0 0;
		} */
		.neileft .nnaxbox.nnaxbox_cp .list dd li{
			display: inline-block;
			width: 50%;
			border-bottom: 1px solid #eee;
			border-top: none;
		}
		.neileft .nnaxbox.nnaxbox_cp .list dd li:nth-child(even){
			border-right: none;
		}
	}
	.cpzxl_one li{
		width: 32%;
		float: left;
		margin: 2% 0 0 2%;
	}
	.cpzxl_one li.mle0{
		margin-left: 0;
	}
	.cpzxl_one li .img{
		width: 100%;
		padding-top: 66.66%;
		position: relative;
		overflow: hidden;
		border: 1px solid #eeeeee;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.cpzxl_one li img{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.cpzxl_one li p{
		font-size: 14px;
		color: #333333;
		line-height: 1.5em;
		height: 1.5em;
		overflow: hidden;
		width: 100%;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 1em 0;
		text-align: center;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		-ms-transition: all .3s ease-in-out 0s;
		-o-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}
	.cpzxl_one li:hover .img{
		border: 1px solid #ea5404;
		box-shadow: 0 1px 3px #ff7b34;
	}
	.cpzxl_one li:hover p{
		color: #ea5404;
	}
	@media screen and (max-width: 768px){
		.cpzxl_one li,
		.cpzxl_one li.mle0{
			width: 49%;
			margin: 0 2% 2% 0;
		}
		.cpzxl_one li:nth-child(even){
			margin: 0 0 2% 0;
		}
	}

/*产品中心-合作案例*/
	.cpzxh_one li{
		float: left;
		width: 23.5%;
		margin: 2% 0 1% 2%;
		border: 1px solid #e6e6e6;
	}
	.cpzxh_one li.mle0{
		margin: 2% 0 1% 0;
	}
	.cpzxh_one li .table{
		display: table;
		width: 100%;
		height: 125px;
		table-layout: fixed;
		overflow: hidden;
	}
	.cpzxh_one li .table .cell{
		display: table-cell;
		width: 100%;
		height: 125px;
		text-align: center;
		vertical-align: middle;
	}
	.cpzxh_one li .table .cell img{
		display: block;
		max-width: 95%;
		max-height: 95%;
		margin: 0 auto;
	}
	@media screen and (max-width: 768px){
		.cpzxh_one li,
		.cpzxh_one li.mle0{
			margin: 0 0 2% 2%;
			width: 49%;
		}
		.cpzxh_one li:nth-child(odd){
			margin: 0 0 2% 0;
		}
	}

/*产品中心-详情*/
	.cpzxx_one{
		padding-bottom: 2%;
		border-bottom: 1px solid #dddddd;
		text-align: center;
	}
	.cpzxx_one h1{
		font-size: 24px;
		color: #333333;
		font-weight: normal;
		margin-bottom: 2%;
	}
	.cpzxx_one .table{
		display: table;
		width: 100%;
	}
	.cpzxx_one .in{
		vertical-align: middle;
		display: table-cell;
	}
	.cpzxx_one .in:first-child{
		text-align: left;
	}
	.cpzxx_one .in:last-child{
		text-align: right;
	}
	.cpzxx_one .img.cur{
		cursor: pointer;
	}
	.cpzxx_one .img i{
		display: inline-block;
		height: 40px;
		width: 40px;
		overflow: hidden;
		position: relative;
		vertical-align: middle;
	}
	.cpzxx_one .img i img{
		display: block;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transition: all .5s ease-in-out 0s;
		-moz-transition: all .5s ease-in-out 0s;
		-ms-transition: all .5s ease-in-out 0s;
		-o-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
	}
	.cpzxx_one .img span{
		font-size: 16px;
		color: #999999;
		display: inline-block;
		vertical-align: middle;
		-webkit-transition: all .5s ease-in-out 0s;
		-moz-transition: all .5s ease-in-out 0s;
		-ms-transition: all .5s ease-in-out 0s;
		-o-transition: all .5s ease-in-out 0s;
		transition: all .5s ease-in-out 0s;
	}	
	.cpzxx_one .img:hover img{
		left: -100%;
	}
	.cpzxx_one .img:hover span{
		color: #ea5404;
	}
	.cpzxx_one .sharebox{
		color: #999999;
		padding: 0 2%;
	}
	.cpzxx_one .sharebox>div{
		display: inline-block;
		vertical-align: middle;
	}
	.cpzxx_one .bdshare-button-style2-16 a, 
	.cpzxx_one .bdshare-button-style2-16 .bds_more{
		padding-left: 16px;
		margin: 6px 10px 6px 0;
		background-image: url(../images/a24.png);
	}
	.cpzxx_one .bdshare-button-style2-16 a:hover{
		opacity: 10;
		filter: alpha(opacity=100);
	}
	.bdshare-button-style2-16 .bds_more:hover{
		background-position: -16px 0;
	}
	.bdshare-button-style2-16 .bds_qzone:hover{
		background-position: -16px -52px;
	}
	.bdshare-button-style2-16 .bds_tsina:hover{
	    background-position: -16px -104px;
	}
	.bdshare-button-style2-16 .bds_tqq:hover{
	    background-position: -16px -260px;
	}
	.bdshare-button-style2-16 .bds_renren:hover{
	    background-position: -16px -208px;
	}
	.bdshare-button-style2-16 .bds_weixin:hover{
	    background-position: -16px -1612px;
	}
	.bdshare-button-style2-16 .bds_bdysc:hover{
	    background-position: -16px -3068px;
	}
	.cpzxx_two{
		width: 100%;
		border: 1px solid #cccccc;
	}
	.cpzxx_two tr td{
		color: #666666;
		border: 1px solid #cccccc;
		padding: 2% 3%;
		font-size: 14px;
	}
	.cpzxx_two tr td.gray{
		background: #eeeeee;
		color: #333333;
	}
	@media screen and (max-width: 768px){
		.cpzxx_two tr td{
			padding: 2%;
		}
		.cpzxx_one h1{
			font-size: 18px;
		}
		.cpzxx_one .sharebox,
		.cpzxx_one .sharebox+div,
		.cpzxx_one .sharebox+div+div{
			display: none;
		}
		.cpzxx_one .img span{
			font-size: 14px;
		}
		.cpzxx_one .img i{
			width: 30px;
			height: 30px;
		}
		.cpzxx_one .in:first-child+div{
			text-align: right;
		}
	}

/*媒体中心*/
	.mtzxl_one{
		padding: 2% 0;
	}
	.mtzxl_one li{
		padding: 2% 0;
		border-bottom: 1px solid #dddddd;
	}
	.mtzxl_one li a{
		display: block;
		padding: 0 100px 0 170px;
		position: relative;
	}
	.mtzxl_one li a div.img{
		width: 150px;
		height: 90px;
		position: absolute;
		left: 0;
		top: 0;
		overflow: hidden;
	}
	.mtzxl_one li a div.img img{
		display: block;
		width: 100%;
		height: 100%;
	}
	.mtzxl_one li a div.time{
		width: 90px;
		height: 80px;
		background: #eeeeee;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
		color: #999999;
	}
	.mtzxl_one li a div.time span{
		font-size: 14px;
		padding-top: 10%;
		line-height: 2em;
		display: block;
	}
	.mtzxl_one li a div.time em{
		font-size: 30px;
		font-style: normal;
		line-height: 1em;
		display: block;
	}
	.mtzxl_one li a div.word h2{
		font-size: 16px;
		color: #333333;
		font-weight: normal;
		width: 100%;
		line-height: 2em;
		height: 2em;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.mtzxl_one li a div.word h3{
		font-size: 14px;
		color: #666666;
		font-weight: normal;
		line-height: 1.8em;
		height: 3.6em;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow:ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-top: 0.5em;
	}
	.mtzxl_one li:hover a div.word h2{
		color: #ea5404;
	}
	@media screen and (max-width: 768px){
		.mtzxl_one li a{
			padding-left: 140px;
			padding-right: 0;
		}
		.mtzxl_one li a div.img{
			width: 130px;
			height: 78px;
		}
		.mtzxl_one li a div.word h3{
			height: 1.8em;
			-webkit-line-clamp: 1;
			margin-top: 0;
		}
		.mtzxl_one li a div.time{
			position: relative;
			background: #fff;
			width: auto;
			height: auto;
			text-align: left;
		}
		.mtzxl_one li a div.time span,
		.mtzxl_one li a div.time em{
			display: inline-block;
			font-size: 12px;
			line-height: 1.5em;
		}
		.mtzxl_one li a div.time span{
			padding-top: 0;
		}
	}

/*右侧底部产品滚动*/
	.swipercp{
		position: relative;
	}
	.swipercp .swiper-containerb{
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.swipercp a.prev,
	.swipercp a.next{
		display: block;
		height: 30px;
		width: auto;
		position: absolute;
		top: 50%;
		margin-top: -15px;
	}
	.swipercp a.prev{
		left: 0;
	}
	.swipercp a.next{
		right: 0;
	}
	.swipercp a.prev img,
	.swipercp a.next img{
		display: block;
		height: 100%;
	}
	.swipercp .in a{
		display: block;
		width: 100%;
		padding: 0 2%;
	}
	.swipercp .in .img{
		width: 100%;
		padding-top: 66.66%;
		position: relative;
		overflow: hidden;
	}
	.swipercp .in .img img{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.swipercp .in p{
		font-size: 14px;
		color: #333333;
		line-height: 1.5em;
		height: 1.5em;
		overflow: hidden;
		width: 100%;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 0.5em 0;
		text-align: center;
	}
	@media screen and (max-width: 768px){
		.swipercp a.prev,
		.swipercp a.next{
			display: none;
		}
		.swipercp .swiper-containerb{
			width: 100%;
		}
	}

/*媒体中心-详情*/
	.mtzxx_one{
		background: #f4f4f4;
		padding: 2%;
		text-align: center;
	}
	.mtzxx_one h1{
		font-size: 24px;
		color: #333333;
		font-weight: normal;
		line-height: 1.5em;
		margin-bottom: 0.5em;
	}
	.mtzxx_one .table{
		display: table;
		/*table-layout: fixed;*/
		width: 100%;
	}
	.mtzxx_one .table .cell{
		display: table-cell;
		font-size: 14px;
		color: #666666;
	}
	.mtzxx_two{
		padding: 2% 0 3% 0;
		border-top: 1px solid #eeeeee;
	}
	.mtzxx_two a{
		display: block;
		width: 50%;
		line-height: 2em;
		height: 2em;
		font-size: 14px;
		color: #666666;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		float: left;
	}
	.mtzxx_two a:hover{
		color: #ea5404;
	}
	.mtzxx_two a+a{
		text-align: right;
	}
	@media screen and (max-width: 768px){
		.mtzxx_one h1{
			font-size: 18px;
		}
		.mtzxx_two a{
			width: 100%;
			text-align: left !important;
		}
	}

/*销售服务-国内*/
	.xsfwn_one{
		width: 100%;
		margin: 4% 0;
	}
	.xsfwn_one td{
		font-size: 14px;
		color: #666666;
		line-height: 1.5em;
		padding: 2%;
		border: 1px solid #dddddd;
		text-align: center;
	}
	.xsfwn_one tr:first-child td{
		background: #eeeeee;
	}
	@media screen and (max-width: 768px){
		.xsfwn_one td{
			font-size: 12px;
		}
	}
	.xsfww_one .a{
		font-size: 16px;
		color: #333;
		line-height: 2em;
	}
	.xsfww_one .b{
		font-size: 16px;
		color: #666;
		display: inline-block;
		margin-right: 15px;
		line-height: 2em;
	}

/*联系我们*/
	.lxwm_one{
		padding: 3% 0;
	}
	.lxwm_one .left,
	.lxwm_one .right{
		width: 49%;
		float: left;
		position: relative;
	}
	.lxwm_one .right{
		float: right;
	}
	.lxwm_one .left ul li{
		padding-top: 4%;
		padding-bottom: 4%;
		padding-left: 46px;
		position: relative;
	}
	.lxwm_one .left ul li p{
		display: inline-block;
		font-size: 18px;
		color: #666666;
		padding-left: 10px;
		vertical-align: middle;
	}
	.lxwm_one .left ul li img{
		font-size: 20px;
		width: 2.3em;
		height: 2.3em;
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -1.15em;
	}
	.lxwm_one .left dl{
		text-align: center;
	}
	.lxwm_one .left dl dd{
		text-align: center;
		display: inline-block;
		vertical-align: top;
		width: 48%;
	}
	.lxwm_one .left dl dd img{
		display: block;
		width: 96px;
		height: 96px;
		margin: 0 auto;
	}
	.lxwm_one .left dl dd p{
		font-size: 14px;
		color: #666666;
		padding: 0.5em 0;
	}
	.lxwm_one .right #map{
		width: 100%;
		height: 350px;
	}
	@media screen and (max-width: 768px){
		.lxwm_one .left, 
		.lxwm_one .right{
			width: 100%;
			float: none;
			padding-bottom: 3%;
		}
		.lxwm_one .left ul li{
			padding-left: 30px;
		}
		.lxwm_one .left ul li p{
			font-size: 14px;
		}
		.lxwm_one .left ul li img{
			font-size: 14px;
		}
		.lxwm_one .left dl dd img{
			width: 70px;
			height: 70px;
		}
		.lxwm_one .right #map{
			height: 300px;
		}
	}

/*公共右侧*/
	.pub_rightbox{
		position: fixed;
		z-index: 500;
		right: 0;
		bottom: 60px;
	}
	.pub_rightbox span{
		display: block;
		width: 60px;
		height: 57px;
		margin-top: 10px;
	}
	@media screen and (max-width: 768px){
		.pub_rightbox{display: none;}
	}

/*地图动效*/
	.dtdx_box{
		position: relative;
		width: 945px;
		margin: 0 auto;
	}
	.dtdx_box .in{
		position: absolute;
		left: 0;
		top: 0;
		width: 20px;
		height: 20px;
		/*background: rgba(255,0,0,0.5);*/
		cursor: pointer;
	}
	.dtdx_box .in:before{
		content: attr(data-msg);
		position: absolute;
		width: 120px;
		padding: 5px 6px;
		display: inline-block;
		color: #fff;
		border: 1px solid #ea5404;
		border-radius: 5px;
		font-size: 12px;
		word-wrap: break-word;
		word-break: normal;
		line-height: 1.5em;
		background: #ea5404;
		z-index: 50;
		text-align: center;
		display: none;
	}
	.dtdx_box .in:after{
		content: "";
		position: absolute;
		z-index: 50;
		display: none;
	}
	.dtdx_box .in:hover:before{
		bottom: 25px;
    	margin-left: -62px;
		display: block;
	}
	.dtdx_box .in:hover:after{
		border-top: 8px solid #ea5404;
	    border-left: 5px solid transparent;
	    border-right: 5px solid transparent;
	    top: -5px;
	    left: 0px;
	    display: block;
	}
	.dtdx_box .in.in1{
		left: 680px;
		top: 304px;
	}
	.dtdx_box .in.in2{
		left: 700px;
		top: 325px;
	}
	.dtdx_box .in.in3{
		left: 839px;
		top: 132px;
	}
	.dtdx_box .in.in4{
		left: 824px;
    	top: 209px;
	}
	.dtdx_box .in.in5{
		left: 781px;
    	top: 256px;
	}
	.dtdx_box .in.in6{
		left: 618px;
		top: 255px;
	}
	.dtdx_box .in.in7{
		left: 618px;
    	top: 363px;
	}
	.dtdx_box .in.in8{
		left: 573px;
		top: 422px;
	}
	.dtdx_box .in.in9{
		left: 521px;
		top: 372px;
	}
	.dtdx_box .in.in10{
		left: 670px;
		top: 341px;
	}
	.dtdx_box .in.in11{
		left: 719px;
		top: 376px;
	}
	.dtdx_box .in.in12{
		left: 486px;
		top: 396px;
	}
	.dtdx_box .in.in13{
		left: 356px;
		top: 402px;
	}
	.dtdx_box .in.in14{
		left: 202px;
    	top: 280px;
	}
	.dtdx_box .in.in15{
		left: 449px;
    	top: 638px;
	}
	.dtdx_box .in.in16{
		left: 525px;
    	top: 570px;
	}
	.dtdx_box .in.in17{
		left: 487px;
		top: 508px;
	}
	.dtdx_box .in.in18{
		left: 204px;
    	top: 468px;
	}
	.dtdx_box .in.in19{
		left: 660px;
    	top: 657px;
	}
	.dtdx_box .in.in20{
		left: 586px;
    	top: 650px;
	}
	.dtdx_box .in.in21{
		left: 748px;
    	top: 582px;
	}
	.dtdx_box .in.in22{
		left: 608px;
    	top: 751px;
	}
	.dtdx_box .in.in23{
		left: 788px;
		top: 479px;
	}
	.dtdx_box .in.in24{
		left: 754px;
    	top: 439px;
	}
	.dtdx_box .in.in25{
		left: 720px;
    	top: 470px;
	}
	.dtdx_box .in.in26{
		left: 778px;
		top: 516px;
	}
	.dtdx_box .in.in27{
		left: 610px;
    	top: 572px;
	}
	.dtdx_box .in.in28{
		left: 624px;
    	top: 507px;
	}
	.dtdx_box .in.in29{
		left: 700px;
    	top: 553px;
	}
	.dtdx_box .in.in30{
		left: 630px;
		top: 448px;
	}
	@media screen and (max-width: 950px){
		.dtdx_box{
			display: none;
		}
	}

/*荣誉资质弹层*/
	.ryzzt_box{
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 123456789;
		background: url(../images/a29.png);
		display: none;
	}
	.ryzzt_box .inbox{
		width: 800px;
		height: 600px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -300px 0 0 -400px;
		background: #fff;
		border: 2px solid #ccc;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0 0 3px #ccc;
		padding: 2%;
	}
	.ryzzt_box .inbox i{
		display: block;
		font-style: normal;
		font-size: 20px;
		color: #333;
		position: absolute;
		right: 15px;
		top: 15px;
		cursor: pointer;
		z-index: 122;
	}
	.ryzzt_box .inbox .table{
		width: 100%;
		height: 500px;
		display: table;
		table-layout: fixed;
	}
	.ryzzt_box .inbox .table .cell{
		display: table-cell;
		width: 100%;
		height: 500px;
		text-align: center;
		vertical-align: middle;
	}
	.ryzzt_box .inbox p{
		font-size: 18px;
		color: #333;
		text-align: center;
		line-height: 2em;
		height: 2em;
		width: 100%;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.ryzzt_box .inbox img{
		display: block;
		margin: 0 auto;
		max-width: 100%;
		max-height: 100%;
	}
	@media screen and (max-width: 1000px){
		.ryzzt_box .inbox{
			width: 90%;
			height: auto;
			left: 5%;
			top: 50%;
			margin: 0;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			padding: 4% 20px 20px 20px;
		}
		.ryzzt_box .inbox .table,
		.ryzzt_box .inbox .table .cell{
			height: auto;
			max-height: 90%;
		}
		.ryzzt_box .inbox p{
			font-size: 16px;
			margin-top: 1em;
		}
		.ryzzt_box .inbox i{
			right: 5px;
			top: 5px;
		}
	}	

/*响应手机*/
	.wap_footer{
		display: none;
	}
	@media screen and (max-width:820px){
		html, body{
			overflow: hidden;
			height: 100%;
		}
		.fixheader{
			width: 100%;
			height: 45px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
		}
		.wrapper{
			width: 100%;
		    position: absolute;
		    top: 45px;
		    bottom: 50px;
		    z-index: 1;
		    overflow-y: auto;
		    -webkit-overflow-scrolling: touch;
		}
		.scrollbox{
			position: relative;
			overflow: hidden;
		}
		.wap_footer{
			display: block;
			position: absolute;
		    width: 100%;
		    height: 50px;
		    background: #fff;
		    z-index: 10;
		    bottom: 0;
		    left: 0;
		    border-top: 1px solid #ededed;
		}
		.wap_footer a{
			float: left;
		    width: 25%;
		    height: 50px;
		    text-align: center;
		}
		.wap_footer a i{
			display: block;
			width: 20px;
			height: 20px;
			margin: 5px auto;
			background: url(../images/wap_icon.png) no-repeat;
			-webkit-background-size: 40px auto;
			background-size: 40px auto;
		}
		.wap_footer a.btn1 i{background-position: 0 0}
		.wap_footer a.btn2 i{background-position: 0 -20px}
		.wap_footer a.btn3 i{background-position: 0 -40px}
		.wap_footer a.btn4 i{background-position: 0 -60px}
		.wap_footer a.btn5 i{background-position: 0 -80px}
		.wap_footer a.on.btn1 i{background-position: -20px 0}
		.wap_footer a.on.btn2 i{background-position: -20px -20px}
		.wap_footer a.on.btn3 i{background-position: -20px -40px}
		.wap_footer a.on.btn4 i{background-position: -20px -60px}
		.wap_footer a.on.btn5 i{background-position: -20px -80px}
		.wap_footer a p{
			font-size: 12px;
			color: #333;
			line-height: 20px;
			height: 20px;
			overflow: hidden;
		}
		.wap_footer a.on p{
			color: #ea5404;
		}
		.section_six,
		.infooter.nei{
			display: none;
		}
	}


.downLoad li{
	padding: 3% 3%;
}
.downLoad li a{
	background: url(../images/down_01.png) no-repeat right center;
}
@media only screen and (max-width:768px ) {
	.downLoad li a{
		background-size:20px auto;
		-webkit-background-size:20px auto;
	}
	.pub_fanye a, .pub_fanye .a, .pub_fanye .b{
		padding: 0 5px;
	}
}

/* 2019-12-23 */
.infooter .leftbox h4 .in{
	padding-left: 0;
}
.infooter .leftbox h4 .in em{
	vertical-align: top;
}