body{font-family:"Microsoft Yahei";font-size:14px;color:#555;}

 a{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;-ms-user-select: none;}

/*头部菜单*/
.head{width:auto; height:45px; position:relative;}
.head .nav{ width:auto; height:45px; text-align:center;vertical-align:middle;list-style: none;display: flex; justify-content: center; /* 水平居中 */ flex-wrap: wrap; /* 允许换行 */}
.head .nav li{ height:45px; line-height:45px; margin-left:10px; position:relative; display:inline-block; zoom:1;max-width: 100%;/* 用于确保图片不会超出其容器宽度 */flex: 1; /* 平分空间 */}
.head .nav li a{ width:300px; height:30px; line-height:30px; font-size:16px; color:#111111; text-align:center; vertical-align:middle; display:inline-block;zoom:1;}
/*切换菜单--改变菜单背景颜色和文字颜色*/
.head .nav .now a{ color:#FFF; background:#1296db; border-radius:5px;}


/*首页--自动切换banner*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-item{float: left;}
.owl-carousel .owl-wrapper-outer .autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;height: auto;}

.owl-pagination { position: absolute; left: 0; bottom: 5px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width:10px; height: 10px; margin: 0 5px; background:#FFF; border-radius:10px; }
.owl-pagination .active { background:#FFC000;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px;}
@media screen and (max-width: 579px) {.owl-pagination{height:15px;}}

/*首页--公司简介*/
.company{ width:auto; padding-left:15px; padding-right:15px;}
/*首页--子模块标题*/
.title{ width:150px; height:50px; line-height:50px; position:relative; text-align:left;}
.title img{ position:relative; z-index:9; vertical-align:middle;}
.title a{ font-size:16px; font-weight:bold; color:#1296db; text-align:center; vertical-align:middle; }
.title .line{ width:auto;height:1px; background:#1296db;}

.c_about{ width:auto; font-size:14px; line-height:32px;}
.c_about p a{float:right;color:#1296db;text-align:right; font-weight:bold;vertical-align: middle;}

/*首页--相关产品*/
.product{ width:auto; background:#EFEFF4;padding-left:15px; padding-right:15px;}

.p_app{ width:auto;margin-top:10px;}
.p_app .p_item{ width:auto; border-bottom:1px dashed #bbb; margin-top:10px;text-decoration: none; color: black;text-align:left; vertical-align:middle;}
.p_app .p_item img{width:100px; height:100px; float:left; margin-right:15px;}
.p_app .p_item a{font-size:14px; font-weight:bold; text-decoration: none; color: black;color:#1296db; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.p_app .p_item b{font-size:14px; font-weight:bold; color:#1296db; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.p_app .p_item p{overflow:hidden; display:-webkit-box; display: -moz-box; -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical; -webkit-line-clamp:4;}

/*首页--相关二维码信息*/
.QR_code{ width:auto; background:url(../images/bx_code_bg.jpg) repeat;padding-left:15px; padding-right:15px;color:#FFF;}
.QR_code ul{ list-style: none;padding: 0;margin: 0;display: flex; justify-content: center; /* 水平居中 */ flex-wrap: wrap; /* 允许换行 */} 
.QR_code ul li{max-width: 100%;/* 用于确保图片不会超出其容器宽度 */flex: 1; /* 平分空间 */ margin: 5px; /* 间隔 */}
.QR_code ul li b{ text-align:center;display:block; width:auto;font-size:14px; font-weight:normal;}
.QR_code ul li img{ display: block; /* 图片宽度将会占满整个li */max-width: 100%; /* 图片不会超出容器宽度 */height: auto; /* 保持图片比例 */margin-top:10px;margin-bottom:10px;}

/*首页--相关地址信息*/
.company_address { display: flex; justify-content: space-between; /* 横向排列 */  flex-wrap: wrap; /* 如果空间不够，换行显示 */margin-top:10px;margin-bottom:10px;}
.company_address_item { max-width: 100%; margin: 5px; /* 间隔 */}
.company_address_item a { font-size:14px;}
  
  /* 首页--相关地址信息--在手机端的媒体查询 */
  @media (max-width: 600px) {
    .company_address { text-align:left;flex-direction: column; /* 纵向排列 */}
    .company_address_item { text-align:left;margin-bottom: 10px;}
    .company_address_item a { font-size:14px;}
  }


/*关于我们*/
.banner_s,.banner_s img{ display:block; width:100%; height:auto;}
.pst_bg{ width:auto; padding-left:15px; padding-right:15px; border-bottom:1px solid #ddd; position:relative;}
.pst{ width:auto; float:left; text-align:left; height:32px; line-height:32px; font-size:14px; color:#777;}
.pst a{ color:#777;}
.pst a:hover{ color:#1296db;}

/*公司简介*/
.about{ width:auto; padding-left:15px; padding-right:15px; font-size:14px; line-height:255%;}
.about a{color:#1296db;text-align:center; vertical-align: middle;}

/*人力资源 j_a  text-indent:2em;*/
.join{ width:auto; padding-left:15px; padding-right:15px; font-size:14px; line-height:255%;}
.join .j_a{ width:auto; font-size:14px; line-height:255%;}
.join .j_a a{color:#1296db;text-align:center; vertical-align: middle;}
.join .j_b{ width:100%; font-size:14px; line-height:215%;}
.join .j_b b{ display:block; font-weight:normal; color:#1296db;}
.join .j_b a,.join .j_b span{ color:#1296db;}
.join .j_c{ width:100%; font-size:12px;}
.join .j_c th,.join .j_c td{ text-align:center; border-right:1px solid #FFF; height:35px; line-height:35px;}
.join .j_c th{ font-size:14px; color:#FFF; background:#1B4871;}
.join .j_c img{width:19px; height:15px; vertical-align: middle;}
.join .j_c td a,.join .j_d p a{ display:inline-block; padding-left:5px; color:#1296db;}
.join .j_d{ width:100%; display:none;}
.join .j_d li{ width:100%;padding-bottom:10px; border-bottom:1px dashed #ddd; margin-bottom:10px;}
.join .j_d p{ width:100%; margin-bottom:5px;}
.join .j_d img{width:19px; height:15px; vertical-align: middle;}
.join .j_d a{color:#1296db;text-align:center; vertical-align: middle;}
.join .j_d p span{ font-weight:bold;}



/*相关产品--应用名称和logo*/
.product_title{ width:auto; font-size:14px; padding-left:15px; padding-right:15px; text-align:left; margin-top:20px;}
.product_title p{ font-size:22px;font-weight: bold;text-align:center;}
.product_title p .img{ width:150px; height:150px; vertical-align: middle;}
.product_title a {text-align:center;}
 
/*相关产品--下载渠道、应用简介和总结*/
.product_info{ width:auto; font-size:14px; padding-left:15px; padding-right:15px; text-align:left;}
.product_info a { font-weight: bold;}

/*相关产品--下载渠道*/
.product_link { display: flex; justify-content: space-between; /* 横向排列 */  flex-wrap: wrap; /* 如果空间不够，换行显示 */}
.product_link_item { flex: 1 0 25%; /* 每个链接占据四分之一的宽度 */text-align: center;margin-bottom: 10px; /* 设置一些间距 */}
.product_link_item a { color:#1296db;font-size:20px; font-weight: bold;}
  
  /* 相关产品--下载渠道--在手机端的媒体查询 */
  @media (max-width: 600px) {
    .product_link { flex-direction: column; /* 纵向排列 */}
    .product_link_item { flex: 1 0 100%; /* 每个链接占据整行宽度 */}
    .product_link_item a { color:#1296db;font-size:20px; font-weight: bold;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;-ms-user-select: none;}
  }

/*相关产品--应用截图*/
.product_screenshot{ width:auto; padding-left:15px; text-align:left;}
.screenshot_slider { width: 100%; overflow-x: auto; /* 允许横向滚动 */white-space: nowrap; /* 不换行 */}
.slider_container { display: flex; flex-wrap: nowrap; /* 不换行 */justify-content: space-between; /* 水平居中 */margin: 0 auto; /* 水平居中 */}
.slide { flex: 1 0 25%; /* 每个链接占据四分之一的宽度 */}
.slide img { width:290px; height:515px;}

/* 相关产品--应用截图--在手机端的媒体查询 */
@media (max-width: 568px) {
    .slider_container { flex-direction: column; /* 垂直排列 */}
    .slide { flex: 0 0 auto; /* 不自动放大缩小 */margin-bottom: 10px; /* 图片之间的间距 */}
    .slide img { width:320px; height:568px;}
}
/*相关产品--应用截图*/
.div_screenshot{ width:auto; padding-left:15px; padding-right:15px;text-align:left;}
.div_container{ list-style: none;padding: 0;margin: 0;display: flex; justify-content: center; /* 水平居中 */ flex-wrap: wrap; /* 允许换*/}
.div_slides{max-width: 100%;/* 用于确保图片不会超出其容器宽度 */flex: 1; /* 平分空间 */ margin: 5px; /* 间隔 */}
.div_slides img{ display: block; /* 图片宽度将会占满整个li */max-width: 100%; /* 图片不会超出容器宽度 */height: auto; /* 保持图片比例 */margin-top:10px;margin-bottom:10px;}