@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html{font-size: 14px; line-height: 1.5; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 780px; margin: 0 auto; overflow: hidden; position: relative;}
body{width: 100%; height: 100%; overflow: hidden; position: relative;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}
a:hover{color: #e68d37!important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.plr10{padding: 0 10px;}
.wrapper{margin: 0 15px;}
.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.sitecontent{ height: 100%; background: #fff;  position: relative; z-index: 96;}
.scrollView{height: calc(100% - 111px); overflow-x: hidden; overflow-y: auto; position: relative;}
.npagePage{min-height: calc(100% - 52px); overflow: hidden; position: relative;}
.border{border: 1px solid #ddd; box-sizing: border-box;}
/*字体*/
@font-face{font-family: 'HELVETICANEUELTPRO-THEX';  src: url('../font/HELVETICANEUELTPRO-THEX.eot'); src: url('../font/HELVETICANEUELTPRO-THEX.eot?#iefix') format('embedded-opentype'), url('../font/HELVETICANEUELTPRO-THEX.woff') format('woff'), url('../font/HELVETICANEUELTPRO-THEX.ttf') format('truetype'), url('../font/HELVETICANEUELTPRO-THEX.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');}
.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*加载特效*/
.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}
.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}
.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}
.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}
@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}
@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}
/*头部*/
.header{height: 50px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: relative; z-index: 999999;}
.logo{float: left; height: 22px; margin-top: 14px; margin-left: 10px;}
.logo a{display: block; height: 100%;}
.logo a img{display: block; height: 100%;}
.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}
.sp_nav i{display: block; background: #333; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}
.sp_nav i:nth-of-type(1){top: 0;}
.sp_nav i:nth-of-type(2){top: 10px;}
.sp_nav i:nth-of-type(3){top: 20px;}
.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}
.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}
.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}
.nav{width: 100%; height: calc(100% - 111px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}
.nav.nav_show{top: 50px;}
.nav > ul{min-width: 320px; max-width: 780px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}
.nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}
.nav > ul > li:first-child{border-top: 0 none;}
.nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}
.nav ul li ul{display: none;}
.nav ul li i{display: block; width: 30px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}
.nav ul li i span{font-size: 14px; transition: all .5s;}
.nav ul li i span:before{content: "\eeaa";}
.nav ul li i.nav_btndown span{color: #ef831a; transform: rotate(90deg);}
/*内页菜单*/
.dropmenu{min-height: 45px; margin-bottom: 20px; position: relative; z-index: 3;}
.dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;}
.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;}
.dropmenu .label .iconfont:before{content: "\e60e";}
.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}
.dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;}
.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 13px;}
.dropmenu ul li.active a {background: #000; color: #fff;}
.dropmenu.open .label .iconfont{transform: rotate(180deg);}
/*公共样式*/
.home_title{font-size: 19px; text-align: center;}
.home_title span{color: #223adf;}
.home_title em{color: #ff7600;}
.home_line{margin-top: 2px; text-align: center; font-size: 0; text-align: center;}
.home_line span{display: inline-block; font-size: 16px; text-transform: uppercase; line-height: 1.2; color: #999; position: relative; padding: 0 10px;}
.home_line span:before,.home_line span:after{display: block; content: ""; width: 40px; height: 1px; background: #999; position: absolute; top: 50%; margin-top: -1px;}
.home_line span:before{left: -40px;}
.home_line span:after{right: -40px;}
/*底部*/
.foot_copy{width: 100%; font-size: 12px; line-height: 20px; text-align: center; padding: 16px 0; color: #fff; background: #151515;}
.foot_copy a{color: #8e8e8e;}
.footer{width: 100%; position: relative; z-index: 990;}
.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}
.footer li{width: 25%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}
.footer li a{display: block; width: 100%; height: 100%; color: #666;}
.footer li i{display: block; width: 100%; height: 26px; line-height: 26px; padding-top: 6px; font-size: 22px;}
.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}

/*新闻---列表式*/
.news_item{border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 15px;}
.news_item:first-child{padding-top: 10px;}
.news_item:last-child{border-width: 0;}
.news_pic{margin-bottom: 10px; overflow: hidden; max-height: 140px;}
.news_pic img{display: block; width: 100%;}
.news_name{height: 20px; line-height: 20px; font-size: 16px; color: #565656; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_date{height: 24px; margin-bottom: 4px; margin-top: 8px;}
.news_date p{height: 24px; line-height: 24px; font-size: 16px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial;}
.news_date .md{color: #8a8a8a;}
.news_date .year{color: #bdbdbd; margin-left: 10px;}
.news_desc{max-height: 44px; line-height: 22px; font-size: 13px; color: #6a6a6a; overflow: hidden; margin-top: 4px;}




/*新添*/
.cust{
    margin-top: 30px;
}
.cust ul li{
    position: relative;
    width: 50%;
    float: left;
    text-align: center;
    margin:  10px 0;
}
.cust .title{
    color: #A90533;
    line-height: 40px;
}
.cust ul li .icon{
    height: 92px;
    width: 92px;
    margin: 0 auto;
    background: url(../images/process-icon.png) no-repeat;
}
.cust ul li .icon1{
    background-position: 0 0;
}
.cust ul li .icon2{
    background-position: 0 -92px;
}
.cust ul li .icon3{
    background-position: 0 -184px;
}
.cust ul li .icon4{
    background-position: 0 -276px;
}
.cust ul li .icon5{
    background-position: 0 -368px;
}
.cust ul li .icon6{
    background-position: 0 -460px;
}


.wmi{
    margin-top: 30px;
}
.wmi .home_line{
    display: block;
    margin: 10px 0;
}
.wmi .home_title,.wmi .home_line span{
    color: #fff;
}
.wmi .home_line span::before,.wmi .home_line span::after{
    background: #fff;
}
.wmi{
    background: url(../images/about-inbg.jpg) repeat fixed center;
    padding: 30px 0;
}
.wmi ul li{
    background-color: rgba(0,0,0,.3);
    text-align: center;
    width: 50%;
    float: left;
    padding:  15px 0;
    height:190px;
}
.wmi ul li .num{
    color: #06aafc;
    font-size: 30px;
}
.wmi ul li .num span{
    font-size: 50px;
    vertical-align: top;
}
.wmi ul li .desc{
    color: #fff;
    padding: 0 15px;
}
.aa{
    height: 1000px;
    display: block;
}

.partner{
    margin-top: 20px;
}
.partner .swiper-wrapper{
    float: left;
    margin: 10px 0;
    margin-top: 30px;
}
.partner .swiper-slide{
    text-align: center;
    border: 1px solid #ddd;
}

.partner .swiper-slide{
    width: 100%;
    box-sizing: border-box;
}

.why{
    /*margin: 30px;*/
}
.why .home_line{
    display: block;
    margin-bottom: 15px;
}
.why_item_box ul li{
    width: 100%;
    text-align: center;
    position: relative;
}
.why_item_box ul li img{
    width:100%;
}
.why_item_box .mask{
    /* position: absolute;
    top: 80px;
    left: 44px;
    right: 44px; */
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    width: 100%;
    transform: translate(-50%,-50%);
    padding: 0 55px;
}
.why_item_box .mask .title{
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
}
.why_item_box .mask .line{
    width: 50px;
    height: 2px;
    background-color: #fff;
    opacity: .6;
    margin: 18px auto 0;
}
.why_item_box .mask .desc{
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 18px;
    padding: 0 10px;
}

.bot{
    position: relative;
    width: 100%;
    margin-top: 50px;
}
.bot_list{
    border-top: 1px solid #ddd;
    padding: 0 15px;
}

.bot .menu>li{
    float:left;
    list-style:none;
}
.bot .hiddenlist1{
    height:196px !important;
}
.bot .hiddenlist{
    height:0;
    overflow:hidden;
    transition:height 0.5s ;
}
.bot .hiddenlist ul{
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.bot ul li{
    width: 100%;
    font-size: 16px;
    padding: 2px 0;
}
.bot_list .title{
    width: 100%;
    margin: 10px;
    font-size: 20px;
}
.bot_list .more{
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    float: right;
    margin: 10px 15px;
}
.bot_list ul li ul li{
    padding-left: 15px;
}



.contac{
    padding: 30px 0;
    font-size: 18px;
    background-color: rgba(197,218,195,.2);
}
.contac .phone img,.contac .email img{
    height:35px;
    width: 35px;
}
.contac span{
    color: #004884;
    font-size: 16px;
}
.contac ul li{
    padding: 10px;
}
.f_logo{
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.qqkefu{
    position: fixed;
    bottom: 35%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 10000;
    right: 30px;
    width:39px;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background:#353029;
    line-height:45px;
    font-size:13px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
}
.qqkefu ul li a:hover{color:#fff!important;}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background:#004785;
}
.qqkefu ul li.top{
    background: url(../images/back.png) no-repeat center #353029;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}
.qqkefu ul li.top:hover{
    background: url(../images/back.png) no-repeat center #004785;
}
.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:right;
}
.qqkefu ul li span{
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li b.a{
    background:url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.f{
    background:url(../images/ly.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e{
    background:url(../images/tel.png) no-repeat center center;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}






.banner-pic-1{
    margin-top: 50px;
}


.lianxi,.lx_le,.lx_ri,.lx_ri img{
	width: 100% !important;
}





@keyframes move{
    0% {height: 0 }
    100% {height: 120px}
}

@media screen and (min-width:682px) {
    .why_item_box ul li{
        width: 50%;
        float: left;
    }
}