@import url("banner.css");
*{ margin:0; padding:0; /*font:12px/1.5 "微软雅黑"*/}
ul{ list-style:none}
img{ border:none;}
a{ text-decoration:none; color:#000}

body{ background:url(../images/body_bg.jpg) repeat}

.full{ width:100%; float:left}

.top{ width:100%; float:left}
.tn{ text-align:right; margin:0 auto; height:36px; line-height:36px; font-size:15px; font-weight:bold; color:#a50100; width:1100px;}
.logo{ text-align:center; width:100%; float:left; margin:30px 0}
.nav{ width:100%; text-align:center; float:left; margin:0 0 25px; border-bottom:3px double #900;border-top:3px double #900; padding:25px 0; background:url(../images/nav_bg.png) repeat-x left top}
.nav li{ display:inline-block}
.nav li a{ text-align:center; line-height:20px; font-size:14px;  display:block; width:120px; transition:all 0.5s; }
.nav li a:hover{ background:#AC0002; color:#FFFFFF; border-radius:0 20px 20px 0; font-weight:bold; text-decoration:underline; padding:0 10px}
a.par_gl{ background:#AC0002; color:#FFFFFF; border-radius:0 20px 20px 0; font-weight:bold; text-decoration:underline; padding:0 10px}
.main{ width:1100px; margin:0 auto; clear:both}

.about{ position:relative; padding:135px 0 40px; background:url(../images/about_bg.png) no-repeat left top #e4e4e2; position:relative}

h2.bt { width:100%; height:56px; padding:15px 0; float:left}
h2.bt *{ display:block; height:56px; line-height:56px}
h2.bt span{ float:left; background:url(../images/h2_bg.png); width:157px; text-align:center; font-size:18px; font-weight:bold; color:#FFFFFF}
h2.bt a{ float:right; font-size:14px; color:#846761; font-weight:bold;}

.about p{ width:95%; padding:0 2% 0 2%; margin:1%; float:left; line-height:30px; font-size:16px; display:block;}
.about img{ float:left; width:48%; margin:0 1%; height:350px}
.about embed{ float:right; width:48%; margin:0 1%; height:350px; display:block}
.about a{ float:left; width:98%; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#846761; position:absolute; bottom:0; left:0; display:block; text-align:right;}

#demoo {
overflow:hidden;
width:100%;
clear:both;
position:relative;
float:left;
padding:20px 0;
background:rgba(116,116,116,0.5)
}

.indemo {
float: left;
width: 800%;
}


#demoo1 {
float: left;
}

#demoo2 {
float: left;
}

#demoo li{ float:left; margin:0 12.5px;width:270px;}
#demoo img{background:#FFF; width:100%; height:190px;}

.hj{ background:url(../images/about_bg1.png) no-repeat top left #e4e4e2; padding:135px 0 0;}

.mr_frbox{ height:280px; width:100%; position:relative; padding:6px 0; clear:both; margin:20px 0}
.mr_frBtnL{ width:30px; height:70px; background:rgba(255,255,255,0.2); position:absolute; left:-30px; top:50%; margin:-35px 0 0; cursor:pointer; z-index:110; line-height:70px; text-align:center; font-size:40px; color:#4A0001; text-shadow:0 -1px 0 #000; border-radius:50% 0 0 50%; display:none}
.mr_frBtnR{ width:30px; height:70px; background:rgba(255,255,255,0.2); position:absolute; right:-30px; top:50%; margin:-35px 0 0; cursor:pointer; z-index:110; line-height:70px; text-align:center; font-size:40px; color:#4A0001; text-shadow:0 -1px 0 #000; border-radius:0 50% 50% 0; display:none}
.mr_frUl{float:left;height:280px;width:100%;overflow:hidden; display:block; position:absolute; top:6px; z-index:10;}

#mr_fu li{ float:left; height:280px; width:24%; margin:0 0.5%; display:block;}
#mr_fu li:hover{ border:2px solid #f60; height:276px}
#mr_fu li:hover a img{ height:276px}
#mr_fu li a img{width:100%; /*height:100%*/}

.map div{ height:400px; width:1000px; margin:50px;}

.code{ width:100%; float:left; text-align:center; line-height:40px; line-height:40px; font-size:14px;}
.code img{ width:150px; height:150px;}

.bottom{ width:100%; float:left; background:url(../images/bottom_bg.png) repeat-x bottom left; margin:0 0 10px}
.zb{ width:100%; text-align:center; background:url(../images/zb_bg.png) repeat-x center; float:left; margin:40px 0}


.bottom ul{ text-align:center; width:100%;}
.bottom ul li{ display:inline-block}
.bottom ul li a{ padding:0 10px; font-size:13px; height:36px; line-height:36px; transition:all 0.5s}
.bottom ul li a:hover{ background:#7E0003; border-radius:18px; color:#FFFFFF; font-weight:bold;}

.lister{ width:100%; float:left; margin:1.5% 0 0;}
.lister a{ float:left; width:98%;display:block; margin:0 0 1.5%;padding:1%; box-shadow: 1px 1px 5px #B8B8B8; border-radius:0 0 10px 10px/0 0 2px 2px; background:#fff}
.lister a img{ float:left; width:210px; height:160px; border:2px solid #FFFFFF}
.lister a:hover img{border-color:#A40002}
.lister a div{ float:right; width:750px; height:164px; position:relative}
.lister a div h2{ position:absolute; top:0; left:0; width:100%; font-size:14px; color:#a40002; height:26px; line-height:26px; font-weight:bold;}
.lister a div p{ width:100%; position:absolute; line-height:22px; color:#ADADAD; top:30px}
.lister a div span{ display:block; bottom:0; line-height:26px; font-size:12px; font-weight:bold; height:26px; left:0; position:absolute; color:#424242}
.lister a div b{ right:0; bottom:0; line-height:26px; height:26px; display:block; position:absolute; color:#C5C5C5}
.page{ width:100%; float:left; text-align:right; padding:10px 0 25px;}
.page *{ display:inline-block;text-align:center; height:28px; line-height:28px; font-size:12px; margin:0 3px; padding:0 10px; border-radius:5px; border:1px solid #D5D5D5; background:#fff}
.page span{ color:#aaaaaa; background:#E5E5E5; border-color:#FFFFFF}
.page a{ color:#969696;}
.page a:hover{ background:#AD0002; color:#FFFFFF; border-color:#fff}
.page span.active{ background:#AD0002; color:#FFFFFF; border-color:#fff}
.wz{ width:100%; float:left; height:60px; margin:30px 0 0}
.wz span{ height:57px; border-bottom:3px solid #A20002; line-height:57px; float:left; display:block; font-weight:bold; font-size:36px; color:#484848}
.wz strong{ font-size:26px;}
.wz b{ float:right; height:30px; line-height:30px; color:#9F9F9F; margin:27px 0 0; display:block;}


.pru{ width:100%; float:left; padding:30px 0 0}
.pru li{ float:left; width:20%; margin:0 2.5% 32px; display:block;}
.pru li a{ display:block; width:100%; height:250px; overflow:hidden}
.pru li a img{ width:100%; height:auto;}

.nr{ width:98%; float:left; background:#fff; box-shadow:1px 1px 5px #C9C9C9; border-radius:10px; padding:0 1% 1%; margin:20px 0}

.cont_bt{ width:100%; line-height:100px;float:left; font-size:40px; font-weight:bold;}

.timer{ height:30px; line-height:30px; float:left; border-bottom:1px solid #E5E5E5;border-top:1px solid #E5E5E5; width:100%;}
.timer *{ display:block; height:30px; line-height:30px; float:right; margin:0 0 0 50px; color:#9C9C9C}

.cont{ width:100%; padding:30px 0; float:left;}
.cont img{ max-width:90%; height:auto}


.sx{ width:100%; float:left; border-top:1px solid #CCCCCC; padding:15px 0 0}
.sx a{ display:block; color:#aaaaaa; font-size:14px; border-radius:10px; background:#E5E5E5; border-color:#FFFFFF; display:block; float:left; padding:5px 10px; transition:all 0.4s}
.sx a:hover{ color:#fff; background:#9C0002; font-weight:bold;}

.cuss{ width:90%; margin:0 5%; float:left;  border-top:none; padding:20px 0}


.cuss form{ width:80%;margin:0 10%; float:left; background:url(../images/cus_b.png) no-repeat right top; background-size:40% auto}
.cuss form div{ margin:8px auto}
input.wbk{ width:200px; height:24px; line-height:24px; font-size:14px; background:#fff; box-shadow:0px 0px 3px #999; border-top:1px solid #999; border-left:1px solid #999}

.gen{ width:300px; height:150px; overflow-y:hidden; background:#FFF;border-top:1px solid #999; border-left:1px solid #999; padding:5px; font-size:12px; font-family:"微软雅黑"; margin:0 0 0 8px}

input.an{ width:140px; height:40px; background:#a91a1b; color:#FFF; font-size:14px; font-weight:bold; padding:0; border:none; border-radius:5px; box-shadow:0px 0px 5px #999; font-family:"微软雅黑"; font-size:18px; font-weight:bold;}

.cuslist{ padding:20px 0 0 0; float:left; width:100%;}
.cuslist li{ width:100%; margin:10px 0; float:left;}
.cuslist li h2{ width:100%; height:30px; line-height:30px; color:#fff; font-size:12px; text-indent:2em; float:left; border-radius:15px; background:rgba(159,0,2,0.9)}
.cuslist li h2 span{ line-height:30px; height:30px; float:left}
.cuslist li p{ line-height:32px;box-shadow:5px 5px 5px #CCC; width:96%; padding:5px 2%; display:block; float:left; background:#FFFFFF; border-radius:15px; margin:10px 0 0; border-top:1px solid #D0D0D0; border-left:1px solid #d0d0d0; line-height:24px}