@charset "utf-8";
.w90{width:94%; margin: 0 auto;max-width:1240px;height: auto;}
.pc-nav{width: 100%;height: auto;position: fixed;left: 0;top: 0; z-index: 999;}
.pc-nav2{}
.banner-js{width: 100%;height:calc(100% - 0px);position: absolute;top: 0;left: 0;transition: all 0.3s;}
.banner-js .pic{width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}


.banner-js .pic img.fangda{width: auto;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;transition: all 8s ease; }
.banner-js .pic img.fangda:hover{transform: translate(100px, 100px) scale(1.2) rotate(0deg);}


.banner-js .pic .wz{width: 94%;position: absolute;max-width: 1240px; top: 50%;transform: translateY(-50%)translateX(-50%);left: 50%;}
.banner-js .pic .wz img{display: block;max-width: 100%;height: auto; }
.banner-con{text-align: center; width: 90%;max-width: 1400px; height: auto;position: absolute;left:50%;top: 50%;z-index: 12;transform: translateX(-50%)translateY(-50%);}
.banner-con h3{text-align: center;font-size: 56px;font-weight:500;line-height: 1; color: #FFFFFF;text-shadow: 1px 2px 5px rgba(0,0,0,0.5);}
.banner-con h3 span{color: #f8b62c;font-family: arial;}
.banner-con h4{font-size: 36px;margin-top: 20px;line-height: 1; color: #FFFFFF;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);font-weight: normal;}
@media only screen and (max-width:1400px ) {
	.banner-con h3{font-size: 50px;transition: all 0.3s ease;}
	.banner-con h4{font-size: 32px;transition: all 0.3s ease;}
}
@media only screen and (max-width:1366px ) {
	.banner-con h3{font-size: 48px;transition: all 0.3s ease;}
	.banner-con h4{font-size: 30px;transition: all 0.3s ease;}
}
@media only screen and (max-width:1024px ) {
	.banner-con h3{font-size:40px;transition: all 0.3s ease;}
	.banner-con h4{font-size: 26px;transition: all 0.3s ease;}	
}
@media only screen and (max-width:720px ) {
.banner-js .pic .wz{width: 105%;height: auto;left: 0%; transform: translateX(0)translateY(-50%);} 
.banner-js .pic .wz img{display: block;max-width: 100%;height: auto; margin-left:3%; }
.banner-con h3{font-size:28px;transition: all 0.3s ease;font-weight: bold;}
.banner-con h4{font-size: 18px;transition: all 0.3s ease;margin-top: 10px;}
}
@media only screen and (max-width:480px ) {
.banner-js .pic .wz img{max-width: 300px;}
}
.title{width: 100%;height: auto;}
.title h6{font-size: 48px; font-weight:normal;color: #FFFFFF;line-height: 1; margin-bottom:20px;text-transform: uppercase;}
.title h5{font-size: 22px;color: #FFFFFF;font-weight: normal;text-transform:uppercase;}
/*.title .line{width: 30px;height: 6px;background: #F8B62C;display: block;margin-top: 20px;}
*/
.title .line{width: 54px;height:2px;border-radius: 0px; margin-left: 0; background: #747474;display: block;position: relative; margin-top: 20px;}
.title .line:before{content: "";width: 1px;height: 4px;border-radius: 100%;background: #F8B62C;left: -20px;position: absolute;top: 0;}
.title .line:after{content: "";width: 1px;height: 4px;border-radius: 100%;background: #F8B62C;left: -10px;position: absolute;top: 0;}
@media only screen and (max-width:1400px ) {
	.title h6{font-size: 48px;}
	.title h5{font-size: 22px;}
}
@media only screen and (max-width:1366px ) {
	.title h6{font-size: 30px; margin-bottom:10px;}
	.title h5{font-size: 18px;}
	.title .line{ margin-top:10px;}
}
@media only screen and (max-width:1024px ) {
	.title h6{font-size: 30px;}
	.title h5{font-size: 18px;}
	/*.title .line{margin-top: 15px;height: 4px;}*/
}
@media only screen and (max-width:1024px ) {
	.title h6{font-size: 20px;}
	.title h5{font-size: 16px;}
	/*.title .line{width: 25px; margin-top: 10px;height: 3px;}*/
}
.h80{width: 100%;height: 80px;overflow: hidden;}
.h60{width: 100%;height: 60px;overflow: hidden;}
@media only screen and (max-width:1366px ) {
	.h60{height: 50px;}
	.h80{height: 70px;}
}
@media only screen and (max-width:1024px ) {
		.h80{height: 60px;}
	.h60{height: 40px;}
}
@media only screen and (max-width:720px ) {
		.h80{height: 55px;}
	.h60{height: 30px;}
}
.more{width:170px;line-height: 88px;border: 1px solid #FFFFFF;color: #FFFFFF;text-align: center;display: block;text-transform: uppercase; font-weight:bold; font-size:26px;}
.more:hover{color: #0068B6;background: rgba(255,255,255,0.95);}
@media only screen and (max-width:1366px ) {
	.more{font-size: 16px; width: 150px;line-height: 55px;}
}
@media only screen and (max-width:1024px ) {
	.more{width: 120px;line-height: 40px;}
}
#section2{position: relative;background:#fff5f5;background-size: cover; z-index:2;}
.in-ab-l{width: 94%; padding:0 3%; max-width: 1240px;height: auto;text-align: left;position: absolute;
    left: 50%;
    top: 50%; 
    transform: translateX(-50%) translateY(-50%);}
.in-ab-l .in-ab-lc{width: auto;height: auto;}
.in-ab-l .in-ab-lc dl{ padding-top:91px;}
.in-ab-l .in-ab-lc dl dt{ float:left; width:calc(100% - 862px);}
.in-ab-l .in-ab-lc dl dt .gy_tit img{ display:block; width:100%; max-width:410px;}
.in-ab-l .in-ab-lc dl dt .gy_text{ width:70%; font-size:16px; margin-top:20%;text-align:justify;}/* text-align-last: justify;*/
.in-ab-l .in-ab-lc dl dt .shuzi{ position:relative ; padding-top:22%; margin-top:5%;}
/* -o-animation: smart_em03 10s linear 0.4s infinite; animation: smart_em03 10s linear 0.4s infinite; -webkit-animation: smart_em03 10s linear 0.4s infinite; -ms-animation: smart_em03 10s linear 0.4s infinite; -moz-animation: smart_em03 10s linear 0.4s infinite; */
.in-ab-l .in-ab-lc dl dt .shuzi img.yuan2img1{ position:absolute; left:0; top:0; width:50%; height:auto;}
/* -o-animation: smart_em02 10s linear 0.2s infinite; animation: smart_em02 10s linear 0.2s infinite; -webkit-animation: smart_em02 10s linear 0.2s infinite; -ms-animation: smart_em02 10s linear 0.2s infinite; -moz-animation: smart_em02 10s linear 0.2s infinite; */
.in-ab-l .in-ab-lc dl dt .shuzi img.yuan2img2{ position:absolute; left:120px; top:0; width:50%; height:auto;}
.in-ab-l .in-ab-lc dl dt .shuzi ul li{ float:left; width:40%; text-align:center;}
.in-ab-l .in-ab-lc dl dt .shuzi p{ position:relative; font-size:50px; color:#c64543; line-height:10px; z-index:2; }
.in-ab-l .in-ab-lc dl dt .shuzi p span{font-size:16px; color:#3e3a39;}
.in-ab-l .in-ab-lc dl dt .shuzi #time{font-size:60px; color:#c64543; }
.in-ab-l .in-ab-lc dl dt .shuzi #time2{font-size:60px; color:#c64543; }
@-o-keyframes door { 0% { width: 0%; }
    50% { width: 50%; }
    100% { width: 100%; } }
@keyframes door { 0% { width: 0%; }
    50% { width: 50%; }
    100% { width: 100%; } }
@-webkit-keyframes door { 0% { width: 0%; }
    50% { width: 50%; }
    100% { width: 100%; } }
@-moz-keyframes door { 0% { width: 0%; }
    50% { width: 50%; }
    100% { width: 100%; } }
@-o-keyframes smart_em01 { 0% { -o-transform: translate(0, 25px);
    transform: translate(0, 25px); }
    50% { -o-transform: translate(25px, 25px);
        transform: translate(25px, 25px); }
    100% { -o-transform: translate(0, 25px);
        transform: translate(0, 25px); } }
@keyframes smart_em01 { 0% { -webkit-transform: translate(0, 25px);
    -moz-transform: translate(0, 25px);
    -o-transform: translate(0, 25px);
    transform: translate(0, 25px); }
    50% { -webkit-transform: translate(25px, 25px);
        -moz-transform: translate(25px, 25px);
        -o-transform: translate(25px, 25px);
        transform: translate(25px, 25px); }
    100% { -webkit-transform: translate(0, 25px);
        -moz-transform: translate(0, 25px);
        -o-transform: translate(0, 25px);
        transform: translate(0, 25px); } }
@-webkit-keyframes smart_em01 { 0% { -webkit-transform: translate(0, 25px);
    transform: translate(0, 25px); }
    50% { -webkit-transform: translate(25px, 25px);
        transform: translate(25px, 25px); }
    100% { -webkit-transform: translate(0, 25px);
        transform: translate(0, 25px); } }
@-moz-keyframes smart_em01 { 0% { -moz-transform: translate(0, 25px);
    transform: translate(0, 25px); }
    50% { -moz-transform: translate(25px, 25px);
        transform: translate(25px, 25px); }
    100% { -moz-transform: translate(0, 25px);
        transform: translate(0, 25px); } }
@-o-keyframes smart_em02 { 0% { -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
    50% { -o-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -o-transform: translate(25px, 0px);
        transform: translate(25px, 0px); } }
@keyframes smart_em02 { 0% { -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
    50% { -webkit-transform: translate(-25px, 25px);
        -moz-transform: translate(-25px, 25px);
        -o-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -webkit-transform: translate(25px, 0px);
        -moz-transform: translate(25px, 0px);
        -o-transform: translate(25px, 0px);
        transform: translate(25px, 0px); } }
@-webkit-keyframes smart_em02 { 0% { -webkit-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
    50% { -webkit-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -webkit-transform: translate(25px, 0px);
        transform: translate(25px, 0px); } }
@-moz-keyframes smart_em02 { 0% { -moz-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
    50% { -moz-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -moz-transform: translate(25px, 0px);
        transform: translate(25px, 0px); } }
@-o-keyframes smart_em07 { 0% { -o-transform: translate(0, 0px);
    transform: translate(0, 0px); }
    50% { -o-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -o-transform: translate(25px, 0px);
        transform: translate(25px, 0px); } }
@keyframes smart_em07 { 0% { -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px); }
    50% { -webkit-transform: translate(-25px, 25px);
        -moz-transform: translate(-25px, 25px);
        -o-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -webkit-transform: translate(25px, 0px);
        -moz-transform: translate(25px, 0px);
        -o-transform: translate(25px, 0px);
        transform: translate(25px, 0px); } }
@-webkit-keyframes smart_em07 { 0% { -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px); }
    50% { -webkit-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -webkit-transform: translate(25px, 0px);
        transform: translate(25px, 0px); } }
@-moz-keyframes smart_em07 { 0% { -moz-transform: translate(0, 0px);
    transform: translate(0, 0px); }
    50% { -moz-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -moz-transform: translate(25px, 0px);
        transform: translate(25px, 0px); } }
@-o-keyframes smart_em03 { 0% { -o-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); }
    50% { -o-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -o-transform: translate(-25px, 0px);
        transform: translate(-25px, 0px); } }
@keyframes smart_em03 { 0% { -webkit-transform: translate(-25px, 0px);
    -moz-transform: translate(-25px, 0px);
    -o-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); }
    50% { -webkit-transform: translate(-25px, 25px);
        -moz-transform: translate(-25px, 25px);
        -o-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -webkit-transform: translate(-25px, 0px);
        -moz-transform: translate(-25px, 0px);
        -o-transform: translate(-25px, 0px);
        transform: translate(-25px, 0px); } }
@-webkit-keyframes smart_em03 { 0% { -webkit-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); }
    50% { -webkit-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -webkit-transform: translate(-25px, 0px);
        transform: translate(-25px, 0px); } }
@-moz-keyframes smart_em03 { 0% { -moz-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); }
    50% { -moz-transform: translate(-25px, 25px);
        transform: translate(-25px, 25px); }
    100% { -moz-transform: translate(-25px, 0px);
        transform: translate(-25px, 0px); } }
@-webkit-keyframes run { 0% { margin-left: 32px; }
    25% { margin-left: 40px; }
    50% { margin-left: 32px; }
    75% { margin-left: 24px; }
    100% { margin-left: 32px; } }
@-moz-keyframes run { 0% { margin-left: 32px; }
    25% { margin-left: 40px; }
    50% { margin-left: 32px; }
    75% { margin-left: 24px; }
    100% { margin-left: 32px; } }
@-o-keyframes run { 0% { margin-left: 32px; }
    25% { margin-left: 40px; }
    50% { margin-left: 32px; }
    75% { margin-left: 24px; }
    100% { margin-left: 32px; } }
@keyframes run { 0% { margin-left: 32px; }
    25% { margin-left: 40px; }
    50% { margin-left: 32px; }
    75% { margin-left: 24px; }
    100% { margin-left: 32px; } }

.in-ab-l .in-ab-lc dl dd{ float:left; margin-right:-110px; position:relative;}
.in-ab-l .in-ab-lc dl dd img{ display:block; width:100%;}
#section3 .in-ab-l .in-ab-lc dl dd img{ display:block; width:calc(100% - 2px);}
#section2 .in-ab-l .in-ab-lc dl dd a{ display:block; width:15px; height:15px; text-align:center;}
.in-ab-l .in-ab-lc dl dd .yuan p{ font-size:25px; color:#fff; line-height:30px;position: absolute; width:100%;
    left: 50%;
    top: 50%; 
    transform: translateX(-50%) translateY(-50%);}
.in-ab-l .in-ab-lc dl dd .yuan p span{ font-size:16px;}
.in-ab-l .in-ab-lc dl dd .m1{ position:absolute; left:23px; top:303px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m1 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m1:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m2{ position:absolute; left:36px; top:316px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m2 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m2:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m3{ position:absolute; left:118px; top:427px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m3 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m3:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m4{ position:absolute; left:278px; top:484px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m4 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m4:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m5{ position:absolute; left:472px; top:335px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m5 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m5:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m6{ position:absolute; left:792px; top:173px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m6 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m6:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m7{ position:absolute; left:720px; top:351px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m7 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m7:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m8{ position:absolute; left:431px; top:486px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m8 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m8:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m9{ position:absolute; left:442px; top:461px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m9 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m9:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m10{ position:absolute; left:474px; top:432px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m10 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m10:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m11{ position:absolute; left:480px; top:409px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m11 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m11:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m12{ position:absolute; left:595px; top:374px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m12 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m12:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m13{ position:absolute; left:621px; top:339px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m13 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m13:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m14{ position:absolute; left:480px; top:533px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m14 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m14:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m15{ position:absolute; left:499px; top:579px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m15 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m15:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m16{ position:absolute; left:499px; top:600px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m16 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m16:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m17{ position:absolute; left:541px; top:505px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m17 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m17:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m18{ position:absolute; left:581px; top:472px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m18 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m18:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m19{ position:absolute; left:713px; top:458px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m19 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m19:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m20{ position:absolute; left:718px; top:485px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m20 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m20:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m21{ position:absolute; left:713px; top:599px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m21 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m21:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m22{ position:absolute; left:549px; top:636px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m22 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m22:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m23{ position:absolute; left:564px; top:623px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m23 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m23:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m24{ position:absolute; left:599px; top:569px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m24 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m24:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m25{ position:absolute; left:596px; top:587px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m25 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m25:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m26{ position:absolute; left:591px; top:613px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m26 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m26:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m27{ position:absolute; left:633px; top:567px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m27 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m27:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m28{ position:absolute; left:666px; top:570px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m28 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m28:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m29{ position:absolute; left:607px; top:612px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m29 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m29:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m30{ position:absolute; left:616px; top:596px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m30 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m30:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .in-ab-lc dl dd .m31{ position:absolute; left:630px; top:585px; cursor:pointer; }
.in-ab-l .in-ab-lc dl dd .m31 .yuan{ position:absolute; left:-95px; top:-248px; z-index:-1; opacity:0;width:206px; height:213px; background:url(../images/yuan.png) no-repeat; text-align:center;transition: all 1s; }
.in-ab-l .in-ab-lc dl dd .m31:hover .yuan{ opacity:1; z-index:2; top:-218px;}
.in-ab-l .txt{width: 80%;height: auto; padding:30px 0; margin:0 auto;overflow: hidden;text-overflow: ellipsis; word-wrap: break-word;}
.in-ab-l .txt p{font-size: 20px; text-align:center; line-height:36px;color: #000;}
.in-ab-r{width: 50%;height: 100%;right: 0;top: 0; background-size: cover;position: absolute;background-position: center;background-repeat: no-repeat;}
.in-ab-r ul{border: 1px solid #FFFFFF;width: 70%;font-size: 0;  position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);border-bottom: 1px solid #FFFFFF;}
.in-ab-r ul:before{content: "";position: absolute;left: 50%;top: 0;height: 100%;width: 1px;background: #FFFFFF;}
.in-ab-r ul:after{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #FFFFFF;}
.in-ab-r ul li{width: 50%;display: inline-block; vertical-align: top; text-align: right; position: relative;  padding:130px 20px 20px 20px;}
.in-ab-r ul li h5{color: #FFFFFF;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-ab-r ul li h6{font-size: 12px;font-weight: normal; color: #FFFFFF;text-transform: uppercase;}
.in-ab-r ul li:hover{background: rgba(248,182,42,0.9);}
.in-ab-r ul li:before{content: "";position: absolute;left: 20px;top: 20px;width: 75px;height: 75px;}
.in-ab-r ul li:first-child:before{background: url(../images2/a010.png)center no-repeat;background-size: cover;}
.in-ab-r ul li:nth-child(2):before{background: url(../images2/a007.png)center no-repeat;background-size: cover;}
.in-ab-r ul li:nth-child(3):before{background: url(../images2/a008.png)center no-repeat;background-size: cover;}
.in-ab-r ul li:nth-child(4):before{background: url(../images2/a009.png)center no-repeat;background-size: cover;}
#section2 .title{ text-align:center; }
#section2 .title h6{ font-size:40px; margin-bottom:12px;}
#section2 .title h5{ font-size:16px;}
#section2 .title h6,#section2 .title h5{color:#000;}
#section2 .title .line{ margin:12px auto 0 auto ;}
#section2 .more{ border:1px solid #ffa421; color:#ffa421; line-height:46px; width:159px; margin:0 auto;}
@media only screen and (max-width:1800px) {
	.in-ab-l{}
}
@media only screen and (max-width:1600px ) {
	.in-ab-r ul li{padding: 105px  20px 20px 20px;}
	.in-ab-r ul li:before{width:55px;height:55px;}
}
@media only screen and (max-width:1366px ) {
	.in-ab-l{ }
	#section2 .title h6{ font-size:30px;}
	#section2 .title h5{ }
	.in-ab-l .txt{ width:100%;}
	.in-ab-l .txt p{font-size: 16px; line-height:30px;}
.in-ab-r ul{width: 85%;}
	.in-ab-r ul li{padding: 95px  20px 20px 20px;}
	.in-ab-r ul li:before{width:45px;height:45px;}
	.in-ab-r ul li h5{font-size: 16px;}
}
@media only screen and (max-width:900px) {
	#section2{}
		.in-ab-l .txt {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;word-break: break-all;word-wrap: break-word; }
	.in-ab-l{width: 100%;}
	.in-ab-r{ width: 100%;height: 40%;position: absolute;top:auto;bottom: 0; right: 0;background: none;}
	.in-ab-r ul li{padding: 40px  15px 15px 15px;}
	#section2 .more{ margin-top:20px;}
}
@media only screen and (max-width:600px ) {
	.in-ab-l .in-ab-lc{height: auto; position: absolute;top: 50%;left: 50%;width: 90%;transform: translateX(-50%)translateY(-50%);}
	.in-ab-r{background-position: bottom;}
	.in-ab-r ul li{padding:30px 10px 10px 10px;}
	.in-ab-r ul{border:1px solid  rgba(255,255,255,0.5);}
	.in-ab-r ul:before{background: rgba(255,255,255,0.8);}
	.in-ab-r ul:after{background: rgba(255,255,255,0.8);}
	.in-ab-r ul li:nth-child(2){background: rgba(248,182,44,0.9);}
	.in-ab-r ul li:nth-child(3){background: rgba(248,182,44,0.9);}
	.in-ab-r ul{width: 90%;}
	.in-ab-r ul li:before{display: none;}
}
#section6{z-index: 1;}
#section6 .back{z-index: -1; position: absolute;background:#fffefe;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;}
.join{width: 100%;z-index: 2; height: 100%;}
.join .contact2{height:100%; width:100%;z-index: 1;margin: 0 auto; position:relative; }
.join .contact2 .index_foot{ height:calc(65% - 91px); padding-top:91px; }
.join .contact2 .index_foot .contact_con{border-bottom:1px solid #b8b6b6; height:calc(100% - 1px);max-width: 1240px;
width:94%; margin: 0 auto; position:relative;}
.join .contact2 .index_foot .contact_con dl dt{ float:left; width:38%;}
.join .contact2 .index_foot .contact_con dl dt img{ display:block; width:100%; max-width:309px;}
.join .contact2 .index_foot .contact_con dl dd{ float:left; font-size:17px; }
.join .contact2 .index_foot .contact_con dl dd p{ margin-bottom:30px; color:#3e3a39;}
.join .contact2 .ny_foot{ background:0; height:35%; padding:0; position:relative;}
/* .juzhong {top: 50%;left: 50%;width: 100%; height:auto;transform: translateX(-50%) translateY(-180%); position:absolute;} */
/* .juzhong {top: 50%;left: 50%;width: 100%; height:auto;transform: translateX(-50%) translateY(-50%); position:absolute;} */
.join .contact2 .index_foot .contact_con .juzhong {top: 50%;left: 50%;width: 100%; height:auto;transform: translateX(-50%) translateY(-50%); position:absolute;} 
.join .contact2 .ny_foot .juzhong{top: 50%;left: 50%;width: 100%; height:auto;transform: translateX(-50%) translateY(-50%); position:absolute;}

@media only screen and (max-width:1280px ) {
.in-ab-l .in-ab-lc dl dt .gy_text{ margin-top:30%;}
.in-ab-l .in-ab-lc dl dt .shuzi p{ line-height:10px; font-size:40px;}
.in-ab-l .in-ab-lc dl dt .shuzi #time{ font-size:40px;}
.in-ab-l .in-ab-lc dl dt .shuzi #time2{ font-size:40px;}
.in-ab-l .in-ab-lc dl dt .shuzi p span{ font-size:12px;}
/* .in-ab-l .in-ab-lc dl{ padding-top:180px;} */
}
@media only screen and (max-width:1280px ) {
    .in-ab-l .in-ab-lc dl dd img {width: 50%; margin: 0 auto;}
.in-ab-l .in-ab-lc dl dt{ width:94%; padding:0 3%;}
/* .in-ab-l .in-ab-lc dl dt{ width:94%; margin:91px auto 0 auto; padding:0 3%;} */
.in-ab-l .in-ab-lc dl dt .gy_tit img{ max-width:240px;}
.in-ab-l .in-ab-lc dl dt .gy_tit{ float:left; width:50%;}
.in-ab-l .in-ab-lc dl dt .gy_text{ margin-top:0;width:50%;}
.in-ab-l .in-ab-lc dl dt .shuzi{ padding-top:10px; margin-top:10px;}
.in-ab-l .in-ab-lc dl dt .shuzi ul li{ max-width:120px; padding-top:30px;}
.in-ab-l .in-ab-lc dl dt .shuzi img.yuan2img2{ max-width:120px;}
.in-ab-l .in-ab-lc dl dt .shuzi img.yuan2img1{ max-width:120px;}
.in-ab-l .in-ab-lc dl dd{ }
}
@media only screen and (max-width:850px ) {
.in-ab-l .in-ab-lc dl dd{ width:100%; margin-top:0;}	
.in-ab-l .in-ab-lc dl dt{ margin-top:0px;}
.in-ab-l .in-ab-lc dl dt .gy_text{ font-size:14px; }
.in-ab-l .in-ab-lc dl dt .shuzi img.yuan2img1{ max-width:90px;}
.in-ab-l .in-ab-lc dl dt .shuzi img.yuan2img2{ max-width:90px;}
.in-ab-l .in-ab-lc dl dt .shuzi ul li{ max-width:90px; margin-right: 30px;margin-top: 6%;}
.in-ab-l .in-ab-lc dl dt .shuzi p{ font-size:16px; line-height:20px;}	
.in-ab-l .in-ab-lc dl dt .shuzi #time{ font-size:16px; }
.in-ab-l .in-ab-lc dl dt .shuzi #time2{ font-size:16px; }
.in-ab-l .in-ab-lc dl dt .shuzi{ padding-top:0;}
.in-ab-l .in-ab-lc dl dd {top: 30px;}
.in-ab-l .in-ab-lc dl dd .m1{}
.in-ab-l .in-ab-lc dl dd .yuan{ display:none;}	
#section2 .title h6{ font-size:20px; margin-bottom:12px;}
.join {width: 100%;height: calc(100% - 0);top: 0;}
#section3 .in-ab-l{width: 100%; max-width: 1600px;height: auto;text-align: left;position: absolute;
    left: 50%;
    top:50%; 
    transform: translateX(-50%) translateY(-50%);}
}

@media only screen and (max-width:768px ) {
.join .contact2 .ny_foot .width1240{ width:100%; padding:0;}
.join .contact2 .ny_foot .company{ padding:0 3%; width:94%;}
}

#section4{z-index: 1;}
#section4 .back{position: absolute;left: 0;top: 0;z-index: -1; width: 100%;height: 100%;background: url(../images2/b005.jpg)center no-repeat;background-size: cover;}
#section4 .in-news_title{ background:rgba(255,184,46,0.85); height:78px; z-index:2;line-height:78px;position: absolute;left: 0;top: 83px; width:100%; text-align:center;}
#section4 .in-news_title a{ font-size:22px;float:left; color:#fff; display:block; width:calc(25% - 1px);}
#section4 .in-news_title span{ float:left; width:1px; display:block; color:#fff;}
.in-news{width: 90%;max-width: 1600px;display: flex;padding: 20px; background: rgba(255,255,255,0.5);z-index: 1;margin: 0 auto;height: auto;}
.in-news-r{width: 90%;max-width: 1600px;height: auto; position:absolute; left:50%; top:calc(50% + 83px);transform: translateX(-50%) translateY(-50%); }
.in-news-r li{ width: 100%;position: relative;  height:auto;overflow: hidden;padding-left: 50%;}
.in-news-r li .con{padding:8%; width: 100%;height: 100%;float: left;background:rgba(255,255,255,0.9);}
.in-news-r li .pic{transition: all 0.6s ease; position:absolute;top: 0;left: 0;width: 50%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-news-r li .con h5{color: #000;font-size: 20px;overflow: hidden; text-align:center; font-weight:normal;text-overflow: ellipsis;white-space: nowrap;}
.in-news-r li .con .txt{width: 100%;height: auto;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.in-news-r li .con .txt p{font-size: 16px;color: #555; text-align:center;}
.in-news-r li .con .mores{display: block; max-width:160px; text-align:center; margin: 40px auto 0 auto; color: #FFFFFF;font-size: 20px; background:#ff9d00;text-transform: uppercase; line-height:48px; border-radius:24px;}
.in-news-r li .pic img{display: block;width: 100%;height: auto;}
.in-news-r li:nth-child(2){padding-left:0;padding-right: 50%;}
.in-news-r li:nth-child(2) .pic{left: auto;right: 0;}
.in-news-r li:nth-child(2) .con{width: 100%;background: rgba(255,255,255,0.9);}
.in-news-r li:hover .pic{background-position-y: -5px;}
@media only screen and (max-width:1500px ) {
	.in-news-l	.title h6{font-size: 24px;}
	.in-news-l .title h5{font-size: 28px;}
}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width:1366px ) {
	.in-news-r li .con h5{font-size: 22px;}
	.in-news-r li .con .txt p{font-size: 16px;}
#section4 .in-news_title{ background:rgba(255,184,46,0.85); height:58px; z-index:2;line-height:58px;position: absolute;left: 0;top: 83px; width:100%; text-align:center;}
#section4 .in-news_title a{ font-size:18px;float:left; color:#fff; display:block; width:calc(25% - 1px);}
#section4 .in-news_title span{ float:left; width:1px; display:block; color:#fff;}
.in-news-r li .con .mores{display: block; max-width:160px; text-align:center; margin: 40px auto 0 auto; color: #FFFFFF; background:#ff9d00;text-transform: uppercase; line-height:42px; font-size:16px; border-radius:24px;}
}
@media only screen and (max-width:1024px ) {
	.in-news{margin-top: 50px;}
}
@media only screen and (max-width:850px ) {
	.in-news{display: block; }
		.in-news-l{display:inherit;width: 100%;height: 150px; position:relative;
background:url(../images2/b0052.jpg) no-repeat center;background-size: cover;}
		.in-news-l	.title{display: inherit; position:absolute; bottom:50px;left: 10px;padding: 0;}
		.in-news-l	.title h6{font-size: 22px;}
		.in-news-l	.title h5{ font-size:20px;}
	.in-news-r li .con .txt{margin-top: 10px;}
	.in-news-r li .con .mores{margin-top:15px;}
		.in-news-r{padding:0px; width:100%;background: rgba(255,255,255,0.5); position:relative; left:0; top:0;transform: translateX(0%) translateY(0);}
		.in-news{padding: 10px;}
		.in-news-r li{padding-right: 0;  padding-left:0; background:#ff9d00;}
		.in-news-r li .con{width: 100%;height: auto;padding: 10px; background:#ff9d00;}
		.in-news-r li .pic{width: 0;}
		.in-news-r li:nth-child(2){padding-left:0;padding-right: 0; }
		.in-news-r li:nth-child(2) .con{background:#004890;}
		.in-news-r li .con h5{ font-size:18px; color:#fff; text-align:left;}
		.in-news-r li .con .txt p{ text-align:left; color:#fff; font-size:16px;}
		#section4 .in-news_title{ background:rgba(255,184,46,0.85); height:58px; z-index:2;line-height:58px;position: absolute;left: 0;top: 50px; width:100%; text-align:center;}
.in-news-r li .con .mores{display: block; max-width:inherit; text-align:left; margin: 20px auto 0 auto; color: #FFFFFF; background:0;text-transform: uppercase; line-height:42px; font-size:16px; border-radius:24px;}
}
#section5{background:url(../images/xiangmu_bg.jpg) no-repeat center; background-size:cover;position: relative;}
.in-ser{width:94%;height: 100%; max-width:1240px; margin:0 auto; position:relative;}
.in-ser .xiangmu_tit{ margin-bottom:50px;}
.in-ser .xiangmu_tit img{ display:block; width:100%; max-width:543px;}
.in-ser .in-ser-js{width: 100%;position: absolute;
    left: 50%;
    top:50%; 
    transform: translateX(-50%) translateY(-50%);}
.in-ser .in-ser-js .pic{width: calc(25% - 29px);float:left; margin-right:29px; position:relative; overflow:hidden; }
.in-ser .in-ser-js .pic img{ display:block; width:100%;}
.in-ser .in-ser-js .con{ width: 100%;  padding: 0 0; height:auto;position: absolute; bottom:-300%;left: 0;text-align: center;transition: all 0.7s ease;}
.in-ser .in-ser-js .con img{display:block; width:100%;}
.in-ser .in-ser-js .con .center{ font-size:12px; line-height:22px; text-align:left; color:#fff; }
.in-ser .in-ser-js .con .bottom{ color:#fff; font-size:12px; text-align:left; line-height:22px;}
.in-ser .in-ser-js .swiper-slide:hover{border-bottom: none;}
.in-ser .in-ser-js .swiper-slide:hover .con{padding: 0 0%;width:100%; bottom:0; }
.in-ser .in-ser-js .swiper-button-prev{left: 5%; background-image: url(../images/a016.png); }
.in-ser .in-ser-js .swiper-button-next{right: 5%; background-image: url(../images/a017.png); }
.in-ser .in-ser-js .swiper-button-prev.swiper-button-disabled, .section4 .swiper-button-next.swiper-button-disabled{opacity:0; }
.in-ser .in-ser-js .swiper-button-prev,.in-ser .in-ser-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height:50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1366px ) {
.in-ser .in-ser-t{height:35%;overflow: hidden;}
.in-ser .in-ser-js .con h5{font-size: 18px;}
.in-ser .in-ser-js .con .txt p{font-size: 16px;}
.in-ser .in-ser-js .swiper-button-prev,.in-ser .in-ser-js .swiper-button-next {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-size: 40px 40px;
  }
}
@media only screen and (max-width:1024px ) {
	.in-ser .in-ser-t .title{width: calc(100% - 140px);}
	.in-ser .in-ser-t{height:35%;overflow: hidden;padding-top:calc(3% + 65px);}
}
@media only screen and (max-width: 850px) {
.in-ser .in-ser-js .pic {
    width: calc(50% - 20px);
    margin-right: 10px; margin-left:10px; margin-bottom:20px;
}

.in-ser .xiangmu_tit img{ max-width:280px;}	
.in-ser .xiangmu_tit{ margin-bottom:10px; margin-top:40px;}	
.in-ser .in-ser-js .con {
    width: 100%;
    padding: 0 0;
    height: auto;
    position: absolute;
    bottom: -120%;
    left: 0;
    text-align: center;
    transition: all 0.7s ease;
}
.in-ser .in-ser-js .swiper-slide:hover .con{padding: 0 0%;width: 100%; bottom:0;  }
.join .contact2 .index_foot{ height:auto;}
.join .contact2 .ny_foot{ height:auto;}
.juzhong{top: 0%;
    left: 0%;
    width: 100%;
    height: auto;
    transform: translateX(-0%) translateY(-0%);
    position:relative;}
	.join .contact2 .index_foot .contact_con{ width:94%;}
	.join .contact2 .index_foot .contact_con dl dt{ width:100%; margin-top:20px;}
	.join .contact2 .index_foot .contact_con dl dt img{ max-width:140px;}
	.join .contact2 .index_foot .contact_con dl dd { font-size:14px; margin-bottom:10px;}
	.join .contact2 .index_foot .contact_con dl dd p{ margin-bottom:0;}
}
@media only screen and (max-width: 370px) {
	.in-ser .in-ser-t .title h6{display: none;}
	.in-ser .in-ser-t .more{margin-top: 0;}
}
.in-banner{width: 100%;height: auto;margin-top: 80px;}
.in-banner img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1024px ) {
.in-banner{margin-top: 50px;}	
}
#section3{position: relative; background:#fffafa;}
#section3 dl{ margin:0 auto; width:100%;  padding:0 0%; position:relative;}
#section3 dl dt{ float:left; width:38%; margin:0 0 0 0; padding:0;}
#section3 dl dt .news_tit img{ display:block; max-width:305px; width:100%;}
#section3 dl dt .news_text{ position:absolute; bottom:20px; left:0%; width:25%;}
#section3 dl dt .news_text h3{ font-size:35px; line-height:50px; font-weight:normal; margin-bottom:15px;}
#section3 dl dt .news_text p{ font-size:16px; line-height:29px;}
#section3 dl dd{ float:left; width:62%; margin-right:0;}
#section3 .in-ab-l{width: 100%; max-width:1240px;height: auto;text-align: left; position: absolute;
    left: 50%;
    top: 50%; 
    transform: translateX(-50%) translateY(-50%);}
#section3 .in-ab-l .in-ab-lc{ margin-top:91px;}	
#app { width:100%;overflow: hidden; }
.ui-big-images {  width:calc(100% - 150px); float:left; margin-right:15px; display: flex; }
.ui-big-image { width: 100%; margin-right: -100%;  }
.ui-big-image img { -o-object-fit: cover; object-fit: cover; border-radius:17px 17px 0 0; -o-object-position: center 20%; object-position: center 20%;  height:calc(100% - 2px); display: block;
    margin: 1px; }
.ui-big-image img:hover { transform: scale(1.2) }
/*.ui-big-image2 img:hover{transition: transform 1s cubic-bezier(.23, 1, .32, 1); transform: scale(1);width: calc(100% - 2px);}*/
/*.ui-big-image2 img:hover { transform: scale(1.2) }*/

@media (max-height: 600px) {
.ui-big-image img { -o-object-position: center center; object-position: center center; }
}
.ui-thumbnails { width:135px; float:left;  }
.ui-thumbnail { display: block; width:100%; cursor: pointer; position:relative; margin-bottom:20px;border-radius:8px; overflow:hidden; }
.ui-cuticle {  position: absolute; bottom: 0;  
 height: 6px; left: 50%; background: #c64543; width: 1px; transform: scaleX(0); opacity: 0; transition: all 1s;}
.ui-thumbnail > img { width: auto; }
.ui-content { position: absolute;  width:calc(100% - 150px); left: 0; bottom: 0px; }
.ui-content span{ position:absolute; top:-50px; z-index:3; left:25px; opacity:0.8; color:#fff; font-size:32px;}
.ui-articles { background: #fff; border-bottom:0px solid #c64543; border-radius:0 0 7px 7px; color:#595757; display: flex; align-items: stretch; }
.ui-article { padding: 25px; width:calc(100% - 50px);  display: none; flex-direction: column; justify-content: center; }
.ui-paragraph { margin: 0;  font-size: 16px;
line-height: 1.7; 
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 3;
  -moz-box-orient: vertical;
  overflow-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
}
.ui-nav { position: absolute; right: 0; bottom: 100%; display:none; background: inherit; }
.ui-nav button { background: #aaa; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;width: 2em; color: #FFF; font-family: monospace; transition: inherit; transition-duration: 300ms; }
.ui-nav button:hover, .ui-nav button:focus { background: #c64543; outline: none; }
.ui-nav button:active { outline: none; -webkit-transform: translateY(0.25em); transform: translateY(0.25em); transition-duration: 100ms; }
.ui-heading { margin: 0; margin-bottom: 20px; font-size:27px; font-weight: normal;line-height: 37px; }
.ui-big-image { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.ui-big-image img { -webkit-transform: scale(0.85); transform: scale(0.85); max-height:400px; }
.ui-big-image[data-active] ~ .ui-big-image { -webkit-transform: translateX(100%); transform: translateX(100%); }
.ui-big-image[data-active] { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
.ui-big-image[data-active] img { -webkit-transform: scale(1); transform: scale(1); }

.ui-big-image{overflow:hidden;border-radius: 17px 17px 0 0;}
.ui-big-image img:hover{transition: transform 1s cubic-bezier(.23, 1, .32, 1); transform: scale(1);width: calc(100% - 2px);}
.ui-big-image img:hover { transform: scale(1.2) }
/* ---------------------------------- */
.ui-article { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.ui-article[data-active] ~ .ui-article { -webkit-transform: translateX(100%); transform: translateX(100%); }
.ui-article[data-active] { -webkit-transform: translateX(0%); transform: translateX(0%); display:block; }
.ui-article[data-active]:before { opacity: 0; }
/* ---------------------------------- */
.ui-thumbnail > img { }
.ui-thumbnail:active > img { -webkit-transform: scale(0.9); transform: scale(0.9); transition-duration: 100ms; }
.ui-thumbnail:focus { outline: none; }
.ui-cuticle { }
.ui-thumbnail[data-active] > img, .ui-thumbnail:hover > img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.ui-thumbnail[data-active] .ui-cuticle { display: block; transform: scaleX(1); left: 0px; opacity: 1; width: 100%;}
.ui-cuticle2 { content: ""; width: 0; height: 6px; background: #c64543;border-radius:0 0 7px 7px; position: absolute; bottom:-82px; z-index:99; left: 50%; transition: all .8s;}
.ui-big-image[data-active] .ui-cuticle2 { left: 0%; width: 100%; }
@media only screen and (max-width:1224px ) {
#section3 .in-ab-l{ width:94%;}	
	}
@media only screen and (max-width:1084px ) {
#section3 dl dd{ width:66%;}
#section3 dl dt{ width:34%;}
.ui-heading{ line-height:34px; font-size:22px;}
}
@media only screen and (max-width:850px ) {
.join .contact2 .index_foot .contact_con{ border-bottom:0;}
.join .contact2{position: absolute;
    left: 50%;
    top: 50%; 
    transform: translateX(-50%) translateY(-50%); height:auto;  }
	#section3 dl dd{ width:100%;}
#section3 dl dt{ width:100%; }
#section3 dl dt .news_text{ position:relative; bottom:0; left:0%; width:100%;}
#section3 dl dt .news_text p{ line-height:25px; font-size:13px; margin-bottom:12px;}
#section3 dl dt .news_text h3{display:none;}
.ui-thumbnails{ width:0;}
.ui-content{ width:100%;bottom:0;}
.ui-article{ padding:10px; width:calc(100% - 20px);}
.ui-big-images{ width:100%; margin-right:0;}
#section3 dl dt .news_tit img{ max-width:120px; margin-bottom:20px;}
.ui-heading{ font-size:16px;white-space: nowrap; margin-bottom:0; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;display: inline-block;line-height: 26px;}
.ui-paragraph{display: inline-block; font-size:12px;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}
.ui-content span{ font-size:16px; left:10px; top:-25px;}
.ui-nav{ display:block;}
.in-ab-l .in-ab-lc dl dt .gy_tit{ width:100%;}
.in-ab-l .in-ab-lc dl dt .gy_tit img{ max-width:210px;}
.in-ab-l .in-ab-lc dl dt .gy_text{ width:100%;}
.in-ab-l .in-ab-lc dl dt .shuzi ul li{ padding-top:0;}
#section3 .in-ab-l .in-ab-lc{ margin-top:50px;}	
}

@media only screen and (max-width:850px ) {
.in-ab-l .in-ab-lc dl dt .shuzi ul li{margin-top: 3%;}
}
@media only screen and (max-width:640px ) {
.in-ab-l .in-ab-lc dl dt .shuzi ul li{margin-top: 4%;}
}
@media only screen and (max-width:480px ) {
.in-ab-l .in-ab-lc dl dt .shuzi ul li{margin-top: 6%;}
}

/* 首页页面css */
.fp-auto-height {
    height: auto;
}
.con{

}
.con img{
/* visibility: hidden; */
}
.box,.pic{
width: 100%;
height: 326px;
}
.box .top{
display: flex;
justify-content: space-around;
height: 70px;
padding-top: 35px;
}
.top .left p{
font-size: 30px;
width: 100%;
line-height: 35px;
color:#fff;
text-align: center;
}
.top .left p:last-child{
font-weight: bold;
}
.top .right img{
width: 80%;
height: 80%;
}
.center{text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
word-break: break-all;
overflow: hidden;}
.center,.bottom{
width: 81%;
margin: 0 auto;
padding-top: 20px;
font-size: 12px;;
text-align: left;
color:#fff;
}
.pic .top_{
padding-top: 15px;;
}
.pic .top_ img{
width: 60px !important;
margin: 0 auto;
padding-top: 30px;;
}
.pic .center p:last-child{
font-weight: bold;
}
.pic .center,.pic .bottom{
padding-top: 40px;;

color:#333;
font-size: 30px;
text-align: center;
line-height: 37px;
}
.pic .bottom{
font-size: 13px;

}



@media only screen and (max-width:850px ) {
.in-ser .in-ser-js .pic .top_{ padding-top:10px;}
.in-ser .in-ser-js .pic .top_ img {
    width: 30px !important;
    margin: 0 auto;
    padding-top: 10px;
}
.in-ser .in-ser-js .pic .center,.in-ser .in-ser-js .pic .bottom {
    padding-top: 15px;
    color: #333;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
}
.in-ser .in-ser-js .pic .bottom img{ max-width:24px !important;}
.in-ser .in-ser-js .box,.in-ser .in-ser-js .pic{ height:160px !important;}
.in-ser .in-ser-js .top .left p{ font-size:16px; line-height:21px;}
.in-ser .in-ser-js .box .top{ height:40px; padding-top:15px;}
.in-ser .in-ser-js .top .right img{ max-width:40px !important;}
.in-ser .in-ser-js .con .bottom{ display:none;}
.in-ser .in-ser-js .con .center{ line-height:18px; color:#fff; font-size:12px; text-align:left;}
}