@charset "utf-8";
#web .main .list-box{ width:1080px; height:auto; margin:0 auto;}
#web .main .list-box .list_left{ float:left;width:248px; text-align:left; background:#f1f1f1; font-size:18px;}
#web .main .list-box .list_left ul li a{ display:block; height:50px; line-height:50px; padding:0 0 0 20px;
transition: background 0.5s,color 0.5s;}
#web .main .list-box .list_left ul li a:hover{background:#f17c37; color:#fff;}
#web .main .list-box .list_left ul li .on{ background:#f17c37; color:#fff;}
#web .main .list-box .list_right{ width:832px; min-height:700px; float:right; border-top:5px solid #f17c37; margin-top:-1px;}
#web .main .list-box .list_right ul{ padding:50px 0 0 80px;}
#web .main .list-box .list_right ul li{ text-align:left; height:43px; line-height:40px; font-size:16px; background:url(../images/list-li.png) no-repeat 0 8px; padding-left:35px;
border-bottom: 1px solid #f17c37;}
#web .main .list-box .list_right ul li a{transition:color .5s}
#web .main .list-box .list_right ul li a:hover{ color:#f17c37;}
#web .main .list-box .list_right .fany{ width:270px;line-height:40px; margin:20px auto;}
/*首页*/
#web .brand { width:1080px; margin:0 auto;}
#web .brand ul li{ float:left;}
#web .main .container.w960 .hz{ height:100px; background:#fff; margin-bottom:20px; padding:20px;}
#web .main .container.w960 .hz ul li{margin-right:15px; float:left;}
#web .main .container.w960 .hz ul li img{ width:90px; height:45px; border:1px solid #f1f1f1;box-shadow: 4px 5px 5px -4px #333;}
#web .main .container.w960 .hz ul{ margin:12px auto 33px; width:963px;}
#web .main .container.w960 .hz ul li p{ display:none; text-align:center; margin-top:-4px;}
#web .main .container.w960 .hz ul li:hover p{ display:block;}
#web .main .container.w960 .hz ul li{ transition:margin-top 0.5s;}
#web .main .container.w960 .hz ul li:hover{ margin-top:-10px;}
/*首页鼠标划过效果*/
.video .videlist .videbox1 a{ display:block; width:236px; height:198px; overflow:hidden; background:rgba(255,255,255,1);
transition:box-shadow 0.3s,border 0.1s;border:1px solid #fff;}
.video .videlist .videbox1 a img{ width:236px; height:198px; opacity:1;}
.video .videlist .videbox1 a:hover{box-shadow:10px 10px 10px #888; border:1px solid #ccc; }
.fwkh .khlist .bd ul li p{ transition:background 0.5s;}
.fwkh .khlist .bd ul li:hover p{ background:#f17c37;}
/*中间*/
#web .main .container.w960 .boxlist.fixed.mb20 .w309.h296.p_fl.mr16.boxBg .title{transition:margin-top 0.3s;}
#web .main .container.w960 .boxlist.fixed.mb20 .w309.h296.p_fl.mr16.boxBg .title:hover{ margin-top:-319px;}
#web .main .container.w960 .boxlist.fixed.mb20 .w309.h296.p_fl.boxBg .title{transition:margin-top 0.3s;}
#web .main .container.w960 .boxlist.fixed.mb20 .w309.h296.p_fl.boxBg .title:hover{ margin-top:-319px;}
/*底部*/