﻿﻿html,body{overflow-x: hidden;}
.main_banner{width: 100%;height: 600px;}
.main_banner a{width: 100%;height: 100%;display: block;}
.main_banner img{ vertical-align: middle;max-width: 100%;}
.main_subbanner{width: 100%; padding:20px;background:#2b2b2b url(../images/main_subbanner.jpg) no-repeat; margin-top: 16px; -webkit-background-size: 100% 525px; background-size: 100% 525px;}
.main_subbanner ul{ position: relative; width: 1100px; margin: 0 auto; padding: 16px 0  0 80px; box-sizing: border-box;overflow: hidden; }
.main_subbanner ul li{float: left; margin-right:60px; width:130px; height: 318px;background-color: rgba(48,46,60,.8); /*opacity:.8;*/border-radius: 12px;margin-bottom: 20px;position: relative;}
.main_subbanner ul li:last-child{margin-right: 0;}
.main_subbanner img{position: absolute;top:10px;left:50%;transform:translate(-50%);}
.main_subbanner h2{font-size: 48px;color:#fff;font-family: 'SimHei';padding: 0 42px;margin-top: 152px;line-height: 20px;line-height: 48px;}
.index_new_more.more_supplier{border-radius: 6px; margin-top: 40px; height: 54px;line-height: 54px; border-width: 2px; border-color: #fff; }
.index_new_more.more_supplier a{ color:#fff;font-size: 24px; width: 100%;height: 100%;display: block;}
.main_suppliercertificate{width: 100%; background:#fff;overflow: hidden;}
.main_suppliercertificate_in{width: 1100px;height: 100%;margin: 0 auto;}
.main_suppliercertificate_ul li{float:left;width: 30%;margin-top: 10px;margin-right: 5%;}
.main_suppliercertificate_ul li:last-child{margin-right: 0;}
.main_suppliernews_title{width: 100%;height: 54px;border: 1px solid #dfdfdf; background-color: #eee; box-sizing: border-box;}
.title_name{float:left; width: 100px;height: 100%;background-color: #6f6fa4;color:#fff;line-height: 50px;text-align: center;font-size: 20px;letter-spacing: 2px;}
.title_more{ width: 70px;height: 100%; display: block;float: right;color:#6f6fa4;font-size: 18px;text-align: center;line-height: 50px;letter-spacing: 2px;}
.title_more:hover{text-decoration: underline;color:#6f6fa4;}
.main_suppliernews_content{ margin-top: 12px;width: 100%;height: 138px;overflow: hidden;}
.main_suppliernews_content a:hover{color:#6c6c6c;}
.main_suppliernews_content_l{ width: 142px;height: 142px;float:left;}
.main_suppliernews_content_l img{ max-width: 142px;max-height: 142px;vertical-align: middle;text-align: center;line-height: 142px;}
.main_suppliernews_content_r{width: 372px !important; float:left;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4 !important; overflow: hidden;font-size: 16px !important;line-height: 30px !important;letter-spacing: 2px !important;padding:10px 10px 0 30px !important; box-sizing: border-box;color:#6c6c6c !important;}
.main_suppliernews_content p span{font-size: 16px !important;color:#6c6c6c !important;}
.main_suppliernews_content p{font-size: 16px !important;line-height: 30px !important;letter-spacing: 2px !important;}
.main_suppliernews_content_r:hover{color:#7581ff !important;}
.main_suppliernews_content_r:hover p{color:#7581ff !important;}
.main_suppliernews_content_r:hover span{color:#7581ff !important;}
.main_suppliernews_item{width: 100%;height: 150px;margin-top: 20px;}
.main_suppliernews_item li{width: 100%;height: 50px;border-bottom: 1px dotted #ccc;box-sizing: border-box;line-height: 50px;margin:0 !important;}
.main_suppliernews_itemcon{font-size: 16px;float:left;position: relative;padding-left: 28px;white-space: nowrap;text-overflow: ellipsis;width:  100%;height: 100%;box-sizing: border-box;overflow: hidden;color:#6c6c6c;}
.main_suppliernews_itemcon:before{content:''; position: absolute; left:10px;top:16px; border: 8px solid #fff; border-left-color: #7581ff; width: 0; height: 0;}
.main_suppliernews_item li:hover .main_suppliernews_itemcon{color: #7581ff;}
.supplierbottom_banner{width: 100%;}
.supplierbottom_banner img{vertical-align: middle;}
.supplier_quality{width: 100%;  background:#dbdbdb;overflow: hidden;}
.supplier_quality ul{width: 1102px; height: 374px;margin: 0 auto;padding-top: 40px;}
.supplier_quality li{float: left; width: 246px; height: 374px;margin:0 38px 38px 0;overflow: hidden;}
.supplier_quality li:nth-of-type(4n){margin-right: 0;}
.supplier_quality li a{display: block;}
.index_new{width: 100%;height: 730px; background:#fff;padding-top:70px;}
.index_new_title{height:46px;width:1050px;margin:0 auto;border: 1px solid #ddd;background-color: #e8e8e8;}
.index_new_title .index_new_title_a{float: left;width: 205px;margin-left: 4px;margin-top: 3px; height: 40px; line-height: 38px; text-align:center;font-size:18px;cursor:pointer; color:#32327d;}
.index_new_title .index_new_title_a.on{background-color: #32327d;color:#fff;}
.index_new_content{width: 1050px;margin: 30px auto 50px;}
.index_new_content ul{overflow: hidden;}
.index_new_content li:last-child{margin-right: 0;}
.index_new_content li p{font-size: 16px;}
.index_new_content li .articleTitle{font-size: 20px;font-weight: bold; line-height: 30px;text-align: center;padding- top: 20px; color:#000;}
.index_new_more{ width: 236px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #31316a; margin: 50px auto 0;border-radius: 4px;}
.index_new_more a{width: 100%;height: 100%;display: block;font-size: 16px;color:#31316a;}
.index_new_content span{line-height: 22px;color:#666 !important; font-size: 14px !important;width: 100%;height: 120px !important;}
.article_more{color:#213fbe;font-size: 14px;}
.articleTitle.img{text-align: center !important;vertical-align: middle;margin-top: 10px;height: 140px; overflow: hidden;}
.index_new_content_more {width:120px;height:40px;line-height:40px;text-align:center;background:#32327d;-moz-border-radius: 4px; -webkit-border-radius: 5px;border-radius:5px;position:absolute;margin:0 auto;bottom:30px;left:50%;transform:translate(-50%);color:#fff;font-size:16px;}
.index_new_content_more:hover{color:#f00;}
.supplier_jewelry{width: 100%;padding-bottom: 20px;overflow: hidden;border-top: 2px solid #31316a;background-color: #fff;}
.supplier_jewelry_tab{width: 1100px;height: 86px;background: #31316a;margin:0 auto;border-radius: 16px; border-top-left-radius: 0; border-top-right-radius: 0;padding:22px 26px; box-sizing: border-box;}
.supplier_jewelry_tab a{border: 1px solid #31316a;width: 162px;height: 40px; font-size: 14px;text-align: center;line-height: 40px; color:#fff;float:left;cursor: pointer;letter-spacing: 2px;display:block;margin-right: 10px;  }
.supplier_jewelry_tab a.on{border: 1px solid #b5b5bc;}
.supplier_jewelry_menu{width: 1314px;overflow: hidden;margin:80px auto 60px;}
.supplier_jewelry_menu li{width: 200px;height: 240px;margin-right: 20px;float:left;/*border: 1px solid #ddd;*/margin-bottom: 20px;}
.supplier_jewelry_menu li:last-child{margin-right: 0;}
.supplier_jewelry_menu img{height: 200px; width: 200px;vertical-align: middle;text-align: center;line-height: 200px;}
.supplier_jewelry_menu li:hover h3{color: #7581ff;}
.supplier_jewelry_menu h3{height: 30px;text-align: center;font-size: 18px;white-space: nowrap;overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 20px;margin-top: 10px;}
.supplier_jw_img{width:200px;height: 200px;}
.index_new_content li{float: left; width: 314px; margin-right: 45px;height: 470px;border: 1px solid #32327d; position: relative; border-radius: 4px;padding:10px;box-sizing: border-box;}
.index_new_content li .index_new_content_a{width: 100%;display:block;}
.index_new_content li:last-child{margin-right: 0;}
 .index_new_content li .articleTitle.title{height: 60px;margin:0 auto;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;line-height: 30px;padding:10px 20px 0 4px;}
.index_new_more{ width: 236px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #31316a; margin: 50px auto 0;border-radius: 4px;}
.index_new_more a{width: 100%;height: 100%;display: block;font-size: 16px;color:#31316a;}
.index_new_content span{line-height: 22px;color:#666 !important; font-size: 14px !important;width: 100%;height: 120px !important;}
.article_more{color:#213fbe;font-size: 14px;}
.index_new_content  .articleTitle{text-align: left !important;}
.articleTitle.img{text-align: center !important;vertical-align: middle;margin: 10px 0;}
.articleTitle.img img{width: 260px !important;height: 140px !important;}
.index_new_content_more {width:120px;height:40px;line-height:40px;text-align:center;background:#ddd;-moz-border-radius: 4px; -webkit-border-radius: 5px;border-radius:5px;position:absolute;margin:0 auto;bottom:30px;left:50%;transform:translate(-50%);color:#414040;font-size:16px;}
.cat_type_one p.articlecontent{padding:0 10px !important;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;line-height: 22px; font-size: 14px;}
.cat_type_one:hover{background-color: #efeded;}
.cat_type_one:hover .index_new_content_more{background-color: #32327d;color:#fff;}
.index_new_more:hover .more_more{background-color: #32327d;color: #fff;}
.index_new_more:hover .more_supplier_a{background-color: #3e3e4a;color: #fff;border-color: #3e3e4a;}
.more_supplier:hover{border-color: #3e3e4a;}
.supplier_jewelry_tab .ajaxGoods:nth-of-type(1){border: 1px solid #b5b5bc;}
.index_new_title .ajaxArticle:nth-of-type(1){background-color: #32327d;color: #fff;}
.news{
	background: #fff;
	overflow: hidden;
}
.main{
	width: 1100px;
	margin: 0 auto;
}
.news ul{
	width: 30%;
	margin-right: 5%;
	overflow: hidden;
	float: left;
	padding-bottom: 60px;
}
.news ul li:last-child{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.news ul:last-child{
	margin-right: 0;
}
.news ul li{
	line-height: 50px;
	background: #eee;
	width: 90%;
	padding: 0 5%;
	overflow: hidden;
}
.news ul li h1{
	font-size: 16px;
	font-weight: normal;
	float: left;
	line-height: 50px;
	color: #333;
}
.news ul li h2{
	font-weight: normal;
	font-size: 16px;
	float: right;
	line-height: 50px;
	color: #333;
}
.detail{
	padding: 30px 0;
	min-height: 500px;
	background: #fff;
	overflow: hidden;
}
.detail h1{
	font-size: 30px;
	color: #0041b1;
	text-align: center;
	line-height: 50px;
}
.detail_box{
	padding: 20px;
	font-size: 16px;
	line-height: 30px;
}
.detail_box img{
	width: 20%;
	display: block;
	margin: 0 auto!important;
}
.pages h4,.pages h4 a{
	font-size: 16px;
}
.pages h5,.pages h5 a{
	font-size: 16px;
}


