@charset "utf-8";
.lineheight28{line-height:28px;}
h1,h2,h3,h4,p{margin:0;padding:0}
.pt50{padding-top:50px;}
.pb60{padding-bottom:60px;}
.cl-fff{color:#fff}
.cl_fff{color:#fff}
.banner{background:url(/uploads/image/citmetalplate/title.jpg) no-repeat center;background-size:cover;height:500px;padding:0}
.title{margin:0 auto;text-align:center;margin-bottom:30px;}
.title p{font-size: 30px;line-height: 47px;font-weight:bold;margin-bottom:5px}
.title span{font-size: 16px;line-height: 26px;display:inline-block}
/*banner*/

.smtbanner-count p {
    line-height: 36px;
}
.white {
    color: #fff;
}
.f24 {
    font-size: 24px;
}
.smtbanner-count ul {
    overflow: hidden;
}
.smtbanner-count ul li{margin-bottom:16px}
.lh30 {
    line-height: 30px;
}
 .db {
    display: block;
}.smtbanner-count ul li p{
     color:#fff
}
 .smtbanner-count .special {
    color: #fff;
    width: 100%;
    margin-right: 10px;
}
 .smtbanner-count .special input {
    width: 105px;
    line-height:36px;
    height:36px;
    border-radius: 4px;
    color: #999999;
    text-align: left;
    padding-left: 7px;
    border: none;
}
 .smtbanner-count ul li select, .smtbanner-count ul li option {
    width: 239px;
    height: 36px;
    border-radius: 5px;
    border: 0;
    outline: none;
    padding-left: 10px;
    color:#333;
}
  .smtbanner-count ul li select, .smtbanner-count ul li option:hover{
     color:#333
  }
 button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
 .smtbanner-count .smtquotenow {
    font-size: 20px;
    border-radius: 5px;
    width: 320px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #f90;
    display: block;
    color: #fff!important;
}
/*专注于钣金设计、制造、加工一体化服务*/
.why{background:url(/uploads/image/citmetalplate/why_bg.jpg) no-repeat center;background-size:cover}
.toggledata{height:500px;box-shadow: 0px 10px 30px 0px 
		rgba(0, 0, 0, 0.1);}
.toggledata .toggledataleft{width:260px;height:500px;padding-top:35px;background:url(/uploads/image/citmetalplate/toggledataleft.jpg) no-repeat center;background-size:cover}
.toggledataleft ul{width:260px;}
.toggledata li{width:230px;float:right;height:70px;line-height:70px;color:#fff;padding-left:25px;font-size: 18px;}
.toggledata li:hover{background:#fff;color:#f90;    border-radius: 5px 0 0 5px;}
.toggledata .active{background:#fff;color:#f90;    border-radius: 5px 0 0 5px;font-weight:bold}
.advertising{    width: 230px;
    float: right;
    color: #fff;
    padding-left: 25px;
    padding-top:15px;
    font-size: 18px;}
.advertising span{}
.advertising p{}

.toggledata .toggleswiper{width:1020px;height:500px;background:#fff}
.togglelist1 p{float:left;width:484px;height:224px;margin-right:10px;background:#fff;overflow:hidden}
.togglelist1 p:nth-child(2n){margin-right:0;}
.togglelist2 p{float:left;width:320px;height:224px;margin-right:10px;background:#fff;overflow:hidden}
.togglelist2 p:nth-child(3n){margin-right:0;}
.togglelist3 p{float:left;width:484px;height:224px;margin-right:10px;background:#fff;overflow:hidden}
.togglelist3 p:nth-child(2n){margin-right:0;}
.togglelist4 p{width:485px;float:left;height:460px;margin-right:10px;background:#fff;overflow:hidden}
.togglelist4 p:nth-child(2n){margin-right:0;}
.togglelist4 p span{display:inline-block;width:100%;overflow:hidden}
.togglelist5 p{width:485px;float:left;height:460px;margin-right:10px;background:#fff;overflow:hidden}
.togglelist5 p span{display:inline-block;width:100%;overflow:hidden}
.togglelist5 p:nth-child(2n){margin-right:0;}

.toggleswiper p img{width:100%;height:100%}
.toggleswiper p img:hover {transition:all .5s ease;    transform: scale(1.05);}

.toggleswiper .swiper-slide{padding:20px;}
/*工程支持*/
.support{ padding-top:50px;padding-bottom:60px;background:#f5f5f5;height: 507px;}
.contentsupport li{float:left;width: 270px;height: 326px;background-color: #ffffff;    padding: 35px 30px 0 30px;margin-right:65px;transition:all .5s ease;text-align:center}
.contentsupport li img{width:180px;height:180px;display:block;margin:0 auto}
.contentsupport li p{color: #333333;font-size: 20px;font-weight:bold;text-align:center;margin-bottom:10px;}
.contentsupport li span{display:inline-block;text-align:center;color: #999999;font-size: 14px;}
.contentsupport li:last-child{margin-right:0}
.contentsupport li:hover{	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);margin-top: -5px;
    margin-bottom: 25px;}
/*品质管控*/
.control{padding-top:40px;padding-bottom:50px;background:url(/uploads/image/citmetalplate/control.jpg) no-repeat center;background-size:cover}
.controlorder ul{float:left;width:352px;}
.controlorder  .controlleft{margin-right:56px;}
.controlorder  .controlleft li{text-align:right}
.controlorder  .controlleft li i{display:inline-block;position:absolute;right:-9px;top:-2px;background-color: #ff9900;opacity: 0.5;width: 28px;height: 28px;border-radius:50%}

.controlorder img{float:left;display:inline-block;width: 468px;height: 387px;opacity:0}
.controlorder  .controlright{margin-left:50px;}

.controlorder  .controlright li{text-align:left}


.controlorder  .controlright li i{display:inline-block;position:absolute;left:-9px;top:-2px;background-color: #ff9900;opacity: 0.5;width: 28px;height: 28px;border-radius:50%}

.controlorder ul li{margin-bottom:60px;position:relative}
.controlorder ul li p{ color: #ffffff; font-size: 24px;position:relative;font-weight:bold;z-index:1}
.controlorder ul li span{font-size: 16px;color: #cccccc;display:block}

/*为什么选择捷配钣金*/
.choice{padding-top:50px;padding-bottom:58px;}
.choicecontent{}
.oneself{float:left;width:822px;height:458px;background-color: #ffffff;box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;text-align:center;padding-top:42px;position:relative}
.oneself i{display:inline-block;position:absolute;top:-25px;left:50%;margin-left:-31px;border-radius:50%;	width: 62px;height: 61px;background:url(/uploads/image/citmetalplate/oneself_i.png) no-repeat center;background-size:cover}
.oneself .newtitle{	border-radius: 29px;background-color: #ff9900;height: 50px;width: 686px;text-align:center;font-size: 24px;color: #ffffff;line-height:50px;font-weight:bold;   margin: 0 auto;margin-bottom:20px; }
.oneself li{    height: 55px;
    line-height: 55px;
    padding-left: 68px;
    text-align: left;margin-bottom:8px;}
.oneself li img{width: 54px;height: 54px;border-radius:50%;display:inline-block;margin-right:18px;}
.oneself li span{display:inline-block;font-weight:bold;font-size: 18px;color: #333333;}

.other{float:left;margin-top:23px;border-radius: 0px 10px 10px 0px;background-color: #e5e5e5;height: 412px;width: 458px;padding-top:27px;}
.other .newtitle{width: 372px;height: 42px;background-color: #666666;border-radius: 29px;line-height:42px;text-align:center;color: #ffffff;font-size: 20px; margin: 0 auto;margin-bottom:20px; font-weight:bold;  }
.other li{color: #333333;font-size: 18px;font-weight:bold;padding-left:76px;text-align:left;height: 55px;margin-bottom:8px;
    line-height: 55px;}


/*下单流程*/
.flowgraph{padding-top:50px;padding-bottom:60px;height:400px;background:url(/uploads/image/citmetalplate/flowgraph_bg.jpg) no-repeat center;background-size:cover;}
.flowgraph_img{display:inline-block;margin-bottom:60px;}

/*生产流程*/
.production{padding-top:50px;padding-bottom:65px;}
.orderswiper {
    width: 100%;
    height: 380px;    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}  
.orderswiper .swiper-slide{width:100%;height:380px;background-color: #ffffff;
}
.orderswiper .swiper-slide img{float:left;width: 942px;height: 380px;background-color: #b3b3b3;}
.orderswiper .swiper-slide  .presentation{float:left;width: 338px;height: 380px;background:#fff;padding-bottom:50px;padding-top:60px;padding-left:50px;padding-right:60px;}
.presentation p{font-size: 20px;color: #333333;font-weight:bold;margin-bottom:27px;}
.presentation span{font-size: 14px;color: #999999;display:inline-block;line-height:30px;}
.productioncontent ul{position:relative}
.productioncontent li{display:inline-block;width:102px;float:left;text-align:center;margin-right:45px;padding-bottom:35px;}
.productioncontent li p img{width:60px;height:60px;display:inline-block;margin-bottom:30px;}
.productioncontent li p {position:relative;}
.productioncontent li p i{display:inline-block;width:36px;height:10px;line-height:10px;position:absolute;right: -39px;top:16px;background:url(/uploads/image/citmetalplate/productioncontent_line.png) no-repeat center;background-size:cover}
.productioncontent li span{color: #ff9900;font-size: 18px;color: #333333;display:inline-block;cursor:pointer}
.productioncontent li .active{transition:all .5s ease;font-weight:bold;color:#f90}
.productioncontent li:last-child{margin-right:0;}
.productioncontent .productionline{width: 41px;height: 3px;background-color: #ff9900;position:absolute;bottom:20px;    left: 51px; margin-left: -20.5px;}


/*复制*/
.newillustrate {
    width: 100%;
    height: 466px;
    background-size: cover;
    padding-top: 30px;
        background-color: #fafafa;
}
.globalfamouspartner {
    width: 1280px;
    height: 290px;  
}
.globalfamouspartner li {
    width: 196px;
    height: 80px;
    	box-shadow: 0px 10px 20px 0px 
		rgba(0, 0, 0, 0.05);

    background-repeat: no-repeat;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.mt90{margin-top:90px;}
/*.globalfamouspartner li.coop_icon1{background-position: 24px -105px;}
.globalfamouspartner li.coop_icon2{background-position:-111px -107px;}
.globalfamouspartner li.coop_icon3{background-position:-259px -108px;}
.globalfamouspartner li.coop_icon4{background-position:64px -502px;}
.globalfamouspartner li.coop_icon5{background-position:-541px -107px;}
.globalfamouspartner li.coop_icon6{background-position:-684px -108px;}
.globalfamouspartner li.coop_icon7{background-position:-170px -502px;}
.globalfamouspartner li.coop_icon8{background-position:-1120px -108px;}
.globalfamouspartner li.coop_icon9{background-position:-411px -500px;}
.globalfamouspartner li.coop_icon10{background-position:-675px -497px;}
.globalfamouspartner li.coop_icon11{background-position:-254px -165px;}
.globalfamouspartner li.coop_icon12{background-position:-930px -493px;}
.globalfamouspartner li.coop_icon13{background-position:-550px -170px;}
.globalfamouspartner li.coop_icon14{background-position:-1138px -487px;}
.globalfamouspartner li.coop_icon15{background-position:-832px -166px;}
.globalfamouspartner li.coop_icon16{background-position:-1118px -168px;}
.globalfamouspartner li.coop_icon17{background-position:8px -358px;}
.globalfamouspartner li.coop_icon18{background-position:41px -598px;}
.globalfamouspartner li.coop_icon19{background-position:-311px -361px;}
.globalfamouspartner li.coop_icon20{background-position:-475px -358px;}
.globalfamouspartner li.coop_icon21{background-position:-627px -361px;}
.globalfamouspartner li.coop_icon22{background-position:-791px -359px;}
.globalfamouspartner li.coop_icon23{background-position:-953px -358px;}
.globalfamouspartner li.coop_icon24{background-position:-1116px -357px;}
.globalfamouspartner li.coop_icon25{background-position:7px -419px;}
.globalfamouspartner li.coop_icon26{background-position:-155px -600px;}
.globalfamouspartner li.coop_icon27{background-position:-310px -420px;}
.globalfamouspartner li.coop_icon28{background-position:-476px -420px;}
.globalfamouspartner li.coop_icon29{background-position:-636px -420px;}
.globalfamouspartner li.coop_icon30{background-position:-794px -419px;}*/

/*产品展示*/




.count {
    margin-left: 20px;
    width: 320px;
    height: 50px;
    color: #fff;
    background: #f90;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
    display:block;
    margin:0 auto;
}
.specificyes{
    width: 260px;
    height: 50px;
    color: #fff;
    background: #f90;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
    display:inline-block;
}
.specificyes:hover{color:#fff;    background: #ffad33; }
.center{text-align:center}
.specific{
    width: 260px;
    height: 50px;
    color: #f90;
    border-radius: 4px;
    border:1px solid #f90;margin-left:24px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
    display:inline-block;
}
.specific:hover{
      background: #f90;
    color: #fff;
}

.count:hover {
    background: #ffad33;
    color: #fff;
}
.count .j2 {
    background: url(/uploads/image/cismt/j1.png) no-repeat;
}
.j2 {
    display: inline-block;
    width: 30px;
    height: 26px;
    background: url(/uploads/image/cismt/j2.png) no-repeat;
    vertical-align: middle;
}