@charset "utf-8";
/*基础部分开始*/
.ph,.ny_menu{ display:none}
html,
body {
/* 核心属性 让页面平滑滚动*/
scroll-behavior: smooth;
}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;
font-size:16px;
}
.cl{ clear:both}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
img{ border:none}
div,ul,li
{
color:#000;
font-size:16px;
font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px; box-sizing:border-box}

a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #0a4ba9;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color: #fff;
}
WebKit browsers 
input::-webkit-input-placeholder { 
　color: #fff;
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
　color: #fff;
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
　　color: #fff;
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
　　color: #fff;
}

.warp{ width:1400px;}
@media screen and (max-width: 1580px) { 
.warp{ width:100%; padding: 0 4%;} 
}

/*基础部分结束*/

header{ position:fixed; width:100%;height:110px; padding:25px 4% 0 4%; background:#fff; z-index:99}
header .logo{ float:left;}
@media screen and (max-width: 1520px) { 
header .logo{ float:left; height:40px; margin-top:10px}
}
.navkb{ width:100%; height:110px}
nav{height:76px;z-index:2; float:right; margin-top:-10px}

.nav{
height:81px;
margin-top:10px;
}
.nav li{
position: relative;
float: left;
padding:0 20px;
transition: 0.3s ease-in-out;
}




.caret {
display:block;	
width: 100%;
height: 10px;
vertical-align: middle;
position:absolute;
background:url(../images/cert.png) bottom center no-repeat rgba(255,255,255,0);
top:0;
left:0;
text-align:center
}

.nav li a:hover:before,.nav li a:hover:after{width:100%;}
.nav li a:before{ bottom:10px; right:0; position:absolute; height:2px; width:0; background:#0a4ba9; content:'';transition: 0.3s ease-in-out;}
.nav li a:after{ top:10px; left:0; position:absolute; height:2px; width:0; background:#0a4ba9; content:'';transition: 0.3s ease-in-out;}

.nav li a{
line-height: 76px;
width:100% !important;
text-align:center;
position:relative;
float:left;
height:76px;
color:#000;
font-size:18px;
text-transform:capitalize;
transition: 0.3s ease-in-out;

}
.nav li a:hover{ color:#0a4ba9}


.nav li:nth-child(2n) .nav-w{left:-60px;width:240%;}
.nav li:nth-child(3n) .nav-w{left:-52px;width:220%;}
.nav li:nth-child(4n) .nav-w{left:-92px;width:290% !important;}
.nav li:nth-child(6n) .nav-w{left:-55px;width:200% !important;}

.nav li .nav-w {
z-index:21;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:75px;
left:0;
width:100%;
transition: 0.3s ease-in-out;

}

.nav li .nav-w li a:after,.nav li .nav-w li a:before{ display:none}

.nav li .section-nav1{ padding-top:10px; height:auto; overflow: hidden;}
.nav li .section-nav1 ul {
position:static;
padding:0px;
margin:0px;
width:100%;
overflow:hidden;
}
.nav li .section-nav1 ul li {
position:static;
padding:0px;
background:#fff;
width:100%;
float:left;
}
.nav li .section-nav1 ul li a {
background:#0a4ba9;
text-align:center;
padding:0px 5px;
box-sizing:border-box;
height:50px;
overflow:hidden;
line-height:50px;
width:auto;
display:block;
float:none;
color:#fff;
font-size:14px;
cursor:pointer;
font-weight:normal;

}
.nav li .section-nav1 ul li a:hover {
background:#043986;
color: #fff;
}

.mySwiperimg {
width: 100%;
height:calc(100vh - 110px);
position:relative;
margin:0;
padding:0
}

.mySwiperimg .swiper-slide {
font-size: 18px;
background: #fff;
overflow:hidden;
}

.slide-inner {
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.slide-inner .img{
width:100%; height:100%; position:relative; z-index:1;
}


.slide-inner .tit{width:100%;position:absolute; z-index:2; left:4%; top:35%;}
.slide-inner .tit h1{ padding:0; margin:0; width:100%; float:left; height:80px; line-height:80px; color:#fff; font-size:50px; text-transform:uppercase}
.slide-inner .tit h2{ padding:0; margin:0; width:100%; float:left; height:50px; line-height:50px; color:#fff; font-size:30px; text-transform:capitalize; font-weight:normal}
.slide-inner .tit h3{ padding:0; margin:0;width:100%; float:left}
.slide-inner .tit h3 a{ padding:10px 40px; border:2px solid #fff; border-radius:5px; color:#fff; margin-top:40px; float:left; font-weight:normal; background:url(../images/i_a.png) right center no-repeat; background-position:90% 18px;transition: 0.3s ease-in-out;}
.slide-inner .tit h3 a:hover{border:2px solid #0a4ba9; background:#0a4ba9 url(../images/i_a.png) right center no-repeat; background-position:90% 18px}

.slide-inner .img img{width:100%; height:100%;object-fit: cover;}

.mySwiperimg .swiper-pagination{ bottom: 30px !important}
.mySwiperimg .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 4px;background: rgba(255,255,255,1);border-radius: 0;}
.mySwiperimg .swiper-pagination .swiper-pagination-bullet-active{background:#0a4ba9;border-radius: 0;width: 40px; height: 4px;}


.page1{ background:#f9f9f9 url(../images/home_17.jpg) right bottom no-repeat; padding-top:130px; padding-bottom:190px; overflow:hidden; margin-bottom:90px}
.page1 .l{ width:630px; height:430px; float:left;position:relative; cursor:pointer;}

.page1 .l .img{ width:100%; height:100%;position:relative; overflow:hidden}
.page1 .l .bg{position:absolute; z-index:1; left:0; top:0;width:100%; height:100%;background: linear-gradient(135deg, #000000 0%, #000000 25%, #0055ff 50%, #fff 75%, #0055ff 100%);background-size: 400% 400%;transition: .5s all; opacity:0}
.page1 .l .img img{ width:100%; height:100%;object-fit: cover;}
.page1 .l .play{ position:absolute; z-index:2; top:60%; margin-top:-71px; text-align:center; width:100%}

.page1 .l:hover .bg{ background-position: 100% 100%; opacity:0.5}

.page1 .r{ width:calc(100% - 695px);float:right}
.page1 .r .area{ width:100%;float:left; line-height:30px; color:#666; overflow:hidden; height:290px;text-align: justify}
.page1 .r .area:first-child p{ margin-bottom:30px}

.page1 .r .more{ width:100%; float:left; margin-top:77px}
.page1 .r .more a{ background:#0a4ba9; width:230px; height:62px; line-height:62px; color:#fff; text-align:center; float:left;transition: 0.3s ease-in-out;}
.page1 .r .more a:hover{ background:#2c6cc9}

.news_tita{ width:100%; float:left; position:absolute; z-index:3; margin-top:90px}
.news_tita strong{ float:left; font-size:40px; color:#fff; padding-left:24px; position:relative}
.news_tita strong:before{ width:5px; height:36px; background:#1256b9; left:0; top:8px; content:''; position:absolute;}


.news_tit{ width:100%; float:left; margin-bottom:70px}
.news_tit strong{ float:left; font-size:40px; color:#000; padding-left:24px; position:relative; text-transform:uppercase}
.news_tit strong:before{ width:5px; height:36px; background:#1256b9; left:0; top:8px; content:''; position:absolute;}
.news_tit a{ background:#0a4ba9; float:right; color:#fff; border-radius:50px; padding:10px 28px; font-size:14px;transition: 0.3s ease-in-out;}
.news_tit a img{ margin-left:10px}
.news_tit a:hover{box-shadow: 0 0 20px rgba(0, 51, 153, 0.5);}

.h_news{ width:100%; float:left; margin-bottom:105px}
.h_news ul{ display:inline}
.h_news li{ width:31%; float:left; margin-right:3.5%}
.h_news li:nth-child(3n){margin-right:0}
.h_news li .h1{ width:100%; float:left; font-size:20px; overflow:hidden; line-height:30px; height:60px; margin-bottom:18px;}
.h_news li .h2{ width:100%; float:left;height:295px; margin-bottom:30px; border-radius:10px; overflow:hidden}
.h_news li .h2 img{ width:100%; height:100%;transition: 0.3s ease-in-out;object-fit: cover;}
.h_news li .h3{ background:url(../images/home_24.jpg); height:55px; width:55px; float:left;transition: 0.3s ease-in-out;}
.h_news li:hover .h3{background:url(../images/home_26.jpg);}
.h_news li:hover .h2 img{transform:scale(1.1);}

.page2{ width:100%; height:calc(100vh - 110px); background:#fafafa; position:relative; overflow:hidden}

.p-box{ width:100%; height:100%;}
.tab { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  z-index:2}
.tab ul{ display:inline}
.tab li { height: 100%; border-right:1px solid rgba(255,255,255,.1); width:20%; float:left; position:relative;}
.tab li .img{ position:absolute; width:100%; text-align:center; height:75px; bottom:140px;transition: 0.3s ease-in-out;}
.tab li .tit{ position:absolute; width:100%; text-align:center; bottom:120px; color:#fff;transition: 0.3s ease-in-out; text-transform:uppercase}
.tab .on{ background:rgba(10,75,169,.8);}
.tab li .view{ bottom:-150px;position:absolute; width:100%; text-align:center; height:75px;transition: 0.3s ease-in-out;}
.tab .on .view{ bottom:10px}
.tab li .view a{ color:#fff; border-radius:5px; border:1px solid #fff; padding:10px 20px; font-size:14px;transition: 0.3s ease-in-out;}
.tab li .view a:hover{ background:#0a4ba9; border:1px solid #0a4ba9}
.tab .on .img{bottom:160px}
.tab .on .tit{bottom:140px}

.tab .on { background-image: url(../images/tabact.png); }
.tab .f01 { background-position: 0 0; }
.tab .f02 { background-position: 0 -95px; }
.tab .f03 { background-position: 0 -190px; }
.tab .f04 { background-position: 0 -285px; }
.tab .f05 { background-position: 0 bottom; }
.mySwipercy { position: absolute; right: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.mySwipercy .swiper-slide img { width: 100%; height:100%}

.page3{ width:100%; background:url(../images/home_50.jpg) center no-repeat; background-size:100% 100%; overflow:hidden; padding:90px 0}


.mySwiper {
width: 100%;
height:485px
}


.mySwiper .swiper-pagination{ bottom: 0 !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 15px; height: 15px;background: rgba(10,75,169,.5);border-radius: 50px;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#0a4ba9;border-radius: 50px;width: 15px; height: 15px;}

.mySwiper .swiper-slide{ z-index:1 !important;transition: 0.3s ease-in-out; position:relative; background:#fff; border-radius:10px; padding:30px; height:92%}
.mySwiper .swiper-slide .img{ position:relative; padding-top:65%; overflow:hidden; z-index:2; margin-bottom:15px}
.mySwiper .swiper-slide .img img{ width:100%; height:100%;transition: all 0.3s ease-out;object-fit: cover; position:absolute; left:0; top:0}
.mySwiper .swiper-slide .tit { width:100%; height:35px; line-height:35px; overflow:hidden; font-size:18px; color:#003399; margin-bottom:15px}
.mySwiper .swiper-slide .des { width:100%; height:78px; line-height:26px; overflow:hidden;  color:#666666}

.mySwiper .swiper-slide:hover .img img{transform: scale(1.1);}
.footer{ z-index:2; position:relative}
.footer .left{ width:560px; float:left}
.footer .left strong{ width:100%; float:left; font-size:18px; color:#fff; height:70px}
.footer .left .add{ width:100%; float:left; position:relative; padding-left:26px; color:#fff; font-size:14px; line-height:30px; margin-bottom:40px}
.footer .left .add:before{ position:absolute; left:0; top:8px; content:''; background:url(../images/foot_03.jpg); height:17px; width:17px}


.footer .left .mail{ width:100%; float:left; position:relative; padding-left:26px; color:#fff; font-size:14px; line-height:30px; margin-bottom:40px}
.footer .left .mail:before{ position:absolute; left:0; top:10px; content:''; background:url(../images/foot_06.jpg); height:13px; width:17px}

.footer .right{ width:350px; float:right}
.footer .right strong{ width:100%; float:left; font-size:20px; color:#fff; height:42px; text-transform:uppercase}
.footer .right a{ width:100%; float:left;color:#fff; line-height:40px;}

footer{ background:#2e2e2e; position:relative; padding:130px 0 60px 0; overflow:hidden;}
footer .l{ z-index:1; position:absolute; left:0; bottom:0; width:178px; height:495px; background:url(../images/home_53.jpg) no-repeat; content:''}
footer .r{ z-index:1; position:absolute; right:0; bottom:155px; width:342px; height:194px; background:url(../images/home_56.png) no-repeat; content:''}



/*搜索弹框样式*/
.cd-popup-trigger0{ float:right; margin-top:25px; margin-left:10px}
.searciocn{float:right; padding-top:10px; width:50px;}
.t_s{ width:34px; height:34px; float:right; background:rgba(255,255,255,.2);padding:0; text-align:center; margin-left:15px; border-radius:50px; padding-top:10px; display:block;}
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999999999999999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:550px;
    margin:20% auto;
    height:54px;
    background: #FFF;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	overflow:hidden;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

.searchl{ width:420px; border:none; background:#fff; padding-left:15px; height:54px; line-height:54px; font-size:14px; color:#666; float:left}
.searchr{ width:110px; border:none; background:#0a4ba9; height:54px; line-height:54px; font-size:14px; color:#fff; text-align:center; float:right; cursor:pointer; font-size:16px}

/*内页公用*/
.ny_banner{ width:100%; height:405px; position:relative}
.ny_banner .img{ width:100%; height:100%;}
.ny_banner .img img{ width:100%; height:100%;object-fit: cover;}
.ny_tit{ position:absolute; z-index:1; top:150px; left:0; width:100%}
.ny_tit .h1{ font-size:62px; font-weight:bold; color:#fff; width:100%; float:left; margin-bottom:10px; text-transform:uppercase}
.ny_tit .h2{ width:100%; float:left; color:#fff; font-weight:bold; padding-left:35px; height:30px; line-height:30px; background:url(../images/home.png) left center no-repeat;text-transform:uppercase; background-position: 0 2px}
.ny_tit .h2 a{ color:#fff}
.ny_menus{ width:100%; height:70px; border-bottom:1px solid #ddd; background:#fff; line-height:70px; overflow:hidden}
.ny_menus a{ float:left; margin-right:20px; text-transform:capitalize; height:69px; font-size:18px}
.ny_menus .on{color:#0a4ba9; border-bottom:4px solid #0a4ba9}

.ny_s_menus{ width:100%; min-height:50px; border:1px solid #ddd; background:#fff; line-height:50px; overflow:hidden; float:left; margin-bottom:30px}
.ny_s_menus a{ float:left; padding:0 15px;text-transform:capitalize; height:50px; font-size:15px}
.ny_s_menus .on{color:#0a4ba9;}
/*about*/
.a_p1{ width:100%; background:url(../images/about_01.jpg) no-repeat; background-size:100% 100%; padding:95px 0; overflow:hidden}
.a_p1 .h1,.a_p2 .h1,.a_p3 .h1,.a_p4 .h1{ width:100%; float:left; height:80px; color:#0a4ba9; font-size:35px; text-transform:uppercase}
.a_p2 .h1,.a_p3 .h1,.a_p4 .h1{ height:100px}
.a_p1 .h2{ width:calc(100% - 620px); height:365px; float:left;}
.a_p1 .h3{ width:540px; height:365px; float:right}
.a_p1 .h3 img{ width:100%; height:100%;}
.scrollcontent{width: calc(100% - 40px); float:left; line-height:34px;text-align: justify}
#Yscrollouter{width: 4px; height: 100%; background: #dedede; position: absolute;top:0; right: 0;}
#Yscrollinner{width: 4px; height: 50px; background: #0a4ba9; border-radius:10px; position: absolute; top: 0; left: 0; }
.a_p1 .more{ width:100%; float:left; margin-top:37px}
.a_p1 .more a{ background:#0a4ba9; width:230px; height:62px; line-height:62px; color:#fff; text-align:center; float:left;transition: 0.3s ease-in-out;}
.a_p1 .more a:hover{ background:#2c6cc9}

.a_p2{ width:100%; background:url(../images/about_08.jpg) no-repeat; background-size:100% 100%; padding:95px 0; overflow:hidden}

.mySwipera {
width: 100%;
height: 480px;
cursor: pointer;
float:left;
}
.mySwipera .swiper-slide .w{
width: 60%;
margin-left:20%;
height: 100%;
float:left;
position:relative
}

.mySwipera .swiper-slide .w .year{ width:100%; text-align:center; color:#0a4ba9; font-size:300px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.mySwipera .swiper-slide .w .area{ width:100%; background:rgba(255,255,255,.95); position:absolute; bottom:0; height:260px; border-radius:5px; padding:30px 50px 0 50px;}
.mySwipera .swiper-slide .w .area .tit{ width:100%; float:left; text-align:center; font-size:40px; font-weight:bold; height:85px; line-height:85px;}
.mySwipera .swiper-slide .w .area .des{ width:100%; float:left;height:70px; line-height:35px; overflow:hidden}

.a_p2 .prev {
background: url(../images/a_l.png) no-repeat left top;
    position: absolute;
    left: 0;
    top: 55%;
    width: 77px;
    height: 78px;
    z-index: 999;
}
.a_p2 .prev:hover{background: url(../images/a_la.png) no-repeat left top;}
.a_p2 .next:hover{background: url(../images/a_ra.png) no-repeat left top;}
.a_p2 .next {
    background: url(../images/a_r.png) no-repeat left bottom;
    position: absolute;
    right: 0;
    top: 55%;
    width: 77px;
    height: 78px;
    z-index: 999;
}


.a_p2 .swiper-paginationa{ bottom: 0 !important; text-align:center; margin-top:60px; width:100%; float:left}
.a_p2 .swiper-paginationa .swiper-pagination-bullet{ width: 15px; height: 15px;background: rgba(17,69,144,.5);border-radius: 50px;}
.a_p2 .swiper-paginationa .swiper-pagination-bullet-active{background:#114590;border-radius: 50px;width: 40px; height: 15px;}

.a_p3{ width:100%; background:url(../images/about_09.jpg) no-repeat; background-size:100% 100%; padding:95px 0; overflow:hidden}

.marqueeleft{height:260px;width:100%;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 30px;display:inline;width:300px;height:260px;overflow:hidden; background:#fff; padding:30px;position:relative; overflow:hidden; text-align:center; border-radius:8px}
.marqueeleft li img{ width:95%; overflow:hidden; height:auto; vertical-align:middle; cursor:pointer;}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}

.a_p4{ width:100%; background:url(../images/about_10.jpg) no-repeat; background-size:100% 100%; padding:95px 0; overflow:hidden}


.mySwiperb {
width: 100%;

cursor: pointer;
float:left;
}
.mySwiperb .swiper-slide{
width: 100%;
height: 470px;
background:#fff;
float:left;
position:relative;
border-radius:5px;
overflow:hidden;
transition: 0.3s ease-in-out;
border:1px solid #e8e8f0
}

.mySwiperb .swiper-slide:hover{ border:1px solid #0a4ba9}
.mySwiperb .swiper-slide:hover .tit{ color:#0a4ba9}
.mySwiperb .swiper-slide:nth-child(2n+1){ margin-top:35px;}
.mySwiperb .swiper-slide .img{
	width:100%;
	float:left; text-align:right; margin-bottom:40px;
}

.mySwiperb .swiper-slide .tit{
	width:100%;
	float:left;margin-bottom:25px; text-transform:uppercase; font-size:20px; padding:0 25px;
}
.mySwiperb .swiper-slide .des{
	width:100%;
	float:left; text-transform:uppercase; font-size:14px; padding:0 25px; line-height:1.8
}
.nextb{ width:30px; height:30px; float:right; background:url(../images/h_r.png); margin-top:5px; cursor:pointer}
.prevb{ width:30px; height:30px; float:right; background:url(../images/h_l.png); margin-right:10px; margin-top:5px; cursor:pointer}
@-webkit-keyframes bounce-down {
	25% {
		-webkit-transform: translateY(-10px);
	}

	50%,
	100% {
		-webkit-transform: translateY(0);
	}

	75% {
		-webkit-transform: translateY(10px);
	}
}

@keyframes bounce-down {
	25% {
		transform: translateY(-10px);
	}

	50%,
	100% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(10px);
	}
}

.infoarea{ width:100%;padding:50px 0 140px 0; min-height:400px; float:left}
.zt{padding:20px 0 140px 0; min-height:600px; float:left; width:100%}
.mySwiperc {
width: 100%;
height: 530px;
margin-bottom:40px
}
.mySwiperc .swiper-slide{
width: 100%;
height: 100%;
float:left;

}
.mySwiperc .swiper-slide img{ width:100%; height:100%;object-fit: cover;}

.mySwiperc .prev {
background: url(../images/banner_arrow.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: 55%;
    margin-top: -55px;
    width: 70px;
    height: 70px;
    z-index: 999;
	opacity:.5
}


.mySwiperc .next {
    background: url(../images/banner_arrow.png) no-repeat left bottom;
    position: absolute;
    right: 20px;
    top: 55%;
    margin-top: -55px;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
	opacity:.5
}


.mySwiperc .swiper-pagination{ bottom: 30px !important}
.mySwiperc .swiper-pagination .swiper-pagination-bullet{ width: 25px; height: 4px;background: rgba(255,255,255,1);border-radius: 0;}
.mySwiperc .swiper-pagination .swiper-pagination-bullet-active{background:#0059ad;border-radius: 0;width: 50px; height: 4px;}

.textbox{ width:100%; float:left; line-height:2; font-size:16px;}
.textbox img,.textbox table{ max-width:100%}

.porlist{ width:100%; float:left}
.porlist ul{ display:inline}
.porlist ul li{ width:33.33%; float:left; border:1px solid #ddd; margin-bottom:-1px; margin-left:-1px; position:relative; padding:30px; background:#fff;transition: 0.3s ease-in-out;}
.porlist ul li .tit{ width:100%;height:60px; overflow:hidden; line-height:30px; background:url(../images/promore.jpg) right center no-repeat; padding-right:80px; float:left;transition: 0.3s ease-in-out;display: inline-block;}
.porlist ul li .img{
	width:100%;
	float:left;
    position: relative;
    padding-top: 65%;
    overflow: hidden;
    z-index: 2;
    margin-bottom: 15px;
}
.porlist ul li .img img {
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s ease-out;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.porlist li:hover{border:1px solid #0a4ba9; z-index:1}
.porlist li:hover .tit{background:url(../images/promorea.jpg) right center no-repeat;}
.page_list {
	height: 30px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0;
	font-family: Microsoft Yahei;
	font-size: 12px;
	margin-top: 40px;
	padding-bottom: 10px;
	float: left;
	width: 100%
}

.page_list a {
	display: inline-block;
	color: #333;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
	padding: 0 13px;
	margin: 0 3px
}

.page_list a:hover {
	color: #fff;
	border: 1px solid #114590;
	background: #114590
}

.page_list a.on {
	background-color: #114590;
	color: #fff;
	border: 1px solid #114590
}

.p_s_l{
	width:40%;
	float:left;
    position: relative;
    padding-top: 32%;
    overflow: hidden;
	border:1px solid #ddd;
	}

.p_s_l  img {
max-width: 100%;
max-height: 100%;
transition: all 0.3s ease-out;
object-fit: cover;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.p_s_r{ float:right; width:56%}
.p_s_r .h1{ float:left; width:100%; font-size:32px; line-height:1.5; margin-bottom:20px; margin-top:-5px}
.p_s_r .h2{ float:left; width:100%;margin-bottom:20px; padding-bottom:30px; border-bottom:1px solid #ddd}
.p_s_r .h2 a{ padding:8px 20px; float:left; border:1px solid #114590; color:#114590; font-size:18px;transition: 0.3s ease-in-out;}
.p_s_r .h2 a img{ margin-left:8px; vertical-align:middle}
.p_s_r .h2 a:hover{ color:#fff; background:#114590;}
.p_s_r .h2 a:hover img{filter: brightness(0) invert(1);}
.p_s_r .h3{float:left; width:100%; color:#666; line-height:36px; overflow:hidden; height:216px}

.proname{ width:100%; float:left; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #ddd;color:#114590; font-size:30px; margin-top:40px}


.newslist{ width:100%; float:left; margin-top:20px}
.newslist ul{ display:inline}
.newslist ul li{ width:33.33%; float:left; border:1px solid #ddd; margin-bottom:-1px; margin-left:-1px; position:relative; padding:30px; background:#fff;transition: 0.3s ease-in-out;}
.newslist ul li .tit{width:100%;height:60px; overflow:hidden; line-height:30px; overflow:hidden; font-size:18px; float:left; margin-bottom:10px;}
.newslist ul li .date{ width:100%;height:60px; overflow:hidden; line-height:60px; background:url(../images/promore.jpg) left center no-repeat; padding-left:80px; float:left;transition: 0.3s ease-in-out;text-align:right; color:#666}
.newslist ul li .img{
	width:100%;
	float:left;
    position: relative;
    padding-top: 65%;
    overflow: hidden;
    z-index: 2;
    margin-bottom: 15px;
}
.newslist ul li .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.newslist li:hover{border:1px solid #0a4ba9; z-index:1}
.newslist li:hover .date{background:url(../images/promorea.jpg) left center no-repeat;}
.infotit{ width:100%; float:left; font-size:32px; line-height:1.2; margin-top:20px; margin-bottom:10px}
.infotita{ width:100%; float:left; font-size:32px; line-height:1.2; margin-top:20px; margin-bottom:20px; text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px; text-transform:capitalize}

.infotime{width:100%; float:left; font-size:18px; color:#0a4ba9; margin-top:25px; padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:30px; height:65px; line-height:40px;transition: 0.3s ease-in-out;}
.infotime a{ float:right; padding:0 45px; border:1px solid #0a4ba9; color:#0a4ba9}
.infotime a:hover{ background:#0a4ba9; color:#fff}
.contact_1{ width:100%; float:left; margin-bottom:40px; font-size:30px; color:#0a4ba9}
.contact_2{ width:100%; float:left; margin-bottom:50px;}
.contact_2 ul{ display:inline}
.contact_2 ul li{ width:49%; float:left; background:#f5f5f5; padding:55px 5% 0 5%; height:360px; position:relative}
.contact_2 ul li:nth-child(2n){float:right}
.contact_2 ul li:after{ content:''; left:50%; bottom:0;  height:4px; background:#0a4ba9; width:95px; position:absolute; margin-left:-47.5px}
.contact_2 ul li .h1{ width:100%; text-align:center; float:left; height:80px}
.contact_2 ul li .h2{ width:100%; text-align:center; float:left; line-height:30px}
#bdmap{width:100%; height:700px; float:left; margin-top:-120px}

.dqgzlist{ width:100%; float:left;margin-top:20px}
.dqgzlist li{ width:100%;float:left; margin-bottom:35px; padding:25px; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out; border:1px solid #ddd;}
.dqgzlist li:nth-child(2n){ margin-right:0}
.dqgzlist li:hover{ background:#114590}
.dqgzlist li:hover *{ color:#fff !important}
.dqgzlist li .date{ width:100px; float:left;}
.dqgzlist li .date .date1{ width:100%; text-align:center; float:left; font-size:40px; font-family:beba; height:60px; position:relative; margin-bottom:5px}
.dqgzlist li .date .date1::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 45%;
  width: 15%;
  height: 1px;
  background: #ccc;

}

.dqgzlist li .date .date2{ width:100%; text-align:center; float:left; font-size:16px; font-family:beba;}
.dqgzlist li .area{ width:calc(100% - 120px);float:right; font-size:40px;}
.dqgzlist li .area .area1{ width:100%;float:left; font-size:18px;height:30px; line-height:30px; overflow:hidden; font-weight:bold;margin-bottom:10px}
.dqgzlist li .area .area2{ width:100%;float:left; font-size:14px;height:50px; line-height:25px; overflow:hidden;}

.zdgc{ width:100%; margin-top:20px; float:left}
.zdgc li{ width:100%; margin-bottom:35px; float:left; border:1px solid #ddd;  position:relative}
.zdgc li .l{ width:50%; float:left; height:100%;position:relative;position: relative;padding-top: 25%; overflow:hidden}
.zdgc li .l img{    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;}
.zdgc li .r{ width:50%; float:right; padding:30px;}
.zdgc li .r .r_1{ width:100%; float:left; font-size:24px; margin-bottom:20px}
.zdgc li .r .r_2{ width:100%; float:left;color:#666; line-height:25px; height:75px; overflow:hidden}
.zdgc li .r .r_3{color:#0259a9; border-radius:5px; border:1px solid #0259a9; padding:10px 20px; font-size:14px;transition: 0.3s ease-in-out; float:left; margin-top:25px}
.zdgc li:hover img{transform:scale(1.1);}

.boxs{ width:100%; float:left; margin-top:15px} 
#goleft {width: 100%;overflow: hidden;float:left;} 
#goleft #gols {width: 33100px;} 
#goleft1, #goleft2 {width: auto;float: left;}

.infolista{ width:100%; float:left; margin-top:20px}
.infolista li{ width:100%; float:left; margin-bottom:25px; padding:15px 25px 15px 0; height:80px; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out; background:#f5f5f5}
.infolista li:hover{ background:#114590}
.infolista li:hover *{ color:#fff !important}
.infolista li .date{ width:100px; float:left; border-right:1px solid #ddd}
.infolista li .date .date1{ width:100%; text-align:center; float:left; font-size:30px; font-weight:bold; height:30px; position:relative; margin-bottom:5px; color:#333}
.infolista li .date .date2{ width:100%; text-align:center; float:left; font-size:14px; color:#333}
.infolista li .area{ width:calc(100% - 120px);float:right; font-size:18px; line-height:50px; height:50px; overflow:hidden; font-weight:normal}

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

.nav li{
position: relative;
float: left;
padding:0 10px;
transition: 0.3s ease-in-out;
}	

.nav li a{
line-height: 76px;
width:100% !important;
text-align:center;
position:relative;
float:left;
height:76px;
color:#000;
font-size:16px;
text-transform:capitalize;
transition: 0.3s ease-in-out;
}

 }
 
 @media screen and (max-width: 1080px)
 {
header .logo {
    float: left;
    height: 35px;
    margin-top:18px;
}	 
 }
 
  @media screen and (max-width: 1022px)
 {

header .logo {
    float: left;
    height: 25px;
    margin-top:18px;
}
	 }

.fangan{ width:100%; float:left; margin-top:20px}
.fangan ul{ display:inline}
.fangan ul li{ width:48%; margin-bottom:20px; float:left}
.fangan ul li:nth-child(2n){ float:right}
.fangan ul li .h1{ width:100%; position:relative; padding-top:65%; overflow:hidden; float:left}
.fangan ul li .h1 img{ width:100%; position:absolute; top:0; left:0;object-fit: cover;transition: 0.3s ease-in-out;}
.fangan ul li .h2{ width:100%; padding:0 10px; text-align:center; background:#f7f7f7; height:60px; line-height:60px; float:left}
.fangan ul li:hover .h1 img{transform:scale(1.1);}
.cn{ width:26px; height:26px; float:right; border-radius:50px; margin-left:10px; background:url(../images/cn.png); cursor:pointer; margin-top:25px}