.about_nav{width:100%;height:70px;border-bottom: 1px solid rgba(180, 194, 204, .2);}
.about_nav .container1{display: flex;flex-wrap: wrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start;}
.about_nav a{position: relative;display: inline-block;text-align:center;width:150px;line-height:70px;font-size:18px;font-weight: 700}
.about_nav a.ab_cur:after,.about_nav a:hover:after{position: absolute;left:40px; bottom:0;content: "";width:70px;height:2px;background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(#0071b8), to(transparent)); background: -webkit-linear-gradient(right, transparent, #0071b8, transparent); background: -moz-linear-gradient(right, transparent, #0071b8, transparent); background: linear-gradient(to left, transparent, #0071b8, transparent);}
.about_jj,.gszz,.zzjg{margin-top:50px;}
.gszz{margin-bottom:50px;overflow:hidden;}
.gszzc{margin-top:50px;display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.gszzl{width:38%;}
.gszzl a{display:block;width:50%;float:left;}
.gszzl img{width:100%;}
.gszzr{width:58%;}
.gszzr .gszzw{font-size:16px;text-align: justify;line-height:26px;color:#666}
.zuzhi{margin-top:50px;}
.zzjg img{width:100%}
.scrollpic { width: 100%; margin:20px auto 0 auto; }
 #myscroll { display: block; width: 100%; position: relative; height: 150px; overflow: hidden; }
 #myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px; }
 #myscroll ul { display: block; float: left; list-style-type: none; padding: 0; margin: 0; }
 #myscroll ul li { display: block; float: left; padding: 0; width:240px; }
 #myscroll ul li a { display: block; float: left; width: 240px; padding: 0; position: relative; height: 150px; }
 #myscroll ul li a img{ width: 225px; height: 150px; }
 #mybtns { margin: 10px 0; width: 100%; display: block; height: 42px; }
 #mybtns a { width: 42px; height: 42px; display: block; float: right; margin-right: 1px; background-color: #c1c1c1; margin-left:10px; }
 #mybtns a:hover { background-color: #347fdc; }
 #mybtns a:hover, #myscroll, #mybtns a, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
 #mybtns #left { background-image: url(../images/jt_l.png); }
 #mybtns #right { background-image: url(../images/jt_r.png); }
.about_t{font-size:46px;line-height:60px;font-weight:700;color: #333333;position: relative;padding-bottom:25px;}
.about_t:before { position: absolute; display: inline-block; left:0; top:85px; content: "";width:65px; height:6px;background: #0071b8;}
.about_t:after { position: absolute; display: inline-block; left: 65px; top: 85px; content: "";width:25px; height:6px;background: #05a33e;}
.about_sj{margin-top: 50px;}
#timeline {width: 100%;height: auto;overflow: hidden;margin: 100px auto;position: relative;}
#dates {width: 100%;height: auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end;}
#dates li {list-style: none;width:300px;height: auto;}
#dates a {position: relative;display: block;color: #999999;font-size:30px;text-align: center;font-family:Arial;}
#dates li a:after { position: absolute; display: inline-block; left:147px; bottom:-30px; content: "";width:10px; height:10px;border-radius:50%;background: #999999;}
#dates .selected {font-size: 60px;color: #0171B8}
#dates .selected:after { position: absolute; display: inline-block; left:140px; bottom:-33px; content: "";border-radius:50%;width:16px; height:16px;background:none;border:2px  #0171B8 solid}
#issues {width: 100%;height:auto;overflow: hidden;margin-top:80px;}	
#issues li {width: 100%;height: auto;list-style: none;float: left;display: flex;flex-wrap: wrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#issues li .timel{width:50%;line-height:30px;font-size:16px;padding:20px 5%}
#issues li .timer{position: relative;width: 40%;padding-top:26.66666%; overflow: hidden;border-radius:20px;}
#issues li .timer img{object-fit: cover; height: 100%; width: 100%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);}
.gyzning{margin-top:50px;margin-bottom:20px;}
.gyznc{margin-top:50px;display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.gyzningl{width:45%;height:0;padding-bottom:25%;position:relative;}
.gyzningl span{display:block;width:100%;height:100%;position:absolute;top:0;;left:0}
.gyzningl span:before { content: ''; display: block; width:85%; height:85%; background: #0071b8; position: absolute; right: 0; bottom: 0; transform: translateX(20px) translateY(20px);z-index:1}
.gyzningl span img{object-fit: cover; height: 100%; width: 100%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);z-index:2}
.gyzningr{width:50%;font-size:16px;text-align: justify;line-height:26px;color:#666}
.zndt{margin-top:100px;margin-bottom: 60px;}
.zndt_c{width: auto;height: auto;overflow: hidden;margin-top:50px;align-items: flex-start; display: flex; justify-content: space-between;}
.zndt .zndtl{width: calc(60% - 50px);height: auto;align-items: stretch; display: flex;background: #FBFBFB;padding:20px;border-radius: 6px;}
.zndt .zndtl .zndt1{width: calc(66% - 10px);}
.zndt .zndtl .zndt1 .zndt1i{border-radius: 6px; height: 0; overflow: hidden; padding-bottom: 66.66666%; position: relative; width: 100%;}
.zndt .zndtl .zndt1 .zndt1i img{object-fit: cover; height: 100%; width: 100%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);}
.zndt .zndtl .zndt1 .zndt1i .zndt1t{align-items: flex-end; background: linear-gradient(0deg,rgba(0,0,0,.8),transparent); bottom: 0; color: #fff; display: flex; font-size: 16px; font-weight: 700; justify-content: center;left: 0; padding: 1em; position: absolute; right: 0; text-align: center; top: 50%; z-index: 1;}
.zndt .zndtl .zndt2{width: calc(34% - 10px);display: flex; flex-direction: column; margin-left: 20px;}
.zndt .zndtl .zndt2 .zndt2i{border-radius: 6px; flex: 1 1 auto; height: 50%; overflow: hidden; position: relative;}
.zndt .zndtl .zndt2 .zndt2i:last-child{margin-top:20px;}
.zndt .zndtl .zndt2 .zndt2i img{object-fit: cover; height: 100%; width: 100%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);}
.zndt .zndtl .zndt2 .zndt2i .zndt2t{align-items: flex-end; background: linear-gradient(0deg,rgba(0,0,0,.8),transparent); bottom: 0; color: #fff; display: flex; font-size: 14px; font-weight: 700; justify-content: center; left: 0; padding: 1em; position: absolute; right: 0; text-align: center; top: 25%; z-index: 1;}
.zndt .zndtr{width: calc(40% - 50px);background: #FBFBFB;padding:20px;border-radius: 6px;}
.zndt .zndtr a{display: block;margin-bottom: 15px;font-size:16px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.wh {margin-top: 50px;width:100%;height:auto;overflow:hidden}
.wh .tit {text-align: center;position: relative;}
.wh .tit h4{font-size: 42px; font-weight: bold; margin-bottom:20px; color: #333; line-height:50px;}
.wh ul.whlist{width:90%;margin:30px auto 30px;overflow:hidden}
.wh ul.whlist li{width:49%;height:auto;margin:1% 0;padding: 60px 0;float:left;background: #F8F9FA}
.wh ul.whlist li:nth-child(even){margin-left:2%}
.wh ul.whlist li .container{height:240px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.wh ul.whlist li .whl{width:45%;font-size:14px;line-height:20px;color: #333}
.wh ul.whlist li .whl p{margin-bottom:6px;}
.wh ul.whlist li .whr{width:50%}
.wh ul.whlist li .whr img{max-width:100%}
.gaoguan {margin-top: 50px;}
.gaoguan .tit {text-align: center;position: relative;}
.gaoguan .tit h4{position: relative;display: inline-block;width:100%;text-align: center;font-size: 42px; font-weight: bold; margin-bottom:50px; color: #333; line-height:50px;}
.gaoguan .tit h4:before { position: absolute; display: inline-block; left:50%;margin-left:-45px; top:75px; content: "";width:65px; height:6px;background: #0071b8;}
.gaoguan .tit h4:after { position: absolute; display: inline-block; left: 50%;margin-left:20px; top: 75px; content: "";width:25px; height:6px;background: #05a33e;}
.gaoguan ul li{width:100%;height:auto;margin:30px 0;padding: 60px 0;}
.gaoguan ul li:nth-child(odd){background: #F2F8FB}
.gaoguan ul li .container1{display: flex;flex-wrap: wrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.gaoguan ul li:nth-child(odd) .container1{flex-direction:row-reverse}
.gaoguan ul li .gaoguanl{width:65%;font-size:14px;line-height:26px;color: #333;float:right}
.gaoguan ul li .gaoguanl h3{font-size: 32px;margin-bottom:20px;color: #333}
.gaoguan ul li .gaoguanr{width:35%;text-align:center;float:left}
.gaoguan ul li .gaoguanr img{width:80%}
.dongtai{padding-top:80px;padding-bottom: 80px;background:#F8F9FA}
.dongtai ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.dongtai ul li{display: block;overflow: hidden;width: 32%;padding-bottom: 20px;margin-right: 1.3333333%;margin-bottom: 1.3333333%;background: #ffffff;border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -o-box-shadow: 1px 1px 12px rgba(0,0,0,.08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear;}
.dongtai ul li:last-child { margin-right: auto; }
.dongtai ul li .dtimg a{position: relative; width: 100%; padding-top: 66.66666%; overflow: hidden;display: flex; justify-content: center; align-items: center;}
.dongtai ul li .dtimg a img{object-fit: cover; height: 100%; width: 100%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);}
.dongtai ul li .dtinfo{padding: 10px 3% 0;}
.dongtai ul li .dtinfo h4 a{font-size: 18px; font-weight: bold; color: #0054A5; height: 38px;line-height: 38px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.dongtai ul li .dtinfo p{font-size: 14px; color: #4c4c4c; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.dongtai ul li .dtsj{padding: 20px 3%;}
.dongtai ul li .dtsj a{float: left;font-weight:700;color: #666666}
.dongtai ul li .dtsj a:hover{color:#0071b8}
.dongtai ul li .dtsj span{float: right;color: #999999}

.bofang { position: fixed; width: 900px; height: 504px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999; color: #fff; display: none; background: #000 }
.bofang .close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; padding: 5px; background: #000; z-index: 999; }
.bofang .close img { width: 30px; height: 30px; vertical-align: baseline; }
.bfbg { width: 100%; height: 100%; background-color: #000000; opacity: .6; filter: alpha(opacity=60); position: fixed; top: 0; left: 0; z-index: 99; display: none; }
.pplist{width: 1050px;	height: 330px;	position: relative;margin:0 auto;}
.pplist .next{ background:url(../images/btn.png) no-repeat 0px 0px;top: 50%;transform:translateY(-50%);width: 38px;height: 38px;display: block;position: absolute;z-index: 99;cursor: pointer;background-position: 0px -40px;right: -50px;}
.pplist .prev { background:url(../images/btn.png) no-repeat 0px 0px;top: 50%;transform:translateY(-50%);width: 38px;height: 38px;display: block;position: absolute;z-index: 99;cursor: pointer;left: -50px;}
.pplist li{position: absolute;top: 0;	left: 0;list-style: none;	opacity: 0;	transition: all 0.3s ease-out;}
.pplist img{width: 600px;	height: 330px;	border:none;float: left;}
/*.pplist .p1{transform:translate3d(-224px,0,0) scale(0.81);}*/
.pplist .p1{transform:translate3d(0px,0,0) scale(0.81);transform-origin:0 50%;opacity: 0.8;z-index: 2;}
.pplist .p2{transform:translate3d(224px,0,0) scale(1);z-index: 3;	opacity: 1;}
.pplist .p3{transform:translate3d(449px,0,0) scale(0.81);	transform-origin:100% 50%;opacity: 0.8;z-index: 2;}
.cpx{text-align:center;padding-top: 130px;}
.cpq img,.pphz img{width:100%}
.cpx img{width:100%}
.pptit{position:relative;font-size: 32px; font-weight: bold; color: #0657AB; line-height: 80px; letter-spacing: 2px;margin-top:60px;margin-bottom:60px}
.pptit:before { position: absolute; display: inline-block; left: 0; top: 85px; content: ""; width: 65px; height: 6px; background: #0071b8; }
.pptit:after { position: absolute; display: inline-block; left: 65px; top: 85px; content: ""; width: 25px; height: 6px; background: #05a33e; }
.pp { width: 66%; height:400px;margin:30px auto; } 
.cp { width: 100%; height:auto;margin-top:130px;} 
.fenlei {overflow: hidden;border-bottom: 1px #eeeeee solid}
.fenlei .items{width: 1200px;margin:30px auto;position: relative;overflow: hidden;}
.fenlei .items ul li {background-color: #fff;text-align: center;float: left;width: 200px;height: ;-webkit-transition: box-shadow .2s ease-out;transition: box-shadow .2s ease-out;}
.fenlei .items ul li span{display: block;width:50px;height:50px;margin:0 auto 15px;}
.fenlei .items ul li span img{width:50px;height:50px;}
.fenlei .items ul li a p{font-size:16px;color:#666666;}
.fenlei .items ul li:hover a p,.fenlei .items ul li.flcur a p{color:#0071b8;font-weight: 700}
.fenlei .items .next,.fenlei .items .prev {opacity: 0.8;position: absolute;top: 50%;transform: translateY(-50%);display: inline-block;cursor: pointer;z-index: 1;width: 28px;height: 62px;line-height: 62px;color: #fff;text-align: center;font-size: 22px;font-weight: 400;background: rgba(0, 0, 0, .2);font-family: simsun;transition: all ease-in .4s;}
.fenlei .items .next {left: 0px;}
.fenlei .items .prev {right: 0px;}
.fenlei .items:hover .next {opacity: 1;}
.fenlei .items:hover .prev {opacity: 1;}
.cplist{background:#F8F9FA;padding-top:50px;padding-bottom:80px;}
.cplist ul{display: flex;flex-wrap: wrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.cplist ul li{width:30%;padding:1%;margin-right: 1.3333333%;margin-bottom: 1.3333333%;background: #ffffff;border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -o-box-shadow: 1px 1px 12px rgba(0,0,0,.08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear;}
.cplist ul li:last-child { margin-right: auto; }
.cplist ul li span{position: relative;width:100%;padding-top: 66.667%; overflow: hidden;display: flex; justify-content: center; align-items: center;}
.cplist ul li span img{object-fit: cover; height: 100%; width: 100%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);}
.cplist ul li p{font-size:20px;text-align: center;font-weight: 700;padding:15px 0 0;color:#111111;}
.dbanner{width:100%;position: relative;}
.dbanner1{margin-top:130px;}
.dbanner img,.dbanner1 img{width:100%;}
.dbanner span{position:absolute;width:100%;color: #fff; font-size: 52px; font-weight: bold;text-align: center; top: 50%;left: 50%; transform: translate(-50%, -50%) }
.sydtnav{background: #FFFFFF;line-height:60px;-webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);}
.sydtnav dl{display: block;overflow: hidden;}
.sydtnav dl dt{float: left;display: block;background: #0e78bc;font-size: 18px;color: #ffffff;}
.sydtnav dl dt a{color: #ffffff;display: inline-block;padding:0 20px;}
.sydtnav dl dd{float: left;padding:0 15px;text-align: center;}
.sydtnav dl dd a{font-size:16px;display: inline-block;width:auto}
.sydtnav dl dd a.active{color: #0071b8;}
.sydtc{padding:0 0 50px;overflow: hidden;}
.sydtc .tit{font-size: 32px; font-weight: bold; color: #0657AB; line-height:40px;padding-bottom:15px;margin-top:0;margin-bottom: 30px;border-bottom: 1px #eeeeee solid}
.sydtc .tit a{float: right;font-size:14px;}
.sydtc .sydtl{width:62%;float: left;background: #f5f8ff;padding:2%;border-radius: 6px;}
.sydtc .sydtl ul li{line-height:20px;margin-bottom: 16px;}
.sydtc .sydtl ul li span{float: right;color: #666}
.sydtc .sydtr{}
.sydtc .sydtr{width: 28%;background: #f5f8ff;padding:2%;border-radius: 6px;float: right}
.new_it {display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom:20px;}
.new_it .new_img{position: relative;width:28%;height:0;padding-top: 15.75%;overflow: hidden;}
.new_it .new_img img{width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.new_it .new_info{width:70%}
.new_it .new_info h3{font:16px/20px "Microsoft YaHei";overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.new_it .new_info p{margin-top:15px;color: #888888}
.zhengqi{padding-bottom: 60px;}
.zhengqi .tit{color: #000000; font-size: 28px; font-weight: bold; line-height: 60px; text-align: center;margin-top:55px; margin-bottom: 55px;}
.zq{padding:0;overflow: hidden;}
.zql{width: 550px;height:367px;font-size: 14px;position:relative;float: left}
.zql a.control,.zql a.control1 {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.zql a.prev {left: 0;background-position: 0 0}
.zql a.next {right: 0;background-position: -76px 0}
.zql a.prev:hover {background-position: 0 -112px}
.zql a.next:hover {background-position: -76px -112px}
.slider,.slider1 {display: none}
.zqr{width: 600px;height:367px;font-size: 14px;position:relative;float: right}
.zqr ul li{border-bottom:1px #eeeeee solid;line-height:60px;overflow: hidden;position: relative;padding-left: 25px;}
.zqr ul li:before { position: absolute; display: inline-block; left:0; top:28px; content: "";width:5px; height:5px;border-radius:50%;background: #999;}
.zqr ul li a{width:480px;float: left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.zqr ul li span{float: right;display: block;width: 80px;text-align: right;color: #999999}
.yj{padding:60px 0;}
.yj .tit{position:relative;font-size:26px;color:#0071b8;font-weight: 700;margin-bottom:60px;}
.yj .tit:before { position: absolute; display: inline-block; left: 0; top:50px; content: ""; width: 65px; height: 6px; background: #0071b8; }
.yj .tit:after { position: absolute; display: inline-block; left: 65px; top:50px; content: ""; width: 25px; height: 6px; background: #05a33e; }
.yj img{max-width: 100%!important;height:auto!important;}
.yj h3{font-size:24px;color:#0071b8;font-weight: 700;margin-bottom:30px;margin-top: 30px;}
.yj h4{font-size:18px;color:#333333;font-weight: 700;margin-bottom:15px;margin-top:15px;}
.yj p{font-size:14px;color:#646464;line-height:22px;}
.contactbg{position: relative;width: 100%;height:auto;margin-top:100px;}
.contactbg img{position: relative;width: 100%;}
.contact{position: absolute;width:1200px;top:0;padding-top:5vw;left: 50%;transform: translateX(-50%);}
.contact .contactt{text-align: center;}
.contact .contactt span{font-size:16px;color:rgba(255, 255, 255, .5);}
.contact .contactt p{font-size:36px;color: #FFFFFF;padding-top:15px;}
.contact ul{margin-top:30px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.contact ul li{display: block;width:32%;text-align: center;position: relative;}
.contact ul li i{display: block;width: 50px;height: 50px;margin: 0 auto}
.contact ul li i img{width: 50px;height: 50px;}
.contact ul li p{font-size:20px;color: #FFFFFF;font-weight: 700;display: block;padding:15px 0;}
.contact ul li span{font-size:16px;color:rgba(255, 255, 255, .5);display: block;}
.liuyan{position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 80%;margin-left: 10%;height:33vw; margin-top:-5%;background-color: #fff;}
.liuyan .lyl{width: 30%;background: url("../images/msgLeftBg.jpg") no-repeat 0px 0px;padding: 1.875vw 8.33333vw 1.30208vw 1.97917vw;display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column;-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.liuyan .lyl .title { font-size: 18px; font-weight: bold; line-height:26px; color: #fff; }
.liuyan .lyl .postalCode p { font-size:30px; font-weight: bold; color: #fff; }
.liuyan .lyl .postalCode span,.liuyan .lyl .qrCode p { font-size:14px; color: rgba(245, 247, 250, .5); }
.liuyan .lyl .qrCode img { width: auto; height:150px;display: inline-block; border: none; vertical-align: middle;margin:20px 0;}
.liuyan .lyr{width: 69.17%;padding: 4.21875vw 7.34375vw;}
.liuyan .lyr .layui-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.liuyan .lyr .messageInput { width: 37.5vw; margin-bottom: 1.2vw; }
.liuyan .lyr .messageInput p { font-size: .72917vw; font-weight: bold; margin-bottom: 0.26042vw; color: #000; }
.liuyan .lyr .messageInput input { font-size: .72917vw !important; display: block; width: 100%; height: 3.02083vw; padding: 0 1.19792vw; color: rgba(0, 0, 0, .5); border: 1px solid #cedae0; }
.liuyan .lyr .messageInput .textarea { width: 100%; margin-bottom: 1.60417vw; }
.liuyan .lyr .messageInput.textarea textarea { font-size: .72917vw !important; display: block; width: 100%; height: 8.63542vw; padding: 1.19792vw; color: rgba(0, 0, 0, .5); border: 1px solid #cedae0; }
.liuyan .lyr .messageSubmit button {cursor: pointer;;display: inline-block;width: 180px;line-height:45px;font-size: 14px;text-align: center;border-radius:25px;background:#fff;color:#0071b8 ;border:2px #0071b8 solid;text-align: center;}
.liuyan .lyr .messageSubmit button:hover{background:#0071b8;color: #ffffff}
.yxwl{padding:80px 0;}
.yxwl .tit {text-align: center;position: relative;}
.yxwl .tit h4{position: relative;display: inline-block;width:100%;text-align: center;font-size: 42px; font-weight: bold; margin-bottom:50px; color: #333; line-height:50px;}
.yxwl .tit h4:before {position: absolute; display: inline-block; left:50%;margin-left:-45px; top:75px; content: "";width:65px; height:6px;background: #0071b8;}
.yxwl .tit h4:after {position: absolute; display: inline-block; left: 50%;margin-left:20px; top: 75px; content: "";width:25px; height:6px;background: #05a33e;}
.yxwl ul{margin-top:80px;display: flex;flex-wrap: wrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.yxwl ul li{display: block;width:31%;text-align: center;position: relative;}
.yxwl ul li span{display: block;width:50%;margin:0 auto;border:1px #f5f5f5 solid;}
.yxwl ul li span img{width: 100%}
.yxwl ul li p{font-size:18px;margin-top:30px;}
.show{background: #f2f6f9;padding: 100px 0 80px;}
.show .time{font-size:14px;line-height:35px;text-align: center;font-weight: bold;color: #8e8e8e;}
.show .time span{position: relative;display: inline-block;padding-left: 35px;}
.show .time span::before{position: absolute;top:11px;left: 0;width:25px;height: 13px;background: #0071b8;content: "";}
.show .title{font-size:42px; font-weight: bold; line-height: 3.125vw; margin-top: 0.67708vw; color: #000;text-align: center;}
.show .detail{padding:100px 80px 100px;background: #ffffff;margin-top:80px;}
.show .detail img{max-width: 100%}
@media (max-width:1383px) {
.fenlei .items { width:96%;}
}
@media (max-width:1210px) {
.zql { width: 550px;margin:0 auto;float: none; }
.zqr{float:none;width: 100%; height: auto}
.zqr ul li a {width:80%}
.zqr ul li span {width:20%}
}
@media (max-width:1130px) {
.dbanner1 { margin-top:60px; }
.about_t { font-size:32px; line-height: 60px;padding-bottom:15px; }
.about_t:before,.about_t:after {top: 65px;}
.gszz { margin-bottom:20px;margin-top: 20px}
.gszzc { margin-top: 20px}
.gszzl {width:100%;}
.gszzr { width:100%; }
.gszzr .gszzw { font-size: 14px; line-height:24px;margin-top:10px;}
.gyznc { margin-top: 20px;}
.gyzning { margin-top:20px; margin-bottom:10px; }
.gyzningl { width:100%; height: 0; padding-bottom: 66.66666%; position: relative; }
.gyzningl span:before {display:none}
.gyzningr { width:100%; font-size: 14px;line-height: 24px;margin-top:10px;}
.zuzhi { margin-top:10px; }
.about_jj { margin-top:20px; }
.about_sj { margin-top: 10px; }
.about_nav a {width: 25%; line-height: 70px; font-size: 18px;}
.about_nav a.ab_cur:after, .about_nav a:hover:after {left:25%;width:50%;}
/*#dates{margin-left:0!important}*/
#dates li {width: 100px; }
#dates .selected { font-size:32px; }
#dates a {font-size: 20px;}
#dates li a:after {left: 46px; bottom: -20px;width: 8px; height: 8px;}
#dates .selected:after {left: 44px; bottom: -20px; width: 12px; height: 12px;}
#timeline { margin:20px auto;}
#issues li .timel { width: 100%;text-align:center;font-size: 14px; padding:0; }
#issues li .timer { position: relative; width:100%; padding-top: 66.66666%; overflow: hidden; border-radius: 20px; }
.zndt { margin-top:20px; margin-bottom:10px; }
.zndt_c {width: 100%;margin-top: 20px;display:block;}
.zndt .zndtl { width: 96%;padding:2%;display:block;}
.zndt .zndtl .zndt1 { width:100%; }
.zndt .zndtl .zndt2 { width:100%; flex-direction: row; margin-left:0;margin-top:4%}
.zndt .zndtl .zndt2 .zndt2i { width:48%;height: 0; padding-bottom:24%}
.zndt .zndtl .zndt2 .zndt2i:last-child { margin-top: 0;margin-left:4%}
.zndt .zndtl .zndt1 .zndt1i .zndt1t {font-size: 14px;padding:1em;}
.zndt .zndtl .zndt2 .zndt2i .zndt2t {font-size: 14px; padding: 1em;top: 25%; }
.zndt .zndtr {width: 90%; padding:5% 5% 1%;height:auto!important}
.zndt .zndtr a {font-size: 14px;}
.wh { margin-top:20px;}
.wh .tit h4 { font-size:32px;margin-bottom:10px;line-height:28px;}
.wh ul.whlist li { width:100%;margin: 1% 0; padding:10px 0;}
.wh ul.whlist li:nth-child(even) { margin-left:0; }
.wh ul.whlist li .container1 { height: auto; }
.wh ul.whlist li .whl { width: 45%; font-size: 12px; line-height:14px;}
.dbanner span { font-size: 20px;}
.gaoguan { margin-top: 20px; }
.gaoguan .tit h4 {width: 100%;font-size: 32px;margin-bottom: 20px;line-height: 50px; }
.gaoguan .tit h4:before,.gaoguan .tit h4:after {top:55px;}
.gaoguan ul li {margin:20px 0; padding:20px 0; }
.gaoguan ul li .gaoguanl { width: 100%; font-size: 12px; line-height:16px;margin-top:20px;}
.gaoguan ul li .gaoguanl h3 { font-size: 16px; margin-bottom:10px; }
.gaoguan ul li .gaoguanr { width: 100%;}
.show{padding: 60px 0 20px;}
.show .title{font-size:20px; line-height:25px; margin-top:5px; }
.show .detail{padding:20px 20px 20px;margin-top:20px;}
.show .detail img{max-width: 100%;height:auto!important}
.edui-video-video{width:100%!important;height:auto!important;}
.bread-crumb { height:40px; font-size: 14px; line-height: 40px; margin-top: 0; }
.bread-crumb span { margin-left:25px; }
.bread-crumb span::before {left: -25px; top: 10px;width:20px; height:20px;background-size:20px 20px;}
.cpx {padding-top: 60px; }
.pptit {font-size: 24px; line-height: 40px;margin-top: 20px; margin-bottom:40px;letter-spacing:0}
.pptit:before {top: 45px;width: 45px; height:4px}
.pptit:after {top: 45px;left:45px;width: 15px; height:4px}
.pplist {width:340px; height:170px;margin-left:auto;margin-right:auto;}
.pplist img{width:280px;	height:154px;}
.pplist .p1{transform:translate3d(0px,0,0) scale(0.81);transform-origin:0 50%;opacity: 0.8;z-index: 2;}
.pplist .p2{transform:translate3d(30px,0,0) scale(1);z-index: 3;	opacity: 1;}
.pplist .p3{transform:translate3d(60px,0,0) scale(0.81);	transform-origin:100% 50%;opacity: 0.8;z-index: 2;}
.pp { width:100%; height: 0;padding-bottom:56.25%; margin:20px auto; }
.swiper-slide .anniu {margin-top:20%;left:50%;margin-left:-40px;transform: translate(0, 0);}
.bofang {width: 100%; height: auto;}
#myVideo{width:100%;height:auto;}
.cp {margin-top:60px; }
.fenlei .items ul li { width: 100px!important; }
.cplist { padding-top: 20px; padding-bottom: 20px; }
.cplist ul li{width:46%;padding:1%;margin-right:1%;margin-bottom: 2%;}
.cplist ul li:last-child { margin-right: auto; }
.cplist ul li p { font-size: 16px;padding: 15px 0 10px;}
.fenlei .items {margin:20px auto}
.fenlei .items ul li span {width:35px; height:35px; margin: 0 auto 10px; }
.fenlei .items ul li span img { width:35px; height:35px; }
.fenlei .items ul li a p { font-size: 16px;}
.fenlei .items .next, .fenlei .items .prev {width: 20px; height: 40px; line-height:40px; font-size: 22px;}
.yj { padding:20px 0; }
.yj .tit { font-size:18px;margin-bottom:40px; }
.yj .tit:before,.yj .tit:after { top:40px;}
.yj tr{display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.yj tr td{display:block;width:100%}
.yj tr:nth-child(1){flex-direction: row-reverse;}
.sydtnav {line-height:40px;}
.sydtnav .container2{overflow: auto;scrollbar-width: none;width:100%}
.sydtnav dl{height:40px;width:770px;}
.sydtnav dl dt {font-size: 14px; }
.sydtnav dl dt a {padding: 0 10px; }
.sydtnav dl dd { padding: 0 10px;}
.sydtnav dl dd a { font-size: 14px;width:auto; }
.sydtc .sydtl { width:96%;}
.sydtc .sydtr { width: 96%;margin-top:2%}
.sydtc .tit { font-size: 22px; line-height: 40px; padding-bottom: 15px;margin-bottom: 30px;}
.sydtc .sydtl ul li{height:20px;overflow:height}
.sydtc .sydtl ul li a{display:inline-block;width:78%;float:left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1}
.sydtc .sydtl ul li span{display:inline-block;width:20%; }
.new_it .new_info h3 { font: 14px / 20px "Microsoft YaHei"; }
.contact .contactt p {font-size:26px;padding-top:15px;}
.contact {width: 96%; top: 0; padding-top: 5vw; left: 50%; transform: translateX(-50%);z-index:3}
.contact ul { margin-top: 50px; }
.contact ul li {width:90%;height:40px;padding-left:40px; text-align: center; position: relative;display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;flex-direction: row-reverse;}
.contact ul li:before { position: absolute; display: inline-block; left: 0; top: 5px; content: ""; width:30px; height:30px;background-blend-mode: overlay; background-size: cover;}
.contact ul li:nth-child(1):before {background-image: url(../images/conIcon01.png); }
.contact ul li:nth-child(2):before {background-image: url(../images/conIcon02.png); }
.contact ul li:nth-child(3):before {background-image: url(../images/conIcon03.png); }
.contact ul li i { display: none; }
.contact ul li p { font-size: 14px; color: #333; padding: 0;width:80%;float:right;text-align:left;font-weight: normal}
.contact ul li span { font-size: 14px; color: #333; display: block;width:20%;float:left;text-align:left}
.liuyan{margin-top:150px;display:block;width:100%;padding:0;margin-left:0;height:auto;overflow:hidden;}
.liuyan .lyl {width:90%;height:130px;position:relative;padding:20px 5%}
.liuyan .lyl .title { font-size:18px; line-height:26px;}
.liuyan .lyl .postalCode p { font-size:28px;}
.liuyan .lyl .postalCode span {display:inline-block;margin-top:5px;}
.liuyan .lyl .qrCode{position:absolute;right:20px;top:20px;text-align:center;}
.liuyan .lyl .qrCode img { width: auto; height: 100px; margin: 0; }
.liuyan .lyl .qrCode p {margin-top:14px;}
.liuyan .lyr { width:94%; padding:5% 3% 0; }
.liuyan .lyr .messageInput { width:calc(100% - 2px);; margin-bottom:0; }
.liuyan .lyr .messageInput p { font-size: 14px;line-height:50px; font-weight: normal; margin-bottom:0;}
.liuyan .lyr .messageInput input { font-size: 14px !important; height:40px; padding: 0;border: 1px solid #cedae0;text-indent:20px;}
.liuyan .lyr .messageInput.textarea textarea { font-size:14px !important;width:calc(100% - 40px); height:100px; padding:20px;}
.liuyan .lyr .messageSubmit{margin:20px auto 0;}
.yxwl { padding:30px 0; }
.yxwl .tit h4 {font-size: 26px;margin-bottom:20px;}
.yxwl .tit h4:before {left: 60px; top: 60px;width: 40px; height: 4px;}
.yxwl .tit h4:after {left: 100px; top: 60px;width: 20px; height: 4px;}
.yxwl ul {margin-top:30px;margin-bottom:10px;}
.yxwl ul li { width: 32%;}
.yxwl ul li span {width: 80%;}
.yxwl ul li p { font-size: 14px; margin-top: 10px; }
}