@charset "utf-8";
/* CSS Document */
body {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	font-family: Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;
}
ul,ol { list-style: none; }
table { border-collapse:collapse; border-spacing:0; } 
th,td {  padding: 0; }
* {margin:0; padding:0;}
h1 {font-size: 28px;}
h2 {font-size: 24px; font-weight: 400;}
.fl {float: left}
.fr {float: right}
a{color: #005aa0;text-decoration: none;outline: none;}
input {background: none; border: none; outline:0px;  border-radius:0;}
textarea { -webkit-appearance: none;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; } 
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}

.color_red{ color:red !important;}
.CON{ width:1440px; margin:20px auto 0;}
.topnavbox {height: 30px;	border-bottom: 1px solid #eee;background: #f9f9f9;line-height: 30px;	color: #888; width:100%;}
.topnav{ width:1440px; margin:0 auto;}
.topnavbox a {	color: #888;padding: 0 6px;	line-height: 30px;	height: 30px;	display: inline-block;}
.topnavbox a:hover {		color: #ff7300	}
.topnav_l .pull-down-list {background: #FFF;border: 1px solid #ddd;border-top: none;visibility: hidden;z-index: 20;	position: absolute;width: 98px;}
.topnav_l .pull-down-list a {	padding: 0 15px;	display: block;color: #888}
.topnav_l .drop {display: block;cursor: pointer;line-height: 30px;width: 100px;}
.topnav_l .drop:hover {	background: #eee;}
.topnav_l .pull-down-list a:hover {	background: #eee;	color: #ff7300}
.topnav_r ul li, .topnav_l ul li {	float: left;	position: relative;	margin-right: 10px;	height: 36px;	line-height: 30px;}
.topnav_r ul li:after, .topnav_l ul li:after {	content: "|";	position: absolute;	right: -6px;	top: 0px;	color: #ccc;}
.topnav_r ul li ul li:after {	content: ""}
.topnav_r .pulldown {padding: 0px 6px;}
.topnav_r .pulldown:hover {	background: #fff;	height: 36px;}
.topnav_r .pulldown .inquiry2 {	visibility: hidden;	transition: all 40ms linear;	-o-transition: all 40ms linear;-ms-transition: all 40ms linear;	-moz-transition: all 40ms linear;	-webkit-transition: all 40ms linear;	position: absolute;	top: 30px;	left: -1px;	background: #fff;	padding: 15px 0 15px 0;	border: 1px solid #ddd;	border-top: none;	height: auto;	width: 285px;	padding: 5px 10px;	height: auto;	z-index: 20;	box-sizing: border-box;}
.topnav_r .pulldown:hover .inquiry2, .topnav_r .pulldown:hover .ShoppingList, .topnav_l .pulldown:hover .pull-down-list { /*  opacity: 1;*/
	visibility: visible;
}
.inquiry2 dl {
	display: block;
	margin-right: 20px;
	color: #333;
	float: left;
	line-height: normal;
	width: 110px;
}

	.inquiry2 dl dt {
		font-weight: bold;
		line-height: 30px
	}

	.inquiry2 dl dd a {
		padding: 0;
		line-height: 25px;
		height: 25px;
		width: 100%;
		color: #888
	}
.icon_pd {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #888;
	transition: all 0.1s;
	-moz-transition: all 0.1s; /* Firefox 4 */
	-webkit-transition: all 0.1s; /* Safari 和 Chrome */
	-o-transition: all 0.1s;
}

.topnav_r ul li:hover .icon_pd {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
	-o-transform: rotate(180deg); /* Opera */
	-moz-transform: rotate(180deg); /* Firefox */
	transition: all 0.1s;
	-moz-transition: all 0.1s; /* Firefox 4 */
	-webkit-transition: all 0.1s; /* Safari 和 Chrome */
	-o-transition: all 0.1s;
	position: relative;
	top: 3px
}

.head{ width:100%; border-bottom:1px solid #eee; padding:20px 0; height:45px;}
.headc{ width:1440px; margin:0 auto; position:relative;}
.logow{ float:left; margin-top:10px;}
.logow img{ height:26px; margin-right:5px;}
.logow a{ display:inline-block;}
.ssw{ position:absolute; left:50%; margin-left:-17%; width:45%; height:40px; border:2px solid #00a5ad; border-radius: 5px;}
.ssi{ width:100%; border-radius: 5px; height:40px; line-height:40px; padding-left:20px; box-sizing: border-box; position:absolute; top:0; left:0;font-size:16px}
.ssb{ position:absolute; top:0; right:0; width:80px; height:40px; background:#00a5ad url(../img/ss.png) no-repeat 30px 8px; color:#fff; font-size:16px;  box-sizing: border-box;}
.ssb:hover{ background-color:#009198;}
.wtcg{ width:165px; float:right; height:40px; line-height:40px; text-align:center; font-size:16px; background-color:#ff7800; color:#fff;border-radius: 5px; display:block; margin-top:5px;}
.CL{ width:78%; float:left;}
.jbxx{ width:100%; border:1px solid #e6e6e6; padding:20px; min-height:300px; display:inline-block;     box-sizing: border-box; }
.jbimg{ width:30%; position:relative; float:left; padding:0 20px; box-sizing: border-box;}
.jimgb{ height:300px; position:relative;}
.jimgb img{ max-width:90%; max-height:300px; position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.jbnl{ width:13px; height:22px; display:inline-block; background:url(../img/ss.png) no-repeat -92px -1px; cursor: pointer; position:absolute; top:115px; left:0;}
.jbnr{ width:13px; height:22px; display:inline-block; background:url(../img/ss.png) no-repeat -125px -1px; cursor: pointer; position:absolute; top:115px; right:0;}
.jbs{ text-align:center; font-size:14px; color:#666;}
.jbs span{ margin-right:3px; color:#333;}
.jbr{ margin-left:5%; width:64%; float:left;}
.jbr h1{ font-size:26px; margin-bottom:20px; margin-top:8px}
.jbr div{ margin-top:10px;}
.jbr a{ width:180px; height:36px; line-height:36px; border-radius: 5px; margin-top:20px;  display:block; text-align:center; border:1px solid #00a5ad; color:#00a5ad; font-size:16px;}
.jsp{ width:80px; display:inline-block;}
.jicon{ display:inline-block; margin-right:5px; padding:2px 5px; background-color:#e5e5e5; border-radius:3px;}
.menu{ margin-top:40px; width:100%; height:40px; line-height:40px; background-color:#f9f9f9; border:1px solid #eee;  border-radius: 5px;}
.menu a,.menu span{ display:inline-block; height:40px; padding:0 20px; border-radius: 5px; font-size:16px; color:#333;}
.menu a:hover{ color:#178588;}
.menua{ background-color:#178588; color:#fff !important;}
.cpxq{ font-size:24px; font-weight:bold; margin-top:30px;}
.xqt{font-size:18px; font-weight:bold; margin-top:30px;}
.cptable{ margin-top:10px;}
.cptable table{ width:100%; }
.cptable table tr th{ width:120px; color:#333; font-weight:400; padding:8px 0; text-align:left;vertical-align:top;}
.cptable table tr td{ padding:8px 0 8px 20px; color:#666;vertical-align:top;}
.bbt{ font-size:14px; font-weight:bold; margin-top:20px;}
.bbw{ color:#666; line-height:22px;}
.wxsift{ width:100%; display:inline-block;}
.wxsel{  width:200px;  line-height:36px; float:left; margin-right:20px; margin-top:20px;}
.wxsel select{ width:200px; height: 42px; border-radius: 5px; background-color:#f9f9f9; border:1px solid #eee; padding:10px 15px; box-sizing: border-box; font-size:16px; }
.pax{ float:right;}
.pax span{    display: inline-block; margin-right: 20px;  cursor: pointer; line-height:40px;}
.pax span:hover{ color:#178588;}
.paxa { color: #178588!important;}
.wxlist{ width:100%; margin-top:20px; padding:20px; box-sizing: border-box; border:1px solid #eee; display:inline-block;}
.wxlist:hover{    box-shadow: 0 1px 14px 0 rgba(0,0,0,.09);}
.wxl{ width:75%; float:left;}
.wxl2{ width:100%;}
.caption{ font-size:16px; color:#204faa !important; font-weight:bold;font-family: Roboto,Georgia,serif,arial;}
.substance .ja:hover{ color:#1d9fff;}
.controlcn .caption{font-family: PingFangSC-Regular,Arial,sans-serif;font-weight: 500;}
.substance{padding-top:10px; letter-spacing:-0.5px}
.substance .ja,.substance a{ color:#204faa;margin-right:10px; display:inline-block; padding:2px 0; }
.substance .Pub{ color:#666; margin-right:10px;}
.substance .IF,.substance .fq1,.substance .fq2,.substance .fq3,.substance .fq4,.substance .fq5,.oa,.bdhxsp,.substance .IF1,.substance .IF2,.substance .IF3,.substance .IF4,.substance .qe1,.substance .qe2,.substance .qe3,.substance .qe4{ font-size:12px; line-height:20px;color:#fff; border-radius:3px; display:inline-block; padding:0 8px; margin-right:5px; }
.substance .IF{ background-color:#ff7800;}
.substance .IF1{ background-color:#ff7800;}
.substance .IF2{ background-color:#ff7800;}
.substance .IF3{ background-color:#ff7800;}
.substance .IF4{ background-color:#ff7800;}

.substance .fq1{background-color:#b78890;}
.substance .fq2{background-color:#8187ac;}
.substance .fq3{background-color:#8eb28c;}
.substance .fq4{background-color:#b1b1b1;}

.substance .qe1{background-color:#8eb28c;}
.substance .qe2{background-color:#b78890;}
.substance .qe3{background-color:#8187ac;}
.substance .qe4{background-color:#b1b1b1;}

.substance .fq5{background-color:#1d9fff;}
.oa{background-color:#75c675;}
.IF{background-color:#ff9c00;color:#fff; border-radius:3px; display:inline-block; padding:0 8px;}
.author{ color:#666; font-size:13px; overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; margin-top:7px; letter-spacing:-0.2px;}
.author a{ display:inline-block; color:#1d9fff; font-size:13px; margin-right:15px;}
.author a img{ width:18px; height:18px; border-radius:18px; margin-right:5px; position:relative; top:-2px;}
.author a:hover{ color:#00369e;}
.ho{margin-top:15px}
.ho span{margin-right:25px; color:#8187ac; font-size:12px}
.wxr{ width:20%; float:right;}
.wxr img{ max-width:100%; max-height:150px; float:right;}
.Cut{margin:12px auto ; text-align:center}
.pageiconl{ width:10px; height:17px; display:inline-block; background:url(../img/ss.png) no-repeat 0 -40px; margin-right:20px; position:relative; top:4px;    cursor: pointer;}
.pageiconr{ width:10px; height:17px; display:inline-block; background:url(../img/ss.png) no-repeat -19px -40px; margin-left:20px;position:relative; top:4px;    cursor: pointer;}
.Cut p{ display:inline-block; color:#666}
.Cut p span{ color:#333; margin-left:5px; margin-right:5px; display:inline-block;}
.xgcp{ width:30%; float:left; border:1px solid #eee; padding:20px; border-radius:5px; box-sizing: border-box; margin-top:20px; margin-right:2%; height:150px;}
.xgimg{ width:25%; float:left; display:inline-block; margin-right:5%;}
.xgimg img{ max-width:100%; max-height:120px;}
.xgr{ float:left; width:70%;}
.xgr a{ font-size:16px; font-weight:bold; color:#333;}
.jg{ color:#ff7800; font-weight:bold; font-size:16px; margin-top:10px;}
.xgx{ color:#666; margin-top:10px;}
.CR{width:20%; float:right;}
.rigw{ width:100%; padding:20px; border:1px solid #eee;  border-radius:5px; box-sizing: border-box; margin-bottom:20px;}
.cpjg{ font-size:26px; font-weight:bold; margin-top:10px; text-align:center; color:red;}
.cpjs{ margin-top:20px;}
.cpjs span{ font-size:13px; color:#999; width:30%; display:inline-block;  padding-left:10px;box-sizing: border-box;}
.cge{ width:100%;  position: relative; display: inline-block;  padding: 10px 0;  border:1px solid #eee; margin-top:15px;}
.cge span{ width:30%; display:inline-block; padding-left:10px;box-sizing: border-box; float: left;}
.cgea{ border:1px solid red; position:relative; }
.cgea::after{ content:''; width:17px; height:17px; display:inline-block; background:url(../img/ss.png) no-repeat -79px -38px; position:absolute; bottom:0; right:0;}
.abtn{ width:60%; margin:30px auto 0;}
.abtn a{ width:100%; height:32px; line-height:32px; text-align:center; border-radius:32px; font-size:16px; display:inline-block; margin-left:1%; margin-right:1%;}
.aba1{ background-color:red; color:#fff !important;}
.aba1:hover{ background-color:#ff7800;}
.aba2{ background-color:#f9f9f9; color:#666;}
.abtn1{ width:40%; margin:30px auto 0;}
.abtn1 a{ width:100%; display:inline-block;}
.riimg{ width:100%; height:100px; position:relative;}
.riimg img{ max-height:100px; max-width:90%;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.rit{ margin-top:30px; font-weight:bold;}
.ritxt{ color:#666; line-height:20px; margin-top:8px;}
.rilist{ margin-top:15px;}
.rname{ color:#ff7800; font-size:15px; font-weight:bold; }
.rdh{color:#666;}
.rdh::before{ content:''; width:12px; height:13px; display:inline-block; background:url(../img/ss.png) no-repeat -45px -40px; position:relative; top:2px; margin-right:3px;}

.qqhmw { display:inline-block;  margin-right: 5px;  position: relative;top: 4px; margin-left: 5px;}
.qqhmb { /*background-color:#f5f5f5;*/  position: absolute;   left: -213px; top: -4px;  display: none;  padding-right: 1px; padding-left: 15px;  z-index: 999;}
.qqhm {  background-color: #e4e4e4; padding: 5px 13px; width: 165px; margin-left: -5px;  height: 26px;}
.qqhm::after {  content: '';  position: absolute; right: -11px;  top: 8px;  display: inline-block;  width: 0px;  height: 0px; border: 8px solid;  border-left-color: #e4e4e4;  border-right-color: transparent;   border-top-color: transparent; border-bottom-color: transparent;}
.qqhm span {  font-size: 14px;  color: #000;   margin-right: 15px;  float: left; }
.qqhm span::before {  content: '';   width: 14px;   height: 16px;    background: url(../../images/icon_common.png) no-repeat -166px -163px;  display: inline-block;  margin-right: 7px;  position: relative; top: 2px;}
.qqhmw:hover .qqhmb { display: block;}

.wxqt {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    text-align: center;
    width: 188px;
    position: relative;
    left: -4px;
    padding: 10px 0;
    top: -4px;
}

    .wxqt div img {
        width: 150px;
        margin-bottom: 5px;
    }
.wxbg{ width:100%; height:100%; background-color:#073d3e; position:fixed; top:0; left:0; z-index:999;} 
.wxfx{ width:1100px; background-color:#fff; position:fixed; top:100px; left:50%; margin-left:-550px; z-index:9999;  border-radius:5px; }
.wxfxl{ float:left; width:400px; padding:20px; box-sizing: border-box; border-right:1px solid #eee; background-color:#f9f9f9;  height: calc(-150px + 100vh);}
.xgcpw{ overflow:auto; }
.cplist{ width:100%; padding:15px; box-sizing: border-box; border-right:1px solid #e7e7e7; margin-top:20px; background-color:#fff;}
.wxnr{ display:inline-block; padding:20px; box-sizing: border-box; width:700px;}
.xnimg img{ max-width:100%; max-height:200px; display:block; margin:20px auto 0; }
.xntxt{ margin-top:30px; line-height:22px;}
.xgc1{ width:100%;}
.xgt1{    font-family: Roboto,Georgia,serif,arial; color:#000; font-weight:bold; font-size:16px;}
.cpa1{ color:#333; font-weight:bold; margin-bottom:11px; display:block;}
.hhw span{ color:#666; margin-top:5px; display:block;}
.cpa2{ margin-top:15px; display:block; color:#178588;}
.gba{ font-size:26px; display:block; color:#333; position:absolute; right:10px; top:0;}

.foot { margin-top:60px; color: #fff;text-align: center;padding: 30px 0;line-height: 22px;background: #515151;clear:both; width:100%; display:inline-block; font-size:13px;}
.foot a {color: #fff;}
.foot a:hover {	color: #ff7300;}
.foot ul li {line-height: 24px;}

.bsnbbox{ position:relative;}
.bsnav{ position:absolute; top:62px; left:0; z-index:99;  width:calc(100% - 117px); border:1px solid #00a5ad; background-color:#fff;     box-sizing: border-box;  border-radius:5px; padding:5px 0;}
.bsnav a:hover{ background-color:#f6f6fc;} 
.bsnav a{ color:#666;  padding:0 15px; display:inline-block; width:100%;box-sizing: border-box; line-height: 38px;font-size:14px; cursor: pointer; }
.bsnav a.bsa{ background-color:#f6f6fc;} 
.bsnav a span{ color:#ff7800;}
.swrk{ width:100%; margin-top:10px; border-top:1px solid #f6f6fc;box-sizing: border-box;}
.swrk img{ height:11px; display:inline-block; margin-right:5px;}
.swrk a{ color:#000; font-size:14px;}
.swrk:hover{ background-color:#f6f6fc;}
.bsnav1{top: 40px; left: -2px; width: calc(100% - 77px);}
.pof{ width:100%; border-bottom:1px solid #eee; background-color:#fff; position:fixed; top:0; left:0; z-index:999; height:70px;     box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);}
.pofc{ width:1440px; margin:0 auto;}
.logo1{ float:left; margin-top:20px;}
.logo1 img{ height:24px; margin-right:5px;}
.por{ float:right; width:40%; height:38px; line-height:38px; border:1px solid #00a5ad; border-radius:5px; margin-top:15px; margin-right:18%; position:relative;}
.por .ssi{ line-height:38px; height:38px; font-size:14px;}
.por .ssb{ height:38px; background: #00a5ad url(../img/ss.png) no-repeat 20px 6px; width: 63px;}
.plca{ height:24px; line-height:24px; padding:0 10px; border:1px solid #00a5ad; color:#00a5ad;  display:inline-block; margin-top:15px; font-size:13px;}
.plca:hover{ background-color:#00a5ad; color:#fff;}
/*详情页结束*/
.itema{ width:100%; display:inline-block; line-height:28px; position:relative;}
.puh1{ font-size:20px; float:left;}
.pp1{ text-align:right; color:#666; float:left;}
.paix{ float:right;}
.paix span{ display:inline-block; margin-left:20px; color:#333;     cursor: pointer;}
.paix span::after{ content:''; width:12px; height:13px; display:inline-block; background:url(../control/image/icon_productlist.png) no-repeat -55px -31px; margin-left:5px; position:relative; top:1px;}
.paix span:hover{ color:#ff7800;}
.paix span:hover::after{background:url(../control/image/icon_productlist.png) no-repeat -74px -31px;}
.paixa{color:#ff7800 !important;}
.paixa::after{content:''; width:12px; height:13px; display:inline-block; background:url(../control/image/icon_productlist.png) no-repeat -74px -31px !important; }
.flnav{ width:100%; display:inline-block; margin-bottom:30px;}
.biobox{ width:100%; height:400px; background:url(../img/biobanner.jpg) no-repeat center 0; }
.biologo{ width:426px; margin:0 auto; padding-top:90px;}
.biologo img{ height:35px; margin-left:5px; margin-right:5px;}
.bssb{ width:890px; margin:40px auto 0;}
.bsn{ width:100%; height:60px; background-color:#fff; border:2px solid #00a5ad; position:relative; border-radius:5px;}
.bssi{ width:100%; height:60px; line-height:60px; border-radius:5px; padding-left:30px;box-sizing: border-box;font-size:18px}
.bssn{ width:120px; height:60px; background-color:#00a5ad; position:absolute; right:0; top:0; font-size:18px; color:#fff;}
.bssn:hover{background-color:#009198;}
.bre{ width:100%; margin-top:20px; display:inline-block;}
.bre span{ color:#666; font-size:14px;}
.bre a{ color:#00a5ad; margin-left:20px; display:inline-block; font-size:14px;}
.bre a:hover{color:#008c80;}
.flbox{ width:100%; display:inline-block; margin-top:25px;}
.flbt{ text-align:center; font-weight:bold; margin-top:50px; font-size:34px;}
.flb{ width:15%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#333; float:left; margin-right:2%; background-color:#fff;     box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);  border-radius:5px;    cursor: pointer;}
.flb span{ width:29px; height:26px; display:inline-block;  background:url(../img/ss.png) no-repeat; margin-right:10px; position:relative; top:6px;}
.flb:nth-child(6){margin-right:0%; }
.flb:nth-child(12){margin-right:0%; }
.flspan1{ background-position:0 -101px !important;}
.flspan2{ background-position:-34px -101px !important;}
.flspan3{ background-position:-68px -101px !important;}
.flspan4{ background-position:-104px -101px !important;}
.flspan5{ background-position:-141px -101px !important;}
.flspan6{ background-position:-174px -101px !important;}
.flspan7{ background-position:-336px -101px !important;}
.flspan8{ background-position:-393px -101px !important;}
.flb:hover{background-color:#00a5ad; color:#fff;}
.flb:hover .flspan1{ background-position:0 -142px !important;}
.flb:hover .flspan2{ background-position:-34px -142px !important;}
.flb:hover .flspan3{ background-position:-68px -142px !important;}
.flb:hover .flspan4{ background-position:-104px -142px !important;}
.flb:hover .flspan5{ background-position:-141px -142px !important;}
.flb:hover .flspan6{ background-position:-174px -142px !important;}
.flb:hover .flspan7{ background-position:-336px -142px !important;}
.flb:hover .flspan8{ background-position:-393px -142px !important;}
.flba{background-color:#00a5ad; color:#fff; position:relative;}
.flba::after{     content: '';
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top:50px;
    left:47%;
    padding: 0;
    border-bottom:8px solid transparent ;
    border-top: 8px solid #00a5ad;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: block;
    z-index: 12;}
.flba .flspan1{ background-position:0 -142px !important;}
.flba .flspan2{ background-position:-34px -142px !important;}
.flba .flspan3{ background-position:-68px -142px !important;}
.flba .flspan4{ background-position:-104px -142px !important;}
.flba .flspan5{ background-position:-141px -142px !important;}
.flba .flspan6{ background-position:-174px -142px !important;}
.flba .flspan7{ background-position:-336px -142px !important;}
.flba .flspan8{ background-position:-393px -142px !important;}
.lblist{ width:18%; float:left; margin-right:2.5%; border:1px solid #eee; border-radius:5px; padding:20px; box-sizing: border-box; margin-bottom:30px; min-height:319px; }
.lblist:nth-child(5){margin-right:0%; }
.lblist:nth-child(10){margin-right:0%; }
.lblist:hover{box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);}
.lbimg{ display:block; width:100%; height:180px; position:relative;}
.lbimg img{ max-width:100%; max-height:180px;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.lbjg{ font-weight:bold; color:red; font-size:18px; text-align:center; margin-top:15px;width:100%; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.lbnc{ display:block; font-weight:bold; color:#333; font-size:14px; width:100%; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top:10px;}
.lbnc:hover{ color:#ff7800;}
.lbhh{ text-align:center; margin-top:10px; width:100%; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;}
.lbhh span{ color:#666; margin-left:5px; margin-right:5px;}
.more{ width:170px; height:38px; line-height:38px; border:1px solid #00a5ad; text-align:center; clear:both; font-size:16px; color:#00a5ad; display:block; margin:20px auto 0;border-radius:5px;}
.more:hover{ background-color:#00a5ad; color:#fff;}
.lonav{ width:100%; margin-top:60px; display:inline-block;}
.lonav div{ font-size:34px; font-weight:bold; margin-right:50px; float:left;}
.lonav span{ cursor: pointer; display:inline-block; margin-right:40px; font-size:20px; padding-bottom:10px; margin-top:12px;}
.lonav span:hover{color:#00a5ad;}
.loa{ border-bottom:2px solid #00a5ad; color:#00a5ad; font-weight:bold;}
.lobox{ width:100%; display:inline-block;}
.lolist{ height:213px; border:1px solid #eee; border-radius:10px; width:19%; margin-right:1.2%; float:left; padding:20px;box-sizing: border-box; margin-top:25px;}
.lolist:hover{box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);}
.loimg{ width:100%; height:90px; position:relative;}
.loimg img{ max-width:100%; max-height:90px;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.lil{ margin-top:10px; display:inline-block; font-weight:bold; color:#ff7800;}
.lispan{ display:inline-block; width:100px; float:left; color:#666; font-weight:400;}
.liic{ font-size:12px; padding:2px 10px; background-color:#ff7800; border-radius:3px; color:#fff;}
.lolist:nth-child(5) { margin-right:0;}
.lolist:nth-child(10) { margin-right:0;}
.dlta{ display:table;margin: 0 auto;}
.liiconmr{ margin-left:0 !important; margin:5px auto 0; display:block !important;}
.lot{ font-size:16px; font-weight:bold; margin-top:20px; text-align:center; display:block; color:#333;     cursor: pointer;}
.lot:hover{color:#00a5ad;}
.lop{ text-align:center; font-size:14px; margin-top:8px; color:#666; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.xxbox{ float:left; width:20%;}
.xxt{ width:100%;  height:50px; line-height:50px; text-align:center; background-color:#e5f6f7; color:#00a5ad; font-size:18px; font-weight:bold;}
.xlist{ margin-bottom:10px;}
.xlt{ height:42px; line-height:42px; background-color:#fafafa; padding:0 15px; box-sizing: border-box; font-size:15px; font-weight:bold; position:relative; cursor: pointer; margin-top:10px;}
.xlt::after{ content:'﹀'; font-size:14px; color:#999; position:absolute; right:15px; top:5px;}
.xlt2::after{ content:'︿'; font-size:14px; color:#999; position:absolute; right:15px; top:-3px;}
.xlt:hover{ background-color:#e5f6f7;}
.xxnav{ padding-left:15px; width:100%; box-sizing: border-box; }
.xxlabel::-webkit-scrollbar{width:4px; background-color:#f4f3f3; }
.xxlabel{ max-height: 400px; overflow-y: auto; }
.xxnav div{ margin-top:13px;}
.xxnav label{     cursor: pointer;}
.xxnav label:hover{ color:#ff7800;}
.xxnav input{ margin-right:10px; position:relative; top:1px;}
.xxnav input[type=checkbox] {  cursor: pointer;   position: relative; }
.xxnav  input[type=checkbox]::after {
        position: absolute;
        top: 0;
        background-color: #fff;
        color: #fff;
        width: 14px;
        height: 14px;
        display: inline-block;
        visibility: visible;
        padding-left: 0px;
        text-align: center;
        content: ' ';
        border-radius: 2px;
        box-sizing: border-box;
        border: 1px solid #ddd;
    }
.xxnav input[type=checkbox]:checked::after {
        content: "";
        border-color: #ff7800;
        background-color: #ff7800;
    }

.xxnav input[type=checkbox]:checked::before {
        content: '';
        position: absolute;
        top: 0;
        left: 4px;
        width: 3px;
        height: 8px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        z-index: 1;
    }
.xxnav input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; width: 14px; height: 14px; position: relative; border: 1px solid #ff7800; border-radius: 2px; overflow: hidden; }
.pubox{ width:78%; float:right;}
.condition{ width:100%;background: #f5f5f5; margin-bottom:30px; display: table; }
.cdtit{ background:#00a5ad; color:#fff; display: table-cell; vertical-align: middle;  position: relative;  width:7%; text-align:center;}
.cdnr{    position: relative; padding:0 10px 10px 10px; display: table-cell;  width: 93%; }
.cdlist{ display: inline-block; margin-right:5px; height:26px; line-height:26px;background: #fff; color: #333; border-radius:3px; padding:0 10px; margin-top:10px;}
.cdlist span{ font-size:18px; font-weight:bold; color:#666; cursor: pointer; margin-left:10px;}
.cdlist span:hover{ color:#ff7800;}
.plist{ width:100%; display:inline-block; padding:20px; box-sizing: border-box; border:1px solid #eee; margin-top:15px;}
.plist:hover{    box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);}
.pll{ width:190px; float:left;}
.plimg{ width:190px; height:190px;  border-radius:5px; position:relative; display:inline-block;}
.CPicture {
     width:190px; height:190px;   border-radius:5px; 
    display: table;
    position: relative;
    overflow: hidden;
}

    .CPicture a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .CPicture .HowMany {
        background: rgba(0,0,0,0.5);
        color: #FFF;
        padding: 4px;
        position: absolute;
        bottom: 0px;
        left: 0px;    font-size: 10px;
    border-radius: 10px;
    line-height: 100%;
    }

    .CPicture img {
        max-height: 188px;
        max-width: 190px;
    }

    .CPicture:hover .TouchArr2 {
        display: block;
    }
.TouchArr2 {
    display: none;
}

    .TouchArr2 a[class="prev"], .TouchArr2 a[class="next"] {
        background: #000;
        position: absolute;
        top: 35%;
        height: 50px;
        width: 32px;
        font: bold 36px Verdana, Geneva, sans-serif;
        color: #999;
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
        z-index: 99;
    }

    .TouchArr2 a[class="prev"] {
        float: left;
        left: 0;
    }

        .TouchArr2 a[class="prev"]:before {
            content: "﹤";
            position: absolute;
            left: -4px;
            top: -0px
        }

    .TouchArr2 a[class="next"] {
        float: right;
        right: 0;
    }

        .TouchArr2 a[class="next"]:before {
            content: "﹥";
            position: absolute;
            right: -4px;
            top: -0px
        }
	
	
.plimg img{max-width:90%; max-height:180px;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.pla{ width:108px; height:30px; line-height:30px; text-align:center; display:block;  background-color:#ff7800; color:#fff;border-radius:5px; float:left; display:none;}
.pla:hover{ background-color:#ff8e31;}
.plc{ width:50%; float:left; margin-left:20px;}
.plname{ font-size:16px; color:#333; font-weight:bold; display:inline-block;}
.plp{ width:100%; display:inline-block; margin-top:8px; line-height:16px;} 
.pljg{ float:left; color:red; font-size:16px; font-weight:bold; margin-right:25px;}
.pljg span{ font-size:14px; font-weight:400; width:auto !important;}
.plsp{ float:left; color:#666;}
.plsp span{ display:inline-block; margin-right:5px;}
.plsp span:firstchild{ margin-left:0;}
.plwx{ font-weight:bold; color:#00a5ad;}
.plwx::before{ content:''; width:18px; height:14px; display:inline-block; background:url(../img/ss.png) no-repeat -186px 0 ; margin-right:8px; position:relative; top:2px;}
.plx{ margin-top:6px; color:#666; display:inline-block; width:100%; font-size:13px;}
.plxv1{ color:#333; width:20%; display:inline-block; float:left;}
.plxv2{ float:left;display:inline-block; width:80%;}
.dlr{ width:25%; float:right;}
.dlimg{ width:100%; display:inline-block; height:65px; position:relative;}
.dlimg img{ max-width:100%; max-height:65px; }
.cfnav{ margin-top:10px;}
.Downwards{ display:inline-block; position:relative;}
.Downwards:hover .Certify{ display:block;}
.cfname{ font-weight:bold; width:100%;color:#333; word-break: break-all; white-space: pre-wrap;}
.cfname::after{ content: '﹀'; color: #999;  margin-left: 8px; position: relative; top: 1px;  display: inline-block; font-size: 10px;}
.cfname:hover{color:#ff7800}
.cfname:hover::after{color:#ff7800}
.Certify:hover .cfname{ color:#ff7800;}
.Certify:hover .cfname::after{content:'︿'; color:#ff7800; position:relative; top:-3px;transition: none;}
.Certify{
position:absolute;
width:620px;
padding:20px;
background-color:#FFF;
border:#ccc solid 1px;
border-radius:3px;
z-index:9999;
font-size:12px;
display:inline-block;
right:0;
top:23px;
box-shadow:3px 3px 10px #ccc; display:none;
}
.Certify::before{
content:'';
box-sizing:content-box;
width:0px;
height:0px;
position:absolute;
top:-16px;
right:41px;
padding:0;
border-bottom:8px solid #FFFFFF;
border-top:8px solid transparent;
border-left:8px solid transparent;
border-right:8px solid transparent;
display:block;
z-index:12;
}
.Certify::after{
content:'';
box-sizing:content-box;
width:0px;
height:0px;
position:absolute;
top:-18px;
right:40px;
padding:0;
border-bottom:9px solid #cccccc;
border-top:9px solid transparent;
border-left:9px solid transparent;
border-right:9px solid transparent;
display:block;
z-index:10
}
.Certify_name{
font-weight:bold;
color:#333; margin-bottom:5px;
}
.Certify_name p{
padding:5px 7px;
border-radius:2px;
display:inline-block;
margin-right:10px;
line-height:12px !important;
font-weight:500;
}
.Certify_name .TYC_span1{
color:#339f57;
background-color:#ebf7ef;
}
.Certify_name .TYC_span2{
color:#7e85d5;
background-color:#ecedf9;
}
.Certify_name .TYC_span3{
color:#e7f2fc;
background-color:#469ce5;
}
.Certify_name .TYC_span4{
color:#d3ac48;
background-color:#faf5e8;
}
.Certify_name .TYC_span5{
color:#fdf1eb;
background-color:#eb9562;
}
.Certify_more{
display:inline-block;
float:right; font-size:14px;
color:#ff8a42 !important;
}
.Certify_more:hover{
color:red !important;
}
.Certify p{
line-height:18px;
color:#666;
margin-top:5px;
margin-bottom:5px;
}
.Certify p span{
display:inline-block;
width:73px;
color:#999;
float:left;
}
.Certify_force{
display:inline-block;
width:535px;
font-weight:500;
color:#666;
}
.Certify_left p{
display:inline-block;
width:55%;
}
.Nian{
float:none !important;
color:red !important;
margin-left:10px;
}
.Certify_width{
width:45% !important;
}
.tyc {text-align: right}
.tyc a { padding-left: 16px; background:url(../Content/img/tyc.png) no-repeat; background-size: 12px 12px;}
.sxqqhmw{
display:inline-block;
margin-top:1px;
position:relative;
float:left; margin-left:15px;
}
.sxqqhmb{
position:absolute;
top:28px;
left:-55px;
display:none;
padding-top:3px;
z-index:99;
}
.sxqqhm{
background-color:#e4e4e4;
padding:5px 13px;
width:165px;
margin-left:-5px;
display:inline-block;
}
.sxqqhm::after{
content:'';
position:absolute;
left:85px;
top:-13px;
display:inline-block;
width:0px;
height:0px;
border:8px solid;
border-left-color:transparent;
border-right-color:transparent;
border-top-color:transparent;
border-bottom-color:#e4e4e4;
}
.sxqqhm span{
font-size:14px;
color:#000;
margin-right:15px;
float:left;
width:auto !important;
}
.sxqqhm a{
float:right;
}
.sxqqhm span::before{
content:'';
width:14px;
height:16px;
background:url(../../images/icon_common.png) no-repeat -166px -163px;
display:inline-block;
margin-right:7px;
position:relative;
top:2px;
}
.sxqqhmw:hover .sxqqhmb{
display:block;
}

.popbuy{ width:500px; background-color:#fff; padding-bottom:30px; box-sizing: border-box;border-radius: 5px; position:fixed; top:18%; left:50%; margin-left:-250px; z-index:999;     box-shadow: 0 1px 10px 0 rgba(0,0,0,.07); overflow:hidden;}
.popt{    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    height: 54px;
    line-height: 54px;
    background-color: #f9f9ff;
    padding: 0 20px;
    box-sizing: border-box;}
.popt a{ float:right; font-size:24px; font-weight:400; color:#333; }
.popt a:hover{ color:#ff7800;}
.poptxt{ margin-top:20px;  padding: 0 20px;}
.popl{ font-weight:bold; color:#333;}
.poptxt div{ margin-top:8px; font-size:15px;  color:#333;}
.poptxt div span{ width:60px; display:inline-block; color:#666;}
.prompt{
color:#999;
font-size:13px !important;
text-align:center;
border-top:1px solid #eee;
padding-top:10px; margin-top:40px;
}
.mark{
background:#ff4700;
color:#FFF;
padding:0px 6px;
height:16px;
line-height:18px;
display:inline-block;
border-radius:20px;
font-size:12px;
font-style:normal;
margin-right:6px
}
.dldh span{width: 18px;
    height: 15px;
    background: url(../control/image/icon_icon.png) -49px -303px; display:inline-block; position:relative; top:2px; margin-left:10px;
    cursor: pointer;
    color: #999;}

.dldw{ width:100%; display:inline-block; margin-top:12px;}
.dldh{ float:left;}
.dldh::before{ content:''; width:12px; height:13px; display:inline-block; background:url(../img/ss.png) no-repeat -45px -40px; margin-right:4px; position:relative; top:1px; }
.dla{ width:145px; height:30px; line-height:30px; text-align:center; display:block; margin-right:10px; color:#fff !important; background-color:#ff4b47;border-radius:5px; float:left;}
.dla::before{content:''; width:19px; height:16px; display:inline-block; background:url(../img/ss.png) no-repeat -221px 0; margin-right:8px; position:relative; top:2px;}
.dla:hover{ background-color:red;}
.dlbta{ margin-top:15px; display:inline-block;}
.plist:hover .pla{ display:block;}
/*翻页*/
.pageBox{ margin:20px 0; clear:both}
.page{padding:10px 0 0 0;width:630px; margin:auto; text-align:center; font-size: 14px;}
.page a{color:#888; padding:3px;cursor:pointer;}
.page a:hover,.ad_a .R_list_info .information a:hover{color:#000;}
.page span,.page ul{ display:inline-block}
.page ul {  position: relative;top: 6px; display:inline-block; margin-bottom: 0 !important; }
.page ul li{border:1px solid #ccc; float:left;margin:0 5px;height:22px; line-height:22px; text-align:center;border-radius:3px;}
.page ul li a{padding:3px 8px; }
.page ul  a li{height: 22px;padding:3px 8px}
.page .CC,.page ul li:hover{border:1px solid #333; background:#fff; cursor:pointer;}
.page .CC a{color: #333}
.page span{padding:0 5px; color:#a4a4a4; line-height:24px;}
.page .pageNo{height:22px;border:1px solid #a4a4a4;width:45px;text-align:center; font-family:Arial, Helvetica, sans-serif}
.page .pageGo{border:none;background:#666;height:24px;padding:0 5px;color:#eee; cursor:pointer}
.page .pageGo:hover{ background:#ff8900}
.page .NN,.page .NN:hover{border:1px solid #fff; background:none; cursor:auto}
/*翻页*/
.lbgs{ float:left; color:#666; width:65%;     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.vipicon{
border:1px solid #ff7300;
display:block;
border-radius:3px;
height:12px;
font:12px/12px arial;
padding:1px 1px 1px 0;
color:#ff7300;
overflow:hidden;
float:right;
position:relative; top:1px;
}
.vipicon span{
text-align:center;
background:#ff7300;
color:#fff;
padding:1px 2px;
margin-right:2px;
line-height:100%;
font-weight:bold;
margin-left: 0;
}

.liicon {
    display: inline-block;
    cursor: pointer;
    color: #00399d;
    font: normal 13px Arial, Helvetica, sans-serif;
    height: 18px;
    line-height: 20px;
    background: #dcdfeb url(../img/ss.png) no-repeat 0 -240px;
    padding-left: 18px;
    border-radius: 18px;
    position: relative;
    top: 4px;
	margin-left:8px;
}
.liicon:hover{ background-color:#00399d; color:#fff;}
.liicon span {
        padding-left: 4px;
        padding-right: 8px;
        display: inline-block;
        float: left;
    }


.dcbg{ width:100%; height:100%; background-color:#145d6b; position:fixed; top:0; left:0; z-index:99999;}
.dcbox{ width:70%; background-color:#fff; border-radius:5px; position:fixed; z-index:999999; top:0; inset: 0px; margin:50px 15%; overflow:hidden; height: calc(100% - 120px);}
.bkxs{
   color:#666;
font-size:13px;
margin-top:5px;
position:absolute;
bottom:0;
background-color:#f8fbfc;
width:30%;
display:inline-block;
padding-bottom:10px;
}
.bkxs img{
margin:0 6px;
position:relative;
top:2px;
}
.dcl{ width:33%; padding:20px; box-sizing: border-box; background-color:#f8fbfc; border-right:1px solid #e7eced; border-top-left-radius:5px;border-bottom-left-radius:5px; float:left; height:100%; overflow:auto;}
.gslo{ width:100%; display:inline-block;}
.gslimg{ width:75px; height:75px; border:1px solid #e7eced; border-radius:5px; background-color:#fff; float:left; position:relative;}
.gslimg img{ max-width:70px; max-height:70px;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.gslr{float:left; margin-left:15px;width:60%;}
.gslp{  font-size:20px; font-weight:bold; line-height:32px; color:#333;  margin-top:5px;}
.wtit{ font-size:20px; font-weight:bold; margin-top:25px;}
.wtit::before{ content:''; width:3px; height:18px; display:inline-block; background-color:#4855d2; margin-right:10px; position:relative; top:2px;}
.wtit a{ color:#4855d2;}
.wtit a:hover{ color:#003c9c;}
.wimg{ margin-top:15px;}
.dcr{ width:67%; float:left; padding:20px; box-sizing: border-box; height:100%; overflow:hidden;}
.pcwxt{ font-size:18px; font-weight:bold; margin-top:10px; }
.pcwxt span{ font-size:14px; font-weight:400; margin-left:5px;}
.wxsift {width: 100%; display: inline-block;}
.wxsel{  width:200px;  line-height:36px; float:left; margin-right:20px; margin-top:20px;}
.wxsel select{ width:200px; height:36px; border-radius: 5px; background-color:#f9f9f9; border:1px solid #eee; padding:5px 15px; box-sizing: border-box; font-size:16px; }
.sslist{ margin-top:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.ssnav{ overflow:auto; height: calc(100% - 120px);}
.dca{ position:absolute; right:15px; font-size:28px; color:#333 !important; top:15px;}
.dca:hover{ color:#ff7800;}

.blbg{ width:100%; height:100%; background-color:#000; opacity:0.5; position:fixed; top:0; left:0; z-index:999;}
.ppjX{width:800px; background-color: #fff; padding: 20px; box-sizing: border-box;  border-radius: 5px; position: fixed;  left: 50%;  margin-left: -400px; top: 80px;  z-index: 9999;}
.ppimg{ width:110px; height:110px; border:1px solid #eee; border-radius: 5px; float:left; position:relative;}
.ppimg img{ max-width:90px; max-height:90px; position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.PPr{ float:left; margin-left:15px; width:630px; margin-top:5px;}
.dln{ font-size:18px; font-weight:bold; color:#333; margin-top:5px;}
.PPtxt{ font-size:14px; color:#666; width:100%;    overflow: hidden; line-height:22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; margin-top:10px;}
.dln{ font-size:18px; font-weight:bold; color:#333; margin-top:5px;}
.PPtxt{ font-size:14px; color:#666; width:100%;    overflow: hidden; line-height:22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; margin-top:10px;}
.wdbox{ width:100%; display:inline-block; margin-top:15px;}
.wdn{ font-size:18px; font-weight:bold; color: #333; margin-bottom:5px;}
.wdn::before{ content:'▶'; font-size:12px; color:#29b5ce; margin-right:8px; position:relative; top:-1px;}
.wda span{    display: inline-block;  min-width: 44px; margin-left: 18px; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;  margin-top: 5px; font-size: 14px; color: #666;  padding: 2px 20px; cursor: pointer; border-radius: 3px;  text-align: center; float: left;}
.wda span:hover{ background-color:#29b5ce; color:#fff;}
.wdqa{ background-color:#29b5ce; color:#fff !important; border-radius:3px;}
.wbnav{ width:100%; max-height:480px; overflow-y: auto;}
.ppinquiry{ margin-top:10px;}
.ppinquiry input{width: 120px;  height: 30px; padding: 2px 0;  border-radius: 5px; color: #fff; background: #ff7300; cursor: pointer;}
.ppinquiry input:hover{ background-color:#ff8e31;}

.wpcon{    width: 100%; background-color: #f6f6f9; padding:20px; box-sizing: border-box; border-radius: 5px;  margin-top: 15px;  max-height:350px; overflow-y: auto; position:relative;}
.aglist{ margin-top:20px;     padding-bottom: 20px;  border-bottom: 1px solid #d9d9d9;}
.aglist:first-child{ margin-top:0;}
.aglist:last-child{ padding-bottom:0;  border-bottom:0;}
.agt{ font-size:14px; font-weight:bold; color:#333;}
.agcon{ width:100%; display:inline-block; margin-top:5px;}
.agdiv{ width:49%; float:left;}
.dlicon{ display:inline-block; position:relative;}
.dlspan{ width:16px; height:13px; display:inline-block; background:url(../image/icon_icon.png) no-repeat -164px -588px; position:relative;    cursor: pointer; }
.dlnav{  background-color:#fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.07); padding:20px; position:absolute; top:20px; display:none; }
.dlicon:hover .dlnav{ display:block;}
.dlnav img{ width:150px;}
.wxqw{     width: 400px;
    background-color: #fff;
    position: fixed;
    top: 350px;
    left: 50%;
    display: none;
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    z-index: 999;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);
    margin-left: -200px;}


.dlicon{ display:inline-block; position:relative;}
.dlspan{ width:16px; height:13px; display:inline-block; background:url(../image/icon_icon.png) no-repeat -164px -588px; position:relative;    cursor: pointer; }
.dlnav{  background-color:#fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.07); padding:20px; position:absolute; top:20px; display:none; }
.dlicon:hover .dlnav{ display:block;}
.dlnav img{ width:150px;}
.t{width:19px; height:16px;display:inline-block; margin:0 5px; background:url(../control/image/icon_icon.png) no-repeat; position:relative;top:3px;}
.t1{background-position:0 -40px;}
.t2{background-position:-30px -40px;}
Gname{ font-size:14px; font-weight:bold; width:100%; text-align:center; margin-bottom:15px;}
.Qbox{ text-align:center; }
.Qbox span{ font-weight:bold; font-size:16px; margin-right:10px;}
.Wimg img{ width:150px; height:auto; border:5px solid #fff; display:block; margin:0 auto;}
.Wimg span{ display:block; text-align:center; margin-top:3px;}
.qwnav{ margin-left:5px; display:inline-block;}
.qwnav:hover .wxqw { display:block;}
.bltca{ position:absolute; top:10px; right:10px; font-size:26px; color:#333 !important;}
.konimg img{ display:block; margin:50px auto 20px; width:200px;}
.kt{ text-align:center; font-size:18px; margin-bottom:50px;}
.gxs{ width:95%; height:30px; border:1px solid #ccc;  position:relative; margin-top:10px; border-radius:5px; box-sizing: border-box;}
.gxsi{ width: 100%; height: 30px;line-height:30px; padding-left:10px; box-sizing: border-box; font-size:14px; position:relative; top:-1px !important;}
.gxsb{ width: 16px; height: 17px; background: #fff url(../img/ss.png) no-repeat -294px 0;  display: inline-block;  border: 0; position: absolute !important; right:0; top: 7px!important; margin-right:0 !important; padding-right:25px; box-sizing: border-box;}
.swbg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#333; opacity: 0.5; z-index:99;}
.swjz{ position:fixed; left:0; width:100%; height:100%; top:300px; z-index:999;}
.swjz img{ width:100px; display:block; margin:0 auto;}
.diny{margin-top:10px; border:1px solid #dd7800; height:26px; line-height:22px; cursor:pointer; border-radius:26px; color:#ff7800; text-align:center; display:inline-block; padding:0 15px 0 10px}
.diny span{width:30px; background-color:#ff7800; height:26px; border-top-left-radius:26px;  border-bottom-left-radius:26px; text-align:center; color:#fff; font-size:20px; font-weight:bold; display:inline-block; position:relative; left:-10px}
.diny:hover{background-color:#ff7800; color:#fff}
/*品牌代理商*/
.agebg{    width:940px; background-color: #fff; border-radius:10px; position: fixed; z-index: 999999;  top: 0; inset: 0px; left:50%; margin-left:-470px; top:100px; overflow: hidden; height: calc(100% - 220px); padding:35px; box-sizing: border-box;}
.agel{ float:left; width:270px; padding-right:30px; border-right:1px solid #eee;height: 100%; overflow: auto;}
.agpp{ width:100%; display:inline-block;}
.ppimg{ width:90px; height:60px; border:1px solid #eee;  border-radius:5px; float:left; position:relative;}
.ppimg img{max-width:80px; max-height:50px;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.ppn{ float:left; font-size:16px; font-weight:bold; width:145px; margin-left:15px; line-height:26px;    word-break: break-all;}
.agtxt{ font-size:13px; color:#666; line-height:22px; margin-top:20px;overflow:hidden; text-overflow:ellipsis;
display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical; width:100%;}
.agcp{ width:100%; background-color:#f8f9fc; margin-top:25px; border-radius:5px; padding:20px; box-sizing: border-box;}
.agcpimg{ width:100%; border-radius:5px; background-color:#fff; height:180px; position:relative; overflow:hidden;}
.agcpimg img{width:100%;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.agcpt{ font-size:14px; font-weight:bold; margin-top:15px;}
.ppjg{ font-size:14px; color:#666; margin-top:8px;}
.ppjg span{ color:red; font-weight:bold; margin-right:10px;}
.ppbh{ font-size:13px; color:#666; margin-top:8px;}
.ppxj{ width:150px; height:32px; line-height:32px; border-radius:5px; background-color:#ff7800; color:#fff; font-size:14px; text-align:center; margin:20px auto 10px; cursor: pointer;}
.ager{ width:500px; float:left; margin-left:40px;}
.dltit{ width:100%; display:inline-block;}
.dlbt{ float:left; font-size:18px; font-weight:bold; line-height:29px; margin-bottom:10px;}
.dlqu{ float:right; width:180px; height:29px; padding:0 15px;  box-sizing: border-box; border:1px solid #eee; background-color:#f5f6fa; border-radius:5px;}
.dllist{ width:100%; margin-top:20px; display:inline-block; padding-bottom:20px; border-bottom:1px solid #e7eaf5;}
.dlname{ width:100%; display:inline-block; font-size:15px; font-weight:bold;}
.dlqq{ float:right; font-size:13px; font-weight:400; color:#666; position:relative;}
.dlqq a img{ height:22px;}
.dllx{ color:#666; margin-top:5px; font-size:13px;}
.dllist:last-child { padding-bottom: 0; border-bottom:0;}
.dlqq:hover .qqhmb{ display:block;}
/*品牌代理商*/
.bread_nav{ width:80%; margin: 0 auto; font-size: 12px; clear: both; color: #666; margin-top: 15px;}
.bread_nav a{ font-size:12px; color:#666; margin-right:5px; margin-left:5px;}
.bread_nav a:first-child{ margin-left:0;}
.bread_nav span{ color:#666;}
.bread_nav a:hover{ color:#ff7800;}
.brtxt{ font-size:15px; color:#333; margin-top:10px;}
.brtxt span{ display:inline-block; font-weight:bold; color:#00a5ad; margin-left:3px; margin-right:3px;}

.accu{ width:100%; padding:20px 30px; box-sizing: border-box; background-color:#f7fafc; border:1px solid #e7eaee; margin-bottom:20px; display:inline-block;}
.acimg{ width:150px; height:150px; position:relative; background-color:#fff; border-radius:5px; float:left; margin-right:30px;}
.acimg img{ max-width:130px; max-height:130px;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.acc{ float:left; width:85%;}
.acbt{ font-size:18px; font-weight:bold; color:#333; margin-top:5px;}
.act{ color:#666; margin-top:13px;}
.acsp{ margin-top:8px;}
.acsp span{ margin-right:50px; color:#666; }
.bookzs{ background: #090; color: #fff; padding: 1px 10px;   border-radius: 20px;font-size: 13px;  display: block;  width: 34px; text-align: center; display:inline-block;}
.bookzs:hover{  background:#29b5ce;}
.acca{ margin-top:25px;}
.acca a{ display:inline-block; height:32px; line-height:32px; background-color:#fff; margin-right:20px; padding:0 25px; color:#02a3ad; border:1px solid #02a3ad;border-radius:5px; }
.acca a:hover{ background-color:#02a3ad; color:#fff;}
.acca a.acap{background-color:#02a3ad; color:#fff;}
.sel{ float:right;}
.selnav{ float:left; margin-right:20px; }
.selnav:hover .sebox{ display:block;}
.sela1{ color:#ff7800;}
.sela{ display:inline-block; height:28px; cursor: pointer; position:relative;}
.sela::after{content:'﹀'; color:#999; margin-left:5px; position:relative; top:1px; display:inline-block; font-size:10px}
.sela:hover{ color:#ff7800;}
.sela:hover::after{content:'︿'; color:#ff7800; position:relative; top:-3px;}
.selnav:hover .sela{color:#ff7800;}
.selnav:hover .sela::after{content:'︿'; color:#ff7800; position:relative; top:-3px;}
.sebox{    position: absolute;  width:100%;  padding:30px;  background-color: #FFF;  border: #ccc solid 1px;  border-radius:5px; z-index: 9;left:0;  top: 25px;  box-shadow: 3px 3px 10px #ccc; box-sizing: border-box; display:none;}
.seul{ width:90%; float:left; max-height:300px; overflow:auto;}
.seul::-webkit-scrollbar{width:4px; background-color:#f4f3f3; }
.seul li{ width:17%;     text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;  margin-bottom: 10px; cursor: pointer; float:left; margin-left:1%; margin-right:2%;}
.seul li span{ color:#999; font-size:12px; margin-left:3px;}
.seul li:hover{ color:#ff7800;}
.seul .Sel_h{ font-weight:bold; color:#ff7800;}
.xboxdx li:before{    content: "";
    height: 14px;
    width: 14px;
    background: url(../img/ss.png) no-repeat 0 -286px;
    display: inline-block;
    margin-right: 2px;
    position: relative;
    top: 2px;}
.xboxdx .Sel_h:before{ background-position: -25px -286px;}
.dxdd{ float:right; width:50px; height:22px; line-height:22px; text-align:center; background-color:#f6f6f6; color:#666; font-size:12px; border-radius:3px;    cursor: pointer; margin:5px 10px;}
.dxdd span{ font-size: 14px;
 font-weight: bold;
  color: #989898 !important;
  display: inline-block !important;
  line-height: 22px !important;
}
.dxdd:hover{ color:#ff7800;}
.dxdd:hover span{color:#ff7800;}
.xbab{ width:180px; clear:both; margin:10px auto 0;}
.xbab a{ width:45%; margin-left:1%; margin-right:1%; display:inline-block; float:left; height:24px; line-height:24px; text-align:center;border-radius:5px; border:1px solid #ff7800; font-size:13px;}
.xbab a.xba1{ color:#666; border:1px solid #ccc;}
.xbab a.xba2{ background-color:#ff7800; color:#fff;}
.xbab a.xba3{ background-color:#dadada !important; color:#666 !important; border:1px solid #dadada !important;}
.xbab a.xba3:hover{ background-color:#dadada; color:#666; }
.xbab a:hover{ background-color:#ff9b42; color:#fff; border:1px solid #ff9b42; }

.cosd1,.cosd2{ width:100%; height:24px; line-height:24px; background-color:#fff; cursor: pointer; font-size:12px; color:#999 !important;}
.cosd1:hover,.cosd2:hover{ color:#ff7800 !important;}
.cosd1:hover::after{ color:#ff7800;}
.cosd2:hover::after{ color:#ff7800;}
.cosd1::after{  content: '﹀'; color: #999; display: inline-block; font-size:8px; position:relative;top:2px; margin-left:8px;}
.cosd2::after{  content: '︿'; color: #999; display: inline-block; font-size:8px; position:relative;top:2px; margin-left:8px;}

.nogoods_L{
width:41%;
float:left;
margin-top:40px;
padding-left:15%;
box-sizing:border-box;
}
.nogoods_h2{
position:relative;
}
.nogoods_L .nogoods_h2::before{
content:'';
width:37px;
height:37px;
background:url(../control/image/icon_icon.png) no-repeat 0 -625px;
display:inline-block;
position:absolute;
top:8px;
left:-50px;
}
.nogoods_L .nogoods_h2 h2{
font-size:20px;
line-height:32px;
font-weight:400;
}
.nogoods_L p{
margin-bottom:20px;
font-size:14px;
color:#999;
line-height:30px;
}
.nogoods_R{
width:40%;
float:right;
margin-top:40px;
margin-bottom:60px; margin-right:8%;
}
.nogoods_name{
font-size:20px;
color:#333;
position:relative;
}
.nogoods_name::before{
content:'';
width:4px;
height:18px;
display:inline-block;
background-color:#ff7800;
position:absolute;
top:1px;
left:-15px;
}
.nogoods_table{
margin-top:20px;
}
.nogoods_table td{
vertical-align:top;
padding-bottom:17px;
}
.nogoods_table .txt{
color:#666;
position:relative;
}
.nogoods_table .fill_style{
border:1px solid #d6d6d6;
height:32px;
padding:0px 8px;
box-sizing:border-box;
}
.nogoods_table .w345{
width:345px;
max-width:345px;
}
.nogoods_table .w170{
width:170px;
}
.nogoods_table .must::after{
color:#f00;
content:"*";
position:absolute;
left:-10px;
top:1px;
}
.nogoods_table textarea{
min-height:140px;
font-size:13px;
padding:8px !important;
line-height:120%;
}
.nogoods_table .Morepage{
font-size:22px;
border:1px #ccc dotted;
color:#ccc;
width:28px;
height:28px;
line-height:24px;
text-align:center;
display:inline-block;
font-weight:bold;
cursor:pointer;
border-radius:4px;
margin-top:1px;
margin-left:3px;
}
.nogoods_table .Morepage:hover{
border:1px #00BCD4 solid;
color:#00BCD4;
}
.nogoods_btn{
margin:10px auto 0;
width:160px
}
.nogoods_btn a{
width:160px;
height:34px;
border-radius:5px;
background-color:#ff7800;
color:#fff !important;
font-size:16px;
line-height:34px;
text-align:center;
display:inline-block;
}
.c1 {
	color: #ff7300
}
.ui-popup{
position:relative
}
.ui-popup:hover .ui-popup-dropdown{
display:block
}
.ui-popup .ui-popup-foucs{
position:absolute;
height:30px;
line-height:30px;
border:1px solid #fff;
width:75px;
padding:0px 8px;
left:-10px;
cursor:pointer;
}
.ui-popup .ui-popup-foucs:hover{
border:1px solid #d6d6d6;
}
.ui-popup .ui-popup-dropdown{
position:absolute;
top:31px;
border:#CCC 1px solid;
background:#fff;
z-index:99;
width:91px;
text-align:center;
display:none;
left:-10px;
}
.ui-popup .ui-popup-dropdown li{
height:30px;
line-height:30px;
list-style:none;
}
.ui-popup .ui-popup-dropdown li:hover{
background:#eee
}

.ProSearchbox{width:690px}


@media (min-width:1920px){
	.topnav,.bread_nav,.headc,.CON,.BoxW{ width:1440px;}
	.BoxW{ margin:0 auto;}
	}
@media (max-width:1500px){
.flist{ margin-left:5.5%;}
.topnav,.bread_nav,.headc,.CON,.BoxW{ width:1100px;}
.plc{ width:48%;}
.lblist{ margin-right:1%; width:19%;}
	}
@media (max-width:1280px){
	.pll{ width:130px;}
	.plimg,.CPicture{ width:130px; height:130px;}
	.plimg img{ max-height:130px;}
	.CPicture img{    max-height: 128px; max-width: 130px;}
	.plc{ width:40%;}
	.logow img{ height:20px;}
	.wtcg{ width:120px;}
	.flist{ margin-left:2%; margin-right:2%;}
	.lbgs{ width:60%;} 
	.topnav,.bread_nav,.headc,.CON,.BoxW{ width:1000px;}
	}