/*首页css*/
body,html{}
img{width: 100%;display: block;}
.big{width: 100%;}
.main{width: 90%;margin: 0 auto;border: 0px solid red;}
.jiantou{width:62px;position: fixed;bottom: 5%;left:0;right: 0;margin: auto;z-index: 5;
	animation:jiantou 1s ease infinite;
    -webkit-animation:jiantou 1s ease infinite;
}

@keyframes jiantou{
    0%{transform:translate(0,15px);}
    50%{transform:translate(0px,0px);}
    100%{transform:translate(0,15px);}
}
@-webkit-keyframes jiantou{
    0%{transform:translate(0,15px);}
    50%{transform:translate(0px,0px);}
    100%{transform:translate(0,15px);}
}

/*顶部*/
.header{width:100%;background:transparent;position: fixed;top:0;left:0;z-index: 999;border: none;border-radius: 0;margin-bottom: 0;padding-top: 15px;
	background-image: linear-gradient(to right,rgb(27 65 139) , rgba(49,56,151,.3));
}
.header .main{height: 65px;font-size: 18px;display: flex;justify-content:space-between;align-items: center;}
.header .navbar-header .navbar-brand{width: 187px;height: auto;padding: 0;margin:0;}
.header .navList{width:55%;display: flex;justify-content: center;align-items: center;position: absolute;bottom:0;left: 50%;z-index: 5;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.header .navList > li{height:65px;padding: 0 37px;}
.header .navList > li > span{color:#fff;cursor: pointer;}
.header .navbar-nav > li > a{line-height:65px;color: #fff;display: inline-block;padding: 0;position: relative;}
.header .navbar-nav > li > a:after{content: '';width: 80%;height: 2px;display: block;background: transparent;position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);}
.header .navbar-nav > li > a.active:after{background: #fff;}
.header .navbar-nav > li > a:hover:after{background: #fff;}

.header .navList > li .navListDown {padding: 10px 0 0 0;display: none;}
.navListDown{position: absolute;width:100%;top: 65px;left: 0;text-align: center;}
.navListDown a{color: #fff;font-size: 12px;line-height: 30px;display: block;}
.navListDown a:hover{font-weight: bold;}

/*.header .navList > li:hover .navListDown{visibility: inherit;opacity: 1;}*/
.header .navbar-right span{cursor: pointer;}

.homeDown{position: absolute;width:100px;top: 100px;left: 37px;font-size: 20px;color: #fff;padding-top: 15px;display: none;}
.ceng{width: 100%;height: 200px;display: block;position: absolute;top: 80px;left: 0;
	background-image: linear-gradient(to right,rgba(48,58,149,1) , rgba(112,128,191,0.6));
	/*pointer-events: none;*/
	transition: all 0.3s;display: none;
}

.language{line-height: 30px;display: inline-flex;justify-content: flex-end;align-items: center;cursor: pointer;color: #fff;}
.language span{margin: 0 9px;}
.language img{width: auto;height: 100%;}


.header .navbar-right{display: flex;justify-content: flex-end;align-items: center;}
.search{display: flex;justify-content: flex-end;align-items: center;border: 1px solid #fff;border-radius: 3px;margin-right: 30px;}
.searchBtn{height: 22px;line-height: 22px;font-size: 12px;padding:0 5px;display: flex;justify-content: flex-start;align-items: center;background: #fff;color: #364198;cursor: pointer;}
.searchBtn img{width: 15px;margin-right: 3px;}
.searchInp{width: 130px;height: 22px;line-height: 22px;color: #fff;background: #7f94ce;padding: 0 5px;font-size: 12px;border: 0;outline: none;
	border-top-right-radius: 3px;border-bottom-right-radius: 3px;
}
input.searchInp::-webkit-input-placeholder{
    color:#fff !important;
}

.navOn{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.2s ease-in-out 0.2s;
	transform: translateZ(0);
}
.navOff{
	position: fixed;
	top: -5px;
	left: 0;
	right: 0;
	transition: all 0.2s ease-in-out 0.2s;
	transform: translate3d(0,-100%,0);
}

.menu{width: 25px;margin-left: 30px;cursor: pointer;}

.menuBar{width: 70%;height: 100%;position: fixed;top:0;right: -70%;z-index: 9999;background: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.menuBarTop{height: 60px;padding: 0 20px;border-bottom:1px solid #dcdcdc;display: flex;justify-content: space-between;align-items: center;color: #666;}
.menuBarTop a{width: 100px;}
.menuBarTop .close{font-size: 15px;opacity: 1;color: #999;}
.menuBarTop .close:hover{color: #000;}
.menuBarCot{height:calc(100% - 60px);overflow-y: auto;}
.menuBarCot ul li > a{padding: 20px 20px;color: #40565c;font-size: 16px;border-left: 4px solid transparent;display: block;display: flex;justify-content: space-between;align-items: center;}
.menuBarCot ul li > a span{display: inline-block;width: 20px;height: 20px;position: relative;}
.menuBarCot ul li > a span .bi{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
	transition: all 0.2s;-webkit-transition: all 0.2s;
}
.menuBarCot ul li > a span .bi.add{transform: translate(-50%,-50%) rotate(90deg);-webkit-transform: translate(-50%,-50%) rotate(90deg);}
.menuBarDown{padding: 0 50px;display: none;}
.menuBarCot ul li > a.add{border-left-color: #1a418b;background-color: #d3dbeb;}

.menuBarDown p > a{padding: 20px 0;color: #40565c;font-size: 16px;display: block;}
.zhe{width:100%;height: 100%;position: fixed;top:0;right: 0;z-index: 9998;background:rgba(0,0,0,0.8);display: none;}

/*banner*/
.banner{width:100%;position: relative;overflow: hidden;}
.banner .swiper-container{width: 100%;height:600px;border:0px solid red;}
.banner .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
 /* display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;*/
  position: relative;
  overflow: hidden;
  color: #fff;
}
.banner .swiper-container .swiper-slide img{
	width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{
	bottom: 75px;width: auto;left: 124px;
}
.banner .swiper-pagination-bullet-active{background:#fff;width: 52px;border-radius: 5px;}
.banner .swiper-pagination-bullet{background: #fff;opacity: 1;}

.swiperBox{width: 32%;position: absolute;top:50%;left: 6%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: left}
.swiperBox h3{width:100%;font-size: 52px;font-weight: normal;line-height: 70px;margin-bottom: 40px;}
.swiperBox a{width:152px;line-height:48px;font-size: 20px;color: #25297f;display: inline-block;border: 1px solid #25297f;text-align: center;border-radius: 5px;position: relative;}
.swiperBox a:after{content: '';width: 55px;height: 7px;display: block;background: url(../img/jian.png) no-repeat;background-size: 100% 100%;
	position: absolute;top:0;bottom: 0;right: -33px;margin: auto;
	transition: all 0.2s;-webkit-transition: all 0.2s;
}
.swiperBox a:hover:after{right: -55px;}

/*集团介绍*/
.jieshao{background: #fff;padding: 5px 0;}
.mainTop{display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #dcdcdc;}
.mainTop p{font-size: 24px;color: #333;line-height: 100px;margin-right: 45px;border-bottom: 3px solid transparent;cursor: pointer;}
.mainTop p a{ color:#333;}
.mainTop p.active{border-bottom-color: #1a418b;}
.mainTop p.active a{color: #1a418b;}
.mainCont{padding: 62px 0;}
.mainTop::-webkit-scrollbar {
	display: none;/*隐藏滚动条*/
}
.mainCont .item{display: none;}
.jieshaoContWen{padding-left: 20px;}
.jieshaoContWen p{font-size: 18px;
    line-height: 36px;
    color: #666666;
    margin-bottom: 15px;}
.jieshaoContWen a{width: 170px;height: 50px;line-height: 50px;margin-top: 40px;font-size:18px;display: block;background-color: #25297f;color: #fff;border-radius: 6px;text-align: center;}

/*数字*/
.number{
	/*display: flex;justify-content: space-around;align-items: center;*/
	display: flex;
    margin-top: 90px;
    text-align: center;
    justify-content: space-around;
}
.number .numberItem{
	padding: 15px;
    position: relative;
    display: inline-block;
}
.number .numberItem > div{display: inline-block;position: relative;}
.number .num{position: relative;font-size: 64px;color: #1a418b;font-weight: 600;}
.number .num div{font-size: 96px;line-height: 90px;}
.number .numberName{font-size: 18px;color: #000000;}
.number b{font-weight: normal;font-size: 28px;color: #1a418b;}
.number i{font-weight: normal;position: absolute;top:0;right: -30px;font-size: 28px;color: #1a418b;font-style: normal;}
.number .numberItem:after{content: '';
    width: 1px;height: 35px;display: block;position: absolute;top:50%;right:-15px;transform: translateY(-50%);-webkit-transform: translateY(-50%);background: #1a418b;
}
.number .numberItem:last-child:after{display: none;}

/*物流与供应链*/
.wuliu{background: #fff;padding: 5px 0;background: url(../img/bg.jpg) no-repeat;background-size: 100% 100%;}
.wuliuContWen{padding-right: 20px;}
.wuliuContWen h2{font-size: 64px;color: #000000;padding-left:8px;margin-bottom:50px;position: relative;background: url(../img/title.png) no-repeat;background-size: 292px auto;color: #fff;}
.wuliuContWen h2 span{font-size: 24px;position: absolute;bottom: 9px;left: 85px;}
.wuliuContWen h3{font-size: 28px;color: #333333;margin-bottom:25px;font-weight: 600;}
.wuliuContWen p{font-size: 18px;line-height: 32px;margin-bottom:25px;color: #666666;}
.wuliuContWen h4{font-size: 18px;color: #333333;margin-bottom:25px;font-weight: 600;}
.wuliuContWen ul {width: 80%;overflow: hidden;}
.wuliuContWen ul li{font-size: 18px;line-height: 48px;color: #333333;float: left;margin: 0 30px;  white-space: nowrap;}
.wuliuContWen ul li p a{color: #666666;}
.wuliuContWen ul li p a:hover{cursor: pointer;
	color: #25297f;
	font-size: 19px;
	border-bottom: 1px solid;
	transition: all 0.1s ease-in-out 0.1s;
 }
/*.wuliuContWen ul li p{font-weight: lighter}*/
.wuliuContImg{position: relative;}
.wuliuContImg p{width: 100%;padding: 16px 25px;background: #25297f;color: #fff;font-size: 14px;line-height: 24px;position: absolute;bottom: 0;left: 0;}

/*硬件设施   */
.childCont{}
.childTop{display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #dcdcdc;}
.childTop p{font-size: 24px;color: #333;line-height: 100px;margin-right: 45px;padding-right: 45px;cursor: pointer;position: relative;}
.childTop p.active{color: #1a418b;}
.childTop p.active a{
	transition: all 0.1s ease-in-out 0.1s;
}
.childTop p.active a:hover{
	font-size: 28px;
	transition: all 0.1s ease-in-out 0.1s;
}
.childTop p span,.childTop p em{position: absolute;right: 0;top:0;font-size: 20px;}
.childCont{padding: 15px 0;}
.childCont .items{display: none;}

.sheshiContImg{padding-right: 10%;}
.sheshiContWen{}
.sheshiContWen li{}
.sheshiContWen li a{height: 90px;line-height: 90px;display: block;color: #333333;padding: 0 5%;
    display: flex;justify-content: flex-start;align-items: center;font-size: 24px;border-bottom: 1px solid #e5e5e5;
}
.sheshiContWen li a span{display: inline-block;width: 66%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sheshiContWen li:last-child a{border-bottom: 0;}
.sheshiContWen li a b{width: 30px;height: 30px;display: block;border-radius: 50%;background: #d2d2d2;margin-right: 5%;position: relative;
    /*display: flex;justify-content: center;align-items: center;*/
}
.sheshiContWen li a b:after{content:'';width: 13px;height: 13px;display: block;border-radius: 50%;background: #fff;
	position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%)
}
.sheshiContWen li a i,.sheshiContWen li a>em{margin-left: auto;font-style: normal;font-size: 16px;}
.sheshiContWen li a:hover{background: #fff;border-radius: 10px;box-shadow: 0 0 20px #e1e1e1;color: #25297f;}
.sheshiContWen li a:hover b{background: #0e4083;}

/*发展历程*/

/* .section SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section {
	padding: 50px 0;
}

.section .container {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.section h1 {
	font-size: 2.5rem;
	line-height: 1.25;
}

.section h2 {
	font-size: 1.3rem;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* --------------------------------

Main Components

-------------------------------- */
.cd-horizontal-timeline {
	opacity: 0;
	margin: 2em auto;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
	/* never visible - this is used in jQuery to check the current MQ */
	content: 'mobile';
	display: none;
}
.cd-horizontal-timeline.loaded {
	/* show the timeline after events position has been set (using JavaScript) */
	opacity: 1;
}
.cd-horizontal-timeline .timeline {
	position: relative;
	height: 100px;
	width: 99%;
	/*max-width: 800px;*/
	margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
	position: relative;
	height: 100%;
	margin: 0 40px;
	overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
	/* these are used to create a shadow effect at the sides of the timeline */
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	height: 100%;
	width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
	left: 0;
	background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
	background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
	right: 0;
	background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
	background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
	/* this is the grey line/timeline */
	position: absolute;
	z-index: 1;
	left: 0;
	top: 49px;
	height: 2px;
	/* width will be set using JavaScript */
	background: #dfdfdf;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
	/* this is used to create the green line filling the timeline */
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #2b3389;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: center;
	font-size: 1.3rem;
	padding-bottom: 15px;
	color: #383838;
	/* fix bug on Safari - text flickering while timeline translates */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
	/* this is used to create the event spot */
	content: '';
	position: absolute;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -5px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 2px solid #dfdfdf;
	background-color: #f8f8f8;
	-webkit-transition: background-color 0.3s, border-color 0.3s;
	-moz-transition: background-color 0.3s, border-color 0.3s;
	transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #2b3389;
	border-color: #2b3389;
}
.cd-horizontal-timeline .events a.selected {
	pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
	background-color: #2b3389;
	border-color: #2b3389;
}
.cd-horizontal-timeline .events a.older-event::after {
	border-color: #2b3389;
}
@media only screen and (min-width: 1100px) {
	.cd-horizontal-timeline {
		/*margin: 6em auto;*/
	}
	.cd-horizontal-timeline::before {
		/* never visible - this is used in jQuery to check the current MQ */
		content: 'desktop';
	}
}

.cd-timeline-navigation a {
	/* these are the left/right arrows to navigate the timeline */
	position: absolute;
	z-index: 1;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 34px;
	width: 34px;
	border-radius: 50%;
	border: 2px solid #dfdfdf;
	/* replace text with an icon */
	overflow: hidden;
	color: transparent;
	text-indent: 100%;
	white-space: nowrap;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
	/* arrow icon */
	content: '';
	position: absolute;
	height: 16px;
	width: 16px;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url('/static/module/index/default/website/img/cd-arrow.svg') no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
	left: 0;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
	right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
	border-color: #2b3389;
}
.cd-timeline-navigation a.inactive {
	cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
	background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
	border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
	position: relative;
	width: 100%;
	margin: 2em 0;
	overflow: hidden;
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	padding: 0 5%;
	opacity: 0;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
	/* visible event content */
	position: relative;
	z-index: 2;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
	-webkit-animation-name: cd-enter-right;
	-moz-animation-name: cd-enter-right;
	animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-name: cd-enter-left;
	-moz-animation-name: cd-enter-left;
	animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
	max-width: 800px;
	margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
	font-weight: bold;
	font-size: 2.6rem;
	/*font-family: "Playfair Display", serif;*/
	font-weight: 700;
	line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
	display: block;
	font-style: italic;
	margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
	content: '- ';
}
.cd-horizontal-timeline .events-content p {
	font-size: 1.4rem;
	color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
	line-height: 2;
}
@media only screen and (min-width: 768px) {
	.cd-horizontal-timeline .events-content h2 {
		font-size: 7rem;
	}
	.cd-horizontal-timeline .events-content em {
		font-size: 2rem;
	}
	.cd-horizontal-timeline .events-content p {
		font-size: 1.8rem;
	}
}

@-webkit-keyframes cd-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}
@-moz-keyframes cd-enter-right {
	0% {
		opacity: 0;
		-moz-transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}
@keyframes cd-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}
@-webkit-keyframes cd-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}
@-moz-keyframes cd-enter-left {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}
@keyframes cd-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}

/*集团新闻*/
.news{}
.newsContBox{background: #f7f7f7;}
.newsContBox > img{
	min-height: 220px;
	max-height: 220px;
}
.newsContBox .fengmian{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 220px;
    max-height: 220px;
}

.newsContBoxWen{padding: 25px 20px 37px;}
.newsContTime{font-size: 28px;margin-bottom: 10px;color: #333333;}
.newsContTime span{font-size: 22px;}
.newsContTitle{font-size: 18px;margin-bottom: 10px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsContText{font-size: 12px;margin-bottom: 25px;line-height: 22px;color: #666666;}
.newsLink{text-align: right;}
.newsLink a{width: 118px;line-height: 33px;font-size: 16px;color: #1a418b;border: 1px solid #1a418b;border-radius: 6px;display: inline-block;text-align: center;}
.newsLink a:hover{background: #1a418b;color: #fff;}

.newsContBox:hover{box-shadow:0 0 30px #d7d4d4;background: #fff;}

/*地图*/
.map{padding: 115px 0;background: url(../img/mapBg.jpg) no-repeat;background-size: 100% 100%;}
.map .main{display: flex;justify-content: space-between;align-items: center;}
.mapL{}
.mapL h2{font-size: 42px;margin-bottom: 55px;color: #333333;}
.mapL p{font-size: 30px;margin-bottom: 20px;color: #333333;}
.mapL h3{font-size: 48px;margin-bottom: 10px;color: #333333;}

.mapR{
	margin-right: 110px;
}

/*底部*/
.foot{background: #1a418b;color: #fff;}
.footTop{padding:80px 0 60px 0;display:flex;justify-content: space-between;align-items: flex-end;}
.footTopL{display:flex;justify-content: flex-start;align-items: flex-start;}
.footTopL a{color: #fff;}
.footTop dl{margin-right: 100px;margin-bottom: 0;}
.footTop dt{white-space: nowrap;font-size: 24px;margin-bottom: 25px;}
.footTop dd{white-space: nowrap;font-size: 18px;margin-bottom: 25px;}
.footTopR{display: flex;flex-direction:column;align-items: flex-end;justify-content: flex-end;}
.footTopRT{margin-bottom: 62px;width: 55%;}
.footTopRB{display:flex;justify-content: flex-end;align-items: flex-start;}
.footTopRB > div{margin-left: 26px;}
.footTopRB > div p{margin-top: 18px;font-size: 22px;text-align: center;}
.footTopRB > div:last-child img:last-child{margin-top: 15px;}
.footBot{font-size: 16px;border-top: 1px solid #5773a6;padding: 25px 0 40px 0;text-align: center;}

/* pc端 */
@media (min-width: 1920px){
	.footTop dd:last-child{margin-bottom: 0;}
}
@media (min-width: 1800px){


}
@media only screen and (min-width: 1601px) and (max-width: 1919px){
	.main {width: 93%;}
	.header .main {font-size: 16px;}
	.header .navList > li {padding: 0 30px;}
	.homeDown{font-size: 18px;left: 30px;}

	.footTop dd:last-child{margin-bottom: 0;}
	.footTop dl {margin-right: 40px;}
	.footTop dt {font-size: 24px;margin-bottom: 25px;}
	.footTop dd {font-size: 18px;margin-bottom: 25px;}
	.footTopRB > div{width: 130px;}
	.footTopRB > div:last-child{width: 58px;}
	.footTopRB > div p {margin-top: 15px;font-size: 16px;}

}
@media only screen and (min-width: 1366px) and (max-width: 1600px){
	.main {width: 95%;}
	.header .main {font-size: 15px;}
	.header .navList {width: 63%;left: 45%;}
	.header .navbar-header .navbar-brand {width: 140px;}
	.header .navList > li {padding: 0 30px;}
	.homeDown{font-size: 17px;left: 30px;}
	.search {margin-right: 15px;}

	.swiperBox h3 {font-size: 42px;line-height: 62px;}
	.swiperBox a{width:142px;line-height:42px;font-size: 18px;}

	.mainTop p {font-size: 20px;color: #333;line-height: 80px;margin-right: 40px;}
	.childTop p {font-size: 20px;color: #333;line-height: 80px;margin-right: 40px;}
	.jieshaoContWen p {font-size: 14px;line-height: 30px;}
	.jieshaoContWen a {width: 150px;height: 45px;line-height: 45px;font-size: 15px;margin-top: 30px;}
	.number .num {font-size: 54px;}
	.number i {right: -20px;font-size: 18px;}


	.wuliuContWen h2 {font-size: 54px;}
	.wuliuContWen ul {width: 100%;}
	.wuliuContWen ul li {width: 30%;margin: 0 0;}

	.sheshiContWen li a {height: 70px;line-height: 70px;font-size: 20px;}
	.sheshiContWen li a i{font-size: 14px;}
	.sheshiContWen li a b {width: 24px;height: 24px;}
	.sheshiContWen li a b:after {width: 10px;height: 10px;}

	.mapL h2 {font-size: 35px;margin-bottom: 45px;}
	.mapL p {font-size: 24px;margin-bottom: 15px;}
	.mapL h3 {font-size: 42px;}
	.map .mapR{width: 32%;}

	.footTop dd:last-child{margin-bottom: 0;}
	.footTop dl {margin-right: 60px;}
	.footTop dt {font-size: 20px;margin-bottom: 20px;}
	.footTop dd {font-size: 16px;margin-bottom: 22px;}
	.footTopRB > div{width: 130px;}
	.footTopRB > div:last-child{width: 58px;}
	.footTopRB > div p {margin-top: 15px;font-size: 16px;}
}


@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	.main {width: 95%;}
	.mainCont {padding: 52px 0;}
	.header .main {font-size: 14px;}
	.header .navList {width: 62%;left: 43%;}
	.header .navbar-header .navbar-brand {width: 110px;}
	.header .navList > li {padding: 0 25px;}
	.homeDown{font-size: 17px;left: 25px;}
	.search {margin-right: 15px;}

	.swiperBox h3 {font-size: 36px;line-height: 56px;}
	.swiperBox a{width:125px;line-height:38px;font-size: 16px;}

	.mainTop p {font-size: 20px;line-height: 80px;margin-right: 40px;}
	.childTop p {font-size: 20px;line-height: 80px;margin-right: 40px;}
	.jieshaoContWen p {font-size: 13px;line-height: 25px;}
	.jieshaoContWen a {width: 150px;height: 45px;line-height: 45px;font-size: 15px;}
	.number .numberItem {padding: 5px}
	.number .num {font-size: 46px;}
	.number i {right: -20px;font-size: 18px;}

	.wuliuContWen h2 {font-size: 54px;}
	.wuliuContWen ul {width: 100%;}
	.wuliuContWen ul li {width: 22%;margin: 0 20px;}

	.sheshiContWen li a {height: 60px;line-height: 60px;font-size: 18px;}
	.sheshiContWen li a i{font-size: 12px;}
	.sheshiContWen li a b {width: 24px;height: 24px;}
	.sheshiContWen li a b:after {width: 10px;height: 10px;}

	.mapL h2 {font-size: 35px;margin-bottom: 45px;}
	.mapL p {font-size: 24px;margin-bottom: 15px;}
	.mapL h3 {font-size: 42px;}
	.map .mapR{width: 32%;}

	.footTop dd:last-child{margin-bottom: 0;}
	.footTop dl {margin-right: 45px;}
	.footTop dt {font-size: 20px;margin-bottom: 20px;}
	.footTop dd {font-size: 16px;margin-bottom: 22px;}
	.footTopRB > div{width: 130px;}
	.footTopRB > div:last-child{width: 58px;}
	.footTopRB > div p {margin-top: 15px;font-size: 16px;}
}


@media only screen and (min-width: 992px) and (max-width: 1199px){
	.mainCont {padding: 52px 0;}

	.swiperBox {width: 40%;}
	.swiperBox h3 {font-size: 36px;line-height: 56px;margin-bottom: 30px;}
	.swiperBox a{width:125px;line-height:38px;font-size: 16px;}

	.mainTop p {font-size: 20px;line-height: 80px;margin-right: 40px;}
	.childTop p {font-size: 20px;line-height: 80px;margin-right: 40px;}
	.jieshaoContWen{padding-left: 0;}
	.number .numberItem {width: 45%;margin: 20px 0;}
	.number .numberItem:nth-child(2n):after{display: none;}

	.wuliuContWen h2 {font-size: 54px;}
	.wuliuContWen{padding-right: 0;}
	.wuliuContImg{margin-top:20px;}
	.wuliuContWen ul {width: 100%;}
	.wuliuContWen ul li {width: 25%;margin: 0 0;}

	.sheshiContImg {padding-right: 0;margin-bottom: 20px;}
	.sheshiContWen li a {padding: 0 2%;}

	.mapL h2 {font-size: 30px;margin-bottom: 35px;}
	.mapL p {font-size: 20px;margin-bottom: 15px;}
	.mapL h3 {font-size: 35px;}
	.map .mapR{width: 32%;}

	.footTop{display: block;}
	.footTop dl {margin-right: 0;width: 20%;}
	.footTop dt {font-size: 20px;margin-bottom: 20px;}
	.footTop dd {font-size: 16px;margin-bottom: 22px;}
	.footTopRB > div{width: 130px;}
	.footTopRB > div:last-child{width: 58px;}
	.footTopRB > div p {margin-top: 15px;font-size: 16px;}
	.footTopR{justify-content: flex-start;align-items:flex-start;}
	.footTopRT {margin-bottom: 30px;width: 25%;}
	.footTopRB > div{margin-left: 0;margin-right: 26px;}
}

@media only screen and (min-width: 769px) and (max-width: 991px){
	.swiperBox {width: 40%;}
	.swiperBox h3 {font-size: 30px;line-height: 46px;margin-bottom: 25px;}
	.swiperBox a{width:115px;line-height:35px;font-size: 14px;}

	.mainTop p {font-size: 20px;line-height: 80px;margin-right: 40px;}
	.childTop p {font-size: 20px;line-height: 80px;margin-right: 40px;}
	.jieshaoContWen{padding-left: 0;margin-top:20px;}
	.number .numberItem {width: 45%;margin: 20px 0;}
	.number .numberItem:nth-child(2n):after{display: none;}

	.wuliuContWen h2 {font-size: 54px;}
	.wuliuContWen{padding-right: 0;}
	.wuliuContImg{margin-top:20px;}
	.wuliuContWen ul {width: 100%;}
	.wuliuContWen ul li {width: 25%;margin: 0 0;}

	.sheshiContImg {padding-right: 0;margin-bottom: 20px;}
	.sheshiContWen li a {height: 60px;line-height: 60px;font-size: 18px;padding: 0 2%;}
	.sheshiContWen li a i{font-size: 14px;}
	.sheshiContWen li a b {width: 24px;height: 24px;}
	.sheshiContWen li a b:after {width: 10px;height: 10px;}

	.news .item .row > div{margin-bottom: 30px;}

	.mapL h2 {font-size: 22px;margin-bottom: 25px;}
	.mapL p {font-size: 16px;margin-bottom: 15px;}
	.mapL h3 {font-size: 28px;}
	.map .mapR{width: 32%;}

	.footTop{display: block;}
	.footTop dl {margin-right: 0;width: 20%;}
	.footTop dt {font-size: 20px;margin-bottom: 20px;}
	.footTop dd {font-size: 16px;margin-bottom: 22px;}
	.footTopRB > div{width: 130px;}
	.footTopRB > div:last-child{width: 58px;}
	.footTopRB > div p {margin-top: 15px;font-size: 16px;}
	.footTopR{justify-content: flex-start;align-items:flex-start;}
	.footTopRT {margin-bottom: 30px;width: 25%;}
	.footTopRB > div{margin-left: 0;margin-right: 26px;}
}


@media (max-width: 1216px){
	.banner .swiper-container .swiper-slide img{width:100%;height:auto;display: block;position: initial;
		position:inherit;top:inherit;left: inherit;transform: none;
	}
}

/* 移动端 */
@media (max-width: 768px){
	.mainCont{padding: 30px 0;}
	.header{padding-top: 0;}
	.header .main {height: 50px;font-size: 15px;}

	.header .navbar-header .navbar-brand {width: 90px;}
	.language .lang_qiu{height: 15px;}
	.language span {margin: 0 5px;}

	.swiperBox {width: 50%;}
	.banner .swiper-container {
		height: auto;
	}
	.swiperBox h3 {font-size: 18px;line-height: 30px;margin-bottom: 15px;}
	.swiperBox a{width:100px;line-height:30px;font-size: 12px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
	    bottom: 12px;
	    width: auto;
	    left: 24px;
	}


	.banner .swiper-pagination-bullet{width: 6px;height: 6px;}
	.banner .swiper-pagination-bullet-active{width: 30px;}

	.mainTop p {font-size: 14px;line-height: 60px;margin-right: 0;}
	.childTop p {font-size: 14px;line-height: 60px;margin-right: 0;}
	.jieshao .mainTop p, .wuliu .mainTop p, .news .mainTop p{width: 25%;text-align: center}
	.childTop p {padding-right: 15px;margin-right: 10px;}
	.childTop span {font-size: 15px;}

	.jieshaoContWen{padding-left: 0;margin-top:20px;}
	.jieshaoContWen p {font-size: 14px;line-height: 27px;}
	.jieshaoContWen a {width: 150px;height: 45px;line-height: 45px;font-size: 15px;}
	.number {margin-top: 30px;display: block;}
	.number .numberItem {width: 45%;margin: 20px 0;}
	.number .numberItem:nth-child(odd){padding: 0 6% 0 0;}
	.number .numberItem:nth-child(even){padding: 0 0 0 6%;}
	.number .numberItem:last-child{padding: 0;}
	.number .numberItem:nth-child(2n):after{display: none;}
	.number .num {font-size: 35px;}
	.number i {right: -20px;font-size: 18px;}

	.wuliuContWen h2 {font-size: 54px;margin-bottom: 30px;}
	.wuliuContWen{padding-right: 0;}
	.wuliuContImg{margin-top:20px;}
	.wuliuContWen ul {width: 100%;}
	.wuliuContWen ul li {width: 50%;margin: 0;font-size: 15px;line-height: 35px;}
	.wuliuContWen ul .en.productli {width: 80%;}

	.wuliuContImg p {padding: 12px 20px;font-size: 12px;line-height: 20px;}

	.wuliuContWen p {font-size: 14px;line-height: 27px;}

	.sheshiContImg {padding-right: 0;margin-bottom: 20px;}
	.sheshiContWen li a {height: 60px;line-height: 60px;font-size: 14px;padding: 0 2%;}
	.sheshiContWen li a i{font-size: 12px;}
	.sheshiContWen li a b {width: 20px;height: 20px;}
	.sheshiContWen li a b:after {width: 8px;height: 8px;}

	.news .item .row > div{margin-bottom: 30px;}

	.map {padding: 70px 0;}
	.map .main{display: block;}
	.mapL h2 {font-size: 20px;margin-bottom: 25px;}
	.mapL p {font-size: 16px;margin-bottom: 15px;}
	.mapL h3 {font-size: 25px;}
	.map .mapR{width: 100%;margin-top: 30px;}
    .foot{
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	.footTopL{flex-flow: row wrap;}
	.footTop{display: block;padding: 40px 0 30px 0;}
	.footTop dl {margin-right: 0;width:33.33%;}
	.footTop dt {font-size: 18px;margin-bottom: 20px;}
	.footTop dd {font-size: 14px;margin-bottom: 16px;}
	.footTopRB > div{width: 100px;margin-left: 0;margin-right: 20px;}
	.footTopRB > div:last-child{width: 43px;}
	.footTopRB > div p {margin-top: 15px;font-size: 14px;}
	.footTopR{justify-content: flex-start;align-items:flex-start;}
	.footTopRT {margin-bottom: 30px;width: 25%;}
	.footBot {font-size: 14px;}
}

/******************************************************************************************************************/
@media (max-width: 320px){


}

@media only screen and (min-width: 321px) and (max-width: 375px){

}

@media only screen and (min-width: 376px) and (max-width: 414px){

}

@media only screen and (min-width: 415px) and (max-width: 768px){
}





















