@charset "utf-8";
/*style.css*/
html{
	font-family: sans-serif;
  	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{
	overflow-x: hidden;
	margin: 1px 0 0 0;
	display: block;
	padding: 0;
}
/*hrader*/
.header{
	width: 100%;
	height: 90px;
	min-width: 1280px;
	position: relative;
	background: #FFFFFF;
	left: 0px;
	top: 0px;
	margin: 0px;
	z-index: 1003;
	display: block;
	opacity: 0.95;
	box-shadow: 0 0 2px #ddd;
	
}
.top{
	display: block;
	width: 1280px;
	height: 64px;
	box-sizing: border-box;
	line-height: 64px;
	background: #FFFFFF;
	margin: 0 auto;
	position: relative;
	top: 12px;	
}
.left_box{
	float: left;
}
.header .left_box img{
	display: inline-block;
	margin-left: 40px;
}
.header_nav{
	margin-left: 400px;
}
.nav_menu{
	font-family: arial, sans-serif;
	display: inline-block;
	height: 64px;
	width: auto;
}
.header_nav ul{
	display: inline-block;
	list-style-type: none;
}
.header_nav ul li{
	float: left;
	padding: 0 15px;
	box-sizing: border-box;	
}
.header_nav ul li ul{
	display: none;
    position: absolute;
    top: 45px;
    left: 500px;
    width: 80px;
    padding: 0 0;
    border-top: 4px solid #000;
    background-color: #fff;
    opacity: .8;
}

/*.header_nav ul li ul li{
	text-align: center;
}*/
.header_nav ul li ul li a{
	background: #fff;
	width: 70px;
	border-top: 1px solid rgba(243, 243, 243, 1);
}
.header_nav ul li a{
	display:block;
	text-align:center;
	text-decoration:none;
	cursor: pointer;
	width:auto;
	height:30px;
	color:#000;
	/*border:1px solid rgba(243, 243, 243, 1);
	border-width:1px 1px 0 0;*/
	background:#FFFFFF;
	line-height:30px;
	font-size:-1;
}
.header ul li a:hover{
	color: #007AFF;
}
.header ul li a:active{
	color: #007AFF;
}
.ttr{
	color: #007AFF !important;

}
/*.header ul li a::selection{
	color: #007AFF;
}*/
/*.header ul li a::-moz-selection{
	color: #007AFF;
}*/
/*.header_nav ul li a:visited{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#000;
	border:1px solid rgba(243, 243, 243, 1);
	border-width:1px 1px 0 0;
	background:rgba(243, 243, 243, 1);
	line-height:30px;
	font-size:16px;
}*/
.header_nav ul li:hover ul{
	display: block;
	position: absolute;
	width: 100px;
}
/*.header_nav ul li:hover ul li a{
	display: block;
	background: #9e9e9e;
	color: #fff;
}*/
/*.header_nav ul li:hover ul li a:visited{
	background: #dfc184;
	color: #000;
}*/
.top .right_a{
    position: absolute;
    height: 30px;
    width: 200px;
    top: 50%;
    right: 100px;
    margin-top: -16px;
    border-radius: 15px;
    background: #f9f9f9;
}
.top .right_a input{
	float: left;
    width: 170px;
    height: 24px;
    margin-top: 3px;
    line-height: 24px;
    border: none;
    outline: none;
    text-align: left;
    text-indent: 15px;
    border-radius: 15px;
    color: #666;
    font-size: 12px;
	background: #f9f9f9;
}
.search_icon {
    width: 22px;
    height: 22px;
    margin-top: 8px;
    cursor: pointer;
    position: absolute;
    background: url(../img/search_nor.png) no-repeat;
}
/*首页图片轮换*/
.swiper-container{
	height:500px;
	width: 100%;
	min-width: 1280px;
}
.arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:10;
}
.arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:10;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin: 0 8px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-slide{
	position:relative;
	opacity:0;
	transition: opacity 0.7s ease-in-out;
}
.swiper-slide-active{
	opacity:1;
}
.swiper-slide .img{
	position:absolute;
}
.inner{
	position:relative;
	display:block;
	width:100%;
	height:500px;
	margin:0 auto;
}
.slide1{
	background-color: #ffffff;
}
.slide2{
	background-color: #ffffff;
}
.slide3{
	background-color: #ffffff;
}

.slide1 .s0{left: 50%;margin-left: -154px; top: 100px}
.slide1 .s1{left: 50%;margin-left: -425.5px;top: 200px;}
.slide1 .s2{left: 50%;margin-left: -435px;top: 280px}
.slide1 .s3{left: 0;bottom: 0px;z-index: 5;height:190px}
.slide1 .s4{right: 0;bottom: 0px;z-index: 0;height: 160px}
.slide2 .zh-a-1{left: 50%; margin-left:-413px;top: 150px;z-index: 9;}
.slide2 .zh-a-2{left: 0;top: 0;}
.slide3 .b-1 {right: 100px;top: 180px;}
.slide3 .b-2 {left: 140px;top: 180px;}
/*.slide3 .b-3 {left: 50%;margin-left: -381px;top: 330px;}
.slide3 .b-s-1 {width: 100px; left: 50px; bottom:0px;}
.slide3 .b-s-2 {left: 160px;width: 160px;bottom:0px;}
.slide3 .b-s-3{left: 390px;width: 58px;bottom:0px;}
.slide3 .b-s-4{right: 359px; width: 103px;bottom:0px;}
.slide3 .b-s-5{right: 250px;width: 150px;bottom:0px;}
.slide3 .b-s-6{right: 0;width: 65px;bottom:0px;}*/
.slide3 .b-y-1 {top:40px;left: 80%; margin-left: -20px;}
.slide3 .b-y-2{top:40px;left:0}
.slide3 .b-y-3{top:40px;right: 0}
.loop{
	animation-iteration-count: infinite;/*无限*/
	animation-timing-function:linear;/*平滑*/
}
.targetBtn {
    margin-top: 20px;
    position: absolute;
    bottom: 60px;
    left: 550px;
    z-index: 999;
}
.targetBtn a{
	height:50px;
	border-radius:50px;
	background:rgba(0,0,0,.5);
	float:left;
	line-height:50px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	}
.targetBtn label{
	height:40px;
	border-radius:40px;
	background:rgba(0,0,0,.5);
	float:left;
	line-height:40px;
	text-align:center;
	color:#fff;
	padding: 0 40px;
	text-decoration:none;
}	
.targetBtn .a1{
	width:130px;
	}
.targetBtn .a2{
	width:150px;
	margin-left:15px;
	}	
/*自定义CSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}10%{opacity: 1;}100%{opacity: 1;left:550px;}}@keyframes moveRight{0%{opacity: 0;left:0px;}10%{opacity: 1;}100%{opacity: 1;left:550px;}}
.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}10%{opacity:1;}100%{opacity:1;left:-370px;}}@keyframes moveLeft{0%{opacity:0;left:390px;}10%{opacity:1;}100%{opacity:1;left:-370px;}}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
/*首页*/
.content{
	box-sizing: border-box;
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
	min-width: 1280px;
}
.intrduce{
	display: block;
	color: #337AB7;
	font-size: 30px;
    text-align: center;
    font-weight: 600;
    padding-bottom: 10px;
}
.intrduce p{
	text-shadow: 3px 1px 4px #007AFF;
	display:block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.intr{
	width: 100%;
	height: 250px;
	display: block;
	padding-top: 40px;
	background: #F3F3F3;
	margin-bottom: 50px;
}
.intr .imagebox{
	display: block;
	width: 300px;
	height: 200px;
	margin-left: 12%;
	margin-right: 100px;
	float: left;
}
.intr .imagebox .intrimage{
	display: block;
    background: #999999;
    width: 300px;
    max-height: 100%;
}
 .intr .intrtextbox{
	display: block;
	font-size: 16px;
	margin-left: 250px;	
	width: 900px;
	height: 200px;
}
.intr .intrtextbox p{
	font-size: 20px;
	display:block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.intr .intrtextbox p a{
	text-decoration: none;
}
.intr .intrtextbox h4{
	text-indent: 20px;
	font-weight: 100;
	line-height: 25px;
}
.product{
	min-width: 1280px;
	width: 100%;
	height: 450px;
	/*background: url(../img/bcg6.jpg)  repeat;*/
	background-color: #fff;
}
.product .title{
	position: relative;
	display: block;
	margin: 0 auto;
	height: 80px;
	width: 264px;
	text-align: center;
	padding: 8px 0;
}
.product .title img{
	float: left;
	width: 64px;
	display: block;
}
.product .title p{
	width: 200px;
	height: 28px;
	line-height: 28px;
	font-size: 28px;
	display: block;
	color: #007AFF;
	font-weight: 400;
	margin-top: 18px;
}
.productbox{
	width: 1280px;
	height: 300px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.productbox .productbox-item{
	display: block;
	margin: 0 auto;
}
.productbox .itembox{
	margin: 10px 5px;
	display: inline-block;
	width: 250px;
	height: 100%;
	cursor: pointer;
	vertical-align: top;
}
.productbox .itembox img{
	display: block;
	width: 250px;
	height: 250px;
}
.productbox .itembox h5{
	width: 250px;
	height: 18px;
	font-size: 16px;
	line-height: 18px;
	font-weight: 100;
	margin:10px 0;	
}
.productbox .itembox h6{
	width: 250px;
	font-size: 14px;
	height: 14px;
	margin-top: 5px;
	line-height: 1.5;
	font-weight: 100;
	color: #000000;
}
/*.disline{
	position: relative;
	margin: 50px auto 25px auto;
	width: 1170px;
	height: 1px;
	background: #999999;
}*/
.morebutton{
	text-align: center;
	margin: 40px auto 70px;
}
.morebutton button{
	width: 150px;
	height: 40px;
	border: 1px ridge #F1F1F1;
	font-size: 18px;
	background: none;
}
.team{
	width: 100%;
	padding: 30px 0 30px;
	background-color: #f8f8f8;
	text-align: center;
	min-width: 1280px;
}
.teamcontent{
	width: 1280px;
	margin: 0 auto 10px;
}
.teamtltle{
	display: block;
	width: 1280px;
	height: 50px;
	margin: 0 auto;
}
/*.teamtltle .hrline{
	display: block;
	background-color: #979797;
    opacity: .7;
    border-width: 1px;
    margin-top: 50px;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
}*/
.teamtltle p{
	background-color: #f8f8f8;
    font-size: 28px;
    color: #464646;
    text-align: center;
    font-weight: 600;
    margin: 20px auto;
    width: 600px;
    height: 50px;
    letter-spacing: 8px;   
}
.teamcon{
	width: 980px;
	height: auto;
	display: block;	
	margin: 0 auto 10px;
	/*left: 50%;
	margin-left: -490px;*/
}
.teamcon p{
	margin: 20px auto;
	font-size: 18px;
	z-index: 9999;
	line-height: 2;
}
.teambox{
	width: 1080px;
	display: inline-block;
	margin: 40px auto 10px;
	padding-bottom: 10px;
}
.teambox .teamboxitem{
	width: 200px;
	height: 350px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: top;
}
.teambox .teamboxitem img{
	width: 200px;
	height: 150px;
}
.teambox .teamboxitem .enterimg{
	width: auto;
	height: auto;
	margin-top: -32px;
}
.teambox .teamboxitem .teaminfo{
	width: 200px;
	margin-top: -20px;
	background: #fff;
	text-align: center;
	padding: 30px 2px 10px;
}
.teambox .teamboxitem .teaminfo p{
	font-size: 18px;
	line-height: 18px;
	padding-top: 30px;
}
.teambox .teamboxitem .teaminfo h5{
	font-family: "宋体";
	font-size: 14px;
	line-height: 14px;
	font-weight: 100;
	margin: 0px auto 10px;
	letter-spacing: 2px;
	line-height: 1.5;
}
.teambox .teamboxitem .teaminfo h6{
	font-size: 14px;
	line-height: 14px;
	font-weight: 100;
	margin: 5px auto;
}
.partner{
	width: 100%;
	min-width: 1280px;
	text-align: center;
	margin-bottom: 80px;
	padding-top: 20px;
	padding-bottom: 40px;
}
.partnerbox{
	width: 1280px;
	margin: 50px auto 30px;
}
.partnerbox .partnertitle{
	width: 1280px;
	height: 50px;
	margin: 0px auto;
}
.partnerbox .partnertitle p{
	font-size: 28px;
	color: #5563b2;
}
.partnerbox .logobox{
	width: 1280px;
	display: inline-block;
	margin-top: 20px;
}
.partnerbox .logobox ul{
	list-style-type: none;
}
.partnerbox .logobox ul li{
	width: 180px;
	height: 80px;
	margin: 0;
	display: inline-block;
}
.partnerbox .logobox ul li:hover{
	box-shadow: 0 0 1px #5E5E5E;
	border: none;
	outline: none;
}
.partnerbox .logobox ul li img{
	margin: 10px 10.5px;
}

/*foot*/
.foot{
	position: relative;
	width:100%;
	background:#F3F3F3;
	min-width: 1280px;
	display: block;
	bottom: 0;
	opacity: 0.8;
	margin-top: 0px;
	padding-bottom: 40px;
}
.footer{
	display: block;
	width:1080px;
	height: 150px;
	border-bottom:1px solid #dcdcdc;
	background:#F3F3F3;
	margin: 0px auto;
	padding: 60px !important;
}
.footer .footerbox{
	display: block;
}
.footer .footleft{
	display: block;
	width: 450px;
	margin: 0 auto;
	float: left;
}
.footer .footleft ul{
	width: 80px;
	display: inline-block;
	margin: 0px auto;
	list-style-type: none;
	vertical-align: top;
}
.footer .footleft ul li{
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #000000;
	font-size: 16px;
}
.footer .footleft ul li a{
	display: block;
	text-decoration: none;
	color: #777777;
	font-size: 14px;
}
.footer .footleft ul li a:hover{
	color: #007AFF;
}
.footer .footright{
	display: block;
	width: 450px;
	margin: 0 auto;
	float: right;
}
.footer .footright ul{
	display: block;
	margin: 0 auto;
	width: auto;
	list-style-type: none;
}
.footer .footright ul li{
	text-align: center;
	margin: 0px auto;
	height: 30px;
	line-height: 30px;
}
.footer .footright ul li h5{
	font-size: 14px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	line-height: 0;
}
.footer .contactlogo{
	position: absolute;
	left: 50%;
	margin-left: -100px;
	width: 300px;
	bottom: 24px;
	z-index: 68;
}
.footer .contactlogo ul{
	list-style-type: none;
}
.footer .contactlogo ul li{
	margin: 0 10px;
	display: inline-block;
}
.footer .contactlogo ul li img{
	height: 32px;
	width: 32px;
}
.foot p{
	position: absolute;
	background: #F3F3F3;
	width: 100%;
	min-width:1280px;
	color: #000;
	margin-top: 10px;
	font-size: 14px;
	z-index: 68;
	bottom:0px;
	text-align: center;
	display: block;
	line-height: normal;
}
/*product*/
.proshowimg{
	display: block;
	width: 100%;
	min-width: 1280px;
	height: 500px;
	background: #FFFFFF;
	margin-bottom: 30px;	
}
.proshowimg .images1{
	width: 100%;
	min-width: 1280px;
	height: 500px;
}
.proshowimg .proshowimgbox{
	position: absolute;
	background: none;
	width: 1280px;
	top: 170px;
	margin: auto 0px;
}
.proshowimgbox .images{
	position: absolute;
	left: 80%;
	margin-left: -150px;	
}
.pronav{
	display: block;
	width: 100%;
	height: 40px;
	min-width: 1280px;
}
.pronav p{
	width: 250px;
	height: 20px;
	float: right;
	line-height: 20px;
	font-size: 16px;
	text-align: center;
	color: #666666;
	margin: 10px 100px;
	font-family: "宋体";	
}
.prointro{
	width: 100%;
	min-width: 1280px;
	height: 500px;
	padding: 20px auto;
}
.prointro .prointrotext{
	display: block;
	margin: 30px 100px;
	padding-top:20px ;
	height: 50px;
	border-bottom: 1px solid #dcdcdc;
}
.prointro .prointrotext label{
	float: left;
	height: 30px;
	margin-left: 50px;
	line-height: 30px;
	font-family: "楷体";
	font-size: 28px;
	color: #007AFF;
	text-align: center;
}
.prointro .prointrobox{
	display: block;
	width: 100%;
	height: 300px;
	min-width: 1280px;
	background: #FFFFFF;
}
.prointrocon{
	display: block;
	width: 1080px;
	margin: 0 auto;
	padding: 25px;
}
.prointrocon img{
	float: left;
	width: 250px;
	height: 250px;
	border-radius: 200px;
	opacity:0.8;
	filter:alpha(opacity=40);
}
.prointrocon .bgimg{
	position: relative;
	width: 64px;
	height: 64px;
	margin-top: 90px;
	left: 50%;
	margin-left: -700px;
	z-index: 1003;
}
.videobox{
	display: none;
	width:100%;
	height: 1464px;
	top: 0; 
	position: fixed; 
    background:#000;  
    z-index:10001;  
    left:0;
	opacity:0.95; 
}
.videobox video{
	display: block;
	width: 1024px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -512px;
    
}
.videobox .closebox{
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background:url(../img/close_close.png);
    position: absolute;
    right: 100px;
    top: 50px;
    font-family: Tahoma;
    font-size: 30px;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}
.prointrocon .protextbox{
	margin-left: 0px;
	padding: 25px;
	height: 200px;
	border-radius: 200px 0 0 200px;
	background: #F1F1F1;
}
.prointrocon .protext{
	padding:20px 20px 10px 300px;
	background: none;
}
.prointrocon .protext p{
	font-family: times;
	font-size: 16px;
	text-indent: 30px;
	font-weight: 500;
	line-height: 24px;
}
.procontentbox{
	width: 1080px;
	height: auto;
	background: none;
	margin: 0px auto;
	text-align: center;
	display: block;
	border: #C0C0C0 solid 1px;	
}
.procontentbox .proitem{
	display: block;
	margin: 40px auto;	
}
.procontentbox .proitem a{
	color: #000000;
	font-family: "微软雅黑";
	font-size: 18px;
}
.procontentbox .proitem .proitemtitle{
	width: 980px;
	height: 50px;
	margin: 10px auto;
	text-align: left;
	line-height: 50px;
}
.procontentbox .proitem .proitemtitle img{
	display: inline-block;
	width: 48px;
	height: 48px;
}
.procontentbox .proitem .proitemtitle p{
	position: absolute;
	display: inline-block;
	font-family: "微软雅黑";
	font-size: 20px;
	margin: 8px;
	height: 30px;
	line-height: 30px;
	color: #00BCD4
}
.procontentbox .proitem img{
	width: 223px;
	height: 223px;
	margin: auto 20px;
	display: inline-block;
}
.proline{
	width: 1000px;
	height: 0px;
	margin: 10px auto;
	border-bottom: #C0C0C0 dashed 1px;	
}
.procontentbox .proitem .proitem2{
	position: relative;
	width: 400px;
	height: 80px;
	margin: 10px 10px;
	background: #F1F1F1;
	border-radius: 8px;
	display: inline-block;
}
.procontentbox .proitem .proitem2 p{
	float: left;
	text-indent: 10px;
	max-width: 400px;
	max-height: 80px;
	margin: auto 0;
	line-height: 80px;
	font-family: "微软雅黑";
	font-size: 18px;
}
.procontentbox .proitem .proitem2:hover{
	box-shadow: 4px 4px #CCCCCC;
	background: #007AFF;
	color: #FFFFFF;
}
.procontentbox .proitem .proitem3{
	display: block;
	position: relative;
	width: 980px;
	height: 300px;
	margin: 20px auto;
	line-height: 300px;
}
.procontentbox .proitem .proitem3 img{
	display: inline-block;
	margin: auto 40px;
	width: 404px;
	height: 254px;
}
.procontentbox .proitem .proitem3 .proitem3text{
	display: inline-block;
	position: relative;
	width: 400px;
	height: 300px;
	margin-left: -10px;
}
.made{
	display: block;
	width: 100%;
	min-width: 1280px;
	height: 400px;
	margin: 20px 0 0;
	background: #007AFF;
} 
.made img{
	width: 48px;
	height: 48px;
	margin-left: -10px;
	margin-top: -10px;
}
.made .madebox{
	width: 980px;
	height: 400px;
	margin: auto auto;
}
.made .madebox img{
	float: left;
	width: 256px;
	height: 256px;
	margin-top: 40px;
}
.made .madebox .madeimgtext{
	float: right;
	width: 400px;
	height: 150px;
	margin-top: 10px;
}
.made .buttonbox{
	display: block;
	float: right;
	width: 400px;
	height: 40px;
	margin-top: 60px;
}
.made .buttonbox button{
	font-size: 20px;
	color: #FFFFFF;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: none;
	border-radius: 10px;
	letter-spacing: 6px;
	margin-left: 100px;
	border: 1px solid #FFFFFF;
	
}  
/*右侧导航*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image:url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../img/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	display: block;
    height: 39px;
    width: 82px;
	background-image: url(../img/float_tt.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../img/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}
/*服务产品页面*/
.serves{
	width: 100%;
	min-width: 1280px;
	height: 600px;
}
.serves-img{
	position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -250px;
	display: block;
}
.serves-img img{
	width: 500px;
	height: 150px;
}
.serves-item{
	display: block;
	width: 100%;
	min-width: 1280px;
	margin: 20px 0;
}
.serves-item .serves-item-box{
	width: 1080px;
	display: block;
	margin: 10px auto;
	padding: 20px;
}
.serves-item .serves-item-box .serves-line{
	width: 980px;
	margin: 20px auto 40px;
	height: 0;
	border-bottom: #007AFF solid 1px;	
}
.serves-item .serves-item-box .serves-item-box-item1{
	width: 980px;
	margin: 10px auto;
	outline: none;
	border-bottom: #007AFF solid 1px;
}
.serves-item .serves-item-box .serves-item-box-item1 label{
	margin-top: 10px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	border: #ddd solid 1px;
	background: #007AFF;
	padding: 10px;
	color: #FFFFFF;
	border-radius: 8px;
}
.serves-item .serves-item-box .serves-item-box-item1 p{
	font-size:16px;
	margin: 50px auto 30px;
	width: 100%;
	text-align: center;
}
.serves-item .serves-item-box .serves-item-box-item1 img{
	display: block;
	width: 828px;
	height: 570px;
	margin: 20px auto;
}
/*about页面*/
.aboutimag{
	display: block;
	width: 100%;
	min-width: 1280px;
	height: 410px;
	margin: 0;
}
.aboutimg-add{
	position: absolute;
	width: 200px;
	height: 100px;
	top: 350px;
	left: 70%;
	
}
.aboutimag img{
	width: 100%;
	min-width: 1280px;
	height: 410px;
}
.about-box{
	display: block;
	width: 100%;
	min-width: 1280px;		
}
.about-box .about-box-con{
	display: block;
	width: 980px;
	margin: 0px auto;
	padding: 10px;
}
.about-box .about-box-con .about-box-left{
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 450px;
	background: #F1F1F1;
	padding: 50px 0px -40px;
}
.about-box .about-box-con .about-box-left p{
	font-family: "times new roman";
	font-size: 16px;
	text-indent: 20px;
	text-align: center;
}
.about-box .about-box-con .about-box-right{
	vertical-align: top;
	display: inline-block;
	width: 600px;
	margin-left: 40px;
}
/*加入我们*/
.jion-img{
	display: block;
	width: 100%;
	min-width: 1280px;
	height: 440px;	
	margin-top: -10px;
}
.jion-img img{
	width: 100%;
	min-width: 1280px;
	height: 440px;
}
.join-join-title{
	display: block;
	width: 1280px;
	height: auto;
	padding: 20px;
	margin: 80px auto 10px;
}
.join-join-title .joinbox{
	display: block;
	width: 1080px;
	margin: 0 auto;
	height: 0;
	border-bottom: #F1F1F1 solid 1px;
}
.join-join-title .jointext{
	background: #FFFFFF;
	width: 150px;
	height: 40px;
	text-align: center;
	margin: -50px auto 40px;
}
.join-join-title .jointext p{
	font-size: 28px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #007AFF;
	letter-spacing: 5px;
	font-weight: bold;
}
.join-join-title .join-join-intro{
	display: block;
	width: 1080px;
	margin: 0px auto;
	text-align: center;
}
.join-join-title .join-join-intro p{
	font-size: 16px;
	font-family: "宋体";
	text-indent: 20px;
	text-align: left;
	line-height: 1.5;
	letter-spacing: 2px;
}
.join-job-box{
	display: block;
	width: 1080px;
	margin: 20px auto;
	padding: 20px 20px;
}
.join-job-box .join-left{
	vertical-align: top;
	display: inline-block;
	width: 300px;
	padding: 10px 10px;
	box-shadow: 2px 2px 2px 2px #F1F1F1;
}
.join-job-box .join-left p{
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-family: "宋体";
	color: #999;
	text-indent: 20px;
	margin-bottom: 10px;
}
.join-job-box .join-left .searchbox{
	width: 290px;
	height: 42px;
	margin: 0 auto;
}
.join-job-box .join-left .searchbox .input{
	position: relative;
	display: inline-block;
	width: 220px;
	height: 42px;
	background: #F7F7F7;
	border-radius: 2px;
}
.join-job-box .join-left .searchbox .input input{
	height: 20px;
    line-height: 20px;
    border: none;
    background-color: #f7f7f7;
    text-indent: 6px;
    margin-top: 11px;
    font-size: 16px;
    margin-left: 2px;
    outline: 0;
}
.join-job-box .join-left .searchbox button{
	display: inline-block;
	position: absolute;
	width: 42px;
	height: 42px;
	margin-left: 20px;
	background: red url(../img/jobsearch.png);
	border-radius: 4px;
	border: none;
	outline: 0;
	cursor:pointer;
}
.join-job-box .job-list{
	vertical-align: top;
	margin-left:40px;
	display: inline-block;
	box-shadow: 2px 2px 2px 2px #F1F1F1;
}
.join-job-box .job-list table{
	display: table;
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
	border-bottom: #F1F1F1 solid 1px;
}
.join-job-box .job-list thead{
	height: 0px;
	background: #F1F1F1;
}
.join-job-box .job-list tr,th{
	height: 40px;
	border-bottom: #F1F1F1 solid 1px;
}
.join-job-box .job-list tbody tr:hover{
	background: #F9F9F9;
}
.join-job-box .job-list tbody td{
	text-align: center;
}
.join-job-box .job-list tbody td em{
	cursor:pointer;
}
.join-job-box .job-list .jobdetal{
	background: #FFFFFF;
	display: none;	
}
.join-job-box .job-list .jobdetal .jobdetalbox{
	margin: 0px auto;
	width: 600px;
	height: auto;
	display: none;
}
.join-job-box .job-list .jobdetal .jobdetalbox .jobdetalboxtitle{
	width: 150px;
	height: 20px;
	margin-left: 10px;
}
.join-job-box .job-list .jobdetal .jobdetalbox .jobdetalboxtitle p{
	position: relative;
	font-family: "宋体";
	font-size: 16px;
	margin-left: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.join-job-box .job-list .jobdetal .jobdetalbox ol{
	margin-left: 20px;
}
.join-job-box .job-list .jobdetal .jobdetalbox ol li{
	text-align: left;
	font-family: "宋体";
}
/*data页面*/
.data{
	width: 100%;
	min-width: 1280px;
	margin: -10px 0;
	padding: 10px 0px;
}
.data-bg{
    background: -webkit-linear-gradient(#fafafa, #fff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fafafa, #fff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fafafa, #fff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fafafa, #fff); /* 标准的语法（必须放在最后） */
}
.data .data-box{
	display: block;
	width: 1080px;
	margin: 20px auto;
	padding-top: 20px;
	text-align: center;	
}
.data .data-box .data-box-title{
	display: block;
	height: 80px;
	width: 186px;
	text-align: center;
	line-height: 80px;
	margin: 0 auto;
}
.data .data-box .data-box-title img{
	display: inline-block;
	width: 56px;
	height: 62px;
	margin: auto 0;
}
.data .data-box .data-box-title  .pbox{
	display: block;
	position: absolute;
	width: 120px;
	height: 30px;
	margin-top: -50px;
}
.data .data-box .data-box-title p{
	font-family: "times new roman";
	font-size: 30px;
	color: #01AAED;	
}
.data .data-box .data-box-con{
	position: relative;
	display: block;
	width: 980px;
	height: 400px;
	margin: 10px auto;
	padding-top: 40px;
	text-align: center;
}
.data .data-box .data-box-con .data-box-img{
	display: inline-block;
	width: 212px;
	height: 212px;
	margin-right: 40px;
	margin: auto 10px;
	vertical-align: middle;
	
}
.data .data-box .data-box-con .data-intro-img{
	display: inline-block;
	margin-left: 40px;
	width: 559px;
	height: 282px;
	margin: auto 10px;
	vertical-align: middle;
}
/*case页面*/
.case{
	display: block;
	width: 100%;
	min-width: 1280px;
	text-align: center;
	margin: 40px;
}
.case-img{
	margin: 0px auto;
	width: 841px;
	height: 361px;
}
/*news*/
.news-img{
	display: block;
	width: 100%;
	min-width: 1280px;
	height: 400px;
	margin-top: 0;
}
.news-img img{
	width: 100%;
	min-width: 1280px;
	height: 400px;
}
.newsimg-add{
	position: absolute;
	width: 500px;
	height: 150px;
	left: 50%;
	margin-left: -150px;
	top: 230px;
}
.news-content{
	width:980px;
	margin: 0px auto;
	border: #F7F7F7 solid 1px;
	padding: 20px;
}
.news-content .news-item{
	display: block;
	width: 960px;
	text-align: center;
	margin: 10px auto;
}
.news-content .news-item img{
	display: inline-block;
	vertical-align: middle;
	width: 270px;
	height: 200px;
}
.news-content .news-item .news-item-box{
	margin-left: 40px;
	display: inline-block;
	vertical-align: middle;
	width: 600px;
}
.news-content .news-item .news-item-box p{
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
.news-content .news-item .news-item-box h5{
	font-family: "times new roman";
	font-size: 16px;
	font-weight: 100;
	text-align: left;
	text-indent: 40px;
	-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.news-content .news-item .news-item-box label{
	height: 20px;
	font-family: "微软雅黑";
	font-size: 14px;
	float: left;
	
}
/*news-分页*/
.dv-big-page{  
clear:both;  
width: 960px;  
height: 30px;  
margin-left:auto;  
margin-right:auto;
margin-bottom: 80px;  
}  
.dv-page-position-box{  
width:320px;  
height:30px;  
margin:auto;  
}  
.dv-margin-left{  
float:left;  
width: 210px;  
height: 30px;  
}  
.dv-page-box{  
float:left;  
margin-top:40px;  
margin-bottom:40px;  
width: 750px;  
height: 30px;  
}  
.li_prew{  
    width: 38px;  
    height: 28px;  
    border: solid 1px #e3e3e3;  
    text-align: center;  
    list-style: none;  
    cursor: pointer;  
    float: left;  
    font-size: 18px;  
    color:#858585;  
    line-height:28px;  
}  
.li_btn{  
    width: 38px;  
    height: 28px;  
    border: solid 1px #e3e3e3;  
    text-align: center;  
    list-style: none;  
    cursor: pointer;  
    float: left;  
    line-height:28px;  
    font-size: 18px;  
    color:#858585;  
}  
.li_btn:hover{  
cursor: pointer;  
line-height:28px;  
    font-size: 18px;  
    background-color: #00bcd4;  
    color:#fff;  
}  
   
.li_next{  
    width: 38px;  
    height: 28px;  
    border: solid 1px #e3e3e3;  
    text-align: center;  
    list-style: none;  
    cursor: pointer;  
    float: left;  
    line-height:28px;  
    font-size: 18px;  
    color:#858585;  
}  
.dv_btns_box{  
	width: auto;  
}  
.li_next:hover,  
.li_prew:hover{  
cursor: pointer;  
line-height:28px;  
    font-size: 18px;  
    background-color: #00bcd4;  
    color:#fff;  
}  
#div_li_btn_mid{  
    width: auto;  
    height: 30px;  
    float: left;  
    overflow: hidden;  
}