@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
li{list-style:none;}
#app{min-width:1310px; margin:0 auto; border-top:4px solid #184ea4;} 

.header{width:100%;width:1310px; margin:0 auto; display:flex;}



.logo{width:210px; padding-top:20px;}
.logo img{width:90%;}
.navigation{width:1100px;}
.navigation ul{display:flex; justify-content:space-between;}
.navigation ul li{width:20%; position:relative; cursor:pointer; color:#001b64; text-align:center;  padding-top:40px; height:60px;}
.navigation ul li:hover{background:#caddf0; }
.navigation ul li:hover > .flag {transform:translate(0px,-5px) rotate(180deg);}
.navigation ul li > span {transition:all 0.2s;}
.navigation ul li span{display:inline-block; position:absolute; top:46px; right:26px;}

.header .acive{background:url(/public/app/images/navigation_flag.png) no-repeat; width:66px; height:7px; position:absolute; left:46px; top:68px;}
.el-carousel__item p{height:900px;}

.banner{min-width:1310px; margin:0 auto;}

  .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }

.logo img,.introduction .icon img,.product_list ul li img,.news_box .right ul .left_child img{transition: all 0.2s;}
.logo img:hover,.introduction .icon img:hover,.product_list ul li img:hover,.news_box .right ul .left_child img:hover{transform:scale(1.1);}

img{vertical-align:bottom;}

.news_box .left ul li:nth-child(3){overflow:hidden;}
.news_box .left ul li img{transition: all 0.2s;}
.news_box .left ul li img:hover{transform:scale(1.1);}


.introduction{background:#3290d2;width:1310px; margin:0 auto;  position:relative; display:flex; justify-content:space-between;}
.introduction .left{width:910px;}
.introduction .left .icon{width:400px; z-index:88; text-align:center; top:-50px; position:absolute;}
.introduction .left .icon img{height:100px;}
.introduction .left .text{padding-top:70px;padding-bottom:60px; color:white;}
.introduction .left .text p,.introduction .left .text h3{padding-left:60px; padding-top:10px; padding-bottom:10px; text-align:left;}

.introduction .right{width:400px;}
.introduction .right .icon{width:400px; z-index:88; text-align:center; top:-50px; position:absolute;}
.introduction .right .icon img{height:100px;}
.introduction .right .text{padding-top:50px; height:300px; color:white;}
.introduction .right .text p,.introduction .right .text h3{padding-left:60px; padding-top:7px; padding-bottom:7px;}

.introduction .center{width:510px; height:428px;z-index:89; position:absolute; top:-50px; left:400px; border-show:10px #ccc;  background-image: linear-gradient(#1d84cd, #43a3e6);}
.introduction .center{width:510px;}
.introduction .center .icon{width:510px; z-index:88; text-align:center; top:-50px; position:absolute;}
.introduction .center .icon img{height:100px;}
.introduction .center .text{padding-top:70px;padding-left:60px; color:white; font-weight:bold;}
.introduction .center .text p{ padding-top:35px;}

.jiantou {border:7px solid transparent; border-left:13px solid #fff ;width:6px; display:inline-block; height:0px;}
.flag {border:7px solid transparent;border-top:9px solid #001b64 ;width:0px; display:inline-block; height:0px;}

.product{width:1310px; margin:0 auto;}
.padding_top{padding-top:120px;}
.padding_top_min{padding-top:60px;}
.product .title_box{width:50%; margin:0 auto; position:relative;}
.product .title_box .bg{border-bottom:solid 3px #8dc1e6; height:11px;}
.product .title_box .title{background:#fff; position:absolute; top:-20px;}

.product .title_box .title{background:#fff; left:50%; margin-left:-130px; width:260px; position:absolute; top:-20px; text-align:center;}
.product .title_box .title p:nth-child(1){color:#1c84cd; font-size:26px;}
.product .title_box .title p:nth-child(2){color:#d3d3d3;}

.product_list{width:1310px; margin:0 auto;}
.product_list ul{width:100%; display:flex; justify-content:space-between;flex-wrap:wrap;}
.product_list ul li{width:49%; padding-top:50px; color:#3e3a39;}
.product_list ul li p{padding-top:10px;}
.product_list ul li h3{padding-top:10px;}
.product_list ul li p:nth-child(1){overflow:hidden;}
.product_list ul li img{width:100%;}
.product_list ul li button{width:30%; background:#1c84cd; color:#fff; border:none; line-height:200%; font-size:16px;}
.product_list ul li button:hover{background-color:#04375b; cursor:pointer;}
.product_list ul li p:last-child{text-align:right;}

.icon_web{background:url(/public/app/images/web.png) no-repeat 30px 9px; background-size: 4.5% auto;}
.icon_tel{background:url(/public/app/images/tel.png) no-repeat 28px 8px; background-size: 5% auto;}
.icon_address{background:url(/public/app/images/address.png) no-repeat 30px 9px; background-size:4% auto;}
.icon_address:nth-child(2){background:url(/public/app/images/address.png) no-repeat 30px 12px; background-size:4% auto;}

.news_box{width:1310px; margin:0 auto; padding-top:70px; display:flex; justify-content:space-between;}
.news_box .left{width:650px;}
.news_box .left ul{width:90%;}
.news_box .left ul li{width:100%;}
.news_box .left ul li:nth-child(2){color:#999; line-height:300%; padding-left:30px;}
.news_box .left ul li:nth-child(4){color:#3e3a39; line-height:150%;}
.news_box .left ul li span{display:inline-block;}
.news_box .left ul h3{color:#1c84cd;}
.news_box .left ul h3 .jiantou{border-left:13px solid #1c84cd ;}
.news_box .left ul li:last-child{text-align:right;}
.news_box .left ul li img{width:100%; height:240px;}
.news_box .left ul li:last-child{padding-top:10px;}
.news_box .left ul li button{width:30%; background:#1c84cd; color:#fff; border:none; line-height:200%; font-size:16px;}
.news_box .left ul li button:hover{background-color:#04375b; cursor:pointer;}

.news_box .right{width:650px;}
.news_box .right ul{width:100%;}
.news_box .right ul li{width:100%; border-bottom:solid 1px #ededed; padding-bottom:30px; display:flex; justify-content:space-between;}
.news_box .right ul li:not(first-child){padding-top:25px;}
.news_box .right ul .left_child{width:150px; overflow:hidden;}
.news_box .right ul .left_child img{width:100%;}

.news_box .right ul .right_child{width:500px; padding-left:20px;}
.news_box .right ul .right_child p{line-height:200%; color:#3e3a39;}
.news_box .right ul .right_child p:nth-child(3){overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_box .right ul .right_child p:nth-child(2){color:#999;}
.news_box .right ul .right_child h4{color:#1c84cd; line-height:25px;}


.foot{background:#4e4e4e; min-width:1310px; padding:50px 0;}
.foot_padding_top{margin-top:50px;}
.foot .box{width:1310px; margin:0 auto; display:flex; justify-content:space-between;}
.foot .box .left{width:30%;}
.foot .box .right{width:70%;}
.foot .box .right p{text-align:right; color:#c9c9c9; padding-top:15px;}
.foot .box .right p:nth-child(1) span{border-bottom:solid 1px #999999; display:inline-block; padding-bottom:20px; padding-left:120px;}


a.black:link {
	color: #3e3a39;
	text-decoration: none;
}
a.black:visited {
	color: #3e3a39;
	text-decoration: none;
}
a.black:hover {
	color: #04375b;
	text-decoration: underline;
}
a.black:active {
	color: #04375b;
	text-decoration: none;
}


a.blue:link {
	color: #1c84cd;
	text-decoration: none;
}
a.blue:visited {
	color: #1c84cd;
	text-decoration: none;
}
a.blue:hover {
	color: #1c84cd;
	text-decoration: underline;
}
a.blue:active {
	color: #1c84cd;
	text-decoration: none;
}