@charset "utf-8";
/*
for login layout---------------------------*/
.loginArea{margin:0 auto 10px; width:920px; height:auto!important; height:400px; min-height:400px;}
.loginArea_l{float:left; width:560px;}
.loginArea_r{float:right; width:358px; border:1px solid #ddd;}
.loginArea_r h2{font-size:14px; margin-bottom:20px;}
.loginTabs{height:39px; line-height:39px; background:url(../images/Frame/login_tab_bg.jpg) repeat-x;}
.loginTabs li{float:left; display:inline;}
.loginTabs li a{float:left; width:178px; text-align:center; font-size:14px; font-weight:bold;}
.loginTabs li a.a1{border-right:1px solid #ddd;}
.loginTabs li a:hover,.loginTabs li a.on{background:url(../images/Frame/login_tab_on.jpg) repeat-x;}
.loginCon{padding:30px 25px;}
.loginInput_01{width:160px; padding:0 5px; height:28px; line-height:28px; border:1px solid #ddd;}
.loginInput_02{width:80px; padding:0 5px; height:28px; line-height:28px; border:1px solid #ddd;}
.ydy{height:auto!important; height:72px; min-height:72px;}
.sjList li{float:left; display:inline; margin-right:20px;}
.loginAd{width:360px; height:60px; clear:both; margin-top:52px;}
.loginTips{border:1px solid #ff8080; padding:5px 5px 5px 30px; background:#ffe8e8 url(../images/Frame/icon_del.png) no-repeat 0px 0px;}
a.link_backindex{font-size:14px; float:right; margin:20px 20px 0 0;}

/*
for mobi layout---------------------------*/
.mobiBanner{height:250px; width:960px; overflow:hidden; margin-bottom:10px;}
.mobiTitle_01{height:30px; clear:both; margin-bottom:10px; border-bottom:1px solid #ddd; background:url(../images/Frame/mobi_title_01.jpg) no-repeat 0 0;}
.mobiTitle_02{height:30px; clear:both; margin-bottom:10px; border-bottom:1px solid #ddd; background:url(../images/Frame/mobi_title_02.jpg) no-repeat 0 0;}
.mobiDomeList{margin-bottom:20px;}
.mobiDomeList li{float:left; display:inline; margin-right:12px; border:1px solid #ccc;}
.mobiDomeList li.last{margin:0;}
.mobiDownArea{border:1px solid #ddd; padding:19px 9px; background:#eee; margin-bottom:20px;}
.mobiDownArea li{float:left; width:190px; padding:0 17px; margin:0 5px; padding-top:125px;}
.mobiDownArea li.li_01{background:url(../images/Frame/mobi_down_icon_01.jpg) no-repeat center 0;}
.mobiDownArea li.li_02{background:url(../images/Frame/mobi_down_icon_02.jpg) no-repeat center 0;}
.mobiDownArea li.li_03{background:url(../images/Frame/mobi_down_icon_03.jpg) no-repeat center 0;}
.mobiDownArea li.li_04{background:url(../images/Frame/mobi_down_icon_04.jpg) no-repeat center 0;}
.mobiDownArea li h2{font-size:14px; text-align:center; color:#036db7; margin-bottom:10px;}

/*
for help layout---------------------------*/
.helpMain{margin-bottom:10px;}
.helpLeft{float:left; width:160px;}
.helpRight{float:right; width:1070px;}

.helpLeft .title{height:28px;width: 138px; line-height:28px; border:1px solid #2196da; padding:0 10px; color:#fff; background:#63AFED;margin-top: 5px;}
.helpLeft .title h2{font-size:14px;}
.helpLeft .title a{color:#fff; font-size:14px; font-weight:bold;}
.helpLeft .con{}

.helpLeft ul{border:1px solid #ddd; border-top:none;}
.helpLeft ul li a{display:block; line-height:25px; padding-left:30px; border-bottom:1px dashed #ccc; background:url(../images/Frame/arrow.01.gif) no-repeat 15px 8px;}
.helpLeft ul li a:hover{background-color:#eeeeee;}
.helpLeft ul li a.on{color:#056bb5; background-color:#e5f0f8;}

.helpBanner{width:100%; height:180px; overflow:hidden; margin-bottom:10px;}

.helpBox{border:1px solid #ddd;}
.helpBox .title{height:28px;width:786px;line-height:28px; padding:0 10px; border-bottom:1px solid #ddd; background:url(../images/Frame/title.bg.02.jpg) repeat-x;}
.helpBox .title h2{float:left; font-size:14px; color:#036db7;}
.helpBox .title a{float:right}
.helpBox .con{padding:9px;}

.helpBox_01{float:left; width:568px;}
.helpBox_02{float:right; width:250px;}
.helpBox_02 .con{height:auto!important; height:230px; min-height:230px;}
.helpBox_02 .title{ width:230px;}
.helpBox_03{float:left; width:806px;}
.helpBox_03 .con{float:left; width:98%; font-size:12px;}

.helpBox_04{float:right; width:250px;}
.helpBox_04 .con{height:auto!important; height:230px; min-height:230px; width:90%;}
.helpBox_04 .title{ width:230px;}

.list01_2{clear:both;}
.list01_2 li{line-height:22px; padding-left:10px; background:url(../images/Frame/arrow.02.gif) no-repeat 0 9px; float:left; width:360px;}
.list01_2 li span{float:right; color:#999}

.helpLoca{height:40px; padding:0 5px 0 15px; line-height:40px; background:url(../images/Frame/help_loca_bg.jpg) no-repeat;}
.helpLoca h2{float:left; font-size:14px;}
.helpLoca a{float:right; width:110px; text-align:center; font-size:12px;}

.helpCon{padding:10px;}
.helpCon h1{text-align:center; line-height:40px; font-size:18px; border-bottom:1px solid #ddd; margin-bottom:10px;}
.helpCon .con{padding:10px; font-size:14px;}
.helpCon h2{font-size:14px; line-height:30px; color:#028ad6;}
.helpCon h3{font-size:12px; line-height:25px;}
.helpCon img{border:1px solid #ddd;}

/*
for yxwl layout---------------------------*/
.yxwlArea{width:960px; height:500px; margin-bottom:10px; background:url(../images/Frame/yxwl_bg.jpg) no-repeat;}
.companyArea{float:right; width:230px; padding:5px 10px; margin-top:20px; color:#fff;}
.companyArea h2{text-align:center; font-size:14px; line-height:30px;}
.companyArea ul li{line-height:22px; color:#fff; padding-left:10px; background:url(../images/Frame/arrow.02_02.gif) no-repeat 0 9px;}
.companyArea ul li a{color:#ff0;}
.companyArea ul li a:hover{color:#f90;}
.mapArea{float:left; width:710px; position:relative;}
.mapArea a{display:block; position:absolute; height:18px;}
.mapArea a.a1{width:90px; top:190px; left:333px;}
.mapArea a.a2{width:110px; top:214px; left:455px;}
.mapArea a.a3{width:90px; top:239px; left:237px;}
.mapArea a.a4{width:90px; top:243px; left:389px;}
.mapArea a.a5{width:150px; height:32px; top:252px; left:552px;}
.mapArea a.a6{width:220px; top:287px; left:460px;}
.mapArea a.a7{width:90px; top:304px; left:278px;}
.mapArea a.a8{width:110px; top:312px; left:456px;}
.mapArea a.a9{width:90px; top:325px; left:227px;}
.mapArea a.a10{width:110px; top:335px; left:439px;}
.mapArea a.a11{width:90px; top:341px; left:327px;}
.yxfw_news{ width:100%;}
.yxfw_news ul{ width:455px; background:url(../images/Frame/yxwl_li_bg.jpg) no-repeat; padding: 0px 0px 5px 15px; margin:10px 0px;}
.yxfw_news ul li{ line-height:20px;}
.yxfw_news .title{ font-size:14px; font-weight:bold; padding:10px 0px;}
/*
for about layout---------------------------*/
.aboutArea{margin-bottom:10px;}
.aboutArea_l{float:left; width:160px; background:#f5f5f5 url(../images/Frame/a_left_pic.jpg) no-repeat 0 bottom;}
.aboutArea_r{float:left; width:1060px; padding:9px 9px 9px 10px; border:1px solid #ddd; border-left:none;}
.aleftMenu{height:auto!important; height:450px; min-height:450px; padding:20px 0 0 10px; background:url(../images/Frame/a_menu_bg.jpg) no-repeat 0 0;}
.aleftMenu li{height:30px; line-height:30px; margin-bottom:10px;}
.aleftMenu li a{display:block; padding-left:40px; font-weight:bold;}
.aleftMenu li a.on{color:#036db7; background:url(../images/Frame/a_menu_on.jpg) no-repeat;}

.aboutBanner{width:1060px; height:120px; overflow:hidden; margin-bottom:5px;}
.aboutBanner img{ width:1060px;}
.aboutCon{padding:10px;}
.aboutCon h2{font-size:14px; color:#036db7; line-height:30px;}
.hzhbList li{float:left; width:180px; height:60px; overflow:hidden; border:1px solid #ddd; margin:8px; display:inline;}
.contactCon{padding:40px 0 0 40px; font-size:14px; height:auto!important; height:300px; min-height:300px; background:#fff url(../images/Frame/contact_bg.jpg) no-repeat right bottom;}
.contactCon p{line-height:180%;}
.contactCon h2{font-size:14px; color:#0070af; line-height:30px;}
.downList li{float:left; width:495px; line-height:24px; padding:10px 0 0 15px; margin:0 5px; display:inline; border-bottom:1px solid #ddd; background:url(../images/Frame/arrow.02.gif) no-repeat 5px 19px;}

/*
for wx layout---------------------------*/
.wxArea{margin:0 auto 10px; width:950px;}
.wxArea_l{float:left; width:470px;}
.wxArea_r{float:right; width:470px; padding-left:10px;}
.wxArea_r .title{height:30px; text-indent:-100000px; margin-bottom:10px; background:url(../images/Frame/wx_title_01.jpg) no-repeat 0 0;}
.wxArea_r .con_01{padding:8px 0 0 110px; height:auto!important; height:90px; min-height:90px; background:url(../images/Frame/wx_icon_01.jpg) no-repeat 0 0;}
.wxArea_r .con_02{padding:8px 0 0 110px; height:auto!important; height:90px; min-height:90px; background:url(../images/Frame/wx_icon_02.jpg) no-repeat 0 0;}
.wxArea_r .con_01 h2,.wxArea_r .con_02 h2{font-size:14px; color:#086bc8; line-height:30px;}

/*
for agreement layout---------------------------协议*/
.agreementTop{width:1240px; height:60px; background:#028ad6 url(../images/Frame/agreement_top.jpg) no-repeat right;}
.agreementMid{height:auto!important; height:400px; min-height:400px; padding:20px; background:#f9f9f9;}
.agreementMid h1{line-height:30px; margin-bottom:10px; font-size:18px; color:#333; font-family:microsoft yahei; text-align:center;}
.agreementMid h2{font-size:14px; color:#2e82b0; line-height:30px;}
.agreementMid h3{line-height:25px; color:#f90; font-size:12px;}
.agreementMid p{text-indent:2em;}
.agreementBottom{line-height:30px; text-align:center; color:#c6dfec; background:#028ad5;}

/*
for news layout---------------------------*/
.newsArea{margin-bottom:10px;}
.newsArea_l{float:left; width:710px;}
.newsArea_r{float:right; width:240px;}
.newsBox_01{border:1px solid #a9a1a1; clear:both;}
.newsBox_01 .title{height:31px; padding:0 10px; line-height:31px; background:url(../images/Frame/news_title_bg.jpg) repeat-x;}
.newsBox_01 .title h2{float:left; font-size:14px; color:#2e82b0; padding-right:20px;}
.newsBox_01 .title ul{float:left; height:31px; border-left:1px solid #a9a1a1;}
.newsBox_01 .title li{float:left; display:inline; border-right:1px solid #a9a1a1;}
.newsBox_01 .title li a{float:left; line-height:31px; height:31px; padding:0 15px;}
.newsBox_01 .title li a:hover,.newsBox_01 .title li a.on{color:#2e82b0; background:url(../images/Frame/news_tabs_on.jpg) repeat-x;}
.newsBox_01 .con{padding:8px 0;}
.newsBox_01 .con ul{clear:both;}
.newsBox_01 .con li{float:left; width:300px; line-height:25px; padding-left:12px; margin:0 20px; display:inline; background:url(../images/Frame/arrow.02.gif) no-repeat 0 10px;}
.newsBox_01 .con li span{float:right; color:#999}

.box_w240{width:240px;}
.box_w240_t{height:32px; line-height:32px; padding:0 10px; text-align:center; color:#2576c5; font-size:14px; font-weight:bold; background:url(../images/Frame/box_w240_t.jpg) no-repeat;}
.box_w240_t h2{float:left; color:#126fbb; font-size:14px;}
.box_w240_t a.more{float:right; color:#00abdc; font-size:12px; font-weight:normal;}
.box_w240_t a.more:hover{color:#e60f18;}
.box_w240_m{height:auto!important; height:80px; min-height:80px; padding:5px; background:url(../images/Frame/box_w240_m.jpg) repeat-y;}
.box_w240_b{height:5px; overflow:hidden; clear:both; background:url(../images/Frame/box_w240_b.jpg) no-repeat;}

/*
for demo layout---------------------------*/
.demoTab_01{height:40px; padding-top:10px; background:url(../images/Frame/demo_tab_01_bg.jpg) repeat-x 0 bottom;}
.demoTab_01 h2{float:left; width:210px; height:40px; background:url(../images/Frame/demo_title.jpg) no-repeat;}
.demoTab_01 ul{float:left; padding-left:10px;}
.demoTab_01 ul li{float:left; margin-right:1px; display:inline;}
.demoTab_01 ul li a{float:left; width:120px; height:40px; text-align:center; line-height:40px; font-family:"microsoft yahei"; font-size:18px; background:url(../images/Frame/demo_tab_01.jpg) no-repeat 0 0;}
.demoTab_01 ul li a:hover,.demoTab_01 ul li a.on{background-position:-130px 0; color:#0374be;}
.demoCon_01{clear:both; border:1px solid #8fcde0; border-top:none; padding:10px; margin-bottom:10px; height:auto!important; height:400px; min-height:400px;}

.demoBtnsArea{margin-bottom:10px;}
.demoBtnsArea a{float:left; display:inline; margin:5px; width:72px; height:30px; line-height:30px; padding-left:28px; font-size:14px; font-weight:bold; background:url(../images/Frame/demo_btn_bg.jpg) no-repeat 0 0;}
.demoBtnsArea a:hover,.demoBtnsArea a.on{background-position:0 -40px; color:#fff;}

.demoTab_02{height:35px; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 10px; background:url(../images/Frame/demo_tab_02_bg.jpg) repeat-x 0 bottom;}
.demoTab_02 ul{padding-top:10px;}
.demoTab_02 li{float:left; margin-right:3px; display:inline;}
.demoTab_02 li a{float:left; height:25px; line-height:25px; padding:0 20px; border-left:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; font-weight:bold; background:url(../images/Frame/demo_tab_02.jpg) repeat-x;}
.demoTab_02 li a:hover,.demoTab_02 li a.on{color:#f60; background:url(../images/Frame/demo_tab_02_on.jpg) repeat-x;}
.demoCon_02{padding-top:5px;