@charset "gb2312";
/* CSS Document */

html,body,div,p,ul,li,img,a,span,h3,input,h1,b,label,table {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
	text-decoration:none;
	box-sizing:border-box;
}

img {
	border:0;
	max-width:100%;
	display:block;
}

body {
	font-family:'΢ÈíÑźÚ','Microsoft YaHei','ËÎÌå','arial',sans-serif;
	font-size:14px;
}

.clear {
	height:0;
	overflow:hidden;
	clear:both;
}

.float-l {
	float:left;
}

.float-r {
	float:right;
}

.container {
	margin:0 auto;
	overflow:hidden;
}

/* index start */
.split-bar {
	height:16px;
	overflow:hidden;
}

.bg {
	background:url(/images/bg.jpg) repeat;
	overflow:hidden;
}

.nav {
	overflow:hidden;
	padding:5px 0;
}
.nav a {
	float:left;
	width:30.2%;
	margin:1.56%;
	padding:1.4% 2.4%;
	text-align:center;
	color:#fff;
	font-size:1.3em;
}
.nav a.blue {
	background:#59A5DF;
	border:1px solid #8BBEE5;
}
.nav a.yellow {
	background:#F3A42B;
	border:1px solid #F3BD6C;
}
.nav a img {
	margin:0 auto;
}

.news {
	margin:0 3% 0 1.6%;
	background:#FFFFFF;
	overflow:hidden;
}
.news .dynamic {
	background:#59A5DF url(/images/wapbg_02.jpg) repeat-x center center;
	width:30%;
	text-align:center;
	color:#fff;
	padding:20px 5px;
}
.news .dynamic span {
	display:block;
	line-height:2.0em;
}
.news .dynamic .en {
	font-size:1.77em;
}
.news .dynamic .cn {
	font-size:1.47em;
}
.news ul {
	width:70%;
}
.news ul li {
	text-indent:10%;
	overflow:hidden;
	text-overflow:ellipsis;
	background:url(/images/wapbg_03.jpg) no-repeat 5% center;
}
.news ul li a {
	color:#f3a42b;
	line-height:1.68em;
	font-size:1.1em;
	text-decoration:none;
	white-space:nowrap;
}
.news ul li a:hover {
	text-decoration:underline;
}

.wrap {
	margin:0 2%;
	overflow:hidden;
	background:#fff;
}
.wrap .photo {
	width:30%;
	background:#fff;
}
.wrap .photo img {
	width:100%;
}
.wrap .lists {
	width:70%;
	padding-left:12px;
	overflow:hidden;
}
.wrap .lists h3 {
	font-size:1.6em;
	font-weight:normal;
}
.wrap .lists h3 a {
	line-height:45px;
}
.wrap .lists .item {
	margin:3px;
	padding:5px 0;
	width:30%;
	text-align:center;
	color:#fff;
	font-size:1em;
}
.wrap .lists .item:hover {
	text-decoration:underline;
}

/* .wrap .lists common color */
.wrap .blue h3 a {
	color:#5BA6DF;
}
.wrap .blue .item {
	background:#59A5DF;
}
.wrap .yellow h3 a {
	color:#F5B961;
}
.wrap .yellow .item {
	background:#F3A42B;
}

.bottom-contact {
	padding:15px 0;
	text-align:center;
	background:#1A79CB;
	font-size:1.2em;
	color:#fff;
	overflow:hidden;
}
.bottom-contact a {
	color:#fff;
}

.footer {
	padding:10px 0 60px;
}
.footer p {
	line-height:2.0em;
	font-size:1.3em;
	padding-left:1em;
	line-height:1.6em;
}
.footer p a {
	color:#000;
}

.fixed-footer {
	position:fixed;
	bottom:0;
	left:50%;
	border-radius:10px;
	box-shadow:0 -3px 5px #999;
	overflow:hidden;
	width:100%;
}
.fixed-footer .btn-zixun {
	width:50%;
	padding:15px 0;
	text-align:center;
	color:#fff;
	font-size:1.5em;
}
.fixed-footer .bg-l {
	background:#00B8EE;
}
.fixed-footer .bg-r {
	background:#F4A42B;
}
/* index end */

/* list start */
.tipmsg {
	text-align:center;
	overflow:hidden;
	font-size:1.3em;
}

.top-nav {
	overflow:hidden;
}
.top-nav a {
	float:left;
	margin:2px 0.3% 0;
	width:24.4%;
	text-align:center;
	background:#00B8EE;
	color:#fff;
	font-size:1.4em;
	padding:11px 0;
}

.top-call {
	margin:10px;
	border-radius:10px;
	border:1px solid #4747FF;
	overflow:hidden;
}
.top-call .textbox {
	width:50%;
	height:37px;
	border:none;
}
.top-call .textbox input {
	width:90%;
	height:37px;
	font-size:1.4em;
	margin:0 5%;
	color:#D7D7D7;
}
.top-call .btn-submit {
	width:50%;
	height:37px;
	line-height:38px;
	background:#006CFF url(/images/tel.jpg) no-repeat 4% center;
	color:#fff;
	text-indent:2em;
	font-size:1.4em;
	text-align:center;
	cursor:pointer;
}

.crumb {
	overflow:hidden;
	padding:5px 10px;
}
.crumb a {
	color:#4A7B9B;
	font-size:1.4em;
}

.list-split {
	height:12px;
	background:#EBEBEB;
	width:100%;
}

.list-wrap {
	overflow:hidden;
	padding:10px 5px;
	border-bottom:1px solid #ccc;
}
.list-wrap .pic {
	width:30%;
	height:110;
	overflow:hidden;
}
.list-wrap .pic img {
	display:block;
	width:90%;
	height:100%;
	max-height:110px;
	max-width:110px;
}
.list-wrap .desc {
	width:70%;
	overflow:hidden;
}
.list-wrap .title {
	width:100%;
	color:#2D88C4;
	font-weight:normal;
	line-height:2.2em;
	background:url(/images/list-style.jpg) no-repeat 1% center;
	text-indent:1.3em;
	margin-bottom:0.5em;
	overflow:hidden;
}
.list-wrap .title a {
	color:#2D88C4;
	font-size:1.4em;
	line-height:inherit;
}
.list-wrap .title span {
	color:#888888;
	font-size:0.9em;
	padding-left:1em;
	line-height:inherit;
}
.list-wrap .abstract {
	width:100%;
	line-height:1.8em;
	font-size:1.2em;
	text-indent:1.2em;
	color:#787878;
	overflow:hidden;
}
.list-wrap .abstract a {
	color:#FF461B;
	font-size:inherit;
	line-height:inherit;
}

.list-pages {
	padding:0 10px;
	overflow:hidden;
}
.list-pages li {
	float:left;
	text-align:center;
	padding:1.2em 0.4em;
	font-size:1.3em;
	white-space:nowrap;
	color:#1A79CB;
}
.list-pages li a {
	font-size:inherit;
	color:inherit;
}
.list-pages .thisclass {
	color:#999999;
}
/* list end */

/* article start */
.article-title {
	overflow:hidden;
	text-align:center;
	border-bottom:1px solid #D9E6EC;
	margin-bottom:0.5em;
	width:100%;
}
.article-title h1 {
	font-weight:normal;
	font-size:1.7em;
	color:#00B8EE;
	letter-spacing:1px;
	height:2.2em;
	line-height:2.2em;
	overflow:hidden;
	width:inherit;
}
.article-title p {
	color:#999999;
	font-size:1.2em;
	height:1.8em;
	width:inherit;
}

.article-content {
	padding:0.5em;
	font-size:1.3em;
	letter-spacing:2px;
	color:#787878;
	line-height:1.8em;
}
.article-content p {
	width:inherit;
	overflow:hidden;
	/*margin:0.8em 0;*/
}
.article-content p img {
	margin:0 auto;
}


.article-prev, .article-next {
	padding:0.5em;
	color:#00B8EE;
	font-size:1.3em;
	overflow:hidden;
}
.article-prev a, .article-next a {
	color:#787878;
	font-size:inherit;
}

.article-recommend {
	overflow:hidden;
	color:#fff;
	font-size:1.3em;
	margin:0.5em auto;
}
.article-recommend a {
	text-align:center;
	float:left;
	margin:1%;
	width:48%;
	color:inherit;
	padding:0.7em 0;
}
.article-recommend a.list-01 {
	background:#EAB323;
}
.article-recommend a.list-02 {
	background:#4963AE;
}
.article-recommend a.list-03 {
	background:#2E9B95;
}
.article-recommend a.list-04 {
	background:#D9557C;
}
/* article end */

/* page start */
.page-content {
	overflow:hidden;
	font-size:1.3em;
	padding:0 2%;
}
.page-content p {
	width:100%;
	font-size:inherit;
}
.page-content img {
	margin:0 auto;
}

.gotop {
	position:fixed;
	right:10px;
	bottom:60px;
	width:50px;
	height:50px;
	opacity:0.2;
	filter:alpha(opacity=20);
	background:#534C4D url(/images/gotop.png) no-repeat center center;
	z-index:100;
	border-radius:5px;
	display:none;
}
.gotop:hover,gotop-hover {
	filter:alpha(opacity=100);
	opacity:1;
}
/* page end */

/* gubingceshi start */
#cspage {
	font-size:11px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.cspage {
	height: 520px;
	left: 50%;
	margin-left: -180px;
	margin-top: -260px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 360px;
}
.cspage .section {
	width:100%;
	padding:0 1.5%;
	position:relative;
	overflow:hidden;
}
.cspage .section .slide {
	width:100%;
	overflow:hidden;
}
.cspageshow {
	display:block;
}
.cspagehide {
	display:none;
}
.cspage .hdtip {
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-24px;
	width:40px;
	height:40px;
	background:#2F424B;
	border-radius:100%;
	text-align:center;
	opacity:0.8;
	
}
.cspage .hdtip img {
	position:absolute;
	left:50%;
	top:18px;
	margin-left:-8px;
	width:17px;
	height:14px;
	animation:start 1.5s infinite ease-in-out;
	-moz-animation:start 1.5s infinite ease-in-out;
	-webkit-animation:start 1.5s infinite ease-in-out;
	-o-animation:start 1.5s infinite ease-in-out;
}
.cspage .hdtip span {
	position:absolute;
	top:-24px;
	left:50%;
	width:80px;
	color:#666;
	display:block;
	font-size:1.2em;
	margin-left:-40px;
}
@keyframes start {
from {top:22px;}
to {top:0;}
}
@-moz-keyframes start {
from {top:22px;}
to {top:0;}
}
@-webkit-keyframes start {
from {top:22px;}
to {top:0;}
}
@-o-keyframes start {
from {top:22px;}
to {top:0;}
}

.cspage .gbcs-banner {
	margin-top:5px;
	overflow:hidden;
}
.cspage .gbcs-banner img {
	margin:0 auto;
}

.cspage .section p {
	padding:0 15px;
	width:100%;
	line-height:1.8em;
	font-size:1.3em;
}
.cspage .section p b {
	color:#f00;
	font-size:1.3em;
	font-weight:normal;
}

.csbg .section {
	background:#fff;
	border-radius:10px;
	width:90%;
	margin:0 auto;
	border:1px solid #E0E0E0;
}

.section .tt {
	font-size:1.6em;
	color:#787878;
	height:40px;
	line-height:40px;
	padding-left:60px;
	overflow:hidden;
}
.section .tt .ttc {
	height:inherit;
	line-height:inherit;
	width:90%;
	text-indent:1em;
	overflow:hidden;
}

.csbg .section {
	padding:1em;
}
.csbg ul.options {
	font-size:1.5em;
	overflow:hidden;
}
.cdbg ul li {}

.csbg-01 {
	background:#fff;
}
.csbg-02 {
	background:#A0E7F9;
}
.csbg-03 {
	background:#DDE0FF;
}
.csbg-04 {
	background:#FEDAD8;
}
.csbg-05 {
	background:#CEF2B5;
}
.csbg-06 {
	background:#FEFED7;
}
.csbg-07 {
	background:#fff;
}

.csbg-02 ul li {
	float:left;
	width:20%;
	margin:4% 10%;
}
.csbg-02 .section .tt-bg-02 {
	background:url(/images/tt-01.jpg) no-repeat left center;
}
.csbg-02 .section .tt-bg-02 .ttc {
	background:#A0E7F9;
}
.csbg-02 .section {
	margin-top:50px;
}

.csbg-03 ul li {
	margin:6% 8%;
}
.csbg-03 .section .tt-bg-03 {
	background:url(/images/tt-02.jpg) no-repeat left center;
}
.csbg-03 .section .tt-bg-03 .ttc {
	background:#DDE0FF;
	width:100%;
}
.csbg-03 .section {
	margin-top:50px;
}

.csbg-04 ul li {
	margin:8% 8%;
}
.csbg-04 .section .tt-bg-04 {
	background:url(/images/tt-03.jpg) no-repeat left center;
}
.csbg-04 .section .tt-bg-04 .ttc {
	background:#FEDAD8;
}
.csbg-04 .section {
	margin-top:50px;
}

.csbg-05 ul li {
	margin:8% 8%;
}
.csbg-05 .section .tt-bg-05 {
	background:url(/images/tt-04.jpg) no-repeat left center;
	font-size:1.35em;
}
.csbg-05 .section .tt-bg-05 .ttc {
	background:#CEF2B5;
	width:100%;
}
.csbg-05 .section {
	margin-top:50px;
}

.csbg-06 ul li {
	margin:10%;
}
.csbg-06 .section .tt-bg-06 {
	background:url(/images/tt-05.jpg) no-repeat left center;
}
.csbg-06 .section .tt-bg-06 .ttc {
	background:#FEFED7;
}
.csbg-06 .section {
	margin-top:80px;
}

.csbg-07 .section-bottom {
	margin:20px 1% 0;
	background:url(/images/bt_bg.jpg) no-repeat center top;
	overflow:hidden;
}
.csbg-07 .section-bottom table {
	font-size: 1.3em;
	margin:90px 0 15px 85px;
	width: 90%;
	border-collapse:collapse;
}
.csbg-07 td {
	column-width:auto;
	overflow:hidden;
}
.csbg-07 .gray {
	color:#AEAEAE;
}
.csbg-07 .section-bottom .star {
	color:#f00;
	font-size:1.3em;
}
.csbg-07 .tbox {
	width:120px;
	border:1px solid #C8C8C8;
}
.csbg-07 tr {
	height:24px;
	line-height:24px;
}
.csbg-07 .tipmsg {
	color:#E31A1D;
	font-weight:bold;
}
.cs-submit {
	padding-top:20px;
	overflow:hidden;
}
#cssubmit {
	background:url(/images/bt_bg_01.jpg) no-repeat left center;
	width:165px;
	height:35px;
	color:#fff;
}
#csform {
	overflow:hidden;
}
/* gubingceshi end */

















/* gt 640 */
@media all and (min-width:640px) {
body {
	font-size:14px;
}

.container {
	width:640px;
}

.news .dynamic {
	padding:19px 5px;
}
}
/* gt 480  and lt 640 */
@media all and (max-width:640px) {
.container {
	width:100%;
}

.news .dynamic {
	padding:15px 5px;
}

.wrap .lists {
	padding-left:5px; 
}
}
@media all and (min-width:480px) {
.list-wrap .pic {
	width:20%;
}
.list-wrap .desc {
	width:80%;
}
}
/* lt 480 */
@media all and (max-width:480px) {
body {
	font-size:11px;
}

.bottom-contact {
	font-size:1.3em;
}
}
/* lt 360 */
@media all and (max-width:360px) {
}
/* lt 320 */
@media all and (max-width:320px) {
.container {
	width:320px;
}
}


/* ·ÖÒ³ */
#pages {overflow:hidden; padding:14px 0 10px; font-family:ËÎÌå; text-align:center; width:430px;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url() no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#cbb496; border:1px solid #e3e3e3; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url() repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }