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

.hero_area .swiper-container {
      width: 100%;
      height: 500px;
    }
   
.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:500px;
    }
.hero_area   .swiper-slide h2{ text-align:center; font-size:48px; line-height:56px; color:#fff; display:block !important; clear:both;
                               font-weight:900; text-shadow:5px 5px 5px #333; margin-top:30px;}
.hero_area   .swiper-slide h2 p{ text-align:center; font-size:20px; margin-top:20px; color:#fff; display:block !important; clear:both;}

.hero_area_slider{ margin-top:100px;}

.h2titleblue{color:#009944; font-size:36px; font-weight:800; text-align:left; line-height:35px; 
                             margin-top:70px; margin-bottom:30px; border-bottom:3px solid #009944; 
                             margin-left:10px; margin-right:10px; 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:14px; display:block; margin-top:4px; font-weight:lighter !important; letter-spacing:0px; color:#999;
                font-family:Arial; font-style:italic;}
.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:#fff;}

.items{}
.items a{color:#333; font-weight:bold; font-size:14px; display:block; line-height:18px !important; margin-top:10px;}
.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:#009944; font-size:64px;}
#lxwmcol{padding-top:0px; margin-top:0px; position:relative; top:-15px;}

.right_contentbox{ margin:0px 100px; text-align:left; font-size:16px; line-height:23px;}
.right_contentbox img{ margin-bottom:20px;}
.topheader{ height:200px; border-radius:5px;margin-top:100px; background:url(../Images/topheader.jpg) center center no-repeat;}
.about_section h2{ color:#fff; font-weight:bold; font-size:48px; line-height:56px; text-align:center; margin-bottom:30px;
                   text-shadow: 5px 5px 5px #009944;}
.about_section p {color:#fff; font-weight:bold; font-size:16px; line-height:20px; text-align:center;
                  text-shadow: 5px 5px 5px #009944;}

.member_list{}
.member_list h2{ font-size:18px; line-height:20px; margin-bottom:20px;}
.member_list h2 i{ color:#009944; border:1px solid #009944; border-radius:30px; width:30px; height:30px; line-height:30px; text-align:center; margin-right:20px;
                   font-size:12px;}
                   
#joinus{ background:#009944 url(../Images/topheader.jpg) center center no-repeat;}
.h2titleblue2{ color:#fff; margin-top:0px; padding-top:30px;}
.h2titleblue2 b{ color:#fff; line-height:20px;}

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

{
    .about_section h2{ color:#fff; font-weight:bold; font-size:48px; line-height:56px; text-align:center; margin-bottom:30px;
                   text-shadow: 5px 5px 5px #009944;}
.about_section p {color:#fff; font-weight:bold; font-size:16px; line-height:20px; text-align:center;
                  text-shadow: 5px 5px 5px #009944;}
    
    .topheader{ height:100px; border-radius:0px;margin-top:100px; background:url(../Images/topheader.jpg) center center no-repeat;}
    .right_contentbox{ margin:0px 10px; text-align:left; font-size:16px; line-height:23px;}
    .about_section{background-color:#02479a; background-position:center bottom; }
    .about_section .text-justify{text-align:left;}
#wmfw{ padding-top:0px;}
.hero_area{
    background: #009944 url(../Images/hero-bg.jpg) center bottom no-repeat; background-size:20%;
}

.hero_area .swiper-container {
      width: 100%;
      height: 240px;
    }
.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:240px;
    }
.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;
                               margin-top:50px; line-height:30px;}
.hero_area   .swiper-slide h2 p{ text-align:center; font-size:16px; margin-top:20px; color:#fff; display:block !important; 
                                 clear:both; padding-left:20px; padding-right:20px;}


.h2titleblue{color:#009944; 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:20px; 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:#fff; padding-top:0px;}

.items{}
.items a{color:#333; font-weight:bold; font-size:16px;}
.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: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:#009944; font-size:64px;}
#lxwmcol{padding-top:0px; margin-top:0px; position:relative; top:-15px;}

.jsbox{
        color:#333; margin:10px 20px 20px 20px; letter-spacing:0px; line-height:23px; font-size:18px; text-align:left;
    }
    .breadcrumb_box{ margin-top:15px; font-size:14px;}
.about_section .about_content .text-justify{ line-height:23px;}

.brand-logo img{
   width:200%; margin-left:-100px; margin-top:35px;
}
.hero_area{ margin-top:110px;}
    }
@media screen and (max-width: 640px)
{
  
    }
@media screen and (max-width: 768px)
{
   
    }
@media screen and (max-width: 992px)
{
    
    }
@media screen and (max-width: 1024px)
{
    
    }