

.next,.prev {
	position: absolute;
	top: 50%;
	margin-top: -26px;
	width: 30px;
	height: 52px
}

.prev {
	left: 0;
	background: url(../images/prev.png) center no-repeat rgba(0,0,0,.4)
}

.next {
	right: 0;
	background: url(../images/next.png) center no-repeat rgba(0,0,0,.4)
}


.molbase-home-menu{display: block;}


/*indexnan*/
.indexnan{width: 1200px;margin: 20px auto 0; overflow: hidden; display: block; position: relative;}
.indexnan .ddtndt{width: 100%; overflow: hidden; }
.indexnan .ddtndt h1{ font-size: 18px;color: #fff;margin-top: 10px;margin-bottom: 10px; background:#009142; height:35px; line-height:35px; padding-left:20px;}
.indexnan .ddtndt h1 a{text-align: right; padding-right: 10px; color: #fff; float: right; font-size:14px;}

.supplist{width: 100%; padding-bottom: 10px;overflow: hidden; border-top: 0px solid #009142; display: block;}
.supplist .bann{ float: left; position: relative; width: 212px;height: 642px;}
.supplist .bann .tongs{ position: relative; font-size: 50px; color: #fff; padding-left: 20px; margin-top: -30px;}
.supplist .bann .totsgs{ position: relative; font-size: 24px; color: #fff; padding-left: 20px; margin-bottom:15px;}
.supplist .bann .totsgs2 a{ position: relative; font-size: 14px; color: #b6eecf; padding-left: 20px; line-height:28px; }
.supplist .bann .totsgs2 a:hover{color: #ff771c;}
.supplist .bann img{max-width: 100%;}

.supplist .ttsing{width: 765px; float: left;position: relative;overflow: hidden;}
.supplist dl{float: left;width: 253px; height: 319px;border: 1px solid #eee;border-left: 0;}
.supplist dl:hover {box-shadow: 0 2px 15px #e9e9e9}
.supplist dl dt{ width: 210px; height: 210px;margin: auto;line-height: 160px;text-align: center; padding: 8px 0px 0 0 ;}
.supplist dl dt img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: all .6s;-webkit-transition: all .6s;} 
.supplist dl dt:hover img{ transform: translateY(-5px); -webkit-transform: translateY(-5px);}
  
.supplist dl dd{ padding: 15px 10px; display: block; position: static; display: block;}  
.supplist dl dd .titex a{width: 100%; font-size: 22px; display: block;color: #ff8100; overflow: hidden;text-overflow: ellipsis; text-align:left} 
.supplist dl dd .titex1{ height: 52px; line-height: 24px; overflow: hidden;} 
.supplist dl dd .titex1 a{width: 100%; font-size: 15px; display: block;color: #666; overflow: hidden;text-overflow: ellipsis; text-align:left; margin-top:0px;}  
.supplist dl dd .titex1 a:hover{color: #009142;}
.supplist dl dd .xqtex a{width: 100%; font-size: 15px; display: block;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 20px;}     
.supplist dl dd .xqtex span{color: #009142;}    


.ttdin{width: 217px;float: right; position: relative;height: 636px; border: solid 3px #009142;}
.ttdin .ttopmg{width: 100%;height: 40px; line-height: 40px; font-size: 20px; text-align: center; color: #fff;background:#009142 ;}
.ttdin ul{zoom: 1;width: 100%; overflow: hidden; height: 556px; display: block;}
.ttdin ul li{float: left;width: 217px; height: 277px;border-bottom: 1px solid #eee;border-left: 0;border-top: 0;}
.ttdin ul li:hover {box-shadow: 0 2px 15px #e9e9e9}
.ttdin ul li .timhg{ width: 160px; height: 160px;margin: auto;line-height: 160px;text-align: center; padding: 8px 0px 0 0 ;}
.ttdin ul li .timhg img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: all .6s;-webkit-transition: all .6s;} 
.ttdin ul li .timhg:hover img{ transform: translateY(-5px); -webkit-transform: translateY(-5px);}
  
.ttdin ul li .ddt{ padding: 15px 10px; display: block; position: static; display: block;}  
.ttdin ul li .ddt .titex a{width: 100%; font-size: 22px; display: block;color: #ff8100; overflow: hidden;text-overflow: ellipsis; text-align:left} 
.ttdin ul li .ddt .titex1{ height: 52px; line-height: 24px; overflow: hidden;} 
.ttdin ul li .ddt .titex1 a{width: 100%; font-size: 15px; display: block;color: #666; overflow: hidden;text-overflow: ellipsis; text-align:left; margin-top:0px;}  
.ttdin ul li .ddt .titex1 a:hover{color: #009142;}
.ttdin ul li .ddt .xqtex a{width: 100%; font-size: 15px; display: block;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 20px;}     
.ttdin ul li .ddt .xqtex span{color: #009142;}    
.ttdin .tndngd{width: 100%;height: 40px; line-height: 40px; text-align: center; background:#009142 ;}
.ttdin .tndngd{font-size: 16px;color: #fff; }
/*indexnan*/



.suppstst1{width: 100%; padding-bottom: 10px;overflow: hidden; border-top: 0px solid #009142; display: block;}
.suppstst1 .bann{ float: left; position: relative; width: 212px;height: 642px;}
.suppstst1 .bann .tongs{ position: relative; font-size: 50px; color: #fff; padding-left: 20px; margin-top: -30px;}
.suppstst1 .bann .totsgs{ position: relative; font-size: 24px; color: #fff; padding-left: 20px; margin-bottom:15px;}
.suppstst1 .bann .totsgs2 a{ position: relative; font-size: 14px; color: #b6eecf; padding-left: 20px; line-height:28px; }
.suppstst1 .bann .totsgs2 a:hover{color: #ff771c;}
.suppstst1 .bann img{max-width: 100%;}

.suppstst1 .ttsong{width: 765px; float: left;position: relative;overflow: hidden;}
.ttsong ul{zoom: 1;}
.ttsong ul li{width: 765px; }
.ttsong ul li a{float: left;width: 234px; height: 299px;border: 1px solid #eee;border-left: 0;padding: 10px;}
.ttsong ul li a:hover {box-shadow: 0 2px 15px #e9e9e9}
.ttsong ul li .imgsi{ width: 214px; height: 279px;padding: 10px; }
.ttsong ul li .titex {padding: 15px 0px; font-size: 18px;display: block;color: #333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.ttsong ul li .dimgts { line-height: 24px; font-size: 15px;display: block;color: #666; overflow: hidden;} 


.ttsong ul li .imgsi img{width: 220px; height: 260px;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all .6s;-webkit-transition: all .6s;} 
.ttsong ul li .imgsi:hover img{ transform: translateY(-5px); -webkit-transform: translateY(-5px);}
  













.indextit{width:100%;overflow:hidden;padding:15px 0 ;position: relative;z-index: 1; text-align: center; }
.indextit .indexitle{font-size: 30px;display: block;line-height: 42px;color: #555; margin-bottom: 8px; font-weight: bold;}
.indextit .indle{font-size: 16px;display: block;color: #999; margin-top: 0px;}


.ttdin1{width: 217px;float: right; position: relative;height: 636px; border: solid 3px #444;}
.ttdin1 .ttopmg{width: 217px;height:318px ;position: relative;overflow: hidden; display: block;}

.ttdin1 .ttopmg .exitle{width: 100%;height: 40px; line-height: 40px; font-size: 20px; text-align: center; color: #fff;background:#444 ;}
.ttdin1 .ttopmg .idleimg{width: 217px;height:278px ;position: relative;overflow: hidden; display: block;}
.ttdin1 .ttopmg .idleimg img{width: 217px; height: 278px;transition: all 0.5s ease 0s;}
.ttdin1 .ttopmg .idleimg:hover img{transform: scale(1.1,1.1)}





/*indexpic*/

.indexpic{width: 1200px;margin: 20px auto 0; overflow: hidden; display: block; position: relative;}
.indexpic .ttiun{font-size: 18px;color: #333;line-height: 50px;margin-top: 10px;}
.indexpic ul{zoom: 1;border-top: 1px solid #009142;border-right: 1px solid #eee;overflow: hidden; padding-bottom: 10px;}
.indexpic ul li{position: relative;overflow: hidden;float: left;width: 199.7px; box-sizing: border-box;height: 199.7px;border-left:1px solid #eee;;margin-top: 1px;border-bottom: 1px solid #eee;}
.indexpic ul li:hover {box-shadow: 0 2px 15px #e9e9e9}
.indexpic ul li .pdiimg{width: 120px; height: 120px;margin: auto;line-height: 120px;text-align: center; padding: 20px 0;}
.indexpic ul li .pdiimg img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 2s ease 0s;} 
.indexpic ul li .pdiimg:hover img{
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;}
.indexpic ul li .titex{padding: 0 10px; font-size: 15px; display: block;color: #009142; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}  

.bannerBox{ position:relative; z-index:1; width:100%; overflow:hidden; height: 160px; margin-bottom: 15px;}
.bannerBox ul{zoom:1 ;}
.bannerBox ul li{ position:relative; height: 160px; width: 100%; overflow: hidden;}
.bannerBox ul li img{ max-width: 100%; display:block}


.rongs{width: 100%; display: block; margin-top: 20px; overflow: hidden;}
.rongs .tton{width: 100%; overflow: hidden; margin-bottom: 5px; font-size: 15px;}
.rongs .tton a{color:#009142}



/*indexpic*/

.indhzhb{width: 100%;padding: 20px 0; overflow: hidden; display: block; position: relative; background: #f9f9f9; margin-top: 30px;}
.indhzhb .ttiun{font-size: 18px;color: #333;line-height: 50px;margin-top: 10px; font-weight: bold ;}

.hzhbleft{width:571px;float: left; overflow: hidden; display: block; position: relative;margin-right: 29px; }
.hzhbleft .ttiun{font-size: 16px;color: #333;line-height: 30px;margin-top: 10px;}
.hzhbleft .ttiun a{font-size: 14px; float: right;}
.hzhbleft ul{width:570px ;zoom: 1;border-right: solid #999 1px;}
.hzhbleft ul li{position: relative;overflow: hidden;float: left; }
.hzhbleft ul li img{width: 140px; border: 1px solid #eee;margin-right: 15px;} 


.hzhbright{width:570px;float: left; overflow: hidden; display: block; position: relative;margin-left: 30px; }
.hzhbright .ttiun{font-size: 16px;color: #333;line-height: 30px;margin-top: 10px;}
.hzhbright .ttiun a{font-size: 14px; float: right;}
.hzhbright ul{width:570px ;zoom: 1;}
.hzhbright ul li{position: relative;overflow: hidden;float: left;}
.hzhbright ul li img{width: 140px; border: 1px solid #eee;margin-right: 15px;} 

.clearfix:after { clear: both;content: '';display: table;}

/*实验室用品*/


.chanble {position: relative; overflow: hidden;margin: 40px auto 10px;width: 1200px;}
.chanble:before {border-left: 5px solid #2771e5;height: 25px;position: absolute; content: '';}
.chanble .ture { font-size: 22px;line-height: 25px;margin-bottom: 20px;height: 25px;margin-left: 15px;}
.chanble .connt {width: 1200px;height: 449px; margin-bottom: 20px;}
.chanble .connt .coleft {width: 416px;height: 449px;float: left;}
.chanble .connt .coleft .chanav {width: 166px;height: 434px;margin-left: 250px;background: rgba(0,0,0,.2);color: #fff;font-size: 13px;padding-top: 15px;}
.chanble .connt .coleft .chanav ul {cursor: pointer;}
.chanble .connt .coleft .chanav ul li {height: 42px;line-height: 42px;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.chanble .connt .coleft .chanav .active, .chanble .connt .coleft .chanav ul li:hover {background-color: #fff;color: #333;}

.chanble .connt .coright {width: 783px;height: 447px;border: 1px solid #ddd;border-left: none;position: relative;float: left;}
.chanble .connt .coright .cut {height: 449px;width: 783px;}
.chanble .connt .coright .coitem {position: relative;float: left;width: 155px;height: 183px;border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; padding: 20px;}
.chanble .connt .coright .coitem .copic { width: 110px;height: 110px;overflow: hidden; text-align: center;margin:auto;}
.chanble .connt .coright .coitem .coname {font-size: 16px;height: 40px;line-height: 20px;word-break: break-all;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-align: center; margin-top: 10px;}
.chanble .connt .coright .coitem .coname:hover {color: #ff8100;}
.chanble .connt .coright .coitem .coprice {margin-top: 10px;text-align: center; color: #fb5651;font-size: 14px;font-weight: 700;}
.chanble .connt .coright .coitem .cohover { position: absolute; width: 155px;height: 183px;padding: 20px;color: #fff;line-height: 20px;left: 0;top: 0; background: rgba(0,0,0,.6);}
.chanble .connt .coright .coitem .cohover ul {margin-top: 30px}
.chanble .connt .coright .coitem .cohover h3 {color: #fff;padding-top: 10px;font-size: 16px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden}
.chanble .connt .coright .coitem:hover .cohover {display: block!important}
.chanble .connt .coright .coitem:nth-child(4) {border-right: none!important}
.chanble .connt .coright .coitem:nth-child(5),.chanble .connt .coright .coitem:nth-child(6),.chanble .connt .coright .coitem:nth-child(7) {border-bottom: none!important}
.chanble .connt .coright .coitem:nth-child(8) {border-bottom: none!important;border-right: none!important}
.chanble .connt .coright .coitem .coname {font-size: 16px;height: 40px;line-height: 20px;word-break: break-all;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: center}
.chanble .connt .coright .coitem .content-pic {width: 80px;height: 80px;overflow: hidden;text-align: center;margin: 10px auto}
.chanble .connt .coright .coitem .content-param {float: right;line-height: 20px;color: #999;font-size: 12px}
.chanble .connt .coright .coitem .content-price {margin-top: 20px;text-align: center;color: #fb5651;font-size: 12px;font-weight: 700}
.chanble .connt .coright .coitem .content-price span {font-size: 14px}


.conlst{ display: none; }
.conlst.active { display: block; }







/*实验室用品*/















