body{ color: #7f7f7f;}


.index_box  .header{margin-bottom:0;}
/*banner*/
.in_banner{margin-bottom: 1.89%;width: 100%;overflow: hidden;position: relative;}

/* txt */
.in_banner .textbox{ max-width: 440px; color: #fff;position: absolute;bottom: 0%;transform: translateY(-50%) translateX(100%);transition: all 2s;z-index: 999;transition-delay: 1s;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; }
.in_banner li.curr .textbox,.index .in_banner li.swiper-slide-active .textbox{transform: translateY(-50%) translateX(0);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }
.in_banner .textbox h3{margin-bottom: 20px;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.in_banner .textbox p{line-height:1.8; height:3.6em; overflow:hidden;}

/* but */
.in_banner .banner_but{position: absolute;max-width: 1280px;left: 50%;top: 50%;width: 90%;transform: translate(-50%,-50%);height: 0;z-index: 99;}
.in_banner .banner_right, .index .in_banner .banner_left{width: 48px;height: 48px;background-size: cover;margin-top: 0;top: 0;display: block;position: absolute;cursor: pointer;top: 50%;transform: translateY(-50%);}
/*.in_banner .banner_left{background-image: url(../images/index_icon05.png);left: 0}
.in_banner .banner_right{background-image: url(../images/index_icon06.png);right: 0}*/

/* dd */
.banner_index_new dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }
.banner_index_new dl dd {cursor: pointer;display: inline-block;width: 16px;height: 16px;transition: all .5s; margin: 0 16px;}
.banner_index_new dl dd.active i{background: #fff; width: 16px; height: 16px;margin-top:0px;}

.banner_index_new dl dd i{display: block;width: 9px; height: 9px;background: #fff; border-radius: 50%;margin: auto;margin-top: 3px;}

.banner_more {margin-top: 30px;}
.banner_more a{display: block; width: 110px; height: 34px; line-height: 34px; text-align: center; background: #4E878E; color: #fff; border-radius: 4px;}


@media only screen and (max-width: 1024px){
.in_banner .banner_right, .index .in_banner .banner_left{width: 35px;height: 35px;}

    .in_banner .swiper-button-next, .index .swiper-button-prev{width: 35px;height: 35px;}
    .in_banner .but{height: 35px;}
    .in_banner .textbox{left: 200px;}

    .in_banner .textbox{transition-delay: 0.2s;left: 100px;}

    .in_banner img{width: 100%;}
    .in_banner .textbox h3{margin-bottom: 5px;}
    .banner_more{margin-top: 15px;}
}

@media only screen and (min-width: 900px){
.banner_index_new { position:relative; overflow:hidden; }
.banner_index{position: relative;}
.banner_index_new ul,.banner_index_new ul li {  width:100%; height:100%; z-index:1; overflow:hidden;}
.banner_index_new ul li.curr,.banner_index_new ul li.swiper-slide-active { z-index:2; }
.banner_index_new li{opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;  position:absolute; left:0%; top:0; width:100%; height:100%;}
.banner_index_new li img,.banner_index_new li video{ width:100%; height:100%; transform:scale(1.4); transition: 5s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; }
.banner_index_new li.curr img,.banner_index_new li.curr video,
.banner_index_new li.swiper-slide-active img,.banner_index_new li.swiper-slide-active video
{transform:scale(1);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.banner_index_new .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }
.banner_index_new .vbox video{width: 100%; height:100%; }
.banner_index_new ul li video{ height:100%; width:100%;}

}

/*-webkit-transform: translateX(-300px);*/
.main{background:#fff;position:relative;z-index:3;}
.mainbannr_height_height{height:100vh;position:relative;z-index:1;}
.inbanner{width: 100%;overflow: hidden;margin-bottom: 2.25%; position:fixed;z-index:2;}

/*.main{background:#fff;position:relative;z-index:3;}
.mainbannr_height_height{height:100vh;pointer-events: none;cursor:default;z-index:2;}
.inbanner{width: 100%;overflow: hidden;margin-bottom: 2.25%; position:fixed;z-index:1;}*/
.inbanner .swiper-container{padding-bottom: 14px;}

.inbanner img{width: 100%;}
.inbanner li{position: relative;overflow: hidden;background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important; height:100vh; /*height:calc(100vh - 80px);  height:-moz-calc(100vh - 80px)*/}
.inbanner li a{display: block;width: 100%;height: 100%;}
.inbanner li video{position: absolute;left:50%;top: 0;height: 100vh;width:auto; transform:translateX(-50%); background:#000;}

.inbanner .swiper-button-next ,.inbanner .swiper-button-prev{display: none !important;}

.inbanner .main_more{margin-top: 10px;}


.inbanner .swiper-pagination-bullet{background: #fff;
    width: 9px;
    height: 9px;vertical-align: middle;
    margin-top: 0px; opacity: 1; margin: 0 15px !important; transition: all .5s; }
.inbanner .swiper-pagination-bullet-active{background: #fff;width: 16px;
    height: 16px;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 35px;}

/* txt */
.inbanner .textbox{ max-width: 800px; color: #fff;position: absolute;bottom: 0%;transform: translateY(-50%) translateX(100%);transition: all 2s;z-index: 999;transition-delay: 1s;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; }
.inbanner li.on .textbox,.index .inbanner li.swiper-slide-active .textbox{transform: translateY(-50%) translateX(0);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; }
.inbanner .textbox h3{margin-bottom: 20px;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inbanner .textbox p{line-height:1.8; height:3.6em; overflow:hidden;}

.inbanner .banner_more a{display: block; width: 110px; height: 34px; line-height: 34px; text-align: center; background: #4E878E; color: #fff; border-radius: 4px;}
@media only screen and (max-width: 1024px){
.inbanner .banner_right, .index .inbanner .banner_left{width: 35px;height: 35px;}

    .inbanner .swiper-button-next, .index .swiper-button-prev{width: 35px;height: 35px;}
    .inbanner .but{height: 35px;}
    .inbanner .textbox{left: 200px;}

    .inbanner .textbox{transition-delay: 0.2s;left: 100px;}

    .inbanner img{width: 100%;}
    .inbanner .textbox h3{margin-bottom: 5px;}
    .banner_more{margin-top: 15px;}
    .inbanner .swiper-pagination-bullet{margin: 0 5px !important; width: 10px;
    height: 10px;}
    .inbanner .swiper-container-horizontal>.swiper-pagination-bullets, .inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
}

/*banner*/

.index-bk2 {  position:relative; z-index:3; background:#fff; padding-bottom:50px; }
.index-bk2 li{ float:left; width:33.333%; *margin-left:-1px; transition:0.3s all; -webkit-transition:0.3s all; position:relative;}
.index-bk2 li .img { position:relative; overflow:hidden;}
.index-bk2 li .img a {  display:block; }
.index-bk2 li .txt { position:relative; overflow:hidden;}
.index-bk2 li:first-child .txt { border-left:0;}
.index-bk2 li .txt .w { padding:30px; position:relative; z-index:1;}
.index-bk2 li .txt .bg { position:absolute;  top:0; left:0; right:0; bottom:0; transition:0.5s all ease-out; -webkit-transition:0.5s all ease-in-out; background:#fff;}
.index-bk2 li .txt h2 { overflow:hidden; margin-bottom:0.5em;  line-height: 1.5em;max-height: 3em; }
.index-bk2 li .txt h2 a{color: #4E878E;}
.index-bk2 li .txt .p { overflow:hidden; position:relative; color: #7f7f7f;line-height:1.8; height:5.4em; overflow:hidden;}
.index-bk2 li .index_bkin{margin:0 15px;transition:0.3s all; -webkit-transition:0.3s all;}

 .index_01{height:auto !important; padding-top:25px;}
/*.index-bk2 .swiper-container{height:auto!important;}*/
.index-bk2 ul{height:auto!important;}
.index-bk2 li{height:auto!important;}
.index-bk2 .swiper-container{position: relative;overflow: hidden; padding-top: 30px;padding-bottom: 64px; }
.index-bk2 .but{position:absolute;width:100%;top:50%;height: 0;z-index: 99;left: 0;margin-top: -40px;}
.index-bk2 .but .swiper-button-prev02,.index-bk2 .but .swiper-button-next02{width:50px;height:80px;background-position:center;transform:translateY(-50%);position:absolute;cursor:pointer;}
.index-bk2 .but .swiper-button-prev02{background:url(../images/big_next01.png) no-repeat;left:-54px;}
.index-bk2 .but .swiper-button-next02{background:url(../images/big_pre01.png) no-repeat;right:-54px;}
.index-bk2 .but .swiper-button-prev02.swiper-button-disabled{background:url(../images/big_next02.png) no-repeat;}
.index-bk2 .but .swiper-button-next02.swiper-button-disabled{background:url(../images/big_pre02.png) no-repeat;}
.index-bk2 .but.disabled{display:none }

@media only screen and (min-width: 1024px) {
.index-bk2 li:hover { z-index:5; }
.index-bk2 li:hover .index_bkin{ transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15) ;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.index-bk2 li:hover .txt h3 {color: #00f300;}
.index-bk2 li:hover .txt h2 a { color:#fff;}
.index-bk2 li:hover .index_more a{color: #fff;}
.index-bk2 li:hover .txt .w{padding: 50px; padding-bottom: 70px;}
.other-box .index-bk2 li:hover .txt h2 a { color:#00f300;}
.index-bk2 li:hover .txt .p { color:#fff;}
.index-bk2 li:hover .txt .bg { background:#4E878E;}

.banner_more a:hover,.index_fourmor a:hover{opacity: 0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}
.index_fourimg li:hover p{color:#4E878E;}
.index_product .ondexpro:hover{border: 1px solid #4E878E; }
.index_product .ondexpro:hover a{width: 99.999%; }
.index_product .ondexpro:hover .ratio-img{transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);}
.index_fa li:hover .index_facicle img{transform: scale(1,1) rotate(360deg);-webkit-transform: scale(1,1) rotate(360deg);}
.index_fa li:hover .index_facicle{transform: scale(0.9,0.9); }
.family_cicle:hover img{transform: scale(1,1) rotate(360deg);-webkit-transform: scale(1,1) rotate(360deg);}
.family_cicle:hover{transform: scale(0.9,0.9); }
.in-part3-left ul li h1 a:hover{color: #4E878E;}
.in-part3-left ul li h1 a:hover{color:#d0141b;}
.index_fourimg li:hover .index_fan{transform: translateY(-20px);-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-o-transform: translateY(-20px);}


}




.index_more{margin-top: 20px;}
.index_more a{ color: #242424;}




.index_03 .inpart_text{margin-bottom: 40px;}
.index_03{background:#f0f0f0; padding: 80px 0 115px 0;}
.indexpro_text{font-family: "Arial"}
.indexpro_text h1{color: #eee; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.indexpro_text p{color: #4E878E; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_product{position: relative;}
.index_product .ondexpro{border: 1px solid #ddd; position:relative; overflow: hidden;transition:0.3s all; -webkit-transition:0.3s  all;}
/*.index_product .ondexpro:hover{border:#004EA3 1px solid;}*/
.index_product .ondexpro a{transition:0.3s all; -webkit-transition:0.3s  all;display: block; overflow: hidden;}

.index_03 .index_product .swiper-slide{margin-top: 0 !important;margin-bottom: 20px;}

.index_product .indexpro_text{position: absolute;left: 0; width: 80%; padding:5px 10%; bottom: 0px;background: rgba(0,78,162,0.6);}

.index_product .ratio-img{ overflow:hidden; display:block;}
.index_product .ratio-img{transition:0.3s all; -webkit-transition:0.3s  all;}


.indexpro_tab{text-align: center; margin-bottom: 35px;}
/*.indexpro_tab a{display:inline-block;*display:inline;*zoom:1;width: 160px; height: 36px; line-height: 36px; text-align: center; background: #fff; border:1px solid #ddd; margin-left: -8px; color: #333333;}*/
/*.indexpro_tab a.on{background: #4E878E; border: 1px solid #4E878E; color: #fff;}*/

.indexpro_tab a{display:inline-block;*display:inline;*zoom:1;width: 160px; height: 36px; line-height: 36px; text-align: center; background: #fff; border:1px solid #ddd; margin-left: 5px; color: #333333;border-radius: 3px;}
.indexpro_tab a:hover{background: #4E878E; border: 1px solid #4E878E; color: #fff;}

.index_product .swiper-button-next,.index_product .swiper-button-prev{position: static; float: left; width:50px; height:80px; margin: 0;}
.index_product .sweprt_but{width:100%; margin: auto; margin-top: -40px; position:absolute; top:50%; left: 0;z-index: 9999; }
.index_product .sweprt_but em{float: left; display: none;}
.index_product .swiper-button-prev{background: url(../images/big_next01.png) no-repeat center center;position: absolute;left: -60px;top:0;}
.index_product .swiper-button-next{background: url(../images/big_pre01.png) no-repeat center center;}
.index_product .swiper-button-prev.swiper-button-disabled{background: url(../images/big_next02.png) no-repeat center center;}
.index_product .swiper-button-next.swiper-button-disabled{background: url(../images/big_pre02.png) no-repeat center center;}
.index_product .swiper-button-next.swiper-button-disabled,.index_product .swiper-button-prev.swiper-button-disabled{opacity: 1}
.index_product .swiper-button-next{position: absolute;right: -60px;top:0;}


.index_04{background: #d9d9d9; overflow: hidden; margin: 50px 0;position: relative;}
.index_04 .index_fa{width: 50%; float: left;*margin-left: -1px;} 
.index_04 .index_fa .left{padding: 70px 45px 70px 0;}
.index_04 .index_fa .left .inpart_text{text-align: left;}
.index_04 .inpart_text .index_title em{margin:20px 0}
.index_04 .index_faimg{width: 50%; float: right;} 
.index_fa ul{overflow: hidden; }
.index_fa li{float: left; text-align: center; margin-right: 20px; width:112px;}

.index_facicle{width:90px; height:90px; margin: auto; background: #fff; border-radius: 50%; margin-bottom: 20px;transition: 0.4s all;-webkit-transition: 0.4s all;}
.index_facicle img{transition: 0.4s all;-webkit-transition: 0.4s all; width: 100%}
.index_fa li a{color: #333;}

.index_four{padding:90px 0;}
.index_fourimg{text-align:center;}
.index_fourimg ul{}
.index_fourimg li{display:inline-block;*display:inline;*zoom:1; width:138px; text-align:center;margin:0 50px;}
.index_fourimg li a{display:block; }
.index_fourimg li .index_fan{background:#fff; width:138px; height:138px; border-radius:50%; margin-bottom:20px;box-shadow: 0px 0px 10px #b8b8b8;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}
.index_fourimg li p{color:#333;transition: 0.4s all;-webkit-transition: 0.4s all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_fourmor{text-align:center; margin-top:60px;}
.index_fourmor a{ display:inline-block;text-align:center; width:110px; line-height:35px;  height:35px; background:#4E878E; color:#fff; border-radius:4px;}

.index_06{position: relative; margin: 50px 0;}
.index_06>img{width: 100%}
.index_family{position: absolute;left: 0; top:0; width: 100%;padding: 85px 0;}
.index_family .index_title h1{color: #fff;}
.family_cicle{width: 124px; height: 124px; background: #fff; border-radius: 50%; position: absolute;left: 50%; bottom: 11%; margin-left: -62px;transition: 0.4s all;-webkit-transition: 0.4s all;}
.family_cicle a{display: block;}
.family_cicle img{transition: 0.4s all;-webkit-transition: 0.4s all;width: 100%}



.game_con_bs em{display: block;}
.game_con_bs em video{width: 100%;}
.game_con_b_co{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.3) url(../images/game_con_bf.png) center no-repeat;cursor: pointer;opacity: 1;transition: all 0.2s ease-out;}
.game_con_bs.on .game_con_b_co{opacity: 0;}


/*热点产品*/
   
/*part3*/
.index_02{margin-bottom: 150px; margin-top: 130px; overflow: hidden;}
.index_02>.inpart_text{display:none;}
.in-part3{position: relative;}
.in-part3-right{width: 55%;float: right;}
.in-part3-right video{width: 100%;}
.in-part3-left{position: absolute;left: 0;bottom: 0;width: 38%;}
.in-part3-left .txt-box{position: absolute;top: -75px;overflow: hidden;padding-left: 40px;}
.in-part3-left ul li{position: absolute!important;opacity: 0;z-index: -1;top:85px;left: 0;}
.in-part3-left ul li.on{z-index: 1;opacity: 1;}
.in-part3-left .txt-box b{float: left;width: 47px;padding-right: 14px;border-right: 1px solid #d3d3d3;}
.in-part3-left .txt-box b img{width: 100%;}
.in-part3-left .txt-box i{float: left;color:#333333;    border-bottom: 1px solid #4E878E;padding-bottom: 10px;}
.in-part3-left ul{/*border: 1px solid #dfdfdf;*/height: 100%;box-sizing: border-box;position: relative; /*background: #f0f0f0*/}
.in-part3-left ul li{padding: 50px 40px 0;position: relative;box-sizing: border-box;width: 100%;}
.in-part3-left ul li h1{font-weight: normal;margin-bottom: 10px;}
.in-part3-left ul li h1 a{color:#333;}

@media only screen and (max-width:1800px) {
.index_04 .index_fa .left{padding: 20px 20px 20px 0;}
}
@media only screen and (max-width:1600px) {
.index_04 .index_fa .left{padding: 20px 20px 20px 0;}
.inpart_text{margin-bottom: 40px;}
.index_fa li{margin-right: 15px;}
/*.index_01 .inpart_text{margin-bottom: 10px;}*/
}

@media only screen and (max-width:1560px) {

}


.in-part3-left ul li b{display: block;width: 60px;height: 1px; background: #4E878E;margin-bottom: 30px;}
.in-part3-left ul li h4{font-weight: bold;color:#004e97;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-part3-left ul li h3{margin-bottom: 40px;line-height: 1.5em;max-height: 3em;overflow: hidden;color:#333;}
.in-part3-left ul li h2{margin-bottom: 15px;font-weight: bold;}
.in-part3-left ul li p{line-height: 24px;color:#777777;max-height: 72px;overflow: hidden;}
.in-part3-left ul li em{position: absolute;bottom: -50px;left: -70px;}
.in-part3-left ul li.in-part3-li2 em{left: -110px;}
.in-part3-left ul li.in-part3-li2{background:#d6d4d1 url(../upload/in_part3_li2bg.png) center bottom no-repeat;background-size: 100% auto;}
.in-part3-left ul li.in-part3-li5{background:#d6d4d1 url(../upload/in_part3_li5bg.jpg) center bottom no-repeat;background-size: 100% auto;}
.in-part3-left ul li.in-part3-li3 em{left: -10px;}
.in-part3-left ul li.in-part3-li4{padding: 50px 60px 0;}
.in-part3-left ul li.in-part3-li4 h4{margin-bottom: 30px;}
.jueji{overflow: hidden;}
.jueji-left{float: left;width: 48%;}
.jueji-right{float: right;width: 48%;}
.in-part3-left ul li .jueji-left p{color:#1c71ff;line-height: 24px;text-decoration: underline;}
.jueji-right strong{display: block;margin-bottom: 30px;}
.jueji-right strong img{width: 100%;max-width: 252px;}
.jueji-right i{display: block;}
.jueji-right i img{width: auto;margin-bottom: 25px;}
.in-part3-left ul li .jueji-right p{color: #777777;line-height: 24px;max-height: 168px;overflow: hidden;}
.in-part3-left ul li.in-part3-li4 em{left: -330px;}
.in-part3-center{position: absolute;left: 41.5%;transform: translateX(-50%);width: 9%;bottom:0;z-index: 4;}
.in-part3-center-in{overflow: hidden;padding:0 10px;padding-bottom: 0;}
.in-part3-center ul{position: relative;}
.in-part3-center ul li{position: relative; cursor: pointer;}
.in-part3-center ul li .heibg{position: absolute; width: 100%; height: 100%;z-index: 999; background:url(../images/heibg.png) repeat;}
.in-part3-center ul li.on{cursor: default;}
.in-part3-center ul li.on .heibg{background: none}
.in-part3-center ul li em{display: block;position: relative;z-index: 4;overflow: hidden;cursor: pointer;}
.in-part3-center ul li em img{-webkit-filter: grayscale(100%);filter: grayscale(100%);width: 100%;}
.in-part3-center ul li.on em img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.in-part3-center ul li.on em{transform: scale(1.1);position: relative;z-index: 5;padding: 3px;background: #fff;box-sizing: border-box;box-shadow: 0 0 0.5px 0.5px #bababa;z-index: 999999;}
.in-part3-prev{z-index: 9999999;position: absolute;width: 44px;height: 44px;position: absolute;top: 0;left:32px;transform: translateX(-50%);background: url(../images/in_part3_left1.png) center no-repeat;background-size: 100% 100%;}
.in-part3-next{z-index: 9999999;position: absolute;width: 44px;height: 44px;position: absolute;bottom:0;right:-12px;transform: translateX(-50%);margin-top: 16px;background: url(../images/in_part3_right1.png) center no-repeat;background-size: 100% 100%;}
.in-part3-prev.disabled{background: url(../images/in_part3_left.png) center no-repeat;background-size: 100% 100%;cursor: default;}
.in-part3-next.disabled{background: url(../images/in_part3_right.png) center no-repeat;background-size: 100% 100%;cursor: default;}
.in-part3-left ul li em{transform: translateX(-100%);opacity: 0;transition: all 0.8s;}
.in-part3-left ul li.on em{transform: translateX(0%);opacity: 1;transition: all 0.8s;}
.in-part3-left ul li.in-part3-li2 em{transform: translateX(0%);opacity: 0;transition: all 0.8s;transform: translateY(-100%);}
.in-part3-left ul li.in-part3-li2.on em{transform: translateX(0%);opacity: 1;transition: all 0.8s;transform: translateY(0%);}
.in-part3-left ul li.in-part3-li3{background: #1a2c38;color:#fff;}
.in-part3-left ul li.in-part3-li3 h1 a,.in-part3-left ul li.in-part3-li3 h4,.in-part3-left ul li.in-part3-li3 h3,.in-part3-left ul li.in-part3-li3 h2,.in-part3-left ul li.in-part3-li3 p{color:#fff;}
.in-part3-left ul li h1{transform: scale(0);transition: all 0.5s; color: #4E878E; font-weight: bold; line-height: 1.2em;}
.in-part3-left ul li h1 a{color: #4E878E;}
.in-part3-left ul li h1 a:hover{color: #4E878E; opacity: 0.9;}

.in-part3-left ul li.on h1{transform: scale(1);transition: all 0.5s;}
.in-part3-right img{width: 100%;}




@media only screen and (max-width: 1366px) {
    .in-part4-co ul li dl dt{padding-top: 30px;}
    .in-part4-co ul li dl dd{padding-top: 60px;}
    .in-part4{margin-top: 150px;}

}
  
@media only screen and (max-width: 1280px) {
     .in-part3-left ul li{padding: 40px 50px;}
     .in-part3-left ul li.in-part3-li4{padding: 40px 50px;}
     .in-part3-left ul li.in-part3-li1 em{width: 300px;}
     .in-part3-left ul li.in-part3-li2 em{width: 170px;}
     .in-part3-left ul li.in-part3-li3 em{width: 300px;}
     .in-part3-left ul li.in-part3-li4 em{width: 400px;left: -200px;}
     .in-part3-left ul li em img{width: 100%;}
     .jueji-right strong{margin-bottom: 20px;}
     .in-part3-left ul li.in-part3-li4 h4{margin-bottom: 20px;}
     .in-part2{padding: 60px 0;}
     .in-part4{margin-top: 120px;}
     
}

@media only screen and (max-width: 1200px) {
    .in-part3-left ul li .jueji-right p{max-height: 72px;}
    .in-part4-co ul li dl dd .in-part4-li-r .edit_con_original p{font-size: 14px!important;}
}

@media only screen and (max-width: 1024px) {
   
    .in-part3-right{display: none;}
    .in-part3-center{width: 100%;position: static;transform: translateX(0);margin-bottom: 30px;}
    .in-part3-center ul li em img{height: auto!important;}
    .in-part3-prev{display: none;}
    .in-part3-next{display: none;}
    .in-part3-center-in{padding: 0;}
    .in-part3-left{width: 100%;position: static;}
    .in-part3-left .txt-box{position: static;padding: 0;margin-bottom: 20px;}
    .in-part3-left ul,.in-part3-left ul li{height: auto;}
    .in-part3-left ul li{position: static!important;display: none;}
    .in-part3-left ul li.on{display: block;}
    .in-part3-center ul li.on em{transform: scale(1);padding: 0;box-shadow: inherit;}
    .in-part3-left ul li em{display: none;}
    .in-part3-center .bx-wrapper .bx-controls-direction a.bx-prev{background: url(../images/ph_in_part3_left1.png) center no-repeat;background-size: 100% 100%;}
    .in-part3-center .bx-wrapper .bx-controls-direction a.bx-next{background: url(../images/ph_in_part3_right1.png) center no-repeat;background-size: 100% 100%;}
    .in-part3-center .bx-wrapper .bx-controls-direction a.bx-prev.disabled{display: block;background: url(../images/ph_in_part3_left.png) center no-repeat;background-size: 100% 100%;cursor: default;}
    .in-part3-center .bx-wrapper .bx-controls-direction a.bx-next.disabled{display: block;background: url(../images/ph_in_part3_right.png) center no-repeat;background-size: 100% 100%;cursor: default;}
    .in-part3-left ul li b{margin-bottom: 20px;}
	.index_01{overflow: hidden;}
	.index-bk2{overflow: hidden;}
	.index-bk2 .swiper-container{overflow: hidden;}
}
  

@media only screen and (max-width: 768px) {

    .in-part3-left ul li{padding: 30px;}
    .in-part3-left ul li h3{margin-bottom: 30px;}
    .in-part3-left ul li.in-part3-li4{padding: 30px;}
    .index_product .indexpro_text{padding: 5px 10px; bottom: 0px; width: 100%;    box-sizing: border-box;}
/*	.index_product .sweprt_but{margin-top: 0px;}*/

}


/*xiangy*/

@media only screen and (max-width: 1660px) {
.index_04 .index_fa .left{padding: 40px;}
.index_fa li{margin-right: 16px;}
}


@media only screen and (max-width: 1440px) {
.index_04 .inpart_text .index_title em{margin: 10px 0 !important;}

.index_04 .index_fa .left .inpart_text{margin-bottom: 20px;}
.index-bk2 li .index_bkin{margin: 0 5px;}
.index_fa li{margin-right: 15px;}
.index-bk2{padding: 0 60px;}
.index-bk2 .but .swiper-button-next02{right: 0;}
.index-bk2 .but .swiper-button-prev02{left: 0}

.index_product{padding:0 60px}
.index_product .swiper-button-next{right: 0px;}
.index_product .swiper-button-prev{left: 0px;}
}

@media only screen and (max-width:1366px) {
.in_banner .textbox{left: 10%}

.index_04 .index_fa .left{padding:20px;}
}


@media only screen and (max-width: 1280px) {
.index_04 .index_fa .left{padding: 30px;}
.index_04 .index_fa .left{padding:10px;}
 .index_fourimg li{ margin:0 20px;}
}

@media only screen and (max-width: 1180px) {
.index_04 .index_fa{width: 100%}
.index_04 .index_faimg{width: 100%}
.index_04 .index_fa .left{padding: 20px 0;}

}

@media only screen and (max-width: 1024px) {

.index_01{height: auto !important;}
.index_02{margin-top: 0px;}
.index_facicle{width: 80px; height: 80px;}
.index_02{margin-bottom: 30px;}
.index_04,.index_06{margin: 30px 0;}
.index_04 .index_fa .left{padding:20px 10px;}
.index_facicle{width: 65px; height: 65px;}
.index-bk2{height: auto !important;}
.index_four{background-size: cover !important;}

}

@media only screen and (max-width: 900px) {

.index_family{padding: 20px 0;}
.in-part3-left ul li{padding: 10px;}
.index_03{padding: 20px 0;}
.in_banner{margin-top:0px;}

.in_banner .textbox{transform: translateY(-50%) translateX(0%);}
.in_banner .textbox{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.index_fourimg li{margin:0 10px;}

}
@media only screen and (max-width: 768px) {
.index-bk2 li .index_bkin{margin: 0;}
.index-bk2 li .txt .w{padding: 10px;}
.indexpro_tab a{width: 120px; margin-left: -8px; margin-top: -1px;}
.index-bk2{padding-bottom: 20px;}
.in_banner .textbox p{height: 1.8em;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner_more a{height: 30px; line-height: 30px;}
.banner_more{margin-top: 10px;}
.in_banner .textbox{bottom: 20px;}

.inbanner .swiper-button-next, .inbanner .swiper-button-prev{display: block !important;width: 46px !important; height: 46px !important;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets, .inbanner .swiper-pagination-custom, .swiper-pagination-fraction{display: none !important; }
.inbanner .swiper-button-next{background: url(../images/ph_in_part3_right1.png) no-repeat;}
.inbanner .swiper-button-prev{background: url(../images/ph_in_part3_left1.png) no-repeat;}

.index-bk2,.index_product{padding: 0}
.index-bk2 .but .swiper-button-prev02,.index-bk2 .but .swiper-button-next02{width:46px;height:46px;background-position:center;transform:translateY(-50%);position:absolute;cursor:pointer;}
.index-bk2 .but{margin-top: -23px;}
.index-bk2 .but .swiper-button-prev02{background:url(../images/ph_in_part3_left1.png) no-repeat;left:0;}
.index-bk2 .but .swiper-button-next02{background:url(../images/ph_in_part3_right1.png) no-repeat;right:0;}
.index-bk2 .but .swiper-button-prev02.swiper-button-disabled{background:url(../images/ph_in_part3_left.png) no-repeat;}
.index-bk2 .but .swiper-button-next02.swiper-button-disabled{background:url(../images/ph_in_part3_right.png) no-repeat;}



.index_product .swiper-button-next,.index_product .swiper-button-prev{position: static; float: left; width:40px; height:40px; margin: 0;}
.index_product .sweprt_but{ margin-top: -23px;  }
.index_product .sweprt_but em{float: left; display: none;}
.index_product .swiper-button-prev{background: url(../images/ph_in_part3_left1.png) no-repeat center center;left:0px;position: absolute;}
.index_product .swiper-button-next{background: url(../images/ph_in_part3_right1.png) no-repeat center center;right:0px; position: absolute;}
.index_product .swiper-button-prev.swiper-button-disabled{background: url(../images/ph_in_part3_left.png) no-repeat center center;}
.index_product .swiper-button-next.swiper-button-disabled{background: url(../images/ph_in_part3_right.png) no-repeat center center;}

.index_four{padding:40px 0;}
.index_fourimg li{width:100px;}
.index_fourimg li .index_fan img,.index_fourimg li .index_fan{width:100px; height:100px;}
.index_fourmor{margin-top:40px;}
.index_05 .inpart_text{margin-bottom:20px;}
.game_con_b_co{height: 98%}


.index_fa li{width:33.333%; margin-right:0;}


}

@media only screen and (max-width: 640px) {
.index-bk2 li{width: 100%;margin-bottom: 20px;}
.index-bk2 li .txt .p{max-height: 5.4em; height: auto;}
.index-bk2 li .index_bkin{margin: 0;}
.family_cicle{width: 90px; height: 90px; margin-left: -45px;}


.index_fa li{margin: 0 10px; width: 33.33%;margin:0; margin-bottom: 20px;}
.index_fa ul{text-align: center;}
.index_family{padding: 15px 0;}
.family_cicle{bottom: 6%}
.indexpro_tab{overflow:hidden;}
.indexpro_tab a{width: 50%; float:left; margin-top:-2px;}



.index_05 .inpart_text .index_text {text-align:left;}
.game_con_b_co{height: 96%}
}
@media only screen and (max-width:540px) {
.index_fourimg ul{display: table;}
.index_fourimg li{width:50%; margin:0; margin-bottom:20px; float:left;}
.index_fourimg li .index_fan{margin:auto; margin-bottom:20px;}
.index_fourmor{margin-top:20px;}
}

@media only screen and (max-width: 470px) {
.in_banner .textbox{transform: translateY(0%) translateX(0%); bottom: 20px;}
.inbanner li.on .textbox, .index .inbanner li.swiper-slide-active .textbox{transform: translateY(0%) translateX(0);}
}



/*明星产品*/
.adver .in-part3-left { width: 38%; float: left; position:relative;/*border: 1px solid #dfdfdf;*/ background: #f0f0f0}
.adver .in-part3-left .txt-box{position: relative; top:75px; left: 0;z-index: 9999;}
.adver .in-part3-left ul{/*margin-top: 145px;*/}
.adver .in-part3-left .jueji{line-height: 24px; max-height: 144px; overflow: hidden;}
.adver .in-part3-left ul li p{max-height:inherit; !important}
.adver  .in-part3-left h2{margin-bottom: 15px;font-weight: bold;}

.adver_b{overflow: hidden;background: #fff;padding: 56px 60px;background: url(../images/adv_bg.jpg) center no-repeat;background-size: cover;}
.adver_b h2{float: left;width: 15%;color:#175dd5;font-weight: bold;}
.adver_bm{float: right;width: 80%;}
.adver_c{overflow: hidden;}
.adver_cl{float: right;width: 53%;position: relative;}
.adver_cl em{display: block;overflow: hidden;}
.adver_cl em img{width: 100%;height:553px;}
.adver_cl em video{width: 100%;}
.adver_cl.on .adver_cl_co{display: none;}
.adver_cl_co{position: absolute;width: 100%;height: 100%;top: 0;left: 0;cursor: pointer;}
.adver_cr{float: right;width: 9%;position: relative;height: 100%; overflow: hidden;}
.adver_cr ul{position: relative;}
.adver_cr ul li{position: relative;}
.adver_cr ul li em{display: block;overflow: hidden;}
.adver_cr ul li em img{width: 100%;}
.adv_li_co{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.46) center no-repeat;cursor: pointer;}
.adver_cr ul li.on .adv_li_co{background: none;box-sizing: border-box;cursor: default;}
.adver_cr ul li .adv_li_co b{display: none; position: absolute;left: -20px;top: 50%;margin-top: -10px; border-right: 10px solid #f7c830;border-left: 10px solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.adver_cr ul li.on .adv_li_co b{display: block;}
.adv_prev{position: absolute;width: 44px;height: 44px;top:33px;left: 0;background: url(../images/in_part3_left1.png) center no-repeat;z-index: 5;}
.adv_next{position: absolute;width: 44px;height: 44px;top: 33px;left:624px;background: url(../images/in_part3_right1.png) center no-repeat;z-index: 5;}
.adv_prev.disabled{background: url(../images/in_part3_left.png) center no-repeat;cursor: default;}
.adv_next.disabled{background: url(../images/in_part3_right.png) center no-repeat;cursor: default;}

.adver_more_btn{width:150px;text-align:center;margin: 0 auto;margin-top:40px;}
.adver_more_btn a{display: block;border: 1px solid #4E878E;color:#4E878E;height:36px;line-height:36px;border-radius: 3px;}
.adver_more_btn a:hover{background: #4E878E;color:#fff;}


@media only screen and (max-width: 1100px) {
.adver .in-part3-left .jueji{max-height: 72px;}
}
@media only screen and (max-width: 1024px) {
 .in-part3-left ul,.in-part3-left ul li{height: 100%;}

}
@media only screen and (max-width: 1000px){
.inbanner li{ height:40vh;}
.in_banner{margin-top:80px !important; position:relative;}
.mainbannr_height_height{height:0; display:none;}
.index_01{padding-top:0;}
.index-bk2 .swiper-container{padding-bottom:0;}
}
@media only screen and (max-width: 900px) {
.adver_b h2{float: none;width: 100%;margin-bottom: 20px;}
.adver_bm{width: 100%;float: none;}
.adver_b{padding: 30px;}
.album_tit_cot{font-size: 20px;}
.album_tit_cot em{font-size: 40px;}

.adver_cl{float: none;width: 100%; display: none;}
.adver_cr{float: none;width: 100%;}
.adver_cr ul{overflow: hidden;}
.adver_cr ul li{float: left;width: 33.33%;}
.adver_cr ul li .adv_li_co b{left: 50%;margin-top: 0;top: -20px;margin-left: -10px;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid #f7c830;}
.adver_c{height: auto!important;}
.adv_prev{position: absolute;width: 46px;height: 100%;top: 0;left: 0;background: url(../images/ph_in_part3_left1.png) center no-repeat;z-index: 5;}
.adv_next{position: absolute;width: 46px;height: 100%;bottom: 0;left: auto;right:0;background: url(../images/ph_in_part3_right1.png) center no-repeat;z-index: 5;}
.adv_prev.disabled{background: url(../images/ph_in_part3_left.png) center no-repeat;}
.adv_next.disabled{background: url(../images/ph_in_part3_right.png) center no-repeat;}

.index_02>.inpart_text{margin-bottom:20px; display:block;}
.adver .in-part3-left{width: 100%}
.adver_cr{height: auto !important; margin-top: 0}
.adver .in-part3-left{height: auto !important; margin-top: 20px;}
.adver .in-part3-left ul{margin-top: 0}
.adver .in-part3-left .txt-box{position: static;}
.adver .in-part3-left .txt-box{margin-bottom: 10px; display:none;}
.index_03 .index_product .swiper-slide{margin-bottom:0;}
}

@media only screen and (max-width: 640px){
.inbanner li.on{margin-left:-1px;}
}




.yebl {
    width: 1280px;
    margin: 0 auto;
}

.myclearfix:after {
    content: "";
    display: block;
    clear: both;
}
.leftl {
    float: left;
}
.rightr {
    float: right;
}

/* tit-box */

.tit-box {

    position: relative;

}



.tit-box::after {

    content: "";

    display: inline-block;

    position: absolute;

    /*width: 279px;*/
    width: 170px;
    height: 1px;

    background-color: #4E878E;

    /*left: -108px;*/
    left: 0px;

    top: 58px;

}



.tit-box:hover::after {
    width: 190px;
    /*width: 400px;*/

}



.tit-box .ex {

    display: block;

    position: relative;

    left: 0;

    top: 0;

    font-family: Times New Roman;

    font-size: 60px;

    font-weight: bold;

    line-height: 60px;

    color: #333333;

    position: relative;

    top: 0;

    left: 0;

}



.tit-box .ex span{

    font-family: Times New Roman;

    font-size: 60px;

    font-weight: bold;

    line-height: 60px;

    color: #333333;

}



.tit-box .em {

    display: block;

    font-size: 30px;

    line-height: 50px;

    color: #333333;

}



.tit-box .em i {

    display: inline-block;

    width: 10px;

    height: 10px;

    /*background-color: #4E878E;*/
    background-color: #333333;

    vertical-align: middle;

    margin-right: 10px;

}



.tit-box>p {

    font-size: 16px;

    line-height: 40px;

    letter-spacing: 13px;

    color: #666666;

    margin-top: 5px;

}





/* news-box */
.news-box {
    overflow: hidden;
    padding: 75px 0;
    background: url(../images/n-bg.jpg) no-repeat center;
    background-size: cover;
}



.slide-news .hd ul {
    margin-top: 20px;
    border-bottom: 1px solid #e0e0e0;
}



.slide-news .hd ul li {

    display: inline-block;

    position: relative;

    padding-bottom: 21px;

    margin-left: 116px;

}



.slide-news .hd ul li::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 0;

    width: 0;

    height: 2px;

    bottom: 0;

    background-color: #4E878E;

}



.slide-news .hd ul li.on::after {

    width: 100%;

}



.slide-news .hd ul li a {

    font-size: 18px;

    line-height: 39px;

    color: #333333;

}



.slide-news .hd ul li.on a {

    color: #4E878E;

}



.slide-news .hd ul li a i {

    display: inline-block;

    width: 29px;

    height: 29px;

    background: url(../images/ni1.png) no-repeat center;

    background-size: contain;

    vertical-align: middle;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    margin-right: 20px;

}



.slide-news .hd ul li:nth-child(2) a i {

    background: url(../images/ni2.png) no-repeat center;

}



.slide-news .hd ul li:nth-child(3) a i {

    background: url(../images/ni3.png) no-repeat center;

}





.slide-news .hd ul li:nth-child(1).on a i {

    background: url(../images/ni12.png) no-repeat center;

}



.slide-news .hd ul li:nth-child(2).on a i {

    background: url(../images/ni32.png) no-repeat center;

}



.slide-news .hd ul li:nth-child(3).on a i {

    background: url(../images/ni22.png) no-repeat center;

}








.n-top li {

    display: inline-block;

    width: 400px;

    margin: 45px 45px 0 0;

    box-sizing: border-box;

}



.n-top li:last-child{

    margin-right: 0;

}



.n-top .nt-t span {

    vertical-align: top;

    display: inline-block;

    width: 59px;

    height: 70px;

    box-sizing: border-box;

    border-radius: 5px;

    border: solid 1px #e0e0e0;

}



.n-top .nt-t span i:nth-child(1) {

    display: block;

    font-family: Arial;

    font-size: 30px;

    font-weight: bold;

    line-height: 39px;

    text-align: center;

    color: #333333;

    margin-top: 5px;

}



.n-top .nt-t span i:nth-child(2) {

    display: block;

    font-family: Arial;

    font-size: 14px;

    line-height: 16px;

    text-align: center;

    color: #666666;

}



.n-top .nt-t>p {

    display: inline-block;

    width: 317px;

    vertical-align: top;

    margin-left: 16px;

    box-sizing: border-box;

}



.n-top .nt-t>p .tit {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    color: #333333;

}



.n-top .nt-t>p .desc{

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 15px;

    color: #666666;

    margin: 18px 0 30px;

}



.n-top .nt-t>p  .more{

    display: block;

    font-size: 14px;

    color: #666666;

}



.n-top .nt-t:hover>p .more,

.n-down li:hover p .more{

    transform: translateX(8px);

    color: #4E878E;

}





.n-top li>a{

    width: 100%;

    height: 268px;

    display: block;

    overflow: hidden;

    margin-top: 40px;

}



.n-top li>a img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}





.n-top li:hover>a img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.n-down li{

    display: inline-block;

    position: relative;

    width: 400px;

    box-sizing: border-box;

    margin: 30px 43px 20px 0;

}



.n-down li:last-child{

    margin-right: 0;

}



.n-down li span{

    display: inline-block;

    vertical-align: top;

    width: 59px;

    height: 70px;

    border-radius: 5px;

    border: solid 1px #e0e0e0;

}





.n-down li span i:nth-child(1) {

    display: block;

    font-family: Arial;

    font-size: 30px;

    font-weight: bold;

    line-height: 39px;

    text-align: center;

    color: #333333;

    margin-top: 5px;

}



.n-down li span i:nth-child(2) {

    display: block;

    font-family: Arial;

    font-size: 14px;

    line-height: 16px;

    text-align: center;

    color: #666666;

}





.n-down li p{

    display: inline-block;

    width: 317px;

    vertical-align: top;

    margin-left: 16px;

    box-sizing: border-box;

}



.n-down li p .tit{

    display: block;

    font-size: 16px;

    line-height: 45px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.n-down li p .desc{

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 15px;

    color: #666666;

}



.n-down li p .more{

    position: absolute;

    top: 11px;

    right: 0;

    font-size: 14px;

    color: #666666;

}







.news-bd .bd>div{

    /*height: 595px;*/

}