@charset "utf-8";



/* CSS Document */















body { color:#999999; background:url(../images/bg.png) repeat scroll left top;}



a { color:#999999; text-decoration:none;}



a:hover { text-decoration:none; color:#742c42;}







.header { height:86px; background:url(../images/header-bg.png) no-repeat scroll center top;}



.header .top { width:950px; margin:0px auto;}



.header .logo { float:left;}



.header .logo img { display:none;}



.header .navigation ul { padding-top:30px;}



.header .navigation { float:right; width:320px; line-height:86px; color:#fff; font-family:"微软雅黑";}



.header .navigation ul li { height:15px; line-height:15px; font-size:13px; border-right:1px solid #ffffff; padding:0px 15px; float:left;}



.header .navigation ul li a { display:block; color:#fff;  font-weight:bold;}



.header .navigation ul li a:hover { color:#742c42; border-bottom:2px solid #742c42;}







.index-banner { height:584px; background:url(../images/banner-bg.png) no-repeat scroll center top;}



.index-banner .download-button { width:950px; margin:0px auto; padding-top:312px; height:69px;}



.index-banner .download-button img { margin-right:10px;}



.index-banner .download-wrap { width:950px; margin:0px auto; margin-top:41px; padding-top:12px; padding-left:37px; background:url(../images/banner-txt-bg1.png) no-repeat scroll left top; height:150px;}



.index-banner .download-message { float:left; width:276px;}



.index-banner .download-code { float:left; width:280px;}



.index-banner .download-message .input-txt { width:232px; height:26px; line-height:26px; padding-left:10px; border:1px solid #cbcbcb; background:url(../images/download-inputText.png) no-repeat scroll left top; color:#999; margin-bottom:10px;}



.index-banner .download-message .input-btn { width:111px; height:27px; background:url(../images/download-inputBtn.png) no-repeat scroll left top; border:none; cursor:pointer;}



.index-banner .download-code .txt { float:left; width:130px; padding-right:20px;}







.index-banner .download-wrap2 { width:950px; margin:0px auto; margin-top:-68px; padding-left:40px; background:url(../images/banner-txt-bg2.png) no-repeat scroll left top; height:208px;}

.index-banner .download-wrap2-download { padding-top:0px;}

.index-banner .download-wrap2-download span { display:inline-block; width:130px; height:111px; border-right:1px dashed #cccccc; text-align:center;}



.download-popup-box {}

.download-popup-box .download-tab li.normal0 { width:223px; height:60px; background:url(../images/tab-normal01.png) no-repeat scroll left top;}

.download-popup-box .download-tab li.current0 { width:223px; height:60px; background:url(../images/tab-current01.png) no-repeat scroll left top;}

.download-popup-box .download-tab li.normal1 { width:220px; height:60px; background:url(../images/tab-normal02.png) no-repeat scroll left top;}

.download-popup-box .download-tab li.current1 { width:220px; height:60px; background:url(../images/tab-current02.png) no-repeat scroll left top;}



.download-popup-box .download-tab { height:60px;}

.download-popup-box .download-tab li { float:left; cursor:pointer; border-right:6px solid #331420;}

#inline-example1-a #change_warp1 { width:80%; margin:0px auto; padding:20px 0px;}

#inline-example1-a #change_warp1 dt { font-family:"微软雅黑"; font-size:15px; color:#333333;}

#inline-example1-a #change_warp1 dd { text-align:center; padding:15px 0px;}



#inline-example1-b #change_warp2 { width:80%; margin:0px auto; padding:14px 0px 10px 0px;}

#inline-example1-b #change_warp2 dt { font-family:"微软雅黑"; font-size:16px; color:#333333;}

#inline-example1-b #change_warp2 dd { text-align:left; padding:15px 0px;}

#inline-example1-b #change_warp2 .input-text { width:359px; height:28px; line-height:28px; padding-left:10px; background:url(../images/tab2-inputText.png) no-repeat scroll left top; border:none; margin:4px 0px 10px 0px;}

#inline-example1-b #change_warp2 .input-btn1 { border:none; cursor:pointer; width:111px; height:27px; background:url(../images/tab2-inputBtn1.png) no-repeat scroll left top;}

#inline-example1-b #change_warp2 .input-btn2 { border:none; cursor:pointer; width:111px; height:27px; background:url(../images/tab2-inputBtn2.png) no-repeat scroll left top;}



#inline-example1-c #change_warp3 { width:80%; margin:0px auto; padding:20px 0px;}

#inline-example1-c #change_warp3 dt { font-family:"微软雅黑"; font-size:15px; color:#333333;}

#inline-example1-c #change_warp3 dd { padding:15px 0px;}



#inline-example1-d #change_warp4 { width:80%; margin:0px auto; padding:20px 0px;}

#inline-example1-d #change_warp4 dt { font-family:"微软雅黑"; font-size:15px; color:#333333;}

#inline-example1-d #change_warp4 dd { padding:15px 0px;}

#inline-example1-d #change_warp4 dd ul li { float:left; width:24.9%; text-align:center;}

#inline-example1-d #change_warp4 dd ul li img { display:block; margin:0px auto;}

#inline-example1-d #change_warp4 dd ul li span { display:block; text-align:center; line-height:24px;}

#inline-example1-d #change_warp4 .appstore dt { height:0px;}



#colorbox { height:800px;}







.index-banner .banner-wrap { width:950px; margin:0px auto; position:relative;}



.index-banner .flash { position:absolute; top:20px; right:13px;_right:30px;}











.container { width:950px; margin:0px auto;}



.index-info { float:left; width:586px; padding-top:26px;}



.index-info .info-title { background:url(../images/index-line.png) repeat-x scroll left bottom; padding-bottom:4px;}



.index-info .info-wrap { padding-top:13px;}



.index-info .info-wrap ul li { float:left; width:33.3%;}



.index-info .info-wrap ul li p { width:170px; margin:0px auto;}



.index-info .info-wrap ul li .name { line-height:44px; font-size:18px; font-family:"微软雅黑"; color:#333; font-weight:bold;}







.index-news { float:right; width:320px; padding-top:26px;}



.index-news .news-title { background:url(../images/index-line.png) repeat-x scroll left bottom; padding-bottom:4px;}



.index-news .news-title a { float:right; color:#185084; padding-right:10px;}



.index-news .news-wrap ul li { border-bottom:1px solid #ccc; padding:5px 0px;}



.index-news .news-wrap ul li a { font-family:"微软雅黑"; display:block; background:url(../images/news-icon1.png) no-repeat scroll 5px 4px; padding-left:34px; color:#5b8294; font-size:16px;}



.index-news .news-wrap ul li a:hover { color:#ca0033;}



.index-news .news-wrap ul li .time { padding-left:34px; font-size:14px;}



.index-news .color-red { color:#ff0000;}



.index-news .btn { text-align:right; padding-top:7px;}











.footer { padding-top:15px;}



.footer .footer-line { height:39px; line-height:39px; background:url(../images/index-line.png) repeat-x scroll left center; width:950px; margin:0px auto; text-align:center;}



.footer .footer-nav { text-align:center; padding:10px 0px;}



.footer .footer-nav a { color:#ca0033; padding:0px 10px;}















.sub-container { background:url(../images/sub-bg.png) repeat-x scroll left -1px;}



.sub-container-wrap { width:930px; padding-left:20px; margin:0px auto; padding-top:34px;}



.main { float:left; width:530px; border:1px solid #cccccc; background:#ffffff; padding:45px;}



.main .title { padding:15px 0px; border-bottom:1px solid #e7e7e7;}



.news-list { padding:10px 0px;}



.news-list li { padding:24px 0px; border-bottom:1px dotted #e7e7e7; font-size:14px; position:relative;}



.news-list li .time { position:absolute; top:25px; left:0px; width:42px; height:42px; background:url(../images/problem-001.png) no-repeat scroll left top; line-height:42px; text-align:center; color:#fff; margin-right:10px;}



.news-list li .txt { }



.news-list li .txt a { color:#ca0003; text-decoration:underline;}



.news-list li .txt .name { padding-left:50px;}



.news-list li .txt .link { padding-left:50px;}



.news-list li .answer { margin-top:11px; color:#333333; padding:5px; font-size:13px; line-height:24px;}









.problem-list { padding:10px 0px;}



.problem-list li { padding:24px 0px; border-bottom:1px dotted #e7e7e7; font-size:14px; position:relative;}



.problem-list li .time { position:absolute; top:25px; left:0px; width:21px; height:21px; background:url(../images/problem-002.png) no-repeat scroll left top; line-height:21px; text-align:center; color:#fff; font-size:10px; margin-right:10px;}



.problem-list li .txt { }



.problem-list li .txt a { color:#ca0003; text-decoration:underline;}



.problem-list li .txt .name { height:21px; padding-right:18px; line-height:21px; padding-left:40px;  background:url(../images/problem-icon.png) no-repeat scroll right 5px; display:inline-block; cursor:pointer;}



.problem-list li .link { display:inline-block; width:13px; height:13px; background:url(../images/problem-icon.png) no-repeat scroll left top; float:left; margin-top:5px; cursor:pointer;}

.problem-list li .txt .selected { background:url(../images/problem-icon.png) no-repeat scroll right -13px; color:#e21e1e;}



.problem-list li .answer { clear:both; padding-left:40px; float:none; margin-top:11px; color:#333333; padding:5px; font-size:13px; line-height:24px;}



.problem-list li .question {}









.sidebar { float:right; width:250px; line-height:22px;}



.sidebar .title { padding:15px 0px;}











.problemView { position:relative;}



.problemView .t { font-family:"微软雅黑"; font-size:24px; font-weight:bold; color:#000000; border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:10px;}



.problemView .time { position:absolute; left:-65px; top:0px; width:42px; height:42px; background:url(../images/problem-001.png) no-repeat scroll left top; text-align:center; line-height:42px; color:#ffffff; font-size:14px;}



.problemView .details { line-height:24px;}







.sidebar-share-wrap img { padding-right:3px;}











.contact {}



.contact .t { text-align:center; font-family:"微软雅黑"; font-size:22px; font-weight:bold; color:#000000; padding-bottom:7px;}



.contact .memo { text-align:center; background:url(../images/contact-line.png) no-repeat scroll center bottom; padding-bottom:15px; padding-top:7px;}







.contact .contact-wrap { padding-top:30px; padding-bottom:30px;}



.contact .contact-wrap ul li { float:left; width:24.9%; text-align:center;}







.contact-bigpic { border:5px solid #484848; border-left:none; border-right:none; background:url(../images/contact-bigimg.png) no-repeat scroll center top; height:435px;}







.subscribe-wrap { width:450px; margin:0px auto; padding-top:40px;}



.subscribe-wrap .subscribe-item { padding:5px 0px 5px 54px;}



.subscribe-wrap .subscribe-item .input-txt { width:380px; height:26px; line-height:26px; background:url(../images/subscribe-img3.png) repeat-x scroll left top; border:1px solid #d6d6d6; padding-left:10px;}











.web-container { background:url(../images/web-bg.png) repeat-x scroll left top #ffffff;}



.web-container .web-header { height:104px; background:url(../images/web-header-bg.png) no-repeat scroll left top;}



.web-container .web-download { height:153px; padding:41px 0px 0px 44px;}



.web-container .web-download .txt { padding-bottom:24px;}



.web-container .web-download .btn img { padding-right:10px;}



.web-container .web-main { padding:20px 0px; border-bottom:1px solid #c0c4c7; line-height:24px; font-family:"微软雅黑";}



.web-container .web-main dl { padding-left:44px;}



.web-container .web-main dl dt { font-weight:bold; color:#333333; font-size:18px; padding-top:15px;}



.web-container .web-main dl dd { width:50%; font-size:14px; padding-bottom:20px;}



.web-container .web-footer { padding:15px 0px 15px 44px; font-size:14px;}



.web-container .web-footer p { padding:5px 0px;}



.web-container .web-footer p strong { color:#333; font-size:15px;}



.web-container .web-footer p a { color:#5b9b00;}





.sub-content { width:950px; margin:0px auto; padding-top:45px;}

.sub-content .content-wrap { border:1px solid #cccccc; background:#ffffff; padding:50px 68px;}

.serviceTerm .line { border-bottom:1px dashed #e21e1e; padding:10px 0px; margin-bottom:10px;}

.serviceTerm { text-indent:12px; line-height:24px; color:#666; font-family:"微软雅黑"; font-size:14px;}

.about-text { width:385px; height:559px; background:url(../images/about-txt-bg.png) no-repeat scroll left top; padding:35px 0px 0px 408px; line-height:24px; color:#666; font-family:"微软雅黑"; font-size:14px;}

.about-text h4 { font-size:33px; line-height:33px; font-weight:normal; font-family:"黑体"; padding-bottom:10px;}

.about-deeds { padding-top:20px;}

.about-deeds .deeds-wrap { float:left;}

.about-deeds .honor-wrap { float:right;}

.about-deeds .deeds-box { color:#666; font-family:"微软雅黑"; font-size:14px; padding-top:12px; line-height:24px;}