p{margin: 0;padding: 0;}
ul, ol, li {list-style: none;padding: 0;margin: 0;}
/* 外边距左 */
.ml4{margin-left: 4px;}.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;}.ml45{margin-left: 45px;}.ml50{margin-left: 50px;}.ml55{margin-left: 55px;}.ml60{margin-left: 60px;}.ml65{margin-left: 65px;}.ml70{margin-left: 70px;}.ml75{margin-left: 75px;}.ml80{margin-left: 80px;}.ml85{margin-left: 85px;}.ml90{margin-left: 90px;}.ml95{margin-left: 95px;}.ml100{margin-left: 100px;}
/* 外边距右边 */
.mr4{margin-right: 4px;}.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;}.mr45{margin-right: 45px;}.mr50{margin-right: 50px;}.mr55{margin-right: 55px;}.mr60{margin-right: 60px;}.mr65{margin-right: 65px;}.mr70{margin-right: 70px;}.mr75{margin-right: 75px;}.mr80{margin-right: 80px;}.mr85{margin-right: 85px;}.mr90{margin-right: 90px;}.mr95{margin-right: 95px;}.mr100{margin-right: 100px;}
/*外边距上*/
.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt12{margin-top: 12px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}.mt35{margin-top: 35px;}.mt40{margin-top: 40px;}.mt45{margin-top: 45px;}.mt50{margin-top: 50px;}.mt55{margin-top: 55px;}.mt60{margin-top: 60px;}.mt65{margin-top: 65px;}.mt70{margin-top: 70px;}.mt75{margin-top: 75px;}.mt80{margin-top: 80px;}.mt85{margin-top: 85px;}.mt90{margin-top: 90px;}.mt95{margin-top: 95px;}.mt100{margin-top: 100px;}
/*下边距*/
.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;}.mb45{margin-bottom: 45px;}.mb50{margin-bottom: 50px;}.mb55{margin-bottom: 55px;}.mb60{margin-bottom: 60px;}.mb65{margin-bottom: 65px;}.mb70{margin-bottom: 70px;}.mb75{margin-bottom: 75px;}.mb80{margin-bottom: 80px;}.mb85{margin-bottom: 85px;}.mb90{margin-bottom: 90px;}.mb95{margin-bottom: 95px;}.mb100{margin-bottom: 100px;}
/*内边距*/
/*下*/
.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;}.pb45{padding-bottom: 45px;}.pb50{padding-bottom: 50px;}.pb55{padding-bottom: 55px;}.pb60{padding-bottom: 60px;}.pb65{padding-bottom: 65px;}.pb70{padding-bottom: 70px;}.pb75{padding-bottom: 75px;}.pb80{padding-bottom: 80px;}.pb85{padding-bottom: 85px;}.pb90{padding-bottom: 90px;}.pb95{padding-bottom: 95px;}.pb100{padding-bottom: 100px;}
/*上*/
.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;}.pt45{padding-top: 45px;}.pt50{padding-top: 50px;}.pt55{padding-top: 55px;}.pt60{padding-top: 60px;}.pt65{padding-top: 65px;}.pt70{padding-top: 70px;}.pt75{padding-top: 75px;}.pt80{padding-top: 80px;}.pt85{padding-top: 85px;}.pt90{padding-top: 90px;}.pt95{padding-top: 95px;}.pt100{padding-top: 100px;}
/*左*/
.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;}.pl45{padding-left: 45px;}.pl50{padding-left: 50px;}.pl55{padding-left: 55px;}.pl60{padding-left: 60px;}.pl65{padding-left: 65px;}.pl70{padding-left: 70px;}.pl75{padding-left: 75px;}.pl80{padding-left: 80px;}.pl85{padding-left: 85px;}.pl90{padding-left: 90px;}.pl95{padding-left: 95px;}.pl100{padding-left: 100px;}
/*右边*/
.pr5{padding-right: 05px;}
.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;}.pr45{padding-right: 45px;}.pr50{padding-right: 50px;}.pr55{padding-right: 55px;}.pr60{padding-right: 60px;}.pr65{padding-right: 65px;}.pr70{padding-right: 70px;}.pr75{padding-right: 75px;}.pr80{padding-right: 80px;}.pr85{padding-right: 85px;}.pr90{padding-right: 90px;}.pr95{padding-right: 95px;}.pr100{padding-right: 100px;}
/* 单纯距离 */
.top1{top: 1px;}.top15{top: 15px;}.top20{top: 20px;}.top25{top: 25px;}.top30{top: 30px;}.top35{top: 35px;}.top40{top: 40px;}.top45{top: 45px;}.top50{top: 50px;}.top55{top: 55px;}.top60{top: 60px;}.top65{top: 65px;}.top70{top: 70px;}.top75{top: 75px;}.top80{top: 80px;}.top85{top: 85px;}.top90{top: 90px;}.top95{top: 95px;}
.right1{right: 1px;}.right15{right: 15px;}.right20{right: 20px;}.right25{right: 25px;}.right30{right: 30px;}.right35{right: 35px;}.right40{right: 40px;}.right45{right: 45px;}.right50{right: 50px;}.right55{right: 55px;}.right60{right: 60px;}.right65{right: 65px;}.right70{right: 70px;}.right75{right: 75px;}.right80{right: 80px;}.right85{right: 85px;}.right90{right: 90px;}.right95{right: 95px;}
.left1{left: 1px;}.left15{left: 15px;}.left20{left: 20px;}.left25{left: 25px;}.left30{left: 30px;}.left35{left: 35px;}.left40{left: 40px;}.left45{left: 45px;}.left50{left: 50px;}.left55{left: 55px;}.left60{left: 60px;}.left65{left: 65px;}.left70{left: 70px;}.left75{left: 75px;}.left80{left: 80px;}.left85{left: 85px;}.left90{left: 90px;}.left95{left: 95px;}
.bottom1{bottom: 1px;}.bottom15{bottom: 15px;}.bottom20{bottom: 20px;}.bottom25{bottom: 25px;}.bottom30{bottom: 30px;}.bottom35{bottom: 35px;}.bottom40{bottom: 40px;}.bottom45{bottom: 45px;}.bottom50{bottom: 50px;}.bottom55{bottom: 55px;}.bottom60{bottom: 60px;}.bottom65{bottom: 65px;}.bottom70{bottom: 70px;}.bottom75{bottom: 75px;}.bottom80{bottom: 80px;}.bottom85{bottom: 85px;}.bottom9{bottom: 9px;}.bottom95{bottom: 95px;}
/*颜色*/
.cl_f3f4f9{color: #f3f4f9;}
.cl_333{color: #333;}
.cl_666{color: #666;}
.cl_999{color: #999;}
.cl_277cfa{color: #277cfa;}
.cl_444{color: #444;}
.cl_bbb{color: #bbb;}
.cl_fff{color: #fff;}
.cl_888{color: #888;}
.cl_676a7d{color: #676a7d;}
.cl_f90{color: #ff9900;}
.cl_feac18{color: #feac18;}
.cl_707070{color: #707070;}
.bg_277cfa{background: #277cfa;}
.bg_f5f5f5{background: #f5f5f5;}
.cl_ffb607{color: #ffb607;}
.cl_000{color: #000000;}
.cl_e60026{color: #e60026;}
.cl_bb9d9d{color: #bb9d9d;}
.cl_464756{color: #464756;}
.cl_6e7580{color: #6e7580;}
.bg-f6f8fb{background:#f6f8fb}
.font-26{font-size: 26px;}

/*字体*/
.f12{font-size: 12px;}.f14{font-size: 14px;}.f16{font-size: 16px;}.f18{font-size: 18px;}.f20{font-size: 20px;}.f22{font-size: 22px;}.f24{font-size: 24px;}.f26{font-size: 26px;}.f28{font-size: 28px;}.f30{font-size: 30px;}.f32{font-size: 32px;}.f34{font-size: 34px;}.f36{font-size: 36px;}.f38{font-size: 38px;}.f40{font-size: 40px;}.f42{font-size: 42px;}.f44{font-size: 44px;}.f46{font-size: 46px;}.f48{font-size: 48px;}.f50{font-size: 50px;}.f52{font-size: 52px;}.f54{font-size: 54px;}.f56{font-size: 56px;}.f58{font-size: 58px;}.f60{font-size: 60px;}.f62{font-size: 62px;}.f64{font-size: 64px;}.f66{font-size: 66px;}.f68{font-size: 68px;}.f70{font-size: 70px;}
.bold{font-weight: bold;}
.center{text-align: center;}
.text_l4eft{text-align: left;}
.text_right{text-align: right;}
.both:after {content: "";display: table;clear: both;}
.fl{float: left;}
.fr{float: right;}
.vm{vertical-align: middle;}
.vt{vertical-align: top;}
.pr{position: relative;}
.pa{position: absolute;}
.dib{display: inline-block;}
.dis{display: block;}
.din{display: none;}
.bn{border: none;}
.h600{height: 600px;}
.lh24{line-height:24px}
.lh40{line-height:40px;}
.text_underline{    text-decoration: underline;}
.w90{width: 90px;}
.w121{width: 121px;}
    	/*@charset "utf-8";*/
h2,h3,p,dl{margin: 0;}

 .j2{display: inline-block;width: 30px;height: 28px;background:  no-repeat;vertical-align: middle;}
 /*提供解决方案*/
.satisfy{width: 1280px;margin: 0 auto;padding-top: 56px;padding-bottom: 55px;}
 .satisfy li {float: left;width: 25%;display: inline-block;text-align:center}
  .satisfy li img{height: 60px;margin-bottom: 15px;}
  /*模具*/
 .mould{background: url(/uploads/image/citmoldproject/mould.png) no-repeat center;background-size: cover;padding-top: 50px;}
 .mould ul li{float: left;width: 410px;color: #fff;}
 .mould ul li:nth-child(2){margin: 0 25px;}
 .mould ul li .f14{line-height: 24px;}
 .mould ul li img{height: 264px;width: 412px;margin-bottom: 25px;}
 
 /*统一的a链接跳转*/
.skipmodel{display: inline-block;width: 240px;height: 60px; border-radius: 30px;text-align: center;line-height: 60px;font-size: 24px;      background: #f90;color: #fff !important;}
.skipmodel:hover{background: #ffad33;color: #fff;}
/*产品展示*/
.pro_server{width: 1280px;margin: 0 auto;}
.pro_server li{width: 305px;height: 203px;float: left;margin-bottom: 20px;}
.pro_server li:hover{    box-shadow: -2px 0 31px rgba(0,0,0,.1);}
.pro_server li img{width: 100%;height: 100%;}
.pro_server li:nth-child(4n-2){margin-left: 20px;}
.pro_server li:nth-child(4n-1){margin-left: 20px;margin-right: 20px;}
/*流程图*/
.flowchart{background: #f5f5f5;padding-top: 45px;padding-bottom: 50px;}
.flowchart ul li{float: left;width: 160px;    padding-right: 24px;}
.flowchart ul li img{width: 160px;height: 120px;display: inline-block;}
.flowchart ul li:last-child{margin-right: 0;}
 /**/
.precision{background: url(/uploads/image/citmoldproject/precision.png) no-repeat center;background-size: cover;    background-attachment: fixed;}
.precision ul li{float: left;width: 10%;height: 200px;position: relative;}
.precision ul li div{width: 100%;height: 100%;line-height: 200px;position: relative;}
.precision ul li:hover .icon1 img{content: ;}
.precision ul li:hover .icon2 img{content: ;}
.precision ul li:hover .icon3 img{content: ;}
.precision ul li:hover .icon4 img{content: ;}
.precision ul li:hover .icon5 img{content: ;}
.precision ul li:hover .icon6 img{content: ;}
.precision ul li:hover .icon7 img{content: ;}
.precision ul li:hover .icon8 img{content: ;}
.precision ul li:hover .icon9 img{content: ;}
.precision ul li:hover .icon10 img{content: ;}
.precision ul li:hover{color: #f90;}


.precision ul li p{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;font-size: 24px;color: #fff;}
.precision ul li:hover p{color: #f90;}
.precision ul{}
/*标题*/
.title{height: 500px;width: 100%;padding-top: 100px;background: url(/uploads/image/citmoldproject/title.png) no-repeat center;background-size: cover;}
/*公共标题*/
.publictitle{text-align: center;}
.publictitle p{margin-bottom: 30px;font-size: 36px;font-weight: bold;	 }
.publictitle span{font-size: 16px;}
/*工艺及产品展示*/
.assuranceright div{position: relative;width: 415px;height: 445px;background: #f90;}
.assuranceright img{position: absolute;left: 30px;bottom: 30px;width: 100%;height: 100%;}
.assuranceleft img{position: absolute;left: -60px;top: 8px;}
/*产品展示*/
.productdisplay ul li{
    float:left;
    width:414px;height:356px;
    margin-right:19px;
    margin-bottom:19px;
    position:relative;
    overflow:hidden;
    
}
.productdisplay ul li:nth-child(n 3){
    margin-bottom:0;
}
.productdisplay ul li:nth-child(3n){
    margin-right:0
}
.productdisplay ul li img{width:100%;height:100%;}
.productdisplay ul li:hover .emerge{bottom:0;padding-top:18px;}

.productdisplay ul li .emerge{position:absolute;bottom:0;left:0;width:100%;height:102px;background:rgba(0,0,0,0.5);bottom:-102px;transition:all .5s ease}
.emerge p{color:#fff;font-size:18px;padding-left:18px;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}table {
    background-color: transparent;
}
/*.sheetleft{ width: 1280px;}
.sheetleft td{position:relative;    transition: all .3s ease;}
.sheetleft td:nth-child(1){width:120px;text-align: left;float: left;}
.sheetleft td:nth-child(2){width: 393px;text-align: left;float: left;}

.sheetleft td:nth-child(n 3){width:240px;text-align: left;float: left;}

.sheetleft tr{height: 36px;line-height: 36px;margin-bottom: 3px;display: block;position:relative}
.sheetleft .text_top::after {
    display:none !important
}


.sheetleft tr:first-child{background: #fff;margin-bottom: 30px;}
.sheetleft td{text-align: center;float: left;width: 33.3%;    position: absolute;z-index:100}
.sheetleft td:nth-child(1) {left:0px}
.sheetleft td:nth-child(2) { left:120px}
    .sheetleft td:nth-child(n 3) {
    
    text-align:center;
       background: #f5f5f5;
    }
.sheetleft td:nth-child(3) {left: 560px}
.sheetleft td:nth-child(4) {left: 800px}
.sheetleft td:nth-child(5) {left: 1040px}
.sheetleft tr{height: 36px;line-height: 36px;margin-bottom: 3px;display: block;position:relative}

.sheetright tr:first-child{background: #fff;margin-bottom: 30px;}
.icon_box1{background:url(/uploads/image/citmoldproject/icon_box1.png) no-repeat center;background-size:cover;width:17px;height:15px;display:inline-block;    vertical-align: 33%;margin-left:10px;margin-right:5px}
.icon_box2{background:url(/uploads/image/citmoldproject/icon_box2.png) no-repeat center;background-size:cover;width:17px;height:15px;display:inline-block;    vertical-align: 33%;margin-right:10px;margin-left:5px}
.sheetleft tr::before{
 content: "";
    display: table;
    clear: both;
}*/

.contact_info {
    padding-top: 60px;
    background: #fff;
    padding-bottom: 70px;
}
.contact_info li {
    width: 410px;
    height: 160px;
    display: inline-block;
    padding-left:40px;
    /*text-align: left;*/
    /*line-height:160px;*/
    float:left;
    /*margin-right: 20px;*/
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    transition: all 0.2s ease;
}
.contact_info li:nth-child(2){
    margin:0 25px
}
.mail_icon {
    width: 64px;
    height: 49px;
    background-position: -917px -9px;
}
.contact_icon {
    display: inline-block;
    vertical-align: middle;
    margin-right:20px;
    background-image: url(/uploads/image/ciabout/contact.png);
}
.qq_icon {
    width: 59px;
    height: 64px;
    background-position: -484px 0;
    margin-right: 40px;
}
.contact_info li .tel_icon {
    width: 60px;
    height: 67px;
    background-position: -50px 0;
    margin-right: 25px;
        margin-top: 6px;
}
.chat_btn {
    font-size: 24px;
    color: #333;
}


.sidebar-tab-onlineservice .sidebar-tab {
    background: #f90;
}
.sidebar-tab {
    background-color: #ba9358;
    width: 80px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: 5px;
    padding-bottom: 15px;
}
.sidebar-tab {
    cursor: pointer;
    position: relative;
    z-index: 2;
}



.sheetleft tr:hover:after {
    transform: scale(1);
    opacity: 1;
        z-index: 2;
       
}
.sheetleft .text_top td{background:#fff}

.sheetleft tr:nth-child(n 2):hover td {
        background: #fff;
}
.sheetleft tr:after{
         content: '';
    position: absolute;
    top: -2px;
    border-radius: 1px;
    left: -15px;
    right: -15px;
    bottom: -6px;
    height:40px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.12);
    opacity: 0;
    transition: all .3s ease;
    transform: scale(.95);
    z-index: -1;
        box-sizing: border-box;
}

/*工艺生产流程*/
.technological{padding:40px 0;width:1280px;margin:0 auto}
.technological ul li{width:350px;float:left;margin-right:115px;position:relative;margin-bottom:58px;}
.technological ul li img{width:100%;height:144px;display:inline-block;}
.technological ul li p{color:#333;font-size:24px;text-align:center;margin-top:15px;}
.technological ul li:nth-child(3n){margin-right:0;}
.technological ul li:nth-child(n 3){margin-bottom:0}
.arrows_right{background:url(/uploads/image/citmoldproject/arrows_right.png) no-repeat center;background-size:cover;position:absolute;right:-81px;display:inline-block;width:48px;height:16px;top:64px;}
.arrows_left{background:url(/uploads/image/citmoldproject/arrows_left.png) no-repeat center;background-size:cover;position:absolute;right:-81px;display:inline-block;width:48px;height:16px;top:64px;}
.arrows_bottom{background:url(/uploads/image/citmoldproject/arrows_bottom.png) no-repeat center;background-size:cover;position:absolute;display:inline-block;width:16px;height:38px;top:200px;left:156px}

/*产品展示*/
.model_pro_title li{float:left;width:140px;height:40px;line-height:38px;border:1px solid #eee;text-align:center;font-size:16px;border-radius:4px;cursor:pointer;margin:0 6px;}
.model_pro_title li:hover{background:#ffad33;color:#fff;}
.model_pro_title li.current{background:#f90;color:#fff;}
.model_pro_box ul li{width:420px;height:328px;margin-right:10px;float:left;}
.model_pro_box ul li img{width:100%;}






.mach_mach{background:#f2f2f2;}

.mach_mach img{width:100%;}

.mach_mach .swiper-button-prev {
    width: 50px!important;
    height: 98px!important;
    background: url(/uploads/image/cimg/anniu.png) no-repeat 0;
    margin-top: -49px;
        left: 325px;
}
.mach_mach .swiper-button-next {
    width: 50px!important;
    height: 98px!important;
    background: url(/uploads/image/cimg/anniu.png) no-repeat -200px;
    margin-top: -49px;
        right: 325px;
}