/* 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; }

.footzong{float:left; width:100%;}
.footdb{background: #303030; color:#cecece; font-size:14px; float:left; width:94%; margin-left:3%; margin-bottom:50px; border-radius:4px;}
.footdb a:link  {color:#8c8c8c; text-decoration:none;} 
.footdb a:visited {color:#8c8c8c;} 
.footdb a:hover,a:active {color:#8c8c8c; text-decoration: underline;}
}


@media screen and (min-width: 1081px) { 
.glneicontn{display:none;}
header{display:none;}
.xiaodaobar{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; }


.xiaodaobar{float:left; padding:5px 3%; margin:0px 3% 10px 3%;width:88%; border-radius:4px; background:#f8f8f8; font-size:14px; height:22px; line-height:22px; 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:880px;  float:left; margin-left:20px;}
.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:840px; padding:10px 20px; margin-bottom:20px; border-radius:4px; font-size:14px; background-color:#ffffff; line-height:28px; color:#838383; text-align:justify; border-bottom:1px solid #f5f5f5;}
.productlistdis a:link {color:#838383; text-decoration:none; } 
.productlistdis a:visited {color:#838383; text-decoration:none;} 
.productlistdis a:hover,a:active {color:#35c5a3; text-decoration: none;}

.productlistdis table{float:left; width:820px; padding:8px 0;  border-bottom:1px solid #f5f5f5;}
.productlistdis a:link { text-decoration:none; } 
.fieldandcss{ color:#ffffff; margin-left:10px;}
.changefieldandcss{background:#35c5a3;color:#fff; padding:2px 10px; border-radius:2px; margin-left:10px;}
.changefieldandcss:hover,a:active {color:#fff; text-decoration: none;}

.faq800 .dz{ float:left; width:840px; 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; }

@media (max-width: 1080px){
	.faq800{width:94%; margin-left:3%;}
	.faq800 h1{height:36px; line-height:36px; font-size:16px; font-weight:normal;}
	.productlistdis{width:94%; padding:6px 3%; line-height:26px; margin-bottom:10px;}
	.productlistdis table{float:left; width:100%;}
	.faq800 .dz{ float:left; width:100%; margin-top:10px; padding:5px 0; line-height:22px; overflow:hidden; font-size:14px;}
}

/* newstupianlist */
.liebiaimg {width:840px; border-radius:4px; padding:0 20px; padding-bottom:10px; margin:0px; float:left; background-color:#ffffff;}
.liebiaimg ul li a:link {color:#3f3f3f; text-decoration:none ; } 
.liebiaimg ul li a:visited {color:#3f3f3f; text-decoration: none;} 
.liebiaimg ul li a:hover,a:active {color:#35c5a3; text-decoration: none;}

.liebiaimg li {float: left;height:100%; line-height:2.0em; font-size:1.0em; padding-bottom:10px; border-bottom:1px dotted #d7d7d7; margin-top:10px;}
.liebiaimg li:last-child { padding-bottom:0px; border-bottom: none; }

.liebiaimg li p{ line-height:1.8em; font-size:14px; color:#7d7d7d;}
.liebiaimg li span{line-height:2.1em; font-size:0.9em; color:#959595; float:left; width:100%;}
.liebiaimg li span a{ padding:2px 8px; background-color:#f5f5f5; color:#959595; border-radius:2px;}
.liebiaimg li .xiangqing{ margin-top:10px; margin-bottom:10px;  width: 100px; height:30px;}

.liebiaimg li .rt{width:500px; float: left;height:200px; margin-left:20px; }

.liebiaimg li img{width: 320px; margin-top:5px; margin-bottom:5px; float: left;height:200px; border-radius:4px;display: block;transform: scale(1.001);transition: all 0.5s ease 0s;}
.liebiaimg li img:hover {transform: scale(1.03);}

.liebiaimg li .xiangqing a:link {color:#7d7d7d; text-decoration:none; } 
.liebiaimg li .xiangqing a:visited {color:#7d7d7d; text-decoration:none;} 
.liebiaimg li .xiangqing a:hover,a:active {color:#7d7d7d; text-decoration: none;}

.liebiaimg li .xiangqing a {width: 100px; height:28px; text-align: center; border: solid #e8e8e8 1px; border-radius:30px; font-size: 14px;  float:left; line-height:28px; background-color: #f5f5f5; transition: background-color .3s;}
.liebiaimg li .xiangqing a:hover {background-color: #35c5a3; color: #ffffff; text-decoration: none;}

/* fenye */
.leftfenpage {float:left; width:100%; font-size:14px; border-radius:4px; padding-top:5px;}
.epages {text-align:center; margin-left:auto; margin-right:auto; height:45px; 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){
	.liebiaimg {width:100%; border-radius:2px; padding:0 0px; margin:0px 0% 0 0%; float:left; background-color:#ffffff;}
	.liebiaimg li {float:left; height:100%; line-height:2.0em; font-size:1.0em; padding-bottom:5px; border-bottom:1px dotted #d7d7d7; margin-top:5px;}
	.liebiaimg li img{width:37%; margin-left:3%; margin-top:5px; margin-bottom:5px; float:left;height:95px; border-radius:2px; display:block;transform: scale(1.001);transition: all 0.5s ease 0s;}
	.liebiaimg li .rt{ 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;
	}