/*banner*/
@font-face {
	font-family: 'Barlow-Regular';
	src: url('../../fonts/Barlow-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
.BannerShow_b1 a, .BannerShow_b1 img { display: block; width: 100%; height: 100%; }
.banner-btn>div { width: auto; position: static; display: inline-block; vertical-align: middle; }
.banner-btn { bottom: 5%; position: absolute; width: 84%; left: 8%; color: #fff; text-align: right; z-index: 1; font-size: 18px; }
.banner, .banner * { }
.BannerShow_b1 { background: #000; }
.banner .banner-pagination { font-size: 0; height: auto; bottom: 20%; }
#BannerShow_b1 .swiper-pagination-bullet { width: 40px; height: 4px; border-radius: 0; background: #fff; opacity: 0.6; margin: 0 10px; }
#BannerShow_b1 .swiper-pagination-bullet-active { opacity: 1; }
.swiper-btn { position: absolute; font-size: 14px; color: #999; width: 100%; bottom: 40px; z-index: 0; }
.swiper-btn .swiper-pagination-current { margin-bottom: 10px; color: #333; }
.swiper-btn span { display: block; transition: 0.3s ease 0s; }
.swiper-btn span:before { content: '0'; }
.swiper-btn .swiper-pagination-total { margin-top: 10px; }
/*i1*/
.i1 { background: #cfa748; padding-bottom: 1.5%; }
.i1 .T i { max-width: 62px; max-height: 55px; margin-right: 15px; }
.i1 .T li>div { width: calc(100% - 77px); }
.i1 .T { position: relative; padding: 2%; background: #fff; box-shadow: 5px 5px 10px 0 rgba(207,167,72,0.1); z-index: 1; box-sizing: border-box; transform: translateY(-50%); }
.i1 .T ul { font-size: 0; color: #444; text-align: center; }
.i1 .T li { width: 23.5%; text-align: left; margin-left: 2%; }
.i1 .T h4 { font-size: 20px; }
.i1 .T p { font-size: 14px; margin-top: 10px; line-height: 1.5; }
.i1 .B { margin-top: -1%; }
.i1 .B ul { font-size: 0; color: #fff; line-height: 1; }
.i1 .B li { width: 20%; text-align: center; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.5); padding: 1% 0; }
.i1 .B li:first-child { border-left: none; }
.i1 .B span { font-size: 36px; margin-right: 10px; }
.i1 .B em:before { content: ''; width: 20px; height: 2px; background: #fff; display: block; margin: 10px auto; }
.i1 .B em { display: block; font-size: 16px; }
.i1 .B i { font-size: 14px; }
/*i2*/
.i2 .T{ margin-top:60px}
.i2-title h3 { font-size: 40px; color: #3d3c39; font-weight:normal }
.i2-title span { display: block; font-size: 24px; margin-top: 10px; color: #c7a556; text-transform:uppercase; font-family:'Barlow-Regular' }
.i2 .T .L p { font-size: 16px; color: #666; line-height: 2.5; height: 170px; }
.i2 .T .L { width: 42%; }
.i2-icon img { margin-left: 10px; height: 48px; }
.i2-title, .i2-text { padding-left: 20%; }
.i2-text { padding-top: 3.5%; margin-top: 3.5%; border-top: 1px solid #d9d9d9; }
.i2-icon { margin-top: 8.5%; }
.i2 .public-a { margin-top: 5.6%; }
.i2 { overflow: hidden; position: relative; z-index: 0; padding: 5% 0 8%; }
.i2 .T .R { position: relative; width: 44%; padding-right: 8.5%; margin-left: 5.5%; z-index: 0; }
.i2-title { margin-top: 3.5%; }
#i2-swiper .i2-pagination { position: absolute; text-align: center; z-index: 1; bottom: 6.5%; }
#i2-swiper .i2-pagination span { width: 14px; height: 14px; background: #fff; opacity: 1; margin: 0 10px; }
#i2-swiper .i2-pagination span[class*=active] { background: #cfa748; }
.i2 .T:after { content: ''; position: absolute; width: 14.6%; height: 37.5%; background: #cfa748; bottom: 0; z-index: -1; right: 4%; }
.i2 .T { position: relative; z-index: 0; padding-bottom: 2.5%; margin-bottom:4%}
#i2-swiper { box-shadow: 5px 5px 10px 0 rgba(207,167,72,0.1); }
.i2 .since1992 { position: absolute; color: #e9dec8; right: 53.5%; bottom: 2.5%; }
.i2 .since1992 span { font-size: 3.2vw; }
.i2 .since1992 strong { font-size: 6.4vw; }
.i2:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; background:url(../../images/main_bac.jpg) no-repeat center top; z-index: -1; width: 73%; }
.i2 .about-us { text-align: center; height: 100%; position: absolute; top: 0; right: 4%; transform: translateX(50%); margin-right: 1px; z-index: -1; }
.i2 .about-us:before { content: ''; width: 10px; height: 10px; display: block; background: #e8e8e8; margin: 0 auto 20px; }
.i2 .about-us span { font-size: 14px; color: #888; text-transform: uppercase; writing-mode: tb-lr; writing-mode: vertical-lr; }
.i2 .about-us:after { content: ''; width: 1px; height: calc(62.5% - 121px); background: #e8e8e8; display: block; margin: 20px auto 0; }
.i2 figcaption :after { transition: 0.3s ease 0s; border-color: transparent transparent transparent #fff; border-width: 0.4vw 0 0.4vw 0.6vw; vertical-align: middle; margin-left: 0px; }
.i2 figcaption span { font-size: 17px; color: #fff; display: inline-block; vertical-align: middle; margin-top:5px }
.i2 figcaption>div { background: url(../images/i10.png) no-repeat center #cfa748; background-size: 100% auto; width: 100%; height: 100%; border-radius: 50%; }
.i2 figcaption { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; }
.i2 figure { position: relative; z-index: 0; width: 100%; height: 100%; }
.i2 .B a { transition: 0.3s ease 0s; position: relative; z-index: 0; width: 133px; border-radius: 50%; height: 133px; overflow: hidden; }
.i2 .B i { width: 6%; display: inline-block; vertical-align: middle; height: 1px; margin: 0 2%; background: #d4d4d4; }
/*i3*/
.i3, .i4 { margin-top: 4%; }
.i3 .B { position: relative; z-index: 0; margin-top: 3%; overflow: hidden; }
.i3 .B .R { position: absolute; right: 0; top: 0; width: 50%; height: 100%; }
.i3 .B ul { width: 100%; height: 100%; }
.i3 .B li { perspective: 1000px; width: 100%; height: 50%; font-size: 0; }
.i3 .B li a { width: 50%; height: 100%; display: inline-block; vertical-align: top; }
.i3 .T p { line-height: 1.5; font-size: 16px; color: #666; margin-top: 1%; text-align: center; }
.i3 figure { position: relative; z-index: 0; }
.i3 figure img { height: 100%; }
.i3 .B a { color: #fff; display: block; overflow: hidden; transition: 0.3s linear 0s; }
.i3 .B .L { width: 50%; perspective: 1000px; }
.i3 figcaption { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; }
.i3 figcaption h3 { font-weight: normal; font-size: 1.3vw; position: absolute; left: 1.8vw; bottom: 1.8vw; z-index: 1; }
.i3 figcaption span { position: absolute; font-size: 3.6vw; right: 1.8vw; top: 1.8vw; z-index: 1; }
.i3 figcaption img { transform: scale(0.4); position: absolute; transition: 0.3s linear 0s; box-shadow: 0 0 20px 0 rgba(0,0,0,0.5); transform-origin: bottom right; }
.i3 .v-more { text-align: center; background: url(../images/img5.jpg) no-repeat top center #cfa748; background-size: cover; color: #fff; text-transform: uppercase; }
.i3 .v-more:after { border-color: transparent transparent transparent #fff; border-width: 0.6vw 0 0.6vw 0.8vw; margin-left: 20px; vertical-align: middle; transition: 0.3s ease 0s; }
.i3 .v-more span { font-size: 1.3vw; }
/*i4*/
.i-news a { position: relative; z-index: 0; display: block; width: 100%; transition: 0.3s ease 0s; }
.i-news img { width: auto; transition: 0.5s linear 0s; height: 100%; margin-left: 50%; transform: translateX(-50%) scale(1); }
.i-news i { display: block; width: 100%; height: 17vw; overflow: hidden; }
.news-text { padding: 6% 6% 12%; border-left: 1px solid #e8e8e8; box-sizing: border-box; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.news-text b span { font-size: 12px; color: #666; text-transform: uppercase; }
.news-text b:after { vertical-align: middle; border-color: transparent transparent transparent #cfa748; margin-left: 10px; border-width: 6px 0 6px 8px; }
.news-text h3 p { transition: 0.3s ease 0s; width: calc(87% - 91px); font-size: 16px; font-weight: normal; margin-right: 13%; color: #444; }
.i-data .B { font-size: 34px; margin-top: 3px; }
.i-data .T { font-size: 14px; }
.i-news { margin-top: 3.5%; }
.i-data { font-family: "微软雅黑"; left: 0; z-index: 0; background: #cfa748; background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, rgba(255,120,120,1)), color-stop(100%, rgba(255,51,58,1))); color: #fff; text-align: center; position: absolute; top: 0; left: 0; padding: 15px 20px; }
.news-text>p { margin-top: 2%; font-size: 14px; color: #666; line-height: 2.1; -webkit-line-clamp: 3; max-height: 80px; }
.news-text h3 { border-bottom: 1px solid #e8e8e8; padding-bottom: 5%; }
#i-news .i4-pagination span:before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; background: #cfa748; border-radius: 50%; margin-left: -6px; margin-top: -6px; }
#i-news .i4-pagination span[class*=active] { border-color: #cfa748; }
#i-news .i4-pagination span { margin: 0 15px; width: 20px; height: 20px; background: #fff; border: 1px solid transparent; position: relative; z-index: 0; border-radius: 50%; opacity: 1; }
.i4-pagination { margin-top: 3%; text-align: center; }
/*i5*/
.i5 { padding: 3% 0 5%; background: url(../images/i11.png) no-repeat top center #f5f5f5; width: 100%; margin-top: 4%; overflow: hidden; }
.i5 .T p { text-align: center; font-size: 16px; color: #444; margin-top: 1%; }
.i2-icon, .i2 .T, .i2 .B, .news-text h3, .news-text b { font-size: 0; }
.i1 .T li:first-child, .i2-icon img:first-child { margin-left: 0; }
.PhotoList_h1 li { transition: 0.3s ease 0s; height: 6.5vw; font-size: 0; text-align: center; background: #f9f9f9; border: 1px solid #e8e8e8; box-sizing: border-box; }
.PhotoList_h1 li:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.i5 .B { margin-top: 2.5%; }
.PhotoList_h1 img { display: inline-block; vertical-align: middle; max-height: 52%; max-width: 80%; }
.PhotoList_h1 p, .i2 .B a img {  }
@media screen and (min-width: 1024px ) {
.i-news a:hover .news-text h3 p { color: #cfa748; }
.i2 .B a:hover { box-shadow: 5px 5px 10px 0 rgba(207,167,72,0.2); margin-top:-10px }
.i2 .B  span{transition:All 0.4s ease-in-out;}
.i2 .B a:hover span{ transition:All 0.4s ease-in-out; margin-right:5px}
.i2 .B a:hover figcaption>div { }
.i3 .B a:hover { color: #444; }
.i3 .B a:hover figcaption img { transform: scale(1); }
.i3 .B .v-more:hover span, .i3 .B .v-more:hover { color: #fff; }
.i3 .B .v-more:hover:after { transform: translateX(10px); }
.i-news a:hover { box-shadow: 5px 5px 15px 0 rgba(207,167,72,0.1); }
.i-news a:hover img { transform: translateX(-50%) scale(1.1); }
.PhotoList_h1 li:hover { border-color: #cfa748; }
.i2 .B a:hover .SJ-L:after { margin-left: 0px; }
}
@media screen and (max-width: 1400px ) {
.i-data { padding: 10px 15px; }
.i2 .about-us span, .i-data .T { font-size: 12px; }
.i1 .T h4 { font-size: 16px; }
.i1 .B span { font-size: 28px; }
.i-data .B { font-size: 24px; }
.i1 .B em, .i2 .T .L p, .i3 .T p, .i5 .T p { font-size: 15px; line-height:30px }
.i1 .T i { max-width: 45px; max-height: 45px; }
.i1 .T li>div { width: calc(100% - 60px); }
.i2-icon img { height: 36px; }
.i2 .T .L p {  }
.i2 .about-us:before { margin: 0 auto 15px; }
.i1 .T p { font-size: 12px; margin-top: 5px; }
.i2 .about-us:after { height: calc(62.5% - 101px); margin: 15px auto 0; }
.news-text>p { -webkit-line-clamp: 2; max-height: 51px; }
}
@media screen and (max-width: 1024px ) {
.i-news i { height: 30vw; }
.i2 figcaption span { font-size: 1.5vw; }
.i2 figcaption :after { border-width: 0.6vw 0 0.6vw 0.8vw; }
.i2-title, .i2-text { padding-left: 7%; }
.i2 .T .L { width: 45%; }
.i2 .T .R { width: 46%; padding-right: 3%; margin-left: 6%; }
.i2 .T:after, .i2 .about-us { right: 1.5%; }
.i2 .B a { width: 9.8vw; height: 9.8vw; }
.i2-title h3 { font-size: 2.5vw; }
.i2-title span { font-size: 1.8vw; }
.i3 .v-more span, .i3 figcaption h3 { font-size: 2vw; }
.i2 .since1992 { right: 49%; }
.i2 .T .L p { max-height: 65px; }
.PhotoList_h1 li { height: 11.5vw; }
}
 @media screen and (max-width: 720px ) {
.i2 figcaption span { font-size: 3.8vw; }
.i2 .T { padding-bottom: 0; }
.i1 { background: none; padding-bottom: 0; }
.i1 .T { padding: 7vw 0; }
.i1 .T li { max-width: none; margin-left: 0; width: 25%; }
.i1 .T i { max-width: none; max-height: none; height: 7.5vw; width: 8.5vw; display: block; margin: 0 auto; text-align: center; }
.i1 .T i img { display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; width: auto; }
.i1 .T i:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.i1 .T li>div { width: 100%; text-align: center; margin-top: 1.5vw; }
.i1 .T h4, .i3 .v-more span { font-size: 4.2vw; }
.BannerShow_b1 .banner-pagination { font-size: 0; bottom: 21.5%; }
#BannerShow_b1 .swiper-pagination-bullet { width: 5vw; }
.i2 .T .L, .i3 .B .L { width: 100%; }
.i2 .T .R { width: 100%; padding-right: 0; margin-left: 0; margin-top: 7vw; }
.i2-title h3 { font-size: 6.4vw; }
.i2-title span { font-size: 5.2vw; margin-top: 2vw; }
.i2-title, .i2-text { padding: 0 3%; }
.i2 .T .L p { font-size: 4.4vw; max-height: none; -webkit-line-clamp: 99; }
.i2-text { padding-top: 5vw; margin-top: 5vw; }
.i2 .B a { width: 25vw; height: 25vw; margin-left: 10.1%; }
.i2 .B a:first-child { margin-left: 0; }
.i2 figcaption>div { opacity: 1; transform: translateX(0) rotateZ(0deg); }
.i2 figcaption :after { }
.i2 .B { margin-top: 9.5vw; }
.i2 .public-a { margin-top: 8vw; }
.i2 { padding: 0 0 9.5%; border-bottom: 5px solid #efefef; }
#i2-swiper .i2-pagination span { width: 10px; height: 10px; margin: 0 5px; }
.i3, .i4 { margin-top: 11%; }
.i3 .B .R { position: static; width: 100%; height: auto; }
.i3 .B { margin: 5.5% auto 0; width: 94%; }
.i3 figcaption h3 { font-size: 4.2vw; left: 5vw; bottom: 5vw; }
.i3 .B li { height: auto; z-index: 0; position: relative; }
.i3 .v-more { position: absolute; right: 0; top: 0; z-index: 0; }
.i3 .v-more:after { border-width: 1.8vw 0 1.8vw 2.5vw; margin-left: 2.5vw; }
.news-text { padding: 4% 7% 7%; border: none; }
.i-news a { box-sizing: border-box; border: 1px solid #e8e8e8; }
.news-text h3 p { width: 100%; font-size: 4.4vw; margin-right: 0; }
.news-text>p { -webkit-line-clamp: 3; max-height: none; font-size: 3.8vw; line-height: 1.8; margin-top: 3%; }
.news-text h3 { padding-bottom: 3%; }
.i-news { margin-top: 9%; }
.i4 .public-a { margin-top: 8%; }
#i-news .i4-pagination span { margin: 0 5px; width: 10px; height: 10px; }
#i-news .i4-pagination span:before { width: 6px; height: 6px; margin-left: -3px; margin-top: -3px; }
.i5 { padding: 11% 0 16%; margin-top: 10vw; }
.PhotoList_h1 li { height: 18vw; }
.i5 .B { margin-top: 7%; }
.i2-title { margin-top: 0; }
.i5 .T p, .news-text b, .i-news i, .i-data, .i3 figcaption span, .i3 .T p, .banner-btn, .banner-pagination:before, .banner-pagination:after, .i1 .B, .i1 .T p, .i2:before, .i2-icon, .i2 .since1992, .i2 .T:after, .i2 .about-us, .i2 .T .public-a, .i2 .B i,.i3 figcaption img { display: none; }
}
.public-a {
    transition: 0.3s ease 0s;
    color: #666;
    overflow: hidden;
    font-size: 0;
    display: block;
    width: 164px;
    text-align: center;
    text-transform: uppercase;
    height: 44px;
    border: 1px solid #cfa748;
    line-height: 44px;
    border-radius: 99px;
}.SJ-L:after, .SJ-B:after, .SJ-BL:after {
    content: '';
    display: inline-block;
    border-style: solid;
    width: 0;
    height: 0;
    margin-left: 5px;
}.public-a span {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
}.public-a:after {
    transition: 0.3s ease 0s;
    margin-left: 20px;
    border-color: transparent transparent transparent #cfa748;
    border-width: 8px 0 8px 12px;
    vertical-align: middle;
}.L-R:before {
    width: 0;
    top: 0;
    height: 100%;
    background: #cfa748!important; 
}.public-a {
    width: 144px!important;
    height: 36px;
    line-height: 36px;
}