﻿@charset "utf-8";  /*ljcong 2018.6.20*/
html, body, title, head, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, font, span, div{font-family: '思源黑体';}
* { margin: 0; border: 0; padding: 0; box-sizing:border-box; }
body {font-size: 14px;line-height:1.2;  }
a { color: inherit; outline: none; text-decoration: none;}
ul, li, ol { list-style-type: none; }
input, textarea, button, select{font-size:14px;}
input, textarea, button, select,input[type=submit],input[type=reset],input[type=button],input[type=text] {outline: none; border-radius:0;}
input[type='button'], button {  cursor:pointer;}
textarea { resize: none; }
img {
	/* [disabled]display: block; */
}
i { font-style: normal; }
b { font-weight: normal; }
/*宽度*/
.imgW-100,.w-100{width:100%;}
.w-1200{width:62.5%;}
.w-1400{width:73%;}
.w-1600{width:84%;}
.imgW-100 {transition: 0.5s linear 0s; }
.w-1200,.w-1400,.w-1600{margin:0 auto;}
.w-50 { width: 50%; }
/*字体*/
.font-over1 { display:block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-over2 { word-break:break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/*对齐方式*/
.dis-t, .dis-m, .dis-b { display: inline-block; }
.dis-t { vertical-align: top; }
.dis-m { vertical-align: middle; }
.dis-b { vertical-align: bottom; }
.v-align-m1,.v-align-m2{font-size:0;}
.v-align-m1:before, .v-align-m2:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}
/*显示/隐藏尺寸*/
.pc, .pc-720{ display: block; }
.mob, .mob-720{ display: none; }
/*三角形*/
.SJ-L:after,.SJ-B:after,.SJ-BL:after{ content: ''; display: inline-block; border-style: solid;width: 0; height: 0;margin-left: 5px;}
/*向左*/
.SJ-L:after { border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; }
/*向下*/
.SJ-B:after { border-color: #000 transparent transparent transparent; border-width: 4px 5px 0px 5px;}
/*向左下*/
.SJ-BL:after {border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px;}
/*浮动*/
.clear { display: inline-block; vertical-align: top; width: 100%; }
.float-R { float: right; }
.float-L { float: left; }
/*IE8透明度*/
.opacity50 { opacity: 0.5; filter: Alpha(opacity=50); }
/*通用背景*/
.public-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 0; }
[id*='public-bg']{display:none;}
/*定位*/
.pos-r{position:relative; z-index:0;}
@media screen and (min-width: 721px) {}
@media screen and (max-width: 1024px) {
.pc { display: none; }
.mob { display: block; }
.w-1200,.w-1400,.w-1600{width:92%;}

input, textarea, button, select,input[type=submit],input[type=reset],input[type=button],input[type=text] {appearance: none; -webkit-appearance: none; -moz-appearance: none; }

}
@media screen and (max-width: 720px) {
.pc-720 { display: none; }
.mob-720 { display: block; }
}

/*video*/
.video.video-a2{ 
	height: 100vh;  width: 100%; z-index: 9999999; transition: all 0.5s;
	position: fixed;
	/*下面的属性根据实际需求更改*/
	left: 70%;
	top: 65%;
}
.video.video-a2 .ind4-a5{width: 400px;}
.video .guanbi{position:absolute;top:5px;right:5px;opacity: 0}
.video-a2 .guanbi{opacity:1;background-color: rgba(255,255,255,0.4);padding: 0 5px;}

@media only screen and (max-width: 1479px) and (min-width: 1200px) {
	.video.video-a2 .ind4-a5{width: 330px;}
	.video.video-a2{left: 65%;}
}
/*photo*/
/*[class*="PhotoList"] {
width: 100%;
transition: 0.3s ease 0s;
font-size: 14px;
}
[class*="PhotoList"] ul { font-size: 0; }
[class*="PhotoList"] li {padding :0 1%; font-size: 16px; transition: 0.3s ease 0s; margin-bottom: 3%; background: #fff; display: inline-block; vertical-align: top; box-sizing: border-box; }
[class*="PhotoList"] li a { font-size: 0; background: #f5f5f5; text-align: center; display: block; height: 13vw; overflow: hidden; }
[class*="PhotoList"] img, .ProductDetail_a1 .Pimg img { display: inline-block; vertical-align: middle; transition: 0.5s linear 0s; height: 100%; width: auto; margin-left: 50%; transform: translateX(-50%) scale(1); max-height: none; max-width: none; }
[class*="PhotoList"] h4 { display: none; }
[class*="PhotoList"] li span { color: #999; white-space: nowrap; transition: 0.3s ease 0s; display: block; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; font-size: 16px; padding: 6% 10px; box-sizing: border-box; border: 1px solid #f5f5f5; }*/





.siper-btn a { text-transform: capitalize; color: #02497d; font-size: 18px;  }
.siper-btn a[class*="right"] { margin-left: 5px; }
.siper-btn i { width: 20px; height: 1px; background: #003366; }
.siper-btn .swiper-pagination { margin: 0 10px; position: static; width: auto; font-size: 24px; color: #d1b27b; }
.siper-btn .swiper-pagination span:before { content: '0'; }
.siper-btn a[class*="left"] { margin-right: 5px; }

/*i4*/
.i4 .RBL .siper-btn {position: absolute;bottom: 2%;}
.i4 .RTR { position: absolute; right: 0; top: 50%; z-index: 0; opacity: 0; transform: translate(0, -50%); transition: 0.3s ease 0s; }
.i4 .RTL p { font-size: 2.5vw; color: #0965af; }
.i4 .RB, .i5 .RT { overflow: hidden; }
.i4 .RTL span { font-size: 1vw; color: #66cc33; text-transform: uppercase; margin-top: 10px; display: block; }
/*.i4 .R { padding: 5%;  }*/
/*.i4 .i-box { left: 4%; width: 96%; }*/
.i5 .i-box { padding: 0 4% 0 0; }
.i4 .i-title i, .i5 .i-title i { background: #fff; }
.i4 .i-title span, .i5 .i-title span { color: #fff; }
.i4 .RBL { /*padding: 2% 0 0 8%;*/ width: 100%; }
/*.i4 .RBL li i, .i5 .RB li i { height: 1vw; width: 1vw; margin-right: 1vw; }
.i4 .RBL li a span, .i5 .RB li a span { transition: 0.3s ease 0s; font-size: 1.25vw; color: #666; }*/
.i4 .RBR { width: 100%; position: relative; z-index: 0; }
.i4 .RBL li.on {  color: #fff; background: #d1b27b}
/*.i4 .RBL li.on a:after, .i5 .RB li.on a:after { display: inline-block; }*/



.bg4-img1 { position: absolute; left: 0; z-index: 0; width: 6.5%; top: 2vw; }
.i4 .RT { margin-right: 4vw; margin-left: 5vw; }
.i4 .RBL .siper-btn>div, .i4 .RBR>div, .i5 .LT>div, .i5 .siper-btn>div { position: absolute; width: 100%; opacity: 0; transform: scale(1, 0); transform-origin: top; top: 0; left: 0; }
.i4 .RBL .siper-btn>div.on, .i4 .RBR>div.on, .i5 .LT>div.on, .i5 .siper-btn>div.on { transition: transform 0s ease 0s, opacity 1s linear 0s; position: static; opacity: 1; transform: scale(1); }

.i4 .page, .i4 #load_more_button, .i5 .page, .i5 #load_more_button, .i5 .newimg, .i5 .data i, .i3 .LL>div, .i3 .LL .i3-bg, .nav1 { display: none; }
.i6 .RL li:first-child { margin-top: 0; }
.bs li:not(:first-child) { margin-left: 1.2vw; }
.main-pagination span:not(:first-child) { margin-top: 0.5vw; }

@media screen and (min-width: 721px ) {

.i4 .RTR, .banner-text-box { opacity: 0; transform: translate(100%, -50%); transition: 0.3s ease 0s; }
.i4[class*="active"] .RTR { opacity: 1; transform: translate(0, -50%); transition: 0.8s ease 0s; }

}
@media screen and (min-width: 1025px ) {

}
@media screen and (min-width: 1200px ) {
}
@media screen and (max-width: 1600px ) {
.i4 [class*="PhotoList"] h4 { font-size: 18px; }

.siper-btn .swiper-pagination { font-size: 20px; }
}
@media screen and (max-width: 1400px ) {

.siper-btn .swiper-pagination { font-size: 18px; }

}
@media screen and (max-width: 1200px ) {
.i4 [class*="PhotoList"] h4 { font-size: 14px; }
}
@media screen and (max-width: 1024px ) {

.i4 .RBL li.on a span, .i5 .RB li.on a span, .i4 .RBL li a:after, .i5 .RB li a:after { font-size: 2.5vw; }

.i4 .RBL li i, .i5 .RB li i { height: 2vw; width: 2vw; }
.i4 .RBL { }

}


.ind-erweima1{text-align: center;margin-top:5px; color:#fff}
.ind-erweima2{float:right;margin-left:10px;}

.ind5-b31-shouji{display: none;}
.ind5-b31{display: block;}





@media only screen and (min-width: 1480px){
	    .lfy_ts{font-size: 16px;line-height: 16px;color: #fff;text-align: right;margin-top: 20px;}
        
        .tishi_text{font-size: 18px;line-height: 0.3rem;color: #fff;margin-bottom: 0.2rem;text-align: right;}

    }
    @media only screen and (max-width: 1479px) and (min-width: 1024px){
	    .lfy_ts{font-size: 16px;line-height: 16px;color: #fff;text-align: right;margin-top: 20px;}
        
        .tishi_text{font-size: 18px;line-height: 0.3rem;color: #fff;margin-bottom: 0.2rem;text-align: right;}
    }
    @media only screen and (max-width: 1023px){
	    .lfy_ts{display: none;}
        
        .tishi_text{font-size: 0.3rem;line-height: 0.3rem;color: #fff;margin-bottom: 0.2rem;}
    }


.ft1-a12 div span{display: none;}

@media screen and (max-width: 720px ) {

.i4 .i-box { padding-top: 7vw; width: 90%; left: 5%; position: absolute;}
.i4 .RT, .i5 .RT { margin: 0 auto; width: 80%; }

.i4 .RTL span { font-size: 4.4vw; margin-top: 1vw; }
.i4 .RT { margin-left: 0; }

.i4 [class*="PhotoList"] li:first-child { width: 100%; }
.i4 [class*="PhotoList"] li:first-child a { height: 55.5vw; }
.i4 [class*="PhotoList"] li { width: 52vw; padding: 1.5vw 0 0 0; }
.i4 [class*="PhotoList"] li img { min-width: 100%; }

.i4 [class*="PhotoList"] li a { height: 42vw; }
.i4 [class*="PhotoList"] li span { font-size: 3.8vw; }
.i4 [class*="PhotoList"] li span:before { width: 11%; }
.i4 .R, .i6 .R { width: 100%; padding-left: 0; }

.siper-btn i { width: 3vw; }

.i4 .a-btn { text-align: center; margin-top: 8vw; }

.i4 .RBL li i, .i5 .RB li i { height: 4vw; width: 4vw; margin-right: 2vw; }
.siper-btn .swiper-pagination { font-size: 5vw; margin: 0 1.5vw; }
.i4 .RBL .siper-btn { margin-top: 2vw; }
.siper-btn a[class*="left"] { margin-right: 1vw; }
.siper-btn a[class*="right"] { margin-left: 1vw; }

.i4 .RBL li, .i5 .RB li{ margin-top: 2vw; }
.i4 .RBR { width: 100%; display: block; }
.t1-c2-750{color: #fff;}
.t1-c3-750 .t1-c3-span{color: #fff !important;}
.product-name ul .li{width: 33%;height: 40px;margin-right: 0.5%;text-align: center;}
.product-name ul .li:nth-child(3n){margin-right: 0}
.product-name ul .li a{ padding: 12px 0; line-height: 40px;font-size: 14px;text-align: center;}
.ind5-b1{width: 100%}
.ind5-b1 .jb-shouji{
	width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
}
.ind5-b3{top: 0.6rem}
.ind5-b31-shouji{width: 100%;min-height: 150px;margin-top: 0.4rem;color: #fff;line-height: 1.7}
.i4 .RBL .siper-btn{top:10rem;}
.siper-btn a{color: #fff}
.ind5-a2{height: 11rem}
.siper-btn i{background: #fff;}
.ind8-a1{height: 12rem}
.ind8-a3{
	width: 90%;
    position: absolute;
    top: .7rem;
    left: 5%;
}
.newsbox{width: 100%;}
.ind8-b2 {
	height: 2.5rem
}
.ind8-b6{top:calc(1.7rem);left:0.2rem;}
.ind8-b8>div:nth-child(1){color: #fff;line-height:0.4rem;}
.ind8-b3{padding:0.3rem 0.2rem 0.3rem 1.2rem}
.ind8-b4{
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.ind8-b11{width: 100%}
.ind8-b11:nth-child(1){margin-top: 6px;}
.ind-erweima1{float: left;}
.ind-erweima2{float: left;}
.ft1-a9{display: none;}
.meiweizhida{display: none;}
.ind4-a1{padding-top: 0.6rem}
.ind9-c1 .ind9-b5{display: block;}
.ind9-c2{top: 160px;left: 150%;transform: rotate(8deg);transition: 0.5s;opacity: 1;}
.ind9-c3{top: 144px;left: 50%;transform: rotate(0);transition: 0.5s;opacity: 1;}
.ind9-c4{top: 156px;left: -50%;transform: rotate(5deg);transition: 0.5s;opacity: 1;}
.ind9-c5{top: 140px;left: calc(50% - 210px*3/2);transform: rotate(4deg);transition: 0.5s;opacity: 1;}
.ind9-c6{top: 146px;left: calc(50% - 200px*5/2);transform: rotate(-2deg);transition: 0.5s;opacity: 0;}
.t1-c2{font-size: 0.2rem}
.t1-c3>span:nth-child(1){font-size: 0.3rem;line-height:0.3rem;}
.t1-c3{height: 0.3rem}
.t1-c3>span:nth-child(2){font-size: 0.16rem;line-height: 0.3rem;}
.ind4-a4{font-size: 0.2rem;line-height:0.4rem;margin-bottom:70px}
.ind4-a2 .t1-c1{margin-bottom:0.2rem;}
.ind4-a1{height: 10rem}
.ind9-a1{height: 298px;position: absolute;bottom: -70px;}
.ind9-b4,.ind9-b3{font-size: 0.2rem;}
.t1-b21{font-size: 0.2rem;line-height: 0.2rem;}
.t1-b31{font-size: 0.3rem;line-height: 0.3rem;}
.t1-c4{top:0.1rem;}
.i4 .RBL li.on a span, .i5 .RB li.on a span, .i4 .RBL li a:after, .i5 .RB li a:after{font-size:14px}
.ind5-b31-shouji{display: block;}
.ind5-b31{display: none;}
.ind5-b1:hover .ind5-b31{display: none}
.ind5-a3{height: 11rem;}
.tishi_text{font-size: 0.2rem}
.ft1-a12 div{font-size: 0.1rem;line-height: 2}
.ft1-a12 div span{display: block;line-height: 1px;font-size: 1px}




}






/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#1b2656;background:#1b2656;color:#fff;}
.pagelist li.active a{border-color:#1b2656;background:#1b2656;color:#fff;}



@media screen and (max-width: 720px ) {
.ind5-b3122{display: none}
.ind5-b1:hover .ind5-b3122{display: none}
}



.about-more-a1{font-size:16px;color:#fff;margin:auto;margin-top:30px;}
.about-more-a2{border:1px solid #fff;width:20%;padding:10px;text-align:center}
@media screen and (max-width: 720px ) {
.about-more-a2{border:1px solid #fff;width:40%;padding:10px;text-align:center}
}











