@charset "utf-8";
*{margin:0; padding:0;}html,body{width:100%; height:100%;}body{font-size:16px;font-family:"微软雅黑", Arial; overflow:hidden}
div,li,ul,dl,dd,dt,span,font,label,i,b,h1,h2,h3,button{ list-style-type:none;font-family:"微软雅黑", Arial;font-size:16px;font-weight:normal}i{ font-style:normal}td{padding:0;list-style-type:none;font-family:"微软雅黑", Arial;} input::-webkit-input-placeholder{color:#0f56a4;}a{text-decoration: none;color:#00162e;font-family:"微软雅黑", Arial; font-weight:normal;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}a:hover{color:#333}input,img,table{border: 0;}
.pdr0{padding-right:0 !important;}.borr0{border-right:0 !important;}
.bg{background:url(../images/bg.png) top center no-repeat; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-2}
.bg1{background:url(../images/bg.png) top center no-repeat; width:100%; height:100%; }
.top{height:130px; background:#083881;}
.w1300{width:1300px; margin:0 auto; clear:both}
.w90{width:90%; margin:0 auto; clear:both}
.logo{float:left; max-width:580px; padding-top:1.4%}
.logo img{width:100%;}
.header{width:60%; float:right; padding-top:35px}
.header .top_link{ float:right; padding-top:15px}.top_link .en{font-size:18px; color:#fff; margin-left:15px; display:block; float:left;line-height:30px; width:75px}.top_link .en:hover{ color:#96b0cd;}.top_link .sh{background:url(../images/search.png) center no-repeat; display:block; float:left; cursor:pointer; height:30px; width:30px; background-size:22px}
.header .top_link .form{ position:absolute; top:130px; right:4%; display:none}
.header .top_link .form input[type="text"]{ border-radius:18px 0 0 18px; background:#fff; height:35px; border:0; padding-left:15px; width:110px; float:left; font-size:14px; color:#333;}
.header .top_link .form input[type="submit"]{background:#fff url(../images/search_an.png) center no-repeat;height:35px; border:0;border-radius:0 18px 18px 0; width:35px; float:left; cursor:pointer; z-index:2}
/*添加*/
.content_box .left ul li on {
    background: #185da5;
    border-radius: 20px;
    color: #fff;
}
/*结束*/
.header .nav{height: 45px; position: relative; z-index: 111; clear:both; padding-top:10px; float:left}
.header .nav li{float: left; height: 45px;line-height: 45px;text-align: center; position:relative; width:97px}
.header .nav li:nth-child(1){width:70px;}
.header .nav li a{color: #fff; display:block; line-height:45px; text-align:center; font-size:16px;}
.header .nav li a.on{color: #fff; background:#174eb2;}
.header .nav li .second-nav{display: none;position: relative; width:180px;background: #0f56a4;}
.header .nav li .second-nav li{position: relative;width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #4f8bcd; }
.header .nav li .second-nav li a{color: #fff; line-height:40px;background: #0f56a4; }.header .nav li .second-nav li a:hover{color:#174eb2; background:#fff}
.hovers>a{color: #abc6e5 !important;}

.con_box{width:90%; height:635px; clear:both; overflow:hidden; position:absolute; left:50%; top:52%;transform: translate(-50%,-50%);}
.con_box .news{height:99px;padding:6px 0;    position: relative;}.con_box .news h1{width:88px; height:72px; text-align:left; font-size:25px; color:#fff; font-weight:bold; margin-left:6px; display:block; float:left;  line-height:91px}
.con_box .news h2{width:88px; height:20px;display:block;margin-left:6px;}.con_box .news h2 a{font-size:16px; color:#fff;}
.con_box .news h3{width:65px; height:20px; position: absolute;right:0;top:62px}.con_box .news h3 a{font-size:17px; color:#fff;}.con_box .news h3 a:hover{text-decoration: underline;}
.con_box .news ul{}
.con_box .news ul li{ height:72px; border-left:1px solid #6b6f78; padding-right:30px; padding-left:30px; float:left; width:21%; overflow:hidden}
.con_box .news ul li span{display:block; float:left; color:#FFF; line-height:18px; font-size:9px; margin-right:42px;}.con_box .news ul li span b{font-size:34px; line-height:36px; text-align:center; display:block; font-family:Cambria}
.con_box .news ul li a{font-size:16px; color:#fff; line-height:24px; height:24px; overflow:hidden; display:block}.con_box .news ul li a:hover{color:#b9d1ea}
.con_box .news ul li p{ line-height:19px; color:#8f929a; font-size:12px; padding-top:6px}
.tempWrap{padding-left: 384px;}
.con_box .box{height:486px; margin-top:35px; position:relative}
.con_box .box ul li{width:432px; height:240px; overflow:hidden; position:absolute;border-radius:7px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition:all 0.3s ease;}
.con_box .box ul div{width:24.5%; height:236px;left:50.4%; top:247px;overflow:hidden; position:absolute;}
.con_box .box ul div li h1 img{  vertical-align:middle; margin-right:10px !important; margin-top:-3px !important;width:36px; display:inline-block; margin-bottom:0}
.con_box .box ul li a{display:block; width:100%; height:100%}
.con_box .box ul li:hover{ opacity:0.7}.con_box .box ul li:hover h1{ left:58px}
.con_box .box ul li h1{ position:absolute; font-size:22px; color:#fff; left:43px; top:40px; text-align:center;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition:all 0.3s ease; }

.con_box .box ul li.a1{ width:24.5%; height:485px; background:#1e64d6 url(../images/a1.png) 90% 90% no-repeat; left:0; top:0; background-size:46%}
.con_box .box ul li.a2{ background:#ff015c url(../images/a2.png) right bottom no-repeat;width:19%;height:237px; left:25.2%;top:0; background-size:50%}
.con_box .box ul li.a3{ background:#ffc000 url(../images/a3.png) 90% 80% no-repeat;width:30%;height:237px;left:44.8%;top:0;background-size:20%}
.con_box .box ul li.a4{ background:#673bb8 url(../images/a4.png) 80% 80% no-repeat;width:24.6%;height:309px;right:0;top:0;background-size:40%}
.con_box .box ul li.a5{ background:#019688 url(../images/a5.png) 90% 80% no-repeat;width:24.5%;height:237px;left:25.2%; top:247px;background-size:25%}
.con_box .box ul li.a6{ background:#07b0d7 url(../images/a6.png) 90% 50% no-repeat; height:113px;width:100%;background-size:12%}
.con_box .box ul li.a7{ background:#f4548d url(../images/a7.png) 90% 50% no-repeat; height:113px;width:100%; top:123px;background-size:12%}
.con_box .box ul li.a8{ background:#e8650c url(../images/a8.png) 90% 50% no-repeat; height:165px;width:24.5%; top:319px; right:0;background-size:25%}

.footer{ width:100%; position:absolute; bottom:0; left:0;  height:20px; position:absolute; z-index:-1}
.footer p{font-size:13px; color:#adadad; position:absolute; bottom:0; line-height:47px; width:800px; text-align:center; left:50%; margin-left:-400px}


.content_box{width:90%; height:1200px; clear:both; overflow:hidden; position:relative; margin:0 auto }
.content_box .banner{ width:100%; height:270px; clear:both; padding:17px 0}.content_box .banner img{ width:100%; height:270px; border-radius:16px}
.content_box .left{width:169px; margin-left:11px; float:left;}
.content_box .left .h1_bg{background:url(../images/left_h1_bg.png) no-repeat; position:absolute; left:0; top:306px; width:301px; height:178px; z-index:-1}
.content_box .left h1{ font-size:24px; font-weight:bold; color:#fff; display:block; text-align:center; padding-top:109px; padding-bottom:15px}
.content_box .left ul{background:url(../images/left_ul_bg.png) top no-repeat; height:643px; padding-top:45px}
.content_box .left ul li{width:136px; margin:0 auto; height:40px; margin-bottom:13px;}
.content_box .left ul li a{ display:block; line-height:40px; text-align:center; font-size:15px; color:#5e5e5e;}
.content_box .left ul li a:hover{ background:#185da5; border-radius:20px; color:#fff;}
.content_box .left ul li.on a{background:#185da5; border-radius:20px; color:#fff;}

.content_box .right{width:86%; float:left; background:rgba(255,255,255,.95);background:#fff\0; height:758px; overflow:hidden; margin-top:40px}
.content_box .right .title{margin:0 30px; height:58px; border-bottom:#bababa 1px solid; padding-top:17px;}
.content_box .right .title h1{ height:58px; line-height:58px; font-size:20px; color:#0f56a4; font-weight:bold; background:url(../images/right_h1_bg.png) left center no-repeat; padding-left:22px; display:block;}
.content_box .right .right_box{margin:23px 30px; overflow-y:auto; width:92%; height:610px; position:relative; padding:0 30px 0 20px; line-height:38px; color:#00162e}
.content_box .right .right_box p{text-indent:2em; line-height:38px; color:#00162e}.content_box .right .right_box img{text-indent:0 !important;}

.content_box .right .right_box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 12px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.content_box .right .right_box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #185da5;
  }
.content_box .right .right_box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }

/*.animate { /动画时间
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.pulse {  /动画效果
-webkit-animation-name: pulse;
animation-name: pulse;
}*/

.content_box .right .right_box ul{}
.content_box .right .right_box ul li{line-height:57px; border-bottom:#999 1px dashed; background:url(../images/t1.png) left center no-repeat; padding-left:20px;transition:all 0.3s ease-out; }
.content_box .right .right_box ul li:hover{box-shadow:0px 15px 20px -17px rgba(0,0,0,0.5); transition:all 0.3s ease-out; transform:scale(1.03);}
.content_box .right .right_box ul li:hover a{color:#0f56a4}
.content_box .right .right_box ul li a:hover{color:#0f56a4}
.content_box .right .right_box ul li>span{float:right; background:url(../images/icon-time.png) left center no-repeat; padding-left:20px; font-size:13px; color:#7b7b7b; margin-right:10px}
.content_box .right .right_box .fy{line-height:40px; text-align:center; padding-top:20px}

.content_box .right .right_box .con_tit{ font-size:24px; font-weight:bold; color:#0f56a4; line-height:32px; padding:18px 0; text-align:center; }
.content_box .right .right_box .con_wz{ text-align:center; font-size:14px; color:#666; line-height:50px; border-bottom:#999 1px dashed; margin-bottom:20px}


@media (max-width: 1600px) {
	.logo{max-width:39%; margin-top:0.7%}.logo img{width:100%;}
	.header .nav{width:82%}.header .nav li{width:14%;}
	.con_box .news h1{width:5%}.con_box .news ul{width:92%}.con_box .news ul li{width:20%;}
}