@font-face {
  font-family: "yd_lh_iconfont"; /* Project id 2749620 */
  src: url('yd_lh_iconfont.woff2') format('woff2'),
       url('yd_lh_iconfont.woff') format('woff'),
       url('yd_lh_iconfont.ttf') format('truetype');
}

.yd_lh_iconfont {
  font-family: "yd_lh_iconfont" !important;
  font-size: 16px;
  vertical-align: top;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-row{margin-left:-16px; margin-right: -16px;}
.el-row [class*=el-col-]{ padding: 0 16px;}
.header_21{ border-bottom: 8px solid #1658a0;}
.nav_21>ul>li{ margin-left: 22px;}
.con_bg{background: url(21yd_gfh_bg.jpg) no-repeat center top; height: 583px;}
.con_tit{ text-align: center; padding-top: 69px;}
.tit1{ line-height: 82px; border-bottom: 1px solid #cccccc; position: relative; height: 82px; font-size: 28px; font-weight: bold; color: #1658a0; text-align: center;}
.tit1::before{ content: ''; position: absolute; width: 2em; left: 50%; margin-left: -1em; bottom: -3px; height: 5px; background-color: #1658a0;}
.list1{ margin: 40px auto 0; position: relative;}
.list1 .bd li .box{ cursor: pointer; background-color: #ffffff; padding:8px; position: relative; box-shadow: 0 0 10px rgba(22,88,160,.1);}
.list1 .bd li .box1{ position: relative; padding: 21px 19px; height:210px; box-sizing: border-box; border: 1px solid #d0deec;}
.list1 .bd li .box::before{ content: ''; position: absolute; left: 0; top: 0; width:70px; height: 58px; background: url(21yd_gfh_line.png) no-repeat; z-index: 4;}
.list1 .bd li .box1 .star{ text-align: center; margin-bottom: 16px;}
.list1 .bd li .box1 h3{ line-height: 30px; text-align: center; overflow: hidden; margin-bottom: 12px; position: relative; z-index: 6; color: #333333; position: relative;}
.list1 .bd li .box1 h3 span{ font-size: 20px; background-color: #ffffff; padding: 0 13px; position: relative; z-index: 2;}
.list1 .bd li .box1 h3::before{ content: ''; position: absolute; z-index: 1; height: 2px; background-color: #1658a0; left: 0; right: 0; top: 14px;}
.list1 .bd li .box1 p{ line-height: 32px; height: 192px; overflow: hidden; position: relative; z-index: 6; color: #666666;}
.list1 .num{text-align: center; margin-top:5px;}
.list1 .num li{font-size: 0px; background: #dcdcdc; border-radius:50%; margin: 0px 3px; width: 12px; height: 12px; display: inline-block;}
.list1 .num li.on,.list1 .num li:hover{ background: #1658A0;}
.list1 .next,.list1 .prev{width: 18px; display: block; height: 34px; position: absolute; top: 100px; cursor: pointer;}
.list1 .next{background: url(21ta_lh_rr.png) no-repeat center; right: -25px;}
.list1 .prev{background: url(21ta_lh_ll.png) no-repeat center; left: -25px;}
/*轮播图02样式*/
.slideBox_02 { position: relative; overflow: hidden; margin: 0px auto; }
	.slideBox_02 .hd { position: absolute; height:28px; bottom: 0; right:16px; z-index: 1;}
	.slideBox_02 .hd ul{ font-size: 0; float: right;}
	.slideBox_02 .hd li { display: inline-block; *display: inline; *float: left; font-size: 12px; width:12px; height:12px; line-height: 38px; border-radius: 50%; background: #ffffff; overflow: hidden; margin: 0 3px; cursor: pointer;}
	.slideBox_02 .hd li.on { background: #d40000; }
	.slideBox_02 .bd { position: relative; z-index: 0; }
	.slideBox_02 .bd li { position: relative; text-align: center; }
	.slideBox_02 .bd li img { vertical-align: top; width: 100%; height: 398px;}
	.slideBox_02 .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
	.slideBox_02 .bd li .tit { display: block; left: 0; right: 0; position: absolute; bottom: 0; text-indent: 20px; height:50px; line-height:50px; font-size: 16px; color:#ffffff; text-align: left; background-color: rgba(0,0,0,.6);}
.list2{ position: relative;}
.list2::before{ content: ''; position: absolute; left: 7px; top: 15px; bottom: 68px; width: 1px; background-color: #d0deec; z-index: 1;}
.list2 ul{ position: relative; z-index: 2;}
.list2 li{ background: url(21yd_gfh_dot.png) no-repeat 0px 5px; padding-left: 25px;}
.list2 li p{ line-height: 30px;}
.list2 li p span{ padding: 0 13px; display: inline-block; border-radius: 5px; background-color: #1658a0; color: #ffffff; height: 30px; line-height: 30px;}
.list2 li a{ display: block; padding: 9px 0 13px 0; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mar_t35{ margin-top: 35px;}
.pad_t30{ padding-top: 30px;}
.con_a{text-align: center; margin-top: 30px;}
.con_a a{display: inline-block;width: 122px; height:40px; line-height: 40px; text-align: center; border-radius:20px; background: #f0f0f0; color: #999999;} 
.con2_a{background: #f2f8ff; margin-top: 34px; padding-bottom: 38px;}
.con_img span{height: 130px; display: block; padding: 20px 32px;}
.con_img h1{font-size: 24px;  color: #FFFFFF;font-weight: bold;}
.con_img p{color: #FFFFFF; padding: 15px 0px;}
.con_img a{width: 115px;transition:ease-in-out  0.5s; line-height: 40px; height: 40px; border-radius: 20px; background: rgba(0,0,0,0.1); text-align: center; color: #FFFFFF; display: block;}
.con_img.icon1{background: url(21yd_lh_img1.jpg) no-repeat center; background-size:100% 100%;}
.con_img.icon2{background: url(21yd_lh_img2.jpg) no-repeat center; background-size:100% 100%;}
.con_img.icon3{background: url(21yd_lh_img3.jpg) no-repeat center; background-size:100% 100%;}
.con_img.icon1 span{display: block; background: url(21yd_lh_img_icon1.png) no-repeat right 1px;}
.con_img.icon2 span{display: block; background: url(21yd_lh_img_icon2.png) no-repeat right 1px;}
.con_img.icon3 span{display: block;  background: url(21yd_lh_img_icon3.png) no-repeat right 1px;}
.con_img:hover a{ background: rgba(0,0,0,0.05); }
.zt_list1 {margin:0 -16px;position: relative;}
.zt_list1 .bd ul{ padding-bottom: 10px;}
.zt_list1 .bd li{float: left; width: 25%; margin-top: 32px;}
.zt_list1 li .box-shadow{ margin: 0 16px; position: relative; padding:34px 20px 30px 102px; height:81px; box-shadow: 0px 0px 8px rgba(7,130,231,0.15);}
.zt_list1 li .box-shadow i{position: absolute; top: 38px; left: 20px; display: block;width: 59px; text-align: center; line-height: 59px; height: 59px; color: #ffffff; background-color: #1658a0; border: 3px solid #d0deec; border-radius: 100%; font-size: 32px;}
.zt_list1 li .box-shadow p{font-size: 20px; font-weight: bold; line-height: 34px;}
.zt_list1 li .box-shadow span{ color: #999999; line-height: 26px; margin-top:9px; display: block;}
.zt_list1 li .box-shadow span a{ margin-right: 6px; color: #999999; font-size: 18px;}
.zt_list1 .num{text-align: center; margin-top:5px;}
.zt_list1 .num li{font-size: 0px; background: #dcdcdc; border-radius:50%; margin: 0px 3px; width: 12px; height: 12px; display: inline-block;}
.zt_list1 .num li.on,.zt_list1 .num li:hover{ background: #1658A0;}
.zt_list1 .next,.zt_list1 .prev{width: 18px; display: block; height: 34px; position: absolute; top: 150px; cursor: pointer;}
.zt_list1 .next{background: url(21ta_lh_rr.png) no-repeat center; right: -25px;}
.zt_list1 .prev{background: url(21ta_lh_ll.png) no-repeat center; left: -25px;}
.con_div{background: #FFFFFF; margin-top: 30px; border-top:2px solid #1658A0; padding: 32px;}
.con_div_top{width: 170px; height: 60px; line-height: 60px; margin: 0 auto; margin-top: -65px; background: #1658a0; text-align: center; font-size: 24px; font-weight: bold;border:2px solid #1658A0; border-radius:4px;}
.con_div_top a{display: block; color: #ffffff;}
.con_div_ul{margin-top: 20px;}
.con_div_ul ul li{line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 60px;padding-left: 20px; background: url(20ta_lh_dian.jpg) no-repeat 4px 28px; border-bottom: 1px dashed  #d7d7d7; font-size: 18px;}
.con_div_ul ul li span{float: right; margin-left: 20px; color: #999999; }
.con_div_ul ul li a{transition: ease-in-out 0.2s; }
.con_div_ul ul li:hover a{padding-left: 5px;}
.con_tit_ul{ margin-top: 22px; position: relative;}
.con_tit_ul .bd ul li a{display: block; min-height: 156px; padding: 32px; box-shadow: 0px 5px 10px rgba(22,88,160,.08); margin-bottom: 10px; margin-top: 10px;}
.con_tit_ul .bd ul li a h3{font-size: 20px; line-height: 32px; height: 64px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
.con_tit_ul .bd ul li a p{line-height: 28px; font-size: 18px; height:84px; margin-top: 10px; color: #666666; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
.con_tit_ul .bd ul li a p.p1{ white-space: nowrap; height: 28px; overflow: hidden; text-overflow: ellipsis; color: #999999; margin-top: 24px;}
.con_tit_ul .num{text-align: center; margin-top:5px;}
.con_tit_ul .num li{font-size: 0px; background: #dcdcdc; border-radius:50%; margin: 0px 3px; width: 12px; height: 12px; display: inline-block;}
.con_tit_ul .num li.on,.con_tit_ul .num li:hover{ background: #1658A0;}
.con_tit_ul .next,.con_tit_ul .prev{width: 18px; display: block; height: 34px; position: absolute; top: 150px;}
.con_tit_ul .next{background: url(21ta_lh_rr.png) no-repeat center; right: -25px;}
.con_tit_ul .prev{background: url(21ta_lh_ll.png) no-repeat center; left: -25px;}
.conb_a{background: url(21yd_lh_bg2.jpg) no-repeat center top; padding: 32px 0px;}
.con_l_top h1{ color: #FFFFFF; font-size: 32px;}
.con_r_top h1{color: #1658A0; font-size: 32px;}
.con_r_top {padding-left: 15px;}
.con_l{width:56.5384%;}
.con_r{width: 34.2307%;}
.con_l_ul ul{ margin-right: -32px;}
.con_l_ul ul li{float:left;width: 50%; margin-top: 29px;}
.con_l_ul ul li a{padding: 17px 30px 17px 55px;display:block; background-color: rgba(255,255,255,.1); margin-right: 32px;}
.con_l_ul ul li span{display:block; float: left; margin-right: 26px; transition: ease-in-out 0.3s; text-align: center; width: 78px; height: 78px; border: 2px solid #FFFFFF; border-radius:50%; line-height: 78px;}
.con_l_ul ul li i{font-size: 20px; float: left; display: block; line-height:82px;font-weight: bold; color: #FFFFFF; width: calc(100% - 109px);}
.con_l_ul ul li:nth-child(3) i{ line-height: 30px; padding-top: 10px;}
.con_l_ul ul li:hover span{transform: rotate(360deg);}
.con_r_ul ul {padding-left: 35px; margin-top: 30px; background: url(21ta_lh_tit_bg2.png) no-repeat left center;}
.con_r_ul ul li{position: relative; margin-bottom: 30px;box-shadow: 0px 0px 10px rgba(7,130,231,0.15); margin-left: 30px; background: #FFFFFF; border-radius:4px; line-height: 100px; height: 100px;}
.con_r_ul ul li::before{width: 0;height:0; top: 25px; left: -25px; z-index: 1; position: absolute; content: ''; border-top:20px solid transparent;border-bottom: 20px solid transparent;border-right: 25px solid #FFFFFF;}
.con_r_ul ul li a{display: block;}
.con_r_ul ul li a span{float: right; margin-right: 30px;}
.con_r_ul ul li a i{padding-left: 30px; font-size: 20px; font-weight: bold;}
.con_b_img ul li a{ display: block;}


.gl_tit{ background: url(20ta_lh_wz.png) no-repeat left 18px; line-height: 30px; padding: 15px 15px 15px 33px; border-bottom: 2px solid #eeeeee; color: #999999; margin-top: 16px;}
.gl_tit a{ color: #999999;}
.gl_tit1{ height: 60px; line-height: 60px; background-color: #f7f7f7; overflow: hidden; margin-top: 28px;}
.gl_tit1 span{ float: left; display: block; padding: 0 32px; color: #ffffff; background-color: #1658a0; font-size: 24px;}
.gl_list1{ margin-top: 6px;}
.gl_list1 ul{ padding: 23px 0; border-bottom: 1px dotted #a1a1a1; overflow: hidden;}
.gl_list1 li{ line-height: 50px; background: url(20ta_lh_dian.jpg) no-repeat 10px 22px; padding-left: 30px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gl_list1 li span{ float: right; font-size: 16px; color: #999999;}

.fy_list_02{ margin: 40px auto 0; color: #555555; text-align: center;}
	.fy_list_02 .fy_tit_l{ display: inline-block; *float: left; margin-right: 30px; font-size: 0;}
	.fy_list_02 .fy_tit_l a{ font-size: 16px; display: inline-block; line-height: 18px; padding: 10px 15px; border: 1px solid #d9d9d9; margin:0 5px; color: #555555;}
	.fy_list_02 .fy_tit_l a.next{ *width: 64px;}
	.fy_list_02 .fy_tit_l a.next em{ *margin-top: -18px;}
	.fy_list_02 .fy_tit_l a.prev em,.fy_list_02 .fy_tit_l a.next em{ display: block; width: 5px; height:18px;}
	.fy_list_02 .fy_tit_l a.prev em{ background: url(fy_prev.png) no-repeat 0px -51px; float: left; margin-right: 10px;}
	.fy_list_02 .fy_tit_l a.next em{ background: url(fy_next.png) no-repeat 0px -51px; float: right; margin-left: 10px;}
	.fy_list_02 .fy_tit_l a.on,.fy_list_02 .fy_tit_l a:hover{ background:none #1658a0; color: #ffffff; border: 1px solid #1658a0; cursor: pointer;}
	.fy_list_02 .fy_tit_l a.prevStop,.fy_list_02 .fy_tit_l a.nextStop{ color: #999999;}
	.fy_list_02 .fy_tit_l a.prev:hover em,.fy_list_02 .fy_tit_l a.next:hover em{ background-position: 0px -91px;}
	.fy_list_02 .fy_tit_l a.prevStop em,.fy_list_02 .fy_tit_l a.nextStop em{ background-position: 0px -11px;}
	.fy_list_02 .fy_tit_l a.prevStop:hover,.fy_list_02 .fy_tit_l a.nextStop:hover{ border: 1px solid #d9d9d9; background-color: #d9d9d9; color: #999999; cursor: default;}
	.fy_list_02 .fy_tit_l a.prevStop:hover em,.fy_list_02 .fy_tit_l a.nextStop:hover em{ cursor: default; background-position: 0px -11px; }
	.fy_list_02 .fy_tit_r{ display: inline-block; *float: left; line-height: 40px;}
	.fy_list_02 .fy_inp{ border: 1px solid #d9d9d9; background-color: #ffffff; width: 38px; height: 38px; line-height: 38px; text-align: center; margin: 0 8px; font-size: 15px; color: #555555;}
	.fy_list_02 .fy_go{ display: inline-block; width:40px; height:40px; line-height: 40px; background-color: #e2e2e2; text-align: center; margin: 0 8px; font-size: 16px; color: #555555; cursor: pointer; *margin-top: -50px;}
	@media screen and (max-width:999px) {
	 .fy_list_02{ text-align: center;}
	 .fy_list_02 .fy_tit_l{ float: inherit; text-align: center; margin: 0;}
	 .fy_list_02 .fy_tit_l a,.fy_list_02 .fy_tit_r{ display: none;}
	 .fy_list_02 .fy_tit_l a.prev,.fy_list_02 .fy_tit_l a.next{ display:inline-block;}
	}
.fy_list { margin:20px auto 0px; clear:both; text-align:center; padding-bottom:20px;}
.fy_list a { display:inline-block; padding:10px 15px; border:1px solid #e4e4e4; background-color:#ffffff; line-height:18px; height:18px; margin:0 2px; color:#555;}
.fy_list a.bor_l1 { border-left:1px solid #e4e4e4; }
.fy_list a.on, .fy_list a:hover { color:#fff; background-color:#165bd4; border:1px solid #e4e4e4; text-decoration:none }
.inp6{ width:40px; height:40px; line-height:42px; text-align:center; padding:0; font-size:14px; border:1px solid #e4e4e4}

	
.xl_tit{ font-size: 32px; font-weight: bold; line-height: 48px; text-align: center; margin-top: 44px;}
.xl_tit1{ margin-top: 8px; line-height: 32px; font-size: 16px; text-align: center; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; }
.xl_tit1 span{ margin: 0 15px; color: #666666; display: inline-block;}
.xl_tit1 span.font{ position: relative;}
.xl_tit1 em{ cursor: pointer; line-height: 32px; display: inline-block; margin:0 3px; background: url(20zp_lh_xl_arr.png) no-repeat right; padding-right: 20px;}
.xl_tit1 span ul{ position: absolute; display: none; right: 10px; top: 32px; width:40px; background-color: #ffffff; border: 1px solid #e3e3e3; border-radius: 4px;}
.xl_tit1 span.font:hover ul{ display: block;}
.xl_con2{padding:20px 50px;line-height:32px; font-size: 16px; }
.xl_con2 p{ font-size: 16px; line-height: 32px; margin-top: 15px; font-family: simsun;}
.xl_con2 img{ padding: 20px 0; max-width: 100%; margin: 0 auto; display: block;}
.xl_con1{ margin: 30px auto; text-align: center;}
.xl_con1 img{ margin-top:40px;}
.xl_tit2{ margin: 0px auto; width: 615px;}
.xl_tit2>ul>li{ float: left; width: 33.3%; position: relative; height: 56px; line-height: 56px;}
.xl_tit2>ul>li>a{ display: block; text-align: center; margin: 0 10px; background-color: #d9efff; border-radius: 5px; font-size: 18px;}
.xl_tit2>ul>li>a img{ margin-right: 12px; margin-top: -3px;}
.xl_tit2>ul>li .fx_list{ position: absolute; bottom: 50px; background-color: #d9efff; display: none; left: 10px; border-radius: 5px; right: 10px; height: 62px; text-align: center;}
.xl_tit2>ul>li .fx_list a{ margin: 10px 10px;}
.xl_tit2>ul>li:hover .fx_list{ display: block;}

.otherlink-bg { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: all 0.3s ease 0s; z-index: 99;}
.otherlink-bg.in { opacity: 1;}
.otherlink-pop { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); height: 180px; left: 50%; margin: -250px 0 0 -280px; overflow: hidden; position: fixed; top: -25%; transition: all 0.4s ease 0s; width: 470px; z-index: 100;}
.otherlink-pop.in { top: 50%;}
.otherlink-pop a.offBtn { color: #ccc; font-size: 20px; font-weight: 700; line-height: 20px; padding: 5px 10px; position: absolute; right: 8px; top: 5px;}
.otherlink-pop h2 { font-size: 16px; padding: 45px 40px; font-weight: normal; text-align: left; font-size: 14px; line-height: 2em;}
.otherlink-pop p.btns { background: #f5f5f5 none repeat scroll 0 0; border-top: 1px solid #ddd; bottom: 0; height: 50px; left: 0; position: absolute; text-align: right; width: 100%;}
.otherlink-pop p.btns a { border: 1px solid #bbbbbb; border-radius: 5px; color: #333; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; margin: 9px 15px 0 0; padding: 0 15px;}
.otherlink-pop p.btns a:hover { background: #e6e6e6 none repeat scroll 0 0;}
.otherlink-pop p.btns a.toOtherLink { background: #337ab7 none repeat scroll 0 0; border: 1px solid #337ab7;color: #fff;}
.otherlink-pop p.btns a.toOtherLink:hover { background: #286090 none repeat scroll 0 0;}


/*21-8-24*/
.nav_21 li{ margin-left: 36px;}
.header_21{ border-bottom: 8px solid #1658a0;}
.footer_21_tit_l span img{ margin-top: -3px;}
.ml_con{ margin-top: 32px;}
.ml_l{ float: left; width:23.0769230%; background-color: #f2f8ff;}
.ml_con4{ height: 840px; margin: 32px 10px 32px 32px; overflow-y: auto; overflow-x: hidden;}
.ml_con4::-webkit-scrollbar{ width: 10px; border-radius: 5px; background-color: #dcdcdc;}
.ml_con4::-webkit-scrollbar-thumb{ width: 10px; border-radius: 5px; background-color: #1658a0;}
.ml_l ul{ padding-right: 7px;}
.ml_l li{ margin-bottom: 14px;}
.ml_l li a{ line-height:30px; font-size: 20px; padding:8px 0px; display: block; background-color: #ffffff; border-radius: 5px; text-align: center;}
.ml_l li.on a,.ml_l li a:hover{ background-color: #1658a0; color: #ffffff; font-weight: bold;}
.ml_r{ float: right; width:74.461538%;}
.ml_tit{ padding: 20px; background-color: #f1f9ff;}
.ml_tit li{ float: left; line-height: 30px; font-size: 20px; font-weight: bold;}
.ml_tit li:first-child,.ml_tit li:nth-child(2){ width:38%; padding-left: 2%;}
.ml_con2{ margin-top: 16px; box-shadow: 0px 0px 5px rgba(153,153,153,.3); padding: 23px 24px; margin-right: 5px;}
.ml_tit1{ line-height: 32px; position: relative;}
.ml_tit1 dt{ float: left; width: 38%; font-size: 20px; font-weight: bold; padding-left: 2%; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(21xmjm_lh_gl_icon2.png) no-repeat left 7px; padding-left: 25px;}
.ml_tit1 dd{ float: left;}
.ml_tit1 dd:nth-child(2){ width:40%;}
.ml_tit1 dd:nth-child(3){ text-align: center; width: 10%;}
.ml_con3{ line-height: 36px; font-size: 18px; background-color: #f8f8f8; padding: 18px 25px; margin-top: 12px; display: none;}
.ml_btn1{ width: 40px; height: 40px; line-height: 40px; background: url(21xmjm_lh_gl_icon4.png) no-repeat center; color: #555555; text-align: center; position: absolute; right: 0; top: 0px; cursor: pointer;}
.ml_btn1.on{ transform: rotate(180deg);}