@charset "utf-8";
/* CSS Document */
html{ min-width:1200px;}
body{ font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";  color:#333;}
*{ padding:0; margin:0;}
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.riqi{ float:right; display:block;}
a{ color:#333; text-decoration:none;}

.top{ min-width:1180px; background:#fff; border-bottom:1px solid #ccc; line-height:40px; padding:0 10px;}
.tia_l{ float:left;}
.top_r{ float:right; display:block;}
.top_r img{ vertical-align:middle; line-height:40px; padding:0 5px 0 0;}
.top a{ padding:0 5px; font-size:14px;}
.banner{ background: center 0; height:600px;}
.banner a{ display:block; height:600px;}
.product{ background: no-repeat center 0; height:600px; padding-top:0px;}
.product h1,.product_td h1,.product_hr h1{ text-align:center; font-size:36px; font-weight:bold; color:#000; height:65px;}
.line{ width:160px; background:#000; height:2px; margin:0 auto;}
.line_01{ width:160px; background:#fff; height:2px; margin:0 auto;}

.product_box{ width:1200px; margin:0 auto; }
.product_nav{ text-align:center; padding:20px;}
.product_nav span{ display:inline-block; width:300px; margin:0 10px; border:1px solid #2db4f7; line-height:40px; font-size:18px; font-weight:bold; cursor:pointer;}
.active{ background:#2db4f7; color:#fff;}
.product_con{ width:1200px; margin:0 auto;padding-top: 5px;}
.product_con dl{ display:none; padding:10px 0 0;}
.product_con dt{ float:left; width:550px; text-align:center;}
.product_con dd{ float:left; width:650px;}
.product_con dd h2{ font-size:24px; line-height:48px; color:#2db4f7; font-weight:bold;}
.product_con dd p{ color:#666; font-size:16px; line-height:36px;}

.btn{ width:100%; float:left; display:block; margin:40px 0 0;}
.btn1,.btn2{ padding:6px 20px; margin:0 20px 0 0;  border:1px solid #f60; text-align:center; font-size:18px;}
.btn1{background:#f60; color:#fff;}
.btn2{background:#fff; color:#f60;}


.product_td,.product_hr{ width:1200px; margin:20px auto;}
.product_td ul{ float:left; margin:0 -30px 0 0;}
.product_td li{ float:left; width:380px; margin:30px 30px 0 0;}
.product_td li h2{ font-size:18px; line-height:48px; color:#2db4f7; font-weight:bold;}
.product_td li p{ color:#666; font-size:16px;}
.product_fw{ background:url(/zt3/zt3images/index_09.jpg) no-repeat center 0; height:700px; padding:30px 0;}
.product_fw h1,.about h1{text-align:center; font-size:36px; font-weight:bold; color:#fff; height:80px;}
.product_keshi{ width:1200px; margin:40px auto 0;}
.product_keshi li{ float:left; width:200px; font-size:24px; font-weight:bold; color:#fff; text-align:center; line-height:60px;}
.product_ren{ width:1140px; margin:40px auto 0;}
.product_ren li{ float:left; width:570px; line-height:60px; color:#fff; font-size:24px; font-weight:bold;}
.product_hr dl{ padding:50px 0 0;}
.product_hr dt{ float:left; width:600px; text-align:center;}
.product_hr dd{ float:right; width:600px; padding:100px 0 0;}
.product_hr dd p{ font-size:18px; line-height:36px; text-indent:2em;}
.shiyi{ padding:50px 0 0;}

.about{ background: height:363px; padding:80px 0 0; margin:80px 0 0;}
.about h2{ text-align:center; font-size:30px; color:#fff; padding:40px 0 0;}
.contact{ width:800px; margin:40px auto; color:#fff697; border:1px solid #fff697; line-height:80px; font-size:48px; font-weight:bold; text-align:center;}

footer,.foot {text-align:center;line-height:1.8;background-color:#FFF; font-size:14px; min-width:1200px;}
.foot {padding:8px 0 20px 0;}
.foot_nav {line-height:2.0}
.foot_nav a {padding:0 5px;}


.product_con .active1{display: block;}


.ticfanw{padding:0 0 1%;}

.ticfanw>h1{ text-align: center;font-size: 24px; font-weight: bold;line-height: 36px;color: #2b71b8;padding: 2% 0;}
.ticfanw>p{text-align: center;color: #4c4c4c;font-size: 15px;width: 60%;margin: 0 auto; line-height: 26px;}

.ticfanw .jieshao{padding-top: 2%; }
.ticfanw ul{ margin: 0 0 0 -3%; overflow:hidden;}
.ticfanw ul li{ width: 30%; float: left; background: #fff; padding: 2%; list-style: none;box-shadow: 0 0 25px #b4b7b9;margin: 0 0 2% 3%;height: 100px !important;}
.ticfanw .jieshao  ul li i{ width: 10%; display: block; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;float:left;}
.ticfanw .jieshao  ul li i:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.ticfanw ul li div{ height: 100%; overflow-y: scroll; }
.ticfanw ul li div>h3{font-size: 18px; line-height:40px; font-weight: bold; color: #333333;}
.ticfanw ul li div>p{ color: #808080;font-size: 12px;line-height:22px;padding-right:2%; height: 40px;}

.ticfanw ul li div::-webkit-scrollbar{width: 2px; height: 16px;background-color: #F5F5F5;
}

.ticfanw ul li div::-webkit-scrollbar-thumb { border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(160,192,223,0.9); }



@media(max-width:768px){
	.ticfanw{ height: auto;}
	.ticfanw ul {height: auto;}	
.ticfanw ul li div{ width: 100%;}
.ticfanw ul li{ width:47%; float: left;}
.ticfanw>h1{ font-size: 20px; }
.ticfanw>p{width: 90%; padding-bottom: 2%;}	
}

@media(max-width:640px){
	.ticfanw{height: auto; background: none;}
	.ticfanw ul {height: auto;}	
.ticfanw ul li div{ width:100%;}
.ticfanw ul li{ width:98%; float: left;}
.ticfanw>h1{ font-size: 20px; }
.ticfanw>p{width: 90%; padding-bottom: 2%;}	
}

@media(max-width:480px){
	.ticfanw ul li div{height: auto; overflow: -webkit-paged-y;}
}

.jieshao ul li{
    width: 330px;
    height: 115px;
    margin-top: 0px;
    padding-top: 10px;
}


.gntd{ overflow:hidden;padding-bottom:2%;}
.gntd>h1{ text-align: center;font-size: 24px; font-weight: bold;line-height: 36px;color: #2b71b8;padding:2% 0;}
.gntd >ul>li{width: 48%;float: left; list-style: none; background: #f5f5f5; padding: 1% 2% 2% 2%; margin-right: 4%;}
.gntd ul>li:last-child{margin-right: 0;}
.gntd .timu{  line-height: 50px; font-weight: bold; font-size: 20px; color: #000;padding-bottom: 10px; text-align: left;  }
.gntd .timu >i{display: block; border-bottom:1px solid #2b71b8; width: 40px;}
.gntd p{ font-size: 15px; line-height: 30px; color: #666666;padding-top: 2%; height:90px;}
.gntd .timul{  line-height: 50px; font-weight: bold; font-size: 20px; color: #000;padding-bottom: 10px; text-align: left;  }
.gntd .timul >i{display: block; border-bottom:1px solid #2b71b8; width: 40px;}
@media(max-width:768px){
.gntd >ul>li{width: 100%;margin: 0 auto; margin-top: 2%;}
.gntd p{ height:auto;}	
}

.gntd ul li{
    width: 500px;
    margin-top: 50px;
    height: 300px;
}


.lmdy{
    height: 250px;
    width: 1400px;
}

.lmdy ul{
    height: 220px;
    width: 200px;
}
.lmdy ul li{
    line-height: 35px;
    padding: 10px;
    text-align: center;
}
.lmdy h3{
    font-size: 20px; font-weight: bold; color:whitesmoke;
    line-height: 40px;
    padding-left: 10px;
    background-color: cornflowerblue;
    text-align: center;
}

.lmdy .lmdylb{
    float: left;
    margin-right: 200px;
    
}

.lmdylb a{
    font-size: 16px;
    font-weight: bold;
   

}

.lmdylb a:hover{
    color: #2db4f7;
}