@charset 'utf-8';
body {
	min-width:320px;
font-size:.16rem;
	color:#333;
	background:#fff;
	overflow-x:hidden;
	overflow-y:scroll
}
a {
	color:#333;
transition:color .2s
}
::-webkit-scrollbar-track-piece {
background-color:#f1f1f1
}
::-webkit-scrollbar-thumb {
background-color:#c1c1c1
}
::-webkit-scrollbar-thumb:hover {
background-color:#a8a8a8
}
::-webkit-selection {
background:rgba(29, 157, 227, .75);
color:#fff
}
::-moz-selection {
background:rgba(29, 157, 227, .75);
color:#fff
}
::selection {
background:rgba(29, 157, 227, .75);
color:#fff
}
.lazyload, .lazyloading {
	opacity:0
}
.lazyloaded {
	opacity:1;
	transition:opacity 1s cubic-bezier(.7, 0, .3, 1)
}
body {
	display:flex
}
#loading {
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff
}
.la-square-loader, .la-square-loader>div {
	position:relative;
	box-sizing:border-box
}
.la-square-loader {
	display:block;
	width:32px;
	height:32px;
	font-size:0;
	color:#1d9de3
}
.la-square-loader>div {
	display:inline-block;
	width:100%;
	height:100%;
	background:0;
	border:2px solid currentColor;
	animation:square-loader 2s infinite ease
}
.la-square-loader>div:after {
	content:"";
	display:inline-block;
	vertical-align:top;
	width:100%;
	background-color:currentColor;
	animation:square-loader-inner 2s infinite ease-in
}
@keyframes square-loader {
0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
25% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
50% {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
75% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes square-loader-inner {
0% {
height:0
}
25% {
height:0
}
50% {
height:100%
}
75% {
height:100%
}
100% {
height:0
}
}
#content {
	display:flex;
	flex-direction:column;
	width:100%;
	min-height:100vh
}
#content>#main {
	flex:auto;
	width:100%;
	position:relative;
	z-index:5;
	background:#fff
}
#content>#footer {
	flex:auto;
	position:relative;
	z-index:5;
}
#content>#main.bgGray {
	border-bottom:solid 1px #efefef;
	background:#f7f7f7
}
#wechat-QRcode {
	display:none;
	background:#fff
}
#wechat-QRcode p {
margin-top:.2rem;
	line-height:2;
font-size:.2rem;
	text-align:center
}
@media screen and (min-width:751px) {
::-webkit-scrollbar {
width:10px;
height:10px
}
[pc="hide"] {
display:none !important
}
#header {
position:absolute;
top:0;
left:0;
right:0;
height:.95rem
}
#header .top-bar {
position:fixed;
z-index:100;
top:0;
left:0;
right:0;
height:.95rem;
transition:background 1.4s;
background: rgb(3 169 244 / 52%);
}
.top-bar>.wrap {
display:flex;
margin-left:auto;
margin-right:auto;
width:100%;
height:.95rem
}
.top-box {
display:flex;
justify-content:space-between;
align-items:center;
padding:0 .5rem;
height:.95rem;
background:rgba(0, 0, 0, .74);
transition:background .4s
}
.top-box .logo {
flex:auto;
height:64.2105%
}
.top-box .logo img {
max-height:100%
}
.top-nav {
flex:1;
text-align:right
}
.top-nav .nav {
display:inline-block;
vertical-align:top
}
.top-nav .fir-ul {
display:flex;
justify-content:space-between;
align-items:center
}
.top-nav .fir-li {
position:relative;
zoom:1
}
.top-nav .fir-li .u-a {
position:relative;
zoom:1;
display:block;
padding:0 .35rem;
height:.95rem;
line-height:.95rem;
overflow:hidden;
font-size:.18rem;
text-align:center;
color:#fff
}
.top-nav .fir-li .u-a:before {
content:"";
position:absolute;
left:50%;
bottom:0;
width:0;
height:.02rem;
min-height:1px;
overflow:hidden;
background:#fff;
transform:translateX(-50%);
transition:width .4s, background .4s
}
.top-nav .fir-li .u-a:hover:before, .top-nav .hover .u-a:before, .top-nav .current .u-a:before {
width:.95rem
}
.top-nav .sec-box {
display:none;
position:absolute;
top:100%;
left:50%;
background:#000;
opacity:0;
transition:opacity .4s
}
.top-nav .sec-ul {
padding:.2rem 0;
text-align:left
}
.top-nav .sec-ul li {
padding:.12rem .5rem;
line-height:1.5;
font-size:.16rem;
white-space:nowrap
}
.top-nav .sec-ul a {
position:relative;
zoom:1;
color:#fff
}
.top-nav .sec-ul a:before {
content:"";
position:absolute;
top:50%;
left:-.16rem;
margin-top:-.03rem;
width:.06rem;
height:.06rem;
overflow:hidden;
background:#fff;
opacity:0;
border-radius:50%;
transition:left .4s, background .4s, opacity .4s
}
.top-nav .hover .sec-box {
opacity:1
}
.top-nav .sec-ul a:hover {
color:#1d9de4
}
.top-nav .sec-ul a:hover:before {
left:-.26rem;
background:#1d9de4;
opacity:1
}
.top-search {
flex-shrink:0;
margin:0;
width:2.83rem
}

.top-search-f{
    float:left; 
	height: .95rem;
}
.top-search-f form{
    width: 2.83rem;
    height: 0.35rem;
	margin:0.3rem 0;
}


.text11{
    float:left; 
    height: 0.35rem;
    width: 2.1rem;
}
.text12{
    float:left; 
    height: 0.35rem;
    width: 0.7rem; 
}

.top-search .search-btn {
display:block;
height:100%;
background:url(../images/ico-search.png) center / contain no-repeat;
opacity:.6;
transition:background .4s, opacity .4s
}
.top-search .search-btn:hover {
opacity:1
}
.top-search .search-layer {
position:absolute;
z-index:50;
left:0;
top:-100%;
padding:0 1rem 0 .5rem;
width:100%;
height:.95rem;
overflow:hidden;
background:#fff;
opacity:0;
transition:top .6s cubic-bezier(.7, 0, .3, 1), opacity .6s cubic-bezier(.7, 0, .3, 1)
}
.top-search .search-layer>.area {
position:relative;
height:100%
}
.top-search .search-layer .text {
padding:0 1.71875vw;
width:100%;
height:.95rem;
line-height:.95rem;
font-size:.25rem;
border:0 none;
background:url(../images/ico-search-black.png) 0 center / .24rem .24rem no-repeat
}
.top-search .search-layer .close {
position:absolute;
top:0;
right:1rem;
width:.24rem;
height:.95rem;
background:url(../images/ico-close.png) center / .24rem no-repeat
}
#header[search="show"] .search-layer {
top:0;
opacity:1
}
#header .top-bar:hover, #header[background="show"] .top-bar, .innerPage #header .top-bar {
background:#f1f1f1
}
#header .top-bar:hover .top-box, #header[background="show"] .top-box, .innerPage #header .top-box {
background:#000
}
#header .top-bar:hover .top-search .search-btn, #header[background="show"] .top-search .search-btn, .innerPage #header .top-search .search-btn {
background-image:url(../images/ico-search-black.png)
}
#header .top-bar:hover .top-nav .fir-li .u-a, #header[background="show"] .top-nav .fir-li .u-a, .innerPage #header .top-nav .fir-li .u-a {
color:#000
}
#header .top-bar:hover .top-nav .fir-li .u-a:before, #header[background="show"] .top-nav .fir-li .u-a:before, .innerPage #header .top-nav .fir-li .u-a:before {
background:#333
}
#content>#main {
padding-bottom:1rem
}
#banner {
position:relative;
zoom:1;
min-height:.95rem;
max-height:9.01rem;
}
.swiper-banner {
margin-bottom:.0rem
}
.swiper-banner a {
display:block;
width:100%;
height:100%
}
.swiper-banner img {
width:100%;
height:100%;
object-fit:cover
}
.swiper-banner .swiper-slide {
height:13.08rem;
max-height:calc(100vh - .0rem);
overflow:hidden;
box-sizing:border-box
}
.swiper-banner-pagination {
position:absolute;
z-index:10;
right:50%;
bottom:2.5rem;
margin:0 -9.6rem .75rem 0;
line-height:0;
font-size:0;
text-align:center
}
.swiper-banner-pagination .swiper-pagination-bullet {
position:relative;
zoom:1;
vertical-align:top;
margin-left:22px;
width:18px;
height:18px;
background:rgba(255, 255, 255, .75);
opacity:1;
outline:0;
transition:background .4s
}
.swiper-banner-pagination .swiper-pagination-bullet:before, .swiper-banner-pagination .swiper-pagination-bullet:after {
content:"";
position:absolute;
border-radius:50%;
opacity:0;
transition:opacity .4s
}
.swiper-banner-pagination .swiper-pagination-bullet:before {
top:0;
bottom:0;
left:0;
right:0;
border:solid 1px #fff
}
.swiper-banner-pagination .swiper-pagination-bullet:after {
top:5px;
bottom:5px;
left:5px;
right:5px;
background:#fff
}
.swiper-banner-pagination .swiper-pagination-bullet-active {
background:0
}
.swiper-banner-pagination .swiper-pagination-bullet-active:before, .swiper-banner-pagination .swiper-pagination-bullet-active:after {
opacity:1
}
.swiper-banner-button {
position:relative;
zoom:1;
margin:0 auto;
max-width:19.2rem
}
.swiper-banner-button>div {
position:absolute;
z-index:10;
bottom:.96rem;
display:flex;
justify-content:center;
align-items:center;
width:1.2rem;
height:.64rem;
font-size:.46rem;
font-family:"SimSun";
color:#fff;
background:#000;
cursor:pointer;
outline:0;
transition:opacity .4s
}
.swiper-banner-button>div:before {
font-size:.46rem;
font-family:"SimSun";
color:#fff;
transition:transform .4s
}
.swiper-banner-button-prev {
left:-.5rem
}
.swiper-banner-button-prev:before {
content:"<"
}
.swiper-banner-button-prev:hover:before {
transform:translateX(-50%)
}
.swiper-banner-button-next {
right:-.5rem
}
.swiper-banner-button-next:before {
content:">"
}
.swiper-banner-button-next:hover:before {
transform:translateX(50%)
}
.swiper-banner-button .swiper-button-disabled {
opacity:0;
pointer-events:none
}
.swiper-banner-thumbs {
position:absolute;
z-index:10;
left:0;
bottom:0;
width:100%
}
.swiper-banner-thumbs .swiper-container {
margin:0 auto;
max-width:14.73rem
}
.swiper-banner-thumbs .swiper-slide {
width:27.03333333%;
overflow:hidden;
text-align:center
}
.swiper-banner-thumbs .swiper-slide:last-child {
margin-right:0
}
.swiper-banner-thumbs .u-box {
position:relative;
zoom:1;
display:inline-block;
vertical-align:top;
width:4rem;
height:2.5rem;
overflow:hidden;
text-align:left;
cursor:pointer
}
.swiper-banner-thumbs .u-box:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:#1d9de3;
opacity:0;
transition:opacity .2s
}
.swiper-banner-thumbs .u-img {
position:absolute;
z-index:5;
top:0;
left:0;
width:4rem;
height:2.5rem;
transition:all .4s
}
.swiper-banner-thumbs .u-img img {
object-fit:cover
}
.swiper-banner-thumbs .u-name {
position:absolute;
top:50%;
right:-100%;
width:2.68rem;
line-height:.56rem;
font-size:.32rem;
color:#fff;
opacity:0;
transform:translateY(-50%)
}
.swiper-banner-thumbs .u-name h4 {
font-weight:normal
}
.swiper-banner-thumbs .u-name p {
opacity:.6
}
.swiper-banner-thumbs .swiper-slide-thumb-active {
width:45.801%
}
.swiper-banner-thumbs .swiper-slide-thumb-active .u-box {
width:6.9rem
}
.swiper-banner-thumbs .swiper-slide-thumb-active .u-box:before {
opacity:1
}
.swiper-banner-thumbs .swiper-slide-thumb-active .u-img {
top:.2rem;
left:.2rem;
width:3.36rem;
height:2.1rem
}
.swiper-banner-thumbs .swiper-slide-thumb-active .u-name {
right:.2rem;
opacity:1;
transition:right .6s, opacity .6s
}
.m-title {
padding-top:1.0rem;
line-height:1.25;
font-size:.48rem;
text-align:center
}
.m-title:after {
content:"";
display:block;
margin:0.5em auto 0;
width:2em;
height:.04rem;
min-height:1px;
overflow:hidden;
background:#39c
}
.swiper-product-menu {
margin-top:.4rem;
border-top:solid 2px #e3e3e3;
border-bottom:solid 2px #e3e3e3
}
.swiper-product-menu .swiper-container {
margin:0 auto;
max-width:19.2rem
}
.swiper-product-menu .swiper-slide {
padding:.35rem 0;
text-align:center;
cursor:pointer
}
.swiper-product-menu .swiper-slide:before {
content:"";
position:absolute;
top:0;
right:-2px;
width:2px;
height:100%;
overflow:hidden;
background:#e3e3e3
}
.swiper-product-menu .swiper-slide:last-child:before {
display:none
}
.swiper-product-menu .u-href {
width:100%;
height:100%;
display:inline-block
}
.swiper-product-menu .u-name {
display:inline-block;
vertical-align:top;
min-width:2.1rem;
max-width:90%;
text-align:left
}
.swiper-product-menu .u-name h4 {
position:relative;
zoom:1;
padding-right:1em;
line-height:1.2666;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.3rem;
font-weight:normal;
transition:color .2s
}
.swiper-product-menu .u-name h4:after {
content:">";
position:absolute;
top:0;
right:0;
width:1em;
padding-top:.06rem;
line-height:1.0666;
font-family:"SimSun";
text-align:center;
color:#999
}
.swiper-product-menu .u-name p {
line-height:1.5;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.2rem;
color:#999
}
.swiper-product-menu .swiper-slide:hover .u-name h4, .swiper-product-menu .current .u-name h4, .swiper-product-menu .current .u-name h4:after {
color:#39c
}
.swiper-product-menu .current .u-name h4:after {
padding-top:0;
line-height:.38rem;
transform:rotate(90deg)
}
.swiper-product {
margin-top:.5rem;
transition:opacity .2s, transform .2s
}
.swiper-product .u-box {
position:relative;
zoom:1;
overflow:hidden
}
.swiper-product .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.swiper-product .u-img.big {
position:relative;
zoom:1;
padding-top:178.90625%
}
.swiper-product .u-img.big>.jqthumb {
position:absolute !important;
top:0;
left:0;
transition:transform .6s
}
.swiper-product .u-img.small {
position:absolute;
bottom:100%;
left:0;
right:0;
padding-top:81.25%;
opacity:0;
transition:bottom .4s, opacity .4s
}
.swiper-product .u-img.small>.jqthumb {
position:absolute !important;
top:0;
left:0
}
.swiper-product .u-name {
position:absolute;
left:0;
right:0;
bottom:6.1135%;
margin-bottom:.46rem;
padding:0 .2rem;
line-height:3.1538;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.26rem;
font-weight:normal;
color:#fff;
text-align:center;
transition:bottom .4s, margin-bottom .4s, background .4s
}
.swiper-product .u-more {
position:absolute;
z-index:5;
left:34.765625%;
right:34.765625%;
bottom:6.1135%;
line-height:.44rem;
font-size:.2rem;
text-align:center;
color:#fff;
border:solid 1px #fff;
border-radius:.22rem;
transition:bottom .4s, border-color .4s
}
.swiper-product .u-more .text {
transition:opacity .4s, transform .4s
}
.swiper-product .u-more .ico {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
line-height:0;
font-size:0
}
.swiper-product .u-more .ico em {
display:inline-block;
vertical-align:top;
margin:.19rem .06rem 0;
width:.06rem;
height:.06rem;
overflow:hidden;
background:#fff;
opacity:0;
border-radius:50%;
transition:opacity .4s
}
.swiper-product .u-con {
position:absolute;
left:0;
right:0;
top:45.4148%;
bottom:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:7.8125% 13.671875% 0;
background:rgba(29, 157, 227, .92);
opacity:0;
transform:translateY(100%);
transition:transform .4s, opacity .4s
}
.swiper-product .u-con:before, .swiper-product .u-con:after {
content:"";
display:block;
width:100%;
height:1px;
overflow:hidden;
background:#fff
}
.swiper-product .u-con:before {
margin-bottom:7.5268%
}
.swiper-product .u-con:after {
margin-top:7.5268%
}
.swiper-product .u-con .content {
width:100%;
height:2.4rem;
line-height:.4rem;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:6;
-webkit-box-orient:vertical;
font-size:.2rem;
color:#fff
}
.swiper-product .u-box:hover .u-img.big>.jqthumb {
transform:scale(1.2)
}
.swiper-product .u-box:hover .u-img.small {
bottom:54.5851%;
opacity:1
}
.swiper-product .u-box:hover .u-name {
bottom:54.5851%;
margin-bottom:0;
background:rgba(0, 0, 0, .74)
}
.swiper-product .u-box:hover .u-more {
bottom:45.1965%;
border-color:transparent
}
.swiper-product .u-box:hover .u-more .text {
opacity:0
}
.swiper-product .u-box:hover .u-more .ico em {
opacity:1
}
.swiper-product .u-box:hover .u-con {
opacity:1;
transform:none
}
.swiper-advantage {
position:relative;
zoom:1;
margin:.0rem auto 0;
max-width:1920px
}
.swiper-advantage li {
position:relative;
zoom:1;
z-index:0;
float:left;
width:25%;
height:0;
padding-top:23.125%
}
.swiper-advantage li:nth-child(even) {
margin-right:50%
}
.swiper-advantage li:first-child {
position:absolute;
top:0;
left:25%;
width:50%;
padding-top:46.25%
}
.swiper-advantage li .u-img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden
}
.swiper-advantage li .u-img:before {
content:"";
position:absolute;
z-index:5;
top:0;
bottom:0;
left:0;
right:0;
border:solid 0 #1d9de3;
opacity:0;
transition:border-width .4s, opacity .4s
}
.swiper-advantage li .u-img:hover:before {
border-width:.1rem;
opacity:1
}
.swiper-advantage li .jqthumb {
transition:transform .8s
}
.swiper-advantage li:nth-child(1) .jqthumb {
transform:translateY(-100%)
}
.swiper-advantage li:nth-child(2) .jqthumb {
transform:translateX(-100%)
}
.swiper-advantage li:nth-child(3) .jqthumb {
transform:translateX(100%)
}
.swiper-advantage li:nth-child(4) .jqthumb {
transform:translateX(-100%)
}
.swiper-advantage li:nth-child(5) .jqthumb {
transform:translateX(100%)
}
.swiper-advantage .swiper-slide-next li:nth-child(1) .jqthumb {
transform:translateY(100%)
}
.swiper-advantage .swiper-slide-next li:nth-child(2) .jqthumb {
transform:translateX(100%)
}
.swiper-advantage .swiper-slide-next li:nth-child(3) .jqthumb {
transform:translateX(-100%)
}
.swiper-advantage .swiper-slide-next li:nth-child(4) .jqthumb {
transform:translateX(100%)
}
.swiper-advantage .swiper-slide-next li:nth-child(5) .jqthumb {
transform:translateX(-100%)
}
.swiper-advantage .swiper-slide-active li:nth-child(1) .jqthumb {
transform:translateY(0)
}
.swiper-advantage .swiper-slide-active li:nth-child(2) .jqthumb {
transform:translateX(0)
}
.swiper-advantage .swiper-slide-active li:nth-child(3) .jqthumb {
transform:translateX(0)
}
.swiper-advantage .swiper-slide-active li:nth-child(4) .jqthumb {
transform:translateX(0)
}
.swiper-advantage .swiper-slide-active li:nth-child(5) .jqthumb {
transform:translateX(0)
}
.swiper-advantage .conBox {
position:absolute;
left:50%;
right:25%;
top:50%;
bottom:0;
padding:.45rem;
color:#fff;
background:#1d9de3
}
.swiper-advantage .conBox:after {
content:"";
display:block;
margin-top:.16rem;
width:1.3rem;
height:.02rem;
min-height:1px;
overflow:hidden;
background:#fff
}
.swiper-advantage .conBox .u-name {
padding-top:.16rem;
line-height:1.5882;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.34rem;
font-weight:normal;
transition:opacity .6s, transform .6s
}
.swiper-advantage .conBox .u-con {
margin-top:.06rem;
line-height:1.6363;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.22rem;
transition:opacity .6s .2s, transform .6s .2s
}
.swiper-advantage .conBox .u-name, .swiper-advantage .conBox .u-con {
opacity:0;
transform:translateY(.25rem)
}
.swiper-advantage .swiper-slide-active .u-name, .swiper-advantage .swiper-slide-active .u-con {
opacity:1;
transform:none
}
.swiper-advantage-button {
position:absolute;
z-index:10;
left:50%;
right:25%;
bottom:0;
width:auto;
color:#fff
}
.swiper-advantage-button>div {
display:flex;
align-items:center;
line-height:1.65;
overflow:hidden;
cursor:pointer;
outline:0;
transition:opacity .4s
}
.swiper-advantage-button>div:before {
display:block;
padding:0 .45rem;
width:.3rem;
text-align:center;
font-size:.4rem;
font-family:"SimSun";
box-sizing:content-box;
transform:rotate(90deg)
}
.swiper-advantage-button-prev:before {
content:"<"
}
.swiper-advantage-button-next:before {
content:">"
}
.swiper-advantage-button>.swiper-button-disabled {
opacity:.25;
pointer-events:none
}
.swiper-advantage-pagination {
padding:0 .45rem;
line-height:.44rem;
font-size:.3rem;
box-sizing:content-box
}
.m-about .m-title {
padding-top:1.5rem;
text-align:left
}
.m-about .m-title:after {
margin-left:0;
margin-top:.625em
}
.aboutCon {
position:relative;
zoom:1;
margin-top:0.52rem;
color:#fff
}
.aboutCon:before {
content:"";
position:absolute;
top:.9rem;
bottom:0;
left:0;
right:0;
background:#1d9de3
}
.aboutCon>.area {
position:relative;
zoom:1
}
.aboutCon .conBox {
position:relative;
z-index:5;
padding-bottom:1.6rem;
width:10.3rem
}
.aboutCon .conBox hr {
margin:.4rem .35rem .4rem 0;
border:0 none;
border-bottom:solid 1px #fff
}
.aboutCon .conBox .u-name {
line-height:.9rem;
font-size:.72rem
}
.aboutCon .conBox .u-name h4:first-child {
color:#1d9de3
}
.aboutCon .conBox .u-con {
margin-top:.48rem;
line-height:1.9090;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.22rem
}
.aboutCon .conBox .u-btn {
display:block;
width:1.55rem;
line-height:2.2;
font-size:.2rem;
text-align:center;
color:#fff;
border:solid 1px #fff;
background:#1d9de3;
border-radius:1.1em
}
.aboutCon .imgBox {
position:absolute;
bottom:0;
left:5.08rem;
right:.5rem
}
.m-item .bg-item {
padding-bottom:2.72rem;
background:#f7f7f7
}
.m-item .conBox {
margin:.66rem auto 0;
width:13.66rem;
line-height:1.9090;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.22rem
}
.swiper-item {
position:relative;
zoom:1
}
.swiper-item .swiper-container {
margin:-2.02rem auto 0;
max-width:19.2rem;
min-height:2.02rem
}
.swiper-item .swiper-slide {
width:6.1rem
}
.swiper-item .u-box {
position:relative;
zoom:1;
overflow:hidden
}
.swiper-item .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.swiper-item .u-img.big {
height:7.58rem;
overflow:hidden
}
.swiper-item .u-img.big>.jqthumb {
transition:transform .6s
}
.swiper-item .u-img.small {
position:absolute;
top:-3.8rem;
left:0;
right:0;
height:3.8rem;
opacity:0;
transition:top .4s, opacity .4s
}
.swiper-item .u-con {
position:absolute;
left:0;
right:0;
top:100%;
margin-top:-3em;
padding:0 .8rem;
height:3.78rem;
font-size:.3rem;
background:rgba(0, 0, 0, .54);
transition:top .4s, margin-top .4s, color .4s, background .4s
}
.swiper-item .u-con .name {
line-height:3;
overflow:hidden;
font-weight:normal;
color:#fff;
text-overflow:ellipsis;
white-space:nowrap;
transition:padding-top .4s, color .4s
}
.swiper-item .u-con .content {
line-height:2;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
font-size:.18rem;
color:#fff;
opacity:0;
transition:color .4s, opacity .4s
}
.swiper-item .u-box:hover .u-img.big>.jqthumb {
transform:scale(1.2)
}
.swiper-item .u-box:hover .u-img.small {
top:0;
opacity:1
}
.swiper-item .u-box:hover .u-con {
top:3.8rem;
margin-top:0;
background:#fff
}
.swiper-item .u-box:hover .u-con .name {
padding-top:2em;
color:#333
}
.swiper-item .u-box:hover .u-con .content {
color:#666;
opacity:1
}
.swiper-item-button>div {
position:absolute;
z-index:10;
top:50%;
font-size:.6rem;
font-family:"SimSun";
color:#ccc;
cursor:pointer;
outline:0;
transform:translateY(-50%);
transition:color .4s, opacity .4s
}
.swiper-item-button>div:hover {
color:#298ac0
}
.swiper-item-button-prev {
left:50%;
margin-left:-10.8rem
}
.swiper-item-button-next {
right:50%;
margin-right:-10.8rem
}
.swiper-item-button .swiper-button-disabled {
opacity:.25;
pointer-events:none
}
.swiper-news {
margin:.58rem auto 0;
max-width:19.2rem
}
.swiper-news .swiper-slide {
width:6.1rem
}
.swiper-news .u-box {
position:relative;
zoom:1;
overflow:hidden
}
.swiper-news .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.swiper-news .u-box>.flex {
display:flex;
align-items:center;
width:100%
}
.swiper-news .u-date {
flex-shrink:0;
min-width:1.1rem;
margin-right:.2rem
}
.swiper-news .u-date .date {
display:inline-block;
vertical-align:top;
text-align:center
}
.swiper-news .u-date p {
transition:color .4s
}
.swiper-news .u-date .DD {
line-height:1;
font-size:.92rem;
color:#000
}
.swiper-news .u-date .YYMM {
line-height:1.6363;
font-size:.22rem;
color:#666
}
.swiper-news .u-con {
flex:1 0 0;
overflow:hidden
}
.swiper-news .u-con .name {
line-height:2.5384;
overflow:hidden;
font-size:.26rem;
font-weight:normal;
text-overflow:ellipsis;
white-space:nowrap;
color:#000
}
.swiper-news .u-con .content {
line-height:1.75;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.16rem;
color:#666
}
.swiper-news .u-more {
margin-top:.34rem;
width:1.55rem;
line-height:2.2;
font-size:.2rem;
text-align:center;
color:#999;
border:solid 1px #999;
border-radius:1.1em;
transition:color .4s, border-color .4s
}
.swiper-news .u-img {
margin-top:.74rem;
height:3.28rem;
overflow:hidden
}
.swiper-news .u-img>.jqthumb {
transition:transform .6s
}
.swiper-news .u-box:hover .u-date .DD, .swiper-news .u-box:hover .u-date .YYMM {
color:#39c
}
.swiper-news .u-box:hover .u-more {
color:#39c;
border-color:#39c
}
.swiper-news .u-box:hover .u-img>.jqthumb {
transform:scale(1.2)
}
.swiper-news-pagination {
margin-top:1rem;
text-align:center
}
.swiper-news-pagination .swiper-pagination-bullet {
position:relative;
zoom:1;
vertical-align:top;
margin:0 10px;
width:18px;
height:18px;
border:solid 2px #e6e6e6;
background:#e6e6e6;
opacity:1;
outline:0;
transition:border-color .4s, background .4s
}
.swiper-news-pagination .swiper-pagination-bullet-active {
border-color:#39c;
background:0
}
.m-footer {
padding:.84rem 0 1.12rem;
background:#f7f7f7
}
.m-footer>.area {
display:flex;
justify-content:space-between;
overflow:hidden
}
.footer-contact {
flex-shrink:0;
width:4rem
}
.footer-contact .title {
line-height:2.6153;
font-size:.26rem;
font-weight:normal
}
.footer-contact .conBox {
padding:.08rem 0;
line-height:2;
font-size:.18rem;
color:#666
}
.footer-contact .conBox .tel {
line-height:1.4117;
font-size:.34rem;
font-weight:bold
}
.footer-contact .icoBox {
margin-top:.1rem;
line-height:0;
font-size:0
}
.footer-contact .icoBox li {
display:inline-block;
vertical-align:top;
margin-right:.12rem
}
.footer-contact .icoBox a {
display:block;
width:.58rem;
height:.58rem;
overflow:hidden;
background:#ddd url(../images/ico-contact.png) 0 .58rem / 1.16rem 1.74rem no-repeat;
transition:background-position .4s
}
.footer-contact .icoBox .weibo a {
background-position:0 0
}
.footer-contact .icoBox .wechat a {
background-position:0 -.58rem
}
.footer-contact .icoBox .email a {
background-position:0 -1.16rem
}
.footer-contact .icoBox .weibo a:hover {
background-position:-.58rem 0
}
.footer-contact .icoBox .wechat a:hover {
background-position:-.58rem -.58rem
}
.footer-contact .icoBox .email a:hover {
background-position:-.58rem -1.16rem
}
.footer-nav {
display:flex;
flex:1
}
.footer-nav dl {
display:flex;
flex-direction:column;
align-items:flex-end;
flex:1
}
.footer-nav dt, .footer-nav dd {
width:56.4102%
}
.footer-nav dt {
line-height:2.6153;
font-size:.26rem
}
.footer-nav dd {
display:flex;
align-items:center;
line-height:3;
font-size:.2rem;
border-bottom:solid 1px #cfcfcf
}
.footer-nav dd:before {
content:"";
display:block;
margin-right:.2rem;
width:.08rem;
height:.08rem;
overflow:hidden;
background:#409ccf;
border-radius:50%
}
.footer-nav dd a {
color:#666
}
.footer-nav a:hover {
color:#409ccf
}
.m-copyright, .m-copyright a {
color:#999
}
.m-copyright a:hover {
color:#fff
}
.m-copyright {
padding:.18rem 0;
line-height:1.875;
font-size:.16rem;
background:#000
}
.m-copyright span {
margin-right:1.5em
}
#client {
position:fixed;
z-index:200;
top:50%;
right:0;
transform:translateY(-50%)
}
#client .client-home, #client .client-map {
display:none
}
#client .u-a {
position:relative;
display:block;
padding-left:48px;
height:48px;
background:#f7f7f7
}
#client .u-a .ico {
position:absolute;
top:0;
left:0;
width:48px;
height:48px;
overflow:hidden;
background:url(../images/ico-client.png) 0 48px no-repeat;
transition:background-color .4s, background-image .4s
}
#client .u-a:hover .ico {
background-color:#409ccf;
background-image:url(../images/ico-client-hover.png)
}
#client .client-tel .ico {
background-position:0 0
}
#client .client-qq .ico {
background-position:0 -48px
}
#client .client-wechat .ico {
background-position:0 -96px
}
#client .client-goTop .ico {
background-position:0 -144px
}
#client .conBox .con {
display:none;
position:absolute;
top:0;
right:100%;
margin-right:6px;
border-radius:2px
}
#client .conBox .con:before {
content:"";
position:absolute;
top:20px;
left:100%;
width:0;
height:0;
overflow:hidden;
border-width:4px;
border-style:solid;
border-color:transparent transparent transparent #f7f7f7
}
#client .conBox .text {
padding:0 20px;
line-height:48px;
font-size:16px;
font-weight:bold;
color:#409ccf;
background:#f7f7f7;
white-space:nowrap
}
#client ul {
display:none
}
#client li {
margin-bottom:1px
}
#client li.client-goTop {
opacity:0;
transition:opacity .4s
}
#client li.client-goTop .u-a {
height:0;
overflow:hidden;
transition:height .4s
}
#client[goTop="show"] li.client-goTop {
opacity:1
}
#client[goTop="show"] li.client-goTop .u-a {
height:48px
}
#client .client-btn {
display:block;
width:48px;
height:48px;
overflow:hidden;
background:#409ccf
}
#client .client-btn:before, #client .client-btn:after {
content:"";
display:block;
margin:0 auto;
width:22px;
height:2px;
overflow:hidden;
background:#fff;
transition:transform .4s, opacity .4s
}
#client .client-btn:before {
margin-top:24px
}
#client .client-btn:after {
margin-top:-2px;
transform:rotate(90deg)
}
#client[client="show"] .client-btn:before {
opacity:0;
transform:rotate(90deg)
}
#client[client="show"] .client-btn:after {
transform:rotate(180deg)
}
.sub-title {
display:flex;
justify-content:space-between;
align-items:flex-end;
padding:0 1rem;
overflow:hidden
}
.sub-title .m-title {
padding-top:.38rem;
line-height:2.3333;
font-size:.36rem;
text-align:left
}
.sub-title .m-title:after {
margin:0;
width:1rem
}
.sub-title .m-title h2 {
font-weight:normal
}
.sub-menu {
flex-shrink:0
}
.sub-menu li {
display:inline-block;
vertical-align:top;
margin-left:.54rem
}
.sub-menu a {
position:relative;
zoom:1;
display:block;
line-height:3.7;
font-size:.2rem;
color:#898989
}
.sub-menu a:after {
content:"";
position:absolute;
bottom:0;
left:50%;
width:0;
height:1px;
background:#898989;
transition:left .4s, width .4s, background .4s
}
.sub-menu a:hover, .sub-menu .current a {
color:#333
}
.sub-menu a:hover:after, .sub-menu .current a:after {
left:0;
width:100%;
background:#333
}
.sub-product {
padding:.9rem 1rem 0
}
.sub-product li {
float:left;
margin:2.9661% 0 0 2.8248%;
width:22.8813%
}
.sub-product li:nth-child(-n+4) {
margin-top:0
}
.sub-product li:nth-child(4n+1) {
margin-left:0
}
.sub-product .u-box {
position:relative;
zoom:1;
overflow:hidden;
transition:color .4s
}
.sub-product .u-box:before {
content:"";
position:absolute;
z-index:5;
top:0;
left:0;
width:0;
height:.06rem;
min-height:2px;
overflow:hidden;
background:#1d9de4;
transition:width .4s
}
.sub-product .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.sub-product .u-img {
position:relative;
zoom:1;
padding-top:114.8148%
}
.sub-product .u-img>.jqthumb {
position:absolute !important;
top:0;
left:0
}
.sub-product .u-name {
margin-top:.3rem;
line-height:2.3076;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.26rem;
font-weight:normal
}
.sub-product .u-box:hover {
color:#1d9de4
}
.sub-product .u-box:hover:before {
width:100%
}
.pro-detail {
padding-top:1rem
}
.pro-detail>.area {
display:flex;
justify-content:space-between;
max-width:15rem
}
.pro-detail .conBox {
width:4.16rem
}
.pro-detail .imgBox {
width:8.88rem
}
.pro-detail .m-title {
padding-top:0;
font-size:.36rem;
text-align:left
}
.pro-detail .m-title h1 {
font-weight:normal
}
.pro-detail .m-title:after {
margin:.5555em 0 0;
width:2.6666em
}
.pro-detail .detail-con {
padding:.45rem 0 .55rem;
line-height:2;
font-size:.18rem;
color:#666
}
.pro-detail .detail-con h4 {
margin-bottom:.25rem;
font-size:.22rem;
font-weight:normal;
color:#000
}
.swiper-thumbs, .swiper-thumbs .swiper-slide {
position:relative;
zoom:1
}
.swiper-thumbs {
margin-bottom:.8rem
}
.swiper-thumbs .swiper-slide {
height:.92rem;
cursor:pointer
}
.swiper-thumbs .swiper-slide:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
border:solid 2px #1d9de3;
opacity:0;
transition:opacity .4s
}
.swiper-thumbs .swiper-slide-thumb-active:before {
opacity:1
}
.swiper-thumbs .swiper-slide img {
width:100%;
height:100%;
object-fit:cover
}
.swiper-gallery-button-next {
display:none;
position:absolute;
z-index:5;
top:0;
left:100%;
margin-left:.16rem;
width:.25rem;
line-height:.92rem;
overflow:hidden;
font-size:.24rem;
font-family:"SimSun";
text-align:center;
color:#1d9de4;
cursor:pointer;
outline:0;
transition:width .4s
}
.swiper-gallery-button-next:hover {
width:.35rem
}
.detail-back a {
display:inline-flex;
align-items:center;
vertical-align:top;
line-height:2.2;
font-size:.2rem;
color:#767676
}
.detail-back a:before {
content:"";
display:inline-block;
vertical-align:top;
margin-right:.1rem;
width:.13rem;
height:.13rem;
background:url(../images/ico-list.png) center / 100% 100% no-repeat;
transition:transform .4s
}
.detail-back a:hover {
color:#39c
}
.detail-back a:hover:before {
transform:rotate(90deg)
}
.detail-page {
margin:1.6rem 0 -.55rem;
text-align:center
}
.detail-page .page {
position:relative;
zoom:1;
padding:.26rem 1rem;
height:2.7rem;
line-height:1.5;
font-size:.24rem;
color:#fff;
background:url(../images/bg-detail-page.jpg) center / cover no-repeat;
transition:filter .4s
}
.detail-page .page p, .detail-page .page h4, .detail-page .page .arrow {
transition:transform .6s
}
.detail-page .page h4 {
margin:.48rem 0 .46rem;
line-height:1.2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.3rem;
font-weight:normal;
transition-delay:.1s
}
.detail-page .page a {
position:absolute;
z-index:10;
top:0;
left:0;
width:100%;
height:100%;
font-size:0
}
.detail-page .page .arrow {
display:block;
margin:0 auto;
width:1.07rem;
height:.08rem;
background:url(../images/arrow-detail-page.png) center / contain no-repeat;
transition-delay:.2s
}
.detail-page .page:hover {
filter:brightness(1.1)
}
.detail-page .page:hover p, .detail-page .page:hover h4, .detail-page .page:hover .arrow {
transform:translateX(.5rem)
}
.detail-page .page-disabled {
display:none
}
.sub-news>.area {
max-width:1500px
}
.sub-news .m-title {
padding-top:.8rem
}
.swiper-news-recommend {
position:relative;
zoom:1;
margin-top:.55rem;
padding:.35rem;
background:#fff;
box-shadow:0 0 .1rem rgba(113, 113, 113, .08)
}
.swiper-news-recommend .title {
position:absolute;
z-index:5;
top:0;
left:0;
display:flex;
justify-content:center;
align-items:center;
width:1.4rem;
height:1.4rem;
line-height:1.2;
font-size:.3rem;
font-weight:normal;
color:#fff;
background:rgba(0, 0, 0, .5)
}
.swiper-news-recommend .u-box {
position:relative;
zoom:1
}
.swiper-news-recommend .u-box:after {
content:".";
display:block;
visibility:hidden;
overflow:hidden;
height:0;
clear:both
}
.swiper-news-recommend .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.swiper-news-recommend .u-img {
position:relative;
zoom:1;
float:left;
margin-right:.5rem;
width:5.92rem;
height:4.22rem;
opacity:0;
transform:translateX(-2rem);
transition:opacity .6s, transform .6s, filter .4s
}
.swiper-news-recommend .u-img>.jqthumb {
position:absolute !important;
top:0;
left:0
}
.swiper-news-recommend .u-con {
padding-top:.08rem;
line-height:2;
overflow:hidden
}
.swiper-news-recommend .date {
font-size:.22rem;
color:#666
}
.swiper-news-recommend .name {
margin-top:.05rem;
overflow:hidden;
font-size:.24rem;
font-weight:normal;
text-overflow:ellipsis;
white-space:nowrap
}
.swiper-news-recommend .content {
margin-top:.28rem;
height:4em;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.2rem;
color:#666
}
.swiper-news-recommend .more {
margin-top:.76rem;
display:inline-block;
vertical-align:top;
width:.73rem;
height:.06rem;
background:url(../images/arrow-news.png) center / 100% 100% no-repeat
}
.swiper-news-recommend .u-box:hover .u-img {
filter:brightness(1.1)
}
.swiper-news-recommend .u-box:hover .name {
color:#39c
}
.swiper-news-recommend .u-box:hover .more {
width:.93rem
}
.swiper-news-recommend .date, .swiper-news-recommend .name, .swiper-news-recommend .content, .swiper-news-recommend .more {
opacity:0;
transform:translateX(2rem)
}
.swiper-news-recommend .date {
transition:opacity .6s .15s, transform .6s .15s
}
.swiper-news-recommend .name {
transition:color .4s 0s, opacity .6s .25s, transform .6s .25s
}
.swiper-news-recommend .content {
transition:opacity .6s .35s, transform .6s .35s
}
.swiper-news-recommend .more {
transition:width .4s 0s, opacity .6s .45s, transform .6s .45s
}
.swiper-news-recommend .swiper-slide-active .u-img, .swiper-news-recommend .swiper-slide-active .date, .swiper-news-recommend .swiper-slide-active .name, .swiper-news-recommend .swiper-slide-active .content, .swiper-news-recommend .swiper-slide-active .more {
opacity:1;
transform:none
}
.swiper-news-button {
position:absolute;
z-index:10;
bottom:0;
right:0;
padding:.5rem .2rem;
line-height:0;
font-size:0
}
.swiper-news-button>div {
display:inline-block;
vertical-align:top;
width:.7rem;
line-height:.36rem;
font-size:.46rem;
font-family:"SimSun";
text-align:center;
color:#999;
border-left:solid 1px #bebaba;
cursor:pointer;
outline:0
}
.swiper-news-button>div:first-child {
border:0
}
.swiper-news-button>div:hover {
color:#1d9de4
}
.swiper-news-button>.swiper-button-disabled {
color:#e5e5e5;
pointer-events:none
}
.sub-news-list {
margin-top:.55rem
}
.sub-news-list li {
margin-top:.45rem;
padding:.35rem 0 .35rem .35rem;
background:#fff;
box-shadow:0 0 .1rem rgba(113, 113, 113, .08)
}
.sub-news-list li:first-child {
margin:0
}
.sub-news-list .u-box {
position:relative;
zoom:1;
display:flex;
overflow:hidden
}
.sub-news-list .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.sub-news-list .u-box>.flex {
flex:1;
display:flex;
overflow:hidden
}
.sub-news-list .u-img {
flex-shrink:0;
margin-right:.5rem;
width:3.36rem;
height:2.4rem;
transition:filter .4s
}
.sub-news-list .u-con {
flex:1;
padding-top:.18rem;
line-height:1.8;
overflow:hidden
}
.sub-news-list .name {
line-height:2;
overflow:hidden;
font-size:.24rem;
font-weight:normal;
text-overflow:ellipsis;
white-space:nowrap;
transition:color .4s
}
.sub-news-list .content {
margin-top:.28rem;
height:3.6em;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.2rem;
color:#666
}
.sub-news-list .more {
margin-top:.42rem;
display:inline-block;
vertical-align:top;
width:.73rem;
height:.06rem;
background:url(../images/arrow-news.png) center / 100% 100% no-repeat;
transition:width .4s
}
.sub-news-list .u-date {
flex-shrink:0;
margin-left:.8rem;
padding-top:.24rem;
width:2.14rem;
height:2.4rem;
font-family:Arial;
text-align:center;
border-left:solid 1px #e2e2e2
}
.sub-news-list .u-date .DD {
line-height:1.0925;
font-size:1.08rem;
color:#666
}
.sub-news-list .u-date .YYMM {
line-height:1.3846;
font-size:.26rem
}
.sub-news-list .u-box:hover .u-img {
filter:brightness(1.1)
}
.sub-news-list .u-box:hover .name {
color:#39c
}
.sub-news-list .u-box:hover .more {
width:.93rem
}
.news-detail {
padding-top:1rem
}
.news-detail>.area {
max-width:15rem;margin: 0px auto;
}
.news-detail .m-title {
padding-top:0;
font-size:.36rem;
text-align:left
}
.news-detail .m-title h1 {
font-weight:normal
}
.news-detail .m-title p {
margin-top:1em;
line-height:2;
font-size:.18rem;
color:#666
}
.news-detail .m-title:after {
margin:.5555em 0 0;
width:2.6666em
}
.news-detail .detail-con {
padding:.45rem 0 .55rem;
line-height:2;
font-size:.25rem;
color:#666
}
.news-detail .detail-con h4 {
margin-bottom:.25rem;
font-size:.22rem;
font-weight:normal;
color:#000
}
}
@media screen and (min-width:751px) and (max-width:2020px) {
.aboutCon .imgBox {
right:0
}
}
@media screen and (min-width:751px) and (max-width:2180px) {
.swiper-item-button-prev {
left:.1rem;
margin:0
}
.swiper-item-button-next {
right:.1rem;
margin:0
}
}
@media screen and (max-width:750px) {
::-webkit-scrollbar {
width:0;
height:0
}
[wap="hide"] {
display:none !important
}
#header {
position:fixed;
z-index:100;
top:0;
left:0;
right:0;
height:1rem;
overflow:hidden;
transition:height .4s, background .4s
}
.top-bar>.wrap {
display:block;
margin-left:auto;
margin-right:auto;
width:100%;
min-width:320px;
padding-top:1rem;
height:1rem
}
.top-box {
position:fixed;
z-index:10;
top:0;
left:0;
right:0;
display:flex;
justify-content:space-between;
align-items:center;
margin-right:0;
height:1rem;
min-width:320px;
background:#000
}
.top-box .logo {
height:100%
}
.top-box .logo a {
display:flex;
justify-content:center;
align-items:center;
padding:0 .3rem;
width:100%;
height:100%
}
.top-box .logo img {
max-height:61%
}
.top-box .nav-btn {
margin:0 .3rem;
height:.42rem
}
.top-box .nav-btn .line {
position:relative;
display:block;
width:.68rem;
height:.04rem;
overflow:hidden;
background:#fff;
transition:transform .4s
}
.top-box .nav-btn .line:nth-child(2) {
margin:.15rem 0
}
.top-nav {
padding:.8rem 0;
opacity:0;
transform:translateY(-.4rem);
transition:opacity .4s, transform .4s
}
.top-nav .fir-li {
margin:0 .4rem
}
.top-nav .fir-li:after {
content:"";
display:block;
height:0;
overflow:hidden;
border-bottom:solid 1px rgba(51, 51, 51, .64);
transition:all .4s
}
.top-nav .fir-li .u-a {
display:block;
padding:.32rem 0;
line-height:.36rem;
font-size:.3rem;
color:#999
}
.top-nav .fir-li .u-a .ico {
display:none;
float:right;
margin-left:.2rem;
width:.3rem;
height:.3rem
}
.top-nav .fir-li .u-a .ico:before, .top-nav .fir-li .u-a .ico:after {
content:"";
display:block;
width:.3rem;
height:.02rem;
overflow:hidden;
background:#ccc;
transition:transform .4s, background .4s, opacity .4s
}
.top-nav .fir-li .u-a .ico:before {
margin-top:.14rem
}
.top-nav .fir-li .u-a .ico:after {
margin-top:-.02rem;
transform:rotate(90deg)
}
.top-nav .active .u-a {
color:#1d9de3
}
.top-nav .active .u-a .ico:before {
background:#999;
opacity:0;
transform:rotate(90deg)
}
.top-nav .active .u-a .ico:after {
background:#999;
transform:rotate(180deg)
}
.top-nav .sec-box {
display:none
}
.top-nav .sec-ul {
padding:0 0 .2rem
}
.top-nav .sec-ul a {
display:block;
padding:.1rem 0 .1rem .9rem;
line-height:.3rem;
font-size:.24rem;
color:#999
}
#header[nav="show"] {
height:100%;
overflow:auto;
background:#000
}
#header[nav="show"] .nav-btn .line:nth-child(1) {
transform:translateY(.19rem) rotate(45deg)
}
#header[nav="show"] .nav-btn .line:nth-child(2) {
transform:translateX(50%) scaleX(0)
}
#header[nav="show"] .nav-btn .line:nth-child(3) {
transform:translateY(-.19rem) rotate(-45deg)
}
#header[nav="show"] .top-nav {
opacity:1;
transform:none
}
#content>#main {
padding-bottom:.9rem
}
#banner {
position:relative;
zoom:1
}
.swiper-banner {
padding-bottom:.88rem
}
.swiper-banner-thumbs {
position:absolute;
z-index:10;
left:.85rem;
right:0;
bottom:0
}
.swiper-banner-thumbs .u-box {
position:relative;
zoom:1;
width:3.62rem;
height:2.28rem;
overflow:hidden;
background:#1d9de3;
cursor:pointer;
transform:translateX(-.9rem);
transition:all .4s
}
.swiper-banner-thumbs .u-img {
position:absolute;
top:0;
left:0;
width:4rem;
height:2.5rem;
transition:all .4s
}
.swiper-banner-thumbs .u-name {
position:absolute;
top:50%;
right:-100%;
width:2.03rem;
line-height:.56rem;
font-size:.32rem;
color:#fff;
transform:translateY(-50%);
transition:right .4s
}
.swiper-banner-thumbs .u-name h4 {
font-weight:normal
}
.swiper-banner-thumbs .u-name p {
opacity:.6
}
.swiper-banner-thumbs .swiper-slide-thumb-active .u-box {
width:5.65rem;
transform:none
}
.swiper-banner-thumbs .swiper-slide-thumb-active .u-img {
top:.2rem;
left:.2rem;
width:3.02rem;
height:1.88rem
}
.swiper-banner-thumbs .swiper-slide-thumb-active .u-name {
right:.2rem
}
.swiper-banner-button>div {
position:absolute;
z-index:10;
bottom:.88rem;
display:flex;
justify-content:center;
align-items:center;
width:1.2rem;
height:.64rem;
font-size:.46rem;
font-family:"SimSun";
color:#fff;
background:#000;
cursor:pointer;
outline:0;
transition:opacity .4s
}
.swiper-banner-button>div:before {
font-size:.46rem;
font-family:"SimSun";
color:#fff;
transition:transform .4s
}
.swiper-banner-button-prev {
left:-.54rem
}
.swiper-banner-button-prev:before {
content:"<"
}
.swiper-banner-button-prev:hover:before {
transform:translateX(-50%)
}
.swiper-banner-button .swiper-banner-button-next {
display:none
}
.swiper-banner-button .swiper-button-disabled {
opacity:0;
pointer-events:none
}
#content {
padding-top:1rem;
overflow:hidden
}
.m-title {
padding-top:1em;
line-height:1.25;
font-size:.48rem;
text-align:center
}
.m-title:after {
content:"";
display:block;
margin:1em auto 0;
width:2em;
height:.04rem;
min-height:1px;
overflow:hidden;
background:#39c
}
.swiper-product-menu {
position:relative;
zoom:1;
margin-top:.5rem;
border-top:solid 2px #e3e3e3
}
.swiper-product-menu:before {
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
border-bottom:solid 2px #e3e3e3
}
.swiper-product-menu .swiper-wrapper {
flex-wrap:wrap
}
.swiper-product-menu .swiper-slide {
width:50%;
padding:.2rem 0;
text-align:center;
border-bottom:solid 2px #e3e3e3;
cursor:pointer
}
.swiper-product-menu .swiper-slide:nth-child(odd):before {
content:"";
position:absolute;
top:0;
right:-1px;
width:2px;
height:100%;
overflow:hidden;
background:#e3e3e3
}
.swiper-product-menu .u-name {
display:inline-block;
vertical-align:top;
min-width:2.1rem;
max-width:90%;
text-align:left
}
.swiper-product-menu .u-name h4 {
position:relative;
zoom:1;
padding-right:1em;
line-height:1.4705;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.34rem;
font-weight:normal;
transition:color .2s
}
.swiper-product-menu .u-name h4:after {
content:">";
position:absolute;
top:0;
right:0;
width:1em;
font-family:"SimSun";
text-align:center;
color:#999;
transform:rotate(90deg)
}
.swiper-product-menu .u-name p {
line-height:1.5;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.2rem;
color:#999
}
.swiper-product-menu .swiper-slide:hover .u-name h4, .swiper-product-menu .current .u-name h4, .swiper-product-menu .current .u-name h4:after {
color:#39c
}
.swiper-product {
margin-top:.5rem
}
.swiper-product .u-box {
position:relative;
zoom:1
}
.swiper-product .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.swiper-product .u-img.big {
height:6.7rem
}
.swiper-product .u-img.small {
position:absolute;
top:-4.16rem;
left:0;
right:0;
height:4.16rem;
opacity:0;
transition:top .4s, opacity .4s
}
.swiper-product .u-name {
position:absolute;
left:0;
right:0;
bottom:1.08rem;
padding:0 .2rem;
line-height:3.1538;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.26rem;
font-weight:normal;
color:#fff;
text-align:center;
transition:bottom .4s, background .4s
}
.swiper-product .u-more {
position:absolute;
z-index:5;
left:50%;
bottom:.46rem;
margin-left:-.78rem;
width:1.54rem;
line-height:2.2;
font-size:.2rem;
text-align:center;
color:#fff;
border:solid 1px #fff;
border-radius:1.1em;
transition:bottom .4s, border-color .4s
}
.swiper-product .u-more .text {
transition:opacity .4s, transform .4s
}
.swiper-product .u-more .ico, .swiper-product .u-con {
display:none
}
.swiper-advantage {
position:relative;
zoom:1;
margin-top:.55rem
}
.swiper-advantage li {
position:relative;
zoom:1;
z-index:0;
float:left;
width:50%;
height:0;
padding-top:42.2666%
}
.swiper-advantage li:first-child {
width:100%;
padding-top:92.5333%
}
.swiper-advantage li:nth-child(2), .swiper-advantage li:nth-child(3) {
display:none
}
.swiper-advantage li .u-img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden
}
.swiper-advantage li .u-img:before {
content:"";
position:absolute;
z-index:5;
top:0;
bottom:0;
left:0;
right:0;
border:solid 0 #1d9de3;
opacity:0;
transition:border-width .4s, opacity .4s
}
.swiper-advantage li .u-img:hover:before {
border-width:.1rem;
opacity:1
}
.swiper-advantage li .jqthumb {
transition:transform .8s
}
.swiper-advantage li:nth-child(1) .jqthumb {
transform:translateY(-100%)
}
.swiper-advantage li:nth-child(4) .jqthumb {
transform:translateX(-100%)
}
.swiper-advantage li:nth-child(5) .jqthumb {
transform:translateX(100%)
}
.swiper-advantage .swiper-slide-next li:nth-child(1) .jqthumb {
transform:translateY(100%)
}
.swiper-advantage .swiper-slide-next li:nth-child(4) .jqthumb {
transform:translateX(100%)
}
.swiper-advantage .swiper-slide-next li:nth-child(5) .jqthumb {
transform:translateX(-100%)
}
.swiper-advantage .swiper-slide-active li:nth-child(1) .jqthumb {
transform:translateY(0)
}
.swiper-advantage .swiper-slide-active li:nth-child(4) .jqthumb {
transform:translateX(0)
}
.swiper-advantage .swiper-slide-active li:nth-child(5) .jqthumb {
transform:translateX(0)
}
.swiper-advantage .conBox {
position:absolute;
left:50%;
right:0;
top:3.47rem;
height:3.47rem;
padding:.28rem .45rem 0;
color:#fff;
background:#1d9de3;
box-sizing:border-box
}
.swiper-advantage .conBox:after {
content:"";
display:block;
margin-top:.14rem;
width:1.3rem;
height:.02rem;
min-height:1px;
overflow:hidden;
background:#fff
}
.swiper-advantage .conBox .u-name {
line-height:1.7058;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.34rem;
font-weight:normal;
transition:opacity .6s, transform .6s
}
.swiper-advantage .conBox .u-con {
line-height:2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.22rem;
transition:opacity .6s .2s, transform .6s .2s
}
.swiper-advantage .conBox .u-name, .swiper-advantage .conBox .u-con {
opacity:0;
transform:translateY(.25rem)
}
.swiper-advantage .swiper-slide-active .u-name, .swiper-advantage .swiper-slide-active .u-con {
opacity:1;
transform:none
}
.swiper-advantage-button {
position:absolute;
z-index:10;
left:50%;
right:0;
top:5.1rem;
width:auto;
color:#fff
}
.swiper-advantage-button>div {
display:flex;
align-items:center;
line-height:1.85;
overflow:hidden;
cursor:pointer;
outline:0;
transition:opacity .4s
}
.swiper-advantage-button>div:before {
display:block;
padding:0 .45rem;
width:.3rem;
text-align:center;
font-size:.4rem;
font-family:"SimSun";
box-sizing:content-box;
transform:rotate(90deg)
}
.swiper-advantage-button-prev:before {
content:"<"
}
.swiper-advantage-button-next:before {
content:">"
}
.swiper-advantage-button>.swiper-button-disabled {
opacity:.25;
pointer-events:none
}
.swiper-advantage-pagination {
padding:0 .45rem;
line-height:.36rem;
font-size:.3rem;
box-sizing:content-box
}
.aboutCon {
position:relative;
zoom:1;
margin-top:.6rem
}
.aboutCon>.area {
position:relative;
zoom:1;
padding:0
}
.aboutCon .conBox {
padding:.92rem .35rem 1.24rem;
background:#f7f7f7
}
.aboutCon .conBox hr {
margin:.8rem .35rem .8rem 0;
border:0 none;
border-bottom:solid 1px #666
}
.aboutCon .conBox .u-name {
line-height:.9rem;
font-size:.72rem
}
.aboutCon .conBox .u-name h4:nth-child(2) {
color:#1d9de3
}
.aboutCon .conBox .u-con {
margin-top:.48rem;
line-height:1.9090;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.22rem;
color:#666
}
.aboutCon .conBox .u-btn {
display:block;
width:1.55rem;
line-height:2.2;
font-size:.2rem;
text-align:center;
border:solid 1px #4e4e4e;
border-radius:1.1em
}
.aboutCon .imgBox {
position:relative;
zoom:1;
height:3.25rem;
background:#1d9de3
}
.aboutCon .imgBox img {
position:absolute;
right:0;
bottom:0;
max-width:6.68rem
}
.m-item .bg-item {
padding-bottom:2.9rem;
background:#f7f7f7
}
.m-item .conBox {
margin:.32rem auto 0;
width:5.8rem;
line-height:1.9090;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.22rem;
color:#666
}
.m-item .conBox span {
color:#333
}
.swiper-item {
position:relative;
zoom:1;
margin:-2.18rem .3rem 0;
min-height:2.18rem
}
.swiper-item .swiper-slide {
width:6.9rem
}
.swiper-item .u-box {
position:relative;
zoom:1;
overflow:hidden
}
.swiper-item .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.swiper-item .u-img.big {
padding-top:124.2622%
}
.swiper-item .u-img.big>.jqthumb {
position:absolute !important;
top:0;
left:0
}
.swiper-item .u-img.small {
display:none
}
.swiper-item .u-con {
position:absolute;
left:0;
right:0;
top:100%;
margin-top:-3em;
padding:0 1.4rem;
font-size:.3rem;
text-align:center;
background:rgba(0, 0, 0, .54)
}
.swiper-item .u-con .name {
line-height:3;
overflow:hidden;
font-weight:normal;
color:#fff;
text-overflow:ellipsis;
white-space:nowrap;
opacity:0;
transition:opacity .4s
}
.swiper-item .u-con .content {
display:none
}
.swiper-item .swiper-slide-active .u-con .name {
opacity:1;
transition-delay:.4s
}
.swiper-item-button>div {
position:absolute;
z-index:10;
bottom:0;
width:1.4rem;
line-height:1.875;
font-size:.48rem;
font-family:"SimSun";
text-align:center;
color:#fff;
cursor:pointer;
outline:0;
transition:color .4s, opacity .4s
}
.swiper-item-button-prev {
left:0
}
.swiper-item-button-next {
right:0
}
.swiper-item-button .swiper-button-disabled {
opacity:.25;
pointer-events:none
}
.swiper-news {
margin:.8rem .3rem 0
}
.swiper-news .swiper-slide {
width:6.9rem
}
.swiper-news .u-box {
position:relative;
zoom:1;
overflow:hidden
}
.swiper-news .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.swiper-news .u-box>.flex {
display:flex;
align-items:center;
width:100%
}
.swiper-news .u-date {
min-width:1.2rem;
margin-right:.3rem
}
.swiper-news .u-date .date {
display:inline-block;
vertical-align:top;
text-align:center
}
.swiper-news .u-date .DD {
line-height:1.0769;
font-size:1.04rem
}
.swiper-news .u-date .YYMM {
line-height:1.25;
font-size:.24rem
}
.swiper-news .u-con {
flex:1;
overflow:hidden
}
.swiper-news .u-con .name {
line-height:2.6;
overflow:hidden;
font-size:.3rem;
font-weight:normal;
text-overflow:ellipsis;
white-space:nowrap;
color:#000
}
.swiper-news .u-con .content {
line-height:1.6;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.2rem;
color:#666
}
.swiper-news .u-more {
margin-top:.64rem;
width:1.72rem;
line-height:2.65;
font-size:.2rem;
text-align:center;
color:#39c;
border:solid 1px #39c;
border-radius:1.325em
}
.swiper-news .u-img {
margin-top:.84rem;
height:3.74rem
}
.swiper-news-pagination {
margin-top:.5rem;
text-align:center
}
.swiper-news-pagination .swiper-pagination-bullet {
position:relative;
zoom:1;
vertical-align:top;
margin:0 .1rem;
width:.18rem;
height:.18rem;
border:solid .02rem #39c;
background:#39c;
opacity:1;
outline:0;
transition:background .4s
}
.swiper-news-pagination .swiper-pagination-bullet-active {
background:0
}
#footer, #footer a {
color:#666
}
#footer {
padding:.3rem .9rem 1.78rem;
background:#f7f7f7
}
#footer .area {
padding-left:0;
padding-right:0;
min-width:auto
}
.footer-contact .m-title {
color:#333
}
.footer-contact .conBox {
margin-top:.55rem;
line-height:1.8461;
font-size:.26rem;
text-align:center
}
.footer-contact .conBox .tel {
line-height:1.3333;
font-size:.48rem;
font-weight:bold
}
.footer-contact .icoBox {
margin-top:.6rem;
line-height:0;
font-size:0;
text-align:center
}
.footer-contact .icoBox li {
display:inline-block;
vertical-align:top;
margin:0 .08rem
}
.footer-contact .icoBox a {
display:block;
width:.88rem;
height:.88rem;
overflow:hidden;
background:#ddd url(../images/ico-contact.png) 0 .88rem / 1.76rem 2.64rem no-repeat
}
.footer-contact .icoBox .weibo a {
background-position:0 0
}
.footer-contact .icoBox .wechat a {
background-position:0 -.88rem
}
.footer-contact .icoBox .email a {
background-position:0 -1.76rem
}
.footer-contact .icoBox .weibo a:active {
background-position:-.88rem 0
}
.footer-contact .icoBox .wechat a:active {
background-position:-.88rem -.88rem
}
.footer-contact .icoBox .email a:active {
background-position:-.88rem -1.76rem
}
.m-copyright {
margin-top:.9rem;
padding-top:.6rem;
line-height:2.1818;
font-size:.22rem;
text-align:center;
border-top:solid 1px #999
}
.m-copyright>.area {
display:flex;
flex-direction:column
}
.m-copyright .f-fr {
order:99;
float:none;
_display:block
}
.m-copyright span {
display:block
}
#client {
position:fixed !important;
z-index:50;
left:0;
right:0;
bottom:0;
height:.98rem;
border-top:solid 1px #cdcdcd;
background:#fff
}
#client ul {
display:flex;
align-items:stretch;
min-width:320px;
height:100%
}
#client li {
flex:1;
position:relative;
zoom:1
}
#client li:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:-1px;
width:0;
overflow:hidden;
border-left:solid 1px #d3d3d3
}
#client li:first-child:before {
display:none
}
#client .u-a {
position:relative;
display:block;
height:100%
}
#client .u-a .ico {
position:absolute;
z-index:5;
top:-1px;
bottom:0;
left:-1px;
right:0;
background:url(../images/ico-client-wap.png) center .96rem / .5rem 3.92rem no-repeat;
transition:background-color .4s, background-image .4s
}
#client .u-a:active .ico {
background-color:#1d9de3;
background-image:url(../images/ico-client-wap-active.png)
}
#client .client-home .ico {
background-position:center 0
}
#client .client-tel .ico {
background-position:center -.98rem
}
#client .client-qq .ico {
background-position:center -1.96rem
}
#client .client-map .ico {
background-position:center -2.94rem
}
#client .client-wechat, #client .client-goTop, #client .client-btn, #client .conBox .con {
display:none
}
.sub-title {
padding:0 .3rem;
overflow:hidden
}
.sub-title .m-title {
padding-top:.3rem;
line-height:2.3333;
font-size:.36rem;
text-align:left
}
.sub-title .m-title:after {
margin:0;
width:1rem
}
.sub-title .m-title h2 {
font-weight:normal
}
.sub-menu {
margin-top:.55rem;
line-height:0;
font-size:0
}
.sub-menu li {
display:inline-block;
vertical-align:top;
margin-top:.28rem;
width:25%
}
.sub-menu li:nth-child(-n+4) {
margin-top:0
}
.sub-menu a {
position:relative;
zoom:1;
display:inline-block;
line-height:2.2142;
font-size:.28rem;
color:#898989
}
.sub-menu a:after {
content:"";
position:absolute;
bottom:0;
left:50%;
width:0;
height:1px;
background:#898989;
transition:left .4s, width .4s, background .4s
}
.sub-menu a:active, .sub-menu .current a {
color:#333
}
.sub-menu .current a:after {
left:0;
width:100%;
background:#333
}
.sub-product {
padding:.7rem .3rem 0
}
.sub-product li {
float:left;
margin:6.0869% 0 0 5.7971%;
width:47.1014%
}
.sub-product li:nth-child(-n+2) {
margin-top:0
}
.sub-product li:nth-child(2n+1) {
margin-left:0
}
.sub-product .u-box {
position:relative;
zoom:1;
overflow:hidden;
transition:color .4s
}
.sub-product .u-box:before {
content:"";
position:absolute;
z-index:5;
top:0;
left:0;
width:0;
height:.06rem;
min-height:2px;
overflow:hidden;
background:#1d9de4;
transition:width .4s
}
.sub-product .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.sub-product .u-img {
position:relative;
zoom:1;
padding-top:114.8148%
}
.sub-product .u-img>.jqthumb {
position:absolute !important;
top:0;
left:0
}
.sub-product .u-name {
margin-top:.2rem;
line-height:2.1666;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.24rem;
font-weight:normal
}
.sub-product .u-box:hover {
color:#1d9de4
}
.sub-product .u-box:hover:before {
width:100%
}
.pro-detail>.area, .pro-detail .conBox {
display:flex;
flex-direction:column
}
.pro-detail>.area {
padding:0 .3rem
}
.pro-detail .imgBox, .pro-detail .conBox .swiper-thumbs {
order:-1
}
.pro-detail .imgBox {
margin:0 -.3rem .3rem
}
.pro-detail .conBox .swiper-thumbs {
width:6.36rem
}
.pro-detail .m-title {
padding-top:.6rem;
font-size:.36rem;
text-align:left
}
.pro-detail .m-title h1 {
font-weight:normal
}
.pro-detail .m-title:after {
margin:.5555em 0 0;
width:2.6666em
}
.pro-detail .detail-con {
padding:.35rem 0 .45rem;
line-height:2.1818;
font-size:.22rem;
color:#666
}
.pro-detail .detail-con h4 {
margin-bottom:.15rem;
font-size:.28rem;
font-weight:normal;
color:#000
}
.swiper-thumbs, .swiper-thumbs .swiper-slide {
position:relative;
zoom:1
}
.swiper-thumbs .swiper-slide {
height:1.4rem;
cursor:pointer
}
.swiper-thumbs .swiper-slide:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
border:solid 2px #1d9de3;
opacity:0;
transition:opacity .4s
}
.swiper-thumbs .swiper-slide-thumb-active:before {
opacity:1
}
.swiper-thumbs .swiper-slide img {
width:100%;
height:100%;
object-fit:cover
}
.swiper-gallery-button-next {
display:none;
position:absolute;
z-index:5;
top:0;
left:100%;
margin-left:.24rem;
width:.42rem;
line-height:1.4rem;
font-size:.36rem;
font-family:"SimSun";
text-align:center;
color:#1d9de4;
cursor:pointer;
outline:0
}
.detail-page {
margin:1rem 0 -.9rem;
text-align:center
}
.detail-page .page {
position:relative;
zoom:1;
padding:.18rem 1rem;
height:1.92rem;
line-height:1.5;
font-size:.18rem;
color:#fff;
background:url(../images/bg-detail-page.jpg) center / cover no-repeat;
transition:filter .4s
}
.detail-page .page p, .detail-page .page h4, .detail-page .page .arrow {
transition:transform .6s
}
.detail-page .page h4 {
margin:.32rem 0 .32rem;
line-height:1.2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.22rem;
font-weight:normal;
transition-delay:.1s
}
.detail-page .page a {
position:absolute;
z-index:10;
top:0;
left:0;
width:100%;
height:100%;
font-size:0
}
.detail-page .page .arrow {
display:block;
margin:0 auto;
width:.76rem;
height:.08rem;
background:url(../images/arrow-detail-page.png) center / contain no-repeat;
transition-delay:.2s
}
.detail-page .page:active {
filter:brightness(1.1)
}
.detail-page .page:active p, .detail-page .page:active h4, .detail-page .page:active .arrow {
transform:translateX(.5rem)
}
.detail-page .page-disabled {
display:none
}
.sub-news>.area {
padding-left:.3rem;
padding-right:.3rem
}
.swiper-news-recommend {
position:relative;
zoom:1;
margin-top:.55rem;
padding:.35rem;
background:#fff;
box-shadow:0 0 .1rem rgba(113, 113, 113, .08)
}
.swiper-news-recommend .title {
position:absolute;
z-index:5;
top:0;
left:0;
display:flex;
justify-content:center;
align-items:center;
width:1.4rem;
height:1.4rem;
line-height:1.2;
font-size:.3rem;
font-weight:normal;
color:#fff;
background:rgba(0, 0, 0, .5)
}
.swiper-news-recommend .u-box {
position:relative;
zoom:1
}
.swiper-news-recommend .u-box:after {
content:".";
display:block;
visibility:hidden;
overflow:hidden;
height:0;
clear:both
}
.swiper-news-recommend .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.swiper-news-recommend .u-img {
position:relative;
zoom:1;
padding-top:71.2837%
}
.swiper-news-recommend .u-img>.jqthumb {
position:absolute !important;
top:0;
left:0
}
.swiper-news-recommend .u-con {
padding-top:.08rem;
line-height:2;
overflow:hidden
}
.swiper-news-recommend .date {
font-size:.22rem;
color:#666
}
.swiper-news-recommend .name {
margin-top:.05rem;
overflow:hidden;
font-size:.24rem;
font-weight:normal;
text-overflow:ellipsis;
white-space:nowrap
}
.swiper-news-recommend .content {
margin-top:.28rem;
height:4em;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.2rem;
color:#666
}
.swiper-news-recommend .more {
display:none
}
.swiper-news-button {
margin-top:.35rem;
line-height:0;
font-size:0;
text-align:center
}
.swiper-news-button>div {
display:inline-block;
vertical-align:top;
width:.7rem;
line-height:.36rem;
font-size:.46rem;
font-family:"SimSun";
text-align:center;
color:#999;
border-left:solid 1px #bebaba;
cursor:pointer;
outline:0
}
.swiper-news-button>div:first-child {
border:0
}
.swiper-news-button>div:hover {
color:#1d9de4
}
.swiper-news-button>.swiper-button-disabled {
color:#e5e5e5;
pointer-events:none
}
.sub-news-list {
margin-top:.55rem
}
.sub-news-list li {
margin-top:.45rem;
padding:.35rem;
background:#fff;
box-shadow:0 0 .1rem rgba(113, 113, 113, .08)
}
.sub-news-list li:first-child {
margin:0
}
.sub-news-list .u-box {
position:relative;
zoom:1;
display:flex;
flex-direction:column
}
.sub-news-list .u-box a {
position:absolute;
z-index:10;
left:0;
top:0;
width:100%;
height:100%;
font-size:0;
background:#fff;
filter:alpha(opacity=0);
opacity:0
}
.sub-news-list .u-box>.flex {
order:-1;
display:flex;
align-items:center;
width:100%
}
.sub-news-list .u-img {
position:relative;
zoom:1;
margin-top:.84rem;
padding-top:71.4285%
}
.sub-news-list .u-img>.jqthumb {
position:absolute !important;
top:0;
left:0
}
.sub-news-list .u-con {
flex:1;
overflow:hidden
}
.sub-news-list .name {
line-height:2.6;
overflow:hidden;
font-size:.3rem;
font-weight:normal;
text-overflow:ellipsis;
white-space:nowrap;
color:#000
}
.sub-news-list .content {
line-height:1.6;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
font-size:.2rem;
color:#666
}
.sub-news-list .more {
display:none
}
.sub-news-list .u-date {
flex-shrink:0;
order:-1;
min-width:1.2rem;
margin-right:.3rem
}
.sub-news-list .u-date .date {
display:inline-block;
vertical-align:top;
text-align:center
}
.sub-news-list .u-date .DD {
line-height:1.0769;
font-size:1.04rem
}
.sub-news-list .u-date .YYMM {
line-height:1.25;
font-size:.24rem
}
.news-detail>.area, .news-detail .conBox {
display:flex;
flex-direction:column
}
.news-detail>.area {
padding:0 .3rem
}
.news-detail .m-title {
padding-top:.6rem;
font-size:.36rem;
text-align:left
}
.news-detail .m-title h1 {
font-weight:normal
}
.news-detail .m-title p {
margin-top:1em;
line-height:2;
font-size:.22rem;
color:#666
}
.news-detail .m-title:after {
margin:.5555em 0 0;
width:2.6666em
}
.news-detail .detail-con {
padding:.35rem 0 .45rem;
line-height:2.1818;
font-size:.22rem;
color:#666
}
.news-detail .detail-con h4 {
margin-bottom:.15rem;
font-size:.28rem;
font-weight:normal;
color:#000
}
}
.area11{
    margin: 0px auto;
	width: 18.2rem;
	overflow:hidden;
}

.ewb-left{
    width: 305px;background-color: #FFF;margin-top: 30px;padding: 45px 0px; 
    float: left;border-radius:7px;
}
.ewb-left li{
	width: 305px;
    border-bottom: 1px dashed #a5a5a5;
    display: block;
    line-height: 51px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #333;
}

.ewb-left li a:hover{
    color: #183883;
}

.ewb-right{
    margin-left: 20px;
    width:calc(100% - 335px);background-color: #FFF;
    float: right;border-radius:7px;margin:30px 0px;
}
.ewb-right-t{
    margin: 0px 20px;
	width: 915px;
	height: 58px;
    border-bottom: 1px dashed #a5a5a5;line-height:58px;
}
.ewb-right-t a{
    margin-top: 25px;
    min-width: 90px;
    height: 32px;
    font-size: 20px;
    font-weight: bold;
    color: #183883;
    border-bottom: 3px solid #183883;padding: 13px 0px; 
}

.ewb-right-b{
    padding: 20px 20px;
}


.ewb-r-i{
    font-size: 14px;
    height: 38px;
    line-height: 38px; list-style-type:none;
}
.ewb-l{
    margin-left: 0px;float: left;
    display: block;
    max-width: 750px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ewb-l a{
    color: #333;
}
.ewb-r{
    float: right;
}
.lsec-ul{
    float: left;width: 100%;
}
.lsec-ul a{
    float: left;width: 100%;padding: 12px 20px;
}
.lsec-ul a:hover{
    color:#183883;background-color: #EFEFEF;
}
.clear{clear:both;}

.submenuald{border-bottom: 1px solid #000000;}