@charset "utf-8";
.footer{padding-bottom:20px;}
#youqin{width:100%;position:relative;border-top:1px rgba(255,255,255,.2) solid;margin-top:40px;padding-top:20px;}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
.index{width:100%;position:relative; padding:80px 0;}

.index.pro .list li,
.index.pro dl dt a,
.index.list4 ul li,
.index.about .main .left,
.index.about .main .right{display:inline-block; vertical-align:top; position:relative;}

.index.pro .list .li2 .img img,
.index.pro dl dt a .img img{transition:all .5s;-webkit-transition:all .5s;}

.index.pro .list .li2:hover .img img,
.index.pro dl dt a:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
.index.slide{ padding:0;overflow:hidden;}
.index.slide img{display:block;width:100%;}

.index.slide .tips{position:relative;}
.index.slide .tips .bullet.on{background:#008cc9;}

.index.slide .but{width:50px;height:50px;background:rgba(0,0,0,.3);position:absolute;top:50%;margin-top:-25px;z-index:999;cursor:pointer;}
.index.slide .but:before{content:''; width:10px; height:10px; border:2px rgba(255,255,255,.8) solid;position:absolute;top:50%; margin-top:-5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.index.slide .prev{left:0;}
.index.slide .prev:before{left:50%;margin-left:-5px;border-width:0 0 2px 2px;}
.index.slide .next{right:0;}
.index.slide .next:before{right:50%;margin-right:-5px;border-width:2px 2px 0 0;}
.index.slide .but:hover{background:#008cc9;}
.index.slide .but:hover:before{ border-color:#fff;}

.index.slide .but{opacity:0;visibility:hidden;transition:all .5s;-webkit-transition:all .5s;}
.index.slide:hover .but{opacity:1; visibility:visible;}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
.index.pro .list{display:block;width:100%;position:relative; font-size:0;}
.index.pro .list li{width:calc(calc(100% - 30px) / 6);width:-webkit-calc(calc(100% - 30px) / 6); margin-right:5px; margin-bottom:5px;text-align:center;color:#fff;}
.index.pro .list li:nth-child(6n){ margin-right:0;}
.index.pro .list li p{display:block;font-size:13px;background:rgba(0,0,0,.5);line-height:30px;height:30px;overflow:hidden;text-transform:capitalize;position:absolute;bottom:0;left:0;right:0;}
.index.pro .list .li1 a{ display:block;}
.index.pro .list .li2{cursor: pointer;}
.index.pro .list li.on p{ background:#008cc9;}

.index.pro dl{display:none;width:100%;position:relative;font-size:0;}
.index.pro dl.on{ display:block;}
.index.pro dl dd{padding-top:5px;color:#666;}
.index.pro dl dd a{ display:block;font-size:14px;line-height:1em;}
.index.pro dl dt{display:block;width:100%;position:relative;}
.index.pro dl dt a{width:calc(calc(100% - 30px) / 4);width:-webkit-calc(calc(100% - 30px) / 4);margin-right:10px; margin-top:10px;}
.index.pro dl dt a:nth-child(4n){ margin-right:0;}
.index.pro dl dt a h1{font-size: 20px;line-height: 1.5em;padding-top: 10px;text-transform: capitalize; color:#000;}
.index.pro dl dt a h2{ font-size:14px;}
.index.pro dl dt a:hover h2{color:#008cc9;}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
.index.about .tit{ font-size:30px; line-height:2em; color:#000; position:relative; margin-bottom:20px; font-weight:bold;}
.index.about .main{ font-size:0;}
.index.about .main .left{width:45%;background:#000;}
.index.about .main .left video{ display:block; width:100%;}

.index.about .main .right{width:55%; padding-left:40px;}
.index.about .main .right p{font-size: 15px;line-height: 2em;color: #666;}
.index.about .more{font-size: 14px;color: #666;}
.index.about .more:hover{color:#008cc9;}

.index.list4 ul{ font-size:0;}
.index.list4 ul li{ width:23.5%; margin-right:2%; padding:15px; border:1px #ccc solid;}
.index.list4 ul li:nth-child(4n){ margin-right:0;}
.index.list4 ul li h1{ font-size:20px; line-height:2em;color:#000;}
.index.list4 ul li p{ font-size:14px; line-height:1em;padding:20px 0;}
.index.list4 ul li:hover{border-color:#008cc9;}
.index.list4 ul li:hover p{color:#008cc9;}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/