@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{font-size: 14px;color: #000;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*body{font-family: 'SourceHanSans'}*/

/*@font-face {*/
/*    font-family: "SourceHanSans";*/
/*    src: url("../fonts/SourceHanSans-Regular.otf");*/
/*}*/

html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

@media(min-width: 1921px){
    .s0{font-size: 0;}
    .s12{font-size: calc(12 * 100vw / 1920);}
    .s13{font-size: calc(13 * 100vw / 1920);}
    .s14{font-size: calc(14 * 100vw / 1920);}
    .s15{font-size: calc(15 * 100vw / 1920);}
    .s16{font-size: calc(16 * 100vw / 1920);}
    .s17{font-size: calc(17 * 100vw / 1920);}
    .s18{font-size: calc(18 * 100vw / 1920);}
    .s19{font-size: calc(19 * 100vw / 1920);}
    .s20{font-size: calc(20 * 100vw / 1920);}
    .s21{font-size: calc(21 * 100vw / 1920);}
    .s22{font-size: calc(22 * 100vw / 1920);}
    .s23{font-size: calc(23 * 100vw / 1920);}
    .s24{font-size: calc(24 * 100vw / 1920);}
    .s25{font-size: calc(25 * 100vw / 1920);}
    .s26{font-size: calc(26 * 100vw / 1920);}
    .s27{font-size: calc(27 * 100vw / 1920);}
    .s28{font-size: calc(28 * 100vw / 1920);}
    .s29{font-size: calc(29 * 100vw / 1920);}
    .s30{font-size: calc(30 * 100vw / 1920);}
    .s31{font-size: calc(31 * 100vw / 1920);}
    .s32{font-size: calc(32 * 100vw / 1920);}
    .s33{font-size: calc(33 * 100vw / 1920);}
    .s34{font-size: calc(34 * 100vw / 1920);}
    .s35{font-size: calc(35 * 100vw / 1920);}
    .s36{font-size: calc(36 * 100vw / 1920);}
    .s37{font-size: calc(37 * 100vw / 1920);}
    .s38{font-size: calc(38 * 100vw / 1920);}
    .s39{font-size: calc(39 * 100vw / 1920);}
    .s40{font-size: calc(40 * 100vw / 1920);}
    .s41{font-size: calc(41 * 100vw / 1920);}
    .s42{font-size: calc(42 * 100vw / 1920);}
    .s43{font-size: calc(43 * 100vw / 1920);}
    .s44{font-size: calc(44 * 100vw / 1920);}
    .s45{font-size: calc(45 * 100vw / 1920);}
    .s46{font-size: calc(46 * 100vw / 1920);}
    .s47{font-size: calc(47 * 100vw / 1920);}
    .s48{font-size: calc(48 * 100vw / 1920);}
    .s49{font-size: calc(49 * 100vw / 1920);}
    .s50{font-size: calc(50 * 100vw / 1920);}
    .s51{font-size: calc(51 * 100vw / 1920);}
    .s52{font-size: calc(52 * 100vw / 1920);}
    .s53{font-size: calc(53 * 100vw / 1920);}
    .s54{font-size: calc(54 * 100vw / 1920);}
    .s55{font-size: calc(55 * 100vw / 1920);}
    .s56{font-size: calc(56 * 100vw / 1920);}
    .s57{font-size: calc(57 * 100vw / 1920);}
    .s58{font-size: calc(58 * 100vw / 1920);}
    .s59{font-size: calc(59 * 100vw / 1920);}
    .s60{font-size: calc(60 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}

@media(max-width: 750px){
    .z1{width: 100% !important;max-width: 500px !important;font-size: 0 !important;float: none !important;display: block !important;margin: 0 auto !important;padding: 20px 10px !important;}
    .z1 .z1{padding: 20px 0 0 !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
}
/* 父元素-flex容器 */
.flex {
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
.a_click{display: block}
.subject{max-width: 1400px;margin: 0 auto;}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #333;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #333;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #333;
}

@media(max-width: 1440px){
    .subject{padding: 0 3%;}
}
body{padding-top: 1rem}
.header{height: 1rem;background: #08090b;color: #a5a5a5;position: fixed;width: 100%;z-index: 999;left: 0;top:0}
.header .subject{}
.h_logo{float: left;}
.h_logo a{display: block;line-height: 1rem}
.h_logo a img{height: .45rem}

.menu_btn{float: right;display: none;line-height: 1rem;margin-left: .3rem;cursor: pointer}
.menu_btn img{height: .45rem}
.lag{float: right;position: relative}
.lag .lag_p{line-height: 1rem;cursor: pointer}
.lag .lag_list{display: none;position: absolute;background: #222;right: .4rem;top:80%;padding: .2rem;}
.lag .lag_list .a{white-space: nowrap;display: block;line-height: 2;background: #000;padding: 0 3px;min-width: 1rem;text-align: center}
.lag .lag_list .a:hover{color: #00c53c}

.lag.active .lag_list{display: block}

.h_search{float: right;position: relative;margin-right: .4rem;}
.h_search .h_search_btn{line-height: 1rem;cursor: pointer}
.h_search .h_search_btn img{}
.h_search .h_search_btn img:nth-child(1){}
.h_search .h_search_btn img:nth-child(2){display: none}


.h_search .h_search_btn:hover img:nth-child(1){display: none}
.h_search .h_search_btn:hover img:nth-child(2){display: inline-block}

.h_search .h_search_pop{display: none;position: absolute;top:80%;background: #222;padding: .2rem;right: .4rem}
.h_search.active .h_search_pop{display: block}
.h_search .h_search_pop form{width: 3.5rem;background: #000000;position: relative}
.h_search .h_search_pop form .input1{width: 100%;height: .5rem;padding: 0 .7rem 0 .3rem;border: none;background: none;color: #a5a5a5}
.h_search .h_search_pop form .submit{border: none;cursor: pointer;position: absolute;width: .5rem;height: 100%;right: 0;top:0;z-index: 2;background: url("../images/search-1.png") no-repeat left center;background-size: .21rem;}

.h_search_close{cursor: pointer;position: absolute;width: .4rem;height: .4rem;background: #222;left: 100%;top:0;text-align: center;line-height: .4rem;}
.h_search_close:hover{color: #00c53c}

.h_nav{float: right;margin-right: .25rem;}
.h_nav .li{margin: 0 .27rem;position: relative}
.h_nav .li .a1{display: block;line-height: 1rem;}
.h_nav .li .h_nav2{min-width: 2rem;display: none;padding-bottom: .2rem;position: absolute;background: #08090b;top:90%;left: 50%;transform: translateX(-50%);}
.h_nav .li .h_nav2 .li2{}
.h_nav .li .h_nav2 .li2 .a2{padding: 0 .2rem;white-space: nowrap;display: block;line-height: 2.3;text-align: center}
.h_nav .li .h_nav2 .li2 .a2:hover{color: #00c53c;background: #222; }

.h_nav .li:hover .h_nav2{display: block;}
.h_nav .li.in .a1,
.h_nav .li:hover .a1{color: #00c53c;}

.m_h_nav{position: fixed;width: 100%;height: 100%;left: 100%;top: 0;z-index: 9995}
.m_h_nav_main{z-index: 998;position: absolute;height: 100%;overflow-y: auto;width: 80%;background: #FFF;left: 100%;top:0;transition: .3s}
.h_nav_mask{position: absolute;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.5);z-index: 996}
.m_h_nav_ul{padding: .5rem}
.m_h_nav_ul .li{margin-bottom: .2rem;position: relative}
.m_h_nav_ul .li .a1{display: block;position: relative;font-size: .34rem;line-height: 1.5;color: #333;z-index: 1}
/*.m_h_nav_ul .li.in2 .icon{position: absolute;}*/
.m_h_nav_ul .li .icon{display: none}
.m_h_nav_ul .li.in2 .icon{color: #666;width: 20px;height: 20px;line-height: 20px;background: #f9f9f9;text-align: center;z-index: 2;display: block;content: "+";position: absolute;font-size: .34rem;right: 0;top:0}
.m_h_nav_ul .li.in2 .icon i{font-style: normal}
.m_h_nav_ul .li.in2 .icon i:nth-child(1){}
.m_h_nav_ul .li.in2 .icon i:nth-child(2){display: none}

.m_h_nav_ul .li .m_h_nav_ul2{height: 0;overflow: hidden;transition: .3s;background: #fafafa}
.m_h_nav_ul .li .m_h_nav_ul2 .li2{margin-bottom: .1rem}
.m_h_nav_ul .li .m_h_nav_ul2 .li2:first-child{padding-top: .15rem}
.m_h_nav_ul .li .m_h_nav_ul2 .li2:last-child{padding-bottom: .1rem}
.m_h_nav_ul .li .m_h_nav_ul2 .li2 .a2{text-indent: .25rem;display: block;font-size: .32rem;color: #666;line-height: 1.8}

.m_h_nav.show{left: 0}
.m_h_nav.show .m_h_nav_main{left: 20%;}

.m_h_nav_ul .li.in .m_h_nav_ul2{height: auto;}

/*.m_h_nav_ul .li.in.in2 .icon{content: "-"}*/

.m_h_nav_ul .li.in.in2 .icon i:nth-child(1){display: none}
.m_h_nav_ul .li.in.in2 .icon i:nth-child(2){display: inline-block}

@media(max-width: 1300px){
    .h_nav .li{margin: 0 .2rem}
}

@media(max-width: 1000px){
    .h_nav{display: none}
    .lag .lag_list,
    .h_search .h_search_pop{top:100%}

    .menu_btn{display: block}
}

.banner{position: relative}
.banner .swiper-pagination{bottom:.6rem!important;}
.spb .swiper-pagination{}
.spb .swiper-pagination-bullet{margin: 0 10px!important;opacity: .3;background: #FFF;width: .8rem;height: 2px;border-radius: 0}
.spb .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00c53c;opacity: 1}
.spb img{width: 100%;}
.spb .icon img{width: auto;}

.footer{background: #090a0e;color: #464748}
.footer_1{padding: .55rem 0 .5rem;border-bottom: 1px solid #282828;}
.footer_1_left{float: left;width: 15.35%;}
.footer_1_left p{line-height: 2.1}
.footer_1_left h2{font-size: .3rem;color: #a5a5a5}

.padding30{padding-top: .3rem}

.footer_nav{float: left;justify-content: space-between;margin-left: .9rem;width: 63.58%;}
.footer_nav .li1{max-width: 15%}

.footer_nav .li1 .a1,
.footer_nav .li1 .a2{display: block;color: rgba(255,255,255,.8)}

.footer_nav .li1 .a1{}
.footer_nav .li1 .a2{display: none}
.footer_nav .li1 .f_nav2{margin-top: .25rem;}
.footer_nav .li1 .f_nav2 .li2{}
.footer_nav .li1 .f_nav2 .li2 .a3{display: block;line-height:1.5;padding: .1rem 0}

.footer_1_right{float: right;width: 9.4%;}
.footer_1_right img{max-width: 100%;}
.footer_1_right p{text-align: center;line-height: 1.3;padding-top: .2rem}

.footer_2{color: #a5a5a5;text-align: center;line-height: 1.6;padding: .3rem 3%;}
.footer_2 a{}

.footer a:hover{color: #00c53c;}


@media(max-width: 1200px){
    .footer_nav{width: 100%;margin-top: .5rem;margin-left: 0}
    .footer_1_left{width: 50%}
    .footer_1_right{width: 20%}
}

@media(max-width: 767px){
    .footer_1_right{width: 30%}
    .footer_1_left{width: 60%}
    .footer_1_left p{line-height: 1.8}
    .footer_nav{flex-wrap: wrap}
    .footer_nav .li1{width: 100%;max-width: 100%;position: relative;margin-bottom: .15rem}
    .footer_nav .li1:before{display: block;content: '+';position: absolute;right: .3rem;color: rgba(255,255,255,.8);top:.2rem;}
    .footer_nav .li1.show:before{content: '-'}
    .footer_nav .li1 .a1{display: none;line-height: 2.5;background: #111;padding-left: .3rem}
    .footer_nav .li1 .a2{display: block;line-height: 2.5;background: #111;padding-left: .3rem}
    .footer_nav .li1.show .a1{display: block}
    .footer_nav .li1.show .a2{display: none}


    .footer_nav .li1 .f_nav2{margin-top: 0;display: none;background: #111;color: #999;padding: .2rem .3rem;}
    .footer_nav .li1.show .f_nav2{display: block;margin-bottom: .3rem}
    .spb .swiper-pagination-bullet{width: .3rem;margin: 0 3px!important;}
    .banner .swiper-pagination{bottom:.3rem!important;}

}

.index_1{background: #101010;padding: 55px 0 40px;overflow: hidden}
.index_1_main{position: relative}

.index_1_main .swiper-container{height: 1.56rem}
.index_1_main .swiper-container .swiper-slide{text-align: center}
.index_1_main .swiper-container .swiper-slide .icon{}
.index_1_main .swiper-container .swiper-slide .icon img{height: .59rem;margin-bottom: .3rem;}
.index_1_main .swiper-container .swiper-slide .title{color: #a5a5a5;font-weight: normal;line-height: 1.5}
.index_1_main .swiper-container .swiper-slide .text{display: none;line-height: 1.5;color: #00c53c;font-weight: normal;margin-bottom: .3rem}
.index_1_main .swiper-container .swiper-slide .more{display: none;width: 1.36rem;height: .38rem;border: .02rem solid #00c53c;line-height: .32rem;margin: 0 auto;}
.index_1_main .swiper-container .swiper-slide .more img{width: .23rem}

.index_1_main .swiper-container .swiper-slide:hover .icon{display: none}
.index_1_main .swiper-container .swiper-slide:hover .text{display: block}
.index_1_main .swiper-container .swiper-slide:hover .more{display: block}
.index_1_main .swiper-container .swiper-slide:hover .title{color: #00c53c;}

.index_1_main .swiper-pagination{width: 100%;text-align: center;bottom:-.1rem;box-sizing: border-box}


@media(max-width: 1000px){
    .index_1_main .swiper-container{height: 2rem;}
}


.index_2{padding: 20px;background: #090a0e;}

.img_{width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .3s;height: 100%;}

.index_2{}
.index_2 .swiper-container{}
.index_2 .swiper-container .swiper-slide{position: relative}
.index_2 .swiper-container .swiper-slide .img{padding-top: 75%;position: relative;z-index: 1}
.index_2 .swiper-container .swiper-slide .img .img_{position: absolute;left: 0;top:0}
.index_2 .swiper-container .swiper-slide .txt{transition: .3s;position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 3}
.index_2 .swiper-container .swiper-slide .txt .txt_{color: #ededed;position: absolute;width: 100%;text-align: center;left: 0;z-index: 4;bottom:10%;}
.index_2 .swiper-container .swiper-slide .txt .txt_ .t1{color: #ededed;font-weight: bold;line-height: 1.5}
.index_2 .swiper-container .swiper-slide .txt .txt_ .t2{display: none;font-weight: normal;line-height: 1.5}
.index_2 .swiper-container .swiper-slide .txt .txt_ .more{margin: .4rem auto 0;box-shadow:0 0 .15rem 0 rgba(0,197,60,.5),inset 0 0 .1rem 0 rgba(0,197,60,.5);display: none;width: 1.36rem;line-height: 2;color: #00c53c;border: .02rem solid #00c53c;}

.index_2 .swiper-container .swiper-slide .txt .txt_ .more:hover{background: #00c53c;color: #FFF;}

.index_2 .swiper-container .swiper-slide:hover .txt{background: rgba(0,0,0,.5)}
.index_2 .swiper-container .swiper-slide:hover .txt .txt_ .t2{display: block;}
.index_2 .swiper-container .swiper-slide:hover .txt .txt_ .more{display: block;}
.index_2 .swiper-container .swiper-slide:hover .txt .txt_{bottom:50%;transform: translateY(50%)}

.index_2 .swiper-button-prev,
.index_2 .swiper-button-next{width: .4rem;height: .6rem;background-size: .15rem;background-repeat: no-repeat;background-position: center;}

.index_2 .swiper-button-prev{background-image: url("../images/icon7-1.png")}
.index_2 .swiper-button-next{background-image: url("../images/icon7.png")}

.index_2 .swiper-button-prev:hover{background-image: url("../images/icon8.png")}
.index_2 .swiper-button-next:hover{background-image: url("../images/icon8-1.png")}

@media(max-width: 767px){
    .index_2 .swiper-button-prev,
    .index_2 .swiper-button-next{background-color: rgba(0,0,0,.1)}
    .index_1{padding: 30px 0 20px}
}

.index_3{background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_3_main{}
.index_3_top{color: #00c53c;line-height: 1.2;margin-bottom: .3rem;}
.index_3_main .swiper-container{}
.index_3_main .swiper-container .swiper-slide{padding: 1.9rem 0;display: block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_3_main .swiper-container .swiper-slide .d{width: 5.8rem;max-width: 100%;background: rgba(0,0,0,.5);padding: .5rem .3rem;}
.index_3_main .swiper-container .swiper-slide .title{color: #FFF;font-weight: normal;line-height: 1.5;padding-bottom: .15rem;}
.index_3_main .swiper-container .swiper-slide .text{color: rgba(255,255,255,.8);font-weight: normal;line-height: 1.2}
.index_3_main .swiper-container .swiper-slide .more{display: inline-block;margin-top: .5rem;min-width: 1.4rem;padding: 0 .2rem;z-index: 20;position: relative;line-height: 2;background: #00c53c;color: #FFF;text-align: center;}



.index_3_btn{
    position: absolute;z-index: 10;bottom:2.4rem;height: .45rem;
    width:70px;left: 38%;;
}


.index_3_btn .swiper-button-prev,
.index_3_btn .swiper-button-next{bottom:0;width: 14px;height: .45rem;top:auto;margin: 0;background-size: 8px;background-repeat: no-repeat;background-position: center}

.index_3_btn .swiper-button-prev{background-image: url("../images/icon9-1.png")}
.index_3_btn .swiper-button-next{background-image: url("../images/icon9.png");}

.index_3_btn .swiper-button-prev:hover{background-image: url("../images/icon10.png")}
.index_3_btn .swiper-button-next:hover{background-image: url("../images/icon10-1.png")}


@media(max-width: 1830px){
    .index_3_btn{left: 35%}
}
@media(max-width: 1730px){
    .index_3_btn{left: 32%}
}
@media(max-width: 1640px){
    .index_3_btn{left: 30%}
}
@media(max-width: 1540px){
    .index_3_btn{left: 26%}
}
@media(max-width: 1050px){
    .index_3_btn{left: calc(3% + 4.2rem)}
}
.index_4{padding: 55px 0;background: #101010;color: #464748;}
.index_4_main{}
.index_4_left{width: 30%;float: left;}
.index_4_left .t1{color: #cccccc;line-height: 1.2;padding-bottom: .1rem;}
.index_4_left .t2{line-height: 2.1}
.index_4_left .more{
    display: inline-block;
    min-width: 1.36rem;
    padding: 0 .2rem;
    margin-top: .25rem;
    line-height: 2;
    color: #00c53c;
    text-align: center;
    border: .02rem solid #00c53c;
    transition: .3s;
}
.index_4_left .more:hover{background: #00c53c;color: #FFF;}
.index_4_right{width: 65.5%;float: right;}
.index_4_right .swiper-container{}
.index_4_right .swiper-container .swiper-slide{}
.index_4_right .swiper-container .swiper-slide .title{color: #858585;line-height: 1.3;padding-bottom: .25rem;}
.index_4_right .swiper-container .swiper-slide .text{line-height: 2.1;font-size: 14px;height: 28px}
.index_4_right .swiper-container .swiper-slide .more{margin-top: 50px;}
.index_4_right .swiper-container .swiper-slide .more img{margin-left: .2rem;}


.index_4_right .swiper-container .swiper-slide:hover .title{color: #00c53c}

@media(max-width: 1400px){
    /*.index_4_right .swiper-container .swiper-slide .text{height: .5rem}*/
    .index_4_right .swiper-container .swiper-slide .more{margin-top: 50px;}
}
@media(max-width: 900px){
    .index_4_left{width: 100%;;margin-bottom: 40px}
    .index_4_right{width: 100%}
}
@media(max-width: 767px){
    .index_4{padding: 35px 0}

}


.insideNav{position: absolute;width: 100%;left: 0;bottom:0;z-index: 10}
.insideNav .subject{}
.insideNav .subject .swiper-container{max-width: 100%;padding-top: .2rem}
.insideNav .subject .swiper-container .swiper-slide{height: .6rem;background: rgba(0,0,0,.7);position: relative;text-align: center;width: auto!important;color: #999999;min-width: 2.4rem;padding: .22rem .2rem 0;line-height: 1.5}
.insideNav .subject .swiper-container .swiper-slide p{}
.insideNav .subject .swiper-container .swiper-slide:hover,
.insideNav .subject .swiper-container .swiper-slide.in{background: rgba(1,180,55,.8);color: #FFF;line-height: 1.8;font-size: 20px}
.insideNav .subject .swiper-container .swiper-slide:hover p,
.insideNav .subject .swiper-container .swiper-slide.in p{position: relative;top:-.13rem}
.insideNav .subject .swiper-container .swiper-slide:hover:before,
.insideNav .subject .swiper-container .swiper-slide.in:before{display: block;content: '';background: rgba(1,180,55,.8);position: absolute;width: 100%;height: .2rem;bottom:100%;left: 0;}

@media(max-width: 1500px){
    .insideNav .subject .swiper-container .swiper-slide:hover,
    .insideNav .subject .swiper-container .swiper-slide.in{font-size: 18px}
}

@media(max-width: 1200px){
    .insideNav .subject .swiper-container .swiper-slide:hover,
    .insideNav .subject .swiper-container .swiper-slide.in{font-size: 16px}
}

@media(max-width: 767px){
    .insideNav .subject .swiper-container .swiper-slide:hover,
    .insideNav .subject .swiper-container .swiper-slide.in{font-size: 14px}
    .insideNav .subject{width: 100%;padding: 0}
    .insideNav .subject .swiper-container .swiper-slide{padding-top: .25rem}
    .insideNav .subject .swiper-container .swiper-slide{height: .8rem;}
}


.insideNav2{background: #000000;padding: .25rem 0;}
.insideNav2 .subject{line-height: 1.8;color: #999999;text-align: right}
.insideNav2 .subject >img{}
.insideNav2 .subject b{margin: 0 .2rem;}
.insideNav2 .subject b img{}
.insideNav2 .subject a{}

.insideNav2 .subject a:hover{color: #01b437}

.download_search{background: #101010;padding: 30px 0}
.download_search .subject{text-align: center;}
.download_search .subject form{display: inline-block;max-width: 100%;margin: 0 auto}

.search_div{width: 8rem;max-width: 100%;background: #000000;}
.search_div .input1{width: calc(100% - 80px);float: left;height: 60px;background: none;border: none;padding-left: 30px;color: #999}
.search_div .submit{cursor: pointer;width: 80px;height: 60px;;float: right;border: none;background: url("../images/search-1.png") no-repeat center;}

.search_div .submit:hover{opacity: .9}

@media(max-width: 900px){

    .download_search{padding: 15px 0;}
    .search_div .submit,
    .search_div .input1{height: 40px;}
    .search_div .submit{background-size: 15px}
}

.download{background: #000000;padding: 50px 0}
.download_list{}
.download_list .li{background: #101010;position: relative;width: 23.57%;float: left;margin-right: 1.906%;text-align: center;margin-bottom: 2.1%;height: 240px;}
.download_list .li:nth-child(4n){margin-right: 0}
.download_list .li .div1{width: 100%;height: 100%;position: relative;z-index: 1}
.download_list .li .div1 .icon{width: 100%;height: 180px;line-height: 180px}
.download_list .li .div1 .icon img{max-width: 90%;max-height: 90%;}
.download_list .li .div1 h1{padding: 0 .2rem;box-sizing: border-box;line-height: 1.5;position: absolute;width: 100%;text-align: center;color: #999999;font-weight: normal;left: 0;bottom:20px;z-index: 1;}
.download_list .li .div2{opacity: 0;transition: .3s;position: absolute;width: 100%;height: 100%;background: rgba(1,180,55,.5);left: 0;top:0;z-index: 0;}
.download_list .li .div2 .a{display: inline-block;position: absolute;background: #01b437;color: #FFF;width: 180px;height: 50px;border-radius: 50px;line-height: 50px;left: 50%;top:50%;transform: translate(-50%,-50%);}
.download_list .li .div2 .a img{margin-left: .2rem;}

.download_list .li:hover .div2,
.download_list .li.in .div2{opacity: 1;z-index: 2}

@media(max-width: 1200px){
    .download_list .li{width: 32%;margin-right: 2%!important;}
    .download_list .li:nth-child(3n){margin-right: 0!important;}
    .download_list .li .div2 .a img{width: 16px}
}

@media(max-width: 767px){
    .download_list .li{width: 49%;margin-right: 0%!important;}
    .download_list .li:nth-child(2n){float: right;}
    .download_list .li .div2 .a{height: 30px;line-height: 30px;border-radius: 30px;width: 100px}
    .download{padding: 30px 0}
}

@media(max-width: 520px){
    .download_list .li{height: 160px;}
    .download_list .li .div1 .icon{height: 120px;line-height: 120px}
    .download_list .li .div1 h1{bottom:10px}
}



.paging{text-align: center;padding: 45px 0;}
.paging .item{margin: 0 5px;line-height: 36px;color: #666666;font-size: 14px;display: inline-block;width: 36px;height: 36px;border-radius: 36px;background: #101010;border: 1px solid #101010;}
.paging .item.item2{width: 80px}

.paging .item:hover,
.paging .item.in{border-color: #01b437;color: #01b437;}


@media(max-width: 767px){
    .paging .item{margin: 0 1px;width: 25px;height: 25px;border-radius: 25px;line-height: 24px;font-size: 12px}
    .paging .item.item2{width: 45px}
    .paging{padding: 30px 0}
}


.bg000{background: #000;overflow: hidden}


.Title{color: #ccc;padding: .45rem;text-align: center;}
.Title h1{line-height: 1.5;font-weight: normal}

.Title2{color: #FFF;text-align: center;padding: 100px 0 50px;}
.Title2 .d{display: inline-block;position: relative;padding: 0 .9rem;}
.Title2 .d .line{left: 0;position: absolute;display: inline-block;width: 100%;background: #999;height: 1px;}
.Title2 .d .line.line1{top:0}
.Title2 .d .line.line2{bottom:0}

.Title2 .d .line:before,
.Title2 .d .line:after{display: block;content: '';width: 5px;height: 5px;border-radius: 50%;background: #999;position: absolute;top:50%;transform: translateY(-50%)}
.Title2 .d .line:before{left: 0}
.Title2 .d .line:after{right: 0}

.Title2 .d h1{line-height: 2}

.story_1{background: #101010}
.story_img{text-align: center}
.story_img img{max-width: 100%;}


.story_3{height: 12.8rem;background-size: cover;background-repeat: no-repeat;background-position: center;}


.story_p{color: #666;text-align: center;margin-bottom: .5rem}
.story_p p{line-height: 2.5;}

.story_img2{text-align: center;}
.story_img2 img{height: 2.25rem}

.story_2{background: #151515;overflow: hidden;}

.story_2_{position: relative;padding: 2.9rem .8rem;}
.story_2_ .line{z-index: 1;position: absolute;left: 50%;width: 1px;height: calc(100% - .8rem);top:.4rem;background: #2d2d2d;}
.story_2_ .line:before,
.story_2_ .line:after{display: block;content: '';position: absolute;width: 11px;height: 11px;border-radius: 50%;background: #cccccc;left: 50%;transform: translateX(-50%);}

.story_2_ .line:before{top:0}
.story_2_ .line:after{bottom:0}


.story_2_ .line .line1,
.story_2_ .line .line2{position: absolute;width: 1.8rem;height: 1.8rem;border-radius: 50%;border: 1px solid rgba(255,255,255,.2);left: 50%;margin-left: -.9rem}

.story_2_ .line .line1{top:0;transform: translateY(-70%)}
.story_2_ .line .line2{bottom:0;transform: translateY(70%)}

.story_2_ .line .line1:before,
.story_2_ .line .line2:before{left: 50%;top:50%;transform: translate(-50%,-50%);display: block;content: '';position: absolute;width: 2.5rem;height: 2.5rem;border-radius: 50%;border: 1px solid rgba(255,255,255,.05);}


.story_2_ul{}
.story_2_ul .li{margin-bottom: 50px;position: relative}
.story_2_ul .li:before{box-shadow: 0 0 0 2px #151515,0 0 0 3px #cccccc;z-index: 10;position: absolute;display: block;content: '';width: 5px;height: 5px;border-radius: 5px;background: #cccccc;left: 50%;transform: translateX(-50%);top:.6rem;}
.story_2_ul .li .img{width: 43.55%;float: left}
.story_2_ul .li .img img{width: 100%;transition: .3s}
.story_2_ul .li .img img:hover{transform: scale(1.1)}
.story_2_ul .li .txt{width: 43.55%;float: right;padding-top: .35rem}
.story_2_ul .li .txt .text{padding-right: .7rem}
.story_2_ul .li .txt h3{color: #fff;font-weight: normal;line-height: 1.5;padding-bottom: 10px}
.story_2_ul .li .txt >img{width: 100%;}
.story_2_ul .li .txt p{color: #666666;line-height: 1.8}


.story_2_ul .li:nth-child(2n) .img{float: right}
.story_2_ul .li:nth-child(2n) .txt{float: left;text-align: right}

.story_2_ul .li:nth-child(2n) .txt .text{padding-right: 0;padding-left: .7rem;}

.story_4{height: 12.39rem;background-position: right;background-repeat: no-repeat;background-size: cover}
.story{overflow: hidden;padding-bottom: 1.2rem;}

.story_img3 img{height: 3.6rem}


@media(max-width: 767px){

    .Title2{padding: 1rem 0 .5rem;}
    .story_2_ .line{display: none}
    .story_2_ul .li .img{width: 100%;margin-bottom: .5rem}
    .story_2_ul .li .txt{width: 100%}
    .story_2_ul .li:before{display: none}
    .story_2_{padding: 1rem .4rem .5rem}

}


.tab{padding: 30px 0}
.tab_{text-align: center;}
.tab_ .item{background: #101010;font-size: 18px;display: inline-block;min-width: 180px;text-align: center;line-height: 60px;color: #999999;}
.tab_ .item:hover,
.tab_ .item.active{color: #FFF;background: #02a432}


.download2_list{margin-top: 30px;}
.download2_list .li{color: #666666;width: 48.58%;float: left;background: #101010;margin-bottom: 10px;padding: 25px;box-sizing: border-box}
.download2_list .li:nth-child(2n){float: right;}
.download2_list .li .t{width: 60%;float: left}
.download2_list .li .t a{display: block;line-height: 1.5;font-weight: normal}
.download2_list .li .download_{display: block;float: right;width: 45px;text-align: center;}
.download2_list .li .download_ img{width: 21px;opacity: .5}
.download2_list .li .time{float: right;line-height: 1.5;margin-right: 25px;padding-right: .35rem;position: relative}
.download2_list .li .time:after{display: block;content: '';width: 1px;height: .2rem;background: #333333;position: absolute;right: 0;top:50%;transform: translateY(-50%);}

.download2_list .li:hover{background: #02a432;color: #FFF;}
.download2_list .li:hover .download_ img{opacity: 1}
.download2_list .li:hover .time:after{background: #FFF;}


@media(max-width: 1300px){
    .tab_ .item{line-height: 50px;font-size: 16px}
    .download2_list .li{padding: 18px 25px}
    .download2_list .li .time{margin-right: 15px}
}


@media(max-width: 1000px){
    .download2_list .li{width: 100%}
    .tab_ .item{line-height: 40px;font-size: 14px}
    .download2_list .li .download_ img{width: 15px}
}
@media(max-width: 767px){
    .tab_ .item{min-width: 100px;padding: 0 10px}
    .tab{padding: 15px 0}
    .download2_list{margin-top: 15px}
    .download2_list .li{padding: 10px 15px}
    .download2_list .li .t{width: 100%;margin-bottom: 10px}
    .download2_list .li .time{float: left}
    .download2_list .li .time:after{display: none}
    .tab_ .item{line-height: 30px;font-size: 12px}
}


.search_class{padding: 30px 0 40px}
.search_class .subject{text-align: center}
.search_class_b{display: inline-block;/*border-top: 1px solid #1e1e1e;border-left: 1px solid #1e1e1e;*/}
.search_class_b .item{background: #101010;color: #999999;width: 170px;float: left;line-height: 50px;text-align: center;border: 1px solid #1e1e1e;}
.search_class_b .item:hover,
.search_class_b .item.active{background: #00c53c;color: #FFF;}

.line3{border-top: 1px solid #1e1e1e;}

.search_ul{}
.search_ul .li{margin-top: .39rem;margin-bottom: 0;height: 340px;}
.search_ul .li .a{display: block;height: 100%}

.search_ul .li .a .div1{}
.search_ul .li .a .div1 .icon{height: 270px;line-height: 270px;}
.search_ul .li .a .div1 .icon img{transition: .3s}
.search_ul .li .a .div1 h1{bottom:35px}

.search_ul .li .a:hover .div1 .icon img{transform: scale(1.1)}

@media(max-width: 767px){
    .search_class_b .item{width: 33.33%;line-height: 40px;padding: 0 3px;box-sizing: border-box;}
    .search_class_b{width: 100%}
    .search_class{padding: 20px 0 30px}
}

@media(max-width: 600px){
    .search_ul .li{height: 200px}
    .search_ul .li .a .div1 .icon{height: 160px;line-height: 160px}
    .search_ul .li .a .div1 h1{bottom:15px}
    /*.search_class_b .item{width: 50%;line-height: 35px;}*/
    .search_class_b .item{width: calc((100% - 5px)/2);line-height: 32px;margin-bottom: 5px}
    .search_class_b .item:nth-child(2n){float: right}
}

.case{background: #101010;}
.case_top{padding-top: 20px;margin-bottom: 30px;}
.case_top_left{width: 70%;float: left;color: #666;}
.case_top_left .item{padding: 0 3px;display: inline-block;float: left;border: 1px solid #333333;line-height: 38px;min-width: 77px;text-align: center;margin-right: 10px;margin-bottom: 10px;}
.case_top_right{width: 28.58%;float: right;padding: 26px 20px;background: #000;border-right: 5px;overflow: hidden}

.case_top_right form{width: 100%}
.case_top_right .search_div{width: 100%;height: auto;border-right: 5px;overflow: hidden}
.case_top_right .search_div .input1{height: 50px;}
.case_top_right .search_div .submit{height: 50px}

.case_top_left .item:hover,
.case_top_left .item.in{border-color: #00c53c;color: #00c53c}


.case_list{}
.case_list .li{width: 30.85%;float: left;margin-right: 3.725%;border-bottom: 1px solid #333333;margin-bottom: 20px;}
.case_list .li:nth-child(3n){margin-right: 0}
.case_list .li .div1{cursor: pointer}
.case_list .li .div1 .img{overflow: hidden}
.case_list .li .div1 .img .img_{padding-top: 56.25%;}
.case_list .li .div1 .bottom{height: .9rem;}
.case_list .li .div1 .bottom h1{float: left;font-weight: normal;width: 80%;line-height: .9rem;color: #999;}
.case_list .li .div1 .bottom .icon{float: right;line-height: .9rem}
.case_list .li .div1 .bottom .icon img{}
.case_list .li .div1 .bottom .icon img:nth-child(1){}
.case_list .li .div1 .bottom .icon img:nth-child(2){display: none}

.case_list .li .div2{}

.case_list .li .div1:hover .img .img_{transform: scale(1.1)}
.case_list .li .div1:hover .bottom h1{color: #00c53c}
.case_list .li .div1:hover .bottom .icon img:nth-child(1){display: none}
.case_list .li .div1:hover .bottom .icon img:nth-child(2){display: inline-block}

.case_list .li .case_list_pop{/* opacity: 0; *//* transition: .3s; */z-index: -1;position: fixed;width: 100%;height: 100%;left: 0;top:0;display: none;}
.case_list .li .case_list_pop .mask{z-index: 991;background: rgba(0,0,0,.9);position: absolute;width: 100%;height: 100%;left: 0;top:0}
.case_list .li .case_list_pop .main{width: 90%;max-height: 80%;z-index: 992;padding: 60px;background: #101010;position: absolute;max-width: 1400px;left: 50%;top:55%;transform: translate(-50%,-50%)}

.case_list .li .case_list_pop .main .dd{max-height: 7rem}
.case_list .li .case_list_pop .main .top{color: #cccccc;margin-bottom: .3rem}
.case_list .li .case_list_pop .main .top h2{float: left;width: 80%;line-height: 1.5}
.case_list .li .case_list_pop .main .top .close{float: right;cursor: pointer}
.case_list .li .case_list_pop .main .top .close img{transition: .2s}
.case_list .li .case_list_pop .main .text{margin: .3rem 0}
.case_list .li .case_list_pop .main .text p{line-height: 1.8;color: #666666}

.case_list .li .case_list_pop .main .top .close:hover img{transform: rotateZ(90deg)}

.ac .swiper-button-prev,
.ac .swiper-button-next{width: .4rem;height: .6rem;background-size: .15rem;background-repeat: no-repeat;background-position: center;}

.ac .swiper-button-prev{background-image: url("../images/icon7-1.png")}
.ac .swiper-button-next{background-image: url("../images/icon7.png")}

.ac .swiper-button-prev:hover{background-image: url("../images/icon8.png")}
.ac .swiper-button-next:hover{background-image: url("../images/icon8-1.png")}

.case_list .li.show .case_list_pop{z-index: 990;/* opacity: 1; */}

.case_list .swiper-slide{background: #101010}

@media(max-width: 1000px){
    .case_top_left{width: 100%;margin-bottom: .5rem}
    .case_top_right{width: 100%}
    .case_list .li{width: 48.5%;margin-right: 0}
    .case_list .li:nth-child(2n){float: right}
    .case_list .li .case_list_pop .main{padding: 30px}
}
@media(max-width: 767px){
    .case_top_left .item{line-height: 28px;margin-right: 5px;margin-bottom: 5px}
    .case_top_right{padding: 15px 3%}
    .case_top_right .search_div .submit,
    .case_top_right .search_div .input1{height: 40px}
    .case_list .li .case_list_pop .main{padding: 20px}
    .case_list .li .div1 .bottom .icon img{width: 15px}
    .case_top{padding: 0}
    .case_top_left{padding: 0 3%}
}


.Latest_information{background: #000;padding: 60px 0}

.Latest_information_1{}
.Latest_information_1 .swiper-container{background: #101010;}
.Latest_information_1 .swiper-container .swiper-slide{background: #101010;}
.Latest_information_1 .swiper-container .swiper-slide .a{display: block}
.Latest_information_1 .swiper-container .swiper-slide .a .img{width: 47.85%;float: left;height: 380px;}
.Latest_information_1 .swiper-container .swiper-slide .a .img .img_{}
.Latest_information_1 .swiper-container .swiper-slide .a .txt{width: 52%;float: right;padding: 45px .6rem;box-sizing: border-box;}
.Latest_information_1 .swiper-container .swiper-slide .a .txt .title{font-size: 26px;color: #cccccc;line-height: 1.6;height: 52px;}
.Latest_information_1 .swiper-container .swiper-slide .a .txt .time{margin: 55px 0 30px;font-size: 16px;color: #666666;line-height: 1.5;}
.Latest_information_1 .swiper-container .swiper-slide .a .txt .time img{position: relative;top:-1px;margin-right: .1rem}
.Latest_information_1 .swiper-container .swiper-slide .a .txt .text{font-size: 16px;color: #999999;line-height: 1.9;height: 32px;}


.Latest_information_1 .swiper-pagination{text-align: right;padding-right: .6rem;bottom:45px}
.Latest_information_1 .swiper-pagination .swiper-pagination-bullet{margin-left:15px;width: 8px;height: 8px;border-radius: 50%;opacity: 1;background: #FFF;}
.Latest_information_1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00c53c}

.ad .swiper-button-prev,
.ad .swiper-button-next{width: 40px;height: 40px;background-size: 100%;background-position: center;background-repeat: no-repeat;}

.ad .swiper-button-prev{background-image: url(../images/icon15.png)}
.ad .swiper-button-next{background-image: url(../images/icon15-1.png)}

.ad .swiper-button-prev:hover{background-image: url(../images/icon14-1.png)}
.ad .swiper-button-next:hover{background-image: url(../images/icon14.png)}

.Latest_information_1 .b{z-index: 10;height: 40px;padding-left: .6rem;position: absolute;width: 50%;left: 47.85%;bottom:30px;}

.Latest_information_1 .swiper-button-prev,
.Latest_information_1 .swiper-button-next{margin: 0}

.Latest_information_1 .swiper-button-prev{float: left;position: static}
.Latest_information_1 .swiper-button-next{float: left;position: static;margin-left: 30px}


@media(max-width: 1400px){
    .Latest_information_1 .swiper-container .swiper-slide .a .txt .title{font-size: 22px;height: 44px}
}

@media(max-width: 1000px){
    .Latest_information_1 .swiper-container .swiper-slide .a .img{width: 100%;height: auto}
    .Latest_information_1 .swiper-container .swiper-slide .a .img .img_{padding-top: 56.25%;}
    .Latest_information_1 .swiper-container .swiper-slide .a .txt{width: 100%}
    .Latest_information_1 .swiper-container{padding-bottom: 90px}
    .Latest_information_1 .b{left: 0}
    .Latest_information_1 .swiper-container .swiper-slide .a .txt .title{font-size: 20px;height: 40px}
}

@media(max-width: 767px){
    .Latest_information_1 .swiper-container .swiper-slide .a .txt .title{font-size: 13px;height: 30px;}
    .Latest_information_1 .swiper-container .swiper-slide .a .txt{padding: .4rem}
    .Latest_information_1 .swiper-container .swiper-slide .a .txt .time{margin: 30px 0 15px;font-size: 12px;}
    .Latest_information_1 .swiper-container .swiper-slide .a .txt .text{font-size: 13px;height: 28px;line-height: 1.6;}
    .ad .swiper-button-prev,
    .ad .swiper-button-next{width: 25px;height: 25px}
    .Latest_information_1 .swiper-pagination .swiper-pagination-bullet{margin-left: 5px}
    .Latest_information_1 .b{height: 25px}
    .Latest_information_1 .swiper-pagination{bottom:20px;}
    .Latest_information_1 .b{bottom:20px}
    .Latest_information_1 .swiper-pagination .swiper-pagination-bullet{width: 5px;height: 5px;border-radius: 5px}
    .Latest_information_1 .swiper-container .swiper-slide .a .txt .time img{width: 15px}

}


.Latest_information_2{margin-top: 70px;}
.Latest_information_ul{}
.Latest_information_ul .li{width: 32%;float: left;margin-right: 2%;margin-bottom: 20px}
.Latest_information_ul .li:nth-child(3n){margin-right: 0}
.Latest_information_ul .li .a{display: block;}
.Latest_information_ul .li .a .img{overflow: hidden}
.Latest_information_ul .li .a .img .img_{padding-top: 56.25%;}
.Latest_information_ul .li .a .title{font-weight: normal;font-size: 20px;color: #999999;line-height: 1.5;padding: .2rem 0 .18rem}
.Latest_information_ul .li .a .text{font-size: 16px;color: #666666;line-height: 1.9;height: 32px;}
.Latest_information_ul .li .a .line{border-top: 1px solid #1e1e1e;margin: 50px 0 0;}
.Latest_information_ul .li .a .bottom{padding: 15px 0;}
.Latest_information_ul .li .a .bottom .time{font-size: 16px;line-height: 1.5;color: #666666;float: left}
.Latest_information_ul .li .a .bottom .icon{float: right;line-height: 1.5}
.Latest_information_ul .li .a .bottom .icon img{}
.Latest_information_ul .li .a .bottom .icon img:nth-child(1){}
.Latest_information_ul .li .a .bottom .icon img:nth-child(2){display: none;}


.Latest_information_ul .li .a:hover .img .img_{transform: scale(1.1)}
.Latest_information_ul .li .a:hover .title{color: #00c53c}
.Latest_information_ul .li .a:hover .bottom .icon img:nth-child(1){display: none}
.Latest_information_ul .li .a:hover .bottom .icon img:nth-child(2){display: inline-block;}


@media(max-width: 1400px){
    .Latest_information_ul .li .a .title{font-size: 18px;}
    .Latest_information_ul .li .a .text{}
}


@media(max-width: 1000px){
    .Latest_information_ul .li .a .title{font-size: 16px;}
    .Latest_information_ul .li .a .text{font-size: 14px;height: 28px}
    .Latest_information_ul .li{width: 48.5%;margin-right: 0}
    .Latest_information_ul .li:nth-child(2n){float: right}
    .Latest_information_ul .li .a .bottom .time{font-size: 14px}
}

@media(max-width: 767px){
    .Latest_information_ul .li .a .line{margin: 25px 0 0}
    .Latest_information_ul .li .a .title{font-size: 12px;}
    .Latest_information_ul .li .a .bottom .time{font-size: 12px}
    .Latest_information_ul .li .a .bottom .icon{display: none}
    .Latest_information_ul .li .a .text{line-height: 1.5;font-size: 12px;}
    .Latest_information_ul .li .a .bottom{padding: 7px 0}
    .Latest_information_2{margin-top: 40px}
    .Latest_information{padding: 30px 0}
    .Latest_information_1 .swiper-container{padding-bottom: 60px}
}



.Latest_information_info_{background: #000000;padding-bottom: .8rem}
.Latest_information_info{background: #101010;padding: .6rem .5rem;}
.Latest_information_info .title{color: #cccccc;line-height: 1.5;padding-bottom: .3rem}
.Latest_information_info .other{color: #666666;}
.Latest_information_info .other .time{float: left;line-height: 1.5;margin-right: .5rem}
.Latest_information_info .other .time img{}
.Latest_information_info .other .read{float: left;margin-right: .5rem;line-height: 1.5}

.share_{float: left}
.share{line-height: 1.5;display: inline-block}
.share .item{position: relative;display: inline-block;margin: 0 10px}
.share .item .icon{}
.share .item .icon img{}
.share .item .icon img:nth-child(1){}
.share .item .icon img:nth-child(2){display: none}

.share .item:hover .icon img:nth-child(1){display: none}
.share .item:hover .icon img:nth-child(2){display: inline-block}



.share .item .pop{box-shadow: 0 3px 5px 0 rgba(255,255,255,.1);display: none;position: absolute;top:120%;left: 50%;transform: translateX(-50%);background: #000;padding: .2rem;width: 150px}
.share .item .pop img{width: 100%;}
.share .item .pop p{font-size: 12px;text-align: center;line-height: 1.5;padding-top: 10px}
.share .item.show .pop,
.share .item:hover .pop{display: block}

.Latest_information_info .line{border-top: 1px solid #1e1e1e;margin: 25px 0 35px}
.Latest_information_info .text_img{color: #999999}
.Latest_information_info .text_img p{line-height: 1.875;}
.Latest_information_info .text_img img{max-width: 100%;}

.Latest_information_info .bottom{color: #666666}
.Latest_information_info .bottom .div1{float: left;width: 70%}
.Latest_information_info .bottom .div1 a{display: block;margin-bottom: 20px;}
.Latest_information_info .bottom .div1 a span{}

.Latest_information_info .bottom .div1 a:hover span{color: #00c53c}


.Latest_information_info .bottom .div2{float: right}
.Latest_information_info .bottom .div2 .return{display: block;width: 200px;line-height: 54px;background: #00c53c;color: #FFF;text-align: center;}
.Latest_information_info .bottom .div2 .return img{margin-right: 25px;transition: .2s}
.Latest_information_info .bottom .div2 .return:hover img{margin-right: 10px}

@media(max-width: 1000px){
    .Latest_information_info .bottom .div1{width: 100%}
    .Latest_information_info .bottom .div2{width: 100%;margin-top: 10px}
    .Latest_information_info .bottom .div2 .return{margin: 0 auto;line-height: 40px}
    .share_{width: 100%;margin-top: 15px}
    .share .item .pop{width: 120px}
}

.wallpaper_list{}
.wallpaper_list .li{width: 32%;float: left;margin-right: 2%;border-bottom: .02rem solid #101010;margin-bottom: 20px}
.wallpaper_list .li:nth-child(3n){margin-right: 0}
.wallpaper_list .li .img{padding-top: 55.8%;position: relative;display: block;background: #101010;}
.wallpaper_list .li .img img{transition: .3s;position: absolute;max-width: 100%;max-height: 100%;top:0;left: 50%;transform: translateX(-50%);}
.wallpaper_list .li .bottom{padding: .18rem;color: #999999}
.wallpaper_list .li .bottom .t{line-height: 1.5;float: left;width: 80%}
.wallpaper_list .li .bottom .download3{line-height: 1.5;float: right}
.wallpaper_list .li .bottom .download3 img{}
.wallpaper_list .li .bottom .download3 img:nth-child(1){}
.wallpaper_list .li .bottom .download3 img:nth-child(2){display: none}

.wallpaper_list .li .img:hover img{transform: translateX(-50%) scale(1.1)}
.wallpaper_list .li .bottom .download3:hover img:nth-child(1){display: none}
.wallpaper_list .li .bottom .download3:hover img:nth-child(2){display: inline-block}


@media(max-width: 1000px){
    .wallpaper_list .li{width: 48.5%;margin-right: 0}
    .wallpaper_list .li:nth-child(2n){float: right}
    .wallpaper_list .li .bottom .download3 img{width: 15px}
}

.video_{}
.video_ .l{float: left;width: 61.4%;}
.video_tab{color: #999999;}
.video_tab .item{line-height: 50px;min-width: 150px;float: left;background: #000;margin-right: .2rem;margin-bottom: 10px}
.video_tab .item.in,
.video_tab .item:hover{background: #00c53c;color: #FFF;}

.video_ .r{float: right;width: 35.7%;}
.video_ .r .search_div{}
.video_ .r .search_div .input1{height: 50px}
.video_ .r .search_div .submit{height: 50px}

.download_search2{padding-bottom: 20px}


.video_list .li .img{cursor: pointer;transition: .3s}
.video_list .li .img img{z-index: 2}
.video_list .li .img .mask{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 3;background-color: rgba(0,0,0,.4);background-image: url("../images/play.png");background-repeat: no-repeat;background-position: center;background-size: 48px;}
.video_list .li .img:hover img{transform: translateX(-50%) scale(1)}
.video_list .li .img:hover{transform: scale(1.1)}


@media(max-width: 1300px){
    .video_tab .item{min-width: 130px;line-height: 40px}
    .video_ .r .search_div .input1{height: 40px}
    .video_ .r .search_div .submit{height: 40px;background-size: 15px!important;}
}

@media(max-width: 1000px){
    .video_ .l{width: 100%;}
    .video_ .r{width: 100%;margin-bottom: 20px}
    .video_ .r form{width: 100%}
    .video_ .r .search_div{width: 100%}
    .video_list .li .img .mask{background-size: 30px!important;}
}
@media(max-width: 767px){
    .video_tab .item{line-height: 28px;margin-bottom: 2%;margin-right: 0;min-width: 49%}
    .video_tab .item:nth-child(2n){float: right}
    .search_div .input1{padding-left: 15px;width: calc(100% - 50px)}
    .search_div .submit{width: 50px;}

}

.After_sales_policy_1{margin-bottom: .1rem}
.After_sales_policy_1 .t{color: #999999;line-height: 1.5}
.After_sales_policy_1 p{color: #666666;line-height: 2.25}


.After_sales_policy_2{padding-bottom: 50px}
.After_sales_policy_2 .li{background: #161616;margin-bottom: 30px}
.interaction_list_q{padding: 20px 40px 20px 40px;position: relative;cursor: pointer}
.interaction_list_q .question{font-weight: normal;font-size: 15px;color: #666;line-height: 1.8;width: 80%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.interaction_list_q .icon{margin-top: 6px;background: url("../images/icon17.png") no-repeat center;background-size: 12px!important;float: right;width: 20px;height: 20px;text-align: center;line-height: 20px;}

.interaction_list_a{display: none;padding: 10px 40px;}
.interaction_list_a p{font-size: 14px;color: #666666;line-height: 2.25}


.After_sales_policy_2 .li.in .interaction_list_a{display: block}
.After_sales_policy_2 .li.in .interaction_list_q .question{white-space: normal}
.interaction_list_q:hover .question{color:#00c53c}
.After_sales_policy_2 .li.in .interaction_list_q .icon{background: url("../images/icon18.png") no-repeat center;background-size: 15px!important;}

@media(max-width: 1300px){
    .interaction_list_q{padding: 15px 30px}
    .interaction_list_a{padding: 10px 30px}

}

@media(max-width: 1000px){
    .After_sales_policy_2 .li{margin-bottom: 20px}
}

@media(max-width: 767px){
    .interaction_list_q{padding: 6px 20px}
    .interaction_list_a{padding: 10px 20px}
    .After_sales_policy_2 .li{margin-bottom: 10px}
}


.company_1{}
.company_1 h1{color: #999999;font-size: calc(48 * 100vw / 1920);font-weight: normal;line-height: 1.5}
.company_1 p{color: #666666;line-height: 2.25;}
@media(max-width: 1920px) and (min-width: 551px){
    .company_1 h1{font-size: calc(12px + 36 * 100vw / 1920);}
}
@media(max-width: 550px){
    .company_1 h1{font-size: calc(12px + 36 * 550px / 1920);}
}
.company_2{justify-content: space-between;padding: 60px 0;margin: 60px 0 80px;border-top: 1px solid #3b3b3b;border-bottom: 1px solid #3b3b3b;}
.company_2 .item{}
.company_2 .item .icon{width: 80px;float: left}
.company_2 .item .icon img{}
.company_2 .item .txt{float: left;width: calc(100% - 80px)}
.company_2 .item .txt .p1{color: #999999;line-height: 1.3;}
.company_2 .item .txt .p2{color: #666;line-height: 1.5}

.company_3{padding-bottom: 1.1rem;}
.company_3_video{margin-left: .9rem;transition: .3s;margin-bottom: .1rem;cursor: pointer;float: right;position: relative;width: 6.7rem;max-width: 100%;}
.company_3_video .img{padding-top: 66.75%;background-size: cover;background-repeat: no-repeat;background-position: center}
.company_3_video .icon{position: absolute;width: 100%;height: 100%;left: 0;top:0;background-color: rgba(0,0,0,.4);background-image: url("../images/play.png");background-repeat: no-repeat;background-position: center;background-size: 12%;}

.company_3_video:hover{transform: scale(1.1)}

.company{background: #101010;overflow: hidden}

.company_3 p{line-height: 2.25;color: #666;}


@media(max-width: 1200px){
    .company_2 .item .icon{width: 60px}
    .company_2 .item .txt{width: calc(100% - 60px)}
    .company_2 .item .icon img{height: 50px;}

    .company_2{margin: 30px 0;padding: 30px 0}
}

@media(max-width: 1000px){
    .company_2{flex-wrap: wrap;padding-bottom: 0}
    .company_2 .item{width: 50%;margin-bottom: 30px}
}

@media(max-width: 767px){
    .company_3_video{width: 100%;margin-left: 0;margin-bottom: 20px}
    .company_2 .item .icon{width: 40px}
    .company_2 .item .txt{width: calc(100% - 40px)}
    .company_2 .item .txt .p1{font-size: 16px}
    .company_2 .item .txt .p2{font-size: 12px}
    .company_2 .item .icon img{height: 30px;}
    .company_3{padding-bottom: .5rem;}
    .company_2 .item{text-align: center}
    .company_2 .item .icon{width: 100%;margin-bottom: 10px}
    .company_2 .item .txt{width: 100%}
}

.contact{background:#101010;overflow: hidden}

.contact_1{background: #161616;margin-bottom: 50px;}
.contact_1_left{width: 61.4%;height: 480px;float: left;}
.map{height: 100%;width: 100%;background: url("../images/map.png") no-repeat center;background-size: cover!important;}
.contact_1_right{width: 38.6%;height: 480px;float: right;position: relative}
.contact_1_right_{position: absolute;width: 100%;left: 0;top:50%;transform: translateY(-50%);padding: 0 .6rem;}
.contact_1_right_ h1{font-size: 30px;color: #01ac35;line-height: 1.5;font-weight: normal}
.contact_1_right_ h2{font-size: 24px;color: #cccccc;line-height: 1.5;font-weight: normal;margin-bottom: .6rem;}
.contact_1_right_ p{color: #999;line-height: 1.8}


.contact_2{}
.contact_2 .item{width: 30.7%;float: left;margin-right: 3.95%;background: #161616;margin-bottom: 40px;min-height: 3rem;}
.contact_2 .item:nth-child(3n){margin-right: 0}
.contact_2 .item .item_{padding: .4rem .3rem;}
.contact_2 .item .item_ .top{padding-bottom: .3rem;border-bottom: 1px solid #333333;margin-bottom: .3rem;}
.contact_2 .item .item_ .top h1{font-size: 24px;color: #cccccc;font-weight: normal;line-height: 1.3;width: 80%;float: left}
.contact_2 .item .item_ .top .addr{float: right;line-height: 1.3;cursor: pointer}
.contact_2 .item .item_ .top .addr img{}
.contact_2 .item .item_ .top .addr img:nth-child(1){}
.contact_2 .item .item_ .top .addr img:nth-child(2){display: none}
.contact_2 .item .item_ .bottom{}
.contact_2 .item .item_ .bottom h1{font-size: 20px;color: #666666;padding-bottom: .3rem;font-weight: normal;line-height: 1.3}
.contact_2 .item .item_ .bottom p{color: #666666;line-height: 1.8;}
.contact_2 .item:hover .item_ .bottom h1{color: #01ac35}

.contact_2 .item .item_ .top .addr:hover img:nth-child(1){display: none}
.contact_2 .item .item_ .top .addr:hover img:nth-child(2){display: inline-block}


.map_pop{position: fixed;width: 100%;height: 100%;left: 0;top:0;z-index: -1;}
.map_pop.show{z-index: 990}
.map_pop .main{background: #101010;padding: .6rem .6rem .7rem;position: absolute;z-index: 995;width: 90%;max-width: 1400px;left: 50%;top:55%;transform: translate(-50%,-50%);}
.map_pop .main .top{position: relative;padding-bottom: .3rem}
.map_pop .main .top h1{color: #cccccc;line-height: 1.5;padding-right: 30px}
.map_pop .main .top .close{position: absolute;top: 0;right: 0;cursor: pointer}
.map_pop .main .top .close img{transition: .2s;}
.map_pop .main .bottom{}
.map_pop .main .bottom .map_{width: 100%;height: 5.5rem;background: #00c53c}
.map_pop .mask{position: absolute;z-index: 991;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.9);}


.map_pop .main .top .close:hover img{transform: rotateZ(90deg)}



@media(max-width: 1000px){
    .contact_1_left{width: 100%;height: 7rem}
    .contact_1_right{width: 100%;height: auto;padding: .6rem .4rem}
    .contact_1_right_{position: static;transform: translateY(0);}
    .contact_1_right_ h1{font-size: 25px}
    .contact_1_right_ h2{font-size: 20px;}
    .contact_2 .item{width: 48%;margin-right: 0}
    .contact_2 .item .item_ .top h1{font-size: 22px}
    .contact_2 .item .item_ .bottom h1{font-size: 18px;}
    .contact_2 .item:nth-child(2n){float: right;}
    .contact_2 .item{margin-bottom: 30px}
}

@media(max-width: 767px){
    .map_pop .main{padding: 20px}
    .contact_1_left{height: 5rem}
    .contact_1{margin-bottom: 30px}
    .contact_1_right{padding: .5rem .3rem}
    .contact_1_right_{padding: 0}
    .contact_1_right_ h1{font-size: 20px;}
    .contact_1_right_ h2{font-size: 16px;margin-bottom: .4rem}
    .contact_2 .item{width: 100%}
    .contact_2 .item .item_ .top h1{font-size: 18px;}
    .contact_2 .item{margin-bottom: 20px}
    .contact_2 .item .item_ .bottom h1{font-size: 16px}
}


.insideNav3{background: #101010;}
.insideNav3_b{text-align: center}
.insideNav3_main{display: inline-block;max-width: 100%;}
.insideNav3_main .swiper-slide{display: block;width: 240px;color: #cccccc;line-height: 80px;}
.insideNav3_main .swiper-slide:hover,
.insideNav3_main .swiper-slide.in{background: #00c53c;color: #FFF;}

.insideNav3_b_{position: relative;padding: 0 30px;}

.insideNav3_b .swiper-button-prev,
.insideNav3_b .swiper-button-next{width: 20px;top:0;margin: 0;height: 100%;background-size: 15px;background-repeat: no-repeat;background-position: center;}
.insideNav3_b.over .swiper-button-prev,
.insideNav3_b.over .swiper-button-next{opacity: 1}
.insideNav3_b .swiper-button-prev{left: 0;background-image: url("../images/icon7-1.png")}
.insideNav3_b .swiper-button-next{right: 0;background-image: url("../images/icon7.png")}

.insideNav3_b .swiper-button-prev:hover{background-image: url("../images/icon8.png")}
.insideNav3_b .swiper-button-next:hover{background-image: url("../images/icon8-1.png")}

@media(max-width: 1200px){
    .insideNav3_b .swiper-button-prev,
    .insideNav3_b .swiper-button-next{background-size: 9px;}
}
@media(max-width: 800px){
    .insideNav3_b .swiper-button-prev,
    .insideNav3_b .swiper-button-next{background-size: 6px;}
}


.insideNav3_b .swiper-button-prev,
.insideNav3_b .swiper-button-next{width: 20px;top:0;margin: 0;height: 100%;background-size: 15px;background-repeat: no-repeat;background-position: center;}
.insideNav3_b.over .swiper-button-prev,
.insideNav3_b.over .swiper-button-next{opacity: 1}
.insideNav3_b .swiper-button-prev{left: 0;background-image: url("../images/icon7-1.png")}
.insideNav3_b .swiper-button-next{right: 0;background-image: url("../images/icon7.png")}

.insideNav3_b .swiper-button-prev:hover{background-image: url("../images/icon8.png")}
.insideNav3_b .swiper-button-next:hover{background-image: url("../images/icon8-1.png")}

@media(max-width: 1200px){
    .insideNav3_b .swiper-button-prev,
    .insideNav3_b .swiper-button-next{background-size: 9px;}
}
@media(max-width: 800px){
    .insideNav3_b .swiper-button-prev,
    .insideNav3_b .swiper-button-next{background-size: 6px;}
}

.product{background: #000;padding-bottom: .35rem}

.product_top{background: #101010;padding: 30px;}
.product_top .row{float: left;position: relative;background: #000000;width: 200px;margin-right: 20px;}
.product_top .row .select-input{color: #999999;border: none;background: none;height: 60px;width: 100%;padding: 0 30px}

.product_top .row .select-input:-moz-placeholder,
.product_top .row textarea:-moz-placeholder {
    color: #999;
}
.product_top .row .select-input:-ms-input-placeholder,
.product_top .row textarea:-ms-input-placeholder {
    color: #999;
}
.product_top .row .select-input::-webkit-input-placeholder,
.product_top .row textarea::-webkit-input-placeholder {
    color: #999;
}

.product_top .row:before{right: 20px;top:50%;transform: translateY(-50%);display: block;content: '';position: absolute;width: 12px;height: 6px;background: url("../images/icon24.png") no-repeat center;background-size: 100%!important;}


.select-row .select-list{display: none;z-index: 20}
.product_top .row .select-list{;background: #000;position: absolute;width: 100%;top:100%;left: 0;max-height: 300px}
.product_top .row .select-list .select-item{color: #999;line-height: 2;padding-left: 30px;cursor: pointer}
.product_top .row .select-list .select-item:hover{background: #101010}


.product_top .search_div{float: right;width: calc(100% - 880px)}

.product_list{margin-bottom: 25px}
.product_list .li{padding: 20px;height: 340px;margin-top: 30px;float: left;width: 23.57%;margin-right: 1.906%;background: #101010;text-align: center;position: relative}
.product_list .li:nth-child(4n){margin-right: 0}
.product_list .li:before{position: absolute;height: 2px;transition: .3s;display: block;content: '';width: 0;background: #00c53c;bottom:0;left: 50%;transform: translateX(-50%);}

.product_list .li .a{display: block;height: 100%;position: relative}
.product_list .li .a .img{width: 100%;height: 240px;line-height: 240px;}
.product_list .li .a .img img{max-width: 90%;max-height: 90%;transition: .3s;}
.product_list .li .a .name{color: #999999;line-height: 1.5;margin-top: 20px}


.product_list .li .a:hover .img img{transform: scale(1.1)}
.product_list .li .a:hover .name{color: #00c53c;}
.product_list .li:hover:before{width: 100%}

@media(max-width: 1300px){
    .insideNav3_main .swiper-slide{line-height: 70px}
    .product_top .search_div{width: 100%;margin-top: 20px;margin-top: 0}
    .product_top .row{width: 49%;margin-right: 2%;margin-bottom: 2%}
    .product_top .row:nth-child(2n){margin-right: 0}
}

@media(max-width: 1200px){
    .product_list .li{width: 32%;margin-right: 2%!important;}
    .product_list .li:nth-child(3n){margin-right: 0!important;}
    .insideNav3_main .swiper-slide{line-height: 60px}

}
@media(max-width: 900px){
    .product_top .row .select-input{height: 40px}
    .insideNav3_main .swiper-slide{line-height: 50px}
}
@media(max-width: 767px){
    .insideNav3_b.subject{padding: 0}
    .insideNav3_main .swiper-slide{width: auto!important;;min-width: 100px;padding: 0 15px}
    .insideNav3_main .swiper-slide{line-height: 40px}
    .product_list .li{width: 48.5%;margin-right: 0%!important;}
    .product_list .li:nth-child(2n){float: right}
}


@media(max-width: 600px){
    .product_top .row{width: 100%;margin-right: 0;margin-bottom: 2%}
    .product_top .search_div{margin-top: 0}
    .product_top{padding: 15px}
    .product_list .li{height: 200px;padding: 0;margin-top: .39rem}
    .product_list{margin-bottom: 0}
    .product_list .li .a .img{height: 160px;line-height: 160px}
    .product_list .li .a .name{margin-top: 5px;}
    .product_top_{padding: 0}
}


.product_info_1{padding-top: .3rem;padding-bottom: 80px}
.product_info_1 .subject{}

.product_info_1_left{width: 50%;float: left}
.product_info_bigImg{}
.product_info_bigImg .swiper-slide{position: relative;background: #101010;}
.product_info_bigImg .swiper-slide .img{text-align: center;line-height: 525px}
.product_info_bigImg .swiper-slide .img img{max-width: 100%;max-height: 100%;}

.product_info_bigImg .swiper-slide .icon{cursor: pointer;position: absolute;width: 100%;height: 100%;left: 0;top:0;background-color: rgba(0,0,0,.5);background-image: url("../images/play.png");background-repeat: no-repeat;background-position: center;background-size: 70px;z-index: 2}

.product_info_smallImg{position: relative;padding: 0 30px;margin-top: 30px;}

.product_info_smallImg .swiper-container{height: 87px;padding: 0 1px}
.product_info_smallImg .swiper-container .swiper-slide{box-sizing: border-box;border: 1px solid #333333;cursor: pointer;position: relative;}
.product_info_smallImg .swiper-container .swiper-slide:hover,
.product_info_smallImg .swiper-container .swiper-slide.in{border-color: #00c53c}
.product_info_smallImg .swiper-container .swiper-slide .img{width: 100%;height: 100%;position: relative;z-index: 1}
.product_info_smallImg .swiper-container .swiper-slide .img img{position: absolute;max-width: 90%;max-height: 90%;left: 50%;top:50%;transform: translate(-50%,-50%);}
.product_info_smallImg .swiper-container .swiper-slide .icon{position: absolute;width: 100%;height: 100%;left: 0;top:0;background-color: rgba(0,0,0,.5);background-image: url("../images/play.png");background-repeat: no-repeat;background-position: center;background-size: 25%;z-index: 2}

.product_info_smallImg .swiper-button-prev,
.product_info_smallImg .swiper-button-next{width: 30px;height: 100%;background-repeat: no-repeat;background-size: 9px;top:0;margin: 0}

.product_info_smallImg .swiper-button-prev{left: 0;background-position: left center;background-image: url("../images/icon25-1.png")}
.product_info_smallImg .swiper-button-next{right: 0;background-position: right center;background-image: url("../images/icon25.png")}

.product_info_smallImg .swiper-button-prev:hover{background-image: url("../images/icon26.png")}
.product_info_smallImg .swiper-button-next:hover{background-image: url("../images/icon26-1.png")}


.product_info_1_right{width: 44.5%;float: right;overflow-y: auto!important;overflow-x: hidden!important;}
.product_info_1_right .name{font-family: Arial;color: #00c53c;font-weight: bold;line-height: 1.3;padding-top: .3rem}
.product_info_1_right .d{color: #666666;margin-top: .35rem;width: 100%}
.product_info_1_right .d .parameter{margin-bottom: .3rem;width: 100%;}
.product_info_1_right .d .parameter p{/* padding-left: .2rem; */line-height: 2.5;position: relative;max-width: 100%;}
.product_info_1_right .d .parameter p img{max-width: 100%!important;}
/*.product_info_1_right .d .parameter p:before{display: block;content: '';top:15px;position: absolute;width: 3px;height: 3px;background: #666666;left: 0;}*/
.product_info_1_right .d .majorFunction{;padding-top: .1rem;}
.product_info_1_right .d .majorFunction .t{color: #999999;line-height: 1.3;padding: 0 0 .3rem}
.product_info_1_right .d .majorFunction p{line-height: 2.5}
.product_info_1_right .d .line{border-top: 1px solid #333333;margin: .3rem 0}
.download4{display: block;width: 200px;line-height: 60px;text-align: center;background: #00c53c;color: #FFF;margin-top: .5rem}
.download4:hover{opacity: .9}

.product_info_2{text-align: center;background: #101010;color: #999999;padding-top: 70px;padding-bottom: 80px}
.product_info_2 img{max-width: 100%;}
.product_info_2 .t{line-height: 1.5;margin-bottom: 50px}
.product_info_2 .img{ max-width: 750px; margin: auto; }



@media(max-width: 1300px){
    .download4{line-height: 50px}
}

@media(max-width: 1100px){
    .product_info_1_left{width: 100%;margin-bottom: .5rem}
    .product_info_1_right{width: 100%}
}

@media(max-width: 700px){
    .product_info_smallImg{padding: 0 20px;}
    .product_info_smallImg .swiper-container{height: 70px}
    .product_info_bigImg .swiper-slide .img{line-height: 300px;}
    .download4{line-height: 40px}
    .product_info_smallImg .swiper-button-prev, .product_info_smallImg .swiper-button-next{width: 20px}
    .product_info_1{padding-bottom: 30px}
    .product_info_2{padding-top: 30px;}
    .product_info_2 .t{margin-bottom: 20px}
    .product_info_2{padding-bottom: 30px;}
}


.technology{background: #000;overflow: hidden}

.technology_1{margin-top: 80px;position: relative;padding-bottom: 1.7rem;margin-bottom: 1.5rem;}
.technology_1_1{position: absolute;width: 100%;left: 0;top:0}
.technology_1_1 .subject{}
.technology_1_1 .subject .technology_1_1_b{width: 50%;}
.Title3{color: #999999;line-height: 1.5;font-weight: normal}
.technology_1_1 .subject .technology_1_1_b p{color: #666666;line-height: 2.9}


.technology_1_2{width: 50%;background: #101010;float: right;padding: .7rem 0;padding-left: 15.7%;min-height: 535px;}
.technology_1_2{}
.technology_1_2 p{line-height: 2.9;padding-left: .25rem;color: #666666;position: relative}
.technology_1_2 p:before{left: 0;top:17px;display: block;content: '';position: absolute;width: 6px;height: 6px;border-radius: 6px;background: #666;}

.technology_1_img{position: absolute;width: 55%;left: 0;bottom:0}
.technology_1_img img{width: 100%;}

.technology_1_txt{position: absolute;left: 50%;bottom:.7rem;color: #999999;line-height: 1.5;font-size: 14px;}
.technology_1_txt span{font-size: 20px;letter-spacing: 5px;margin-left: .15rem}
.technology_1_txt img{position: relative;top:-2px;width: 3.47rem}

@media(max-width: 1300px){
    .technology_1_2{padding-left: 10%}
}

@media(max-width: 1200px){
    .technology_1_1{position: static;margin-bottom: .4rem}
    .technology_1_2{float: none;width: 100%;padding: .7rem 5%}
    .technology_1_img{position: static;width: 100%}
    .technology_1_2 p{min-width: 50%;float: left}
    .technology_1{margin-top: 50px}
    .technology_1_1 .subject .technology_1_1_b{width: 100%}
    .technology_1{margin-top: 20px}
    .technology_1_txt{left: 3%}
}

@media(max-width: 767px){
    .technology_1_2 p{width: 100%}
    .technology_1_1 .subject .technology_1_1_b p{line-height: 2}
    .technology_1_2 p{line-height: 2.5}
    .technology_1_2 p:before{top: 13px}
    .technology_1_2{padding: .5rem 3%}
    .technology_1_txt{font-size: 12px}
    .technology_1_txt span{font-size: 18px;letter-spacing: 2px}
    .technology_1_txt img{width: 2rem}
    .technology_1{margin-bottom: .5rem}
}


.technology_2{}
.technology_2 .subject{}
.technology_2 .subject .Title3{text-align: center}

.technology_2_main{background: #101010;position: relative;padding: .6rem .8rem .5rem;margin-top: .6rem;}
.technology_2_1{width: 40%;float: left;}
.technology_2_1 p{color: #999999;line-height: 1.8;margin-bottom: .1rem}
.technology_2_1 img{max-width: 100%;height: .9rem;margin-right: .1rem;margin-bottom: .1rem}
.technology_2_2{position: absolute;top:.6rem;left: 50%;transform: translateX(-50%);}
.technology_2_2 img{}
.technology_2_3{width: 40%;float: right}
.technology_2_3 img{}

@media(max-width: 1000px){
    .technology_2_1{width: 100%;margin-bottom: .7rem}
    .technology_2_2{width: 20%;position: static;transform: translateX(0);float: left}
    .technology_2_3{width: 70%;float: right;text-align: right}

}
@media(max-width: 767px){
    .technology_2_main{padding: .4rem}
}


.technology_3{color: #999999;margin-top: .8rem}
.technology_3 .li{height: 5.4rem;position: relative;margin-bottom: .5rem}
.technology_3 .li:nth-child(2n){background: #101010;}
.technology_3 .li .img{position: absolute;width: 50%;left: 0;top:0;height: 100%;}
.technology_3 .li .img img{position: absolute;max-width: 100%;max-height: 100%;right: 0;top:50%;transform: translateY(-50%);}
.technology_3 .li .txt{width: 100%;height: 100%}
.technology_3 .li .txt .subject{height: 100%;position: relative}
.technology_3 .li .txt .txt_{padding-left: .6rem;width: 50%;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.technology_3 .li .txt .txt_ .Title3{}
.technology_3 .li .txt .txt_ p{line-height: 1.8}
.technology_3 .li .txt .txt_ p img{}
.technology_3 .li .txt .txt_ img{}

.technology_3 .li:nth-child(2n) .img{}
.technology_3 .li:nth-child(2n) .txt{}


.technology_3 .li:nth-child(2n) .img{left: auto;right: 0}
.technology_3 .li:nth-child(2n) .txt .txt_{padding-left: 0;padding-right: .6rem;right: auto;left: 0}
.technology_3 .li:nth-child(2n) .img img{right: auto;left: 0}

.technology_3_11{padding-top: 1.2rem}

@media(max-width: 1440px){
    .technology_3 .li{padding: 0 3%}
}

@media(max-width: 1300px){
    .technology_3 .li{height: auto;padding: .5rem 3%}
    .technology_3 .li .img{position: static;transform: translateY(0);width: 100%;text-align: center;margin-bottom: .5rem}
    .technology_3 .li .txt{width: 100%;}
    .technology_3 .li .img img{position: static;transform: translateY(0)}
    .technology_3 .li .txt .txt_{position: static;transform: translateY(0);width: 100%;text-align: center;padding-left: 0;padding-right: 0!important;}
    .technology_3_11{padding-top: 0}
}


@media(min-width: 1921px){
    .subject{max-width: 73%;}
}