@charset "utf-8";
.QA_content{ padding-top:90px; padding-bottom:90px;}

.QA_content .QA_lists{ margin-top:70px;}

.QA_content .QA_lists{ position:relative;}
.QA_content .QA_lists li{ margin-bottom:10px;}
.joinTit{ background:#fff; height:60px; line-height:60px;  cursor:pointer; border:#ececec 1px solid; vertical-align:middle}
.joinTit .li{ color:#333; float:left; text-align:center;}
.joinTit .li1{ width:90%; text-align:left; padding-left:20px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; box-sizing:border-box;}
.joinTit .li1 .Q{ display:inline-block; padding-right:5px; color:#d06137;font-family: 'Swiss721BTBlackCondensed'; vertical-align:middle}
.joinTit .lermore_box{ width:60px; float:right; }
.joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center;  transition: all 0.1s ease-out 0s;}

.joinTit.curr .lermore{ background:url(../images/btn_06_h.png) no-repeat center;}
.joinTit.curr{background: #132c58;}
.joinTit.curr .li{ color:#fff; font-weight:bold;}

.joinFirst{ margin-top:0;}
.joinFirst .joinTit{ background:#132c58;height:60px; font-weight: bold}
.joinFirst .joinTit .pd{ color:#fff; line-height:60px;  font-weight:bold;}
.joinFirst .joinTit .li{ color:#fff;}
.joinFirst .joinTit.curr .li{ color:#fff;}

.joinDeta{ line-height:1; display:none; overflow:hidden; width: 100% }
.joinDeta .content_show{background:#fff;border:#132c58 1px solid; padding:30px; padding-left:60px; line-height:2; color:#666666; position:relative;}
.joinDeta .A{ position:absolute; left:20px; top:30px; color:#132c58;line-height:1;font-family: 'Swiss721BTBlackCondensed';}
.joinDeta .wenzi_show{ line-height:2.2}


/*OMS页面*/
.OMS_content{ padding-top:90px; padding-bottom:90px;}
.OMS_left{ float:left; width:40%;}
.OMS_left .OMS_fonts{ padding-top:40px; padding-bottom:40px; line-height:2.2;}
.OMS_left .OMS_login a{ display:inline-block; background-color:#d06137; color:#ffffff; padding:10px 40px;border-radius:6px;}
.OMS_left .OMS_login a:hover{ background-color:#b14820;}
.OMS_img{ float:right; width:55%; overflow:hidden; height:460px; background-position:center center; background-repeat:no-repeat; background-size:cover;border-radius:4px 50px 4px 50px;box-shadow: 0 30px 50px 0 rgba(69,69,69,0.13);}

.gongneng{ background:#18315c url(../images/OMS_back.jpg) center center no-repeat; background-size: cover; padding-top:60px; padding-bottom:50px;}
.advant_type{}
.advant_type ul{ text-align:center}
.advant_type ul:after{content: '';display: block;clear: both;overflow: hidden;}
.advant_type li{ display:inline-block; vertical-align:top;width:25%;margin:0 1.5%;background: #fff;padding: 2%;transition:all .3s; margin-bottom:3%}
.advant_type li:hover{transform:scale(1.06); }
.advant_type li .icodiv{float: left;margin-right: 20px;}
.advant_type li .icodiv img{ max-width:100px;border-radius:50%;}
.advant_type li .info{min-height: 90px;display: flex;align-items:center; overflow: hidden; text-align:left}
.advant_type li .info h3{font-size: 16px;color: #d06137;margin-bottom: 5px; font-weight:bold}

.youshi{ position:relative; z-index:2;padding-top:60px; padding-bottom:50px;}
.articleBox{padding-bottom: 40px;}
.itemList{display: flex;flex-shrink:0; flex-wrap:wrap;}
.itemList li{ width:20%; margin:0 2%;background: #fff;max-height: 500px; padding: 30px 0;text-align: center;transition:all .3s; border:#ececec 1px solid;box-shadow: 0 0px 50px 0 rgba(69,69,69,0.13); }
.itemList li  .icon img{ max-width: 100px; width: 50%;border-radius:50%;}
.itemList li:hover{margin-top: -15px; box-shadow: 0 0 10px rgba(0,0,0,.06);}
.listFour li{width: 285px;margin-right:20px;}
.listFour li:nth-child(4n){margin-right: 0px;}
.itemList h3{margin:20px 4%;text-align: center;position: relative;padding-bottom: 20px;color: #d06137;}
.itemList h3:after{content: '';width:40px;height: 2px;position: absolute;bottom: 0px;left: 50%;margin-left: -20px;background: #d06137;border-radius: 5px;}
.itemList .section{margin-bottom: 20px;text-align: center; color: #828282; padding:0px 20px}

.tixi{ background-color:#f7f7f7; padding-top:200px; margin-top:-240px; padding-bottom:60px;}
.width_1300{ }
.ser_process{ width:1300px; margin:0px auto;padding: 10px 0 60px;position: relative;}
.ser_process.pc_con{ display: block}
.ser_process.mobile_con{ display: none}
.ser_process ul{clear: both;overflow: hidden; margin-bottom: 80px;}
.ser_process ul:last-child{margin-bottom: 0px;}
.ser_process li{width: 345px;float: left; position: relative;text-align: center;}
.ser_process li .icon{display: inline-block;vertical-align: top; width: 80px;height: 80px;position: relative;z-index: 4;}
.process-1 li .icon{background: url(../images/icon_g6.png) no-repeat left top;}
.process-1 li .step1{background-position: left top;}
.process-1 li .step2{background-position: -117px top;}
.process-1 li .step3{background-position: -234px top;}
.process-1 li .step4{background-position: -351px top;}
.process-1 li .step5{background-position: -467px top;}
.process-1 li .step6{background-position: -584px top;}
.process-1 li .step7{background-position: -701px top;}
.process-1 li .step8{background-position: right top;}
.ser_process li:after{content: '';display: block;position: absolute;left: 0px;top:38px;right: 0px;background: #ddd;height: 4px; z-index: 1;}
.ser_process li h3{font-size: 16px;margin-top: 10px;}
.ser_process li:first-child{width:225px;text-align: left;}
.ser_process li:last-child{width: 272px;padding-left:80px; }
.ser_process li .icon img{display: block;}
.ser_process .arr{display: block;width: 24px;height: 24px;background: url(../images/pross.png) no-repeat left top;z-index: 5;position: absolute;}
.ser_process ul:nth-of-type(odd) .arr{right: 0px;top: 28px;}
.ser_process ul:nth-of-type(even) .arr{left: 0px;top: 28px;transform:rotate(-180deg);}
.ser_process .line-col{width: 24px; position: absolute;top:48px;right:22px;height:206px;}
.ser_process .line-col:after{content: '';display: block;position: absolute;left: 10px;top:0px;right: 0px;background: #ddd;height: 100%; width: 4px; z-index: 1;}
.ser_process .line-col .arr{top: 50%;margin-top: -12px;transform:rotate(90deg);}

.mySwiper {
    width: 100%;
    height:200px;
}
.mySwiper .swiper-slide {
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 30px;
      }
.mySwiper .swiper-scrollbar {
    background: rgba(0,0,0,.1);
}
.mySwiper .swiper-scrollbar-drag {
    background: rgba(208,97,55,.9);
}

@media (max-width:768px) {
	
	.OMS_content {
    padding-top: 70px;
    padding-bottom: 70px;
}
	.OMS_left {
    float: none;
    width: initial;
}
	.OMS_img {
    float: none;
    width: initial;
    overflow: hidden;
		height: 350px; margin-top: 30px;}
	.advant_type li {
    display: block;
    vertical-align: top;
    width: initial;
    margin: 0;
    background: #fff;
    padding: 30px 20px;
    transition: all .3s;
    margin-bottom: 5%;
}
	.itemList li {
    width: initial;
    margin: 0;
    background: #fff;
    max-height: initial;
    padding: 30px 0;
    text-align: center;
    transition: all .3s;
    border: #ececec 1px solid;
    box-shadow: 0 0px 50px 0 rgb(69 69 69 / 13%);
    margin-bottom: 5%;
}
	.width_1300 {
   
}
	.ser_process.pc_con{ display: none}
.ser_process.mobile_con{ display:block }
	.ser_process.mobile_con ul:nth-of-type(even) .arr{    transform: none;}
	.ser_process{ width: 100%}
	.ser_process ul {
    margin-bottom: 0px;
}
	.tixi{ padding-bottom: 0}
	.ser_process li{ width: 50%; margin-bottom: 30px;}
	.ser_process .line-col {
    width: 24px;
    position: absolute;
    top: 203px;
    right: -14px;
    height: 197px;display: none;
}
	.itemList li {
    width: initial;
    margin: 0;
    background: #fff;
    max-height: initial;
    padding: 40px;
    text-align: center;
    transition: all .3s;
    border: #ececec 1px solid;
    box-shadow: 0 0px 50px 0 rgb(69 69 69 / 13%); margin-bottom: 20px;
}
	.ser_process li:first-child {
    width: 50%;
    text-align: center;
}
	.ser_process li:last-child {
    width: 50%;
    padding-left: 0;
}
	.itemList{display: block;}
	.QA_content {
    padding-top: 70px;
    padding-bottom: 70px;
}
	.joinTit .lermore_box {
    width: 10%;
}
	.joinTit .li1 {
		width: 80%;}
	.QA_content .QA_lists {
    margin-top: 40px;
}
}