@charset "utf-8";
/* CSS Document*/
*{margin: 0;padding: 0;font-family: 'microsoft yahei', sans-serif;}
img{display: inline-block;outline: 0;border: 0;}
ul li{list-style: none;}
a{text-decoration: none;outline: 0;}
a:hover{text-decoration: none;}
i{font-style:normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before,
.clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;/*IE/7/6*/}
body,
html{width: 100%;height: 100%;margin: 0;padding: 0;font-family: "微软雅黑";}
.w1400{max-width: 1400px;margin: 0px auto;}
.zddt_warp{background-color: #fff;padding: 40px;margin: 30px auto;border-radius: 6px;box-shadow: 0px 0px 7px #d9d9d9;}
.zddt_maplist ul li{position: relative;/* background-color: #f7f7f7;*/margin: 50px auto;height: 180px;width: 86%;display: inline-block;position: relative;border-radius: 4px;padding-left: 190px;}
.list34{height: 440px !important;}
.zddt_maplist ul li.hAdd{height: 380px;}
.zddt_maplist ul li.hAdd1{height: 220px;}
.zddt_maplist ul li:last-child{margin-bottom: 0px;}
.zddt_maplist ul li a{font-size: 16px;color: #333333;line-height: 38px;}
.zddt_maplist ul li .icon_text{display: block;text-align: center;position: absolute;left: 0px;top: 0px;width: 200px;height: 100%;z-index: 99;background-color: #e1ebf4;border-radius: 6px 0px 0px 6px;transition: width, height .3s;}
.zddt_maplist ul li .icon_text a{line-height: 25px;}
.zddt_maplist ul li .icon_text:hover{box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .1);transition: box-shadow .3s;}
.zddt_maplist ul li .icon_text:hover span{color: #295de0;font-weight: 700;}
.zddt_maplist ul li .icon_text i.icon_text_box{display: inline-block;position: relative;top: 50%;transform: translateY(-50%);}
.zddt_maplist ul li .icon_text em{display: inline-block;font-size: 0px;line-height: 0px;}
.zddt_maplist ul li .icon_text em img{max-width: 100%;}
.zddt_maplist ul li .icon_text .text{display: block;font-size: 22px;color: #234f87;}
.zddt_maplist ul li .a_links{display: block;width: 82.5%;padding: 2% 0 2% 7%;height: 100%;font-size: 0px;position: absolute;overflow: hidden;left: 10%;top: 50%;transform: translateY(-50%);background-color: #f9f9f9;border-radius: 6px;overflow: hidden;box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.zddt_maplist ul li .a_links a{display: inline-block;width: 20%;position: relative;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;z-index: 100;}
.zddt_maplist ul li .a_links a:hover{color: #2387A7;}
.zddt_maplist ul li .a_links::after{content: "";position: absolute;right: 0;top: 0;width: 8px;height: 100%;background: #2178ee;transition: width .3s;z-index: 98;}
.zddt_maplist ul li .a_links:hover::after{width: 100%;transition: width .3s;}
.zddt_maplist ul li .a_links:hover a{color: #fff;}
.zddt_maplist ul li .a_links:hover a:hover{color: #60D8EF;}
.zddt_maplist ul li .a_links:hover span{color: #fff;}
.zddt_maplist ul li .a_links:last-child{margin-bottom: 0;}
.a_link_fdzdgk{display:block;/* background: #fff; *//* padding: 10px 10px 10px 15px; *//* border-radius: 6px; */margin: 15px 0;padding: 15px 0;border-bottom: 1px dashed #efefef;}
.a_link_fdzdgk:last-child{border-bottom: 0px;}
.a_link_fdzdgk h2{display: block;font-size: 20px;color: #a3a3a3;margin-bottom: 10px;}
.zddt_maplist ul li .a_links:hover h2{color: #fff;z-index:110;position: relative;}
.zddt_maplist ul li .a_links:hover .a_link_fdzdgk{padding-left:0px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all .3s ease-out;}
.zddt_maplist ul li .a_links:hover .a_link_fdzdgk{padding: 15px 0;border-bottom: 1px dashed #fff;position: relative;z-index:105;}
.zddt_maplist ul li .a_links:hover .a_link_fdzdgk:last-child{border-bottom: 0px;}
.list70{height: 70px !important;margin-top: 70px !important;}
.list70 .icon_text{height: 180px !important;top: -60px !important;}
.list140{height: 140px !important;margin-top: 65px !important;}
.list140 .icon_text{height: 180px !important;top: -19px !important;}
.list110{height: 110px !important;margin: 50px 0 !important;}
.list110 .icon_text{height: 180px !important;top: -35px !important;}
.list120{height: 110px !important;margin: 55px 0 !important;!i;!;}
.list120 .icon_text{height: 180px !important;top: -35px !important;}
.list120 .a_links{padding: 1% 0 4% 7% !important;}
.h85{height: 1090px !important;}
.h85 .a_links .a_link_fdzdgk a{width: 33%;}


@media screen and (max-width: 1200px){.w1400{max-width: 100%;margin: 0px auto;overflow: hidden;}
.zddt_warp{padding: .2rem;}
.zddt_maplist ul li{width:100%;display: block;margin: 0px auto !important;text-align: center;padding: 0;}
.zddt_maplist ul li .icon_text{position: unset;width: 100%;height: 2.5rem !important;margin: 0px auto .7rem auto;float: left;}
.zddt_maplist ul li .icon_text em{display:none;}
.zddt_maplist ul li .a_links{width: 100%;display: contents;position: unset;padding: 0 !important;float: left;margin: 0 !important;!i;!;}
.zddt_maplist ul li .a_links a{width: 33.33%;float: left;/* text-align: left; */}
.list120{height: 17rem !important;}                                     
.list34{height: 45rem !important;}
.zddt_maplist ul li .a_links::after{background:none;}
.zddt_maplist ul li:nth-child(1){height: 15rem !important;}
.zddt_maplist ul li:nth-child(2){height: 40rem !important;}
.zddt_maplist ul li:nth-child(2) .a_link_fdzdgk h2{display: inline-block;width: 100%;}
.zddt_maplist ul li:nth-child(3){height: 11rem !important;}
.zddt_maplist ul li:nth-child(4){height: 13.5rem !important;}
.zddt_maplist ul li:nth-child(5){height: 28rem !important;}
.zddt_maplist ul li:nth-child(5) .a_links a{width: 50%;text-align: left;float: left;display: block;}                                      
.zddt_maplist ul li:nth-child(6){height: 18rem !important;}
.zddt_maplist ul li:nth-child(7){height: 75rem !important;}
.zddt_maplist ul li:nth-child(7) .a_links .a_link_fdzdgk{border-bottom: 0;display: inline-block;margin: 5px 0;padding: 0;}
.zddt_maplist ul li:nth-child(7) .a_links .a_link_fdzdgk h2{color: #666;background-color: rgba(0,0,0,.2);padding: 3px 0;font-weight: 300;font-size: 18px;}                                      
.zddt_maplist ul li:nth-child(8){height: 20rem !important;}
.zddt_maplist ul li:nth-child(7) .a_links .a_link_fdzdgk a{width: 47%; text-align: left;}                                     
.zddt_maplist ul li:nth-child(8) .icon_text{margin-bottom: 1rem !important;}











                                      
}