body{margin: 0;background:#fff;ont-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif;}
p,ul,li,h2,h3{margin:0;padding:0;}
ul,li{ list-style:none;}
a {color:#403734;text-decoration: none;position:relative;cursor:pointer;}
a:hover{ color:#00a25f;}
.left{float:left}.right{float:right;}

.bao{width:1200px;margin:0 auto;overflow:hidden;}

.header-logo {width:100%;background: url(header.jpg) no-repeat top center;height: 207px;overflow: hidden;}
.header{width:100%;height:60px;line-height:60px;background:#A00F08;min-width:1200px;}

.nav-cn {float:right;}
.nav-cn a{color:#333;font-size:16px;}
.nav-cn li{margin:26px 0 0 40px;float:left;}
.nav-cn a:hover{color:#f57720;}

.nav-cn .active{color:#f57720!important;}





.rjsj{
    position: fixed;
    z-index: 99;
    top:300px;
    right: 0;
    width:120px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 0;
    background: #333;
    padding: 10px;
    border: 1px solid #fff;
    color:#fff;
    font-size:13px;
    overflow: hidden;
}
.rjsj img{width:120px;padding:5px 0 3px 0;}




.in1{width:1200px;margin:0 auto;display: flex;}
.c-col6{width:20%;float:left;}
.m-product-panel{text-align:center;padding:70px 0;background-repeat:no-repeat;background-position:center 0}

.m-product-panel .mlist{border-radius:8px;box-shadow:0 2px 4px rgba(7,61,125,.16)}
.m-product-panel .mlist>li{position:relative;}
.m-product-panel .mlist>li h3{margin: 0 auto;width:129px;height:43px;line-height:32px;color:#fff;font-size:18px;font-weight:700;background:url(/images/ranking.png) no-repeat center/100%;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease}
.m-product-panel .mlist>li .bg1{background:url(/images/ranking1.png) no-repeat center/100%;}
.m-product-panel .mlist>li .bg2{background:url(/images/ranking2.png) no-repeat center/100%;}
.m-product-panel .mlist>li .mp{font-size:14px;line-height:26px;text-align: justify;padding:20px 30px;transition:transform .3s ease .05s,-webkit-transform .3s ease .05s}
.m-product-panel .mlist>li .mlist-icon{position:absolute;width:100%;bottom:90px;left:0;color:#dcdedf;color:rgba(0,0,0,.1);font-size:64px;visibility:visible;opacity:1;-webkit-transition:visibility .5s ease,opacity .5s ease;transition:visibility .5s ease,opacity .5s ease}
.m-product-panel .mlist>li .mbut{position:absolute;top:100%;left:0;width:100%;text-align:center;visibility:hidden;opacity:0;-webkit-transition:visibility .5s ease,opacity .5s ease,-webkit-transform .3s ease .15s;transition:visibility .5s ease,opacity .5s ease,-webkit-transform .3s ease .15s;transition:visibility .5s ease,opacity .5s ease,transform .3s ease .15s;transition:visibility .5s ease,opacity .5s ease,transform .3s ease .15s,-webkit-transform .3s ease .15s}
.m-product-panel .mlist>li .mbut button{height:28px;line-height:26px;padding:0 18px;cursor:inherit;color:#666;font-size:14px;border:1px solid #d9d9d9;border-radius:4px;background:transparent;transition:color .3s ease,border-color .3s ease,background .3s ease}

.m-product-panel .mlist>li .zlm{padding:0 20px;

    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
box-sizing:border-box;
transition:transform .3s ease .1s,-webkit-transform .3s ease .1s}

.m-product-panel .mlist>li .zlm li{width:45%;text-align:center;border:1px solid #ccc;padding: 7px 0;margin-top:20px;font-size:14px;color:#666;border-radius:7px;}

.m-product-panel .mlist>li.active .zlm li,.m-product-panel .mlist>li:hover .zlm li{border:1px solid #ccc;color:#222;}

.m-product-panel .mlist>li>div{position:relative;z-index:9;height:382px;margin:25px 0;border-left:1px dashed #d6d6d6;transition:border-color .3s ease;}
.m-product-panel .mlist>li>div>a{display:block;width:100%;height:100%;color:inherit;text-decoration:none}
.m-product-panel .mlist>li:first-child>div{border-left-color:transparent}
.m-product-panel .mlist>li:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:5px;background:#fff;transition:background .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}
.m-product-panel .mlist>li.active:after,.m-product-panel .mlist>li:hover:after{background:#fefefe;background-size: cover;z-index:1;transform:scale(1.08);box-shadow:0 2px 4px 0 rgba(0,0,0,.13)}

.m-product-panel .mlist>li.active .mp, .m-product-panel .mlist>li:hover .mp{color:#222;}

.m-product-panel .mlist>li.active+li>div,.m-product-panel .mlist>li.active>div,.m-product-panel .mlist>li:hover+li>div,.m-product-panel .mlist>li:hover>div{border-left-color:transparent}

.m-product-panel .mlist>li.active h3,.m-product-panel .mlist>li:hover h4{transform:translate3d(0,-37px,0)}
.m-product-panel .mlist>li.active .mp,.m-product-panel .mlist>li:hover .mp{transform:translate3d(0,-45px,0)}
.m-product-panel .mlist>li.active .mlist-icon,.m-product-panel .mlist>li:hover .mlist-icon{visibility:hidden;opacity:0}
.m-product-panel .mlist>li.active .mbut,.m-product-panel .mlist>li:hover .mbut{visibility:visible;opacity:1;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}
.m-product-panel .mlist>li.active .mbut button,.m-product-panel .mlist>li:hover .mbut button{color:#fff;border-color:#1ccfc9;background:#1ccfc9;box-shadow:0 0 9px rgba(0,0,0,.06)}
.m-product-panel .mlist>li.active .zlm,.m-product-panel .mlist>li:hover .zlm{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
.m-product-panel .m-product-panel-more{margin-top:64px}
.m-product-panel .m-product-panel-more a{color:#666;text-decoration:none;font-size:18px;line-height:36px;padding:6px 26px;border:1px solid #d9d9d9;border-radius:4px;-webkit-transition:color .3s ease,border-color .3s ease,background .3s ease;transition:color .3s ease,border-color .3s ease,background .3s ease}
.m-product-panel .m-product-panel-more a:hover{color:#fff;border-color:#1ccfc9;background:#1ccfc9}



/* 图片滚动效果 */
.friend{margin:0 auto;padding:50px 0;overflow:hidden;width:100%;background:#f5f5f5;}
.friend span{text-align:center;}
.friend span h2{font-size:36px;color:#222;font-weight:lighter;}
.friend span p{font-size:15px;color:#999;line-height:39px;}
.friend span font{color:#ff0000;}
.friend .mr_frbox{position:relative;margin:15px auto 39px auto;width:1270px;overflow:hidden;}
.mr_gd{padding-left:6px;margin:0 30px;width:1200px;height:450px;overflow:hidden;}
.mr_lm{width:1220px;margin:0 auto;}
.mr_frUl ul li:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
.mr_frUl ul li{float:left;margin:20px 17px 20px 0;padding:20px;width:245px;height:360px;border: 1px solid #dcdcdc;overflow:hidden;display:inline;background:#fff;}
.mr_frUl ul li .img{position:relative;float:left;width:100%;height:220px;overflow:hidden;}
.mr_frUl ul li .img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto !important;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mr_frUl ul li h3{width:100%;margin:18px 0 5px 0;float:left;color:#333;font-size: 1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mr_frUl ul li p{font-size:13px;line-height:26px;float:left;overflow:hidden;margin-top:8px;color:#555;}
.mr_frbox .pageBtn{position:absolute;top:30%;width:30px;height:60px;background:#222;border-radius:30px 0 0 30px;font-size:20px;display:block;text-align:center;line-height:60px;cursor:pointer;}
.mr_frbox .pageBtn:after{content:'';display:block;width:12px;height:12px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -2px;border-bottom:1px solid #fff;border-left:1px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.mr_frbox .prev{left:0;}
.mr_frbox .next{right:0;transform: rotateY(180deg);}

#uidtt p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}









.footer{width:100%;background:#fff;min-width:1200px;padding:30px 0;text-align:center;font-size:12px;color:#666;border-top:1px solid #DDD}
.footer p{padding-bottom:8px;}