/*common*/
body{
	    font: 14px/20px 'Microsoft Yahei', Arial, Helvetica, sans-serif;
		background:#f1f1f1;
		color:#333;
}
a{color:#333;}
a:hover{
	    color: #DD9440;
		text-decoration: none !important;
}
img.size-full{
	max-width:100% !important;
	height:auto !important;
}
#layerslider-container{max-width:100%;}

.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%;
}
.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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: 40px;
    margin-bottom: 30px;
}
.post-content{
	font-size: 14px;
	line-height:22px;
}


.owl-carousel .item img,.grid-item .item img{
    display: block;
    width: 100% !important;
    height: auto !important;
}

.line-title{
	margin-top: 0px !important;
    margin-bottom: 20px !important;
	display: table;
    margin: 0 0 31px;
    overflow: hidden;
}
.line-title h2{
	font-size: 18px;
	line-height: 24px;
	color:#f0f0f0;
	    float: left;
    display: table-cell;
	    padding: 0 8px 0 0;
	white-space: pre;
	margin:0;
}
.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 #2F2C27;*/
}



.jm_detial .line-title .title-sep{
	 border-color: #DD9440;
}
.title-sep.sep-single {
    border-bottom-width: 1px;
}

.circle-icon{
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #333333;
    color: #fff;
    text-align: center;
	background-color: #333;
    font-size: 12.32px;
    height: 23.8px;
    width: 23.8px;
    margin-right: 9.8px;
	    display: table;
    float: left;
}
.circle-icon .fa{
       color: #ffffff;
	       display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.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;
}

.singe_gy .middle_title a{
	color: #c37925;
}
.grid_list .col-grid h3{
	background: #393631;
	margin:0;
	font-size: 14px;
    padding: 4px 0px;
    text-align: center;
    line-height: 24px;	
}
img.img-full{width:100% !important;}
.panel-default{border-color: #3D3834;    background-color: rgba(255, 255, 255, 0);}
.panel-default>.panel-heading {
    color: #f0f0f0;
    background-color: #c37925;
    border-color: #3D3834;
}

/*header*/



.top-bar{
	background:#fff;
}
.navbar {
	margin:0px;
	border: none;
}


#logo{
	margin: 25px 0 0 70px;
}

.top-bar .container{
	position: relative;
}



.navbar-custom{
	background:#fff;
	border-radius: 0px;
	border-left:none;
	border-right:none;
	border-bottom: none;
	min-height: 40px;
}

 .top-bar .collapse, .top-bar .dropup,.top-bar .dropdown {
	 position: static;  
}
.top-bar .nav{
	position: relative;
}
.top-bar .fw-menu{
	position: static;  
}



.top-bar .dropdown .dropdown-menu {
	left:0;
	padding:0px;
	border-top: 3px solid #3b5bda;
}

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



.navbar-custom .navbar-nav>li>a {
	font-family: Microsoft Yahei;
	font-size: 16px;
}
.navbar-custom .navbar-nav>li:hover .dropdown-menu{
	display: block;
}
.navbar-custom .item-home{    padding-left: 0 !important}
.navbar-custom .item-home a{    font-size: 25px !important;
    border-right: 1px solid rgba(255, 250, 250, 0.1);
    padding-right: 30px !important;
    padding-bottom: 0 !important;
    text-decoration: none !important;    
    line-height: 70px !important;}
.top-bar .navbar-custom .item-home a:hover{text-decoration: none !important;    border-top: 3px solid transparent!important; }
.navbar-custom .navbar-nav>li.item1{padding-left:0px;}
.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 {
        color: #3b5bda;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
       color: #3b5bda;
    background-color: transparent;
}

.fw-content .row{
	margin:0;
}
.fw-content{
    background-color: #f1f1f1;
}
.fw-content .sub-item{
	padding:0;
	padding-bottom: 10px;
	border-right: 1px solid #3d3834;
}



.fw-content .sub-item .item-link{
	display: block;
    padding: 5px 34px;
    border-bottom: none;
    line-height: 19px;
	color: #000;
    font-family: Microsoft Yahei;
	text-decoration:none;
	text-align: center;
}
.fw-content .sub-item .item-link:hover{
	background:#3b5bda;
    color: #fff;
}
.fw-content .sub-item .item-img{
	 padding: 0px 15px;
}

.page-breadcrumbs{
	height:87px;
	background-image: url('../images/bg.jpg');
	line-height:87px;
}

/*home banner*/
.banner .lr_arrow .next{right: 20px;}
.banner .lr_arrow .prev{left: 20px;}
.banner .lr_arrow a,.owl-related.lr_arrow a{
	width: 40px;
    height: 40px;
    text-align: center;
    background: rgba(200,200,200,0.5);
	border: 1px solid #f5f5f5;
	border-radius:50%;
    color: #fff;
    line-height: 35px;
}
.banner .lr_arrow a:hover,.owl-related.lr_arrow a:hover{
	color: #fff;
        background: rgba(0,0,0,0.5);
}

/*home top*/
#home-top{
	padding-bottom: 20px;
}    
.aside_brand{border: 1px solid #3D3834;    min-height: 631px;}
.my_h2 {
	color: #333;
    font-size: 16px;
	line-height: 24px;
    padding: 8px 0px 10px 10px;
    /*border-bottom: 1px solid #3D3834;
    border-top: 3px solid #DD9440;*/
	margin-top:0px;
}
.brand_carousel{position:relative;}
.banner_carousel{position:relative;}
.banner_carousel .lr_arrow a{
	width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 38px;
    font-size: 30px;
    z-index: 999;
    text-align: center;
    background-color: #f1f1f1;
    color: #6a6565;
}
.banner_carousel .lr_arrow .prev{left: 30px;}
.banner_carousel .lr_arrow .next{right: 30px;}
.banner_carousel .lr_arrow a:hover{
    opacity: 1;
	color: #6a6565;
    background-color: #f1f1f1;
}
.brand_carousel .lr_arrow a,.owl-related.lr_arrow a{
	width: 30px;
    height: 30px;
    text-align: center;
    background-color: #DD9440;
    opacity: 0.8;
    color: #fff;
    line-height: 25px;
}
.brand_carousel .lr_arrow a:hover,.owl-related.lr_arrow a:hover{
    opacity: 1;
	color: #fff;
    background-color: #1fb9d7;
}
.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;
    padding-left: 12px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #4F4A47;
    margin: 10px 0 3px 0;
	position: relative;
}
.brand_list li i{
	position: absolute;
    line-height: 25px;
    left: 2px;
	color:#4F4A47;
}
.brand_list li a{color: #f0f0f0;}
.brand_list li a:hover{
	    color: #DD9440;
		text-decoration: none;
}
#owl-thumbct{padding-left:15px;padding-right:15px;position:relative;}
#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:hover{text-decoration:none;}
#owl-product-thumb .item a.active p.thumb-title{
	border-bottom: 2px solid #DD9440;
	color: #DD9440;
}
#owl-product-thumb .item p.thumb-title{    border-bottom: 2px solid #4A4541;line-height: 27px;color: #f0f0f0;background: #2E2926;}

/*home middle*/
.home-middel{padding-top: 20px;border-top: 1px solid #3D3834;}
.middle_title{
	font-weight: 300;
    font-size: 25px;
    padding-left: 12px;
	margin-top:10px;
}
.middle_title span{    
    color: #cfcfcf;
    font-size: 18px;
	    line-height: 24px;
    padding-left: 12px;
}
.knowledge-list{    border: 1px solid #3C3934;}
.knowledge-list .media{
	margin-top:0px;
	padding:15px;
	border-bottom: 1px solid #3D3834;
}
.knowledge-list .media-heading{
	font-size:14px;
	line-height: 16px;
    padding-left: 12px;
    padding-bottom: 9px;
    border-bottom: 1px dotted #4F4A47;
    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;
}
.home-bottom .bl{padding-right:3px;margin-bottom:5px;}
.home-bottom .br{padding-left:3px;margin-bottom:5px;}

.friend-links{
	padding-top: 10px;
    padding-bottom: 30px;
}
.friend-links h3{
	font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
}
.row-full{margin:0;}
.half_right,.half_left{position:relative;width:50%;float:left;}
.btn-morelink{    padding: 7px 27px;border-radius: 0; background: #c89544;border: none;position: absolute;bottom: 20%;left: 8%;}
.btn-morelink:hover{ background: #c89544;border: none;opacity:0.7;}
.shan_mod .btn-morelink{     left: initial;bottom: 5%;right: 35% }
/*product*/

.product_list .col-product{margin-bottom:25px;}
.product_list .col-product h3{
	background: #393631;
	margin:0;
	font-size: 14px;
    padding: 4px 0px;
    text-align: center;
    line-height: 24px;	
}
.product_detial .feature-img,.product_detial .series-detial{
	padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #2F2B27;
}
.series-desc{
	border: 1px solid #2D2723;
    padding: 20px;
}
.series-desc li{
	    line-height: 24px;
    font-size: 13px;
    margin-bottom: 11px;
}
.series-detial h3{font-size:18px;margin-bottom:15px;margin-top:5px;}
.series-detial .fa{color:#DD9440;}
.feature-img{position:relative;}
.feature-img .lr_arrow .next{right: 20px;}
.feature-img .lr_arrow .prev{left: 20px;}
.feature-img .lr_arrow a,.owl-related.lr_arrow a{
	width: 40px;
    height: 40px;
    text-align: center;
    background: rgba(200,200,200,0.5);
	    border: 1px solid #f5f5f5;
    color: #fff;
    line-height: 35px;
}
.feature-img .lr_arrow a:hover,.owl-related.lr_arrow a:hover{
	color: #fff;
        background: rgba(0,0,0,0.5);
}

/*tab*/
.tab-content{
	padding: 0px;
}
.tab-pane {
    display: none;
    padding: 10px;
    max-width: 100%;
    border: 1px solid #2D2723;
    border-top: none;
}
.nav-tabs>li>a{
	border-radius:0px;
	background-color: #2E2926;
	border-top: 3px solid transparent;
}
.nav-tabs>li>a:hover{
	 border-bottom-color: transparent;
	 background-color: #1F1A16;
	 border-top: 3px solid #DD9440;
}
.nav-tabs>li>a:hover {
    border-color: #1F1A16;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #f0f0f0;
    cursor: default;
    background-color: #1F1A16;
    border: 1px solid #2D2723;
    border-bottom-color: transparent;
	border-top: 3px solid #DD9440;
	border-radius:0px;
}
.nav-tabs {
    border-bottom: 1px solid #2D2723;
}
/*jiameng*/
.tab-jm p{
	margin-bottom: 15px;
    font-size: 14px;
    color: #dbd8d8;
	
}
.tab-jm2 p{
	margin-bottom: 21px;
	margin-top: 20px;
	font-size: 14px;
    color: #333;
	line-height: 25px;
}
.jm_detial2 .tab-pane{padding:0px;}
.jm_detial2 .tab-pane,.jm_detial2 .nav-tabs { border: none;}
.jm_detial2 .nav-jim2>li{ 
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.jm_detial2 .nav-jim2>li>a{
	background: #333;
    border: 1px solid #333;
    color: #f0f0f0;
    line-height: 1.12857143;
}
.jm_detial2 .nav-jim2>li>a:hover{
	color: #f0f0f0;
	background: #cd8129;
	border: 1px solid #cd8129;
}
.jm_detial2 .nav-jim2>li.active>a,.jm_detial2 .nav-jim2>li.active>a:hover,.jm_detial2 .nav-jim2>li.active>a:focus {
    color: #fff;
    background: #DD9440;
	border: 1px solid #DD9440;
}

.col-jianjie .middle_title,.shan_news .middle_title,.shan_mod .middle_title,.shan_teacher .middle_title{ color: #DD9440;}
/*zx*/
.zx .middle_title{
	margin-top: 20px;
	margin-bottom: 15px;
	    color: #DD9440;
}
.alignleft{
	display: inline;
    float: left;
    margin-right: 15px;
}
.zx p{
	margin-bottom:15px;font-family: Microsoft Yahei;
    font-weight: 400;
	line-height:22px;
	font-size: 14px;
	}
.zx p strong{
	color: #DD9440;
}
.zx .bddp img{
	margin:0 auto;
}
.zx .bddp{font-size: 14px;}

/*faq*/
.cannytop-panel .panel-heading {
    padding: 0;
    background: none;
	color:#fff;
}
.cannytop-panel .panel-title a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
	line-height: 20px;
}
.cannytop-panel .panel-body{border: none !important;}
#accordion .cannytop-panel{
	box-shadow: none;
    border: none;
    border-bottom: 1px solid #2F2B27;
	    background: transparent;
}
.cannytop-panel .panel-title a .fa-cannytop-box {
    display: inline-block;
    float: left;
    margin-right: 18px;
	padding-top: 5px;
    width: 22px;
    height: 22px;
    background-color: #333;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cannytop-panel .panel-title a:hover .fa-cannytop-box{
	background-color: #DD9440 !important;
    border-color: #DD9440 !important;
}
.cannytop-panel .panel-title a.collapsed .fa-cannytop-box:before{
	content: "\f067";
}
.cannytop-panel .panel-title a .fa-cannytop-box:before {
    content: "\f068";
}

/*map*/
#abcd {display: block !important;}
#abcd {width:100%; height:400px;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
.mywindow{ height:auto; width:auto; font-size:12px; line-height:22px;}
.mylocationcontainer{width:100%; height:100%; margin:0 auto;}
.mapimg{width:100%;height:100%;}
.BMap_cpyCtrl span,.anchorBL{display:none!important;}

/*cannytop form*/
.cannytop-contact-form #comment-input{overflow: hidden;margin-bottom: 13px;}
#comment-input input {
    width: 32.666666%;
}
#comment-input input {
    border: 1px solid #d2d2d2;
    font-size: 13px;
    color: #747474;
    padding: 8px 2%;
    float: left;
    margin-right: 1%;
}
#comment-input input.input-last{
	margin-right: 0;
}
#comment-textarea textarea {
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 150px;
    font-size: 13px;
    color: #747474;
    padding: 8px 11px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.comment-submit {
    padding: 13px 29px;
    line-height: 17px;
    font-size: 14px;
	background: #DD9440;
    color: #fff;
	border: none;
}
.comment-submit:hover{ background: #add156;}



/*sidebar*/
.sidebar .widget{
	border: 1px solid #3E3935;
	    margin-bottom: 15px;
}

.sidebar .widget-title{
	margin-bottom: 0px;
    padding: 10px 0px;
    background: #231E1B;
    padding-left: 20px;
    margin-top: 0px;
    font-size: 16px;
    color: #C19774;
}
.sidebar ul {
	list-style:none;
	margin-top: 5px;
    padding: 0px 10px;
}
.sidebar .menu li{
	font-size: 14px;
	color: #747474;
	display: block;
    padding: 10px 10px 10px 12px;
    border-bottom: 1px solid #2F2B27;
}
.sidebar .menu .current-menu-item>a{
	color:#DD9440;
}
.sidebar .menu .sub-menu {
	border-top: 1px solid #2F2B27;
}
.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;
}
.sidebar .menu .parentli>a:before{content: "\f107";}




.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*/
.post-list  .media-heading{
    color: #333;
    font-size: 18px;
	line-height:24px;
	margin-bottom:15px;
}
.post-list .post-except{
	font-size:14px;
	    color: #747474;
}
.post-list .media{

	padding-bottom: 15px;

}
.post-meta{
	margin-top:15px;
	overflow: hidden;
    border-top: 1px solid #2F2C27;
    border-bottom: 1px solid #2F2C27;
	    padding: 5px 0;
}
.post-date{
	
    font-size: 14px;
	margin: 0;
}

.post-detial{
	background: #f0f0f0;
    padding: 10px;
}
.post-detial .post-mass{
	border-bottom: solid 1px #f5f5f5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.post-title{
	color: #f0f0f0;
    font-size: 18px;
	margin-top: 0px;
	padding-bottom: 10px;
	/*border-bottom: 1px solid #35312C;
	margin-bottom: 0.6em;*/
}
.post-detial .post-meta{
   font-size: 16px;
}
.post-detial .post-tags{
   font-size: 13px;
}


.post-content{
	padding:10px;
	    color: #333;
}
.related-posts{
	margin-top:30px;
}

#owl-related .item{padding-left:15px;padding-right:15px;}
#owl-related .item .item-title{
	    margin: 15px 0 3px;
		font-size:13px;
		    line-height: 16px;
		color:#000;
}

#owl-rcapost .item{
	position:relative;
}
#owl-rcapost .item p{
	position: absolute;
    top: 75%;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 10px;
}
#owl-rcapost .item p a{color: #fff;}

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


/*order form*/
.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;
}
    
/*shortcode*/
.cowl{position:relative;}
.owl-cowl-1.lr_arrow a{
	width: 30px;
    height: 30px;
    text-align: center;
    background-color: #DD9440;
    opacity: 0.8;
    color: #fff;
    line-height: 25px;
}
.owl-cowl-1.lr_arrow a:hover{
    opacity: 1;
	color: #fff;
    background-color: #c37925;
}
.cowl .owl-cowl-1 .prev {left: 8px;}
.cowl .owl-cowl-1 .next {right: 8px;}
.cowl .owl-cowl-2 .prev {left: 20px;}
.cowl .owl-cowl-2 .next {right: 20px;}
.owl-cowl-2.lr_arrow a{
	width: 40px;
    height: 40px;
    text-align: center;
    background: rgba(200,200,200,0.5);
	border: 1px solid #f5f5f5;
	border-radius:50%;
    color: #fff;
    line-height: 35px;
}

.owl-cowl-2.lr_arrow a:hover{
	color: #fff;
    background: rgba(0,0,0,0.5);
}

#ChinaMap{margin:0 auto;}
#HoverCallback{font-size: 16px;color: red;text-align: center;margin-bottom: 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;
}


/* 免费预约 */
.y-activeBanner{
	height: 650px;
}
.activeBanner {
    position: relative;
    z-index: 0;
    height: 708px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.wd {
    width: 1200px;
    margin: 0 auto;
}
.y-madeForm {
    height: 650px;
}
.madeForm {
    float: right;
    height: 708px;
    width: 304px;
    padding: 0 41px;
    background-color: rgba(0, 0, 0, 0.78);
}
.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 rgba(237, 237, 236, 0.27);
}
.ctext {
    display: block;
    height: 42px;
    line-height: 42px;
    width: 100%;
    background: #e4e4e4;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    color: #848484;
    font-size: 13px;
    border: 0;
    text-indent: 40px;
}
.caseFormBox {
    margin-left: 197px;
    width: 222px;
    padding-top: 28px;
	
}
.ctext.half{
	width:50%;
	text-indent: 20px;
	float:left;
	display: inline-block;
}
.modal-inner .ctext.half{
	background:#fff;
}

.get_code{
	display: inline-block;
	float:left;
    height: 40px;
    line-height: 40px;
    width: 50%;
    background: #b79579;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    color: #171310;
    font-size: 15px;
    text-align: center;
    border: 0;
    cursor: pointer;
}
.smscode_unactive.get_code{
	 background: #4c4c4c;
	 color: #fff;
}
.get_code:hover{
	color: #fff;
}


.submit {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background: #FFB976;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    color:#171310;
    font-size: 15px;
    text-align: center;
    border: 0;
    cursor: pointer;
}
.y-madeApply {
    padding: 20px 0 14px;
}
.madeApply {
    color: #fff;
    font-size: 22px;
    padding: 31px 0 14px;
    text-align: center;
}
.txtMarquee-top {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 104px;
}
.txtMarquee-top .bd {
    padding-left: 15px;
}

.txtMarquee-top .infoList li {
    height: 26px;
    line-height: 26px;
    padding-left: 12px;
    color: #d4d4d4;
    background: url(../images/dian2.jpg) no-repeat left center;
}

.madeinfo {
    margin-top: -10px;
    color: #d6d6d6;
    font-size: 12px;
    line-height: 22px;
    padding: 26px 15px 29px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.madeinfo b {
    color: #fff;
}
.madeForm .red{
	color:#FFB976;
}


.tab-dimension{
	padding-left: 80px;
    padding-right: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #000000;
}


.canny-nav{
	padding: 0;
    width: 100%;
    margin:0;
	list-style:none;
}
.dimension-tab > li {
    float: left;
	width:16%;
    margin-right: 0.8%;
	margin-bottom:8px;
	position: relative;
	text-align:center;
	padding: 5px;
}
.dimension-tab > li .img {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border: 0px solid #515151;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin-bottom: 8px;
}
.dimension-tab > li .img img{
	    width: 100%;;
}
.dimension-tab > li p{
	font-size: 14px;
	margin-bottom:0px;
}
.dimension-tab > li a:hover .img,.dimension-tab > li.active  .img{
    border-color: #b6b6b6;
    color: #434343;
}

.dimension-tab > li:nth-child(6n) {
    margin-right: 0;
}

.canny-nav:after {
    content: '';
    display: table;
    clear: both;
}

.canny-tab{
	margin-top:35px;
}
#dimension .tab-pane{
	border:none;
}
.dimension-content > li {
    float: left;
	width:32.8%;
    margin-right: 0.8%;
	margin-bottom:10px;
	position: relative;
	text-align:center;
}
.dimension-content > li:nth-child(3n) {
    margin-right: 0;
}
.dimension-content > li img{width:100%;}
.canny-more{
	text-align: center;
}
.canny-more .btn{
	background: #ffb355;
    padding: 5px 40px;
    font-size: 20px;
	color: #ffffff;
    border-color: #ffb355;
}
.canny-more .btn:hover{
	border-color: #ffb355;
	    background: #f6b566;
}


.productMadeList {
    height: auto;
    overflow: hidden;
	padding: 28px 0 28px;
    background-color: #2A2A2A;
	margin-top: 40px;
}

.ptext {
    float: left;
    padding-top: 32px;
}

.productMadeList ul {
       margin-left: 190px;
    list-style: none;
    overflow: hidden;
    display: block;
    padding-left: 0;
}
.fixed:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.productMadeList ul li {
    float: left;
    padding-left: 75px;
    background: url(../images/arrow2.png) no-repeat 24px center;
    margin-bottom: 4px;
}
.pos {
    position: relative;
}
.pos img {
    display: block;
    width: 127px;
    height: 140px;
}
.pos div {
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 5;
    width: 100%;
    text-align: center;
}
.pos div p {
    color: #4a4a4a;
    font-size: 16px;
	    margin-bottom: 0;
    padding-bottom: 1px;
}
.pos div span {
    color: #bfbfbf;
    font-size: 11px;
    font-family: Arial;
    letter-spacing: 2px;
}

.page-yuyue{
	background: #121212;
	    margin-top: 0px;
    margin-bottom: 0px;
}

.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: #dfdfdf;
    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:#d7d3d3;
    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;
}
.mainService {
    position: fixed;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgb(97,85,66);
	    padding: 0;
    margin: 0;
    list-style: none;
}
.mainService li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid rgba(255,255,255,.5);
    text-align: center;
}
.mainService li a {
    display: block;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
    color: #FFF;
}

.popText1 select{
	    display: block;
    float: left;
    width: 50%;
    height: 40px;
    line-height: 38px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(219, 219, 219);
    border-radius: 19px;
    padding: 0px 12px;
    color: #000;
}




.fixeCall {
    position: fixed;
    width: 80px;
    height: 320px;
    top: 33%;
    z-index: 99;
    border: 0px;
    right: 0;
	background:#4C4C4C;
}


.fixeCall a {
    display: block;
    text-align: center;
    width: 80px;
    height: 80px;
    padding-top: 55px;
    cursor: pointer;
	color:#fff;
}
.fixeCall a.active{background-color: #3b5bda;}
.fixeCall a:hover{
	color:#fff;
}

.fixeCall .a1 {

    background: url(../images/r1.png) center -4px no-repeat;
}
.fixeCall .a1:hover {
    background-color: #3b5bda;
}

.fixeCall .a2 {
    
    background: url(../images/r2.png) center -8px no-repeat;
}
.fixeCall .a2:hover {
    background-color: #3b5bda;
}


.fixeCall .a3 {

    background: url(../images/r3.png) center center no-repeat;
}

.fixeCall .a3:hover {
    background-color: #3b5bda;
}


.fixeCall .a4 {

    background: url(../images/r4.png) center center no-repeat;
}

.fixeCall .a4:hover {
    background-color: #3b5bda;
}

.modal.in .modal-dialog {
    z-index: 9999;
}

.caseFormBox select{
	display: block;
    width: 50%;
    background: #e4e4e4;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    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 rgba(237, 237, 236, 0.27);
    float: left;
}


#myModal .modal-content{
	overflow: hidden;
    background: url(../images/fbg.png);
	border-radius: 0px;
	width: 600px;
    height: 619px;
	border: none;
}
#myModal .modal-inner{border: 3px solid #fff;}
#myModal2 .modal-content{
	border-radius: 0px;
	width: 680px;
    height: 420px;
}
#myModal .modal-body{
	    background: rgba(255, 255, 255, 0.66);
}

#myModal .modal-content .modal-header {
    border-bottom: none;

}

#myModal .modal-content .modal-title{
	color: #2a2a2a;
    font-family: 微软雅黑;
    font-size: 16px;
}


#myModal .modal-content .close{
	color: #2a2a2a;
    font-family: 微软雅黑;
       font-size: 30px;
    position: relative;
    top: -3px;
}
#myModal h2{
	text-align: center;
    color: #4c4c4c;
}
#myModal h3{
	text-align: center;
	font-size: 14px;
    color: #4c4c4c;
}

.popText1{
	width:260px;
	margin:0 auto;
}
.popText1 .popScroll {
    width: 270px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: rgb(153, 153, 153);
    padding-left: 24px;
    overflow: hidden;
    margin: 42px 0px 20px 80px;
    background: url("../images/roll.png") left center no-repeat;
}

.popSheji .popRoll{
	width: 200px; 
	height: 14px; 
	line-height: 14px; 
	font-size: 12px; 
	background: url("../images/roll.png") left center no-repeat;
	padding-left: 20px;
	margin-left: 80px; 
	overflow: hidden;
}
.popSheji .popRoll li{
	height: 14px; 
	line-height: 14px;
}

.reservationList ul li{

    margin: 0;
    padding: 0;
    list-style: none;
}


.popText1 p:first-of-type {
    margin-top: 20px;
}
.popText1 p {
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-bottom: 12px;
}
.popText1 span {
    display: block;
    text-align: center;
    color: rgb(153, 153, 153);
    margin-bottom: 10px;
}
.popText1 p span {
    display: inline-block;
    float: none;
    /* width: 56px; */
    /* margin-right: 24px; */
    color: rgb(253, 253, 253);
}
.popText1 p input {
    display: block;
    float: left;
    width: 260px;
    height: 40px;
    line-height: 38px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(219, 219, 219);
    border-radius: 19px;
    padding: 0px 12px;
} 

.error {
    color: rgb(230, 8, 31);
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 12px;
    height: 14px;
    line-height: 14px;
}

.popText1 p input.popAboutClick {
    color: rgb(255, 255, 255);
    border-color: #3b5bda;
    background: #3b5bda;
	font-size:14px;
	border-radius: 19px;
}
.popText1 p input {
    display: block;
    float: left;
    width: 260px;
    height: 40px;
    line-height: 38px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(219, 219, 219);
    border-radius: 19px;
    padding: 0px 12px;
}
.popText1 p.sq{
	height: auto;
    margin-top: 0;
    line-height: 20px;
    font-size: 16px;
	color: #fff;
    text-align: center;
}
.popText1 p.sq em{    font-style: normal;color: #3b5bda;}
.popText1 .madeinfo{
	padding: 5px 25px 5px;
    margin-bottom: 24px;
    background: #fff;
    color: #4c4c4c;
    line-height: 20px;
}
.popText1 .madeinfo  b {
    color: #3b5bda;
}
.popText1 .infoList li{color:#fff;background: url(../images/dian3.jpg) no-repeat left center;}
.popText1 .infoList li span{display:inline-block;color:#fff;}
.popText1 .input-user {
    background: url(../images/user.png) no-repeat scroll 8px 8px #fff !important;
    background-size: 14px;
	padding-left:28px;
	color:#000;
}
.popText1 .input-mobile {
    background: url(../images/mobile.png) no-repeat scroll 10px 8px #fff !important;
    background-size: 10px;
	padding-left:28px;
	color:#000;
}

#myModal2 .tab-modal{
	float: left; 
	width: 54px; 
	height: 100%;
}
#myModal2 .tab-content{
	float: left; 
	width: 620px;
}

#myModal2 .tab-modal{
	border:none;
}
#myModal2 .tab-modal li{
    text-align: center;
    width: 100%;
    display: block;
    height: 50%;
    font-size: 18px;
    line-height: 24px;
    background: rgb(219, 219, 219);
    cursor: pointer;
    color: rgb(51, 51, 51);
    border: none;

}
#myModal2 .tab-modal li.active{
	background: rgb(255, 255, 255);
    color: rgb(240, 131, 0);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 6px solid rgb(240, 131, 0);
    border-image: initial;
}
#myModal2 .tab-modal a{
	padding: 52px 18px;
	border:none !important;
}

#myModal2 .content{
	width: 340px; margin: 0px auto; overflow: hidden;
}
#myModal2 .content h2{
	font-weight: normal; font-size: 40px; line-height: 42px; padding: 40px 0px 12px; text-align: center;
}
#myModal2 .content .cdes{
	display: block; text-align: center; color: rgb(153, 153, 153); margin-bottom: 10px;
}

#myModal2 .content .sdes{
	display: block; font-weight: normal; font-size: 18px; line-height: 32px; text-align: center; color: rgb(102, 102, 102); margin-bottom: 32px;
}
#myModal2 .content .places{
	font-style: normal; font-family: arial; margin: 0 14px; font-size: 32px; color: #f08300; vertical-align: -4px;
}
#myModal2 .content .num{
    font-style: normal; font-family: arial; margin: 0 5px; color: #f08300;
}
#myModal2 .content p{
	position: relative; height: 40px; line-height: 40px; margin-bottom: 12px;
	
}
#myModal2 .content p span{
	display: block; float: left; width: 56px; margin-right: 24px;
	
}
#myModal2 .content input[type="text"]{
	display: block; float: left; width: 260px; height: 40px; line-height: 38px; border: 1px solid rgb(219, 219, 219); padding: 0px 12px;
}
#myModal2 .content input[type="submit"]{
	font-size:14px;display: block; float: left; width: 260px; height: 40px; line-height: 38px; border: 1px solid rgb(240, 131, 0); padding: 0px 12px; background: rgb(240, 131, 0); color: rgb(255, 255, 255); cursor: pointer;
}

.fixeBottom{display:none;}
.fixeBottom{
	position: fixed; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; width: 100%; max-width: 640px; z-index: 10; background: rgba(2, 2, 7, 0.498039);
}
.fixeBottom a{
	display: block; width: 50%; float: left; color: rgb(255, 255, 255);
}

.fixeBottom a img{
	width: 26.7%; float: left;
}
.fixeBottom a p{float: left; width: 73.3%; padding-left: 0.7143rem;    font-size: 1.14286rem;margin-bottom: 0;line-height: 1.55;
}
.fixeBottom a p span{display: block;     font-size: 1.84286rem; margin: 0.3rem 0px 0.08rem;}
.fixeBottom a p em{color: rgb(241, 196, 14); font-style: normal;}
.fixeBottom a p i{font-style: normal; }

.fixeBottom2{
	position: fixed; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; width: 100%;text-align:center; max-width: 640px; z-index: 10;     background: rgb(43, 29, 21);;
}
.fixeBottom2 a{
	display: block; width: 25%; float: left;    color: rgb(175, 129, 88);    font-size: 14px;
}

.fixeBottom2 img{width:3.5rem;margin-top: 15px;margin-bottom: 8px;}

.fixeCall_mobile{display:none;position: fixed; right: 1rem; top: 50%; width: 4rem; z-index: 10;}
.fixeCall_mobile a{display: block; width: 100%; margin-bottom: 0.5rem; overflow: hidden;}
.fixeCall_mobile a img{width: 100%; float: left;}

#owl-dimension{padding-top:25px;padding-bottom:25px;     background: #000000;}
#owl-dimension p{text-align:center;}
#owl-dimension div.item{padding-right:0px;padding-left:0px;}
.hideBanner{position:relative;}
.hideBanner .owl-controls{
	    position: absolute;
    bottom: 3px;
    right: 15px;
}

.mobileborder{height: 3px;background: #412B20;}



#ow-dimension{
	position:relative;
}
#ow-dimension .lr_arrow{
	display:block !important;
}




#ow-dimension .lr_arrow .next{
	position: absolute;
    top: 33%;
    right: 8px;
	font-size: 28px;
    color: #9b9b9b;
	z-index: 999;
}


#ow-dimension .lr_arrow .prev{
	position: absolute;
    top: 33%;
    left: 8px;
	font-size: 28px;
    color: #9b9b9b;
	z-index: 999;
}

.row-history{margin-left:0px;}
.row-history .col-md-12{padding-left:25%; }
.row-history .col-md-12.colborder{     border-left: 1px dashed #AA6D2D;}
.brandborder ul li{text-align:center;padding-bottom:20px;border-bottom: 1px dashed #AA6D2D;position: relative;}
.brandborder ul li:last-child{border:none;}
.brandborder ul.ulleft li{text-align:left;}
.brandborder ul li h3{color:#f8dcc3;    font-size: 20px;}
.brandborder ul li p{color:#d9923e;line-height: 25px;font-size: 15px;}
.brandborder ul li span{position: absolute; left: -32%;color: #d58c35;}
.brandtitle{text-align:center;}
.brandborder ul li.bdright{width: 47%;margin-left: 53%;text-align: left;}
.brandborder ul li.bdleft{width: 47%;text-align: right;}
.row-hispc .brandborder{position: relative;}
.row-hispc .brandborder ul li span{position: initial;left: initial;font-size: 16px;}
.row-hispc .brandborder ul li{border:none;}
.hisborder{height: 100%;width: 2px;display: block;position: absolute;border-left: 2px dashed #ebc17d;left: 50%;}

.brandtitle h4{color:#f8dcc3;    font-size: 22px;    margin-top: 5px;margin-bottom: 5px;}
.brandtitle p{color:#bf793a;    font-size: 14px;}
.abouttitle h3{color: #f8dcc3;font-weight: 300;margin-bottom: 12px;    margin-top: 0;}
.abouttitle p{color: #d9923e;}
.abouttitle p span{      border-top: 1px solid #f8dcc3;padding-top: 5px;font-size: 14px;letter-spacing: 2px;}
.abouttitle.tr{text-align:right;}
.brandstory{margin-top:40px;}
.brandstory{text-indent:2rem;color:#333;}
.imgwf{    margin-top: 20px;}
.rowabout{margin-top: 100px;}
.abouttxt{margin-top:40px;color:#f8dcc3;text-indent:2rem;    font-size: 13px;}
.btitle{margin-top:100px;margin-bottom:80px;}
ul.qycl li{    border-bottom: 1px dashed #AA6D2D; padding-bottom: 10px;}
ul.qycl li h3{    color: #d9923e;font-size: 18px}
ul.qycl li h3 span{font-size: 22px;margin-right:5px;}
ul.qycl li p{    color: #fcdec3;font-size: 13.1px;}
ul.qycl li:last-child{border:none;}
.btn-youshi{ background-color: #3b5bda;border-color: #32231c;}
.btn-youshi:hover{ background-color: #b1845a;border-color: #32231c;}

.jmdesc{
    padding: 15px 0px;
	font-size: 14px;
    color: #dbd8d8;
    line-height: 25px;
}

.panel-zx .panel-title{font-size:13px;}
.panel-zx .panel-title img{margin-right:5px;}
.panel-zx .cannytop-panel .panel-title a{    padding: 2px 0;color: #DD9440;font-weight: 700;}
.panel-zx .panel-body {padding: 5px;}
.panel-zx .panel-body p{font-size:12px;margin-bottom:5px;    line-height: 18px;}
.panel-zx .cannytop-panel{border:none !important;}
.panel-zx .cannytop-panel .panel-title a .fa-cannytop-box{float:right;}



.leftmenu .widget-title{
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 70px;
    margin-top: 0px;
}
.plandetail.searvice{
    max-width: 100%;
}
.leftmenu .menu{
    margin-bottom: 20px;
}
.leftmenu li.current-menu-item a {
    background: #fff;
}
.contentus .c p {
    line-height: 30px;
}

/*vr*/
.form-dialog.modal-dialog{width:370px;margin: 0 auto;}
.form-dialog .modal-content{    border: 1.5px solid #af8158;margin-top: 100px;}
.form-dialog .close{position: absolute;right: 10px;top: 5px;font-size: 25px;color: #af8158;opacity: 0.8;}
.formcontent{padding: 30px 30px;}
.formcontent h2{text-align:left;color:#af8158;    font-size: 22px; margin-top: 0;}
.formcontent h3{font-size: 14px;color:#999;text-align:left;   margin-bottom: 25px;}
.formcontent .form-group{    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;}
.formcontent .form-control{
	height:40px;
	    border: none;
    border-radius: 0px;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;

}
.formcontent .get_code{    border-radius: 11px; color:#fff;}
.formcontent .btn{    display: block;
    background: #af8158;
    width: 100%;
    color: #fff;
    padding: 9px 12px;}


@media (max-width: 400px){
	.fixeBottom a p{font-size:1rem;}
	.fixeBottom a p span{font-size:1rem;}
}

@media (max-width: 350px){
	.fixeBottom a p{
	font-size: 0.7rem;
    margin-bottom: 0;
    line-height: 1.4;
	}
	.fixeBottom a p span{
		font-size: 0.7rem;
	}
	#myModal h3{display:none;}
}

@media (max-width: 768px){
	
	.abouttitle {margin-top:25px;}
	.rowabout {margin-top: 50px;}
	.brandborder ul li span{font-size:12px;}
	.brandborder ul li h3 {font-size: 15px;}
	.brandborder ul li p {font-size: 13px;}
	.row-history {margin-left: -18px;margin-right: -18px;}
	.row-history .col-md-12.colborder{padding-right:0;}
	.row-history .col-md-12.imgborder{padding-right:0;}
	
	.fixeCall_mobile{display:block;z-index:999;}
	.fixeCall{display:none;}
	.fixeBottom{display:block;z-index:999;}
	
	#ajax-contact-form .col-sm-12{
		padding-left:0px;
		padding-right:0px;
	}
	.new-old div.not-animated{
		margin-bottom:15px;
	}
	.form-dialog.modal-dialog{width:100%;}
	.new-old .button-white{display:none;}
	
	#myModal .modal-content {
		width: 100%;
		height: auto;
	}
	.popText1 p{
		text-align: left;
	}
	.popText1 p input {
		    width: 100%;
	}
	.popText1 {
      width: 90%;
       margin: 0 auto;
    }
	.popText1 .popScroll {
		    margin: 42px 0px 20px 10px;
	}
	
	
	#myModal2 .modal-content {
     border-radius: 0px;
     width: 100%;
     height: 450px;
    }
	#myModal2 .content {
      width: 100%;
   }
	#myModal2 .content h2{
	font-size: 20px;
    line-height: 22px;
    padding: 40px 0px 12px;
	}
	#myModal2 .content .cdes {margin-bottom: 10px;}
	#myModal2 .content .sdes {font-size: 18px;line-height: 32px;margin-bottom: 12px;}
	#myModal2 .content .places {margin: 0 14px;font-size: 28px;}
	#myModal2 .content form{width: 90%;margin: 0 auto;    overflow: hidden;}
	#myModal2 .content p {height: auto;display: block;}
	#myModal2 .content p span {display: block;}
	#myModal2 .content input[type="text"] {display: block;width: 100%;}
	#myModal2 .content input[type="submit"] {display: block;width: 100%;margin-bottom: 15px;margin-top:15px;}
	.popSheji .popRoll {padding-left: 20px;margin-left: 20px;}
	#myModal2 .content .blank{display:none;}
	
	#myModal2 .tab-modal {
    width: 15%;

    }
	#myModal2 .tab-modal li.active {

    border-left: 5px solid rgb(240, 131, 0);

    }
	
	#myModal2 .tab-modal a {
      padding: 52px 15px;
    }
	
	#myModal2 .tab-content {
    width: 85%;
    }
	
	.fixeFooter_bg,.fixeFooterLeft{display:none !important;}
	
    .list-live .buildProgress{
		    margin-left: 0px;
	}
    .list-live .buildProgress span{
		margin-left: 5px;
		font-size: 11px;
	}
	.liveblank{
		height:40px  !important;
	}
	.formVisit .orderVisit{
		width: 100%;
		position: relative;
	}
	.view_by_passwd{
		    padding: 50px 0;
	}
	.zxprogress .progresstab a {
    font-size: 11px;
    margin: 0 5px;
    background: #c1c1c1;
    width: 60px;
    height: 60px;
    line-height: 50px;
    }
	
	.buildlogs .notetext h6 {
		font-size: 14px;
	}
	.buildlogs .notetext h6 span {
       margin-left: 10px;
    }
	
	.row-notephotos .col-xs-8 {
       width: 33.33333333% !important;
    }
	
	
	
}





@media (min-width: 1200px){
.container {
    width: 1310px;
}

}


#ow-dimension .lr_arrow{display:none!important;}

.designpic,.hideBanner,.mainService,#owl-dimension{
	display:none!important;
}


.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: #9b9b9b;
	z-index: 999;
}

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

.fixeBottom a p i{font-style: normal;    font-size: 1.4rem;}
.wd-thumb .lr_arrow .next{
	right: -15px;
    font-size: 45px;
	color: #dfdfdf;
}
.wd-thumb .lr_arrow .prev{
	left: -15px;
    font-size: 45px;
	color: #dfdfdf;
}

.wd-thumb .lr_arrow a:hover{
	color: #C7C7C7;
}

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

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

.sbar #logo {
    width:70%;
}

.sbar .navbar-custom .navbar-nav>li>a{
   line-height: 60px;
}
.navbar-custom .navbar-nav>li>a{
	 line-height: 70px;
	padding: 0 30px;
}
.navbar-custom .navbar-nav>li {
    padding: 0;
}


.navbar-default .navbar-nav>.active>a,.navbar-custom .navbar-nav>li:hover>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fff ;
	background: #3b5bda;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
   color: #fff ;
   background: #3b5bda;
}
.navbar-nav{
	float:right;
}
.fw-content .sub-item .item-img{
	max-width:200px;
    width: 100%;
}
.nfw-menu .fw-content .sub-item{
	    min-width: 200px; 
}

#banner{position:relative;}

.home-middel .media-left img{
	width:144px;
	height:115px;
}




@media (max-width: 768px){
	.lr_arrow{display:none;}
	
	#logo{
		margin: 0 auto;
		    width: 200px;
    margin-top: 8px;
    margin-left: 15px;
	}
.half_right,.half_left{width:100%;}	
/*new start*/
.post-list .media-left {
    padding-right: 15px;
    width: 30%;
}
.post-list .media-body {
    width: 70%;
}
.post-list .media-left img{
	width:100%!important;
	margin-bottom:20px;
}
.post-list .post-except{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}	
.post-list .media-heading{
	font-size: 14px;
    line-height: 16px;
    padding-left: 12px;
    padding-bottom: 9px;
    border-bottom: 1px dotted #4F4A47;
    margin: 3px 0 5px 0;
	    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-list .media-left,.post-list .media-body{
	display: block;
    float: left;
}
.post-list .media-list li:after{
	content: '';
    display: table;
    clear: both;
}
.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:12px;}
.post-list .post-meta a{font-size:12px;}
/*new end*/

.media-left img{
	width:100% !important;
	height:auto !important;
	margin-bottom:15px;
}
.content{margin-top:0;}
.home-middel{border:none;}
.knowledge-list{border:none;    margin-top: 20px;}
.knowledge-list .media-heading{    border-bottom: 1px dotted #f0f0f0;}
.knowledge-list .media {margin-top: 0px;padding:0;border:none;display: block;overflow: hidden;margin-bottom: 15px;}
.knowledge-list .media-left,.knowledge-list .media-body{display: block;float:left;}
.knowledge-list .media-left{padding-right: 15px;width: 30%;}
.knowledge-list .media-body{width: 70%;}
.knowledge-list .media:after{clear:both;}
.navbar-default .navbar-offcanvas {
    background-color: #f5f5f5;
}
.mb_title{text-align: center;font-size: 1.9rem;margin:0;}
.mb_title a{color: #3b5bda;}
.mb_title span{font-size: 1rem;margin-top: 0;color: #3b5bda;}

.navbar-offcanvas{max-width: 100%; left: -100%;top: 63px;    z-index: 9999999; overflow: hidden;}
.navbar-offcanvas.offcanvas-transform.in {-webkit-transform: translateX(100%);transform: translateX(100%);}
.page-breadcrumbs {line-height: 16px;padding-top: 20px;}

.jiathis_style{
	margin-top:15px;
}
.sidebar{margin-top:30px;}
   #comment-input input{ width: 100%;margin:0;margin-bottom:15px;}	
 .brand_carousel:hover .owl-brand{display:none;}  
 .post-content img{
	max-width:100%!important;
	height:auto !important;
}  
.singe_page .post-title{
	margin-top:20px;
} 
.footer2{
	padding-bottom: 100px;
}
.footer1{
	min-width: 100%;
	height:auto;
	background: rgba(66,44,31,1) !important;
	padding-top: 30px;
	
}  
.footer .code img{
    width:90px;
}
.footer .row{
	margin:0;
}
.footer .footer-left{
	width:100%;
	margin-bottom:15px;
}
.f-left .col-xs-5,.f-left .col-xs-7{
	width:100%;
	margin-bottom:15px;
}
.footer-logo{
	width:80%;
}
.footer-right{
	width: 100%;
    padding-left: 15px;
}
.footer-right .col-xs-6{
	width: 100%;
}

.offcanvas-stop-scrolling {
    z-index: -1;
}


.activeBanner {
    height: auto;
	background-image: url(../images/fuwu1.jpg) !important;
}
.wd{
    width: 100%;
}
.madeForm {
    width: auto;
    float: none;
    height: auto;
    padding-bottom: 30px;
}
.madeFormBox {
    margin: 0 auto;
    width: 270px;
}
.mapImg, .txtMarquee-top, .madeinfo, .madeBox {
    display: none;
}
.popText1 .txtMarquee-top,.popText1 .madeinfo{
	display: block;
}


.historyswiper .swiper-slide{
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    margin-top: 15px;
}

   
   
}





@media screen and (min-width:960px) and (max-width:1600px){
    .navbar-custom .navbar-nav>li>a {
        line-height: 70px;
        padding: 0 20px;
    }

    .contentus .container,.infopage .container {
        margin-left: 250px;
        width:calc(100% - 400px);
    }
}