/*piblic*/
@keyframes i3bg { 0% {
width:100%;
height:100%;
opacity:1;
}
100% {
width:calc(100% + 40px);
height:calc(100% + 40px);
opacity:0;
}
}
.public-ititle h6 span { margin-left: 1vw;text-transform: uppercase; }
.public-ititle h6 { font-size: 18px; line-height: 2.2; color: #2b488a; font-weight: normal; border-left: 4px solid #2b488a; padding-left: 1vw; }
.public-ititle strong b { color: #d92727; font-family: impact; }
.public-ititle strong { margin-top: 1.5vw; line-height: 1.1; color: #2b488a; display: block; font-size: 3.2vw; font-family: impact; text-transform: uppercase; }
.public-ititle>span { display: block; font-size: 1.8vw; color: #26324a; margin-top: 0.5vw; }
.public-ititle p { margin-top: 1.5vw; font-size: 16px; color: #666; line-height: 1.8; width: 67%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 80px; }
.public-ibg li:first-child { border: none; }
.public-ibg li { border-left: 1px solid #efeff4; display: inline-block; vertical-align: top; height: 100%; width: 16.66666%; }
.public-ibg { position: absolute; width: 100%; height: 100%; z-index: 0; left: 0; top: 0; font-size: 0; }
.banner, .banner * { height: 100%; }
.BannerShow_b1 img { width: 100%; }
.box { position: fixed; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; }
#service_list_a1 { display: none !important; }
#main-page.swiper-container { width: 100%; height: 100%; }
#main-page .main-pagination { display: none; position: absolute; left: 1%; z-index: 2; right: auto; }
.main-pagination span:first-child { margin-top: 0; }
.main-pagination span, .i1-swiper-pagination span { opacity: 1; position: relative; margin: 15px 0 0; width: 16px; height: 16px; background: none; z-index: 0; border: 1px solid transparent; outline: none; transition: 0.3s ease 0s; }
#main-page>div>.swiper-slide { overflow: hidden; }
.main-pagination span:before, .i1-swiper-pagination span:before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #bbb; position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s ease 0s; }
.main-pagination span[class*="active"] { border-color: #b72024; }
.main-pagination span[class*="active"]:before { background: #b72024; }
.BannerShow_b1 .swiper-container-horizontal .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 0.6; margin: 0 0 0 1.7%; }
.BannerShow_b1 .swiper-pagination-bullet[class*="active"] { opacity: 1; }
.BannerShow_b1 .swiper-pagination { height: auto; width: calc(100% - 80px); padding: 0 3%; text-align: right; bottom: 6%; }
.i-menu-top { position: fixed; z-index: 2; width: 100%; top: 3.5%; left: 0; }

.i-menu-top .menu-top { position: static; }.i-menu-top1 {  z-index: 2; width: 100%; top: 3.5%; left: 0; }

.i-menu-top1 .menu-top1 {}
.BannerShow_b1 .swiper-container-horizontal .swiper-pagination-bullet:first-child { margin-left: 0; }
.public-ibox { height: 100%; position: relative; z-index: 0; }
.i-box { width: calc(100% - 80px); padding: 0 3%; height: 100%; }
.bg1 { background: url(../images/bg1.jpg) no-repeat center; background-size: cover; }
.bg2 { background: url(../images/bg2.jpg) no-repeat center; background-size: cover; }
.bg3 { background: url(../images/bg3.jpg) no-repeat center; background-size: cover; }
.bg4 { background: url(../images/bg4.jpg) no-repeat center; background-size: cover; }
/*i2*/
.i2-box .L { width: 50%; height: 100%;  background-size: cover; }
.i2-box .R { width: calc(50% - 80px); padding-left: 8.5%; }
.i2-box .R a, .i5-box .T a { margin-top: 6%; display: block; color: #2b488a; font-size: 16px; border: 1px solid #2b488a; height: 2.7vw; line-height: 2.7vw; text-align: center; width: 16.67vw; }
.i2-box .R a:hover, .i5-box .T a:hover { color: #fff; transition-delay: 0s; }

.Box {position: relative;}
			.Box .content {width: 80%;margin: 0 auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 30px;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 330px;cursor: pointer;}
			@media screen and (max-width: 1400px){
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 210px;cursor: pointer;}
			}
			.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 32%;height: 1400px;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 32%;height: 1400px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}

/*i3*/
#i3-swiper { text-align: right; position: absolute; width: 100%; left: 0; padding: 0 3%; bottom: 10%; }
.i3 ul a { display: block; text-align: left; }
.i3 ul li { padding-left: 4.5%; }
.i3 ul figure i { display: block; height: 31.8vw; overflow: hidden; transition: 0.3s ease 0s; background: #fff; }
.i3 ul figure i .i3-bg { width: 100%; height: 100%; transition: 0.3s ease 0s; }
.i3 ul figcaption { padding: 0 3%; position: relative; z-index: 0; text-align: center; background: url(../images/dw1.png) repeat top left #2b488a; background-size: 32px 29px; color: #fff; height: 6.25vw; line-height: 6.25vw; transition: 0.3s ease 0s; }
.i3 ul figcaption>* { text-align: left; }
.i3 ul figcaption strong { text-align: left; font-size: 4.2vw; text-transform: uppercase; line-height: 1; }
.i3 ul figcaption .figure-text { position: absolute; width: 100%; left: 0; top: 50%; height: auto; padding: 0 3%; text-align: center; z-index: 0; line-height: normal; transform: translateY(-50%); }
.i3 ul figcaption p { font-size: 1.45vw; }
.i3 ul figcaption span { display: block; font-size: 0.8vw; margin-top: 5px; }
.i3 ul figcaption div.dis-m { text-align: left; max-width: calc(97% - 4.2vw); margin-left: 3%; line-height: normal; }
.i3-point { position: absolute; left: 50%; top: -5%; z-index: 1; opacity: 0; transform: translate(-50%, -50%) scale(0.7); transition: 0.3s ease 0s; }
.i3-point em { width: 4.2vw; height: 4.2vw; background: rgba(217,39,39,0.6); display: block; border-radius: 50%; }
.i3-point em:before, .i3-point em:after { background: #fff; opacity: 0.6; content: ''; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.i3-point em:before { width: 37.5%; height: 1px; }
.i3-point em:after { width: 1px; height: 37.5%; }
.i3-point:before { content: ''; position: absolute; width: 0; height: 0; background: rgba(217,39,39,0.6); z-index: 0; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); /*animation: i3bg 2s linear 0s infinite;*/ }
/*i4*/
.i4-box { height: 100%; width: calc(100% - 80px); }
.i4-box>.dis-m { width: 100%; text-align: right; }
.i4-box>.dis-m>* { text-align: left; }
.i4-box .L { margin-right: 9%; }
.i4-btn { margin-top: 3.6vw; }
.i4-btn a { transition: 0.3s ease 0s; display: inline-block; vertical-align: top; font-size: 1.6vw; font-family: "宋体", SimSun; color: #2b488a; width: 3.2vw; text-align: center; height: 2.6vw; line-height: 2.6vw; border: 1px solid #2b488a; }
.i4-btn a:last-child { margin-left: -1px; }
.i4-btn a.left:hover { text-indent: -10px; }
.i4-btn a.right:hover { text-indent: 10px; }
.i4-box .R { width: calc(57.5% + 1.6vw); ; margin-right: 2px; }
#NewsList_a1 .newimg { width: 100%; height: 17.2vw; overflow: hidden; }
#NewsList_a1 .i4-news { box-shadow: 0 0 1.6vw 0 rgba(0,0,0,0.1); }
#NewsList_a1 { padding: 2.6vw 0 2.6vw 1.6vw; }
#NewsList_a1 a { transition: 0.3s ease 0s; display: block; }
#NewsList_a1 .newimg img { height: 100%; min-width: 100%; margin-left: 50%; transform: translateX(-50%) scale(1); }
#NewsList_a1 .newnr>b { font-size: 20px; color: #26324a; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#NewsList_a1 .newnr { background: #fff; padding: 7% 11% 14%; }
#NewsList_a1 .newnr>p { margin-top: 4%; font-size: 16px; color: #888; line-height: 1.875; display: block; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; max-height: 85px; }
#NewsList_a1 .data { margin-top: 4%; font-size: 14px; color: #8d8d8d; border-left: 2px solid #8d8d8d; padding-left: 10px; }
#NewsList_a1 .data b:before { content: '-'; }
.i4-news-btn i:before { content: ''; position: absolute; right: 0; top: 0; width: 14px; height: 1px; background: #fff; transform: rotateZ(45deg); transform-origin: right; }
.i4-news-btn i { position: relative; width: 22%; height: 1px; background: #fff; margin-left: 9%; z-index: 0; }
.i4-news-btn { box-shadow: 0 7px 1vw 0 rgba(43,72,138,0.5); transition: 0.3s ease 0s; background: #2b488a; color: #fff; font-size: 16px; text-align: center; width: 46%; height: 3.38vw; line-height: 3.38vw; margin: -1.69vw auto 0; opacity: 0; transform: translateY(-1.69vw); }
#NewsList_a1 li a:hover { transform: translateY(-2.6vw); }
#NewsList_a1 li a:hover .i4-news-btn { transform: translateY(0); opacity: 1; transition: 0.3s ease 0.1s; }
/*i5*/
.i5-box .T { height: calc(100% - 6vw - 38px); }
.i5-box .TL { width: 40.5%; height: 100%; background: url(../images/img5.jpg) no-repeat right top; background-size: cover; }
.i5-box .TR { width: calc(59.5% - 80px); padding-left: 9.5%; }
.i5-box .T li { margin-top: 2%; }
.i5-box .T ul { margin-top: 3%; }
.i5-box .T li i { width: 18px; height: 20px; }
.i5-box .T li i img { max-height: 100%; max-width: 100%; }
.i5-box .T li span { max-width: calc(100% - 23px); font-size: 16px; color: #888; margin-left: 5px; }
.i5-box .T li:first-child { margin-top: 0; }
.i3 ul li:first-child { margin-left: 0; }
.i2-box, .i3 ul, .i5-box { font-size: 0; }
#NewsList_a1 .page, #NewsList_a1 #load_more_button, #NewsList_a1 .data i { display: none; }
@media screen and (min-width: 721px ) {
#main-page>div>.swiper-slide[class*="active"] { /*transform: scale(1); transition: 0.8s linear 0s;*/ }
#main-page>div>.swiper-slide { /*transform: scale(0.8); transition: 0.3s ease 0s; animation: swiper 1s linear 0s;*/ }
/*@keyframes swiper { 0%, 100% {
transform:none;
}
}*/

}
@media screen and (min-width: 1025px ) {
.i3 ul a:hover .i3-point { top: 50%; opacity: 1; transform: translate(-50%, -50%) scale(1); }
.i3 ul a:hover .i3-point:before { animation: i3bg 2s linear 0.2s infinite; }
.i3 ul a:hover figure i { height: 28.6vw; }
.i3 ul a:hover figure i .i3-bg { transform: scale(0.9); }
.i3 ul a:hover figcaption { height: 9.45vw; line-height: 9.45vw; box-shadow: 0 0 1.6vw 0 rgba(0,0,0,0.1); }
.swiper-slide-active .public-ititle strong { transition-delay: 0.6s; }
.swiper-slide-active .public-ititle>span { transition-delay: 0.7s; }
.swiper-slide-active .public-ititle p, .swiper-slide-active .i5-box .T ul { transition-delay: 0.8s; }
.swiper-slide-active .i2-box .R>div, .swiper-slide-active .i5-box .TR>div { transition-delay: 0.9s; }
}
@media screen and (max-width: 1600px ) {
}
@media screen and (max-width: 1400px ) {
.BannerShow_b1 .swiper-pagination, .i-box, .i4-box { width: calc(100% - 60px); }
.i5-box .TR { width: calc(59.5% - 60px); padding-left: 5%; }
.i2-box .R { width: calc(50% - 60px); padding-left: 5%; }
.i2-box .R a, .i5-box .T a, .i5-box .T li span { font-size: 14px; }
.public-ititle h6, #NewsList_a1 .newnr>b { font-size: 16px; }
.public-ititle p, #NewsList_a1 .newnr>p { font-size: 14px; max-height: 75px; }
#NewsList_a1 .data { font-size: 12px; }
}
@media screen and (max-width: 1024px ) {
.i2-box .L { width: 40%; }
.public-ititle h6, .i3 ul figcaption span { font-size: 14px; }
.i3 ul figcaption strong { font-size: 6.5vw; }
.i3 ul figcaption { height: 10vw; line-height: 10vw; }
.i2-box .R { padding: 0 3%; }
.public-ititle p { width: 100%; }
.public-ititle>span, .i3 ul figcaption p { font-size: 2.5vw; }
.public-ititle strong { font-size: 4.4vw; }
.i2-box .R a, .i5-box .T a { height: 4vw; line-height: 4vw; }
.i3 ul li { padding: 0 0.5%; }
.i3 ul figure i { height: 38vw; }
.BannerShow_b1 .swiper-pagination, .i-box, .i4-box { width: calc(100% - 50px); }
.i5-box .TR { width: calc(59.5% - 50px); padding: 0 3%; }
.i2-box .R { width: calc(60% - 50px); }
.i3 ul figcaption div.dis-m { max-width: calc(97% - 6.5vw); }
#NewsList_a1 .newnr { padding: 7%; }
.i4-btn a { font-size: 2.5vw; width: 6.2vw; height: 4.6vw; line-height: 4.6vw; }
}
@media screen and (max-width: 720px ) {
.i2-box .L { width: 100%; height: 49vh; }
.i2-box .R { padding-top: 5vw; width: 100%; height: 51vh; background: url(../images/mob-bg1.jpg) no-repeat center; background-size: cover; border-top: 5px solid #fff; }
.public-ititle h6 { padding-left: 2.5vw; font-size: 4.4vw; line-height: 1.4; }
.public-ititle h6 span { margin-left: 4.2vw; text-transform: uppercase;}
.public-ititle p { font-size: 4.4vw; margin-top: 2vw; max-height: none; }
.i2-box .R a, .i5-box .T a, .i4-box .R>a { width: 44.4vw; height: 10vw; font-size: 3.8vw; line-height: 10vw; background: #2b488a; color: #fff; margin: 6vw auto 0; text-align: center; }
.i-box { width: 100%; }
.i3 .i-box, .i4-box { height: calc(100% - 13.9vw); margin-top: 13.9vw; }
.i3 .i-box { font-size: 0; padding: 0; }
#i3-swiper .i3-pagination { margin-top: 5vw; position: static; padding: 1px 0; }
#i3-swiper .i3-pagination span { width: 2.7vw; height: 2.7vw; opacity: 1; background: #2b488a; margin: 0 2.7vw; }
#i3-swiper .i3-pagination span[class*="active"] { background: #bc2829; }
#i3-swiper { padding: 0; bottom: auto; top: 50%; transform: translateY(-50%); padding: 3vw 0; }
.i3 ul li { padding: 0 7vw; }
.public-ititle>span { font-size: 5.2vw; margin-top: 2.5vw }
.BannerShow_b1 .swiper-pagination { width: 100%; padding: 0 3%; }
.i4-box { width: 100%; padding: 0; }
.i4-box .L { padding: 0 3%; }
.i3 ul figcaption div.dis-m { max-width: 100%; text-align: center; margin-left: 0; }
.i3 ul figcaption { height: 17vw; line-height: 17vw; }
.i3 ul figure i { height: 80vw; }
.i4-box { background: url(../images/mob-bg3.jpg) no-repeat center; background-size: cover; }
.i4-box .L, .i4-box .R { margin-right: 0; width: 100%; }
.i4-box .R { margin-top: 3.2vw; }
#NewsList_a1 { padding: 1vw 3% 0; height: 87vw; box-sizing: content-box; }
#NewsList_a1 li { padding: 0 0 3vw; }
#NewsList_a1 a { padding: 3.5vw 2.5vw; background: #fff; box-shadow: 0 0 4vw 0 rgba(0,0,0,0.1); }
#NewsList_a1 .newimg { width: 33%; height: 19.5vw; display: inline-block; vertical-align: middle; }
#NewsList_a1 .newnr { display: inline-block; padding: 0 0 0 4%; vertical-align: middle; width: 67%; }
.i3-point em { width: 11vw; height: 11vw; }
.i3 ul li[class*="active"] figcaption { height: 25vw; line-height: 25vw; box-shadow: 0 0 1.6vw 0 rgba(0,0,0,0.1); }
.i3 ul li[class*="active"] figure i .i3-bg { transform: scale(0.9); }
.i3 ul li[class*="active"] figure i { height: 72vw; box-shadow: 0 0 1.6vw 0 rgba(0,0,0,0.1); }
.i3 ul li[class*="active"] .i3-point { top: 50%; opacity: 1; transform: translate(-50%, -50%) scale(1); }
.i3 ul li[class*="active"] .i3-point:before { animation: i3bg 2s linear 0.2s infinite; }
.i3 ul figcaption span { font-size: 3.8vw; margin-top: 1vw; }
#NewsList_a1 .newnr>b, .i5-box .T li span { font-size: 4.4vw; }
.i5-box .T li span { line-height: 1.6; margin-left: 1.5vw; max-width: calc(100% - 18px - 1.5vw); }
.i5-box .T li i { height: 7vw; }
#NewsList_a1 .newnr>p { font-size: 3.8vw; max-height: 11vw; -webkit-line-clamp: 2; line-height: 1.5; margin-top: 1vw; }
.i5-box .T { height: calc(100% - 18.19vw); }
.i5-box .TL { width: 100%; height: 38%; background-position: center; }
.i5-box .TR { width: 100%; padding: 6% 3% 0; height: 62%; background: url(../images/mob-bg4.jpg) no-repeat center; background-size: cover; }
#NewsList_a1 .i4-news { box-shadow: none; }
.i5-box .T ul { margin-top: 5%; }
.i5-box .T li { margin-top: 1%; }
.i3 ul figcaption p { font-size: 5.2vw; }
.BannerShow_b1 .swiper-container-horizontal .swiper-pagination-bullet { margin: 0 0 0 4%; }
.public-ibg, .public-ititle strong, .i3 ul figcaption strong, .i4-news-btn, #NewsList_a1 .data { display: none; }
}