@font-face {
	
	src: url(http://qxu1885290002.my3w.com/fonts/LouisRegular.ttf);
}
body{
	overflow-x: hidden;
}
.blackbg {
	width: 100%;
	height: 1000%;
	position: absolute;
	z-index: 1000;
	top: 110px;
	background-color: rgba(0, 0, 0, 0.5);
	overflow-y: hidden;
}
.cpxx{
	margin-top:40px;
}
.brandfeatures p{
	display: block;
	
}
/*å¤´éƒ¨*/


.index {
	max-width: 1100px;
}


/*menu*/

.menu {
	/*	position: absolute;*/
	/*right: 0;*/
}
.wcxq{
	padding-top: 40px;
}

.menu ul li {
	width: 100px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	float: right;
	position: relative;
	cursor: pointer;
	font-weight: 600px;
}

.menu ul li a {
	color: #FFFFFF;
	padding: 8px 22px;
}

.menu ul li:hover, .menu ul li a:hover{
	background: #F4BC00;
	color: #000000;
}

.have {
	background: url(http://qxu1885290002.my3w.com/images/menu_04.png) no-repeat center ;
	background-size: 90%;
	cursor: pointer;
	padding-left: 10px;
}

.have a {
	color: #333333 !important;
	padding: 0px !important;
}
.have a:hover{
	background: rgba(0,0,0,0) !important;
}

.have:hover a {
	color: #F4BC00 !important;
}

.have:hover {
	background: url(http://qxu1885290002.my3w.com/images/menu_004.png) no-repeat center !important;
	
}

.QQ {
	background: url(http://qxu1885290002.my3w.com/images/menu_02.png) no-repeat center;
	background-size: 90%;
	cursor: pointer;
	text-align: right;
	padding-left: 10px;
}

.QQ a {
	color: #333333;
}

.QQ:hover {
	background: url(http://qxu1885290002.my3w.com/images/menu_002.png) no-repeat center !important;
	color: #F4BC00 !important;
}


/*menu ä¸‹æ‹‰*/

.QQ:hover .QQ_child {
	display: block;
}

.QQ_child li{
	width: 80px !important;
}
.QQ_child li a{
	padding: 0px !important;
}

.menu ul li ul {
	width: 80px;
	height: 104px;
	position: relative;
	z-index: 9;
	background-color: #FFBA02;
	top: -3px;
	left: -5px;
}

.menu ul li ul a {
	color: #333333 !important;
}

.top {
	position: relative;
	top: 50px;
}

.kind {
	width: 74%;
	position: relative;
}

.kind>ul>li {
	width: 80px;
	float: left;
	text-align: center;
	position: relative;
	cursor: pointer;
	padding-top: 9px;
}

.kind>ul>li:hover {
	background: url(http://qxu1885290002.my3w.com/images/nav_bg_80.png) no-repeat;
}

.kind>ul>li:nth-child(1)>div {
	margin-right: 12px;
}

.kind>ul>li>div {
	font-size: 14px;
	font-weight: bold;
	color: #323232;
}

.kind>ul>li>p {
	font-size: 12px;
	margin-bottom: 13px;
	margin-top: 5px;
	color: #4b4b4b;
	font-weight: bold;
}

.kind>ul>li>nav {
	position: absolute;
	background-color: #FFFFFF;
	display: none;
	z-index: 0;
	cursor: pointer;
	margin-top: -4px;
	border: 1px solid rgb(191, 191, 191);
	box-shadow: 0px 5px 8px 0px #393939;
}


/*æ‰€æœ‰æœºåž‹*/

.all {
	display: block;
	width: 1000px;
	left: -200px;
	border-top: 0;
	padding-top: 10px;
}

.all ul li {
	width: 22%;
	float: left;
	text-align: center;
	border-right: 1px solid #bfbfbf;
	padding-right: 25px;
	min-height: 300px;
}

.all ul li img {
	width: 90px;
	height: 60px;
}

.all ul li>div,
.other ul li>div {
	width: 90%;
	margin: 10px auto;
}

.all ul li>div button,
.other ul li>div button {
	width: 45%;
	height: 25px;
	margin-top: 10px;
	border: 0;
}

.other {
	max-height: 350px;
	overflow: hidden;
	left: -200px;
	width: 512px;
}

.other ul li {
	width: 255px;
	float: left;
	height: 330px;
	margin-bottom: 10px;
}

.other .other-li:first-child {
	border-right: 1px solid #000000;
}

.other ul li img {
	width: 150px;
	height: 120px;
}

.kind>ul>li>nav>ul>li>ul {
	margin-top: 10px;
	position: relative;
	left: 5% !important;
}

.kind>ul>li>nav>ul>li>ul>li {
	border-bottom: 1px solid #CCCCCC;
	width: 86%;
	min-height: 25px;
	height: 100%;
	padding: 0;
	float: left;
	margin: 3px auto;
	text-align: left;
	padding-left: 4%;
}


/*banner*/

.banner {
	/*position: relative;
	top: 100px;*/
	/*margin-bottom: 20px;*/
}

.banner img {
	width: 100%;
}

.brand_menu {
	/*position: relative;
	top: 90px;*/
}

.brand_menu ul li a{
  color:#F4BC00;
  display:block;
}
.brand_menu ul li a:hover {
	background-color: #F4BC00;
	color: #333333;
}

.brand_menu ul li:nth-child(1) {
	margin-left: 0;
}

.brand_menu ul li {
	width: 23%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: left;
	margin-left: 2%;
	background-color: #343434;
	color: #F4BC00;
	cursor: pointer;
}



/*å“ç‰Œä»‹ç»*/

.brand_box {
	/*position: relative;
	top: 130px;*/
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.brand_box form ul li {
	width: 33.33333%;
	float: left;
	padding: 10px 0;
	margin-top: 10px;
}

.brand_box form ul li input {
	border: 0;
	height: 30px;
	width: 70%;
	border: 1px solid #F2F2F2;
	margin-top: 5px;
}

.brand_box form ul p {
	margin-top: 10px;
}

.brand_box form ul button {
	width: 200px;
	height: 40px;
	border: 0;
	margin-top: 20px;
}

.brand_box form ul button:hover {
	background-color: #343434;
}

.introduce {
	/*position: relative;
	top: 30px;*/
}

.introduce_title {
	font-weight: bold;
	font-size: 22px;
	margin: 20px 0;
}

.introduce ul {
	position: relative;
}

.introduce_main {
	/*width: 90%;
	margin: auto;*/
}

.introduce ul li img {
	/*width: 96%;*/
	/*	height: 300px;*/
	position: relative;
	left: 2%;
	z-index: 0;
}

.introduce_titles,
.introduce_title {
	font-size: 18px;
	padding-left: 10%;
	margin: 20px auto;
}


/*åˆ†äº«*/

.fenxiang {
	width: 40px;
	height: 40px;
	float: left;
	cursor: pointer;
	margin-left: 20px;
}

.brand_share {
	/*position: relative;
	top: 200px;*/
}

.brand_share img {
	position: relative;
	float: right;
	margin: 0 10px;
	width: 40px;
	height: 40px;
}

.wx_img {
	overflow: hidden;
	position: relative;
	left: -68px;
	bottom: 220px;
	width: 178px;
	height: 0;
	background: url(http://qxu1885290002.my3w.com/images/WeChat.png);
	text-align: center;
	z-index: 900;
}

.wx_img img {
	width: 100px;
	height: 100px;
	position: relative;
	right: 17%;
	top: 17%;
}


/*åº•éƒ¨*/

.foot_list {
	/*position: relative;
	top: 220px;*/
	padding-top: 10px;
}

.foot_list ul li {
	width: 16.6666666%;
	float: left;
	text-align: left;
	font-size: 12px;
	cursor: pointer;
}

.foot_list ul li:hover {
	color: #333333;
}

.foot_list ul li:nth-child(5) {
	text-align: right;
}

.foot_list ul li:nth-child(6) {
	text-align: right;
}

.foot_list ul li p:nth-child(1) {
	color: #e4e4e4;
	/*font-size: 14px;*/
}

.foot_list b {
	color: #000000;
	font-size: 14px;
	font-weight: 500;
}

.foot_list b:hover {
	color: #F4BC00;
}

.foot_list ul li p,
.foot_list ul li p a {
	color: #CFCFCF;
	margin-top: 10px;
}

.foot_list ul li p:hover {
	color: #F4BC00;
}

.bottom {
	/*position: relative;
	top: 220px;*/
	padding: 30px 0px 10px 0px;
}

.bottom ul li {
	float: left;
	margin-top: 5px;
}

.bottom ul li>span {}

.bottom ul li:nth-child(1) {
	width: 40%;
}

.bottom ul li:nth-child(2) {
	width: 28%;
	text-align: right;
}

.bottom ul li:nth-child(3) {
	width: 32%;
	text-align: right;
}

.bottom ul li:nth-child(4) {
	width: 60%;
}

.bottom ul li:nth-child(5) {
	width: 40%;
	text-align: right;
}

.phone {
	position: fixed;
	right: 0;
	bottom: 180px;
}

.phone img {
	width: 50px;
}


/*åœ¨çº¿å®¢æœå¼¹çª—*/

.chat {
	position: fixed;
	width: 680px;
	left: 30%;
	top: 35%;
	border: 1px solid #D2D2D2;
	padding-bottom: 10px;
}

.chat>div,
.chat form {
	width: 80%;
	margin: auto;
	padding-bottom: 20px;
}

.chat form>div {
	width: 100%;
}

.chat form input {
	width: 60%;
	height: 30px;
	margin-top: 20px;
	background-color: #EEEEEE;
	border: 1px solid #07141E;
}

.chat form label {
	display: block;
	width: 70px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}

.chat form>div:nth-child(3) {
	width: 60% !important;
	position: relative;
	left: 13%;
}

.chat form button {
	width: 47%;
	height: 40px;
	margin-top: 20px;
	border: 0;
	font-weight: bold;
}

.chat form button:nth-child(2) {
	background-color: #434343;
}

.chat_text p:nth-child(1) {
	font-size: 24px;
}


/*å¤¸å…‹èµ„è´¨*/

.mass_title {
	font-size: 30px;
	font-weight: 800;
}

.explain {
	width: 100%;
	margin-top: 50px;
}

.explain_list ul li {
	height: 90px;
}

.sh_text {
	width: 240px;
}

.explain_list ul li {
	cursor: pointer;
}

.explain_list ul li>.fl {
	width: 10px;
}

.explain_list ul li>.fr {
	margin-left: -4px;
}

.explain_list ul li .fl em {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100px;
}

.explain_list ul li .fl div {
	width: 4px;
	height: 80px;
	margin-left: 3px;
	margin-top: -0.5px;
}

.explain_list ul li .fr hr {
	display: block;
	width: 20px;
	margin-top: 20px;
	border: 1px solid #F4BC00;
}

.explain_list ul li .fr nav {
	margin-left: 10px;
	margin-top: 12px;
}

.explain_img {
	/*width: 300px;
	height: 300px;
	background-color: #ACACAC;*/
}

.explain_img img {
	/*width: 320px;
	height: 320px;*/
}

.explain_txt {
	margin-left: 40px;
}


/*è”ç³»æˆ‘ä»¬*/

.about_title {
	height: 30px;
	line-height: 30px;
	border-bottom: 4px solid #D0D0D0;
}

.about_list {
	margin-top: 30px;
}

.about_list li {
	width: 33.33333333333%;
	float: left;
	text-align: center;
}

.about_list li img {
	width: 100px;
	height: 100px;
}

.about {
	margin-top: 50px;
}

.about_lf {
	width: 30%;
}

.about_lf p {
	margin-top: 20px;
}

.about_rt {
	width: 70%;
	text-align: center;
}

#address {
	width: 100%;
	height: 300px;
	font-size: 12px !important;
}

.collaboration ul li {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #DDDDDD;
}

.colla_lf,
.colla_rt {
	/*width: 50%;*/
}

.colla_lf>div {
	width: 60%;
	margin: auto;
	/*	margin-top: 20%;*/
	text-align: center;
}

.colla_lf>div img {
	width: 210px;
	height: 119px;
}

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

.colla_rt>div {
	/*	text-align: center;*/
	line-height: 30px;
}

.colla_rt button {
	border: 0;
	padding: 5px 10px;
	margin: 10px 0;
}

.huodong {
	height: 35px;
	font-size: 12px;
	color: #000000;
	border-bottom: 4px solid #acacac;
	line-height: 35px;
	position: relative;
}


/*ç»é”€å•†*/

.dress_lf {
	width: 30%;
}

.dress_rt {
	width: 60%;
}

.dress_main {
	width: 100%;
	height: 300px;
	overflow: auto;
	margin-top: 30px;
	border: 1px solid #D8D8D8;
}

.dress_main>div {
	padding: 10px;
	background-color: #E7E7E7;
}

.dress_main>input {
	width: 100%;
	text-align: center;
	height: 30px;
	background-color: #FFFFFF;
	border: 0;
}

fieldset {
	border: 1px solid #D8D8D8;
}

#suggestId {
	width: 80%;
	height: 20px;
	margin: 5px 0;
}

.tangram-suggestion-main {
	z-index: 9999;
}

.huodong-tit {
	width: 82px;
	height: 43px;
	float: left;
	text-align: center;
	text-decoration: none;
	padding: 0 15px;
	background: url(http://qxu1885290002.my3w.com/images/actives_07.png) no-repeat;
	background-position: bottom;
	position: relative;
}

.huodong-tit1 {
	width: 82px;
	height: 47px;
	float: left;
	text-align: center;
	text-decoration: none;
	padding: 0 15px;
	background-position: bottom;
	position: relative;
}

.huodong-img {
	position: relative;
}

.huodong img {
	position: absolute;
	bottom: -13px;
	left: 10px;
}

.huodong-tit2 {
	width: 82px;
	height: 47px;
	float: left;
	text-align: center;
	text-decoration: none;
	padding: 0 15px;
	background-position: bottom;
	position: relative;
	color: #aaaaaa;
}


/*hd-list*/

.hd-list {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

.hd-list li {
	width: 100%;
	float: left;
	margin: 0 10px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #acacac;
	border-radius: 6px;
}

.hd-tit {
	font-size: 14px;
	color: #000000;
}

.hd-tp {
	width: 100%;
	height: 150px;
	margin-bottom: 5px;
}

.hd-shj {
	font-size: 12px;
	color: #646464;
	line-height: 20px;
}


/*xw-list*/

.xw-list {
	margin-top: 20px;
}

.xw-list li {
	width: 100%;
	height: 38px;
	background-color: #e9e9e9;
	cursor: pointer;
}

.xw-list li:nth-child(2n) {
	background: #ffffff;
}

.xw-list li.bag {
	background-color: #ffffff;
}

.xw-list li:hover {
	background-color: #C0C0C0;
}

.xwrq {
	width: 80px;
	border-right: 1px solid #dbdbdb;
	color: #323232;
	font-size: 12px;
	float: left;
	margin: 10px 10px 0 20px;
}

.xw-text {
	width: auto;
	color: #323232;
	font-size: 12px;
	float: left;
	line-height: 16px;
	/*margin: 0px 0px 0px 15px;*/
	padding-top: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.hd-list img {
	width: 100%;
	margin: auto;
	height: 150px;
}

.active_list {
	margin-top: 30px;
}

.active_list ul li {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.active_list ul li>div {
	width: 90%;
	margin: auto;
}

.active_list ul li>div img {
	width: 100%;
	height: 140px;
}

.active_list ul li>div div,
.active_list ul li>div p {
	line-height:28px;
	height:28px;
	overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.active_list ul li>div p {
	color: #999999;
}


/*åˆ†é¡µ*/

.tcdPageCode {
	padding: 15px 20px;
	text-align: left;
	color: #323232;
	text-align: center;
	margin-top: 60px;
}

.tcdPageCode a {
	display: inline-block;
	color: #323232;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	border: 1px solid #ddd;
	margin: 0 2px;
	border-radius: 4px;
	vertical-align: middle;
}

.tcdPageCode a:hover {
	text-decoration: none;
	border: 1px solid #f4bc00;
}

.tcdPageCode span.current {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 2px;
	color: #fff;
	background-color: #f4bc00;
	border: 1px solid #f4bc00;
	border-radius: 4px;
	vertical-align: middle;
}

.tcdPageCode span.disabled {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 2px;
	color: #bfbfbf;
	background: #f2f2f2;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	vertical-align: middle;
}


/*åˆ†é¡µ*/

.tcdPageCode2 {
	padding: 15px 20px;
	text-align: left;
	color: #323232;
	text-align: center;
	margin-top: 60px;
}

.tcdPageCode2 a {
	display: inline-block;
	color: #323232;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	border: 1px solid #ddd;
	margin: 0 2px;
	border-radius: 4px;
	vertical-align: middle;
}

.tcdPageCode2 a:hover {
	text-decoration: none;
	border: 1px solid #f4bc00;
}

.tcdPageCode2 span.current {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 2px;
	color: #fff;
	background-color: #f4bc00;
	border: 1px solid #f4bc00;
	border-radius: 4px;
	vertical-align: middle;
}

.tcdPageCode2 span.disabled {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 2px;
	color: #bfbfbf;
	background: #f2f2f2;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	vertical-align: middle;
}


/*åˆ†é¡µ*/

.tcdPageCode3 {
	padding: 15px 20px;
	text-align: left;
	color: #323232;
	text-align: center;
	margin-top: 60px;
}

.tcdPageCode3 a {
	display: inline-block;
	color: #323232;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	border: 1px solid #ddd;
	margin: 0 2px;
	border-radius: 4px;
	vertical-align: middle;
}

.tcdPageCode3 a:hover {
	text-decoration: none;
	border: 1px solid #f4bc00;
}

.tcdPageCode3 span.current {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 2px;
	color: #fff;
	background-color: #f4bc00;
	border: 1px solid #f4bc00;
	border-radius: 4px;
	vertical-align: middle;
}

.tcdPageCode3 span.disabled {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 2px;

	color: #bfbfbf;
	background: #f2f2f2;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	vertical-align: middle;
}


/*æ–°é—»è¯¦æƒ…*/

.active_page {
	margin-top: 30px;
}

.active_title div {
	font-size: 24px;
	font-weight: bold;
}

.active_title p {
	color: #999999;
}

.active_text {
	line-height: 30px;
}

.active_img {
	width: 100%;
}

.active_img {
	width: 80%;
	margin: 30px auto;
}

.active_next {
	margin-top: 30px;
	text-align: center;
}

.active_next>span {
	margin: 10px;
}

.active_next>div {
	width: 100px;
	float: left;
	margin: auto;
}


/*å¤¸å…‹æœåŠ¡*/

.service_menu {
	/*position: relative;
	top: 90px;*/
}

.service_menu ul li:hover {
	background-color: #F4BC00;
	color: #333333;
}

.service_menu ul li:nth-child(1) {
	margin-left: 0;
}

.service_menu ul li {
	width: 31%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: left;
	margin-left: 2%;
	background-color: #343434;
	color: #F4BC00;
	cursor: pointer;
}


/*åœºåœ°å¸ƒç½®è¯´æ˜Ž*/

.service_box {
	/*position: relative;
	top: 130px;*/
	margin-bottom: 30px;
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 30px;
}

.state {
	width: 100%;
	height: 350px;
	background-color: #956853;
}


/*ç”¨è½¦å°è´´å£«*/


/*å†…é¡µpage*/

.new_list {
	/*position: relative;
	top: 80px;*/
}

.new_list img {
	margin-bottom: 10px;
}

.new_list  p {
  font-size: 14px;\n
}

.new_list ul li {
	/*width: 25%;*/
	float: left;
}

.new_list ul li img {
	/*width: 90%;*/
	/*height: 150px;*/
	/*	margin: auto;*/
}

.news {
	/*position: relative;
	top: 60px;*/
	margin: 10px 0px 10px 0px;
	background-color: #DBDBDB;
	border-radius: 6px;
	z-index: -1;
	height: 25px;
}

.news_lf {
	width: 70px;
	height: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #FFB900;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
}

.news_rt {
	width: 90%;
	height: 28px;
}

.zxun a{
	width: 250px;
	height: 50px;
	margin: 0 auto;
	margin-top: 50px;
	background: #f4bc00;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.zxun a:hover{
	background: #000;
	color: #fff;
}
/*å¹¿å‘Šæ»šåŠ¨*/

#FontScroll {
	width: 70%;
	height: 24px;
	line-height: 27px;
	margin: 0 auto;
	overflow: hidden;
}
.cpxq1 .col-xs-4{
	width: 23%;
	margin: 0 1%;
	
	margin-bottom: 20px;
}
.cpxq1  .cpxq2{
	padding: 10px;
}
.cpxq1 .col-xs-4 img{
	max-width: 90%;
}
#FontScroll ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#FontScroll .line {
	text-align: center;
	width: 100%;
}

#FontScroll .fontColor a {
	color: red;
}
.youshi li{
	text-align: center;
}

/*.youshi {
	width: 78%;
}*/




/*è¯¦æƒ…*/

.de_menu {
	position: relative;
	width: 100%;
	height: 200px;
	background-color: #313032;
	z-index: 999;
}

.de_menu_lf {
	width: 10%;
	font-size: 18px;
	line-height: 39px;
}

.de_menu ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #9E9E9E;
}

.de_menu ul li a:hover {
	color: #FFFFFF;
}

.de_menu ul {
	width: 90%;
}

.de_menu ul li {
	width: 12.5%;
	float: left;
	line-height: 36px;
	text-align: center;
	color: #9E9E9E;
}


/*æœºåž‹æ¦‚è§ˆ*/

.summary {
	width: 100%;
	/*	position: relative;*/
	padding-top: 10px;
	margin-top: 10px;
}

.sum_title_con {
	width: 140px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #646464;
	margin: 5px 0 0 0;
}

.sum_sel {
	width: 30%;
}

.sum_sel select {
	display: block;
	width: 100%;
	height: 30px;
	margin: 2%;
	font-size: 18px;
	border: 1px #1a1a1a solid;
	border-radius: 5px;
	text-align: center;
}

.sum_xz {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	position: relative;
	z-index: 10;
}

.sum_xz li {
	width: 25%;
	height: 60px;
	border-right: 1px solid #DFDFDF;
	float: left;
}

.sum_xz1 li {
	width: 25%;
}

.sum_xz li p {
	width: 50%;
	margin: 10px auto;
	font-size: 12px;
	color: #878787;
}

.sum_xz li div {
	width: 50%;
	margin: 10px auto;
	color: #bf0f0f;
	font-size: 24px;

}

.sum_img {
	width: 100%;
	position: relative;
	top: 30px;
	/*background: url(../images/detail_07.png) no-repeat;*/
	background-size: 100%;
	height:400px;
}
.myCar1 img{
	margin: 0 auto;
}


.myCar1 {
	background-size: contain;
	background-repeat: no-repeat;
	height: 480px;
	
}

.sum_img_list0 {
	/*position: relative;*/
	/*width: 30%;*/
	margin: auto;
	/*	top: -75px;*/
}

.sum_img_list0 ul li,
.select-power-title {
	position: relative;
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	color: #000000;
	text-align: center;
	line-height: 34px;
	height: 34px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	margin-right: 10px;
	cursor: pointer;
	margin-bottom: 10px;
	border: 1px solid gainsboro;
}
.sum_img_list0 ul li:hover{
	background-color: rgb(247, 198, 0) !important;
	color: black !important;
}
.sum_active0 {
	border: 1px solid #F7C600;
	background-color: rgb(247, 198, 0) !important;
	color: black !important;
}

.sum_img_list0 img {
	/*position: absolute;
	width: 10px;
	bottom: 0;
	right: 0;*/
}

.sum_img_list {
	margin: auto;
}

.sum_img_list ul li {
	position: relative;
	width: 100%;
	background-color: #ffffff;
	font-size: 14px;
	color: #000000;
	text-align: center;
	line-height: 34px;
	height: 34px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	margin-right: 10px;
	cursor: pointer;
	margin-bottom: 10px;
	border: 1px solid gainsboro;
}
.sum_img_list ul li:hover{
	background-color: rgb(247, 198, 0) !important;
	color: black !important;
}

.sum_img_list img {
	/*position: absolute;
	width: 10px;
	bottom: 0;
	right: 0;*/
}

.sum_active {
	border: 1px solid #F7C600;
	background-color: rgb(247, 198, 0) !important;
	color: black !important;
}

.ligh {
	width: 100%;
	height: 50px;
	background-color: #D2D2D2;
	position: relative;
	/*top: 60px;*/
	border-bottom: 5px solid #EEEEEE;
}

.ligh_tit {
	width: 10%;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
}

.ligh_menu ul {
	width: 90%;
}

.ligh_menu ul li {
	width: 15%;
	float: left;
	line-height: 50px;
	text-align: center;
	border-left: 1px solid #b6b6b6;
	font-size: 12px;
}

.ligh_menu ul li:hover {
	background-color: #FFFFFF;
}

.lign_box {
	position: relative;
	/*height: 500px;*/
}

.lign_box>div {
	/*height: 200px;*/
}

.set_con01 {
	margin-top: 20px;
}

.set_con01 img {
	width: 100%;
}

.set_zl {
	width: 60%;
	margin: 20px auto;
	border-radius: 10px;
	color: #1479CD;
	text-align: center;
	padding: 5px 0;
	background-color: #F1F1F1;
}

.set_btn {
	width: 60%;
	margin: auto;
}

.set_btn .fl {
	width: 100%;
	margin-bottom: 20px;
	padding: 5px 0;
	text-align: center;
}

.good {
	margin-top: -10px;
}

.good ul li {
	width: 26%;
	float: left;
	margin: 0 3%;
}

.play {
	width: 100%;
	max-height: 540px;
	/*position: relative;*/
	z-index: 0;
	/*top: 540px;*/
	background-color: #000000;
}

.cont_rt_box>div button {
	position: relative;
	left: 47%;
	width: 100px;
	height: 25px;
	background-color: rgba(0, 0, 0, 0.5);
	border: 0;
	bottom: 0;
}


/*ç”¨è½¦å°è´´å£«*/

.car_title_next,
.video {
	position: relative;
	width: 100%;
	height: 98px;
	overflow-y: hidden;
	bottom: 0;
}

.car_title_next ul,
.video ul {
	position: relative;
	padding: 5px 5%;
	padding-bottom: 10px;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.8);
	overflow-x: scroll;
}

.car_title_next ul li,
.video ul li {
	position: relative;
	float: left;
	width: 13%;
	margin: 0 0.2%;
	display: inline-block;
	white-space: nowrap;
}

.car_title_next ul li>img,
.video ul li>img {
	width: 100%;
	height: 70px;
}

.car_title_next ul li>div,
.video ul li>div {
	width: 100%;
	position: absolute;
	z-index: 9999;
	top: 0;
	text-align: center;
}

.car_title_next ul li>div img,
.video ul li>div img {
	margin-top: 20px;
	cursor: pointer;
}

.car_title_box video {
	width: 100%;
}

.video_box video {
	width: 100%;
	height: 500px;
}

.Vd {
	border: 1px solid #FFCD00;
}


/*å›¾ç‰‡/è§†é¢‘*/

.cont_lf {
	width: 140px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 5px 0 0 0;
	border: 1px solid #FFFFFF;
}

.cont_rt {
	/*width: 20%;*/
	margin: 10px 0 0 0;
}

.cont_rt ul li {
	width: 50%;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	font-size: 12px;
	padding: 0px 10px;
}

.cont_rt_box {
	position: relative;
	width: 100%
}


/*ç²¾å½©å›¾é›†*/

.compare {
	/*position: relative;
	top: 30px;*/
	margin-top: 30px;
}


/*æœºåž‹å¯¹æ¯”*/

.compare>ul {
	margin-top: 30px;
}

.compare>ul>li {
	width: 22%;
	height: 350px;
	float: left;
	position: relative;
	margin-right: 2%;
	margin-bottom: 15px;
}

.compare_1,
.compare_4 {
	position: relative;
}

.compare_1>div {
	width: 70%;
	position: absolute;
	z-index: 9;
	top: 10%;
	left: 15%;
}

.compare_1 img,
.compare_4 img {
	/*width: 100%;
	height: 300px;*/
}

.compare_1>div button {
	width: 100%;
	height: 25px;
	border: 0;
	margin-top: 10px;
}

.compare_2,
.compare_3,
.compare_4  {
	border: 3px solid #F4BC00;
}

.com_name {
	width: 90%;
	margin: 10px auto;
	padding: 2% 0;
	text-align: center;
}

.compare_2>img,
.compare_3>img {
	position: relative;
	/*width: 168px;*/
	height: 70px;
	/*left: 10%;*/
	/*margin: 12px 0;*/
}

.compare_2>ul,
.compare_3>ul,
.compare_4>ul {
	position: relative;
	/*width: 90%;
	left: 5%;*/
}

.compare_2>ul>li:nth-child(1) {
	height: 32px;
	line-height: 32px;
}

.compare_3>ul>li:nth-child(1) {
	height: 32px;
	line-height: 32px;
}

.compare_4>ul>li:nth-child(1) {
	height: 32px;
	line-height: 32px;
}

.compare_2>ul>li,
.compare_3>ul>li,
.compare_4>ul>li {
	width: 100%;
	height: 25px;
	line-height: 25px;
	clear: both;
	margin-top: 2px;
	font-size: 12px;
}

.compare_2>ul>li div {
	width: 90%;
	margin: auto;
}

.compare_3>ul>li div {
	width: 90%;
	margin: auto;
}

.compare_4>ul>li div {
	width: 90%;
	margin: auto;
}

.compare_2>ul>li div span,
.compare_3>ul>li div span,
.compare_4>ul>li div span {
	display: block;
	float: left;
	width: 50%;
}

.compare_2 ul li:nth-child(even) {
	background-color: #DCDCDC;
}

.compare_2 ul li:nth-child(odd) {
	background-color: #EEEEEE;
}

.compare_3 ul li:nth-child(even) {
	background-color: #DCDCDC;
}

.compare_3 ul li:nth-child(odd) {
	background-color: #EEEEEE;
}

.compare_4>ul>li:nth-child(even) {
	background-color: #DCDCDC;
}

.compare_4>ul>li:nth-child(odd) {
	background-color: #EEEEEE;
}


/*æœºåž‹å¯¹æ¯”*/

.jx_type,
#jx_type {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
	left: 0px;
}

.jx_type button,
#jx_type button {
	border: 0;
	width: 100px;
	margin-left: 2%;
}

.jx_type img,
#jx_type img {
	width: 20px;
	height: 20px;
	position: relative;
	/*right: 10px;*/
	cursor: pointer;
}

.jx_type ul li,
#jx_type ul li {
	background: none !important;
	padding: 5px 10px;
	color: #FFFFFF !important;
	cursor: pointer;
}

.jx_type ul li:hover {
	color: #F4BC00 !important;
}

#jx_type ul li:hover {
	color: #F4BC00 !important;
}

.com_main {
	/*position: relative;
	top: 50px;*/
	margin-top: 30px;
	width: 96%;
	margin: auto;
}

.com_main ul li {
	width: 16%;
	margin-left: 0.5%;
	float: left;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #434343;
	color: #FFFFFF;
}

.com_main_box {
	/*height: 180px;
	overflow: auto;
	margin-left: -77px;
	margin-right: -57px;*/
}

.com_main_box table {
	border-collapse: collapse;
}

.com_main_box tr {}

.com_main_box tr td {
	width: 250px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #B1B1B1;
	border-left: 0;
}

.com_main_box tr td:nth-child(4) {
	border-right: 0;
}

.k_hz {
	/*position: relative;
	top: 650px;*/
	width: 100%;
	height: 250px;
	background: url(http://qxu1885290002.my3w.com/images/dex_03.png);
	padding: 20px 0;
	margin-top: 30px;
}

.k_hz ul {
	position: relative;
	top: 10px;
	width: 100%;
}

.k_hz ul li {
	width: 30%;
	float: left;
}

.k_hz ul li:nth-child(1) {
	margin-left: 0;
}

.k_hz ul li img {
	width: 100%;
}

.buy {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	line-height: 50px;
}

.buy ul li {
	float: left;
}

.buy_m_1 {
	width: 14%;
}

.buy_m_2 {
	width: 39%;
}

.buy_m_3 {
	width: 22%;
}

.buy_m_4 {
	width: 25%;
}

.buy_m_1 img {
	margin-top: -10px;
}

.buy_m_1 .yellow {
	/*margin-top: -5px;*/
}

.buy_m_2 input {
	margin-top: 10px;
	margin-left: 5px;
	height: 25px;
}

.buy_m_4 button {
	border: 0;
	padding: 5px 10px;
}

.buy>img {
	position: absolute;
	right: 0;
	bottom: 20px;
}


/*å›žåˆ°é¡¶éƒ¨*/

.return_top {
	line-height: 39px;
	position: fixed;
	right: 0;
	bottom: 370px;
	text-align: center;
}

.return_top a:hover {
	color: #FFFFFF;
}


/*æ„Ÿå…´è¶£*/

.xq_main {
	width: 100%;
	height: 470%;
	position: absolute;
	z-index: 99999999999999999 !important;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	overflow-y: hidden;
}

.xq_mians>img {
	margin: 10px;
}

.xq_mians {
	position: fixed;
	width: 980px;
	height: 400px;
	top: 25%;
	left: 23%;
	padding-bottom: 20px;
}

.xq_lf,
.xq_rt {
	width: 45%;
	padding: 0 20px;
}

.xq_rt {
	border-left: 1px dashed #DDDDDD;
	margin-top: 5%;
	padding: 40px 0;
}

.xq_lf>div {
	width: 80%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dashed #DCDCDC;
	font-size: 20px;
}

.xq_lf img {
	width: 400px;
	margin: 50px 0;
}

.xq_rt form input {
	width: 250px;
	height: 30px;
	margin-left: 30px;
	margin-top: 15px;
}

.book {
	margin-top: 15px;
}

.xq_rt form input[type='checkbox'] {
	width: 15px;
	height: 15px;
	margin-top: 3px;
}

.xq_rt form button {
	width: 130px;
	height: 35px;
	margin-left: 30px;
	margin-top: 15px;
	border: 0;
}

.like {
	position: fixed;
	right: 0;
	bottom: 242px;
}

.w_chat {
	position: fixed;
	right: 0;
	bottom: 308px;
}

.ws_main {
	width: 0;
	position: fixed;
	right: 60px;
	bottom: 250px;
	overflow-x: hidden;
}

.pare {
	width: 500px;
	position: absolute;
	top: 0;
	z-index: 999999;
	color: #F6BE00;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	padding-bottom: 20px;
}

.pare img {
	/*width: 120px;*/
	height: 60px;
}

.pare ul li {
	border: 1px solid #313032;
	text-align: center;
	float: left;
	width: 24%;
	margin-top: 10px;
	margin-left: 0.5%;
	height: 90px;
}

.pare ul li:hover {
	border: 1px solid #F6BE00;
}

#map {
	height: 388px;
}


/*é¦–é¡µå¯¼è§ˆåŒº*/

#index-guide .row,
#index-guide .col-xs-3,
#index-guide .col-sm-3 {
	margin: 0px;
	padding: 0px;
}

.padding20 {
	padding: 20px !important;
}

.btn-yellow {
	background: #f4bc00;
	color: black;
	border: 0px;
}

.btn-yellow:hover {
	background: black;
	color: #f4bc00;
}

.news-list {
	background: #ffffff;
	padding: 10px 0;
}
.news-list p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom:0;
  margin-left: 5px;
}

.news-list:hover {
	background: #f4bc00;
}

.news-list a:hover {
	color: #FFFFFF;
}
.news-super{
  max-height: 120px;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  height: 120px;
  text-overflow: ellipsis;
}
.news-super h2{font-size: 14px; font-weight: 600;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 0 4px 0;}

/*äº§å“é¡µé¢*/

#search_mechine {
	padding: 30px 0px 30px 0px;
	min-height: 210px;
	background: #313133;
	width: 100%;
}

#search_mechine select,
#search_mechine input {
	width: 100%;
}

.product_area {
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}

.product_area .under-line {
	border-bottom: 3px solid #f4bc00;
	padding-bottom: 5px;
	color: #333;
}

.power-list .btn {
	background: #f4f4f4;
	margin-bottom: 10px;
}

.power-list .btn:hover {
	background: #f4bc00;
	color: #FFFFFF !important;
	border: 1px solid #f4bc00;
}

.type-list .col-md-3,.band-list .col-md-3{
	padding: 0px;
	border: 1px solid #CFCFCF;
	margin: 14px;
	width: 23%;
}
.band-list .col-xs-4{
	padding: 0px;
	border: 1px solid #CFCFCF;
	/*margin: 14px;
	width: 30%;*/
}

.type-list .col-md-3:hover,.band-list .col-xs-4:hover{

	box-shadow:0px 5px 10px 2px  #E0E0E0;
}

.type-list-text {
	max-height: 90px;
	padding: 10px 10px 10px 10px;
}
.trade-list .col-md-2{
	padding: 20px;
	background:#313132 ;
}
.trade-list .col-md-2 a{
	color: #FFFFFF;
}
.power-type a{
	color: #FFFFFF;
}
.power-type .col-xs-6:hover{
	color: #000000;
	background: #f4bc00;
}
.de_menu .content h3{
	color: #333;
}
.text-center .row{
	color: #333;
}
.nav .active,.tab-content .active{
	background-color: #FFFFFF !important;
}
.power-tab  > li > a{
	border: 0px;
	border-radius: 0px;
	background: #313132;
	color: #FFFFFF;
	margin: 0px;
}
.power-tab  > li.active > a, .power-tab  > li.active > a:hover, .power-tab > li.active > a:focus{
	border: 0px;
	background: #f4bc00;
}
.power-tab  > li > a:hover, .power-tab  > li > a:focus {
    text-decoration: none;
    background-color: #f4bc00;
    color: #000000;
}

.triangle{
	width: 30px;
	height: 30px;
	background:#f4bc00;
	position: absolute;
	z-index: -1;
	top: 14px;
	left: 29px;
	opacity: 0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	
}
.power-tab .active .triangle{
	opacity: 1;
}
.powerband-table tr:hover{
	/*background: #f4bc00;
	color: #FFFFFF;*/
}
.select-list{
	padding: 10px;
	width: 650px;
	background: #f4f4f4;
	position: absolute;
	z-index: 100;
	display: none;
	margin-top: -5px;
}
#power-select:hover #power-list{
	display: block;
}
#type-select:hover #type-list{
	display: block;
}
[id^='xinzeng']{
	text-align:  left;
}
[id^='db_dec']{
	text-align: center;

}
[id^='db_dec']>img{
	margin-bottom: 10px;
}
[id^='db_name']{
	height: 30px;
}
/*å•å“é¡µæ‰‹æœºç‰ˆåº•éƒ¨èœå•*/
#m-menu{
	height: 55px;
/*	line-height: 50px;*/
	width: 100%;
	background:#f7f7f7;
	border-top:1px solid #E9E9E9 ;
	position: fixed;
	z-index: 1000;
	bottom: 0px;
	font-size: 12px; 
	padding-top: 5px;

}
#m-menu ul li{
	text-align: center;
	float: left;
	width: 20%;
}
#m-menu ul li img{
	max-height:32px;
}
#m-menu .select-list{
	padding-top:80px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:-1;
	width: 100%;
	height: 100%;
	display: none;
}
#m-menu .select-list li{
	width: 100%;
}
#m-menu .sum_img_list0 ul li,#m-menu .sum_img_list ul li{
	font-size:12px;
	border-radius: 0px;
	line-height: 28px;
	height: 28px;
}
.m-close{
	position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -16px;
}
.compare_add{
	height: 100%;
	cursor: pointer;
	margin-top: 100px;
}

.pagination-wrapper{
  text-align:center;
}

.pagination span,.pagination a{
  margin:0 5px;
}

.pagination > .active > span{
  background-color: #f4bc00;
  border-color: #f4bc00;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #f4bc00;
  border-color: #f4bc00;
}

.pagination > li > a, .pagination > li > {
  color: #f4bc00;
}

.pagination > li > a, .pagination > li > span {
   color: #333;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #f4bc00;
}


