body{
	background:url(../images/bg.jpg);
}




.navbar-default{
	
/*	position:absolute;*/
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
/*	background-color: transparent;*/
	border: none;
	
}



/*
header .navbar-header{
	padding-top: 6px;
	
}
*/

header .navbar-zy{
	float: left;
	padding-top: 12px;
	
}


header .navbar-zy img{
	margin-left: 30px;
	height: 25px;
	
}




header .header-position {
    background: rgba(255,255, 255, 0.8) none repeat scroll 0 0;
    left: 0;
/*    position: absolute;*/
	position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}



.stick {
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    background-color: #fff;
    border-bottom: 0 solid #4a90e2;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}





header .navbar-default .navbar-nav>li>a {
    color: #777;
}


.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: transparent;
	
}






.height-100vh {
    height: 80vh;
}

.bg-img {
    background-position: center center;
    background-size: cover;
}


/*header*/
.navbar-default {
	padding: 0;
	background-color: rgba(255,255,255,0.8);
	border-bottom: 0px solid rgba(255,255,255,0);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.navbar-default .navbar-toggle:hover {
	background-color: #fff
}
.navbar {
	margin-bottom: 0;
	max-height: 62px
}




	
@media (min-width: 768px){
.navbar-nav {
    float: left;
 margin: 7.5px -15px;
}


	
}	
	
	



@media (max-width:767px) {
.navbar, .navbar .navbar-header {
	margin-bottom: 0;
	max-height: 54px
		
}
	

	
.addess .row div:last-child .dl-horizontal {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}	


.addess .dl-horizontal dt {
	float: left;
    font-size: 24px;
    width: 28px;
    text-align: left;
}	
	
	
.addess .dl-horizontal {
    border-right: 0;
    padding: 20px 0 20px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #777;
	border-right: 0px !important;
}		
	
	
	
#video{
		padding: 0px !important;
	}	
	
#video .hg-2{
	margin: 0 auto !important;
    width: 100% !important;

	
}
	
	#show{
		padding: 0px !important;
	}
	
	
	
	
#show .hg-2{
	margin: 0 auto !important;
    width: 100% !important;

	
}	
	
	

.ui-box-body {
    padding: 10px 10px;
    word-break: break-all;
    min-height: 380px;
}	
	
	
	
	
	
	
}
/*logo*/
.logo {
	margin: 0;
	padding: 0;
	display: inline-block
}
.navbar-brand {
	width: 210px;
	height: 44px;
	background: url(../images/logo.png) no-repeat center top;
	background-size: auto 40px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	font-size: 14px;
	padding: 0 15px;
	margin: 13px 0
}
.navbar-brand {
	margin-left: 0 !important
}
@media (max-width:767px) {
.navbar-brand {
	width: 130px;
	height: 22px;
	background-image: url(../images/logo.png);
	background-size: auto 24px
}
.navbar-default .navbar-toggle {
	padding: 4px;
	margin-top: 14px;
	margin-bottom: 0;
	border-color: #ccc
}
.navbar-default .navbar-toggle:hover {
	background: transparent
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ccc
}
#banner {
	
	padding-top: 54px;
}
	
header .navbar-zy img {
     margin-left: 0px; 
    height: 14px;
}
header .navbar-zy {
    float: left;
    padding-top: 3px;
}	
	
	
	
}
/*nav*/
.navbar-default .navbar-nav li {
	position: relative;
/*	margin: 0 5px;*/
	padding-right: 0;
	padding-left: 0
}
.navbar-default .navbar-nav li.tel {
	margin-left: 40px
}
.navbar-default .navbar-nav li.tel span {
	font-size: 16px;
	padding-right:5px;
}
.navbar-default .navbar-nav li.tel a {
	color: #777;
}
.navbar-default .navbar-nav li a:before {
	display: block;
	content: '';
	width: 0;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
/*	border-bottom: 3px solid #e60012;*/
	z-index: -1
}
.navbar-default .navbar-nav li a:hover:before {
	width: 100%
}
.navbar-default .navbar-nav li.hover a:before {
	width: 100%;
/*	border-bottom: 3px solid #e60012;*/
}
.navbar-default .navbar-nav li a {
	font-size: 14px;
	line-height: 64px;
	display: block;
	padding: 0;
	margin: 0 9px;
	 color: #777;
}
@media (max-width:1000px) {
.navbar-default .navbar-nav li a {
	margin: 0 10px
}
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li.hover a {
	text-decoration: none;
	color: #999;
/*	background-color: rgba(255,255,255,0)*/
	background-color: transparent;	
}
@media (max-width:767px) {
.navbar-default .navbar-nav {
	float: inherit !important
}
.navbar-default .navbar-nav li {
	display: block
}
.navbar-default .navbar-nav li a {;
	padding: 0;
	color: #777 !important;
	line-height: 50px;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	text-align: center;
/*	border-bottom: 1px solid hsla(0,0%,100%,0.20)*/
}
.navbar-default .navbar-collapse {
	background-color: #fff;
	border-width: 0
}
	

	
	
	
	
}


@media (max-device-width: 480px) and (orientation: landscape){
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
     max-height: 400px; 
}


}




@media (min-width: 1200px){
.visible-lg-inline-block {
    display: block!important;
    /* display: block; */
}

/*
.h-h2:after,  .h-h2:before {
	display: inline-block;
	height: 1px;
	background-color: rgba(255,255,255,0.30);
	background-color: #777;
	padding: 0;
	content: "";
	width: 100px;
	margin: 6px 15px
}
*/



}

@media (max-width: 1199px) and (min-width: 992px){
.visible-md-inline-block {
    display: block!important;
}

}


/*fonts*/
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-more:before {
	content: "\e900"
}
.icon-office:before {
	content: "\e901"
}
.icon-ruanzhuang:before {
	content: "\e902"
}
.icon-ruodian:before {
	content: "\e903"
}
.icon-xiaofang:before {
	content: "\e904"
}
.icon-page-guanyu:before {
	content: "\e905"
}
.icon-page-lianxi:before {
	content: "\e906"
}
.icon-page-xitong:before {
	content: "\e907"
}
.icon-page-youshi:before {
	content: "\e908"
}
.icon-ml:before {
	content: "\e909"
}
.icon-next:before {
	content: "\e90a"
}
.icon-pre:before {
	content: "\e90b"
}
.icon-cailliao:before {
	content: "\e90c"
}
.icon-chengben:before {
	content: "\e90d"
}
.icon-fengshui:before {
	content: "\e90e"
}
.icon-foot-addess:before {
	content: "\e90f"
}
.icon-foot-map:before {
	content: "\e910"
}
.icon-foot-tel:before {
	content: "\e911"
}
.icon-goutong:before {
	content: "\e912"
}
.icon-qq:before {
	content: "\e913"
}
.icon-sheji:before {
	content: "\e914"
}
.icon-shouji:before {
	content: "\e915"
}
.icon-top:before {
	content: "\e916"
}
.icon-tuandui:before {
	content: "\e917"
}
.icon-weibo:before {
	content: "\e918"
}
.icon-weixin:before {
	content: "\e919"
}
.icon-yzspt:before {
	content: "\e91a"
}
.icon-zhaoming:before {
	content: "\e91b"
}
.icon-zhiliang:before {
	content: "\e91c"
}
.icon-sq:before {
	content: "\e91d"
}









#banner img{
/*	background-color: gray;*/
	max-width: 100%;
	height: 100%;
    width: 100%;
}


#banner .swiper-pagination{
	width:100%;
	bottom:20px;
	text-align: center;
	
}

#banner .swiper-pagination-inner{
	
	display: inline-block;
	background-color: rgba(0,0,0,.5);
	border-radius:15px;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	padding-right: 30px;
	
	
}


#banner .swiper-pagination-inner .swiper-pagination-bullet{
margin:0px 5px;
background-color: #fff;
border:2px solid transparent;
}


#banner .swiper-pagination-inner .swiper-pagination-bullet-active{
	border-color:#fff;
	background-color: transparent;
}

#banner .swiper-button-prev {
    color: #fff;
}
#banner .swiper-button-next
{
    color: #fff;
}


#banner{
	
	
}



#introduction{
padding-top: 20px;
	
}



#introduction .swiper-container{
/*	margin-top:20px;*/
	margin-bottom: 50px;
}	
#introduction .swiper-slide{
	width:860px;
	}
#introduction .swiper-slide a{
	transition: 0.2s;
	}	
#introduction .swiper-slide a:hover{
	opacity:.6;}	
#introduction .swiper-pagination{
	text-align:center;
	width:100%;
	margin-top:10px;}
#introduction .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
	margin:0 5px;
	background:#02328d;
}
#introduction .swiper-button-prev{
	width:50%;
	height:360px;
	left:-450px;
	top:0;
	    background: url(../images/ichimatsu.png) repeat 0 0;
    border-radius: 5px;
	margin-top:0;
	z-index:99;
	transition: 0.2s;
	}	
#introduction .swiper-button-prev:before{	
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(../images/slide_prev.png) no-repeat 0 center;
    left: 94%;
    top: 50%;
    margin-top: -180px;
}
#introduction .swiper-button-next{
	width:50%;
	height:360px;
	right:-450px;
	top:0;
	background: url(../images/ichimatsu.png) repeat 0 0;
    border-radius: 5px;
	margin-top:0;
	z-index:99;
	transition: 0.2s;
	}
#introduction .swiper-button-next:after{	
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(../images/slide_prev.png) no-repeat 0 center;
    right: 94%;
    top: 50%;
    margin-top: -180px;
	transform: rotate(180deg);
}
#introduction .swiper-button-prev:hover,.swiper-button-next:hover{
	opacity:0.6;
}





.case {
    background-color: rgba(221,221,221,.5);
}

/*sx-jianju*/
.sx-jianju {
	padding-top: 20px;
	padding-bottom: 55px;
	color:#777;
}
.sx-jianju.x {
	padding-top: 40px;
	padding-bottom: 45px
}



.case .row img {
	height: auto;
	max-width: 100%;
	    width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 8px 30px #ddd;	

		
}








.case .row figure {
	
	
/*	width: 320px;*/
/*    height: 290px;*/
/*    margin-left: 20px;*/
	padding-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px #999;
    border-radius: 10px;
    transform: translateZ(0);
	
	
	
	margin-bottom: 40px
}
.case figure a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	color:#777;
}
.case figure:hover a {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	opacity:.7;	
}
.case figure a figcaption {
	display: block;
/*	background-color: #333;*/
	
	margin: 0 auto
}


.case .h-h2 {
	font-size: 24px;
	color: #333;
	line-height: 150%;
	margin: 0;
	padding: 0 20px 20px;
}

.home-title .h-h2 {
	font-size: 22px;
	color: #333;
	line-height: 150%;
	margin: 0;
	padding: 20px 20px 40px;
}


#news .h-h2 {
	font-size: 22px;
	color: #333;
	line-height: 150%;
	margin: 0;
	padding: 20px 20px 20px;
}



a.btn-center:hover, a.btn-center-white:hover, a.btn-center.hover {
    background-color: #777;
    border: 1px solid #777;
    color: #fff;
    text-decoration: none;
}

a.btn-center, a.btn-center-white {
    text-align: center;
    font-size: 12px;
    padding: 4px 50px 2px 50px;
    margin: 10px 10px 0 10px;
    color: #777;
    border: 1px solid #777;
    display: inline-block;
}




/*
#banner .swiper-container {
    width: 1000px;
    height: 500px;
}*/


#video {
	padding: 20px 0;

}



#video .neibanner {
    width: 100%;
    height: 270px;
	
}

#video .neibanner {
    width: 100%;
    height: 270px;
	
}

#video .neibanner img {
box-shadow: 0px 0px 10px 0px #999;
	
}


#video .video-img a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    color: #777;
}


#video .video-img:hover a {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
/*    opacity: .9;*/
}


#video .hg-2{
	margin: 0 auto;
    width: 60%;
	
	font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #777;
	margin-top: 15px;
    margin-bottom: 15px;
	
}



#show {
	padding: 20px 0;
	background-color: rgba(221,221,221,.5);
}




#show .neibanner {
    width: 100%;
    height: 270px;
	
}

#show .neibanner {
    width: 100%;
    height: 270px;
	
}

#show .neibanner img {
box-shadow: 0px 0px 10px 0px #999;
	
}


#show .video-img a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    color: #777;
}


#show .video-img:hover a {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
/*    opacity: .9;*/
}


#show .hg-2{
	margin: 0 auto;
    width: 60%;
	
	font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #777;
	margin-top: 15px;
    margin-bottom: 15px;
	
}



#news ul{list-style:none}
/*#news .col-sm-4{float:left;position:relative;width:33.33333333%}*/
#news .selected-solution{height:695px;}
#news .selected-solution>div{position:relative;width:1270px;margin:0 auto}
#news .selected-solution .swiper-container{height:695px;width:1200px}
#news .selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/
#news .selected-solution .solution-cardlist{max-width:1200px;margin:20px auto 0}
/*.swiper-slide,.swiper-wrapper{height:560px!important}*/
#news .selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card{height:480px;background:#fff;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
#news .selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
#news .selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:530px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:200px;transition:all .2s linear}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
#news .cf:after,#news .cf:before{content:" ";display:table;line-height:0}
#news .cf:after{clear:both}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
#news .selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
#news .selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}
/*重置swiper*/
#news .swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
#news .solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
#news .solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
/*#news .swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}*/
/*
#news .swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
#news .swiper-container-solution .swiper-button-next:hover,#news .swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}
*/





.foot {
    background-color: #333;
    color: #999;
}
.addess {
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    padding: 40px 0 20px 0;
}



/*
.addess .dl-horizontal {
    margin: 0 auto;
    border-right: 1px solid #333;
}
*/



.addess .dl-horizontal dt {
    font-size: 24px;
    width: 28px;
    text-align: left;
}

.addess .dl-horizontal dd {
    margin-left: 44px;
    line-height: 200%;
    text-align: left;
}

.addess .dl-horizontal dd h3 {
    margin: 0 0 2px 0;
    font-size: 14px;
    color: #fff;
}

.addess .dl-horizontal dd p {
    margin-bottom: 0;
    font-size: 12px;
}

a {
    color: #777;
    text-decoration: none;
}

a:hover{
	 color: #999;
    text-decoration: none;
}



.foot .menu-kj {
    border-top: 1px solid #777;
    display: block;
    padding-top: 20px;
    margin-bottom: 2px;
}


.foot ul {
    margin: 0;
}

.addess .dl-horizontal {
    margin: 0 auto;
    border-right: 1px solid #777;
}

.addess .row div:last-child .dl-horizontal {
    border-right: 0;
}



.bg-white {
    padding: 30px 0;
   background-color: rgba(255,255,255,1);
}

.container-left {
    padding:0 0 0 10px;
/*    background: #f2f2f2;*/
	
	
	
}



.ui-box-radius {
    border-radius: 20px 0 0 0;
}
.ui-box {
/*
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    border: 1px solid #f3f3f3;
*/
    background: #fff;
}



.ui-box-radius .ui-box-title {
    border-radius: 20px 20px 0 0;
}
.ui-box-title {
/*    background: linear-gradient(90deg, #333 0%, #777 100%);*/
	background: #777;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 20px;
}
.collapse-menu-title {
    display: flex;
    justify-content: space-betweend;
    border-bottom: 1px solid #f3f3f3;
    line-height: 2rem;
    padding: 0 0 0 1rem;
}





.collapse-menu-title:hover a {
    padding-left: 10px;
}

.collapse-menu-title a {
    transition: all 0.5s ease;
}
.collapse-menu-title a {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.7rem;
/*	font-size: 16px;*/
    line-height: 3.5rem;
}

.collapse-menu-title {
    display: flex;
    justify-content: space-betweend;
    border-bottom: 1px solid #f3f3f3;
    line-height: 2rem;
    padding: 0 0 0 1rem;
	    background: #e6e6e6;
}



.container-right {
    flex: 1;
    overflow: hidden;
	margin-right: 10px;
	
}
.ui-box {
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    border: 1px solid #f3f3f3;
    background: #fff;
}

.ui-box-h2 {
    font-size: 24px;
    padding: 20px 30px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}


.ui-box-h2:after {
    position: absolute;
    display: block;
    content: "";
    border-bottom: 3px solid #777;
    bottom: 0;
    left: 30px;
    width: 45px;
}


.ui-box-body {
    padding: 10px 10px;
    word-break: break-all;
    min-height: 380px;
	
	
	
}

.ui-box-body p {
    margin-bottom: 20px;
    line-height: 24px;
}



.piclist {
    margin: 0 -.75%;
    padding: 0 0 .25% 0;
    list-style: none;
    overflow: hidden;
    font-size: 0;
}

.piclist-col-3 .piclist-item {
    width: 31.8%;
}
.piclist-item {
    float: left;
    width: 100%;
    padding: 15px;
    margin: 6% .75% 0 .75%;
    background: #fff;
    border: 1px solid #eaeaea;
    position: relative;
    z-index: 1;
}

.piclist-1-1 .piclist-image {
    padding-bottom: 100%;
}
.piclist-image {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}

.piclist-100 .piclist-image img {
    min-height: 100%;
}
.ui-box-body img, .ui-box-body p img {
    max-width: 100%;
}
.piclist-image img {
    transition: all 1s;
}

.piclist-image:hover img{transform:scale(1.2);}

.piclist-image img {
    width: 100%;
    position: absolute;
    z-index: 1;
}
img {
    vertical-align: middle;
    border-style: none;
}
.piclist-body {
    padding: .5rem .75rem;
}

.piclist-title {
    padding: 6px 10px;
    font-size: 14px;
}
.text-hide {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text-center {
    text-align: center;
}

.piclist-item:hover{box-shadow:0 1px 20px rgba(0,0,0,0.1);}



/*Page*/
.page{user-select:none;}
.page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:.05rem;}
.page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-.05rem;}
.page ul li:first-child,.page ul li:first-child a{border-radius:.1rem 0 0 .1rem;}
.page ul li:last-child,.page ul li:last-child a{border-radius:0 .1rem .1rem 0;}
.page ul li a{font-size:.7rem;display:block;padding:0 .65rem;line-height:1.75rem;color:#444;background:#fff;}
.page ul li a:not([href]){color:#999;cursor:not-allowed;}
.page ul li.active{border-color:#777;background:#777;}
.page ul li.active a{color:#fff;background:#777;}
.page ul li.active a:hover{background:#777;}
.page ul li:hover a{background:#f9f9f9;}
.page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.page-red ul li.active a{background:#ED4014;}
.page-red ul li.active a:hover{background:#ED4014;}
.page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.page-yellow ul li.active a{background:#F37B1D;}
.page-yellow ul li.active a:hover{background:#F37B1D;}
.page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.page-green ul li.active a{background:#19BE6B;}
.page-green ul li.active a:hover{background:#19BE6B;}
.page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.page-info ul li.active a{background:#2DB7F5;}
.page-info ul li.active a:hover{background:#2DB7F5;}
.page-mid ul li{margin-right:.3rem;}
.page-mid ul li{border-radius:.1rem;}
.page-mid ul li:first-child,.page-mid ul li:last-child{border-radius:.1rem;}
.page-center ul{display:flex;justify-content:center;align-items:center;}
.page-right ul{display:flex;justify-content:flex-end;}
.page-right{display:flex;}
.page-right .page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}

.mt-20{margin-top:1rem!important}
.mb-15 {
    margin-bottom: .75rem!important;
}



/*filter*/
.filter{background:#fff;padding:.5rem 1rem 1rem 1rem;}
.filter .filter-left{text-align:right;padding-top:.9rem;color:#999;}
/*.filter .filter-right{padding-left:.5rem;}*/
.filter .filter-right a{border:1px solid #eaeaea;padding:.4rem .75rem;border-radius:.1rem;margin:.5rem .5rem 0 0;display:inline-block;color:#999;}
.filter a:hover,.filter a.active{border-color:#777;color:#777;}
.filter-red a:hover,.filter-red a.active{border-color:#ED4014;color:#ED4014;}
.filter-yellow a:hover,.filter-yellow a.active{border-color:#F37B1D;color:#F37B1D;}
.filter-blue a:hover,.filter-blue a.active{border-color:#777;color:#777;}
.filter-green a:hover,.filter-green a.active{border-color:#19BE6B;color:#19BE6B;}
.filter-info a:hover,.filter-info a.active{border-color:#2DB7F5;color:#2DB7F5;}
.filter-black a:hover,.filter-black a.active{border-color:#666;color:#666;}
.filter .filter-right-image{/*margin-right:-1px;*/}
.filter .filter-right-image a{/*margin-right:0;margin-left:-1px;border-radius:0;*/}
.filter .filter-right-image a:hover{position:relative;}
.filter .filter-right-image a.active{position:relative;}
.filter .filter-right-image a:first-child{margin-right:.75rem;}




.artshow .content{
	padding: 6px 10px;
}
.artshow .content img{
/*	display: block;*/
    max-width: 100%;
    height: auto;
	margin-bottom: 10px;
}



.prosearch form .form-group {
    margin: 20px 30px 10px;
}
.prosearch .form-group {
    margin-bottom: .5rem;
    padding-bottom: .25rem;
    position: relative;
}

.prosearch .input-group {
    display: flex;
}


.prosearch form .form-group .form-ip {
    font-size: 13px;
}

.prosearch form .form-group select {
    max-width: 85px;
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
}


.prosearch .input-group .form-ip {
    flex: 1;
}
.prosearch .form-group .form-ip {
}
.prosearch select.form-ip, textarea.form-ip {
    height: auto;
}
.prosearch .form-ip {
    display: block;
    width: 100%;
    padding: .6rem .8rem;
    font-size: .7rem;
    font-weight: 400;
    color: #495057;
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #e3e3e3;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-align: left;
}

.prosearch .ui-icon-font {
    font-family: "iconfont";
    font-size: 1rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.prosearch .ui-icon-search:before{content:"\e8f1";}

.prosearch form .form-group .after {
    background: #777;
    border-color: #777;
    color: #fff;
    min-width: 60px;
}
.prosearch .input-group button.after {
    padding: .3rem .8rem;
}
.prosearch .input-group .after {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: .3rem 0.35rem;
    font-size: .7rem;
    font-weight: 400;
    color: #495057;
    border: 1px solid #e3e3e3;
    border-left: 0;
    background: #F6F7FF;
    border-radius: 0 0.2rem 0.2rem 0;
    white-space: nowrap;
}
.h-h2 img{
	
	display: block;
    margin: 0 auto;
}