@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'HelveticaHv'; src: url('HelveticaHv.ttf');
} 
body{ padding:0px; margin:0px; height:100%; overflow:hidden; }
.map_mm { width:1200px; background:url(../images/dit.jpg) center no-repeat; margin:auto; height:568px; display:none; margin-top:5%;}
.map_ms1 {width:1200px; background:url(../images/dit1.jpg) center no-repeat; margin:auto; height:568px;display:none;  position:absolute; }
.map_ms2 {width:1200px; background:url(../images/dit2.jpg) center no-repeat; margin:auto; height:568px;display:none;  position:absolute; }
.map_ms3 {width:1200px; background:url(../images/dit3.jpg) center no-repeat; margin:auto; height:568px;display:none;  position:absolute; }
.map_ms4 {width:1200px; background:url(../images/dit4.jpg) center no-repeat; margin:auto; height:568px; display:none; position:absolute;}
.map_ms5 {width:1200px; background:url(../images/dit5.jpg) center no-repeat; margin:auto; height:568px;display:none;  position:absolute; }
.map_ms6 {width:1200px; background:url(../images/dit6.jpg) center no-repeat; margin:auto; height:568px;display:none;  position:absolute; }
.map_ms7 {width:1200px; background:url(../images/dit7.jpg) center no-repeat; margin:auto; height:568px; display:none; position:absolute;}
.map_ms8 {width:1200px; background:url(../images/dit8.jpg) center no-repeat; margin:auto; height:568px;display:none;  position:absolute; }
.line-dx { border-bottom:1px solid #333; width:70px; height:1px; margin-top:10px; margin-left:5px; margin-right:5px;}
.mar-zb{ margin-left:-18px;}
.line-cx { border-bottom:1px solid #333; width:70px; height:1px; margin-top:10px; margin-left:5px; margin-right:5px;}
.circol { width:10px; height:10px; background:#01ada1; border-radius:50%; margin-top:5px; }
.map_dm1:hover .circol{box-shadow:0 0 0 8px #d0d0d0;}
.logo_tb{ display:block; width:138px; height:62px;}
.logo_tb img { display:block; width:100%;}
.clear_index{ height:auto; overflow:hidden;  clear:both; padding-top:80px;}
.map_dm1 { font-size:16px;}
.map_dm1 span { float:left; display:block;}
#map_mm1 { width: auto; height:31px; position:relative; top:220px; left:175px; z-index:1;}
#map_mm2 { width: auto; height:31px; position:relative; top:182px; left:548px;z-index:1;}
#map_mm3 { width: auto; height:31px; position:relative; top:206px; left:638px;z-index:1;}
#map_mm4 { width: auto; height:31px; position:relative; top:195px; left:640px;z-index:1;}
#map_mm5 { width: auto; height:31px; position:relative; top:150px; left:873px;z-index:1;}
#map_mm6 { width: auto; height:31px; position:relative; top:145px; left:860px;z-index:1;}
#map_mm7 { width: auto; height:31px; position:relative; top:158px; left:851px;z-index:1;}
#map_mm8 { width: auto; height:31px; position:relative; top:31px; left:918px;z-index:1;}


#hover_mm1 { width: auto; height:31px; position:relative; top:220px; left:175px; z-index:1;}
#hover_mm2 { width: auto; height:31px; position:relative; top:213px; left:548px;z-index:1;}
#hover_mm3 { width: auto; height:31px; position:relative; top:268px; left:638px;z-index:1;}
#hover_mm4 { width: auto; height:31px; position:relative; top:288px; left:640px;z-index:1;}
#hover_mm5 { width: auto; height:31px; position:relative; top:274px; left:873px;z-index:1;}
#hover_mm6 { width: auto; height:31px; position:relative; top:300px; left:860px;z-index:1;}
#hover_mm7 { width: auto; height:31px; position:relative; top:344px; left:851px;z-index:1;}
#hover_mm8 { width: auto; height:31px; position:relative; top:248px; left:918px;z-index:1;}



/*.yd_color1{ background:none;}*/
.yd_color1 .circol{ background:#01ada1; box-shadow:0 0 0 8px rgba(102,206,198,0.5);}
.hover_bj { display:none;}


.tanchu_js { position:absolute; height:auto;}
.niuyue_js { width:323px; height:288px; position:relative; left:-235px; top:-20px; display:none;}
.bis_js { width:323px; height:288px; position:relative; left:980px; top:-35px; display:none;}
.changsha_js{width:323px; height:288px; position:relative; left:-245px; top:30px; display:none;}
.guangzhou_js{width:323px; height:288px; position:relative; left:-245px; top:55px; display:none;}
.shanghai_js{width:323px; height:288px; position:relative; left:1036px; top:35px; display:none;}
.hongkong_js{width:323px; height:288px; position:relative; left:1142px; top:55px; display:none;}
.southeast_js{width:323px; height:288px; position:relative; left:1126px; top:105px; display:none;}
.daban_js{width:323px; height:288px; position:relative; left:1120px; top:15px; display:none;}
.jies_bj { background:#fff; width:300px; height:200px; box-shadow: 0 0 12px 0 #ccc; border-radius:5px;}
.jies_bj img{ float:left; width:200px; height:200px; border-radius:5px; display:block;}
.maps_wzjs { width:100px; height:200px; float:right;}
.maps_wzjs h4{ font-weight:normal; text-align:right; font-size:10px; padding-right:10px;}
.en_zj { font-size:10px; padding-top:10px; text-align:right; font-weight:bolder; padding-right:10px;}
.maps_wzjs p{ font-size:10px; text-align:right; padding-right:10px; position: absolute; right:0px; bottom:10px;}
.en_zj span{ font-weight:normal;}









.work_index{ width:81%; height:auto; overflow:hidden; margin:auto; padding-top:150px; }
.work_index h1{ text-align:center; font-size:20px;}
.work_index h1 span { display:block; margin:auto; width:40px; height:1px; background:#000; margin-top:7px;}
.work_sym{ text-align:center; height:auto; overflow:hidden; margin-top:20px;}
.work_sy { width:23.8%; height: auto; float:left;  border-radius:6px; margin-left:1%; margin-top:1%; max-width:369px;  }
.work_sy img{ width:100%; display:block; border-radius:7px;}


.sever_index{ padding-top:100px;}
.sever_mmp { text-align:center; height:auto; overflow:hidden; padding-top:30px;}
.sever_list{ float:left; width:19%; margin-left:1%;}
.sever_bt{ border:1px solid #888888; height:55px; line-height:55px; text-align:center; border-radius:5px; font-size:16px; font-weight:bolder;}
.sever_bt a{ display:block;}
.span_yq{ width:10px; height:10px; display:block; float:right; background:#00ada0; border-radius:50%; position:relative; right:20px; top:-32px;}
.sever_zk { height:auto; overflow:hidden; border:1px solid #888888; border-top:none; margin-top:-5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; clear:both; position:relative; top:-13px; display:none;}
.sever_zk  ul { padding:0px; margin:0px;  padding-top:15px;}
.sever_zk  ul li{ list-style-type:none; font-size:13px; display:block; line-height:25px; margin-bottom:5px;}
.sever_zk  ul li a{ color:#666;}
.sever_zk  ul li a:hover{ color:#00ada0;}
.sq_line { width:15px; height:3px; background:#00ada0; float:right; margin-bottom:20px; position:relative; right:20px;}

.about_jj { width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:50px;}
.about_jj p{ line-height:36px; text-align:center;}
.line-xx { width:40px; height:1px; margin:auto; background:#000; display:block; margin-top:50px;}
.logo_zj { width:169px; height:87px; margin:auto; margin-top:30px;}

.index_footer { height:800px; background:#141414;}
.index_footer h3{ color:#fff; text-align:center; font-size:50px; padding-top:180px;} 
.ma_ww img{ display:block; width:114px; height:114px; margin:auto;}
.banq { color:#fff; text-align:center; padding-top:50px;}
.dbdz { width:1200px; text-align:center; color:#444444; font-size:13px; margin:auto; padding-top:120px;}






/*项目*/
.left_zb { width:600px; float:left; height:auto; overflow:hidden; position:relative; left:50px;}
.right_yb { float:left; height:auto; overflow:hidden;}
.project_main { width:auto; height:auto; overflow:hidden; margin-top:25px; position:relative;}
.madegame img { width:370px; height:288px; border-radius:7px;} 
.xmmc_bt {color:#000; width:380px; margin:auto; padding-top:20%;}
.xmmc_bt a{ display:block; color:#999;}
.xmmc_bt h2{ display:inline-block; font-size:21px; padding-right:10px;}
.xmmc_bt span{display:inline-block; font-size:15px; color:#333; position:relative; }
.ppbz_bt { color:#999; width:380px; margin:auto; padding-top:20px;}
.ppbz_bt a{ display:block; color:#999;}
.ppbz_bt h3{display:inline-block; font-size:21px; padding-right:10px;}
.ppbz_bt span{display:inline-block; font-size:15px; color:#999; position:relative; }
.ppbz_two { height:auto; overflow:hidden; position:relative; padding-top:28%;}
.sbfs_title { width:100%; height:70px;  color:#fff; position:relative; margin-top:-70px; display:block; border-bottom-left-radius:7px; border-bottom-right-radius:7px; display:none;  background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.7));}
.sbfs_title h3{  height:40px; line-height:40px; width:90%; margin:auto; display:block; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:normal; font-size:15px; text-align:left;}
.sbfs_title p{line-height:10px; height:15px; width:90%; margin:auto; display:block; font-size:13px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; text-align:left;}
.bottom_pro { clear:both;}




/* 案例展示详细*/
.cpxq_ny{ height:auto; width:70%; margin:auto; overflow:hidden; padding-top:50px; padding-bottom:90px;} 
.cpmc_bt { height:auto; overflow:hidden;}
.cpmc_bt h3{ font-size:16px; padding:0px; margin:0px;}
.cpmc_bt p{ padding:0px; margin:0px; font-size:14px;}
.cpxq_wzjs { height:auto; overflow:hidden; padding-top:50px;}
.cpxq_left { width:25%; float:left;}
.cpxq_left p{ font-size:14px; line-height:25px;}
.cpxq_right{ font-size:15px; float:right; width:75%; line-height:22px; border-left:1px solid #333; padding-left:5%;}
.cpxq_right p{ padding:0px; margin:0px;}
.tpjs img { width:100%; height:auto; display:block; margin:auto; padding-top:15px;}
.tpjs{ padding-top:50px; }
.case_gd { height:auto; overflow:hidden; padding:100px 0px; padding-bottom:80px;}
.case_gd img { border-radius:6px;}


/* 关于我们*/
.dywz_ny { width:81%; margin:auto; overflow:hidden;}
.dywz_left{ width:40%; float:left; height:100%; overflow:hidden; position:fixed; left:80px;}
.wzdy_tit { padding-top:25%;}
.dywz_right { height:auto; overflow:hidden; width:60%; float:right; padding-top:3%; padding-bottom:80px; padding-left:5.5%;}
.about_one { font-size:16px; font-weight:bolder; line-height:25px;}
.about_tw { height:auto; overflow:hidden; font-size:14px; line-height:27px; padding-top:40px; }
.about_tw h2{ font-size:15px; padding:0px; margin:0px; padding-bottom:5px;}
.about_tw p{ padding:0px; margin:0px;}
.yzjz { height:auto; overflow:hidden; padding-top:70px;  }
.yzjz_list{margin-bottom:5px;}
.yzjz span{ width:150px; height:16px; background:#00ada0; display:inline-block; color:#fff; text-align:right; line-height:16px; font-size:12px; padding-right:10px; margin-left:20px;}
.about_three { height:auto; overflow:hidden; padding-top:40px;}
.about_nav { width:110px; height:auto; overflow:hidden; float:left; margin-left:50px;}
.about_nav:first-child{ margin-left:0px;}
.ab_nav { height:50px; line-height:50px; border-bottom:1px solid #000; font-size:15px;}
.about_nav ul { display:block; list-style:none; padding:0px; margin:0px;}
.about_nav ul li{ font-size:13px; height:30px; line-height:30px;}
.about_nav ul li a{ color:#888888;}
.about_four { height:auto; overflow:auto; padding-top:40px; margin-left:-20px;}
.case_f1{ width:25%; float:left; margin-bottom:25px;}
.case_f1 img { width:113px; height:54px; display:block;}



/*加入我们*/
.join_ss p{ line-height:35px;}
.four_join{ height:auto; overflow:hidden;}
.zw_list { width:100px; height:auto; overflow:hidden; float:left; margin-left:50px; padding-top:50px;}
.zw_list:first-child{ margin-left:0px;}
.zw_top {height:50px; line-height:50px; border-bottom:1px solid #000; font-size:15px;}
.zw_bot {height:40px; overflow:hidden; line-height:40px; font-size:14px;}
.join_five { padding-top:60px;}
.join_bt { font-size:15px;padding-bottom:9px;}
.join_bt span{ display:block; font-size:13px;}
.join_five p { font-size:14px; line-height:26px;}
.line-hxt{ width:110px; height:1px; background:#000;}



.conduct_dt { width:847px; height:532px; margin:auto;}
.conduct_dt img{ display:block; width:100%;}
.conduct_smqk { height:auto; overflow:hidden; padding-top:20px;}
.duct_list{ float:left; width:45%; }
.duct_list:first-child{ width:25%;}
.duct_list:last-child{ width:27%; margin-left:3%;}
.duct_list p{ line-height:30px; font-size:13px;  }
.comp_mc p{ line-height:30px;}
.two_duct { padding:0px;}


/*footer*/
.footer_nav { height:70px; border-top:1px solid #000; line-height:70px; text-align:center; background:#fff; position:fixed; bottom:0px; width:100%; z-index:9;}
.nav_db { height:auto; font-size:15px; display: inline-block; padding:0 15px;}
.nav_db a{ color:#333;}
.nav_db:hover{ opacity:0.5;}




.liz_xg{ font-size:70px; text-align:center; margin:auto; font-weight:bolder; font-family: 'HelveticaHv'; margin-top:5%;  height:568px; }
.liz_xg span{ position:relative; display:block; top:35%;}
.wzsm{ height:auto; width:90%; margin: auto; overflow:hidden; padding-top:25px;}
.wzsm_tp { height: auto; width:50%; overflow:hidden; float:left;}
.wzsm_tp span{ display:block; float:left; font-size:16px; width:33%; font-weight:bolder; text-align:center;}
.wzsm_tp span:first-child{ width:33%; text-align:left;}
.wzsm_tp span:last-child{ width:25%;}
.hxp { height:1px; background:#000; width:30%; margin-top:10px;}
.wzsm_bt{ height:auto; overflow:hidden; width:50%; float:left;}
.btsm1{ width:33%; height:auto; overflow:hidden; float:left;}
.btsm1 h3{ font-size:16px;  height:30px; display:block; margin-top:0px; }
.btsm1 p{ font-size:16px; font-weight:bolder;}
.btsm1 p span{ color:#00ada0;}
.btsm1:first-child{ width:38%;}
.btsm1:last-child{ width:25%;}