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


.daohang{ display:none;}
.gonglwein{ display:none;}

/* flash */
.flash{ width:100%; float:left; height:500px; }
.flexslider{position:relative; height:500px;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute; bottom:15px; z-index:2; left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);}
.flex-control-nav li{display:inline-block;width:16px; float:left;height:16px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:16px;height:16px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:43%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:50px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:50px;background:url(../images/next.png) center center no-repeat;}


.fenflashshanxi{ width:100%; float:left; height:500px; }
.fenflashshanxi h1{ margin-left:auto; margin-right:auto; color:#ffffff; font-weight:normal; font-size:40px; text-align:center; height:50px; margin-top:220px; padding-bottom:185px; }
.fenflashshanxi .chengshi{ margin-left:auto; margin-right:auto; width:1200px; font-weight:normal; font-size:16px; text-align:center; padding:5px 0; border-radius:4px 4px 0 0; background-color: rgba(255, 255, 255, 0.8); line-height:35px; color:#35c5a3;  }

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

/* shanxi */
.mainCon{ width:100%; float:left; padding-top:20px; background-color:#f5f5f5;}
.mainCon1200{ margin-left:auto; margin-right:auto; width:1220px;}
.faq8002 h1{ margin:0px 9px; width:1200px; float:left; height:50px; line-height:50px; border-radius:4px; text-align:center; border-bottom:1px solid #f5f5f5; background-color:#ffffff; color:#4d4d4d; font-size:22px; font-weight:normal;}

.mainCon1200 h1 a:link {color:#4d4d4d; text-decoration:none; } 
.mainCon1200 h1 a:visited {color:#4d4d4d;} 
.mainCon1200 h1 a:hover,a:active {color:#35c5a3; text-decoration:none;}

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

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





/*list*/
.list100{ float:left; width:100%; padding-top:25px; }
.list100 .liscon{ margin-left:auto; margin-right:auto; width:1200px; }
.list100 .liscon .dz{ float:left; width:1200px; margin-top:25px; background:#35c5a3; color:#fff; font-weight:normal;border-radius:4px; font-size:16px; text-align:center; height:45px; line-height:45px; }
.list100 .liscon .dz a:link {color:#fff; text-decoration:none; } 
.list100 .liscon .dz a:visited {color:#fff; text-decoration:none;} 
.list100 .liscon .dz a:hover,a:active {color:#004e3b; text-decoration: none; }

.list100 .liscon .leftbar{float:left; background-color:#f5f5f5; width:220px; padding-bottom:20px; border-radius:4px; }
.list100 .liscon .leftbar .redbg{float:left; width:220px; background-color:#35c5a3; border-radius:4px;}
.list100 .liscon .leftbar .redbg h2{ float:left; color:#f5f5f5; font-weight:normal; font-size:16px; text-align:center; line-height:40px; height:40px; padding:0px 0px; width:100%; }
.list100 .liscon .leftbar .redbg h2 a:link {color:#ffffff; text-decoration:none; } 
.list100 .liscon .leftbar .redbg h2 a:visited {color:#ffffff;} 
.list100 .liscon .leftbar .redbg h2 a:hover,a:active {color:#ffffff; text-decoration:none;}

.list100 .liscon .leftbar ul{ float:left; width:100%; }

.list100 .liscon .leftbar ul .tbtncon{  }
.list100 .liscon .leftbar ul li{cursor:pointer; font-size:14px; line-height:34px; margin-left:20px; margin-top:15px; text-align:center; width:180px; border-radius:2px; background-color:#ffffff;}
.list100 .liscon .leftbar ul li.curr{border:none;  cursor:default; background:url(/skin/default/images/casebg.png) left center no-repeat;border-radius:2px;}

.list100 .liscon .leftbar ul li.curr a:link{color:#ffffff; }
.list100 .liscon .leftbar ul li.curr a:visited{color:#ffffff; }

.list100 .liscon .leftbar ul a:link {color:#4d4d4d; text-decoration:none; } 
.list100 .liscon .leftbar ul a:visited {color:#4d4d4d;} 
.list100 .liscon .leftbar ul a:hover,a:active {color:#ffffff; text-decoration:none;}

.list100 .liscon .righttuijian{float:left; width:978px; border:1px solid #f5f5f5; height:548px; border-left:none; border-radius:0 2px 2px 0;}
.list100 .liscon .righttuijian .con{ float:left; width:100%; padding-top:20px;}

.list100 .liscon .righttuijian .con .pt{float:left; width:300px; border-radius:2px; margin:0 0px 20px 20px; position:relative;}

.list100 .liscon .righttuijian .con .pt .lm2{ position:absolute; bottom:35px; left:0px; z-index:10; border-radius:2px 2px 0 0; color:#fff; background-color: rgba(24, 156, 136, 0.85); width:300px; text-align:center; height:35px; line-height:35px; font-size:14px; overflow:hidden;}
.pr10{padding-right:10px;}
.list100 .liscon .righttuijian .con .pt .lm2 a:link {color:#bef1e5; text-decoration:none; } 
.list100 .liscon .righttuijian .con .pt .lm2 a:visited {color:#bef1e5; text-decoration:none;} 
.list100 .liscon .righttuijian .con .pt .lm2 a:hover,a:active {color:#505050; text-decoration: none;}

/*.list100 .liscon .righttuijian .con .pt:nth-of-type(odd) {margin-left:10px;}
.mainCon1200 .pt:nth-of-type(even) {margin-right:10px;}*/
.list100 .liscon .righttuijian .con .pt img{float:left; width:300px; height:210px; border-radius:4px 4px 0 0; }
.list100 .liscon .righttuijian .con .pt .tt{float:left; width:300px; padding:0px; font-size:14px; background-color:#f5f5f5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; border-radius:0 0 2px 2px; height:35px; text-align:center; line-height:35px; text-align:center;}
.list100 .liscon .righttuijian .con .pt .tt a:link {color:#838383; text-decoration:none; } 
.list100 .liscon .righttuijian .con .pt .tt a:visited {color:#838383; text-decoration:none;} 
.list100 .liscon .righttuijian .con .pt .tt a:hover,a:active {color:#35c5a3; text-decoration: none;}


/*zhishi*/
.zhishi{width: 100%; overflow: hidden;background:#ffffff; margin-bottom:15px; padding-top:15px;}
.zhishi .zhishiz {margin: 0 auto; width:1200px; overflow: hidden;}

.zhishi .zhishiz .listz{float:left; width:1198px; border:1px solid #efefef; border-radius:2px;  background-color:#ffffff; margin-bottom:10px; margin-top:10px;}
.zhishi .zhishiz .listz .bar{float:left; width:1198px; border-bottom:1px solid #ffffff; text-align:center; background-color:#f5f5f5; height:45px; line-height:45px; font-size:18px; color:#35c5a3;}
.zhishi .zhishiz .listz .bar a:link {color:#838383; text-decoration:none; } 
.zhishi .zhishiz .listz .bar a:visited {color:#838383;} 
.zhishi .zhishiz .listz .bar a:hover,a:active {color:#35c5a3; text-decoration:none;}

.zhishi .zhishiz .listz ul{width:365px; margin:10px 0 10px 20px; float:left; }
.zhishi .zhishiz .listz ul li{background:url(/skin/default/images/dian.jpg) left center no-repeat; color:#4d4d4d; font-size:14px; height:30px; overflow:hidden; line-height:30px; padding-left:10px; }
.zhishi .zhishiz .listz ul li a:link {color:#6d6d6d; text-decoration:none; } 
.zhishi .zhishiz .listz ul li a:visited {color:#6d6d6d;} 
.zhishi .zhishiz .listz ul li a:hover,a:active {color:#35c5a3; text-decoration:none;}



/* chegnshi */
.pingbot20{padding-bottom:25px;}

.productlistdis{float:left; margin-left:9px; width:1160px; padding:5px 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 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;}

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

.precommend3 .fenleibar{width:1200px; float:left; margin-bottom:20px; margin-left:9px; height:45px; line-height:45px; background-color:#ffffff;  text-align:center; font-size:16px;color:#565656;}
.precommend3 .fenleibar a:link {color:#565656; text-decoration:none ; } 
.precommend3 .fenleibar a:visited {color:#565656; text-decoration: none;} 
.precommend3 .fenleibar a:hover,a:active {color:#35c5a3; text-decoration: none;}
.precommend3 .pt{float:left; width:386px; border-radius:4px; margin:0px 10px 20px 10px; position:relative;}
.precommend3 .pt img{float:left; width:386px; height:240px; border-radius:4px 4px 0 0; }

.precommend3 .lm2{ position:absolute; bottom:38px; left:0px; z-index:10; border-radius:0px 3px 3px 0;color:#fff; background-color: rgba(24, 156, 136, 0.85); height:35px; line-height:35px; font-size:14px; overflow:hidden;  width:386px; text-align:center; }
.pr10{padding-right:10px;}
.precommend3 .lm2 span{ padding-left:6px; padding-right:6px;}
.precommend3 .lm2 a:link {color:#bef1e5; text-decoration:none; } 
.precommend3 .lm2 a:visited {color:#bef1e5; text-decoration:none;} 
.precommend3 .lm2 a:hover,a:active {color:#505050; text-decoration: none;}

.precommend3 .pt .tt{float:left; width:386px; padding:0px; font-size:16px; background-color:#ffffff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; border-radius:0 0 4px 4px; height:38px; text-align:center; line-height:38px; }
.precommend3 .pt .tt a:link {color:#838383; text-decoration:none; } 
.precommend3 .pt .tt a:visited {color:#838383; text-decoration:none;} 
.precommend3 .pt .tt a:hover,a:active {color:#35c5a3; text-decoration: none;}



.precommend3 .more{float:left; width:100%; margin-top:20px; }
.precommend3 .more a { 
    width:340px;
    height:36px; line-height:36px; border:1px solid #35c5a3; background: #35c5a3; border-radius: 25px;
    text-align: center;  
    margin: 0 auto;
    font-size: 16px;
    display: block;
    color: #ffffff; text-decoration:none;
    transition: background-color .3s;
}

.precommend3 .more a:hover {
    background-color: #ffffff;  border:1px solid #35c5a3;
    color: #35c5a3; text-decoration:none; 
}


@media (max-width: 1080px){
	.neiwith{display:none;}
	.mainCon{padding-top:10px; padding-bottom:0px;}
	.mainCon1200{width:100%;}
	.faq8002{width:94%; margin-left:3%;}
	.faq8002 h1{height:36px; margin-left:0px;width:100%; line-height:36px;width:100%; font-size:16px; font-weight:normal;}
	.productlistdis{width:94%; padding:6px 3%; margin-left:0px; line-height:26px; margin-bottom:0px;}
	.productlistdis table{float:left; width:100%;}
	
	.precommend3{margin-left:auto; margin-right:auto; width:94%; }
	.precommend3 .dz{ float:left; width:80%; margin-left:0px;border-radius:2px; margin-top:0px; padding:5px 10%; line-height:22px; height:44px; overflow:hidden; font-size:14px;}
	.precommend3 .fenleibar{width:100%; float:left; margin-bottom:10px; margin-left:0%; height:35px; line-height:35px; font-size:16px;color:#565656;}
	.precommend3 .pt{float:left; width:100%; border-radius:2px; margin:0px 0% 10px 0%; position:relative;}
	.precommend3 .pt:nth-of-type(4){ display:none;}
	.precommend3 .pt:nth-of-type(5){ display:none;}
	.precommend3 .pt:nth-of-type(6){ display:none;}
	.precommend3 .pt img{float:left; width:100%; height: auto; border-radius:2px 2px 0 0; }
	.precommend3 .lm2{ position:absolute; bottom:35px; left:0px; z-index:10; background-color: rgba(24, 156, 136, 0.85); height:35px; line-height:35px; font-size:14px; width:100%; }
	.precommend3 .pt .tt{float:left; width:100%; padding:0px; border-radius:0 0 2px 2px; font-size:16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:35px; line-height:35px; }
	
	.zhishi{width: 100%; overflow: hidden;background:#ffffff; margin-bottom:0px; padding-top:10px;}
	.zhishi .zhishiz {margin: 0 3%; width:94%; overflow: hidden;}
	.zhishi .zhishiz .listz{float:left; width:100%; border: none; border-radius:2px;  background-color:#ffffff; margin-bottom:10px; margin-top:0px;}
	.zhishi .zhishiz .listz .bar{float:left; width:100%; border: none; border-bottom:1px solid #ffffff; height:36px; line-height:36px; font-size:16px; color:#35c5a3;}
	.zhishi .zhishiz .listz ul{width:100%; margin:10px 0px 0px 0px; float:left; padding:0px;}
	.zhishi .zhishiz .listz ul li{font-size:14px; height:25px; overflow:hidden; line-height:25px; padding-left:10px; }


}