*{margin:0;padding:0;font-family: "微软雅黑";}
.hContainer{
    box-sizing: border-box;
	width:1200px;
	margin:0 auto;
	padding:0px;
}
@font-face{
   font-family: 'text_card';
   src: url('../fonts/text_card.ttf');
}
@font-face{
   font-family:'english_text';
   src: url('../fonts/english_text.OTF');
}
a{
	color: black;
	text-decoration: none;
}
ul{
	list-style: none;
	margin: 0px;
}
li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
	margin-top:0px ;
	margin-bottom: 0px;
}
body{
	background:none;
}
dl,dd,dt{
	margin:0;
	font-weight: 400;
}
.public-left{
	float: left;
}
.public-right{
	float: right;
}
.public-clear{
	clear: both;
}
.public-clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
p{
	margin:0px;
}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-start{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flex-end{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.flex-justify{
	display: flex;
	justify-content:space-between;
	align-items:center;
}
/* 头部 */
.public-header{
    height:81px;
	background-color:#ffffff;
}
.public-headbox{
    position: fixed;
    left:0;
    top: 0;
    width:100%;
    z-index:1000;
    background-color:#ffffff;
}
/*.logo img{*/
/*	max-width:172px;*/
/*    max-height:35px;*/
/*}*/
.header-info{
    width:83%;
}
.nav-info{
    width:80%;
}
.nav-info li{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding:13px 0;
    width:14.28%;
    text-align: center;
}
.nav-info li.two-nav{
    position:static;
}
.nav-info li:last-of-type{
    margin-right: 0px;
}
.nav-info li>a,.nav-sever>a{
    position:relative;
    display:block;
    line-height:55px;
    color: #000000;
    font-size: 15px; 
}
.nav-sever{
    position: relative;
}
.nav-info li.nav_active>a{
    color:#d8011f;
}
/*.nav-info li.two-nav::after,*/
.nav-sever::after{
    content:"";
    position:absolute;
    right:-5px;
    top:50%;
    margin-top:-7.5px;
    width:17px;
    height:15px;
    background:url(../images/down.png) no-repeat;
    background-size:100% 100%;
}


.nav-info li.two-nav-active::after{
    content:"";
    position:absolute;
    right:-5px;
    top:50%;
    margin-top:-7.5px;
    width:17px;
    height:15px;
    background:url(../images/down-active.png) no-repeat;
    background-size:100% 100%;
}

.nav-login{
    width:172px;
    background-color: #d8011f;
}
.nav-login li{
    box-sizing: border-box;
    width:50%;
    height:34px;
    line-height:34px;
    font-size: 14px;
    text-align: center;
    border:2px solid #d8011f;
}
.nav-login li a{
    display:block;
    height:100%;
    color:#ffffff;
}
.nav-login li:first-child{
    
    background-color:#ffffff;
}
.nav-login li:first-child a{
    color:#d8011f;
}
/* 头部结束 */
.foot-info{
    padding:50px 0;
    background-color:#2a2a2a;
}
.foot-top{
    margin-bottom:57px;
}
.foot-logo{
    width:245px;
    font-size: 14px;
    color: #bfbfbf;
    text-align: center;
    letter-spacing:0.9px;
}
.more-list{
    width:65%;
}
.more-list li{
    margin-left:10px;
	width: 100px;
	height: 35px;
    line-height:35px;
    text-align: center;
	background-color: #464646;
}
.more-list li:hover{
    background-color:#d8011f;
}
.more-list li:hover a{
    color:#ffffff;
}
.more-list li a{
    display:block;
    font-size:14px;
    color:#bfbfbf;
}
.company-info li{
    font-size: 16px;
    line-height: 40px;
    color: #999999;
}
.company-info li a{
    line-height:15px;
}
.foot-ewm{
    
}
.foot-ewm li{
    margin-left:70px;
}
.foot-ewm img{
    max-width:140px;
    max-height:140px;
    margin:0 auto;
}
.foot-ewm .ewm{
    text-align: center;
	font-size: 15px;
	line-height: 40px;
	color: #999999;
}
.foot-copyright{
    padding:20px 0;
    font-size:14px;
    color:#999999;
    background-color:#202020;
}
.foot-copyright a{
    color:#999999;
}
.foot-copyright a:hover{
    color:#d8011f;
}
.saoma{
    position: relative;
    margin-left:10px;
    height:31px;
    line-height:31px;
}
.sao-ewm{
    position: absolute;
    left:-28px;
    top:-105px;
    width:100px;
    height:100px;
    display:none;
}
.sao-ewm img{
    width:100%;
}
.saoma:hover .sao-ewm{
    display:block;
}

.tab-slides{
    position:fixed;
    right:15px;
    top:25%;
    z-index:999;
}

.publictab-list dd{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    width: 70px;
    height: 74px;
    background-color: #ffffff;
    border: solid 1px #e2e2e2;
    cursor: pointer;
}
.publictab-list dd img{
    margin:0 auto;
}
.public-show{
    text-align: center;
}
.public-show p{
    margin-top:6px;
    font-size: 14px;
    color:#555555;
}
.public-hide{
    display:none;
    text-align: center;
}
.public-hide p{
    margin-top:6px;
    font-size: 14px;
    color:#ffffff;
}
.publictab-list dd:hover .public-hide{
    display:block;
}
.publictab-list dd:hover{
    background-color:#d8011f;
}
.publictab-list dd:hover .public-show{
    display:none;
}
.ewm-img{
    position:absolute;
    left:-130px;
    top:0;
    display:none;
}
.ewm-img img{
    width:130px;
}
.cndns-right-box{
    position:absolute;
    top:-15px;
    right:48px;
    width:500px;
    padding-right:25px;
    display:none;
}
.cndns-right-box .box-border{
    border:1px solid #ccc;
    border-top:4px solid #d8011f;
    padding:20px;
    background-color:#fff;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    position:relative;
}

.cndns-right-box .box-border .sev-t span{
    font-size:42px;float:left;display:block;
    line-height:56px;margin-right:8px;color:#d3d3d3;
}
.cndns-right-box .box-border .sev-t p{
    float:left;color:#d8011f;font-size:24px;line-height:28px;
}
.cndns-right-box .box-border .sev-t p i{
    display:block;font-size:14px;color:#aaa;
}
.cndns-right-box .box-border .sev-b{
    padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4
}
.cndns-right-box .box-border .sev-b h4{
    color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;
}
.zixunlist{
    flex-wrap: wrap;
}
.zixunlist li{
    width:33.33333%;
}
.zixunlist li a{
    display:inline-block;color:#999;font-size:13px;
    padding-left:43px;
    background:url(../images/qq.gif) no-repeat left 3px;
    line-height:36px;
 }
.zixunlist li a:hover{color:#d8011f}
.publictab-list dd:hover .cndns-right-box,.publictab-list dd:hover .ewm-img{
    display:block;  
}

/* /订货流程开始/ */
.technological{
    padding:60px 0;
}
.techTab{
    margin-top:40px;
}
.techTab li{
    box-sizing: border-box;
    margin-right:20px;
    width:180px;
    height:50px;
    line-height:50px;
    text-align: center;
    border-radius:30px;
    color:#d8011f;
    border:1px solid #d8011f;
}
.techTab li:last-child{
    margin-right:0;
}
.techTab li img{
    margin-right:10px;
}
.techTab li.active{
    color:#ffffff;
    background-color:#d8011f;
}
.active-hide,.active-show{
    line-height:13px;
}
.active-show,.techTab li.active .active-hide{
    display:none;
}
.techTab li.active .active-show{
    display:block;
}
.tech-area{
    margin-top:40px;
}
.tech-nav li{
    position: relative;
    width:25%;
    text-align: center;
    color: #d8011f;
}
.tech-nav li .tech-img{
    display:inline-block;
    background-color:#ffffff;
}
.tech-nav li p{
    margin-top:5px;
}
.tech-nav li::after{
    content:"";
    position:absolute;
    left:0;
    top:30%;
    z-index:-1;
    margin-top:-0.5px;
    width:100%;
    height: 1px;
    background-color:#d8011f;
}
.tech-nav li:first-child::after{
    left:50%;
    width:50%;
}
.tech-nav li:last-child::after{
    width:50%;
}
.tech-list{
    margin-top:50px;
}
.tech-list li{
    width:240px;
}
.technological-list{
    
}
.technological-list li{
    width:32%;
}

.tech-list li img,.technological-list li img{
    width:100%;
}

/* /订货流程结束/ */

/* 核心功能开始 */
.core-list{
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top:55px;
}
.core-list li{
    box-sizing: border-box;
    padding-bottom: 40px;
    margin-bottom:40px;
    width:20%;
    text-align: center;
}
.core-list li:nth-last-of-type(1),.core-list li:nth-last-of-type(2),.core-list li:nth-last-of-type(3),.core-list li:nth-last-of-type(4),.core-list li:nth-last-of-type(5){
    margin-bottom: 0;
}
.core-show{
    transition:all .5s;
}
.core-list li:hover .core-show{
    transform: translateY(-20px);

}

.core-title{
    margin:20px 0 15px 0;
    font-size: 24px;
    color: #000000;
}
.core-text{
    font-size: 13px;
    color: #999999;
}
/* 核心功能结束 */
/* 产品优势开始 */
.proadv-list{
    position: relative;
    margin-top:40px;
}
.proadv-list .proadv-next,.proadv-list .proadv-prev{
    top:50%;
    margin-top:-39px;
    width:44px;
    height:79px;
    background-image:none ;
    z-index:999;
    outline:0;
}
.proadv-list .proadv-next img,.proadv-list .proadv-prev img{
    width:100%;
}
.proadv-list .proadv-next::after,.proadv-list .proadv-prev::after{
    display:none;
}
.proadv-list  .proadv-next{
    right:-70px;
}
.proadv-list  .proadv-prev{
    left:-70px;
}
.proadv-con .swiper-slide{
    position: relative;
    overflow:hidden;
    box-sizing: border-box;
    background-color:#ffffff;
    
}
.proadv-info{
    margin: 0 auto;
    width: 370px;
    height: 310px;
    box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;    /*下边阴影  黄色*/
}
.proadv-img{
    width:100%;
}
.proadv-img img{
    display:block;
    width:100%;
}
.proadv-area{
    box-sizing: border-box;
    padding:24px;
}
.proadv-title{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	font-size: 24px;
	color: #000000;
}
.proadv-line{
    margin:5px 0 25px 0;
    width: 45px;
    height: 2px;
    background-color:#d8011f;
}
.proadv-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; 
	font-size: 14px;
	line-height: 24px;
	color: #464646;
}
.proadv-slides{
    position:absolute;
    left:0;
    bottom:-100%;
    box-sizing: border-box;
    padding:44px 38px;
    width:100%;
    height:100%;
    background-color:#d8011f;   
    transition:all .5s;
}
.proslide-title{
    box-sizing: border-box;
    padding:8px 0;
    font-size: 30px;
    font-weight:bold;
    color: #ffffff;
    border-top:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
}
.proslide-text{
    margin-top:50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden; 
    font-size: 15px;
    line-height: 28px;
    color: #ffffff;   
}
.proadv-con .swiper-slide:hover .proadv-slides{
    bottom:0;
}
/* 产品优势结束 */

/*导航开始*/
.smallDrop{
    position: absolute;
    width:180px;
    left:-50px;
    top:81px;
    box-sizing:border-box;
    display: none;
    z-index: 999;
    background:#fff;
    border-top: 1px solid #ccc;
}
.nav-info li:hover .smallDrop{
    display: block;
}
.smallList{
    width:90%;
    margin: 0 auto;    
}
.smallList dd:first-child{
    background:none;
}
.smallList dd{
    line-height:40px;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.smallList dd:hover{
    background:#df171f;
}
.smallList dd a{
	display: block;
    color:#333;
    font-size: 14px;
}
.smallList dd:hover a{
    color:#fff;
}

.dropdown-menu-wrapper {
    position: absolute;
    left: 0;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);
    transform: rotateX(-90deg);
    z-index: 100;
    max-height: 0;
    transform-origin: 50% 0;
    transition: .3s ease-in-out;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
}
.nav-info li.two-nav:hover .dropdown-menu-wrapper{
    transform: rotate3d(0,0,0,0deg);
    transform-origin: 50% 0;
    max-height: 1000px;
    top: 80px;
    border-top: 1px solid #e6e6e6;
}
.dropdown-menu {
    text-align: left;
    margin: 24px auto;
    width: 100%;
    max-width: 1200px;
    zoom: 1;
}
.dropdown-menu_business {
    display: inline-block;
    width: auto!important;
    margin: 24px auto 16px;
}
.dropdown-menu .proslide{
    box-sizing: border-box;
    float: left;
    line-height: normal;
}
.product-main.padding-right {
    padding-right:40px;
    position: relative;
    border-right:1px solid #e6e6e6;
}
.product-main .menu-title {
    padding-left: 16px;
    margin-left: 0;
}
.proslide .menu-title {
    font-size:18px;
    font-weight:bold;
    color: #666;
    margin-bottom: 8px;
    line-height: 18px;
}
.proslide .link-list-left {
    float: left;
}
.proslide .product-block {
    display: flex;
    align-items: center;
    width: 232px;
    height: 42px;
    box-sizing: border-box;
}
.proslide .link-list-left div {
    position: relative;
}
.proslide .product-block a {
    padding: 16px;
    display: block;
}
.proslide .link-list-left div span {
    margin-right:10px;
    display:inline-block;
    width: 20px;
    height: 20px;
/*    position: absolute;
    left: 16px;
    top: 20px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat; */
}
/* .product .link-list-left div span.icon-wsc {
    background-image: url(../images/wsc.png);
} */
.proslide .link-list-left div h4 {
    font-size: 16px;
    color: #323233;
    line-height: 24px;
}
.proslide .link-list-left div p {
    font-size: 12px;
    color: #969799;
    line-height: 18px;
    margin-top: 4px;
}
.product-solutions {
    margin-left: 84px;
}
.product-solutions .menu-title {
    padding-left: 16px;
}
.product-solutions .solution-container {
    zoom: 1;
    max-width: 900px;
    margin-left: -68px;
}
.product-solutions .solution-container .product-block {
    position: relative;
    float: left;
    margin-left: 68px;
    display: flex;
    align-items: center;
    height: 90px;
    
}
.product-solutions .solution-container .product-block::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0%;
    border-bottom:1px solid #e6e6e6;
    transition:all .5s;
}
.proslide .link-list-left div.product-block:hover h4{
    color:#d8011f;
}
.product-solutions .solution-container .product-block:hover::after{
    width:100%;
}




/*导航结束*/


@media(max-width:1199px){
    .proadv-list .proadv-con{
        margin:0 auto;
        width:90%;
    }
    .proadv-info{
        width:96%;
        height:auto;
    }
    .proadv-list .proadv-prev{
        left:0;
    }
    .proadv-list .proadv-next{
        right:0;
    }
    .proadv-list .proadv-prev,.proadv-list .proadv-next{
        width:30px;
        height:53px;
    }
    .core-show img{
        width:90px;
    }
    .core-title{
        margin:15px 0;
        font-size:18px;
    }
    
    
}



@media(max-width:991px){
    .nav-login{
        display:none;
    }
    .nav-info{
        width:100%;
    }
    .more-list li a{
        font-size:12px;
    }
    .more-list{
        width:72%;
    }
    .foot-logo{
        width:190px;
        font-size:12px;
    }
    .foot-logo img{
        width:180px;
    }
    .company-info li{
        font-size:14px;
    }
    .foot-ewm li{
        margin-left:20px;
    }
    .foot-ewm img{
        max-width: 110px;
        max-height:110px;
    }
}

/** 在线客服相关代码 **/
#ywkf-chat-icon{left: 35px;right:unset !important;}
#service-Phone,#weChat-consulting{left:150px;right:unset !important;}
.launchButtonBox{left: 25px!important;}
.layui-kflayer-iframe{left: 85px!important;}