@charset "utf-8";
/* CSS Document */
 body { background:#ffffff !important}
.ne-banner{ position:relative; }
.ne-banner img{ width:100%;  height:100%;}
.pc-banner{ display:block;}
.mobile-banner{ display:none !important;}
.ne-banner-txt{ width:100%; position:absolute; top:0%; color:#fff; text-align:center; height:100%;display: flex;
    justify-content: center;
    align-items: center;}
.ne-banner-txt h1{ font-size:0.5rem; text-shadow:4px 2px 5px #0D0D0D; line-height:1;}
.ne-banner-txt p{ font-size:0.28rem; text-transform:uppercase; text-shadow:4px 2px 5px #0D0D0D;}

.ne-xi{ padding:0.86rem 0;}

#map{
  width: 100%;
 height:490px;
}
.lx-list{  padding:0 0 0.33rem 0;}
.lx-list dl{ float:left; text-align:center; width:25%;}
.lx-list dl dd h1{ font-size:0.22rem; color:#333; font-weight:bold; padding:10px 0;}
.lx-list dl dd p{ font-size:0.18rem;  line-height:1.6;}
.lx-list dl dt img{ transition-duration:.5s;}
.lx-list dl:hover dt img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}


.zp_ti{ height:62px; background:#004f8a; color:#fff; font-size:0.18rem; line-height:62px; }
.zp_ti li{ float:left; width:20%; text-align:center;}
.sideMenu1{ border:1px dashed #d8d8d8}
.sideMenu1 h3{ height:74px; line-height:74px; border-top:1px dashed #d8d8d8; background:#fff;  cursor:pointer;}
.sideMenu1 h3 dl{ width:100%; margin:0;}
.sideMenu1 h3 dl dd{ float:left; width:20%; text-align:center; padding:0; font-weight:normal; text-transform:uppercase; font-size:16px;}

.sideMenu1 h3 dl .jia span{
	display: block;
	width: 13px;
	height: 74px;
	background: url(../images/jia.png) no-repeat center center;
	margin:0 auto;
}
.sideMenu1 .on dl .jia span{
	background: url(../images/jian.png) no-repeat center center;
}
.sideMenu1 .on{ background: #fff }
.sideMenu1 ul{ padding:0.32rem 0.9rem;display:none;border-top:1px dashed #d8d8d8; font-size:16px; background:#f9f9f9; position:relative; }
.sideMenu1 ul p{ line-height:2; font-size:17px; text-transform:uppercase; }
.sideMenu1 ul p span{ font-size:18px;  }
.ze-le{ width:100%; padding-bottom: 30px;}
.td-an{ position:absolute; bottom:0.5rem; right:0.5rem;}
.td-an a{ display:block; width:169px; height:58px; line-height:58px; color:#fff; font-size:20px; background:#c7a41c; font-size:0.2rem; border-radius:10px; text-align:center;}
.ne-cd{ width:100%; background:#f0f0f0}
.ne-cd li{ line-height:0.69rem; font-size:0.2rem; float:left; width:50%; text-align:center;}
.ne-cd li a{ display:block; transition-duration:.5s; position:relative;}

.ne-cd li a:hover,.ne-cd li .on{ color:#fff; font-weight:bold; background:#004f8a;}
 .ne-cd li a:after{ content:"|"; position:absolute; top:0; right:0; color:#c8c8c8;}
.ne-cd li:last-child a:after,.ne-cd li .on:after,.ne-cd li a:hover:after{ display:none;}
.pro-cd ul li{ width:33.3333%;}

.page{ padding:0.4rem 0 0 0;}
.page ul li{ float:left;}
.page ul li a{ display: block; background:#f1f2f4; line-height:50px; padding:0 25px;}
.page ul li a:hover,.page ul li .on{ color:#fff; background:#004f8a}
    .page ul li span {
        display: block;
        background: #f1f2f4;
        line-height: 50px;
        padding: 0 25px;
    }

        .page ul li span:hover, .page ul li .on {
            color: #fff;
            background: #004f8a
        }
.page ul li:last-child{ float:right;}
.ne-new-list{ padding-bottom:40px;}
.ne-new-list dl{ padding:0.3rem; position:relative; transition-duration:.5s; border-bottom:1px dashed #ededed; }
.ne-new-list dl dt{ width:269px; height:163px; overflow:hidden; float:right;}
.ne-new-list dl dt img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.ne-new-list dl dd{width: calc(90% - 269px);width: -webkit-calc(90% - 269px);padding-right: 105px; float:right; margin-top:0.3rem;border-left:1px solid #e0e0e0; padding-left:0.48rem;}
.ne-new-list dl dd h1{ font-size:0.22rem;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:0 0 0.22rem 0;}
.ne-new-list dl dd p{ font-size:0.18rem;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.ne-rq{ position:absolute; left:0.1rem; top:0.3rem;  text-align:center;}
.ne-rq p{ font-size:0.52rem; line-height:1.5}
.ne-rq span{ display:block; font-size:0.2rem; }
.ne-new-list dl:hover dt img{ transform:scale(1.1)}
.ne-new-list dl:hover{-moz-box-shadow:0px 0px 10px #A1A1A1; -webkit-box-shadow:0px 0px 10px #A1A1A1; box-shadow:0px 0px 10px #A1A1A1;}

.new-nr-ti { text-align:center; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.new-nr-ti h1{ font-size:20px; padding-bottom:10px;}
.new-nr-zi{ font-size:16px; line-height:2;}

.pro-list li{ width:30%; float:left; background:#f3f3f3; height:3.8rem; text-align:center; position:relative; margin:0 5% 0.5rem 0; transition-duration:.5s;}
.pro-list li a{ display:block; height:100%;}
.pro-list li p{ text-align:center; width:100%; text-align:center; font-size:0.18rem; bottom:0.4rem; position:absolute;}
.pro-list li img{ position:absolute; top:0; left:0; bottom:20%; right:0; margin:auto; transition-duration:.5s; }
.pro-list li:after{ content:""; width:0; height:3px; background:#004f8a; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition-duration:.5s;}
.pro-list li:hover:After{ width:100%;}
.pro-list li:hover p{ color:#004f8a}
.pro-list li:hover img{ transform:scale(1.1)}
.pro-list li:nth-child(3n){ margin-right:0;}
.pro-list li:hover{-moz-box-shadow:0px 0px 5px #878787; -webkit-box-shadow:0px 0px 5px #878787; box-shadow:0px 0px 5px #878787; border-radius:10px 10px 0 0;}
.ne-pro-le{ width:50%; border:1px solid #e5e5e5; background:#f9f9f9; height:541px; position:relative;}
.ne-pro-le img{ position:absolute; bottom:0; left:0; right:0; top:0; margin:auto;}
.ne-pro-ri{ width:45%; padding:30px 0;}
.ne-pro-ri h1{ font-size:32px; color:#004f8a}
.ne-pro-ri p{ font-size:20px; padding:0.4rem 0 0.9rem 0;}
.ne-pro-ri a{ display:block; width:182px; line-height:61px; color:#fff; background:#004f8a; text-align:center; border-radius:10px; font-size:0.24rem; transition-duration:.5s;}
.ne-pro-ri a:hover{-moz-box-shadow:0px 0px 5px #878787; -webkit-box-shadow:0px 0px 5px #878787; box-shadow:0px 0px 5px #878787; border-radius:20px;}
.ne-ti p{ text-transform:uppercase; color:#e8e8e8; font-size:0.34rem; font-family:"Arial"; line-height:1.3;}
.ne-ti h1{ font-size:0.42rem; color:#0152a4; line-height:1; padding-bottom:0.25rem;}
.ab-zi{ font-size:0.18rem; margin-bottom:0.44rem;}
.ne-li dl{ position:relative;}
.ne-li dl dt img{ display:block;}
.ne-li dl dd{ position:absolute; height:100%; width:100%;display: flex; top:0; left:0.41rem;align-items: center;}
.ne-li dl dd h1{ color:#fff; font-size:0.26rem;text-shadow: 4px 2px 5px #0D0D0D;}
.ne-li dl dd p{ color:#fff; background:#cba81d; line-height:0.47rem; font-size:0.24rem; font-weight:bold; display:inline-block; padding:0 0.2rem; margin-bottom:0.15rem; position:relative;}
.ne-wh01 dl dd{ left:0.77rem;}

.ne-wh02{ margin-top:1.1rem;}
.ne-wh02 dl dd{text-align:center; display:block; top:1rem;}
.ne-wh02 dl dd h1{ color:#333;text-shadow:none;}
.ne-wh02 dl dd p:before,.ne-wh02 dl dd p:after{ content:""; width:294px; height:2px; background:#b3bec7; position:absolute; left:115px; top:50%; margin-top:-0.5px;}
.ne-wh02 dl dd p:after{ left:auto; right:115px;}
.ne-wh03{ background:url(../images/b.jpg) no-repeat center; padding:1.1rem 0;}

.ne-wh03 dl{ width:49.2%; }
.ne-wh03 dl dd h1{ font-size:0.2rem; color:#333;text-shadow:none;}
#timeLine{
    width: 100%;
    
 
    overflow: hidden;
}
#yearList{
    width: 100%;
    list-style: none;
    position: relative;
    /*left: 457px;*/
    margin-left: 50%; margin-top:92px;
}
#yearList:after,.container-li:after{
    content: "";
    display: table;
    clear: both;
}
#yearList li{
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 0 52px 5px 52px; color:#777777; font-family:"Arial"
}
.year-dot{
    width: 1px; height: 11px; 
    background-color: #333;
    margin: 0 auto 28px;
    display: block;
}
.dotted-line{
    border-bottom: dashed 1px  #7a7a7a;
    position: relative;
    top: -72px;
    z-index: -1;
}
#cList{
    width: 100%;
    position: relative;
}
#btnLeft{
    width: 60px; height: 60px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 180px;
   
    background:url(../images/l1.png) no-repeat center center #dddddd;
}
#btnRight{
    width: 60px; height: 60px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 180px;
   background:url(../images/l1.png) no-repeat center center #dddddd;
   transform:rotate(180deg)
}
#btnLeft:hover,#btnRight:hover{
    background:url(../images/l1.png) no-repeat center center #004f8a;
}
#cUl{
    width: 1257px;
    list-style: none;
    height: 400px;
    margin: 0 auto;
    position: relative;
    left: 0px;
}
#cUl li{
    width: 1257px;
  position: absolute;  left: 0;
}
.li-tit{
    display:inline-block;
    color: #fff;
    background-color: #002f21;
    padding: 10px 20px;
    margin: 30px auto 10px;
}
.container-li{
    width: 100%;
    padding: 20px 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
}
.c-li-left{
    width: 557px; height:346px;
    float: right; position:relative;
}
.c-li-left:after{ content:""; width:100%; height:100%; background:#d9d9d9; position:absolute; top:5px; right:-5px; z-index:1;}
.c-li-left img{ width:100%; height:100%; display:block; position:relative; z-index:2;}
.c-li-right{
    width: 570px;
    float: left; padding-top:0.4rem;
}
.c-li-right h1{ font-size:0.86rem; font-family:"Arial"; color:#222; line-height:1;}
.c-li-right h2{ color:#004f8a; font-size:0.23rem; padding-bottom:0.1rem;}
.c-li-right p{ font-size:0.18rem;}
.year-active{background:url(../images/sj.png) no-repeat bottom center;}
#yearList .year-active{ font-size:22px; }

.w1257{width:1257px; overflow:hidden; margin:0 auto}


@media (-webkit-device-pixel-ratio: 1.25) {
    #yearList li{ padding:0 30px 5px;}
.w1257,#cUl,#cUl li{width:1100px;  }
.c-li-left { width:450px; height: 280px;}
.c-li-right{ width:460px;}
.c-li-right h2{ font-size:0.26rem;}
.c-li-right p{ font-size:0.22rem;}
#cUl{ height:300px;}
}

@media (-webkit-device-pixel-ratio: 1.5) {
    
}


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

	}
	
@media only screen and (max-width: 1500px){
.wrap{ margin:0 1rem}
.zp_ti,.ne-cd li,.pro-list li p,.ab-zi{ font-size:0.22rem;}
.ne-new-list dl dd{width: calc(92% - 269px);width: -webkit-calc(92% - 269px);padding-right: 80px;}
.pro-list li{ height:4rem;}
#yearList li{ padding:0 30px 5px;}
.w1257,#cUl,#cUl li{width:1100px;  }
.c-li-left { width:450px; height: 280px;}
.c-li-right{ width:460px;}
.c-li-right h2{ font-size:0.26rem;}
.c-li-right p{ font-size:0.22rem;}
#cUl{ height:300px;}
	}	
	

 @media only screen and (max-width: 760px) {
.pc-banner,.ne-wh02 dl dd p:before, .ne-wh02 dl dd p:after,.c-li-left:after{ display:none !important;}
.mobile-banner{ display:block !important;}
.ne-banner-txt p,.ne-ti p,.c-li-right h1,.ne-pro-ri h1,.ne-rq p,.lx-list dl dd h1{ font-size:18px;}
.ne-banner-txt h1{ font-size:24px;}
.ne-cd .wrap{ margin:0;}
.ne-cd li,.c-li-right h2,.ne-rq span{ line-height:40px; font-size:16px;}
.ne-xi{ padding:30px 0;}
.ne-ti h1{ font-size:20px; padding-bottom:20px;}
.ab-zi,.ne-pro-ri p{ font-size:14px; line-height:1.6; padding-bottom:15px;}
.ne-li dl dd p{ font-size:16px; padding:10px 20px;}
.ne-wh02{ margin:15px 1rem;}
.ne-wh03 dl{ width:100%;}
.ne-li dl dd h1{ font-size:16px;}
.ne-wh03 dl dd{ left:30px;}
.w1257, #cUl, #cUl li,.ne-pro-ri{ width:100%;}
.container-li{ padding:0;}
.c-li-left,.c-li-right{ width:100%; float:none; height:auto; text-align:center;}
#cUl{ height:260px;}
.c-li-left img{ width:50%; margin:0 auto;}
.c-li-right p{ text-align:left; font-size:14px;}
#btnRight,#btnLeft{ width:30px; top:30px;}
#yearList{ margin-top:0px; margin-left:40%; width:150% !important}
#yearList li{ padding:0 10px 11px;}
#yearList .year-active{ font-size:18px;}
#yearList li{ font-size:15px;}
.pro-list li,.pro-list li:nth-child(3n){ width:49%; margin:0 0.5% 15px; height:auto; padding:10px 0;}
.pro-list li img{ position:relative; width:60%; height:100px;}
.pro-list li p{ position:relative; padding-top:15px; font-size:15px;}
.ne-pro-le{ width:100%; height:auto; text-align:center; padding:20px 0;}
.ne-pro-le img{ position:relative;}
.ne-pro-ri a,.td-an a{ width:120px; line-height:40px; height:40px; font-size:16px;}
.ne-rq{ display:none;}
.ne-new-list dl dd{ width:100%; border:none; padding-right:0;}
.ne-new-list dl dt{ float:none; margin:0 auto;}
.ne-new-list dl dd h1,.sideMenu1 ul p span{ font-size:16px;}
.ne-new-list dl dd p,.sideMenu1 ul p{ font-size:14px;}
.ne-new-list dl{ padding-bottom:15px; margin-bottom:15px;}
.zp_ti,.sideMenu1 h3{ font-size:15px; line-height:45px; height:45px;}
.sideMenu1 h3 dl dd,.lx-list dl dd p{ font-size:14px;}
.zp_ti li:nth-child(5),.sideMenu1 h3 dl dd:nth-child(5){ display:none;}
.zp_ti li,.sideMenu1 h3 dl dd{ width:25%;}
.td-an{ position:relative;}
.td-an a{ margin:0 auto;}
.lx-list dl{width: 100%; margin-bottom: 15px;}
.lx-list dl dt img {
    width: 30%;
}
#map {
    height: 200px;
}
.pro-cd ul li{width: 50%;}
}