@charset "gb2312";
/*****¹«¹²ÑùÊ½*******/
*{padding:0;margin:0;font-family:"Î¢ÈíÑÅºÚ"; border-image:none; }
html,body{margin: 0;background:#fff;min-width: 1300px; }

li,ul,dl,dt,dd,ol,ul{list-style:none; text-decoration:none;}
a{text-decoration:none; color:none; cursor: pointer;}
img{ border:0; text-decoration:none;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
u,b{ font-weight:normal; text-decoration:none;}
input:focus{outline: none;}
/***** Ë®Æ½¾ÓÖÐ *****/
.cen{margin:0 auto; }
/***** Çå³ý¸¡¶¯ *****/
.clear{clear:both}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1}


.top_bg_w{width:100%;min-width:1200px;height: 138px;background-color: #4e6ba5;position: relative;z-index: 1;}
.top_bg{ width:1200px; height:152px; }
.top_logo{width:540px;height:72px;float:left;margin-top: 32px;}

/*** ËÑË÷ ***/
#search {float:right;display:block;width: 232px;height: 32px;margin-top: 56px;border: 1px #fff solid;border-radius: 2em;}
#search li.ipt{float:left;width: 200px;height: 32px;border-radius: 2em;}
#search li.ipt .keyword{float:left;display:block;border:none;width:203px;padding-left:20px;height: 32px;font: 14px/32px "Î¢ÈíÑÅºÚ";color: #fff;background-color: #4e6ba5;border-radius: 2em;}
#search li.btn{float:right;cursor:pointer;width: 32px;height: 32px;display:block;background:url(/templates/jdgl_new/images/ss_bt.png) no-repeat left top;margin-top: 4px;}

.top_nav {width:100%;min-width:1200px;height:40px;background: #4e6ba5;}
.top_nav>ul {width:1200px;height:40px}
.top_nav>ul>li {width:10%;float:left;position:relative}
.top_nav>ul>li>a {float:left;font:18px/40px "Î¢ÈíÑÅºÚ";color:#fff;text-align:center;display:inline-block;width:100%;}
.top_nav>ul>li:hover>a {background-color:#f0a37f!important}
.top_nav>ul>.on>a {background-color:#efa37f}
.top_nav>ul>li:last-child>a {background:url(/templates/jdgl_new/images/fly.png) no-repeat right 4px center;background-size:20px auto;text-decoration:underline;}

.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes fadeInRight {0% {opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.top_nav>ul>li .sub {display:none;position:absolute;left:0;top:100%;width: 210px;z-index:20;padding:8.5px 0;padding-left: 24px;background: #fff;box-sizing:border-box;overflow:hidden;float: left;}
.top_nav>ul>li:hover .sub {display:block}
.top_nav>ul>li .sub::before {content:"";position: absolute;width:100%;height: 53px;right: 0;bottom: 0;background: url("/templates/jdgl_new/images/sub_bg.png") no-repeat right bottom;}
.top_nav>ul>li .sub::after {content:"";position:absolute;width:100%;height:100%;left:0;top:96px;background:rgba(255,255,255,0.4)}

.sub-ul {width: 160px;position:relative;z-index:20;margin-top: 8px;float: left;}
.sub-ul li {height: 40px;width: 100%;float: left;border-bottom: 1px #4e6ba5 dashed;}
.sub-ul li:last-child {border:0}
.sub-ul li a {display:inline-block;width:100%;height:100%;font-size: 13px;color: #4e6ba5;font-family:"ºÚÌå";line-height: 40px;padding-left: 10px;}
.sub-ul li a::before{content:"";position: absolute;width: 0;height: 0;left: 0;margin-top: 20px;border: 1px solid #4e6ba5;}
.sub-ul li a:hover {color:#dc6e4f;font-weight:600}
.sub .sub_img{float:right;margin-right:10px;margin-top: 16px;}
.sub .sub_img img{width:100px;height:57px;}

#container{width:1200px; height:auto; padding:0px 0px 10px 0px;}
/* ·ÀÖ¹¸ß¶È³Æ²»¿ª */
.clearfix:after {content: '.';clear: both;display: block;height: 0;visibility: hidden;}
.clearfix:after, .clearfix:before {content: " "; display: table;}


/******** banner ********/
.focusBox {
	width: 100%;
	min-width: 1200px;
	height: 680px;
	position: relative;
	overflow: hidden;
	background: #fff;
	text-align: center;
}

.focusBox .pic {
	position: relative;
	z-index: 0;
	height: 100%;
}

.focusBox .pic li {
	/*height: 100%;*/
}

.focusBox .pic img {
	width: 100%;
	height: 680px;
	display: block;
}

.focusBox .hd {
	width: 100%;
	position: absolute;
	bottom: 16px;
	text-align: center;
	font-size: 0;
	z-index: 1;
}

.focusBox .hd li {
	margin: 0 6px;
	border-radius: 50%;
	opacity: 0.6;
	background: #FFFFFF;
	overflow: hidden;
	height: 12px;
	width: 12px;
	cursor: pointer;
	display: inline-block;
	zoom: 1;
}

.focusBox .hd .on {
	opacity: 1;
}


/***** µ±Ç°Î»ÖÃ *****/
.position {width: calc(100%-30px);padding-left:30px;background: url(/templates/jdgl_new/images/add_ico01.png) 13px center no-repeat;height:38px;font:12px/38px "Î¢ÈíÑÅºÚ";color:#787777;height:38px;margin-top:30px;margin-bottom:20px;border:solid 1px #cddff1;}
.position a{ font:13px/30px "Î¢ÈíÑÅºÚ"; height:30px;color:#555; text-decoration:none; }
.position a:hover{color:#4e6ba5; text-decoration:underline;}  

#container{width:1200px;}
/* ·ÀÖ¹¸ß¶È³Æ²»¿ª */
.clearfix:after {content: '.';clear: both;display: block;height: 0; visibility: hidden;}
.clearfix:after, .clearfix:before {content: " "; display: table;}



/***** foot *****/
#foot_w{float:left;width:100%;height:243px;background-color: #4e6ba5;}
.foot_top_w{border-bottom: solid rgba(255, 255, 255, 0.2) 1px;height:91px;}
.foot_top{ width:1200px;}
.foot_top .foot_logo{ float:left; margin-top:18px;}
.foot_top .foot_top_r{float:right;margin-top:30px;/* width:520px; */font:14px/24px "Î¢ÈíÑÅºÚ";color:#fff;}
.foot_top .foot_top_r a{font:14px/24px "Î¢ÈíÑÅºÚ"; color:#fff; padding:0px 10px;}
.foot_top .foot_top_r a:hover{ text-decoration:underline;}

.foot{ width:1200px;font:14px/48px "Î¢ÈíÑÅºÚ";color:#fff;}
.foot_xq{width:730px; float:left; margin-top:20px;font:13px/28px "Î¢ÈíÑÅºÚ"; color:#fff;}
.copyright { float:right;width:730px;font:13px/28px "Î¢ÈíÑÅºÚ"; color:#fff;}
.copyright a{ font:13px/28px "Î¢ÈíÑÅºÚ"; color:#fff; }
.copyright a:hover{ text-decoration:underline;}

.foot_r{ width:420px;height:124px;float:right; margin:15px 10px 0px 0px;}
.foot_r p{ width:96px; height:124px;float:right; margin-left:28px;}
.foot_r p img{ width:96px; height:94px; margin-bottom:-10px;}
.foot_r p span{ height:20px;font:12px/20px "Î¢ÈíÑÅºÚ"; color:#f4eaea; display:block; text-align:center;}


