@charset "utf-8";
.clear{ clear:both;}
img{ max-width:100%;}
.m20{ margin-top:20px;}
.m-body{ border:1px solid #ededed; padding:20px; background:#fbfbfb; overflow:hidden;}
.m-header h3{ 
text-transform: capitalize;
font-size:14px;
margin-top:15px;
color: #333;
}
.contact-overview{ 
float:left;
}
.contact-detail{ 
float:right; 
border-left:1px solid #ddd;
}
.contact-picture{
width:30%;
float:left; 
display:inline;
margin-right:5%;

}
.contact-picture img{
border:1px solid #ddd;
}
.contact-info{
margin-left:35%;
}
.vcard .name {
font-size: 14px;
line-height: 21px;
font-weight: 700;
color: #333; background:none; padding:0; margin:0;
}
.dl-horizontal li{ line-height:25px; color:#333;}
.dl-horizontal li span{ color:#666; padding-right:10px;}
.supplier-feedback a,.supplier-feedback input,.BtnSend a,.BtnSend input{
/*color: #fff;
background-color:#0051a3;*/ border:none;
}
.supplier-feedback a:hover,.BtnSend a:hover{ color:#fff; text-decoration:underline;}
.ui-button.ui-button-primary, .ui-button.ui-button-normal {
margin: 0;
font-weight:bold;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
padding:12px 20px; font-size:16px;
}
.dl-horizontal{ margin-bottom:10px;}




/*Emailsupplier*/
.Emailsupplier{ margin-top:30px; margin-bottom:20px; }
.Emailsupplier_B{ border:3px solid #ddd; padding:1% 3%; padding-bottom:20px;}
.Etitle{ font-weight:bold; color:#000; font-size:14px; line-height:30px; margin-bottom:10px;}
.EfromLeft{ min-width:100px;display:inline; font-size:14px; text-align:right; padding-right:15px; float:left;}
.EfromRight{ margin-left:116px;}
.EfromLeft span{ color:red;}
.EfromTxt{ width:98%; height:30px; border:1px solid #ddd; }
.EMessageTxt{ width:94%; border:1px solid #ddd; padding:2%; height:150px; background:#fff; margin-bottom:0;}
.BtnSend{ background:url(../images/BtnSend.png) no-repeat; border:none; margin-left:115px; margin-top:15px; display:inline;}
.Emailsupplier_B p{ color:#999; padding:5px 0;}
.EMessage,.Efrom{ margin-bottom:15px;}

.Company_listCon{ padding-bottom:10px; border-bottom:1px dashed #ddd; margin-bottom:10px;}
.Company_listLeft{ float:left; display:inline; display:none;}
.Company_listRight{ /*margin-left:80px;*/ margin-left:0px!important;}
.Company_listRight h3 a{ font-size:14px; font-weight:700; color:#324143;}
.Company_listRight p{ color:#999; line-height:20px;}
.Company_list{ margin-bottom:10px;}

.Company_Txt{ border-bottom:1px dashed #ddd; padding-bottom:15px;}
.Company_TxtFirst{ font-size:12px; color:#999; line-height:30px; text-align:right; margin-bottom:10px; }
.firt-right{ }
.Company_TxtFirst img{ margin-top:10px; padding-right:5px;}
.Company_TxtList{ display:inline; font-size:12px;}
.Company_TxtList img{ padding-right:5px; margin-top:5px;}
.Company_TxtOne{ float:left; display:inline; line-height:25px; text-align:left; padding-right:5px; width:130px;}
.Company_TxtTwo{ line-height:25px; text-align:left; margin-left:125px; }
.Company_TxtThree{ float:left; display:inline; line-height:25px; width:355px; text-align:left;}
.profile-dec{ line-height:25px; text-align:justify;}



/*trade*/
.markets-info-table {
width:100%;
}
.markets-info-table th.main-markets, .markets-info-table th.total-revenue {
width: 25%;
}
.market-table{ padding-bottom:20px; border-bottom:1px solid #ccc;}
.markets-info-table th {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;

}
.trade-listcon{ padding-bottom:20px; border-bottom:1px solid #ccc; padding-top:20px;}
tr.table-head{ background-color: #f5f5f5;}
.markets-info-table .main-product {
border-right: 1px solid #dedede;
}
.markets-info-table th, .markets-info-table td {
padding: 9px 18px;
text-align: left;
}
.markets-info-table th, .markets-info-table td {
padding: 9px 18px;
text-align: left;
}
.markets-info-table td {
border-bottom: 1px solid #dedede;
}
.trade-listcon h2,.scene-list h2,.facpic h2 {
font-size: 14px;
line-height: 21px;
font-weight: 700;
padding-left: 0;
margin-bottom: 10px;
color:#333;
}
.trade-list td{ padding:9px 1%; }
.trade-list-l{ width:23%; color:#666;}
.trade-list-r{ width:75%;}

.s-c-logo{ float:left; border:1px solid #ddd; margin-right:10px; }
.s-c-logo img{ padding:5px; }
.s-c-dec p,.s-c-dec div{ margin-bottom:10px; line-height:20px; padding:0; text-align:justify;}
.facpic ul li{ width:23%; float:left; display:inline; padding:1%;}
.facpic{ padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}


.wrap-position a{ color:#333; font-size:14px;}
.wrap-position a:hover{ text-decoration:underline;}
.wrap-position span{ color:#999; font-size:14px;}

.detail-left li{ border:none; padding:0; text-align:left;}
.detail-left a:hover{ text-decoration:underline;}
.detail-left ul{ padding:15px 10px;}
.detail-left ul{ border-bottom:1px solid silver;}
.supplier-profile ul li span{ font-weight:700; color:#333; padding-right:5px;}
.supplier-profile ul li { line-height:20px; padding:5px 0;}
.wrap-position{ margin-bottom:10px; padding:5px 0;}
.supplier-categories ul li{ line-height:20px; padding:5px 0; background:url(../images/marker2.jpg) no-repeat left center; padding-left:15px;}
ul.first-info li{ width:49%; float:left; display:inline; padding-right:1%;}
.info-dlist li{ line-height:20px; padding:5px 0;}
.info-dlist li span{ color:#666; margin-right:10px;}
.info-dlist h4 { margin-bottom: 10px; font-size:14px; font-weight:700; color:#333;}
.info-dlist { padding-bottom:15px; border-bottom:1px solid #ddd; padding-top:15px;}
h3.detail-head{ margin-bottom:0;}
.info-bodycon{ line-height:25px;}
.info-bodycon p,.info-bodycon div,.info-bodycon img{ margin-bottom:10px; text-align:justify;}
.info-bodycon img { max-width:100%;}
.pro-piccon{ width:300px; height:300px; text-align:center; vertical-align:middle; border:1px solid #ddd;  display:table; }
.pro-pic{ text-align:center; vertical-align:middle; width:300px; height:300px;overflow:hidden; display:table-cell;}
.pro-pic img{ text-align:center; vertical-align:middle; max-width:100%; max-height:300px;}

.s-propic ul li{ float: left;
border: 1px solid #ccc;
height: 40px;
width: 40px;
cursor: pointer;
margin: 0 4px;
overflow: hidden;
_display: inline;}
.s-propic ul li .hvalign{ width: 40px;height: 40px;}
.s-propic img{ min-height:40px;}
.s-propic{ padding-top:10px;}
.s-propic ul li.curpic,.s-propic ul li:hover{ border:1px solid #ff9147; }
.detail-topcon{ padding-top:20px; border:1px solid #ccc; padding-left:20px; margin-bottom:20px;}
.topcon-left{ width:78%; float:left; display:inline; padding-bottom:20px;}
.topcon-right{ float:right; height:416px;  margin-top:-20px; border-left:1px solid #eee; background:#fafafa;}
.change-pic{ width:302px; float:left; display:inline;}
.right-details{ width:485px; float:right; display:inline;}

.right-details .pro-name{ font-size: 20px; font-weight: bold; line-height: 30px; margin-bottom: 10px; color:#333;}

.prtperty-th{ float:left; display:inline; width:130px; color:#999;}
.prtperty-tr{ padding:8px 0;}
.prorice{ line-height: 42px; font-size: 36px; font-family: Arial,Helvetica,sans-senif; color: #bd1a1d; font-weight: 700;}
.price-l{ line-height:42px;}
a.btn-chat{ width: 200px; height: 42px; line-height: 42px; display: block; margin-top:15px; cursor:pointer; font-size: 16px; outline-offset: 0.2em;
outline: red dotted 0.2em; background:#e64545; border-radius:3px; text-align:center; color:#fff;}
a.btn-chat:hover{ text-decoration:	underline;}
.rslide-wrap{ width:122px; margin:0 auto;}
.slide-pro .hvalign{ width:120px; height:100px; border:1px solid #ccc;}
.slide-pro{ margin-bottom:10px;}
.rslide-name{ height:40px; line-height:20px; overflow:hidden; padding-top:5px;}
.rslide-title{ line-height:25px; padding:15px 0; text-align:center; font-size:16px;}


/*certificates*/
.certificates-body ul li{ display:inline; margin-bottom:20px; min-width:162px;}
.pic{ width:160px; margin:0 auto; border:1px solid #ddd; overflow:hidden; position:relative; height:160px; margin-bottom:5px;}
.hvalign {
display: table;
text-align: center;
overflow: hidden;
background: #fff;
width:160px;
height:160px;

}
.hvalign-cnt {
display: table-cell;
vertical-align: middle;
}
.hvalign img {
max-width:100%;
max-height:160px;
 vertical-align:middle
}
.certificates-body ul li .name {
line-height: 16px;
height: 48px;
overflow: hidden;
text-align:center;
}

/*photo*/
.page-grid{ background:#fff;}
.main-cnt .main-title {
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	border: 1px solid #eee;
	border-bottom: 0
}

.main-cnt .main-title .h2 {
	font-size: 16px
}

.main-cnt {
	overflow: hidden;
	zoom: 1
}

.main-cnt .main-col {
	float: left;
}

.main-cnt .sider-col {
	float: left;
	background: #fafafa;
	border-left: 1px solid #eee;
}

.main-cnt .slide-list {
	width: 120px;
	margin: 30px auto;
	text-align: center
}

.main-cnt .slide-list .arrow a {
	color: #666;
	margin: 0 10px;
	
}
.arrow a i{ cursor:pointer;}
.top-arrow a i{ width:40px; height:40px; display:inline-block; background-image:url(../images/large.png); background-repeat:no-repeat; background-position:0 0; }
.top-arrow a:hover i{ background-position:-40px 0;}
.arrow a.disable i{ background:none;}

.bottom-arrow a i{ width:40px; height:40px; display:inline-block; background-image:url(../images/large.png); background-repeat:no-repeat; background-position:0 -40px; }
.bottom-arrow a:hover i{ background-position:-40px -40px;}
.main-cnt .slide-list .arrow .disable,.main-cnt .slide-list .arrow .disable:hover {
	color: #ddd;
	cursor: default
}

.main-cnt .slide-list .pic,.main-cnt .slide-list .no-pic {
	width: 100px;
	height: 100px;
	border: 1px solid #eee;
	margin: 0 auto;
	background: #fff
}
.slide-list .pic{ cursor:pointer;}
.slide-list .pic:hover{ border:1px solid #333;}
.main-cnt .slide-list .no-pic {
	line-height: 100px;
	text-align: center
}
.item .pic img{ max-height:100px; max-width:100px;}
.main-cnt .slide-list .name {
	line-height: 16px;
	height: 32px;
	overflow: hidden;
	margin-top: 5px
}

.main-cnt .slide-list .icon {
	font-size: 30px;
	margin: 0;
	line-height: 1
}

.main-cnt .slide-list .slide-wrap {
	overflow: hidden;
	position: relative;
	height: 414px
}

.main-cnt .slide-list .slide-cnt li {
	margin-bottom: 15px
}

.main-cnt .slide-list .selected .pic,.main-cnt .slide-list .selected .no-pic {
	border-color: #333
}

.main-cnt .slide-list .slide-cnt .hvalign {
	width: 100px;
	height: 100px
}

.custom-detail-wrap .custom-title {
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px
}
/*.custom-detail-wrap .custom-pic img{ max-width:640px;}*/
.custom-detail-wrap .custom-pic {
	overflow: hidden;
	margin-bottom: 20px;
	text-align: center
}

/*newsdetail*/
.detai-n-name{ border-bottom:ridge #ff9147; font-size:24px; text-align:center; line-height:35px; color:#ff9147; margin-bottom:10px;}
.detai-n-dec{ color:#666; text-align:center;}
.detai-n-dec span{ padding:0 20px;}
.detail-n-body{ padding:20px 0; line-height:22px; text-align:justify;}
.detail-n-body p,.detail-n-body div{ margin-bottom:15px;}

.detail-n-page{/* color:#ff0000;*/ font-weight:700;	line-height:25px;}
.detail-n-page a{ padding-left:10px; font-weight:normal;}

/*changepic*/
.new-changepic{ width:600px; float:left; display:inline; height:400px; border:1px solid #ddd; position:relative;}
.top-newtui{ width:440px; float:right;}
.tuitop-head,.n-itemhead{ font-size:16px; font-size:22px; color:#ff9147; line-height:35px; border-bottom:ridge #ff9147; margin-bottom:10px;}
.tuitop-dec{ color:#999; line-height:20px;}
.tuilist ul li{ line-height:20px; padding:3px 0; background:url(../images/coin2_05.png) no-repeat left center; padding-left:10px;}
.tuilist ul li span{ float:right; color:#999; padding-right:5px;}
.tuitop{ margin-bottom:10px;}
#news-pic img{ width:600px; height:400px; position:absolute; top:0;left:0; display:none;}
#news-pic{ width:600px; height:400px; overflow:hidden;}
#news-btn{position:absolute;bottom:15px;right:15px;}
#news-btn ul li{width:20px;height:20px;background:#999; float:left;text-align:center; line-height:20px;color:#fff;list-style:none; font-size:12px;border-radius:10px; margin-left:5px;cursor:default;}
#news-btn ul .hov{background:#E4393C;}
.news-item{ width:48%; float:left; display:inline; margin-left:2%; margin-bottom:2%;}
.new-conbody{ width:102%; margin-left:-2%; padding-top:2%;}
.n-itempic{ width:30%; float:left; display:inline;}
.n-itemtxt{ width:68%; float:right;}
.n-itemtxt li{ line-height:20px; padding:3px 0; background:url(../images/coin2_05.png) no-repeat left center; padding-left:10px;}
.n-itemtxt li span{ float:right; color:#999; padding-right:5px;}

.singlecon{ padding:20px 0; background:#fff;}

.detailnew-title{ font-size: 19px;line-height: normal;color: #303c4b;font-weight: 500;text-transform: uppercase; margin: 0; text-align:center; padding-bottom:10px; border-bottom:1px solid #ddd;}
.detailnew-mess{ text-align:center; color:#999; padding-bottom:10px; padding-top:5px;}
.mess-list{ display:inline; padding:0 15px;}
.detail-n-body{ line-height:20px; color:#333;}
.detail-n-body p,.detail-n-body div{ margin-bottom:15px;}
.detail-n-page{ font-weight:700;}
.detail-n-page a{ font-weight:normal; padding-left:10px;}
.detail-pre{ margin-bottom:5px;}
.m20{ margin-top:20px;}
.detailnew-con{ padding:20px; background:#fff; color:#7a7a7a; border:1px solid #ddd;}

.slide-second{ overflow:hidden; width:100%; position:relative;}
.slide-second ul li{ float:left; display:inline; padding:0 10px; display:table; vertical-align:middle; text-align:center; cursor:pointer;}
.slide-second ul li img{ max-width:100%; max-height:100%;}
.slide-second ul{ height:auto; overflow:hidden; position:absolute; z-index:10;}
.s-pre,.s-next{ width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; cursor:pointer; z-index:11;}
.s-pre{ left:0; background:url(../images/icon-r.png) no-repeat 0 -40px;}
.s-next{ right:0; background:url(../images/icon-r.png) no-repeat 0 0;}
.slide-second ul li .hvaligns{ width:100%; height:100%; display:table-cell; vertical-align:middle;}

@media (max-width:768px) {
  .contact-overview{ margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px;}
  .contact-detail{ border-left:none;}
  .EfromRight p{ margin-left:-100px;}
  .BtnSend{ margin-left:15px;}
}