/*******************************************************
 					通用样式
 *******************************************************/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'microsoft yahei', arial, "宋体" !important;
}

body {
    background: #F5F5F5;
}

li {
    list-style: none;
}

::-moz-selection {
    background: #ff844d;
    color: #fff;
}

::selection {
    background: #ff844d;
    color: #fff;
}


/*清除浮动*/

.clear-float {
    clear: both;
}

p.nav {
    color: #999
}

p.nav a {
    color: #333;
    text-decoration: none;
    padding: 0 5px;
}

p.nav a:hover {
    color: #ff4e00;
    text-decoration: none;
    padding: 0 5px;
}

.nav-tab a {
    color: #333;
    text-decoration: none;
}

.nav-tab span.active a {
    color: #FE6D3F
}

.nav ul li {
    height: 50px;
    border-bottom: 3px solid transparent;
}

.prj2-box a,
.prj-box a {
    color: #333!important
}

.prj-box ol p {
    text-indent: 10px;
    padding-top: 10px;
    color: #000;
}

.prj2-box a:hover,
.prj-box a:hover {
    color: #FE6D3F!important;
}

.newsList .tittle a {
    color: #000;
    text-decoration: none;
}

.newsList .tittle a:hover {
    color: #ff4e00;
}


/*******************************************************
 					主页头部
 *******************************************************/

.index-top {
    width: 100%;
    height: 500px;
    background: url(../img/index_top.png);
    background-size: 100% 100%;
    position: relative;
}

.index-top-mask,
.index-top-content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.index-top-mask {
    background: rgba(0, 0, 0, .5);
}

.index-top-header {
    height: 100px;
    min-width: 1400px;
    /* background: rgba(255, 255, 255, .9); */
}

.index-top-header .logo {
    float: left;
    width: 389px;
    height: 100%;
    background: url(../img/index_logo.png) no-repeat center right;
    margin-left: 20px;
}

.index-top-header .right {
    float: right;
    min-width: 800px;
    margin-right: 20px;
}

.index-top-header .right-Email {
    text-align: right;
    font-size: 12px;
    color: #888;
    line-height: 50px;
    margin-right: 40px;
}

.index-top-header .right-Email em {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 20px;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.index-top-header .right-Email em.contact {
    background-image: url(../img/contactUs.png) !important;
    background-size: 19px 19px;
    background-position: 0 0;
}

.index-top-header .right-Email em.qicon {
    background-image: url(../img/index_right_03.png) !important;
}

.index-top-header .right-Email em.email {
    background-image: url(../img/index_right_05.png) !important;
}

.index-top-header .right-Email em.jhunischeduler {
    background-image: url(../img/unischeduler_header.png) !important;
}

.index-top-header .nav ul {
    float: right;
}

.index-top-header .nav li {
    float: left;
    padding: 5px 10px;
    font-size: 14px;
    margin-right: 40px;
    border-radius: 3px;
}

.nav ul li {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.nav ul li.actives,
.nav ul li.active {
    color: #FF4E00;
    background-color: transparent !important;
    border-bottom: 3px solid #FF4E00;
}

.yun-sevice,
.get-chanpin {
    border: 1px solid #FE6D3F;
    color: #FE6D3F;
    float: right;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 3px;
}

.yun-sevice a,
.get-chanpin a {
    color: #FE6D3F;
    text-decoration: none;
}

.yun-sevice {
    margin-right: 10px;
}

.yun-sevice em,
.get-chanpin em {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-position: center;
    vertical-align: middle;
}

.yun-sevice em {
    background-image: url(../img/index_right_10.png);
}

.get-chanpin em {
    background-image: url(../img/index_right_13.png);
}

.index-top-content .img-font {
    color: #fff;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 80px;
    font-size: 20px;
}

.index-top-content .img-font p:nth-child(2) {
    font-size: 50px;
    margin: 20px 0;
}

.index-top-content .img-font p:nth-child(3) {
    width: 100px;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid #fff;
    margin: 50px auto;
    border-radius: 3px;
}

.overlay {
    background-color: rgba(0, 0, 0, .5);
    left: 0;
    min-height: 650px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

.bannertxtwrap {
    width: 100%;
    min-height: 650px;
    position: relative;
}

.bannertxt {
    overflow: hidden;
    padding: 35px 0;
    position: absolute;
    top: 56%;
    transform: translateY(-50%);
    width: 600px;
    z-index: 10;
    left: 150px;
    line-height: 30px;
    color: #fff;
    margin-top: 15px;
}

.bannertxt h1 {
    font-size: 35px;
    font-weight: normal;
}

.bannertxt a {
    display: block;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;
    transition: 0.2s all;
    text-align: center;
    width: 155px;
    height: 43px;
    line-height: 40px;
    margin-top: 20px;
}

.bannertxt a:hover {
    font-size: 16px;
    width: 155px;
    height: 43px;
    line-height: 40px;
    display: block;
    border: 1px solid #fff;
    background-color: #fff;
    text-decoration: none;
    color: #ff4e00;
    transition: 0.2s all;
    margin-top: 20px;
}

.feature {
    margin: 0 auto;
    width: 1300px;
    height: 135px;
    background: url(../img/featurebg.png) no-repeat left;
}

.feature ul {
    margin: 0 auto;
    width: 1300px;
    height: 135px;
}

.feature ul li {
    width: 185px;
    height: 135px;
    line-height: 24px;
    padding-top: 40px;
    float: left;
    font-size: 14px;
    color: #666;
    padding-left: 73px;
}

.feature ul li span {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

.index-top-7block {
    position: absolute;
    z-index: 2;
    height: 100px;
    min-width: 1315px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.header-a {
    display: block;
    color: #fff;
    text-decoration: none;
}

a.header-a:hover {
    background-color: #fff;
    color: #0090FF;
}

.index-top-7block li {
    width: 175px;
    height: 100px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    background: #fff;
    font-size: 14px;
    border-radius: 3px;
    color: #0090FF;
    text-align: center;
    padding-top: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s;
    transition: all .2s;
}

.index-top-7block li:last-child {
    margin-right: 0;
}

.index-top-7block li em {
    display: block;
    width: 70px;
    height: 40px;
    margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.index-top-7block li:nth-child(1) em {
    background-image: url(../img/index_06.png);
}

.index-top-7block li:nth-child(2) em {
    background-image: url(../img/index_03_1.png);
}

.index-top-7block li:nth-child(3) em {
    background-image: url(../img/index_09.png);
}

.index-top-7block li:nth-child(4) em {
    background-image: url(../img/index_11.png);
}

.index-top-7block li:nth-child(5) em {
    background-image: url(../img/index_13.png);
}

.index-top-7block li:nth-child(6) em {
    background-image: url(../img/index_17.png);
}

.index-top-7block li:nth-child(7) em {
    background-image: url(../img/index_15.png);
}


/*hover*/

.index-top-7block li:nth-child(1).active em {
    background-image: url(../img/index_06_2.png);
}

.index-top-7block li:nth-child(2).active em {
    background-image: url(../img/index_03.png);
}

.index-top-7block li:nth-child(3).active em {
    background-image: url(../img/index_09-2.png);
}

.index-top-7block li:nth-child(4).active em {
    background-image: url(../img/index_11_2.png);
}

.index-top-7block li:nth-child(5).active em {
    background-image: url(../img/index_13_2.png);
}

.index-top-7block li:nth-child(6).active em {
    background-image: url(../img/index_17_2.png);
}

.index-top-7block li:nth-child(7).active em {
    background-image: url(../img/index_15_2.png);
}

.index-top-7block li.active {
    margin-top: 0px;
    background: #0090FF;
    color: #fff;
}


/*******************************************************
 					主页应用领域
 *******************************************************/

.yingyong {
    background: #fff;
}

.yingyong .tittle {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

.yingyong .tittle p:nth-child(1) {
    font-size: 30px;
    font-weight: bold;
}

.yingyong .tittle p:nth-child(2) {
    margin-top: 20px;
    font-size: 14px;
}

.yingyong .imgDiv {
    width: 1300px;
    margin: 40px auto;
    padding-bottom: 40px;
    overflow: hidden;
}

.yingyong .imgDiv>div {
    position: relative;
    float: left;
    margin-right: 15px;
    cursor: pointer;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
}

.yingyong .imgDiv>div img {
    width: 100%;
    height: 100%;
    transition: all 0.4s;
}

.yingyong .imgDiv>div img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.yingyong .imgDiv>div p {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    padding: 18px 0px 18px 18px;
    background: rgba(0, 0, 0, .5);
    transition: all 0.2s;
}

.yingyong .imgDiv>div:hover p {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    padding: 18px 0px 20px 18px;
    background: rgba(255, 78, 0, .7);
    transition: all 0.2s;
}

.yingyong .imgDiv>div:hover img {
    background: rgba(255, 78, 0, .2);
    transition: all 0.4s;
}

.yingyong .imgDiv>div p span {
    font-size: 26px;
    font-weight: bold;
}

.yingyong .jghy {
    width: 540px;
    height: 375px;
}

.yingyong .nyhy {
    width: 320px;
    height: 375px;
}

.yingyong .imgDiv .zzy {
    width: 410px;
    height: 235px;
    margin-right: 0;
}

/* .yingyong .imgDiv .zzy p {
    padding-top: 40px;
	line-height: 23px;
}

.yingyong .imgDiv .zzy p span {
    display: block;
	margin-bottom: 10px;
} */

.yingyong .imgDiv .zf {
    width: 410px;
    height: 232px;
    margin-right: 0;
}

.yingyong .jyky {
    width: 282px;
    height: 305px;
    margin-top: -107px;
}

.yingyong .qx {
    width: 281px;
    height: 305px;
    margin-top: -107px;
}

.yingyong .dsj {
    width: 281px;
    height: 305px;
    margin-top: -107px;
}

.yingyong .imgDiv .rgzn {
    width: 410px;
    height: 198px;
    margin-right: 0;
}

.rgzn,
.kxyj,
.zzy,
.hkht,
.dsj,
.nyzt,
.qx {
    cursor: pointer;
}


/*******************************************************
 * 				nav
 * *****************************************************/

.nav ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.nav ul li.actives a,
.nav ul li.active a {
    color: #FF4E00
}


/*******************************************************
 					主页 我的客户
 *******************************************************/

.my-kehu .tittle {
    text-align: center;
    padding-top: 5px;
}

.my-kehu .tittle p:nth-child(1) {
    font-size: 30px;
    font-weight: bold;
}

.my-kehu .tittle p:nth-child(2) {
    margin-top: 20px;
    font-size: 14px;
}

.kehu-list {
    width: 1300px;
    margin: 50px auto 90px;
    overflow: hidden;
}

.kehu-list li {
    width: calc(100% / 6);
    height: 50px;
    margin-bottom: 35px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.kehu-list li:nth-child(1) {
    background-image: url(../img/index_51.png);
}

.kehu-list li:nth-child(2) {
    background-image: url(../img/index_53.png);
}

.kehu-list li:nth-child(3) {
    background-image: url(../img/index_55.png);
}

.kehu-list li:nth-child(4) {
    background-image: url(../img/index_57.png);
}

.kehu-list li:nth-child(5) {
    background-image: url(../img/index_60.png);
}

.kehu-list li:nth-child(6) {
    background-image: url(../img/index_62.png);
}

.kehu-list li:nth-child(7) {
    background-image: url(../img/index_71.png);
}

.kehu-list li:nth-child(8) {
    background-image: url(../img/index_73.png);
}

.kehu-list li:nth-child(9) {
    background-image: url(../img/index_75.png);
}

.kehu-list li:nth-child(10) {
    background-image: url(../img/index_76.png);
}

.kehu-list li:nth-child(11) {
    background-image: url(../img/index_77.png);
}

.kehu-list li:nth-child(12) {
    background-image: url(../img/index_79.png);
}

.kehu-list li:nth-child(13) {
    background-image: url(../img/index_88.png);
}

.kehu-list li:nth-child(14) {
    background-image: url(../img/index_90.png);
}

.kehu-list li:nth-child(15) {
    background-image: url(../img/index_92.png);
}

.kehu-list li:nth-child(16) {
    background-image: url(../img/index_98.png);
}

.kehu-list li:nth-child(17) {
    background-image: url(../img/index_94.png);
}

.kehu-list li:nth-child(18) {
    background-image: url(../img/index_96.png);
}

.zhuanjia {
    width: 100%;
    height: 250px;
    position: relative;
    background: url(../img/index_02.jpg);
    background-size: 100% 100%;
}

.zhuanjia-mask {
    width: 100%;
    height: 100%;
    background: url(../img/index_102_02.png);
    background-size: 100%;
    opacity: 0.8;
    position: absolute;
}

.zhuanjia-zixun {
    text-align: center;
    color: #fff;
    padding-top: 68px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.zhuanjia-zixun p:nth-child(1) {
    font-size: 30px;
    font-weight: bold;
}

.zhuanjia-zixun p:nth-child(2) {
    display: block;
    margin: 30px auto;
    width: 310px;
    line-height: 45px;
    text-align: center;
}

.zhuanjia-zixun p a {
    display: block;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    transition: 0.2s all;
}

.zhuanjia-zixun p a:hover {
    background: #fff;
    color: #FE6D3F;
    transition: 0.2s all;
}


/*******************************************************
 					主页 金沙js6038
 *******************************************************/

.news-dongtai {
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 100px;
}

.news-dongtai .tittle {
    text-align: center;
    padding: 40px;
}

.news-dongtai .tittle p:nth-child(1) {
    font-size: 30px;
    font-weight: bold;
}

.news-dongtai .tittle p:nth-child(2) {
    margin-top: 20px;
    font-size: 14px;
}

.news-dongtai>ul {
    width: 100%;
}

.news-dongtai>ul li {
    line-height: 36px;
    font-size: 14px;
    width: 48%;
    height: 36px;
    float: left;
    text-indent: 25px;
}

.news-dongtai>ul li a {
    color: #333;
    text-decoration: none;
}

.news-dongtai>ul li a:hover {
    color: #ff4e00;
}

.news-dongtai>ul em {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #C2C2C2;
    border-radius: 50%;
    margin-right: 10px;
}

.news-dongtai .left {
    float: left;
}

.news-dongtai .right {
    float: right;
}

.news-dongtai .news-info {
    float: left;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news-dongtai .news-time {
    float: right;
    color: #999;
}


/*******************************************************
 					主页 底部
 *******************************************************/

.index-footer {
    background: #303030;
    margin-top: 0
}

.index-footer-content {
    width: 1300px;
    margin: 0 auto;
    font-size: 14px;
    color: #aaaaaa;
    overflow: hidden;
    padding: 50px 0 40px;
}

.index-footer-content .left {
    float: left;
}

.index-footer-content ul {
    float: left;
}

.index-footer-content ul:nth-child(2) {
    margin-left: 100px;
    margin-right: 70px;
}

.index-footer-content ul:nth-child(3) {
    margin-right: 50px;
}

.index-footer-content div:not(.bottom) ul li:nth-child(1) {
    color: #fff;
    margin-bottom: 35px;
    font-weight: bold;
}

.index-footer-content div:not(.bottom) ul li {
    line-height: 26px;
}

.index-footer-content .right {
    float: right;
}

.index-footer-content ul li a {
    color: #999;
    text-decoration: none;
}

.index-footer-content ul li a:hover {
    color: #fff;
}

.index-QRCode,
.Qrcode {
    width: 142px;
    height: 142px;
    background: url(../img/news_detail_25.png);
    background-size: 100% 100%;
}

.Qrcode {
    position: absolute;
    top: 45px;
    right: 344px;
    z-index: 20;
    display: none;
}

.index-footer-content .bottom {
    width: 815px;
    margin: 70px auto 0;
    color: #666;
    font-size: 12px;
}

.index-footer-content .bottom li {
    float: left;
    padding: 0 10px;
    border-right: 2px solid #666;
}

.index-footer-content .bottom>span {
    margin-left: 30px;
    margin-right: 40px;
}


/**  add from xlchao drp:nav hide layer  **/

.nav ul {
    position: relative;
}

.prj2-box,
.prj-box {
    position: absolute;
    width: 401px;
    height: auto;
    background-color: #eee;
    top: 50px;
    left: 90px;
    display: none;
}

.prj2-box {
    width: 201px;
    left: 210px
}

.prj2-box ol,
.prj-box ol {
    width: 200px;
    float: left;
    overflow: hidden;
    padding-bottom: 10px;
}

.prj-box ol.left-b {
    border-left: 1px solid #ddd;
}

.prj2-box ol a,
.prj-box ol a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    border-bottom: 0px dashed #ddd;
    text-decoration: none;
    color: #333;
    font-size: 12px;
    text-indent: 10px;
    font-weight: normal !important;
}

.prj-box ol a:hover {
    color: #0090FF
}

.prj-box ol p a {
    font-weight: bold;
    font-size: 16px!important;
}

.imgDiv p.hide {
    display: none;
}

.imgDiv p.hide span {
    display: block;
}

.list_link {
    font-size: 13px;
    color: #ff4e00;
    text-decoration: none;
}

.list_link:hover {
    font-size: 13px;
    color: #ff4e00;
    text-decoration: underline;
}


/*******************************************************
 					响应式控制代码
 *******************************************************/

@media only screen and (max-width: 720px) {
    .right-Email,
    .nav {
        display: none;
    }
}

.index-top {
    width: 100%;
    height: 650px;
    background: transparent;
    background-size: 100% 100%;
    position: relative;
}

a {
    color: #666;
    text-decoration: none;
}

.index-top-mask,
.index-top-content {
    position: absolute;
    width: 100%;
    height: 100%;
}


/*focus*/

#focus {
    height: 500px;
    position: relative;
    z-index: 0;
}

#focus .bd {
    height: 650px
}

#focus .bd ul li {
    height: 650px;
    background-size: cover;
}

.index-top-content .img-font {
    color: #fff;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 80px;
    height: 650px;
    font-size: 20px;
}

.drp-top {
    margin-top: 100px;
}

.index-top-content .img-font p {
    text-align: center;
    width: 100%
}

.index-top-content .img-font p.title {
    font-size: 50px;
    margin: 20px 0;
}

.index-top-content .img-font a {
    width: 100px;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid #fff;
    margin: 50px auto;
    border-radius: 3px;
    transition: 0.2s all;
}

.index-top-content .img-font a:hover {
    transition: 0.2s all;
}

#focus .hd {
    position: absolute;
    bottom: 50px;
    width: 100%;
    height: 15px;
}

#focus .hd ul li {
    width: 15px;
    height: 15px;
    background-color: #fff;
    float: left;
    border-radius: 15px;
    margin-left: 15px;
}

#focus .hd ul {
    width: 180px;
    margin: auto;
    display: block;
    height: 15px;
}

#focus .hd ul li.on {
    background-color: #ff4e00;
}


/*****/

.index-top-header {
    height: 100px;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    z-index: 1;
    width: 100%;
}

.banner_video video {
    position: absolute;
    top: 0;
    min-width: 100%;
    width: 100% !important;
    height: 650px !important;
    object-fit: fill;
    object-position: center;
}

#slogan {
    text-align: left;
    color: #fff;
}

#slogan span {
    color: #fff;
    font-size: 45px;
}

#slogan span.selected {
    color: #fff;
}

/* online service */
#onlineservice {
    position: relative;
}
#onlineservice > img {
    border-radius: 8px;
    transition: 0.5s all;
}

#onlineservice > img:hover {
    transform: translateY(-4px);
}
/* online service */

/* 命令行介绍页面的css */
.newsDetai-header .right .right-Email a:hover {
	color: #FE6D3F;
}
.newsDetai-header .right-Email em.jhunischeduler {
    background-image: url(../img/unischeduler_header.png) !important;
}
.jh_wrap {
	width: 100%;
	display: flex;
	height: 100%;
	margin: 0 auto;
	border-top: 2px solid #e5e5e5;
}

.jh_wrap .jh_left {
	display: inline-block;
	width: 430px;
	background-color: #f5f5f5;
	border-right: 2px solid #e5e5e5;
	padding: 20px 20px 20px 56px;
	text-align: left;
}

.jh_wrap .jh_right {
	display: inline-block;
	width: calc(100% - 430px);
	padding: 20px 80px 20px 40px;
}
.jh_left_title.jh_left_title_big {
	font-size: 22px;
	padding-bottom: 25px;
}
.jh_left_title {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0 10px 0;
}
.jh_left_title:hover {
	cursor: default;
}
.jh_left_title a {
	color: #333;
}
.jh_left_title .jh_left_title_small {
    padding-top: 10px;
    font-size: 18px;
}
.jh_left ul>li {
	padding-left: 30px;
}
.jh_left ul>li a {
	color: #555;
	font-size: 16px;
	line-height: 34px;
}
.jh_left ul>li a:hover {
	color: #FE6D3F;
}
.jh_right .jh_right_title_h1 {
	padding: 30px 0 10px 0;
	color: #333;
}
.jh_right .jh_right_part {
	margin: 20px 0;
}
.jh_right .jh_right_part ul {
	padding: 0 20px;
}
.jh_right .jh_right_part ul li {
	list-style-type: disc; 
	list-style-position: inside;
	line-height: 24px;
	color: #333;
}
.jh_right .has-line-data {
	line-height: 24px;
	padding-bottom: 10px;
	color: #333;
}
.jh_right_part2 {
	margin-top: 100px;
}
.jh_right_part .padding_left40 {
	padding-left: 20px;
	line-height: 24px;
}
.jh_right pre {
	background: #f5f5f5;
	padding: 10px;
	margin-bottom: 20px;
}
.jh_right_part_img {
	text-align: center;
}
.jh_right_part_img img{
	width: 600px;
}
/* 命令行介绍页面的css */