::-webkit-scrollbar {width:8px;background-color:#006eff;}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae; border-radius: 10px;}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8; }
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#c4161c;}
  .scrollcomm{position: relative; top: 90px; opacity: 0;filter: alpha(opacity=0);  z-index: 20;}
body{min-width: 1200px; margin: 0 auto;}
.sectionVideo{position: absolute; }
.logo{position: fixed; top: 34px; left: 44px; top: 34px; z-index: 99999;white-space: nowrap;}
.logo .black,.caseLogo .z14,.logo>a+a{display: inline-block;line-height:49px;height:49px;background-size: contain;padding: 0 0 0 58px!important;margin-left: 10px;vertical-align: middle;}
.caseLogo .z14{margin-left: 0;}
.sectionNext{position: absolute; bottom: 38px; left: 50%; margin-left: -9px; z-index: 99999;}
.Mouse{position: fixed; right: 44px; bottom: 38px; z-index: 99999;}
.sectionNum{position: absolute; bottom: 38px; left: 44px; z-index: 99999;}
.sectionNum .img2{width: 14px;  box-sizing:content-box; -webkit-box-sizing:content-box; padding-left: 8px; vertical-align: bottom; position: relative; top: -2px; border-left: 2px #5e5e5e solid;}
.muneBlock{position: fixed;top: 21px;right: 44px;line-height: 40px;z-index: 10001;}
.sectionNews{width: 145px; height: 38px;  border: 1px #bebebe solid; font-size: 12px; color: #2f2f2f;  position: relative; text-align: center; line-height: 36px;}
.muneBorder1{border-top: 3px #292929 solid;   transform:scaleX(0.6); -moz-transform:scaleX(0.6); -webkit-transform:scaleX(0.6);}
.muneBorder2{border-right: 3px #292929 solid;}
.muneBorder3{border-bottom: 3px #292929 solid;  bottom: -1px; transform:scaleX(0.04); -moz-transform:scaleX(0.04); -webkit-transform:scaleX(0.04);}
.muneBorder4{border-left: 3px #292929 solid;  transform:scaleY(0.35); -moz-transform:scaleY(0.35); -webkit-transform:scaleY(0.35);}
.sect5Mes .muneBorder1{border-color: #bd1e25; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; border-width: 8px; transform:scaleX(0); -moz-transform:scaleX(0); -webkit-transform:scaleX(0); top: 0;}
.sect5Mes .muneBorder2{border-color: #bd1e25; transition:all 0.3s 0.25s ease-out; -webkit-transition:all 0.3s 0.25s ease-out; -moz-transition:all 0.3s 0.25s ease-out; border-width: 8px; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0);}
.sect5Mes .muneBorder3{border-color: #bd1e25; transition:all 0.3s 0.5s ease-out; -webkit-transition:all 0.3s 0.5s ease-out; -moz-transition:all 0.3s 0.5s ease-out; border-width: 8px; transform:scaleX(0); -moz-transform:scaleX(0); -webkit-transform:scaleX(0);}
.sect5Mes .muneBorder4{border-color: #bd1e25; transition:all 0.3s 0.75s ease-out; -webkit-transition:all 0.3s 0.75s ease-out; -moz-transition:all 0.3s 0.75s ease-out; border-width: 8px; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); left: 0;}
.sect5Mes .sect5A{position: relative;}
.muneBlock.active .muneBorder{border-color: #fff;}
.muneBlock.active .sectionNews{color: #fff;}
.sectionNews:hover .muneBorder,.sect5Mes .sect5A:hover .muneBorder{transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.muneClick{margin-left: 30px;}
.muneImg2{display: none;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{border-color: #b20506; background: none;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{border-color: #b6b6b6; width: 10px; height: 10px;}
#fp-nav.right{right: 2.8%;}
#fp-nav ul li, .fp-slidesNav ul li{margin-left: 0; margin-right: 0;}
.muneBlock .muneClickSpan1{color: #2f2f2f; font-weight: 700;}
.muneBlock .muneClickSpan2{color: #2f2f2f; font-weight: 700; font-size: 24px; margin-right: 20px; position: relative; top: 2px; margin-left: 20px;}
.muneBlock.active .muneClick .muneImg2{display: inline-block;}
.muneBlock.active .muneClick .muneImg1{display: none;}
.PaceWh{display: inline-block; width: 34px; height: 20px; }
.menu_mark{width: 34px;height: 26px;display: inline-block;cursor: pointer;vertical-align: middle;position: fixed;right: 44px;top: 32px;z-index: 100000;}
.menu_mark .menu_line{width: 100%;  height: 3px; display: block; background: #2f2f2f; position: relative; top: 0; }
.menu_mark .menu_line1{opacity: 0.5}
.menu_mark .menu_line2{top: 8px;}
.menu_mark .menu_line3{top: 15px; opacity: 0.5}
.pageHeader .logo{margin-top: 6px;}
.menu_mark:hover .menu_line1{opacity: 1;}
.menu_mark:hover .menu_line2{ opacity: 0.5;}
.menu_mark:hover .menu_line3{opacity: 1;} 
.muneBlock.active .muneClick span{color: #fff;}
.muneBlock.active .muneClick .menu_line{background: #fff;}
.menu_mark.active2 .menu_line{background: #fff;}
.muneS{position: relative; left: 0; transition:all 0.4s;-webkit-transition:all 0.4s;}
.muneS.active{left: 550px;}
.newNavYY{position: fixed; left: 0;  top: 0; display: none; z-index: 9998; background: rgba(0,0,0,0.5); width: 100%; height: 100%;}

.clockDevelNum{overflow: visible;}
.clockDevelNum .numP{position: absolute; height: 40px; opacity: 0.22;  line-height: 40px; color: #fff; font-family: "宋体";}
.clockDevelNum .numP img{width: auto;}
.clockDevelNum .numP1{left: -40px; top: 22%; transition:all 0.5s; }
.clockDevelNum .numP2{left: 0; right: 0; text-align: center;top: 0; transition:all 0.5s;}
.clockDevelNum .numP3{top: 22%; right: -40px; text-align: center; transition:all 0.5s;}
.clockDevelNum .numP4{right: -40px;  bottom: 22%; transition:all 0.5s;}
.clockDevelNum .numP5{bottom: 0; left: 0; right: 0; text-align: center; transition:all 0.5s;}
.clockDevelNum .numP6{bottom: 22%; left: -40px; transition:all 0.5s;}
.numP.active{transform:scale(1); -webkit-transform:scale(1); opacity: 1;}

.post-main-F{position: absolute; transform:translateX(300%); transition:all 8s; width: 44.7%; height: 58.5%; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 10000;}
#post-main{height: 100%; width: 100%; left: 0%; position: absolute;}
#post-main .post-item{position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%;}
#post-main .post-item img{max-height: 100%; max-width: 100%; margin: auto;}
#post-main .post-item .img2{opacity: 0; display: none\9;}
#post-main .post-item.active .img2{opacity: 1; display: block\9; transition:all 0.4s;}
#post-main .post-item.active .img1{opacity: 0; display: none\9;}
#post-main .post-item.first{width: 100%; left: 6%;}
#post-main .post-item.slide{width: 70%;}
#post-main .post-item.slide img{}
.poster_page{position: absolute; left: 0; right: 0; bottom: 7.87%; text-align: center; z-index: 30;}
.poster_page a{width: 10px; height: 10px; border: 1px #cdcdcd solid; display: inline-block; margin: 0 16px; border-radius: 50%;}
.poster_page a.active{background: #eba895; border-color: #eba895;}
.carouser_btn{position: absolute; top: 0; bottom: 0; display: block; width: 10%; z-index: 100000;}
.carouser_left{left: 0;}
.carouser_right{right: 0;}
.post-main-F .sun_icon{width: 17.7%; position: absolute; top: -9.7%; right: 31.3%; }
.post-main-F .post-main-text{position: absolute; top: 0; right: -30%;width: 106px;}
.post-main-F .post-main-text1{color: #ababab; margin-right: 34px; font-family: "宋体"; letter-spacing:9px; height: 388px; writing-mode: tb-rl; line-height: 24px;}
.post-main-F.active{transform:translateX(0%); }


.NumContent>div {
    line-height: inherit;
    color: inherit;
    font-size: inherit;
    display: inline-block;
}

.spanNum1,.spanNum2,.spanNum3{height: 30px; line-height: 30px; overflow: hidden;}
.spanNum1 .NumContent>div:nth-child(1) {
    transition: all 2.5s cubic-bezier(.35,.75,.55,1) 0s;
    -webkit-transition: all 2.5s cubic-bezier(.35,.75,.55,1) 0s;
    -moz-transition: all 2.5s cubic-bezier(.35,.75,.55,1) 0s;
}
.spanNum1 .NumContent>div:nth-child(2) {
    transition: all 2.5s cubic-bezier(.35,.75,.55,1) 0s;
    -webkit-transition: all 2.5s cubic-bezier(.35,.75,.55,1) 0s;
    -moz-transition: all 2.5s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(1) {
    transition: all 2.2s cubic-bezier(.35,.75,.55,1) 0s;
    -webkit-transition: all 2.2s cubic-bezier(.35,.75,.55,1) 0s;
    -moz-transition: all 2.2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3) {
    transition: all 2.3s cubic-bezier(.35,.75,.55,1) 0s;
    -webkit-transition: all 2.3s cubic-bezier(.35,.75,.55,1) 0s;
    -moz-transition: all 2.3s cubic-bezier(.35,.75,.55,1) 0;
}
.NumContent>div:nth-child(2) {
    transition: all 2.6s cubic-bezier(.35,.75,.55,1) 0s;
    -webkit-transition: all 2.6s cubic-bezier(.35,.75,.55,1) 0s;
    -moz-transition: all 2.6s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(4){
  transition: all 2.9s cubic-bezier(.35,.75,.55,1) 0s;
  -webkit-transition: all 2.9s cubic-bezier(.35,.75,.55,1) 0s;
  -moz-transition: all 2.9s cubic-bezier(.35,.75,.55,1) 0s;
}

.newSection1{height: 100% !important}
.DowContain{background: #000;}
.DowContain .title{height: 40px; line-height: 40px; position: absolute; width: 100%; z-index: 30; left: 0; top: 50%; margin-top: -20px; color: #fff; opacity: 0.4; text-align: center;}
.section1 .title span {
    min-width: 7px;
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
}
.DowContain .title.active span{
    opacity: 1 !important;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.section1 .title span:nth-child(0),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(0) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.section1 .title span:first-child,#preloader .slider-container .swiper-slide.swiper-slide-prev span:first-child {
  -webkit-transition-delay: .06667s;
  transition-delay: .06667s
}

.section1 .title span:nth-child(2),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(2) {
  -webkit-transition-delay: .13333s;
  transition-delay: .13333s
}

.section1 .title span:nth-child(3),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(3) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.section1 .title span:nth-child(4),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(4) {
  -webkit-transition-delay: .26667s;
  transition-delay: .26667s
}

.section1 .title span:nth-child(5),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(5) {
  -webkit-transition-delay: .33333s;
  transition-delay: .33333s
}

.section1 .title span:nth-child(6),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(6) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.section1 .title span:nth-child(7),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(7) {
  -webkit-transition-delay: .46667s;
  transition-delay: .46667s
}

.section1 .title span:nth-child(8),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(8) {
  -webkit-transition-delay: .53333s;
  transition-delay: .53333s
}

.section1 .title span:nth-child(9),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(9) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.section1 .title span:nth-child(10),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(10) {
  -webkit-transition-delay: .66667s;
  transition-delay: .66667s
}

.section1 .title span:nth-child(11),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(11) {
  -webkit-transition-delay: .73333s;
  transition-delay: .73333s
}

.section1 .title span:nth-child(12),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(12) {
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

.section1 .title span:nth-child(13),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(13) {
  -webkit-transition-delay: .86667s;
  transition-delay: .86667s
}

.section1 .title span:nth-child(14),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(14) {
  -webkit-transition-delay: .93333s;
  transition-delay: .93333s
}

.section1 .title span:nth-child(15),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(15) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}

.section1 .title span:nth-child(16),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(16) {
  -webkit-transition-delay: 1.06667s;
  transition-delay: 1.06667s
}

.section1 .title span:nth-child(17),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(17) {
  -webkit-transition-delay: 1.13333s;
  transition-delay: 1.13333s
}

.section1 .title span:nth-child(18),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(18) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}

.section1 .title span:nth-child(19),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(19) {
  -webkit-transition-delay: 1.26667s;
  transition-delay: 1.26667s
}

.section1 .title span:nth-child(20),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(20) {
  -webkit-transition-delay: 1.33333s;
  transition-delay: 1.33333s
}

.section1 .title span:nth-child(21),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(21) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}

.section1 .title span:nth-child(22),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(22) {
  -webkit-transition-delay: 1.46667s;
  transition-delay: 1.46667s
}

.section1 .title span:nth-child(23),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(23) {
  -webkit-transition-delay: 1.53333s;
  transition-delay: 1.53333s
}

.section1 .title span:nth-child(24),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(24) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s
}

.section1 .title span:nth-child(25),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(25) {
  -webkit-transition-delay: 1.66667s;
  transition-delay: 1.66667s
}

.section1 .title span:nth-child(26),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(26) {
  -webkit-transition-delay: 1.73333s;
  transition-delay: 1.73333s
}

.section1 .title span:nth-child(27),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(27) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}

.section1 .title span:nth-child(28),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(28) {
  -webkit-transition-delay: 1.86667s;
  transition-delay: 1.86667s
}

.section1 .title span:nth-child(29),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(29) {
  -webkit-transition-delay: 1.93333s;
  transition-delay: 1.93333s
}

.section1 .title span:nth-child(30),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(30) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s
}

.section1 .title span:nth-child(31),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(31) {
  -webkit-transition-delay: 2.06667s;
  transition-delay: 2.06667s
}

.section1 .title span:nth-child(32),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(32) {
  -webkit-transition-delay: 2.13333s;
  transition-delay: 2.13333s
}

.section1 .title span:nth-child(33),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(33) {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s
}

.section1 .title span:nth-child(34),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(34) {
  -webkit-transition-delay: 2.26667s;
  transition-delay: 2.26667s
}

.section1 .title span:nth-child(35),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(35) {
  -webkit-transition-delay: 2.33333s;
  transition-delay: 2.33333s
}

.section1 .title span:nth-child(36),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(36) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s
}

.section1 .title span:nth-child(37),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(37) {
  -webkit-transition-delay: 2.46667s;
  transition-delay: 2.46667s
}

.section1 .title span:nth-child(38),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(38) {
  -webkit-transition-delay: 2.53333s;
  transition-delay: 2.53333s
}

.section1 .title span:nth-child(39),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(39) {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s
}

.section1 .title span:nth-child(40),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(40) {
  -webkit-transition-delay: 2.66667s;
  transition-delay: 2.66667s
}

.section1 .title span:nth-child(41),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(41) {
  -webkit-transition-delay: 2.73333s;
  transition-delay: 2.73333s
}

.section1 .title span:nth-child(42),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(42) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s
}

.section1 .title span:nth-child(43),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(43) {
  -webkit-transition-delay: 2.86667s;
  transition-delay: 2.86667s
}

.section1 .title span:nth-child(44),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(44) {
  -webkit-transition-delay: 2.93333s;
  transition-delay: 2.93333s
}

.section1 .title span:nth-child(45),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(45) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s
}

.section1 .title span:nth-child(46),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(46) {
  -webkit-transition-delay: 3.06667s;
  transition-delay: 3.06667s
}

.section1 .title span:nth-child(47),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(47) {
  -webkit-transition-delay: 3.13333s;
  transition-delay: 3.13333s
}

.section1 .title span:nth-child(48),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(48) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s
}

.section1 .title span:nth-child(49),#preloader .slider-container .swiper-slide.swiper-slide-prev span:nth-child(49) {
  -webkit-transition-delay: 3.26667s;
  transition-delay: 3.26667s
}
#clock{
    width: 280px;
    height: 280px;
    /*background: radial-gradient(circle at 50% 50%,rebeccapurple,royalblue);*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    z-index: 20;
  }

#clockF{}
#clock{ z-index: 30;}
#clock.active{}
.botRond{position: absolute; bottom: 30px; z-index: 100000; left: 0; width: 100%; text-align: center; height: 62px;line-height: 62px; color: #f9bc3b;}
.botRond p{transition:all 0.4s; -webkit-transition:all 0.4s;}
#roundCanvas{position: absolute; width: 62px; height: 62px; left: 0; top: 0; right: 0; bottom: 0; margin: 0 auto;}
.botRond .p1{}
.botRond .p1.active{opacity: 0;}
.botRond .p2{opacity: 0;}
.botRond .p2.active{opacity: 1;}
.botRond .p3{opacity: 0;}
.botRond .p3.active{opacity: 1;}
.botRondF{ z-index: 1003; opacity: 0;}
.count{float: left;}
.Imgcount{z-index: 2000; position: absolute; left: 100%; top: 0; width: 100%; height: 100%;}
.Imgcount .item{width: 454px;height: 240px;margin-bottom: 80px;float: left; position: relative;}
.Imgcount .item.even{position:relative; top: 180px;}
.Imgcount .item .img{ width: 150px; height: 240px; opacity: 0;}
.Imgcount .item.active .img-cont-cont {-webkit-transform: translate3d(-200%,0,0) rotate(.0001deg);transform: translate3d(-200%,0,0) rotate(.0001deg);-webkit-transition: all .8s linear 0s;transition: all .8s linear 0s;}
.Imgcount .item .img-cont-cont{background: #f9bc3b; position: absolute; left: 100%; top: 0; width: 100%; height: 100%;}
.Imgcount .item .text {position: absolute;top: 0;left: 150px;margin-top: 37px;width: 260px;-ms-flex-preferred-size: 260px;flex-basis: 260px;}
.Imgcount .item .text { margin-left: 48px;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.Imgcount  .item .text {color: #f9bc3b;}
.Imgcount  .item .img-cont{  position: relative;  width: 150px;height: 240px;overflow: hidden;}
.Imgcount .item .name{font-size: 12px;-webkit-transition: all .7s ease .8s; opacity: 0; transition: all .7s ease .8s;}
.Imgcount .item .head { margin-top: 5px;font: 900 36px/1.33 Playfair-Display,serif;width: 350px; opacity: 0; -webkit-transition: all ease 1s;transition: all .7s ease 1s;}
.Imgcount .item .discr{-webkit-transition: all .7s ease 1.2s;width: 260px; transition: all .7s ease 1.2s;     width: 260px;margin-top: 20px;font: 500 14px/1.5 Muller,sans-serif;opacity: 0;-webkit-transform: translate3d(50px,0,0) rotate(.0001deg);transform: translate3d(50px,0,0) rotate(.0001deg);}
.Imgcount .item.active .name { opacity: .4!important;  -webkit-transition: all .7s; }
.Imgcount .item.active .img{opacity: 1;}
.Imgcount .item.active .head {opacity: 1;}
.Imgcount .item.active .discr {opacity: 1;webkit-transform: translate3d(0px,0,0) rotate(.0001deg);transform: translate3d(0px,0,0) rotate(.0001deg);}
/*.title{display: inline-block;}*/
.countUl{position: relative;}
.Imgcount .item.active .title span{
    opacity: 1 !important;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.clockF{width: 27.7%; transform:scale(4); opacity: 0; transition:all 0.8s ease-in-out; padding-bottom: 31.875%; height: 0;   z-index: 1002; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.clockF img{width: 100%; height:auto;}
.clockF.active{transform:scale(1); opacity: 1;}
.logoBg{width: 27.7%; padding-bottom: 31.875%; z-index: 1000; height: 0; position: absolute; left: 0; top: 0; transform:scale(1.3); transition:all 3s; opacity: 0; right: 0; bottom: 0; margin: auto;}
.logoBg img{width: 100%;}
.logoBg.active{transform:scale(1); opacity: 0.5;}

#newNav{width: 300px; height: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; background: #2b2b2b; z-index: 9999; position: fixed; right: -302px; top: 0; padding-top: 16.6%;}
#newNav .newNavInfo{position: absolute; height: 83.6%; bottom: 0; left: 0; width: 100%; }
#newNav .newNavText{position:relative; z-index: 11; }
#newNav li{transform:translateX(300px); -webkit-transform:translateX(300px); opacity: 0; padding-bottom: 10px;}
#newNav li a{transition:all 0.4s;-webkit-transition:all 0.4s;line-height: 24px;color: #989898;position: relative;display: block;text-align: center;font-size: 15px;padding: 5px 0;}
#newNav li .newNavLine{ width: 100%; transition:all 0.8s; -webkit-transition:all 0.8s;  width: calc(100% + 30px); z-index: 9;  height: 100%;background: #bb1e25; position: absolute; overflow: hidden; right: -100%; right:calc(-100% - 30px); top: 0;}
#newNav li .newNavLeft{width: 22.5%; transition:all 0.4s ease-out 0.6s; -webkit-transition:all 0.4s ease-out 0.6s; display: block; position: absolute; left: -22.5%; height: 4px; line-height: 4px; top: 50%; margin-left: -2px; }
#newNav li .newNavLeft img{width: 100%;}
#newNav li .newNavTop{width: 14px; display: none;  height: 1px; background: #fff; opacity: 0.2; filter:alpha(opacity=20); position: absolute; left: 50%; margin-left: -7px; top: 1px; z-index: 10;}
#newNav.active{right:0;}
#newNav.active li{transform:translateX(0px); -webkit-transform:translateX(0px); opacity: 1;}
#newNav li.active .newNavLine{right: 0;}
#newNav li.active .newNavLeft{left: 0;}
#newNav li.active a{color: #fff;}
#newNav li.active a .newNavYw{color: #fff; }
#newNav li a .newNavYw {font-size: 12px;color: #545454; text-transform: uppercase; transition:all 0.4s; -webkit-transition:all 0.4s; -moz--transition:all 0.4s;}

#popOwl .hkuc_fs_number_wrap{display: none;}
#nav{position: fixed; z-index: -1; overflow: hidden; top: 0; height: 100%;    text-align: center; width: 100%; }
#nav.active{z-index: 99999;}
.navTop{ text-align: center; }
.navS{position: absolute; top: 42%; left: 0; width: 100%; }
.navTop a{padding: 0 26px; color: #484848; font-size: 14px; position: relative; line-height: 66px; float: left;}
.navTop .navName{width: 14px; margin-top: 25px; height: 13px; background: url(../images/homeBtn.png);}
.navTop .navLine{width: 1px; height: 8px; background: #c2c2c2; position: absolute; left: 1px; top: 50%; margin-top: -4px;}
.navTop .navBg1{position: absolute;width: 50%; left: 1px; top: 0;}
.navTop .navBg2{position: absolute; width: 50%; width: -webkit-calc(50% + 5px); width: calc(50% + 5px);  right: -3px; top: 0;}
.navTop .navBg{ height: 66px;}
.navTop a .navBorder{display: none\9;}
.navTop a:hover{color: #bd1e25\9;}
.navTop a:hover .navBorder{transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); }
.navTop a.active .navBorder1{transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;}
.navTop a.active .navBorder2{transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;}
.navTop a.active .navBorder3{transition:all 0.7s 0.2s ease-out; -webkit-transition:all 0.7s 0.2s ease-out; -moz-transition:all 0.7s 0.2s ease-out;}
.navTop a.active .navBorder4{transition:all 0.7s 0.2s ease-out; -webkit-transition:all 0.7s 0.2s ease-out; -moz-transition:all 0.7s 0.2s ease-out;}
.navTop a.active2 .navBorder1{transition:all 0.3s 0.45s ease-out; -webkittransition:all 0.3s 0.45s ease-out; -moz-transition:all 0.3s 0.45s ease-out;}
.navTop a.active2 .navBorder2{transition:all 0.3s 0.45s ease-out; -webkit-transition:all 0.3s 0.45s ease-out; -moz-transition:all 0.3s 0.45s ease-out;}
.navTop a.active2 .navBorder3{ transition:all 0.6s 0s ease-out; -webkit-transition:all 0.6s 0s ease-out; -moz-transition:all 0.6s 0s ease-out;}
.navTop a.active2 .navBorder4{transition:all 0.6s 0s ease-out; -webkit-transition:all 0.6s 0s ease-out; -moz-transition:all 0.6s 0s ease-out;}
.navBorder1{ height: 29px; width: calc(100% + 3px);width: -webkit-calc(100% + 3px); border-left: 3px #040000 solid; border-right: 3px #040000 solid; position: absolute; top: 0; left: 0;}
.navBorder2{ height: 29px; width: calc(100% + 3px);width: -webkit-calc(100% + 3px); border-left: 3px #040000 solid; border-right: 3px #040000 solid; position: absolute; bottom: 0; left: 0;}
.navBorder3{ width: 50%; height: 100%; width: 100%; border-top: 3px #040000 solid; border-bottom: 3px #040000 solid; position: absolute; top: 0; left: 0;}
.navBorder4{width: 50%; height: 100%; width: 100%; border-top: 3px #040000 solid; border-bottom: 3px #040000 solid; position: absolute; top: 0; left: 0;}
.navTop{display: inline-block;}
.navCloses{display: block; margin: 0 auto; margin-top: 6.5%;}
.navHome:hover .navName{background: url(../images/homeBtns.png);}
.borderRadius{ background: url(../images/navBg.jpg); transition:all 1.5s cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-transition:all 1.5s cubic-bezier(0.47, 0, 0.745, 0.715); -moz-transition:all 1.5s cubic-bezier(0.47, 0, 0.745, 0.715); position: absolute;width: 300%; margin-top: -150%; margin-left: -50%; padding-bottom: 300%; border-radius: 50%; left: -4%; top: 60px;}
.borderRadius.active{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.borderRadius.active2{transition:all 1.5s cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-transition:all 1.5s cubic-bezier(0.47, 0, 0.745, 0.715); -moz-transition:all 1.5s cubic-bezier(0.47, 0, 0.745, 0.715); }
.navSInfo{transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); display: none;}
.navSInfo.active{opacity: 1; filter:alpha(opacity=100); top: 0;}
.Mouse{ animation:linkmoves 0.5s ease-in-out infinite alternate;  -webkit-animation:linkmoves 1s ease-in-out infinite alternate;}
@keyframes linkmoves{
  0%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}
@-webkit-keyframes linkmoves{
   0%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}
@-moz-keyframes linkmoves{
  0%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}
.muneClick.active{animation:menumove 1.2s ease-in-out 1 alternate; -webkit-animation:menumove 1.2s ease-in-out 1 alternate;}
@keyframes menumove{
  0%{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
   33.33%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
  66.66%{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}
@-webkit-keyframes menumove{
   0%{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
   33.33%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
  66.66%{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}
@-moz-keyframes menumove{
  0%{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
   33.33%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
  66.66%{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}

@keyframes rotate{
  0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}
  100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
   0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}
  100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
  0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}
  100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}

.Indexlogo.active{opacity: 0; display: none\9;}
/*.logoxxb.active{opacity: 0; filter:alpha(opacity=0); left: 0; top: 0; display: none\9;}*/

.navList{position: fixed;z-index: 7777;top: 125px;right: 30px;}
.navList a{display: block; margin-bottom: 4px; overflow: hidden; position: relative;text-align: center; width: 76px; height: 76px; line-height: 76px; background: #fff; border-radius: 50%; color: #373737;}
.navList .navListName{position: relative; z-index: 10;}
.navList .navListRound{position: absolute; margin-top: -100%; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #bd1e25;}
.navList a:hover .navListRound{margin-top: 0;}
.navList a:hover{color: #fff;}
.section{overflow: hidden;}

/*.sectionBorder{border-top: 15px #333333 solid;}*/
#popOwl{cursor: pointer;}
.section2Info{position: absolute; left: 10.15%; top: 0; height: 100%; z-index: 20;}
.section2Info .sect2Block{display: block; margin-bottom: 24.79%;}
.section2Info .sect2Byw{color: #2c2c2c; font-family: 'impact'; text-transform: uppercase;}
.section2Info .sect2Line{width: 18px; height: 2px; background: #2b2b2b; margin-top: 12px; margin-bottom: 12px;}
.section2Info .sect2Zw{color: #d6d6d6; margin-bottom: 12px;}
.section2Info .sect2Syw{color: #9e9e9e; text-transform: uppercase;}
.section2Info .sect2Block.active .sect2Byw{color: #fff;}
.section2Info .sect2Block.active .sect2Line{background: #fff;}
.section2Info .sect2Block:hover{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.section{position: relative;}
.sect3Show .sect3Left{position: absolute; z-index: 20; left: 0; top: 0; width: 37.7%; height: 100%; background: url(../images/sect3YY.jpg);}
.sect3Show .sec3Right{position: absolute; right: 0;top: 0; width: 62.3%; height: 100%;}
.brandBlock{position: absolute; top: 32%; left: 24%; width: 89.36%; height: 46.5%;}
.brandBorder{border: 7px #bd1e25 solid;}
.Liao{height: 20px; width: 48%; line-height: 20px; z-index: 20; top: -10px; position: absolute; left: 11.7%; background: url(../images/sect3YY.jpg);}
.Liao .LiaoImg{vertical-align: top; position: relative; width: 45%; margin-top: -17%; margin-left: 10px; margin-right: 10px;}
.Liao .brandspan1{font-weight: 700;}
.Liao .brandspan2{color: #bd1e25; margin-left: 12px; margin-right: 5px;}
.brandList{padding-left: 12%; padding-top: 26.66%; line-height: 50px; z-index: 20;}
.brandList li{width: 100%;padding-left: 20px;position: relative;height: 50px;overflow: hidden;}
.brandList li .brandDot{width: 10px;height: 10px; background: #bd1e25; position: absolute; top: 50%; margin-top: -4px; left: 0; border-radius: 50%; display: block;}
.brandList .brandText{position: relative;color: #484848;padding-right: 55px;}
.topLine1{position: absolute; top: 0; width: 48px; height: 1px; background: #e2e2e2; left: 0;}
.botLine2{position: absolute; bottom: 0; width: 96px; height: 1px; background: #e2e2e2; left: 0;}
.brandList .li3 .botLine2{width: 118px;}
.botYw{position: absolute; bottom: 20px; left: 0; width: 100%; padding-left: 9.4%; padding-right: 30px;}
.botYw span{text-transform: uppercase; color: #bd1e25; font-family: 'impact';  width: 5.55%; float: left; text-align: center;}
.sckingImg{position: absolute; left: 12%; top: 14%; width: 110.3%;}
.sckingImg img{width: 100%;}
.brandMoreF{width: 160px; height: 136px; display: block; text-align: center; position: absolute; left: 37.7%; top: 50.4%;z-index: 30;}
.brandMore1{background: #bd1e25; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden;  color: #fff}
.brandMore2{background: #333333; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden;  transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); color: #fff}
.brandMore .bMoreText{margin: 0 8px;}
.brandBig.active .brandBorders{transition:all 0s ease-out; -webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out;}
.brandBorder1{background: #fff; width: 85%; top: 0; right: 0; height: 8px; position: absolute; transition:all 0.7s ease-out; -webkit-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out;}
.brandBorder2{border-right: 8px #fff solid; transition:all 0.7s 0.6s ease-out; -webkit-transition:all 0.7s 0.6s ease-out; -moz-transition:all 0.7s 0.6s ease-out;}
.brandBorder3{border-bottom: 8px #fff solid; transition:all 0.7s 1.2s ease-out; -webkit-transition:all 0.7s 1.2s ease-out; -moz-transition:all 0.7s 1.2s ease-out;}
.brandBorder4{border-left: 8px #fff solid; transition:all 0.7s 1.8s ease-out; -webkit-transition:all 0.7s 1.8s ease-out; -moz-transition:all 0.7s 1.8s ease-out;}
.brandBorder5{position: absolute; width: 15%; top: 0; left: 0; height: 8px; background: #fff; z-index: 10; transition:all 0.3s 2.4s ease-out; -webkit-transition:all 0.3s 2.4s ease-out; -moz-transition:all 0.3s 2.4s ease-out;}
.brandBlock.active .brandBorders{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.brandMoreF:hover .brandMore1{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.brandMoreF:hover .brandMore2{transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg);}
.sect3Show.active .sec3Right{right: -28%}
.sect3Show.active .sect3Left{width: 65.3%;}
.brandBlock1.actives{transform:translateY(100px); -webkit-transform:translateY(100px); opacity: 0; filter:alpha(opacity=0); display: none\9;}
.brandMoreF.active{transform:translateY(100px); -webkit-transform:translateY(100px); opacity: 0; filter:alpha(opacity=0);}
.brandHideInfo{width: 48.12%; margin: 0 auto;}
.brandHideInfo .brandTitle a{width: 132px; height: 40px; line-height: 38px; position: relative; color:#464646;  text-align: center; border: 1px #747474 solid;}
.brandHideInfo .i1{width: 3px; height: 3px; background: url(../images/i1.png); position: absolute; top: 1px; left: 1px;}
.brandHideInfo .i2{width: 3px; height: 3px; background: url(../images/i2.png); position: absolute; bottom: 1px; right: 1px;}
.brandHideInfo .hsj{width: 8px; height: 4px; opacity: 0; filter:alpha(opacity=0); background: url(../images/sj1.png); position: absolute; bottom: -10px; left: 50%;  margin-left: -4px;}
.brandHideInfo .brandTitle a:hover .i1,.brandHideInfo .brandTitle a.active .i1{animation:imove 2s ease-in-out infinite alternate;}
.brandHideInfo .brandTitle a:hover .i2,.brandHideInfo .brandTitle a.active .i2{animation:imove 2s ease-in-out infinite alternate;}
.brandHideInfo .brandTitle a:hover,.brandHideInfo .brandTitle a.active{border-color: #bd1e25; color: #bd1e25;}
.brandHideInfo .brandTitle a:hover .hsj,.brandHideInfo .brandTitle a.active .hsj{bottom: -4px; opacity: 1; filter:alpha(opacity=100);z-index: 20;}
.bHideYw{color: #c4c4c4; text-transform: uppercase;}
.brandHide{transform:translateY(150px); -webkit-transform:translateY(150px); -moz-transform:translateY(150px); opacity: 0;   filter:Alpha(opacity=0); z-index: 20;}
.bHideList{margin-top: 32px; }
.bHideList h3{color: #484848; line-height: 34px; max-height: 64px; overflow: hidden;}
.bHideList .bhideLine{width: 27px; height: 3px; background: #303030; margin-top: 20px; margin-bottom: 12px;}
.bHideList .bhideLine2{margin-top: 12px; margin-bottom: 25px;}
.bHideList h5{color: #484848; line-height: 28px; height: 140px; overflow: hidden;}
.bHideList li{position: absolute; top: 0; left: 0;}
.bHideList ul{position: relative; height: 290px;}
.bHideList .li1{display: block;}
.bHideList .li0.active{transform:translateY(150px); opacity: 0; filter:alpha(opacity=0);}
.bHideList .li1.active{transform:translateX(150px); opacity: 0; filter:alpha(opacity=0);}
.brandClose{width: 12px; cursor: pointer; height: 100%; position: absolute; right: 13px; top: 0; border-right: 1px #cbcccb solid; background: url(../images/brandClose.png) center center no-repeat;}
.brandClose .bCloseLine{width: 1px; height: 100%; background: #bd1e25; position: absolute; right: -1px; top: 0;}
.brandClose:hover{background: url(../images/brandCloses.png) center center no-repeat;}
.brandClose:hover .bCloseLine{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.brandHide.active{transform:translateY(0px); -webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity: 1; filter:alpha(opacity=100);}
.sect3BookF{width: 478px; position: absolute;top: 26.5%;left: 12.2%; }
.sect3BookF .sect3Book{width: 100%;}
.hourarr{position: absolute;right: 28%;bottom: 25.2%;}
.minarr{position: absolute;right: 28%;bottom: 25.2%;}

@keyframes imove{
  0%{transform:rotateY(180deg)}
   33.33%{transform:rotateY(0deg)}
  66.66%{transform:rotateY(180deg)}
  100%{transform:rotateY(0deg)}
}
@-webkit-keyframes linkmove{
    0%{transform:rotateY(180deg)}
   33.33%{transform:rotateY(0deg)}
  66.66%{transform:rotateY(180deg)}
  100%{transform:rotateY(0deg)}
}
@-moz-keyframes linkmove{
   0%{transform:rotateY(180deg)}
   33.33%{transform:rotateY(0deg)}
  66.66%{transform:rotateY(180deg)}
  100%{transform:rotateY(0deg)}
}
.sect7Ewm img{width: 90px;}

.sect4Info{position: relative; height: 100%; width: 100%;}
.sect4Info .sect4Left{width: 37.7%; height: 100%;}
.sect4Info .sect4Right{width: 62.3%; height: 100%; background:url(../images/sect3YY.jpg);}
.sect4Mes{padding-left: 11%;}
.sect4Mes h3{color: #484848;}
.sect4Mes h4{color: #484848;}
.sect4Mes .brandList{padding-top: 25px; padding-left: 0;}
.sect4Mes .sect4H42{}
.sect4Mes .bHideYw{margin-top: 5.66%; margin-bottom: 7px;}
.sect4Link,.indexBrand{margin-top: 22px;}

.sect4Link a {width: 140px; height: 70px;  position: relative; text-align: center; line-height: 70px;color: #b8b8b8;}
.sect4Link .sectallBorder{border: 3px #2f2f2f solid; }
.sect4Link .sect4Border{position: absolute;}
.sect4Link .sect4Border1{left: 0;top: 0;width: 0;height: 3px;background: #bd1e25;}
.sect4Link .sect4Border2{ right: 0;top: 0;width: 3px;height: 0;background: #bd1e25;}
.sect4Link .sect4Border3{right: 0;bottom: 0;width: 0;height: 3px;background: #bd1e25;}
.sect4Link .sect4Border4{bottom: 0;left: 0;width: 3px;height: 0;background: #bd1e25;}
.sect4i{width: 11px; height: 11px; background: url(../images/sect4i.png); position: absolute; left: 6px; top: 6px;}
.sect4Link a:hover{color: #404040;}


.header1MuneS{height: 40px; /*overflow: hidden;*//* width: 500px;*/ text-align: right;}
.header1MuneS.active{width: 0; }

.sect5Info{height: 100%; position: relative; width: 100%;}
.sect5Info .sect5Left{width: 62.5%; height: 100%; position: relative; background: url(../images/sect3YY.jpg);}
.sect5Info .sect5Right{width: 37.5%; height: 100%;}

.sect5Mes{position: absolute; top: 32%; right: -7.5%;}
.sect5Mes .sect5A{width: 142px; height: 128px;  margin-left: 36px; }
.sect5absolute{border: 8px #fff solid;}
.sect5Mes .sect5AInfo{display: inline-block; z-index: 30; text-align: right; left: -20px; position: relative; top: 14px;}
.sect5Mes .sect5A .span1{color: #282828; text-transform: uppercase; font-weight: 700; font-family: 'impact';}
.sect5Mes .sect5A .span2{color: #282828; font-size: 30px; font-weight: 700; position: absolute; right: -25px; line-height: 1; top: -10px;}
.sect5Mes .sect5A .span3{color: #2c2c2c; margin-top: 4px;}
.sect5brandBlock{position: relative; display: inline-block; float: right; left: 0; margin-left: 36px;}
.sect5brandBlock .botYw span{color: #8b8b8b;}
.sect5Round{width: 100px; text-align: center; position: absolute; z-index: 40; right: -50px; top: 0; height: 100%;}
.sect5Round a{border-radius: 50%; text-align: center; color: #fff; opacity: 0; display: none\9; transform:scale(1.5); -o-transform:scale(1.5); -moz-transform:scale(1.5);}
.sect5Round .sect3RoundA1{}
.sect5Round.active a{display: block\9; opacity: 1; transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1);}
.sect5Round.active .sect3RoundA1{transition:all 0.7s 1.2s; -webkit-transition:all 0.7s 1.2s; -moz-transition:all 0.7s 1.2s;}
.sect5Round.active .sect3RoundA2{transition:all 0.7s 0.6s; -webkit-transition:all 0.7s 0.6s; -moz-transition:all 0.7s 0.6s;}
.sect5Round.active .sect3RoundA3{transition:all 0.7s; -webkit-transition:all 0.7s;-moz-transition:all 0.7s;}

.section6{background: #e6e6e6;}
#caseListCon li{background: #e6e6e6; float: left;}
#caseListCon ul{ position: relative; width: 99999999px; }
.caseTitle{text-align: center; padding-top: 4%; padding-top: 2%\9}
.caseTitle .caseAdd{font-size: 24px; font-weight: 700; color: #1d1c1c;}
.caseTitle h2{color: #1d1c1c; font-family: 'impact'; text-transform: uppercase;}
.caseTitle h4{color: #2c2c2c; margin-top: 5px;}
.caseTitle .caseTitleLine{width: 18px; height: 2px; background: #383838; margin: 12px auto;}
.caseTitle .caseChoic{font-size: 13px; color: #818181;}
.caseTitle .caseChoic a{color: #818181; font-size: 13px; padding: 0 20px; vertical-align: middle;}
.caseTitle .caseChoic a.current,.caseTitle .caseChoic a.active,.caseTitle .caseChoic a:hover{color: #bd1e25;}
.caseTitle .caseChoic span{vertical-align: middle;}
.caseList{margin-top: 2.6%;}
.caseList li a{display: block; overflow: hidden; float: left; width: 20%; position: relative;}
.caseList  li a .caseListInfo{padding-bottom: 70%; overflow: hidden;}
.caseListMes{background: #d33940; text-align: center;  position: absolute; top: 0%; left: 0;width: 100%; height: 100%; transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); -webkit-transform:scale(0.5); opacity: 0; filter:alpha(opacity=0);} 
.caseListMes h3{color: #fff;}
.caseListMes .caseListLine{width: 16px; height: 1px; background: #e99ca0; margin: 8px auto;}
.caseListMes  .p{color: #f0979a;}
.caseListMes .caseadd{width: 16.22%; margin: 0 auto; margin-top: 20px;}
.caseListMes .caseadd img{width: 100%;}
.caseListMes .casei{position: absolute; width: 7.3%;}
.caseListMes .casei1{ top: 20px; left: 20px;}
.caseListMes .casei2{ bottom: 20px; right: 20px;}
.caseListMes .casei img{width: 100%;}
.caseList li a:hover .caseListMes,.pcaseListS:hover .caseListMes{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; filter:alpha(opacity=100)}
.caseBtnF{margin-top: 2.08%; text-align: center;}
.caseBtnF a{width: 35px; height: 35px; margin: 0 2px; display: inline-block;}
.caseBtnF .caseLeft{background: #f2f2f2 url(../images/caseLeft.png) center center no-repeat;}
.caseBtnF .caseLeft:hover{background: #d33940 url(../images/caseLefts.png) center center no-repeat;}
.caseBtnF .caseRight:hover{background: #d33940 url(../images/caseRights.png) center center no-repeat;}
.caseBtnF .caseRight{background: #f2f2f2 url(../images/caseRight.png) center center no-repeat;}
.caseBtnF .caseZ{background: #f2f2f2 url(../images/caseZ.png) center center no-repeat;}



.section7{background: url(../images/sect7YY.jpg); text-align: center;}
.section7 .sect7Topp1{padding: 13px; background: #bd1e25; display: inline-block;}
.section7 .sect7Topp2{color: #858585; margin-top: 10px; margin-bottom: 5px;}
.section7 .sect7Topp3{color: #d9dadb; }
.section7 .sect7Topp4{color: #383838; margin-top: 10px;}
.section7 .sect7Mid{height: 170px; background: #fff; margin-top: 3.3%;}
.section7 .sect7MideLeft{width:  79.3%;height: 100%;}
.section7 .sect7MideRight{width: 20.7%; height: 100%; text-align: left; background: #2d2d2d; padding-left: 34px;}
.section7 .sect7MideLeft form{text-align: right;}
.section7 .sect7MideLeft form input{height: 62px; border: 2px #f0f0f0 solid; padding: 0 16px;}
.section7 .input1{width: 17.2%;}
.section7 .input2{width: 26.8%;}
.section7 .input3{width: 35.25%; margin-right: 3px;}
.section7 .sect7MideRight a{width: 118px; color: #ffffff; height: 40px; position: relative; text-align: center; line-height: 40px;}
.section7 .sect7MideRight:hover a{ -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;}
.section7 .sect7i1{width: 13px; height: 13px; background: url(../images/sect7i1.png); position: absolute; left: 0; top: 0;}
.section7 .sect7i2{width: 13px; height: 13px; background: url(../images/sect7i2.png); position: absolute; bottom: 0; right: 0;}
.section7 .sect7cansle{width: 72px; height: 72px; line-height: 72px; position: relative; background: #fff; text-align: center;  color: #8c8c8c; font-size: 13px; display: block; margin: 0 auto;top: -36px; border-radius: 50%;}
.section7 .sect7cansle:hover{background: #bd1e25; color: #fff;}
.section7 .sect7MideLeft form input:focus{box-shadow: 0 0 5px #bd1e25}
.sect7Bot{margin-top: 3.9%; text-align: center;}
.sect7botp1{color: #c2c2c2; text-transform: uppercase;margin-bottom: 5px;}
.sect7botp2{ font-size: 13px; margin-bottom: 4%; color: #969696;}
.sect7I{position: relative;  margin: 0 12px;}
.sect7AS{width: 72px;height: 72px; overflow: hidden; line-height: 62px; border-radius: 50%; border: 2px #cecece solid; display: inline-block;}
.sect7I:hover{border-color: #bd1e25;}
.sect7I .img2,.sect7I .img1{position: relative; top: 0;}
.sect7I:hover .img1{top: -68px;}
.sect7I:hover .img2{top: -68px;}
.sect7AS>div{height: 68px; position: relative;}
.sect7AS img{    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.Xzewm img{width: 80px;}
.Xzewm{position: absolute; bottom: 120px; opacity: 0; filter:alpha(opacity=0); left: 50%; margin-left: -50px; padding: 10px; background:#fff;}
.sect7I:hover .Xzewm{bottom: 80px; opacity: 1; filter:alpha(opacity=100);}

.sect7Last{position: absolute; color: #7f7f7f; font-size: 12px; text-transform: uppercase; bottom: 0; height: 46px; line-height: 46px; background: #fff; width: 100%; padding: 0 2.8%;}
.sect7Last .sect7LastLeft{display: inline-block;}
.sect7Last .sect7LastRight{display: inline-block; margin-right: -10px;}
.sect7LastRight a{color: #7f7f7f; line-height: 1; font-size: 12px; padding: 0 10px; border-right: 1px #d9d9d9 solid;}
.sect7LastRight a:hover{color: #bd1e25;}
.sect7LastRight a:last-child{border: 0;}

.iSection7{}
.isect7Bg{position: absolute; bottom: 0; left: 50%; margin-left: -23.7%; width: 47.5%;}
.iSection7 .sect7Last{background: rgba(255,255,255,0.8)}
.isect7Info{padding-top: 10.92%;}
.isect7Info .isectTel{color: #252525; font-family: 'impact'; margin-top: 15px;}
.isect7Line{width: 13px; height: 1px; display: block; background: #a8a8a8; margin: 3px auto;}
.isectText{color: #252525; line-height: 28px; margin-top: 3px;}
.isectAddr{margin-top: 5px;}
.isectAddr a{padding-left: 13px; color: #7e7e7e; font-size: 13px; margin: 0 15px; background: url(../images/addrIcon.png) left center no-repeat;}
.isectAddr .isect7Line{margin: 8px auto;}
.iSection7 .sect7Bot{margin-top: 20px;}
.isectAddr a:hover{color: #bd1e25;}

#Pdowebok,.commonBg{overflow: auto;}
.newsSection{background: url(../images/sect3YY.jpg);}
.commonBg{background: url(../images/commbg.png);}
.newsBanner{padding-bottom: 20%; height: 0; overflow: hidden;}
.newsBanner .caseTitle{padding-top: 8.8%;}
.newsList{width: 62.5%; margin: 0 auto; margin-top: -2.7%;}
.newsList li {margin-bottom: 22px;}
.newsList li a{background: #fff; position: relative; padding:  2.83% 32.5% 2.83% 8.83%; display: block;}
.newsList .newsMain h3{color: #424141; height: 20px; line-height: 20px; overflow: hidden;}
.newsList .newsMain h4{color: #e9e9e9; margin-top: 5px;}
.newsList .newsText{color: #a0a0a0; height: 16px; line-height: 16px; margin-top: 12px; overflow: hidden;}
.newsList li:hover h3{color: #bd1e25;}
.newsList .newsText span{display: block;}
.newsList .newsyh{position: absolute; left: 2.25%; top: 12px; width: 4.5%;}
.newsList .newsyh img{width: 100%;}
.newsList .newsImg{width: 13.58%; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px #f2f2f2 solid;}
.newsList{margin-bottom: 150px;}
.newsMore{color: #7e7e7e; font-size: 13px; text-align: center; position: absolute; bottom: 35px; left: 0; width: 100%;}
.newsMoreS{display: inline-block;}
.newsAdd .img2{display: none;}
.newsAdd img{margin-bottom: 12px;}
.newsMore:hover{color:#bd1e25; }
.newsMoreS:hover .img1{display: none;}
.newsMoreS:hover .newsAdd .img2{display: inline-block;}

/*.Pbrand{border-top: 14px #fff solid;}*/
.PbrandLeft{width: 41%; position: fixed; height: 100%; top: 0; left: 0;}
.PbrandMid{width: 36.25%; overflow: hidden; margin-left: 41%; position: relative; background: #fff; }
.PbrandRight{width: 22.75%; position: fixed; right: 0;top: 0; height: 100%;}
.brandTitle{position: absolute; transition:all 0.6s ease-out; -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; top: 15.6%; right: 11.02%; text-align: right;}

.brandHideInfo .brandTitle{text-align: left;position: relative;right: 0;top: 0;}
.branda{color: #1e1e1e;}
.branda .brandaspan1{font-weight: 700; font-family: 'impact'; }
.branda .brandaP{display: inline-block; }
.branda .brandaspan2{text-transform: uppercase; margin-bottom: 5px;} 
.branda .brandaspan3{font-weight: 700;}
.brandTitle .brandLine{width: 18px; height: 3px; background: #2b2b2b; margin: 25px 0;}
.brandTitle .brandTyw{color: #fff; font-family: 'impact'; text-transform: uppercase;}
.brandTitle .brandTyw span{color: #bd1e25;}
.brandTitle .brandTP1{color: #353535; margin:14px 0;  }
.brandTitle .brandTP1 span{margin: 0 15px; }
.yw{color: #cecece; margin-bottom: 5px;text-transform: uppercase;}
.zw{color: #353535;}
.brandTbot p{margin-bottom: 15px; color: #555555;}
.red{color: #bd1e25;}
.PbrandMidInfo{ background: #fff; position: relative; height: 100%; overflow: auto; width: 100%; }
.PbrandMidInfo ul{padding-left: 9.48%; padding-right: 12.06%; position: relative;}
.PbrandMidInfo li{margin-bottom: 40px; padding-left: 30px; position: relative;}
.PbrandMidInfo .PbrandMidNum{color: #4a4a4a; position: absolute; left: 0;top: 0;}
.pbrandMidTitle h3{color: #2b2b2b; font-weight: 700; margin-bottom: 5px;}
.mid_line1{width: 33.1%; height: 1px; background: #d7d7d7; margin-top: 25px; margin-bottom: 20px;}
.pbrandMidText{color: #848484;line-height: 30px;}
.mid_line2{width: 84px; height: 1px;  background: #d7d7d7; margin-top: 25px; }
.PbrandList{position: absolute; top: 30%; left: 0;width: 100%;}
.PbrandListL{padding-left: 6.7%;}
.PbrandListL li{width: 50%;  padding-right: 10px; float: left; transform:translateX(-100px); -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); opacity: 0; filter:alpha(opacity=0); display: none\9;}
.PbrandList li{position: relative;}
.PbrandList .li0,.PbrandList .li2{transition:all 0.6s 0.4s ease-out; -webkit-transition:all 0.6s 0.4s ease-out; -moz-transition:all 0.6s 0.4s ease-out;}
.PbrandList .li1{transition:all 0.6s ease-out; -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;}
.PbrandList li a{display: block; background: #fff; position: relative;}
.PbrandListR{padding-right: 12.85%;}
.PbrandListR li{width: 100%; padding-left: 10px; transform:translateX(100px); -webkit-transform:translateX(100px); -moz-transform:translateX(100px); opacity: 0; filter:alpha(opacity=0); display: none\9;}
.pbrandImg{padding-bottom: 57.7%; height: 0; overflow: hidden; position: relative;}
.pbrandListMes{padding: 8.8% 8.2% 14.36% 8.2%;}
.pbrandListMes .pbrandH3{color: #373737; line-height: 20px; height: 20px; overflow: hidden;}
.pbrandListMes .pbrandH4{color: #b8b8b8; line-height: 16px; height: 16px; overflow: hidden;}
.pbrandListLine1{width: 15%; height: 1px; background: #c7c7c7; margin-top: 14px; margin-bottom: 20px;}
.pbrandListLine1{margin-top: 20px;}
.pbrandListMes .pbrandMidText{height: 180px; overflow: hidden;}
.moreCase{color: #848484; display: inline-block; padding-right: 18px; background: url(../images/sb1.png) right center no-repeat;}
.PbrandList li:hover .moreCase{color: #bd1e25; background: url(../images/sb1s.png) right center no-repeat; }
.pbrandSb{position: absolute; top: -45px; left: 50%; margin-left: -48px;}
.brandTitle.active{transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity: 0; filter:alpha(opacity=0); display: none\9;}
.PbrandList.active li{transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); opacity: 1; filter:alpha(opacity=100); display: block\9;}

.caseBanner{padding-bottom: 20%; position: relative; height: 0; overflow: hidden;}
.pcontainer{width: 72.9%; margin: 0 auto;}
.caseBannerInfo{bottom: 9.375%; width: 100%; left: 0; position: absolute;}
.caseBannerInfo h3{color: #fff; font-weight: bold; text-transform: uppercase;}
.caseBannerInfo .caseBannerLine{width: 25px; height: 3px; background: #fff; margin: 14px 0;}
.caseBannerInfo .caseBannerText{color: #fff; margin-bottom: 20px; opacity: 0.6; filter:alpha(opacity=60)}
.caseBannerA{width: 130px; margin-right: 4px; height: 45px; border: 4px #fff solid; text-align: center; line-height: 37px; color: #fff; position: relative;}
.caseBannerA .caseBspan{position: relative; z-index: 20;}
.caseBannerA .caseBg{background: #fff; opacity: 0; filter:alpha(opacity=0)}
.caseBannerA:hover .caseBannerText{color: #1e1e1e;}
.caseBannerA:hover .caseBg{ opacity: 0.6; filter:alpha(opacity=60)}

.casedetail .sect7Icon{margin: 22px 0;}
.casedetail .sect7Icon a{width: 34px; height: 34px; text-align: center; line-height: 24px;}
.casedetail .sect7Icon a img{width: 22px;}
.casedetail .sect7Icon a:hover .img1{margin-top: -30px;}

.footer{margin-top: 5.73%;padding-top: 36px; padding-bottom: 40px; border-top: 1px #dfdfdf solid;}
.footerLeft{display: inline-block;}
.footerLeftR{display: inline-block; line-height: 28px; vertical-align: top; margin-left: 22px;}
.footerEwm{display: inline-block; text-align: center;}
.footerEwm .ewm{padding: 13px; background: #bd1e25;}
.footerEwm .ewm img{width: 90px;}
.footerEwm .ewmP1{color: #858585; margin-top: 10px; margin-bottom: 5px;}
.footerEwm .ewmP2{color: #dfdfdf; text-transform: uppercase;}
.footerLine{background: #a8a8a8; height: 1px; width: 12px; margin: 0 auto;}
.footerLeftR h3,.sect7Mid2 h3{color: #252525; font-family: 'impact'; margin: 3px 0;}
.footerLeftR .lett,.sect7Mid2 .lett{color: #383838; }
.footerLeftR .yw{color: #7f7f7f;}
.footerRight{display: inline-block; text-align: right;}
.footerRight .sect7Icon{text-align: center; display: inline-block;}
.footerRight .isectAddr a{margin: 0 8px; margin-top: 10px;}

.softD_banner{width:100%;height:381px;background-size:cover; overflow:hidden;}

.contentF{width:100%;background:#f8f8f8;}
.content{width:1200px;margin: 0 auto 0;position:relative;z-index: 100;top:-158px;}
.content .left_title{width:330px;background:#fff;padding:37px 20px 30px 15px;position:relative;}
.content .right_con{width:850px;background:#fff;padding-top: 70px;}
.content .left_title .title{color:#1e1e1e;margin-bottom: 28px; }
.content .left_title .title .big_S{font-family:'impact';}
.content .left_title .title .small_t{display:inline-block;}
.content .left_title .title .small_t .boldp{font-weight: bold;}

.content .left_title .line1{width:15px;height:2px;background:#1e1e1e;margin-bottom: 11px;}
.content .left_title .excon p{width:262px;overflow:hidden;line-height: 30px; color:#555555;}
.content .left_title .line2{width:36px;height:2px;background:#1e1e1e;margin: 11px 0;}
.content .left_title .excon .big_c{color:#2a2a2a;line-height: 26px;}
.content .left_title .excon .big_c span{color:#dedede;}
.content .soft_more{width:110px;height:94px;margin-top: 35px;background:url(../images/soft_more.png);}
.content .soft_more:hover{background:url(../images/soft_mores.png);}
.content .softicon{width:17px;height:17px;background:url(../images/softicon.png);position:absolute;top:235px;right:-8px;}
.content .right_con .con_one{width:100%;margin-bottom: 100px}
.content .right_con .title{text-align: center;}
.content .right_con .title .line1{width:18px;height:3px;background:#2b2b2b;margin: 0 auto;}
.content .right_con .title .en{line-height: 50px;font-family:'impact';}
.content .right_con .title .en span{color:#bd1e25;}
.content .right_con .title .ch{margin-bottom: 10px;}
.content .right_con .title .ch .ch_ch{line-height: 26px;}
.content .right_con .title .ch span.ch_en{color:#cecece;}
.content .right_con .title .botwz{font-weight: bold;margin: 20px 0 52px;}
.content .right_con .con_one .con_oneCon{width:100%;}
.content .right_con .con_one .con_oneCon .img1{width:742px;height:252px;overflow:hidden;margin: 0 auto 54px;}
.content .con_one .con_oneCon .img1 img{width:100%;}
.content .con_one .con_oneCon ul{width:742px;margin: 0 auto;}
.content .con_oneCon ul li .line{height:1px;margin-left: 15px; background:#d0d0d0;}
.content .con_oneCon ul li .line.line1{width:124px;}
.content .con_oneCon ul li .line.line2{width:220px;}
.content .con_oneCon ul li .line.line3{width:356px;}
.content .con_oneCon ul li .line.line4{width:160px;}
.content .con_oneCon ul li .line.line5{width:230px;}
.content .con_oneCon ul li .line.line6{width:107px;}
.content .con_oneCon ul li .line.line7{width:210px;}
.con_oneCon ul li .line.line8{width:224px;}
.content .con_oneCon ul li a{width:100%;line-height: 28px;height:28px;overflow:hidden;}
.content .con_oneCon ul li a .tleft{color:#353535;font-weight: bold;}
.content .con_oneCon ul li a .cleft{color:#353535;}
.content .con_twoCon ul{width:750px;margin: 0 auto 100px;}
.content .con_twoCon ul li{border-top: 1px #e3e3e3 solid;padding-top: 34px;padding-bottom: 26px;}
.content .con_twoCon ul li .imgleft{width:218px;height:172px;border: 1px #e3e3e3 solid;text-align: center;line-height: 162px;overflow:hidden;}
.content .conright{width:500px;color:#353535;line-height: 30px;margin-top: -8px;}
.conright p.con{margin-bottom: 45px;}
.content .con_three .con_threeCon{width:742px;margin: 0 auto;border-top: 1px #e3e3e3 solid;padding-top: 34px;color:#353535;line-height: 30px;padding-bottom: 100px;}
.content .con_three .con_threeCon .img{width:100%;height:338px;overflow:hidden; margin-top: 80px;}
.content .con_three .con_threeCon .img img{width:100%;}

.microW_banner{width:100%;height:382px;background-size: cover;overflow:hidden;}

.microW_contentF{width:100%;background:#f8f8f8;}
.microW_content{width:1200px;margin: 0 auto 0;position:relative;z-index: 100;}
.toptitle{margin-top: -235px;}
.microW_content .left_title{width:330px;background:#fff;padding:37px 20px 30px 15px;position:relative;margin-top: -160px;}
.microW_content .right_con{width:820px;}
.microW_content .left_title .title{color:#1e1e1e;margin-bottom: 28px; }
.microW_content .left_title .title .big_S{font-family:'impact';}
.microW_content .left_title .title .small_t{display:inline-block;}
.microW_content .left_title .title .small_t .boldp{font-weight: bold;}

.microW_content .left_title .line1{width:15px;height:2px;background:#1e1e1e;margin-bottom: 11px;}
.microW_content .left_title .excon p{width:262px;overflow:hidden;line-height: 30px; color:#555555;}
.microW_content .left_title .line2{width:36px;height:2px;background:#1e1e1e;margin: 11px 0;}
.microW_content .left_title .excon .big_c{color:#2a2a2a;line-height: 26px;}
.microW_content .left_title .excon .big_c span{color:#dedede;}
.microW_content .soft_more{width:110px;height:94px;margin-top: 35px;background:url(../images/soft_more.png);}
.microW_content .soft_more:hover{background:url(../images/soft_mores.png);}
.microW_content .softicon{width:17px;height:17px;background:url(../images/softicon.png);position:absolute;top:227px;right:8px;}

.microW_content .right_con .con_one{width:100%;margin-bottom: 100px}
.microW_content .right_con .title{text-align: center;}
.microW_content .right_con .title .line1{width:18px;height:3px;background:#2b2b2b;margin: 0 auto;}
.microW_content .right_con .title .en{line-height: 50px;font-family:'impact';}
.microW_content .right_con .title .en span{color:#bd1e25;}
.microW_content .right_con .title .ch .ch_ch{line-height: 26px;}
.microW_content .right_con .title .ch span.ch_en{color:#cecece;margin-top: 10px;margin-bottom: 5px;}
.microW_content .right_con .title .botwz{font-weight: bold;margin: 20px 0 52px;}
.microW_content .right_con .con_one .con_oneCon{width:100%;}
.microW_content .right_con .con_one .con_oneCon .img1{width:407px;height:320px;overflow:hidden;margin: 0 auto 54px;}
.microW_content .right_con .con_one .con_oneCon .img2{width:376px;height:364px;overflow:hidden;margin: 0 auto 54px;}
.microW_content .con_one .con_oneCon .img1 img{width:100%;}
.microW_content .con_one .con_oneCon .img2 img{width:100%;}

.mt120 {
    margin-top: 120px;
}

.lightSpeedIn{animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: .9s; animation-delay: .9s;}

.section2Info a .sect2BlockAs{opacity: 0; filter:alpha(opacity=0)}
.section2Info.active .a1 .sect2BlockAs{-webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; opacity: 1; filter:alpha(opacity=100)}
.section2Info.active .a2 .sect2BlockAs{-webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 0.4s; opacity: 1; filter:alpha(opacity=100); animation-delay: 0.4s;}
.section2Info.active .a3 .sect2BlockAs{-webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 0.8s; opacity: 1; filter:alpha(opacity=100); animation-delay: 0.8s;}
.brandBlock{transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s;}
.brandMoreF{transition:all 1.4s; -webkit-transition:all 1.4s; -moz-transition:all 1.4s;}
.brandBlock.active2{transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity: 0; filter:Alpha(opacity=0);}
.brandMoreF.active2{transform:translateX(200px); transform:translateX(200px); transform:translateX(200px); opacity: 0; filter:Alpha(opacity=0);}
.sect4Mes{opacity: 0; filter:alpha(opacity=0); transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}
.sect4Mes.active{opacity: 1; filter:alpha(opacity=100)}
.sect4Mes.active h3{animation: lightSpeedIn .9s ease-in-out both; -webkit-animation: lightSpeedIn .9s ease-in-out both;}
.sect4Mes.active .bHideYw1{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.sect4Mes.active .sect4H41{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay:1.2s;}
.sect4Mes.active .brandList{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 1.7s; animation-delay: 1.7s;}
.sect4Mes.active .bHideYw2{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 2.2s; animation-delay: 2.2s;}
.sect4Mes.active .sect4H42{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 2.2s; animation-delay: 2.2s;}
.sect4Mes.active .sect4Link,.sect4Mes.active .indexBrand{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 2.7s; animation-delay: 2.7s;}
.sect5Left,.caseInfo,.isect7Info{opacity: 0; filter:alpha(opacity=0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;} 
.sect5Left.active,.caseInfo.active,.caseList.active,.isect7Info.active{opacity: 1; filter:alpha(opacity=100);}
.sect5Left.active .sect5MesS{-webkit-animation: rotateIn .9s ease-in-out both; animation: rotateIn .9s ease-in-out both;}
.sect5Left.active .brandBlock2{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: .7s; animation-delay:.7s;}
.caseInfo.active .caseTitle{animation: lightSpeedIn .1.4s ease-in-out both; -webkit-animation: lightSpeedIn 1.4s ease-in-out both;}
.caseList{opacity: 0; filter:alpha(opacity=0); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.isect7Info.active .sect7Ewm{animation: bounceInDown 1.5s ease-in-out both; -webkit-animation: bounceInDown 1.5s ease-in-out both;}
.isect7Info.active .isectTel{animation: flipInX  .7s ease-in-out both; -webkit-animation: flipInX  .7s ease-in-out both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.isect7Info.active .isectText{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 1.3s; animation-delay:1.3s;}
.isect7Info.active .isectAddr{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 1.8s; animation-delay:1.8s;}
.isect7Info.active .sect7Icon{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 2.2s; animation-delay:2.2s;}
.commonRight.lightSpeedInLeft{-webkit-animation: lightSpeedInLeft 1s ease-in-out both; animation: lightSpeedInLeft 1s ease-in-out both;}
.PlightSpeedIn{animation: lightSpeedIn 1s ease-in-out both; -webkit-animation: lightSpeedIn 1s ease-in-out both;}
.Psect7.active .sect7Top,.bounceInDowns{animation: bounceInDown 1.5s ease-in-out both; -webkit-animation: bounceInDown 1.5s ease-in-out both;}
.Psect7.active .sect7Mid{animation: flipInX  .7s ease-in-out both; -webkit-animation: flipInX  .7s ease-in-out both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.Psect7.active .sect7BotS{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 1.3s; animation-delay:1.3s;}
.Psect7.active .sect7Icon{-webkit-animation: fadeInUp .9s ease-in-out both; animation: fadeInUp .9s ease-in-out both; -webkit-animation-delay: 1.8s; animation-delay:1.8s;}
.Psect7.active .sect7Mid2{animation: flipInX  .7s ease-in-out both; -webkit-animation: flipInX  .7s ease-in-out both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}

.footer .sect7LastRight{margin-left: -10px;}
.pxbImg{position: absolute; bottom: 19.6%; width: 71.6%; left: 50%; margin-left: -35.8%;}
.PbrandMid,.PbrandLeft,.PbrandRight{z-index: 20;}

.news_detail_mes{background: url(../images/aboutDw.jpg); padding: 6% 15%; margin: 0 auto;}
.news_detail_mes .new_detail_top{height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 2%;}
.news_detail_mes .new_detail_top_left{width: 55%;color: #141414;font-size: 18px;float: left;}
.news_detail_mes .new_detail_top_right{width: 40%;text-align: right;color: #141414;opacity: 0.5;filter:alpha(opacity=50);font-size: 13px;float: right;}
.news_detail_mes .news_detail_share{margin-left: 10px;}
.news_detail_icons{width: 17px; height: 13px; background-size: cover; margin-left: 5px;}
.news_detail_mes .new_detail_info{padding-top: 4%;padding-bottom: 4%;color: #141414;font-size: 13px;line-height: 27px;}
.news_detail_mes .common_scroll{opacity: 0; filter:alpha(opacity=0);}
.news_detail_mes .new_detail_pic{width: 100%; text-align: center;}
.news_detail_mes .new_detail_pic img{max-width: 100%; height: auto; margin-bottom: 10px;}
.news_detail_mes .news_detail_line{width: 100%; margin-top: 4%; height: 1px; border-bottom: 1px #292929 dashed;}
.news_detail_mes .news_detail_page{margin-top: 4%;}
.news_detail_mes .news_detail_page a{color: #141414;font-size: 13px;display: block;position: relative;line-height: 22px;margin-bottom: 10px;}
.news_detail_mes .news_detail_pageone{width: 55px; position: absolute; left: 0; top: 0;}
.news_detail_mes .news_detail_pagecon{width: 100%; padding-left: 55px;}
.news_detail_mes .new_detail_top_hide{display: none;}

.pcaseList .caseInfo{opacity: 1; filter:alpha(opacity=100);}
.pcaseList .caseList{opacity: 1; filter:alpha(opacity=100);}
.pcaseList .caseListCon{padding-bottom: 150px;}
.loadA{width: 100%; height: 40px; background: #bd1e25; text-align: center; color: #fff; font-size: 13px; display: block;}
.pcaseList .newsMore{position: relative;}
.sect7Mid2{text-align: left; margin-top: 3.29%; background: #fff; overflow: hidden;}
.sect7Mid2 ul{height: 100%;}
.sect7Mid2 li{width: 100%;float: left;height: 100%;}
.sect7Mid2 li.li2{border-left: 2px #ececee solid;border-right: 2px #ececee solid;}
.sect7Mid2Info {text-align: center;padding: 2.9% 8.59%;}
.sect7Mid2Info .lett{margin: 0; line-height: 32px;  min-height: 32px;}
.sect7Mid2Info .sect7mid2P1{margin-bottom: 26px;}
.sect7Mid2Info .sect7mid2P1 img{margin-right: 5px; width: 13px;}
.sect7Mid2Info .sect7mid2P1 span{vertical-align: middle;}
.sect7Mid2Info .addrLett{}

.text_wrap{ line-height:150%; padding:20px 10px;font-size: 14px; }
.text_wrap h2.h2{ font-size:16px; text-align:center; line-height:24px; margin-bottom:10px; }
.text_wrap h4.h4{ font-size:12px; text-align:right; color:#999; margin-bottom:10px; font-weight:normal; }
.line {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

.Rsection6{position: relative; top: 0;}
.Rsection6Info{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.brandTbotA{width: 100px; color: #d6d6d6; height: 40px;position: relative; text-align: center; line-height: 40px; }
.brandTbotA .bigBorder{border: 2px #d6d6d6 solid; }
.brandTbotA .brandTbotBorder1{background: #2f2f2f;  position: absolute; top: 0; height: 2px;width: 30%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.brandTbotA .brandTbotBorder2{border-left: 2px #2f2f2f solid; transition:all 0.4s 0.15s; -webkit-transition:all 0.4s 0.15s; -moz-transition:all 0.4s 0.15s;}
.brandTbotA .brandTbotBorder3{background: #2f2f2f;  position: absolute; bottom: 0; height: 2px;width: 70%; transition:all 0.7s 0.4s; -webkit-transition:all 0.7s 0.4s; -moz-transition:all 0.7s 0.4s;}
.brandTbotA p{margin-bottom: 0;}
.brandbotBorder1{background: #bd1e25;  position: absolute; top: 0; right: 0; height: 2px;width: 70%; transition:all 0.3s 0.4s; -webkit-transition:all 0.3s 0.4s; -moz-:all 0.3s 0.4s;}
.brandbotBorder2{border-right: 2px #bd1e25 solid; transition:all 0.4s 0.15s; -webkit-transition:all 0.4s 0.15s; -moz-transition:all 0.4s 0.15s;}
.brandbotBorder3{border-bottom: 2px #bd1e25 solid; position: absolute; bottom: 0; width: 30%; right: 0; transition:all 0.3s; webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.brandTbotA:hover,.brandTbotA.actives{color: #404040;}
.brandTbotA .sect4i{display: none;}
.brandTbotA:hover .brandTbotBorder,.brandTbotA:hover .brandbotBorder{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.brandTbotA.actives .brandTbotBorder,.brandTbotA.actives .brandbotBorder{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.brandDesignLine{width: 88px; height: 1px; background: #d7d7d7; margin-bottom: 28px;}

.branDesign {margin-top: 48px;}
.branDesign .brDeH4{font-weight: 700; color: #484848; margin-top: 2px;}
.branDesign  .brDeText{color: #484848; line-height: 30px; margin-top: 6px;}
.branDesign  li{margin-bottom: 44px;}
.brdegInfo{margin-top: 90px; margin-left: 60px; padding-bottom: 144px;}
.brdegInfo li{width: 210px;  border-bottom: 1px #e5e5e5 solid; float: left;  position: relative;}
.brdegInfo .brdegTitle{padding: 0 46px; height: 138px; border-top: 1px #e5e5e5 solid; border-left: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid; padding-right: 0; background: #f5f6f6; border-bottom: 1px #e5e5e5 solid;}
.brdegInfo .brdegTitle h3{margin-bottom: 10px;}
.brdegInfo .brdegCon{height: 306px; padding: 35px 46px; border-left: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid;}
.brdegText{line-height: 30px; color: #666666;}
.brdegseti1{width: 10px; height: 10px; background: url(../images/brdei1.png); position: absolute; left: 10px;top: 10px;}
.brdegseti2{width: 10px; height: 10px; background: url(../images/brdei2.png); position: absolute; right: 10px;top: 10px;}
.brdegseti3{width: 10px; height: 10px; background: url(../images/brdei3.png); position: absolute; left: 10px;bottom: 10px;}
.brdegseti4{width: 10px; height: 10px; background: url(../images/brdei4.png); position: absolute; right: 10px;bottom: 10px;}
.brdegInfo li:hover{}
.brdegseti{opacity: 0; display: none\9;}
.brdegInfo li.active .brdegTitle{height: 158px; margin-top: -20px; background: #bd1e25; border-color: #bd1e25;} 
.brdegInfo li.active .brdegCon{height: 328px; border-color: #bd1e25;}
.brdegInfo li.active{width: 310px;}
.brdegInfo li.active h3{color: #fff;}
.brdegInfo li.active .yw{color: #fff;}
.brdegInfo li.active .lookCase{  opacity: 1;  display: block\9; animation: lightSpeedIn .9s ease-in-out both;
    -webkit-animation: lightSpeedIn .9s ease-in-out both;}
.brdegInfo li.active .brdegText1{height: 90px; overflow: hidden;}
.brdegInfo li.active .brdegC{ opacity: 1;  display: block\9; -webkit-animation: fadeInUp 0.6s ease-in-out both;animation: fadeInUp 0.6s ease-in-out both; -webkit-animation-delay: 0.3s; animation-delay: 0.3s}
.brdegInfo li.active .brdegseti{-webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; opacity: 1; display: block\9;}
.brdegInfo li h3{color: #333333;}
.brdegText1{height: 210px;}
.brdegLine{width: #d7d7d7; width: 86px; height: 1px; background: #d7d7d7; margin-top: 24px; margin-bottom: 20px;}
.lookCase{margin-top: 52px; width: 116px; height: 34px; border: 1px #bd1e25 solid; position: relative; text-align: center; line-height: 32px; color: #bd1e25;}
.lookCase .looki1{width: 3px; height: 3px; background: url(../images/i1.png); position: absolute; left: 1px; top: 1px;}
.lookCase .looki2{width: 3px; height: 3px; background: url(../images/i2.png); position: absolute; bottom: 1px; right: 1px;}
.brdegC{opacity: 0;  display: none\9; position: absolute; bottom: 112px; left: 46px}
.lookCase{opacity: 0; display: none\9;  position: absolute; bottom: 30px; left: 46px;}
.sect7Topp1 img{width: 90px;}
.Pbrand {overflow: hidden;}

.left_title.active{position: fixed;z-index: 9999; top: 0;}

 .microW_content .left_titleF .left_title{margin-top: 0;}
 .left_titleF{top: -160px; position: relative;}
 #popOwl .owl-controls{display: none !important;}
 .muneS{display: inline-block; vertical-align: middle;}
 .muneS a{color: #2f2f2f; padding: 0 20px; position: relative;font-size: 18px;}
 .muneS a:hover, .muneS a.active{color: #bd1e25}
 .muneS a span{display: block; width: 1px; height: 6px; background: #2f2f2f; opacity: 0.6; filter:alpha(opacity=60); position: absolute; left: 0; top: 17px;}
 .muneS a p{display: block; width: 1px; height: 6px; background: #2f2f2f; opacity: 0.6; filter:alpha(opacity=60); position: absolute; right: 0; top: 50%; margin-top: -3px;}
.muneBlock.active .muneS a{color: #fff;font-size: 18px;position: relative;}
.muneBlock.active .muneS a span{background: #fff;}
.muneBlock.active .muneS a p{background: #fff;}
.indexBrand .sect4i{display: block;}
.indexBrand a{width: 140px; height: 70px; line-height: 70px;}
.muneBlock.active .muneS a::after,
.muneS a::after {content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 20px;
    width: 0;
    height: 1px;
    background-color: #bd1d25;
    transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s;
    opacity: 0;
}

.muneBlock.active .muneS a:hover::after,.muneS a:hover::after{width: 50%;opacity: 1;}
.muneBlock.active .muneS a:hover,.muneS a:hover {color: #bd1d25; transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}

/*.newsCon{position: relative; background: none;}*/
.pNewsConLeft{position: absolute; width: 18.75%; height: 100%; background: #fff; padding-left: 44px; border-right: 1px #ececec solid;}
.pNewsConLeft .pNews_info h2{color: #131313; font-family: 'impact'; text-transform: uppercase;}
.pNewsConLeft .pNewsLine{width: 18px; height: 2px; background: #383838; margin-top: 12px; margin-bottom: 12px;}
.pNewsConLeft .pNews_info h3{color: #111111; font-weight: bold;}
.pNewsConLeft .pNews_info h3 span{font-size: 20px;}
.pNewsConLeft .pNewsA{ padding-right: 25px; display: inline-block; border-top: 1px #eaeaea solid; margin-top: 20px; padding-top: 20px;}
.pNewsConLeft .pNewsA a{color: #232323; margin-right: 22px;}
.pNewsConLeft .pNewsA a img{vertical-align: middle;}
.pNewsConLeft .pNewsA a span{vertical-align: middle;}
.pNewsConLeft .pNewsA a .img2{display: none;}
.pNewsConLeft .pNewsA a.active .img2,.pNewsConLeft .pNewsA a:hover .img2{display: inline-block;}
.pNewsConLeft .pNewsA a.active .img1,.pNewsConLeft .pNewsA a:hover .img1{display: none;}
.pNewsConRight{position: absolute; width: 80%; right: 0; top: 0; height: 100%;}
.pNewsConRight .pNewsConRightInfo {height: 100%; overflow: hidden;}
.pNewsConRight .pNewsConRightInfo ul{overflow: hidden; position: relative; height: 100%;}
.pNewsConRight .pNewsConRightInfo>ul>li{height: 100%; overflow: hidden; float: left;}
.pNewsConRight .pNewsConRightMes{padding-top: 38.79%; height: 100%; padding-bottom: 13.57%; background: url(../images/commbg.png);}
.pNewsConRight .pNewsConRightInfo>ul>li>a{display: block; float: left;  width: 33.33%; border-right: 1px #eaeaea solid; height: 100%; position: relative;}
.pNewsConRight .pNewsConRightInfo>ul>li .pNnews_more{position: absolute; color: #494949; bottom: 0; left: 15.94%;}
.pNewsConRight .pNewsConRightInfo>ul>li .pNewsListMes{height: 100%; padding-left: 15.94%;}
.pNewsConRight .pNewsConRightInfo>ul>li .pNewsListMes h2{position: absolute; top: 0; left: 15.94%; color: #2e2e2e; font-family: 'impact';}
.pNewsConRight .pNewsConRightInfo>ul>li .pNnews_more .img2{display: none;}
.pNewsConRight .pNewsConRightInfo>ul>li .pNnews_more img{vertical-align: middle;}
.pNewsConRight .pNewsConRightInfo>ul>li>a:hover .pNnews_more .img1{display: none;}
.pNewsConRight .pNewsConRightInfo>ul>li>a:hover .pNnews_more .img2{display: inline-block;}
.pNewsConRight .pNewsList{height: 100%; position: relative;}
.pNnews_p1{color: #cacaca; text-transform: uppercase;}
.pNnews_p1 span{color: #1a1a1a; font-weight: bold; margin-right: 3px;}
.pNnews_p11{color: #424141; height: 20px;line-height: 20px; margin-top: 8px; overflow: hidden; padding-right: 20px;}
.pNnews_p2{width: 13px; height: 4px; background: #313131; margin-top: 16px; margin-bottom: 16px;}
.pNewsConRight .pNewsConRightInfo>ul>li .pNnews_p3{color: #3b3b3b;}
.pNewsConRight .pNewsConRightInfo>ul>li .pNnewsMid{height: 0; padding-bottom: 48.7%; position: relative; overflow: hidden; margin-top: 14px; margin-bottom: 30px; background: #131313; text-align: center;}
.pNewsConRight .pNewsConRightInfo>ul>li .pNews_Num{font-family: 'impact'; color: #fff;}
.pNewsConRight .pNewsConRightInfo>ul>li .pNnews_p4{color: #8f8f8f; line-height: 24px; overflow: hidden; height: 72px;}
.pNewsConRight .pNewsConRightInfo>ul>li .firstA .pNnews_p4{height: 56px; line-height: 28px;}
.pNewsConRight .pNewsConRightInfo>ul>li .firstA .pNnewsMid{margin-bottom: 25px;}

.caseLogo{position:fixed;top: 17px;left:44px;z-index: 999999;overflow: hidden;width: 248px;}
.caseLogo .caseLogoS{position: relative; left: -230px; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;}
.caseLogo *{vertical-align: middle}
.caseLogo .ncasespan1{color:#bd1e25; font-size: 18px; font-weight: bold;}
.caseLogo .ncasespan2{color:#242424; }
.caseLogo .ncasespan3{color:#2a2a2a; /* text-transform: uppercase; */font-weight: bold; }
.caseLogo .pcaseClick{margin-left: 22px; cursor:pointer; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

.pcaseLeft{position:absolute; z-index: 9999; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; width:14.75%; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); height:100%; background:#f9f9f9;}
.pcaseLeft .pcaseMid{position:absolute; width:100%; top:23.4%; left:0; padding-left: 12.77%; padding-right: 12.77%;}
/*.pcaseLeft .pcaseMid a{display:block; padding-left: 22.7%;  overflow:hidden; padding-right: 20px; border-top: 1px #eeeeee solid; color: #6a6a6a;}
.pcaseLeft .pcaseMid a span{padding-left: 18px; height:60px; line-height: 60px; background:url(../images/PcaseDot.png) left center no-repeat; display:block; }
.pcaseLeft .pcaseMid a:hover{color: #bd1e25;}*/
.pcaseLeft .pcaseMid a{height: 60px; display: block; line-height: 60px; position: relative; padding-left: 25px; color: #6a6a6a;}
.pcaseLeft .pcaseMid_p1{position: relative;}
.pcaseLeft a .span2{width: 9px; height: 15px; background: url(../images/new_case_arrow.png); display: inline-block; vertical-align: middle; margin-left: 28px; opacity: 0; transform:translateX(10px); display: none\9;}
.pcaseLeft a.active .span2,.pcaseLeft a:hover .span2{opacity: 1; transform:translateX(0px); display: block\9;}
.pcaseLeft a.active .span_icon,.pcaseLeft a:hover .span_icon{opacity: 1;}
.pcaseLeft a .span3{height: 1px; background: #eeeeee; position: absolute; bottom: 0; left: 0;}
.pcaseLeft .a1 .span3{width: 58.6%;}
.pcaseLeft .a2 .span3{width: 100%;}
.pcaseLeft .a3 .span3{width: 54%;}
.pcaseLeft .a4 .span3{width: 82.6%;}
.pcaseLeft .a5 .span3{display: none;}
.pcaseLeft .span_icon{width: 20px; height: 20px; opacity: 0.37; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.pcaseLeft .a1 .span_icon{background: url(../images/new_case_icon1.png) left center no-repeat;}
.pcaseLeft .a2 .span_icon{background: url(../images/new_case_icon2.png) left center no-repeat;}
.pcaseLeft .a3 .span_icon{background: url(../images/new_case_icon3.png) left center no-repeat;}
.pcaseLeft .a4 .span_icon{background: url(../images/new_case_icon4.png) left center no-repeat;}
.pcaseLeft .a5 .span_icon{background: url(../images/new_case_icon5.png) left center no-repeat;}
.pcaseLeft .pcaseBot{position:absolute; bottom:42px; left:9.1%; width:90%; padding-right: 20px;}
.pcaseLeft .caseLett{line-height: 22px; color: #2e2e2e; display: inline-block; vertical-align: middle;}
.pcaseLeft .pcaseBot_span1{width: 20px; height: 20px; background: url(../images/new_share_1.jpg); display: inline-block; vertical-align: middle; margin-right: 10px;}
.pcaseLeft .pcaseBot_span2{width: 20px; height: 20px; background: url(../images/new_share_2.jpg); display: inline-block; vertical-align: middle; margin-right: 10px;}
.pcaseLeft .caseLett2{color:#c4c4c4;}
.pcaseRight{position:absolute; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; width:100%; height:100%; left:0; top:0; padding: 116px 34px 0 34px; overflow: auto;}
.pcaseChoic{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; height:35px;  z-index: 999999; line-height: 35px; position:fixed; left:80px; top:40px;}
.pcaseChoic a span{color:#6a6a6a; display:inline-block; vertical-align: middle; border-left: 1px #f3f3f6 solid; width:100px; text-align: center}
.pcaseChoic .pcaseChoic1{width:35px; /*border-left: 0;*/ height:35px;  background:url(../images/NcaseBot.png) center center no-repeat;}
.pcaseChoic a:hover span,.pcaseChoic a.active span{color:#bd1e25;}
.pcaseChoic a .pcaseChoic1{display: none;}
.pcaseChoic a.active .pcaseChoic1{display: inline-block;}
.pCaseF.active .caseLogoS{left: 0;}
.pCaseF.active .caseLogo .pcaseClick{transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0);}
.pCaseF.active .pcaseLeft{transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); }
.pCaseF.active .pcaseChoic{left:27.86%;}
.pCaseF.active .pcaseRight{padding-left: 17.64%;}
.pCaseF.active .pcaseRight .pcaseList .pcaseListS{width: 32.33%; padding-bottom: 22%; margin: 0 0.5%; margin-bottom: 1%; position: relative; height: 0; overflow: hidden;}
.pCaseF.active  .pcaseRight .pcaseList .firstPcaseList{width: 65.66%;}
.pcaseRight .pcaseList .pcaseListS{width: 20%;padding: 0 10px;transition:all 0.3s ease-out 0.2s;-webkit-transition:all 0.3s ease-out 0.2s;-moz-transition:all 0.3s ease-out 0.2s;float: left;margin-bottom: 20px;position: relative;}
.pcaseRight .pcaseListSInfo{background: #fff;display: block;/* position: relative; */}
.pcaseRight .pcaseList .firstPcaseList{width: 40%;}
.pcaseRight .pcaseList .pcaseImg{/* height:0; *//* padding-bottom: 213px; *//* position: relative; */overflow: hidden;}
.pcaseRight .firstPcaseList .pcaseImg{ overflow: hidden; }
.pcaseRight .pcaseListSMes{padding: 14px 15px;/* padding-bottom: 23px; */text-align: center;padding-bottom: 15px;}
.pcaseRight .pcaseListSMes p{color: #bababa; margin-bottom: 3px;}
.pcaseRight .pcaseListSMes h4{color: #2f2f2f; height: 18px; line-height: 18px; overflow: hidden; }
.pcasetopBg{position: fixed;height: 90px;background: url(../images/commbg.png);top: 0;left: 0;width: 100%;z-index: 9990;}
.PpageCon{padding: 45px 10px;}
.pcaseDetailInfo{background: #fff; margin: 0 10px;}
.pcaseDetailInfo .pcaseDetailInfoS{padding-top: 34px;}
.pcaseDetailInfo .NcaseTitle{padding: 0 25px; margin-bottom: 24px;}
.pcaseDetailInfo .NcaseTitle h3{color: #343434;}
.pcaseDetailInfo .NcaseTitle .NcaseLink{color: #9f9f9f; margin-top: 5px;}
.pcaseDetailInfo .pcaseDetailInfoS>a:hover .NcaseLink{text-decoration: underline; color: #bd1e25;}
.NcaseShare{height: 62px; line-height: 62px; border-top: 1px #ececec solid; border-bottom: 1px #ececec solid; padding-right: 16px;}
.NcaseShare .NcaseIcon{width: 94px; border-right: 1px #ececec solid; float: left; display: block; height: 100%; position: relative;    background: none;
    padding: 0;
    margin: 0;}
.NcaseShare .NcaseIcon p{width: 100%; height: 100%; position: relative; z-index: 20;}
.NcaseShare .NcaseIcon1{background: url(../images/ncaseIcon1.png) center center no-repeat;}
.NcaseShare .NcaseIcon2{background: url(../images/ncaseIcon2.png) center center no-repeat;}
.NcaseShare .NcaseIcon3{background: url(../images/ncaseIcon3.png) center center no-repeat;}
.NcaseShare .NcaseIcon4{background: url(../images/ncaseIcon4.png) center center no-repeat;}
.NcaseShare .NcaseIcon span{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; filter:alpha(opacity=0); background: #404040; }
.NcaseShare .NcaseIcon:hover span{opacity: 0.1;  filter:alpha(opacity=10);}
.NcaseShare .NcaseAll{color: #343434; padding-right: 20px; background: url(../images/ncaseIcon5.png) right center no-repeat;}
.NcaseShare .NcaseAll:hover{color: #bd1e25;}
.pcaseChoicS{margin-left: 10px; background:#fcfcfc; height: 100%; border-left: 1px #f6f6f9 solid;}

#pNewsConLeft{background: #fff;}
#pNewsConRight{padding-left: 3.64%; padding-right: 44px; overflow: auto;}
.NNewsConRightInfo{height: 100%; background: #fff;}
.NNewsConRightInfo .NNtitle{font-weight: 700;}
.NNPage{position: relative; border: 1px #e5e5e5 solid; margin-top: 20px; margin-bottom: 24px; height: 38px; display: inline-block;}
.NNPage .NNBlock{position: absolute; top: 50%; width: 5px; height: 10px; background: #757575; margin-top: -5px;}
.NNPage .NNBlock1{left: -3px;}
.NNPage .NNBlock2{right: -3px;}
.NNPage a{padding: 0 15px; float: left; display: block; height: 100%; position: relative;color: #222;line-height: 38px;text-align: center;}
.NNPage .NNPagePA1{
	 border-right: 1px #e5e5e5 solid;
}
.NNPage .NNPagePA1 .NNPageP1{width: 100%; height: 100%;/* background: url(../images/nnewsLeft.png) center center no-repeat; */position: relative; z-index: 20;}
.NNPage .NNPagePA2 .NNPageP1{width: 100%; height: 100%;/* background: url(../images/nnewsRight.png) center center no-repeat; */ position: relative; z-index: 20;}
.NNPage .NNPageP2{width: 100%; height: 100%; top: 0; opacity: 0; filter:alpha(opacity=0); background: #404040; position: absolute; left: 0;}
.NNPage a:hover .NNPageP2{opacity: 0.1; filter:alpha(opacity=10);}
.NNdetailCon{padding: 48px 22px; color: #656565; font-size: 13px; line-height: 30px;}
.NNewsConRightInfoS{padding-top: 8.6%; background: url(../images/commbg.png); padding-bottom: 1px;}
#pNewsConRight .pNnews_p2{margin-top: 20px; margin-bottom: 20px;}

.NNlist{max-width: 824px; padding-bottom: 40px;}
.NNTopImg{position: relative;}
.NNTopImg img{width: 100%; height: 100%;}
.NNTopImg .NNTopImgt{width: 38px; height: 38px; background: #bd1e25; color: #fff;text-align: center;  line-height: 38px; position: absolute; right: -19px; top: -19px;}
.NNlist .NNBotList a{display: block; width: 100%; border: 0; height: 50px; line-height: 50px; position: relative;padding-left: 16px; padding-right: 180px; overflow: hidden; color: #4a4a4a; background: url(../images/PcaseDot.png) left center no-repeat; border-bottom: 1px #e5e5e5 solid; background-size: 6px;}
.NNlist .NNBotList a:hover{color: #bd1e25;}
.NNlist .NNtime{position: absolute; top: 0; height: 100%; right: 0; color: #bbbbbb;}
.NNBotList{border-top: 1px #e5e5e5 solid;}
.Spage{height: 27px; margin: 12px 0;}

.pagination{margin: 0;}
.Spage li a[title="Go to next page"],
.Spage li a[title="Go to last page"],
.Spage li a[title="Go to previous page"],
.Spage li a[title="Go to first page"]
{display: none;}

.Spage .pagination>li>a, .pagination>li>span{padding: 4px 10px; font-size: 13px; color: #fff; cursor: pointer;}
.Spage .pagination{border-radius: 0;}
.Spage .pagination>li:first-child>a, .Spage .pagination>li:first-child>span{border-radius: 0;}
.Spage .pagination>.active>a, .Spage .pagination>.active>span, .Spage .pagination>.active>a:hover, .Spage .pagination>.active>span:hover, .Spage .pagination>.active>a:focus, .Spage .pagination>.active>span:focus{border: 0; background: #bd1e25;}]
.Spage .pagination>li>a:hover, .Spage .pagination>li>span:hover, .Spage .pagination>li>a:focus, .Spage .pagination>li>span:focus{background-color: none;}
.Spage .pagination>li>a, .Spage .pagination>li>span{border: 0;}
.Spage .pagination>li{margin-left: 4px; display: inline-block;}
.Spage .pagination>li>a, .Spage .pagination>li>span{background: #2e2e2e;}
.Spage .pagination>li{position: relative;}
.Spage .pagination>li.active{margin-right: 4px;}
.Spage .pagination>li.active .bulidSj{background: url(../images/NNpageRight.png) no-repeat; position: absolute; right: 0px; top: 50%; margin-top: -4px; width: 4px; height: 7px;}
.Spage .pagination>li.active .bulidSj{right: -4px;}

.bd_weixin_popup_foot{display: none;}

.PpageCon .pagination>li>a, .pagination>li>span{padding: 4px 10px; font-size: 13px; color: #fff; cursor: pointer;}
.PpageCon .pagination{border-radius: 0;}
.PpageCon .pagination>li:first-child>a, .PpageCon .pagination>li:first-child>span{border-radius: 0;}
.PpageCon .pagination>.active>a, .PpageCon .pagination>.active>span, .PpageCon .pagination>.active>a:hover, .PpageCon .pagination>.active>span:hover, .PpageCon .pagination>.active>a:focus, .PpageCon .pagination>.active>span:focus{border: 0;background: #bd1e25;color: #fff;}]
.PpageCon .pagination>li>a:hover, .PpageCon .pagination>li>span:hover, .PpageCon .pagination>li>a:focus, .PpageCon .pagination>li>span:focus{background-color: none;}
.PpageCon .pagination>li>a, .PpageCon .pagination>li>span{border: 0;}
.PpageCon .pagination>li{margin-left: 4px; display: inline-block;}
.PpageCon .pagination>li>a, .PpageCon .pagination>li>span{background: #fff;color: #a9a9a9;}
.PpageCon .pagination>li{position: relative;}
.PpageCon li a[title="Go to last page"],
.PpageCon li a[title="Go to first page"]
{display: none;}
.PpageCon li a[title="Go to previous page"]{background:#fff url(../images/NcaseLeft2.png) center center no-repeat; font-size: 0; width: 27px; height: 27px; overflow: hidden;}
.PpageCon li a[title="Go to next page"]{background:#fff url(../images/NcaseRight2.png) center center no-repeat; font-size: 0; width: 27px; height: 27px; overflow: hidden;}

#jp_video_0{height: auto !important; }
.brdegInfo li a{display: block;}

.LiaoRound{z-index: 20;}
.LiaoRound{position: absolute; left: 32.185%; bottom: 9.3%; width: 32.185%; }
.hideRound{}
.LiaoRound>img{width: 100%;}
.RsectMidRound,.hideRound{position: absolute;width: 92.38%;top: -23px;left: 7.7%;z-index: 403;}
.hideRound{padding-bottom: 93.185%; height: 0; top: 48px;}
/*.RsectMidRound .Liaobbg{width: 100%;}*/
.LiaoRound .LiaoImg{position: absolute;width: 70%;left: 50%;margin-left: -35%;top: -25.17%;z-index: 410;}
.Rround{width: 162px; height: 162px; border-radius: 50%; text-align: center; position: absolute; z-index: 401;}
.R1round{left: -100px; top: 3%; background: url(../images/YelloewYY.png);}
.R2round{background: url(../images/blackYY.png); top: 30.6%; left: -70px;}
.R3round{background: url(../images/blueYY.png); top: 31.6%; right: -150px;}
.RroundNum{color: #fff; font-family: "Candara"; position: relative; margin-bottom: 12px; display: inline-block;}
.RroundText{color: #fff;}
.RroundNumLine{position: absolute; left: 0; bottom: -5px; width: 10px; height: 1px; background: #fff; display: inline-block;}
.RsectMidRoundInfo{position: absolute; bottom: 10.05%; left: 30.08%;}
.RsectMidRoundInfo .RsectMidRoundMes{padding-left: 32px; position: relative;}
.RsectMidRoundInfo .wzDh{position: absolute; left: 0; top: 0; opacity: 0;}
.RsectMidRoundInfo .RsectLett{line-height: 40px; color: #353535; position: relative; height: 40px; overflow: hidden;}
.RsectMidRoundInfo .RsectLettP{display: inline-block; position: relative;}
.RsectMidRoundInfo .RsectLett span{position: absolute; display: inline-block; bottom: 0; left: 0; height: 1px; background: #d9d9d9;}
.RsectMidRoundInfo .RsectLett1 span{width: 90%;}
.RsectMidRoundInfo .RsectLett2 span{width: 48px;}
.RsectMidRoundInfo .RsectLett3 span{width: 100px;}
.RsectMidRoundInfo .RsectLett4 span{width: 174px;}
.RsectMidMore{height: 30px;line-height: 30px; border-radius: 30px; margin-top: 36px; padding: 0 22px; border: 1px #e1e1e1 solid; display:block; background: #fff; color: #b5b5b5; width: 130px;}
.RsectMidMore .span1{}
.RsectMidMore:hover{color: #bd1e25; border-color: #bd1e25;}
.bg-circle {
  position: absolute;
  top: -10%;
  left: -22.5%;
  width: 2500px;
  height: auto;
  max-width: 35%;
  max-height: 98%;
}
.bg-circle img{width: 100%;}
.myCanvas{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
/*.Rsection4 .RsectMidRound{top: 23.5%;}*/
.Rsection4 .RsectMidRoundInfo  .RsectLett1{font-family: '宋体'; line-height: 50px;}
.Rsection4 .RsectMidMore{margin-top: 55px;}
.Rsection4 .RsectMidRoundInfo .wzDh{top: 16px; }
.Rsection4 .RsectMidRoundInfo .RsectLett1 span{width: 90%;}
.Rsection4 .RsectMidRoundInfo .RsectLett2 span{width: 48px;}
.Rsection4 .RsectMidRoundInfo .RsectLett3 span{width: 100px;}
.Rsection4 .RsectMidRoundInfo .RsectLett4 span{width: 174px;}
.R30round{left: -90px; top: 28.6%; background: url(../images/blackYY.png)}
.R31round{left: -226px; background: url(../images/YelloewYY.png); top: 28.6%;}
.R32round{right: -130px; background: url(../images/redYY.png); top: 28.6%;}
.R33round{right: -266px; background: url(../images/blueYY.png); top: 28.6%;}
.Rsection5 .R41round{top: -30px;left: -36px;background: rgba(157,125,90,0.8) url(../images/5Y.png);}
.R42round{top: -20%;left: 36%;background: url(../images/5B.png);}
.minLine{position: relative; display: block; margin: 6px auto; opacity: 0.5}
.Rsection5 .LiaoRound{}
/*.Rsection5 .RsectMidRound{top: 21.2%;}*/
.Rsection5 .KanImg{width: 74.65%;}
.Rsection5 .LiaoRound{bottom: 0; left: 30%; transform:translate(0,500px);-webkit-transform:translate(0,500px);}
/*.Rsection5 .RsectMidRound{left: 36%;}*/

.RroundNumb .span1{display: none;}
.Rsection5List{transform:translateY(520px);-webkit-transform:translateY(520px);}
.Rsection5List{position: absolute; z-index: 100; bottom: 0;left: 0;  width: 100%; padding: 5.93% 4.42% 3.54% 4.42%; background: #fff;}
.Rsection5List li{width: 33.33%; padding: 0 3.14%; float: left;}
.Rsection5List li a{display: block;}
.Rsection5List .Re5h3{height: 24px; line-height: 24px; overflow: hidden; color: #1c1c1c; position: relative;left: 0;}
.Rsection5List .Retime{color: #848484; display: inline-block; height: 32px; line-height: 32px; border-bottom: 1px #c3c3c3 solid;}
.Rsection5List .ReText{color: #9a9a9a;line-height: 22px;height: 44px;overflow: hidden;margin-top: 8px;margin-bottom: 7.2%; position: relative;left: 0;}
.Rsection5List .Re5h4{color: #e8e8e8;font-weight: 700;margin-top: 12.2%;}
.RsectMidRound>img{width: 100%;}

.Rsection6 .fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}




.section.mvactive .RsectMidRoundInfo .wzDh{opacity: 1;}
.section.tranZero *{transition:all 0s !important; -webkit-transition:all 0s !important;}

.RsectionBg{position: absolute; width: 50%;  top: 0; height: 100%;}
.RsectionBg1{left: 0; }
.RsectionBg2{right: 0; }

.tranlateY200{opacity: 0;transform: translateY(400px);-webkit-transform: translateY(400px);-moz-transform: translateY(400px);transition: all 1.2s ease 0.6s;-webkit-transition: all 1.2s ease 0.6s;-moz-transition: all 1.2s ease 0.6s;}
.tranlateY-200{opacity: 0;transform: translateY(-400px);-webkit-transform: translateY(-400px);-moz-transform: translateY(-400px);transition: all 1.2s ease 0.6s;-webkit-transition: all 1.2s ease 0.6s;-moz-transition: all 1.2s ease 0.6s;}
.tranlate400{opacity: 0;transform: translateY(400px);-webkit-transform: translateY(400px);-moz-transform: translateY(400px);}
.tranlate-200{
  opacity: 0;
  transform: translate(-150px,-150px);
  -webkit-transform: translate(-150px,-150px);
  -moz-transform: translate(-150px,-150px);
  transition: all .8s ease-out 0.3s;
  -webkit-transition: all .8s ease-out 0.3s;
  -moz-transition: all .8s ease-out 0.3s;
}
.tranlate2-200{
  opacity: 0;
  transform: translate(-150px,-150px);
  -webkit-transform: translate(-150px,-150px);
  -moz-transform: translate(-150px,-150px);
}
.tranlate2z-200{
  opacity: 0;
  transform: translate(120px,-120px);
  -webkit-transform: translate(120px,-120px);
  -moz-transform: translate(120px,-120px);
}
.tranlate2-250{
  opacity: 0;
  transform: translate(-250px,-250px);
  -webkit-transform: translate(-250px,-250px);
  -moz-transform: translate(-250px,-250px);
}
.tranlatez-200{
  opacity: 0;
  transform: translate(-150px,150px);
  -webkit-transform: translate(-150px,150px);
  -moz-transform: translate(-150px,150px);
  transition: all .8s ease-out 0.3s;
  -webkit-transition: all .8s ease-out 0.3s;
  -moz-transition: all .8s ease-out 0.3s;
}
.tranlatez-250{
  opacity: 0;
  transform: translate(-250px,250px);
  -webkit-transform: translate(-250px,250px);
  -moz-transform: translate(-250px,250px);
}
.tranlate200{
  opacity: 0;
  transform: translate(200px,0);
  -webkit-transform: translate(200px,0);
  -moz-transform: translate(200px,0);
  transition: all .8s ease-out 0.3s;
  -webkit-transition: all .8s ease-out 0.3s;
  -moz-transition: all .8s ease-out 0.3s;
}
.tranlate250{
  opacity: 0;
  transform: translate(250px,0);
  -webkit-transform: translate(250px,0);
  -moz-transform: translate(250px,0);
}
.tranlate300{
  opacity: 0;
  transform: translate(200px,0);
  -webkit-transform: translate(200px,0);
  -moz-transform: translate(200px,0);
}

.transition00{
  transition: all .8s ease-out;
  -webkit-transition: all .8s ease-out;
  -moz-transition: all .8s ease-out;
}
.transition0{
  transition: all .8s ease-out 0.3s;
  -webkit-transition: all .8s ease-out 0.3s;
  -moz-transition: all .8s ease-out 0.3s;
}
.transition1{
  transition: all .8s ease-out 0.6s;
  -webkit-transition: all .8s ease-out 0.6s;
  -moz-transition: all .8s ease-out 0.6s;
}
.transition2{
  transition: all .8s ease-out 0.8s;
  -webkit-transition: all .8s ease-out 0.8s;
  -moz-transition: all .8s ease-out 0.8s;
}
.transition3{
  transition: all .8s ease-out 1s;
  -webkit-transition: all .8s ease-out 1s;
  -moz-transition: all .8s ease-out 1s;
}
.transition4{
  transition: all .8s ease-out 1.2s;
  -webkit-transition: all .8s ease-out 1.2s;
  -moz-transition: all .8s ease-out 1.2s;
}
.transition5{
  transition: all .8s ease-out 1.4s;
  -webkit-transition: all .8s ease-out 1.4s;
  -moz-transition: all .8s ease-out 1.4s;
}
.transition6{
  transition: all .8s ease-out 1.6s;
  -webkit-transition: all .8s ease-out 1.6s;
  -moz-transition: all .8s ease-out 1.6s;
}
.transition7{
  transition: all .8s ease-out 1.8s;
  -webkit-transition: all .8s ease-out 1.8s;
  -moz-transition: all .8s ease-out 1.8s;
}
.transition8{
  transition: all .8s ease-out 2s;
  -webkit-transition: all .8s ease-out 2s;
  -moz-transition: all .8s ease-out 2s;
}
.transition9{
  transition: all .8s ease-out 2.2s;
  -webkit-transition: all .8s ease-out 2.2s;
  -moz-transition: all .8s ease-out 2.2s;
}
.transition10{
  transition: all .8s ease-out 2.4s;
  -webkit-transition: all .8s ease-out 2.4s;
  -moz-transition: all .8s ease-out 2.4s;
}
.transition11{
  transition: all .8s ease-out 2.6s;
  -webkit-transition: all .8s ease-out 2.6s;
  -moz-transition: all .8s ease-out 2.6s;
}
.transition11{
  transition: all .8s ease-out 2.8s;
  -webkit-transition: all .8s ease-out 2.8s;
  -moz-transition: all .8s ease-out 2.8s;
}
.transition12{
  transition: all 1.2s ease-in-out 0.1s;
  -webkit-transition: all 1.2s ease-in-out 0.1s;
  -moz-transition: all 1.2s ease-in-out 0.1s;
}
.transition13{
  transition: all 1.2s ease-out;
  -webkit-transition: all 1.2s ease-out;
  -moz-transition: all 1.2s ease-out;
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.LiaoRoundSa img{width: 100%;}
.Rsection3 .LiaoRoundSa,.Rsection4 .LiaoRoundSa { animation: rotate 14s linear infinite paused; -webkit-animation: rotate 14s linear infinite paused; }
.Rsection3 .LiaoRoundSa.animating,.Rsection4 .LiaoRoundSa.animating{ animation-play-state:running; -webkit-animation-play-state:running; }

 .Rsection5 .LiaoRoundSa{transform-origin:100% 0; transform:rotate(12deg); transition:all 1.4s ease 1.9s;}
.LiaoRoundSa{transform-origin:50% 50%; z-index: -1}

.Rsection5ListInfo li a:hover .Re5h3{left: -20px;}
.Rsection5ListInfo li a:hover .ReText{left: 20px;}
.reecABsolute{z-index: 300;}

.Rsection5 .LiaoRound{opacity: 0;}
.section.mvactive .changMark{opacity: 1;transform: translate(0px);-webkit-transform: translate(0px);-moz-transform: translate(0px);}
.section.mvactive .changMark{opacity: 1;transform: translate(0px);-webkit-transform: translate(0px);-moz-transform: translate(0px);}
.Rsection4.mvactive .LiaoRoundS,.Rsection3.mvactive .LiaoRoundS { animation: upDown 2.5s ease-in-out; -webkit-animation: upDown 2.5s ease-in-out; animation-fill-mode : forwards}
.Rsection5 .KanImgF,.Rsection5 .KanImgF {transform: translateY(-64%); -webkit-transform: translateY(-64%);}
/*.Rsection5.active2 .RsectMidRound{top: 3%; left: 10%;}*/
.Rsection5.mvactive .LiaoRound,.Rsection5.mvactive .LiaoRound{bottom: 0; opacity: 1;  transform:translate(0,0);-webkit-transform:translate(0,0);}
/*.Rsection5.active2 .hideRound{z-index: 100;}*/
.Rsection5.mvactive .R42round,.Rsection5.mvactive .R42round{top: -32.4%;}
.Rsection5.mvactive .RsectMidRound,.Rsection5.mvactive .RsectMidRound{left: 19.7%;}
.Rsection5.mvactive .Rsection5List,.Rsection5.mvactive .Rsection5List{transform: translateY(0);  -webkit-transform: translateY(0); opacity: 1;}
.Rsection5.mvactive .LiaoRoundSa,.Rsection5.mvactive .LiaoRoundSa{transform:rotate(0deg);}

.KanRound {overflow: visible;}
.Rround1.active { animation: lg1 2s linear alternate infinite; -webkit-animation: lg1 2s linear alternate infinite; }
.Rround2.active { animation: lg2 2s linear alternate infinite; -webkit-animation: lg2 2s linear alternate infinite; }


@keyframes upDown{
  0%{transform: translateY(400px);-webkit-transform: translateY(400px);-moz-transform: translateY(400px);}
  50%{opacity: 0.9;transform: translateY(-40px);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);}
  100%{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px); opacity: 1;}
}

@keyframes lg1 {
    0% { transform:translateX(0); -webkit-transform:translateX(0)}
    100% {  transform:translateX(-10px);-webkit-transform:translateX(-10px) }
}

@-webkit-keyframes lg1 {
    0% { transform:translateX(0); -webkit-transform:translateX(0)}
    100% {  transform:translateX(-10px);-webkit-transform:translateX(-10px) }
}

@keyframes lg2 {
     0% { transform:translateX(0);-webkit-transform:translateX(0)}
    100% {  transform:translateX(10px); -webkit-transform:translateX(10px)}
}

@-webkit-keyframes lg2 {
     0% { transform:translateX(0)}
    100% {  transform:translateX(10px);-webkit-transform:translateX(10px) }
}

.RsectionBg{display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.indexFooter{position: absolute; bottom: -380px; height: auto; left: 0; width: 100%; min-height: 100px; background: #252525;}
.indexFooterTop{height: 60px; border-bottom: 1px #3d3d3d solid; line-height: 60px; padding-left: 24px;padding-right: 24px;}
.inFfooterUl li{float: left; display: inline-block;}
.inFfooterUl li a{padding: 0 20px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; color: #7f7e7e; font-size: 13px; position: relative;}
.inFfooterUl li a span,.lineInfo{position: absolute; width: 1px; height: 7px; background: #5e5e5e; display: inline-block;top: 50%; margin-top: -4px; left: 0;}
.inFfooterUl li.firstLi span{display: none;}
.inFfooterUl li a:hover{color: #fff;}
.indexFooterTopLeft{display: inline-block;}
.indexFooterTopRight{display: inline-block;}
.indexFooterTopRight ul{position: relative; top: 13px;}
.indexFooterTopRight .li{width: 50px; height: 17px; float: left; position: relative; display: inline-block;}
.indexFooterTopRight .li .a{width: 100%; height: 100%; display: block; position: relative;}
.indexFooterTopRight .li1 .lineInfo{display: none;}
.indexFooterTopRight .li1{  background: url(../images/IfIcon1.png) center center no-repeat;}
.indexFooterTopRight .li2{  background: url(../images/IfIcon2.png) center center no-repeat;}
.indexFooterTopRight .li3{  background: url(../images/IfIcon3.png) center center no-repeat;}
.indexFooterTopRight .li4{  background: url(../images/IfIcon4.png) center center no-repeat;}
.indexFooterMid{height: 260px; position: relative; overflow: hidden; width: 100%;}
.indexFooterMid .indexFooterMidLeft{display: inline-block; padding-left: 44px; position: absolute; left: 0; top: 0; height: 100%;  width: 430px; border-right: 1px #363636 solid; padding-top: 70px;}
.indexFooterMid .indexFooterewm{display: inline-block;}
.indexFooterMid .indexFooterTel{display: inline-block; vertical-align: top; margin-left: 8px;}
.indexFooterMid .cp{color: #818181;}
.indexFooterMid .indexFooterTel h3{color: #e2e2e2; font-family: 'impact'; margin-top: 6px; margin-bottom: 7px;}
.indexFooterMid .indexFooterTel h4{color: #9f9f9f;}
.indexFooterMid .indexFooterMidInfo{width: 100%; height: 100%;padding-left: 430px; }
.indexFooterMid .indexFooterMidmid{width: 33.5%;padding:0 44px;padding-top: 60px;  border-right: 1px #363636 solid; height: 100%;}
.indexFooterMid .indexFooterMidmid .Flett{font-size: 13px; padding-left: 24px; color: #696969; line-height: 30px;}
.indexFooterMid .indexFooterMidmid .Flett1{background: url(../images/indexFooterIcon2.png) left 9px no-repeat;}
.indexFooterMid .indexFooterMidmid .Flett2{background: url(../images/indexFooterIcon3.png) left 9px no-repeat;}
.indexFooterMid .indexFooterMidRight{padding-top: 70px; height: 100%; padding-left: 44px;padding-right: 44px; width: 66.5%;}
.indexFooterMid .indexFooterP{color: #696969;}
.indexFooterMid .indexFooterForm{height: 50px; position: relative; padding-right: 75px; margin-top: 8px; width: 100%;}
.indexFooterMid .indexFInput{width: 100%; height: 100%; background: #404040; padding: 0 20px; color: #fff; border: 0;}
.indexFooterMid .indexFSubmit{color: #fff; background: #bd1e25; border: 0; top: 0; position: absolute; right: 0;width: 75px; height: 100%;}
.indexFooterBot{height: 60px; line-height: 60px; background: #1d1d1d; padding: 0 44px;}
.indexFooterBot .indexFBotP{color: #4a4a4a; display: inline-block;}
.indexFooterBotRight {display: inline-block;}

.leftMuen{position: absolute; top: 19.5%; left: -100px; z-index: 9999; transition:all 0.6s ease-out; -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;}
.leftMuen.active{left: 54px;}
.leftMuen a{display: block;margin-bottom: 86px;color: #3e3e3e;}
.leftMuen .leftMuenNum{color: #525252;font-family: 'impact';position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.leftMuen .leftMuenLine{width: 31%;height: 1px;background: #747576;position: absolute;bottom: 0;left: 0;opacity: 0.6;}
.leftMuen a:hover,.leftMuen a.active{color: #d4d4d4;}
.leftMuen a:hover .leftMuenNum,.leftMuen a.active .leftMuenNum{color: #d4d4d4;}
.leftMuen a:hover .leftMuenLine,.leftMuen a.active .leftMuenLine{background: #fefefe;}
 
.Rsection5 .sectionNum{bottom: 0; margin-bottom: 3.54%;}
.Rsection2 .fadeImg{display: none;}
.LiaoRoundSa{}
.divCanvas{}



.mtb20{margin-top: 20px; margin-bottom: 20px;}
.bodyDiv{margin-bottom: 380px; position: relative; z-index: 999;}
.my_div{background: #f2f2f2; padding: 17.79% 10%; text-align: center; }
.bodyDiv_text{color: #000000; line-height: 36px; text-transform: uppercase;}
.my_div2{background: #000;}
.indexFooter_page{position: fixed; bottom: 0; left: 0; width: 100%;}
.soft_x2_info{width: 840px; margin: 0 auto; margin-top: 12px;}
.soft_x2_info li{height: 50px; line-height: 49px; border-bottom: 1px #d22f36 solid; color: #ffcacc; text-align: left; background: url(../images/soft_arrow_1.png) right center no-repeat;}
.soft_x2_info li span{font-weight: bold;}
.soft_x3_sy{width: 146px; height: 46px; border: 2px #cc0009 solid; line-height: 42px; color: #cc0009; text-align: center; margin-top: 4.68%; display: inline-block;}
.soft_x3_sy:hover{background: #cc0009; color: #fff;}
.soft_x4_list{width: 1213px; margin: 0 auto; margin-top: 36px;}
.soft_x4_list li{width: 230px; float: left; margin: 0 6px;}
.soft_x4_list li a{color: #fff;}
.soft_x4_list .soft_x4_img{overflow: hidden; margin-bottom: 24px;}
/*
#newBridge .nb-icon-group {
	display: none !important;
	}
#newBridge .nb-middle {
  display: none !important;
	width: 650px !important;
  height: 420px !important;  
	margin-top: -210px !important;
	margin-left: -325px !important;
  background: url(../images/pf.png) !important;
}
#newBridge .icon-right-bottom{
  display: none !important;
}
#newBridge .nb-invite-body{
  background: url(../images/pf.png) !important;
}
#newBridge .nb-middle .nb-invite-body{

  width: 650px !important;
  height: 420px !important;  
}
#newBridge .nb-invite-wrap .nb-invite-text{
  left: 30px !important;
  top: 35px !important;
}
#newBridge .nb-invite-wrap-base .nb-invite-tool-base {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 30px;
    top: 30px;
    background-image: url(../images/icon_close.png);
    background-size: contain;
}
#newBridge .nb-invite-wrap-base .nb-invite-text-base .nb-invite-welcome-base p:first-child{
  font-size: 22px !important;
}
#newBridge .nb-invite-wrap-base .nb-invite-text-base .nb-invite-welcome-base p:nth-child(2) span{
  font-size: 48px !important;
}
#newBridge .nb-invite-wrap-base .nb-invite-text-base .nb-invite-welcome-base p:nth-child(2) {
  margin: 40px 0;
}
#newBridge .nb-invite-wrap-base .nb-invite-text-base .nb-invite-welcome-base p:nth-child(3){
  display: none;
}
#newBridge .nb-invite-wrap-base .nb-invite-text-base .nb-invite-welcome-base p:nth-child(4) span{
  font-size: 22px !important;
}
#newBridge .driect-talk-style .nb-invte-btns-2 .nb-invite-ok{
  position: absolute;
  bottom: 30px;
  background-color: #bfecff;
  color: #1980df;
  position: absolute;
  bottom: 30px;
  width: 90.5%;
  margin:0 30px ;
  height: 65px;
  line-height: 65px;
  background: #d76e79 !important;
  font-size: 24px;
  color: #fff !important;
}*/
/*
#newBridge .nb-invite-skin-7 {
	height: 420px!important;
    display: block;
    background: url(../images/tanchuang.jpg) no-repeat;
		 background-size: cover;
		 background-position: center;
}
#newBridge .nb-invite-wrap .nb-invite-text {
	display: none;
}

#newBridge .nb-invite-wrap-base .nb-invite-btn-base {
    bottom: 70px;
    right: auto;
    left: 60px;
}

#newBridge .nb-invite-wrap-base .nb-invite-cancel-base,
#newBridge .nb-invite-wrap-base .nb-invite-ok-base {
    border-radius: 0;
    width: 138px;
    height: 46px;
    line-height: 46px;
        font-size: 20px;
}

#newBridge .nb-invite-skin-7 .nb-invite-cancel {
    opacity: 1;
    border: 1px solid #fff;
    _filter: alpha(opacity=100);
		background: transparent;
		margin-right: 15px;
		border: 1px dashed #fff;
		color: #fff;
}

#newBridge .nb-invite-skin-7 .nb-invite-ok {
    color: #fff;
    background-color: transparent;
		border: 1px dashed #fff;
		border-radius: 0;
}

#newBridge .nb-invite-wrap-base .nb-invite-tool-base {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 30px;
    top: 30px;
    background-image: url(../images/icon_close.png);
    background-size: contain;
}


#newBridge .nb-invite-skin-7 .nb-invite-ok:hover,
 #newBridge .nb-invite-skin-7 .nb-invite-cancel:hover {
	background: #fff;
	color: #bd1d25;
	transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;
}

#newBridge .nb-invite-wrap-base .nb-invite-tool-base:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;
}*/

/* 右边悬浮框 */
.contact_box {
	position: fixed;
	transform: scale(1.2);
	/*left: 45px;*/
	top: 50%;
	right: 2.8%;
	margin-right: 24px;
	margin-top: -120px;
	z-index: 2147483647;
}

.contact_box li {
	width: 65px;
	height: 60px;
	background: #fff;
	position: relative;
}

.contact_box li a {
	display: block;
	height: 100%;
}

.contact_box li .icon_box {
	width: 23px;
	height: 23px;
	position: absolute;
	left: 0;
	right: 0;
	margin:auto;
  	top:10px;
}
.contact_box li p{
	font-size:12px;
  	position:absolute;
  	left:0;
  	bottom:10px;;
  	right:0;
  	text-align:center;
  	color:#2f2f2f;
}

.contact_box li .icon_box .icon {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: contain;
	background-position: center;
}

.contact_box li .tel_txt {
	position: absolute;
    top: 0;
    width: 150px;
    height: 60px;
    line-height: 60px;
    text-align: center;
	/*padding-left:25px;*/
    color: #333;
        margin-right: 25px;
    white-space: nowrap;
    font-weight: bold;
    right: -400%;
    background-image: none !important;
	background:#eee;
}

.contact_box li .tel_txt::after{
	content: "";
	width:0;
    height:0;
    right:0;
    top:50%;
    transform: translate(100%,-50%);
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #eee;
    position: absolute;
}
.contact_box li .ewm_img {
	  position: absolute;
    top: 0;
    margin-top: -50px;
    width: 160px;
    height: 160px;
    margin-right: 25px;
    padding: 10px;
    top: -1500%;
    right: 100%;
    background-image: none !important;
	background:#eee;
}
.contact_box li .ewm_img::after{
	content: "";
	width:0;
    height:0;
    right:0;
    top:50%;
    transform: translate(100%,-50%);
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #eee;
    position: absolute;
}


.contact_box li .ewm_img img {
	width: 140px;
	max-width: 100%;
}

.contact_box .contact2,
.contact_box .contact4 {
	background: #eee;
}

.contact_box .contact5 {
	display: none;
}

.contact_box li:hover {
	background-color: #bd1d25;
}
.contact_box li:hover p{
	color:#fff;
}

.contact_box .contact1:hover .tel_txt {
	right: 100%;
}

.contact_box .contact4:hover .ewm_img {
	top: 0;
}

/*xiugai*/
.add_case {
	overflow: hidden;
}
.add_case .pCaseF.active .pcaseRight .pcaseList .pcaseListS {
	width: 21%;
    padding-bottom: 15%;
    margin: 0 2%;
    border-radius: 0;
    margin-bottom: 60px;
    z-index: 99;
}

.add_case .pCaseF.active .pcaseRight {
	position: static;
        padding-left: 0;
				padding-right: 0;
    height: auto;
    top: auto;
    bottom: auto;
}

.add_case .pcaseRight .pcaseList .pcaseImg p {
	border-radius: 0;
}

.add_case .caseListMes {
    
}

.add_case .Rsection2 .fadeImg {
	display: block;  
}

.add_case .pCaseF {
	display: table;
	width: 100%;
	height: 100%;
}

.add_case .pCaseF .midcell {
	display: table-cell;
	vertical-align: middle;
}
.shangqiao{
	display: none;
}
/*商桥样式*//*
.g_cseonboxw{
  display: none;
}
.g_jsalxotvwx {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  background: rgba(0,0,0,0.5);
}
.shangqiao{
  width: 400px;
  background: #e83f3f;
  padding: 18px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin:-87.5px 0 0 -200px;
  z-index: 150;
  overflow: hidden;
  transition: all 0.6s;
  height: 175px;
  padding: 30px;
  background-image: url(../images/sqbg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
}
.shangqiao .top{
	overflow: hidden;
	margin-top: 5px;
}
.shangqiao .top .left{
	float: left;
}
.shangqiao .top .left span{
	display: inline-block;
	border-right:1px solid #fff;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #fff;
	padding: 0% 5px;
	margin: 0;
	float: left;
}
.shangqiao .top .tel{
	float: right;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 16px;
	margin-right: 35px;
}
.shangqiao h1{
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
}
.shangqiao .bot{
	margin-top: 20px;
	text-align: center;
}
.shangqiao .close{
	position: absolute;
	top: 25px;
	right: 25px;
	width: 15px;
	height: 15px;
	background-image: url(../images/sqclose.png);
	z-index: 1;
	background-size: cover;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
}
.shangqiao .close:hover{
	transform: rotate(90deg);
}
.shangqiao .bot a{
	display: inline-block;	
	width: 80px;
	height: 30px;
	border:1px solid #fff;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin:0 14px;
	line-height: 28px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.shangqiao .bot a:hover{
	background: #fff;
	color: #bb202a;
}*/

@media screen and (min-width: 1025px){
  .menu_mark.active .menu_line1{top: 10px; moz-transform: rotate(225deg); -webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
  .menu_mark.active .menu_line2{opacity: 0; filter:alpha(opacity=0); zoom:1;}
  .menu_mark.active .menu_line3{top: 4px; moz-transform: rotate(135deg); -webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}

}

@media screen and (max-width: 1700px){
  .caseLogo{
    left: 10px;
  }
  .sect5Mes .sect5A{width: 125px; height: 112px; border-width: 6px;}
  .brandMoreF{width: 140px; height: 120px;}
  .sect7Topp1{padding: 8px;}
  .sect7Topp1 img{width: 70px; height: 70px;}
  .section7 .sect7Mid{height: 150px;}
  .section7 .sect7MideLeft form input{height: 50px;}
  .section7 .sect7cansle{width: 62px; height: 62px; line-height: 62px; top: -31px;}
  .sect7I{width: 62px; height: 62px; line-height: 52px;}
  
  .newsAdd img{width: 30px;}
  .sect3BookF{width: 420px;}
  .hourarr{right: 27.6%;bottom: 25.4%;}
  .minarr{right: 27.7%;bottom: 25%;}
  .LiaoRound .LiaoImg{width: 54%; margin-left: -27%;}
  .Rround{width: 140px; height: 140px;}
  .R3round{right: -120px;}
  .R1round{top: 4%;}
  .R33round{right: -242px;}
  .R32round{right: -120px;}
  .R31round{left: -210px;}
  .R30round{left: -88px;}
  .R42round{right: -120px;}
  .indexFooter{bottom: -320px;}
  .bodyDiv{margin-bottom: 320px;}
  .indexFooter_page{bottom: 0;}
  .indexFooterMid{height: 200px;}
  .indexFooterMid .indexFooterMidLeft{padding-top: 50px;}
  .indexFooterMid .indexFooterMidmid{padding-top: 40px;}
  .indexFooterMid .indexFooterMidRight{padding-top: 50px;}
  .clockDevelNum .numP img{width: 80px;}
}
/*@media screen and (max-height: 950px){
  .R1round{left: -90px; top: 6%;}
  .RsectMidRound{top: 30.4%;}
  .R2round{top: 42%;}
  .Rsection4 .RsectMidRound{top: 28.5%;}
  .Rsection5 .RsectMidRound{top: 24.2%;}
  .LiaoImg{top: 14%;}
}
*/
@media screen and (max-width: 1500px){
  .brandMoreF{width: 125px; height: 106px; top: 60%;}
    .brandBlock{height: 55%;}
    .isect7Info{padding-top: 7%;}
    .sect7I{width: 54px; height: 54px; line-height: 44px;}
/*    .sect7I img{width: 30px;}*/
    .pbrandListMes .pbrandMidText{height: 120px;}
    .footerRight .sect7Icon a{margin: 0 6px;}
    .footerRight .isectAddr a{margin: 0 8px; margin-top: 10px;}
    .section2Info{padding-top: 5%;}
    .sect3BookF{width: 370px;}
    .hourarr,.minarr{width: 5px;}
    .navListindex {left: 30px;}
    
    .pNewsConRight .pNewsConRightMes{padding-top: 30%;}
   .indexBrand a{width: 120px; height: 50px; line-height: 50px;}
   .pcaseRight .pcaseList .pcaseImg{padding-bottom: 162px;}
   .pcaseRight .firstPcaseList .pcaseImg{padding-bottom: 241px;}
  /* .pcaseRight .pcaseList ul li{height: 276px;}*/
  /*.caseListMes .caseadd{width: 12%;}*/
   .NNlist .NNBotList a{height: 40px; line-height: 40px;}
   .Rsection4 .RsectMidMore{margin-top: 35px;}
   .RsectMidRoundInfo .RsectLett{height: 35px; line-height: 35px;}
   .LiaoRound .LiaoImg{top:-22%;}
   .Rsection4 .LiaoRound .LiaoImg{top: -18%;}
   .Rsection3 .LiaoRound .LiaoImg{width: 50%; margin-left: -25%;}
   .Rround{width: 120px; height: 120px;}
  .R3round{right: -105px;}
  .R1round{top: 4%;}
  .R33round{right: -214px;}
  .R32round{right: -105px;}
  .R31round{left: -186px;}
  .R30round{left: -77px;}
  .R42round{right: -104px;}
  .RsectMidRoundInfo .RsectLett{font-size: 13px;}
  .RsectMidRoundInfo{left: 25%;}
  .Rsection5.active2 .KanImgF {transform: translateY(-82%); -webkit-transform: translateY(-82%);}
  .TextImg{width: 75px;}
  .R42round{top: -13.5%;}
  .leftMuen a{margin-bottom: 64px;}
  .leftMuen{top: 16%;}
  .Rsection5List{padding: 4.93% 4.42% 2.54% 4.42%}
  #newNav li a{font-size: 14px;}
  #newNav li a .newNavYw{font-size: 12px;}
  #newNav li{padding-bottom: 2px;}
  .pCaseF.active .pcaseRight .pcaseList .pcaseListS{width: 32.33%; padding-bottom: 21%;}
 .pCaseF.active  .pcaseRight .pcaseList .firstPcaseList{width: 65.66%;}

}
@media screen and (max-width: : 130px){
  .pNewsConRight li .pNnewsMid{padding-bottom: 140px;}
}

@media screen and (max-height: 680px){
.sect7botp1,.sect7botp2,.caseTitle .caseAdd{display: none;}
.sect7Topp4 {display: none;}
.sect7Last{line-height: 40px; height: 40px;}
.caseList  li a .caseListInfo{padding-bottom: 60%;}
.caseTitle{padding-top: 3%;}
.sect7Mid2Info {
    padding: 3.125% 7.59%;
}
.sect7Mid2Info .lett{line-height: 28px; min-height: 28px;}
.sect7Mid2{margin-top: 3%;}
.Psect72 .sect7Bot{margin-top: 2.5%;}
.Psect72 .sect7Topp3 {display: none;}
}
@media screen and (max-width: 1200px){
  
}
@media screen and (min-width: 1025px){
  
}
@media screen and (max-width: 1024px){
  
}
@media screen and (max-width: 900px){}

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

} 
@media screen and (max-width: 680px){

}
@media screen and (max-width: 560px){
 
}
@media screen and (max-width: 420px){
 
}
@media screen and (max-width: 350px){

}







.friend-links{padding:0 3%;overflow: hidden;margin-top: 1.5%;}
.friend-links h2{font-size: 16px;border-top: 1px solid #ccc;padding-top: 1.5%;}
.friend-links .links{margin-top: 1.5%;font-size: 14px;}
.friend-links .links a{display: inline-block;margin:0 1% 1% 0;color: #1c1c1c;}
.friend-links .links a:hover{color: #bd1d25;}