.container { width: 100%;min-height: 100vh;}

.content>div {min-height: 100vh;}
.home-banner {
    height: 100vh;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#con-main{z-index: 11;}
#con-main .sec1 { background-position: center center;  -webkit-background-size: cover;  background-size: cover; position: relative; overflow: hidden; z-index: 9;}
#con-main .sec2 { background-image: url(../images/sec2_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;}
#con-main .sec3 { background-image: url(../images/sec3_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;}
#con-main .sec4 { background-image: url(../images/sec4_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;}
#con-main .sec5 { background-image: url(../images/sec5_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;}
#con-main .sec6 { background-image: url(../images/sec6_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;}
#con-main .sec7 { background-image: url(../images/sec7_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;}
.home-banner>.swiper-wrapper>.swiper-slide.swiper-slide-active {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.home-banner>.swiper-wrapper>.swiper-slide {
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: .6;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ border: 1px solid #fff !important;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background: #fff !important; border: 1px solid #fff;}


.index_focus { position: absolute; width: 100%; height: 100vh;top: 0; z-index: 14;}
.index_focus .bd ul{width: 100% !important;}
.index_focus .bd li {display: none; position: absolute;width: 100% !important; min-height: 100vh; left: 0;top: 0; cursor: pointer; -webkit-background-size: cover !important;  background-size: cover !important;}
.index_focus .bd li img{width: 100%; height: 100vh;}
.index_focus_post {z-index: 10;}
.index_focus .pic { height: auto;display: block;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav { position: absolute; left: 50%;bottom:40px; margin-left:-140px; }
.index_focus .slide_nav a {cursor:pointer;float:left;  margin-top: 10px; width: 26px; height: 2px; background: #bababa; margin-left: 12px;border-radius: 5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background:#fff;}
.index_focus_pre,.index_focus_next {display: block; position: absolute;top: 50%; margin-top: -15px;width: 15px;height: 30px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}
.index_focus_pre {left: 10%; background: url(../images/banner-icon.png) no-repeat 0 0;}
.index_focus_next {right:10%;background:url(../images/banner-icon.png) no-repeat -20px 0;}
/*.index_focus_pre:hover{background: url(../images/prev_hover.png) no-repeat 0 0;}
.index_focus_next:hover{background: url(../images/next_hover.png) no-repeat 0 0;}*/
.index_focus_info {position: absolute;left: 10%; bottom: 12%; width: 800px;height: 200px; padding-bottom: 10px;color: #fff;text-decoration: none;cursor: pointer; font-family: "\5fae\8f6f\96c5\9ed1";-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background: url("../ban/index_focus_bg.png") no-repeat;_background: none;}
.index_focus_info h3 {font-size: 36px;line-height: 70px;font-family: \5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande";display:none;}
.index_focus_info .text { width: 500px;    line-height: 24px;    font-size: 14px;    word-wrap: break-word;overflow: hidden;display:none;}

.index_focus .mouse_move{position: absolute; bottom: 56px; text-align: center;left: 50%;}
.index_focus .mouse_move p{ color: #fff; font-size: 14px; display: none;}
.index_focus .mouse_move .banner_sj{width:15px;height: 23px;cursor: pointer;z-index:9998;position: absolute;margin-left: -7.5px;}
.index_focus .mouse_move .banner_sjdh{-webkit-animation-name: banner_sj_dh;  
-webkit-animation-duration: 2s;  
-webkit-animation-timing-function: linear;  
-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes banner_sj_dh{
   0%{bottom:20px;opacity: 1;}
   50%{bottom:35px;opacity: 0;}
   100%{bottom:20px;opacity: 1;}
}
@keyframes banner_sj_dh{
	0%{bottom:20px;opacity: 1;}
   50%{bottom:35px;opacity: 0.5;}
   100%{bottom:20px;opacity: 1;}
}

/*sec2*/
/*#con-main .sec2{ position: relative;}*/

.sec2_nav{ width: 600px; height: 160px; background-color: #fff; position: absolute; bottom: 47px; left: 50%; margin-left: -300px;}
.sec2_nav li{ width: 200px; float: left; padding-top: 40px;    height: 160px;}
.sec2_nav li.lion{ background-color: #0059a8;}
.sec2_nav li.lion .sec2_nav_i1{background: url(../images/sec2_icon.png) 0 0 no-repeat;}
.sec2_nav li.lion .sec2_nav_i2{background: url(../images/sec2_icon.png) -2px -34px no-repeat;}
.sec2_nav li.lion .sec2_nav_i3{background: url(../images/sec2_icon.png) -2px -70px no-repeat;}
.sec2_nav li.lion h4{ color: #fff;}
.sec2_nav li.lion h5{ color: #fff;}
.sec2_nav li a{ display: block; text-align: center;}
.sec2_nav li i{ display: block;  margin: 10px auto 0;}
.sec2_nav li i.sec2_nav_i1{width: 28px; height: 28px; background: url(../images/sec2_icon.png) -34px 0 no-repeat;}
.sec2_nav li i.sec2_nav_i2{width: 28px; height: 28px; background: url(../images/sec2_icon.png) -34px -32px no-repeat;}
.sec2_nav li i.sec2_nav_i3{width: 28px; height: 28px; background: url(../images/sec2_icon.png) -35px -70px no-repeat;}
.sec2_nav li h4{ display: none; font-size: 16px; font-weight: normal; color: #0e0e0e; padding-top: 5px;}
.sec2_nav li h5{ font-size: 16px; font-weight: normal; color: #bababa; margin-top: 10px;}
.sec2_con{width: 100%; height: 100%;}
.sec2_con .sec2_con_one{}
.sec2_con .sec2-bg1{ background-image: url(../images/sec2_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;height: 100%;}
.sec2_con .sec2-bg2{ background-image: url(../images/sec2_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;height: 100%;}
.sec2_con .sec2-bg3{ background-image: url(../images/sec2_bg.jpg);background-position: center center;  -webkit-background-size: cover;  background-size: cover;height: 100%;}
.sec2_con > div{ display: none; }
.sec2_con > div:first-child{ display: block;}

.sec2_con .sec2_con_one .sec2_con_one_left{ width: 50%; height: 100%; float: left; background-color: #000; background: rgba(0,0,0,.5);}
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA{ width: 68.75%; margin:118px auto 0;}
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA img{ width: 329px; height: 48px;}
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA h4{ height: 30px; background:url(../images/bh.png) 2px center no-repeat; margin-top: 55px; padding-left: 15px; color: #fefefe; font-size:24px; line-height: 30px; font-weight: normal;}
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA h5{ display: none; font-size: 30px; color: #7a7d85; margin-top: 5px; font-weight: normal;}
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA p{ font-size: 14px; line-height: 30px; color: #fefefe; margin-top: 40px;}
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA  span{display: block; width: 126px; height: 30px; overflow:hidden; border: 1px solid #fff; border-radius: 5px; position: relative;-webkit-transition: width .5s ease-in-out;  transition: width .5s ease-in-out; margin-top: 65px; line-height: 30px;}
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA  span a{ display: block;  text-align: center; color: #fff;  font-size: 14px;  position: relative;}
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA  span a i{ display: inline-block; color: #fff;}
/*.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA  span a:hover{ background: #0059a8; border-color: #0059A8;}*/
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA  span a:hover i{ color: #fff }
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA  span:before{ position: absolute; left: 0; content: ""; width: 0; height: 30px; color: #fff; background:#0059a8;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;  }
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA  span:hover:before{ width: 126px; }
.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA  span:hover{ border-color:#0059a8; border-radius:5px;  }

/*sec3*/
.sec3 .fp-tableCell{ display: inherit !important}
.detail-list .swiper-container{ overflow: visible !important; }
.detail-list {position: absolute;	width: 1400px;	font-size: 0;	-webkit-text-size-adjust: none;	height: 100%;	left: 50%;	margin-left: -700px}
.detail-list li {font-size: 14px;position: relative}
.detail-list li a{ display: block }
.detail-list .swiper-container {height: 100%}
.detail-list .a-r {position: absolute;	bottom: 140px;	color: #fff608;	font-size: 40px;	line-height: 1;	text-align: center;	cursor: pointer;	left: -55px;	-webkit-user-select: none}
.detail-list .a-r.right {left: auto;right: -55px}
.detail-list li em{width: 50px; height: 50px; /*margin: 390px auto 0;*/position: absolute;
    top: 50%;
    margin-top: -80px;
    left: 50%;
    margin-left: -25px;}
.detail-list li .detail-list-em1{background: url(../images/CULTURAL_icon.png) center no-repeat; text-align: center; }
.detail-list li .detail-list-em2{background: url(../images/sports_icon.png) center no-repeat; text-align: center; }
.detail-list li .detail-list-em3{background: url(../images/building_icon.png) center no-repeat; text-align: center; }
.detail-list li .detail-list-em4{background: url(../images/gongyi_icon.png) center no-repeat; text-align: center; }
.detail-list li .detail-list-em5{background: url(../images/yiliao_icon.png) center no-repeat; text-align: center; }
.detail-list li .detail-list-em6{background: url(../images/huazhuang_icon.png) center no-repeat; text-align: center; }
.detail-list li .title {text-align: center;	position: absolute;	left: 0;width: 100%;top: 50%;	border-top: 1px solid rgba(255, 255, 255, .4);	line-height: 1;	font-size: 20px;	padding-top: 30px;	letter-spacing: 2px;	color: #fff;}
.detail-list li .title i{ display: block; font-size:14px; font-family: arial; padding-top: 5px; display: none;}
.detail-list .a-r.swiper-button-disabled {	display: none}
.detail-list li .title:before {	background-color: #fff;	content: '';	display: block;	position: absolute;	width: 10px;	height: 10px;	-webkit-border-radius: 10%;	border-radius: 10%;	left: 50%;margin-left: -5px;	top: -5px;	-webkit-border-radius: 50%;	border-radius: 50%}
/*.detail-list li:nth-of-type(4n) {background-color: rgba(0, 0, 0, .6)}
.detail-list li:nth-of-type(4n+2) {	background-color: rgba(0, 0, 0, .3)}
.detail-list li:nth-of-type(4n+3) {	background-color: rgba(0, 0, 0, .45)}
.detail-list li:nth-of-type(5) {background-color: rgba(0, 0, 0, .4)}
.detail-list li:nth-of-type(9) {background-color: rgba(0, 0, 0, .4)}*/
.detail-list li .img-box {	position: absolute;	height: 100%;	width: 400px;	left: -63px;	top: 0;	background-color: #fff;	overflow: hidden;	width: 0;	z-index: 6;	-webkit-transition: all .2s;	-o-transition: all .2s;transition: all .2s;	background-repeat: no-repeat}
.detail-list li .img-box img{ width: 100%; height: auto;}
.detail-list li .img-box .img-box-main{ background: #fff; padding: 60px 38px 0;}
.detail-list li .img-box .img-box-main h4{ font-size: 36px; color: #0059a8; font-weight: normal; }
.detail-list li .img-box .img-box-main h5{ display: none; font-size: 36px; color: #e5e5e5; font-weight: normal; line-height: 53px;}
.detail-list li .img-box .img-box-main p{ font-size: 18px; color: #717171; line-height: 36px; padding-top: 46px;}
.detail-list li .img-box .img-box-main span{display: block; text-align: center; margin-top: 40px;}
.detail-list li .img-box .img-box-main span{ display: block; color: #0059a8; font-size: 18px; }
.detail-list li .img-box .img-box-main span i{margin-bottom: 5px;}
.detail-list li.last .img-box {left: auto;right: -63px}
.detail-list li:hover .img-box {width: 150%;	-webkit-transition: all .5s;-o-transition: all .5s;	transition: all .5s}
.detail-list li:hover {	z-index: 5}
/*sec4*/
.sec4 .fp-tableCell{ display: inherit !important}
.sec4-list{position: absolute;	width: 1357px;	font-size: 0;	-webkit-text-size-adjust: none;	height: 554px;	left: 50%; top: 50%; margin-top: -277px;margin-left: -678.5px}

.sec4-list-one{ position: absolute;	}
.sec4-list ul {width:1357px;}
.sec4-list ul li {width:313px;height:313px; text-align: center; margin-left: 0; background:url(../images/index-lingxing1.png) no-repeat;	float:left;	cursor:pointer;	position:relative;	margin-right: 35px;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}
/*.sec4-list ul li:hover{ transform:rotateY(360deg);}*/
.sec4-list ul li:hover{ background: url(../images/index-lingxing1-hover.png) no-repeat; }

.sec4-list ul li .title {padding-top:115px;font-size:23px;color:#fff; }
.sec4-list ul li .eng {font-size:14px; color:#fff; font-family: aril; display: none;}
.sec4-list ul li em{ width: 16px; height: 16px; background: url(../images/sec4_icon.png) no-repeat; margin: 50px auto 0;}
.sec4-list ul li .text2 {width:276px;height:276px;z-index:4;position:absolute;left:0;top:0px;display:none;}
.sec4-list ul li .text2 .mengban{
	border:0;
	position:absolute;
	z-index:1;
	width:196px;
	height:196px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-top:42px;
	margin-left:42px;
	overflow: hidden;
}

.sec4-list ul li .text2 .mengban img{width:276px;	height:276px; transform:rotate(-45deg);margin-top: -42px;    margin-left: -42px; }
.sec4-list ul li .text2 .desc {
	position:absolute;
	z-index:2;
	width:140px;
	height:110px;
	top:88px;
	left:70px;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:24px;
}

.sec4-list ul.two li {
	margin-top:-40px;
}
.sec4-list ul li:hover .text2 { display: block; }

.sec4-list-two{ top: 230px;position: absolute;	}
/*sec5*/
.box1{height:700px;padding:30px 0 0 0;position:relative;  margin-top: -100px;}
.box1 .PageTitle{position:absolute;width:100%;z-index:15}
.box1 .content1200{height:100%;width:1300px; margin:auto;}
.box1 .milestones{height:100%;overflow:hidden;position:relative}
.box1 .milestones ul{position:relative;width:250000px}
.box1 .milestones ul li{position:relative;width:318px !important;}
.box1 .milestones ul li .title{width:90px;height:90px;position:absolute;margin:-45px 0 0 -45px;left:50%;top:50%;box-shadow: 0 0 0 7px rgba(255, 255, 255, .5);
	border-radius:50%;background:rgba(0,89,168,0.5);cursor:pointer;background-size:100% 100%;transition:all .5s;
	-webkit-transition:all .5s;opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.box1 .milestones ul li .title:hover{background-size:110% 110%}
.box1 .bolang1{position:absolute;width:500%;left:0;height:302px;background:url(../images/wave1.png) repeat-x;top:26%}
.box1 .bolang2{position:absolute;width:500%;left:0;height:302px;background:url(../images/wave2.png) repeat-x;top:39%;background-size:1900px auto}
.box1 .milestones ul li .round{height:220px;width:220px;border-radius:50%;position:absolute;left:50%;margin:-110px 0 0 -110px;top:26%}
.box1 .milestones ul li .round .title span{display:block;color:#fff;text-align:center;z-index:14}
.box1 .milestones ul li .round .title span.year{font-size:14px}
.box1 .milestones ul li .round .title span.names{font-size:18px; width: 40px;margin: auto; line-height:24px; margin-top: 21px; }
.box1 .milestones ul li a{ display: block;}
.box1 .milestones ul li .pic{opacity:0;transform:scale(0);-webkit-transform:scale(0);transition:all .5s;-webkit-transition:all .5s}
.box1 .milestones ul li .pic .img{width:220px;height:220px;border-radius:50%;overflow:hidden;box-shadow: 0 0 0 10px rgba(255, 255, 255, .5);position:relative; background:#fff;}
.box1 .milestones ul li .pic .img img{display:block;position:absolute;left:0;top:0;width:80%;height:auto; right:0; bottom:0;margin:auto;}
.box1 .milestones ul li .summary{width:100%;margin-top:0}
.box1 .milestones ul li .summary .title-T{ text-align: center }
.box1 .milestones ul li .summary .title-T span{color:#fff; display: block;}
.box1 .milestones ul li .summary .title-T span.year{font-size:14px; margin-top: 5px;}
.box1 .milestones ul li .summary .title-T span.names{font-size:18px; margin-top: 17px; }
.box1 .milestones ul li .summary .text{font-size:14px;color:#fff;line-height:24px; margin-top: 10px;}
.box1 .milestones ul li.swiper-slide-active .title{opacity:0;transform:scale(0);-webkit-transform:scale(0)}
.box1 .milestones ul li.swiper-slide-active .pic{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.box1 .milestones .swiper-pagination-box1{position:absolute;bottom:20px;text-align:center;z-index:15}
.box1 .milestones .swiper-pagination-box1 span{width:10px;height:10px}
.box1 .milestones .swiper-pagination-box1 span.swiper-pagination-bullet-active{background:#a80000}
.index-button{ width: 270px; margin:auto; position: absolute; left: 50%; margin-left: -135px; bottom: -20px; }
.index-button > div{  float: left; position: relative; z-index: 888;}
.swiper-button-next-milestones{width:60px;height:51px;background:url(../images/index-next.png) no-repeat;cursor:pointer;display:block; }
.swiper-button-prev-milestones{width:60px;height:51px;background:url(../images/index-prev.png) no-repeat;cursor:pointer;display:block;margin-right: 45px;}
.swiper-button-next-milestones:hover{background:url(../images/index-next-hover.png) no-repeat;}
.swiper-button-prev-milestones:hover{background:url(../images/index-prev-hover.png) no-repeat;}
.swiper-button-home{ width: 60px;height:51px;background:url(../images/index-home.png) no-repeat;cursor:pointer;display:block;margin-right: 45px; }
.index-button .swiper-button-home:hover{background:url(../images/index-home-hover.png) no-repeat;}
.index-button .swiper-button-home a{ display: block;width: 60px;height:51px; }
.index-button a{ display: block; float: left; }


.box1 .bolang1{-webkit-animation:bolang1 18s linear infinite;animation:bolang1 18s linear infinite}

@media screen and (min-width:767px){
.box1 .bolang1{-webkit-animation:bolang1 18s linear infinite;animation:bolang1 18s linear infinite}
@-webkit-keyframes bolang1{
0%{background-position:0 50px}
100%{background-position:1920px 50px}
}
@keyframes bolang1{
0%{background-position:0 50px}
100%{background-position:1920px 50px}
}
.box1 .bolang2{/* -webkit-animation:bolang2 24s linear infinite; *//* animation:bolang2 24s linear infinite */}
@-webkit-keyframes bolang2{
0%{background-position:0 0}
100%{background-position:-1920px 0}
}
@keyframes bolang2{
0%{background-position:0 0}
100%{background-position:-1920px 0}
}
.box1 .milestones ul li.cur1 .round{top:26%;-webkit-animation:round1 12s ease-in-out infinite;animation:round1 12s ease-in-out infinite}
.box1 .milestones ul li.cur2 .round{top:38%;-webkit-animation:round2 12s ease-in-out infinite;animation:round2 12s ease-in-out infinite}
.box1 .milestones ul li.cur3 .round{top:42%;-webkit-animation:round3 12s ease-in-out -1s infinite;animation:round3 12s ease-in-out -1s infinite}
.box1 .milestones ul li.cur4 .round{top:28%;-webkit-animation:round4 12s ease-in-out infinite;animation:round4 12s ease-in-out infinite}
.box1 .milestones ul li.cur5 .round{top:37%;-webkit-animation:round5 12s ease-in-out 1.5s infinite;animation:round5 12s ease-in-out 1.5s infinite}
.box1 .milestones ul li.cur6 .round{top:35%;-webkit-animation:round6 12s ease-in-out -1s infinite;animation:round6 12s ease-in-out -1s infinite}
.box1 .milestones ul li.cur7 .round{top:35%;-webkit-animation:round7 12s ease-in-out 1.7s infinite;animation:round7 12s ease-in-out 1.7s infinite}
@-webkit-keyframes round1{
0%{top:36%}
50%{top:52%}
100%{top:36%}
}
@keyframes round1{
0%{top:36%}
50%{top:52%}
100%{top:36%}
}
@-webkit-keyframes round2{
0%{top:48%}
15%{top:52%}
65%{top:36%}
100%{top:48%}
}
@keyframes round2{
0%{top:48%}
15%{top:52%}
65%{top:36%}
100%{top:48%}
}
@-webkit-keyframes round3{
0%{top:52%}
50%{top:36%}
100%{top:52%}
}
@keyframes round3{
0%{top:52%}
50%{top:36%}
100%{top:52%}
}
@keyframes round4{
0%{top:38%}
5%{top:36%}
55%{top:52%}
100%{top:38%}
}
@-webkit-keyframes round4{
0%{top:38%}
5%{top:36%}
55%{top:52%}
100%{top:38%}
}
@-webkit-keyframes round5{
0%{top:47%}
15%{top:52%}
65%{top:36%}
100%{top:47%}
}
@keyframes round5{
0%{top:47%}
15%{top:52%}
65%{top:36%}
100%{top:47%}
}
@-webkit-keyframes round6{
0%{top:53%}
50%{top:40%}
100%{top:53%}
}
@keyframes round6{
0%{top:53%}
50%{top:36%}
100%{top:53%}
}
@-webkit-keyframes round7{
0%{top:36%}
50%{top:52%}
100%{top:36%}
}
@keyframes round7{
0%{top:36%}
50%{top:52%}
100%{top:36%}
}
}


@-webkit-keyframes bolang1{
0%{background-position:0 50px}
100%{background-position:1920px 50px}
}
@keyframes bolang1{
0%{background-position:0 50px}
100%{background-position:1920px 50px}
}
.box1 .bolang2{-webkit-animation:bolang2 24s linear infinite;animation:bolang2 24s linear infinite}
@-webkit-keyframes bolang2{
0%{background-position:0 0}
100%{background-position:-1920px 0}
}
@keyframes bolang2{
0%{background-position:0 0}
100%{background-position:-1920px 0}
}
.index-body .box1 .milestones ul li.cur1 .round{top:26%;-webkit-animation:round1 12s ease-in-out infinite;animation:round1 12s ease-in-out infinite}
.index-body .box1 .milestones ul li.cur2 .round{top:38%;-webkit-animation:round2 12s ease-in-out infinite;animation:round2 12s ease-in-out infinite}
.index-body .box1 .milestones ul li.cur3 .round{top:42%;-webkit-animation:round3 12s ease-in-out -1s infinite;animation:round3 12s ease-in-out -1s infinite}
.index-body .box1 .milestones ul li.cur4 .round{top:28%;-webkit-animation:round4 12s ease-in-out infinite;animation:round4 12s ease-in-out infinite}
.index-body .box1 .milestones ul li.cur5 .round{top:37%;-webkit-animation:round5 12s ease-in-out 1.5s infinite;animation:round5 12s ease-in-out 1.5s infinite}
.index-body .box1 .milestones ul li.cur6 .round{top:35%;-webkit-animation:round6 12s ease-in-out -1s infinite;animation:round6 12s ease-in-out -1s infinite}
.index-body .box1 .milestones ul li.cur7 .round{top:35%;-webkit-animation:round7 12s ease-in-out 1.7s infinite;animation:round7 12s ease-in-out 1.7s infinite}
@-webkit-keyframes round1{
0%{top:36%}
50%{top:52%}
100%{top:36%}
}
@keyframes round1{
0%{top:36%}
50%{top:52%}
100%{top:36%}
}
@-webkit-keyframes round2{
0%{top:48%}
15%{top:52%}
65%{top:36%}
100%{top:48%}
}
@keyframes round2{
0%{top:48%}
15%{top:52%}
65%{top:36%}
100%{top:48%}
}
@-webkit-keyframes round3{
0%{top:52%}
50%{top:36%}
100%{top:52%}
}
@keyframes round3{
0%{top:52%}
50%{top:36%}
100%{top:52%}
}
@keyframes round4{
0%{top:38%}
5%{top:36%}
55%{top:52%}
100%{top:38%}
}
@-webkit-keyframes round4{
0%{top:38%}
5%{top:36%}
55%{top:52%}
100%{top:38%}
}
@-webkit-keyframes round5{
0%{top:47%}
15%{top:52%}
65%{top:36%}
100%{top:47%}
}
@keyframes round5{
0%{top:47%}
15%{top:52%}
65%{top:36%}
100%{top:47%}
}
@-webkit-keyframes round6{
0%{top:53%}
50%{top:40%}
100%{top:53%}
}
@keyframes round6{
0%{top:53%}
50%{top:36%}
100%{top:53%}
}
@-webkit-keyframes round7{
0%{top:36%}
50%{top:52%}
100%{top:36%}
}
@keyframes round7{
0%{top:36%}
50%{top:52%}
100%{top:36%}
}
.box1 .milestones ul li .summary .more{display: block;  overflow:hidden;position: relative; margin-top: 20px;}
.box1 .milestones ul li .summary .more a{ display: block;  text-align: center; color: #fff;  font-size: 14px;  position: relative;}
.box1 .milestones ul li .summary .more a i{ display: inline-block; color: #7a7d85;}
.box1 .milestones ul li .summary .more:hover a,.box1 .milestones ul li .summary .more:hover a i{ color: #0059a8 }
/*sec6*/
.sec6 .fp-tableCell{ display: inherit !important}
.sec6 ul{ width: 1300px; position: absolute; left: 50%; margin-left: -650px; top: 50%; margin-top: -95px}
.sec6 ul li{ width: 300px; float: left; margin-right: 200px; position: relative;}
.sec6 ul li .sec6-a{ display: block;}
.sec6 ul li .sec6-a .sec6-a-con{ width:165px;}
.sec6 ul li .sec6-a .sec6-a-con span{display: block; width: 100%; height: 110px; }
.sec6 ul li .sec6-a .sec6-a-con i{ width: 32px; height: 6px; background: #fff; margin: 27px auto 0;}
.sec6 ul li .sec6-a .sec6-a-con h5{ font-size: 24px; line-height: 40px; color: #fff; text-align: center; margin-top: 5px; font-weight: normal;}
.sec6 ul li .sec6-a .sec6-a-con .sec6-a-s1{ background: url(../images/01.png) no-repeat;}
.sec6 ul li .sec6-a .sec6-a-con .sec6-a-s2{ background: url(../images/02.png) no-repeat;}
.sec6 ul li .sec6-a .sec6-a-con .sec6-a-s3{ background: url(../images/03.png) no-repeat;}
.sec6 ul li .sec6-a:hover .sec6-bg{ display: block; }
.sec6-bg{ display: none; position: absolute;      margin-top: -250px;
    top: 50%;  left: 0;  width: 299px;  height: 500px; padding: 80px 30px 0; background: url(../images/sec6_01_bg.jpg) no-repeat;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;  -o-transition: all 1s;}
.sec6 ul li:nth-child(2) .sec6-a .sec6-bg{background: url(../images/sec6_03_bg.jpg) no-repeat;}
.sec6 ul li:nth-child(3) .sec6-a .sec6-bg{background: url(../images/sec6_02_bg.jpg) no-repeat;}
.sec6-bg span{display: block; width: 120px; height: 90px; }
.sec6-bg i{ width: 32px; height: 6px; background: #fff; margin-top: 10px;}
.sec6-bg h5{ font-size: 18px; line-height: 40px; color: #fff; margin-top: 5px; font-weight: normal;}
.sec6-bg p{ font-size: 14px; line-height: 24px; color: #fff;}
.sec6-bg .sec6-more{display: block; text-align: center; margin-top: 65px;width: 100% !important;  height: auto !important;}
.sec6-bg .sec6-more{ display: block; color: #fff; font-size: 14px;}
.sec6-bg .sec6-more em{ margin-bottom: -10px; }
.sec6-bg .sec6-a-s1{ background: url(../images/01.png) no-repeat;-webkit-background-size: contain;  background-size: contain;}
.sec6-bg .sec6-a-s2{ background: url(../images/02.png) no-repeat;-webkit-background-size: contain;  background-size: contain;}
.sec6-bg .sec6-a-s3{ background: url(../images/03.png) no-repeat;-webkit-background-size: contain;  background-size: contain;}


/*sec7*/
.sec7 .fp-tableCell{ display: inherit !important}
.sec7-con{width: 1300px; position: absolute; left: 50%; margin-left: -650px; top: 50%; margin-top: -231px;}
.sec7-l{width: 812px;  float: left;}
.sec7-l h4{font-size: 30px;color: #fff; line-height: 30px; font-weight: normal;}
.sec7-l h5{ font-size: 18px; font-family: arial; color: #fff; line-height: 24px; font-weight: normal; padding-top: 5px; display: none;}
.sec7-l ul{ overflow: hidden; margin-top: 50px;}
.sec7-l li{ width:100%; float: left; font-size: 16px;  color: #fff; margin-bottom: 35px;padding-left: 33px;}
.sec7-l li.sec7-l-li1{ height: 20px; background: url(../images/sec7-icon.png) 0 0 no-repeat; line-height: 20px;}
.sec7-l li.sec7-l-li2{ height: 20px; background: url(../images/sec7-icon.png) 0 -26px no-repeat;}
.sec7-l li.sec7-l-li3{ height: 24px; background: url(../images/sec7-icon.png) 0 -52px no-repeat;}
.sec7-l dl{ margin-top: 20px;}
.sec7-l dl dd{ width: 130px; float: left; text-align: center; margin-right:70px}
.sec7-l dl dd img{ width: 88px; height: 88px; padding: 4px; border: 1px solid #fff; margin:0 auto 15px;}
.sec7-l dl dd p{ color: #fff; font-size: 14px; line-height: 18px;}
.sec7-r{ width: 488px; float: right;}
.sec7-r h4{font-size: 30px;color: #fff; line-height: 30px; font-weight: normal;}
.sec7-r h5{ font-size: 18px; font-family: arial; color: #fff; line-height: 24px; font-weight: normal; padding-top: 5px; display: none;}
.sec7-r input{width: 100%; border-bottom: 1px solid #fff; color: #fff; font-size: 18px; background: none; height: 60px; padding-top: 30px; }
.sec7-r-content{ width: 100%;  color: #fff; font-size: 18px; background: none; height:60px;border: 1px solid #fff; padding: 10px; margin-top: 10px;}
.sec7-r span{ display: block; cursor: pointer; width: 100%; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; background: #0059a8; margin-top: 40px;}
.sec7-r span .submit{  border: 0;padding-top: 0; line-height: 50px; color: #fff; display: block; font-size: 18px; height: auto !important; letter-spacing: 6px;cursor: pointer; }

.sec7-r p{ font-size: 18px; color: #fff; margin-top: 30px;}

.contain{ width: 1300px; margin:auto; }
input::-webkit-input-placeholder {
    color: #fff;
}
@media only screen and (max-width: 1600px){

}

@media only screen and (max-width: 1366px){
#fp-nav.right{ right: -3px !important }
	.index_focus .slide_nav{ bottom: 36px; }
	.index_focus .mouse_move{bottom: 56px;}
	.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA{ margin: 58px auto 0; }
	.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA p{ line-height: 24px; color: #fefefe; margin-top: 20px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; }
	.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA span{ margin-top: 35px; }
	.sec2_nav{ width: 510px; height: 120px; margin-left: -255px; }
	.sec2_nav li{ width: 170px; height: 120px; padding-top: 20px; }
	.detail-list {width: 1100px; margin-left: -550px;}
	.detail-list li{ width: 180px !important;}
	/*.detail-list li em{margin: 230px auto 0;}*/
	.detail-list li .img-box img{ height: auto; }
	.detail-list li:hover .img-box {width: 150%; left: -46px;}
    .detail-list li.last:hover .img-box{ left:auto; right:-46px; }
    .detail-list li .title{ font-size: 18px }
    .detail-list li .title i{ font-size: 12px; }
	.detail-list li .img-box .img-box-main h4{ font-size: 24px; margin-top: 5px;}
	.detail-list li .img-box .img-box-main h5{ font-size: 22px; line-height: 36px; margin-top: 0;}
	.detail-list li .img-box .img-box-main{  padding: 10px 10px 0;}
	.detail-list li .img-box .img-box-main p{ padding-top: 0; font-size: 14px; line-height: 24px;}
	.detail-list li .img-box .img-box-main span{display: block; text-align: center; margin-top: 0; display: none;}
	.detail-list li .img-box .img-box-main span a i{ margin-bottom: -10px; }
	.sec4-list{ width: 1050px; margin-left: -525px; margin-top: -205px; top: 50%}
	.sec4-list ul li .title{ padding-top: 95px; }
	.sec4-list ul{ width: 1050px; margin:auto; }
	.sec4-list-one{}
	.sec4-list-two{ top: 160px;}
	.sec4-list-two li:first-child{ margin-left: 130px !important; }
	.sec4-list ul li{ width: 250px; height: 250px; background-size: 100% !important; margin-right: 12.5px;}
	.sec6 ul{ width: 1200px; margin-left: -600px;}
	.sec6 ul li{ margin-right: 150px; }
	.sec7-con{width:1200px; margin-left: -600px;}
	.sec7-l{ width: 712px; }
	.index-button{ bottom:50px; }
	.sec6-bg{ padding: 40px 30px 40px;}
}

@media only screen and (min-width: 1367px) and (max-width: 1440px){
	#fp-nav.right{ right: -3px !important }
	.index_focus .slide_nav{ bottom: 36px; }
	.index_focus .mouse_move{bottom: 76px;}
	.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA{ margin: 128px auto 0; }
	.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA p{ line-height: 24px; color: #fefefe; margin-top: 20px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; }
	.sec2_con .sec2_con_one .sec2_con_one_left .sec2_con_one_leftA span{ margin-top: 35px; }


	.detail-list {width: 1200px; margin-left: -600px;}
	.detail-list li{ width: 200px !important;}
	/*.detail-list li em{margin: 345px auto 0;}*/
    .detail-list li .title{ font-size: 18px }
	.detail-list li .img-box img{ height: auto; }
	.detail-list li .img-box .img-box-main h4{ font-size: 24px; }
	.detail-list li .img-box .img-box-main h5{ font-size: 24px; line-height: 36px;}
	.detail-list li .img-box .img-box-main{  padding: 40px 35px 0;}
	.detail-list li .img-box .img-box-main p{ padding-top: 0;font-size: 18px; line-height: 36px; margin-top: 30px;}
	.detail-list li .img-box .img-box-main span{display: block; text-align: center; margin-top: 30px;}
	.detail-list li .img-box .img-box-main span a i{ margin-bottom: -5px; }
    .detail-list li:hover .img-box{ left:-50px; }
    .detail-list li.last:hover .img-box{ left:auto; right:-50px; }
	.sec4-list ul li .title{ padding-top: 110px; }
    .sec4-list ul li .title i{ font-size: 12px; }
	.sec4-list-one{ }
	.sec4-list-two{ top: 190px; }
	.sec4-list{ width: 1200px; margin-left: -600px; margin-top: -235px;}
	.sec4-list ul {width:1200px; }
	/*.sec4-list-one{ top: 100px;}
	.sec4-list-two{ top: 270px;}*/
	.sec4-list ul li{ margin-right: 104px; width: 280px; height: 280px; background-size: 100% !important; margin-right: 26px;}
	.sec4-list-two li:first-child{ margin-left: 155px !important; }
	.sec6 ul{  width: 1200px; margin-left: -600px;}
	.sec6 ul li{ margin-right: 150px; }
	.sec7-con{width: 1200px;margin-left: -600px;}
	.sec7-l{ width: 712px; }
	.index-button{ bottom:-50px; }

}
.mobile-index{ display: none; }

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

	#fp-nav{ display: none }
   .container{ display: none; }
   .public-contain{ width: 96%; margin:auto; }
   	.mobile-index{ display: block }
   	.mobile-banner{ max-height:680px; margin-top: 60px; display: block; position: relative}
	.mobile-banner li{ max-height:680px; position: relative;}
	.mobile-banner li  a{ display: block; width: 100%; max-height:680px;}
	.mobile-banner li img{ width: 100%; max-height:680px;  }
	.mobile-banner .flex-control-nav{ right: 5%; bottom:15px;}
	.mobile-banner .bancon{   position: absolute; top: 0; left:2%;}
	.mobile-banner .bancon h2{ font-size: 20px; }
	.mobile-banner .bancon h3{ margin: 10px 0 15px 0; font-size: 18px; }
	.mobile-banner .bancon a{ width: 100px !important; height: 30px !important; line-height: 30px; background: #0058a8; font-size: 14px; }
	.mobile-banner .flex-direction-nav{ display: none; }
    .mobile-banner .slide_nav{ bottom: 15px; position: absolute; left: 50%;margin-left: -105px; }
    .mobile-banner .slide_nav li{ width:20px; height:3px; margin:0 5px; display:inline-block; }
	.mobile-banner .slide_nav a{ width:20px; height:3px;margin:0 5px;  line-height:40px; overflow:hidden; background: #FFF; cursor:pointer; display:inline-block;}
	.mobile-banner .slide_nav a.on{ background: #0058a8;}
	.mobile-banner .pageState{ width: 46px; height: 20px; bottom: 0px;  margin-left: 0;  font-size: 14px;  line-height: 18px;    position: absolute;left: 20px;font-family: Arial;
    letter-spacing: 1px;  z-index: 9;  vertical-align: top; color: #fff; }
    .mobile-index-about{ overflow: hidden; margin-top: 15px; }
    .mobile-public-title{ text-align: center; }
    .mobile-public-title h1{color: #0059aa; font-size: 22px; position: relative;  }
    .mobile-public-title h1:before,.mobile-public-title h1:after{ width: 34%;  background-size: 100%; display: none !important}
    .mobile-public-title h1:before{content: ""; border-top: 1px solid #ccc; display: block;position: absolute; top: 16px; left: 0} 
    .mobile-public-title h1:after{content: ""; border-top: 1px solid #ccc; display: block; position: absolute; top: 16px; right: 0}
    .mobile-public-title p{ font-size: 18px; color: #999; margin-top: 0; font-family: "aril"; display: none;}
   	.mobile-index-about-con{ margin-top: 10px; }
   	.mobile-index-about-con p{ font-size: 16px; line-height: 28px; color: #666; text-indent: 1em }
	.mobile-index-about-con span a{ display: block; width: 100px; height: 30px; border:1px solid #0058a8; border-radius: 5px; text-align: center; line-height: 30px; color: #0058a8; margin:10px auto 0; }
	.mobile-index-about-con span a:hover{ background:#0058a8; color: #fff; }
	.mobile-index-about-linian{ display: none; overflow: hidden; max-height: 500px; width: 100%; background:url(../images/mobile/linian-bg.jpg) no-repeat; margin-top: 15px; color: #fff; padding:15px 2%; }
	.mobile-index-about-linian h2,.mobile-index-about-dashijian h2{ font-size: 18px; font-weight: normal; }
	.mobile-index-about-linian h5,.mobile-index-about-dashijian h5{ font-size: 14px; font-weight: normal;  }
	.mobile-index-about-linian p,.mobile-index-about-dashijian p{ font-size: 14px; line-height: 24px; }
	.mobile-index-about-dashijian{display: none; width: 100%; max-height: 500px; background:url(../images/mobile/dashijian-bg.jpg) no-repeat; margin-top: 15px; color: #fff; padding:15px 2%; text-align: right}
   	.mobile-index-industry{ margin-top: 15px; }
   	.mobile-index-industry ul{  width: 98%; margin:15px 1% 0; }
   	.mobile-index-industry li{ width: 49.5%; float: left; height: auto; margin-right: 1%; margin-bottom: 1%; position: relative; overflow: hidden}
    .mobile-index-industry li:nth-child(5),.mobile-index-industry li:nth-child(6){ margin-bottom: 0; }
   	.mobile-index-industry li a{ display: block; width: 100%;}
   	.mobile-index-industry li .mobile-index-industry-a1 img{ width: 100%; height: 100%;  }
   	.mobile-index-industry li:nth-child(2n){ margin-right: 0; float: right; }
   	.mobile-index-industry li .mobile-index-industry-a2{ width: 100%; display: block; background-color: rgba(0,0,0,0.5); position: absolute; top: 0;height: 100%; }
   	.mobile-index-industry li .mobile-index-industry-li{ text-align: center; position: absolute; top: 45%; left: 0; right: 0; bottom: 0; margin-top: -23px; }
   	.mobile-index-industry li .mobile-index-industry-li h2{ font-size: 20px; color: #fff; font-weight: normal;    margin-top: 5px; }
   	.mobile-index-industry li .mobile-index-industry-a2 i{}
   	.mobile-index-industry-li-i0{ width: 40px; height: 40px; margin:auto; background: url(../images/mobile/mobile-wenhua.png) no-repeat; background-size: 100%;  }
   	.mobile-index-industry-li-i1{ width: 40px; height: 40px; margin:auto; background: url(../images/mobile/mobile-tiyu.png) no-repeat; background-size: 100%;  }
   	.mobile-index-industry-li-i2{ width: 40px; height: 40px; margin:auto; background: url(../images/mobile/mobile-dichan.png) no-repeat; background-size: 100%;  }
   	.mobile-index-industry-li-i3{ width: 40px; height: 40px; margin:auto; background: url(../images/mobile/mobile-yiliao.png) no-repeat; background-size: 100%;  }
   	.mobile-index-industry-li-i4{ width: 40px; height: 40px; margin:auto; background: url(../images/mobile/mobile-gongyi.png) no-repeat; background-size: 100%;  }
   	.mobile-index-industry-li-i5{ width: 40px; height: 40px; margin:auto; background: url(../images/mobile/mobile-huazhuang.png) no-repeat; background-size: 100%;  }
   	.mobile-index-news{ margin-top: 15px;}
   	.mobile-index-news-ul{ overflow: hidden; margin-top: 15px; height: 409px; padding:15px 2%; background:url(../images/mobile/news-bg.png) center no-repeat;  position: relative; }
   	.mobile-index-news-ul-all{ width: 96%; height: auto; position: absolute; top: 50%; margin-top: -120px;}
    .mobile-index-news-ul-all-ul1{ width: 220px !important; margin:auto;    margin-top: -20px; }
    .mobile-index-news-ul-all-ul1 li{}
    .mobile-index-news-ul-all-ul2{width: 330px !important; margin:auto; }
    .mobile-index-news-ul-all-ul2 li{ margin-top: -25px;  }
    .mobile-index-news-ul-all-ul3{width: 220px !important; margin:auto; }
    .mobile-index-news-ul-all-ul3 li{margin-top: -30px;}
    .mobile-index-news-ul ul{ width: 100%; height: 100px;max-height: 140px;   }
    .mobile-index-news-ul li{ width: 110px; max-width: 140px; max-height: 140px; height: 110px; text-align: center; float: left; overflow: hidden;  position: relative; background:url(../images/mobile/lingxing.png) no-repeat; background-size: 100% auto }
   	.mobile-index-news-ul li a{ display: block;      text-align: center;    width: 72%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: table; }
   	.mobile-index-news-ul li h2{ font-size: 16px; color: #fff; font-weight: normal;  }
   	.mobile-index-news-ul li p{ font-size: 10px;color: #fff; font-family: "aril" }

   	.mobile-index-partner{ margin-top: 15px; }
   	.mobile-index-partner-con{ position: relative; margin-top: 15px; height: 409px; background:url(../images/mobile/hezuo-bg.png) center no-repeat; overflow: hidden;}
   	.mobile-index-partner-con-bd{ width: 70%; height: auto; margin:100px auto 0; position: relative;  }
   	.mobile-index-partner-con-bd li{ width: 100%; margin:auto; margin:auto; height: auto;}
   	.mobile-index-partner-con-bd li em{ width: 130px; height: 130px; border:2px solid #fff; background:#fff; border-radius: 50%; position: relative; margin:auto; }
   	.mobile-index-partner-con-bd li em a{ width: 130px; height: 130px; display: block}
   	.mobile-index-partner-con-bd li em img{ width: 90%; height: auto; text-align: center; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }
   	.mobile-index-partner-con-bd-c{ text-align: center; }
    .mobile-index-partner-con-bd-c a{ display: block; }
   	.mobile-index-partner-con-bd-c h2{ font-size: 20px; color: #fff; font-weight: normal; margin-top: 10px;}
   	.mobile-index-partner-con-bd-c i{ font-size: 16px; color: #fff; margin-top: 5px; }
   	.mobile-index-partner-con-bd-c p{ font-size: 16px; color: #fff; line-height: 24px; margin-top: 20px; display: none;}
   	.mobile-index-partner-con-bd-c span{ display: block; color: #fff; font-size: 16px; margin-top: 5px }
   	.mobile-index-partner-con .slider{ display: block; width: 15px; height: 29px; position: absolute; top: 50%; margin-top: -15px; }
   	.mobile-index-partner-con .prev{ background: url(../images/mobile/mobile-arrow.png) 0 0 no-repeat; left: 2% }
   	.mobile-index-partner-con .next{ background: url(../images/mobile/mobile-arrow.png) -19px 0 no-repeat; right: 2%; }
   	.mobile-index-partner-con .home{ background: url(../images/mobile/mobile-home.png) no-repeat; }

   	.mobile-index-zhaopin{ margin-top: 15px; }
   	.mobile-index-zhaopin-con{ width: 100%; margin-top: 15px; height: 409px; overflow: hidden; padding:0 2%; background: url(../images/mobile/zhaopin-bg.jpg) center no-repeat;  text-align: center}
  	.mobile-index-zhaopin-con-t{ width: 100%; overflow: hidden; margin-top: 55px;}
  	.mobile-index-zhaopin-con-t h2{ font-size: 20px; color: #fff; font-weight: normal; display: none; }
  	.mobile-index-zhaopin-con-t h5{ font-size: 20px; color: #fff; font-weight: normal; }
  	.mobile-index-zhaopin-con-t p{ font-size: 16px; line-height: 28px; color: #fff; margin-top:50px; }
  	.mobile-index-zhaopin-con ul{ overflow: hidden; width: 280px; margin:45px auto 0;  }
  	.mobile-index-zhaopin-con li{ width: 130px; float: left; height: 40px; background-color: rgba(238,238,238,0.2); line-height: 40px; }
  	.mobile-index-zhaopin-con li a{ display: block; text-align: center; color: #fff;font-size: 18px;}
  	.mobile-index-zhaopin-con li:last-child{ float: right }
   	.mobile-index-lianxi{ margin-top: 15px; }
   	.mobile-index-lianxi-con{ margin-top: 15px; width: 100%; height: 409px; background:url(../images/mobile/lianxi-bg.png) center no-repeat; padding:15px 2%;  }
    .mobile-index-lianxi-con-all{ width: 90%; margin:30px auto 0; }
   	.mobile-index-lianxi-con h2{ font-size: 22px; color: #fff; font-weight: normal }
   	.mobile-index-lianxi-con dl{ margin-bottom: 2%; overflow: hidden; margin-top: 30px; }
   	.mobile-index-lianxi-con dd{ width: 100%; padding:5px 0;  float: left;  overflow: hidden; font-size: 16px; color: #fff;line-height: 20px; }
   	.mobile-index-lianxi-con dd i{ margin-right: 10px; }
   	.mobile-index-lianxi-con dd i.mobile-tel{ width: 20px; height: 20px;float: left; background: url(../images/mobile/mobile-tel.png) no-repeat; background-size: 100%; }
   	.mobile-index-lianxi-con dd i.mobile-email{ width: 20px; height: 20px;float: left; background: url(../images/mobile/mobile-email.png) 0 2px no-repeat; background-size: 100%; }
   	.mobile-index-lianxi-con dd i.mobile-weizhi{ width: 15px; height: 20px;float: left; background: url(../images/mobile/mobile-weizhi.png) no-repeat; background-size: 100%; }
   	.mobile-index-lianxi-con ul{ overflow: hidden; width:100%; margin-top: 30px; }
   	.mobile-index-lianxi-con ul li{  float: left; padding:0 0; text-align: center; margin-right: 0}
    .mobile-index-lianxi-con ul li:last-child{ float: right }
   	.mobile-index-lianxi-con ul li i{width: 66px; border:1px solid #fff; padding:2px;margin:0 auto 5px;}
   	.mobile-index-lianxi-con ul li img{ width: 60px; height: auto;  }
   	.mobile-index-lianxi-con ul li p{ font-size: 14px; color: #fff; text-align: center; }
}