body{
	overflow-x:hidden !important;  background:#fff; letter-spacing:1px;
	font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue','Helvetica','Arial',sans-serif;
}
body.pagebody{
	background:#fff;
}
.bodybg{
	background:#fff;
}
*{
	outline:none; box-sizing:border-box;
}
i{
	font-style:normal !important;
}
@font-face {
	font-family: "D-DINCondensed";
	src: url('../fonts/D-DINCondensed.eot'); /* IE9 */
	src: url('../fonts/D-DINCondensed.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/D-DINCondensed.woff') format('woff'),
	url('../fonts/D-DINCondensed.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('../fonts/D-DINCondensed.svg#D-DINCondensed') format('svg'); /* iOS 4.1- */
}
@font-face {
	font-family: "D-DINExp";
	src: url('../fonts/D-DINExp.eot'); /* IE9 */
	src: url('../fonts/D-DINExp.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/D-DINExp.woff') format('woff'),
	url('../fonts/D-DINExp.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('../fonts/D-DINExp.svg#D-DINExp') format('svg'); /* iOS 4.1- */
}
@font-face {
	font-family: Bebas;
	src: url("../fonts/BEBASNEUE-1.ttf");
}

.clear{
	clear:both;
}


.w1600{
	width:1500px; margin:0 auto;
}
.w1200{
	width:1200px; margin:0 auto;
}
.mtb120{
	margin-top:120px; margin-bottom:120px;
}
.pt100{
	padding-top:100px;
}
.pb100{
	padding-bottom:100px;
}
.pt80{
	padding-top:80px;
}
.pb80{
	padding-bottom:80px;
}
.mt80{
	margin-top:80px;
}
.fwb{
	font-weight:bold;
}


.transition04{
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}
.transition0401{
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.clearboth{
	clear:both;
}

#main{
	position:relative; z-index:22;
}
.menu_body{
	display:none;
}

.header{
	height:100px; line-height:100px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header .inheader{
	height:100px; line-height:100px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header .inheader .menu > li{
	height:100px; line-height:100px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header .inheader .menu li > a{
	font-size:20px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header .inheader .logo img{
	height:54px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header.yanse{
	height:80px; line-height:80px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header.yanse .inheader{
	height:80px; line-height:80px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header.yanse .inheader .menu > li{
	height:80px; line-height:80px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header.yanse .inheader .menu li > a{
	font-size:19px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}
.header.yanse .inheader .logo img{
	height:50px;
	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;
}

.header{
	width:100%; position:fixed;
	top:0px; left:0px; z-index:111111111; border-bottom:1px solid rgba(255,255,255,1);
}
.header .inheader{
	width:1500px; margin:0 auto;
}
.header .inheader .logo{
	float:left; height:100%; display: flex;  flex-direction: column; justify-content: center;
}
.header .inheader .logo img{
	max-height:100%; display:block;  height:54px;
}
.header .inheader .logo img:first-child{
	display:block; 
}
.header .inheader .logo img:last-child{
	display:none; 
}


.header .inheader .menu{
	float:left; margin-left:200px; position:relative;
}
.header .inheader .menu > li{
	float:left;   width:auto; text-align:center; box-sizing:border-box; margin-left:125px; padding:0px;	position:relative; z-index:2;
}
.header .inheader .menu > li:first-child{
	margin-left:0px;
}
.header .inheader .menu li > a{
	color:#fff; position:relative;
}
.header .inheader .menu li > a >span{
	position:relative; z-index:3;
}
.header .inheader .menu > li.active:after,
.header .inheader .menu > li:hover:after{
	position:absolute; bottom:-3px; left:50%; transform:translateX(-50%); content:" "; z-index:2;
	width: 32px;	height: 5px;	background: #CC3333;
}

.header .inheader .menu li:marker{
	display:none;
}

.header.yanse{
	/*background-image: -moz-linear-gradient( 0deg, rgb(13,38,77) 0%, rgb(18,64,134) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(13,38,77) 0%, rgb(18,64,134) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(13,38,77) 0%, rgb(18,64,134) 100%);*/
	background:#fff;
}
.header.yanse .inheader .logo img:first-child{
	display:none; 
}
.header.yanse .inheader .logo img:last-child{
	display:block; 
}
.header.yanse .inheader .menu > li > a{
	color:#333;
}
.header.yanse .inheader .menu > li > a:hover{

}
.header.yanse .inheader .menu > li.active > a:after,
.header.yanse .inheader .menu > li:hover > a:after{
	background:#00327e;
}
.header .menu > li .subnav ul{
	width:100%; padding:0 40px;
}
.header .menu > li .subnav li{
	text-align:left; width:100%; position:relative; display:block; margin:0;
}
.header .menu > li .subnav li a{
	font-size:16px; color:#333; display:flex; justify-content:space-between;
}
.header .menu > li .subnav li a span img{
	height:13px;
}
.header .menu > li .subnav li a span img:first-child{
	display:inline-block;
}
.header .menu > li .subnav li a span img:last-child{
	display:none;
}
.header .menu > li .subnav li a:hover,
.header .menu > li .subnav li a.active{
	color:#00327e;
}
.header .menu > li .subnav li a:hover span img:first-child,
.header .menu > li .subnav li a.active span img:first-child{
	display:none;
}
.header .menu > li .subnav li a:hover span img:last-child,
.header .menu > li .subnav li a.active span img:last-child{
	display:inline-block;
}

.menu li .icon_nav_item{
	display:none;
}
.header .menu > li .subnav{
	background: #f5f5f5;
	width: 350px;
	position: absolute;
	left: calc(50% - 175px);
	top: 100%;
	padding: 20px 0;
	line-height: 48px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-30px);
	transition: all 0.8s;
	display:flex;
	justify-content:center;
}
@media all and (min-width:769px){
	.header .menu > li:hover .subnav{
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		transition: all 0.8s;
	}

}


.menubg {
    position: absolute;
    width: 100%;
    height: 60px;
    background: #eff3f5;
    display: none;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    top: 100%;
    left: 0px;
    z-index: -2;
}
.menu .menubg{
	background:none; z-index:1;
}




.swiper_container_banner{

}
.swiper_container_banner .swiper-pagination{
	width:1500px !important; left:50% !important; transform:translateX(-50%); bottom:60px !important; text-align:center;
}
.swiper_container_banner .swiper-pagination .swiper-pagination-bullet{
	width:33.33%; margin:0 !important; opacity:1; background:none;  border-radius:0px; border-bottom:1px solid rgba(246,247,248,0.2);
	text-align:left; font-size:24px; color:#969696; height:42px; line-height:26px;
}
.swiper_container_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	color:#fff; border-color:#CC3333; border-width:2px;
}

.swiper_container_banner .swiper-slide{
	position:relative; z-index:1;
}
.swiper_container_banner .swiper-slide img{
	width:100%; display:block;
}
.swiper_container_banner .swiper-slide .w1600{
	opacity:0; transform:translateY(100px);
	transition: All 0.4s ease-in-out 0.4s;
	-webkit-transition: All 0.4s ease-in-out 0.4s;
	-moz-transition: All 0.4s ease-in-out 0.4s;
	-o-transition: All 0.4s ease-in-out 0.4s;
}
.swiper_container_banner .swiper-slide.swiper-slide-active .w1600{
	opacity:1; transform:translateY(0px);
	transition: All 0.4s ease-in-out 0.4s;
	-webkit-transition: All 0.4s ease-in-out 0.4s;
	-moz-transition: All 0.4s ease-in-out 0.4s;
	-o-transition: All 0.4s ease-in-out 0.4s;
}
.swiper_container_banner .text{
	position:absolute; text-align:center; color:#fff; width:100%; height:100%; left:0px; top:0px; display:flex; justify-content:center; flex-direction:column;
}
.swiper_container_banner .text .text_t{
	font-size: 90px; font-weight: bold; font-style:italic; margin-top:100px;
}
.swiper_container_banner .text .text_b{
	font-size:36px; margin:65px 0 20px;
}
.swiper_container_banner .text .text_c{
	font-size:30px;  line-height:1.66;
}
.swiper_container_banner .text .text_img img{
	width:135px; display:inline-block; margin-top:40px;
}
.swiper_container_banner .text.text_page{
	text-align:left; color: #fff; font-style:italic;
}
.swiper_container_banner .text.text_page .text_t_page{
	font-size: 24px; text-transform: uppercase;  opacity: 0.2; letter-spacing: 6px;
}
.swiper_container_banner .text.text_page .text_b_page{
	font-size: 72px;  font-weight: bold; margin:30px 0 75px;
}
.swiper_container_banner .text.text_page .text_c_page{
	font-size: 30px;
}

.index01{
	position:relative;
}
.index01_in{
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.index01_list{
	width:25%; display:flex; justify-content:center; padding:38px 0;
}
.index01_list .index01_left{
	display:flex; flex-direction:column; justify-content:center; margin-right:30px;
}
.index01_list .index01_left span{
	position:relative;
}
.index01_list .index01_left span::after{
	position: absolute;	opacity: 0;	content: "";	top: -2px;	left: -2px;	width: 100%;	height: 100%;	border-radius: 50%;	border: 2px solid #6c7da1;
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.index01_list:hover .index01_left span::after {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
}
.index01_list .index01_left img{
	display:block; height:72px; border:2px solid #68799f; border-radius:1000px;
}
.index01_list .index01_right{
	display:flex; flex-direction:column; justify-content:center;
}
.index01_list .index01_right .t{
	font-size:18px; color:#04133E;
}
.index01_list .index01_right .t em{
	font-weight:normal;
}
.index01_list .index01_right .t span{
}
.index01_list .index01_right .b{
	font-size:14px; color:#999; margin-top:12px;
}

.index_title{
	text-align:left; position:relative;
}
.index_title .t{
	font-size:77px; margin-bottom:55px; color:#333;  text-transform: uppercase;  opacity: 0.11;
}
.index_title .b{
	font-size:39px; color:#04133E; 
}
.index_title .c{
	font-size:18px; color:#999;  margin:40px 0;
}
.index_title .a a{
	font-size:20px; color:#fff; width: 185px; background: #CC3333; display:block; text-align:center; color:#fff;
	padding:20px 0; position:relative; overflow:hidden;
}
.index_title .a a::after {
	content: "";
	position: absolute;
	left: -120%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);
}
.index_title .a:hover a::after {
	transition: all 0.5s ease;
	left: 100%;
}


.index02{
	padding:150px 0; background:url(../images/index02_bg.jpg) center center no-repeat; background-size:cover;
}
.index02_con{
	display:flex; margin-top:120px;
}
.index02_list{
	width:calc(33.33% - ((50px * 2) / 3)); margin-left:50px; padding:35px;  background:#fff;
}
.index02_list:first-child{
	margin-left:0px;
}
.index02_list:hover {
	box-shadow: 0 2px 25px rgba(0, 0, 0, 0.25);
}
.index02_list .t{
	font-size:24px; color:#04133E;
}
.index02_list .line{
	width: 41px;	height: 6px;	background: #CC3333; margin:25px 0 18px;
}
.index02_list .b{
	font-size:16px; color:#999; line-height:1.875;
}

.index03_list{
	display:flex; flex-wrap:wrap;
}
.index03_list .img{
	width:50%; position:relative; overflow:hidden;
}
.index03_list .img img{
	position:absolute; height:100%; top:0px; left:50%; min-width:100%; transform:translateX(-50%); 
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.index03_list .img:hover img{
	transform:translateX(-50%) scale(1.2) ; 
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.index03_list .text{
	width:50%; height:450px; padding-top:70px; padding-left:100px;
	background:url(../images/index03_listbg01.jpg) center center no-repeat; background-size:cover;
}
.index03_list .text .index03_icon01{
	display:block; height:33px; margin-bottom:20px;
}
.index03_list .text .t{
	font-size: 21px; font-family: SourceHanSansCN; font-weight: 800; color: #1B284A; line-height: 1.1;
}
.index03_list .text .b{
	font-size: 18px; font-family: SourceHanSansCN; font-weight: 500; color: #333; line-height: 2;
	margin:15px 0 30px;
}
.index03_list .text .index03_icon02{
	display:block; height:41px;
}
.index03_list:nth-child(2n){
	flex-direction: row-reverse;
}
.index03_list:nth-child(2n) .text{
	background:url(../images/index03_listbg02.jpg) center center no-repeat; background-size:cover;
}

.index04{
	padding:100px 0; background:url(../images/index04_bg.jpg) center center no-repeat; background-size:cover;
}
.index04_con{
	display:flex; margin-top:120px;
}
.index04 .index_title .t{
	color:#fff;
}
.index04 .index_title .b{
	color:#fff;
}
.home-story{
	width:100%;
}
.home-story li {
	border-bottom: 1px solid #fff;
	position: relative;
	color: #FFFFFF;
}
.home-story li::before {
	position: absolute; content: ""; bottom: 0; left: 0; width: 1px; height: 30px; background: #fff;
}
.home-story li .t{
	font-size: 24px;
	font-family: SourceHanSansCN;
	font-weight: bold;
}
.home-story li .d{
	font-size: 16px;  line-height:2.25;	font-family: Adobe Heiti Std; margin:25px 0 40px;
}

.footer{
	background:#2e2f31;
}
.footer .ft-center {
	padding: 40px 0;
	color: #fff;
	font-size: 16px;
	display:flex;
}
.footer .ft-center .info {
	max-width: 450px;
	line-height:2.25;
}
.footer .ft-center .code {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	text-align: center;
	padding-right: 45px;
}
.footer .ft-center .code img{
	display:block; height:175px;
}
.footer .bottomCopyr {
	font-size: 16px; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.2); color: #fff; display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
.footer .bottomCopyr a{
	color:#fff;
}


.us01{
	display:flex; justify-content:space-between; flex-wrap:wrap;
}
.us01_left{
	width:50%; display:flex; justify-content:center;
	background:url(../images/us01_left_bg.jpg) center center no-repeat; background-size:cover;
}
.us01_left .us01_left_list{
	margin-top:75px;
}
.us01_left .us01_left_list:first-child{
	margin-top:50px;
}
.us01_left .us01_left_list .t{
	font-family: Bebas; font-size: 72px; color: #00377E;
}
.us01_left .us01_left_list .b{
	font-size: 20px; color: #333; margin-top:20px;
}
.us01_right{
	width:50%; padding:25px 95px; position:relative;
	background:url(../images/us01_right_bg.jpg) center center no-repeat; background-size:cover;
}
.paget{
	display:flex;
}
.paget em{
	display:inline-block; width:4px; background:#1b284a; margin-right:18px; transform:translateY(2px); position:relative;
}
.paget em::after{
	position: absolute;	content: ""; top: 0px; left: 0px; width: 100%; height: 50%; background:#c41111;
}
.paget span{
	display:inline-block;  font-size: 30px; font-weight: bold; color: #1B284A;
}
.us01_right .b{
	font-size: 30px; color: #333; margin:30px 0 15px;
}
.us01_right .c{
	font-size: 16px; color: #333; line-height:1.875;
}
.us01_right .a img{
	display:block; width:33px; position:absolute; top:50%; transform:translateY(-50%);
	right:calc(95px - 33px);
}


.us02{
	padding:50px 0; background:#f8f8f8;
}
.us02_in{
	display:flex; justify-content:space-between; flex-wrap:wrap; 
}
.us02_list{
	width:calc(50% - ((120px * 1) / 2));
}
.us02_list .t{
	font-size: 30px; margin-bottom:35px; font-weight: bold; color: #333;
}
.us02_list .img{
	width:100%; position:relative; overflow:hidden; padding:17.64% 0;
}
.us02_list .img img{
	position:absolute; height:100%; top:0px; left:50%; min-width:100%; transform:translateX(-50%); 
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.us02_list .img:hover img{
	transform:translateX(-50%) scale(1.2) ; 
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.us02_list .text{
	padding: 20px 30px; background:#fff; font-size: 16px; color: #333; line-height:1.875; position:relative;
}
.us02_list .text .b{
	display: flex;  flex-direction: column; justify-content: center;
}
.us02_list .text a{
	display: flex;  flex-direction: column; justify-content: center;
	color:#C41111; font-size: 18px; text-align:center; width: 188px; height: 54px; border: 1px solid #C41111;
	position:absolute; top:50%; right:40px;  transform:translateY(-50%); 
}


.pageb{
	font-size: 16px; color: #fff; margin-top:30px;
}
.paget.pagetwidth span {
	color: #fff;
}
.pro01{
	padding:50px 0; background:url(../images/pro01_bg.jpg) center center no-repeat; background-size:cover;
}
.pro01_in{
	display:flex; flex-wrap:wrap;  margin-top:50px;
}
.pro01_list{
	width:calc(33.33% - ((130px * 2) / 3)); margin-left:130px; background:#fff; padding:30px 20px 60px;
}
.pro01_list:first-child{
	margin-left:0px;
}
.pro01_list .img img{
	width:266px; display:block; margin:0 auto;
}
.pro01_list .text .t{
	text-align:center; font-size: 30px; font-weight: bold; color: #04133E; margin:40px 0 30px;
}
.pro01_list .text .b{
	font-size: 14px; color: #333; line-height:1.75;
}

.pro02{
	padding:50px 0; background:url(../images/pro02_bg.jpg) center center no-repeat; background-size:cover;
}
.pro02_in{
	margin:100px 0; display:flex; flex-wrap:wrap;
}
.pro02_list{
	width:calc(50% - ((65px * 1) / 2)); margin-top:40px; margin-left:65px; padding:40px 30px; background:#fff;
	display:flex; justify-content:space-between; flex-wrap:wrap;
}
.pro02_list:nth-child(2n+1){
	margin-left:0px;
}
.pro02_list:nth-child(-n+2){
	margin-top:0px;
}
.pro02_list .text{
	width:39%; display: flex;  flex-direction: column; justify-content: center; padding-left:20px;
}
.pro02_list .text .t{
	font-size: 24px; color: #04133E; font-weight: bold;
}
.pro02_list .text .line{
	width: 41px; height: 2px; background: #C41111; margin:25px 0 35px;
}
.pro02_list .text .b{
	font-size: 18px; color: #333; line-height:2.66;
}
.pro02_list .img{
	width:61%;
}
.pro02_list .img .imgin{
	width:100%; position:relative; overflow:hidden; padding:31.31% 0;
}
.pro02_list .img .imgin img{
	position:absolute; height:100%; top:0px; left:50%; min-width:100%; transform:translateX(-50%); 
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.pro02_list .img:hover .imgin img{
	transform:translateX(-50%) scale(1.2) ; 
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}


.pro03{
	padding:50px 0 100px; background:url(../images/pro03_bg.jpg) center center no-repeat; background-size:cover;
}
.pro03_in{
	display:flex; flex-wrap:wrap;  margin-top:50px;
}
.pro03_list{
	width:calc(33.33% - ((85px * 2) / 3)); margin-left:85px; background:#fff; 	padding:60px 0; text-align:center;
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.pro03_list:hover {
	box-shadow:0 2px 25px rgba(0, 0, 0, 0.25);
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.pro03_list:first-child{
	margin-left:0px;
}
.pro03_list .t{
	font-size: 24px; color: #04133E;
}
.pro03_list .b{
	font-size: 48px; color: #04133E; font-family: Impact; margin-top:55px;
}