@charset "utf-8";

body{font-family:"微软雅黑"}
body.sy{  overflow: hidden;}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button,video{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.main-pad-1{ padding:40px 0 0;}
.main-pad-2{ padding:0 0 40px;}
.main-jiangexian-1{ margin:30px 0; height: 1px; background: rgba(255,255,255,.1);}
.main-background-1{ height: 100vh; background: url(../images/bgyasuo.jpg) no-repeat center;}
.main-background-2{ background: #2d2d2d;}


.header{ position: absolute; left: 0; top: 0; z-index: 2; width: 464px;}
.header:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height:30px;background:-moz-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#00000000',GradientType=1 );}
.header:after{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height:1px;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1 );}
.header span{ display: block; position: relative; z-index: 2; padding:0 35px; font-size: 18px; color: #fff; line-height: 31px; letter-spacing: 1px;}
header{ position: absolute; left: 0; top: 0; z-index: 9999; width: 100%; display: none;}
header .box{ display: flex; justify-content: space-between; padding-top: 10px;}
header .box .logo a{ display: block; font-size: 0;}
header .box .fanhui a{ color: #333;}
body.case header{ display: none;}

.banner{ font-size: 0;}
.banner img{ max-width: 100%;}

.anniu{ position: absolute; z-index: 1; font-size: 0;}
.anniu a{ display:block; position: absolute; left: 0; top: 0; z-index: 6; width: 100%; height: 100%;}
.anniu img{ max-width: 100%;}
.anniu .anniu-moren{ position: relative; z-index: 2;}
.anniu .anniu-moren a{ display:block; position: absolute; left: 0; top: 0; z-index: 6; width: 100%; height: 100%;}

.title-1{ padding:0 10px; font-size: 17px; color: #fff; line-height: 36px; background: #313131;}
.title-2 .biaoti{ margin-bottom: 15px; font-size: 30px; color: #fff; line-height: 34px;}
.title-2 .jiangexian{ position: relative; height: 1px; background: #fff;}
.title-2 .jiangexian:before{ content: ""; position: absolute; left: 50%; top: 0; z-index: 1; margin-left:-63px; width: 126px; height: 1px; background: #88abda;}
.title-3{ display: flex; justify-content:space-between; align-items: center; margin-bottom: 15px; border-bottom: solid 1px #fff;}
.title-3 .biaoti{ position: relative; padding-bottom: 10px; font-size: 20px; color: #fff;}
.title-3 .biaoti:before{ content: ""; position: absolute; left: 0; bottom:-1px; z-index: 1; width: 100%; height: 2px; background: #434343;}
.title-3 .right{ padding-bottom: 10px; color: #999999;}
.title-3 .right a{ color: #999999;}
.title-4{ margin-bottom: 20px;}
.title-4 .biaoti{ margin-bottom: 15px; font-size: 24px; color: #fff; line-height: 30px;}
.title-4 .jiangexian{ height: 1px;background:-moz-linear-gradient(left,rgba(255,255,255,0.1)0%,rgba(255,255,255,0.1)25%,rgba(255,255,255,1)50%,rgba(255,255,255,0.1)75%,rgba(255,255,255,0.1)100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.1)0%,rgba(255,255,255,0.1)25%,rgba(255,255,255,1)50%,rgba(255,255,255,0.1)75%,rgba(255,255,255,0.1)100%);background:linear-gradient(to right,rgba(255,255,255,0.1)0%,rgba(255,255,255,0.1)25%,rgba(255,255,255,1)50%,rgba(255,255,255,0.1)75%,rgba(255,255,255,0.1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff',endColorstr='#1affffff',GradientType=1);}
.title-5{ position: relative; padding-bottom:20px; margin-bottom: 30px; font-size: 30px; color: #fff; line-height: 40px; border-bottom: solid 1px #a8a8a8;}
.title-5:before{ content:""; position: absolute; left: 0; bottom:-3px; z-index: 1; width: 10px; height: 5px; background-color: #a8a8a8;}
.title-6{ display: flex; align-items: center; margin-bottom:50px; line-height: 16px; font-size: 16px;}
.title-6 a{ display: flex; align-items: center; color: #999 !important;}
.title-6 a .icon{ margin-right:5px; transform: rotateY(180deg);}
.title-6 span{ color: #fff;}
.title-6 span.jiangexian{ margin:0 15px; color: #999;}

.text-1{ padding:20px; background: #313131;}
.text-1 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.text-1 ul li{ width: calc(100% / 3);}
.text-1 ul li:nth-child(n+4){ margin-top:40px;}
.text-1 ul li .biaoti{ margin-bottom: 5px; font-size: 17px; line-height: 24px; color: rgba(255,255,255,.6);}
.text-1 ul li .jieshao{ color: #fff; line-height: 24px;}
.text-2{ font-size: 17px; color: #fff; line-height: 43px;}
.text-3 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.text-3 ul li{ padding-left:5%; width: calc(100% / 3);    text-align: center;}
.text-3 ul li:nth-child(n+4){ margin-top:50px;}
.text-3 ul li .biaoti{ margin-bottom:10px; font-size:18px; line-height:24px; color: rgba(255,255,255,.6);}
.text-3 ul li .jieshao{ min-height:60px; font-size:20px; color: #fff; line-height:30px;}
.text-4 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.text-4 ul li{ width: calc(50% - 15px);}
.text-4 ul li:nth-child(n+3){ margin-top: 20px;}
.text-4 ul li:nth-child(n+9){ width: 100%;}
.text-4 ul li .biaoti{ margin-bottom:10px; font-size: 20px; color: #fff; line-height: 24px;}
.text-4 ul li .biaoti span{ color: #ff0000;}
.text-4 ul li input{ display: block; padding:0 10px; width: 100%; height: 40px; color: #999999; line-height: 38px; background: #fff; border: solid 1px #d2d2d2; border-radius: 5px;}
.text-4 ul li .duoxuan .ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.text-4 ul li .duoxuan .ul .li label{ position: relative; margin: 0; font-weight: normal; cursor: pointer;}
.text-4 ul li .duoxuan .ul .li label input{ position: absolute; left: 0; top: 0; opacity: 0;}
.text-4 ul li .duoxuan .ul .li label .mc{ position: relative; padding-left: 25px; color: #fff; line-height: 40px;}
.text-4 ul li .duoxuan .ul .li label .mc span{ position: absolute; left: 0; top: 50%; z-index: 1; margin-top:-8px; font-size: 16px; color: #d2d2d2; line-height: 16px;}
.text-4 ul li .duoxuan .ul .li label input[type="checkbox"]:checked + .mc{ color: #ff0000;}
.text-4 ul li .duoxuan .ul .li label input[type="checkbox"]:checked + .mc span{ color: #ff0000;}
.text-4 ul li textarea{ display: block; padding:5px 10px; width: 100%;max-width: 100%;min-width: 100%; height: 440px;min-height: 440px; color: #999999; line-height:28px; background: #fff; border: solid 1px #d2d2d2; border-radius: 5px;}
.text-4 ul li button{ display: block; margin: 0 auto; width: 100%; max-width: 580px; height: 40px; font-size: 18px; color: #fff; line-height: 40px; background: #448aca; border: none; border-radius: 5px;}
.text-5{ color: rgba(255,255,255,.6); line-height: 30px;}

.picture-1{ display: flex; justify-content: space-between; align-items: flex-start;}
.picture-1 .left{ width: 50%;}
.picture-1 .left .tops{ margin-bottom: 10px;}
.picture-1 .left .tops .imgbox{ padding-top:430px;}
.picture-1 .left .tops .video{ position: relative; padding-top:430px; background:#000; overflow: hidden;}
.picture-1 .left .tops .video .mb,.picture-1 .left .tops .video video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.picture-1 .left .tops .video .mb{ z-index: 2; background: #000;cursor: pointer;}
.picture-1 .left .tops .video .mb span{ display: block; position: relative; height: 100%; opacity: .6;}
.picture-1 .left .tops .video .mb .icon{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:100px; color: rgba(255,255,255,.8); }
.picture-1 .left .tops .video video{ z-index: 1; display: none;}
.picture-1 .left .bots{ position: relative; padding:0 26px;}
.picture-1 .left .bots .imgbox{ position: relative; padding-top:100px; cursor: pointer;}
.picture-1 .left .bots .video{ position: relative; padding-top:100px; cursor: pointer;}
.picture-1 .left .bots .video .icon{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:30px; color: rgba(255,255,255,.8);}
.picture-1 .left .bots .swiper-slide-thumb-active .imgbox:before,.picture-1 .left .bots .swiper-slide-thumb-active .video:before{ content: ""; position: absolute; left: 0; top: 0; z-index:2; width: 100%; height: 100%; border: solid 2px #fff;}
.picture-1 .left .bots .swiper-button{ top: 0; margin-top: 0; display: flex; align-items: center; width:26px; height: 100%; font-size:30px; color: #fff; background: none;}
.picture-1 .left .bots .swiper-button.swiper-button-prev{ left: 0; transform: rotateY(180deg);}
.picture-1 .left .bots .swiper-button.swiper-button-next{ right: 0;}
.picture-1 .left .bots .swiper-button:before{ position: relative;right: -5px;}
.picture-1 .right{ width: calc(50% - 20px);}
.picture-1 .right .biaoti{ margin-bottom: 15px; font-size: 28px; color: #fff; line-height: 24px; text-align: center;}
.picture-1 .right .jieshao{ color: rgba(255,255,255,.6);line-height: 40px;}
.picture-2 .ul .li{ display: flex; justify-content: space-between; align-items: flex-start;}
.picture-2 .ul .li:nth-child(n+2){ margin-top: 30px;}
.picture-2 .ul .li:nth-child(odd){ flex-direction: row-reverse;}
.picture-2 .ul .li .imgbox{ width:50%;}
.picture-2 .ul .li .imgbox .imgs{ padding-top:346px;}
.picture-2 .ul .li .imgbox .swiper-pagination{ bottom: 5px; font-size: 0;}
.picture-2 .ul .li .imgbox .swiper-pagination span{ margin:0 3px; width: 10px; height: 10px; background: #fff; border-radius: 50%; opacity: 1;}
.picture-2 .ul .li .imgbox .swiper-pagination span.swiper-pagination-bullet-active{ background: #333;}
.picture-2 .ul .li .textbox{ width: calc(50% - 30px);}
.picture-2 .ul .li .textbox .biaoti{ margin-bottom: 10px; font-size: 20px; color: #fff; line-height: 24px;}
.picture-2 .ul .li .textbox .jieshao{ max-height:288px; font-size: 16px; color: rgba(255,255,255,.6); line-height: 36px; overflow: hidden;}
.picture-3 ul{ display: flex; flex-wrap: wrap;}
.picture-3 ul li{ width:20%;}
.picture-3 ul li:nth-child(n+6){ margin-top:30px;}
.picture-3 ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width:166px; height: 166px; font-size: 0; background: #efefef; border-radius: 50%; box-shadow:0 5px 10px rgba(0,0,0,1); transition: all 1s;}
.picture-3 ul li a img{ max-width:90%; max-height:90%;}
.picture-4{ position: relative; padding-top:450px;}
.picture-4 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.picture-5 ul{ display: flex; flex-wrap: wrap;}
.picture-5 ul li{ margin-right: 20px; width: calc((100% - 40px) / 3);}
.picture-5 ul li:nth-child(3n+3){ margin-right: 0;}
.picture-5 ul li:nth-child(n+4){ margin-top:20px;}
.picture-5 ul li a{ display: block; padding:3px; border: solid 1px rgba(255,255,255,.3);}
.picture-5 ul li a .imgbox{ overflow: hidden;}
.picture-5 ul li a .imgbox span{ display: block; padding-top: calc(212 / 281 * 100%);}
.picture-5 ul li a .textbox{ padding:3px;}
.picture-5 ul li a .textbox .biaoti{ font-size: 18px; color: #fff; line-height: 24px;}
.picture-5 ul li a .textbox .time{ color: #fff; line-height: 24px;}
.picture-5 ul li a .textbox .icon{ display: flex; flex-wrap: wrap; align-items: center; height: 24px; overflow: hidden;}
.picture-5 ul li a .textbox .icon span{ font-size:0;}
.picture-5 ul li a .textbox .icon span:nth-child(n+2){ margin-left:10px;}
.picture-5 ul li a .textbox .icon span img{ width: 24px;}
.picture-6 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.picture-6 ul li{ width: 50%;}
.picture-6 ul li:nth-child(n+3){ margin-top:6px;}
.picture-6 ul li a{ display: block; position: relative;}
.picture-6 ul li a .imgbox{ overflow: hidden; background: #000;}
.picture-6 ul li a .imgbox span{ display: block; padding-top: calc(363 / 598 * 100%); opacity: .6;}
.picture-6 ul li a .textbox{ position: absolute; left: 0; top: 0; z-index: 1; display: flex; align-items: center; width: 100%; height: 100%;}
.picture-6 ul li a .textbox .box{ padding:0 55px; width: 100%;}
.picture-6 ul li a .textbox .box .biaoti{ margin-bottom: 10px; font-size: 19px; color: #fff; line-height: 24px;}
.picture-6 ul li a .textbox .box .jieshao{ margin-bottom: 10px; height: 120px; color: #fff; line-height: 30px; overflow: hidden;}
.picture-6 ul li a .textbox .box .more{ margin: 0 auto; width: 140px; height: 36px; font-size: 16px; color: #fff; line-height: 36px; background: #448aca; border-radius:5px;}
.picture-7 ul li:nth-child(n+2){ margin-top: 50px;}
.picture-7 ul li a{ display: flex; justify-content: space-between; align-items: flex-start; cursor: default !important;}
.picture-7 ul li:nth-child(even) a{ flex-direction: row-reverse;}
.picture-7 ul li a .imgbox{ width: 50%; overflow: hidden;}
.picture-7 ul li a .imgbox span{ display: block; padding-top:311px;}
.picture-7 ul li a .textbox{ width: calc(50% - 20px);}
.picture-7 ul li a .textbox .biaoti{ margin-bottom: 10px; font-size: 22px; color: #fff; line-height: 24px; text-align: center;}
.picture-7 ul li a .textbox .jieshao{ max-height:240px; color: rgba(255,255,255,.6); line-height: 30px; overflow: hidden;}
.picture-8 ul li{ position: relative; margin-bottom: 30px; padding-bottom: 30px;}
.picture-8 ul li:last-child{ margin-bottom: 0;}
.picture-8 ul li:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px;background:-moz-linear-gradient(left,rgba(255,255,255,0.1)0%,rgba(255,255,255,0.1)25%,rgba(255,255,255,1)50%,rgba(255,255,255,0.1)75%,rgba(255,255,255,0.1)100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.1)0%,rgba(255,255,255,0.1)25%,rgba(255,255,255,1)50%,rgba(255,255,255,0.1)75%,rgba(255,255,255,0.1)100%);background:linear-gradient(to right,rgba(255,255,255,0.1)0%,rgba(255,255,255,0.1)25%,rgba(255,255,255,1)50%,rgba(255,255,255,0.1)75%,rgba(255,255,255,0.1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff',endColorstr='#1affffff',GradientType=1);}
.picture-8 ul li a{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse;}
.picture-8 ul li a .imgbox{ width: 550px; overflow: hidden;}
.picture-8 ul li a .imgbox span{ display: block; padding-top: 260px;}
.picture-8 ul li a .textbox{ width: calc(100% - 550px - 50px);}
.picture-8 ul li a .textbox .biaoti{ margin-bottom:15px; font-size: 20px; color: #fff; line-height: 24px; text-align: center;}
.picture-8 ul li a .textbox .jieshao{ margin-bottom:15px; height:180px; color: rgba(255,255,255,.6); line-height: 36px; overflow: hidden;}
.picture-8 ul li a .textbox .time{ color: rgba(255,255,255,.6); line-height: 24px;}
.picture-9{ margin-bottom: 20px; font-size: 0;}
.picture-9 img{ max-width: 100%;}
.picture-10 ul{ display: flex; justify-content: space-between;}
.picture-10 ul li{ width: calc((100% - 30px * 2) / 3);}
.picture-10 ul li .imgbox{ padding-top:60%; border-radius:10px;}

.subnav .biaoti{ font-size: 30px; color: #fff; font-weight: bold; line-height: 56px; background: #1b1b1b;}
.subnav ul li{ margin-top:3px;}
.subnav ul li a{ display: block; padding:0 10px; font-size: 16px; color: #fff; line-height: 40px; background: #434343;}
.subnav ul li.active a{ background: #1b1b1b;}
.subnav .contact{ padding:10px; color: #fff; line-height: 30px; background: #434343;}

footer{ padding:30px 0 50px; font-size: 16px; color: #fff; line-height: 30px; background: #282828;}


@media (min-width:992px){
    .col-md-3-cz-1{ padding-right: 10px;}
    .col-md-9-cz-1{ padding-left: 10px;}
    .anniu .anniu-moren{transition: all .3s;transition-delay:.7s;}
    .anniu .anniu-tanchu{position: absolute; z-index: 1;}
    .anniu .anniu-tanchu .anniu-tanchu-img{ transition: all .5s; transition-delay:.3s; position: relative; z-index: 3; overflow: hidden;}
    .anniu .anniu-tanchu .anniu-tanchu-img .img{position: absolute; left: 0; top: 0; width: 100%;}
    .anniu .anniu-tanchu .anniu-tanchu-img .wz{ position: absolute; left: 0; top: 0; z-index: 1;}
    .anniu .anniu-tanchu .anniu-tanchu-img .wz span{ display: block; transition: all .3s;}
    .anniu .anniu-tanchu .anniu-tanchu-img .wz span:nth-child(n+2){ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; opacity: 0;}
    .anniu .anniu-tanchu .anniu-tanchu-img-touying{ transition: all .5s; transition-delay:.3s; position:absolute;  z-index: 1; overflow: hidden;}
    .anniu .anniu-tanchu .anniu-tanchu-img-touying .img{ position: absolute; right: 0; bottom: 0;}
    .anniu .anniu-tanchu .anniu-tanchu-icon{ transition: all .3s; position: absolute; z-index: 4; transform: translateX(20px); opacity: 0; visibility: hidden;}
    .anniu:nth-child(-n+4) a:hover + .anniu-moren{opacity: 0;transition: all 0s;}
    .anniu:nth-child(-n+4) a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img{transition: all .3s;}
    .anniu:nth-child(-n+4) a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img .wz span:nth-child(1){ opacity: 0;}
    .anniu:nth-child(-n+4) a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img .wz span:nth-child(2){ opacity: 1;}
    .anniu:nth-child(-n+4) a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img-touying{ transition: all .3s;}
    .anniu:nth-child(-n+4) a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-icon{transition-delay:.5s; transform: translateX(0px); opacity: 1; visibility: visible;}
    .anniu1{ right: calc(50% + 495px); bottom:calc(50% + 8px); width:309px; height:61px;}
    .anniu1 .anniu-tanchu{left:-44px; top:-136px; width:419px;height: 340px;}
    .anniu1 .anniu-tanchu .anniu-tanchu-img{left:45px; top:133px;width:344px; height:184px; clip-path: polygon(0% 0%,310px 0%,310px 16px,272px 45px,258px 45px,250px 50px,30px 50px,24px 45px,15px 45px,0% 14px);}
    .anniu1 .anniu-tanchu .anniu-tanchu-icon{left:118px; top:63px;}
    .anniu1 .anniu-tanchu .anniu-tanchu-img-touying{left:25px; top:132px; width:344px; height: 0;}
    .anniu1 a:hover{ top:-170px; height: 340px;}
    .anniu1 a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img{left:3px; top:0; width:362px;clip-path: polygon(0% 0%,350px 0%,350px 150px,310px 180px,290px 184px,280px 184px,70px 184px,65px 184px,55px 184px,0% 184px);}
    .anniu1 a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img-touying{left:50px; width: 368px; height:196px;}
    .anniu2{ right: calc(50% + 123px); bottom:calc(50% + 180px); width:138px; height: 52px;}
    .anniu2 .anniu-tanchu{left:-10px; top:-120px; width:165px;height:262px;}
    .anniu2 .anniu-tanchu .anniu-tanchu-img{left:11px; top:124px;width:141px; height:145px;clip-path: polygon(45px 0%,98px 0%,101px 5px,112px 5px,137px 30px,137px 35px,131px 40px,5px 40px,0% 35px,0% 30px,30px 5px,40px 5px);}
    .anniu2 .anniu-tanchu .anniu-tanchu-img-touying{left:-2px; top:158px; width:165px; height:0;}
    .anniu2 .anniu-tanchu .anniu-tanchu-icon{left:25px; top:65px;}
    .anniu2 a:hover{ top:-131px; height:262px;}
    .anniu2 a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img{left:2px; top:20px; width:146px;clip-path: polygon(45px 0%,98px 0%,101px 5px,112px 5px,137px 30px,100% 100%,80% 100%,20% 100%,0% 100%,0% 30px,30px 5px,40px 5px);}
    .anniu2 a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img-touying{left:-2px; top:158px; height: 121px;}
    .anniu3{ left: calc(50% + 250px); bottom:calc(50% + 178px); width: 212px; height: 115px;}
    .anniu3 .anniu-tanchu{left:0px; top:-118px; width:236px;height:425px;}
    .anniu3 .anniu-tanchu .anniu-tanchu-img{left:-10px; top:120px;width:225px; height:225px;clip-path: polygon(0% 0%,100% 0%,100% 105px,0% 105px);}
    .anniu3 .anniu-tanchu .anniu-tanchu-img .img > img{ height:235px;}
    .anniu3 .anniu-tanchu .anniu-tanchu-img-touying{left:10px; top:221px; width:231px; height:0;}
    .anniu3 .anniu-tanchu .anniu-tanchu-img .wz{left:10px; top:0px;}
    .anniu3 .anniu-tanchu .anniu-tanchu-icon{left:45px; top:123px;}
    .anniu3 a:hover{ top:-213px; height:425px;}
    .anniu3 a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img{left:5px; top:0px; width:236px;clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);}
    .anniu3 a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img-touying{left:-20px; top:220px; height:203px;}
    .anniu4{ left: calc(50% + 530px); bottom:calc(50% + 0px); width: 236px; height: 71px;}
    .anniu4 .anniu-tanchu{left:-31px; top:-128px; width:333px;height:433px;}
    .anniu4 .anniu-tanchu .anniu-tanchu-img{left:-4px; top:131px;width:270px; height:216px;clip-path: polygon(70px 0%,206px 0%,215px 5px,230px 5px,270px 35px,270px 45px,265px 47px,50px 47px,40px 45px,40px 35px,58px 5px,70px 5px);}
    .anniu4 .anniu-tanchu .anniu-tanchu-img-touying{left:30px; top:180px; width:290px; height:0;}
    .anniu4 .anniu-tanchu .anniu-tanchu-icon{left:110px; top:30px;}
    .anniu4 a:hover{ top:-217px; height:433px;}
    .anniu4 a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img{left:33px; top:-35px; width:293px; clip-path: polygon(70px 0%,100% 0%,100% 5px,100% 5px,100% 35px,100% 100%,0% 100%,0% 100%,0% 100%,0% 100%,0% 5px,0% 5px);}
    .anniu4 a:hover + .anniu-moren + .anniu-tanchu .anniu-tanchu-img-touying{left:-10px; top:180px; width: 274px; height:203px;}
    .anniu4 .anniu-tanchu .anniu-tanchu-img .wz{left:35px; top:-2px;}
    .anniu5{ left: calc(50% - 235px); top:calc(50% + 235px);}
    .anniu5 .anniu-tanchu{ transition: all .3s; left: 0; top: 0; z-index: 3; opacity: 0;}
    .anniu5 .anniu-tanchu a{ display: block;}
    .anniu5:hover .anniu-tanchu{ opacity: 1;}
    .anniu6{ left:50%; top:50%; margin-top:-110px; margin-left:-237px;}
    .anniu6 .anniu-tanchu{ transition: all .3s; left: 0; bottom: 0; width: 100%;transform: translateY(5px); opacity: 0;}
    .anniu6:hover .anniu-tanchu{transform: translateY(2px); opacity:1; z-index: 2;}
    .title-3 .right a:hover{ color: #fff; text-decoration: underline !important;}
    .title-6 a:hover{color: #fff !important;}
    .text-4 ul li input:hover{ box-shadow:inset 3px 3px 5px rgba(0,0,0,.2);}
    .text-4 ul li textarea:hover{ box-shadow:inset 3px 3px 5px rgba(0,0,0,.2);}
    .text-4 ul li button:hover{ background: #ff0000;}
    .picture-1 .left .tops .video .mb:hover span{ transform: scale(1.2); opacity:.8;}
    .picture-1 .left .tops .video .mb:hover .icon{ color: #fff;}
    .picture-3 ul li:hover a{ transform:rotateY(360deg);}
    .picture-5 ul li a:hover .imgbox span{ transform: scale(1.2);}
    .picture-5 ul li a:hover .textbox .biaoti{ text-decoration: underline;}
    .picture-6 ul li a:hover .imgbox span{ transform: scale(1.2); opacity:1;}
    .picture-7 ul li a:hover .imgbox span{transform: scale(1.2);}
    .picture-7 ul li a:hover .textbox .biaoti{ text-decoration: underline;}
    .picture-8 ul li a:hover .imgbox span{ transform: scale(1.2);}
    .picture-8 ul li a:hover .textbox .biaoti{ text-decoration: underline;}
    .subnav ul li:hover a{ background: #1b1b1b;}
}

@media (max-width:1650px) and (min-width:992px){
    .anniu1{ right: calc(50% + 246px);}
    .anniu3{ left: calc(50% + 182px);}
    .anniu4{ left: calc(50% + 285px);}
    .anniu6{ margin-left:-190px; width:380px;}
}

@media (max-width:1650px){
    .header{ width: 400px;}
    .header span{ padding:0 20px; font-size: 16px;}
}

@media (max-width:1199px) and (min-width:992px){
    .anniu1{ right: calc(50% + 166px);}
    .anniu4{ left: calc(50% + 204px);}
}

@media (max-width:1199px){
    .picture-2 .ul .li .imgbox{ width:60%;}
    .picture-2 .ul .li .textbox{ width: calc(40% - 30px);}
    .picture-3 ul li a{ width: 150px; height: 150px;}
    .picture-8 ul li a .imgbox{ width: 500px;}
    .picture-8 ul li a .textbox{ width:calc(100% - 500px - 30px);}
}

@media (max-width:991px){
    .header span{ font-size: 14px;}
    .anniu1{ left:100px; top:80px;}
    .anniu2{ right: 100px; top:50px;}
    .anniu3{ right:0px; top:50%;}
    .anniu4{ right:10%; bottom:5%; }
    .anniu5{ left:0; bottom:20%;}
    .anniu6{ left: 50%; top:50%; margin-left:-190px; margin-top: -190px; width: 380px;}
    .main-pad-1{ padding:30px 0 0;}
    .main-pad-2{ padding:0 0 30px;}
    .title-1{ font-size: 16px;}
    .title-2 .biaoti{ font-size: 24px; line-height: 30px;}
    .title-5{ margin-bottom:20px; font-size: 24px; line-height: 30px;}
    .text-1 ul li .biaoti{ font-size: 16px;}
    .text-2{ font-size: 14px; line-height:24px;}
    .text-3{ line-height: 24px;}
    .text-3 ul li{ padding-left: 0; width:calc(50% - 10px);}
    .text-3 ul li:nth-child(n+3){ margin-top:30px;}
    .text-3 ul li .biaoti{ font-size: 16px;}
    .text-3 ul li .jieshao{ min-height:50px; font-size: 18px; line-height: 26px;}
    .text-4 ul li{ width: 100%;}
    .text-4 ul li:nth-child(n+2){ margin-top: 20px;}
    .text-4 ul li .biaoti{ font-size: 18px;}
    .text-4 ul li textarea{ height: 200px; min-height: 200px;}
    .picture-1{ flex-wrap: wrap;}
    .picture-1 .left{ margin-bottom: 20px; width: 100%;}
    .picture-1 .left .tops .imgbox{ padding-top: calc(609 / 812 * 100%);}
    .picture-1 .left .tops .video{ padding-top: calc(609 / 812 * 100%);}
    .picture-1 .left .bots .imgbox{ padding-top: calc(609 / 812 * 100%);}
    .picture-1 .left .bots .video{ padding-top: calc(609 / 812 * 100%);}
    .picture-1 .left .bots .swiper-button:before{ right: 0;}
    .picture-1 .right{width: 100%;}
    .picture-1 .right .biaoti{ margin-bottom: 10px; font-size: 18px;}
    .picture-1 .right .jieshao{ line-height: 24px;}
    .picture-2 .ul .li{ flex-wrap: wrap;}
    .picture-2 .ul .li .imgbox{ margin-bottom: 20px; width: 100%;}
    .picture-2 .ul .li .imgbox .imgs{ padding-top:60%;}
    .picture-2 .ul .li .textbox{ width: 100%;}
    .picture-2 .ul .li .textbox .biaoti{ font-size: 18px;}
    .picture-2 .ul .li .textbox .jieshao{ line-height: 24px;}
    .picture-3 ul li{ width: 25%;}
    .picture-3 ul li:nth-child(n+5){ margin-top: 20px;}
    .picture-3 ul li a{ width: 120px; height: 120px;}
    .picture-5 ul li{ width: calc(50% - 10px);}
    .picture-5 ul li:nth-child(3n+3){ margin-right:20px;}
    .picture-5 ul li:nth-child(2n+2){ margin-right:0;}
    .picture-5 ul li:nth-child(n+3){ margin-top: 20px;}
    .picture-5 ul li a .textbox .biaoti{ font-size: 16px;}
    .picture-6 ul li{ width: 100%;}
    .picture-6 ul li:nth-child(n+2){ margin-top: 10px;}
    .picture-6 ul li a .textbox .box{ padding:0 20px;}
    .picture-6 ul li a .textbox .box .jieshao{ height:130px; line-height:26px;}
    .picture-7 ul li:nth-child(n+2){ margin-top: 20px;}
    .picture-7 ul li a{ flex-wrap: wrap;}
    .picture-7 ul li a .imgbox{ margin-bottom:20px; width: 100%;}
    .picture-7 ul li a .imgbox span{ padding-top: calc(311 / 596 * 100%);}
    .picture-7 ul li a .textbox{ width: 100%;}
    .picture-7 ul li a .textbox .biaoti{ font-size: 18px;}
    .picture-7 ul li a .textbox .jieshao{ max-height: initial; line-height: 24px;}
    .picture-8 ul li{ margin-bottom: 20px; padding-bottom: 20px;}
    .picture-8 ul li a{ flex-wrap: wrap;}
    .picture-8 ul li a .imgbox{ margin-bottom:20px;  width: 100%;}
    .picture-8 ul li a .imgbox span{ padding-top: calc(258 / 549 * 100%);}
    .picture-8 ul li a .textbox{ width:100%;}
    .picture-8 ul li a .textbox .biaoti{ margin-bottom: 10px; font-size: 18px;}
    .picture-8 ul li a .textbox .jieshao{ margin-bottom: 10px; height: auto; line-height: 24px;}
    .subnav{ margin-bottom: 20px;}
    .subnav .biaoti{ display: flex; align-items: center; justify-content: space-between; padding:0 10px; font-size:18px; line-height:50px;}
    .subnav .biaoti.active .icon{ transform: rotate(90deg);}    
    .subnav ul li a{ font-size: 14px; line-height: 34px;}
    footer{ padding:20px 0; font-size: 14px; line-height: 24px;}

}

@media (max-width:767px){
    .container-fluid{padding:0 5px;}
	.container-fluid .row{margin:0 -5px;}
	.container-fluid .col-xs-12,.container-fluid .col-md-6,
	.container-fluid .col-md-3,.container-fluid .col-md-9,
	.container-fluid .col-md-4,.container-fluid .col-md-8,
	.container-fluid .col-md-5,.container-fluid .col-md-7
    {padding:0 5px;}
    .anniu1{ left:initial; right:0; top:initial; bottom:130px; width:280px;}
    .anniu2{ left:initial; right:50px; top:80px;}
    .anniu3{ left:50px; right:initial; top:initial; bottom:230px;}
    .anniu4{ left:30px; right:initial; top:150px; bottom:initial; }
    .anniu5{ left:0; top:initial; bottom:30px; width: 300px;}
    .anniu6{ top:initial; bottom: 350px; left:20%; margin-left: 0; margin-top:0; width:60%;}
    .main-pad-1{ padding:20px 0 0;}
    .main-pad-2{ padding:0 0 20px;}
    header .box .logo a img{ width: 300px;}
    header .box .fanhui a{font-size: 12px;}
    .title-2 .biaoti{ margin-bottom: 10px; font-size: 18px; line-height: 24px;}
    .text-4 ul li .biaoti{ font-size: 16px;}
    .text-4 ul li input{ height: 34px; line-height: 32px;}
    .text-4 ul li textarea{ padding:4px 10px; line-height: 24px;}
    .text-4 ul li button{ font-size: 16px;}
    .text-4 ul li .duoxuan .ul{ justify-content: flex-start;}
    .text-4 ul li .duoxuan .ul .li{ width: calc(100% / 3);}
    .text-4 ul li .duoxuan .ul .li label .mc{ line-height: 34px;}
    .picture-1 .right .biaoti{ font-size: 16px;}
    .picture-1 .left .tops .video .mb .icon{ font-size:80px;}
    .picture-2 .ul .li:nth-child(n+2){ margin-top: 20px;}
    .picture-2 .ul .li .imgbox .swiper-pagination{ bottom: 10px;}
    .picture-2 .ul .li .imgbox .swiper-pagination span{ width:8px; height: 8px;}
    .picture-2 .ul .li .textbox .biaoti{ font-size: 16px;}
    .picture-3 ul li{ width: calc(100% / 3);}
    .picture-3 ul li:nth-child(n+4){ margin-top: 20px;}
    .picture-5 ul li{ margin-right:10px; width: calc(50% - 5px);}
    .picture-5 ul li:nth-child(3n+3){ margin-right:10px;}
    .picture-5 ul li:nth-child(2n+2){ margin-right:0;}
    .picture-5 ul li:nth-child(n+3){ margin-top:10px;}
    .picture-5 ul li a .textbox .biaoti{ font-size: 14px;}
    .picture-5 ul li a .textbox .time{ font-size: 12px;}
    .picture-6 ul li a .textbox .box .biaoti{ font-size: 18px;}
    .picture-6 ul li a .textbox .box .jieshao{ height: 72px; line-height: 24px;}
    .picture-6 ul li a .textbox .box .more{ width: 120px; font-size: 14px;}
    .picture-7 ul li a .textbox .biaoti{ font-size: 16px;}
    .picture-8 ul li a .textbox .biaoti{ font-size: 16px;}
    .subnav .biaoti{ font-size:16px; line-height:40px;}
    footer{ padding:15px 0; font-size: 12px;}
}

@media (max-width:479px){
    .main-background-1{ background-size:auto 100%;}
    .header{ width: 100vw;}
    .anniu1{ bottom:140px;}
    .anniu2{ right:30px; top:90px; width: 110px;}
    .anniu3{ left:30px;bottom:245px; width:180px;}
    .anniu4{ left:20px; top:150px; width: 200px;}
    .anniu5{ left: 15px; bottom:20px; width:280px;}
    .anniu6{ bottom:350px;}

    .bot + .content .main-background-1{ height:calc(100vh - 50px);}
    .bot + .content .main-background-1 .anniu1{bottom:160px;}
    .bot + .content .main-background-1 .anniu5{bottom:80px;}

    header .box .logo a img{ width: 260px;}
    .text-1{ padding:10px;}
    .picture-1 .left .tops .video .mb .icon{ font-size:50px;}
    .picture-3 ul li a{ width: 110px; height: 110px;}
}

@media (max-width:399px){
    header .box .fanhui{ display: none;}
    .picture-3 ul li{ width: 50%;}
    .picture-3 ul li:nth-child(n+3){ margin-top: 20px;}
    .picture-3 ul li a{ width: 130px; height: 130px;}
}

@media (max-height:630px) and (min-width:1200px){
    .anniu2{ left: calc(50% - 417px); top: calc(50% - 192px);}
    .anniu3{ right: calc(50% - 475px); top:calc(50% - 255px);}
    .anniu5{ bottom: calc(50% - 260px);}
    .anniu6{ top: calc(50% - 150px);}
}

@media (max-height:680px) and (max-width:480px){
    .anniu1{ bottom:120px; width: 230px;}
    .anniu2{ right:20px; top:50px;}
    .anniu3{ bottom:200px; width:160px;}
    .anniu4{ top:100px; width:180px;}
    .anniu5{ width:250px;}
    .anniu6{ bottom:280px;}
}