﻿html {
 background:#fff;
 overflow:auto
;}
* {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box
;}
body {
 min-width:1200px;
 font:14px "Microsoft Yahei";
 font-weight:lighter;
 color:#333;
 -webkit-font-smoothing:antialiased
;}
a {
 color:#333;
 text-decoration:none;
 cursor:pointer;
 outline:0 none
;}
a:hover {
 text-decoration:none;
 color:#fbaa08;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
p,
blockquote,
th,
td {
 margin:0;
 padding:0
;}
header,
footer,
article,
aside,
section,
nav,
menu,
hgroup,
details,
dialog,
figure,
figcaption {
 display:block
;}
ol,
ul,
dl,
dt,
dd {
 list-style-type:none
;}
fieldset,
img {
 border:0
;}
button,
submit,
input,
select {
 vertical-align:middle
;}
button,
submit {
 cursor:pointer
;}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size:inherit;
 font-weight:lighter
;}
table {
 border-collapse:collapse;
 border-spacing:0
;}
sup {
 vertical-align:text-top
;}
sub {
 vertical-align:text-bottom
;}
select,
button {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
 outline-style:none;
 outline-width:0pt;
 padding:0;
 margin:0
;}
b,
em,
i {
 display:inline-block;
 font-weight:normal;
 font-style:normal
;}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden
;}
.clearfix {
 zoom:1
;}
.container {
 width:1300px;
 position:relative;
 margin:0 auto
;}
.float-left {
 float:left
;}
.float-right {
 float:right
;}
.nav-pills>li {
 float:left;
 position:relative
;}
.nav-pills>li+li {
 margin-left:2px
;}
#menu {
 position:relative;
 top:0;
 left:0
;}
#menu .colourful {
 display:block;
 position:absolute;
 background:#f0ad22;
 height:4px;
 width:84px;
 top:4px;
 left:-100px
;}
#menu>ul {
 margin:0;
 list-style:none;
 position:relative;
 top:30px;
 left:0;
 z-index:1
;}
#menu>ul>li {
 margin:0 1px 0 0;
 padding:10px 0
;}
#menu>ul>li.on,
#menu>ul>li.current {
 background:#fff
;}
#menu>ul>li.on>a,
#menu>ul>li.current>a {
 color:#fbaa08
;}
#menu>ul>li>a:hover {
 text-decoration:none
;}
#menu a.s:link,
#menu a.s:visited,
#menu a.s:hover,
#menu a.s:active {
 text-align:center;
 display:block;
 height:60px;}
.nav .sub-menu {
 display:none;
 position:absolute;
 top:40px;
 z-index:5;
 width:84px;
 border:1px solid #E6E4E3;
 background:rgba(255,255,255,0.8);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000)
;}
.nav .sub-menu>li {
 text-align:center;
 padding:0px;
 margin-bottom:-1px
;}
.nav .sub-menu>li a {
 display:block;
 border-bottom:1px solid #E6E4E3;
 padding:10px 0;
 color:#000
;}
.nav .sub-menu>li a:hover {
 color:#fff;
 background:#b3c100
;}
.site-nav-bg {
 height:30px;
 line-height:30px;
 background-color:#f5f5f5
;}
.header {
 position:relative;
 z-index:2;
 background:#fff;
 box-shadow:0 13px 13px 0 rgba(6, 55, 247, 0.1)
;}
.logo {
 display:block;
 width:310px;
 height:94px;
 background:url(../images/11.jpg) no-repeat;
 margin-top:15px;
 margin-bottom:15px
;}
.nav:before,
.nav:after {
 content:" ";
 display:table
;}
.nav:after {
 clear:both
;}
.nav>li>a {
 display:block;
 font-size:16px;
 width:96px
;}
.warp {
 width:1220px;
 margin:0 auto
;}
.swiper-container {
 width:100%;
 height:550px;
 margin-left:auto;
 margin-right:auto
;}
.swiper-slide {
 text-align:center;
 font-size:18px;
 background-size:auto 550px;
 background-position:center top;
 background-repeat:no-repeat;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center
;}
.swiper-pagination-bullet {
 width:15px;
 height:15px
;}
.warp .more {
 margin-top:20px;
 text-align:center
;}
.warp .more a {
 display:inline-block;
 padding:10px 20px;
 border:1px solid #ddd
;}
.warp .more a:hover {
 background:#fff;
 color:#fff
;}
.Fy_tit {
 display:block;
 padding-bottom:30px;
 padding-top:50px;
 font-size:30px;
 text-align:center
;}
.h3_tit_l {
 display:block;
 padding-bottom:30px;
 padding-top:50px;
 font-size:30px;
 text-align:center
;}
.works ul.gallery li {
 width:20%;
 float:left;
 display:block;
 background:#000;
 position:relative
;}
.works ul.gallery li img {
 display:block;
 max-width:100%;
 height:auto
;}
.banner {
 width:100%;
 height:250px
;}
.main-left {
 width:200px
;}
.main-left .left-nav {
 background:#fff
;}
.main-left .left-nav .flbt {
 padding:20px;
 background:#34675c;
 color:#fff;
 font-size:20px;
 font-weight:bold;
 text-align:center
;}
.main-left .left-nav .fllb {
 padding-left:15px;
 padding-right:15px
;}
.main-left .left-nav .fllb a {
 padding:20px 35px;
 display:block;
 font-size:16px;
 border-bottom:1px solid #ededed;
 margin-left:-15px;
 margin-right:-15px;
 text-align:center
;}
.content {
 width:870px;
 background:#fff;
 padding:20px
;}
.content .list-paddingleft-2 {
 padding-left:25px
;}
.footer {
background: #1074BC url(../images/footer.jpg) center center  ;
background-repeat: repeat-x;
 color:#d3d3d3;}
.footer .footer-nav {
 text-align:center;
 padding-top:35px;
 padding-bottom:35px;
 padding-left:100px;}
.footer .footer-nav:before,
.footer .footer-nav:after {
 content:" ";
 display:table
;}
.footer .footer-nav:after {
 clear:both
;}
.footer .footer-nav dl {
 float:left;
 margin-left:25px;
 margin-right:25px
;}
.footer .footer-nav dl a {
 color:#ffffff
;}
.footer .footer-nav dl a:hover {
 color:#fff
;}
.footer .footer-nav dl dt,
.footer .footer-nav dl dd {
 padding-top:2px;
 padding-bottom:2px
;}
.footer .footer-nav dl dt {
 padding-bottom:5px;
 font-size:16px;
 font-weight:bold
;}
.footer .copyright {
 text-align:center;
 padding-top:20px;
 padding-bottom:20px;
 border-top:1px solid #0068b7;}
.list-c {
 padding-top:50px;
 padding-bottom:50px
;}
.text-list {
 margin-top:15px
;}
.text-list li span {
 float:right
;}
.text-list li a {
 display:block;
 font-size:16px;
 border-bottom:1px dashed #ededed
;}
.text-list li span,
.text-list li a {
 padding-top:10px;
 padding-bottom:10px
;}
.page-content {
 font-size:16px
;}
.page-content h2 {
 display:block;
 padding-bottom:20px;
 padding-top:20px;
 font-size:30px;
 text-align:center
;}
.page-content h3 {
 display:block;
 padding-bottom:20px;
 font-size:25px;
 text-align:center
;}
.page-content .info {
 text-align:center;
 background:#fbfbfb;
 padding:10px 0px;
 margin-bottom:20px;
 font-size:14px;
 color:#666;
 border-bottom:1px solid #ebebeb
;}
.page-content p {
 line-height:1.75em;
 margin-top:22px;
 margin-bottom:22px
;}
.page-content img {
 max-width:100%
;}
.department .img-t-text-b:before,
.department .img-t-text-b:after {
 content:" ";
 display:table
;}
.department .img-t-text-b:after {
 clear:both
;}
.department .img-t-text-b li {
 float:left;
 width:33.33333333%;
 padding-left:15px;
 padding-right:15px;
 margin-bottom:30px
;}
.department .img-t-text-b li .item {
 -webkit-box-shadow:0px 0px 20px rgba(136,159,229,0.25);
 box-shadow:0px 0px 20px rgba(136,159,229,0.25);
 background:#34675c
;}
.department .img-t-text-b li .item:hover {
 background:#b3c100
;}
.department .img-t-text-b li .item .describe {
 padding:0 15px;
 height:130px;
 color:#fff
;}
.department .img-t-text-b li h4 {
 font-size:20px;
 margin-bottom:15px;
 margin-top:15px;
 font-weight:bold
;}
.dynamic {
 padding-bottom:50px
;}
.dynamic .tab-hd {
 text-align:center
;}
.dynamic .tab-hd .tab-nav li {
 display:inline-block;
 padding-bottom:30px;
 padding-top:50px;
 font-size:30px
;}
.dynamic .tab-hd .tab-nav li a {
 margin:0 20px
;}
.dynamic .tab-hd .tab-nav .on a {
 color:#b3c100;
 border-bottom:5px solid #34675c;
 padding-bottom:5px
;}
.dynamic .img-t-text-b:before,
.dynamic .img-t-text-b:after {
 content:" ";
 display:table
;}
.dynamic .img-t-text-b:after {
 clear:both
;}
.dynamic .img-t-text-b li {
 float:left;
 width:33.33333333%;
 padding-left:15px;
 padding-right:15px;
 margin-bottom:30px
;}
.dynamic .img-t-text-b li .item {
 -webkit-box-shadow:0px 0px 20px rgba(136,159,229,0.25);
 box-shadow:0px 0px 20px rgba(136,159,229,0.25);
 background:#fff
;}
.dynamic .img-t-text-b li .item:hover {
 background:#b7b8b6
;}
.dynamic .img-t-text-b li .item:hover .describe,
.dynamic .img-t-text-b li .item:hover .tit,
.dynamic .img-t-text-b li .item:hover .time {
 color:#fff
;}
.dynamic .img-t-text-b li .item .describe {
 padding:0 15px;
 height:130px
;}
.dynamic .img-t-text-b li .item .tit {
 padding:0 15px;
 overflow:hidden;
 text-align:center
;}
.dynamic .img-t-text-b li h4 {
 font-size:18px;
 margin-bottom:15px;
 margin-top:15px;
 font-weight:bold
;}
.dynamic .img-t-text-b li .time {
 margin-top:5px;
 color:#909090
;}
.img-responsive {
 display:block;
 max-width:100%;
 height:auto
;}
.notice {
 background:#34675c url(../images/bg2.jpg) center center;
 min-height:300px;
 padding-bottom:80px
;}
.notice h2 {
 color:#fff
;}
.notice .pageBtn span {
 background:url(../images/l-r.jpg) no-repeat
;}
.works {
 min-height:300px;
 padding-bottom:80px
;}
.works .pageBtn span {
 background:url(../images/l-r-2.jpg) no-repeat
;}
.img-l-text-r:before,
.img-l-text-r:after {
 content:" ";
 display:table
;}
.img-l-text-r:after {
 clear:both
;}
.img-l-text-r li {
 float:left;
 width:50%;
 padding-left:15px;
 padding-right:15px;
 margin-bottom:30px
;}
.img-l-text-r li .item {
 -webkit-box-shadow:0px 0px 20px rgba(136,159,229,0.25);
 box-shadow:0px 0px 20px rgba(136,159,229,0.25);
 background:#fff;
 padding:15px
;}
.img-l-text-r li .item .img {
 width:210px;
 height:143px;
 overflow:hidden
;}
.img-l-text-r li .item .text {
 padding:0 0 0 15px;
 margin-left:210px
;}
.img-l-text-r li h4 {
 font-size:18px;
 margin-bottom:15px
;}
.fieldx {
 padding:20px 0 0 0
;}
.fieldx a {
 display:inline-block;
 padding:5px 10px
;}
.fieldx .active {
 background:#b3c100;
 color:#fff
;}
.teacher-list ul {
 padding-top:20px
;}
.teacher-list ul li {
 float:left;
 width:190px;
 margin-right:15px;
 margin-bottom:15px
;}
.teacher-list ul li img {
 width:190px;
 height:225px
;}
.teacher-list ul li span {
 display:block;
 text-align:center;
 padding:5px 0px
;}
.pagination {
 height:40px;
 padding:40px 0px
;}
.pagination span,
.pagination a {
 width:30px;
 text-align:center;
 font-size:12px;
 height:30px;
 line-height:30px;
 float:left;
 border:1px #ccc solid
;}
.pagination span {
 margin:0;
 cursor:pointer;
 color:#bbb;
 background:#fcfcfc;
 margin-right:8px
;}
.pagination span.current {
 border:none;
 background:#34675c;
 color:#fff
;}
.pagination a {
 display:block;
 margin-right:10px;
 background:#fff;
 text-decoration:none;
 color:#808080
;}
.pagination a:hover {
 color:#777;
 background:white;
 border:1px #777 solid
;}
.professional {
 background:#2f2f2f url(../images/zs_bg.jpg) no-repeat center;
 background-size:100%;
 padding-bottom:50px
;}
.professional h2 {
 color:#fff
;}
.professional li {
 float:left;
 width:25%;
 padding-left:15px;
 padding-right:15px;
 margin-bottom:30px
;}
.professional li a {
 display:block;
 background:#34675c;
 color:#fff
;}
.professional li a:hover {
 background:#b3c100
;}
.professional li a .describe {
 padding:0 15px;
 height:100px
;}
.professional li h4 {
 font-size:16px;
 margin-bottom:15px;
 margin-top:15px;
 font-weight:bold
;}
.scrollBox {
 position:relative;
 zoom:1
;}
.scrollBox .piclist {
 padding-bottom:20px;
 zoom:1
;}
.scrollBox .piclist li {
 float:left;
 width:212px;
 background:#b7b8b6;
 margin-right:10px;
 padding-bottom:10px;
 -webkit-box-shadow:0px 0px 20px rgba(136,159,229,0.25);
 box-shadow:0px 0px 20px rgba(136,159,229,0.25)
;}
.scrollBox .piclist li:hover {
 background:#b3c100
;}
.scrollBox .piclist li span {
 display:block;
 text-align:center;
 color:#34675c;
 font-weight:bold;
 font-size:14px;
 margin-top:10px
;}
.scrollBox .piclist li img {
 width:100%
;}
.scrollBox .ohbox {
 overflow:hidden;
 position:relative
;}
.scrollBox .pageBtn span {
 display:block;
 width:45px;
 text-align:center;
 height:99px;
 line-height:60px;
 position:absolute;
 top:72px;
 font-size:30px;
 cursor:pointer;
 overflow:hidden;
 color:#c3c3c3;
 text-indent:-9999px
;}
.scrollBox .pageBtn .prev {
 left:-50px
;}
.scrollBox .pageBtn .next {
 right:-50px;
 background-position:-45px 0
;}
.h590 a {
 height:590px
;}
.h400 a {
 height:400px
;}
.fullSlide {
 width:100%;
 position:relative
;}
.fullSlide .bd {
 margin:0 auto;
 position:relative;
 z-index:0;
 overflow:hidden
;}
.fullSlide .bd ul {
 width:100% !important
;}
.fullSlide .bd li {
 width:100% !important;
 overflow:hidden;
 text-align:center
;}
.fullSlide .bd li a {
 display:block
;}
.fullSlide .hd {
 width:100%;
 position:absolute;
 z-index:1;
 bottom:10px;
 left:0;
 text-align:center
;}
.fullSlide .hd ul {
 text-align:center;
 padding-top:5px
;}
.fullSlide .hd ul li {
 cursor:pointer;
 display:inline-block;
 zoom:1;
 width:15px;
 height:15px;
 margin:5px;
 background:#b3c100;
 border-radius:50%;
 overflow:hidden;
 text-indent:9999px
;}
.fullSlide .hd ul .on {
 background:#fff
;}
.fly-html-store .layui-card-header {
 height:50px;
 line-height:50px
;}
.fly-html-store .layui-card-body {
 padding:15px
;}
.store-color-bar {
 display:inline-block;
 width:30px;
 height:8px;
 background-color:#009688
;}
.shop-nav {
 background-color:#fff
;}
.topbar-logo {
 display:none
;}
.topbar-logo img {
 width:82px
;}
.shop-nav .input-search {
 width:100%;
 padding:30px 0 10px;
 text-align:center;
 background-color:#FFF
;}
.shop-nav .input-search>div {
 position:relative;
 display:inline-block
;}
.shop-nav .input-search input {
 vertical-align:middle;
 width:500px;
 height:40px;
 background:#eff4f5;
 border:none;
 outline:none;
 padding-left:10px;
 border-top-left-radius:2px;
 border-bottom-left-radius:2px
;}
.shop-nav .input-search button.layui-btn-shop {
 vertical-align:middle;
 width:80px;
 height:40px;
 background:#5eba78;
 border-top-left-radius:0px;
 border-bottom-left-radius:0px
;}
.shop-nav .input-search button.layui-btn-shop i {
 font-size:22px;
 line-height:40px
;}
.shop-nav .input-search dl {
 position:relative;
 text-align:left;
 font-size:12px;
 line-height:30px;
 top:5px;
 left:10px
;}
.shop-nav .input-search dl dd,
.shop-nav .input-search dl dt {
 display:inline-block;
 color:#9495a4
;}
.shop-nav .input-search dl dd a {
 color:#b3b6b8;
 margin-right:10px
;}
.shop-nav .input-search dl dd a:hover {
 color:#9495a4
;}
.shop-nav .input-search a.userBtn {
 width:60px;
 padding:0;
 text-align:center;
 height:40px;
 font-size:12px;
 margin-left:20px
;}
.shop-nav .input-search .layui-container {
 display:none
;}
.shop-nav .input-search.scroll {
 position:fixed;
 top:60px;
 z-index:999;
 top:0;
 padding-top:10px;
 box-shadow:0px 3px 3px rgba(0,0,0,0.15)
;}
.shop-nav .input-search.scroll .layui-container {
 display:block
;}
.shop-nav .input-search.scroll .topbar-logo {
 display:block;
 position:absolute;
 left:15px;
 bottom:5px;
 z-index:10
;}
.shop-nav .input-search.scroll>div {
 display:block
;}
.shop-nav .input-search.scroll>div>* {
 display:inline-block
;}
.shop-nav .input-search.scroll input {
 width:350px
;}
.shop-nav .shop-banner {
 margin-top:70px;
 background:#677ee4;
 text-align:center
;}
.shop-nav .shop-banner .layui-carousel {
 height:460px;
 background:#5694E9
;}
.shop-nav .shop-banner .layui-carousel img {
 width:100%
;}
.shop-nav .shop-banner .layui-carousel .layui-container {
 width:1400px !important
;}
.shop-banner .layui-carousel>*[carousel-item]>* {
 background:none
;}
.shop-banner .layui-carousel>*[carousel-item]:before {
 color:#fff;
 color:rgba(255,255,255,0.6)
;}
.shop-nav .product-list {
 position:absolute;
 left:0;
 width:220px;
 z-index:100;
 height:520px;
 top:-60px;
 background:#fff;
 box-shadow:0px 1px 5px rgba(0,0,0,0.15)
;}
.shop-nav .product-list dl {
 font-size:0
;}
.shop-nav .product-list dl dt {
 display:none;
 font-size:16px;
 background:#5eba78;
 line-height:60px
;}
.shop-nav .product-list dl dt a {
 color:#FFF
;}
.shop-nav .product-list dl dd {
 display:inline-block;
 font-size:16px;
 color:#666;
 border:1px solid #f0f0f0;
 border-radius:2px;
 width:30%;
 margin-left:1.5%;
 margin-bottom:10px
;}
.shop-nav .product-list dl dd a {
 display:block;
 line-height:40px
;}
.shop-nav .product-list dl dd a:hover {
 color:#5eba78;
 background:#f0f0f0
;}
.shop-temp .temp-hot {
 padding-top:80px;
 padding-bottom:80px;
 background:#FFF;
 text-align:center
;}
.shop-temp .temp-hot p {
 text-align:center;
 font-size:16px
;}
.shop-temp .temp-hot .temp-title-cn {
 margin-bottom:52px;
 color:#333;
 font-size:28px;
 line-height:36px;
 position:relative;
 font-weight:300
;}
.shop-temp .temp-hot .temp-title-cn span {
 width:35px;
 height:2px;
 background:#333;
 display:inline-block;
 position:absolute;
 top:16px;
 left:50%;
 margin-left:-110px
;}
.shop-temp .temp-hot .temp-title-cn span:last-child {
 margin-left:70px
;}
.shop-temp .temp-hot .temp-title-en {
 display:inline-block;
 color:#6e6e6e;
 font-size:24px;
 line-height:60px;
 margin-bottom:52px
;}
.shop-temp .temp-hot .temp-img {
 overflow:hidden
;}
.shop-temp .temp-hot .temp-img img {
 width:100%;
 transition:2s
;}
.shop-temp .temp-hot .temp-img img:hover {
 transform:scale(1.1);
 transition:2s
;}
.shop-temp .temp-hot .temp-img+p {
 color:#333;
 font-size:18px;
 line-height:60px
;}
.shop-temp .temp-hot p.price span {
 line-height:14px;
 color:#f44e2d;
 margin-right:15px
;}
.shop-temp .temp-hot p.price del {
 line-height:14px;
 color:#9c9c9c
;}
.shop-temp .temp-normal {
 padding-top:75px
;}
.shop-temp .temp-normal .title {
 font-size:26px;
 color:#333;
 letter-spacing:3px;
 margin-bottom:55px;
 font-weight:300
;}
.shop-temp .temp-normal .title a i {
 font-size:28px;
 color:#5eba78
;}
.shop-temp .temp-normal .layui-btn-group {
 position:absolute;
 top:0;
 right:0;
 border:1px solid #5eba78;
 border-radius:2px
;}
.shop-temp .temp-normal .layui-btn-group .layui-btn-shop-cost {
 font-size:16px;
 color:#5eba78;
 border-left:none;
 background-color:transparent;
 height:34px;
 line-height:34px;
 padding:0 14px
;}
.shop-temp .temp-normal .layui-btn-group .layui-btn-shop-cost.active {
 color:#f2f2f2;
 background-color:#5eba78
;}
.store-list-box {
 display:block;
 background-color:#FFF;
 transition:all .5s;
 -webkit-transition:all .5s;
 padding-bottom:6px
;}
.store-list-box:hover {
 box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05)
;}
.store-list-box img {
 max-width:100%
;}
.store-list-box .store-list-cover {
 width:100%
;}
.shop-temp .temp-normal .shop-more {
 text-align:center;
 margin-top:20px;
 line-height:130px
;}
.shop-temp .temp-normal .shop-more i {
 font-size:50px;
 color:#a9a9a9
;}
.store-detail-info {
 position:absolute;
 right:15px;
 top:0;
 font-size:0
;}
.store-detail-info .item {
 display:inline-block;
 vertical-align:middle;
 font-size:14px
;}
.store-self-product {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 font-size:0
;}
.store-self-product span {
 font-size:14px;
 height:26px;
 line-height:26px;
 padding:0 10px;
 border-radius:2px 0 0 2px;
 vertical-align:middle
;}
.store-self-product span:last-child {
 border-radius:0 2px 2px 0
;}
.shop-nav.shopdata {
 padding-bottom:0
;}
.shopdata-intro {
 margin:30px 0;
 background-color:#fff
;}
.shopdata-intro .intro-img {
 position:relative;
 margin:15px;
 margin-right:50px;
 min-height:268px;
 text-align:center;
 background-color:#fbfbfb
;}
.shopdata-intro .intro-img {
 display:flex;
 justify-content:center;
 align-items:center
;}
.shopdata-intro .intro-img img {
 max-width:100%
;}
.shopdata-intro .intro-img:after {
 content:'';
 position:absolute;
 z-index:10;
 left:0;
 top:0;
 width:100%;
 height:100%;
 border:1px solid rgba(0,0,0,0.05);
 transition:all .3s;
 -webkit-transition:all .3s;
 pointer-events:none
;}
.shopdata-intro .intro-txt {
 padding:10px
;}
.shopdata-intro .intro-txt .title {
 line-height:35px;
 padding:30px 0 20px;
 font-size:32px;
 color:#333
;}
.shopdata-intro .intro-txt .title span {
 display:inline-block;
 font-size:18px;
 line-height:30px;
 padding:0 10px;
 color:#FFF;
 background-color:#383e49;
 border-radius:3px;
 vertical-align:top;
 margin-top:24px;
 margin-right:10px
;}
.shopdata-intro .intro-txt p.desc {
 font-size:16px;
 color:#8b8b8b;
 line-height:28px;
 letter-spacing:1px
;}
.store-attrs {
 padding:20px 0 15px
;}
.store-attrs li {
 display:inline-block;
 margin-right:30px;
 color:#bbb;
 vertical-align:middle
;}
.store-attrs li i {
 margin-right:12px
;}
.store-attrs li span,
.store-attrs li img {
 margin-left:10px
;}
.store-attrs li img {
 width:20px;
 position:relative;
 top:-3px
;}
.store-attrs li:last-child span {
 display:inline-block;
 width:30px;
 height:8px;
 background-color:#009688
;}
.shopdata-intro .intro-txt #introrate {
 margin-bottom:45px
;}
.shopdata-intro .intro-txt #shopEvent a {
 display:inline-block;
 width:120px;
 margin-right:25px;
 line-height:32px;
 font-size:14px;
 color:#FFF;
 text-align:center;
 border-radius:2px
;}
.shopdata-intro .intro-txt #shopEvent a i {
 font-size:20px;
 margin-right:10px;
 display:inline-block;
 vertical-align:top
;}
.shopdata-intro .intro-txt .collect-price {
 color:#f44e2d;
 font-size:26px;
 padding-top:15px;
 padding-bottom:20px;
 line-height:22px
;}
.shopdata-intro .intro-txt.collect .collect-price span {
 font-size:14px
;}
.store-detail-active {
 padding-top:50px
;}
.shopdata-content .layui-card-body {
 padding:30px
;}
.shopdata-content .detail-body img {
 border:1px solid #f6f6f6;
 cursor:default
;}
.shopdata-reply {
 background:#FFF;
 padding:40px 30px 20px;
 border-top:1px solid #f2f2f2
;}
.shopdata-reply dt {
 color:#333;
 font-size:18px;
 line-height:58px;
 font-weight:bold
;}
.shopdata-reply dd {
 border-bottom:1px solid #f2f2f2;
 position:relative;
 padding-top:38px;
 padding-bottom:40px
;}
.shopdata-reply dd:last-child {
 border-bottom:none
;}
.shopdata-reply dd .reply-img {
 width:58px;
 margin-right:25px
;}
.shopdata-reply dd .reply-img img {
 width:100%
;}
.shopdata-reply dd .reply-img+p {
 font-size:18px;
 color:#555;
 line-height:18px;
 position:absolute;
 top:40px;
 left:83px
;}
.shopdata-reply dd .reply-img+p span {
 color:#cacaca;
 font-size:14px;
 display:inline-block;
 vertical-align:middle;
 margin-left:20px
;}
.shopdata-reply dd .reply-content {
 color:#868686;
 line-height:14px;
 position:absolute;
 top:80px;
 left:83px
;}
.shopdata-reply dd .reply-content+span {
 color:#cacaca;
 font-size:14px;
 position:absolute;
 top:40px;
 right:20px
;}
.shopdata-reply dd .reply-content+span i {
 font-size:14px;
 margin-right:10px
;}
.shop-temp.shoplist .temp-normal {
 padding-top:45px
;}
.shop-temp.shoplist div.shoplist {
 padding-top:45px
;}
.store-list-box h2 {
 font-size:18px;
 padding:20px 15px;
 line-height:26px
;}
.temp-hot .store-list-box h2 {
 padding:20px 10px
;}
.store-list-box>div {
 position:relative;
 padding:0 15px 15px
;}
.store-list-pay {
 border-color:#FF5722;
 color:#FF5722
;}
.store-list-colorbar {
 position:absolute;
 right:15px;
 top:2px
;}
.shop-temp.shoplist #shopList {
 margin-bottom:100px
;}
.shop-temp.shoplist #shopList .layui-laypage {
 display:block;
 text-align:center;
 margin-top:70px
;}
.shop-temp.shoplist #shopList .layui-laypage a,
.shop-temp.shoplist #shopList .layui-laypage span {
 padding:0 12px;
 font-size:14px;
 line-height:30px;
 height:30px;
 margin-right:4px;
 border-radius:3px;
 color:#e3e3e3
;}
.shop-temp.shoplist #shopList .layui-laypage span em {
 background-color:#5eba78 !important
;}
.shop-temp.shoplist .temp-normal .layui-form {
 padding-bottom:30px;
 border-bottom:1px solid #e9e9e9
;}
.shop-temp.shoplist .temp-normal .layui-form input {
 width:160px;
 border:none;
 background-color:transparent;
 font-size:16px;
 color:#8a8a8a
;}
.shop-temp.shoplist .temp-normal .layui-form dl {
 border:none;
 border-radius:2px;
 box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
 color:#8a8a8a;
 text-align:center
;}
.shoplist-filter {
 margin-top:30px
;}
.shoplist-filter .layui-card-body {
 padding-left:25px
;}
.store-cat-item {
 font-size:14px;
 line-height:26px;
 padding:15px 0 0
;}
.store-cat-item span {
 color:#555;
 width:100px;
 vertical-align:top
;}
.store-cat-item span,
.store-cat-item ul,
.store-cat-item ul li {
 display:inline-block;
 vertical-align:middle
;}
.store-cat-item ul {
 width:80%;
 vertical-align:top
;}
.store-cat-item ul li {
 margin-right:10px;
 cursor:pointer
;}
.store-cat-item span i {
 font-size:14px;
 margin-right:8px
;}
.shoplist-filter .layui-container li.active a,
.shoplist-filter .layui-container li a:hover {
 color:#5eba78
;}
.store-cat-item.colorFilt li {
 width:20px;
 height:12px;
 line-height:12px;
 margin-right:2px;
 position:relative
;}
.store-cat-item.colorFilt li a {
 display:block;
 height:12px
;}
.store-cat-item.colorFilt li img {
 display:block
;}
.store-cat-item.colorFilt li i {
 position:absolute;
 top:1px;
 left:4px;
 color:#FFF;
 font-size:8px;
 font-weight:bold
;}
.shoplist-filter .layui-container p.filtEnd {
 margin-top:10px;
 line-height:48px
;}
.shoplist-filter .layui-container p.filtEnd span {
 margin:0 7px;
 color:#ffa921
;}
.site-union {
 margin-top:10px;
 color:#999
;}
.site-union>* {
 display:inline-block;
 vertical-align:middle
;}
.site-union a[upyun] img {
 width:80px
;}
.site-union span {
 position:relative;
 top:3px
;}
.site-union span a {
 padding:0;
 display:inline;
 color:#999
;}
.site-union span a:hover {
 text-decoration:underline
;}
@media screen and (min-width: 480px) {
 .shop-nav .input-search input {
  width:300px;
  display:inline-block
 ;}
 .shop-temp .temp-hot img+p {
  font-size:20px
 ;}
 .shop-temp.shoplist #shopList .layui-laypage a,
 .shop-temp.shoplist #shopList .layui-laypage span {
  padding:0 15px;
  font-size:18px;
  line-height:40px;
  height:40px;
  margin-right:20px
 ;}
 .shoplist-filter .layui-container div span {
  width:100px
 ;}
}
@media screen and (max-width: 768px) {
 .shop-nav .input-search input {
  width:60% !important
 ;}
 .shop-nav .shop-banner {
  margin-top:20px
 ;}
 .shop-nav .shop-banner .layui-carousel .layui-container {
  width:350px !important
 ;}
 .shop-nav .shop-banner .layui-carousel img {
  width:350px;
  height:115px
 ;}
 .shop-nav .shop-banner .layui-carousel {
  height:115px
 ;}
 .shop-nav .product-list {
  display:none
 ;}
 .shop-temp .temp-hot {
  padding-top:30px
 ;}
 .shop-temp .temp-hot .temp-title-cn {
  margin-bottom:30px;
  font-size:20px
 ;}
 .shop-temp .temp-hot .temp-title-cn span {
  height:2px;
  margin-left:-105px
 ;}
 .shop-temp .temp-hot .temp-title-cn span:last-child {
  margin-left:55px
 ;}
 .store-list-box .store-list-cover {
  height:auto
 ;}
 .store-cat-item span {
  width:80px
 ;}
 .store-cat-item ul {
  width:60%
 ;}
}
@media screen and (min-width: 768px) {
 .shop-nav.shop-index {
  padding-bottom:0
 ;}
 .shop-nav .input-search input {
  width:550px
 ;}
 .shop-nav .input-search a.userBtn {
  width:80px;
  font-size:14px;
  margin-left:20px
 ;}
 .shop-nav .product-list dl dt {
  display:block
 ;}
 .shop-nav .product-list dl dd {
  display:block;
  width:100%;
  margin:0;
  line-height:60px;
  border:none;
  border-radius:none;
  border-bottom:1px solid #f0f0f0
 ;}
 .shop-nav .product-list dl dd a {
  line-height:65px
 ;}
 .shop-nav .product-list dl dd:last-child {
  border-bottom:none
 ;}
 .shopdata-intro .intro-txt #shopEvent a {
  width:200px;
  line-height:52px;
  font-size:18px
 ;}
 .shopdata-intro .intro-txt #shopEvent a i {
  font-size:26px
 ;}
 .shopdata-reply {
  padding:40px 100px 20px
 ;}
 .shopdata-reply dd .reply-img+p span {
  margin-left:40px
 ;}
 .shopdata-reply dd .reply-content+span {
  top:80px;
  right:20px
 ;}
 .store-cat-item,
 .store-cat-item span i {
  font-size:16px
 ;}
 .store-cat-item ul li {
  margin-right:27px
 ;}
 .store-cat-item {
  padding-bottom:15px
 ;}
 .store-cat-item span {
  width:auto
 ;}
 .store-list-box .store-list-cover {
  height:218px
 ;}
}
@media screen and (min-width: 992px) {
 .shop-nav .input-search a.userBtn {
  width:120px;
  font-size:16px;
  margin-left:80px
 ;}
 .shopdata-intro .intro-txt #introrate {
  margin-bottom:15px
 ;}
 .shopdata-intro .intro-txt #shopEvent.scroll {
  width:240px;
  height:187px;
  position:fixed;
  top:220px;
  right:0;
  z-index:999;
  border-radius:2px;
  background-color:rgba(255,255,255,0.45)
 ;}
 .shopdata-intro .intro-txt #shopEvent.scroll a:first-child {
  position:absolute;
  top:105px;
  left:20px
 ;}
 .shopdata-intro .intro-txt #shopEvent.scroll a:last-child {
  position:absolute;
  top:32px;
  left:20px;
  margin-left:0
 ;}
 .shopdata-intro .intro-txt.collect .collect-price {
  padding-top:0;
  padding-bottom:0
 ;}
 .shopdata-intro .intro-txt.collect #introrate {
  margin-bottom:0
 ;}
 .store-list-box .store-list-cover {
  height:185px
 ;}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
 .raise-detail {
  height:388px
 ;}
 .raise-project .project-sup ul li img {
  margin-right:5px
 ;}
 .raise-project .project-sup ul li span {
  letter-spacing:0
 ;}
 .raise-project .project-sup ul li span:nth-child(3) {
  right:70px
 ;}
 .shopdata-intro .intro-txt .title {
  font-size:22px;
  line-height:56px
 ;}
 .shopdata-intro .intro-txt .title span {
  font-size:16px;
  line-height:26px;
  margin-top:14px
 ;}
 .shopdata-intro .intro-txt p+ul {
  padding:10px 0 5px
 ;}
 .shopdata-intro .intro-txt.collect p+ul {
  padding:5px 0
 ;}
}
@media screen and (min-width: 1200px) {
 .raise-detail>p {
  line-height:122px
 ;}
 .raise-detail {
  height:468px
 ;}
 .raise-detail .detail-target {
  margin-bottom:52px
 ;}
 .shop-nav .shop-banner .layui-carousel img {
  margin-left:-15%
 ;}
 .store-list-box .store-list-cover {
  height:165px
 ;}
}
@media screen and (min-width: 1366px) {
 .raise-detail {
  height:480px
 ;}
 .store-list-box .store-list-cover {
  height:188px
 ;}
}
@media screen and (min-width: 1440px) {
 .shopdata-intro .intro-txt #introrate {
  margin-bottom:45px
 ;}
 .shopdata-intro .intro-txt.collect #introrate {
  margin-bottom:20px
 ;}
 .shopdata-intro .intro-txt.collect .collect-price {
  padding-top:15px;
  padding-bottom:20px
 ;}
 .shop-nav .shop-banner .layui-carousel img {
  margin-left:0
 ;}
 .store-list-box .store-list-cover {
  height:200px
 ;}
}
.color1 article .info {
 background:rgba(79,181,245,0.7);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cb5f5,endcolorstr=#4cb5f5)
;}
.color1 article:hover a {
 color:#fff
;}
.color1 article:hover .info {
 background:rgba(79,181,245,0.85);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cb5f5,endcolorstr=#4cb5f5)
;}
.color1 article:hover .info p {
 color:#fff
;}
.color2 article .info {
 background:rgba(52,103,92,0.7);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cb5f5,endcolorstr=#4cb5f5)
;}
.color2 article:hover a {
 color:#fff
;}
.color2 article:hover .info {
 background:rgba(52,103,92,0.85);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cb5f5,endcolorstr=#4cb5f5)
;}
.color2 article:hover .info p {
 color:#fff
;}
.color3 article .info {
 background:rgba(179,193,0,0.7);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cb5f5,endcolorstr=#4cb5f5)
;}
.color3 article:hover a {
 color:#fff
;}
.color3 article:hover .info {
 background:rgba(179,193,0,0.85);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cb5f5,endcolorstr=#4cb5f5)
;}
.color3 article:hover .info p {
 color:#fff
;}
.color4 article .info {
 background:rgba(183,184,182,0.7);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cb5f5,endcolorstr=#4cb5f5)
;}
.color4 article:hover a {
 color:#fff
;}
.color4 article:hover .info {
 background:rgba(183,184,182,0.85);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cb5f5,endcolorstr=#4cb5f5)
;}
.color4 article:hover .info p {
 color:#fff
;}
.square {
 height:0;
 padding-bottom:100%;
 position:relative;
 width:100%
;}
.square article {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
;}
.square article a {
 color:#b3c100
;}
.square .con {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%
;}
.square .con .image {
 display:block;
 width:100%;
 height:100%
;}
.square .con img {
 z-index:100;
 left:0;
 min-width:100%;
 width:100%;
 display:block;
 min-height:100%
;}
.square .con a {
 color:#FFF
;}
.square .con .info {
 min-height:50%;
 width:100%;
 height:auto;
 position:absolute;
 bottom:0
;}
.square .con .info .cont {
 position:absolute;
 bottom:0%;
 width:83.33333333333334%;
 padding:8.33333333333333%
;}
.square .con .info h3 {
 font-size:1.5em;
 line-height:0.91666666666667em;
 margin-bottom:12px;
 font-weight:bold
;}
.square .con .info p {
 font-size:0.875em;
 line-height:1.42857142857143em;
 color:#FFF
;}
.txt-list ul li {
 float:left;
 width:50%
;}
.txt-list ul li a {
 padding:10px 15px;
 display:block
;}
.img-list ul li {
 float:left;
 width:100%;
 overflow:hidden
;}
.img-list ul li .box {
 padding:10px 15px
;}
.img-list ul li img {
 width:100%
;}
.img-list ul li a {
 background:#34675c;
 display:block;
 color:#fff
;}
.img-list ul li a:hover {
 background:#b3c100
;}
.img-list ul li .info {
 padding:10px
;}
.img_col_4 ul li {
 width:25%
;}
.img_col_3 ul li {
 width:33.33%
;}
#img_flow li {
 float:left
;}
#img_flow li .box {
 padding:10px 15px
;}
#img_flow li img {
 width:246px
;}
#img_flow li a {
 width:246px;
 background:#34675c;
 display:block;
 color:#fff
;}
#img_flow li a:hover {
 background:#b3c100
;}
#img_flow li a:hover p {
 color:#fff
;}
#img_flow li .info {
 padding:10px
;}
#img_flow li .info .tit {
 font-size:16px;
 font-weight:bold;
 color:#fff
;}
#img_flow li .info p {
 margin-bottom:10px;
 color:#b7b8b6
;}
.describe .text {
 font-size:16px;
 line-height:30px
;}
.bg_grey {
 background:#f8f8f8
;}
.txt_red {
 color:#FF5722
;}
.p_b_50 {
 padding-bottom:50px
;}
.zoomImage,
.zoomImage2,
.zoomImage3 {
 width:100%;
 height:0;
 padding-top:100%;
 overflow:hidden;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
 -webkit-background-size:cover;
 -moz-background-size:cover
;}
.zoomImage {
 padding-top:75%
;}
.zoomImage2 {
 padding-top:50%
;}
.zoomImage3 {
 padding-top:100%
;}
.img_text-list .item {
 padding:15px 0px;
 border-bottom:1px dashed #ededed
;}
.img_text-list .imgimg {
 width:230px;
 height:173px;
 float:left;
 margin-right:15px
;}
.img_text-list .text {
 float:left;
 width:570px;
 height:173px;
 position:relative
;}
.img_text-list .text h3 {
 font-size:20px;
 margin-bottom:15px;
 font-weight:bold
;}
.img_text-list .text .detail {
 color:#888;
 line-height:25px
;}
.img_text-list .text .read-push {
 position:absolute;
 left:0px;
 bottom:0px;
 color:#aaa
;}
.text_2col ul li {
 float:left;
 width:50%
;}
.text_2col ul li a {
 padding:15px 0px;
 display:block;
 margin:0 10px;
 border-bottom:1px dashed #ededed;
 font-size:16px
;}
.nybt {
 border-bottom:1px solid #ededed;
 padding-bottom:20px
;}
.nybt i {
 float:right;
 color:#3e4d5c
;}
.nybt span {
 font-size:20px;
 font-weight:bold;
 float:left
;}
.nav_box {
 float:left;
 margin-left:20px;
 margin-top:5px
;}
.nav_box li {
 float:left;
 border-right:1px solid #b7b8b6
;}
.nav_box li:last-child {
 border-right:0px
;}
.nav_col {
 display:inline-block;
 padding:0px;
 margin:0 8px;
 font-size:16px;
 border-bottom:3px solid #fff
;}
.nav_col.current,
.nav_col:hover {
 color:#b3c100;
 border-bottom:3px solid #34675c
;}
.floatingAD {
 position:fixed;
 right:0px;
 top:50%;
 width:150px;
 height:300px
;}
.leftAD {
 position:fixed;
 left:0px;
 top:50%;
 width:192px;
 height:356px
;}
.arttext {
 position:absolute;
 width:30%;
 background:rgba(52,103,92,0.7);
 bottom:50px;
 left:0px;
 padding:30px;
 color:#fff;
 font-size:18px
;}
.erweima {
 font-size:12px;
 font-weight:400;
 position:relative;
 z-index:10;
 margin-left:20px
;}
.erweima:hover .ewm_img {
 display:block
;}
.erweima .ewm_img {
 display:none;
 position:absolute;
 left:0px;
 top:30px;
 border:1px solid #c3c3c3;
 border-radius:5px;
 padding:3px;
 background:#fff;
 width:150px;
 height:150px
;}
.erweima .ewm_img img {
 width:100%
;}