﻿arset "utf-8";
/* CSS Document */

/* =========全局样式======= */
html, body, div, p, a, ol, ul, li, dl, dt, dd, h1, h2, h3, h4,h5,h6,img, object, embed, span, form, marquee{margin:0;padding:0;}
body{font-size:16px;font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif;color:#4d4d4d; line-height:1.7; overflow-x: hidden;margin:0;padding:0;min-width:1907px;}
ol, ul, li, dl, dt, dd{list-style:none;}
img{border:none; max-width: 100%;height: auto;}
p{text-justify:inter-ideograph;}
/*table{border:0px;border-collapse:collapse;border-spacing:0px;}*/
em,i{ font-style:normal;}
a {text-decoration:none;color:#333;transition:all 0.3s;}
/*a:link,a:visited{}*/
a:hover {color:#34a12e;text-decoration: none;}

/* =========基本样式======= */

h1{font-size:30px;font-family:"Microsoft YaHei";font-weight:700;}
h2{font-size:24px;font-family:"Microsoft YaHei";font-weight:700;}
h3{font-size:18px;font-weight: bold;}
h4{font-size:16px;font-weight:normal;}
h5{font-size:14px;}
h6{font-size:12px;font-weight:normal;}


/*=======内容区域==========*/
.w{width:1520px; margin:0 auto;}
.wrapper{width:1520px; margin:0 auto;}
.i-w{width:1050px;margin:0 auto;}

/*======浮动=====*/
.flex{ display:flex;}
.flex-item{ flex:1;}
.left{float:left;}
.right{float:right;}

/*======清除浮动=====*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.text-overflow{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

/*======通用样式=====*/
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.ptb10{padding:10px 0;}
.ptb20{padding:20px 0;}
.ptb30{padding:30px 0;}
.ptb40{padding:40px 0;}
.ptb50{padding:50px 0;}

.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}
.mtb40{margin:40px 0;}
.mtb50{margin:50px 0;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-uppercase {text-transform:uppercase;}

.bgcfff{background-color:#fff;}
.bgceee{background-color:#eee;}
.bgcddd{background-color:#ddd;}
.bgc333{background-color:#333;color:#fff;}
.bgc000{background-color:#000;color:#fff;}

.rounded3{border-radius:3px;}
.rounded5{border-radius:5px;}
.rounded10{border-radius:10px;}



/*======图片放大=====*/

li.img-list{
    float: left;
}
li.img-list .img{
    overflow: hidden;
}
li.img-list .img img{
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    width:100%;
    height:100%;
}
li.img-list:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.page-bd{ margin-bottom:100px;}
.content-text{ font-size:20px; line-height:1.75;}

.image-list{flex-flow: row wrap;justify-content: space-between;}
.image-list li{ width:450px; margin-bottom:30px;}
.image-list li .img{ position: relative;border-radius:30px; overflow:hidden;}
.image-list li img{width:450px; height:337.5px; object-fit: cover;}
.image-list li h3{ padding:30px 0; text-align:center; font-size:40px; font-weight:normal;}
.image-list li .title{ font-size:50px;}
.image-list li .free{ display:inline; padding:8px 20px; font-size:21px;border: #004098 solid 3px;}
.image-list .mask{ 
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: all .3s;
}
.image-list li:hover .mask{
    opacity: 1;
}

.news-list{ margin:0 100px;}
.news-list li{ margin:0 0 90px 0; box-shadow: 0 1px 7px #c5c5c5;border-radius: 30px;
    overflow: hidden;}
.news-list li .img{ width:750px; height:500px;}
.news-list li .img img{ width:750px; height:500px;   object-fit: cover;}
.news-list li .text{
    position: relative;
    padding: 20px 50px;
}
.news-list li .text h3{  font-size:37px;}
.news-list li .text p{ padding:50px 0; font-size:25px; line-height:1.6;}
.news-list li .text .more{ position:absolute; bottom:30px; left:50px; right:50px; font-size:25px;}

.foot_online{
    position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 0; background: rgba(0,0,0,.8); color: #fff;
}
.foot_online .w{ display:flex;justify-content: center;  align-items: center;}
.foot_online .foot_logo img{ height:60px;}
.foot_online .font {
    font: bold 21px/50px "微软雅黑";
    color: #ffffff;
    letter-spacing: 3px;
    flex: 1;
    text-align: center;
}
.foot_online a {
    display: block;
    width: 200px;
    height: 40px;
    border-radius: 20px;
    background: #b51e23;
    font: bold 20px/40px "微软雅黑";
    color: #ffffff;
    letter-spacing: 3px;
    text-align: center;
}