.cover{
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	right: 0;
}
/*top*/
.topWrap{
	position: relative;
	max-width: 750px;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	background: #e76363;
}
/*logo*/
.topWrap .logo{
	width: 7.5213em;
	height: 2.4358em;
	padding: 0.8em 0;
	margin-left: 2%;
}
.topWrap .logo img{
	display: block;
	width: 100%;
}
/*menu*/
.topWrap .menu{
	width: 2.1367em;
	height: 1.6666em;
	background:url(../img/menu.png) no-repeat;
	background-size: 100%;
	margin: 1.17em 2%;
}
/*menu_layer*/
.topWrap .menuLayer{
	position: absolute;
	top: 4.0358em;
	left: 0;
	width: 100%;
	height: auto;
	background: #e76363;
	/*opacity: 0;*/
	z-index: 15;
	display: none;
}
.topWrap .menuLayer2{
	position: fixed;
	top: auto;
	bottom: 13.8em;
}
.topWrap .menuLayer2 h1{
	display: none;
}
.topWrap .menuLayer1{
	display: block;
}
.topWrap .menuLayer h1{
	width: 96%;
	height: 1px;
	background: #fff;
	margin: 0 auto;
}
.topWrap .menuLayer ul{
	width: 100%;
	height: auto;
	margin-top: 0.8547em;
}
.topWrap .menuLayer ul li{
	width: 100%;
	height: auto;
}
.topWrap .menuLayer ul li a{
	display: block;
	height:2.64em;
	line-height:2.64em;
	text-align: center;
	font-size: 1.538em;
	color: #fff;
}
.topWrap .menuLayer ul li.cur{
	background: #ff8484;
}
/*悬浮导航*/
.suspension{
	position: fixed;
	right: 2%;
	top: 5%;
	z-index: 100;
	width: 4.3589em;
	height: 4.3589em;
	background: url(../img/menu1.png) no-repeat;
	background-size: 100%;
	display: none;
}
.suspensionLayer{
	position: fixed;
	top: 0;
	right: -34%;
	z-index: 100;
	width: 34%;
	height: 100%;
	background: #e76363;
	overflow-y: auto;
}
.suspensionLayer i{
	display: block;
	width: 5.1282em;
	height: 5.171em;
	margin: 2.1794em auto 1.5em;
}
.suspensionLayer i img{
	width: 100%;
	display: block;
}
.suspensionLayer ul{
	width: 100%;
	height: auto;
}
.suspensionLayer ul li{
	height: auto;
	text-align: center;
}
.suspensionLayer ul li a em{
	display: inline-block;
	width: 2em;
	height: 1px;
}
.menuLayer ul li a.curr{
	letter-spacing: 2em;
	padding-left: 2em;
}
.suspensionLayer ul li.cur{
	background: #ff8484;
}
.suspensionLayer ul li a{
	display:block;
	height: 2.64em;
	line-height: 2.85em;
	font-size: 1.538em;
	color: #fff;
	text-align: center;
}
.suspensionLayer ol{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -1.7521em;
	width: 3.5042em;
	height: auto;
}
.suspensionLayer ol li{
	float: left;
	width: 100%;
	height: 3.5042em;
	margin-bottom: 1.6239em;
}
.suspensionLayer ol li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.suspensionLayer ol li.tel{
	background:url(../img/icon_btn_1.png) no-repeat;
	background-size: 100%;
}
.suspensionLayer ol li.QQ{
	background:url(../img/icon_btn_2.png) no-repeat;
	background-size: 100%;
}
.suspensionLayer ol li.wechat{
	background:url(../img/icon_btn_3.png) no-repeat;
	background-size: 100%;
}
/*banner*/
.banner{
	position: relative;
	z-index: 10;
	max-width: 750px;
	min-width: 320px;
	height: 20.0854em;
	background: url(../temp/back_btn_1.jpg) no-repeat;
	background-size: 100%;
	margin: 0 auto;
}
.banner h1{
	width: 100%;
	height:auto;
	text-align: center;
	padding: 1.0255em 0;
}
.banner h1 em{
	display: inline-block;
	background:url(../img/logo1.png) no-repeat;
	background-size: 13.5%;
	height: 1.542em;
	line-height: 1.542em;
	padding-left: 1.923em;
	font-size: 1.0256em;
	color: #151515;
}
.banner h2{
	width: 100%;
	line-height: 1.75em;
	background: rgba(0,0,0,0.4);
	margin-top: 4.1em;
	font-size: 2.0512em;
	color: #fff;
	text-align: center;
}
.banner h2 em{
	color: #e76363;
}
.banner h3{
	width: 43%;
	margin:1em auto 0;
	height: 1.9335em;
	line-height: 1.9335em;
	background: rgba(0,0,0,0.4);
	font-size: 1.282em;
	font-weight: lighter;
	color: #fff;
	text-align: center;
}
/*产品展示*/
.product{
	max-width: 750px;
	min-width: 320px;
	margin: 0 auto;
	height: auto;
}
.product h1{
	width: 100%;
	height: 2.14em;
	margin-top: 2em;
	line-height: 2.14em;
	font-size: 2em;
	font-weight: lighter;
	color: #d92121;
	text-align: center;
}
.product h2{
	width: 100%;
	height: 2.1em;
	line-height: 2.1em;
	color: #4d4d4d;
	font-size: 1.7094em;
	font-weight: bold;
	text-align: center;
}
.product .product3d{
	width: 90%;
	height: 25em;
	margin: 0 auto;
}
/*主要内容*/
.matter{
	max-width: 750px;
	min-width: 320px;
	height: auto;
	margin: 0 auto;
}
/*它是如何工作的？*/
.work {
	width: 100%;
	height:9.9572em;
	background:url(../temp/back_btn_2.jpg) no-repeat;
	background-size: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 2em;
}
.work1{
	width: 100%;
	height:9.9572em;
	background: url(../temp/back_btn_3.jpg) no-repeat;
	background-size: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 2em;
}
.work2{
	width: 100%;
	height:9.9572em;
	background: url(../temp/back_btn_4.jpg) no-repeat;
	background-size: 100%;
	overflow: hidden;
	position: relative;
}
.work3{
	width: 100%;
	height:9.9572em;
	background: url(../temp/back_btn_5.jpg) no-repeat;
	background-size: 100%;
	overflow: hidden;
	position: relative;
}
.work h1,
.work1 h1,
.work2 h1,
.work3 h1{
	width: 100%;
	height: 4.854em;
	line-height: 4.854em;
	font-size: 2.0512em;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.wordMain {
	width: 100%;
	height:auto;
}
.wordMain .wordMainT{
	width: 100%;
	height: auto;
	background: #f1f1f1;
	padding-top: 1em;
}
.wordMain .wordMainT h2{
	width: 100%;
	height: 3.67em;
	line-height: 3.67em;
	font-size: 2em;
	font-weight: lighter;
	color: #d92121;
	text-align: center;
}
.wordMain .wordMainT i{
	width: 15.5556em;
	height: 11.6667em;
	display: block;
	margin: 0 auto;
}
.wordMain .wordMainT img{
	width: 100%;
	height: auto;
	display: block;
}
.wordMain .wordMainT h3{
	width: 100%;
	height: 3.613em;
	margin-bottom: 1em;
	line-height: 3.613em;
	font-size: 1.7094em;
	font-weight: bold;
	color: #353535;
	text-align: center;
}
.wordMain .wordMainT h4{
	width: 100%;
	height: auto;
}
.wordMain .wordMainT h4 img{
	width: 100%;
	height: auto;
	display: block;
}
.wordMainOne {
	width: 90%;
	height:auto;
	padding: 0 5% 2.2649em;
	background: #f5f5f5;
	overflow: hidden;
}
.wordMainOne i {
    display: block;
    margin: 0 auto;
    width: 20.3418em;
    height: 16.4102em;
    padding: 5em 0 0.34em;
}
.wordMainOne i img{
	display: block;
	width: 100%;
	height: auto;
}
/*css3动画*/
.dowebok h1{
	width: 100%;
	height: auto;
	font-weight: bolder;
	color: #4d4d4d;
}
.dowebok h1 span{
	float: left;
	display: inline-block;
	font-size: 1.282em;
	line-height: 2.8335em;
	font-family: "微软雅黑";
}
.dowebok h1 em{
	display: inline-block;
	float: left;
	margin-right: 0.2em;
	font-family: arial;
	font-size: 2em;
	line-height: 1.8164em;
}
.dowebok p{
	width: 100%;
	line-height: 1.5em;
	font-size: 1.282em;
	font-weight: lighter;
	color: #4d4d4d;
}
.dowebok b{
	display: block;
	margin: 4em auto 0;
	width: 3.4615em;
	height: 3.9743em;
	background: url(../img/icon_btn_4.png) no-repeat;
	background-size: 100%;
}

/*生成动画*/
.generateWrap{
	width: 100%;
	height: auto;
}
.generate{
	width: 20.7692em;
	height: 10.3846em;
	background: url(../img/icon_btn_5.png) no-repeat;
	position: relative;
	background-size: 100%;
	margin: 2.0512em auto 0;
}
.generateWrap .gen_Img{
	width: 25.0854em;
	height: 20.3846em;
	padding-top: 2em;
	margin: 0 auto;
}
.generateWrap .gen_Img img{
	display: block;
	width: 100%;
}
/*css3旋转*/
.generate .genMain{
	position: absolute;
	left: 50%;
	top: 1.7948em;
	margin-left: -1.38885em;
	width: 2.7777em;
	height: 2.7777em;
	text-align: center;
}
.rotating{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background:url(../img/icon_btn_6.png) no-repeat;
	background-size: 100%;
}
.generate .genMain em,
.generate .genMain1 em,
.generate .genMain2 em,
.generate .genMain3 em,
.generate .genMain4 em{
	position: absolute;
	top: 50%;
	margin-top: -0.65em;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 0.7692em;
	color: #fefefe;
}
.generate .genMain1{
	position: absolute;
	left: 4.23em;
	top: 6.4112em;
	width: 1.7948em;
	height:1.7948em;
	text-align: center;
}
.generate .genMain1 em{
	font-size: 0.5em;
	margin-top: -0.7em;
}
.generate .genMain2 em{
	font-size: 0.45em;
	margin-top: -0.5em;
}
.generate .genMain3 em{
	font-size: 0.35em;
	margin-top: -0.7em;
}
.generate .genMain4 em{
	font-size: 0.38em;
	margin-top: -0.6em;
}
.generate .genMain2{
	position: absolute;
	left: 14.829em;
	top: 6.4529em;
	width: 1.282em;
	height:1.282em;
	text-align: center;
}
.generate .genMain3{
	position: absolute;
	left: 17.094em;
	top:8em;
	width: 0.8547em;
	height: 0.8547em;
	text-align: center;
}
.generate .genMain4{
	position: absolute;
	right: 0.94em;
	top:7.0085em;
	width: 1.0256em;
	height:1.0256em;
	text-align: center;
}
.clickView{
	width: 100%;
	height: auto;
	/*padding-top: 10.3846em;*/
}
.clickView p{
	width: 100%;
	line-height:2.4331em;
	text-align: center;
	font-size: 1.282em;
	color: #808080;
}
.clickView h1{
	width: 2.8205em;
	height: 2.8205em;
	margin: 0 auto;
	margin-top: 2.1367em;
	background: url(../img/icon_btn_7.png) no-repeat;
	background-size: 100%;
}
.rotatingWrap h1{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
}
/*它有哪些功能特点？*/
.wordMainTwo{
	width: 90%;
	height:auto;
	padding: 0 5% 2.2649em;
	overflow: hidden;
}
.wordMainTwo ul{
	width: 100%;
	height: auto;
}
.wordMainTwo ul li{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 2.6282em;
}
.wordMainTwo ul li .wordIcon{
	width: 4.1025em;
	height: 4.1025em;
}
.wordMainTwo ul li .wordIcon .iconL{
	width: 100%;
	height: 100%;
}
.wordMainTwo ul li .wordIcon .iconL img{
	width: 100%;
	display: block;
}
.wordMainTwo ul li .wordTxt{
	width: 22.87em;
	height: auto;
	margin-left: 0.85em;
}
.wordMainTwo ul li .wordTxt h1{
	width: 100%;
	margin-top: 0.384em;
	line-height: 2.6em;
	font-size: 1.282em;
	font-weight: bolder;
	color: #4d4d4d;
}
.wordMainTwo ul li .wordTxt p{
	width: 100%;
	font-size: 1.282em;
	font-weight: lighter;
	color: #4d4d4d;
	line-height: 1.5em;
}
/*多款型号满足不同需求?*/
.wordMainThree{
	width: 100%;
	height: auto;
	background: #f1f1f1;
	padding:2.9059em 0 3.4100em;
}
.wordMainThree h2{
	width: 31.5811em;
	height: auto;
	margin: 0 auto;
}
.wordMainThree h2 img{
	width: 100%;
	display: block;
}
.wordMainThree p{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 3.76em;
}
.wordMainThree p a,
.quality h4 a,
.details h6 a{
	display: inline-block;
	width: 7.0335em;
	background: #008dd6;
	height: 1.9em;
	line-height: 1.9em;
	border-radius: 0.2136em;
	font-size: 1.282em;
	color: #fff;
}
/*八年技术沉淀，十项专利证书*/
.technology,
.customer,
.electronic{
	width: 90%;
	height: auto;
	padding: 1.0683em 5% 3.6752em;
}
.technology h1,
.customer h1,
.quality h1,
.electronic h1{
	width: 100%;
	font-size: 1.7094em;
	color: #4d4d4d;
	text-align: center;
	line-height: 3.7516em;
	font-weight: bolder;
	font-family: "微软雅黑";
}
.technology p,
.customer p{
	width: 100%;
	font-size: 1.282em;
	line-height: 1.5em;
	color: #4d4d4d;
	text-align: center;
}
.technology h2{
	width: 24.7435em;
	height: auto;
	margin: 1.1538em auto 0;
}
.technology h2 img{
	display: block;
	width: 100%;
}
/*我们的客户怎么说*/
.customer{
	background: #f2f2f2;
}
.customer p{
	width: 90%;
	margin: 0 auto;
}
.customer .swiperWrap{
	width: 94%;
	height: auto;
	padding-top: 1.6239em;
	margin: 0 auto;
}
.swiper-container1 {
    width: 100%;
    height: 2.6495em;
    margin-left: auto;
    margin-right: auto;
    margin: 0px auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.swiper-container1 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container1 .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    width: 100%;
	position: relative;
}
.swiper-container1 .swiper-slide  .aa{
	width: 90%;
	margin: 0 auto;
}
.swiper-container1 .swiper-slide .swiper_con{
	width: 3.9316em;
	height: 2.6495em;
	float: left;
	margin: 0 1.0256em;
}
.swiper-container1 .swiper-slide .swiper_con a.swi_img{
	display: block;
	height: auto;
	border: 1px solid #b2b2b2;
}
.swiper-container1 .swiper-slide .swiper_con a.swi_img img{
	width: 100%;
	display: block;
}
.swiper-container1 .swiper-button-next, .swiper-container1 .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -0.7051em;
    width: 0.7264em;
    height: 1.4102em;
    z-index: 10;
    cursor: pointer;
}
.swiper-container1 .swiper-button-next{
    right: 0;
    left: auto;
    background: url(../img/icon_btn_15.png) no-repeat;
    background-size: 100%;
}
.swiper-container1 .swiper-button-prev{
	left: 0;
    right: auto;
    background: url(../img/icon_btn_14.png) no-repeat;
    background-size: 100%;
}
/*世界品质，全球共享*/
.quality {
    width: 100%;
    height: auto;
	padding: 1.0683em 0 3.6752em;
}
.quality h2{
	width: 100%;
	height: auto;
}
.quality h2 img{
	display: block;
	width: 100%;
}
.quality h3{
	width: 100%;
	margin-top: 2em;
	line-height: 4.3075em;
	font-size: 1.538em;
	color: #4d4d4d;
	font-weight: bold;
	text-align: center;
}
.quality ul{
	width: 80%;
	height: auto;
	margin: 0 auto;
}
.quality ul li{
	border: 1px solid #b3b3b3;
	height: auto;
	margin-bottom: 1.3675em;
}
.quality ul li .qualityTxt{
	float: left;
	height: 1.25em;
	line-height: 1.25em;
	width: 94%;
	padding: 0.5625em 3%;
	color: #f00;
	font-size: 1.0256em;
	background: url(../img/icon_btn_16.png) 97% center no-repeat;
	background-size: 4.3%;
}
.quality ul li .qualityTxt1{
	background: url(../img/icon_btn_17.png) 97% center no-repeat;
	background-size: 4.6%;
}
.quality ul li .qualityTxt2{
	background: url(../img/icon_btn_18.png) 97% 0.5em no-repeat;
	background-size: 4.6%;
	height: 7.7777em;
	width: 92%;
	border: none;
	line-height: 1.5em;
	padding: 0.5em 5% 0.5em 3%;
	
}
.quality h4{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 2.4358em;
}
.quality h4 a{
	background: #c14141;
}
/*广州盈商电子科技有限公司*/
.electronic{
	background: #f1f1f1;
	padding-bottom: 1em;
}
.electronic ul{
	width: 100%;
	height: auto;
}
.electronic ul li{
	width: 100%;
	height: auto;
	margin-top: 1em;
}
.electronic ul li h2{
	width: 100%;
	height: auto;
	text-align: center;
}
.electronic ul li h2 span{
	display: inline-block;
	width: 2.051em;
	height: 2.051em;
}
.electronic ul li.cur h2 span{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
}
.electronic ul li h2 span.add{
	background: url(../img/link_icon2.png) no-repeat;
	background-size: 100%;
}
.electronic ul li h2 span.tel{
	background: url(../img/link_icon4.png) no-repeat;
	background-size: 100%;
}
.electronic ul li h2 span.mail{
	background: url(../img/link_icon3.png) no-repeat;
	background-size: 100%;
}
.electronic ul li p{
	width: 100%;
	line-height: 3.875em;
	font-size: 1.0256em;
	color: #000;
	text-align: center;
}
/*foot*/
.footerWrap{
	max-width: 750px;
    min-width: 320px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #464646;
}
.footerWrap ul{
	width: 90%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.footerWrap ul li{
	float: left;
	width:3.4968em;
	height: 3.4968em;
	margin:2.7292em 1em 0;
}
.footerWrap ul li a.icon{
	display: block;
	width: 100%;
	height: 100%;
	background-size: 100%;
}
.footerWrap ul li a.icona{
	background: url(../img/foot_icon1.png) no-repeat 0 0;
	background-size: 100%;
}
.footerWrap ul li a.iconb{
	background: url(../img/foot_icon2.png) no-repeat 0 0;
	background-size: 100%;
}
.footerWrap ul li a.iconc{
	background: url(../img/foot_icon3.png) no-repeat 0 0;
	background-size: 100%;
}
.footerWrap ul li a.icond{
	background: url(../img/foot_icon4.png) no-repeat 0 0;
	background-size: 100%;
}
.footerWrap ul li a.icone{
	background: url(../img/foot_icon5.png) no-repeat 0 0;
	background-size: 100%;
}
.footerWrap ul li a.iconf{
	background: url(../img/foot_icon6.png) no-repeat 0 0;
	background-size: 100%;
}
.footerWrap p{
	text-align: center;
	font-size: 1em;
	color: #b2b2b2;
	margin-top: 1.78em;
}
.footerWrap h2{
	width: 100%;
	text-align: center;
	font-size: 1em;
	margin:1em 0 1.78em;
	line-height: 2em;
}
.footerWrap h2 a{
	display: inline-block;
	color: #b2b2b2;
	background: url(../img/topc.png) 0 center no-repeat;
	background-size:20%;
	padding-left: 2em;
}

/*详情页*/
.banner1{
	height: 16.4529em;
	background: url(../temp/banner_btn_1.jpg) no-repeat;
	background-size: 100%;
}
.banner1 h4{
	width: 46%;
	padding-top: 1.5em;
	padding-left: 4%;
	font-size: 1.7094em;
	color: #fff;
	line-height: 1.7em;
	font-weight: bolder;
}
.banner1 h5{
	width: 46%;
	padding-left: 4%;
	font-size:1.0256em;
	color: #fff;
	line-height: 1em;
}
.banner1 p{
	width: 46%;
	margin-top: 1.4957em;
	padding-left: 4%;
	font-size: 0.75em;
	font-weight: lighter;
	color: #fff;
	line-height: 1.8em;
}
.details{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2.22em 0 1em;
}
.details1{
	background: #f9f7f8;
	padding-bottom: 3em;
}
.details h1{
	width: 96%;
	padding: 0 2%;
	font-size: 1.7094em;
	color: #4d4d4d;
	line-height:2.401em;
	text-align: center;
	font-weight: bold;
}
.details h2{
	width: 96%;
	padding: 0 2%;
	line-height: 3.6em;
	font-size: 1.282em;
	color: #4d4d4d;
	text-align: center;
}
.details2{
	position: relative;
}
.details .iconL1{
	position: absolute;
	left: 0.7264em;
	top: 6.10538em;
}
.details .iconL2{
	position: absolute;
	left: 2.1367em;
	top: 18.717em;
}
.details .iconL1 h1{
	width: 52%;
	padding: 0;
	text-align: left;
	font-size: 1.538em;
	line-height: 1.2505em;
}
.details .iconL1 h2{
	width: 52%;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
}
.details .deta_Img{
	width: 100%;
	height: auto;
}
.details .deta_Img img{
	width: 100%;
	display: block;
}
.details ul{
	width: 100%;
	height: auto;
}
.details ul li{
	float: left;
	width: 46%;
	height: auto;
	margin: 1.0683em 2%;
}
.details ul li .de_Txt{
	border: 1px solid #4d4d4d;
	padding: 1.0256em 0;
}
.details ul li .de_Txt h4{
	width: 90%;
	height: auto;
	padding: 0 5%;
	font-size: 1.282em;
	color: #4d4d4d;
	line-height: 1.8em;
}
.details ul li .de_Txt p{
	width: 90%;
	padding: 0 5%;
	color: #4d4d4d;
	font-size: 1.0256em;
	font-weight: lighter;
	line-height: 1.792em;
}
.details h3{
	width: 62%;
	margin: 0 auto 2em;
	color: #4d4d4d;
	font-size: 1.0256em;
	line-height: 1.833em;
	text-align: center;
}
.details h3.deta_h3{
	width: 70%;
}
.details h6{
	width: 100%;
	height: auto;
	margin-top: 2.5em;
	text-align: center;
}
.details .deta_Img1{
	width: 60.8%;
	height: auto;
	margin: 0 auto;
}
.details .deta_Img1 img{
	width: 100%;
	display: block;
	margin: 1.0683em 0;
}



/*套餐页*/
/*banner*/
.banner_combo{
	max-width: 750px;
    min-width: 320px;
	height:16.0179em;
	position: relative;
	background: url(../temp/combo_pic1.jpg) no-repeat center top;
	background-size: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
.banner_combo h2{
	position: relative;
	top: 35%;
	width: 100%;
	line-height: 1.75em;
	background: rgba(0,0,0,0.4);
	font-size: 2.0512em;
	font-weight: bold;
	color: #fff;
	text-align: center;

}
/*系列产品*/
.mainWrap {
	max-width: 750px;
    min-width: 320px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.mainWrap ul li {
	width: 100%;
	height: auto;
}
.mainWrap ul li .bg_colora{
	width: 90%;
	padding: 0 5%;
	height: auto;
	background: #7fb0ff;
	padding-bottom: 4em;
	position: relative;
}
.mainWrap ul li .bg_colora1{
	background: #ffdc7f;
	margin-top: 2.82em;
}
.mainWrap ul li .bg_colora2{
	background: #ff8080;
	margin-top: 2.82em;
}
.mainWrap ul li .bg_colora3{
	background: #c5e39f;
	margin-top: 2.82em;
}
.mainWrap ul li .bg_colora h2{
	width: 100%;
	font-size: 1.7094em;
	color: #fff;
	padding: 1.325em 0;
	font-weight: bold;
}
.mainWrap ul li .bg_colora p{
	width: 100%;
	height: auto;
	margin-bottom: 1.282em;
}
.mainWrap ul li .bg_colora p i{
	display: block;
	float: left;
	width: 12%;
}
.mainWrap ul li .bg_colora p i img{
	display: block;
	width: 100%;
}
.mainWrap ul li .bg_colora p em{
	display: block;
	width: 86%;
	float: right;
	font-size: 1.538em;
	font-weight: lighter;
	color: #fff;
	line-height: 1.6em;
	padding-top: 0.3em;
}
.mainWrap ul li .bg_colora h3{
	position: absolute;
	bottom: -0.76395em;
	left: 50%;
	margin-left: -0.76395em;
	width: 1.5277em;
	height: 1.5277em;
	border-radius: 50%;
	background: #7fb0ff;
	border: 0.1em solid #fff;
	font-size: 3.0769em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.45em;
}
.mainWrap ul li .mainSoft{
	width: 100%;
	height: auto;
}
.mainWrap ul li .mainSoft i{
	display: inline-block;
	width: 100%;
	padding: 2.26em 0 3em;
}
.mainWrap ul li .mainSoft i img{
	display: block;
	width: 100%;
}
.mainWrap ul li .mainSoft p{
	width: 92%;
	height: auto;
	margin: 0 auto;
	font-size: 1.5em;
	font-weight: lighter;
	color: #4d4d4d;
	position: relative;
}
.mainWrap ul li .mainSoft p a{
	display: inline-block;
	padding: 0.1em 0.3em;
	margin-left: 0.3em;
	border: 1px solid #4d4d4d;
	font-size: 1.0265em;
}
.mainWrap ul li .mainSoft p em{
	position: absolute;
	top: -1.5812em;
	left: 11em;
	display: inline-block;
	width: 2.616em;
	height: 1.5812em;
	background: url(../img/com_btn13.png) no-repeat;
	background-size: 100%;
}
.mainWrap ul li .mainSoft h2{
	width: 94%;
	height: auto;
	margin: 5.2991em auto 2.564em;
	border-bottom: 1px solid #7fb0ff;
	position: relative;
}
.mainWrap ul li .mainSoft h2 em{
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: -1.3325em;
	margin-left: -1.3325em;
	width:2.6665em;
	height: 2.6665em;
	border: 1px solid #7fb0ff;
	border-radius: 50%;
	background: #fff;
	color: #7fb0ff;
	font-size: 2.0512em;
	font-weight: bold;
	text-align: center;
	line-height: 2.5em;
}

.mainWrap ul li .bg_colora1 h2,
.mainWrap ul li .bg_colora1 p em{
	color: #4d4d4d;
}
.mainWrap ul li .bg_colora1 h3{
	color: #4d4d4d;
	background: #ffdc7f;
}
.mainWrap ul li .mainSoft1 h2{
	border-bottom: 1px solid #ffdc7f;
}
.mainWrap ul li .mainSoft1 h2 em{
	border: 1px solid #ffdc7f;
	color: #ffdc7f;
}
.mainWrap ul li .bg_colora2 h3{
	background: #ff8080;
	color: #fff;
}
.mainWrap ul li .mainSoft2 h2{
	border-bottom: 1px solid #ff8080;
}
.mainWrap ul li .mainSoft2 h2 em{
	border: 1px solid #ff8080;
	color: #ff8080;
}

.mainWrap ul li .bg_colora3 h2,
.mainWrap ul li .bg_colora3 p em{
	color: #4d4d4d;
}
.mainWrap ul li .bg_colora3 h3{
	background: #c5e39f;
	color: #4d4d4d;
}
.mainWrap ul li .mainSoft3 h2{
	border-bottom: 1px solid #c5e39f;
}
.mainWrap ul li .mainSoft3 h2 em{
	border: 1px solid #c5e39f;
	color: #c5e39f;
}
.mainWrap ul li .mainSoft3 p.softP{
	margin-bottom: 2.82em;
}

/*关于页*/
/*banner*/
.banner_about{
	background:url(../temp/about_pic1.jpg) no-repeat center top;
	background-size: 100%;
}
.banner_about h3{
	font-size:3.0703em;
	margin-top:0.8679em;
	color: #FFF;
	display: inline-block;
	width: 100%;
	position: relative;
}
.banner_about h3 i{
	display: inline-block;
	width: 1.3266em;
	height: 1.1130em;
	margin-left:0.66em;
	position: relative;
	top: 0.18em;
	background: url(../img/about_icon.png) no-repeat 0 0;
	background-size: 80%;
}
.banner_about h3 em{
	color: #e76363;
	margin-left: 0.58em;
}
.banner_about p{
	width: 88%;
	margin: 0 auto;
	margin-left: 6%;
	color: #fff;
	margin-top:1.5439em;
	font-size: 1.5351em;
	line-height: 1.72em;
}
/*我们是谁*/
.aboutUs{
	max-width: 750px;
    min-width: 320px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #f1f1f1;
}
.aboutUs h2{
	font-size: 1.5351em;
	color: #4d4d4d;
	font-weight: bold;
	padding:1.985em 0 1.0051em 1.345em;
}
.aboutUs p{
	font-size: 1.12em;
	color: #353535;
	width: 86%;
	display: inline-block;
	padding-left:1.9051em;
	line-height: 1.5em;
	text-align: justify;
}
.aboutUs .about_link{
	width: 86%;
	margin: 2.19148em auto 0;
	overflow: hidden;
}
.aboutUs .about_link .link_s,
.aboutUs .about_link .link_x{
	display: block;
	width: 100%;
	overflow: hidden;
}
.aboutUs .about_link .link_x{
	margin-top: 0.58em;
	margin-bottom: 2.8379em;
}
.aboutUs .about_link a {
	float: left;
	display: inline-block;
	font-size:1em;
	color: #fff;
	padding: 0.6396em 0.8396em;
	margin-right: 0.58em;
}
.aboutUs .about_link a.colora{
	background: #5b6073;
}
.aboutUs .about_link a.colorb{
	background: #eb767e;
}
.aboutUs .about_link a.colorc{
	background: #ffa979;
}
.aboutUs .about_link a.colord{
	background: #b687e3;
}
.aboutUs .about_link a.colore{
	background: #41c969;
}
/*产品研发历程*/
.history{
	background: #fff;
	padding-bottom: 3.84em;
}
.history1{
	background: #f1f1f1;
	margin-top: 2em;
}
.history1 h2{
	text-align: center;
	padding: 1.985em 0 1.0051em;
}
.history_con{
	width: 100%;
	margin: 2.2em auto 0;
	overflow: hidden;
}
.history_con ul li{
	position: relative;
	display: block;
	float: left;
}
.history_con ul li .his_left{
	float: left;
	margin-left: 2.0051em;
	width: 12.1535em;
	height: auto;
	position: relative;
	z-index: 10;
	background: url(../img/his_bg_icon.png) no-repeat 0 0;
	background-size: 100%;
}
.history_con ul li .his_left span{
	    display: block;
    width: 4.2761em;
    height: 1.9616em;
    line-height: 1.7616em;
    text-align: center;
    font-size: 1.22em;
    color: #fff;
}
.history_con ul li .his_right{
	float: left;
	margin-left:-3.836em;
	width:19.8486em ;
	position: relative;
	z-index: 9;
	border-left: 2px solid #4aa8ff;
	padding-bottom: 1.8336em;
}
.history_con ul li:first-child .his_con{
	margin-top: -0.4em;
}
.history_con ul li:first-child .his_right{
	margin-top: 0.4em;
}
.history_con ul li  .line{
	display: block;
	border-left: 2px solid #4aa8ff;
	position: relative;
	top: 0.55em;
}                       
.history_con ul li .his_con{
	float: left;
	position: relative;
	background: #4aa8ff;
	width: 15.3518em;
	height: auto;
	margin-left: 3.88218em;
}
.history_con ul li .his_con h3{
	font-size: 1.22em;
	color: #fff;
	text-align: center;
	padding: 0.86em 0 0 0;
	overflow: hidden;
}
.history_con ul li .his_con em{
	display: block;
	font-size: 1.12em;
	font-weight: lighter;
	color: #fff;
	width: 88%;
	margin: 1.3646em auto;
	text-align: justify;
	line-height: 1.5em;
	overflow: hidden;
}
.history_con ul li .his_con .his_div{
	width: 2.81449em;
	height: 2.81449em;
	margin: 1em auto 1.3646em;
}
.history_con ul li .his_con .his_img{
	display: none;
	width:22.2921em;
	height:16.4690em;
}
.history_con ul li .his_con i.icon{
	display: block;
	width: 2.81449em;
	height: 2.81449em;
	background: url(../img/eye_icon.png) no-repeat 0 0;
	background-size: 100%;
	-moz-transition: all 0.7s ease-in 0s;
	-webkit-transition: all 0.7s ease-in 0s;
	-o-transition: all 0.7s ease-in  0s;
	transition: all 0.7s ease-in 0s;
}
.history_con ul li .his_con i.icon:hover{
	background: url(../img/eye_icon.png) no-repeat 0 0;
	background-size: 100%;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
.history_con ul li .hisCon{
	margin-left: 3.88218em;
}
.history_con ul li .hisCon h4{
	font-size: 1.5351em;
	color: #4aa8ff;
	margin-left:0.85em;
}
.hiseject{
	display: none;
	position: absolute;
	z-index: 110;
}
/*资质证明*/
.quali_con{
	padding-bottom: 3.4115em;
	/*border: 1px solid red;*/
}
.centered{
	margin:0 auto;
}
.centered{
	width: 100%;
}
.live>div{
	position:absolute;
}
.live img{
	border:none;	
}
.live-front{
	width:100%;
	height:100%;
	z-index:20;
	position: relative;
}
.live-back{
	width:100%;
	height:100%;
	z-index:10;
	position: relative;
}
.live-img{
	display:block;
	height:100%;
	width:100%;
}
.tile{
	margin:0 0.25em 0.5em 0.25em;
	float:left;
	overflow:hidden;
	position:relative;
	transition: opacity 0.5s ease 0.1s;
	-moz-transition: opacity 0.5s ease 0.1s;
	-o-transition: opacity 0.5s ease 0.1s;
	-webkit-transition: opacity 0.5s ease 0.1s;
}

.tile:hover{
	border:5px solid #fff;
	margin:-5px 0 0 0;
	box-shadow:0 0 5px 0 #000;
	-moz-box-shadow:0 0 5px 0 #000;
	-webkit-box-shadow:0 0 5px 0 #000;
}
.exclude:hover{
	border:0.2132em solid #fff;
	margin:0 0.2132em 0.4264em 0.2132em;
}
.tile-text{
	color:#fff;
	font-size:2.4em;
	bottom:0.25em;
	left:0.5em;
	position:absolute;
	z-index:30;
	text-align:left;
}
.small{
	width:13.05004em;
	height:9.4243em;
}
.big{
	width:13.05004em;
	height:19.3750em;
}
.live-front .wz,
.live-back .wz{
	position: absolute;
	top: 40%;
	z-index: 50;
	width:13.04904em;
	height: 2.1321em;
	text-align: center;
	line-height: 2.1321em;
	background: rgba(0,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000',endColorstr='#99000000');       
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000')"; 
}
.live-front .wz strong,
.live-back .wz  strong{
	font-size: 1.2793em;
	color: #fff;
	font-weight: normal;
}
.fade{
	opacity:0.5;
	filter:alpha(opacity=50);
}
#TB_overlayBG{
	position:absolute;
	z-index:101;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa000000',endColorstr='#aa000000');      /*IE6,IE7*/ 
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa000000', endColorstr='#aa000000')";      /*IE8*/ 
}
#TB_overlayBG1{
	position:absolute;
	z-index:101;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa000000',endColorstr='#aa000000');      /*IE6,IE7*/ 
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa000000', endColorstr='#aa000000')";      /*IE8*/ 
}
#TB_overlayBG2{
	position:absolute;
	z-index:20;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa000000',endColorstr='#aa000000');      /*IE6,IE7*/ 
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa000000', endColorstr='#aa000000')";      /*IE8*/ 
}
/*微信弹出*/
.webchat{
	position: absolute;
	top: 0;
	width: 80%;
	height: auto;
	z-index: 120;
	display: none;
}
.webchat img{
	display: block;
	width: 100%;
}
.eject{
	display: none;
	position: absolute;
	z-index: 110;
}
#mainpage-mos{
	max-width: 750px;
    min-width: 320px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #f1f1f1;
	padding:0.3411em 0;
	position:relative;
}
.live>.ha.flip-front{   
	position:absolute;
	 /*time to start repeating ourselves 
	note: we are not setting a duration or delay here, 
	that is added in script */
	-webkit-animation-name:flipfront180;
	-webkit-animation-play-state:paused;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name:flipfront180;
	-moz-animation-play-state:paused;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-ms-animation-name:flipfront180;
	-ms-animation-play-state:paused;
	-ms-animation-fill-mode:forwards;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;
	-o-animation-name:flipfront180;
	-o-animation-play-state:paused;
	-o-animation-fill-mode:forwards;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: linear;
	animation-name:flipfront180;
	animation-play-state:paused;
	animation-fill-mode:forwards;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.live>.ha.flip-back{
	position:absolute;
	-webkit-animation-name:flipback180;
	-webkit-animation-play-state:paused;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name:flipback180;
	-moz-animation-play-state:paused;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-ms-animation-name:flipback180;
	-ms-animation-play-state:paused;
	-ms-animation-fill-mode:forwards;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;
	-o-animation-name:flipback180;
	-o-animation-play-state:paused;
	-o-animation-fill-mode:forwards;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: linear;
	animation-name:flipback180;
	animation-play-state:paused;
	animation-fill-mode:forwards;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

/* Flip Vertical */
  @-keyframes flipfront180 {
	from     {  z-index:20; transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; transform: rotateX(-180deg); }
  }
  @-webkit-keyframes flipfront180 {
	from     {  z-index:20; -webkit-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -webkit-transform: rotateX(-180deg);  }
  }
  @-moz-keyframes flipfront180 {
	0%     {  z-index:20; -moz-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	100%       {  z-index:10; -moz-transform: rotateX(-180deg); }
  }
   @-ms-keyframes flipfront180 {
	from     {  z-index:20; -ms-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -ms-transform: rotateX(-180deg); }
  }
   @-o-keyframes flipfront180 {
	from     {  z-index:20; -o-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -o-transform: rotateX(-180deg); }
  }
  @-keyframes flipback180 {
	0%     {  z-index:10; transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; transform: rotateX(0deg); }
  }
  @-webkit-keyframes flipback180 {
	from     {  z-index:10; -webkit-transform: rotateX(180deg);  }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20;  -webkit-transform: rotateX(0deg); }
  }
  @-moz-keyframes flipback180 {
	0%     {  z-index:10; -moz-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; -moz-transform: rotateX(0deg); }
  }
  @-ms-keyframes flipback180 {
	from     {  z-index:10; -ms-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -ms-transform: rotateX(0deg); }
  }
  @-o-keyframes flipback180 {
	from     {  z-index:10; -o-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -o-transform: rotateX(0deg); }
  }
  
  /* Flip Horizontal */
  @-keyframes flipfrontY180 {
	0%      {  z-index:20; transform: rotateY(0deg); }
	49%     {  z-index:20; }
	50%     {  z-index:10; }
	100%    {  z-index:10; transform: rotateY(-180deg); }
  }
  @-webkit-keyframes flipfrontY180 {
	from     {  z-index:20; -webkit-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -webkit-transform: rotateY(-180deg);  }
  }
  @-moz-keyframes flipfrontY180 {
	0%      {  z-index:20; -moz-transform: rotateY(0deg); }
	49%     {  z-index:20; }
	50%     {  z-index:10; }
	100%    {  z-index:10; -moz-transform: rotateY(-180deg); }
  }
   @-ms-keyframes flipfrontY180 {
	from     {  z-index:20; -ms-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -ms-transform: rotateY(-180deg); }
  }
   @-o-keyframes flipfrontY180 {
	from     {  z-index:20; -o-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -o-transform: rotateY(-180deg); }
  }
  @-keyframes flipbackY180 {
	0%     {  z-index:10; transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; transform: rotateY(0deg); }
  }
  @-webkit-keyframes flipbackY180 {
	from     {  z-index:10; -webkit-transform: rotateY(180deg);  }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20;  -webkit-transform: rotateY(0deg); }
  }
  @-moz-keyframes flipbackY180 {
	0%       {  z-index:10; -moz-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%     {  z-index:20; -moz-transform: rotateY(0deg); }
  }
  @-ms-keyframes flipbackY180 {
	from     {  z-index:10; -ms-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -ms-transform: rotateY(0deg); }
  }
  @-o-keyframes flipbackY180 {
	from     {  z-index:10; -o-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -o-transform: rotateY(0deg); }
  }

/*联系我们*/
.linkUs{
	background: #fff;
}
.linkUs ul {
	margin-bottom: 2.55em;
}
.linkUs ul li{
	display: block;
	font-size:1.02em;
	color: #333;
	line-height: 2.5586em;
}
.linkUs ul li i.icon{
	display: inline-block;
	width:2em;
	height: 2em;
	margin-left: 2.0051em;
	position: relative;
	top: 0.58em;
	margin-right:0.8528em ;
}
.linkUs ul li i.icona{
	background: url(../img/link_icon1.png) no-repeat 0 0;
	background-size: 100%;
}
.linkUs ul li i.iconb{
	background: url(../img/link_icon2.png) no-repeat 0 0;
	background-size: 100%;
}
.linkUs ul li i.iconc{
	background: url(../img/link_icon3.png) no-repeat 0 0;
	background-size: 100%;
}
.linkUs ul li i.icond{
	background: url(../img/link_icon4.png) no-repeat 0 0;
	background-size: 100%;
}

/*动画页*/
.banner_cartoon {
	background: url(../temp/cartoon_banner.jpg) no-repeat 0 0;
	background-size: 100%;
}
.banner_cartoon h2{
	width: 100%;
	line-height: 1.75em;
	background: rgba(0,0,0,0.4);
	font-size: 2.0512em;
	font-weight: bold;
	color: #fff;
	text-align: center;	
}
/*动画案例*/
.cartoon_case{
	max-width: 750px;
    min-width: 320px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #f1f1f1;
	position:relative;
	background: #fff;
	border-top: 1px solid #d9d9d9;
	z-index: 1;
}
.cartoon_case ul li{
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #d9d9d9;
}
.cartoon_case ul li .icon{
	display: block;
	line-height:3.0202em;
	font-size: 1.5351em;
	color: #4d4d4d;
	text-indent: 4em;
}
.cartoon_case ul li .icon1{
	background: url(../img/cartoon_icon1.png) no-repeat 5% center;
	background-size: 10%;
}
.cartoon_case ul li .icon2{
	background: url(../img/cartoon_icon2.png) no-repeat 5% center;
	background-size: 10%;
}
.cartoon_case ul li .icon3{
	background: url(../img/cartoon_icon3.png) no-repeat 5% center;
	background-size: 10%;
}
.cartoon_case ul li .icon4{
	background: url(../img/cartoon_icon4.png) no-repeat 5% center;
	background-size: 10%;
}
.cartoon_case ul li .icon5{
	background: url(../img/cartoon_icon5.png) no-repeat 5% center;
	background-size: 10%;
}
.cartoon_case ul li .icon6{
	background: url(../img/cartoon_icon6.png) no-repeat 5% center;
	background-size: 10%;
}
.cartoon_case ul li span.span{
	float: right;
	margin-right: 4%;
	display: block;
	background: url(../img/cartoon_arrow1.png) no-repeat right center;
	background-size: 100%;
	width: 1.5601em;
	height:1em;
	margin-top: 0.88em;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in  0s;
	transition: all 0.2s ease-in 0s;	
}
.cartoon_case ul li span.jianjian{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);	
}

.history_con ul li .his_con i.icon{
	display: block;
	width: 2.81449em;
	height: 2.81449em;
	background: url(../img/eye_icon.png) no-repeat 0 0;
	background-size: 100%;
}
.history_con ul li .his_con i.icon:hover{
	background: url(../img/eye_icon.png) no-repeat 0 0;
	background-size: 100%;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}



.caseLayer{
	position: relative;
	top:0em;
	left: 0;
	width:100%;
	height: auto;
	background: #cccccc;
	z-index: 10;
	display: none;
	margin: 0 0 10;
}
.caseLayer dl {
	width: 28.31556em;
	margin: 0 auto ;
}
.caseLayer dl dd{
	width: 12.7931em;
	height: 12.7931em;
	float: left;
	margin-right:2.5586em;
	margin-top: 2em;
	margin-bottom: 2em;
	position: relative;
	z-index: 10;
}
.caseLayer dl dd img{
	display: block;
	width: 100%;
	height: 100%;
}
.caseLayer dl dd iframe{
	display: none;
	width:25.7931em;
	height:25.7931em;
	position: absolute;
	z-index: 1000;
	overflow: hidden;
	
}
.eject_a{
	display: none;
	position: absolute;
	z-index: 110;
}