.left{ float:left; overflow:hidden;}
.center{ float:left; overflow:hidden;}
.right{ float:right; overflow:hidden;}
.w1200{ width:1200px; margin:auto; clear:both; overflow:hidden;}
@media screen and (max-width: 1200px)  
{
   .w1200{ width:99%; padding:0px 0.5%; margin:auto; clear:both; overflow:hidden;}	    
   #header .search{ display:none;}
}
#nav{ width:100%; height:30px; line-height:30px; background:#333; color:#FFF;}
#nav a{ margin:0px 5px; color:#FFF;}
#header{ height:100px; padding:12px 0px; background:url(../images/index_05.png) 0px bottom repeat-x; position:relative;}
#header img{ max-height:100px;}
#header .search{ width:280px; height:50px; padding:50px 0px 0px 0px; position:absolute; left:450px; top:0px; background:url(../images/i_10.png) 0px 10px no-repeat; overflow:hidden;}
#header .search input{ float:left; display:block; height:28px; border:none; overflow:hidden;}
#header .search .stxb{ width:226px; line-height:28px; background:url(../images/i_11.png); text-indent:35px;}
#header .search .sbtn{ width:48px; background:url(../images/i_12.png);}

#header .right{ height:75px; line-height:25px; background:url(../images/index_06.png) 0px 40px no-repeat; padding:25px 0px 0px 100px;}
#header .right b{ color:#003e72; font-size:30px;}
#menu{ width:100%; background:#003e72;}
.nav_ul{ height:52px; line-height:52px;}
.nav_li{ float:left; width:14.28%; height:52px; z-index:2; font-family:'黑体';}
.nav_li .on{ display:block; float:left; width:100%; height:52px; z-index:90000; font-size:20px; text-align:center; color:#FFF;}
.nav_li_hover .on{ background:#0e559b;}
.nav_li a:hover{color:#FFF;}
@media only screen and (min-width:700px)
{
     #nav_box{ display:none;}
     #nav_menu{ display:none;}
     #nav_menu ul li{ display:none;}
}
@media only screen and (max-width:700px)
{
     #nav .right{ display:none;}
     #header .right{ display:none;}
     #header .right i{ display:none;}
     #header .right b{ display:none;}
     #menu{ display:none;}
     #header .search{ display:none;}
     #nav_box{ display:block; width:25px; height:20px; position:absolute; right:10px; top:40px; cursor:pointer;}
     #nav_box ul li{ width:100%; float:left; clear:both; height:4px; margin-bottom:4px; background:#003e72;}
     #nav_menu{ display:none; width:100%; background:#FFF; overflow:hidden;}
     #nav_menu ul li{ display:block; width:98%; margin:auto; clear:both;  height:40px; line-height:40px; border-bottom:solid 1px #F0F0F0;}
     #nav_menu ul li a{ display:block; width:100%; height:40px; text-indent:20px;}
     #nav_menu ul li a:hover{background:#003e72; color:#FFF;}
}
.top { width:100%; float:left; clear:both; overflow:hidden; padding:40px 0px 30px 0px;}
.top div{ width:500px; padding:0px 0px 10px 0px; background:url(../images/sepp.png) center bottom no-repeat; clear:both; margin:auto;}
.top div b{ display:block; height:36px; width:100%;  text-align:center;  line-height:36px; font-size:28px; font-weight:normal;}
.top div b s{ color:#003e72; text-decoration:none;}
.top div i{ display:block; height:25px; width:100%;  text-align:center; line-height:25px; color:#666; font-size:14px; letter-spacing:2px; text-transform:uppercase;}
#index1 .body{ padding:0px 0px 50px 0px;}
#index1 .body .left{ width:350px; height:200px; padding:9px; border:solid 1px #c5c5c5; margin:25px 0px 0px 0px;}
#index1 .body .left img{ width:350px; height:200px;-o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s}
#index1 .body .left:hover img{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);}
#index1 .body .right{ width:800px; box-sizing:border-box; padding:5px 0px 0px 20px; overflow:hidden;}
#index1 .body .right .div{ width:100%; float:left; clear:both; margin:0px 0px 10px 0px; height:180px; line-height:30px; overflow:hidden;}
#index1 .body .right .div2{ width:100%; padding:10px 0px;float:left; clear:both; overflow:hidden; background:#F8F8F8;}
#index1 .body .right a{ display:block; border:solid 1px #003e72; background:#003e72; color:#FFF; margin:auto; clear:both; width:90px; height:34px; line-height:34px; text-align:center;}
#index1 .body .right a:hover{ background:#003e72; color:#FFF;}
@media screen and (max-width: 500px)  
{
   #header{ height:68px; text-align:center;}
   #header .right{ display:none;}   
   #header img{ width:198px; height:60px;}
   #nav_box{ top:24px; right:10px;}
   .top div{ width:100%;}
}
@media screen and (max-width: 600px)  
{
    #index1 .top{ width:100%; padding:20px 0px 10px 0px;}
    #index1 .body{ width:100%; padding:10px 10px; box-sizing:border-box; }    
    #index1 .body .left{ width:100%; margin:0px 0px 20px 0px;}
    #index1 .body .left img{ height:auto;}
    #index1 .body .right{ width:100%; padding:0px 0px 0px 0px;}
}
#index2 .category{ line-height:30px; text-align:center;}
#index2 .category a{ display:inline-block; height:30px; padding:0px 15px; margin:0px 1px; background:#999; color:#FFF;}
#index2 .category a:hover{ background:#003e72; color:#FFF;}
#index2 .body{ padding:30px 0px 80px 0px;}
#index2 .body .w1200{ width:1100px;}
#index2 .body ul{ width:1080px; padding:0px 10px;}
#index2 .body ul li{ float:left; width:220px; padding:14px; border:solid 1px #DEDEDE; margin:0px 10px 20px 10px; box-shadow: 5px 8px 8px #EEE;}
#index2 .body ul li:hover{ border:solid 1px #CCC; box-shadow: 5px 8px 8px #DDD;}
#index2 .body ul li span{ display:block; width:220px; height:185px; overflow:hidden; text-align:center;}
#index2 .body ul li span img{ width:220px; height:185px;-o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s}
#index2 .body ul li:hover img{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);}
#index2 .body ul li em{ display:block; width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden;}
@media screen and (min-width: 520px)  and (max-width: 1200px)  
{
     #index2 .body{ padding:20px 0px 0px 0px;}
     #index2 .body .w1200{ width:520px; padding:0px;}
     #index2 .body ul{ width:540px; margin:auto; clear:both;}
}
@media screen and (max-width: 520px)  
{
     #index2 .body{ padding:20px 0px 0px 0px;}
     #index2 .body .w1200{ width:250px; padding:0px;}
     #index2 .body ul{ width:250px; margin:auto; clear:both;}
     #index2 .body ul li{ margin:10px;}
}
#index3{ width:100%; height:520px; background:url(../images/cloud-tab-bg.jpg) center 0px no-repeat;}
#index3 .news{ width:1020px; margin:auto; clear:both; overflow:hidden;}
#index3 .news>a{ display:block; border:solid 1px #003e72; background:#003e72; color:#FFF; margin:auto; clear:both; width:90px; height:34px; line-height:34px; text-align:center;}
#index3 .news>a:hover{ background:#003e72; color:#FFF;}
#index3 .news ul{ float:left; width:500px; margin:0px 20px 0px 0px; padding:10px 0px 20px 0px; overflow:hidden;}
#index3 .news ul li{ float:left; width:100%; clear:both; margin:0px 0px 10px 0px; overflow:hidden;}
#index3 .news ul li:hover span b{color:#003e72;}
#index3 .news ul li em{ display:block; float:left; width:85px; height:55px; padding:15px 0px 15px 0px; background:#363636; overflow:hidden; text-align:center;}
#index3 .news ul li em b{ display:block; width:100%; height:30px; line-height:30px; font-size:28px; color:#FFF;}
#index3 .news ul li em i{ display:block; width:100%; height:25px; line-height:25px; font-size:18px; color:#FFF;}
#index3 .news ul li span{ display:block; float:left; width:385px; height:75px; background:#FFF; border:solid 1px #CCC; border-left:none; padding:4px 14px 4px 10px; overflow:hidden;}
#index3 .news ul li span b{ display:block; width:100%; height:30px; line-height:30px; font-size:16px; overflow:hidden; color:#333;}
#index3 .news ul li span i{ display:block; width:100%; height:40px; line-height:20px; overflow:hidden; color:#999;}
@media screen and (max-width: 600px)  
{
     #index3 .news2 ul{ width:80%; float:none; margin:auto; clear:both; padding:10px 0px 0px 0px;}
}
#flash{ width:100%; float:left; clear:both; overflow:hidden; box-shadow: 0 2px 8px 4px #EEE;}
#footer{width:100%; background:#003e72; padding:20px 0px; float:left; clear:both; overflow:hidden; color:#FFF;}
#footer .left{ width:46%;}
#footer .left em{ display:block; width:100%; line-height:40px; font-size:16px; color:#FFF;}
#footer .left span{ display:block; width:100%; height:75px; line-height:25px; overflow:hidden; color:#EEE;}
#footer .left ul{ float:left; width:100%; padding:10px 0px 0px 0px; clear:both; overflow:hidden;}
#footer .left ul li{ float:left; width:100px; margin-right:20px; text-align:center}
#footer .left ul li img{ width:100px; height:100px;}
#footer .left ul li p{ width:100%; line-height:30px;}

#footer .right{ width:46%;}
#footer .right em{ display:block; border-bottom:solid 1px #CCC; width:100%; line-height:40px; font-size:16px; color:#FFF;}
#footer .right ul{ float:left; width:100%; padding:20px 0px; overflow:hidden;}
#footer .right li{ float:left; width:100%; line-height:30px; padding:10px 0px; text-indent:32px; font-size:16px;}
#footer .right .li0{ background:url(../images/index_51-56.png) 0px 14px no-repeat;}
#footer .right .li1{ background:url(../images/index_51-60.png) 0px 17px no-repeat;}
#footer .right .li2{ background:url(../images/index_51-63.png) 0px 18px no-repeat;}
#copy{ width:100%; background:#333; padding:10px 0px; line-height:30px; text-align:center; float:left; clear:both; overflow:hidden; color:#FFF;}
 #copy a{color:#FFF;}
 @media screen and (max-width: 600px)  
 {
     #footer .left{ float:none; clear:both; width:96%; padding:0px 2%;}
     #footer .right{ float:none; clear:both; width:96%; padding:0px 2%;}
 }
#container{ width:1200px; padding:0px 0px; clear:both; margin:auto; overflow:hidden;}
 @media screen and (max-width: 1200px)  
 {
     #container{ width:99%; padding:0px 0.5%; margin:auto; clear:both; overflow:hidden;}	   
 }
#top{ width:100%; overflow:hidden; height:36px; line-height:36px; padding:10px 0px 10px 0px;  float:left; border-bottom:solid 1px #dbd4cd; margin-bottom:20px;}
#top span{ float:left; display:block; overflow:hidden; padding-right:10px;}
#top span a{ background:url(../images/littleRight.png) right center no-repeat; margin-right:8px; padding-right:15px; color:#003e72;}

#newslist{ width:100%; float:left; overflow:hidden;}
#newslist ul li{ float:left; width:100%; margin:0px 0px 20px 0px; padding:15px 0px; overflow:hidden; border-bottom:dotted 1px #CCC;}
#newslist ul li:hover{}
#newslist ul .left{ width:60px; height:60px; line-height:30px; padding:5px; font-size:22px; text-align:center;  background:#F0F0F0;}
#newslist ul .left b{ display:block; width:100%; text-align:center;}
#newslist ul .left span{ display:block; width:100%; text-align:center; font-size:14px;}
#newslist ul .right{ float:none; padding:0px 0px 0px 15px;}
#newslist ul .right a{ display:block; width:100%; float:left; clear:both; height:30px; line-height:30px; overflow:hidden; font-size:22px; color:#333;}
#newslist ul .right a:hover{ color:#003e72;}
#newslist ul .right .details{ width:100%; float:left; clear:both; overflow:hidden; padding:10px 0px 0px 0px;}
#newslist ul .right em{display:block; float:left; width:100%; height:50px; line-height:25px; font-size:14px;text-indent:2em; overflow:hidden;}

#details{width:100%; float:left; overflow:hidden;}
#details h1{ color:#383838; font-size:24px; line-height:30px; padding-top:10px; padding-bottom:20px; text-align:center;}
#details .date{ width:100%; line-height:36px; overflow:hidden; text-align:center; color:#666; border-top:1px dashed #dbd4cd; border-bottom:1px dashed #dbd4cd;}
#details .date span{ margin:0px 15px;}
#details .details{ width:100%; overflow:hidden; line-height:2em; padding:20px 0px; float:left;}