*{ 
	padding:0; 
	margin:0;
}
body,td,th,div{
	font-family:"Î¢ÈíÑÅºÚ";
	font-size: 12px;
	color: #888;
	
}
body {
	background:#FFF;
}
p{
	line-height:150%;
}
a:link {
	color: #888;
	text-decoration: none;
}
a:visited {
	color: #888;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
a:active {
	color: #888;
	text-decoration: none;
}
img{ border:0px;}
li{ 
	list-style:none;
}
input{ outline:none;}
textarea{ outline:none; resize:none;}

.f12b{
	font-weight:bold;
}
.f14{
	font-size:14px;
}
.f14b{
	font-size:14px;
	font-weight:bold;
}

.txt_list1{ width:720px; margin:0 auto;overflow:hidden; padding:20px 0;}
.txt_list1 li{ background:url(../images/dot.gif) no-repeat left; padding-left:10px; line-height:40px; font-size:14px;}
.txt_list1 span{ float:right; margin-right:8px; color:#333; font-family:Arial;}
.txt_list1 a{color:#333;}

.header{ width:100%; height:90px; margin:0 auto; clear:both;}
.header .logo{ width:200px; float:left; padding-top:15px;}

.header .nav{ width:300px; float:right; margin-top:32px; text-align:right; font-size:16px;}
.header .nav b{ font-size:20px; color:#9D2A27;}

.search{ width:210px; float:right; border:1px solid #E1E1E1; margin-top:12px; background:url(../images/index_12.png) repeat-x;}
.search b{ float:left; padding-left:5px;}
.search p{ float:left;}
.search input[type="text"]{ border:0; height:27px; font:normal 14px/27px "Î¢ÈíÑÅºÚ"; width:170px; background:transparent;}
.search input[type="submit"]{background:url(../images/index_14.png) no-repeat center; width:32px; height:27px; border:0; cursor:pointer;}

.menu_bg{ width:100%; height:53px; background:url(../images/index_07.png) repeat-x; margin:0 auto; clear:both;}

.menu {width:780px; height:53px;font-size:14px;font-family:"Î¢ÈíÑÅºÚ"; float:left;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative; }
.menu ul li {float:left;position:relative;display:inline; margin-right:5px;}
.menu ul li a:link, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#696969;line-height:53px;text-transform:uppercase; text-align:center; padding:0 20px;}
.menu ul li ul {display:none;}
.menu ul li a:hover{color:#FFF;background:url(../images/index_09.png) repeat-x;}
.menu .act{color:#FFF; background:url(../images/index_09.png) repeat-x;}
.menu .act a:link,.menu .act a:hover,.menu .act a:visited{color:#FFF;}

#sub_menu{ width:504px;}
#sub_menu ul{ float:left; width:145px; height:190px; background:none; position:relative; left:0; top:5px; overflow:hidden;}
#sub_menu ul li{ clear:both; margin-left:20px;}
#sub_menu ul a{ background:none; color:#333; line-height:32px; text-align:left; width:115px;}
#sub_menu ul b{ border-bottom:1px solid #CCC; display:block; width:100%; height:30px; font-size:14px;}
#sub_menu ul #line{ border-right:1px solid #CCC;}

.space10{ width:100%; height:10px; margin:0 auto; clear:both;}
.space20{ width:100%; height:20px; margin:0 auto; clear:both;}
.space40{ width:100%; height:40px; margin:0 auto; clear:both;}

.main{width:1000px; margin:0 auto; clear:both;}

.index_title{ width:228px; height:78px; padding-top:150px; color:#FFF; float:left; background:url(../images/index_21-36.png) no-repeat 60px 30px #29A6E0; text-align:center;}
.index_title h1{ font:normal 22px/30px "Î¢ÈíÑÅºÚ";}
.index_title h2{ font:normal 16px/30px "Î¢ÈíÑÅºÚ";}

.index_cnt{ width:490px; float:right; }
.index_cnt li{ float:left; text-align:center; margin:0 7px 10px 7px;}
.index_cnt li a{ display:block; font:normal 14px/30px "Î¢ÈíÑÅºÚ"; width:106px; height:86px; padding-top:20px; background:#EEEEEE; border:1px solid #E4E4E4; text-decoration:none;}
.index_cnt span{ display:block;}
.index_cnt u{ height:45px;display:block; cursor:pointer;}
.index_cnt h1{ clear:both; font:normal 12px/30px "Î¢ÈíÑÅºÚ"; text-align:right; padding-right:8px;}

.footer{width:100%; margin:0 auto; clear:both; border-top:3px solid #38ABE0; padding-top:10px;}
.footer .logo{ width:60px; float:left; }
.footer .text{ width:900px; float:right;}
.footer .text p{ clear:both; font:normal 12px/35px "Î¢ÈíÑÅºÚ";}
.footer .end_txt{ width:1000px; margin:0 auto; clear:both; }
.footer .end_txt h1{font:normal 12px/45px "Î¢ÈíÑÅºÚ"; float:left;}
.footer .end_txt h2{font:normal 12px/45px "Î¢ÈíÑÅºÚ"; float:right;}
.footer .end_txt a{ color:#0069A8;}

#NavQQ { z-index:ff0000;center:0;position:fixed; top:42%; right:0;text-align:center;width:147px;_position:absolute; /* for IE6 */ 
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; cursor:pointer;}

#kefu{ width:120px; position:absolute; top:0px; left:-116px; display:none;}
#kefu .arrow{background:url(../images/kefu_arrow.png) no-repeat; width:6px; height:11px; overflow:hidden; position:absolute; top:15px; left:114px;}
#kefu .box{ border:1px solid #017BCB; width:113px; overflow-x:hidden; overflow-y:auto; background:#FFF;}
#kefu .box li{ clear:both;}
#kefu .box b{ padding-top:3px; float:left; display:inline-block; width:30px;}
#kefu .box span{ float:left; display:inline-block; line-height:32px;}

.product_banner{ width:100%; height:120px; overflow:hidden; margin:0 auto;}

.product_menu{ float:right; width:215px; height:398px; overflow:hidden; border:1px solid #CCC; background:#FFF; padding:15px 0;}
.product_menu li{ float:left; margin-left:18px; text-align:center; }
.product_menu a{ display:block;width:80px; height:82px; text-decoration:none; font-family:"Î¢ÈíÑÅºÚ";}
.product_menu span{ display:block;}

.function_list{ width:710px; margin:0 auto; clear:both; }
.function_list li{ float:left; width:300px; height:210px; overflow:hidden; color:#4D4D4D; font-size:12px; line-height:25px; margin:20px 35px 0 0; padding:0 10px;}
.function_list b{ display:block; color:#34abe1; font:normal 16px/30px "Î¢ÈíÑÅºÚ";}
.function_list a{ color:#34abe1;}
.function_list a:link,.function_list a:visited{text-decoration:none; color:#34abe1;}
.function_list a:hover{text-decoration:underline;}

.banner{ width:100%; height:120px; margin:0 auto; clear:both; overflow:hidden;}

.left_bg{background:#fff; width:270px; float:left; position:relative;}

.navbg {
	width: 270px;
	background: #FAFAFA;
	position:absolute;
	z-index:99;
	left:0;
}

#sidenav {
    width: 270px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	background:#FAFAFA;
	padding:20px 0;
}

.left_menu{ width:215px; margin:0 auto; border-top:1px solid #D0D0D0;}
.left_menu li{ border-bottom:1px solid #D0D0D0; font:bold 16px/40px "Î¢ÈíÑÅºÚ"; color:#017BCB;}
.left_menu a{ display:block; color:#8F8F8F; text-decoration:none;}
.left_menu li a:hover{ color:#FF0000;}
.left_menu li ul{ padding-bottom:10px;}
.left_menu li ul li{ font:normal 14px/26px "Î¢ÈíÑÅºÚ"; text-indent:16px; border-bottom:none; margin-bottom:5px;}
.left_menu li ul li a:hover,.left_menu li ul li .act{ background:#017BCB; color:#FFF;}

.right_bg{ width:720px; float:right; margin-top:30px;}

.right_bg .title{ width:700px; height:30px; margin:0 auto; border-bottom:1px solid #CCC;}
.right_bg .title b{ font:normal 18px/30px "Î¢ÈíÑÅºÚ"; padding-left:10px; float:left; color:#444;}
.right_bg .title em{ float:left; color:#444; font-style:normal;}
.right_bg .title span{ float:right; line-height:30px; color:#9A9A9A;}
.right_bg .title span a{ color:#9A9A9A; }

.content{ width:680px; margin:0 auto; padding:20px; }
.content h1{ font:normal 20px/40px "Î¢ÈíÑÅºÚ"; color:#000;}
.content h2{ font:normal 16px/30px "Î¢ÈíÑÅºÚ"; color:#037CCB; border-bottom:1px solid #A9A9A9; margin-bottom:5px;}
.content h3{ font:normal 16px/35px "Î¢ÈíÑÅºÚ"; color:#000; background:#F0F0F0; width:100%; margin:0 auto; text-indent:10px; white-space:nowrap;}
.content h3 span{ float:right; padding:12px 10px 0 0;}
.content p{ color:#515151; font:normal 14px/26px "Î¢ÈíÑÅºÚ"; padding:5px 0;}
.content img{ max-width:680px;}

.news_content{ width:680px; margin:0 auto; padding:20px; word-wrap: break-word; word-break: normal;}
.news_content img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 200 ? "200px" :     this.width)!important;}
.news_content h1{ font:normal 18px/40px "Î¢ÈíÑÅºÚ"; color:#6A6A6A; text-align:center; background:#F2F2F2;}
.news_content .basics{ width:100%; margin:0 auto; text-align:center; line-height:30px; color:#737373;}
.news_content p{ padding:5px 0; color:#333; font-size:14px; line-height:25px;}
.links{ width:100%; height:56px; overflow:auto; margin:0 auto; line-height:56px; border-top:1px solid #DCDCDC;}
.links .prev{width:49%; float:left; text-align:left; color:#000;}
.links .next{width:49%; float:right; text-align:right; color:#000;}
.links a{ color:#333;}

.photo_list1{ width:680px; margin:0 auto; padding:15px 0; }
.photo_list1 li{ float:left; position:relative;background:url(../images/case_10.png) no-repeat right bottom; padding:0 10px 10px 0; margin:0 30px 20px 0;}
.photo_list1 img { vertical-align:bottom; display:block; border:1px solid #D3D3D3;}
.photo_list1 span{width:197px; height:20px; background:#000;display:block;position:absolute;left:0; bottom:10px; color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; z-index:1;}
.photo_list1 b{width:195px;display:block;position:absolute; left:1px; bottom:10px; color:#fff; font:normal 12px/20px "Î¢ÈíÑÅºÚ"; text-align:left;cursor:hand; z-index:2; padding:0 5px;}
.photo_list1 .s{ margin:0 -1px 20px 0;}

.page{ width:97%; margin:0 auto; text-align:center; padding-top:50px; font-family:"Î¢ÈíÑÅºÚ"; overflow:hidden; clear:both; font-size:14px; border-top:1px solid #DCDCDC;}
.page a{ display:inline-block; line-height:30px; margin:2px 5px 0 0; text-align:center; border:1px solid #A0A0A0; color:#808080; padding:0 10px;}
.page a:hover,.page .current{ text-decoration:none; background:#017BCB; color:#FFF; border:1px solid #017BCB;}

.index_pro{ width:690px; float:left; overflow:hidden;}

.index_news{ width:295px; float:right; overflow:hidden;}
.index_news .title{ width:100%; height:30px; margin:0 auto; border-bottom:1px solid #E2E2E2; clear:both;}
.index_news .title h1{ font:normal 18px/30px "Î¢ÈíÑÅºÚ"; float:left; color:#52C9F4;}
.index_news .title h2{ font:normal 12px/30px "Î¢ÈíÑÅºÚ"; float:left; color:#FF0000; text-indent:5px;}

.index_news .list{ width:100%; margin:0 auto; clear:both;}
.index_news .list li{ font:normal 14px/30px "Î¢ÈíÑÅºÚ"; padding:3px 0;}
.index_news .list li span{ font:normal 12px/16px "Î¢ÈíÑÅºÚ"; display:block;}
.index_news .list li a{ color:#3980C4;}
.index_news .list h1{ clear:both; text-align:right; }

.index_title1{ border-bottom:1px solid #CCC; width:100%; font:normal 14px/30px "Î¢ÈíÑÅºÚ"; margin:0 auto; color:#53B3E3; }

a.more{background:url(../images/index_64.png) no-repeat; width:68px; font:normal 12px/28px "Î¢ÈíÑÅºÚ"; text-align:center; color:#FFF; display:inline-block; }

/* nav_menu */
#menu {width:240px; float:left; margin-left:8px; padding:10px 0;}
#menu .item {margin:0 auto;padding:0px;list-style:none; font:normal 14px/40px "Î¢ÈíÑÅºÚ"; border-bottom:1px solid #FFF;}
a.title:link, a.title:visited, a.title:hover {display:block;color:#8F8F8F;width:250px;cursor:pointer;text-decoration:none}
a.title{ padding-left:5px; font-weight:bold;}
#menu .title{ border-bottom:1px solid #CCC; }
#menu .item ul {margin:0 auto;width:250px;list-style:none;}
#menu .item ul li {display:block; font:normal 14px/35px "Î¢ÈíÑÅºÚ"; }
#menu .item ul li a{ color:#26B0EF; padding-left:18px; display:block; text-decoration:none;}
#menu .item .act{background:url(../images/menu_arrow.png) no-repeat right;}
#menu .item ul li a:hover{ color:#333; text-decoration:none;}
#menu .minus{ border:1px solid #000; background:url(../images/minus.jpg) no-repeat left;}

.menu2 {width:250px; float:left; margin-left:8px;}
.menu2 li{font:bold 14px/40px "Î¢ÈíÑÅºÚ"; border-bottom:1px solid #CCC; background:url(../images/icon.png) no-repeat 8px 15px;}
.menu2 a{display:block;color:#8F8F8F;width:250px;cursor:pointer;text-decoration:none; text-indent:20px;}

/* banner-box */
.banner-box{width:1000px;height:360px;position:relative;overflow:hidden; margin:0 auto;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1000px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:360px; cursor:pointer;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:100%;position:absolute;top:150px;left:0;}
.banner-btn a{display:block;width:50px;height:70px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/index_21.png) no-repeat;} 
.banner-btn a.next{right:20px;background:url(../images/index_23.png) no-repeat;}

.banner-box .hd {position:absolute;top:180px;left:45%;}
.banner-box .hd ul li{width:16px;height:16px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:url(../images/index_9.png) no-repeat;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:url(../images/index_7.png) no-repeat;}

.nTab{ width: 685px; overflow:hidden; float:left;}
.nTab .TabTitle{width: 150px; overflow: hidden; float:left; border:1px solid #E0E0E0; border-bottom:0;}
.nTab .TabTitle li{float: left;cursor: pointer;line-height:31px;text-align:left;font-size:14px;list-style:none; width:100%; font-family:"Î¢ÈíÑÅºÚ"; border-bottom:1px solid #E0E0E0;}
.nTab .TabTitle .active{ background:#28a6e0; color:#FFF; }
.nTab .TabTitle .normal{ color:#A4A4A4; background:#F2F2F2;}
.nTab .TabTitle span{ display:block; background-position:10px 5px; text-indent:40px;}
.nTab .TabContent{width:531px; height:288px; overflow:hidden; float:left;}
.none {display:none;}
.nTab .TabContent h1{ font:normal 18px/35px "Î¢ÈíÑÅºÚ"; color:#076DAD;}
.nTab .TabContent h2{ font:normal 14px/30px "Î¢ÈíÑÅºÚ"; color:#56B3E3; margin-bottom:20px;}
.nTab .TabContent span{ text-align:left; display:block;}

.a1{background:url(../images/index_icon0721_14.png) no-repeat;}
.a1:hover{background:url(../images/index_icon0721_11-13.png) no-repeat;}

.a2{background:url(../images/index_icon0721_09-10.png) no-repeat;}
.a2:hover{background:url(../images/index_icon0721_09.png) no-repeat;}

.a3{background:url(../images/index_icon0721_18.png) no-repeat;}
.a3:hover{background:url(../images/index_icon0721_14-17.png) no-repeat;}

.a4{background:url(../images/index_icon0721_23.png) no-repeat;}
.a4:hover{background:url(../images/index_icon0721_17.png) no-repeat;}

.a5{background:url(../images/index_icon0721_40.png) no-repeat;}
.a5:hover{background:url(../images/index_icon0721_26-37.png) no-repeat;}

.a6{background:url(../images/index_icon0721_30.png) no-repeat;}
.a6:hover{background:url(../images/index_icon0721_22.png) no-repeat;}

.a7{background:url(../images/index_icon0721_26.png) no-repeat;}
.a7:hover{background:url(../images/index_icon0721_19-25.png) no-repeat;}

.a8{background:url(../images/index_icon0721_05.png) no-repeat;}
.a8:hover{background:url(../images/index_icon0721_03.png) no-repeat;}

.a9{background:url(../images/index_icon0721_34.png) no-repeat;}
.a9:hover{background:url(../images/index_icon0721_24-33.png) no-repeat;}

.case_list{ width:698px; margin:0 auto; border-bottom:1px dashed #CCC; padding:10px 0; overflow:auto;}
.case_list dt{ float:left; width:200px;}
.case_list dd{ float:left; width:490px;}
.case_list b{ font:bold 16px/35px "Î¢ÈíÑÅºÚ";}
.case_list p{ font:normal 14px/25px "Î¢ÈíÑÅºÚ";}

.tag{ width:270px; background:#fff; padding:10px 0;} 
.fixer{  position : fixed ;  top : 0px ;_position: absolute ;_top:expression(documentElement.scrollTop+10 +  "px" )}

.rides-cs {
	Z-INDEX: 1500; POSITION: fixed; FONT-SIZE: 12px; RIGHT: 0px; TOP: 350px; _position: absolute; border-radius: 6px 0px 0 6px; 
}
.rides-cs A {
	COLOR: #00a0e9
}
.rides-cs A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.rides-cs .floatL {
	Z-INDEX: 1; POSITION: relative; MARGIN-TOP: 0px; WIDTH: 147px; FLOAT: left; HEIGHT: 181px;
}
.rides-cs .floatL A {
	TEXT-INDENT: -999em; DISPLAY: block; FONT-SIZE: 0px
}
.rides-cs .floatR {
	WIDTH: 147px; FLOAT: left; OVERFLOW: hidden;
}
.rides-cs .floatR .cn {
	BACKGROUND: #f7f7f7;
}
.rides-cs .cn .titZx {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; LINE-HEIGHT: 24px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #333; FONT-SIZE: 14px; FONT-WEIGHT: 600; PADDING-TOP: 5px
}
.rides-cs .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.rides-cs .cn UL LI {
	BORDER-BOTTOM: #e6e4e4 1px solid; TEXT-ALIGN: left; LINE-HEIGHT: 38px; HEIGHT: 38px; OVERFLOW: hidden; text-indent:5px;
}
.rides-cs .cn UL LI SPAN {
	COLOR: #777
}
.rides-cs .cn UL LI A {
	COLOR: #777
}
.rides-cs .cn UL LI IMG {
	VERTICAL-ALIGN: middle
}
.rides-cs .btnOpen {
	BACKGROUND-IMAGE: url(../images/index_14-25.png); Z-INDEX: 9; POSITION: relative; PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 160px; TOP: 0; LEFT: 0px
}
.rides-cs .btnCtn {
	BACKGROUND: url(../images/kefu.png) #29A7E2; Z-INDEX: 9; POSITION: relative; PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat;  width: 30px; HEIGHT: 174px; PADDING-TOP: 8px; TOP:0px; LEFT: 101px;  margin-top:-20px;
}
.rides-cs .btnCtn {
	BACKGROUND-POSITION: -35px 30px
}
.rides-cs UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.rides-cs UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}

.backToTop {width: 54px; height:54px;background:url(../images/back_top.png) no-repeat;position: fixed;_position: absolute;right: 80px;bottom: 80px;_bottom: "auto";cursor: pointer;opacity: 0.5;filter: Alpha(opacity=50); z-index:100;}
