@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2019-11-14 10:48:49
 * @version $Id$
 */
@charset "UTF-8";

/*重置样式*/
@font-face {
    font-family: "averta-semibold";
    src:
    url("../font/averta-semibold.ttf") format("truetype"),
    url("../font/averta-semibold.eot"),
    url("../font/averta-semibold.svg") format("svg");
}
* { 
    box-sizing: border-box;
    font-size:16px;
    /*font-family: averta-semibold;*/


}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset {
    border: 0;
}
img { 
    border:0;
    vertical-align: top;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0!important;
    padding:0;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}
a{text-decoration: none!important;}
/*通用样式*/
body {
    font-family: "Averta-Regular",Arial,sans-serif;
    background-color: #fff;
    font-size: 16px;
    margin:0 auto;
    color:#333;
}
a:link,a:visited,a:hover{
    text-decoration: none; 
    /*color:#666;*/ 
}
.fl {
    float:left; 
}
.fr {
    float: right; 
}
.in-block{
    display:inline-block; 
    *display:inline; 
    *zoom:1; 
}
.btna {
    display: inline-block;
    text-align: center;
    padding: 0px;
    border: 0px;
    margin: 0px;
    position: relative;
    cursor: pointer;
}
.btna span {
    display: inline-block;
}
.btna {
    position: relative;
    background: #20BCD8;
    color: #fff;
    /*padding: 5px 10px;*/
    overflow: hidden;
    width:260px; height:60px; line-height:60px; font-size:20px;
}
.btna span {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    font-size:16px;
}
.btna i {
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    width: 0%;
    height: 100%;
    top: 0;
    left: -28%;
    background: #172b49;
    color: #fff;
    transform: skewX(-45deg);
}
.btna:hover,
.btna:focus {
    background: #20BCD8;
}
.btna:hover span,
.btna:focus span {
    color: #fff;
}
.btna:hover i,
.btna:focus i {
    width: 150%;
}
.in-title{text-align:center; font-size:34px; color:#1d2a3b;  font-weight:bold;}
#com_nav{height:160px; background:url(../img/in/bg.png) no-repeat center;}
#com_nav .header-btn{height:160px;display:flex; align-items:center; justify-content: space-around;}
#com_nav .btna1{color:#021a22; font-weight:bold;}
#com_nav .btna2{background-color:#172b49; font-weight:bold;}
#com_nav .btna2 i{background-color:#24b6eb;}
#com_nav2{height:250px; background:url(../img/products/com_nav2_bg.png) no-repeat center; color:#fff; padding-top:68px;}
#com_nav2 .btna1{color:#021a22; font-weight:bold;}
#com_nav2 .btna2{background-color:#172b49; font-weight:bold;}
#com_nav2 .btna2 i{background-color:#24b6eb;}
#com_nav2 .cont .top{display:flex; justify-content: space-between; margin-bottom:18px;}
#com_nav2 .cont .top>p{font-size:34px;}

/*nav*/
#nav{position:fixed; width:100%; z-index:999;}
#nav .nav1{height:100px; background-color:rgba(5,18,34,.8); position:relative; left:0; top:0;}
#nav .nav1 .cont{display:flex; align-items:center; height:100px;justify-content: space-between;}
#nav .nav1 h1{width:162px; height:46px; background:url(../img/in/logo.png) no-repeat center; text-indent:99999px;}
#nav .nav1 .left{height:100px; display:flex; align-items: center;}
#nav .nav1 .left_list{ position:relative; height:100px; line-height:100px; margin-right:80px;}
#nav .nav1 .left_list img{transition:all .3s;}
#nav .nav1 .left_list:hover .download{display:block;}
#nav .nav1 .left_list:hover img{transform:rotate(180deg);}
#nav .nav1 .left_list:hover .nav_title{color:#24b6eb;}
#nav .nav1 .left .nav_title{color:#fff; text-decoration: none; margin:0 12px; font-weight:bold; font-size:16px;}
#nav .nav1 .left .download{position:absolute; left:-42px; top:100px; padding:10px 0 20px; background-color:#112b4b; width:250px; display:none;}
#nav .nav1 .left .download>b{width:0;
    height:0;position:absolute; left:70px; top:-14px;
    border-right:14px solid transparent;
    border-left:14px solid transparent;
    border-bottom:14px solid #112b4b;
}
#nav .nav1 .left .first_list .download>a{width:300px;}
#nav .nav1 .left .download>a{height:40px; line-height:40px; color:#fff; background-color:#112b4b; display:block; width:250px; padding-left:46px;}
#nav .nav1 .left .download>a:hover{background-color:#0a1f39; color:#24b6eb;}
#nav .nav1 .center{font-size:16px; color:#fff; font-family: 'MicrosoftYaHei'; cursor:pointer;}
#nav .nav1 .header-btn{padding-top:10px;}
#nav .nav1 .header-btn .btna{width:116px; height:38px; line-height:38px; font-size:16px; border-radius:5px; margin-left:40px;}
#nav .nav1 .header-btn .btna1{background-color:transparent; border:2px solid #24b6eb;}
#nav .nav2{background-color:#fff; display:none;}
#nav .nav2 h1{background:url(../img/in/nav2-logo.png) no-repeat center;}
#nav .nav2  .left .nav_title{color:#1d2a3b;}
#nav .nav2 .left_list:hover .nav_title{color:#24b6eb;}
#nav .nav2 .center{color:#1d2a3b;}
#nav .nav1 .header-btn .btna1{color:#24b6eb;}
*移动端导航*/
body{position:relative;width:100%;}
.nav_m{position:absolute; overflow-x:hidden; display:none;}
.mobile_nav{position:fixed; top:0; left:0; z-index:100;  width:100%; background-color:#051222;}
.nav_m_bottom{height:.98rem; display:flex; justify-content: space-between; align-items: center; padding:0 .2rem;z-index:9999;}
.nav_m_bottom h1>img{width:2rem!important;}
.nav_m_bottom >img{width:.5rem; cursor:pointer;}
.nav_m_bottom .login_btn_m{width:1.02rem; height:.46rem; border:1px solid #0988fc; line-height:.46rem; text-align:center; color:#0988fc; border-radius:.1rem; font-size:14px; margin-left:1rem;}
.nav_m .nav_m_download{height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.6); width:100%; z-index:101; display:none;}
.nav_m .m_left{width:75%; height:100%; background-color:#051222; position:fixed; left:-75%; top:0; z-index:102;}
.nav_m .m_left .m_top{display:flex; align-items: center;justify-content:space-between; }
.nav_m .m_left .m_top .m_top_left img{width:2.5rem; padding:.4rem 0; margin:0 .3rem;}
.nav_m .m_left .m_top .m_top_right{display:flex; align-items: center; padding-right:.3rem; color:#fff;}
.nav_m .m_btn{display:flex; flex-direction: column; align-items: center;border-bottom:1px solid #8c8ea6; padding-bottom:.26rem;}
.nav_m .m_btn>a{width:4rem; height:.8rem; color:#fff; font-size:16px; line-height:1rem; text-align:center; margin-top:.2rem; display:flex; align-items: center; justify-content: center;}
.nav_m .m_btn>a>img{margin-right:.2rem;}
.nav_m .m_btn .m_login{background-color:#ffaa12;}
.nav_m .m_btn a.m_demo{background-color:#fff; color:#44b24f; border:1px solid #44b24f;}
.nav_m .m_btn .m_live{background-color:#25c0f7;}
.nav_m .m_nav_main{padding-top:.3rem;}
.nav_m .m_nav_main .m_list{width:100%;line-height:.8rem; }
.nav_m .header-btn{text-align:center;}
.nav_m .header-btn .btna{width:5rem; height:.97rem; line-height:.97rem; margin-top:.5rem;}
.nav_m .header-btn .btna1{background-color:#051222; border:1px solid #25c0f7;}
.nav_m .m_nav_main a.m_list_cont{font-size:16px;color:#fff;margin-left:.7rem;}
.nav_m .m_nav_main .m_list>img{width:16px;float:right;position:relative; right:.5rem; top:.24rem;}
.nav_m .m_nav_main .m_last_list{line-height:1.2rem;}
.nav_m .m_nav_main .m_last_list>img{width:14px; right:3.2rem; top:.48rem;}
.nav_m .m_nav_main .m_list .m_dropdown{ background-color:#172b48; width:100%; display:none;}
.nav_m .m_nav_main .m_list .m_dropdown>a{padding-left:.7rem;display:block; font-size:14px; color:#fff;}
.m_nav_rotate{transform:rotate(180deg);}
.nav_m .m_login_btn{padding-left:.7rem;}
.nav_m .m_login_btn>a{color:#0988fc;width:3.38rem; text-align:center; display:block;}
.nav_m .m_login_btn .m_opan{width:3.38rem; height:.76rem; line-height:.76rem; border:2px solid #0988fc; color:#0988fc; margin:.22rem 0 .2rem;}
/*cookie*/
#cookie{position:fixed; bottom:0; left:0;  background-color:#0c1c32; width:100%; color:#fff; padding:22px 0; z-index:99;}
#cookie .p1{margin-bottom:16px;}
#cookie .cookie_btn{width:158px; height:48px; border:1px solid #fff; border-radius:3px; display:flex; align-items: center; justify-content: center; margin:0 auto; cursor:pointer;}