﻿/* CSS Document */
@CHARSET "UTF-8";
@import url("/skin/default/css/ndaohang.css");
body ,html{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	font-size:1em;
	text-align: left;
}

img {border: none;}
p,ul,ol,li,form,h1,h2,h3,h4,h5,table,td,tr,b {margin: 0;	padding: 0;	list-style: none;}
p,ul,ol,li,form {margin: 0;	padding: 0;	list-style: none;}

 


/* weizhi 
.neiwith{ width:100%; float:left; height:45px; background:#ffffff; border-bottom:1px solid #e8e8e8;}
.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:#535353; font-size:16px;}
.video2 a:link {color:#535353; text-decoration:none;} 
.video2 a:visited {color:#535353;} 
.video2 a:hover,a:active {color:#535353; text-decoration:none; }
*/

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

@media screen and (max-width:960px){
	.topz{ height:0px;}
.topbg{ display:none;}
.neiwith{display:none;}
.top01{ display:none;}
.bigfont100{display:none;}
.banquan100{display:none;}
.right100{display:none;}
.listleft{display:none;}
.shoujit{ width:100%; float:left; display:block;}
.shoujif{ width:100%; float:left; display:block;}
.er{display:none;}
.connect100{display:none;}
}


/* 100 */
.main100{ width:100%; float:left; padding-top:20px; background-color:#f5f5f5; padding-bottom:20px;}
.main1220{ margin-left:auto; margin-right:auto; width:1220px;}
.main1220 h1{ margin:0px 10px; width:1200px; 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:22px; font-weight:normal;}
.maillistdis{float:left; width:1160px; padding:10px 20px; margin-left:10px; border-radius:4px; font-size:14px; background-color:#ffffff; line-height:32px; color:#838383; text-align:justify; border-bottom:1px solid #f5f5f5;}

.main1220 .pt{float:left; width:285px; margin-left:10px; margin-right:10px; margin-top:20px;}
.main1220 .pt img{float:left; width:285px; height:285px; }
.main1220 .pt .tt{float:left; width:255px; padding:10px 15px; border-top:1px solid #f5f5f5; background-color:#ffffff; border-radius:4px; height:40px; font-size:16px; line-height:20px;  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;color:#838383;}
.main1220 .pt .tt a:link {color:#838383; text-decoration:none; } 
.main1220 .pt .tt a:visited {color:#838383; text-decoration:none;} 
.main1220 .pt .tt a:hover,a:active {color:#189c88; text-decoration: none;}

.custom{width:1200px; float:left; height:60px; line-height:60px; border-radius:4px; margin:20px 10px; text-align:center; background-color:#ffffff; font-size:18px; font-weight:normal;}
.custom a:link {color:#189c88; text-decoration:none; } 
.custom a:visited {color:#189c88; text-decoration:none;} 
.custom a:hover,a:active {color:#189c88; text-decoration: none;}


@media screen and (max-width:960px){
	.main100{ width:100%; float:left; padding-top:0px; background-color:#ffffff; padding-bottom:10px;}
.main1220{ margin-left:auto; margin-right:auto; width:100%;}
.main1220 h1{ width:100%; margin-left:0px; height:40px; line-height:40px; margin-left:0px; border-radius:4px; font-size:16px;}
.main1220 .pt{float:left; width:45.5%; padding:0px 0px 0px 0px; box-shadow: 0 0 1px rgba(67, 67, 67, 0.4); margin-left:3%; margin-top:10px; margin-right:0px; }
.main1220 .pt img{ height:100%;width:100%;}
.main1220 .pt .tt{width:94%; padding:5px 3%; overflow:hidden; text-overflow: ellipsis; white-space: pre-line; line-height:20px; height:40px; text-align: left; font-size:14px; float:left; background-color:#f8f8f8; border-radius: 0 0 4px 4px;}
}

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


/* news right */
.right900{ width:1220px; float:left; }
.faq800{ width:100%; float:left; }
.faq800 h1{ margin-left:10px; width:1200px; float:left; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #f5f5f5; background-color:#ffffff; color:#4d4d4d; font-size:22px; font-weight:normal;}

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



.faq8002{ width:980px;  float:left; margin-left:20px;}
.faq8002 h1{ margin:0px; width:100%; 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;}
.condiv2{float:left; font-size:16px; margin-bottom:20px; line-height:26px; color:#656565; width:940px; border-radius:4px; padding:10px 20px; background-color:#ffffff;}
.condiv2 p{ margin:10px 0;}
.condiv2  img{ border-radius:4px; margin:5px 0; max-width:860px;}
.condiv2  a:link {color:#888888; text-decoration: none; } 
.condiv2  a:visited {color:#888888; text-decoration: none;} 
.condiv2  a:hover,a:active {color:#888888; text-decoration: underline;}

.condiv2 .bitian { background:url(/skin/default/images/bitian.png) right center no-repeat; }
.condiv2 .inname{font-size:14px; float:left; width:97%; padding-left:2%; border:1px solid #e2e2e2; border-radius: 4px; margin:5px auto; height:32px; line-height:32px;}
.condiv2 .contmessage{font-size:14px; padding-left:2%; float:left; resize:none; width:97%; border:1px solid #e2e2e2; border-radius: 4px; margin:5px auto; height:100px; line-height:26px;}
.condiv2 .contactsubmit{color:#ffffff; background-color:#189c88; width:160px; margin-top:10px; margin-bottom:10px; margin-left:35%; font-size:16px; height:38px; line-height:38px; text-align:center; border-radius:24px; border:1px solid #189c88; cursor:pointer; }
.condiv2 .contactsubmit:hover{color:#189c88; background-color:#ffffff; border:1px solid #189c88; }

.faqyou h1{ margin:20px 0 0px 0; width:100%; float:left; padding-bottom:10px; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #f5f5f5; color:#4d4d4d; font-size:26px; font-weight:normal;}
.faqyou .laiyuan{ width:100%; float:left; height:36px; line-height:36px; text-align:center; margin-bottom:10px; border-bottom:1px solid #f5f5f5; color:#888888; font-size:14px; }
.faqyou .condiv p{ font-size:14px; line-height:28px; color:#656565; text-align:justify; margin-bottom:15px;}
.faqyou .condiv div{  margin-bottom:15px;}


.tagcss {float:left; width:880px; padding-left:20px; font-size:14px; border-radius:4px; color:#ffffff; line-height:40px; height:40px; background:url(../images/tag.png) left center no-repeat #FFF;  margin-top:20px; overflow:hidden;}
.tagcss span{ margin-left:40px;}
.tagcss span a:link {color:#464646; text-decoration:none;  margin-left:5px; margin-right:5px;border-radius:4px; height:20px; line-height:20px; background-color:#f5f5f5; margin-top:8px; margin-bottom:8px; padding:2px 10px;} 
.tagcss span a:visited {color:#464646; text-decoration:none;} 
.tagcss span a:hover,a:active {color:#189c88; text-decoration: none;}

.shangxia {float:left; width:895px; font-size:14px; border-radius:4px; border-left:5px solid #189c88; background-color:#ffffff; margin-bottom:20px; margin-top:20px;}
.shangxiap {float:left; width:880px; padding-left:15px; color:#464646; line-height:40px; height:40px;  border-bottom:1px #f5f5f5 solid;}
.shangxian {float:left; width:880px; 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:#189c88; text-decoration: none;}

/* product list  right*/
.productlistdis{float:left; width:1160px; margin-left:10px; padding:0px 20px; border-radius:4px; font-size:16px; background-color:#ffffff; line-height:28px; color:#838383; border-bottom:1px solid #f5f5f5;}
.productlistdis p{ margin:10px 0;}
.productlistdis ul a{ display:inline-block; margin-bottom:8px; margin-top:8px; padding:0px 12px; background-color:#f5f5f5; border-radius:3px; margin-right:5px; border:1px solid #ececec;}
.productlistdis ul a:link {color:#838383; text-decoration:none; } 
.productlistdis ul a:visited {color:#838383; text-decoration:none;} 
.productlistdis ul a:hover,a:active {color:#189c88; text-decoration: none;}

.productlist{float:left; width:1220px; overflow:hidden; }
.productlist .pt{float:left; width:386px; margin-left:10px; margin-right:10px; margin-top:20px;}
.productlist .pt img{float:left; width:386px; height:386px; }
.productlist .pt .tt{float:left; width:356px; padding:10px 15px; border-top:1px solid #f5f5f5; background-color:#ffffff; border-radius:0 0 4px 4px; height:40px; font-size:16px; line-height:20px; color:#838383;  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.productlist .pt .tt a:link {color:#838383; text-decoration:none; } 
.productlist .pt .tt a:visited {color:#838383; text-decoration:none;} 
.productlist .pt .tt a:hover,a:active {color:#189c88; text-decoration: none;}

/* leftlist */
.mainCon{ width:100%; float:left; padding-top:20px; background-color:#f5f5f5;}
.mainCon1200{ margin-left:auto; margin-right:auto; width:1400px;}
.pin10{ padding-left:20px;}
.mainCon1200 .fatit{float:left; margin:10px 10px 0px 10px; }
.mainCon1200 .fatit a:link {color:#565656; text-decoration:none; } 
.mainCon1200 .fatit a:visited {color:#565656; text-decoration:none;} 
.mainCon1200 .fatit a:hover,a:active {color:#189c88; text-decoration: none;}
.mainCon1200 .fatit a {width:285px; height:38px; text-align: center; border-radius:2px; font-size:16px; line-height:38px; float:left; background-color: #ffffff; transition: background-color .3s;}
.mainCon1200 .fatit a:hover {background-color: #189c88; color: #ffffff; text-decoration: none;}



/* weixiu list  right*/
.weixiulist{float:left; width:900px; border-radius:4px;  overflow:hidden; }
.weixiulist .pt{float:left; width:280px; border-radius:4px; margin-left:20px; margin-top:20px;}
.weixiulist .pt img{float:left; width:280px; height:370px; border-radius:4px 4px 0 0;}
.weixiulist .pt .tt{float:left; width:280px;background-color:#ffffff; border-radius:5px; height:50px; font-size:16px; text-align:center; line-height:50px; text-align:center;}
.weixiulist .pt .tt a:link {color:#838383; text-decoration:none; } 
.weixiulist .pt .tt a:visited {color:#838383; text-decoration:none;} 
.weixiulist .pt .tt a:hover,a:active {color:#189c88; text-decoration: none;}


/* 404 */
.zongCon404{ width:100%; float:left; background-color:#f5f5f5;}
.mainCon404{ margin:20px auto; width:1360px; border-radius:4px; line-height:24px; background-color:#fff; font-size:16px; padding:0 20px 20px 20px;}

.mainCon404 .tagssty{ line-height:30px; padding-bottom:20px; border-top:1px solid #f5f5f5; padding-top:20px;}
.mainCon404 .tagssty a{ margin-left:5px; margin-right:5px;}

.mainCon404 a:link {color:#4d4d4d; text-decoration:none; } 
.mainCon404 a:visited {color:#4d4d4d;} 
.mainCon404 a:hover,a:active {color:#189c88; text-decoration:none;}

.maintag{ margin:20px auto; width:1180px; border-radius:4px; background-color:#fff; font-size:16px; padding:0 10px 20px 10px;}
.maintag .tagssty a:link {color:#565656; text-decoration:none; } 
.maintag .tagssty a:visited {color:#565656; text-decoration:none;} 
.maintag .tagssty a:hover,a:active {color:#189c88; text-decoration: none;}
.maintag .tagssty a { float:left; width:275px; height:38px; margin:5px 10px; text-align: center; border-radius:2px; font-size:16px; line-height:38px; background-color: #f5f5f5; transition: background-color .3s;}
.maintag .tagssty a:hover {background-color: #189c88; color: #ffffff; text-decoration: none;}

.maintag a:link {color:#4d4d4d; text-decoration:none; } 
.maintag a:visited {color:#4d4d4d;} 
.maintag a:hover,a:active {color:#189c88; text-decoration:none;}

/* kehu case list */
.casez{ width:900px; float:left; margin-bottom:20px; background:#fff; border-radius:4px; overflow:hidden;}
.casez img{float:left; height:250px; width:280px; margin:20px 0 20px 20px; }
.caseright{ width:560px; margin-left:20px; float:left; color:#4d4d4d; line-height:1.6em; font-size:16px;}
.caseright .xiangao{ width:100%; height:200px; overflow:hidden; float:left; }
.caseright h3{ font-size:18px; width:100%; float:left; height:60px; overflow:hidden; line-height:60px; border-bottom:1px solid #f5f5f5; margin-bottom:10px; font-weight:normal;}
.caseright h3 a:link {color:#4d4d4d; text-decoration:none ; } 
.caseright h3 a:visited {color:#4d4d4d; text-decoration: none;} 
.caseright h3 a:hover,a:active {color:#189c88; text-decoration: 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:#189c88; text-decoration: none;}

.casebar a {width:120px; float:left; height:32px; text-align: center; border: solid #e8e8e8 1px; border-radius:4px; font-size:16px; line-height:32px; float:left; background-color: #189c88; transition: background-color .3s; margin:0px; }
.casebar a:hover {color:#ffffff; text-decoration: none;}

/* fenye */
.leftfenpage {float:left; width:1200px; margin-left:10px; font-size:14px; border-radius:4px; margin-bottom:30px; margin-top:30px;}
.epages {text-align:center; margin-left:auto; margin-right:auto; width:880px; }
.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:#4a4a4a; } 
.epages a b:hover {color:#189c88; } 
.epages a:hover{border:#189c88 1px solid; text-decoration:none;color:#189c88; background:#fff;}

