    .addfixed{
        position: fixed;
        left: 0;
        top: 0;
    }
   
    
    /* 新闻 */
    .new{
        width: 1200px;
        margin: 0 auto 0;
        overflow: auto;
        background-color: #fff;
    }
    .new .notice{
        float: left;
        margin-left: 20px;
        /* margin-right: 30px; */
        margin-top: 60px;
        overflow: hidden;
    }
    .notice .notice_pc{
        font-size: 30px;
        color: #222;
        width: 150px;
        position: relative;
        border-radius: 16px;
        padding-top: 10px;
    }
    .notice .notice_pc::after{
        content: '';
        display: block;
        width: 32px;
        height: 32px;
        /* background: #ccc; */
        background: linear-gradient(130deg,#004e96, #7fcaf8);
        border-radius: 16px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .notice .notice_pc span{
        position: relative;
        z-index: 10;
        left: 18px;

    }
    .notice .notice_pc span.notice_tip{
        font-size: 18px;
        color: #004e96;
    }
    .notice .notice_m{
        display: none;
    }
    .notice .more{
        display: block;
        width: 80px;
        height: 30px;
        line-height: 28px;
        color: #888888;
        border: 1px solid #999999;
        text-align: center;
        margin-left: 10px;
        margin-top: 10px;
        cursor: pointer;
    }

    .new ul{
        float: right;
        width: 980px;
        list-style: none;
        margin-top: 50px;
    }
    .new ul li{
        color: #555;
        border-bottom: 1px solid #eee;
        font-size: 18px;
        line-height: 60px;
    }
    .new ul li a{
        width: 100%;
        display: inline-block;
        text-decoration: none;
        color: #555;
        background: url("../images/arrow.png") no-repeat right 27px;
    }
    .new ul li a span{
        color: #222;
        display: inline-block;
        margin-left: 66px;
        width: calc(100% - 210px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
    .new ul li a:hover span{
        color: #004e96;
    }
    .new ul li a img{
       float: right;
       margin-top: 20px;
    }
    
    .new ul li a:hover{
        color: #004e96;
        background:  url("../images/arrow-active.png") no-repeat right 27px;

    }
    .static{
        width: 100%;
        height: 480px;
        /* margin-left:10% ; */
        /* background:url("../images/newbg.png") no-repeat right 0; */
        background-color:#51a2d4;
        background-size:100%;
        position: relative;
        overflow: hidden;
        margin-top: 60px;
    }
    .static .earth{
        width: 90%;
        height: 480px;
        background:url("../images/earth-act.png") no-repeat right 0;
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-transition: 2.75s;
        transition:2.75s;
        transform: translate3d(100%, -50%, 0px);
        /* transform: translate3d(0, 0, 0px); */
    }
   
    /* .static:hover .earth{
        transform: translate3d(0, 0, 0px);
    } */
    .load{
        transform: translate3d(0, 0, 0px);
    }


    .xinwen{
        width: 1220px;
        position: absolute;
        left: 0;
        top: -420px;
        z-index: 3;
        overflow: hidden;
    }
    .fixnew{
        position: relative;
        width: 1220px;
        margin: 0 auto;
    }
    	/* 本例子css */
	.slideTxtBox{ 
        width: 1220px;
        text-align: left;
        overflow: hidden;
        height: 570px;
     }
    .slideTxtBox .hd{ 
        height:45px; 
        line-height:45px;
        text-indent: 10px; 
        color: #fff; 
        font-size: 30px;  
        position:relative; 
        margin-bottom: 30px;
    }
    .eng{
        color: black;
        font-size: 18px;
    }
    .lanmu{
        width: 1200px;
        margin: 0 auto;
        margin-top: 250px;
        background-color: #fff;
    }
    .lmimg{
        width: 1200px;
        margin: 0 auto;
    }
    
    .lmimg .lmbox{
        display: inline-block;
        width: 576px;
        vertical-align: top;
    }
    .lmimg .lmbox:nth-child(2){
        margin-left: 40px;
    }

    .lmimg img{
        display: inline-block;
        width: 560px;
        margin-left: 30px;
    }
    .lmbox .lmtit, .jp .lmtit{
        line-height: 30px;
        font-size: 30px;
        color: #222222;
        position: relative;
    }
    .lmtit .tit{
        padding-left: 20px;
        font-size: 18px;
        color: #004e96;
    }
    .lmtit .more{
        font-size: 16px;
        color: #888888;
        position: absolute;
        right: 0;
        cursor: pointer;
    }
    .lmtit .more img{
        display: inline;
        width: 14px;
        height: 14px;
        margin: 0;
    }
    .lmimg .lmban{
        overflow: hidden;
        clear: both;
    }
    .lmimg .lmban img{
        float: left;
        margin: 0;
        width: 216px;
        height: 144px;
        margin-right: 24px;
        cursor: pointer;
    }
    .lmban .ban_r{
        width: calc(100% - 240px);
        float: right;
    }
    .lmban p{
        margin: 8px 0;
        line-height: 24px;
    }
    .lmban .p1{
        font-size: 20px;
        color: #222222;
        margin-bottom: 16px;
        cursor: pointer;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .lmban .p1 a:hover{
        color: #004e96;
    }
    .lmban .p2{
        width: 108px;
        height: 24px;
        background: #004e96;
        text-align: center;
        color: #fff;
        margin-bottom: 16px;
    }
    .lanmu .p3{
        color: #555555;
        line-height: 30px;
    }
    .lmList{
        margin-top: 20px;
    }
    .lmList ul li{
        line-height: 60px;
        font-size: 18px;
        color: #555555;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        position: relative;
        /* padding-left: 18px; */
    }
    .lmList ul li:hover{
        color: #004e96;
    }
    .lmList ul li a{
        width: calc(99% - 100px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
        color: #555555;
    }
    .lmList ul li a:hover{
        color: #004e96;
    }
    
    .lmList ul li:last-child{
        border-bottom: none;
    }
    .lmList ul li span{
        position: absolute;
        right: 0;
        color: #888;
    }

    .jp{
        width: 1200px;
        margin: 620px auto 0;
    }
    .jp img{
        display: block;
        width: 1150px;
        margin: 0 auto;
        /* margin-left: 177px; */
        margin-top: 50px;
    }
    .lj{
        width: 1200px;
        margin: 0 auto 50px;
    }
    .lj_m{
        display: none;
    }
    .lj p{
        width: 1200px;
        margin: 0 auto;
        font-size: 18px;
        color: #7f8387;
    }
    .lj p span{
       padding: 0 18px;
    }
    .lj p a{
        padding: 0 18px;
        color: #7f8387;
        position: relative;
     }
     .lj p a::after{
        content: "|";
        position: absolute;
        right: -4px;
        top: 0;
     }
     .lj p a:last-child:after{
        content: "";
      }

	.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px;   z-index: 5 }
	.slideTxtBox .hd ul li{ float:left;  cursor:pointer;  }
	.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
	.slideTxtBox .bd ul{ zoom:1;  }
    .slideTxtBox .bd li .item{  
        width: 380px;
        height: 480px;
        float: left;
        background: #fff;
        padding: 10px;
        box-shadow:2px 2px 10px rgba(21,21,21,0.14);
        margin-bottom: 20px;
    }
    .slideTxtBox .bd li .item:hover{  
        cursor: pointer;
    }
    .cur_round{
        text-align: center;
        margin-top: 1rem;
        display: none;
    }
    .cur_round span{
        margin: 0 6px;
        display: inline-block;
        box-sizing: border-box;
        width: 0.16rem;
        height: 0.16rem;
        border-radius: 0.08rem;
        border: 1px solid #004e96;

    }
    .cur_round span.current{
        background-color: #004e96;
       
    }
    .item .item_des{
        position: relative;
        line-height: 30px;
    }
    .item_des .time{
        margin-top: -20px;
        width: 120px;
        height: 30px;
        font-size: 18px;
        background: rgba(0,78,150,0.88);
        color: #fff;
        text-align: center;
        z-index: 100;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .item_des .tit{
        color: #222222;
        padding-top: 26px;
        font-size: 20px;
        text-align: center;
        height: 86px;
    }
    .item_des .tit a:hover{
        color: #004e96;
    }
    .item_des .des{

        color: #555555;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-top: 10px;
    }
    .item_des .item_more{
        text-align: center;
        color: #004e96;
        cursor: pointer;
    }

    .slideTxtBox .bd.bd_mobile{
        display: none;
    }

	.slideTxtBox .bd li .date{ float:right; color:#999;  }

	/* 下面是前/后按钮代码，如果不需要删除即可 */
	.slideTxtBox .arrow{  display: none;;position:absolute; right:5px; top:0; }
	.slideTxtBox .arrow a{ display:block;  width:24px; height:24px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
		 cursor:pointer; }
    .slideTxtBox .arrow .next{ background:url("../images/newr.png");  }
    .slideTxtBox .arrow .prev{ background:url("../images/newl.png");  }
	.slideTxtBox .arrow .prevStop{ opacity: 0.5;}
    .slideTxtBox .arrow .nextStop{ opacity: 0.5; }
    

    /* 下面是轮播图 */

    .swiper-container {
        width: 100%;
        /*height: 400px;*/
        height: 27vw;
        overflow: hidden;
    }

    .swiper-slide {
		position:relative;
      
    }
	.swiper-slide .txt{
		position:absolute;
		top:50%;
		z-index:10;
		}
	.swiper-slide p{
		
		font-size:20px;
		letter-spacing:2px;
		font-weight:bold;
		line-height:2;
		color:transparent;
		-moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
		will-change: transform;
		}	
	.swiper-slide-active p,.swiper-slide-duplicate-active p{
		animation:line 7s; 
		animation-iteration-count:2;
        animation-direction:alternate;
		animation-timing-function:ease;
		}		
@keyframes line{
	0%{transform: matrix3d(0.990268, -0.139173, 0, 0, -0.0348995, 0.999391, 0, 0, 0, 0, 1, 0, 10, -20, 0, 1);}
	50%{transform: rotate(1deg);transform-origin:left center;}
	60%{transform: translate3d(0px, 0px, 0px);}
	100%{transform: translate3d(0px, 0px, 0px);}
}	
	.swiper-slide p span{
	 display: inline-block;
	 will-change: transform, opacity, text-shadow;
	}
		.swiper-slide-active p .even,  .swiper-slide-duplicate-active p .even{
		animation:letterL 7s;
		animation-iteration-count:2;
        animation-direction:alternate;	
		animation-fill-mode: forwards;
		animation-timing-function:ease-in-out;
			}
		.swiper-slide-active p .odd,.swiper-slide-duplicate-active p .odd	{
		animation:letterR 7s;
		animation-iteration-count:2;
        animation-direction:alternate;	
		animation-fill-mode: forwards;
        animation-timing-function:ease-in-out;
			}

@keyframes letterL{
	0%{opacity: 0;transform: matrix3d(1.53209, -1.28558, 0, 0, -1, 1.73205, 0, 0, 0, 0, 1, 0, 18, -8, 0, 1);text-shadow: rgb(255, 255, 255) 0px 0px 40px}
60%{opacity: 1;transform: translate3d(0px, 0px, 0px);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;}	
100%{opacity: 1;transform: translate3d(0px, 0px, 0px);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;}}
@keyframes letterR{
	0%{opacity: 0;transform: matrix3d(1.14907, -0.964181, 0, 0, 1.40954, -0.51303, 0, 0, 0, 0, 1, 0, 15, -8, 0, 1);text-shadow: rgb(255, 255, 255) 0px 0px 40px}
60%{opacity: 1;transform: translate3d(0px, 0px, 0px);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;}	
100%{opacity: 1;transform: translate3d(0px, 0px, 0px);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;}}
		
.swiper-slide p span:nth-child(22) { animation-delay: 770ms;  }
.swiper-slide p span:nth-child(21) { animation-delay: 735ms;  }
.swiper-slide p span:nth-child(20) { animation-delay: 700ms;  }
.swiper-slide p span:nth-child(19) { animation-delay: 665ms;  }
.swiper-slide p span:nth-child(18) { animation-delay: 630ms;  }
.swiper-slide p span:nth-child(17) { animation-delay: 595ms;  }
.swiper-slide p span:nth-child(16) { animation-delay: 560ms;  }
.swiper-slide p span:nth-child(15) { animation-delay: 525ms;  }
.swiper-slide p span:nth-child(14) { animation-delay: 490ms;  }
.swiper-slide p span:nth-child(13) { animation-delay: 455ms;  }
.swiper-slide p span:nth-child(12) { animation-delay: 420ms;  }
.swiper-slide p span:nth-child(11) { animation-delay: 385ms;  }
.swiper-slide p span:nth-child(10) { animation-delay: 350ms;  }
.swiper-slide p span:nth-child(9) { animation-delay: 315ms;  }
.swiper-slide p span:nth-child(8) { animation-delay: 280ms;  }
.swiper-slide p span:nth-child(7) { animation-delay: 245ms;  }
.swiper-slide p span:nth-child(6) { animation-delay: 210ms;  }
.swiper-slide p span:nth-child(5) { animation-delay: 175ms;  }
.swiper-slide p span:nth-child(4) { animation-delay: 140ms;  }
.swiper-slide p span:nth-child(3) { animation-delay: 105ms;  }
.swiper-slide p span:nth-child(2) { animation-delay: 70ms;  }
.swiper-slide p span:nth-child(1) { animation-delay: 35ms;  }		
		
		
		
	.swiper-slide .txt1,.swiper-slide .txt2{
	margin-top: -70px;
    left: 50%;
    margin-left: -90px;}
	
	
	.swiper-slide .txt3{
	margin-top: -270px;
    left: 50%;
    margin-left: -90px;}
	
	.swiper-slide .txt4{
        margin-top: -120px;
        left: 180px;
	}
		
	.swiper-slide img{
		width:100%;
		/* height:9.4rem; */
		min-height:100%;
		transition:1s linear 2s;
	}
	.swiper-slide-active img,.swiper-slide-duplicate-active img{
        width:100%;
		transition:16s linear;
		transform:scale(1.2,1.2);
	}	
	.swiper-pagination{
        border-radius: 12px;
        height: 24px;
        bottom: 30px !important;
        left: 50% !important;
        text-align: right;
        text-indent: 100px;
        width: 144px !important;
        margin-left: -72px;
        background: rgba(0,0,0,0.5);
        text-align: left;
        display: flex;
        padding-left: 15px;
	}	
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        flex: 1;
        position: relative;
		width:16px;
		height:24px;
		opacity:1;
		background:none;
        border:none;
        display: inline-block;
        border-radius: 0;
        text-indent: 0;
        margin: 2px 5px 0 5px;
    }	
    .swiper-pagination-bullet::before{
        content: '';
        display: inline-block;
        border: 4px solid transparent;
        width: 0;
        border-bottom: 6px solid #999999;
        position: absolute;
        left: 0;
        top: 0;
    }
    .swiper-pagination-bullet::after{
        content: '';
        display: inline-block;
        border: 4px solid transparent;
        width: 0;
        border-top: 6px solid #999999;
        position: absolute;
        left: 0;
        top: 10px;
    }
  
	.swiper-pagination-bullet-active::before{
        border-bottom-color: #fff;
    }
    .swiper-pagination-bullet-active::after{
        border-top-color: #fff;
    }

    	/* 本例子css */
    .picMarquee-left{ 
        width:100%;  
        overflow:hidden; 
        position:relative; 
        height: 280px;
        margin-top: 20px;
        margin-bottom: 40px;  
    }
    .tempWrap{
        width: 100% !important;
        height: 490px;
    }
    .picMarquee-left .bd{ padding:10px;   }
    .picMarquee-left .bd .tempWrap{
        height: 320px;
    }
    .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
    .picMarquee-left .bd ul li{  float:left; display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left .bd ul li .pic{ margin:0 8px; text-align:center; padding: 10px 0px; }
    .picMarquee-left .bd ul li a{
        position: relative;
        padding: 10px 0px;
        display: inline-block;
    }
    .picMarquee-left .bd ul li .pic img{ width:320px; height:240px; display:block;  }
    .sizeb{
        width: 340px !important;
        height: 260px !important;
        display: block;
        margin-top: -10px;
    }
    /* .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  } */
    .picMarquee-left .bd ul li .title{ line-height:24px;   }
    .hide{
        display: none;
    }
    .show{
        display: block;
    }
    .shadow{
        position: absolute;
        left: 5px;
        top: 5px;
        /* width: 320px; */
        width:calc(100% - 15px);
        height: 250px;
        background-color: rgba(102,149,192,0.8);
        z-index: 100;
        color: #fff;
        /* line-height: 190px; */
        text-align: center;
        padding: 10px;
        font-size: 16px;
        word-wrap:break-word;
        word-break:normal; 
        padding-top: 110px;
    }
    @media screen and (max-width:1700px){
        .static{
            width: 1700px;
            float: right;
            height: 480px;
            /* margin-left:10% ; */
            /* background:url("../images/newbg.png") no-repeat right 0; */
            background-color:#51a2d4;
            background-size:100%;
            position: relative;
            overflow: hidden;
            margin-top: 0.8rem;
        }
    }
    .mr30{
        margin-right: 30px;
    }
    .mb30{
        margin-bottom: 30px;
    }
    .mr20{
        margin-right: 20px;
    }
    .ml10{
        margin-left: 10px;
    }
     /* 移动端样式 */
     @media screen and (max-width: 768px) {

        /* 轮播图 */
        .swiper-container{
            height: 3.2rem;
        }
        .swiper-container .swiper-pagination{
            bottom: 0.3rem !important;
        }
        .swiper-slide img{
            height: 3.2rem;
        }
        .cur_round{
            display: block;
            text-align: center;
            margin-top: 0.6rem;
            font-size: 0;
        }
        /* 通知公告 */
        .new{
            width: calc(100% - 0.72rem);
            margin: 0 0.36rem 0 0.36rem;
        }
        .new .notice{
            float: none;
            margin-left: 0;
            margin-right: 0;
            margin-top: 0.6rem;
        }
        .notice .notice_m{
            display: block;
            float: left;
            width: 1.8rem;
            margin-left: calc(100% - 4.3rem);
        }
        .notice .brline{
            display: none;
        }
        .notice .notice_pc{
            padding-left: 0.2rem;
            padding-top: 0.1rem;
            float: left;
            margin-left: calc(100% - 4.3rem);
            font-size: 0.42rem;
            width: auto;
        }
        .notice .notice_pc::after{
            width: 0.42rem;
            height: 0.42rem;
        }
        .notice .notice_pc span{
            left: 0;
        }
        .notice .notice_pc span.notice_tip{
            display: block;
            font-size: 0.28rem;
            text-align: center;
            margin-top: 0.1rem;
        }

        .notice .more{
            width: 1.16rem;
            float: right;
            height: 0.42rem;
            line-height: 0.4rem;
            font-size: 0.24rem;
        }
        .static{
            margin-top: 0.8rem;
        }
        /* 新闻动态 */
        .fixnew{
            width: 100%;
        }
        .xinwen{
            width: 100%;
            top: -450px;
        }
        .slideTxtBox{
            width: 100%;
            height: auto;
        }
        .slideTxtBox .hd{
            font-size: 0.42rem;
            margin-bottom: 0.2rem;
            text-indent: 0;
            margin-left: 0.36rem;
        }
        .tempWrap{
            height: 9.1rem;
        }
        .slideTxtBox .hd .eng{
            font-size: 0.28rem;
        }
        .slideTxtBox .bd li .item{
            width: calc(100% - 0.72rem);
            margin-left: 0.36rem;
            height: 9.0rem;
        }
        .slideTxtBox .bd li .item img.item_img{
            width: 100%;
        }
        .item_des .time{
            margin-top: -0.54rem;
        }
        /*.item_des .tit{
            font-size: 0.3rem;
        }
        .item_des .des{
            font-size: 0.24rem;
            line-height: 0.48rem;
        }*/
       .item_des .tit{
            font-size: 0.3rem;
            padding-top: 0.26rem;
            min-height: 1rem;
            height: auto;
        }
        .item_des .des{
            font-size: 0.28rem;
            line-height: 0.48rem;
            margin-top: 0.3rem;
        }
        .item_des .item_more{
            font-size: 0.24rem;
        }


        /* 新闻列表 */
        .new ul{
            width: 100%;
            margin-top: 10px;
        }
        .new ul li{
            font-size: 0.24rem;
        }
        .new ul li a span{
            width: calc(100% - 2.4rem);
            margin-left: 0.36rem;
        }
    

        /* 栏目 */
        .lanmu{
            width: 100%;
            margin-top: 3.6rem;
        }
       .lanmu .lmimg{
            width: 100%;
        }
        .lanmu .lmimg .lmbox{
            width: calc(100% - 0.72rem);
            margin-left: 0.36rem;
        }
        .lanmu .lmimg .lmbox:nth-child(2){
            margin-top: 0.8rem;
        }

        .lmimg .lmban img{
            height: auto;
            width: 2.7rem;
            margin-right: 0;
        }

        .lmban .ban_r{
            width: calc(100% - 3rem)
        }
        .lmban .ban_r .p1{
            font-size: 0.3rem;
            margin: 0;;
        }
        .lmban .ban_r .p2{
            font-size: 0.24rem;
            margin: 0.1rem 0;
        }
        .lmban .ban_r .p3{
            font-size: 0.24rem;
            line-height: 0.38rem;
            margin: 0;
        }

        .lmbox .lmtit, .jp .lmtit{
            font-size: 0.42rem;
        }
        .lmtit .tit{
            font-size: 0.28rem;
        }
        .lmtit .more{
            font-size: 0.24rem;
        }
        .lmList ul li{
            font-size: 0.26rem;
            line-height: 0.74rem;
        }
       .lmList ul li a{
          width: calc(99% - 1.5rem);
       }
 

        /* 精品展示 */
        .jp{
            margin-left: 0.36rem;
            width: calc(100% - 0.72rem);
            margin-top: 12rem;
        }
        .picMarquee-left{
            width: calc(100% - 0.72rem);
            height: 3rem;
            margin-left: 0.36rem;
            margin-top: 0;
        }
        .picMarquee-left .bd{
            padding: 10px 20px;
        }
        .picMarquee-left .bd ul li .pic img{
            width: 4.5rem;
            height: 3rem;
        }
        .picMarquee-left .bd .tempWrap{
            height: 4.5rem;
        }

        /* 友情链接 */
        .lj{
            display: none;
        }
        .lj_m{
            display: block;
            margin: 0 0.36rem;
            overflow: hidden;
            margin-bottom: 0.6rem;
        }
        .lj_m p{
            font-size: 0.42rem;
            margin-bottom: 0.3rem;
        }
        .lj_m ul li{
            font-size: 0.28rem;
            width: 50%;
            float: left;
            line-height: 0.50rem;
        }

        .lj_m ul li a{
            color: #7f8387;
        }


    }