@charset "utf-8";
.banner {
    height: 500px;
    background: url(/uploads/image/cicnc/banner1.jpg) no-repeat center;
    padding-top:358px;
}
.skipcnc {
    display: inline-block;
    width: 240px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    background: #f90;
    color: #fff;
}
.skipcnc:hover{background:#ffad33;color:#fff;}
.advantage{
    padding:40px 0;
}
.advantage li{float:left;width:320px;}
.advantage li p{margin-bottom:0;font-size:18px;}
.mach_mach{background:#f2f2f2;padding:50px 0;}

.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;
}

@media only screen and (min-width: 1000px) {


.mach_mach_box{height:180px;width:100%;padding:30px 25px;text-align:left;}
.mach_mach_txt{
    line-height:24px;
    margin-top:20px;
}
.common_material {
    background: url(/uploads/image/cicnc/mar_bg.jpg) no-repeat center top;
    padding-top:50px;
    background-size:100%;
}
.common_material_pro{background:url(/uploads/image/cicnc/video_bg1.jpg) no-repeat center;height:336px;}
.common_material_pro li{float:left;width:426px;padding:125px 40px;border-right:1px solid #a6abbe;height:336px;transition:all 0.15s}
.common_material_pro li h3{font-size:42px;}
.common_material_pro li b{display:block;width:35px;height:2px;background:#f90;margin:20px 0;}
.common_material_pro li span{font-size:16px;}
.common_material_pro li.hover{
    background:rgba(0,0,0,0.2);
}
/*处理*/
.cl{background:url(/uploads/image/cicnc/cl_bg.jpg) no-repeat center top;padding:50px 0;}
.cl ul{margin-top:115px;}
.cl ul li{
    margin-right:20px;
    float:left;
    position:relative;
    transition:all 0.15s ease;
}
.cl_txt {
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    padding-top: 45px;

    padding-left: 20px;
    height: 101px;
    background-image: linear-gradient(0deg, #11110f 0%, rgba(0,0,0,0) 100%);
}
.cl_txt p{margin-bottom:10px;margin-top:10px;}
.cl ul li:hover{
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    margin-top:-2px;
}
/*流程*/
.lc{padding:15px 0;}
.lc li{
    float:left;
    width: 256px;
}
.lc li p{margin-top:10px;color:#555;}
/*产品*/
.pro {padding-top:50px;}
.pro ul{margin-top:40px;}
.pro ul li{margin-right:20px;margin-bottom:20px;float:left;transition:all 0.15s ease;position:relative;}
.pro ul li:hover{
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
}
/*领域*/
.ly{padding-top:40px;}
.ly ul li{
    margin-right:20px;
    float:left;
    position:relative;
    transition:all 0.15s ease;
    top: 0;
}
.ly ul{margin-top:40px;color:#fff;}
.ly ul li:hover{
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    top:-2px;
}
.ly ul li{margin-bottom:20px;}
/*注意事项*/
.metion{padding-top:50px;padding-bottom:50px;}
.metion ul {
    margin-top: 40px;
    background: url(/uploads/image/cicnc/sh.jpg) no-repeat center top;
    height:300px;
}
.metion ul li{float:left;    width: 320px;
    padding: 90px 20px 20px;}
.metion ul li h3{text-align:center;}
.metion_txt{font-size:16px;color:#666;line-height:24px; padding-top: 30px;}

.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;
}
.process{padding:65px 0;}
.process ul li{float:left;width:255px;height:190px;}
.process li p{	background-color: #f6f6f6;border: solid 2px #e5e5e5;height: 74px;line-height:74px;text-align:center;color: #222222;font-size: 24px;font-weight:bold;margin:0;border-right:none}
.process li span{display:inline-block;padding:32px 12px;font-size: 16px;color: #666666;text-align:left;border: solid 2px #e5e5e5;border-top:none;border-right:none;    height: 115px;
    width: 100%;}
.process ul li:last-child{border-right:#e5e5e5 2px solid}
