﻿*{ 
	padding:0; 
	margin:0;
}
body,td,th,div{
	font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
	font-size: 14px;
	color: #000000;
}
body {
	background:#FFFFFF;
}
p{
	line-height:150%;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: none;
}
h1{
	color:#000000;
	line-height:150%;
	font-size:24px;
}
img{ border:0px;}
li{ 
	list-style:none;
}

.f12b{
	font-weight:bold;
}
.f16{
	font-size:16px;
}
.f14b{
	font-size:14px;
	font-weight:bold;
}


.txt_list1{ width:250px; float:right; overflow:hidden;}
.txt_list1 li{ line-height:35px; font-size:14px; border-bottom:1px solid #B8D4D8;}
.txt_list1 span{ float:right; margin-right:8px; color:#666666;}
.txt_list1 li:hover span,.txt_list1 a:hover{ color:#1d96b0; text-decoration:none;}

.txt_list2{ width:324px; margin:0 auto; overflow:hidden; padding-top:30px;}
.txt_list2 li{ line-height:35px; font-size:14px; }
.txt_list2 span{ float:right; margin-right:8px; color:#666666;}
.txt_list2 li:hover span,.txt_list2 a:hover{ color:#1d96b0; text-decoration:none;}

.pic_list1{ width:660px; margin:5px auto 6px auto; }
.pic_list1 li{ width:120px; float:left;margin-left:7px; display:inline;}
.pic_list1 li img { border:1px solid #CCC; padding:1px;}
.pic_list1 li span{display:block; line-height:25px; text-align:center;}

.main{ width:1200px; margin:0 auto; clear:both;}

a.font_blue,.font_blue{ color:#71B8CE;}
a.font_green,.font_green{ color:#F3A769;}
a.font_red{ color:#E4686A;}

.header{ width:100%; height:131px; clear:both; background:url(../images/index_02.jpg) repeat-x;}
.header .logo{ float:left; padding-top:15px;}
.header .nav{ float:right; width:746px;}
.header .nav .text{ width:520px; float:left; text-align:right; font:normal 12px/62px "微软雅黑"; padding-right:60px;}
.header .nav .search{ width:155px; height:21px; border:1px solid #DBDBDB; float:right; padding-top:5px; margin-top:18px;}
.header .nav .search input[type="text"]{ width:120px; float:left; border:0; padding:0 5px;}
.header .nav .search input[type="image"]{ width:18px; float:left;}

.header .nav .menu{ width:700px; margin:0 auto; clear:both; overflow:hidden;}
.header .nav .menu li{ float:left; font:normal 16px/69px "微软雅黑"; margin-right:5px;}
.header .nav .menu a{ display:block; width:110px; color:#FFF; text-align:center; text-decoration:none;}
.header .nav .menu a:hover,.header .nav .menu .hover{ background:#21A1BC;}

.m_banner{ background:#fff;height:617px; position:relative;}
.m_banner .banner{height:617px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:100px;width:100%;position:absolute;top:45%;left:0; z-index:2;}
.banner_ctrl a{ display:block;width:36px;height:65px;  position:absolute; opacity:.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
.banner_ctrl a.prev{ left:10px; background:url(../images/index_15.png) no-repeat; }
.banner_ctrl a.next{right:10px; background:url(../images/index_17.png) no-repeat; }
.m_banner .banner .main_c{ position:relative;z-index:10;height:388px;}

.index_bg{ background:#F2F2F2; width:100%; margin:0 auto; clear:both; overflow:hidden; padding-bottom:75px;}

.pro_center{width:1200px; margin:0 auto; clear:both; background:url(../images/index_12.png) no-repeat right top; padding:15px 0; overflow:hidden;}
.pro_center h1{ color:#053944; font:normal 30px/65px "微软雅黑";}
.pro_center p{ color:#053944; font:normal 14px/25px "微软雅黑";}

.nTab{ width:1200px; margin:0 auto; clear:both; overflow:hidden;}
.nTab .TabTitle{width: 134px; overflow: hidden; float:left; }
.nTab .TabTitle li{float: left;cursor: pointer; text-align:center;font-size:14px;list-style:none; width:100%; line-height:38px; font-family:"微软雅黑"; margin:7px 0 6px 0;}
.nTab .TabTitle .active{ background:url(../images/index_23.jpg) no-repeat; color:#FFF; }
.nTab .TabTitle .active a{ color:#FFF; }
.nTab .TabTitle .normal{ background:#FFF; color:#22a1bc;}
.nTab .TabTitle a:hover,.nTab .TabTitle li:hover a{ color:#FFF; text-decoration:none;}
.nTab .TabTitle span{ display:block; background-position:10px 18px; padding:10px 0 0 40px; height:55px;}
.nTab .TabTitle i{ display:block; font-style:normal; font-size:10px; font-family:Arial;}
.nTab .TabContent{width:1015px; height:340px; overflow:hidden; float:right; padding-top:8px; padding-left:20px;}
.none {display:none;}

.nTab2{ width:880px; margin:0 auto; clear:both; overflow:hidden; padding-top:20px;}
.nTab2 .TabTitle{width: 100%;  margin:0 auto; clear:both; overflow: hidden; }
.nTab2 .TabTitle li{float: left;cursor: pointer; text-align:center;font-size:20px;list-style:none; width:100px; line-height:38px; font-family:"微软雅黑"; margin-right:20px;}
.nTab2 .TabTitle .active{ color:#23A0BE; border-bottom:3px solid #21A1BC;}
.nTab2 .TabTitle .normal{ color:#333; border-bottom:3px solid #FFF;}
.nTab2 .TabTitle span{ display:block; background-position:10px 18px; padding:10px 0 0 40px; height:55px;}
.nTab2 .TabTitle i{ display:block; font-style:normal; font-size:10px; font-family:Arial;}
.nTab2 .TabContent{width:836px; min-height:670px; overflow:hidden; padding:30px 20px; background:#F2F2F2;}

.item_list{background:#FFF; width:180px; height:325px; float:left; text-align:center; padding-top:35px; margin:0 8px; overflow:hidden;}
.item_list b{ color:#333; font:normal 16px/35px "微软雅黑"; display:block; margin-top:20px;}
.item_list p{ color:#888; font-size:12px; line-height:35px;}
.item_list span{ color:#FFF; font:normal 14px/38px "微软雅黑"; display:block; background:url(../images/index_37.jpg) no-repeat center; text-align:center; margin-top:10px;}

.library{width:1200px; margin:0 auto; clear:both; background:url(../images/index_41.jpg) no-repeat right 100px; padding:50px 0; overflow:hidden;}
.library h1{ color:#053944; font:normal 30px/65px "微软雅黑"; width:100%; margin:0 auto; clear:both;}
.library .lists{ width:866px; float:left; padding-top:30px; overflow:hidden;}
.library .lists dl{ width:260px; float:left; margin:0 20px 50px 0;}
.library .lists dl dt{ width:60px; float:left; padding-top:8px;}
.library .lists dl dd{ width:200px; float:left;}
.library .lists dl dd b{ color:#333; font:normal 16px/30px "微软雅黑";}
.library .lists dl dd b span{ float:right; color:#053944; font-size:12px;}
.library .lists dl dd p{ color:#22a1bc; font-size:12px; line-height:20px;}

.case{width:585px; float:left; padding-top:20px;}
.case h1{ color:#053944; font:normal 30px/80px "微软雅黑"; width:100%; margin:0 auto; clear:both;}
.case .pic{ width:312px; float:left;}
.case .pic b{ color:#333; font:normal 16px/40px "微软雅黑";}
.case .pic p{ color:#666; font:normal 12px/25px "微软雅黑";}
.case .pic span{ color:#053944; font:normal 12px/30px "微软雅黑"; text-align:right; display:block;}

.biz_list{width:585px; float:right; padding-top:20px;}
.biz_list h1{ color:#053944; font:normal 30px/80px "微软雅黑"; width:100%; margin:0 auto; clear:both;}
.biz_list li{ float:left; margin:0 20px 11px 0;}

.index_news{ width:400px; float:left; padding:20px 0; overflow:hidden;}
.index_news .title{ width:100%; margin:0 auto; text-align:center;}
.index_news .title span{ color:#053944; font:normal 18px/60px "微软雅黑"; display:block;}

.line2{ border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; width:398px;}

.space45{ width:100%; height:45px; clear:both;}

.links{width:100%; min-height:121px; clear:both; background:url(../images/index_66.jpg) repeat-y; padding:30px 0;}
.links b{ font:normal 20px/40px "微软雅黑"; display:block; clear:both; color:#FFF;}
.links li{ float:left; margin-right:20px; line-height:30px; color:#FFF;}
.links a{ color:#FFF;}
.links a:hover{ color:#249DBA; text-decoration:none;}

.footer{ width:100%; clear:both; background:#AFAFAF; color:#FFF;}
.footer p{ font:normal 12px/75px "微软雅黑"; text-align:center;}

.iframe_head{ width:100%; height:130px;}
.iframe_foot{ width:100%; height:255px;}

.my_position{ width:1200px; margin:0 auto; clear:both; font:normal 12px/60px "微软雅黑"; color:#053944;}

.login_bg{ background:#F2F2F2; width:1200px; margin:0 auto; clear:both; padding:55px 0; overflow:hidden}

.reg_bg{ background:#F2F2F2; width:880px; padding:55px 0; overflow:hidden; float:left;}

.reg_nav{ width:240px; float:right; border:1px solid #DFDFDF; padding:25px 25px 0 25px;}
.reg_nav p{ padding-bottom:20px; line-height:22px;}

.tabs{ width:580px; margin:0 auto; clear:both;}
.tabs li{ float:left; width:143px; font:normal 16px/41px "微软雅黑"; text-align:center; margin-right:30px; background:#FFF;}
.tabs a{ display:block;}
.tabs .curr{background:url(../images/login_03.jpg) no-repeat; }
.tabs .curr a{ color:#FFF;}

.box{ width:580px; margin:0 auto; clear:both; padding-top:50px; overflow:hidden;}
.box dl{ width:100%; clear:both; padding:20px 0;}
.box dl dt{ width:100px; float:left; font:normal 16px/35px "微软雅黑"; color:#333; text-align:right; padding-right:20px;}
.box dl dt i{ font-style:normal; color:#F6B187; padding-right:5px;}
.box dl dd{ width:300px; float:left; line-height:35px;}
.box .input{ border:1px solid #DFDFDF; width:290px; height:33px; padding:0 5px; font:normal 14px/33px "微软雅黑"; float:left;}
.box .button{ width:290px; height:40px; padding:0 5px; font:normal 14px/40px "微软雅黑"; float:left; background:#2098B1; color:#FFF; border:0;}
.box .chk{ float:left; margin:0 5px; padding-top:3px;}

.error{ color:#888; width:100%; margin:0 auto; margin-bottom:-15px; font:normal 12px/30px "微软雅黑";}

.news_nav{ width:290px; float:left; }
.news_nav li{ background:url(../images/news_12.jpg) repeat-x bottom #F2F2F2; font:normal 18px/80px "微软雅黑"; width:100%;}
.news_nav a{ display:block; background:url(../images/news_09.png) no-repeat 35px center; color:#053944; padding-left:80px;}
.news_nav a:hover{ background:url(../images/news_03.png) no-repeat 35px center #21A1BC; color:#FFF; text-decoration:none;}

.news_right{ width:796px; float:right; border:1px solid #DFDFDF; padding:0 40px;}
.news_right h1{ color:#053944; font:normal 24px/80px "微软雅黑";}
.news_right dl{ clear:both; padding:10px; background:#F2F2F2; overflow:hidden; margin-bottom:18px;}
.news_right dl dt{ float:left; width:228px;}
.news_right dl dd{ float:left; width:540px;}
.news_right dl b{ font:normal 16px/30px "微软雅黑"; }
.news_right dl p{ font:normal 14px/22px "微软雅黑"; color:#888;}
.news_right dl span{ font:normal 14px/20px "微软雅黑"; color:#888; text-align:right; display:block;}

.news_right dl:hover{ background:#21A1BC;}
.news_right dl:hover a,.news_right dl:hover p,.news_right dl:hover span{ color:#FFF;}

.page{ width:100%; margin:0 auto; padding:36px 0; font-family:"微软雅黑"; overflow:hidden; clear:both; font-size:16px; text-align:center;}
.page a{ display:inline-block; line-height:30px; text-align:center; border:1px solid #E0E0E0; color:#8A8A8A; margin-right:8px; font-size:16px; overflow:hidden; width:30px;}
.page a:hover,.page .current{ text-decoration:none; background:url(../images/news_17.jpg) no-repeat; color:#FFF; border:1px solid #0F6071;}
.page .next{ display:inline-block; overflow:hidden; width:60px; }
.page .next:hover{ background:url() no-repeat center center #0F6071;}

.news_show_left{ width:880px; float:left; }
.news_show_right{ width:286px; float:right; }

.news_content{ width:796px; margin:0 auto; clear:both; border:1px solid #DFDFDF; padding:20px 40px;}
.news_content .title1{  width:100%; margin:0 auto; text-align:center; border:none;}
.news_content .title1 h1{color:#333333;font:normal 30px/80px "微软雅黑"; text-align:center;}
.news_content .basics{ width:100%; margin:0 auto; text-align:center; line-height:30px; color:#666666; font-size:14px;}
.news_content .cnt{ width:100%; overflow:hidden; margin:0 auto; color:#333; font-size:16px; padding:30px 0;}
.news_content .cnt p{ padding:10px 0; line-height:35px;}
.news_content .cnt img{ max-width:100%;}

.news_content .link{ width:100%; overflow:auto; margin:0 auto; border-top:1px solid #D9D9D9; padding-top:10px;}
.news_content .link .prev{width:100%; margin:0 auto; text-align:left; color:#929292; font-size:16px; line-height:35px;}
.news_content .link .prev a{ color:#929292;}
.news_content .link .next{width:100%; margin:0 auto; text-align:left; color:#73AAB8; font-size:16px; line-height:35px;}
.news_content .link .next a{ color:#73AAB8; }

.news_show_nav{ width:250px; margin:0 auto; clear:both; border:1px solid #DFDFDF; padding:18px;}
.news_show_nav li{ font:normal 14px/20px "微软雅黑"; padding:5px 0;}
.news_show_nav span{ background:#D5D5D5; display:inline-block; width:20px; height:20px; color:#FFF; text-align:center; margin-right:5px;}
.news_show_nav .front{ background:#22A1BC;}
.news_show_nav h1{ font:normal 24px/40px "微软雅黑"; padding-bottom:15px;}


#menu{ float:left;}
/*======================================标题部分===============================*/
.tit {/*菜单标题的样式*/
	width:290px;
	background:#F2F2F2 url(../images/news_12.jpg) repeat-x bottom;/*背景样式依次为：颜色，图片路径，横向重复*/
	color: #053944;/*前景色*/
	font:normal 18px/70px "微软雅黑";/*文字样式依次为：粗体 大小/行高 字族*/
	text-indent: 100px;/*文字缩进*/
	position: relative;	
}
.tit a ,.tit a:link , .tit a hover{/*菜单标题中的链接的样式，共同的部分*/
	color: #053944;
	display:block;
	text-decoration:none;
	cursor: pointer;
}
.tit a:hover{
	background: #22A1BC;/*鼠标经过时的颜色*/
	color:#FFF;
}
/*====================
	菜单标题中的箭头图片
======================*/
.on{
	background: url(../images/ucenter_15-23.png) no-repeat 223px;/*向上的箭头-暗色*/
}
.on:hover{
	background: url(../images/ucenter_15-23.png) no-repeat 223px;/*向上的箭头-亮色*/
}
.off{
	background: url(../images/ucenter_06.png) no-repeat 223px;/*向下的箭头-暗色*/
}
.off:hover{
	background: url(../images/ucenter_06.png) no-repeat 223px;/*向下的箭头-亮色*/
}
/*标题图标样式*/
.titpic {
	position: absolute;
	height: 32px;
	width: 32px;
	left: 45px;
	bottom: 18px;
}


/*每一个标题图标，可变的部分*/
#pc1{
	background: url(../images/ucenter_03.png) no-repeat;
}
#pc2{
	background: url(../images/ucenter_09-13.png) no-repeat;
}
#pc3{
	background: url(../images/ucenter_12-20.png) no-repeat;
}
#pc4{
	background: url(../images/ucenter_14-22.png) no-repeat;
}
#pc5{
	background: url(../images/ucenter_12-26.png) no-repeat;
}
#pc6{
	background: url(../images/ucenter_14-28.png) no-repeat;
}
#pc7{
	background: url(../images/library_19.png) no-repeat; bottom:12px;
}

/*==========================================菜单体部分======================================*/
/*====================
	菜单列表的样式
======================*/
.list{
	font-size: 12px;
	color: #002280;
	background: #D5F8FF;
	text-align:left;
	padding:10px 10px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:270px;
	overflow:hidden;
}

.list ul{
list-style-type:none;
margin:0;
padding:0;
}
.list li{
margin:0;
padding:0;
line-height:40px;
font-size:16px;
position:relative;
}
/*============
菜单链接的样式
==============*/
.list a{
color:#053944;
text-decoration:none;
display:block;
padding-left:90px;
}
.list a:link{
color:#053944;
}
.list a:hover{
color:#22a1bc;
}
.list a:active{
color:#053944;
}
.list span{ width:35px; height:20px; color:#FFF; background:#21A1BC; display:inline-block; line-height:20px; text-align:center; position:absolute; top:10px; right:30px;}


.ucenter_right{ border:1px solid #DFDFDF; width:794px; float:right; padding:20px 40px;}
.ucenter_right h1{ font:normal 24px/40px "微软雅黑"; padding-bottom:15px;}
.ucenter_right .input{ width:288px; height:32px; padding:0 5px; border:1px solid #DFDFDF; font:normal 16px/32px "微软雅黑"; color:#888;}
.ucenter_right .btn1{ width:64px; height:34px; border:0; font:normal 16px/34px "微软雅黑"; color:#FFF; background:url(../images/ucenter_16.png) no-repeat; margin-right:5px;}
.ucenter_right .btn2{ width:64px; height:34px; border:0; font:normal 16px/34px "微软雅黑"; color:#888; background:#DEDEDE;}
.ucenter_right .btn3{ width:64px; height:34px; border:0; font:normal 16px/34px "微软雅黑"; color:#FFF; background:#FE797A; margin-right:5px;}
.ucenter_right .btn4{ width:64px; height:34px; border:0; font:normal 16px/34px "微软雅黑"; color:#888; background:#CDCDCD;}

.table1{ border-collapse:collapse; margin:0 auto; margin-top:15px;} 
.table1 th{ line-height:45px; background:#F2F2F2; font-size:16px; color:#053944; font-weight:normal;}
.table1 td{ border-bottom:1px solid #D4D4D4; line-height:65px; }

.sel_wrap{height:32px;background:#fff url(../images/ucenter_11.png) no-repeat 96% center; color: #a1a1a1; font-size: 16px; border:1px solid #DFDFDF;cursor:pointer;position:relative;_filter:alpha(opacity=0);}
.sel_wrap label{padding-left:10px;font-size:16px;z-index:2; color: #a1a1a1; line-height: 32px; height: 32px; display: block;}
.sel_wrap .select{width:100%; line-height: 32px; height: 32px; z-index:4;position:absolute;top:0;left:0;margin:0;padding:0;opacity:0; *margin-top:12px; filter:alpha(opacity=0);cursor:pointer; font-size: 16px; font-family:"微软雅黑";}

.library_order{ width:100%;}
.library_order a{ display:inline-block; background:url(../images/library_07.png) no-repeat 90% center #FFF; border:1px solid #DFDFDF; line-height:32px; padding:0 25px 0 15px; margin-right:5px; color:#053944;}

.library_list{ border:1px solid #DFDFDF; float:left; width:362px; padding:5px; margin:0 12px 16px 10px;}
.library_list dt{ float:left; width:212px;}
.library_list dd{ float:left; width:140px; text-align:center; padding-top:20px;}
.library_list dd b{ font:normal 16px/34px "微软雅黑"; display:block;}
.library_list dd span{ font:normal 14px/30px "微软雅黑"; display:block;}

.qrcode{ width:207px; padding:40px; background:#F2F2F2; text-align:center; margin-top:20px; clear:both;}
.qrcode span{ display:block; color:#22a1bc; font:normal 18px/40px "微软雅黑";}

.library_basic{border:1px solid #DFDFDF; width:836px; margin:0 auto; padding:20px; overflow:hidden; position:relative;}
.library_basic .pic{ float:left; width:308px; text-align:left;}
.library_basic .text{ float:left; width:320px; text-align:left;}
.library_basic .text li{ color:#555; font:normal 16px/50px "微软雅黑";}
.library_basic .text span{ padding-left:20px;}
.library_basic h1{ color:#000; font:normal 24px/50px "微软雅黑"; display:inline; padding-left:20px;}

.down_list{ width:190px; position:absolute; right:20px; bottom:20px; }
.down_list li{ color:#333; font:normal 14px/30px "微软雅黑"; background:url(../images/library_list_06.png) no-repeat left; padding-left:20px;}
.down_list .btn{ width:149px; height:49px; border:0; font:normal 16px/49px "微软雅黑"; color:#FFF; background:url(../images/library_list_10.png) no-repeat; margin-right:5px;}
.down_list p{ padding-top:20px;}

.biz_list2{ width:840px; margin:0 auto; margin-bottom:15px; clear:both; background:#FFF; overflow:hidden; position:relative; padding:16px 0;}
.biz_list2 dt{ width:450px; float:left; padding-left:30px;}
.biz_list2 dt b{ font:normal 16px/30px "微软雅黑"; display:block; color:#333;}
.biz_list2 dt p{ line-height:30px; color:#22a1bc;}
.biz_list2 dd{ width:345px; float:left; font:normal 16px/30px "微软雅黑"; color:#333; padding-top:10px;}
.biz_list2 dd b{ color:#ff94bd; font-size:36px; padding:0 10px;}
.biz_list2 .voucher{ position:absolute; right:0; bottom:0; width:174px; text-align:center;}
.biz_list2 .voucher a{ background:#FF95BD; color:#FFF; display:block; font:normal 16px/38px "微软雅黑"; text-decoration:none;}

.con{ width:100%; overflow:hidden; margin:0 auto; clear:both;}
.con p{ font:normal 16px/30px "微软雅黑"; padding:5px 0;}

    #wrapper {
        width: 1200px;
        min-height: 275px;
		margin:0 auto;
		clear:both;
		position: relative;
    }
    #inner {
        width: 1040px;
        height: 340px;
        position: relative;
        overflow: hidden;
		float:right;
    }
	#carousel{ float:left;}
    #pager {
        text-align: center;
        color: #666;
		float:left;
		width:133px;
    }
    #pager a {
        color: #22A2BD;
        text-decoration: none;
        display: block;
		background:#FFF;
		margin-bottom:10px;
		line-height:37px;
    }
    #pager a:hover {
        color: #22A2BD;
    }
    #pager a.selected {
        background:url(../images/index_23.jpg) no-repeat;
        color: #FFF;
    }
    #prev, #next {
        display: block;
        width: 35px;
        height: 35px;
        position: absolute;
        top: 50%;
        z-index: 2;
    }
    #prev {
        background: url(../images/index_29.jpg ) no-repeat;
        left: 160px;
    }
    #next {
        background: url(../images/index_32.jpg ) no-repeat;
        right: 0px;
    }
    #copy {
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 10px;
        left: 0;
    }
    #copy, #copy a {
        color: #999;
    }
    
    #donate-spacer {
        height: 100%;
    }
    #donate {
        width: 750px;
        padding: 50px 75px;
        margin: 0 auto;
        overflow: hidden;
    }
    #donate p, #donate form {
        margin: 0;
        float: left;
    }
    #donate p {
        width: 650px;
    }
    #donate form {
        width: 100px;
    }