
    .box1{padding:3% 2% 0 2%;background-color: #f6f6f6;}
    .box2{padding:60px 0px;background-color: #ffffff;}
    .about{padding:0px  87px 0px 0px;}
    .about .col-l{float:left;}
    .about .col-r{float:right;text-align: right;}
    .about .content{line-height:30px;clear:both;}
    .video-box{
        margin-top:80px;
        padding:60px 0px 0px 60px;
        background-image: url(../images/07.png);
        background-size: 100% 100%;
    }
    .pic-show{padding:25px;}
    
    
    .trade-content{
        margin-right: -25px;
        margin-left: -25px;

    }
    .trade-content .trade-box-item {
        flex: 1;
        text-align: center;
        position: relative;
        background: no-repeat center;
        background-size: 100% auto;
        /*height:520px;
        padding:5%;*/
    }
    
    .trade-content .trade-box-item:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,.6);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }
    
    
    
    .trade-content .trade-box-item:hover:before {
    }
    
    .trade-content .trade-box-item:hover .item-logo {
        margin-top: 80px;
    }
    
    .trade-content .trade-box-item:hover .item-title:before {
        opacity: 0;
        margin-bottom: 0;
    }
    .trade-content .trade-box-item img{width:100%;}
    .trade-content .item1{background-image: url(../images/p_01.jpg);}
    .trade-content .item2{background-image: url(../images/p_02.jpg);}
    .trade-content .item3{background-image: url(../images/p_03.jpg);}
    .trade-content .item4{background-image: url(../images/p_04.jpg);}
    .trade-content .item5{background-image: url(../images/p_05.jpg);}
    .trade-content .item6{background-image: url(../images/p_06.jpg);}
    .item-text {
        position: absolute;
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        opacity: 0.5;
        top: 60%;
        margin-left:8%;
    }
    
    .trade-content .trade-box-item:hover .item-text {
        display: block;
        opacity: 1;
        top: 90px;
    }
    .item-text p {
        color: #fff;
        margin-bottom: 5px;
    }
    .blue-box{width:100%;height:100%;    position: absolute;top:0;left:0;padding:5%;}
    .blue-box2{width:100%;height:100%;    position: relative;opacity: 0;background-color: #00418e;
            transition: all .4s cubic-bezier(.4, 0, .2, 1);}
    .trade-content .trade-box-item:hover .blue-box2{opacity: 0.5;}
    .news {padding-top:60px;}
    .news h3 a{overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        display: inline-block;
    width: 100%;
    }
    .news .news-row{display: flex;margin-bottom:23px;}
    .news .news-pic{padding:0px;/*width:284px;*/height:178px;overflow: hidden;}
    .news .news-pic img{height:100%;width:auto;}
    .news .news-content{overflow:hidden;background-color: #f6f6f6;height:178px;/*width:100%;*/padding:5px 10px;}
    .news .first-news{display: inline;}
    .news .first-news img{width:100%;height:auto;}
    .news .first-news  .news-pic{padding:0px;height:405px;width:100%;overflow: hidden;}
    .news .first-news .news-content{padding-top:10px;width:100%;}
    .news h3{margin-top:5px;}
    .news .first-news h3 a{width:100%;}
	.about .content p{ text-indent: 2em;}
    /*默认*/
@media (max-width: 980px){

    .about{padding:0px;}
    .video-box{margin-top:10px;}
    .pic-show{padding:10px 0px;}
    .trade-content .trade-box-item{
        overflow: hidden;
        height:210px;    background-size:  100% auto;}
    .item-text {
        top: 30%;
        margin-left:5%;
    }
    .trade-content .trade-box-item:hover .item-text {
        top: 30%;
        margin-left:25%;
    }
    .news{padding:10px;}
    .news .title img {width:50%;}
    
    .box1{background-color: #ffffff;}
    .box2{background-color: #f6f6f6;}
    .news .news-row{display: initial;margin-bottom:0px;}
    .news .news-pic {width:100%;}
    .news .news-pic img{height:auto;width:100%;}
    .news h3 a{width:100%;}
    .news .news-content{height:auto;}
    
    .trade-content{
        margin-right: 0px;
        margin-left: 0px;

    }
    .news .first-news .news-pic{height:auto;}
    .about .content{line-height:26px;font-size:16px;}
}