﻿/* CSS Document */
@CHARSET "UTF-8";
@import url("/skin/default/css/ndaohang.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;}
}

/* about */
.aboutCon{ width:100%; float:left; background-color:#f5f5f5;}
.about1200{ margin-left:auto; margin-right:auto; width:1200px; }
.about1200 h1{ width:1200px; color:#4c4c4c; font-size:22px; line-height:50px; height:50px; float:left; text-align:center; font-weight:normal; font-family: "taipurui-Bold";}
.about1200 h1 a:link {color:#4c4c4c; text-decoration: none; } 
.about1200 h1 a:visited {color:#4c4c4c; text-decoration: none;} 
.about1200 h1 a:hover,a:active {color:#93c053; text-decoration: none;}

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

.about1200 .f6{width:1200px; float:left; color:#ffffff; }
.about1200 .sidat a:link {color:#ffffff; text-decoration:none; } 
.about1200 .f6 .sidat a:visited {color:#ffffff; text-decoration:none;} 

.about1200 .f6 .sidat a:hover,a:active {color:#ffffff; text-decoration: none;}
.about1200 .f6 .sidat a {width:222px; border:1px solid #323232; margin:0px 20px 10px 0px; height:36px; line-height:36px; text-align: center; border-radius:2px; font-size:16px; float:left; background-color: #323232; transition: background-color .3s; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.about1200 .f6 .sidat:nth-of-type(5) a { margin-right:0px;}
.about1200 .f6 .sidat a:hover {background-color: #ffffff; color: #323232; text-decoration: none;}


.hui200{float:left; margin-bottom:25px; padding-bottom:10px; width:1200px; overflow:hidden; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s; background:#ffffff; }
.zn200z{width:200px; float:left; }
.sanzn200{width:120px; margin-left:35px ; margin-right:35px; float:left; text-align:center;}
.sanzn200 img{width:50px; margin-left:auto; margin-right:auto; margin-top:15px;transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; }
.sanzn200:hover img{transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);  }
.ftspan200 {width:100%; float:left; color:#6f6f6f; height:40px; font-size:16px; line-height:40px; text-align:center; font-weight:normal; overflow:hidden;}




.about1200 h2{ width:1200px; color:#4c4c4c; font-size:22px; line-height:40px; height:40px; float:left; text-align:center; font-weight:normal; font-family: "taipurui-Bold";}
.about1200 h2 a:link {color:#4c4c4c; text-decoration: none; } 
.about1200 h2 a:visited {color:#4c4c4c; text-decoration: none;} 
.about1200 h2 a:hover,a:active {color:#93c053; text-decoration: none;}

.about1200 h4{ width:1200px; color:#4c4c4c; font-size:16px; line-height:20px; height:20px; text-align:center; float:left; margin-bottom:20px; font-weight:normal;}

.about1200 ul{ width:100%; float:left;}
.about1200 h5{ width:100%; color:#4c4c4c; background:#ffffff; font-size:18px; line-height:45px; height:45px; text-align:center; float:left; margin-bottom:20px; font-weight:normal; font-family: "taipurui-Bold";}

.about1200 ul li{float:left; margin:0px 20px 20px 0; width:346px; padding:10px 20px; background-color:#ffffff; overflow:hidden;}
.about1200 ul li:nth-child(3n+3){ margin-right:0px; width:348px;}
  
.about1200 ul li h3{width:100%; color:#4c4c4c; float:left; height:40px; font-size:18px; line-height:40px; border-bottom:1px solid #f5f5f5; font-weight:normal; font-family: "taipurui-Bold";}
.about1200 ul li p{width:100%; float:left; color:#4c4c4c; font-size:16px; line-height:25px; font-weight:normal; overflow:hidden; margin-top:10px; margin-bottom:10px;}

.about1200 ul span{width:224px; height:224px; float:left; margin-right:20px; margin-bottom:20px; background-color:#ffffff;}
.about1200 ul span:nth-of-type(5){ margin-right:0px;}
.about1200 ul span:nth-of-type(10){ margin-right:0px;}
.about1200 ul span img{width:150px; height:150px; margin:37px;}

.team3, .team2, .team{float:left; width:1200px; background:#ffffff; margin-bottom:20px;}
.team3 .bar,.team2 .bar, .team .bar{float:left; width:1200px; font-size:22px; text-align:center; line-height:50px; border-bottom:2px solid #f5f5f5; line-height:50px; font-family: "taipurui-Bold"; margin-bottom:20px;}
.team3 .bar a:link, .team2 .bar a:link, .team .bar a:link {color:#4c4c4c; text-decoration: none; } 
.team3 .bar a:visited,.team2 .bar a:visited, .team .bar a:visited {color:#4c4c4c; text-decoration: none;} 
.team3 .bar a:hover,a:active,.team2 .bar a:hover,a:active, .team .bar a:hover,a:active {color:#93c053; text-decoration: none;}

.team .pt{float:left; width:373px; margin-left:20px; margin-bottom:20px; position:relative; }
.team .pt img{float:left; width:373px; height:220px; }
.team a.video_txt {position: absolute; width:333px; padding:0px 20px; left:0px; bottom:0px; height:40px; font-size:0.9em; line-height:40px; color:#fff; background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); text-decoration: none; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.team a.video_txt:hover {color:#fff; text-decoration: underline; }

.team2 .pt{float:left; width:275px; border-radius:4px; margin-left:20px; margin-bottom:20px; position:relative; box-shadow: 0px 0px 1px #d3d3d3;}
.team2 .pt img{float:left; width:275px; height:380px; }


.team2 .tt{position: absolute; width:275px; left:0px; bottom:0px; background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); height:60px; overflow: hidden;  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;  border-radius:0 0 4px 4px;
 }

.team2 a.video_txt { display:block; color:#fff; text-decoration: none; margin:10px 20px; width:235px; height:40px; font-size:0.9em; line-height:20px;overflow: hidden;}
.team2 a.video_txt:hover {color:#fff; text-decoration: underline; }

.team3 .pt{float:left; width:373px; border-radius:4px; margin-left:20px; margin-bottom:20px; position:relative; box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
.team3 .pt img{float:left; width:373px; height:140px; }
.team3 a.video_txt {position: absolute; width:333px; padding:5px 20px; left:0px; bottom:0px; height:30px; font-size:0.9em; line-height:30px; color:#fff; background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); text-decoration: none;  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;
  overflow: hidden;}
.team3 a.video_txt:hover {color:#fff; text-decoration: underline; }