@charset "utf-8";
/* CSS Document */
*{ margin: 0 auto; padding: 0; border: 0;outline:medium;box-sizing: border-box;font-family:'Helvetica',"PingFang SC","Microsoft YaHei","Arial",sans-serif;}
a{ text-decoration: none;color: #000;}
img{ display:block; max-width: 100%; height: auto !important; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.big img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
input:focus{outline:none;background: none;}
button{background: none;}
body{overflow-x: hidden;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: rgba(0,0,0,.1);
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: none;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #000;
  }
@font-face{
  font-family:'MyriadProRegular';
  src: url('../fonts/MyriadProRegular.eot?#iefix'); /* IE9 */
  src: url('../fonts/MyriadProRegular.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/MyriadProRegular.woff') format("woff"), /* chrome、firefox */
  url('../fonts/MyriadProRegular.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/MyriadProRegular.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'MyriadProBold';
  src: url('../fonts/MyriadProBold.eot?#iefix'); /* IE9 */
  src: url('../fonts/MyriadProBold.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/MyriadProBold.woff') format("woff"), /* chrome、firefox */
  url('../fonts/MyriadProBold.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/MyriadProBold.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'Helvetica';
  src: url('../fonts/Helvetica.eot?#iefix'); /* IE9 */
  src: url('../fonts/Helvetica.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/Helvetica.woff') format("woff"), /* chrome、firefox */
  url('../fonts/Helvetica.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/Helvetica.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HelveticaCyrBold';
  src: url('../fonts/HelveticaCyrBold.eot?#iefix'); /* IE9 */
  src: url('../fonts/HelveticaCyrBold.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HelveticaCyrBold.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HelveticaCyrBold.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HelveticaCyrBold.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HelveticaNeueRegular';
  src: url('../fonts/HelveticaNeueRegular.eot?#iefix'); /* IE9 */
  src: url('../fonts/HelveticaNeueRegular.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HelveticaNeueRegular.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HelveticaNeueRegular.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HelveticaNeueRegular.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HelveticaNeueCE55Roman';
  src: url('../fonts/HelveticaNeueCE55Roman.eot?#iefix'); /* IE9 */
  src: url('../fonts/HelveticaNeueCE55Roman.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HelveticaNeueCE55Roman.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HelveticaNeueCE55Roman.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HelveticaNeueCE55Roman.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'DINMediumAlternate';
  src: url('../fonts/DINMediumAlternate.eot?#iefix'); /* IE9 */
  src: url('../fonts/DINMediumAlternate.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/DINMediumAlternate.woff') format("woff"), /* chrome、firefox */
  url('../fonts/DINMediumAlternate.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/DINMediumAlternate.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'HelveNueThin';
  src: url('../fonts/HelveNueThin.eot?#iefix'); /* IE9 */
  src: url('../fonts/HelveNueThin.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/HelveNueThin.woff') format("woff"), /* chrome、firefox */
  url('../fonts/HelveNueThin.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/HelveNueThin.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
/*common*/
.w{ width: 94%; max-width: 1468px;}
.w2{max-width: 1230px;}
.w4{max-width: 1400px;}
.fl, .l{ float: left; }
.fr, .r{ float: right; }
.c{ clear: both; }

.head{position: absolute;width: 100%;top: 0;z-index: 100;background:#fff; }
.head .w{position: relative;}
.logo{margin-top: 20px;height: 30px;}
.nav{width: 750px;margin-left: 230px;}
.nav ul{display: flex;width: 100%;}
.nav ul li a{line-height: 70px; color: #868686;font-size: 20px;display: inline-block;position:relative;/*font-family: "HelveticaNeueCE55Roman";*/}
/*.subnav,.search{display: none;position: absolute;width: 85%;left: 7.5%; top: 70px;background:url("../images/bg.jpg") repeat-x top #fff;overflow: auto;padding: 60px 0 90px;}*/
/*.nav ul li:hover .subnav{display: block;}*/
.on .subnav{display: block;}
.nav ul li a::after{content: ''; height: 1px;background: #e60012;position: absolute;top: 70px;left: 0;z-index: 99;}
.nav ul li a:hover::after{width: 100%;}
.search-btn{margin: 25px 50px auto auto;overflow: hidden;cursor:pointer;}
.search-btn img{transition: 0s;}


.subnav,.search{display: none;position: absolute;left: 7.5%;top: 70px;width: 85%;background:#fff;overflow: auto;padding: 60px 0 90px 0;background:linear-gradient(#f2f2f2 0%,#fdfdfd 10%,#fff 15%,#fff 100%);}
.search{padding: 60px 0 90px;}
.subnav .box{position: relative;min-height: 300px;}

.subnav img{position: absolute;right: 10%;top: 20%;}
/*.nav ul li:hover .subnav{display: block;}*/
.on .subnav{display: block;}
/*.nav ul li.on a{border-bottom: 4px solid #e60012;margin-bottom: 0;}*/
.search-btn{margin: 25px 0px auto auto;overflow: hidden;cursor:pointer;}
.search-btn img{transition: 0s;}

.head{background: #fff;}
.head .logo img{-webkit-filter: none;filter: none;height: 35px !important;}


.head .nav ul li dd a{color: #868686;}
.subnav h1{font-size: 74px;font-weight: bold;width: 450px;float: left;text-align: center;font-family: "HelveticaNeueCE55Roman";color: #a2a2a2;font-weight: normal;}
.subnav dl{width: 220px;border-left: 1px solid #dcdcdc;min-height: 310px;display: block;float: left;position: absolute;top: 0;}
.subnav dl.n2{left: 420px;}
.nav ul li.on .subnav .n2 dd a{border: none;}
.subnav dl.n2 dd a{line-height: 55px;padding: 0;padding-left: 30px;position: relative;font-size: 18px;}
/*.subnav .n2 dd a::after{content: '';width: 27px;height: 27px;position: absolute;background: url("../images/ico-2.jpg") no-repeat center;opacity: 0;right:5px;transition: 0.5s;top: 50%;transform: translateY(-50%);}
.subnav .n2 dd a.sub::after{background: url("../images/ico-1.jpg") no-repeat center;right: 0;}*/
.subnav dl.n2 dd img{position: absolute;left: 400px;top: 15px;max-width: none;display: none;}
.subnav dl.n2 dd dl{display: none;}
.head .nav .subnav .n2 dd.on a{color: #868686;}
.head .nav .subnav dd.on a{position: relative;}
.head .nav .subnav dd.on a::after{content: '';position: absolute;height: 55px;width:1px;background: #000;left: -1px;top: 0; opacity: 0;}
.head .nav .subnav .n2 dd:hover a.d2::after,.head .nav .subnav .n3 dd:hover a.d3::after,.head .nav .subnav .n4 dd:hover a.d4::after{opacity: 1;}
/*.head .nav .subnav .n2 dd:hover a.d2.sub::after,.head .nav .subnav .n3 dd:hover a.d3.sub::after,.head .nav .subnav .n4 dd:hover a.d4.sub::after{opacity: 1;transform:translateY(-50%) rotate(180deg);}*/
.head .nav .subnav .n2 dd:hover img,.head .nav .subnav .n2 dd:hover .n3,.head .nav .subnav .n3 dd:hover .n4{display: block;}
.n3,.n4{position: absolute;left: 100%;top: 0;}
.head .nav .subnav .n2 dd:hover a.d2,.head .nav .subnav .n3 dd:hover a.d3,.head .nav .subnav .n4 dd:hover a.d4{color: #000 !important;background: url("../images/ico-arr-r2.jpg") no-repeat center right;padding-right: 40px;}
/*.head .nav .subnav .n2 dd.on .n3 dd a,.head .nav .subnav .n2 dd.on .n3 dd.on .n4 dd a {color: #a7a7a7 !important;}
.head .nav .subnav .n2 dd.on a,.head .nav .subnav .n2 dd.on .n3 dd.on a,.head .nav .subnav .n2 dd.on .n3 dd.on .n4 dd.on a{color: #000 !important;}*/
.search{text-align: center;min-height: 460px;}
.search form{max-width: 645px;border-bottom: 2px solid #000;line-height: 40px;padding: 0px 10px 0px 0px;margin-top: 105px;}
.search input{width:550px;line-height: 40px;background: none; margin-right: 10px;font-size: 18px;}
.clear-input{display: none;float: right;margin-top: 15px;}
.search input:valid + .clear-input {display: block;}
.search button{float: left;margin-top: 10px;}
.search button img{cursor:pointer;}
.search p{max-width: 645px;text-align: right;color: #c2c2c2;line-height: 40px;}

.menuBtn {position: absolute;top: 50%;right: 5%; transform: translateY(-50%);z-index: 9;float: right;width: 30px;height: 26px; cursor: pointer;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn b { display: block; height: 3px; background-color: #000; margin: 4px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn.open b { display: none; margin: 0; position: absolute; left: 0px; top: 50%; width: 30px;background-color: #000;}
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}


.banner{height: 953px;}
.banner .slide{height: 100%;}
.banner .slide li{background-repeat: no-repeat;background-position: center;}
.banner .slick-dots{position: absolute;left: 0;bottom:6%;width: 100%;text-align: center;z-index: 99;}
.banner .slick-dots li{position: relative;width: 20px;height: 20px;display: inline-block;}
.banner .slick-dots li a{display: block;width: 10px;height: 10px;font-size: 0;line-height: 0;background-color: #fff;border-radius: 50%;opacity: 0.77;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.banner .slick-dots li.slick-active a{opacity: 1; width: 15px;height: 15px;}
.slick-prev,.slick-next{font-size: 0;position: absolute;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-size: 100%;background-position: center;width: 25px;height: 43px;}
.slick-prev{background-image: url("../images/arr-l.png");left: 2%;}
.slick-next{background-image: url("../images/arr-r.png");right: 2%;}


.tit{position: relative;margin: 100px auto 40px;max-width: 1390px;text-align: center;}
.tit h2{font-size: 90px;font-family:'MyriadProBold';text-transform: uppercase;}
.tit p{font-size: 27px;margin: 30px auto;}
.more{font-size: 18px;line-height: 30px;text-align: center;color: #00a2ff;background: url("../images/ico-arr-r2.png") no-repeat right center;display: inline-block;padding-right: 20px;}


.ipro .box .con{overflow: auto;}
.ipro .plist{position: relative;padding-bottom: 8%}
.ipro .plist .pro{margin-right: 100px;}
.ipro .plist .pro .item{width: 500px;}
.ipro .plist .pro .item .pic{background: url("../images/shadow.png") no-repeat center bottom;padding-bottom: 60px;background-size: 86% auto;}
.ipro .plist .pro .item .pic img{height: 480px !important;}
.ipro .plist .pro .item .pro-tit{margin: -20px auto 20px;font-weight: bold;font-size: 30px;line-height: 100%;font-family: 'HelveticaCyrBold';text-align: center;}
.ipro .plist .pro .item .pro-tit img{height: 30px !important;}
.ipro .plist .pro .item .pro-ico{ text-align: center;}
.ipro .plist .pro .item .pro-ico img{display: inline-block;height: 40px !important;}
.ipro .plist .protab{position: absolute;right: 20%;top: 0;}
.ipro .plist .protab a{margin: 30px auto;display: block;font-weight: bold;color: #808080;}
.ipro .plist .protab a img{margin-left: 0; height: 20px !important;filter: invert(0.5);}
.ipro .plist .protab a.on{color: #000;}
.ipro .plist .protab a.on img{filter: invert(0);}

.ipro .tab{text-align: center;margin: 6% auto;border-bottom: 1px solid #d1d1d1;}
.ipro .tab span{font-size: 18px;display: inline-block;color: #bbb;line-height: 70px;width: 120px;text-align: center;margin: 0px 20px -1px;}
.ipro .tab span.on{color: #000;border-bottom: 2px solid #ff0000;}

.iconsultant{background: #1f2021;overflow: auto;}
.iconsultant .tit{color: #fff;}
.iconsultant .con{margin-top: 5%;margin-bottom: 10%;}
.iconsultant .con .item{background: #000;margin: 0 10px;border-radius: 10px;min-height: 310px;padding: 40px 30px;}
.iconsultant .con .item img{margin-left: 0;}
.iconsultant .con .item p{color: #fff;font-size: 22px;margin: 40px auto 20px;}
.slick-disabled{display: none !important;}
.iconsultant .con .slick-next,.iconsultant .con .slick-prev{width: 56px;height: 56px;border-radius: 50%;}
.iconsultant .con .slick-next{background: url("../images/ico-arr-r.png") no-repeat center #353637;right: -60px;}
.iconsultant .con .slick-prev{background: url("../images/ico-arr-l.png") no-repeat center #353637;left: -60px;}



.nbanner{position: relative;}
.nbanner h2{position: absolute;top: 59%;left: 50%;transform: translate(-50%,-50%);font-size: 110px;color: #fff;font-family:'HelveNueThin';}
.position{margin: 3% auto;}
.position,.position a{color: #8A8A8A;font-size: 14px;font-family:'HelveticaNeueRegular';line-height: 45px;}

.main{overflow: inherit;}
.main .about{background: url("../images/bg.jpg") no-repeat right bottom;overflow: auto;}
.p16{font-size: 16px;font-weight: normal;line-height: 150%;}
.p20{font-size: 20px;font-weight: normal;line-height: 150%;}

.p24{font-size: 24px;font-weight: bold;line-height: 150%;}
.p28{font-size: 28px;font-weight: bold;line-height: 150%;}
.main .about .a1{padding-left: 55%;margin: 3% auto 8%;}
.main .about .a2{padding-left: 145px; padding-right: 41%;margin: 10% auto;position: relative;}
.main .about .a2::after{content: "”";font-size: 244px;color: #ff0000;position: absolute;left: 0;top: 33%;}
.main .about .a3{margin: 10% auto 10% 20%;color: #8b8b8b;font-size: 17px;}
.main .about .a3 b{display: block;color: #000;font-size: 19px}

.main .bg{background: #000;position: relative;padding: 8% 0 15%;}
.main .bg .text{padding: 125px 90px 90px 145px;background: #000;z-index: 100;width: 63%;margin-left: 0;}
.main .bg .text p{font-size: 28px;color: #fff;font-weight: bold;line-height: 150%;margin: 40px auto;}
.main .bg .box{width: 840px;position: absolute;right: 0;top: 8%;z-index: 90;}
.main .bg .box .slide .ins{background: url("../images/phone.png") no-repeat top center;padding: 2.4% 0 2% 0.15%;background-size: 93%;}
.main .bg .box .slide .ins img{width: 80%;}
.main .bg .box .mark{background: linear-gradient(to left, black 5%, #000000b3 60%, transparent 100%);width: 420px;position: absolute;top: 0;right: 0; height: 100%;z-index: 100;}
.main .bg .slide .slick-prev,.main .bg .slide .slick-next{top: 108%;width: 56px;height: 56px;border-radius: 50%;}
.main .bg .slide .slick-prev{background: url("../images/ico-arr-l.png") no-repeat center #1c1c1c;;left: 17%;}
.main .bg .slide .slick-next{background: url("../images/ico-arr-r.png") no-repeat center #1c1c1c;;right: 66%;}
.brand{display: flex;padding: 3% 0;}
.brand a{max-width: 30%;}
.main.f7{background: #f7f7f7;}
.main .consultant{padding-bottom: 7%;}
.main .consultant .left,.main .consultant .right{width:50%;}
.main .consultant .left{padding-right: 8%;}
.main .consultant .left .p28{margin: 60px auto;}
.main .consultant .left a{margin: 50px auto;font-weight: bold;font-size: 14px;display: inline-block;background: url("../images/ico-arr-r2.jpg") no-repeat center right;padding-right: 20px;}
.main .consultant .right{height: 1200px;overflow-y: auto;}
.main .consultant .right dl{overflow: auto;background: #fff;margin: 25px 20px 25px auto;padding: 30px;}
.main .consultant .right dl dt{float: left;width: 70px;margin-top: 20px;font-weight: bold;}
.main .consultant .right dl dd{float: right;width: 430px;}
.main .consultant .right dl dd h2{font-size: 22px;line-height: 150%;}
.main .consultant .right dl dd span{font-size: 16px;line-height: 180%;display: block;margin: 10px auto 50px;}
.main .consultant .right dl dd ol{margin: 10px auto 50px 20px;}
.main .consultant .right dl dd ol li {list-style: disc;font-size: 16px;line-height: 180%;}
.main .consultant .right dl dd a{display: inline-block;background: url("../images/ico-arr-r2.jpg") no-repeat center right;padding-right: 20px;}

.page .history .tips{color: #949494;text-align: right;line-height: 300%;font-size: 15px;font-family:'HelveticaNeueCE55Roman';}
.swiper-container{margin: 50px auto 0;}
.swiper-slide{max-width: 350px;margin: 30px 30px 90px;padding-right: 50px;border-right: 1px solid #d7d7d7;}
.swiper-slide h2{font-size: 50px;font-family:'DINMediumAlternate';}
.swiper-slide p{color: #636363;font-size: 19px;font-family:'HelveticaCyrBold';margin-bottom: 20px;}
.swiper-slide span{font-size: 15px;font-family:'HelveticaNeueCE55Roman';}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top: auto !important;bottom: 0;}
.swiper-pagination-progressbar{background: url("../images/line-bg.jpg") repeat-x center !important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #e00000 !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none;}
.swiper-button-next,.swiper-button-prev{background-color: #fff;border-radius: 50%;width: 70px;height: 70px;background-repeat: no-repeat;background-position: center;box-shadow:  0px 0px 20px rgba(0, 0, 0, .3);;}
.swiper-button-next:after,.swiper-button-prev:after{content: none;}
.swiper-button-next{background-image: url("../images/arr-r3.jpg");}
.swiper-button-prev{background-image: url("../images/arr-l3.jpg");}

.service .desc,.contact .desc{margin-left: auto;}


.tit2{font-size: 40px;font-family:'HelveticaNeueCE55Roman';font-weight: bold;position: relative;}

.media .bg2{background: linear-gradient(to right, #312f30, #000);margin: 5% auto 0;padding: 7% 0 8%;}
.media .w3{width: 1150px;}
.media .w3 .left .tit2{color: #fff;}
.media .w3 .left p{font-size: 20px;color: #00a8ff; background: url("../images/ico-arr-r3.png") no-repeat center right;padding-right: 30px;display: inline-block;margin-top: 45px;}
.media .w3 .right{width: 750px;}
.media .w3 .right .item{width: 220px;margin: 0 15px;position: relative;}
.media .w3 .right .item .pic{border-top-left-radius: 15px;border-top-right-radius: 15px; overflow: hidden;height:0px;padding-bottom: 100%;}
.media .w3 .right .item .text{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;background: #434343;color: #fff;font-size: 14px;font-weight: bold;line-height: 120%;padding: 10px 20px;text-align:left;min-height: 55px;text-transform: capitalize;}
.media .w3 .right .item .down{background: rgb(0,0,0,0.5);width: 100%;height: 100%;position: absolute;top: 0;display: none;border-radius: 15px;}
.media .w3 .right .item .down a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.media .w3 .right .item:hover .down{display: block;}
.media .w3 .right .slick-prev,.media .w3 .right .slick-next{top: 120%;width: 30px;height: 30px;border-radius: 50%;}
.media .w3 .right .slick-prev{background: url("../images/ico-arr-l.png") no-repeat center #262324;;left: auto; right: 10%;background-size: 28%;}
.media .w3 .right .slick-next{background: url("../images/ico-arr-r.png") no-repeat center #262324;;right: 3%;background-size: 28%;}


.poster{padding-bottom: 7%;}
.poster .tit2{margin: 40px auto;}
.poster .item{width: 220px;margin: 0 15px;position: relative;}
.poster .item .pic{border-top-left-radius: 15px;border-top-right-radius: 15px; overflow: hidden;height:0px;padding-bottom: 100%;overflow: hidden;position: relative;}
.poster .item .pic img{object-fit: cover;width: 100%;height: 100% !important;max-width: none;position: absolute;}
.poster .item .text{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;background: #fff;color: #000;font-size: 20px;line-height: 300%;padding: 10px 20px;text-align: center;font-family:'HelveticaCyrBold';}
.poster .item .down{/*width: 100%;height: 100%;position: absolute;top: 0;border-radius: 15px;*/display: none;}
.poster .item .down a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.poster .item:hover .down{display: block;}

.poster .con .slick-prev,.poster .con .slick-next{width: 50px;height: 50px;border-radius: 50%;}
.poster .con .slick-prev{background: url("../images/arr-l.png") no-repeat center #46505c;left: -20%;background-size: 28%;}
.poster .con .slick-next{background: url("../images/arr-r.png") no-repeat center #46505c;right: -20%;background-size: 28%;}
.poster .con .slick-list{overflow:inherit;}

.video{background: #161616;overflow: auto;padding: 2% 0 6%;}
.video .tit2{color: #fff;margin: 40px auto;}
.video .tit2 a{font-size: 18px;line-height: 50px;float: right;color: #fff;}
.video .item{width: 30%;margin-bottom: 2%;;float: left;position: relative;background: #000;border-radius: 30px;overflow: hidden;}
.video .item img{width: 100%;height: 100% !important;position: absolute;object-fit: cover;}
.video .item:first-child{width: 60%;padding-bottom: 52%;}
.video .item:nth-child(2),.video .item:nth-child(3){width: 38%;float: right;padding-bottom: 25%;}
.video .item:nth-child(4){width: 60%;padding-bottom: 25%;}
.video .item:nth-child(5){width: 38%;padding-bottom: 25%;float: right;}
.video .item:nth-child(6){width: 60%;padding-bottom: 80%;}
.video .item:nth-child(7){width: 38%;padding-bottom: 80%;float: right;}

.content{margin:1% auto 5%}

.page1{height: 100vh;background: #000;position: relative;}
.page1 .text{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);max-width: 1160px;font-size: 50px;font-family:'HelveticaNeueCE55Roman';font-weight: bold;color: #fff;text-align: center;}
.page2{height: 100vh;background: #000;position: relative;overflow: auto;}

.page2 .slide .item{position: relative;}
.page2 .slide .item .pic{margin: 10px;}
.page2 .slide .item .mark{background: rgb(0,0,0,0.5);width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 10px; display: none;}
.page2 .slide .item .mark .text{position: absolute;left: 20px;right: 20px; bottom: 30px;color: #fff;}
.page2 .slide .item .mark .text h2{font-size: 34px;}
.page2 .slide .item .mark .text span{font-size: 12px;}
.page2 .slide .item .mark .text a{display: block;margin-top: 30px;}
.page2 .slide .item .mark .text a img{margin-left: 0;}
.page2 .slide .item:hover .mark{display: block;}


.video-list{overflow: auto;margin-top: 5%;}
.video-list .item{width: 30%; max-width: 474px; margin-right: 5%;float: left;margin-bottom: 5%;cursor:pointer;position: relative;}
.video-list .item:nth-child(3n){margin-right: 0;}
.video-list .item .pic{border-top-left-radius: 10px;border-top-right-radius: 10px; overflow: hidden;height:0px;padding-bottom: 80%;overflow: hidden;position: relative;}
.video-list .item .pic img{object-fit: cover;width: 100%;height: 100% !important;max-width: none;position: absolute;}
.video-list .item .text{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: #fff;color: #000;font-size: 20px;line-height: 250%;padding: 10px 20px;text-align: center;font-family:'HelveticaCyrBold';}
.video-list .item .down{/*width: 100%;height: 100%;position: absolute;top: 0;border-radius: 15px;display: none;*/}
.video-list .item .down a{position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);}



.contact .desc{text-align: center;}
.contact .w{max-width: 1000px;}
.contact .bg{background: #fbfbfb;overflow: auto;}
.contact .con{margin-top: 100px;}
.contact .con .row{display: flex;margin-top: 3%;justify-content:space-between;}
.contact .con .row dl{margin: 0; border-bottom: 1px solid #817f7f;width: 100%;padding-bottom: 15px;}
.contact .con .row:nth-child(2) dl{width: 31%;}
.contact .con .row dl dt{font-size: 20px;font-family:'HelveticaNeueCE55Roman';font-weight: bold;line-height: 200%;}
.contact .con .row dl dd{font-size: 20px;font-family:'HelveticaNeueCE55Roman';line-height: 150%;color: #333;}
.contact .tit3{font-family:'HelveticaCyrBold';font-size: 38px;text-align: center;margin-bottom: 6%;}
.contact .con .row2{display: flex;margin-bottom: 30px;justify-content:space-between;position: relative;}
.contact .con .row2 label{background: #fff;line-height: 60px;display: inline-block;width: 100%;margin: 0;border: 1px solid #d2d2d2;padding-left: 15px;text-transform: uppercase;font-size: 15px;}
.contact .con .row2 label input,.contact .con .row2 label select{font-size: 15px;line-height: 60px;padding: 0 10px;}
.contact .con .row2 label.half{width: 48.5%;}
.contact .con .row2.p{margin-top: 40px;}
.contact .con .row2 p{position: absolute;left: 5px;;top: -25px;font-family:'MyriadProRegular';font-size: 15px;}
.contact .con .row2 textarea{width: 100%;height: 100%;padding: 15px 0;line-height: 150%;}
.contact .con .button{text-align: center;line-height: 40px;background: #e60012;color: #fff;font-family:'MyriadProBold';font-size: 16px;width: 135px;text-transform: uppercase;}
.contact .con .row3{padding: 5% 0 13%;}
.contact .con .row3 select{background: none;border-bottom: 2px solid #7d7d7d;height: 40px;font-size: 16px;}
.contact .con .row3 select,.contact .con .row3 button{margin: 30px 30px;}

.pcr{position: relative;margin: 60px auto;display: block;}
.pcr .arr{position: absolute;top: 50%;right: 100px;transform: translateY(-50%);}
.pcr:hover .arr{right: 80px;}

.main .w.product{margin-bottom: 5%;overflow: auto;max-width: 1395px;}
.main .w.product .desc{margin-left: 0;}

.main .w4.position{margin-bottom: 1%;}
.main .menu{border-bottom: 1px solid #d1d1d1;margin-bottom: 60px;text-align: center;}
.main .menu a{color: #bbb;font-size: 20px;margin: 0 30px;line-height: 70px;display: inline-block;}
.main .menu a.on,.main .menu a:hover{border-bottom: 1px solid #f00;color: #000;}
.main .plist{width: 1395px;overflow: auto;}
.main .plist ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;float: left;position: relative;}
.main .plist ul li:nth-child(3n){margin-right: 0;}
.main .plist ul li .pic{background: url(../images/shadow.png) no-repeat center bottom #f2f2f2;padding: 12% 10%;background-size: 75% auto;}
.main .plist ul li .pic img{width: 100%;}
.main .plist ul li .detail{display: none;position: absolute;bottom: 0;left: 50%; text-align: center;transform: translate(-50%,0%);}
.main .plist ul li:hover .pic{opacity: 0.5;}
.main .plist ul li:hover .detail{display: block;bottom: 55%;}
.main .plist ul li p{font-weight: bold;font-size: 30px;text-align: center;line-height: 100px;}

.proshow.w{max-width: 1180px;margin-bottom: 6%; overflow: auto;}
.proinfo{border-bottom: 1px solid #817f7f;padding-bottom: 5%;}
.proinfo .pic{width: 41%;}
.proinfo .text{width: 56%;}
.proinfo .pic{background: url("../images/shadow.png") no-repeat center bottom;float: left; background-size: 80% auto;padding:0 0 5% 0;}
.proinfo .text{float: right;padding-top: 5%;}
.proinfo .text .tit-pro{margin-left: 0;font-weight: bold;font-size: 42px;margin-bottom: 45px;}
.proinfo .text .intro{font-size: 24px;text-transform: uppercase;margin-bottom: 15px;}
.proinfo .text .type{overflow: auto;}
.proinfo .text .type span{display: inline-block;border: 1px solid #bfbfbf;border-radius: 20px;height: 40px;line-height: 38px;color: #898989;font-family:'HelveticaNeueCE55Roman';font-weight: bold;width: 110px;text-align: center;margin-right: 10px;float: left;}
.proinfo .text .type span img{margin-top: 6px;}
.proinfo .text .tit{color: #777;font-size: 22px;text-align: left;margin: 5% auto 0;line-height: 40px;font-weight: bold;}
.proinfo .text .con{overflow: auto;}
.proinfo .text .con p{font-family:'HelveticaNeueCE55Roman';font-size: 18px;line-height: 180%;margin: 5px auto 3%;position: relative;width:47%;margin-right: 6%;float: left;padding-top: 3%;}
.proinfo .text .con p:nth-child(2n){margin-right: 0;}
.proinfo .text .con p:nth-child(1),.proinfo .text .con p:nth-child(2){border-top: 1px solid #817f7f;}
/*.proinfo .text .con p::before{content: '';background: #df1d1d;width: 8px;height: 8px;border-radius: 50%;position: absolute;left: -20px;top: 13px;}*/
.proinfo .text .performance{margin-top: 5%;}
.proinfo .text .performance p{color: #777;font-family:'HelveticaNeueCE55Roman';font-size: 14px;line-height: 40px;}
.proinfo .text .performance .pro-ico{margin-top: 5px;padding-top: 30px;border-top: 1px solid #817f7f;display: inline-block;}
.proinfo .text .performance .pro-ico img{height: 39px !important;margin: 0 3px;display: inline-block;float: left;}

.prospec{padding-top: 35px;padding-bottom: 50px;}
.prospec h2{font-size: 64px;text-align: center;padding-right: 30px;line-height: 140px;position: relative;}
.prospec h2::after{content: '';width: 18px;height: 11px;background: url("../images/arr-ico.jpg") no-repeat right center;position: absolute;left:50%;margin-left: 90px;;top: 50%;transform: translateY(-50%);transition: .5s;}
.prospec h2.op::after{transform:translateY(-50%) rotate(180deg);}
.prospec .spec{display: none;}
.prospec .spec dl{width: 1180px; border-bottom: 1px solid #aaa;}
.prospec .spec dl dt{font-size: 24px;line-height: 90px;position: relative;}
.prospec .spec dl dt::after{content: ''; background: url("../images/+.jpg") no-repeat right center;position: absolute;width: 12px;height: 12px;display: block;top: 50%;right: 0;transform: translateY(-50%);transition: .5s;}
.prospec .spec dl dt.op::after{background: url("../images/-.jpg") no-repeat right center;transform:translateY(-50%) rotate(180deg);}
.prospec .spec dl dd{display: none;padding-bottom: 70px;}
.prospec .spec dl dd ul,.prospec .spec dl dd li{overflow: auto;}
.prospec .spec dl dd ul li{border-bottom: 1px solid #d8d8d8;width: 31%;margin-right: 3.5%;float: left;}
.prospec .spec dl dd ul li:nth-child(3n){margin-right: 0;}
.prospec .spec dl dd ul li span{font-size: 16px;line-height: 280%;display: table-cell;margin: 0;}
.prospec .spec dl dd ul li span.fr{color: #7d7d7d;}
.prospec .spec dl dd ul li:last-child{display: flex;justify-content: space-between;}
.prospec .spec dl dd ul li span img{display: inline-block;vertical-align: middle;}

.pages{ text-align: center;margin: 3% auto 5%;}
.pages a{display: inline-block;font-size: 30px;line-height: 50px; text-align: center;margin: 0 10px;}
.pages a.page-num-current{background: #000;color: #fff;width: 50px;border-radius: 50%;}

.search-list{}
.search-list .item{overflow: auto;margin: 10px auto;}
.search-list .item .pic{width: 100px;margin-right: 20px;float: left}

.main .contact2 .tit{font-size: 50px;text-align: center;text-transform: uppercase;font-weight: bold;margin-top: 5%;}
.main .contact2 .con {padding-bottom: 20%;}

.foot{background: #000;overflow: auto;}
.foot .w{max-width: 1620px;width: 100%;}
.foot .link{border-bottom: 1px solid #fff;}
.foot .link .r{display: flex;}
.foot .totop{margin: 70px auto 35px;display: block;width: 100px;}
.foot .footnav{}
.foot .footnav a{font-family:'MyriadProRegular';font-size: 17px;color: #fff;margin-right: 25px;}
.foot p{font-size: 14px;color: #969696;font-family:'MyriadProRegular';line-height: 30px;}
.foot .bottom{border-bottom: 1px solid #fff;margin: 60px auto;position: relative;}
.foot .bottom .design a{font-size: 16px;font-family:'MyriadProRegular';color: #fff;display: inline-block;line-height: 30px;}
.foot .bottom .media{display: flex;position: absolute;right: 0;bottom: 8px;}
.foot .bottom .media a{margin-left: 10px;}

.float{position: fixed;right: 15px;bottom: 200px;z-index: 9999;}