@charset "utf-8";
/* CSS Document */


html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}
*{box-sizing: border-box;}
html, body {min-height: 100%;}
body {font-family: "微软雅黑";font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol { list-style: none;}
img {border: none;vertical-align: middle;width:auto;display:inline-block;}
a {text-decoration: none;color: #232323;}
table {border-collapse: collapse;table-layout: fixed;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.clearfix {zoom: 1;}
.clearfix:after {content: ".";width: 0;height: 0;visibility: hidden;display: block;clear: both;overflow:hidden;}
inline{display: inline-block;*display: inline;*zoom: 1;}

/*页头*/
.header-top{width:100%;background-color:#fff;border-bottom:solid 1px #eee;height:70px;position:fixed;z-index: 999;top:0;}
.header-cen{max-width:1500px;margin:0 auto;}
.header-left{float:left;}
.logo{width:130px;margin-top: 12px;}
.header-right{margin-top: 16px}
.logo img, .right-img img{width:100%;}
.header-right, .header-right a, .right-img{float:right;}
.right-img img{margin-right:3%;}
.header-a{border:solid 1px #0078d7;border-radius:40px;padding:8px 40px;color:#0078d7;transition:.4s;}
.header-a:hover{border:solid 1px #0078d7;color:#fff;background-color:#0078d7;transition:.4s}
.right-img{margin-right:3%;}
.weixing{position:relative;}
.erweima{position:absolute;right:508px;top:70px;display:none;}
.weixing:hover+.erweima{display:block;}
.btn-dian img{width:100%;}
/*banner*/
.banner{background: url(../images/banner.png) center bottom no-repeat;height:614px;position: relative;background-size: cover;background-attachment:fixed;margin-top:70px;}
.banner h1{color:#fff;width:80%;margin:0 auto;text-align:center;padding-top:8%;margin-bottom: 4%;}
.s-btn{width:402px;margin:0 auto;}
.s-btn a h3{padding:12px 12px;font-size:22px;background-color:#ff0000;color:#fff;border-radius:4px;background-image:url(../images/anniu-logo.png);background-repeat:no-repeat;text-align:center;padding-left:126px;background-position:12px 9px;display:inline-block;transition:.4s;}
.s-btn a h3:hover{background-color:#fff;color:#ff0000;background-image:url(../images/anniu-logo2.png);background-repeat:no-repeat;transition:.4s;}

.s-btn a span img{padding-right:12px;}
.btn-dian{position:absolute;bottom:0;margin-left: calc((100% - 1280px) / 2);}
.section {
    padding: 40px 0;
}
.main-warp {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.section h2 {
    font-size: 26px;
    text-align: center;
    color: #000000;
    font-weight: normal;
    padding-bottom: 30px;
    width: 80%;
	margin: 0 auto;}
.row {
    margin-right: 0;
    margin-left: 0;
	
}
.login {
    background: #c8161d;
    border-color: #c8161d;
}
.login a {
    color: #fff;
}
.login a svg path {
    fill: #fff;
}

.col-sm-3 {
    width:33%;float: left;
    /*
    width:-webkit-calc(100% / 3);*/
	
}
.flex-sb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sign-up, .login {
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 15px;
    flex-shrink: 0;
    margin: 0 4px;
}
header .top li>a>span {
    font-size: 14px;
}
svg {
    width: 14px;
    fill: #afafaf;
}
.index-products .list {
    text-align: center;
    position: relative;
    margin: 10px auto 0 auto;
	width: 95%;}
.index-products .list a {
    position: absolute;
    height: 460px;
    bottom: 0;
    width: 100%;
    z-index: 10;
	background: url(../images/index-pic-product-bg.png) repeat-x center bottom;}
.index-products .list img {
    width: 100%;
}
.index-products .list h2 {
    font-size: 26px;
    text-align: center;
    width: 100%;
    bottom: 72px;
    position: absolute;
    color: #ffffff;
    z-index: 100;
    -webkit-transition-property: bottom;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
	
}
.section h2 {
    font-size: 26px;
    text-align: center;
    color: #343536;
    font-weight: normal;
    padding-bottom: 4px;
    width: 80%;
    margin: 0 auto;
}
.section h3 {
    font-size: 14px;
    text-align: center;
    color: #888888;
    font-weight: normal;
    padding-bottom: 30px;
    width: 80%;
    margin: 0 auto;
	text-transform: uppercase;
}
.index-products .list:hover a i {
    opacity: 1;
    -webkit-transition-property: background;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
}
.index-products .list a i {
    position: absolute;
    left: 0;
    top: 388px;
    width: 80%;
	margin-left:10%;
    text-align: center;
    font-style: normal;
	color: #95c4ff;
	line-height: 24px;
transition:0.4s}
.index-products .list:hover a {
    cursor: pointer;
    background: url(../images/index-pic-product-curbg.png) repeat-x center bottom;
	transition:0.4s;
}
.index-products .list:hover h2 {
    bottom: 160px;
    -webkit-transition-property: bottom;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;

}
.index-products .list:hover a i {
    top: 300px;
	webkit-transition-property: bottom;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
	transition:0.4s;

}
.followala-all{width:100%;margin-top:5%;}
.followala-cen{width:100%;background:url(../images/followala-beijing.png) no-repeat;background-size: cover;background-attachment: fixed;}
.neirong-cen{max-width:1280px;margin:0 auto;height:428px;}
.followala-left{width:44%;float:left;padding-top: 10%;margin-left: 6%;}
.followala-right{max-width:360px; float:right;padding-top: 5%;margin-right:6%;}
.followala-right img{width:100%;}
.followala-left .followala-img, .followala2-img{max-width:48px;}
.followala2-img{float:right;}
.followala-img img, .followala2-img img{width:100%;}
.followala-left h1, .analysis-right h1{font-size:30px;color:#333333;font-weight:bold;}
.followala-left h2, .analysis-right h2{font-size:14px;color:#888888;margin-top:2%;}
.followala-analysis{width:100%;}
.analysis-cen{max-width:1280px;margin:0 auto;}
.analysis-left{max-width:720px;float:left;}
.analysis-right{width:40%;float:right;margin-top:10%;}
.analysis-left img{width:100%;}
.followala-title{width:100%;height:290px;background-image:url(../images/title-all.png);background-repeat:no-repeat; font-size:100%;}
.followala-title h1:nth-child(1){font-size:18px;color:#fff;text-align:center;width:60%;margin:0 auto;padding-top:49px;line-height:32px;}
.followala-title h1:nth-child(2){font-size:18px;color:#fff;text-align:center;width:78%;margin:0 auto;line-height:32px;}
.followala-title h1:nth-child(3){font-size:18px;color:#fff;text-align:center;width:78%;margin:0 auto;line-height:32px;}
.followala-title h1:nth-child(4){font-size:18px;color:#fff;text-align:center;width:78%;margin:0 auto;line-height:32px;}
.followala-title h1:nth-child(5){font-size:18px;color:#fff;text-align:center;width:78%;margin:0 auto;line-height:32px;}
.followala-title h1:nth-child(6){font-size:18px;color:#fff;text-align:center;width:78%;margin:0 auto;line-height:32px;}


#banner{width:100%; float: left; background: url(../images/banner.jpg) no-repeat center top; background-attachment: fixed;padding-top: 90px;}
#banner .banner{width:1280px;margin:50px auto; text-align: center;}
#banner .banner h1{ display: block; font-size: 20px; color: #ffffff;padding: 25px 0;}


#main{width:100%; float: left;}
#main .main{width:1280px; margin:75px auto;}
.business{width:100%; float: left; margin-bottom: 40px;}
.bbk-bg1{ background:#0078d7;}
.bbk-bg2{ background:#376297;}
.bbk-bg3{ background:#4ea4a5;}
.bbk-bg4{ background:#f6722a;}
.bbk-bg5{ background:#a7cf47;}
.bbk-bg6{ background:#f23a65;}
.bbk-ico{background-image: url(../images/bussiness-ico.png);background-position: 0 0; background-repeat: no-repeat; width: 110px; height: 66px;margin: auto; }
.business ul{width:calc(100% + 10px); float: left; margin-left: -5px;}
.business ul li{width:calc(100% / 3); float: left;padding: 0 5px;box-sizing: border-box;}
.business ul li .bbk{width:100%; float: left; box-shadow: 2px 4px 6px 1px #c0c0c0; border-radius: 7px; overflow: hidden;}
.business ul li .bbk:hover{box-shadow: 2px 4px 6px 1px #9e9c9c;}
.business ul li .bbk .bbk-ioc-box{width:100%; float: left;padding: 35px 0;}
.business ul li .bbk .bbk-con{width:100%; float: left; padding: 17px 13px; background: #ffffff; box-shadow: 0px 0px 1px #fefefe; min-height: 230px;}
.business ul li .bbk .bbk-con .bbk-name-cn{width:100%; float: left; text-align: center; font-weight: bold; font-size: 18px;font-style: italic; color: #666666;}
.business ul li .bbk .bbk-con .bbk-name-en{width:100%; float: left; text-align: center; font-size: 16px;color: #666666;}
.business ul li .bbk .bbk-con .bbk-txt{width:100%; float: left; text-align: left;font-size: 13px;color: #666666; line-height: 22px;padding: 8px 0;}


.hezuo{width:100%; float: left; margin-bottom: 40px; background: #ffffff; padding-top: 50px; box-shadow: 2px 4px 6px 1px #c0c0c0; border-radius: 5px;}
.hezuo ul{width:100%; float: left;}
.hezuo ul li{width:calc(100% / 5); float: left; padding: 10px; box-sizing: border-box; position: relative;height:324px;}
.hezuo ul li .brands-box{width:100%; float: left;padding: 50px 0; }

.hezuo ul li .brands-box .brand-logo{width:100%; float:left; text-align: center; background: url(../images/logo-bg.jpg) no-repeat center center;height: 83px;padding-top: 5px;}
.hezuo ul li .brands-box .brand-logo img{max-width:100%;}

.hezuo ul li .brands-box .brand-name{width:100%; float: left; font-size: 18px; font-weight: bold; color: #555555; text-align: center;padding: 7px 33px;}
.hezuo ul li .brands-box .brand-con{width:100%; float: left;font-size: 13px; color: #555555;line-height: 22px; padding:7px 15px;}

.social{width:100%; float: left;}
.social ul{width:calc(100% + 72px); float: left; margin-left: -36px;}
.social ul li{width:calc(100% / 3); float: left; padding: 36px; box-sizing: border-box;}
.social ul li:hover .social-box{box-shadow: 2px 4px 6px 1px #c0c0c0;}
.social ul li .social-box{width:100%; float: left; background: #ffffff;padding: 25px;min-height: 250px;}
.social-box .social-pic{width:100%; float: left; text-align: center;}
.social-box .social-pic img{ max-width:100%;}
.social-box .social-title{width:100%; float: left; text-align: center;    font-size: 15px; color: #000000;padding-bottom: 10px;}
.social-box .social-con{width:100%; float: left; text-align: left;    font-size: 13px; color: #333333; line-height: 22px;}


.followala{width:100%; float: left; background: url(../images/followala-bg.png) no-repeat; background-size: 100%;padding: 116px 0;}
.followala .followala-logo{width:100%; float: left; text-align: center;}
.followala .followala-title01{width:100%; float: left; text-align: center; font-size: 28px; color: #ffffff; padding: 10px 0; padding-bottom: 25px;}
.followala .followala-litter{width:900px; margin: auto; }
.followala .followala-litter ul{width:100%; float: left;}
.followala .followala-litter ul li{width:33.33%; float: left;font-size: 18px; color: #ffffff; text-align: center;}
.f-ico{width:30px; height: 25px; background-image: url(../images/followala-ico.png); background-position: -2px -1px; background-repeat: repeat; display: inline-block; position: relative; top: 6px;}
#main{background-color:#eef1f0;}
#banner  h1{    display: block;font-size: 20px;color: #ffffff;padding: 25px 0;margin-top:90px;}
#banner{
    width:100%;
    padding-top: 50px;
	padding-bottom:50px;
	
    text-align: center;
}
/*页脚*/
.footer{width:100%;background-color:#292b33;}
.footer-main{max-width:1280px;margin:0 auto;}
.footer-main h3{font-size:14px;color:#999999;padding:2%;text-align:center;}

#top960{background: #fff;
    box-shadow: 0px 0px 5px #b8babd;
    position: fixed;
    top: 0px;
	width: 100%;
	height: 70px;
    z-index: 9999999999999;
    display:none;}
.top960_left{margin-left: 5%;display: table-cell;vertical-align: middle;text-align: center;margin-top: 27px;width:88px;padding-top:0px;}
.fa.fa-reorder{font-size: 30px;
    position: fixed;
    top: 7px;
    right: 14px;
    cursor: pointer;
    color: #3b3b3b;}
.top960_left img{margin-top: 2px;
	width:100%;
	margin-left: 15%;
    padding-bottom: 8px;
	padding-top:6px;
}
.nav_960 {
    width: 100%;
    
    padding-bottom: 10px;
    background:#3b3b3b;
    float: left;
   z-index: 99999;}

#top960 .nav_960 .f_pro a{border-bottom: 1px solid #444444;line-height:24px;padding-bottom: 10px;padding-top: 10px;color:#fff;width:92%;margin:0 auto;font-size: 14px;display:inherit;text-transform: uppercase;}

#top960 .nav_960 .f_pro h4{border-bottom: 1px solid #444444;line-height:24px;padding-bottom: 10px;padding-top: 10px;color:#fff;width:92%;margin:0 auto;font-size:16px;text-transform:uppercase;}
.iconfont img{width:100%;}
.global-ul{
	width:26%;
	border-right:solid 1px #eaecef;
	padding-top:1.5rem;
	float:left;
	position: fixed;
	z-index: 10;
	top: 5.6rem;
    left: 0;
    bottom: 0;
	overflow-y: auto;

}
.sidebar-group p{
	color: #2c3e50;
    transition: color .15s ease;
    cursor: pointer;
    font-size:20px;
    font-weight: 700;
    padding: .35rem 1.5rem .35rem 1.25rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-left: .25rem solid transparent;
}
.sidebar-links{
	padding: .35rem 1.5rem .35rem 2rem;
}
.active{
	font-weight: 500;
	padding-top: .25rem;
    padding-bottom: .25rem;
    border-left: none;
/*	color:#0078d7;*/
}
.sidebar-links li{
	line-height:2em;
}
.sidebar-sub-headers .sidebar-sub-header{
	padding-left:1.25rem;
}
.sidebar-group-items{
	display:bloak;
}


.sidebar-right{
	float:right;
	width:74%;
}
.sudebar-nei{
	width:70%;
	margin: 10% auto 2%;
}
.sudebar-nei h1{
	color: #2c3e50;
    transition: color .15s ease;
    font-size: 22px;
    font-weight: 700;
	margin-bottom:0.6em;
}
.sudebar-nei h2{
	color: #999999;
    transition: color .15s ease;
    font-size:16px;
	line-height:2em;
}
.sudeb-img img{
	width:100%;
}
.sudeb-img{
	width:80%;
	margin:2% 0;
}
.maodian{
	position: relative;
    top: -76px;
    display: block;
    height: 0;
    overflow: hidden;

}
.c{
	color:#0078d7
}
.product-sj-img {
    display:none;
    padding: 5px 0;
    padding-right: 5px;
    border: 1px solid #dddddd;
    border-left: 0px;
    position: fixed;
    width: auto;
    left: 0;
    text-align: left;
    background-color: #fff;
    transition: 0.5s;
    margin-top:50%;
	z-index: 999;
}
.position-ph-co-ts {
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    background-color: #fff;
    z-index: 999999999999999999999999999999999999;
    margin-top: 0;
}
.main02 .global-ul-sj{
	left: 0;
    transition: 0.5s;
    width: 100%;
    top: 0;
    z-index: 999999999999;
    height: 100%;
    background-color: #fff;
    position: fixed;
}
.vid{width:80%;}
.seo-video-lf img{
	width:100%;
}
.seo-video-lf .img-shiping-fifth{
    position: absolute;
    top: 39%;
    width: 71px;
    cursor: pointer;
    left: 0;
    margin-left: 50%;
    transform: translate(-50%);
}
.seo-video-lf{
	position:relative;
	width:80%;
}

#video {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 999999999999;
    display: none;
}
#movie {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 18vh;
    box-sizing: border-box;
    border: 7px solid #003d90;
    border-radius: 7px;
    cursor: pointer;
}
#close {
    position: absolute;
    left: 75%;
    top: 18vh;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ccc;
    text-align: center;
    line-height:26px;
    margin-left: -20px;
    margin-top: -13px;
    font-size: 26px;
    cursor: pointer;
}
.about-dashed img {
    width: 100%;
}
.wid{position:fixed;top:0;background-color:white;}