@charset "utf-8";
@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Light.eot');
	src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Light.woff') format('woff'),
		url('fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
html{
	min-width: 1200px;
}
html,body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form{margin: 0; padding: 0; list-style: none;}
body{
	background-color: #fff;
	font-family: 'Montserrat','微软雅黑',Verdana;
	line-height: 150%;
	font-size: 15px;
	overflow-x: hidden;
}

a{text-decoration: none;color: #0073aa;}
img{max-width: 100%;border: none;outline: inherit;}
body,li,a,div,nav,header,footer,section,span,p,article,ol,form,input,textarea,em,i{box-sizing: border-box;}

/*//////////////////////////////////////////////////////////// header start //////////////////////////////////////////////////////////////*/

.swf{background:#009bff url(../images/bg.jpg) no-repeat;background-size:100% 100%; position:fixed;width:100%;height:100%;left:0%;top:0%;z-index:10000;display:block;display:none;}
.img{width:100%;}
.img img{width:100%;display:block;}
.wrap{position:relative;width:1200px;margin:0 auto;}

.index{width:100%;overflow:hidden;}
.index .p1{position:absolute;top:0px;right:1200px;width:360px;height:997px;}
.index .p2{display:block;width:1200px;}
.index .p3{position:absolute;top:0px;left:1200px;width:360px;height:997px;}
.index img{display:block;width:100%;}

.intro{background:#fefefe;width:100%;height:1000px;position:relative;}
.intro .line{height:100px;width:100%;position:absolute;background:#05b3fa;left:0%;top:288px;}
.intro .bg{width:100%;height:1000px;position:absolute;left:0%;top:0%; background:url(../images/introbg.png) no-repeat;background-size:100% auto;background-position:center top;}
.intro .wrap{width:1200px;height:1000px;position:relative;}
.intro .wrap .title{width:737px;margin:0 auto;padding-top:65px;padding-bottom:56px;}
.intro .wrap .title img{display:block;}
.intro .wrap .name{color:#fff;font-size:50px;line-height:100px;text-align:center;}
.intro .wrap .name label{font-size:35px;margin-right:20px;}
.intro .wrap .cont{position:relative;width:100%;height:613px;overflow:hidden;}
.intro .wrap .cont div{position:absolute;box-shadow: 5px 5px 20px #ccc;}
.intro .wrap .cont dl{opacity:0;}
.intro .wrap .cont .c1{width:307px;height:545px;background:url(../images/intro1.jpg) no-repeat;left:45px;top:-30px;}
.intro .wrap .cont .c2{width:219px;height:365px;background:url(../images/intro2.jpg) no-repeat;left:400px;top:85px;}
.intro .wrap .cont .c3{width:219px;height:367px;background:url(../images/intro3.jpg) no-repeat;left:665px;top:20px;}
.intro .wrap .cont .c4{width:221px;height:364px;background:url(../images/intro4.jpg) no-repeat;left:940px;top:120px;}
.intro .wrap .cont div.on{display:block;-webkit-animation: fadeUp .5s 1 ease-in-out; -moz-animation: fadeUp .5s 1 ease-in-out;animation: fadeUp .5s 1 ease-in-out;}

@keyframes fadeUp{ 0%{margin-top:-100%}100%{margin-top:0%;}}

.case{background:url(../images/bg.jpg) no-repeat;background-size:100% 100%;background-position:center center;}
.case .pos{position:absolute;}
.case .pos>*{position:relative;}
.case .pos.point{width:90%;left:5%;top:33.9%;text-align:center;font-size:0px;}
.case .pos.point li{display:inline-block;height:20px;text-align:center;width:10%;position:relative;}
.case .pos.point li label{width:16px;height:16px;display:inline-block;text-align:center;border-radius:50%;cursor:pointer;}
.case .pos.point li label span{width:8px;height:8px;border-radius:50%;border:1px solid #fff;display:inline-block;margin-top:4px;}
.case .pos.point li.on label{background:rgba(255,255,255,0.7);}
.case .pos.point li.on label span{background:#fff;}
.case .pos.pic{width:53%;left:38%;top:46.1%;}
.case .pos.pic li{display:none;}
.case .pos.pic li.on{display:block;}
.case .pos.pic li img{display:block;}
.case .pos.ctrl{width:4.2%;top:85%;cursor:pointer;}
.case .pos.ctrl.left{left:13%;}
.case .pos.ctrl.right{left:21%;}
.case .pos.ctrl img{display:block;}
.case .pos.word{left:2%;bottom:18%;width:32%;overflow:hidden;}
.case .pos.word li{display:none;color:#fff;font-size:12px;}
.case .pos.word li a{color:#fff;}
.case .pos.word li dt{font-size:14px;font-weight:bold;margin-bottom:12px;}
.case .pos.word li dd{margin-bottom:3px;}
.case .pos.word li.on{display:block;}

.partner{background:#fff;width:100%;overflow:hidden;}
.partner .img{width:501px;margin:30px auto 20px;}
.partner .pic{text-align:center;width:1150px;margin:20px auto 20px;}
.partner .pic li{display:none;}
.partner .pic li.on{display:block;}
.partner .point{width:1100px;margin:20px auto 30px;text-align:center;}
.partner .point li{width:30px;height:29px;display:inline-block;cursor:pointer;margin:0 10px;}
.partner .point li span{width:30px;height:5px;display:inline-block;margin-top:12px;background:#c0c0c0;}
.partner .point li.on span{background:#03a2fe;}

@keyframes fadeLeft{ 0%{margin-left:-100px}100%{margin-left:0px;}}
@-webkit-keyframes fadeLeft{ 0%{margin-left:-100px}100%{margin-left:0px;}}
@-moz-keyframes fadeLeft{ 0%{margin-left:-100px}100%{margin-left:0px;}}
@keyframes fadeRight{ 0%{position:absolute;left:100px;}100%{position:relative;left:0px;}}
@-webkit-keyframes fadeRight{ 0%{position:absolute;left:100px;}100%{position:relative;left:0px;}}
@-moz-keyframes fadeRight{ 0%{position:absolute;left:100px;}100%{position:relative;left:0px;}}


.fadeLeft{-webkit-animation: fadeLeft .5s 1 ease-in-out; -moz-animation: fadeLeft .5s 1 ease-in-out;animation: fadeLeft .5s 1 ease-in-out;}
.fadeRight{-webkit-animation: fadeRight .5s 1 ease-in-out; -moz-animation: fadeRight .5s 1 ease-in-out;animation: fadeRight .5s 1 ease-in-out;}


.about{background:url(../images/bg.jpg) no-repeat;background-size:100% 100%;background-position:center center;min-width:1200px;}
.about .pos{position:absolute;color:#fff;}
.about .pos.title{left:125px;width:950px;top:29%;font-size:14px;padding-left:200px;}
.about .pos.title ul{height:70px;}
.about .pos.title ul *{display:inline-block;height:70px;}
.about .pos.title label{width:200px;font-size:32px;line-height:66px;position:absolute;left:0px;top:0px;text-align:center;}
.about .pos.title ul .cont{width:700px;font-size:14px;}
.about .pos.keys{left:230px;top:400px;width:740px;height:420px;font-size:0px;}
.about .pos.keys li{font-size:14px;display:inline-block;width:370px;height:210px;text-align:center;}
.about .pos.keys li label{display:block;line-height:70px;font-size:36px;font-weight:bold;margin-top:20px;}
.about .pos.addr{left:224px;top:850px;width:810px;height:110px;}
.about .pos.addr dl *{display:inline-block;line-height:50px;padding-left:40px;}
.about .pos.addr dl dt{width:190px;}

.header{position: fixed;width: 100%;top: 0;left: 0;	background-color: #2c2c2c;background-color: rgba(44,44,44,.95);	z-index: 99;}
.header .wrapper{position: relative;height: 64px;padding: 0 80px;}
.nav{position: absolute;right: 80px;top: 0;}
@media screen and (min-width: 1200px) {
	.header .wrapper{padding: 0 200px;}
	.nav{right: 200px;}
}

.nav ul,.nav .contact{display: inline-block;vertical-align: top;line-height: 64px;}
.nav li{display: inline-block;margin-left: 30px;}
.nav li a{color: #aaa;font-size: 15px;letter-spacing: 2px;}
.nav li a.current{color: #fff;}
.nav li a:hover{color: #ddd;}

.contact{font-size: 0;margin-left: 30px;}
.contact>div{display: inline-block;	margin-left: 12px;vertical-align: middle;}
.contact .map,.contact .qr{	position: relative;	width: 33px;height: 33px;	cursor: pointer;}
.contact .phone{position: relative;	height: 33px;font-size: 14px;cursor: pointer;}
.contact .phone:after{	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;	border-radius: 16px;background-color: transparent;opacity: 0.6;	z-index: 0;}
.contact>div .icon,.contact .map a{	position: absolute;	left: 0;top: 0;	width: 33px;height: 33px;	opacity: 0.5;}
.contact .map .icon{background-image: url(../images/icon-map.png);}
.contact .qr .icon{background-image: url(../images/icon-wechat.png);}
.contact .phone .icon{background-image: url(../images/icon-phone.png);}
.contact .map a{z-index: 9;}
.contact .phone .icon,.contact .phone p{position: relative;display: inline-block;vertical-align: top;line-height: 33px;	color: #ddd;z-index: 1;}
.contact .phone p{position: absolute;	display: none;	width: 110px;	top: 0;left: 40px;}
.contact>div:hover .icon{opacity: 1;}
.contact .qr img{position: absolute;max-width: none;width: 110px;height: 117px;	top: 32px;left: 50%;margin-left: -55px;	display: none;cursor: default;}

.contact .phone:hover:after{background-color: #222;}

/*//////////////////////////////////////////////////////////// slider start //////////////////////////////////////////////////////////////*/


.slider {position:relative;	width:100%;	height:810px;	background-color:#13a9ff;}
.slider .slider-bg {position:absolute;width:100%;height:100%;}
.slider .slider-bg li {	display:none;position:absolute;width:100%;height:100%;background-position: center;	/*background-size: auto 100%;*/}
.slider .slider-motion {position:absolute;width:1200px;height: 100%;left:50%;margin-left:-600px;}
.slider .slider-motion li{position:absolute;width:100%;height:100%;left: 0;top: 0;}
.slider .slider-dots {position:absolute;width:1000px;left:50%;bottom: 30px;	margin-left:-500px;}
.slider .dots {	position:absolute;	width:100%;	text-align:center;	font-size:0}
.slider .dots li {display: inline-block;width: 50px;height: 4px;background-color: #fff;	background-color: rgba(255,255,255,.7);	cursor:pointer;	margin:0 3px;}
.slider .dots li:hover{	background-color: rgba(255,255,255,1);}
.slider .dots li.select{background-color: #e6006c !important;}
.slider .slider-motion .slide_1_1{position:absolute;left:600px;top:280px;}
.slider .slider-motion .slide_1_2{position:absolute;left:-70px;top:120px}
.slider .slider-motion .slide_1_3{position:absolute;left:120px;top:150px}
.slider .slider-motion .slide_2_1{position:absolute;left:340px;top:120px;}
.slider .slider-motion .slide_2_2{position:absolute;left:120px;top:260px;}
.slider .slider-motion .slide_3_1{position:absolute;left:288px;top:313px;}
.slider-motion .bottom{position: absolute;width: 100%;height: 100%;	bottom: 0;text-align: center;overflow: hidden;}

.section{
	padding: 60px 0;
}
.section .wrap{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.section.case{
	background-image: url(../images/bg.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	/*background-size: 100% auto;*/
	background-position: center bottom;
}
.section .title{
	margin-bottom: 50px;
}
.section .title p{
	line-height: 36px;
	margin: 10px 0;
	font-size: 32px;
	font-weight: 700;
	color: #e6006c;
}
.section .title span{
	display: inline-block;
	font-size: 22px;
	color: #888;
}

.case-box .info h3{
	display: inline-block;
	font-size: 22px;
	font-weight: 100;
	color: #fff;
	background-color: #e6006c;
	height: 40px;line-height: 38px;
	padding: 0 100px;
	margin-bottom: 20px;
	border-radius: 20px;
}
.case-box .info p{
	display: inline-block;
	font-size: 18px;
	padding: 0 12px;
	border: 5px solid #e6006c;
	border-top:none;
	border-bottom:none; 
	margin-bottom: 10px;
}
.case-box .info span{
	display: block;
	color: #888;
	white-space: pre-line;
}
.case-box .info span.left{
	display: inline-block;
	width: 720px;
	text-align: left;
}
.case-group{
	position: relative;
	margin: 30px 0 50px 0;
}
.case-group img{
	position: absolute;
}
.case-group .mac img{
	position: relative;
	left: -30px;top: 0;
}
.case-group .qr img{
	top: 100px;
	right: 100px;
}
.case-group .phone img{
	bottom: 0;
	left: 380px;
}
.case-group .pad img{
	bottom: 0;
	left: 80px;
}
/*//////////////////////////////////////////////////////////// clients start //////////////////////////////////////////////////////////////*/
.section.clients{
	background-color: #04abfa;
	padding: 70px 0;
}
.clients .wrap{
	font-size: 0;
}
.section.clients .title p,.section.clients .title span{
	color: #fff;
}

.clients-box{
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	margin-right: 50px;
	margin-bottom: 50px;
}
.clients-box.last{
	margin-right: 0;
}
.clients-box .img{
	position: absolute;
	width: 100%;height: 100%;
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	z-index: 1;
}
.clients-box .layer{
	position: absolute;left: 0;top: 0;right: 0;bottom: 0;
	margin: 100px;
	background-color: #e6006c;
	border-radius: 50%;
	z-index: 2;
}
.clients-box .img p{
	display: none;
	position: absolute;
	width: 100%;height: 100%;top: 0;left: 0;
	line-height: 200px;
	color: #fff;
	font-size: 30px;
	z-index: 3;
}
.clients-box:after{
	content: '';
	position: absolute;
	top: 23px;left: 40px;
	width: 239px;height: 237px;
	background-image: url(../images/c-bg.png);
	z-index: 0;
}


/*//////////////////////////////////////////////////////////// about start //////////////////////////////////////////////////////////////*/

.section.about{
	background-image: url(../images/about-bg.jpg);
	background-position: center;
	padding: 80px 0 140px;
}
.about-group{
	text-align: left;
	padding: 0 60px;
}
.about-group .item{
	display: inline-block;
	width: 26%;
	vertical-align: top;
	text-align: left;
}
.about-group .item.one{
	margin-left: 50px;
}
.about-group .item.two{
	margin-left: 140px;
}
.about-group .item.four{
	width: 100%;
	margin-top: 60px;
}
.about-group .item p{
	font-size: 23px;
	font-weight: 700;
	color: #e6006c;
	margin-bottom: 10px;
}
.about-group .item.four p{
	display: inline-block;
	font-size: 46px;
	letter-spacing: 8px;
}
.about-group .item img{
	width: auto;
	margin-bottom: 10px;
}
.about-group .item span{
	white-space: pre-line;
	font-size: 16px;
	line-height: 160%;
}
.about-group .item.four span{
	position: relative;
	display: inline-block;
	margin-left: 20px;
	top: 3px;
}
/*//////////////////////////////////////////////////////////// contact start //////////////////////////////////////////////////////////////*/
.section.contact-group{
	padding: 0;
}
.section.contact-group .map{
	height: 445px;
	background-position: center;
	background-image: url(../images/map.jpg);
}
.contact-info{
	width: 70%;
	margin:0 auto;
}
.contact-info>div{
	display: inline-block;
	width: 48%;
	padding: 80px 0;
	vertical-align: middle;
	text-align: left;
}
.contact-info .left h4{
	font-size: 18px;
	color: #e6006c;
	margin-bottom: 10px;
}
.contact-info .left p{
	font-size: 18px;
	line-height: 36px;
	vertical-align: middle;
}
.contact-info .left img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.contact-info .right{
	position: relative;
	text-align: right;
}
.contact-info .right:before{
	content: '';
	position: absolute;height: 130px;width: 1px;left: 30px;top: 50%;margin-top: -65px;
	background-color: #ddd;
	opacity: 0.6;
}
.contact-info .right a{
	position: relative;
	display: inline-block;
	padding: 20px 100px;
	font-size: 18px;
	border: 1px solid #666;
	color: #666;
}
.contact-info .right a:hover{
	color: #fff;
	border-color: #e6006c;
	background-color: #e6006c;
}

.footer{
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
	font-size: 14px;
	color: #888;
	border-top: 1px solid #eee;
}
.footer a{
    color:#888;
}

/*//////////////////////////////////////////////////////////// web transition start //////////////////////////////////////////////////////////////*/

.nav a,.icon,.dots li,.contact-info .right a,.contact .phone:after{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}


.banner{width:100%;background:#efefef url(../images/case-banner.jpg) no-repeat;background-size:100% auto;background-position:0px 64px; padding-top:64px;}
.banner .bg{position:absolute;top:64px;left:0px;width:100%;z-index:1;display:none;}
.banner .bg img{width:100%;display:none;}
.banner .imac{width:879px;height:736px;margin:200px auto 0;background:url(../images/case-imac.png);background-size:100% 100%;z-index:211;}
.banner .imac img{width:815px;margin:32px 32px 0px;}

.plan{width:100%;background:#0098ff url(../images/plan-bg.jpg) no-repeat 100% 100%;position:relative;padding-top:15px;padding-bottom:25px;}
.plan .title{width:915px;height:124px;margin:20px auto;}
.plan .back{width:157px;height:37px;margin:20px auto;}
.plan img{width:100%;display:block;}
.plan .word{text-align:center;color:#fff;line-height:200%;}


@keyframes shaking{25% {transform: scale(-1,1);}75% {transform: scale(1,-1);}}
@-webkit-keyframes shaking{25% {transform: scale(-1,1);}75% {transform: scale(1,-1);}}
@-moz-keyframes shaking{25% {transform: scale(-1,1);}75% {transform: scale(1,-1);}}
.shake_mobile{ animation: shaking 0.6s linear 1; -webkit-animation: shaking 0.6s linear 1;}  

#haier{background:#efefef;}
#haier .info{width:1200px;height:1409px; margin:0 auto;position:relative;}
#haier .info .mobile{position:absolute;right:84px;top:54px;box-shadow: 5px 0px 20px #ccc;}
#haier .info .ap{position:absolute;right:550px;top:130px;width:958px;height:968px;background:url(../images/haier-info-ap.jpg);}
#haier .info .ap .word{width:560px;height:414px;position:absolute;right:10px;top:155px;color:#fff;}
#haier .info .ap .word h3{font-size:30px;line-height:200%;}
#haier .info .ap .word p{font-size:14px;line-height:180%;}
#haier .info .pic{width:100%;position:absolute;bottom:10px;left:0px;}
#haier .info .pic img{width:100%;}

#haier .brand{width:1200px;overflow:hidden;margin:0 auto;}
#haier .brand .title{width:611px;height:114px;margin:30px auto;}
#haier .brand .title img{width:100%;display:block;}
#haier .brand ul{width:1200px;text-align:center;}
#haier .brand ul li{ display:inline-block; margin-bottom:30px;margin-left:30px;}
#haier .brand ul li img{width:578px;height:321px;}
#haier .brand ul li.odd{margin-left:0px;}



#jomoo{background:#efefef;}
#jomoo .info{width:1200px;height:1500px; margin:0 auto;position:relative;}
#jomoo .info .mobile{position:absolute;right:84px;top:54px;box-shadow: 5px 0px 20px #ccc;}
#jomoo .info .ap{position:absolute;right:550px;top:130px;width:960px;height:719px;background:url(../images/jomoo-info-ap.jpg);}
#jomoo .info .ap .word{width:500px;height:414px;position:absolute;right:10px;top:170px;color:#fff;}
#jomoo .info .ap .word h3{font-size:30px;line-height:200%;}
#jomoo .info .ap .word p{font-size:14px;line-height:180%;}
#jomoo .info .pic{width:100%;position:absolute;bottom:10px;left:0px;}
#jomoo .info .pic img{width:100%;}

#jomoo .topic{width:1200px;margin:0 auto;position:relative;}
#jomoo .topic .title{width:655px;height:125px;margin:30px auto;}
#jomoo .topic .title img{width:100%;display:block;}
#jomoo .topic .pic{width:100%;display:block;margin-bottom:100px;}
#jomoo .topic .girl{position:absolute;right:-6%;bottom:-5%;width:1680px;max-width:1920px;}

#jomoo .ad{width:1200px;margin:0 auto;position:relative;}
#jomoo .ad .title{width:651px;height:131px;margin:30px auto;}
#jomoo .ad .title img{width:100%;display:block;}
#jomoo .ad .pic{width:100%;display:block;margin-bottom:20px;}
#jomoo .ad .mobile{position:absolute;right:0%;top:21%;width:479px;height:673px;}
#jomoo .ad .mobile img{width:100%;display:block;}
#jomoo .ad .word{position:absolute;left:768px;bottom:15px;width:849px;height:529px;background:url(../images/jomoo-ad-word.jpg);}
#jomoo .ad .word .c{width:330px;position:absolute;left:50px;top:115px;color:#fff;}
#jomoo .ad .word .c h3{font-size:30px;line-height:300%;}
#jomoo .ad .word .c p{margin-bottom:15px;line-height:150%;}
#jomoo .ad .word .c p b{font-size:40px;margin:0 8px;}



#media{background:#efefef;}
#media .info{width:1200px;max-width:1200px;height:880px; margin:0 auto;position:relative;}
#media .info .mobile{position:absolute;right:84px;top:54px;box-shadow: 5px 0px 20px #ccc;}
#media .info .ap{position:absolute;right:550px;top:130px;width:960px;height:717px;background:url(../images/media-info-ap.jpg);}
#media .info .ap .word{width:500px;height:414px;position:absolute;right:10px;top:175px;color:#fff;}
#media .info .ap .word h3{font-size:24px;line-height:200%;}
#media .info .ap .word p{font-size:14px;line-height:180%;}
#media .info .pic{width:100%;position:absolute;bottom:10px;left:0px;}
#media .info .pic img{width:100%;}

#media .pro{width:1200px;max-width:1200px;margin:0 auto;position:relative;}
#media .pro .title{width:850px;height:134px;margin:30px auto;}
#media .pro img{width:100%;display:block;}

#media .ad{width:1200px;max-width:1200px;margin:20px auto;position:relative;}
#media .ad .title{width:651px;height:131px;margin:30px auto;}
#media .ad .title img{width:100%;display:block;}
#media .ad .pic{width:100%;display:block;margin-bottom:20px;}
#media .ad .mobile{position:absolute;right:0%;top:12%;width:479px;height:673px;}
#media .ad .mobile img{width:100%;display:block;}
#media .ad .word{position:absolute;left:768px;bottom:15px;width:849px;height:529px;background:url(../images/jomoo-ad-word.jpg);}
#media .ad .word .c{width:330px;position:absolute;left:50px;top:115px;color:#fff;}
#media .ad .word .c h3{font-size:30px;line-height:300%;}
#media .ad .word .c p{margin-bottom:15px;line-height:150%;}
#media .ad .word .c p b{font-size:40px;margin:0 8px;}



#phonpa{background:#efefef;}
#phonpa .info{width:1200px;height:1800px; margin:0 auto;position:relative;}
#phonpa .info .ap{position:absolute;right:550px;top:130px;width:960px;height:767px;background:url(../images/phonpa-info-ap.jpg);}
#phonpa .info .ap .word{width:500px;height:414px;position:absolute;right:10px;top:175px;color:#fff;}
#phonpa .info .ap .word h3{font-size:24px;line-height:200%;}
#phonpa .info .ap .word p{font-size:14px;line-height:180%;}
#phonpa .info .mobile{position:absolute;box-shadow: 5px 0px 20px #ccc;}
#phonpa .info .m1{right:84px;top:54px;}
#phonpa .info .m2{left:80px;top:834px;}
#phonpa .info .m3{right:95px;top:954px;}
#phonpa .info .pic{width:100%;position:absolute;bottom:10px;left:0px;}
#phonpa .info .pic img{width:100%;}

#phonpa .ad{width:1200px;margin:20px auto;position:relative;}
#phonpa .ad .title{width:651px;height:131px;margin:30px auto;}
#phonpa .ad .title img{width:100%;display:block;}
#phonpa .ad .pic{width:100%;display:block;margin-bottom:20px;}
#phonpa .ad .mobile{position:absolute;left:25.4%;top:10%;width:569px;height:799px;}
#phonpa .ad .mobile img{width:100%;display:block;}
#phonpa .ad .word{position:absolute;left:788px;bottom:15px;width:849px;height:529px;background:url(../images/jomoo-ad-word.jpg);}
#phonpa .ad .word .c{width:330px;position:absolute;left:50px;top:100px;color:#fff;}
#phonpa .ad .word .c h3{font-size:30px;line-height:300%;}
#phonpa .ad .word .c p{margin-bottom:15px;line-height:150%;}
#phonpa .ad .word .c p b{font-size:40px;margin:0 8px;}

#phonpa .pro{width:100%;background:url(../images/phonpa-pro-bg.jpg) no-repeat; background-size:100% auto; background-position:center top;}
#phonpa .pro .container{width:1200px;margin:0 auto;position:relative;}
#phonpa .pro .mobile{position:absolute;left:0px;top:810px;}
#phonpa .pro .word{width:100%;text-align:center;line-height:150%;color:#666;margin-bottom:20px;}
#phonpa .pro img{width:100%;display:block;}



#vatti{background:#efefef;}
#vatti .info{width:1200px;height:1800px; margin:0 auto;position:relative;}
#vatti .info .ap{position:absolute;right:550px;top:130px;width:960px;height:964px;background:url(../images/vatti-info-ap.jpg);}
#vatti .info .ap .word{width:480px;height:414px;position:absolute;right:30px;top:175px;color:#fff;}
#vatti .info .ap .word h3{font-size:24px;line-height:200%;}
#vatti .info .ap .word p{font-size:14px;line-height:180%;}
#vatti .info .mobile{position:absolute;box-shadow: 5px 0px 20px #ccc;}
#vatti .info .m1{right:84px;top:54px;}
#vatti .info .m2{left:80px;top:834px;}
#vatti .info .m3{right:95px;top:954px;}
#vatti .info .pic{width:100%;position:absolute;bottom:10px;left:0px;}
#vatti .info .pic img{width:100%;}

#vatti .query{width:100%;background:url(../images/phonpa-pro-bg.jpg) no-repeat; background-size:100% auto; background-position:center center;}
#vatti .query .container{width:1200px;margin:0 auto;position:relative;}
#vatti .query .mobile{position:absolute;left:0px;top:0px;width:100%;}
#vatti .query img{width:100%;display:block;}

#vatti .pro{width:1200px;margin:0 auto;}
#vatti .pro img{width:100%;display:block;}
#vatti .pro .title{width:513px;height:128px;margin:20px auto;}

#vatti .ad{width:1200px;margin:20px auto;position:relative;}
#vatti .ad .title{width:651px;height:131px;margin:30px auto;}
#vatti .ad .title img{width:100%;display:block;}
#vatti .ad .pic{width:100%;display:block;margin-bottom:120px;}
#vatti .ad .mobile{position:absolute;left:33%;bottom:-110px;width:479px;height:711px;}
#vatti .ad .mobile img{width:100%;display:block;}
#vatti .ad .word{position:absolute;left:800px;bottom:15px;width:849px;height:549px;background:url(../images/jomoo-ad-word.jpg);}
#vatti .ad .word .c{width:330px;position:absolute;left:50px;top:100px;color:#fff;}
#vatti .ad .word .c h3{font-size:30px;line-height:300%;margin-bottom:30px;}
#vatti .ad .word .c p{margin-bottom:15px;line-height:150%;}
#vatti .ad .word .c p b{font-size:40px;margin:0 8px;}


#kitocz{background:#efefef;}
#kitocz .info{width:1200px;height:1200px; margin:0 auto;position:relative;}
#kitocz .info .ap{position:absolute;right:600px;top:130px;width:948px;height:971px;background:url(../images/kitocz-info-ap.jpg);}
#kitocz .info .ap .word{width:480px;height:414px;position:absolute;right:30px;top:175px;color:#fff;}
#kitocz .info .ap .word h3{font-size:24px;line-height:200%;}
#kitocz .info .ap .word p{font-size:14px;line-height:180%;}
#kitocz .info .pic{position:absolute;box-shadow: 5px 0px 20px #ccc;left:605px;top:54px;}

#kitocz .brand{width:1200px;overflow:hidden;margin:0 auto;}
#kitocz .brand>img{width:100%;display:block;margin-bottom:40px;}
#kitocz .brand ul{width:1200px;text-align:center;}
#kitocz .brand ul li{ display:inline-block; margin-bottom:15px;margin-left:15px;}
#kitocz .brand ul li img{width:578px;height:321px;}
#kitocz .brand ul li.odd{margin-left:0px;}

#kitocz .ad{width:1200px;margin:20px auto;position:relative;}
#kitocz .ad .title{width:651px;height:131px;margin:30px auto;}
#kitocz .ad .title img{width:100%;display:block;}
#kitocz .ad .pic{width:100%;display:block;margin-bottom:20px;}
#kitocz .ad .word{position:absolute;left:840px;bottom:7px;width:849px;height:470px;background:url(../images/jomoo-ad-word.jpg);}
#kitocz .ad .word .c{width:320px;position:absolute;left:20px;top:20px;color:#fff;}
#kitocz .ad .word .c h3{font-size:30px;line-height:300%;margin-bottom:30px;}
#kitocz .ad .word .c p{margin-bottom:15px;line-height:150%;}
#kitocz .ad .word .c p b{font-size:40px;margin:0 8px;}


#derucci{background:#efefef;}
#derucci .info{width:1200px;height:900px; margin:0 auto;position:relative;}
#derucci .info .ap{position:absolute;right:612px;top:130px;width:947px;height:740px;background:url(../images/derucci-info-ap.jpg);}
#derucci .info .ap .word{width:480px;height:414px;position:absolute;right:30px;top:175px;color:#fff;}
#derucci .info .ap .word h3{font-size:24px;line-height:200%;}
#derucci .info .ap .word p{font-size:14px;line-height:180%;}
#derucci .info .pic{position:absolute;box-shadow: 5px 0px 20px #ccc;left:644px;top:54px;}

#derucci .pre{width:100%;background:url(../images/derucci-pre-bg.jpg) no-repeat; background-size:100% auto; background-position:center bottom;}
#derucci .pre .container{width:1200px;margin:0 auto;position:relative;padding-top:80px;padding-bottom:30px;}

#derucci .result{width:1040px;margin:0px auto;padding:20px 0 50px;}
#derucci .result img{width:100%;display:block;}


#schneider{background:#efefef;}
#schneider .info{width:1200px;height:1320px; margin:0 auto;position:relative;}
#schneider .info .mobile{position:absolute;right:84px;top:54px;box-shadow: 5px 0px 20px #ccc;}
#schneider .info .ap{position:absolute;right:550px;top:130px;width:960px;height:971px;background:url(../images/schneider-info-ap.jpg);}
#schneider .info .ap .word{width:560px;height:414px;position:absolute;right:10px;top:160px;color:#fff;}
#schneider .info .ap .word h3{font-size:30px;line-height:200%;}
#schneider .info .ap .word p{font-size:14px;line-height:180%;}
#schneider .info .pic{width:100%;position:absolute;bottom:10px;left:0px;}
#schneider .info .pic img{width:100%;}

#schneider .article{background:url(../images/derucci-pre-bg.jpg) no-repeat;background-size:100% auto;background-position:center top;padding:30px 0 50px;}
#schneider .article .container{width:1200px;margin:0 auto;}
#schneider .article img{width:100%;display:block;}

#monalisa{background:#efefef;}
#monalisa .info{width:1200px;height:1800px; margin:0 auto;position:relative;}
#monalisa .info .ap{position:absolute;right:550px;top:130px;width:960px;height:964px;background:url(../images/monalisa-info-ap.jpg);}
#monalisa .info .ap .word{width:480px;height:414px;position:absolute;right:30px;top:175px;color:#fff;}
#monalisa .info .ap .word h3{font-size:24px;line-height:200%;}
#monalisa .info .ap .word p{font-size:14px;line-height:180%;}
#monalisa .info .mobile{position:absolute;box-shadow: 5px 0px 20px #ccc;}
#monalisa .info .m1{right:84px;top:54px;}
#monalisa .info .m2{left:80px;top:834px;}
#monalisa .info .m3{right:95px;top:954px;}
#monalisa .info .pic{width:100%;position:absolute;bottom:10px;left:0px;}
#monalisa .info .pic img{width:100%;}

#monalisa .game{background:url(../images/monalisa-game-bg.jpg) no-repeat;background-size:100% auto;background-position:center top;padding:30px 0 50px;}
#monalisa .game .container{width:1200px;margin:0 auto;}
#monalisa .game img{width:100%;display:block;}

#monalisa .ad{width:1200px;margin:0 auto;position:relative;}
#monalisa .ad .title{width:651px;height:131px;margin:30px auto;}
#monalisa .ad .title img{width:100%;display:block;}
#monalisa .ad .pic{width:100%;display:block;margin-bottom:20px;}
#monalisa .ad .mobile{position:absolute;right:0%;top:21%;width:479px;height:673px;}
#monalisa .ad .mobile img{width:100%;display:block;}
#monalisa .ad .word{position:absolute;left:768px;bottom:15px;width:849px;height:529px;background:url(../images/jomoo-ad-word.jpg);}
#monalisa .ad .word .c{width:330px;position:absolute;left:50px;top:115px;color:#fff;}
#monalisa .ad .word .c h3{font-size:30px;line-height:300%;}
#monalisa .ad .word .c p{margin-bottom:15px;line-height:150%;}
#monalisa .ad .word .c p b{font-size:40px;margin:0 8px;}



@media screen and (max-width:1200px){
    #haier>div{overflow:hidden;}
    #jomoo>div{overflow:hidden;}
    #phonpa>div{overflow:hidden;}
    #vatti>div{overflow:hidden;}
    #kitocz>div{overflow:hidden;}
    #derucci>div{overflow:hidden;}
    #schneider>div{overflow:hidden;}
    #monalisa>div{overflow:hidden;}
    #media>div{overflow:hidden;}
}