body{
	font-family: '微软雅黑', sans-serif
	font-size: 14px;
	color:#000;	
	/*-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;*/
	
	/*border: 1px solid #ccc;*/
}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
*{margin: 0;padding: 0;list-style: none;font-family: '微软雅黑', sans-serif}
a{color: #000;text-decoration: none;}
.clear{clear: both;}
img{max-width: 100%;}
#dituContent img{max-width: none;}
.clear{clear: both;}
.width{width: 1200px;padding: 40px 0;zoom: 1;margin: 0 auto;}
.width:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.hr{width: 2em;height:1px;margin: 10px auto; border: 2px solid #ccc;}
.head{width: 100%; margin: 0 auto;}

/*标题*/
.over_title{height: 5em;margin-bottom: 1em;}
.over_title h1{float: left;font-size: 30px;}
.over_title li{float: right;padding: 0.5% 1%;margin: 0.5px 0;color: #005BAC; border: 2px solid #005BAC;border-radius: 5px;}
.over_title li:hover{border: 2px solid #005BAC;color: #0053FF; border-radius: 8px;}
/*标题样式*/
.ny_tit{width: 100%;}
.ny_tit h2{text-align: center;font-size: 25px;}
.ny_tit p{text-align: center;padding: 1% 0;}
.ny_tit p span{padding: 0 1%;}

/*内页样式*/
.banner{width: 100%;overflow: hidden;}
.ny_tit{width: 100%;}
.ny_tit h3{text-align: center;font-size: 33px;color: #005BAC;font-weight: 400;}
.ny_tit p{text-align: center;padding: 1% 0;font-family: "微软雅黑";}
.ny_tit p span{padding: 0 1%;}

/*中间导航*/
.pagetitle{display:table;box-sizing:border-box;width:100%;height:224px;text-align:center}
.pagetitle h3{font-family:'Lato';font-size:47px;font-weight:300;color:#efefef;text-shadow:0 2px 2px rgba(0,0,0,.1)}
.pagetitle.pn1{background:url(img/sub_visual1.jpg) no-repeat center;background-size:cover}
.pagetitle.pn2{background:url(img/sub_visual2.jpg) no-repeat center;background-size:cover}
.pagetitle.pn3{background:url(img/sub_visual3.jpg) no-repeat center;background-size:cover}
.pagetitle.pn4{background:url(img/sub_visual4.jpg) no-repeat center;background-size:cover}
.pagetitle.pn5{background:url(img/sub_visual5.jpg) no-repeat center;background-size:cover}
.pagetitle.pn6{background:url(img/sub_visual6.jpg) no-repeat center;background-size:cover}
.pagetitle.pn7{background:url(img/sub_visual7.jpg) no-repeat center;background-size:cover}
.pagetitle.pn8{background:url(img/sub_visual8.jpg) no-repeat center;background-size:cover}
.pagetitle.pn9{background:url(img/sub_visual8.jpg) no-repeat center;background-size:cover}
.pagelocation{z-index:1000;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f8f8f8}
.pagelocation.fixed{box-shadow:0 1px 2px rgba(0,0,0,.5)}
.pagelocation > ul{width:1200px;height:46px;margin:0 auto}
.pagelocation > ul > li{position:relative;float:left}
.pagelocation > ul > li:nth-child(1){width:110px;border-right:1px solid #ddd;border-left:1px solid #ddd}
.pagelocation > ul > li:nth-child(2){width:250px;border-right:1px solid #ddd}
.pagelocation > ul > li:nth-child(3){width:300px;border-right:1px solid #ddd}
.pagelocation > ul > li>a{line-height:46px;display:block;box-sizing:border-box;width:100%;height:46px;padding:0 20px;text-align:left;color:#666; font-size: 15px;}
.pagelocation > ul > li:nth-child(2)>a,.pagelocation > ul > li:nth-child(3)>a{background:url(../img/pagelocation_arr.gif) no-repeat 95% center}
.pagelocation > ul > li img{margin-right:5px}
.pagelocation > ul > li>ul{position:absolute;z-index:100;top:100%;left:0;display:none;box-sizing:border-box;width:100%;border:1px solid #ddd;background:#f8f8f8}
.pagelocation.fixed > ul > li>ul{box-shadow:0 1px 4px rgba(0,0,0,.3)}
.pagelocation > ul > li > ul > li>a{line-height:50px;color: #666; display:block;box-sizing:border-box;height:50px;padding:0 20px;-webkit-transition:all .25s;transition:all .25s}
.pagelocation > ul > li > ul > li>a.on{color:#fff;background:#484848}
.pagelocation > ul > li > ul > li>a:hover{background:#c6c6c6;color: #333;}

/*公司历程*/
.body-box{width: 100%; margin:40px auto;background: #fff;}

.timer-shaft-box{width:100%;padding:30px 40px;box-sizing: border-box;}
.timer-shaft{position:relative;width:100%;height:80px;overflow: hidden;}
.timer-left{position:absolute;top:50%;left:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(../images/icon_left.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-right{position:absolute;top:50%;right:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(../images/icon_right.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-scale{position:absolute;top:0;left:0;height:80px;padding-left: 80px;font-size: 0;white-space: nowrap;}
.timer-scale-cont{display:inline-block;height:100%;line-height:80px;}
.time-circle{display:inline-block;vertical-align:middle;width:60px;height:60px;line-height: 60px;text-align: center;font-size:18px;color:#fff;border-radius: 50%;background: #888;transition: all .3s;cursor:pointer;}
.timer-scale-cont.hov .time-circle{width:80px;height:80px;line-height: 80px;font-size:24px;background: #1A7FC6;}
.line-scale{display:inline-block;vertical-align:middle;width:150px;height:22px;margin:0 2px;background: url(../images/icon_scale.png) no-repeat;background-size: cover;}

.timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap;}
.shaft-detail-cont{display: none;width:100%;}
.shaft-detail-cont:nth-child(1){display: block;}

.timer-year{padding-left:20px;font-weight:bold;color:#333;font-size:0;}
.icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../images/icon_sign.png) no-repeat;background-size: cover;}
.timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;}
.timer-shaft-content ul{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.timer-shaft-content ul:before{content: '';position:absolute;top:0;left:36.5px;height:100%;border-right:1px dashed #1A7FC6;}
.timer-shaft-content ul h2{position:absolute;font-size:16px;font-weight: bold;color:#333;}
.timer-shaft-content ul  h2:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
.timer-shaft-content ul p{display:inline-block;padding-left:71px;line-height:2;font-size:14px;color:#333;}
.timer-shaft-content ul p a{font-size:14px;color:#1d69a3;}

/*内页关于我们（荣誉资质）*/
.bigimg{position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999999999999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 99999999;transition:all 1s;display: none}
.bigbox{width:100%; background: #fff;border:1px solid #ededed;margin:10px auto;border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{width:31.5%; border:1px solid #ccc;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}

/*内页关于我们（合作伙伴）*/
.ny_part ul{width: 46%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; float: left;margin: 1%;padding: 1%;box-shadow: 0px 0px 15px 1.5px #eee;}
.ny_part ul:hover{transform:translate(0,-3px);-webkit-transform:translate(0,-3px);-moz-transform:translate(0,-3px);-o-transform:translate(0,-3px);-ms-transform:translate(0,-5px);-webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5;}
.ny_part ul li{width: 50%;float: right;margin: 2% 0;line-height: 40px;}
.ny_part ul li span{font-size: 30px;}
.ny_part ul ol{width: 40%;float: left;}



/*内页关于我们（通知事项）*/
.nyab_not ul{width: 96%;padding: 1% 2%;padding-left: 1em; float: left; margin: 1% 0;background: url(../img/xq-1.png) no-repeat;}
.nyab_not ul:hover ol{color: #005BAC;}
/*.nyab_not ul>*{float: left;}*/
.nyab_not ul ol{text-overflow: ellipsis;white-space:nowrap;overflow:hidden; font-size: 16px;font-weight: bold; margin-bottom: 3px;color: #484848;}
.nyab_not ul li{color: #686868;margin-top: 0.5em; overflow : hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
/*内页关于我们（通知事项详情页）*/
.nyab_notdeil ol{font-size: 25px;text-align: center;margin-bottom: 0.5%;}
.nyab_notdeil li{text-align: center;margin-bottom: 1%;}
.nyab_notdeil p{line-height: 28px;text-indent: 2em;margin-top: 0.5em;}
.nydei{padding-top: 2em;}

/*公司（关于我们）*/
/*.ny_about{width: 100%;margin: 0 auto;}*/
.ny_about ul{width: 50%;float: left;text-indent: 2em;line-height: 30px;font-size: 16px;}
.ny_about .nyab_out{margin: 7% 0;line-height: 40px;padding: 3%;background: #f1f1f1;border-radius: 20px;}
.ny_about ul.nyab_img{width: 40%;float: right;}

/*研发部（核心技术）*/
.ny_js{padding: 1% 0;}
.nyjs_ft{width: 47%;padding: 1%;margin: 2% 0; float: left;border-right: 1px solid #eee;}
.nyjs_ft div{width: 30%;margin: 0 auto;padding: 2% 0;}
.nyjs_ft ul ol{font-size: 25px;margin-bottom: 1%;margin-left: 0.5em;text-align: center;}
.nyjs_ft ul li{line-height: 30px;text-indent: 1em;}
.nyjs_left{border: 0px; border-left: 1px solid #eee;}

/*研发部（知识产权）*/
.ato-content {
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
}

.ato-list ul {
    height: 470px;
}

.ato-list ul li {
	margin-top:30px;
    width: 30%;
    /*height: 420px;*/
    float: left;
    margin-left: 26px;
    margin-right: 0;
    text-align: center;
    background-color: #fff;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
    position: relative;
    box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
    top: 10px;
    left: -10px;
}

.ato-list ul li:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}

.ato-list ul li div {
    width: 95;
    margin: 5% auto;
    text-align: center;
}

.ato-list ul li div img {
    width: 90%;
    height: auto;
    border: none;
    display: block;
    margin: 0 auto;
}

.ato-list ul li h3 {
    font-size: 16px;
    color: #244e6f;
    font-weight: normal;
    /*line-height: 40px;*/
   margin-bottom: 0.5em;
}

.ato-list ul li p {
    margin: 0;
    text-align: left;
    font-size: 13px;
    color: #8e8e8e;
    line-height: 25px;
    padding: 0 22px 20px 22px;
}

.ato-more {
    width: 157px;
    height: 36px;
    text-align: center;
    display: none;
    display: inline-block;
    border: 1px solid #7D7D7D;
    line-height: 34px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 55px;
}

.ato-more:hover {
    background-color: #108cee;
    border-color: #108CEE;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #FFF;
}

.ato-list-fl {
    float: left;
    width: 25%;
}

.ato-title {
    /*width: 266px;*/
    margin-top: 130px;
    padding-right: 20px;
}

.ato-title h2 {
    font-size: 24px;
    line-height: 33px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: inherit;
}

.ato-title p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.ato-list-fl a {
    width: 50px;
    height: 50px;
    position: relative;
    margin-top: 10%;
    margin-right: 10px;
    float: left;
    border: 1px solid #ABABAB;
    display: block;
    background: #f2f2f2;
    overflow: hidden;
}

.ato-list-fl a img {
    width: 22px;
    height: 22px;
    display: block;
    border: none;
    margin: 0 auto;
    margin-top: 12px;
}

.ato-list {
    float: left;
    width: 75%;
    /*height: 500px;*/
}

.ato-list ul li:hover {
    top: -5px;
    box-shadow: 0 10px 12px rgba(0,0,0,0.12);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.prev:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.prev:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.next:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.next:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    right: 11px;
}

.ato-list-fl a:hover {
    background: #108cee;
    border: 1px solid #108cee;
}

/*商业（产品内容三维TOF测试）*/
.ny_ser{padding: 3% 0;}
.ny_ser>div{margin: 1.5% auto; zoom: 1;}
.ny_ser>div:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.nyser_no1{width: 70%;margin: 0 auto;}
.nyser_no1 ul{width: 50%;float: left;}
.nyser_no1 ul h2{font-size: 25px;padding: 3% 0;border-bottom: 2px solid #ccc;}
.nyser_no1 ul li{margin-top: 1em;letter-spacing: 3px; line-height: 30px;text-indent: 2em;}
.nyser_no1 img{width:90%;padding: 1%;background: url(../img/back.png);}
.nyser_no2{border-top: 1px solid #ccc;}
.nyser_no2 h3{line-height: 40px;font-size: 20px;font-weight: 700;text-align: center;margin: 1.5% 0;color: #005BAC;}

/*产品展示（产品内容三维TOF测试）*/
/*第一个版本*/
/*.nypro_no1{padding: 2% 2%;width: 40%;float: left;margin: 0% 3%;}
.nypro_no1 div{width: 99%;align-items: center;justify-content: center;}
.nypro_no1 img{width: 98%;background: url(../img/back.png);padding: 1%;background-size: 100% 100%;}
.nypro_no1 h2{font-size: 25px;padding: 3% 0;border-bottom: 2px solid #ccc;}
.nypro_no1 ul{width: 30%; float: left;padding: 2% 2%;text-align: center;margin: 3% 2%;border-right: 1px dashed #005BAC;}
.nypro_no1 ul ol{height: 2em;font-weight: 700;}
.nypro_no1 ul li{line-height: 35px;}*/

.nypro_div{padding: 2% 2%;width: 96%;float: left;}
.nypro_div .nypro_img{margin-bottom: 3%;zoom: 1;}
.nypro_div .nypro_img:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.nypro_div .nypro_img img{width: 31.3%;align-items: center;justify-content: center;float: left;margin: 1%;}
.nypro_div .nypro_img  p{
	float: left;
}
.nypro_div .nypro_img img{box-shadow: 1px 1px 5px 2px #eee;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.nypro_div .nypro_img img:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5;}
.nypro_xq h1{font-size: 30px;padding: 1% 0;margin-bottom: 1em; border-bottom: 1px solid #ccc;font-weight: 700;text-align: center;}
.nypro_xq .proimg{padding: 10px 0;}
.nypro_xq>li{text-align: center;line-height: 30px;}
.nypro_xq>ol{width: 30%;float: left;}
.nypro_xq>ul{width: 65%;float: right;}
.nypro_xq>ol video{margin: 0 auto;float: left;width: 100%;}

/*职业发展（招聘信息）*/
.join2{ width:100%; margin:30px auto; max-width:1200px;}
.join2 th{ width:100%; height:56px; background:#008cd6; color:#FFFFFF; font-size:18px; white-space: pre;  padding: 0 19px; width:25%;}
.join2 td{ text-align:center; font-size:14px; color:#333333; height:0px; border-bottom:#e5e5e5 solid 1px; line-height:54px;}
.join2Box{ text-align:left; display:none; flex-wrap:wrap;}
.join2 tr.on .join2Box{ display:flex;}
.join2Box .join2Xun{ flex:45%; padding:20px;}
.join2XunBottom{ width:100%; text-align:center;}
.join2XunBottom div{ display:inline-block; width:140px; height:40px; margin:35px auto; cursor:pointer; text-align:center; line-height:40px; color:#fff; background:#008cd6;}
.join2XunTitle{ font-size:18px; color:#333333; line-height:80px;}
.join2XunSmall{ font-size:14px; color:#666666; line-height:2em;}
.joinOpen{ cursor:pointer;}
.joinClose{ cursor:pointer; display:none;}
.join2 tr.on .joinOpen{ display:none;}
.join2 tr.on .joinClose{ display: inline-block;}


/*职业发展（福利）*/
.ny_fl ul{width: 43%;box-shadow: 1px 1px 8px 5px #eee;  float: left; margin: 1.5% 1%;padding: 3% 2%;border: 1px solid #ccc;}
.ny_fl ul ol{padding: 0.5%; float: left; width: 6%;text-align: center; font-size: 25px;color: #0C4DA2; border-radius: 30%; border: 2px solid #0C4DA2;}
.ny_fl ul h4{padding-left: 0.3em;float: left; font-size: 22px;line-height: 45px; color: #444;}
.ny_fl ul p{color: #777; clear: both; line-height: 25px;height: 5em;overflow: hidden;overflow : hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
/*职业发展（企业文化）*/
.ny_wh{padding: 2em 0;}
.ny_wh div{width: 29%;margin: 0 1%; float: left;text-align: center;padding: 5% 1%; border: 1px solid #ccc;box-shadow: 1px 1px 8px 1px #ccc; }
.ny_wh div ul{padding-bottom: 1%;}
.ny_wh div ol{font-size: 22px;color: #444;padding-top: 1em;}
.ny_wh div li{padding: 1em; color: #777;}

/*联系我们（在线咨询）*/
.ny_zx h3{color: #0C4DA2;font-size: 18px;margin: 1% 0;font-weight: 700;}
.ny_zx h3 span{color: red;}
.ny_zx ul{width: 96%;float: left;padding: 1% 2%;border-top: 1px solid #ccc;}
.ny_zx ul>*{float: left;}
.ny_zx ul ol{width: 9%;text-align: left;line-height: 40px;border-right: 1px dashed #ccc;margin-right: 1em;}
.ny_zx ul ol b{color: red;padding-right: 0.5em;}
.ny_zx ul li{width: 70%;float: left;}
.ny_zx ul li input{width: 80%;height: 2.4em;padding: 0 1%;    border: 1px solid #ccc; font-family: "微软雅黑";}
.ny_zx ul input.tel{width:60%;margin: 0 1%;}
.ny_zx ul input.name{width: 10em;}
.ny_zx ul input.email{width: 40%;margin: 0 1%;}
.ny_zx ul textarea{width: 100%;height: 20em;}
/*.ny_zx ul label{width: 20%;float: left;}*/
.ny_zx ul .lab input{width: 5%;margin: 0 0.5%;}
.ny_zx .sub{width: 10%;padding: 0.8% 0;margin: 20px 0;float: right; background: #585858;color: #fff;border: 0px;font-family: "微软雅黑";}
/*联系我们（联系方式）*/
.nycon_lianxi{width: 45%;float: left;margin: 20px 0;}
.nycon_lianxi ul{width: 100%;height: 4em;}
.nycon_lianxi ol{width: 5%;float: left;margin-right: 2%;}
.nycon_lianxi li{width: 93%; float: left;line-height: 2em;}
.nycon_map{width: 55%; float: left;margin: 20px 0;}

/*行业招聘手机版本样式*/
.condiv_table:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.condiv_table{display: none;margin:4% 0;zoom:1;}
.condiv_table ul{width: 98%;margin: 0 auto;}
.condiv_table ul li{width: 20%;float: left; text-align: center;}
.condiv_table ul ol{width: 73%;float: right;padding-left: 1em;}
.condiv_table ul>*{line-height: 40px;border: 1px solid #2C2C2C;}
/*///////手机导航条//////*/
.nav2{display: none;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:relative;z-index:10;width:100%;}
.sp_logo{padding:2px 10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:absolute;z-index:1000;background:#eee;width:100%;/*height:calc(100% - 104px);*/font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:34px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


/*手机端底部*/
.AP_foot {position:fixed;bottom:0;width:100%;box-sizing:border-box;background:repeating-linear-gradient(#222222,#222222);opacity:0.9; z-index:99;display:none;}
.AP_foot:after {content:"";display:block;visibility:hidden;clear:both;}
.AP_foot a {width:25%;text-align:center;margin-bottom: 13px; box-sizing:border-box;float:left;color:#fff;font-size:1.1em;padding:5px 0;}
.tel:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left top;background-size:20px auto;}
.signup:before {content:"" ;display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -20px;background-size:20px auto;} 
.ask:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -40px;background-size:20px auto;}
.query:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -80px;background-size:20px auto;}

.AP_foot,.yc,.sj_lc,.nyco_copu{display: none;}
@media screen and ( max-width:1028px){
	.width{width: 98%;margin: 30px 1%;}
	#header{width: 100%;}
	.head .mainmenu{margin-left: -150px;}
	.head .topmenu{right: 5px;}
	.ny_about ul.nyab_img li img{position: relative;right: 30px;}
	.bigbox>.imgbox{width: 31%;}
	.ato-list{width: 70%;}
	.ny_fl ul ol{padding: 1% 1.5%;}
	.bigbox>.imgbox{width: 30%;}
	.ny_part ul ol,.ny_part ul li{width: 98%;margin: 10px auto;}
	/*.main_business .conwrap>div{width: 21%;}*/
	
}

@media screen and ( max-width:770px){
	#header{display: none;}
	.nav2{display: block;}
	.AP_foot,.yc{display: block;}
	#footer{display: none;}
	.main_slg{padding: 3% 0 45px;background-size: 100% 100%;}
	.main_business .conwrap>div{height: 350px;}
	.main_area2 .product_lists .product_wrap>ul > li > ul > li{width: 24.5%;}
	.main_area4 .cc_wrap>div{width: 32.5%;}
	.ato-title h2{font-size: 20px;}
	.ato-list ul li h3{height: 2.5em;}
	.ato-content{padding-top: 0;}
	.ato-list ul{height: 340px;}
}

@media screen and ( max-width:480px){
	body{overflow-x: hidden;}
	.width{padding: 0;}
	.sj_lc,.sj_lc>div{display: block;margin: 15px 0;}
	.month-detail-box{padding-top: 10px;}
	.timer-year span{font-size: 20px;}
	.body-box{display: none;}
	/*导航*/
	.pagelocation{zoom: 1;}
	.pagelocation > ul{width: 100%;}
	.pagelocation:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
	.pagelocation > ul > li:nth-child(1){width: 100%;border-bottom: 1px dashed #ccc;}
	.pagelocation > ul > li:nth-child(2), .pagelocation > ul > li:nth-child(3){width: 49.5%;}
	.pagelocation > ul > li>a{padding: 0 10px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
	.ny_tit p span{padding: 0;}
	.pagelocation > ul > li>a{font-size: 14px;}
	/**/
	.main_business .conwrap>div+div{margin-left: 0;}
	.main_business .conwrap>div{width: 50%;}
	.main_business{padding-bottom: 0;padding: 10px 0;}
	.main_area2 .product_lists .product_wrap>ul > li > ul > li{width: 48%;margin: 1%;}
	.main_area3 .linkbox .sbj{font-size: 20px;}
	.main_area3 .linkbox,.main_area3{height: auto;}
	.main_area3{padding: 20px 0 0;}
	.main_title_btm,.main_slg .main_slg_txt_wrap p{font-size: 14px;}
	.main_area4 .cc_wrap>div{width: 99%;margin-bottom: 1%;}
	.main_area4{padding: 10% 0 0%;}
	.main_slg .main_slg_txt_wrap h3{font-size: 20px;}
	.main_slg{padding: 3% 0 20px;}
	.main_area3 .linkbox{padding: 40px 0;}
	.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{background-size: 100% 100%; width: 15px;height: 30px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
	.swiper-pagination-bullet{width: 5px;height: 5px;}
	.ny_about ul{width: 94%;}
	.ny_about ul.nyab_img,.nycon_lianxi,.nycon_map{width: 100%;}
	.bigbox{width: 95%;}
	.bigbox>.imgbox{width: 44%;}
	.ny_tit h3{font-size: 20px;}
	.ny_part ul{width: 97%;}
	.ny_part ul ol, .ny_part ul li{width: 100%;}
	.ny_part ul ol>img{width: 50%;margin: 0 25%;}
	.nyjs_ft{width: 98%;}
	.nyjs_ft ul ol,.ny_fl ul h4{font-size: 20px;}
	.nyjs_ft div{width: 20%;}
	.nyjs_ft ul li{line-height: 24px;border-bottom: 1px dashed #ccc;padding-bottom: 20px ;}
	.nyser_no1 ul,.nypro_xq>ol,.nypro_xq>ul{width: 100%;margin-bottom: 2em;}
	.nyser_no1{width: 90%;}
	.nypro_div .nypro_img div{width: 48%;}
	.join2 th{font-size: 14px;}
	.join2 td.joinTitle{line-height: 30px;}
	.ny_fl ul{width: 94%;}
	.ny_fl ul ol{padding: 1% 2%;width: 7%;font-size: 22px;}
	.ny_fl ul p{height: auto;-webkit-line-clamp: 20;}
	.ny_wh div{width: 96%;}
	.ny_zx ul label{width: 25%;}
	.ny_zx ul li,.ny_zx ul ol{width: 100%;border-right: 0;}
	.join2XunTitle{line-height: 30px;}
	.ny_zx ul input.tel{width: 27%;}
	.ny_zx h3{font-size: 14px;}
	.nypro_xq h1{font-size: 20px;margin-bottom: 0;}
	.nyab_not ul{margin: 3% 0;}
	.ny_zx .sub{ width: 15%; padding: 2% 0;}
	/*知识版权*/
	.ny_zs{display: none;}
	.nyco_copu{display: block;}
	.ato-list>h2{font-size: 20px;text-align: center;margin-top: 5%;}
	.ato-list>p{text-align: center;}
	.ato-list ul li{width: 46%;float: left;margin: 0 2%;margin-top: 30px;left: 0;}
	.ato-list{width: 99%;margin: 0 auto;padding-bottom: 20px;}
	.ato-list ul{width: 99%;margin: 0 auto;height: auto;margin-top: -30px;}
	.ato-list ul li h3{font-size: 14px;}
	.ny_part ul li span{ font-size: 22px; font-weight: 700;}
}


@media screen and ( max-width:376px){
	.bigbox>.imgbox{width: 47%;margin: 1%;}
	.join2 th{padding: 0 13px;}
	.ny_tit p span{font-size: 13px;}
	.align{display: block;}
	.main_area3 .linkbox a{width: 48%;}
}

@media screen and ( max-width:321px){
	
	.nypro_div .nypro_img div{width: 98%;}
	.join2 th{padding: 0 9px;}
	.main_business .conwrap>div{height: 290px;}
	.main_business .conwrap>div .ondiv .sbj{font-size: 22px;}
}





.nyjs_ft:nth-child(even){

 border-left: 1px solid #eee;	
}







