.px ul li {width: 16.67%;text-align: center;}

.px ul {background: url(../img/ks-bg.png)repeat-x;height: 100px;}

.px ul li a {display: block;text-align: center;overflow: hidden;height: 100px;line-height: 100px;}



.lanbj{background: url(../img/i2.jpg) no-repeat right bottom #f8fafc;padding:30px 30px 10px 30px;}

.tongji {margin: 40px 0px;}
.tongji a{float:left;margin:0 0 0 50px;font-size:18px;}
.tongji .index-title{float:left;}


.i3-title {overflow: hidden;line-height: 28px;margin: 15px 0 10px 0;}


.row1 .title {margin: 0 auto;width: 170px;height: 50px;border: 1px solid #2785dd;position: relative;line-height: 50px;text-align: center;}

.row1 .title h2 {font-size: 28px;color: #333333;font-weight: bold;}

.row1 .title h2 span {color: #114984;}

.row1 .title h2:before {content: "";width: 5px;height: 27px;background: #2785dd;position: absolute;left: -3px;top: 50%;margin-top: -14px;}

.row1 .title h2:after {content: "";width: 5px;height: 27px;background: #2785dd;position: absolute;right: -3px;top: 50%;margin-top: -14px;}

/* sec5 */
.sec5 {margin: 60px 0;}

.ban3 ul li a {display: block;margin: 0 20px;position: relative;text-align: center;}

.ban3 .pic {padding-top: 29%;}

.ban3 p {top: 50%;transform: translateY(-50%);text-align: center;position: absolute;width: 100%;display: block;font-size: 30px;line-height: 30px;font-weight: bold;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ban3 .slick-prev {background: url(../img/ban3-prev.png) no-repeat center;width: 40px;height: 60px;z-index: 1;left: -40px;}

.ban3 .slick-next {background: url(../img/ban3-next.png) no-repeat center;background-size: 40px auto;width: 40px;height: 60px;z-index: 1;right: -40px;}

.px ul li a div {display: inline-block;vertical-align: -20px;width: 53px;height: 53px;border-radius: 50%;border: 2px dotted #f7f9f9;position: relative;z-index: 1;}

.px ul li a div:after {content: "";position: absolute;right: 2px;bottom: 2px;width: 32px;height: 32px;background: rgba(150, 193, 250, 0.3);border-radius: 50%;z-index: -1;}

.px ul li a div img {max-height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.px ul li a span {font-size: 20px;color: #ffffff;margin-left: 20px;}

#px {margin-top: -100px;}

.px ul li:hover {background-color: #196eaf;}

.section1 {padding: 50px 0;background: url("../img/new-bg.png") no-repeat center center;background-size: cover;}

.title {text-align: center;margin-bottom: 20px;}

.title>h2 {font-size: 30px;line-height: 61px;color: #000000;background: url("../img/dot-bg.png") no-repeat bottom center;display: inline-block;}

.title>p {font-size: 18px;color: #bccce1;line-height: 40px;}

.text1 {overflow: hidden;}

.text-l {float: left;width: 35.71%;width: 500px;height: 322px;}

.text-l img {width: 100%;}

.text-l div>a {padding-top: 64.45%;overflow: hidden;display: block;position: relative;}

.text-l div>a>img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.text-l p {font-size: 18px;line-height: 55px;color: #ffffff;position: absolute;bottom: 0px;left: 0px;right: 0;padding-left: 4%;padding-right: 26%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.text-l>.slick-dots {width: auto;right: 23px;bottom: 20px;}

.text-l>.slick-dots>li {width: 10px;height: 10px;border-radius: 50%;border: 1px dotted #ffffff;margin: 0 10px;}

.text-l>.slick-dots>.slick-active {background-color: #ffffff;}

.text-r {overflow: hidden;}

.text-r>ul {overflow: hidden;margin-top: -23px;}

.text-r>ul>li {width: 47.78%;border: solid 1px #e5e5e5;float: left;margin-top: 23px;margin-left: 1.5%;}

.text-r>ul>li>a {display: block;overflow: hidden;padding: 16px 20px;background: #fff;}

.time {float: left;background: url("../img/time-bg.png") no-repeat center center;text-align: center;width: 58px;height: 58px;}

.time>h2 {font-size: 26px;line-height: 40px;color: #ffffff;}

.time>p {font-size: 14px;line-height: 8px;color: #ffffff;}

.con1 {overflow: hidden;padding-left: 20px;}

.con1>p {font-size: 18px;line-height: 28px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 56px;}

.more {text-align: center;margin-top: 60px;height: 40px;}

.more h2 {font-size: 14px;line-height: 28px;color: #00266b;display: inline-block;border-bottom: 1px solid #0a3678;position: relative;transition: all .5s;}

.section2 {padding: 50px 0;background: url("../img/zs-bg.jpg") no-repeat center center;background-size: cover;}

.sect2 {overflow: hidden;}

.zs {width: 31.42%;float: left;}

.more1 {overflow: hidden;padding-bottom: 30px;}

.more1>h2 {font-size: 28px;line-height: 52px;color: #ffffff;float: left;}

.more1>a {font-size: 14px;color: #f9f9f9;float: right;padding-top: 20px;transition: all 0.5s;}

.zs>ul {padding: 25px 0;background-color: rgba(10, 54, 120, 0.4);border: solid 1px rgba(47,116,194,0.4);border-top: 2px solid rgba(255,255,255,0.28);}

.zs>ul>li>a {display: block;padding: 15px 0;margin: 0 30px;border-bottom: 1px dotted rgba(254,253,253,0.34);}

.zs>ul>li>a>p {font-size: 16px;line-height: 33px;color: #fefdfd;}

.zs>ul>li>a>span {display: inline-block;height: 44px;font-size: 16px;line-height: 22px;color: #fefdfd;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.zs:nth-child(3) {margin: 0 2.87%;}

.zs>ul>li:hover {background-color: #2797d6;}


.section3 {padding: 50px 0;}

.sect3-t {overflow: hidden;}

.sect3-t>ul {overflow: hidden;}

.sect3-t>ul>li {width: 30.71%;float: left;}

.sect3-t>ul>li>a {display: block;position: relative;}

.tz-text {position: absolute;bottom: -1px;left: 0;right: 0;padding-left: 7%;}

.tz-text>p {font-size: 28px;font-weight: bold;line-height: 57px;color: #fdfdfd;}

.xttz {background: url("../img/xttz-bg.png") no-repeat left center;background-size: auto 100%;}

.zsgz {background: url("../img/zsgz-bg.png") no-repeat left center;background-size: auto 100%;}

.fxljy {background: url("../img/fxljy-bg.png") no-repeat left center;background-size: auto 100%;}

.sect3-t>ul>li:nth-child(2) {margin: 0 3.93%;}

.sect3-t {padding-bottom: 50px;}

.title1>h2 {font-size: 30px;line-height: 61px;color: #000000;position: relative;border-bottom: 1px solid #cbdde9;text-align: center;}

.title1>h2::after {content: "";width: 70px;height: 5px;position: absolute;bottom: -3px;left: 50%;transform: translateX(-50%);background: url("../img/dot.png") no-repeat bottom center;}

.title1>p {font-size: 18px;color: #bccce1;line-height: 40px;text-align: center;}

.sect3-b ul {padding-top: 62px;padding-bottom: 42px;border-bottom: 1px solid #cbdde9;border-left: 1px solid #cbdde9;border-right: 1px solid #cbdde9;margin-top: -40px;}

.sect3-b ul li {width: 17.5%;text-align: center;border-radius: 30px;background-color: #e1eaf0;margin: 0 0.27%;}

.sect3-b ul li a {display: block;font-size: 16px;line-height: 37px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;}

.sect3-b ul li:hover {background-color: #196eaf;}

.sect3-b ul li:hover a {color: #ffffff;}

.tz>img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.tz {overflow: hidden;position: relative;padding-top: 63.63%;}

.tz>img {transition: all 1s;}

.tz:hover img {transform: scale(1.2);}

.more1>a:hover {margin-top: -2px;}

.text-r>ul>li:hover .con1>p {font-weight: bold;}

.more h2:hover {margin-top: -5px;}



/* main-box */
.index-title {overflow: hidden;line-height: 24px;margin-bottom: 15px;padding-bottom:10px;}


.index-title h2, .i3-title h2{float: left;padding-left: 15px;border-left: 5px solid #114984;font-size: 26px;font-weight: bold;}

.index-title h2 span, .i3-title h2 span {color: #114984
}

.index-title .index-more, .i3-title .index-more {float: right;font-size: 13px;color: #777777;}

.index-title .index-more:hover {color: #114984;}

/* row1 */
.row1 {padding: 47px 0;}

.row1 .left {float: left;width: 66%;margin: 0 0 0 2%;/* overflow: hidden;*/
}

.row1 .right {float: left;width: 32%;}

.row1 .title {margin: 0 auto;width: 170px;height: 50px;border: 1px solid #2785dd;position: relative;line-height: 50px;text-align: center;}

.row1 .title h2 {font-size: 28px;color: #333333;font-weight: bold;}

.row1 .title h2 span {color: #114984;}

.row1 .title h2:before {content: "";width: 5px;height: 27px;background: #2785dd;position: absolute;left: -3px;top: 50%;margin-top: -14px;}

.row1 .title h2:after {content: "";width: 5px;height: 27px;background: #2785dd;position: absolute;right: -3px;top: 50%;margin-top: -14px;}

.index-gzdt {width: 100%;position: relative;}

.index-gzdt .slick-list {margin: 0 -10px;padding-top: 10px;}

.index-gzdt .box {margin: 0 0px 0 10px;float: left;width: 32%;}
.index-gzdt .pic {width: 100%;padding-bottom: 66%;position: relative;overflow: hidden;}

.index-gzdt .pic img {position: absolute;width: 100%;top: 0;left: 0;}

.index-gzdt .pic img:hover {transform: scale(1.05);}

.index-gzdt .text {padding: 55px 25px 23px 23PX;position: relative;background:url(../img/i1.jpg) no-repeat;background-size: 100% 100%;}

.index-gzdt .text:hover {background: url(../img/listbgactive.png) no-repeat left top;background-size: 100% 100%;}


.index-gzdt .text .xi_activeitem {width: calc(100% / 4 - 30px);background: url(../img/xi/listbg.png) no-repeat left top;background-size: 100% 100%;border-left: 5px #d8b95a solid;padding: 20px 15px;margin-right: 40px;transition: all 0.8s;-webkit-transition: all 0.8s;}


.index-gzdt .date {position: absolute;top: 17px;left:40px;font-family: sans-serif;font-size: 13px;text-align: right;padding-right: 7px;color: #20609c;overflow: hidden;}



.index-gzdt .date .year {font-size: 14px;}

.index-gzdt .tit {display: block;font-weight: bold;color: #333333;font-size: 16px;line-height: 28px;height: 84px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;-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;}

.index-gzdt .more {display: block;font-size: 14px;color: #999999;padding-left: 30px;line-height: 22px;background: url(../img/gzdt-more1.png) left center no-repeat;margin-top:25px;-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;}

.index-gzdt .box:hover {}

.index-gzdt .box:hover .date{color: #fff;}

.index-gzdt .box:hover .tit {color: #fff;}

.index-gzdt .box:hover .more {color: #fff;background: url(../img/gzdt-more2.png) left center no-repeat;}

.index-gzdt .slick-prev {text-indent: 999px;overflow: hidden;width: 45px;height: 45px;position: absolute;z-index: 9;left: -80px;top: 50%;margin-top: -22px;background: url(../img/news-left.png) no-repeat;background-size: 100% 100%;cursor: pointer;}

.index-gzdt .slick-next {text-indent: 999px;overflow: hidden;width: 45px;height: 45px;position: absolute;z-index: 9;right: -80px;top: 50%;margin-top: -22px;background: url(../img/news-right.png) no-repeat;background-size: 100% 100%;cursor: pointer;}

.index-gzdt .slick-prev:hover {background: url(../img/news-left-on.png) no-repeat;background-size: 100% 100%;}

.index-gzdt .slick-next:hover {background: url(../img/news-right-on.png) no-repeat;background-size: 100% 100%;}

.middle-pic {overflow: hidden;float: left;width: 31%;margin-left: 1%;}

.middle-pic .box {float: left;width: 100%;margin-bottom: 40.8px;}

.middle-pic .box a {display: block;/* margin: 0 25px;*/
    overflow: hidden;}



.row3 .links li {width: 100%;background: #2785dd;padding: 0 30px;margin-bottom: 10px;position: relative;}

.row3 .links li > a {display: block;font-size: 16px;line-height: 40px;color: #fff;padding-right: 30px;background: url(../img/links-ico.png) right center no-repeat;}

.row3 .links dl {display: none;position: absolute;top: 100%;left: 0;width: 100%;padding: 15px 30px;background: #ddecfa;z-index: 9;}

.row3 .links dl a {font-size: 15px;color: #333;line-height: 24px;}

.row3 .links dl.active {display: block;}

.row3 .contact {overflow: hidden;padding: 10px 10px 0 30px;}

.row3 .contact .text {float: left;}

.row3 .contact .text p {font-size: 16px;color: #333333;line-height: 34px;}

.row3 .contact .text p span {font-weight: bold;}

.row3 .contact .ewm {float: right;width: 112px;height: 112px;}

.row3 .contact .ewm img {width: 112px;height: 112px;}

/* 底部 */
.footer {background: #015293;padding: 25px 0;}

.footer .cory {float: left;padding:30px 0 10px 120px;background:url(../img/footer-logo.png)  left center no-repeat;}

.footer .cory dl {color: #fff;text-align: left;display: inline-block;margin:10px 30px;width:250px;}

.footer .cory dt {font-size: 20px;display:list-item;color: #fff;text-align: left;line-height:30px;}
.footer .cory a {font-size: 14px;line-height:22px;color:#fff;}



.footer .ewm {float: left;width: 100px;margin:1% 0 0 29%;}

.footer .ewm p {text-align: center;margin-top: 5px;font-size: 14px;color: #fff;}

.row3 {padding: 30px 0 40px;background: url() bottom center no-repeat;}

.row3 .left {width: 32%;float: left;}

.row3 .right {width: 20%;float: left;margin-left: 1%;}


@media screen and (max-width: 1620px) {
.ban2 .slick-prev {left: -65px;}

    .ban2 .slick-next {right: -50px;}
}

@media screen and (max-width: 1500px) {
.ban2 .slick-prev {left: 5px;}

    .ban2 .slick-next {right: 28px;}
}

@media screen and (max-width: 1480px) {
.ban3 .slick-prev {left: -15px;background-size: 20px auto;}

    .ban3 .slick-next {right: -13px;background-size: 20px auto;}
}


@media screen and (max-width: 1400px) {#px .px1400 {padding-left: 0;padding-right: 0;margin-left:0 ;margin-right:0 ;}
	.px ul li a span{font-size: 18px;}
#px{margin-top: 0px;}
}



}



@media screen and (max-width: 1024px) {
.ban3 .slick-prev {left: -10px;}

    .ban3 .slick-next {right: -10px    }
	.px ul li a div {width: 40px;height: 40px;vertical-align: -15px;}
	.px ul li a span {font-size: 16px;}
	.px ul {height: 80px;}
	.px ul li a {height: 80px;line-height: 80px;}
	.px ul li a div:after {width: 22px;height: 22px;}
	.text-r>ul {margin-top: 0;}
	.text-r>ul>li {margin-top: 1%;margin-left: 0;width: 48.78%;}
	.text-r>ul>li:nth-child(odd) {float: left;}
	.text-r>ul>li:nth-child(even) {float: right;}
	#px {margin-top: 0;}
	.section1 {padding: 0;padding-bottom: 20px;}
	.section2 {padding: 10px 0;}
	.section3 {padding: 20px 0;}
	.text-l {float: none;width: auto;margin: auto;height: auto;}
	.title>p {font-size: 16px;}
	.con1>p {font-size: 16px;}
	.text-r {float: none;width: auto;}
	.text-r {padding-top: 10px;}
	.more {margin-top: 20px;}
	.more1 {padding-bottom: 10px;}
	.more1>h2 {font-size: 23px;}
	.tz-text>p {font-size: 26px;}
	.zs>ul>li>a {padding: 10px;}
	.zs>ul {padding: 15px 0;}
	.sect3-t {padding-bottom: 20px;}
	.title1>h2 {font-size: 26px;}
	.title>h2 {font-size: 26px;}
	.sect3-b ul li a {font-size: 14px;}
	.title1>p {font-size: 16px;}
	.sect3-b ul {padding-top: 42px;padding-bottom: 30px;}
}

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


.footer .cory {float: left;background:none;padding:0}


.row3 {    padding: 0px;}
.row3 .right {width: 32%;float: left;margin: 1% 0 0 0%;}

.middle-pic{margin: 1% 0 0 0%;}
	
	.index-title .index-more, .i3-title .index-more {font-size:15px;margin-left: 42%;float: left;}

.index-gzdt .box {margin: 2% 0px 0 10px;float: left;width: 94%;}
	
.tongji a {float: left;margin: 0 0 15px 0px;font-size: 18px;clear: both;width: 330px;}

	.row1 .right {float: left;width: 98%;margin: 0 0 0 1%;}

.row1 .left {float: left;width: 98%;clear: both;margin:3% 0 0 0;}

.slider-xyfg  {width: 98%;float: left;clear:both;}

.slider-xyfg  a{clear:both;}
    


	
	.footer .cory dl {color: #fff;text-align: left;margin: 10px 2%;width: 100%;clear: both;display: block;}

 .row3 .lanbj {width: 100%;float:left;margin-top:3%;clear:both;margin-left: 0;}

 .row3 .lanbj{padding-right:0px;}
	
.footer .ewm {float: left;clear: both;width: 100px;text-align: center;width: 37%;padding: 2% 0 0 30%;margin: 0;}
	



.row3 .left {width: 98%;float: left;clear:both;}

.index-list li .date {display: none;}



.slider-xyfg  {width: 98%;float: left;clear:both;}

.slider-xyfg  a{clear:both;}




.section3{padding: 30px 0;}
.section2{padding: 30px 0;}
.sect3-t{padding-bottom: 30px;}
.sec5{margin: 10px 0;}
#px{margin-top: 0px;}
  .ban3 .slick-prev,
    .ban3 .slick-next {background-size: 20px auto;}
	.zs {float: none;width: auto;margin: 10px 0 !important;}
	.zs>ul>li>a>p {line-height: 20px;}
	.text-l {float: none;width: auto;margin: auto;}
	.time>h2 {font-size: 22px;}
	.time>p {font-size: 12px;}
	.tz-text>p {font-size: 16px;line-height: 35px;}
	.text-l>.slick-dots {right: 15px;}
	.text-l>.slick-dots>li {margin-left: 7px;}
	.text-r>ul>li>a {padding: 7px 10px;}
}

@media screen and (max-width: 600px) {
.text-r>ul>li {float: none !important;width: auto;}
	.zs>ul>li>a {margin: 0 15px;}

}


.s3-m {width: 100%;margin-bottom: 20px;}

.s3-m a {display: block;}

.s3-m a .pic {padding-top: 62.47%;background-position: center center;background-size: cover;background-repeat: no-repeat;}

.s3-m a .info {background: #174490;background-image: linear-gradient(#0086ad,
            #0086ad),
        linear-gradient(#174490,
            #174490);padding: 25px 20px 20px  20px;min-height: 200px;}

.s3-m a .info h3 {font-size: 18px;font-weight: bold;font-stretch: normal;line-height: 32px;/* letter-spacing: 0rem;*/
    color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.s3-m a .info h3 i {background-image: linear-gradient(#fff, #fff);}

.s3-m a .info div {margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(255, 255, 255, .2);}

.s3-m a .info div p {font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0rem;color: #ffffff;opacity: 0.9;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;max-height: 140px;}
.s3-r {width: 3.92rem;}

.s3-r a {display: block;}

.s3-r a .pic {padding-top: 135.4%;background-position: center center;background-size: cover;background-repeat: no-repeat;}


@media screen and (max-width: 1024px) {
.text-r>ul>li{width: 100%;}
.text-l{height: auto;width: 100%;margin-bottom: 20px;}
   .s3-m {width: auto;margin: 20px 0;}

    .s3-m a .info {height: auto;padding: 15px;min-height: auto;}

    .s3-m a .info div ,.s2-rlist ul li a .info p{margin-top: .1rem;padding-top: .1rem;}
  .s3-r {width: auto;}
}