@charset "utf-8";
html,
body,
.banner,
.banner .slick,
.banner .slick div,
.banner .slick-slide a,
.banner .slick-slide a img {
width: 100%;
height: auto;
}
body {
overflow-x: hidden;
}
/*banner*/
.banner {
overflow: hidden;
position: relative;
}
.banner a {
display: block;
}
.banner .slick {
position: relative;
z-index: 9;
}
.banner .slick-slide a {
display: block;
position: relative;
}
.banner .slick-slide a img {
display: block;
width: 100%;
}
.banner .slick-dots {
bottom: 30px;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
font-size: 0;
max-width: 1400px;
}
.banner .slick-dots li {
width: 12px;
height: 12px;
margin: 0 6px;
padding: 0;
border-radius: 50%;
background: #cccccc;
position: relative;
}
.banner .slick-dots li.slick-active {
background: url(/uploads/image/images/bandot.png) no-repeat;
}
.banner .slick-dots li button {
display: none;
}
/*首页样式*/
.tit {
width: 100%;
/* line-height: 133px; */
overflow: hidden;
position: relative;
background: url(/uploads/image/images/tit1.png) top center no-repeat;
padding-top: 32px;
padding-bottom: 44px;
}
.tit h3 {
width: 100%;
text-align: center;
display: inline-block;
font-size: 30px;
font-weight: bold;
position: relative;
color: #004ea1;
}
.tit h4 {
width: 100%;
text-align: center;
display: inline-block;
font-size:16px;
/* font-weight: bold; */
position: relative;
color: #6b86a2;
}
.tit h3::after {
content: "";
position: absolute;
left: 50%;
transform: translatex(-50%);
bottom: -1px;
height: 3px;
width: 70px;
}
.tit2 {
width: 100%;
/* line-height: 133px; */
overflow: hidden;
position: relative;
background:none;
padding-top: 14px;
padding-bottom: 35px;
}
.tit2 h3 {
width: 100%;
text-align: left;
display: inline-block;
font-size: 30px;
font-weight: bold;
position: relative;
color: #fff;
}
.tit2 h4 {
width: 100%;
text-align: left;
display: inline-block;
font-size:16px;
/* font-weight: bold; */
position: relative;
color: #fff;
}
.tit2 h3::after {
content: "";
position: absolute;
left: 50%;
transform: translatex(-50%);
bottom: -1px;
height: 3px;
width: 70px;
}
.tit2 .more a{ color: #fff;}
.more a {
display: block;
font-size: 14px;
color: #666;
position: absolute;
right: 0;
top: 50%;
transform: translatey(-50%);
}
.more a:hover {
color: #1c4bb1;
}
.section12 {
}
.section1 {
padding-bottom: 60px;
padding-top: 20px;
background: url(/uploads/image/images/p1.jpg) no-repeat #e9f6fd;
}
.section1 .s1-l {width: 55%;}
.section1 .s1-r {width: 45%;background: #fff;padding: 1.5% 2%;}
.slider-news {
overflow: hidden;
width: 100%;
/* border-radius:4px; */
}
.slider-news .box a {
position: relative;
display: block;
width: 100%;
padding-bottom: 66%;
overflow: hidden;
}
.slider-news .box a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s;
}
.slider-news .box a img:hover {
transform: scale(1.05);
}
.slider-news .box .date {
position: absolute;
top: 15px;
left: 15px;
width: 54px;
height: 24px;
text-align: center;
background: #cd1d20;
color: #fff;
border-radius: 4px;
}
.slider-news .box .date .day {
font-size: 1.0rem;
}
.slider-news .box .date .year {
font-size: 0.875rem;
}
.slider-news .box .text {
width: 100%;
padding: 10px 10px;
background: #b4d0ed;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
.slider-news .box .text .tit {
font-size: 1.0rem;
color: #004ea1;
line-height: 30px;
font-weight: bold;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: none;
padding-top: 0px;
padding-bottom: 0px;
background: none;
}
.slider-news .box .text .abst {
font-size: 0.875rem;
color: #fff;
text-indent: 2em;
line-height: 21px;
height: 42px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.slider-news .slick-dots {
position: absolute;
bottom: 0px;
left: 50%;
transform: translatex(-50%);
}
.slider-news .slick-dots li {
float: left;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
margin: 0 8px;
cursor: pointer;
}
.slider-news .slick-dots li button {
display: none;
}
.slider-news .slick-dots li.slick-active {
background: #ba1214;
}
.section2 {
/* padding-bottom: 72px; */
padding-top: 20px;
background: url(/uploads/image/images/p2.jpg)top center no-repeat;
}
.section2>div {}
.section2 .s2-l{width: 48.7%;}
.section2 .s2-r{width: 51%;padding: 1% 0% 2% 3%;}
.section2 .s2-l .pic{}
.section2 .s2-l .pic img{ height: auto; }
.s1-l ul li a {
display: block;
padding-bottom: 67px;
position: relative;
}
.s1-l ul li a:hover .s1-linfo h3 {
color: #212fa9;
}
.s1-l ul li a .pic {
padding-top: 65%;
}
.s1-l ul li .pic{}
.s1-l ul li .pic img{ height: auto; }
.index-title {
overflow: hidden;
border-bottom: 1px solid #ddd;
position: relative;
padding-bottom: 39px;
}
.index-title h2 {
font-size: 17px;
font-weight: bolder;
color: #b9b7b7;
text-align:left;
//float: left;
/* font-weight: normal; */
/* padding-bottom: 10px !important; */
border-bottom: 3px solid #ab0000;
}
.index-title .index-more {
float: right;
margin-top: 29px;
font-size: 0.875rem;
color: #666;
}
.index-title .index-more:hover {
color: #ab0000;
font-weight: bold;
}
.index-title .index-more a{color: #fff;}
.index-tab .hd li {
float: left;
cursor: pointer;
margin-right: 29px;
text-align: center;
}
.index-tab .hd li h2 {
/* padding: 0 10px; */
border-bottom: none;
color: #8dc3e9;
font-size: 30px;
font-weight: bold;
}
.index-tab .hd li h3 {
/* padding: 0 10px; */
border-bottom: none;
color: #8dc3e9;
font-size: 16px;
}
.index-tab .hd span {
float: left;
margin: 0px 12px;
color: #c9c7c7;
}
.index-tab .hd li.on h2 {
color: #fff;
}
.index-tab .hd li.on h3 {
color: #fff;
}
.index-list li {
overflow: hidden;
line-height: 54px;
border-bottom: 1px #5890b9 dotted;
position: relative;
padding-left: 20px;
}
.index-list li::before{width: 5px;height: 5px;border: 2px #b4d0ed solid;border-radius: 50%;position: absolute;display:block;left:0px;content:'';top: 50%;transform: translatey(-50%);}
.index-list {margin-top: 15px;}
.index-list li a{
display: block;
}
.index-list li .date {
font-size: 0.8125rem;
color: #ffffff;
float: right;
}
.index-list li h1 {
float: left;
width: calc(100% - 95px);
/* padding-left: 13px; */
font-size: 0.96rem;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
transition:all 0.3s;
}
.index-list li h1 img {/* float: left; */margin-left: 5px;}
.index-list li:hover h1 {
color: #a2d7ff;
padding-left:10px;
}
.index-list2 li {
overflow: hidden;
/* line-height: 44px; */
border-bottom: 1px #dae0db dotted;
padding-top: 17px;
padding-bottom: 16px;
}
.index-list2 li a{
display: block;
}
.index-list2 li .date {
font-size: 0.8125rem;
color: #999999;
float: left;
border-right: 1px #dedede solid;
padding-right: 15px;
}
.index-list2 li .date h2{font-size: 26px;line-height: 22px;}
.index-list2 li .date h3{font-size: 14px;color: #2e72ba;line-height: 22px;}
.index-list2 li .span {
/* width: 1px; */
/* height: 24px; */
margin: 0px 10px;
float: left;
color: #aaa;
font-size: 14px;
font-weight: normal;
}
.index-list2 li h1 {
float: left;
width: calc(100% - 95px);
padding-left: 13px;
font-size: 0.96rem;
color: #444444;
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
position: relative;
line-height: 20px;
transition: all 0.3s;
}
.index-list2 li h1 img { float: left; }
.index-list2 li:hover h1 {
color: #0a71be;
transform: translatex(5px);
}
.s1-l .slick-prev,
.s1-l .slick-next {
width: 54px;
height: 46px;
bottom: 45px;
z-index: 9;
top: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.s1-l .slick-prev {
left: auto;
right: 121px;
background: url(/uploads/image/images/s1-l.png) no-repeat;
background-size: 100% 100%;
}
.s1-l .slick-next {
right: 67px;
background: url(/uploads/image/images/s1-r.png) no-repeat;
background-size: 100% 100%;
}
.s1-l .slick-dots {
bottom: 50px;
text-align: center;
width: 267px;
height: 32px;
padding-left: 55px;
right: 0;
padding-top: 10px;
background: url(/uploads/image/images/lbtbt.png) bottom center no-repeat;
}
.s1-l .slick-dots li {
width: 10px;
height: 10px;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 10px;
}
.s1-l .slick-dots li.slick-active {
width:21px;
height:21px;
background: url(/uploads/image/images/lbton.png) bottom center no-repeat;
border:none;
margin-top:-5px
}
.section3{
padding-top: 50px;
padding-bottom: 50px;
}
.s4-c {
position: relative;
}
.s4-c>div {
overflow: hidden;
padding: 30px 0px 0px 0px;
}
.s4-c ul {
margin-left: -13px;
margin-right: -13px;
}
.s4-c ul li a {
display: block;
margin: 0 13px;
}
.s4-c ul li a .pic {
padding-top: 42%;
}
.s4-c ul li a .h1 {
width: 100%;
height:40px;
line-height: 40px;
background: #e0e9f8;
font-size: 16px;
text-align: center;
}
.s4-c .slick-prev,
.s4-c .slick-next {
display: none !important;
}
.s4-c .slick-dots {
bottom: 104px;
text-align: center;
width: 174px;
right: 0;
}
.s4-c .slick-dots li {
width: 15px;
height: 15px;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 7px;
}
.s4-c .slick-dots li.slick-active {
background: #fff;
}
.s4-btn {
width: 37px;
height: 37px;
position: absolute;
top: 50%;
//transform: translatey(-50%);
z-index: 9;
cursor: pointer;
padding: 0 !important;
}
.s4-prev {
left: -20px;
background: url(/uploads/image/images/prev1.png) no-repeat center;
background-size: cover;
}
.s4-next {
right: -20px;
background: url(/uploads/image/images/next1.png) no-repeat center;
background-size: cover;
}
@media screen and (max-width:1700px) {
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1500px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1300px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1100px) {
.section1{ padding-top:15px; padding-bottom: 15px }
.section1 .s1-l { width: 100%;}
.section1 .s1-r { width: 100%;}
.section2{
background: url(/uploads/image/images/p22.jpg) no-repeat center;
background-size: cover; }
.section2 .s2-l{ width:100%; }
.section2 .s2-r{ width:100%;margin-top:5px}
.slick-prev, .slick-next{bottom: 86px;}
.slick-prev{left: 0px;}
.slick-next{left: 52px;}
.section2 .s2-r{padding:0%;}
/*首页样式*/
.tit {
padding-top: 10px;
padding-bottom: 10px;
background-size: 100%;
}
.tit h3 {
font-size: 24px;
}
.tit h4 {
width: 100%;
text-align: center;
display: inline-block;
font-size:16px;
/* font-weight: bold; */
position: relative;
color: #6b86a2;
}
.tit2 h3 {
width: 100%;
text-align: left;
display: inline-block;
font-size: 24px;
font-weight: bold;
position: relative;
color: #fff;
}
.section3{ padding-top:15px; padding-bottom: 15px }
.index-tab .hd li h2 { font-size: 24px;}
.index-tab .hd li h3 { font-size:12px;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
.section1 .s1-l .left{ width: 100%;}
.section1 .s1-l .right{ width: 100%;}
.section2 .s2-l{ width:100%; }
.section2 .s2-c{width: 100%;margin-right: 0px; margin-left: 0px; margin-top: 20px}
.section2 .s2-r{ width:100%;margin-top: 20px}
.tab-news4 .hd li:first-child{ margin-right: 20px; display: none;}
.tab-news4 .hd li h2 img{padding-left:10px;}
.tab-news4 .hd span {
float: left;
margin: 0px 10px;
color: #000;
}
.tab-news4 .hd li.on h2 {
color: #326aa9;
border-bottom: none;
}
.index-tab .hd li h2 { font-size:20px;}
.index-tab .hd li h3 { font-size:10px;}
.index-title{padding-bottom: 15px;}
}
@media screen and (max-width: 640px) {
.index-tab .hd li {
float: left;
cursor: pointer;
margin-right:10px;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.index-title h2 {
font-size: 15px;}
.tt2 a p{
width:100%;
float: none;
}
.tt2 a img{
width: 100%;
height:150px;
float: none;
}
.index-tab .hd li h2 { font-size:18px;}
}
@media screen and (max-width: 375px) {
.index-tab .hd span{margin: 0px 6px;}
.index-title h2 { font-size: 14px;}
}
}
@media screen and (max-width: 320px) {}
@media (min-width: 1080px) and (max-width: 1500px){
.slick-prev{left:0px;bottom: 27px;}
.slick-next{left: 52px;bottom: 27px;}
}