.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:100px; padding:10px 0px; background:rgba(255,255,255,0.9); z-index:99999;}
#logo{ float:left; height:100px; background:url(../images/logo.jpg) 0px center no-repeat; background-size:auto 70px; padding:0px 0px 0px 300px; overflow:hidden;}
#logo b{ display:none; float:left; width:100%; height:100px; line-height:100px; color:#333; font-size:32px; font-weight:normal;}
#menu{ float:right; padding:0px 0px;}
#menu span{ display:block; width:100%; padding:0px 20px 0px 0px; box-sizing:border-box; float:left; clear:both; height:30px; line-height:30px; text-align:right;}
#menu span a{ margin:0px 5px; font-family:'宋体'; font-size:12px;}
#menu ul{ width:100%; float:left; clear:both; padding:5px 0px 0px 0px; overflow:hidden;}
#menu ul li{ float:left; padding:0px 15px; height:40px; text-align:center; line-height:40px; position:relative; }
#menu ul li>a{ display:block; width:100%; height:40px; color:#333; font-size:20px;}
#menu ul li>a:hover,#menu ul li .curr{ color:#335cd5;}
#menu ul li em{ display:none; position:absolute; left:0px; top:40px; width:120px; overflow:hidden;z-index:99999999;}
#menu ul li em a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFF; background:rgba(0,0,0,0.25); }
#menu ul li em a:hover{background:rgba(0,0,0,0.35);}
.top { position:relative; width:1200px; margin:20px auto 20px auto; clear:both; height:110px; overflow:hidden;}
.top i{ display:block; float:left; clear:both; width:120px; padding:45px 0px 0px 0px; line-height:60px; border-bottom:solid 3px #333; font-size:30px; }
.top b{
    font-size:48px;
    font-weight:bold;
    color: rgba(169,179,197,.5);
    position: absolute;
    top: 0;
    left: 0;
    text-transform:uppercase;
    z-index: 1;
    line-height: 0.8;
    width: 100%;
    text-align:left;
    letter-spacing:2px;
}
.top a{ display:block; position:absolute; right:0px; top:40px; width:100px; height:32px; line-height:32px; text-align:center; background:url(../images/more.jpg); color:#042275;}
.top a:hover{background:url(../images/more2.jpg); color:#FFF;}
#flash{ width:100%; height:500px; float:left; clear:both; overflow:hidden; position:relative;}
#banner{ width:100%; height:350px; float:left; clear:both; overflow:hidden; position:relative;}
#banner>div{ position:relative; width:1200px; height:350px; clear:both; margin:auto; overflow:hidden;}
#banner #title{ position:absolute; left:0px; bottom:0px; width:240px; height:100px; text-align:center; background:rgb(4, 34, 117); color:#FFF;}
#banner #title b{ display:block; margin:auto; clear:both; width:160px; height:70px; line-height:70px; color:#FFF; font-size:32px; font-weight:normal; border-bottom:solid 3px #FFF;}

#index0{width:100%; float:left; clear:both; background:rgb(250,250,250); padding:50px 0px 60px 0px; overflow:hidden;}
#index0 .w1200{ width:1220px;}
#index0 ul{ clear:both; width:1224px; padding:30px 10px 0px 10px; overflow:hidden;}
#index0 ul li{ float:left; width:282px; padding:0px 0px 10px 0px; background:#FFF; margin:0px 24px 24px 0px; overflow:hidden; box-shadow:0px 2px 6px #CCC;}
#index0 ul li em{ position:relative; display:block; width:100%; height:180px; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; overflow:hidden;}
#index0 ul li p{ position:absolute; left:0px; bottom:0px; display:block; width:100%; box-sizing:border-box; padding:10px 10px 0px 10px; height:50px; line-height:30px; color:#FFF; background: url(../images/libg.png) 0px bottom repeat-x; background-size: 100% 100%; overflow:hidden; text-align:center; font-size:20px;}
#index0 ul li span{ display:block; width:100%; height:35px; line-height:25px; color:#666; box-sizing:border-box; padding:10px 8px 0px 8px; text-align:center; overflow:hidden;}

#index2{ float:left; position:relative;  clear:both; width:100%; height:580px; background:url(../images/bg11.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
#index2>div{ position:absolute; left:0px; top:0px; width:100%; padding:100px 0px 100px 0px; height:380px; background-color:rgba(255,255,255,0.5);}
#index2>div>div{ position:relative; height:360px;}
#index2 .pics{ width:600px; height:350px; border:solid 5px #FFF; position:absolute; left:0px; top:10px; overflow:hidden; border-radius:2px;}
#index2 .pics img{ width:600px; height:350px;}
#index2 .about{ float:right; width:550px; overflow:hidden;}
#index2 .top{ margin:10px auto;}
#index2 .top i{ border-bottom:solid 3px #FFF;}
#index2 .top i,#index2 .top b{ color:#FFF;}
#index2 .about p{ display:block; float:left; clear:both; width:100%; height:180px; line-height:30px; font-size:14px; color:#FFF; padding:5px 0px 0px 0px; overflow:hidden; text-indent:2em;}
#index2 .about .more{ display:block; float:right; clear:both; margin:10px 0px 0px 0px; width:100px; height:32px; line-height:32px; text-align:center; background:url(../images/more.png); color:#042275;}
#index2 .about .more:hover{background:url(../images/more2.png); color:#FFF;}


#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:#042275; 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: 'Times New Roman'; 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;}

#index3{ width:100%; float: left; clear:both; padding:80px 0px 80px 0px; margin:0px 0px 80px 0px; background:rgba(106,178,200,0.4); background: -webkit-linear-gradient(top,rgba(106,178,200,0.2),rgba(106,178,200,0.4)); overflow:hidden;}
#index3 .w1200>div{ width:1230px;}
#index3 .w1200>div>div{ float:left; width:350px; padding:14px; border:solid 1px #F0F0F0; box-shadow:2px 2px 6px rgba(106,178,200,0.2); background:#FFF; margin:0px 30px 0px 0px; overflow:hidden;}
#index3 .w1200 .content{ width:350px; height:250px; padding:14px 0px 0px 0px; overflow:hidden;}
#index3 .w1200 .content li{ width:100%; float:left; overflow:hidden;}
#index3 .w1200 .content li div{ position:relative; width:350px; height:250px; overflow:hidden;}
#index3 .w1200 .content li div i{ background: #000; background: -webkit-linear-gradient(bottom,#000,transparent); display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:16px; position:absolute; left:0px; bottom:0px;}
#index3 .index_top a{ display:block; width:18px; height:19px; position:absolute; top:10px; right:25px; background:url(../images/prev1.jpg) 0px 0px no-repeat;}
#index3 .index_top .snext{background:url(../images/next1.jpg) 0px 0px no-repeat; right:0px;}

#index_news{ position:relative; width:100%; height:650px; float: left; clear:both; background:#FFF url(../images/bg211.jpg) center center no-repeat; background-size:cover;  overflow:hidden;}
#index_news>div{position:absolute; left:0px; top:0px; width:100%; padding:0px 0px 0px 0px; height:550px; padding:50px 0px 50px 0px; background-color:rgba(204,204,204,0.1);}
#index_news .body{ width:1230px; padding:50px 0px 20px 0px;  float:left; clear:both; overflow:hidden;}
#index_news .newslist{ float:left; width:350px; height:420px; background:#FFF; transition: all 0.6s; border:1px solid #eee; padding:14px; margin:0px 30px 0px 0px; box-shadow: 0px 2px 7px #CCC;}
#index_news .title{width:100%; margin-bottom:10px; line-height: 40px;font-size:24px; color:#222;}
#index_news .title a{float: right; margin-top:10px; padding:3px 6px; line-height:20px; font-size:12px;  border-radius:500px; font-family: Arial; background:#042275; color:#FFF;}
#index_news .title span{  padding:0px 0px 0px 5px; font-family: 'Times New Roman'; font-size:12px;
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color: #cb7a16;
    opacity: .6;
    overflow:hidden;
    text-align:center;
    letter-spacing:1px;
    }
#index_news .img{ float:left; clear:both; width:100%; height:180px; margin:0px 0px 10px 0px; overflow:hidden;}
#index_news .img img{ width:100%;}
#index_news ul li{ width:100%; float:left; clear:both; height:32px; background:url(../images/li.png) 0px 10px no-repeat; line-height:32px; overflow:hidden;}
#index_news ul li a{ display:block; float:left; width:270px; overflow:hidden; text-indent:16px;}
#index_news ul li i{ display:block; float:left; width:80px; font-size:12px; color:#888; font-family: Arial; text-align:right; overflow:hidden;}


#index5{ float:left; clear:both; width:100%; padding:60px 0px 80px 0px; background:#FFF; overflow:hidden;}
#index5 .top i{ background:#FFF;}
#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:80px; border-radius:5px; cursor:pointer;}
#index5 .list #f1{ left:0px; background:url(../images/index_592.png) center center no-repeat; background-size:40px 40px;}
#index5 .list #f2{ right:0px; background:url(../images/index_622.png) center center no-repeat; background-size:40px 40px;}
#index5 .gd{ width:1200px;  margin:auto; clear:both; overflow:hidden;}
#index5 ul{ width:1200px; overflow:hidden;}
#index5 ul li{ float:left; position:relative; width:180px; margin:10px 10px 20px 10px; overflow:hidden;}
#index5 ul li em{ display:block; float:left; width:100%; height:150px; background-size:80% auto; background-position:center center; background-repeat:no-repeat; overflow:hidden;}

#index6{ width:100%; float:left; clear:both; background:#FFF; padding:50px 0px 80px 0px; overflow:hidden;}
#index6 .top i{ background:#FFF;}
#index6 .list{ width:1220px; padding:30px 0px 0px 0px; margin:auto; clear:both; overflow:hidden;}
#index6 .list li{ float:left; width:265px; padding:9px 9px 0px 9px; border:solid 1px #eee; margin:0px 20px 20px 0px; overflow:hidden;box-shadow:2px 2px 6px #EEE; background:#FFF;}
#index6 .list li:hover{ box-shadow:2px 2px 6px #CCC; background:#FBFBFB;}
#index6 .list li em{ display:block; width:100%; height:180px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
#index6 .list li span{ display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px;}

#index7{ width:100%; height:600px; position:relative; float:left; clear:both; overflow:hidden;}
#index7 .top{ margin:10px auto; z-index:3;}
#index7 .bluebg{ position:absolute; left:0px; top:0px; z-index:1; width:100%; float:left; clear:both; height:300px; background:#335cd5;}
#index7 .indexmess{ position:absolute; left:0px; top:100px; z-index:2; width:100%; height:490px; overflow:hidden;}
#index7 .indexmess>div{ width:1200px; padding:30px; height:480px; margin:auto; clear:both; background:#FFF; box-sizing:border-box; border-radius:5px; box-shadow:0px 5px 8px #EEE;}
#index7 .indexmess .body{ width:100%; box-sizing:border-box; padding:20px; overflow:hidden;}

.category{ width:100%; float:left; clear:both; text-align:center; padding:20px 0px 30px 0px;}
.category a{ display:inline-block; border:solid 1px #DDD; background:#FFF; padding:0px 15px; height:40px; line-height:40px; font-size:16px; margin:0px 5px; border-radius:5px;box-shadow:2px 2px 6px #CCC; }
.category .curr{ background:rgb(4, 34, 117); color:#FFF;}

#footerlink{ width:100%; float:left; clear:both; overflow:hidden; background:#333;}
#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:#484848; color:#FFF; float:left; clear:both;}
#footer .w1200{ position:relative; overflow:visible;}
#footer a{ color:#FFF;}
#footer .left{ width:290px; padding:45px 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:24px; letter-spacing:2px;}
#footer .add{ width:100%; padding:10px 0px 0px 0px; float:left; clear:both; line-height:25px; color:#CCC;}
#footer .right{ width:900px; 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;}
#subject{ width:1200px; box-sizing:border-box; height:40px; line-height:40px;  float:left; border-bottom:solid 1px #EEE; overflow:hidden;}
#subject span{ float:left; 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:#042275;}
#body{ width:1200px; padding:50px 0px; float:left;}

#details{width:100%; padding:0px; float:left; overflow:hidden;}
#details h1{ color:#333; font-size:30px; font-weight:normal; line-height:40px; 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;}
#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:1160px; 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:#042275;}
#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:940px;}
#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:1232px; padding:0px 5px;}
#piclist ul li{ float:left; width:276px; margin:0px 32px 32px 0px; box-shadow:0 0px 5px rgba(0,0,0,.1); overflow:hidden;}
#piclist ul li em{ display:block; float:left; clear:both; width:100%; height:180px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
#piclist ul li .em{ height:120px; background-size:50% auto;}
#piclist ul li span{ display:block; float:left; clear:both; width:100%; height:50px; line-height:50px; background:#FFF; padding:0px 5px; box-sizing:border-box; text-align:center; overflow:hidden; font-size:16px;}
#piclist ul li:hover { box-shadow:0 5px 5px rgba(0,0,0,.15);}