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

/* 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; background-color:#f5f5f5;}
.er{display:none;}
.connect100{display:none;}
.dao100{display:none;}
}


.dao100{ width:100%; float:left; height:550px; position:relative;}

.dao100 .weizhi{margin-left:-600px; left:50%; width:1160px; padding:0 20px; height:45px; line-height:45px; font-weight:normal; font-size:16px; border-radius:4px 4px 0 0; background-color: rgba(0, 0, 0, 0.2); color:#626262; position:absolute; bottom:0px;}
.dao100 .weizhi a:link {color:#626262; text-decoration:none; } 
.dao100 .weizhi a:visited {color:#626262; text-decoration:none;} 
.dao100 .weizhi a:hover,a:active {color:#323232; text-decoration: none;}

/* huizong list*/
.mainfalist{ width:100%; float:left; background-color:#f5f5f5;}
.list1230{ margin-left:auto; margin-right:auto; width:1220px; margin-top:20px;}
.list1230 h1{ margin-left:10px; width:1200px; float:left; height:50px; line-height:50px; font-family: "taipurui-Bold"; border-radius:4px; text-align:center; border-bottom:1px solid #f5f5f5; background-color:#ffffff; color:#4d4d4d; font-size:24px; font-weight:normal;}
.fangansm{float:left; margin-left:10px; width:1160px; padding:5px 20px; border-radius:4px; font-size:16px; line-height:24px; background-color:#ffffff; color:#626262;  border-bottom:1px solid #f5f5f5;}
.fangansm ul{float:left; width:100%; margin-bottom:10px;}
.fangansm ul li{ list-style-type: disc; list-style-position: inside;}
.fangansm a:link {color:#626262; text-decoration:underline; } 
.fangansm a:visited {color:#626262; text-decoration:underline;} 
.fangansm a:hover,a:active {color:#323232; text-decoration: none;}

.fangansm p{margin:10px 0;}

.why100{float:left; width:100%;}
.why100 h2{width:100%; float:left; height:60px; line-height:60px; text-align:center; font-family:"taipurui-Bold"; font-size:20px; font-weight:normal;}

.why100 h2 a:link {color:#626262; text-decoration:none; } 
.why100 h2 a:visited {color:#626262; text-decoration:none;} 
.why100 h2 a:hover,a:active {color:#323232; text-decoration:underline;}

.why100 .whycon{margin-left:auto; margin-right:auto; width:1220px;}
.why100 .whycon .listys{ float:left; margin-left:10px; margin-right:10px; border-radius:4px; width:590px; margin-bottom:20px; }
.why100 .whycon .listys .t{float:left; border-radius:4px 4px 0 0; height:40px; line-height:40px;  width:550px; padding:0 20px; background-color:#323232; color:#ffffff; font-size:16px;}
.why100 .whycon .listys .t a:link {color:#ffffff; text-decoration:none; } 
.why100 .whycon .listys .t a:visited {color:#ffffff; text-decoration:none;} 
.why100 .whycon .listys .t a:hover,a:active {color:#ffffff; text-decoration: underline;}
.why100 .whycon .listys .x{float:left; border-radius:0 0 4px 4px; height:66px; padding:10px 20px; line-height:22px; width:550px; background-color:#ffffff; color:#696969; font-size:16px;}

.step100{width:100%; float:left; margin-bottom:20px;}
.step1200{width:1200px; margin-left:auto; margin-right:auto; height:300px; background:url(../images/goldbg.jpg) top left no-repeat; border-radius:4px;}

.step1200 ul{float:left; margin:20px 0 0 20px;}
.step1200 ul h3{margin-bottom:10px; font-size:18px; line-height:30px; font-weight:bold; color:#3f3f3f;}
.step1200 ul li{list-style-type:disc; list-style-position:inside; color:#626262; line-height:26px;}

@media (max-width: 1080px){
.why100 h2{width:100%; padding-left:0px; float:left; height:40px; line-height:40px;font-size:16px;}
.why100 .whycon{width:100%;}
.why100 .whycon .listys{margin-left:3%; margin-right:3%; border-radius:4px; width:94%; margin-bottom:10px; }
.why100 .whycon .listys .t{height:38px; line-height:38px; font-size:14px; font-weight:bold; width:100%; padding:0px 0px; text-align:center;}
.why100 .whycon .listys .x{height: auto; padding:10px 3%; line-height:22px; width:94%;}

.step100{margin-bottom:10px; background-color:#FFF;}
.step1200{width:100%; height: auto; background:none; border-radius:4px;}
.step1200 ul{float:left; margin:10px 0 10px 10px;}
.step1200 ul h3{margin-bottom:0px; font-size:16px; line-height:30px;}
.step1200 ul li{list-style-type:disc; list-style-position:inside; font-size:16px; color:#626262; line-height:24px;}

.list100z h2{margin:0px !important; width:100% !important; padding:0px !important;}
} 


/*chanpin*/
.faq800{ width:100%; float:left;}
.faq800 .indexbar{float:left; height:22px; margin-left:10px; line-height:22px; width:1160px; padding:10px 20px; background-color:#ffffff; font-size:18px; color:#3f3f3f; font-weight:normal; font-family: "taipurui-Bold";}
.faq800 .indexbar a:link {color:#3f3f3f; text-decoration:none; } 
.faq800 .indexbar a:visited {color:#3f3f3f;} 
.faq800 .indexbar a:hover,a:active {color:#93c053; text-decoration:none;}

.faq800 .indexbar span { float:right; }
.faq800 .indexbar span a:link {color:#ffffff; }
.faq800 .indexbar span a:visited {color:#ffffff;}  

.faq800 .indexbar span a {
    width:70px;
    height:20px; line-height:20px;
    text-align:center;
    border-radius:12px;
    margin: 0 auto;
    font-size:14px;
    background:#323232; border:1px solid #323232;
    display:block;
    color:#ffffff; text-decoration:none;
    transition:background-color .3s;
}

.faq800 .indexbar span a:hover {background-color: #ffffff; color: #323232; text-decoration:none; }

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


.Accessory{ width:100%; float:left;}
.Accessory h3{margin-left:10px; width:1200px; float:left; height:45px; line-height:45px; font-family:"taipurui-Bold"; border-radius:4px; text-align:center; background-color:#ffffff; color:#4d4d4d; font-size:18px; font-weight:normal;}

@media (max-width: 1080px){
.Accessory h3{margin-left:3%; width:94%; float:left; height:40px; line-height:40px; font-size:16px;}
} 

/*zhishi*/
.zhishi{width: 100%; float:left; overflow: hidden; margin-bottom:20px;}
.zhishi .zhishiz {margin: 0 auto; width: 1200px; overflow: hidden; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); border-radius:4px; border-bottom:1px solid #f5f5f5; background-color:#ffffff;}

.zhishi .zhishiz ul{width:560px; margin:10px 0px 10px 20px;float:left; }
.zhishi .zhishiz ul li{ float:left; background:url(/skin/default/images/dian.jpg) left center no-repeat; color:#4c4c4c; width:550px; font-size:16px; height:28px; overflow:hidden; line-height:28px; padding-left:10px; }

.zhishi .zhishiz ul li a:link {color:#4c4c4c; text-decoration:none; } 
.zhishi .zhishiz ul li a:visited {color:#4c4c4c;} 
.zhishi .zhishiz ul li a:hover,a:active {color:#323232; text-decoration: underline;}



@media (max-width: 1080px){
.zhishi{width: 94%; float:left; overflow: hidden; margin:0px 3% 10px 3%;}
.zhishi .zhishiz {margin: 0 auto; width:100%; overflow: hidden; }
.zhishi .zhishiz ul{width:94%; margin:10px 0px 0px 3%;float:left;  overflow:hidden;}
.zhishi .zhishiz ul li{ width:94%; font-size:14px; height:24px; overflow:hidden; line-height:24px; padding-left:10px; }
} 