/*common*/
body{
	    font: 13px/20px 'Microsoft Yahei', Arial, Helvetica, sans-serif;
	    line-height: 38px;
		overflow-x: hidden;
}
a{color:#333;}
a:hover{color:#78519d;text-decoration: none !important;}
.img-full{width:100%!important;height:auto!important;}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.valign-wrapper{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}
.flex{display: flex;align-items: center;}
.flex_item{flex: 1;}
.aligncenter{display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;margin: 0.5em 1em 0.5em 0;}
.alignright {float: right; margin: 0.5em 0 0.5em 1em;}
.content{
	    margin-top: 10px;
    margin-bottom: 30px;
}
.content-dd{
	margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 40px;
    padding-bottom: 30px;
	background:#D7D7D7;
}
.owl-carousel .item img,.grid-item .item img{
    display: block;
    width: 100% !important;
    height: auto !important;
}
.list-gird{padding: 0;width: 100%;margin:0;list-style:none;}
.list-gird:after {content: '';display: table;clear: both;} 
.list-gird li{float: left;position: relative;text-align:center;}
.line-title{
	margin-top: 0px !important;
    margin-bottom: 20px !important;
	display: table;
    margin: 0 0 31px;
    overflow: hidden;
}
.line-title h2{
	font-size: 36px;
	color:#333;
	    float: left;
    display: table-cell;
	    padding: 0 8px 0 0;
	white-space: pre;
	margin:0;
}
.related-posts  .line-title h2{    font-size: 22px;}
.line-title .title-sep-container {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 6px;
    width: 100%;
}
.line-title .title-sep {
    position: relative;
    display: block;
    width: 100%;
    border-style: solid;
    border: 0px solid #e0dede;
}
.bannertitle{margin-left: 250px;margin-top: 100px;}
.bannertitle h1{    font-size: 30px;
    border-left: 5px solid #541b86;
    padding-left: 20px;color: #ffffff;}
.bannertitle p{    font-size: 16px;
    color: #575656;
    padding-left: 80px;}
.title-sep.sep-single {
    border-bottom-width: 1px;
}

.hr-short{
	border-color: #e1e1e1;
	height: 20px;
    line-height: 20px;
    margin: 30px 0;
    float: none;
	clear: both;
    display: block;
    width: 100%;
    position: relative;
    margin: 30px 0;
}

.hr-short .hr-inner {
    width: 32%;
    left: 50%;
    margin-left: -16%;
	background-color: #fcfcfc;
    position: absolute;
    height: 1px;
    top: 50%;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid;
	color: #837D7D;
}

.hr-inner-style {
    border-radius: 20px;
    height: 9px;
    width: 9px;
    border-width: 2px;
    border-style: solid;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
	background-color: #fcfcfc;
}
.col-img{margin-bottom:10px;}
.form-dialog{width:370px;}
.form-dialog .modal-content{    border: 1.5px solid #78529d;}
.form-dialog .close{position: absolute;right: 10px;top: 5px;font-size: 25px;color: #f2d52a;opacity: 0.8;}
.formcontent{padding: 30px 60px;}
.formcontent h2{text-align:center;color:#78529d;    font-size: 28px; margin-top: 0;}
.formcontent h3{font-size: 14px;color:#999;text-align:center;    text-align: center;margin-bottom: 25px;}
.formcontent .form-group{margin-bottom:20px;}
.formcontent .form-control{height:40px;}
.formcontent .btn{    display: block;
    background: #78529d;
    width: 100%;
    color: #fff;
    padding: 9px 12px;}
.pagination>li>a {
    margin-left: 10px;
    color: #999;
    background-color: #ffffff;
    border-radius: 0;
    border-color: #d7d7d7;
	    padding: 8px 15px;
		    font-size: 16px;
}
.pagination>li>span,.pagination>li>a:hover,.pagination>li>span:hover {
	margin-left: 10px;
	background:#d7d7d7;
	color:#fff;
	padding: 8px 15px;
	border-radius: 0;
	border-color: #d7d7d7;
	font-size: 16px;
}
.pagination>li>span.dots{background-color: #ffffff;color: #999;}
.pagination>li:first-child>span:hover{
	 margin-left: 0px;
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span,.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span{
	border-radius: 0;
}

.bigtitle{margin-top: 85px;text-align: center;    position: relative;margin-bottom:45px;}
.bigtitle h2{font-size: 32px;color: #333;margin-bottom: 5px;letter-spacing: 3px;    display: table-cell;  padding-left: 15px;padding-right: 15px;}
.bigtitle h3{ font-size: 16px;color: #888;margin-top: 5px;}
.bigtitle .line-title {margin-top: 0px !important;display: table;overflow: hidden; margin: 0 auto;    margin-bottom: 0 !important;}
.bigtitle .bborder{ position: relative;display: table-cell;vertical-align: middle;height: 6px;width: 80px;overflow: hidden;}
.bigtitle .bborder .title-sep{position: relative;display: block;width: 100%;border-bottom: 1px solid #888;}

/*header*/
.header{background:#fff;}
.header .container{
	width: 1230px!important;
}
.top{
	background: #f2f2f2;
}
.top, .top-navigation a {line-height: 50px;}
.top, .top::before, .top::after, .top__container::before, .header::before, .header::after {border-color: #efefef;}
.top-navigation a {background-color: #f2f2f2;}
.top {position: relative; font-size: 13px;}
.top__container {position: relative;}

.top__menu {text-align: center;}
.top__menu a{
	display: inline-block;
	margin-left: 5px;
	position: relative!important;
}
.top__menu a .dropdown-menu{
	left: auto;
	right: 0;
	min-width: auto;
}
.top__menu a:hover .dropdown-menu{
	display: block;
}
.top__menu a .dropdown-menu img{
	width: 150px;
}
.top__menu a>img{
	margin-top: -3px;
}
.top-navigation { padding-left: 0;list-style: none;margin: 0;}
.top-navigation li { position: relative;display: inline-block;}
.top-navigation a {display: block;color: #999;background-color: #f2f2f2;    padding: .5625rem .625rem .625rem;}
 .top-navigation a {color: #999999;    background-color: #f2f2f2;}
.header, .top::before, .top::after, .top__container::before, .header::before, .header::after {
    background-color: #ffffff;
}
.top, .top::before, .top::after, .top__container::before, .header::before, .header::after {
    border-color: #efefef;
}
#main{margin-bottom:40px;}
.content-area{margin-bottom:40px;}
.navbar {
	margin-bottom:0px;
}
#logo{
	margin-top: 2px;
    margin-bottom: 0px;
}

.navbar-custom{
	background:#541b86;
	border-radius: 0px;
	border-left:none;
	border-right:none;
	border-bottom: none;
	height:60px;
	border:none;
	color: #fff;
	
}

.navbar-custom .navbar-nav>li.mobile a{ font-size: 18px;   color: #f2d52a;}
.navbar-custom .navbar-nav>li.mobile i{    margin-right: 10px;font-size: 20px;color: #f2d52a;}
.navbar-custom .navbar-nav>li.weixin i{font-size: 20px;color:#7FD43E;}
.navbar-custom .navbar-nav>li.weixin .dropdown-menu{margin-left: -70px;background: none;border: none;}

.top-bar .nav, .top-bar .collapse, .top-bar .dropup,.top-bar .dropdown {
	 position: static;  
}
.top-bar .fw-menu{
	position: static;  
}
.top-bar .dropdown .dropdown-menu {
	left:auto;
	padding:0px;
	    border-top: 1px solid #ddd;
}

.top-bar .fw-menu .dropdown-menu{
	 left: 0;
     right: 0;

}
.bg_home{
	background: url(../images/bg-3.jpg) bottom center no-repeat;
	background-size: 100% auto;
}
ul.navZxgd li {position: relative; margin-right: 20px; display: inline-block;}
ul.navZxgd li a {display: block;margin: 0 auto;color: #666;}
ul.navZxgd li img.navHoverImg {position: absolute;right: -3px;top: 23px;}
ul.navZxgd li a img {float: left;display: block;margin-right: 9px;position: relative;}
ul.navZxgd li a p {float: left;color: #333;line-height: 20px;}
ul.navZxgd li a p span {display: block;color: #888;}
a.navZxgd_1 img {margin-top: 11px;}
a.navZxgd_2 img {margin-top: 16px;}
a.navZxgd_3 img {margin-top: 16px;}
ul.navZxgd li .new {position: absolute;top: 5px;left: 85px;margin: 0;}

.widget-yylist{padding:15px;border:1px solid #eee;border-radius:5px;}
.widget-yylist ul{padding-left:15px !important;}
.widget-yylist ul li{line-height:25px;}
.widget-yylist h4{text-align:center;font-size:15px;margin-bottom:30px;}
.widget-yylist h4 span{color:#541b86;margin-left:5px;margin-right:5px;}
.txtMarquee-top {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 150px;
}
.txtMarquee-top .bd {
    padding-left: 0px;
}
.navbar-nav{
	float: none;
}
.navbar-custom .navbar-nav>li>.dropdown-menu .col-lg-4{
	padding: 0 60px;
}
.navbar-custom .navbar-nav>li>.dropdown-menu .col-lg-4+.col-lg-4{
	border-left: 1px solid #ddd;
}
.navbar-custom .navbar-nav>li>.dropdown-menu{ background: rgba(255,255,255,0.9); padding: 20px 0;}
.navbar-custom .navbar-nav>li>.dropdown-menu h4{
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
.navbar-custom .dropdown-menu>li>a:hover,.navbar-custom .dropdown-menu>li>a:focus{
	text-decoration:none !important;
}
.navbar-custom .dropdown-menu>li{border-bottom:0px solid #ddd;}
.navbar-custom .dropdown-menu>li:last-child{border:none;}
.navbar-custom .navbar-nav>li>a {
    padding: 0;
    line-height: 60px;
	color: #fff;
	font-family: Microsoft Yahei;
	font-size: 15px;
}
.navbar-custom .dropdown-menu>li>a{padding: 8px 20px; color: #541b86;}
.navbar-custom .dropdown-menu>li>a i{margin-right:15px;}
.navbar-custom .item-home{    padding-left: 0 !important}
.navbar-custom .item-home a{font-size: 25px !important;
    padding-top: 0px !important;
    border-right: 1px solid rgba(0,0,0,.1);
    padding-right: 30px !important;
    padding-bottom: 0 !important;
    line-height: 60px;
    margin-top: 15px;
    text-decoration: none !important;}
.navbar-custom .item-home a:hover{text-decoration: none !important;    border-bottom: 0px solid transparent;}
.navbar-custom .navbar-nav>li.item1{padding-left:30px;}
.navbar-custom .item-button{}
.navbar-custom .item-button a{font-size: 12px !important;
    padding-top: 0px !important;
    border: 1px solid rgba(0,0,0,.1) !important;
    padding-right: 20px !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    line-height: 50px;
    margin-top: 20px;
    text-decoration: none !important;
    background: #edac15 linear-gradient(to bottom, #edac15, #ebaa12);
    color: #fff !important;
    font-weight: 600;}
.navbar-custom .item-button a:hover{text-decoration: none !important; background: #ca9210!important;color: #fff !important;}
.navbar-text {
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li:hover>a{
        color: #f2d52a;
    background: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
       color: #f2d52a;
    background: none;
}
.page-breadcrumbs{height: 60px;line-height: 60px;font-size: 13px;color: #949494;box-shadow: 0 1px 2px rgba(0,0,0,.1);    margin-bottom: 3.75rem;}
.page-breadcrumbs a{    font-weight: 600;}
.page-breadcrumbs .current{        color: #999999 !important;}
/*home banner*/




#owl-banner .owl-controls {display:none;}
#owl-banner .owl-dots .owl-dot span{background: transparent;border: 1px solid #fff;}
#owl-banner .owl-dots .owl-dot.active span, #owl-banner .owl-dots .owl-dot:hover span{background: #fff;border: 1px solid #fff;}
.blankh{height:100px;}
.blogdesc{text-align:center;}
.blogdesc h2{font-size: 30px;margin-bottom: 20px;    font-weight: 600;}
.blogdesc p{ font-size: 14px;color: #333;line-height: 25px;}
#ysbj{position: relative;}
#owl-ysbj .item{padding-left:15px;padding-right:15px;}
#owl-ysbj .owl-dots .owl-dot span{background: transparent;border: 1px solid #D5CBF0;    width: 15px;height: 15px;}
#owl-ysbj .owl-dots .owl-dot.active span, #owl-banner .owl-dots .owl-dot:hover span{background:#D5CBF0;border: 1px solid #D5CBF0;}

.hotsearch {
	margin-top: 30px;
}
.hotsearch .flex{font-size:18px;color:#fff;
height: 76px;
padding: 0 20px;
background-image: linear-gradient(to right, #7c56a0 , #4f237c);
}
.hotsearch .col-lg-2{
	width: 14.285%;
}
.hotsearch .flex img{
	margin-right: 8px;
}





.jisuan .jisuan_tabs{width:21%;margin-right:1%;}
.jstab li{width:49%;margin-right:2%;    margin-bottom: 5px;text-align:center;color:#fff;border:2px solid #393939;border-radius:5px;background:#393939;}
.jstab li a{color:#fff;display:block;}
.jstab li:hover,.jstab li.active{background:#541b86;border:2px solid #541b86;}
.jstab li:hover a,.jstab li.active a{color:#fff;text-decoration:none;}
.jstab li a:hover{text-decoration:none;}
.jstab li i{font-size:45px;margin-top: 19px;}
.jstab li:nth-child(2n){margin-right:0;}
.jstab li:nth-child(3n){width:100%;}
.jisuan .jisuan_ct{width:52%;margin-right:1%;    text-align: left;}
.jisuan_ct .tab-content{border:2px solid #D1D1D1;border-radius:5px;    padding: 15px 20px;color: #541b86;}
.input-inline{margin-bottom:5px;}
.input-inline h1{ font-size: 20px;font-weight: 600;    margin-top: 0;}
.input-inline h1 span{font-size: 12px;    color: #888;}
.input-inline h1 span i{color: #541b86;font-style:normal;}
.list-form {
	padding: 10px 0 20px;
}
.list-form li{width:22%;margin-right:4%;    margin-bottom: 5px;text-align:left;}
.list-form li:nth-child(4n){margin-right:0;}
.list-form li label{display:block;height:30px;    color: #541b86;}
.list-form li select,.list-form li input{display:block;width:100%;border: 1px solid #541b86;padding: 2px 5px;color: #000; height: 40px;}
.list-form2 li{width:100%;margin-right:0;}
.list-form3 li{width:48%;}
.list-form3 li:nth-child(2n){margin-right:0;}
.list-form4 li{width:32%;margin-right:2%;}
.list-form4 li:nth-child(3n){margin-right:0;}
.input-inline label{width:20%;    color: #541b86;}
.input-inline select{width:24%;margin-right:2%; border: 1px solid #541b86; padding: 2px 5px;color: #541b86;}
.input-inline select.last-select{margin-right:0px;}
.input-inline input{border: 1px solid #541b86; padding: 2px 5px;color: #541b86;}
.input-inline .btn-rengong{width:45%;margin-right:2%;background:#EEEEEE;color:#541b86;border:1px #EEEEEE solid;border-radius:0;}
.input-inline .btn-baojia{width:100%;background-image: linear-gradient(to bottom right, #78519d, #532780);border:1px #541b86 solid;border-radius:0;color:#fff;}
.input-inline .btn-rengong:hover{opacity:0.9;}
.input-inline .btn-baojia:hover{opacity:0.9;}
.input-inline .inputs{width:24%;margin-right:2%;}
.input-inline .inputl{width:51%;}
.input-inline .inputm{width:30%;}
.input-inline .captcha_img{display:inline-block;width:20%;}
.jisuan .jisuan_didi{width:25%;}
.jisuan .jisuan_didi img{width:100%;}

.standard .row{
	margin: 0 -6px;
}
.standard .col-lg-6,.standard .col-lg-3{
	padding: 0 6px;
}
img{
	transition: .5s all;
}
.standard img{
	width: 100%;
	
}
.standard {
	padding-bottom: 0px;
}
.standard .box{
	position: relative;
	overflow: hidden;
}
.standard .box + .box{
	margin-top: 12px;
}
.standard .box span{
	position: absolute;
	color: #fff;
	left: 15px;
	bottom: 15px;
	font-size: 22px;
}
.newsbox .bd .box .pic{
	overflow: hidden;
}
.standard .box:hover img,.kwicks-ad .bd .pic:hover img,.newsbox .bd .box:hover img{
	transform: scale(1.2);
}
.standard .box .m{
	background: rgba(0,0,0,0.5);
	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;
		  position: absolute;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		  padding: 0 45px;
		  opacity: 0;
}
.standard .box .m li{
	display: inline-block;
	width: 124px;
	padding: 5px;
	text-align: center;
}
.standard .box .m li a{
	display: block;
	color: #fff;
	border-radius: 20px;
	border: 1px solid #fff;
}
.standard .box:hover .m{
	opacity: 1;
}
.rightside{
	position: fixed;
	right: 0;
	top: 20%;
	width: 124px;
	z-index: 99;
}
.rightside ul{
	margin-top: 10px;
	border-radius: 5px;
	padding: 0 5px;
	background-image: linear-gradient(to bottom right, #78519d, #532780);
}
.rightside ul li{
	border-bottom: 1px dashed #fff;
}
.rightside ul li:last-child{
	border: none;
}
.rightside ul li a{
	display: block;
	color: #fff;
	padding: 5px 10px;
}
.standard2 li{width:28%;margin-right:8%;margin-bottom:40px;}
.standard2 li:nth-child(4n){margin-right:8%;}
.standard2 li:nth-child(3n){margin-right:0;}




.spacepage{
	color: #fff;
	background-image: linear-gradient(to right, #78519d, #532780);
	padding: 1px 0 30px;
	margin-top: 10px;
}
.spacepage .bigtitle h2,.spacepage .bigtitle h3{
	color: #fff;
}
.spacepage .swiper-slide{
	width: 80%;
}
.spacepage .swiper-slide img{
	width: 1220px;
	height: 560px;
}
.spacepage .swiper-slide .box{
	position: absolute;
	right:40px;
	font-size: 20px;
	padding: 40px;
	top: 50%;
	transform: translate(0,-50%);
	background: rgba(0,0,0,0.5);
	color: #fff;
	width: 600px;
}
.spacepage .swiper-slide .box .text-right{
	text-align: right;
}
.spacepage .swiper-slide .box .btn{
	background: #fff;
	color: #4e227c;
	border-radius: 20px;
}
.spacepage .swiper-slide .box h3{
	font-size: 40px;
	margin: 0 0 20px 0;
}
.spacepage .ft{
	padding-top: 30px;
	font-size: 15px;
	line-height: 30px;
}
.spacepage .ft b{
	font-size: 23px;
	padding-right: 20px;
}
.spacepage .ft .flex_item{
	border-left: 1px solid #fff;
	padding-left: 20px;
}
.spacepage .ft a{
	display: inline-block;
	color: #fff;
	margin-right: 30px;
}
.kwicks-ad {
	padding-bottom: 100px;
	background: url(../images/bg-1.jpg) center no-repeat;
	background-size: cover;
}
.kwicks-ad .bd{
	text-align: center;
	font-size: 16px;
	background: #e1e1e1;
	margin-top: 60px;
}
.kwicks-ad .bd dl{
	padding: 30px 0;
	transition: all 0.3s;
	height: 160px;
}
.kwicks-ad .bd dl:hover{
	padding-top: 15px;
}
.kwicks-ad .bd .col-lg-2:nth-child(even){
	color: #fff;
	background-image: linear-gradient(to bottom right, #78519d, #532780);
}
.kwicks-ad .bd span{
	font-size: 24px;
}
.kwicks-ad .bd b{
	font-size: 36px;
}
.kwicks-ad .bd dd{
	margin-top: 15px;
}
.team {
	height: 879px;
	background: url(../images/bg-2.jpg) center no-repeat;
	background-size: cover;
	color: #fff;
}

.team .bigtitle h2,.team .bigtitle h3{
	color: #fff;
}
.team .container{
	width: 1530px!important;
}
.team .swiper-slide{
	width: 1240px;
	height: 539px;
	transition: 300ms;
		 
}
.team .swiper-slide-prev{
	transform: translateX(620px) scale(0.666667)
}
.team .swiper-slide-next{
	
	 transform: translateX(-620px) scale(0.666667);
}
.team .swiper-slide-active{
	 transform: translateX(0px) scale(1);
	 z-index: 99;
}
.team .swiper-slide .pic{
	width:799px;
	position: relative;
}
.team .swiper-slide img{
	width: 100%;
}
.team .swiper-slide .pic p{
	position: absolute;
	left: 10px;
	bottom: 10px;
	margin: 0;
}
.team .swiper-slide .box{
	position: absolute;
	bottom: 0;
	right: 0;
	width:670px;
	background: url(../images/stylistbg.jpg) center no-repeat;
	background-size: cover;
}
.team .swiper-slide .box img{
	width: 293px;
}
ul,li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.team .swiper-slide .box .flex_item{
	padding: 0 40px;
	font-size: 15px;
}
.team .swiper-slide .box li span{
	color: #f2d52a;
	font-size: 16px;
}
.team .swiper-slide .box .brage{
	background: #fff;
	color: #333;
	display: inline-block;
	padding: 0 25px;
	margin: 10px 0;
}
.team .swiper-slide .box h4{
	color: #f2d52a;
	line-height: 60px;
	margin-top: 0;
	font-size: 60px;
}
.team .swiper-slide .box .btn{
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 30px;
	margin-top: 10px;
}
.team .swiper-pagination{
	text-align: right;
	padding-right: 280px;
}
.team .swiper-pagination-bullet{
	background: #fff;
	width: 35px;
	border-radius: 0;
	height: 6px;
	
}
.newsbox .nav-tabs{
	margin: 50px 0 0;
	padding-bottom: 5px;
}
.newsbox .nav-tabs>li{
	display: inline-block;
	float: none;
	font-size: 18px;
}
.newsbox .nav-tabs>li+li{
	border-left: 1px solid #ddd;
}
.newsbox .nav-tabs>li>a{
	padding: 0 15px;
	margin: 0;
	background: none;
	border: none;
}
.newsbox .nav-tabs>li.active>a,.newsbox  .nav-tabs>li.active>a:focus,.newsbox  .nav-tabs>li.active>a:hover,.newsbox .nav-tabs>li>a:hover{
	color: #562c83;
	border: none;
}
.newsbox {
	padding-bottom: 50px;
}
.newsbox .bd img{
	width: 100%;
}
.newsbox .bd p{
	font-size: 16px;
	line-height: 24px;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
	color: #666;
}
.newsbox .bd dt{
	font-weight: normal;
	font-size: 16px;
	margin-top: 15px;
}
.newsbox .bd dd{
	font-size: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis; white-space: nowrap;
	font-weight: bold;
}
.newsbox .bd .more{
	display: block;
	border-top: 1px solid #000;
	position: relative;
}
.newsbox .bd .more::after{
	content: '→';
	position: absolute;
	right: 0;
	font-size: 20px;
	top: 50%;
	transform: translate(0,-50%);
}

.spaceinner li{width:49.5%;margin-right:1%;}
.spaceinner li:nth-child(2n){margin-right:0;}
.zxtabs{margin-top:15px;}
.zxtabs>li{padding-left: 8px;padding-right: 8px;}
.zxtabs li a{font-size: 15px;color: #777;text-decoration:none;}
.zxtabs li.active  a{color: #541b86;}
#vrbanner{position:relative;}
#owl-vrbanner .item{position:relative;}
#owl-vrbanner .item img{  }
#owl-vrbanner .item .bg{  background: rgba(0, 0, 0, 0.4);display:block;overflow:hidden;position:absolute;width:100%;height:100%;}
#owl-vrbanner .owl-item.center .item  .bg{display:none;}
#owl-vrbanner .vrdesc{ position: absolute;top: 132px;right: 90px;}
.owl-vrbanner .next {
    right: calc((100% - 1300px) / 2) !important;
    font-size: 45px;
    background: rgba(85, 85, 85, 0.37);
    color: #fff;
    line-height: 90px;
    padding-left: 10px;
    padding-right: 10px;
}
.owl-vrbanner .prev {
    left: calc((100% - 1300px) / 2) !important;
    font-size: 45px;
    background: rgba(85, 85, 85, 0.37);
    color: #fff;
    line-height: 90px;
    padding-left: 10px;
    padding-right: 10px;
}

.vrdesc a {
    display: block;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    width: 180px;
    height: 55px;
    line-height: 55px;
    background: #3c3c3c;
    border-radius: 4px;
    margin-right: 20px;
}
.vrdesc img {
    vertical-align: top;
    margin-bottom: 18px;
}
.vrdesc p {overflow: hidden;font-size: 16px;line-height: 16px;}
.vrdesc p em {font-style: normal;font-weight: normal;float: left;margin-right: 22px;}
.vrdesc p span {
    font-size: 12px;
    display: block;
    float: left;
    background: url(../images/3d_0.png) no-repeat left center;
    padding-left: 21px;
    margin-bottom: 35px;
}
.vrdesc p span i {
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
}
.backOrange{    background-color: #541b86 !important;}

.homeServiceIcon {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    display: table;
    height: 255px;
}

.homeServiceIcon div {
    display: table-cell;
    padding: 0 5px;
}
.homeServiceIcon img {
    vertical-align: top;
    margin-bottom: 16px;
    width: 119px;
    height: 119px;
}
.homeServiceIcon p {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
}
.homeServiceIcon span {
    color: #999;
    line-height: 18px;
}

.posttabs li{    font-size: 17px;}
.posttabs li a{    font-size: 17px;}
.gesinner{border-radius:15px;-webkit-box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);text-align:center;    padding: 35px 70px;height:376px;}
.gesinner .gest{font-size: 20px;margin-top: 25px;margin-bottom: 18px;}
.gesbro{width:100px;margin:0 auto;height:2px;background:#C9C9C9;margin-bottom:35px;}
.row_gdes{text-align:left;}
.row_gdes h4{    color: #541b86;font-size: 15px;font-weight: 600;}
.row_gdes p{font-size: 14px;padding-top:8px;}

.post-nav{margin-top:20px;display: block;overflow: hidden;}

.many{display:block;overflow:hidden;position:relative;}
.many p{position: absolute;right: 0;top: 12px;display: block;background: rgba(76, 65, 59, 0.86); color: #fff;padding: 5px 8px 5px 20px;
border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.many p span{margin-right:5px;}

.list-case>li{width:33%;margin-right:0.5%;}
.list-case>li:nth-child(3n){margin-right:0;}
.list-case>li img{width:100%;margin-bottom:6px;}
.list-case>li img.is{height:234px;}
.list-case>li img.il{height:474px;}
.casemeta h2{font-size:22px;margin-top:0px;margin-bottom:35px;}
.casemeta .madeForm{ width: 80%;
    margin: 0 auto;
    padding: 20px;
    -webkit-box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);
    box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);margin-top:60px;}

.casemeta .cp{font-size:32px;}
.casemeta .madeForm p{text-align:center;}
.casemeta .cp .cindex{color:#CA0C16;}
.casemeta .cp .cgk{color:#E6E6E6;margin-left:10px;margin-right:10px;    position: relative;top:5px;}
.casemeta .cp .ctotal{color:#727272; position: relative;top:8px;}
.list-three>li{width:32.5%;margin-right:1.25%;border:1px solid #ddd;margin-bottom:20px}
.list-three>li:nth-child(3n){margin-right:0;}
.list-three>li img{width:100%;margin-bottom:0px;}
.list-three>li .cti{padding:10px;position:relative;}
.list-three>li .cti h4{width:250px;    display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    text-align: left;}
.list-three>li .cti .yuyue{    position: absolute;right: 10px;top: 10px;line-height: 38px;color:#541b86;}

.zhishi{-webkit-box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);}
.zhishi img{width:100%;}
.zhishi .nesi{padding:15px 20px;}
.zhishi .nesi h4{font-size:16px;border-bottom:1px dashed #ddd;padding-bottom:8px;    font-weight: 600;position:relative;}
.zhishi .nesi h4 img{width:25px;position:absolute;right:0;}
.news_list li{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:0px;}
.news_list li i{margin-right:8px;color: #999;}
.news_list li a{color: #999;}
.news_list li a:hover{color:#541b86;}

.topnews{padding: 50px;}
.tab-postlist{position:relative;}
.tab-postlist .tab-pane img{width:100%;}
.js-wpg-arrows{position:absolute;top:0;right:0;}
.grid__arrow {
       text-align: center;
    height: 45px;
    line-height: 45px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border-radius: .125rem;
    color: #999;
    background-color: #fff;
    -ms-flex: 0 0 calc(50% - 15rem/16);
    flex: 0 0 calc(50% - 15rem/16);
    width: 45px;
    display: inline-block;
	    margin-left: 5px;
		font-size:15px;
}
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.postitem{box-shadow: 0 1px 3px rgba(0,0,0,.1);    background-color: #fff;}
.postitem img{width:100%;}
.postitem .post-meta{padding:10px;    position: relative;}
.postitem .post-meta::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-width: 0 0 10px 10px;
    border-bottom-color: #ccc;
    bottom: .625rem;
    right: .625rem;
    transition: all 200ms ease-out;
}
.postitem h3{height: 18px;margin-top: 5px;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;  margin-bottom: 2px;transition: all 200ms ease-out;    font-weight: 600;}
.postitem p{color: #999;}
.newsitem img{width:100%;}
.post-box h4{font-weight:600;margin-top:15px;}
.post-box p{color:#999;    margin-bottom: 20px;}
.more-link {
    position: relative;
    font-weight: 700;
    font-size:13px;
    text-transform: uppercase;
	color: #539ad0;
}
.more-link::after {
    position: absolute;
    content: '\f105';
    font-family: fontawesome;
    right: -.9375rem;
    top: calc(50% - .99rem);
}
.es_lablebox{display:none;}
.es_textbox{padding-bottom:0px;}
.es_button{padding:0;}
.es_msg{padding-top:15px;}
#searchbox .input-group .es_submit_button{    background: #FC6F81;    border-color: #FC6F81;}


.post-group{margin-bottom:50px;}
.post-group a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000;font-size: 15px;line-height:40px;}
.post-group a:hover{color: #7e73df;}

#fliterhbox{position: absolute; width: 100%;bottom: 0;}
#fliterhbox .container{ width: 780px;padding: 20px 15px; background: #161717a1; margin-bottom: 20px;}
#fliterhbox select{margin-right:40px;    margin-left: 30px;}
#fliterhbox .form-inline .form-control{ height: 40px;padding: 6px 12px; font-size: 18px;}
#fliterhbox .form-inline .btn{ height: 40px;padding: 6px 12px; font-size: 18px;margin-left:20px;}
#fliterhbox .form-inline  .btn-submit{padding: 6px 22px; background:#FF9F00;color:#fff;border-color:#FF9F00;}

iframe video{width: 100%;object-fit: fill;}


/*home top*/
#home-top{
	padding-bottom: 20px;
}    
.aside_brand{border: 1px solid #e1e1e1;}
.my_h2 {
    font-size: 16px;
	line-height: 24px;
    padding: 8px 0px 10px 10px;
    border-bottom: 1px solid #e0dede;
    border-top: 3px solid #f2d52a;
	margin-top:0px;
}
.brand_carousel{position:relative;}
.brand_carousel .lr_arrow a,.owl-related.lr_arrow a{
	width: 30px;
    height: 30px;
    text-align: center;
    color: #9d9d9d;
    line-height: 30px;
}
.brand_carousel .lr_arrow a:hover,.owl-related.lr_arrow a:hover{
    opacity: 1;
	color: #9d9d9d;
}
.owl-brand{display:none;}
.brand_carousel:hover .owl-brand{display:block;}
.brand_carousel .item a{color:#fff !important;}
.brand_carousel .item{position:relative;}
.brand_carousel .item .brand_newstitle{
	position: absolute;
    bottom:20%;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	padding: 10px 15px;
}
.brand_carousel .item .brand_newstitle span{    
  font-size: 14px;
  line-height: 24px;
}
.brand_list{padding-left:15px;padding-right:15px;}
.brand_list li{
	margin-bottom:5px;
    background: rgba(0, 0, 0, 0) url("../images/list.jpg") no-repeat scroll left 50%;
    padding-left: 12px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    margin: 10px 0 3px 0;
}
.brand_list li a{color: #333333;}
.brand_list li a:hover{
	    color: #f2d52a;
		text-decoration: none;
}
#owl-thumbct{padding-left:15px;padding-right:15px;position:relative;margin-top:80px;}
#owl-product-thumb .item{
	padding-left:8px;
	padding-right:8px;
	text-align:center;
	color: #707070;
	

}
#owl-product-thumb .item a{
	display: block;
    background: #eee;
}
#owl-product-thumb .item a{border: 2px solid transparent;}
#owl-product-thumb .item a:hover{text-decoration:none;border: 2px solid #B5070C;}
#owl-product-thumb .item a.active{
	border: 2px solid #B5070C;
}
#owl-product-thumb .item p.thumb-title{border-bottom: 2px solid #c9caca;line-height: 27px;color: #333;}
.page-live2 #mainc{
	    margin-top: -300px;
    padding: 30px;
    background: #fff;
}
.owl-product.lr_arrow a {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #777;
    opacity: 0.8;
    color: #fff;
    line-height: 25px;
}
.owl-product.lr_arrow .next{right:15px;}
.owl-product.lr_arrow .prev{left:15px;}
.owl-product-thumb.lr_arrow a {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #777;
    opacity: 0.8;
    color: #fff;
    line-height: 25px;
}
.live-head-wrapper .page-breadcrumbs{box-shadow:none;}
.live-head-wrapper .page-breadcrumbs .current{color:#541b86 !important;}
/*home middle*/
.home-middel{padding-top: 20px;border-top: 1px solid #eae9e9;}
.middle_title{
	font-weight: 300;
    font-size: 25px;
    padding-left: 12px;
	margin-top:10px;
}
.middle_title span{    
    color: #666666;
    font-size: 18px;
	    line-height: 24px;
    padding-left: 12px;
}
.knowledge-list{    border: 1px solid #e1e1e1;}
.knowledge-list .media{
	margin-top:0px;
	padding:15px;
	border-bottom: 1px solid #e1e1e1;
}
.knowledge-list .media-heading{
	font-size:14px;
	line-height: 16px;
    padding-left: 12px;
    padding-bottom: 9px;
    border-bottom: 1px dotted #ccc;
    margin: 3px 0 5px 0;
}
.knowledge-list .post-except{line-height: 24px;}
.aside_distribution .disct{padding-left:12px;margin-bottom:15px;}
.aside_distribution .disct img{width:100%;}

.home-bottom{
	padding-top:30px;
}

.friend-links{
	padding-top: 10px;
    padding-bottom: 30px;
}
.friend-links h3{
	font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
}
.friend-links a{
    color:#fff !important;
}


.page-header{
	background-color: #f2f2f2;
    margin-bottom:0;
    padding-top: 3.5rem;
    padding-bottom: 3.3125rem;
    border-bottom: 1px solid #eee;
	margin-top:0px;
	background-image: url(../images/subpage_bg.jpg);
    background-repeat: repeat;
    background-position: top center;
    background-attachment: scroll;
	
}
.page-header h1, .page-header h2 {
    color: #333333;
	margin-top:0;
	    font-weight: 700;
}

/*page dd*/
.page-dd .col-xs-8{background:#F3F3F3;}
.page-dd .col-xs-8 img{margin:0 auto;    display: block;margin-top:40px;margin-bottom:50px;}
.page-dd .col-xs-4{background:#fff;height:551px;}
.dd-breadcrumbs{padding-top:15px;}
.dd-breadcrumbs .current{color:#541b86;}
.ddmadeForm{    width: 70%;margin: 0 auto;display: block;}
.ddmadeForm .madeFormBox{margin-top: 100px;}
.ddmadeForm .madeFormBox p{text-align:center;line-height:40px;font-size:14px;margin-bottom:0px;color:#999;}
.ddmadeForm .submit,.teyuemadeForm .submit {
    background: #fff;
    color: #541b86;
    border: 1px solid #541b86;
	border-radius:3px;

}

.page-teyue{    padding: 10px 50px;}
.row-teyue{margin-bottom:60px;}
.row-teyue .col-xs-8 img{width:600px;}
.teyuemadeForm{    width: 70%;margin: 0 auto;display: block;}
.teyuemadeForm .madeFormBox p{text-align:center;line-height:40px;font-size:16px;margin-bottom:0px;color:#999;}

/*product*/
.proitem{border:1px solid #ddd;margin-bottom:15px;-webkit-box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6); 
box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);}
.product_title{margin-top: 0;font-weight: 600;font-size: 30px;}
.prosdesc{color:#999;}
.product_meta{color:#999;}
.product_meta a{color: #539ad0;}
.proimg{position:relative;}
.proimg img{width:100%;}
.proimg h4{position: absolute;bottom: 0;background: #00000094;color: #fff;padding: 4px 6px;}
.prodesc h4{position: relative;margin-bottom: 30px;}
.prodesc h4 span{position: absolute;left: -22px;color: #44B1D4;}
.prodesc{padding: 15px 35px;}
.prodesc p{color:#000;}
.prodesc .meta_a{    margin-bottom: 30px;}
.prodesc .meta_b{    margin-bottom: 30px;}
.btn-block-title{background:#000;color:#fff;border-radius:0;margin-top: 80px;margin-bottom: 40px;}
.btn-block-title:hover{background:#000;color:#fff;}
/*posttab*/
.spacecontent{background:url(../images/spbg.png);background-size:cover;}
.tab-content{
	padding: 0px;
}
.tab-postlist .tab-pane {
    max-width: 100%;
    border: none;
    border-top: none;
}
.tab-postlist .nav-tabs{margin-bottom:15px;border:none;}
.tab-postlist .nav-tabs>li>a{
	    background: transparent !important;
	    color: #696969;
    font-size: 18px;
    letter-spacing: 0px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	border: none;
	padding: 10px 5px;
}
.tab-postlist .picon{display: block;width: 100%;height: 90px;margin-bottom: 20px;border-right: 1.5px solid #b7b7b7;background:url(../images/dz1.png) center top no-repeat;}
.tab-postlist .picon2{background:url(../images/sp2.png) center top no-repeat;}
.tab-postlist .picon3{background:url(../images/dz3.png) center top no-repeat;}
.tab-postlist .picon4{background:url(../images/dz4.png) center top no-repeat;}
.tab-postlist .picon5{background:url(../images/dz5.png) center top no-repeat;}
.tab-postlist .picon6{background:url(../images/dz6.png) center top no-repeat;}

.tab-postlist .picon1:hover,.tab-postlist li.active .picon1{background:url(../images/sp1on.png) center top no-repeat;}
.tab-postlist .picon2:hover,.tab-postlist li.active .picon2{background:url(../images/dz2.png) center top no-repeat;}
.tab-postlist .picon3:hover,.tab-postlist li.active .picon3{background:url(../images/sp3on.png) center top no-repeat;}
.tab-postlist .picon4:hover,.tab-postlist li.active .picon4{background:url(../images/sp4on.png) center top no-repeat;}
.tab-postlist .picon5:hover,.tab-postlist li.active .picon5{background:url(../images/sp5on.png) center top no-repeat;}
.tab-postlist .picon6:hover,.tab-postlist li.active .picon6{background:url(../images/sp6on.png) center top no-repeat;}
.tab-postlist .nav-tabs>li{
	    width: 16%;
        text-align:center;
}
.tab-postlist .nav-tabs>li>a:hover{
    color: #541b86;
	background:none;
	border:none;
	    text-decoration: none !important;

}
.tab-postlist .nav-tabs>li.active>a,.tab-postlist .nav-tabs>li.active>a:hover,.tab-postlist .nav-tabs>li.active>a:focus {
    color: #541b86;
    cursor: default;
	border: none;
    text-decoration:none !important;
	
}

.tab-postlist .postitem{margin-bottom:25px;}

.gxh{    position: relative;}
.gxh .gxhm{    height: 554px;
    width: 323px !important;
    position: absolute;right: 0;top: 0;background:url(../images/gbg.png) center top no-repeat;}
.gxh .gxhm img{width:190px !important; }
.gxh .gxhm ul{    text-align: right;    margin-right: 10px;}
.gxh .gxhm ul li{    margin-top: 20px;
    margin-bottom: 20px;}
.gxh .gxhm ul li:nth-child(2n){    margin-right: 32px;}
.gxh .gxhm ul li:nth-child(3n){    margin-right: 68px;
    margin-top: -14px;}
.gxh .gxhm p{color:#aba8a8;    font-size: 18px;    text-align: right;}
.gxh .gxhm a{color:#fff;    font-size: 17px;
    margin-right: 10px;}
.page-box{margin-bottom:25px;}
.page-box img{width:100%;}
.page-box h4{font-weight: 600;margin-top: 15px;margin-bottom: 20px;}
.page-box p{color:#999;}
.page-box .more-link{}
/*sidebar*/
.list-group{    -webkit-box-shadow: 6px 2px 16px 0px rgba(211,211,211,0.51);
    box-shadow: 6px 2px 16px 0px rgba(211,211,211,0.51);}
.sidebar .widget{
    margin-bottom: 3.5rem;
}

.sidebar .widget-title {font-size: 18px; margin-top: 0;margin-bottom: 10px;font-weight: 400; color: #333333; padding-bottom:10px; border-bottom: 1px solid #ddd;}
.madeFormBox h2{text-align:center;color:#541b86;font-size: 22px;}
.sidebar ul.menu {margin-top: 5px;color: #999999;font-size: 14px;line-height: 24px;padding:0 20px;    list-style: none;}
.sidebar ul.menu a{    color: #848484;    line-height: 35px;}
.sidebar ul.menu li{position:relative;}
.sidebar ul.menu li:hover:before,.sidebar ul li.active:before{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    content: "\f04d";
		font-size: 12px;
    position: absolute;
	    color: #541b86;
		    left: -20px;
    top: 8px;
}
.widget .owl-dots{text-align:center;}

.y-madeForm {
}
.madeForm {

}
.madeTit {
    height: auto;
    overflow: hidden;
    text-align: center;
}
.y-madeTit div {
    padding-top: 19px;
	margin-bottom:8px;
}
.madeTit div {
    color: #fff;
    font-size: 28px;
    padding: 34px 0 3px;
}
.madeTit p {
    color: #b9b9b9;
    font-size: 13px;
}
.madeForm .caseFormBox {
    padding-top: 15px;
    margin-left: 0;
	list-style: none;
	padding-left:0px;
}
.caseFormBox li {
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 11px;
	list-style: none;
}
.y-caseFormBox .caseIcon {
    top: 9px;
}
.caseIcon {
    position: absolute;
    left: 20px;
    top: 13px;
    z-index: 5;
    display: block;
    width: 13px;
    height: 18px;
}
.y-caseFormBox .ctext {
    height: 38px;
    box-sizing: border-box;
    line-height: 38px;
}
.madeForm .ctext, .madeForm .caseFormBox .customSelect {
    height: 40px;
    line-height: 40px;
    background-color: rgba(255, 255, 254, 0);
    border: 1px solid #ddd;
}
.ctext {
    display: block;
    height: 42px;
    line-height: 42px;
    width: 100%;
    background: #e4e4e4;
    border-radius: 5px !important;
    color: #848484;
    font-size: 13px;
    text-indent: 10px;
}
.caseFormBox {
    margin-left: 197px;
    padding-top: 28px;
	
}
.ctext.half{
	width:48%;
	text-indent: 20px;
	float:left;
	margin-right:4%;
	display: inline-block;
}
.modal-inner .ctext.half{
	background:#fff;
}

.get_code{
	display: inline-block;
	float:left;
    height: 40px;
    line-height: 40px;
    width: 48%;
    background: #1b1b1b;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border: 0;
    cursor: pointer;
}
.smscode_unactive.get_code{
	 background: #4c4c4c;
	 color: #fff;
}
.get_code:hover{
	color: #fff;
}

.caseFormBox select {
    display: block;
    width: 48%;
    background: #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #848484;
    font-size: 13px;
    border: 0;
    text-indent: 20px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(255, 255, 254, 0);
    border: 1px solid #ddd;
    float: left;
}
.caseFormBox #province{margin-right:4%;}

.submit {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background: #541b86;
    border-radius: 0px;
    color:#fff;
    font-size: 15px;
    text-align: center;
    border: 0;
    cursor: pointer;
}


.widget_search label {
    float: left;
    width: 70%;
    margin-right: .5rem;
}
.widget_search .search-submit {
    width: calc(30% - .5rem);
	height: 60px;
	background: linear-gradient(#edac15,#e0a314);
    text-shadow: 0 1px rgba(0,0,0,.15);
	    border-color: #edac15;
}
.widget_search .search-submit:hover{
	background: #d89c11;
	border-color: #d89c11;
}
.widget_search .search-field {
    height: 60px;
    padding-left: 1rem;
    box-sizing: border-box;
	    background-color: #f2f2f2;
    background-image: none;
    border: 1px solid #ccc;
	border-radius:0;
}
.product-categories {
    list-style: none;
    padding-left: 0 !important;
	
}
.product-categories>li>a {
    font-weight: 700;
    border-right: 1px solid #eee;
    border-left: 2px solid #ddd;
    padding: 1.0625rem 1.875rem;
    font-size: .9375rem;
	    font-size: 13px;
    border-radius: 0;
    transition: all 200ms ease-out;
	    display: block;
		color:#999;
}
.product-categories > li > a:hover,.product-categories > li.current-cat a {
    border-left-color: #edac15;
	    background-color: #f2f2f2;
		color:#000;
		text-decoration:none !important;
}
.product-categories>li {
    border-bottom: 1px solid #eee;
}
.product-categories>li:first-of-type {
    border-top: 1px solid #eee;
}
.latest-news--inline .latest-news__content {
    padding-top: 1.5625rem;
    padding-bottom: 1.4375rem;
    border-left: 0;
    border-top: 0;
}
.card-block {
    border: 1px solid #eee;
}
.card-block {
    padding: 1.875rem;
}
.latest-news--inline .latest-news__title {
   font-size: 13px;
    margin-bottom: .375rem;
    line-height: 1.54;
    font-weight: 600;
}
.latest-news--inline .latest-news__date {
    color: #999;
}
.latest-news--inline:first-of-type {
    border-top: 1px solid #eee;
}
.latest-news--inline {
    display: block;
    border-top: 0;
    border-left: 3px solid #eee;
}
.latest-news {
    margin-bottom: 0;
    transition: all 200ms ease-out;
}
.latest-news--inline:focus, .latest-news--inline:hover ,.latest-news--more-news:hover {
    background-color: #f2f2f2;
    text-decoration: none !important;
    border-left-color: #edac15 !important;
}
.latest-news--inline+.latest-news--more-news {
    border-left: 3px solid #eee;
}
.latest-news--more-news {
    display: block;
    position: relative;
    border-top: 0;
    padding: 1.09375rem 1.875rem;
    font-family: roboto,Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #539ad0;
    text-transform: uppercase;
    transition: all 200ms ease-out;
}
.latest-news--more-news::after {
    position: absolute;
    content: '\f105';
    font-family: fontawesome;
    right: 1.875rem;
}
.latest-news__image img {
    width: 100%;height: auto;
}
.latest-news--block .latest-news__content {
    position: relative;
    border-top: 3px solid #edac15;
	margin-bottom:15px;
}
.latest-news--block .latest-news__date {
    position: absolute;
    background-color: #edac15;
    color: #fff;
    top: -1rem;
    padding: .25rem .625rem;
    font-family: roboto,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-shadow: 0 1px rgba(0,0,0,.15);
}
.latest-news--block .latest-news__title {
    margin-top: .5rem;
    margin-bottom: 1.125rem;
    line-height: 1.35;
	font-size: 16px;
    font-weight: 600;
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.card-text{color:#999;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;}
.contact-profile__container {
    position: relative;
    border-top: 3px solid #edac15;
    border-bottom: 9px solid #f2f2f2;
    padding-bottom: 1.625rem;
}
.contact-profile__text {
    margin-left: 2rem;
    margin-bottom: 0;
    color:#999;
}	
.contact-profile__item {
    padding-bottom: 1.1875rem;
    margin-bottom: 1.1875rem;
    border-bottom: 1px solid #eee;
}
.contact-profile__icon {
    float: left;
	color:#999;
}
.contact-profile__social-icons {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #f2f2f2;
    padding: .6875rem 1.875rem .0625rem .625rem;
    line-height: 1;
	font-size: 20px;
	
}
.contact-profile__social-icons a{color:#999;}
.contact-profile__social-icons::before {
    position: absolute;
    content: '';
    left: -2.1875rem;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 3rem solid #f2f2f2;
    border-left: 2.1875rem solid transparent;
}
.contact-profile__item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 20px;
    border-bottom: 0;
}
.contact-form .form-control {
    display: block;
    width: 100%;
    padding: 25px;
    font-size: 14px;
    line-height: 1.625;
    color: #666;
    background-color: #f2f2f2;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
	margin-bottom: 1.875rem;
}
.contact-form .form-control:focus{
	 background-color: #fff;
}
.from-notice{line-height:56px;color:#999;}
.col-submit{    text-align: right;}
.btn-submit {
	
}
.btn-submit:hover,.btn-submit:focus{
	
}
.sidebar .sidebar_menu li{
	    font-size: 14px;
	color: #747474;
	display: block;
    padding: 10px 10px 10px 12px;
    border-bottom: 1px solid #e7e6e6;
}
.sidebar_menu .sub-menu {
	border-top: 1px solid #e7e6e6;
}
.sidebar_menu a:before{
	position: absolute;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
	content: "\f105";
	margin-left:-12px;
	line-height: 22px;
}
.hentry__header{text-align:center;}
.hentry__date {
    display: inline-block;
    color: #ccc;
    font-weight: 700;
    margin-bottom: 20px;
	    font-size: 16px;
}
.hentry__title{font-size: 25px;margin-bottom: 20px;word-wrap: break-word;margin-top: 0;}



.sidebar .widget .widget-content{
	padding:20px;
}


/*detial*/
.nav-tabs>li.pre-order{
	float:right;
}

.filed-sex{
	margin-right:50px;
}
.filed-man{
	margin-right:50px;
	font-weight: 400;
}
.filed-woman{
	font-weight: 400;
}
.require-filed{
	color:red;
}

/*post list*/
.page-list .col-md-8{    width: 73%;}
.page-list .col-md-offset-1{    margin-left: 2%;}

.post-list  .media-heading{color: #333;font-size: 18px;line-height:24px;margin-bottom:15px;}
.post-list  .media-heading i{color: #541b86;margin-right: 18px;font-size: 12px;position: relative;top: -3px;}
.post-list .media-list li{padding:8px;border:1px solid #ddd;}
.post-list .media img{width:220px;}
.post-list .media{padding-bottom: 15px;}
.post-list .post-meta{margin-top:15px;overflow: hidden;padding: 5px 0;}
.post-list .media-left{    padding-right: 25px;}
.post-list .media-body{padding:5px;    position: relative;}
.post-list .post-except{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;    color: #999;}	
.post-list .post-meta{float: left;width: 100%;margin-top: 10px;overflow: hidden;border-top:none;border-bottom: 1px solid #2F2C27;padding: 2px 0;}
.post-list .post-date{    font-size: 14px;position: absolute;right: 15px;bottom: 0;color: #000;}
.post-list .post-meta a{font-size:12px;}
/*new end*/
.panel-post{    border-radius: 12px;    -webkit-box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);
    box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);}
.panel-post.panel-default>.panel-heading {color: #fff;background-color: #9989CA;border-color: #9989CA;position: relative;border-top-left-radius: 12px;border-top-right-radius: 12px;     padding: 10px 25px;padding-top: 15px;}
.panel-post .panel-title{    font-size: 20px;    position: relative;}
.panel-post .panel-title a{position: absolute; right: 0;font-size: 14px;top: 5px;}
.panel-post .panel-body{padding: 25px;}
.post-meta .label-default{float:right;padding:.6em;font-size: 14px;    margin-bottom: 0;}
.post-meta p{overflow:hidden;margin-bottom:0;}
.post-meta .post-date{font-size: 14px;margin: 0;  color: #868686;}
.row-list .col-md-4{margin-bottom:40px;}
.post-meta p{}

h2.screen-reader-text{display:none;}
.nav-links .post-title{font-size:14px;}
.nav-links{display:block;overflow:hidden;margin-top: 15px;margin-bottom: 35px;}
.nav-links:after {content: '';display: table;clear: both;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align: right;}
.post-detial{
	background: #fff;
    padding: 30px;
	border:1px solid #ddd;
}
.post-detial .post-mass{
	border-bottom: solid 1px #f5f5f5;
    padding-bottom: 10px;
    margin-bottom: 10px;
	
}
.post-title{
	color: #404040;
    font-size: 26px;
	margin-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 1em;
	text-align: center;
}
.post-detial .post-meta{
   font-size: 16px;
}
.post-detial .post-tags{
   font-size: 13px;
}


.post-content{padding:0px;}
.post-content p{font-size:15px;letter-spacing:1px;line-height:25px;}
.related-posts{margin-top:30px;}
.post-content img{max-width:100%;margin-bottom:8px;margin-top:8px;}

#owl-related .item{padding-left:10px;padding-right:10px;}
#owl-related .item .iteminner{position:relative;}
#owl-related .item .item-title{
		font-size:14px;
		line-height: 16px;
		    color: #fff;
    background: rgba(39, 39, 39, 0.4);
    width: 100%;
    bottom: 0;
	padding:6px 9px;
	    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	    margin-bottom: 5px;
}
#owl-related .item .item-title a{color:#fff;}
#related_carousel{position:relative;margin-left:-10px;margin-right:-10px;}

/*装修日记*/
.user-share{margin-top:40px;}
.user-share .media-heading {margin-top: 15px;margin-bottom: 35px;font-size: 22px;position: relative;}
.user-share .media-heading a{color: #999;}
.user-share .media-left{padding-right:30px;}
.user-share .media-left img{border-radius:50%;width:50px;}
.user-share .media{    margin-bottom: 25px;}
.user-share .media-body{font-size:14px;line-height:25px;padding-bottom: 25px;border-bottom: 1px solid #c4c2c2;}
.user-share .row-img{margin-top:25px;}
.user-share .views i{color:#ABABAB;}
.user-share .views{    position: absolute;right: 0;color: #541b86;font-size: 18px;top: 3px;}


/*日记详情*/
.list-live .heading-title a{
	    color: #020207;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 12px;
    height: 42px;
    line-height: 42px;
	opacity: 1;
}
.list-live .item-content {
    background: #fff;
	    margin: 0;
    padding: 20px 0;
}
.list-live .post-info-thumbnail + .post-info-content {
    padding: 2px 15px;
}
.list-live li{
	    border-bottom: 1px dashed #dcdcdc;
}

.list-live h6.address, .list-live p.livemeta {
    font-style: normal;
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    margin-bottom: 6px;
}

.list-live .buildProgress {
    display: inline-block;
    margin-left: -40px;
    padding: 14px 0 10px;
}
.list-live .buildProgress span.done {
    color: #90be20;
}
.list-live .buildProgress span {
    position: relative;
    float: left;
    display: block;
    color: #999999;
    text-align: center;
    margin-left: 40px;
    padding-bottom: 15px;
}
.list-live .buildProgress span.done i {
    border-color: #90be20;
}
.list-live .buildProgress span i {
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: -8px;
    z-index: 1;
    border: 8px solid #ededed;
    margin-left: -8px;
    width: 0;
    height: 0;
}

.list-live .buildProgress hr {
    clear: both;
    border: none;
    border-bottom: 1px solid #ededed;
}


.page-live .orderVisit {
  background-color: #fff !important;
  text-align: center;
  padding: 15px 30px;
}
.page-live .orderVisit h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  margin: 15px 0 35px;
  color: #54586e;
}



.rtAd{margin-top:15px;}
.rtAd img{width:100%;}

.live-title-wrapper .breadcrumb-title{
	    padding: 0;
}
.live-title-wrapper .formVisit{
	position:relative;
	height: 380px;
}
.live-title-wrapper .orderVisit{
	width:320px;
	    position: absolute;
    right: 0;
	top:50px;
	z-index:999 !important;
}

.live-head-wrapper{
	    position: relative;
    height: 500px;
}
.live-head-wrapper .live-head{
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-color: rgba(2,2,7,0.3) !important;
    padding: 10px;
}
.live-head-wrapper .live-head h1{
	    text-align: left;
}
.live-head-wrapper .live-head p{
	text-align: left;
    color: #fff;
}
.live-title-wrapper .breadcrumb-title { z-index: 2;}
.live-head-wrapper .live-head p span{margin-right:10px;}
.breadcrumb-title h1 {
   color: #fff;
    margin-bottom: 6px;
    font-size: 30px;
    line-height: 34px;
    margin-top: 0;
}
.livenotes{margin-bottom:40px;}
.zxprogress {
  text-align: center;
  margin-top: 0px;
}
.zxprogress .progresstab {
  margin-bottom: 0;
  padding: 20px 0 40px;
  height: 150px;
  position: relative;
    margin: 0 auto;
    text-align: center;
	list-style:none;
	    width: 910px;
}
.zxprogress .progresstab li{
	float:left;
	    margin-left: 8px;
    margin-right: 8px;
}
.zxprogress .progresstab li p{    color: #541b86;
    font-size: 20px;}
.zxprogress .progresstab li span{display: inline-block;
    width: 50px;
    border-bottom: 2px dashed #999;
    position: relative;
    top: 32px;}
.progresstab a {
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
    display: inline-block;
    background: #c1c1c1;
    width: 74px;
    height: 74px;
    line-height: 64px;
    margin: 28px 13px 0;
    border: 5px solid #fff;
}
.progresstab a.hover, .progresstab a:hover {
       background-color: #A80C0D !important;
    border: 5px solid rgba(235, 215, 216, 0.8);
}
.zxprogress .progresstab a {
  font-size: 16px;
  margin: 0 35px;
  background: #c1c1c1;
  width: 90px;
  height: 90px;
  line-height: 80px;
}

.livenotes .buildlogs {
	    margin: 24px 23px 0;
  border: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.buildlogs .notetext h6 {
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 23px;
}

.buildlogs .notetext h6 span {
        width: 130px;
    text-align: center;
    display: inline-block;
    border: 2px solid #A80C0D;
    line-height: 40px;
    font-size: 20px;
    color: #CD1D27;
}

.buildlogs .notetext h6 b {
    position: absolute;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    text-align: center;
    color: #2c2a2a;
    right: -23px;
    width: 150px;
    height: 24px;
    line-height: 24px;
    top: 7px;
}

.livenotes .notetext h2 {
  margin-bottom: 8px;
}
.livenotes .notetext .time {
  text-align: center;
  margin-bottom: 18px;
  color: #b0b0b0;
}
.livenotes .notetext p{
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-bottom: 18px;
}
.row-notephotos .col-photo{margin-bottom:12px;}
.row-notephotos img{width:100%;}

/*faq*/
.faq_ptitle{    position: relative;font-size: 21px;border-bottom: 2px solid #ddd;padding-bottom: 15px; margin-bottom: 20px;}
.faq_ptitle img{width:60px;margin-right:15px;}
.faq_ptitle span{    position: absolute;right: 0;font-size: 17px;color: #999;top: 15px;}
.faqtitle{font-size:21px;}
.faqtitle i{color: #541b86;margin-right: 8px;font-size: 12px;position: relative;top: -8px;}
.pro_list_info {
   display:block;
    overflow: hidden;
}
.pro_list_info  .ev_prob{ width: 45%;float: left;  margin-bottom: 20px;margin-right:10%;}
.pro_list_info  .ev_prob:nth-child(2n){margin-right:0;}

.ev_prob h1{width: 44px; height: 44px;color: #fff;font: 12px/18px "microsoft yahei";text-align: center;float: left;}
 .ev_prob h1 span{ width:44px; float:left; height:20px; font:15px/20px "microsoft yahei"; text-align:center; margin-top:2px;}
 .ev_prob a{display: block;overflow: hidden;float: left;text-decoration:none;}
 .ev_prob h2{
   width: 100%;
    text-indent: 10px;
    height: 20px;
    overflow: hidden;
    color: #333;
    font: 16px/20px "microsoft yahei";
    margin-bottom: 2px;
	    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
    }
	.ev_prob h2 i,.ev_prob h4 i{ color:#999; font-size:12px;    font-style: normal;}
  .ev_prob h2:hover{ color:#ff6600;}
 .ev_prob h3{overflow: hidden;
    color: #999;
    font: 12px/20px "microsoft yahei";
    margin: 0;
    text-indent: 10px;}

	
	
	.ev_prob h4 {
    font-size: 100%;
    font-family: inherit;
    float: left;
    font: 13px/20px "simsun";
    color: #888;
    margin-left: 10px;
    /* line-height: 22px; */
    height: 40px;
    overflow: hidden;
    margin-top: 8px;
    }
	
.ans_search_box{    padding: 15px 35px;border:1px solid #ddd;margin-bottom:20px;}	
.ans_search_box .news_list li{padding-bottom:0px;border-bottom:1px solid #ddd;}
.ans_search_box .news_list li a{font-size:14px;color:#666;}
.ans_search_box .news_list li a:hover{color:#541b86;}
.row-jinghua{margin-top:25px;}
.ans_search{    margin-top: 25px;margin-bottom: 25px; overflow:hidden; background-color:#fff; position:relative;    padding: 15px 30px;    -webkit-box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);
    box-shadow: 0px 6px 18px 1px rgba(206,205,205,0.6);}
.ans_search input{background:#EBEBEB;display:block;width:100%;border-radius:20px;}
.ans_search .btn-default{border-color:transparent;    font-size: 16px;}
.ans_search .col-xs-2{text-align:center;}
.ans_search .btn-default span{color:#541b86;margin-right:15px;}
.one_block_an{ width:885px; overflow:hidden; margin-top:15px; position:relative;}
.one_block_an .side_nav{ width:180px; float:left; background-color:#fff; min-height:555px;  position:absolute; left:0; top:0;}
.ev_height{ width:150px; overflow:hidden;}

.pro_box_ans h2 i{ font-style:normal;}
.pro_box_ans{width:885px; overflow:hidden; background-color:#fff; margin-top:15px; padding:15px 0;}

.pro_box_ans h1{ font:20px/40px "microsoft yahei"; margin-left:18px; color:#666; background:url(../image/pro_mark.png) no-repeat left center;width: 810px;overflow: hidden; float: left; background-position: 0 8px; padding-left: 32px;}
.pro_box_ans h2{ font: 15px/22px microsoft yahei; color:#333; width:810px; margin-left:50px; margin-top:15px; float:left;}
.pro_box_ans h2 span{ font-weight:bold; color:#ff6600;}
.peo_info{ width:810px; margin-left:34px;float:left; position:relative;}

.peo_info p{ float:left; font:12px/12px "宋体"; color:#999; border-right: 1px solid #999;
    margin: 6px 0;
    text-align: center;
    padding: 0 16px; }
	
.ans_best{ width:885px; overflow:hidden; background-color:#fff; margin-top:15px; padding:10px 0;}
.ans_best h1{ font:20px/42px "microsoft yahei"; overflow:hidden; width:800px; color:#666; text-indent:20px;}

.ans_best .best_ans_info{ width:840px; overflow:hidden; margin:0 auto; margin-top:10px;}
.ans_best .best_ans_info .pic_tou { width:70px; height:70px; position:relative; overflow:hidden; float:left; text-align:center;}
.ans_best .best_ans_info .pic_tou img{ height:70px; float:left; position:absolute; top:0; left:-50%; *left:0; right:-50%; z-index:1; margin:auto;}
.ans_best .best_ans_info .pic_tou p{ background:url(../image/huan.png) center no-repeat; position:absolute; left:0; top:0; width:70px; height:70px; z-index:2; }

.ans_best .best_ans_info .info_ans_be{ float:right; width:760px;}
.ans_best .best_ans_info .info_ans_be h2{ font:12px/24px "宋体"; float:right; color:#999;}
.ans_best .best_ans_info .info_ans_be p{ font: 16px/24px microsoft yahei; float:left; color:#333; font-weight:bold;}
.ans_best .best_ans_info .info_ans_be p a{ color:#F90;}
.ans_best .best_ans_info .info_ans_be h3{ width:760px; float:left; font: 15px/24px microsoft yahei; color:#666; margin-top:10px;}
.ans_best .best_ans_info .info_ans_be h4{ font:13px/24px "宋体"; color:#999; background:url(../image/prai_pic.png) no-repeat left center; width:64px; float:right; cursor:pointer;}



.page_top{
	position:relative;
}
.home_slider{
	height: 567px;
	position:fixed;
	z-index:-1 !important;
    width: 100%;
}
.center{
	height:400px;
	
}


.video-link{display: block; position: relative;}
.video-link i{
	position: absolute;
    width: 100%;
    text-align: center;
    font-size: 80px;
    left: 0;
    top: 25%;
    color: #fff;
}
.video-link:hover i{color:#edac15;}


/*order form*/
.contactbox h3{font-size: 28px;line-height: 30px;text-align: center;margin-bottom: 30px;}
.contactbox .form-horizontal .control-label{ background: #8AC2FD;
    text-align: center;
    padding: 0px;
    height: 54px;
    line-height: 54px;
    color: #fff;font-size: 20px;}
.contactbox .col-sm-10{background: #ddd;padding:10px;}
.contactbox .form-group{    margin: 0;margin-bottom:1px;}
.contactbox .form-control{       border-radius: 0;width: 100%;margin-bottom: 25px;height: 45px;}
.contactbox textarea.form-control{width:100%;height:auto;}
.contactbox .col-submit{text-align:center;}
.contactbox .col-submit .btn{font-size: 20px;
    padding: 8px 102px;
    border: 1px solid #ddd;
    margin-top: 15px;
    border-radius: 0;
    background: #7E73DF;
    color: #fff;}
.contactbox .col-submit .btn:hover{opacity:0.8;}
.order_form{
	padding:15px;
}
.order_form .form_title{
	text-align:center;
	font-size: 16px;
	margin-bottom:30px;
}
.order_form label{
	font-family: Futura, Verdana;
	font-weight:blod;
}

.order_form  .form-control{
	    border: 1px solid #8ed2ea;
}
    
.loading{text-align: center;margin-top: 20px;display:none;}
.loading img{width: 80px;margin-bottom: 15px;}
.loading p{ font-size: 22px;color: #909090;}

.wd {
    width: 1200px;
    margin: 0 auto;
	margin-bottom:50px;
}
.probox {
    margin-top: 60px;
    border-color: #eaeaea;
}

.boxTit {
    height: auto;
    overflow: hidden;
    padding: 0 35px 0 40px;
    background-color: #323232;
    border-bottom: 1px solid #2a2a2a;
}
.boxTit div {
    float: left;
    line-height: 88px;
    color: #e3e2e2;
    font-size: 21px;
}
.boxTit div.boxRight {
    float: right;
    margin-top: 28px;
    height: 36px;
    line-height: 36px;
	color: #3d3d3d;
    font-size: 21px;
}
.citySubmit {
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 12px;
    width: 62px;
    text-align: center;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-left: 18px;
    background:#E5BE00;
    cursor: pointer;
}
.citySubmit:hover{
	color: #fff;
	opacity:0.9;
}

.probox .map {
    overflow: hidden;
    position: relative;
    padding: 21px 15px 15px;
    height: 711px;
	    border: 1px solid #2a2a2a;
}

.probox .mapText {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 28%;
    height: 711px;
    border-right: 1px solid #2a2a2a;
}
.probox .mapText .mapTit {
    height: 62px;
    line-height: 62px;
    color: #000;
    font-size: 16px;
    padding-left: 40px;
}
.mapTit b {
    color: #e1a472;
    display: inline-block;
    padding: 0 6px;
}
.mapBox {
    height: 576px;
    overflow: hidden;
    position: relative;
}
.mapList {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
	list-style: none;
	padding-left:0;
}
.mapList li:hover, .mapList li.on {
    background-color: #191919;
    cursor: pointer;
}
.mapList li {
    height: 145px;
    overflow: hidden;
    padding: 15px 26px 0 35px;
    border-top: 1px solid #2a2a2a;
}
.mapList li:hover span, .mapList li.on span {
    background-color: #e1a472;
}
.mapList li span {
    float: left;
    width: 31px;
    height: 31px;
    line-height: 31px;
    display: block;
    color: #fff;
    font-size: 18px;
    font-family: Arial;
    text-align: center;
    background-color: #c2c2c2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.mapList li div .open, .mapList li div .phone {
    display: block;
    color: #878686;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    font-style: normal;
    overflow: hidden;
}

.mapList li div {
    margin-left: 44px;
}


.mapList li div a {
    color: #3d3d3d;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 2px;
}


.mapList li div p {
    margin-bottom: 0px;
    color: #878686;
    font-size: 14px;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
}
.mapList li div a {
    color:#878686;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 2px;
}
.mapPaged {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 72px;
    background-color: #353535;
}
.mapPaged a.prev {
    background: url(../images/mapPrev.png) no-repeat center center;
}
.mapPaged a {
    display: block;
    float: left;
    width: 50%;
    height: 72px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mapPaged a.next {
    background: url(../images/mapNext2.png) no-repeat center center #474747;
}
.mapPaged a.next:hover {
    background-image: url(../images/mapNext.png);
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.mapPaged a.prev:hover {
    background-image: url(../images/mapPrev2.png);
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.probox .mapImg {
    float: right;
    width: 71%;
    height: 675px;
    overflow: hidden;
}

.wd-thumb{
	width:1246px;
	margin-top:40px;
	padding-bottom: 40px;
}


.clear {
    overflow: hidden;
    clear: both;
}


#scrollUp {
    background-color: #777;
    color: #eee;
    font-size: 40px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 46px;
    height: 46px;
    border: none;
    opacity: .8;
}

.nav-tags a{  color: #337ab7;}
.spancat{margin-right:0px;}
/*footer*/
.flex{
	display: flex;
	align-items: center;
}
.flex_item{
	flex: 1;
}
.footer{
	position: relative;
    z-index: 1;
    background: url(../images/footerbg2.jpg); 
    background-size:cover;
	padding: 50px 0;
}
.footer .flex{
	justify-content: space-between;
	align-items: stretch;
	color: #fff;
	font-size: 16px;
}
.footer .ct ul{
	display: flex;
	flex-wrap: wrap;
	width: 340px;
	line-height: 50px;
}
.footer .ct ul li{
	width: 50%;
	font-size: 18px;
}
.footer a{
	color: #fff;
}
.footer .left ul{
	margin-top: 30px;
	margin-bottom: 60px;
}
.footer .left ul span{
	color: #c1c1c1;
}
.footer .left p {
	font-size: 14px;
}
.footer .left p span{
	display: block;
	font-size: 18px;
}
.footer .right{
	text-align: center;
}
.footer .right .btns a{
	display: inline-block;
	font-size: 18px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 0 20px;
	margin: 0 10px;
}
.footer .right ul{
	margin: 20px 0 30px;
}
.footer .right ul b{
	font-size: 20px;
}
.fixer {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 130px;
    width: 40px;
}

.fixer a, .fixer i {
    position: relative;
}
.fixer a {
    height: 35px;
    background: #757575;
    display: block;
    margin-bottom: 1px;
    border-radius: 2px 0 0 2px;
}

.fixer i {
    width: 40px;
    background-color: #757575;
    z-index: 2;
	text-align: center;
    line-height: 32px;
}
.fixer i img{
	    width: 25px;
}

.fixer a:hover em, .fixer em {
    transition: left .3s ease-in-out .1s;
}


.fixer em {
    position: absolute;
    z-index: 1;
    left: 40px;
    top: 0;
    width: 75px;
    background: #757575;
    line-height: 35px;
    font-style: inherit;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    -webkit-transition: left .3s ease-in-out .1s;
    -moz-transition: left .3s ease-in-out .1s;
    -o-transition: left .3s ease-in-out .1s;
}

.fixer em, .fixer i {
    height: 35px;
    display: inline-block;
    border-radius: 3px 0 0 3px;
}

.fixer a:hover em {
    -webkit-transition: left .3s ease-in-out .1s;
    -moz-transition: left .3s ease-in-out .1s;
    -o-transition: left .3s ease-in-out .1s;
    left: -70px;
}
a.fixer_tel:hover em {
    left: -100px;
	background: none !important;
}
.fixer_tel em {
    width: 105px;
}

.fixer a:hover, .fixer a:hover em {
    background: #ff3d00;
}
.fixer a:hover i {
    background-color: #ff3d00;
}

#banner{position:relative;}
.recommended span{color:#fff;width:100px;text-align:center;line-height:30px;border-radius:20px;display:inline-block;margin-bottom:15px;}
.container {
  /*  width: 1440px !important;
	max-width: 100%;*/
}
.body {
    min-width: 1440px !important;
}
@media (min-width: 1200px){
.container {
    width: 1440px !important;
}
#searchbox .col-md-3{width:300px;}
#searchbox .col-md-8{float: right;}
#owl-related{padding-left:30px;padding-right:30px;}
.jumbotron__extras {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.12),#000000);
	z-index: 99;
}
.jumbotron__extras::before {
    position: absolute;
    content: '';
    background-color: rgba(250,250,250,.15);
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
}
.jumbotron__widgets .widget {
    margin-right: 30px;
    padding: 33.5px 30px 33.5px 0;
}

.navbar-custom .container::before {left: calc(50% - 570px - .4375rem)}
.navbar-custom .container::after {left: calc(50% - 570px + 16.875rem)}


}
@media (min-width: 1920px){
	.caseBanner .caseChoice{height:420px;}
}

.top__tagline {
    float: left;

}
.top__menu {
    float: right;
}

@media screen and (min-width: 992px){
#scrollUp {
    bottom: 100px;
}


.jumbotron__widgets .widget {display: inline-block;vertical-align: top;margin-right: 20px;margin-bottom: 0;padding: 33.5px 20px 33.5px 0;
border-right: 1px solid rgba(250,250,250,.15);}
.top {
    position: relative;
}

.navbar-custom .container{    position: static;z-index: 10;}

header header *::before,header *::after {
    box-sizing: inherit;
}

}


	



.lx .container,.foryou .container{
	position:relative;
}

.half_left{padding-right:0px;}
.half_right{padding-left:0px;}



.lr_arrow .next{
	position: absolute;
    top: 40%;
    right: 0;
	font-size: 25px;
    color: #CECECE;
	z-index: 999;
}

.lr_arrow .prev{
	position: absolute;
    top: 40%;
    left: 0;
	font-size: 25px;
    color: #CECECE;
	z-index: 999;
}

.owl-banner .next{right: 55px;font-size: 45px;background: rgba(85, 85, 85, 0.37);color: #fff;line-height: 90px;    padding-left: 10px;padding-right: 10px;}
.owl-banner .prev{    left: 55px;font-size: 45px;background: rgba(85, 85, 85, 0.37);color: #fff;line-height: 90px; padding-left: 10px;padding-right: 10px;}

.owl-slider .next{
	 top: 55%;
	 right: 15px;
}
.owl-slider .prev{
	 top: 55%;
	 left: 15px;
}

.lr_arrow a:hover{
	color: #C7C7C7;
}
#banner .lr_arrow a:hover{color: #fff;}

	
.navbar-custom .navbar-nav>li>a{
	 border-bottom: 0px solid transparent;
	 padding-left:0px;
	 padding-right:0px;
}
.navbar-custom .navbar-nav>li {
    flex: 1;
	text-align: center;
	padding-left: 40px;


.navbar-default .navbar-nav>.active>a,.navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
       border-bottom: 0px solid #edac15;
    color: #000 !important;
	text-decoration:none!important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
      border-bottom: 0px solid #edac15;
    color: #000 !important;
   text-decoration:none!important;
}

.fw-content .sub-item .item-img{
	max-width:200px;
}




}

@media (max-width: 768px){
.lr_arrow{display:none;}
#logo{    margin-left: 15px;margin-top:0px;height: 50px;}
.navbar-custom{ height: auto;padding-top: 10px;padding-bottom: 10px;}
.navbar-custom .dropdown-menu>li{border:none;}
.top-bar ul{width:100%;}
.top-bar ul li {width: 31%;margin: 0 !important;padding:0;}
.top-bar .lan { text-align:right;}
.top-bar .mailto { text-align:right;}

.jumbotron__control{width: 30px;top: 30px;z-index: 999;}
.jumbotron__control.right {    right: 10px;}
.jumbotron__widgets{ width: 100%;margin-top: 15px;}
.navbar-custom .navbar-nav>li>a{padding-top:10px;}
.allproducts, .dreamroom{    padding: 30px 5px;}
.allproducts .container{    padding-right: 8px; padding-left: 8px;}
.js-wpg-arrows {position: absolute;bottom: -20px;width: 100%;text-align: center;top:initial}
.jiathis_style{
	margin-top:15px;
}
.sidebar{margin-top:30px;}
.user_find{margin-top:8px;}
.col-rec2 .rec-inner h3{margin-top:10px;}
.jp-title{font-size:25px;}
.jp-title2{font-size:18px;}
.rec-tag {font-size: 15px;line-height: 30px;padding-left: 15px;padding-right: 15px;}
.col-rec .rec-inner h3 {font-size: 17px;}
.media-body .media-heading a{font-size: 18px;}
.hottags > li a {line-height: 25px;font-size: 14px;}

#searchbox{  padding-top: 0px;  padding-bottom: 10px;position: relative; width: 100%;bottom: 0px; z-index: 999;}
#searchbox .form-control,#searchbox .input-group .btn,#searchbox .btn-group .btn{    padding: 10px 22px;    text-align: left;}
#searchbox .input-group {margin-top:15px;}
#owl-ysbj .item {padding-left: 8px;padding-right: 8px;}
.tab-postlist .nav-tabs>li>a{ font-size: 14px;letter-spacing: 0px;padding: 10px 0px;}
.tab-postlist .nav-tabs>li {margin-right: 15px;}
.postitem h3 {display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.tab-postlist .row,.row-list{margin-right: -8px; margin-left: -8px;}
.tab-postlist .col-xs-6,.row-list .col-xs-6{ padding-left: 8px;padding-right: 8px;}
.footer-bottom .row>div{ text-align: center;margin-bottom:15px;}
.footer-bottom .user_find{float:none;}
.blogdesc { margin-top: 20px;margin-bottom: 20px;}
.topnews {padding: 50px 5px;}
.newsitem{margin-bottom:20px;}
.testimonials{padding:10px;}
.author,.testimonial__container .quote,.author-avatar{width:100%;}
#owl-testimonials{padding: 10px;    width: 100%;}
#owl-testimonials::after{display:none;}
.owl-testimonials {
    display: block;
    position: relative;
	    margin-top: 10px;
}
.promise{    padding: 50px 20px;}
.grid__arrow{
	display: inline-block;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    color: #999;
    transition: all 200ms ease-out;
    width: calc(50% - 0.9375rem);
    text-align: center;
    height: 2.8125rem;
    line-height: 2.8125rem;
}
.owl-testimonials a {
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    color: #999;
    transition: all 200ms ease-out;
    width: calc(50% - 0.9375rem);
    text-align: center;
    height: 2.8125rem;
    line-height: 2.8125rem;
}
.partners {padding: 10px;}
.page-breadcrumbs {height: auto;line-height: 27px;font-size: 14px;margin-top:15px;padding-bottom: 10px;}
.post-title{font-size:18px;    line-height: 25px;}	
.related-posts{margin-bottom:50px;}
.post-content p{text-indent:0 !important;}
.post-content img{width:100% !important;height:auto  !important;}
#fliterhbox .container{width:100%;margin:0;}
#fliterhbox .form-inline .form-control {margin: 0;display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;}
#fliterhbox .fgl{width: 49%;float: left;}
#fliterhbox .fgr{width: 49%;float: right;}
#fliterhbox .form-inline .btn{padding: 6px 12px;margin-bottom: 0;font-size: 14px;margin:0; width: 100%;}
#fliterhbox .form-group {margin-bottom: 8px;}
.proimg h4{font-size: 15px;}
.prodesc h4{ padding-left: 10px;font-size: 16px;line-height:21px;margin-bottom: 10px;}
.prodesc h4 span { left: -6px;}
.prodesc{padding:10px;}
.prodesc .meta_a {margin-bottom: 10px;}
.prodesc .meta_b {margin-bottom: 10px;}
.contactbox .form-horizontal .control-label{width:30%;float:left;}
.contactbox .form-control{width:100%;}
.contactbox .col-sm-10{width:70%;float:left;}
.contactbox h2{font-size:18px;}
.col-submit{text-align:center;}
.btn-block-title{ margin-top: 20px;margin-bottom: 10px;}
.nav-previous{width:100%;margin-bottom:15px;}
.nav-next{width:100%;margin-bottom:15px;text-align: left;}
.post-meta p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.tab-postlist{margin-bottom:30px;}
.post-content img{width:100%!important;height:auto!important;}
#searchbox .container {padding-left: 15px;padding-right: 15px;}
.content{margin-top:0;}
.footer-bottom .user_find a {margin-left: 5px;font-size: 12px;}
#searchbox .container .row_box{    padding: 15px 30px;margin-bottom: 10px;}
.blankh { height: 0px;}
#searchbox .input-group .es_submit_button{    text-align: center !important;}
.bigtitle .bborder{width:50px;}
.bigtitle h2{    font-size: 17px;}
.bigtitle h3{font-size: 12px;}
.prometa{margin-top:15px;}
.footer-bottom__left,.footer-bottom__right{width:100%;text-align:center;}
.navbar-custom .navbar-nav>li.item1 {
    padding-left: 0px;
}

.fancybox-inner iframe{width:320px !important;    height: 300px;}



}
.space-20 {
  margin-bottom: 20px !important;
}
.text-medium {
  font-size: 14px;
  line-height: 30px;
}
/**/





/*设计师*/
.designer{ width:100%; min-height:795px; background:url(../images/bg-21.jpg) 0 0 no-repeat;    background-size: cover;padding-bottom: 30px;}

#designer-con{ margin: 10px auto 0;}
#designer-con li{ position:relative; text-align: center; float: left; overflow: hidden;margin-right: 6px;margin-bottom: 10px;}
#designer-con li:nth-child(5n){
    margin-right: 0px;
}
#designer-con li p{ height:100%; width: 100%; 
       position: absolute; 
	   left: 0; top: -100%; 
	   color: #ffffff;
        z-index: 2; 
		display: table;
		_position: relative;}
#designer-con li .img{ width: 400px; height: 260px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
#designer-con li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#designer-con li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.6; -moz-opacity:0.6; filter:alpha(opacity=60);  }
#designer-con li p span{ display: block; line-height: 24px; font-size: 14px; padding:20px 0 20px 48px; color:#999; box-sizing:border-box;text-align:center;display: table-cell; vertical-align: middle;_position:absolute;_top:50%;_left:50%;}

.designer-name span{ text-align:center; font-size:24px; color:#333; display:block; margin-top:20px;overflow: hidden;text-overflow:ellipsis;
white-space: nowrap;}
.designer-name em{text-align:center; font-size:16px; color:#666; display:block; margin-top:6px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.designer-more{ margin:38px auto 0; width:200px; height:60px; line-height:60px; text-align:center; color:#b17f32; border:1px solid #b17f32; border-radius:50px;display:block; font-size:24px;}
.designer em{
    font-style: normal;
}
.designer .base-title {
    margin: auto;
    height: 150px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 30px;
}
.base-title_so {
    position: absolute;
    left: 0;
    margin-top: 10px;
    color: #888;
    font-size: 16px;
    text-transform: uppercase;
}
.designer .wrap {
    width: 1440px;
    margin-right: auto;
    margin-left: auto;
}
/**/

.peitao .bd ul{
	display: flex;
	flex-wrap: wrap;
	font-size: 16px;
}
.peitao .bd ul li{
	margin: 25px 0;
	width: 33.333%;
}
.peitao .bd ul li p{
	margin: 0;
}

.peitao .bd ul img{
	margin-right: 15px;
	width: 77px;
}
.peitao .bd ul h4{
	color: #562b82;
	font-size: 20px;
}
.peitao .bd ul li .flex{
	transition: all 0.3s;
	width: 285px;
	margin: 0 auto;
	max-width: 100%;
}
.peitao .bd ul li:hover .flex{
	margin-top: -10px;
}
/**/
.aboutus .a{
	border-bottom: 1px solid #eee;
	text-align: center;
	padding: 45px 0;
	margin-bottom: 50px;
	font-size: 16px;
}
.aboutus .a li{
	display: inline-block;
	line-height: 38px;
	padding: 0 40px;
	vertical-align: middle;
}
.aboutus .a li a{
	display: block;
	border-radius: 5px;
	background: #f5f5f5;
	padding: 0 20px;
}
.aboutus .a li.on a,.aboutus .a li:hover a{
	color: #fff;
	background-image: linear-gradient(to bottom, #7d57a1 , #4e227c);
}
.title_info{
	text-align: center;
	padding: 20px 0 30px;
}
.title_info h5{
	color: #666;
	padding-top: 5px;
	line-height:40px
}
.aboutus .b{
	text-align: center;
}
.aboutus .b ul{
	max-width: 915px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.aboutus .b ul li{
	color: #999;
	font-size: 16px;
	line-height: 30px;
	transition: all 0.3s;
	width: 33.333%;
}
.aboutus .b ul li:hover{
	margin-top: -10px;
}
.aboutus .b ul li h4{
	color: #333;
	margin-bottom: 20px;
	font-size: 20px;
}
.aboutus .c img{
	max-width: 100%;
}
.aboutus .d{
	padding-bottom: 60px;
}
.aboutus .d .bd li{
	display: flex;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	align-items: center;
}

.aboutus .d .bd li b{
	font-size: 20px;
}
.aboutus .d .bd li span{
	color: #ccc;
	padding: 0 20px;
}
.aboutus .e .bd ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	text-align: center;
}
.aboutus .e .bd ul li{
	width: 20%;
	padding: 0 10px;
}
.aboutus .e .bd ul li a{
	display: block;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.3s;
}
.aboutus .e .bd ul li a:hover{
	transform:scale(1.1) ;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.aboutus .e .bd ul li dl{
	padding: 15px 0;
}
.aboutus .e .bd ul img{
	width: 100%;
}
.aboutus .e .bd ul .pic{
	overflow: hidden;
}

.aboutus .e .bd ul li dd{
	margin-top: 8px;
	color: #541b86;
}
.aboutus .e .bd ul li dt{
	font-size: 16px;
}
dl,dt,dd{
	margin: 0;
	font-weight: normal;
}
.container_md{
	width: 1230px;
	padding: 0 15px;
	margin: 0 auto;
	max-width: 100%;
}
.aboutus .f .bd ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -30px;
}
.aboutus .f .bd ul li{
	width: 33.333%;
	padding: 30px;
	position: relative;
	transition: all 0.3s;
}
.aboutus .f .bd ul li:hover{
	margin-top: -10px;
}
.aboutus .f .bd ul li+li::after{
	content: " ";
	    display: inline-block;
	    height:20px;
	    width: 20px;
	    border-width: 1px 1px 0 0;
	    border-color: #c8c8cd;
	    border-style: solid;
	    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	    transform: matrix(.71,.71,-.71,.71,0,0);
	    position: absolute;
	    top: 50%;
	    margin-top: -10px;
	    left: -15px;
}
.aboutus .f .bd ul li:nth-child(4)::after{
	display: none;
}
.aboutus .f .bd ul li .flex{
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 30px 15px 30px 0;
}
.aboutus .f .bd ul li b{
	font-size: 46px;
	display: inline-block;
	padding: 5px 20px;
	color: #666;
	margin-right: 15px;
	border-right: 1px dashed #333;
}
.aboutus .f .bd ul li dd{
	color: #a78ac7;
	margin-top: 6px;
}
.aboutus .g{
	padding-bottom: 60px;
}
.aboutus .g .bd li{
	border-bottom: 1px solid #eee;
	padding: 15px;
}
.aboutus .g .bd li p{
	color: #999;
	margin: 0;
}
.aboutus .g .bd li h4{
	font-weight: bold;
	margin-bottom: 0;
}
.aboutus .g .bd li span{
	color: #541b86;
	text-transform: uppercase;
}
.aboutus .h .row{
	margin: 0 -10px;
}
.aboutus .h .col-lg-2{
	width: 20%;
	padding: 0 10px;
	font-size: 16px;
}
.aboutus .h .bd .flex{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px 0;
	transition: all 0.3s;
}
.aboutus .h .bd .flex:hover{
	margin-top: -10px;
}
.aboutus .h .bd .flex span{
	display: block;
	padding: 0 15px;
	margin-right: 15px;
	border-right: 1px dashed #333;
}
.aboutus .I .bd a{
	display: block;
	position: relative;
	border-radius: 5px;
	margin-top: 30px;
	overflow: hidden;
}
.aboutus .I .bd a dl{
	position: absolute;
	background: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
	width: 100%;
	color: #fff;
	height: 100%;
	text-align: center;
	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;
}
.aboutus .I .bd a dt span{
	font-size: 18px;
}
.aboutus .I .bd a dd {
	transition: all 0.3s;
	height: 0;
	overflow: hidden;

}
.aboutus .I .bd a dd span{
	border-radius: 5px;
	padding: 5px 15px;
	border: 1px solid #fff;
	transition: all 0.3s;
}
.aboutus .I .bd a:hover dd{
height: auto;
overflow: inherit;
	margin-top: 20px;
}
.aboutus .I .bd .col-lg-3:last-child span{
	color: #333;
	border-color: #333;
}
.aboutus .I .bd .col-lg-3:last-child dl{
	background: none;
}
.aboutus .J {
	padding-bottom: 70px;
}
.aboutus .J h3{
	font-size: 16px;
	margin-top: 0;
}
.aboutus .J p a{
	border-radius: 0;
	padding: 6px 20px;
	color: #825da3;
	background: #f5f5f5;
	margin: 5px 5px 0 0;
}
.aboutus .J .flex{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 30px 0;
	margin-top: 30px;
}
.aboutus .J .flex span{
	display: block;
	padding: 0 30px;
	margin-right: 30px;
	border-right: 1px dashed #333;
}
.aboutus .J .flex dd{
	color: #825da3;
	font-size: 18px;
	margin-top: 8px;
}
.aboutus .k .bd{
	font-size: 18px;
	color: #666666;
}
.aboutus .L .bd{
	text-align: center;
	padding-bottom: 70px;
}
.aboutus .L .bd p{
	color: #666;
	font-size: 18px;
	margin-top: 10px;
}
.aboutus .L .bd img{
	width: 100%;
}
.aboutus .L .bd .pic{
	overflow: hidden;
}
.aboutus .L .bd a:hover img{
	transform: scale(1.1);
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-image: linear-gradient(to bottom, #7d57a1 , #4e227c);
	border-color: #fff;
}
/**/
.designerpage .a .bd{
	position: relative;
}
.designerpage .a .bd .pic{
	width: 100%;
}
.designerpage .a .bd .flex{
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.designerpage .a .swiper-button-next,.designerpage .a  .swiper-button-prev{
	color: #fff;
}
.designerpage .a .bd .flex a{
	display: inline-block;
	font-size: 20px;
	color: #fff;
	padding: 0 30px;
	margin-right: 20px;
	background-image: linear-gradient(to bottom, #7d57a1 , #4e227c);
}
.designerpage .a .bd .flex img{
	width: 126px;
}
.designerpage .b {
	padding-bottom: 50px;
}
.designerpage .b .tabtitle{
	font-size: 18px;
	text-align: center;
	padding-bottom: 50px;
}
.designerpage .b .tabtitle li{
	display: inline-block;
	padding: 0 30px;
}
.designerpage .b .tabtitle li a{
	display: inline-block;
	border-radius: 5px;
	padding: 0 15px;
	line-height: 30px;
}
.designerpage .b .tabtitle li.on a{
	background-image: linear-gradient(to bottom, #7d57a1 , #4e227c);
	color: #fff;
}
.designerpage .b .tabbox .pic{
	width: 204px;
	margin: 0 auto;
}
.designerpage .b .tabbox img{
	width: 100%;
}
.designerpage .b dl{
	height: 300px;
	position: relative;
	margin-bottom: 50px;
	    background: #f5f5f5;
	    transition: all .4s;
}
.designerpage .b .col-lg-3:hover dl{
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.designerpage .b dl dt{
	font-size: 16px;
	color: #999999;
	line-height: 100px;
	border-bottom: 1px solid #ddd;
	padding: 0 30px;
}
.designerpage .b dl dt span{
	font-size: 20px;
	color: #333;
	padding-right: 10px;
}
.designerpage .b dl dd{
	padding:25px 30px;
	font-size: 14px;
	    line-height: 24px;
	    text-align: justify;
	    color: #666666;
}
.designerpage .b dl dd p{
	word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.designerpage .b dl a{
	font-size: 14px;
	    position: absolute;
	    right: 30px;
	    bottom: 25px;
	    color: #e5e1d2;
}
/**/
.partners{
	padding-bottom: 70px;
}
.partners .bd a{
	display: block;
	text-align: center;
	margin: 10px 0;
	-webkit-filter: grayscale(100%);
	    filter: grayscale(100%);
}
.partners .bd img{
	width: 120px;
	max-width: 100%;
}
.partners .bd a:hover{
	-webkit-filter: grayscale(0);
	    filter: grayscale(0);
}
/**/
.duibi{
	height: 630px;
	background: url(../images/bg.jpg) center no-repeat;
	background-size: cover;
	margin-top: 80px;
}
.duibi .col-lg-3 ul{
	line-height: 88px;
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	margin-top: 75px;
}
.duibi .col-lg-3 ul span{
	width: 90px;
	text-align-last: justify;
	display: inline-block;
	margin: 0 0 0 10px;
}
.duibi .col-lg-3 ul span::after{
	content: '';
	display: inline-block;
	margin-left: 5px;
	width:0;
		height:0;
		border-top:5px solid transparent;
		border-bottom:5px solid transparent;
		border-left:5px solid #ccc;
}
.duibi .col-lg-9 .flex{
	text-align: center;
	line-height: 75px;
	border: 1px solid #eee;
	border-top: none;
	font-size: 30px;
	font-weight: bold;
}
.duibi .col-lg-9 ul li{
	text-align: center;
	line-height: 88px;
	font-size: 20px;
	border-bottom: 1px solid #e1e1e1;
}
.duibi .col-lg-9 ul li span{
	min-width: 275px;
	display: inline-block;
}
.duibi .col-lg-9 .col-lg-6 ul{
	background: #f5f5f5;
	padding: 0 30px;
}
.duibi .col-lg-9 .col-lg-6:first-child ul{
	background: #ebebeb;
}
/**/
.designerpage .c{
	padding: 50px 0;
}
.designerpage .c .box{
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	background: #fff;
	padding: 30px;
}
.designerpage .c .caseFormBox{
	margin: 0;
	padding: 0;
}
.designerpage .c .y-caseFormBox .ctext{
	height: 40px;
	    line-height: 40px;
	    background-color: rgba(255, 255, 254, 0);
	    border: 1px solid #ddd;
}
.designerpage .c .madeFormBox h2{
	margin: 0 0 20px 0;
}
.designerpage .c .pic{
	width: 204px;
	margin-right: 30px;
}
.designerpage .c .pic img{
	width: 100%;
}
.designerpage .c .col-lg-8{
	font-size: 16px;
	line-height: 24px;
}
.designerpage .c .col-lg-8 .flex{
	align-items: stretch;
	margin-top: 25px;
}
.designerpage .c .col-lg-8 span{
	color: #999;
	padding-right: 10px;
}
.designerpage .c .col-lg-8 h2{
	font-size: 16px;
	margin-top: 0;
}
.designerpage .c .col-lg-8 h2 span{
	font-size: 30px;
	color: #333;
}
.designerpage .c .col-lg-8 .btn{
	background-image: linear-gradient(to bottom, #7d57a1 , #4e227c);
	border: none;
	font-size: 16px;
	color: #fff;
	border-radius: 0;
	padding: 8px 30px;
	margin-top: 20px;
}
.designerpage .d {
	font-size: 16px;
}
.designerpage .d .hd{
	border-top: 1px solid #ddd;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.designerpage .d .bd li{
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.designerpage .d .bd li .pic{
	width: 440px;
	max-width: 100%;
}
.designerpage .d .bd li .pic img{
	width: 100%;
}
.designerpage .d .bd li .flex{
	justify-content: space-between;
	transition: all 0.3s;
}
.designerpage .d .bd li .flex:hover{
	padding: 0 20px;
	background: #F8F8F8;
}
.designerpage .d .bd li .ct{
	width: 620px;
	max-width: 100%;
	line-height: 30px;
}
.designerpage .d .bd li p{
	color: #666;
}
.designerpage .d .bd h3{
	font-size: 20px;
	margin: 0 0 30px 0;
}
.designerpage .d .bd .btn{
	background-image: linear-gradient(to bottom, #7d57a1 , #4e227c);
	    border: none;
	    font-size: 16px;
	    color: #fff;
	    border-radius: 0;
	    padding: 8px 20px;
		margin-top: 10px;
}
.designerpage .e{
	padding-bottom: 70px;
}
.designerpage .e h2{
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.designerpage .e .bd{
	position: relative;
	padding: 0 70px;
	text-align: center;
}
.designerpage .e .bd img{
	width: 100%;
}
.designerpage .e .bd a{
	display: block;
	position: relative;
}
.designerpage .e .bd h4{
	margin-bottom: 0;
}
.designerpage .e .bd .m{
	position: absolute;
	left: 0;
	top:0;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	padding: 0 15px;
	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;
}
.designerpage .e .bd .m dd{
	line-height: 26px;
	margin-top: 20px;
	word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 20;
-webkit-box-orient: vertical;
}
.designerpage .e .bd p{
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-height: 21px;
	margin-top: 15px;
	-webkit-box-orient: vertical;
}
.designerpage .e .bd .m dt{
	font-size: 22px;
}
.designerpage .e .bd a:hover .m{
	opacity: 1;
}
.designerpage .e .swiper-button-next,.designerpage .e  .swiper-button-prev{
	color: #333;
}

/**/
.quanans{

	background-size: cover;
	color: #333;
	text-align: center;
	padding-bottom: 80px;
}
.quanans .bigtitle h2,.quanans .bigtitle h3{
	color: #333;
}
.quanans .col-lg-2{
	width: 20%;
	font-size: 20px;
}
.quanans .col-lg-2 a{
	display: block;
	color: #333;
	transition: all 0.3s;
	padding-top: 30px;
}
.quanans .col-lg-2 a:hover img{
	opacity: 0.6;
}
.quanans .col-lg-2 img{
	margin-bottom: 6px;
	width: 133px;
	max-width: 70%;
}
/**/
.quanan{
	background: url(../images/homg_bg1.jpg) center no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center;
	padding-bottom: 80px;
}
.quanan .bigtitle h2,.quanan .bigtitle h3{
	color: #fff;
}
.quanan .col-lg-2{
	width: 20%;
	font-size: 20px;
}
.quanan .col-lg-2 a{
	display: block;
	color: #fff;
	transition: all 0.3s;
	padding-top: 30px;
}
.quanan .col-lg-2 a:hover img{
	opacity: 0.6;
}
.quanan .col-lg-2 img{
	margin-bottom: 6px;
	width: 133px;
	max-width: 70%;
}
.servicepart {
	background: url(../images/home_bg2.jpg) center no-repeat;
	background-size: cover;
	padding-bottom: 80px;
}
.servicepart .bd {
	padding-top: 30px;
}
.servicepart .bd .row{
	margin: 0 -10px;
}
.servicepart .bd .col-lg-2{
	width: 14.285%;
	text-align: center;
	font-size: 24px;
	padding: 0 10px;
}
.servicepart .bd dl{
	background: #fff;
	padding: 20px 0;
	transition: all 0.3s;
}
.servicepart .bd dl:hover{
	margin-top: -10px;
}
.servicepart .bd dl dd{
	color: #541b86;
	margin-top: 10px;
}
.servicepart .bd dl dd b{
	font-size: 30px;
}
.servicepart .text-right .btn{
	font-size: 16px;
	padding: 7px 25px;
	border-radius: 20px;
	background-image: linear-gradient(to bottom right, #78519d, #532780);
	color: #fff;
	margin-top: 50px;

}








@media (max-width:768px) {
	.header,.footer,.rightside{
		display: none;
	}
	.banner_info{
		height: 200px;
		object-fit: cover;
	}
	.designerpage .c .col-lg-8 .flex{
		display: block;
		margin-top: 15px;
	}
	.designerpage .c{
		padding: 0 0 20px;
	}
	.designerpage .c .pic{
		margin: 0 auto 20px;
	}
	.designerpage .c .col-lg-8 h2 span{
		font-size: 20px;
	}
	.designerpage .c .col-lg-8 .btn{
		margin: 15px 0;
	}
	.designerpage .d .bd li .flex{
		display: block;
	}
	.designerpage .d .bd h3{
		margin: 15px 0;
		font-size: 16px;
	}
	.bannertitle{
		margin: 30px 0 0 30px;
	}
	.bannertitle h1{
		font-size: 20px;
	}
	.aboutus .a ul{
		white-space: nowrap;
		overflow-x: scroll;
	}
	.aboutus .a li{
		padding: 0 5px;
	}
	.aboutus .a{
		padding: 15px 0;
		margin-bottom: 15px;
	}
	.content img{
		max-width: 100%;
	}
	.title_info{
		padding: 10px 0 ;
	}
	.title_info h2{
		font-size: 22px;
	}
	.aboutus .b ul li{
		font-size: 14px;
		line-height: 20px;
		width: 50%;
	}
	.aboutus .b ul li h4{
		font-size: 16px;
	}
	.aboutus .d .bd li{
		line-height: 22px;
	}
	.aboutus .e .bd ul li{
		width: 50%;
		margin-bottom: 20px;
	}
	.aboutus .f .bd ul li .flex{
		padding: 10px;
	}
	.aboutus .f .bd ul li{
		width: 100%;
		padding: 15px 0;
	}
	.aboutus .f .bd ul{
		margin: 0 ;
	}
	.aboutus .f .bd ul li+li::after{
		transform: rotate(135deg);
		left: 50%;
		margin: 0 0 0 -15px;
		top: -15px;
	}
	.aboutus .f .bd ul li:nth-child(4)::after{
		display: inline-block;
	}
	.aboutus .g .bd li p{
		line-height: 22px;
	}
	.aboutus .g,.aboutus .J,.aboutus .L .bd{
		padding-bottom: 20px;
	}
	.aboutus .h .col-lg-2{
		width: 50%;
		font-size: 14px;
		padding-bottom: 15px;
	}
	.aboutus .h .bd .flex span img{
		width: 25px;
	}
	.aboutus .I .bd .row{
		margin: 0 -5px;
	}
	.aboutus .I .bd .col-xs-6{
		padding:0 5px;
	}
	.aboutus .I .bd a{
		margin-top: 10px;
	}
	.aboutus .J .flex span{
		padding: 0 15px;
	}
	.aboutus .J .flex{
		padding: 15px 0;
		margin-top: 15px;
	}
	.aboutus .L .bd p,.aboutus .k .bd{
		font-size: 14px;
		line-height: 24px;
	}
	.designerpage .a .bd .pic{
		height: 350px;
		object-fit: cover;
	}
	.designerpage .b .tabtitle {
		white-space: nowrap;
		overflow-x: scroll;
		font-size: 14px;
	}
	.designerpage .b .tabtitle li{
		padding: 0 5px;
	}
	.designerpage .b dl{
		margin-bottom: 20px;
	}
	.designerpage .b{
		padding: 0;
	}
	
}