.w1200{ width:1200px; margin:auto; clear:both; position:relative;}
.sep{ width:100%; height:30px; float:left; clear:both; overflow:hidden;}
.hover{-o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
.hover:hover{-o-transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform: scale(1.05);}

#top{ width:100%; height:30px; line-height:30px; background:#F3F3F3; border-bottom:solid 1px #EEE;}
#top .right{ text-align:right;}
#top a{ display:inline; height:30px; margin:0px 5px; padding:0px 0px 0px 15px; background:url(../images/lid.jpg) 0px center no-repeat;}

#header{ width:100%; height:100px; background:#FFF; padding:10px 0px; overflow:hidden;}
#header .left{ height:100px; font-size:36px; background:url(../images/logo.png) 0px center no-repeat; background-size:80px 80px; font-family:'黑体'; color:#403579; text-indent:90px;}
#header .left b{ display:block; float:left; clear:both; width:100%; padding:18px 0px 5px 0px; height:40px; line-height:40px; font-weight:normal;}
#header .left i{ display:block; float:left; clear:both; width:100%; height:24px; line-height:24px; font-weight:normal; font-size:14px; letter-spacing:0.8px; text-transform:uppercase; font-family:Arial; color:#999;}
#header .right{ padding:30px 0px; height:40px; line-height:40px; position:relative;}
#header .right i{ display:block; float:left; background:url(../images/tel_icon.png) 10px center no-repeat; background-size:30px auto; text-indent:50px; font-size:32px; color:#403579;}

#menu{ width:100%; height:40px; float:left; clear:both; border-top:solid 1px #EEE; background:#403579; box-shadow:2px 2px 6px #F3F3F3;}
#menu li{ float:left; width:120px; height:40px; text-align:center; line-height:40px; position:relative; }
#menu li>a{ display:block; width:100%; height:40px; color:#FFF; font-family:'黑体'; font-size:16px;}
#menu li .curr{ background:#333366 url(../images/curr.png) center bottom no-repeat; color:#FFF;}

#menu li em{ display:none; position:absolute; width:100%; left:50%; top:40px; padding:20px 10px; background:#FFF; border-radius:0px 0px 10px 10px; overflow:hidden; z-index:1000000; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
#menu li em a{ display:block; float:left; width:150px; height:100px; background:url(../images/line.jpg) right center no-repeat; overflow:hidden; text-align:center; font-weight:bold;}
#menu li em .no{ background:none;}
#menu li em img{ width:100px; height:60px; margin:5px auto 5px auto;}
#menu li em i{ display:block; width:100%; height:30px; line-height:30px; text-align:center; font-weight:normal;}

#flash{ width:100%; height:600px; float:left; clear:both; overflow:hidden; position:relative;}
.top{
    width: 1200px;
    clear:both;
    margin:auto;
    padding:0px 0px 20px 0px;
    height:60px;
    line-height:60px;
    overflow:hidden;
}
.top b {
    font-weight:normal;
    font-size:32px; 
    text-align:center;
    color:#403579;
    overflow:hidden;
}
.top i{
    font-size: 24px;
    margin:0px 0px 0px 10px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color: #cb7a16;
    opacity: .5;
    overflow:hidden;
}
#index0{ width:100%; float: left; clear:both; padding:60px 0px 0px 0px; overflow:hidden;}
.index_top { float:left; clear:both; width:100%; height:40px; line-height:40px; overflow:hidden; position:relative;}
.index_top span{ display:block; float:left; font-size:22px; line-height:39px; padding:0px 5px; border-bottom: 1px solid #333;}
.index_top em{ display:block; float:left; padding:0px 0px 0px 10px; 
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color: #cb7a16;
    opacity: .6;
}
.index_body{float:left; clear:both; width:100%; padding:20px 0px 0px 0px; overflow:hidden;}
.index_about{ float: right; padding:10px 0px 0px 0px; width:350px; overflow:hidden;}
.index_about img{ width:100%; height:150px;}
.index_about p{ width:100%; height:84px; font-size:14px; color:#666; line-height:28px; margin:8px 0px 0px 0px; overflow:hidden;}
#index0 .more a{ display:block; float:right; clear:both; 
    width:80px;
    height:24px;
    line-height: 24px;
    text-align:center;
    border-radius:10px;
    background:#403579;
    color: #FFF;
    margin:10px 0px 0px 0px;
}
.index_about a:hover{ color:#FFF;}
.index_news{ float:left; width:400px; padding:10px 0px 0px 0px;}
.index_img{width:160px; float: left;}
.index_img img{width:100%; height:120px;}
.index_top_news{width:225px; padding:0px 0px 15px 0px; float: right; overflow:hidden;}
.index_top_news h1{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px;}
.index_top_news i{ display:block; float:left; clear:both; height:84px; line-height:28px; overflow:hidden; color:#666;}

.index_news ul{float:left; clear:both; margin:10px 0px 0px 0px; width:100%; border-top:dotted 1px #DDD; padding:10px 0px 0px 0px; overflow:hidden;}
.index_news ul li{ width:100%; float:left; clear:both; height:32px; line-height:32px; background:url(../images/li.png) 0px 10px no-repeat; overflow:hidden;}
.index_news ul li a{ display:block; float:left; width:320px; overflow:hidden; text-indent:16px;}
.index_news ul li i{ display:block; float:right; width:80px; font-size:14px; color:#888; font-family: Arial; text-align:right; overflow:hidden;}

#index_video{ float:left; padding:10px 24px 24px 24px; border-left:solid 1px #EEE; border-right:solid 1px #EEE; margin:0px 25px; overflow:hidden;}
#index_video .videolist{ width:350px;}
#index_video ul{ width:100%; height:245px; overflow:hidden;}
#index_video li{ float:left; position:relative; width:100%; height:245px; overflow:hidden; box-shadow:2px 2px 6px #EEE;}
#index_video li:hover{ box-shadow:2px 2px 6px #CCC; background:#FBFBFB;}
#index_video .videobg{ position:absolute; left:0px; top:0px; z-index:1; width:100%; height:245px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
 }
#index_video li i{ display:block; width:100%; height:245px; position:absolute; left:0px; top:0px; z-index:3; background:rgba(0,0,0,0.2) url(../images/video.png) center center no-repeat;}
#index_video .name{ position:absolute; left:0px; bottom:0px; z-index:4; width:100%; height:50px; line-height:50px; font-size:16px; overflow:hidden; background:rgba(0,0,0,0.2); color:#FFF; text-align:center;}

#indexpiclist{ width:100%; float:left; clear:both; overflow:hidden; padding:60px 0px;}
#indextop{ float:left; clear:both; overflow:hidden; width:100%; padding:0px 0px 0px 0px; height:150px; background:url(../images/index_22.png) 0px center repeat-x;}
#indextop>div{ float:left; clear:both; overflow:hidden; width:100%; height:150px; background:url(../images/index_20.png) center center no-repeat; text-align:center;}
#indextop b 
{
    display:block;
    float:left;
    clear:both;
    width:100%;
    line-height:40px;
    font-weight:normal;
    font-size:32px; 
    text-align:center;
    color:#403579;
    overflow:hidden;
}
#indextop i
{
    display:block;
    float:left;
    clear:both;
    width:100%;
    font-size: 24px;
    line-height:40px;
    padding:50px 0px 0px 0px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color: #cb7a16;
    opacity: .5;
    overflow:hidden;
}
#indexpiclist .category{ width:100%; float:left; clear:both; text-align:center; padding:20px 0px 30px 0px;}
#indexpiclist .category a{ display:inline-block; border:solid 1px #DDD; background:#FFF; width:100px; height:40px; line-height:40px; font-size:16px; margin:0px 5px; border-radius:5px;box-shadow:2px 2px 6px #CCC; }
#indexpiclist ul{ width:1230px; float:left; clear:both; overflow:hidden;}
#indexpiclist li{ float:left; width:320px; padding:30px 30px 20px 30px; margin:0px 30px 30px 0px; background:#F5F5F5; overflow:hidden;}
#indexpiclist li em{ display:block; float:left; clear:both; width:100%; height:180px; overflow:hidden;}
#indexpiclist li em img{ width:100%; height:100%; transition: all ease .2s;}
#indexpiclist li:hover img { transform: scale(1.1);}
#indexpiclist li span{ display:block; width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#indexpiclist li p{display:block; float:left; clear:both; width:100%; border-top:solid 1px #DDD; color:#666; padding:10px 0px 0px 0px; line-height:30px;}

#index3{
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;
	background:url(../images/section1.jpg) center center no-repeat;
	background-size:100% 100%;
	padding:100px 0px 100px 0px;
}
#index3>div{ position:relative;}
#index3 .left{ width:650px; height:480px;}
#index3 .left img{width:650px;height:400px;}
#index3 .right{ position:absolute; width:650px; right:0px; top:20px; overflow:hidden;}
#index3 .right .top{ width:100%; text-align:right;}
#index3 .right .content{ float:left; clear:both; width:100%; height:380px; margin:0px 0px 0px 0px; background:#FFF; padding:40px; box-sizing:border-box; overflow:hidden; line-height:30px;}
#index3 .right .content>div{ float:left; clear:both; width:100%; height:240px; line-height:30px; overflow:hidden; margin:0px 0px 18px 0px;}
#index3 .right .content a{ display:block; float:right; width:120px; height:35px; line-height:35px; text-align:center; background:#403579; color:#FFF;}

#index5{ float:left; clear:both; width:100%; padding:60px 0px 100px 0px; background:#F0F0F0; overflow:hidden;}
#index5 .top{ text-align:center;}
#index5 .top i{ background:#F0F0F0;}
#index5 .list{ position:relative; width:1300px; padding:20px 0px 0px 0px; margin:auto; clear:both; overflow:hidden;}
#index5 .list>i{ position:absolute; width:50px; height:50px; top:120px; border-radius:5px; cursor:pointer;}
#index5 .list #f1{ left:0px; background:#FFF url(../images/index_592.png) center center no-repeat; background-size:40px 40px;}
#index5 .list #f2{ right:0px; background:#FFF url(../images/index_622.png) center center no-repeat; background-size:40px 40px;}
#index5 .gd{ width:1180px;  margin:auto; clear:both; overflow:hidden;}
#index5 ul{ width:1180px; overflow:hidden;}
#index5 ul li{ float:left; position:relative; width:245px; padding:15px; background:#FFF; margin:0px 10px 20px 10px; overflow:hidden;box-shadow: 0px 2px 7px #DDD;}
#index5 ul li em{ display:block; float:left; width:100%; height:180px; background-size:cover; background-position:center center; background-repeat:no-repeat; overflow:hidden;}
#index5 ul li span{ display:block; position:absolute; left:15px; bottom:15px; background:rgba(0,0,0,0.5); width:240px; height:40px; line-height:40px; text-align:center; color:#FFF; z-index:99; overflow:hidden;}

#index4{
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;
	background:url(../images/bg3.jpg) center center no-repeat;
	background-size:100% 100%;
	padding:60px 0px 100px 0px;
}
#index4 .w1200{ background:rgba(255,255,255,0.5); padding:30px; box-sizing:border-box; overflow:hidden;}
#index4 .list li {
  float: left;
  width: 46%;
  margin: 13px 2%;
}

#index4 .list li .date {
  float: left;
  width: 66px;
  text-align: center;
}

#index4 .list li .date .d {
  line-height: 40px;
  font-size: 24px;
  color: #7d7e80;
  background: #f2f5f7;
  transition: all ease .2s;
}

#index4 .list li .date .y {
  color: #fff;
  line-height: 26px;
  background: #cb7a16;
}

#index4 .list li .text {
  margin-left: 90px;
  line-height: 30px;
  padding-top: 3px;
}

#index4 .list li .text h6 {
  line-height: 30px;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
font-weight: bold;
}

#index4 .list li .text .desc {
  color: #707070;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; font-size: 16px;
}

#index4 .list li:hover .date .d {
  background: #fff;
}

#footerlink{ width:100%; float:left; clear:both; overflow:hidden; background:#484848; padding:60px 0px 0px 0px;}
#footerlink>div{ position:relative; width:1160px; margin:auto; clear:both; line-height:30px; padding:19px; border:solid 1px #666;}
#footerlink>div i{ position:absolute; left:20px; top:-15px; display:block; height:30px; line-height:30px; background:#484848 url(../images/link.png) 5px center no-repeat; padding:0px 20px 0px 40px; font-size:22px; font-family:'黑体'; color:#FFF;}
#footerlink>div a{ margin:0px 5px; color:#FFF;}

#footer{width:100%; padding:20px 0px 30px 0px; background:#484848; color:#FFF; float:left; clear:both;}
#footer .w1200{ position:relative; overflow:visible;}
#footer a{ color:#FFF;}
#footer .left{ width:290px; padding:25px 0px 0px 0px; color:#FFF;}
#footer .left ._top{ width:100%; float:left; font-size:22px; padding:0px 0px 5px 0px; clear:both; line-height:40px;}
#footer .left ._top i{color:#CCC; font-size:12px; padding:0px 0px 0px 10px; letter-spacing:2px;font-family: 'Times New Roman'; font-style:italic;font-weight: bold;}
#footer .tel{ width:100%; float:left; clear:both; box-sizing:border-box; background:url(../images/telephone.jpg) 0px center no-repeat; line-height:25px; padding:2px 0px 2px 75px; font-size:16px;}
#footer .tel b{ font-size:22px;}
#footer .add{ width:100%; padding:10px 0px 0px 0px; float:left; clear:both; line-height:25px; color:#CCC;}
#footer .right{ width:910px; padding:10px 0px 0px 0px; position:relative; overflow:hidden;}
#footer .right dl{ float:left; width:180px; overflow:hidden;}
#footer .right dl dt{width:100%; float:left; clear:both; height:40px; line-height:40px; font-size:16px; text-align:center;}
#footer .right dl dd{ width:100%; float:left; clear:both; line-height:30px; font-size:14px; text-align:center;}
#footer .right dl dd a{ color:#CCC;}
#footer .right .ewm{ position:absolute; right:0px; top:40px; width:126px; height:160px; overflow:hidden;}
#footer .right .ewm img{ width:126px; height:126px;}
#footer .right .ewm em{ display:block; width:100%; line-height:30px; text-align:center;}

#copy{ float:left; clear:both; width:100%; padding:30px 0px; line-height:30px; color:#FFF; overflow:hidden;}
#copy p{ color:#CCC;}
#copy p a{ margin:0px 3px; color:#CCC;}
#copy a{ color:#FFF;}
#copy div{ padding:0px 0px 0px 8px;}

#container{ width:1200px; padding:30px 0px; clear:both; margin:auto; overflow:hidden;}
#left{ width:300px; float:left; overflow:hidden;}
#left .left_top{ width:100%; background:#403579; height:80px; line-height:80px; color:#FFF; text-indent:20px; font-weight:normal;}
#left .left_top b{ font-weight:normal; font-size:24px;}
#left .left_top i{ font-size:14px; padding:0px 0px 0px 10px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    opacity: .6;
}
#left .category{float:left; clear:both; width:100%; background:#FFF; overflow:hidden; margin:0px 0px 20px 0px;}
#left .category .body{ width:260px; padding:0px 20px 0px 20px; float:left; clear:both; overflow:hidden;}
#left .category .body li{ width:100%; float:left; clear:both; padding:10px 0px 10px 0px; overflow:hidden; border-top:solid 1px #EEE;}
#left .category .body li a{ display:block; width:100%; float:left; clear:both; overflow:hidden; height:40px; line-height:40px; font-size:16px; font-weight:normal; background:url(../images/li.png) 0px 14px no-repeat; text-indent:20px;}
#left .news{float:left; clear:both; width:100%; background:#FFF; overflow:hidden; margin:0px 0px 20px 0px;}
#left .news .body{ width:260px; padding:20px 20px 30px 20px; float:left; clear:both; overflow:hidden;}
#left .news ul{ width:100%; float:left; clear:both; overflow:hidden;}
#left .news ul li{ width:100%; float:left; clear:both; height:40px; background:url(../images/1.png) 0px 16px no-repeat;  overflow:hidden; border-bottom:solid 1px #EEE;}
#left .news ul li a{ display:block; float:left; clear:both; width:100%; height:40px; line-height:40px; overflow:hidden; text-indent:10px;}

#right{ width:880px; float:right; background:#FFF; overflow:hidden;}
#subject{ width:840px; padding:20px; overflow:hidden; height:40px; line-height:40px;  float:left; border-bottom:solid 1px #EEE;}
#subject em{float:left; display:block; font-size:28px; font-weight:normal; color:#403579; font-family:'黑体'; text-indent:20px;}
#subject span{ float:right; display:block; text-align:right; overflow:hidden; padding-right:10px;}
#subject span a{ background:url(../images/littleRight.png) right center no-repeat; margin-right:8px; padding-right:15px; color:#403579;}
#body{ width:840px; padding:20px; float:left; overflow:hidden;}

#details{width:100%; padding:0px; float:left; overflow:hidden;}
#details h1{ color:#383838; font-size:24px; font-weight:normal; line-height:30px; padding-top:10px; padding-bottom:20px; text-align:center;}
#details .date{ width:100%; float:left; clear:both; margin:0px 0px 20px 0px; line-height:36px; overflow:hidden; text-align:center; color:#666; border-top:solid 1px #EEE; border-bottom:solid 1px #EEE;}
#details .date i{ margin:0px 10px;}
#details .date b{ color:#333;}
#details .details{ width:100%; clear:none; overflow:hidden; line-height:36px; padding:0px 0px 20px 0px; float:left;}
#newslist{ width:100%; padding:0px 0px 20px 0px; overflow:hidden;}
#newslist li{ width:800px; padding:20px 20px; border-bottom:solid 1px #EEE; overflow:hidden;}
#newslist li:hover{ background:#FBFBFB;box-shadow:0 5px 5px rgba(0,0,0,.1);}
#newslist li:hover a{ color:#403579;}
#newslist li em{ display:block; float:left; width:200px; height:135px; overflow:hidden; box-shadow: 5px 5px 10px #CCC;}
#newslist li em img{ width:200px; height:135px; -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
#newslist li em img:hover{ 
-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);
}
#newslist li>div{ display:block; float:right; width:580px;}
#newslist li>div span{ display:block; width:100%; margin:8px 0px; height:30px; line-height:30px; overflow:hidden;}
#newslist li>div span a{ display:block; float:left; width:100%; font-size:22px; color:#000;}
#newslist .nopic em{ display:none;}
#newslist .nopic div{ width:100%;}
#newslist li div p{ display:block; width:100%; max-height:50px; line-height:25px; overflow:hidden; color:#666; font-size:14px;}
#newslist li div .more{ width:100%; height:20px; float:left; clear:both; margin:8px 0px 0px 0px; line-height:20px;}
#newslist li div .more i{ color:#999;}
.icon-fav2 {
    height: 20px;
    display: inline-block;
    cursor: pointer;
    background: url(../images/icon_fav2.png) no-repeat 0px center;
    text-indent: 19px;
    margin: 0px 2px 0px 8px;
}
#piclist{ float:left; clear:both; width:100%;}
#piclist ul{ width:870px;}
#piclist ul li{ float:left; width:260px; margin:0px 30px 30px 0px; box-shadow:0 5px 5px rgba(0,0,0,.1); overflow:hidden;}
#piclist ul li em{ display:block; float:left; clear:both; width:280px; height:165px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#piclist ul li span{ display:block; float:left; clear:both; width:100%; height:50px; line-height:50px; background:#FFF; text-align:center; overflow:hidden; font-size:16px;}
#piclist ul li:hover { box-shadow:0 5px 5px rgba(0,0,0,.15);}

#videodetails .video{ float:left; clear:both; position:relative; width:100%; height:500px; overflow:hidden;}
#videodetails .videobg{ z-index:1; position:absolute; left:0px; top:0px; width:100%; height:500px; overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px); 
 }
#avideo{ z-index:2; position:absolute; left:0px; top:0px; width:100%; height:500px;}
#videolist{ width:100%; padding:15px; box-sizing:border-box; float:left; clear:both; overflow:hidden; }
#videolist ul{ width:870px;}
#videolist ul li{ float:left; width:260px; margin:0px 30px 30px 0px; position:relative; height:180px; overflow:hidden;box-shadow:0 5px 5px rgba(0,0,0,.1); }
#videolist .bg{ position:absolute; left:0px; top:0px; z-index:1; width:100%; height:180px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);    
 }
 #videolist .video{ width:100%; box-sizing:border-box; height:180px; overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    position:absolute; left:0px; top:0px; z-index:2;
}
#videolist li i{ display:block; width:100%; height:180px; position:absolute; left:0px; top:0px; z-index:3; background:rgba(0,0,0,0.2) url(../images/video.png) center center no-repeat;}
#videolist .name{ position:absolute; left:0px; bottom:0px; z-index:4; width:100%; height:40px; line-height:40px; font-size:16px; overflow:hidden; background:rgba(0,0,0,0.5); color:#FFF; text-align:center;}