@charset "utf-8";

.hide{display:none;}
.w{width:1190px;margin-left:auto;margin-right:auto;}
.f{overflow: hidden}
.f2{height:534px;background:url("../img/f2-bg.jpg") no-repeat center bottom;}
.banner{height: 400px;background: url("../img/banner.jpg") no-repeat center;overflow: hidden}
.banner .bread-crumb{font-size: 12px;margin-top: 12px;}
.title{text-align:center;margin-top: 32px;}
.title h2{position: relative;display:inline-block;font-size: 28px;*display: inline;*zoom:1}
.title .line{position:absolute;top:17px;width:200px;height: 1px;background-color: #cbcbcb;}
.title .line-l{left:-232px;}
.title .line-r{right:-232px;}

.product-list{position: relative;margin-top: 44px;}
.product-list .bd li{width: 226px;float: left;padding:0 7px;}
.product-list .con{overflow: hidden;border-radius: 4px;}
.product-list .product-title{height: 80px;line-height:24px;background:url("../img/shan.png") no-repeat center bottom;font-size: 16px;text-align: center}
.product-list .product-title.one{background-color: #feafaf}
.product-list .product-title.two{background-color: #d1fb94}
.product-list .product-title.three{background-color: #fbdf94}
.product-list .product-title.four{background-color: #bee6fb}
.product-list .product-title.five{background-color: #feb187}
.product-list .product-title span{display: inline-block;vertical-align: middle;*display: inline;*zoom:1}
.product-list .product-title i{display: inline-block;height: 100%;vertical-align: middle;font-size: 16px;color: #069;*display: inline;*zoom:1}
.product-list .product-con{height: 232px;background-color: #f4fbff;color: #666;line-height: 26px;padding: 12px 22px;}
.product-list .hd{margin: 20px 0 40px;text-align: center;*zoom:1}
.product-list .next,.product-list .prev{position:absolute;top:134px;width:46px;height: 46px;background: url("../img/icon.png") no-repeat;cursor: pointer}
.product-list .prev{left:-51px}
.product-list .next{right:-61px;background-position: 0 -51px;}
.product-list .num{overflow: hidden;font-size: 0}
.product-list .num li{display:inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #999;cursor: pointer;*display: inline;*zoom:1}
.product-list .num li.on{background-color: #666}
.product-list .num li+li{margin-left:10px;}

.jujian{width: 930px;margin:40px auto 0;}
.jujian .jujian-nav{margin-bottom: 10px;overflow: hidden}
.jujian li{width: 50%;float: left;height: 60px;line-height: 60px;font-size: 18px;text-align: center;background-color: #fff;cursor: pointer}
.jujian li.current{background-color: #f0d7a8}
.jujian-box{background-color: #fff;padding: 47px 65px;*zoom:1}
.jujian-con{height:182px;border: 1px solid #a9bdff;border-radius: 8px;padding:10px 38px;}
.jujian-con p{font-size: 16px;color: #666;line-height: 36px;}
.case{width: 1030px;margin: 40px auto 0;padding-bottom: 90px;}
.case .left{float:left;width:260px;height: 197px;}
.case .left img{width: 100%;}
.case .right{margin-left: 300px;font-size: 16px;color: #666;line-height: 30px;}
.sides-box{position:fixed;z-index:9;bottom:20px;right:0;-webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    -o-transform-origin:100% 100%;
    transform-origin:100% 100%;}
.sides-box.scale0{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;}
.sides-list li{margin-bottom:1px;background-color:#696969;height:50px;}
.sides-list li,.sides-list .caret{-webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;}
.sides-list a,.advice-line span{display:block;width:50px;height:45px;padding-top:5px;line-height:20px;color:#fff;font-size:14px;text-align:center;cursor:pointer;}
.sides-list li:hover{background-color:#ff5050;}
.sides-list .caret{display:block;margin:7px auto 2px;width:0;height:0;border-style:solid;border-width:0 7px 7px 7px;border-color:transparent transparent #fff transparent;*font-size:0;*margin-top:11px;}
.sides-list li.advice-line{position:relative;}
.sides-list li.advice-line a{position:absolute;left:50px;top:0;width:130px;background-color:#ff5050;padding-top:0;height:50px;line-height:50px;}
.sides-list li.advice-line:hover a{left:-80px;
    -webkit-animation:lf .2s ease-in-out;
    -moz-animation:lf .2s ease-in-out;
    -ms-animation:lf .2s ease-in-out;
    -o-animation:lf .2s ease-in-out;
    animation:lf .2s ease-in-out;}
@-webkit-keyframes lf{from{left:50px;}to{left:-80px;}}
@-moz-keyframes lf{from{left:50px;}to{left:-80px;}}
@-ms-keyframes lf{from{left:50px;}to{left:-80px;}}
@-o-keyframes lf{from{left:50px;}to{left:-80px;}}
@keyframes lf{from{left:50px;}to{left:-80px;}}