@charset "utf-8";
html { padding:0; margin:0;}
*{margin:0;	padding:0;font-size:14px; font-family: 'Lato',Arial, Helvetica, sans-serif;}
body{ margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background:#fff;}
body .home{background:#fff;}
a{text-decoration:none;}
input[type="button"],input[type="submit"],input[type="reset"]{ -webkit-appearance:none;}
textarea{ -webkit-appearance:none; resize:none; overflow:hidden;} 
*{margin:0;padding:0;list-style:none;outline:none;word-wrap:break-word;}
img{border:none}
table{table-layout:fixed; border-collapse:collapse}
a {
	color:#666;
	text-decoration:none
}
textarea {
	resize:none
}
a:active, a:focus {
	text-decoration:none;
	outline:0;
	color:#666
}
a:hover {
	color:#29B8C0;
	text-decoration:none
}
img {
	border:0
}
.fl {
	float:left;
	_display:inline
}
.fr {
	float:right;
	_display:inline
}
.fb{ font-weight:bold;}
.fz14{ font-size:14px;}



#headnew{ margin:0 auto; padding:0; width:100%; height:40px;; background:#F8F6F7; border-bottom:1px solid #D5D5D5;}
#headnewmain{ margin:0 auto; padding:0; width:100%; height:40px; max-width:1200px;}
#headnewleft{ margin:0 auto; padding:0; width:40%; height:40px; float:left;}
#headnewleft1{ margin:0 auto; padding:0; width:auto; height:21px; float:left; padding-top:10px; padding-left:10px; text-align:left;}
#headnewleft2{ margin:0 auto; padding:0; width:auto; height:21px; float:left; padding-top:10px; padding-left:10px;font-size:12px;font-family:Arial;text-decoration:none;color:#888; line-height:21px; text-align:left;}
#headnewleft2 a{font-size:12px;font-family:Arial;text-decoration:none;color:#888; line-height:21px; text-align:left;}
#headnewleft2 a:hover{text-decoration: underline;color:#000;}

#headnewright{ margin:0 auto; padding:0; width:40%; height:40px; float:right;}
#headnewright1{ margin:0 auto; padding:0; width:auto; height:40px; padding-left:10px; padding-right:10px; float:right; border-right:1px solid #e3e3e3; line-height:40px; font-size:12px;}
#headnewright1 img{opacity:0.4;filter:alpha(opacity=40);}
#headnewright1 img:hover{opacity:1.0;filter:alpha(opacity=100); }


#headsearch{ margin:0; padding:0; width:70%; height:82px; float:right;}
#headsearch1{ margin:0; padding:0; width:70%; height:45px; float:left; border:2px solid #29B8C0; border-radius:8px; margin-top:16px; }
#headsearch11{ float:right;margin:0; padding:0; width:98%; height:40px;border:none;border-radius:8px; font-size:14px;font-family:Arial;text-decoration:none;line-height:40px; text-align:center; color:#28b8bf;}
#headsearch11 .input{ width:86%; height:38px; padding:0; color:#c4c4c4; float:left; line-height:43px; border:0; padding-left:2%; color:#999; background:#fff;}
#headsearch11 .btn{ width:10%; float:right; height:41px; border:none; background:#29B8C0 url(image/search.png) no-repeat center; cursor:pointer; margin:0;}
#headsearch11 .btn:hover{background:#1aa0a7 url(image/search.png) no-repeat center;}

#headsearcha{ margin:0; padding:0; width:70%; height:82px; float:right;}
#headsearcha1{ margin:0; padding:0; width:70%; height:45px; float:left; border:2px solid #29B8C0; border-radius:8px; margin-top:16px; }
#headsearcha11{ float:right;margin:0; padding:0; width:98%; height:40px;border:none;border-radius:8px; font-size:14px;font-family:Arial;text-decoration:none;line-height:40px; text-align:center; color:#28b8bf;}
#headsearcha11 .input{ width:86%; height:38px; padding:0; color:#c4c4c4; float:left; line-height:43px; border:0; padding-left:2%; color:#999; background:#fff;}
#headsearcha11 .btn{ width:10%; float:right; height:45px; border:none; background:#29B8C0 url(image/search.png) no-repeat center; cursor:pointer; margin:0;}
#headsearcha11 .btn:hover{background:#1aa0a7 url(image/search.png) no-repeat center;}


#headsearch2{ margin:0; padding:0; width:28%; height:49px; float:right;  margin-top:16px;margin-bottom:16px; }
#headsearch2 a{ margin:0 auto; padding:0; width:100%; display:block; border-radius:8px; height:49px;background:url(image/ic2.png) no-repeat left 20px center #29B8C0; font-size:14px;font-family:Arial;text-decoration:none; color:#fff; line-height:49px; text-align:center;}
#headsearch2 a:hover{ color:#ffffff; background:url(image/ic2.png) no-repeat left 20px center #1AA0A7; }

#headmenu{ margin:0 auto; padding:0; width:100%; height:46px; margin-top:10px;margin-bottom:10px; width:1200px; }
#headmenuleft{ margin:0 auto; padding:0; width:250px; height:46px; float:left;border-radius:8px;background:#29B8C0; font-size:18px;font-family:Arial;text-decoration:none;line-height:46px; text-align:center; color:#fff;}
#headmenuright{ margin:0 auto; padding:0; width:920px; height:46px; float:right;border-radius:8px;background:#29B8C0;}



.nav{ margin:0; padding:0; width:700px; height:auto; float:right; z-index:100;}

.nav li{ margin:0; padding:0;float:left;width:auto; /*IE6 only*/}
.nav li a{margin:0; padding:0;color:#FFF;text-decoration:none;line-height:50px;display:block;width:auto; font-family:Arial; height:50px;padding-left:15px; padding-right:15px;font-size:14px; font-weight:blod;}
.nav li a:hover,.nav li a.cur{color:#666;text-decoration:none;}
.nav li ul{margin:0; padding:0;display:none;position:absolute; width:260px;}
.nav li ul li{margin:0; padding:0;width:260px; height:30px; line-height:30px;/*IE6 only*/}
.nav li ul li a{margin:0; padding:0;width:240px; height:30px; font-size:14px; line-height:30px; text-align:left; padding-left:20px;background:#20b8bf; color:#fff;/*IE6 only*/}
.nav li ul li a:hover{ background:#1597a2; color:#fff;}

#menu {
	margin: 0 auto;
	width: 870px; padding-left:20px;
	display:block;
	float:right; 
	height: 46px;

}

#menu .menu-main-container,
div.menu {
	margin: 0px;
}

#menu .menu-main-container ul,
div.menu ul {
	list-style: none;
	margin: 0;
}

#menu .menu-main-container li,
div.menu li {
	float:left;
	position: relative;
}

#menu a {
	color: #fff;
	display: block;
	font-size: 14px;
	text-decoration: none;
	padding: 0 20px;
	line-height: 46px;
	font-weight: 300;
}

#menu ul ul {
	display:none;
	position:absolute;
	top:46px;
	float:left;
	width: 300px;
	z-index: 99999;
}

#menu ul ul li {
	min-width: 180px;	background-color: #000; 

}
#menu ul ul li a{
	padding-left:10px; padding-right:10px;

}

#menu ul ul a {
	background-color: #000; color:#fff;
    height: auto;
    padding-left:20px; padding-right:20px;
    padding: 0px;
    width: 260px; line-height: 30px; font-size:12px;
}
#menu ul ul a:hover {
	background-color: #333; color:#fff;
}

#menu ul ul ul {
    display: block;
    float: left;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	background-image: url("images/layout/dots-gray.gif");
	background-repeat: repeat;
	background-color: #ffffff;
}

#menu ul ul ul a {
	background-image: url("images/layout/menu-third-level.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
    height: auto;
    line-height: 20px; font-size:12px;
    padding: 0;
    width: 216px;
}

#menu ul ul ul a:hover {
	background-image: url("images/layout/menu-third-level.png");
	background-color: #008fd4;
	background-position: 0 -21px;
	background-repeat: no-repeat;
}



#menu ul ul ul li.last a {
	border-bottom: none;
}


#menu ul ul li.last {
    border-bottom: 1px solid #C8DDED;
}

#menu ul ul ul li.last {
    border-bottom: none;
}

#menu li:hover > a {
	background-color: #000;
	color: #ffffff;
}

#menu ul ul:hover > a {
	background: #008fd4;
	color: #ffffff;
}

#menu ul li:hover > ul {
	display:block;
}
#menu ul li.current_page_item > a,
#menu ul li.sel > a,
#menu ul li.current-menu-ancestor > a,
#menu ul li.current-menu-item > a,
#menu ul li.current-menu-parent > a {
	background-color: none;
	background-position: 0 -21px;
}

#menu ul ul li.current_page_item > a,
#menu ul ul li.sel > a {
	background-color: none;

}
#menu ul ul li.sel > a:hover {
	color:#fff;
}

* html #menu ul li.current_page_item a,
* html #menu ul li.sel a,
* html #menu ul li.current-menu-ancestor a,
* html #menu ul li.current-menu-item a,
* html #menu ul li.current-menu-parent a,
* html #menu ul li a:hover {
	font-weight: bold; color:#fff;
	text-decoration: underline;
}


#indexconnew{margin:0 auto; padding:0; height:auto; margin-top:10px;margin-bottom:10px; width:1200px; }
#indexconnewleft{ margin:0 auto; padding:0; width:250px; height:auto; float:left;}

#indexconnewleft1{ margin:0 auto; padding:0; width:100%; margin-top:30px; height:auto; float:left;height:46px; float:left;border-radius:8px;background:#29B8C0; font-size:18px;font-family:Arial;text-decoration:none;line-height:46px; text-align:center; color:#fff; display:none;}


#indexconnewleft2{ margin:0 auto; padding:0; width:100%; margin-top:30px; height:auto; float:left;height:46px; float:left;border-radius:8px;background:#29B8C0; font-size:18px;font-family:Arial;text-decoration:none;line-height:46px; text-align:center; color:#fff;}
#indexconnewleft3{ margin:0 auto; padding:0; width:96%; padding:2%; margin-top:10px;margin-bottom:10px; height:auto; border:1px solid #e3e3e3;}
.indexconnewleft31{ margin:0 auto; padding:0; width:100%; height:auto;padding-top:10px;padding-bottom:10px; border-bottom:1px solid #e3e3e3;}
.indexconnewleft311{ margin:0 auto; padding:0; width:100%; height:auto;font-size:12px;font-family:Arial;text-decoration:none;line-height:20px; text-align:left; color:#29B8C0;}
.indexconnewleft311 a{ font-size:12px;font-family:Arial;text-decoration:none;line-height:20px; text-align:left; color:#29B8C0; font-weight:bold;}
.indexconnewleft311 a:hover{ text-decoration: underline;color:#000;}

.indexconnewleft312{ margin:0 auto; padding:0; width:100%; height:auto;font-size:11px;font-family:Arial;text-decoration:none;line-height:18px; text-align:left; color:#888;}
.indexconnewleft312 p{ font-size:11px;font-family:Arial;text-decoration:none;line-height:18px; text-align:left; color:#888;}
.indexconnewleft312 a{ font-size:11px;font-family:Arial;text-decoration:none;line-height:18px; text-align:left; color:#888;}
.indexconnewleft312 pre{ font-size:11px;font-family:Arial;text-decoration:none;line-height:18px; text-align:left; color:#888;}


#indexconnewright{ margin:0 auto; padding:0; width:920px; height:auto; float:right;}
#indexconnewright1{ margin:0 auto; padding:0; width:100%; height:auto;}
.container1{max-width: 1024px;width: 100%;margin: 0 auto;padding:0;font-size: 14px; }
.preview {text-align: center;padding: 5px;}
.preview a {display: inline-block;margin: 5px;}
.preview img {display: block;width: 200px;height: auto;}
.preview .active {outline: 3px solid #196cd2;box-shadow: 2px 2px 20px 4px rgba(0,0,0,.5);}
		
.slider__switch--prev{ background: url(images/arrowsleft.png) no-repeat top center;}
.slider__switch--next{ background: url(images/arrowsright.png) no-repeat top center;}


#indexconnewright2{ margin:0 auto; padding:0; width:100%; height:40px; margin-top:20px; border-bottom:2px solid #E3E3E3;}
#indexconnewright21{ margin:0 auto; padding:0; width:auto; height:40px; float:left;border-bottom:2px solid #29B8C0; padding-left:15px; padding-right:15px;font-size:18px;font-family:Arial;text-decoration:none;line-height:40px; text-align:center; color:#666;}
#indexconnewright22{ margin:0 auto; padding:0; width:100px; height:40px; float:right;}
#indexconnewright22 a{ font-size:14px;font-family:Arial;text-decoration:none;line-height:40px; text-align:right; color:#29B8C0;}
#indexconnewright22 a:hover{ color:#000;}

#indexconnewright23{ margin:0 auto; padding:0; width:auto; height:auto; padding-top:15px; padding-bottom:15px;}
#indexconnewright23 a{ font-size:12px;}

#indexconnewright23 ul{ margin:0 auto; padding:0; width:auto; height:auto; }
#indexconnewright23 ul li{ margin:0 1%; padding:0; width:23%; height:auto; float:left;}
#indexconnewright23 ul li a{ margin:0; padding:0;display:block; float:left; height:auto; }
#indexconnewright23 ul li img{ max-width: 100%; height: auto;}
#indexconnewright23 ul li p{  margin:0; padding:0;display:block; float:left; height:auto; font-family:Arial;font-size:12px;color:#888; font-weight: normal; text-align:center; text-decoration:none; line-height:20px; }
#indexconnewr}


#indexconnewright23 ul li a:hover{ font-family:Arial;color:#000; text-decoration:underline;}


#indexconnewright3{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px;}
#indexconnewright31{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
#indexconnewright31 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#indexconnewright31 ul li{ margin:0 2%; padding:0; width:46%; height:auto; float:left;}
#indexconnewright31 ul li a{ margin:0; padding:0;padding-left:30px; display:block; float:left; background:url(image/dot.jpg) no-repeat top left; border-bottom:1px dashed #f3f3f3;  padding-top:5px; padding-bottom:5px; height:auto; font-family:Arial;font-size:12px;color:#888; font-weight: normal; text-align:left; text-decoration:none; line-height:20px; }
#indexconnewright31 ul li a:hover{ font-family:Arial;color:#000; text-decoration:underline;}

#indexconnewright32{ margin:0 auto; padding:0; width:35%; height:auto; float:right;}
#indexconnewright32 img{ max-width:100%; height:auto;}


#indexconnewright4{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px;}
#indexconnewright41{ margin:0 auto; padding:20px ; width:90%; height:auto; }
#indexconnewright411{ margin:0 auto; padding:0; width:100%; padding-bottom:20px; padding-top:20px; height:auto; float:left;}
#indexconnewright4111{ margin:0 auto; padding:0; width:40%; height:auto; float:left;}
#indexconnewright4112{ margin:0 auto; padding:0; width:55%; height:auto; float:right;font-family:Arial;font-size:12px;color:#666; font-weight: normal; text-align:left; text-decoration:none; font-weight: normal; line-height:25px;}

#indexconnewright42{ margin:0 auto; padding:0; width:35%; height:auto; float:right;}

#indexconnewright5{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px;}
#indexconnewright51{ margin:0 auto; padding:0; width:25%; height:auto; float:left;}
#indexconnewright52{ margin:0 auto; padding:0; width:23%; height:auto; float:left; margin-left:2%;}
#indexconnewright521{ margin:0 auto; padding:0; width:100%; height:auto; float:left; padding-top:10px;font-family:Arial;font-size:14px;color:#29B8C0; font-weight: normal; text-align:left; text-decoration:none; font-weight:bold; line-height:25px;}
#indexconnewright522{ margin:0 auto; padding:0; width:100%; height:auto; float:left; padding-top:10px;}
#indexconnewright522 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#indexconnewright522 ul li{ margin:0; padding:0; width:100%; height:auto;}
#indexconnewright522 ul li a{ margin:0; padding:0;display:block; border-bottom:1px dashed #f3f3f3;  padding-top:5px; padding-bottom:5px; height:auto; font-family:Arial;font-size:12px;color:#888; font-weight: normal; text-align:left; text-decoration:none; line-height:20px; }
#indexconnewright522 ul li a:hover{ font-family:Arial;color:#000; text-decoration:underline;}

#indexconnewright53{ margin:0 auto; padding:0; width:25%; height:auto; float:left;margin-left:2%;}
#indexconnewright54{ margin:0 auto; padding:0; width:23%; height:auto; float:left; }
#indexconnewright51 img{ max-width:100%; height:auto;}
#indexconnewright53 img{ max-width:100%; height:auto;}

.slider9{ margin:0 auto; padding:0; width:100%; height:auto; border:0;}
.slide1{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center; font-size:12px;}


#indexconnewright6{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px;}
#indexconnewright6 ul{ margin:0 auto; padding:0; width:100%; height:auto;}
#indexconnewright6 ul li{ margin:0 auto; padding:0; width:20%; height:auto; margin:2%; border-right:1px solid #f3f3f3; float:left; text-align:center;}
#indexconnewright6 ul li.img{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
#indexconnewright6 ul li.img img{ max-width:100%; height:auto;}
#indexconnewright6 ul li.txt{ margin:0 auto; padding:10px 0; width:100%; height:auto; text-align:center;font-size:12px;color:#888; font-weight: normal; text-decoration:none; line-height:20px;}
#indexconnewright6 ul li.txt a{ margin:0 auto; padding:10px 0; width:100%; height:auto; text-align:center;font-size:12px;color:#888; font-weight: normal; text-decoration:none; line-height:20px;}
#indexconnewright6 ul li.txt a:hover{color:#000; font-weight: normal; text-decoration:none; line-height:20px;}


#conneinew{ margin:0 auto; padding:0; width:100%; height:auto; background:#FAFAFA; border-top:1px solid #e3e3e3;}
#conneimain{ margin:0 auto; padding:0; height:auto; width:1200px; padding-bottom:20px; padding-top:20px;}
#conneileft{ margin:0 auto; padding:0; width:250px; height:auto; float:left;}

.supplierNav { width: 250px; border: 1px #e3e1e1 solid; background-color: #f8fafe; margin-bottom: 30px; border-bottom: 0; }

    .supplierNav li { line-height: 26px; }
    .supplierNav li a{ line-height: 26px; padding-bottom:5px; padding-top:5px; }


    .supplierNav .submenu { border-top: 1px #e3e1e1 solid; }

    .supplierNav .firstmenu > li > a { color: #333333; font-size: 14px; display: block; padding-left: 18px; font-weight: bold; }

    .supplierNav .submenu li { background-color: #ffffff; }

        .supplierNav .submenu li a { color: #666666; display: block; padding-left: 18px; }
        .supplierNav .submenu li.acc a { color: #29B8C0; display: block; padding-left: 18px; }

            .supplierNav .submenu li a:hover, .submenu li a.active1 { color: #29B8C0; }

    .supplierNav a:hover { text-decoration: none; }

.firstmenu > li > a.active1 { background-color: #29B8C0; color: #fff; border:0;}



#conneiright{ margin:0 auto; padding:0; width:920px; height:auto; float:right; padding-bottom:40px;}
#conneiright1{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #e3e3e3; font-family:Arial; font-size:12px; color:#666; text-align:right; text-decoration:none; line-height:22px;}

#conneiright1 a{ font-family:Arial; font-size:12px; color:#666; text-align:right; text-decoration:none; line-height:22px;}
#conneiright1 a:hover{ color:#000;}

#conneiright2{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:10px; padding-top:20px; font-family:Arial; font-size:22px; color:#000; text-align:center; text-decoration:none; line-height:30px;}
#conneiright3{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:10px; padding-top:10px; font-size:16px; line-height:30px; color:#666;}

#conneiright3 img{ max-width:100%; height:auto;}



#procon{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-top:20px; border:1px solid #e3e3e3; background:#F5F5F5;}
#proconmobile{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-top:20px; border:1px solid #e3e3e3; background:#F5F5F5; display:none;}
#procon1{ margin:0 auto; padding:0; width:96%; height:auto; padding-left:2%; padding-right:2%; border-bottom:1px dashed #C4C4C4;  font-family:Arial; font-size:18px;color:#000; text-align:left; text-decoration:none; line-height:40px;}
#procon2{ margin:0 auto; padding:0; width:96%; margin-bottom:20px; margin-top:20px; height:auto; padding-left:2%; padding-right:2%;font-family:Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:30px;}

#procon2 a{ margin-right:15px;margin-top:10px; padding:5px 15px 5px 15px; border:1px solid #29B8C0; background:#fff; font-family:Arial; font-size:12px;color:#29B8C0; text-align:left; text-decoration:none; line-height:30px;}
#procon2 a:hover{background:#29B8C0; font-family:Arial; font-size:12px;color:#fff; text-align:left; text-decoration:none; line-height:30px;}


#procon5{ margin:0 auto; padding:0; width:100%; height:50px; max-width:1200px; margin-top:30px;margin-bottom:30px; border:1px solid #e3e3e3; background:#F5F5F5;}
#procon51{ margin:0 auto; padding:0; width:40%; padding-left:20px; height:50px; float:left;font-family:Arial; font-size:18px;color:#000; text-align:left; text-decoration:none; line-height:50px;}
#procon52{ margin:0 auto; padding:0; width:55%; padding-right:20px;height:50px; float:right;font-family:Arial; font-size:12px;color:#666; text-align:right; text-decoration:none; line-height:50px;}
#procon52 a{ font-family:Arial; font-size:12px;color:#666; text-align:right; text-decoration:none; line-height:50px;}
#procon52 a:hover{color:#000;text-decoration: underline;}


#procontu{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-top:20px; background:#fff;}
#procontu1{ margin:0 auto; padding:0; width:100%; height:auto;}


#procontu2{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px; padding-bottom:20px;}


#procontu1 ul { margin:0; width:100%; height:auto;}


#procontu1 ul li { margin:1%; width:31%;float: left; display:block; text-align:center;  border: 1px #e1e7ed solid; margin-bottom: 38px; -moz-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); position: relative;}


#procontu1 ul li:hover{ box-shadow: 0 5px 15px rgba(0,0,0,0.3); }

#procontu1 ul li img{ width:336px; height:250px; padding-bottom:20px; padding-top:20px;}


    #procontu1 ul li h1 { color: #333; font-size: 16px; margin-bottom: 5px; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  height: 22px; font-size:14px; line-height: 22px; }
    #procontu1 ul li h2 { color: #333; font-size: 12px; margin-bottom: 5px; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  height: 44px; font-size:14px; line-height: 22px; }

    #procontu1 .cont { padding: 14px 13px; }

    #procontu1 ul li p { color: #999; font-size: 14px; line-height: 30px; height: 50px; font-size:12px; text-align:left; line-height:20px; width: 96%; padding-left:2%; padding-right:2%; border-bottom:1px dashed #e3e3e3; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

    #procontu1 span { color: #999; white-space: nowrap;  overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }

#procontu1 ul li .txtbottom{ margin:0 auto; padding:0; width:100%; height:40px;}
#procontu1  ul li .txtbottom .left1{ margin:0 auto; padding:0; width:40%; padding-left:3%; height:40px; float:left; font-size:12px; text-align:left; line-height:40px; color:#666;}
#procontu1 ul li  .txtbottom .left2{ margin:0 auto; padding:0; width:40%; padding-right:3%;height:40px; float:right; font-size:12px; font-weight: normal;text-align:right; line-height:40px; color:#666;}




#procontu1  .module-list-02 .text { margin-bottom: 4px; }

#procontu1  .text tr { line-height: 22px; }

#procontu1  h1:hover { color: #58b530; }

#procontu1  .text td { max-width: 168px; word-break: keep-all; /* 涓嶆崲琛� */ white-space: nowrap; /* 涓嶆崲琛� */ overflow: hidden; /* 鍐呭瓒呭嚭瀹藉害鏃堕殣钘忚秴鍑洪儴鍒嗙殑鍐呭 */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; /* 褰撳璞″唴鏂囨湰婧㈠嚭鏃舵樉绀虹渷鐣ユ爣璁�(...) 锛涢渶涓巓verflow:hidden;涓€璧蜂娇鐢�*/ }

#procontu2 ul { margin:0; width:100%; height:auto;}


#procontu2 ul li { margin:1%; width:14%;float: left; display:block; text-align:center;  border: 1px #e1e7ed solid;  position: relative;}
#procontu2 ul li img{ max-width: 100%; height: auto;}

#procontu2 ul li h2{ margin: 0 auto; padding:5px 0; width: 100%; height: auto; text-align: center; color: #666; line-height: 25px; font-weight: normal;} 


#procontu3 { margin:0; width:100%; height:auto;}
#procontu3 ul { margin:0; width:100%; height:auto;}
#procontu3 ul li { margin:1%; width:22.5%;float: left; display:block; text-align:center;  border: 1px #e1e7ed solid;  position: relative;}
#procontu3 ul li img{ max-width: 100%; height: auto;}

#procontu3 ul li h2{ margin: 0 auto; padding:5px 0; width: 100%; height: auto; text-align: center; color: #666; line-height: 25px; font-weight: normal;} 



#sitenew{ margin:0 auto; padding:0; width:100%; height:auto; border-top:2px solid #29B8C0; background:#F6F6F6; padding-top:30px;padding-bottom:30px;}
#sitenewmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#sitenew1{ margin:0; padding:0; width:100%; height:auto; float:left;}

.sitenew1{ margin:0; padding:0; width:auto;height:auto; }
.sitenew1{ height:auto;}
.sitenew1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.sitenew1 ul li{ margin:0; padding:0;border:0; width:25%; display:block;   height:auto;  font-family:Arial; font-size:16px;color:#000; text-align:left; text-decoration:none; line-height:22px; float:left;}
.sitenew1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%;font-family:Arial; font-size:16px; color:#000; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}
.sitenew1 ul li a:hover{color:#29B8C0;}

.sitenew1 ul li ul{ margin:0; padding:0;border:0; width:100%;  height:auto;  display:block; font-family:Arial; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:22px; float:left;}
.sitenew1 ul li ul li { margin:0; padding:0; border:0;width:100%; height:auto; display:block; font-family:Arial; font-size:13px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}

.sitenew1 ul li ul li a{ margin:0; padding:0; border:0;width:96%; padding-left:2%; padding-right:2%; height:auto; display:block; font-family:Arial; font-size:11px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}
.sitenew1 ul li ul li a:hover{color:#29B8C0;}

#footnew{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:15px; padding-bottom:15px; border-top:1px solid #E2E2E2; background:#F6F6F6;font-family:Arial; font-size:14px; color:#666; text-align:center; text-decoration:none; line-height:30px;}
#footnewmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#footnewleft{ margin:0 auto; padding:0; width:60%; height:auto; float:left;font-family:Arial; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:30px;}
#footnewleft a{font-family:Arial; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:30px;}
#footnewleft a:hover{ color:#29B8C0; }

#footnewright{ margin:0 auto; padding:0; width:40%; height:auto; float:right;}
#footnewright a{font-family:Arial; font-size:14px; color:#666; text-align:right; text-decoration:none; line-height:30px;}
#footnewright a:hover{ color:#29B8C0; }
#shejiaoconnew{margin:0 auto; padding:0; width:100%; height:auto;padding-top:5px; padding-bottom:5px; }
.shejiaoconnew{margin:0; padding:0; width:auto; padding-left:20px;  height:auto; float:right; text-align: right;}
.shejiaoconnew img{ max-width:100%; height:auto;}
.shejiaoconnew img:hover{-moz-opacity:0.68 !important; filter:alpha(opacity=68); opacity: 0.68;  _-moz-opacity:0.68;  }


@media screen and (max-width:1199px) {

#headmenu{ margin:0 auto; padding:0; width:100%; height:46px; margin-top:10px;margin-bottom:10px; width:100%; }
#headmenuleft{ margin:0 auto; padding:0; width:28%; height:46px; float:left;border-radius:8px;background:#29B8C0; font-size:18px;font-family:Arial;text-decoration:none;line-height:46px; text-align:center; color:#fff;}
#headmenuright{ margin:0 auto; padding:0; width:70%; height:46px; float:right;border-radius:8px;background:#29B8C0;}

#indexconnew{margin:0 auto; padding:0; height:auto; margin-top:10px;margin-bottom:10px; width:100%; }
#indexconnewleft{ margin:0 auto; padding:0; width:28%; height:auto; float:left;}

#indexconnewright{ margin:0 auto; padding:0; width:70%; height:auto; float:right;}


.nav{ margin:0; padding:0; width:100%; height:auto; float:right; z-index:100;}


#menu {
	margin: 0 auto;
	width: 700px; padding-left:20px;

}
#menu a {
	padding: 0 15px;
	line-height: 46px;
	font-weight: 300;
}


#procontu1 ul li { margin:1%; width:31%;float: left; display:block; text-align:center;  border: 1px #e1e7ed solid; margin-bottom: 38px; -moz-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); position: relative;}


#procontu1 ul li:hover{ box-shadow: 0 5px 15px rgba(0,0,0,0.3); }

#procontu1 ul li img{ max-width:90%; height:auto; padding-bottom:20px; padding-top:20px;}


    #procontu1 ul li h1 { color: #333; font-size: 16px; margin-bottom: 5px; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  height: 22px; font-size:14px; line-height: 22px; }
    #procontu1 ul li h2 { color: #333; font-size: 12px; margin-bottom: 5px; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  height: 44px; font-size:14px; line-height: 22px; }

    #procontu1 .cont { padding: 14px 13px; }

    #procontu1 ul li p { color: #999; font-size: 14px; line-height: 30px; height: 50px; font-size:12px; text-align:left; line-height:20px; width: 96%; padding-left:2%; padding-right:2%; border-bottom:1px dashed #e3e3e3; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

    #procontu1 span { color: #999; white-space: nowrap;  overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }

#procontu1 ul li .txtbottom{ margin:0 auto; padding:0; width:100%; height:40px;}
#procontu1  ul li .txtbottom .left1{ margin:0 auto; padding:0; width:40%; padding-left:3%; height:40px; float:left; font-size:12px; text-align:left; line-height:40px; color:#666;}
#procontu1 ul li  .txtbottom .left2{ margin:0 auto; padding:0; width:40%; padding-right:3%;height:40px; float:right; font-size:12px; text-align:right; line-height:40px; color:#666;}



#indexconnew{margin:0 auto; padding:0; height:auto; margin-top:10px;margin-bottom:10px; width:100%; max-width:1200px; }
#indexconnewleft{ margin:0 auto; padding:0; width:28%; height:auto; float:left;}

#indexconnewright{ margin:0 auto; padding:0; width:70%;; height:auto; float:right;}

#conneimain{ margin:0 auto; padding:0; height:auto; width:100%; padding-bottom:20px; padding-top:20px;}
#conneileft{ margin:0 auto; padding:0; width:28%; height:auto; float:left;}
#conneiright{ margin:0 auto; padding:0; width:70%; height:auto; float:right;}

	
}
@media screen and (max-width:1022px) {
#headnew{ display:none;}
#menu {
	margin: 0 auto;
	width:96%; padding-left:2%;

}

#menu a {
	padding: 0 10px;
	line-height: 46px;
	font-weight: 300;
}

#indexconnewright41{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright42{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}


#indexconnewright51{ margin:0 auto; padding:0;width:46%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright52{ margin:0 auto; padding:0; width:46%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright53{ margin:0 auto; padding:0; width:46%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright54{ margin:0 auto; padding:0;width:46%;float:left; padding-left:2%; padding-right:2%; }

}
@media screen and (max-width:860px) {
#headmenu{ display:none;}
#conneimain{ width:100%; }
#conneileft{ width:96%; height:auto; float:left; padding-left:2%; padding-right:2%;}

.supplierNav { width: 100%;}
#conneiright{ width:96%; height:auto; float:left; padding-left:2%; padding-right:2%;height:auto; float:left; padding-bottom:40px;}
	
#headsearch{ margin:0; padding:0; width:100%; height:82px; float:right;}
#menu a {
	padding: 0 5px;
	line-height: 46px;
	font-weight: 300;
}
#indexconnewright31{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright32{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}

	
}
@media screen and (max-width:640px) {
#headmenu{ display:none;}
#headsearch1{ margin:0; padding:0; width:96%; height:auto; float:left; padding-left:2%; padding-right:2%; height:45px; float:left; border:2px solid #29B8C0; border-radius:8px; margin-top:16px; }
#headsearch2{ display:none;}

#headsearcha{ margin:0; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%; }
#headsearcha1{ margin:0; padding:0; width:100%; height:45px; float:left; border:2px solid #29B8C0; border-radius:8px; margin-top:16px; }

#indexconnewleft1{ margin:0 auto; padding:0; width:100%; margin-top:30px; height:auto; float:left;height:46px; float:left;border-radius:8px;background:#29B8C0; font-size:18px;font-family:Arial;text-decoration:none;line-height:46px; text-align:center; color:#fff; display: block;}

#indexconnewleft{ margin:0 auto; padding:0; width:96%;padding-left:2%; padding-right:2%; height:auto; float:left;}

#indexconnewright{ margin:0 auto; padding:0; width:96%;padding-left:2%; padding-right:2%; height:auto; float:left;}



#footnewleft{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}
#footnewright{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}
.shejiaoconnew{margin:0; padding:0; width:auto; padding-left:10px;  height:auto; float:left; text-align: left;}

#sitenew{ display:none;}
#procontu1 ul li { margin:1%; width:96%;float: left; display:block; text-align:center;  border: 1px #e1e7ed solid; margin-bottom: 38px; -moz-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3); position: relative;}

#procon{ display:none;}
#proconmobile{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-top:20px; border:1px solid #e3e3e3; background:#F5F5F5; display:block;}

#procon5{ height:auto; padding-bottom:10px; padding-top:10px; margin-bottom:15px; margin-top:15px;}
#procon51{ margin:0 auto; padding:0; width:96%;padding-left:2%; padding-right:2%; height:auto; float:left;font-family:Arial; font-size:18px;color:#000; text-align:left; text-decoration:none; line-height:30px;}
#procon52{ margin:0 auto; padding:0; width:96%;padding-left:2%; padding-right:2%; height:auto;font-family:Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:20px;}
#procon52 a{text-align:left; text-decoration:none; line-height:20px;}

#indexconnewright31{ margin:0 auto; padding:0;width:96%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright32{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}

#indexconnewright41{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright4111{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
#indexconnewright4112{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}

#indexconnewright42{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}

#indexconnewright51{ margin:0 auto; padding:0;width:96%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright52{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright53{ margin:0 auto; padding:0; width:96%;float:left; padding-left:2%; padding-right:2%;}
#indexconnewright54{ margin:0 auto; padding:0;width:96%;float:left; padding-left:2%; padding-right:2%; }
#headsearcha11 .input{ width:76%; height:38px; padding:0; color:#c4c4c4; float:left; line-height:43px; border:0; padding-left:2%; color:#999; background:#fff;}
#headsearcha11 .btn{ width:20%; float:right; height:45px; border:none; background:#29B8C0 url(image/search.png) no-repeat center; cursor:pointer; margin:0;}


.slide1 a{ font-size:12px; font-weight:normal;}
}


.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin: 0; padding: 10px 0 0; text-align: center; }
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }

.am-share-footer { width:100%;}
.am-share-footer .share_btn { color: #555;  display: block; width: 100%; height:40px; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer;  font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑"; line-height:40px;  }

.am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0; padding-top: 15px; height:auto; zoom:1; overflow:auto; }

.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 20%; }

.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block; }

.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(image/f12.png) no-repeat center center; }

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }


@media screen and (max-width:640px) {

#procontu2 ul li { margin:1%; width:47%;float: left; display:block; text-align:center;  border: 1px #e1e7ed solid;  position: relative;}
#procontu3 ul li { margin:1%; width:47%;float: left; display:block; text-align:center;  border: 1px #e1e7ed solid;  position: relative;}	
}