body{overflow-x: hidden;}
.header {width: 100%;height: 85px;background-color: #fff;position: relative;z-index: 99;}
.wp { width:1140px; margin:auto}
.m_NavLink { width: 55px;height: 55px;display:none;float: right;position: absolute;top: 0;right: 0;}
.m_NavLink img {width:30px;height: 30px;margin-top: 13px;margin-left: 13px;}
.cloud{ width: 182px;height: 122px;background: url(../images/cloud.png); position: absolute;}
.boy{width: 242px;height: 322px;background: url(../images/section2_boy.png);position: absolute;}
.Balloon{width: 207px;height: 306px;background: url(../images/Balloon.png);position: absolute;}

.logo { display:block; width:220px; height:85px; background:url(../images/logo.png) center;float: left;}
.main_nav {width:800px;height: 70px; padding-top: 15px; float: left;margin-left: 100px;overflow: hidden;}
.main_nav ul li {width: 120px;height:80px;background: url(../images/nav.png) no-repeat; text-indent: -99em;float: left; margin-left: 18px;}
.main_nav ul li:hover{transition: background-position .3s;
-moz-transition: background-position .3s;
-webkit-transition: background-position .3s;
-o-transition: background-position .3s;}
.main_nav ul li.nav1{ background-position: 0 10px;}
.main_nav ul li.nav2{ background-position: -135px 10px;}
.main_nav ul li.nav3{ background-position: -272px 10px;}
.main_nav ul li.nav4{ background-position: -407px 10px;}

.main_nav ul li.nav1:hover{ background-position: 0 4px;}
.main_nav ul li.nav2:hover{ background-position: -135px 5px;}
.main_nav ul li.nav3:hover{ background-position: -272px 5px;}
.main_nav ul li.nav4:hover{ background-position: -407px 5px;}

.main_nav ul li a { display: block;width: 120px;height: 80px;}


.header .language {float: right; margin-top: 35px;background: none;width:200px;}
.header .language{ float:left;margin-left:7px;width:65px; height: 50px; background: url(../images/language.png) no-repeat;display: block;text-indent: -99em;overflow: hidden;}
.header .language.English{background-position: 0 5px;margin-left: 110px;}
.header .language.chinese{background-position: right 5px;}
.header .language:hover{transition: background-position .3s;
-moz-transition: background-position .3s;
-webkit-transition: background-position .3s;
-o-transition: background-position .3s;}
.header .language.English:hover{background-position: 0 0px;}
.header .language.chinese:hover{background-position: right 0px;}
.header .language a { width: 100%;}

.footer{width: 100%;height: 200px;background-color: #56311f; text-align: center;overflow: hidden;}
.footer .footernav { width: 380px;height:35px;margin: auto;overflow: hidden;clear: both;margin-bottom: 20px;margin-top: 10px;}
.footer .footernav li {width: 64px;height: 35px;line-height: 35px;margin: 0 15px;}
.footer .footernav li a{color: #fff;font-size: 19px;}
.footer .footernav li a:hover {text-decoration: none;}
.footer .footernavLink{ width: 380px;height:54px;margin: auto;overflow: hidden;clear: both;margin-bottom: 25px;}
.footer .footernavLink li {width: 54px;height: 54px;line-height: 35px;}
.footer .footernavLink li a {width: 54px; height:54px;display: block;background: url(../images/footerlink.png);}
.footer .footernavLink li a.link1{background-position: 0 0;}
.footer .footernavLink li a.link2{background-position: -97px 0;}
.footer .footernavLink li a.link3{background-position: -195px 0;}
.footer .footernavLink li a.link4{background-position: -292px 0;}

.footer .footernavLink li a.link1:hover{background-position: 0 bottom;}
.footer .footernavLink li a.link2:hover{background-position: -97px bottom;}
.footer .footernavLink li a.link3:hover{background-position: -195px bottom;}
.footer .footernavLink li a.link4:hover{background-position: -292px bottom;}
.footer li { float: left;display: inline-block;margin: 0 20px;}
.footer div { color: #b0a5a0;}

.faqCont {width: 1080px;height: 1300px;background: #fff;border-radius: 10px;position: relative;margin: auto;margin-top:100px;padding:20px 35px;z-index: 2;}
.faqCont ul li {border-bottom: 2px solid #e5e5e5;padding: 15px 20px 15px 50px;}
.faq_a {background: url(../images/faq_a.png) no-repeat left 2px;padding-left: 30px;font-size: 18px;color: #848484;line-height: 24px;}
.faq_q {background: url(../images/faq_q.png) no-repeat left 2px;padding-left: 30px;font-size: 18px;color: #501f1f;padding-bottom: 10px;line-height: 24px;font-weight: bold;}
.bodyred { background-color: #5cb6e2;position: relative;}
.pagebottom{background:url(../images/bottombj.png) no-repeat 50% center;width: 100%;height: 484px;position: relative;z-index: 3;}

.oemCont{width: 910px;height:950px;padding:100px 65px 0 65px;background: url(../images/oem_cont.png);
margin: auto;margin-top: 110px;position: relative;z-index:4;font-size: 18px;color: #2e50a0;}
.formCont label {float: left; width: 80px; text-align: right; color: #2568c5;font-weight: bold;padding-right: 10px;line-height: 35px;height: 35px;font-size: 20px;}

.oemCont .textarea{overflow:hidden;border-radius: 4px;border: none;font-weight:bold; float:left}
.oemCont .text p{ margin-bottom:15px}
.formCont .row { margin-bottom: 15px;}
.formCont .sub { width: 200px; height: 30px; line-height: 30px;background: #caeaff; cursor: pointer;}
.formCont .sub:hover {background: #0099CC; color: #fff;}
.oemCont .title{font-size: 25px;font-weight: bold;color: #cc2d34; padding-bottom: 10px;}
.oemCont .text{font-weight: bold;padding-bottom:15px;}

.oemCont .box2 {margin-top: 75px;}
.oemCont .box3 {margin-top:60px;}
.contact {|font-weight: bold;}
.contact span>a{ color: #2e50a0;text-decoration: underline;}
.contact span { margin-right: 5px;font-weight: bold;}
.contact span + span{ margin-left: 40px; }


.aboutusImg {width: 840px;display:block;margin:75px auto 45px auto;}
.aboutCont {width:1080px;height:850px;position: relative;z-index: 2;border-radius: 10px;background: #fff;margin: auto; padding: 20px 30px;}
.aboutCont .text {color: #500000;font-size: 20px;padding-bottom:15px;line-height: 28px;}
.aboutCont .r {float: left;}
.aboutCont .text.l{width: 810px;float: left;} 
.aboutCont .text a{color: #0072bc;text-decoration: underline;}
.aboutCont .text p { margin-bottom: 30px;}
.aboutCont .title{font-size: 22px; font-weight: bold;color: #2568c5; margin-top: 15px;margin-bottom: 10px;}

.slider .fp-controlArrow{display: none;}

.Privacy {margin-top: 3px;color: #b0a5a0;text-decoration: underline;}
.PrivacyCont {width:1080px;position: relative;z-index: 4;
background: #fff;border:10px solid #C3C3C3;margin: auto; padding: 20px 30px 100px 30px;margin-top: 50px;}
.PrivacyCont .title{font-size: 30px;color: #cc2d34; text-align:center}
.PrivacyCont p{padding: 10px 0;color: #555;font-size: 14px;}
.PrivacyCont h5 {margin:10px auto 0 auto;font-size: 18px;}
@keyframes LeftfoRight { 
from{transform: translate3d(-100px, 0px, 0px)} 
to{transform: translate3d(2000px, 0px, 0px)} 
}
@-moz-keyframes LeftfoRight { 
from{transform: translate3d(-100px, 0px, 0px)} 
to{transform: translate3d(2000px, 0px, 0px)} 
}
@-webkit-keyframes LeftfoRight { 
from{transform: translate3d(-100px, 0px, 0px)} 
to{transform: translate3d(2000px, 0px, 0px)} 
}
@-o-keyframes LeftfoRight { 
from{transform: translate3d(-100px, 0px, 0px)} 
to{transform: translate3d(2000px, 0px, 0px)} 
}
@keyframes Rightfoleft { 
from{transform: translate3d(100px, 0px, 0px)} 
to{transform: translate3d(-2000px, 0px, 0px)} 
}
@-moz-keyframes Rightfoleft { 
from{transform: translate3d(100px, 0px, 0px)} 
to{transform: translate3d(-2000px, 0px, 0px)} 
} 
@-webkit-keyframes Rightfoleft { 
from{transform: translate3d(100px, 0px, 0px)} 
to{transform: translate3d(-2000px, 0px, 0px)} 
} 
@-o-keyframes Rightfoleft { 
from{transform: translate3d(100px, 0px, 0px)} 
to{transform: translate3d(-2000px, 0px, 0px)} 
} 

@keyframes beat{ 
0{transform: translate3d(0px, 0px, 0px)} 
50%{transform: translate3d(0px, 10px, 0px)}
100%{transform: translate3d(0px, 0, 0px)} 
}
@-moz-keyframes beat{ 
0{transform: translate3d(0px, 0px, 0px)} 
50%{transform: translate3d(0px, 10px, 0px)}
100%{transform: translate3d(0px, 0, 0px)} 
}
@-webkit-keyframes beat{ 
0{transform: translate3d(0px, 0px, 0px)} 
50%{transform: translate3d(0px, 10px, 0px)}
100%{transform: translate3d(0px, 0, 0px)} 
}
@-o-keyframes beat{ 
0{transform: translate3d(0px, 0px, 0px)} 
50%{transform: translate3d(0px, 10px, 0px)}
100%{transform: translate3d(0px, 0, 0px)} 
}
@media screen and (max-width:1450px){
	.bodyred .Balloon,.bodyred .boy{display: none;}
}
@media screen and (max-width:1140px){
	.header{height: 55px;}
	.logo{background-size: 151px 55px;width:151px;height: 55px;margin-left: 10px;}
	.m_NavLink { display: block;}
	.main_nav {width: 100%;height:auto;margin:auto;position:absolute;top: 55px;left:0;right:0;padding:5px 0 0 0;z-index: 999;background:#ddd;display: none;}
	.main_nav ul li ,
	.header .language.English,
	.header .language.chinese{background:none;text-indent: 0;width:100%;height: 30px;margin-left: 0;box-sizing: border-box;margin:0;}
	.main_nav ul li a,.header .language.English a,.header .language.chinese a{text-indent: 0;width: 100%;padding-left:5px;height: 26px;line-height:26px;
	background-color:#5CB6E2;font-size: 16px;color: #fff;box-sizing: border-box;padding:0 0 0 10px;margin: 0;float: none;}
	}
@media screen and (max-width:1000px){
	
	.oemCont{width: auto;height:auto;padding: 15px 15px 100px 15px;box-sizing: border-box;background: #fff;margin: 15px;background-clip: border-box;}
	.formCont .textarea{width: auto;height: auto;}
	
	.formCont .input {width:auto;display: block;float: none;}
	.faqCont{width: auto;height: auto;padding: 15px 15px 100px 15px; box-sizing: border-box;background: #fff;margin: 15px;background-clip: border-box;}
	.faqCont ul li {border-width: 1px;padding-left:0;padding-right: 0;}
	.faqCont ul li .faq_q ,.faqCont ul li .faq_a{font-size: 14px;}
	.faq_q {padding-bottom: 0;}.faq_a { line-height: 20px;}
	.aboutusImg {width: 90%;margin: 20px auto 15px auto;}
	.aboutCont {width: auto;height:auto;padding: 15px 15px 100px 15px;box-sizing: border-box;background: #fff;margin: 15px;background-clip: border-box;}
	.aboutCont img,.aboutCont div{max-width: 100%;}

	.oemCont .box1{border-bottom: 4px dashed #ddd;}
	.oemCont .box2 {margin-top: 25px;border-bottom: 4px dashed #ddd;padding-bottom: 10px;}
	.oemCont .box3 {margin-top:25px;}
	.PrivacyCont{width: auto;height:auto;padding: 15px 15px 100px 15px;margin: 15px;}
}

@media screen and (max-width:600px){
	
	
	.footer .footernav {margin-bottom: 0;}
	.footer div{line-height: 15px;font-size: 10px;}
	.footer .footernav {width: 100%;text-align: center;}
	.footer .footernav li {width: 25%;box-sizing: border-box;margin: 0;padding: 0 15px;}
	.footer .footernav li a{font-size:14px}
	.footer .footernavLink {width: 100%;}
	.footer .footernavLink li {width: 25%;box-sizing: border-box;margin: 0;padding: 0 15px;}
	.footer .footernavLink li a {margin: auto;}
	
	
	
}