@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:92px;}
.wrap{ margin:0 auto; max-width:1200px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.tab-cell{ display:table-cell; vertical-align: middle;}
.mob-nav{ display:none; width:50px; height:50px; background-size:auto 40%; position:relative;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#fff; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#fff; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#fff; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}

.top{ position: fixed; left:0%; top:0px; background:#0068c0; width:100%; z-index:5; padding:0 9%;}
.t-logo{ padding:20px 0;}
.t-logo a{ display:block;}
.ecnmc{ margin-left:20px; margin-top:25px;}
.lbucea{ margin-top:15px; width:50%; text-align:right;}
.lbucea a{ color:#fff; font-size:16px; line-height:25px; display:inline-block; padding-left:25px; background:url(../images/dq.png) no-repeat left center;}

.T-nav{}
.T-nav > li{ float:left; position:relative; margin-left:40px;}
.T-nav > li > a{ line-height:58px; color:#fff; font-size:18px; font-weight:bold; display:block; position:relative; transition:all 0.5s ease;}
.T-nav > li > a:after{ content:''; position:absolute; width:0; height:3px; background:#fff; left:50%; bottom:0px; transform:translateX(-50%); transition:all 0.5s ease;}
.t-logo a{ display:block;}
.T-nav > li .thr{ position:absolute; background:#fff; left:50%; top:58px; width:220px; margin-left:-110px; display:none;}
.T-nav > li .thr a{ display:block; text-align:center; line-height:45px; text-align:center;}

.gdlmc{ color:#fff; position:absolute; bottom:30px; left:50%; margin-left:-26px; z-index:3; width:52px; font-size:12px;}
.gdlmc .d1 span{ width:38px; height:66px; border-radius:19px; border:2px solid #fff; display:inline-block; position:relative;}
.gdlmc .d1 span i{ position:absolute; width:2px; height:8px; position:absolute; left:50%; margin-left:-1px; top:12px; background:#fff;-moz-animation: mouse 1s ease 0s infinite;-webkit-animation: mouse 1s ease 0s infinite;animation: mouse 1s ease 0s infinite;}

.gdlmc .d2{ margin-top:5px;}

.ind-main{ padding:0 9% 4%;}
.ind-01{ padding-top:3%;}
.blt-c .d1{ font-size:32px; font-weight:bold;}
.blt-c .d2{ font-size:22px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:5px; color:#666;}
.lmcea span,.lmcea a{ float:left; cursor:pointer; margin-left:20px; text-align:center; width:112px; position:relative;}
.lmcea span.cur:before{ content:''; width:14px; height:9px; background:url(../images/ab.png); position:absolute; left:50%; bottom:-15px; margin-left:-7px;}
.lmcea .d2{ margin-top:10px; color:#333;}
.odrelm{ margin-top:3%;}
.odrelm .pic{ width:50%;}
.odrelm .pic img{ width:100%; height:480px; object-fit:cover;}
.odrelm .con{ width:50%; background:#0068c0;}
.odrelm .con .cont{ height:480px; width:100%; display:table; padding:0 10%; color:#fff;}
.odrelm .con .d1{ font-size:30px; font-weight:bold; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.3);}
.odrelm .con .d2{ margin:30px 0; line-height:2;}
.odrelm .con .d3 a{ display:inline-block; border:1px solid #fff; line-height:45px; padding:0 60px; color:#fff;}

.acct-more a{ display:inline-block; line-height:40px; width:105px; text-align:center; border-radius:20px; color:#fff; font-size:16px;background-image: linear-gradient(#27a0f2, #0169c1);}

.eplbea{ margin-top:3%;}
.eplbea .cont{ width:54%; background:#f6f6f6;}
.obcea{ height:320px; display:table; padding:0 6%; width:100%;}
.obcea .d1{ color:#0068c0; font-size:26px; font-weight:bold;}
.obcea .d2{ margin-top:20px; line-height:25px; max-height:150px; overflow:hidden;}
.veaolv li{ float:left; width:25%;background-image: linear-gradient(to right, #f2f2f2 , #ececec);}
.veaolv li a{ display:block; padding:30px 15% 0; height:180px; transition:all 0.5s ease; position:relative;}
.veaolv li a .d2{ font-weight:bold; line-height:1; font-size:20px; color:#989898; margin:15px 0 12px;}
.veaolv li a .d3{ color:#ccc;}
.eplbea .pic{ width:46%;}
.eplbea .pic img{ width:100%; height:500px; object-fit:cover;}

.olbeka{ margin-top:3%;}
.news-left{ background:#fbfbfb; width:50%; padding:3%;}
.olbem .pic{ width:40%;}
.olbem .pic img{ width:100%; height:212px; object-fit:cover;}
.olbem .con{ width:55%;}
.olbem .con .d1{ font-weight:bold; line-height:25px; max-height:50px; overflow:hidden; font-size:16px;}
.olbem .con .d2{ font-weight:bold; color:#999; margin:10px 0;}
.olbem .con .d3{ line-height:20px; height:60px; overflow:hidden;}
.olbem .con .d4{ margin-top:15px;}
.olbem .con .d4 a{ color:#fff; width:105px; line-height:42px; font-weight:bold; text-align:center;background-image: linear-gradient(#616161, #2f2f2f); border-radius:3px; display:inline-block;}
.lbecn-a{ margin-top:25px;}
.lbecn-a li a{ display:block; line-height:35px; height:35px; overflow:hidden;}
.lbecn-a li a:before{ content:''; width:5px; height:5px; border-radius:50%; background:#0068c0; display:inline-block; vertical-align:middle; margin-right:10px;}
.lbecn-a li a span{ margin-left:20px; color:#999;}

.news-right{ width:50%; background:#efefef; padding:3%;}
.eabnce{ height:412px; overflow:auto; padding-right:10px;}
.eabnce .d1{ font-size:20px; font-weight:bold;}
.eabnce .d2{ margin-top:15px; line-height:2;}
.eabnce::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #dcdbdb;
  }
.eabnce::-webkit-scrollbar-track {
    background-color: #dcdbdb;
  }
.eabnce::-webkit-scrollbar-thumb{
    background-color: #05408f;
}
.foot{ background:#5f5f5f; color:#fff;}
.foot-osm{ padding:5% 0;display: -webkit-flex; display: flex;justify-content:space-between;}
.olclba dt{ margin-bottom:22px;}
.olclba dt a{ color:#fff;}
.olclba dd{ line-height:28px;}
.olclba dd a{ color:#999;}
.lecmam .d1{ color:#ddd; margin-bottom:10px; font-size:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.lecmam .d2{ line-height:28px;}
.lecmam .d3{ margin-top:15px; height:35px;}
.lmecbb{ color:#fff; background:#05408f; padding:18px 0; line-height:25px;}


.float-sild{ position:fixed; right:20px; bottom:20px; z-index:5;}
.float-sild a{ background:#6f6f6f url(../images/gt.png) no-repeat center center; background-size:auto 50%; display:block; width:65px; height:65px;}


.ny-banner{ height:386px; background:no-repeat center center; background-size:cover;}

.lveame{ background:#f9f9f9; padding:0 9%;}
.ny-nav span{ display:none;}
.ny-nav p a{ float:left; line-height:72px; font-size:16px; margin-right:60px; position:relative;}
.ny-nav p a.cur{ color:#0068c0;}
.brelmg{ line-height:32px; padding:20px 0 20px 16px; background:url(../images/hs.png) no-repeat left center;}


.ny-main{ padding:3% 0;}
.slenga .d1{ font-size:36px; font-weight:bold;}
.slenga .d2{ color:#787878; font-size:16px; text-transform:uppercase;}
.oltema{ margin-top:4%;}
.oltema .pic{ width:47%;}
.oltema .con{ width:49%;}
.oltema .con .d1{ font-weight:bold; font-size:26px; color:#0068c0;}
.oltema .con .d2{ font-size:24px;}
.oltema .con .d3{ color:#ff9c00; font-size:28px; font-weight:bold;}
.oltema .con .d4{ margin-top:30px; line-height:1.8; font-size:16px;}

.achbo{ margin-top:5%;}
.achbo .con{ width:62%; font-size:16px; line-height:2;}
.achbo .pic{ width:35%;}

.olebva{ margin-top:4%;}
.olebva .pic{ width:48%;}
.olebva .con{ width:48%;}
.olebva .con .d1{ font-size:26px; margin-bottom:6%;}
.olebva .con .d2{ line-height:3; font-size:18px;}
.etgoea{ padding-top:2%;display: -webkit-flex; display: flex;justify-content:space-between; flex-wrap:wrap;}
.etgoea li{ width:23.5%; margin-top:2%; background:#f9f9f9;}
.etgoea li .tit{ padding:15px; line-height:25px; font-size:16px;}

.leabna{ margin-top:4%; background:#f9f9f9;}
.leabna .pic{ width:62%;}
.leabna img{ width:100%; height:385px; object-fit:cover;}
.leabna .con{ width:38%;}
.leabna .cont{ width:100%; height:385px; display:table; padding:0 55px;}
.leabna .cont .d1{ font-size:30px; font-weight:bold;}
.leabna .cont .d2{ font-size:50px; color:#0068c0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:1; margin-top:12px;}
.leabna .cont .d3{ font-size:16px; line-height:2;}
.lmeaca{ margin-top:4%;}
.newslm{ width:782px;}
.dbeun a{ display:block;}
.dbeun a .pic{ width:45%;}
.dbeun a .pic img{ width:100%; height:232px; object-fit:cover;}
.dbeun a .con{ width:50%;}
.dbeun a .con .d1{ font-size:18px; font-weight:bold; line-height:32px; max-height:64px; overflow:hidden;}
.dbeun a .con .d2{ color:#787878; line-height:25px; max-height:100px; overflow:hidden; margin-top:20px;}
.otennm li{ margin-top:2%;}
.otennm li a{ display:block; background:#f8f8f8; padding:3% 4%;}
.otennm li a .d1{ font-size:18px; line-height:25px; height:25px; overflow: hidden;}
.otennm li a .d1 span{ margin-left:15px; float:right; color:#787878; font-size:14px;}
.otennm li a .d2{ color:#787878; margin-top:12px; line-height:25px; max-height:50px; overflow:hidden;}
.newspach{ width:370px;}
.page-ol{ margin-top:3%;}
.page-ol a{ display:inline-block; vertical-align:middle; border:1px solid #ddd; width:32px; text-align:center; line-height:30px; height:32px; margin:0 3px;}
.page-ol a.cur{ color:#fff; background:#0068c0; border-color:#0068c0;}
.page-ol a.prev{ width:80px;}
.page-ol a.next{width:80px;}
.olaebn{ background:url(../testimg/t18.jpg) no-repeat center center; background-size:cover; padding:25px;}
.olaebn .d1{ color:#5b83d6; font-size:18px; font-weight:bold;}
.olaebn .d2{ color:#8ca2c5; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; font-weight:bold;}
.olaebn .d3{ color:#5b83d6; margin-top:20px; font-size:20px;}

.leambe{ background:#f2f2f2; padding:35px 30px;}
.leambe .d1{ font-weight:bold;}
.leambe .d2{ margin:15px 0 25px;}
.leambe .d2 select{ width:100%; background:#fff; border:none; height:45px;}
.leambe .d2 .c1{ float:left; height:45px; border:none; padding:0 10px; width:calc(100% - 45px);}
.leambe .d2 .c2{ float:left; width:45px; height:45px; border:none; cursor:pointer; background:#fff url(../images/fd.png) no-repeat center center;}

.nagec{ padding-bottom:20px; border-bottom:2px solid #ddd;}
.nagec .d1{ font-size:22px; font-weight:bold;}
.nagec .d2{ margin-top:5px; color:#787878;}

.cont-news{ margin-top:3%; line-height:2; color:#666;}
.contact-main{ width:42%;}
.contact-main .d1{ color:#0068c0; font-size:32px;}
.contact-main .d2{ font-size:32px; padding-bottom:12px; border-bottom:1px solid #ddd;}
.contact-main .d3{ margin-top:40px; margin-bottom:25px; font-size:22px; font-weight:bold;}
.contact-main .d4 .list{ position:relative; padding-left:50px; line-height:28px;}
.contact-main .d4 .list strong{ position:absolute; left:0; top:0;}

.map-ol{ width:53%;}
#map{ height:400px;}

.emcab{ padding-top:2%;}
.emcab li{ float:left; width:23.5%; margin-right:2%; margin-top:2%;}
.emcab li:nth-child(4n){ margin-right:0;}
.emcab li a{ display:block;}
.emcab li a .pic img{ width:100%; height:237px; object-fit:cover;}
.emcab li a .tit{ text-align:center; font-size:16px; padding:0 10px; line-height:52px; height:52px; overflow:hidden; background:#f9f9f9;}


.lmeang{ margin-top:4%;}
.lmeang .pic{ width:46%;}
.smenba{ width:49%;}
.smenba .d1{ line-height:2; font-size:16px; color:#666;}
.smenba .d2{ margin-top:20px;}
.smenba .d2 a{ margin-right:20px;}

.embebn{ padding:4% 0; background:#eff4f8 url(../testimg/t24.jpg) no-repeat bottom center; background-size:100% auto;}
.ioeab li{ width:23.5%; float:left; padding:10px 0; margin-right:2%;}
.ioeab li:nth-child(4n){ margin-right:0;}
.ioeab li a{ display:block; background:#fff; padding:15px;}
.ioeab li a .pic img{ width:100%; height:180px; object-fit: scale-down;}
.ioeab li a .con{ padding:10px 0;}
.ioeab li a .con .d1{ font-size:16px; line-height:25px; height:25px; overflow:hidden;}
.ioeab li a .con .d2{ line-height:20px; color:#666; height:20px; overflow:hidden; margin-top:5px;}

.egeane{ margin-top:4%; line-height:2; font-size:16px; color:#666;}
.lmceoa{ max-width:560px; margin:0 auto;}
.lmceoa .title{ font-size:26px; color:#0063b1; font-weight:bold;}
.lmceoa .list{ margin-top:30px; padding-left:100px;}
.lmceoa .list span{ line-height:42px; display:block; position:absolute; left:0; top:0;}
.lmceoa .list .c1{ width:100%; height:42px; border:1px solid #ddd; padding:0 10px;}
.memal{ margin-top:30px;}
.memal input{ width:160px; height:42px; color:#fff; border:none; cursor:pointer; background:#0063b1; font-size:16px;}
.img-sopc{ margin-top:4%; padding-top:4%; border-top:1px solid #ddd;}




@media (min-width: 1361px){
.T-nav li .sec,.T-nav > li .thr{ display:block; box-shadow:0 0 12px rgba(0,0,0,.1); opacity:0; visibility:hidden; transform:translateY(30px); transition:all 0.5s ease;}
.T-nav li:hover .sec,.T-nav > li:hover .thr{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.cur:after{ width:30px; transition:all 0.5s ease;}
.T-nav > li:hover > a,.T-nav > li > a.cur{ color:#fff;}
.veaolv li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15); transition:all 0.5s ease; z-index:2;}
.ny-nav p a.cur:before{ content:''; width:100%; height:2px; position:absolute; background:#0068c0; left:0; bottom:0;}
}

@media (max-width: 1600px){
.top,.lveame{ padding:0 3%;}
.ind-main{ padding:0 3% 4%;}
.lmcea span, .lmcea a{ margin-left:20px;}
}
@media (max-width: 1350px){
body{ padding-top:50px;}
.wrap{ width:100%; max-width:768px; margin:0 auto; padding:0 3%;}
.top{ padding:0 2%; display:block; top:0; width:100%; left:0; margin-left:0; box-shadow:0 0 5px rgba(0,0,0,0.2); position:fixed; z-index:20;}
.top .t-logo{ padding:5px 0;}
.top .t-logo img{ height:40px;}
.ecnmc{ display:none;}
.lbucea{ margin-top:12px;}
.top .T-nav > li > a{ color:#666; transition:all 0.5s ease;}
.T-nav{ position:fixed; left:0; top:50px; margin:0; padding:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;}
.T-nav > li{ width:100%; border-bottom:1px solid #eee; margin-left:0;}

.T-nav li > a{ font-weight:normal; line-height:45px; padding:0 3%; font-size:16px;}
.T-nav > li .thr{ position:relative; top:0; left:0; margin:0; width:100%; padding:0; box-shadow:0 0 0;}
.T-nav > li .thr a .pic{ display:none;}
.T-nav > li .thr a{ line-height:45px; margin:0; font-size:15px; padding:0 5%; text-align:left; width:100%;}
.T-nav > li .thr .sec{ width:100%; border:none;}
.T-nav > li .thr .img{ display:none;}
.mob-nav{ display:block;}
.gdlmc{ display:none;}
.ind-01{ max-width:780px; margin:0 auto;}
.blt-c .d1{ font-size:24px;}
.blt-c .d2{ font-size:18px;}
.lmcea{ width:100%; margin-top:1%;}
.lmcea span, .lmcea a{ margin:25px 30px 0 0;}
.odrelm .con .d1,.obcea .d1{ font-size:20px;}
.veaolv li a .d2{ font-size:18px;}
.lecmam .d1{ font-size:20px;}
.ny-banner{ height:300px;}

}

@media (max-width: 1200px){
.wrap{ max-width:780px; padding:0 3%;}
.olclba{ display:none;}
.foot-osm{ text-align:center; padding:3% 0;}
.lecmam{ width:100%;}
.float-sild{ right:5px; bottom:5px;}
.float-sild a{ width:40px; height:40px;}
.brelmg{ display:none;}
.ny-nav{ width:100%;}
.ny-nav span{ display:block; line-height:50px; background:url(../images/xx.png) no-repeat right center; height:50px; font-size:16px;}
.ny-nav p{ display:none;}
.ny-nav p a{ margin:0; width:100%; line-height:42px; text-align:left; padding:0 3%;}
.slenga .d1{ font-size:20px;}
.slenga .d2{ font-size:15px;}
.oltema .con .d1,.oltema .con .d2,.oltema .con .d3{ font-size:18px;}
.oltema .con .d4{ font-size:14px; margin-top:15px;}
.olebva .con .d1{ font-size:18px;}
.olebva .con .d2{ font-size:16px; line-height:2;}
.leabna .cont .d1{ font-size:20px;}
.leabna .cont .d2{ font-size:24px;}
.leabna .cont .d3{ font-size:15px;}
.newslm{ width:100%;}
.newspach{ width:100%; margin-top:4%;}
.contact-main{ width:100%;}
.contact-main .d1,.contact-main .d2{ font-size:20px;}
.contact-main .d3{ margin:15px 0; font-size:18px;}
.map-ol{ width:100%; margin-top:3%;}
#map{ height:300px;}
.emcab li a .pic img{ height:125px;}
.emcab li a .tit{ font-size:14px; line-height:42px; height:42px;}
.ioeab li a .pic img{ height:140px;}
.lmceoa .title{ font-size:20px;}
}

@media (max-width: 780px){
.blt-c .d1{ font-size:20px;}
.blt-c .d2{ font-size:15px;}
.lmcea{ margin:0;}
.lmcea span, .lmcea a{ float:left; width:25%; margin:25px 0 0; text-align:center;}
.lmcea .d1 img{ height:25px;}
.lmcea .d2{ margin-top:5px; font-size:12px;}
.odrelm .pic{ width:100%;}
.odrelm .pic img{ height:auto;}
.odrelm .con{ width:100%;}
.odrelm .con .cont{ height:auto; padding:4%;}
.odrelm .con .d1, .obcea .d1{ font-size:18px;}
.odrelm .con .d1{ padding-bottom:15px;}
.odrelm .con .d2{ margin:15px 0;}
.odrelm .con .d3 a{ line-height:40px; padding:0 30px;}
.eplbea .cont{ width:100%;}
.obcea{ height:auto; padding:4%;}
.obcea .d2{ margin-top:15px;}
.veaolv li{ width:50%;}
.veaolv li a{ height:140px; padding:20px 20px 0;}
.eplbea .pic{ width:100%;}
.eplbea .pic img{ height:auto;}
.news-left{ width:100%;}
.news-right{ width:100%;}
.eabnce{ height:auto; max-height:280px;}
.oltema .con{ width:100%;}
.oltema .pic{ width:100%; margin-top:3%;}
.ny-banner{ height:200px;}
.olebva .pic{ width:100%; text-align:center;}
.olebva .con{ width:100%; margin-top:3%;}
.etgoea li{ width:49%;}
.etgoea li .tit{ font-size:14px; padding:10px 5px;}
.leabna img{ height:auto;}
.leabna .pic{ width:100%;}
.leabna .con{ width:100%;}
.leabna .cont{ height:auto; padding:4%;}
.page-ol a.mob-none{ display:none;}
.nagec .d1{ font-size:18px;}
#map{ height:220px;}
.smenba{ width:100%;}
.lmeang .pic{ width:100%; margin-top:3%;}
.smenba .d1,.egeane{ font-size:14px;}
}







@media (max-width: 640px){
.olbem .pic img{ height:120px;}
.olbem .con .d2,.olbem .con .d3{ display:none;}
.dbeun a .pic{ width:100%;}
.dbeun a .pic img{ height: auto;}
.dbeun a .con{ width:100%; margin-top:2%;}
.dbeun a .con .d1{ font-size:18px;}
.dbeun a .con .d2{ margin-top:10px;}
.otennm li a .d1{ font-size:16px;}
.emcab li,.ioeab li{ width:49%;}
.emcab li:nth-child(2n),.ioeab li:nth-child(2n){ margin-right:0;}

}





.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}

@-moz-keyframes mouse {
  0% {
    top: 12px;
  }
  60% {
    top: 20px;
  }
  100% {
    top: 12px;
  }
}
@-webkit-keyframes mouse {
  0% {
    top: 12px;
  }
  60% {
    top: 20px;
  }
  100% {
    top: 12px;
  }
}
@keyframes mouse {
  0% {
    top: 12px;
  }
  60% {
    top: 20px;
  }
  100% {
    top: 12px;
  }
}

/*发展历程*/
.fzlc-list{margin-top:4%;position: relative;overflow: hidden; width:870px; margin: 0 auto;}
.fzlc-list:before{content:"";height:100%;position: absolute;width:0;border-left:1px dashed #0066B3;left: 435px;top:0;}
.fzlc-list li{width:100%;min-height:80px;margin-bottom:10px;
    background: url("../images/1.jpg") no-repeat center center;}
.fzlc-list li>div{width:408px;min-height: 80px;background-color: #F3F3F3;display:flex;align-content:center
}
.fzlc-list li.odd div{float: right;}
.fzlc-list li.odd .pic{float: right;}
.fzlc-list li img{width:200px;height:175px;}
.fzlc-list li .pic{float: left;}
.fzlc-list li .content{float:right;width: 380px;padding: 10px;box-sizing:border-box}
.fzlc-list li .content h3{width:100%;}
.fzlc-list li .content h3 a{line-height: 28px;font-size: 16px;}
.fzlc-list li .content h3 a:hover{color:#0066B3;}
.fzlc-list li .content p{line-height: 24px;}
.fzlc-list li .content .summary{line-height: 24px;}
.fzlc-list li .content .date{font-size: 28px;font-weight: bold;width: 100%;}

@media screen and (max-width: 768px) {
   

    .fzlc-list li{margin-bottom: 20px;}

    p.zzjg img{width:100%;}

   

}
 
@media screen and (min-width: 992px) {
   
    /*发展历程*/
    .fzlc-list{margin-bottom:50px;position: relative;overflow: hidden;}
    .fzlc-list:before{content:"";height:100%;position: absolute;width:0;border-left:1px dashed #0066B3;left: 435px;top:0;}
    .fzlc-list li{width:100%;min-height:80px;margin-bottom:10px;background: url("../images/1.jpg ") no-repeat center center;}
    .fzlc-list li>div{width:408px;min-height: 80px;background-color: #F3F3F3;display:flex;align-content:center }
    .fzlc-list li.odd div{float: right;}
    .fzlc-list li.odd .pic{float: right;}
    .fzlc-list li img{width:200px;height:175px;}
    .fzlc-list li .pic{float: left;}
    .fzlc-list li .content{float:right;width: 380px;padding: 10px;box-sizing:border-box}
    .fzlc-list li .content h3{width:100%;}
    .fzlc-list li .content h3 a{line-height: 28px;font-size: 16px;}
    .fzlc-list li .content h3 a:hover{color:#0066B3;}
    .fzlc-list li .content p{line-height: 24px;}
    .fzlc-list li .content .summary{line-height: 24px;}
    .fzlc-list li .content .date{font-size: 28px;font-weight: bold;width: 100%;}

    
}
@media screen and (min-width: 1200px) {
    
    /*发展历程*/
    .fzlc-list{margin-top:4%;position: relative;overflow: hidden;}
    .fzlc-list:before{content:"";height:100%;position: absolute;width:0;border-left:1px dashed #0066B3;left: 435px;top:0;}
    .fzlc-list li{width:100%;min-height:80px;margin-bottom:10px;background: url("../images/1.jpg ") no-repeat center center;}
    .fzlc-list li>div{width:408px;min-height:80px;background-color: #F3F3F3;display:flex;align-content:center;}
    .fzlc-list li.odd div{float: right;}
    .fzlc-list li.odd .pic{float: right;}
    .fzlc-list li img{width:200px;height:175px;}
    .fzlc-list li .pic{float: left;}
    .fzlc-list li .content{float:right;width: 380px;padding: 10px;box-sizing:border-box}
    .fzlc-list li .content h3{width:100%;}
    .fzlc-list li .content h3 a{line-height: 28px;font-size: 16px;}
    .fzlc-list li .content h3 a:hover{color:#0066B3;}
    .fzlc-list li .content p{line-height: 24px;}
    .fzlc-list li .content .summary{line-height: 24px;}
    .fzlc-list li .content .date{font-size: 28px;font-weight: bold;width: 100%;}

    
}