@charset "utf-8";
/* CSS Document */
.close1 { width:20px; height:20px; line-height:20px; position:absolute; right:-10px; top:-10px; border:1px solid #ccc; background:#fff; text-align:center; border-radius:50%; color:#ccc; }

/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; position: relative; }
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:31.8%; overflow:hidden;}
.Banner .flexslider ul li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:auto; position: absolute; bottom:35px; right:17%;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 10px; height: 10px; display: block; background:url(../images/icon01.png) no-repeat center; cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:url(../images/icon02.png) no-repeat center;}
.Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.Banner .flexslider ul li .til_slides{ width: 32%; position:absolute; bottom:13%; left:18%; color:#fff;z-index:999;  padding: 17px 19px;
  font-family: "Times New Roman";font-size: 2.0em; margin-bottom: 20px;}



.Banner .flex-direction-nav{ display:none; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:36px;height:73px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
  -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}



.video{ position: fixed; width: 50%; height: 200px; left: 50%; z-index: 9;top: 10%;margin: 0 0 0 -25%;}

.video dd { position: relative; }
.close { position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; border-radius: 50%; right: 0px; top: 0px; color: #fff;font-size: 16px;font-family: arial;z-index:999}
.video video { width: 100% !important; height: auto !important; }



.content{ margin-top: -80px; position: relative;z-index: 0; /*! overflow:hidden; */}
.mode01{max-width:1400px;overflow:hidden; margin:0 auto; background: #fff; }
.mode01 .lf{ width: 30.6%; float: left; }
.mode01 .md{ width: 30.6%; float: left; margin: 0 4%;}
.mode01 .rt{ width: 30.6%; float: right;}

.articleTitle01{ height: 40px; line-height: 40px; border-bottom: #eaeaea 2px solid; margin-bottom: 25px; padding-bottom: 14px; }
.articleTitle01 .title{ display: inline-block; float: left; }
.articleTitle01 .title h2{ display: inline-block; font-size: 4.2em; color: #762082; padding-left: 30px; position: relative;}
.articleTitle01 .title h2:before{content: ""; display: block; width: 10px; height: 40px; background: #762082; position: absolute;left: 0; top: 0;}
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size:2.4em; color: #999999;}

/*FlexSlider默认样式*/
.articleBanner{ max-width: 950px; margin:0 auto; }
.articleBanner .flexslider { width:100%;  position: relative; zoom: 1;}
.articleBanner .flexslider .flex-viewport ul li{ list-style:none; position: relative; padding-bottom: 20px; background: url(../images/fh.png) no-repeat left 203px top 58px;}
.articleBanner .flexslider ul li .slideImg{ width: 21.1%;  float: left; padding:8px;  overflow:hidden;}
.articleBanner .flexslider ul li .slideImg a{ display:block;height:0; padding-bottom:100%; border-radius:50%;box-shadow: 0 3px 9px 3px #ccc; overflow: hidden; }

.articleBanner .flexslider ul li img{ border:none; width:100%; display: block;transition: all 0.4s ease;}
.articleBanner .flexslider ul li:hover img{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.articleBanner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleBanner .loading .flex-viewport {  }
.articleBanner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.articleBanner .carousel li { margin-right: 5px; }
/*icon小点*/
.articleBanner .flex-control-nav {text-align:center;position: absolute;bottom: 0;left: 50%; margin-left: -35px;}
.articleBanner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.articleBanner .flex-control-paging li a {  float:left; width: 7px; height: 7px; display: block; background:#e3e3e3; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleBanner .flex-control-paging li a:hover,.articleBanner .flex-control-paging li a.flex-active {width:10px; height:10px;  background:#b237c4; }
.articleBanner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.articleBanner .slides h4 a:hover{color:#fff;font-size:14px;}
.articleBanner .flexslider ul li .slideTxt{color:#fff;width: 62%; float: right;  overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt h2{ /*! height: 25px; */ color: #762082; font-style: italic; font-size: 2.4em; line-height:25px; overflow: hidden; }

.articleBanner .flexslider ul li .slideTxt a{ display: block; font-size:1.8em; color:#000; font-weight: bold; margin: 28px 0 15px 0; height:48px; line-height: 26px; overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt span{display: inline-block; font-size: 1.6em; color: #989898; height: 48px; line-height: 26px; overflow: hidden; font-family: "Arial";}





.articleBanner .flex-direction-nav{ display:block;}
.articleBanner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleBanner .flex-direction-nav a{ width:40px;height:40px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleBanner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleBanner .flex-direction-nav a.flex-prev{background:url(../images/prev02.png) no-repeat center; left:-13%; top: 50%; margin-top: -40px;}
.articleBanner .flex-direction-nav a.flex-next{  background:url(../images/next02.png) no-repeat center; right:-13%; top: 50%; margin-top: -40px;}





.articleList01{ max-width: 1200px; margin: 30px auto 40px auto; overflow: hidden; }
.articleList_Text{ overflow: hidden; }
.articleList_Text .articleFirst{ width:47.8%; float: left; }
.articleList_Text .artImg{ display: block; position: relative; }
.articleList_Text .artImg i{ display: block; height: 0; padding-bottom:66%; overflow: hidden; }
.articleList_Text .artImg a.readMore{ display: block; width: 140px; height: 50px; background: #222222; font-size: 1.2em; color: #fff; text-align: center; line-height: 50px;
 position: absolute; bottom:-10px; right:-10px; }
.articleList_Text .artImg i img{ width: 100%; -webkit-transition:  all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}

.articleList_Text .artImg i:hover img{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}


.articleList_Text .artTxt{ display: block;height: 30px;line-height: 30px; margin-top: 35px; color: #000; font-size: 2.4em; overflow: hidden; }
.articleList{ width: 48%; float: right; }
.articleList ul li{ border-bottom: #dddddd 1px dashed; padding: 13px 0; overflow: hidden;}
.articleList ul li a{ display: block; font-size: 1.6em; font-weight: bold; height: 44px; line-height: 22px; overflow: hidden; transition: all 0.4s ease; }
.articleList ul li a:hover{ background: url(../images/li.png) no-repeat left center; padding-left: 20px; color: #333; }
.articleList ul li .rightDate{ font-size: 1.4em; color: #999999; display: block;}






.wrap_row02{ width: 100%;background: #f5f5f5; overflow: hidden; }
.mode02{max-width:1200px;overflow:hidden; margin:40px auto 50px auto; }





.wrap_row03{width: 100%;background: #d8d5d9; overflow: hidden;}
.mode03{max-width:1200px;overflow:hidden; margin:40px auto 58px auto; }

.articleList03 ul{ margin: 0 -20px; }
.articleList03 ul li { width: 50%; *width: 48%; float: left;}
.articleList03 ul li > div{ margin: 0 20px;  overflow: hidden; background: #fff;transition: all 0.4s ease;}
.articleList03 ul li i{ display: block;width: 48%; height: 0; padding-bottom: 34%; float: left; overflow: hidden;}
.articleList03 ul li i img{ display: block; width: 100%; transition: all 0.4s ease;}
.articleList03 ul li:hover i img{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.articleList03 ul li:hover > div{ background: #762082; }


.articleList03 ul li p{ display: block; width: 42%; float: right; margin: 3% 5%; }
.articleList03 ul li p span{ font-size:2.0em; font-weight: bold; line-height: 35px; display: block; height: 0; padding-bottom: 59%; overflow: hidden;  }
.articleList03 ul li p a.readMore{ float: right; font-size: 1.4em;  color: #762082; font-family: "Arial";}
.articleList03 ul li:hover p span{ color: #fff; }
.articleList03 ul li:hover p a.readMore{ color:#fff;}



.mode04{ max-width: 1200px; overflow: hidden;  margin:35px auto;position: relative;z-index: 99;}

.articleList04 ul { margin: 0 -25px; overflow: hidden; }
.articleList04 ul li{ width: 33.3%; float: left; }
.articleList04 ul li:last-child span{ padding:10% 0; }
.articleList04 ul li > a{ display: block; margin: 0 25px; position: relative;cursor: pointer; }
.articleList04 ul li i{ display: block; height: 0; padding-bottom: 43%;overflow: hidden; }
.articleList04 ul li a img{display: block; width: 100%; transition: all 0.4s ease;}
.articleList04 ul li a:hover img{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.articleList04 ul li font{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;background:url(../images/banner_bg.png) repeat;  transition: all 0.4s ease;}
.articleList04 ul li span{ display: block;  text-align: center;  font-size: 2.6em; color: #fff; position: absolute; left: 0; top: 0; border: #e3e3e3 1px solid; margin: 3%;  width: 93.5%;
padding: 14.3% 0;  transition: all 0.4s ease;}

.articleList04 ul li a:hover font{ opacity: 0; }
.articleList04 ul li a:hover span{ opacity: 0; }



@media screen  and (max-width:1440px) {
           .Banner .flexslider ul li .til_slides{width: auto; left: 5%; bottom: 18%;}
         


      }

@media screen  and (max-width:1386px) {
      .Banner .flexslider ul li .til_slides{ padding-bottom: 37.8%; }


      }


@media screen  and (max-width:1200px) {
         .mode01,.mode02,.mode03,.mode04{ margin: 25px; }
         .content{ margin-top: 0; }
         .articleList01{ margin:0; }
         .Banner .flexslider ul li .slideImg{ padding-bottom: 31.8%; }
         .Banner .flexslider ul li .til_slides{left: 0; bottom: 0; width: 75%; height: 50px; line-height: 50px; padding: 0 20px;}
         .Banner .flex-control-nav{ bottom: 20px; right: 25px; }
         

 }



@media screen  and (max-width:992px) { 

    .articleTitle01 .title h2{ font-size: 3.0em; padding-left: 25px;}
    .articleTitle01 .title h2:before{ height: 22px; top: 7px;}
    .articleTitle01 .more a{ font-size: 1.8em; }

    .articleList_Text .articleFirst,.articleList{ width: auto; float: none; }
    .articleList ul li a{ height: auto; }
    .articleList_Text .artTxt{ margin: 20px 0; }
    .articleBanner .flexslider ul li .slideImg{ float: none; margin: 10px auto; }
    .articleBanner .flexslider ul li .slideTxt{ float: none; margin: 0 auto; text-align: center; }
    .articleList03 ul li{ width: 100%; float: none; margin-bottom: 20px; }
    .articleList04 ul li{ width: 100%; float: none; }
    .articleList04 ul li > a{ margin: 20px; }
    .articleList04 ul li span{ padding: 16.3% 0; }
    .articleBanner .flexslider .flex-viewport ul li{ background: none; padding-bottom: 35px; }
    .articleBanner .flex-direction-nav{ display: none; }


}


@media screen and (max-width:767px) {

    .articleTitle01{ height: 25px; line-height: 25px; padding-bottom: 10px; }
    .articleTitle01 .title h2{ font-size: 2.0em; padding-left: 20px; }
    .articleTitle01 .title h2:before{ height: 18px; top: 3px; }
    .articleList_Text .artImg a.readMore{ width: 92px; height: 32px; line-height: 32px; font-size: 1.0em; }
    .articleList_Text .artTxt{ font-size: 2.0em; margin: 15px 0;}
    .articleList ul li a{ font-size: 1.4em; }
    .Banner .flexslider ul li .til_slides{ font-size: 1.6em; }
    .Banner .flex-control-nav li{ margin: 0 2px; }
    .articleList03 ul li p span{ font-size: 1.4em; line-height: 25px; }
    .articleBanner .flexslider ul li .slideImg{ width: 50%; }
    .articleBanner .flexslider ul li .slideTxt{ width: 100%; }
   .Wrap_footer{ margin-top: 0; } 


 }


@media screen and (max-width:640px) {
  
    .articleList04 ul li span{ padding: 14.3% 0; }
    .articleList04 ul li span{ font-size: 2.4em; }
    .articleBanner .flexslider ul li .slideTxt h2 { height: auto;}
 }

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




}

@media screen and (max-width:414px) {


}

@media screen and (max-width:375px) {

}