@charset "utf-8";

/* CSS Document */



body{padding:0;font-size:18px; font-family:"微软雅黑", Arial, sans-serif; min-width:748px;min-width:1024px\9;*min-width:1024px; background-color:#EEEEEE;   max-width:1920px; margin:0 auto;}

@media (min-width:0){

	body{ min-width:748px;}

}

p ,ul,li,ol,dl,dd,h1, h2, h3, h4, h5, h6,pre, form, fieldset, input,  blockquote, table, th, td, embed, object,video,source,embed{ margin:0;padding:0;}

h1, h2, h3, h4, h5, h6{ font-weight:normal;}

table, table th { border-collapse: collapse; border-spacing: 0; font-weight:normal; }

ul,dl,ol{ list-style:none;}

a{ outline:none;}

a, a:link, a:hover, a:active{ text-decoration: none; outline:none; }

img,a img,fieldset{ border:none;}

em, b, i{font-style: normal;font-weight: normal;}

.clearfix{ font-size:0;line-height:0; height: 0; clear: both;}

.tc{ text-align:center;}

label.error{ color:#F00; font-size:12px;}

body .hot{ color:#555; font-weight:bold;}



/*top css*/

#tbox{width:50px; float:right; position:fixed; right:50px; bottom:15px;}

#gotop{ width:50px; height:50px; background:url(../img/top.png) no-repeat; display:block;} 



.header{height:110px; background-color:#fff; width:100%; border-bottom:5px solid #fdd108;  padding-bottom:10px;}

.headbox{ width:80%; margin:0 auto;}

.slide_txt{ width:80%; margin:0 auto; padding-top:100px;}

@media (max-width: 1440px){

	.headbox {width: 90%;}

	.slide_txt{ width:90%;}

}

.slide_txt img{ padding-left:10px;} 

.logo{ padding-top:30px; float: left;}

.menubox{ float:right; /* margin-top:36px; */}

.menulist li{ float:left; margin-left:60px;}

.menulist li:first-child{ margin-left:0;}

.menulist li a{letter-spacing:.05em; color:#000; font-size:12px; line-height:26px; display:block;  text-transform: uppercase;}

.menulist li a:hover,.menulist li.on a{ border-bottom:1px solid #c8c8c8;}

@keyframes menu{

from {border-bottom:1px solid #fff;}

to { border-bottom:1px solid #c8c8c8;}

}

@-moz-keyframes menu{

from {border-bottom:1px solid #fff;}

to { border-bottom:1px solid #c8c8c8;}

}

@-webkit-keyframes menu{

from {border-bottom:1px solid #fff;}

to { border-bottom:1px solid #c8c8c8;}

}

@-o-keyframes menu{

from {border-bottom:1px solid #fff;}

to { border-bottom:1px solid #c8c8c8;}

}

.menulist li a:hover{

	animation: menu 500ms ease 1;

	-moz-animation: menu 500ms ease 1;

	-webkit-animation: menu 500ms ease 1;

	-o-animation: menu 500ms ease 1;

}



/* slide */

.slide-main{ height:470px;  position: relative; background-color:#666; }
 @media(max-width: 1024px){.focusBox{height:400px;}} 


.prev,.next{ display: block; width:40px; height:65px; position: absolute; z-index: 222; top:50%; margin-top:-33px; overflow: hidden; cursor: pointer;}

.prev{ left:70px; }

.prev1{left:20px;width:3%;height: 10.6%;top:46%;margin-top:0px;}

.next{ right: 70px; }

.next1{right:15px;width:3%;height: 10.6%;top:46%;margin-top:0px;}

@media(max-width: 1024px){.next1 img{width:100%;margin-top: 30%;}}

.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

.item{ display: block; width: 100%; height: 5px; position: absolute; z-index: 124; bottom:30px; left: 0; text-align: center; }

.item a{ display: inline-block; width:80px; height:8px; margin-right:5px; background: #fff; opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); overflow: hidden; }

.item a.cur{ opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }

.slide-box,.slide{ display: block; width: 100%; height:100%; overflow: hidden; }

.slide-box{ position: relative; }

.slide{ display: none; height:100%; position: absolute; z-index: 8; }

.slide a{ display: block; width: 100%; height:100%; cursor: pointer; background-position:center center; background-repeat: no-repeat; }



@-webkit-keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }

@-moz-keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }

@keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }

.banAnimate .obj-b{ display: block; animation-name: saAni; -webkit-animation: saAni 0.4s linear 0s normal none; -moz-animation: saAni 0.4s linear 0s normal none; animation: saAni 0.4s linear 0s normal none; }

@-webkit-keyframes saAni { from { opacity: 0; -webkit-transform:scale(0,0); } to { opacity: 1; -webkit-transform:scale(1,1); } }

@-moz-keyframes saAni { from { opacity: 0; -moz-transform:scale(0,0); } to { opacity: 1; -moz-transform:scale(1,1); } }

@keyframes saAni { from { opacity: 0; transform:scale(0,0); } to { opacity: 1; transform:scale(1,1); } }

.watch-code.code-show{ display: block; animation-name: scode; -webkit-animation: scode 0.3s linear 0s normal none; -moz-animation: scode 0.3s linear 0s normal none; animation: scode 0.3s linear 0s normal none; }

@-webkit-keyframes scode { from { opacity: 0; -webkit-transform:scale(1,0); transform-origin: left bottom; } to { opacity: 1; -webkit-transform:scale(1,1);  transform-origin:  left bottom; } }

@-moz-keyframes scode { from { opacity: 0; -moz-transform:scale(1,0);  transform-origin: left bottom; } to { opacity: 1; -moz-transform:scale(1,1); transform-origin: bottom bottom; } }

@keyframes scode { from { opacity: 0; transform:scale(1,0); transform-origin: left bottom; } to { opacity: 1; transform:scale(1,1); transform-origin:  left bottom; } }

.banAnimate .obj-c,.banAnimate .obj-e{ display: block; animation-name: saAnic; -webkit-animation: saAnic 0.3s linear 0s normal none; -moz-animation: saAnic 0.3s linear 0s normal none; animation: saAnic 0.3s linear 0s normal none; }

@-webkit-keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }

@-moz-keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }

@keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }

.banAnimate .obj-d,.banAnimate .obj-f{ display: block; animation-name: saAnid; -webkit-animation: saAnid 0.3s linear 0s normal none; -moz-animation: saAnid 0.3s linear 0s normal none; animation: saAnid 0.3s linear 0s normal none; }

@-webkit-keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }

@-moz-keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }

@keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }



.dobox h3{ margin-top:50px; text-align:center; margin-bottom:30px; font-family:Verdana, Geneva, sans-serif; color:#7F7F7F;}

.dotit_p{width:80%; margin:0 auto 20px auto; color:#525252; letter-spacing:1px;}

.domore_p{width:80%;padding:20px 0 50px 0; margin: 0 auto;}

.dolist{ width:100%; overflow:hidden;}

.dolist li{ width:25%;*width:24.99%; float:left; overflow:hidden; font-size:0;}

.dolist li.last{ background-color:#fdd108; position:relative;}

.dolist li a{ display:block; overflow:hidden;}

.dolist li a img{ max-width:100%; display:inline-block; vertical-align:bottom;}

.dolist li.big{ width:50%;*width:49.99%;}

  @media (max-width: 1024px){

	.dolist li{width:50%;}

	.dolist li.big{width: 100%;}

	 .dolist li a img{ display:block;}

	.menulist li{ margin-left:25px;}

	.teambox li.media{ display:none;}

	.workbox .wk_rt,.workbox .wk_fl{ width:100%;} 

} 



.sIntro{background-color:#000; text-align: center; height:100%!important; width:100%!important; color:#fff;font-family: "微软雅黑","arial";}

.sIntro h2{font-size:14px; letter-spacing:.2em;}

.sIntro p{font-size:12px; letter-spacing:.2em;}

.do_center{vertical-align: middle; position: absolute;*position: static; top: 50%; margin-top: -40px;*margin-top:25%; text-align: center;  width: 100%;}

.dolist li.big .do_center{*margin-top:13%;}

.brand_tit{position:absolute;left:10%; top:10%;letter-spacing:.2em;font-size:14px; color:#000;}



.dolist li img {

	-webkit-transition: -webkit-transform 0.35s ease;

	-moz-transition: -webkit-transform 0.35s ease;

	-o-transition:-webkit-transform 0.35s ease;

	transition:transform 0.35s ease;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.dolist li:hover img {

	-webkit-transform: scale(1.12);

	-moz-transform: scale(1.12);

	-o-transform: scale(1.12);

	transform: scale(1.12);

}

.footer{ border-top:5px solid #fdd108; background-color:#181818; width:100%;}

.footbox{ width:60%; margin:0 auto;}

.foot_p{ color:#f0f0f0; font-size:14px; text-align:center; padding:40px 0 50px 0; line-height:30px; letter-spacing:.1em;}

.foot_icolist{ color:#f0f0f0; text-align:center; overflow:hidden; padding:40px 0;}

.foot_icolist li{ float:left; width:25%; *width:24.9%;}

.foot_icolist li p{ padding-top:5px;font-size:14px; color:#fff;letter-spacing:1px;}

.ftformlist{ overflow:hidden; width:90%; margin:0 auto;}

.ftformlist li{ width:50%;*width:49.99%; float:left;}

.ftformlist textarea{ background-color:#181818; border:1px solid #292929; width:92%; height:190px; color:#f0f0f0; padding:10px 0 0 10px;overflow:auto;}

.ft_input{ background-color:#181818; border:1px solid #292929; width:92%; height:45px; line-height:45px; margin-top:30px; padding-left:10px;color:#f0f0f0;}

.ftformlist input.first{ margin-top:0;}

.ftbtn{ background-color:#fff; width:207px; height:32px; line-height:32px; margin:70px 0; font-size:16px; text-align:center; border:none; cursor:pointer; letter-spacing:.1em;}

.ftbtn{transition: background-color 0.3s linear;-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;}

.ftbtn:hover{ background-color:#fdd108;}

.share{ background-color:#232323;}

.share_list{ text-align:center; padding:15px 0;}

.share_list img{ width:40px;}

.share_list li{ display:inline-block;*display:inline;*zoom:0; margin:0 10px; cursor:pointer; }

.share_list li{transition:opacity 0.3s linear;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;}

.share_list li:hover{ opacity:0.8; filter: alpha(opacity=80);}

.copyright,.copyright1{ background-color:#f0f0f0; padding:20px 0;color:#6c6c6c; font-size:10px; text-align:center; letter-spacing:.1em;}

.copyright1{ background-color:transparent;}

.copyright1 a{color:#6c6c6c; text-decoration:underline}

.contactpic{clear:both; width:100%;}

.contactpic img{ display:block;}

.contact_box{ width:80%; margin:0 auto; padding-bottom:60px; overflow:hidden;}

.con_lf{ width:40%; float:left; font-family:"微软雅黑"; min-height:500px; padding-top:90px;}

.con_lf h3,.jobbox h3{ font-size:18px; font-weight:bold;}

.con_lf p,.jobbox p{ font-size:16px; margin-top:10px; width:60%;}

.con_lf .conus_p{ width:90%;}

.con_rt{ width:48%; float:right; padding-top:110px;font-family:"微软雅黑";}

.adresslist li h3{ font-size:14px; font-weight:bold; }

.adresslist li p{font-size:12px; letter-spacing:.2em;color:#221815;}

.adresslist li{ color:#221815; margin-bottom:10px; font-size:12px;}

.adresslist li.erwm{ margin:50px 0; overflow:hidden;}

.adresslist li.erwm img{ float:left; padding-right:10px;}

.adresslist li.erwm span{ float:left; line-height:25px; margin-top:16px;}

.serverbox{float:left; width:35%;margin-left: 10%;}

@media (max-width: 1024px){

	.serverbox{width:40%;}

}

.serverlist{ margin-bottom:50px;}

.serverlist h3{ margin-bottom:15px;}

.serverlist h3 i{ font-size:12px;}

.serverlist li{ margin-bottom:6px;}

.serv_rt{ width:55%; margin-top:15px;}

.teambox{ padding:50px 0;}

.teambox li:first-child{*width:24.98%;}

.teambox li.biger{ width:50%;*width:49.99%; float:right;}

.abtit{ position:relative;}

.abtit .brand_tit{left:50%; margin-left:-90px; display:block; top:50%; margin-top:-20px;}

.teambox .sIntro h2{ font-size:12px;}

.workbox{ width:80%; margin:0 auto; overflow:hidden; padding-top:90px;}
.workbox1{ width:80%; margin:0 auto; overflow:hidden;}
.wk_fl{ width:33%; float:left; padding-bottom:50px;}

.wk_rt{ width:66.5%; float:right;}

.wk_fl h3{ font-size:14px; color:#3d3d3d;letter-spacing:.1em; margin-bottom:10px;}

.wk_fl h2{ font-size:18px; border-bottom:1px solid #c8c8c8; line-height:26px; display:inline-block;*display:inline;*zoom:0; letter-spacing:.1em;}

.wk_fl p{ font-size:14px; line-height:26px;letter-spacing:.1em; width:80%; margin-top:50px; }

.wk_pic img{ display:block; max-width:100%;}

.wk_more{ padding:12px 50px; background-color:#fdd108; display:inline-block; *display:inline; *zoom:0; letter-spacing:.1em; font-size:14px; color:#333;}

.con_lf .intrp{ font-size:12px; color:#555; line-height:24px; letter-spacing:1px; margin-top:20px; width:80%;}

.jobbox{ padding-top:70px; padding-bottom:50px;}

.job_name{ width:90%; margin:0 auto; padding-bottom:70px;}

.job_list{ overflow:hidden;}

.job_list li{ float:left; height:400px; width:24.8%; margin-bottom:1px; margin-right:1px;}

.job_list li a{ display:block; height:100%;}

.jobpos{ width:100%; height:100%; overflow:hidden; position:relative;}

.jbcol1{ background-color:#D3D3D3;}

.jbcol2{ background-color:#D3D3D3;}

.job_aebox{ position:absolute; top:50%; left:20px;color:#fff;  }

.jobnum{ font-size:70px; font-family:Verdana, Geneva, sans-serif;  font-weight: bold;}

.job_ae{ font-size:20px; letter-spacing:1px;}

.job_txt{ color:#333; text-align:left; padding:20px;}

.job_txt h3{ font-size:16px; padding-bottom:10px; color:#000;  width: 80%;  margin: 0 auto;  padding-top: 20px;}

.job_txt p{ width:80%; margin:0 auto; line-height:22px;}

@media (max-width: 1024px){

	.job_list li{width:49.8%;}

}

@media (min-width: 1024px) and (max-width: 1368px){

	.job_list li{width:33.1%;}

}

.bgcol1{ background-color:#C8C8C8;}

.bgcol2{ background-color:#C8C8C8;}

.bgcol3{ background-color:#C8C8C8;}

.bgcol4{ background-color:#C8C8C8;}

.intro_lf{width:40%; float:left; font-family:"微软雅黑"; min-height:435px;}

.intro_lf div{margin-left:20%;margin-top:20%;color:#5a5758;}

.intro_lf p{ font-size:16px;font-weight:normarl;}

.intro_rt{float:left; font-family:"微软雅黑"; min-height:435px;width:60%;}

.intro_rt div{margin-top:13%;margin-left:25%;width:65%; color:#040000;}

.intro_rt span{font-size:16px;}

.rt_cont{font-size:14px;line-height:25px;letter-spacing:0.5px;margin-top:5px;}

.web_desn,.qimeng,.caiqu_wei,.sb_desn,.brand_up,.design_note{clear:both;width:100%;height:60px;}

.web_lf{width:26%;background-color:#fdc008;color:#fff8ea;text-align:center;line-height:60px;}

.web_lf a{color:#fff8ea;}

@media(max-width:1024px){.web_lf{width:100%;}}

.what,.caiqu_wei_down,.caiqu_wei_down2,.desn_wine{width:100%;}

.what_lf,.down_lf,.down2_lf,.desn_wine_lf{width:50%;float:left;margin-bottom:-5px;}

.what_rt,.down_rt,.down2_rt,.desn_wine_rt{width:50%;float:left;margin-bottom:-5px;}

.down2_lf{width:50%;float:left;margin-top:-5px;}

.down2_rt{width:50%;float:left;margin-top:-5px;}

.qimeng div{background-color:#ff7c90;width:20%;color:#fff8ea;text-align:center;line-height:60px;margin-left:50%;}

@media(max-width:1024px){.qimeng div{margin-left:0;width:100%;}}

.caiqu_wei div{background-color:#385ca6;width:20%;color:#fff8ea;text-align:center;line-height:60px;margin-left:30%;}

@media(max-width:1024px){.caiqu_wei div{margin-left:0;width:100%;}}

.more_work{clear:both;width:100%;height:150px;background-color:#f0f0f0;}

.more_work a{display:inline-block;margin-left:5%;margin-top:30px;color:#9b9b9b;}

.sb_rt{float:left; font-family:"微软雅黑"; min-height:435px;width:60%;}

.sb_rt div{margin-top:13%;margin-left:25%;width:65%; color:#040000;}

.sb_rt span{font-size:16px;}

.desn_lf{width:40%;background-color:#65aee1;color:#fff8ea;text-align:center;line-height:60px;float:left;font-size:16px;}

@media(max-width:1024px){.desn_lf{margin-left:0;width:100%;}}

.wave{width:100%;}

.wave_lf{width:50%;float:left;margin-bottom:-5px;}

.wave_rt{width:50%;float:left;margin-bottom:-5px;}

.brand_up_rt{width:30%;background-color:#f4e9d6;text-align:center;line-height:60px;font-size:14px;float:right;color:#9b9b9b;}

@media(max-width:1024px){.brand_up_rt{margin-left:0;width:100%;}}

.brand{width:100%;}

.brand_lf{width:70%;float:left;margin-bottom:-5px;}

.brand_rt{width:30%;float:left;margin-bottom:-5px;}

.design_note div{background-color:#65aee1;width:20%;color:#fff8ea;text-align:center;line-height:60px;font-size:14px;}

@media(max-width:1024px){.design_note div{width:100%;}}

.da_desn_lf{width:25%;background-color:#e2b890;color:#fff8ea;text-align:center;line-height:60px;font-size:16px;}

@media(max-width:1024px){.da_desn_lf{width:100%;}}

.desn_nav1,.desn_nav2,.desn_nav3,.desn_nav4,.desn_nav5,.desn_nav6,.desn_nav7{clear:both;width:100%;}

.desn_nav1_lf{width:25%;line-height:60px;text-align:center;background-color:#660501;color:#fee8a5;margin-left:25%;}

@media(max-width:1024px){.desn_nav1_lf{margin-left:0;width:100%;}}

 .desn_chenlie{width:100%;} 

.desn_chenlie_lf{width:50%;float:left;margin-bottom:-5px;}

.desn_chenlie_rt{width:50%;float:left;margin-bottom:-5px;} 

.desn_nav2_lf{width:25%;margin-left:50%;color:#4e2402;line-height:60px;text-align:center;background-color:#e2b890;}

@media(max-width:1024px){.desn_nav2_lf{margin-left:0;width:100%;}}

.desn_nav3_lf{width:30%;margin-left:20%;color:#fee8a5;line-height:60px;text-align:center;background-color:#660501;}

@media(max-width:1024px){.desn_nav3_lf{margin-left:0;width:100%;}}

.desn_nav4_lf{width:25%;margin-left:25%;color:#fee8a5;line-height:60px;text-align:center;background-color:#660501;}

@media(max-width:1024px){.desn_nav4_lf{margin-left:0;width:100%;}}

.desn_nav5_lf{width:25%;margin-left:25%;color:#4e2402;line-height:60px;text-align:center;background-color:#f2dd9d;}

@media(max-width:1024px){.desn_nav5_lf{margin-left:0;width:100%;}}

.desn_nav6_lf{width:25%;margin-left:25%;color:#f6f5f5;line-height:60px;text-align:center;background-color:#441616;}

@media(max-width:1024px){.desn_nav6_lf{margin-left:0;width:100%;}}

.desn_nav7_lf{width:25%;margin-left:50%;color:#ffffff;line-height:60px;text-align:center;background-color:#89543f;}

@media(max-width:1024px){.desn_nav7_lf{margin-left:0;width:100%;}}

.intro_lf .lelion,.xsnn_intro_lf .lelion,.dir_intro_lf .lelion{font-size:20px;color:#000000;}

.intro_lf .lelion2,.xsnn_intro_lf .lelion2{font-size:14px;}

.xsnn_intro_lf{width:30%; float:left;min-height:400px;}

.xsnn_intro_lf div{margin-left:20%;margin-top:25%;color:#5a5758;}

.xsnn_sb_rt{float:left; min-height:400px;width:60%;}

.xsnn_sb_rt div{margin-top:12.5%;margin-left:25%;width:65%; color:#040000;}

.xsnn_sb_rt span{font-size:16px;}

.xsnn_img{width:4%;float:left;margin-top:2%;}

.cont_ren_box{width:100%;text-align:center;background-color:#ffffff;}

.cont_ren{width:80%;margin:0 auto;padding:80px 0;}

.xsnn_color{clear:both;width:100%;background-color:#ffffff;}

.color_actor1{width:80%;margin:0 auto;background-color:#ffffff;overflow:hidden;clear:both;padding:40px 0;}

.color_actor{width:80%;margin:0 auto;background-color:#ffffff;overflow:hidden;clear:both;padding-top:40px;}

.widthlist{width:24%;float:left;margin-left:0.4%;}

@media(max-width:1024px){

	.widthlist{width:48%;}

	

}

.xian2,.xian3{width:100%;background-color:#ffffff;padding-top:40px;}

.xian2 span{padding-left:10%;font-size:14px;}

.xian3 span{padding-left:10%;clear:both;padding-top:30px;display:block;font-size:14px;}

.xian3Em{padding-left:10%;clear:both;padding-top:90px;display:block;font-size:14px;}

.xian2_sh,.xian3 div{border-top:1px solid #7f7f7f;width:80%;margin:0 auto;}

.xian2_gif{width:20%;position:absolute;right:0;top:-8.5px;border:none;}

.zyq{width:100%;padding-top:40px;background-color:#ffffff;}

.zyq_wramp{width:80%;margin:0 auto;background-color:#ffffff;}

.zyq_sh_lf{float:left;width:50%;position:relative;margin-bottom:-5px;}

.zyq_sh_lf1{position:absolute;right:0;bottom:10px;width:35%;}

.zyq_sh_lf2{position:absolute;bottom:10px;width:30%;}

.zyq_sh_rt,.zyq_xia_lf,.zyq_xia_rt{float:left;width:50%;margin-top:-5px;}

.xsnn_feiji{width:100%;background-color:#ffffff;padding-top:40px; overflow:hidden;clear:both;}

.xsnn_feiji1{width:20%;float:left;margin-left:5%;}

.xsnn_feiji2{width:10%;float:right;} 

.xsnn_snow{clear:both;width:100%;background-color:#ffffff;position:relative;}

.xsnn_snow_sh{position:absolute;top:0;left:25%;width:50%;}



.bofang{width:10%;position:absolute;top:41%;left:45%;}

.bf1{display:none;}

.bf1,.bf2{cursor:pointer;}

.bofang:hover .bf2{display:none;}

.bofang:hover .bf1{display:block;}

.bfvideo{position:absolute;top:0px;left:25%;width:50%;display:none;}

.bfvideo2{position:absolute;top:10.5%;left:25%;width:50%;display:none;}

@media(max-width: 1024px){

	.xsnn_snow_sh{display: none;}

	.ct_cont3_cartoon{display: none;}

	.bfvideo{left:0%;width:100%;height:148%;display: block;position:absolute;top: -31%;}

	.bfvideo2{left:0%;width:100%;height:133%;display: block;position:absolute;top: 0%;}



}

.more_workxs{clear:both;width:100%;height:100px;background-color:#ffffff;}

.more_workxs a{display:inline-block;margin-left:5%;margin-top:30px;color:#9b9b9b;}

.xsnn_more{clear:both;width:100%;}

.xsnn_more ul{ width:80%;margin:0 auto;overflow:hidden;clear:both;}

.xsnn_more ul li{float:left;width:10%;}

.img2{display:none;}

.li1:hover .img1,.li2:hover .img1,.li3:hover .img1,.li4:hover .img1,.li5:hover .img1,.li6:hover .img1,

.li7:hover .img1,.li8:hover .img1,.li9:hover .img1,.li10:hover .img1,.li11:hover .img1{display:none;cursor:pointer;}

.li1:hover .img2,.li2:hover .img2,.li3:hover .img2,.li4:hover .img2,.li5:hover .img2,.li6:hover .img2,

.li7:hover .img2,.li8:hover .img2,.li9:hover .img2,.li10:hover .img2,.li11:hover .img2{display:block;cursor:pointer;}

.case_cont2{clear:both;width:100%;}

.cont2_ml{width:50%;margin:0 auto;float:left;margin-left:25%;}

.cont2_rt{width:25%;float:left;}

.case_cont3{clear:both;width:100%;margin-top:-5px;}

.cont3_lf{width:25%;float:left;margin-top:-5px;}

.cont3_rt{width:50%;float:right;margin-top:-5px;}

.cont4_lf{clear:both;width:25%;float:left;margin-top:-5px;}

.cont4_ml{width:50%;float:left;margin-top:-5px;}

.cont5_lf{clear:both;width:25%;float:left;margin-top:-5px;}

.cont5_ml{width:50%;float:left;margin-top:-5px;}

.cont5_rt{width:25%;float:left;margin-top:-5px;}

.cont6_lf{width:25%;float:left;margin-top:-5px;}

.cont6_rt{margin-left:25%;width:50%;float:left;margin-top:-5px;}

.nav{width:100%;height:45px;background-color:#dfdcdc;}

.nav li{float:left;width:12.5%;line-height:45px;height:45px;cursor:pointer;text-align:center;color:#a2a0a0;margin-bottom:0px;font-size:12px;letter-spacing:5px;}

.nav li.cur{background:#ffffff; color:black;}

.case_navdown{width:100%;height:45px;background-color:#ffffff;}

.li_width{float:left;overflow:hidden;width:50%;*width:49.99%;}

.li_width a{ display:block; overflow:hidden;}

.li_width img{ max-width:100%; display:inline-block; vertical-align:bottom;}

.li_width.big{ width:75%;*width:74.99%;}

.li_width img {

	-webkit-transition: -webkit-transform 0.35s ease;

	-moz-transition: -webkit-transform 0.35s ease;

	-o-transition:-webkit-transform 0.35s ease;

	transition:transform 0.35s ease;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.li_width:hover img {

	-webkit-transform: scale(1.12);

	-moz-transform: scale(1.12);

	-o-transform: scale(1.12);

	transform: scale(1.12);

}





.li_width2{float:left;overflow:hidden;width:25%;*width:24.99%;}

.li_width2 a{ display:block; overflow:hidden;}

.li_width2 img{ max-width:100%; display:inline-block; vertical-align:bottom;}

.li_width2.big{ width:50%;*width:49.99%;}

.li_width2 img {

	-webkit-transition: -webkit-transform 0.35s ease;

	-moz-transition: -webkit-transform 0.35s ease;

	-o-transition:-webkit-transform 0.35s ease;

	transition:transform 0.35s ease;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.li_width2:hover img {

	-webkit-transform: scale(1.12);

	-moz-transform: scale(1.12);

	-o-transform: scale(1.12);

	transform: scale(1.12);

}

.dir_intro_lf{width:40%; float:left; font-family:"微软雅黑"; min-height:435px;background-color:#f4f4f4;}

.dir_intro_lf div{margin-left:20%;margin-top:20%;color:#5a5758;}

.dir_intro_lf p{ font-size:16px;font-weight:normarl;}

.dir_intro_rt{float:left; font-family:"微软雅黑"; min-height:435px;width:60%;background-color:#f4f4f4;}

.dir_intro_rt div{margin-top:13%;margin-left:25%;width:65%; color:#040000;}

.dir_intro_rt span{font-size:16px;}

.dir_xsnn_color{clear:both;width:100%;background-color:#fafafa;}

.dir_color_actor{width:80%;margin:0 auto;overflow:hidden;clear:both;}

.dir_text1{background-color:#fafafa;margin:0 auto;width:100%;text-align:center;}

.dir_text1 span{font-size:20px;color:#8d999d;}

.dir_text2{background-color:#fafafa;margin:0 auto;width:100%;text-align:center;padding-top:80px;}

.dir_text2 span{font-size:20px;color:#8d999d;}

.dir_more_work{clear:both;width:100%;height:150px;background-color:#fafafa;}

.dir_more_work a{display:inline-block;margin-left:5%;margin-top:30px;color:#9b9b9b;}

.tr_img1,.tr_img2{width:100%;background-color:#ffffff;}

.tr_img1_cont{width:10%;margin:0 auto;}

.tr_img1_cont img{padding-top:80px;}

.tr_img2_cont{width:80%;margin:0 auto;}

.tr_more_work{clear:both;width:100%;height:150px;background-color:#ffffff;}

.tr_more_work a{display:inline-block;margin-left:5%;margin-top:30px;color:#9b9b9b;}

.game_xsnn_color{background-color:#fbfbfb;}

.game_color_actor{background-color:#fbfbfb;width:80%;margin:0 auto;}

.game_color2_actor{background-color:#fbfbfb;width:40%;margin:0 auto;}

.game_more_work{clear:both;width:100%;height:150px;background-color:#fbfbfb;}

.game_more_work a{display:inline-block;margin-left:5%;margin-top:30px;color:#9b9b9b;}

.cartoon_more_work{clear:both;width:100%;height:150px;background-color:#f0f0f0;}

.cartoon_more_work a{display:inline-block;margin-left:5%;margin-top:30px;color:#9b9b9b;}

.game_text2{background-color:#fbfbfb;margin:0 auto;width:100%;text-align:center;padding-top:40px;}

.game_text2 span{font-size:14px;color:#8d999d;}

.game_gif{width:100%;background-color:#fbfbfb;}

.game_gif_cont{width:10%;margin:0 auto;}

.game_text1{width:100%;background-color:#fbfbfb;}

.game_text3{width:13%;margin:0 auto;}

.game_gif2_cont{width:40%;margin:0 auto;}

.game_cont1{clear:both;width:100%;background-color:#fafafa;}

.game_cont1_actor{width:50%;margin:0 auto;overflow:hidden;clear:both;padding-bottom:80px;}

.game_cont2{clear:both;width:100%;background-color:#fafafa;padding-top:80px;}

.ct_cont1{clear:both;width:100%;background-color:#ffffff;}

.ct_cont1_img{width:50%;margin:0 auto;padding:60px 0;}

.ct_cont2{background-color:#f0f0f0;}

.ct_cont2 img{padding-top:45px;}

.ct_cont4{position:absolute;width:15%;right:10%;margin-top:-45px;}

.ct_cont5{position:absolute;width:15%;left:8%;margin-top:-9%;} 

.ct_cont6{margin-bottom:-5px;}

.ct_text{width:100%;height:45px;margin-top:-5px;}

.ct_text1{width:30%;background-color:#385ca6;height:45px;line-height:45px;text-align:center;color:#f6f7fa;float:right;margin-right:25%;}

@media(max-width:1024px){.ct_text1{margin-left:0;margin-right:0;width:100%;}}

.ct_cont3{width:100%;position:relative;}

.ct_cont3_cartoon{position:absolute;top:10.5%;left:25%;width:50.5%;}

.ct_cont4_cartoon{position:absolute;top:12.5%;left:25%;width:50%;display:none;}

.news_right{margin-left:10%;width:50%;float:left;margin-top: 5%;}

@media(max-width:1024px){.news_right{width:80%;margin-top: 5%;}}

.news_left{width:15%;float:left;margin:5% 0 10% 15%;}

@media(max-width:1024px){.news_left{width:80%;margin:5% 0 30% 15%;}}

.news_left_top{width:100%;height:40px;border:none;background-color:#d9d9d9;}

@media(max-width:1024px){.news_left_top{height:90px;border:none;background-color:#d9d9d9;}}

.news_left_top1{margin-left:3%;width:80%;height:40px;border:none;background-color:#d9d9d9;float:left;outline:none;}

@media(max-width:1024px){.news_left_top1{height:90px;border:none;background-color:#d9d9d9;font-size:22px;outline:none;}}

.btn_blue{width:17%;height:40px;border:none;background:#d9d9d9 url("../img/news3.png") no-repeat center center;cursor: pointer;}

@media(max-width:1024px){.btn_blue{height:90px;border:none;}}

.news_left_sec a{color:black;}

.news_left_sec{width:100%;font-size: 14px;}

@media(max-width:1024px){.news_left_sec{width:100%;}}

.news_left_sec1{height:300px;float:right;}

@media(max-width:1024px){.news_left_sec1{width:100%;font-size: 22px;}}

.news_left_sec1 h4{margin-top: 15%;}

@media(max-width:1024px){.news_left_sec1 h4{width:100%;font-size: 22px;margin-top: 10%;}}

@media(max-width:1024px){.news_left_sec1 ul{width:100%;margin-bottom: 5%;}}

.news_left_sec1 li{margin-top: 15%;}

@media(max-width:1024px){.news_left_sec1 li{width:100%;font-size: 22px;margin-top: 5%;}}

.news_right_fir1{float: left;}

.news_right_fir2{margin-left: 120px;margin-top: 2%;font-size: 18px;}

.news_right_fir2 a{color:black;}

.news_right_sec{margin-top: 5%;margin-left: 120px;}



.news_right_sec_font{font-size:14px;margin-top:5%;letter-spacing: 1px;line-height:20px;width:100%;margin-bottom: 5%;margin-left:120px;}



.news_right_fir2-p2{font-size: 14px;}

.news_right_fir2-p2 span{line-height:12px;display: inline-block;padding-right:10px;border-right: 1px solid black;height:12px;}

.news_right_fir2-p2 a{padding-left:8px;}


.focusBox{margin-left: 120px;height:430px;margin-top: 5%;position: relative; overflow:hidden;}
.bigPic{overflow:hidden;}