/* 全局CSS定义 */
body{text-align:center;margin: 0; padding: 0; background: url(bg.gif) repeat-x #1ebdd9; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; line-height:21px;}
div,form,img,ul,ol,li,dl,dt,dd,input{margin: 0; padding: 0;border:0; overflow:hidden;  text-align:left;}
li{list-style-type:none; overflow:hidden;white-space: nowrap;text-overflow :ellipsis;}
select,input{ font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; line-height:20px;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;font-weight: normal;; font-size:11px;}
img{vertical-align:middle; text-align:center;}


a {font-size: 11px;color: #000000;}
a:link {text-decoration: none;color: #000000;}
a:visited {text-decoration: none;color: #00000;}
a:hover {text-decoration:none;color:#ff6c00;}
a:active {text-decoration: none;color: #000000;}

.clear { clear:both; font-size:1px; width:1px; visibility: hidden; }
.hidden{display:none}
.floatLeft{ float:left}
.floatRight{ float:right}
.textLeft{ text-align:left;}
.textCenter{ text-align:center}
.clearBoth{ clear:both;}
.clearLeft{ clear: left;}
.clearRight{ clear: right;}
.padding5{ padding:5px;}
.padding8{ padding:8px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.blank1{margin:0 auto;height:1px; font-size:1px; clear:both;}
.blank5{margin:0 auto; height:5px; font-size:1px; clear:both;}
.blank10{margin:0 auto; height:10px; font-size:1px; clear:both;}
.blank8{margin:0 auto; height:8px; font-size:1px; clear:both;}
.blank3{margin:0 auto; height:3px; font-size:1px; clear:both;}
.lineHeight25{ line-height:25px;}
.lineHeight23{ line-height:23px;}
.lineHeight20{ line-height:20px;}
.hand{ cursor:pointer;}

.clearfix:after { content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */ 

.grayBorder{ border:1px solid #dddddf;} 
.grayBorderB{ border-bottom:#dedede 1px solid;}
.grayBorderBD{ border-bottom:#dedede 1px dotted;}
.greenBorder{ border:#bddb74 1px solid;}
.greenBorderT{border-top:#bddb74 1px solid;}
.greenBorderB{border-bottom:#bddb74 1px solid;}
.greenBorderL{border-left:#bddb74 1px solid;}
.greenBorderR{border-right:#bddb74 1px solid;}
.lefttitle_gray{height:28px; background: url(banner_bg01.gif) repeat-x top;}
.wrap{margin:0 auto; clear:both; overflow:hidden; width:970px;}
.wrap2{margin:0 auto; clear:both; overflow:hidden; width:960px;background:#FFFFFF; padding:0 5px; }
.l3{ clear:both;}

/*font*/
.yellow1202,.yellow1202 a,.yellow1202 a:link,.yellow1202 a:visited,.yellow1202 a:active{ color:#F06000;}
a.yellow12,a:link.yellow12,a:visited.yellow12,a:active.yellow12{ color:#ff6d4d;}
.yellow14B,a.yellow14B,a:link.yellow14B,a:visited.yellow14B,a:active.yellow14B{ color:#ff6d4d; font-size:14px; font-weight:bold;}
.blue14B,a.blue14B,a:link.blue14B,a:visited.blue14B,a:active.blue14B{ color:#3697E7; font-weight: bold; font-size:14px;}
.red12,a.red12,a:link.red12,a:visited.red12,a:active.red12,.red12 a,.red12 a:link,.red12 a:visited,.red12 a:active{color:#FF418C;}
.red14B,a.red14B,a:link.red14B,a:visited.red14B,a:active.red14B{color:#FF418C; font-size:14px; font-weight:bold;}
.red20B,a.red20B,a:link.red20B,a:visited.red20B,a:active.red20B{ color:#d50505; font-weight: bold; font-size:20px;font-family: Verdana, Arial, Helvetica, sans-serif}
.gray12{ color:#898686;}
.blue12B,a.blue12B,a:link.blue12B,a:visited.blue12B,a:active.blue12B{ color:#20a5bc; font-weight: bold; font-size:12px;}
.white12B{ color:#fff; font-weight:bold;}
.green14B{ color:#78ab55; font-weight:bold; font-size:14px;}

.orange12B,a.orange12B,a:link.orange12B,a:visited.orange12B,a:active.orange12B{ color:#ff5400; font-weight: bold; font-size:11px;}


/*banner*/


/*header*/
.header{ background:#f6f6f6; height:140px;}
.header h1{ padding-top:20px; padding-left:30px; float:left; padding-right:20px;}
.header ul.top{ padding-top:15px; padding-right:20px; width:785px; padding-bottom:25px;}
.header ul.nav{width:800px; }
.header ul.nav li{ float:left; padding:0 2px 0 1px; background:url(navbg02.png) no-repeat left top; height:29px; width:97px;display:block; text-align:center; font-weight:bold; line-height:29px;}
.header ul.nav li a{ color:#FFFFFF; }
.header ul.nav li a:hover{ color:#ff5400; }
.header ul.nav li.on{ background:url(navbg01.png) no-repeat left top; }
.header ul.nav li.on a{color:#000000;}

/*footer*/
.footer{ text-align:center; background:url(bg05.png) repeat-x  left top; height:115px; padding-top:15px;}


/* banner */
.banner{ height:362px; background:url(bg01.png) repeat-x top left;}
.banner .floatLeft{ background:url(bg02.png) no-repeat left top; width:527px; height:362px; margin-left:8px;}
.banner .floatRight{ width:410px;}
.banner .floatRight dt{ background:url(bg03.png) no-repeat left top; margin-top:35px; padding-bottom:15px;}
.banner .floatRight dd{ background:url(icon01.png) no-repeat left; padding-left:23px; font-family:Verdana; font-size:17px; color:#ffffff; line-height:38px; height:38px;}
.banner02{ height:4px; background:url(bg08.png) repeat-x top left;}

/* main */
.main .mr02{ float:left; background:#f2f2f2; width:260px;}
.main .ml02{ float:right; background:url(bg04.png) repeat-x left top; width:690px;}

.main .mr{ float:right; background:#f2f2f2; width:260px;}
.main .mr h2{ font-family:Verdana; font-size:16px; padding:5px; line-height:18px; background:#dad9d9;}
.main .mr dl.r1{ width:240px; padding:15px 10px;}
.main .mr dl.r1 dt,.main .mr dl.r1 dd{ float:left;}
.main .mr dl.r1 dt{ width:115px;}
.main .mr dl.r1 dd{ width:125px; padding-top:15px;}
.main .mr dl.r1 dd .f1{ font-size:30px; font-weight:bold;}
.main .mr dl.r1 dd .f2{ font-size:18px; font-weight:bold; padding-bottom:5px; padding-top:5px; display:block; }
.main .mr dl.r1 dd .f3{ font-size:14px;}
.main .mr .r2{width:240px; padding:15px 10px;text-indent: 2em;} 
.main .mr .r2 em{text-indent: 2em; display:block;} 
.main .ml{ float:left; background:url(bg04.png) repeat-x left top; width:690px;}
.main .ml .l1{border-bottom:1px #cccccc dotted;}
.main .ml .l1 dt,.main .ml .l1 dd{ float:left;display:block;}
.main .ml .l1 dt{ width:180px; padding:30px 30px 15px 30px;}
.main .ml .l1 dd{ width:440px; padding-top:25px; }
.main .ml .l1 dd p{ line-height:14px; padding:0; margin:0;}
.main .ml .l2 li{ float:left; width:180px; margin:15px 20px;}
.main .ml .l2{ background:url(bg07.png) repeat-x bottom left; display:block; width:690px;}
.main .ml .l3{display:block; width:690px;}
.main .ml .l3 h2{ color:#FFFFFF; background:#20a5bc; font-size:13px; font-weight:bold; padding:3px 15px;}
.Rbluebg{background:#F0F4FA;}

.main .ma{ float:left; background:url(bg04.png) repeat-x left top;}
.main .ma .l1{border-bottom:1px #cccccc dotted;}
.main .ma .l1 dt,.main .ma .l1 dd{ float:left;display:block;}
.main .ma .l1 dt{ width:180px; padding:30px 30px 15px 30px;}
.main .ma .l1 dd{ width:440px; padding-top:25px; }
.main .ma .l1 dd p{ line-height:14px; padding:0; margin:0;}
.main .ma .l2 li{ float:left; width:180px; margin:15px 20px;}
.main .ma .l2{ background:url(bg07.png) repeat-x bottom left; display:block; width:690px;}
.main .ma .l3{display:block; width:960px;}
.main .l3 h2{ color:#FFFFFF; background:#20a5bc; font-size:13px; font-weight:bold; padding:3px 15px;}
#content-testimonials{ border-bottom:1px dotted #cccccc; padding:8px;}

.f4{ float:left; padding:70px 55px 0px;}
.f5{ float:left; color:#FFFFFF; padding-top:30px; width:500px;}
/* 随便的代码  改height来改变高度*/
.floor1_left{ width:260px; border:1px solid #999999;}
.floor1_righit{ width:690px; border:1px solid #999999;}