@media screen and (max-width: 1850px){
    .w1680{
    width: 95%;
  }
}
@media screen and (max-width: 1650px){
 .dj-news-0 .news-infor .wrap2 .box{
    width: 32%;
    margin-left: 2%;
  }
  .dj-news-0 .news-infor .wrap2 .box:nth-child(5n+1){
    margin-left: 2%;
  }
  .dj-news-0 .news-infor .wrap2 .box:nth-child(3n+1){
    margin-left: 0;
  }
  header .logo img{width:80%;}
  header .logo{left: 30px;height:auto;top:22px;}
  header nav li{margin:0 10px;}
  header nav li .tit { font-size: 16px;padding: 0 15px;}
  header nav {width: 800px;margin-left: -400px;}
}
@media screen and (max-width: 1400px){
    header{height:70px;}
    header .logo{left: 34px;height:auto;top:18px;}
    header .logo img{width:80%;}
    header nav li .tit { font-size: 14px;padding: 0 15px;}
    header nav {width: 900px;margin-left: -370px;}
    header nav li{height:70px;margin: 0 5px;}
    header nav li .tit{line-height:70px;font-size: 15px;padding: 0 15px;}
    header .nav-select{top:70px;}
    .indexbg,.news{padding-top:70px;}
    .swbanner {
    position: relative;
    height: 420px!important;
    overflow: hidden;
    background-color: #000;
}
}

@media screen and (max-width: 1024px)
{
    .pro-warp .news-title .bshare-custom{display:none;}
    .dj-news-0 .news-infor .wrap2 .box {
    width: 49%;margin-left: 2%;
}
    .dj-news-0 .news-infor .wrap2 .box:nth-child(3n+1) {
    margin-left: 2%;
}
    .dj-news-0 .news-infor .wrap2 .box:nth-child(5n+1) {
    margin-left: 2%;
}
    .dj-news-0 .news-infor .wrap2 .box:nth-child(2n+1) {
    margin-left: 0;
}   .n-business .listb .li {
    padding: 3%;
  }
   .n-business .listb .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 35px;
    }
   .n-business .listb .li .sp{font-size:14px;}
    .flatwindow{
        width:1rem;
        height:1rem;
        /*box-shadow: 0 1px 0.06rem 0 rgba(0,0,0,0.1);*/
        /*background: url(../img/0.jpg) center/cover no-repeat;*/
    }
    .footer .bot p .bot-f{
        width: 65px;height: 70px;position: absolute;    left: 3rem;
    top: 0.8rem;
    }
    .fenxiang{display:none;}
	#honor .con .left{display:none;}
    .wid-70{width:100%;}
    #honor .con .right > ul{padding-left:0;}
	
	.w1400{
		padding: 0 .3rem;
	}
	 .wrap4{
		padding: .4rem 0 0rem;
		background: #f5f5f5;
	}
	 .wrap4 .tit-box h3{
		font-size: .36rem;
	}
	 .wrap4 .tit-box span{
		font-size: .18rem;
	}
	 .wrap4 .tapbar{
		width: 3.75rem;
		height: .45rem;
		line-height: .45rem;
		top: 0;
	}
	 .wrap4 .tapbar a{
		width: 31.3333%;
		height: .45rem;
		line-height: .45rem;
		font-size: .16rem;
		padding-left: .16rem;
		background-position: .36rem center;
		background-size: .07rem auto;
		 box-sizing:border-box;
	}
	 .wrap4 .newssw{
		margin: .4rem -.15rem 0;
		padding-bottom: .8rem;
		border-bottom: 1px solid #dbdbdb;
	}
	 .wrap4 .newssw .swiper-slide{
		width: calc(50% - .3rem);
		margin: 0 .15rem;
	}
	 .wrap4 .newssw .swiper-slide + .swiper-slide{
		margin: 0 .15rem;
	}
	 .wrap4 .newssw .text{
		padding: .34rem .3rem 0;
		height: auto;
	}
	 .wrap4 .newssw .text-time{
		font-size: .2rem;
	}
	 .wrap4 .newssw .text-con{
		font-size: .24rem;
		height: 4.5em;
	}
	 .wrap4 .newssw .text-more{
		margin-top: .3rem;
		font-size: .2rem;
		line-height: .4rem;
		background-size: .06rem auto;
		background-position: right .1rem center;
	}
	 .wrap4 .newssw .swiper-pagination{
		display: block;
	}
	 .wrap4 .newssw .swiper-pagination .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin: 0 4px;
		background: #00469b;
		opacity: .44;
		transition: all .4s ease;
	}
	 .wrap4 .newssw .swiper-pagination .swiper-pagination-bullet-active{
		opacity: 1;
	}
	
	
	body{padding-top:.7rem;}
    header{
		height: 1rem;
	}
     .indexbg{padding-top:1rem;}
    .news{padding-top:1rem;}
	
	header .logo{
		left: 0.4rem;
        top:11px;
		/*height: 0.53rem;*/
		/*margin-top: -0.23rem;*/
	}
	header .logo img{
		/*height: 0.53rem;*/
        width:60%;
	}
	.userhd header .back{
		display: block;
		position: absolute;
		width: .13rem;
		height: 100%;
		left: .4rem;
		top: 0;
		background: url('../img/back.png') no-repeat center/100% auto;
		z-index: 2; 
	}
	header .user-text,
	header .back{
		display: none;
	}
	.userhd header .logo{
		display: none;
	}
	.userhd header .user-text{
		display: block;
		position: absolute;
		font-size: .34rem;
		font-weight: bold;
		color: #fff;
		width: 100%;
		text-align: center;
		line-height: 1rem;
		left: 0;
		top: 0;
	}
	.userhd header .log{
		display: none;
	}
	.mhead-right .menu {
	    position: relative;
	    width: 1.2rem;
	    height: 1rem;
	    top: 0;
	    cursor: pointer;
	}
	.mhead-right .menu .lbox {
	    width: 0.37rem;
	    height: 0.3rem;
	    right: 0.45rem;
	}
	.mhead-right .menu .lbox .line{
		height: 2px;
	}
	.mhead-right .log {
	    margin-top: 0.35rem;
	    padding-left: 0.27rem;
	    height: 0.31rem;
	    line-height: 0.31rem;
	    /*background: url(../img/ico1_1.png) no-repeat left center/0.27rem auto;*/
	}
	.mhead-right .log span{
		margin-left: 0.1rem;
		font-size: 0.24rem;
	}
	
	.contact-wrap{height:700px;}
    .footer .mian{width: auto; padding: 0 0.3rem}
    .footer .mian .left{width: 100%;}
    .footer .mian .left li{width: 100%;height: 0.7rem;border-bottom: 1px solid #d1d1d1}
    .footer .mian ul li:nth-child(2){width: 100%;}
    .footer .mian .left li .title{display: block;height: 100%;width: 100%;line-height: 0.7rem;margin-bottom: 0;background: url(../img/footer-jia.png) 98% center/0.19rem 0.19rem no-repeat;box-sizing:border-box;padding-left: 2%;font-size: 0.26rem}
    .footer .mian .left li a{display: none;}
    .footer .mian .left li .title{display: block;}
    .footer .mian .right{width: 100%;border-left: 0;display:none;}
    .footer .mian .right .pic{float: none;height: auto;position: relative;padding: 0.4rem 0 0.5rem 0;}
    
    .footer .mian .right .pic{width:90%;padding-left:0%;margin: 0 auto;}
    .footer .mian .right .pic .flr{float: right;width:48%;}
    .footer .mian .right .pic .flr:nth-child(2){margin-right:4%}
    .footer .mian .right .pic img{display: block;width: 100%;height:auto;}

    .footer .mian .right .pic img{
        display: block;
        height: 1.7rem;
        width: auto;
        margin: 0 auto;
    }
    .footer .mian .right .pic h2{
        text-align: center;
        font-size: 0.26rem;
        display: block;
        height: 0.4rem;    
        line-height: 0.4rem;
    }
    .footer .mian .right .sel{float: right;display: none}
    .footer .bot p{width:auto;font-size: 0.24rem;padding: 0.3rem 0.3rem 0.5rem;height: auto;line-height: 0.3rem}
    .footer .bot p a{display:block;float: none;margin-left:0;}
    .footer .bot{height: auto;}
    .demo-1{display: none}
    header nav,
    .nav,
	.search-alert,
	.head-right{
		display: none;
	}

	.mhead-right{
		display: block;
		top: 0;
		right: 0;
	}
	.mhead-right .log {
	    margin-top: 37px;
	    /*width: 27px;*/
	    padding-left: 27px;
	    height: 31px;
	    line-height: 31px;
	    /*background: url(../img/ico1_1.png) no-repeat left center/27px auto;*/
	}
	.mhead-right .log span{
		color: #fff;
		margin-left: 10px;
	}
	.mhead-right .menu {
	    position: relative;
	    width: 120px;
	    height: 100px;
	    top: 0;
	    cursor: pointer;
	}
	.mhead-right .menu .lbox {
	    position: absolute;
	    width: 37px;
	    height: 29px;
	    top: 0;
	    bottom: 0;
	    right: 45px;
	    margin: auto 0;
	}
	.mhead-right .menu .lbox .line {
	    position: absolute;
	    width: 100%;
	    height: 4px;
	    background-color: #666;
	    left: 0;

	}
	.mhead-right .menu .lbox .line1{
		top: 0;
	}
	.mhead-right .menu .lbox .line2{
		top: 50%;
	}
	.mhead-right .menu .lbox .line3{
		top: 100%;
	}

	.mobile-nav .js-m-header {
	    width: 100%;
	    height: 100vh;
	    position: absolute;
	    top: 0;
	    left: 0;
	    overflow: hidden;
	}
	.js-m-header:after{
	    content: "";
	    margin: 0 0 0 0;
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background: #fff;
	    z-index: 4;
	    -webkit-transition: all 0.3s ease-in-out 0.3s;
	    transition: all 0.3s ease-in-out 0.3s;
	}
	.js-m-header:before{
	    content: "";
	    margin: 0 0 0 0;
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background: #111;
	    z-index: 5;
	    opacity: 1;
	    -webkit-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	}
	.js-m-header.animate:before, 
	.js-m-header.animate:after{
	    margin-right: 0;
	    right: 0;
	    bottom: 0;
	    left: 100%;
	}
	.sub-menu {
	  width: 100%;
	  height:100vh;
	  display: none;
	  position: fixed;
	  left: 0;
	  top: 0;
	  z-index: 2;
	  background: #fff;
	}
	.sub-menu ul{
		display: block;
		margin-top:1.5rem;
		height: calc(100% - 2rem);
		overflow-x: hidden;
		overflow-y: scroll;
		padding: 0 6.4%;
	}

	.sub-menu li {
	  border-bottom: 1px solid rgba(0,0,0,.2);
	  font-size: 0.24rem;
	}
	.sub-menu .tit {
	  display: block;
	  width: 100%;
	  padding: 0.3rem 0;
	  line-height:1.2rem;
	  color: #666;
	  box-sizing:border-box;
	  position: relative;
	}
	.sub-menu .tit{
		line-height: 1.5;
		font-size: 0.32rem;
	}
	.sub-menu .sub-tit:after {
	  content: '';
	  display: block;
	  width: 0.4rem;
	  height: 100%;
	  background: url(../img/ico_03_2.png) no-repeat center;
	  background-size: 100% auto;
	  position: absolute;
	  right: 6.4%;
	  top: 0;
	  bottom: 0;
	  margin: auto 0;
	}
	.sub-menu .sub-tit.on {
	  	color: #ea5404;
	}
	.sub-menu .sub-tit.on:after {
	  background: url(../img/ico_03_h.png) no-repeat center;
	  background-size: 100% auto;
	}
	.sub-menu .sec-list {
	  line-height:0.8rem;
	  padding: 0.15rem 0;
	  display: none;
	}
	.sub-menu .search-btn{
		background:url(../img/ico2.png) no-repeat left center;
		background-size:0.4rem auto;
		padding-left: 0.6rem;
		color: #fff;
		line-height: 1;
	}
	.sub-menu .search-btn input[type="text"]{
		width: 100%;
		background: none;
		color: #666;
		border:0;
	}
	.sub-menu .search-btn input.sub-butn {
	    border: none;
	    height: 100%;
	    font-size: .3rem;
	    line-height: 100%;
	    color: #555;
	    text-align: right;
	    background: none;
	    font-family: "GOTHICB";
	    position: absolute;
	    right: 0;
	    top: 0;
	    /*width: 3.5rem;*/
	    text-align: center;
	}
	.sub-menu .sec-list a {
	  padding-left: 3%;
	  color: #666;
	  opacity: .9;
	  display: block;
	}
	.sub-menu li:last-child{
		padding-bottom: 0;
	}
    /*base*/
    .fy{width: 90%;margin: 0 auto;text-align: center;font-size: 0.26rem;min-height: 0.45rem;margin-bottom: .5rem;display:none;}
    .fy a{font-size: 0.26rem;color: #222;padding: 0.12rem 0.17rem;background-color: #e8e8e8;margin: 0 2px;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .fy .t1{padding: 0.12rem 0.3rem;}
    .fy a:hover,.fy a.on{background-color: #d3d3d3}
    .base-ban{height:auto!important;}
    .base-ban .warp{position: absolute;top:20%;left: 7%;}
    .base-ban .warp h2{font-size:0.5rem;line-height:0.6rem;padding-top: 0.3rem;margin-bottom:0rem;}
    .base-ban .warp h2:before{height: 3px;width: 2.2rem;}
    .base-ban .warp .mintit{font-size:0.3rem;line-height:0.5rem;margin-bottom:0.3rem;}
    .base-ban .warp .cent,.base-ban .warp .cent p{display: none}
    .base-ban .warp .btns{width:0.45rem;height:0.45rem;}
    .base-ban .warp .btns i{background: url(../img/bot-arr.png) center/0.13rem 0.22rem no-repeat;}
    .base-ban .warp .btns:hover i{background: url(../img/bot-arr1.png) center/0.13rem 0.22rem no-repeat;}

    .waiter{
        width: 100%;display: block;
    }
    .spinner {
      margin: 24px auto 0;
      width: 20px;
      height: 20px;
      position: relative;
    }
    .container1 > div, .container2 > div, .container3 > div {
      width: 6px;
      height: 6px;
      background-color: #333;
      border-radius: 100%;
      position: absolute;
      -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
      animation: bouncedelay 1.2s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    .spinner .spinner-container {
      position: absolute;
      width: 100%;
      height: 100%;
    }
     
    .container2 {
      -webkit-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
    }
     
    .container3 {
      -webkit-transform: rotateZ(90deg);
      transform: rotateZ(90deg);
    }
     
    .circle1 { top: 0; left: 0; }
    .circle2 { top: 0; right: 0; }
    .circle3 { right: 0; bottom: 0; }
    .circle4 { left: 0; bottom: 0; }
     
    .container2 .circle1 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }
     
    .container3 .circle1 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }
     
    .container1 .circle2 {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
    }
     
    .container2 .circle2 {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s;
    }
     
    .container3 .circle2 {
      -webkit-animation-delay: -0.7s;
      animation-delay: -0.7s;
    }
     
    .container1 .circle3 {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s;
    }
     
    .container2 .circle3 {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
    }
     
    .container3 .circle3 {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s;
    }
     
    .container1 .circle4 {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }
     
    .container2 .circle4 {
      -webkit-animation-delay: -0.2s;
      animation-delay: -0.2s;
    }
     
    .container3 .circle4 {
      -webkit-animation-delay: -0.1s;
      animation-delay: -0.1s;
    }
     
    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }
     
    @keyframes bouncedelay {
      0%, 80%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }

    .pc-flash{display: none;}
    .banner{width: 100%;position: relative;}
    .banner .model-ban{width: 100%;display: block;}
    .banner .model-ban img{display: block;width: 100%;height: auto;}
    .banner .model-ban .warp{padding: 0 0.5rem;position: absolute;top: 15%;left: 0;}
    .banner .model-ban .warp h2{display: block;font-size: 0.5rem;color: #fff;text-transform: capitalize;font-family: 'BEBAS';line-height: 0.6rem;padding-top: 0.4rem;position: relative;}
    .banner .model-ban .warp h2 i{display: block;z-index: 2;position: absolute;top: 0;left: 0;background-color: #fff;width: 2.2rem;height: 2px;}
    .banner .model-ban .warp .mintit{font-size: 0.4rem;color: #fff;font-family: 'BEBAS';line-height: 0.5rem;margin-bottom: 0.7rem;}
    .banner .model-ban .warp .btns{display: block;width: 0.6rem;height: 0.6rem;background-color: #248e3e;border-radius: 100%;position: relative;}
    .banner .model-ban .warp .btns i{display: block;width: 100%;height: 100%;background: url(../img/bot-arr.png) center/0.13rem 0.22rem no-repeat;transition: all 0.5s;-webkit-transition: all 0.5s;}

    .iab{width: 100%;height: auto;padding-bottom: 0.5rem}
    .iab .warp{ margin: 0 auto;height: auto;padding: .5rem 0.3rem 0.3rem;width: 100%;box-sizing:border-box;}
    .iab .warp .box{width: 100%; float: none;padding-top:0.4rem;}
    .iab .warp .box h2{
        display: block;line-height: 0.7rem;font-size:0.66rem;text-transform:capitalize;
        color: #222;font-family: 'BEBAS';padding-top: 0.4rem;position: relative;margin-bottom: 0.1rem;
    }
    .iab .warp .box h2:before{display: block;width: 1.25rem;height: 3px;background-color: #222;display: block;content: '';position: absolute;top: 0;left: 0;}
    .iab .warp .box h3{display: block;font-size:0.5rem;color: #222;line-height:0.6rem;margin-bottom:0.3rem;}
    .iab .warp .box .cent{font-size: 0.24rem;line-height:0.3rem;color: #1d2830;margin-bottom: 0.4rem;}
    .iab .warp .box .cent p{ font-size: 0.24rem;line-height: 0.3rem;color: #1d2830;}
    .iab .warp .box .btns{
        display: block;width: 1.3rem;height: 0.48rem;line-height:0.48rem;color: #fff;font-size:0.26rem;
        padding: 0 0.3rem;border-radius: 0.05rem;text-transform:capitalize;font-family: 'BEBAS';
        background:#005ba0 url(../img/rddr.png) 90% center/0.29rem 0.18rem no-repeat;
        border:1px solid #005ba0;transition: all 0.5s;-webkit-transition: all 0.5s;margin-bottom:0.5rem;
    }
    .iab .box .btns:hover{background:#005ba0 url(../img/rddr.png) 90% center/0.29rem 0.18rem no-repeat;box-shadow: 0 1px 6px 0px rgba(0,91,160,1)}
    .iab .box .details{display: none;}
    .iab .warp .pic{float: right;width:100%;height: auto;}
    .iab .warp .pic .video-pc{display: none}
    .iab .warp .pic .video-ph{display: block;margin-bottom: 0.5rem}
    .iab .warp .pic .video-ph video{display: block;width: 100%;height: 3.9rem;}
    .iab .warp .pic .video-ph img{display:block;width:100%;}

    .iab .warp .pic .video .btns:hover{background: url(../img/iab-btns1.png) center/cover no-repeat;}
    .iab .warp .bot{padding-left:0.4rem;height: auto;}
    .iab .warp .bot ul li{float: left;width: 33.33%;text-align: center;margin-right: 0}
    .iab .warp .bot ul li:last-child{margin-right: 0px;}
    .iab .bot li p{font-size: 0.64rem;color: #1d2830; text-align: center;line-height:0.7rem;font-family: 'BEBAS'; margin-bottom: 0.05rem;}
/*    .iab .bot li:nth-child(1) p{font-family: 'Times New Roman';}*/
    .iab .bot li .intro{display: block; text-align: center;font-size: 0.26rem;line-height: 0.36rem;}
    .prop-zhez{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/tipbg.png) center/cover repeat;z-index: 100;display: none}
    .prop-video-box{width:90%;margin: 0 auto;height: 60%;position: fixed;top: 15%;left:50%;z-index:101;margin-left: -45%}
    .prop-video-box .close{display: block;width: 0.35rem;height:0.35rem;background: url(../img/ico_07.png) center/cover no-repeat;position: absolute;right: -5%;top: -0.5rem;}
    .prop-video-box .video{display: block;width: 100%;height: 100%}
    .prop-video-box .main{display: block;width: 100%;height: 100%}

    .iproduct .title .mian{padding: 0.2rem 0;}
    .iproduct{width: 100%;height: auto;position: relative;}
    .iproduct .title{width: 100%;padding: 0.2rem 0;text-align: center;margin: 0 auto;}
    .iproduct .title h2{display: block;font-size:0.5rem;line-height: 0.6rem;color: #222;margin-bottom:0.15rem;}
    .iproduct .title .cent{display: block;font-size:0.26rem;line-height: 0.36rem;color: #8d8d8d;}
    .iproduct .title .cent p{font-size:0.24rem;line-height: 0.32rem;color: #8d8d8d;}
    .iproduct .pic{width: 100%;overflow: hidden;}
    .iproduct .pic img{display: block;min-height: 4.5rem}

    .iproduct .main{text-align: center;position: absolute; top: 11%;left: 3%;width: 94%;z-index: 5;}
    .iproduct .main h2{display: block;font-size: 0.54rem;color: #fff;line-height: 0.6rem;margin-bottom: 0.2rem;}
    .iproduct .main .cent,.iproduct .main .cent p{font-size: 0.24rem;color: #fff;line-height: 0.38rem;}
    .iproduct .main .cent{margin-bottom: 0.35rem;}
    .iproduct .main .btns{display: block;width: 0.48rem;height: 0.48rem;border-radius: 100%;margin: 0 auto;background-color: #005ba0;position: relative;border:1px solid #005ba0;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .iproduct .main .btns:hover{background-color:transparent;border:1px solid #fff;}
    .iproduct .main .btns i{
        display: block;
        width:0.48rem;
        height:0.48rem;
        background: url(../img/bot-arr.png) center/0.13rem 0.22rem no-repeat;
        animation: downico 1.5s ease-out infinite;
        animation: downico 1.5s ease-out infinite\0/IE9;
        position: absolute;
        left: 0;
        top: 0;
    }

    .iproduct .warp{width:90%;height:1.4rem;overflow: hidden;margin: -0.8rem auto 0;position: relative; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);background-color: #fff;z-index: 5;}
    .iproduct .swiper-container {width:80%;height: 1.4rem;text-align: center;position: relative;}
    .iproduct .swiper-container .g{width:1px;height:0.8rem;position: absolute;z-index: 5;top: 50%;margin-top: -0.4rem;background-color: #fff;right: 0;display: block}
    .iproduct .swiper-slide .tit { font-size:0.24rem;line-height: 0.36rem;transition: all 0.5s;-webkit-transition: all 0.5s;height:0.2rem;color: #666;text-align: center;}
    .iproduct .swiper-slide.on .tit{color: #222;}
    .iproduct .swiper-slide:hover .tit{color: #222;}

    .iproduct .swiper-button-prev{width: 0.5rem;height: 0.5rem;background-color: red;margin-top: -1rem;position: absolute;z-index: 50;}
    .iproduct .arrow-left {display:block;background: url(../img/ipro-larr.png) center/cover no-repeat;position: absolute;left: 0.2rem;top: 50%;margin-top: -0.1rem; width: 0.1rem;height: 0.2rem;}
    .iproduct .arrow-right {display:block;background: url(../img/ipro-rarr.png) center/cover no-repeat;position: absolute;right: 0.2rem;top: 50%;margin-top: -0.1rem;width: 0.1rem;height: 0.2rem;}
    .iproduct .pci{width: 0.5rem;height: 0.5rem;margin: 0.25rem auto 0.1rem auto;position: relative;}
    .iproduct .pci .gray{display: block;width:0.5rem;height: 0.5rem;}
    .iproduct .pci .green{display: block;width:0.5rem;height:0px;position: absolute;bottom: 0;left: 0;transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden;}
    .iproduct .swiper-slide:hover .pci .green{height:0.5rem;}
    .iproduct .swiper-slide .pci .green img{display: block;height:0.5rem;width:0.5rem;position: absolute;bottom: 0;left: 0}
    .iproduct .swiper-slide.on .pci .green{height:0.5rem;}
    .iproduct .swiper-slide{position: relative;}
    .iproduct .swiper-slide i{display: block;width: 90%;position: absolute; bottom: 0;height: 0.04rem;background-color: #fff;left: 50%;margin-left: -45%;border-top-left-radius: 3px;border-top-right-radius: 3px;}
    .iproduct .swiper-slide.on i{background-color: #06b4a1;}
    .iproduct .swiper-slide em{display: block;width: 1px;height:0.8rem;background-color: #f2f2f2;right: 0px;top: 50%;position: absolute;z-index: 2;margin-top: -0.4rem;}

    .isocial{width: 100%;background-color: #fff;height: auto;padding:1rem 0 1rem 0;}
    .isocial .warp{width: auto;margin: 0 auto;padding: 0 0.3rem}
    .isocial .warp .pic{width:100%;height:auto;overflow: hidden;float: none;margin-bottom: 0.3rem;}
    .isocial .warp .pic img{display: block;width: 100%;height: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .isocial .warp .pic:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .isocial .warp .box{width:100%;height: auto;float: none;}
    .isocial .warp .box .logo{display: block;width: 1.29rem;height: 1.88rem;margin-bottom:0.32rem;}
    .isocial .warp .box h2{display: block;font-size:0.65rem;color: #222;text-transform:capitalize;line-height:0.7rem;padding-top:0.5rem;position: relative;font-family: 'BEBAS';margin-bottom: 0.2rem;}
    .isocial .warp .box h2 i{display: block;width: 1.25rem;height: 3px;background-color: #222;position: absolute;top: 0;left: 0}
    .isocial .warp .box .mintit{font-size:0.5rem;color: #222;line-height:0.55rem;margin-bottom:0.25rem;}
    .isocial .warp .box .cent{font-size:0.24rem;line-height:0.28rem;color: #585858;margin-bottom: 0.45rem;}
    .isocial .warp .box .btns{
        display: block;
        width: 1.3rem;
        height:0.48rem;
        line-height:0.48rem;
        color: #fff;
        font-size: 0.26rem;
        padding: 0 0.3rem;
        border-radius: 3px;
        text-transform: capitalize;
        font-family: 'BEBAS';
        background: #005ba0 url(../img/rddr.png) 80% center/0.29rem 0.18rem no-repeat;
        border: 1px solid #005ba0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .isocial .warp .box .btns:hover{background:#005ba0 url(../img/rddr.png) 87% center/0.29rem 0.18rem no-repeat;box-shadow: 0 1px 6px 0px rgba(0,91,160,1)}
    .iin{max-width:90%;margin: 0 auto;padding: 0.8rem 0 0.85rem;}
    .iin .title{width:92%;margin: 0 auto 0.55rem;text-align: center;}
    .iin .title h2{font-size:0.5rem;line-height: 0.55rem;color: #222;margin-bottom: 0.15rem;}
    .iin .title .mintit{font-size:0.24rem;color: #8a8a8a;line-height: 0.3rem;}
    .iin .slides a{padding-bottom:0.5rem;}
    .iin .slides a .pic{margin-bottom:0.2rem;}
    .iin .slides a .pic .time{width:0.51rem;height:0.46rem;font-size:0.24rem;line-height:0.26rem;text-align: center;padding:0.05rem}
    .iin .slides a .pic .time span{font-size: 0.24rem;line-height:0.36rem;}
    .iin .slides .box h2{font-size:0.28rem;line-height:0.36rem;margin-bottom: 0.2rem;}
    .iin .slides .box .cent{font-size:0.24rem;line-height:0.36rem;}
    .iin .flex-direction-nav a{width: 0.4rem;height: 0.4rem;margin: 0;top:43%;text-indent: 9999px;}
    .flex-control-nav{display: none}
    .iin .flexslider{padding-bottom: 0}
    .flex-direction-nav{display: block}
    
    /*job*/
    .h-title{height: 0.75rem;line-height:0.75rem;box-shadow: 0 1px 0.15rem 0 rgba(0,0,0,0.1);margin-bottom: 0.3rem;}
    .h-title i{height: 0.04rem;}
    .h-title a{font-size:0.26rem;margin: 0 0.38rem;}

    .job-linian{
        box-shadow: 0 1px 0.1rem 0 rgba(0,0,0,0.1);box-sizing:border-box;padding:0.3rem 0.2rem;
        width:92%;
        margin: 0 auto 0.6rem;
    }
    .job-linian p{font-size:0.24rem;line-height:0.4rem;color:#565656;}

    .job-warp{width: 90%;margin: 0 auto 0.8rem;box-shadow: 0 1px 0.1rem 0 rgba(0,0,0,0.1)}
    .job-warp li .title{height: 0.52rem;line-height: 0.52rem;padding: 0 0.3rem;font-size: 0.26rem;}
    .job-warp li .title span{padding-right:0.3rem;background: url(../img/job-icon1.png) right center/0.19rem no-repeat;}
    .job-warp li.on .title span{background: url(../img/job-icon2.png) right center/0.19rem no-repeat}
    .job-warp li .warp{padding: 0.1rem 0.3rem 0.2rem;background-color: #fff;display: none}
    .job-warp .warp .tbl{margin-bottom: 0.25rem;padding:0.1rem 0 0.2rem;width:100%;}
    .job-warp .warp .tbl p{font-size:0.24rem;line-height:0.4rem;width: 33.2%;float: left;}
    .job-warp .warp .tbl p span{padding-left:0.1rem;}
    .job-warp .warp .cont h2{font-size: 0.26rem;color: #222;line-height:0.3rem;margin-bottom:0.15rem;}
    .job-warp .warp .cont .cent,.job-warp .warp .cont .cent p{font-size: 0.24rem;line-height:0.28rem;color: #565656}
    .job-warp .warp .btns{font-size:0.24rem;line-height:0.2rem;}

    /*contact*/
    .contact-warp{width:auto;margin: 0 auto 0.8rem;padding: 1rem 0.3rem 0;}
    .contact-warp form{display: block;width: 100%;height: auto;}
    .contact-warp h2,.welfare-warp .title h2,.lead-news .title h2,.paper-news .title h2,.staff-news .title h2,.news-title .title h2,.bookcase .title h2,.dj-news-0 .title h2{font-size:0.47rem;line-height:0.5rem;color: #004a82;font-family: 'Century751 SeBd BT';text-transform:Uppercase;display: block;margin-bottom:0.1rem;}
    .contact-warp h3,.welfare-warp .title h3,.lead-news .title h3,.lead-news .title h3,.paper-news .title h3,.staff-news .title h3,.news-title .title h3,.bookcase .title h3,.dj-news-0 .title h3{display: block;font-size:0.35rem;line-height:0.45rem;color: #004a82;margin-bottom:0.7rem;}
    .contact-warp .message{margin-bottom:0.9rem;}
    .contact-warp .message .mian{width: 100%;margin-bottom:0.8rem;}
    .contact-warp .message .mian ul .inp{float: left;width:47%;height:1.3rem;margin-right:6%;}
    .contact-warp .message .mian ul .inp:nth-child(odd){margin-right:6%}
    .contact-warp .message .mian ul .inp:nth-child(even){margin-right: 0}
    .contact-warp .message .mian ul .inp input{display: block;width:100%;height:0.7rem;line-height:0.7rem;border:0;border-top: 1px solid #cdcdcc;font-family: 'Century Gothic';font-weight: bold;outline: none;font-size: 0.26rem;}
    .contact-warp .message .mian ul .text{width:100%;float: left;height:1.5rem;font-family: 'Century Gothic';font-weight: bold;}
    .contact-warp .message .mian ul .text textarea{font-size: 0.26rem;display: block;width:100%;height:100%;padding: 2.5% 3%;line-height:0.3rem;resize:none;box-sizing:border-box;border:1px solid #cdcdcc;outline: none;}
    .contact-warp .message .btns{width: 100%;height: auto;position: relative;}
    .contact-warp .message .btns:before{display: block;width:0;height:0;}
    .contact-warp .message .btns input{padding:0 7% 0 0;box-sizing:border-box;display: block;width:100%;height: 0.62rem;background:#004a82 url(../img/contact-icon1.png) 58% center/0.19rem 0.12rem no-repeat;font-size: 0.26rem;}
    .contact-warp .message .btns input:hover{background:#004a82 url(../img/contact-icon1.png) 80% center no-repeat;box-shadow: 0 1px 0.1rem 0 rgba(0,74,140,1)}

    .contact-warp .contact{width:100%;}
    .contact-warp .contact h3{margin-bottom: 0.3rem;}
    .contact-warp .contact .warp{width: 100%;}
    .contact-warp .contact .warp .box{width:100%;height: auto;float: none;margin-bottom: 0.4rem;}
    .contact-warp .contact .box ul li{padding: 0;width: 100%;border-bottom: 1px solid #e5e5e5;padding: 0.25rem 0}
    .contact-warp .contact .box ul li:last-child{border-bottom: 0;}
    .contact-warp .contact .box ul li p{font-size:0.26rem;line-height:0.36rem;margin-bottom: 0.12rem;}
    .contact-warp .contact .box ul li span{display: block;font-size:0.24rem;line-height:0.36rem;}
    .contact-warp .map{height:5rem;float: none;width: 100%}
    .contact-warp .map #allmap{width: 100%;height: 100%;}
    .BMap_noprint,.anchorBL{opacity: 0}
    .contact-warp  .BMap_bubble_title{color: #cc5522;font-size: 0.26rem;margin-bottom:0.1rem;}
    .contact-warp  .BMap_bubble_content{color: #333;font-size:0.26rem;line-height:0.2rem;}

    /*welfare公益事业*/
    .welfare-ban{width:100%;margin: 0 auto 0.95rem;}
    .welfare-ban img{display: block;width: 100%;}
    .welfare-warp{width:auto;margin: 0 auto 0.8rem;padding: 0 0.3rem}
    .welfare-warp .title{margin-bottom:0.8rem;}
    .welfare-warp .title h3{margin-bottom:0.2rem;}
    .welfare-warp .title .cent,.welfare-warp .title .cent p{font-size:0.24rem;line-height: 0.36rem;color: #333333;width:100%;}
    .welfare-warp .warp{width: 100%;height: auto;}
    .welfare-warp .warp ul li{width:46%;min-height:4rem;padding: 0.1rem;float: left;margin:0 2% 0.3rem 2%;box-sizing:border-box;background-color: #fff;box-shadow: 0 0px 0.05rem 0 rgba(0,0,0,0.1);}
    .welfare-warp .warp ul li:hover{box-shadow: 0 1px 0.15rem 0 rgba(0,0,0,0.2);top: -0.1rem;}
    .welfare-warp .warp li .pic{width: 100%;height:auto;overflow: hidden;margin-bottom:0.3rem;}
    .welfare-warp .warp li .box h2{line-height:0.4rem;font-size:0.26rem;margin-bottom:0.15rem;}
    .welfare-warp .warp li .box .cent{font-size:0.24rem;line-height:0.36rem;color: #888888;margin-bottom:0.15rem;}
    .welfare-warp .warp li .box .time{font-size:0.24rem;line-height:0.36rem;}
    .welfare-warp .warp .noimg .box{padding-top:0.3rem;}
    .welfare-warp .warp .noimg a i{display: block;width: 100%;height:0.04rem;}
    .welfare-warp .warp .noimg .box h2,.welfare-warp .warp .noimg .box .cent{margin-bottom:0.25rem;}
    .welfare-warp .warp .noimg .box .time{margin-bottom:0.5rem;}
    .welfare-warp .warp .noimg .box em{display: block;width:100%;height:0.21rem;background: url(../img/welfare-arr.png) left center/0.21rem no-repeat;}
    .welfare-warp .warp .noimg:hover .box em{background: url(../img/welfare-arr.png) 10% center/0.21rem no-repeat;}
    .welfare-warp .warp .noimg:hover a i{top: -0.1rem;} 
 
     /*charity 慈善家楼*/
    .charity header{box-shadow: 0 0 1px 0 rgba(0,0,0,0.1)}
    .charity .h-title{margin-bottom: 0}
    .charity-ban{width: 100%;}
    .charity-ban img{display: block;width: 100%;}
    .charity-warp{width:80%;height: auto;padding: 0.6rem 5% 0.6rem;margin:-0.7rem auto 0.7rem;}
    .charity-warp .left,.charity-warp .right{width: 47%;float: left;height: auto;font-size: 0.24rem;line-height:0.36rem;}
    .charity-warp .right{float: right;}
    .charity-atlas{width:90%;margin: 0 auto 0.8rem;}
    .charity-atlas ul li{float: left;width:48%;overflow: hidden;margin:0 4% 0.22rem 0;max-height: 2.8rem;height: auto}
    .charity-atlas ul li:nth-child(even){margin-right: 0}
    .charity-atlas ul li a{display: block;width: 100%;height: 100%;cursor: ;position: }
    .charity-atlas ul li a img{display: block;width: 100%;height: 100%;transition: all 0.4s;-webkit-transition: all 0.4s;}
    .charity-atlas ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

    /*领导活动*/
    .lead-title{height:0.75rem;box-shadow: 0 1px 0.15rem 0 rgba(0,0,0,0.1);margin-bottom:0.3rem;}
    .lead-title i{display: none}
    .lead-title .swiper-container {width:100%;height:0.75rem;text-align: center;}
    .lead-title .swiper-slide {height: 100%;}
    .lead-title .swiper-slide .title {font-size:0.26rem;line-height:0.75rem;color: #666666;width:1.5rem;}
    .lead-title .swiper-slide.on .title,.lead-title .swiper-slide:hover .title{color: #005ba0}


    .lead header,.news header{box-shadow: 0 0 1px 0 rgba(0,0,0,0.3)}

    .lead-news{width:auto;margin: 0 auto 0.8rem; padding: 0 0.3rem}
    .lead-news .title{margin-bottom:0.5rem;text-align: center;}
    .lead-news .title h3{margin-bottom: 0}
    .lead-news .list{width: 100%;}
    .lead-news .list li{float: left;width:48%;height:auto;background-color: #fff;box-shadow: 0 0px 1px 0 rgba(0,0,0,0.1);margin:0 4% 0.24rem 0;transition: all 0.4s;-webkit-transition: all 0.4s;padding-bottom: 0.4rem}
    .lead-news .list li:nth-child(3),.lead-news .list li:nth-child(6),.lead-news .list li:nth-child(9){margin-right:4%}
    .lead-news .list li:nth-child(even){margin-right: 0}
    .lead-news .list li:last-child{display:block;}
    .lead-news .list li a{display:block;width:100%;height: 100%;}
    .lead-news .list li a .pic{width: 100%;height: 150px;overflow: hidden;margin-bottom:0.3rem;}
    .lead-news .list li a .pic img{display: block;height: 100%;width: 100%;transition: all 0.4s;-webkit-transition: all 0.4s;}
    .lead-news .list .box,.lead-news .videonews li .box{padding: 0 8%;}
    .lead-news .list .box h2,.lead-news .videonews li .box h2{font-size:0.2rem;color: #282828;line-height:0.3rem;margin-bottom:0.05rem;transition: all 0.4s;-webkit-transition: all 0.4s;} 
    .lead-news .list .box .cent,.lead-news .videonews li .box .cent{font-size:0.18rem;line-height:0.36rem;color: #888;padding-bottom:0.3rem;position: relative;}
    .lead-news .list .box .cent:before,.lead-news .videonews li .box .cent:before{display: block;width:1.2rem;height:0.03rem;background-color: #005ba0;content: '';position: absolute;bottom:0;left:0;}
    
    .lead-news .videonews{display: block;width: 100%;}
    .lead-news .videonews li{width: 48%;float: left;margin:0 4% 0.3rem 0;background-color: #fff;}
    .lead-news .videonews li:nth-child(even){margin-right: 0}
    .lead-news .videonews li .vide{width: 100%;margin-bottom: 0.3rem}
    .lead-news .videonews li .vide video{display: block;height: 1.4rem;width: 100%}
    



    /*广夏报*/
    .paper-news{width: 90%;margin-bottom: 0.8rem}
    .paper-news .serch{width:5.2rem;height: 0.45rem;margin: 0 auto 0.7rem;}
    .paper-news .serch span{display: block;width: 17%;font-size:0.26rem;color: #666;line-height: 0.45rem;background-color: #f1f1f1;float: left;}
    .paper-news .serch input[type='text']{display: block;height:0.45rem;line-height:0.45rem;width:61.5%;background-color: #fff;padding:0 5% 0 5%;font-size:0.26rem;float: left;border: 0;}
    .paper-news .serch input[type='submit']{display: block;width: 11%;float: left;border:0;background-color: #205db1;height: 100%;background:#205db1 url(../img/paper-icon.jpg) center/0.18rem no-repeat;border-top-right-radius:0.05rem;border-bottom-right-radius: 0.05rem}

    .paper-news .list{width: 100%;}
    .paper-news .list li{width:40%;height: auto;float: left;margin: 0 5% 0.4rem 5%;} 
    .paper-news .list li:nth-child(4),.paper-news .list li:nth-child(8){margin-right:4%}
    .paper-news .list li:nth-child(even){margin-right: 0}
    .paper-news .list li a{display: block;width: 100%;height: 100%;}
    .paper-news .list li a .pic{width:100%;height: auto;box-sizing:border-box;margin-bottom: 0.2rem;padding:0.1rem;background-color: #fff;box-shadow: 0 0 1px 0 rgba(0,0,0,0.1)}
    .paper-news .list li a .pic img{display: block;width: 100%;border: 1px solid #dddddd;box-sizing:border-box;}
    .paper-news .list li a .tit{width: 100%;text-align: center;font-size:0.24rem;color: #333;line-height: 0.36rem;}

    /*员工*/
    .staff-title{width: 100%;height:0.75rem;position: relative;box-shadow: 0 1px 0.15rem 0 rgba(0,0,0,0.1);margin-bottom:0.7rem;}
    .staff-title i{display: none}
    .staff-title .swiper-container {width:100%;height:0.75rem;}
    .staff-title .swiper-slide .title {font-size:0.26rem;line-height:0.75rem;color: #666666;width: 1.5rem;}

    .staff-news{width: 90%;margin:0 auto 0.8rem}
    .staff-news .title{margin-bottom:0.85rem;}
    .staff-news .list{width:100%;height: auto;margin: 0 auto;}
    .staff-news .list li{float: left;width:46%;height:auto;position: relative;margin:0 2% 4% 2%;overflow: hidden;}
    .staff-news .list li:nth-child(4),.staff-news .list li:nth-child(8){margin-right: 1%}
    /*.staff-news .list li:nth-child(even){margin-right:0}*/
    .staff-news .list li .details .math{font-size: 0.24rem;line-height:0.28rem;margin-bottom:0.15rem;}
    .staff-news .list li .details .math:before{display: block;width: 0.15rem;top: 50%;left:0.35rem;}
    .staff-news .list li .details .cent{font-size:0.24rem;line-height:0.28rem;height:65%;border-bottom: 1px solid rgba(255,255,255,0.2);margin-bottom: 5%;left: 0;transition: all 0s;-webkit-transition: all 0s;}
    .staff-news .list li .details .infor{font-size:0.26rem;line-height:0.28rem;right:0%;transition: all 0s;-webkit-transition: all 0s;}
    .staff-news .list li.on .box{opacity: 1}
    .staff-news .list li.on .infor{opacity: 1}
    .staff-news .list li.on .cent{opacity: 1}
    /*.staff-news .list li:hover .box{opacity: 0}*/
    /*.staff-news .list li:hover .infor{opacity: none}*/

    /*新闻中心*/
    .maxnews{width:auto;height:auto;overflow: hidden;margin: 0 auto 0.75rem;position: relative;}
    .maxnews .box{padding-left:5%;}
    .maxnews .box h2{font-size:0.25rem;line-height:0.30rem;padding-top:16%;margin-bottom:0.20rem;}
    .maxnews .box .details,.maxnews .box .details p{font-size:0.25rem;line-height:0.30rem;}
    .maxnews .box .details{margin-bottom:0.40rem}
    .maxnews .box .btns{width:1.3rem;height:0.48rem;line-height:0.48rem;padding: 0 0.3rem;font-size:0.26rem;border-radius: 3px;background:#fff url(../img/maxnews-icon.png) 80% center/0.29rem 0.18rem no-repeat} 
    .maxnews .box .btns:hover{background:#f2f2f2 url(../img/maxnews-icon.png) 85% center/0.29rem 0.18rem no-repeat}
    .news-title{width:auto;margin: 0 auto 0.6rem;padding: 0 0.3rem}
    .news-title .warp{width: 100%;}
    .news-title .warp li{float: left;height: auto;width:46%;margin:0 2% 0.29rem 2%;min-height:auto;height: 4rem;}
    .news-title .warp li a{display: block;width: 100%;height: auto}
    .news-title .warp li .pic{width: 100%;height: auto;overflow: hidden;margin-bottom: 0.2rem;}
    .news-title .warp li .pic img{display: block;width: 100%;}
    .news-title .warp li .box{padding: 0 10%;padding-bottom:0.3rem;}
    .news-title .warp li .box .time{font-size:0.24rem;line-height:0.36rem;color: #004a82;font-family:'Century Gothic';margin-bottom:0.05rem;}
    .news-title .warp li .box h2{display: block;font-size:0.28rem;line-height:0.4rem;color: #222;height: auto;}
    .news-title .warp li .ico{padding: 0 10%;height:0.55rem;display: none}
    .news-title .warp li .ico i{display: block;float: left;height:0.55rem;width: 0.35rem;}
    .news-title .warp li .ico i:nth-child(1){background: url(../img/news-ico1.png) left center no-repeat}
    .news-title .warp li .ico i:nth-child(1):hover{background: url(../img/news-ico11.png) left center no-repeat}
    .news-title .warp li .ico i:nth-child(2){background: url(../img/news-ico2.png) left center no-repeat}
    .news-title .warp li .ico i:nth-child(2):hover{background: url(../img/news-ico22.png) left center no-repeat}
    .news-title .warp li .ico i:nth-child(3){background: url(../img/news-ico3.png) left center no-repeat}
    .news-title .warp li .ico i:nth-child(3):hover{background: url(../img/news-ico33.png) left center no-repeat}
    .news-title .warp li .ico i:nth-child(4){background: url(../img/news-ico4.png) left center no-repeat}
    .news-title .warp li .ico i:nth-child(4):hover{background: url(../img/news-ico44.png) left center no-repeat}
    .news-title .warp li:nth-child(3),.news-title .warp li:nth-child(6),.news-title .warp li:nth-child(9),.news-title .warp li:nth-child(12){margin-right:2%;}
    .news-title .warp li:nth-child(even){margin-right: 0}
    .news-title .warp li:hover{top: -8px;box-shadow: 0 1px 15px 0 rgba(0,0,0,0.3);}

    .news-title .warp .noimg{
        min-height:auto;
        height: 4rem
    }
    .news-title .warp .noimg .box{
        padding:10%  10% 0%;
    }
     .news-title .warp .noimg .box h2{
        margin-bottom: 12%
     }
    .news-title .warp .noimg .box .details{
        font-size: 0.24rem;
        line-height:0.4rem;
        color: #666666;
        min-height:0.8rem;
    }
    .news-title .warp .noimg .ico{
        display: none;
    }


    /*书架*/
    .bookcase{text-align: center;width:auto;margin: 0 auto;padding: 0 0.3rem}
    .bookcase .list{width: 100%;height: auto;text-align: left;margin-bottom:0.5rem;}
    .bookcase .list li{width: 100%;background-color: #fff;padding: 0.5rem 0 0.6rem;box-shadow: 0 0px 1px 0 rgba(0,0,0,0.1);margin-bottom: 0.6rem;}
    .bookcase .list li a{display: block;width:100%;height: auto;margin: 0 auto;}
    .bookcase .list li .pic{width:27%;float: left;padding: 1%;border:1px solid #edc9af;margin-left: 3%;}
    .bookcase .list li .pic img{display: block;width: 100%;}
    .bookcase .list li .box{width: 60%;float: right;margin-right: 3%}
    .bookcase .list li .box h2{font-size:0.4rem;line-height:0.45rem;padding: 0.1rem 0 0.25rem;margin-bottom:0.3rem;}
    .bookcase .list li .box h2:before{width:0.4rem;height:0.04rem;}
    .bookcase .list li .box .details,.bookcase .list li .box .details p{font-size:0.24rem;line-height:0.36rem;}
    .bookcase .list li .box .details{padding-bottom:0.3rem;margin-bottom:0.4rem;}
    .bookcase .list li .box .btns{width:1.2rem;height:0.4rem;line-height:0.4rem;padding-left:0.25rem;font-size:0.26rem;background: url(../img/book-btnico.png) 22% center no-repeat;}
    .bookcase .list li:hover .box .btns{top: -0.1rem;box-shadow: 0 2px 0.2rem 0 rgba(0,0,0,0.2);}

    /*文化*/
    .cul .staff-title{margin-bottom:0rem}
    .cul header{box-shadow:0 0 1px 0 rgba(0,0,0,0.1);}
    .cul1,.cul3,.cul4,.cul5,.cul7{position:relative;width: 100%;height: auto;}
    .cul1 .pic,.cul3 .pic,.cul4 .pic,.cul5 .pic,.cul7 .pic{width: 100%;height: auto;}
    .cul1 .pic img,.cul3 .pic img,.cul4 .pic img,.cul5 .pic img,.cul7 .pic img{display: block;width: 100%;}

    .cul1 .box{width:85%;padding:1rem 10% 2rem 5%;margin: 0 auto;}
    .cul1 .box h2,.cul2 .box h2,.cul3 .box h2,.cul4 .box h2,.cul5 .box h2,.cul6 .warp .box h2,.cul7 .box h2,.speech-lead .title h2,.pro-heder .warp .box h2,.ab1 .warp .pic h2,.ab2 .warp1 .warp .box h2{font-size:0.45rem;line-height:0.50rem;margin-bottom:0.15rem;}
    .cul1 .box h3,.cul2 .box h3,.cul3 .box h3,.cul4 .box h3,.cul5 .box h3,.cul6 .warp .box h3,.cul7 .box h3,.speech-lead .title h3,.pro-heder .warp .box h3,.ab1 .warp .pic h3,.ab2 .warp1 .warp .box h3{font-size:0.32rem;line-height:0.4rem;margin-bottom:0.4rem;}
    .cul1 .box .details,.cul1 .box .details p,.cul3 .box .details,.cul3 .box .details p,.cul4 .box .details,.cul4 .box .details p,.cul5 .box .details,.cul5 .box .details p,.cul6 .box .details,.cul6 .box .details p,.cul7 .box .details,.cul7 .box .details p{
        font-size:0.24rem;line-height:0.4rem;}
    .cul2{width:90%;margin: 0 auto;padding:1.3rem 0;}
    .cul2 .pic{width:40%;float: left;}
    .cul2 .pic img{display: block;width: 100%;}
    .cul2 .box{width: 55%;float: right;}
    .cul2 .box h2{padding-top: 0;}
    .cul2 .box .details,.cul2 .box .details p{font-size:0.24rem;line-height:0.4rem;color: #333;}

    .cul3 .box{width:90%;padding:1.5rem 5% 3rem;margin: 0 auto;}

    .cul4 .box{width:90%;height: auto;padding:1rem 5% 1.2rem;margin: 0 auto;}
    .cul4 .box .details{margin-bottom:0.9rem;}
    .cul4 .box .img{display: block;width:100%;height:auto;}
    .cul4 .box .img img{display: block;width:auto;height:auto;max-width: 100%}

    .cul5 .box{width:90%;margin: 0 auto;padding: 2.2rem 5% 3rem}

    .cul6{width:100%;height: auto;padding:1rem 0 1.1rem;}
    .cul6 .warp{width:90%;margin: 0 auto;padding: 0;}
    .cul6 .warp .box{width:100%;float: none;}
    .cul6 .box .details,.cul6 .box .details p{color: #333;}
    .cul6 .warp .pic{width:100%;float: none;padding-top:0.75rem;}
    .cul6 .warp .pic .top{width: 100%;overflow: hidden;position: relative;margin-bottom:0.38rem;}
    .cul6 .warp .pic .top img{display: block;width: 100%}
    .cul6 .warp .pic .top .title,.cul6 .warp .pic .bot .list .title{width: 100%;font-size:0.25rem;line-height:0.4rem;padding:0.15rem 0}

    .cul7 .box{width:90%;padding:0.85rem 5% 1rem;}
    .cul7 .box .details{margin-bottom:0.6rem;}
    .cul7 .box .img{width: 100%;height: auto;}
    .cul7 .box .img img{display: block;max-width: 100%;}

    /*honor*/
    .honor-title,.honor-title .pic{width: 100%;height: auto;}
    .honor-title .pic img{display: block;width: 100%;}
    .honor-title .box{width:4.5rem;margin:-1.3rem auto 0;} 
    .honor-title .box ul li{float: right;border:0.01rem solid #fff;width:1.2rem;margin-left:0.15rem;box-shadow: 0 1px 0.05rem 0 rgba(0,0,0,0.2);}
    .honor-title .box ul li p{font-size:0.24rem;color: #fff;}
    
    .honor-warp{width:auto;margin: 0 auto;padding: 0 0.3rem}
    .honor-warp .warp{width: 100%;margin-bottom:0.6rem;}
    .honor-warp .warp h2{display: block;line-height:0.45rem;font-size:0.35rem;margin-bottom:0.25rem;}
    .honor-warp .warp .mian li{margin-bottom: 2px;background:#006bb6 url(../img/honor-ioc1.png) 97% center/0.26rem no-repeat;}
    .honor-warp .warp .mian li a{line-height:0.3rem;font-size:0.25rem;padding: 0.2rem 17% 0.2rem 3%;}
    
    /*奖杯详情*/
    .honorif{width:auto;margin: 0 auto 0.8rem;padding: 0 0.3rem}
    .honorif .math{width: 100%;height: auto;height:1.2rem;margin-bottom:0.6rem;}
    .honorif .math h2{font-size:1.4rem;color: #006bb6;font-weight: bold;font-family:'Century Gothic';line-height:1.2rem;}
    .honorif .math p{padding-top:0.7rem;line-height:0.5rem;font-size:0.26rem;height:0.5rem;}
    .honorif .math p:before{display: block;width:0.1rem;height: 2px;content: '';top:0.45rem;}
    .honorif .mian table tr th{padding: 0.25rem 0;font-size: 0.3rem}
    .honorif .mian table tr th i{display: block;width: 1px;height: 0.2rem;margin-top: -0.1rem;}
    .honorif .mian table tr td{padding: 0.3rem 0;font-size:0.24rem;line-height:0.36rem;}
    .honorif .mian table tr td i{font-style: normal;background-color: #fff;color: #006bb6;width:0.4rem;height:0.4rem;line-height:0.4rem;}
    .honorif .mian table tr th:nth-child(1){width: 15%;}
    .honorif .mian table tr th:nth-child(2){width: 18%;}
    .honorif .mian table tr th:nth-child(3){width: 40%;}
    .honorif .mian table tr th:nth-child(4){width: 27%;}

    /*领导致辞*/
    .speech-whiet{height:3.1rem;}
    .speech{width: 100%;background-color: #f3f3f3;}
    .speech .warp{width:auto;margin: 0 auto;position: relative;top: -2rem;padding: 0 0.3rem}
    .speech .warp .pic{width: 45%;float: left;}
    .speech .warp .pic img{display: block;width: 100%;}
    .speech .warp .box{width: 50%;float: right;}
    .speech .warp .box .mian .cont{width: 100%;padding-bottom:0.15rem;margin-bottom:0.15rem;}

    .speech .mian .cont .name{font-size:0.4rem;line-height:0.45rem; letter-spacing:0.05rem;max-width:40%;}
    .speech .mian .cont .mintit{font-size:0.24rem;max-width:57%;line-height:0.26rem;padding: 0rem 0 0 0.1rem}
    .speech .mian .cent{font-size:0.24rem;line-height:0.3rem;color: #333;margin-bottom:0.3rem;}
    .speech .title{width: 100%;height:0.45rem;margin-bottom:0.2rem;}
    .speech .title span{height:0.4rem;line-height:0.4rem;font-size:0.24rem;padding: 0 0.15rem;margin-right:0.2rem;}
    .speech .details,.speech .details p{font-size:0.24rem;color: #333;line-height:0.32rem;}

    .speech-lead{width: auto;margin: 0 auto 1rem;padding: 0 0.3rem}
    .speech-lead .title{padding-top: 1.1rem;}
    .speech-lead .title h3{margin-bottom: 0.6rem;}
    .speech-lead .warp li{float: left;width: 30%;margin-right: 4.5%;}
    .speech-lead .warp li a .pic{margin-bottom:0.2rem;}
    .speech-lead .warp li a .pic i{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;position: absolute;z-index:2;background:rgba(0,0,0,0.3) url(../img/speech-ico1.png) 91% 8%/0.49rem 0.45rem no-repeat;}
    .speech-lead .warp .pic img{display: block;width: 100%;transition: all 0.4s;-webkit-transition: all 0.4s;}
    .speech-lead .warp li:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .speech-lead .warp .box h2{display: block;font-size:0.28rem;color: #222;line-height: 0.42rem;}
    .speech-lead .warp .box .details{font-size:0.24rem;color: #444;}

    /*产品详情*/
    .pro-heder{width: 100%;height:2.64rem;margin-bottom: 0.4rem}
    .pro-heder .warp{width:auto;margin: 0 auto;position: relative;padding: 0 0.3rem}
    .pro-heder .warp .box{width: 70%;float: left;}
    .pro-heder .warp .box h2{padding-top:0.6rem;}
    .pro-heder .warp a{display: block;float: right;height:0.65rem;width:0.65rem;border-radius: 100%;margin-top:0.86rem;}
    .pro-heder .warp .rarr{background:#fff url(../img/inputinfor-larr.png) center/0.29rem 0.18rem no-repeat;margin-left:0.3rem;}
    .pro-heder .warp .larr{background:#fff url(../img/inpurinfor-rarr.png) center/0.29rem 0.18rem no-repeat;}

    .pro-warp{width:94%;margin: 0 auto 0.3rem;border-bottom: 1px solid #e5e5e5;padding: 0 0rem 0.3rem}
    .pro-warp .pro-title{margin-bottom:0.4rem;padding-bottom: 0.5rem;border-bottom: 1px solid #eaeaea;}
    .pro-warp .pro-title .left{float: none;width: 100%;height: auto;}
    .pro-warp .pro-title .title{margin-bottom:0.35rem;}
    .pro-warp .pro-title .title .tit{font-size:0.48rem;line-height: 0.5rem;color: #222;}
    .pro-warp .pro-title .title .mintit{font-size:0.3rem;line-height:0.35rem;color: #222;padding-left: 0.15rem;}
    .pro-warp .pro-title .time{display: none;}
    .pro-warp .pro-title .time .te1{height:0.3rem;color: #adadad;font-size:0.24rem;line-height:0.4rem;padding-right:0.15rem;border-right: 1px solid #adadad;margin-right: 0.15rem;display: block;width: auto;float: left;}
    .pro-warp .pro-title .time .te2{font-size:0.24rem;line-height:0.4rem;width:3.5rem;display:block;float: left;}
    .pro-warp .pro-title .right{float: none;width:100%;}
    .pro-warp .pro-title .right a{border-radius:0.03rem;font-size:0.26rem;margin-left:0.05rem;display: inline-block;width:1.36rem;text-align: center;height:0.45rem;line-height:0.45rem;}
    .pro-warp .main .icon{display: none;}
    .pro-warp .main .icon a{width: 0.32rem;height: 0.32rem;margin: 0 auto 0.4rem;cursor: pointer;display: block;}
    .pro-warp .main .warp{width:100%;float: right;margin-right:0;}
    .pro-warp .main .warp p{font-size:0.24rem;line-height:0.4rem;color: #333;}
    .pro-warp .main .warp img{display: block;max-width: 100%;height:auto;}
    .fc .reture{display: block;width: 1.6rem;height: 0.55rem;line-height: 0.55rem;color: #fff;text-align: center;font-size: 0.24rem;background-color: #005ba0;margin:0 0  0.8rem 0.3rem;border-radius: 0.05rem;}

    .pro-warp .news-title{margin-bottom:0.35rem;padding:0.4rem 0;border-bottom: 1px solid #eaeaea;}
    .pro-warp .news-title h2{font-size:0.48rem;line-height:0.5rem;color: #222;margin-bottom:0.2rem;}
    .pro-warp .news-title .mintit{font-size:24px;line-height:0.4rem;color: #666;}



    .sports{width:auto;margin: 0  auto 0.3rem;}
    .sports li{width: 48%;margin:0 4% 0.25rem 0;box-sizing:border-box;padding: 0.22rem;box-shadow: 0 0 0.05rem 0 rgba(0,0,0,0.1);background-color: #fff}
    .sports li:hover{box-shadow: 0 0 0.15rem 0 rgba(0,0,0,0.2);background-color: #fff;}
    .sports li:nth-child(even){margin-right: 0}
    .sports li a{display: block;width: 100%;padding-top: 0.3rem;border-top: 1px solid #eaeaea;position: relative;}
    .sports li a i{display: block;height: 2px;width:100%;position: absolute;left: 0;top: -1px;}
    /*.sports li:hover a i{width:100%;}*/
    .sports li a .title{margin-bottom:0.35rem;}
    .sports li a .title .tit{font-size:0.28rem;line-height:0.4rem;color: #282828;max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;float: none;}
    .sports li a .title .time{font-size: 0.24rem;line-height: 0.36rem;color: #282828;display:block;max-width: 20%;float: none;}
    .sports li a .details{font-size:0.24rem;line-height:0.24rem;color: #888888;margin-bottom:0.2rem;}
    .sports li a em{display: block;width: 100%;background: url(../img/welfare-arr.png) left center/0.21rem 0.21rem no-repeat;height:0.21rem;}
    .sports p{font-size:0.24rem;
        line-height: 0.36rem;}

    /*关于我们*/
    .ab-title{background-color: #fff;width: 100%;height:0.75rem;position: relative;box-shadow: 0 1px 0.15rem 0 rgba(0,0,0,0.1);}
    .ab-title i{display: none}
    .ab-title .swiper-container {width:100%;height:0.75rem;color: #fff;}
    .ab-title .swiper-slide{padding: 0 0.3rem}
    .ab-title .swiper-slide .title {font-size:0.24rem;line-height:0.75rem;width:100%;}

    .ab1{width: 100%;height: auto;padding:0.5rem 0 0.8rem 0;background: url(../img/ab-bg1.png) center/cover no-repeat}
    .ab1 .warp{width:auto;margin: 0 auto;padding: 0 0.3rem}
    .ab1 .warp .pic{width:100%;float: left;}
    .ab1 .warp .pic .details .mintit{font-size:0.24rem;line-height:0.3rem;color: #444;background: url(../img/ab-icon1.png) 1.1rem center no-repeat;margin-bottom:0.25rem;}
    .ab1 .warp .pic .details  img{display:block;width: 100%;margin-bottom:0.3rem;}
    .ab1 .warp .box{width:100%;float: right;}
    .ab1 .warp .box .mian{padding: 0;}
    .ab1 .warp .box h2{display: block;font-size:0.32rem;line-height:0.35rem;color: #3a9649;margin-bottom:0.3rem;}
    .ab1 .warp .box .details,.ab1 .warp .box .details p{font-size:0.14rem;line-height:0.28rem;color: #333333;}
    .ab1 .warp .box .details{margin-bottom:0.3rem;}
    .ab1 .warp .box .box-img{display: block;width: 100%;margin-bottom:0.3rem;}
    .ab1 .warp .box .bot{height: auto;}
    .ab1 .warp .box .bot li{float: left;width: 33.33%;text-align: center;}
    .ab1 .warp .box .bot li:last-child{margin-right: 0}
    .ab1 .warp .box .bot li .math{font-size:0.64rem;color: #1d2830;text-align: center;line-height:0.7rem;font-family: 'BEBAS';margin-bottom:0.05rem;}
    .ab1 .warp .box .bot li .tit{display: block;text-align: center;font-size:0.24rem;line-height:0.36rem;}

    .ab2 .warp1{padding: 0.7rem 0 1rem;}
    .ab2 .warp1 .warp{width:auto;margin: 0 auto;padding: 0 0.3rem}
    .ab2 .warp1 .warp .box{width:100%;float: none;}
    .ab2 .warp1 .warp .box h2,.ab2 .warp1 .warp .box h3{color: #fff;}
    .ab2 .warp1 .warp .box .details,.ab2 .warp1 .warp .box .details p{font-size:0.16rem;color: #fff;line-height:0.28rem;}
    .ab2 .warp1 .warp .box .details{margin-bottom:0.55rem;height: auto;}
    .ab2 .warp1 .warp .box .details .cent{
        position: inherit;
        top:none;
        left:none;
        width: 100%;
    }
    .ab2 .warp1 .warp .box .btns{display: none;}
    .ab2 .warp1 .warp .box .name{height:0.47rem;width: 100%;}
    .ab2 .warp1 .warp .pic{width:100%;float: none;margin-bottom: 0.3rem}
    .ab2 .warp1 .warp .pic img{display: block;width: 100%;}
    #ab3{padding: 0.8rem 0.3rem 0.7rem;margin: 0 auto 0}
    .ab4{display: none}
    .abb4{display: block;}
    .abb4 .lead-title{
        box-shadow:none;
        width: 96%;margin: 0 auto 0.5rem;
        border-top: 3px solid #00487e;
    }
    .abb4 .title h2{font-size:0.48rem;line-height:0.5rem;color: #00487e;font-family: 'BEBAS';margin-bottom:0.15rem;text-align: center;}
    .abb4 .title h3{display: block;font-size:0.42rem;line-height:0.45rem;color: #00487e;margin-bottom:0.4rem;text-align: center;}
    .abb4 .lead-title .swiper-slide .title{width: 1.5rem;font-size:0.26rem;font-family: 'BEBAS';}
    .abb4 .lead-title .swiper-slide.on .title{color: #00487e;}
    .abb4 .lead-title .swiper-container{width: 80%;position: relative;}
    .abb4 .lead-title .arrow-left,.abb4 .lead-title .arrow-right{width: 0.35rem;height: 0.1rem;position: absolute;top:50%;z-index: 9;display: block;margin-top: -0.05rem}
    .abb4 .lead-title .arrow-left{left:3%;background:url(../img/ab4-icon1.png) center/cover no-repeat;}
    .abb4 .lead-title .arrow-right{right:3%;background:url(../img/ab4-icon2.png) center/cover no-repeat;}
    .abb4 .mian{text-align: center;padding: 0 0.3rem}
    .abb4 .mian h2{display: block;font-size:0.3rem;font-family: 'BEBAS';color: #00487e;line-height:0.4rem;margin-bottom:0.2rem;}
    .abb4 .mian p{font-size:0.24rem;color: #666;line-height:0.26rem;margin-bottom: 0.1rem}
    .abb4 .mian img{max-width: 100%;}

    .abb4 .ab4-ban{margin-bottom: 0.3rem}
    .ab4ban-phone{width: 96%;margin: 0 auto; height:4.5rem;}
    .ab4ban-phone .device {
        width:100%;
        margin: 0 auto;
        height:4.5rem;
        overflow: hidden;
        /*position: absolute;*/
/*        top: 0;
        left: 0;*/
        /*z-index: 1;*/
    }
    .ab4ban-phone .device .arrow-left {
      background: url(../img/ab4-icon1.png) no-repeat left top;
      position: absolute;
      left: 0.1rem;
      top: 50%;
       margin-top: -0.15rem;
      width:0.17rem;
      height:0.3rem;
    }
    .ab4ban-phone .device .arrow-right {
      background: url(../img/ab4-icon2.png) no-repeat left bottom;
      position: absolute;
      right:0.1rem;
      top: 50%;
      margin-top: -0.15rem;
      width:0.17rem;
      height:0.3rem;
    }
    .ab4ban-phone .swiper-container {
      height:5.12rem;
      width:100%;
    }
    .ab4ban-phone .swiper-container .swiper-slide,.ab4ban-phone .swiper-container .swiper-wrapper{
        width: 100%;
        height:4.5rem;
    }
    .ab4ban-phone .swiper-container .swiper-slide img{
        display: block;
        width: 100%;
    }
    .pagination {
      display: none;
    }





    .ab5{width:auto;margin: 0 auto;padding:0.6rem 0 0.5rem;}
    .ab5 .pic{width:100%;position: inherit;left: 0;bottom:0rem;}
    .ab5 .box{width:100%;float: right;background-color: #005ba0;padding:0.6rem 0.3rem 0.7rem;box-sizing:border-box; }
    .ab5 .box h2,.ab6 .warp .title h2{font-size:0.48rem;line-height:0.5rem;color: #fff;font-family: 'BEBAS';margin-bottom:0.15rem;}
    .ab5 .box h3,.ab6 .warp .title h3{display: block;font-size:0.42rem;line-height:0.45rem;color: #fff;margin-bottom:0.4rem;}
    .ab5 .box .cent,.ab5 .box .cent p{font-size: 0.26rem;line-height:0.28rem;color: #fff;}
    .ab5 .box .cent{margin-bottom:0.6rem;}
    .ab5 .box .btns{display:inline-block;width:auto;height:0.48rem;line-height:0.48rem;font-size:0.18rem;font-family: 'BEBAS';padding: 0 0.7rem 0 0.3rem;background:#fff url(../img/maxnews-icon.png) 83% center/0.29rem 0.18rem no-repeat;color: #00487e;}
    .ab5 .box .btns:hover{background:#fff url(../img/maxnews-icon.png) 88% center/0.29rem 0.18rem no-repeat;opacity: 0.8}

    .ab6 .warp{width:auto;margin: 0 auto;padding:0.8rem 0 1rem;}
    .ab6 .warp .title{padding: 0 0.3rem}
    .ab6 .warp .mian{width:auto;height:4.43rem;position: relative;padding: 0 0.3rem}
    .ab6 .warp .mian #srcllo{position: absolute;bottom: 0;height:0.05rem;background-color: #fff;width:1rem;left: 0}
    .ab6 .warp .mian li{float: left;width:3.97rem;margin-right:0.04rem;}
    .ab6 .warp .mian li:last-child{margin-right: 0}
    .ab6 .warp .mian li .top{width: 100%;height:2.67rem;margin-bottom:0.04rem;}
    .ab6 .warp .mian li .bot{width: 100%;height:1.32rem;}
    .ab6 .warp .mian li .bot p{width:1.97rem;height:1.32rem;margin-right:0.03rem;float: left;}
    .ab6 .warp .mian li span{display: block;position: absolute;height:0.45rem;line-height:0.45rem;text-align: center;font-size:0.24rem;z-index:8;left: 0;bottom:0px;width: 100%;padding: 0 0.1rem;opacity:1;}
    .ab7{display: none;}
    .video-phone{
        display: block;
        padding: 0.5rem 0.3rem;

    }
    .video-phone video{
        display: block;
        width: 100%;
        height:3.9rem;
        width: 100%;
        height: 100%;
        background: transparent url(../img/ab-img2.jpg) 50% 50% no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .video-phone img{display:block;width:100%;}
    .prot-bg,.prot{display: none;}


    .dpbtn.prev,.dpbtn.next{height: 0.71rem;width: 0.71rem;border-radius: 100%;border:1px solid #fff;position: absolute;right: 0.3rem;z-index:8}
    .dpbtn.prev:before,.dpbtn.prev:after,.dpbtn.next:before,.dpbtn.next:after{display: block;width:0.2rem;height: 1px;background-color: #fff;content: '';}
    .dpbtn.prev{top: 0.5rem;}
    .dpbtn.next{top: 1.5rem;}
    .dpbtn.prev:before{transform:rotate(45deg);margin:0.29rem 0 0 0.26rem}
    .dpbtn.prev:after{transform:rotate(-45deg);margin:0.12rem 0 0 0.26rem}
    .dpbtn.next:before{transform:rotate(-45deg);margin:0.28rem 0 0 0.26rem}
    .dpbtn.next:after{transform:rotate(45deg);margin:0.12rem 0 0 0.26rem}

    .banner{position: relative;}
    .dpbd{width:100%;height:3.7rem;display: block;}
    .banner ul{ position: relative;overflow: hidden;width: 100%;height: 100%;}
    .banner li{width: 100%;height: 100%;position: absolute;top:0; left:0;margin-left:100%;overflow: hidden;}
    .banner li a{display: block;width: 100%;height: 100%;position: relative;}
    .banner li .img{display: block;width:auto;height: 100%;min-width: 100%}
    .banner li a .warp{width: 100%;position: absolute;bottom: 0;left: 0;height:25%}
    .banner li a .warp .math{font-size: 0.7rem;color: #fff;padding: 0 0.3rem;line-height: 0.7rem;margin: -0.8rem 0 0.5rem 0}
    .banner li a .warp .title{font-size:0.36rem;line-height:0.4rem;color: #fff;margin-bottom:0.4rem;text-transform: capitalize;padding: 0 0.3rem}
    .banner li a .warp .ico,.banner li a .warp .ioc img{display: block;width: 1.78rem;height:0.84rem}
    .banner li a .warp .ico{margin-left: 0.3rem;}



    /*新闻详情*/

    .newsinfor{width:auto;margin: 0 auto 0rem;height: auto;padding: 0 0.3rem 0.7rem;}
    .newsinfor .title{padding: 0.5rem 0 0.5rem;}
    .newsinfor .title h2{display: block;font-size: 0.4rem;color: #333;line-height:0.5rem;margin-bottom:0.15rem;}
    .newsinfor .title .mintit{font-size:0.16rem;text-align: center;color: #888;line-height:0.3rem;}
    .newsinfor .warp,.newsinfor .warp p{font-size:0.16rem;line-height:0.3rem;color: #666;}
    .newsinfor .warp{border-bottom: 1px solid #ccc;padding-bottom:0.5rem;margin-bottom:0.3rem;}
    .newsinfor .warp img{max-width: 100%;}

    .newsinfor .bott{width: 100%;margin-bottom:0.6rem;}
    .newsinfor .bott .left{width:100%;height: auto;float: none;margin-bottom: 0.5rem}
    .newsinfor .bott .left p{font-size:0.16rem;line-height:0.3rem;color: #333;}
    .newsinfor .bott .left p a{color: #333;transition: all 0.4s;-webkit-transition: all 0.4s;}
    .newsinfor .bott .left p a:hover{color: #004a82}
    .newsinfor .bott .btns{display: block;width:1.2rem;height:0.45rem;line-height:0.45rem;border-radius: 0.05rem;background-color: #004a82;font-size:0.16rem;color: #fff;text-align: center;float: none;transition: all 0.4s;-webkit-transition: all 0.4s;border:1px solid #004a82;}
    .newsinfor .bott .btns:hover{background-color: transparent;color: #004a82}


    .cul .staff-title i,.charity .h-title i,.lead .staff-title i,.news .lead-title i,.lead .lead-title i,.ab .ab-title i{display: none;opacity: 0}
    .welfare .h-title i{display: none;opacity: 0}
    .welfare header{box-shadow: 0 0 1px 0 rgba(0,0,0,0.1);}
    .lead-news .title, .staff-news .title, .paper-news .title{margin-bottom: 0.5rem}
    .stinfor{display: none;}
    
    .st-phone{position: relative;width: 90%;margin: 0 auto 0.5rem;display: block;}
    .st-phone .swiper-container {
      width:6.31rem;
      height:4.31rem;
      margin: 0 auto;
      color: #fff;
      text-align: center;
    }
    .st-phone .swiper-container .swiper-slide img{
        display: block;
        width: 100%;
    }
    .st-phone .pagination {
      display: none;
    }
    .st-phone .phone-left {
      background: url(../img/em-lefr11.png) no-repeat left top/cover;
      position: absolute;
      left:0%;
      bottom:50%;
      width:0.68rem;
      height:0.68rem;
      z-index: 5;
      margin-bottom: -0.34rem;
    }
    .st-phone .phone-right {
      background: url(../img/em-right11.png) no-repeat left bottom/cover;
      position: absolute;
      right:0%;
      bottom:50%;
      margin-bottom: -0.34rem;
      width:0.68rem;
      height:0.68rem;
       z-index: 5;
    }
    .phone-box{
        width:6.31rem;
        margin: 0 auto 0.7rem;
        display: block;
    }
    .phone-box h2{
        display: block;
        font-size:0.3rem;
        line-height: 0.36rem;
        color: #222;
        margin-bottom:0.4rem;
    }
    .phone-box .details,.phone-box .details p{
        font-size: 0.14rem;
        line-height:0.3rem;
        color: #333333
    }
    .st-btns{
        display: block;
        width:1.2rem;
        height:0.45rem;
        margin: 0 auto 100px;
        line-height:0.45rem;
        border-radius:0.05rem;
        background-color: #004a82;
        font-size:0.16rem;
        color: #fff;
        text-align: center;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        border: 1px solid #004a82;
    }
    .st-btns:hover{
        background-color: #004a82;
        color: #fff;
    }

    .video-ph video{
        width: 100%;
        height: 100%;
        /*background:transparent url('../img/ab-img2.jpg') 50% 50% no-repeat;*/

        //下面就是background-size，每种浏览器都写一个配置
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }

    .led-warp{
        width:auto;
        margin: 0rem auto 0.6rem;
        padding: 0.7rem 0.3rem 0.9rem;
        background-color: #fff;
        box-shadow: 0 0.02rem 0.1rem 0 rgba(0,0,0,0.1)
    }
    .led-warp .title{
        font-size:0.32rem;
        line-height:0.45rem;
        margin-bottom:0.5rem;
        text-align: center;
        font-weight: bold;
    }
    .led-warp .warp,.led-warp .warp p{
        font-size:0.24rem;
        line-height:0.4rem;
    }
    .led-warp .warp{margin-bottom:0.5rem;}
    .led-warp .warp h3{
        font-size:0.26rem;
        line-height: 0.42rem;
    }
    .led-warp .warp .tet{margin-bottom: 0.2rem;}
    .led-warp .bot{
        font-size:0.26rem;
        line-height: 0.4rem;
        margin-bottom:0.5rem;
    }
    .led-warp .bot a{
        color: #005ba2;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .led-warp .bot a:hover{
        color: #005ba2;
    }
    .led-warp .fot p,.led-warp .fot{
        font-size:0.26rem;
        line-height:0.4rem;
        color: #666;
    }
    .led-warp .fot p.on{
        padding-right:0.65rem;
    }
    .w1680 {width: 95%;}
    .dj-news {
    padding-top: 0px;
    padding-bottom: 20px;
}
    .dj-news .images-box {
    width: 100%;
    height:auto;
}
    .dj-news .images-box img{width: 100%;}
    .dj-news .words-box {
    width: 100%;
}
    .dj-news .words-box .items {
    padding-top: 15px;
    padding-bottom: 10px;
}
    .dj-news .words-box .items:nth-child(1) {
    border-top: none;
    padding-top: 20px;
}
    .dj-news .words-box .items .h0 {
    font-size: 16px;
}
    .dj-news .words-box .items .time {
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 15px;
}
    .dj-news .words-box .items .p {
    font-size: 15px;
    line-height: 25px;
    height: 50px;
}
    .dj-news-0{padding:15px 0 0;}
    
     .dj-news-0 .news-infor .wrap2 .box {
    width: 100%;margin-left: 0;margin-bottom:15px;
}
     .dj-news-0 .news-infor .wrap2 .box:nth-child(3n+1) {
    margin-left: 0;
}
    .dj-news-0 .news-infor .wrap2 .box:nth-child(5n+1) {
    margin-left: 0;
}
    .dj-news-0 .news-infor .wrap2 .box:nth-child(2n+1) {
    margin-left: 0;
}

    .n-culture{padding-bottom:0;}
    .z-idea-container li{width:100%;}
    .z-idea-container li{padding:0px;}
    .z-idea-container .z-idea{margin-bottom:15px;}
    .z-idea .content::before{height:50px;}
    .z-idea .content .title{font-size:18px;line-height:32px;}
    .z-idea .content .subTitle{font-size:14px;line-height:22px;}
    .z-idea .icon{left:5%;}
    .z-idea .content{left:24%;width:75%;}
    .z-idea-container li:nth-child(2) .z-idea .content,.z-idea-container li:nth-child(4) .z-idea .content,.z-idea-container li:nth-child(5) .z-idea .content{top:15%;}
    .z-idea-container li:nth-child(2) .z-idea .content::before,.z-idea-container li:nth-child(4) .z-idea .content::before,.z-idea-container li:nth-child(5) .z-idea .content::before{height:90px;}
    
   .sreach-box {
    margin: 25px 0 30px;
  }

  .sreach-box .submit {
    width: 60px;
  }

  .sreach-box label, .sreach-box .text, .sreach-box .submit, .sreach-box {
    height: 55px;
    line-height: 55px;
  }
.sreach-box .text {
    width: 68%;
  }
.n-inestor .ul .li {
    padding: 15px 20px;
  }
/*.n-inestor .ul .li .p {
    font-size: 16px;
    line-height: 1.5;
  }
.n-inestor .ul .li .p {
    font-size: 14px;
    width: calc(100% - 100px);
  }*/
.n-inestor .ul .li .p {
    width: 100%;
    margin-bottom: 5px;
    line-height: 1.5;
    font-size: 14px;
  }

  .n-inestor .ul .li .time {
    width: 100%;
    padding-left: 40px;
    box-sizing: border-box;
  }
}   
@media screen and (min-width: 320px) and (max-width: 767px){
	.mhead-right .menu {
    position: relative;
    width: 1.2rem;
    height: 1rem;
    top: 0;
    cursor: pointer;
}
	.mhead-right .menu .lbox {
    width: 0.37rem;
    height: 0.3rem;
		right: 0.45rem;}
	.mhead-right .menu .lbox .line {
    height: 2px;
}
    .footer .bot p{width: auto;font-size: 0.24rem;line-height: 0.42rem;}
    .iab .warp .box .cent p{line-height: 0.4rem}
    .iab .warp .box .btns{width: 1.8rem;padding: 0 0.2rem;height: 0.55rem;line-height: 0.55rem;}
    .isocial .warp .box .btns{width: 1.8rem;padding: 0 0.2rem;height: 0.55rem;line-height: 0.55rem;}
    .iab .bot li p{margin-bottom: 0.2rem}
    .iab .warp .bot{padding-left: 0}
    .iproduct .pic img{display: block;min-height: 4rem}
    .iproduct .warp{width:6rem;height:1.4rem;overflow: hidden;margin: -0.8rem auto 0;position: relative; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);background-color: #fff;z-index: 5;}
    .iproduct .swiper-container {width:4rem;height: 1.4rem;text-align: center;position: relative;}
    .iproduct .pci{margin-bottom: 0.15rem;}
    .iproduct .title .cent{padding: 0 0.3rem}
    .iproduct .swiper-slide .tit{height: 0.3rem ;line-height: 0.3rem;}
    .iproduct .title .cent p, .iproduct .main .cent p{line-height: 0.36rem;}
    .iin .slides a{width: 5rem;padding-bottom: 0.8rem;}
    .iin .slides a .pic{margin-bottom: 0.3rem;}
    .base-ban .warp{top: 23%;}
    .base-ban .warp h2{padding-top: 0.3rem;}
    .job-warp .warp .tbl p{line-height: 0.4rem;width: 50%;}
    .job-warp .warp .cont .cent,.job-warp .warp .cont .cent p{line-height: 0.4rem;}
    .contact-warp{padding-top: 0.7rem;}
    .contact-warp h2{font-size: 0.4rem;}
    .contact-warp h3{font-size: 0.3rem;margin-bottom: 0.5rem;}
    .contact-warp .message .mian ul .inp{height: 1rem;}
    .contact-warp .message .mian{margin-bottom: 0.5rem;}
    .welfare-warp .title .cent, .welfare-warp .title .cent p,{line-height: 0.4rem}
    .welfare-warp .warp li .box .cent{line-height: 0.35rem}
    .welfare-warp .warp li .box .cent{display: none}
    .charity-warp .left, .charity-warp .right{line-height: 0.4rem}
    .lead-news .list .box .cent{line-height: 0.36rem}
    .lead-title .swiper-slide .title {width:auto; padding: 0 0.15rem}
    .paper-news .serch{width:100%;height: 0.6rem}
    .paper-news .serch span{line-height: 0.6rem;width: 18%}
    .paper-news .serch input[type='text']{height:0.6rem;line-height:0.6rem;width:61.5%;padding:0 5% 0 5%;width: 60.5%}
    .paper-news .serch input[type='submit']{height:0.6rem;line-height:0.5rem;}
    .paper-news .list li{width:42%;height: auto;float: left;margin: 0 4% 0.4rem 4%;}
    .staff-title .swiper-slide .title{width: auto;padding: 0 0.35rem}
    .staff-news .list li .details .cent{line-height: 0.36rem}
    .maxnews .box .btns{width: 1.5rem}
    .maxnews .box .btns{background:#fff url(../img/maxnews-icon.png) 91% center/0.29rem 0.18rem no-repeat} 
    .news-title .warp li{float: left;width:48%;margin:0 4% 0.29rem 0;}
    .news-title .warp li:nth-child(3),.news-title .warp li:nth-child(6),.news-title .warp li:nth-child(9),.news-title .warp li:nth-child(12){margin-right:4%;}
    .news-title .warp li:nth-child(even){margin-right: 0}
/*    .maxnews .box .btns{width: 2rem;padding: 0 0.2rem}*/
    .maxnews .box .details, .maxnews .box .details p{line-height: 0.42rem}

    /*书架*/
/*    .bookcase{text-align: center;width:auto;margin: 0 auto;padding: 0 0.3rem}
    .bookcase .list{width: 100%;height: auto;text-align: left;margin-bottom:0.5rem;}
    .bookcase .list li{width: 100%;background-color: #fff;padding: 0.5rem 0 0.6rem;box-shadow: 0 0px 1px 0 rgba(0,0,0,0.1);margin-bottom: 0.6rem;}*/
    .bookcase .list li a{width:90%;}
    .bookcase .list li .pic{width:50%;float: none;padding: 1%;border:1px solid #edc9af;margin:0 0 0.2rem 0%;}
    .bookcase .list li .box{float: none;margin-right:0%;width: 100%}
    .bookcase .list li .box h2{margin-bottom:0.25rem;}
    .bookcase .list li .box h2:before{width:0.4rem;height:0.04rem;}
    .bookcase .list li .box .details,.bookcase .list li .box .details p{font-size:0.24rem;line-height:0.42rem;}
    .bookcase .list li .box .details{padding-bottom:0.3rem;margin-bottom:0.4rem;}
    .bookcase .list li .box .btns{width:1.6rem;height:0.5rem;line-height:0.5rem;padding-left:0.35rem;}

    .cul1 .box .details, .cul1 .box .details p, .cul3 .box .details, .cul3 .box .details p, .cul4 .box .details, .cul4 .box .details p, .cul5 .box .details, .cul5 .box .details p, .cul6 .box .details, .cul6 .box .details p, .cul7 .box .details, .cul7 .box .details p{
        line-height: 0.42rem
    }
    .cul2 .box .details, .cul2 .box .details p{line-height: 0.42rem}
    .cul2{padding: 0.5rem 0}
    .cul2 .pic{float: none;width: 100%;margin-bottom: 0.3rem;}
    .cul2 .box{width: 100%;float: none}
    .cul3 .box{padding: 1rem 5% 2rem}
    .honor-title .box ul li{width: 1.3rem}

    /*领导致辞*/
    .speech-whiet{height:0rem;}
    .speech{width: 100%;background-color: #f3f3f3;}
    .speech .warp{width:auto;margin: 0 auto;position: relative;top:0;padding: 0.2rem 0.3rem 0.5rem}
    .speech .warp .pic{width:100%;float: none;margin-bottom: 0.3rem}
    .speech .warp .pic img{display: block;width: 100%;}
    .speech .warp .box{width: 100%;float: none;}
    .speech .warp .box .mian .cont{width: 100%;padding-bottom:0.2rem;margin-bottom:0.2rem;}
    .speech .mian .cont .name{font-size:0.4rem;line-height:0.45rem; letter-spacing:0.1rem;max-width:30%;}
    .speech .mian .cont .mintit{font-size:0.24rem;max-width:70%;line-height:0.26rem;padding: 0.15rem 0 0 0.1rem}
    .speech .mian .cent{font-size:0.24rem;line-height:0.4rem;color: #333;margin-bottom:0.3rem;}
    .speech .title{width: 100%;height:0.45rem;margin-bottom:0.3rem;}
    .speech .title span{height:0.5rem;line-height:0.5rem;font-size:0.24rem;padding: 0 0.3rem;margin-right:0.2rem;}
    .speech .details,.speech .details p{font-size:0.24rem;color: #333;line-height:0.42rem;}

    .speech-lead{width: auto;margin: 0 auto 1rem;padding: 0 0.3rem}
    .speech-lead .title{padding-top: 0.6rem;}
    .speech-lead .title h3{margin-bottom: 0.4rem;}
    .speech-lead .warp li{float: left;width: 100%;margin:0 0 0.3rem 0 }
    .speech-lead .warp li a .pic{margin-bottom:0.2rem;}
    .speech-lead .warp li a .pic i{display: none;}
    .speech-lead .warp .pic img{display: block;width: 100%;transition: all 0.4s;-webkit-transition: all 0.4s;}
    .speech-lead .warp li:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .speech-lead .warp .box h2{display: block;font-size:0.32rem;color: #222;line-height: 0.4rem;}
    .speech-lead .warp .box .details{font-size:0.26rem;color: #444;line-height: 0.42rem;}

    .pro-warp .main .warp p{line-height: 0.42rem;}
    .sports li{width:100%;margin:0 0% 0.25rem 0;box-sizing:border-box;padding: 0.22rem;}
    .sports li a .details{font-size:0.24rem;line-height:0.42rem;color: #888888;margin-bottom:0.2rem;}
    .sports li a .title .tit{line-height: 0.42rem;}
    .pro-warp .pro-title .right a{border-radius:0.03rem;font-size:0.26rem;margin-left:0.05rem;display: inline-block;width:1.7rem;text-align: center;height:0.55rem;line-height:0.55rem;}

    .ab1 .warp .box .details, .ab1 .warp .box .details p{line-height: 0.42rem;}
    .ab1 .warp .box .bot{padding: 0}
    .ab1 .warp .box .bot li{margin-right: 0;width: 33.33%;text-align: center;}
    .ab1 .warp .box .bot li .math{margin-bottom: 0.1rem}
    .ab2 .warp1 .warp .box .details,.ab2 .warp1 .warp .box .details p{font-size:0.24rem;color: #fff;line-height:0.42rem;}
    .ab5 .box .cent, .ab5 .box .cent p{line-height: 0.42rem;}
    .ab5 .box .btns{height:0.6rem;line-height:0.6rem;}

    .dpbtn.prev,.dpbtn.next{right:none;top: 85%}
    .dpbtn.prev{right: 0.3rem;bottom: 0.3rem}
    .dpbtn.next{left: 0.3rem;right: none;bottom: 0.3rem;}
    .banner li a .warp .ico{display: none;}
    .banner li a .warp .title{text-align: center;font-size: 0.48rem;}
    .banner li a .warp .math{text-align: center;position: relative;bottom: -2rem;}
    .cul6 .warp .pic .top .title, .cul6 .warp .pic .bot .list .title{line-height: 0.36rem;}
    .staff-news .list li .details .cent{line-height: 0.42rem}
    .bookcase .list li .box .btns{ background: url(../img/book-btnico.png) 12% center no-repeat;}
    .news-title .warp li .box h2{line-height: 0.42rem;}
    .abb4 .mian p{line-height: 0.42rem}
    .news-title .warp li,.news-title .warp .noimg{height:4.5rem;}
    .news-title .warp .noimg .box .details{display: none}
    .phone-box h2{
        font-size:0.32rem;
        line-height: 0.4rem;
    }
    .phone-box .details,.phone-box .details p{
        font-size: 0.24rem;
        line-height:0.42rem;
    }
    .st-btns{
        width: 1.5rem;
        height: 0.55rem;
        line-height: 0.55rem;
    }
    .welfare-warp .warp ul li{min-height: 3.5rem;}
    .sports p{font-size:0.24rem;
        line-height: 0.42rem;}
    .pro-warp .main .warp p{font-size:0.24rem;line-height: 0.42rem;}


   
}