﻿@import url(global.css);
@import url(new0502.css);
@charset "utf-8";
* { margin: 0px; padding: 0px;}
body{line-height:1.5; font:12px "Microsoft YaHei",微软雅黑; color:#333;}
ol,ul { list-style:none; }
a { color:#000;text-decoration:none; }
a:hover{ color:#dd1a00; }
img { border:0;  vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0; }
.clear { clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}
.red {color:red;}
input{ border:none;}

.wrapper{ width:980px; margin:0 auto;}/*xg 20141219*/
.icons{ background:url(../images/icons.png) no-repeat 0 0;}/*xg 20141219*/
.top a:hover , .intro a:hover , .footer .footerLink a:hover , .forgetBg1 .main p a:hover{ color:#dd1a00; }/*xg 20141219*/
* input.myplaceholder,
* textarea.myplaceholder{color: #adadad;}

.head{ height:600px;/* line-height:90px;*/ background:url(../images/xsx2_head_bg.jpg) no-repeat top center #2774c4;}/*xg 20141219*/


.secTop{ height:80px; /*background:url(../images/xsx2_sectop.jpg) no-repeat top center;*/}
.secTop .wrapper{ position:relative;}
.secHead{height: 80px; background:url(../images/xsx2_head_bg.jpg) no-repeat top center #2774c4;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -ms-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -o-box-shadow: 0 3px 3px rgba(0,0,0,0.3); box-shadow: 0 3px 3px rgba(0,0,0,0.3);}
.head .secHead{-webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -ms-box-shadow: 0 0 0; -o-box-shadow: 0 0 0; box-shadow: 0 0 0;}

.logo{ height:80px; width:205px; float:left;  background:url(../images/logo.png) no-repeat left center;_background:url(../images/logo.gif) no-repeat left center;}/*xg 20141219*/
.logo a{ display:block; width:100%; height:100%;}


.nav-userbar{  height:80px;  line-height:82px;float:right;  overflow:hidden; }
.nav-userbar span{ padding:0 6px; }
.nav-userbar  { font-size:14px; color:#fff; }
.nav-userbar a{ font-size:14px; color:#fff; }
.nav-userbar a:hover{ font-size:14px; color:#fff; }

.navigation{  position:relative; z-index:1; height:80px;  line-height:82px; width:620px; float:left;  overflow:hidden; }/*xg 20141219*/
.navA{ position:relative; height:80px; overflow:hidden;}
.navA a{ font-size:16px; color:#fff; display:inline-block; *display:inline; *zoom:1; width:88px; text-align:center ;margin:0 5px;}
.navA .m{ float:left;  position:relative; z-index:1; }
.navA .on a{ _color:#fff;}
.navA a:hover{ color:#fff;}
.navA .blockA{ height:4px; width:88px; background:url(../images/xsx2_nav_on.png) no-repeat bottom center;_background:url(../images/xsx2_nav_on.gif) no-repeat bottom center; position:absolute; left:0; top:60px; overflow:hidden; }


/*个人中心头部导航begin*/
.navBar{  position:relative; z-index:1; width:138px; float:right;  height:40px; color:#fff; margin-top:24px;   }
.nav2{ position:relative;}
.nav2 a{ color:#333;  }
.nav2 .txImg{ width:35px; height:35px; float:left;}
.nav2 .txImg img{ width:35px; height:35px;}
.nav2 .txName{ width:95px; float:right;}
.nav2 .txName .name{ font-size:14px; border-bottom:1px solid #6aa8eb; padding-bottom:4px; margin-bottom:1px; line-height:15px;}/*xg 20141219*/
.nav2 .txName .have{ color:#faa63d;}
.nav2 .m{ position:relative; z-index:1; }
.nav2 .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
.nav2 .sub{ display:none; /*默认隐藏*/  position:absolute; left:19px; top:31px; z-index:1; width:113px; }
.nav2 .sub .subTop{ width:100%; height:19px; background:url(../images/ht_down_top.png) no-repeat top right; overflow:hidden;}
.nav2 .sub .subMid{ background:url(../images/ht_down_mid.png) repeat-y;}
.nav2 .sub .subBot{ height:11px; overflow:hidden; background:url(../images/ht_down_bot.png) no-repeat top right; _clear:both;}
.nav2 .sub ul{ width:82px; margin:0 auto; padding-top:6px;}
.nav2 .sub ul li{ height:28px; line-height:28px; font-size:13px;}
.nav2 .sub ul li.bor{ border-top:1px solid #e9e9ea; padding-top:8px; margin-top:8px;}
.nav2 .sub ul li a{ display:block; color:#888;}
.nav2 .sub ul li a em{ display:block; width:24px; height:28px; float:left;}
.nav2 .sub ul li a em.sub1{ background-position:-70px -4px;}
.nav2 .sub ul li a em.sub2{ background-position:-70px -32px;}
.nav2 .sub ul li a em.sub3{ background-position:-70px -60px;}
.nav2 .sub ul li a em.sub4{ background-position:-70px -88px;}
.nav2 .sub ul li a em.sub5{ background-position:-70px -116px;}
.nav2 .sub ul li a em.sub6{ background-position:-70px -142px;}
.nav2 .sub ul li a:hover{ color:#e78d1d;}
.nav2 .sub ul li a:hover em.sub1{ background-position:-120px -4px;}
.nav2 .sub ul li a:hover em.sub2{ background-position:-120px -32px;}
.nav2 .sub ul li a:hover em.sub3{ background-position:-120px -60px;}
.nav2 .sub ul li a:hover em.sub4{ background-position:-120px -88px;}
.nav2 .sub ul li a:hover em.sub5{ background-position:-120px -116px;}
.nav2 .sub ul li a:hover em.sub6{ background-position:-120px -142px;}

.banner{ margin:0 auto; height:473px; clear:both;}/*xg 20141219*/
.focusBox { position: relative; width:100%; height:473px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; width:1000px; margin:0 auto; }
.focusBox .pic li{ width:1000px; height:473px; position:relative;}
.focusBox .pic li.ban0{ background:url(../images/xsx2_banner_img0.png) no-repeat left center;}
.focusBox .pic li.ban1{ background:url(../images/xsx2_banner_img1.png) no-repeat left center;_background:url(../images/xsx2_banner_img1.gif) no-repeat left center;}
.focusBox .pic li.ban4{background:  url(../images/banner_4.png) center 130px no-repeat;}
.focusBox .pic li.ban5{background:  url(../images/banner_5.png) left top no-repeat;} /*20180420*/
.focusBox .pic li.ban4 a{display: block;width: 196px;height: 55px;line-height: 48px;text-align: center;color: #fff;font-size: 20px;letter-spacing: 0.3em;background:  url(../images/banner_4_btn.png) top center no-repeat;margin: 272px auto 0 auto;padding: 0;}
.focusBox .pic li .input{ position:absolute; width:479px; height:95px; bottom:82px; right:0;}
.focusBox .pic li a{ display:inline-block; width:140px; padding:12px 0 60px 0; font:18px "Microsoft YaHei",微软雅黑; color:#fff; letter-spacing:0.2em; text-align:center; _background:url(../images/icons.gif) no-repeat 0 0;}
.focusBox .pic li .btn1{ background-position:0 -590px; float:left;}
.focusBox .pic li .btn2{ background-position:-180px -590px; margin:0 30px 0 25px;  float:left;}
.focusBox .pic li .btn3{ background-position:-360px -590px; float:left;}


.focusBox .hd { width:100%; position: absolute; bottom: 25px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background:url(../images/dot2.png) no-repeat 0px 0px; _background:url(../images/dot2.gif) no-repeat 0px 0px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display:inline-block; *display:inline; zoom:1; }/*xg 20141219*/
.focusBox .hd li.on{ background-position:0px -32px;  }
.focusBox .prev,
.focusBox .next { width: 80px; height: 80px; margin:-119px 0 0; display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=100);opacity:1;  }/*xg 20141219*/
.focusBox .prev { left: 0;  background-position:-210px -80px; }
.focusBox .next { background-position:-340px -80px; right: 0; }
.focusBox .prev:hover{ background-position:-210px -210px; }
.focusBox .next:hover { background-position:-340px -210px; }


/*add 20141219*/
input{ outline:medium;}
.focusBox .pic li.ban2{ background:url(../images/xsx2_banner_img2.png) no-repeat left center; _background:url(../images/xsx2_banner_img2.gif) no-repeat left center;}/*xg 20140108*/
.focusBox .pic li.ban3{ background:url(../images/xsx2_banner_img3.png) no-repeat left center; _background:url(../images/xsx2_banner_img3.gif) no-repeat left center;}/*xg 20140108*/
.focusBox .pic li .banText{ position:absolute; color:#fff; width:494px; right:0; top:86px;}
.focusBox .pic li .banText .banTtit{ font-size:35px; margin-bottom:10px;}
.focusBox .pic li .banText p{ font-size:20px; line-height:26px; text-align:right;}/*xg 20150114*/
.focusBox .pic li.ban3 .banText p{ text-align:left; font-size:15px; line-height:26px;}
.focusBox .pic li.ban3 .banText p em{ font-size:20px;  padding-right:6px;}

.box0{ margin-top:100px; padding-bottom:100px; border-bottom:1px solid #e8e8e8;}
.box0 .text{ width:510px; height:165px;}
.box0 .text .title{ font-size:38px; line-height:38px; letter-spacing:0.1em; margin-bottom:25px;}
.box0 .text p{ font-size:18px; line-height:34px; color:#87959d;}
.box1{ height:312px; background:url(../images/xsx2_box1.jpg) no-repeat right top;}
.box2{ height:334px; background:url(../images/xsx2_box2.jpg) no-repeat left top;}
.box3{ height:324px; background:url(../images/xsx2_box3.jpg) no-repeat right top;}
.box4{ height:327px; background:url(../images/xsx2_box4.jpg) no-repeat left top; /*border-bottom:none;*/}
.box1 .text{ padding-top:72px;}
.box2 .text{ padding-top:80px; float:right;}
.box3 .text{ padding-top:103px;}
.box4 .text{ padding-top:81px; float:right;}
/*add 20150114*/
/*.box1 .text .title,
.box2 .text .title{ line-height:46px;}
*/

.h100{ height:100px; overflow:hidden; width:100%;}




.colorBar{ height:5px; overflow:hidden; width:100%;}
.colorBar div{ width:33.33%; height:5px; float:left;}
.colorBar .bar1{ background:#6db838;}
.colorBar .bar2{ background:#9858bd;}
.colorBar .bar3{ background:#33bfe6;}


/*xp 20150305 begin*/
.data_bg{ background:#f9f9f9; border-top:1px #ccc solid; border-bottom:1px #ccc solid; margin-top:25px; padding:20px;width:960px; margin:0 auto;	}
.data_bg h5{ font-size:18px; color:#3e8bdb; font-weight:normal; letter-spacing:1px;}

/*data1*/
.data1{  margin-top:40px;height:244px;}
.database_table{ width:958px; height:204px; border:1px #e4e4e4 solid; margin-top:15px;border-collapse:collapse;font-size:14px; color:#333;}
.database_table tr{ height:40px;}
.database_table tr.coulumn1{ background:#efeeee; font-size:15px;color:#000;}
.database_table td{ border:1px #e4e4e4 solid; width:11%; text-align:center;}
.database_table td.row1{ width:95px; padding-right:15px; text-align:right; background:#efeeee; font-family:"Microsoft Yahei";font-size:15px; color:#000;}
.database_table tr.coulumn2 ul{ padding-left:40px; width:60px;}
.database_table tr.coulumn2 ul li{ display:block; float:left; width:23px; height:23px; background:url(../images/bumleb.jpg) left top no-repeat; }
.database_table tr.coulumn2 ul li.status0{  background-position:-80px 0px;}
.database_table tr.coulumn2 ul li.status1{background-position:-4px 0px;}
.database_table tr.coulumn2 ul li.status2{background-position:-160px 0px;}



/*data2*/
.data2{  margin-top:35px;height:289px;}
.data2_chart{ width:620px; height:270px; float:left;}
.describe{ width:310px; height:400p; float:right;padding-top:80px; padding-left:10px;}
.describe li{ font-family:"Microsoft Yahei"; font-size:14px; color:#555; height:30px; line-height:30px; background:url(../images/data2_li.jpg) left center no-repeat; padding-left:15px; }

/*data3*/
.data3{ margin-top:35px; height:327px;}
.data3_chart{ width:960px; height:300px;}

/*data4*/
.data4{ margin-top:35px; height:315px;}
.data4_chart{ width:960px; height:295px;}

/*data5*/
.data5{ margin-top:35px; height:320px;}
.data5_chart{ width:960px; height:298px;}

.fl{float: left;}
.fr{float: right;}
.indexInformation{overflow: hidden;background:  url(../images/indexinformation.png) center no-repeat;}
.indforBox{width: 420px;padding: 70px 0;}
.indforIcon{display: block;float: left;background:url(../images/add_index_infor.png) 0 0 no-repeat;}
.indforBox .indforTit{font-size: 18px;font-weight: bold;height: 20px;line-height: 20px;margin:0 0 32px 0;}
.indforBox .indforTit .indforIcon{width: 30px;height: 20px;}
.indforBox .indforTit .indfor_icon1{background:  url(../images/indfor_icon1.png) left center no-repeat;}
.indforBox .indforTit .indfor_icon2{background:  url(../images/indfor_icon2.png) left center no-repeat;}
.indforBox .indforTit .indfor_hy{background-position: 0 1px;}
.indforBox .indforTit .indfor_cy{background-position: 0 -38px;}
.indforBox li{height: 34px;line-height: 34px;font-size: 14px;border-bottom: 1px dashed #e3e3e3;}
.indforBox li a{color: #5c5c5c;display: block;width: 364px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;}
.indforBox li a:hover{color: #3a86d2;}
.indforBox li .indforTime{float: right;color: #888;}
.indforBox li .indforIcon{width: 5px;height: 9px;float: left;background-position: 0 -78px;margin:12px 12px 0 8px;}
.indforBox .indforMore{font-size: 12ppx;color: #3a86d2;float: right;padding-top: 14px;}

.index_footerLink{padding-bottom: 5px;}
.index_footerLink a{font-size: 14px;padding-right: 30px;color: #4f4f4f;}
.index_friendLink{border-bottom: 1px solid #dbdbdb;/* height: 48px; */line-height: 24px;color: #333;font-size: 14px;padding-top: 15px;padding-bottom: 15px;}
.index_friendLink a{color: #949494;padding:0 10px;}




