#clear{width:100%; height:0px; clear:both;}
.left{ float:left;}
.right{ float:right;}
.clear{width:100%; height:0px; clear:both;}
.xmain1{ width:100%; height:auto; background:url(../images/nbj1.png) left bottom no-repeat;}
.xmain{ width:86%; margin:60px auto;  }
.xartile{float:left; padding:20px 0px;margin:0 -480px 0 0; width:100% }
.xartilez{margin:0 480px 0 0; }
.xartitle{ width:100%; line-height:30px; padding:10px 0px; border-bottom:1px solid #dedede; font-size:24px; color:#303030; font-weight:bold; text-align:center}
.xarcontent{ width:100%; height:auto; padding:60px 0px;}
.info_N{ width:100%; height:auto; border-bottom:1px solid #dedede; border-top:1px solid #dedede; padding:15px 0px;}
.back{ width:100%; height:auto; padding-top:25px;}
.back a{ padding:12px 30px; color:#fff; display:inline-block;}
.back a:hover{ text-decoration:underline;}
.xartr{ float:right;width:410px; }
.xmain img{ display: inline-block; max-width:100%}

.hour1{ width:100%; height:auto; background:url(../images/ryd.png) center no-repeat; padding-bottom:40px; background-size:cover; overflow:hidden;}
.hou1{ width:86%; margin:45px auto; position:relative;}
.hu1_1{ width:40%; height:auto; margin:0 auto;}
.hu1_1 li{ width:50%; height:auto; float:left; }
.hu1_1 li a{ width:88%; height:auto; padding-bottom:40px; display:block; margin:0 auto; background:url(../images/ry2.png)  center bottom no-repeat; background-size:100% }
.hu1_1 li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.hu1_1 li a img:hover{transform: scale(1.1);}
.hu1_2{ width:80%; height:auto; margin:0 auto;}
.hu1_2 li{ width:25%; height:auto; float:left; }
.hu1_2 li a{ width:88%; height:auto; padding-bottom:40px; display:block; margin:0 auto; background:url(../images/ry2.png)  center bottom no-repeat; background-size:100% }
.hu1_2 li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.hu1_2 li a img:hover{transform: scale(1.1);}
.hou1_tip{ width:450px; height:auto; position:absolute; top:0px; left:0px; z-index:9;}
.hutp{ width:100%; font-size:30px; font-weight:bold; color:#4b4b4b;}
.hutp span{ color:#4b4b4b; font-size:14px; font-weight:normal;}
.hutp p{ font-size:18px; color:#ff281f; padding-top:10px;}
.hutpd{ width:100%; height:auto; line-height:35px; font-size:16px; padding-top:15px;}
.hutpd span{ color:#ff281f; font-family: Impact; font-size:35px;}
.hutpd a{ width:155px; height:50px; display:block; border-radius:50px; background:#ff281f; font-size:16px; text-align:center; line-height:50px; color:#fff; margin-top:25px ;}
.ry1{ width:100%; height:auto; background:url(../images/ry3.png) top center no-repeat; padding:50px 0px;}
.ry1_1{ width:86%; height:auto; margin:0 auto;}
.bt1{ width:100%; height:auto; text-align:center; color:#fff}
.bt1 h2{ font-size:30px; padding-bottom:5px;}
.bt1 span{ font-size:14px; line-height:25px; display:block;}
.bt1 p{ font-size:16px; line-height:25px; padding-top:5px;}
.ry1_1 ul{ width:100%; padding-right:400px;box-sizing: border-box; padding-top:50px;}
.ry1_1 ul li{ width:33.33%; float:left;}
.ry1_1 ul li a{ width:90%; height:auto; margin:0 auto; display:block; }
.ry1_1 ul li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.ry1_1 ul li a img:hover{transform: scale(1.1);}
.ry2{ width:90% ; height:auto; margin:0 auto; padding:45px 0px; position:relative;}
.ry2 ul{ width:100%; height:auto; padding-right:200px;box-sizing: border-box;}
.ry2 ul li{ width:25%; float:left;}
.ry2 ul li a{ width:90%; margin:0 auto; display:block;}
.ry2 ul li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.ry2 ul li a img:hover{transform: scale(1.1);}
.ry21{ position:absolute; top:50%; right:0px; margin-top:-25px; width:150px; height:50px;}
.ry21 a{ width:150px; height:50px; border-radius:50px; background:#ff281f; display:block; text-align:center; line-height:50px; color:#fff;}
.ry21 a:hover{ text-decoration:underline;}

.hxz{ width:100%; height:auto; background:url(../images/hbj1.png) center no-repeat ; background-size:cover; padding:60px 0px;}
.bt2{ width:100%; text-align:center;}
.bt2 h2{ width:100%; font-size:35px; color:#3c3c3c; font-weight:normal; line-height:45px;}
.bt2 p{ font-size:16px; color:#777777; }
.hx1{ width:86%; height:auto; margin:0 auto; padding:45px 0px;}
.hxy{ width:28%; height:auto; float:left; margin:0px 2.6%; background:#FFF; padding:10px; box-shadow: 0 1px 18px 3px #a9a9a9;box-sizing: border-box;  }
.tvbox{background: #fff; cursor:pointer; position: relative; }
.tvbox a{position: absolute;cursor:pointer; background: url(../images/a_11.png); width:35px; height: 36px;background-size: 100%;left:50%; top:50%; transform:translate(-50%,-50%);opacity: 0;}
.tvzz{position: relative;background: #383bef;}
.tvzz img{width:100%;transition: All 0.4s ease-in-out;}
.tvbox .tvzd{ width:100%; height:auto; background:#0a54a3; padding-bottom:20px;}
.tvbox .tvzd h2{ width:90%; margin:0 auto; height:40px; text-align:center; font-size:20px; line-height:40px; color:#fff; padding-top:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tvbox .tvzd p{ width:90%; height:56px;font-size: 16px; margin:0 auto; line-height:28px; color: #fff;text-align: center; margin:0 auto;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.tvbox:hover .tvzd{color: #fff; background: #ff4200;transition: All 0.4s ease-in-out;}
.tvbox:hover img{opacity: 0.3;}
.tvbox:hover a{opacity: 1;}
.hx2{ width:100%; height:auto; padding-top:25px; padding-bottom:30px;}
.hx2 li{ width:50%; height: auto; float:left;  }
.hx2 li a{ width: 90%; height:40px; line-height:40px; font-size:16px; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(../images/doc1.png) left center no-repeat; text-indent:15px; display:block;}
.hx2m{ width:150px; height:50px; font-size:16px; margin:40px auto 0px auto;}
.hx2m a{ width:150px; height:50px; border-radius:50px; display:block; background:#0a54a3; color:#fff;box-shadow: 0 4px 8px -1px #a9a9a9; text-align:center; line-height:50px;}
.hx2m a:hover{ background:#ff4200;}
.ywz{ width:86%; height:auto;padding:45px 0px; margin:0 auto;}
.ywz li{ width:44%; height:auto; border:1px solid #cfcfcf;box-shadow: 0 4px 8px -1px #a9a9a9; background:#fff;box-sizing: border-box; margin:0 3% 50px 3%; float:left; padding:10px;box-sizing: border-box; position:relative;}

.ywzz{ width:55%;position: relative;background: #383bef; float:left; margin-right:30px;}
.ywzz a{position: absolute;cursor:pointer; background: url(../images/a_11.png); width:35px; height:36px;background-size: 100%;left:50%; top:50%; transform:translate(-50%,-50%);opacity: 0; z-index:999;}
.ywzz img{width:100%;;transition: All 0.4s ease-in-out;}
.ywzz:hover a{opacity: 1;}
.ywzz:hover img{opacity: 0.3;}
.ywzd{overflow: hidden;}
.ywdd{ width:100%; height:auto; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.ywdd h2{ width:100%; height:45px; line-height:45px; font-size:25px; color:#3c3c3c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdd h2 a{color:#3c3c3c;}
.ywdd h2 a:hover{color:#ff3000;}
.ywdd p{ width:100%; height:20px; margin-top:5px; color:#0a54a3; font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdz{ width:100%; height:auto; padding:20px 0px;}
.ywdz p{ width:100%; height:34px; font-size:16px; line-height:34px; text-indent:15px; background:url(../images/doc1.png) left center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdm{ width:100px; height:35px;}
.ywdm a{ width:100px; height:35px; background:#0a54a3; color:#fff; text-align:center; display:block; line-height:35px;}
.ywdm a:hover{ background:#ff3000;}

.main_ty{ width: 86%; margin: 0 auto; overflow: hidden; padding: 50px 0;}
.bt3{ width:100%; text-align:center; padding-bottom:45px;}
.bt3 h2{ width:100%; font-size:30px; color:#3c3c3c; font-weight:bold;  line-height:45px;}
.bt3 p{ font-size:16px; color:#777777; }
.pht_ty{ width:100%; height:auto; margin:0 auto;}
.pht_ty li{ width:25%; height:auto; float:left; }
.pht_ty li a{ width:88%; height:auto; padding-bottom:40px; display:block; margin:0 auto;  background-size:100% }
.pht_ty li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.pht_ty li a img:hover{transform: scale(1.1);}

.pht_tk{ width:100%; height:auto; margin:0 auto;}
.pht_tk li{ width:25%; height:auto; float:left; }
.pht_tk li a{ width:88%; height:auto;  display:block; margin:0 auto 20px auto;  background-size:100% }
.pht_tk li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.pht_tk li a p{ width:100%; height:48px; line-height:48px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pht_tk li a img:hover{transform: scale(1.1);}
.pht_tk li a:hover p{ color:#0a54a3;}

  /*分页*/
#nx_pg{width:100%; min-height:50px; padding:40px 0px 0px 0px; text-align:center;}
#nx_pg a{display: inline-block; padding:7px 14px 7px 14px; background:#fff; border:1px solid #767676; color:#767676;font-size:14px; margin:0px 3px 10px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#818181;border:1px solid #767676; color:#fff;}
#nx_pg .on{ background:#818181;border:1px solid #767676; color:#fff;}
#info-T{width:100%; min-height:30px; padding-top:35px; padding-bottom:15px; line-height:30px; text-align: center; font-size:24px; font-weight:500; color:#333333}
#info-M{width:100%; height:45px; line-height:45px; text-align: center; border-top:#e0e0e0 1px dotted;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}

#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}
#big img{height:380px; max-width:728px;}

.art_ty { width:100%;}
.art_ty li{ width:23%; float:left; margin:0px 1% 40px 1%; position:relative; }
.art_ty li .bor{ width: 100%; height: 2px; background: #686868; top: 44px; position: absolute; left: 0;}
.art_ty li .layer5Box{ width: 100%; overflow: hidden; padding-bottom: 230px; position: relative;}
.art_ty li .layer5Box .bt{ height: 46px; position: relative; line-height:44px;background: none; color: #626262;}
.art_ty li .layer5Box .bt span{ width: 0; background: #ff0000; height: 2px; position: absolute; left: 0; bottom: 0; transition: 1s;}
.art_ty li .swiper-slide{ background: none; text-align: left;}
.art_ty li .layer5Box .bt .arrow{ position: absolute; right: -100%; top: 0; width: 44px; height: 44px; background: url(../images/arrow2_03.png) center center no-repeat; transition: 0.5s;}
.art_ty li .layer5Box .text h2{ height: 48px; line-height: 48px; font-size: 18px; color: #333; font-weight: bold; padding-bottom: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.art_ty li .layer5Box .text p{ font-size: 16px; color: #626262; line-height: 30px; letter-spacing:0px; transition: 0.5s; height: 90px; overflow: hidden;}
.art_ty li .layer5Box .icon{ width: 100%; bottom: 0; height: 155px; overflow: hidden; transition: 0.5s; position: absolute;}
.art_ty li .layer5Box .icon img{ display: block; width: 100%; height: auto;}
.art_ty li .layer5Box:hover .bt span{ width: 100%;}
.art_ty li .layer5Box:hover .bt .arrow{ right: 0;}
.art_ty li .layer5Box:hover .icon{ height: 195px;}
.art_ty li .layer5Box:hover .text p{letter-spacing:1px;}

.xartr li{ width:98%; float:left; margin:0px 1% 30px 1%; position:relative; }
.xartr li .bor{ width: 100%; height: 2px; background: #686868; top: 44px; position: absolute; left: 0;}
.xartr li .layer5Box{ width: 100%; overflow: hidden; padding-bottom: 230px; position: relative;}
.xartr li .layer5Box .bt{ height: 46px; position: relative; line-height:44px;background: none; color: #626262;}
.xartr li .layer5Box .bt span{ width: 0; background: #ff0000; height: 2px; position: absolute; left: 0; bottom: 0; transition: 1s;}
.xartr li .swiper-slide{ background: none; text-align: left;}
.xartr li .layer5Box .bt .arrow{ position: absolute; right: -100%; top: 0; width: 44px; height: 44px; background: url(../images/arrow2_03.png) center center no-repeat; transition: 0.5s;}
.xartr li .layer5Box .text h2{ height: 48px; line-height: 48px; font-size: 18px; color: #333; font-weight: bold; padding-bottom: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.xartr li .layer5Box .text p{ font-size: 16px; color: #626262; line-height: 30px; letter-spacing:0px; transition: 0.5s; height: 90px; overflow: hidden;}
.xartr li .layer5Box .icon{ width: 100%; bottom: 0; height: 155px; overflow: hidden; transition: 0.5s; position: absolute;}
.xartr li .layer5Box .icon img{ display: block; width: 100%; height: auto;}
.xartr li .layer5Box:hover .bt span{ width: 100%;}
.xartr li .layer5Box:hover .bt .arrow{ right: 0;}
.xartr li .layer5Box:hover .icon{ height: 195px;}
.xartr li .layer5Box:hover .text p{letter-spacing:1px;}

.zl1{ width:100%; height:auto; background:url(../images/zl1.png) center no-repeat; background-size:cover; padding:50px 0px;}
.zl1z{ width:50%; height:auto; margin:0 auto;}
.zl1l{ float:left; height:533px;}
.zl1l img{ width:366px; height:533px;transition:all 0.5s;}
.zl1r{ float:right; height:533px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.zl1r h2 { color:#4b4b4b; font-size:30px; line-height:45px;}
.zl1r h2 span{ font-size:14px; font-weight:normal;}
.zl1r p{ color:#858585; font-size:16px; line-height:28px;}

.zl2{ width:100%; height:auto; background:url(../images/zlb2.png) left center no-repeat; background-size:cover; padding:50px 0px;;}
.zl2z{ width:86%; margin:0 auto;:}
.zl2zt{ width:100%; height:50px; font-size:30px; font-weight:bold; color:#fff; }
.zl2zt span{ font-size:14px; font-weight:normal; padding-left:5px;}
.zl2zd{ width:45%; text-align:center; color:#fff;}
.zl21{ border:1px solid #3e5c96;}
.zl22{border:1px solid #3e5c96; height:60px; background:#3461b6;}
.zl23{ border:1px solid #3e5c96;height:60px; background:#0e3379; }

.zl3{ width:86%; height:auto; padding:50px 0px; margin:0 auto;}
.zl3l{ width:50%; float:left;}
.zl3r{ width:50%; float:right;}
.zl3zt{ width:100%; height:50px; font-size:30px; font-weight:bold; color:#4b4b4b; }
.zl3zt span{ font-size:14px; font-weight:normal; padding-left:5px;}
.zl3_img{ width:100%; margin-top:40px;}
.zl3_img img{ max-width:100%;transition:all 0.5s;}
.lx1{ width:100%; background:url(../images/hbj1.png) center bottom no-repeat; background-size:cover; padding:50px 0px;}
.lx1z{ width:100%; border-bottom:1px solid #d1d1d1; padding-bottom:10px; text-align:center;}
.lx1z h2{ font-size:25px; color:#3c3c3c; height:37px;}
.lx1z p{ font-size:16px; color:#767676;}
.lx1zd{ width:86%; height:auto; margin:0 auto; padding-top:50px;}
.lx11{ width:30%; float:left; line-height:35px;transition:all 0.5s;}
.lx11 h2{ color:#404040; font-size:24px; line-height:40px;}
.formTxt { text-align: center; width:70%;  padding-bottom:4vw; float:right;}
.formTxt li{ margin-bottom:25px; overflow:hidden; line-height:50px;}
.formTxt li b { width:96px; color:#606060; font-size:16px; font-weight:normal; text-align:right; float:left;}
.formTxt li b span{ color:#F00; padding-right:5px;}
.formTxt li input { width:calc(50% - 96px); float:left; box-sizing:border-box; height:50px; border:1px solid #e1e1e1; text-indent:10px;}
.formTxt li textarea { width:calc(100% - 96px); box-sizing:border-box; resize:none; float:left; height:120px; border:1px solid #e1e1e1; outline:none; text-indent:10px; }
.formTxt button {  width:165px; font-size:14px; color:#fff; border:0px; background:#0a54a3; height:51px; transition:all 0.5s;}
.formTxt button:hover { background:#02418e;}
.dtz{ width:100%; height:auto;}
.dtz img{ width:100%}
.lx3{ width:100%; height:auto; background:url(../images/lxwm1.png) center no-repeat ; background-size:cover; padding:50px 0;}
.bt4{ width:100%; padding-bottom:10px; text-align:center;}
.bt4 h2{ font-size:25px; color:#3c3c3c; height:37px;}
.bt4 p{ font-size:16px; color:#767676;}
.lx3z{ width:86%; height:auto; margin:0 auto;}
.lx3z li{ width:33.33%; float:left; height:530px;}
.lx3zz{ padding:40px; padding-bottom:20px;box-sizing: border-box; overflow:hidden;     background: rgba(255,255,255,0.8);}
.hxw1{ width:80%; height: auto; margin:0 auto;}
.hxwt{ width:100%; height:70px; }
.hxwt a{ width:180px; height:68px; float: right; text-align:center; line-height:68px; display:block; background:#2359ac; color:#fff; font-size:18px;}
.hxwt a:hover{ text-decoration:underline;}
.hxwd{ width:100%; height:auto; padding:70px; border:1px solid #e0e0e0;box-shadow: 0 4px 10px 5px #c0bdbd;box-sizing: border-box; background:#fff; }
.hxwdl{width:400px;float:right;margin-left:-456px;}
.hxwdl img{ max-width:100%;transition:all 0.5s;}
.hxwdr{width:100%;float:left; overflow:hidden;}
.hxwdrr{margin-right:456px; height:586px;transition:all 0.5s;}
.hxwdd{ width:100%; height:auto; padding-top:40px;}
.hxwdd img{ max-width:100%; display:block; margin:0 auto;}
.hzhb{ width:100%; height:auto; background:url(../images/bg_13.png) center no-repeat ; background-size:cover; padding:50px 0;}
.hzhb ul{ width: 86%; overflow: hidden; margin:0 auto;}
.hzhb ul li{ float: left; width: 15%; margin-right: 2%; height: 165px; position: relative;transform-style: preserve-3d; float: left; margin-bottom: 40px; transition: 0.8s; transform: translateZ(30deg);transform-origin: 50% 50% -82.5px;}
.hzhb ul li .icon{ width: 100%; height: 100%; position: relative; border: 1px solid #b5b5b5; box-sizing: border-box; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.hzhb ul li .icon img{ display: block; height: auto; width: 70%; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
.hzhb ul li .text{border: 1px solid #b5b5b5; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 0 10%; box-sizing: border-box; transform: rotateX(-90deg) translateZ(82.5px) translateY(82.5px); background: #fff; z-index: 999; overflow: hidden;}
.hzhb ul li .text img{ display: block; height: auto; width: 70%; left: 50%; top: 50%; transform: translate(-50%,-50%);position: absolute;}
.hzhb ul li:hover{ transform: rotateX(90deg); }
.hzhb ul li:nth-child(6n){ margin-right: 0;}
@media screen and (max-width:1365px){
.hzhb ul li{ width: 32%; float: left; height: 100px; margin-bottom: 15px;}
.hzhb ul li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:756px ) {
.hzhb ul li{ width: 48%; float: left; height: 100px; margin-left:1%; margin-right:1%; margin-bottom: 15px;}

.hzhb ul li:nth-child(3n){ margin-right:1%;}
}
@media screen and (max-width:1440px){
	.lx3z{ width:96%; height:auto; margin:0 auto;}
.zl2z{ width:96%; margin:0 auto;:}
.zl3{ width:96%; height:auto; padding:50px 0px; margin:0 auto;}
.lx1zd{ width:96%; height:auto; margin:0 auto; padding-top:50px;}
.hxw1{ width:96%; height: auto; margin:0 auto;}
}

@media screen and (max-width: 1670px){
.zl1z{ width:70%; height:auto; margin:0 auto;}
.zl1l{ float:left; height:533px;}
.zl1l img{ width:366px; height:533px;}
.zl1r{ float:right; height:533px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.zl1r h2 { color:#4b4b4b; font-size:30px; line-height:45px;}
.zl1r h2 span{ font-size:14px; font-weight:normal;}
.zl1r p{ color:#858585; font-size:16px; line-height:28px; text-indent:5px;}
.zl2zd{ width:32%; height:auto;}
.zl2zd{ width:60%; text-align:center; color:#fff;}
}
@media screen and (max-width:1250px){
	
.zl1z{ width:80%; height:auto; margin:0 auto;}
.zl1l{ float:left; height:350px;}
.zl1l img{ width:247px; height:350px;}
.zl1r{ float:right; height:350px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.zl1r h2 { color:#4b4b4b; font-size:30px; line-height:45px;}
.zl1r h2 span{ font-size:14px; font-weight:normal;}
.zl1r p{ color:#858585; font-size:16px; line-height:28px;}
.zl2zt{ width:100%; height:40px; font-size:30px; font-weight:bold; color:#fff; }
.zl2zt span{ font-size:14px; font-weight:normal;}
.zl2zd{ width:70%; text-align:center; color:#fff;}
.zl21{ border:1px solid #3e5c96;}
.zl22{border:1px solid #3e5c96; height:60px; background:#3461b6;}
.zl23{ border:1px solid #3e5c96;height:60px; background:#0e3379;}
}
@media screen and (max-width:1000px){
.zl1z{ width:80%; height:auto; margin:0 auto;}
.zl1l{ float:left; height:150px;}
.zl1l img{ width:105px; height:150px;}
.zl1r{ float:right; height:150px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.zl1r h2 { color:#4b4b4b; font-size:22px; line-height:35px;}
.zl1r h2 span{ font-size:14px; font-weight:normal;}
.zl1r p{ color:#858585; font-size:14px; line-height:22px;}
.lx3z li{ width:100%; float:left; height:400px;}
.lx3zz{ padding:10px; padding-bottom:20px;height: auto; border-sizing: border-box; overflow:hidden;     background: rgba(255,255,255,0.8);}

.hxwt{ width:100%; height:60px; padding-top:25px; }
.hxwt a{ width:150px; height:58px; float: right; text-align:center; line-height:58px; display:block; background:#2359ac; color:#fff; font-size:18px;}
.hxwt a:hover{ text-decoration:underline;}
.hxwd{ width:100%; height:auto; padding:10px; border:1px solid #e0e0e0;box-shadow: 0 4px 10px 5px #c0bdbd;box-sizing: border-box; background:#fff; }
.hxwdl{width:300px;float:right;margin-left:-356px;}
.hxwdl img{ max-width:100%;transition:all 0.5s;}
.hxwdr{width:100%;float:left; overflow:hidden;}
.hxwdrr{margin-right:356px; height:439px;transition:all 0.5s;}
.hxwdd{ width:100%; height:auto; padding-top:20px;}
.hxwdd img{ max-width:100%; display:block; margin:0 auto;}

}
@media screen and (max-width:756px){
.zl1z{ width:90%; height:auto; margin:0 auto;}
.zl1l{ width:100%; height: auto; float:none}
.zl1l img{ width:100%; height:auto ;}
.zl1r{ float: none; height:120px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.zl1r h2 { color:#4b4b4b; font-size:22px; line-height:35px;}
.zl1r h2 span{ font-size:14px; font-weight:normal;}
.zl1r p{ color:#858585; font-size:14px; line-height:22px;}
.zl2zt{ width:100%; height:40px; font-size:22px; font-weight:bold; color:#fff; }
.zl2zt span{ font-size:14px; font-weight:normal;}
.zl2zd{ width:100%; text-align:center; color:#fff;}
.zl21{ border:1px solid #3e5c96;}
.zl22{border:1px solid #3e5c96; height:50px; background:#3461b6;}
.zl23{ border:1px solid #3e5c96;height:50px; background:#0e3379;}
.zl3l{ width:100%; float: none; padding-bottom:30px;}
.zl3r{ width:100%; float: none;}
.zl3zt{ width:100%; height:50px; font-size:22px; font-weight:bold; color:#4b4b4b; }
.zl3zt span{ font-size:14px; font-weight:normal; padding-left:5px;}
.zl3_img{ width:100%; margin-top:20px;}
.lx11{ width:100%; float: none; line-height:35px;transition:all 0.5s;}
.formTxt { text-align: center; width:100%;  padding-bottom:4vw; float:right;}
.formTxt li {
    line-height: 40px;
}
.formTxt li b {
    float: left;
    text-align: left;
}
.formTxt li input {
    float: none;
    width: 100%;
}
.formTxt li textarea {
    float: none;
    width: 100%;
}
.hxwt{ width:100%; height:40px; padding-top:25px; }
.hxwt a{ width:120px; height:38px; float: right; text-align:center; line-height:38px; display:block; background:#2359ac; color:#fff; font-size:16px;}
.hxwt a:hover{ text-decoration:underline;}
.hxwd{ width:100%; height:auto; padding:10px; border:1px solid #e0e0e0;box-shadow: 0 4px 10px 5px #c0bdbd;box-sizing: border-box; background:#fff; }
.hxwdl{width:100%;float:right;margin-left:-0px;;}
.hxwdl img{width:100%;transition:all 0.5s;}
.hxwdr{width:100%;float:left; overflow:hidden;}
.hxwdrr{margin-right:0px; width:100%; height:250px;;transition:all 0.5s; margin-top:20px;}
.hxwdd{ width:100%; height:auto; padding-top:20px;}
.hxwdd img{ max-width:100%; display:block; margin:0 auto;}
}




@media screen and (max-width: 1440px){
	.xmain {width: 96%; margin:40px  auto;}
	.hou1{ width:96%; margin:25px auto;}
	.hou1_tip{ width:100%; height:auto; position:static !important; padding:10px 0px; text-align:center;}
	.hutpd a{ width:155px; height:50px; display:block; border-radius:50px; background:#ff281f; font-size:16px; text-align:center; line-height:50px; color:#fff; margin:25px auto  ;}
	.ry1_1{ width:96%; height:auto; margin:0 auto;}
	.ry1_1 ul{ width:100%; padding-right:0;box-sizing: border-box; padding-top:50px;}
	.ry2{ width:96% ; height:auto; margin:0 auto; padding:45px 0px; position:relative;}
	.hx1{ width:96%; height:auto; margin:0 auto; padding:35px 0px;}
	.ywz{ width:96%; height:auto;padding:35px 0px; margin:0 auto;}
	
	.ywdd{ width:100%; height:auto; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.ywdd h2{ width:100%; height:25px; line-height:25px; font-size:18px; color:#3c3c3c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdd h2 a{color:#3c3c3c;}
.ywdd h2 a:hover{color:#ff3000;}
.ywdd p{ width:100%; height:20px; margin-top:5px; color:#0a54a3; font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdz{ width:100%; height:auto; padding:10px 0px;}
.ywdz p{ width:100%; height:26px; font-size:14px; line-height:26px; text-indent:15px; background:url(../images/doc1.png) left center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdm{ width:100px; height:35px;}
.ywdm a{ width:100px; height:35px; background:#0a54a3; color:#fff; text-align:center; display:block; line-height:35px;}

.main_ty{ width:96%; margin: 0 auto; overflow: hidden; padding:50px 0;}	
	
	
	}
@media screen and (max-width: 1200px){
	.xartr{ display:none;}
	.xartile{float:left; padding:20px 0px;margin:0; width:100% }
.xartilez{margin:0; }
.art_ty li{ width:31.33%; float:left; margin:0px 1% 40px 1%; }	

.art_ty li .layer5Box .text h2{ padding:0 0 5px 0; height: 28px; line-height: 28px; font-size: 14px;}
.art_ty li .layer5Box{ padding-bottom: 200px;}
}
@media screen and (max-width: 1000px){
.xartitle{ width:100%; line-height:26px; padding:5px 0px; border-bottom:1px solid #dedede; font-size:18px; color:#303030; font-weight:bold; text-align:center}
.xarcontent{ width:100%; height:auto; padding:30px 0px;}
.hou1_tip{ width:100%; height:auto; position:static !important;}
.hutp{ width:100%; font-size:22px; font-weight:bold; color:#4b4b4b;}
.hutp span{ color:#4b4b4b; font-size:14px; font-weight:normal;}
.hutp p{ font-size:16px; color:#ff281f; padding-top:5px;}
.hutpd{ width:100%; height:auto; line-height:25px; font-size:16px; padding-top:10px;}
.hutpd span{ color:#ff281f; font-family: Impact; font-size:25px;}
.hutpd a{ width:100px; height:36px; display:block; border-radius:50px; background:#ff281f; font-size:14px; text-align:center; line-height:36px; color:#fff; margin:25px auto  ;}
.hu1_1{ width:100%; height:auto; margin:0 auto;}
.hu1_1 li{ width:50%; height:auto; float:left; }
.hu1_1 li a{ width:92%; height:auto; padding-bottom:40px; display:block; margin:0 auto; background:url(../images/ry2.png)  center bottom no-repeat; background-size:100% }
.hu1_2{ width:100%; height:auto; margin:0 auto;}
.hu1_2 li{ width:50%; height:auto; float:left; }
.hu1_2 li a{ width:92%; height:auto; padding-bottom:40px; display:block; margin:0 auto; background:url(../images/ry2.png)  center bottom no-repeat; background-size:100% }
.ry2{ width:96% ; height:auto; margin:0 auto; padding:25px 0px; position: static;}
.ry2 ul{ width:100%; height:auto; padding-right:0px;box-sizing: border-box;}
.ry2 ul li{ width:50%; float:left; margin-bottom:20px;}
.ry2 ul li a{ width:96%; margin:0 auto; display:block;}
.ry2 ul li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.ry1_1 ul li a img:hover{transform: scale(1.1);}
.ry21{ position: static;  margin:25px auto; width:120px; height:35px;}
.ry21 a{ width:120px; height:35px; border-radius:50px; background:#ff281f; display:block; text-align:center; line-height:35px; color:#fff;}
.ry21 a:hover{ text-decoration:underline;}
.hxy{ width:31%; height:auto; float:left; margin:0px 1.16%; background:#FFF; padding:10px; box-shadow: 0 1px 18px 3px #a9a9a9;box-sizing: border-box;  }
.tvbox .tvzd{ width:100%; height:auto; background:#0a54a3; padding-bottom:5px;}
.tvbox .tvzd h2{ width:90%; margin:0 auto; height:30px; text-align:center; font-size:16px; line-height:30px; color:#fff; padding-top:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tvbox .tvzd p{ width:90%; height:50px;font-size: 14px; margin:0 auto; line-height:25px; color: #fff;text-align: center; margin:0 auto;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.hx2{ width:100%; height:auto; padding-top:15px; padding-bottom:10px;}
.hx2 li{ width:100%; height: auto; float:left;  }
.hx2 li a{ width: 100%; height:30px; line-height:30px; font-size:14px; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(../images/doc1.png) left center no-repeat; text-indent:15px; display:block;}
.hx2m{ width:110px; height:36px; font-size:14px; margin:20px auto 0px auto;}
.hx2m a{ width:110px; height:36px; border-radius:50px; display:block; background:#0a54a3; color:#fff;box-shadow: 0 4px 8px -1px #a9a9a9; text-align:center; line-height:36px;}
.hx2m a:hover{ background:#ff4200;}
.bt2 h2{ width:100%; font-size:22px; color:#3c3c3c; font-weight:normal; line-height:35px;}
.bt2 p{ font-size:14px; color:#777777; }

.ywz li{ width:100%; height:auto; border:1px solid #cfcfcf;box-shadow: 0 4px 8px -1px #a9a9a9;box-sizing: border-box; margin:0 0% 30px 0%; float:left; padding:10px;box-sizing: border-box; position:relative;}

.main_ty{ width:96%; margin: 0 auto; overflow: hidden; padding:30px 0;}
.bt3{ width:100%; text-align:center; padding-bottom:25px;}
.bt3 h2{ width:100%; font-size:25px; color:#3c3c3c;  line-height:40px;}
.bt3 p{ font-size:14px; color:#777777; }

.pht_ty li{ width:50%; height:auto; float:left; }
.pht_ty li a{ width:96%; height:auto; padding-bottom:20px; display:block; margin:0 auto;  background-size:100% }
.pht_ty li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.pht_ty li a img:hover{transform: scale(1.1);}

.pht_tk li{ width:50%; height:auto; float:left; }
.pht_tk li a{ width:96%; height:auto; padding-bottom:10px; display:block; margin:0 auto;  background-size:100% }
.pht_tk li a img{ width:100%;cursor: pointer;transition: all 0.6s;}
.pht_tk li a p{ width:100%; height:30px; line-height:30px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pht_tk li a img:hover{transform: scale(1.1);}

#nx_pg{width:100%; min-height:50px; padding:20px 0px 0px 0px; text-align:center;}

}
@media screen and (max-width: 756px){
.hu1_1 li a{ width:92%; height:auto; padding-bottom:20px; display:block; margin:0 auto; background:url(../images/ry2.png)  center bottom no-repeat; background-size:100% }
.hu1_2 li a{ width:92%; height:auto; padding-bottom:20px; display:block; margin:0 auto; background:url(../images/ry2.png)  center bottom no-repeat; background-size:100% }
.ry1{ width:100%; height:auto; background:url(../images/ry3.png) top center no-repeat; padding:20px 0px;}
.bt1{ width:100%; height:auto; text-align:center; color:#fff}
.bt1 h2{ font-size:22px; padding-bottom:5px;}
.bt1 span{ font-size:14px; line-height:20px; display:block;}
.bt1 p{ font-size:14px; line-height:20px; padding-top:0px;}
.ry1_1 ul{ width:100%; padding-right:0;box-sizing: border-box; padding-top:20px;}
.hxy{ width:46%; height:auto; float:left; margin:0px 2.0%; background:#FFF; padding:10px; box-shadow: 0 1px 18px 3px #a9a9a9;box-sizing: border-box;  }
.hxy1{ width:96%; margin-top:30px;}
.ywzz{ width:50%;position: relative;background: #383bef; float:left; margin-right:15px;}
.ywdd{ width:100%; height:auto; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.ywdd h2{ width:100%; height:25px; line-height:25px; font-size:18px; color:#3c3c3c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdd h2 a{color:#3c3c3c;}
.ywdd h2 a:hover{color:#ff3000;}
.ywdd p{ width:100%; height:20px; margin-top:5px; color:#0a54a3; font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdz{ width:100%; height:52px; overflow:hidden; padding:5px 0px;}
.ywdz p{ width:100%; height:26px; font-size:14px; line-height:26px; text-indent:15px; background:url(../images/doc1.png) left center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ywdm{ width:80px; height:28px;}
.ywdm a{ width:80px; height:28px; background:#0a54a3; color:#fff; text-align:center; display:block; line-height:28px;}
.bt3{ width:100%; text-align:center; padding-bottom:25px;}
.bt3 h2{ width:100%; font-size:20px; color:#3c3c3c;  line-height:40px;}
.bt3 p{ font-size:12px; color:#777777; }
.art_ty li{ width:48%; float:left; margin:0px 1% 0px 1%; }

.art_ty li .bor{ width: 100%; height: 2px; background: #686868; top: 44px; position: absolute; left: 0;}
.art_ty li .layer5Box{ width: 100%; overflow: hidden; padding-bottom: 180px; position: relative;}
.art_ty li .layer5Box .bt{ height: 46px; position: relative; line-height:44px;background: none; color: #626262;}
.art_ty li .layer5Box .bt span{ width: 0; background: #ff0000; height: 2px; position: absolute; left: 0; bottom: 0; transition: 1s;}
.art_ty li .swiper-slide{ background: none; text-align: left;}
.art_ty li .layer5Box .bt .arrow{ position: absolute; right: -100%; top: 0; width: 44px; height: 44px; background: url(../images/arrow2_03.png) center center no-repeat; transition: 0.5s;}
.art_ty li .layer5Box .text h2{ height: 48px; line-height: 48px; font-size: 18px; color: #333; font-weight: bold; padding-bottom:10px;}
.art_ty li .layer5Box .text p{ font-size: 14px; color: #626262; line-height: 24px; letter-spacing:0px; transition: 0.5s; height: 90px; overflow: hidden;}
.art_ty li .layer5Box .icon{ width: 100%; bottom: 0; height: 155px; overflow: hidden; transition: 0.5s; position: absolute;}
.art_ty li .layer5Box .icon img{ display: block; width: 100%; height: auto;}
.art_ty li .layer5Box:hover .bt span{ width: 100%;}
.art_ty li .layer5Box:hover .bt .arrow{ right: 0;}
.art_ty li .layer5Box:hover .icon{ height: 165px;}
.art_ty li .layer5Box:hover .text p{letter-spacing:1px;}
.xmain {width: 96%; margin:30px  auto;}
}  













