a {

  text-decoration: none;

 color: #3E3939; text-decoration: none;



}

 .yzcode{

        display: inline-block;

        vertical-align: middle;

        width: 90px;

        height: 35px;

		}

        #b04 .arrow { position: absolute; top: 200px;}

        #b04 #al { left: 48%;margin-left: -650px;}

        #b04 #ar { right: 48%;margin-right: -650px;}



        .video-js .vjs-big-play-button {

            font-size: 4em;

            line-height: 1.15em;

            height: 1.2em;

            width: 1.2em;

            border-radius: 100%;

        }

        .vjs-big-play-centered .vjs-big-play-button {

            margin-left: -0.56em;

            top: 50%;

        }

        *{

            font-family:'Microsoft YaHei';

			  margin: 0;

  padding: 0;

  outline: none;

        }





        .video-js .vjs-big-play-button {

            font-size: 4em;

            line-height: 1.15em;

            height: 1.2em;

            width: 1.2em;

            border-radius: 100%;

        }

        .vjs-big-play-centered .vjs-big-play-button {

            margin-left: -0.56em;

            top: 50%;

        }

 

  /**头部开始**/

  

 .headers-box{

		display: block;

		position: fixed;

		top: 0px;

		left: 0px;

		width: 100%;

		height: 40px;

		padding: 20px 0px;

		z-index: 10;

        border-bottom:1px solid #dcdcdc;

        min-width: 1390px;

		    background: rgb(255, 255, 2555);

	}

	.header-white{

		background:rgb(255, 255, 2555);

	}

	

	.header-box-center{

		display: block;

		width: 100%;

		margin:0 auto;

		position: relative;

        text-align: center;

	}

	.header-logo-box{

		display: inline-block;

		vertical-align: middle;

	}

	.header-logo-box img{

		display: inline-block;

		vertical-align: middle;

	}

	.header-logo-green{

		margin-right: 14px;

	}

	.header-city-box{

		display: inline-block;

		vertical-align: middle;

		position: relative;

		z-index: 10;

	}

		

	.header-nav-black ul li a{

		color: #fff;

	}

	.header-nav-black ul li a:hover{

		color: #fff;

	}

	.transparent-bg{

		background: transparent;

	}

	.citybox-city-btn{

		display: inline-block;

		background: #e60000;

		border-radius: 10px;

		padding:4px 16px;

		color:#fff;

		vertical-align: middle;

		font-size: 12px;

		margin-left: 41px;

	}

	.citybox-city-btn:hover{

		cursor: pointer;

	}

	.citybox-city-btn img{

		display: inline-block;

		vertical-align: middle;

		margin-right: 3px;

	}

	.header-city-list-box{

		position: absolute;

		top: 28px;

		left: 40px;

		width: 180px;

		height: auto;

		background: #fff;

		border-radius: 10px;

		padding: 5px;

		box-shadow: 1px 1px 5px rgba(0,0,0,0.1);

		display: none;

	}

	

	.header-city-list-box ul li{

		float: left;

		text-align: center;

		margin:5px; 

	}

	.header-city-list-box ul li a{

		color: #000;

		font-size: 12px;

		padding:3px;

	}

	.header-city-list-box ul li a:hover{

		background:#096b4d;

		color:#fff;

	}	

	.header-nav{

		display: inline-block;

		margin-left: 80px;

	}

	.header-nav ul li{

		display: inline-block;

		text-align: center;

		margin-right:28px;

		font-size: 14px; 

	}

	.header-nav ul li a{

		color:#000;

	}

    .header-nav ul li a:hover{

        cursor: pointer;

        color:#e60000;

    }

	.header-nav ul li:hover{

		cursor: pointer;

		color:rgb(0,174,102);

	}

	.header-search-box{

		display: inline-block;

		margin-left: 11px;

	}

	.header-search-btn{

		display: inline-block;

		width:40px;

		height: 34px;

		border-radius: 10px;

		background: #e60000;

		vertical-align: middle;

        position: relative;

	}

	.header-search-btn:hover{

		cursor: pointer;

	}

	.header-search-btn img{

		display:inline-block;

		margin-top:9px; 

	}

	.header-right-box{

        display: inline-block;

        vertical-align: middle;

        margin-left: 20px;

        width: auto;

	}

	.header-right-box img{

		display: inline-block;

		vertical-align: middle;

	}

	.header-right-box span{

		font-size: 20px;

		color:#7d7d7d;

		vertical-align: middle;

		margin:0px 3px;

	}

	.header-search-input-form{

		position: absolute;

		right:45px;

		top:0px;

		width:670px;

		height: 50px;

		background:#fff;

		display: none;

	}

	.header-search-input-select-btn{

		position: absolute;

		width:80px;

		height: 33px;

		border-radius: 10px;

		border-top-right-radius: 0px;

		border-bottom-right-radius: 0px;

		background: #e60000;

		color:#fff;

		line-height: 35px;

		font-size: 14px;

		text-align: center;

		right:345px;

		z-index: 2;

		border: 1px solid #dcdcdc;

	}

	.header-search-input-select-btn:hover{

		cursor: pointer;

		background: #e60000;

		color:#fff;

	}

	.little-arrows{

		display: inline-block;

		width: 5px;

		height: 5px;

		border-left: 1px solid #fff;

		border-bottom: 1px solid #fff;

		transform: rotate(-45deg);

		vertical-align: middle;

		margin-left: 5px;

	}

	.header-search-select-list{

		position: absolute;

		top: 28px;

		left: 0px;

		width: 80px;

		padding: 0px 15px;

		padding-left: 18px;

		padding-right: 10px;

		padding-bottom: 10px;

		padding-top: 10px;

		box-sizing: border-box;

		border-radius: 10px;

		border-top-right-radius: 0px;

		border-bottom-right-radius: 0px;

		border-top-left-radius: 0px;

		background: #e60000;

		display: none; 

	}

	.header-search-select-list div{

		color: #fff;

		font-size: 12px;

		text-align: left;

		display: block;

		border-bottom: 1px solid #e60000;

		height: 28px;

		line-height: 28px;

		z-index: 2;

	}

    .header-search-select-list div:hover{

        font-weight: bold;

    }

	.header-search-input{

		position: absolute;

		display: block;

		width: 350px;

		height: 35px;

		line-height: 35px;

		background: #fff;

		border: 1px solid #dcdcdc;

		border-radius: 10px;

		right: 20px;

		padding-left: 30px;

		box-sizing: border-box;

	}

	.header-search-icon{

		position: absolute;

		right: 31px;

    	top: 10px;

	}

	.header-search-icon:hover{

		cursor: pointer;

	}

	.header-box-second{

		position: absolute;

		width:100%;

		height:120px; 

		left:0px;

		top:80px;

		border-top:1px solid #dcdcdc;

	}

	.header-box-second-center{

		margin:0 auto;

		text-align: center;

		

	}

	.header-box-second-center-icon-box{

	    display: inline-block;

	    margin: 0 auto;

	    width: 120px;

	    zoom: 1;

	    margin-right: 80px;

	    height: 120px;

	    position: relative;

	    box-sizing: border-box;

	    vertical-align: middle;

	    padding-top: 20px

	}

	



    .header-box-second-center-icon-box:hover .menu2-text{

        color:#ff0000;

    }

    .header-box-second-center-icon-box:hover{

		background-color: #f9f9fa;

	}

	.header-box-third-box{

		 position: absolute;

	    top: 120px;

	    left: 0px;

	    z-index: 1;

	    background: #60c899;

	    text-align: center;

	    width: 120px;

	    height: auto;

	    box-sizing: border-box;

	}

	.header-box-third-box a{

		display: block;

		color: #000;

		background-color:#fff;

		text-align: center;

		padding: 17px 0px;

        font-size: 14px;

	}

	.header-box-third-box a:hover{

		background-color: #18af68;

		color: #fff;



	}

    .menu2-text{

        color:#000;

        font-size: 14px;

    }



  /**城市开始**/

        .city-change {

            width: 640px;

            height: 100px;

            background: #ffffff;

            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);

            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);

            box-shadow: 0 1px 3px rgba(0,0,0,0.2);

            border-radius: 2px;

            position: fixed;

            z-index: 999;

            margin: auto;

            left: 0;

            right: 0;

            top: 0;

            bottom: 0;

            display: none;

            padding-bottom: 20px;

        }

        .city-change .close {

            cursor: pointer;

            display: inline-block;

            width: 30px;

            height: 30px;

            overflow: hidden;

            position: absolute;

            right: -15px;

            top: -15px;

            background: url(http://www.shjhome.com/assets/images/close-fc.png);

            background: -webkit-image-set(url(http://www.shjhome.com/assets/images/close-fc.png) 1x, url(http://www.shjhome.com/assets/images/close-fc@2x.png) 2x);

            background-repeat: no-repeat;

        }

        .city-change .title {

            text-align: left;

            margin: 30px 40px 0 40px;

            font-size: 15px;

            color: #394043;

            font-weight: bold;

            position: relative;

        }

		 .city-change .title a {

		  text-align: left;

            margin: 30px 40px 0 40px;

            font-size: 15px;

            color:#28262b;

            font-weight: bold;

            position: relative;

			 }

        .city-change .title .city-tab {

            display: inline-block;

            float: right;

        }

        .city-change .title .city-tab span {

            font-size: 14px;

            font-weight: normal;

            display: inline-block;

            margin-right: 9px;

            color: #999999;

        }

        .city-change .title .city-tab a {

            font-size: 14px;

            font-weight: normal;

            margin-left: 10px;

            color: #394043;

        }

        .city-change .title-line {

            width: 590px;

            height: 1px;

            background-color: #eeeeee;

            margin: 0 auto;

            margin-bottom: 25px;

            margin-top: 10px;

        }

        .city-change .fc-main {

            padding: 0 40px;

            height: 335px;

            overflow-y: auto;

        }

        .city-change .fc-main .citys-l {

            width: 50%;

            height: 100%;

        }

        .city-change .fc-main ul {

            display: inline-block;

        }

        .city-change .fc-main li {

            line-height: 41px;

            display: block;

        }



        .city-change .fc-main li .code-title {

            display: inline-block;

            width: 12px;

            margin-right: 10px;

            color: #999999;

            font-size:16px;

        }

        .city-change .fc-main li .city-enum {

            height: 100%;

            max-width: 250px;

        }

        .clear{

            display: block;

        }

        .clear:after {

            content: '.';

            clear: both;

            display: block;

            height: 0;

            visibility: hidden;

            font-size: 0;

            line-height: 0;

        }

        .city-change .fc-main .citys-r {

            width: 50%;

            height: 100%;

        }

        .city-change .fc-main ul {

            display: inline-block;

        }

        .city-change .fc-main li .city-enum a:hover {

            color: #00b064;

        }

        .city-change .fc-main li .city-enum a {

            margin-left: 7px;

            display: inline-block;

            color: #333333;

            font-size:16px;

        }

        .overlayBg {

            width: 100%;

            height: 100%;

            background-color: #000000;

            opacity: .6;

            filter: alpha(opacity=60);

            position: fixed;

            top: 0;

            left: 0;

            z-index: 100;

            display: none;

        }

		.fl {

  float: left;

  _display: inline;

}

  /**banner 开始**/

  

.swiper-container {

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.swiper-container-no-flexbox .swiper-slide {

	float: left

}



.swiper-container-vertical>.swiper-wrapper {

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column

}



.swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box

}



.swiper-container-android .swiper-slide,.swiper-wrapper {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-o-transform: translate(0,0);

	-ms-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



.swiper-container-multirow>.swiper-wrapper {

	-webkit-box-lines: multiple;

	-moz-box-lines: multiple;

	-ms-flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto

}



.swiper-slide {

	-webkit-flex-shrink: 0;

	-ms-flex: 0 0 auto;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative

}



.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {

	height: auto

}



.swiper-container-autoheight .swiper-wrapper {

	-webkit-box-align: start;

	-ms-flex-align: start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	-webkit-transition-property: -webkit-transform,height;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform,height

}



.swiper-container .swiper-notification {

	position: absolute;

	left: 0;

	top: 0;

	pointer-events: none;

	opacity: 0;

	z-index: -1000

}



.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

	touch-action: pan-y

}



.swiper-wp8-vertical {

	-ms-touch-action: pan-x;

	touch-action: pan-x

}



.swiper-button-next,.swiper-button-prev {

	position: absolute;

	top: 50%;

	width: 27px;

	height: 44px;

	margin-top: -22px;

	z-index: 10;

	cursor: pointer;

	-moz-background-size: 27px 44px;

	-webkit-background-size: 27px 44px;

	background-size: 27px 44px;

	background-position: center;

	background-repeat: no-repeat

}



.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {

	opacity: .35;

	cursor: auto;

	pointer-events: none

}



.swiper-button-prev,.swiper-container-rtl .swiper-button-next {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

	left: 10px;

	right: auto

}



.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next,.swiper-container-rtl .swiper-button-prev {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

	right: 10px;

	left: auto

}



.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	-webkit-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	z-index: 10

}



.swiper-pagination.swiper-pagination-hidden {

	opacity: 0

}



.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {

	bottom: 10px;

	left: 0;

	width: 100%

}



.swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	display: inline-block;

	border-radius: 100%;

	background: #000;

	opacity: .2

}



button.swiper-pagination-bullet {

	border: none;

	margin: 0;

	padding: 0;

	box-shadow: none;

	-moz-appearance: none;

	-ms-appearance: none;

	-webkit-appearance: none;

	appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

	cursor: pointer

}



.swiper-pagination-white .swiper-pagination-bullet {

	background: #fff

}



.swiper-pagination-bullet-active {

	opacity: 1;

	background: #007aff

}



.swiper-pagination-white .swiper-pagination-bullet-active {

	background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active {

	background: #000

}



.swiper-container-vertical>.swiper-pagination-bullets {

	right: 10px;

	top: 50%;

	-webkit-transform: translate3d(0,-50%,0);

	-moz-transform: translate3d(0,-50%,0);

	-o-transform: translate(0,-50%);

	-ms-transform: translate3d(0,-50%,0);

	transform: translate3d(0,-50%,0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 5px 0;

	display: block

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px

}



.swiper-pagination-progress {

	background: rgba(0,0,0,.25);

	position: absolute

}



.swiper-pagination-progress .swiper-pagination-progressbar {

	background: #007aff;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-transform-origin: left top;

	-moz-transform-origin: left top;

	-ms-transform-origin: left top;

	-o-transform-origin: left top;

	transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {

	-webkit-transform-origin: right top;

	-moz-transform-origin: right top;

	-ms-transform-origin: right top;

	-o-transform-origin: right top;

	transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progress {

	width: 100%;

	height: 4px;

	left: 0;

	top: 0

}



.swiper-container-vertical>.swiper-pagination-progress {

	width: 4px;

	height: 100%;

	left: 0;

	top: 0

}



.swiper-pagination-progress.swiper-pagination-white {

	background: rgba(255,255,255,.5)

}



.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

	background: #fff

}



.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

	background: #000

}



.swiper-container-3d {

	-webkit-perspective: 1200px;

	-moz-perspective: 1200px;

	-o-perspective: 1200px;

	perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	pointer-events: none;

	z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left {

	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))

}



.swiper-container-3d .swiper-slide-shadow-right {

	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))

}



.swiper-container-3d .swiper-slide-shadow-top {

	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))

}



.swiper-container-3d .swiper-slide-shadow-bottom {

	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));

	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))

}



.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {

	-ms-perspective: 1200px

}



.swiper-container-cube,.swiper-container-flip {

	overflow: visible

}



.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1

}



.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {

	pointer-events: none

}



.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}



.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {

	z-index: 0;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden

}



.swiper-container-cube .swiper-slide {

	visibility: hidden;

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	-ms-transform-origin: 0 0;

	transform-origin: 0 0;

	width: 100%;

	height: 100%

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

	-webkit-transform-origin: 100% 0;

	-moz-transform-origin: 100% 0;

	-ms-transform-origin: 100% 0;

	transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {

	pointer-events: auto;

	visibility: visible

}



.swiper-container-cube .swiper-cube-shadow {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .6;

	-webkit-filter: blur(50px);

	filter: blur(50px);

	z-index: 0

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

	pointer-events: none;

	-webkit-transition-property: opacity;

	-moz-transition-property: opacity;

	-o-transition-property: opacity;

	transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide {

	pointer-events: none

}



.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}



.swiper-scrollbar {

	border-radius: 10px;

	position: relative;

	-ms-touch-action: none;

	background: rgba(0,0,0,.1)

}



.swiper-container-horizontal>.swiper-scrollbar {

	position: absolute;

	left: 1%;

	bottom: 3px;

	z-index: 50;

	height: 5px;

	width: 98%

}



.swiper-container-vertical>.swiper-scrollbar {

	position: absolute;

	right: 3px;

	top: 1%;

	z-index: 50;

	width: 5px;

	height: 98%

}



.swiper-scrollbar-drag {

	height: 100%;

	width: 100%;

	position: relative;

	background: rgba(0,0,0,.5);

	border-radius: 10px;

	left: 0;

	top: 0

}



.swiper-scrollbar-cursor-drag {

	cursor: move

}







@-webkit-keyframes swiper-preloader-spin {

	100% {

		-webkit-transform: rotate(360deg)

	}

}



@keyframes swiper-preloader-spin {

	100% {

		transform: rotate(360deg)

	}

}



            .pagination {

                position: absolute;

                z-index: 20;

                bottom: 10px;

                width: 100%;

                text-align: center;

            }

            .swiper-pagination-switch {

                display: inline-block;

                width: 20px;

                height: 20px;

                border-radius: 50px;

                background: red;

                margin: 0 5px;

                opacity: 0.8;

                border: 0px solid #fff;

                cursor: pointer;

            }

            .swiper-active-switch {

                background: #fff;

            }





            .swiper-slide{

                background-size: cover;

                background-position: top center;

            }

            .swiper-banner-arrow-link{

                opacity: 0.35;

                background: rgba(0,0,0,0.2);

                padding: 10px;

                background-position: center center;

                background-repeat: no-repeat;

                background-size: 25px;

            }

            .swiper-banner-arrow-link:hover{

                opacity: 1 !important;

            }

            .banner-swiper-pagination > .swiper-pagination-bullet{

    			width: 20px;height: 5px;background:#b8a3a7;opacity: 1;border-radius: 0px;

                margin-right: 15px;



    		}

            .banner-swiper-pagination > .swiper-pagination-bullet-active

    		{

    			background-color: #fff

    		}

            .banner-search-box{

                position: absolute;

                bottom:20px;

                left:50%;

                margin-left: -460px;

                width:920px;

                height: 130px;

                background: rgba(0,0,0,0.2);

                z-index: 1;

            }

            .banner-search-box-title{

                position: absolute;

                top:22px;

                left:28px;

            }

            .banner-search-box span:first-child{

                color:#fff;

                font-size: 22px;

                margin-right: 5px;

            }

            .banner-search-box span:last-child{

                color:#fff;

                font-size: 18px; 

            }

            .banner-search-box-name{

                position: absolute;

                left:28px;

                top:60px;

                display: block;

                width: 210px;

                height:45px;

                line-height: 45px;

                border:1px solid #dcdcdc;

                padding-left: 25px;

                box-sizing: border-box;

                background: #fff;

                font-size: 14px; 

            }

            .banner-search-box-tel{

                position: absolute;

                left:250px;

                top:60px;

                display: block;

                width:460px;

                height: 45px;

                line-height: 45px;

                border:1px solid #dcdcdc;

                padding-left: 25px;

                box-sizing: border-box;

                background: #fff;

                font-size: 14px; 

            }

            .banner-search-box-btn{

                position: absolute;

                right:28px;

                top:60px;

                display: block;

                width:170px;

                height: 45px;

                line-height: 45px;

                text-align: center;

                color:#fff;

                background:#e60000;

                font-size: 14px;   

            }

            .banner-search-box-btn:hover{

                cursor:pointer;

            }

            .banner-search-box-close-btn{

                position: absolute;

                top:11px;

                right:12px;

            }

            .banner-search-box-close-btn:hover{

                cursor: pointer;

            }

	  /**首页大标题 开始**/		

.gray_bgColor {

  background: #232225;

}



.allFloor_title_box{

  text-align: center;

  margin-top: 24px

}

.allFloor_title_box .floor_summery{

  font-size: 14px;

  color: #606060;

}

.allFloor_title_box .floor-titles {

  height: 60px;

  line-height: 60px;

  text-align: center;

}

.allFloor_title_box .floor-titles .line {

  display: inline-block;

  width: 79px;

  border-top: 1px solid #b5b5b5 ;

  vertical-align: 2px;

}

.allFloor_title_box .floor-titles .txt {

  color: #000;

  vertical-align: middle;

  font-size: 30px;

  padding: 0px 20px;

}

    <!-- 装修计算器 -->





  

  .shj_index_jsq_box{width: 100%; height: 390px; margin: 0 auto;}

.shj_index_jsq{width: 1220px; height: inherit; margin: 0 auto;}

.shj_index_jsq_title{width: inherit; height: 100px; text-align: center; margin-top: 20px;}

.shj_index_jsq_title>h2{font-size: 32px;}

.shj_index_jsq_title_line{color: #75b43f; font-weight: bold;}

.shj_index_jsq_content{width: inherit; height: 290px; float: left;}

.shj_index_jsq_menu_box{width: 220px; height: 250px; float: left;}

.shj_index_jsq_menu{width: 105px; background: #f6f6f6; float: left; border-radius: 7px; text-align: center; padding: 27px 0; cursor: pointer; position: relative;}

.shj_index_jsq_menu_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.shj_index_jsq_menu_click{background:#064e38; color:#fff;}

.shj_index_jsq_menu_left{margin-left: 10px;}

.shj_index_jsq_menu_big{margin-top: 10px; width: 220px;}

.shj_index_jsq_menu>h5{margin-top: 5px;}

.shj_index_jsq_menu_img2{display: none;}

.shj_index_jsq_info_box{width: 800px; height: 212px; padding: 19px 30px 19px 0px; font-size: 14px; float: left; position: relative; margin-left: 10px;}

#shj_index_jsq_bj,#shj_index_jsq_lfyf{position: absolute; top: 19px; left: 45px;}

#shj_index_jsq_lfyf{display: none;}

.shj_index_jsq_item{width: 750px; height: 45px; }

.shj_index_jsq_item>h5{ width: 60px; height: 30px; line-height: 30px; float: left;}

.shj_index_jsq_select{

    width: 160px;

    height: 35px;

    border: 1px solid #c8c8c8;  

    text-align: center;

    line-height: 35px;

    position: relative;

    margin-left: 20px;

    cursor: pointer;

    font-size: 14px;

    background: #fff;

    display: inline-block;

    box-sizing: border-box;

}

.shj_index_jsq_text{width: 150px; height: 30px; border: 1px solid #c8c8c8; border-radius: 8px; text-align: center; line-height: 30px; position: relative; margin-left: 20px; cursor: pointer; font-size: 14px; float: left; outline: none;}

.shj_index_jsq_select_bg{width: inherit; height: inherit; position: absolute; top: 0; left: 0; z-index: 99;}

.shj_index_jsq_jicon{text-align: right; position: absolute; top: 0px; right: 20px;}

.shj_index_jsq_input{width: 495px; text-align: left; text-indent: 20px;}

.shj_index_jsq_input:focus{border: 1px solid #75b43f;}

.shj_index_jsq_radio{width: auto; height: 30px; line-height: 30px; margin-left: 20px; display: inline-block; cursor: pointer; position: relative;}

.shj_index_jsq_radio span{ font-size: 12px; }

.shj_index_jsq_radio_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.shj_index_jsq_ricon{display: block; width: 16px; height: 16px; margin: 7px 8px 0 0; background: url('http://www.shjhome.com/assets/images/icon.png') no-repeat; background-position: -30px -828px; cursor: pointer; float: left;}

.shj_index_jsq_ricon_check{background-position: -6px -828px;}

.shj_index_jsq_cbtn{background: #127a59; color: #fff; line-height: 20px;}

.shj_index_jsq_select_list{width: inherit; height: auto; background: #fff; padding: 7px 0; position: absolute; top: 23px; left: -1px; z-index: 999; border-left: 1px solid #75b43f; border-right: 1px solid #75b43f; border-bottom: 1px solid #75b43f;position: absolute; top: 25px; left: -1px; z-index: 999; display: none;max-height: 140px;overflow: hidden;overflow-y: auto;}

.shj_index_jsq_select_list li{height: 30px; }

.shj_index_jsq_select_list li:hover{background: #f6f6f6;}

.shj_index_jsq_city_list{height: 210px; overflow-y: scroll;}

.shj_index_jsq_bj_box{width: 160px; height: 250px; float: left; position: relative;}

#shj_index_jsq_bj_right,#shj_index_jsq_lf_right,#shj_index_jsq_yf_right{position: absolute; top: 5px; left: 0;}

#shj_index_jsq_lf_right,#shj_index_jsq_yf_right{display: none;}

.shj_index_jsq_brst{width: 150px; height: 65px; background: #f6f6f6; color: #cf832f; border-radius: 8px; text-align: center; font-size: 16px; padding-top: 5px; margin-bottom: 10px;}

.shj_index_jsq_brst>h5{margin-bottom:10px;}

.shj_index_jsq_bj_box>p{width: 132px; padding: 10px 9px 6px; line-height: 18px;}

.shj_index_jsq_btn{width: 150px; height: 46px; border-radius: 8px; border: 1px solid #9fc97f; color: #9fc97f; margin-top: 10px; font-size: 14px; cursor: pointer;}

.shj_index_jsq_rbtn{background: #75b43f; color: #fff;}

.shj_index_jsq_info_box input[type='text']{cursor: text;}

.shj_index_jsq_right_img{width: 150px; height: 212px; border-radius: 8px;}

.shj_index_jsq_wdiv{width: inherit; height: 35px;}

    .yzcode{

        display: inline-block;

        vertical-align: middle;

        width: 90px;

        height: 35px;

    }

    .right-img-tip{

        position: absolute;

        right: 45px;

        top: 15px;

        display: block;

        width: 180px;

        height: 216px;

        transition:all ease .3s;

    }

     .right-img-tip:hover{

transform: translateY(-8px);transition:all ease .3s;webkit-transition:all ease .2s;

    }

    .calculator_right_slide{

        position: absolute;

        width: 100%;

        padding-top:27px;

        padding-bottom:27px;

        padding-left: 45px;

        left: 0px;

        top: 0px;

        box-sizing: border-box;

    }

    .calculator_right{

        display: inline-block;

        vertical-align: middle;

        position: relative;

        background-color: #fff;

        width: 920px;

        height: 246px;

        padding-left: 60px;

        box-sizing: border-box;

        padding-top: 30px;

        padding-bottom: 30px;

        border-radius: 5px;

    }

    .calculator_right_modal{

        display: block;

        margin-bottom: 15px;

        padding: 0px 20px;

        padding-left: 0px;

    }

    .calculator_right_modal label{

        margin-right: 0px;

        font-size: 14px;

    }

    .calculator_right_modal select{

        display: inline-block;

        width: 145px;

        height: 30px;

        text-align: center;

        background-color: #fff;

        margin-right: 15px;

        text-align: center;

        border-radius: 10px;

        text-align-last:center;

    }

    .calculator_right_modal select:focus{

        border-color: #0cb061;

    }

  

    .calculator_right_modal input{

        display: inline-block;

        width: 160px;

        height: 35px;

        text-align: left;

        background-color: #fff;

        margin-left: 20px;

        padding-left: 10px;

        /* border-radius: 10px; */

        border: 1px solid #dcdcdc;

        

        box-sizing: border-box;

        font-size: 12px;

    }

    .calculator_right_modal input:focus{

        border-color: #0cb061;

    }

    .form-radio-box{

        display: inline-block;

        width: 90px;

    

    }

    .form-radio-box input{

        display: inline-block;

        width: 15px;

        height: 15px;

        margin-right: 10px;

        vertical-align: middle;

    }

    .form-radio-box span{

        vertical-align: middle;

        white-space: nowrap;

        font-size: 12px;

    }

    .calculator-btn-red{

        display: inline-block;

        background-color: #127a59;

        width: 150px;

        height: 20px;

        padding: 5px;

        text-align: center;

        color: #fff;

        border-radius: 10px;

        font-size: 12px;

        height: 20px;

        vertical-align: middle;

        line-height: 20px;

    }

    .calculator-btn-red:hover{

        cursor: pointer;

    }



    .calculator_left{

        display: inline-block;

        width: 270px;

        height: 250px;

        overflow:hidden;

        vertical-align: middle;

    }

    .calculator_left ul{

        margin-right: -10px;

    }

    .calculator_left-modal{

        display:block;

        width: 120px;

        height: 117px;

        background-color: #fff;

        margin-bottom: 10px;

        margin-right: 10px;

        float: left;

        border-radius: 5px;

        transition: all ease .3s;

    }  

    

    .calculator_left-modal:hover{

        cursor: pointer;

        background: rgba(51, 51, 51, 0.17);

       transition:all ease .3s;

       

       

    }

   



    

    .calculator_left-modal div{

        display: block;

        width: 40px;

        height: 40px;

        background-size: 100% 100%;

        margin:0 auto;

        margin-top:30px;

        margin-bottom:5px;

        background-repeat: no-repeat;

    }

    .calculator_left-modal_ico img{

        width:100%;

        height: 100%;

    }



    .calculator_left-modal p{

        text-align: center;

        color: #686868;

    }

    

    .calculator_left-modal-active{

        background-color: #e60000;   

    }

    .calculator_left-modal-active > p{

        color: white;

    }

   .budget{

	position: absolute;right: 20px;top: 10px;display: block;width: 150px;height: auto;font-size:13px;

   }

   .budget_text{

   	font-size:14px;margin-top:10px;margin-bottom:15px;color:#ce8641;text-align: center;

   }

   .budget_input{

   	border:none;text-align:center;color:#ce8641;

   }

   .system_quotation{

   		display:block;color:#73b434;border:1px solid #73b434;text-align: center;height: 40px;line-height: 40px;border-radius: 6px;

   }

   /* .system_quotation:hover{

   		background:#74b534;

   		color: #fff;

   } */

   .artificial_quotation{

		display:block;

        color:#fff;

        background:#75b43e;

        text-align: center;

        height: 42px;

        line-height: 42px;

        border-radius: 6px;

        margin-top:10px;

   }

   .artificial_quotation:hover{

   		background:#74b534;

   }

         /*首页设计师*/

    .talkto-designer-box{

        display:block;

        width:100%;

        height:820px;

        background-image:url('../images/h_adv_bg.jpg');

        background-size: cover;

        background-position: center center;

        padding-top: 1px;

    }

    .talkto-design-content{

        display: block;

        width:1200px;

        height: 554px;

        margin:0 auto;

        margin-top:40px;

        position:relative;

    }

    .talkto-design-swiper{

        width:100%;

        height:500px;

    }

    .talkto-design-designer{

        position: absolute;

        left:0px;

        top:0px;

        width:320px;

        height:500px;

        overflow: hidden;

    }

    .talkto-design-designer-avatar{

        width:100%;

        height:100%;

        transition: 0.5s;

        -moz-transition:0.5s;

        -webkit-transition:0.5s;

        -o-transition:0.5s;

    }

    .talkto-design-designer-avatar:hover{

        transform:scale(1.2,1.2);

    }

    .talkto-design-designer-designConcept{

        display: block;

        width:100%;

        height:100px;

        padding:25px;

        background:rgba(0,0,0,0.5);

        box-sizing: border-box;

        line-height: 25px;

        text-align: center;

        color: #fff;

        font-size: 14px;

        position: absolute;

        bottom: 0px;

        left: 0px;

    }

    .talkto-design-des-content{

        position: absolute;

        left:320px;

        top:0px;

        width:260px;

        height:500px;

        overflow: hidden;

    }

    .talkto-design-des-content-top{

        display: block;

        height: 160px;

        text-align: center;

        background: #f5f5f5;

        border-top:1px solid #f5f5f5;

    }

    .talkto-design-bottom{

        display: block;

        height: 340px;

        box-sizing: border-box;

        text-align: center;

        background: #fff;

        box-sizing: border-box;

        border-top: 1px solid transparent;

    }

    .talkto-design-name{

        display: block;

        text-align: center;

        margin-top: 70px;

        font-size:35px ;

        color:#000;

    }

    .talkto-design-jobtitle{

        display: block;

        text-align: center;

        font-size:14px;

        margin-top: 10px;

    }

    .talkto-design-style{

        display: block;

        text-align: center;

        font-size: 12px;

        color:#444;

        margin-top: 20px;

    }

    .talkto-design-time-prd{

        text-align: center;

        margin-top:5px;

    }

    .talkto-design-time-box{

        display: inline-block;

        margin:0 auto;

        font-size: 12px;

    }

    .talkto-design-prd-box{

        display: inline-block;

        margin:0 auto;

        font-size: 12px;

        margin-left: 10px;

    }

    .talkto-design-btnbox{

        display: block;

        width:100%;

        margin-top: 50px;

        text-align: center;

    }

    .talkto-design-btnbox a{

        display: inline-block;

        margin:0 auto;

        width: 115px;

        height: 35px;

        line-height: 35px;

        font-size: 12px;

        text-align: center;

        border:1px solid #dcdcdc;

        color:#000;

    }

    .designer-more{

        display: block;

        width:120px;

        height: 30px;

        border:1px solid #fff;

        text-align: center;

        color: #fff;

        font-size: 14px;

        margin:0 auto;

        margin-top: 42px;

        line-height: 30px;

    }

    .designer-more:hover{

        background: #e60000;

        border: 1px solid #e60000;

        color: #fff;

        -webkit-transition: 0.4s ease-in;

        transition: 0.4s ease-in;

    }

	

	.picturs-more{

        display: block;

        width:120px;

        height: 30px;

        border: 1px solid #333;

        text-align: center;

        color: #333;

        font-size: 14px;

        margin:0 auto;

        margin-top: 42px;

        line-height: 30px;

    }

    .picturs-more:hover{

        background: #e60000;

        border: 1px solid #ffffff;

        color: #fff;

        -webkit-transition: 0.4s ease-in;

        transition: 0.4s ease-in;

    }

	

	

    .talkto-design-prd-one{

        position: absolute;

        top:0px;

        left:580px;

        width:350px;

        height: 275px;

        box-sizing: border-box;

        overflow: hidden;

    }

    .talkto-design-prd-one img{

        width:100%;

        height: 100%;

        transition: 0.5s;

        -moz-transition:0.5s;

        -webkit-transition:0.5s;

        -o-transition:0.5s;

    }

    .talkto-design-prd-one img:hover{

        transform: scale(1.2,1.2);

    }

    .talkto-design-prd-one div{

        position: absolute;

        bottom: 0px;

        width: 100%;

        height:35px;

        line-height: 35px;

        color: #fff;

        background: rgba(0,0,0,0.5);

        font-size: 12px;

        text-align: center;

    }



    .talkto-design-prd-two{

        position: absolute;

        top:275px;

        left:580px;

        width:350px;

        height:225px;

        box-sizing: border-box;

        overflow: hidden;

    }

    .talkto-design-prd-two img{

        width:100%;

        height: 100%;

        transition: 0.5s;

        -moz-transition:0.5s;

        -webkit-transition:0.5s;

        -o-transition:0.5s;

    }

    .talkto-design-prd-two img:hover{

        transform: scale(1.2,1.2);

    }

    .talkto-design-prd-two div{

        position: absolute;

        bottom: 0px;

        width: 100%;

        height:35px;

        line-height: 35px;

        color: #fff;

        background: rgba(0,0,0,0.5);

        font-size: 12px;

        text-align: center;

    }

    .talkto-design-prd-three{

        position: absolute;

        right:0px;

        top:0px;

        width:270px;

        height: 500px;

        overflow: hidden;

    }

    .talkto-design-prd-three img{

        display: block;

        width:100%;

        height: 355px;

        transition: 0.5s;

        -moz-transition:0.5s;

        -webkit-transition:0.5s;

        -o-transition:0.5s;

    }

    .talkto-design-prd-three img:hover{

        transform: scale(1.2,1.2);

    }

    .talkto-design-prd-three div{

        display: block;

        height:145px;

        text-align: center;

        border-top: 1px solid transparent;

        box-sizing: border-box;

        background: #f5f5f5;

    }

    .designer-swiper-pagination{

        width:100%;

        bottom: 0px;

    }

    .designer-swiper-pagination > .swiper-pagination-switch{

        width: 10px;

        height: 10px;

        background: transparent;

        border:2px solid #fff;

        opacity: 1;

        border-radius: 100%;

        margin-right: 10px;

    }

    .designer-swiper-pagination > .swiper-active-switch{

        background: #fff;

    }

    .designer-swiper-btn-left{

        position: absolute;

        width: 50px;

        height: 80px;

        text-align: center;

        top: 190px;

        left: -68px;

        z-index: 10;

        border-top: 1px solid transparent;

        background-position: center center;

        background-repeat: no-repeat;

        background-size: 25px;

    }

    .designer-swiper-btn-left:hover{

        cursor: pointer;

    }

    .designer-swiper-btn-left span{

        margin: 0 auto;

        display: block;

        width: 25px;

        height: 25px;

        border-left: 2px solid #fff;

        border-bottom: 2px solid #fff;

        transform: rotate(45deg);

        margin-top: 30px;

    }



    .designer-swiper-btn-right{

        position: absolute;

        width: 50px;

        height: 80px;

        text-align: center;

        top: 190px;

        right: -68px;

        z-index: 10;

        border-top: 1px solid transparent;

        background-position: center center;

        background-repeat: no-repeat;

        background-size: 25px;

    }

    .designer-swiper-btn-right:hover{

        cursor: pointer;

    }

    .designer-swiper-btn-right span{

        margin: 0 auto;

        display: block;

        width: 25px;

        height: 25px;

        border-left: 2px solid #fff;

        border-bottom: 2px solid #fff;

        transform: rotate(225deg);

        margin-top: 30px;

    }

    .three-prd{

        position: absolute;

        bottom: 0px;

        width: 100%;

        height: 35px;

        line-height: 35px;

        color: #fff;

        background: rgba(0,0,0,0.5);

        font-size: 12px;

        text-align: center;

        opacity: 0;

        transition: 0.2s;

    }

    .talkto-design-prd-three:hover .three-prd{

        opacity: 1;

    }

	

	.AreaL{ width:850px; float:left;}

.AreaL1{  float:left;}

.AreaR{ width:280px; float:right;}

/*浮动*/

.pull-right { float: right !important; }

.pull-left { float: left !important; }







/*案例*/

.container { width: 1200px; min-width: 1200px;margin: 0 auto;}

.adorn-case .box1{ padding-left:468px; overflow:hidden;}

.adorn-case .bigPic{ float:left; margin-left:-468px; position:relative; overflow:hidden;width: 468px;height: 468px;}

.adorn-case .bigPic img{ width:468px; height:468px;}

.adorn-case .bigPic .bar{ position:absolute; left:0; bottom:0; width:100%; height:80px;transition:all ease .3s;-webkit-transition:all ease .3s;}

.adorn-case .bigPic .bar .shadow{ width:100%; height:80px; background:#000; opacity:.7;filter:alpha(opacity=70);}

.adorn-case .bigPic .bar .txt{ width:90%; height:80px;  position:absolute; left:5%; z-index:10;}

.adorn-case .box1 a{ color:#fff;}

.adorn-case .bigPic .tit{ font-size:16px; margin:13px 0 5px;}

.adorn-case .bigPic .ico-new{ position:absolute; left:0; top:0; width:51px; height:51px; background:url(http://icon.dyrs.cc/ico.png!c) no-repeat 0 -234px; z-index:1;}

.adorn-case .bigPic .pic span{ position:absolute; left:50%; top:50%; height:38px; width:114px; background:#ff3434; opacity:.8; color:#fff; text-align:center; line-height:38px; margin:-19px 0 0 -57px; visibility:hidden; transition:all ease .3s;-webkit-transition:all ease .3s; transform:scale(0);-webkit-transform:scale(0);}

.adorn-case .bigPic .pic:hover span{ visibility:visible; transform:scale(1);-webkit-transform:scale(1);}

.adorn-case .pic1{ width:226px; height:226px; overflow:hidden; position:relative;}

.adorn-case .pic1 img{ width:226px; height:226px; }

.adorn-case .pic2{ width:226px; height:226px; overflow:hidden; position:relative;}

.adorn-case .pic2 img{ width:404px; height:226px; max-width:none;}

.adorn-case .pic2 .shadow{ background:#000; opacity:.5; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}

.adorn-case .pic2 .ico-360{ width:71px; height:104px; background:url(http://icon.dyrs.cc/ico.png!c) no-repeat -105px -182px; position:absolute; left:50%; top:50%; margin:-52px 0 0 -35px; z-index:1;}

.adorn-case .pic1 .bar .txt{ width:90%; height:80px;  position:absolute; left:5%; z-index:10;}

.adorn-case .pic1 .bar{ position:absolute; left:0; bottom:0; width:100%; height:26px; line-height:26px; transition:all ease .3s;-webkit-transition:all ease .3s;}

.adorn-case .pic1 .bar .shadow{ width:100%; height:26px; background:#000; opacity:.7;filter:alpha(opacity=70);}



.adorn-case .pic1:hover .shadow,.adorn-case .pic3:hover .shadow,.adorn-case .pic4:hover .shadow{ background:#ff3030;}

.adorn-case .box1 img{ transition:all ease .3s;-webkit-transition:all ease .3s;}

.adorn-case .box1 a:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.adorn-case .box2{ background:#f6f6f6; margin-top:20px; padding:10px 0;}

.adorn-case .box2 a{/* color:#333; */}

.adorn-case .case-list{ margin-top:0;}

.adorn-case .box1 .pic2 img{transition:all linear 3s;-webkit-transition:all linear 3s;}

.adorn-case .box1 .pic2:hover img{ transform:translateX(-100px);-webkit-transform:translateX(-100px);}

.adorn-case .box1 .pic2 .shadow{ transition:all ease .3s;-webkit-transition:all ease .3s;}

.adorn-case .box1 .pic2:hover .shadow{ opacity:0;}

.adorn-case .pic1,.adorn-case .pic2{margin: 0 0 15px 18px;}

.case-list{background:#f8f8f8; height:120px; padding:15px 0;}

.case-list a{ display:block; text-align:center}

.case-list img{ display:block; width:89px; height:89px; margin:0 auto; margin-bottom:10px; border-radius:50%; transition:all ease .3s;-webkit-transition:all ease .2s;}

.case-list a:hover img{transition: all 0.2s; box-shadow: 0 0 0 8px rgba(255, 0, 0, 0.3); border: 5px solid #FFF;}

.case-list .col{ float:left; width:150px;}



/*视频开始*/

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

/* videobox */



.video-img{width:890px;height:500px;overflow:hidden;}

.video-list{ width:300px; }

.video-list li{width:305px;height:118.5px;overflow:hidden;position:relative;float:left;border:solid 2px #fff;margin:2px 0 0 0;cursor:pointer;}

.video-list li .icon-video{position:absolute;left:120px;top:40px;width:50px;height:50px;z-index:9;}

.video-list li.now .icon-video{display:none;}

.box5{ background-image: url(../images/spbj.jpg); height:800px; overflow:hidden; margin-top:10px;}

.index-pic{ width:1200px; margin:0 auto; height:auto; overflow:hidden; margin-top:40px;}

.sp-box2{ width:400px; margin:10px; height:370px;overflow:hidden}

.sp-box4{ width:170px; margin:10px; height:170px; overflow:hidden}

.shipin-con{width:300px;margin-left:5px;}

.sp-box3{ width:370px; margin:10px; height:180px;overflow:hidden}

.shipin-right{ width:380px; height:369px; border:1px solid #dbdbdb; border-top:0px !important; margin-top:10px; background:#ffffff }

.index-pic3{ margin-top:50px; background: #3a3a3a;}

.index-pic4{ margin-top:20px;}

.shipin-right-p{ width:100%; height:44px; line-height:44px; background:#535353; color:#ffffff; font-size:16px; text-indent:20px; margin-bottom:8px;}

.shipin-right-box{ width:360px; margin:6px 10px;}

.shipin-span{ background:url(../images/index-12.jpg); width:50px; height:50px; float:left; display:block; text-align:center; line-height:26px; color:#ffffff}

.shipin-right-box a{ float:left; width:300px; height:30px; padding-left:10px; line-height:28px; overflow:hidden; font-size:14px; color:#333333}

.shipin-right-box a:hover{ color:#fa4c06}

.shipin-span1{ padding-left:10px; color:#999999}

.shipin-span2{ background:url(../images/index-14.jpg)}

.shipin-right1{ height:284px;}

.shipin-right1 .shipin-right-box{ margin:3px 10px;}



.po{ position:relative}

.sp-box{ width:570px; margin:10px; height:317px;}

.sp-box, .sp-box1 { transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; }

.sp-box-p{ position:absolute; left:0px;width:100%;bottom:0px;  text-indent:20px; overflow:hidden; background:rgba(0,0,0,.5)}

.sp-box-p1{ height:50px; line-height:50px; }

.sp-box a,.sp-box a:hover,.sp-box1 a,.sp-box1:hover,.sp-box2 a,.sp-box2:hover,.sp-box3 a,.sp-box3:hover,.sp-box4 a,.sp-box4:hover{ color:#ffffff; font-size:12px;}

.sp-box-img{ position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}

.sp-box1{ width:275px; margin:10px; height:160px;}

.sp-box-p2{ height:35px; line-height:35px; text-indent:15px !important; }

.index-pic2{ margin-top:60px !important;}

.sjs-box-img,.sp-box:hover,.sp-box1:hover,.sp-box2:hover,.sp-box3:hover,.sp-box4:hover{-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);-ms-box-shadow: 0 0 10px rgba(0,0,0,.3);-o-box-shadow: 0 0 10px rgba(0,0,0,.3);box-shadow: 0 0 10px rgba(0,0,0,.3);-webkit-transform:translate3d(0, -2px, 0);-ms-transform:translate3d(0, -2px, 0);-o-transform:translate3d(0, -2px, 0);-moz-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}





.left { float:left; } .right { float:right; }





/*装修流程*/

.xzx_seca{margin-right: -20px;margin-bottom: 40px;     width: 1200px;

    margin: 0 auto;

    height: 350px;

  

    margin-top: 40px;}

.xzx_seca h2{font-size: 24px;font-weight: normal;padding: 9px 0;}

.xzx_seca h2 a{ color:#333}

.xzx_seca h2 a:hover{ color:#f25618}



.xzx_seca .seca_item{width: 313px;float: left;margin-right: 20px;transition: all .3s;}

.xzx_seca .seca_item:hover{transform: translateY(-8px);transition:all ease .3s;webkit-transition:all ease .2s; box-shadow: 0 0 10px #666;}

.xzx_seca .understand_more:hover{transform: translateY(-8px);transition:all ease .3s;webkit-transition:all ease .2s; box-shadow: 0 0 10px #666;}

.xzx_seca .seca_item .item_hd{width: 313px;height: 200px;line-height: 99em;overflow: hidden;}

.xzx_seca .seca_item .item_bd{height: 150px;/* border-width: 0 1px 1px 1px; *//* border-style: solid; */overflow: hidden;}

.xzx_seca .seca_item li{float:left;}

.xzx_seca .seca_item li.last{border-right: none;}

.xzx_seca .seca_item li.first{border-left: none;}

.xzx_seca .seca_item li a{color: #f5f5f5;display: block;text-align: center;position: relative;}

.xzx_seca .seca_item li a:hover .seca_ico_cover{display: block;}

.xzx_seca .seca_itema .item_bd{border-color: #edeee5;background: #a5cf26;}

.xzx_seca .seca_itema li{width:77px;height: 150px;border-left: 1px dotted #EFF1D5;}

.xzx_seca .seca_itema li a{padding-top: 70px;height: 95px;}

.xzx_seca .seca_itema li a:hover{color: #ABB357;}

.xzx_seca .seca_itemb .item_bd{border-color: #dfece7;background: #2dca85;}

.xzx_seca .seca_itemb li{width:77px;height: 75px;border-left: 1px dotted #E4EFEA;border-bottom: 1px dotted #E4EFEA;}

.xzx_seca .seca_itemb li a{padding-top: 30px;height: 57px;}

.xzx_seca .seca_itemb li a:hover{color: #449D6F;}

.xzx_seca .seca_itemc .item_bd{border-color: #dbe5e6;background: #37d7ce;}

.xzx_seca .seca_itemc li{width: 153px;border-left: 1px dotted #D9EAF2;height: 150px;}

.xzx_seca .seca_itemc li a{padding-top: 68px;height: 95px;}

.xzx_seca .seca_itemc li a:hover{color:#4397a4;}



.xzx_secb{height: 120px;margin-right: -40px;margin-bottom: 40px;}

.xzx_secb a{display: inline-block;margin-right: 20px;float: left;}



.xzx_secc{margin-bottom: 30px;}

.xzx_secc .secc_hd{padding-bottom: 9px;border-bottom: 1px solid #F0F0F0;margin-bottom: 20px;}

.xzx_secc .secc_hd h2{font-size: 24px;color: #333;font-weight: normal;}

.xzx_secc .secc_hd .secc_hdside{float: right;margin-top: 15px;}

.xzx_secc .secc_hd .secc_hdside li{float:left;}

.xzx_secc .secc_hd .secc_hdside a{color: #999; float:left; margin-left:17px; display:inline; height:14px; line-height:14px}

.xzx_secc .secc_hd .secc_hdside a:hover{color: #F25618;}

.xzx_secc .secc_hd .secc_hdside span{width:1px; height:13px; margin:1px 0 0 17px; float:left; background:#f0f0f0; display:inline; overflow:hidden}

.xzx_secc .secc_bd{height: 313px;}

.xzx_secc .secc_bdl{width: 640px;overflow: hidden;float: left;margin-left: -20px;}

.xzx_secc .secc_bdl .bdl_item{float: left;width: 100%;_overflow:hidden;}

.xzx_secc .bdl_item .item_hd{display: block;margin-left:19px;position: relative;height: 210px;cursor: pointer;float:left;_overflow:hidden;_display: inline;}

.xzx_secc .bdl_item .item_hd .item_lnk{display: block;position: absolute;bottom: 0;left:0;height: 40px;line-height: 40px;color: #FFF;background-color: rgba(0,0,0,0.75);width: 280px;padding-left: 20px;z-index: 2;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.xzx_secc .bdl_item .item_hd .item_lnk_iebg{display:none;display: block\9;position: absolute;width:300px;height:40px;background-color: #000;filter:alpha(opacity=80);bottom: 0;left:0;z-index: 1;}

.xzx_secc .bdl_item .item_hd .item_lnk_iebg:not(sisi){display: none;}

.xzx_secc .bdl_item .item_bd{padding-top: 7px;}

.xzx_secc .bdl_item .item_bd li{padding: 4px 0;width: 300px;margin-left: 20px;float:left;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;_display: inline;}

.xzx_secc .bdl_item .item_bd .li_dec{display: inline-block;width: 7px;height: 7px;margin-right: 5px;background-position: 0 -603px;vertical-align: middle;}

.xzx_secc .secc_bdr{width:340px;float: right;_overflow:hidden;}

.xzx_secc .secc_bdr .bdr_item{padding-left: 145px;margin-bottom: 20px;height: 91px;}

.xzx_secc .secc_bdr .item_img{width: 130px;height: 91px;display: block;_display: inline;float: left;margin-left: -145px;position: relative;}

.xzx_secc .secc_bdr .item_bd{float: right;width: 195px;}

.xzx_secc .secc_bdr .item_img .ico_tag{width: 39px;height: 24px;color: #FFF;text-indent: 6px;background-position: -8px -603px;position: absolute;top: 0;left:-3px;line-height: 21px;}

.xzx_secc .secc_bdr .item_bd a{font-size: 14px;display: block;width: 195px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;line-height: 15px;}

.xzx_secc .secc_bdr .item_bd .item_des{height: 65px;overflow: hidden;color: #999;margin-top: 9px;line-height: 21px;}



.xzx_secd{margin-bottom: 30px;}

.xzx_secd .secd_item{width: 470px;padding-bottom:15px;}

.xzx_secd .item_hd{padding-bottom: 9px;border-bottom: 1px solid #F0F0F0;margin-bottom: 20px;}

.xzx_secd .item_hd h2{position: relative;font-size: 24px;color: #333;font-weight: normal;}

.xzx_secd .item_hd .hd_side{float: right;margin-top: 10px;color: #999;}

.xzx_secd .item_hd .hd_side:hover{color: #F25618;}

.xzx_secd .item_video{width: 225px;}

.xzx_secd .item_video .video_img{display: block;height: 124px;position: relative;}

.xzx_secd .item_video .video_img:hover .play-btn{background-position:-46px -648px;}

.xzx_secd .item_video .video_img .play-btn{position: absolute;width: 46px;height: 46px; background:url(http://img.to8to.com/decorate_learning/png/xzx_index_two.png) no-repeat; _background:url(http://img.to8to.com/decorate_learning/gif/xzx_index_two.gif) no-repeat;background-position:0 -648px;left: 89px;top: 39px;}

.xzx_secd .item_video .video_title{display: block;padding: 10px 20px;font-size: 14px; background:#f8f8f8;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}



.xzx_sece{margin-bottom: 30px;}

.xzx_sece .sec_hd{padding-bottom: 9px;border-bottom: 1px solid #F0F0F0;margin-bottom: 20px;}

.xzx_sece .sec_hd h2{font-size: 24px;color: #333;font-weight: normal;}

.xzx_sece .sec_hd .hd_side{float: right;margin-top: 10px;color: #999;}

.xzx_sece .sec_hd .hd_side:hover{color: #F25618;}

.xzx_sece .sec_bd{height: 320px;overflow: hidden;}

.xzx_sece .sec_bdl{width: 449px;height: 320px;float: left;}

.xzx_sece .sec_item{position: relative;}

.xzx_sece .sec_item_bt{padding: 10px 20px;background-color: rgba(0,0,0,0.8);color: #FFF;position: absolute;bottom: 0;left:0;width: 210px;z-index: 2;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.xzx_sece .sec_item_bt a{color: #FFF;}

.xzx_sece .sec_item_btiebg{display:none;display: block\9;position: absolute;width:250px;height:38px;background-color: #000;filter:alpha(opacity=80);bottom: 0;left:0;z-index: 1;}

.xzx_sece .sec_item_btiebg:not(sisi){display: none;}

.xzx_sece .sec_bdl .sec_item_bt{width: 409px;height: 56px;}

.xzx_sece .sec_bdl .sec_item_btiebg{width: 449px;height: 62px;}

.xzx_sece .sec_bdl .sec_item_bt a{font-size: 16px;line-height: 33px;}

.xzx_sece .sec_bdl .item_info{width: 409px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

.xzx_sece .sec_bdm{width: 250px;float: left;margin-left: 20px;}

.xzx_sece .sec_bdm .sec_item{height: 150px;overflow: hidden;margin-bottom: 20px;}

.xzx_sece .sec_bdr{width: 225px;float: right;}

.xzx_sece .sec_bdr h3{font-size: 16px;font-weight: normal;color: #333;margin-bottom: 9px; line-height:16px; font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;}

.xzx_sece .sec_bdr li{padding: 10px 0;border-bottom: 1px dotted #E8E8E8;}

.xzx_sece .sec_bdr li.last{border-bottom: none;}

.xzx_sece .sec_bdr .num{display: inline-block;width: 18px;height: 18px;color: #999;line-height: 18px;text-align: center;margin-right: 15px;background-color: #f8f8f8;}

.xzx_sece .sec_bdr .num_top{background-color: #F36F20;color: #FFF;}

.xzx_sece .sec_bdr a{color: #666;}

.xzx_sece .sec_bdr a:hover{color: #F25618;}

.xzx_secf,.xzx_wrap{overflow: hidden}

.xzx_secf .sec_hd{padding-bottom: 9px;border-bottom: 1px solid #F0F0F0;margin-bottom: 20px;}

.xzx_secf .sec_hd h2{font-size: 24px;color: #333;font-weight: normal;}

.xzx_secf .sec_hd .hd_side{float: right;margin-top: 10px;color: #999;}

.xzx_secf .sec_hd .hd_side:hover{color: #F25618;}

.xzx_secf .sec_bd{margin-right: -40px;}

.xzx_secf .sec_bd a{color: #999;}

.xzx_secf .sec_item{width: 215px;height: 114px;float: left;margin-right: 40px;margin-top: 25px;}

.xzx_secf .item_hd{margin-bottom: 5px;font-size: 14px;}

.xzx_secf .item_hd a{color: #666;font-size: 14px;}

.xzx_secf .item_hd a:hover{color: #F25618;}

.xzx_secf .item_bd a{margin-right: 16px ; white-space:nowrap; word-wrap:break-word; float:left}

.xzx_secf .item_bd a:hover{color: #F25618;}



.xzx_secd .item_hd h2 .xzx_ico_jhkj {

    position: absolute;

    top: 7px;

    right: 0;

    display: block;

    width: 67px;

    height: 24px;

    color: #01af63;

    font-size: 12px;

    text-align: center;

    line-height: 24px;

    border: 1px solid #01af63;

}

.seca_item .item_hd,.xzx_secc .bdl_item .item_bd .li_dec,.ico_tag,.seca_ico{background: url(../images/xzx.png) no-repeat;}





.seca_itemb .item_hd{background-position: 0 -201px;}

.seca_itemc .item_hd{background-position: 0 -402px;}



/* footer */

.bottom-fir{position: relative;background:#2d3236;color:#fff;height:375px;}

.bottom-sec{position: relative;z-index: 10;background: #23282c;color:#ababab;}

.bottom{margin-top: 40px; margin-bottom:40px;}

.bottom-quotate{float:left;width:300px;margin-top:70px;}

.bottom_menu{float:left;width:300px;margin-top:70px; text-align: center;}

.bottom-quotate>span{font-size: 16px;height: 40px;text-align: left; font-weight:normal;font-weight: bold;}

.bottom-quotate>form>h1{font-size: 16px;height: 40px;text-align: left; font-weight:normal;font-weight: bold;}

.bottom-quotate>form>input{display: block;float: left; height: 40px;line-height: 40px;width:220px;padding-left: 10px;font-size: 12px;color:#000;margin-bottom: 5px;border:none;}

.bottom-quotate>form>select{display: block;float: left; height: 40px;line-height: 40px;width:230px;padding-left: 10px;font-size: 12px;color:#999; border:none;}

.bottom-quotate>form>input.bottom-code{width:110px;margin-right:5px;}

.bottom-quotate>form>input.bottom-city{margin-top:5px;}

a.bottom-getcode{display: block;float:left;width:105px; height: 40px;line-height: 42px;color:#999;text-align: center; font-size:12px;margin-bottom: 5px;background: #e8e8e8;cursor: pointer;}

a.bottom-getquotate{display: block;float:left;width:230px; height: 40px;line-height: 40px;color:#fff;text-align: center; font-size:14px;background: #d4bb56;cursor: pointer;}

a.bottom-getcode:hover,a.bottom-getquotate:hover{opacity: 0.8;}

.bottom_menu>ul{ float: left;height: 151px; padding: 0 50px;margin-top: 10px;width:198px;border-left:1px dashed #474c50;border-right:1px dashed #474c50;}

.bottom_menu>span{font-size: 16px;height: 40px;text-align: center; font-weight:normal;font-weight: bold;}

.bottom_menu>ul>li{float:left; height:37px;line-height: 30px;width:99px;text-align: center; font-size: 14px;}

.bottom_menu ul li a{color: #999;}

.bottom_menu ul li a:hover{color: #fe9b00;}

.bottom_ewm{float: left;width: 300px;}

.fls{height:30px;margin-top:20px; color: #fff;font-size: 16px;width:100%;text-align: center;font-weight: bold;}

.frs{height:151px;width: 155px;margin-top: 20px; padding: 0 72px; background: url(../images/bottom-tel.png) no-repeat center center;border-right: 1px dashed #474c50;}

.foot_imgs{width: 300px;margin:20px 0 0;}

.foot_imgs>div{width:150px;float:left;}

.foot_imgs>div dt{margin-left:12px;border:5px solid #fff;}

.foot_imgs>div dd{height:20px;line-height: 20px;width:100%;font-size: 12px;text-align: center;color:#acacac;}

.foot_imgs img{width:120px; height: 120px;border:5px solid #fff;}

.bottom_beian{ height: 30px; line-height: 40px; text-align: center;}

.bottom_company{ height: 30px; text-align: center;}

#path{height: 50px;line-height: 50px;font-size: 12px;font-family:"verdana";}

#path a{padding:0 1px 0 0;display: inline-block;}

#notyet{width:100%;float:left;font-size:32px;line-height:40px;text-align:center;color:#966333;background:url(http://static.jtljia.com/images/system/notyet.png) no-repeat center bottom ;padding-bottom:400px;padding-top:20px;margin:50px 0 0 0;}

#notyet span{width:100%;float:left;font-size:14px;}

#notyet span a{text-decoration:underline;color:#0000FF}

.ei_left{width:930px;float:left;overflow:hidden;margin-top:20px;margin-right: 20px;}

.ei_right{width:270px;float:left;overflow:hidden;margin-top:20px;}

.ei_right .eir_tool{float:left;border:1px solid #eae1d8;width:228px;padding:20px;margin-bottom:20px; background:#f8f5f0;}

.ei_right .eir_tool .title{font-size:16px;color:#3d3936;border-bottom:1px solid #eae1d8;height:40px;line-height:40px;}

.izl-rmenu{position:fixed; top:25%; right:10px; z-index:999;}

.izl-rmenu>.btnn,.online-consultation{display: block; width:80px; height:80px; cursor:pointer; position:relative;background:#fff; margin-top: 1px; border-radius: 0;border:1px solid #e1e1e1;}

.btn-offer>.btn-quote{display: block;width:28px;height:36px;margin:10px auto 6px; background:url(http://static.jtljia.com/images/icon/icon-quicklink.png);background-position:-7px -3px;}

.btn-offer>.quote{display:block;width:60px;height:16px;line-height: 16px;margin:0 auto;text-align: center;font-size:14px;color:#333;font-weight:bold;}

.floatCoupon{display: block; width:82px; height:82px; cursor:pointer; position:relative;background:url(http://static.jtljia.com/images/system/coupon.png) no-repeat center center; margin-top: 1px; border-radius: 0;border:none;}

/*.btn-offer:hover>.btn-quote{background-position:-7px -43px;}*/

.online-consultation>a#live800iconlink{display: block; width:100%;height:100%;position: absolute;top:0;left:0;}

.online-consultation>a#live800iconlink>img{width:0;height:0;}

.online-consultation>.actived-dot{display: block;width:13px;height:13px;position: absolute; top:4px; left:48px; background:#fd3c00;border-radius: 50% 50%;}

.online-consultation>.btn-consultation{display: block;width:36px;height:34px;margin:10px auto 6px; background:url(http://static.jtljia.com/images/icon/icon-quicklink.png);background-position:-43px -5px;}

.online-consultation>.consultation{display:block;width:60px;height:16px;line-height: 16px;margin:0 auto;text-align: center;font-size:14px;color:#333;font-weight:bold;}

/*.online-consultation:hover>.btn-consultation{background-position:-43px -45px;}*/

.izl-rmenu .btn-qq{background:url(http://static.jtljia.com/images/system/rightmenu1.png) left no-repeat #eac03a;}

.izl-rmenu .btnn>.btn-appoint{display: block;width:40px;height:36px;margin:10px auto 6px; background:url(http://static.jtljia.com/images/icon/icon-quicklink.png);background-position:-80px -4px;}

.izl-rmenu .btnn>.appoint{display:block;width:60px;height:16px;line-height: 16px;margin:0 auto;text-align: center;font-size:14px;color:#333;font-weight:bold;}

/*.izl-rmenu .btnn:hover>.btn-appoint{background-position:-80px -44px;}*/

.izl-rmenu .btn-top>.back-top{display: block;width:27px;height:30px;margin:12px auto 10px; background:url(http://static.jtljia.com/images/icon/icon-quicklink.png);background-position:-128px -5px;}

.izl-rmenu .btn-top>.goback-top{display:block;width:60px;height:16px;line-height: 16px;margin:0 auto;text-align: center;font-size:14px;color:#333;font-weight:bold;}

.izl-rmenu>.btnn:hover,.online-consultation:hover{background:#fffae2;border-color: #f0e4aa;}

/*.izl-rmenu .btn-top:hover>.back-top{background-position:-128px -45px;}*/

.izl-rmenu .btn-top:hover>.goback-top,.izl-rmenu .btnn:hover>.appoint,.online-consultation:hover>.consultation,.btn-offer:hover>.quote{color:#666;}



.nodata{width:100%;float:left;height:150px;line-height:150px;}



#validationalert{float:left;width:500px;}

#validationalert li{float:left;line-height:30px;color:#333;width:100%;}

#validationalert li span{width:200px;text-align: right;margin-right:10px;color:#999;float:left;}

#transformationTracing {opacity: 0;height: 0;width: 0;}

.p_i{width:1200px;position:relative;margin:0 auto;}

.zhigezhengs{width:100%;height:30px;line-height:30px;text-align:center;font-size:12px;color:#999;background:#000;}

.youqinglianjie{width:100%;height:30px;background:#999;color:#333;line-height:30px;text-align:center;font-size:12px;}



/* 弹出层报价 */



.mt15 {

  margin-top: 15px;

}

.mt5 {

  margin-top: 5px;

}

.mt20 {

  margin-top: 20px;

}

.mt30 {

  margin-top: 30px;

}

.mt40 {

  margin-top: 40px;

}

.mt50 {

  margin-top: 50px;

}

.mb5 {

  margin-bottom: 5px;

}

.mb10 {

  margin-bottom: 10px;

}





.floatSearchBar {

  width: 834px;

  height: 38px;

  border: 2px solid #064f38;

  border-right: 0px;

  line-height: 33px;

  margin-right: 70px ;

}

.floatSearchBar .btn {

  position: relative;

  top: -1px;

  border: none;

  text-shadow: none;

  outline: none;

  font-family: "microsoft yahei";

  border-radius: 0;

  background: #064f38;

  color: #fff;

  width: 90px;

  height: 39px;

  float: right;

  font-size: 16px;

  cursor: pointer;

}

.floatSearchBar input {

  border: none;

  background: transparent;

  text-indent: 1em;

  width: 700px;

  height: 35px;

}

/* 除用户个人中心之外的所有小部件 */

/*!

 * ui-dialog.css

 * Date: 2014-07-03

 * https://github.com/aui/artDialog

 * (c) 2009-2014 TangBin, http://www.planeArt.cn

 *

 * This is licensed under the GNU LGPL, version 2.1 or later.

 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html

 */

.ui-dialog {

  *zoom: 1;

  _float: left;

  position: relative;

  background-color: #FFF;

  border: 1px solid #999;

  border-radius: 6px;

  outline: 0;

  background-clip: padding-box;

  font-family: Helvetica, arial, sans-serif;

  font-size: 14px;

  line-height: 1.428571429;

  color: #333;

  opacity: 0;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

      transform: scale(0);

  -webkit-transition: -webkit-transform 0.15s ease-in-out, opacity 0.15s ease-in-out;

  -webkit-transition: opacity 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;

  transition: opacity 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;

  transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;

  transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;

}

.ui-popup-show .ui-dialog {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

      transform: scale(1);

}

.ui-popup-focus .ui-dialog {

  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

}

.ui-popup-modal .ui-dialog {

  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, 0.3);

          box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, 0.3);

}

.ui-dialog-grid {

  width: auto;

  margin: 0;

  border: 0 none;

  border-collapse: collapse;

  border-spacing: 0;

  background: transparent;

}

.ui-dialog-header,

.ui-dialog-body,

.ui-dialog-footer {

  padding: 0;

  border: 0 none;

  text-align: left;

  background: transparent;

}

.ui-dialog-header {

  white-space: nowrap;

  border-bottom: 1px solid #E5E5E5;

}

.ui-dialog-close {

  position: relative;

  _position: absolute;

  float: right;

  top: 13px;

  right: 13px;

  _height: 26px;

  padding: 0 4px;

  font-size: 21px;

  font-weight: bold;

  line-height: 1;

  color: #000;

  text-shadow: 0 1px 0 #FFF;

  opacity: .8;

  filter: alpha(opacity=80);

  cursor: pointer;

  background: transparent;

  _background: #FFF;

  border: 0;

  -webkit-appearance: none;

}

.ui-dialog-close:hover,

.ui-dialog-close:focus {

  color: #000000;

  text-decoration: none;

  cursor: pointer;

  outline: 0;

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.ui-dialog-title {

  margin: 0;

  line-height: 1.428571429;

  min-height: 16.428571429px;

  padding: 15px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-weight: bold;

  cursor: default;

}

.ui-dialog-body {

  padding: 20px;

  text-align: center;

}

.ui-dialog-content {

  display: inline-block;

  position: relative;

  vertical-align: middle;

  *zoom: 1;

  *display: inline;

  text-align: left;

}

.ui-dialog-footer {

  padding: 0 20px 20px 20px;

}

.ui-dialog-statusbar {

  float: left;

  margin-right: 20px;

  padding: 6px 0;

  line-height: 1.428571429;

  font-size: 14px;

  color: #888;

  white-space: nowrap;

}

.ui-dialog-statusbar label:hover {

  color: #333;

}

.ui-dialog-statusbar input,

.ui-dialog-statusbar .label {

  vertical-align: middle;

}

.ui-dialog-button {

  float: right;

  white-space: nowrap;

}

.ui-dialog-footer button + button {

  margin-bottom: 0;

  margin-left: 5px;

}

.ui-dialog-footer button {

  width: auto;

  overflow: visible;

  display: inline-block;

  padding: 6px 12px;

  _margin-left: 5px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 1.428571429;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  cursor: pointer;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

}

.ui-dialog-footer button:focus {

  outline: thin dotted #333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

.ui-dialog-footer button:hover,

.ui-dialog-footer button:focus {

  color: #333333;

  text-decoration: none;

}

.ui-dialog-footer button:active {

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.ui-dialog-footer button[disabled] {

  pointer-events: none;

  cursor: not-allowed;

  opacity: 0.65;

  filter: alpha(opacity=65);

  -webkit-box-shadow: none;

  box-shadow: none;

}

.ui-dialog-footer button {

  color: #333333;

  background-color: #ffffff;

  border-color: #cccccc;

}

.ui-dialog-footer button:hover,

.ui-dialog-footer button:focus,

.ui-dialog-footer button:active {

  color: #333333;

  background-color: #ebebeb;

  border-color: #adadad;

}

.ui-dialog-footer button:active {

  background-image: none;

}

.ui-dialog-footer button[disabled],

.ui-dialog-footer button[disabled]:hover,

.ui-dialog-footer button[disabled]:focus,

.ui-dialog-footer button[disabled]:active {

  background-color: #ffffff;

  border-color: #cccccc;

}

.ui-dialog-footer button.ui-dialog-autofocus {

  color: #ffffff;

  background-color: #428bca;

  border-color: #357ebd;

}

.ui-dialog-footer button.ui-dialog-autofocus:hover,

.ui-dialog-footer button.ui-dialog-autofocus:focus,

.ui-dialog-footer button.ui-dialog-autofocus:active {

  color: #ffffff;

  background-color: #3276b1;

  border-color: #285e8e;

}

.ui-dialog-footer button.ui-dialog-autofocus:active {

  background-image: none;

}

.ui-popup-top-left .ui-dialog,

.ui-popup-top .ui-dialog,

.ui-popup-top-right .ui-dialog {

  top: -8px;

}

.ui-popup-bottom-left .ui-dialog,

.ui-popup-bottom .ui-dialog,

.ui-popup-bottom-right .ui-dialog {

  top: 8px;

}

.ui-popup-left-top .ui-dialog,

.ui-popup-left .ui-dialog,

.ui-popup-left-bottom .ui-dialog {

  left: -8px;

}

.ui-popup-right-top .ui-dialog,

.ui-popup-right .ui-dialog,

.ui-popup-right-bottom .ui-dialog {

  left: 8px;

}

.ui-dialog-arrow-a,

.ui-dialog-arrow-b {

  position: absolute;

  display: none;

  width: 0;

  height: 0;

  overflow: hidden;

  _color: #FF3FFF;

  -webkit-filter: chroma(color=#FF3FFF);

  filter: chroma(color=#FF3FFF);

  border: 8px dashed transparent;

}

.ui-popup-follow .ui-dialog-arrow-a,

.ui-popup-follow .ui-dialog-arrow-b {

  display: block;

}

.ui-popup-top-left .ui-dialog-arrow-a,

.ui-popup-top .ui-dialog-arrow-a,

.ui-popup-top-right .ui-dialog-arrow-a {

  bottom: -16px;

  border-top: 8px solid #7C7C7C;

}

.ui-popup-top-left .ui-dialog-arrow-b,

.ui-popup-top .ui-dialog-arrow-b,

.ui-popup-top-right .ui-dialog-arrow-b {

  bottom: -15px;

  border-top: 8px solid #fff;

}

.ui-popup-top-left .ui-dialog-arrow-a,

.ui-popup-top-left .ui-dialog-arrow-b {

  left: 15px;

}

.ui-popup-top .ui-dialog-arrow-a,

.ui-popup-top .ui-dialog-arrow-b {

  left: 50%;

  margin-left: -8px;

}

.ui-popup-top-right .ui-dialog-arrow-a,

.ui-popup-top-right .ui-dialog-arrow-b {

  right: 15px;

}

.ui-popup-bottom-left .ui-dialog-arrow-a,

.ui-popup-bottom .ui-dialog-arrow-a,

.ui-popup-bottom-right .ui-dialog-arrow-a {

  top: -16px;

  border-bottom: 8px solid #7C7C7C;

}

.ui-popup-bottom-left .ui-dialog-arrow-b,

.ui-popup-bottom .ui-dialog-arrow-b,

.ui-popup-bottom-right .ui-dialog-arrow-b {

  top: -15px;

  border-bottom: 8px solid #fff;

}

.ui-popup-bottom-left .ui-dialog-arrow-a,

.ui-popup-bottom-left .ui-dialog-arrow-b {

  left: 15px;

}

.ui-popup-bottom .ui-dialog-arrow-a,

.ui-popup-bottom .ui-dialog-arrow-b {

  margin-left: -8px;

  left: 50%;

}

.ui-popup-bottom-right .ui-dialog-arrow-a,

.ui-popup-bottom-right .ui-dialog-arrow-b {

  right: 15px;

}

.ui-popup-left-top .ui-dialog-arrow-a,

.ui-popup-left .ui-dialog-arrow-a,

.ui-popup-left-bottom .ui-dialog-arrow-a {

  right: -16px;

  border-left: 8px solid #7C7C7C;

}

.ui-popup-left-top .ui-dialog-arrow-b,

.ui-popup-left .ui-dialog-arrow-b,

.ui-popup-left-bottom .ui-dialog-arrow-b {

  right: -15px;

  border-left: 8px solid #fff;

}

.ui-popup-left-top .ui-dialog-arrow-a,

.ui-popup-left-top .ui-dialog-arrow-b {

  top: 15px;

}

.ui-popup-left .ui-dialog-arrow-a,

.ui-popup-left .ui-dialog-arrow-b {

  margin-top: -8px;

  top: 50%;

}

.ui-popup-left-bottom .ui-dialog-arrow-a,

.ui-popup-left-bottom .ui-dialog-arrow-b {

  bottom: 15px;

}

.ui-popup-right-top .ui-dialog-arrow-a,

.ui-popup-right .ui-dialog-arrow-a,

.ui-popup-right-bottom .ui-dialog-arrow-a {

  left: -16px;

  border-right: 8px solid #7C7C7C;

}

.ui-popup-right-top .ui-dialog-arrow-b,

.ui-popup-right .ui-dialog-arrow-b,

.ui-popup-right-bottom .ui-dialog-arrow-b {

  left: -15px;

  border-right: 8px solid #fff;

}

.ui-popup-right-top .ui-dialog-arrow-a,

.ui-popup-right-top .ui-dialog-arrow-b {

  top: 15px;

}

.ui-popup-right .ui-dialog-arrow-a,

.ui-popup-right .ui-dialog-arrow-b {

  margin-top: -8px;

  top: 50%;

}

.ui-popup-right-bottom .ui-dialog-arrow-a,

.ui-popup-right-bottom .ui-dialog-arrow-b {

  bottom: 15px;

}

@-webkit-keyframes ui-dialog-loading {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

  }

}

@keyframes ui-dialog-loading {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

.ui-dialog-loading {

  vertical-align: middle;

  position: relative;

  display: block;

  *zoom: 1;

  *display: inline;

  overflow: hidden;

  width: 32px;

  height: 32px;

  top: 50%;

  margin: -16px auto 0 auto;

  font-size: 0;

  text-indent: -999em;

  color: #666;

}

.ui-dialog-loading {

  width: 100%\9;

  text-indent: 0\9;

  line-height: 32px\9;

  text-align: center\9;

  font-size: 12px\9;

}

.ui-dialog-loading::after {

  position: absolute;

  content: '';

  width: 3px;

  height: 3px;

  margin: 14.5px 0 0 14.5px;

  border-radius: 100%;

  -webkit-box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;

          box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;

  -webkit-transform: rotate(360deg);

  -webkit-animation: ui-dialog-loading 1.5s infinite linear;

  -ms-transform: rotate(360deg);

      transform: rotate(360deg);

  animation: ui-dialog-loading 1.5s infinite linear;

  display: none\9;

}

.ui-popup-backdrop {

  opacity: .2!important;

}

.ui-dialog-shj {

  border-radius: 0;

  border: 2px solid #e60000;

}

.ui-dialog-shj .ui-dialog-header {

  background: #e60000;

}

.ui-dialog-shj .ui-dialog-title {

  padding: 10px;

  color: #FFFFFF;

  font-size: 14px;

  font-family: "microsoft yahei";

  font-weight: normal;

}

.ui-dialog-shj :root .ui-dialog-close {

  -webkit-filter: none;

          filter: none;

}

.ui-dialog-shj .ui-dialog-close {

  top: 7px;

  right: 8px;

  width: 24px;

  height: 24px;

  padding: 0;

  color: #FFFFFF;

  text-shadow: none;

  opacity: .8;

  font-size: 0;

  background: url("../images/dialog_close.png");

  -webkit-transition: all .2s;

  transition: all .2s;

}

.ui-dialog-shj .ui-dialog-close:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.ui-dialog-shj .ui-dialog-body {

  padding: 40px;

}

.ui-dialog-shj .ui-dialog-footer {

  text-align: center;

}

.ui-dialog-shj .ui-dialog-footer .ui-dialog-button button {

  display: inline-block;

  padding: 8px 25px;

  color: #808080;

  background: #FFF;

  border: 1px solid #E8E8E8;

  cursor: pointer;

  -webkit-transition: all .2s;

  transition: all .2s;

  font-size: 14px;

  font-family: "microsoft yahei";

}

.ui-dialog-shj .ui-dialog-footer .ui-dialog-button button:hover {

  background-color: #d2d2d2;

  color: #ffffff;

}

.ui-dialog-shj .ui-dialog-footer .ui-dialog-button button.ui-dialog-autofocus {

  background-color: #71B426;

  color: #ffffff;

}

.ui-dialog-shj .ui-dialog-footer .ui-dialog-button button.ui-dialog-autofocus:hover {

  background-color: #7ec92a;

}



  /*ie 输入框去除XX*/

        input::-ms-clear{display: none;}

        input::-ms-reveal{display: none;}

        /*侧边悬浮菜单*/

        .shj_xuanfu_menu_box {

            display: block;

            width: 100px;

            height: 279px;

        background: #e60000;

            position: fixed;

            bottom: 47%;

            z-index: 99;

			top: 120px;

			right: 90%;

        }



        .float-menu-title {

            position: relative;

            top: 17px;

            left: 25px;

            text-align: center;

            color: #fff;

            font-size: 14px;

        }



        .float-menu-btn {

            display: block;

        }



        .float-menu-btn:hover {

            cursor: pointer;

            background-position: center;

            background-size: 100% 100%;

        }

  /*报价弹窗*/

  .caculator-box {
        z-index: 999;
        display: block;
        position: fixed;
        width: 980px;
        height: auto;
        box-sizing: border-box;
      
        left: 50%;
        margin-left: -495px;
        top: 20%;
        background: #fff;
    }

    .caculator-delete {
        position: relative;
        left: 490px;
        top: 0px;
    }

    .caculator-delete:hover {
        cursor: pointer;
    }
	  

    .caculator-modal {

        display: block;

        width: 390px;

        height: auto;

        margin: 15px auto;

    }



    .caculator-modal label {

        display: inline-block

    }



    .caculator-modal input {

        display: inline-block;

        width: 300px;

        height: 35px;

		border: 1px solid #999;

    }



    .caculator-modal select {

        display: inline-block;

        width: 98px;

        height: 38px;

    }



    .caculator-button-send {

        display: inline-block;

        width: 170px;

        text-align: center;

        color: white;

        height: 43px;

        line-height: 43px;

    }

	 .caculator-button-send1 {

        display: inline-block;

        width: 170px;

        text-align: center;

        color: white;

        height: 43px;

        line-height: 43px;

    }





    .caculator-button-send:hover {

        cursor: pointer;

        text-decoration: none;

        color: #fff;

    }



    .caculator-house-modal {

        display: inline-block;

        width: 90px;

        margin-left: 40px;

    }



    .caculator-radio-box {

        display: inline-block;

        width: 15px;

        height: 15px;

    }



    .caculator-radio-box input {

        -webkit-appearance: none;

        appearance: none;

        width: 100%;

        height: 100%;

        background-size: 100% 100%;

        background-image: url(http://www.shjhome.com/assets/images/caculator/r0.png);

    }



    .caculator-radio-box input:checked {

        background-image: url("http://www.shjhome.com/assets/images/caculator/r1.png")

    }



    .caculator-time-moda {

        display: inline-block;

        width: 70px;

        margin-left: 20px;

    }

	  /*点击报价弹窗*/

	    .size_form {

        width: 350px;

        padding-left: 20px;

        display: none;

        font-family: "microsoft yahei";

    }

	 .size_form1 {

        width: 350px;

        padding-left: 20px;

        display: none;

        font-family: "microsoft yahei";

    }

    .size_form p {

        color: #e60000;

        font-size: 20px;

        text-align: center;

    }

	 .size_form1 p {

        color: #e60000;

        font-size: 20px;

        text-align: center;

    }

    .size_form select,

    .size_form input {

        line-height: 28px;

        height: 28px;

        border: 1px solid #E8E8E8;

        padding-left: 10px;

    }

	 .size_form1 select,

    .size_form1 input {

        line-height: 28px;

        height: 28px;

        border: 1px solid #E8E8E8;

        padding-left: 10px;

    }

    .size_form .house_type select {

        width: 50px;

    }

	    .size_form1 .house_type select {

        width: 50px;

    }

    .size_form .house_area {

        width: 215px;

    }

    .size_form .house_area input {

        width: 100px;

    }

    .size_form .house_area .area {

        float: right;

        display: inline-block;

        line-height: 28px;

        width: 30px;

        background: #EDEDED;

        text-align: center;

        border: 1px solid #d4d4d4;

    }

    .size_form .house_city select {

        margin: 0 auto;

        width: 145px;

    }

    .size_form .house_info input {

        width: 260px;

    }

    .size_form .house_name input {

        width: 160px;

    }

    .size_form .house_number {

        width: 315px;

    }

    .size_form .house_number input {

        width: 120px;

    }

    .size_form .house_number div {

        display: inline-block;

        border: 1px solid #71B426;

        text-align: center;

        line-height: 28px;

        font-size: 12px;

        width: 100px;

        color: #71B426;

        cursor: pointer;

    }

    .size_form .house_number div:hover {

        background: #71B426;

        color: #fff;

    }

    .submit_btn {

        color: #fff;

        background: #e60000;

        line-height: 38px;

        text-align: center;

        margin-left: 88px;

		margin-top: 15px;

        width: 118px;

        font-size: 14px;

        cursor: pointer;

        padding: 0 25px 0 25px;

        display: inline-block;

        border: 1px solid #e60000;

        -webkit-transition: all .2s linear;

        transition: all .2s linear;

    }

	 .submit_btn1 {

        color: #fff;

        background: #e60000;

        line-height: 38px;

        text-align: center;

        margin-left: 88px;

		margin-top: 15px;

        width: 118px;

        font-size: 14px;

        cursor: pointer;

        padding: 0 25px 0 25px;

        display: inline-block;

        border: 1px solid #e60000;

        -webkit-transition: all .2s linear;

        transition: all .2s linear;

    }

    .submit_btn:hover {

        color: #e60000;

        background: transparent;

    }

	

	

		

	/*所有领红包样式*/



	@charset 'utf-8';

ul.btnList {

	width: 700px;

	height: 30px;

	margin: 100px auto;

}



ul.btnList li {

	float: left;

	background: #fafafa;

	color: #666;

	padding: 6px 18px;

	margin-right: 20px;

	cursor: pointer;

}



ul.btnList li.show {

	background: #ff7200;

	color: #fff;

}





/* 弹窗 */



.pop_bg {

	position: fixed;

	left: 0;

	top: 0;

	background: rgba(0, 0, 0, .35);

	display: none;

}



.pop_bg.show {

	display: block;

}





/* 公共区域 */



.pop {

	position: fixed;

	left: 50%;

	top: 50%;

	width: 390px;

	padding: 18px 30px;

	border-radius: 10px;

	background: #fff;

	display: none;

}

input{/* outline:none; *//* background:none; */border:none 0;font-style:normal;font-size:12px;}

.pop.show {

	display: block;

}



.pop_close {

	position: absolute;

	top: 18px;

	right: 23px;

}



.pop_title {

	font-size: 20px;

	color: #ff7200;

	padding: 24px 0 15px;

	border-bottom: 1px solid #ececec;

}



.pop_btn {

	position: absolute;

	right: 18px;

	bottom: 16px;

	font-size: 14px;

	color: #fff;

	width: 100px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	background: #ff7200;

	border-radius: 4px;

	cursor: pointer;

}



.pop_con {

	padding: 22px 0 27px;

	margin-bottom: 48px;

}





/* 关闭问题,删除问题 start */



.pop_con p {

	line-height: 22px;

	font-size: 14px;

}





/* 关闭问题,删除问题 end */





/* 采纳为满意答案 start */



.pop_con input {

	font-size: 12px;

	width: 368px;

	height: 36px;

	line-height: 36px;

	padding: 0 10px;

	border: 1px solid #ff7200;

	margin-top: 20px;

}





/* 采纳为满意答案 end */





/* 提高悬赏 start */



.pop_con div span {

	float: left;

	margin-top: 20px;

}



.pop_con div select {

	float: left;

	width: 44px;

	height: 18px;

	border: 1px solid #ececec;

	margin-top: 20px;

	margin-right: 3px;

	cursor: pointer;

}



.pop_con div option {}





/* 提高悬赏 end */





/* 编辑标签 start */



.pop_con ul.list {}



.pop_con ul.list li {

	float: left;

	background: #fffcfc;

	font-size: 12px;

	padding: 6px 18px;

	border: 1px solid #ececec;

	margin-right: 10px;

	margin-bottom: 10px;

}



.pop_con ul.list em {

	display: inline-block;

	width: 9px;

	height: 8px;

	background: url(../images/box_close.png) no-repeat center 0;

	margin-left: 8px;

	cursor: pointer;

}





/* 编辑标签 end */



.new_ys {

	margin-bottom: 20px;

}



.new_mfsj {

	margin-bottom: 20px;

}

			/*领红包*/

.zx_xrhb {

	z-index: 99;

	position: fixed;

	left: 73%;

	width: 3px;

	margin-left: 220px;

	background: url(../images/line.png) center top no-repeat;

	height: 0;

	top: 0;

}



.zx_xrhb img {

	cursor: pointer;

	z-index: 100;

	position: relative;

	display: block;

	width: 179px;

	height: 181px;

}



.zx_xrhb .line {

	position: absolute;

	bottom: -125px;

	left: -90px;

	z-index: 10;

	display: none;

	width: 180px;

	height: 180px;

	margin: 0;

	background: initial;

}





/*领红包*/



.red-mark {

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #000;

	opacity: 0.6;

	filter: alpha(opacity=60);

	z-index: 99;

}



.red-packet {

	height:561px;

	width: 500px;

	/*padding-top: 420px;*/

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

	position: fixed;

	top: 50%;

	left: 50%;

	margin: -280px 0 0 -250px;

	z-index: 99;

	display: none;

	background-size: 100%;

}

.red-packet.active{

	background: url(http://s1.17house.com/newweb/pc/common/images/redPacketEndpc.png)no-repeat center;

	background-size: 100%;

}

.red-packet .red-close {

	width: 32px;

	height: 10px;

	position: absolute;

	right: 30px;

	top:50px;

}

.red-packet .red-close img{

	position: absolute;



	cursor: pointer;

}

.red-packet .red-center {

	width: 70%;

	margin: 0 auto;

	padding: 0px 20px;

	margin-top: 410px;

}

.red-packet .red-center input.ipt {

    margin-bottom: 14px;

    height: 50px;

    padding: 0 5%;

    background: #ffffff;

    color: #b5ab72;

    width: 80%;

    margin: 0 auto;

    border-radius: 50px;

    display: block;

    font-size: 16px;

}



.red-packet .red-center .red-btn {

    text-align: center;

    background: transparent;

    font-size: 18px;

    font-weight: 600;

    cursor: pointer;

    height: 100px;

    margin: 30px auto 0 auto;

    display: block;

}



.indexNewText {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

	margin-bottom: 40px

}



.indexNewText .indexZn {

	width: 100%;

	margin-bottom: 12px;

	background-color: #f7f7f7!important;

	height: 240px

}



a {

	text-decoration: none;

	outline: 0 none

}



.indexNewText .indexZn .indexZnIco {

	float: left;

	display: block;

	margin-right: 6px;

	width: 252px;

	height: 240px

}



.indexNewText .indexZn .indexZnList ul {

	float: left;

	width: 158px;

	height: auto;

	padding: 0

}



.indexZnList ul {

	height: 240px;

	overflow: hidden

}



.indexNxs {

	overflow: hidden;

	width: 100%;

	height: 400px;

	margin-top:60px

}



.indexNxs .indexNxsList {

	float: left;

	margin-bottom: 12px;

	background-color: #f7f7f7!important;

	width: 471px;

	height: 194px

}



.indexNxs .indexNxsList img {

	float: left;

	width: 194px;

	height: 194px;

	margin-right: 10px

}



.indexNxs .indexNxsList h2 {

	float: left;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	overflow: hidden;

	width: 250px;

	height: 20px;

	line-height: 20px;

	padding-right: 13px;

	margin: 15px 0 13px 0

}



.indexNxs .indexNxsList ul {

	float: left;

	overflow: hidden;

	padding: 0 10px;

	width: 240px

}



.indexNxs .indexNxsList ul li {

	width: 100%;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	line-height: 28px;

	height: 28px

}



.indexNxs .indexNxsList ul li a {

	color: #666

}



.indexNxs .indexNxsIco {

	float: left;

	display: block;

	margin-right: 6px;

	width: 252px;

	height: 400px

}



.indexNewText .indexZn .indexZnList ul li {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 100%;

	height: 28px;

	line-height: 28px

}



.indexNewText .indexZn .indexZnList ul li a {

	color: #666;

	width: 100%;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	height: auto;

	margin: 0

}

.indexNxs .indexNxsList h2 a {

	float: right;

	font-size: 12px;

	color: #F08300

}



 /*公共底部开始*/
 .w100{ width:100%; min-width:1250px; margin-left:auto; margin-right:auto}
 .w_con{ width:1250px; margin-left:auto; margin-right:auto}

 /*漂浮*/
 .top_ul{ float: left; margin-left: 15px; margin-top: 46px;}
 .top_ul li{ float: left; color: #acacac; margin-right: 20px;}
 .top_ul li img{ float: left; margin-right: 10px;}
 .top_ul li div{ float: left;}
 .top_ul li span{ font-size: 16px; font-weight: bold;}
 .top_ul li p{ font-size: 14px; color:#acacac }
 .top_ul li img{ width: 35px;}
 .pf{ position: fixed; right: 20px; width: 82px; height: 480px; top:150px; z-index: 26; }
 .pf_ul li a{ color: #000;padding-top: 45px; }
 .pf_ul li a:hover{ text-decoration: none;}
 .pf_ul .zx{ color: #fff; font-size: 18px; letter-spacing: 6px; position: relative}
 .pf_ul .zx a{ color: #fff;padding-top: 85px; display: block; }
 .pf_ul .zx .pf_img1{ position: absolute; bottom: 0; left: 0; }
 .pf_ul .zx p{ position: absolute; z-index: 1; bottom: 6px; left: 22px; font-size: 13px; color: #fff;}
 .pf_ul .zx span{ position: absolute; right: 0; top:-25px; color: #fff; background-color: #e70012; border-radius: 50%; width: 17px; height: 20px; line-height: 17px; padding-left: 3px; cursor: pointer; z-index: 2}
 .pf_ul .yy{background: url("../img/pf_2.png") top 10px  center no-repeat #fff;  height:65px; color: #000; font-size: 12px;  letter-spacing: 1px;  width: 64px; text-align: center; margin-left: 7px; position: relative;  }
 .pf_ul .yy1{ background-image: url("../img/pf_3.png");}
 .pf_ul .yy2{ background-image: url("../img/pf_4.png");}
 .pf_ul .yy3{ background: url("../img/pf_5.png") top 10px center  no-repeat #e70012; }
 .pf_ul .yy3 a{ color: #fff;}
 .pf_ul .yy:hover{ background: url("../img/pf_2_1.png") top 10px center  no-repeat #e70012; }
 .pf_ul .yy1:hover{ background: url("../img/pf_3_1.png") top 10px center  no-repeat #e70012; }
 .pf_ul .yy2:hover{ background: url("../img/pf_4_1.png") top 10px center  no-repeat #e70012; }
 .pf_ul .yy3:hover{ background: url("../img/pf_5.png") top 10px center  no-repeat #e70012; }
 .pf_ul .yy a{ position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 5px; font-size: 12px;}
 .pf_ul .yy a:hover{ color: #fff;}
 /*.pf_ul .yy p{ position: absolute; left: 79px; top:0; height: 100%; background-color: #e70012; line-height: 75px; color: #fff; font-size: 1.6rem; padding: 0 10px; width: 100%; text-align: left;}*/
 .pf_zk{ position: fixed;right: 0; width: 30px; top:230px; z-index: 26; font-size: 14px; background-color: #fff; text-align: center; padding-top: 15px; padding-bottom: 15px; border-radius: 12px 0 0 12px; cursor: pointer; display: none; border: 1px solid #e70012; border-right: 0;}
 .left_telimg{ right: 100%; position: absolute; top:-16px; height: 100px; display: none; }



 /*底部表单*/
 .form_meau li{ float: left; width: 311.5px; height: 50px; background-position: left 100px center; background-repeat: no-repeat; margin-bottom: 30px; border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8; cursor: pointer; position: relative; }
 .form_meau li p{ line-height: 50px; padding-left: 150px; color: #393939; font-size: 18px;}
 .form_meau li:nth-child(1) p{ color: #fff;}
 .form_meau li span{ position: absolute; display: none; width: 0px; height: 0px; bottom: -20px; left: 145.2px;border:10px solid #e40404; border-color: #e40404 #fff #fff #fff; }

 .form_meau li:nth-child(1){ background:url("../img/foot_1_1.png") left 100px center #e40404 no-repeat;;border-left: 1px solid #d8d8d8; width: 310.5px;  }
 .form_meau li:nth-child(2){ background-image:url("../img/foot_2.png"); }
 .form_meau li:nth-child(3){ background-image:url("../img/foot_3.png"); }
 .form_meau li:nth-child(4){ background-image:url("../img/foot_4.png"); }

 /*.form_meau li:nth-child(1):hover{ background:url("../img/foot_1_1.png") left 100px center #e40404 no-repeat; }*/
 /*.form_meau li:nth-child(2):hover{ background:url("../img/foot_2_1.png") left 100px center #e40404 no-repeat; }*/
 /*.form_meau li:nth-child(3):hover{ background:url("../img/foot_3_1.png") left 100px center #e40404 no-repeat; }*/
 /*.form_meau li:nth-child(4):hover{ background:url("../img/foot_4_1.png") left 100px center #e40404 no-repeat; }*/
.form_meau,.form_1{ background-color: #fff;}
 .form_1 li{ float: left; width: 300px; border: 1px solid #828282; height: 50px; line-height: 50px; margin-right: 13px; font-size: 16px; margin-bottom: 40px;}
 .form_1 li span{ padding-left: 10px; color: #393939;}
 .form_1 li input{ border: none; height: 48px; line-height: 50px; font-size: 16px; width: 190px; padding-left: 10px;}
 .form_1 li:last-child{ margin-right: 0;}
 .form_1 li .tj{ width: 100%; background-color: #313131; color: #fff; cursor: pointer; height: 50px;}



 /*底部版权*/
 .footer{ height: 250px; background-color: #383d41; clear: both; padding-bottom: 180px;}
 .footer_1{ float: left; height: 150px; margin-top: 46px; border-right: 1px solid #acacac; padding: 30px 30px 0 10px; }
 .footer_1 .tel{ float: left; margin-right: 10px; width: 34px; }
 .footer_1 p{ color: #acacac; font-size: 30px; float: left}
 .footer_1 .contact{ opacity: 0.6;  cursor: pointer; margin-right: 14px; float: left; margin-top: 10px;}
 .footer_1 .contact:hover{ opacity: 1;}
 .footer_1 .cont_adr{ width: 200px; display: inline-block; font-size: 13px; float: inherit; margin-top: 10px;}
 .footer_ul li{ float: left;border-right: 1px solid #acacac; font-size: 16px; width: 90px; text-align: center;}
 .footer_ul li:last-child{ border-right: 0;}
 .footer_2 p{ font-size: 14px; float: none; clear: both;}
 .footer_2 a{ color: #acacac;}
.bq{  margin-left: 13px; font-size: 12px;color: #acacac;}
.bq a{ display: inline-block; margin-left: 10px; color: #000;}
.bq a:hover{ color: #fff;}
 .site_friends{ margin-top: 20px; color:#acacac;  line-height: 30px; text-align: center; clear: both; }
 .site_friends a{ margin-right: 10px; display: inline-block; color: #acacac;}
 .site_friends a:hover, .footer_ul li a:hover{ text-decoration: underline; color: #fff;}


 .footer_3{ border-right: 0; padding-right: 10px}
 .footer_3 div{ float: left; width: 105px; height: 105px; text-align: center;}
 .footer_3 div p{ font-size: 12px; text-align: center; width: 100%;}
 .footer_3 div img{ width: 100%;}
 .footer_3 div:nth-child(1){ margin-right: 20px; margin-left: 10px;}



 /*底部固定*/
 .foot_gd{ height: 131px; background: url("../img/foot_gd_bg2.png") repeat-x; position: fixed; bottom: 0; z-index: 25; display: none;}
 .gd_con{ height: 131px; background: url("../img/foot_gd_bg3.png") no-repeat; background-size: cover; position: relative;}
 .gd_con .tel{ position: absolute; left: 605px; top:70px; width: 173px; height: 40px; border: none; font-size: 16px;}
 .gd_con .area{ position: absolute; left: 807px; top:70px; width: 107px; height: 40px; border: none; font-size: 16px;}
 .gd_con .th_gd{ position: absolute; left: 985px; top:70px; width: 145px; height: 40px; border: none; background-color: transparent; cursor: pointer;}

 /*公共底部结束*/




 /*-----------官网自动报价弹窗开始-------------*/
 .mengban{ width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: 999; display: none; position: fixed; top:0; left: 0;}
 .tc_popwindow{
	 width: 980px;
	 height: 470px;
	 position: fixed;
	 top: 20%;
	 left: 50%;
	 margin-left: -490px; display: none; z-index: 1000;
 }
 .tc_popbox .tc_inputbox input,
 #tc_popbtn,
 .tc_tjbtn {
	 box-sizing: border-box;
	 padding: 0 5px;
	 width: 200px;
	 display: inline-block;
	 line-height: 2rem;
	 font-size: 14px;
	 outline-style: none;
	 outline-width: 0px;
	 text-shadow: none;
	 -webkit-appearance: none;
	 -webkit-user-select: text;
	 outline-color: transparent;
	 box-shadow: none;
	 border-style: none;
 }

 .tc_popbox select {
	 text-rendering: auto;
	 letter-spacing: normal;
	 word-spacing: normal;
	 text-transform: none;
	 text-indent: 0px;
	 text-shadow: none;
	 display: inline-block;
	 text-align: center;
 }

 .tc_popbox {
	 height: 100%;
 }

 .tc_popwindow .tc_close {
	 position: absolute;
	 top: 10px;
	 right: -10px;
	 width: 30px;
	 height: 30px;
	 border-radius: 15px;
	 cursor: pointer; z-index: 1001;
 }

 .tc_popwindow .tc_close img {
	 width: 100%;
	 height: 100%;
	 border-radius: 15px;
 }

 .tc_popbox .tc_title {
	 color: #d01d1d;
	 height: 40px;
	 text-align: center;
	 font-size: 24px;
 }

 .tc_popbox .tc_title-f {
	 color: #828282;
	 line-height: 20px;
	 text-align: center;
 }

 .tc_popbox .tc_title-f span {
	 color: #ffb500;
 }


 .tc_popbox>.tc_popleft {
	 float: left;
	 margin-top: 120px;
	 margin-left: 40px;
	 width: 340px;
	 height: 300px;
 }

 .tc_popbox .tc_inputbox>span {
	 display: inline-block;
	 width: 100px;
 }

 .tc_inputbox {
	 margin-top: 10px;
	 line-height: 40px;
 }

 .tc_inputbox:after {
	 content: '';
	 clear: both;
	 display: block;
	 height: 0;
 }

 .tc_popbox .tc_inputbox>div {
	 display: inline-block;
	 width: 230px;
	 border: 1px solid #ccc;
	 float: right;
 }



 .tc_ps3-1 {
	 width: 66px;
	 height: 30px;
	 margin-left: 11px;
 }

 .tc_ps2-1 {
	 width: 110px;
	 margin-left: 5px;
	 height: 30px;
 }

 .tc_select1 {
	 margin-left: 0;
 }

 .tc_inputbox .tc_selectbox {
	 border: none!important;
 }

 .tc_popleft form div span i {
	 display: inline-block;
	 color: #FAA71E;
	 padding-right: 10px;
 }

 .tc_popright .tc_title-r {
	 color: #7e7e7e;
 }

 .tc_popright .tc_title span {
	 color: #faa71e;
 }

 .tc_popbox .tc_popright {
	 float: right;
	 margin-top: 120px;
	 margin-right: 70px;
	 width: 340px;
	 height: 300px;
 }

 .tc_popright>div {
	 width: 300px;
	 height: 200px;
	 text-align: center;
	 border: 1px solid #666;
	 margin: 20px auto;
 }

 .tc_popright>div div {
	 line-height: 50px;
	 color: #9c9c9c;
 }

 .tc_popright>div div span {
	 color: #FAA71E;
 }

 .tc_popright>div img {
	 width: 100%;
 }

 .tc_check {
	 text-align: center;
	 margin-top: 20px;
 }

 .tc_check a {
	 color: #FAA71E;
	 list-style: none;
	 text-decoration: none;
	 cursor: pointer;
 }

 #tc_popbtn {
	 display: block;
	 width: 230px;
	 background: #D01D1D;
	 border-radius: 5px;
	 height: 40px;
	 line-height: 40px;
	 text-align: center;
	 margin: 10px 0 10px 0;
	 color: #ffffff;
	 font-size: 16px;
	 cursor: pointer;
	 float: right;
 }

 .tc_popleft form>p {
	 color: #FAA71E;
	 text-align: right;
	 font-size: 14px;
	 margin-top: 10px;
 }

 #tc_popbox1 {
	 position: absolute;
	 top: 0;
	 left: 0;
	 display: block;
	 width: 100%;
	 background: url(../img/back1_02.png)no-repeat;
	 background-size: cover;
 }

 #tc_popbox2 {
	 display: none;
	 position: absolute;
	 width: 100%;
	 top: 0;
	 left: 0;
	 background: url(../img/back_02.png)no-repeat;
	 background-size: cover;
 }

 .tc_popbtn {
	 width: 40px;
	 height: 250px;
	 position: absolute;
	 top: 50%;
	 margin-top: -100px;
	 left: -40px;
	 font-size: 18px;
	 letter-spacing: 5px;
	 text-align: center;
 }

 .tc_popbtn1 {
	 border-top-left-radius: 10px;
 }

 .tc_popbtn2 {
	 border-bottom-left-radius: 10px;
 }

 .tc_popbtn div {
	 padding: 10px 5px;
	 background: #e2e2e2;
	 border-left: 5px solid #e2e2e2;
	 cursor: pointer;
 }

 .tc_popactive {
	 border-left: 5px solid #FF0000!important;
	 color: #D01D1D!important;
	 background: #FFFFFF!important;
 }


 .tc_title span {
	 display: inline-block;
	 text-align: center;
	 width: 100px;
	 height: 40px;
	 line-height: 28px;
 }

 .tc_tjbtn {
	 position: absolute;
	 top: 212px;
	 left: 427px;
	 width: 100px;
	 height:100px;
	 padding: 0;
	 cursor: pointer;
	 border-radius: 50%;
	 background: #cb2310;
	 color: #FFFFFF;
	 font-size: 20px;
 }
 /*-----------官网自动报价弹窗结束-------------*/