body {margin: 0;  padding: 0;  font-size:14px;font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif;color: #333; line-height:1.8;}
ul,li{list-style: none;padding: 0;}
*{padding: 0;margin: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration: none;  margin: 0;  padding: 0;color: #333; }
p,span,i,em{  margin: 0;  padding: 0;  font-style: normal; }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both}
.clearfix{display:inline-table;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
.clearfix { display:block; }
.dn{ display:none}
div{ box-sizing:border-box}
.cur{ display:block;}

.w1200{ width:1200px; margin:0 auto}
.w1400{ width:1400px; margin:0 auto}
.top{ background:#262932; height:50px; line-height:50px;}
.top_l{ font-size:12px; color:#fffefe}
.top_r{}
.rkja{font-size:12px; color:#dddddd;}
.rkja a{ font-size:12px; color:#ffffff; margin:0 15px;}
.rkja a img{ margin-bottom:0; margin-right:5px;}
.rkja a:hover{text-decoration:underline}
.header{ background:url(../image/tbg.jpg) no-repeat center center; height:175px; padding-top:15px;}
.logo{ width:70%;}
.logo img{ max-width:100%}
.logo a{ float:left}
.logo p.sign{ float:left; margin-left:10px; margin-top:40px;}
.logo p.sign img{ max-width:100%}
.phone{ background: url(../image/dhico.png) no-repeat left center; padding-left:75px; margin-top:35px}
.phone h2{ font-size:16px;}
.phone h3{ font-size:31px; color:#ff8228; font-weight:bold; margin-top:-11px;}
.nav{background:#0d569a; height:70px; position:relative; z-index:99999; left:0; right:0; top:0}
.menu{}
.menu li{ float:left; width:14.28%;height:70px; line-height:70px; text-align:center;box-sizing:border-box;position:relative; }
.menu li a{ display:block; height:70px; line-height:70px; font-size:16px; color:#ffffff;  transition:all 300ms;position:relative; z-index:10}
.menu li:after{ content:""; position:absolute; left:0; width:0; top:0; bottom:0;background:#ff8228;transition:all 300ms; }
.menu li a img{ margin-right:7px; margin-bottom:-3px; transition:all 300ms}
.menu li.active:after,.menu li:hover:after{width:100%; }
.menu li:hover a img{ transform:rotateY(360deg)}


.indexbanner .swiper-slide > a,.sjpic .swiper-slide > a{ display:block}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom, .swiper-pagination-fraction{  bottom:5%;}
.indexbanner .swiper-pagination-bullet{ background:none; width:auto; height:auto; margin:0 0.5%!important;transition:all 500ms ease; color:#fff;opacity:1;}
.indexbanner .swiper-pagination-bullet-active{color:#ff8228; margin:0 4%!important; }
.imgstyle{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative}
.imgstyle img{ width:100%}

.pzsrx{ background:#fff; position:relative; z-index:100; box-shadow:0 0 10px 1px rgba(0,0,0,.1); top:-50px;}
.pzsrx > div { width:33.3333%; text-align:center; padding:2.5% 0; height:130px;}
.pztext{}
.pztext h2{ font-size:18px; font-family:"宋体"; font-weight:bold}
.pztext h3{font-size:20px; font-family:"宋体"; font-weight:bold}
.pztext h3 i{ color:#999}
.pzsrx > div.scbox{box-shadow:-5px -0 3px 0 rgba(0,0,0,.03); padding:3% 0;}
.serch{ width:70%; margin:0 auto; border:1px solid #999999; border-radius:50px; height:48px; line-height:48px; }
.serch input{ float:left; width:75%;height:46px; line-height:46px; border:none; background:none; padding:0 15px; box-sizing:border-box}
.serch input:focus{ outline:none}
.serch a{ float:right; width:48px; height:46px; background:url(../image/sico.png) no-repeat center center;}
.pzsrx > div.fwphone{box-shadow:-5px -0 3px 0 rgba(0,0,0,.03);}
.fwdh{ background:url(../image/dhico1.png) no-repeat left center; padding-left:55px; width:230px; margin:0 auto; text-align:left}
.fwdh h2{font-size:14px; font-weight:bold; white-space:nowrap}
.fwdh h3{ font-size:24px; font-weight:bold; margin-top:-10px; white-space:nowrap}

.fwxmbox{ margin-top:1%}
.title{ text-align:center; position:relative;}
.title h2{ position:absolute; left:0; top:10px; width:500px; margin:0 auto; right:0; z-index:10}
.title h2 img{ height:55px;}
.title h3{font-size:30px; font-weight:bold; position:relative;z-index:10}
.title h4{ font-size:14px; color:#999; margin-top:-10px;position:relative;z-index:10}
.title:before{ content:""; position:absolute; left:17%; top:50%; width:270px; height:1px; background:#eeeeee; z-index:0}
.title:after{ content:""; position:absolute; right:17%; top:50%; width:270px; height:1px; background:#eeeeee;z-index:0}
.fwxmain{ margin-top:4%}
.fwxm_l{ width:22.5%}
.fwxm_r{ width:76.7%;background:#3370a9}
.fwxmimg{ width:63.9%}
.fwxminfo{ width:36.1%; padding:5% 3.5%; }
.fwxmlist{}
.fwxmlist li{ background:#eeeeee; padding:10% 12%; box-sizing: border-box; margin-bottom:3.4%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:flex-start; font-size:18px; color:#666666; cursor:pointer; position:relative;transition:all 300ms }
.fwxmlist li:last-child{ margin-bottom:0}
.fwxmlist li:after{ content:""; position:absolute; left:50%; top:0; bottom:0; background:#0d569a; width:0; transition:all 300ms}
.fwxmlist li img{ height:62px; margin-right:11%; position:relative; z-index:10;transition:all 500ms}
.fwxmlist li span{ display:block;white-space:nowrap;text-overflow: ellipsis;overflow: hidden; position:relative; z-index:10}
.fwxmlist li.active:after,.fwxmlist li:hover:after{ width:100%; left:0}
.fwxmlist li.active,.fwxmlist li:hover{color:#fff}
.fwxmlist li:hover img{ transform:rotate(360deg)}
.fwxminfo h2{ font-size:20px;color:#ffffff;border-bottom:1px solid #fff;}
.fwxminfo h2 span{ font-weight:600; display:block; padding-bottom:15px; box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.fwxminfo h2 span:after{content:""; position:absolute;width:90px;height:2px;background:#fff;left:0; bottom:0}
.fwxmcont{ height:240px; margin-top:18%; overflow:hidden}
.fwxmcont p{ color:#fff; line-height:2.4;}
.xmico{ display:block; width:36px; height:36px; background:url(../image/xmico4.png) no-repeat center center; margin-top:7%; transition:all 300ms}
.xmico:hover{ transform:translateX(6px)}


.lybox{ margin-top:3.5%}
.lymain{ margin-top:3%; background:#f4f4f4; padding-top:130px}
.lycont{ position:relative}
.lylist{ position: absolute; left:0; right:0; top:0; margin:0 auto; z-index:100}
.lylist li{ position:absolute; text-align:center}
.lylist li:nth-child(1){ left:107px; top:0}
.lylist li:nth-child(2){ left:232px; top:45px}
.lylist li:nth-child(3){ left:392px; top:-75px}
.lylist li:nth-child(4){ left:479px; top:-10px}
.lylist li:nth-child(5){ left:570px; top:52px}
.lylist li:nth-child(6){ right:484px; top:-13px}
.lylist li:nth-child(7){ right:395px; top:-80px}
.lylist li:nth-child(8){ right:248px; top:51px}
.lylist li:nth-child(9){ right:100px; top:-5px}
.lylist li dt{ margin-bottom:6px;}
.lylist li dd img{ height:58px;animation: updown01 2s linear infinite; -webkit-animation: updown01 2s linear infinite}
.lylist li:nth-child(2) dd img{animation: updown01 3s linear infinite; -webkit-animation: updown01 3s linear infinite}
.lylist li:nth-child(3) dd img{animation: updown01 4s linear infinite; -webkit-animation: updown01 4s linear infinite}
.lylist li:nth-child(4) dd img{animation: updown01 5s linear infinite; -webkit-animation: updown01 5s linear infinite}
.lylist li:nth-child(5) dd img{animation: updown01 3s linear infinite; -webkit-animation: updown01 3s linear infinite}
.lylist li:nth-child(6) dd img{animation: updown01 4s linear infinite; -webkit-animation: updown01 4s linear infinite}
.lylist li:nth-child(7) dd img{animation: updown01 8s linear infinite; -webkit-animation: updown01 8s linear infinite}
.lylist li:nth-child(8) dd img{animation: updown01 3s linear infinite; -webkit-animation: updown01 3s linear infinite}
.lybg{}
.lybg img{ width:100%}
@keyframes updown01
{
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-6px);
  }
  75% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes updown01
{
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-6px);
  }
  75% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}

.about{ padding:4% 0}
.about_l{ width:44%}
.abtitle{}
.abtitle > h2{ position:relative}
.abtitle > h2:after{ content:""; position:absolute; right:18%; width:50%; top:50%; height:1px; background:#dddddd}
.abtitle > h2 span{ display:inline-block; font-size:22px; font-weight:bold; width:44px; height:44px; border:1px solid #dedede; box-sizing:border-box; text-align:center; line-height:41px; border-radius:100%; margin-left:-5px; position:relative; z-index:5}
.abtitle > h2 i{display:inline-block; width:8px; height:8px; background:#145c9d;border-radius:100%; margin:0 15px;}
.abtitle > h2 span:first-child{ background:#0d569a;z-index:1;border:1px solid #0d569a; color:#fff}
.abtitle > h3{font-size:16px; color:#999999;box-sizing:border-box; margin-top:5px; text-transform:uppercase}
.abmain{ margin-top:3%}
.abmain > h2{ font-size:30px; font-weight:bold;}
.abmain > h3{ font-size:14px; color:#999999; text-transform:uppercase; margin-top:-8px;}
.abmain i{ display:inline-block; width:62px; height:2px; background:#0d569a; margin-top:10px;}
.abinfo{margin-top:5%; height:125px; overflow:hidden}
.abinfo p{line-height:2.4}
.ablist{ margin-top:8%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;}
.ablist li{ position:relative}
.ablist li:after{ content:""; position:absolute; right:-50%; top:5%; width:1px; background:#d6d6d6; height:90%}
.ablist li:last-child:after{ display:none}
.ablist li a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;}
.ablist li dt{ margin-right:15px;}
.ablist li dt img{ height:62px; transition:all 500ms}
.ablist li dd{}
.ablist li dd h2{ font-size:15px;}
.ablist li dd h3{ font-size:12px; text-transform:uppercase; margin-top:-3px;}
.ablist li:hover dt img{ transform:rotate(360deg)}
.rybanner {
  position: relative;
  width:700px;
}

.rybanner .swiper-container {
  padding-bottom: 60px;
  padding-top: 16px;
}

.rybanner .swiper-slide {
  width: 375px;
  height: 495px;
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
}
.rybanner .swiper-slide.swiper-slide-active{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.rybanner .swiper-slide img{ max-height:100%; max-width:100%}
.rybanner .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

.rybanner .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

.rybanner .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}

.rybanner .swiper-button-prev {
  left:0;
  top: 40%;
  width: 39px;
  height: 39px; background:url(../image/ryl.png) no-repeat center center; outline:none
}

.rybanner .swiper-button-next {
  right:0;
  top: 40%;
  width: 39px;
  height: 39px;background:url(../image/ryr.png) no-repeat center center; outline:none
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display:none}

.ysbox{ background:url(../image/ysbg.jpg) no-repeat center center; background-size:cover}
.btitle h3,.btitle h4{ color:#fff}
.btitle:before,.btitle:after{ background:#85a1bc}
.ysmain{ position:relative}
.ysmain .title{ position:absolute; left:0; right:0; top:8%; margin:0 auto; z-index:10}
.yslist li{ float:left; width:20%; text-align:center; padding:0 3%; padding-top:12%; padding-bottom:6%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,.2); transition:all 300ms}
.yslist li dt{}
.yslist li dt img{ height:60px;}
.yslist li dd{}
.yslist li dd h2{ font-size:18px; color:#fff; margin-top:25%;transition:all 300ms}
.yslist li dd p{text-align:left;font-size:12px; color:#ffffff; margin-top:5%; opacity:0; transform: translateY(-5px); transition:all 300ms;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;}
.yslist li dd i{ display:inline-block;width:25px; height:2px; background:#fff; margin-top:10%;transition:all 300ms}
.yslist li:hover{ background:rgba(7,45,79,.3)}
.yslist li:hover dd p{ transform: translateY(0); opacity:1; }
.yslist li:hover dd h2{ transform:translateY(-10px)}
.yslist li:hover dd i{transform:translateY(20px)}
.yslist li:last-child{ border-right:none}

.case{ background:url(../image/xmbg.png) no-repeat center center; padding:3.5% 0; padding-bottom:3%; background-size:cover}
.case .title:before,.case .title:after{ background:#dddddd}
.cslist{ margin-top:2%}
.cslist li{ float:left; width:23.8%; margin-right:1.5%; box-sizing:border-box; text-align:center; padding:0.7%; padding-bottom:0.5%; margin-top:2%; transition:all 300ms}
.cslist li:nth-child(4n+0){ margin-right:0}
.cslist li dd{ padding:5%; box-sizing:border-box}
.cslist li dd h2{ font-size:16px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden; transition:all 300ms}
.cslist li dd i{ display:inline-block; width:35px; height:2px; background:#cccccc; margin:5% 0; position:relative}
.cslist li dd i:before{ content:""; position:absolute; left:0; width:0; height:2px; background:#ff8228; transition:all 300ms}
.cslist li dd p{ font-size:12px; color:#666666;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient: vertical; text-align:left; line-height:2}
.cslist li:hover{ box-shadow:0 0 15px 1px rgba(255,130,40,.2); background:#fff;}
.cslist li:hover dd h2{ color:#ff8228}
.cslist li:hover dd i:before{ width:100%}
.ckmore{ text-align:center}
.ckmore a{ display:inline-block; width:155px; height:45px; line-height:45px; text-align:center; border-radius:5px; color:#fff; background:#ff8228; font-size:17px; margin-top:3%; transition:all 300ms}
.ckmore a:hover{ border-radius:50px;}

.fwlcbox{ padding:3% 0; background:url(../image/lcbg.jpg) no-repeat top center;}
.fwlccont{ margin-top:4%; position:relative}
.fwlccont,.fwlccont .swiper-container{}
.fwlccont .swiper-button-prev{left:0; background:url(../image/lcl.png) no-repeat center center; content:""; width:49px; height:49px;cursor: pointer }
.fwlccont .swiper-button-prev:after,.fwlccont .swiper-button-next:after{ display:none}
.fwlccont .swiper-button-next{ right:0;background:url(../image/lcr.png) no-repeat center center;content:"";width:49px; height:49px;cursor: pointer }
.fwlccont .swiper-button-prev:focus,.fwlccont .swiper-button-next:focus{ outline:none}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1; }
.fwlccont .swiper-slide{ text-align:center; }
.fwlct{ text-align:center;width:50%; margin:0 auto}
.fwlct h2{ font-size:18px; color:#fff}
.fwlct h3{ font-size:12px; color:#fff; text-transform:capitalize}
.fwlct i{ display:inline-block; width:90%; margin:9% auto; height:1px; background:#fff}
.fwlcinfo{ text-align:center; background:url(../image/lck1.png) no-repeat center center; width:165px; margin:0 auto; height:183px; padding-top:36px; margin-top:4%;transition:all 300ms}
.fwlcinfo dt{ width:35px; height:35px; margin:0 auto; position:relative; overflow:hidden}
.fwlcinfo dt img{ height:35px; position:absolute; left:0; right:0; top:0; bottom:0; transition:all 300ms}
.fwlcinfo dt img.lcico{}
.fwlcinfo dt img:nth-child(1){ transform:translateX(100%)}
.fwlcinfo dd{ line-height:1.6; margin-top:15px; color:#666666;transition:all 300ms}
.lcnum{ text-align:center; font-size:18px; margin-top:1%}
.fwlccont .swiper-slide:hover .fwlcinfo dt img.lcico{transform:translateX(-100%)}
.fwlccont .swiper-slide:hover .fwlcinfo dt img:nth-child(1){transform:translateX(0)}
.fwlccont .swiper-slide:hover .fwlcinfo{background:url(../image/lck.png) no-repeat center center; }
.fwlccont .swiper-slide:hover .fwlcinfo dd{ color:#fff}

.newbox{ background:url(../image/xwbg.png) no-repeat center center; padding:3% 0; background-size:cover}
.newmain{ margin-top:3%}
.newmain > div{ float:left; width:47.5%}
.newmain > div:nth-child(2){ float:right}
.newt{ border-bottom:1px solid #e1e1e1; padding-bottom:8px; position:relative; margin-bottom:4%}
.newt h2{ float:left; font-size:18px;}
.newt h2 img{ height:25px; margin-right:6px; margin-bottom:-6px;}
.newt a{ float:right; font-size:12px; text-transform:uppercase; margin-top:8px;}
.newt a:hover{ color:#ff8228; text-decoration:underline}
.newtj{ background:#5e5d9f}
.newmain > div:nth-child(2) .newtj{ background:#f0c55f}
.newtj dt{ float:left; width:42%}
.newtj dd{ float:left; width:58%; padding:4.5% 3%; box-sizing:border-box}
.newtj dd h2{ font-size:16px; color:#fff; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; padding-bottom:5%; position:relative}
.newtj dd h2:before{ content:""; position:absolute; bottom:0; left:0; width:40px; height:3px; background:#f58030; z-index:10}
.newtj dd h2:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff; }
.newtj dd p{ font-size:12px; color:#fff; margin-top:5%; line-height:2;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient: vertical;}
.newtj:hover dd h2{ text-decoration:underline}
.newlist{}
.newlist li{ height:70px; line-height:70px; border-bottom:1px solid #e0e0e1}
.newlist li a{ float:left; width:76%; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; box-sizing:border-box; transition:all 300ms}
.newlist li > span{ float:right; color:#999999}
.newlist li:hover a{ color:#ff8228; padding-left:8px;}
.newlist li a span{ color:#0d569a; display:inline-block; margin-right:5px;}

.foot{ background:#1e1f23}
.foot_l{ width:235px; text-align:center; background:url(../image/fbg.jpg) repeat; padding:2% 0}
.flogo{}
.flogo img{ max-width:100%}
.ewm{display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:center; margin-top:10%}
.ewm dl{ text-align:center; width:88px; margin:0 4%}
.ewm dl dt{ background:#fff url(../image/mbg.png) no-repeat center center; background-size:100% 100%;width:88px; height:89px; }
.ewm dl dt img{ max-width:100%}
.ewm dl dd{ font-size:14px; color:#999; margin-top:3px;}
.foot_r{ width:910px; padding-top:0.5%}
.fmenu{}
.fmenu dl{ margin-top:3%}
.fmenu dl dt{ font-size:14px; color:#fff}
.fmenu dl dt span{font-size:12px;}
.fmenu dl dd{color:#fff; opacity:.6; font-size:12px; background:#333333; height:42px; line-height:42px; padding:0 30px; box-sizing:border-box; margin-top:1.5%}
.fmenu dl dd a{ color:#fff; opacity:.6; font-size:12px; margin-right:82px;}
.fmenu dl dd a:last-child{ margin-right:0}
.fmenu dl dd a:hover{ opacity:1}
.ftlx dl dd{ background:none; border:1px solid #3f3f3f}
.ftlx dl dd span{ margin-right:18px;}
.ftlx dl dd span:last-child{ margin-right:0}
.ftext dl dd{ background:none; padding:0; margin-top:0}
.ftext dl dd a{ margin:0; opacity:1;width:auto!important}
.ftext dl dd a:hover{ text-decoration:underline}


.nav-2 { clear:both;
    background:rgba(13,86,154,.8); left:0;
    position: fixed; top:40px; right:0; transform:translateX(100%); transition:all 450ms ease-out;
    z-index: 130000; height:100%; overflow-y: auto; padding-top:5%
}
.nav-2.active{ transform:translateX(0);}
.nav-2 > ul > li {
    
    padding: 10px 20px;
}
.nav-2 > ul > li:first-child {
    border-top: 0;
}
.nav-2 > ul > li > a {
    font-size: 14px; display:block;
    width: 100%;
    color: #fff; font-size:16px;
}
.nav-2 > ul > li > a img{ margin-right:8px; margin-bottom:-3px;}
.nav-2 > ul > li ul{ display:none}
.nav-2 > ul > li ul{ margin-left:25px}
.nav-2 > ul > li ul li{ line-height:2.5;}
.nav-2 > ul > li ul li a{ color:#fff; font-size:16px;}
.nav-2 > ul > li ul li a i{ font-family:"宋体"}
.nav-2 > ul > li ul li:first-child{border-top: 0;}
.chenggao {
    display: none;
    height:100px;
}
#nav-2-heidi {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background:rgba(55,57,52,.9);
    display: none;
}
.menuico{display:none; margin-top:5px;}
.menuico span{ background:#fff; display:block; width:28px; margin:0 auto; height:3px; margin-top:6px; transition:all 500ms ease-in-out;}
.menuico.pdtop{padding-top:5px;}
.animated .mtop {
    -webkit-transform: translateY(5px) rotateZ(45deg);
    -moz-transform: translateY(5px) rotateZ(45deg);
    -ms-transform: translateY(5px) rotateZ(45deg);
    -o-transform: translateY(5px) rotateZ(45deg);
    transform: translateY(5px) rotateZ(45deg);
}
.animated .middle {
    width: 0;
}
.animated .bottom {
    -webkit-transform: translateY(-13px) rotateZ(-45deg);
    -moz-transform: translateY(-13px) rotateZ(-45deg);
    -ms-transform: translateY(-13px) rotateZ(-45deg);
    -o-transform: translateY(-13px) rotateZ(-45deg);
    transform: translateY(-13px) rotateZ(-45deg);
}

.sjbanner,.sjrybox,.sjnypic{ display:none}

.pcnypic img{ width:100%}
.nyall{ padding:3% 0}
.adres{ background:#000000; height:55px; line-height:55px;}
.adresc{ background:url(../image/home.png) no-repeat left center; padding-left:30px; color:#fff; font-family:"宋体"}
.adresc a{ color:#fff; font-family:"microsoft yahei" ; transition:all 300ms}
.adresc a:hover{ color:#ff8228; text-decoration:underline}
.nytitle{ text-align:center}
.nytitle h2{ font-size:24px; font-weight:600}
.nytitle h3{ font-size:14px; color:#666666; text-transform:uppercase}
.nytitle i{ display:inline-block; width:30px; height:2px; background:#0659b4; margin:8px 0}
.xwmeu{ text-align:center; margin-top:4%}
.xwmeu a{display:inline-block; width:140px; height:45px; line-height:45px; text-align:center; color:#fff; border-radius:8px; background:#0659b4; margin:0 10px;}
.xwmeu a.active{ background:#ff8228}
.nynewlist{ margin-top:3%}
.nynewlist li{ padding:3% 0; box-sizing:border-box; border-bottom:1px solid #dddddd; position:relative}
.nynewlist li:after{ content:""; position:absolute; left:0; width:0; height:1px; background:#ff8228; bottom:0; transition:all 800ms}
.sjtime{ width:140px; margin-top:30px;}
.sjtime h2{ font-size:30px; font-weight:bold;transition:all 300ms}
.sjtime h3{ font-size:18px; margin-top:-7px;transition:all 300ms}
.nynewinfo{ width:1050px}
.nynewinfo dt{ float:left; width:21.3%; transition:all 300ms}
.nynewinfo dd{ float:right; width:75%; padding-top:1%}
.nynewinfo dd h2{ font-size:18px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden; transition:all 300ms}
.nynewinfo dd p{ font-size:14px; color:#666666; opacity:.8; line-height:2.1; margin-top:1%;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;}
.nynewlist li:hover .nynewinfo dd h2,.nynewlist li:hover .sjtime h2,.nynewlist li:hover .sjtime h3{ color:#ff8228}
.nynewlist li:hover .nynewinfo dt{ box-shadow:0 0 10px 1px rgba(0,0,0,.3)}
.nynewlist li:hover:after{ width:100%}
.page {
	text-align: center;
	margin-top:50px;
	clear: both;
}
.page a {
	display: inline-block;
	text-align: center;
	height:36px; line-height:36px; margin:0 6px; border:1px solid #dddddd;
	color: #666666; padding:0 15px; box-sizing:border-box;
	vertical-align: middle;
	transition: all 400ms cubic-bezier(.4, 0, .23, 1);
	-moz-transition: all 400ms cubic-bezier(.4, 0, .23, 1);
	-webkit-transition: all 400ms cubic-bezier(.4, 0, .23, 1);
}
.pageactive {
	display: inline-block;
	text-align: center;
	height:36px; line-height:36px;padding:0 15px; 
	color: #fff!important;
	background:#ff8228;
	vertical-align: middle;
}
.page a:hover {
	color: #fff!important; background:#ff8228;border:1px solid #ff8228;
}

.detail{}
.detail> h2{ text-align:center; font-size:24px;}
.detail> h3{ font-size:16px; color:#999; text-align:center; line-height:1.5}
.xqcont{ margin-top:2%;border-top:1px solid #e6e6e6;  padding-top:3%; margin-top:2% }
.xqcont p{ font-size:16px; line-height:2}
.xqcont p img{ max-width:100%; margin:1.5em auto}

.nycslist{ margin-top:2%}
.nycslist li{ float:left; width:32%; margin-right:2%; box-sizing:border-box; text-align:center; padding:0.7%; padding-bottom:0.5%; margin-top:2%; transition:all 300ms}
.nycslist li:nth-child(3n+0){ margin-right:0}
.nycslist li dd{ padding:5%; box-sizing:border-box}
.nycslist li dd h2{ font-size:16px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden; transition:all 300ms}
.nycslist li dd i{ display:inline-block; width:35px; height:2px; background:#cccccc; margin:5% 0; position:relative}
.nycslist li dd i:before{ content:""; position:absolute; left:0; width:0; height:2px; background:#ff8228; transition:all 300ms}
.nycslist li dd p{ font-size:12px; color:#666666;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient: vertical; text-align:left; line-height:2}
.nycslist li:hover{ box-shadow:0 0 15px 1px rgba(255,130,40,.2); background:#fff;}
.nycslist li:hover dd h2{ color:#ff8228}
.nycslist li:hover dd i:before{ width:100%}

.bfyj{ margin-top:4%}
.nyrylist{ margin-top:4%;}
.nyrylist li{ float:left; width:30%; margin-right:5%; text-align:center; margin-bottom:3%}
.nyrylist li:nth-child(3n+0){margin-right:0}
.nyrylist li dt{ background:#f0f0f0; height:470px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:center;}
.nyrylist li dt img{ max-height:100%; max-width:100%}
.nyrylist li dd{ margin-top:8%;text-overflow: ellipsis; white-space:nowrap; overflow:hidden; font-size:16px;}
.rytext{ font-size:18px; text-indent:2em; margin-top:2%; line-height:1.9}
.qtrylist{ margin-top:3%}
.qtrylist li{ float:left; width:48%; margin-bottom:1.5%;text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.qtrylist li:nth-child(2n+0){ float:right}

.fwlist{ margin-top:4%}
.fwlist li{background:#f6f6f6; position:relative; margin-bottom:2%; transition:all 300ms}
.fwlist li dt{ float:left; width:50%;}
.fwlist li dd{ float:left; width:50%; padding:3.5% 4.5%; padding-bottom:0; box-sizing:border-box;}
.fwlist li dd h2{ text-align:center; font-size:24px;}
.fwcont{ height:120px; overflow: hidden; margin-top:4%}
.fwcont p{ color:#666; line-height:2.2}
.fwlist li dd > span{ display:block; width:150px; height:40px; line-height:40px; margin:0 auto; margin-top:6%; text-align:center; border:1px solid #cccccc; color:#666; transition:all 300ms}
.fwlist li:nth-child(2n+0) dt{ float: right}
.fwlist li:nth-child(2n+0) dd{ float: right}
.fwlist li:hover{ box-shadow:0 0 5px 1px rgba(0,0,0,.15)}
.fwlist li:hover dd > span{ background:#ff8228; color:#fff;border:1px solid #ff8228; }

.lxwm{ margin-top:3%}
.lxlist{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:space-between;}
.lxlist li{ text-align:center; padding:0 3%; box-sizing:border-box}
.lxlist li dt{ width:64px; height:64px; border-radius:100%; margin:0 auto; border:1px solid #333333; position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:center;}
.lxlist li dt:before{ content:""; position:absolute; left:0; top:0; bottom:0; background:#0659b4; border-radius:100%; right:0; transition:all 300ms; transform:scale(0)}
.lxlist li dt img{ height:30px; position:relative; z-index:10}
.lxlist li dt img.lxicoh{ display:none}
.lxlist li dd{ margin-top:20px;}
.lxlist li dd h2{ font-size:14px; line-height:1.8}
.lxlist li dd h3{ font-size:12px; color:#666666; line-height:1.6}
.lxlist li:hover dt:before{transform:scale(1)}
.lxlist li:hover dt img.lxicoh{ display:block;}
.lxlist li:hover dt img.lxico{ display:none;}
.lxrbox{ background: url(../image/lxbg.jpg) no-repeat center center; background-size:cover; height:160px;}
.lxrmain{display: -webkit-box; height:160px;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:flex-start;}
.lxrl{ font-size:24px; color:#fff}
.lxrr{ margin-left:140px;}
.lxrr dl{ margin-top:15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:flex-start;	
}
.lxrr dl:first-child{ margin-top:0}
.lxrr dl dt{ width:110px; height:36px; background:rgba(255,255,255,.5); text-align:center; line-height:36px; color:#fff; font-size:18px; margin-right:40px;}
.lxrr dl dd{ color:#fff; font-size:18px;}
.lxrr dl dd span{ display: inline-block; margin-left:40px;}
.message{ background:url(../image/lbg.jpg) no-repeat center center; background-size:cover; padding:2% 0; padding-bottom:3.3%}
.liuyan{ margin-top:1%}
.liuyan li{ float:left;width:45%; height:50px; line-height:50px; background:#fff; border:1px solid #dddddd;margin-top:3%; padding:0 20px; box-sizing:border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align:center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:flex-start;	
}
.liuyan li:nth-child(even){ float:right}
.liuyan li dt{ width:66px; margin-right:10px; color:#666666}
.liuyan li:nth-child(2n) dt{ width:88px;}
.liuyan li dt img{ height:20px; margin-right:8px; margin-bottom:-5px;}
.liuyan li dt span{ letter-spacing:6px;}
.liuyan li dd{}
.liuyan li dd input{ height:48px; line-height:48px; border:none; background:none}
.liuyan li dd input:focus,.liuyan li:last-child textarea:focus{ outline:none}
.liuyan li:last-child{ width:100%; height:180px;align-items: flex-start; padding:15px 20px;}
.liuyan li:last-child textarea{ width:100%; height:100%; resize:none; border:none; font-family:"Microsoft Yahei"}
.liuyan li:last-child textarea::placeholder{ color:#666}
.tjbuton{ margin-top:3%;}
.tjbuton button{ width:100%;height:50px; line-height:50px; text-align:center; background:#ff8228; color:#fff; border:none; cursor: pointer; font-size:15px;}
.ditu{ width:100%; height:460px;}
.zhaopin{ padding:3% 0}
.zplist li{ margin-top:3%; position:relative}
.zplist li dt{ position:absolute; top:5%; left:0; bottom:5%; width:40%}
.zplist li dd{ background:#f6f6f6; width:80%; float:right; padding:2% 4%; box-sizing:border-box; padding-left:25%}
.zplist li:nth-child(even) dt{ left:inherit; right:0}
.zplist li:nth-child(even) dd{ float:left;padding-left:inherit;padding:2% 4%; padding-right:15%}
.zplist li dd h2{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zpinfo{ height:380px; overflow-y:auto;overflow-x:hidden; margin-top:1%}
.zpinfo::-webkit-scrollbar {
        width: 5px;     
        height: 1px;
    }
.zpinfo::-webkit-scrollbar-thumb {
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
.zpinfo::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
.zpinfo p{ line-height:2.4}
.zpxx{ background:#0d569a; padding:3%; text-align:center; margin-top:5%}
.zpxx p{ color:#fff; font-size:18px;}
.zpxx p span{ margin:0 1%}

.abimgs{ margin-top:4%}
.abimgs li{ float:left; width:49%;}
.abimgs li:nth-child(2n){ float:right}
.nyabcont{ margin-top:3%}
.nyabcont p{ font-size:16px; line-height:2.2}
.nyabcont p img{}
.absl{ background:url(../image/abg.jpg) no-repeat center center; background-size:cover; padding:3.3% 0}
.shilist{ display:flex;align-items: center;justify-content: space-between;}
.shilist li{ text-align:center;}
.shilist li:last-child{ float:right}
.shilist dt{ font-size:18px; font-weight:600;color:#fff}
.shilist dt span{font-size:36px; font-weight:600; position:relative; top:4px;}
.shilist dd{font-size:16px; color:#fff}
.jsmain{ position:relative; margin-top:4%;}
.qyjs{ background:url(../image/jsbg.jpg) no-repeat center center; background-size:cover; padding:3% 0; padding-bottom:4%}
.jsinfo{ position:absolute; top:10%; bottom:10%; border-radius:10px; padding:5% 4%; background:#fff; width:54%; z-index:10}
.jsinfo p{ font-size:16px; line-height:2.4; color:#666}
.jsimg{ width:60%;}


.sjadres{ display:none}

@media screen and (max-width:1440px){
.w1400{ width:1200px}
.rybanner{ width:640px;}
.lylist li:nth-child(1){ left:172px}
.lylist li:nth-child(2){ left:278px}
.lylist li:nth-child(3){ left:417px}
.lylist li:nth-child(4){ left:491px;}
.lylist li:nth-child(6){ left:635px;}
.lylist li:nth-child(7){right: 419px;}
.lylist li:nth-child(8){right: 295px;}
.lylist li:nth-child(9){right: 168px;}
.fwxmlist li{ padding:8.4% 12%;}
.fwxminfo{ padding:4% 3.5%;padding-bottom:0;}
.fwxmcont{ margin-top:12%}
.fwlccont .swiper-container.w1200{ width:1100px;}
.fwlccont .swiper-button-next,.fwlccont .swiper-button-prev{ top:55%}
	}
	
@media screen and (max-width:1024px){
.w1400,.w1200,.fwlccont .swiper-container.w1200{ width:94%}	
.nav,.top_r,.sign,.pcbanner,.pztext,.fwphone,.lybg,.pcrybox,.pcnypic,.pcadres{ display:none}
.sjbanner,.sjrybox,.menuico,.sjnypic,.sjadres{ display:block}
.top{ height:45px; line-height:45px; }	
.topmain{position:fixed; top:0; left:0; right:0;height:45px; z-index:999999; background:#262932}
.logo{ width:22%}
.phone{ width:50%; background-size:30px 30px; padding-left:40px; margin-top:4%}
.phone h2{ font-size:14px;}
.phone h3{ font-size:18px; white-space:nowrap}
.header{ height:auto; padding-top:1%; padding-bottom:1%}
.pzsrx{ top:-20px}
.pzsrx > div{ width:100%; height:auto}
.serch{ width:90%; height:40px; line-height:40px;}
.serch input,.serch a{height:40px; line-height:40px;}
.title h2{ width:100%}
.title h2 img{ height:30px;}
.title h3{ font-size:20px;}
.title h4{ font-size:12px; margin-top:-5px;}
.title:before{ left:0; width:85px;}
.title:after{ width:85px; right:0}
.fwxm_l,.fwxm_r,.fwxmimg,.fwxminfo,.about_l,.about_r,.newmain > div,.foot_l,.foot_r{ float:none; width:100%}
.fwxmlist{display:flex; width:100%;overflow-x:auto; overflow-y:hidden}
.fwxmlist::-webkit-scrollbar {
width:0px;     
height:0px;
}
.fwxmlist::-webkit-scrollbar-thumb {
background: #fff;
}
.fwxmlist::-webkit-scrollbar-track {
background:#fff;
}
.fwxmlist li{flex-shrink: 0; width:42%; padding:2% 0; margin-right:1%; font-size:15px;justify-content:center; margin-bottom:0}
.fwxmlist li:last-child{ margin-right:0}
.fwxmlist li img{ height:25px; margin-right:5px;}
.fwxm_r{ margin-top:3%}
.fwxminfo{ padding-bottom:3%}
.fwxminfo h2{ font-size:15px;}
.fwxminfo h2 span{ padding-bottom:5px;}
.fwxminfo h2 span:after{width:58px;}
.fwxmcont{ margin-top:3%; height:auto}
.fwxmcont p{ line-height:1.8}
.xmico{width:30px;height:30px; background-size:30px 30px; margin-top:3%}
.lylist{ position:inherit}
.lylist li{ position:inherit; top:inherit!important; left:inherit!important;right:inherit!important; float:left; width:33.333%; text-align:center; margin-bottom:4%}
.lylist li dd img{animation:none!important; -webkit-animation:none!important; height:45px;}
.lymain{ padding:6% 0; padding-bottom:3%}
.about{ padding:6% 0}
.abtitle > h2 span{ font-size:15px; width:35px; height:35px; line-height:35px;}
.abtitle > h2 i{ width:5px; height:5px; margin:0 7px; margin-right:10px}
.abtitle > h2:after{ width:45%; right:0}
.abtitle > h3{ font-size:14px;}
.abmain{ margin-top:2%}
.abmain > h2{ font-size:18px;}
.abmain > h3{ font-size:12px; margin-top:-3px;}
.abmain i{ margin-top:5px;}
.abinfo{ height:auto}
.abinfo p{ line-height:1.9}
.ablist{ margin-top:3%}
.ablist li dt{ margin-right:5px;}
.ablist li dt img{ height:32px;}
.ablist li dd h2{ font-size:14px;}
.ablist li:after{ display:none}
.about_r{ margin-top:7%}
.rybanner{ width:auto}
.rybanner .swiper-slide{ width:100%; height:auto}
.rybanner .swiper-slide{justify-content:center;}
.rybanner .swiper-container{ width:70%; padding-bottom:0}
.ysmain.w1400{ width:100%}
.yslist li{ padding:0 2%;padding-top:22%; padding-bottom:10%}
.yslist li dt img{ height:35px;}
.yslist li dd h2{ font-size:14px;}
.yslist li dd i{ margin-top:0}
.yslist li dd p{ margin-top:0}
.cslist li{ width:48.5%; margin-right:3%}
.cslist li:nth-child(even){ margin-right:0}
.ckmore a{ width:100px; font-size:14px; height:30px; line-height:30px;}
.fwlcbox{ padding:6% 0; padding-top:8%}
.fwlct h2{ font-size:15px;}
.fwlct i{ width:70%; margin:3% 0}
.fwlccont .swiper-button-prev,.fwlccont .swiper-button-next{ width:35px; height:35px; background-size:35px 35px;}
.newbox{ padding:6% 0}
.newtj dd{ padding:3%; padding-bottom:0}
.newtj dd h2{ font-size:15px; padding-bottom:5px}
.newtj dd p{ margin-top:3%}
.newt h2{ font-size:16px;}
.newlist li{ height:40px; line-height:40px;}
.newlist{ margin-top:2%}
.newmain > div:nth-child(2){ float:none; margin-top:5%}
.foot_r{ padding-top:0}
.fmenu dl dd{ height:auto; line-height:inherit; padding:2%; box-sizing:border-box}
.fmenu dl dd a{ margin-right:0;display:inline-block;width:24%;text-align:center; white-space:nowrap}
.ftlx dl dd span{ margin:0; display:block;}
.ftext dl dd{ padding:1% 0}
.flogo{ width:25%; margin:0 auto;}
.foot_l{ background:none; padding:0}
.flogo img{ max-width:100%}
.ewm{ margin-top:2%}
.ewm dl dt{ background:#fff}

.nyall{ padding:6% 0; padding-bottom:8%}
.adres{ height:40px; line-height:40px; font-size:13px; }
.adresc{background-size:16px 16px; padding-left:22px;}
.nytitle h2{ font-size:18px;}
.nytitle i{ margin:4px 0}
.nytitle h3{ font-size:12px;}
.nyabcont p{ font-size:14px; line-height:1.8}
.shilist dt,.shilist dd{ font-size:12px; margin-top:-5px;}
.shilist dt span{ font-size:20px; top:2px}
.qyjs{ padding:6% 0}
.jsinfo{ position: inherit; width:100%; top:inherit; bottom:inherit; border-radius:0;padding: 5%; }
.jsinfo p{font-size:14px; line-height:1.9}
.jsimg{ float:none; width:100%}
.rytext{ font-size:14px;}
.nyrylist li dt{ height:152px;}
.nyrylist li dd{ font-size:13px; margin-top:5%}
.page{ margin-top:5%}
.page a,.pageactive{ padding:0 10px; height:28px; line-height:28px; margin:0 1px; font-size:12px}
.fwlist li dd{ padding:2% 3%}
.fwlist li dd h2{ font-size:15px;}
.fwcont{ height:38px; margin-top:0}
.fwcont p{ line-height:1.6; font-size:12px}
.fwlist li{ margin-bottom:4%}
.fwlist li dd > span{ width:75px; height:24px; line-height:24px; margin-top:3%; font-size:12px;}
.detail> h2{ font-size:18px}
.detail> h3{ font-size:12px}
.xqcont p{ font-size:14px;}
.sjtime,.nynewinfo{ float:left; width:100%}
.sjtime{ margin-top:0}
.sjtime h2{ font-size:22px;}
.sjtime h3{ font-size:16px; margin-top:-11px;}
.nynewinfo dt{ width:30%;}
.nynewinfo dd{ width:66%; padding-top:0}
.nynewinfo dd h2{ font-size:15px;}
.nynewinfo dd p{-webkit-line-clamp:2;line-clamp:2; line-height:1.5;}
.nynewlist li{ padding:5% 0; padding-top:2%}
.xwmeu a{ width:90px; height:30px; line-height:30px; margin:0 2px;}
.lxlist{flex-wrap: wrap;justify-content: center;}
.lxlist li{ width:33.333%; padding:0 1%}
.lxlist li dd h3{ height:38px; overflow:hidden}
.lxlist li dt{ width:50px; height:50px;}
.lxlist li dt img{ height:24px;}
.lxlist li dd{ margin-top:5px}
.lxrbox{ height:auto; padding:4% 0; padding-top:1%}
.lxrl{font-size:16px}
.lxrmain{flex-wrap: wrap; }
.lxrr{ margin-left:0; margin-top:-20px}
.lxrr dl dt{ font-size:14px; width:70px; height:30px; line-height:30px; margin-right:10px;}
.lxrr dl dd{ font-size:14px;}
.lxrr dl dd span{ margin-left:8px;}
.message{ padding:6% 0}
.liuyan li{ float:none; width:100%; height:45px; line-height:45px; padding:0 10px}
.liuyan li dd input{ height:45px; line-height:45px;}
.liuyan li:nth-child(even){float:none;}
.liuyan li dt span{ letter-spacing:0}
.liuyan li:nth-child(4) dt{ width:66px;}
.tjbuton button{height:45px; line-height:45px;}
.ditu{ height:250px}
.sjnycslist{ margin-top:2%}
.sjnycslist li{ float:left; width:48.5%; margin-right:3%; box-sizing:border-box; text-align:center; padding:0.7%; padding-bottom:0.5%; margin-top:3%; transition:all 300ms}
.sjnycslist li:nth-child(even){ margin-right:0}
.sjnycslist li dd{ padding:5%; box-sizing:border-box}
.sjnycslist li dd h2{ font-size:15px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden; transition:all 300ms}
.sjnycslist li dd i{ display:inline-block; width:35px; height:2px; background:#cccccc; margin:5% 0; position:relative}
.sjnycslist li dd i:before{ content:""; position:absolute; left:0; width:0; height:2px; background:#ff8228; transition:all 300ms}
.sjnycslist li dd p{ font-size:12px; color:#666666;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient: vertical; text-align:left; line-height:2}
.qtrylist li{float:none;width:100%}

.zplist li dt{position:inherit;left:inherit;top:inherit;width:100%;height:180px}
.zplist li dd,.zplist li:nth-child(even) dd{float:none;width:100%;padding:5%;}
.zpinfo{height:auto;}
.zpinfo p{ line-height:1.8}
.zpxx p{font-size:14px}
}