body{
font-size:15px;
color:#333;
margin:0 auto;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
}
.m_header,.bgDiv,.rightNav{ display:none}
em{ font-style:normal}
.cl{ clear:both}
div,ul,li,table
{
color:#333;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none;
box-sizing:border-box
}
*{outline:0px; margin:0 auto; padding:0}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #095ab6;
}


.text
{
line-height: 32px;
}
.ph,.mfooter{ display:none}
.easemob-invite-box{ position:fixed !important; background:url(kf.jpg) top center no-repeat #fff !important}
.invite-logo{ display:none !important}
/*定义新型浏览器特性*/
::-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}


.warp{ width:100%; padding: 0 4%; box-sizing:border-box; overflow:hidden} 
@media screen and (max-width: 1580px) { 
.warp{ width:100%; padding: 0 4%; box-sizing:border-box} 
}

.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}

/*分页样式*/
.pageban{ width:100%; text-align:center; float:left}
.page_info{text-align:center;margin-top:10px;color:#333;font-family:Microsoft Yahei;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:34px;line-height:34px;text-align:center;letter-spacing:0;font-family:Microsoft Yahei;font-size:12px;margin-top:20px;padding-bottom:10px}
.page_list a{display:inline-block;color:#910c0a;border:1px solid #910c0a;background:#fff;text-align:center;padding:0 13px;margin:0 3px;border-radius:25px;}
.page_list a:hover{color:#fff;border:1px solid #910c0a;background:#910c0a;}
.page_list a.on{background-color:#910c0a; color:#fff; border:1px solid #910c0a}

.mySwiper {
width: 100%;
height: 100vh;
cursor: pointer;
}
.mySwiper .swiper-slide{
width: 100%;
height:100%;
float:left;
position:relative;
text-align:center
}

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


.mySwiper .prev {
background: url(../images/icon_24.png) no-repeat left top;
opacity:.5;
    position: absolute;
    left: 4%;
    top: 55%;
    margin-top: -35px;
    width: 61px;
    height: 61px;
    z-index: 999;
}


.mySwiper .next {
    background: url(../images/icon_26.png) no-repeat left bottom;
    position: absolute;
	opacity:.5;
    right: 4%;
    top: 55%;
    margin-top: -35px;
    width: 61px;
    height: 61px;
    z-index: 999;
    outline: none;
}

.mySwiper .swiper-pagination{ bottom: 40px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,1);border-radius: 50px;width: 30px; height: 10px;}
.mouse_down{ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background:rgba(255,255,255,.2); position: absolute; left:50%; bottom: 80px; margin-left:-25px; text-align: center; z-index: 50; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.mouse_down span { display: inline-block; width: 15px; height:23px; border:2px solid #fff; border-radius:12px; margin: auto; position: relative; margin-left:20px }
.mouse_down span:before { content: ""; width: 2px; height: 4px; background: #fff; position: absolute; left: 50%; margin-left: -1px; top: 3px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse_down b { display: block; text-align: center; color: #766047; font-size: 24px; line-height: 1; font-family: Arial; margin-top: 4px; font-weight: normal; }
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 10px, 0px); }
}



/*去掉input自动补全后的黄色样式*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;background-color:transparent;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff  !important;
font-size: 14px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
color: #fff !important;
font-size: 14px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
color:  #fff !important;
font-size: 14px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #fff !important;
font-size: 14px;
}

#loaddiv 
{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
outline: 0;
-webkit-overflow-scrolling: touch;
background-color: #fff;  
filter: alpha(opacity=60);  
background-color: rgba(0, 0, 0,.5);
z-index: 9999;
text-align:center;
padding-top:20%;
display:none}


/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}

#nprogress .bar {
background: #910c0a;
position: fixed;
z-index: 1031;
top: 0;
left: 0;

width: 100%;
height: 3px;
}

/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #910c0a, 0 0 5px #910c0a;
opacity: 1.0;

-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}

#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;

border: solid 2px transparent;
border-top-color: #910c0a;
border-left-color: #910c0a;
border-radius: 50%;

-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
overflow: hidden;
position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}

@-webkit-keyframes nprogress-spinner {
0%   { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}


header{width:100%; padding:28px 4% 0 4%; height:110px;z-index:999999999;transition: 0.3s ease-in-out; box-sizing:border-box;background:rgba(255,255,255,.2); position:absolute;top:0; left:0}
header .logo{ float:left}
.default{background:rgba(255,255,255,.2);}
.menufixed{background:rgba(255,255,255,1);}

@media screen and (max-width: 1575px) { 
header .menu{float:left; margin-left:5% !important; margin-top:2px !important}
}

@media screen and (max-width: 1575px) { 
.nav li{
position: relative;
float: left;
padding:0 18px !important
}
}


@media screen and (max-width: 1575px) { 
.nav li a {
line-height: 66px;
width:100%;
text-align:center;
float:left;
height:66px;
color:#000;
font-size:15px;
}
}

header .menu{float:left; margin-left:12%; margin-top:15px}
.search{ float:right; width:140px; background:#0371d0; margin-left:30px; height:38px; border-radius:50px; margin-top:10px; overflow:hidden;transition: 0.3s ease-in-out;}
.search .a{ width:71%; float:left; border:none; background:none;height:40px;  padding-left:20px; box-sizing:border-box; color:#fff;transition: 0.3s ease-in-out;}
.search .b{ width:29%; float:right; border:none; height:40px; background:url(../images/icon_09.png) center center no-repeat; cursor:pointer}
.search:hover { width:200px}
.group_wx{ cursor:pointer; float:right; position:relative; background:url(../images/icon_12.png) right center no-repeat; padding-right:20px; margin-top:15px}
.group_wx img{ margin-right:5px; vertical-align:middle}
.group_wx:hover .flex-footer { display: block;  animation: slide-up .3s ease-in-out forwards;
  transform: translateY(100px); /* 向上移动元素 */}
  @keyframes slide-up {
  from {
    transform: translateY(100px);
  }
  to {
    transform: translateY(0);
  }
}
.group_wx .flex-footer { width: 160px; height: 160px; position: absolute; left: -39px; top: 50px; text-align: center; padding: 18px 10px 10px 12px; background: url(../images/wxflexbg.png) 1px top no-repeat;transition: 0.3s ease-in-out; display:none}
.flex-footer img{ width: 130px !important; height: 130px !important; margin:0 auto}



.nav{
}



.nav li{
position: relative;
float: left;
padding:0 28px
}
.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{
width:100%;
text-align:center;
float:left;
height:75px;
color:#000;
font-size:17px;
}



.nav li .nav-w {
width:100% !important;
z-index:21;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:55px;
left:0px;
}
.nav li:hover a{color:#095ab6;}
.nav li .section-nav1{ padding-top:10px; height:auto; overflow: hidden;}
.nav li .section-nav1 ul {
position:static;
padding:0px;
margin:0px;
width:100% !important;
overflow:hidden;
}
.nav li .section-nav1 ul li {
position:static;
padding:0px;
background:#fff;
width:100% !important;
float:left;
}
.nav li .section-nav1 ul li a {
background:#fff;
text-align:center;
padding:0px 10px;
box-sizing:border-box;
width:100% !important;
height:42px;
overflow:hidden;
line-height:42px;
width:auto;
display:block;
float:none;
color:#333;
font-size:15px;
cursor:pointer;
font-weight:normal;

}
.nav li .section-nav1 ul li a:hover {
color: #0371d0;
}

.page1{ width:100%; background:url(../images/about.jpg) bottom center no-repeat #f5f3f4; background-size:cover; padding-bottom:120px; overflow:hidden}
.page1 .l{ width:50%; float:left; background:url(../images/index_02b.jpg) bottom center no-repeat; background-size:cover; height:790px; padding-top:5%; padding-left:9%; padding-right:9%}
.page1 .l .bro{ width:100%; border:1px solid rgba(255,255,255,.5); margin:0 auto !important; overflow:hidden}
.page1 .l .bro ul{ display:inline}
.page1 .l .bro ul li{ width:33.33%;border-right:1px solid rgba(255,255,255,.5); float:left; text-align:center; color:#fff; padding:10px 0 15px 0}
.page1 .l .bro ul li strong{ font-size:66px;width:100%; float:left}
.page1 .l .bro ul li strong em{ font-size:14px; font-style:normal; font-weight:normal}
.page1 .l .bro ul li span{ width:100%;font-size:14px; float:left}

.page1 .l .bro ul li:last-child{border-right:none}

.page1 .r{ width:50%;float:left; padding-right:4%; padding-left:5%; padding-top:88px; overflow:hidden}
.page1 .r .r1{ width:316px; cursor:pointer; float:right; height:372px; background:url(../images/index_05.jpg) no-repeat; margin-top:147px; text-align:center; position:relative}
.page1 .r .r1 img
{  position: absolute;
border-radius:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:2;
  transition: transform 0.5s ease-in-out;
  transition: 0.3s ease-in-out;
   border:4px solid rgba(255,255,255,0)
  }
  .page1 .r .r1:hover img{ border:10px solid rgba(255,255,255,.5);}
.page1 .r .l1{ width:calc(100% - 390px); float:left;}
.page1 .r .l1 strong{ width:100%; float:left; font-size:40px; color:#095ab6; margin-bottom:10px}
.page1 .r .l1 em{ width:100%; float:left; font-size:36px; color:#999; margin-bottom:45px;}
.page1 .r .l1 span{ width:100%; float:left; font-size:15px; line-height:32px; color:#333; margin-bottom:40px; overflow:hidden; height:160px}
.more a{ float:left; background:#095ab6; color:#fff; padding:12px 35px; border-radius:50px; font-size:14px;transition: 0.3s ease-in-out;}
.more a img{ vertical-align:middle; margin-right:10px; margin-bottom:2px}
.more a:hover{background:#f08506}

.page1 .r .bans{ width:100%; float:left; margin-top:70px}
.page1 .r .bans ul{ display:inline}
.page1 .r .bans ul li{ width:25%; float:left; text-align:center; line-height:30px; background:#fff; padding:16px 0; cursor:pointer}
.fwbg{ width:100%; background:url(../images/fwbg.jpg) bottom center no-repeat fixed; background-size:cover; padding-top:74px; height:950px; box-sizing:border-box; overflow:hidden}

.fwbga{ width:100%; background:url(../images/fwbg.jpg) bottom center no-repeat; background-size:cover; padding:120px 0; box-sizing:border-box; overflow:hidden}

.fw_tit{ width:100%; float:left; padding-bottom:120px; color:#fff}
.fw_tit strong{ font-size:40px}
.fw_tit em{ font-size:36px; text-transform:uppercase; margin-left:10px}
.mySwipera {
width: 100%;
height: 630px;
}
.mySwipera .swiper-slide{
width: 100%;
height:570px;
position:relative;
overflow:hidden;
}


.mySwipera .swiper-slide .l{
width: 50%;
float:left;
position:relative;
}


.mySwipera .swiper-slide .l .a{
width: 100%;
float:left;
font-size:80px;
color:#fff;
font-weight:bold;
padding-bottom:70px
}

.mySwipera .swiper-slide .l .b{
width: 100%;
float:left;
font-size:30px;
color:rgba(255,255,255,.5);
text-transform:uppercase;
font-weight:bold;
padding-bottom:10px
}

.mySwipera .swiper-slide .l .c{
width: 100%;
float:left;
font-size:40px;
color:rgba(255,255,255,1);
font-weight:bold;
padding-bottom:30px
}

.mySwipera .swiper-slide .l .d{
width:80%;
float:left;
font-size:16px;
line-height:35px;
height:105px;
overflow:hidden;
color:rgba(255,255,255,1);
margin-bottom:60px
}

.mySwipera .swiper-slide .l .e{
width:100%;
float:left;
}
.mySwipera .swiper-slide .l .e a{
float:left;
font-size:14px;
border:1px solid rgba(255,255,255,5);
padding:15px 10px 15px 10px;
box-sizing:border-box;
background:url(../images/icon_51.png) right center no-repeat;
background-position:120px 20px;
width:160px;
color:#fff;
text-align:left;
transition: 0.3s ease-in-out;
}

.mySwipera .swiper-slide .l .e a:hover{background-position:110px 20px;}

.mySwipera .swiper-slide .r{
border:20px solid rgba(255,255,255,.8);
box-sizing:border-box;
position:relative;
width:50%;
padding-top:30%;
float:right
}

.mySwipera .swiper-slide .r img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}

.preva {
background: url(../images/icon_24a.png) no-repeat left top;
    width: 40px;
    height: 40px;
    z-index: 999;
	float:right;
	cursor:pointer;
	margin-top:10px
}


.nexta {
    background: url(../images/icon_26a.png) no-repeat left bottom;
    width: 40px;
    height: 40px;
    z-index: 999;
	cursor:pointer;
	float:right;
	margin-left:10px;
	margin-top:10px
}

.mySwipera .swiper-pagination{ bottom: 0px !important;}
.mySwipera .swiper-pagination .swiper-pagination-bullet{ width: 15px; height: 15px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwipera .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,.8);border-radius: 50px;width: 40px; height: 15px;}

.cpbg{ padding:80px 0 110px 0; width:100%; float:left;}
.cpban{width:100%; float:left; margin-bottom:70px}
.cpban .l{width:200px; float:left;}
.cpban .l strong{width:100%; float:left; font-size:40px; color:#095ab6}
.cpban .l span{width:100%; float:left; font-size:36px; color:#666}

.morea a{ float:right; background:#095ab6; color:#fff; padding:12px 35px; border-radius:50px; font-size:14px;transition: 0.3s ease-in-out; margin-top:30px}
.morea a img{ vertical-align:middle; margin-right:10px; margin-bottom:2px}
.morea a:hover{background:#f08506}

.cplist{ float:left; width:100%}
.cplist ul{ display:inline}
.cplist ul li{ float:left; width:24%; position:relative; margin-right:1.33%; }
.cplist ul li .img{ float:left; width:100%; position:relative;padding-top:150%; overflow:hidden}
.cplist ul li .img img{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover;transition: transform 0.3s ease;}
.cplist ul li .tit{ width:100%; position:absolute; z-index:1; background:url(../images/probg.png) bottom center repeat-x; height:50%; bottom:0; left:0 }
.cplist ul li .tit strong{ position:absolute; bottom:0; width:100%; padding:0 20px; box-sizing:border-box; z-index:2; text-align:center; overflow:hidden; font-weight:normal; line-height:100px; height:100px; font-size:20px; color:#fff;}
.cplist ul li:last-child{ margin-right:0}
.cplist ul li:hover img{transform: scale(1.1)}

.xwbg{ width:100%; box-sizing:border-box; padding:110px 0; background:url(../images/index_27.jpg) center no-repeat  fixed; background-size:cover; height:855px}
.xwbga{ width:100%; box-sizing:border-box; padding:60px 90px; background:rgba(255,255,255,.8); height:670px}
.xwtit{ width:100%; float:left; padding-bottom:70px}
.xwtit strong{ width:100%; float:left; text-align:center;font-size:40px; font-weight:bold; color:#095ab6; padding-bottom:5px}
.xwtit em{ width:100%; float:left; text-align:center; font-size:36px; color:#999;}

.xwlist{ width:100%; float:left}
.xwlist ul{ display:inline}
.xwlist li{ width:30%; float:left; margin-right:5%}
.xwlist li:nth-child(3n){ margin-right:0}
.xwlist li .a{ width:100%; float:left; font-size:38px; padding-bottom:34px}
.xwlist li .b{ width:100%; float:left; font-size:26px; line-height:34px; height:68px; overflow:hidden; margin-bottom:20px;transition: 0.3s ease-in-out; }
.xwlist li .c{ width:100%; float:left; font-size:16px; line-height:30px; height:60px; color:#666; overflow:hidden; margin-bottom:25px}
.xwlist li .d{ width:100%; float:left; font-size:14px; background:url(../images/icon_48.png) left center no-repeat; box-sizing:border-box; padding-left:35px; height:23px; line-height:23px;transition: 0.3s ease-in-out; }
.xwlist li:hover .b{ color:#095ab6}
.xwlist li:hover .d{ color:#095ab6;background:url(../images/icon_48a.png) left center no-repeat; }
.gz{ text-align:center; width:100%; background:url(../images/index_28.jpg) center no-repeat; background-size:cover; height:348px; padding-top:90px; box-sizing:border-box}
.gz strong{ color:#fff; font-size:40px}

.moreb a{ width:170px; background:#fff; color:#095ab6; padding:12px 0; border-radius:50px; font-size:14px;transition: 0.3s ease-in-out; margin-top:20px; display:block}
.moreb a img{ vertical-align:middle; margin-right:10px; margin-bottom:2px}
.moreb a:hover{background:#f08506; color:#fff}

footer{ background:#464951; width:100%; padding:75px 0 50px 0}
.footerm{ width:10%; float:left}
.footerm strong{ width:100%; float:left; height:45px; color:#fff; font-weight:normal}
.footerm span{ width:100%; float:left; line-height:35px; font-size:14px;color:rgba(255,255,255,.5)}
.footerm span a{ color:rgba(255,255,255,.5)}

.footerr{ float:right; width:420px;}
.footerr .l{ float:left; width:135px;}
.footerr .l img{width:100%; height:auto; overflow:hidden}
.footerr .r{ float:right; width:calc(100% - 160px);}
.footerr .r .a{ float:left; width:100%; color:#fff; font-size:17px; height:35px; margin-top:15px}
.footerr .r .b{ float:left; width:100%; color:#fff; font-size:34px;padding-bottom:10px; font-weight:bold}
.footerr .r .c{ float:left; width:100%; color:#fff; font-size:16px;}
.copy{ width:100%; text-align:center; color:#fff; line-height:60px; height:60px; overflow:hidden; background:#3f4149}
.copy a{ color:#fff}

.nyban{ width:100%; height:480px; background:rgba(0,0,0,.1)}
.cnname{ width:100%; color:#fff; font-size:40px; padding-top:200px; float:left; padding-bottom:10px}
.enname{ width:100%; color:#fff; font-size:30px; float:left; text-transform:uppercase}
.empty{ width:100%; height:100px; float:left}
.nywidth{ width:100%; float:left; padding:100px 0 100px 0}
.nywidtha{ width:100%; float:left; padding:50px 0 100px 0}

.nr_area{ width:100%; line-height:35px; font-size:18px; color:#333; }
.nr_area img,.nr_area iframe,.nr_area table,.nr_area video{ max-width:100%; overflow:hidden; height:auto;margin-left:-2em}
.nr_area p{ padding:10px 0;margin:0}

.page_list{height:34px;line-height:34px;text-align:center;letter-spacing:0;font-family:Microsoft Yahei;font-size:12px;margin-top:20px;padding-bottom:10px}
.page_list a{display:inline-block;color:#1158a9;border:1px solid #1158a9;background:#fff;text-align:center;padding:0 13px;margin:0 3px;border-radius:25px;}
.page_list a:hover{color:#fff;border:1px solid #1158a9;background:#1158a9;}
.page_list a.on{background-color:#1158a9; color:#fff; border:1px solid #1158a9}

.cplista{ float:left; width:100%}
.cplista ul{ display:inline}
.cplista ul li{ float:left; width:24%; position:relative; margin-right:1.33%; margin-bottom:40px }
.cplista ul li .img{ float:left; width:100%; position:relative;padding-top:150%; overflow:hidden}
.cplista ul li .img img{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover;transition: transform 0.3s ease;}
.cplista ul li .tit{ width:100%; position:absolute; z-index:1; background:url(../images/probg.png) bottom center repeat-x; height:50%; bottom:0; left:0 }
.cplista ul li .tit strong{ position:absolute; bottom:0; width:100%; padding:0 20px; box-sizing:border-box; z-index:2; text-align:center; overflow:hidden; font-weight:normal; line-height:100px; height:100px; font-size:20px; color:#fff;}
.cplista ul li:nth-child(4n){ margin-right:0}
.cplista ul li:hover img{transform: scale(1.1)}

.newslist{ width:100%; float:left}
.newslist li{ width:100%; float:left; margin-bottom:45px; border-bottom:1px solid #ddd; padding-bottom:40px;}
.newslist li .news_l{ width:340px; float:left; height:220px; overflow:hidden}
.newslist li .news_l img{ width:340px;height:220px}
.newslist li .news_r_font{ width:100%; float:left}
.newslist li .news_r{ width:calc(100% - 380px); float:right}
.newslist li .news_r em,.newslist li .news_r_font em{ width:100%; float:left; font-size:13px; margin-bottom:15px; font-style:normal; color:#1158a9}
.newslist li .news_r strong,.newslist li .news_r_font strong{ width:100%; float:left; font-size:22px; margin-bottom:20px; color:#333; height:30px; line-height:30px; overflow:hidden}
.newslist li .news_r span,.newslist li .news_r_font span{ width:100%; float:left; font-size:15px; margin-bottom:20px; color:#666; height:50px; line-height:25px; overflow:hidden}
.newslist li .news_r i,.newslist li .news_r_font i{ width:100%; float:left; font-size:13px; margin-bottom:15px; font-style:normal; color:#1158a9}
.newslist li .news_l img{transition: all 0.3s}
.newslist li:hover .news_l img{transform: scale(1.1);}
.newslist li:hover .news_r strong,.newslist li:hover .news_r_font strong{color:#1158a9}

.nyswarp{ width:1400px; padding:30px; background:#fff; overflow:hidden}

@media screen and (max-width: 1500px) { 
.nyswarp{ width:100%; padding: 25px 4%; box-sizing:border-box;background:#fff; overflow:hidde} 
}

.infobg{ background:#fafafa}

.al_dec{ width:100%; float:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd}
.al_disptitnews{ width:100%; float:left;line-height:36px; font-size:24px; font-weight:bold; text-align:center; padding-bottom:15px}
.al_dispdes{ width:100%; float:left;font-size:15px;  text-align:center; color:#333}

.about_l{ float:left; width:calc(100% - 430px)}
.about_r{ width:385px; cursor:pointer; float:right; height:546px; background:url(../images/jjtp.jpg) no-repeat; text-align:center; position:relative}
.about_r img
{  position: absolute;
border-radius:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:2;
  transition: transform 0.5s ease-in-out;
  transition: 0.3s ease-in-out;
   border:4px solid rgba(255,255,255,0)
  }
.about_r:hover img{ border:10px solid rgba(255,255,255,.5);}

.fw{ width:100%; float:left; margin-bottom:100px}
.fw .l{
width: 50%;
float:left;
position:relative;
}


.fw .l .a{
width: 100%;
float:left;
font-size:80px;
color:#fff;
font-weight:bold;
padding-bottom:70px
}

.fw .l .b{
width: 100%;
float:left;
font-size:30px;
color:rgba(255,255,255,.5);
text-transform:uppercase;
font-weight:bold;
padding-bottom:10px
}

.fw .l .c{
width: 100%;
float:left;
font-size:40px;
color:rgba(255,255,255,1);
font-weight:bold;
padding-bottom:30px
}

.fw .l .d{
width:80%;
float:left;
font-size:16px;
line-height:35px;
height:105px;
overflow:hidden;
color:rgba(255,255,255,1);
margin-bottom:60px
}

.fw .l .e{
width:100%;
float:left;
}
.fw .l .e a{
float:left;
font-size:14px;
border:1px solid rgba(255,255,255,5);
padding:15px 10px 15px 10px;
box-sizing:border-box;
background:url(../images/icon_51.png) right center no-repeat;
background-position:120px 20px;
width:160px;
color:#fff;
text-align:left;
transition: 0.3s ease-in-out;
}

.fw .l .e a:hover{background-position:110px 20px;}

.fw .r{
border:20px solid rgba(255,255,255,.8);
box-sizing:border-box;
position:relative;
width:50%;
padding-top:30%;
float:left
}

.fw .r img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}