@charset "utf-8";
html, body { height:100%;}
body { margin:0; text-align:center;}
a{ text-decoration:none;}
img { border:0;}
/*img,div { border:0; _behavior:url("../js/iepngfix.htc");}*/

.height14 {line-height: 14px}
.height16 {line-height: 16px}
.height18 {line-height: 18px}
.height20 {line-height: 20px}
.height22 {line-height: 22px}
.height24 {line-height: 24px}
.height26 {line-height: 26px}
.height28 {line-height: 28px}
.height30 {line-height: 30px}
.height36 {line-height: 36px}
.size10 {font-size: 10px;}
.size11 {font-size: 11px;}
.size12b {font-size: 12px;font-weight: bold;}
.size14 {font-size: 14px;}
.size14b {font-size: 14px;font-weight: bold;}
.size16 {font-size: 16px;}
.size16b {font-size: 16px;font-weight: bold;}
.size18 {font-size: 18px;}
.size18b {font-size: 18px;font-weight: bold;}
.none {display:none;}
.clear{clear:both;}

#menu { position:fixed; z-index:1000; top:0; width:100%;}
#menu_box { position:absolute; top:0; left:0; width:100%; height:80px; background:#FFFFFF; box-shadow: 0 0 8px #0004; -moz-transition:top .5s; -webkit-transition:top .5s;}
#menu_box.hide { top:-80px;}
#menu_logo { position:absolute; top:10px; left:26px;}
#menu_list { padding-left:100px;}
#menu_list a{ display:inline-block; position:relative; margin-top:15px; width:8%; /* min-width:90px; max-width:140px; */ height:50px; color:#7F7F7F; overflow:hidden;}
#menu_list a:not(:first-child)::before { content:''; position:absolute; left:0; top:50%; width:1px; height:18px; margin-top: -9px; background:#0002;}
#menu_list a p{ position:absolute; top:0; margin:0; width:100%; font:18px/50px "Futura Md BT", Arial, "Microsoft YaHei"; -moz-transition:top .3s; -webkit-transition:top .3s;}
#menu_list a:hover p, #menu_list a.sel p{ top:-50px;}
#menu_list a p span{ color:#CC0000;}
#menu_index { position:absolute; top:55px; left:24%; width:50%; -moz-transition:top .3s; -webkit-transition:top .3s;}
#menu_index.hide { top: 0px;}
#menu_index a { position: relative; width:15%;}
#menu_index a:not(:first-child)::before { content:''; position:absolute; left:0; top:50%; width:1px; height:18px; margin-top: -9px; background:#fff6;}
#menu_index a p { font-weight:normal; color:#FFFFFF;}
#menu_index a p span {color:#ffffff;}
#applet { position:absolute; top:74px; right:180px; cursor:pointer; font-size: 18px; -moz-transition:top .3s; -webkit-transition:top .3s;}
#applet.hide { top:20px;}
#applet a { display:block; padding: 0 3em 0 1.5em; line-height: 40px; border-radius: 20px; background:#0002 url(/images/menu_applet_arrow1.png) no-repeat 88% 50%; color:#ffffff; -moz-transition:all .2s; -webkit-transition:all .2s; animation:menu_applet_arrow .6s alternate infinite ease-out}
#applet.hide a { background:#0000 url(/images/menu_applet_arrow2.png) no-repeat 88% 50%; color:#666;}
#applet a:hover { background-color:#0006; background-image:url(/images/menu_applet_arrow1.png); color: #fff;}
#h5_ewm { position:absolute; top:70px; right:80px; cursor:pointer; -moz-transition:top .3s; -webkit-transition:top .3s;}
#h5_ewm.hide { top:14px;}
#h5_ewm span { display:block; width:50px; height:50px; line-height:50px; border-radius:50%; background:#fffb; color:#0009; font-size:20px; font-weight:bold; -moz-transition:all .2s; -webkit-transition:all .2s;}
#h5_ewm.hide span { background:#0009; color:#fffb;}
#h5_ewm .ewm { position:absolute; top:60px; left:50%; margin-left:-60px; width:120px; display:none;}
#h5_ewm:hover .ewm { display:block;}

#bottom { height:460px; background:#181716;}
#bottom .bottom_box1 { position:relative; margin:auto; padding:70px 0; width:980px;}
#bottom .bottom_box1 img.info1 { position:absolute; top:70px; left:0;}
#bottom .bottom_box1 img.info3 { position:absolute; top:70px; right:0;}
#bottom .bottom_box2 { position:relative; margin:auto; padding:10px 0 0; width:980px;}
#bottom .bottom_box2 .left { text-align:left;}
#bottom .bottom_box2 .left .info1 { padding:10px 0;}
#bottom .bottom_box2 .left .menu { width:600px; height:42px; border:1px solid #454545; border-left:0; border-right:0; text-align:center;}
#bottom .bottom_box2 .left .menu a{ display:inline-block; position:relative; width:110px; height:40px; color:#7F7F7F; overflow:hidden;}
#bottom .bottom_box2 .left .menu a p{ position:absolute; top:0; margin:0; width:100%; font: bold 18px/40px "Futura Md BT", Arial, "Microsoft YaHei"; -moz-transition:top .3s; -webkit-transition:top .3s;}
#bottom .bottom_box2 .left .menu a:hover p, #bottom .bottom_box2 .left .menu a.sel p{ top:-40px;}
#bottom .bottom_box2 .left .info2 { padding:20px 0; font:12px/20px "Microsoft YaHei"; color:#5D5C5B;}
#bottom .bottom_box2 .left .info2 a { color:#5D5C5B;}
#bottom .bottom_box2 .left .info2 a:hover { color:#757473;}
#bottom .bottom_box2 .left .info2 .copyright_show { display:inline-block; margin-left:20px; width:75px; height:14px; background:url(../images/copyright_txt.png) no-repeat center -2px;}
#bottom .bottom_box2 .left .info2 .copyright_show:hover { background-position:center -22px;}
#bottom .bottom_box2 .right { margin-left:30px; font:12px/24px "Microsoft YaHei"; color:#8B8B8B;}
#bottom .bottom_box2 .right img { width:120px;}

#gotop { position:fixed; z-index:90; bottom:100px; right:30px; padding:23px 0 27px; width:62px; height:12px; border-radius:5px; background:#000000; cursor:pointer; -moz-transition:right .5s; -webkit-transition:right .5s;}
#gotop.hide { right:-80px;}
#gotop:hover { background:#990000;}

#copyright_show { position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}
#copyright_show .box { position:absolute; width:1000px; height:451px; background:url(../images/copyright_box_bg.png) no-repeat;}
#copyright_show .box .close { margin:15px auto; width:41px; height:41px; border-radius:40px; background:#000000 url(../images/service/page1_box1_con_close.png) no-repeat center; cursor:pointer; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s;}
#copyright_show .box .close:hover { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
#copyright_show .box .con { margin:auto; width:86%; font:12px/20px "Microsoft YaHei";}
#copyright_show .box .con p { margin:0;}
#copyright_show .box .con p.title { padding:10px 0 0; font-weight:bold; font-size:14px; color:#816E4E;}
#copyright_show .box .con p.info { text-align:justify; color:#5A5A5A;}

.left { float:left;}
.right { float:right;}

.icobtn_down { position:absolute; z-index:100; left:0; bottom:-37px; width:100%; text-align:center;}
.icobtn_up { position:absolute; z-index:100; left:0; bottom:-40px; width:100%; text-align:center;}
.icobtn_down img, .icobtn_up img { cursor:pointer;}

/*内容共享*/
.work_list{ width:100%;}
.work_list div.w1{ width:25%;}
.work_list div.w2{ width:50%;}
.work_list div.w3{ width:75%;}
.work_list div.w4{ width:100%;}
.work_list .item { float:left;}
.work_list .item .img { position:relative; width:100%; height:100%; overflow:hidden;}
.work_list .item .img img { width:100%; height:100%; -webkit-transition: -webkit-transform 2s;}
.work_list .item:hover .img img { -webkit-transform-origin: center center; -webkit-transform: scale(1.05, 1.05);}
.work_list .item .img .eye { position:absolute; left:0; top:0; width:95.5%; height:95%; background:rgba(0,0,0,.6) url(../images/al_eye.png) no-repeat center 75%; background-size:80px; border:8px solid #CAAC7B; filter:alpha(opacity=0); opacity:0; -webkit-transition: opacity .5s;}
.work_list .item:hover .img .eye { filter:none; opacity:1;}

.work_list .item .img .eye .info { display:inline-block; color:#FFFFFF;}
.work_list .item .img .eye .info p { margin:0;}
.work_list .item .img .eye .info .txt_name { font:bold 30px/40px "Microsoft YaHei";}
.work_list .item .img .eye .info .txt_ename { padding:0 20px 10px; font:12px/20px Verdana, Arial; border-bottom:1px solid rgba(255,255,255,.7);}

.work_list .item .txt { padding:10px 0; height:50px; overflow:hidden; background:#FFFFFF url(../images/al_txt_bg.png) repeat-y left center; -webkit-transition:background .3s;}
.work_list .item:hover .txt { background:#CAAC7B;}
.work_list .item .txt p { margin:0; color:#303030;}
.work_list .item .txt p.txt_name { height:30px; font:bold 16px/30px "Microsoft YaHei"; overflow:hidden; -webkit-transition:height .3s;}
.work_list .item:hover .txt p.txt_name { height:0px;}
.work_list .item .txt p.txt_ename { height:20px; font:12px/12px Verdana, Arial, Helvetica, sans-serif; color:#999999; overflow:hidden; -webkit-transition:height .3s;}
.work_list .item:hover .txt p.txt_ename { height:0px;}
.work_list .item .txt p.txt_info { height:0px; font:14px/50px "Microsoft YaHei"; color:#FFFFFF; overflow:hidden; -webkit-transition:height .3s;}
.work_list .item:hover .txt p.txt_info { height:50px;}

.position_relative { position:relative;}

@keyframes menu_applet_arrow {
	from { background-position:86% 50%;}
	to { background-position:90% 50%}
}