/* 网站样式重置及公用 */
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;height:auto;}

ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a img{display:inline-block;}
a img,img,iframe{border:none;vertical-align:middle;}
h1, h2, h3, h4{line-height:normal;color:#000;}
h1 a, h2 a, h3 a, h4 a{color:#000;text-decoration:none;}
p{-webkit-margin-before:0;-webkit-margin-after:0;}
.clear{clear:both;display:block;overflow:hidden;width:0;height:0;line-height:0;font-size:0;clear:both;}
.clearfix:after{visibility:hidden;overflow:hidden;display:block;font-size:0;content:"";clear:both;height:0;line-height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.clearfix{*zoom:1;}
.fixed{position:fixed;!position:absolute;}
.relative{position:relative;/*+position:static;*/}
.absolute{position:absolute;}
.nowrap{white-space:nowrap;}
.ov{overflow:hidden;}
.none{display:none;}
.inblock{display:inline-block;}
.block{display:block;}
.pointer{cursor:pointer;}
.lh0{line-height:0;font-size:0}
.lh20{line-height:20px;}
.lh30{line-height:30px;}
.vmd{vertical-align:middle;}
.l{float:left;}.r{float:right;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.fb{font-weight:800;}
.fs{font-weight:100;}
.yuan{border-radius:5px;}
.ti{text-indent:2em;}

.hg2{height:2px;}
.hg5{height:5px;}
.hg8{height:8px;}
.hg10{height:10px;}
.hg15{height:15px;}
.hg20{height:20px;}
.hg25{height:25px;}
.hg30{height:30px;}
.hg40{height:40px;}
.hg50{height:50px;}
.hg60{height:60px;}
.hg80{height:80px;}
.hg90{height:90px;}
.hg100{height:100px;}

.box1{
	border-top: 1px solid #01408f;
	border-right: 1px solid #01408f;
	border-bottom: 2px solid #01408f;
	border-left: 1px solid #01408f;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(28,98,176,100);
}
.box1:hover,.box1.active{
	border-top: 1px solid #01408f;
	border-right: 1px solid #01408f;
	border-bottom: 2px solid #01408f;
	border-left: 1px solid #01408f;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(28,98,176,100);
}
.box1:hover a.cart{
    background-color: #01408f;
    color: #FFFFFF;
    text-decoration:none;
}
.box1:hover a.iconfont{
    color: #01408f;
    text-decoration:none;
}

.box2{
	border: 1px solid #1DA37D;
}
.box2:hover{
	border: 1px solid #1DA37D;
    border-radius: 0;
    -webkit-box-shadow: 0 0 10px rgba(29,163,125,100);
}
.box2:hover a.buy{
    background-color: #1DA37D;
    color: #FFFFFF;
    text-decoration:none;
}

.box3{
	border: 2px solid #FFF;
}

.box4{
	border: 2px solid #999;
}
.box4:hover{
	border: 2px solid #01408f;
}

.box5{
	border: 1px solid #999;
}
.box5:hover{
	border: 1px solid #01408f;
}

.p7{padding: 10px; line-height: 28px;}
.p10{padding: 10px; line-height: 28px;}
.p15{padding: 5px 0 15px 0; line-height: 32px;}

html{overflow-y:scroll}
::-webkit-input-placeholder { color:#DDD; }
input:-moz-placeholder { color:#DDD; }

body,div,table,tr,td{
    font: 12px/0.75em "微软雅黑","Microsoft YaHei","Verdana";
    color: #3c3733;
	line-height: 25px;
}
body
{
    background: #f9f9f9;
}

.wp{margin:0 auto;clear:both;width:100%;}
.wp0{margin:0 auto;clear:both;width:100%; height: 107px; background: url(../images/bg.jpg) repeat-x}
.wp1{margin:0 auto;clear:both;width:960px;}
.wp2{margin:0 auto;clear:both;width:100%; background: #01408f;}
.wp3{margin:0 auto;clear:both;width:100%; background: #3d3d3d;}
.wp4{margin:0 auto;clear:both;width:100%; background: #202020;}
.wp5{margin:0 auto;clear:both;width:100%; background: #EEEEEE; height: 1px;}
.wp6{margin:0 auto;clear:both;width:100%; background: #f0f5fb;}
.wp7{margin:0 auto;clear:both;width:100%; height: 660px; background: url(image/home-about-bg.jpg) center no-repeat; background-size: cover;}

/* 网站自定义样式 */
#menu{position:relative;}

#menu h1{width: 150px; height:40px; float:left; cursor:pointer; text-align: center;}
#menu h1.last{width: 150px; height:40px; float:left; cursor:pointer; text-align: center;}
#menu h1 a.menu{display:block; height:40px; line-height:40px; font-size: 15px; color: #FFF;}
#menu h1 a.menu:hover,
#menu h1.select a{color:#FFF;}

#menu .m:hover,#menu .m.active{background-color: #eb3d00;}

#menu .submenu{position:absolute;background:#eb3d00;padding:4px;display:none;z-index:9998; width: 150px;}
#menu .submenu.last{position:absolute;background:#eb3d00;padding:4px;display:none;z-index:9998; width: 150px;}
#menu .submenu .item{padding:4px; text-align:center;}
#menu .submenu .item a{color:#FFF; font-size: 14px;}
#menu .submenu .item:hover,
#menu .submenu .item:hover a{background:#b33104;}

.transparent_class {  
    background: rgba(29, 163, 125, 100) !important;     /* IE无效，FF有效 */    
    filter: alpha(opacity=90);    
    -moz-opacity:0.9;    
    -khtml-opacity: 0.9;    
    opacity: 0.9;    
}
.transparent_class_menu {  
    background: rgba(100, 164, 18, 100) !important;     /* IE无效，FF有效 */    
    filter: alpha(opacity=90);    
    -moz-opacity:0.9;    
    -khtml-opacity: 0.9;    
    opacity: 0.9;
    
}

a{color:#3c3733; TEXT-DECORATION: none; outline:none;}
a:link, a:visited{color:#3c3733; text-decoration:none; outline:none;}
a:hover{color:#eb3d00; text-decoration:underline; outline:none;}
a:active {star:expression(this.onFocus=this.blur());}

a.link1{color:#FFF; TEXT-DECORATION: none; outline:none; font-weight: bold; font-size: 15px;}
a.link1:link, a.link1:visited{color:#FFF; text-decoration:none; outline:none; font-weight: bold; font-size: 15px;}
a.link1:hover{color:#eb3d00; text-decoration:underline; outline:none; font-weight: bold; font-size: 15px;}
a.link1:active {star:expression(this.onFocus=this.blur());}

a.link2{color:#FFF; TEXT-DECORATION: none; outline:none;}
a.link2:link, a.link2:visited{color:#FFF; text-decoration:none; outline:none;}
a.link2:hover{color:#eb3d00; text-decoration:underline; outline:none;}
a.link2:active {star:expression(this.onFocus=this.blur());}

a.link3{color:#01408f; TEXT-DECORATION: none; outline:none;}
a.link3:link, a.link3:visited{color:#01408f; text-decoration:none; outline:none;}
a.link3:hover{color:#FFF; text-decoration:none; outline:none;}
a.link3:active {star:expression(this.onFocus=this.blur());}

a.link4{color:#01408f; TEXT-DECORATION: none; outline:none;}
a.link4:link, a.link4:visited{color:#01408f; text-decoration:none; outline:none;}
a.link4:hover{color:#eb3d00; text-decoration:none; outline:none;}
a.link4:active {star:expression(this.onFocus=this.blur());}

a.link5{color:#01408f; TEXT-DECORATION: none; font-size: 16px; outline:none;}
a.link5:link, a.link5:visited{color:#01408f; text-decoration:none; font-size: 16px; outline:none;}
a.link5:hover{color:#FF6600; text-decoration:underline; font-size: 16px; outline:none;}
a.link5:active {star:expression(this.onFocus=this.blur());}

a.link6{color:#3c3733; TEXT-DECORATION: none; outline:none;}
a.link6:link, a.link6:visited{color:#3c3733; text-decoration:none; outline:none;}
a.link6:hover{color:#FFF; text-decoration:none; outline:none;}
a.link6:active {star:expression(this.onFocus=this.blur());}

a.white{color:#FFF; TEXT-DECORATION: none; outline:none;}
a.white:link, a.white:visited{color:#FFF; text-decoration:none; outline:none;}
a.white:hover{color:#FFF; text-decoration:underline; outline:none;}
a.white:active {star:expression(this.onFocus=this.blur());}

.font0{font-size: 20px; font-weight: bold; color: #01408f; font-style: italic;}
.font1{font-size: 28px; text-align: center; min-height: 50px; line-height: 50px;}
.font2{font-size: 40px; font-weight: bold; color: #01408f;}
.font3{background: url(image/dot4.jpg) no-repeat center left; width: 100%; height: 30px; line-height: 30px;}
.font4{font-size: 30px; color: #FFF;}
.font5{font-size: 28px; color: #01408f; height: 40px; line-height: 40px;}
.font6{font-size: 20px; height: 40px; line-height: 40px; color: #999;}

.school_list1 div{margin: 0 0 0 0; padding: 0px; width: 270px; float:left;}
.school_list2 div{margin: 0 0 0 0; padding: 0px; width: 284px; float:left;}
.school_list3 div{margin: 0 0 0 0; padding: 0px; width: 435px; float:left;}
.school_list4 div{margin: 0 0 0 0; padding: 0px; width: 570px; float:left;}
.school_list5 div{margin: 0 0 0 0; padding: 0px; width: 386px; float:left;}

.catalog{height: 32px; line-height: 32px; font-size: 18px; float: left; color: #01408f; padding-bottom: 32px; border-bottom: 2px solid #01408f;}
.catalog_right{text-align: right; float: right; height: 32px; line-height: 32px;}

.num_bg{width: 40px; height: 16px; background: url(image/num_bg.jpg) center center no-repeat; text-align: center; padding-top: 2px;}

#back-top {
	position:fixed;
	width:50px;
	height:50px;
	bottom:30px;
	right:30px;
	background:#ccc;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	font-size: 14px;
	FONT-FAMILY: "微软雅黑","Microsoft YaHei","Verdana";
}

#banner{height: 450px;overflow:hidden;}
#banner div{height: 450px;}

.input2{
    width: 218px;
    height: 38px;
    line-height: 38px;
    background: url(image/search_bg.jpg) no-repeat center left;
    padding-left: 15px;
    border: 0px;
}
.input3{
    BORDER: #999999 1px solid;
    COLOR: #000000;
    background-color:#fff;
    FONT-FAMILY: Verdana;
    HEIGHT: 18px;	
}


.button
{
    height: 35px;
    line-height: 35px;
    background: url(image/dot4.jpg) no-repeat center left;
    padding-left: 15px;
}
.button1
{
    height: 28px;
    line-height: 28px;
    background: url(image/dot5.jpg) no-repeat center left;
    padding-left: 25px;
}

.booktable{background-color: #cccccc;}
.banma1{
	background-color: #F5F5F5;
	text-align:center; 
	vertical-align: middle;
}
.banma2{
	background-color: #FFFFFF;
	text-align:center;
	vertical-align: middle;
}
.banma3 {height: 35px; text-align: right; vertical-align: middle;}
.banma4 {height: 35px; text-align: left; vertical-align: middle; padding-left: 5px;}
.bottom{
	background-color: #FFFFFF;
	text-align:right;
	vertical-align: middle;
	height: 30px;
}
.banma5{
	background-color: #FFFFFF;
	text-align:left;
	vertical-align: middle;
	height: 30px;
}

.more{background-color:#f0f5fb; border: 1px solid #01408f; padding:0; text-decoration:none; width: 150px; height: 30px; line-height: 30px; display:block; text-align: center; border-radius: 15px;}
.more:hover,.more.active{background-color: #01408f; text-decoration:none;}

.cart{background-color:#FFF; border: 1px solid #01408f; padding:0; text-decoration:none; width: 110px; height: 32px; line-height: 32px; margin: 0 auto; display:block; text-align: center;}
.cart:hover,.cart.active{background-color: #01408f; text-decoration:none;}

.buy{background-color:#FFF; border: 1px solid #01408f; padding:0; text-decoration:none; width: 180px; height: 30px; line-height: 30px; margin: 0 auto; display:block; text-align: center; border-radius: 15px;}
.buy:hover,.buy.active{background-color: #01408f; text-decoration:none;}

img{border: none;}

.zzsc {
	width:300px;
	height:300px;
	margin:auto;
	position:relative;
}
.Honor {
	width:431px;
	height:500px;
	margin:auto;
	position:relative;
}
.text {
	background-color:#000;
	FILTER:alpha(opacity=60);
	opacity:0.7;
	-moz-opacity:0.7;
	position:absolute;
	left:0px;
	bottom:0px;
}
.imgbt {
	width:280px;
	height:30px;
	padding:0px 10px;
}
.imgbt span {
	display:block;
}
.span_a {
	width:210px;
	line-height:30px;
	float:left;
	font-size:14px;
	color:#FF3366;
	padding-right:10px;
}
.span_b {
	width:60px;
	line-height:30px;
	float:left;
	font-size:16px;
	color:#FF3366;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
}


@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.eot');
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont/iconfont.woff2') format('woff2'),
      url('iconfont/iconfont.woff') format('woff'),
      url('iconfont/iconfont.ttf') format('truetype'),
      url('iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    font-size: 50px;
    color: #999;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.iconfont:hover,.iconfont.active{
	color: #01408f;
    text-decoration:none;
}

#mybtns {
	margin: 10px 0;
	display: block;
	height: 42px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}
#mybtns a:hover {
	background-color: #01408f;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #LeftArr {
	background-image: url(image/jt_l.png);
}
#mybtns #RightArr {
	background-image: url(image/jt_r.png);
}