/*css**/
@import "https://at.alicdn.com/t/font_330953_g9ljz5lzh8xe0zfr.css";
/*base style*/html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}html{ font-size:100px}body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial";font-size: 14px; color:#333; background-color:#fff;background-attachment:fixed; margin:0 auto;min-width: 320px;  }a{ color:#06f; text-decoration:none;}a:hover{ color:#007edd; text-decoration:none;}img{ border:none;  max-width: 100%;vertical-align: middle;font-size: 16px;}i,em{ font-style:normal;}/*address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}*/li{ list-style-type:none;}ol,ul {list-style:none}textarea{ resize:vertical;}table {border-collapse:collapse;border-spacing:0;}input, select, textarea{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none;}input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }button{    border: none;    outline: none;}
body { color: #333;font-size:.28em; line-height: 1.5; font-family: arial, Microsoft Yahei }
body,.row,.h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset,
legend, button, input, textarea, th, td { margin: 0; padding: 0; }
img { vertical-align: middle; border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal;font-weight: bold }
ul, ol, li { list-style: none; }
.lf{
    float: left;
}
.rt{
    float: right;
}
.clear { clear: both;}
@media only screen and (max-width:300px){
    body,.mytitle,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:14px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:310px) and (min-width:300px){
    body,.mytitle,.top_title,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:320px) and (min-width:310px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:320px}
    .ztshow2_l_bt{font-size:13px!important;font-weight: bold}
    .top_title{font-size:13px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:320px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold;top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:350px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:480px) and (min-width:360px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:480px}
    .ztshow2_l_bt{font-size:18px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (max-width:480px) and (min-width:470px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:25px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:14px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (min-width:480px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:21px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .myclass img{width: 80%;  }
    .myline{width: 95%!important;}
}
/**/
body{
    width: 100%;
    min-width: 320px;
    font-family: "Microsoft YaHei";
    margin: 0 auto;
}
.logo{
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    display: inline-block;
    padding: 0 0 0 8px;
}
.lbtn:hover{
    background-color: #0074D7;
}
.navbg{
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.ltop{

}
.topbg{
    background-color: #0074D7;
}
ul li a{
    color: #ffffff;
}
.ibar{

}
.ibar > li {
    float: left;
    color: #fff;
}

.ibar > li > a {
    padding-top: 15px;
    padding-bottom: 15px;

}
a:hover{
    text-decoration: none;
}
#weixinpop {width: 100%;max-height: 55px!important;max-width: 640px;position: fixed;z-index: 99999999;left: 0;right: 0;top: 0;height: 0px;margin: auto;overflow: hidden;display: flex;display: -webkit-flex;align-items: center;justify-content: flex-start;background: rgba(0,0,0,.8);color: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;transition: height .3s ease;-webkit-transition: height .3s ease;}  .weixinpop-an {height: 70px!important;}  #weixinpop div:first-child {text-align: center;padding: 10px 5px;}  #weixinpop div:first-child img {width: 60%;border-radius: 6px;}  #weixinpop div:nth-child(2) {width: 58%;border-left: 1px solid #909090;}  #weixinpop div:last-child {background: #fff;color: #000;padding: 5px 10px;border-radius: 5px;}  #weixinpop div:nth-child(2) p {padding: 0px 0;text-indent: 10px;}
.cont{
    text-align: center;
}
.row{
    margin: auto;
}
.container{
    max-width: 640px;
    margin: auto;
    padding: 0;
}
.container img{
    width: 100%;
}
.col-xs-2 {
    padding: 5px;
    text-align: center;
}
.data_ico_zmt + span {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #EE5C68;
}
.data_ico_zmt {
    font-size: 2em;
    color: #EE5C68;
}
.sdxhmo_btm_form {width: 96%;background: #FFF;margin: 0 auto;border: 1px solid #E1E1E1;font-size: 16px;padding: 1% 0;text-align: center;}
.sdxhmo_btm_form {background-color: #1478f4;height: auto;overflow: hidden;}
.sdxhmo_btm_form .sdxhmo_btm_form_title {font-size: 1.5em;line-height: 1.6em;}
.sdxhmo_btm_form p {margin: 0.8em 0 0;font-size: 1.3em;}
.tbtp img {width: 100%;}
.sdxhmo_btm_form div {
    box-sizing: border-box;display: inline-block;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;padding: 2%;}
.ind_shijiu_b {width: 95%;height: auto;margin: 0.5em auto 0;overflow: hidden;background: #fff;border-radius: 6px;padding-top: 0.6em;}
.sdxhmo_btm_form div {box-sizing: border-box;display: inline-block;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;padding: 2%;}
.tbtp {float: left;width: 20%;}
.dui {float: right;width: 80%;margin-top: 0.6em;padding: 0;}
.dui li {float: left;width: 33.33%;}
.dui li img{float:left; padding-top:0.6em; width:20%;}
.dui li p{float:left; color:#333333; font-size:0.8em;text-align:center;margin-top:0.6em;}
.font-red {text-align: center;width: 90%;margin: 2% auto;color: #F00;font-size: 0.8em;}
.sdxhmo_btm_form_title {color: #FFF;}
.form{padding: 15px 25px 0;}
ul li{list-style-type: none}

.banner{
    background: url(../images/intelligent_robotm_1.jpg) no-repeat center top;
}
body{
    background: url(../images/bg.jpg);
    background-size:0.44rem;
}
.f36{
    font-size: 0.3rem;
    text-align: center;
    vertical-align: middle;
    padding:0.42rem 0;
    color:#000e4c;
}
.f36 img{
    display: inline-block;
    width:1.2rem;
}
.flx{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.t_bg{
    background:#fff;
    padding:0.26rem 0.24rem 0.16rem;
    font-size: 0.18rem;
    line-height: 0.34rem;
    box-shadow: 0 0 0.1rem 0 rgba(0,0,0,.2);
    border-radius:0.1rem;
}

.zxUrl{
    text-align: center;
}
.zxUrl a{
    display: inline-block;
    width: 2.06rem;
    line-height: 0.4rem;
    font-size: 0.2rem;
    color:#fff;
    background-color: #ff4f4f;
    border-radius:0.4rem;
    box-shadow: 0 0 0.1rem 0.02rem rgba(0,0,0,.2);
}
.t_bg .zxUrl{
    padding-top:0.1rem;
}
.t_bg .zxUrl a{
    background-color: #fff;
    color:#ff4f4f;
}
.txt_c{
    text-align: center;
}
.f18{
    font-size: 0.18rem;
    color:#ff0101;
    background-color: rgba(255,0,0,.25);
    line-height: 0.4rem;
    text-align: center;
    display: inline-block;
    padding:0 0.3rem;
    border-radius:0.4rem;
    margin-bottom:0.2rem;
}
.bg_fff{
    background-color: #fff;
    border-radius:0.1rem;
    padding:0.24rem 0.6rem;
    box-shadow:0 0 0.1rem 0.02rem rgba(0,0,0,.2);
}
.f19{
    font-size: 0.18rem;
    line-height: 1.6;
    margin-bottom:0.2rem;
    position: relative;
}
.icon_1{
    position: absolute;
    width: 0.06rem;
    height: 0.78rem;
    background-color: #7f86a5;
    top:0.04rem;;
    left:-0.24rem;
}
.icon_1::after{
    content:"";
    width: 0.12rem;
    height:0.12rem;
    border-radius:0.12rem;
    background-color: #000e4c;
    border:0.03rem solid #7f86a5;
    position: absolute;
    top:0;
    left:-0.06rem;
}
.icon_1::before{
    content:"";
    width: 0.12rem;
    height:0.12rem;
    border-radius:0.12rem;
    background-color: #000e4c;
    border:0.03rem solid #7f86a5;
    position: absolute;
    bottom:0;
    left:-0.06rem;
}
.ysbg{
    background: url(../images/intelligent_robotm_2.jpg) no-repeat center top;
    background-size: 100% 100%;
    padding:0 20px 30px;
}
.c_fff{
    color:#fff;
}
.w_380 li{
    background-color: #fff;
    box-shadow: 0 0 0.1rem 0.02rem rgba(0,0,0,.4);
    border-radius:0.2rem 0.1rem 0.2rem 0.1rem;
    padding:0.12rem 0.14rem 0.2rem;
    margin-bottom:0.2rem;
}
.f30{
    font-size: 0.3rem;
    color:#1a265e;
    padding:0.1rem 0;
}
.f17{
    font-size: 0.18rem;
    line-height: 1.5;
    margin-bottom:0.24rem;
}
.bg_f3f4f7{
    border-radius:0.2rem 0.1rem 0.2rem 0.1rem;
    background-color: #f3f4f7;
    padding:0.18rem 0.14rem 0.18rem 0.34rem;
    box-shadow: 0 0 0.1rem 0.02rem rgba(0,0,0,.2);
}
.bg_f3f4f7 p{
    font-size: 0.17rem;
    line-height: 1.3;
    position: relative;
    margin-bottom:0.08rem;
}
.bg_f3f4f7 p:after{
    content:"";
    width: 0.08rem;
    height:0.08rem;
    border-radius:0.08rem;
    border:0.02rem solid #333;
    position: absolute;
    top:0.06rem;
    left:-0.18rem;
}
.f24{
    font-size: 0.24rem;
    letter-spacing: 0.06rem;
    padding:0.12rem 0;
    background-color: #202e65;
    border-radius:0.06rem 0.56rem 0 0;
    text-align: center;
    color:#fff;
}
.f20{
    font-size: 0.18rem;
    padding-left:0.24rem;
    position: relative;
    line-height: 0.32rem;
    margin-bottom: 0.2rem;;
}
.f20::after{
    content:"";
    width: 0.12rem;
    height:0.12rem;
    border-radius:0.12rem;
    background-color: #000e4c;
    border:0.03rem solid #7f86a5;
    position: absolute;
    top:0.03rem;
    left:-0.06rem;
}
.w_694{
    width: 6.7rem;
}
.bg_db{
    background: url(../images/intelligent_robotm_10.jpg) no-repeat center top;
    background-size: 100% 100%;
    margin-top:0.08rem;
    padding-bottom:0.2rem;
}
.w_600{
    width: 6rem;
    position: relative;
}
.bg_515c87{
    width: 6rem;
    height:0.3rem;
    background:linear-gradient(to right,#4e5985,#fdfdfe);
    border-radius:0.5rem 0.3rem 0.3rem 0;
    position: absolute;
    top:0;
    left:0;
}
.bg_ff3333{
    width: 5.38rem;
    height:0.3rem;
    background:linear-gradient(to right,#fdfdfe,#ff3333);
    border-radius:1.2rem 0.5rem 0rem 0.1rem;
    position: absolute;
    top:0;
    right:-1rem;
}
.r_t_l{
    width: 6rem;
    position: relative;
    height:2.8rem;
    z-index: 5;
    padding-left:0.28rem;
    box-sizing: border-box;
    padding-top:0.3rem;
    margin-bottom:0.2rem
}
.r_t_l:after{
    position: absolute;
    top:0;
    left:0;
    content: "";
    width: 6rem;
    height:2.8rem;
    background-color: #fff;
    border-radius:0.3rem 0.3rem 0.3rem 0.2rem;
    transform:perspective(0.83rem)  rotateX(-2deg);
    transform-origin: top left;
    z-index: -1;
}
.r_t_r{
    width: 5rem;
    position: relative;
    height:2.8rem;
    z-index: 5;
    padding-top:0.3rem;
    padding-left:0.8rem;
}
.r_t_r:after{
    position: absolute;
    top:0;
    left:0;
    content: "";
    width: 6rem;
    height:2.8rem;
    background-color: #fff;
    border-radius:0rem 0rem 0.2rem 0.2rem;
    transform:perspective(0.83rem)  rotateX(2deg);
    transform-origin:bottom right;
    z-index: -1;
}
.w_600 h3{
    font-size: 0.3rem;
    color:#202e65;
    line-height: 1.8;
}
.w_600 p{
    font-size: 0.18rem;
    line-height: 0.34rem;
    padding-left:0.2rem;
    position: relative;
}
.w_600 p:after{
    content: "";
    position: absolute;
    left: 0;
    top:0.13rem;
    width: 0.08rem;
    height: 0.08rem;
    background-color: #202e65;
    border-radius:0.08rem;
}
.mg_54{
    margin-bottom:0.54rem;
}
.w_600 img{
    position: absolute;
    bottom: 0.58rem;
    right: 0.46rem;
    width: 1.5rem;
}
.w_600 .r_t_r img{
    right:-0.79rem;
}
.pr{
    position: relative;
}
.pr>img{
    position: absolute;
    top:0.9rem;
    left:0;
    right:0;
    margin:auto;
    z-index: 30;
}
.j_s_b{
    justify-content: space-between;
}
.w_584{
    margin-bottom: 0.3rem;;
}
.w_584 li{
    width: 5.84rem;
    box-shadow: 0 0 0.1rem 0.02rem rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-position: 0.24rem center;
    background-size: 0.8rem;
    border-radius:0.1rem;
    padding-left:1.2rem;
    background-color: #202e65;
    margin-bottom:0.2rem;
}
.w_584 li .pa_20_14{
    background-color: #fff;
    box-shadow: 0 0 0.1rem 0.02rem rgba(0,0,0,.2);
    border-radius:0.1rem;
    padding:0.2rem 0.14rem;
    height:100%;
}
.w_584 li .pa_20_14 h5{
    font-size: 0.22rem;
    color:#202e65;
    padding-bottom:0.1rem;
}
.w_584 li .pa_20_14 h5 span{
    color:#ff4747;
    font-size: 0.18rem;
    padding-left:0.12rem;
}
.w_584 li .pa_20_14 p{
    line-height: 0.24rem;
}
.kc{
    background: url(../images/kc.jpg) no-repeat center top;
    background-size: 100% 100%;
}
.kc ul{
    position: relative;
    margin-bottom:0.34rem;
    padding-top:0.34rem;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}
.kc ul li{
    display: inline-block;
    width: 2.62rem;

}
.kc ul li p{
    position: absolute;
    top:2.18rem;
    left:0;;
    color: #344171;
    width: 85%;
    padding-left:0.36rem;
    font-size: 0.24rem;
    display: none;
    background-color: #fff;
    height:1.2rem;
}
.kc ul li p:after{
    content: "";
    position: absolute;
    left: 0.08rem;
    top:0.13rem;
    width: 0.12rem;
    height: 0.12rem;
    background-color: #202e65;
    border-radius:0.08rem;
}
.kc ul li:first-child p{
    display: block;
}
.kc ul li:hover p{
    display: block;
}
.kc .zixun{
    padding:1.54rem 0 0.28rem;
    background-color: #fff;
    border-radius:0.1rem;
}
.w_572 li{
    width: 100%;
    margin-bottom:0.4rem;
}
.w_572 li section{
    width: 4.36rem;
    padding:0.1rem;
    border-radius:0.1rem 0.1rem 0.16rem 0.1rem;
    background-color: #fff;
    box-shadow: 0 0 0.1rem 0.02rem rgba(0,0,0,.2);
}
.w_572 li img{
    border-radius:0.5rem 0.1rem 0.1rem 0.2rem;
    width: 1.7rem;
}
.w_572 li h4{
    font-size: 0.3rem;



    padding-bottom:0.1rem;
}
.w_572 li h4 span{
    font-size: 0.16rem;
    padding-left:0.1rem;
}
.w_572 li p{
    font-size: 0.18rem;
    color:#6c6c6c;
    line-height: 0.28rem;
}
.f21{
    font-size: 0.2rem;
    width:100%;
    margin:0 auto 0.14rem;
}
.w_382{
    margin-bottom:0.2rem;
}
.w_382 li{
    width: 2.06rem;
    border-radius: 0.08rem;
    overflow: hidden;
    box-shadow: 0 0 0.1rem 0.02rem rgba(0,0,0,.2);
    background-color: #fff;
}
.w_382 li section{
    padding:0.08rem 0.16rem 0.22rem;
    background:url(../images/ms.jpg) no-repeat;
    background-position-y:3rem;
    background-size:cover;
    transition:.3s;
}
.w_382 li section h6{
    font-size: 0.24rem;
    margin-bottom:0.08rem;
}
.w_382 li section p{
    font-size: 0.2rem;
    line-height:0.34rem;
}
.bg_zx{
    background: url(../images/intelligent_robotm_6.jpg) no-repeat center bottom;
    background-size: 100%;
    padding-top:.5rem;
}
.bg_zx a{
    display: block;
    height:2.36rem;
}
.bg_f5f5f5{
    /* background-color: #f5f5f5; */
    padding-bottom:0.4rem;
}
.bd{
    background: url(../images/bd.jpg) no-repeat center top;
    background-size: 100%;
    height:4.18rem;
}
.form_b{
    width:5.4rem ;
    margin:0 auto;
    text-align: center;
}
.form_b input{
    border:none;
    outline: none;
    width: 100%;
    padding-left: 0.2rem;
    background-color: rgba(255,255,255,.4);
    margin-bottom:0.3rem;
    border-radius:0.08rem;
    line-height: 0.6rem;
    font-size: 0.2rem;;
}
.form_b .btn input{
    background-color: #ff3333;
    color:#fff;
    font-size: 0.22rem;
    border-radius:0.6rem;
    padding-left:0;
    width: 3rem;
}