@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0;}
body{background: url(../images/bg.png) left top repeat;  margin:0 auto; font-family:"微软雅黑","Microsoft Jhonghei",Arial;  font-weight:normal;  font-size:12px; }
ul,li{ list-style-type:none;}
img{ border:none;}
.clear{ clear:both;}
a,a:hover{ text-decoration:none; cursor:pointer;}
.clearleft{clear:left;} .hand{ cursor: pointer;}
.r{ color:#F00;} .frt{ float:right;} .flt{ float:left;} 
.b{ color:#000;}
.blu{ color:#0079d6;} .red,.error { color: red; }.hide,.nada { display: none; }
.tright { text-align: right; }.tcenter { text-align: center; } .tleft { text-align: left; } .left { float: left; } .right { float: right; }.clear { clear:both; }
.line { width: 960px; margin: 6px auto; padding: 0 0 0 0; height: 1px; line-height: 1px; border-top: 1px solid #EEEEEE; }
.check { display: inline-block; width: 18px; height: 18px; background: url(../images/check.png) center center no-repeat; }
/*head*/
#header{ margin:0 auto;  }
.top{ height:24px; background:url(../images/tbg.png) left top repeat-x;z-index:100; }
.hat{ width:960px; margin:0 auto; position: relative; z-index:100; }
.hatxt{ text-align:right; color:#555555;  line-height:24px; }
.hatxt a{ color:#555555; padding:0 8px; }  .hatxt a:hover{ color:#f00;}
.inlogo{ position:absolute; left:-8px; top:21px;  width:263px; height:79px; background: url(../images/bglogo.png) no-repeat; z-index:100;   }
.logo{ padding:20px 0 0 30px; width:216px;  }
.hban{ height:440px; background:#275477 url(../images/headbg.jpg) right top no-repeat; position:relative; z-index:2; }
.htop{ margin:0 auto; width:960px; position:relative; }
/*index-navigation*/
#nav { }
#naver { height:45px; z-index:99; position:absolute; left:0px; bottom:6px; z-index:99; }
#nav .lil { margin: 0 auto; width:960px; }
#nav li.l{ float: left; width:191px; margin-right:1px;  position: relative; display: inline-block; line-height: 45px;font-size:18px;  text-align:center; background:url(../images/mli.png) left center no-repeat; }
#nav li a.f { display: block; text-align:center; font-weight: 900; color:#434343; font-family:"Arial"; }
#nav li a.f:hover,#nav li a.h,#index #nindex a.f, #aboutus  #naboutus a.f,  #service #nservice a.f, #cases #ncases a.f, #choose #nchoose a.f, #info #ninfo a.f, #contact #ncontact a.f, #rig #nrig a.f,#ihr #nihr a.f,#iagent #niagent a.f,#iquote #niquote a.f, #policy #npolicy a.f, #xinwen #nxinwen a.f, #zizhi #nzizhi a.f { color:#006da8;  }
#nav li ul { position:absolute; z-index:99; display:none; background: url(../images/ubg.png) repeat; }
#nav li ul.r { width: 191px; padding: 0px 0 10px 0; z-index:99; top:40px; left:0px; }
#nav li ul.r li { width: 140px; padding-left:50px; text-align:left;  height: 29px; line-height:29px;  display:block; background:url(../images/ulibg.png) 35px center no-repeat; }
#nav li ul li a{ display: block; line-height: 29px; font-size: 13px; font-weight: bold; color:#434343; font-family:"宋体"; }
#nav li ul li a:hover { color:#8e4529; text-decoration:underline; }

/*navigation*/
#menu{ margin-top:10px;  height:61px; z-index:99; position:relative;}
#nav .lili{ float:right;  margin:0px auto; width:710px; position:relative;}
#nav li.k{ float: left; width:141px; margin-right:1px;  position: relative; display: inline-block; line-height: 61px; font-size:14px; text-align:center; background:url(../images/libg.png) center center no-repeat; }
#nav li ul.c{ width: 141px; padding: 0px 0 10px 0; z-index:99; top:55px; left:0px; background:#f4f4f4; }
#nav li ul.c li { width: 115px; padding-left:25px; text-align:left;  height:29px; line-height:29px;  display:block; background:url(../images/ulibg.png) 10px center no-repeat; }

/*center*/
.center{ width:960px; margin:0 auto;  }
.column{ float:left; width:300px; margin:12px 30px 0 0; display:inline;  background:#f4f4f4; padding-bottom:15px; position:relative; z-index:1; }
.column.last{ margin:10px 0 0 0; }
.bra{ margin:8px 55px 0px 55px;}
.column h2{ text-align:center; font-size:18px; color:#0079d6; line-height:30px; font-weight:normal; }
.column h2 a{ color:#0079d6; }  .column h2 a:hover{ color:#8e4529; }
.colist{ width:300px; }
.colist li{ width: 275px; padding:0px 5px 0 20px; background:url(../images/ulibg.png) 8px center no-repeat; line-height:26px; margin-top:8px; font-size:14px; border-bottom:1px dashed #CCC; }
.colist li.spe{ background:url(../images/ulibg.png) 8px 4px no-repeat; line-height:16px; padding-bottom:3px;  }
.colist li.last{ height:43px; background:url(../images/lmbg.png) center center no-repeat; text-align:center; line-height:43px; margin-top:12px; border-bottom:none;   }
.colist li.last a{ color:#fff; font-size:18px; }
.colist li a{ color:#5a5a5a; }
.colist li a:hover{ color:#8e4529; }
.clink{ margin-top:10px; }
.oneclink{ float:left; margin:0 20px; display:inline; height:52px; }
.oneclink a{display:block; }
.kernel{ margin-top:20px; }
.okernel{ float:left; margin:40px 25px 10px 0; display:inline; }
.okernel.last{ margin-right:0px; } 
.okeimg{ float:left; width:130px;}
.oketxt{ float:left; width:330px; font-size:14px; color:#5a5a5a; line-height:18px; }
.oketxt a{ color:#5a5a5a; }  .oketxt a:hover{ color:#0079D6; }
.eco{ width:960px;  margin:50px auto 0 auto; text-align:center; font-family:"Arial"; font-size:48px; line-height:48px; color:#707070; }
.eco span{ font-size:34px; line-height:34px;  }
/* service plan */
.serviceplan{}
.plant { width: 100%; border-collapse: collapse; font-size: 14px; }
.plant tr.h td{ background: #eee; }.plant tr.odd td{ background: #f8f8f8; }
.plant td { padding: 8px 4px; border-collapse: collapse; border: 1px solid #ddd; text-align: center; }
/*banner slide*/
.banner{ height:432px; margin: 5px auto 0 auto; background:#000 url(../images/u/inbg.jpg) left center no-repeat;  }
#slide { width:1016px; height:325px; margin: 0 auto; padding-top:53px;  }
#scrollable { width:1016px; height:325px; }
#scrollable .items .scroller { position: absolute; width: 200000px; left: 0px; }
.items { width:890px;  height:325px; margin: 0 30px; float:left; overflow: hidden; position: relative; visibility: visible; }
a.prev, a.next { background:url(../images/left.png) no-repeat center center; display:block; width:28px; height:51px; float:left; margin:0px; cursor: pointer; padding-top:240px; }
a.next { background-image:url(../images/right.png); }
#scrollable .items #scroll1, #scrollable .items #scroll2{ float: left; }
.inbanner{ width:890px; height:325px; float: left; background: #F4F4F4; }
.icaseimg { width: 325px; } .icaseimg img { margin: 8px 0 0 8px; padding: 3px; border: 1px solid #ccc; width: 300px; height: 300px; background: #fff; }
.icaser { float: right; width: 550px; height: 325px; }
.icaserr { padding: 18px 18px 18px 8px; line-height: 1.8; font-size: 14px; color: #333; }
.learnmore { display: block; width: 158px; height: 44px; line-height: 42px; text-align: center; background: url(../images/lmbg.png) center center no-repeat; color: #fff; }
/*banners*/
#banners{margin: 12px auto 8px auto;height:300px; width: 960px;}
#maina{position:relative;height:300px;zoom:1;}
#maina .current{display:block;}
#featured{height:300px;position:relative;}
.featured_item{height:300px;margin:0 auto;position:relative;top:0;width:960px;overflow:hidden;display:none;}
.featured_item img{height:300px;width:960px; }
#featured_bottom{position:absolute;height:45px;width:100%;background:none;filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8 ;bottom:0px;right:0px;}
.preview_images{height:20px;line-height:20px;position:absolute;right:0px;top:18px;}
.preview_images a img{padding:1px;}
.preview_images a{outline:none;display:block;position:relative;margin-right:8px;float:left; width:20px; background:#fff; text-align:center;text-decoration:none;font-size:12px;font-family:Arial;font-weight:bold;}
.preview_images a img{border:1px solid #afafaf;background-color:#fff;}
.preview_images a:hover{}
.preview_images .current_prev{background:#FD9502; color:#fff;}
/*slide*/
/*why us*/
.whylist{ margin:60px 0 10px 0; }
.whylistimg img{ float:left; width:237px; }
.whylistxt{ float:left; width:705px; padding-left:13px; font-size:18px; color:#686868; line-height:22px; }
.whylistxt span{font-size:30px; color:#0099eb; line-height:30px; }

/*contact us*/
#contform { width: 960px; margin: 0 auto; }
.title{ margin-top:60px;  line-height:34px; font-size:30px; color:#0079d6; }
.contact{ float:left; width: 480px; padding: 18px 0 32px 0; line-height: 1.8; }
.contact.last{ margin-right:0px; }
.contact li{ line-height:18px; color:#707070; font-size:14px; }
.contact li.spe{ font-size:36px; color:#0079d6; line-height:38px; margin-bottom:15px; }

/*product*/
.bg{ clear: clear; background:#f4f4f4; padding: 8px 10px 40px 10px; }
.btxt{ float:left; width:570px; margin:30px 0 0 30px; line-height:24px; color:#000;  }
.btxt span{ color:#0079d6; font-weight:bold; }
.plan{ margin-top:20px; }
.ptil{ margin-bottom:15px; text-align:center; font-size:24px; color:#0079d6; }
.planpic{ width:360px; margin:0 auto; text-align:center; height:36px;   }
.planpic img{float:left; margin:0 auto; display:block; padding-right:3px; text-align:center; }
.planpic img.fl{ float:none; display:block;  margin:0 auto;text-align:center;}
.cstu{ margin-top:0px; padding:20px 0px; }
.study{ width:960px; margin:0 auto; }
.onesta{ float:left; width:182px; margin: 20px 12px 30px 0px; display:inline;}
.onesta.last{ margin-right:0px; }
.onesta.ma{ margin-top:100px; }
.oneimage{ width:180px; height:90px;  display: table-cell; text-align:center; vertical-align:middle; overflow:hidden; *font-size:70px; border:1px solid #CCC; }
.oneimage img{ vertical-align:middle;}
.onesta a{ color:#707070; } .onesta a:hover{ color:#8e4529; }
.case{ margin:50px 0 0px 0; }
.case h2 { padding: 6px 0; font-size:30px; color:#0079d6; line-height:30px; font-weight:normal; border-bottom: 1px solid #eee; }
.case h2 span{ float:right; width:118px; height:30px; padding-right:10px;  background:url(../images/lebg.png) no-repeat; line-height:30px; text-align:center; color:#fff; font-size:16px; }
.case h2 span a{ color:#fff; }  .case h2 span a:hover{ color:#8e4529; }

.sortname { padding: 0 0 6px 0; font-size:24px; color:#0079d6; line-height:24px; font-weight:normal; border-bottom: 1px solid #eee; }
.sortname a{color:#0079D6; }
.space{ padding: 10px 0 12px 0; }
.photocase{ float:left; width:240px; }
.caser { padding: 6px 6px 8px 6px; text-align: center; }
.casepic img{ width: 200px; border: 1px solid #ddd; } .casename { line-height: 18px; text-align: center; } .casename a {color:#0079D6;}.casename a:hover {color:#8e4529;}

.maxcase{ float:left; width:372px; padding: 18px 0 0 0; }
.maxcase.rt{ margin-right:0px; }
.maxcase.ho{ margin-right:8px; }
.maxcasepic{ padding: 0 12px 0 0; }
.maxcasepic img{ width: 360px;border:1px solid #CCC;}
.maxtxt{ float:left; padding-top: 18px; width:588px; font-size:14px; color:#727272; line-height:20px; }
.maxtxt span{ font-size:18px; }
.maxtxt h1 {  padding: 0 0 8px 0; line-height: 32px; font-size: 19.5pt; font-weight: normal; }
.onestatxt{ float:left; width:400px;  margin:80px 20px 0 28px; display:inline;  font-size:14px; color:#747474; line-height:24px; }
.onestatxt span{ color:#0079d6; }

.detailt { font-size: 14px; color:#0079d6; line-height:24px; font-weight:normal; border-bottom: 1px solid #eee; }
/* contact form */
.contform { border: 1px solid #C5C5C5; padding: 12px; background: #F8F8F8; }
.cont1 { font-size: 19.5pt;  color: #0C7FD8;}
.cont11 { font-size: 19.5pt;  color: #CC0100;}
.cont2 { font-size: 18px; line-height: 1.5; color: #0C7FD8;}
.cont22 { font-size: 16px; line-height: 1.5;}
.contt { width: 800px; }
.g { width: 240px; padding: 6px; border: 1px solid #ddd; border-color: #bbb #ddd #ddd #bbb; }
.gs { width: 628px; padding: 6px; border: 1px solid #ddd; border-color: #bbb #ddd #ddd #bbb; }
/* page bar */
#mypage{margin: 40px auto 0 auto;  text-align:center; height: 26px;}
#mypage a{ display:inline-block; margin-right:5px; height:24px; width: 28px; text-align: center; line-height: 24px; border:1px solid #ccc; color:#225392; text-decoration:none; }
#mypage a.l{ height:24px; line-height: 24px; width: 78px;}
#mypage a:hover{color:#f00;}
#mypage .current { display:inline-block; margin-right:5px; width:24px;height:26px; line-height: 26px; font-weight:bold;}

/*her*/
#her {width:770px; display:inline-block; border-bottom:1px dashed #CCC;}
#crumbs { float:left; line-height:31px; display:inline; color:#412c1d; width:400px;}
#crumbs a {color:#767676;} #crumbs a:hover {color:#8e4529;}

/*foot*/
#foot{ margin:40px auto 0 auto; text-align:center; background:#707070; padding-bottom:20px; }
#footer{ width:960px; margin:0 auto; padding-top:30px; color:#b6b6b6;  position:relative;  }
.conbuttom{ position:absolute; top:-23px; left:960px; width:172px; height:23px; }
.foot{ float:left; width:240px; margin:0px; text-align:left;}
.foot li{ line-height:22px; font-size: 13px; }
.foot li.q{ color:#fff; margin-bottom:5px; font-size:14px;  }
.foot li a{ color:#b8b8b8; }  .foot li a:hover{ color:#fff; }
#footpic{ margin-top:6px; height:40px; text-align:center; }
.facebook{ text-align:right; height:24px; margin-top:20px; padding-right:160px; }
.facebook img{ padding-right:10px; }

/* links */
#links { padding: 2px 0 0 6px; line-height:24px; font-size:12px; text-align:left; }
#links a { margin:0 10px; color:#000;} 
#links a:hover{color:#8e4529; text-decoration:underline;}.client{ margin-top:25px; }.info{ padding-left:15px; line-height:26px; font-size:16px; color:#5c5c5c; }#contf { margin: 30px 0 0px 40px;  line-height: 1.8; font-size:16px; color:#707070; }#contf label { display: inline-block; margin: 4px 0; vertical-align: middle; }#contf label strong { display: inline-block; width: 80px; font-weight: normal; text-align:right; }

.reviewone{display:inline;margin:10px 0;}
.reviewimg{float:left;width:300px;}
.reviewtxt{font-size:14px;}

.whyusone{float:left;display:inline;width:450px;}
.whyimg{float:left;width:200px;height:100px;}
.whytxt span{font-size:14px;}

/* plans */
.plans { margin: 12px 0; }
.plans td { padding: 2px 2px; vertical-align: top; }
.plans td table { margin: 15px 0 0 0; }
.plans table td { line-height: 1.2; }
.plans a img { border: 1px solid #e5e5e5; padding: 3px; margin: 8px 8px 8px 0; }