@charset "utf-8";
/* CSS Document */

*,html{ padding:0px; margin:0px; border:0px; }
p{ color:#333; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
body{font-family:"Microsoft YaHei",Tahoma,Arial,Helvetica,"宋体"; font-size:14px; background:#ebebeb url(../img/banner.jpg) no-repeat 50% top;}   
.body_bottom{background: url(../img/banner_bottom.jpg) no-repeat 50% bottom;}
.clearfloat{ clear:both;}
.title{ margin:0px auto; text-align:center; width:970px; height:50px; background: url(../img/titlebg.jpg) no-repeat 5px; background-color:#FFF; font-size:20px; line-height:40px; text-align:left; padding-left:30px; /*padding-top:20px;*/ color:#FFF; font-weight:bold;}

h2,h3,h4 {font-size: 14px; font-weight:700;}
h2 a,h3 a,h4 a{color: #333}
li{list-style:none;}

.tit { border-bottom:#e81c2c 1px solid; line-height:28px; margin-top:3px; padding-left:15px; padding-right:15px; height:28px; color:#c00000; text-align:left;}
.tit_02 { border-bottom:#e81c2c 1px solid; padding-bottom:0px; line-height:28px; padding-left:15px; padding-right:15px; padding-top:3px; border-bottom:#c5c5c5 1px solid; float:left; text-align:left; color:#c00000; margin-bottom:10px; display:inline-block; width:180px;}

.pic_zt{ height:0px; display:none;}
.fake-bg { display: none;}

.fl{ float:left !important; }
.fr{ float:right !important; }

/* 导航 */
.top-bar {height: 30px;text-align: center;color: #fff ;width: 100%; box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);overflow:hidden;}
.top-bar .item { line-height: 32px;}
.top-bar .item a { padding-left:3px; padding-right:3px;}
.top-bar .home-site-link {  color: #F00; font-weight:bold}
.top-bar a { color: #ffffff; text-decoration:none}
.top-bar .loading { display: block; text-align: center; height: 32px; line-height: 32px; font-size: 12px; background-color: #f5f5f5;}

.dib, .item {  display: inline-block;  +display: inline;  +zoom: 1;  font-size: 14px;  letter-spacing: normal;  word-spacing: normal;  vertical-align: top;}

.headline { border:solid 1px #e9e9e9; margin:0px 5px; padding:5px; width:383px; height:370px; overflow:hidden; text-align:left; margin-bottom:10px;}
.headline h3 { text-align:center; font-size:18px; line-height:38px;}
.headline P { line-height:25px; text-indent:2em; padding-top:4px; margin:5px;}
.headline p a{ color:#c00000; text-decoration:none;}
.headline_02 { border:solid 1px #e9e9e9;  margin:0px 5px; padding:5px; height: 174px; width:383px; zoom:1; text-align:left; }
.headline_02 ul{}
.headline_02 li{ line-height:30px; margin-left:3px; font-size:14px; width:380px; height:30px; display:block; }
.headline_02 li span{ color:#999; font-size:9px; margin-left:4px;}
.headline_02 li a{color:#333; text-decoration:none; }
.headlinetitle{ width:120px; height:35px; margin-top:0px; margin-bottom:10px;}

.left { border:solid 1px #d8e9f1; padding:3px; margin-left:5px; overflow:hidden; float:left; background-color:#FFF; width:330px; height:375px;}
.mid { float:left;  padding:0px; margin:0px 2px; overflow:hidden;background-color:#FFF; width:405px; _width:400px; padding-bottom:3px;}
.right {float:left; border:solid 1px #d8e9f1; padding:2px; margin:0px; overflow:hidden;background-color:#FFF; width:210px; height:377px;}
.left02 { border:solid 1px #d8e9f1; padding:5px; margin:5px; margin-left:7px; overflow:hidden; float:left; background-color:#FFF; width:310px; height:175px;}
.mid02 { border:#d8e9f1 1px solid; padding:5px; margin:5px; float:left; overflow:hidden; margin-left:5px; width:390px; _width:380px; height:175px;}
.right02 { border:#d8e9f1 1px solid; padding:5px; margin:5px; float:left; overflow:hidden; margin-left:5px; width:210px; height:175px;}


.info01{ margin-top:10px;line-height:20px; width:330px; height:110px; display:block; overflow:hidden;}
.info01 img{ border:0px; float:left; margin:8px; width:120px; height:100px;}
.info01 .title0 {text-align:left; float:left; width:190px; height:105px; margin-top:5px;}
.info01 .title0 a{ color:#333; text-decoration:none; font-weight:700;}
.info01 .title0 a:hover{ color:#0066cc;}
.info01 .text {line-height:21px; float:left; width:190px; height:80px; overflow:hidden; float:left; text-align:left; font-size:12px;}
.info01 .text a{color:#c00000; font-weight:normal;}

.rightpart{ padding:8px 3px; width:200px; height:150px; overflow:hidden; margin:0px auto;}
.rightpart p{ color:#333; float:left; text-indent:2em; line-height:22px; text-align:left; text-align:justify;}
.rightpart p a{ text-decoration:none; color:#c00000;}

.intro{ width:980px; height:390px; margin:315px auto 0px auto; background-color:#FFF; padding:15px 10px; position:relative; padding-bottom:20px;}

.action{width:1000px; height:310px; background-color: #FFF; margin:0px auto; padding:0px;}
.action .item{float:left; width:300px; _width:290px; height:120px; border:solid 1px #d8e9f1; margin:10px 0px 10px 10px; _margin-left:7px; padding:5px;}
.action .item h4{ margin:5px auto; text-align:left; margin-left:5px;}
.action .item h4 a{ text-decoration:none;}
.action .item img{ float:left; margin:5px;}
.item .text{ float:left; width:160px; height:80px; line-height:20px; overflow:hidden; text-align:left; float:left; margin:5px;}
.text a{ /*color:#c00000;*/ text-decoration:none;}

/* 数说责任 */
.grow{width:1000px; margin:0px auto; padding-bottom:20px; background:#FFF; }
.grow p{color:#383281; font-weight:700; text-indent:2em; padding:0px 40px 10px 40px; float:left; text-align:left; line-height:25px; font-size:16px;}
.grow .box{ width:100%; height:310px;}

/* 责任之心 */
.section3{ width:960px; margin:0 auto; padding:0 20px 30px 20px; position:relative; background-color:#FFF}
.Rw{ width:600px;text-align:left;}
.section3 .Rw p a{ text-decoration:none; color:#C00}
.section3 .Rw h3{font: bold 20px/30px "Microsoft YaHei",SimSun,SimHei; color:#ceb36b;}
.section3 .Rw h3 a{font: bold 20px/30px "Microsoft YaHei",SimSun,SimHei; color:#ceb36b;}
.Rw h3{font: bold 32px/50px "Microsoft YaHei",SimSun,SimHei; color:#ceb36b;}
.Rw h4{font: normal 16px/50px "Microsoft YaHei",SimSun,SimHei; color:#ceb36b;}.Rw p{ text-indent:2em; font-size:15px; line-height:180%; padding:5px 0;}
.slideBox{ overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; line-height:14px;border-radius: 50%; background:#eee; cursor:pointer; }
.slideBox .hd ul li.on{ background:#ceb36b;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }

/* 责任之源 */
.section4{ width:1000px; margin:0 auto; padding-bottom:30px; background-color:#FFF}
.foucebox {width:1000px;height:300px; }
.foucebox .bd{position:relative;float:right;width:870px;height:300px;overflow:hidden;}
.foucebox .showDiv {position:relative;width:870px;height:300px; text-align:left;}
.foucebox .showDiv img {position:absolute;width:350px;height:260px;border: #eee solid 8px; right:30px;}
.foucebox .showDiv p { position:absolute;left:25px;top:40px; font-size:15px; line-height:170%; width:355px;color:#555; text-indent:2em;z-index:9; }
.foucebox .showDiv p a{ color:#C30; text-decoration:none;}
.foucebox .showDiv h2 { position:absolute;left:25px;color:#ceb36b; width:345px;font-size:20px;font-family:"Microsoft Yahei";line-height:35px;z-index:9;overflow:hidden;}
.foucebox .showDiv h2 a {color:#ceb36b;font-weight: bold; text-decoration:underline;}
.foucebox .showDiv h2 span{font-size:15px; padding-left:15px;}
.foucebox .hd{float:left;width:120px; margin-top:10px; margin-left:30px;}
.foucebox .hd ul li{width:108px; height:83px; margin:0px auto 10px 0px; position:relative; left:0px; bottom:0px;}
.foucebox .hd ul a {display:block; width:100px;height:75px;}
.foucebox .hd ul img{width:100px; height:75px; border:4px solid #ceb36b;}
.foucebox .hd ul .txt_bg{width:100px; height:25px; line-height:25px; position:absolute; left:3px; bottom:4px; background:url(//www.ah.xinhuanet.com/zhuanti/2015yxcflt/images/bg_png.png) right no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="//www.ah.xinhuanet.com/zhuanti/2015yxcflt/images/bg_png.png");}
.foucebox .hd ul .txt{width:100px; height:24px; line-height:24px; color:#fff; position:absolute; left:4px; bottom:0px z-index:2; text-align:center;overflow:hidden; }
.foucebox .hd ul .mask{width:100px; height:75px; display:block; position:absolute; left:4px; bottom:4px; z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.2);}
.foucebox .hd ul a:hover .mask, .foucebox .hd ul .on .mask{display:none; position:relative;}
.foucebox .hd ul a:hover img, .foucebox .hd ul .on img{border-color:#edcf7f;}
.foucebox .hd ul a,.foucebox .hd ul a:hover{color:#fff; text-align:center;}
.foucebox .hd ul a:hover .txt_bg {background:#ceb36b;}

/* 责任之智 */
.section2{ width:1000px; height:auto; margin:0 auto; padding-bottom:30px; background-color:#FFF}
.section2 .conBox{ border:#e9e9e9 1px solid; width:978px; height:220px; background-color:#FFF; margin:0px auto; padding-bottom:20px;}
.section2 .conBox .picbox{ width:233px;float:left; padding:15px 2px; margin-left:6px; _margin-left:4px;}
.section2 .conBox .picbox2{ width:600px;float:left; padding:15px 2px; margin-left:30px;}
.section2 .conBox .picbox h3 a,.section2 .conBox .picbox2 h3 a{font-size:18px; font-weight:bold; line-height:25px; color:#ceb36b; text-align:left; width:100%; display:block; height:30px; overflow:hidden}
.section2 .conBox .picbox img{border:#d8e9f1 1px solid; padding:1px; background-color:#FFF;}
.section2 .conBox .picbox p,.section2 .conBox .picbox2 p{color:#333; margin:5px auto; text-align:left; text-indent:2em; line-height:25px;}    
.section2 .conBox .picbox2 p a{text-decoration: none; color: #C00;}
.section2 .conBox .picbox p a，.section2 .conBox .picbox2 p{color:#C00; text-decoration:none;}

/* 责任之行 */
.section5{ width:1000px; height:auto; margin:0 auto; padding-bottom:30px; background-color:#FFF}
.picBox{overflow:hidden;zoom:1;margin:0px auto 0 auto;width:100%;}
.picL{overflow:hidden;zoom:1;margin-left:-1px;}
.picL li{overflow:hidden;position:relative;float:left; display:inline; width:235px;height:149px;margin:1px 0px 20px 15px; zoom:1; position:relative; top:0px; left:0px }
.picL li .play{position:absolute; left:0px; top:0px;}
.picL li .text{background: url(../img/section7_bg2.png);position:absolute; bottom:0px; width:200px; font-family:'微软雅黑'; text-align:center}
.picL li .text b{background: url(../img/section7_bg2.png);padding:5px 2%; width:96%; color:#fff;font-size:14px;display:inline-block;*display:inline;zoom:1;font-weight:100;}
.picL li .text p{font-size:14px;line-height:24px; padding:2%; text-align:justify;}
.picL li .text p a{ color:#f7f7f7; text-decoration:none}
.picL li .text b a{display: block;color: #fff; font-weight:bold;}

/* 责任之路 */
.section1{width:1000px; height:600px; margin:0 auto; margin-bottom:30px;/* background-color:#FFF*/}
.timebody{background:url(../img/time_bg.png) repeat-x;  width: 1000px; height:400px; overflow:scroll; overflow-y:hidden; }
.course_nr{ height: 120px; background:/*#FFF */url(../img/ico9.gif) repeat-x center; margin: 0px auto; margin-bottom:300px; width:6800px; }
.course_nr li{ float:left; background:url(../img/ico10.gif) no-repeat center top; padding-top:30px; width:150px; text-align:center; position:relative; margin-top:45px; margin-right:20px;}
.course_nr li h2{font-size:16px; font-weight:bold; color:#78680c; line-height:20px;}
.shiji{ position:absolute; width:100%; left:0; top:-20px;/* display:none; */}
.shiji h1{ height: 50px; line-height: 30px; color:#78680c /*#518dbb*/; font-size:16px; font-weight: bold; background: url(../img/ico11.png) no-repeat center top; text-align: center; /* border: 2px solid #c8c89d; */ margin: 20px 20px 10px 20px; }
.shiji h1 a{ color:#333333; text-decoration:none; }
.shiji p{ line-height: 14px; color: #333; text-align: justify; line-height:20px; padding:10px; font-size:12px; display:block;background: url(../img/time_bg.png);/* background-color:#FFF;*/ border-radius: 10px; border: 1px solid #dfdfdf;}

/* 轮动图 */
.picshow3{ width:320px; height:200px; position:relative; left:0px; top:0px; overflow:hidden;}
.picshow3 .pic{ width:10000px; height:400px; position: absolute; left:0px; top:0px;}
.picshow3 .pic ul li{width:320px; height:200px; float:left; position: relative; left:0px; top:0px;}
.picshow3 .pic ul li img{width:320px; height:200px;}
.picshow3 .goLeft,.picshow3 .goRight{ width:30px; height:40px; position:absolute; top:65%; margin-top:-50px; cursor:pointer;}
.picshow3 .goLeft{ left:0px; background:url(../img/L.jpg)}
.picshow3 .goRight{ right:0px; background:url(../img/R.jpg)}
.picshow3 .count{ width:85px; height:10px; display:block; position:absolute; right:10px; bottom:10px; z-index:400; }
.picshow3 .count ul li{ width:10px; height:10px; display:block; background:#FFF; border-radius:10px; overflow:hidden; text-indent:999px; float:left; margin-right:10px;}


/*footer*/
.pft {/*background-color:#fff;*/ width:1000px; height: 90px;text-align: center;color: #666; margin:0 auto;}
.pft a {color: #c00;}
.pft .copyright {font-size: 12px;line-height: 90px; margin: 0 auto;}
.layout, .section .wrap, .pft .copyright {width: 1000px; color:#FFF}


/*返回*/
.toTop{ width:140px; height:130px; background:url(../img/back.png) no-repeat; position:fixed; right:50px; bottom:60px; cursor:pointer;}
