﻿*{box-sizing: border-box;}
ul, li{list-style: none;}
.am-container{max-width: 1200px;}
ul{margin: 0px;padding: 0px;}

header .am-container{padding: 0;}
.header-message{padding-top: 20px;}
.header-black header{background-color: #333;border-bottom: 1px solid rgba(102, 102, 102, 0.67);}
.black-left-head{float: left;width: 80%}
.black-left-head ul{margin: 0;padding: 0;overflow: hidden;}
.black-left-head ul a{color: #fff;}
.black-left-head ul a i.am-icon-star{color: #ffd42e;}
.black-left-head ul a i.am-icon-star-o{color: #ffd42e;}
.black-left-head ul li{color: #fff;float: left;margin-right: 2%;font-size: 14px;}
.black-right-head{float: right;width: 20%;}
.black-right-head ul a{color: #fff;font-size: 14px;border: 1px solid #fff;padding: 0 9px;border-radius: 3px;margin-right: 5px;transition: 1.5s;}
.black-right-head ul a:hover{background-color: #fff;color: #333;border-color: transparent;}


.black-left-header{width: 15%;float: left;}
.black-left-header img{width: 85%;display: block;padding-top: 2%;}
.black-right-header{width: 85%;float: left;}
.black-right-header ul{padding: 0;margin:0;color: #fff;width: 100%;overflow: hidden;}
.black-right-header ul li{width: 7.5%;float: left;text-align: center;font-size: 14px;line-height: 17px;position: relative;padding-top: 2.3%;padding-bottom: 5px;transition: 0.5s;}
.black-right-header ul li.active::after{content: '';height: 100%;width: 96%;position: absolute;bottom: 2%;left: 0;background: linear-gradient(rgba(255, 255, 255, 0.22), rgba(51, 51, 51, 0.22));background: -webkit-linear-gradient(rgba(255, 255, 255, 0.22), rgba(51, 51, 51, 0.22));background: -o-linear-gradient(rgba(255, 255, 255, 0.22), rgba(51, 51, 51, 0.22));background: -moz-linear-gradient(rgba(255, 255, 255, 0.22), rgba(51, 51, 51, 0.22));border-bottom: 2px solid #00aeff;border-radius: 50px 50px 0px 0px;}
.black-right-header ul li:hover::after{content: '';height: 100%;width: 96%;position: absolute;bottom: 2%;left: 0;background: linear-gradient(rgba(255, 255, 255, 0.22), rgba(51, 51, 51, 0.22));background: -webkit-linear-gradient(rgba(255, 255, 255, 0.22), rgba(51, 51, 51, 0.22));background: -o-linear-gradient(rgba(255, 255, 255, 0.22), rgba(51, 51, 51, 0.22));background: -moz-linear-gradient(rgba(255, 255, 255, 0.22), rgba(51, 51, 51, 0.22));border-bottom: 2px solid #00aeff;border-radius: 50px 50px 0px 0px;}
.black-right-header ul a{color: #fff;}
/*.black-right-header ul li.active{border-color: #00aeff;}*/

.black-right-header ul li .icon-red{font-size: 11px;position: absolute;right: 28%;top: 3px;background: #F00;color: #fff;border-radius: 3px;width: 30px;text-align: center;height: 14px;line-height: 12px;}
.black-right-header ul li .icon-red i{position: absolute;top: 14px;right: 11%;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 6px solid red;}
.black-right-header ul li .icon-red span{font-size: 12px;}

.banner-page .page-mess {position: absolute;top: 0%;width: 100%;}
.banner-page .page-mess span{text-align: center;color: #fff;display: block;}

.index-footer{padding-top: 5%;}
.index-footer .footer-page{background-color: #2e3033;color: #fff;padding: 2% 0;}
.index-footer .footer-list .list-conss{padding: 0 5.5%;display: block;height: 120px;}
.index-footer .footer-list .list-title{text-align: left;}
.index-footer .footer-list .list-conss .item-list{text-align: left;}
.index-footer .conss-item .item-list{position: relative;padding-top: 7%;width: 33.3333%;float: left;}
.index-footer .conss-item .item-list.margin0{padding-top: 1%;}
.index-footer .conss-item{width: 100%;}
.index-footer i.icon-hot{top: 1px;left: 4%;font-size: 10px;font-style: inherit;color: #fff;display: block;position: absolute;width: auto;padding: 0px 3px 0 3px;border-radius: 2px;background-color: red;height: 15px;line-height: 14px;}
.index-footer i.icon-hot:after{position: absolute;bottom: -4px;left: 3px;content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid red;}
.index-footer .footer-list .list-conss.conss2{height: 40px;}
.index-footer .conss2 .conss-item .item-list{width: 25%;}
.index-footer .conss3 .conss-item .item-list{width: 100%;}
.index-footer .conss3 .conss-item .item-list:first-child .list-text{padding-top: 5%;display: block;}
.index-footer .friend-list{padding: 2% 0;overflow: hidden;border-bottom: 1px solid rgba(102, 102, 102, 0.69);}
.index-footer .friend-list .list-title{float: left;}
.index-footer .friend-list .list-item li{float: left;padding-right: 1%;}
.index-footer .friend-list .list-item li a{color: #999;font-size: 14px;}
.index-footer .care-list{text-align: center;padding-top: 1%;}
.index-footer .care-list .danger{color: red;}
.index-footer .care-list .text2{display: block;padding: 1% 0;}



.index-footer .footer-list .list-conss a{color: #fff;}



/* 改amaze ui */
.am-header-default .am-header-icon{font-size: 14px;padding: 0 3px;}
.am-header{line-height: 14px;}
.am-menu-offcanvas1 .am-menu-toggle{top: 0;width: 10%;color: #fff;}
nav{display: none;}

/* 媒体查询 */
@media screen and (max-width: 900px){
    header.header-message, header.header-menu{display: none;}
    nav{display: block;}
}



/* index-star */
.index-star .star-list .list-item .list-right img{width: 75%;}

/* footer信息 二维码关注智联代理 */
.footer-box.right{margin-top: 5px;padding: 10px;float: right;width: auto;height: auto;border-radius: 5px;background-color: #393939;text-align: left;}
.footer-box.right img{float: left;width: 85px;height: 85px;margin-right: 10px;}
.footer-box.right .content{margin: 10px 0 0 0;float: right;width: 126px;height: 100%;text-align: center;color: #ccc;font-size: 14px;}