@import 'jquery.pagepiling.css';
/*@font-face { font-family: "pmingliu_1_"; src: url("font/pmingliu_1_.woff2") format("woff2"), url("font/pmingliu_1_.woff") format("woff"), url("font/pmingliu_1_.ttf") format("truetype"), url("font/pmingliu_1_.eot") format("embedded-opentype"), url("font/pmingliu_1_.svg") format("svg"); }*/
html { font-size: 14px; -webkit-font-smoothing: antialiased }
body { font-family: pmingliu_1_; font-size: 1rem; font-weight: 400; letter-spacing: .025em; line-height: 1.9428; color: #333333; -webkit-overflow-scrolling: touch }
::-webkit-scrollbar {
width:8px;
height:8px
}
::-webkit-scrollbar-thumb {
cursor:pointer;
background:#51251e
}
::selection { background-color: #51251e; color: #fff }
-webkit-::selection { background-color: #51251e; color: #fff }
::-moz-selection {
background-color:#51251e;
color:#fff
}
img { vertical-align: top; }
.fl{ float:left;}
.fr{ float:right;}
h1, .h1 { font-family: pmingliu_1_; font-weight: 700; font-size: 3.428rem; line-height: 1.2; font-weight: 600; letter-spacing: -.025em; margin:0 0;}
h2, .h2 { font-family: pmingliu_1_; font-weight: 600; font-size: 2.571rem; line-height: 1.166; letter-spacing: 0; }
h3, .h3 { font-family: pmingliu_1_; font-weight: 600; font-size: 2.142rem; line-height: 1.2; letter-spacing: -.05em; }
h4, .h4 { font-family: pmingliu_1_; font-weight: 600; font-size: 1.714rem; line-height: 1.25; letter-spacing: .025em; }
h5, .h5 { font-family: pmingliu_1_; font-weight: 600; font-size: 1.571rem; line-height: 1.1; letter-spacing: 0;}
h6, .h6 { font-family: pmingliu_1_; font-weight: 600; font-size: 1.285rem; line-height: 1.3333; letter-spacing: 0;}
html, body, div, p, span, object, a, img, strong, dl, dt, dd, ol, ul, li, form, label, footer, header, nav { margin: 0; padding: 0; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: inherit }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { text-decoration: none }
strong { font-weight: 600 }

blockquote { font-size: 1.714rem; letter-spacing: .025em; line-height: 1.5; padding: 0; width: 80%; padding-left: 6.8rem; border-left:.3rem solid #f3ca2f;
margin-top: 5rem; color: #fff }
cite { display: block; color: #fff; font-weight: 600; letter-spacing: 0; font-style: normal }
a { color: #333333; -webkit-transition: color .3s ease-out; -o-transition: color .3s ease-out; transition: color .3s ease-out; text-decoration: none; }
a:hover { color: #51251e; outline: none; text-decoration: none; }
a:focus { text-decoration: none }
ul li { list-style: none; }
input[type=text], input[type=address], input[type=url], input[type=password], input[type=email], input[type=search], input[type=tel], textarea { display: inline-block; width: 100%; font-size: 1rem; border: 0; border-radius: 0; 
-webkit-box-shadow: 0 0 25px rgba(0,0,0,.5); box-shadow: 0 0 25px rgba(0,0,0,.5); -webkit-appearance: none; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
textarea {
resize: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
input[type=text]:focus, input[type=address]:focus, input[type=url]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=tel]:focus, textarea:focus { border-color: #f3ca2f; outline: 0; color: #fff }
input::-moz-placeholder {
color:#999;
opacity:1
}
input:-ms-input-placeholder {
color:#999
}
input::-webkit-input-placeholder {
color:#999
}
textarea::-moz-placeholder {
color:#999;
opacity:1
}
textarea:-ms-input-placeholder {
color:#999
}
textarea::-webkit-input-placeholder {
color:#999
}
.form-group { margin-bottom: 30px }
label.error { color: #fff; margin:.8rem 0 0
}
.animsition { position: absolute; z-index: 100; left: 0; width: 100%; top: 0; height: 100% }
.loader { position: fixed; overflow: hidden; z-index: 101; left: 0; top: 0; width: 100%; height: 100%; background: #272727; color: #4b4b4b; text-align: center }
.spinner { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #51251e; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out }
.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }
@-webkit-keyframes sk-bounce { 0%, 100% {
-webkit-transform:scale(0)
}
50% {
-webkit-transform:scale(1)
}
}
@keyframes sk-bounce { 0%, 100% {
transform:scale(0);
-webkit-transform:scale(0)
}
50% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
/*右侧点点排版*/
#pp-nav { z-index: 100; width: 2.1428rem; margin-top: 0!important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 1.7rem }
#pp-nav .pp-nav-up, #pp-nav .pp-nav-down { display: none; font-size: 2.1428rem; cursor: pointer; color: #000; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#pp-nav .pp-nav-up { margin-bottom: 3.5rem }
#pp-nav .pp-nav-down { margin-top: 3.5rem }
#pp-nav li, .pp-slidesNav li { margin: 1.928rem auto; width: 10px; height: 10px }
#pp-nav span, .pp-slidesNav span { left: 0; top: 0; cursor: pointer; width: 9px; height: 9px; background: #000; border: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#pp-nav .pp-nav-up:hover, #pp-nav .pp-nav-down:hover, #pp-nav.white .pp-nav-up:hover, #pp-nav.white .pp-nav-down:hover { color: #51251e }
#pp-nav.white .pp-nav-up, #pp-nav.white .pp-nav-down { color: #fff; }
#pp-nav.white span, .pp-slidesNav span { background: #fff; border:1px #51251e solid; }
#pp-nav li .active span, .pp-slidesNav .active span, #pp-nav span:hover, .pp-slidesNav span:hover { background: #51251e; }
#pp-nav li .active span, .pp-slidesNav .active span { transform: scale(1.5) }
.pagepiling .section { }
.pagepiling .pp-scrollable { padding: 0; overflow-x: hidden }
.pp-scrollable .vertical-centred { padding-top: 10.3rem; padding-bottom: 6rem }
/******************/
.m_img { height: 100px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; padding: 16px 0; overflow: hidden; }
.m_imgv { height: 100px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; padding: 16px 0; overflow: hidden; background-color: rgba(0,0,0,0.5); }
.m_img .headlf { padding-left: 5%; float: left; }
.m_img .headlf a { height: 70px; display: block; padding-top: 15px; }
.m_img .headrg { padding-right: 5%; float: right; }
.m_img .headrg a .m_menuimg { height: 100px; vertical-align: top; display: block }
.m_img .lan{ margin-right:3%; float: right; font-size:16px; color:#FFF; height: 100px; line-height:100px;}
.m_img .lan a{ color:#FFF;}
.m_nav { display: block; position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 10000 }
.m_nav .closecover { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; left: 0px; top: 0px; z-index: 1 }
.m_nav .closeicon { position: absolute; width: 20%; right: 0; top: 5%; z-index: 1000; text-align: left; filter: alpha(opacity=0); opacity: 0 }
.m_nav .m_navList { position: absolute; width: 100%; right: 0px; top: 10%; height: 100%; z-index: 100; overflow-y: scroll; }
.m_nav .m_navList ul { text-align: center; }
.m_nav .m_navList ul li { border-bottom: 1px solid #232530;}
.m_nav .m_navList ul li a { width: 100%;  display:inline-block; height: 45px; color: #fff; line-height: 45px; font-size: 18px; }
.m_nav .m_navList ul li .m_f_a { display: flex; align-items: center; justify-content: space-between; position:relative;}
.m_nav .m_navList ul li .m_f_a a { width: 100%; display:inline-block; text-align:center; }
.m_nav .m_navList ul li .m_f_a i { width: 20%; height: 45px; box-sizing: border-box; display:inline-block; position:absolute; z-index:5; right: 0px; top: 0px; }
.icon { background: url(../images/plus.png) no-repeat center left; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
.icon_on { background: url(../images/reduce.jpg) no-repeat center left; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
.m_nav .m_navList ul li .m_s_nav { display: none; width: 100%; }
.m_nav .m_navList ul li .m_s_nav a { display: block; height: 40px; line-height: 40px; font-size: 14px; padding-left: 10%; overflow: hidden; white-space: nowrap; width: 90%; text-overflow: ellipsis; }
@media screen and (max-width: 1024px) and (min-width: 0px) {
.m_img { height: 40px; padding: 10px 0; }
.m_img .headlf a { height: 40px; padding-top: inherit; }
.m_img .headrg a .m_menuimg { height: 40px; vertical-align: top; display: block }
.m_img .lan{ height: 40px; margin-right:5%; line-height:40px;}

}
/*******section-2*********/
.section-2 { width: 100%; height: 100%; position: absolute; background-image: url(../images/bg1.jpg); background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: cover; }
.section-2 .bzd { width: 6.8%; overflow: hidden; float: left; margin-left: 10%; padding-top: 12%; }
.section-2 .abo { width: 29%; overflow: hidden; float: left; margin-left: 1.875vw; padding-top: 12%; text-align:left; }
.section-2 .abo dt { font-size: 2.8vw; line-height: normal; font-style: italic; font-weight: bolder; color: #FFF; font-family: "Arial Black"; }
.section-2 .abo dd { color: #cccccc; line-height: 2vw; padding-top: 30px; }
.section-2 .abo dd a { color: #cccccc; }
@media screen and (max-width: 1024px) and (min-width: 0px) {
.section-2 .bzd { padding-top: 40%; margin-left: 5%; }
.section-2 .abo { width: 80%; margin-left: 1.4%; padding-top: 30%; }
.section-2 .abo dt { font-size: 30px; }
.section-2 .abo dd { line-height: 24px; }
}
/*******section-3*********/
.section-3 { width: 100%; height: 100%; position: absolute; z-index:1000; }
.section-3 .ysp { width: 50%; float: left; height: 100%; position: relative; }
.section-3 .ysp .ysz { width: 10.6%; overflow: hidden; float: left; margin-left: 5.2%; padding-top: 60%; }
.section-3 .ysp .ys_l { width: 58.4%; overflow: hidden; float: left; margin-left: 2.3%; padding-top: 16%; }
.section-3 .ysp .ctw { width: 31.25%; overflow: hidden; position: absolute; bottom: 17.5%; right: 5.4%; z-index: 10; color: #FFF; text-align: center; letter-spacing: 5px; font-size: 2.1vw; }
.section-3 .ysp .ctw dt { width: 100%; padding: 4px 0; background: #9d7a5f; margin-bottom: 16px; }
.section-3 .ysp .ctw dd { width: 100%; padding: 4px 0; background: #241d13; }
.section-3 .ys_r { width: 50%; float: right; height: 100%; }
.section-3 .ys_r dt { width: 100%; height: 100%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: cover; }
.section-3 .ys_r dd { width: 22%; overflow: hidden; background: url(../images/ysbg.png) repeat; text-align: center; position: absolute; top: 30%; right: 13.8%; z-index: 10; padding: 2.8rem 0; line-height: normal; }
.section-3 .ys_r dd span { font-size: 14px; display: block; font-family: Arial; }
.section-3 .ys_r dd h4 { margin: 0 0; padding-top: 10px; font-size: 2.5rem; }
.section-3 .ys_r dd .cpm { width: 50%; margin: 0 auto; padding: 1.75rem 0 0 0; }
.section-3 .ys_r dd p { margin: 0 0; padding: 10px 0 0 0; }
.section-3 .ys_r dt span { display: none; }
@media screen and (max-width: 1024px) and (min-width: 0px) {
.section-3 .ysp { width: 100%; float: inherit; height: 50%; }
.section-3 .ys_r { width: 100%; float: inherit; height: 50%; overflow: hidden; position: relative; }
.section-3 .ys_r dt { background: none; }
.section-3 .ys_r dt span { width: 100%; display: block; }
.section-3 .ys_r dd { width: 70%; overflow: hidden; left: 15%; top: 6%; padding: 10px 0; }
.section-3 .ys_r dd .cpm { width: 60%; }
}
/*******section-4*********/
.section-4 { width: 100%; height: 100%; position: absolute; z-index:1000; background:#FFF; }
.cont { position: relative; overflow: hidden; height: 100vh; padding: 0 0; }
.cont__inner { position: relative; height: 100%; }
.cont__inner:hover .el__bg:after { opacity: 1; }
.el { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #252525; -webkit-transition: width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s; transition: width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s; transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s; transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s; will-change: transform, width, opacity; }
.el:not(.s--active) { cursor: pointer; }
.el__overflow { overflow: hidden; position: relative; height: 100%; }
.el__inner { overflow: hidden; position: relative; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; }
.cont.s--inactive .el__inner { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.el__bg { position: relative; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.6s 0.7s; transition: -webkit-transform 0.6s 0.7s; transition: transform 0.6s 0.7s; transition: transform 0.6s 0.7s, -webkit-transform 0.6s 0.7s; will-change: transform; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: cover; }
.el__bg:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
.cont.s--inactive .el__bg:before { -webkit-transform: translate3d(0, -100%, 0) scale(1.2); transform: translate3d(0, -100%, 0) scale(1.2); }
.el.s--active .el__bg:before { -webkit-transition: -webkit-transform 0.8s; transition: -webkit-transform 0.8s; transition: transform 0.8s; transition: transform 0.8s, -webkit-transform 0.8s; }
.el__bg:after { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; background-size: cover; }
.cont.s--el-active .el__bg:after { -webkit-transition: opacity 0.5s 1.4s; transition: opacity 0.5s 1.4s; opacity: 1 !important; }
.el__preview-cont { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s 1.2s; transition: all 0.3s 1.2s; }
.cont.s--inactive .el__preview-cont { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }
.cont.s--el-active .el__preview-cont { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.5s; transition: all 0.5s; }
.el__heading { color: #fff; text-transform: uppercase; font-size: 3.125rem; }
.el__content { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.1s; transition: all 0.1s; }
.el.s--active .el__content { z-index: 2; opacity: 1; pointer-events: auto; -webkit-transition: all 0.5s 1.4s; transition: all 0.5s 1.4s; }
.el__text { position: absolute; bottom: 10%; left: 10%; z-index: 100; }
.el__text span { font-size: 2vw; display: block; color: #fff; }
.el__text span a { color: #fff; }
.el__text a.moreb { display: block; width: 156px; margin-top: 20px; }
.el__text a.moreb img { width: 100%; }
 @media screen and (max-width: 1024px) and (min-width: 0px) {
.el__text span { font-size: 40px; }
.el__text a.moreb { display: block; width: 100%; }
}
.el__close-btn { z-index: 100; position: absolute; right: 10px; top: 15%; width: 60px; height: 60px; opacity: 0; pointer-events: none; -webkit-transition: all 0s 0.45s; transition: all 0s 0.45s; cursor: pointer; }
.el.s--active .el__close-btn { z-index: 5; opacity: 1; pointer-events: auto; -webkit-transition: all 0s 1.4s; transition: all 0s 1.4s; }
.el__close-btn:before, .el__close-btn:after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 8px; margin-top: -4px; background: #fff; opacity: 0; -webkit-transition: opacity 0s; transition: opacity 0s; }
.el.s--active .el__close-btn:before, .el.s--active .el__close-btn:after { opacity: 1; }
.el__close-btn:before { -webkit-transform: rotate(45deg) translateX(100%); transform: rotate(45deg) translateX(100%); }
.el.s--active .el__close-btn:before { -webkit-transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57); transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57); -webkit-transform: rotate(45deg) translateX(0); transform: rotate(45deg) translateX(0); }
.el__close-btn:after { -webkit-transform: rotate(-45deg) translateX(100%); transform: rotate(-45deg) translateX(100%); }
.el.s--active .el__close-btn:after { -webkit-transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57); transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57); -webkit-transform: rotate(-45deg) translateX(0); transform: rotate(-45deg) translateX(0); }
.el__index { overflow: hidden; position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; min-height: 250px; text-align: center; line-height: normal; font-size: 6vw; font-weight: bold; -webkit-transition: opacity 0.3s 1.4s, -webkit-transform 0.5s; transition: opacity 0.3s 1.4s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.3s 1.4s; transition: transform 0.5s, opacity 0.3s 1.4s, -webkit-transform 0.5s; -webkit-transform: translate3d(0, 1vw, 0); transform: translate3d(0, 1vw, 0); }
.el:hover .el__index { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.cont.s--el-active .el__index { -webkit-transition: opacity 0.3s, -webkit-transform 0.5s; transition: opacity 0.3s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.3s; transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s; opacity: 0; }
.el__index-back, .el__index-front { position: absolute; left: 0; bottom: 0; width: 100%; }
.el__index-back { color: #2f3840; opacity: 0; -webkit-transition: opacity 0.25s 0.25s; transition: opacity 0.25s 0.25s; }
.el:hover .el__index-back { -webkit-transition: opacity 0.25s; transition: opacity 0.25s; opacity: 1; }
.el__index-overlay { overflow: hidden; position: relative; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.5s 0.1s; transition: -webkit-transform 0.5s 0.1s; transition: transform 0.5s 0.1s; transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s; color: transparent; }
.el__index-overlay:before { content: attr(data-index); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; color: #fff; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform 0.5s 0.1s; transition: -webkit-transform 0.5s 0.1s; transition: transform 0.5s 0.1s; transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s; }
.el:hover .el__index-overlay { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.el:hover .el__index-overlay:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.el:nth-child(1) { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.cont.s--el-active .el:nth-child(1):not(.s--active) { -webkit-transform: scale(0.5) translate3d(0%, 0, 0); transform: scale(0.5) translate3d(0%, 0, 0); opacity: 0; -webkit-transition: opacity 0.95s, -webkit-transform 0.95s; transition: opacity 0.95s, -webkit-transform 0.95s; transition: transform 0.95s, opacity 0.95s; transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s; }
.el:nth-child(1) .el__inner { -webkit-transition-delay: 0s; transition-delay: 0s; }
.el:nth-child(1) .el__bg { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.el:nth-child(1) .el__bg:before { -webkit-transition-delay: 0s; transition-delay: 0s; }
.el:nth-child(2) { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transform-origin: 150% 50%; transform-origin: 150% 50%; }
.cont.s--el-active .el:nth-child(2):not(.s--active) { -webkit-transform: scale(0.5) translate3d(105.2083333333%, 0, 0); transform: scale(0.5) translate3d(105.2083333333%, 0, 0); opacity: 0; -webkit-transition: opacity 0.95s, -webkit-transform 0.95s; transition: opacity 0.95s, -webkit-transform 0.95s; transition: transform 0.95s, opacity 0.95s; transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s; }
.el:nth-child(2) .el__inner { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.el:nth-child(2) .el__bg { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.el:nth-child(2) .el__bg:before { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.el:hover .el__bg:after { opacity: 0; }
.el.s--active { z-index: 1; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s; transition: width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s; transition: transform 0.6s, width 0.7s 0.7s, z-index 0s; transition: transform 0.6s, width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s; }
.el.s--active .el__bg { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; }
.el.s--active .el__bg:before { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: scale(1.1); transform: scale(1.1); }
.icon-link { position: absolute; left: 5px; bottom: 5px; width: 32px; }
.icon-link img { width: 100%; vertical-align: top; }
.icon-link--twitter { left: auto; right: 5px; }
/***section-5***/
.section-5 { width: 100%; height: 100%; position: absolute; background-image: url(../images/bg2.jpg); background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: cover; }
.pgwSlideshow { width: 72%; padding-top: 6%; display: none; margin: 0 auto; }
.pgwSlideshow a { color: #fff; }
.pgwSlideshow .ps-current { text-align: center; position: relative; min-height: 150px; overflow: hidden; }
.pgwSlideshow .ps-current > ul > li { text-align: center; width: 87%; z-index: 1; opacity: 0; display: block; margin: 0 auto; }
.pgwSlideshow .ps-current > ul > li img { display: block; max-width: 87%; margin: auto; }
.pgwSlideshow .ps-caption { text-align: center; font-size: 1rem; color: #fff; position: absolute; left: 0px; bottom: 20px; width: 100%; display: none; }
.pgwSlideshow .ps-caption span { padding: 7px; display: inline-block; }
.pgwSlideshow .ps-list { overflow: hidden; position: relative; }
.pgwSlideshow .ps-list ul { position: relative; list-style: none; margin: 0; padding: 0; left: 0; }
.pgwSlideshow .ps-list li { float: left; }
.pgwSlideshow .ps-list li .ps-item { display: block; margin: 23px 5px 0 5px; opacity: 0.8; filter: alpha(opacity=80); }
.pgwSlideshow .ps-list li img { display: block; border: 1px solid #777; width: 385px; }
.pgwSlideshow .ps-list li .ps-item.ps-selected { float: left; opacity: 1; border: 4px solid #f17247; overflow: hidden; }
.pgwSlideshow .ps-prevIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 10px 10px 0; display: block; }
.pgwSlideshow .ps-nextIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 0 10px 10px; display: block; }
.pgwSlideshow .ps-current .ps-prev { display: none; }
.pgwSlideshow .ps-current .ps-next { display: none; }
.pgwSlideshow .ps-list .ps-prev { background: url(../images/left.png) no-repeat; width: 39px; height: 74px; cursor: pointer; position: absolute; left: 0; top: 20%; z-index: 1000; display: none; }
.pgwSlideshow .ps-list .ps-next { background: url(../images/right.png) no-repeat; width: 39px; height: 74px; content: ''; cursor: pointer; position: absolute; right: 0; top: 20%; z-index: 1000; display: none; }
/*
 * The media-queries are not used because IE8 doesn't support them.
 */
.pgwSlideshow.narrow .ps-list li img { width: 120px; }
.pgwSlideshow.narrow .ps-current .ps-prev { padding: 15px 15px 15px 12px; top: 40%; }
.pgwSlideshow.narrow .ps-current .ps-next { padding: 15px 12px 15px 15px; top: 40%; }
.pgwSlideshow.narrow .ps-list .ps-prev { padding: 15px 12px 15px 10px; top: 20px; }
.pgwSlideshow.narrow .ps-list .ps-next { padding: 15px 10px 15px 12px; top: 20px; }
.pgwSlideshow.narrow .ps-caption { font-size: 1rem; padding: 20px 0; }
@media screen and (max-width: 1024px) and (min-width: 0px) {
.pgwSlideshow { width: 90%; padding-top: 30%; }
.pgwSlideshow .ps-current > ul > li { width: 100%; }
.pgwSlideshow .ps-current > ul > li img { max-width: 100%; }
}
/***section-6***/
.section-6 { width: 100%; height: 100%; position: absolute; background: #FFF; }
.section-6 .tita { width: 100%; line-height: normal; background: url(../images/tl.jpg) no-repeat center bottom; text-align: center; padding-bottom: 22px; font-size: 2.5rem; padding-top: 12%; }

.news_bo { width: 79%; margin: 0 auto; overflow: hidden; padding-top: 6%; }
.news_bo dl { width: 33.33%; overflow: hidden; float: left; }
.news_bo dl .newk { width: 94.5%; overflow: hidden; margin: 0 auto; position: relative; }
.news_bo dl .newk dt { width: 100%; overflow: hidden; }
.news_bo dl .newk dd { width: 100%; overflow: hidden; background-color: rgba(0,0,0,0.5); padding: 20px 0; position: absolute; bottom: 0; z-index: 10; left: 0; }
.news_bo dl .newk dd a { width: 90%; overflow: hidden; margin: 0 auto; display: block; color: #FFF; }
.news_bo dl .newk dd p { width: 90%; overflow: hidden; margin: 0 auto; color: #FFF; }
/* SIBLING FADE: fade out siblings around a hovered item */

.news_bo { visibility: hidden; }
/* Prevents :hover from triggering in the gaps between items */

.news_bo> * { visibility: visible; }
/* Brings the child items back in, even though the parent is `hidden` */

.news_bo > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */

.news_bo:hover > * { opacity: 0.4; transform: scale(0.9); }
/* Fade out all items when the parent is hovered */

.news_bo > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
/* Fade in the currently hovered item */
.news_bo { flex-wrap: wrap; }
.news_bo > * { flex: auto; }
@media screen and (max-width: 1024px) and (min-width: 0px) {
.section-6 .tita{ font-size:18px; padding-top: 30%;}
.news_bo{ width: 90%; margin: 0 auto;}
.news_bo dl{ width:100%; margin-bottom:10%; float:inherit;}
.news_bo dl .newk{ width:100%; position:static;}
.news_bo dl .newk dt{ width:30%; overflow:hidden; float:left;}
.news_bo dl .newk dd{ width:65%; overflow:hidden; float:right; background-color:inherit; padding:inherit; position:static;}
.news_bo dl .newk dd a{ width: 100%; color:#333;}
.news_bo dl .newk dd p{ width: 100%; color:#333; font-size:12px;}
}
/*footer*/
.section-7 { width: 100%; height: 100%; position: absolute; background: #ebe8eb; }
.footer { width: 100%; overflow:hidden; padding:35px 0; position: absolute; bottom: 0; left: 0; }
.footb { width:70%; overflow:hidden; margin:0 auto;}
.footb .foot_l{ width:31%; overflow:hidden; float:left;}
.footb .foot_l .fo1{ width:100%; overflow:hidden; padding-top:25%;}
.footb .foot_l .fo1 a{ width:15%; overflow:hidden; display:block; float:left; margin-right:4%;}
.footb .foot_l .fob{ width:100%; overflow:hidden; font-size:1rem; line-height:3rem; padding-top:10%;}
.footb .foot_2{ width:31%; overflow:hidden; float:left; border-left:2px #dbdadb solid; border-right:2px #dbdadb solid; padding:5% 0;}
.footb .foot_2 .foc{ padding-left:23%; overflow:hidden;}
.footb .foot_2 .foc a{ width:100%; display:block; font-size:1rem; line-height:3rem;}
.footb .foot3{ width:30%; overflow:hidden; float:right;}
.footb .foot3 .fom{ width:100%; overflow:hidden;}
.footb .foot3 .sea { width: 100%; height: 3.7rem; margin: 10% 0 0 0; border:1px #d6d4d6 solid; }
.footb .foot3 .sea .sousuo1 { width: 77%; height: 3.7rem; line-height: 3.7rem; float: left; border: 0; background: none; padding: 0 0 0 5%; }
.footb .foot3 .sea .sousuo { background:url(../images/ser_btn.jpg) no-repeat center #bfbfbf; width: 18%; height: 3.7rem; float: right; border: 0; }
.footb .foot3 .wxhd{ width:100%; overflow:hidden; padding-top:20px;}
.footb .foot3 .wxhd .ews{ width:45%; overflow:hidden; text-align:center;}

.copy{ width: 100%; background: #333333; overflow:hidden; padding:20px 0; color:#fff; text-align:center; margin-top:35px;}
.copy a{ color:#fff;}
.fowap{ display:none;} 
@media screen and (max-width: 1024px) and (min-width: 0px) {

.footb { width:90%; overflow:hidden; margin:0 auto; padding:10px 0;}
.footb .foot_l{ width:100%; overflow:hidden; float:inherit;}
.footb .foot_l .fo1{ padding-top:60px;}
.footb .foot_l .fo1 a{ width:20%; margin-right:5%;}
.footb .foot_l .fob{ font-size:14px; line-height:24px; padding-top:1%;}	
.footb .foot_2{ width:100%; overflow:hidden; float:inherit; border-left:none; border-right:none; padding:15px 0;}
.footb .foot_2 .foc{ display:none;}

.footb .foot3{ width:100%; overflow:hidden; float:inherit;}
.footb .foot3 .fom{ padding-top:inherit;}
.footb .foot3 .sea { width: 100%; height: 44px; margin: 20px 0 0 0; border:1px #d6d4d6 solid; }
.footb .foot3 .sea .sousuo1 { width: 77%; height: 44px; line-height: 44px; float: left; border: 0; background: none; padding: 0 0 0 5%; }
.footb .foot3 .sea .sousuo { background:url(../images/ser_btn.jpg) no-repeat center #bfbfbf; width: 18%; height: 44px; float: right; border: 0; }

.fowap{ display:block;}
.copy { display:none;}

/*版权信息*/
.footer_main { text-align: center; width: 100%; padding: 0.4rem; color: #666; background: #f6f6f6; }
.copyright { width: 94%; margin: 0 auto; padding: 3% 0; font-size: .18rem;
}
.toTop { width: 0.9rem; height: 0.9rem; background-size: 0.9rem auto; position: fixed; bottom: 20%; right: 2%; cursor: pointer; z-index: 10; display: none; }
.footer_main a { color: #666; }
/* 工具栏 */
#toolbar { position: fixed; bottom: 0; width: 100%; z-index: 888; height: 4rem; left: 0; }
#toolbar .list { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; background: #3c3c3c; height: 4rem; }
#toolbar .list li { float: left; width: 25%; text-align: center; }
#toolbar .list li a { display: block; height: 4rem; font-size: 14px; padding-top: 5px; width: 99%; margin: 0 auto; border-right: 1px #51251e solid; color:#FFF; }
#toolbar .list li:last-child a { border-right: 0; width: 100%; }
#toolbar .list a.hover { background: #51251e; }
#toolbar .list a i { margin-left: auto; margin-right: auto; width: 100%; display: block; background-size: 5rem auto; font-size: 2rem; }
#toolbar .list a span { text-align: center; display: block; }
.xbg { width: 100%; display: block; position: fixed; height: 10rem; left: 0; bottom: 0; background: #fff; z-index: 880; }
#toolbar .list a i span { color: #fff; padding-top:10px;text-transform: initial; font-style: normal; }
/*微信弹窗*/
#wxnr { width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; display: none; background: rgba(0,0,0,.6); }
#wxnr .nrdf { margin: auto; position: absolute; top: 20%; left: 0; right: 0; width: 18rem; height: 18rem; padding: 3rem; text-align: center; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; }
#wxnr img { width: 8rem; height: 8rem; display: block; margin: 0 auto; }
#wxnr p { font-size: 14px; text-align: center; margin:0 0; }
#wxnr i { position: absolute; top: 2rem; right: 2rem; width: 3rem; height: 3rem; font-size: 12px; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 1rem; cursor: pointer; }
#wxnr span { display: inline-block; padding: 5px 10px; background-color: #51251e; color: #fff; border-radius: 5px; cursor: pointer; }
#wxnr span.wx { padding-left: 0.4rem; background-image: url(../images/wx.png); background-size: 0.28rem; background-position: 0.1rem center; background-repeat: no-repeat; }
/*复制提示*/
#weixin { position: fixed; top: 50%; margin-top: -0.4rem; z-index: 9999999; font-size: 12px; color: #fff; width: 90%; right: 5%; line-height: 0.8rem; text-align: center; background: rgba(0, 0, 0, 0.8); border: 2px solid #333; border-radius: 0.1rem; display: none; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }


 }





.bannerv { width: 100%; overflow: hidden; height: auto; margin: 0px auto; }
.bannerv .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.bannerv .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.bannerv .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.bannerv .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.bannerv .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.bannerv .owl-carousel .owl-item { float: left; }
.bannerv .owl-controls .owl-page, .bannerv .owl-controls .owl-buttons div { cursor: pointer; }
.bannerv .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* fix */
.bannerv .owl-carousel .owl-wrapper, .bannerv .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.bannerv #owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto; }
.bannerv #owl-demo .item { position: relative; display: block; }
.bannerv #owl-demo img { display: block; width: 100%; }
.bannerv #owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50); }
.bannerv #owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑", "黑体"; color: #fff; text-align: center; }
.bannerv .owl-pagination { position: absolute; left: 0; bottom: 25px; width: 100%; height: 22px; text-align: center; }
.bannerv .owl-page { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background: #FFF; *display: inline;
*zoom: 1;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.bannerv .owl-pagination .active { background: #e56338; }
.bannerv .owl-buttons { display: none; }
.bannerv .owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px; }
@media screen and (max-width: 579px) {
.bannerv .owl-pagination { bottom: 0px; height: 15px; }
}
/**********内页************/
.mav{ width:100%; height:auto; overflow:hidden; position:relative; z-index:1;}
.mav .m_img { height: 100px; position:absolute; top: 0px; left: 0px; width: 100%; z-index: 9999; padding: 16px 0; overflow: hidden; }
.footerv{ width: 100%; background: #ebe8eb; overflow:hidden; padding:35px 0 0 0; margin-top:60px; position:relative; z-index:0;}
.hkl{ display:none;}
.loc{ width:70%; overflow:hidden; padding:15px 0; text-align:right; margin:0 auto;}
.main{ width:70%; overflow:hidden; margin:0 auto; padding-top:30px; }
.mainv{ width:100%; overflow:hidden; margin:0 auto; padding-top:30px; }
.mainv img{ width:100%; overflow:hidden; vertical-align:top; display:block;}
.side{ width:100%; overflow:hidden; border-bottom:1px #e0dcdc solid;}
.side ul{ width:70%; overflow:hidden; margin:0 auto;}
.side ul li{ width:auto; height:3.6rem; line-height:3.6rem; float:left; margin-bottom:8px;}
.side ul li a{ width:auto; height:3.6rem; display:block; margin:0 auto; display:block; text-align:center; padding:0 20px;}
.side ul li a:hover,.side ul li a.cur{ background:#f05223; color:#FFF;}
.abtop{ width:100%; overflow:hidden; line-height:normal; font-size:2.5rem; text-align:center; padding-top:20px;}
.fla{ width:45%; overflow:hidden; float:left;}
#feedback_form{ width:50%; overflow:hidden; float:right;}
.bnr{ width:31.5%; overflow:hidden; position:absolute; z-index:10; top:31%; left:15%; color:#FFF;}
.bnr dt{ font-size:3.4rem; line-height:normal;}
.bnr dd{ padding-top:1.7rem;}

/*Gallery*/
.gallery li{width: 29.33%;float: left;margin: 0 2% 10px 2%; list-style:none;}
.gallery li img{ width: 100%;}
.gallery li p{text-align: center; height:3.6rem; background:#f0f0f0; overflow:hidden;}
.gallery li p a{width: 100%; height:3.6rem; display:block;}
.gallery li:hover p{ background:#f05223; color:#FFF;}
.gallery li:hover p a{ color:#FFF;}
#baguetteBox-overlay .full-image figcaption{top:30px;height: 30px;line-height: 30px;}

/*cpflm*/
.cpt{ width: 100%; overflow:hidden; margin-bottom:2rem;}
.cpflm{ width:33.33%; overflow:hidden; float:left; margin-bottom:20px;}
.cpkl{ width:90%; overflow:hidden; margin:0 auto; position:relative;}
.cpkl dt{ width:100%; overflow:hidden;}
.cpkl dd{ width:100%; height:3.1rem; line-height:3.1rem; background-color: rgba(0,0,0,0.5); position:absolute; bottom:0; left:0;}
.cpkl dd a{ width:100%; height:3.1rem; display:block; text-align:center; color:#FFF;}
.cpfln{ width:50%; overflow:hidden; float:left;}

/*cpbk*/
.cpbk{ width:31.5%; overflow:hidden; position:absolute; z-index:10; top:31%; left:15%; color:#FFF;}
.cpbk dt{ width:100%; overflow:hidden; line-height:normal;}
.cpbk dt i{ font-weight:bolder; display:block; font-size:2.5rem; font-family:Arial;}
.cpbk dt span{ font-size:3.4rem; display:block; padding-top:10px;}
.cpbk dd{ padding-top:1.7rem;}

/*case_list*/
.case_list{ width:70%; overflow:hidden; margin:0 auto;}
.case_list li{ width:25%; overflow:hidden; float:left; margin-top:20px;}
.case_list li a{ width:90%; height:4rem; line-height:4rem; border:1px #c8c8c8 solid; display:block; margin:0 auto; text-align:center;}
.case_list li a:hover,.case_list li a.cur{ border:1px #f05223 solid; background:#f05223; color:#FFF;}

/*产品介绍*/
.cpjsk{ position:relative;}
.cpfl_r{ width:55%; overflow:hidden; float:right;}
.cpfl_l{ width:43%; overflow:hidden; float:left;}
.cpfl_l i{ font-weight:bolder; display:block; font-size:2.5rem; font-family:Arial; line-height:normal; margin:0 0;}
.cpfl_l span{ font-size:3.4rem; display:block; padding-top:10px; line-height:normal; margin:0 0;} 
.cpfl_l dl{ width:100%; padding-top:1.25rem;}
.cpfl_l dl dt{ color:#666666;}
.cpfl_l dl dd{ width:43%; overflow:hidden; position:absolute; bottom:0; left:0;}
.cpfl_l dl dd img{ width:100%;}

/*产品优势*/
.cpys_top{ width:100%; overflow:hidden; line-height:normal; font-size:2.5rem; padding-top:40px; }
.cpys_bo{ width:100%; overflow:hidden; padding-top:2rem;}
.cpys_bo dl{ width:33.33%; overflow:hidden; float:left;}
.cpys_bo dl dt{ width:14%; overflow:hidden; float:left;}
.cpys_bo dl dt img{ width:100%;}
.cpys_bo dl dd{ width:71%; overflow:hidden; float:left; margin-left:5%; padding-right:10%;}
.cpys_bo dl span{ font-size:1.8rem; line-height:normal; display:block;}
.cpys_bo dl p{ color:#666666; padding-top:15px;}

.cpys_bvo{ width:100%; overflow:hidden; padding-top:2rem;}
.cpys_bvo dl{ width:50%; overflow:hidden; float:left; height:10rem;}
.cpys_bvo dl dt{ width:14%; overflow:hidden; float:left;}
.cpys_bvo dl dt img{ width:100%;}
.cpys_bvo dl dd{ width:71%; overflow:hidden; float:left; margin-left:5%; padding-right:10%;}
.cpys_bvo dl span{ font-size:1.8rem; line-height:normal; display:block;}
.cpys_bvo dl p{ color:#666666; padding-top:15px;}



/*产品详情*/
.infoa{ width:100%;}
.infoa .infoa_l{ width:39%;float:left;}
.infoa .infoa_c{ width:39%;float:left;margin-left:1%;}
.infoa .infoa_c dt{ width:100%;background:#dddddd;font-size:1.25rem;line-height:3rem;padding:3rem 0;}
.infoa .infoa_c dt p{ margin-left:11%;}
.infoa .infoa_c dd{ padding-top:2rem;}
.infoa .infoa_r{ width:20%; float:right;}

.arContent{ width:100%; overflow:hidden; padding-top:10px;}
.share_r{ width:100%; overflow:hidden; padding:10px 0 0 0; border-top:1px #CCC solid; margin-top:30px;}
.FastMove{ width:100%; overflow:hidden; padding:20px 0 0 0;}

.news_tit{ width:100%; overflow:hidden; padding-bottom:20px; border-bottom:1px #f0f0f0 solid; text-align:center; line-height:normal;}
.news_tit h1{ font-size:18px; color:#f17248;}
.news_tit p{ color:#999999; margin:0 0; padding-top:10px;}
.arKeywords{ padding:15px; overflow:hidden; border-bottom:1px #f0f0f0 solid;}
.arKeywords span{ display:block; color:#f17248;}


/*新闻列表*/
.arList{ width:100%; overflow:hidden;}
.arList li{ width:100%; overflow:hidden; padding: 20px 0; border-bottom: 1px solid #f0f0f0; line-height:normal; }
.arList li .nemg{ overflow:hidden; background:#FFF; padding:20px;}
.arList li .newm{ border-left:6px #0056a0 solid; padding-left:7px; font-size:1.2rem; font-weight:bolder;}
.arList li .new2{ color:#999999; font-size:12px; margin-top:10px; height:20px; line-height:20px;}
.arList li .new2 span{ margin-right:10px; font-size:18px; line-height:20px;}
.arList li p{ margin-top:15px;}
.arList li .nemg .newsl{ width:30%; overflow:hidden; float:left;}
.arList li .nemg .newsr{ width:65%; overflow:hidden; float:right;}
.arList li:hover .nemg{ background:#f6f6f6;}
.arList li:hover .nemg .newsl img{ transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); -o-transform: scale(1.1, 1.1); }


@media screen and (max-width: 1024px) and (min-width: 0px) {
.mav .m_img { height:inherit; position:fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; padding: 16px 0; overflow: hidden; background-color: rgba(0,0,0,0.5); }
.bannerv { margin-top:5.2rem;}
.loc{ width:90%; overflow:hidden; padding:15px 0; text-align:right; margin:0 auto;}
.main{ width:90%; overflow:hidden; margin:0 auto; }
.side{ border-bottom:none;}	
.side ul{ width:90%; overflow:hidden;}
.side ul li{ width:50%;}
.hkl{ width:100%; display:block; height:4rem;}
.footerv img{ vertical-align:inherit;}
.gallery li{width: 46%;}
.fla{ float:inherit; width:90%; margin:0 auto;}
#feedback_form{ float:inherit; width:90%; margin:0 auto; padding-top:20px;}

.bnr{ width:90%; overflow:hidden; position:absolute; z-index:10; bottom:5%; left:5%; color:#FFF;}
.bnr dt{ font-size:18px;}
.bnr dd{ padding-top:5px; font-size:12px; line-height:normal;}

.cpflm{ width:50%; overflow:hidden; float:left;}

.cpbk{ width:90%; overflow:hidden; position:absolute; z-index:10; bottom:5%; left:5%; color:#FFF;}
.cpbk dt i{ font-size:18px;}
.cpbk dt span{ font-size:22px;}
.cpbk dd{ padding-top:5px; font-size:12px; line-height:normal;}

.case_list{ width:100%;}
.case_list li{ width:50%; overflow:hidden; float:left; margin-top:10px;}

.cpjsk{ position:inherit;}
.cpfl_r{ width:100%; overflow:hidden; float:inherit; padding-top:10px;}
.cpfl_l{ width:100%; overflow:hidden; float:inherit; padding-top:inherit;}
.cpfl_l i{ font-size:18px;}
.cpfl_l span{ font-size:22px;} 

.cpfl_l dl dd{ width:100%; position:static;}

.cpys_top{ font-size:24px; }
.cpys_bo{ padding-top:20px;}
.cpys_bo dl{ width:100%; float:inherit; margin:0 0 20px 0;}
.cpys_bo dl dt{ width:14%; overflow:hidden; float:left;}
.cpys_bo dl dt img{ width:100%;}
.cpys_bo dl dd{ width:81%; overflow:hidden; float:left; margin-left:5%; padding-right:inherit;}
.cpys_bo dl span{ font-size:16px; line-height:normal; display:block; color:#f05223;}
.cpys_bo dl p{ color:#666666; padding-top:10px;}

.cpys_bvo{ padding-top:20px;}
.cpys_bvo dl{ width:100%; float:inherit; margin:0 0 20px 0; height:inherit;}
.cpys_bvo dl dt{ width:14%; overflow:hidden; float:left;}
.cpys_bvo dl dt img{ width:100%;}
.cpys_bvo dl dd{ width:81%; overflow:hidden; float:left; margin-left:5%; padding-right:inherit;}
.cpys_bvo dl span{ font-size:16px; line-height:normal; display:block; color:#f05223;}
.cpys_bvo dl p{ color:#666666; padding-top:10px;}

.infoa{ width:100%;}
.infoa .infoa_l{ width:100%; overflow:hidden; float:inherit; margin:0 auto;}
.infoa .infoa_c{ width:100%; overflow:hidden; float:inherit; margin:10px auto 0 auto;}
.infoa .infoa_c dt{ width:100%;background:#dddddd;font-size:16;line-height:30px;padding:10px 0;}
.infoa .infoa_c dt p{ margin-left:9.6%;}
.infoa .infoa_c dd{ padding-top:10px;}
.infoa .infoa_r{ width:100%; overflow:hidden; float:inherit; margin:10px auto 0 auto;}

.arList li{ padding:0;}
.arList li .nemg{ padding:0;}
.arList li .nemg .newsl{ width:100%; overflow:hidden; float:inherit;}
.arList li .nemg .newsr{ width:100%; overflow:hidden; float:inherit; padding-top:10px;}


}



/*弹出*/
#photo { margin: 0 auto; min-width: 320px; overflow-x: hidden; }
#photo #main { min-height: 30px; }
#photo .qiandaobanner { display: block; text-align: center; }
#photo .qiandaobanner img { width: 100%; border: 0; }
#photo .chatPanel { }
#photo .chatPanel .media { border: 0px solid #D1D1D1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px 5px 10px 10px; -moz-border-radius: 5px 5px 10px 10px; border-radius: 5px 5px 10px 10px; background-size: 2px auto; margin: 15px 9px 0 10px; }
#photo .chatPanel .media .mediaPanel { padding: 0px; margin: 0px; }
#photo .chatPanel .media .mediaHead { padding: 10px 10px 8px; border-bottom: 0px solid #D3D8DC; color: #000000; font-size: 20px; }
#photo .chatPanel .media .mediaHead .title { line-height: 1.2em; font-size: 18px; display: block; text-align: left;}
#photo .chatPanel .media .mediaHead .time { margin: 0px; color: #8C8C8C; background: none; width: auto; font-size: 12px; display: block; }
#photo .chatPanel .media .mediaImg { padding: 0px 10px 0px 10px; overflow: hidden; position: relative; /*max-height:164px;*/
}
#photo .chatPanel .media .mediaImg img { width: 100%; }
#photo .chatPanel .mediaFullText .mediaContent { padding: 0 0 10px; font-size: 16px; text-align: left; color: #222222; }
#photo .chatPanel .mediaFullText .mediaContentP { margin: 10px 10px 0; border-bottom: 1px solid #D3D8DC; word-break: normal; word-wrap: word-break; }
#photo .chatPanel .mediaFullText .mediaContent p { max-height: 40px; overflow: hidden; font-size: 14px; line-height: 1.5em; }
#photo .chatPanel .media .mediaFooter { -webkit-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; padding: 0 10px; overflow: hidden; }
#photo .chatPanel .media .mediaFooter .bt { line-height: 38px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; }
#photo .chatPanel .media .mesgIcon { display: inline-block; height: 19px; width: 13px; margin: 8px 0px -2px 4px; background-size: 10px auto; }
#photo .chatPanel .media .mediaFooter .mesgIcon { margin: 10px 0px 15px 0; }

/*PageBar*/
.PageBar { clear: both;   /* height: 54px; */ margin: 20px auto 0px auto; font-size: 12px; text-align: center; }
.PageButtons { /* height: 28px; */ }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #0056a0; color: #fff; }
.PageInfo { height: 24px; line-height: 24px; }

/*******内页**********/
.mainv img{ width:100%; overflow:hidden; display:block; vertical-align:middle;}
/*品牌简介*/
.jj_to{ width:36.5%; overflow:hidden; float:left; margin-left:10%;}
.jj_to .fuhao{ width:21%; overflow:hidden; float:left;}
.jj_to .nytop{ width:71%; overflow:hidden; float:right;}
.nytop{ line-height:normal;}
.nytop dt{ font-size:2.5rem;}
.nytop dd{ font-size:2.8rem; font-style:italic; font-weight:bolder; text-transform:uppercase; font-family:Arial; padding-top:16px;}
.nytop p{ color:#666666; line-height:2rem; padding-top:20px; font-style:italic;font-family:Arial;}
.abo{ width:30%; overflow:hidden; float:right; margin-right:18%; text-align:right;}
.ppmg{ width:82%; overflow:hidden; padding-top:4rem; float:right; margin-left:18%;}

/*品牌故事*/
.pgs{ width:54%; overflow:hidden; margin-right:46%;}
.ppnr{ width:100%; overflow:hidden; padding-top:40px; line-height:36px;}
.ppmgv{ width:63%; overflow:hidden; margin-top:40px;}

/*品牌优势*/
.ppys_lm{ width:46%; overflow:hidden; float:left; margin-left:3.8%;}
.ppys_rt{ width:28%; overflow:hidden; float:left; margin-left:3.8%;}
.ppys_rt .ppys_to{ width:62%; overflow:hidden; margin-right:38%; padding-top:4rem;}
.ppys_rt dl.lstv,.ppys_lt dl.lstv{ width:100%; overflow:hidden; line-height:normal; padding-top:2.5rem;}
.ppys_rt dl.lstv dt,.ppys_lt dl.lstv dt{ font-size:14px; font-weight:bolder; font-style:italic; background:url(../images/ioc5.png) no-repeat left center; padding-left:18px;}
.ppys_rt dl.lstv dd,.ppys_lt dl.lstv dd{ width:100%; overflow:hidden; padding-top:20px;}
.ppys_lt{ width:28%; overflow:hidden; float:right; margin-right:3.8%;}
.ppys_lt .ppys_to{ width:52%; overflow:hidden; margin-right:48%; padding-top:1rem;}
.ppys_rm{ width:46%; overflow:hidden; float:right; margin-right:3.8%;} 

/*设计灵感*/
.sjlg_l{ width:50%; overflow:hidden; float:left;}
.sjlg_r{ width:27%; overflow:hidden; float:left; margin-left:3.8%;}
.sjlg_r .sjlg_top{ width:100%; overflow:hidden; line-height:normal; }
.sjlg_r .sjlg_top .sjlg_t{ font-size:4.8rem; line-height:5.5rem;}
.sjlg_r .sjlg_top .sjlg_t span{ color:#dc5c33;}
.sjlg_r .sjlg_top p{ font-size:2.8rem; font-style:italic; font-weight:bolder; text-transform:uppercase; font-family:Arial; padding-top:16px;}
.sjlg_r dl{ width:100%; overflow:hidden; line-height:normal; padding-top:25px;}
.sjlg_r dl dt{ font-size:15px; font-weight:bolder; font-style:italic; background:url(../images/ioc6.png) no-repeat left center; padding-left:18px;}
.sjlg_r dl span{ font-size:15px; padding-left:18px; margin-top:10px; display:block;}
.sjlg_r dl dd{ line-height:2.25rem; margin-top:1rem;}

/*环保理念*/
.sj_r{ width:46%; overflow:hidden; float:right;}
.sjln{ width:32%; overflow:hidden; float:left; margin-left:15%;}
.sjln dl{ width:100%; overflow:hidden; margin-top:2.3rem; line-height:normal;}
.sjln dl dt{ background:url(../images/ioc7.jpg) no-repeat left center; padding-left:30px; font-size:1.5rem; font-style:italic; font-weight:bolder; text-transform:uppercase; font-family:Arial;}
.sjln dl dd{ line-height:2; padding-top:1.5rem;}

/*服务升级*/
.fwsj{ width:54%; overflow:hidden; margin:0 auto; padding:30px 8%; }
.fwsj .fwsj_top{ width:100%; overflow:hidden; font-size:2.5rem; text-align:center;}
.fwsj .fwsj_bo{ width:100%; overflow:hidden; margin:20px 0;}
.fwsj .fwsj_bo dl{ width:100%; overflow:hidden; padding:2rem 0; border-bottom:1px #515c6f solid;}
.fwsj .fwsj_bo dl dt{ width:4%; overflow:hidden; float:left;}
.fwsj .fwsj_bo dl dd{ width:94%; overflow:hidden; float:right;}
.fwsj .fwsj_bo dl dd span{ font-size:1.25rem;}
.fwsj .fwsj_bo dl dd p{ padding-top:8px;}

/*安装方案*/
.az_top{ font-size:2.5rem; line-height:normal; text-align:center;}
.az_bo{ width:70%; overflow:hidden; margin:0 auto; padding-top:30px;}
.az_bo dl{ width:100%; overflow:hidden; margin-top:25px;}
.az_bo dl dt{ width:29%; overflow:hidden; float:left;}
.az_bo dl dd{ width:68%; overflow:hidden; float:right; font-size:16px;}

/*保养法则*/
.byfz{ width:70%; overflow:hidden; margin:0 auto;}
.bytb{ width:70%; overflow:hidden; margin:0 auto; padding-top:30px; line-height:40px;}

/*品质保证*/
.pzpzv{ width:70%; overflow:hidden; margin:30px auto 0 auto;}
.pzpzv dl{ width:25%; overflow:hidden; float:left; overflow:hidden;}
.pzpzv dl .pnr{ width:88%; margin:0 auto; height:468px; position:relative; line-height:normal;}
.pzpzv dl .pnr em{ font-size:6.25rem; color:rgba(255,255,255,0.2); font-weight:bolder; font-family:Arial; position:absolute; bottom:10%; left:0; font-style:normal; z-index:1;}
.pzpzv dl .pnr dt{ font-size:25px; padding-top:70px;}
.pzpzv dl .pnr span{ width:46%; overflow:hidden; margin-left:54%; display:block; padding-top:36px;}
.pzpzv dl .pnr dd{ width:100%; height:27%; position:absolute; z-index:10; bottom:0; left:0; line-height:26px; background:url(../images/lo.png) no-repeat left top; padding-top:20px;}
.pzpzv dl:hover, .pzpzv dl:nth-child(2):hover, .pzpzv dl:nth-child(3):hover, .pzpzv dl:nth-child(4):hover{ background:#ee6d41;}
.pzpzv dl:nth-child(2){ background:#3b3a3b;}
.pzpzv dl:nth-child(3){ background:#333333;}
.pzpzv dl:nth-child(4){ background:#101011;}
.pzbo{ width:70%; overflow:hidden; margin:0 auto; margin-top:35px;}
.pzbo dt{ font-size:2.5rem;}
.pzbo dd{ font-size:16px;}
.pzmg{ width:70%; overflow:hidden; margin:0 auto; margin-top:35px;}

/***招商加盟***/
.zsjm{ width:45%; overflow:hidden; float:left; margin:0 2% 0 3%;}
.zsjm dt{ width:100%; overflow:hidden;}
.zsjm dd{ width:100%; overflow:hidden; text-align:center; line-height:normal; padding-top:20px;}
.zsjm dd .jot{ font-size:1.25vw;}
.zsjm dd p{ width:100%; overflow:hidden; padding-top:10px; height:10rem; line-height:2;}

@media screen and (max-width: 1024px) and (min-width: 0px) {
/*品牌简介*/
.mainv{ width:90%; overflow:hidden; margin:0 auto;}
.jj_to{ width:100%; overflow:hidden; float:inherit; margin-left:inherit;}	
.jj_to .fuhao{ width:10%;}
.jj_to .nytop{ width:80%;}
.nytop dd{ font-size:1.8rem; text-transform:capitalize;}
.abo{ width:100%; overflow:hidden; float:inherit; margin-right:inherit; text-align:left;}	
.ppmg{ width:100%; float:inherit; margin-left:inherit; padding-top:20px;}	
.mainv .main{ width:100%; padding-top:inherit;}
/*品牌故事*/
.pgs{ width:100%; overflow:hidden; margin-right:inherit;}
.ppnr{ width:100%; overflow:hidden; padding-top:20px; line-height:36px;}
.ppmgv{ width:100%; overflow:hidden; margin-top:30px;}
/*品牌优势*/
.mainv .mainv{ width:100%; padding-top:inherit;}
.ppys_lm{ width:100%; overflow:hidden; float:inherit; margin-left:inherit;}
.ppys_rt{ width:100%; overflow:hidden; float:inherit; margin-left:inherit;}
.ppys_rt .ppys_to{ width:100%; overflow:hidden; margin-right:inherit; padding-top:20px;}
.ppys_lt{ width:100%; overflow:hidden; float:inherit; margin-right:inherit;}
.ppys_lt .ppys_to{ width:100%; overflow:hidden; margin-right:inherit; padding-top:20px;}
.ppys_rm{ width:100%; overflow:hidden; float:inherit; margin-right:inherit;} 
.ppys_rt dl.lstv,.ppys_lt dl.lstv{ padding-top:20px;}
/*设计灵感*/
.sjlg_l{ width:100%; overflow:hidden; float:inherit;}
.sjlg_r{ width:100%; overflow:hidden; float:inherit; margin-left:inherit; padding-top:20px;}
.sjlg_r .sjlg_top .sjlg_t{ font-size:2.8rem; line-height:normal;}
.sjlg_r .sjlg_top p{ font-size:1.8rem; text-transform:capitalize;}

/*环保理念*/
.sj_r{ width:100%; overflow:hidden; float:inherit;}
.sjln{ width:100%; overflow:hidden; float:inherit; margin-left:inherit;}
.sjln dl{ margin-top:10px; line-height:normal;}
.sjln dl dt{ padding-left:20px;}
.sjln dl dd{ padding-top:10px;}

/*服务升级*/
.fwsj{ width:80%; overflow:hidden; margin:0 auto; padding:30px 5%; }
.fwsj .fwsj_top{ width:100%; overflow:hidden; font-size:2.5rem; text-align:center;}
.fwsj .fwsj_bo dl dt{ width:14%; overflow:hidden; float:inherit; margin-right:86%;}
.fwsj .fwsj_bo dl dd{ width:100%; overflow:hidden; float:inherit; padding-top:20px;}
.fwsj .fwsj_bo dl dd span{ font-size:1.25rem;}
.fwsj .fwsj_bo dl dd p{ padding-top:8px;}

/*安装方案*/
.az_top{ font-size:2.5rem; line-height:normal; text-align:center;}
.az_bo{ width:90%; overflow:hidden; margin:0 auto; padding-top:20px;}
.az_bo dl{ width:100%; overflow:hidden; margin-top:20px; margin-bottom:10px;}
.az_bo dl dt{ width:100%; overflow:hidden; float:inherit;}
.az_bo dl dd{ width:100%; overflow:hidden; float:inherit; font-size:14px; padding-top:10px;}

/*保养法则*/
.byfz{ width:100%; overflow:hidden; margin:0 auto;}
.bytb{ width:100%; overflow:hidden; margin:0 auto; padding-top:20px;}

/*品质保证*/
.pzpzv{ width:100%; padding-top:20px;}
.pzpzv dl{ width:50%;}
.pzpzv dl .pnr{ height:400px;}
.pzpzv dl .pnr dd{ height:40%;}
.pzbo{ width:100%; margin-top:15px;}
.pzbo dt{ font-size:2.5rem;}
.pzbo dd{ font-size:16px;}
.pzmg{ width:100%; overflow:hidden; margin:0 auto; margin-top:15px;}

/***招商加盟***/
.zsjm{ width:100%; overflow:hidden; float:inherit; margin:0 0 40px 0;}
.zsjm dt{ width:100%; overflow:hidden;}
.zsjm dd{ width:100%; overflow:hidden; text-align:center; line-height:normal; padding-top:10px;}
.zsjm dd .jot{ font-size:17px;}
.zsjm dd p{ width:100%; overflow:hidden; padding-top:10px; height:inherit; line-height:2;}

}