/* CSS Document */
*{margin:0 auto;padding:0;font-size:18px;line-height:36px; color:#000;}
body{margin:0px auto; background:#fff; font-family:microsoft yahei; font-weight:normal;}
a{text-decoration:none;}
ul{list-style:none;}
img{border:0 none;}
.clear{clear:both;}

.index{min-width:1200px;}
.index .banner{width:100%;min-width:1200px; z-index:1;}
.index .banner img{ display:block; width:100%;}
.index .channel{ background:url(img/channel.png) center center; height:121px; position:relative; top:-50px;z-index:10; text-align:center; font-size:24px; color:#fff;}
.index .channel a{text-align:center; font-size:24px; color:#fff; margin:0px 30px; line-height:120px;}
.index .channel a:hover{ color:#e50913;}
.index .headlines{ width:1200px; text-align:center;}
.index .headlines .title{margin-top:30px;}
.index .headlines .title a{ font-size:48px; color:#e50913;}
.index .headlines .title p{ margin:30px 0 50px 0;}
.index .headlines .title p a{ font-size:18px; color:#6f6f6f;}
.index .headlines .img{ width:1200px; height:513px; background:#fff; border-radius:15px; box-shadow:0 1px 10px #bfbfbf; position:relative;}
.index .headlines .img .l{ width:786px; height:491px; float:left; margin:11px; overflow:hidden;}
.index .headlines .img .l img{ display:block; width:100%; min-height:491px;}
.index .headlines .img .l .shadow{width:786px; height:50px; background:#000; position:relative; top:-50px;z-index:10;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;}
.index .headlines .img .l .text{ display:block;width:786px; height:50px;position:relative; top:-100px;z-index:99; color:#fff; line-height:50px; text-align:left; padding-left:20px;}
.index .headlines .img .r{ width:381px; height:502px; float:left;overflow:hidden;}
.index .headlines .img .r img{display:block; width:100%; min-height:240px; margin-top:11px;}
.index .headlines .img .r .shadow1{width:381px; height:50px; background:#000; position:absolute; top:201px;z-index:10;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;}
.index .headlines .img .r .text1{ display:block;width:381px; height:50px;position:absolute; top:201px;z-index:99; color:#fff; line-height:50px; text-align:left; padding-left:20px;}
.index .headlines .img .r .shadow2{width:381px; height:50px; background:#000; position:absolute; top:452px;z-index:10;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;}
.index .headlines .img .r .text2{ display:block;width:381px; height:50px;position:absolute; top:452px;z-index:99; color:#fff; line-height:50px; text-align:left; padding-left:20px;}
.index .headlines .nr{margin-top:40px; text-align:left;}
.index .headlines .nr a{ font-size:30px; color:#e50913;}
.index .headlines .nr p{ margin:10px 0 30px 0;}
.index .headlines .nr p a{ font-size:18px; color:#6f6f6f;}
.index .headlines .nr p a:hover{ color:#e50913;}
.index .situation{ width:1200px; text-align:center; margin-top:90px; position:relative;}
.index .situation .title{font-size:48px; color:#e50913; margin-bottom:30px;}
.index .situation .situ1{ width:1000px; height:595px; border:1px solid #e50913; margin-left:0; text-align:left;}
.index .situation .situ1 .l{ width:461px; height:551px; float:left; margin:22px; overflow:hidden;}
.index .situation .situ1 .l a img{ display:block; width:461px; min-height:551px;}
.index .situation .situ1 .r{ width:448px; float:right; margin:40px 30px 0 17px; }
.index .situation .situ1 .r a{ font-size:26px;line-height:60px;}
.index .situation .situ1 .r a:hover{ color:#e50913;}
.index .situation .situ2{ width:675px; height:364px; position:absolute; right:0; bottom:-20px; border:1px solid #e50913; background:#fff; padding-top:45px;}
.index .situation .situ2 ul li{ text-align:left; margin:0 40px; line-height:55px;}
.index .situation .situ2 ul li a{ color:#6f6f6f;}
.index .situation .situ2 ul li a:hover{ color:#e50913;}
.index .plan{ width:1200px; margin-top:90px;}
.index .plan .title{}
.index .plan .list{display:block; width:220px; height:220px; float:left; margin-right:25px; margin-top:25px; position:relative;}
.index .plan .list .shadow{width:220px; height:40px; background:#000; position:absolute; top:180px;z-index:10;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;}
.index .plan .list .text{ display:block;width:220px; height:40px;position:absolute; top:180px;z-index:99; color:#fff; line-height:40px; text-align:center;}
.index .whoop{ width:1200px; margin-top:90px;}
.index .whoop .list1{ width:279px; height:364px; background:url(img/bg_01.jpg); float:left; text-align:center; font-size:24px; line-height:100px; color:#586b6f; margin-right:28px; margin-top:28px;}
.index .whoop .list1 img{ width:235px; height:235px; margin:22px;}
.index .whoop .list2{ width:279px; height:364px; background:url(img/bg_02.png); float:left; text-align:center; font-size:24px; line-height:100px; color:#586b6f; margin-right:28px;margin-top:28px;}
.index .whoop .list2 img{ width:235px; height:235px; margin:22px;}
.index .whoop .list3{ width:279px; height:364px; background:url(img/bg_03.png); float:left; text-align:center; font-size:24px; line-height:100px; color:#586b6f; margin-right:28px;margin-top:28px;}
.index .whoop .list3 img{ width:235px; height:235px; margin:22px;}
.index .whoop .list4{ width:279px; height:364px; background:url(img/bg_04.png); float:left; text-align:center; font-size:24px; line-height:100px; color:#586b6f;margin-top:28px;}
.index .whoop .list4 img{ width:235px; height:235px; margin:22px;}
.index .whoop .list5{ width:279px; height:364px; background:url(img/bg_05.jpg); float:left; text-align:center; font-size:24px; line-height:100px; color:#586b6f; margin-right:28px;margin-top:28px;}
.index .whoop .list5 img{ width:235px; height:235px; margin:22px;}
.index .whoop .list6{ width:279px; height:364px; background:url(img/bg_06.png); float:left; text-align:center; font-size:24px; line-height:100px; color:#586b6f; margin-right:28px;margin-top:28px;}
.index .whoop .list6 img{ width:235px; height:235px; margin:22px;}
.index .whoop .list7{ width:279px; height:364px; background:url(img/bg_07.png); float:left; text-align:center; font-size:24px; line-height:100px; color:#586b6f; margin-right:28px;margin-top:28px;}
.index .whoop .list7 img{ width:235px; height:235px; margin:22px;}
.index .whoop .list8{ width:279px; height:364px; background:url(img/bg_08.png); float:left; text-align:center; font-size:24px; line-height:100px; color:#586b6f;margin-top:28px;}
.index .whoop .list8 img{ width:235px; height:235px; margin:22px;}
.index .chart{ width:1200px; margin-top:90px; text-align:center;}
.index .chart .title{  margin-bottom:10px;}
.index .chart .title a{color:#6f6f6f;}
.index .chart .title a:hover{ color:#e50913;}
.index .chart .img{ width:1200px; height:549px;}
.index .chart .img .img1{ width:379px; height:549px; float:left;}
.index .chart .img .img2{ width:533px; height:274px; float:left; margin-left:8px; margin-right:8px; margin-bottom:8px;}
.index .chart .img .img3{ width:272px; height:274px; float:left;margin-bottom:8px;}
.index .chart .img .img4{ width:256px; height:267px; float:left;margin-left:8px;}
.index .chart .img .img5{ width:549px; height:267px; float:left;margin-left:8px;}
.index .back{ width:1200px; margin-top:90px;}
.index .back .title{ margin-bottom:30px;}
.index .back .l{ width:493px; float:left; padding-left:54px; margin-top:50px;}
.index .back .l .title{ margin-top:20px; margin-bottom:10px;}
.index .back .l .title a{ font-size:24px; color:#6f6f6f;}
.index .back .l .title a:hover{ color:#e50913;}
.index .back .l p a{ font-size:18px; color:#6f6f6f; line-height:30px;}
.index .back .l p a:hover{ color:#e50913;}
.index .back .m{ width:104px; float:left;}
.index .back .r{ width:500px; float:left; margin-top:28px;}
.index .back .r li{ line-height:65px;}
.index .back .r a{ color:#6f6f6f;}
.index .back .r a:hover{ color:#e50913;}