@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
html, body{ overflow-x:hidden;}
body{color:#333; background-color:#ffffff;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family: "Microsoft Yahei", "微软雅黑", sans-serif; margin:0; padding:0;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color: inherit; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
i, cite, em, var, address, dfn{font-style: normal;}
iframe, video{ max-width:100%;}

/*href*/
a:link,a:visited{color: inherit; text-decoration:none;}
a:hover,a:active{color: inherit; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#a00}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#a00}
.c3f,.c3f a:link,.c3f a:visited{ color: #3F3F3F;}
.bgfa{ background-color: #fafafa;}
.bfff{ background-color: #ffffff;}
.bgf8{ background-color: #f8f8f8;}

@font-face{font-family:"sbold";font-style:normal;src:url('../fonts/SourceHanSansCN-Bold.ttf') format("woff");font-display:swap;}
@font-face{font-family:"snormal";font-style:normal;src:url('../fonts/SourceHanSansCN-Normal.otf') format("woff");font-display:swap}
@font-face{font-family:BarlowCondensed-Light;src:url(../fonts/BarlowCondensed-Light.ttf)}
@font-face{font-family:DINOT-BOLD;src:url(../fonts/DINOT-BOLD.OTF)}



/*common*/
.wrap{ width: 75%; min-width: 1050px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display: -moz-flex; display:flex;}
.flex1{ flex: 1;}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh4{-webkit-line-clamp:4}
.ovh5{-webkit-line-clamp:5}
.table{display: table;table-layout: fixed;text-align: center;width: 100%;height: 100%}
.table_cell{display: table-cell;vertical-align: middle;}

.hide{ display: none !important;}
.show{ display: block !important;}

.section{ background-repeat: no-repeat; background-position: center; background-size: 100% 100%; align-items: center; justify-content: center;}

.mySwiper2>.swiper-pagination{ width: auto; left: 48%;}
.myVideo{ width: 100%; height: 100%; object-fit: cover;}
.myImg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sq_mouse {position: absolute;bottom: 10%;left: 50%;margin-left: -35px;z-index: 3;}
.sq_m_small {position: absolute;top: 5px;left: 50%;margin-left: -1px;width: 2px;height: 8px;border-radius: 6px;background: #fff;animation: smallDown 1.5s forwards infinite;-webkit-animation: smallDown 1.5s forwards infinite;transition: all 1s;-webkit-transition: all 1s;}
@keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}
@-webkit-keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}

.header{ background: url(../images/bg.png) repeat center center; width: 100%; height: 96px; position: fixed; left: 0; z-index: 9; align-items: center; justify-content: space-evenly;}
.logo{ background: url(../images/logo.png) no-repeat center center; width: 271px; height: 100%;}
.nav{ line-height: 96px;}
.nav li{ position: relative;}
.nav li a{ font-size: 18px; color: #333333;padding: 0 40px;border-right: 1px solid #b5bec5}
.nav li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #034f9f; transform: translateX(-50%); transform-origin: center; transition: .3s ease-in-out;}
.nav li.active:after, .nav li:hover:after{ width: 100%; transform: translateX(-50%) scaleX(1);}
.header_right{ flex-direction: column;}
.stock{ font-size: 14px; color: #034F9F; background: url(../images/stock.png) no-repeat 50px center; line-height: 20px; border-right: 1px solid #b5bec5; padding-right: 79px;}
.stock a{ padding: 0 15px; font-size: 16px; font-weight: bold;}



.top_nav {position: fixed;z-index: 1000;right: 5%;top: 0;height: 6.125rem;display: flex;align-items: center;justify-content: center;}
#top_nav_btn {height: 2.75rem;width: 2.75rem;background-color: #034f9f;border-radius: 50%;}
.menubtn {width: 1.25rem;height: 1.25rem;position: relative;cursor: pointer;display: flex;align-items: center;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.menubtn span {display: block;width: 1.875rem;height: 3px;background: #fff;position: relative;vertical-align: middle;-webkit-transition-duration: .3s,.3s;-moz-transition-duration: .3s,.3s;-ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s;transition-delay: .3s,0s;}
.menubtn span:after, .menubtn span:before {content: "";position: absolute;display: inline-block;width: 50%;height: 3px;left: 0;background-color: #fff;-webkit-transition-duration: .3s,.3s;-moz-transition-duration: .3s,.3s;-ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s;transition-delay: .3s,0s;}
.menubtn span:before {top: -7px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -7px;left: 50%;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.menubtn.active span:after, .menubtn.active span:before {width: 100%;background: #fff;-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s;-ms-transition-delay: 0s,.3s;-o-transition-delay: 0s,.3s;transition-delay: 0s,.3s;}
.menubtn.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.menubtn.active span:after {bottom: 0;left: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.site_page {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background: url(../images/top_nav_bg.jpg) center no-repeat;background-size: cover;color: #fff;}
#m_nav {width: 100%;height: 100vh;right: 0;top: 0;padding: 50px 0;overflow: hidden;pointer-events: none;transition: all 1s .5s cubic-bezier(0.445,0.145,0.355,1);visibility: hidden;transform-origin: left;clip-path: inset(0 0 100vh 0 round 0 0 50vw 50vw);}
.m {max-width: 1700px;width: 100%;padding: 0 100px;height: 100%;margin: 0 auto;display: block;position: relative;}
.site_page .m {display: flex;align-items: center;}
.site_page .outbox {display: flex;width: 100%;}
.site_page .outbox {-webkit-transform: translateY(120px);transform: translateY(120px);opacity: 0;-webkit-transition: all 1.2s ease;transition: all 1.2s ease;}
.page_lianxi {width: 50%;flex-shrink: 0;padding-right: 3rem;}
.page_lianxi .tt h3 {font-size: 2.75rem;line-height: 3.375rem;}
.page_lianxi .tt span {font-size: 1.875rem;text-transform: uppercase;font-family: DINOT-BOLD;}
.page_lianxi ul {margin-top: 5rem;margin-bottom: 9rem;}
.page_lianxi ul li {display: flex;align-items: center;}
.page_lianxi ul li+li {margin-top: 1.125rem;}
.page_lianxi ul li .ico {width: 2.8125rem;height: 3.1875rem;flex-shrink: 0;margin-right: 1.25rem;background: url(../images/ico_bg.svg) center no-repeat;background-size: contain;display: flex;align-items: center;justify-content: center;}
.page_lianxi ul li .ico svg {width: 1.375rem;height: 1.375rem;}
.page_lianxi .copyright {text-transform: uppercase;}
.copyright p {display: inline-block;}
.site_page .line {width: 1px;height: auto;background: rgba(255,255,255,.25);}
.site_page .right {display: flex;}
.site_nav {margin-left: 10.5rem;height: 100%;}
.site_nav ul {height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.site_nav ul li {position: relative;}
.site_nav ul li a {display: block;position: relative;line-height: 1.1;}
.s_subnav {position: absolute;left: 18rem;top: 0;opacity: 0;visibility: hidden;transition: .5s;transform: translateY(20px);}
.s_subnav .li a {display: block;font-size: .9375rem;margin-bottom: 1.375rem;color: #fff;width: 150px!important;}
.site_nav ul li h3 {font-size: 1.625rem;color: #fff;margin-bottom: 0.625rem;font-weight: normal;}
.site_nav ul li span {font-size: 1rem;color: rgba(255,255,255,.4);letter-spacing: 1px;text-transform: uppercase;font-family: BarlowCondensed-Light;}
#m_nav.act {pointer-events: auto;top: 0;visibility: visible;clip-path: inset(0 0 0 0 round 0 0 0 0);opacity: 1;transition: all 1.2s cubic-bezier(0.445,0.145,0.355,1);}
.site_page.act .outbox {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
.site_nav ul li.on .s_subnav {opacity: 1;visibility: visible;transform: translateY(0px);}
.section2{background: url(../images/section2bg.png) left bottom no-repeat;}

.section2left{
	width: 630px;
}
.section2left_title{
	font-family: "sbold";
	font-size: 30px;
	color: #333333;
}
.section2left_title1{
	font-family: "sbold";
	font-size: 48px;
	color: #00479D;
	margin-top: 30px;
	margin-bottom: 50px;
}

.section2left_jiantou{
	display: flex;
	align-items: center;
	font-family: "sbold";
	font-size: 18px;
	color: #333333;
}
.section2left_jiantou img{
	display: block;
	margin-right: 15px;
	
}

.section2right{
	width: 900px;
	margin-left: 70px;
}
.section2right_title{
	font-family: "snormal";
	font-size: 18px;
	color: #333333;
	margin-bottom: 60px;
}

.section2_video{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;}
.section2_video video{ width: 100%; height: 54.7%; object-fit: cover;}
.section2_video img{ position: absolute; top: 0; left: 0;}
.section2_tab{ position: relative; width: 36.3%;}
.tab li{ width: 134px; height: 134px; background-color: #ededed; border-radius: 100%; align-items: center; justify-content: center; font-size: 28px; color: #334675; font-weight: bold; position: absolute; cursor: pointer;}
.tab .li1{ left: -50px; bottom: 220px;}
.tab .li2{ right: 20px; bottom: 180px;}
.tab .li3{ right: 260px; top: -5px;}
.tab .li4{ left: 190px; bottom: -5px;}
.tab li.curr{ color: #ffffff; background-color: #334675;}
.list{ width: 43.3%; margin-left: 3.6%; display: none;}
.list_tit{ position: relative; margin: 70px 0;}
.list_tit h1{ font-size: 32px; color: #ffffff; line-height: 1; position: absolute; bottom: -22px; left: 0;}
.list p{ font-size: 14px; color: #ffffff; line-height: 20px; font-weight: bold; height: 300px; text-align: justify; letter-spacing: 2px;}
.adv_img{ max-width: 100%;}
.section2_swiper{ height: auto !important;}
.section2_swiper .swiper-slide{ width: 233px;}
.section2_swiper .swiper-button-prev:after{ content: url(../images/prev.png);}
.section2_swiper .swiper-button-next:after{ content: url(../images/next.png);}
.data{ position: absolute; top: 43%; left: 50%;}
.data li{ width: 190px; font-size: 16px; color: #82a1ea;}
.data_top h1{ display: inline-block; line-height: 60px; font-size: 58px; color: #f5e0b7; font-weight: normal;}
.data_top span{ display: inline-block; color: #ffffff;}
.data_top sup{ display: inline-block; vertical-align: top;}
.data li p{ line-height: 30px;}

.section3{ background-image: url(../images/cpbg.png); justify-content: center;align-items: center;}
.section3 .sps1{
	display: flex;position: relative;width: 680px;flex-direction: column;background-color: #193F8B;height: 650px;padding: 0 50px;
	margin-left: 20px;
}

.section3 .sps1:first-child{
	margin-left: 0px;
	margin-right: 20px;
}
.section3 .sps2{
	border-top: 10px solid #E9C378;position: absolute;width: 100%;top: 0;left: 0;
}

.section3 .sps3{
	position: absolute;display: block;top: 0;left: 50px;
}

.section3 .sps4{
	margin-top: 40px;display:flex;justify-content: flex-end;
}
.section3 .sps5{
	background: url(../images/qj.png);height: 35px;width: 115px;color: #193F8B;font-size: 18px;font-family: snormal;line-height: 35px;text-align: center;
}
.section3 .sps6{
	display: flex;font-family: snormal;padding: 30px 0;border-bottom: 1px solid #4765A2;
}
.section3 .sps7{
	color: #FFFFFF;font-size: 38px;font-family: sbold;margin-top: 45px;
}
.section3 .sps8{
	flex: 1;flex-direction: column;display: flex;
}
.section3 .sps9{
	color: #193F8B;font-size: 24px;background-color: #D1D9E8;border-radius: 34px;height: 34px;width: 100px;text-align: center;
}
.section3 .sps10{
	color: #fff;font-size: 18px;margin-top: 20px;
}
.section3 .sps11{
	flex-direction: column;display: flex;width: 190px;
}

.section3 .sps12{
	color: #fff;font-size: 18px;margin-top: 20px;width: 100px;text-align: center;
}
.section3 .sps13{
	display: flex;font-family: snormal;padding: 30px 0;border-bottom: 1px solid #4765A2;flex-direction: column;
}
.section3 .sps14{
	display: flex;font-family: snormal;padding: 30px 0;flex-direction: column;
}


.asps1{
	display: flex;position: relative;width: 680px;flex-direction: column;height: 650px;padding: 0 50px;
	margin-left: 20px;
}
.asps2{
	border-top: 10px solid #E9C378;position: absolute;width: 100%;top: 0;left: 0;
}
.asps4{
	margin-top: 40px;display:flex;justify-content: flex-end;
}
.asps5{
	background: url(../images/qj.png);height: 35px;width: 115px;color: #193F8B;font-size: 18px;font-family: snormal;line-height: 35px;text-align: center;
}
.asps6{
	display: flex;font-family: snormal;padding: 30px 0;border-bottom: 1px solid #4765A2;
}

.asps7{
	color: #193F8B;font-size: 38px;font-family: sbold;margin-top: 45px;
}
.asps8{
	flex: 1;flex-direction: column;display: flex;
}
.asps9{
	color: #193F8B;font-size: 24px;background-color: #F5F5F5;border-radius: 34px;height: 34px;width: 100px;text-align: center;
}
.asps10{
	color: #193F8B;font-size: 18px;margin-top: 20px;
}
.asps11{
	flex-direction: column;display: flex;width: 190px;
}

.asps12{
	color: #193F8B;font-size: 18px;margin-top: 20px;width: 100px;text-align: center;
}
.asps13{
	display: flex;font-family: snormal;padding: 30px 0;border-bottom: 1px solid #4765A2;flex-direction: column;
}
.asps14{
	display: flex;font-family: snormal;padding: 30px 0;flex-direction: column;
}


.xunhuan{
	padding: 0 40px;
	height: 60px;
	background: #F5F5F5;
	border-radius: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 36px;
	color: #193F8B;
	font-family: sbold;
	margin: 0 30px;
	cursor: pointer;
}
.xunhuan.cli{
	background: #193F8B;
	color: #fff;
}
.prolist{
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}

.pro_tit{ color: #6b645d; width: 72.4%; margin: 0 auto; line-height: 52px;}
.pro_tit h1{ font-weight: normal; font-size: 52px;}
.pro_tit p{ font-size: 40px; margin-left: 40px;}
.section3_pro{ width: 83%; height: 64.6%; margin: 60px auto 0; position: relative;}
.section3_swiper{ width: 87.4% !important; margin: 0 auto;}
.section3_swiper .swiper-slide{ background: url(../images/pro_bg.jpg) no-repeat center center; background-size: 100% 100%; width: 48.2%; height: 100%; margin: 0 .9%;}
.section3_nr{ padding: 76px 15px 30px 56px;}
.section3_ch{ font-size: 32px; color: #ffffff; line-height: 50px;}
.section3_en{ font-size: 28px; color: #ffffff; line-height: 40px; font-weight: bold;}
.section3_ul{ width: 500px; margin-top: 20px;}
.section3_ul li{ margin-bottom: 25px; position: relative;}
.section3_ul li h1{ cursor: pointer; font-size: 20px; color: #ffffff; font-weight: normal; line-height: 40px; background: url(../images/pro_arrow.png) no-repeat 90% center; padding: 0 5px;}
.section3_txt{ display: none; background: url(../images/pro_bg1.png) repeat center center; position: absolute; z-index: 1;}
.section3_txt p{ font-size: 18px; color: #ffffff; line-height: 35px; padding: 16px 25px 25px;}
.pro_more{ display: block; position: absolute; bottom: 30px; right: 15px; width: 115px; height: 35px; background: url(../images/pro_more.png) no-repeat center center;}
.section3_pro .swiper-button-next, .section3_pro .swiper-button-prev{ width: 46px; height: 46px;}
.section3_pro .swiper-button-next:after{ content: url(../images/next.png);}
.section3_pro .swiper-button-prev:after{ content: url(../images/prev.png);}
.section3_swiper .swiper-slide:hover{ background-image: url(../images/pro_bg_hover.jpg);}
.section3_swiper .swiper-slide:hover .section3_ch{ color: #545556;}
.section3_swiper .swiper-slide:hover .section3_en{ color: #1d1d1d;}
.section3_swiper .swiper-slide:hover h1{ color: #545556;}
.section3_swiper .swiper-slide .section3_ul li h1:hover{ background-color: #163c87; background-image: url(../images/pro_arrow_hover.png); color: #fff600;}
.section3_swiper .swiper-slide:hover .pro_more{ background-image: url(../images/pro_more_hover.png);}

.section4{ background: url(../images/qyry.png) no-repeat; background-size:100% 100%;}
.section4_txt h1{ font-size: 52px; color: #ffffff; line-height: 80px;}
.section4_txt h2{ font-size: 72px; color: #d3d3d3; text-transform: uppercase; line-height: 85px;}
.section4_txt p{ font-size: 14px; color: #ffffff; line-height: 32px; margin-top: 60px;}
.section4_img{ width: 980px; max-height: 86%; margin: 6.6% 0 0 100px; overflow: hidden;}
.section4_ul{ flex-wrap: wrap; animation: infiniteScroll 20s linear infinite;}
.section4_ul li{ width: 203px; height: 213px; margin: 40px 20px 0;}
.section4_ul li:nth-child(2n+1){ margin-top: 0;}
@keyframes infiniteScroll {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -100%, 0);  
	}
}

.section5{ background-image: url(../images/bg4.jpg);}
.section5_nr{ width: 82%; height: 77%;}
.section5_news{ padding: 50px 90px 0 50px;}
.index_news_tit{ justify-content: space-between; height: 54px; line-height: 54px; margin-bottom: 30px;}
.index_news_tit p{ color: #6b645d; font-size: 52px;}
.index_news_tit span{ font-size: 40px; margin-left: 30px;}
.index_news_tit a{ display:block; width:166px; line-height:48px; border-radius:48px;  border:3px solid #e0eafa; text-align:center; font-size:15px; color:#5d5e60; position:relative;}
.index_news_tit a:before, .index_news_tit a:after{content: '';z-index: 1; position: absolute;top: -3px;bottom: -3px;left: -3px;right: -3px; width:100%; height:100%; border:3px solid #0150ce; border-radius:48px; animation: clipMe 8s linear infinite;}
.index_news_tit a:before {animation-delay: -4s;}
@keyframes clipMe {
    0%, 100% {
        clip: rect(0, 166.0px, 3px, 0px);
    }
    25% {
        clip: rect(0px, 3px, 220.0px, 0px);
    }
    50% {
        clip: rect(218.0px, 220.0px, 220.0px, 0px);
    }
    75% {
        clip: rect(0px, 220.0px, 220.0px, 218.0px);
    }
}
.index_news_cen{ justify-content: space-between;}
.section5_left{ width: 778px !important; margin: 0;}
.section5_left .swiper-pagination{ width: auto; right: 30px; bottom: 30px; left: auto;}
.section5_left .swiper-pagination-bullet{ width: 15px; height: 15px; background-color: #ffffff;}
.section5_left .swiper-pagination-bullet-active{ background-color: #3b5a90;}
.section5_right{ width: 610px; border-top: 1px solid #dedede;}
.section5_right li{ padding: 18px 0 24px;  border-bottom: 1px solid #dedede;}
.news_time{ line-height: 32px; font-size: 14px; color: #949698; font-weight: bold;}
.news_tit{ line-height: 42px; font-size: 24px; color: #000000;}
.news_txt{ line-height: 24px; margin-top: 5px; font-size: 14px; color: #868686;}

.section6{ background-image: url(../images/bg5.jpg); flex-direction: column; justify-content: space-between;}

.section7{ background: url(../images/bg6.jpg); flex-direction: column;width: 100%;height: 560px;}

.footer{ width: 80%; margin: 0 auto; padding-bottom: 60px;}
.foot_top{ justify-content: space-between;}
.foot_nav{}
.foot_nav li{ text-align: center; margin-right: 70px;}
.foot_nav li .icon{ height: 59px; background: url(../images/foot_bg1.png) no-repeat center center;}
.foot_nav li .icon h1{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}
.foot_nav li .icon1{ background-image: url(../images/icon1.png);}
.foot_nav li .icon3{ background-image: url(../images/icon2.png);}
.foot_nav li .icon2{ background-image: url(../images/icon3.png);}
.foot_nav li .icon4{ background-image: url(../images/icon4.png);}
.foot_nav li .icon5{ background-image: url(../images/icon5.png);}
.foot_nav li .icon6{ background-image: url(../images/icon6.png);}
.foot_nav li p{ line-height: 45px; font-size: 18px; color: #cdb17f;}
.foot_nav li:hover .icon{ background-image: url(../images/foot_bg2.png);}
.foot_nav li:hover .icon1{ background-image: url(../images/icon1_hover.png);}
.foot_nav li:hover .icon3{ background-image: url(../images/icon2_hover.png);}
.foot_nav li:hover .icon2{ background-image: url(../images/icon3_hover.png);}
.foot_nav li:hover .icon4{ background-image: url(../images/icon4_hover.png);}
.foot_nav li:hover .icon5{ background-image: url(../images/icon5_hover.png);}
.foot_nav li:hover .icon6{ background-image: url(../images/icon6_hover.png);}
.f_img{ margin-top: 20px;}
.foot_bottom{ justify-content: space-between; align-items: flex-end;}
.foot_txt{ margin-top: 15px;}
.foot_txt p{ line-height: 40px; font-size: 16px; color: #ffffff;}
.foot_txt p.foot_tel{ line-height: 26px; padding: 10px 0; font-size: 18px; color: #d3d3d3;display: flex;align-items: center;}
.foot_txt p.foot_tel span{ display: block; line-height: 38px; font-weight: bold; font-size: 40px; color: #cfb387;}
.foot_cod img{ display:inline-block; margin-left:20px;}
.copy{ margin-top: 10px;}
.copy, .copy a{ font-size: 12px; color: #4c76bf;}
.copy img{ vertical-align: middle; height: 30px;}

.er_foot{ width: 100%; background: url(../images/footer.jpg) no-repeat center center; background-size: cover; padding: 70px 0 50px;}
.er_foot_wrap{ width: 1200px; margin: 0 auto; justify-content: space-between;}
.f_con{ width: 425px;}
.f_tit{ line-height: 1; font-size: 20px; color: #ffffff; font-weight: bold;}
.f_txt{ margin: 15px 0 40px;}
.f_txt, .f_txt p{ font-size: 15px; color: #ffffff; line-height: 35px;}
.f_copy, .f_copy a{ font-size: 12px; color: #4c76bf; line-height: 25px;}
.f_copy img{ vertical-align: middle; height: 30px;}
.f_gbook{ width: 300px;}
.f_gbook_p{ margin: 20px 0; font-size: 14px; color: #81a6e6;}
.f_item{ height: 40px; margin-bottom: 10px; border-radius: 5px; background-color: #ffffff; padding: 0 15px;}
.f_item input{ width: 100%; height: 100%;}
.f_apply-btn{ background-color: #0e3992; border-radius: 5px; font-size: 15px; color: #ffffff; line-height: 40px; text-align: center;}
.f_tel{ width: 260px;}
.f_service{ padding: 30px 0; border-bottom: 1px solid #2251a4;}
.f_service li{ margin-right: 18px; position: relative;}
.ewm_hover{ display: none; position: absolute; left: 0; top: 36px;}
.f_service li:hover .ewm_hover{ display: block;}
.f_service_nr{ margin-top: 15px;}
.f_service_tit{ line-height: 28px; font-size: 12px; color: #316dd6;}
.f_service_tel{ line-height: 40px; font-size: 26px; color: #ffffff;}
.f_service_txt{ line-height: 30px; font-size: 14px; color: #316dd6;}

.mt107{ margin-top: 97px;}

.sunbg{
	background: url(../images/sunbg.png) center no-repeat;
	width: 100%;
	height: 575px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.suntitle{
    color: #fff;
	text-align: center;
  }
  .suntitle div:first-child{
    font-family: "sregular" !important;
    font-size: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .suntitle div:first-child::after{
    content: "";
    width: 60px;
    height: 4px;
    background-color: #fff;
    margin: 12px 0;
  }
  .suntitle div:last-child{
    font-family: "Arial" !important;
    font-size: 32px;
    margin-top: 10px;
  }
  

.contact{ padding: 60px 0;}
.con_tit{ font-size: 30px; color: #1f4791; line-height: 50px;}
.con_ul{ margin-top: 50px; justify-content: space-evenly;}
.con_icon{ width: 100%; height: 80px; background-repeat: no-repeat; background-position: center;}
.con_icon1{ background-image: url(../images/con_icon1.png);}
.con_icon2{ background-image: url(../images/con_icon2.png);}
.con_icon3{ background-image: url(../images/con_icon3.png);}
.con_ul p.con_title{ line-height: 50px;}
.con_ul p{ font-size: 16px; color: #494949; line-height: 26px;}

.form1{ background: url(../images/form_bg3.jpg) no-repeat center center; background-size: cover; height: 540px; color: #111d4b; flex-direction: column; justify-content: center; align-items: center;}
.form1 h1{ font-size: 40px; line-height: 55px;}
.form1 h2{ font-weight: normal; font-size: 24px; line-height: 35px; margin: 70px 0 50px;}
.form1 p{ font-size: 18px; line-height: 30px;}
.form{ background: url(../images/form_bg2.jpg) no-repeat center center; background-size: cover; padding: 80px 0;}
.forms{ width: 460px; height: 500px; float: right; margin-right: 18.5%;}
.forms form{ padding: 40px 40px 0;}
._item{ margin-bottom: 8px;}
._item label{ line-height: 35px; font-size: 12px; color: #666666; display: block;}
._item span{ color: #ff3042; margin-right: 5px;}
._item .form-input, ._item .form-text{ width: 354px; padding: 0 12px; border: 1px solid #c8c8c8; border-radius: 5px; height: 36px;}
._item .form-text{ height: 110px; padding: 12px;}
.apply-btns{ width: 168px; line-height: 32px; text-align: center; margin: 60px auto 0; border-radius: 32px; background-color: #ff6a09; font-size: 12px; color: #ffffff; font-weight: bold;}

.partner{ background: url(../images/partner_bg.jpg) no-repeat center center; background-size: cover; width: 100%; height: 883px; justify-content: center; align-items: center;}
.partner .section4_txt h1, .partner .section4_txt h2{ color: #2057ab;}
.partner .section4_txt p{ color: #2057ab;}

.newslist{ width: 75.8%; margin: 75px auto 0;}
.newslist li{ float: left; width: 29.5%; margin: 0 1.91% 35px;}
.news_zi{ border: 1px solid #e5e5e5; border-top: none; padding: 50px 38px;}
.news_zi1{ font-size: 14px; color: #bcd84d; font-weight: bold; margin-bottom: 13px;}
.news_zi1 span{ color: #9d9e9f; font-weight: normal;}
.news_zi2{ line-height: 60px; font-size: 17px; color: #313334; font-weight: bold;}
.news_zi3{ line-height: 24px; font-size: 14px; color: #999ca1;}

.classlist li .news_zi1, .classlist li .news_zi3{ display: none;}
.classlist .news_zi{ padding: 0; border: none; text-align: center;}

.product{ background: url(../images/product.jpg) no-repeat center top;}
.product_nr{ margin: 80px 0; justify-content: center;}
.pro_nav{ background: url(../images/pro_nav.jpg) no-repeat center top; width: 22.5%; height: 874px;}
.pro_nav ul{ padding: 80px 45px 0;}
.pro_nav li{ margin-bottom: 30px;}
.pro_top_nav{ margin-bottom: 36px;}
.pro_top_nav p{ line-height: 30px; font-size: 22px; color: #545556;}
.pro_top_nav h1{ line-height: 34px; font-size: 24px; color: #1d1d1d;}
.pro_er_nav a{ display: block; line-height: 27px; margin-bottom: 17px; font-size: 15px; color: #545556; background: url(../images/pro_arrow.png) no-repeat 90% center; padding: 0 5px; background-size: 15px;}
.pro_er_nav a.on{ background-image: url(../images/pro_arrow_hover.png); background-color: #163c87; color: #fff600;}
.pro_content{ background-color: #163c87; width: 46%; margin-left: 40px;}
.pro_cont{ padding: 30px 30px 40px;}
.pro_cont, .pro_cont p{ font-weight: bold; font-size: 14px; line-height: 30px; text-align: justify;}
.pro_cont p.h1{ font-size: 25px;}
.pro_cont img{ max-width: 100%;}

.aboutus_nav{ margin-top: -110px; justify-content: center;}
.aboutus_nav li{ line-height: 62px; position: relative; margin: 0 35px;}
.aboutus_nav li a{ font-size: 24px; font-weight: bold;}
.aboutus_nav li.on:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 64px; height: 4px; background-color: #ffebcd; transform: translateX(-50%);}

.aboutus{ justify-content: space-between;}
.aboutus_txt{ background: url(../images/aboutus_bg.jpg) no-repeat center center; background-size: cover; width: 34.3%; padding: 6.6% 6.7% 0 9.3%;}
.aboutus_txt, .aboutus_txt p{ font-size: 15px; color: #3b3b3b; line-height: 26px; text-align: justify;}

.pad_bot {padding-bottom: 6rem;}
.pad_top {padding-top: 6rem;}
.n_wenhua {width: 100%;position: relative;overflow: hidden;background: url(../images/n_wenhua_bg.jpg) center no-repeat;background-attachment: fixed;background-size: cover}
.m {max-width: 1700px;width: 100%;padding: 0 100px;height: 100%;margin: 0 auto;display: block;position: relative;box-sizing: border-box;}
.s_tt {margin-bottom: 3rem}
.s_tt h3 {font-size: 2.125rem;font-weight: bold;margin-bottom: .375rem}
.s_tt p {font-family: DINOT-BOLD;font-size: 2.875rem;text-transform: uppercase;line-height: 1}
.n_wenhua .bd {display: flex;position: relative;align-items: center}
.n_wenhua .bd .left {width: 35.75rem;position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;text-align: center}
.n_wenhua .bd .right {flex-grow: 1;max-width: 46.8125rem;margin-left: 7rem}
.n_wenhua .bgbox {position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: -1}
.n_wenhua .bgbox:before {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;animation: roll2 12s infinite linear;background: url(../images/n_wenhua_txt1.png) center no-repeat;background-size: contain}
.n_wenhua .bgbox:after {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;animation: roll2 12s infinite linear;background: url(../images/n_wenhua_txt2.png) center no-repeat;background-size: contain}
@keyframes roll2 {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(359deg)
	}
}
.n_wenhua .bd .left .swiper {height: 100%}
.n_wenhua .bd .left .box {display: flex;height: 100%;align-items: center;justify-content: center;flex-direction: column}
.n_wenhua .bd .left .tt {margin-bottom: 2rem}
.n_wenhua .bd .left .tt h4 {font-size: 2.375rem;color: #174c9d;margin-bottom: .5rem;font-weight: normal;}
.n_wenhua .bd .left .tt p {font-size: 0.9375rem;color: #164c9c;text-transform: uppercase}
.n_wenhua .bd .left .con {font-size: 1.125rem;color: #164c9c;line-height: 1.7}
.n_wenhua .right ul li {height: 5.813rem;border-radius: .625rem;background: rgba(255, 255, 255, .3);margin-bottom: 7px;position: relative;z-index: 1}
.n_wenhua .right ul li .box {color: #fff;display: flex;align-items: center;height: 100%;padding-left: 2.625rem;position: relative;z-index: 1}
.n_wenhua .right ul li span {font-size: 2.75rem;color: #fff;display: block;margin-right: 2.75rem}
.n_wenhua .right ul li .tt h4 {font-size: 1.5rem;font-weight: normal;}
.n_wenhua .right ul li .ico {position: absolute;right: 3rem;opacity: 0;visibility: hidden;transition: .5s;transform: translateX(-20px);}
.n_wenhua .right ul li:before {content: "";display: block;position: absolute;opacity: 0;visibility: hidden;right: 0;top: 0;width: 100%;height: 100%;z-index: -1;transition: .5s;border-radius: .625rem;background: #2e5098}
.n_wenhua .right ul li.on:before {width: calc(100% + 3.75rem);opacity: 1;visibility: visible}
.n_wenhua .right ul li.on .ico {opacity: 1;visibility: visible;transform: translateX(0)}
.wenhua_slide {clip-path: url(#clip2);width: 100%}
.wenhua_slide:before {content: "";display: block;width: 100%;height: 0;padding-top: 97%}
.wenhua_slide .conbox {position: absolute;left: 0;top: 0;width: 100%;height: 100%}

.w1200 {max-width: 71%;margin: 4.25rem auto 0;}
.honor_tab{ justify-content: center;}
.honor_tab li{ cursor: pointer; font-size: 1.35rem; margin: 2rem 2rem 0; position: relative; padding-bottom: 1rem;}
.honor_tab li.curr{ color: #0e3992;}
.honor_tab li:after {content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;background-color: #0e3992;transform: translateX(-50%); transition: .3s ease-in-out;}
.honor_tab li.curr:after{ width: 64px;}
.title004 {text-align: center;}
.title004 h3 {font-size: 2.125rem;color: #333;font-family: OPENSANS-BOLD;text-transform: capitalize;margin-bottom: 0.875rem;}
.n_zhuanli .fl01{background:url(../images/n_zhuanli_fl01_bg.jpg) center no-repeat;background-size:cover !important;padding-bottom:5rem;overflow: hidden;}
.n_zhuanli .fl01 .swiper-slide h5{ font-size:1rem; line-height:1.875rem; margin-top:1rem; text-align:center; color:#494949; opacity: 0; font-weight: normal;}
.n_zhuanli .box{ position: relative; display: none;}
#certify .swiper-slide.swiper-slide-active h5 {opacity: 1;}
#certify .swiper-container2{ width: 930px; margin: 0 auto; padding: 46px 0;}
#certify .swiper-slide.swiper-slide-active{ overflow:visible;}
#certify .swiper-slide {width: 370px; height: 500px; box-sizing:border-box; cursor: -webkit-grab;position:relative;}
#certify .swiper-slide img{display:block;max-width: 100%;max-height: 100%;}
#certify .swiper-slide .img{ box-sizing: border-box;}
#certify .swiper-slide.swiper-slide-active{ border:0 solid #fff; box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.15);}
.container00 ul .miso-arrow{width: 4rem;height: 4rem;border: #c7c8c9 1px solid;border-radius: 50%; transition:.6s}
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size:0; cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.container00 ul .miso-arrow.miso-prev{left: -7rem;background:url(../images/icon-system_black_l.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}
.container00 ul .miso-arrow.miso-next{ right:-7rem; background:url(../images/icon-system_black_r.svg) center no-repeat; transition:300ms;  -webkit-transition:300ms;}
#certify .container00 ul .miso-arrow.miso-prev{ left:0}
#certify .container00 ul .miso-arrow.miso-next{ right:0}
.container00 ul .miso-prev:hover{ background:#0e3992 url(../images/icon-system_white_l.svg) center no-repeat; border:#0e3992 1px solid}
.container00 ul .miso-next:hover{ background:#0e3992 url(../images/icon-system_white_r.svg) center no-repeat; border:#0e3992 1px solid}

span.din { font-weight: bold;}
.n_history *{box-sizing: border-box;}
.n_history {width: 100%;height: 61rem;overflow: hidden;background: url(../images/n_history_bg.jpg) center no-repeat;background-attachment: fixed;background-size: cover;color: #ffffff;}
.n_history .m {display: flex;align-items: center}
.n_history .left {position: relative;z-index: 9;margin-right: 5rem}
.n_history .right {padding-top: 8rem}
.n_history .arrbox {display: flex;gap: 1rem;margin-top: 5rem}
.n_history .arr {display: block;width: 5.625rem;height: 5.625rem;flex-shrink: 0;transition: .5s;background: #feffff;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center}
.n_history .arr svg {width: 1.25rem;height: 1.25rem}
.n_history .arr svg path {fill: #58595c}
.n_history .arr:hover svg path {fill: #fff}
.n_history .arr:hover {background: #0e3992}

.ar_title{ padding-bottom: 2.25rem; border-bottom: 1px solid #e5e5e5; margin-bottom: 2.25rem;}
.ar_title h2{ font-size: 1.5rem; color: #000000; font-weight: bold; margin-bottom: 1.75rem; position: relative; line-height: 1;}
.ar_title h2:before{ content: ""; display: block; width: 5px; height: 1.25rem; background: #e81f18; position: absolute; left: -1.25rem; top: 4px;}
.ar_title div span{ font-size: .875rem; color: #8d8d8d; margin-right: 1rem;}
.ar_article{ font-size:.9375rem; color:#5e5e5e; line-height:1.875rem; text-align:justify; margin-bottom: 2.25rem;}
.ar_article h4{ font-size: 1.125rem;}
.ar_article p{font-size:.9375rem;color:#5e5e5e;line-height:1.875rem; padding-bottom:.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important; }
.ar_article td *,.ar_article th *{ font-size:0.95rem !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6,.ar_article b{ font-weight:bold; color:#232323;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul, .ar_article ol{ margin-bottom:15px;}
.ar_bot{padding:1.875rem 0 0;border-top: #e5e5e5 1px solid;margin:2rem 0 2rem;}
.ar_bot .a{ display:inline-block; line-height:2.5rem; font-size:.875rem; color: #999; transition:.5s; border-radius:1.25rem; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.ar_bot .a svg{ width: 12px; height: 12px; vertical-align: middle; }
.ar_bot .a svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.ar_bot .a:hover{  background:#3f4583; padding:0 1.5rem; color: #fff;}
.ar_bot .a:hover svg path{ fill:#fff; }
.ar_bot .a:hover a{ color: #ffffff;}
.fanhui a {display: inline-block;width: 9.6875rem;height: 2.5rem;line-height: 2.5rem;background: #1e3685;border-radius: 1.25rem;text-align: center;font-size: 15px;color: #fff;transition: 0.36s;}
.fanhui a img {margin: -3px 0.5rem 0 0; vertical-align: middle; height: 20px;}
.fanhui a:hover {background: #9fca37;}

.pagelist{text-align: center;clear: both;padding: 30px 0;}
.pagelist span, .pagelist strong, .pagelist a{display: inline-block;border: 1px solid #ddd;padding: 6px 10px;margin-right: 2px;line-height: 16px;text-decoration: none;color: #666;}
.pagelist span{background: #e13e00;color: #fff;}
.xzrcsa{
	width: 800px;
}
@media (max-width: 1600px) {
	.nav li a{
		padding: 0 10px;
	}
	.section2left {
		width: 45%;
	}
	.section2right{
		width: calc(50% - 20px);
		margin-left: 20px;
	}
	.xzrcsa{
		width: 800px;
		margin-left: 20px;
	}
	.foot_cod img:first-child{
		width: 500px;
	}
	.foot_txt p.foot_tel span{
		font-size: 25px;
	}
}