.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);}

#header{ width:100%; height:106px; background:rgba(255,255,255,0.8);}
#header .logo{ float:left; width:250px; height:90px; padding:8px 0px; overflow:hidden;}
#header .logo img{ height:80px;}
#menu{ float:left; padding:0px 45px 0px 0px;}
#menu ul li{ float:left; height:106px; text-align:center; line-height:126px; position:relative; }
#menu ul li>a{ display:block; width:100%; height:106px; color:#333; font-family:'黑体'; font-size:18px;}
#menu ul li .curr{ color:rgba(51,102,153,1);}
#menu ul li em{ display:none; position:absolute; top:106px; width:160px; overflow:hidden;z-index:99999999;}
#menu ul li em a{ display:block; width:100%; padding:10px 5px; box-sizing:border-box; line-height:30px; text-align:center; color:#FFF; background:rgba(51,102,153,0.6); }
#menu ul li em a:hover{background:rgba(51,102,153,0.9);}
#menu ul .li2{ width:80px;}
#menu ul .li4{ width:120px;}
#menu ul .li6{ width:160px;}
#menu ul .li2 em{ left:-40px;}
#menu ul .li4 em{ left:-20px;}
#menu ul .li6 em{ left:0px;}
#header .search{ position:relative; float:left; width:30px; height:106px; background:url(../images/search.png) center 52px no-repeat; cursor:pointer;}
#header .search span{ display:none; position:absolute; left:-200px; top:106px; width:300px; height:80px; padding:20px; background:rgba(255,255,255,0.5);  border-radius:0px 0px 5px 5px; box-sizing:border-box; overflow:hidden;z-index:99999999;}
#header .search .stxb{ display:block; float:left; width:180px; height:40px; line-height:40px;  border:none; background:#FFF; box-sizing:border-box; text-indent:10px; font-size:14px;}
#header .search .sbtn{ display:block; float:right; width:80px; height:40px; line-height:40px; text-align:center; border:none; background:rgba(51,102,153,1); color:#FFF; box-sizing:border-box; cursor:pointer;}
#header .change{ display:block; float:right; width:30px; height:106px; background:url(../images/en.png) center 50px no-repeat; cursor:pointer; background-size:24px 24px;}
#flash{ width:100%; height:650px; float:left; clear:both; overflow:hidden; position:relative;}

.top { position:relative; width:1200px; margin:20px auto 20px auto; clear:both; height:80px; overflow:hidden; text-align:center; font-size:30px; color:#666;}
.top i{ display:block; margin:auto; clear:both; width:200px; line-height:75px; border-bottom:solid 5px #336699;}
.top b{
    font-size:100px;
    font-weight:bold;
    color: rgba(169,179,197,.1);
    font-family: '黑体';
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 1;
    line-height: 0.8;
    width: 100%;
    text-align:center;
}
.top2{ width:100%; text-align:center; line-height:30px; padding:0px 0px 20px 0px; color:#FFF; overflow:hidden;}
.index_top { float:left; clear:both; width:100%; border-bottom:solid 1px #EEE; overflow:hidden; position:relative;}
.index_top span{ display:block; float:left; font-size:30px; padding:20px 5px; border-bottom:solid 5px #336699;}
.index_top em{ display:block; float:left; padding:20px 0px 20px 10px; 
    font-family: '黑体';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color: rgba(169,179,197,.5);
    font-size:20px;
}
.index_top a{float:right; margin:30px 10px 0px 0px; padding:3px 6px; line-height:20px; font-size:12px; border-radius:500px; font-family: 黑体; background:#336699; color:#FFF;}
.index_top a:hover{ color:#FFF;}
.index_body{float:left; clear:both; width:100%; padding:20px 0px 0px 0px; overflow:hidden;}

#index1{ width:100%; height:64px; float:left; clear:both; position:relative; box-shadow:0px 2px 6px #CCC;}
#index1 .left{  position:relative; width:136px; height:44px; padding:10px; background:#336699; color:#FFF;}
#index1 .left b{ display:block; float:left; clear:both; width:100%; font-weight:normal; font-size:24px; line-height:24px; text-align:center; }
#index1 .left i{ display:block; float:left; clear:both; width:100%; font-weight:bold; font-size:14px; line-height:20px; text-align:center; font-family: '黑体'; font-style:italic; opacity: .6;}
#index1 .right{ width:1044px; height:64px; overflow:hidden;}
#index1 .right ul { width:1044px; height:64px; overflow:hidden;}
#index1 .right li{ float:left; width:522px; height:64px; line-height:64px; background:url(../images/1.png) 10px 30px no-repeat; overflow:hidden;}
#index1 .right li a{ display:block; float:left; width:400px; overflow:hidden; text-indent:20px;}
#index1 .right li i{ display:block; float:left; width:122px; text-indent:10px; overflow:hidden; color:#999;}

#index_news{width:100%; float: left; clear:both; background:url(../images/bg13.png) center center no-repeat; background-size:100% 100%; padding:60px 0px 60px 0px; overflow:hidden;}
#index_news .w1200>div{ width:1280px; float:left; clear:both; overflow:hidden;}
#index_news .newslist{ float:left; width:560px; padding:0px; box-sizing:border-box; margin:0px 80px 0px 0px; overflow:hidden;}
#index_news .img{ float:left; width:560px; height:320px; padding:25px 0px 0px 0px; overflow:hidden;}
#index_news .img img{ width:100%; height:320px;}
#index_news .news{ float:left; clear:both; width:100%; overflow:hidden;}
#index_news .news ul{ width:100%; padding:2px 0px 0px 0px; overflow:hidden;}
#index_news .news ul li{ float:left; width:560px; padding:15px 10px; box-sizing:border-box; border-bottom:solid 1px #EEE; overflow:hidden;}
#index_news .news ul li:hover{ background:#FBFBFB;}
#index_news .news ul li span{ display:block; width:100%; height:36px; line-height:36px; overflow:hidden;}
#index_news .news ul li span a{ display:block; float:left; width:100%; font-size:22px;}
#index_news .news ul li p{ display:block; width:100%; height:56px; line-height:28px; overflow:hidden; color:#666; font-size:14px;}
#index_news .news ul li .more{ width:100%; height:20px; float:left; clear:both; margin:4px 0px 4px 0px; line-height:20px;}
#index_news .news ul li .more i{ color:#999;}
#index_news .details{ width:100%; float:left; clear:both; padding:20px 0px 0px 0px; height:240px; line-height:30px; text-indent:2em; overflow:hidden;}

#index0{ width:100%; float:left; clear:both; background:url(../images/bg11.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
#index0>div{ width:100%; padding:890px; background:rgba(0,0,0,0.8); padding:60px 0px 60px 0px; box-sizing:border-box; overflow:hidden;}
#index0 .top i{ color:#FFF;}
#index0 ul{ float:left; width:1260px; padding:20px 0px 10px 0px; overflow:hidden;}
#index0 ul li{ width:255px; padding:20px 20px 30px 20px; box-sizing:border-box; border-radius:10px; float:left; margin:0px 60px 20px 0px; overflow:hidden;}
#index0 ul li em{ display:block; width:100%; height:60px; margin:20px auto 20px auto; clear:both; text-align:center;}
#index0 ul li em img{ height:60px;	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
#index0 ul li b{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-weight:normal; font-size:22px; color:#FFF;}
#index0 ul li b:after{content:''; display:block; width:60px; margin:10px auto 0px auto; height:2px; border-radius:2px; background:#339999;}
#index0 ul li i{ display:block; width:100%; height:50px; line-height:25px; padding:25px 0px 0px 0px; text-align:center; font-size:14px; color:#339999; overflow:hidden;}
#index0 ul li:hover{ background:rgba(180,210,255,0.5);}
#index0 ul li:hover img {
	transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
#index0 ul li:hover b:after{ background:#FFF;}
#index0 ul li:hover i{ color:#FFF;}

#index4{ width:100%; float: left; clear:both; padding:50px 0px 100px 0px; overflow:hidden;}
.index_news_img{ float:left; width:350px; height:350px; margin:40px 0px 0px 0px; box-shadow:2px 2px 6px #EEE; overflow:hidden;}
.index_news_img img{ width:350px; height:350px;}
.index_news{ float:right; width:850px; padding:20px 0px 0px 0px;}
.index_news ul{ width:880px;}
.index_news li{ float:left; width:405px; margin:20px 0px 0px 20px; padding:20px; box-sizing:border-box; border:solid 1px #EEE; box-shadow:0px 2px 6px #EEE; overflow:hidden;}
.index_news li:hover{ background:#FBFBFB;}
.index_news li span{ display:block; width:100%; margin:8px 0px; height:30px; line-height:30px; overflow:hidden;}
.index_news li span a{ display:block; float:left; width:100%; font-size:22px; color:#000;}
.index_news li p{ display:block; width:100%; height:50px; line-height:25px; overflow:hidden; color:#666; font-size:14px;}
.index_news li .more{ width:100%; height:20px; float:left; clear:both; margin:8px 0px 0px 0px; line-height:20px;}
.index_news li .more i{ color:#999;}

#index5{ float:left; clear:both; width:100%; background:#F0F0F0; padding:50px 0px 80px 0px; overflow:hidden;}
#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:100px; 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:10px 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.35); width:245px; height:40px; line-height:40px; text-align:center; color:#FFF; z-index:99; overflow:hidden;}

#footerlink{ width:100%; float:left; clear:both; overflow:hidden; background:rgba(51,102,153,1);}
#footerlink>div{ position:relative; width:1200px; margin:auto; clear:both; line-height:30px; padding:20px 0px;}
#footerlink>div i{ display:inline-block; height:30px; line-height:30px; background:url(../images/link.png) 0px center no-repeat; background-size:25px 25px; padding:0px 0px 0px 30px; font-size:18px; font-family:'黑体'; color:#FFF;}
#footerlink>div a{ margin:0px 5px; color:#FFF;}

#footer{width:100%; padding:20px 0px 40px 0px; background:rgba(51,102,153,0.9); color:#FFF; float:left; clear:both;}
#footer .w1200{ position:relative; overflow:visible;}
#footer a{ color:#FFF;}
#footer .left{}
#footer .companylogo{ float:left; width:100%; height:100px; background:url(../images/logo_.png) 0px center no-repeat; background-size:auto 100px;}
#footer .companylogo2{ float:left; width:100%; padding:15px 0px 0px 0px; overflow:hidden;}
#footer .companylogo2 img{ height:60px; margin:0px 25px 0px 12px;}
#footer .right{ width:860px; padding:35px 0px 0px 0px; position:relative; overflow:hidden;}
#copy{ float:left; clear:both; width:100%; line-height:36px; color:#FFF; overflow:hidden;}
#copy p{ color:#FFF;}
#copy p a{ margin:0px 3px; color:#FFF;}
#copy a{ color:#FFF;}
#copy div{ padding:0px 0px 0px 8px;}
#footer .right .ewm{ position:absolute; right:0px; top:10px; width:136px; height:160px; overflow:hidden;}
#footer .right .ewm img{ width:126px; height:126px; border:solid 5px rgba(51,102,153,1);}
#footer .right .ewm em{ display:block; width:100%; line-height:30px; text-align:center;}



#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:#336699; 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: '黑体';
    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:100%; box-sizing:border-box; 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%; height:30px; line-height:30px; font-size:16px; font-weight:normal; background:url(../images/li.png) 0px 10px no-repeat; background-size:10px auto; text-indent:15px;}
#left .news{float:left; clear:both; width:100%; background:#FFF; overflow:hidden; margin:0px 0px 20px 0px;}
#left .news .body{ width:100%; box-sizing:border-box; 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:#336699; 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:#336699;}
#body{ width:840px; padding:20px; float:left; overflow:hidden;}
#rightkuang{ width:880px; float:right; overflow:hidden;}
#rightkuang .kuang{ float:left; clear:both; width:100%; border:solid 1px #EEE; background:#FFF; margin:0px 0px 20px 0px; box-sizing:border-box; overflow:hidden;}
#rightkuang .title{ float:left; clear:both; width:100%; background:#FBFBFB; line-height:50px; border-bottom:solid 1px #EEE;}
#rightkuang .title b{ display:inline-block; float:left; padding:0px 20px; background:#336699; font-size:24px; font-family:'黑体'; color:#FFF; font-weight:normal;}
#rightkuang .body{ width:100%; padding:20px 30px; line-height:30px; box-sizing:border-box; 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 5px;}
#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:#336699;}
#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) 0px 2px no-repeat;
    background-size:15px 15px;
    text-indent: 20px;
    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:0px 2px 6px #EEE; overflow:hidden;}
#piclist ul li em{ display:block; float:left; clear:both; width:260px; height:175px; 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:0px 2px 6px rgba(0,0,0,.15);}


#photolist{ width:100%; padding:0px 0px 20px 0px; overflow:hidden;}
#photolist li{ width:800px; padding:20px 20px; border-bottom:solid 1px #EEE; overflow:hidden;}
#photolist li em{ display:block; float:left; width:180px; height:200px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#photolist li span{ display:block; float:right; width:580px;}
#photolist li h2{ display:block; width:100%; margin:8px 0px; height:30px; line-height:30px; font-size:22px; overflow:hidden;}
#photolist li h2 i{ color:#999; font-size:14px; font-weight:normal; padding:0px 0px 0px 10px;}
#photolist li p{ display:block; width:100%; max-height:100px; line-height:25px; overflow:hidden; color:#666; font-size:14px;}
#photolist li .more{float:right; margin:12px 0px 0px 0px; padding:3px 6px; line-height:20px; font-size:12px; border-radius:500px; font-family: 黑体; background:#336699; color:#FFF;}