.head,.wrap-head{height:80px}
.head{width:1200px;margin:0 auto}
.head .logo{padding-top:17px;width:318px;height:46px;display:inline-block}
.head .logo img{width:100%;height:100%}
.head .email{float:right;padding-top:32px;font-size:12px;color:#666}
.wrap-nav{height:60px;background-color:#7e2950}
.wrap-nav .nav{height:60px;width:1200px;margin:0 auto}
.wrap-nav .nav a{color:#fff;text-decoration:none}
.wrap-nav .nav ul{display:inline;float:right;margin:0}
.wrap-nav .nav ul li{display:inline;float:left;height:60px;line-height:60px;font-size:16px;color:#fff;padding:0 40px;position:relative}
.wrap-nav .nav ul li.cur{background-color:hsla(0,0%,100%,.5)}
.wrap-nav .nav ul li.cur:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:3px solid #fff;bottom:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.banner,.wrap-banner{height:370px;width:100%}
.banner .swiper{height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(../../src/assets/imgs/banner1.jpg)}
.wrap-news{height:600px;width:100%}
.news{height:600px;width:1200px;margin:0 auto}
.news .blocktitle{height:46px;padding:40px 0;text-align:center;position:relative}
.news .blocktitle h2{display:inline-block;width:144px;height:46px;text-indent:-10000px;overflow:hidden;background-repeat:no-repeat;background-size:contain;background-position:50%;background-image:url(../../src/assets/imgs/newszixun.png)}
.wrap-downloads .news .blocktitle h2{display:inline-block;width:144px;height:46px;text-indent:-10000px;overflow:hidden;background-repeat:no-repeat;background-size:contain;background-position:50%;background-image:url(../../src/assets/imgs/downloads.png)}
.news .blocktitle .more{padding-top:16px;font-size:12px;color:#666;position:absolute;right:0}
.news .c{width:100%;height:412px}
.news .swiper-wrapper{
       height: 330px;
}

.news .swiper-wrapper .title{
    padding: 15px;
    text-align: left;
       line-height: 35px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
        height: 28px;
    overflow: hidden;
}

.news .l{width:580px;height:411px;background-color:#f9f9f9;float:left;margin-right:40px}
.news .l .news-img{width:100%;
    height: 360px;
    margin: 40px 0;
    text-align: center;}
.news .l .news-img img{width:100%;height:100%}
.news .l .news-title{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;font-size:14px;color:#333;margin:18px}
.news .r li h3 p.title{
	font-weight: 400;
    font-size: 14px;
    flex:1;
    overflow: hidden;
    height: 35px;
    float: left;
    line-height: 35px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
    .news .l .news-desc{font-size:12px;color:#666;margin:0 18px 18px!important;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .news .l .news-time{font-size:12px;color:#666;margin:0 18px!important;text-align:right}
    .news .r{width:580px;height:391px;display:inline-block;background-color:#f9f9f9;padding:10px 0}
    .news .r ul{padding:0 10px}
    .news .r li{font-size:14px;color:#333;border-bottom:1px solid #ccc;padding:10px 0}
    .news .r li:last-child{border-bottom:none}
    .news .r div{height:35px}
    .news .r li h3{display:flex;font-weight:400;font-size:14px;width:420px;overflow:hidden;height:35px;float:left;line-height:35px;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    .news .r li span{font-size:12px;color:#666;float:right;height:35px;line-height:35px}
    .news .r li .spot{width:5px;height:5px;background-color:#7e2950;margin:15px 15px 15px 0;border-radius:50%;float:left;display: inline;}
    .wrap-rongyu{height:416px;width:100%;background-color:#f7f8fc}
    .rongyu{height:416px;width:1200px;margin:0 auto}
    .rongyu .blocktitle{height:46px;padding:40px 0;text-align:center}
    .rongyu .blocktitle h2{display:inline-block;width:144px;height:46px;text-indent:-10000px;overflow:hidden;background-repeat:no-repeat;background-size:contain;background-position:50%;background-image:url(../../src/assets/imgs/rongyu.png)}.rongyu .c{width:100%;height:230px;margin:0}
    .rongyu .m:nth-child(odd){margin-right:39px}
    .rongyu .m{width:580px;height:230px;float:left;position:relative}
    .rongyu .m img{width:100%;height:230px}
    .rongyu .m .title{font-size:14px;color:#fff;margin:0;position:absolute;width:100%;height:34px;background-color:rgba(0,0,0,.4);
        bottom:0;left:0;padding:10px 0;text-indent:10px;line-height:34px;overflow: hidden;
        text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;}
    .wrap-footer{height:284px;background-color:#7e2950}
    .footer{height:284px;width:1200px;margin:0 auto}
    .wrapfooterlogo{font-size:16px;line-height:30px;color:#fff}
    .footer .logo{padding:50px 150px 0 100px;width:180px;height:180px;float:left;display:inline-block}
    .footer .logo img{width:100%;height:100%}
    .footer .ccinfor{padding-top:72px;float:left;width:760px}
    .footer .ccinfor .l{width:320px;float:left}
    .footer .beian{line-height:30px;font-size:16px;color:#fff;padding-top:15px}
    .wrap-newslist{width:100%;background-color:#f9f9f9;padding:40px 0}
    .newslist{width:1200px;margin:0 auto;background-color:#fff}
    .newslist .c{padding:10px}
    .newslist .c ul{padding:0 20px}
    .newslist .c li{font-size:14px;color:#333;line-height:54px;margin:0;border-bottom:1px solid #ccc;height:114px;padding:20px 0 0}
    .newslist .c li .wrap{display:-webkit-box;display:-webkit-flex;display:flex}
    .newslist .c li .wrap .col1{width:160px}
    .newslist .c li .wrap .col1 img{width:140px;height:93px}
    .newslist .c li .wrap .col2{-webkit-box-flex:1;-webkit-flex:1;flex:1}
    .newslist .c li .wrap .col3{width:200px;text-align:right}
    .newslist .c li h3{color:#333;font-weight:400;font-size:14px;line-height:25px;padding:0 0 10px}
    .newslist .c li p{font-size:12px;color:#666;float:left;line-height:17px;height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .newslist .c li span{font-size:12px;color:#666;float:right;line-height:14px}
    .wrap-newsnav{width:100%;height:50px;text-align:right}
    .wrap-newsnav .newsnav{display:inline-block;margin:10px 20px 20px}
    .wrap-newsnav .newsnav li{height:18px;line-height:18px;padding:0 6px;border:1px solid #ccc;float:left;margin:0 3px;color:#333;font-size:12px}
    .wrap-newsnav .newsnav li.cur{background-color:#7e2950;color:#fff}
  .wrap-downloads .news {height: 600px;}
  .wrap-downloads .news .c .l{background-color:#fff;text-align: right;}
  .wrap-downloads .news .c .r{background-color:#fff;height: 400px;}
  .wrap-downloads .news .r div{}
  .wrap-downloads .news .c li{border: none;padding: 5px 10px; margin: 15px 0;background-color:#f9f9f9;}
  .wrap-downloads .news .l .news-img img{width:initial;height:initial;}
  .wrap-downloads .news .r li span{color: #7e2950;}
  .wrap-downloads .news .l {height: 400px;}

   .news  .mySwiper .swiper-pagination{
      text-align: right;
          left: -20px;
         bottom: 15px;
    }
    @media only screen and (max-width:720px){

   .mySwiper .swiper-pagination{
      text-align: right;
          left: -20px;
         bottom: 0;
    }     
    .news .swiper-wrapper{
        height:230px;
    }
        
    	.head,.wrap-head{height:40px}
    	.head{width:100%}
    	.head .logo{padding:5px;width:165px;height:auto}
    	.head .email{padding:12px 5px}
    	.wrap-nav{height:35px}
    	.wrap-nav .nav{height:35px;width:100%;margin:0 auto}
    	.wrap-nav .nav ul{float:left}
    .wrap-nav .nav ul li{height:35px;line-height:35px;font-size:14px;padding:0 12px}
    .wrap-banner,.wrap-banner .banner{height:160px;width:100%}
    .wrap-banner .banner .swiper{background-image:url(../../src/assets/imgs/banner2.jpg)}
    .wrap-news,.wrap-news .news, .wrap-downloads{height:auto;width:100%}
    .wrap-news .news{margin:0 auto}
    .wrap-news .news .blocktitle{height:25px;padding:20px 0 15px}
    .wrap-news .news .blocktitle h2{width:72px;height:23px}
    .wrap-news .news .blocktitle .more{padding:3px 5px;font-size:12px}
    .wrap-news .news .c{width:auto;height:auto;padding:0 10px 20px}
    .wrap-news .news .c .l{width:100%;height:auto;margin:0 0 10px;float:none}
    .wrap-news .news .c .l .news-img{width:100%;height:195px}
    .wrap-news .news .c .l .news-title{margin:9px}
    .wrap-news .news .c .l .news-desc{font-size:12px;padding:9px!important;margin:0!important;overflow: auto;display: block;}
    .wrap-news .news .c .l .news-time{margin:0!important;padding:0 9px 9px!important}
    .wrap-news .news .c .l .swiper-slide img{
           height: 160px;
    }
    .wrap-news .news .swiper-wrapper .title{
            -webkit-line-clamp: 2;
            font-size: 12px;
            line-height: 16px;
                padding: 5px;
    }

    .wrap-news .news .c .r{width:100%;height:auto;display:block;padding:5px 0}
    .wrap-news .news .c .r ul{padding:0 10px}
    .wrap-news .news .c .r ul li{font-size:12px;border-bottom:1px solid #ccc;padding:5px 0}
    .wrap-news .news .c .r ul li div{height:25px;display:-webkit-box;display:-webkit-flex;display:flex}
    .wrap-news .news .c .r ul li div h3{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:25px;line-height:25px;margin-right:10px}
    .wrap-news .news .c .r ul li div span{height:25px;line-height:25px}
    .wrap-news .news .c .r ul li div .spot{width:3px;height:3px;margin:10px 5px 10px 0;display: inline;}
    .wrap-news .news .c .r ul li:last-child{border-bottom:none}


    .wrap-downloads .news{margin:0 auto;width: 100%;height: auto;}
    .wrap-downloads .news .blocktitle{height:25px;padding:20px 0 15px}
    .wrap-downloads .news .blocktitle h2{width:72px;height:23px}
    .wrap-downloads .news .blocktitle .more{padding:3px 5px;font-size:12px}
    .wrap-downloads .news .c{width:auto;height:auto;padding:0 10px 20px}
    .wrap-downloads .news .c .l{width:100%;height:auto;margin:0 0 10px;float:none;background-color:#fff; display: none;}
    .wrap-downloads .news .c .l .news-img{width:100%;height:195px}
    .wrap-downloads .news .c .l .news-title{margin:9px}
    .wrap-downloads .news .c .l .news-desc{font-size:12px;padding:9px!important;margin:0!important;overflow: auto;display: block;}
    .wrap-downloads .news .c .l .news-time{margin:0!important;padding:0 9px 9px!important}
    .wrap-downloads .news .c .r{width:100%;height:auto;display:block;padding:5px 0}
    .wrap-downloads .news .c .r ul{padding:0;}
    .wrap-downloads .news .c .r ul li{font-size:12px;padding:5px;}
    .wrap-downloads .news .c .r ul li div{height:25px;display:-webkit-box;display:-webkit-flex;display:flex}
    .wrap-downloads .news .c .r ul li div h3{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:25px;line-height:25px;margin-right:10px}
    .wrap-downloads .news .c .r ul li div span{height:25px;line-height:25px}
    .wrap-downloads .news .c .r ul li div .spot{width:3px;height:3px;margin:10px 5px 10px 0;display: inline;}
    .wrap-downloads .news .c .r ul li:last-child{border-bottom:none}



    .wrap-rongyu{height:auto}
    .wrap-rongyu .rongyu{height:auto;width:100%}
    .wrap-rongyu .rongyu .blocktitle{height:23px;padding:20px 0 15px}
    .wrap-rongyu .rongyu .blocktitle h2{width:75px;height:23px}
    .wrap-rongyu .rongyu .c{width:auto;height:auto;padding:0 10px 10px}
    .wrap-rongyu .rongyu .c .m{width:100%;height:140px;float:none;margin:0 0 10px}
    .wrap-rongyu .rongyu .c .m img{width:100%;height:140px}
    .wrap-rongyu .rongyu .c .m .title{height:22px;padding:5px 0;text-indent:10px;line-height:22px}
    .wrap-rongyu .rongyu .c .m:nth-child(odd){margin-right:auto}
    .wrap-newslist{padding:20px 0}
    .newslist{width:100%}.newslist .c{padding:5px}
    .newslist .c ul{padding:0 10px}
    .newslist .c li{font-size:12px;line-height:20px;height:60px;padding:10px 0 0}
    .newslist .c li .wrap{display:block}
    .newslist .c li .wrap .col1{width:70px;padding:2px 10px 5px 0;float:left;overflow:hidden}
    .newslist .c li .wrap .col1 img{width:70px;height:47px}
    .newslist .c li .wrap .col2{width:265px;height:35px;overflow:hidden}
    .newslist .c li .wrap .col3{width:200px;text-align:left}
    .newslist .c li h3{font-size:14px;line-height:16px;padding:0 0 5px;height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .newslist .c li p{display:none}.newslist .c li span{font-size:12px;color:#666;float:right;line-height:14px}
    .footer,.wrap-footer{height:auto}.footer{width:100%}
    .wrapfooterlogo{display:-webkit-box;display:-webkit-flex;display:flex}
    .footer .logo{padding:23px 20px 23px 30px;width:90px;height:90px}
    .footer .ccinfor{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-top:18px;font-size:12px;line-height:17px}
    .footer .ccinfor .l{width:100%}.footer .beian{line-height:16px;padding:0 10px 10px;font-size:12px;text-align:center}
    .footer .beian span{display:block}
    .news .r li h3 p.title{
       height:25px;line-height:25px
     }
   }
}