@charset "utf-8";
.special_banner { position: relative; height: calc(100vh - 93px); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.special_banner .block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #fff; }
.special_banner .block>div { width: 100%; }
.special_banner .d1 .f18 { line-height: 1.8; }
.special_banner .d2 .tg a { margin: 0 20px; }
.x-btn1 { margin: 30px auto 0; overflow: hidden; display: inline-block; padding: 20px 155px 20px 10px; position: relative; border-top: 1px solid rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.6); transition: all 0.6s ease; }
.x-btn1:after { content: "\e73d"; font-family: icon; position: absolute; right: -10px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); color: rgba(255,255,255,0.6); transition: all 0.6s ease; font-size: 36px; }
.x-btn1:before { content: ""; content: ""; position: absolute; right: 1px; top: 50%; border-top: 1px solid rgba(255,255,255,0.6); width: 80px; margin-top: -0.5px; transition: all 0.6s ease; }
.x-btn1:hover { padding-right: 100px; padding-left: 65px; }
.x-btn1:hover:after { right: 15px; }
.x-btn1:hover:before { width: 0; right: 25px; }
.special_detail1 .block { max-width: 1450px; }
.special_detail1 .list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special_detail1 .item { width: 319px; height: 319px; border-radius: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 20px; }
.special_detail1 .item .f22 { width: 290px; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; }
.special_detail1 .item .f22 .img { position: relative; width: 147px; height: 147px; margin: 0 auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.special_detail1 .item .f22 .img img { position: relative; z-index: 1; }
.special_detail1 .item .f22 .img:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px dashed #4461a0; border-radius: 999px; }
.special_detail1 .item .f22 .img:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 90%; height: 90%; box-sizing: border-box; border: 1px solid #4461a0; border-radius: 999px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; }
.special_detail1 .item .f22 .img img { max-width: 100%; max-height: 100%; }
.special_detail1 .item:hover { border-color: transparent; }
.special_detail1 .item:hover .img:before { animation: r1 5s linear 0s infinite alternate; border-color: #274174; transform: scale(1.1); }
@-webkit-keyframes r1 {
 from {
transform: rotate(0deg) scale(1.1);
}
 to {
transform: rotate(360deg) scale(1.1);
}
}
@keyframes r1 {
 from {
transform: rotate(0deg) scale(1.1);
}
 to {
transform: rotate(360deg) scale(1.1);
}
}
.special_detail1 .item .f22 .txt1 { }
.special_detail1 .x-btn1 { border-color: #899cb9; }
.special_detail1 .x-btn1:after { color: #899cb9; }
.special_detail1 .x-btn1:before { border-color: #899cb9; }
.special_detail2 .list { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.special_detail2 .item { height: 480px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; margin-left: 20px; -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; background-image: url(../image/bg4.png); }
.special_detail2 .item:first-child { margin-left: 0; }
.special_detail2 .item a{display:block;width:100%;}
.special_detail2 .item .ico { width: 190px; height: 190px; position: relative; line-height: 190px; text-align: center; margin: 0 auto; }
/*.special_detail2 .item .ico .img{display: inline-block;width: 196px;height: 196px;line-height: 196px;border: 1px dashed #4e6fb8;border-radius: 50%;}*/
.special_detail2 .item .ico .img img { position: relative; z-index: 1; max-width: 60%; }
.special_detail2 .item .ico .img:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px dashed #ffffff; border-radius: 999px; }
.special_detail2 .item .ico .img:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 90%; height: 90%; box-sizing: border-box; border: 1px solid #ffffff; border-radius: 999px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.special_detail2 .item:hover { border-color: transparent; }
.special_detail2 .item:hover .img:before { animation: r1 5s linear 0s infinite alternate; border-color: #ffffff; transform: scale(1.1); }
.special_detail2 .item .f16 { padding: 0 10px; text-align: center; }
@-webkit-keyframes r1 {
 from {
transform: rotate(0deg) scale(1.1);
}
 to {
transform: rotate(360deg) scale(1.1);
}
}
@keyframes r1 {
from {
transform: rotate(0deg) scale(1.1);
}
to {
transform: rotate(360deg) scale(1.1);
}
}
.tabs1 a { display: inline-block; font-size: 0.6em; margin: 0 30px; }
.tabs1 a.now { font-size: 1em; }
.special_detail2a .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special_detail2a .item { position: relative; transition: all 0.3s ease-in-out; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; -ms-flex-pack: start; justify-content: flex-start; margin-left: 20px; -ms-flex-direction: column; flex-direction: column; border: 1px solid #ddd; width: calc(25% - 16px); margin-top: 20px; box-sizing: border-box; padding: 30px 30px 70px; }
.special_detail2a .item:nth-child(4n-3) { margin-left: 0; }
.special_detail2a .item:nth-child(-n+4) { margin-top: 0; }
/*.special_detail2a .item:before{content: '';display: block;background:url(../image/png19.png) center center no-repeat;position:absolute;left:-2px;top:-2px;bottom: -2px;right: -2px; background-size:100% 100%;}*/
.special_detail2a .item .ico { width: 190px; height: 190px; position: relative; line-height: 190px; text-align: center; z-index: 1; margin: 0 auto; }
.special_detail2a .item .ico img { position: relative; z-index: 1; max-width: 60%; }
.special_detail2a .item .ico:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px dashed #cccccc; border-radius: 999px; }
.special_detail2a .item .ico:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 90%; height: 90%; box-sizing: border-box; border: 1px solid #cccccc; border-radius: 999px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; }
.special_detail2a .item .f24 { position: relative; z-index: 1; }
.special_detail2a .item .f16 { text-align: center; position: relative; z-index: 1; }
.special_detail2a .item a { display: block; width: 100%; height: 100%; }
.special_detail2a .item a:before { content: ''; display: block; width: 0%; border-bottom: 1px solid #4461a0; position: absolute; left: 0; bottom: -1px; transition: all 0.5s ease-in-out; }
.special_detail2a .item a:after { content: ''; display: block; height: 0%; border-left: 1px solid #4461a0; position: absolute; left: -1px; bottom: 0px; transition: all 0.5s ease-in-out; }
.special_detail2a .item:hover { transform: scale(1.05); }
.special_detail2a .item:hover a:before { width: 100%; }
.special_detail2a .item:hover a:after { height: 100%; }
.special_detail2b { color: #fff; }
.special_detail2b .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special_detail2b .item { position: relative; transition: all 0.3s ease-in-out; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; -ms-flex-pack: start; justify-content: flex-start; margin-left: 20px; -ms-flex-direction: column; flex-direction: column; border: 1px solid #6c83b5; width: calc(25% - 16px); margin-top: 20px; box-sizing: border-box; padding: 30px 30px 70px; }
.special_detail2b .item:nth-child(4n-3) { margin-left: 0; }
.special_detail2b .item:nth-child(-n+4) { margin-top: 0; }
/*.special_detail2b .item:before{content: '';display: block;background:url(../image/png19_1.png) center center no-repeat;position:absolute;left:-2px;top:-2px;bottom: -2px;right: -2px; background-size:100% 100%;}*/
.special_detail2b .item .ico { width: 190px; height: 190px; position: relative; line-height: 190px; text-align: center; z-index: 1; margin: 0 auto; }
.special_detail2b .item .ico img { position: relative; z-index: 1; max-width: 60%; }
.special_detail2b .item .ico:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px dashed #cccccc; border-radius: 999px; }
.special_detail2b .item .ico:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 90%; height: 90%; box-sizing: border-box; border: 1px solid #cccccc; border-radius: 999px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.special_detail2b .item .f24 { position: relative; z-index: 1; }
.special_detail2b .item .f16 { text-align: center; position: relative; z-index: 1; }
.special_detail2b .item a { display: block; width: 100%; height: 100%; }
.special_detail2b .item a:before { content: ''; display: block; width: 0%; border-bottom: 1px solid #fff; position: absolute; left: 0; bottom: -1px; transition: all 0.5s ease-in-out; }
.special_detail2b .item a:after { content: ''; display: block; height: 0%; border-left: 1px solid #fff; position: absolute; left: -1px; bottom: 0px; transition: all 0.5s ease-in-out; }
.special_detail2b .item:hover { transform: scale(1.05); }
.special_detail2b .item:hover a:before { width: 100%; }
.special_detail2b .item:hover a:after { height: 100%; }
.special_detail3 .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special_detail3 .item { width: calc(25% - 15px); margin-left: 20px; position: relative; margin-top: 20px; padding-bottom: 100px; }
.special_detail3 .item .img { width: 100%; max-height: 100%; overflow: hidden; }
.special_detail3 .item:nth-child(4n-3) { margin-left: 0; }
.special_detail3 .item:nth-child(-n+4) { margin-top: 0; }
.special_detail3 .item .f24 { background: rgba(255,255,255,1); text-align: center; line-height: 108px; color: #333; position: absolute; left: 0; bottom: 0; right: 0; box-shadow: 0 0 20px rgba(0,0,0,0.15); position: relative; }
.special_detail3 .item .f24:after { content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px dashed #6f88c5; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(1.1); pointer-events: none; }
.special_detail3 .item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.special_detail3 .item img { transition: all 0.3s ease-out 0s; width: 100%; height: auto; }
.special_detail3 .item:hover img { transform: scale(1.1); width: 100%; height: auto; }
.special_detail3 .item:hover .f24 { background-image: url(../image/bg2.png); color: #fff; }
.special_detail3 .item:hover .f24:after { opacity: 1; visibility: visible; transform: none; }
.special_detail3 .x-btn1 { border-color: #899cb9; margin-top: 0; }
.special_detail3 .x-btn1:after { color: #899cb9; }
.special_detail3 .x-btn1:before { border-color: #899cb9; }
/* .special_detail4 .list{height:35vw;position:relative;}
.special_detail4 .item{position:absolute;overflow:hidden;}
.special_detail4 .item a{position:absolute;left:0;top:0;width:100%;height:100%;}
.special_detail4 .item .pic{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.3s ease-out 0s;}
.special_detail4 .item:hover .pic{transform:scale(1.05);}
.special_detail4 .item .f18{background:rgba(0,0,0,0.3);text-align:center;line-height:50px;color:#fff;position:absolute;left:0;bottom:0;right:0;}
.special_detail4 .d1{height:100%;left:0;width:30%;top:0;}
.special_detail4 .d2{height:calc(50% - 10px);left:calc(30% + 20px);width:calc(25% - 20px);top:0;}
.special_detail4 .d3{height:calc(50% - 10px);left:calc(55% + 20px);width:calc(45% - 20px);top:0;}
.special_detail4 .d4{height:calc(50% - 10px);left:calc(30% + 20px);width:calc(45% - 20px);bottom:0;}
.special_detail4 .d5{height:calc(50% - 10px);left:calc(75% + 20px);width:calc(25% - 20px);bottom:0;} */
#layer1 { display: none; }
#layer1.showd { display: block; }
.special_detail5 { padding-top: 0; }
.special_detail5 .content { display: -ms-flexbox; display: flex; }
.special_detail5 .l { width: 50%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.special_detail5 .r { width: 50%; background: url(../image/bg4.png); color: #fff; box-sizing: border-box; padding: 100px; }
.special_detail5 .r .d { margin-top: 60px; }
.special_detail5 .r .d:first-child { margin-top: 0; }
.special_detail5 .r .p { margin-top: 0; font-size: 0; }
.special_detail5 .r .p a { border: 1px solid rgba(255,255,255,0.2); height: 66px; line-height: 56px; display: inline-block; font-size: 16px; margin: 35px 35px 0px 0; min-width: calc(33.33% - 35px); box-sizing: border-box; position: relative; padding: 5px 20px 5px 5px; }
.special_detail5 .r .p a:after { content: ""; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border: 1px dashed #6f88c5; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(1.1); pointer-events: none; }
.special_detail5 .r .p a:nth-child(3n-2) { margin-left: 0; }
.special_detail5 .r .p a i { float: left; width: 66px; text-align: center; margin-right: 20px; font-size: 0; height: 100%; position: relative; }
.special_detail5 .r .p a i:after { content: ""; border-right: 1px solid rgba(255,255,255,0.2); right: 0; position: absolute; top: 10px; bottom: 10px; }
.special_detail5 .r .p a i img { max-width: 60%; max-height: 60%; }
.special_detail5 .r .p a:hover { border-color: transparent; background: rgba(0,0,0,0.2); }
.special_detail5 .r .p a:hover:after { opacity: 1; visibility: visible; transform: none; }
.special_detail5 .x-btn1 { border-color: #899cb9; }
.special_detail5 .x-btn1:after { color: #899cb9; }
.special_detail5 .x-btn1:before { border-color: #899cb9; }
.special_detail6 { color: #fff; overflow: hidden; }
.special_detail6 .btn1 { color: #fff; }
.special_detail6 .content { }
.special_detail6 .content .roundabout_box { margin: 45px 0 0; height: 676px; position: relative; }
.special_detail6 .content .roundabout-holder { height: 100%; }
.special_detail6 .content .roundabout_box .li { width: 999px; height: 676px; position: relative; }
.special_detail6 .content .roundabout_box .li img { width: 100%; height: auto; }
.special_detail6 .content .roundabout_box .li .cont { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; color: #fff; padding: 0 50px; visibility: hidden; opacity: 0; }
.special_detail6 .content .roundabout_box .li .cont a { margin-top: 20px; margin-bottom: 15px; display: inline-block; }
/*.special_detail6 .content .roundabout_box .li .cont a:hover{text-decoration: underline;}*/
.special_detail6 .content .roundabout_box .li .btn-video { position: absolute; top: 50%; padding-top: 115px; background: url(../image/play1.png) no-repeat top center; width: 120px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; visibility: hidden; opacity: 0; }
.special_detail6 .content .roundabout_box .li .mask { }
.special_detail6 .content .roundabout_box .sarrow { width: 78px; height: 78px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); cursor: pointer; z-index: 999; background-repeat: no-repeat; background-position: center; background-size: cover; }
.special_detail6 .content .roundabout_box .prev { left: 10%; background-image: url(../image/slick1.png); }
.special_detail6 .content .roundabout_box .next { right: 10%; background-image: url(../image/slick2.png); }
.special_detail6 .content .roundabout_box .li.roundabout-in-focus .btn-video { opacity: 1; visibility: visible; }
.special_detail6 .content .roundabout_box .li.roundabout-in-focus .cont { opacity: 1; visibility: visible; }
.special_detail6 .content .roundabout_box .li.roundabout-in-focus .mask { opacity: 0; visibility: hidden; transform: scale(1.2); transition: all 0.4s ease-in-out; }
/* .special_detail6 .content .roundabout_box .li .cont .btn-video,
.special_detail6 .content .roundabout_box .li .cont .f18{display: none;}
.special_detail6 .content .roundabout_box .li.act .cont .btn-video,
.special_detail6 .content .roundabout_box .li.act .cont .f18{display: block;}
.special_detail6 .content .roundabout_box .li.rig .cont{text-align: right;}
.special_detail6 .content .roundabout_box .li.lef .cont{text-align: left;} */


/* .special_detail7 .list{display:-ms-flexbox;display:flex;height:32vw;}
.special_detail7 .item{margin-left:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;}
.special_detail7 .item:first-child{margin-left:0;}
.special_detail7 .item .pic{height:50%;overflow:hidden;}
.special_detail7 .item .pic a{display:block;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.3s ease-out 0s;}
.special_detail7 .item .pic:hover a{transform:scale(1.05);}
.special_detail7 .item .text{box-sizing:border-box;padding:40px;box-shadow:0 0 20px rgba(0,0,0,0.15);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:50%;transition:all 0.2s ease-out 0s;position:relative;}
.special_detail7 .item .text:hover{box-shadow:0 0 20px rgba(0,0,0,0.3);}
.special_detail7 .item .text .b{font-size:16px;}
.special_detail7 .item .text .btn{background:url(../image/png7.png) left center no-repeat;padding-left:30px;cursor:pointer;}
.special_detail7 .item .text .p{margin-top:10px;}
.special_detail7 .item:nth-child(even){-ms-flex-direction:column-reverse;flex-direction:column-reverse;} */

.special_detail8 .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special_detail8 .item { width: calc(50% - 15px); margin-left: 20px; position: relative; margin-top: 20px; padding-bottom: 125px; }
.special_detail8 .item:nth-child(odd) { margin-left: 0; }
.special_detail8 .item .pic img { transition: all 0.3s ease-out 0s; }
.special_detail8 .item:hover .pic img { transform: scale(1.05); }
.special_detail8 .item .f24 { background: rgba(255,255,255,1); text-align: center; line-height: 125px; color: #333; position: absolute; left: 0; bottom: 0; right: 0; box-shadow: 0 0 20px rgba(0,0,0,0.15); }
.special_detail8 .item .f24:after { content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px dashed #6f88c5; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(1.1); pointer-events: none; }
.special_detail8 .item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.special_detail8 .item:hover .f24 { background-image: url(../image/bg2.png); color: #fff; }
.special_detail8 .item:hover .f24:after { opacity: 1; visibility: visible; transform: none; }
.special_detail8 .x-btn1 { border-color: #899cb9; margin-top: 0; }
.special_detail8 .x-btn1:after { color: #899cb9; }
.special_detail8 .x-btn1:before { border-color: #899cb9; }
.special_detail8a {/*padding-top: 0;*/ }
.special_detail8a .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special_detail8a .item { width: calc(33% - 15px); margin-left: 20px; position: relative; margin-top: 20px; padding-bottom: 110px; }
.special_detail8a .item:nth-child(3n-2) { margin-left: 0; }
.special_detail8a .item:nth-child(-n+3) { margin-top: 0; }
.special_detail8a .item .pic img { transition: all 0.3s ease-out 0s; }
.special_detail8a .item:hover .pic img { transform: scale(1.05); }
.special_detail8a .item .f24 { background: rgba(255,255,255,1); text-align: center; line-height: 110px; color: #333; position: absolute; left: 0; bottom: 0; right: 0; box-shadow: 0 0 20px rgba(0,0,0,0.15); }
.special_detail8a .item .f24:after { content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px dashed #6f88c5; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(1.1); pointer-events: none; }
.special_detail8a .item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.special_detail8a .item:hover .f24 { background-image: url(../image/bg2.png); color: #fff; }
.special_detail8a .item:hover .f24:after { opacity: 1; visibility: visible; transform: none; }
.special_detail8a .x-btn1 { border-color: #899cb9; margin-top: 0; }
.special_detail8a .x-btn1:after { color: #899cb9; }
.special_detail8a .x-btn1:before { border-color: #899cb9; }
.special_ask { padding-top: 0; position: relative; }
.special_ask .content { background: url(../image/bg4.png); color: #fff; height: 25vw; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.special_ask .title .btn1 { margin-top: 40px; position: relative; z-index: 2; }
.special_ask .pic_wp { position: absolute; right: 0; top: 0; width: 37%; }
.special_ask .pic_wp img { position: absolute; left: 0; top: 0; max-width: 100%; height: auto; opacity: 0; visibility: hidden; transition: all 2s ease-in-out; }
.special_ask .pic_wp img.now { position: relative; opacity: 1; visibility: visible; }
.special_detail9 .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special_detail9 .item { width: calc(33% - 15px); margin-left: 20px; position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.1); transition: all 0.2s ease-out 0s; position: relative; }
.special_detail9 .item:nth-child(3n-2) { margin-left: 0; }
.special_detail9 .item .f18 { background: rgba(0,0,0,0.3); text-align: center; line-height: 50px; color: #fff; position: absolute; left: 0; bottom: 0; right: 0; }
.special_detail9 .item .text { box-sizing: border-box; padding: 40px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; }
/* .special_detail9 .item .text .t{height:150px;} */
.special_detail9 .item .text .date { font-family: en; font-size: 18px; margin-top: 10px; }
.special_detail9 .item .text .b { font-size: 16px; color: #999; }
.special_detail9 .item .text .b a { margin-right: 20px; display: inline-block; }
/*.special_detail9 .item .text .b a:hover{color:#333;}*/
.special_detail9 .item .text .btn { background: url(../image/png7.png) left center no-repeat; padding-left: 30px; }
.special_detail9 .item .text .p { margin-top: 10px; }
/*.special_detail9 .item:hover .pic{position: absolute;left: 0;right: 0;bottom: 0;}*/
.special_detail9 .item:hover .text { background-image: url(../image/bg2.png); color: #fff; }
.special_detail9 .item:hover .text .b { color: #fff; }
.special_detail9 .item:hover { transform: scale(1.02); transition: all 0.2s ease-in-out; }
.special_detail9 { padding-top: 0; }
.special_detail9 .x-btn1 { border-color: #899cb9; }
.special_detail9 .x-btn1:after { color: #899cb9; }
.special_detail9 .x-btn1:before { border-color: #899cb9; }
.special_detail10 .content { }
.special_detail10 .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special_detail10 .list .item { width: calc(50% - 15px); margin-left: 20px; margin-top: 20px; position: relative; display: -ms-flexbox; display: flex; flex-wrap: wrap; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.special_detail10 .list .item:nth-child(odd) { margin-left: 0; }
.special_detail10 .list .item:nth-child(-n+2) { margin-top: 0; }
.special_detail10 .list .item .pic { height: 100%; overflow: hidden; width: 50%; }
.special_detail10 .list .item .pic a { display: block; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.3s ease-out 0s; }
.special_detail10 .list .item:hover .pic a { transform: scale(1.05); }
.special_detail10 .list .item .text { flex: 1; -ms-flex: 1; padding: 78px 35px; }
.special_detail10 .item .t .date { margin-top: 5px; font-size: 24px; }
.special_detail10 .item .t .f24:hover { text-shadow: 2px 2px 2px rgba(0,0,0,0.15); }
.special_detail10 .item .b { margin-top: 15px; color: #999; }
.special_detail10 .item .b a { display: inline-block; margin-right: 20px; }
/*.special_detail10 .item .b a:hover{color:#333;}*/
.special_detail10 .list .item:hover .text { background-image: url(../image/bg2.png); color: #fff; }
.special_detail10 .list .item:hover .text .b { color: #fff; }
.special_detail10 .list .item .pic img { display: none; }
.special_detail10 .x-btn1 { border-color: #899cb9; }
.special_detail10 .x-btn1:after { color: #899cb9; }
.special_detail10 .x-btn1:before { border-color: #899cb9; }
.special_detail11 { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 195px 0 160px; }
.special_detail11 .block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #fff; }
.special_detail11 .block>div { width: 100%; }
.special_detail11 .d1 .f18 { line-height: 1.8; }
.special_detail11 .d2 .f30 img { margin: 0 20px; }
.special_detail11 .d2 .tg a { margin: 0 20px; }
.special_detail12 { }
.special_detail12 .cont { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; }
.special_detail12 .l, .special_detail12 .r { width: 50%; position: relative; text-align: center; padding: 120px; box-sizing: border-box; }
.special_detail12 .l .btn1, .special_detail12 .r .btn1 { color: #fff; }
.layer .video1 { width: 900px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; font-size: 0; }
.layer .video1 video { width: 100%; height: auto; }