@charset "utf-8";
#search{line-height:50px;border-bottom:1px solid #E4E4E4}
.search-key span{color:#00A1F2;font-size:14px}
.search-key a{font-size:14px}
.search-box{position:relative}
.search{width:100%;box-sizing:border-box;padding:0 0 0 5px;line-height:36px;border:1px solid #B6B6B6}
#search-btn{display:block;position:absolute;right:10px;top:7px;width:50px;border:0;background: #0086FF;text-align:center;line-height:36px;color:#fff;cursor:pointer;}
#product{margin:50px 0}
.prolist{background: #0086FF;}
.prolist dt{color:#fff;font-size:25px;padding: 30px 0;line-height:1.5;position:relative;}
.prolist dt a{position:absolute;right:0;top:70px}
.prolist dt img{display:block}
.prolist>img{display:block;margin: 0 auto;padding: 30px 0;}
.prolist-ul{background:#fff;padding: 20px 0;}
.prolist-ul li{padding: 0 15px 0;}
.prolist-ul li a{display:block;line-height: 2.5;margin:0 auto;border-bottom: 1px solid #ABABAB;padding: 0 5px;}
.prolist-ul li a span{font-size:12px;color: #FF0103;}
.prolist-ul li a i{float:right;background:#DEDEDE;color:#7F7F7F;width:20px;line-height:20px;text-align:center;border-radius:50%;margin-top:10px;font-family: monospace;}
.prolist-ul li a:hover{background:#014FA2;color:#fff}
.prolist-ul li a:hover span{color:#fff}
.prolist-ul li a:hover i{color:#fff}
.prolist-ul li img{display:block;margin:0 auto;padding-top:15px;max-width:100%}
.product>li{margin-bottom:10px}
.product>li>a{display:block;position:relative;height:0;padding: 0 0 65% 0;}
.product>li>a:after,.product>li>a:before{background-color:#666;position:absolute;content:"";left:0;top:0;opacity:0;height:100%;width:100%;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10}
.product>li:hover>a:before{-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:.5}
.product>li>p{text-align:center;line-height:2.5}
.product>li>p>a{display:block;font-size:14px}

#about{background-image: linear-gradient(to bottom,#0086FF 0%,#0086FF 50%,#fff 50%,#fff 100%);margin-bottom:10px;}
.about-ys{color:#fff;padding:30px 30px}
.about-ys dl{padding-left:65px;background-repeat:no-repeat;line-height:1.5}
.about-ys dl:nth-child(1){background-image:url(../images/zs.png)}
.about-ys dl:nth-child(2){background-image:url(../images/js.png)}
.about-ys dl:nth-child(3){background-image:url(../images/yw.png)}
.about-ys dl:nth-child(4){background-image:url(../images/hb.png)}
.about-ys dt{font-size:25px;font-weight:bold}
.about{background:#fff;box-shadow:0 2px 6px #D2D2D2;margin:0 5px}
.aboutL{padding:0}
.aboutL img{display:block;max-width:100%}
.aboutR{padding:0 20px}
.title3{margin:40px auto;border-left: 2px solid #FE0503;padding-left: 20px;line-height:1.5;}
.title3 dt{font-size:35px;font-weight:bold}
.title3 span{color:#0087FD}
.about-info{line-height: 2;margin-bottom: 20px;}
.about-more{text-align: right;}
.about-more a{padding: 0px 20px;text-align: center;display: inline-block;}
.about-more a:first-child{border: 2px solid #0287FF;color: #0287FF;}
.about-more a:last-child{color: #FE0000;border: 2px solid #FE0000;}

.title1{text-align:center;margin-bottom:30px;margin-top:30px;overflow:hidden}
.title1 h2{position:relative;font-size:30px}
.title1 h2:before,.title1 h2:after{position:absolute;display:block;content:"";width:200px;height:3px;background:#000;top:42px}
.title1 h2:before{right:50%;margin-right:250px}
.title1 h2:after{left:50%;margin-left:250px}
.title1 h2 span{color:#FE0000;font-size:40px;padding:0 5px}
.title1 h4 span{font-size:20px;background:#D79750;color:#fff;padding:10px 15px;margin:0 10px}
.ys1:before,.ys1:after,.ys3:before,.ys3:after{content:'';display:block;width:130%;height:100px;position:absolute;left:-15%}
.ys1,.ys3{background:#F0F0F0;position:relative;overflow:hidden;padding-bottom:100px;}
.ys2{margin-top:-65px}
.ys3{top: 0;padding-top: 80px;padding-bottom:0px;}
.ys2 p{float:right}
.ys1:before{transform: rotate(-2deg);top:-69px;background:#fff;}
.ys1:after{bottom: -46px;transform: rotate(4deg);background:#Fff;}
.ys3:before{transform:rotate(-3deg);top:-69px;background:#fff;height:170px}
.ys3:after{bottom: -23px;transform: rotate(1deg);background:#Fff;height: 32px;}
.ys1 dl,.ys3 dl{padding:0 0 0 100px}
.ys2 dl{padding:0 100px 0 0}
.ys1 img{margin-top: 40px;}
.ys2 img{margin-top:20px}
.ys3 img{margin-top:-80px}
.ys dl p{background: #E81F18;display:inline-block;font-size:40px;padding:0 10px;font-weight:bold;color:#fff;position:relative;margin-bottom:20px;z-index:2;}
.ys dl p:before{display:block;content:"";width:100%;height:100%;position:absolute;border: 1px solid #E81F19;left:-8px;top:8px;}
.ys dt{color:#006BB9;font-size: 30px;font-weight:bold;border-bottom:1px dotted #666;margin-bottom:20px;clear:both;}
.ys dd{color:#444;clear:both;position:relative;z-index:2}
.ys img{display:block;max-width:100%;position:relative;z-index:2}

.title{text-align: center;margin-bottom: 30px;}
.title dt{font-size: 35px;font-weight: bold;background: url(../images/title.png) no-repeat center bottom;}
.title span{color: #0087FF;}
.news{padding-bottom:60px;padding-top:5px}
#news{padding:0 0 10px}
#news li>div>a{display:block;position:relative;height:0;padding:0 0 76% 0;}
.time{position:absolute;top:0;left:0;text-align:center;color:#fff}
.news li div{padding: 10px 15px;border: 1px solid #B5B5B5;}
.news dl{background:#fff;}
.news dt{border-bottom: 1px dashed #666;line-height: 3;margin-bottom: 5px;}
#news li span{font-size: 16px;color:#E91F2B;border-left: 2px solid #E91F2B;padding-left: 10px;}
#news dt a{font-weight:bold}
#news .swiper-slide dd{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news .swiper-button-prev,.news .swiper-button-next{position:absolute;background-repeat:no-repeat;background-position:center;background-size:30px;width:30px;height:30px}
.news .swiper-pagination{width:100%;bottom:10px}
.news .swiper-pagination-bullet{width:20px;height:10px;margin:0 5px;background:#FF0C11;opacity:1;border-radius:5px}
.news .swiper-pagination-bullet-active{background:#1340B3;width:40px;border-radius:5px}
#link{background: #eee;}
@media (max-width:768px){
	.prolist-ul li{padding: 0 5px 0;}
	.prolist-ul li a{padding: 0 0;}
	#product{margin:0 0 20px}
	.prolist dt{padding: 20px 0;}
	.prolist>img{padding:10px 0}
	.product{padding: 10px 0;}
	.product>li:last-child{display:none}
	.product>li>a{padding: 0 0 76% 0;}
	.about-ys{padding:20px 10px}
	.about-ys dl{background-image:none !important;padding-left:10px}
	.about-ys dl dt{font-size:20px}
	.title3{margin:20px auto}
	.title3 dt{font-size: 25px;}
	.aboutR p{font-size:14px;}
	.aboutR{padding-bottom:15px}
	.title1{margin:0;overflow:hidden}
	.title1 h2{font-size:20px}
	.title1 h2 span{font-size:20px}
	.title1 h4 span{font-size:14px;padding:5px 10px}
	.ys1:before,.ys1:after,.ys3:before,.ys3:after{display:none}
	.ys1,.ys2,.ys3{margin:0;padding:20px 0;top:0}
	.ys1 dl,.ys3 dl,.ys2 dl{padding:0 10px}
	.ys p{float:left}
	.ys dt{float:left;margin:20px 0 0 15px;clear:none;font-size:20px}
	.ys dd{font-size:14px;margin-bottom:10px}
}
#tanchuang{position:fixed;z-index:9;width:100%;height:100%;left:0;top:0}
.tanchuang-button{display:block;width:30px;height:30px;position:absolute;top:-15px;right:-15px;z-index:10;background:rgba(0,0,0,0.8);color:#fff;line-height:30px;text-align:center;font-size:18px;border-radius:50%}
.tanchuang-button:hover{color:#fff}
.tanchuang-content{position:absolute;z-index:9;width:400px;background:#fff;box-shadow:0 0 10px #ccc;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px 20px;border-radius:15px}
@media (max-width:768px){
	#tanchuang{}
	.tanchuang-button{}
	.tanchuang-button:hover{}
	.tanchuang-content{
    width: 90%;
    box-sizing: border-box;
    font-size: 14px;
}
}