@charset "utf-8";
@import url("iconfont.css");
/* CSS Document */
html,body{color:#333;font-family:-apple-system, BlinkMacSystemFont,"Microsoft Yahei",'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif,'SourceHanSansCN',"思源黑体";font-style:normal;font-size:14px;line-height:26px;font-weight: 400;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,img,dl,dt,dd,ol,ul,li,form,label,video,input,textarea,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;border:0;background:transparent;vertical-align:baseline}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6,strong{font-weight: 600;}
table,tr,td,p,iframe{margin-top:0;padding:0}
a{text-decoration:none;color:#333;}
a:hover{outline:0;color:#114889;text-decoration:none;}
img{border:0;max-width:100%}
/*滚动动画的样式*/
.disable-hover {
    pointer-events: none;
}
.scroll-animate.animated {
    visibility: hidden;
}
.font-fadeIn font {
    display: inline-block;
}
.scrolly {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}
@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, -20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
/**/
.header_in{position: fixed; top:0; left:0; right:0;z-index: 9999;height:85px;width:100%;}
.header_hover{width:100%; position: fixed; top:0; left:0; right:0;}
.header_hover.active{background:rgba(255,255,255,1.0); box-shadow: 0 7px 32px  rgba(0, 0, 0, 0.03);}
.header_hover.on{background:rgba(255,255,255,1.0); box-shadow: 0 7px 32px  rgba(0, 0, 0, 0.03);}
.header_wrap{position: relative;padding-top:10px;}
.header_top_hover{}
.header_logo{float:left; text-align: center; vertical-align: middle;padding-left:60px;}
.header_logo h1 a{background:url("../images/logo.png") no-repeat left center;width:196px; height:50px;display:block;background-size:contain;}
.header_logo.active h1 a{background:url("../images/logo_m.png") no-repeat left center;background-size:contain;}
.header_hover.active h1 a{background:url("../images/logo_m.png") no-repeat left center;background-size:contain;}
.header_right{float:right; position: relative;transition:all .5s ease;-webkit-transition: all .5s ease;height:85px;}
.header_nav{width:calc(100% - 110px); float:left;position: relative;padding-right:50px; }
.header_nav li{display:inline-block; position: relative; text-align: center;}
.header_nav li a{display:block; color:rgba(255,255,255,0.9);margin:8px 15px;line-height: 40px;padding:0 15px;font-size:16px;}
.header_right.active .header_nav li a{color:#000;}
.header_hover.active .header_nav li a{color:#000;}
.header_nav li a.active,.header_nav li a:hover{background:rgba(255,255,255,1.00);color:#124789;border-radius: 20px;}
.header_nav li .nav_sub{width:150px;height:auto;position: absolute;top:100%; left:-10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;z-index: 999;background: rgba(0,0,0,0.3);display:none;}
.header_nav li .nav_subs{left:15px;width:200px;}
.header_nav li .nav_subm{left:15px;width:200px;}
.header_nav li .nav_sub a{display:block;line-height: 45px;margin:0;padding:0 0;color:#fff;border-bottom:rgba(255,255,255,0.2) 1px solid;font-size:14px;text-transform: capitalize;}
.header_nav li .nav_subs a{text-align:left;padding-left:15px; display:block;}
.header_nav li .nav_subm a{text-align:left;padding-left:15px; display:block;}
.header_nav li .nav_sub a:hover{background:rgba(255,255,255,0);border-radius:0;}
.header_nav li .nav_sub a:last-child{border-bottom:rgba(255,255,255,0.0) 1px solid;}
.nav_subs:before{left:0;display:none;}
.nav_subm:before{left:0;display:none;}
.nav_sub:before{content:"";width:0;height:0;border-bottom:5px solid rgba(0,0,0,0.3); border-left:8px solid transparent;border-right:8px solid transparent;position: absolute;top:-5px;left:44%;}
.header_hover.active .header_nav li .nav_sub{background:rgba(255,255,255,0.7);}
.header_right.active .header_nav li .nav_sub a{color:#fff;}
.header_hover.active .nav_sub:before{border-bottom:5px solid rgba(255,255,255,0.6);}
/**/
.header_lang{width:110px; float:right; text-align: center; overflow: hidden;}
.header_lang a{display:block;color:#fff;opacity: 0.6; position: relative;padding:10px 0;line-height: 60px;}
.header_lang a:first-child{padding-top:0;}
.header_lang a.active,.header_lang a:hover{opacity:1.0;}
.header_lang a:after{content:"";height:1px;width:18px; background:#fff; opacity: 0.5; position: absolute; bottom:0;left:44%;}
.header_lang a:last-child:after{display:none;}
.header_lang a:before{content:"";height:18px; width:4px; background:#fff;position: absolute; left:0px;top:20px;display:none;animation: fadeInDown 1s ease 0.4s backwards;-webkit-animation: fadeInDown 1s ease 0.4s backwards;}
.header_lang a.active:before{display:block;}
.header_hover .header_lang{opacity: 0.0;}
.header_hover .header_lang a{display:none;}
/**/
.header_menu{width:110px;height:110px;background:#009c4d; position: fixed;top:45%;right:0;cursor: pointer;transition:all .4s ease-in;-webkit-transition: all .4s ease-in;}
.header_menu i{margin:50% auto;display: block;width: 20px;height: 3px;background-color: #fff; position: relative; transition: all .6s ease;-webkit-transition: all .6s ease;}
.header_menu:before{content: '';display: block;width: 14px;height: 3px;background-color: #fff;position: absolute;top:40%;left:47%; transition: all .6s ease;-webkit-transition: all .6s ease;}
.header_menu:after{content: '';display: block;width: 26px;height: 3px;background-color: #fff;position: absolute;top:60%;left:40%; transition: all .6s ease;-webkit-transition: all .6s ease;}
.header_menu a{color:#fff; text-align:center;line-height: 110px; transition: all .6s ease;-webkit-transition: all .6s ease;display:none;}
.header_menu:hover i{display:none;}
.header_menu:hover a{display:block;}
.header_menu:hover:before{display:none;}
.header_menu:hover:after{display:none;}
.header_hover .header_menu,.header_menu.on{top:0; opacity: 1.0;width:85px;height:85px;}
.header_menu.on a{line-height: 85px;}
/**/
.footer{width:100%;position: fixed;z-index:8;bottom:0;left:0;}
.in_footer{z-index: 9;position: relative;}
.box_wrap_contact{width:100%; background:#051b36 url("../images/index_but.png") no-repeat center bottom; position: relative; overflow: hidden;}
.index_contact_container{width:90%;margin:0 auto; position: relative;color:#fff;}
.indedx_contact_uppart{position: relative;margin-bottom:3%;padding:0 0 1.5%;}
.index_contact_uppart_left{float:left;width:75%; position: relative;padding-top:2%;padding-bottom:2%;}
.index_contact_stock{width:60%;float:left;}
.index_contact_stock h2{font-size:20px;font-weight: normal;display:block;}
.stock_num{position: relative;height:55px;padding-top:1%;}
.stock_num h3{font-size:38px;font-family: OPPOSans;float:left;padding-right:10px;}
.stock_bt{ position: absolute; width:0;height:0;border-top:5px solid #fff; border-left:5px solid transparent;border-right:5px solid transparent; bottom:25%;}
.stock_num h4{font-size:14px;font-family:OPPOSans;position:absolute; bottom:10%; left:130px;}
.stock_time{display:block;font-size:14px; opacity: 0.35;}
.index_contact_share{float:right;width:30%; position: relative;padding-top:2.5%;text-align:right;padding-right:5%;}
.index_contact_share a{display:inline-block; vertical-align: baseline;position: relative;margin:0 5px; }
.contact_share{display:none;position: absolute;width:90px; height:90px;left:-55%;background:#fff; box-shadow: 0 0 5px #ccc;}
.contact_share img{vertical-align:middle;width:100%;}
.index_contact_share a:hover .contact_share{display:block;}
.index_contact_uppart_right{width:25%; float:right; position: relative;padding:3% 10px 4%;  text-align: right;}
.index_contact_uppart_right:before{content:"";width:2px; height:100%; background:rgba(255,255,255,0.15);left:0; top:0;bottom:0; position: absolute;}
.index_contact_uppart_right img{vertical-align:middle;}
.index_contact_conter{width:100%; position: relative; overflow: hidden;border-top:2px solid rgba(255,255,255,0.15);border-bottom:2px solid rgba(255,255,255,0.15);}
.index_contact_nav{width:75%; float:left;padding-top:3%;}
.index_contact_content{width:25%;float:left; padding-left:5%; overflow: hidden; position: relative;padding-top:2%;padding-bottom:2%;font-size:14px;line-height: 20px;}
.index_contact_content:before{content:"";width:2px; height:100%; background:rgba(255,255,255,0.15);left:0; top:0;bottom:-10px; position: absolute;}
.index_contact_nav li{width:calc(100%/6);float:left; overflow: hidden;}
.index_contact_nav li a{color:#fff;display:block;}
.index_contact_nav li h2{display:block; font-size:17px;padding-bottom:15%; position: relative;margin-bottom:15%;font-weight: normal;}
.index_contact_nav li h2:after{content:"";width:20px; height:2px; background:#fff; position: absolute; left:0;bottom:0;}
.bot_nav{width:100%; overflow: hidden;}
.bot_nav a{font-size:14px;opacity:0.5;}
.bot_nav a:hover{opacity:0.9;}
.index_contact_content h4{font-weight:normal;display:block;margin-top:4%;}
.index_contact_content p{opacity:0.5;}
.index_contact_bottom{width:100%; overflow: hidden;padding:2% 0;}
.index_bot_copy{width:50%; float:left; overflow: hidden;}
.index_contact_bottom a{display:inline-block;color:#fff;font-size:14px;opacity: 0.5;}
.index_bot_a{width:50%; float:left; text-align:right;}
.index_bot_a span{display:inline-block;margin-left:5px;}
.index_bot_a span img{display:inline-block;margin-right:3px;width:15px;}
.index_contact_bottom a:hover{opacity: 0.9;}
/**/
.iner_banner_container{width:100%;height:100%;min-height: 100vh;position: fixed;top:0;left:0;right:0;background:#000;z-index: 9;overflow: hidden;}
.iner_banner_img{width:100%;opacity: 0.85;position: absolute;top:0;left:0;height:100%;z-index: 10;}
.iner_img_txt{text-align:center;z-index: 11;width:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;color:#fff;position: relative;overflow: hidden;margin-top:17vw;line-height: 50px;}
.iner_img_txt1{margin-top:25vw;}
.iner_img_txt2{margin-top:17vw;}
.iner_img_ico{margin:0 auto;text-align: center;}
.iner_img_ico #icon_all{height:auto;}
.iner_img_ico #icon_all path {stroke: #fff;fill: rgba(255, 255, 255, 0);stroke-width: 2px;transition: fill 0.6s ease-in-out;}
.iner_img_ico #icon_all.on path {fill: #fff;}
.iner_img_text{width:100%;height:auto;line-height: 60px;}
.iner_img_text h2{font-size:45px;font-weight: normal;display:block;line-height: 50px;}
.iner_img_text small{font-size:35px; text-transform: uppercase;transition: fill 0.6s ease-in;display:block;}
/**/
.content_container,.content_container_main{width:100%;overflow: hidden;position: relative;z-index: 100;background:#fff;}
.main_container{width:100%; position: relative; max-width:90%;margin:0 auto;}
.main_tit{width:100%;line-height: 40px;color:#000;padding-bottom:3%;}
.main_tit1{text-align:center;z-index: 5;}
.main_tit h2{font-size:36px;color:#114889;z-index: 15;display:block;width:100%;position: relative;letter-spacing: 1px;font-weight: normal;}
.main_tit1 h2:after{content:"";width:95px;height:0;background:#114889;position: absolute;bottom:-20px;left:47.5%;}
.main_tit small{font-size:24px;text-transform: capitalize;font-weight: bold;color:#ddd;}
.main_tit1 h3{font-size:153px;color: #fbfbfb!important;text-shadow: 1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;text-transform: uppercase;position: absolute;bottom:100px;left:0;width:auto;z-index: -1;opacity: 0.11;font-weight: 1000;text-align: center;vertical-align: middle;}
.main_tit h4{font-size:160px;color: #fbfbfb!important;text-shadow: 1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;text-transform: uppercase;position: absolute;bottom:-670px;left:0;width:100%;z-index: 0;opacity: 0.11;font-weight: 1000;}
.main_tit_exp{font-size:16px;width:100%;margin:0 auto;padding-top:2%;line-height: 30px;max-width:1200px;}
.main_tit_exp strong{font-weight: 400;}
.main_tit_expT{text-align:left;font-size:16px;width:70%;margin:0 auto;padding-top:3%;line-height: 30px;}
.main_tit_exp h5{font-size:26px;}
.his_tit{position:relative;margin-bottom:5%;}
.main_his_num{font-size:40px;position: absolute;bottom:0;left:0;right:0;vertical-align: top;text-align: center;}
.main_his_num h5{display:block;font-size:136px;color: #FFFFFF !important;text-shadow: 1px 1px #076ebe,-1px -1px #076ebe,1px -1px #076ebe,-1px 1px #076ebe;font-family:"OPPOSans";z-index: -1;font-weight: 600;opacity: 0.15;}
.his_tit h2:after{display:none;}
.main_tit1 img{}
.main_ability{background-color:#f9f9f9; padding:10% 0; overflow: hidden;margin-top:55px; text-align: center;}
.main_ability h2{font-size:48px;color:#fff;font-weight: 400;line-height: 50px;}
.main_img{width:100%; overflow: hidden; text-align: center;margin:0 auto;}
.main_img img{vertical-align: middle;}
.ico_img{width:80px;}
/**/
.tech_nav{width:100%; text-align: center;padding:3% 0;z-index: 9999;}
.tech_nav li{display:inline-block;vertical-align: middle;}
.tech_nav li a{display:block;background:#e8e8e8;line-height: 35px;padding:15px;border-radius: 60px;margin:8px;min-width:250px;transition:all .4s ease-in;}
.tech_nav li a img{display:inline-block;vertical-align: middle;filter: brightness(0)grayscale(0);opacity: 0.5}
.tech_nav li a h3{display:inline-block;font-weight: 400;padding-left:10px;vertical-align: middle;}
.tech_nav li:hover a,.tech_nav li.active a{background:#114889;color:#fff; }
.tech_nav li:hover a h3,.tech_nav li.active a h3{font-weight: 600;color:#fff;}
.tech_nav li:hover a img,.tech_nav li.active a img{filter: brightness(1000)grayscale(1000);opacity: 1.0}