﻿@charset "utf-8";



@font-face{font-family:YouSheBiaoTiHei;src:url(../fonts/YouSheBiaoTiHei.eot);src:url(../fonts/YouSheBiaoTiHei.eot?#iefix) format('embedded-opentype'),url(../fonts/YouSheBiaoTiHei.woff2) format('woff2'),url(../fonts/YouSheBiaoTiHei.woff) format('woff'),url(../fonts/YouSheBiaoTiHei.ttf) format('truetype'),url(../fonts/YouSheBiaoTiHei.svg#novecentowide-bold-webfont) format('svg')}









html {

	max-width: 450px;

	width:100%;

	margin: 0 auto;

	padding: 0;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

/*黑白化*/	

/*	-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);filter: gray;*/

}

body {

	max-width: 450px;

	width:100%;

    overflow: scroll;

	margin: 0 auto;

	font-family: "微软雅黑";

	font-size: 14px;

	padding: 0;

	color: #555555;

	line-height: 200%;

}

img {

	border: none;

}

dl,dt,dd {

	display: block;

	margin: 0;

}

p,ul,li,form,h1,h2,h3,h4,h5,h6,dl,dd {

	margin: 0;

	padding: 0;

	list-style: none;

}

a {

	color: #555555;

	text-decoration: none !important;

	cursor: pointer;

	background: transparent;

	/*修正win8系统IE连接灰色背景*/

	outline: none;

	blr: expression(this.onFocus=this.blur());

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s; 

}

a img {

	border: none;

}

a:hover {

	color: #095CC4;

}

.wrap {

	width: 92%;

	margin: 0 auto; overflow: hidden;

}

.clear {

	clear: both;

	margin: 0;

	padding: 0;

	height: 0;

}

.fl {float: left;}

.fr {float: right;}

.tc {text-align: center;}

*{ box-sizing:border-box; }

textarea { font-family:微软雅黑}

.bg { background:#f5f5f5}

.cf:after{content:""; display:block; height:0; clear:both;}

.pc-div { display:none}



.fadeInUp50 {

  -webkit-animation-name: fadeInUp50;

  -moz-animation-name: fadeInUp50;

  -ms-animation-name: fadeInUp50;

  animation-name: fadeInUp50;

}

@-webkit-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInUp50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    -moz-transform: translate3d(0, 50px, 0);

    -ms-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInLeft50 {

  -webkit-animation-name: fadeInLeft50;

  -moz-animation-name: fadeInLeft50;

  -ms-animation-name: fadeInLeft50;

  animation-name: fadeInLeft50;

}

@-webkit-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInLeft50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    -moz-transform: translate3d(-50px, 0, 0);

    -ms-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInRight50 {

  -webkit-animation-name: fadeInRight50;

  -moz-animation-name: fadeInRight50;

  -ms-animation-name: fadeInRight50;

  animation-name: fadeInRight50;

}

@-webkit-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-moz-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@-o-keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInRight50 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    -moz-transform: translate3d(50px, 0, 0);

    -ms-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}





/*menu*/

#header{max-width: 450px;width: 100%;z-index: 99999; overflow: hidden; background: #fff; position: fixed; top: 0; margin: 0 auto;}

#header,.header{font-size: 16px;font-weight: bold;color: #fff;line-height: 58px;height: 58px;}

#header a.navBox,.header a.navBox{background: center center no-repeat transparent;

	display: block;

	width: 120px;

	height: 58px;

	position: absolute;

	top: 0;

	right: 0;

}

.logo img{width: auto; height:38px; display:block; margin:10px 0 0 14px;}

.burgers_box{ width:100%;height:100%}

.icon {height: 3px;width: 27px;top: 27px;background-color: #DC0000;border-radius: 20px;position: absolute;transition-duration: 0.5s;}

.icon:before {left: 0;position: absolute;top: -10px;height: 3px;width: 27px;background-color: #DC0000;content: "";border-radius: 20px;transition-duration: 0.5s;}

.icon:after {left: 0;position: absolute;top: 10px;height: 3px;width: 27px;background-color: #DC0000;content: "";border-radius: 20px;transition-duration: 0.5s;}

.menu {width: 60px;height: 58px;position: relative;transition-duration: 1s;display: block;cursor: pointer;z-index:99; float:right; padding-left:16px;}

.burger_lin .icon {transition-duration: 0.5s;transition-delay: 0.5s;}

.burger_lin .icon:after {transition: transform 0.5s, top 0.5s 0.5s;}

.burger_lin .icon:before {transition: transform 0.5s, top 0.5s 0.5s;}

.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.5s;background: transparent;}

.burger_lin.open .icon:before {transition: top 0.5s, transform 0.5s 0.5s;top: 0px;transform: rotateZ(-45deg);}

.burger_lin.open .icon:after {transition: top 0.4s, transform 0.5s 0.5s;top: 0px;transform: rotateZ(45deg);}

.burger_lin.cloase { display:none}

.menu_ex{position: fixed;z-index: -10;}

.iop{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1!important; }

.nav_hide{background:#fff; max-width:450px; position: fixed;top: 58px;width: 100%;height: 100%;z-index: 999999;padding-top: 20px;display: none;border-top:1px solid #ddd; margin: 0 auto;}

.nav_hide ul li>a {

    -webkit-user-select: none;

	color:#666666;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

    border-bottom: 1px solid #e1dede;

    margin: 0 25px;

    position: relative;

    display: block;

}

.nv_hide {margin: 0 25px;padding: 9px 0;border-bottom: 1px solid #e1dede;display: none;}

.nv_hide dd a{height: 35px;line-height: 35px;border-left: 1px solid #e1dede;display: block;position: relative;padding: 0 30px;color:#666666;}

.sec-line {

    position: absolute;

    height: 0;

    width: 20px;

    border-bottom: 1px solid #d7d7d7;

    left: 0;

    top: 18px;

}

.tt_hide>a{background: url(../images/ico-arr-right2.png) no-repeat center right;}

.fixed-header {background:#fff;-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;box-shadow: 0 0 5px rgba(0,0,0,.3);}

.fixed-header #header {background:#fff}







/*banner*/

.home { background:#f5f5f5}

.home .mBanner{ clear:both; overflow: hidden; width: 100%; position: relative; margin-top: 58px;  }

.home .mBanner .swiper-container { position: static}

.home .mBanner video{width: 100%;display: block;object-fit:fill; height: 100%;}

.home .mBanner img { display:block; width: 100%; height: 100%;}

.home .mBanner .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: #fff;}

.home .mBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px;}

.home .mBanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:5%; height: 22px; line-height: 22px; display: flex; align-items: center; justify-content: center; width: 200px; left: 50%; margin-left: -100px;}

.home .mBanner .swiper-pagination-bullet-active{ background: #c4292b; }









.home .row1 { clear:both; width: 100%;background: url(../images/pic06.jpg) no-repeat center center; overflow: hidden; background-size: cover; padding: 7% 0 1% 0;}

.home .row1 .list { width: 95%; margin-left: 4%; height:100%;}

.home .row1 .list .li { width: 50%; height:250px; float: left; color: #fff; padding: 25% 0 0 6%; }

.home .row1 .list .li1 { background: url(../images/icon01.png) no-repeat left top; background-size: 80%;}

.home .row1 .list .li2 { background: url(../images/icon02.png) no-repeat left top; background-size: 80%;}

.home .row1 .list .li3 { background: url(../images/icon03.png) no-repeat left top; background-size: 80%;}

.home .row1 .list .li4 { background: url(../images/icon04.png) no-repeat left top; background-size: 80%;}

.home .row1 .list .li5 {background: url(../images/icon15.png) no-repeat left top; background-size: 80%; height:240px; }

.home .row1 .list .li .d1{ font-size: 14px; line-height: 22px; padding-left: 18px;}

.home .row1 .list .li .d2{ font-size: 12px; margin-top: 10px;background: url(../images/icon11.png) no-repeat left center; padding-left: 18px; line-height: 22px; height: 22px; background-size: 9px; }

.home .row1 .list .li .d3{ font-size: 12px;background: url(../images/icon12.png) no-repeat left center; padding-left: 18px; line-height: 22px; background-size: 11px; }

.home .row1 .list .li .d1_2 { font-size: 12px; color: #D4D4D4; line-height: 18px; padding-left: 20px;}









.home .mTitle { clear:both; width: 100%; text-align: center; margin-bottom: 20px;}

.home .mTitle .d1 { font-size: 20px; color: #0089D3; line-height: 30px;}

.home .mTitle .d2 { font-size: 12px; color: #9E9E9E;text-transform:uppercase; line-height: 20px;}



.home .row2 { clear:both; width: 100%; padding: 30px 0 0 0;}

.home .row2 .box {width: 100%; padding:7% 0;background: url(../images/pic01.jpg) no-repeat center center;overflow: hidden; background-size: cover;}

.home .row2 .list { width:92%; margin: 0 auto; overflow: hidden; position: relative; margin-bottom: 32px;}

.home .row2 .list .swiper-container {position:static;width:100%; margin: 0 auto;}

.home .row2 .list .swiper-slide { background: #1A5DAF;}

.home .row2 .list .d1 { width:100%; height: 202px; overflow: hidden;}

.home .row2 .list .d1 img{ display:block; width: 100%; height: auto;}

.home .row2 .list .d2 { width: 100%; color: #fff; padding:5% 4%;}

.home .row2 .list .d2 .d2_1 { color: #fff; width: 100%; line-height: 22px; margin-bottom:7px;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;}

.home .row2 .list .d2 .d2_2 { color: #6CB0FA;}

.home .row2 .list .swiper-button-prev{background: url(../images/icon13.png) no-repeat center center; background-size: 18px; width: 18px; left: 1%}

.home .row2 .list .swiper-button-next{background: url(../images/icon14.png) no-repeat center center; background-size: 18px;width: 18px;right:1%}

.home .row2 .list .swiper-slide a { display:block; width: 100%; height: 100%;}

.home .mMore {clear:both; width: 170px; height: 32px; line-height: 32px; border-radius: 20px; margin: 0 auto; background: #0089D3; text-align: center; color: #fff; font-size: 14px;}

.home .mMore a { color: #fff; display: block; width: 100%; height: 100%;}





.home .row3 { clear:both; width: 100%; padding: 8% 0; background: #fff;}

.home .row3 .list {height:100%;}

.home .row3 .li { width:32.6666%;float: left; color: #fff; position: relative; text-align: center; border-radius: 10px 0 10px 0; overflow: hidden;}

.home .row3 .li a {display:block; width: 100%; height: 100%; color: #fff;}

.home .row3 .li .wz { width:100%; position: absolute; left: 0; top: 0; z-index: 99; padding:10% 0 0 0}

.home .row3 .li .p1 { font-size: 15px; line-height: 24px;}

.home .row3 .li .p2 { font-size: 12px;text-transform:uppercase; line-height: 16px;}

.home .row3 .li2 { margin: 0 1%;}

.home .row3 .li img { display:block; width: 100%; -webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;}

.home .row3 .li:hover img{transform: scale(1.07, 1.07);}





.home .row4 { clear:both; width: 100%; padding:9% 0 7% 0; background: #F4F4F4;}

.home .row4 .list { margin-bottom: 25px;}

.home .row4 .list .listL{ width: 100%;}

.home .row4 .list .listR{ width: 654px; height: 100%; float: right;}

.home .row4 .list .listL .li { width: 100%; height: 100%; position: relative;}

.home .row4 .list .li .spfm { display:block; width: 100%; height: auto; }

.home .row4 .list .li .bg { width: 100%; height: 100%;background: url(../images/pic13.png) repeat center center; position: absolute; left: 0; top: 0; z-index: 2;}

.home .row4 .list .li .bf { width: 100%; height: 100%;background: url(../images/icon05.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 3; background-size: 32px;}

.home .row4 .list .listR .li { width: 301px; height: 181px; float: left; position: relative; margin-left: 25px; margin-bottom: 29px;}



.home .row4 .list .li a { display:block; width: 100%; height: 100%;}

.home .row4 .list .li:nth-child(3) {margin-bottom: 0}

.home .row4 .list .li:nth-child(4) {margin-bottom: 0}

.home .row4 .list .listR .li .bf {background-size: 50px;}





.home .row5 { clear:both; width: 100%; padding: 7% 0 11% 0;background: url(../images/pic05.jpg) no-repeat center center;overflow: hidden; background-size: cover;}

.home .row5 .mTitle { margin-bottom:28px;}

.home .row5 .mTitle .d1 { color: #75CCFC}

.home .row5 .list { text-align: center;}

.home .row5 .list img { display:block; width: 100%; height: auto; margin: 0 auto; border-radius: 16px;}

.home .row5 .list .li { width:25%; height: 100%; float: left;}

.home .row5 .list .li .tp { background: #fff; width: 95%; height: 50px;border-radius: 4px; display: flex;align-items: center; justify-content: center;margin: 0 auto;}

.home .row5 .list .li .tp img { display:block; height: 24px; margin: 0 auto; }

.home .row5 .list .li .d1 img{ display:block; height: 24px; margin: 0 auto;}

.home .row5 .list .li .d2 { font-size: 15px; color: #fff; margin-bottom: 10px; line-height: 22px;}

.home .row5 .list .swiper-button-prev {background: url(../images/icon09.png) no-repeat center center; width:15px; height: 15px; top: 58%; left: 4%; background-size: cover;}

.home .row5 .list .swiper-button-next {background: url(../images/icon10.png) no-repeat center center; width: 15px; height: 15px; top: 58%; right: 4%; background-size: cover;}

.home .row5 .list .list2 { clear:both; width: 100%; position: relative;}







.home .row6 { clear:both; width: 100%; background: #EEEEEE;}

.home .row6 img { display:block; width: 100%; height: auto;}

.home .row6 .swiper-pagination-bullet { width: 4px; height: 4px; opacity: 1; background: #fff;}

.home .row6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px;}

.home .row6 .swiper-container-horizontal>.swiper-pagination-bullets { bottom:5%; height: 26px; line-height: 26px; display: flex; align-items: center; justify-content: center; width: 200px; left: 50%; margin-left: -100px;}

.home .row6 .swiper-pagination-bullet-active{ background: #c4292b; width: 8px; height: 8px;}





.home .row7 { clear:both; width: 100%; padding: 7% 0; background: #fff;}

.home .row7 .list { width:98%;}

.home .row7 .list .li { width:32%; height: 55px; float: left; border: 1px solid #D1D1D1; border-radius:5px; margin-bottom: 2%; cursor: pointer; margin-right: 2%; display: flex; align-items: center; justify-content: center; }



.home .row7 .list .li:nth-child(3n){ margin-right: 0;}

.home .row7 .list .li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}

.home .row7 .list .li img { display:block; margin: 0 auto; max-height:34px; height: auto;}











.footer { clear:both; width: 100%; background: #252528; padding:7% 0 5% 0;}

.footer .box1 .box1L { width: 100%;}

.footer .box1 .box1C { width: 100%;}

.footer .box1 .box1R { width: 100%;text-align: center; color: #ADADAD; font-size: 12px;}

.footer .box1 .box1R img { display:block; width: 100px; height: auto;  margin: 0 auto;}

.footer .box1 .box1L img {display:block; width: 115px; height: auto; margin: 0 auto; margin-bottom: 22px;}

.footer .box1 .box1C .d1 { width: 100%; line-height: 26px; font-size: 15px; font-weight: bold; margin-bottom: 22px;border-bottom: 1px solid #555555; text-align: center; height: 40px;}

.footer .box1 .box1C .d1 a { color:#fff; display: block;float: left; width: 33.3333%;}



.footer .box1 .box1C .d2 { clear: both;font-size: 12px; color: #B8B8B8; line-height: 22px; text-align: center; width: 100%; padding-bottom: 18px;border-bottom: 1px solid #555555; margin-bottom: 18px;}

.footer .box1 .box1C .d2 .last { padding-left: 60px;}



.footer .box2 { clear:both; width: 100%; color: #797979; text-align: center; line-height: 22px; font-size: 12px; margin-bottom: 20px; }

.footer .box2 a { color: #797979;}







.iBanner { clear:both; width: 100%; position: relative; margin-top: 58px;}

.iBanner .tp { display:block; width: 100%; height: auto;}

.iBanner .wz { width:86%; position: absolute; left: 7%; top:40%; color: #fff;font-family:YouSheBiaoTiHei;}

.iBanner .wz .p1{ font-size:40px; line-height: 42px;}

.iBanner .wz .p2{ font-size:26px; line-height: 28px; opacity:.6;text-transform:uppercase;}





.news-list ul li{width:100%;overflow: hidden; background: #1A5DAF; margin-bottom: 4%;}

.news-list ul li .d1 {width:100%;}

.news-list ul li .d1 img { display:block; width: 100%; height:auto;}

.news-list ul li .d2 { width:100%; padding: 4%;}

.news-list ul li .d2 .d2_1 { font-size: 15px; color: #fff; line-height: 24px; margin-bottom: 10px;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

}

.news-list ul li .d2 .d2_2 { font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 10px;}

.news-list ul li .d2 .d2_3 { font-size: 12px; color: #6CB0FA;}







.fy{ clear:both; margin:0 auto; margin-top:35px; font-size:12px; text-align: center;}

.fy b{ display:inline-block; width:24px; height:24px; background:#3666C0; line-height:24px; color:#fff; font-weight:100; text-align:center; border-radius:4px; border: 1px solid #3666C0;}

.fy a{ display:inline-block; padding:0 8px;height:24px; text-align:center; line-height:24px;margin:0 2px; font-size:12px; }







.iCon { clear:both; width: 100%; padding-top: 7%; padding-bottom: 10%;}

.iCon2 { clear:both; width: 100%; padding-top: 3%; padding-bottom: 10%;}

.iCon3 { clear:both; width: 100%; padding-top: 3%;}

.iCon4 { clear:both; width: 100%;}





.backTop { clear:both; width: 32px; height: 42px; position: fixed; right: 5px; bottom: 7%; z-index: 999;background: url("../images/backtop.png") no-repeat center center; display: none; cursor: pointer; background-size: 100%;}



.news-top { clear:both; height: 405px;}

.news-top .swiper-slide { height: 100%; height: 405px;}

.news-top .swiper-slide .L{ width: 607px; height: 100%; float: left; overflow: hidden;}

.news-top .swiper-slide .R{ width: 656px; height: 100%; float: right; background: #fff; border-radius: 20px; padding: 3%;}

.news-top .swiper-slide .R .d1 { width: 100%; font-size: 26px; line-height: 38px; color: #000000;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden; margin-bottom: 10px;-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s; }

.news-top .swiper-slide .R .d2 { color: #A4A4A4; height: 100px;}

.news-top .swiper-slide .R .d3 { font-size: 16px; color: #636363; width: 100%; height: 180px;}

.news-top .swiper-slide .L img{ display:block; width: 100%; height: 100%;-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;}

.news-top .swiper-pagination-bullet {background: #bababa; opacity: 1; width: 28px; height: 4px; border-radius: 0; }

.news-top .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}

.news-top .swiper-container-horizontal>.swiper-pagination-bullets { width: 100px; left: inherit; right: 26px; bottom: 15px;}

.news-top .swiper-pagination-bullet-active { background: #095CC4;}







.news-content { margin:0 auto; margin-bottom:80px; line-height: 32px; }

.newsdetail-content { width:100%; margin:0 auto; line-height: 190%;}

.newsdetail-content p { margin-bottom:10px;}

.newsdetail-content img { max-width:100%!important; display: block; height: auto!important;margin:0 auto;}

.newsdetail-title { width: 100%; overflow: hidden; padding: 8px 0 13px 0; border-bottom:1px dashed #e1e0e6; margin-bottom: 20px; text-align:center }

.newsdetail-title .title { font-weight:bold; font-size:18px; line-height: 28px; color: #202020; margin-bottom: 2px; }

.newsdetail-title .time { color: #999; font-size: 12px;margin-top:5px; }

.newsdetail-content video { display:block; max-width: 100%; margin: 0 auto; height: auto; background-size: cover; margin-bottom: 20px;object-fit:fill;}





.ssjj-div { width:100%!important; background: url("../images/pic23.png") repeat-y right center;  }

.ssjj-div .conL { width: 100%;background:#1F6EB9 url("../images/pic22.png") no-repeat top center; background-size: 100%; color: #fff; padding-bottom: 3%;}

.ssjj-div .conL .box1 { width: 100%; padding: 10% 3%;}

.ssjj-div .conL .box1 .d1 { display: none; font-size: 30px; line-height: 56px;background: url("../images/pic21.png") no-repeat left center; padding-left: 48px; margin-bottom: 12%;}

.ssjj-div .conL .box1 .d2 { font-size: 36px; text-align: center;font-family:YouSheBiaoTiHei; line-height: 32px; margin-bottom: 30px;}

.ssjj-div .conL .box1 .d2 span { font-size: 24px;}

.ssjj-div .conL .box1 .d2:after{ content:''; display: block; width:80px; height: 1px; background: #fff; margin: 0 auto; margin-top: 5%;}

.ssjj-div .conL .box1 .d3 { margin-top: 12%; font-size: 14px;}

.ssjj-div .conL .box1 img { display:block; width: 100%; height: auto; margin-bottom: 3%;}

.ssjj-div .conL .box1 .d3 p{ margin-bottom: 3%; text-align: justify;}

.ssjj-div .conL .box1 .sm { font-size: 12px; color: #9BCDFD; text-align: center; margin-top:5px;}

.ssjj-div .conR { clear: both;width: 100%; }

.ssjj-div .conR .li { width:175px; height: 50px; overflow: hidden; border-radius: 6px; font-size: 16px; font-weight: bold; margin: 0 auto;background: #56C4FF; margin-top: 20px;}

.ssjj-div .conR .li a { color:#fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content:space-between; padding: 0 13% }

.ssjj-div .conR img { width:20px!important;}





.xc-qh {font-size: 16px; text-align: center;}

.xc-qh .list1 { width: 100%; margin: 0 auto; padding: 0 10%; margin-bottom: 20px;}

.xc-qh .list1 a { display:block; color: #8A8A8A; width: 42%; height: 38px; line-height: 38px; float: left; margin:0 4%; border-radius:6px; background: #E4E4E4;}

#nowMenu { background: #1e86d1; color: #fff; }



.secMenu { clear:both; width: 100%; padding: 0 10%; text-align: center; font-size: 16px; margin-bottom: 20px;}

.secMenu a { display:block; color: #8A8A8A; width: 42%; height: 38px; line-height: 38px; float: left; margin:0 4%;  background: #E4E4E4; border-radius: 6px;}

#nowMenu { background:#1e86d1; color: #fff; }



.xc-qh .list2 { width: 100%; padding: 0 1%; background: #1e86d1; height:36px; line-height:36px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 4%;}

.xc-qh .list2 a {color: #fff; font-size: 13px; display: inline-block; height: 100%; margin: 0 1%; height: 36px; line-height: 36px; padding: 0 2%;}

#nowMenu2 { color: #8AD2FF;}



.photo-list ul li{ width:49%; height: 135px; float: left; margin-right:2%; margin-bottom: 6%; border-radius:10px; overflow: hidden;}

.photo-list ul li:nth-child(2n){ margin-right:0}

.photo-list ul li a{ display:block; width: 100%; height: 100%;}

.photo-list ul li img { display:block; width: 100%; height: 100%;}











.zjcp-div .tit{width:100%; height: 40px; line-height: 40px;background: url("../images/pic24.png") no-repeat center center; font-size: 15px; color: #fff; padding: 0 4%; font-weight: bold; margin-bottom: 10px; border-radius: 6px; background-size: cover;}

.zjcp-div .list { margin-bottom: 3%;}

.zjcp-div .list .li { width: 100%; line-height: 20px;margin-bottom: 10px; border-radius: 4px; background: #F3F3F3;font-size: 13px; color: #6C6C6C; display: flex; align-items: center; justify-content: space-between; padding:2% 0}

.zjcp-div .list .li .p1{ width: 20%; height: 100%; float: left; padding: 0 0 0 3%;}

.zjcp-div .list .li .p2{ width: 80%; height: 100%; float: right;padding: 0 2% 0 4%; border-left:1px solid #fff;}

.zjcp-div .list .li2 { clear:both; width: 100%; font-size: 15px; color: #378ADD; line-height: 44px; margin-bottom: 10px; padding: 0 2%; font-weight: bold;}



.ched-list ul li{ width: 100%; position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 30px;}

.ched-list ul li .d1 { width:100%; height: 100%; overflow: hidden;}

.ched-list ul li .d1 img {display:block; width: 100%; height: auto}

.ched-list ul li .text { width:100%; position: absolute; left: 0; bottom: 0; z-index: 99; padding:2% 4%;background: url("../images/pic27.png") repeat center center; color: #fff; font-size: 15px; }

.ched-list ul li .text .textL { width:20%; float: left; height: 100%;}

.ched-list ul li .text .textR { width: 80%; height: 100%; float: left;padding-left: 10px;}

.ched-list ul li .text .textL img{ display:block; width: 100%; height: auto; border-radius:5px;}

.ched-list ul li .text .textR .p1 { font-size:14px; line-height: 22px; margin-bottom: 3px;}

.ched-list ul li .text .textR .p2 { font-size:12px; color: #ADADAD; line-height: 20px;}





.lxwm-div .box1 { padding:5% 2%;}

.lxwm-div .box1 .li{ width: 100%;margin-bottom: 25px;}

.lxwm-div .box1 .li4{ display: none;}

.lxwm-div .box1 .li4 .d3 img { display:block; width: 128px; height: auto; margin: 0 auto;margin-bottom: 5px;}

.lxwm-div .box1 .li .d1 { font-size: 16px; color: #262626; line-height: 26px; margin-bottom: 10px; font-weight: bold;}

.lxwm-div .box1 .li .d2 { font-size: 13px; color: #6D6D6D; line-height: 26px; width: 100%; display: flex; align-items: center; justify-content: flex-start;}

.lxwm-div .box1 .li .d2 img { display:block; margin-right: 8px;}

.lxwm-div .box2 { clear:both; width: 100%; height: 320px; overflow: hidden;}









#lightbox_mask {

      display: none;

      position: fixed;

      z-index: 9999999999;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      background-color: rgba(0, 0, 0, .7);

    }

    #lightbox_popup {

      display: none;

      position: fixed;

      z-index: 9999999999;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

    }

    #lightbox_popup .pic-view {

      position: absolute;

      top: 10%!important;

      left: 0;

      width: 100%;

      height: 80%;

      text-align: center; display: flex; align-items: center; justify-content: center;

    }

    #lightbox_popup .pic-view .pic {

      width:100%; display: block;

      height:auto; margin: 0 auto;

    }

    #lightbox_popup .btn-view {}

    #lightbox_popup .btn-view .btn {

      position: absolute;

      width: 30px;

      height: 30px;

      line-height: 30px;

      text-align: center;

      font-size: 18px;

      text-decoration: none;

      border-radius: 32px;

      background-color: #000;

      opacity: .4;

      color: #fff; z-index: 989999;



      transition: all .3s;

    }

    #lightbox_popup .btn-view .btn:hover {

      opacity: 1;

      

    }

    #lightbox_popup .btn-view .btn-prev {

      left: 10px;

      top: 48%;

    }

    #lightbox_popup .btn-view .btn-next {

      right: 10px;

      top: 48%;

    }

    #lightbox_popup .btn-view .btn-close {

      right: 10px;

      top: 10px;

    }

    #lightbox_popup .caption-view {

      position: absolute;

      left: 0;

      bottom: 0;

      width: 100%;

      height: 38px;

      background-color: rgba(0, 0, 0, .7);

      text-align: center; z-index: 989999;

    }

    #lightbox_popup .caption-view p {

      line-height: 38px;

      color: #fff;

    }



    .lightbox-pic {

      width: 200px;

    }







.video-list ul li{ width:48%; height: 180px; float: left; margin-right:2%; margin-bottom: 4%; overflow: hidden;}

.video-list ul li:nth-child(2n){ margin-right:0}

.video-list ul li a{ display:block; width: 100%; height: 100%;}

.video-list ul li .d1 { height:135px; overflow: hidden; width: 100%; margin-bottom: 10px; border-radius: 10px; position: relative;}

.video-list ul li .d1 img { display:block; width: 100%; height: 100%;-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;}

.video-list ul li .d2 { width: 100%; line-height: 20px; font-size:13px; color: #525252;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;}

.video-list ul li .d1 .bf { width: 100%; height: 100%;background: url("../images/pic44.png") repeat center center; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}

.video-list ul li .d1 .bf img { display:block; width: 26px; height: 26px; margin: 0 auto;}



.loading { clear:both; text-align: center; cursor: pointer;}

.loading #loadmore { font-size: 12px; display: inline-block;width:145px;  height: 34px; line-height: 34px; background: #0089D3; margin: 0 auto; border-radius: 20px; color: #fff;}







.cjcx-tit { clear:both; width: 100%; background: #E1E1E1; padding-top: 5%;}

.cjcx-tit ul { height: 38px; width: 96%; margin: 0 auto; overflow: hidden;}

.cjcx-tit ul li { width: 23%; float: left; height: 38px; line-height: 38px; text-align: center; cursor: pointer; font-size: 16px;border-radius: 9px 9px 0 0;  background: #fff; margin: 0 1%; }

.cjcx-tit ul li.act { background: #2A5693; color: #fff;}



#container .tab_2 {display: none}

#container2 .tab_2_2 {display: none}

#container3 .tab_2_3 {display: none}

#container4 .tab_2_4 {display: none}

#container5 .tab_2_5 {display: none}

#container6 .tab_2_6 {display: none}

#container7 .tab_2_7 {display: none}

#container8 .tab_2_8 {display: none}

#container9 .tab_2_9 {display: none}

#container10 .tab_2_10 {display: none}

#container11 .tab_2_11 {display: none}

#container12 .tab_2_12 {display: none}

#container13 .tab_2_13 {display: none}

#container14 .tab_2_14 {display: none}

#container15 .tab_2_15 {display: none}

#container16 .tab_2_16 {display: none}

#container17 .tab_2_17 {display: none}

#container18 .tab_2_18 {display: none}

#container19 .tab_2_19 {display: none}

#container20 .tab_2_20 {display: none}

#container21 .tab_2_21 {display: none}

#container22 .tab_2_22 {display: none}





#container3 {width:100%; margin: 0 auto; overflow-x: scroll;}

#container3 .tab_2_3 { width:720px;overflow: hidden; overflow-x:scroll;}



#container2 .tab_2_2 {width:94%; margin: 0 auto; overflow-x: scroll;}

.el-table{ width:720px;overflow: hidden; overflow-x:scroll;}



#container5 {width:100%; margin: 0 auto; overflow-x: scroll;}

#container4 .tab_2_4 {width:94%; margin: 0 auto; overflow-x: scroll;}



#container7 {width:100%; margin: 0 auto; overflow-x: scroll;}

#container6 .tab_2_6 {width:94%; margin: 0 auto; overflow-x: scroll;}



#container8 {width:100%; margin: 0 auto; overflow-x: scroll;}

#container8 .tab_2_8 {width:100%; margin: 0 auto; overflow-x: scroll;}



#container9 { width:100%; margin: 0 auto; overflow-x: scroll;}

#container9 .tab_2_9 { width:100%; margin: 0 auto; overflow-x: scroll;}



#container10 { width:100%; margin: 0 auto; overflow-x: scroll;}

#container10 .tab_2_10 { width:94%; margin: 0 auto; overflow-x: scroll;}


#container11 { width:100%; margin: 0 auto; overflow-x: scroll;}

#container11 .tab_2_11 { width:94%; margin: 0 auto; overflow-x: scroll;}




.smm { clear:both; height: 100%; text-align: right; font-size: 12px; color: #999; padding: 1% 4% 0 4%;}





.cjcxty-tit { clear:both; width: 100%;background: #2A5693; padding: 10px 0;}

.cjcxty-tit ul { width:98%; margin: 0 auto;}

.cjcxty-tit ul li { width: 18%; float: left; line-height: 26px; text-align: center; cursor: pointer; color: #CCEAFF; font-size: 14px; margin:0 1%;}

.act10 { color: #fff; border-bottom: 2px solid #fff;}
.act11 { color: #fff; border-bottom: 2px solid #fff;}
.act2024 { color: #fff; border-bottom: 2px solid #fff;}





.cjcx2-tit { clear:both; width: 100%;background: #2A5693; padding: 10px 0;}

.cjcx2-tit ul { width:98%; margin: 0 auto;}

.cjcx2-tit ul li { float: left; width: 18%; line-height:22px; text-align: center; cursor: pointer; color: #CCEAFF; font-size: 14px; margin: 0 1%;}

.cjcx2-tit ul li.act2 { color: #fff; border-bottom: 2px solid #fff;}



.cjcx3-tit { clear:both; width: 100%; margin-top: 30px; margin-bottom: 15px;}

.cjcx3-tit ul { height:100%; display: flex; align-items: center; justify-content: center;}

.cjcx3-tit ul li { width: 90px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; color: #A2A2A2; font-size: 14px; border: 1px solid #CDCDCD; border-radius: 6px; margin: 0 5px;}

.cjcx3-tit ul li.act3 { color: #177DC7; border: 1px solid #61AAE4;}



.cjcx4-tit { clear:both; width: 100%;background: #2A5693; padding: 10px 0;}

.cjcx4-tit ul { width:98%; margin: 0 auto;}

.cjcx4-tit ul li { float: left; width: 23%; line-height:22px; text-align: center; cursor: pointer; color: #CCEAFF; font-size: 14px; margin: 0 1%;}

.cjcx4-tit ul li.act4 { color: #fff; border-bottom: 2px solid #fff;}



.cjcx5-tit { clear:both; width: 100%; margin-top: 30px; margin-bottom: 26px;}

.cjcx5-tit ul { height:100%; display: flex; align-items: center; justify-content: center;}

.cjcx5-tit ul li { width: 90px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; color: #A2A2A2; font-size: 14px; border: 1px solid #CDCDCD; border-radius: 6px; margin: 0 5px;}

.cjcx5-tit ul li.act5 { color: #177DC7; border: 1px solid #61AAE4;}



.cjcx6-tit { clear:both; width: 100%;background: #2A5693; padding: 10px 0;}

.cjcx6-tit ul { width:98%; margin: 0 auto;}

.cjcx6-tit ul li { float: left; width: 18%; line-height:22px; text-align: center; cursor: pointer; color: #CCEAFF; font-size: 14px; margin: 0 1%;}

.cjcx6-tit ul li.act6 { color: #fff; border-bottom: 2px solid #fff;}



.cjcx7-tit { clear:both; width: 100%; margin-top: 30px; margin-bottom: 26px;}

.cjcx7-tit ul { height:100%; display: flex; align-items: center; justify-content: center;}

.cjcx7-tit ul li { width: 90px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; color: #A2A2A2; font-size: 14px; border: 1px solid #CDCDCD; border-radius: 6px; margin: 0 5px;}

.cjcx7-tit ul li.act7 { color: #177DC7; border: 1px solid #61AAE4;}



.cjcx8-tit { clear:both; width: 100%; margin-top: 30px; margin-bottom: 26px;}

.cjcx8-tit ul { height:100%; display: flex; align-items: center; justify-content: center;}

.cjcx8-tit ul li { width: 90px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; color: #A2A2A2; font-size: 14px; border: 1px solid #CDCDCD; border-radius: 6px; margin: 0 5px;}

.cjcx8-tit ul li.act8 { color: #177DC7; border: 1px solid #61AAE4;}



.cjcx9-tit { clear:both; width: 100%; height: 35px; margin-top: 34px; margin-bottom: 34px;}

.cjcx9-tit ul { height:100%; display: flex; align-items: center; justify-content: center;}

.cjcx9-tit ul li {height: 30px; line-height: 30px; text-align: center; cursor: pointer; color: #A2A2A2; font-size: 14px; border: 1px solid #CDCDCD; border-radius: 6px; margin: 0 5px; padding: 0 22px;}

.cjcx9-tit ul li.act9 { color: #177DC7; border: 1px solid #61AAE4;}









.iCon4 { clear:both; padding-bottom: 8%;}

.el-table{ clear:both;}

.el-table-header { background: #4FB3F1; color: #fff; text-align: center;line-height: 20px; font-size: 14px; border-radius: 10px 10px 0 0; margin-bottom: 5px;}

.el-table .el-table-header { width: 100%;}

.el-table .el-table-header tr th { width: 14.2%; border-right:1px solid #fff; padding: 10px 0;}





.el-table .el-table-body { width: 100%; text-align: center; line-height: 22px; font-size: 13px;}

.el-table .el-table-body .cell { padding:20px 0;}

.el-table .el-table-body tr{ background:#F3F3F3; margin-bottom: 5px;transition:background-color .25s ease;}

.el-table .el-table-body tr:nth-of-type(even) { background:#DDF0FF;}

.el-table .el-table-body tr td { width: 14.2%!important; border-right:1px solid #fff; padding: 0 5px;}

.el-table .el-table-body tr:hover {background: #48A2EA; color: #fff;}

.H50 { clear:both; width: 100%; height:40px;}







.el-title{ clear:both; text-align: center; font-size: 16px;font-weight: bold; line-height: 44px; height: 44px;background: #4FB3F1;color: #fff; border-radius: 10px 10px 0 0; margin-bottom: 8px }



.el-table { margin-bottom: 35px }

.el-table .el-table-body2 { width: 100%; text-align: center; line-height: 22px;}

.el-table .el-table-body2 .cell { padding:10px 0;}

.el-table .el-table-body2 tr{ background:#F3F3F3; margin-bottom: 5px;transition:background-color .25s ease;}

.el-table .el-table-body2 tr:nth-of-type(even) { background:#DDF0FF;}

.el-table .el-table-body2 tr td { border-right:1px solid #fff; padding: 0 10px;}

.el-table .el-table-body2 tr:hover {background: #48A2EA; color: #fff;}





























































