header{width:100%;position: fixed;;padding: 0 0;box-sizing: border-box;z-index: 10;top: 0}
header .logo{float: left;position: relative;margin-left: 3%;z-index: 9;margin-top:30px;cursor: pointer;}
header  .menu{float: right;position: relative;margin-right: 3%;z-index: 11;margin-top:35px}
header .m_wb{color: #fff;font-size: 14px;}
header .m_wb{display: inline-block;vertical-align: middle;padding-right: 20px;}
header .menu_icon{display: inline-block;vertical-align: middle;cursor: pointer;}
header .menu_icon i{color: #fff;width: 25px;height: 2px;background: #fff;display: block}
.item2{margin:5px 0;}
.mune_list nav{    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right: 16%;}
.mune_list{width: 25%;height: 100%;position: fixed;top: 0;background: #222;right: 0;z-index: 9;transform: translateX(100%);box-sizing: border-box;}
.mune_list span a{color: #fff;display: block;width: 100%;text-align: right;padding: 6% 0}
.mune_list span a:hover{color: #666}
.mune_list .nav_x{text-align: right;padding-bottom: 2%;border-bottom: 1px solid rgba(238, 238, 238, 0.1);;border-top: 1px solid rgba(238, 238, 238, 0.1);box-sizing: border-box;padding-top:20px; margin-top:10px;}
.db_zz{height: 100%;width: 100%;position: fixed;z-index: 8;background: rgba(0, 0, 0, 0.6);display: none;}
.mune_list  .nav_ewm{color: #fff;text-align: right;box-sizing: border-box;padding-top: 30px;}
.mune_list  .nav_ewm img{display: inline;}
.nav_x span i{color:#fff}
.section-group >section{position:relative; width:100%;height:100%;}
/* .menu_icon:hover{transform:rotate(90deg);transform-origin: 50%,50%} */
/*index*/
.pane_loop{height: 100%}
.pane_loop .swiper-slide{background-image: url(../images/banner.png);background-position: center;background-size: cover;background-repeat: no-repeat}
.design{background-image: url(../images/kxln.png);background-position: center;background-size: cover;background-repeat: no-repeat}
/*banner*/
.banner_loop{height: 100%;}
.sect-01{cursor: pointer;}
.b_icon_pic{position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);z-index: -1;}
.b_icon_pic img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.pic_icon{position: absolute;width: 200px;height: 200px;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;line-height: 200px;color: #666;font-size: 60px;z-index: 15;}
.pic_icon .icon-jia{font-size: 70px;color: #ccc}
/*jianjie*/
.sect-02{background-image: url(../images/kxln.png);background-position: center;background-size: cover;background-repeat: no-repeat;transition-duration: .3s}
.sect-02 .sect-02-wb{transform: translate(-50%,-50%);left: 50%;top: 50%;width: 70%}
.sect-02 h3{color: #fff;font-size: 20px;text-transform: uppercase;text-align: center;font-weight: 100}
.sect-02 h2{font-size: 30px;color: #fff;text-align: center;padding: 8% 0 6%;position: relative;font-weight: 100}
.sect-02 h2::before{height: 20px;width: 1px;background: #ababab;position: absolute;content: "";left: 50%;top: 50px;}
.s_2_more{font-size: 14px;text-transform: uppercase;color: #fff;border:1px solid rgba(255, 255, 255, .2);text-align: center;line-height: 40px;height: 40px;width: 150px;border-radius: 20px;display: block;margin: 0 auto;margin-bottom: 8%;}
.s_2_more a{ color:#fff;}
.s_2_more:hover{background: #eee;color: #313131;cursor: pointer;}
.s_2_tap{border-top: 1px solid #605f5f}
.s_2_tap span{display: inline-block;width: calc(100%/3);text-align: center;float: left;color: #fff;font-size: 18px;height: 50px;line-height:  50px;position: relative;}
.s_2_tap span i{display: inline-block;height: 2px;width: 150px;background: #eee;position: absolute;top: -1px;left: 50%;margin-left: -75px;}
/*about*/
.h_p{padding: 140px 0;box-sizing: border-box}
.sect-03 .s_tit{font-size: 20px;color: #e4e4e4;text-transform: uppercase;padding-bottom: 10px;}
.s_content .s_c_fl{width: 50%}
.s_content .s_c_fl h3{font-size: 30px;font-weight: bold;color: #000;text-align: center;padding: 60px 0;}
.s_content .s_c_fl .js{font-size: 14px;text-align: center;display: inline-block;width: 100%;line-height: 30px;color: #7c7c7c}
.s_content .s_c_fl h4{width: 100%;text-align: center;font-size: 14px;padding:35px 0 75px 0;color: #7c7c7c}
.s_content .s_c_fr{width: 50%}
.s_f_f_logo img{margin: 0 auto;padding-bottom: 70px;}
.sun_ld ul li{width: calc(100%/3);box-sizing: border-box;border-right: 1px solid #eee;float: left;padding: 30px 0;text-align: center}
.sun_ld ul li:last-child{border-right: 0;}
.sun_ld ul li span:first-child{font-size: 40px;color: #000;display: inline-block;text-align: center}
.sun_ld ul li span:last-child{font-size: 14px;text-align: center;display: inline-block;width: 100%;;color: #7c7c7c}
.sun_ld  .join{color: #d80111;font-size: 25px;position: absolute;right: -20px;top: -5px;}
.s_c_fr img{margin: 0 auto}
.sun_ld b{font-weight: 100}
.s_content::after{position: absolute;content: "";height: 42px;width:100px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;background: transparent;bottom: 0;right: 0;}
.s_content::before{position: absolute;content: "";height: 42px;width:100px;border-top: 1px solid #eee;border-left: 1px solid #eee;background: transparent;top: 0;left: 0;}
/* index_cp */
.index_cp_list{width: 400px;left:5%;bottom:8%;}
.index_cp_list ul li{background: rgba(0, 0, 0, 0.7);width:100%;color: #fff;box-sizing: border-box;padding: 23px 25px;margin-bottom:2px;}
.index_cp_list ul li:first-child{background: rgba(216, 1, 17, .8);font-size: 18px;box-sizing: border-box; padding: 20px 25px;text-transform: uppercase}
.index_cp_list ul li:first-child span{display: block}
.index_cp_list ul li .sun{color: #605f5f;font-size: 24px;font-weight: bold;vertical-align: middle}
.index_cp_list ul li div{vertical-align: middle;width: 80%;padding-left: 12%;box-sizing: border-box}
.index_cp_list ul li div b{height: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_cp_list ul li a div b{ color:#fff;}
.index_cp_list ul li div span{color:#fff;font-size: 12px;height: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_cp_list ul li .boult{vertical-align: middle;font-size: 25px;text-align: center;line-height: 40px;opacity: 0;}
.index_cp_list ul .hov:hover{background: rgba(0, 0, 0, 0.8);cursor: pointer;width: 500px}
.index_cp_list ul .hov:hover  .hov_z{transform: translateX(20%)}
.index_cp_list ul .hov:hover  .boult{opacity: 1;transform: translateX(15px)}
/*index_news*/
.sect-05{background: #1b1b1b}
.index_news{width: 70%;margin: 0 auto}
.index_news .lt{border-left: 1px solid rgba(238, 238, 238, .1);box-sizing: border-box;padding-top: 10%;}
.index_news .index_n_1 {width: 20%}
.index_news .index_n_1 .en{font-size: 30px;color: #666}
.index_news .index_n_1 .ch{font-size: 14px;color: #fff;}
.index_news .index_n_2{width: 30%}
.index_news .index_n_2 .pic{padding-bottom: 5%}
.index_news .wb .time{width: 16%;position: absolute;left: -17%;}
.index_news .wb .time span{font-size: 12px;color: #b9b4b4}
.index_news .wb .time span:first-child{color: #d80111;font-weight: bold;font-size: 30px;display: inline-block}
.index_news .index_n_2 .txt{padding-left: 6%;padding-bottom: 10%;;padding-top: 10%;margin-right: 5%}
.index_news .index_n_2 .txt h3{padding-bottom: 5%}
.index_news .txt h3{font-size: 18px;color: #d6d3d3;}
.index_news .index_n_3{width: 35%;margin-left: 15%;padding-bottom: 20%}
.index_news .index_n_3 .time  span:first-child{color: #666}
.index_news .index_n_3 .time{padding-top:10%}
.index_news .index_n_3 .wb:first-child .time{padding-top: 0}
.index_news .index_n_3 .txt{padding-left: 6%;padding-bottom: 10%;border-bottom: 1px solid rgba(238, 238, 238, .1);padding-top: 10%;margin-right: 5%}
.index_news .index_n_3 .txt p,.index_news .index_n_2 .txt p{color: #7c7c7c}
.index_news .index_n_3 .txt h3{padding-bottom: 5%}
.index_news .index_n_3 .wb:hover .time span:first-child{color: #fff}
.index_news .index_n_3 .wb:hover .txt h3{color: #fff;}
.index_news .wb:hover .txt {padding-left: 11%;margin-right: 0;cursor: pointer;}
.sect-04 .s_pic{height: 100%}
.index_news .more{font-size: 14px;text-transform: uppercase;color: #fff;border:1px solid rgba(255, 255, 255, .2);text-align: center;line-height: 30px;height: 30px;width: 110px;border-radius: 20px;display: block;margin-top: 8%;}
.index_news .more a{ color:#fff;}
.index_news .more:hover{background: #eee;color: #313131;cursor: pointer;}
.index_news .more:hover a{color: #333;}
/*footer*/
footer{height: 60px;width: 100%;background: #000}
footer span{display:block;width: 80%;margin: 0 auto;color: #666;line-height: 60px;font-size: 14px;}
footer span a{color: #666;font-size: 14px;}
/*INFO*/
.info_tapbg{position:relative;}
.info_tapbg h2{position:relative;box-sizing:border-box;margin-bottom:20px;padding-bottom:30px;padding-bottom:20%;color:#fff;text-align:center;font-weight:700;font-size:36px;}
.info_tapbg h2:after{position:absolute;bottom:0;left:50%;width:2em;height:1px;background:hsla(0,0%,100%,.1);content:"";transform:translateX(-50%);}
.info_tapbg .info_t_bg_wb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.info_tapbg ul li{position:relative;float:left;margin-left:30px;color:#fff;font-size:14px;cursor:pointer;}
.info_tapbg ul li::before{position:absolute;top:63%;left:-10px;display:inline-block;width:3px;height:3px;border-radius:50%;background-color:#f5f5f5;content:"";transform:translateY(-50%);}
.info_tapbg ul li:hover{color:#666;}
.list_f  li{margin-left:30px;color:#fff;font-size:14px;cursor:pointer;position:relative}
.list_f li::before{position:absolute;top:63%;left:-10px;display:inline-block;width:3px;height:3px;border-radius:50%;background-color:#f5f5f5;content:"";transform:translateY(-50%);}
.list_f{position: fixed;top: 0;left: 0;z-index: 11;left: 50%;transform: translateX(-50%);height:40px;width: 100%;background: rgba(0, 0, 0, .7);text-align: center;padding-top: 10px;display: none}
/*jianjie*/
.info_jianjie{width:100%;box-sizing: border-box;padding:40px 13%;background: #f3f3f3}
.info_jianjie_tit {padding-bottom: 30px;}
.info_jianjie_tit h2{font-size: 26px;color: #000;font-weight: bold;text-transform: uppercase;display: inline-block;line-height: 40px;height: 40px;vertical-align: middle}
.info_jianjie_tit span{vertical-align: middle;display: inline-block}
.info_jianjie_tit i{display: inline-block;height: 3px;width: 3px;border-radius: 50%;background: #666;vertical-align: middle}
.info_j_c_l{width: 40%}
.info_j_c_r{width:60%;box-sizing: border-box;padding-left: 5%;padding-right: 5%}
.info_j_c_r .j_c_r_tit h2{color: #313131;font-size: 50px}
.info_j_c_r .j_c_r_tit h2 i{color: #d80111;font-weight: bold}
.info_j_c_r .j_c_r_tit span{font-size: 16px;color: #313131;display: inline-block;padding-bottom: 20px;padding-top: 5px;}
.info_j_c_r .j_c_r_wb{font-size: 16px;color: #313131; line-height:26px;}
.info_j_c_r .j_c_r_wb .wb{margin-bottom: 6%;line-height: 30px}
.info_j_c_r .j_c_r_wb p:last-child{margin-bottom: 10%}
.j_c_r_sun .animateNum{font-size: 50px;color: #313131;height: 66px;}
.j_c_r_sun span{display: block}
.j_c_r_sun .sun_10{padding-left: 50px;}
.j_c_r_sun .sun_wb{color: #313131;font-size: 14px;}
.j_c_r_sun .sun_10000 .animateNum::before{position: absolute;content: "+";right: -15px;top: 0;color: #d80111;font-size: 20px;}
.j_c_r_sun .sun_10 .animateNum::before{position: absolute;content: "+";right: 60px;top: 0;color: #d80111;font-size: 20px;}
.info_j_c_l span{padding-top: 10px;display: inline-block}
/*info_figure*/
.info_figure{width:100%;box-sizing: border-box;padding:40px 13%;}
.info_figure_tit {padding-bottom: 30px;}
.info_figure_tit h2{font-size: 26px;color: #000;font-weight: bold;text-transform: uppercase;display: inline-block;line-height: 40px;height: 40px;vertical-align: middle}
.info_figure_tit span{vertical-align: middle;display: inline-block}
.info_figure_tit i{display: inline-block;height: 3px;width: 3px;border-radius: 50%;background: #666;vertical-align: middle}
.info_figure .figure_1{padding: 30px 0;width: 100%;box-sizing: border-box}
.fig_1_wb{width: 42%;padding-right: 3%;}
.fig_pic{width: 55%}
.fig_1_wb .tit_h{font-size: 30px;vertical-align: middle;padding-right: 70px;}
.fig_1_wb .tit_h i{font-weight: bold}
.fig_1_wb .tit_p {font-weight: 14px; vertical-align: middle;position: relative;}
.fig_1_wb .tit_p::before{position: absolute;content: "";width: 40px;height: 1px;background-color: #ccc;left: -50px;top: 50%;transform: translateY(-50%)}
.fig_1_wb .tit_sun{font-weight: bold;color: #eeeeee;font-size: 30px;vertical-align: middle;padding-right: 25px;}
.fig_1_wb .en{font-size: 26px;color: #e6e6e6;text-transform: uppercase;width: 58%;padding-bottom: 15%}
.fig_1_wb .fig_wb{font-size: 14px;width: 58%;box-sizing: border-box;padding-right: 16%}
.fig_pic_icon{position: absolute;right: 10px;bottom: 10px;z-index: 2;}
.fig_pic_icon span{margin-right: 05px;}
.figure_2{width: 42%;padding-right: 3%;cursor: pointer;}
.figure_2 .fig_pic,.figure_3 .fig_pic{width: 100%}
.figure_3{width: 55%;cursor: pointer;}
.figure_2  .fig_pic,.figure_3 .fig_pic{height: 400px;}
.figure_3 .fig_1_wb,.figure_2 .fig_1_wb{width: 100%;padding: 30px 0}
.figure_3:hover .fig_1_wb,.figure_2:hover .fig_1_wb{box-sizing: border-box;padding-left: 5%;}
/*info_show*/
.info_show{width:100%;box-sizing: border-box;padding:40px 12%;}
.info_show .info_show_item{width: calc(100%/3);padding: 0 1%;box-sizing: border-box}
.info_show_item h3{font-size: 16px;color: #313131;text-align: right;padding-top: 15px}
.info_show_item .info_s_pic{overflow: hidden;}
.info_show_item:hover .info_s_pic img{transform: scale(1.2);cursor: pointer;}
.info_show_item:hover h3{transform: translateX(-20px)}
/*荣誉*/
.info_honor{background-image: url(../images/honor.png);background-position: center;background-size: cover;background-repeat: no-repeat}
.info_honor{width:100%;box-sizing: border-box;padding:40px 13%;}
.info_honor_tit {padding-bottom: 30px;}
.info_honor_tit h2{font-size: 26px;color: #e9e9e9;font-weight: bold;text-transform: uppercase;display: inline-block;line-height: 40px;height: 40px;vertical-align: middle}
.info_honor_tit span{vertical-align: middle;display: inline-block;color: #e9e9e9;}
.info_honor_tit i{display: inline-block;height: 3px;width: 3px;border-radius: 50%;background: #fff;vertical-align: middle}
.info_honor_p{font-size: 14px;color: #e9e9e9;padding-left: 2em;display: inline-block}
.info_honor_pic{padding: 50px 0;padding-left: 2em;}
.info_honor .info_honor-next,.info_honor .info_honor-prev{display: inline-block;font-size: 50px;color: #fff;border-radius: 20px;width: 115px;height: 40px;text-align: center;line-height: 40px;border:1px solid Rgba(100,100,100,0.5);cursor: pointer;}
.info_honor .bnt{text-align: center}
.info_honor .pic_opc{height: 100%;width: 100%;top: 0;left: 0;opacity: 0;}
.info_honor .pic_opx_img{height: 100%;width: 100%;}
.info_honor .pic_opx_img img{left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute}
.info_honor .swiper-slide:hover .pic_opc{cursor: pointer;opacity: 1;background: rgba(0, 0, 0, 0.4);}
/*产品设计*/
.info_design{width:100%;box-sizing: border-box;padding:0px 13%;background: #fff}
.info_design_tit {padding-bottom: 30px; position: absolute;padding-left: 10px;padding-top: 50px;}
.info_design_tit h2{font-size: 26px;color: #313131;font-weight: bold;text-transform: uppercase;display: inline-block;line-height: 40px;height: 40px;vertical-align: middle}
.info_design_tit span{vertical-align: middle;display: inline-block;color: #313131;}
.info_design_tit i{display: inline-block;height: 3px;width: 3px;border-radius: 50%;background: #313131;vertical-align: middle}
.info_design ul li{width: calc(100%/4);float: left;border-left: 1px solid #f0f0f0;box-sizing: border-box;height: 100%;position: relative;padding-left: 10px;}
.info_design .info_design_list{height: 900px;overflow: hidden;cursor: pointer;}
.info_design ul{height: 100%}
.info_design .info_design_list .info_ds_item{position: absolute;top: 50%;transform: translateY(-50%)}
.info_ds_item p{ font-size:14px;}
.info_design .info_design_list .info_ds_item .sun{font-size: 52px;font-weight: bold;color: #f0f0f0;padding-bottom: 40px;}
.info_design .info_ds_item span{font-size: 24px;color: #313131;display: block;}
.info_design .info_ds_item .show{padding: 10px 0;}
.info_design .info_ds_item span:last-child{text-transform: uppercase;color:#eee; font-size:15px;}

/*contact*/
.info_t_bg_wb span{color: #e2e2e2;font-size: 14px;display: inline-block;text-align: center;width: 100%}
.contact_dt{width: 100%;position: relative;}
.contact_dt .contact_dt_icon{width: 70%;position: absolute;left: 50%;transform: translateX(-50%);top: -140px;z-index: 2;background: #fff; box-shadow: 3px 3px 4px rgba(132, 131, 131, 0.3);padding: 80px 100px;box-sizing: border-box}
.contact_dt .contact_dt_icon ul li{float: left;width: calc(100%/4);cursor: pointer;}
.contact_dt .contact_dt_icon ul li  .iconfont{text-align: center;font-size: 35px;color: #b2b2b2;padding-bottom:10px}
.contact_dt .contact_dt_icon ul li .wb{height:116px;border-right: 1px solid #e5e5e5;text-align:center;display:table-cell;width: 274px;vertical-align: middle;}
.contact_dt .contact_dt_icon ul li .en{width: 100%;text-align: center;font-size: 16px;color: #e5e5e5;padding-top: 10px;}
.contact_dt .contact_dt_icon ul li:last-child .wb{border: 0;}
.contact_dt .contact_dt_icon ul li:last-child .wb img{ display:inline;}
.contact_dt .contact_dt_icon ul li:hover .iconfont{color: #d80111;transform: translateY(-20px)}
.contact_dt .contact_dt_icon ul li:hover .wb{color: #d80111;transform: translateY(-15px)}
.contact_dt .contact_dt_icon ul li:hover .en{color: #d80111;transform: translateY(-10px)}
/*cp*/
.cp_tapbg .cp_tap_box{width:100%;position:absolute;bottom:105px;padding:0 5%;box-sizing:border-box;}
.c_t_b_list{width:30%;}
.c_t_b_list ul li{background: rgba(0, 0, 0, 0.5);width: 100%;height: 65px;color: #fff;box-sizing: border-box;padding: 10px 25px;cursor: pointer;transition:all .5s;}
.c_t_b_list ul li a{ color:#fff;}
.c_t_b_list ul .hd{background: rgba(0, 0, 0, 0.8);transition:all .5s;}
.c_t_b_list ul li:first-child{background: rgba(216, 1, 17, .8);font-size: 18px;box-sizing: border-box;padding-left: 23%;line-height: 45px}
.c_t_b_list ul li .sun{color: #605f5f;font-size: 24px;font-weight: bold;vertical-align: middle}
.c_t_b_list ul li div{vertical-align: middle;width: 80%;padding-left: 12%;box-sizing: border-box}
.c_t_b_list ul li div b{height: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.c_t_b_list ul li div span{color:#7c7c7d;font-size: 12px;height: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.c_t_b_list ul li boult{vertical-align: middle}
.c_t_b_wb{width: 70%;background:rgba(245, 244, 244, .9);;height: 325px;padding: 70px 55px;box-sizing: border-box;padding-right: 200px;transition:all .5s;}
.c_t_b_wb .w_1_tit h2{font-size: 24px;color: #000;padding-bottom: 30px;}
.c_t_b_wb .w_1_tit h2 i{font-weight: bold}
.c_t_b_wb .w_1_Span{color: #000;font-size: 14px;line-height: 25px;}
.c_t_b_wb .w_1_more{width: 125px;height: 40px;border-radius: 20px;border: 1px solid #ccc; background:#fff;text-align: center;line-height: 42px;margin-top: 35px;transition-duration: .5s}
.c_t_b_wb .w_1_more:hover{background: #000;color:#fff;cursor: pointer;}
.c_t_b_wb .w_1_more:hover a{color:#fff;}
/*cp cp_list*/
.cp_list{background: #f3f3f3;width: 100%;padding:50px 5%;box-sizing: border-box;padding-bottom: 0}
.cp_list .cp_list_tit{font-size: 16px;padding-bottom: 30px;color: #666}
.cp_list .cp_list_tit span{display: inline-block;padding-left: 20px;cursor: pointer;}
.cp_list .cp_list_tit span a:hover{ color:#000;}
.cp_list .cp_list_tit span:last-child{padding-right: 10px;}
.cp_list .cp_list_tit .ho{font-weight: bold;color: #313131}
.cp_list ul li{float: left;width: calc(100%/4);padding-right: 10px;padding-bottom:20px;box-sizing: border-box}
.cp_list .pic{background: #fff;text-align: center;height: 255px;line-height: 255px;position: relative;overflow: hidden;}
.cp_list .pic img{position: absolute;margin: auto;left: 0;bottom: 0;right: 0;top: 0;z-index: 1;}
.cp_list .pic .opct{height: 100%;width: 100%;background:rgba(0, 0, 0, .3);position: relative;z-index: 2;opacity: 0;}
.cp_list ul li:hover .opct{opacity: 1;cursor: pointer;}
.cp_list ul li:hover .pic img{transform: scale(1.2)}
.cp_list ul li .item_info{padding-top:10px;}
.cp_list ul li .item_info_x{width:0;height: 1px;background: #ccc;margin-top: 20px;}
.cp_list ul li:hover .item_info_x{width: 100%;}
.cp_list ul li .item_info_jiant{float:right;transform: translateX(-50px);opacity: 0;}
.cp_list ul li:hover .item_info_jiant{transform: translateX(0px);opacity: 1;}
.page_bottom{background: #f3f3f3;padding-bottom: 50px;}
/*cp_info*/
.cp_info{width: 100%;padding: 40px 12%;box-sizing: border-box}
.cp_info .product_box{width: 100%}
/*产品阐述*/
.cpinfo_cs{box-sizing:border-box;padding:20px;margin-top:30px;border-top:1px solid #eee; border-bottom:1px solid #eee;}
.fh-left{float:left;font-size:12px;line-height:24px;color:#666}
.fh-left a{color:#666}
.fh-left a:hover{color:#c82e30}
.ft-fx{text-align: right}
.fh-right{float:right;margin-right:30px;margin-top:10px;width:124px;height:33px;background:#f4f4f4;text-align:center}
.fh-right a{line-height:33px;color:#666;font-weight:400;font-size:18px;display:block}
.fh-right a:hover{line-height:33px;background:#c82e30;color:#fff;display:block;opacity:1;transition-duration:1s}
.cpinfo_loop{height: 700px;}
.cpinfo_loop img{left: 0;top:0;right:0;bottom:0;margin: auto;position: absolute}
.info_t_bg_wb h2{ text-align:center; max-width:100%; color:#fff; font-size:32px;}
.product_box .swiper-button-prev,.product_box .swiper-button-next{ color:#999;}

/*新闻列表*/
.div_news{ width:100%;}
.div_news ul li{ padding:2.66%; background:#fff; border-bottom:1px solid #eeeeee; position:relative;}
.div_news ul li .div1{ width:6.4%;}
.div_news ul li .div1 .p1{ font-size:48px; height:50px; line-height:50px; color:#666; border-bottom:1px solid #e3e3e3; text-align:center; padding-bottom:15px; padding-top:10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li .div1 .p2{ color:#b2b2b2; margin-top:15px; text-align:center; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li .div2{ width:20.46%; margin-left:2.66%;}
.div_news ul li .div2 img{ width:100%;}
.div_news ul li .div3{ width:67.82%;}
.div_news ul li .div3 .p1{ color:#333; font-size:24px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li .div3 .p2{ color:#666; line-height:24px; margin-top:30px; padding-bottom:15px;font-size: 16px}
.div_news ul li .div3 .p3{ color:#999; margin-top:15px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li .div3 .p3 .span1{ background:url(../images/5_15.png) center left no-repeat; padding-left:30px; padding-top:10px; padding-bottom:10px;}
.div_news ul li .div3 .p3 .span1 strong{ font-size:30px; margin-right:4px;}
.div_news ul li .div3 .p3 .span2{ background:url(../images/5_16.png) center left no-repeat; padding-left:30px; padding-top:10px; padding-bottom:10px; margin-left:30px;}
.div_news ul li .div1,.div_news ul li .div2,.div_news ul li .div3{ position:relative; z-index:5;}
.div_news ul li .div4{ background:#fff; position:absolute; top:0px; right:0px; width:100%; height:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li:hover { background:#f5f5f5;transform: translateX(-20px)}
.div_news ul li:hover .div1 .p1{ border-bottom:1px solid #d80111; color:#d80111;}
.div_news ul li:hover .div1 .p2{ color:#d80111;}
.div_news ul li:hover .div3 .p1{ color:#d80111;}
.div_news ul li:hover .div3 .p3{ color:#d80111;}
.div_news ul li:hover .div3 .p3 .span1{ background:url(../images/5_15a.png) center left no-repeat;}
.div_news ul li:hover .div3 .p3 .span2{ background:url(../images/5_16a.png) center left no-repeat;}
/*newsinfo*/
.news_info{ width:100%;box-sizing: border-box;padding:40px 12%;background: #f5f5f5}
.content_title{font-size:16px;color:#000;line-height:100px;font-weight:200;box-sizing:border-box}
.content_title a{font-size: 16px}
.content_title i{font-size: 12px;}
.com_box{background:#fff;margin-bottom:50px}
.com_box .newsInfo_title{font-size:24px;width:100%;text-align:center;padding:30px 0 0 0}
.com_box .newsInfo_box{padding: 30px;box-sizing: border-box;font-size: 15px;line-height: 22px;}
.com_box .newsInfo_box img{ max-width:100%;}
.com_box .newInfo_time{display:block;margin-left:auto;margin-right:auto;width:100%;padding-top:5px;text-align:center;color:#888;padding-bottom:15px;font-size:13px;border-bottom:1px solid #eee;margin-bottom:20px}
.com_box .newsInfo_box img{display:inline-block}
.com_box p{padding:20px 0;font-size:16px;color:#b4b4b4}
.news_nxt_pre{border-top:1px solid #eee}
.news_nxt_pre .news_nxt_n,.news_nxt_pre .news_nxt_p{font-size:14px;width:48%;color:#b4b4b4;box-sizing:border-box;}
.news_nxt_pre .news_nxt_p{padding-right:1%;text-align: right}
.news_nxt_pre .news_nxt_n{padding-left:1%;text-align: left}
.news_nxt_pre .news_nxt_n a,.news_nxt_pre .news_nxt_p a{color:#b4b4b4}
.news_nxt_pre .news_nxt_return{width:4%;height:100%;color:#b4b4b4;cursor:pointer; margin-top:-6px;}
.news_nxt_pre .news_nxt_return:hover{color:#c82e30}
/*public_box*/
.public_box{width: 100%;padding: 40px 12%;background: #fff;box-sizing: border-box}
/*点击放大图片*/
.pic_box{position: fixed;transform: translate(-50%,-50%);left: 50%;top:50%;z-index: -1;display: none}
.pic_zz{position: fixed;height: 100%;width: 100%;z-index: -1;background: rgba(0, 0, 0, 0.6);top: 0;left: 0;display: none}
.pic_box .iconfont{position: absolute;right: -30px;top: -30px;font-size: 35px;color: #fff;cursor: pointer;display: none}
.pic_box .iconfont:hover{transform: rotate(360deg)}

/*index_loop*/
#menu{position:fixed;right:30px;right:30px;top:50%;width:10px;margin-top:-50px;padding:0;list-style-type:none;z-index:70}
#menu li{width:10px;height:10px;margin-top:10px;text-align:center;line-height:10px}
#menu li a{display:inline-block;width:5px;height:5px;text-indent:-100px;overflow:hidden;border-radius:50%;background:#fff}
#menu li.active a{background:0 0;border:2px solid #ccc}
#superContainer{height:100%;position:relative}
.section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.slide{float:left}
.slide,.slidesContainer{height:100%;display:block}
.slides{height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.section.table,.slide.table{display:table;width:100%}
.tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.slidesContainer{float:left;position:relative}
.controlArrow{position:absolute;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px}
.controlArrow.prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.controlArrow.next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.scrollable{overflow:scroll}
.easing{-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
#fullPage-nav{position:fixed;z-index:8;margin-top:-32px;top:50%;opacity:1}
#fullPage-nav.right{right:17px}
#fullPage-nav.left{left:17px}
.fullPage-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}
.fullPage-slidesNav.bottom{bottom:17px}
.fullPage-slidesNav.top{top:17px}
#fullPage-nav ul,.fullPage-slidesNav ul{margin:0;padding:0}
#fullPage-nav li,.fullPage-slidesNav li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fullPage-slidesNav li{display:inline-block}
#fullPage-nav li a,.fullPage-slidesNav li a{top:2px;left:2px;width:3px;height:3px;background:#756c62;border:1px solid #756c62;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;z-index:1}
#fullPage-nav li .active{width:5px;height:5px;border:1px solid #fff!important;background:0 0!important}
#fullPage-nav li .active span,.fullPage-slidesNav .active span{background:#756c62}
#fullPage-nav span,.fullPage-slidesNav span{width:0;height:0;border:0}
.fullPage-tooltip{position:absolute;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;top:-2px}
.fullPage-tooltip.right{right:20px}
.fullPage-tooltip.left{left:20px}
.tableCell{display:block!important}
.section.table,.slide.table{display:block}
.jt{bottom:20px;z-index:8;color:#fff;font-size:30px;animation-name:meritXia}
.jt,.pic_icon .bl{left:50%;animation-duration:2s;animation-iteration-count:infinite}
.pic_icon .bl{top:50%;margin-top:-40px;margin-left:-31px;width:60px;height:60px;border:1px solid #fff;border-radius:50%;opacity:0;animation-name:zdyDown}
.tit_r{text-align:right}
.huiTop{position:fixed;right:20px;bottom:85px;z-index:11;display:block;width:35px;height:35px;border-radius:50%;background:rgba(44,43,43,.41);color:#fff;text-align:center;line-height:35px;cursor:pointer;transform:rotate(-90deg)}
.huiTop .icon-left1{font-size:35px}
.huiTop .icon-left1:hover{color:#fff}
.news_info{overflow:hidden}
.info_tapbg h2{position:relative;box-sizing:border-box;padding-bottom:9px;padding-left:22px;color:#fff;text-align:center;text-transform:uppercase;font-weight:700;font-size:36px}
.div_news{position:relative;background:#f5f5f5; padding-top:160px;}
.div_news .news_ul{width:76%; margin:0 auto;}
.news_ul_tit{box-sizing:border-box;padding-bottom:25px;color:#fff;font-size:1pc}
.news_ul_tit span{display:inline-block;padding-right:10px}
.news_ul_tit span a{ color:#fff;}
.news_ul_tit span a:hover{ color:#e60012;}
.page_{margin:0 auto;width:100%;text-align:center}
.page_ span{display:inline-block;margin-right:20px;width:40px;height:40px;border:1px solid #e1e1e1;color:#666;text-align:center;font-size:1pc;line-height:40px;transition:1s}
.page_ span:hover{border:1px solid #d80111;background:#d80111;color:#fff;cursor:pointer}
.com_box{position:relative;margin:0 auto;width:100%;background:#f5f5f5}
.com_box .com_box_matter{width:100%; padding:9% 9% 3% 9%; box-sizing:border-box; padding-top:137px;}
.com_box .com_box_matter_tit{box-sizing:border-box;padding-bottom:10px;color:#888;font-size:12px;}
.com_box .com_box_matter_tit span{display:inline-block;padding-right:10px}
.com_box_matter_wb{padding:20px;width:100%;background:#fff; box-sizing:border-box;}
.com_hover{color:#a0a0a0}
.jt{bottom:10px;left:50%}
.sect_02_pagination span{width:33.33333%;height:50px;border-radius:0;background:0 0}
.sect_02_pagination{position:absolute;bottom:-1px;width:100%}
.sect_02_pagination .swiper-pagination-bullet-active{background:0 0!important}
.dt_icon{position:absolute;bottom:179px;left:50%;margin-left:35px;width:28px;height:58px;cursor:pointer;animation-duration:2s;-webkit-animation: float ease-in-out 2s infinite;animation: float ease-in-out 2s infinite;}
@-webkit-keyframes float {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes float {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
}


.com_tiyan{width: 100%;padding: 30px 10% 80px;box-sizing: border-box; padding-top:170px;}

.tiyan_pic {width: 61%}
.com_tiyan .com_box_matter_tit{padding-bottom:10px;}
.com_tiyan .com_box_matter_tit span{font-size:12px;color:#666}
.com_tiyan .com_box_matter_tit .icon-icon-jiantou-copy{font-size: 12px;}
.tiyan_pic-next,.tiyan_pic-prev{width: 52px;height: 52px;margin-top: -26px;background-size: auto auto;background-color: rgba(0, 0, 0, 0.5);text-align: center;line-height: 52px;cursor: pointer;}
.tiyan_pic-next{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 3;}
.tiyan_pic-prev{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 3;}
.tiyan_pic .iconfont{font-size: 24px;color:#fff;}
.tiyan_wb{background: #fff;height: 100%;box-sizing: border-box;width: 39%;}
.tiyan_wb .box{height: 50%;box-sizing: border-box;padding: 10% 10% 0 10%}
.tiyan_wb .t {padding-bottom: 12px;position: relative;font-size: 24px;color: #000;margin-bottom: 15px;}
.tiyan_wb .t:after { content: ''; position: absolute; bottom: 0;left: 0;width: 47px;height: 1px;background-color: #E0E3E7;}
.tiyan_wb .p {font-size: 13px;line-height: 2;color: #767676;}
.tiyan_wb .box_1{height: 50%;width: 100%;background-color: #F7F9FB;}
.tiyan_wb .gallery{position: relative;height: 100%;width: 100%}
.tiyan_wb .gallery ul {
    position: absolute;
    top: 50%;
    left: 50%;
   transform: translate(-50%,-50%);
   width: 100%;
   padding: 0 10%;
   box-sizing: border-box
}.gallery ul li {
    float: left;
   width: calc(100%/2 - 20px);
    border: 2px solid #F7F9FB;
    box-sizing: border-box
}
.gallery ul .d91{
    margin: 0 20px 15px 0;
}
.gallery ul .d92{
    margin: 0 0 15px 20px;
}
.gallery ul .d93{
    margin: 15px 20px 0 0;
}
.gallery ul .d94{
    margin:15px  0 0 20px ;
}
.gallery:before {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 19px;
    left: -9px;
    top: 50%;
    margin-top: -9px;
    background: url(../images/arrow7.png) center no-repeat;
    z-index: 7;
}
.productPage{margin: 20px 0;width: 100%}
.productPage {
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #EDEEF0;
}.productPage a {
    display: block;
    float: left;
    width: 33.33%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #EDEEF0;
    font-size: 15px;
    color: #6D6D6D;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all;
}.productPage a.prev i {
    background-image: url(../images/arrow3.png);
}
.productPage a i {
    display: inline-block;
    width: 17px;
    height: 64px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 10px;
    vertical-align: top;
    line-height: 64px;
}.productPage a.list i {
    background-image: url(../images/icon12.png);
}.productPage a.next i {
    background-image: url(../images/arrow4.png);
}
.tybg{background-image: url(../images/anli.jpg);background-position: center;background-size: cover;background-repeat: no-repeat}
.info_tapbg .tyd_box{transform: translate(-50%,0%);top: 22%;}
.pic_list{position: absolute;bottom:0;left: 50%;width: 100%;margin: 0 auto;transform: translateX(-50%);z-index: 5;box-sizing: border-box;padding: 0 10%;background: rgba(0, 0, 0, 0.4)}

.preview .swiper-slide {
	overflow:hidden;
	cursor:pointer;
}
.preview .swiper-slide img{
	max-width:98%;
}
.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}.preview img {
	padding: 1px;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}
.tpzs_box{width:100%;background-color:rgba(0,0,0,.8)}
.col-md-4:nth-of-type(4n+1){padding-left:0}
.about_gongchan .wn .wb{padding-top:120px;padding-left:calc(5% + 37px)}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;height:auto;max-width:100%}
.two{position:relative;overflow:hidden;margin:50px auto;width:100%;height:90px}
.two ul{position:absolute;left:0;width:100000px;height:90px}
.two ul li{position:relative;float:left;display:block;margin:5px;height:80px;border-radius:5px}
.two ul li a{display:inline-block;height:80px}
.two ul li img{display:block;height:80px;border-radius:5px}
.two ul li a span{position:absolute;bottom:0;display:block;height:0;background:rgba(0,0,0,.4);color:#fff;font-size:0}
.two ul li a:hover span{height:80px;text-align:center;font-size:20px;line-height:80px;transition:all .7s}
.zstp .tit{padding-top:40px;width:100%;color:#fff;text-align:center;text-transform:uppercase;font-weight:700;font-size:25px}
.tz-gallery .caption{bottom:0;left:0;box-sizing:border-box;width:100%;background:rgba(0,0,0,.4);color:#Fff}
.tz-gallery .thumbnail{box-sizing:border-box;padding:5px!important}

/* 兼容 */
@media screen and (max-width:1600px){ 
.cpinfo_loop{height:600px;}
.div_news .news_ul{ width:85%;}
}
@media screen and (max-width:1440px){ 
.cpinfo_loop{height:500px;}
.div_news .news_ul{ width:90%;}
}

@media screen and (max-width:1200px){ 
.figure_2  .fig_pic,.figure_3 .fig_pic{height: 300px;}
.index_cp_list{bottom:3%;} 
.index_news,.container,.sect-02 .sect-02-wb{width:90%}
.info_jianjie,.info_figure,.info_show,.info_honor,.info_design{padding: 40px 5%}
.cpinfo_loop{height:500px;}
}