﻿html,body{ background-color:rgb(240,240,240); ;margin:0; padding:0; width:100%; height:100%; font-size:12px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; line-height:25px; color:#666; }
ul,li,dl,dt,dd,p,h3{margin:0; padding:0; list-style-type:none;}
img{border:0;}
a:link{text-decoration: none; font-size:12px; color:#666; font-family:"Microsoft Yahei";}
a:visited{text-decoration:none; font-size:12px; color:#666; font-family:"Microsoft Yahei";}
a:hover{text-decoration:none; font-size:12px; color:#b61616; font-family:"Microsoft Yahei";}
a:active{text-decoration:none; font-size:12px; color:#666; font-family:"Microsoft Yahei";}
.clear{clear:both;}
.clear20{clear:both; height:20px;}

.button {display: inline-block;zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
 *display: inline; vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer; text-align: center; text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0, 0, 0, .3);-webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);box-shadow: 0 1px 2px rgba(0, 0, 0, .2);}
.button:hover { text-decoration: none; }
.button:active {
    position: relative;
    top: 1px;
}
/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
input, textarea {
    padding: 4px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;    
}
textarea {
    width: 400px;
    max-width: 400px;
    height: 150px;
    line-height: 150%;
    background:url(images/form-shadow.png) no-repeat bottom right;
}
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #C9C9C9; }
label {
    margin-left: 10px;
    color: #999999;
}



#header{width:100%;  margin:0 auto;position:relative;z-index:9999;}
#header .topbg{width:100%; min-width:1000px; height:35px; background:#333;}
#header .topbg .topcen a{color:#999;}
#header .topbg .topcen a:hover{color:#fff;}
#header .logobg{width:100%; min-width:1000px; height:130px; background:url() repeat-x;}
#header .logobg .logocen{width:1000px; height:130px; margin:0 auto; padding:30px 0 0 0;background:url(../images/bannerbg3.png) no-repeat;}
#header .logobg .logocen .topcen{ font-size:16px;width:990px;height:130px; padding-right:10px; margin:30px 10px 10px 0px; text-align:right; font-family:"Microsoft Yahei";}
#header .logobg .logocen .topcen input{
    padding: 4px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;  
      width:150px;
}
#header .logobg .logocen .topcen .buttonblue {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; width:90px; height:30px;  display: inline-block;zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
 *display: inline; vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer; text-align: center; text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0, 0, 0, .3);-webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
#header .logobg .logocen .topcen .buttonblue:hover {
    text-decoration: none; background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
#header .logobg .logocen .topcen .buttonblue:active {
    position: relative;
    top: 1px;
 color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
#header .menu{width:100%; min-width:1000px;position:relative; float:left;height:43px;margin:0 auto; background:rgb(0,102,204);}
#header .menu ul{width:1000px; margin:0 auto; padding:0 0 0 0px;position:relative;}
#header .menu ul li{width:125px; height:43px; float:left;   }
#header .menu ul li:hover{background: rgb(153, 0, 0);}
#header .menu ul li:hover a{color:#ffffff;}
#header .menu ul li a{width:125px; height:43px; display:block; font-size:18px; line-height:43px; text-align:center; font-family:"Microsoft Yahei"; color:white;  padding:1px 0 0 0;}
#header .menu ul li.on a{background:url(../images/menu_on.gif) no-repeat; color:#ffffff;}
#header .menu ul li.last{background:none;}
#header .menu ul li.last:hover{background:url(../images/menu_on.gif) no-repeat 22px 5px;}
#header .menu ul li .smallul{width:125px; position:absolute; display:none;margin:0 auto;}
#header .menu ul li .smallul .smallli{ margin:0 auto;background: rgb(153, 0, 0);padding:0; height:40px; border-bottom:#777 1px solid; width:125px;}
#header .menu ul li .smallul .smallli a{ width:125px; font-weight:normal; color:#eee; font-size:16px; font-family:"Microsoft Yahei";}
#header .menu ul li .smallul .smallli a:hover{color:#fff;}
#header .menu ul li:hover .smallul{width:125px;display:inline-block; position:absolute; float:right;}


.banner{width:1000px;margin:0 auto; min-width:1000px; height:300px; position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:300px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


#cent{width:1000px; min-width:1000px;margin:0 auto; height:auto;padding:2px 0 0 0;}
#cent .one{width:1000px; height:230px;   padding:0;}

#cent .one .news{float:left; width:332px;height:233px;background:url(../images/catalogbg.jpg) no-repeat;}
#cent .one .news .h3{height:40px; color:#fff; overflow:hidden;margin:8px 0 0 22px;font-size:16px; font-style:normal;}
#cent .one .news .h4{height:40px;color:#fff; margin:-40px 10px 0px 0px;font-size:14px;float:right;}
#cent .one .news .h4 a{height:40px;color:#fff; font-size:14px;float:right;}
#cent .one .news dl{padding:18px 5px 15px 5px;}
#cent .one .news dl dt{float:left; margin-right:10px;}
#cent .one .news dl dd.bt a{font-size:14px; }
#cent .one .news ul{ width:99%;}
#cent .one .news ul li{ height:22px; overflow:hidden; font-size:14px; width:333px;}
#cent .one .news ul li a{height:22px; font-size:14px; margin-left:10px; width:235px; float:left; }
#cent .one .news ul li span {height:22px; float:right;font-size:14px; margin-right:5px; width:80px; }

#cent .one .newbook{float:left;width:332px; margin:0 0 0 1px;font-style:normal; height:232px;background:url(../images/catalogbg.jpg) no-repeat;}
#cent .one .newbook .h3{height:40px; color:#fff; overflow:hidden;margin:8px 0 0 22px;font-size:16px;}
#cent .one .newbook .h4{height:40px;color:#fff; margin:-40px 10px 0px 0px;font-size:14px;float:right;}
#cent .one .newbook .h4 a{height:40px;color:#fff; font-size:14px;float:right;}

#cent .one .newbook dl{padding:18px 5px 15px 5px;}
#cent .one .newbook dl dt{float:left; margin-right:10px;}
#cent .one .newbook dl dd.bt a{font-size:14px; font-weight:bold;}
#cent .one .newbook ul li a{font-size:14px;margin-left:10px;}
#cent .one .newbook ul li span{float:right;font-size:14px;margin-right:10px;}

#cent .one .booklist{float:left; width:332px;height:232px;font-style:normal; margin:0 0 0 1px;background:url(../images/catalogbg.jpg) no-repeat;}
#cent .one .booklist .h3{height:40px; color:#fff; overflow:hidden;margin:8px 0 0 22px;font-size:16px;}
#cent .one .booklist .h4{height:40px;color:#fff; margin:-40px 10px 0px 0px;font-size:14px;float:right;}
#cent .one .booklist .h4 a{height:40px;color:#fff; font-size:14px;float:right;}
#cent .one .booklist dl{padding:18px 5px 15px 5px;}
#cent .one .booklist dl dt{float:left; margin-right:10px;}
#cent .one .booklist dl dd.bt a{font-size:14px; font-weight:bold;}
#cent .one .booklist ul li a{font-size:14px;margin-left:10px;}
#cent .one .booklist ul li span{float:right;font-size:14px;margin-right:10px;}


#cent .two{width:997px; margin:0 auto; padding-top:4px;}
#cent .two .case{width:926px; height:189px; background:rgb(230,230,230);   padding:30px 0 0 70px;border: 1px solid gray ;}
#cent .two .case ul li{float:left;width:180px; height:130px; border:#ccc 3px solid; margin-right:35px; text-align:center; line-height:35px;}
#cent .two .case ul li a{font-size:14px;}
#cent .two .case #scroll{z-index:0; margin:0px auto; float:left; height:200px;}
#cent .two .case .prev{text-indent:-9999px; display:block; background:url(../images/l.gif) no-repeat center center; float:left; width:30px; height:50px; margin:50px 0 0 -50px;}
#cent .two .case .next{text-indent:-9999px; display:block; background:url(../images/r.gif) no-repeat center center; float:right; width:30px; height:50px; margin:50px 20px 0 0;}
#cent .two .case .prev:hover{background:url(../images/l_on.gif) no-repeat center center;}
#cent .two .case .next:hover{background:url(../images/r_on.gif) no-repeat center center;}

#cents{width:1000px; margin:0 auto; padding:0px;border-bottom:#e5e5e5 1px solid;}
#cents .centl{width:332px;  height:auto; float:left;background:url(../images/catalogbg.jpg) no-repeat;}
#cents .centl .tit{width:100%; height:auto; }
#cents .centl .tit .h3{height:40px; color:white; overflow:hidden;margin:8px 0 0 0px;font-size:18px;font-family:"Microsoft Yahei";text-align:center;}

#cents .centl .stit{width:100%;min-height:514px; height:auto; background:url(../images/catalogbg-m.jpg) repeat-y; }
#cents .centl .stit ul{width:80%; margin:0 auto;}
#cents .centl .stit ul li{line-height:35px;}
#cents .centl .stit ul li a{border-radius: .5em;color:#fff; margin-top:3px; background:rgb(0,102,204);  display:block;border-bottom:#999 1px dotted; font-size:14px; font-family:"Microsoft Yahei";text-indent:1em;}
#cents .centl .stit ul li a:hover{border-bottom:rgb(0,102,204) 1px solid; background:rgb(153, 0, 0); color:#fff;}
#cents .centl .stit ul li.on a{border-bottom:rgb(0,102,204) 1px solid; background:rgb(153, 0, 0); color:#fff;}
#cents .centl .stit .ntel{width:323px; height:244px; margin:0 auto;background:url(../images/aboutimg.jpg) no-repeat ; margin-top:40px; text-indent:-9999px; overflow:hidden;}
#cents .centl .stitend{width:100%; height:4px; background:url(../images/catalogbg-end.jpg)  no-repeat; }

#cents .centr{width:664px;min-height:500px; float:right;background:url(../images/catalogbg-list.jpg) no-repeat;}
#cents .centr .Home{width:100%; height:40px;color:White; margin:6px 0 0 22px; line-height:30px; font-size:14px;font-family:"Microsoft Yahei"; }
#cents .centr .Home a{width:100%; height:30px; color:White; line-height:30px; font-size:14px;font-family:"Microsoft Yahei"; }
#cents .centr .Home a:hover{width:100%; height:30px; color:Red; line-height:30px; font-size:14px;font-family:"Microsoft Yahei"; }

#cents .centr .list{padding:10px 0;min-height:498px; background:url(../images/catalogbg-list-m.jpg) repeat-y;}
#cents .centr .list .search{ width:100%;text-align:center; margin:0 auto; }
#cents .centr .list ul{width:99%;}
#cents .centr .list ul li{width:650px; line-height:40px;border-bottom:#e2e2e2 1px dotted; background:url(../images/icon.gif) no-repeat 10px 15px; text-indent:25px;}
#cents .centr .list ul li a{width:500px;line-height:40px; font-size:14px; float:left; }
#cents .centr .list ul li span{width:110px;float:right; margin-right:5px; color:#999;font-size:14px;}


#cents .centr .list .page{display: inline-block; margin: 5px 0 0 5px;}
#cents .centr .list .page a{background:#f2f2f2; border:1px solid #e5e5e5; color:#585858; cursor:pointer; display:inline-block; margin-right:5px; padding:5px; text-decoration:none;}
#cents .centr .list .page a.on {font-weight:bold; color:#b61616; padding:5px 8px;}

#cents .centr .listend{width:100%; height:4px; background:url(../images/catalogbg-list-end.jpg)  no-repeat; }

#cents .centr .list_img{padding:20px 0;background:url(../images/catalogbg-list-m.jpg) repeat-y;}
#cents .centr .list_img ul{width:100%; padding:0 0 0 20px;}
#cents .centr .list_img ul li{line-height:40px; float:left; border:#eee 3px solid; margin:0 30px 30px 0; text-align:center;}
#cents .centr .list_img ul li:hover{border:#b61616 3px solid; background:#fff;}

#cents .centr .article{width:100%;min-height:468px; height:auto; background:url(../images/catalogbg-list-m.jpg) repeat-y;}
#cents .centr .article h3{font-size:20px; text-align:center; border-bottom:#e2e2e2 1px solid; line-height:50px; margin:0 0 15px 0; color:#000;font-family:"Microsoft Yahei"; }
#cents .centr .article .stitle{font-size:14px; height:40px;text-align:center;font-family:"Microsoft Yahei"; }
#cents .centr .article .content{ margin:0px 10px 0px 10px; color:#000;font-size:16px;line-height:24px; font-family:"Microsoft Yahei";  }
#cents .centr .article .login{text-align:center; margin:0px 10px 0px 10px; color:#000;font-size:14px;line-height:24px; font-family:"Microsoft Yahei";  }

#cents .centr .next{font-size:16px;width:100%; height:auto; background:url(../images/catalogbg-list-m.jpg) repeat-y; }
#cents .centr .next a{font-size:16px; }
#cents .centr .last{font-size:16px;width:100%; height:auto; background:url(../images/catalogbg-list-m.jpg) repeat-y;}
#cents .centr .last a{font-size:16px; }


#footer{width:100%; width:1000px; height:70px; position:relative; clear:both; margin:0 auto; background:url(../images/footbg1.gif) ; }
#footer .copy{text-align:center;color:#fff; font-size:14px; padding-top:10px;}