@import url(animate.min.css);
*{ margin:0 ; padding: 0; box-sizing: border-box; outline: none; }
html{ scroll-padding-top: 60px; }
body{ font-size:14px; background:#e8effa;color:#000}

ul{ list-style: none; }
i,em{ font-style: normal; }

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

a{color:#000;text-decoration:none}
a:hover{color:#1653f8}

.container{ padding:0 15px; max-width:1480px; margin:0 auto; position: relative;}

.banner{position:absolute; left:0; top:0; width:100%;}
.banner video{ width:100%; height:auto; }

.header{ background: linear-gradient(to right, #FEFBFA, #F0F9FF); border-top: #D7E8F6 1px solid; position: relative; left:0; top:0; width:100%; z-index:1000}
.header .logo img{ height:50px;}
.header-con{ display: flex; justify-content: space-between; align-items: center; height: 90px}
.header-con .text{ display: flex; align-items: center; }
.header-con .text span{ font-size: 16px; margin-right: 40px;  }
.header-con .text a{ display: inline-block; padding: 0 40px; border-radius: 4px; border: 1px solid #ff6933; color: #ff6933; line-height: 50px; font-size: 20px; }

.sj{ height:400px; text-align: center; position: relative; z-index:999; padding-top: 70px;}


.down{position: relative; z-index:999;  text-align: center; padding-top: 60px; padding-bottom: 150px; background:#f4f6f8 url(../images/bg-down.jpg) no-repeat center bottom;}
.down .tits{ font-size: 36px; display: flex; justify-content: center; margin-bottom: 30px;  }
.down .tits span{ padding: 0 20px; }
.down .btns a{ display: inline-block; background: linear-gradient(135deg, #fd7e14 0%, #e85d04 100%); color: #FFF; padding: 0 35px; line-height: 50px; border-radius: 25px; font-size: 16px; box-shadow: 0 4px 12px rgba(253, 126, 20, 0.3);  }
.down .desc {padding-top: 35px; display: flex; justify-content: center; align-items: center;}
.down .desc span{ padding: 0 35px; font-size: 16px; }
.down .desc i{ flex:0 0 1px; height: 25px; background: #ddd; }

.section{padding:60px 0;}

.in-ys .tits{ margin-bottom: 30px; font-size: 36px; text-align: center; color: #666;font-weight: bold;}
.in-ys .con{ display: flex; align-items: center; font-size: 16px; color: #6e6e6e; }
.in-ys .con .img-center{ flex:1; }
.in-ys .con .text{ flex:1; padding: 0 30px  }
.in-ys .con .text h2{ font-size: 36px; color: #010012; margin-bottom: 12px; }
.in-ys .con .text .desc{ max-width:520px; line-height: 30px;}
.in-ys .con ul{ display: flex; align-items: center; padding-top: 25px }
.in-ys .con li{ text-align: center; margin-right: 40px; }
.in-ys .con li span{ color: #ff6b6b; font-weight: bold; display: block; font-size: 28px; }
.in-ys .y2 .img-center{ order: 200 }
.in-ys .y3 .cons{ display: flex; justify-content: center; align-items: center; }
.in-ys .y3 .img-center{ flex:1; }

.news-tits{ display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.news-tits span{ font-weight: bold; font-size: 36px; padding: 0 20px; }
.news-tits i{ flex:1; background: #d0d7e1; height: 2px; }
.in-news ul{ margin:0 0 0 -25px; }
.in-news li{ float: left; width: 25%; }
.in-news li a{ position: relative; display: block; margin:0 0 25px 25px; background: #FFF; border: 1px solid #ddd; text-align: center;}
.in-news li .img-cover{ padding-top: 75%; }
.in-news li .text{font-size: 18px; font-weight: bold; padding:20px 10px; }
.in-news li .text p{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;  }
.in-news li .date{ position: absolute; left: -10px; top:30px; padding-top: 2px; background: #FFF; text-align: center; border: 1px solid #333; width: 50px; height: 50px; }
.in-news li .date span{ display: block; font-size: 18px; }
.in-news li a:hover .img-cover span{ transform:scale(1.1); }

.footer{ line-height:25px; text-align: center; padding:12px;}

.list-1{ margin:0 0 0 -25px; }
.list-1 li{ float: left; width: 25%; }
.list-1 li a{ position: relative; display: block; margin:0 0 25px 25px; background: #FFF; border: 1px solid #ddd; text-align: center;}
.list-1 li .img-cover{ padding-top: 75%; }
.list-1 li .text{font-size: 18px; font-weight: bold; padding:20px 10px; }
.list-1 li .text p{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;  }
.list-1 li .date{ position: absolute; left: -10px; top:30px; padding-top: 2px; background: #FFF; text-align: center; border: 1px solid #333; width: 50px; height: 50px; }
.list-1 li .date span{ display: block; font-size: 18px; }
.list-1 li a:hover .img-cover span{ transform:scale(1.1); }

.pagination{display:flex; justify-content: center; align-items: center;margin:20px 0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;}

.info-content{ padding-bottom: 80px; }
.info-content-title{ border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-bottom: 15px;}
.info-content-title h1{ font-size: 24px; font-weight: normal; line-height: 1;  margin-bottom: 15px;}
.info-content-title p{ font-size: 16px; color: #666;  line-height: 1; }
.info-content-title p span{ color: #333; }
.info-content-body{ font-size: 16px; line-height: 2; padding-bottom: 80px; }
.info-content-body img{ max-width: 100%; }
.info-content-body p{ margin-bottom: 20px; }
.info-content-exp{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; height: 57px; color: #666; font-size: 16px; }
.info-content-exp li{ flex:1;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.info-content-exp li:last-child{ text-align: right; }
.info-content-exp li a{ color: #333; }

@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 60px;}
    .container {width: auto;}
    
    .header{ position: fixed;}
    .header-con{ height:60px}
    .header-con .logo img{ height:35px;}
    .header-con .text span{ display:none;  }
    .header-con .text a{  padding: 0 15px;  line-height:35px; font-size: 16px; }
    .sj{ display:none;}

    .down .tits{ font-size: 24px; }
    .down .tits span{ padding: 0 10px; }
    .down .desc {flex-wrap: wrap;}
    .down .desc span{ padding: 0; flex: 100%;margin-bottom: 10px; }
    .down .desc i{ display: none; }

    .section{padding:25px 0;}
   
    .in-ys .tits{ margin-bottom: 25px; font-size: 24px; }
    .in-ys .con{ flex-wrap: wrap; font-size: 14px; margin-bottom: 20px; }
	.in-ys .con .img-center{ flex:100%; margin-bottom: 20px; order: -200; }
	.in-ys .con .text{ flex:100%;  }
	.in-ys .con .text h2{ font-size: 20px; margin-bottom: 12px; }
	.in-ys .con .text .desc{ line-height: 25px; margin-bottom: 10px;}

    .in-ys .y3 .cons{ flex-wrap: wrap; }
    .in-ys .y3 .img-center{ flex:100%; }

    .news-tits span{ font-weight: bold; font-size: 20px; padding: 0 10px; }

    .in-news ul{ margin:0 0 0 -15px; }
    .in-news li{ float: none; width: 100%; }
    .in-news li a{ margin:0 0 15px 15px; }

    .list-1{ margin:0 0 0 -15px; }
    .list-1 li{ float: none; width: 100%; }
    .list-1 li a{ margin:0 0 15px 15px; }

    .info-content-title{  margin-bottom: 20px; }
    .info-content-title h1{ font-size: 24px; }
    .info-content-title p{ font-size: 14px;  }
    .info-content-body{ font-size: 14px;  padding-bottom: 20px; }
    .info-content-exp{ height: auto; padding: 15px 0; }
    .info-content-exp li{ flex:100%; line-height: 30px; }
    .info-content-exp li:last-child{ text-align: left; }

}