*{margin:0;padding:0}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}

body{width:100%;overflow:auto;}

.popCon{width:1100px;}

.sceniBg{width:100%;height:855px;position:relative;background:url(img/fenzhan_banner.jpg)no-repeat center;background-size: 100% 100%;margin:0 auto;}

.scenbox{width:1200px;margin:0 auto;height:855px;position:relative;}

.wrap_content{width:1200px;height:auto;margin:0 auto;}

.logo{width:205PX;height:185px;position:absolute;left:0;top:0;z-index: 10;margin-top:0;text-align:center;}

.logo img{width:100%;height:100%;display: block;vertical-align: middle;margin-top:30px}

.tp_lang{position:relative;width:450px;height:32px;position:absolute;right:0;top:120px;border-radius:3px;font-size:12px;}

.tp_lang i{margin-right:10px;}

.tp_lang>a{display: block;line-height: 30px;text-align: center;}

.iconplate{width:100%;height:30px;display: flex;justify-content: space-between;}

.iconplate li{height:30px;width:100px;border-radius:15px;;font-size:14px;display: block;text-align: center;background-color:rgb(88,130,222);line-height:30px;color:white;    cursor: pointer;}

.iconplate li>i{margin-left:8px;margin-right:10px}

.iconplate li a{padding-right: 5px;display:block;line-height: 25px;text-align: left;}

.plates{width:100%;height:62px;line-height:62px;text-align: center;font-size:40px;}

.middle{width:100%;background:url(img/fenzhan_bg.jpg)no-repeat center;background-size:100% 100%;margin 0 auto;}

.twobox{height:530px;padding-top:30px;width:100%;position:absolute;left:0;top:280px;background-color: rgba(255,255,255,0.8);    box-shadow: 2px 5px 38px grey;}

/*.twobox*/

.plate{padding:8px 52px 0 52px;width:100%;height:400px;overflow-y: auto;padding-bottom:20px;}

.plate p{font-size:14px!important;letter-spacing: 2px!important;line-height:26px!important;color:#333!important; padding-bottom: 15px;text-indent: 2em;text-align: justify;}

.plate span{font-size:14px!important;letter-spacing: 2px!important;line-height: 32px!important;color:#333!important;}

.plate img{width:100%!important;height:auto!important;}

.threebox{margin-top:42px}

.threebox_title{height:auto;padding-bottom: 30px;}

.threebox_title h2{height:60px;line-height: 60px;text-align: center;font-size:40px;}

.list{width:100%;height:345px;margin-bottom:20px;display: flex;}

.plate_01{background:#E6E6E6;}

.plate_02{background:#AAC59A;}

.plate_03{background:#E0CD93;}

.plate_04{background:#9CC3E4;}

.plate_05{background:#9AC0CD;}

.plate_06{background:#B1BEC6;}

.plate_07{background:#9AC375;}

.checkbox{display:block;display: flex;justify-content: center;align-items: flex-start;width:100%;height:100%;}

.plate_img{width:460px;height:100%;float:left;}

.checkbox img{width:100%;height:100%;display: block;vertical-align: middle;}

.plate_title{position:relative;padding:44px 30px 0 44px;height:100%;width:720px;width: calc(100% - 440px);width: -moz-calc(100% - 440px);width: -webkit-calc(100% - 440px);float: right;}

.plate_title h3{font-size:20px;line-height:78px;width:100%;}

.plate_title p{font-size:14px;line-height:24px;color:#333;width:100%;}

.arrow{position:absolute;left:657px;top:253px;display: block;width:50px;height:50px;}

.iconx{background: url(img/iconx.png);background: url(img/iconx.png)no-repeat center;vertical-align: middle;display: inline-block;background-size: 400px;width:24px;height: 16px;}

.iconx1{background-position: -109px -70px;}

.icon2{background-position: -165px -70px;}

.icon3{background-position: -224px -70px;}

.icon4{background-position: -298px -70px;}

.icon_l{background: url(img/iconx.png)no-repeat -147px -109px;vertical-align: middle;display: inline-block;background-size: 400px;width:10px;height: 6px;}

.icon_t{background: url(img/iconx.png)no-repeat -116px -109px;vertical-align: middle;display: inline-block;background-size: 400px;width:10px;height: 6px;}

.icon_arrow{background: url(img/enter_ss.png);background: url(img/iconx.png)no-repeat -33px -70px;vertical-align: middle;display: inline-block;background-size: 400px;width:50px;height: 50px;}

.icon_btn{background-position: -164px -93px;width:36px;height:36px;}

.icon_video{background:url(img/video.gif)no-repeat;background-size: 100% 100%;width:110px;height:34px;display: inline-block;position: absolute;right:42px;top:20px;line-height: 34px;text-align:center;}

.icon_video i{font-style: normal;font-size:12px;color:#fff;padding-left:30%;}

.footer{position:relative;background-color: #02152c;}

/* .contentFooter{background-color: #02152c;border:1px solid red;} */

.picinfo{width:100%;height:100%;}

/*弹窗*/

.dialog{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9);z-index: 99;display: none;}

.dialog .swiper-container{height: 500px !important;}

.dialog_Img{width: 900px;height:500px;height: calc(100vh - 150px);margin:100px auto;background-color: white;overflow-y: auto;border: 1px solid transparent !important;}

.dialog_Img .swiper-wrapper{margin-top: 50px;width: 80%;height: 400px;}

.dialog_Img .swiper-wrapper .swiper-slide{margin-left: 0 !important;}

.dialog_Img .swiper-wrapper .swiper-slide .imgWrap{width: 80%;height: 400px;margin: 0 auto;}

.dialog_Img .swiper-wrapper .swiper-slide .imgWrap img{width: 100%;height:100%;cursor: pointer;}

.swiper-button-prev,.swiper-button-next{width: 60px;height: 60px;background-color: gainsboro;}

.swiper-button-prev{position:absolute!important;left:10px!important;top:240px!important;}

.swiper-button-next{position:absolute!important;right:10px!important;top:240px!important;}

.dialog_info{padding: 40px;position: relative;}

.dialog_info p{line-height: 30px !important;color: black !important;font-size: 14px !important;letter-spacing: 0px !important;margin: 0;padding-bottom: 15px;text-align: justify;text-indent: 2em;}

.dialog_info h2{text-align: left !important;color: black !important;margin-bottom: 30px !important;}

.dialog_info div{line-height: 30px !important;color: black !important;font-size: 14px !important;letter-spacing: 0px !important;margin: 0;padding: 0;}

.dialog_info div span{line-height: 30px !important;color: black !important;font-size: 14px !important;letter-spacing: 0px !important;margin: 0;padding: 0;}

.dialog_info div img{width: 100% !important;height: auto !important;}

.icon_17{width: 40px;height:40px;position: absolute;left:50%;left: calc(50% - 25px);top: 40px;cursor: pointer;background: url(img/back.png);background-position: -162px -91px!important;} 

.videos{width: 100px;height: 30px;position: absolute;right: 40px;top: 40px;padding-left: 40px;color: white;border-radius: 17.5px;line-height: 28px;cursor: pointer;display: inline-block;background-color: rgb(29,146,235);}

.icon_18{width:26px;height:22px;background: url(img/video_en.png);position: absolute;left: 5px;top: 4px;    background-size: 100% 100%;}

.icon {background: url(img/iconx.png) no-repeat;vertical-align: middle;display: inline-block; background-size:400px;}





.activeli{background-color:white!important;color:rgb(88,130,222)!important;    font-weight: bold;}