﻿

/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; font:"微软雅黑"; color:#FFF; background:#fee3e8 url(../images/foot.jpg) no-repeat center bottom; margin:0px;}

a { font-size: 14px; color: #FFF; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#FFF; }
a:hover { text-decoration: none; color:#900; text-decoration:none;}
a:active { text-decoration: none; color: #900;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}

.header-nav{width:100%;height:70px;background:url(../images/nav_bg.png) top center no-repeat;position:relative;z-index:1000;}
.header-nav-main{width:1199px;height:61px;padding-top:8px;margin:0 auto;text-align:center;-webkit-animation:trans_bottom .2s ease-in-out .4s 1 both;animation:trans_bottom .3s ease-in-out .2s 1 both}
.header-nav-main a{color:#FFF;font-size:14px;width:100px;height:52px;line-height:52px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;-webkit-transition:color ease-in-out .2s;-moz-transition:color ease-in-out .2s;-ms-transition:color ease-in-out .2s;transition:color ease-in-out .2s;position:relative}
.header-nav-main a.header-logo-a{width:300px;height:55px;margin:0 20px;background:url(https://www.181gm.com/13/129/images/toplogo.png) 0 0 no-repeat;margin-top:-5px}
.header-nav-main a:hover,.header-nav-main a.current{text-decoration:none;color:#FFF}
.header-nav-main a .arrow{width:0;height:0;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;display:block;position:absolute;bottom:0;left:50%;margin-left:-5px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.header-nav-main a .arrow.on{opacity:80;filter:alpha(opacity=8000);opacity:.8;filter:alpha(opacity=80)}


.head_1 { width:1260px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; z-index:7; overflow:hidden;}/*整体*/
.head_2 { width:1260px; height:887px; position:relative;}

.head_3 { background:url(https://www.181gm.com/13/129/images/btn1.html); background-position:left 0; transition:0.5s; width:248px; height:156px; position:absolute; top:710px; left:0; z-index:8;}
.head_3:hover { background-position:left -156px;}
.head_4 { background:url(https://www.181gm.com/13/129/images/btn2.html); background-position:left 0; transition:0.5s; width:248px; height:73px; position:absolute; top:710px; left:258px; z-index:8;}
.head_4:hover { background-position:left -73px;}
.head_5 { background:url(https://www.181gm.com/13/129/images/btn3.html); background-position:left 0; transition:0.5s; width:248px; height:73px; position:absolute; top:793px; left:258px; z-index:8;}
.head_5:hover { background-position:left -73px;}

.head_6 { background:url(../images/m1.jpg) top center no-repeat;}
.head_7 { margin:0 auto; width:1260px; height:556px; position:relative;}

.head_9 { width:735px; overflow:hidden; position:absolute; top:50px; left:0px; z-index:9;}
.head_10 { width:735px; overflow:hidden; position:absolute; top:113px; left:0px; z-index:9;}

.head_11 li { display:block; width:733px; overflow:hidden; line-height:31px; text-align:left; border-bottom:double 1px #999fae; margin-bottom:5px; }
.head_11 li:hover { background:#000;}
.head_11 li a { display:block; padding:0 0 0 40px;  font-weight:400; color:#490202; font-size:14px;}
.head_11 li a:hover { color:#FFF; animation-name:bmyani; animation-duration:1s;}
.head_11 li span { display:block; background:url(../images/hot.jpg) 10px center no-repeat;}

@keyframes bmyani {
	
	0%{ margin-left:50px;}
	
	}

.head_12 { background:url(../images/btn4.jpg); background-position:left 0; transition:0.5s; width:253px; height:106px; position:absolute; top:50px; right:259px; z-index:9;}
.head_12:hover { background-position:left -106px;}
.head_13 { background:url(../images/btn5.jpg); background-position:left 0; transition:0.5s; width:253px; height:106px; position:absolute; top:50px; right:6px; z-index:9;}
.head_13:hover { background-position:left -106px;}

.head_14 { width:506px; height:309px; position:absolute; top:160px; right:6px; z-index:9;}

.head_15 { background:url(https://www.181gm.com/13/129/images/m2.html) top center no-repeat;}
.head_16 { margin:0 auto; width:1280px; height:570px; position:relative;}
.head_17 { width:1060px; height:400px; position:absolute; top:80px; left:70px; z-index:9;}

.head_18 { background:url(https://www.181gm.com/13/129/images/footer.html) bottom center no-repeat;}
.head_19 { margin:0 auto; width:1280px; overflow:hidden;}


#PicShow{ float:left; width:1060px; height:400px; position:relative; display:inline; margin-left:-10px;/*内图与外框距离*//* background:#FFF;*/}/*主框大小*/
#PicShow .gundong{width:1060px; position:relative;}/*调整箭头宽*/
#PicShow .gundong .jCarouselLite { float:left; width:250px; height:400px;/*图像总尺寸包括文字*/ overflow:hidden; padding-top:5px;}/*图像暂用高度*/
#PicShow .move_right,#PicShow .move_left{ width:22px; height:280px;/*箭头*/position:absolute; top:30px;z-index:500;}/*调整箭头上下艰巨*/
#PicShow .move_left span,#PicShow .move_right span{width:23px;height:53px;/*箭头*/position:absolute;top:50%; margin-top:-10px; background:url(https://www.181gm.com/13/129/images/arrow.html) no-repeat left top;background-repeat:no-repeat;}
#PicShow .move_left{left:-10px;}/*箭头*/
#PicShow .move_left span{background-position:left top;}
#PicShow .move_left:hover span{background-position:left bottom;}
#PicShow .move_right{right:-25px;}/*箭头*/
#PicShow .move_right span{background-position:right top;}
#PicShow .move_right:hover span{background-position:right bottom;}	

.PicList{ float:left;}
.PicList li{ float:left; width:250px;/*图像浮动*/ margin-left:15px; margin-top:15px; display:inline;}/*图形宽度*/
.PicList li a img{width:250px;height:320px;/*图像尺寸*/}
.PicList li a span{height:40px;line-height:40px; /*文字*/text-align:center; font-size:16px;  font-weight:200; color:#FFF;display:block; border:double 1px #11485E; margin-top:10px; background:#071B23;}
.PicList li a span:hover { border:double 1px #11485E; background:#000;}

/*幻灯*/
.container {
	WIDTH: 506px;
	HEIGHT: 359px
}
.container A IMG {
	WIDTH: 506px;
	HEIGHT: 359px
}
.container IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
.td_f A IMG {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.num {
	POSITION: absolute;
	WIDTH: 260px;
	FLOAT: right;
	TOP: 340px;
	LEFT: 180px
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 5px;
	LIST-STYLE-TYPE: none;
	MARGIN:0px;
	WIDTH: 60px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(https://www.181gm.com/13/129/images/flashbutton.html) no-repeat -60px 0px;
	FLOAT: left;
	HEIGHT: 5px;
	COLOR: #86a2b8;
	FONT-SIZE:0;
	CURSOR: pointer;
	margin-right:10px;
}
.num LI.on {
	LINE-HEIGHT:5px;
	WIDTH:60px;
	BACKGROUND: url(https://www.181gm.com/13/129/images/flashbutton.html) no-repeat;
	HEIGHT:5px;
	COLOR: #ffffff
}
/*幻灯*/


#tab1 { }
#tab1 ul { margin:0; padding:0; list-style:none;}
#tab1 li { display: block; width:740px; height:55px; background:url(../images/newbga.jpg) bottom center no-repeat;}
#tab1 a { display: block; height:55px; line-height:55px; text-align: center; text-decoration:none; font-size:16px;  color:#FFF; font-weight:400;}
#tab1 .now { background:url(../images/newbgb.jpg) bottom center no-repeat;}
#tab1 .now a { display: block; background:none; font-size:24px;  color:#FF9; font-weight:400;}
#tab1 .now a:hover { background:url(../images/newbgb.jpg) bottom center no-repeat; font-size:24px;  color:#FF9; font-weight:bold;}

.tablist { display:none;}
.block{ display:block;}


.musicbox{width:65px;height:100px;position:fixed;z-index:500;top:0px;left:50%;cursor:pointer;margin-left:-750px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}

.rightbar{width:193px;height:700px;position:fixed;top:40%;right:0;margin-top:-280px;background:url(../images/left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-193px}
.rightbar.close .btn-close{background:url(https://www.181gm.com/13/129/images/left4.html) no-repeat}
.rightbar .btn-close{width:40px;height:89px;background:url(../images/left2.png);position:absolute;top:00px;left:-40px}
.rightbar h6{margin-bottom:14px;padding-top:0px;font-size:18px;line-height:24px;font-weight:700;overflow:hidden;color:#4d0902}
.rightbar h6 span{display:block;font-size:14px;color:#4d0902}
.rightbar .code{margin:120px 0 10px 19px;width:157px;height:157px;}
.rightbar .code p{height:30px;line-height:30px;background:#de0c0c;margin-bottom:5px}
.rightbar .kefu{margin-left:19px;display:block;width:157px;height:42px;background:url(../images/left3.png) no-repeat;color:#fff;padding-top:12px;margin-bottom:5px;}
.rightbar .kefu:hover{background:url(../images/left5.png) no-repeat;color:#fff;}
.rightbar .Kefu p{width:157px;font-weight:normal;line-height:34px;font-size:12px;color:#fff;text-decoration:none}
.rightbar .Kefu strong{width:157px;font-weight:normal;line-height:34px;font-size:12px;color:#fff;text-decoration:none}

.footer { margin:0px 0 0 0; background:#000;}
.footer_1 { margin:0 auto; width:1200px; overflow:hidden;}