@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
img,input,button {border: 0;}
i,h2,h3,h4,h5{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"Microsoft Yahei";}
a{color: #333;text-decoration:none;font-family:"Microsoft Yahei";font-size:16px;}
a:hover{color: #335daf;}
button,img,input { vertical-align: middle;}
.clearfix{content: " "; height:0;display: table;clear: both;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
.fl{ float:left;}
.fr{ float:right;}

body{ background:#f7fcff;}
.mainbox{ width:1200px; height:auto; min-height:700px; box-shadow:0 0 20px rgba(0, 69, 155, .4); margin:20px auto; padding:20px 10px; box-sizing:border-box; overflow:hidden;}
.left_side{ width:700px; overflow:hidden;}
.right_side{ width:460px; overflow:hidden;}
.mart10{ margin-top:10px; }
.mart20{ margin-top:20px; }
.contant{ width:100%; height:auto; overflow:hidden;}
.title{ width:100%; height:45px; border-bottom:4px solid #ebebeb; position:relative;}
.title h2{font-size:20px;height:45px;line-height:45px;color:#0c4d9e;border-bottom:4px solid #0c4d9e;text-align:center;display:block;float: left;margin: 0px 0px 0px 15px;}
.title h2 a{font-size:20px;}
.title .more{ position:absolute; bottom:4px; right:8px; width:33px; height:33px; line-height:33px; text-align:center; background:#ebebeb; border-radius:50%;}
.title .more a{ font-size:12px; color:#0c4d9e;}
.list_ul,.list_ul2{ padding:10px 10px 0 0;}
.list_ul{}
.list_ul ul li{height: 40px;line-height: 40px;background:url(jdhy_icon01.png) no-repeat left center;padding-left:20px;display:block;position:relative;width: calc(100% - 20px);}
.list_ul ul li a,.list_ul2 ul li a{ width:82%; display:block; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; float:left;}
.list_ul ul li span{position:absolute;top:0;right:0;color:#999999;display:block;width: 13%;}

.title2{background:#f2f2f2;border-left:8px solid #0c4d9e;border-bottom:2px solid #0c4d9e;box-sizing:border-box;display: block;height: 45px;float: left;}
.title2 .more,.title3 .more{ background:#ffffff;}
.title2 h2,.title3 h2{border-bottom:0;}
.zctj{
    width: 700px;
    overflow: hidden;
}
.zctj ul li{width:340px;height:190px;margin-top: 10px;display:block;float:left;}
.zctj ul li:nth-child(2){float:right;}
.zctj ul li:nth-child(4){ float:right; }
.zctj ul li img{width:340px; height:190px;}

.listt_ul ul li{height: 40px;line-height: 40px;background:url(jdhy_icon01.png) no-repeat left center;padding-left:20px;display:block;position:relative;width: 97.2%;margin-top: 5px;}
.listt_ul ul li:nth-child(2),.listt_ul ul li:nth-child(4){float:left;}
.listt_ul ul li a,.list_ul2 ul li a{width: 78%;display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:left;}
.listt_ul ul li span{position:absolute;top:0;right:0;color:#999999;display:block;width: 13%;}

.title3{ background:#f2f2f2; border-bottom:2px solid #0c4d9e; box-sizing:border-box;}
.title3 h2{ width:120px; background:#0c4d9e; color:#ffffff; border-top-left-radius:8px; border-top-right-radius:8px;}
.title3 h2 a{color:#fff;}
.list_ul2 ul li{height: 56px; line-height: 56px; border-bottom:1px dashed #5793dd; display:block; position:relative; overflow:hidden;}

.m-slide{position: relative;width: 460px; height: 295px; float:left;}
.m-slide .prev:hover,.m-slide .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.m-slide .hd{ position: absolute;z-index: 1;bottom:22px; right:10px;}
.m-slide .hd li{cursor:pointer;width:10px;height:10px;display:block;overflow:hidden;text-indent:20px;float:left;margin-left:8px;background: #fff;/*filter: alpha(opacity=40);opacity: 0.4;*/ border-radius:50%;}
.m-slide .hd li.on{background: #c92b2f;filter: alpha(opacity=100);opacity:1;}
.m-slide .bd {width: 460px;height: 295px;position: relative; overflow: hidden;}
.m-slide .bd li {width: 460px; height: 295px; background-color: #fff; position: relative;}
.m-slide .bd li a img{width: 460px; height: 295px;}
.m-slide .bd li p { position: absolute; left: 0; bottom: 0; line-height: 50px; height: 50px; width: 440px;white-space: nowrap; overflow: hidden; padding-left:20px;}
.m-slide .bd li p i { position: absolute; left: 0; top: 0; display: block; width: 460px; height: 50px; background: #000; opacity: .3; filter: alpha(opacity=30);}
.m-slide .bd li p a, .m-slide .bd li p a:visited { position: relative; color: #fff; font-size: 16px; line-height: 50px; text-align: center;}

.zxft{ padding-top:10px;}
.zxft img{ width:460px; height:255px;}
.zxft_text{ height:45px; line-height:45px; text-align:center; background:#f2f2f2;}
.zxft_text a{ font-size:18px; color:#0c4d9e;}

@media only screen and (max-width: 1100px){
.mainbox{width: 100%;padding: 5;margin: 0;}
.left_side{width: 100%;}
.list_ul ul li a, .list_ul2 ul li a{width: calc(100% - 110px);}
.listt_ul ul li a, .list_ul2 ul li a{width: calc(100% - 110px);}
.list_ul ul li span,.listt_ul ul li span{width: 110px;}
.zctj{width: 100%;}
.zctj ul li{margin: 20px auto;width: 100%;text-align: center;/* padding: 0;*//* background: none;*/}
.listt_ul ul li{margin:0;width: calc(100% - 20px);}
.zctj ul li:nth-child(2){float:left;}
.right_side{width: 100%;}  
    
}