@charset "utf-8";
.warp{ width:100%; min-width:1220px;  position:relative; overflow:hidden; margin:0 auto; background:#FFF;}
.top{ width:100%; height:684px; background: url(/images/wjjbzzcfz_bj.png) no-repeat center top;}
.top_main{width: ; margin: 0 auto; height: 499px; position: relative; }
.top_logo{position: absolute; left: 0; top: 27px;}
.top_logo img{width: 320px;}
.top_title{position: relative; margin: 0 auto; top: 185px; text-align: center;}
.top_ico{position: absolute; left: 54px; top: 342px;}
.main{position: relative; margin-top: -150px;}
.p1{width: ; position: relative; box-sizing: border-box; padding: 25px; background: #FFF; box-shadow: 0px 0px 5px 0px #ede3e3; margin: 0 auto;}
.p_title{text-align: center; position: relative; margin-top: 20px;}
.hmhq_dy{ padding:40px 22px; border:14px solid #fbf6ef; line-height:28px; font-size:16px; text-indent:0em; position:relative; margin: 0 auto; width: 820px;  height: 45px; margin-top: 35px;}
.hmhq_dy_title{ position:absolute; top:-30px; left:50%;width: 216px;margin-left: -108px;}
.p1_con{margin-top: 30px; position: relative; overflow: hidden;}
.p1_con_left{width: 580px; height: 400px; float: left; position: relative; overflow: hidden;}
.p1_con_left .bd li{ position: relative; overflow: hidden; width: 580px; height:400px; }
.p1_con_left .bd li img{ display: block; width: 100%; height: auto; min-height: 100%; }
.p1_con_left .bg{position: absolute; width: 100%; height: 50px; left: 0; bottom: 0; background:#000; opacity: 0.8;}
.p1_con_left .text{position: absolute;width: 420px;height: 50px;left: 10px;bottom: 0;}
.p1_con_left .text li{ padding: 10px 0; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; color: #FFF; line-height: 30px;}
.p1_con_left .text li a{color: #FFF;}
.p1_con_left .num{position: absolute;right: 10px;bottom: 18px;}
.p1_con_left .num li{position: relative;float: left;width: 15px;height: 15px;margin: 0 3px;border-radius: 50%;transition: margin 0.3s;font-size: 0;background-color: #FFF;cursor: pointer;}
.p1_con_left .num li.on{background-color: #0348ee;}
.p1_con_left>a{display:block;width: 60px;height: 1125px;position:absolute;top:102px;top: calc((400px - 125px) / 2);opacity:0;filter: alpha(opacity=0);transition:all 0.5s;}
.p1_con_left>a.prev{left:10px;background: url(/images/wjj_tpxw_l.png) no-repeat;}
.p1_con_left>a.next{right:10px;background: url(/images/wjj_tpxw_r.png) no-repeat;}
.p1_con_left:hover>a{ opacity:1;filter: alpha(opacity=100);}
.p1_con_left:hover>a.prev{ left:0px;}
.p1_con_left:hover>a.next{ right:-8px;}

.p1_con_right{width: 530px; position: relative; float: right; margin-right: 15px;}
.p1_con_right ul li{ position: relative; overflow: hidden; color: #464646; font-size: 16px; padding: 13px 0; padding-left: 18px; border-bottom: 1px dashed #c0bfbf; line-height: 30px; }
.p1_con_right ul li::before{ content: ''; display: block; position: absolute; overflow: hidden; left: 0px; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background: #0348ee; border-radius: 50%; }
.p1_con_right ul li a{ display: block; max-width: 80%; max-width: calc(100% - 110px); position: relative; overflow: hidden; float:left; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.p1_con_right ul li a:hover{color: #0348ee;transition: all .5s;}
.p1_con_right ul li span{ float: right; text-align:right; color: #bababa;}

.p2{width: ; position: relative; background: #FFF; margin: 0 auto; margin-top: 5px; margin-bottom: 20px;}
.p2 ul li{width: 228px; height: 68px; float: left;border: 1px #ebebeb solid; background: linear-gradient(to right, #e6f5ff 0%, #f7fcff 100%);border-radius: 5px; margin-left: 12px; margin-top: 20px;}
.p2 ul li a{font-size: 20px; line-height: 68px;display: block; text-align: center;color: #333;}
.p2 ul li a:hover{background: #5e8fd9;transition: all .5s; border-radius: 5px;color: #FFF; font-weight: bold;}
.p2 ul li:nth-child(1), .p2 ul li:nth-child(6){margin-left: 0;}

.p3{width: ; position: relative; box-sizing: border-box; height: 400px; background: #d9edfa; box-shadow: 0px 0px 5px 0px #ede3e3; margin: 0 auto;}
.p3_tab{width: 95px; height: 400px; float: left; }
.p3_tab li{width: 95px; height: 200px; float: left;background: #e6f5ff;position: relative; font-size: 22px; writing-mode:vertical-rl; line-height: 95px;}
.p3_tab li a{display: block; text-align: center;color: #333;}
.p3_tab li.on{background: #5e8fd9;}
.p3_tab li.on a{color: #FFF; font-weight: bold;}
.p3_tab li.on:after{content: ''; border-left: 15px solid #5e8fd9;border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute;right: -15px; top: 80px;}
.p3_con{width: 1070px; height: 400px; float: right; margin-right: 15px;}
.p3_con_list{}
.p3_con_list li{ position: relative; overflow: hidden; color: #464646; font-size: 16px; padding: 13px 0; padding-left: 18px; border-bottom: 1px dashed #c0bfbf; line-height: 30px; }
.p3_con_list li::before{ content: ''; display: block; position: absolute; overflow: hidden; left: 0px; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background: #0348ee; border-radius: 50%; }
.p3_con_list li a{ display: block; max-width: 80%; max-width: calc(100% - 110px); position: relative; overflow: hidden; float:left; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.p3_con_list li a:hover{color: #0348ee;transition: all .5s;}
.p3_con_list li span{ float: right; text-align:right; color: #bababa;}

.p4{width: ; position: relative; box-sizing: border-box; padding: 25px; background: #FFF; box-shadow: 0px 0px 5px 0px #ede3e3; margin: 0 auto; margin-top: 20px;}
.p4_list{}
.p4_list ul li{ position: relative; overflow: hidden; color: #464646; font-size: 16px; padding: 13px 0; padding-left: 18px; border-bottom: 1px dashed #c0bfbf; line-height: 30px; }
.p4_list ul li::before{ content: ''; display: block; position: absolute; overflow: hidden; left: 0px; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background: #0348ee; border-radius: 50%; }
.p4_list ul li a{ display: block; max-width: 80%; max-width: calc(100% - 110px); position: relative; overflow: hidden; float:left; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.p4_list ul li a:hover{color: #0348ee;transition: all .5s;}
.p4_list ul li span{ float: right; text-align:right; color: #bababa;}

.p5{width: ; position: relative; box-sizing: border-box; padding: 25px; background: #FFF; box-shadow: 0px 0px 5px 0px #ede3e3; margin: 0 auto; margin-top: 20px;}
.p5_list{margin-top: 20px;}
.p5_list a{background-color: #e9edf5; position: relative; display: inline-block; width: 360px; height: 255px; overflow: hidden; text-align: center; margin-right: 20px;}
.p5_list_img{width: 356px; height: 200px; margin: 5px 5px 0; overflow: hidden;}
.p5_list_img img{width: 100%; transition: all 0.5s;}
.p5_list a:hover img {-webkit-transform: translate3d(0, 0, 0) scale(1.05); -moz-transform: translate3d(0, 0, 0) scale(1.05); -ms-transform: translate3d(0, 0, 0) scale(1.05); -o-transform: translate3d(0, 0, 0) scale(1.05); transform: translate3d(0, 0, 0) scale(1.05);}
.p5_list_txt{padding: 0 10px; height: 50px; line-height: 50px;color: #333; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.p5_list a:hover .p5_list_txt{color: #0348ee;}
.p5_list a:last-child { margin-right: 0;}

/* µ×²¿ */
.zjFoot{width: 100%;height: 240px; margin-top: 10px;}
.zjFootItem1{width: 100%;height: 136px;background: #1D96FF;padding-top: 40px;}
.contentWidth{width: ;margin: 0 auto;}
.zjFootItem1_about a{display: inline-block; width: 136px; height: 42px; text-align: center; padding-top: 78px; font-size: 14px; color: rgba(255, 255, 255, 0.80); margin-right: 15px;}
.zjFootItem1_about .swsy{background: rgba(255, 255, 255, 0.10) url(2010071438516643241.png) center 32px no-repeat;}
.zjFootItem1_about .lxwm{background: rgba(255, 255, 255, 0.10) url(2009301142294062892.png) center 32px no-repeat;}
.zjFootItem1_about .wzdt{background: rgba(255, 255, 255, 0.10) url(2009301142294884674.png) center 32px no-repeat;}
.zjFootItem1_introduce{width: 285px;height: 100px;margin-left: 20px;font-size: 14px;color: rgba(255, 255, 255, 0.80);padding: 10px 24px;background: rgba(255, 255, 255, 0.10);}
.zjFootItem1_introduceWrap{line-height: 33px;}
.zjFootItem1_introduceWrap p{font-size: 16px;}
.zjFootItem1_Mack{margin-left: 35px;}
.zjFootItem1_Mack_dzjg{width: 154px;height: 100px;background: rgba(255, 255, 255, 0.10);text-align: center;padding-top: 20px;}
.hidden{display: none;}
.zjFootItem1_zfjc{margin-left: 35px;float: left;width: 154px;height: 87px;background: rgba(255, 255, 255, 0.10);text-align: center;padding-top: 33px;line-height: 18px !important;}
.zjFootItem2{width: 100%;height: 64px;background: #1492FF;}
.zjFootItem2_wrap{line-height: 64px;font-size: 16px;color: rgba(255, 255, 255, 0.80);}
.zjFootItem2_wrap .yzbm{margin-left: 16px;}
.zjFootItem2_wrap .wzbsm{margin-left: 45px;margin-right: 22px;}
.zjFootItem2_wrap a{color: rgba(255, 255, 255, 0.80);}
.zjFootItem2_wrap .beianNum{background: none;padding-left: 28px;margin-left: 16px;}
.lf{float: left;}









@media screen and (max-width:768px){
html, body{max-width: 100%; min-width: 100%; }
.warp{width: 100%; max-width: 100%; min-width: 100%; min-height: calc(100vh - 10px); padding: 0;}	
.top{height: auto; background-size: auto 100%;}
.top_main{width: 100%;}
.top_logo img{width: 100%;}
.top_logo{left: 10px;top: 10px; width: 40vw;}
.top_title{position: relative; left: auto; top: 15vw; margin: 0 auto; width: 90vw;}
.top_title img{width: 100%;}
.top_ico{left: 10px; top: 150px;}
.p1, .p2, .p3, .p4, .p5{width: 96%; padding: 0; margin-left: 2%;}

.hmhq_dy{padding: 40px 3% 20px 3%; width: 80%; border: 2% solid #fbf6ef; height: auto;}
.p_title img{width: 100%; object-fit: cover; height: 10vw;}
.p1_con_left{width: 100%; float: none; height: 280px;}
.p1_con_left .bd li{width: 100%; height: 280px;}
.p1_con_right{width: 100%; float: none;}
.p1_con_right ul, .p4_list ul{padding: 10px;}
.p3{height: auto;}
.p3_tab{width: 100%; float: none; height: auto;}
.p3_tab li{width: 50%; height: 40px; writing-mode: lr; line-height: 40px; font-size: 18px;}
.p3_tab li.on:after{display: none;}
.p3_con{width: 100%; float: none; margin-right: 0; height: auto;}
.p3_con_list{padding: 10px;}
.p2 ul li{width: 47.4%; margin: 5px 1%; height: 40px;}
.p2 ul li:nth-child(1), .p2 ul li:nth-child(6){margin-left: 1%;}
.p5_list a{width: 96%; margin-left: 2%;}
.p5_list_img{width: 96%; margin: 2% 2% 0;}
.p1_con_left>a.prev{display: none;}
.p1_con_left>a.next{display: none;}
.p2 ul li a{font-size: 18px; line-height: 40px;}

.zjFoot{height: auto;}
.zjFootItem1{height: auto;}
.zjFootItem1_about{width: 98.5%; margin-left: 1.5%;}
.zjFootItem1_about a{width: 32%; margin-right: 0;}
.zjFootItem1_introduce{width: 100%; margin-left: 0; margin-top: 10px;}
.zjFootItem1_Mack{margin-left: 2%; margin-top: 10px; width: 48%;}
.zjFootItem1_zfjc{margin-top: 10px; width: 48%; margin-left: 0; margin-right: 2%;}
.zjFootItem2{height: auto;}
.contentWidth{width: 100%;}
.zjFootItem2 .zjFootItem2_wrap p{width:90%; margin-left:5%;}
.zjFootItem2_wrap{line-height: 40px;}
.zjFootItem2_wrap .wzbsm{margin-left: 0; width: 100%;display: block;}
.zjFootItem2_wrap .beianNum{margin-left: 0; padding-left: 0; width: 100%;display: block;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}