@charset "utf-8";
/* CSS Document */
body,p,h1,h2,h3,h4,h5,h6,input,dl,dt,table,tr,td,select,textarea,a,sapn,ul,li,ol{margin:0;padding:0;}
li{list-style: none;}
body{font-family:"微软雅黑";}
*{margin:0;padding:0;}
li{list-style: none;}

.banner{
	width:100%;
	height:3.86rem;
	position: relative;
	margin-bottom:0.30rem;
}

.banner .cont{
	width:100%;
	height:3.86rem;
	position: relative;
}	

.banner .cont img{
	position: absolute;
	left:0;top:0;
	width:100%;
	height:3.86rem;
	display:none;
}
.banner .cont span{
	width:0.4rem;
	height:0.6rem;
	position:absolute;
	top:50%;
	margin-top:-0.3rem;
	cursor:pointer; background:rgba(255,255,255,0.3); color:#fff; font-size:0.4rem; text-align:center; line-height:0.55rem;
}
.banner .cont span.prev{left:0;}
.banner .cont span.next{right:0;}
.banner .cont ul{
	position: absolute;
	left:50%;bottom:0.2rem;
	margin-left:-0.8rem;
}
.banner .cont ul li{
	width:0.15rem;
	height:0.15rem;
	background:#fff;
	float:left;
	margin-right:0.2rem;
	border-radius:0.5rem;
}
.banner .cont ul li.cur{
	background:#0099ff;
	width:0.36rem;
	height:0.15rem;
	border-radius:0.25rem;
}

.about{
	width:7.10rem;
	height:1.1rem;
	margin:0 auto;
	background-image: url(../images/img4_05.png);
	background-size:3.50rem 0.80rem;
	background-position:bottom center;
	background-repeat: no-repeat;
}


.about h1{
	font-size:0.48rem;
	color:#0c619f;
	text-align: center;
	
}



.list{
	width:96%;
	height:2.30rem;
	margin:0.45rem auto;
}
.list ul{ width:100%; margin:0; padding:0;}
.list ul li{
	position: relative; 
	width:22%;
	height:2.28rem;
	margin:0 1%;
	border:0.01rem solid #0099ff;
	float:left;
}
 .list ul li:nth-child(4){margin-right:0rem;}

 .list ul li img{
	width:0.62rem;
	height:0.62rem;
	margin:0.65rem auto;
	display: block;
}
 .list ul li img:nth-child(2){width:119px;height:99px;}

 .list ul li span{
	font-size:0.16rem;
	margin-top:-0.5rem;
	color:#3d3d3d;
	text-align: center;
	display: block;
}
.list .mask1{
	position: absolute;
	top:0;left:0px;
	width:1.71rem;
	height:2.28rem;
	background:#0099ff;
	display: none;
}
.list ul li:hover .mask1{display: block;}
.list .mask1 span{color:#ffffff;}


.video{
	width:6rem;
	height:6.43rem;
	margin:0 auto;
}

.video .online{
	position: relative;
	width:6rem;
	height:3.32rem;
}

.video .online img{
	width:6rem;
	height:3.32rem;
}

.video .online .mask{
	position: absolute; 
	top:0;left:0;
	width:6rem;
	height:3.32rem;
	background:rgba(0,0,0,0.5);
	display: none;
}

.video .online .mask img{
	position: absolute;
	top:1.23rem;
	left:2.60rem;
	width:0.88rem;
	height:0.88rem;

}
.video .online:hover .mask{display: block;}

.video p{
	font-size:0.29rem;
	color:#808080;
	text-indent: 0.58rem;
	margin-top:0.45rem;
}

.video .value{
	width:1.82rem;
	height:0.56rem;
	border:solid 0.01rem #989898;
	margin:0.92rem auto;
}
.video .value a{
	font-size:0.24rem;
	color:#808080;
	display: block;
	text-align: center;
	line-height:0.56rem;
	text-decoration: none;
}

.video .value:hover{
	background:#0099ff;
	border:solid 0.01rem #0099ff;
}

.video .value a:hover{
	color:#fff;
}

.scope{
	width:7.10rem;
	height:1.1rem;
	margin:0 auto;
	background-image: url( ../images/img4_09.png);
	background-size:3.55rem 0.80rem;
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-top:0.30rem;
}


.scope h1{
	font-size:0.48rem;
	color:#0c619f;
	text-align: center;
	
}

.pic{
	position: relative;
	width:7.50rem;
	height:3.09rem;
	/* margin-top:0.45rem; */
	background-image: url( ../../../PC代码/高喜pc站/images/pic5_02.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:7.50rem 3.09rem;
}

.pic .pic1{
	position: absolute;
	top:0.50rem; left:0.46rem;
	width:6.31rem;
}

.pic .pic1 ul li{
	position: relative;
	top:0;left:0;
	width:1.3rem;
	height:1.3rem;
	float:left;
	margin-right:0.1rem;
}

.pic .pic1 ul li:nth-child(1){margin-left:1.2rem;}
.pic .pic1 ul li:nth-child(3){margin-right:0.53rem;}
.pic .pic1 ul li:nth-child(4){margin-left:0.5rem;}



.pic .pic1 ul li img{
	width:1.3rem;
	height:1.3rem;
}

.pic .pic1 ul li .mask3{
	position: absolute;
	left:0;top:0;
	width:0.96rem;
	height:1.11rem;
	display: none;
}

.pic .pic1 ul li:hover .mask3{display:block;}


.show{
	width:7.10rem;
	height:1.1rem;
	margin:0 auto;
	background-image: url( ../images/img4_13.png);
	background-size:3.65rem 0.80rem;
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-top:0.30rem;
}


.show h1{
	font-size:0.48rem;
	color:#0c619f;
	text-align: center;
	
}


.pic2{
	width:7.50rem;
	height:3.02rem;
	margin:0 auto;
	margin-top:0.45rem;
	margin-bottom:0.30rem;
}
.pic2 ul li{
	position: relative; 
	width:1.87rem;
	height:3.02rem;
	background-image: url(../images/pic6_15.png);
	background-position: center;
	background-repeat: no-repeat;
	float:left;
	background-size:1.87rem 3.02rem;
}
.pic2 ul li:nth-child(2){background-image: url(../images/pic6_16.png);}

.pic2 ul li:nth-child(3){background-image: url( ../images/pic6_15.png);}

.pic2 ul li:nth-child(4){background-image: url(../images/pic6_16.png);}

.pic2 ul li .mask2{
	position: absolute;
	top:0;left:0;
	width:1.87rem;
	height:3.02rem;
	display: none;
}

.pic2 ul li .mask2 span:nth-child(1){
	font-size:0.14rem;
	color:#e5e1e1;
	font-weight: bold;
	writing-mode:tb-rl;
	float:right;
	margin-top:2.11rem;
	margin-right:0.15rem;
}
.pic2 ul li .mask2 span:nth-child(2){
	font-size:0.14rem;
	color:#e5e1e1;
	writing-mode:tb-rl;
	float:right;
	margin-top:1.89rem;
	margin-right:0.05rem;
}
.pic2 ul li .mask2 a{
	font-size:0.07rem;
	color:#ffffff;
	text-decoration:none;
	width:0.16rem;
	height:0.42rem;
	background:#0082c7;
	display: block;
	line-height:0.16rem;
	text-align: center;
	writing-mode:tb-rl;
	float:right;
	margin-top:2.45rem;
	margin-right:0.08rem;
}

.pic2 ul li .mask2 a:hover{color:#0082c7;background:#ffffff;}

.pic2 ul li:hover .mask2{display: block;}


.news{
	width:7.10rem;
	height:1.1rem;
	margin:0 auto;
	background-image: url( ../images/img4_17.png);
	background-size:3.60rem 0.80rem;
	background-position:bottom center;
	background-repeat: no-repeat;
}


.news h1{
	font-size:0.48rem;
	color:#0c619f;
	text-align: center;
	
}

.list1{
	width:7.10rem;
	margin:0 auto;
	margin-top:0.20rem;
}

.list1 ul li{
	width:7.10rem;
	height:1.42rem;
}

.list1 ul li .time{
	width:1.20rem;
	height:1.21rem;
	float:left;
}

.list1 ul li .time .img{
	width:0.02rem;
	height:0.57rem;
	float:right;
	margin-top:0.33rem;
}

.list1 ul li .time .s1{
	font-size:0.26rem;
	color:#3d3d3d;
	display: block;
	font-weight:bold;
	float:right;
	margin-right:0.15rem;
	margin-top:0.25rem;
}


.list1 ul li .time .s2{
	font-size:0.26rem;
	color:#808080;
	display: block;
	float:right;
	margin-right:0.15rem;
	margin-top:0.05rem;
}


.list1 ul li .cont1{
	width:5.30rem;
	height:1.21rem;
	float:right;
}


.list1 ul li .cont1 .a2{
	font-size:0.26rem;
	color:#3d3d3d;
	display: block;
	margin-top:0.15rem;
	text-decoration: none;
}

.list1 ul li .cont1 .a3{
	font-size:0.16rem;
	color:#808080;
	display: block;
	text-decoration: none;
}

.list1 ul li:hover{background:#0099ff;}
.list1 ul li .time .s1:hover{color:#fff;}
.list1 ul li .time .s2:hover{color:#fff;}
.list1 ul li .cont1 .a2:hover{color:#fff;}
.list1 ul li .cont1 .a3:hover{color:#fff;}


.list1 .value1{
	width:1.82rem;
	height:0.56rem;
	border:solid 0.01rem #989898;
	margin:0.25rem auto;
}
.list1 .value1 .a1{
	font-size:0.24rem;
	color:#808080;
	display: block;
	text-align: center;
	line-height:0.56rem;
	text-decoration: none;
}

.list1 .value1:hover{
	background:#0099ff;
	border:solid 0.01rem #0099ff;
}

.list1 .value1 .a1:hover{
	color:#fff;
}


.units{
	width:7.10rem;
	height:1.1rem;
	margin:0 auto;
	background-image: url( ../images/img4_21.png);
	background-size:5.10rem 0.80rem;
	background-position:bottom center;
	background-repeat: no-repeat;
}


.units h1{
	font-size:0.48rem;
	color:#0c619f;
	text-align: center;
}
.list2{
	width:7.10rem;
	height:3.5rem;
	margin:0.60rem auto;
}

.list2 ul li{
	width:2.84rem;
	height:0.77rem;
	float:left;
	margin-right:1.42rem;
	margin-bottom:0.55rem;
}

.list2 ul li:nth-child(2n){margin-right:0rem;}

.list2 ul li img{
	width:2.84rem;
	height:0.77rem;
	display: block;
}

.us{
	width:7.10rem;
	height:1.1rem;
	margin:0 auto;
	background-image: url( ../images/img4_25.png);
	background-size:3.54rem 0.80rem;
	background-position:bottom center;
	background-repeat: no-repeat;
}


.us h1{
	font-size:0.48rem;
	color:#0c619f;
	text-align: center;
}

.contact{
	width:7.10rem;
	margin:0.45rem auto;
}

.contact img{
	width:7.10rem;
	height:1.80rem;
}

.contact .list3{
	width:7.10rem;
	height:3rem;
	margin-top:0.10rem;
}

.contact .list3 ul li{
	width:7.10rem;
	height:1.19rem;
	margin-bottom:0.30rem;
}

.contact .list3 ul li .left{
	width:1.12rem;
	height:1.19rem;
	float:left;
}

.contact .list3 ul li .left img{
	width:0.91rem;
	height:0.80rem;
	display: block;
	margin:0.20rem auto;
}

.contact .list3 ul li .right{
	width:5.8rem;
	height:1.19rem;
	float:right;
}

.contact .list3 ul li .right span{
	font-size:0.24rem;
	color:#666666;
	display: block;
	line-height:0.40rem;
}