@charset "utf-8";
/* CSS Document */
html{ font-size:12px; }
body{ margin:0;padding:0;color:#323232; background-color:#fff; overflow-x:hidden; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration: none;}

.fangda{overflow: hidden;height:100%;}

/* banner */
.banner{width:100%;overflow:hidden;background: #171838;}
.bannerl{width:220px;float:left;}
.pinpai{background: #C6171E !important;}
.guanggao{background: #F2A900 !important;}
.yanfa{background: #A635FF !important;}
.bannerl h3{font-size: 48px;text-align: center;
    color: #fff;
    font-weight: normal;
    line-height: 60px;
    background: #0057B8;
    padding: 54px 60px 64px 60px;
    width: 100px;}
.bannerr{float:left;width: 950px;margin-left:30px;margin-top: 40px;}
.bannerr span{color: #fff;font-size: 20px;}
.bannerr h3{color: #fff;font-size: 36px;font-weight: normal;margin-top: 15px;margin-bottom: 20px;}
.bannerr dd{color: #fff;font-size: 16px;margin-top: 15px;}
.bannerr dt{color: #fff;font-size: 12px;margin-top: 25px;}
.bannerr p{color: #fff;font-size: 10px;border-top: 1px solid #fff;
    padding-top: 20px;
    margin-top: 10px;
    line-height: 17px;}
.dadd{font-size: 18px;display: inline;padding-right: 15px;}
.bannerr p span{font-size: 18px;padding-right: 15px;display: inline;}
/* lanmu */
.lanmu{width:100%;overflow: hidden;margin-bottom: 25px;}
.lanmul{background:#F3F3F3;float:left;height: 54px;text-align: center;width: 220px;}
.lanmul h3{background:url(../images/hongtou.png) no-repeat right;font-size:20px;color:#444;line-height: 54px;font-weight: normal;width: 160px;padding-left: 20px;}
.lanmur{float:left;}
.lanmur ul{}
.lanmur ul li{height: 54px;float: left;margin-left: 30px;}
.lanmur ul li a{font-size:20px;color:#444;line-height: 54px;}
.lanmur ul li a:hover{color: #FF1340;}
.lanmur ul li a.active{color: #FF1340;}

/* tongyong */
.tongyongbg{width:100%;background:url(../images/pinpaibg.jpg) no-repeat;padding-bottom: 35px;background-size: cover;}
.guanggaobg{background:url(../images/guanggaobg.jpg) no-repeat !important;background-size: cover !important;}
.zhuangxiubg{background:url(../images/zhuangxiubg.jpg) no-repeat !important;background-size: cover !important;}
.yanfabg{background:url(../images/yanfabg.jpg) no-repeat !important;background-size: cover !important;}
.tongyong{width:1200px;margin:0px auto 45px auto;overflow: hidden;}

.tongyong h3{color:#fff;font-size:14px;font-weight: normal;text-align: center;padding:75px 0 5px 0;}
.tongyong dd{color:#fff;font-size:12px;margin:0 0 50px 0;font-weight: normal;text-align: center;}

.tongyong ul{overflow: hidden;padding-left: 0px;}
.tongyong ul li{color: #B0AEAE;overflow: hidden;
    font-size: 10px;
    line-height: 21px;
    float: left;
    width: 383px;margin-bottom: 25px;
    margin-right: 25px;}
.tongyong ul li:nth-child(3n){margin-right:0;}
.tongyong ul li img{width:100%;transition: all .3s ease;}
.tongyong ul li:hover img {transform: scale(1.03);}
.xq{background: #fff;padding: 20px 20px 25px 30px;overflow: hidden;height: 80px;}
.xql{float:left;width: 80%;}
.xql h4{color: #FF1340;
    font-size: 18px;
    line-height: 26px;}
.xql p{font-size: 14px;
    color: #656666;
    line-height: 25px;
    font-weight: bold;}
.xqr{float: right;text-align: center;
    line-height: 15px;
    background: #FF1340;font-size:10px;margin-top: 15px;
    color: #fff;
    width: 34px;padding-top: 2px;
    height: 34px;}
.xqll{float:left;width: 100%;}
.xqll h4{color: #FF1340;
    font-size: 18px;
    line-height: 26px;}
.xqll p{font-size: 14px;
    color: #656666;
    line-height: 25px;
    font-weight: bold;}
.qidai{font-size: 14px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37.8vh;
    border: 1px solid #ddd;}
.qidai:hover{color:#0057B8;}

/* 本案例使用css样式 */
.left{ float:left;}
.right{ float:right;}
.device{ width:330px; height:auto; overflow:hidden; margin:100px auto; background:#fff; padding:10px;}
.device .scroll{ width:100%; height:210px; overflow:hidden; position:relative;}
.device .scroll ul{ position:absolute; left:0; top:0; height:220px; overflow:hidden;}
.device h2{ height:18px; line-height:18px; text-align:left; font-family:'MS Mincho'; font-size:12px; padding:5px 5px 10px 5px;}
.device h2 a{ display:block; float:left; padding-right:10px;color:#686363;}
.device ul{ overflow:hidden;}
.device ul li{ width:160px; height:100px; margin-right:10px; margin-bottom:10px; overflow:hidden; position:relative; float:left;}
.device ul li img{ width:160px; height:100px; position:absolute; left:0; top:0; z-index:10; background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.device ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.device ul li a.link{ display:block; width:160px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; position:absolute; left:0; bottom:0; background:#000;opacity: 0.5;filter: alpha(opacity=50); z-index:20;}