@font-face {
	font-family: 'MyriadPro Cond'; 
	src: url('../font/MyriadPro-Cond.eot'); 
	src: url('../font/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),  url('../font/MyriadPro-Cond.woff') format('woff'),  url('../font/MyriadPro-Cond.ttf') format('truetype'),  url('../font/MyriadPro-Cond.svg#MyriadProCondRegular') format('svg'); 
	font-weight: normal;
	font-style: normal;
	
}
@font-face {font-family: 'MyriadPro-BoldCond';
	src: url('../font/MyriadPro-BoldCond.eot?') format('eot'), 
	     url('../font/MyriadPro-BoldCond.otf')  format('opentype'),
	     url('../font/MyriadPro-BoldCond.woff') format('woff'), 
	     url('../font/MyriadPro-BoldCond.ttf')  format('truetype'),
	     url('../font/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');	}
body {font: 13px/1.5 'MyriadPro Cond','STHeiti Light',"Microsoft YaHei", Tahoma, Geneva, sans-serif; overflow-x: hidden; }
body, a { color: #504e4b; }
body, ul, li, h2, h3, h4,h5, p { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none; }

img { border: none; vertical-align: middle; }

.ma { margin: auto; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.px{ position:fixed;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.cl:after, .cl:before { content: ""; clear: both; display: table; }/*clear float*/
.cl:after { clear: both }
.cl { *zoom:1;
}/*for IE6*/
.b { font-weight: bold; }
.w990 { width: 990px; }
.menuh{height:73px;}
.menu, .menup { background: url(../images/navbg.jpg) no-repeat #988A46; height: 23px; padding:25px 0; line-height: 23px; }
.nav { font-family: MyriadPro Cond, "Microsoft YaHei"; font-size: 20px; }
.nav li { float: left; width: 150px; height: 23px; text-align: center; position: relative; overflow: hidden; }
.nav li, .nav a { width: 150px; }
.nav li span { display: block; font-size:14px; }
.nav a { color: #FFF; position: absolute; top: 0; left: 0; z-index: 2; text-decoration: none; margin-top:-23px; }
.nav i, .nav s { display: block; position: absolute; left: 0; top: 0 }
.nav li.s a{color:#988a46; }

.nav .case, .nav .contact { color: #8b8b8b; }
.nav .blog { color: #988a46; }
.navhover1, .navhover2 { background: #FFF; z-index: 1 }
.content { background: url(../images/conbg.jpg) center top; }
.side { width: 215px; }
.rightad { top: 0; left: 0; }
.article { width: 700px; }
.article h2 { font-weight: normal; font-size: 24px; }
.article ul, .article li { margin-top: 50px; }
.time { padding: 10px 0 5px }
.asina, .aweixin { background: url(../images/iconshare.jpg) no-repeat; height: 22px; display: inline-block; margin-left: 8px; }
.aweixin { width: 22px; }
.asina { width: 26px; background-position: -25px 0 }
.brief { width: 560px; background: #FFF; height: 74px; overflow: hidden; }
.addfav { background: #504f4b; }
.page { text-align: right; padding: 15px 0; margin-bottom: 35px; }
.link { background: #2a2a2a; text-align: center; line-height:79px;}
.link01, .link02, .link03 {width:87px; height: 79px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.link01 { background: url(../images/linkico1.jpg) no-repeat; }
.link02 { background: url(../images/linkico2.jpg) no-repeat; }
.link03 { background: url(../images/linkico3.jpg) no-repeat; }
.link01:hover, .link02:hover, .link03:hover{ background-position:0 -80px;}
.page, .page a { color: #171717; }
.footer { background: #000; font-family:Tahoma; padding-bottom:50px;}
.foot { background: url(../images/footbg.jpg) 0 60px no-repeat; padding: 70px 0 70px 490px; }
.brief, .artcon { background: #FFF; padding: 25px; line-height: 24px; }
.artcon p {margin: 0 }
.artlink { padding: 10px 0; border-bottom: 1px solid #ababab; margin-bottom: 10px; }
.artshare { margin-bottom: 50px; }
.artshare .asina { margin-left: 0; }
.casebanner { background: url(../images/casebg.jpg) top center; height: 453px; }
.casebg { background: url(../images/casebg2.jpg) bottom center no-repeat; height: 0; bottom: 0; left: 0; width: 100% }
.casemouse { background: url(../images/shou.gif); width: 304px; height: 239px; bottom: 0; left: 10% }
.casecon { width: 1920px; background: #000 }
.casecon li { float: left; width: 480px; height: 480px; position: relative; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: relative }
/*.casecon li:hover{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
.casecon li:hover p{bottom:0}
*/
.casecon li img { position: absolute; top: 0; left: 0; }
.casecon li i { display: inline-block; width: 32px; height: 32px; position: relative; top: 180px; left: 224px; background: url(../images/ads/shi.png) no-repeat; z-index: 9; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.casecon li p { position: absolute; width: 420px; height: 40px; background: #FFF; padding: 30px; left: 0; bottom: -100px; font-size: 12px; }
.casecon li p strong { display: block; color: #988a46; font-size: 18px; font-weight: normal; }
.casecon { display: block; color: #988a46; font-size: 18px; font-weight: normal; }
.casebut { display: inline-block;  background-color: #d5da22; padding: 15px 40px; border: 2px solid #2a2a2a; color: #2a2a2a; margin: 50px auto; font-family: 'arial'; font-size: 14px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.casebut:hover { background: #363639; color: #EBEBEB; }
.casec { background: #EFEFEF; padding-top: 80px; }
.casec p { margin-bottom: 75px; }
.casesbut { background: #858A8D; padding: 13px; }
.whoare1 h2, .whoare2 h2, .whoare3 h2, .whoare4 h2, .whoare5 h2, .whoare6 h2, .whoare7 h2, .whoare8 h2 { font-family: 'MyriadPro-BoldCond'; font-size: 48px; }
.whoare1 h3, .whoare2 h3, .whoare3 h3, .whoare4 h3, .whoare5 h3, .whoare6 h3, .whoare7 h3, .whoare8 h3 { font-size: 24px; font-weight: normal }
.whoare1 h2, .whoare2 h2, .whoare3 h2, .whoare4 h2, .whoare5 h2, .whoare6 h2, .whoare7 h2, .whoare8 h2, .whoare1 h3, .whoare2 h3, .whoare3 h3, .whoare4 h3, .whoare5 h3, .whoare6 h3, .whoare7 h3, .whoare8 h3, .whoare1 div, .whoare3 div, .whoare4 div, .whoare5 div, .whoare6 div, .whoare7 div,h5 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; -moz-transition: all 0.8s ease-in-out; }
h2.show, h3.show, h5.show, div.show { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.whoare1 { background:#FFF; height: 865px; }
.whoare1 h2 { top: 80px; left: 410px; }
.whoare1 h3 { top: 140px; left: 410px; }
.whoare1 h5{ background: url(../images/ads/whata01.jpg) top center no-repeat; width:648px; height:553px; bottom:0; right:-200px}
.whoare1 h5.show{right:0}
.whoare1 div { width: 580px; font-size: 14px; position: absolute; top: 205px; left: 410px; line-height: 22px; font-size: 13px; }
.whoare1 h2.show {left: 460px; }
.whoare1 h3.show {left: 460px; }
.whoare1 div.show{left: 465px;}
.whoare1 p { text-indent: 2em }
.whoare2 { background: #988946; height: 567px; }
.whoare2 h2 { top: 190px; left: 1330px; }
.whoare2 h3 { top: 260px; left: 1340px; color: #FFF }
.whoare2 h5{ background: url(../images/ads/whata02.jpg) top center no-repeat; width:464px; height: 472px; bottom:50px; left:500px;}
.whoare2 h5.show{left:600px;}
.whoare2 h2.show {left: 1105px; }
.whoare2 h3.show {left: 1110px; }
.whoare3 { background:#EBEBEB; height: 567px; }
.whoare3 h2 { top: 160px; left: 1080px; }
.whoare3 h3 { top: 225px; left: 1080px; }
.whoare3 h5{ background: url(../images/ads/whata03.jpg) top center no-repeat; width:448px; height: 384px; left:317px; top:80px; }
.whoare3 h5.show{left:517px;}
.whoare3 div { top: 300px; left: 1080px; }
.whoare3 h2.show {left: 1030px;}
.whoare3 h3.show {left: 1030px; }
.whoare3 div.show{left: 1030px;}
.whoare4 { background:#FFFFFF; height: 566px; }
.whoare4 h2 { top: 200px; left: 560px; }
.whoare4 h3 { top: 260px; left: 490px; }
.whoare4 h5{ background: url(../images/ads/whata04.jpg) top center no-repeat; width: 516px; height:407px; left:1140px; top:164px; }
.whoare4 h5.show{ left:940px;}
.whoare4 div {top: 340px; left: 490px; }
.whoare4 h2.show {left: 610px;}
.whoare4 h3.show {left: 540px; }
.whoare4 div.show{left: 540px;}
.whoare5 { background:#EBEBEB; height: 565px; }
.whoare5 h2 { top: 160px; left: 1090px; }
.whoare5 h3 { top: 220px; left: 1090px; }
.whoare5 h5{ background: url(../images/ads/whata05.jpg) top center no-repeat; width:652px; height: 407px; top:75px; left:130px;}
.whoare5 h5.show {left:450px;}
.whoare5 div { top: 300px; left: 1090px; }
.whoare5 h2.show {left: 1150px;}
.whoare5 h3.show {left: 1150px; }
.whoare5 div.show{left: 1150px;}
.whoare6 { background:#FFF; height: 565px; }
.whoare6 h2 { top: 130px; left: 570px; }
.whoare6 h3 { top: 190px; left: 615px; }
.whoare6 div { top: 260px; left: 590px; }
.whoare6 h5{ background: url(../images/ads/whata06.jpg) top center no-repeat; width:689px; height: 484px; top:80px; left:1160px;}
.whoare6 h5.show{left:960px;}
.whoare6 h2.show {left: 630px;}
.whoare6 h3.show {left: 515px; }
.whoare6 div.show{left: 515px;}
.whoare7 { background: #EBEBEB; height: 565px; }
.whoare7 h2 { top: 140px; left: 1040px; }
.whoare7 h3 { top: 210px; left: 1040px; }
.whoare7 h5{ background: url(../images/ads/whata07.jpg) top center no-repeat; width:470px; height: 477px; top:50px; left:285px; }
.whoare7 h5.show { left:485px; }
.whoare7 div { top: 280px; left: 1040px; }
.whoare7 h2.show {left: 1090px;}
.whoare7 h3.show {left: 1090px; }
.whoare7 div.show{left: 1090px;}
.whoare8 { background: url(../images/ads/whata08.jpg) top center no-repeat;height: 688px; overflow:hidden}
.whoare9 { background: url(../images/ads/whata09.jpg) top center no-repeat; height: 627px; }
.whoare9 ul { margin: auto; width: 1760px; padding-top: 280px; }
.whoare9 li { float: left; width: 160px; }
.whoare9 a { background: url(../images/ads/userface.jpg) no-repeat; width: 96px; height: 157px; display: inline-block }
.whoare9 .uf1 { background-position: 0 0 }
.whoare9 .uf2 { background-position: -100px 0 }
.whoare9 .uf3 { background-position: -200px 0 }
.whoare9 .uf4 { background-position: -300px 0 }
.whoare9 .uf5 { background-position: -400px 0 }
.whoare9 .uf6 { background-position: -500px 0 }
.whoare9 .uf7 { background-position: -600px 0 }
.whoare9 .uf8 { background-position: -700px 0 }
.whoare9 .uf9 { background-position: -800px 0 }
.whoare9 .uf10 { background-position: -900px 0 }
.whoare9 .uf11 { background-position: -1000px 0 }
.whoare9 .uf1:hover { background-position: 0 -180px; }
.whoare9 .uf2:hover { background-position: -100px -180px; }
.whoare9 .uf3:hover { background-position: -200px -180px; }
.whoare9 .uf4:hover { background-position: -300px -180px; }
.whoare9 .uf5:hover { background-position: -400px -180px; }
.whoare9 .uf6:hover { background-position: -500px -180px; }
.whoare9 .uf7:hover { background-position: -600px -180px; }
.whoare9 .uf8:hover { background-position: -700px -180px; }
.whoare9 .uf9:hover { background-position: -800px -180px; }
.whoare9 .uf10:hover { background-position: -900px -180px; }
.whoare9 .uf11:hover { background-position: -1000px -180px; }
.whoare10 { background: url(../images/ads/whata10.jpg) top center no-repeat; padding-top: 280px; height: 1828px; }
.whoare10 ul { margin: 0 -2px; width: 1924px; }
.whoare10 li { float: left; margin: 1px; background: #988A46; }
.whoare10 p { padding: 20px; }
.whoare10 a { color: #FFF; }
.whoare10 a span { color: #645C33; }
.whoare11 { background: url(../images/ads/whata11.jpg) top center no-repeat; height: 313px; }
.whoare12 { background: url(../images/ads/whata12.jpg) top center no-repeat; height: 810px }
.whoare12 div { top: 270px; left: 400px; }
.whoare12 h2 {font-family: 'MyriadPro-BoldCond'; font-size: 45px; color: #988a46; display: inline-block; width: 160px; overflow:hidden }
.whoare12 p {font-size: 22px; color: #343434; display: inline-block }
.whodo2 h2, .whodo4 h2, .whodo6 h2, .whodo8 h2, .whodo2 h3, .whodo4 h3, .whodo6 h3, .whodo8 h3 { font-size: 48px; font-weight: normal; line-height: 1; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.whodo2 h2, .whodo4 h2, .whodo6 h2, .whodo8 h2,.whodo2 h4, .whodo4 h4, .whodo6 h4, .whodo8 h4{background:url(../images/ads/whodo.png) no-repeat; text-indent:-999em;}
.whodo2 h2, .whodo4 h2, .whodo6 h2, .whodo8 h2{width:285px; height:47px;}
.whodo2 h4, .whodo4 h4, .whodo6 h4, .whodo8 h4{width:320px; height:35px;}
.whodo2 h2{background-position:0 0}
.whodo4 h2{background-position:0 -60px}
.whodo6 h2{background-position:0 -120px}
.whodo8 h2{background-position:0 -180px}
.whodo2 h4{background-position:-350px 0}
.whodo4 h4{background-position:-350px -60px}
.whodo6 h4{background-position:-350px -120px}
.whodo8 h4{background-position:-350px -180px}
.whodo2 h4, .whodo4 h4, .whodo6 h4, .whodo8 h4 { font-size: 36px; color: #988a46; font-weight: normal; margin: 30px 0 0; }
.whodo2 p, .whodo4 p, .whodo6 p, .whodo8 p { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.whodo2 a, .whodo4 a, .whodo6 a, .whodo8 a { font-family:'微软雅黑'; background-color: #d5da22; display: inline-block; padding: 10px 40px; border: 2px solid #000000; color: #171717; margin: 50px auto;  font-size: 18px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.whodo2 .pa, .whodo4 .pa, .whodo6 .pa, .whodo8 .pa {  -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; -moz-transition: all 0.8s ease-in-out; }
.whodo2 a:hover, .whodo4 a:hover, .whodo6 a:hover, .whodo8 a:hover { background: #363639; color: #EBEBEB; }
.whodo1 { background: url(../images/ads/what01.jpg) top center no-repeat; height: 600px; }
.whodo2 {  height: 880px; }
.whodo2 .pa{top:150px;}
.whodo3 { background: url(../images/ads/what03.jpg) top center no-repeat; height: 600px; }
.whodo4 { height: 882px; background:#998a47; }
.whodo4 .pa { top: 200px; left: 250px; color: #FFF; z-index: 1; }
.whodo4 a { border-color: #000; color: #171717 }
.whodo5 { background: url(../images/ads/what05.jpg) top center no-repeat; height: 600px; }
.whodo6 { height: 876px;  background: #080808;}
.whodo6 .pa { top: 200px; left: 1100px; color: #FFF; }
.whodo6 a { border-color: #fff; color: #171717 }
.whodo7 { background: url(../images/ads/what07.jpg) top center no-repeat; height: 603px; }
.whodo8 { background:#FFF; height: 880px; }
.whodo8 div { top: 200px; left: 250px; }
.whodo2 div.show, .whodo4 div.show, .whodo6 div.show, .whodo8 div.show { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; left: 350px; }
.whodo6 div.show { left: 1100px; }
.whodo9 { background: url(../images/ads/what09.jpg) top center no-repeat; height: 557px; position:relative; z-index:9}
.whodo10 { background: url(../images/ads/what10.jpg) top center no-repeat; height: 558px; }
.two11 { background: url(../images/ads/0001.jpg) top left no-repeat; height: 770px; }
.two12 { background: url(../images/ads/0002.jpg) top left no-repeat; height: 879px; }
.two13 { background: url(../images/ads/0003.jpg) top left no-repeat; height: 770px; }
.two14 { background: url(../images/ads/0004.jpg) top left no-repeat; height: 880px; }
.two15 { background: url(../images/ads/0005.jpg) top left no-repeat; height: 770px; }
.two16 { background: url(../images/ads/0006.jpg) top left no-repeat; height: 770px; }
.two17 { background: url(../images/ads/0007.jpg) top left no-repeat; height: 770px; }
.two21 { background: url(../images/ads/0011.jpg) top left no-repeat; height: 879px; }
.two22 { background: url(../images/ads/0012.jpg) top left no-repeat; height: 770px; }
.two23 { background: url(../images/ads/0013.jpg) top left no-repeat; height: 770px; }
.two24 { background: url(../images/ads/0014.jpg) top left no-repeat; height: 770px; }
.two31 { background: url(../images/ads/0021.jpg) top left no-repeat; height: 880px; }
.two32 { background: url(../images/ads/0022.jpg) top left no-repeat; height: 770px; }
.two41 { background: url(../images/ads/0031.jpg) top left no-repeat; height: 880px; }
.two42 { background: url(../images/ads/0032.jpg) top left no-repeat; height: 770px; }
.two43 { background: url(../images/ads/0033.jpg) top left no-repeat; height: 769px; }
.two44 { background: url(../images/ads/0034.jpg) top left no-repeat; height: 770px; }
.two45 { background: url(../images/ads/0035.jpg) top left no-repeat; height: 770px; }
.two46 { background: url(../images/ads/0036.jpg) top left no-repeat; height: 770px; }
.two47 { background: url(../images/ads/0037.jpg) top left no-repeat; height: 768px; }
/*翻转图片*/
.wdico1, .wdico2, .wdico3, .wdico4, .wdico5 { display: inline-block; text-align: center }
.wdico1, .wdico2, .wdico4, .wdico5 { width: 177px; height: 177px; }
.wdico3 { width: 198px; height: 198px; }
.wdico1 {top: 161px; left: 90px; }
.wdico2 {top: 161px; left: 240px; }
.wdico3 {top: 150px; left: 390px; }
.wdico4 {top: 161px; left: 560px; }
.wdico5 {top: 161px; left: 710px; }

.whodo1 .wdico2 {left: 170px; }
.whodo1 .wdico3 {left: 320px; }
.whodo1 .wdico4 {left: 490px; }
.whodo1 .wdico5 {left: 640px; }


.wdico1, .wdico3, .wdico5 { z-index: 1; }
.wdico1:hover, .wdico2:hover, .wdico3:hover, .wdico4:hover, .wdico5:hover {-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
z-index:3;
}
.whodo7 .wdico2, .whodo7 .wdico4 { z-index: 2 }
.whodo1 .wdico2 { z-index: 2 }
/*顶部轮显广告*/
.hebanner { height: 817px; overflow: hidden; position:relative }
.hebanner li{position:absolute; top:0; left:0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.bclick { text-align: center; bottom: 40px; left: 0; width: 100%; z-index: 1 }
.bclick a { background: url(../images/hederBanner/hover.png) no-repeat -50px 0; width: 38px; height: 40px; display: inline-block; }
.bclick a.s { background-position: 0 0; }
.leftmenu { position:fixed; right: 20px; top: 20%; width: 250px; font-size: 14px; line-height:26px; font-family: 'Myriad Pro','Microsoft YaHei'; text-align: right }
.leftmenu a, .leftmenu h3 { display: block; color: #4a4a4a; background: url(../images/ads/twohover.png) 225px -30px no-repeat;}
.leftmenu a:hover{color:#FFF;}
.leftmenu a.s { color: #58512f; background-position: 225px -60px; }
.leftmenu a{ padding-right: 30px; }
.leftmenu h3 { color: #988a46; background-position: 225px 0 }
.dindex h2 { font-size: 48px; }
.dindex h3 { font-size: 24px; margin-bottom: 30px; }
.dindex p { font-size: 14px; line-height:24px;}
.dip { padding: 100px 0 50px; }
.dip a { width: 310px; height: 270px; display: inline-block; padding: 10px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.dip p { padding-left: 3px; }
.dip i { background: #000; display: inline-block; margin: 10px 0; }
.dip img { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.dip a:hover { background: #cbb755; }
.dip a:hover img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.dips{padding-top:0;}
.dips a { position: relative; height: 240px; text-align: center; font-family: 'MyriadPro Cond'; }
.dips span { position: absolute; width: 100%; left: 0; top: 100px; text-align: center; font-size: 36px; color: #FFF; background: none }
.dips a:hover span { color: #cbb755; }
.dipbg { background: #ebebeb; }
.dbanner { background: url(../images/ads/dhover.jpg) top center; height: 453px; }
.dbg { background: url(../images/ads/dhover2.jpg) bottom center no-repeat; height: 0; bottom: 52px; left: 0; width: 100% }
.dmouse { background: url(../images/shou.gif); width: 304px; height: 239px; bottom: 0; left: 10% }
.dmobile { background: url(../images/ads/dmobile.jpg); height: 730px; }
.dmobile .w990{overflow:hidden;}
.dmobile .dmico{margin-left:60px; overflow:hidden}
.dmobile .cl{margin-left:-990px;}
.dmobile li {float:left; cursor: pointer; margin: 10px; width:92px; height: 92px; overflow:hidden }
/*.dmobile s,.dmobile i{background:url(../images/ads/moico.png) no-repeat; position:absolute; display:block; width:92px; height:92px; }
.mob1 s,.mob1 i{background-position:0 0}
.mob2 s,.mob2 i{background-position:-100px 0}
.mob3 s,.mob3 i{background-position:-200px 0}
.mob4 s,.mob4 i{background-position:-300px 0}
.mob5 s,.mob5 i{background-position:-400px 0}
.mob6 s,.mob6 i{background-position:-500px 0}
.mob7 s,.mob7 i{background-position:0 -100px}
.mob8 s,.mob8 i{background-position:-100px -100px}
.mob9 s,.mob9 i{background-position:-200px -100px}
.mob10 s,.mob10 i{background-position:-300px -100px}
.mob11 s,.mob11 i{background-position:-400px -100px}
.mob12 s,.mob12 i{background-position:0 -200px}
.mob13 s,.mob13 i{background-position:-100px -200px}
.mob14 s,.mob14 i{background-position:-200px -200px}
.mob15 s,.mob15 i{background-position:-300px -200px}
.mob16 s,.mob16 i{background-position:-400px -200px}
.mob17 s,.mob17 i{background-position:0 -300px}
.mob18 s,.mob18 i{background-position:-100px -300px}
.mob19 s,.mob19 i{background-position:-200px -300px}
.mob20 s,.mob20 i{background-position:-300px -300px}
.mob21 s,.mob21 i{background-position:-400px -300px}*/
.lbico { padding: 320px 30px 0 0; width: 300px;}
.rbico { padding-top: 320px; width: 580px; }
.dmobile i { display: none; }
.menup { top: 0; left: 0; width: 100%; z-index: 10 }
.dmobile li {position: relative;-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }
.dmobile .ico img {top: 0; left: 0; -webkit-transform-origin:50% 50%;transform-origin: 50% 50%; position: absolute; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.dmobile .ico:hover img {z-index: 10; -webkit-animation: mobili 2s ease 1;animation: mobili 2s ease 1;}
@keyframes mobili {
 	0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
 	100% {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
}
@-webkit-keyframes mobili {
	0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
	100% {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
}

.cont {top:196px; left:960px;}
.contact02{ background:url(../images/content02.jpg) top center; height:637px;}
.conhover{display:block; width:210px; height:210px; transform-style: preserve-3d; }
.conhover img{top: 0; left: 0; transform-origin: 50% 50%; display:block;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; height:210px; position:absolute}
.conhover .conhover2,.conhover:hover .conhover1{-webkit-transform: rotateY(180deg);transform: rotateY(180deg); z-index:1}
.conhover:hover .conhover1,.conhover .conhover2{filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.conhover:hover .conhover2{-webkit-transform: rotateY(360deg);transform: rotateY(360deg); width:210px;filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

.contact03{background:url(../images/content03.jpg) top center; height:1116px;}
.condh,.con3ti{webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.condh{background:url(../images/ads/danhang.png) -225px 0; width:0; height:0; top:200px; left:1050px;}
.condhshow{background:url(../images/ads/danhang.png); width:494px; height:271px; top:200px;left:1250px;}
/*.con3ti{background:url(../images/ads/cont03ti.png); width:106px; height:60px; top:180px; left:980px;filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}*/
/*.con3tishow{top:150px;filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}*/
.con3ti{background:url(../images/ads/cont03ti.png); width:106px; height:60px; top:210px; left:50%;margin-left: 50px;filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.con3tishow{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;top:180px;}
.dinhover{width:1922px;}
.dinhover li{float:left; width:640px; height:700px; overflow:hidden; position:relative}
.dinhover li h5{ position:absolute; background:url(../images/shi2.png) no-repeat; width:53px; height:53px; margin:0; padding:0; left:293px; top:323px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.dinhover li:hover h5{ filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}


.contactop{ background:url(../images/hederBanner/banner04.jpg) no-repeat top center; height:817px;}
.contactop .weixin{display:inline-block;top:650px; left:860px;}
.contactop .weixin img{height:129px; width:129px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;webkit-transition: all 1s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; margin:10px;}
.contactop .weixin:hover img{ width:149px; height:149px; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin:0}


.whodo8 div.moshow{top:100px; left:610px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.whodo8 div.moshow div{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.whodo8 div.moshow01{background:url(../images/ads/moshow01.png) no-repeat; width:776px; height:454px; top:155px; left:0;}
.whodo8 div.moshow div.moshow02{background:url(../images/ads/moshow02.png) no-repeat; width:494px; height:324px; top:100px; left:103px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.whodo8 div.moshow03{background:url(../images/ads/moshow03.png) no-repeat; width:660px; height:336px; top:183px; left:58px;}
.whodo8 div.moshow div.moshow04{background:url(../images/ads/moshow04.png) no-repeat; width:512px; height:268px; top:205px; left:103px;}
.whodo8 div.moshow05{background:url(../images/ads/moshow05.png) no-repeat; width:494px; height:252px; top:205px; left:103px;}

.whodo8 div.moshow div.moshow02.show{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.whodo8 div.moshow03.show{top:153px;}
.whodo8 div.moshow div.moshow04.show{top:70px}
.whodo8 div.moshow05.show{top:70px;}

.dipt1,.dipt2,.dipt3,.dipt4{background:url(../images/ads/detitle.png) no-repeat top center; width:388px; margin:auto; overflow:hidden; text-indent:-99em;}
.dipt1,.dipt3{height:33px; margin-bottom:10px;}
.dipt2,.dipt4{height:23px;}
.dipt1{background-position:0 0;}
.dipt2{background-position:0 -50px;}
.dipt3{background-position:0 -100px;}
.dipt4{background-position:0 -150px;}

.wati01,.wati02,.wati03,.wati04,.wati05,.wati06,.wati07,.wati08,.wati09,.wati10,.wati11,.wati12{background:url(../images/ads/watitle.png) no-repeat top center; width:369px; overflow:hidden; text-indent:-1000px;}
.wati01,.wati03,.wati05,.wati07,.wati09,.wati11{height:23px;}
.wati01{background-position:0 0}
.wati02{background-position:0 -50px; height:87px;}
.wati03{background-position:0 -150px}
.wati04{background-position:0 -200px; height:80px;}
.wati05{background-position:0 -300px}
.wati06{background-position:0 -350px; height:102px;}
.wati07{background-position:0 -500px}
.wati08{background-position:0 -550px; height:80px;}
.wati09{background-position:0 -652px}
.wati10{background-position:0 -700px; height:58px;}
.wati11{background-position:0 -800px}
.wati12{background-position:0 -850px; height:146px;}
.whodohvoer img{width:0px; height:0px;  -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; -moz-transition: all 0.8s ease-in-out; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; margin-top:88px}
.whodohvoer .show img{width:100%; height:100%; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; -moz-transition: all 0.8s ease-in-out; margin:0}


.bigpic{background:#000;}
.bigpic img:hover{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transition: all 0.5s ease-in-out; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}

.bg0{background:none;}
.bg1{background:url(../images/ads/0001.jpg) fixed;}
.bg2{background:url(../images/ads/0002.jpg) fixed;}
.bg3{background:url(../images/ads/0003.jpg) fixed;}
.bg4{background:url(../images/ads/0004.jpg) fixed;}
.bg5{background:url(../images/ads/0005.jpg) fixed;}
.bg6{background:url(../images/ads/0006.jpg) fixed;}
.bg7{background:url(../images/ads/0007.jpg) fixed;}
.bg11{background:url(../images/ads/0011.jpg) fixed;}
.bg12{background:url(../images/ads/0012.jpg) fixed;}
.bg13{background:url(../images/ads/0013.jpg) fixed;}
.bg14{background:url(../images/ads/0014.jpg) fixed;}
.bg21{background:url(../images/ads/0031.jpg) fixed;}
.bg22{background:url(../images/ads/0032.jpg) fixed;}
.bg23{background:url(../images/ads/0033.jpg) fixed;}
.bg24{background:url(../images/ads/0034.jpg) fixed;}
.bg25{background:url(../images/ads/0035.jpg) fixed;}
.bg26{background:url(../images/ads/0036.jpg) fixed;}
.bg27{background:url(../images/ads/0037.jpg) fixed;}
.bg31{background:url(../images/ads/0021.jpg) fixed;}
.bg32{background:url(../images/ads/0022.jpg) fixed;}
.time .fl {font-size: 12px; }