@charset "utf-8";
body{
	background: #f2f2f2 !important;
}
.header-placeholder {
	width: 100%;
	height: 500px;
	z-index: 0;
	position: fixed;
	background: url(../../images/home/u10.jpg) no-repeat center bottom;
	background-size: cover;
}
.header {
	width: 100%;
	height: 675px;
	/*overflow: hidden;*/
	
	z-index: 0;
	/*position: fixed;*/
	background: url(../../images/last/banner_bg1.jpg) no-repeat center bottom;
	background-size: cover;
	
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari 和 Chrome */
	-o-transition: all 0.2s; /* Opera */
	
	
}

.header .box{
	text-align: center;
	background: rgba(0,0,0,.5);
	height: 65px;
}

.header .top {
	overflow: hidden;
	/*position: relative;*/
}

.header .imgbox {
	position: relative;
	/*overflow: hidden;*/
	float: left;
	/*background: #ffcc00;*/
	height: 70px;
	text-align: center;
	font-size: 18px;
	position: relative;
}

.header .imgbox img {
	margin: 7px auto;
	width: 155px;
    height: auto;
    padding-right: 20px;
    border-right: 1px solid #fff;
}


.header .imgbox .dings{
	position: absolute;
	left: 90%;
	top: 5px;
	width: 200px;
}
.header .imgbox .dings select{
	margin: 0;
	padding: 0;
	margin-left: -82px;
	background: none;
	font-size: 12px;
	color: #fff;
}
.header .imgbox .dings select option{
	background: rgba(0,0,0,.9);
}
.header .imgbox .dings p{
	font-size: 12px;
	color: #a7a7a7;
}
.header .nav {
	float: left;
	overflow: hidden;
	width: 380px;
	color: #fff;
	font-size: 16px;
	position: absolute;
	left: calc(68% - 220px);
	line-height: 70px;
}
.header .nav .nav-selected{
	color: #fff;
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
}
.header .nav a{
	color: #fff;
}

.chakan{
	display: block;
	width: 70px;
	background: url(../../images/home/u10.jpg) no-repeat right center;
	margin: 0 auto;
	height: 20px;
	clear: both;
}
.chakans{
	width: 65px;
	margin: 0 auto;
	background: url(../../images/last/content-more.png) no-repeat right center;
	line-height: 30px;
	color: #333 !important;
	display: block;
	clear: both;
	margin-top: 30px;
	opacity: .6;
}
.header .nav div {
	float: left;
	width: 25%;
	text-align: center;
}

.header .other {
	position: relative;
	float: right;
	overflow: hidden;
	display: inline-block;
	font-size: 12px;
	color: #fff;
}
.header .other a{
	color: #fff;
}

.header .other .look {
	overflow: hidden;
	display: inline-block;
	line-height: 70px;
	margin-right: 20px;
}

.header .other .look img {
	display: inline-block;
	width: 22px;
	height: 18px;
	vertical-align: middle;
	/*margin-right: 5px;
	margin-top: 27px;*/
}

.header .other .map {
	overflow: hidden;
	display: inline-block;
	line-height: 18px;
	margin-right: 10px;
	line-height: 70px;
	
	
}

.header .other .map img {
	display: inline-block;
	vertical-align: middle;
	/*margin-top: 27px;
	margin-right: 5px;*/
	width: 20px;
	height: 18px;
	width: 15px;
	height: 13px;
	margin-top: -2px;
}

.header .title{
	font-size: 48px;
	color: #fff;
	text-align: center;
	margin-top: 80px;
}

.header .line-box{
	overflow: hidden;
	width: 678px;
	margin: 0 auto;
}
.header .line-box .line{
	width:calc(25% - 40PX) ;
	float: left;
	color: #fff;
	line-height: 42px;
	margin-left: 40px;`
}
.header .line-box .line img{
	vertical-align: middle;
	float: left;
	margin-top: 8px;
}
.header .line-box .line span{
	float: left;
	margin-left: 10px;
}
.header .seachbox {
	display: inline-block;
	width: auto;
	margin: 0 auto;
	margin-top: 110px;
}

.header .seachbox h2 {
	color: #fff;
	font-size: 29px;
	padding-bottom: 20px;
}

.header .seachbox .line {
	overflow: hidden;
	display: flex;
}

.header .seachbox .line div {
	width: 60px;
	text-align: center;
	line-height: 34px;
	padding-bottom: 9px;
	color: #eaeaea;
	cursor: pointer;
}

.header .seachbox .line div.select {
	background: url(../../images/home/heder-select.png) no-repeat center bottom;
	background-size: 19px 9px;
	color: #ffffff;
}

.header .seachbox .seach {
	width: calc(100% + 80px);
	overflow: hidden;
}

.header .seachbox .seach input {
	width: calc(100% - 150px);
	height: 44px;
	line-height: 44px;
	float: left;
	text-indent: 10px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.header .seachbox .seach span {
	float: left;
	width: 145px;
	height: 44px;
	display: inline-block;
	line-height: 44px;
	/*background: #ffcc00 url(../../images/home/u464.png) no-repeat center center;
	background-size: 23px 23px;*/
	background: #ffcc00;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	color: #1b242b;
	font-size: 16px;
}

.content{
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	background: none;
}

.scroll-nav{
	z-index: 9;
	position:fixed;
	top:0;
	width:100%;
	height:65px;
	background:#ffffff;
	box-shadow: 0px 2px 5px rgba(172, 190, 210, 0.337254901960784);
}

.scroll-nav-container{
	text-align: center;
}

.scroll-nav .imgbox {
	display: block;
	float: left;
	/*background: #ffcc00;*/
	width: 135px;
	height: 70px;
	text-align: center;
	font-size: 18px;
	position: relative;
}

.scroll-nav .imgbox img {
	margin: 7px auto;
	width: 155px;
    height: auto;
    padding-right: 20px;
    border-right: 1px solid #808080;
}




.scroll-nav .imgbox .dings{
	position: absolute;
	left: 100%;
	top: 5px;
	width: 200px;
}
.scroll-nav .imgbox .dings select{
	margin: 0;
	padding: 0;
	margin-left: -82px;
	background: none;
	font-size: 12px;
	color: #383838;
}
.scroll-nav .imgbox .dings p{
	font-size: 12px;
	color: #a7a7a7;
}





.scroll-nav .nav {
	float: left;
	overflow: hidden;
	width: 380px;
	color: #000000;
	font-size: 16px;
	position: absolute;
	/*display: flex;*/
	left: calc(68% - 220px);
	line-height: 70px;
}
.scroll-nav .nav a{
	color: #000000;
}
.scroll-nav .nav .nav-selected{
	color: #282828;
	border-bottom: 2px solid #282828;
	padding-bottom: 10px;
}

.scroll-nav .nav div {
	float: left;
	width: 25%;
	text-align: center;
}

.scroll-nav .other {
	float: right;
	overflow: hidden;
	display: inline-block;
	font-size: 12px;
	color: #000000;
}

.scroll-nav .other .look {
	display: inline-block;
	overflow: hidden;
	line-height: 70px;
	margin-right: 20px;
}

.scroll-nav .other .look img {
	display: inline-block;
	width: 22px;
	height: 18px;
	vertical-align: middle;
	/*margin-right: 5px;
	margin-top: 27px;*/
}

.scroll-nav .other .map {
	display: inline-block;
	overflow: hidden;
	/*display: flex;*/
	line-height: 18px;
	margin-right: 10px;
	line-height: 70px;
}

.scroll-nav .other .map img {
	display: inline-block;
	vertical-align: middle;
	/*margin-top: 27px;
	margin-right: 5px;*/
	width: 15px;
	height: 13px;
	margin-top: -2px;
}

.jin-paibox {
	background: #f2f2f2;
	position: relative;
}

.jin-pai {
	/*margin-top: 668px;*/
	padding: 40px 0;
}

.jin-pai h2 {
	line-height: 74px;
	height: 74px;
	color: #333;
	font-size: 18px;
	position: relative;
}

.jin-pai h2 b {
	color: #bcbcbc;
	font-size: 12px;
	margin-left: 5px;
}

.jin-pai h2 span {
	position: absolute;
	right: 0;
	top: calc(50% - 11px);
	height: 22px;
	text-align: center;
	border: 1px solid #ffcc33;
	color: #333;
	line-height: 22px;
	width: 80px;
	font-size: 12px;
}

.jin-pai .linebox {
	overflow: hidden;
}

.jin-pai .linebox .line {
	float: left;
	width: 30%;
	margin-right: 5%;
	background: #fff;
	/*padding-bottom: 10px;*/
}

.jin-pai .linebox .line:last-child {
	margin: 0;
}

.jin-pai .line .imgbox {
	width: 100%;
	height: 233px;
	position: relative;
}

.jin-pai .line .imgbox img {
	width: 100%;
	height: 100%;
}

.jin-pai .line .imgbox p {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 31px;
	line-height: 31px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	text-indent: 5px;
}

.jin-pai .line .jiage {
	width: 96%;
	margin: 10px auto;
}

.jin-pai .line .jiage span {
	color: #fd3365;
	margin: 0 3px;
}

.jin-pai .line .bottom {
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}

.jin-pai .line .bottom div:first-child {
	float: left;
}

.jin-pai .line .bottom div:last-child {
	float: right;
	background: #f2f2f2;
	width: 46px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}
.pin-zhi{
	margin-top: -114px;
	background: rgba(255,255,255,.8);
}
.pin-zhi h2 {
	line-height: 114px;
	height: 114px;
	color: #333;
	font-size: 18px;
	position: relative;
	opacity: 1; 
	margin: 0 30px;
}

.pin-zhi .choose {
	position: absolute;
	left: calc(100% - 985px);
	width: 780px;
	height: 78px;
	display: flex;
	line-height: 78px;
	color: #1b1b1b;
	top: 0;
}

.pin-zhi .choose div {
	width: 95px;
	cursor: pointer;
	text-align: center;
	border-bottom: 0px solid #ffcc33;

	transition: border 0.2s;
	-moz-transition: border 0.2s;
	/* Firefox 4 */
	-webkit-transition: border 0.2s;
	/* Safari 和 Chrome */
	-o-transition: border 0.2s;
	/* Opera */
}

.pin-zhi .choose div.select-two {
	font-weight: bold;
	border-bottom: 2px solid #ffcc33;
	transition: border 1s;
	-moz-transition: border 1s;
	/* Firefox 4 */
	-webkit-transition: border 1s;
	/* Safari 和 Chrome */
	-o-transition: border 1s;
}

.pin-zhi h2 b {
	color: #bcbcbc;
	font-size: 12px;
	margin-left: 5px;
}

.pin-zhi h2 span {
	position: absolute;
	right: 0;
	top: calc(50% - 11px);
	height: 22px;
	text-align: center;
	color: #333;
	line-height: 22px;
	width: 80px;
	border-radius: 10px;
	font-size: 12px;
	background: url(../../images/last/content-more.png) no-repeat right center;
}

.pin-zhi h2 .shua {
	position: absolute;
	top: calc(50% - 12px);
	left: 109px;
	width: 120px;
	height: 23px;
	background: #ffcc33;
	border-radius: 8px;
}
.pin-zhi h2 .shua .change{
    display: block;
    width: 100%;
    height: 100%;
	text-align: center;
	font-size: 12px;
}
.pin-zhi h2 .shua .img{
    float:left;
    margin-left: 10px;
	width: 23px;
	height: 23px;
	background: url(../../images/home/u412.png) no-repeat center center;
	background-size: 15px 15px;
	line-height: 23px;
}
.pin-zhi h2 .shua .word{
    float:left;
	width: 60px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	font-size: 12px;
}

.refresh-animate{
	animation: myrotate 0.8s linear;
	-webkit-animation: myrotate 0.8s linear; /* Safari 和 Chrome */
}

@keyframes myrotate{
	from{
		transform: rotate(0deg);
		transform-origin:center center;

		-ms-transform: rotate(0deg); 		/* IE 9 */
		-ms-transform-origin:center center; 		/* IE 9 */

		-webkit-transform: rotate(0deg);	/* Safari 和 Chrome */
		-webkit-transform-origin:center center;	/* Safari 和 Chrome */

		-moz-transform: rotate(0deg);		/* Firefox */
		-moz-transform-origin:center center;		/* Firefox */

		-o-transform: rotate(0deg);		/* Opera */
		-o-transform-origin:center center;		/* Opera */
	}
	to{
		transform: rotate(360deg);
		transform-origin:center center;

		-ms-transform: rotate(360deg); 		/* IE 9 */
		-ms-transform-origin:center center; 		/* IE 9 */

		-webkit-transform: rotate(360deg);	/* Safari 和 Chrome */
		-webkit-transform-origin:center center;	/* Safari 和 Chrome */

		-moz-transform: rotate(360deg);		/* Firefox */
		-moz-transform-origin:center center;		/* Firefox */

		-o-transform: rotate(360deg);		/* Opera */
		-o-transform-origin:center center;		/* Opera */
	}
}

@-moz-keyframes myrotate{
	from{
		transform: rotate(0deg);
		transform-origin:center center;

		-ms-transform: rotate(0deg); 		/* IE 9 */
		-ms-transform-origin:center center; 		/* IE 9 */

		-webkit-transform: rotate(0deg);	/* Safari 和 Chrome */
		-webkit-transform-origin:center center;	/* Safari 和 Chrome */

		-moz-transform: rotate(0deg);		/* Firefox */
		-moz-transform-origin:center center;		/* Firefox */

		-o-transform: rotate(0deg);		/* Opera */
		-o-transform-origin:center center;		/* Opera */
	}
	to{
		transform: rotate(360deg);
		transform-origin:center center;

		-ms-transform: rotate(360deg); 		/* IE 9 */
		-ms-transform-origin:center center; 		/* IE 9 */

		-webkit-transform: rotate(360deg);	/* Safari 和 Chrome */
		-webkit-transform-origin:center center;	/* Safari 和 Chrome */

		-moz-transform: rotate(360deg);		/* Firefox */
		-moz-transform-origin:center center;		/* Firefox */

		-o-transform: rotate(360deg);		/* Opera */
		-o-transform-origin:center center;		/* Opera */
	}
}

@-webkit-keyframes myrotate{
	from{
		transform: rotate(0deg);
		transform-origin:center center;

		-ms-transform: rotate(0deg); 		/* IE 9 */
		-ms-transform-origin:center center; 		/* IE 9 */

		-webkit-transform: rotate(0deg);	/* Safari 和 Chrome */
		-webkit-transform-origin:center center;	/* Safari 和 Chrome */

		-moz-transform: rotate(0deg);		/* Firefox */
		-moz-transform-origin:center center;		/* Firefox */

		-o-transform: rotate(0deg);		/* Opera */
		-o-transform-origin:center center;		/* Opera */
	}
	to{
		transform: rotate(360deg);
		transform-origin:center center;

		-ms-transform: rotate(360deg); 		/* IE 9 */
		-ms-transform-origin:center center; 		/* IE 9 */

		-webkit-transform: rotate(360deg);	/* Safari 和 Chrome */
		-webkit-transform-origin:center center;	/* Safari 和 Chrome */

		-moz-transform: rotate(360deg);		/* Firefox */
		-moz-transform-origin:center center;		/* Firefox */

		-o-transform: rotate(360deg);		/* Opera */
		-o-transform-origin:center center;		/* Opera */
	}
}

@-o-keyframes myrotate{
	from{
		transform: rotate(0deg);
		transform-origin:center center;

		-ms-transform: rotate(0deg); 		/* IE 9 */
		-ms-transform-origin:center center; 		/* IE 9 */

		-webkit-transform: rotate(0deg);	/* Safari 和 Chrome */
		-webkit-transform-origin:center center;	/* Safari 和 Chrome */

		-moz-transform: rotate(0deg);		/* Firefox */
		-moz-transform-origin:center center;		/* Firefox */

		-o-transform: rotate(0deg);		/* Opera */
		-o-transform-origin:center center;		/* Opera */
	}
	to{
		transform: rotate(360deg);
		transform-origin:center center;

		-ms-transform: rotate(360deg); 		/* IE 9 */
		-ms-transform-origin:center center; 		/* IE 9 */

		-webkit-transform: rotate(360deg);	/* Safari 和 Chrome */
		-webkit-transform-origin:center center;	/* Safari 和 Chrome */

		-moz-transform: rotate(360deg);		/* Firefox */
		-moz-transform-origin:center center;		/* Firefox */

		-o-transform: rotate(360deg);		/* Opera */
		-o-transform-origin:center center;		/* Opera */
	}
}

.main {
	overflow: hidden;
	clear: both;
	opacity: 1;
	
}

.main .left {
	overflow: hidden;
	/*background: #f3f3f5;*/
	padding: 0 30px;
	/*height: 200px;*/
}

.main .right {
	overflow: hidden;
	height: 750px;
	overflow: hidden;
	padding-top: 17px;
}

.main .left .blocks {
	overflow: hidden;
	word-wrap: break-word
}

.main .left .blocks h3 {
	font-size: 14px;
	color: #333;
	background-size: 6px 11px;
	line-height: 44px;
	margin-right: 20px;
	float: left;
}

.main .left .blocks .block-item{
	display:inline-block;
	white-space:nowrap;
}

.main .left .blocks .block-item span {
	font-size: 12px;
	color: #868686;
	line-height: 45px;
	word-wrap: break-word;
	padding: 1px 2px;
	border-radius: 5px;
	cursor: pointer;
	
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari 和 Chrome */
	-o-transition: all 1s;
	/* Opera */
	
}

.main .left .blocks .block-item span.select-three {
	color: #e9b822;
}

.main .left .blocks b {
	font-size: 12px;
	height: 9px;
	margin: 0 12px;
	width: 1px;
	display: inline-block;
}

.main .right .linebox {
	overflow: hidden;
	padding: 0 30px;
}

.main .right .linebox .line {
	float: left;
	width: calc(25% - 25.5px);
	margin-right: 34px;
	margin-bottom: 20px;
}

.main .right .linebox .line:nth-child(4n) {
	margin-right: 0;
}

.main .right .linebox .line .imgbox {
	height: 205px;
	overflow: hidden;
	width: 100%;
}

.main .right .linebox .line p {
	/*width: 100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;*/
}

.main .right .linebox .line .img {
	height: 205px;
	width: 100%;
	border-radius: 6px;
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari 和 Chrome */
	-o-transition: all 1s;
	/* Opera */
}

.main .right .linebox .line .img:hover {
	transform:scale(1.1)
}



.main .right .linebox .line .imgbox iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.main .right .linebox .line p {
	line-height: 28px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	padding-left: 13px;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
	height: 56px;
	
	margin: 10px 0;
	/*width: 220px;*/
    /*height: 58px;
    font-size: 18px;
     font-weight: bold;*/
    /*text-overflow:ellipsis; 
   
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	text-indent: 13px;*/
	
}

.main .right .linebox .line .bottom {
	overflow: hidden;
	width: 100%;
	text-indent: 13px;
}

.main .right .linebox .line .bottom div:first-child {
	float: left;
	width: 38%;
	height: 20px;
	line-height: 20px;
	/*background: url(../../images/home/ding.png) no-repeat 13px center;*/
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color: #bfcddd;
	text-indent: 14px;
}

.main .right .linebox .line .bottom .vr {
	float: left;
	width: 18%;
	height: 20px;
	line-height: 20px;
	background: url(../../images/home/vr.png) no-repeat 5px center;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color: #bfcddd;
	text-indent: 20px;
}

.main .right .linebox .line .bottom div:last-child {
	float: right;
	max-width: 44%;
	width: auto;
	height: 20px;
	color: #fa5741;
	line-height: 20px;
	text-align: right;
	font-weight: bold;
    white-space: nowrap;
}
.sao-sao{
	margin-top: 52px;
	margin-bottom: 34px;
}
.sao-sao img{
	width: 100%;
	height: auto;
}
.my-yao {
	background: #fff;
	height: 308px;
	margin-top: 31px;
	margin-bottom: 20px;
}

.my-yao .box {
	margin: 0 auto;
	padding: 0 30px;
}

.my-yao .box h2 {
	line-height: 86px;
	height: 86px;
	color: #333;
	font-size: 30px;
	position: relative;
	font-weight: bold;
}

.my-yao .box h2 b {
	color: #bcbcbc;
	font-size: 12px;
	margin-left: 5px;
	margin-left: 63px;
}

.my-yao .left {
	width: 580px;
	height: 155px;
	margin-top: 22px;
	display: block;
	resize: none;
	float: left;
}

.my-yao .left textarea{
	width: 580px;
	height: 111px;
	border: 1px solid #e4e4e4;
}

.my-yao .left .key-word{
	margin-top: 5px;
	line-height: 30px;
}

.my-yao .left .key-word span{
	display: inline-block;
	padding: 1px 10px;
	margin-right: 10px;
	line-height: 18px;
	font-size: 14px;
	border: 1px solid #666666;
	border-radius: 5px;
	color: #565656;
}
.my-yao .left .key-word .selected{
	background: #666666;
	color: #ffffff;
}

.my-yao .right {
	float: right;
	margin-top: 22px;
	width: 487px;
}

.my-yao .right input {
	width: 100%;
	height: 44px;
	border: 1px solid #e4e4e4;
	text-indent: 7px;
	margin: 0;
	outline: none;
	padding: 0;
	margin-bottom: 25px;
	display:block;
}

.my-yao .right input.three {
	width: 100px;
}

.my-yao .right span {
	height: 32px;
	line-height: 32px;
	color: #5e5e5e;
	font-size: 12px;
	text-decoration: underline;
	margin-left: 10px;
	cursor: pointer;
}

.my-yao .right button {
	color: #5e5e5e;
	font-size: 16px;
	width: 184px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #333;
	background: #ffcc33;
	margin-top: 10px;
	float: right;
	border-radius: 3px;
}


.temp{
	width: 100%;
	height: 100%;
	text-align: center;
}
.temp img{
	margin: auto;
}