﻿@media screen and (min-width:300px) and (max-width:1024px) {
.warp { width: 6.4rem!important; }
}
.header .top-box ul .from-box .lian4 { display: block; width: 140px; height: 20px; float: left; margin: 2px 0px 0px 10px; line-height: 22px; color: #fff; font-size: 12px; background: #02509a;}
.header .top-box ul .from-box .lian5 { display: block; width: 22px; height: 22px; margin: 0px; cursor: pointer; vertical-align: middle; float: left; border-radius: 50%; background: url("../template/18149411/18149458.png") no-repeat center; }
.header .bottom-box { position: relative; }
.nav-two-bg { display: none; position: absolute; left: 0px; top: 83px; z-index: 99; background: #014099; width: 100%; height: 45px; }
.header-nav .two-bottom-nav { width: 2000px; background: none; }
.header-nav .two-bottom-nav { top: 81px; }
.header-nav .two-bottom-nav dl dd { padding: 0px 0px; float: left; width: auto; background: none; }
.header-nav .two-bottom-nav dl dd a { display: block; color: #fff!important; height: 15px; line-height: 14px; margin-top: 15px; border-left: solid 1px #ddd; padding: 0px 10px; }
.header-nav .two-bottom-nav dl dd:first-child a { border: 0px; }
.header-nav .two-bottom-nav { z-index: 9999; }
.header-nav > ul > li { margin-left: 0px; }
.header-nav > ul > li > a:after { width: 96px; left: 50%; margin-left: -45px; }
.header-nav ul li:first-child a:after { width: 70px; left: 50%; margin-left: -36px; }
.header-nav .two-bottom-nav dl dd { -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -ms-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
/* wap端样式 */
@media screen and (min-width:300px) and (max-width: 1024px) {
.header .top-box ul li span img { width: 0.185rem; }
.header .top-box ul li span img { margin-top: 0.05rem!important; }
.header .top-box ul .from-box { width: 45%; float: right; margin-left: 0; }
.header .top-box ul .from-box .lian4 { width: 80%; height: 0.3rem; margin: 2px 0px 0px 5%; }
.header .top-box ul .from-box .lian5 { width: 15%; height: 0.35rem; }
.header .top-box ul li span img { margin-top: 0.02rem!important; }
.header .top-box ul li { margin-left: 0.1rem; font-size: 0.14rem; }
.header-nav > ul > li { height: 0.6rem; line-height: 0.6rem; font-weight: bold; font-size: 0.24rem!important; }
.wap-english { display: none; }
}
/* wap端样式-搜索框 */
@media screen and (max-width: 1075px) and (min-width: 440px) { 
.header .top-box ul .from-box { height: 0.3rem!important; }
.header .top-box ul .from-box .lian4 { margin: 0px 0px 0px 5%!important; }
.header .top-box ul .from-box .lian5 { height: 0.3rem!important; }
}

.animate-swiper-box{width: 100%; height: 100%; position: relative;} 
.one .swiper-box .swiper-slide a{width: 138px; height: 46px; margin: 0 auto;} 
.animate-one img{width: auto!important; margin: 0 auto;} 
.animate-two img{width: auto!important; margin: 0 auto;} 
.banner-more{margin-top: 90px;}


.swiper-img-one .animate-box, .swiper-img-one .img-height { height: 280px; }
.swiper-img-two .animate-box, .swiper-img-two .img-height { height: 350px; }
.swiper-img-three .animate-box { margin-top: 70px; }
.swiper-img-four .animate-box { margin-top: 80px; }

.swiper-img-one .banner-more { margin-top: 20px; }
.swiper-img-two .banner-more { margin-top: 90px; }
.swiper-img-three .banner-more { margin-top: 0px; }
.swiper-img-four .banner-more { margin-top: 20px; }

@media screen and (min-width:300px) and (max-width:768px) {
        .two .left { -webkit-background-size: 19%; background-size: 19%; }
    
        .one .swiper-box .pagination { bottom: 0.05rem; }
        .one .swiper-box .device { height: auto; }
    
        .animate-box { top: 0.36rem; }
        .animate-one img { width: auto!important; margin: 0 auto; }
        .animate-two img { width: auto!important; margin: 0 auto; }
        
        .one .swiper-box .swiper-slide a { width: 1rem; height: 0.3rem; margin: 0 auto; }
        .banner-more { margin-top: 0rem; }
        
        .swiper-img-one .animate-box, .swiper-img-one .img-height { height: 1.35rem; }
        .swiper-img-one .banner-more { margin-top: 0.1rem; }
    
        .swiper-img-two .animate-box, .swiper-img-two .img-height { height: 1.5rem; }
        .swiper-img-two .animate-box .animate-one > img { width: 80%!important; }
        .swiper-img-two .animate-box .animate-two > img { width: 60%!important; }
        .swiper-img-two .banner-more { margin-top: 0.2rem; }
        
        .swiper-img-three .animate-box, .swiper-img-three .img-height { height: 1.3rem; }
        .swiper-img-three .animate-box { margin-top: 0rem; }
        .swiper-img-three .animate-box .animate-one { margin-top: 0.2rem; }
        .swiper-img-three .animate-box .animate-one > img { width: 80%!important; }
    
        .swiper-img-four .animate-box, .swiper-img-four .img-height { height: 1.3rem; }
        .swiper-img-four .animate-box { margin-top: 0rem; }
        .swiper-img-four .animate-box .animate-one { margin-top: 0.2rem; }
        .swiper-img-four .animate-box .animate-one > img { width: 80%!important; }
}
   
@media screen and (min-width:769px) and (max-width:1024px) {
        .two .left { -webkit-background-size: 19%; background-size: 19%; }
    
        .one .swiper-box .pagination { bottom: 0.05rem; }
        .one .swiper-box .device { height: auto; }
    
        .animate-box { top: 0.36rem; }
        .animate-one img { width: auto!important; margin: 0 auto; }
        .animate-two img { width: auto!important; margin: 0 auto; }
    
        .one .swiper-box .swiper-slide a { width: 1rem; height: 0.3rem; margin: 0 auto; }
        .banner-more { margin-top: 0rem; }
    
        .swiper-img-one .animate-box, .swiper-img-one .img-height { height: 1.8rem; }
        .swiper-img-one .banner-more { margin-top: 0.1rem; }
    
        .swiper-img-two .animate-box, .swiper-img-two .img-height { height: 2.0rem; }
        .swiper-img-two .animate-box .animate-one > img { width: 80%!important; }
        .swiper-img-two .animate-box .animate-two > img { width: 60%!important; }
        .swiper-img-two .banner-more { margin-top: 0.2rem; }
    
        .swiper-img-three .animate-box, .swiper-img-three .img-height { height: 2.0rem; }
        .swiper-img-three .animate-box { margin-top: 0rem; }
        .swiper-img-three .animate-box .animate-one { margin-top: 0.2rem; }
        .swiper-img-three .animate-box .animate-one > img { width: 80%!important; }
    
        .swiper-img-four .animate-box, .swiper-img-four .img-height { height: 2.0rem; }
        .swiper-img-four .animate-box { margin-top: 0rem; }
        .swiper-img-four .animate-box .animate-one { margin-top: 0.2rem; }
        .swiper-img-four .animate-box .animate-one > img { width: 80%!important; }
    }

.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li .li-time { width: 105px; }
.four { background: url(../images/18205129.jpg) no-repeat center top; }
.four .four-text-box ul li .hover-01:before{background: url(../dbsource/18188479/18188494.jpg) no-repeat center;} 
.four .four-text-box ul li .hover-02:before{background: url(../dbsource/18188479/18188495.jpg) no-repeat center;} 
.four .four-text-box ul li .hover-03:before{background: url(../dbsource/18188479/18188496.jpg) no-repeat center;} 
.four .four-text-box ul li .hover-04:before{background: url(../dbsource/18188479/18188497.jpg) no-repeat center;} 
.four .four-text-box ul li .hover-05:before{background: url(../dbsource/18188479/18188498.jpg) no-repeat center;}
@media screen and (min-width:769px) and (max-width:1024px) {
  .four .four-text-box ul li .hover-02:before{background: url(../dbsource/18188479/18188495.jpg) no-repeat right;} 
}
.six-con dl .bg-img01 a:after{background: url(../dbsource/18188479/18188487.jpg) no-repeat center;}
.six-con dl .bg-img02 a:after{background: url(../dbsource/18188479/18188488.jpg) no-repeat center;}
.six-con dl .bg-img03 a:after{background: url(../dbsource/18188479/18188489.jpg) no-repeat center;}
.six-con dl .bg-img04 a:after{background: url(../dbsource/18188479/18188490.jpg) no-repeat center;}
.six-con dl .bg-img05 a:after{background: url(../dbsource/18188479/18188491.jpg) no-repeat center;}
.six-con dl .bg-img06 a:after{background: url(../dbsource/18188479/18188492.jpg) no-repeat center;}
.three .bottom .bottom-left-box .swiper-container { height: 388px; overflow: visible; }
.three .bottom .bottom-left-box .swiper-slide a { height: 388px; }
.three .bottom .bottom-left-box .swiper-title { height: 45px; line-height: 45px; font-size: 16px; background: #004485; } 
.three .bottom .bottom-left-box .swiper-slide img { max-width: none; width: 100%; height: 343px; }
.three .bottom .bottom-left-box .pagination { bottom: 10px; }
.three .bottom .bottom-left-box .swiper-pagination-switch { height: 13px; } 
.three .bottom .bottom-left-box .swiper-active-switch { height: 20px; }
@media screen and (min-width:300px) and (max-width:1024px) {
/* 轮播图 */
.three .bottom .bottom-left-box .swiper-container { height: 4.2rem!important; }
.three .bottom .bottom-left-box .swiper-slide { height: 4.2rem!important; }
.three .bottom .bottom-left-box .swiper-slide a { height: 100%!important; }
.three .bottom .bottom-left-box .swiper-slide img { max-width: none!important; width: 100%!important; height: 100%!important; }
.three .bottom .bottom-left-box .swiper-title { font-size: 0.22rem; }
/* 新闻列表 */
.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li { line-height: 0.43rem; font-size: 0.22rem; }
.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li .li-title { width: 70%; background-size: 2%; }
.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li .li-time { width: 1.6rem!important; line-height: 0.4rem; text-align: left; text-indent: 1.5em; font-size: 0.20rem!important; background-size: 13%; }
.four .four-lanmu { margin-top: 0.40rem; }
.four .four-text-box ul li .hover-02:before { background-position-x: -1.75rem!important; }
.four .four-name p, .four .four-text { font-size: 0.22rem!important; }
.five { height: auto!important; }
.five .lanmu-box { margin-top: 0.40rem; }
.five .five-text-box { margin-top: 0.20rem!important; }
.five .five-text-box .left { border: 0px!important; }
.five .five-text-box .right { width: 100%!important; margin-top: 0.3rem; }
.five .five-text-box .right p { font-size: 0.22rem; }
.six-text-box .six-nav ul .style-active, .six-text-box .six-nav ul li { width: 0.40999rem!important; }
.six-con dl dd .six-position-box .six-dd-name { font-size: 0.20rem; }
}