.hero_area{
    background: #024799 url(../Images/hero-bg.jpg) center bottom no-repeat; background-size:100%;
}

.hero_area .swiper-container {
      width: 100%;
      height: 670px;
    }
.hero_area	.swiper-wrapper{
	  /* 通过改变animation-timing-function 制作弹性切换效果 */
		    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
		}
 .hero_area   .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      height:670px;
    }
.hero_area   .swiper-slide h2{ text-align:center; font-size:40px; color:#fff; line-height:40px; display:block !important; clear:both;
                               font-weight:900; text-shadow:5px 5px 5px #333;}
.hero_area   .swiper-slide h2 p{ text-align:center; font-size:20px; margin-top:420px; color:#fff; display:block !important; clear:both;}


.h2titleblue{color:#054f99; font-size:36px; font-weight:800; text-align:left; line-height:35px;
                             margin-top:70px; margin-bottom:30px; 
                             padding-bottom:20px;}
.h2titleblue p{font-size:12px; font-weight:lighter !important; letter-spacing:3px; color:#999; font-family:Arial;
               line-height:16px; margin-top:10px;
              }
.h2titleblue b{font-size:24px; display:block; margin-top:4px; font-weight:lighter !important; letter-spacing:0px; color:#666; font-family:Arial;}
.jsboxen{ font-size:16px; line-height:24px; text-align:center;}

.h2titleblue_fff{color:#fff;border-bottom:1px solid #fff;}
.h2titleblue_fff p{color:#fff;}
.h2titleblue_fff b{color:#fff;}
.h2titleblue_nomarginleftright{margin-left:0px; margin-right:0px;}

.about_content p{ font-size:18px; line-height:34px;}

.myimgs{border:1px solid #fff; border-radius:5px; margin-top:30px; box-shadow:0px 0px 8px 0px #333;}

#newssec{ background:#fcfcfc;}
#zhengce{ background:#f9f9f9;}

.items{}
.items a{color:#333; font-weight:bold; font-size:18px;}
.items p{color:#999 !important;}
.items img{border:1px solid #ccc;}

.align_row_center_left{ margin-bottom:20px;}

#haochubox{}
.haochu{border-radius:5px; background:#f0f0f0; color:#333; margin-left:0px; padding:20px; margin-top:40px;
        box-shadow:0px 0px 8px 0px #999; border:1px solid #0c1067; float:left; width:19%; margin-left:0.5%;margin-right:0.5%; min-height:300px;}
.haochu h2{font-size:16px; font-weight:bold; margin-bottom:20px; color:#fff; background:#0454a5; text-align:center;
            border-radius:5px;}
.haochu p{color:#333; font-size:14px; line-height:24px; min-height:120px;}
#ctsh1{ font-size:40px; line-height:34px; font-weight:800; color:#333;}
.lxwm{font-size:24px; color:#666; font-weight:normal;}
#lxwmphone{ color:#054f99; font-size:64px;}
#lxwmcol{padding-top:0px; margin-top:0px; position:relative; top:-15px;}
.newstopbanner{ height:140px !important;}

@media screen and (max-width: 320px)
{
    
    }
@media screen and (max-width: 480px)

{

.hero_area{
    background: #024799 url(../Images/hero-bg.jpg) center bottom no-repeat; background-size:100%;
}

.hero_area .swiper-container {
      width: 100%;
      height: 670px;
    }
.hero_area	.swiper-wrapper{
	  /* 通过改变animation-timing-function 制作弹性切换效果 */
		    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
		}
 .hero_area   .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      height:670px;
    }
.hero_area   .swiper-slide h2{ text-align:center; font-size:30px; color:#fff; display:block !important; clear:both;
                               font-weight:900; text-shadow:5px 5px 5px #333; padding-left:20px; padding-right:20px;}
.hero_area   .swiper-slide h2 p{ text-align:center; font-size:16px; margin-top:320px; color:#fff; display:block !important; 
                                 clear:both; padding-left:20px; padding-right:20px;}


.h2titleblue{color:#054f99; font-size:36px; font-weight:800; text-align:center; line-height:35px;
                             margin-top:70px; margin-bottom:30px; border-bottom:1px solid #333; 
                             margin-left:20px; margin-right:20px; padding-bottom:20px;}
.h2titleblue p{font-size:12px; font-weight:lighter !important; letter-spacing:3px; color:#999; font-family:Arial;
               line-height:16px; margin-top:10px;
              }
.h2titleblue b{font-size:24px; display:block; margin-top:4px; font-weight:lighter !important; letter-spacing:0px; color:#666; font-family:Arial;}
.jsboxen{ font-size:16px; line-height:24px; text-align:center;}

.h2titleblue_fff{color:#fff;border-bottom:1px solid #fff;}
.h2titleblue_fff p{color:#fff;}
.h2titleblue_fff b{color:#fff;}
.h2titleblue_nomarginleftright{margin-left:0px; margin-right:0px;}

.about_content p{ font-size:18px; line-height:34px;}

.myimgs{border:1px solid #fff; border-radius:5px; margin-top:30px; box-shadow:0px 0px 8px 0px #333;}

#newssec{ background:#fcfcfc;}

.items{}
.items a{color:#333; font-weight:bold;}
.items p{color:#999 !important;}
.items img{border:none;}

.align_row_center_left{ margin-bottom:20px;}

#haochubox{}
.haochu{border-radius:5px; background:#f0f0f0; color:#333; margin-left:0px; padding:20px; margin-top:40px;
        box-shadow:0px 0px 8px 0px #999; border:1px solid #0c1067; float:left; width:100%; margin-left:0;margin-right:0; 
        min-height:auto;}
.haochu h2{font-size:16px; font-weight:bold; margin-bottom:20px; color:#fff; background:#0454a5; text-align:center;
            border-radius:5px;}
.haochu p{color:#333; font-size:14px; line-height:24px; min-height:120px;}
#ctsh1{ font-size:40px; line-height:34px; font-weight:800; color:#333;}
.lxwm{font-size:24px; color:#666; font-weight:normal;}
#lxwmphone{ color:#054f99; font-size:64px;}
#lxwmcol{padding-top:0px; margin-top:0px; position:relative; top:-15px;}

.content_block1{ margin-top:0px; padding-top:0px;}
.newstopbanner{ background:#024799 !important; height:90px !important;}

    }
@media screen and (max-width: 640px)
{
  
    }
@media screen and (max-width: 768px)
{
   
    }
@media screen and (max-width: 992px)
{
    
    }
@media screen and (max-width: 1024px)
{
    
    }