﻿@charset "utf-8";
/* CSS Document */
/* 内容区域 */
.page-main {
  position: relative;
  background: #fff;
	padding-bottom:0;
}
.aboutCenter {
	width: 1252px;
    margin: 0 auto;
    z-index: 1;
    box-sizing: border-box;
}
/*--第一屏幕--*/
.aboutOne,.aboutTow,.aboutTree,.aboutFour,.aboutFive,.aboutSix,.aboutSeven,.aboutEight
 { width: 100%; margin: 0 auto; position: relative;box-sizing: border-box;padding-top:35px; }
.aboutOne{background: url(../images/about-bg1.jpg) no-repeat center top;height: 852px; padding-top:0;}
.aboutOne .aboutCenter{ display: flex; justify-content: space-between;}
.leftmap{ width:486px; height: 528px;position: relative;margin-top:30px;}
.sjmap{ width:486px; height: 528px;}
ul.mapMchen li{ position: absolute; text-align: center;}
.dqname{ width:80px; height: auto;margin-left: 16%; margin-top:40%;}
.zuzhi-name{ text-align: center;}

ul.mapMchen li span{ /*display: none;*/ line-height: 20px; font-size: 15px;}
ul.mapMchen li:hover span,ul.mapMchen li.active span{  color:#444 !important;}
ul.mapMchen li .shineBox{display: none;}
/*ul.mapMchen li:hover .shineBox{ display: block;}*/

.shineBox{ width:7px;height:7px;margin:0 auto;position: relative;margin-top:3px; }
 @keyframes scale { 0% {transform: scale(1)} 50%,  75% { transform: scale(3)} 78%,  100% { opacity: 0}}
 @keyframes scales { 0% {transform: scale(1)} 50%,  75% { transform: scale(2)} 78%,  100% { opacity: 0}}

.smallcircle2 {	position:absolute;width:6px;height: 6px;background-color: #ca090a;border-radius: 50%;top:5px;left:7px;}
.smallcircle2:before {	content: '';display: block;	width: 6px;height: 6px;border-radius: 50%;opacity: .4;background-color: #f94b4b;animation: scale 1s infinite cubic-bezier(0, 0, .49, 1.02);}
.bigcircle2 {position: absolute;width: 6px;height: 6px;border-radius: 50%;opacity: .4;background-color: #f94b4b;	top:5px;left:7px;animation: scales 1s infinite cubic-bezier(0, 0, .49, 1.02);}

li.qxmc1{width:188px; height:181px; top:1px; left:5px; background: url(../images/about-map/map1.png) no-repeat;}
/*li.qxmc1:hover{background: url(../images/about-map/map1-2.png) no-repeat;}*/
li.qxmc1:hover{background: url(../images/about-map/map1-2.png) no-repeat;}


li.qxmc2{width:96px; height: 142px; top:128px; left:2px; background: url(../images/about-map/map2.png) no-repeat; }
li.qxmc2:hover{background: url(../images/about-map/map2-2.png) no-repeat;}
li.qxmc2 .dqname{margin-top:60%;margin-left:13px;}

.dqname span.zuzhi-name{ display: block; font-size: 15px;}
.dqname span.zuzhi-name span.ming,.dqname span.zuzhi-name i{ display: inline-block;}
.dqname span.zuzhi-name i{ width:7px; height: 7px; margin-left:4px; border-radius:100%; border: 1px solid #444;}
ul.mapMchen li:hover span.zuzhi-name i{ border-color:#ef5253;}
.dqname span.aksdb i{ width:12px; height: 12px; background: url(../images/dianbiao.png) no-repeat; border: none;}

li.qxmc3{width:112px; height: 128px; top:172px; left:38px;background: url(../images/about-map/map3.png) no-repeat; }
li.qxmc3:hover{background: url(../images/about-map/map3-2.png) no-repeat;}
li.qxmc3 .dqname{margin-top:47%;margin-left:23%;}

li.qxmc4{width:129px; height: 165px; top:260px; left:18px;background: url(../images/about-map/map4.png) no-repeat;}
li.qxmc4:hover{background: url(../images/about-map/map4-2.png) no-repeat;}
li.qxmc4 .dqname{margin-top:63%;margin-left:24%;}

li.qxmc5{ width:187px; height: 228px;top:140px; left:98px;background: url(../images/about-map/map5-2.png) no-repeat; }
li.qxmc5:hover{background: url(../images/about-map/map5-2.png) no-repeat;}
li.qxmc5 .dqname{margin-top:50%;margin-left:26%;}
.dqname span.aksdb{margin-top:36px;margin-left:5px;}

li.qxmc6{width:174px; height: 181px; top:159px; right:113px;background: url(../images/about-map/map6.png) no-repeat; }
li.qxmc6:hover{background: url(../images/about-map/map6-2.png) no-repeat;}
li.qxmc6 .dqname{margin-top:40%;margin-left:34%;}

li.qxmc7{width:120px; height: 95px; top:231px; right:28px;background: url(../images/about-map/map7.png) no-repeat;}
li.qxmc7:hover,li.qxmc7.active{background: url(../images/about-map/map7-2.png) no-repeat;}
li.qxmc7 .dqname{margin-top:30%;margin-left:18%;}

li.qxmc8{width:114px; height: 151px; top:321px; left:127px;background: url(../images/about-map/map8.png) no-repeat;}
li.qxmc8:hover{background: url(../images/about-map/map8-2.png) no-repeat;}
li.qxmc8 .dqname{margin-top:62%;margin-left:15%;}

li.qxmc9{width:118px; height: 192px; top:303px; left:202px;background: url(../images/about-map/map9.png) no-repeat; }
li.qxmc9:hover{background: url(../images/about-map/map9-2.png) no-repeat;}
li.qxmc9 .dqname{margin-top:56%;margin-left:18%;}

li.qxmc10{width:94px; height: 127px; bottom:0px; right:150px;background: url(../images/about-map/map10.png) no-repeat; }
li.qxmc10:hover{background: url(../images/about-map/map10-2.png) no-repeat;}
li.qxmc10 .dqname{margin-top:75%;margin-left:21%;}

li.qxmc2 .dqname span.ming,li.qxmc2 .dqname span i,
li.qxmc3 .dqname span.ming,li.qxmc3 .dqname span i,
li.qxmc10 .dqname span.ming,li.qxmc10 .dqname span i
{ display: block;}

li.qxmc2 .dqname span i,
li.qxmc10 .dqname span i
{margin:3px auto 0 auto;}
li.qxmc3 .dqname span i{margin:0px auto 3px auto;}


li.qxmc11{ top:51%; left:25%; }
li.qxmc12{ top:58%; left:28%; }
li.qxmc13{ top:59%; left:39%; }

/*li.qxmc14{ top:50%; left:39%; padding-bottom: 10px; background: url(../images/star-icon.png) no-repeat center bottom;}
*/



.rightnr{width:530px;margin-top:104px;}
.xuancyu{ width:361px; height: 456px;margin-left:180px;}
.ablanm1{ width:100%; margin-top:74px; display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row;}
.ablanm1 li{ width:91px; height: 40px; line-height: 40px; margin: 0 7px 15px 7px; text-align: center; background: url(../images/ab-lmbg.png) no-repeat;font-size:16px;}
.ablanm1 li a{ display: block;width:100%; height: 40px; line-height: 40px;}
.ablanm1 li:hover{ background: url(../images/ab-lmbg2.png) no-repeat;}
.ablanm1 li:hover a{ color: #fff;}

.arrow{ width:243px; height:22px;position:absolute; left:43.8%; bottom:16px;}
.arrow img{-webkit-animation: fadeOutUp 2s 0.5s ease-in-out infinite;
	-moz-animation: fadeOutUp 2s 0.5s ease-in-out infinite;}
@-webkit-keyframes fadeOutUp {
0% {
opacity:0;
-webkit-transform:translateY(0)
}
30% {
opacity:.6;
-webkit-transform:translateY(-4px)
}
40% {
opacity:1;
-webkit-transform:translateY(-4px)
}
80% {
opacity:.8;
-webkit-transform:translateY(-4px)
}
90% {
opacity:.5;
-webkit-transform:translateY(-10px)
}
95% {
opacity:0;
-webkit-transform:translateY(-12px)
}
100% {
opacity:0;
-webkit-transform:translateY(-18px)
}
}

.aboutTow{  background: url(../images/about-bg2.jpg) no-repeat center top; height: 810px; }
.ab-bgtit{ width:100%;  height: 127px; margin-bottom:54px; font-size: 0; line-height: 0; text-indent: -9;}
.ab-bgtit h3{font-size: 0; line-height: 0; text-indent: -9;}
.ab-title2{ background: url(../images/ab-bgtit2.png) no-repeat;}
.ab-title3{ background: url(../images/ab-bgtit3.png) no-repeat;}
.ab-title4{ background: url(../images/ab-bgtit4.png) no-repeat;}
.ab-title5{ background: url(../images/ab-bgtit5.png) no-repeat;}
.ab-title6{ background: url(../images/ab-bgtit6.png) no-repeat;}
.ab-title7{ background: url(../images/ab-bgtit7.png) no-repeat;}
.ab-title8{ background: url(../images/ab-bgtit8.png) no-repeat;}

.zhaoshangBox{ background:url(../images/ab-tmbg1.png) repeat; *background:rgba(255,255,255,0.28); padding:16px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing: border-box; display: flex; justify-content: space-between; /*flex-wrap: wrap; flex-direction:row;*/}
.leftzs,.righzs{ background: #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;box-sizing: border-box;}

.leftzs{width:698px; padding:16px;}
.leftzs .inHd2{ width: 178px;}
.zszbcd{ background:#fff;}
.zszbcd li{ height:112px;padding-top:20px;}
.zszbcd li a{ display: block; width:151px; height: 112px; border-bottom: 1px solid #ebebeb;}
.zszbcd li i,.zszbcd li span,.yingyeBox .inHd3 i,.yingyeBox .inHd3 span{ display: block; margin: 0 auto;}
.zszbcd li span,.yingyeBox .inHd3 span{ line-height: 30px; font-size: 18px; text-align: center;margin-top:10px; color:#666;}
.zszbcd li i,.yingyeBox .inHd3 i{ width:50px; height: 50px; background: url(../images/ab-zs-icon1.png) no-repeat 0 0;webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms;}
.zszbcd li.on,.zszbcd li:hover{ background: url(../images/ab-zsleftbg.jpg) no-repeat;}
li.zclm1{ border-top-left-radius: 5px;}
li.zclm3{border-bottom-left-radius: 5px;}
li.zclm1 i{ background-position: 0 0;}
li.zclm1:hover i,li.zclm1.on i{ background-position: -50px 0;}

li.zclm2 i{ background-position: 0 -50px;}
li.zclm2:hover i,li.zclm2.on i{ background-position: -50px -50px;}

li.zclm3 i{ background-position: 0 -100px;}
li.zclm3:hover i,li.zclm3.on i{ background-position: -50px -100px;}

li.zclm4 i{ background-position: 0 -150px !important;}
li.zclm4:hover i,li.zclm4.on i{ background-position: -50px -150px !important;}

li.zclm5 i{ background-position: 0 -200px !important;}
li.zclm5:hover i,li.zclm5.on i{ background-position: -50px -200px !important;}
.zszbcd li.on span,.zszbcd li:hover a span,.yingyeBox .inHd3 li.on span,.yingyeBox .inHd3 li:hover a span{ font-weight:bold; color: #fff;}

.leftzs .inBd2 {padding-left:20px;margin-top:5px;}
.leftzs .inBd2 li{ line-height: 38px; background: url(../images/search-arrow2.png) no-repeat left;}

.zhaoslm{ width:100%;margin-top:20px;}
.zhaoslm li{ width:110px; height: 108px;float: left; margin-left:10px; }
.zhaoslm li i,.zhaoslm li span{ display: block; margin:0 auto;}
.zhaoslm li i{ width:62px; height: 62px; background: url(../images/zt-icon3.png) no-repeat 0 0; border-radius:50%; -webkit-border-radius:50%;-moz-border-radius:50%;}
.zhaoslm li span{ text-align: center; line-height: 26px;margin-top:10px; font-size: 18px; color: #444;}

li.zslm1 i{ background-position: 0 0; background-color:#f04747}

li.zslm2 i{ background-position: 0 -62px; background-color:#69c2f1;}

li.zslm3 i{ background-position: 0 -124px; background-color:#7481de;}

li.zslm4{margin-right:0;}
li.zslm4 i{ background-position: 0 -186px; background-color:#3aaee4;}

.zhaoslm li:hover i,.bucolicBox li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}

.righzs{ width:508px; padding:28px;}
.shiplist{ width:451px;}
.shiplist .tit{ height: 50px; line-height: 50px; background: url(../images/ab-tit-line-2.jpg) repeat-x 0 43px;}
.shiplist .tit h3{ display:inline-block; height: 49px; padding:0 10px; font-size: 20px; color: #3183d0; line-height: 45px; background: url(../images/ab-tit-line.jpg) no-repeat center bottom; font-weight: bold;}
.shiplist .tit h3 a{color: #3183d0;}
.spwj{ margin-top:20px; height: 284px; overflow: hidden;zoom:1;}
.spwj #a1,.spwj #a2,.spwj #a3,.spwj #a4,.spwj #a5{ display: block;width:100%; height: 284px;}
.spwj video,.spwj img,.spwj object{ display: block; width:100%; height: 284px;}

.aboutTree{  background: url(../images/about-bg3.jpg) no-repeat center top; background-size: cover;  height: 700px;}
.wenhuaBox{margin-top:-20px;}
.whcaidan{ width:100%; }
.whcaidan li{ width:206px !important; height: 206px !important; float: left; margin: 0 80px 20px 80px;}
li.whlm5,li.whlm12{margin-left:230px;}

.whcaidan li i,.whcaidan li span{ display: block; margin: 0 auto;}
.whcaidan li i{ width:70px; height: 60px;margin-top:59px; background: url(../images/about-whicon.png) no-repeat 0 0;}
.whcaidan li span{ text-align: center; margin-top:10px;}
li.whlm1,li.whlm8{ background: url(../images/ab-wh-bg1.png) no-repeat;}
li.whlm2,li.whlm9{ background: url(../images/ab-wh-bg2.png) no-repeat;}
li.whlm3,li.whlm10{ background: url(../images/ab-wh-bg3.png) no-repeat;}
li.whlm4,li.whlm11{ background: url(../images/ab-wh-bg4.png) no-repeat;}
li.whlm5,li.whlm12{ background: url(../images/ab-wh-bg5.png) no-repeat;}
li.whlm6,li.whlm13{ background: url(../images/ab-wh-bg6.png) no-repeat;}
li.whlm7,li.whlm14{ background: url(../images/ab-wh-bg7.png) no-repeat;}

li.whlm1 i{ background-position: 0 0;}
li.whlm2 i{ background-position: 0 -60px;}
li.whlm3 i{ background-position: 0 -120px;}
li.whlm4 i{ background-position: 0 -180px;}
li.whlm5 i{ background-position: 0 -240px;}
li.whlm6 i{ background-position: 0 -300px;}
li.whlm7 i{ background-position: 0 -360px;}

li.whlm8 i{ background-position: 0 -420px;}
li.whlm9 i{ background-position: 0 -480px;}
li.whlm10 i{ background-position: 0 -540px;}
li.whlm11 i{ background-position: 0 -600px;}
li.whlm12 i{ background-position: 0 -660px;}
li.whlm13 i{ background-position: 0 -720px;}
li.whlm14 i{ background-position: 0 -780px;}
.wenhuaBox .hd{  z-index: 99; position: relative;width:100%;}
.wenhuaBox .hd a{ display: block; width:38px; height: 83px;border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:5px; *background: rgba(0,0,0,0.12); background: url(../images/ab-tmbg2.png) repeat; color: #fff; line-height: 83px; text-align: center;position: absolute; top:200px; }
.wenhuaBox .hd a i{ font-size: 40px;}
.wenhuaBox .hd a.prev{ left:0;}
.wenhuaBox .hd a.next{ right:0;}

.aboutFour{  background: url(../images/about-bg4.jpg) no-repeat center top; background-size: cover; height: 1338px;}
.youBox{ width:100%;margin-top:-40px;}
.lynew{ width:100%;}
.lynew .biaot{ width:100%; height:36px; font-weight:bold; overflow:hidden;zoom:1;}
.lynew .biaot h3{ float:left; display:inline-block;font-size:24px; font-weight:bold; line-height:36px; }
.lynew .biaot span{ float:right;display:inline-block; width:20px; height:36px; line-height: 36px;  color: #fff;  text-align: center; cursor:pointer;}
.lynew .biaot span i{font-size: 26px; color: #fff;}
.lynew .biaot h3 a{ color:#fff;font-family:"微软雅黑";}

.lynew ul{margin-top:10px; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.lynew ul li{ background:url(../images/ab-arrow3.png) no-repeat left; width:47%; }
.lynew ul li span{ color:#fff !important; }
.lynew ul a{ color:#fff !important; width:75% !important; }


.wfl{ background:url(../images/ab-line6.png) no-repeat 0 42px; height:185px; margin-top:57px; position:relative;}
.wfl li{ width:114px; position:absolute;}
.wfl li i{ display:block; width:114px; height:114px; bordeR:3px solid #e6af6d; background:url(../images/abicon1.png) no-repeat 0 0 #fff; border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px;}
.wfl li span{ display:block; text-align:center; line-height:36px; margin-top:15px; font-size:27px; color:#fff;}
.wfl li a,.wfl li a:hover{ color:#fff;}

li.sh1{top:18px; left:67px;}
li.sh1 i{ background-position:0 0;}

li.sh2{top:-1px; left:268px;}
li.sh2 i{ background-position:0 -114px;}

li.sh3{top:18px; left:469px;}
li.sh3 i{ background-position:0 -228px;}

li.sh4{top:39px; left:669px;}
li.sh4 i{ background-position:0 -342px;}

li.sh5{top:-15px; left:845px;}
li.sh5 i{ background-position:0 -456px;}

li.sh6{top:-4px; right:13px;}
li.sh6 i{ background-position:0 -570px;}
.wfl li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
	}

.aboutFive{  background: url(../images/about-bg5.jpg) no-repeat center top; height: 780px;}
.smsg-smzc{ position: relative; width:100%;margin-top:50px; height: 474px;}
.smsg-smzc .smsg-common-tit{padding: 70px 0;}
.smsg-smzc-list li{float: left; width: 75px;}
.smsg-smzc-list li a{display: block; position: relative; overflow: hidden; background: #000;}
.smsg-smzc-list li a img{display: block;height: 474px; max-width: none; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5;}
.smsg-smzc-list li a h3{position: absolute;width:100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; font-size: 16px; font-weight: normal;}
.smsg-smzc-list li a h3:before{/*content: ''; */display: inline-block; width: 100%; height: 100%; vertical-align: middle;}
.smsg-smzc-list li a h3 span{display:inline-block; vertical-align: middle;margin-top:60px;font-size: 17px;}
.smsg-smzc-list li + li a{margin-left: 1px;}
.smsg-smzc-list li.active{width: 586px;}
.smsg-smzc-list li.active img{width: 100%; filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}
.smsg-smzc-list li.active a h3{top: auto; bottom: 20px;}
.smsg-smzc-list li.active a span{ font-size: 19px;}
.smsg-smzc-list li.active a span br{display: none;}

.aboutSix{  background: url(../images/about-bg6.jpg) no-repeat center top; height:831px;}
.yingxBox{width:100%; margin-top:46px; position:relative;}
.xyship{width:769px; height: 522px; position: relative;}
.xypic{ width:100%; height: 522px; overflow: hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position: relative;}
.xypic img{ width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.xyship .tit{ width: 100%; height:50px; line-height: 50px; text-align: center; color:#fff; position: absolute; left: 0; bottom:0; color: #fff;
	background: url(../images/ab-tmbg3.png) repeat; }
.xyship .tit a{ color: #fff;}

.xlfilm{ width:487px; position: absolute; top:45px; right: 16px;}
.xylist{ width:487px; height: 413px; background: #3fb6c8; border-bottom-right-radius: 20px;padding: 18px; box-sizing: border-box;}
.xylist ul{margin-top: 20px;}
.xylist ul li{line-height: 36px; background: url(../images/ab-arrow3.png) no-repeat left;}
.xylist ul li a{ max-width: 100%; color: #fff;}
.xylist span{ display:inline-block; height: 20px; line-height: 20px; border: 1px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 10px;margin-top:10px;margin-left:352px;}
.xylist span a{ color: #fff;}

.xlfilm i{ display: block; width:20px; height: 20px; background: url(../images/ab-arrow4.png) no-repeat;}

/*.aboutSeven{ background: url(../images/about-bg7.jpg) no-repeat center top; height:807px;}*/
.aboutSeven{ background: url(../images/about-bg7.jpg) no-repeat center top; height:637px;}
.fgPic{ width:100%;margin-top:48px;}
.fgPic ul li{ float:left; margin:0 10px 10px 0; width:232px; height:170px; position:relative;}
.fgPic ul li.tu1{ width:474px; height:350px;}
.fgPic ul li.tu2,.fgPic ul li.tu3{ width:474px; }
.fgPic ul li span{ display:none;}
.fgPic ul li:hover span{ display:block; width:100%; height:100%;background:url(../images/ab-tmbg4.png); text-align:center; z-index:99; position:absolute; top:0; left:0; font-size:24px; color:#fff;}
.fgPic ul li a span{ color:#fff;}
.fgPic ul li span p{ display:block; width:100%;line-height:36px; height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:29%;}
li.tu1 span p{padding-top:33% !important;}
li.tu2 span p,li.tu3 span p{  padding-top:14% !important;}
.fgPic ul li.last {
    margin: 0 !important;
    border-right: none !important;
}

.aboutEight{background: url(../images/about-bg8.jpg) no-repeat center top; height:853px;}
.shiquBox{ width:100%; margin-top:67px;}
.shiquBox .bd li{ width:295px; height: 479px; float: left; margin-right:12px; overflow: hidden; border-top-left-radius:40px; border-bottom-right-radius:40px; border: 5px solid #fff; position:relative;}
.shiquBox .bd li img{ width:100%;border-top-left-radius:40px; border-bottom-right-radius:40px;}
.shiquBox .bd li span{ display:block;width:100%; position: absolute; left:-5px; bottom:0px; padding:15px; box-sizing: border-box; background: url(../images/ab-tmbg4.png) repeat;border-bottom-right-radius:40px; margin: 0 5px; display: none;}
.shiquBox .bd li span p{ color: #fff; line-height: 28px;}
.shiquBox .bd li:hover span{ display: block; transition: 400ms; }

.shiquBox .hd{ width:124px; margin: 0 auto;margin-top:36px; display: flex; justify-content: space-between;}
.shiquBox .hd a{ width:43px; height: 43px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.shiquBox a.prev{ background: url(../images/ab-arrow5.png) no-repeat;}
.shiquBox a.prev:hover{ background: url(../images/ab-arrow5-2.png) no-repeat;}

.shiquBox a.next{ background: url(../images/ab-arrow6.png) no-repeat;}
.shiquBox a.next:hover{ background: url(../images/ab-arrow6-2.png) no-repeat;}




/*-----右边菜单---*/
#abmenu {
    position: fixed;
    right: 0px;
    top: 50%;
    width: 139px;
    margin: -212px 0 0;
    padding: 0;
    list-style-type: none;
    z-index: 700;

}

#abmenu li {
    margin-top: 5px;
    font: 15px "Microsoft Yahei";
	 background: url(../images/abmenu-bg.png) no-repeat;
 overflow: hidden;zoom:1;
}

#abmenu a,#abmenu span {
    display: block;
    color: #000;
    text-align: center;
    text-indent: -9999px;
    text-decoration: none;
    height: 48px;
	/*background: url(../images/abmenu-bg.png) no-repeat;*/
}
#abmenu li a{float: right;width:40px; }
#abmenu li span{ color: #fff;  float: left;width:99px; text-align: right; line-height: 43px;padding-right:9px; box-sizing: border-box; display: none; }
#abmenu li.abnav8 span{padding-right:0;}

#abmenu li.abnav1{ background-position:0 0px;}
#abmenu li.abnav2{ background-position:0 -96px !important;}
#abmenu li.abnav3{ background-position:0 -192px !important;}
#abmenu li.abnav4{ background-position:0 -288px !important;}
#abmenu li.abnav5{ background-position:0 -384px !important;}
#abmenu li.abnav6{ background-position:0 -480px !important;}
#abmenu li.abnav7{ background-position:0 -576px !important;}
#abmenu li.abnav8{ background-position:0 -672px !important;}


#abmenu li.active {background: url(../images/abmenu-bg.png) left -48px no-repeat;}
#abmenu .active a {
    color: #fff;
    /*background: url(../images/abmenu-bg.png) left -48px no-repeat;*/
    text-indent: 1.5em;
    overflow: visible;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
  /*  text-align: left;*/
}

#abmenu .active a:hover {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
}

#abmenu li.active span{ text-indent: 9px; line-height: 48px; display: block;}

#abmenu li.abnav2.active,#abmenu li.abnav2:hover{ background-position:0px -144px !important;}
#abmenu li.abnav3.active,#abmenu li.abnav3:hover{ background-position:0px -240px !important;}
#abmenu li.abnav4.active,#abmenu li.abnav4:hover{ background-position:0px -336px !important;}
#abmenu li.abnav5.active,#abmenu li.abnav5:hover{ background-position:0px -432px !important;}
#abmenu li.abnav6.active,#abmenu li.abnav6:hover{ background-position:0px -528px !important;}
#abmenu li.abnav7.active,#abmenu li.abnav7:hover{ background-position:0px -625px !important;}
#abmenu li.abnav8.active,#abmenu li.abnav8:hover{ background-position:0px -723px !important;}


/*---返回按钮---*/
#rocket-to-top div {
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:0;
    width:119px;
	z-index:999;


}
#rocket-to-top .level-2 {
    background:url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display:none;
    height:150px;
    opacity:0;
    z-index:500;
}
#rocket-to-top .level-3 {
    background:none repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:150px;
    z-index:502;
}
#rocket-to-top {
    background:url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor:default;
    display:block;
    height:150px;
    margin:-125px 0 0;
    overflow:hidden;
    padding:0;
    position:fixed;
    right:0;
    bottom:10px;
    width:119px;
    z-index:503;
}
/*---游在安康调整---*/
.fourAjiBox{width:100%; margin-top:-10px; display: flex; justify-content: space-between;}
.jingdianBox{width:932px;/*padding-top:26px;*/}
.jdBoxtow{ width:297px; height: 317px; background: url(../images/tly-jdbg.jpg) no-repeat;padding:26px 20px; box-sizing: border-box; border-radius: 10px; -webkir-border-radius:10px; -moz-border-radius:10px;}
.jdBoxtow ul.newlist{margin-top:5px; height: 180px;}
.jdBoxtow ul.newlist li{ background:url(../images/ab-tlydian.png) no-repeat left; line-height: 31px; }
.jdBoxtow ul.newlist li a{max-width: 100%; color: #fff;}
.jdBoxtow .more{ width:100%; text-align:right; height: 37px; line-height: 37px; padding-right:46px; box-sizing: border-box;margin-top:13px;}
.jdBoxtow .more a{ color: #fff;}

.jdshowBox{ width:100%; margin-top:20px; position: relative;}
.jdshowBox .hd{ z-index: 99; position: relative;width:100%; }
.jdshowBox .hd a{ display: block; width:40px; height: 40px;border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:5px; *background: rgba(0,0,0,0.12); background: url(../images/ab-tmbg2.png) repeat; color: #fff; line-height: 40px; text-align: center;position: absolute; top:110px;}
.jdshowBox .hd a:hover{background: url(../images/ab-tmbg3.png) repeat}
.jdshowBox .hd a i{ font-size: 40px;}
.jdshowBox .hd a.prev{ left:0;}
.jdshowBox .hd a.next{ right:3px;}

.jdshowBox .bd{margin-top:20px; overflow: hidden;}
.jdshowBox .bd li{ width:296px; height: 262px; position: relative;margin-right:20px; float: left;}
.jdpic{width:296px; height: 262px; border-top-right-radius: 15px; border-bottom-left-radius: 15px;overflow: hidden; }
.jdpic img{ width:100%;border-top-right-radius: 15px; border-bottom-left-radius: 15px;  overflow: hidden;zoom:1;}
.jdWen{ position: absolute; bottom:0; left: 0; height: 45px; line-height: 45px;padding:0 10px;box-sizing:border-box;  color: #fff; text-align: center; width:100%;}

li.jdlist1 .jdWen{ *background: rgba(27,109,192,0.7); background: url(../images/ab-tmbg5.png) repeat; border-bottom-left-radius: 15px;}
li.jdlist2 .jdWen{ *background: rgba(212,164,88,0.7); background: url(../images/ab-tmbg6.png) repeat; border-bottom-left-radius: 15px;}
li.jdlist3 .jdWen{ *background: rgba(37,167,195,0.7); background: url(../images/ab-tmbg7.png) repeat; border-bottom-left-radius: 15px;}

.hotjdBox{margin-top:15px;}
.remjdshow { width: 100%;margin-top:20px;}
.remjdshow ul{ display: flex; justify-content: flex-start; flex-flow: row; flex-wrap: wrap;}
.remjdshow li{width:298px; height: 185px;/*margin-right:20px;*/margin-right:10px; position: relative;}
.remjdshow li .lypic{ width:298px; height: 185px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; overflow: hidden;}
.remjdshow li .lypic img{ width:100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.remjdshow li .lywenjs{  height:40px; line-height: 40px; background: url(../images/ab-tmbg3.png) repeat; *background: rgba(0,0,0,0.6); border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.remjdshow li:last-child{margin-right:0;}

.lytit{width:100%; height: 35px; display: flex; justify-content: space-between;}
.lytit h3,.lytit span{display: block;}
.lytit h3{  font-size: 22px; color: #23b0de; font-weight:bold; }
.lytit h3 a{ color: #23b0de; }

.lytit span{ font-size: 14px; color:#666;line-height:34px;margin-right:20px;}
.lytit span a{ color:#fff;}


.lvfjtu{ width:100%; margin-top:10px; justify-content: space-between; display: flex;}
.lvfjtu .hotjdBox {width:49.5%;}

.lywenjs{width:100%; text-align: center; padding:0 10px; box-sizing: border-box; color: #fff; position: absolute; left: 0; bottom:0;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;}
.lypic img{width:100%;}


