@charset "utf-8";
/*banner */
.banner{ width:100%; height:655px; overflow:hidden; position:relative; margin:80px auto 0 auto; }
.one_banner{ width:100%; max-width:1920px; height:660px; background:no-repeat center; background-size:cover; display:block;}
.banner_menu{ width:100%; height:0; position:relative; top:-80px; text-align:center;}
.banner_menu .bn{ width:15px; height:15px; margin:0 7px; border:0px solid #fff; background-color:rgba(255,255,255,.5); display:inline-block; vertical-align:top; box-sizing:border-box; transition:.3s}
.banner_menu .bn:hover{ border:3px solid #fff; background-color:rgba(0,173,238,1); transition:.3s; color:#fff;}

/*content*/
.edit{ max-width:100%; margin:0; padding:0; box-sizing:border-box; overflow:inherit; position:relative; text-align:right;}
.one_pro{ width:50%; display:inline-block; margin-bottom:65px; position:relative; top:-20px;}
.one_pro .image_block{ width:100%; height:430px; display:inline-block; position:absolute; bottom:20px; right:100%; z-index:10; box-sizing:border-box;}
.one_pro .image_block img{ max-width:100%; box-shadow:0 5px 10px 0 rgba(0,0,0,.15); position:absolute; bottom:0; right:0;}

.one_pro .pro_word{ width:100%; min-height:430px; display:table; background-color:#fff; vertical-align:middle; position:relative;}
.one_pro .pro_word::after{ content:""; width:100px; height:100%; background-color:#fff; display:block; position:absolute; top:0; left:-100px;}
.one_pro .pro_word .word_block{ height:430px; padding:85px 15px 85px 50px; display:table-cell; vertical-align:middle; text-align:left; box-sizing:border-box;}
.one_pro .pro_word .word_block .wb_con{ max-width:500px; display:inline-block; text-align:left;}
.one_pro .pro_word .word_block .wb_con .ch_title{ font-size:35px; color:#000; margin:0;}
.one_pro .pro_word .word_block .wb_con .en_title{ font-size:15px; color:#000; margin:0;}
.one_pro .pro_word .word_block .wb_con .brand{ padding:5px 0;}
.one_pro .pro_word .word_block .wb_con .brand p{ font-size:21px; color:#fff; background-color:#00adee; display:inline-block; border-radius:5px; margin:0 10px 10px 0; padding:5px 10px;}
.one_pro .pro_word .word_block .wb_con .word{ font-size:15px; color:#000; line-height:25px; padding-bottom:20px;}
.one_pro .pro_word .word_block .wb_con .more{ font-size:18px; color:#000; padding-left:20px; position:relative; margin:0; display:block; text-decoration:none;}
.one_pro .pro_word .word_block .wb_con .more::after{ content:""; position:absolute; top:8px; left:3px; border-width:4px 0 4px 7px; border-style:solid; border-color:transparent #000;}

.edit:nth-child(2n){ text-align:left;}
.edit:nth-child(2n) .one_pro .pro_word::after{ left:auto; right:-100px;}
.edit:nth-child(2n) .one_pro .image_block{ left:100%; right:auto;}
.edit:nth-child(2n) .one_pro .image_block img{ left:0; right:auto;}
.edit:nth-child(2n) .one_pro .pro_word .word_block{ text-align:right;}





@media screen and ( min-width: 641px) and ( max-width: 1023px) {
.banner{ height:550px;}
.one_banner{ height:550px;}

.edit{ height:auto;}
.one_pro .pro_word .word_block{ padding:50px 15px 50px 50px;}
.one_pro .pro_word{ min-height:370px;}
}

@media screen and ( max-width: 640px) {
.banner{ height:340px; margin-top:60px;}
.one_banner{ height:340px;}

.banner_menu{ top:-40px;}
.banner_menu .bn{ width:10px; height:10px; margin:0 12px; line-height:19px; color:#00adef; border:2px solid #00adef; display:inline-block; vertical-align:top; transition:.3s}
.edit{ height:auto; padding:15px 8px;}

.one_pro{ width:100%; top:0; margin-bottom:0;}
.one_pro .pro_word{ display:block; height:auto; background:none;}
.one_pro .pro_word::after{ display:none;}
.one_pro .pro_word .word_block{ display:block; background-color:#fff; padding:30px 20px; margin:0 10px; position:relative; }
.one_pro .image_block{ height:auto; left:auto !important; right:auto !important; position:relative; bottom:-20px; z-index:2;}
.one_pro .image_block img{ position:static;}




}