@charset "utf-8";

body, html { width: 100%; min-width: 1200px;  overflow-x: hidden;}   
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  font-family: "Arial";}  
body, p, h1, h2, h3, h4, h5, table, ul, li, form, input { margin: 0; padding: 0; color: #000;  line-height: 1; }  
body, p { font-size: 14px; border: none; color: #000; }  
a { font-size: 14px; color: #000; text-decoration: none; border: none; padding: 0; margin: 0; }  
table { border-collapse: collapse; }  
img { border: 0; margin: 0; padding: 0; display: block; }  
ul, li { list-style: none; border: 0; margin: 0; padding: 0; } 
dl, dt, dd { margin: 0; padding: 0; -webkit-margin-start: 0; }  
h1, h2, h3, h4, h5 { font-weight: normal;display: block; }  
/* strong, b { font-weight: normal; }  */
strong, b { }
table, tr, td { border-spacing: 0; }  
em, i, b { font-style: normal; }  
p { line-height: 170%; color: #555; font-size: 14px; }  
input,button{ border: none; background: none; }  
figcaption { display: block; }  
input:focus,button:focus,select:focus,textarea:focus{ outline: none; }  
::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #aaa; }  
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #aaa; }  
::-moz-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #aaa; opacity: 1;}  
input::-moz-placeholder{ /* Internet Explorer 10+ */ font-size:14px; color: #aaa; opacity: 1;}  
input:-ms-input-placeholder{ /* Internet Explorer 10+ */ font-size:14px; color: #aaa; opacity: 1;}  


.clearfix { *zoom: 1; }  
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }  
.clearfix:after { clear: both; } 
.clear { clear: both; }

.fl{ float: left;}
.fr{ float: right;}
svg:focus{ outline: none; }

 input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.w1200{ width: 1200px; margin: 0 auto;}

.top{background: linear-gradient(#349 , #67b) ; height: 200px;}
.top .a1 img{ display: inline-block; vertical-align: middle;}
.top .a1{ color: #fff;  font-size: 16px; text-decoration: underline;  padding: 20px 0; margin: 0 20px 0 0; display: inline-block;}
.top .a1:hover{ font-weight: bold;}
.top .logo{ display: block; margin-top: 15px;}

.nav{ background: #234a99; height: 60px;}
.nav ul{ display: flex; justify-content: space-between; width: 950px; align-items: center;}
.nav li{ position: relative; display: inline-block; vertical-align: middle; }
.nav li>a{ color: #FFF; font-size: 20px; display: inline-block; vertical-align: middle; height: 60px; line-height: 60px;}
.nav li b{ display: block; height: 20px; width: 1px; background: rgba(255,255,255,0.2);}
.nav .subnav a{ display: block; font-size: 16px; line-height: 40px; text-align: center; transition: all 0.6s; color: #fff;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.subnav{ position: absolute; top: 75px; border:1px solid #234a99;  padding: 30px 10px; background: #234a99;  width: 200px; left: 50%;
transform: translateY(10px) translateX(-50%); opacity: 0; visibility: hidden; transition: all 0.56s;  z-index: 33333; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1);
	border-radius: 4px;}
.subnav::before{ position: absolute; content: ''; display: block;  width: 0;height: 0; border-color: #234a99 #234a99 transparent transparent;
 transform: rotate(-45deg);    border-style: solid;    border-width: 8px; box-shadow: 2px -2px 2px rgba(0,0,0,0.1); top: -8px;
      left: 50%; margin-left: -8px;}
.nav ul>li::before{ display: block; content: ''; position: absolute; left: 0; right: 0; transform-origin: center; background: #fff; height: 3px; 
transition: all 0.6s; top:63px; transform: scaleX(0); width: 100%;}
.nav li:hover .subnav{ visibility: visible; opacity: 1; transform:translateY(0px)  translateX(-50%);}
.nav ul>li:hover::before{ transform: scaleX(1);}
.subnav a:hover{ transform: translateX(5px);background: #f2351c;}
.nav .sou,.neitop .sou{ width: 200px;height: 30px;background-color: rgba(255,255,255,0.2);border-radius: 15px; margin-top: 15px;}
.nav .text,.neitop .text{ width: 120px; height: 30px; line-height: 30px; padding-left: 10px; color: #fff;}
.nav .sub,.neitop .sub{ background: #1c3b7b url(../images/zoom.png) no-repeat center;  width: 50px;	height: 26px;	border-radius: 12px; margin-top: 2px; margin-right: 2px;
transition: all 0.6s; cursor: pointer; color: #fff;}
.text::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #92a2c8; }  
.text::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #92a2c8; }  
.text::-moz-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #92a2c8; opacity: 1;}  
.nav .sub:hover,.neitop .sub:hover{ background-color: #234A99;}

.banner{ max-height: 600px; overflow: hidden; position: relative; height: 600px;}
.banner img{ display: block;  object-fit: cover; height: 600px;}
.banner .swiper-slide{margin:0 auto; }
.banner .pos{ position: absolute; left: 50%;  top: 50%; transform: translate(-50%,-50%);}
.banner .posright{ position: absolute; left: 50%;  top: 10%; transform: translate(-50%,-50%);}
.banner .pos h3{ color: #ddd; font-size: 30px; line-height: 50px; font-weight: bold; }
.banner .pos a{  color: #ddd; font-size: 16px; font-weight: bold; text-decoration: underline; margin-top: 50px; display: block;}
.banner .swiper-pagination{ bottom: 30px; }
.banner .swiper-slide-active{ z-index: 333;}
.banner .swiper-slide-active .pos h3{ animation: fade-up 1s linear;}
.banner .swiper-slide-active .pos a{ animation: fade-up 1s linear; }
.banner .swiper-pagination {text-align: center; width: 100%;}
.banner .swiper-pagination .swiper-pagination-bullet{ width: 30px;height: 30px;color: #000000; font-size: 16px;background-color: #ffffff; 
border-radius: 100%; text-align: center; line-height: 30px;  display: inline-block; opacity: 1; margin: 0 10px; font-family: arial;
transition: all 0.6s;}
.banner .swiper-pagination  .swiper-pagination-bullet-active{ background-color: #1c3b7b; color: #fff;} 

.bg{/* background: #ebf2fa; */ /* background: rgba(35,74,153,0.6); *//* background: #5cb3ef; */ padding: 50px 0;}

.title{/* border-bottom: 1px solid #eeeeee; */ background: #234A99; padding: 30px 30px 0 25px ;}
.title strong{ font-size: 24px; font-weight: bold; color: #FFF; display: flex; flex-direction: row; float: left; border-bottom: 3px solid #FFF;  padding-bottom: 25px;}
.title strong img{ margin-right: 10px;}
.title a{ float: right;color: #FFF; font-size: 14px; margin-top: 10px; display: block; transition: all 0.6s;}
.title a:hover{ color: #FFF;}
 
.index-sec1 .leftcont{ background: #fff; width: 580px;height: 480px; }
.index-sec1 .lul{ padding: 30px 25px 10px 25px;}
.index-sec1 .lul li { margin-bottom: 20px; box-shadow: 0px 0px 5px 0px 	rgba(0, 0, 0, 0.1); transition: all 0.6s;}
.index-sec1 .lul li a{ display: block; overflow: hidden; clear: both; }
.index-sec1 .lul .time span{ display: block; text-align: center; font-size: 30px; color: #fff; padding-top: 20px; transition: all 0.6s;}
.index-sec1 .lul .time b{ display: block; text-align: center; font-size: 16px; color: #fff; margin-top: 10px; transition: all 0.6s;}
.index-sec1 .lul .time{ background: #234A99; width: 100px; float: left;
	height: 100px ; transition: all 0.6s;}
.index-sec1 .lul .text{ float: left; width: 430px; padding: 10px 25px;} 
.index-sec1 .lul p{ color: #000000; font-size: 18px; line-height: 40px; height: 80px; overflow: hidden; text-overflow: ellipsis; transition: all 0.6s;}
.index-sec1 .lul li:hover{ transform: translateX(10px);  background: #234A99;}
.index-sec1 .lul li:hover .time{ background: #fff;}
.index-sec1 .lul li:hover span,.index-sec1 .lul li:hover b{ color: #000;}
.index-sec1 .lul li:hover p{ color: #fff;}
 
.index-sec1 .rightcont{ background: #fff; width: 580px; height: 480px; } 
.index-sec1 .rul{ padding: 20px 25px;}
.index-sec1 .rul li{ line-height: 44px; transition: all 0.6s;}  
.index-sec1 .rul i{ display: inline-block; width: 4px; height: 4px; background: #234A99; vertical-align: middle; margin-right: 5px;}
.index-sec1 .rul span{ display: inline-block; vertical-align: middle; color: #333; font-size: 18px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 500px;}
.index-sec1 .rul li:hover span{ text-decoration: underline; color: #234A99;}
.index-sec1 .rul li:hover{ transform: translateX(10px);}

.index-sec2 { background: url(../images/xiebg.png) no-repeat center; height: 456px; margin-top: 50px; padding-top: 50px;}
.index-sec2 .leftcont{ width: 840px; }
.index-sec2 .titwrap{ border-bottom: 1px solid #eeeeee; padding-bottom: 20px;}
.index-sec2 .tit strong{ color: #333333; font-size: 24px;font-weight: bold; padding-left: 25px;}
.index-sec2 .tit  strong img{ display: inline-block; vertical-align: -1px; margin-right: 10px;}
.index-sec2 .hd{ padding-right: 25px;}
.index-sec2 .hd a{ color: #000000; font-size: 20px; transition: all 0.6s; border-bottom: 2px solid transparent; padding-bottom: 22px;
font-weight: bold;}
.index-sec2 .hd li.on a,.index-sec2 .hd li:hover a{ color: #234A99; border-bottom: 2px solid #234A99; font-weight: bold;}
.index-sec2 .hd li{ float: right; margin-left: 40px;}
.index-sec2 .tab-pal{ padding: 20px 25px;}
.index-sec2 .tab-pal a{ display: block; overflow: hidden; clear: both;}
.index-sec2 .tab-pal .img{ float: left;}
.index-sec2 .tab-pal li{margin-bottom: 20px;}
.index-sec2 .tab-pal .img,.index-sec2 .tab-pal .img img{ width: 160px; height: 90px; overflow: hidden; transition: all 0.6s;}
.index-sec2 .tab-pal  .text{ width: 600px; padding: 0 15px; float: left;}
.index-sec2 .tab-pal  .text p{ 	color: #000000; font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; transition: all 0.6s;}
.index-sec2 .tab-pal  .text span{  color: #888888; font-size: 16px; display: block; margin-top: 10px;}
.index-sec2 .tab-pal li:hover img{ transform: scale(1.1);}
.index-sec2 .tab-pal li:hover p{ color: #234A99;}
.index-sec2 .rightcont{ width: 492px;}
.index-sec2 .rul{ margin-right: -14px; padding-right: 14px; padding-top: 14px;}
.index-sec2 .rul li{ width: 150px;height: 160px; float: left;background-color:rgba(255,255,255,0.1);border-radius: 4px; margin: 0 14px 14px 0;
transition: all 0.6s;}
.index-sec2 .rul li p{ text-align: center;  color: #ffffff; font-size: 16px ; line-height: 20px;}
.index-sec2 .rul li img{ display: block; margin: 35px auto 25px auto}
.index-sec2 .rul li:hover img{ animation: jello 1s;} 
.index-sec2 .rul li:hover{ transform: scale(0.95); border-radius: 0 25px 0 25px;}

.index-sec2 .lul{ padding: 30px 25px 10px 25px;}
.index-sec2 .lul li { margin-bottom: 20px; box-shadow: 0px 0px 5px 0px 	rgba(0, 0, 0, 0.1); transition: all 0.6s;}
.index-sec2 .lul li a{ display: block; overflow: hidden; clear: both; }
.index-sec2 .lul .time span{ display: block; text-align: center; font-size: 30px; color: #fff; padding-top: 20px; transition: all 0.6s;}
.index-sec2 .lul .time b{ display: block; text-align: center; font-size: 16px; color: #fff; margin-top: 10px; transition: all 0.6s;}
.index-sec2 .lul .time{ background: #234A99; width: 100px; float: left;
	height: 100px ; transition: all 0.6s;}
.index-sec2 .lul .text{ float: left; width: 630px; padding: 10px 25px;} 
.index-sec2 .lul p{ color: #000000; font-size: 18px; line-height: 40px; height: 80px; overflow: hidden; text-overflow: ellipsis; transition: all 0.6s;}
.index-sec2 .lul li:hover{ transform: translateX(10px);  background: #234A99;}
.index-sec2 .lul li:hover .time{ background: #fff;}
.index-sec2 .lul li:hover span,.index-sec1 .lul li:hover b{ color: #000;}
.index-sec2 .lul li:hover p{ color: #fff;}

.index-sec3{/* background: #5cb3ef; */padding-bottom: 50px; }
.index-sec3 ul{ width: 100%;    }
.index-sec3 li{ float: left; width:280px;  overflow: hidden; margin-right: 26px; position: relative;
overflow: hidden;}
.index-sec3 li:last-child{ margin-right: 0;}
.index-sec3 li .text{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.index-sec3 li h3{ color: #ffffff; font-size: 30px; font-weight: bold; text-transform: uppercase; text-align: center; margin-top: 40px;}
.index-sec3 li span{ width: 115px;height: 40px;background-color: #234a99;border-radius: 2px; display: block; margin: 0 auto;
text-align: center; line-height: 40px; color: #fff; font-size: 14px; margin-top: 25px; transition: all 0.6s;}
.index-sec3 li  a{ display: block;  overflow: hidden; position: relative;}
.index-sec3 li .img{ overflow: hidden;}
.index-sec3 li img{ display: block; width: 100%; overflow: hidden; height: auto; transition: all 0.6s;}
.index-sec3 li:hover img{ transform: scale(1.1);}
.index-sec3 li:hover  span{ background: #fff; color: #234A99;}

.footer .bd,.footer .tempWrap{ width: 100% !important;}
.footer ul{ overflow: hidden; display: flex; flex-direction: row; justify-content: space-between;}
.footer ul li{}
.footer ul li a{ color: #fff; line-height: 70px; font-size: 20px;}
.footer ul li a:hover{ text-decoration: underline;}
.footer .div1{ background-color: #234a99; height: 70px;}
.footer .div2{ background-color: #1c3b7b; padding: 35px 0 20px 0;}
.footer .div2 p{ text-align: center; color: #ffffff;opacity: 0.3; font-size: 15px;}
.footer .div2 a{ color: #8c96b3; font-size: 15px; display: inline-block; margin: 0 15px; transition: all 0.6s;}
.footer .adiv{ color: #8c96b3;  text-align: center; margin: 10px auto 20px auto;}
.footer .adiv a:hover{ color: #fff;}


/* 新闻动态 */
.neitop{ background-image: url(../images/neitopbg.png);}
.neitop .logo img{ display: block; margin: 0 auto;}
.neinav{ background: #234a99; padding: 15px 0;}
.neinav .ul1{ margin-bottom: 10px;}

.neinav ul{ display: flex; justify-content: space-around; }
.neinav li{width: calc(100%/6 - 20px); border-right: 1px solid rgba(255,255,255,0.1); margin-right:10px; margin-left: 10px;}
.neinav .div2{ padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.1);}
.neinav li:nth-child(6n){ border-right: none;}
.neinav a{ color: #fff; font-size: 15px; display: block; text-align: center;}
.neinav .ul1 li.on a,.neinav .ul1 li:hover a{ font-weight: bold;}
.neinav  b{ width: 2px;height: 20px; display: block; background: rgba(255,255,255,0.1); }

/* east概况 */
.neibanner{ position: relative;}
.neibanner .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.neibanner .text h3{ color: #ffffff; font-size: 40px;}
.neibanner img{ display: block; width: 100%;}
.east-sec1{ background: url(../images/gmap.png) no-repeat top right; padding: 60px 0; background-size: cover;}
.east-sec1 strong{ color: #000000; font-size: 30px; font-weight: bold;}
.east-sec1 b{ display: block; width: 72px;	height: 3px; background: #1C3B7B; margin-top: 35px; margin-bottom: 50px;}
.east-sec1 p{ font-size: 14px;font-weight: normal;letter-spacing: 0px;color: #000000; line-height: 30px;}
.east-sec1 p {  margin-bottom: 20px;}

.east-sec2{ position: relative;}

.east-sec2 .bluebg{ position: absolute; left: 0; top: 140px; bottom: 0; background: #1c3b7b; height: 420px; width: 40%;}
.east-sec2 .graybg{ position: absolute; right: 0; top: 140px; bottom: 0; background: #f3f6fa; height: 420px; width: 60%;}
.east-sec2 .w1200{  position: relative; z-index: 33;}
.east-sec2 .leftcont{ width: 600px;}
.east-sec2 .rightcont{ width: 600px; padding-top: 200px;}
.east-sec2 .rightcont p{ color: #000000; font-size: 14px; 	line-height: 30px; padding-left: 80px; margin-bottom: 30px;}


.east-sec3{ padding: 50px 0; position: relative;}
.east-sec3  h3{ text-align: center;  color: #1c3b7b; 	 font-size: 50px; font-weight: bold; margin-bottom: 50px;}
.east-sec3 strong{ color: #1c3b7b; font-size: 30px; font-weight: bold;}
.east-sec3 span{ color: #1c3b7b; font-size: 15px; font-weight: bold; display: inline-block; padding-left: 5px;}
.east-sec3  b{ width: 13px;height: 13px;background-color: #1c3b7b; display: block; border-radius: 100%; margin: 30px 0;}
.east-sec3  p{ color: #333333; font-size: 14px; line-height: 30px;}
.east-sec3::before{  display: block; content: ''; position: absolute; left: 0; right: 0; height: 1px; width: 100%; background: #1C3B7B;
top: 215px;} 
.east-sec3 .w1200{ position: relative;}
.east-sec3  .swiper-slide{ transition: all 0.6s;}
.east-sec3 .condiv{ position: absolute; left: -30px; right: -30px; display: flex; justify-content: space-between;
top: 50%; margin-top: -22px; z-index: 333;}
.east-sec3 .prev{ background: url(../images/prev.png) no-repeat 0px 0; width: 12px; height: 21px; transition: all 0.6s;}
.east-sec3 .next{ background: url(../images/next.png) no-repeat -16px 0; width: 12px; height: 21px; transition: all 0.6s;}
.east-sec3 .prev:hover{ background-position:-16px 0 ; outline: none;}
.east-sec3 .next:hover{ background-position:0 0 ; outline: none;}
.east-sec3 .condiv:focus{ outline: none;}
.east-sec3 .swiper-slide:hover{ transform: translateX(10px); }

.east-sec4{ padding: 50px 0; position: relative; background-color: #f3f6fa;}
.east-sec4  h3{ text-align: center;  color: #1c3b7b; 	 font-size: 50px; font-weight: bold; margin-bottom: 50px;}
.east-sec4 img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}

/* 新闻动态 */
.page .maincont{ padding-bottom: 100px;}
.page .leftcont{ width: 270px; margin-top: -80px; position: relative; z-index: 33;}
.page .leftcont h3{ width: 270px;height: 80px;background-color: rgba(13,79,157,0.8); font-size: 26px; font-weight: bold;padding-left: 40px; color: #fff; height: 80px; line-height: 80px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.page .leftcont ul{ background-color: #f3f6fa;  border-left: 10px solid #E5E5E5;}
.page .leftcont li{ border-bottom: 1px solid #e5e5e5; padding-left: 20px;  transition: all 0.6s;} 
.page .leftcont li:last-child{ border-bottom: none;}
.page .leftcont li a { color: #333333; font-size: 14px; line-height: 60px;  padding-right: 30px; display: block;  transition: all 0.6s;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;position:relative;}
.page .leftcont li i{ display: inline-block; background: url(../images/arrowhei.png) no-repeat 0 0 ; width: 6px; height: 12px;
float: right; margin-top: 26px; transition: all 0.6s;position:absolute;right:10px;}
.page .leftcont li:hover i,.page .leftcont li.on i{ background-position: -11px 0;}
.page .leftcont li:hover a,.page .leftcont li.on a{  transform: translateX(10px); color: #1C3B7B;} 
.page .leftcont .teldiv{ background: url(../images/img21.png) no-repeat top center; height: 400px; padding-top: 40px; margin-top: 25px;}
.page .leftcont .code{ display: block; margin: 0 auto; width: 130px;	height: 130px;}
.page .leftcont .p1{ color: #ffffff; font-size: 22px;  text-align: center; margin-bottom:0px; margin-top: 35px;}
.page .leftcont .p2{ color: #ffffff; font-size: 30px;  text-align: center; font-weight: bold; margin-bottom: 35px;}
.page .leftcont .whitetel{ display: block; margin:0 auto;}
.page .rightcont{ padding-left: 30px; width: 930px; padding-top: 30px;}
.breadcrumb{ border-bottom: 3px solid  rgba(13,79,157,0.3); padding-bottom: 25px;}
.breadcrumb p{ margin-top: 5px;}
.breadcrumb p a{ color: #333333; font-size: 14px; display: inline-block; margin: 0 13px; transition: all 0.6s;}
.breadcrumb p a:hover{ color: #003F98;}
.breadcrumb  h3{ color: #003f98; font-size: 24px; ;}
.breadcrumb  h3 img{ display: inline-block; vertical-align: -1px; margin-right: 10px;}
.page .rightcont .ul1{ margin-right: -11px; margin-left: -11px; display: flex; flex-wrap: wrap; padding-top: 30px;}
.page .rightcont .ul1 li{ width: calc(100%/3.01 - 22px); margin-right: 11px; margin-left: 11px;  position: relative; transition: all 0.6s; overflow: hidden;
margin-bottom: 22px;}
.page .rightcont .ul1 li span{ position: absolute;  background: url(../images/jia.png) no-repeat center; z-index: 33;
width: 50px; height: 50px; transition: all 0.6s; opacity: 0;  top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0);}
.page .rightcont .ul1 li img{ display: block; width: 100%; height: auto; transition: all 0.6s;}
.page .rightcont .ul1 li::before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background-color: rgba(13,79,157,0.8); transition: all 0.6s; opacity: 0; z-index: 33; right: 0; bottom: 0; z-index: 3;}
.page .rightcont .ul1 li:hover span{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
.page .rightcont .ul1 li:hover img{ transform: scale(1.05);}
.page .rightcont .ul1 li:hover::before{ opacity: 1; }

/* 新闻动态详情 */
.gzdtxq-page{ background: #fff;    box-shadow: 0px 0px 20px 0px rgba(6, 0, 1, 0.1); margin-top: 30px;}
.gzdtxq-tou{ border-bottom: 1px solid #e5e5e5; padding: 50px 30px 10px 30px;}
.gzdtxq-tou h3{ color: #003f98; font-size: 26px;line-height: 50px; text-align: center; font-weight: bold; margin-bottom: 25px;}
.gzdtxq-tou p { color: #888888; font-size: 14px; 	line-height: 50px;}
.gzdtxq-tou .dayin span{ color: #888888; font-size: 14px;  display: inline-block; padding: 0 3px; cursor: pointer;}
.gzdtxq-tou .dayin span.on,.gzdtxq-tou .dayin span:hover{  color: #003f98;}
.gzdtxq-tou .print{ display: block; line-height: 50px; margin-left: 35px; cursor: pointer;}
.gzdtxq-tou .print i{ width: 16px;	height: 16px; display: inline-block; background: url(../images/print.png) no-repeat;
 transition: all 0.36s; vertical-align:-2px; margin-right: 10px;}
.gzdtxq-p{ padding: 40px 40px 80px 40px;}
.gzdtxq-p p{ font-size: 16px; color: #333; line-height: 32px; margin-bottom: 20px;}
.gzdtxq-p img{ display: block; margin: 0 auto; max-width: 100%;}
.fenpian{ padding: 0 40px 30px 40px;}
.fenpian .fl{ width: 700px;}
.fenpian .fl a{ font-size: 14px; color: #333; margin-bottom: 20px; display: block; white-space: nowrap; overflow: hidden; 
text-overflow: ellipsis; transition: all 0.6s;}
.fenpian .fl a:hover{ color: #003F98; font-weight: bold;}
.fenpian .fr a{ width: 114px;height: 40px;background-color: #f2f5f9;border-radius: 20px; display: block; text-align: center; line-height: 40px;
transition: all 0.6s;}
.fenpian .fr a img{ display: inline-block; vertical-align: -1px; margin-right: 5px;}
.fenpian .fr a:hover{ transform: translateX(-10px); box-shadow: 0 0 10px rgba(0,0,0,0.3);}

/* 新闻动态 */
.page .ul2 a{ display: block; overflow: hidden; clear: both;}
.page .ul2 .img{ float: left;}
.page .ul2 .img,.page .ul2 .img img{ width: 240px; transition: all 0.6s;	height: 170px; overflow: hidden;}
.page .ul2 .text{width: 570px; padding-left: 25px; float: left;}
.page .ul2  h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.6s;
font-size: 20px; color: #000; font-weight: bold; margin-top: 10px; }
.page .ul2 .p2{ color: #666666; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden;}
.page .ul2 .p1{ color: #666666; font-size: 14px; background: url(../images/timec.png) no-repeat left center; padding-left: 20px;
margin: 30px 0;}
.page .ul2 li{ border-bottom: 2px dashed  #e5e5e5; padding: 35px 0; transition: all 0.6s;}
.page .ul2 li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.3); padding-left: 25px;}
.page .ul2 li:hover img{ transform: scale(1.1);}
.page .ul2 li:hover h3{ color: #003F98;}

/* 通知公告 */
.page .ul3 { margin-top: 35px;}
.page .ul3 li:nth-child(2n){ float: right;}
.page .ul3 li{ float: left; width: 430px; height: 230px; box-shadow: 0px 0px 10px 0px rgba(28, 59, 123, 0.1);
padding: 25px; margin-bottom: 35px; transition: all 0.6s;}
.page .ul3  h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.6s;
font-size: 20px; color: #000; font-weight: bold; margin-top: 10px; }
.page .ul3 .p2{ color: #666666; font-size: 14px; line-height: 30px; height: 90px; overflow: hidden; transition: all 0.6s;}
.page .ul3 .p1{ color: #666666; font-size: 14px; margin: 20px 0; transition: all 0.6s;}
.page .ul3 .p1 i{background: url(../images/timebiao.png) no-repeat -19px 0; display: inline-block; width: 14px; height: 14px; margin-right: 10px;
vertical-align: -1px; transition: all 0.6s;}
.page .ul3 li:hover { background: #003F98;}
.page .ul3 li:hover h3,.page .ul3 li:hover .p1,.page .ul3 li:hover .p2{ color: #fff;}
.page .ul3 li:hover i{ background-position: 0 0;}

.fenye{ text-align: center;} 
.fenye a{ display: inline-block; margin: 0 5px; border: solid 1px #e5e5e5; padding: 10px 12px; transition: all 0.6s;}
.fenye .lue{ border:none}
.fenye .prevpage,.fenye .nextpage{ padding: 10px 15px;}
.fenye a:hover{ background: #003F98; color: #fff;}

/* EAST概况年报 */
.nianbao .swiper-container {width: 100%; margin-left: auto;margin-right: auto;}   
.nianbao .gallery-thumbs .swiper-slide-thumb-active strong::before{width: 100%;}
.nianbao{  padding: 50px; background: #f3f6fa; overflow: hidden;}
.gallery-thumbs{ padding: 0 30px; box-sizing: border-box;}
.gallery-thumbs .swiper-slide{ cursor: pointer;}
.gallery-thumbs strong{ color: #666666; font-size: 24px; display: block; position: relative;  padding-bottom: 50px; width: 70px;
 text-align: center; margin: 0 auto;}
.gallery-thumbs strong::before{ display: block; content: ''; position: absolute; transition: all 0.6s; height: 4px; background: #003F98;
width: 0%; bottom: 0;}
.gallery-top{ background: #fff;  position: relative;}
.gallery-top strong{ width: 80px; height: 80px;background-color: #1c3b7b; display: block; text-align: center; color: #fff;  
position: relative; z-index: 3; line-height: 80px; font-size: 30px; font-weight: bold; border-radius: 100%; margin-left: -5px;}
.gallery-top .text{ width: 1000px;  transition: all 0.6s;}
.gallery-top .p1{ color: #333333; font-size: 26px; font-weight: bold; line-height: 1; margin-bottom: 20px;}
.gallery-top .p2{ color: #333333; font-size: 15px; line-height: 30px;}
.gallery-top .swiper-wrapper{ padding: 0 80px;}
.gallery-top .swiper-wrapper .line{ position: absolute;  top: 0; bottom: 0; width: 1px; background: #e5e5e5;
content: ''; display: block; left: 32px; z-index: 0;}
.gallery-top .swiper-slide{ width: 1200px !important; padding: 130px 0;}
.gallery-top  li{ margin-bottom: 60px; overflow: hidden; clear: both;  position: relative; z-index: 3; transition: all 0.6s;}
.gallery-top  li img{ display: block; max-width: 100%; height: auto; margin-top: 15px;}
.gallery-top  ul{ margin-top: 60px; padding-left: 25px;}
.gallery-top .text{ float: left; padding-left: 40px; position: relative; z-index: 3;}
.gallery-top  li span{ float: left; width: 17px;height: 17px;border: solid 1px #1c3b7b; display: block; border-radius: 100%;
text-align: center; margin-top: 5px; }
.gallery-top  li span i{ width: 11px; height: 11px;background-color: #1c3b7b; display: inline-block; border-radius: 100%; margin-top: 2px;}
.gallery-top  li:hover .text{transform: translateX(10px);}
.gallery-thumbs .swiper-button-next:after, .gallery-thumbs .swiper-button-prev:after{ font-size: 0}

.gallery-thumbs .swiper-button-next{ background: url(../images/next.png) no-repeat -16px 0; width: 13px; height: 21px; top: auto; top: 25px; right: 0px;
transition: all 0.6s;}
.gallery-thumbs .swiper-button-prev{ background: url(../images/prev.png) no-repeat 0px 0; width: 13px; height: 21px; top: auto; top: 25px; left: 0px;
transition: all 0.6s;}
.gallery-thumbs .swiper-button-prev:hover{ background-position: -16px 0;}
.gallery-thumbs .swiper-button-next:hover{ background-position: 0px 0;}

.xinjiade{ width: 100%; overflow: hidden; padding: 0 0 20px;}
.xinjiade ol{ width: 100%; overflow: hidden;}
.xinjiade ol li{ width: 100%; overflow: hidden; line-height: 30px; padding: 20px 0;  border-bottom: 1px dotted #E0E0E0;}
.xinjiade ol li a{ width: 100%; overflow: hidden; display: block; position: relative; height: 30px; padding-left: 20px;}
.xinjiade ol li a:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; background: #003f98; width: 6px; height: 6px; border-radius: 50%;}
.xinjiade ol li a span{ width: 80%; display: block; float: left; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 300ms;}
.xinjiade ol li a sup{ display: block; float: right; color: #555; font-size: 14px;}
.xinjiade ol li:hover a span{ margin-left: 10px; color: #003f98;}