@charset "utf-8";

@font-face {
    font-family: 'OswaldLight';
    src: url('../fonts/OswaldLight.eot');
    src: url('../fonts/OswaldLight.eot') format('embedded-opentype'),
         url('../fonts/OswaldLight.woff2') format('woff2'),
         url('../fonts/OswaldLight.woff') format('woff'),
         url('../fonts/OswaldLight.ttf') format('truetype'),
         url('../fonts/OswaldLight.svg#OswaldLight') format('svg');
}

@font-face {
    font-family: 'OswaldBold';
    src: url('../fonts/OswaldBold.eot');
    src: url('../fonts/OswaldBold.eot') format('embedded-opentype'),
         url('../fonts/OswaldBold.woff2') format('woff2'),
         url('../fonts/OswaldBold.woff') format('woff'),
         url('../fonts/OswaldBold.ttf') format('truetype'),
         url('../fonts/OswaldBold.svg#OswaldBold') format('svg');
}


* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #666; overflow-x: hidden; font-family:"Microsoft YaHei",Arial,sans-serif;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ outline:none; font-family:"Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }
::-webkit-input-placeholder {color: #333;}
::-moz-placeholder {color: #333;}
:-ms-input-placeholder {color: #333;}
select::-ms-expand{ display: none; }

a { text-decoration: none; color:#666; transition: color 0.56s ease;}
a:hover{ color:#0068b7}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}


img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1620px; margin: 0 auto;}
.ovh{overflow: hidden;}

.bg{ background: #f3f3f3;}

.pm80{ padding-bottom: 80px;}

::-webkit-scrollbar { width: 8px;padding-right: 8px; background-color: #f2f2f2;  /*其他样式，比如圆角等*/}
/*滑块样式*/
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .6);}
/*当前窗口失去焦点时的滑块样式*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, .6);}


/*顶部*/
.header{ width: 100%; padding: 40px 0; position: fixed; left: 0; top: 0; z-index: 1111; transition: all .6s;}
.header .logo{ height: 60px; float: left; transition: all .6s;}
.header .headRight{ float: right; font-size: 15px; color: #fff; text-align: center;  padding-top: 5px;}
.header .headRight dl{ margin-top: 3px;}
.header .headRight .home{float: left; margin-right: 65px;}
.header .headRight .home i{ width: 25px; height: 25px; background: url(../images/home.png) no-repeat center; display: block; margin: 0 auto;}
.header .headRight .home a{ color: #fff;}
.header .headRight .lang{float: left; margin-right: 65px; position:relative;}
.header .headRight .lang i{ width: 25px; height: 25px; background: url(../images/icon01.png) no-repeat center; display: block; margin: 0 auto;}
.header .headRight .lang a{ color: #fff;}
.header .headRight .lang .langDown{min-width:50px; padding-top:7px; position:absolute; left:50%; top:55px; transform: translateX(-50%); display:none;}
.header .headRight .lang .langDown ol{ background: #fff; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:10px; position:relative;}
.header .headRight .lang .langDown ol:before{ content:""; width:0; height:0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position:absolute; top:-7px; left:50%; margin-left: -10px;}
.header .headRight .lang .langDown a{ color:#000; text-align: center; display:block; margin:5px 0; transition: all .4s;}
.header .headRight .lang .langDown a:hover{ color:#fff; background: #0068b7;}
.header .headRight .searchBtn{float: left; margin-right: 65px;cursor: pointer;}
.header .headRight .searchBtn i{ width: 25px; height: 25px; background: url(../images/icon02.png) no-repeat center; display: block; margin: 0 auto;}
.header .headRight .menu{float: left; cursor: pointer;}
.header .headRight .menu i{ width: 25px; height: 25px; background: url(../images/icon03.png) no-repeat center; display: block; margin: 0 auto;}
.header .headRight .menu dl{ font-size: 12px; font-weight: bold; line-height: 2;}
.header .menu-toggle{display: none;}

.header.fixed{ padding: 5px 0; background:rgba(9,89,150, .9); position: fixed; top: 0;}
.header.fixed .logo{ padding: 8px 0;}

.nav{ width: 100%; height: 100%; background: #fff; position: fixed; z-index:999999; display: none;  opacity: 0; transition:opacity 500ms;}
.nav.on{ opacity: 1; transition:opacity 500ms; display: block;}
.nav .navOff{ position: fixed; top: 35px; right: 80px; font-size: 12px; font-weight: bold; color: #fff; cursor: pointer;}
.nav .navOff i{ width: 27px; height: 27px; background: url(../images/off.png) no-repeat center; display: block; margin: 0 auto 5px;}
.nav .navTop{ height: 464px; background:url(../images/navBg.jpg) no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.nav ul{ text-align: center; position: relative;}
.nav ul::after{ content: ""; width: 100%; height: 1px; background: #dedede; position: absolute; left: 0; top: 70px;}
.nav ul li{ display: inline-block; vertical-align:top; margin: 0 65px;}
.nav ul li>a{ font-size: 22px; color: #000; line-height: 76px;}
.nav ul li>a:hover,.nav ul li.on>a{color:#095996;}
.nav ul li .subnav{ padding-top: 10px;}
.nav ul li .subnav a{ display: block; line-height: 28px;}
.nav ul li .subnav a:hover{ color:#095996;}

/*首页bannner*/
.banner { position: relative; background: #000;}
.banner .mouse{ width:50px; height:50px; background: rgba(255, 255, 255, 0.1); border-radius:50%; position:absolute;  bottom:50px; left:50%; margin-left: -25px; z-index:111; display: flex; flex-flow: row wrap;  justify-content: center;  align-items: center; cursor: pointer;}
.banner .mouse svg{ width: 30px;height: 20px; fill: #ffffff; -webkit-animation: trackBallSlide 6s linear infinite; animation: trackBallSlide 6s linear infinite;}
.banner .swiper-container{height:100vh;}
.banner .swiper-slide{position:relative; background: #000;opacity:0;transition: opacity 0.7s ease-in-out;}
.banner .bannerPagination { width: 1620px !important; position: absolute; left: 50% !important; bottom:75px!important; transform: translateX(-50%); z-index:111;}
.banner .swiper-pagination-bullet { display: inline-block; width: 40px;height: 4px; background: #fff; margin: 0 3px; border-radius:0 !important; cursor: pointer;}
.banner .swiper-pagination-bullet-active { background: #dfc49d;}
.banner .swiper-slide-active{opacity:1;}
.banner .text_b{ width: 1620px; color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 22 }
.banner .text_b h3{ font-size: 60px; font-weight: normal; margin-bottom: 10px;}
.banner .text_b p{ font-size: 28px; font-weight: 200;}
.banner video{ width: 100%; opacity: 0.6; -o-object-fit: fill; object-fit: fill; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 2;}

.neiBanner{height: 700px; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom:8px solid #cfa972; position: relative;}
.neiBanner2{height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom:8px solid #cfa972; position: relative;}
.neiBanner .bannerText{ text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.neiBanner .bannerText h2{ color: #fff; font-size: 60px; line-height: 1; position: relative; padding-bottom: 26px; margin-bottom: 25px;}
.neiBanner .bannerText h2::after{ content: ""; width: 60px; height: 3px; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.neiBanner .bannerText p{ color: #fff; font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 1; letter-spacing: 10px;}
.neiView .neiBanner{ height:480px;}

.title{ margin-bottom: 38px;}
.title p{ font-size: 15px; color: #999999; line-height: 1; font-weight: bold;}

.ntitle{ margin-bottom: 70px;}
.ntitle h2{ font-size: 40px; color: #000; line-height: 1; text-align: center;}
.ntitle h3{ font-size: 20px; color: #000; line-height: 1; text-align: center; margin-top:40px;}
.ntitle p{ color: #333333; text-align: center; margin-top: 20px;}

.iabout{ padding: 70px 0 120px; border-bottom: 1px solid #d6d6d6;}
.iabout .textBox{ width: 50%; padding-right: 55px; float: left;}
.iabout .textBox .text{ line-height: 1.85;}
.iabout .textBox .more{ width: 190px; height: 48px; line-height: 44px; text-align: center; border: #c8c8c8 solid 2px; display: block; margin-top: 25px; transition: all .4s;}
.iabout .textBox .more:hover{ background: #095996; border: #095996 solid 2px; color: #fff;}
.iabout .num{ width: 50%; padding-left: 66px; float: right;}
.iabout .num ul{ border-left: #e9e9e9 solid 1px; }
.iabout .num ul li{ width: 33.33%; text-align: center; border-right: #e9e9e9 solid 1px; float: left;}
.iabout .num ul li i{ display: block;}
.iabout .num ul li dl{ font-size: 60px; font-family: 'OswaldLight'; color: #000; display: inline-block; margin-top: 5px; padding-right: 13px; position: relative;}
.iabout .num ul li dl::after{ content: "+"; font-size: 20px; line-height: 1; position: absolute; right: 0; top: 0;}
.iabout .num ul li dl b{ font-weight: normal;}
.iabout .num ul li p{  font-size: 15px; color: #999; line-height: 1;}

.ibusiness{ padding-top: 60px;}
.ibusiness .box{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.ibusiness .box ul{ overflow: hidden; background: rgba(6, 31, 59, .7);}
.ibusiness .box ul li{ width: 14.285%;   border-left: 1px solid rgba(255,255,255,0.2); float: left; }
.ibusiness .box ul li a{height: 560px; display: flex; align-items: center; justify-content: center;}
.ibusiness .box ul li ol{ text-align: center;}
.ibusiness .box ul li ol i{ height: 70px; line-height: 68px; display: block; overflow: hidden;}
.ibusiness .box ul li ol h3{ font-size: 22px; color: #fff; font-weight: normal; line-height: 1; margin-top: 20px; transition: all .4s;}
.ibusiness .box ul li ol dd{ width:112px; height: 42px; color: #ccb491; line-height: 38px; border: #ccb491 solid 2px; border-radius: 42px; margin-top: 10px; opacity: 0; transition: all .4s;}
.ibusiness .box ul li.on ol i img{ filter: drop-shadow(#ccb491 0 100px); transform: translateY(-100px);}
.ibusiness .box ul li.on ol h3{ font-size: 25px; color: #ccb491;}
.ibusiness .box ul li.on ol dd{ opacity: 1; margin-top: 55px;}

.inews{ padding-top: 60px;}
.inews .wrap{ position: relative;}
.inews .box{ overflow: hidden;}
.inews .box .swiper-container{ margin: 0 -27px;}
.inews .box .swiper-container .swiper-slide{ box-sizing: border-box; padding: 0 27px;}
.inews .box .swiper-container .swiper-slide a{ display: block; background: #fff; border: #e4e4e4 solid 2px; transition: all .8s;}
.inews .box .swiper-container .swiper-slide dl{ padding-bottom: 59.6%; position: relative; overflow: hidden;}
.inews .box .swiper-container .swiper-slide dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.inews .box .swiper-container .swiper-slide ol{ padding: 30px 32px;}
.inews .box .swiper-container .swiper-slide ol h3{ margin-bottom: 10px; font-size: 20px; color: #000; line-height: 1; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all .6s;}
.inews .box .swiper-container .swiper-slide ol dt{ margin-bottom: 26px; height: 44px; color: #999; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  transition: color .8s;}
.inews .box .swiper-container .swiper-slide ol dd{ padding-top: 20px; border-top: 1px solid #e4e4e4; overflow: hidden; display: flex; justify-content: space-between; transition: all .8s;}
.inews .box .swiper-container .swiper-slide ol dd span{ font-size: 14px ; color: #b5b5b5; font-weight: bold; transition: all .8s;}
.inews .box .swiper-container .swiper-slide ol dd i{ padding-right: 25px; font-size: 14px; font-weight: bold; color: #c3c3c3; font-style: normal; line-height: 1.4; background: url(../images/icon14.png) no-repeat right 1px center; transition: all .8s;}
.inews .box .swiper-container .swiper-slide a:hover{ background: #cfa972;}
.inews .box .swiper-container .swiper-slide a:hover ol h3{ color: #fff;}
.inews .box .swiper-container .swiper-slide a:hover ol dt{ color: #fff;}
.inews .box .swiper-container .swiper-slide a:hover ol dd{  border-top: 1px solid #e0c49b;}
.inews .box .swiper-container .swiper-slide a:hover ol dd span{ color: #fff;}
.inews .box .swiper-container .swiper-slide a:hover ol dd i{ color: #fff; background: url(../images/icon14_02.png) no-repeat right 1px center;}
.inews .arrow{position: absolute; right: 0; top: 30px;}
.inews .arrow-left,.inews .arrow-right{ width: 38px; height: 38px; display: inline-block;  transition: all .4s;}
.inews .arrow-left{ background: url(../images/arrow-left.png) no-repeat center;}
.inews .arrow-left:hover{ background: url(../images/arrow-left02.png) no-repeat center;}
.inews .arrow-right{ background: url(../images/arrow-right.png) no-repeat center;}
.inews .arrow-right:hover{ background: url(../images/arrow-right02.png) no-repeat center;}

.partner{ padding: 60px 0 85px;}
.partner .box{ padding: 68px 54px 50px; background:url(../images/partnerBg.jpg) no-repeat center; background-size: cover;}
.partner .box ul{ margin: 0 -14px;}
.partner .box ul li{ width: 16.6666%; padding: 0 14px; float: left;}
.partner .box ul li dl{ margin-bottom: 18px; height: 78px; line-height: 76px; text-align: center; background: #fff; box-shadow: 5px 5px 0 #e5e5e5;}
.partner .box ul li dl:hover{box-shadow: 5px 5px 0 #ddd;}

.neiNav{ margin: -60px 0 95px; position: relative; z-index: 11;}
.neiNav ul{ display: flex; justify-content: center;}
.neiNav ul li{ box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.neiNav ul li a{ padding: 0 20px; min-width: 180px; height: 100px; text-align: center; background: #fff; border-left: 1px solid #e5e5e5;  display: flex; align-items: center; position: relative; }
.neiNav ul li:nth-child(1) a{ border: none;}
.neiNav ul li a ol{ width: 100%; position: relative; z-index: 11;}
.neiNav ul li a h3{ width: 100%; font-size: 18px; color: #333; font-weight: normal; transition: all .4s;}
.neiNav ul li a span{ width: 100%; font-size: 16px; color: #999; display: block; transition: all .4s;}
.neiNav ul li a:hover h3{ color:#fff;}
.neiNav ul li a:hover span{ color:#fff;}
.neiNav ul li a::after{content: ""; width: 100%; height: 0; background: #cfa972; opacity: 0; position: absolute; left: 0; top: 50%; transition: all .4s;}
.neiNav ul li a:hover::after{content: ""; width: 100%; height: 114px; background: #cfa972; opacity: 1; position: absolute; left: 0; top: -7px;}
.neiNav ul li.on{ padding: 0;}
.neiNav ul li.on a:after{content: ""; width: 100%; height: 114px; background: #cfa972; opacity: 1; position: absolute; left: 0; top: -7px;}
.neiNav ul li.on a h3{ color: #fff; font-weight: bold;}
.neiNav ul li.on a span{ color: #fff; font-weight: bold;}

.about{ padding-bottom: 88px;}
.about .text{ width: 50%; color: #333; line-height: 1.5; text-align: justify; padding-right: 40px; float: left;}
.about .video{ width: 50%; padding-left: 42px; float: right;}
.about .video .videoCon{ position: relative; cursor: pointer;}
.about .video .videoCon video{ width:100%; height:100%; background: #000; position:absolute; left:0; top:0; display:none;}
.about .video .videoCon.on video{ display:block; z-index:11;}

.staff{ padding-bottom: 44px;}
.managerSpeech { padding-bottom: 76px;}
.managerSpeech .box{ padding: 110px 110px 100px; background: #f2f2f2 url(../images/icon15.png) no-repeat right top;}
.managerSpeech .box .tit{ margin-bottom: 22px;}
.managerSpeech .box .tit h2{ font-size: 40px; color: #000; line-height: 1;}
.managerSpeech .box .text{ color: #000; line-height: 37px; margin-bottom: 35px;}
.managerSpeech .box .name{ font-size: 18px; color: #000; font-weight: bold; text-align: right;}

.culture { padding-bottom: 55px;}
.culture .item{ margin-bottom: 20px; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .02); display: flex; align-items: center;}
.culture .item .pic{ width: 50%; flex: 1;}
.culture .item .con{ width: 50%; padding: 80px; flex: none; display: flex; align-items: center;}
.culture .item .con i{ padding: 23px 0; font-size: 123px; color: #095996; font-style:normal; font-family: 'OswaldBold'; font-weight: bold; line-height: 1; margin-right: 50px; position: relative;}
.culture .item .con i::after{ content: ""; width: 100%; height: 100%; background: url(../images/icon17.png) no-repeat right bottom; position: absolute; left: 0; bottom: 0;}
.culture .item .con dt{ color: #000; line-height: 35px;}
.culture .item .con dt h3{ font-size: 20px; color: #095996;}
.culture .item:nth-child(even){display: flex; flex-direction: row-reverse;}

.activity .box ul{ margin: 0 -16px; }
.activity .box ul li{ width: 33.33%; padding: 0 16px; margin-bottom: 30px; float: left;}
.activity .box ul li ol{ background: #fff;}
.activity .box ul li ol dl{ padding-bottom: 69.3641%; position: relative; overflow: hidden;}
.activity .box ul li ol dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.activity .box ul li ol h3{ font-size: 18px; color: #333; font-weight: normal; text-align: center; line-height: 64px;}

.news .box ul{ margin: 0 -13px;}
.news .box ul li{ width: 25%; padding: 0 13px; margin-bottom: 40px; float: left;}
.news .box ul li a{ display: block; background: #fff; transition: all .8s;}
.news .box ul li a dl{ padding-bottom: 59.6%; position: relative; overflow: hidden;}
.news .box ul li a dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.news .box ul li a ol{ padding: 18px 28px 0;}
.news .box ul li a ol h3{ height: 44px; margin-bottom: 8px; font-size: 16px; color: #095996; line-height: 22px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .6s;}
.news .box ul li a ol dt{ margin-bottom: 26px; height: 44px; color: #999; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  transition: color .8s;}
.news .box ul li a ol dd{ height: 50px; border-top: 1px solid #e4e4e4; overflow: hidden; display: flex; justify-content: space-between; transition: all .8s;}
.news .box ul li a ol dd span{ font-size: 14px; color: #b5b5b5; font-weight: bold; line-height:50px; transition: all .8s;}
.news .box ul li a ol dd i{ padding-right: 25px; font-size: 14px; font-weight: bold; color: #c3c3c3; font-style: normal; line-height: 50px; background: url(../images/icon14.png) no-repeat right 1px center; transition: all .8s;}
.news .box ul li a:hover{ background: #cfa972;}
.news .box ul li a:hover ol h3{ color: #fff;}
.news .box ul li a:hover ol dt{ color: #fff;}
.news .box ul li a:hover ol dd{  border-top: 1px solid #e0c49b;}
.news .box ul li a:hover ol dd span{ color: #fff;}
.news .box ul li a:hover ol dd i{ color: #fff; background: url(../images/icon14_02.png) no-repeat right 1px center;}

.newsText{}
.newsText .box ul{ margin: 0 -60px;}
.newsText .box ul li{ width: 33.33%; padding: 0 60px; margin-bottom: 40px; float: left;}
.newsText .box ul li a{ padding-top: 15px; display: block;}
.newsText .box ul li h3{ margin-bottom: 13px; color: #000; font-size: 18px; font-weight: normal; line-height: 1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  transition: color .5s;}
.newsText .box ul li dt{ height: 44px; color: #999; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newsText .box ul li dd{ margin-top: 36px; border-bottom: #d1d1d1 solid 1px; line-height: 54px; font-size: 15px; color: #999; font-weight: bold; background: url(../images/icon18.png) no-repeat right center;}
.newsText .box ul li a:hover h3{ color: #095996; font-weight: bold;}

.newsView{ padding-top: 64px;}
.newsView .boxCon{ width: 954px; float: left;}
.newsView .boxCon .newsHead{ margin-bottom: 55px;}
.newsView .boxCon .newsHead h1{ font-size: 35px; color: #000; line-height: 1.3; margin-bottom: 10px;}
.newsView .boxCon .newsHead p{ font-size: 15px; color: #999;}
.newsView .boxCon .text{ color: #333; font-size: 18px; line-height: 1.9;}
.newsView .boxCon .back{ margin: 50px 0; text-align: right;}
.newsView .boxCon .back a{ padding-left: 50px; width: 150px; height: 44px; background: #0068b7 url(../images/icon19.png) no-repeat 34px center; color: #fff; line-height: 42px; text-align: left; display: inline-block;}
.newsView .boxCon .back a:hover{ background: #095996 url(../images/icon19.png) no-repeat 34px center;}
.newsView .boxCon .newsPage{ padding: 20px 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;}
.newsView .boxCon .newsPage li{ line-height: 40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newsView .boxCon .newsPage li b{  color: #0068b7;}
.newsView .otherNews{ width: 564px; float: right;}
.newsView .otherNews ul li{ width: 100%; margin-bottom: 20px;}
.newsView .otherNews ul li a{ padding: 35px; background: #f2f2f2; display: block;  transition: all .5s;}
.newsView .otherNews ul li h3{ margin-bottom: 15px; color: #000; font-size: 18px; font-weight: normal; line-height: 1.4; transition: color .5s;}
.newsView .otherNews ul li dt{ color: #999; line-height: 22px; transition: color .5s;}
.newsView .otherNews ul li dd{ margin-top: 40px; line-height: 25px; font-size: 15px; color: #999; font-weight: bold; background: url(../images/icon18.png) no-repeat right center; transition: all .5s;}
.newsView .otherNews ul li a:hover{ background: #0068b7;}
.newsView .otherNews ul li a:hover h3{ color: #fff;}
.newsView .otherNews ul li a:hover dt{ color: #9fd2ea;}
.newsView .otherNews ul li a:hover dd{ color: #9fd2ea;background: url(../images/icon18_02.png) no-repeat right center;}

.hyck .box{ background: #fff; display:flex; align-items: center;}
.hyck.kjds .box{ flex-direction: row-reverse; align-items: center;}
.hyck .box .pic{ width: 50%;}
.hyck .box .con{ width: 50%; padding: 50px 100px; }
.hyck .box .con .text{color: #000; line-height: 25px;}

.hwzh .hwzhNav{overflow: hidden;}
.hwzh .hwzhNav ul{ display: flex; margin-left: -22px;}
.hwzh .hwzhNav ul li{ padding-left: 22px; flex: 1;}
.hwzh .hwzhNav ul li dl{ height: 86px; background: #095996; font-size: 18px; color: #fff; line-height: 86px; text-align: center; cursor: pointer;}
.hwzh .hwzhNav ul li.on dl{ background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#DBEEFC), to(#FFFFFF)); color: #095996; font-size: 20px; font-weight: bold; position: relative;}
.hwzh .hwzhNav ul li.on dl::after{ content: ""; width: 20px; height: 20px; background: url(../images/icon20.png) no-repeat center; display: inline-block; margin-left: 8px; position: relative; top: 3px;}
.hwzh .showBox{ padding: 70px 60px; background: #fff;}
.hwzh .showBox .item{ display: none;}
.hwzh .showBox .item.on{ display: block;}
.hwzh .showBox .item .text{ color: #000; line-height: 38px;overflow: hidden;}
.hwzh .showBox .item .text img{float:left; margin-right:50px;}

.job{ }
.job .biaoti{ overflow: hidden; background: #095996; color: #fff; font-size: 18px; line-height: 60px; padding: 0 50px; margin-bottom: 5px;}
.job .biaoti dd{ width: 25%;  float: left;}
.job .biaoti dd:nth-child(1){ width: 25%;}
.job .biaoti dd:nth-child(4){ width: 60px; float: right;}
.job ul { margin-bottom: 10px;background: #fff;}
.job ul.focus dl{display: block;}
.job ul li{  padding: 0 50px; line-height:60px; font-size: 16px; color: #000;  overflow: hidden; cursor: pointer;}
.job ul li ol{ width:25%;  float: left; line-height:60px; font-weight: normal;}
.job ul li ol span{ color: #0476ca;}
.job ul li ol:nth-child(1){ width: 25%;}
.job ul li ol:nth-child(4){ width: 60px;float: right; }
.job ul li ol.more{ background: url(../images/icon21.png) no-repeat right center; }
.job ul dl{ margin-bottom: 10px; padding: 28px 50px; line-height: 1.8; overflow: hidden; border-top: #f5f3f3 solid 2px; display: none;}
.job ul dl dt{ font-size: 17px; color: #000; font-weight:400; margin-bottom:5px;}
.job ul dl .jobView{ width: 100%; font-size: 16px; color: #888; margin-bottom: 20px;}

.rcfz{ padding: 35px 0; margin-bottom: 90px; height: 266px; background: url(../images/icon26.png) no-repeat center;}
.rcfz ul{ display: flex; justify-content: center;}
.rcfz ul li{ width: 200px; height: 200px; background: #cfa972; border-radius: 200px; display: flex; align-items: center; justify-content: center;  margin: 0 30px; }
.rcfz ul li ol{ text-align: center;}
.rcfz ul li ol h3{ font-size: 18px; color: #000; font-weight: normal; line-height: 1; margin-top: 15px;}
.rcfz ul li dl{ font-size: 32px; color: #fff;}
.rcfz ul li:nth-child(3){ background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#095996), to(#1c85d6));}

.pxjs{ background: #fff;}
.pxjs .tit{ padding: 60px 0; background: #e6e6e6; text-align: center;}
.pxjs .tit h2{ font-size: 40px; color: #000; line-height: 1; margin-bottom: 15px;}
.pxjs .box{ height: 340px; overflow: hidden;}
.pxjs .box .kecheng{ width: 50%; text-align: center; padding-top: 70px; float: left;}
.pxjs .box .kecheng dl{ font-size: 20px; color: #095996; font-weight: bold; line-height: 1; margin-bottom: 38px; }
.pxjs .box .kecheng ul li{ display: inline-block; margin: 0 12px;}
.pxjs .box .kecheng ul li ol{ width: 118px; height: 118px; background: #095996; color: #fff; font-size: 18px; border-radius: 15px; display: flex; align-items: center; justify-content: center;}
.pxjs .box .kecheng ul li h3{ font-size: 16px; font-weight: normal; color: #000; margin-top: 10px;}
.pxjs .box .jingsheng{ width: 50%; padding-top: 70px; float: left;}
.pxjs .box .jingsheng dl{font-size: 20px; color: #095996; font-weight: bold; text-align: center; line-height: 1; margin-bottom: 38px;}
.pxjs .box .jingsheng ul{ width: 693px; height: 98px;  margin: 0 auto;}
.pxjs .box .jingsheng ul li{ line-height: 98px; font-size: 18px; color:#fff; display: inline-block; margin-left: 50px;}
.pxjs .box .jingsheng ul li:nth-child(2){ margin-left:60px;}
.pxjs .box .jingsheng ul li:nth-child(4){ margin-left:65px;}
.pxjs .box .jingsheng ul li:nth-child(5){ margin-left:65px;}
.pxjs .box .jingsheng ul li:nth-child(6){ margin-left:65px;}

.environment{ padding-bottom: 38px;}
.environment .box{ overflow: hidden;}
.environment .box .swiper-container{ margin: 0 7px;}
.environment .box .swiper-container .swiper-slide{ padding: 0 7px; box-sizing: border-box;}
.environment .box .swiper-container .swiper-slide dl{ padding-bottom: 76.2264%; position: relative; overflow: hidden; cursor: pointer;}
.environment .box .swiper-container .swiper-slide dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.environment .arrow{ margin-top: 58px; text-align: center;}
.environment .arrow-left,.environment .arrow-right{ width: 59px; height: 59px; display: inline-block; margin: 0 14px; transition: all .4s;}
.environment .arrow-left{ background: url(../images/job_arrow_left01.png) no-repeat center;}
.environment .arrow-left:hover{ background: url(../images/job_arrow_left02.png) no-repeat center;}
.environment .arrow-right{ background: url(../images/job_arrow_right01.png) no-repeat center;}
.environment .arrow-right:hover{ background: url(../images/job_arrow_right02.png) no-repeat center;}
.environment.yghdView .box .swiper-container .swiper-slide dl{ padding-bottom: 66.923%; position: relative; overflow: hidden;}
.environment.yghdView .box .swiper-container .swiper-slide dl ol{ width:100%; height:100%; background: rgba(0,0,0,0.5); position:absolute;left:0;top:0; z-index:11; display:flex; align-items:center;justify-content:center; padding:15px; opacity:0; transition: opacity .4s;}
.environment.yghdView .box .swiper-container .swiper-slide dl ol h3{ font-size: 16px; color:#fff; font-weight: normal;}
.environment.yghdView .box .swiper-container .swiper-slide dl:hover ol{ opacity:1; }

.zplx{ margin-bottom: 38px; background: #fff; display: flex; align-items: center;}
.zplx .pic{ width: 50%; position: relative;}
.zplx .pic dl{padding:70px 120px; background: rgba(9, 89, 150, .55); font-size: 39px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.zplx .con{ width: 50%; padding: 0 80px;}
.zplx .con ul{ }
.zplx .con ul li{ border-bottom: #d6d6d6 solid 1px; overflow: hidden;}
.zplx .con ul li dl{ width: 250px; color: #333; line-height: 55px; float: left;}
.zplx .con ul li dl:nth-child(1){ width: 115px; color: #095996; font-weight: bold;}

.message{ padding-bottom: 100px;}
.message .box ul{ margin: 0 -15px; overflow: hidden;}
.message .box ul li{ width: 50%; padding: 0 15px; margin-top: 15px; float: left;}
.message .box ul ol{ width: 100%; padding: 0 15px; margin-top: 15px;}
.message .box ul input{ width: 100%; height: 64px; border: #fff solid 2px; font-size: 16px; padding-left: 25px; transition: all .4s;}
.message .box ul input:focus{ border: #e0c49b solid 2px; }
.message .box ul select{ width: 100%; height: 64px; border: #fff solid 2px; font-size: 16px; padding-left: 22px; background:#fff url(../images/icon21.png) no-repeat right 20px center;  appearance:none; -moz-appearance:none; -webkit-appearance:none; transition: all .4s;}
.message .box ul select:focus{ border: #e0c49b solid 2px; }
.message .box ul textarea{ width: 100%; height: 180px; padding: 10px 25px; border: #fff solid 2px; font-size: 16px; transition: all .4s;}
.message .box ul textarea:focus{ border: #e0c49b solid 2px; }
.message .box ul button{ width: 100%; line-height: 64px; background: #e0c49b; border: none; color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer; transition: all .4s;}
.message .box ul button:hover{ background: #9c8561;}

.contact{ padding-bottom: 100px;}
.contact .box{ margin-bottom: 66px; background: #fff; display: flex; align-items: center;}
.contact .box .pic{ width: 50%;}
.contact .box .con{ width: 50%; display: flex; align-items: center; justify-content: center;}
.contact .box .text{ font-size: 18px; color: #000; line-height: 38px;}
.contact .box .text dl{ font-size: 22px; color: #1876bd; font-weight: bold; margin-bottom: 15px;}

#map{ height: 590px; border: #d2d2d2 solid 2px;}

.footer{ padding: 78px 0; background: #e5e5e5;}
.footer .fmain{ background: #095996; overflow: hidden; color: #8bbad0;}
.footer .fmain .fcontact{ float: left; padding: 60px 80px; text-align: center;}
.footer .fmain .fcontact .ewm{ font-size: 30px; line-height: 1; margin-bottom: 14px;}
.footer .fmain .fcontact .ewm p{ line-height: 1; margin-top: 15px;}
.footer .fmain .fcontact .con{ font-size: 18px;}
.footer .fmain .fnav{ float: right; padding: 60px 80px; border-left: 1px solid #2a6b98;}
.footer .fmain .fnav ul{ margin-left: -110px;}
.footer .fmain .fnav ul li{ float: left; margin-left: 110px;}
.footer .fmain .fnav ul li dl{ margin-bottom: 25px;}
.footer .fmain .fnav ul li dl a{ font-size: 18px; color: #fff;}
.footer .fmain .fnav ul li ol { text-align: center;}
.footer .fmain .fnav ul li ol a{  display: block; color: #8bbad0; line-height: 26px;}
.footer .fmain .fnav ul li ol a:hover{ color: #fff;}
.footer .copyright{ padding: 0 48px; background: #dfc49d; color: #000; line-height: 70px;}
.footer .copyright a{ color: #000;}

/*===/分页=============================*/
.pagination { padding-top: 25px; text-align:center}
.pagination ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.pagination li {display:inline-block!important;}
.pagination a { font-size: 14px; color:#333;padding:6px 12px;line-height:18px;border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
.pagination li.active a,.pagination li a:hover{background: #004a93; color: #fff; border: 1px solid #004a93;}

/*搜索框*/
.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}
.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}
.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}
.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}

.gotop{ width:60px; height:60px; background:#005baa url(../img/gotop.png) no-repeat center; cursor: pointer; position:fixed; bottom:30px; right:15px;}

@media only screen and (min-width: 1439px) and (max-width: 1680px){
    body{ font-size: 15px;}
    .wrap{ width:1380px;}
    .banner .text_b{ width: 1380px;}
    .banner .text_b h3{ font-size: 42px;}
    .banner .text_b p{font-size: 25px;}
    .banner .bannerPagination{ width: 1380px !important;}

    .nav .navTop{ height: 320px;}

    .neiBanner{ height: 480px;}
	.neiBanner2{ height: 300px;}
    .neiBanner .bannerText h2{ font-size: 44px;}
    .neiBanner .bannerText p{ font-size: 17px;}

    .title h2{ font-size: 32px;}
    .title p{ font-size: 14px;}
    .ntitle{ margin-bottom: 60px;}
    .ntitle h2{ font-size: 32px;}

    .iabout {padding: 70px 0 80px;}
    .iabout .textBox .more {width: 145px;height: 44px;line-height: 40px;}
    .iabout .num ul li dl{ font-size: 54px;}

    .ibusiness .box ul li a{ height: 500px;}

    .inews .box .swiper-container .swiper-slide ol h3{ font-size: 18px;}
    .inews .box .swiper-container .swiper-slide ol dt{ font-size: 15px;}

    .partner .box ul li dl{ padding: 5px; line-height: 66px;}

    .neiNav { margin: -48px 0 80px;}
    .neiNav ul li a{ height: 90px;}
    .neiNav ul li a:hover::after{ height:104px}
    .neiNav ul li.on a:after{ height: 104px;}
    .neiNav ul li a h3{ font-size: 16px;}
    .neiNav ul li a span{ font-size: 14px;}

    .about .text{ padding-right: 20px;}
    .about .video{ padding-left: 20px;}

    .managerSpeech .box .tit h2{ font-size: 32px;}

    .culture .item .con{ padding: 60px 70px;}
    .culture .item .con dt h3{ font-size: 18px;}
    .culture .item .con i { padding: 45px 0; font-size: 100px;}

    .activity .box ul li ol h3{ font-size: 16px;}

    .news .box ul li{ margin-bottom: 30px;}

    .newsText .box ul { margin: 0 -40px;}
    .newsText .box ul li{ padding: 0 40px;}
    .newsText .box ul li h3{ font-size: 17px;}
    .newsText .box ul li dd{ margin-top: 15px;}

    .newsView .boxCon{ width: 930px;}
    .newsView .boxCon .newsHead h1{ font-size: 28px;}
    .newsView .boxCon .text{ font-size: 15px;}
    .newsView .otherNews{ width: 400px;}
    .newsView .otherNews ul li a{ padding: 30px;}
    .newsView .otherNews ul li h3{ font-size: 17px;}
    .newsView .otherNews ul li dt{ font-size: 14px;}
    .newsView .otherNews ul li dd{ margin-top: 20px;}

    .hyck .box .con{ padding: 50px 80px;}

    .hwzh .hwzhNav ul li.on dl{ font-size: 18px;}
    .hwzh .hwzhNav ul li dl{ font-size: 17px;}

    .rcfz ul li ol h3{ font-size: 16px;}
    .rcfz ul li dl{ font-size: 26px;}

    .pxjs .box .jingsheng{padding: 70px 20px;}
    .pxjs .tit h2{ font-size: 32px;}
    .pxjs .box .kecheng ul li ol{ font-size: 17px;}
    .pxjs .box .jingsheng ul{ width: 100%; background-size: 100% auto;}
    .pxjs .box .jingsheng ul li{ margin-left: 45px; font-size: 16px;}

    .zplx{ margin-bottom: 0;}
    .zplx .pic dl{ font-size: 30px;}
    .zplx .con{ padding: 0 60px;}
    .zplx .con ul li dl{width: 210px;}
    .zplx .con ul li dl:nth-child(1){ width: 90px;}
    .zplx .con ul li dl:nth-child(3){ width: 250px;}

    .footer{ padding: 50px 0;}
    .footer .fmain .fcontact .ewm{ font-size: 20px;}
    .footer .fmain .fcontact .con{ font-size: 15px;}
    .footer .fmain .fnav ul li{ margin-left: 76px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1440px){
    body{ font-size: 15px;}
    .wrap{ width: 1240px;}
    
    .nav .navTop{ height: 290px;}
    .nav .navTop img{ height: 170px;}

    .banner video{ width: 100%; height: 100%;}
    .banner .text_b{ width: 1240px;}
    .banner .text_b h3{ font-size: 42px;}
    .banner .text_b p{font-size: 25px;}
    .banner .bannerPagination{ width: 1240px !important;}

    .neiBanner{ height: 480px;}
	.neiBanner2{ height: 300px;}
    .neiBanner .bannerText h2{ font-size: 44px;}
    .neiBanner .bannerText p{ font-size: 17px;}
    .neiView .neiBanner{ height:400px;}

    .title h2{ font-size: 32px;}
    .title p{ font-size: 14px;}
    .ntitle{ margin-bottom: 60px;}
    .ntitle h2{ font-size: 32px;}

    .iabout {padding: 70px 0 80px;}
    .iabout .textBox .more {width: 145px;height: 44px;line-height: 40px;}
    .iabout .num ul li dl{ font-size: 54px;}

    .ibusiness .box ul li a{ height: 500px;}

    .inews .box .swiper-container .swiper-slide ol h3{ font-size: 18px;}
    .inews .box .swiper-container .swiper-slide ol dt{ font-size: 15px;}

    .partner .box ul li dl{ padding: 5px; line-height: 66px;}

    .neiNav { margin: -48px 0 80px;}
    .neiNav ul li a{ height: 90px;}
    .neiNav ul li.on a:after{ height: 104px;}
    .neiNav ul li a h3{ font-size: 16px;}
    .neiNav ul li a span{ font-size: 14px;}

    .about .text{ padding-right: 20px;}
    .about .video{ padding-left: 20px;}

    .managerSpeech .box .tit h2{ font-size: 32px;}

    .culture .item .con{ padding: 30px 70px;}
    .culture .item .con dt h3{ font-size: 18px;}
    .culture .item .con i { padding: 45px 0; font-size: 100px;}

    .activity .box ul li ol h3{ font-size: 16px;}

    .news .box ul li{ margin-bottom: 30px;}

    .newsText .box ul { margin: 0 -40px;}
    .newsText .box ul li{ padding: 0 40px;}
    .newsText .box ul li h3{ font-size: 17px;}
    .newsText .box ul li dd{ margin-top: 15px;}

    .newsView .boxCon{ width: 880px;}
    .newsView .boxCon .newsHead h1{ font-size: 28px;}
    .newsView .boxCon .text{ font-size: 15px;}
    .newsView .otherNews{ width: 320px;}
    .newsView .otherNews ul li a{ padding: 30px;}
    .newsView .otherNews ul li h3{ font-size: 17px;}
    .newsView .otherNews ul li dt{ font-size: 14px;}
    .newsView .otherNews ul li dd{ margin-top: 20px;}

    .hyck .box .con{ padding: 40px 60px;}

    .hwzh .hwzhNav ul li.on dl{ font-size: 18px;}
    .hwzh .hwzhNav ul li dl{ font-size: 17px;}

    .rcfz ul li ol h3{ font-size: 16px;}
    .rcfz ul li dl{ font-size: 26px;}

    .pxjs .box .jingsheng{padding: 70px 20px;}
    .pxjs .tit h2{ font-size: 32px;}
    .pxjs .box .kecheng ul li ol{ font-size: 17px;}
    .pxjs .box .jingsheng ul{ width: 100%; background-size: 100% auto;}
    .pxjs .box .jingsheng ul li{ margin-left: 40px; font-size: 16px;}
    .pxjs .box .jingsheng ul li:nth-child(2){ margin-left: 48px;}
    .pxjs .box .jingsheng ul li:nth-child(3){ margin-left: 35px;}
    .pxjs .box .jingsheng ul li:nth-child(4){ margin-left: 45px;}
    .pxjs .box .jingsheng ul li:nth-child(5){ margin-left: 50px;}
    .pxjs .box .jingsheng ul li:nth-child(6){ margin-left: 55px;}

    .zplx{ margin-bottom: 0;}
    .zplx .pic dl{ font-size: 30px;}
    .zplx .pic dl{ padding: 35px 50px; font-size: 26px;}
    .zplx .con{ padding: 0 60px;}
    .zplx .con ul li{ padding: 10px 0;}
    .zplx .con ul li dl{width: 100%;float: none; line-height: 25px;}
    .zplx .con ul li dl:nth-child(1){ width: 100%;}
    .zplx .con ul li dl:nth-child(3){ width: 100%;}

    .footer{ padding: 50px 0;}
    .footer .fmain .fcontact .ewm{ font-size: 20px;}
    .footer .fmain .fcontact .con{ font-size: 15px;}
    .footer .fmain .fnav ul li{ margin-left: 55px;}

}

@media only screen and (min-width: 1000px) and (max-width: 1279px){
    body{ font-size: 14px;}
    .wrap{ width: 970px;}

    .pm80{ padding-bottom: 50px;}

    .header{ padding: 25px 0;}
    .header.fixed{ padding: 5px 0;}
    .header .logo{ height: 60px; padding: 8px 0;}

    .banner video{ width: auto; height: 100%;}
    .banner .text_b{ width: 970px;}
    .banner .text_b h3{ font-size: 45px;}
    .banner .text_b p{font-size: 25px;}
    .banner .bannerPagination{ width: 970px !important;}

    .nav .navTop{ height: 380px;}
    .nav ul li{ margin: 0 40px;}
    .nav ul li>a{ font-size: 18px;}

    .neiBanner{ height: 400px;}
	.neiBanner2{ height: 250px;}
    .neiBanner .bannerText h2{ font-size: 36px;}
    .neiBanner .bannerText p{ font-size: 16px;}
    .neiView .neiBanner{ height:350px;}

    .title{ margin-bottom: 30px;}
    .title h2{ font-size: 28px;}
    .title p{ font-size: 14px;}
    .ntitle{ margin-bottom:50px;}
    .ntitle h2{ font-size: 28px;}

    .iabout {padding: 70px 0 80px;}
    .iabout .textBox .more {width: 145px;height: 44px;line-height: 40px;}
    .iabout .num ul li dl{ font-size: 54px;}

    .ibusiness .box ul li a{ height: 400px;}
    .ibusiness .box ul li ol h3{ font-size: 17px;}

    .inews .box .swiper-container .swiper-slide ol{ padding: 25px 20px;}
    .inews .box .swiper-container .swiper-slide ol h3{ font-size: 16px;}
    .inews .box .swiper-container .swiper-slide ol dt{ font-size: 14px;}
    .inews .arrow{ top: 15px;}

    .partner .box ul li dl{ padding: 5px; line-height: 66px;}

    .neiNav { margin: -38px 0 80px;}
    .neiNav ul li a{ min-width: 120px; padding: 0 10px; height: 70px;}
    .neiNav ul li a:hover::after{ height:80px; top: -5px;}
    .neiNav ul li.on a:after{ height: 80px; top: -5px;}
    .neiNav ul li a h3{ font-size: 15px;}
    .neiNav ul li a span{ font-size: 12px;}

    .about .text{ padding-right: 20px;}
    .about .video{ padding-left: 20px;}

    .managerSpeech .box{padding: 90px 70px 90px;}
    .managerSpeech .box .tit h2{ font-size:28px;}

    .culture .item .con{ padding: 20px 70px;}
    .culture .item .con dt{ line-height: 21px;}
    .culture .item .con dt h3{ font-size: 16px;}
    .culture .item .con i { padding: 50px 0; font-size: 80px;}

    .activity .box ul li ol h3{ font-size: 15px;}

    .news .box ul li{ margin-bottom: 30px;}
    .news .box ul li a ol{padding: 18px 20px 0;}
    .news .box ul li a ol h3{ font-size: 15px;}
    .news .box ul li a ol dd span{ font-size: 13px;}
    .news .box ul li a ol dd i{ font-size: 13px;line-height: 47px;}

    .newsText .box ul { margin: 0 -20px;}
    .newsText .box ul li{ padding: 0 20px;}
    .newsText .box ul li h3{ font-size: 16px;}
    .newsText .box ul li dd{ margin-top: 15px;}

    .newsView .boxCon{ width: 100%;}
    .newsView .boxCon .newsHead h1{ font-size: 28px;}
    .newsView .boxCon .text{ font-size: 15px;}
    .newsView .otherNews{ width: 100%; margin-top: 30px;}
    .newsView .otherNews ul { margin: 0 -15px; overflow: hidden;}
    .newsView .otherNews ul li{ width: 33.33%; padding: 0 15px; float: left;}
    .newsView .otherNews ul li a{ padding: 20px;}
    .newsView .otherNews ul li h3{ height: 40px; font-size: 16px; line-height: 22px; overflow: hidden;}
    .newsView .otherNews ul li dt{ height: 40px; font-size: 14px;line-height: 20px; overflow: hidden;}
    .newsView .otherNews ul li dd{ margin-top: 20px;}

    .hyck .box .con{ padding: 20px 50px;}
    .hyck .box .con .text{ line-height: 22px;}

    .hwzh .hwzhNav ul li.on dl{ font-size: 17px;}
    .hwzh .hwzhNav ul li dl{ height: 70px; line-height: 70px; font-size: 16px;}
    .hwzh .showBox{ padding: 50px;}
    .hwzh .showBox .item .text{ line-height:2;}

    .job .biaoti{ font-size: 16px;}
    .job ul li ol{ font-size: 15px;}
    .job ul dl .jobView{ font-size: 15px;}

    .rcfz ul li ol h3{ font-size: 16px;}
    .rcfz ul li dl{ font-size: 26px;}

    .pxjs .box .jingsheng{padding: 70px 20px;}
    .pxjs .tit h2{ font-size: 28px;}
    .pxjs .box{height: auto;}
    .pxjs .box .kecheng{ width: 100%; float: none;}
    .pxjs .box .kecheng ul li ol{ font-size: 17px;}
    .pxjs .box .jingsheng{ width: 100%;}
    .pxjs .box .jingsheng ul li{ font-size: 16px;}
    .pxjs .box .jingsheng ul li:nth-child(2){ margin-left: 72px;}
    .pxjs .box .jingsheng ul li:nth-child(5){ margin-left: 76px;}

    .zplx{ margin-bottom: 0;}
    .zplx .pic dl{ padding: 35px 50px; font-size: 26px;}
    .zplx .con{ padding: 0 60px;}
    .zplx .con ul li{ padding: 10px 0;}
    .zplx .con ul li dl{width: 100%;float: none; line-height: 20px;}
    .zplx .con ul li dl:nth-child(1){ width: 100%;}
    .zplx .con ul li dl:nth-child(3){ width: 100%;}

    .message{ padding-bottom: 70px;}

    .contact{ padding-bottom: 70px;}
    .contact .box{ margin-bottom: 35px;}
    .contact .box .text{ font-size: 17px; line-height: 22px;}
    .contact .box .text dl{ font-size: 20px;}

    #map{ height: 400px;}

    .footer{ padding: 50px 0;}
    .footer .fmain .fcontact{ padding: 50px 36px;}
    .footer .fmain .fcontact .ewm{ font-size: 16px;}
    .footer .fmain .fcontact .con{ font-size: 14px;}
    .footer .fmain .fnav{padding: 50px 36px;}
    .footer .fmain .fnav ul{ margin-left: -36px;}
    .footer .fmain .fnav ul li{ margin-left: 36px;}
    .footer .fmain .fnav ul li dl a{ font-size: 15px;}
    .footer .copyright{ line-height: 60px;}
 
}


@media screen and (max-width:999px){
    body{ padding-top: 60px; font-size: 14px;}
    .wrap{ width: 100%; padding: 0 15px;}
    .pm80{ padding-bottom: 50px;}

    /*顶部*/
    .header{ width: 100%; padding: 0; background: #095996; position: fixed; left: 0; top: 0; z-index: 1111; transition: all .6s;}
    .header .logo{ float: left; height: 60px; padding: 12px 0;}
    .header .headRight{ float: right; font-size: 11px; padding-top: 9px; display: none;}
    .header .headRight dl{ margin-top: 1px;}
    .header .headRight .home{ margin-right: 15px;}
    .header .headRight .home i{ width: 25px; height: 25px; background: url(../images/home.png) no-repeat center; display: block; margin: 0 auto;}
    .header .headRight .lang{ margin-right: 45px;}
    .header .headRight .lang i{ width: 25px; height: 25px; background: url(../images/icon01.png) no-repeat center; display: block; margin: 0 auto;}
    .header .headRight .lang .langDown{ top:45px;}
    .header .headRight .searchBtn{ margin-right: 60px; cursor: pointer;}
    .header .headRight .searchBtn i{ width: 25px; height: 25px; background: url(../images/icon02.png) no-repeat center; display: block; margin: 0 auto;}
    .header .headRight .menu{display: none;}
    .header .menu-toggle{display: block;}
    .header.fixed{ padding: 20px 0; background:rgba(9,89,150, .9); position: fixed; top: 0;}

    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}
    .header .menu-toggle span{ width:35px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#fff;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .header .menu-toggle.cur span{background-color:transparent;}
    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    .nav{ width: 100%; height: 100%; background: #fff; position: fixed; z-index:999999; display: none;  opacity: 1; transition:opacity 500ms;}
    .nav .navOff{ display: none;}
    .nav .navTop{ display: none;}
    .nav ul{ text-align: left; position: relative;border-top: 1px solid #eee;}
    .nav ul::after{ display: none;}
    .nav ul li{ display: block; margin: 0; border-bottom: #eee solid 1px;}
    .nav ul li>a{ font-size: 15px; color: #000; line-height: 50px; padding: 0 15px; display: block;}
    .nav ul li>a:hover,.nav ul li.on>a{background:#095996; color: #fff;}
    .nav ul li .subnav{ padding: 15px 15px; background: #eee; display: none;}
    .nav ul li .subnav a{ display: block; line-height: 30px;}
    .nav ul li .subnav a:hover{ color:#095996;}

    /*首页bannner*/
    .banner { position: relative; background: #000;}
    .banner .mouse{display:none; }
    .banner .swiper-container{height:250px;}
    .banner .swiper-slide{position:relative; background: #000;opacity:0;transition: opacity 0.7s ease-in-out;}
    .banner .bannerPagination { width: 100%; position: absolute; left: 50%; bottom:15px !important; transform: translateX(-50%); text-align: center;}
    .banner .swiper-pagination-bullet { display: inline-block; width: 20px;height: 4px; background: #fff; margin: 0 3px; cursor: pointer;}
    .banner .swiper-pagination-bullet-active { background: #dfc49d;}
    .banner .swiper-slide-active{opacity:1;}
    .banner .text_b{padding: 15px 25px; width: 100%; color: #ffffff; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); z-index: 22 }
    .banner .text_b h3{ font-size: 20px; font-weight: normal; margin-bottom: 8px;}
    .banner .text_b p{ font-size: 14px; font-weight: 200;}
    .banner video{ width: 100%; height: 100%; opacity: 0.6; -o-object-fit: fill; object-fit: fill; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 2;}

    .neiBanner{height: 150px; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom:none; position: relative;}
    .neiBanner .bannerText{ width: 100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .neiBanner .bannerText h2{  font-size: 20px; padding-bottom: 10px; margin-bottom: 10px;}
    .neiBanner .bannerText h2::after{ content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
    .neiBanner .bannerText p{ font-size: 13px; letter-spacing: 2px;}
    .neiView .neiBanner{ height:150px;}

    .title{ margin-bottom: 25px; text-align: center;}
    .title h2{ font-size:24px; margin-bottom: 8px;}
    .title p{ font-size: 12px; }

    .ntitle{ margin-bottom: 25px;}
    .ntitle h2{ font-size: 24px; color: #000; line-height: 1; text-align: center;}
    .ntitle p{ color: #333333; text-align: center; margin-top: 20px;}

    .iabout{ padding:50px 0 50px; border-bottom: 1px solid #d6d6d6;}
    .iabout .textBox{ width: 100%; padding-right: 0; float: none;}
    .iabout .textBox .text{ line-height: 1.85;}
    .iabout .textBox .more{ width: 120px; height: 40px; line-height: 38px; border: #c8c8c8 solid 2px; margin: 25px auto 50px;}
    .iabout .textBox .more:hover{ border: #095996 solid 2px;}
    .iabout .num{ width: 100%; padding-left: 0; float: none;}
    .iabout .num ul{ border-left:none; }
    .iabout .num ul li{ width: 33.33%; text-align: center; border-right: #e9e9e9 solid 1px; float: left;}
    .iabout .num ul li:nth-last-child(1){ border-right: none;}
    .iabout .num ul li i{ height: 30px; display: block;}
    .iabout .num ul li dl{ font-size: 35px; margin-top: 5px; padding-right: 13px; position: relative;}
    .iabout .num ul li dl::after{ content: "+"; font-size: 20px; line-height: 1; position: absolute; right: 0; top: 0;}
    .iabout .num ul li p{  font-size: 12px;}

    .ibusiness{ padding-top: 50px;}
    .ibusiness .box{ background: #fff  !important;}
    .ibusiness .box ul{ overflow: hidden; background: none;}
    .ibusiness .box ul li{ width: 100%; border-left: none; float: none; margin-bottom: 10px; background-position: center; background-repeat: no-repeat; background-size: cover; }
    .ibusiness .box ul li a{ height: 150px; background: rgba(0, 0, 0, .52);}
    .ibusiness .box ul li ol{ text-align: center;}
    .ibusiness .box ul li ol i{ height: 38px; line-height: 36px; display: block; overflow: hidden;}
    .ibusiness .box ul li ol h3{ font-size: 18px; color: #fff; font-weight: normal; line-height: 1; margin-top:10px;}
    .ibusiness .box ul li ol dd{ display: none;}

    .inews{ padding-top: 40px;}
    .inews .wrap{ position: relative;}
    .inews .box{ overflow: hidden;}
    .inews .box .swiper-container{ margin: 0 -5px;}
    .inews .box .swiper-container .swiper-slide{ box-sizing: border-box; padding: 0 5px;}
    .inews .box .swiper-container .swiper-slide a{ border: #e4e4e4 solid 1px;}
    .inews .box .swiper-container .swiper-slide ol{ padding: 20px 15px;}
    .inews .box .swiper-container .swiper-slide ol h3{ margin-bottom: 8px; font-size: 16px;}
    .inews .box .swiper-container .swiper-slide ol dt{ margin-bottom: 20px; height: 36px; font-size: 13px;  line-height: 18px;}
    .inews .box .swiper-container .swiper-slide ol dd{ padding-top: 15px; border-top: 1px solid #e4e4e4; overflow: hidden; display: flex; justify-content: space-between; transition: all .8s;}
    .inews .box .swiper-container .swiper-slide ol dd span{ font-size: 12px ;}
    .inews .box .swiper-container .swiper-slide ol dd i{ padding-right: 25px; font-size: 12px; line-height: 1.4; background: url(../images/icon14.png) no-repeat right 1px center; transition: all .8s;}
    .inews .box .swiper-container .swiper-slide a:hover ol dd i{ color: #fff; background: url(../images/icon14_02.png) no-repeat right 1px center;}
    .inews .arrow{position: relative; right: 0; top: 20px; text-align: center;}
    .inews .arrow-left,.inews .arrow-right{ width: 38px; height: 38px; display: inline-block;  transition: all .4s;}
    .inews .arrow-left{ background: url(../images/arrow-left.png) no-repeat center;}
    .inews .arrow-left:hover{ background: url(../images/arrow-left02.png) no-repeat center;}
    .inews .arrow-right{ background: url(../images/arrow-right.png) no-repeat center;}
    .inews .arrow-right:hover{ background: url(../images/arrow-right02.png) no-repeat center;}

    .partner{ padding: 60px 0 50px;}
    .partner .box{ padding: 30px 15px 15px;}
    .partner .box ul{ margin: 0 -5px;}
    .partner .box ul li{ width: 33.33%; padding: 0 5px; float: left;}
    .partner .box ul li dl{ margin-bottom: 15px; height: 50px; line-height: 36px; box-shadow: 3px 3px 0 #e5e5e5; padding: 5px;}
    .partner .box ul li dl:hover{box-shadow: 3px 3px 0 #ddd;}

    .neiNav{ margin:0 0 50px; position: relative; z-index: 11;}
    .neiNav ul{ display: flex; justify-content: center;}
    .neiNav ul li{ box-shadow: 0 0 5px rgba(0, 0, 0, .2); flex: 1;}
    .neiNav ul li a{ padding: 0 10px; min-width: 100%; height: 56px; border-left: 1px solid #e5e5e5;  display: flex; align-items: center; position: relative; }
    .neiNav ul li:nth-child(1) a{ border: none;}
    .neiNav ul li a ol{ width: 100%; position: relative; z-index: 11;}
    .neiNav ul li a h3{ width: 100%; font-size: 15px;}
    .neiNav ul li a span{ width: 100%; font-size: 12px;}
    .neiNav ul li a:hover h3{ color:#fff;}
    .neiNav ul li a:hover span{ color:#fff;}
    .neiNav ul li a:hover::after{ height:100%; top:0;}
    .neiNav ul li.on{ padding: 0;}
    .neiNav ul li.on a:after{content: ""; width: 100%; height: 100%; background: #cfa972; position: absolute; left: 0; top:0;}
    .neiNav.more4{ overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
    .neiNav.more4 ul{ display: block; overflow: hidden; background: #fff; margin-right: -1px;}
    .neiNav.more4 ul li{ width: 50%; float: left; box-shadow:none; border-bottom: #e5e5e5 solid 1px;}
    .neiNav.more4 ul li a{border-right: 1px solid #e5e5e5; border-left: none;}
    .neiNav.more4 ul li:nth-last-child(1){ border-bottom: none;}

    .about{ padding-bottom: 20px;}
    .about .text{ width: 100%; color: #333; line-height: 1.5; text-align: justify; padding-right: 0; float: none; margin-bottom: 50px;}
    .about .video{ width: 100%; padding-left: 0; float: none;}
    .about .video .videoCon{ position: relative; cursor: pointer;}
    .about .video .videoCon video{ width:100%; height:100%; background: #000; position:absolute; left:0; top:0; display:none;}
    .about .video .videoCon.on video{ display:block; z-index:11;}

    .staff{ padding-bottom: 20px;}
    .managerSpeech { padding-bottom: 60px;}
    .managerSpeech .box{ padding: 70px 20px 70px; background: #f2f2f2 url(../images/icon15.png) no-repeat right top; background-size: 20% auto;}
    .managerSpeech .box .tit{ margin-bottom: 22px;}
    .managerSpeech .box .tit h2{ font-size: 22px;}
    .managerSpeech .box .text{  line-height: 2; margin-bottom: 35px;}
    .managerSpeech .box .name{ font-size: 18px; color: #000; font-weight: bold; text-align: right;}

    .culture { padding-bottom: 45px;}
    .culture .item{ margin-bottom: 10px; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .02); display: block; align-items: center;}
    .culture .item:nth-child(even){ display:block}
    .culture .item .pic{ width: 100%; flex: 1;}
    .culture .item .con{ width: 100%; padding: 30px 25px; flex: none; display: flex; align-items: center;}
    .culture .item .con i{ padding: 20px 0; font-size: 50px; margin-right: 30px; position: relative;}
    .culture .item .con i::after{ content: ""; width: 100%; height: 100%; background: url(../images/icon17.png) no-repeat right bottom; background-size: 100% auto; position: absolute; left: 0; bottom: 0;}
    .culture .item .con dt{ line-height: 1.7;}
    .culture .item .con dt h3{ font-size: 16px;}

    .activity .box ul{ margin: 0; }
    .activity .box ul li{ width: 100%; padding: 0; margin-bottom: 15px; float: none;}
    .activity .box ul li ol h3{ font-size: 15px; line-height:50px;}

    .news .box ul{ margin: 0 ;}
    .news .box ul li{ width: 100%; padding: 0; margin-bottom: 15px; float: none;}
    .news .box ul li a ol{ padding: 18px 28px 0;}
    .news .box ul li a ol h3{ height: 44px; margin-bottom: 8px; font-size: 15px; color: #095996; line-height: 22px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .6s;}
    .news .box ul li a ol dt{ margin-bottom: 26px; height: 44px; color: #999; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  transition: color .8s;}
    .news .box ul li a ol dd{ height: 50px; border-top: 1px solid #e4e4e4; overflow: hidden; display: flex; justify-content: space-between; transition: all .8s;}
    .news .box ul li a ol dd span{ font-size: 14px; color: #b5b5b5; font-weight: bold; line-height:50px; transition: all .8s;}
    .news .box ul li a ol dd i{ padding-right: 25px; font-size: 14px; font-weight: bold; color: #c3c3c3; font-style: normal; line-height: 50px; background: url(../images/icon14.png) no-repeat right 1px center; transition: all .8s;}

    .newsText{ padding-top: 40px;}
    .newsText .box ul{ margin: 0;}
    .newsText .box ul li{ width: 100%; padding: 0; margin-bottom: 20px; float: left;}
    .newsText .box ul li a{ padding-top: 10px; display: block;}
    .newsText .box ul li h3{ margin-bottom: 10px; font-size: 16px;}
    .newsText .box ul li dt{ height: 40px; line-height: 20px; }
    .newsText .box ul li dd{ margin-top: 0; line-height: 54px; font-size: 15px;}
    .newsText .box ul li a:hover h3{ color: #095996; font-weight: bold;}

    .newsView{ padding-top: 35px;}
    .newsView .boxCon{ width: 100%; float: none;}
    .newsView .boxCon .newsHead{ margin-bottom: 30px;}
    .newsView .boxCon .newsHead h1{ font-size: 20px; line-height: 1.3; margin-bottom: 10px;}
    .newsView .boxCon .newsHead p{ font-size: 12px;}
    .newsView .boxCon .text{ font-size: 15px; line-height: 1.7;}
    .newsView .boxCon .back{ margin: 40px 0; text-align: center;}
    .newsView .boxCon .back a{ padding-left: 40px; width: 120px; height: 44px; background: #0068b7 url(../images/icon19.png) no-repeat 24px center; color: #fff;}
    .newsView .boxCon .back a:hover{ background: #095996 url(../images/icon19.png) no-repeat 24px center;}
    .newsView .boxCon .newsPage{ padding: 20px 0;}
    .newsView .boxCon .newsPage li{ line-height:30px;}
    .newsView .boxCon .newsPage li b{  color: #0068b7;}
    .newsView .otherNews{ width: 100%; float: none; margin-top:30px;}
    .newsView .otherNews ul li{ width: 100%; margin-bottom: 10px;}
    .newsView .otherNews ul li a{ padding: 20px;}
    .newsView .otherNews ul li h3{ height: 40px; font-size: 16px; line-height: 22px; overflow: hidden;}
    .newsView .otherNews ul li dt{ height: 40px; font-size: 14px;line-height: 20px; overflow: hidden;}
    .newsView .otherNews ul li dd{ margin-top: 20px; font-size: 13px;}

    .hyck .box{ background: #fff; display:block; align-items: center;}
    .hyck .box .pic{ width: 100%;}
    .hyck .box .con{ width: 100%; padding: 30px 20px; }
    .hyck .box .con .text{ line-height:1.9;}

    .hwzh .hwzhNav{overflow: hidden;}
    .hwzh .hwzhNav ul{ display: block; margin-left: -1px;}
    .hwzh .hwzhNav ul li{ width: 50%; padding-left: 1px; margin-top: 1px; float: left;}
    .hwzh .hwzhNav ul li dl{ height: 50px; font-size: 15px; line-height: 46px;}
    .hwzh .hwzhNav ul li.on dl{ font-size:15px;}
    .hwzh .hwzhNav ul li.on dl::after{ content: ""; width: 20px; height: 20px; background: url(../images/icon20.png) no-repeat center; display: inline-block; margin-left: 8px; position: relative; top: 3px;}
    .hwzh .showBox{ padding: 30px 20px; background: #fff;}
    .hwzh .showBox .item .text{ color: #000; line-height: 1.9;}

    .job .biaoti{ font-size: 15px; line-height: 28px; margin-bottom: 10px; padding: 10px;}
    .job .biaoti dd{ width:40%; padding:0 5px; float: left;}
    .job .biaoti dd:nth-child(1){ width: 27%;}
    .job .biaoti dd:nth-child(2){ width: 27%;}
    .job .biaoti dd:nth-child(3){ width: 30%;}
    .job .biaoti dd:nth-child(4){ width: 15%;}
    .job ul { margin-bottom: 10px;background: #fff;}
    .job ul.focus dl{display: block;}
    .job ul li{line-height:22px; font-size: 14px; padding: 10px;}
    .job ul li ol{ width:40%; padding:0 5px; float: left; line-height:22px; font-weight: normal;}
    .job ul li ol:nth-child(1){ width:25%;}
    .job ul li ol:nth-child(2){ width:25%;}
    .job ul li ol:nth-child(3){ width:30%;}
    .job ul li ol:nth-child(4){ width:15%;}
    .job ul li ol.more{ background: url(../images/icon21.png) no-repeat left 40px center; background-size: 8px auto; padding-right: 0;}
    .job ul dl{ margin-bottom: 10px; padding: 20px; line-height: 1.6; font-size: 15px; }
    .job ul dl dt{ font-size: 15px; color: #333; font-weight:400; margin-bottom:5px;}
    .job ul dl .jobView{ width: 100%; font-size: 13px; margin-bottom: 20px;}

    .rcfz{ padding: 0; margin: 30px 0; height: 200px; background: none;}
    .rcfz ul{ display: flex; justify-content: center;}
    .rcfz ul li{ width: 200px; height: 180px; margin: 0 5px; padding: 5px;}
    .rcfz ul li ol{ text-align: center;}
    .rcfz ul li ol i{ height: 30px; display: block;}
    .rcfz ul li ol h3{ font-size: 14px; margin-top: 15px;}
    .rcfz ul li dl{ font-size: 22px;text-align: center;}

    .pxjs{ background: #fff;}
    .pxjs .tit{ padding: 30px 20px; background: #e6e6e6; text-align: center;}
    .pxjs .tit h2{ font-size: 22px; margin-bottom: 15px;}
    .pxjs .box{ height: auto; overflow: hidden;}
    .pxjs .box .kecheng{ width: 100%; text-align: center; padding-top: 50px; float: none;}
    .pxjs .box .kecheng dl{ font-size:18px; margin-bottom: 30px; }
    .pxjs .box .kecheng ul{ padding:0 30px;}
    .pxjs .box .kecheng ul li{ display: inline-block; margin: 0 12px 10px;}
    .pxjs .box .kecheng ul li ol{ width: 100px; height: 100px; font-size: 15px;}
    .pxjs .box .kecheng ul li h3{ font-size: 14px; margin-top:8px;}
    .pxjs .box .jingsheng{ width: 100%; padding-top: 40px; float: none;}
    .pxjs .box .jingsheng dl{font-size: 18px; margin-bottom: 5px;}
    .pxjs .box .jingsheng ul{ width: 320px; height: 98px;  background-size: 100% auto; margin: 0 auto;}
    .pxjs .box .jingsheng ul li{ line-height: 98px; font-size: 13px; color:#fff; display: inline-block; margin-left: 10px;}
    .pxjs .box .jingsheng ul li:nth-child(2){ margin-left:15px;}
    .pxjs .box .jingsheng ul li:nth-child(3){ margin-left:15px;}
    .pxjs .box .jingsheng ul li:nth-child(4){ margin-left:15px;}
    .pxjs .box .jingsheng ul li:nth-child(5){ margin-left:15px;}
    .pxjs .box .jingsheng ul li:nth-child(6){ margin-left:15px;}

    .environment{ padding-bottom: 10px;}
    .environment .box{ overflow: hidden;}
    .environment .box .swiper-container{ margin: 0;}
    .environment .box .swiper-container .swiper-slide{ padding: 0; box-sizing: border-box;}
    .environment .box .swiper-container .swiper-slide dl{ padding-bottom: 76.2264%; position: relative; overflow: hidden;}
    .environment .box .swiper-container .swiper-slide dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
    .environment .arrow{ margin-top: 20px; text-align: center;}
    .environment .arrow-left,.environment .arrow-right{ width: 40px; height: 40px;  margin: 0 5px; background-size: cover !important;}
    .environment .arrow-left{ background: url(../images/job_arrow_left01.png) no-repeat center;}
    .environment .arrow-left:hover{ background: url(../images/job_arrow_left02.png) no-repeat center;}
    .environment .arrow-right{ background: url(../images/job_arrow_right01.png) no-repeat center;}
    .environment .arrow-right:hover{ background: url(../images/job_arrow_right02.png) no-repeat center;}

    .zplx{ margin-bottom: 0; display: block;}
    .zplx .pic { width: 100%;}
    .zplx .pic dl{padding:20px 30px; font-size: 22px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .zplx .con{ width: 100%; padding:25px 30px;}
    .zplx .con ul{ }
    .zplx .con ul li{ padding: 20px 0; overflow: hidden;}
    .zplx .con ul li:nth-last-child(1){ border-bottom: none;}
    .zplx .con ul li dl{ width: 100%; line-height: 26px;  float: none;}
    .zplx .con ul li dl:nth-child(1){ width: 100%;}

    .message{ padding-bottom:60px;}
    .message .box ul{ margin: 0 -5px; overflow: hidden;}
    .message .box ul li{ width: 100%; padding: 0 5px; margin-top: 10px; float: left;}
    .message .box ul ol{ width: 100%; padding: 0 5px; margin-top: 10px;}
    .message .box ul input{ width: 100%; height: 40px; border: #ededed solid 1px; font-size: 15px; padding-left: 15px; border-radius: 5px;}
    .message .box ul select{ width: 100%; height: 40px; border: #ededed solid 1px; font-size: 15px; padding-left: 15px; border-radius: 5px;}
    .message .box ul input:focus,.message .box ul input.error{ border: #e0c49b solid 1px; }
    .message .box ul textarea{ width: 100%; height: 120px; padding: 10px 15px; border: #ededed solid 1px; font-size: 15px;border-radius: 5px;}
    .message .box ul textarea:focus,.message .box ul textarea.error{ border: #e0c49b solid 1px; }
    .message .box ul button{ width: 100%; line-height: 40px; font-size: 15px; border-radius: 5px; cursor: pointer;}
    .message .box ul button:hover{ background: #9c8561;}

    .contact{ padding-bottom: 50px;}
    .contact .box{ margin-bottom: 30px;  display: block;}
    .contact .box .pic{ width: 100%;}
    .contact .box .con{ width: 100%; padding: 30px 10px; display: flex; align-items: center; justify-content: center;}
    .contact .box .text{ font-size: 15px; color: #000; line-height: 26px;}
    .contact .box .text dl{ font-size: 18px; margin-bottom: 10px;}

    #map{ height: 300px; border: #d2d2d2 solid 1px;}

    .footer{ padding:  0;}
    .footer .wrap{ padding: 0;}
    .footer .fmain .fcontact{ float: none; padding: 40px 30px; text-align: center;}
    .footer .fmain .fcontact .ewm{ font-size: 16px; line-height: 1; margin-bottom: 14px;}
    .footer .fmain .fcontact .ewm p{ line-height: 1.2; margin-top: 15px;}
    .footer .fmain .fcontact .con{ font-size: 13px;line-height: 1.5;}
    .footer .fmain .fnav{ display: none;}
    .footer .copyright{ padding: 15px 20px; font-size: 13px; line-height: 1.6;}
    .footer .copyright a{ display: block;}

    /*===/分页=============================*/
    .pagination {text-align:center}
    .pagination ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
    .pagination li {display:inline-block!important;}
    .pagination a { font-size: 13px; color:#333;padding:4px 7px;line-height:18px;border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
    .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
    .pagination .active {pointer-events:none}
    .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
    .blank-large{height:80px;line-height:80px;clear:both;font-size:0}
    .pagination li.active a,.pagination li a:hover{background: #2a55b6; color: #fff; border: 1px solid #2a55b6;}

    .search-dialog{ width: 95%;}
    
    .gotop{ display:none;}
}

@keyframes trackBallSlide {
   0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-5px);
            transform: scale(1) translateY(-5px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(5px);
            transform: scale(0.4) translateY(5px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-5px);
            transform: scale(0.4) translateY(-5px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-5px);
            transform: scale(1) translateY(-5px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-5px);
            transform: scale(1) translateY(-5px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(5px);
            transform: scale(0.4) translateY(5px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-5px);
            transform: scale(0.4) translateY(-5px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-5px);
            transform: scale(1) translateY(-5px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-5px);
            transform: scale(1) translateY(-5px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(5px);
            transform: scale(0.4) translateY(5px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-5px);
            transform: scale(0.4) translateY(-5px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-5px);
            transform: scale(1) translateY(-5px);
  }
}

.contact h2 { color:#095996; margin: 10px 0;font-weight: bold;}