*{
 margin: 0;
 padding: 0;
 color: #000000;
 font-size: 16px;
 font-family: "微软雅黑";
}

a{
 text-decoration: none;
}
li{
 list-style-type: none
}



.dv_box{
 width: 100%;
 height: 170px;
 position: fixed;
 top: 0;
 z-index: 100;
}


.top{
 width: 100%;
 height: 130px;
 background-color: #003b9e;
}

.top_1{
 width: 1200px;
 height: 130px;
 
 margin: 0 auto;
 
}

.logo img{
 float: left;
 width: 850px;
 height: 80px;
 margin-top: 15px;
}



.top_right{
 float: right;
 margin-top: 15px;
 width: 300px;
 height: 100px;
 
}

div.link a:hover{
 color:#222222;
 background-color: #FFFFFF;
 border-radius: 15px;
}

div.link a:active{
color: #009fff;
}




.top_right .link{
 float: right;
 margin-top: 10px;
height: 30px;

}
.top_right .link a{
 color: #FFFFFF;
 padding: 5px;
 font-size: 14px;
line-height: 30px;
margin-left: 20px

}

.top_right .ss{
 float: right;
 height: 40px;
 margin-top: 30px;
}


.nav{
 width: 100%;
 background-color: #009fff;
}
.nav_1{
 width: 1200px;
 height: 40px;
 margin: 0 auto;line-height: 40px;
}

.nav_1_list{
 float:left;
 width: 70%;
 

}

.nav_1_list .list {
 overflow: hidden;
}

.nav_1_list .list li {
 float: left;
 line-height: 40px;
 padding: 0 10px;
 margin: 0 10px;
}
.nav_1_list .list li a{
 display: block;
}

.nav_1_right{
 width: 30%;
 float: right;
 text-align: right;
 line-height: 40px;
}



.banner{
 width: 100%;
 height: 710px;
 margin: 0 auto;
 margin-top: 170px;
 overflow: hidden;
}










.xxfw_box{
 margin: 0 auto;
 padding-top: 30px;
 height: 300px;
 width: 100%;
 background-color: #f1f1f1;
}
.xxfw_title_box{
 border-bottom: #003B9E solid 3px;
}
.xxfw_title{
 width: 150px;
 height: 50px;
 margin: 0 auto;
 background-color: #003B9E;
 
}
.xxfw_title p{
 font-size: 35px; 
 line-height: 50px;
 text-align: center;
 color: #FFFFFF;
 
}

.xxfw_list{
 width: 1202px;
 height: 200px;
 background-color: #ffffff;
 margin: 22px auto;
 overflow: hidden;
 box-shadow: 0px 8px 6px -4px #333;
}
.xxfw_list ul img{
 display: block;
 height: 200px;
transition-duration: 0.4s;
}

.xxfw_list  li{
 float: left;
 
}

.xxfw_list li a{
 display: block;
 height: 200px;
 
}

.xxfw_img{
 width: 238.9px;
 height: 130px;
   
}

.xxfw_list .xxfw_img img{
 margin: 0 auto;
 padding: 20px; 
 height: 100px;
}
.xxfw_list  p{
 text-align: center;
 margin:20px 0;
 font-size: 20px;
 font-weight: 660;
}

div.xxfw_list li:hover{
 background-color:#ffffff ;
}

div.xxfw_list img:hover{
 height: 130px;
transition-duration: 0.4s;
}


div.fd{
 position: sticky;
 position: -webkit-sticky;
 top: 170px;
 float: right;
 width: 12%;
 overflow: hidden;
   }


 
.fd img{
width: 100%;
height: 100%;
}

@media screen and (max-width: 1550px) {
  .fd img {display:none;}}







.xw_box{
 width: 1200px;
 height: 460px;
 margin: 0 auto;
 margin-top:30px ;
}
.xw_list{
 float: left;
 margin-top: 20px;
 height: 360px;
 width: 1200px;
 
}
.xw_title{
 
 width: 1100px;
 height: 50px;
 float: left;
}
.xw_title p{
 line-height: 50px;
 font-size: 35px;
 text-align: left;
}

.xw_box .gd{
 width: 100px;
 height: 50px;
 float: left; 
}
.xw_box .gd a{
 line-height: 50px;
float: right; 
}

.xw_list_left{
 float: left;
 width: 560px;
 height: 360px;
 
}

.xw_list_right{
 float: right;
 width: 560px;
 height: 360px;

}

.gd1,.gd2{
  height: 30px;
  width: 100px;
  margin: 10px auto;
}
.gd1{float: left;}
.gd2{float: right;}

.gd1 a{
 line-height: 30px;
 float: right;
 
}
.gd2 a{
 line-height: 30px;
 float: right;
 
}
div.xw_box a:hover{
 color:#009fff;
}






.xxaq_box{
 width: 1200px;
 height: 560px;
 margin: auto;
 margin-bottom: 30px;
 
}
.xxaq_titel{
 width: 100%;
 height: 50px;
 margin-top:30px;
}

.xxaq_titel p{
 line-height: 50px;
 font-size: 35px;
 text-align: left;
}

.xxaq_bj{
 width: 100%;
 height: 490px;
 background: url(../img/tp-and-networking-1-1243430-1920x1440.jpg);
 background-size: cover;
 margin-top: 20px;
}

.xxaq_list_box{
 overflow: hidden;
 float: left;
 margin: 30px 75px ;
 width: 1050px;
 height: 430px;

}
.xxaq_list_box .x1{
 float: left;
 width: 500px;
 height: 200px;
 background: #ffffff;
 margin-bottom: 30px;
 background: rgba(255, 255, 255, 0.3);
}
div.x1:hover{
 background: rgba(255, 255, 255, 0.6); 
}




.xxaq_list_box .x1 h4{
 text-align: center;
 padding: 12px;
 font-size: 22px;
}
.xxaq_list_box .x1 p{
 width: 450px;
 height: 140px;
 font-size: 18px;
 padding:4px 25px;
 line-height: 1.75em ;
 text-indent: 38px;
 
}



.bq{
 width: 100%;
 height: 110px;
 background-color: #003b9e;
 overflow: hidden;
}
.bq_big_box{
 width: 1200px;
 height: 100%;
 margin: 0 auto;
 position: relative;
}
.bq_box{
 width: 600px;
 height: 100%;
 margin: 0 auto;
 
}
.bq_box p{
 color: #FFFFFF;
 text-align: center;
 line-height: 22px;
 padding-top: 12px;
}
.bq_box .a1{
 font-size: 12px;
}
.bq .qr{
 float: right ;
}
.qr{
 position: absolute;
 right: 100px;
 bottom: 5px;
}

.qr1 li{
 float: left;
 text-align: center;
}
.qr1 span{
 font-size: 14px;
 color: #ffffff;
 font-weight: 600;
}
.qr1 img{
 width: 70px;
}