@charset "utf-8";

html,
body {
    -webkit-text-size-adjust: none;
}

html {
    font-size: 312.5%;
}

body {
    font: 0.3rem/0.54rem 'Microsoft YaHei', sans-serif;
    color: #333;
}

a {
    color: #333;
}

.top_news {
    clear: both;
    padding: 0.32rem 0.2rem;
}

.top_news h1 {
    margin-bottom: 0.16rem;
    font-size: 0.4rem;
    line-height: 1.6em;
}

.top_news p span {
    color: #E4464C;
}

.photo_news {
    clear: both;
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.4rem;
}

.photo_news .swiper-slide {
    position: relative;
}

.photo_news .swiper-slide img {
    width: 100%;
    height: 100%;
}

.photo_news .swiper-slide .cover {
    width: 100%;
    height: 1.16rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../../img/first/cover.png) repeat-x left bottom;
    background-size: auto 100%;
    z-index: 1;
}

.photo_news .swiper-slide p {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.4rem;
    z-index: 2;
    text-align: center;
    font-size: 0.26rem;
    color: #fff;
    line-height: 0.36rem;
}

.photo_news .swiper-slide p a {
    color: #fff;
}

.photo_news .swiper-pagination {
    bottom: 0;
}

.photo_news .swiper-pagination-bullet {
    width: 0.19rem;
    height: 0.04rem;
    background-color: #d6d6d6;
    opacity: 1;
    overflow: hidden;
    border-radius: 0;
}

.photo_news.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.05rem;
}

.photo_news .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.47rem;
    background-color: #E4494E;
}

.menu {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.46rem;
    font-size: 0.36rem;
    line-height: 1em;
    color: #000;
    background-image: url(../../img/first/bg1.gif);
    background-repeat: no-repeat;
    background-position: 0.21rem 0;
    background-size: auto 100%;
}

.news_top {
    font-size: 0.4rem;
    line-height: 0.6rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
}

.news_list {
    clear: both;
    width: 100%;
    padding: 0.1rem 0.2rem 0.1rem 0.2rem;
    box-sizing: border-box;
}

.news_list li {
    border-bottom: 1px dotted #DDD;
    line-height: 0.65rem;
}

.news_list li span,
.news_list li span a {
    color: #E4464C;
}

.news_list li span {
    padding-right: 0.15rem;
}

.news_list.wenz li span,
.news_list.wenz li span a {
    color: #999;
}

.news_list.wenz li span {
    padding-right: 0;
    display: block;
}

.more {
    clear: both;
    height: 0.7rem;
    text-align: center;
    font-size: 0.3rem;
    color: #1CA0E8;
    line-height: 0.6rem;
}

.more a {
    color: #1CA0E8;
}

.more img {
    margin: 0.16rem 0 0 0.15rem;
    height: 38%;
}

.gold {
    clear: both;
    margin-bottom: 0.3rem;
    width: 100%;
    box-sizing: border-box;
    padding: .45rem 0.3rem 0.6rem;
    background-image: url(../../img/first/xbg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #fff;
    position: relative;
}

.gold .title {
    position: absolute;
    left: .4rem;
    right: .4rem;
    top: 0.5rem;
    height: 0.5rem;
    z-index: 1;
}

.gold .more {
    position: absolute;
    right: .7rem;
    top: 0.5rem;
    width: 0.53rem;
    height: auto;
    z-index: 2;
}

.gold .swiper-pagination {
    bottom: 0;
}

.gold .goldscroll {
    width: 100%;
    overflow: hidden;
}

.gold .swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
    opacity: .5;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
}

.gold.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.05rem;
}

.gold .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #E4464C;
    opacity: 1;
}

.gold h2 {
    font-weight: normal;
    padding-bottom: 0.3rem;
}

.gold p {
    font-size: 0.24rem;
    box-sizing: border-box;
    padding-left: .65rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.gold p img {
    width: 1.3rem;
}

.gold p span {
    display: block;
    padding-left: 0.3rem;
}

.photo_list {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.2rem;
    margin: 0.1rem 0px 0.1rem;
}

.photo_list dl {
    clear: both;
    zoom: 1;
    overflow: hidden;
    padding: 0.2rem 0;
    border-bottom: 1px dotted #DDD;
    box-sizing: border-box;
}

.photo_list dt {
    width: 2.6rem;
    height: 1.73rem;
    float: left;
}

.photo_list dt img {
    width: 2.6rem;
    height: 1.73rem;
}

.photo_list dd {
    padding-left: 2.9rem;
    line-height: 0.55rem;
}

.spec_wrap {
    clear: both;
    padding: 0.3rem 0 0;
    margin-bottom: 0.3rem;
}

.spec_all {
    clear: both;
    width: 100%;
    overflow: hidden;
    padding-top: 0.2rem;
    position: relative;
}

.spec_all .swiper-slide {
    width: 33%;
    text-align: center;
    padding: 0 0.2rem;
    box-sizing: border-box;
}

.spec_all .swiper-slide img {
    width: 100%;
    height: 100%;
}

.produce_wrap {
    clear: both;
    border-top: 0.2rem solid #E6E6E6;
    position: relative;
    padding: 0.3rem 0px 0.5rem;
    overflow: hidden;
}

.produce_all {
    width: 100%;
    padding-top: 0.2rem;
    position: relative;
}

.produce_all .swiper-slide {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.25rem;
}

.produce_all .swiper-slide ul {
    clear: both;
    zoom: 1;
    overflow: hidden;
    padding: 0.1rem 0;
}

.produce_all .swiper-slide li {
    float: left;
    display: inline;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    padding: 0 0.25rem;
    font-size: 0.24rem;
    color: #A4A4A4;
    line-height: 0.35rem;
}

.produce_all .swiper-slide li p {
    font-size: 0.28rem;
    color: #000;
    padding: 0.1rem 0px 0.06rem;
}

.produce_all .swiper-slide li img {
    width: 100%;
    border: 0.09rem solid #fff;
    box-shadow: 0px 0px 5px #aaa;
}

.produce_all .swiper-pagination {
    bottom: -0.4rem;
}

.produce_all .swiper-pagination-bullet {
    width: 0.19rem;
    height: 0.04rem;
    background-color: #d6d6d6;
    opacity: 1;
    overflow: hidden;
    border-radius: 0;
}

.produce_all.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.05rem;
}

.produce_all .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.47rem;
    background-color: #E4494E;
}

.fg_Menu {
    border-bottom: 0.2rem solid #E6E6E6;
    margin-bottom: 0.35rem;
}

.footMaker {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin: 0.3rem 0 0.3rem;
    border-bottom: 0.1rem solid #DDDDDD;
}

.footMaker .swiper-slide {
    text-align: center;
    position: relative;
}

.footMaker .swiper-slide .cover {
    width: 100%;
    height: 1.16rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../../img/first/cover.png) repeat-x left bottom;
    background-size: auto 100%;
    z-index: 1;
}

.footMaker .swiper-slide p {
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.2rem;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0.15rem;
    z-index: 2;
    font-size: 0.24rem;
    line-height: 0.38rem;
}

.footMaker .swiper-slide p a {
    color: #fff;
}

.footMaker .swiper-slide img {
    width: 100%;
    height: 100%;
}

.footTemp {
    display: none;
}

.look_Menu {
    clear: both;
    box-sizing: border-box;
    margin: 0.35rem 0.2rem 0.15rem;
    overflow: hidden;
}

.look_Menu .swiper-slide {
    display: inline-block;
    font-size: 0.3rem;
    line-height: 0.4rem;
    color: #A0A0A0;
    padding: 0 0.1rem;
    text-align: center;
    width: 0.9rem;
}

.look_Menu .swiper-slide.cur {
    background-color: #E4494D;
    color: #fff;
}

.look_Menu .swiper-slide:nth-child(4),
.look_Menu .swiper-slide:nth-child(5) {
    width: 1.5rem;
}

.look_Menu .swiper-slide:nth-child(6) {
    width: 1.8rem;
}

.look_Cont {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.2rem;
    margin-bottom: 0.3rem;
}

.look_Cont div {
    display: none;
}

.look_Cont div:first-child {
    display: block;
}

.look_Cont li {
    height: 0.85rem;
    overflow: hidden;
    border-top: 1px dotted #DDD;
    line-height: 0.85rem;
}

.look_Cont li:first-child {
    border-top: none;
}

.xsx {
    margin-bottom: 0.35rem;
}

.xsx img {
    width: 100%;
}

.bookWrap {
    padding: 0.3rem 0.2rem;
    border-bottom: .2rem solid #E6E6E6;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.book {
    padding-top: 0.2rem;
    position: relative;
}

.book .swiper-slide {
    width: 50%;
    text-align: center;
    padding: 0 0.2rem;
    box-sizing: border-box;
    font-size: 0.24rem;
}

.book .swiper-slide .bookBg {
    width: 2.77rem;
    height: 3.53rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../../img/first/bookbg1.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.book .swiper-slide .bookBg img {
    width: 2rem;
    height: 2.93rem;
}

.book .swiper-pagination {
    bottom: -0.2rem;
}

.book .swiper-pagination-bullet {
    width: 0.19rem;
    height: 0.04rem;
    background-color: #d6d6d6;
    opacity: 1;
    overflow: hidden;
    border-radius: 0;
}

.book.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.05rem;
}

.book .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.47rem;
    background-color: #E4494E;
}