﻿.button img{margin-left:20px; margin-right:20px;}
.button img:hover{filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
 opacity: 0.8;  
}

.page1{position:relative; top:15%}

.tab{width:100%; font:14px Arial;background:url(../images/page43.png) repeat-x; float:left; top:0; overflow:hidden}
.tab ul.menu{background:none; width:910px; height:60px; line-height:60px; float:left; margin-left:-456px; position:relative; left:50%}
.tab ul.menu li{ float:left; text-align:center;width:225px; background:none; list-style:none;font-size:16px;cursor:pointer; color:#bc3119;}
.tab ul.menu li.active{background:url(../images/page42.png) repeat;color:#bc3119; float:left; width:231px}
.con1,.con2,.con3,.con4,.con5{width:910px; min-height:300px; line-height:23px; color:#FFF; position:absolute; left:50%; margin-left:-440px; top:10%}
.con1,.con2,.con3,.con4{display:none;}


.new_book{width:910px; float:left;}
.new_book ul{width:170px; float:left}

.new_book_1{width:195px; margin-right:15px; float:left; position:relative; height:150px;}
.new_book_1 ul{float:left; color:#FFF; font-family:Arial; font-size:12px;}
.new_book_1 li{float:left; display:inline; width:100%; margin-top:5px; text-align:center}

    .new_book img {
        float: left;
    }
    .new_book_1 img {
        border-radius:15px;
        width:170px;
		border:1px solid #FFF;
		padding:8px;
    }
.new_book_1 img:hover{filter:alpha(opacity=50);  
-moz-opacity:0.7;  
-khtml-opacity: 0.7;  
 opacity: 0.7;  }
.new_book_1 span{font:16px  "Microsoft Yahei"; line-height:30px}
 .new_bookmoer{width:810px; float:left; text-align:right; position:relative; top:-200px;}
 .new_bookmoer a{font:14px Arial; text-decoration:none; color:#fdeae2}
.new_bookmoer a:hover{color:#FFF}


.tab2{width:910px; font:14px Arial; background:none; z-index:10; float:left; position:relative; left:50%; margin-left:-455px;}
.tab2 ul.menu2{background:none; width:910px; height:53px; line-height:53px; float:left;  position:relative; z-index:999; margin-left:-1px; margin-top:10%}
.tab2 ul.menu2 li{ float:left; text-align:center;width:225px; background:url(../images/page430.png); list-style:none;font-size:16px;cursor:pointer; color:#975b01; margin-left:1px; display:inline}
.tab2 ul.menu2 li.active2{background:url(../images/page42.png) repeat;color:#975b01; float:left; width:231px}

.conn1,.conn2,.conn3,.conn4{ width:879px; min-height:300px; padding:15px; background:url(../images/page4b1.png) repeat; float:left; line-height:23px; color:#975b01; text-align:left; position:relative;}
.conn2,.conn3,.conn4{display:none;}


/*.tab3{width:100%; font:14px Arial; background:url(../images/about02.png) repeat-x; z-index:10; float:left; }
.tab3 ul.menu3{background:none; width:910px; height:60px; line-height:60px; float:left;  position:relative; z-index:999; margin-left:-1px; left:50%; margin-left:-455PX;}
.tab3 ul.menu3 li{ float:left; text-align:center;width:225px; background:none; list-style:none;font-size:16px;cursor:pointer; color:#d5e6fa; margin-left:1px; display:inline}
.tab3 ul.menu3 li.active3{background:url(../images/about01.png) repeat;color:#FFF; float:left; width:231px}*/
tab3{width:100%; font:14px Arial;background:url(../images/page43.png) repeat-x; float:left; top:0; overflow:hidden}
.tab3 ul.menu3{background-color:#ccc; width:910px; height:60px; line-height:60px; float:left; margin-left:-456px; position:relative; left:50%}
.tab3 ul.menu3 li{ float:left; text-align:center;width:20%; background:none; list-style:none;font-size:16px;cursor:pointer; color:#fff;}
.tab3 ul.menu3 li.active{background:url(../images/page42.png) repeat;color:#bc3119; float:left; width:20%}
.conn01{ width:879px; min-height:300px; padding:15px; background:none; float:left; line-height:23px; color:#ebf3fd; text-align:left; position:absolute; left:50%; margin-left:-455PX; top:25%}

.tab3  a{color:#FFF; text-decoration:none}
.tab3 p{font:14px Arial;  text-indent:20px; padding-bottom:20px; line-height:25px;}

.conn01 a{color:#ffc000; margin-top:15px; float:left; font-size:16px;}
.conn01 a:hover{color:#ffffff; margin-top:15px; float:left}


/*fedback*/

.fedback{background:url(../images/fedback_03.png) repeat; width:700px; min-height:550px; border-radius:20px; font-family:Arial; 
            float:left; margin-left:100px;}
.fedback_input,.fedback_text{width:560px; padding-left:10px; font:Arial 14px; background:#FFF; border-radius:8px; border:0; outline:none}
.fedback_input{height:40px; line-height:40px;}
.fedback_text{height:100px; line-height:20px;}


.fedback_button,.fedback_button2{text-align:center; border-radius:10px; color:#FFF; width:147px; float:left; height:44px; line-height:44px; cursor:pointer; font:0.87em Century Gothic, Arial; border:0; margin-right:15px; outline:none}
.fedback_button{background:#84bf2c; }
.fedback_button2{background:#f38341; }

.fedback_button:hover{
background: -webkit-linear-gradient(top,#9dcc56,#9dcc56);
}
.fedback_button2:hover{
background: -webkit-linear-gradient(top,#fb9458,#fb9458);
}

.login_kk{width:430px; height:430px;}

.login_kk2{background:#fff;width:430px; height:430px; border-radius:15px; filter:alpha(opacity=20);  
-moz-opacity:0.2;  
-khtml-opacity: 0.2;  
 opacity: 0.2;}

.login_kk3{width:430px; height:430px; float:left;}
.login_kk3 ul{float:left; width:430px;}
.login_kk3 ul li{float:left;}


.login_input1,.login_input2{ padding-left:55px; height:55px; line-height:55px; width:295px; border-radius:15px; border:0; font:14px Arial; float:left; }
.login_input1{background:url(../images/login_07.png) no-repeat left #FFF;}
.login_input2{background:url(../images/login_10.png) no-repeat left #FFF;}
.login_button{background:#84bf2c; text-align:center; border-radius:15px; color:#FFF; width:350px; float:left; height:70px; line-height:70px; cursor:pointer; font:25px Century Gothic, Arial; border:0; margin-top:20px; outline:none}

.login_button:hover{
background: -webkit-linear-gradient(top,#9dcc56,#9dcc56);
}


.help{margin-top:10px; font:14px Arial; width:340px; text-align:right}
.help a{color:#6baf06; text-decoration:none}
.help a:hover{color:#88d713; text-decoration:none}






@charset "utf-8";
/* CSS Document */
html { overflow: hidden; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { color: #000000; word-wrap: break-word; behavior: url("csshover.htc"); overflow: hidden; }
button, input, select, textarea {word-wrap: break-word; color: #565756; }
ul, li { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
img { border: none; border: 0; vertical-align: middle; }
a { text-decoration: none; outline: none; }
p { margin: 0; padding: 0; }
input, select, textarea { vertical-align: middle; *font-size:100%;
}
input { margin: 0; outline: none; padding: 0; }
input::-ms-clear {
display:none;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom:1
}
.ddw { position: absolute; left: 0; top: 0; color: #000; font-size:16px; z-index: 9999; }
.ddw2 { position: absolute; left: 20px; top: 0; color: #000; font-size:16px; z-index: 9999; }
.num_box { position: relative; }
.num {text-align: center; position: relative; }
.num ul {position: absolute; left: 0; top: 0; height: 100%; }
.num ul li { float: left; height: 100%; position: relative; }
#num_0 { background:url(../images/01.jpg); background-size: 100% 100%; }
#num_1 { background:url(../images/03.jpg); background-size: 100% 100%; }
#num_2 { background:url(../images/04.jpg); background-size: 100% 100%; }
#num_3 { background:url(../images/03.jpg); background-size: 100% 100%; }
#num_4 { background:#CCC; background-size: 100% 100%; }
#num_5 { background: url(../images/bac3.jpg) no-repeat center #03F; background-size: 100% 100%; }
#num_6 { background: #0F0; }
#num_7 { background: #00F; }
#num_8 { background: #FF0; }
#num_9 { background: #F0F; }

.fixed_r { position: absolute; right: 10px; top: 30%; z-index: 999; }
.fixed_r li { width: 40px; height: 40px; background: #fff; line-height: 40px; color: #333; font-size:16px; text-align: center; cursor: pointer; border-radius:50%; margin-bottom:10px; }
.fixed_r li.on { background:#C00; color: #fff; }
