@charset "utf-8";#container{background:#f2f2f2}
.navbox{width:100%;position:fixed;top:0;left:0;z-index:999999999999;background:rgba(0,0,0,0.8)}
.nofix{position:static}
.mynav{max-width:1200px;max-height:130px;margin:0 auto}
.mynav li{cursor:pointer;float:left;font-size:16px;width:10%;text-align:center;position:relative;z-index:9999}
.mynav li a{color:#9f9f9f;display:inline-block;padding:56px 0 48px;height:auto;position:relative;text-align:center}
.mynav span{display:inline-block;height:2px;background:#fff;width:100%;position:absolute;top:0;left:0;opacity:0}
.mynav li a:hover{color:#fff}
.mynav .on{color:#fff}
.mynav li a:hover span,.mynav .on span{top:85px;opacity:1}
.mynav li .menu{position:absolute;top:90px;left:50%;margin-left:-52%;width:100%;background:rgba(0,0,0,.7);filter:alpha(opacity=70);padding:0 2%;display:none}
.mynav li:hover .menu{display:block}
.mynav li .menu a{display:block;padding:0;height:30px;line-height:30px;position:static;color:#d4d4d4;font-size:14px;text-align:center;width:100%;white-space:nowrap;overflow:hidden}
.mynav li .menu a:hover{color:#fff}
.mynav .logo{float:left;width:20%;padding:16px 0}
.mynav .logo a{padding:0}
.topfix{position:fixed}
.topfix li a{padding:0;height:40px;line-height:40px}
.topfix .logo{padding:5px 0}
.topfix li a:hover span,.topfix .on span{top:40px;opacity:1}
.topfix li .menu{top:42px}
.tattoobox{width:28%;height:380px;overflow:hidden;border:1px solid #ccc;box-sizing:border-box}
.block_home_slider{position:relative;background-color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:center;line-height:0;margin-right:auto;margin-left:auto}
.block_home_slider .slide{position:relative;background-size:cover!important}
.block_home_slider .slide .b1{position:absolute;top:50%;left:50%;width:1200px;height:400px;margin:-200px 0 0 -600px}
.block_home_slider .slide .b1 p{margin-top:30px;font-size:24px;text-align:center}
.block_home_slider .caption{padding:13px 16px 12px;position:absolute;left:0;right:0;bottom:10px;background:url(bg_caption.png);text-align:left}
.block_home_slider .caption p{padding-bottom:0;font-size:11px;color:#dedede;text-shadow:0 -1px #000;line-height:17px}
.block_home_slider .caption p.title{padding-bottom:6px;font-size:15px;color:#fff;font-weight:bold;line-height:normal}
.block_home_slider .flex-direction-nav{display:none}
.block_home_slider .flex-direction-nav a{height:70px;width:40px;margin-top:-27px;display:block;position:absolute;top:50%;background-repeat:no-repeat;background-image:url(../img/arrow1.png);text-indent:-9000px}
.block_home_slider .flex-direction-nav a.flex-prev{left:10%;background-position:left top}
.block_home_slider .flex-direction-nav a.flex-prev:hover{background-position:left bottom}
.block_home_slider .flex-direction-nav a.flex-next{right:10%;background-position:right top;background-image:url(../img/arrow2.png)}
.block_home_slider .flex-direction-nav a.flex-next:hover{background-position:right bottom}
.block_home_slider .flex-control-paging{display:none!important;position:absolute;bottom:1rem;left:50%;margin-left:-50px;display:inline-block}
.block_home_slider .flex-control-paging li{margin:0;padding:0;float:left;overflow:hidden;list-style-type:none}
.block_home_slider .flex-control-paging li a{width:40px;height:4px;display:block;background-repeat:no-repeat;background:transparent;box-sizing:border-box;border:1px solid #555;margin:0 10px;text-indent:-9000px;cursor:pointer}
.block_home_slider .flex-control-paging li a.flex-active{background:#555}
.block_home_post_feature{width:300px}
.block_home_post_feature p{padding-bottom:0}
.flexslider{margin:0;padding:0}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden;list-style-type:none}
.flex-pauseplay span{text-transform:capitalize}
.casepic{margin:50px auto;background:#171819}
.bigpic{min-height:400px;max-height:800px;overflow:hidden}
.bigpic img{width:100%}
.section1{position:relative}
.section1 .mouse{position:absolute;bottom:20px;left:50%;margin-left:-13px;width:26px;height:55px;background:url(../img/mouse.png);text-align:center}
.section1 .mouse i{display:inline-block;width:10px;height:10px;background:#fff;border-radius:50%;margin-top:8px;-o-animation:pulse 2s infinite;-ms-animation:pulse 2s infinite;-moz-animation:pulse 2s infinite;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}
@-webkit-keyframes pulse{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes pulse{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.subad{width:100%;height:328px;background:url(../img/1.jpg) no-repeat center center}
.subadbox{display:table;width:100%;height:100%;text-align:left}
.subad_txt{display:table-cell;width:100%;vertical-align:middle}
.subad_txt strong,.subad_txt h1{display:block;text-transform:uppercase;font-size:40px;/* margin-bottom:20px*/}
.subad_txt p{font-size:20px;display: none;}
/* bread*/.bread{padding: 15px 0;color: #e8e8e8;font-size: 14px;}
.bread a{color: #cecece;/* font-size:14px;*/}
.casetxt{width:60%;line-height:2;margin:20px auto;display:none;}
.bread a:hover{color:#fff;}
.content{max-width:1200px;margin:0 auto}
.title{text-align:center;margin:50px auto 80px;width:324px;height:40px;border:1px solid #7d7d7d;position:relative;transform-style:preserve-3d;perspective:400px}
.title:hover{width:400px}
.title .tit{position:absolute;top:22px;background:rgba(0,0,0,.8);filter:alpha(opacity=80);display:inline-block;left:50%;width:138px;margin-left:-69px;display:block;font-size:32px;background:#000}
.title span{font-size:1.4rem;color:#959595;margin-top:6rem;text-transform:uppercase;display:inline-block;padding-bottom:4px;border-bottom:1px solid #959595}
.btnbox{text-align:center}
.btnmore{display:inline-block;* zoom:1;* display:inline;_zoom:1;_display:inline;background:transparent;color:#999;padding:8px 20px;box-sizing:border-box;border:1px solid #999;text-transform:uppercase;font-size:16px}
.btnmore:hover{color:#fff;border-color:#fff}
.section2{background:url(../img/casebg.jpg) no-repeat center;background-size:cover}
.team li{float:left;overflow:hidden;width:23%;position:relative;margin:0 1% 2rem;cursor:pointer}
.team .hover{display:block;top:-100%}
.team li:hover .hover{top:0}
.team .team_show{width:100%;height:100%;z-index:1;overflow:hidden}
.team .team_show a{display:block;height:100%}
.team .team_show p{bottom:0;width:100%;height:44px;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;text-align:center;font-size:16px}
.team .team_show img{width:100%;/*height:199px;*/height:100%;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;transition:all .8s}
.team .hover{position:absolute;left:0;width:100%;/*height:199px;*/height:100%;background:url(../img/view.png) repeat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;color:#fff;text-align:center;top:-100%;z-index:2}
.team .hover .infobox{height:220px;padding:3rem 1.5rem 2rem;text-align:left;overflow:hidden;margin-bottom:2rem}
.team .hover .tit{text-align:center;margin-bottom:1rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team .hover .tit strong{font-size:16px;font-weight:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team .hover .tit em{display:inline-block;width:20px;height:1px;background:#fff}
.team .hover p{line-height:2;white-space:normal;f;font-size:14px}
/*line-height:1.5;white-space:normal;line-height:2;color:inherit;margin:3rem auto}*/
.team .hover a:hover{background:#da1329}
.section .team .hover,
.section .team .team_show img{height:199px;}
.btn{display:inline-block;padding:.5rem 1rem;border:1px solid #fff;color:#fff;font-size:1.4rem}
.btn_zx{background:#dc3b36;color:#fff;border-color:#dc3b36}
.btn:hover{background:#fff;color:#333}
.btn_zx:hover{background:#e01e18;color:#fff}
.section3,.section5{background:url(../img/probg.jpg) no-repeat center;background-size:cover}
.prolist{width:33%}
.prolist li{width:49%;margin:0 .5% 5px;height:270px}
.prolist li .hover,.prolist li .team_show img{height:100%}
.probox{width:33%;height:545px;margin:0 .5%;overflow:hidden;position:relative}
.probox img{width:100%;height:100%}
.prolist li .hover{left:-100%;top:0}
.prolist .hover .infobox{height:180px;padding:20px 1.5rem 20px;margin:0}
.prolist li:hover .hover{left:0}
.probox .bd li{height:545px!important}
.probox .prev,.probox .next{display:block;opacity:.6;filter:alpha(opacity=60);position:absolute;top:50%;margin-top:-22px;width:45px;height:45px;background:url(../img/btn_l.png) no-repeat}
.probox .prev:hover,.probox .next:hover{opacity:1;filter:alpha(opacity=100)}
.probox .prev{left:2%}
.probox .next{right:2%;background:url(../img/btn_r.png) no-repeat}
.section4{background:#000;position:relative}
.conbox{position:absolute;width:1200px;height:700px;top:50%;left:50%;margin:-350px 0 0 -600px;z-index:2}
.page_container{position:absolute;left:0;top:0;width:100%;height:100%}
.news li{width:46%;color:#ddd}
.news .tit{border-bottom:1px solid #585959;height:40px;line-height:40px;margin-bottom:30px;color:#ddd;font-size:24px}
.news .tit .more{color:#666;font-size:12px;margin-top:5px;text-transform:uppercase}
.news .tit .more:hover{color:#fff}
.news .pic{position:relative;height:270px;overflow:hidden}
.news .pic img{width:100%;height:100%}
.news .first{height:435px}
.news .pic p{position:absolute;bottom:0;left:0;width:94%;padding:0 3%;height:50px;line-height:50px;text-align:left;color:#ddd;background:url(../img/tm_50.png) repeat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news .pic:hover p{background:rgba(0,0,0,.8);filter:alpha(opacity=80)}
.news .pic img:hover{-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.news .new{max-height:200px;overflow:hidden}
.news .new a:hover{color:#f49601}
.news .new .list{margin-top:12px}
.news .new .list li,.news .new_list li{float:none;width:100%;overflow:hidden;height:34px;line-height:34px}
.news .new .list li:hover p{color:#fff}
.news .new .list li:after{content:"";height:0;display:block;clear:both}
.news .new .list li a{display:block;width:100%}
.news .new .list li p{float:left;font-size:14px;width:76%;background:url(../img/icon.png) no-repeat 0 -2px;text-indent:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#afafaf}
.news .new .list li span{float:right;width:20%;font-size:12px;color:#666}
.news .new_list{overflow:hidden;height:450px}
.news .new_list li{height:150px;line-height:1.5;font-size:14px;margin-bottom:4px}
.news .new_list li span{display:block;width:100%;color:#666;font-size:12px}
.news .new_list .li_l{width:30%;height:100%;overflow:hidden}
.news .new_list .li_r{width:68%;height:100%;overflow:hidden}
.news .new_list .li_r .li_tit{border-bottom:1px solid #585959;padding:5px 0 8px 0;margin:0 0 10px 0;position:relative}
.news .new_list .li_r .li_tit em{position:absolute;background:#fff;display:block;width:20px;height:1px;bottom:-1px}
.news .new_list .li_r p{height:64px;color:#afafaf;overflow:hidden}
.news .new_list li:hover .li_r .li_tit em{width:100px}
.news .new_list li:hover .li_r p{color:#fff}
.news .new_list li:hover img{-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.section5 .title .tit{background:url(../img/tm_50.png) repeat}
.about{position:relative}
.about .ab_l{width:650px;height:450px;overflow:hidden}
.about .ab_l img{width:100%;height:100%}
.about .ab_r{position:absolute;right:0;top:30px;width:660px;height:370px;box-sizing:border-box;border:1px solid #fff}
.about .ab_r .con{background:#414141;width:540px;height:250px;position:absolute;left:-15px;top:15px;padding:60px;line-height:1.5;overflow:hidden}
.about .ab_r .con:hover::before{-webkit-transition:left .8s;-moz-transition:left .8s;transition:left .8s;left:480px}
.about .ab_r .con .tit{font-size:24px;margin-bottom:20px;display:block}
.about .ab_r .con:hover{-webkit-animation:pulse 1s .2s ease both;-moz-animation:pulse 1s .2s ease both;-o-animation:pulse 1s .2s ease both;-ms-animation:pulse 1s .2s ease both;animation:pulse 2s .2s ease both}
.about .ab_r .con p{font-size:14px;margin-bottom:30px;color:#d0d0d0}
.about .ab_r .con .btnmore{padding:4px 20px}
.mgvideobg_top{background-position:bottom;background-repeat:repeat-x;background-image:url(../img/4.png);text-align:center}
.mgvideobg_top a{margin:0 35px;display:inline-block;line-height:89px;color:#888}
.mgvideobg_top a:hover,.mgvideobg_top a.on{color:#fff;background-position:center bottom;background-repeat:repeat-x;background-image:url(../img/5.png)}
.caselist{width:100%;margin:50px auto}
.caselist li{width:31.333%;margin:0 1% 30px}
.caselist .team_show p{position:absolute;background:url(../img/tm_50.png) repeat}
.caselist li:hover .team_show p{bottom:-50px}
.products li{background:#505050;height:270px}
.products .team_show{position:absolute;top:0;left:0;z-index:2}
.products .hover{top:0;z-index:1}
.products .hover .infobox{padding:15px 20px;height:170px}
.products li:hover .team_show{top:100%}
.newlist{margin:50px auto}
.newlist li{border-bottom:1px dashed #999;margin-bottom:2rem}
.newhot{padding-bottom:2rem}
.newhot .pic{width:22%;height:115px;overflow:hidden}
.newhot .pic img{width:100%;height:100%;transition:all .3s}
.newhot .time{width:8%;padding:0 2%;margin:20px;margin-left:0;color:#666;border-right:1px solid #999}
.newhot .time b{display:block;font-size:2.8rem;margin-bottom:10px;color:#9a9a9a}
.newhot .info{width:53%;padding:20px 0}
.newhot .info strong{display:block;margin-bottom:10px;font-size:1.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newhot .info p{font-size:1.4rem;color:#666;height:42px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newhot .info .timeadds{display:none}
.newhot .more{width:10%;text-align:center;margin-top:40px}
.newhot .more span{display:inline-block;width:33px;height:33px;border-radius:50%;background:url(../img/news.png) #c10015}
.newhot:hover .more span{background:url(../img/news.png) 33px #c10015}
.article{margin:50px auto}
.article img{width:auto!important;height:auto!important}
.article .tit{font-size:2rem;line-height:1.5;margin-bottom:10px;text-align:center}
.article .date{text-align:center}
.article .date span{display:inline-block;margin:0 5px;color:#999;font-size:1.4rem}
.article .des{padding:50px 0;line-height:2}
.article .fanye a{display:block;font-size:1.4rem;margin:10px 0;text-align:left;color:#666}
.article .fanye a:hover{color:#fff}
.page{text-align:center;margin:30px auto 50px;height:30px;color:#666}
.page li{display:inline-block;*zoom:1;*display:inline;_zoom:1;_display:inline;padding:5px 10px;border:1px solid #797979;margin-right:5px;cursor:pointer}
.page li a{color:#555;display:block}
.page li:hover{background:#f5f5f5;color:#0064c4}
.page li.thisclass{background:#999;color:#fff}
.page li.thisclass a{text-decoration:none;cursor:default;border-color:#0064c4;color:#fff}
.page .pageinfo strong{font-weight:normal}
.grid{margin:50px auto}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;height:268px;width:31.33333333%;background:#3085a3;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;height:100%;width:100%;opacity:.8}
.grid figure figcaption{color:#fff;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure .tit{font-weight:800}
.grid figure p{letter-spacing:1px;font-size:14px;max-height:156px;overflow:hidden}
figure.effect-marley figcaption{text-align:left}
figure.effect-marley .tit,figure.effect-marley p{position:absolute;right:30px;left:30px;padding:10px 0}
figure.effect-marley p{bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
figure.effect-marley .tit{top:30px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
figure.effect-marley:hover .tit{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect-marley .tit::after{position:absolute;top:100%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
figure.effect-marley .tit::after,figure.effect-marley p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
figure.effect-marley:hover .tit::after,figure.effect-marley:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.num{background:#333;height:700px;background-position:center top;background-size:cover;background-repeat:no-repeat;overflow:hidden;position:relative}
.num_table{display:table;width:100%;height:100%;position:relative}
.JoinUsBtn{display:block;position:absolute;bottom:0;right:0;width:1.4rem;height:40px;line-height:40px;text-align:center;background:#fff}
.JoinUsBtn:before{content:'';width:0;height:1px;position:absolute;left:.1rem;top:50%;background:#e1181e}
.JoinUsBtn:after{content:'';width:0;height:1px;position:absolute;right:.1rem;top:50%;background:#e1181e}
.JoinUsBtn em{display:inline-block;position:relative;z-index:2;color:#e1181e}
.JoinUsBtn:hover:before,.JoinUsBtn:hover:after{width:10%}
.num_cell{display:table-cell;vertical-align:middle}
.full_warp{position:fixed;top:0;left:0;width:100%;height:100%}
#num_0{background-attachment:fixed;color:#fff;font-size:18px;padding-left:8%;padding-right:8%}
#num_0 .profile_img2{display:none}
#num_1{background:#fff}
.culture_info,.culture_img{line-height:1.5;color:#afafaf;float:left;width:50%;height:100%}
.culture_info{width:34%;padding:0 8%}
.culture_img{float:right}
.c_img_box{width:100%;height:100%;background-position:center top;background-size:cover;background-repeat:no-repeat;background-image:url(../img/about_03.jpg)}
.culture_logo{position:absolute;top:50%;left:50%;width:110px;height;height:110px;margin:-55px 0 0 -55px;z-index:100}
.culture_info .tit{margin-bottom:10px;color:#fff;font-size:30px;display:block}
.history-list{border-bottom:1px solid #ddd;margin:70px 50px 0}
.history-list li{float:left;margin-right:45px;padding-bottom:10px}
.history-list li a{color:#666;font-size:18px}
.history-list li a:hover,.history-list li.active a{color:#a97433;border-bottom:2px solid #a97433;padding-bottom:10px}
.history-listbox{margin-top:68px}
.history-listcon{margin:50px auto;padding:30px 0 60px;font-size:14px;color:#afafaf;position:relative;border-left:2px solid #0564a6;margin-left:180px}
.history-listcon .time-icon,.history-listcon .his-dot,.history-listcon .time-line{background:url(../img/icn_time.png) 0 0 no-repeat;display:block}
.history-listcon .time-icon{background-position:0 0;width:28px;height:28px;position:absolute;top:-27px;left:-14px}
.history-listin{position:relative;margin-bottom:30px}
.history-listcon .year{width:140px;position:absolute;top:9px;left:-145px}
.history-listcon .dev-history{padding:14px 24px;border:1px solid #4e4e4e;-moz-box-shadow:0 0 5px #e2e2e2;margin-left:44px;cursor:pointer;line-height:1.5}
.history-listcon .dev-history:hover{box-shadow:0 0 7px #d7d7d7;-webkit-box-shadow:0 0 7px #d7d7d7;-moz-box-shadow:0 0 7px #d7d7d7}
.history-listcon .his-dot{background-position:0 -41px;width:12px;height:12px;position:absolute;top:14px;left:-7px}
.history-listcon .xarrow{background:url(../../images/aboutus/his-arrow.png) 0 0 no-repeat;width:12px;height:17px;position:absolute;top:13px;left:34px}
.history-listcon .time-line{background-position:-26px -71px;width:3px;height:30px;position:absolute;bottom:-30px;left:-2px}
.history-listcon .more-his{width:210px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#444;display:block;border:1px solid #d8af7d;margin:60px auto 0;border-radius:5px;-moz-border-radius:5px;-moz-border-radius:5px}
.history-listcon .more-his:hover{background:#d8af7d;color:#fff}
.join_sec1{width:100%;height:600px;background:url('../img/join_02.jpg') fixed;background-size:cover}
.join_sec2{background:url('../img/join_03.jpg') fixed;color:#333}
.join_inner,.join_table{width:100%;height:100%;display:table}
.join_cell{display:table-cell;vertical-align:middle}
.page_txt{font-size:20px;line-height:normal}
.p1_txt{padding-left:8%}
.join_p1,.join_p2,.join_txt{position:relative;top:-20%}
.join_txt{top:20%}
.join_p1{font-weight:bold;font-size:68px}
.join_p2{font-size:40px;margin-bottom:30px}
.p2_txt{float:right;padding-right:8%}
.staff li{margin-bottom:50px}
.staff .team_show{width:200px;border-radius:50%}
.staff p{font-size:14px;color:#cacaca}
.staff .tit{font-size:20px;margin-top:10px;color:#fff}
.staff .stit span{display:inline-block;width:50%}
.staff .stit strong{font-weight:bold;color:#dcdcdc}
.staff .des{line-height:1.5}
.shili{margin:50px auto}
.shili li{text-align:center;width:23%}
.shili .team_show{height:200px;margin:0 auto}
.shili li p{height:40px;line-height:40px}
.join_sec3{width:100%;height:500px;margin:50px auto}
.page3_l{width:36%;height:100%;background-size:66.66%;text-align:center;float:left}
.p3_item,.p3_caption{display:inline-block;vertical-align:bottom}
.p3_item{width:70%;max-width:445px;position:relative}
.p3_item img{display:block}
.p3_item img.p3_item_img2{position:absolute;top:0;left:0;opacity:0}
.p3_caption{font-size:.35rem;padding-right:.30rem;background:url("../images/ico_08.png") right center no-repeat;background-size:.14rem;margin-left:-15.5%;margin-bottom:8%}
.p3_caption span{display:block;width:.60rem;line-height:1.1;padding:0 .13rem;border-left:1px solid #000;border-right:1px solid #000}
.page3_cur .p3_item img.p3_item_img2{opacity:1}
.page3_r{width:56%;float:right}
.r_inner{width:100%}
.post_tit{font-size:26px;marg;margin-bottom:30px}
.join_list{position:relative}
.post_line a{display:block;padding:10px 0;cursor:pointer;display:block;overflow:hidden;padding:20px 0;line-height:33px;border-bottom:1px solid #989898;font-size:14px}
.post_line:first-child a{border-top:1px solid #989898}
.post_more{display:block;float:right;width:123px;height:33px;text-align:center;line-height:33px;background-color:#e52105;color:#fff}
.post_more:hover{background-color:#a52105}
.line_r{overflow:hidden}
.line_r span{display:block;height:33px;overflow:hidden;float:left;margin-right:4%}
.line_r span.post_name{font-size:20px;width:22%}
#join_scr .owl-controls{margin:0}
#join_scr .owl-buttons{position:absolute;top:-.70rem;right:0}
#join_scr .owl-buttons div{width:.32rem;height:.28rem;border-radius:0;opacity:1;padding:0;margin:0 3px;font-size:0;background:#000 url("../images/ico_07a.png") center center no-repeat;background-size:.10rem}
#join_scr .owl-buttons div.owl-next{background-image:url("../images/ico_07b.png")}
#join_scr .owl-buttons div:hover{background-color:#e52105}
.post_detail{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;text-align:center;padding-left:8%;display:none}
.post_closed{cursor:pointer;position:absolute;top:50%;left:0;width:1rem;height:1.20rem;margin:-.60rem 0 0 -.50rem;background:url("../images/ico_10.png") right center no-repeat;background-size:contain;font-size:0}
.post_closed:before{content:"";position:absolute;top:50%;left:50%;width:.20rem;height:.20rem;margin:-.10rem 0 0 -.10rem;background:url("../images/ico_09.png") no-repeat}
.post_closed:hover:before{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
#serFocus,.post_info{height:100%}
.post_item{font-size:.32rem;margin-bottom:.10rem}
.post_intro{font-size:.18rem;margin-bottom:.30rem}
.post_intro span{padding:0 .30rem}
.post_apply{float:none;margin:0 auto}
.post_des{margin-top:.30rem;line-height:22px;overflow:hidden;color:#666;text-align:left}
.contact{height:650px;background-color:#333;position:relative}
.contact_map,.contact_info{width:50%;height:100%;position:absolute;top:0;left:0;background-position:center top;background-size:cover;background-repeat:no-repeat}
.contact_map{background:#666}
.contact_map img{
    /*max-width:none!important;*/
    /*max-height:none!important*/
    height: 650px;
    
}
.contact_map .BMap_Marker div{width:20px!important;height:25px!important;left:-15px!Important}
.contact_map .BMap_Marker img{top:-21px!important;left:-45px!important}
.contact_map .BMapLabel{padding:2px 5px!important;color:red!important;font-family:"microsoft yahei"!important;font-size:18px!important}
.contact_map .iw_poi_title{font-size:18px;color:red;display:block;margin-bottom:6px}
.contact_info{left:50%;max-width:650px;padding:4% 4% 0 4%;color:#afafaf}
.contact_tit{text-transform:uppercase;line-height:1;font-size:52px;margin-bottom:30px}
.contact_tit span{display:inline-block;position:relative;padding-right:100px}
.contact_tit span:before{content:"";position:absolute;bottom:0;right:0;width:80px;height:1px;background:#2b2b2b}
.contact_list{margin-bottom:30px}
.contact_list li{font-size:16px;line-height:30px}
.contact_list li img{vertical-align:middle;margin-right:10px}
.message_tit{font-size:24px;margin-bottom:10px}
.message_tit span{font-size:16px;margin-left:5px}
.must_write{color:#999;font-size:14px;margin-left:20px}
.must_write i{color:red}
.message_tip{color:#999;background:url("../img/about_13.png") left top no-repeat;padding-left:30px;height:22px}
.message_form{width:100%;max-width:610px;overflow:hidden;margin:15px -25px 0}
.form_line{overflow:hidden;width:40%;float:left;padding:0 25px;position:relative}
.must_ico{font-size:16px;color:red;position:absolute;top:50%;left:25px;margin-top:-4px}
.form_txt,.form_yu{width:100%;height:40px;padding-left:10px;border-bottom:1px solid #e5e5e5;background:transparent}
.line_dif{width:100%}
.form_yu{height:70px;resize:none;padding-top:10px;border:0;border-bottom:1px solid #e5e5e5}
.form_check,.form_handle{margin-top:10px}
.form_check .form_txt{overflow:hidden;width:25%}
.check_code{display:inline-block;vertical-align:middle;margin-left:15px}
.form_handle{text-align:right}
.form_submit{cursor:pointer;width:57%;height:40px;background:#e1181e;color:#fff}
.webmap{margin:50px auto}
.webmap ul{padding-bottom:20px;margin-bottom:30px;border-bottom:1px dotted #888}
.webmap ul .tit{text-align:left;display:block;width:100%;padding:15px 0;border-bottom:2px solid #8a8a8a;margin-bottom:20px;font-size:22px;font-weight:500}
.webmap ul li{display:inline-block;*display:inline;*zoom:1;_display:inline;_zoom:1;padding-right:20px}
.webmap a{color:#b7b7b7}
.webmap a:hover{color:#fff}
.footer{background:#010303;color:#828282}
.footer{background:#010303;color:#828282}
.foot_bot{padding-bottom:20px}
.foot_bot .link{margin:0 auto;padding:15px 0;border-bottom:1px solid #555;color:#808080;font-size:14px}
.foot_bot .link a{color:#828282;margin:0 5px}
.foot_bot .link a:hover,.foot_bot .cop a.xhr:hover{color:#fff}
.foot_bot .fnav{font-size:14px;text-align:left;padding:25px 0;border-bottom:1px solid #555;margin-bottom:20px}
.foot_bot .fnav .iabout_b{float:left;width:32%;margin:10px 0 0 0}
.foot_bot .fnav .iabout_b li{height:26px}
.foot_tit{font-size:18px;margin-bottom:10px}
.foot_code{width:30%;text-align:right}
.foot_code li{display:inline-block;*zoom:1;*display:inline;_zoom:1;_display:inline;margin:0 20px 0 0;text-align:center}
.foot_code li img{width:110px;height:110px}
.foot_code li p{margin-top:5px}
.code_img{float:left;width:110px;text-align:center}
.code_img img{display:inline-block}
.code_img div{font-size:14px;color:#fff;padding-top:10px;text-align:center}
.code_img div img{vertical-align:middle}
.foonavf{width:34%;margin:10px 2% 0;text-align:left}
.foonavf i{float:left;width:90px;height:25px;background:#6aa84f;line-height:25px;text-align:center;color:#fff;font-style:normal;font-size:14px}
.foonavf a{color:#828282;display:inline-block;width:32.333%;font-size:14px;position:relative;text-align:left;height:26px;line-height:26px}
.foot_bot .cop{margin:10px 0 0;font-size:12px;text-align:center}
.foot_bot .cop a{color:#828282}
.foot_bot .cop a:hover,.foot_bot .fnav a:hover{color:#fff}
.foot_bot .cop em{padding:0 10px;color:#dedede}
.foot_bot .cop span{margin-left:20px}
.foot_bot .cop a.xhr{color:#c9c9c9;font-family:Arial,Helvetica,sans-serif}
.fixed{position:fixed;right:0;bottom:100px;cursor:pointer;z-index:99999}
.fixed i{display:block;width:48px;height:40px;background:#ddd url(../img/return2.png) no-repeat center;text-indent:-9999px;transition:.3s ease 0s;position:relative;z-index:9}
.fixed:hover i{background:#f00 url(../img/return2.png) no-repeat center}
.fixed span{background:#f00;color:#fff;position:absolute;top:0;right:-100px;display:block;width:80px;height:40px;line-height:40px;text-align:center;font-size:14px;border-radius:2px 0 0 2px}
.fixed:hover span{right:48px}
.servicebody_mid{margin:0;padding:0;width:100%;overflow:hidden;background:#131313}
.servicebody_mid_left{float:right;width:28%;margin:0;padding:0;min-height:770px;position:relative;background-color:#2e2e2e}
.servicebody_mid_right{float:left;width:72%;margin:0;padding:0;background-color:#131313}
.servicebody_mid_left_mid{padding:0 50px}
.servicebody_mid_left_mid .tit{padding-bottom:5px;padding-top:50px;text-align:left}
.servicebody_mid_left_mid .stit{font-size:14px;color:#656565;font-family:'helvetica'}
.servicebody_mid_left_tj li{float:left;width:48%;text-align:center;margin-bottom:10px}
.servicebody_mid_left_tj li:nth-child(2n){float:right}
.servicebody_mid_left_tj .pic{height:84px;overflow:hidden}
.servicebody_mid_left_tj li p{font-size:14px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.servicebody_mid_left_tj li img{width:100%;-webkit-transition-duration:.5s;transition-duration:.5s}
.servicebody_mid_left_tj{padding-top:7%;height: 350px;overflow:hidden;}
.servicebody_mid_left_tj li a{color:#bcbdbd}
.servicebody_mid_left_tj li a:hover{color:#fff}
.servicebody_mid_left_tj li:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.servicebody_mid_left_mid_jj{font-size:14px;color:#999;padding:20px 0;border-bottom:1px #444 dotted;line-height:1.5}
.service_list_menu{padding:20px 0}
.service_list_menu a{width:129px;text-align:center;float:left;display:inline-block;line-height:32px;background-color:#3a3a3a;font-size:14px;color:#999}
.service_list_menu a:hover,.service_list_menu a.on{background-color:#282828;color:#fff}
.servicebody_mid_right_mid{padding:50px}
.servicebody_mid_right_mid .tit{text-align:left}
.servicebody_mid_left_footer{position:absolute;left:0;top:0;padding:0 50px;text-align:center}
.servicebody_mid_left_footer img{max-width:100%}
.design_box{margin:30px 0 60px}
.design_box .flex-control-paging{display:block!important;bottom:-20px;width:50%;margin-left:-25%;text-align:center}
.design_box .flex-control-paging li{display:inline-block;*zoom:1;*display:inline;_display:inline;_zoom:1;float:none}
.proshow_jj_more{display:inline-block;background-color:#999;color:#fff;line-height:37px;padding:0 40px}
.proshow_jj_more:hover{background-color:#666}