@charset "UTF-8";

body {display: block;margin: 0px;font-family:思源黑体;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}
.left{float:left}
a{text-decoration:none; color:#666666;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

@font-face{ font-family:"fz"; src:url('../images/FLORNT.eot'),url('../images/FLORNT.ttf'), url('../images/FLORNT.eot?#iefix') format('embedded-opentype'),url('../images/FLORNT.woff') format('woff'), url('../images/FLORNT.svg#fzcyjt') format('svg');}

<!--ban图片的开始-->

#banner{background: url(/m/assets/i/mendian/banner.jpg) no-repeat center center;height: 300px;padding-top: 280px;background-size: cover;}
.banner{background: url(/m/assets/i/mendian/banner.jpg) no-repeat center center;height: 180px;padding-top: 150px;background-size: cover;}
.biaozhi{width:auto;text-align: center;}
.biaozhi img{width:86px;}
.fuhao{font-size:24px;color:#fff;text-align: center;font-weight: bold;}
.fuhao img{width:250px;margin: 10px 0px;}
.pinpai{font-size:14px;color:#fff;text-align: center;font-weight: normal;line-height: 35px;}

#meishi_banner{background: url(/images/meishi/banner.jpg) no-repeat center center;height: 300px;padding-top: 280px;background-size: cover;}
.meishi_banner{background: url(/images/meishi/banner.jpg) no-repeat center center;height: 300px;padding-top: 280px;background-size: cover;}

<!--ban图片的结束-->

#fenlei{width:100%;}
.fenlei{width:100%;padding-top:65px;overflow: hidden;background: #00a6b2;padding-bottom: 0px;}
.fenlei ul{padding:0;margin:0;}
.fenlei ul li{float:left;width:21%;margin: 0 1.5%;text-align: center;height: 30px;border: 1px solid #fff;border-radius: 10px;line-height: 30px;}
.fenlei ul li.active{background: #fff;}
.fenlei ul li a{font-size:14px;color:#fff;}
.fenlei ul li a.active{color:#00a6b2;}

<!---品牌_导航开始--->

#menu-block {
    padding: 70px 0 0px 0px;
    height: 100%;
    border-bottom: 0px solid #e3e3e3;
	text-align: center;
}
.menu-block {
    padding: 35px 0 0px 0px;
    height: 100%;
    border-bottom: 0px solid #e3e3e3;
	text-align: center;
	overflow: hidden;
}
.menu-block h3{color: #666;font-size: 20px;font-weight: normal;}
.menu-block p{color: #888;font-size: 14px;font-weight: normal;padding-left: 0px;line-height: 25px;margin: 1em auto 2em auto;padding-right: 0px;width:90%;}

.menu-list {
    width: 100%;
    height: 100%;
}
.menu-list li.color-white, .menu-list li.color-white a {
    color: #fff;
}
.menu-list.col4 li {
    width: 50%;
    height: 100%;
    float: left;
    padding: 0;
    text-align: center;
    overflow: hidden;
}
.menu-list li.color-white, .menu-list li.color-white a {
    color: #fff;
}

.menu-list.col4 li a {
    display: block;
    padding: 50px 0 0;
}

.menu-list li a {
    color: #222;
    width: 100%;
    height: 100%;
    position: relative;
}
.menu-list li h2 {
    font-size: 14px;
    line-height: 40px;
    transition: all 0.75s;
    position: relative;
    z-index: 4;
    margin-bottom: 10px;
	color:#fff;
}
.menu-list li p {
    font-size: 18px;
    line-height: 25px;
    transition: all 0.75s;
    position: relative;
    z-index: 4;
    opacity: 0;
}
.menu-list li a:hover p {
    opacity: 1;
    transform: translateY(-10px);
}
.menu-list li a:hover .pro-pic {
    transform: scale(1.05);
}
.menu-list.col4 li.menu-retang .pro-pic {
    background-image: url(/m/assets/i/about/retang.jpg);
}

.menu-list.col4 li .pro-pic {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.pro-pic {
    position: absolute;
    text-align: right;
    transition: all 0.75s;
    z-index: 2;
}

.menu-list.col4 li.menu-zaliang .pro-pic {
    background-image: url(/m/assets/i/about/zaliang.jpg);
}
.menu-list.col4 li.menu-shishu .pro-pic {
    background-image: url(/m/assets/i/about/shishu.jpg);
}
.menu-list.col4 li.menu-yinpin .pro-pic {
    background-image: url(/m/assets/i/about/yinpin.jpg);
}
.anquan{width:100%;margin:130px auto 0px auto;overflow: hidden;}
.anquan h3{display: block;line-height: 32px;font-weight: normal;font-size: 30px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.anquan dd{width: 50%;
    margin:12px auto;
    font-size: 16px;
    line-height: 30px;
    color: #888;
	text-align: center;}

<!---品牌_导航结束--->