/* CSS Document */
@CHARSET "UTF-8";
@import url("/skin/default/css/ndaohang.css");

@media (max-width: 1080px){
	.topbg{display:none;}
	.head{display:none;}
	.glneicontn{width:100%; height:auto; float:left;  position:relative;}
.glneicontn img{width:100%; height:auto; }
.gonglwein{width:100%; line-height:2.4em; height:2.4em; position: absolute; bottom:0px; font-size:16px; text-align:center; font-family: "Microsoft Yahei"; color:#ffffff; }

.glneicontn .daoh{ float:left; color:#ffffff; font-size:14px; width:94%; position: absolute; bottom:0px; margin-left:3%; margin-right:3%; height:36px; line-height:36px;}
.glneicontn .daoh a:link  {color:#ffffff; text-decoration:none;} 
.glneicontn .daoh a:visited {color:#ffffff; text-decoration:none;} 
.glneicontn .daoh a:hover,a:active {color:#ffffff; text-decoration: underline;}

.gonglwein a:link {color:#fff; text-decoration:none; } 
.gonglwein a:visited {color:#fff;} 
.gonglwein a:hover,a:active {color:#fff; text-decoration: underline; }
}


@media screen and (min-width: 1081px) { 
.glneicontn{display:none;}
} 

/*手机导航头部*/
@media (max-width: 1080px){
	
.glneicontn{width:100%; height:auto; float:left;  position:relative;}
.glneicontn img{width:100%; height:auto; }
.gonglwein{width:100%; line-height:2.4em; height:2.4em; position: absolute; bottom:0px; font-size:16px; text-align:center; font-family: "Microsoft Yahei"; color:#ffffff; }


.weizhibar{position: absolute; bottom:0px; padding:5px 3%; margin:0 0%; width:94%; font-size:14px; height:30px; line-height:30px; font-family:"Microsoft Yahei"; color:#ffffff; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent); overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.weizhibar a:link  {color:#ffffff; text-decoration:none;} 
.weizhibar a:visited {color:#ffffff; text-decoration:none;} 
.weizhibar a:hover,a:active {color:#ffffff; text-decoration: none;}



.xiaodaobar{float:left; padding:5px 3%; margin:15px 3% 0 3%;width:88%; border-radius:4px; background:#f8f8f8; font-size:14px; height:26px; line-height:26px; font-family:"Microsoft Yahei"; color:#3a3a3a; background-color:#f5f5f5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.xiaodaobar a:link  {color:#3a3a3a; text-decoration:none;} 
.xiaodaobar a:visited {color:#3a3a3a; text-decoration:none;} 
.xiaodaobar a:hover,a:active {color:#3a3a3a; text-decoration: none;}
	
	
#hamburgermenu {
  height: 100%;
  width: 0;
  background: #191919;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {display: block; position:relative;}

#hamburgermenu ul li .j{ position:absolute; left:145px; top:18px; width:20px; height:20px; z-index:200;}
#hamburgermenu ul li .j img{ width:10px; }
#hamburgermenu ul li a {
  display: block;
  min-width: 100px;
  padding: 10px 0px 10px 20px;
  color: #cdcdcd;
  font-size: 1.0em;
  text-decoration: none;
  text-align: left;
}
#hamburgermenu li a:hover {color: #fff;  background: #2c2c2c;}

header {
  display: block;
  width: 100%;
  height:50px;
  background: #ffffff;
  padding:0px;

}

.sidenav-dropdown{display:none;list-style:none;padding:0px; margin:0px; }
.sidenav-dropdown a{background:#191919;}
.sidenav-dropdown li{ padding-left:20px;}
.sidenav-header{border-bottom:1px solid #424242;margin:0}
.sidenav-header{background:0 0;color:#757575;font-size:16px;line-height:32px;padding:20px 20px;}
.sidenav-header small{display:block;font-size:14.4px;line-height:16px}




.logo{left:10px; margin:10px 0px; height:30px; position:absolute;}
.logo img{height:30px; width:100px; margin:0px;}

#navbar {  position: relative; margin: 0 auto;}

.menubtn {
  position:absolute;
  z-index: 101;
  right:10px;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top:10px;
  width:30px; height:30px; border-radius:2px;
  background-image: url('/e/wap/skin/default/images/hamburger.png');
  background-position: 50% 50%;
  background-size:30px 30px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
	
  color: #bdd43e;
  background-image: url('/e/wap/skin/default/images/hamburger-active.png');
}



 section{background: #f5f5f5; float:left; width:100%; padding-bottom:10px;}

.jianjie{ float:left; width:94%; margin-left:3%;  color:#565656; text-align:center; padding-top:8px;}
.jianjie H1{ text-align:center; font-size:16px; color:#35c5a3; line-height:26px; }
.jianjie H2{ text-align:center; font-size:14px; color:#4b4b4b; line-height:22px; }

		

		.hottu{ float:left; position:relative; width:95%; margin-left:2.5%;}

		.hottu img{ width:100%; }

		.hottu .wenzi{ height:60px; position:absolute; bottom:0px; background:url(/skin/m/images/wenbg.png) bottom repeat-x; width:100%; overflow:hidden;}

		.hottu .wenzi p{  color:#FFF; position:absolute; bottom:0px; font-size:14px; padding-bottom:8px; display:block; width:95%; padding-right:2.5%; padding-left:2.5%; } 

		.hottu a:link  {color:#ffffff; text-decoration:underline;} 

		.hottu a:visited {color:#ffffff; text-decoration:underline;} 

		.hottu a:hover,a:active {color:#ffffff; text-decoration: none;}




/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

#pgcontainer {
  padding:10px 3%;
  margin: 0;
  float:left;
  width:94%;
}


#content {
  max-width:100%;
font-family:"Microsoft Yahei";
  padding: 10px 0% 0px 0%;
  float:left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


#content h1 {
  font-family:"Microsoft Yahei";
  font-size: 1.2em;
  line-height: 1.4em;
  padding-bottom:5px;
  font-weight: 700;
  color: #484848;
  text-align: center;
  letter-spacing: -0.05em;

}



#content img { max-width:100%; margin-bottom:10px; float:left; height:auto;}

.sydt { position:relative;
  float:left;
  width:100%;
}

.daowenz{ color:#fff; position:absolute; bottom:0px; line-height:30px; padding-left:10px; font-size:14px;}
.daowenz a:link {color:#fff; text-decoration:none ; } 
.daowenz a:visited {color:#fff; text-decoration: none;} 
.daowenz a:hover,a:active {color:#fff; text-decoration: none;}
.sydt img{
  float:left;
  width:100%;
}

#situzong {
  float:left;
  width:100%;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {  top: 0;}
}



/* weizhi */
.neiwith{ width:100%; float:left; height:40px; background:#ffffff;}
.middlen{ width:100%; float:left; margin-top:0px; height:45px;}

.middlen .video2 {width:1200px; height:45px; margin-left:auto; margin-right:auto; line-height:45px; color:#2e2e2e; font-size:14px;}

.video2 a:link {color:#2e2e2e; text-decoration:none;} 
.video2 a:visited {color:#2e2e2e;} 
.video2 a:hover,a:active {color:#35c5a3; text-decoration:none; }


/* leftlist */
.mainCon{ width:100%; float:left; padding:20px 0; background-color:#f5f5f5;}
.mainCon1200{ margin-left:auto; margin-right:auto; width:1200px;}

@media (max-width: 1080px){
	.listleft{display:none;}
	.neiwith{display:none;}
	.mainCon{padding-top:10px; padding-bottom:0px;}
	.mainCon1200{width:100%;}
}




/* news right */
.faq800{ width:1200px;  float:left; }

.faq800 h1{ margin:0px; width:100%; float:left; height:60px; line-height:60px; border-radius:4px; text-align:center; border-bottom:1px solid #f5f5f5; background-color:#ffffff; color:#4d4d4d; font-size:24px; font-weight:normal;}

.productlistdis{float:left; width:1160px; padding:10px 20px; border-radius:4px; font-size:14px; background-color:#ffffff; line-height:26px; color:#838383; text-align:justify; border-bottom:1px solid #f5f5f5;}
.productlistdis p{ margin:5px 0;}
.productlistdis p a:link {color:#838383; text-decoration:none;} 
.productlistdis p a:visited {color:#838383;} 
.productlistdis p a:hover,a:active {color:#35c5a3; text-decoration:none; }

.productlistdis table{float:left; width:100%; padding:5px 0;  border-bottom:1px solid #f5f5f5;}
.productlistdis table:last-child{border-bottom: none;}
.productlistdis a:link { text-decoration:none; } 
.fieldandcss{ color:#838383; margin-left:10px;}
.changefieldandcss{background:#35c5a3;color:#fff; padding:2px 10px; border-radius:2px; margin-left:10px;}

.faq800 .dz{ float:left; width:1200px; margin-top:20px; background:#35c5a3; color:#fff; font-weight:normal;border-radius:4px; font-size:16px; text-align:center; height:45px; line-height:45px; }
.faq800 .dz a:link {color:#fff; text-decoration:none; } 
.faq800 .dz a:visited {color:#fff; text-decoration:none;} 
.faq800 .dz a:hover,a:active {color:#004e3b; text-decoration: none; }



.krecommend{float:left; width:1200px; border-radius:4px; margin-top:25px; background-color:#ffffff;}
.krecommend .barbott{float:left; width:1200px;  border-radius:4px; height:45px; border-bottom:1px solid #f5f5f5; text-align:center; line-height:45px; font-size:18px; color:#838383; }
.krecommend .barbott a:link {color:#838383; text-decoration:none; } 
.krecommend .barbott a:visited {color:#838383; text-decoration:none;} 
.krecommend .barbott a:hover,a:active {color:#35c5a3; text-decoration: none;}
.krecommend ul{width:380px; margin:15px 0 15px 20px; float:left; }
.krecommend ul li{background:url(/skin/default/images/dian.jpg) left center no-repeat; color:#4d4d4d; font-size:14px; line-height:30px; padding-left:10px;}
.krecommend ul li a:link {color:#838383; text-decoration:none; } 
.krecommend ul li a:visited {color:#838383;} 
.krecommend ul li a:hover,a:active {color:#35c5a3; text-decoration:none;}


/* fenye */
.leftfenpage {float:left; width:100%; font-size:14px; border-radius:4px; margin-top:20px;}
.epages {text-align:center; margin-left:auto; margin-right:auto; width:100%; }
.epages b{padding:6px 12px 6px 6px; border-radius:3px; font-weight:normal;  font:normal 14px verdana; text-decoration:none;color:#373737;}
.epages a{padding:6px 10px 6px 10px;  border-radius:3px; margin-right:5px; border:1px solid #a8a8a8; text-align:center;text-decoration:none;font:normal 14px verdana; color:#a8a8a8; background:#ffffff; cursor: pointer;}
.epages a b {color:#a8a8a8; } 
.epages a b:hover {color:#35c5a3; } 
.epages a:hover{border:#35c5a3 1px solid; text-decoration:none;color:#35c5a3; background:#fff;}

@media (max-width: 1080px){
	.faq800{width:96%; margin-left:2%;}
	.faq800 h1{height:35px; line-height:35px; font-size:16px; font-weight:normal;}
	.productlistdis{width:96%; padding:0px 2%; line-height:28px; }
	.productlistdis table{float:left; width:100%;}
	.faq800 .dz{ float:left; width:94%; margin-top:10px; padding:5px 3%; line-height:22px; overflow:hidden; font-size:14px;}
	.footzong{width:100%;}
	
	.leftfenpage {float:left;  margin-top:20px;}
	.epages { height:30px; width:100%; }
	
	
	.krecommend{float:left; width:96%; margin-left:2%; margin-top:10px;}
	.krecommend .barbott{float:left; width:100%; font-size:16px; line-height:40px; height:40px;}
	.krecommend ul{width:96%; margin:5px 0 5px 2%; float:left; }
.krecommend ul li{ line-height:28px; padding-left:10px;}
}

.casez{ width:1200px; float:left; margin-top:20px; background:#fff; border-radius:4px; height:300px; overflow:hidden;}
/*.casez img{float:left; height:260px; width:420px; margin:20px 0 20px 20px;border-radius:4px;}*/

@media screen and (max-width:1079px) { 
.casez{width:100%; margin-top:10px; height:120px; color:#838383;}
.casez img { width:37%; height:100px; margin:10px 0 10px 3%;border-radius:4px;float:left;} 
.casez .lm2{ display:none;}
.casez .lm{ display:none;}
} 
/* 设置了浏览器宽度大于600px时 abc 显示900px宽度 
@media screen and (min-width:600px) and (max-width:960px) { 
.casez{width:100%; margin-top:10px; height:200px; color:#838383;}
.casez img { width:37%;height:180px;margin:10px 0 10px 3%;border-radius:4px;float:left;} 
} */ 
/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 
@media screen and (min-width:1080px) { 
.casez{width:100%; margin-top:20px; height:300px; color:#838383; position: relative;}
.casez img { height:260px; width:420px; margin:20px 0 20px 20px;border-radius:4px;float:left;} 

.casez .lm{color:#fff; position:absolute; top:40px; left:20px; z-index:10; border-radius:0px 3px 3px 0;  background-color: rgba(53, 197, 163, 0.85);  padding-left:20px; padding-right:20px; height:35px; line-height:35px; font-size:16px;}

.casez .lm a:link {color:#fff; text-decoration:none; margin:0 3px;} 
.casez .lm a:visited {color:#fff; text-decoration:none;} 
.casez .lm a:hover,a:active {color:#505050; text-decoration: none;}

.casez .lm2{ position:absolute; bottom:20px; left:20px; z-index:10; color:#bef1e5; background-color: rgba(53, 197, 163, 0.85); width:420px; text-align:center; height:40px; line-height:40px; font-size:14px; overflow:hidden; border-radius: 0 0 4px 4px;}
.casez .lm2 a:link {color:#bef1e5; text-decoration:none; margin:0 3px;} 
.casez .lm2 a:visited {color:#bef1e5; text-decoration:none;} 
.casez .lm2 a:hover,a:active {color:#505050; text-decoration: none;}
} 

.caseright{ width:720px; margin-left:20px; float:left; position:relative; text-align:justify; color:#838383; line-height:2.0em; font-size:14px;}
.caseright .xiangao{ width:100%; height:200px; overflow:hidden; float:left; }
.caseright h3{ text-align:center; font-size:22px; width:100%; float:left; height:60px; line-height:60px; border-bottom:1px solid #f5f5f5; margin-bottom:10px; font-weight:normal;}
.caseright h3 a:link {color:#838383; text-decoration:none ; } 
.caseright h3 a:visited {color:#838383; text-decoration: none;} 
.caseright h3 a:hover,a:active {color:#35c5a3; text-decoration: none;}

@media (max-width: 1080px){
	.caseright{ width:54%; margin-left:3%; margin-right:3%; float:left; line-height:1.5em; height:108px; overflow:hidden; }
	.caseright h3{ text-align:left; font-size:16px; width:100%; float:left; height:35px; line-height:35px; overflow:hidden; margin-bottom:5px;}
	.casebar{ display:none;}
}

.casebar{width:100%; float:left; margin-bottom:20px; margin-top:10px; }
.casebar a:link {color:#ffffff; text-decoration:none; } 
.casebar a:visited {color:#ffffff; text-decoration:none;} 
.casebar a:hover,a:active {color:#35c5a3; text-decoration: none;}

.casebar a {width: 160px; position:absolute; right:0%; height:34px; text-align: center; border: solid #35c5a3 1px; border-radius:4px; font-size: 16px; line-height:34px; background-color: #35c5a3; transition: background-color .3s; margin:0px 0px 0px 35px; }
.casebar a:hover { color:#35c5a3; background-color: #ffffff; text-decoration: none;}


.shangxia {float:left; width:875px; font-size:14px; border-radius:4px; border-left:5px solid #35c5a3; background-color:#ffffff; margin-bottom:20px; margin-top:20px;}
.shangxiap {float:left; width:860px; padding-left:15px; color:#464646; line-height:40px; height:40px;  border-bottom:1px #f5f5f5 solid;}
.shangxian {float:left; width:860px; padding-left:15px; color:#464646; line-height:40px; height:40px; }

.shangxia a:link {color:#464646; text-decoration:none; } 
.shangxia a:visited {color:#464646; text-decoration:none;} 
.shangxia a:hover,a:active {color:#35c5a3; text-decoration: none;}



.pageLink{ padding-top:10px; }
.pageLink a,
.list_page a,
.list_page b { margin-bottom:10px; 
	padding: 4px 10px; width:1em;
	border: 1px solid #a4a4a4;
	background: #f5f5f5; border-radius:2px;
	text-align: center;
	display: inline; 
	font-size: 14px;
	}
.pageLink a:hover,
.list_page a:hover{
	border: 1px solid #35c5a3;
	background: #fff;
	text-align: center;
 
	text-decoration: none;
	}