@charset "utf-8";
/*公共样式*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,q,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,ins,rp,rt,ruby{margin:0;padding:0;list-style:none;}
body{font:12px/1.5 arial,\5b8b\4f53; font-family: ProximaNova,Arial,"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","\5fae\8f6f\96c5\9ed1";-webkit-font-smoothing:antialiased;color:#3c3c3c; background:#fff;}
html{-webkit-text-size-adjust:none}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,details, figcaption,hgroup, main,section, summary,desc,defs{display:block;padding:0; margin:0;}
h1,h2,h3,h4,h5{font-size:100%;}
button,input,select,textarea{font-size:100%; resize:none;font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","\5fae\8f6f\96c5\9ed1"; box-sizing:content-box;}
table{border-collapse:collapse;border-spacing:0;}
img {border: 0;vertical-align: middle;}
a{text-decoration:none;color:#3c3c3c;}
button{ cursor:pointer;}
a:visited{}
a:hover{}
a:active{}
::selection {background-color:#690; color:#fff;}
::-moz-selection {background-color:#690; color:#fff;}
i{ font-family:wuxian; font-style:normal; vertical-align:middle;}
.clearfix:after{content: '';display: block;clear: both;height:0;visibility: hidden;_zoom:1;}
.fr{ float:right !important}


.nav{ background:#fff; height:80px; line-height:80px;}
.nav .logo{ display:block; float:left; width:293px; height:80px; background:url(../images/logo.png) center no-repeat;}
.nav .nav_con{ width:1280px; margin:0 auto;}
.nav .navlist{ float:right;}
.nav .navlist li{ float:left; padding:0 30px; font-size:15px; position:relative;}
.nav .navlist li:before{ position:absolute; content:''; display:block; width:1px; height:13px; background:#cacaca; right:0; top:34px; overflow:hidden;}
.nav .navlist li a:hover{ color:#d00;}
.barbor{ height:1px; overflow:hidden; background:url(../images/colorbar_623c2a2.png) repeat-y top center;}

.aboutus{ padding-top:100px; margin:0 auto; width:1280px;}
.about_con{ margin-bottom:35px;}
.news_con{ padding-top:100px; margin:0 auto; width:1280px; margin-bottom:35px}
.banner{ height:740px;}

#full-screen-slider { width:100%; height:740px; float:left; position:relative; overflow:hidden;}
#slides { display:block; width:100%; height:740px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:0; width:100%;top:700px; z-index:9900;  padding:5px 15px 5px 0; margin:0 !important; text-align:center;}
#pagination li { display:inline-block; list-style:none; width:10px; height:10px;margin:0 8px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}


.dolist{ width:1300px;}
.dolist li{ float:left; width:304px; height:430px; margin-right:20px; background:#fafafa;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.dolist li:hover{-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.dolist li .text{ padding:22px 28px;}
.dolist li .text dt{ text-align:center; font-size:18px; margin-bottom:15px;}
.dolist li .text dd{ text-align:center; color:#9c9c9c; line-height:24px; height:120px; overflow:hidden;}

.cases{ margin:0 auto; width:1280px; padding-top:100px;}
.cases h2{ margin-bottom:50px;}
.cases .highlight{ width:1300px; height:580px;overflow:hidden; margin-bottom:20px;}
.cases .highlight li{ float:left; margin:0 2px 2px 0; position:relative; overflow:hidden;}
.cases .highlight li .shadow{ position:absolute; bottom:-110px; left:0; width:100%; height:80px; padding:15px 0; background:rgba(0,0,0,0.7); color:#fff;-webkit-transition: all .2s linear;transition: all .2s linear;}
.cases .highlight li:hover .shadow{ bottom:0;}
.cases .highlight li .shadow h3{ font-size:22px; padding:0 15px; margin-bottom:5px; font-weight:normal;}
.cases .highlight li .shadow p{ padding:0 15px; font-size:14px; height:42px; overflow:hidden; opacity:0.86;}
.cases .highlight li.box1{ width:640px; height:580px;}
.cases .highlight li.box1 img{ width:640px; height:580px;}
.cases .highlight li.box2{ width:318px; height:289px;}
.cases .highlight li.box2 img{ width:318px; height:289px;}
.cases .highlight li.box3{ width:638px; height:289px;}
.cases .highlight li.box3 img{ width:638px; height:289px;}


.cases .highlight li.box2 .shadow{ height:60px; bottom:-80px; padding:10px 0;}
.cases .highlight li.box2:hover .shadow{ bottom:0;}

.cases .highlight li.box2 .shadow h3{ font-size:18px; margin-bottom:0;}
.cases .highlight li.box2 .shadow p{ font-size:12px; height:36px;}

.cases .othercase ul{ width:1300px;}
.cases .othercase li{ float:left; width:630px; height:360px; background:#fafafa; margin:0 20px 40px 0;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.cases .othercase li:hover{-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.cases h4{ text-align:center; font-size:24px; font-weight:normal; margin-bottom:20px; line-height:60px; position:relative}
.cases h4 span{ padding:0 30px; background:#fff; position:relative; z-index:9;}
.cases h4:before{ content:''; display:block; position:absolute; overflow:hidden; width:1000px; height:1px; background:#e0e0e0; left:50%; margin-left:-500px; z-index:8; top:30px;}
.cases .othercase li .img{ display:block; width:630px; height:260px; overflow:hidden;}
.cases .othercase li img{ width:630px; height:auto;}
.cases .othercase li .txt{ padding:15px; display:block;}
.cases .othercase li .txt .game_tit{ font-size:16px; margin-bottom:5px;}
.cases .othercase li .txt span{ display:block;}
.cases .othercase li .txt .game_con{ height:40px; line-height:20px;}

.case_exb{ overflow:hidden; height:580px; margin-bottom:30px;}
.exb_on{ height:auto;}
.cases .set_btn{ display:block; margin:0 auto; line-height:48px; text-align:center; width:210px; border:1px solid #b0b0b0; font-size:18px; position:relative; height:48px; margin-bottom: 30px;}
.cases .set_btn:before{ width:100%; height:100%; position:absolute; content:'展开案例'; display:block;}
.cases .set_on:before{ content:'收起案例'}
.corp{ background: url(../images/corp_02.jpg) no-repeat top center; height: 1199px;}
.contact{ width: 1280px; margin: 0 auto; line-height: 120px; font-size: 24px;}
.contact a{ color: #0064d3;}
footer{ background: #212121; color: #b0b0b0; line-height: 75px; text-align: center;}
.game_board{ padding: 40px 0; margin: 0 auto; width: 1280px; border-bottom: 1px solid #e0e0e0; padding-bottom: 100px;}
.game_board .game_img{ width: 676px; height: 380px; overflow: hidden; float: left; margin-right: 40px;}
.game_board .game_img img{ width: 676px; height: auto;}

.game_board .game_txt{float: left; width: 560px;}
.game_board .game_txt h1{ font-size: 32px;}
.game_board .game_txt .sup{ padding-bottom:40px; border-bottom: 1px solid #e0e0e0;}
.game_board .game_txt dl{width: 165px;float: left;margin: 60px 25px 0 0;}
.game_board .game_txt .last{ width: 145px; margin-right: 0;}
.game_board .game_txt dd{color: #6c6c6c; font-size: 14px;}
.game_board .game_txt dt{ color:3c3c3c; font-size: 18px;}
.game_board .game_txt .game_br{ padding-top: 10px;}
.game_board .game_txt .game_br p{ line-height: 21px; height: 42px; overflow: hidden;}
.section .contain{ padding: 60px 0; width: 1280px; margin: 0 auto; border-bottom: 1px solid #e0e0e0;}
.section .contain .sec_name{ width: 296px; float: left; margin-right: 14px; font-size: 24px;}
.section .contain .sec_name h2{ font-weight: normal;}
.section .contain .sec_con{ float: left; width:970px;}
.section .contain .sec_con{font-size: 16px; color: #666; line-height: 40px;}







.en .nav .navlist li{ font-size: 16px;}
.about_con h2{font-size:36px;line-height: 55px;margin: 70px 0 30px; text-align: center; color: #000; font-weight: normal;}
.en .about_con{ text-align: center;font-weight: 400;font-size: 16px;line-height: 28px;color: #616161;}
.about_con p{ width: 900px; margin: 0 auto;}
.en .aboutus{ padding: 0;}
.en .dolist li .text dd{ line-height: 22px; height: 176px;}
.en .dolist li{ height: 500px;}
.en .cases .title{ text-align: center;position: relative;font-size:36px;font-weight: normal;margin-bottom: 20px;line-height: 60px;}
.en .cases .title span{ padding:0 30px; background:#fff; position:relative; z-index:9;}
.en .cases .title:before{ content:''; display:block; position:absolute; overflow:hidden; width:1000px; height:1px; background:#e0e0e0; left:50%; margin-left:-500px; z-index:8; top:30px;}
.en .cases .set_btn:before{ content: 'More Projects'}
.en .cases .set_on:before{ content: 'Close'}
.en .corp{ background-image: url(../images/enlis_02.png)}
.en .section .contain .sec_con{ font-size:14px; width: 800px; padding-right: 170px; line-height: 36px;}


/* Basic Grey 基本灰色 */
.basic-grey {
 
    margin-left:auto;
 
         margin-right:auto;
 
/*       max-width: 500px; */
 
         background: #F7F7F7;
 
         padding: 25px 15px 25px 10px;
 
         font: 12px Georgia, "Times New Roman", Times, serif;
 
         color: #888;
 
         text-shadow: 1px 1px 1px #FFF;
 
         border:1px solid #E4E4E4;
 
}
 
.basic-grey h1 {
 
         font-size: 25px;
 
         padding: 0px 0px 10px 40px;
 
         display: block;
 
         border-bottom:1px solid #E4E4E4;
 
         margin: -10px -15px 30px -10px;;
 
         color: #888;
 
}
 
.basic-grey h1>span {
 
         display: block;
 
         font-size: 11px;
 
}
 
.basic-grey label {
 
         display: block;
 
         margin: 0px;
 
}
 
.basic-grey label>span {
 
         float: left;
 
         width: 20%;
 
         text-align: right;
 
         padding-right: 10px;
 
         margin-top: 10px;
 
         color: #888;
 
}
 
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
 
         border: 1px solid #DADADA;
 
         color: #888;
 
         height: 30px;
 
         margin-bottom: 16px;
 
         margin-right: 6px;
 
         margin-top: 2px;
 
         outline: 0 none;
 
         padding: 3px 3px 3px 5px;
 
         width: 70%;
 
         font-size: 12px;
 
         line-height:15px;
 
         box-shadow: inset 0px 1px 4px #ECECEC;
 
         -moz-box-shadow: inset 0px 1px 4px #ECECEC;
 
         -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
 
}
 
.basic-grey textarea{
 
         padding: 5px 3px 3px 5px;
 
}
 
.basic-grey select {
 
         background: #FFF url('down-arrow.png') no-repeat right;
 
         background: #FFF url('down-arrow.png') no-repeat right);
 
         appearance:none;
 
         -webkit-appearance:none;
 
         -moz-appearance: none;
 
         text-indent: 0.01px;
 
         text-overflow: '';
 
         width: 70%;
 
         height: 35px;
 
         line-height: 25px;
 
}
 
.basic-grey textarea{
 
         height:100px;
 
}
 
.basic-grey .button {
 
         background: #E27575;
 
         border: none;
 
         padding: 10px 25px 10px 25px;
 
         color: #FFF;
 
         box-shadow: 1px 1px 5px #B6B6B6;
 
         border-radius: 3px;
 
         text-shadow: 1px 1px 1px #9E3F3F;
 
         cursor: pointer;
 
}
 
.basic-grey .button:hover {
 
         background: #CF7A7A
 
}