/* 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;
	font-family:"MicroSoft YaHei";
	background: #ffffff;
}

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

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

@media screen and (max-width:960px){
.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;}
}

/* flash */
.flash{ width:100%; float:left; height:550px; }
.flexslider{position:relative; height:550px;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:550px;}
.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;}



.shenm100{ float:left; width:100%; }
.shenm100 .shenmcon{ margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; width:1160px; padding:5px 20px; background-color:#f5f5f5; border:4px;}
.shenm100 .shenmcon p{ font-size:14px; color:#606060; line-height:28px; margin:10px 0;}
.shenm100 .shenmcon p a:link {color:#606060; text-decoration:none; } 
.shenm100 .shenmcon p a:visited {color:#606060;} 
.shenm100 .shenmcon p a:hover,a:active {color:#1755a0; text-decoration:none;}


/*list*/
.kecheng{ float:left; width:100%; }
.kecheng1230{ margin-left:auto; margin-right:auto; width:1220px; }
.kecheng1230 h2{ width:100%; text-align: center; font-weight:normal; float:left; font-size:24px; color:#1755a0; margin-top:0px; margin-bottom:5px;}
.kecheng1230 h2 a:link {color:#838383; text-decoration:none; } 
.kecheng1230 h2 a:visited {color:#838383; text-decoration:none;} 
.kecheng1230 h2 a:hover,a:active {color:#1755a0; text-decoration: none;}
.kecheng1230 h3{ margin-left:auto; margin-right:auto; width:100%; text-align:center; font-size:16px; margin-bottom:15px; color:#9d9d9d; font-weight:normal;}

.productlist{float:left; width:1220px; border-radius:4px;  overflow:hidden; }
.productlist .pt{float:left; width:285px; border-radius:4px; margin:0px 10px 20px 10px; position:relative;}
.productlist .pt img{float:left; width:285px; height:190px; border-radius:4px 4px 0 0;}
.productlist .pt .tt{float:left; width:265px; padding:0 10px; color:#838383; background-color:#f5f5f5; border-radius:0 0 4px 4px; height:38px; font-size:16px; text-align:center; line-height:38px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.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:#1755a0; text-decoration: none;}


.productlist .logoys{float:left; width:285px; overflow:hidden; margin:10px 10px 10px 10px; box-shadow:0px 0px 2px 1px rgba(38, 38, 38, 0.1);}
.productlist .logoys img{float:left; width:285px; height:105px; transition: transform 0.5s ease;}
.productlist .logoys img:hover{transform: scale(1.1);}

@media screen and (max-width:960px){
.productlist .logoys{float:left; width: 45.5%; margin:0px 0 10px 3%; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);}
.productlist .logoys img{width:100%; height:auto; }
.productlist .logoys:nth-of-type(7){ isplay:none;}
.productlist .logoys:nth-of-type(8){display:none;}
.why100{display:none;}
}

.tymore{width:1200px; margin-left:auto; margin-right:auto;}
.tymore .more{float:left;margin-left:500px; font-size:16px; line-height:35px; height:35px; border: solid #1755a0 1px; background-color: #1755a0; text-align: center; border-radius:20px; transition: background-color .3s; width:200px; margin-top:10px;  }
.tymore .more a {color: #ffffff; text-decoration: none;}
.tymore .more:hover{background-color: #ffffff; }
.tymore .more:hover a{ color: #1755a0; }
.tymore .more a:hover {color: #1755a0; text-decoration: none;}


/*why*/
.why100{width:100%; float:left; margin:5px 0 15px 0;}
.why1120{width:1220px; margin:0px auto 0px auto;}
.whyimg{float:left;width:1200px; margin-left:10px; margin-bottom:10px; height:300px; position:relative;}
.whyimg img{border-radius:4px;}
.whyimg .whyul{position: absolute; width:800px; z-index:10; top:18px; right:50px; color:#838383; font-size:16px; text-align:right;}
.whyimg .whyul li{color:#9f9f9f; font-size:14px; line-height:34px; float:left; width:100%;}
.whyimg .whyul h3{color:#1755a0; font-weight:normal; font-size:16px; line-height:30px; float:left; width:100%; padding-top:3px; padding-bottom:3px;}
.whyimg .whyul h3 a:link {color:#1755a0; text-decoration:none; } 
.whyimg .whyul h3 a:visited {color:#1755a0;} 
.whyimg .whyul h3 a:hover,a:active {color:#1755a0; text-decoration:none;}

.whyimg .whyul span{ font-size:24px; line-height:30px; height:30px; float:left; width:100%;}
.whyimg .whyul span a:link {color:#1755a0; text-decoration:none; } 
.whyimg .whyul span a:visited {color:#1755a0;} 
.whyimg .whyul span a:hover,a:active {color:#1755a0; text-decoration:none;}

.whyimg h2{position: absolute; font-weight:normal; /*writing-mode:tb-rl;*/ text-align:center; padding:0 12px; width:21px; line-height:17px; display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                /*垂直居中*/
                -webkit-box-align: center;/*旧版本*/
                -moz-box-align: center;/*旧版本*/
                -ms-flex-align: center;/*混合版本*/
                -webkit-align-items: center;/*新版本*/
                align-items: center;/*新版本*/ border-radius:0 4px 4px 0; z-index:10; top:45px; left:0px;background-color: rgba(23, 85, 160, 0.85); font-size:16px; height:210px; letter-spacing:1px;}
.whyimg h2 a:link {color:#ffffff; text-decoration:none; } 
.whyimg h2 a:visited {color:#ffffff;} 
.whyimg h2 a:hover,a:active {color:#ffffff; text-decoration:none;}


/*ad*/
.ad100{ float:left; width:100%; margin-top:15px; margin-bottom:15px; background-color:#1755a0; background:url(../images/liuc_bg.jpg) center center; height:150px;}
.ad1200{ margin-left:auto; margin-right:auto; width:1200px; }
.ad1200 .adb{ float:left;width:900px;}
.ad1200 .adb .t{ float:left; font-size:30px; width:100%; color:#f5ca00; padding-top:30px;}
.ad1200 .adb .s{ float:left; color:#ffffff;  font-size:18px; width:100%; padding-top:20px;}

.ad1200 .adt{ float:left;width:300px;}
.ad1200 .adt .s{ float:left; font-size:14px; width:100%; color:#ffffff; padding-top:20px; }
.ad1200 .adt .t{ float:left; font-size:30px; width:100%; color:#f5ca00;}
.ad1200 .adt a {width: 130px; height:32px; line-height:32px; text-align: center;  margin-top:10px; border-radius:4px; font-size: 16px; float:left; background-color: #f5ca00; transition: background-color .3s;}

.ad1200 .adt a:link {color:#ffffff; text-decoration:none; } 
.ad1200 .adt a:visited {color:#ffffff; text-decoration:none;} 
.ad1200 .adt a:hover,a:active {color:#ffffff; text-decoration: none;}


.aboutCon{ width:100%; float:left; background-color:#f5f5f5; margin:15px 0 10px 0; padding-bottom:5px;}
.about1200{ margin-left:auto; margin-right:auto; width:1200px; }
.about1200 h2{ width:1200px; color:#6f6f6f; font-size:24px; line-height:60px; height:60px; float:left; text-align:center; font-weight:normal;}

.about1200 h2 a:link {color:#6f6f6f; text-decoration: none; } 
.about1200 h2 a:visited {color:#6f6f6f; text-decoration: none;} 
.about1200 h2 a:hover,a:active {color:#1755a0; text-decoration: none;}

.about1200 p{ width:1200px; margin-bottom:15px; color:#6f6f6f; font-size:16px; line-height:26px; float:left; font-weight:normal;}
.about1200 p a:link {color:#6f6f6f; text-decoration: underline; } 
.about1200 p a:visited {color:#6f6f6f; text-decoration: underline;} 
.about1200 p a:hover,a:active {color:#6f6f6f; text-decoration: none;}




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

.zhishi .zhishiz .listz{float:left; width:1198px; border:1px solid #efefef; border-radius:4px;  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:50px; line-height:50px; font-size:20px; color:#1755a0;}
.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:#1755a0; 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:#1755a0; text-decoration:none;}