@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquoteth,td {
    margin: 0;
    padding: 0
}

.colc9c7c5 {
    color: #c9c7c5
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body,html {
    height: 100%;
    font-family: 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif'!important;
    color: #333;
    background: #ffffff !important;
}

body {
    min-width: 1200px
}

fieldset,img {
    border: 0
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: normal
}

ol,ul {
    list-style: none
}

capation,th {
    text-align: left
}

q:before,q:after {
    content: ' '
}

abbr,acronym {
    border: 0
}

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

a:hover {
    /* text-decoration: underline */
}

:active {
    outline: 0
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.f30 {
    font-size: 30px;
    margin-bottom: 30px;
}

.f36 {
    font-size: 36px
}

.fb {
    font-weight: bold
}

.fn {
    font-weight: normal
}

.t2 {
    text-indent: 2em
}

.thD {
    text-indent: -9999px
}

.bdn {
    border: 0
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.bc {
    margin-left: auto;
    margin-right: auto
}

.fl {
    float: left;
    _display: inline
}

.fr {
    float: right;
    _display: inline
}

.clear {
    clear: both
}

.show {
    display: block
}

.hide {
    display: none
}

.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom:1}

*html .clearfix {
    height: 1%
}

.vm {
    vertical-align: center
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.abs-right {
    position: absolute;
    right: 0
}

.zoom {
    zoom:1}

.hidden {
    visibility: hidden
}

.none {
    display: none
}

.ovhidden {
    overflow: hidden
}

.txh {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.txh2 {
    overflow: hidden;
    white-space: nowrap
}

.zin1 {
    z-index: 1
}

.zin2 {
    z-index: 2
}

.zin3 {
    z-index: 3
}

.cent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.mAuto {
    margin: 0 auto
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m25 {
    margin: 25px
}

.m30 {
    margin: 30px
}

.m35 {
    margin: 35px
}

.m40 {
    margin: 40px
}

.m50 {
    margin: 50px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}
.mt80 {
    margin-top: 80px
}
.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p25 {
    padding: 25px
}

.p30 {
    padding: 30px
}

.p35 {
    padding: 35px
}

.p40 {
    padding: 40px
}

.p50 {
    padding: 50px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt30 {
    padding-top: 30px
}

.pt35 {
    padding-top: 35px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pb35 {
    padding-bottom: 35px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.pl35 {
    padding-left: 35px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr30 {
    padding-right: 30px
}

.pr35 {
    padding-right: 35px
}

.pr40 {
    padding-right: 40px
}

.pr50 {
    padding-right: 50px
}

.bra3 {
    border-radius: 3px
}

.bra5 {
    border-radius: 5px
}

.t0 {
    top: 0
}

.l0 {
    left: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.op2 {
    opacity: .2
}

.op4 {
    opacity: .4
}

.op5 {
    opacity: .5
}

.op6 {
    opacity: .6
}

.op8 {
    opacity: .8
}

.op2:hover,.op4:hover,.op6:hover,.op8:hover {
    opacity: 1
}

.shrink {
    -webkit-transform: scale(0.875);
    -o-transform: scale(1);
    display: inline-block
}

.shrink2 {
    -webkit-transform: scale(0.916);
    -o-transform: scale(1);
    display: inline-block
}

.gray {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1)
}

.transition * {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
/*新增*/

.banner .flex-active-slide .banner-tit,

.banner .flex-active-slide .banner-dec,

.banner .flex-active-slide .banner-p{opacity: 1;transform:translateY(0px);}

.banner .flex-next{position: absolute;top: 230px;width: 60px;height: 120px;background:url(../images/banner-next.png);right: 0px;}

.banner .flex-prev{position: absolute;top: 230px;width: 60px;height: 120px;background:url(../images/banner-prev.png);left: 0px;}

.banner .flex-next:hover{background-image: url(../images/banner-nextH.png);}

.banner .flex-prev:hover{background-image: url(../images/banner-prevH.png);}

.flexslider.banner{margin: 0;padding: 0;border: none;overflow: hidden;position: relative;}

.banner .slides li{/* padding-top: 73px; */min-height: 520px;background-position: center;background-size: cover;background-repeat: no-repeat;}

.banner .slides li:hover{cursor:pointer}

.banner .flex-control-nav{display: none;}



.ino-left .flex-control-nav{text-align: center; width:100% !important;position: absolute;height: 16px;bottom: 20px;}

.ino-left .flex-control-nav li{display: inline-block; opacity: 1;width: 16px;height: 16px;overflow: hidden; margin:0 8px !important;border-radius: 50%;}

.ino-left .flex-control-nav a{display: block;width: 100%;height: 100%;background: url(../images/li-back.png) no-repeat center;}

.ino-left .flex-control-nav a.flex-active {

    background: url(../images/li-active.png) no-repeat center;

}

.ino-left .flex-control-nav a:hover{background-color:none;}

/*代工服务*/

.foun-swiper .flexslider {

    border: none;

    margin: 0;

    padding: 0;

}

.foun-tli{width: 400px;float: left;padding: 0 15px;}

.foun-tpic{width: 100%;overflow: hidden;}

.foun-tpic img{display: block;width: 100%;height: 100%;transition: all .5s;}

.foun-tfont{transition: all .5s;font-family:'思源黑体 CN','regular';margin-top: 14px; font-size: 16px;color: #666666;text-align: center;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.foun-tli:hover img{transform: scale(1.05);}

.foun-tli:hover .foun-tfont{color: #1c86f3;}

.foun-swiper .flex-control-nav li{width: 12px;height: 12px;margin: 0 5px !important;opacity: 1;}

.foun-swiper .flex-control-nav a{display: block;width: 100%;height: 100%;background: url(../images/swiper-dot.png) no-repeat center;}

.foun-swiper .flex-control-nav a.flex-active{background: url(../images/swiper-dotH.png)  no-repeat center;}

.foun-four li .foun-jt{position: absolute;width:41.5px ;height: 20px;top: 14px;right: -41.5px; background: url(../images/foun-icon.png) no-repeat center;}