﻿

.banner{clear:both; width:100%;display: table;}
.banner .flexslider{ position: relative;overflow: hidden; z-index:1;}
.banner .flexslider ol{display: none;}
.banner .slides{ position: relative;}
.banner .slides li .title5{ padding: 0 20px; opacity: 0.8; background-color: #333; height: 40px; line-height: 40px; position: absolute;right: 0; top: 100px; font-size: 16px; color: #FFF;}
.banner .slides li a.tit{display:block; height:520px;cursor:pointer;position:absolute;width:100%;
                        bottom:0px;right:0px;opacity: 0.7;filter: alpha(opacity=70);}	
.banner .slides li span{background:black;display:block; height:40px;line-height:40px;
                          font-size:20px;color:white;padding-left:10px;margin-top:450px;
						  padding-right:10px;opacity: 0.7;filter: alpha(opacity=70);
						  margin-right:10px;float:right;cursor:pointer;z-index:1;}
.banner .flex-direction-nav{position: absolute;width: 100%;top: 50%;
                    height:50px;z-index:9999;display: block; display: table-cell; vertical-align: middle;}
.banner .flex-direction-nav li a{  display: block; width: 30px; height: 50px; overflow: hidden;
                          cursor: pointer; position: absolute;
						  text-align: center;line-height: 50px; background: #000;
						  text-decoration: none;
                          color: #fff;font-size: 60px;
						  opacity: 0.7;filter: alpha(opacity=70);
						 font-family: '\5b8b\4f53'; opacity: 0.4;}
.banner .flex-direction-nav li a:hover{ opacity: 0.8 ;}
.banner .flex-direction-nav li a.flex-prev{left: 0px;}
.banner .flex-direction-nav li a.flex-next{right: 0px;}

.banner .flex-control-nav{ width:100%;position:absolute;bottom:15px;text-align:center; z-index:2;}
.banner .flex-control-nav li{margin:0 8px;display:inline-block;zoom:1;*display:inline;}

.mid{width:1300px;height:395px;margin:30px auto 0 auto;}
.mid .left{width:335px;height:395px;float:left;background-color:#eeeeee;}

.mid .right{width:965px;height:395px;float:left;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/mid_right_bg.jpg") no-repeat;}
.mid .right .ful{width:935px;height:50px;margin-left:30px;}
.mid .right .ful li{width:155px;text-align:center;height:50px;line-height:50px;float:left;font-size:16px;color:white;cursor:pointer;}
.mid .right .list{width:935px;height:185px;margin-left:30px;}
.mid .right .list ul{width:285px;height:155px;float:left;border-right:#e3e3e3 1px solid;margin-right:30px;margin-top:20px;overflow:hidden;}
.mid .right .list ul li{ height:15px; margin-bottom:19px; line-height:14px;background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/dian.png") no-repeat 0 4px;padding-left:15px;overflow:hidden;}
.mid .right .list ul li a{text-decoration:none;color:#222;}
.mid .right .list a.box_more{ position:absolute; right:20px; bottom:-25px; color:#222222;}
.mid .right .list a.box_more:hover{ color:#862e61; text-decoration:underline;}

.mid .right .kuaisutongdao{width:935px;height:115px;margin-top:35px;margin-left:30px;}
.mid .right div.kstd{
    width:115px;height:115px;float:left;border-radius:5px;
    margin-right:20px;}
.mid .right .kstd1{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd1_2.png") no-repeat  center 27px #eee;}
.mid .right .kstd1:hover{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd1.png") no-repeat center 27px #fdb902;}

.mid .right .kstd2{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd2_2.png") no-repeat  center 25px #eee;}
.mid .right .kstd2:hover{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd2.png") no-repeat center 25px #fdb902;}

.mid .right .kstd3{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd3_2.png") no-repeat  center 22px #eee;}
.mid .right .kstd3:hover{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd3.png") no-repeat center 22px #fdb902;}

.mid .right .kstd4{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd4_2.png") no-repeat  center 23px #eee;}
.mid .right .kstd4:hover{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd4.png") no-repeat center 23px #fdb902;}

.mid .right .kstd5{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd5_2.png") no-repeat  center 20px #eee;}
.mid .right .kstd5:hover{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd5.png") no-repeat center 20px #fdb902;}

.mid .right .kstd6{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd6_2.png") no-repeat  center 26px #eee;}
.mid .right .kstd6:hover{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd6.png") no-repeat center 26px #fdb902;}

.mid .right .kstd7{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd7_2.png") no-repeat  center 23px #eee;}
.mid .right .kstd7:hover{background:url("/_vivi/source/aHR0cHM6Ly9ua3R3Lm5hbmthaS5lZHUuY24/dfiles/16104/public/images/kstd7.png") no-repeat center 23px #fdb902;}

.mid .right .kuaisutongdao a{height:115px;width:115px;display:block;}
.mid .right .kuaisutongdao a p{ font-size:16px; text-align:center; line-height:25px; color:#222222; padding-top:65px;}
.mid .right .kuaisutongdao a:hover p{ color:#ffffff;}

