.aArea { margin: 48px 0; }
.aArea .wrap{border-bottom: 1px dashed #c9cacb;}
.leftA { float: left; width: 780px; }
.rightA { float: right;  width: 374px;  background: #f7f7f7;   }
.LATitle {  padding-left: 15px; padding-bottom: 9px; border-bottom: 1px solid #4c4c4c; }
.LATitle span { display: block; font-size: 18px; }
.LATitle em { display: block; text-transform: uppercase; }
.LATitle a { float: right; display: block; line-height: 45px;  }
.LATitle a img { line-height: 45px; vertical-align: bottom; }
.leftA .hd { position: relative; margin-top: -48px; width: 700px; }
.leftA .hd li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; width:127px; height: 45px; text-align: center; line-height: 45px; color: #000; background: #e7e1e1; font-size: 14px; }
.leftA .hd li.on { background:url(hd-bcg-01.jpg); color: #ffffff; }
.leftA .bd { margin-top: 24px;padding-bottom: 2px;}
.leftNR { float: left;width: 257px;margin-right: 34px; }
.rightNR { width: 488px; float: right; }
.rightNR .hotRNRList li a{ padding-left:4px;}
.hotRNR h2 a { display: block; font-size: 18px; color: #00a3ff; font-weight: normal; }
.hotRNR p { line-height: 23px; font-size: 14px; border-bottom: 1px solid #7f7f7f; padding-bottom: 23px; margin-bottom: 23px; }
.hotRNRList li { font-size: 14px;    line-height: 32px; }
.hotRNRList li span { float: right; }
.rightA{ text-align: center; position: relative; height: 358px;}
.rightA .bd img{ border: 1px solid #00a3ff; display:block; margin: 20px 12px 0 6px;}
.rightA .bd  span{ line-height:66px; font-size:15px;}
.rightA .hd { position:absolute;bottom: 68px; left: 36%;}
.rightA .hd ul{ height:12px; width:100%; margin: 0 auto;}
.rightA .hd ul li{width:20px; height:12px; display:block;  background:#6e6969; color:#fff; font-size:11px; float:left; margin: 0 1px; cursor:pointer;line-height: 12px;}
.rightA .hd ul .on{ background:#fe0000;}

.bArea{  font-size:14px; padding-bottom:35px;}
.bArea .wrap{position:relative; }
.bArea .b-hd { height:38px; line-height:38px;  border-bottom: 1px solid #b5b4b4; margin-bottom:46px;}
.bArea .b-hd h2{ padding-left:32px; background:url(bArea-bcg.jpg) no-repeat 8px center;font-weight:normal; border-bottom: 2px solid #032970; width:108px;}
.bArea .b-bd p{ width:292px; float:left; padding-right:36px;}
.bArea .b-bd dl{ width:872px; float:left;}
.bArea .b-bd dl dt{ background:#00a3ff; line-height:52px; height:52px; padding-left:36px; font-size:18px; margin-bottom:29px;}
.bArea .b-bd dl dt a{ color:#fff;}
.bArea .b-bd dl dt span{ float:right; padding-right:10px; text-transform:uppercase;}
.bArea .b-bd dl dd{ line-height:32px; padding-left:30px; text-indent:26px; color:#8b8e90; }
.bArea .b-bd dl .dd-03{ text-align:center; padding-top:66px;}
.bArea .b-bd dl dd a{ text-indent:0;display:inline-block; width:172px; height:41px; line-height:41px; text-align:center; color:#fff; background:#c0bfbf; margin: 0 10px;}
.bArea .b-bd dl dd a:hover,.bArea .b-bd dl dd .current{ background:#00a3ff;}

.bArea a.prev,.bArea a.next{ display:block; width:24px; height:24px; position:absolute; top:14px;}
.bArea a.prev{ background:url(prev0.jpg);right:30px;}
.bArea a.next{ background:url(next0.jpg); right:0px;}

.cArea .hd { background: #ededed; }
.cArea .hd ul { float: left; }
.cArea .hd ul li { float: left; line-height: 55px; background: url(lom.png) right center no-repeat;  padding: 0 53px;text-align: center; font-size: 14px; cursor: pointer; }
.cArea .hd a { float: right; display: block; line-height: 54px; text-transform: uppercase; color: #000; margin-right: 20px;  }
.cArea .hd li.on { background: #01a3fe; color: #fff; }
.cArea .bd { margin-top: 4px; padding-top: 26px;padding-bottom: 40px; }
.leftSCA { float: left; padding: 14px 28px 14px 14px;border: 1px solid #e4e4e4; width: 762px }
.rightSCA { float: right;width: 350px; background: #fbfbfb; border: 1px solid #d8d7d7; }
.lSCA { float: left; width: 308px; }
.rSCA { float: right; width: 439px;}
.rSCA h2 ,.rSCA b { font-weight: normal; font-size: 18px; display: block;  }
.rSCA h2 { color: #00a3ff; padding: 12px 0 22px; border-bottom: 1px dashed #666; }
.rSCA b { font-size: 14px; padding: 10px 0 8px; color: #000;}
.rSCA p { line-height: 23px; border-bottom: 1px dashed #666; padding-bottom: 6px; height: 111px; overflow: hidden; color: #8b8e90; text-indent:24px;}
.rSCA p i{ padding-left:24px;}
.rSCA p:last-child { border-bottom: 0; }
.rscTitle { background: #ededed; line-height: 47px; font-size: 14px; color: #000; padding-left: 28px; }
.slideRSC { padding: 21px 15px 11px; }
.slideRSC li span { display: block;height: 58px;width: 323px; background: url(shadow.png) repeat; line-height: 58px; text-align: center; color: #ffffff; position: relative; margin-top: -58px; z-index: 99; font-size:16px;}
.slideRSC .prev0,.slideRSC .next0 { position: absolute; z-index: 99; margin-top: -58px; margin-left: 294px;}
.slideRSC .prev0 { margin-left: 263px; }




.dArea {  }
.dArea .wrap { padding: 22px 0 46px; border-top:1px solid #9c9b9b; }
.leftD { float: left; width: 362px; }
.midD { float: left; width: 362px; margin: 0 56px; }
.rightD { float: right; width: 362px;  }
.allTitle { background: #00a3ff; line-height: 40px; padding: 0 14px;padding: 0 14px 0 30px; }
.allTitle span { display: block; float: left; background: #f4f4f4; width: 85px; color: #000; font-size: 14px; text-align: center; }
.allTitle a { display: block; float: right; text-transform: uppercase; color: #ffffff; }

.dArea h2 img { border: 1px solid #cacaca; margin-top: 20px; margin-left: 4px; }
.dArea .mn { margin-top: 17px; }
.dArea .mn li { line-height: 37px; border-bottom: 1px dashed #bcbcbc; }
.dArea .mn li a{ padding-left:4px;}

/*.eArea { margin-top: 60px; }*/
.eArea .hd { background: #00a3ff; }
.eArea .hd ul { float: left;margin-left: 40px; }
.eArea .hd ul li { float: left; line-height: 50px; width: 85px; text-align: center; font-size: 16px; cursor: pointer;color: #fff;  }
.eArea .hd a { float: right; display: block; line-height: 50px; text-transform: uppercase; color: #fff; margin-right: 20px;  }
.eArea .hd li.on { color: #000; background: #f4f4f4; }
.slideE li { float: left; margin: 27px 15px 0; }
.slideE li span{ display:block; line-height:34px; text-align:center;}

.fArea { margin-top: 96px; border-top: 1px solid #666; }
.fArea span { display: block; font-size: 16px; color: #000; border-bottom: 2px solid #0b6993; padding-bottom: 10px; width: 78px; text-align: center; margin: -36px auto 0; }
.fArea li { float: left; margin: 40px 3px; }
.fArea .tempWrap { width: 1200px!important; }



.g-solution { width: 100%; height: 351px;  position: relative; background:url(o_ico_03.png) repeat-x; z-index: 22;  }
.m-solution {  }
/*.m-solution .mt { width:26px; height:86px; padding:12px 45px 0; background:url(o_ico_13.png) no-repeat; color:#fff; font-size:16px; line-height:18px; text-align:center; }*/

.m-solution .mc { width:1200px; overflow:hidden; height: 351px;   float:left;}
.g-solution .tempWrap{ width:1200px !important;  }

.g-solution .arrow { position: absolute;  top: -50px; width: 1200px; font-size: 18px;  font-weight: bold; z-index: 999; }
.g-solution .arrow a { color: #fff; text-decoration: none; }
.g-solution .arrow .prev { margin-left: 1150px;  }
.g-solution .arrow .next {  right: 0; float: right; }

.tabsList {  }


.tabsList li { position:relative; float:left; width:238px; height:351px; overflow:hidden; margin-right: 3px;}
.tabsList li h4 { float:left; width:237px; height:351px; border-right: 1px solid #EFF0F2; color:#fff; font-size:18px; font-weight: bold; line-height:22px; text-align:center; cursor:pointer; }
.tabsList li h4 i { display:block; height:65px; }
.tabsList li h4 span { display: block;  background: url(dark.png) repeat; height: 39px; width: 238px; margin-top: -39px; color: #fff; line-height: 39px; text-align: center; position: relative; z-index: 99; font-weight: normal; }
.tabsList li h4 i img { }
.tabsList li h4 a { display:block; color:#fff; text-decoration: none; }
.tabsList li .tabBody { float:left; width:238px; height:351px;  overflow:hidden; background: #f7f7f7; }
.tabsList li .tabBody h3 { float:left; width:50px; height:351px; color:#0bb2ee; font-size:14px; line-height:15px; font-weight:normal; text-align:center; display:table; }
.tabsList li .tabBody h3 span {  width:24px; padding:0 13px; vertical-align:middle; display:table-cell; }
.tabsList .on { width:476px;  }
.tabsList .on h4 { background: #b19c73; opacity: 1; }
.wid { width: 150px; }
.tabsList .on2 h4 span { display: block;  background: url(dark.png) repeat; height: 351px; width: 238px; margin-top: -351px; color: #fff; line-height: 39px; text-align: center; position: relative; z-index: 99; font-weight: normal; font-size: 0; }
.tabsList .on .tabBody { width:212px;  }
.tabsList li .tac { position:absolute; top:0; left:0; width:476px; height:351px; }
.tb { margin: 45px 24px; }
.tb span , .tb em , .tb b,.tb a { display: block; }
.tb span { font-size: 20px; color: #00a3ff; margin-bottom: 20px; }
.tb em { font-size: 14px; margin-bottom: 10px; }
.tb b { width: 60px; height: 2px; background: #000; margin-bottom: 10px; }
.tb p { line-height: 23px; margin-bottom: 10px; }
.tb a { height: 30px; width: 100px; text-align: center; line-height: 30px; background: #cdcdcd; font-size: 14px; color: #fff; margin-bottom: 10px; }
.tb a:hover { background: #00a3ff; }



.fixed { position: fixed; right: 5px; bottom: 5px; width: 300px; height: 200px; }