* {
 margin: 0;
 padding: 0px;
 font-family: "微软雅黑";
}

a {
 text-decoration: none;
 color: #333333;
}

li {
 list-style: none;
}

.banner {
 background: #5823cc;
}

.content {
 width: 1180px;
 margin: 0 auto;
}

.logo {
 margin-bottom: 50px;
}

.menu {
 background: #6c47cf;
 height: 60px;
 line-height: 60px;
 margin-top: -30px;
}

.menu li {
 margin-left: 90px;
 float: left;
 list-style: none;
 background: no-repeat left;
 padding-left: 40px;
}

.menu li a {
 color: #FFFFFF;
}

.menu li a:hover {
 color: #ffb400;
}

.menu-left {
 width: 0;
 height: 0;
 margin-left: -40px;
 border-bottom: 30px solid #471ba8;
 border-left: 40px solid transparent;
 position: absolute;
}

.menu-right {
 float: right;
 width: 0;
 height: 0;
 margin-right: -40px;
 border-bottom: 30px solid #471ba8;
 border-right: 40px solid transparent;
}

.topleft {
 width: 700px;
 float: left;
}

.m20 {
 clear: both;
 height: 20px;
}


/*焦点图*/

.flexslider {
 margin: 0px auto 20px;
 position: relative;
 width: 100%;
 height: 380px;
 overflow: hidden;
 zoom: 1;
}

.flexslider .slides li {
 width: 100%;
 height: 100%;
}

.flex-direction-nav a {
 width: 60px;
 height: 70px;
 line-height: 99em;
 overflow: hidden;
 margin: -35px 20PX 20PX;
 display: block;
 background: url(../images/ad_ctr.png) no-repeat;
 position: absolute;
 top: 50%;
 z-index: 10;
 cursor: pointer;
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transition: all .3s ease;
 border-radius: 35px;
}

.flex-direction-nav .flex-next {
 background-position: 0 -70px;
 right: 0;
}

.flex-direction-nav .flex-prev {
 left: 0;
}

.flexslider:hover .flex-next {
 opacity: 0.8;
 filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
 opacity: 0.8;
 filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
 opacity: 1;
 filter: alpha(opacity=50);
}

.flex-control-nav {
 width: 100%;
 position: absolute;
 bottom: 10px;
 text-align: center;
}

.flex-control-nav li {
 margin: 0 2px;
 display: inline-block;
 zoom: 1;
 *display: inline;
}

.flex-control-paging li a {
 background: url(../images/dot.png) no-repeat 0 -16px;
 display: block;
 height: 16px;
 overflow: hidden;
 text-indent: -99em;
 width: 16px;
 cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
 background-position: 0 0;
}

.flexslider .slides a img {
 width: 100%;
 height: 380px;
 display: block;
     background-size: 100%;
}

.topnews {
 float: left;
 width: 460px;
 margin-left: 20px;
 margin-top: 10px;
}

.topnews li {
 margin-bottom: 20px;
}

.topnews li h3 {
 border-left: solid #0000CC 3px;
 padding-left: 20px;
 font-size: 18px;
}

.topnews li span {
 padding-left: 23px;
 line-height: 35px;
 font-size: 13px;
}

.title {
 background: #5823cd;
 margin-top: 30px;
 height: 40px;
 text-align: center;
}

.title h2 {
 background: #FFF;
 LINE-HEIGHT: 40PX;
 width: 200px;
 color: #5823cd;
 margin: 0 auto;
 font-size: 24px;
}

.title2 {
 background: url(title.jpg);
 margin-top: 30px;
 height: 40px;
 text-align: center;
}

.title2 h2 {
 background: #FFF;
 border-left: 1px solid #5823cd;
 border-right: 1px solid #5823cd;
 width: 200px;
 color: #5823cd;
 margin: 0 auto;
 font-size: 24px;
}

.clear {
 clear: both;
 margin-top: 40PX;
}

.small-tit {
 font-size: 23px;
 border-left: 5px solid #0000CC;
 padding-left: 20px;
 font-weight: bold;
}

.talk li {
 width: 540PX;
 margin-left: 10PX;
 margin-right: 10PX;
 float: left;
 background: #FAFAFA;
 padding: 15px;
 margin-top: 20PX;
}

.talk li img {
 float: left;
 margin-right: 20px;
 width: 140px;
 height: 100px;
}

.talk li .info {
 float: left;
 width: 380PX;
}

.talk li .info h3 {
 line-height: 35px;
}

.talk li .info span {
 color: #888888;
 font-size: 14PX;
}

.luntan {
 margin-top: 30px;
 border: 1px solid #dcdcdc;
}

.news {
 margin-bottom: 30px;
 float: left;
}

.news h2 a {
 color: #444;
 font-size: 22px;
 font-weight: bold;
 line-height: 40px;
}

.news p {
 color: #555;
 font: 13px, "Microsoft Yahei";
 line-height: 23px;
}

.lt-left {
 width: 450px;
 margin: 20px;
 float: left;
}

.table_list {
 float: left;
 padding-top: 20px;
}

.table_list .wrap {
 width: 700px;
 overflow: hidden;
 margin-left: 40px;
}

.table_list li {
 float: left;
 width: 95px;
 margin: 0 5px;
}

.table_list li a {
 display: block;
 position: relative;
 color: #252525;
 text-decoration: none;
 -webkit-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
 transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
}

.table_list li img {
 width: 95px;
 height: 95px;
 border-radius: 50%;
 border: 2px solid #dcdcdc;
}

.blue {
 border: 5px solid #3F51B5 !important;
 margin-right: 34px;
}

.r20 {
 margin-right: 40px !important;
}

.table_list li h4 {
 font: 16px/1 "Microsoft Yahei";
 margin-top: 10px;
 text-align: center;
}
.flexslider .slides a img {
    height: 380px;
  
}
.table_list li span {
 font-size: 13px;
}

.jx {
 width: 370px;
 line-height: 45px;
 background: #7223cd;
 float: left;
 margin: 5px;
 padding: 5px;
 text-align: center;
 border-radius: 5px;
}

.jx a {
 color: #FFF;
}

.video-hot {
 width: 440px;
 margin-top: 20px;
 float: left;
 margin-right: 10px;
}

.video-hot img {
 width: 430px;
 height: 290px;
}

.v-tit {
 height: 85px;
 font-size: 18px;
 line-height: 30px;
 background: #FAFAFA;
 padding: 20px;
}

.small-video {
 width: 730px;
 float: left;
 margin-top: 20px;
}

.small-video li {
 width: 210px;
 float: left;
 margin-left: 28px;
 margin-bottom: 20px;
}

.small-video li img {
 width: 210px;height: 136.5px;
}

.small-video li h4 {
 font-size: 14px;
 font-weight: 500;
}

.gallery img {
 height: 100%;
 width: 100%;
}

.gallery a {
 width: 275px;
 height: 180px;
 display: inline-block;
 overflow: hidden;
 margin: 8px;
 box-shadow: 0 0 4px -1px #000;
}

.baguetteBoxOne {
 width: 1180px;
 margin: 0 auto;
}

.flogo {
 text-align: center;
 margin-top: 100px;
 margin-bottom: 100px;
}

.tm-black-bg {
 background-color: #000;
 text-align: center;
 color: #666;
 line-height: 55px;
 font-size: 13px;
}

.tm-black-bg a {
 color: #666;
}


/* for 880px or less*/

@media screen and (max-width: 880px) {
 .content {
  width: 100%;
 }
 .jx{width: 90%; margin-left: 4%; margin-right: 6%;}
 .topleft {
  width: 100%;    margin-top: -1px;
 }
 .logo {
  width: 100%;
  display: none;
 }
 .baguetteBoxOne {
  width: 100%;
 }
 .small-video {
  width: 100%;
 }
 .talk li {
  width: 90%;
  margin: 2.5%;
  padding: 2.5%;
 }
 .talk li .info h3 {
 
    font-size: 1em;
}


 .news h2 a{font-size: 0.7em; margin-bottom: 10px;}
 .menu {
  display: none;
 }
 .lt-left {
  width: 90%;
 }
 .video-hot {
  width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
 }
 .small-video li {
  width: 45%;
  margin: 2.5%;
 }
 .small-video li img {
  width: 100%;
    height: 105px;
 }
 .video-hot img {
  width: 100%;
height: 270px;
 }
 .talk li .info {
  width: 60%;
 }
 .talk li img {
    width: 36%;
    margin-right: 10px;
    height: 90px;
    margin-top: 5px;
 }
 .flexslider {
  height: 220px;     margin-top: -20px;
 }
 .mno {
  display: none;
 }
 .table_list {
  display: none;
 }
 .nav {
  width: 100%;
  position: relative;
 }
 .gallery a {
  width: 45%;
  margin: 2.5%;
  height: 130PX;
  FLOAT: LEFT;
 }
 
 .topnews li h3 {
    font-size: 1em;
    padding-left: 10px;
}
.topnews {margin-left: 2.5%; width: 90%;}

.flexslider .slides a img {
    height: 225px;
    background-size: 100% !important;
}
.topnews li span{padding-left: 0px;}
}