﻿@charset "utf-8";
/* CSS Document */
body{font:normal normal 0.32rem/1 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;color: #000;background: #f4f4f4;}
textarea,input{font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
img{display:block;border: none;}
.clear:after {content:"";display: block;clear:both;}
input[type=button], input[type=submit], input[type=file], input[type=reset], button { cursor: pointer; -webkit-appearance: none;}
body,p,ol,ul,h1,h2,h3,h4,h5,h6{margin: 0;padding:0;list-style: none;font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
button{font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
a{color:inherit;text-decoration: none;}
.i100{overflow:hidden;}
.i100>img{width: 100%;}
.i200{overflow: hidden;}
.i200>img{height: 100%;}
a>img{width: 100%;}
.to1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.a1{position: relative;}
.a1>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}
input{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
select{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
button{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
textarea{border: 0;display: block;outline: none;background: none;box-sizing: border-box;resize: none;}

/*{rollscreen}
#dowebok{width: 100%;height: 100%;overflow: hidden;}
.section{overflow: hidden;height: 100%;position: relative;box-sizing: border-box;transition: 0.3s;transition-timing-function: linear;transform-origin: 50% 50%;}
.f1{background: #fff;position: relative;}
.f2{background: url(../images/b02.jpg) #fff no-repeat;background-position: center center;background-size: 104% auto;position: relative;}
.f3{background: url(../images/b03.jpg) #fff no-repeat;background-position: center center;background-size: 104% auto;position: relative;}
.f4{background: url(../images/b04.jpg) #fff no-repeat;background-position: center center;background-size: 104% auto;position: relative;}
.f5{background: url(../images/b05.jpg) #fff no-repeat;background-position: center center;background-size: 104% auto;position: relative;}
.fp-tableCell{vertical-align: top!important;}
.touchy{touch-action: pan-y;}*/

/*{hd1}*/
.hd1-a1{width: 100%;height: 1rem;position: fixed;top: 0;left: 0;z-index: 10;}
.hd1-a2{height: 0.7rem;position: absolute;top: calc(50% - 0.7rem/2);left: 0.24rem;}
.hd1-a3{height: 0.4rem;position: absolute;top: calc(50% - 0.4rem/2);right: 1.16rem;cursor: pointer;}
.hd1-a4{width: 0.42rem;height: 0.4rem;position: absolute;top: calc(50% - 0.4rem/2);right: 0.24rem;cursor: pointer;}
.hd1-a4>div{height: 0.04rem;border-radius: 0.02rem;position: absolute;left: 0;transform-origin: 50% 50%;background: #fff;}
.hd1-a4>div:nth-child(1){width: 100%;top: 0;transition: 0.5s;}
.hd1-a4>div:nth-child(2){width: 0.34rem;top: calc(50% - 0.04rem/2);transition: 0.5s;}
.hd1-a4>div:nth-child(3){width: 100%;top: calc(100% - 0.04rem);transition: 0.5s;}
.hd1-a4.on1>div:nth-child(1){top: calc(50% - 0.04rem/2);transform: rotate(405deg);transition: 0.5s;}
.hd1-a4.on1>div:nth-child(2){width: 0;transition: 0.5s;}
.hd1-a4.on1>div:nth-child(3){top: calc(50% - 0.04rem/2);transform: rotate(-405deg);transition: 0.5s;}
.hd1-a5{width: 5rem;height: 100%;position: absolute;top: 0;left: 0.24rem;display: none;}
.hd1-a6{height: 0.3rem;position: absolute;top: calc(50% - 0.3rem/2);left: 0;cursor: pointer;}
.hd1-a7{height: 0.4rem;position: absolute;top: calc(50% - 0.4rem/2);right: 0;cursor: pointer;}
.hd1-a7+input{display: none;}
.hd1-a8{width: 3.6rem;height: 0.8rem;position: absolute;top: calc(50% - 0.8rem/2);left: calc(50% - 3.6rem/2);}
.hd1-a8 input{width: 100%;height: 100%;font-size: 0.26rem;line-height: 0.8rem;color: #fff;}
.hd1-a8 input::-webkit-input-placeholder{color: #fff;}
.hd1-a8 input::-moz-placeholder{color: #fff;}
.hd1-a8 input:-moz-placeholder{color: #fff;}
.hd1-a8 input:-ms-input-placeholder{color: #fff;}
.hd1-a9{width: 3.6rem;height: 1px;background: #fff;position: absolute;top: calc(50% + 0.8rem/2);left: calc(50% - 3.6rem/2);}
.hd1-b1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9;overflow: hidden;padding: 1.08rem 0.2rem 1.4rem 0.2rem;box-sizing: border-box;background: #189e01;display: none;}
.hd1-b2{width: 100%;height: 100%;position: relative;overflow: hidden;overflow-y: auto;}
.hd1-b3{width: 100%;position: relative;}
.hd1-b4{width: 100%;height: 1rem;position: relative;cursor: pointer;font-size: 0.32rem;line-height: 1rem;color: #fff;text-indent: 0.24rem;}
.hd1-b4>a{font-size: 0.32rem;line-height: 1rem;color: #fff;text-indent: 0.24rem;}
.hd1-b4>b{width: 0.08rem;height: 0.34rem;background: #fff;display: block;position: absolute;top: calc(50% - 0.34rem/2);left: 0;border-radius: 0.04rem;}
.hd1-b4>i{width: 0.3rem;height: 0.3rem;position: absolute;top: calc(50% - 0.3rem/2);right: 0;display: block;}
.hd1-b4>i>i:nth-child(1){width: 100%;height: 1px;background: #fff;display: block;position: absolute;top: calc(50% - 1px/2);left: 0;transition: 0.5s;transform-origin: 50% 50%;}
.hd1-b4>i>i:nth-child(2){width: 1px;height: 100%;background: #fff;display: block;position: absolute;top: 0;left: calc(50% - 1px/2);transition: 0.5s;transform-origin: 50% 50%;}
.hd1-b4.on1>i>i:nth-child(1){transition: 0.5s;}
.hd1-b4.on1>i>i:nth-child(2){transform: rotate(90deg);transition: 0.5s;}
.hd1-b3 ul{width: 100%;position: relative;background: #fff;border-radius: 0.1rem;padding: 0.2rem;padding-right: 0;box-sizing: border-box;display: none;}
.hd1-b3 ul li{height: 0.8rem;font-size: 0.24rem;line-height: 0.8rem;color: #189e01;float: left;margin-right: 0.2rem;min-width: calc(25% - 0.2rem);}

/*{hd2}*/
.hd2-a0{width: 100%;height: calc(1rem + 1px);position: relative;}
.hd2-a1{width: 100%;height: 1rem;position: fixed;top: 0;left: 0;z-index: 10;background: #fff;border-bottom: 1px solid #cfcfcf;}
.hd2-a2{height: 0.7rem;position: absolute;top: calc(50% - 0.7rem/2);left: 0.24rem;}
.hd2-a3{height: 0.4rem;position: absolute;top: calc(50% - 0.4rem/2);right: 1.16rem;cursor: pointer;}
.hd2-a4{width: 0.42rem;height: 0.4rem;position: absolute;top: calc(50% - 0.4rem/2);right: 0.24rem;cursor: pointer;}
.hd2-a4>div{height: 0.04rem;border-radius: 0.02rem;position: absolute;left: 0;transform-origin: 50% 50%;background: #189e01;}
.hd2-a4>div:nth-child(1){width: 100%;top: 0;transition: 0.5s;}
.hd2-a4>div:nth-child(2){width: 0.34rem;top: calc(50% - 0.04rem/2);transition: 0.5s;}
.hd2-a4>div:nth-child(3){width: 100%;top: calc(100% - 0.04rem);transition: 0.5s;}
.hd2-a4.on1>div:nth-child(1){top: calc(50% - 0.04rem/2);transform: rotate(405deg);transition: 0.5s;}
.hd2-a4.on1>div:nth-child(2){width: 0;transition: 0.5s;}
.hd2-a4.on1>div:nth-child(3){top: calc(50% - 0.04rem/2);transform: rotate(-405deg);transition: 0.5s;}
.hd2-a5{width: 5rem;height: 100%;position: absolute;top: 0;left: 0.24rem;display: none;}
.hd2-a6{height: 0.3rem;position: absolute;top: calc(50% - 0.3rem/2);left: 0;cursor: pointer;}
.hd2-a7{height: 0.4rem;position: absolute;top: calc(50% - 0.4rem/2);right: 0;cursor: pointer;}
.hd2-a7+input{display: none;}
.hd2-a8{width: 3.6rem;height: 0.8rem;position: absolute;top: calc(50% - 0.8rem/2);left: calc(50% - 3.6rem/2);}
.hd2-a8 input{width: 100%;height: 100%;font-size: 0.26rem;line-height: 0.8rem;color: #189e01;}
.hd2-a8 input::-webkit-input-placeholder{color: #189e01;}
.hd2-a8 input::-moz-placeholder{color: #189e01;}
.hd2-a8 input:-moz-placeholder{color: #189e01;}
.hd2-a8 input:-ms-input-placeholder{color: #189e01;}
.hd2-a9{width: 3.6rem;height: 1px;background: #189e01;position: absolute;top: calc(50% + 0.8rem/2);left: calc(50% - 3.6rem/2);}
.hd2-b1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9;overflow: hidden;padding: 1.08rem 0.2rem 1.4rem 0.2rem;box-sizing: border-box;background: #189e01;display: none;}
.hd2-b2{width: 100%;height: 100%;position: relative;overflow: hidden;overflow-y: auto;}
.hd2-b3{width: 100%;position: relative;}
.hd2-b4{width: 100%;height: 1rem;position: relative;cursor: pointer;font-size: 0.32rem;line-height: 1rem;color: #fff;text-indent: 0.24rem;}
.hd2-b4>a{font-size: 0.32rem;line-height: 1rem;color: #fff;text-indent: 0.24rem;}
.hd2-b4>b{width: 0.08rem;height: 0.34rem;background: #fff;display: block;position: absolute;top: calc(50% - 0.34rem/2);left: 0;border-radius: 0.04rem;}
.hd2-b4>i{width: 0.3rem;height: 0.3rem;position: absolute;top: calc(50% - 0.3rem/2);right: 0;display: block;}
.hd2-b4>i>i:nth-child(1){width: 100%;height: 1px;background: #fff;display: block;position: absolute;top: calc(50% - 1px/2);left: 0;transition: 0.5s;transform-origin: 50% 50%;}
.hd2-b4>i>i:nth-child(2){width: 1px;height: 100%;background: #fff;display: block;position: absolute;top: 0;left: calc(50% - 1px/2);transition: 0.5s;transform-origin: 50% 50%;}
.hd2-b4.on1>i>i:nth-child(1){transition: 0.5s;}
.hd2-b4.on1>i>i:nth-child(2){transform: rotate(90deg);transition: 0.5s;}
.hd2-b3 ul{width: 100%;position: relative;background: #fff;border-radius: 0.1rem;padding: 0.2rem;padding-right: 0;box-sizing: border-box;display: none;}
.hd2-b3 ul li{height: 0.8rem;font-size: 0.24rem;line-height: 0.8rem;color: #189e01;float: left;margin-right: 0.2rem;min-width: calc(25% - 0.2rem);}

/*{lan1}*/
.lan1-a1{position: absolute;bottom: 0.4rem;left: 0.24rem;z-index: 2;}
.lan1-a2{font-size: 0.22rem;line-height: 0.22rem;color: #fff;text-transform: uppercase;margin-bottom: 0.26rem;}
.lan1-a3{width: 0.7rem;height: 1px;background: rgba(255,255,255,0.6);margin-bottom: 0.24rem;}
.lan1-a4{position: relative;}
.lan1-a4 div{width: 0.42rem;margin-right: 0.3rem;float: left;}

/*{ind1}*/
.ind1-a1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;overflow: hidden;z-index: 0;}
.ind111{width: 100%!important;height: 100%!important;position: relative;}
.ind111 .swiper-slide{width: 100%!important;height: 100%!important;position: relative;}
.ind112{display: none;}
.ind113{width: 0.38rem;height: 0.74rem;margin: 0;padding: 0;position: absolute;bottom: 0.3rem;right: calc(50% - 0.38rem/2);top: auto;left: auto;background: none;}
.ind113>div{width: 0.16rem;height: 0.21rem;position: absolute;top: 0.42rem;left: calc(50% - 0.16rem/2);overflow: hidden;}
.ind113>div img{width: 100%;position: absolute;left: 0;animation: arrow1 1s linear infinite;}
@keyframes arrow1{0%{bottom: 0;}100%{bottom: -0.21rem;}}

/*{t1}*/
.t1-a1{width: 100%;position: relative;}
.t1-a2{width: 100%;font-size: 0.22rem;line-height: 0.22rem;color: #fff;text-align: center;text-transform: uppercase;margin-bottom: 0.14rem;}
.t1-a3{width: 100%;font-size: 0.36rem;line-height: 0.36rem;color: #fff;text-align: center;}
.t1-b1{width: calc(100% - 0.7rem*2);position: relative;}
.t1-b2{width: 100%;font-size: 0.22rem;line-height: 0.22rem;color: #fff;text-transform: uppercase;margin-bottom: 0.14rem;}
.t1-b3{width: 100%;font-size: 0.36rem;line-height: 0.36rem;color: #fff;margin-bottom: 0.2rem;}
.t1-b4{width: 100%;font-size: 0.22rem;line-height: 0.36rem;color: #fff;}

/*{ft1}*/
body{width: 100%;position: relative;padding-bottom: 1.42rem;box-sizing: border-box;}
.ft1-a1{width: 100%;position: absolute;bottom: 0;left: 0;border-top: 0.02rem solid #8990b4;background: #f4f4f4;}
.ft1-a2{width: calc(100% - 0.24rem*2);padding: 0.3rem 0;margin: 0 auto;font-size: 0.24rem;line-height: 0.4rem;color: #505050;text-align: center;}

/*{lan2}*/
.lan2-a0{width: 100%;height: calc(0.96rem + 1px);position: relative;}
.lan2-a1{width: 100%;height: 0.96rem;border-bottom: 1px solid #dedede;position: fixed;top: calc(1rem + 1px);left: 0;z-index: 8;background: #fff;overflow: hidden;}
.lan2-a2{width: 100%;height: 100%;padding: 0.22rem 0;box-sizing: border-box;position: relative;overflow: hidden;overflow-x: auto;}
.lan2-a3{height: 0.52rem;padding: 0 0.24rem;text-align: center;white-space: nowrap;}
.lan2-a4{height: 0.52rem;padding: 0 0.24rem;border-radius: 0.04rem;font-size: 0.26rem;line-height: 0.52rem;color: #333333;white-space: nowrap;margin-right: 0.28rem;display: inline-block;position: relative;}
.lan2-a4.on1{background: #189e01;color: #fff;}
.lan2-a4 b{width: 0.02rem;height: 0.26rem;display: block;background: #8c8c8c;position: absolute;top: calc(50% - 0.26rem/2);right: calc(-0.28rem/2 + 0.01rem);}
.lan2-a4:last-child b{display: none;}
.lan2-a4.on1 b{display: none;}

/*{f1}*/
.f1-a1{width: 100%;height: 100%;position: relative;}
.f111{width: 100%!important;height: 100%!important;position: relative;}
.f111 .swiper-slide{width: 100%!important;height: 100%!important;position: relative;}
.f1-a2{width: 100%;height: 100%;}
.f1-a2 img{min-height: 100%;}
.f1-a3{width: calc(100% - 0.24rem*2);font-size: 0.32rem;line-height: 0.4rem;color: #fff;text-align: center;text-indent: 0.1rem;letter-spacing: 0.1rem;position: absolute;top: 3.32rem;left: 0.24rem;}
.f1-a4{width: calc(100% - 0.24rem*2);font-size: 0.54rem;line-height: 0.6rem;color: #fff;text-align: center;text-indent: 0.1rem;letter-spacing: 0.1rem;position: absolute;top: 7.5rem;left: 0.24rem;}

/*{f2}*/
.f2-a1{width: 100%;height: 100%;position: relative;}
.f2-a1{background: url(../images/b02.jpg) no-repeat #fff;background-size: 100% 100%;background-position: top center;}
.f2-a1 .t1-a1{position: absolute;top: 1.72rem;left: 0;}
.f2-a2{width: calc(100% - 0.6rem*2);position: absolute;top: 6.55rem;left: 0.6rem;}
.f2-a3{position: relative;width: 50%;float: left;}
.f2-a4{position: relative;text-align: center;margin-bottom: 0.22rem;}
.f2-a4>span:nth-child(1){font-size: 0.44rem;line-height: 0.34rem;color: rgba(255,255,255,0);font-family: Arial;position: relative;}
.f2-a4>span:nth-child(1)>span:nth-child(1){font-size: 0.44rem;line-height: 0.34rem;color: rgba(255,255,255,0);font-family: Arial;position: relative;}
.f2-a4>span:nth-child(1)>span:nth-child(2){font-size: 0.44rem;line-height: 0.34rem;color: #fff;font-family: Arial;position: absolute;top: 0;right: 0;}
.f2-a4>span:nth-child(2){font-size: 0.22rem;line-height: 0.22rem;color: #fff;position: relative;top: -0.48rem;left: 0.3rem;margin-left: -0.3rem;}
.f2-a5{font-size: 0.22rem;line-height: 0.22rem;color: #fff;text-align: center;margin-bottom: 0.86rem;}
.f2-b1{width: 2.52rem;height: 2.52rem;border-radius: 50%;position: absolute;top: 3.58rem;left: calc(50% - 2.52rem/2);}
.f2-b2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.f2-b3{position: absolute;}
.f2-b3:nth-child(1){width: 0.24rem;height: 0.03rem;border-top: 1px solid rgba(255,255,255,0);border-top-left-radius: 50%;border-top-right-radius: 50%;top: 0;left: calc(50% - 0.24rem/2);}
.f2-b3:nth-child(2){width: 0.03rem;height: 0.24rem;border-left: 1px solid rgba(255,255,255,0);border-top-left-radius: 50%;border-bottom-left-radius: 50%;top: calc(50% - 0.24rem/2);left: 0;}
.f2-b3:nth-child(3){width: 0.24rem;height: 0.03rem;border-bottom: 1px solid rgba(255,255,255,0);border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;bottom: 0;left: calc(50% - 0.24rem/2);}
.f2-b3:nth-child(4){width: 0.03rem;height: 0.24rem;border-right: 1px solid rgba(255,255,255,0);border-top-right-radius: 50%;border-bottom-right-radius: 50%;top: calc(50% - 0.24rem/2);right: 0;}
.f2-b4{width: 0.44rem;height: 0.44rem;position: absolute;display: none;}
.f2-b3:nth-child(1) .f2-b4{bottom: 0.32rem;left: calc(50% - 0.44rem/2);}
.f2-b3:nth-child(2) .f2-b4{right: 0.32rem;top: calc(50% - 0.44rem/2);}
.f2-b3:nth-child(3) .f2-b4{top: 0.32rem;left: calc(50% - 0.44rem/2);}
.f2-b3:nth-child(4) .f2-b4{left: 0.32rem;top: calc(50% - 0.44rem/2);}
.f2-b3.on1 .f2-b4{display: block;}
.f2-b4 img{max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.f2-b5{position: absolute;display: none;font-size: 0.20rem;line-height: 0.20rem;color: #fff;text-align: center;}
.f2-b3:nth-child(1) .f2-b5{width: 0.88rem;height: 0.28rem;top: 14px;left: calc(50% - 0.88rem/2);}
.f2-b3:nth-child(2) .f2-b5{width: 0.28rem;height: 0.88rem;left: 14px;top: calc(50% - 0.88rem/2);}
.f2-b3:nth-child(3) .f2-b5{width: 0.88rem;height: 0.28rem;bottom: 14px;left: calc(50% - 0.88rem/2);}
.f2-b3:nth-child(4) .f2-b5{width: 0.28rem;height: 0.88rem;right: 14px;top: calc(50% - 0.88rem/2);}
.f2-b3.on1 .f2-b5{display: block;}
.f2-b6{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.f2-b6 img{height: 100%;}
.f2-b7{width: 0;height: 0;position: absolute;top: 0;left: 50%;}
.f2-b7>div{width: 24px;height: 24px;border-radius: 50%;background: rgba(225,0,53,0.28);position: absolute;top: -12px;left: -12px;}
.f2-b7>div>div{width: 10px;height: 10px;border-radius: 50%;background: #e10035;position: absolute;top: calc(50% - 10px/2);left: calc(50% - 10px/2);}

/*{f3}*/
.f3-a1{width: 100%;height: 100%;position: relative;}
.f3-a2{width: 100%;height: 100%;position: relative;}
.f3-a2>img{/*width: 100%;*/min-height: 100%;position: absolute;top: 0;/*left: 0;*/display: none;left: calc(50% - 960px);}
.f3-a1 .t1-a1{position: absolute;top: 2.9rem;left: 0;}
.f3-a3{width: calc((4.68rem + 0.24rem)*2);height: 2.36rem;position: absolute;top: 7.1rem;left: 0;}
.f333{width: 100%!important;height: 100%!important;position: relative;}
.f333 .swiper-slide{width: 50%!important;height: 100%!important;position: relative;}
.f3-b1{width: 4.68rem;height: 100%;position: relative;margin-left: 0.24rem;background: rgba(229,229,229,0.46);}
.f3-b2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;transition: 0.5s;}
.f3-b1.on1 .f3-b2{width: calc(100% - 0.06rem*2);height: calc(100% - 0.06rem*2);top: 0.06rem;left: 0.06rem;transition: 0.5s;}
.f3-b2>img{min-height: 100%;}
.f3-b3{width: calc(100% - 0.34rem*2);font-size: 0.24rem;line-height: 0.36rem;color: #fff;position: absolute;bottom: 0.14rem;left: 0;right: 0;margin: auto;}
.f3-b4{display: none;}

/*{f4}*/
.f4-a1{width: 100%;height: 100%;position: relative;}
.f4-a1{background: url(../images/b04.jpg) no-repeat #fff;background-size: 100% 100%;background-position: top center;}
.f4-a1 .t1-b1{position: absolute;top: 1.4rem;left: 0.7rem;}
.f4-a2{width: 100%;height: 7.1rem;position: absolute;top: 3.45rem;left: 0;overflow: hidden;overflow-x: auto;}
.f4-a3{position: relative;height: 100%;padding: 0 0.7rem;}
.f4-b1{width: 4.2rem;height: 100%;float: left;position: relative;}
.f4-b2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.f4-b2>div{width: 100%;height: 100%;position: absolute;left: 0;}
.f4-b2>div:nth-child(1){background: rgba(0,0,0,0.3);top: 0;transition: 0.5s;}
.f4-b2>div:nth-child(2){background: rgba(0,74,154,0.89);transition: 0.5s;}
.f4-b1:nth-child(odd) .f4-b2>div:nth-child(2){top: -100%;}
.f4-b1:nth-child(even) .f4-b2>div:nth-child(2){top: 100%;}
.f4-b1:nth-child(odd):active .f4-b2>div:nth-child(1){top: 100%;transition: 0.5s;}
.f4-b1:nth-child(even):active .f4-b2>div:nth-child(1){top: -100%;transition: 0.5s;}
.f4-b1:active .f4-b2>div:nth-child(2){top: 0;transition: 0.5s;}
.f4-b3{position: absolute;top: 0.72rem;left: 0.2rem;}
.f4-b3>span:nth-child(1){font-size: 0.52rem;line-height: 0.4rem;color: #fff;}
.f4-b3>span:nth-child(2){font-size: 0.22rem;line-height: 0.22rem;color: #fff;}
.f4-b4{width: calc(100% - 0.2rem*2);height: calc(0.36rem*2);font-size: 0.24rem;line-height: 0.36rem;color: #fff;position: absolute;top: 1.3rem;left: 0.2rem;}
.f4-b4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.f4-b5{width: calc(100% - 0.2rem*2);height: 2.07rem;position: absolute;top: 2.33rem;left: 0.2rem;}
.f4-b5>img{min-height: 100%;}
.f4-b6{width: calc(100% - 0.2rem*2);max-height: calc(0.36rem*4);font-size: 0.24rem;line-height: 0.36rem;color: #fff;position: absolute;top: 4.7rem;left: 0.2rem;}
.f4-b6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;white-space: normal;}
.f4-b7{width: 0.4rem;position: absolute;bottom: 0.46rem;left: 0.2rem;}

/*{f5}*/
.f5-a1{width: 100%;height: 100%;position: relative;}
.f5-a1{background: url(../images/b05.jpg) no-repeat #fff;background-size: 100% 100%;background-position: top center;}
.f5-a1 .t1-a1{position: absolute;top: 1.52rem;left: 0;}
.f5-a2{width: calc(100% - 0.6rem*2);position: absolute;top: 2.78rem;left: 0.6rem;}
.f5-a3{position: relative;margin-bottom: 0.5rem;}
.f5-a3:nth-child(odd){width: calc(100% - 2.4rem);float: left;}
.f5-a3:nth-child(even){width: 2rem;float: right;}
.f5-a4{position: relative;}
.f5-a5{position: relative;}
.f5-a5>div:nth-child(1){font-size: 0.24rem;line-height: 0.36rem;color: #fff;font-family: Arial;text-transform: uppercase;font-weight: bold;}
.f5-a5>div:nth-child(2){font-size: 0.24rem;line-height: 0.36rem;color: #fff;}
.f5-a6{width: 0.54rem;position: relative;margin-bottom: 0.16rem;}
.f5-a7{font-size: 0.24rem;line-height: 0.36rem;color: #fff;margin-bottom: 0.18rem;}
.f5-a7>span{font-size: 0.24rem;}
.f5-a8{width: 1.95rem;}
.f5-a9{width: 1.06rem;}

/*{contact1}*/
.contact1-a1{width: 100%;height: 100%;position: relative;padding: 1rem 0.24rem 1rem 0.24rem;box-sizing: border-box;}
.contact1-a2{width: 100%;position: relative;margin-bottom: 0.36rem;}
.contact1-a2>div:nth-child(1){font-size: 0.34rem;line-height: 0.4rem;color: #333333;}
.contact1-a2>div:nth-child(2){font-size: 0.2rem;line-height: 0.32rem;color: #8d8d8d;}
.contact1-a3{width: 100%;position: relative;margin-bottom: 1rem;}
.contact1-a4{width: calc(100% - 2.4rem);font-size: 0.26rem;line-height: 0.52rem;color: #505050;float: left;}
.contact1-a5{width: 2.1rem;position: relative;float: right;}
.contact1-a5>div{width: 100%;font-size: 0.24rem;line-height: 0.52rem;color: #505050;text-align: center;}
.contact1-a6{width: 100%;height: 4.74rem;position: relative;}
.contact1-a6>div{width: calc((100% - 0.2rem*2)/3);height: 3.95rem;position: relative;float: left;margin-right: 0.2rem;}
.contact1-a6>div:last-child{margin-right: 0;}
.contact1-a6>div:nth-child(odd){top: calc(4.74rem - 3.95rem);}
.contact1-a6>div img{min-height: 100%;/*opacity: 0.8;transition: 0.5s;filter: Gray;-webkit-filter: grayscale(100%);*/}
/*.contact1-a6>div:active img{transform: scale(1.08);opacity: 1;transition: 0.5s;filter: Gray;-webkit-filter: grayscale(0%);}*/

/*{cooperate1}*/
.cooperate1-a1{width: 100%;padding: 0.66rem 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.cooperate1-a2{width: calc((100% - 0.12rem*2)/3);height: 1.1rem;border: 1px solid #ececec;box-sizing: border-box;float: left;margin-right: 0.12rem;margin-bottom: 0.12rem;}
.cooperate1-a2:nth-child(3n){margin-right: 0;}
.cooperate1-a2 img{min-height: 100%;}

/*{intelligence1}*/
.intelligence1-a1{width: 100%;padding: 0.66rem 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.intelligence1-a2{width: calc(50% - 0.24rem/2);height: 2.24rem;border: 1px solid #afafaf;box-sizing: border-box;margin-bottom: 0.3rem;}
.intelligence1-a2:nth-child(odd){float: left;}
.intelligence1-a2:nth-child(even){float: right;}
.intelligence1-a2 img{height: 100%;}

/*{team1}*/
.team1-a1{width: 100%;padding: 0.66rem 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.team1-a2{width: 100%;padding: 0.26rem 0.3rem 0.3rem 2.54rem;box-sizing: border-box;min-height: 3.16rem;background: rgba(200,22,29,0.8);position: relative;margin-bottom: 0.3rem;}
.team1-a3{width: 2.2rem;height: 3.16rem;position: absolute;top: 0;left: 0;}
.team1-a4{font-size: 0.3rem;line-height: 0.4rem;color: #fff;font-weight: bold;margin-bottom: 0.12rem;}
.team1-a5{font-size: 0.24rem;line-height: 0.32rem;color: #fff;}
.team1-a6{font-size: 0.24rem;line-height: 0.32rem;color: #fff;margin-bottom: 0.2rem;}
.team1-a7{width: 100%;height: 1px;background: rgba(255,255,255,0.6);position: relative;margin-bottom: 0.18rem;}
.team1-a7>div{width: 0.36rem;height: 3px;position: relative;top: -1px;background: #fff;}
.team1-a8{font-size: 0.24rem;line-height: 0.36rem;color: #fff;}
.team1-a8.on1{height: calc(0.36rem*3);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
.team1-a9{width: 0.35rem;position: absolute;top: 0.36rem;right: 0.34rem;transition: 0.5s;cursor: pointer;}
.team1-a9.on1{transform: rotateX(180deg);transition: 0.5s;}

/*{about1}*/
.about1-a1{width: 100%;padding: 0.66rem 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.about1-a2{width: 100%;font-size: 0.26rem;line-height: 0.42rem;color: #333333;margin-bottom: 0.7rem;}
.about1-a3{width: 100%;position: relative;cursor: pointer;}
.about1-a4{width: 100%;position: relative;}
.about1-a5{width: 0.68rem;position: absolute;top: calc(50% - 0.68rem/2);left: calc(50% - 0.68rem/2);}
.about1-b1{width: 100%;height: 100%;background: #000;position: fixed;top: 0;left: 0;z-index: 11;display: none;}
.about1-b2{width: calc(100% - 0.24rem*2);height: 0;padding-bottom: calc((100% - 0.24rem*2)/16*9);overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.about1-b2 video{width: 100%!important;height: 100%!important;position: absolute;top: 0;left: 0;}
.about1-b3{width: 0.6rem;height: 0.6rem;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box;position: absolute;top: 0.24rem;right: 0.24rem;cursor: pointer;transform: rotate(45deg);}
.about1-b3>div{background: #fff;position: absolute;}
.about1-b3>div:nth-child(1){width: 0.3rem;height: 2px;top: calc(50% - 1px);left: calc(50% - 0.3rem/2);}
.about1-b3>div:nth-child(2){width: 2px;height: 0.3rem;top: calc(50% - 0.3rem/2);left: calc(50% - 1px);}

/*{history1}*/
.history1-a1{width: 100%;padding: 0.66rem 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.history1-a2{width: 0.08rem;height: calc(100% - 0.66rem - 1rem - 0.3rem);border: 1px solid #cacaca;background: #d5d5d5;border-radius: 0.04rem;box-sizing: border-box;position: absolute;top: 0.66rem;left: 0.3rem;}
.history1-a3{width: 100%;position: relative;}
.history1-a4{width: 100%;position: relative;margin-bottom: 0.3rem;}
.history1-a5{height: 0.24rem;position: absolute;top: calc(50% - 0.24rem/2);left: 0;}
.history1-a6{width: 2.4rem;height: 1.4rem;border-radius: 0.04rem;background: #fff;position: absolute;top: calc(50% - 1.4rem/2);left: 0.42rem;}
.history1-a6>div{width: 2.32rem;height: 1.32rem;border-radius: 0.04rem;position: absolute;top: calc(50% - 1.32rem/2);left: calc(50% - 2.32rem/2);}
.history1-a7{width: calc(100% - 3.06rem - 0.16rem);margin-left: 3.06rem;min-height: 1.4rem;position: relative;display: table;}
.history1-a7>div{font-size: 0.26rem;line-height: 0.4rem;color: #333333;display: table-cell;vertical-align: middle;}

/*{show1}*/
.show1-a1{width: 100%;padding: 0.5rem 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.show1-a2{width: 100%;font-size: 0.32rem;line-height: 0.4rem;color: #333333;text-align: center;margin-bottom: 0.3rem;}
.show1-a3{font-size: 0.24rem;line-height: 0.36rem;color: #888888;margin-bottom: 0.3rem;}
.show1-a3 span{margin-right: 0.5rem;}
.show1-a4{width: 100%;font-size: 0.24rem;line-height: 0.36rem;color: #505050;margin-bottom: 0.6rem;}
.show1-a4 img{max-width: 100%;margin: 0 auto;}
.show1-a5{width: 100%;position: relative;color: #999;font-size: 0.22rem;}
.show1-a5>div{width: 100%;line-height: 0.48rem;color: #333;}
.show1-a5 a{color: #666;font-size: 0.23rem;line-height: 2;}
/*{join1}*/
.join1-a1{width: 100%;padding: 0.66rem 0.24rem 0.6rem 0.24rem;box-sizing: border-box;position: relative;}
.join1-a2{width: 100%;position: relative;}
.join1-a3{width: 100%;height: 0.72rem;position: relative;cursor: pointer;}
.join1-a4{width: 0.14rem;height: 0.14rem;border-radius: 0.07rem;background: #189e01;position: absolute;top: calc(50% - 0.14rem/2);left: 0;transition: 0.5s;}
.join1-a2.on1 .join1-a4{height: 0.34rem;top: calc(50% - 0.34rem/2);transition: 0.5s;}
.join1-a5{width: calc(100% - 0.36rem - 0.5rem);margin-left: 0.36rem;font-size: 0.28rem;line-height: 0.72rem;color: #333333;}
.join1-a6{height: 0.15rem;position: absolute;top: calc(50% - 0.15rem/2);right: 0;cursor: pointer;transition: 0.5s;}
.join1-a2.on1 .join1-a6{transform: rotateX(180deg);transition: 0.5s;}
.join1-a7{width: 100%;margin-bottom: 0.44rem;padding: 0 0.35rem 0.5rem 0.35rem;box-sizing: border-box;border-bottom: 1px solid #d5d5d5;display: none;}
.join1-a8{font-size: 0.26rem;line-height: 0.56rem;color: #505050;}
.join1-a9{font-size: 0.24rem;line-height: 0.44rem;color: #666666;margin-bottom: 0.4rem;}
.join1-a10{width: 1.7rem;height: 0.66rem;border-radius: 0.06rem;background: #47518c;font-size: 0.24rem;line-height: 0.66rem;color: #fff;text-align: center;cursor: pointer;}
.join1-b1{width: 100%;height: 100%;background: #000;position: fixed;top: 0;left: 0;z-index: 11;display: none;}
.join1-b2{width: calc(100% - 0.24rem*2);height: 7.8rem;background: rgba(72,82,141,0.72);border-radius: 0.2rem;padding: 0.24rem;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.join1-b3{font-size: 0.36rem;line-height: 0.54rem;color: #fff;font-weight: bold;text-align: center;margin-bottom: 0.2rem;}
.join1-b4{width: 0.4rem;position: absolute;top: 0.24rem;right: 0.24rem;cursor: pointer;}
.join1-c1{width: 100%;height: 0.8rem;border-bottom: 1px solid rgba(255,255,255,0.3);position: relative;transition: 0.5s;}
.join1-c1.on1{border-bottom: 1px solid #fff;transition: 0.5s;}
.join1-c2{width: 1.6rem;font-size: 0.26rem;line-height: 0.8rem;color: #fff;float: left;}
.join1-c3{width: calc(100% - 1.6rem);height: 0.8rem;padding-top: 0.05rem;box-sizing: border-box;float: left;}
.join1-c3 input{width: 100%;height: 0.7rem;font-size: 0.26rem;line-height: 0.7rem;color: #fff;}
.join1-d1{width: 100%;height: 0.8rem;}
.join1-d2{width: 1.6rem;font-size: 0.26rem;line-height: 0.8rem;color: #fff;float: left;}
.join1-d3{width: 0.3rem;position: relative;top: calc(0.8rem/2 - 0.3rem/2);float: left;margin-right: 0.2rem;cursor: pointer;}
.join1-d3:nth-child(4){margin-left: 0.6rem;}
.join1-d3>div{width: 100%;}
.join1-d3>div>img:nth-child(1){display: block;}
.join1-d3>div>img:nth-child(2){display: none;}
.join1-d3.on1>div>img:nth-child(1){display: none;}
.join1-d3.on1>div>img:nth-child(2){display: block;}
.join1-d3>input{display: none;}
.join1-d4{font-size: 0.26rem;line-height: 0.8rem;color: #fff;float: left;}
.join1-e1{width: 100%;height: 0.8rem;position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);transition: 0.5s;}
.join1-e1.on1{border-bottom: 1px solid #fff;transition: 0.5s;}
.join1-e2{width: 1.6rem;font-size: 0.26rem;line-height: 0.8rem;color: #fff;float: left;}
.join1-e3{width: calc(100% - 1.6rem);height: 0.8rem;float: left;}
.join1-e3 textarea{width: 100%;height: 100%;font-size: 0.26rem;line-height: 0.8rem;color: #fff;}
.join1-f1{width: 100%;padding-top: 0.4rem;}
.join1-f2{font-size: 0.26rem;line-height: 0.46rem;color: #fff;margin-bottom: 0.2rem;}
.join1-f3{width: 1.7rem;height: 0.66rem;border-radius: 0.06rem;background: #fff;overflow: hidden;cursor: pointer;margin: 0 auto;}
.join1-f3 input{width: 100%;height: 100%;font-size: 0.26rem;line-height: 0.66rem;color: #40497b;text-align: center;}
.join1-g1{width: calc(100% - 0.24rem*2);padding-bottom: 1rem;position: relative;margin: 0 auto;}

/*{news1}*/
.news1-a1{width: 100%;padding: 0 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.news1-a2{width: 100%;height: 1.9rem;border-bottom: 1px solid #dedede;position: relative;}
.news1-a3{width: 2.4rem;height: 1.5rem;position: absolute;top: calc(50% - 1.5rem/2);left: 0;}
.news1-a3 img{min-height: 100%;}
.news1-a4{width: calc(100% - 2.6rem);font-size: 0.3rem;line-height: 0.4rem;color: #333;position: absolute;top: 0.16rem;right: 0;}
.news1-a5{width: calc(100% - 2.6rem);font-size: 0.22rem;line-height: 0.22rem;color: #999;position: absolute;top: 0.6rem;right: 0;}
.news1-a6{width: calc(100% - 2.6rem);height: calc(0.32rem*2);font-size: 0.22rem;line-height: 0.32rem;color: #333;position: absolute;top: 0.9rem;right: 0;}
.news1-a6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}

/*pagen*/
.ft1-a2 p img {display: inline-block;vertical-align: middle;}
.pagen{display: flex;margin: 0 auto;justify-content: center;margin-top: 25px;}
.pagen a{display: inline-block;padding: 2px 8px;margin: 0 2px 8px;border: 1px solid #ccc;font-size: 14px;}
.pagen a.cur{background: #189e01;color: #fff;border-color: #189e01;}

/*{works1}*/
.works1-a1{width: 100%;padding: 0.8rem 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.works1-a2{width: calc(50% - 0.16rem/2);position: relative;margin-bottom: 0.2rem;}
.works1-a2:nth-child(odd){float: left;}
.works1-a2:nth-child(even){float: right;}
.works1-a3{width: 100%;min-height: 1.9rem;position: relative;margin-bottom: 2px;}
.works1-a3 img{min-height: 100%;}
.works1-a4{width: 100%;height: 0.56rem;background: #189e01;font-size: 0.24rem;line-height: 0.56rem;color: #fff;text-align: center;padding: 0 0.2rem;box-sizing: border-box;position: relative;}

/*{show2}*/
.show2-a1{width: 100%;padding: 0.5rem 0.24rem 1rem 0.24rem;box-sizing: border-box;position: relative;}
.show2-a2{width: 100%;padding-bottom: 0.9rem;margin-bottom: 0.1rem;position: relative;}
.show2-a3{width: 100%;min-height: 3.6rem;position: relative;}
.show111{width: 100!important;height: 100%!important;position: relative;}
.show111 .swiper-slide{width: 100%!important;height: 100%!important;position: relative;}
.show111 .swiper-slide>img{min-height: 100%;}
.show112{width: 100%;position: absolute;bottom: 0.24rem!important;left: 0;}
.show112 .swiper-pagination-bullet{width: 0.24rem;height: 0.24rem;border: 1px solid #189e01;border-radius: 50%;box-sizing: border-box;position: relative;margin: 0 0.15rem;background: none;opacity: 1;vertical-align: middle;transition: 0.5s;}
.show112 .swiper-pagination-bullet-active{width: 0.32rem;height: 0.32rem;transition: 0.5s;}
.show112 .swiper-pagination-bullet b{width: 0;height: 0;border-radius: 50%;display: block;background: #189e01;position: absolute;top: 50%;left: 50%;transition: 0.5s;}
.show112 .swiper-pagination-bullet-active b{width: 0.18rem;height: 0.18rem;top: calc(50% - 0.18rem/2);left: calc(50% - 0.18rem/2);transition: 0.5s;}
.show2-a4{width: 100%;padding: 0.4rem 0.4rem 0.28rem 0.4rem;box-sizing: border-box;background: #189e01;}
.show2-b1{width: 100%;margin-bottom: 0.04rem;}
.show2-b1>div:nth-child(1){width: 2px;height: 0.28rem;background: #fff;position: relative;top: calc(0.6rem/2 - 0.28rem/2);margin-right: 0.14rem;float: left;}
.show2-b1>div:nth-child(2){width: calc(100% - 0.15rem - 2px);font-size: 0.3rem;line-height: 0.6rem;color: #fff;float: left;}
.show2-b2{width: 100%;padding-left: calc(0.14rem + 2px);box-sizing: border-box;font-size: 0.24rem;line-height: 0.48rem;color: #fff;margin-bottom: 0.4rem;}
.show2-b3{width: 100%;padding: 0 calc(0.14rem + 2px);box-sizing: border-box;font-size: 0.24rem;line-height: 0.4rem;color: #fff;margin-bottom: 1.7rem;}
.show2-b4{width: calc(100% + 0.4rem*2);margin-left: -0.4rem;padding: 0.34rem 0.4rem 0 0.4rem;border-top: 1px solid #c1c1c1;box-sizing: border-box;}
.show2-b4>div{width: 100%;font-size: 0.24rem;line-height: 0.48rem;color: #fff;}

/*{area1}*/
.area1-a1{width: 100%;height: calc(100% - 1rem);position: fixed;top: 1rem;left: 0;overflow: hidden;z-index: 0;overflow: hidden;}
.area1{width: 100%!important;height: 100%!important;position: relative;}
.area1>div>.swiper-slide{width: 100%!important;height: 100%!important;position: relative;}
.area1-a2{width: 100%;height: 100%;position: relative;}
.area1-a3{width: 100%;height: 3.65rem;position: relative;margin-bottom: 0.36rem;}
.area1-a3 img{min-height: 100%;}
.area1-a4{width: calc(100% - 0.24rem*2);font-size: 0.36rem;line-height: 0.48rem;color: #333333;font-weight: bold;position: relative;margin: 0 auto;margin-bottom: 0.24rem;}
.area1-a5{width: 0.72rem;height: 1px;background: #189e01;position: relative;margin-left: 0.24rem;margin-bottom: 0.26rem;}
.area1-a6{width: calc(100% - 0.24rem*2);height: calc(100% - 5rem - 3rem);font-size: 0.24rem;line-height: 0.36rem;color: #666666;position: relative;margin: 0 auto;overflow: hidden;overflow-y: auto;}
.area1-a6::-webkit-scrollbar{width: 0.04rem;height: 1px;}
.area1-a6::-webkit-scrollbar-thumb{border-radius: 0.02rem;-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);background: #189e01;}
.area1-a6::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);border-radius: 0.02rem;background: rgba(0,0,0,0);}
.area1-a7{width: 100%;height: 1.46rem;position: absolute;bottom: 0.72rem;left: 0;}
.area1-a7>.swiper-container{width: calc(3.15rem*3)!important;height: 100%!important;position: relative;margin-left: 0.5rem;}
.area1-a7>.swiper-container>div>.swiper-slide{width: 3.15rem!important;height: 100%!important;position: relative;}
.area1-b1{width: 3rem;height: 1.46rem;position: relative;margin: 0 auto;}
.area1-b1{
	background: -webkit-linear-gradient(180deg,rgba(255,255,255,0.2) 0%,rgba(190,190,190,0.4) 50%,rgba(0,0,0,0.74) 100%);
	background: -o-linear-gradient(180deg,rgba(255,255,255,0.2) 0%,rgba(190,190,190,0.4) 50%,rgba(0,0,0,0.74) 100%);
	background: -moz-linear-gradient(180deg,rgba(255,255,255,0.2) 0%,rgba(190,190,190,0.4) 50%,rgba(0,0,0,0.74) 100%);
	background: linear-gradient(180deg,rgba(255,255,255,0.2) 0%,rgba(190,190,190,0.4) 50%,rgba(0,0,0,0.74) 100%);
}
.area1-b2{width: 100%;height: 100%;position: relative;top: 0;left: 0;transition: 0.5s;}
.area1-b1.on1 .area1-b2{width: 2.88rem;height: 1.34rem;top: 0.06rem;left: 0.06rem;transition: 0.5s;}
.area1-b2>img{position: relative;min-height: 100%;transition: 0.5s;}
.area1-b3{width: 96%;height: 0.26rem;position: absolute;bottom: 0.1rem;left: 2%;font-size: 0.16rem;line-height: 0.26rem;color: #fff;text-align: center;}
.area1-b1 a{display: none;}
.area1-a7 .swiper-button-prev{width: 0.34rem;height: 0.68rem;background: none;padding: 0;margin: 0;position: absolute;top: calc(50% - 0.68rem/2);left: 0.14rem;right: auto;bottom: auto;}
.area1-a7 .swiper-button-next{display: none;}
.area1-a7 .swiper-button-prev img{height: 100%;}
.area1-in1{background: url(../images/f01.jpg) no-repeat #f4f4f4;background-position: center center;background-size: 100% 100%;position: relative;}
.area1-in2{background: url(../images/f02.jpg) no-repeat #f4f4f4;background-position: center center;background-size: 100% 100%;position: relative;}
.area1-in3{background: url(../images/f03.jpg) no-repeat #f4f4f4;background-position: center center;background-size: 100% 100%;position: relative;}
.area1-in4{background: url(../images/f04.jpg) no-repeat #f4f4f4;background-position: center center;background-size: 100% 100%;position: relative;}
.area1-in5{background: url(../images/f05.jpg) no-repeat #f4f4f4;background-position: center center;background-size: 100% 100%;position: relative;}
.area1-in6{background: url(../images/f06.jpg) no-repeat #f4f4f4;background-position: center center;background-size: 100% 100%;position: relative;}

/*{honor1}*/
.honor1-a1{width: 100%;padding: 0.66rem 0.24rem 0.6rem 0.24rem;box-sizing: border-box;position: relative;}
.honor1-a2{width: 100%;margin-bottom: 0.4rem;}
.honor1-a2:last-child{margin-bottom: 0;}
.honor1-a3{width: 100%;height: 0.72rem;position: relative;}
.honor1-a3>div:nth-child(1){width: 0.14rem;height: 0.34rem;border-radius: 0.07rem;background: #189e01;position: absolute;top: calc(50% - 0.34rem/2);left: 0;}
.honor1-a3>div:nth-child(2){width: calc(100% - 0.3rem - 0.3rem);margin-left: 0.3rem;font-size: 0.3rem;line-height: 0.72rem;color: #333333;}
.honor1-a4{width: calc(100% - 0.3rem*2);font-size: 0.24rem;line-height: 0.44rem;color: #666666;margin: 0 auto;}
.honor1-b1{width: calc(100% - 0.24rem*2);margin: 0 auto;padding-bottom: 0.6rem;position: relative;}
.honor1-b2{width: 100%;height: 3.5rem;position: relative;}
.honor1-b3{width: 4.74rem;height: 3.16rem;position: absolute;top: calc(50% - 3.16rem/2);left: calc(50% - 4.74rem/2);z-index: 1;transition: 0.5s;}
.honor1-b3.on1{left: 0;z-index: 2;transition: 0.5s;}
.honor1-b3.on2{left: calc(100% - 4.74rem);z-index: 3;transition: 0.5s;}
.honor1-b3.on3{width: 5.24rem;height: 3.5rem;top: 0;left: calc(50% - 5.24rem/2);z-index: 4;transition: 0.5s;}
.honor1-b3 img{max-width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;margin: auto;transition: 0.5s;}
.honor1-b3.on1 img{right: auto;transition: 0.5s;}
.honor1-b3.on2 img{left: auto;transition: 0.5s;}
.honor1-b3.on3 img{left: 0;right: 0;transition: 0.5s;}