.homepage-cont-main{padding-left: 370px;min-height: 800px;}
.main_left{height: 100%;position: absolute;top:0;left: 0;z-index: 10;width: 350px;}
.small_box .small_left{
	width: 485px;
}
.small_box .small_right{
	width: 330px;
}
.crile_btn{
	    display: inline-block;
    vertical-align: middle;
}
.crile_btn span{
	border: 1px solid #ff8700;
	color: #ff8700;
	border-radius: 15px;
	line-height: 20px;
	height: 20px;
	padding: 0 15px;
	cursor: pointer;
	margin-right: 8px;
	font-size: 12px;
	display: inline-block;
}
.crile_btn span.on,.crile_btn span:hover{
	background: #ff8700;
	color: #fff;
}
.caption{margin-top: 20px;}
.serise_nav{border:1px solid transparent;position: relative;background: #fff;padding: 10px 0;margin: 20px auto 30px;height: 50px;line-height: 50px;/* position: relative; */box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);padding-left: 352px;}
.offer_title{
	position: absolute;
	left: 0;
}
.offer_title,.offer_title img,.offer_title span{display: inline-block;vertical-align: middle;font-size: 22px;}
.offer_title img{height: 50px;margin:0 10px;}
.offer_nav{display: inline-block;vertical-align: middle;}
.offer_nav a{cursor: pointer;position: relative;color: #000;/* font-weight:550; */font-size: 17px;height: 40px;line-height: 40px;text-align: center;padding: 0px 15px;display: inline-block;margin-right: 20px;}
.offer_nav a:after{display: block;content: "";clear: both;position: absolute;bottom: 0px;left: 30%;width: 40%;background: transparent;height: 4px;border-radius: 2px;}
.offer_nav a.on:after{background: -webkit-linear-gradient(left, #D85030 , #F18526);background: -o-linear-gradient(right, #D85030, #F18526);background: -moz-linear-gradient(right, #D85030, #F18526);background: linear-gradient(to right, #D85030 , #F18526);}
.offer_nav a:hover,.offer_nav a.on{background: linear-gradient(to right,#D85030  0%,#F18526 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}

.offer_tab{margin:0 auto;border: 1px solid #ff8700;width: 220px;text-align: center;font-size: 0;border-radius: 5px;overflow: hidden;}
.offer_tab span{display: inline-block;vertical-align: middle;width: 110px;color: #ff8700;font-size: 16px;cursor: pointer;height: 35px;line-height: 35px;}
.offer_tab span.on{background: -webkit-linear-gradient(left, #D85030 , #F18526);background: -o-linear-gradient(right, #D85030, #F18526);background: -moz-linear-gradient(right, #D85030, #F18526);background: linear-gradient(to right, #D85030 , #F18526);color: #ffffff;}

.main-top{background: #fff;width: 320px;margin-top: 0;box-shadow: 0px 0px 2px 0px rgba(0,0,0,.1);padding: 15px;border-radius: 5px;}
.main-top .main_img{display: block;position: relative;margin-bottom: 20px;}
.main-top .main_img img{width: 100%;}
.main-top .main_img span{background: #ff8700;border-radius: 10px;line-height: 20px;height: 20px;font-size: 12px;color: #fff;position: absolute;bottom: 0;right: 0;padding: 0 15px;}
.main_color{display: block;margin: 10px 0;}
.main_color label{display: inline-block;vertical-align: top;font-size: 14px;color: #000;width: 62px;height: 25px;}
.main_color p{display: inline-block;vertical-align: top;width: 184px;line-height: 25px;height: 25px;overflow: hidden;}
.main_color p i{height: 16px;width: 16px;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 5px;background: #ff8700;/* line-height: 16px; */}
.main_color p i.c1{
	background: #13467E;
}
.main_color p i.c2{
	background: #CFA877;
}
.main_color p i.c3{
	background: #E60705;
}
.main_color p i.c4{
	background: #eee;
}
.main_color p i.c5{
	background: #1B1B1B;
}
.main_color p i.c6{
	background: #A40016;
}
.main_color p i.c7{
	background: #D5D5D5;
}
.main_color p i.c8{
	background: #79552C;
}
.main_color p i.c9{
	background: #273F67;
}

.main_color p i.c10{
	background: #4284d9;
}

.main_color p em{font-size: 26px;color: #666;display: inline-block;vertical-align: middle;cursor: pointer;transition: all .3s linear;}
.main_color p em:hover{color: #ff8700;}
.main_parame{display: block;font-size: 0;}
.main_parame span{font-size: 14px;color: #555;width: 50%;display: inline-block;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 26px;}
.main_bot{margin-top: 20px;box-shadow: 0px 0px 2px 0px rgba(0,0,0,.1);padding: 15px;border-radius: 5px;background: #fff;}
.main_bot ul{font-size:0;}
.main_bot ul li{cursor:pointer;display:inline-block;width:50%;vertical-align:top;/* margin-bottom: 10px; */}
.main_bot ul li .cont_list:hover img{transform:scale(1.1)}
.main_bot ul li .cont_list a img{transition:all .5s linear;display:block;margin:0 auto;width: 128px;}
.main_bot ul li .cont_list a span{font-size: 14px;display: block;line-height: 24px;color: #000;/* width: 128px; */margin: 0 auto;white-space: nowrap;text-align:center;overflow: hidden;text-overflow: ellipsis;}
.main_bot ul li .cont_list:hover span{color:#ff4f53;}
.main_bot ul li .cont_list a span.price{color: #E43250;/* font-size: 14px; *//* font-weight: 550; */}
.main_bot ul li .cont_list label{cursor: pointer;width: 55px;display: block;margin: 5px auto;border: 1px solid #f3f3f3;border-radius: 5px;color: #666;text-align: center;font-size: 12px;line-height: 25px;height: 25px;}
.main_bot ul li .cont_list label:hover{
	color: #fff;
	    background: -webkit-linear-gradient(left, #D85030 , #F18526);
    background: -o-linear-gradient(right, #D85030, #F18526);
    background: -moz-linear-gradient(right, #D85030, #F18526);
    background: linear-gradient(to right, #D85030 , #F18526);
}
.parame{
	display: block;
	font-size: 0;
}
.parame p{
	display: inline-block;
	vertical-align:middle;
	width: 30%;
	font-size: 15px;
	color: #666;
	line-height: 50px;
}
.parame p.long{width: 70%;}
.parame p span{
	color: #ff4f53;
	font-size: 23px;
	margin-left: 15px;
}

.srise_btn{
	display: block;
	font-size: 0;
	margin-top: 15px;
	margin-left: -10px;
}
.srise_btn a{
	margin-left: 10px;
	width: 110px;
	line-height: 36px;
	height: 36px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	border:1px solid #E76E61;
	color: #E76E61;
	box-shadow: 0px 0px 6px 0px rgba(231,110,97,.3);
	transition:all .3s linear;
}
.srise_btn a:hover{
	transform:translate3d(0,-3px,10px);
/* 	box-shadow:0px 5px 6px 0px rgba(242,211,170,.3) */
}
.srise_btn a.btn1{
	border-color: #F85029;
	background: #F85029;
	color: #fff;
	box-shadow: 0px 0px 6px 0px rgba(248,80,41,.3)
}
.srise_btn a.btn2{
	border-color: #E76E61;
	color: #E76E61;
	box-shadow: 0px 0px 6px 0px rgba(231,110,97,.3)
}
/*.srise_btn a.btn3{
	border-color: #FB8E2B;
	background: #FB8E2B;
	color: #fff;
	box-shadow: 0px 0px 6px 0px rgba(251,142,43,.3)
}
*/
.serise_date{
	font-size: 0px;
	line-height: 55px;
}
.serise_date label{
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #333;
}
.serise_date label span{
	color: #1786E5;
	padding: 0 10px;
}
.serise_add label{
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	line-height: 94px;
	font-size: 16px;
	color: #000;
	background: #f6f6f6;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.serise_add p{
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #f6f6f6;
	width: 364px;
	padding: 5px 10px;
	border-left: 1px solid #fff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.serise_add p span{
	display: block;
	font-size: 13px;
	color: #666;
	padding-right: 80px;
	position: relative;
	line-height: 28px;
}
.serise_add p span em{
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 13px;
	color: #ff4f53;
	font-weight: 550;
}
.serise_add p span em i{
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.r_img{
	width:100%;
	height: 205px;
	overflow: hidden;
	border-radius: 5px;
}
.r_img img{
	width: 100%;
}

.cooperate{
	border-radius: 3px;
	border: 2px solid #11e0af;
	margin-top: 10px;
	/* height: 97px; */
	padding: 13px 15px;
}
.cooperate span{
	font-size: 36px;
	display: inline-block;
	vertical-align: middle;
	color: #3CB79A;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 10px solid #e2fff8;
	border-radius: 50%;
	margin-right: 18px;
}
.cooperate .coop_info{
	/* width: 65%; */
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 2px;
	color: #11e0af;
}
.cooperate .coop_info label{
	font-size: 19px;
	line-height: 39px;
	display: block;
	/* letter-spacing: 2px; */
	/* font-weight: 550; */
	color: #11e0af;
}
.cooperate .coop_info i{
	font-style: normal;
	font-size: 14px;
	/* color: #888; */
	cursor:pointer;
	text-decoration-line:  underline;
}
.cooperate .coop_info i:hover{
	color: #ff4f53;
}




.news_index li{display: block;cursor: pointer;background: #fff;padding: 14px 0;border-bottom: 1px solid #f6f6f6;}
.news_index li .new_title a em{font-style: normal;}
.news_index .inner{display: block;margin: 0 auto;}
.news_index .image a span{color: #ff4f53;font-size: 30px;position: absolute;bottom: 5px;left: 10px;height: 40px;}
.news_index .image{position: relative;width: 110px;/* height: 114px; */display: inline-block;overflow: hidden;vertical-align: middle;border-radius: 5px;}
.news_index .image img{width: 100%;transition: .6s;display: block;border-radius: 5px;margin: 0 auto;}
.news_index .image span{position: absolute;bottom: 7px;left: 10px;color: #fff;font-size: 30px;display: block;/* background: #000; */height: 36px;width: 36px;text-align: center;line-height: 36px;border-radius: 50%;/* opacity: .6; */}
.news_index .image span i.iconfont{color: #fff;font-size: 18px;position: absolute;left: 50%;top: 50%;margin-top: -17px;margin-left: -8px;z-index: 1;}
.news_index .image span:after{background: #000;position: absolute;top: 0;left: 0;border-radius: 50%;width: 100%;height: 100%;clear: both;content: "";opacity: .4;display: block;}
.news_index li:hover .image span i.iconfont{background: linear-gradient(to right,#D85030  0%,#F18526 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.news_index li:hover .image img{ transform: scale(1.1);}
.news_index li:hover{background: #f6f6f6;}
.news_index li .new_title a:hover em{background: linear-gradient(to right,#D85030  0%,#F18526 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.news_index .new_title{/* display: inline-block; *//* vertical-align: middle; *//* width: 68%; *//* margin-left: 2%; */margin-left: 13px;width: 355px;display: inline-block;vertical-align: middle;}
.news_index .new_title a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;line-height: 24px;font-size: 16px;font-weight: 550;padding: 5px 0px 5px;display: block;}
.news_index .new_title p{font-size: 13px;color: #4c4c4c;line-height: 20px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 22px;display: -webkit-box;}
.news_index .date{font-size: 12px;text-align: right;/* margin-top: 5px; */line-height: 26px;height: 26px;}
.news_index .date label{color:#8a8a8a;display:inline-block;float: left;vertical-align: middle;height: 26px;line-height: 26px;}
.news_index .date span{display: inline-block;vertical-align: middle;margin-left: 15px;}
.news_index .date span i,.news .date span em{color:#8a8a8a;display: inline-block;vertical-align: middle;font-style: normal;}
.news_index .date span i{font-size: 20px;padding-right: 5px;}
.news_index li .new_title a i{padding: 0px 7px;display: inline-block;margin-right: 5px;font-style: normal;font-weight: normal;line-height: 25px;font-size: 13px;border-radius: 3px;height: 25px;}
.news_index li .new_title a i.sales{background: -webkit-linear-gradient(left, #D85030 , #F18526);background: -o-linear-gradient(right, #D85030, #F18526);background: -moz-linear-gradient(right, #D85030, #F18526);background: linear-gradient(to right, #D85030 , #F18526);color: #fff;height: 20px;line-height: 20px;}
.news li .new_title a i.stick{border:1px solid #ff4f53;color: #ff4f53;}


.media_index ul li{/* float:left; */margin-bottom: 13px;display: inline-block;width: 100%;vertical-align: middle;}

.media_index li .detail .title{
    text-align: left;
    line-height: 22px;
    font-size: 15px;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.media_index li .detail {
    /* width: 95%; */
    /* margin-left: 20px;*/
    /* margin: 0 auto; */
    overflow: hidden;
    /* transition: all .3s linear; */
    cursor: pointer;
    padding: 15px;
    border: 1px solid #f3f3f3;
    transition: all .15s linear;
}
.media_index li .detail .img{position: relative;overflow: hidden;}
.media_index li .detail a{
    display:block;
}
.media_index li .detail .img img{width: 100%;transition: all .5s linear;}
.media_index li .detail .img span{position: absolute;bottom: 7px;left: 10px;color: #fff;font-size: 30px;display: block;/* background: #000; */height: 36px;width: 36px;text-align: center;line-height: 36px;border-radius: 50%;/* opacity: .6; */}
.media_index li .detail .img span:after{background: #000;position: absolute;top: 0;left: 0;border-radius: 50%;width: 100%;height: 100%;clear: both;content: "";opacity: .4;display: block;/* border: 2px solid #fff; */}
.media_index li .detail .img span i.iconfont{
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -17px;
    margin-left: -8px;
    z-index: 1;
}
.media_index li .detail div.info{margin: 5px auto;color: #333;font-size: 14px;line-height: 36px;}
.media_index li .detail div.info img{height: 25px;display:inline-block;vertical-align:middle;margin-right: 5px;margin-top: -4px;border-radius:50%;}
.media_index li .detail div.info p{color:#888;}
.media_index li .detail div.info i{float: right;font-size: 13px;color: #888;font-style: normal;}
.media_index li .detail:hover{
    -webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);box-shadow: 0 2px 15px rgba(0,0,0,.1);
}
.media_index li .detail:hover .title a{background: linear-gradient(to right,#D85030 0%,#F18526 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;}
.media_index li .detail:hover .img img{ transform: scale(1.1)}
.media_index li .detail:hover div.info .info_brand{background: linear-gradient(to right,#D85030 0%,#F18526 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;};


.tab_type li{width: 100%;}
.tab_type .type{display: block;margin: 0 auto;background: #F3F3F3;color: #666;}
.tab_type .type .type_name{width: 95%;display: block;margin: 0 auto;font-size: 0px;    height: 45px;
    line-height: 45px;}
.tab_type{margin-top: 20px;}
.tab_type .type .type-center,
.tab_type .type .type-right{width: 30%;display: inline-block;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;font-size: 15px;color: #666;white-space: nowrap;text-align: center;}

.tab_type .type .type-left{width: 40%;display: inline-block;vertical-align: middle;}
.tab_type .type .type_name p{color: #000;text-align: left;font-size: 16px;}
.tab_type .type .type_list:hover{
	background: #f6f6f6;
}
.tab_type .type .type_list:hover i{
	color:#ff8700;
margin-right:-5px;
}
.tab_type .type .type_list p{color: #666;padding: 10px 0;text-align: left;}
.tab_type .type .type_list{background: #fff;width: 100%;border-bottom: 1px solid #f3f3f3;}
.tab_type .type .type_list div{display: block;margin: 0 auto;width: 95%;text-align: center;}
.tab_type .type .type_list p a{padding: 5px 12px;border-radius: 2px;border: 1px solid #f3f3f3;margin-right: 10px;font-size: 13px;vertical-align: middle;cursor: pointer;border-radius: 5px;color: #333;overflow: hidden;}
.tab_type .type .type_list p a:hover{    background: -webkit-linear-gradient(left, #D85030 , #F18526);
    background: -o-linear-gradient(right, #D85030, #F18526);
    background: -moz-linear-gradient(right, #D85030, #F18526);
    background: linear-gradient(to right, #D85030 , #F18526);
    border-color: #ff8700;
    color: #fff;}
.tab_type .type .type_list p span{vertical-align: middle;font-size: 15px;/* float: right; */line-height: 22px;/* padding: 25px 0px; */}
.tab_type .type .type_list p.type-right{text-align: center;}
.tab_type .type .type_list p i{font-size: 20px;    display: inline-block;
    vertical-align: middle;transition:all .2s linear;}

.photo_list .image{margin: 6px 0 0px 0px;border-radius:6px;}
.photo_list .pic .image{    height: 150px;
    position: relative;
    overflow: hidden;
    width: 200px;
    margin: 0 auto 25px;}
.photo_list .pic .image img{width:100%;min-height:100%; transition: .6s;}
.photo_list .pic .image:hover img{ transform: scale(1.1) }
.photo_list .pic  p{width: 100%;z-index: 9;height: 36px;line-height: 36px;font-size: 14px;overflow: hidden;position: absolute;bottom: 0;left: 0;text-align: center;padding-top: 20px;background: url(../images/title-bg.png) repeat-x;}
.photo_list .pic  p span{padding: 0 15px;color: #fff;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.photo_list li{width: 25%;display: inline-block;}

.saller_list li{
	display: inline-block;
	vertical-align: middle;
	width:50%;
}
.saller_list li .detail span.icon-arrow-right{
	position: absolute;
	top: 50%;
	margin-top: -13px;
	height: 26px;
	font-size: 26px;
	right: 25px;
	transition:all .3s linear;
	color: #666;
}
.saller_list li .detail:hover span.icon-arrow-right{
	color:#ff8700;
	margin-right:-10px;
}
.saller_list li .detail:hover{
	transform:translate3d(0,0,20px);
	box-shadow:0px 5px 15px 0px rgba(0,0,0,.1)
}
.saller_list li .detail{
	padding: 15px;
	cursor:pointer;
	transition:all .3s linear;
	position: relative;

}
.saller_list li .saller_tit{
	display: block;
	line-height: 45px;
	height: 45px;

}
.saller_list li .saller_tit img{
	display: inline-block;
	margin-top: 3px;
	vertical-align: middle;
	/* height: 23px; */
}

.saller_list li .saller_tit label{
    font-size: 19px;
    color: #333;
    max-width: 174px;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 550;
	margin: 0 10px 0 0;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
}
.saller_list li .saller_tit em{
	color:#666;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}
.saller_list li .saller_tit span{
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
	font-size: 14px;
    height: 23px;
    line-height: 23px;
	color: #fff;
	border-radius: 3px;
	background: #e0e0e0;
}
.saller_list li p{
	display: block;
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.saller_list li p label{
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #666;
	margin-right: 10px;
}
.saller_list li p span{
	color:#444;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
}
.saller_list li p i{
	color: #1221C1;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
}

.saller_list li p a{
	padding: 0 10px;
	border-radius: 4px;
	background: #ff8700;
	color: #fff;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}
.saller_list li p em{
	color: #ff4f53;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	margin-left: 20px;
}









































.tab_box{margin-top: 30px;display: block;}
.tab_box .box{display: none;}
.tab_box .box.on{display: block;}
.news li{/* margin-bottom: 20px; */display: block;cursor: pointer;background: #fff;padding: 20px;border-bottom: 1px solid #f6f6f6;}
.news li .new_title a em{font-style: normal;}
.news .inner{display: block;margin: 0 auto;}
/*.news .image{ overflow: hidden;display:block;height:165px;position: relative;}*/
.news .image a span{color: #ff4f53;font-size: 30px;position: absolute;bottom: 5px;left: 10px;height: 40px;}
.news .image{position: relative;width: 226px;height: 145px;display: inline-block;overflow: hidden;vertical-align: middle;border-radius: 5px;}
.news .image img{width: 100%;transition: .6s;display: block;border-radius: 5px;margin: 0 auto;}

.news .image span{position: absolute;bottom: 7px;left: 10px;color: #fff;font-size: 30px;display: block;/* background: #000; */height: 36px;width: 36px;text-align: center;line-height: 36px;border-radius: 50%;/* opacity: .6; */}
.news .image span i.iconfont{color: #fff;font-size: 18px;position: absolute;left: 50%;top: 50%;margin-top: -17px;margin-left: -8px;z-index: 1;}
.news .image span:after{background: #000;position: absolute;top: 0;left: 0;border-radius: 50%;width: 100%;height: 100%;clear: both;content: "";opacity: .4;display: block;}

.news li:hover .image span i.iconfont{background: linear-gradient(to right,#D85030  0%,#F18526 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.news li:hover .image img{ transform: scale(1.1);}
.news li:hover{background: #f6f6f6;}
.news li .new_title a:hover em{background: linear-gradient(to right,#D85030  0%,#F18526 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.news .new_title{/* display: inline-block; *//* vertical-align: middle; *//* width: 68%; *//* margin-left: 2%; */margin-left: 25px;width: 539px;display: inline-block;vertical-align: middle;}
.news .new_title a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;line-height: 30px;font-size: 18px;font-weight: 550;padding: 0px 0px 15px;display: block;}
.news .new_title p{font-size: 14px;color: #4c4c4c;line-height: 25px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;display: -webkit-box;}
.news .date{font-size: 12px;text-align: right;margin-top: 18px;}
.news .date label{color:#8a8a8a;display:inline-block;float: left;vertical-align: middle;height: 36px;line-height: 36px;}
.news .date span{display: inline-block;vertical-align: middle;margin-left: 15px;}
.news .date span i,.news .date span em{color:#8a8a8a;display: inline-block;vertical-align: middle;font-style: normal;}
.news .date span i{font-size: 20px;padding-right: 5px;}
.news li .new_title a i{padding:0px 12px;display: inline-block;margin-right: 5px;font-style: normal;font-weight: normal;line-height: 25px;font-size: 13px;border-radius: 3px;height: 25px;}
.news li .new_title a i.sales{background: -webkit-linear-gradient(left, #D85030 , #F18526);background: -o-linear-gradient(right, #D85030, #F18526);background: -moz-linear-gradient(right, #D85030, #F18526);background: linear-gradient(to right, #D85030 , #F18526);color: #fff;height: 27px;line-height: 27px;}
.news li .new_title a i.stick{border:1px solid #ff4f53;color: #ff4f53;}

.media_list li{border-top:1px solid #f5f5f5;padding:20px;position: relative;cursor:pointer;}
/*.media_list li .view{overflow: hidden;margin-top: 10px;position: relative;}
.media_list li b.review{position: absolute;top: -33px;right: -37px;display: block;transform: rotate(45deg);padding-top: 50px;line-height: 22px;font-size: 14px;background: red;color: #fff;width: 80px;text-align: center;font-weight: normal;}
.media_list .images{width:210px;height:125px;margin-right:20px; overflow:hidden;float:left;}
.media_list .images img{width:100%;min-height:100%; transition: .6s;}
.media_list li:hover .images img{ transform: scale(1.1); }
.media_list .people {border-bottom: 1px solid #f5f5f5;padding-bottom: 10px;line-height: 50px;margin-bottom: 20px;}
.media_list .people img{width: 50px;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 7px;}
.media_list .people span{display: inline-block;vertical-align: middle;font-size: 14px;}
.media_list .people i{display: inline-block;line-height: 50px;float:right;font-size: 14px;color: #777;font-style: normal;}
*/
.media_list ul li:hover{background:#f6f6f6;}
.media_list ul li:hover .new-info a img{transform:scale(1.04)}
.media_list ul li p:hover{background: linear-gradient(to right,#D85030  0%,#F18526 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.media_list ul li:hover .new-info a span i.iconfont{background: linear-gradient(to right,#D85030  0%,#F18526 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}

.media_list a img{width: 100%;display: block;-webkit-transition: -webkit-transform .5s ease-out;transition: -webkit-transform .5s ease-out;-o-transition: -o-transform .5s ease-out;transition: transform .5s ease-out;transition: transform .5s ease-out,-webkit-transform .5s ease-out,-o-transform .5s ease-out;}

.media_list p{display: block;line-height: 32px;font-size: 22px;color: #000;max-height: 64px;overflow: hidden;padding-bottom: 12px;}
.media_list .media_people{display: block;line-height: 35px;width: 100%;position:relative;}
.media_list .media_people img{width: 30px;display: inline-block;vertical-align: middle;margin-right: 10px;border-radius: 50%;}
.media_list .media_people span{font-size: 15px;display: inline-block;vertical-align: middle;color: #999;}

.media_list .media_people label {font-size: 13px;text-align: center;display: inline-block;vertical-align: middle;float: right;margin-left: 30px;color: #999;margin-right: 15px;}
.media_list .media_people i{font-size: 13px;color: #999;float: right;display: inline-block;}
.media_list .new-info .media_people label{margin-right: 0;}
.media_list .media_people em{display: inline-block;vertical-align: middle;background: url(../images/v.png) no-repeat center center;background-size: 100%;width: 14px;height: 14px;position: absolute;left: 20px;bottom: 4px;}
.media_list .new-info{/*padding: 15px 15px 15px 15px;*/display: block;position: relative;}
.media_list .new-info a{vertical-align: middle;display: inline-block;width: 226px;position: relative;overflow:hidden;}
.media_list .new-info a span{position: absolute;bottom: 7px;left: 10px;color: #fff;font-size: 30px;display: block;/* background: #000; */height: 36px;width: 36px;text-align: center;line-height: 36px;border-radius: 50%;/* opacity: .6; */}
.media_list .new-info a span i.iconfont{color: #fff;font-size: 18px;position: absolute;left: 50%;top: 50%;margin-top: -17px;margin-left: -8px;z-index: 1;}
.media_list .new-info a span:after{background: #000;position: absolute;top: 0;left: 0;border-radius: 50%;width: 100%;height: 100%;clear: both;content: "";opacity: .4;display: block;}

.media_list .new-info .info{margin-left: 25px;width: 539px;display: inline-block;vertical-align: middle;}


.saller ul li{
	display: block;
	/* background: #f6f6f6; */
	margin-bottom: 1px;
	padding: 15px;
	position: relative;
	cursor:pointer;
	border-bottom: 1px solid #f6f6f6;
}
.saller ul li:hover{
	background:#f6f6f6;
}
.saller ul li:hover p label{
	color: #ff8700;
}
.saller li p{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	padding-bottom: 10px;
}
.saller li p i{
	background: #ff4f53;
	color: #fff;
	padding: 0 6px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	display: inline-block;
}
.saller li p label{
	display: inline-block;vertical-align: middle;
}
.saller li .saller_info{
	padding-right: 200px;
	line-height: 26px;
}
.saller_info em{
	color: #666;
	font-size: 12px;
	display: block;
	line-height: 30px;
	margin-bottom: 10px;
}
.saller_info span{
	line-height: 28px;
	display: block;
	font-size: 13px;
	color: #555;
}
.saller li .saller_btn{
	display: block;
	position: absolute;
	bottom: 14px;
	right: 10px;
}
.saller li .saller_btn a{
	display: inline-block;
	vertical-align: middle;
	width: 90px;
	text-align: center;
	font-size: 13px;
	border-radius: 5px;
	height: 32px;
	line-height: 32px;
	background: -webkit-linear-gradient(left, #D85030 , #F18526);
	background: -o-linear-gradient(right, #D85030, #F18526);
	background: -moz-linear-gradient(right, #D85030, #F18526);
	background: linear-gradient(to right, #D85030 , #F18526);
	color: #ffffff;
	border: 1px solid #ff8700;
	margin-left: 10px;
}
.saller li .saller_btn a.on{
	/* border: 1px solid #ff8700; */
	background: linear-gradient(to right,#D85030  0%,#F18526 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.form{display:block;margin:0 auto;padding: 15px;box-shadow: 0px 0px 2px 0px rgba(0,0,0,.1)}
.form .form_list{font-size: 0px;color: #666;margin-top: 20px;}
.form .form_list label{width: 140px;margin-right: 15px;text-align: right;font-size: 16px;line-height: 36px;display: inline-block;vertical-align: top;height: 36px;}
.form .form_list .selects{cursor: pointer;/* margin-top:15px; */position: relative;border:1px solid #f3f3f3;width: 605px;border-radius: 4px;display: inline-block;vertical-align: middle;}
.form .form_list .selects p{
	padding: 0 20px;
	padding-right: 50px;
	position: relative;
	display: block;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
}
.form .form_list .selects input{
	width: 100%;
	display: block;
	border:none;
	height: 36px;
	line-height: 36px;
	text-indent: 20px;
}
.form .form_list .selects p em{color: #ff4f53;
float: right;}

.form .form_list .selects p i{position: absolute;top:0;right: 0;font-size: 20px;color: #999;position: absolute;right: -1px;top: 1px;padding: 0px 10px;text-align: center;line-height: 35px;display: inline-block;font-weight: bold;cursor: pointer;}
.sel,.sel_saller{
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	border: 1px solid #f3f3f3;
	z-index: 10;
	width: 100%;
	background: #fff;

}
.sel{
	max-height: 400px;
	overflow-y: auto;
}
.sel.on{display: block;}
.sel_saller{display: block;position: static;border:none;}
.sel b{
	font-size:15px;background:#f6f6f6;
	display:block;
	line-height:30px;
	text-indent:20px
}
.sel span{
	display: block;
	font-size: 14px;
	color: #797777;
	line-height: 36px;
	height: 36px;
	padding: 0 50px 0 20px;
	border-bottom: 1px solid #f3f3f3;
}
.sel span em{
	float: right;
	color: #ff4f53;
	/* margin-right: 41px; */
}
.sel_saller .sel_list{
	display: block;
	line-height: 20px;
	padding: 10px;cursor: pointer;
	border-bottom: 1px solid #f3f3f3;
}
.sel_saller .sel_list b{
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border:1px solid #f3f3f3;
	border-radius: 2px;
	background: #fff;
	line-height: 18px;
	text-align: center;
}
.sel_saller .sel_list.on b{border-color: #ff8700;}
.sel_saller .sel_list b i{display: none;color: #ff8700;font-size: 16px;font-weight: normal;margin-left: -1px;}

.sel_saller .sel_list.on b i{display: block; }
.sel_saller .sel_list.on span{color: #ff8700;}
.sel_saller .sel_list.on,.sel_saller .sel_list:hover{
	background: #f6f6f6;
}
.sel_saller .sel_list span{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #666;
	width: 188px;
	padding-left: 10px;
}
.sel_saller .sel_list span.s_name{
	width: 160px;
}
.sel_saller .sel_list span em{
	color: #ff8700;
	padding-left: 4px;
}

.sel_bot{
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
}
.sel_saller .sel_bot b{
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background:#f6f6f6;
	border-radius: 2px;
	/* margin-right: 10px; */
	line-height: 18px;
	text-align: center;
}
.sel_saller .sel_bot b i{display: none;color: #ff8700;font-size: 16px;font-weight: normal;margin-left: -1px;}

.sel_saller .sel_bot b.active i{display: block; }
.sel_saller .sel_bot span{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #666;
	
	padding-left: 10px;
}
.sel_saller button{
	display: block;
	margin:20px auto;width: 120px;
	background: -webkit-linear-gradient(left, #D85030 , #F18526);
	background: -o-linear-gradient(right, #D85030, #F18526);
	background: -moz-linear-gradient(right, #D85030, #F18526);
	background: linear-gradient(to right, #D85030 , #F18526);
	color: #ffffff;
	height: 32px;
	border-radius: 5px;
	line-height: 32px;
	cursor: pointer;

}
.sel_saller button:hover{
	opacity: .8;
}

/**/
.main-focus{position: relative;height:315px;overflow: hidden;background: #fff;margin-top: 15px;padding-top: 20px;padding: 20px 0px 0 0px;}
.focus-slide{width:420px;height:315px;overflow: hidden;position: absolute;left: 0px;top: 20px;}.focus-slide li{width:440px;height:330px;float:left; position: relative;}
.focus-slide li{width:420px;height:315px;float:left; position: relative;}
.focus-slide li img{width:100%;min-height:330px;}
.focus-slide li p{position: absolute;bottom: 8px;background: url(../images/rgba0_60.png)repeat center center;width: 100%;line-height: 35px;color: #fff;text-indent: 10px;font-size: 15px;}
.focus-slide li p span{overflow: hidden;width: 62%;display: block;white-space: nowrap;height: 35px;text-overflow: ellipsis;}
.focus-slide .slide-dot{ position: absolute;width: 35%;text-align: center;z-index: 9;right: 0;bottom: 17px;}
.focus-slide .slide-dot span{ display: inline-block; }
.focus-slide .slide-dot i{width:20px;height:3px; cursor: pointer;float:left;background:#fff;margin:0 5px;}
.focus-slide .slide-dot .on{background:#ff7800;}
.focus-imglist{margin-left: 420px;}
.focus-imglist li{width: 205px;float:left;}
.focus-imglist .inner{margin: 0px 0 10px 10px;border-radius:6px;}
.focus-imglist .image{height: 152.5px;position: relative;overflow: hidden;}
.focus-imglist .image img{width: 100%;height: 154px;transition: .6s;}
.focus-imglist .image:hover img{ transform: scale(1.1) }
.focus-imglist .title{width:100%; z-index:9;height:40px;line-height:40px;font-size:14px; overflow: hidden; position: absolute;bottom:-15px;left:0;padding-top:20px;background: url(../images/title-bg.png) repeat-x; z-index: 9;}
.focus-imglist .title p{padding:0 15px;color:#fff; display: block;}
.focusimg-bt {position: absolute;width: 100%;text-align: center;z-index:2000;}

.main-mode{margin-bottom: 20px;position: relative;/* height: 302px; */overflow: hidden;background: #fff;}
.focus-imglist li.mode-slide{width: 420px;height: 315px;overflow: hidden;position: absolute;left: 0px;top: 0px;}.focus-slide li{width:440px;height:330px;float:left; position: relative;}
/*.mode-slide li{width:440px;height:330px;float:left; position: relative;}*/
.mode-slide img{transition: all .4s linear;width:100%;min-height: 315px;}
.mode-slide:hover img{transform: scale(1.1);}


.imgview h5{
    background: #F4F4F9;
    font-size: 13px;
    line-height: 26px;
    border: 1px solid #efefef;
    height: 26px;
    /* border-radius: 5px; */
    margin: 10px 0;
}

.imgview {/* margin-top:20px; *//* border-bottom: 1px solid #f5f5f5; *//* padding-bottom: 15px; */}
.imgview h5 b{display: inline-block;vertical-align: middle;text-indent: 20px;color: #333;font-weight: normal;}
.imgview h5 a{
    display: block;
    font-weight: normal;
    float: right;font-size: 12px;color: #333;
}
.imgview h5 a em{    font-size: 15px;
    display: inline-block;
    /* vertical-align: middle; */
    margin-right: 5px;
    margin-left: 3px;
    position: relative;
    top: 1px;}
.imgslist li{width: 16.6%;display: inline-block;vertical-align: middle;}
.imgslist li div{cursor: pointer;transition: all .3s linear;display: block;max-width: 90%;overflow: hidden;/* border-left: 1px solid #f3f3f3; */border: 1px solid #f3f3f3;margin: 0 auto;margin-bottom: 10px;}
.imgslist li div p{/* width: 170px; *//* height: 128px; */overflow: hidden;margin: 10px;/* border: 1px solid #f3f3f3; */}
.imgslist li:hover img{transform: scale(1.1);cursor: pointer;}
.imgslist li:hover span{color: #ff4f53;}
.imgslist li div img{transition: all .3s linear;display: block;margin:0 auto;height: 96px;}
.imgslist li div span{/* background: #f5f5f5; *//* text-align: center; *//* display: block; *//* line-height: 30px; *//* font-size: 14px; *//* color: #666; */}
.imgslist li:hover div{
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);
    transform: translate3d(0px,0px,20px);
}


.join {
	width: 500px;
	display: block;
	position: fixed;
	top: 50%;
	padding: 20px;
	left: 50%;
	margin:-180px 0 0 -270px;
	border-radius: 4px;
	background: #fff;
	z-index: 11;
}
.join .close{
	color: #fff;
	position: absolute;
	top: -10px;
	width: 25px;
	line-height: 21px;
	height: 24px;
	border-radius: 50%;
	background: #7d7c7c;
	right: -9px;
	cursor: pointer;
}
.join .close:hover{
	background: #ff4f53;
}
.join .close i{color: #fff;font-size: 27px;margin-left: -1px;}
.join_title{
	display: block;
	text-align: center;
	margin:15px auto;
}
.join_title img,.join_title span{display: inline-block;vertical-align: middle;font-size: 22px;}
.join_title img{height: 50px;margin:0 10px;}


.join_form p{
    font-size: 0px;
    color: #666;
    margin-top: 20px;
}
.join_form p label {
    width: 140px;
    margin-right: 15px;
    text-align: right;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    vertical-align: top;
    height: 36px;
}
.join_form p input{
	border: 1px solid #f3f3f3;
	width: 300px;
	display: inline-block;
	vertical-align: middle;
	height: 36px;
    line-height: 36px;
    text-indent: 20px;
}
.join_form a {
    display: block;
    margin: 20px auto;
    width: 120px;
    background: -webkit-linear-gradient(left, #D85030 , #F18526);
    background: -o-linear-gradient(right, #D85030, #F18526);
    background: -moz-linear-gradient(right, #D85030, #F18526);
    background: linear-gradient(to right, #D85030 , #F18526);
    color: #ffffff;
    height: 32px;
    text-align: center;
    border-radius: 5px;
    line-height: 32px;
    cursor: pointer;
}