/*首页标题*/
.index .in_title{
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: center;
	}
.index .in_title p{
	font-size: 28px;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 2px;
	}
.index .in_title em{font-size: 12px; text-transform: uppercase; font-style: normal; color: #999; font-family:Arial, Helvetica, sans-serif; line-height:2}
.index .in_title i{background:#0067d0; width: 30px; height: 1px; display: block; margin: auto; margin-top: 14px;}





/*服务优势*/
.index .service{padding: 60px 0;}
.index .service ul li{float: left;}
.index .service ul li .box{
	width: 220px;
    background: #f4f3f3;
    margin-right: 25px;
    padding-bottom: 35px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
	}
.index .service ul li:last-child .box{margin-right: 0;}
.index .service ul li img{margin-top: 30px;width: 132px;height: 132px;}
.index .service ul li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg); /* IE 9 */-moz-transform: rotateY(180deg); /* Firefox */-webkit-transform: rotateY(180deg); /* Safari å'Œ Chrome */-o-transform: rotateY(180deg); /* Opera */transition: all .5s;}
.index .service ul li p{font-size: 20px;margin-top: 30px;margin-bottom: 22px;font-weight: normal;padding: 0 10px;}
.index .service ul li i{width: 60px;height: 1px;background: #595757;display: block;margin: auto;margin-bottom:20px;transition: all .5s;}
.index .service ul li span{display: block;font-size: 16px;line-height: 26px;padding: 0 10px;height: 78px;overflow: hidden;}
.index .service ul li .box:hover{background:#0067d0;box-shadow: 0px 0px 20px #aaa;color: #fff;}
.index .service ul li:hover i{background: #fff;}




/*产品展示*/
.index .product{
	 padding-bottom: 100px; background:url(../images/bg1.jpg) center top no-repeat;
	 background-size: 100% 100%;
	}
.index .product .in_title{padding-bottom: 40px; color:#fff}
.index .product .tab{padding-bottom: 40px;text-align: center;}
.index .product .tab a{position: relative;display: inline-block;font-size: 16px;line-height: 38px;text-align: center;padding: 0 28px;margin: 0 10px;border: 1px solid #e3e3e3;background: #fff;transition: all .5s;}
.index .product .tab a:hover{color: #fff;border-color:#0067d0;background:#0067d0;}
.index .product ul li{float: left;width: 288px;margin-right: 15px;margin-bottom: 15px;background: #fff;text-align: center;transition: all .5s;}
.index .product ul li:nth-child(4n){margin-right: 0;}
.index .product ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index .product ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.index .product ul li .tit p{color: #333;font-size: 16px;line-height: 64px;border-bottom: 1px solid #eee;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.index .product ul li .tit span{display: block;line-height: 50px;transition: all .5s;}
.index .product ul li:hover .img img{transform: scale(1.1);}
.index .product ul li:hover{box-shadow: 0px 0px 20px #042972;}
.index .product .more{margin-top: 35px;}
.index .product .more a{display: block;margin: auto;width: 250px;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 48px;}
.index .product .more a:hover{color: #fff;background:#0067d0;border-color:##0067d0}



/*企业优势*/
.index .power{padding-bottom: 90px;}
.index .power ul{}
.index .power ul li{
	float: left;
    width: 300px;
    height: 450px;
    position: relative;
    background: #f2f2f2;
	}
.index .power ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index .power ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.index .power ul li .img i{position: absolute;top: 318px;left: 50%;margin-left: -16px;width: 0;height: 0;border: 16px solid transparent;border-top: 0;border-bottom-color: #f2f2f2;}
.index .power ul li .txt{
	padding: 30px 30px 0;
	}
.index .power ul li .txt p{color:#0067d0;font-size: 20px;line-height: 34px;transition: all .5s;}
.index .power ul li .txt span{
    font-size: 16px;
    line-height: 1.8;
    display: block;
    margin-top: 10px;
    text-align: justify;
    transition: all .5s;
    color: #888;
	}
.index .power ul li:nth-child(2n) .img{position: absolute;bottom: 0;}
.index .power ul li:nth-child(2n) .img i{top: 0;border-top: 16px solid #f2f2f2;border-bottom: 0;}
.index .power ul li:hover .img img{transform: scale(1.1);}




/*关于我们*/
.index .about{position: relative;max-width: 1920px;margin: 0 auto;background: url(../images/about_bg.jpg) center no-repeat;background-size: cover;height:580px;}
.index .about .about_con{width: 540px;}
.index .about .about_con .title{padding-top: 80px;padding-bottom: 30px;}
.index .about .about_con .title h3{color:#0067d0;font-size: 28px;font-weight: bold;margin-bottom: 15px; font-weight:normal}
.index .about .about_con .title p{
	display: block;
    font-style: normal;
    font-size: 21px;
    margin-bottom: 15px;
	}

.index .about .about_con .title span{font-style: normal;text-transform: uppercase;display: block;color: #888;}
.index .about .about_con .txt{font-size: 16px;line-height: 30px;text-align: justify;height: 180px;overflow: hidden;}
.index .about .about_con ul{padding-top: 30px;}
.index .about .about_con ul li{float: left;margin-right: 1px;}
.index .about .about_con ul li a{display: block;width: 160px;font-size: 14px;line-height: 45px;text-align: center;background: #fff;}
.index .about .about_con ul li:hover{background: var(--colour1);}
.index .about .about_con ul li:hover a{color: #fff;}
.index .about .about_con ul li.on a,.index .about .about_con ul li:hover a{color: #fff;background:#0067d0;}




/*合作客户*/
.index .kehu{
	padding-bottom: 80px;
	}
.index .kehu ul{}
.index .kehu ul li{
    float: left;
    width: 22.5%;
    height: 440px;
    margin-right: 2%;
    margin-bottom: 2%;
    cursor: pointer;
    padding: 5px;
    background: #fff;
    border: 1px solid #dfdfdf;
	}
.index .kehu ul li img{
	display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
	}
.index .kehu ul li:hover{border-color:#0067d0;}
.index .kehu ul li:nth-child(4n){margin-right: 0;}




/*企业相册*/
.index .album{
	 padding-bottom: 80px;
	 background: #f2f2f2;	
	}
.index .album ul{}
.index .album ul li{float: left;width: 288px;margin-right: 15px;margin-bottom: 15px;cursor: pointer;}
.index .album ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index .album ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.index .album ul li:nth-child(4n){margin-right: 0;}
.index .album ul li .img h3{
	position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    background: rgba(0,0,0,.5);
    padding: 0 10px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
	}
.index .album ul li:hover .img img{transform: scale(1.1);}


/*新闻资讯*/
.index .news{
	padding-bottom: 70px; background:#f2f2f2;
	}
.index .news .in_title{padding-bottom: 30px;}
.index .news .hd{padding-bottom: 40px;text-align: center;}
.index .news .hd li{position: relative;display: inline-block;width: 148px;font-size: 16px;line-height: 50px;text-align: center;border-radius: 50px;margin: 0 10px;border: 1px solid #e3e3e3;background: #fff;transition: all .5s;}
.index .news .hd li a{display: block;}
.index .news .hd li.on{border-color: var(--colour1);background: var(--colour1);}
.index .news .hd li.on a{color: #fff;}
.index .news .bd{}
.index .news .bd ul{}
.index .news .bd li{
	 float: left;
	 width: 288px;
	 padding: 10px;
	 margin-right: 15px;
	 margin-bottom: 15px;
	 background: #fff;
	 transition: f;
	 box-sizing: border-box;
	}
.index .news .bd li:nth-child(4n){margin-right: 0;}
.index .news .bd li h3{position: absolute;bottom: 0;width: 100%;color: #fff;font-size: 16px;line-height: 40px;background: rgba(0,0,0,.5);padding: 0 10px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .news .bd li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index .news .bd li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.index .news .bd li i{color: #999;font-style: normal;display: block;padding-top: 15px;padding-bottom: 5px;}
.index .news .bd li p{display: block;color: #666;line-height: 24px;height: 48px;text-align: justify;overflow: hidden; margin-top:10px;}
.index .news .bd li span{
	display: block;
	color: #999;
	padding-top: 10px;
	}
.index .news .bd li:hover{box-shadow: 0px 0px 20px #bbb;}
.index .news .bd li:hover .img img{transform: scale(1.1);}



/*友情链接*/
.linka{margin-top: 40px;margin-bottom: 40px;/* height: 62px; */}
.linka p{font-size: 18px;line-height: 24px;margin-bottom: 20px;}
.linka p span{color:#0067d0;font-family: "Times New Roman",Times,serif;}
.linka ul li{float: left;line-height: 19px;margin-right: 30px;}
.linka ul li a{color:#666;}
.linka ul li a:hover{color:#0067d0;}
/*网站底部*/