.banner {
	max-height: 430px;
	height: auto !important;
	height: 430px;
	position: relative;
	margin: 0 auto;
	background-color: #67C5D0;
}
.banner .slides {
	max-height: 430px;
	height: auto !important;
	height: 430px;
	overflow: hidden;
}
.flex-direction-nav {
	display: none;
}
.flexslider .flex-control-paging li a.flex-active {
	background: #F6772C;
}
.flexslider .flex-control-paging li a {
	display: inline-block;
	width: 40px;
	height: 8px;
	cursor: pointer;
	background: white;
	text-indent: -9999px;
}
.banner .flex-control-paging {
	position: absolute;
	bottom: 20px;
	left: 50%;
	text-align: center;
	list-style: none;
	margin-left: -95px;
}
.banner .flex-control-paging li {
	margin-right: 10px;
	display: inline-block;
}
.rollmenu {
	background: #96d63a;
	z-index: 99;
	margin: 0 auto;
}
.container {
	margin: 0 auto;
	width: 74%;
}
.item {
	float: left;
	width: 33%;
}
.item a {
	display: block;
	color: white;
	font-size: 1em;
	line-height: 32px;
	height: 32px;
	padding: 15px 0 15px 139px;
	text-decoration: none;
}
.item a.pbg {
	background-position: 100px -55px;
	color: #3C6E18;
}
.bg {
	background: url('../newimage/bg.jpg');
}
.obg {
	background: url('../newimage/bg.jpg');
}
.tab-content {
	background: url('../newimage/bg.jpg');
	min-height: 380px;
}
.pane {
	width: 70%;
	margin: 0 auto;
}
.pane h2 {
	text-align: center;
	font-size: 28px;
	color: #333;
	padding: 4% 0;
}
.pan {
	float: left;
	width: 28%;
}
.pan h3 a {
	color: #000;
}
.panimg {
	float: left;
	width: 40%;
	margin: 0 2%;
}
.pan h3 {
	margin: 20px 0;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
.greenbtn {
	display: inline-block;
	background: #96d63a;
	font-size: 0.875em;
	text-align: center;
	width: 120px;
	height: 33px;
	line-height: 30px;
	text-decoration: none !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: white !important;
	border-radius: 5px;
}
.greenbtn:hover {
	background: #84C754;
}
.product_c {
	max-width: 1011px;
	width: 75%;
	margin: 0 auto;
}
.product_box1 .lp_box {
	float: left;
	width: 55%;
	margin-right: 3%;
}
.product_box1 .lp_box h1,
.product_box1 .rp_box h1 {
	font-size: 28px;
	margin-bottom: 40px;
}
.product_box1 .lp_box ul li a {
	color: #000;
}
.product_box1 .rp_box {
	float: right;
	width: 40%;
}
.product_box1 .rp_box ul li a {
	color: #000;
}
.product_box1 .rp_box h1,
.product_box2 .lp_box h1 {
	font-size: 1.7em;
	margin-bottom: 10%;
}
.rp_box p,
.lp_box p {
	line-height: 1.8em;
}
.product_box1 .rp_box ul li a {
	color: #000;
	font-size: 1em;
}
.product_box2 .lp_box h1,
.product_box2 .rp_box h1 {
	font-size: 28px;
	margin-bottom: 40px;
}
.product_box2 .lp_box {
	width: 40%;
	margin-right: 3%;
	float: left;
}
.product_box2 .rp_box {
	width: 55%;
	float: left;
}
.product_box2 .rp_box ul li a {
	color: #000;
	font-size: 1em;
}
.panimg_mobile {
	display: none;
}
.link_buttom {
	margin: 5% 0;
}
/*add css on 2015/1/13*/
.flexslider,.tab-content,.product_box1,.product_box2{
	max-width: 1363px;
	margin: 0 auto;
}
.container{
	max-width: 1011px;
}
.product_box .son1{
	margin: 0 auto;
	width: 1011px;
}
.product_box .son2{
	width: 1011px;
	margin: 0 auto;
	padding: 20px 0;
	margin-bottom: 20px;
}
.product_box .son2 p{
	line-height: 24px;
	margin: 15px 0;
	font-size: 16px;
	color:#333;
	text-align: center;
}
.product_box .son2 ul{
	margin: 0 auto;
}
.icon-1{background:url('../images/transfer-tools.png') no-repeat 100px 3px;height:32px;display:inline-block;}
.icon-2{background:url('../images/recovery-tools.png') no-repeat 100px 3px;height:32px;display:inline-block;}
.icon-3{background:url('../images/eraser-tools.png') no-repeat 100px 3px;height:32px;display:inline-block;}.product_box1{background:#4DB0E3;color:white;padding:10%  0;}
.product_box .son2 ul li{
	width: 24%;
	float: left;
	text-align: center;
}
.product_box .son2 ul li a{
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
/*index page donghua css*/
/* 
* @Author: anchen
* @Date:   2015-02-06 09:51:50
* @Last Modified by:   anchen
* @Last Modified time: 2015-02-06 16:18:04
*/
.banner1{
    width: 100%;
    max-height: 376px;
    max-width: 1011px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.banner1 .son2{
    position: absolute;
    top: 0;
    left: 0;
    width: 51%;
    z-index: -1;
    animation: banner_img2 1s ease-in-out 1 forwards;
    -webkit-animation: banner_img2 1s ease-in-out 1 forwards;
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
@keyframes banner_img2{
    0%{left: -52%;opacity: 0;}
    100%{left: 0;opacity: 1;}
}
@-webkit-keyframes banner_img2{
    0%{left: -52%;opacity: 0;}
    100%{left: 0;opacity: 1;}
}

.banner1 .son3{
    width: 7%;
    position: absolute;
    top: 60%;
    left: 48%;
    max-width: 78px;
    animation: banner_img3 1s linear 3 forwards;
    -webkit-animation: banner_img3 1s linear 3 forwards;
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
@keyframes banner_img3{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(720deg);}
}
@-webkit-keyframes banner_img3{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(720deg);}
}

.banner1 .son4{
    position: absolute;
    width: 34%;
    top: 0%;
    left: 0%;
    z-index: 1;
    animation: banner_img4 1s linear 1 forwards;
    -webkit-animation: banner_img4 1s linear 1 forwards;
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
@keyframes banner_img4{
    0%{ top:86.5%;opacity: 0;}
    100%{ top: -2%;opacity: 1;}
}
@-webkit-keyframes banner_img4{
    0%{ top:86.5%;opacity: 0;}
    100%{ top: -1.5%;opacity: 1;}
}

.banner1 .son5{
    position: absolute;
    width: 7.1%;
    top: 29%;
}
.banner1 .son6{
    left: 36%;
    animation: banner_img5 2s linear 1 forwards;
    -webkit-animation: banner_img5 2s linear 1 forwards;
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
.banner1 .son7{
    left: 47.5%;
    animation: banner_img5 2.5s linear 1 forwards;
    -webkit-animation: banner_img5 2.5s linear 1 forwards;
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
.banner1 .son8{
    left: 59%;
    animation: banner_img5 3s linear 1 forwards;
    -webkit-animation: banner_img5 3s linear 1 forwards;
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
@keyframes banner_img5{
    0%{ top:0;opacity: 0;}
    60%{top: 29%;}
    75%{top: 15%;}
    85%{top: 29%;}
    93%{top: 21%;}
    100%{ top: 29%;opacity: 1;}
}
@-webkit-keyframes banner_img5{
    0%{ top:0;opacity: 0;}
    60%{top: 29%;}
    75%{top: 15%;}
    85%{top: 29%;}
    93%{top: 21%;}
    100%{ top: 29%;opacity: 1;}
}

.banner2{
    width: 100%;
    max-width: 1011px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.banner2 .son2{
    width: 36%;
    position: absolute;
    top: 1%;
    z-index: -1;
    animation: banner_img6 2s ease-in-out 1 forwards;
    -webkit-animation: banner_img6 2s ease-in-out 1 forwards;
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
@keyframes banner_img6{
    0%{left: 50%;opacity: 0;}
    100%{left: 0%;opacity: 1;}
}
@-webkit-keyframes banner_img6{
    0%{left: 50%;opacity: 0;}
    100%{left: 0%;opacity: 1;}
}
.banner1_text{
    width: 100%;
    margin: 0 auto;
    max-width: 1011px;
    padding: 20px 0;
}
.banner1_text p{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
}
.banner1_text ul li{
	text-align: center;
	width: 25%;
	float: left;
	margin-bottom: 20px;
}
.banner1_text ul li a{
	color: #333;
	text-decoration: none;
}
.banner1_text ul li a:hover{
	color: red;
}
@media (max-width: 1280px) {
	.pane {
		width: 75%;
	}
}
@media (max-width: 1200px) {
	.greenbtn {
		margin-bottom: 2%;
	}
	.link_buttom{
		text-align: center;
	}
	.mr10{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.banner1_text{
		width: 90%;
		padding: 20px 5%;
	}
}
@media (max-width: 1024px) {
	.container {
		width: 101%;
	}
	.pane {
		width: 80%;
	}
}
@media (max-width: 768px) {
	.pane {
		width: 75%;
		padding-bottom: 10%;
	}
	.panimg {
		display: none;
	}
	.pan {
		width: auto;
		float: none;
	}
	.item a {
		padding: 15px 0 15px 35%;
	}
	.item a.pbg {
		background-position: 21% 91%;
	}
	.item a {
		background-position: 22% 3px;
	}
	.product_box2 .lp_box,.product_box1 .rp_box{
		width: 100%;
	}
	.product_box2 .rp_box {
		width: 100%;
	}
	.product_box1 .lp_box {
		width: 100%;
	}
	.panimg_mobile {
		display: block;
		text-align: center;
	}
	.link_buttom {
		text-align: center;
		margin: 5% 0;
	}
	.product_box1 .lp_box{
		margin-bottom: 17px;
	}
	.banner1_text ul li{
		width: 50%;
	}
}
@media (max-width: 640px) {
	.rollmenu {
		display: none;
	}
}
@media (max-width: 478px) {
	.banner .flex-control-paging {
		display: none;
	}
}