.content{ padding-bottom:80px;}
.title{ font-size:30px; font-weight:bold; color:#1c1c1c; padding:0 5px;}
.title span{ font-size:16px;color:#1c1c1c;}
.left ul{ border-bottom:#dee8ea 1px solid; margin-top:30px;}
.left ul li{ padding:0 24px;height:80px; border:#dee8ea 1px solid; border-bottom:none; position:relative;}
.left ul li a.a{ font-size:16px; margin-left:20%; display:inline-block; border-left:#1b70a4 3px solid; height:22px; text-indent:10px; width:78%; margin-top:30px;}
.left ul li i{position:absolute;left:26px; top:22px;}
.left ul li i.aboutUs{background: url("../images/list1.png") no-repeat left center;width:37px; height:32px;}
.left ul li:hover i.aboutUs,.left ul li.e i.aboutUs{background: url("../images/list1-1.png") no-repeat left center;}
.left ul li i.gssj{background: url("../images/list1.png") no-repeat left center;width:37px; height:32px;}
.left ul li:hover i.gssj,.left ul li.e i.gssj{background: url("../images/list1-1.png") no-repeat left center;}
.left ul li i.qywh{background: url("../images/list2.png") no-repeat left center;width:36px; height:40px;}
.left ul li:hover i.qywh,.left ul li.e i.qywh{background: url("../images/list2-2.png") no-repeat left center;}
.left ul li i.fzlc{background: url("../images/list3.png") no-repeat left center;width:42px; height:40px;}
.left ul li:hover i.fzlc,.left ul li.e i.fzlc{background: url("../images/list3-3.png") no-repeat left center;}
.left ul li i.p{background: url("../images/list4.png") no-repeat left center;width:42px; height:40px;}
.left ul li:hover i.p,.left ul li.e i.p{background: url("../images/list4-4.png") no-repeat left center;}
.left ul li i.f{background: url("../images/list5.png") no-repeat left center;width:42px; height:40px;}
.left ul li:hover i.f,.left ul li.e i.f{background: url("../images/list5-5.png") no-repeat left center;}
.left ul li.e a.borders,.left ul li:hover a.borders{position:absolute; left:0;top:0; border:#ee6e23 1px solid; height:80px; width:100%; z-index:2; margin:0;}
.left ul li.e a,.left ul li:hover a{ border-left-color:#f7941d; color:#f7941d}
.right h2{ font-size:21px; color:#1b70a4; margin-bottom:15px; line-height:28px; margin-top:0; font-weight:bold; font-family:"黑体"}
.right h3{ font-size:18px; color:#ee6e23;margin-bottom:15px;line-height:28px; font-weight:bold; margin-top:0;font-family:"黑体"}
.right h4{ font-size:14px; color:#585858;margin-bottom:20px;line-height:28px;}
.right p{ font-size:16px; border-left:#ee6e23 2px solid; padding-left:50px;line-height:28px; margin:80px 0 0 50px; min-height:70px; }
.text-indro{ padding:0 20px; margin-top:30px;}

.prolist{overflow:hidden;margin:30px 5px 0;}
.prolist li{ float:left;width:33.33333%; border-radius:0; border-right:none; margin-bottom:30px;padding:15px 0; overflow:hidden;}
.prolist li.bordRight{border-right:#ddd 1px solid;}
.prolist li p{ line-height:30px; text-align:center;}
.prolist li p a{display:block;}
.prolist li a img{transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;}
.prolist li a:hover img{ transform:translateY(-5px);-webkit-transform:translateY(-5px); opacity:0.8;}
.prolist li a{
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;}
.prolist li:hover a{ transform:translateY(-3px);-webkit-transform:translateY(-3px);}
/*制程能力*/
.p-tit{ margin:0 -10px;}
.p-tit li{ padding:0 24px;height:80px;position:relative;}
.p-tit li a.a{ font-size:16px; margin-left:20%; display:inline-block; border-left:#1b70a4 3px solid; height:22px; text-indent:10px; width:78%; margin-top:30px;}
.p-tit li i{position:absolute;left:26px; top:22px;}
.yellow li.e{ background-color:#ee6e23;}
.blue li.e{ background-color:#1b70a4;}
.p-tit li.e i.p{background:url("../images/list4-4-4.png") no-repeat left center;width:37px; height:32px;}
.p-tit li.e i.f{background:url("../images/list5-5-5.png") no-repeat left center;width:37px; height:32px;}
.yellow li.e a{ border-left-color:#f7941d; color:#fdece2}
.blue li.e a{ border-left-color:#a6d7f5; color:#e1ecf3}
.dg{ width:100%; height:80px;}
.product{margin:30px 0;}
.bigIco{ position:absolute; left:40%; top:-70px; z-index:-1;}
.bigIco2{ position:absolute; right:1%; top:-70px; z-index:-1;}



.products{
    padding-top:20px;
    margin-top: 20px;
}
.products.fpc{
    background:url(../images/bg-fpc.png) no-repeat 80% top;
    background-size:15% auto;
}
.products.pcb{
    background:url(../images/bg-pcb.png) no-repeat 80% top;
    background-size:15% auto;
}
.products .media{
    padding-bottom: 10px;
    padding-top: 30px;
    max-width: 520px;
}
.right .products .media{
    float: right;
}
.products .media .media-left{
    font-size:24px;
    line-height: normal;
    font-weight: 700;
    color:#a3a3a3;

    padding:8px 8px 5px;
    border-bottom:1px solid #ddd;
    margin-right: 10px;
}
.products .media .media-body{
    padding-left:10px;
    border-left:1px solid #ddd;
}
.products .media .media-body h3{
    font-size:20px;
    color:#454545;
    margin-bottom: 10px;
    margin-top: 0;
    margin-top: 15px;
}

.products .media .media-body h3:first-child{margin-top: 0;}

.products .media .media-body h4{
    font-size:16px;
    margin: 5px 0 8px;
    color:#7f7f7f;
    line-height: 1.6;
    font-weight: 400;
}

.products .media .media-body p{
    font-size:14px;
    color:#7f7f7f;
    border:none;
    padding: 0;
    line-height:1.6; margin:0;
    min-height:70px;
}
.job .column{
    padding-bottom: 50px;
    border-bottom: 1px solid #dee8ea;
}
.job .column .sub-title{
    padding-left:10px;
    border-left:2px solid #1b70a4;
    font-size:20px;
    margin-bottom: 30px;
}

.job .column p{
    margin-bottom: 40px;
}
.job .column .btn{
    padding:10px 34px;
    border-radius: 50px;
}
.btn.orange{
    background:#ee6e23;
    color:#fff;
}
.btn.blue{
    background:#1b70a4;
    color:#fff;
}

.contact li{
    padding:5px 0;
    padding-left:26px;
}
.contact li.ads{
    background:url(../images/icon-ads.jpg) no-repeat left center;
}
.contact li.phone{
    font-size:30px;
    color:#ee6e23;
    background:url(../images/icon-phone.jpg) no-repeat left center;
}
.contact li.phone small{
    font-size:12px;
    color:#777;
}
.contact li.email{
    background:url(../images/icon-email.jpg) no-repeat left center;
}

.contact dl dt{
    font-size:16px;
    color:#1b70a4;
    margin-bottom: 8px;
    margin-top: 10px;
}

.contact .form-body{
    padding-right:70px;
}
.contact .form-body h3{
    font-size:20px;
    color:#7f8c8c;
    margin-bottom: 40px;
    margin-top: 0;
}
.contact .form-body .form-control{
    background-color: #eeeeee;
    border:none;
    border-left:3px solid #e2e2e2;
    border-top:2px solid #e2e2e2;
}

.contact .form-body .form-control:focus{
    box-shadow: none;
}
.contact .form-body .btn{
    padding:7px 70px;
}

@media (max-width: 992px) {
    .product{width:100%; }
}
@media (max-width: 768px) {
    .prolist ul{}
    .prolist li{ width:100%;border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
    .prolist .more{padding: 6px 18px; margin-top:20px;}
    .products .media .media-body h3,.job .column .sub-title{ font-size:14px;}
    .products .media .media-body p,.job .column p {font-size:12px; line-height:22px;}
    .contact .form-body h3{ margin-top:20px; font-size:16px;}
    .p-tit{ margin:0 0;}
}

@media (max-width: 600px) {
    .title{ font-size:18px;}
    .title span{ font-size:12px;}
    .left ul li a.a{ margin-left:25%; width:70%;}
    .right h2,.right h3{font-size:14px;}
    .right p{font-size:12px; padding-left:20px; margin:20px 0 0 20px;}
    .m2{ width:174px; height:435px; margin:0 auto; display:block;}
}