/*通用样式*/
html {
    width: 100%;
}

body {
    font: 16px Arial,"Helvetica Neue", Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd {
    margin: 0;
    list-style: none;
}

input {
    border: none;
}

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

a:hover {
    text-decoration: none;
}

/*导航条*//*小导航条*/
div.small {
    width: 100%;
    height: 36px;
    background-color: #a3d758;
    line-height: 36px;
}
ul.e-fgs {
    float: right;
}

ul.e-fgs > li {
    float: left;
    font-size: 1em;
    color: #fff;
}

ul.e-fgs a {
    color: #fff;
}

ul.e-fgs a:hover {
    color: #737373;
}

/*logo部分*/
div.logo {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 70px;
}
ul.home {
    float:right;
    margin-right:15px;
}
ul.home >li{
    padding-right:30px;
    float: left;
    line-height: 70px;
    font-size: 1em;
    color: #8a8787;
}
ul.home>li:last-child{
    padding-right:0;
}
ul.home>li>a.first {
    width: 40%;
    color: #000;
    padding-bottom: 8px;
    border-bottom: 1px solid #a3d758;
}

/*product下拉框*/
li.products_nav{
    position:relative;
}
li.products_nav:hover ul.products_list{
    display:block;
}
ul.products_list{
    display:none;
    position:absolute;
    top:50px;
    left:0;
}
ul.products_list,ul.five-axis,ul.droplet{
    width:193px;
    z-index:500;
    background-color: #7ebc25;
    padding-left:0;
}
ul.products_list>li,ul.five-axis>li,ul.droplet>li{
    height:50px;
    padding:0 15px;

}
ul.five-axis>li{
    padding-left:30px;
    height:37.5px;
    line-height:37.5px;
}
ul.products_list>li,ul.droplet>li{
    padding-top:10px;
    line-height: 15px;
}
ul.products_list>li:first-child,ul.droplet>li:first-child{
    padding-top:0;
}
ul.products_list>li:hover,ul.five-axis>li:hover,ul.droplet>li:hover{
    background-color: #6ea621;
}
ul.products_list>li.five:hover ul.five-axis,ul.products_list>li.multi:hover ul.droplet{
    display:block;
}
ul.products_list>li>a,ul.five-axis>li>a,ul.droplet>li>a{
    font-size:13px;
    color:#fff;

}
ul.products_list>li:first-child>a,ul.droplet>li:first-child>a{
    line-height:37.5px;
}
/*二级菜单*/
li.five,li.multi{
    position:relative;
}
ul.five-axis,ul.droplet{
    display:none;
    position:absolute;
    left:193px;
    border-left:1px solid #c9d9b4 ;
}
ul.five-axis{
    top:-50px;
}
ul.droplet{
    top:-100px;
}
/*广告轮播*/
#bg-big1 {
    width: 100%;
    height: 400px;
}

.slide-item1,.slide-item2,.slide-item3,.slide-item4 {
    width: 100%;
    height: 400px;
}

.slide-item1 {
    background: url("../images/ht_db02.jpg") no-repeat center center;
    background-size: cover;
}

.slide-item2 {
    background: url("../images/banner_03.jpg") no-repeat center center;
    background-size: cover;
}

.slide-item3 {
    background: url("../images/ht_db03.jpg") no-repeat center center;
    background-size: cover;
}
.slide-item4 {
    background: url("../images/ces_banner.png") no-repeat center center;
    background-size: cover;
}
div.item a{
    display: block;
    width: 100%;
    height: 400px;
}
@media screen and (min-width: 1061px) {
    .carousel-control.right {
        right: 0;
    }
}

@media screen and (max-width: 1060px) {
    div.carousel-inner {
        width: 1060px;
    }

    .slide-item1, .slide-item2, .slide-item3 {
        width: 1060px;
    }

    .carousel-control.right {
        right: -80px;
    }
}

.carousel-caption {
    position: absolute !important;
    bottom: 20px !important;
    color: #fff !important;
    height: 325px !important;
    width: 480px !important;
    padding-left: 54px !important;
}

.carousel-caption-title {
    font-size: 22px !important;
    color: #fff !important;
    height: 50px !important;
    line-height: 50px !important;
    text-align: left;
}

.carousel-caption-content {
    font-size: 14px !important;
    line-height: 25px;
    color: #fff !important;
    text-align: justify;
}

/*我们的产品*/
#product, #service {
    margin: 60px auto;
    text-align: center;
}

#product > h3, #service > h3 {
    margin-bottom: 20px;
}

#product > p, #service > p {
    color: #808080;
    margin-bottom: 30px;
}
div.product_img{
    margin-top:30px;
    width:1050px;
    height:450px;
    background:url(../images/index6_03.png) no-repeat center center;
    position:relative;
}
div.per_product p a{
    position:absolute;
    color:#333;
    font-size:12px;
    text-decoration: none;
    font-weight:bold;
}
p.p1 a{
    top:-12px;
    left:45px;

}
p.p2 a{
    top:27px;
    left:140px;
}
p.p3 a{
    top:73px;
    left:242px;
}
p.p4 a{
    top:87px;
    left:350px;
}
p.p5 a{
    top:84px;
    left:600px;
}
p.p6 a{
    top:68px;
    left:720px;
}
p.p7 a{
    top:25px;
    left:800px;
}
p.p9 a{
    top:-20px;
    left:900px;
}
div.per_product p.p8 a{
    text-align: center;
    top:273px;
    left:502px;
    font-size:13px;
}
div.per_product p a:hover{
    color:#3394dc;
}
/*我们的服务*/
#bg {
    background-color: #ebebeb;
}

#service {
    padding: 50px 0 50px 25px;
}

div.imgs > div {
    float: left;
    width: 18%;
    margin-right: 2%;
    height: 290px;
    background-color: #fff;
    padding-top: 70px;
}

div.imgs > .d1 {
    border-top: 1px solid #f25510;
}

div.imgs > .d2 {
    border-top: 1px solid #14a4ad;
}

div.imgs > .d3 {
    border-top: 1px solid #333;
}

div.imgs > .d4 {
    border-top: 1px solid #83c326;
}

div.imgs > .d5 {
    border-top: 1px solid #0878d2;
}

div.imgs > div img {
    padding-bottom: 30px;
    width: 50%;
    margin: 0 auto;
}

div.imgs > div .img2 {
    padding-bottom: 60px;
}

div.imgs > div {
    position: relative;
    cursor: pointer;
}

div.imgs > div > p {
    width: 100%;
    float: left;
    height: 290px;
    background-color: #e6e6e6;
    padding-top: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    animation: slideBottom 500ms linear;
    -webkit-animation: slideBottom 500ms linear;
    -o-animation: slideBottom 500ms linear;
}

@keyframes slideBottom {
    from {
        transform: rotateY(180deg);
    }
    to {
        transform: rotateY(0);
    }
}

@-webkit-keyframes slideBottom {
    from {
        transform: rotateY(180deg);
    }
    to {
        transform: rotateY(0);
    }
}

@-o-keyframes slideBottom {
    from {
        transform: rotateY(180deg);
    }
    to {
        transform: rotateY(0);
    }
}

/*智造创客广告轮播*/
.zzck {
    background-repeat: repeat-x;
    margin: 50px auto;
    min-width: 1060px;
}

.zzckwz {
    text-align: center;
    padding-top: 40px;
    color: #131211;
}

.zzck .h2 {
    font-size: 16px;
    color: #6b6b6c;
    height: 60px;
    line-height: 30px;
    margin: 30px auto;
    width: 1060px;
}

.slide1 {
    position: relative;
    width: 1060px;
    margin: 20px auto 50px;
}

.images {
    width: 1060px;
    height: 427px;
    overflow: hidden;
    margin: 0 auto
}

.images div {
    float: left;
}

.backward, .forward {
    position: absolute;
    width: 24px;
    height: 32px;
    overflow: hidden;
    top: 75px;
    cursor: pointer;
    font-size: 0;
    margin-top: 110px;
}

.backward {
    left: 30px;
    background: url(../images/qw_10.png) center no-repeat;
}

.forward {
    right: 30px;
    background: url(../images/qw_13.png) center no-repeat;
}

.backward:hover {
    background: url(../images/qw_10.png) center no-repeat;
}

.forward:hover {
    background: url(../images/qw_13.png) center no-repeat;
}

/*页面底部*/
div.footer {
    background-color: #33363c;
    width: 100%;
    padding: 60px 0 20px;
    text-align: center;
}

div.col-xs-2, div.foot_services {
    text-align: left;
}

div.col-xs-2 > h4, div.foot_services > h4 {
    margin-bottom: 10px;
    color:#a4a5a6;
}

div.col-xs-2 > p, div.col-xs-3.rt > p, div.foot_services > p {
    margin-top: 10px;
    font-size: 14px;
    color: #737373;
}

div.rt{
    border-left: 1px solid #3b3e43;
}

div.col-xs-3.rt > h3 {
    color: #84c329;
    margin-bottom: 10px;
    font-size: 22px;
}

div.hr {
    margin-bottom: 20px;
}
div.foot{
    padding-top:20px;
    border-top: 1px solid #434343;
}
div.hr p:hover {
    cursor: pointer;
    color: #83c326;
}

div.foot > div.col-xs-12 {
    color: #737373;
    font-size:12px;
}

/*About us*/
div.about {
    margin-bottom: 30px;
}

div.aboutUs {
    width: 100%;
}

ul.list-inline {
    width: 100%;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ebebeb;
}

ul.list-inline > li {
    text-align: center;
    width: 12%;
    border-right: 1px solid #ededed;
}

ul.list-inline > li.last {
    border-right: 0;
}

ul.list-inline > li > a.active {
    color: #8dc740;
}

div.banner {
    width: 100%;
    text-align: center;
}

div.banner > img {
    width: 100%;
    margin: 0 auto;
}

/*Hwatec Introduction*/
div.intro {
    width: 100%;
    margin-bottom:50px;
}

div.intro > h2 {
    margin: 30px auto;
}

div.intro > p {
    line-height: 30px;
    color: #595959;
    text-align: justify;
}

div.intro div.col-xs-2 {
    color: #fc6132;
    border: 1px solid #fec5b5;
    text-align: center;
    line-height: 60px;
}

div.intro div.col-xs-2:not(.share) {
    margin-right: 10%;
}

div.col-xs-6.img-responsive > img {
    width: 100%;
}

div.col-xs-12.img-responsive > img {
    width: 100%;
}

div.r1 {
    margin-bottom: 20px;
}

p.orient {
    padding: 20px 0;
}

/*联系我们*/
div.contact {
    margin: 50px auto;
}

div.add, div.add1 {
    padding: 50px 0;
}

div.add1 {
    border-bottom: 1px solid #ebebeb;
}

div.h_office h3 {
    color: #83c326;
    margin-bottom: 40px;
}

div.h_office h4 {
    color: #83c326;
    margin: 20px 0;
}

div.h_office p {
    line-height: 30px;
    color: #7b7b7b;
}

/*css新增样式 product_160*//*160_nav*/
div.pro_160_nav {
    background-color: #f5f5f5;
    width: 100%;
    line-height: 50px;
    height: 50px;
}

div.pro_160_nav div.col-xs-2 {
    color: #000;
}

ul.nav_160 {
    width:59.2%;
    float:right;
    margin-right:15px;
}

ul.nav_160 li {
    padding: 0 3%;
    display: inline-block;
}
ul.nav_160 li:last-child{
    padding-right:0;
}
ul.nav_160 li a {
    display: inline-block;
    color: #808080;
    font-weight: normal;
    line-height: 50px;
    height: 50px;
}

ul.nav_160 li a:hover {
    color: #83c326;
}

/*160产品介绍*/
div.banner_160 {
    width: 100%;
    text-align: center;
    margin: auto 0;
}
div.pro_intro {
    position: absolute;
    width: 100%;
    top: 10%;
    left: 0;
}

div.pro_intro h3 {
    text-align: center;
    margin: 30px auto 80px;
    color: #000;
}

div.pro_intro h4, div.pro_intro p {
    margin-left: 20%;
}

div.pro_intro h4 {
    margin-bottom: 20px;
    color: #ea3035;
}

div.pro_intro p {
    width: 35%;
    text-align: justify;
    line-height: 30px;
    color: #7d7f7f;
}

/*产品特点*/
div.special, div.prarmaters {
    width: 100%;
    padding:60px 0 45px;
}
#para{
    background-color: #f7f7f7;
}
div.special h3, div.prarmaters h3, div.apply h3 {
    width: 100%;
    text-align: center;
}
div.spe{
    text-align: center;

}
div.spe, div.con {
    margin: 30px auto 0;
    font-size:14px;
}
div.con{
    color:#5c5c5c;
    line-height:25px;
    text-align: justify;
}
div.spe {
    height: 233px;
    overflow: hidden;
}
div.spe div.container {
    height: 900px;
}

div.spe div.row {
    margin: 0 auto;
    height: 300px;
}

div.spe div.row div.col-xs-3, div.spe div.row div.col-xs-1 {
    height: 300px;
}

div .spe div.col-xs-1 img {
    margin-top: 60px;
}
div.spe div.col-xs-3{
    margin:0 2.5%;
    width:28%;
}
div.spe div.col-xs-3 img {
    margin-bottom: 30px;
}

div.spe{
    width:1060px;
    position: relative;
}
div.page a {
    width: 17px;
    height: 46px;
    position: absolute;
    top: 35%;
    cursor:pointer;
}

div.page a.page_pre {
    left: 0;
    background: url(../images/product160_17.png) no-repeat center center;
}

div.page a.page_next {
    background: url(../images/product160_20.png) no-repeat center center;
    right: 0;
}
div.intro_160{
    color:#5c5c5c;
    margin-top:30px;
    line-height:25px;
    font-size: 14px;
    text-align: justify;
    margin-bottom:15px;
}
div.video_160 video{
    width:100%;
    display:none;
    background-color: #000;
}
div.para_160{
    margin-top:35px;
}
div.display{
    width: 100%;
    margin: 60px auto 50px;
}
div.display h3{
    text-align: center;
}
/*产品应用*/
div.apply {
    width: 100%;
    padding: 60px 0 50px;
    background-color: #f7f7f7;
}

/*css新增样式    system*/
div.structure {
    margin: 60px auto;
}

div.advantage, div.trust {
    margin-bottom: 60px;
}

div.structure h3, div.advantage h3, div.trust h3 {
    text-align: center;
    margin: 30px auto;
}

/*css新增内容 maker*/
div.section {
    border-top: 1px solid #ebebeb;
    padding: 50px 0;
}

div.intel {
    position: relative;
    border-bottom: 1px dashed #e6e6e6;
    padding-bottom: 50px;
}

div.intel a {
    position: absolute;
    right: 15%;
    bottom: 8%;
}

div.maker {
    margin: 50px auto 0;
}

div.maker h2 {
    margin-bottom: 50px;
}

div.maker span {
    color: #83c326;
}

div.maker b {
    display: inline-block;
    margin-left: 5%;
    font-weight: normal;
    color: #fca903;
}

/*css新增内容  service*/
div.service div.col-xs-2 {
    text-align: center;
    opacity: 0.5;
}

div.service p {
    font-size: 20px;
    color: #000;
    padding-top: 20px;
}

div.service div.col-xs-2:hover {
    opacity: 1;
    cursor: pointer;
}

div.design {
    padding-top: 150px;
}

div.provide {
    margin-bottom: 150px;
}

div.provide h2 {
    color: #83c326;
    border-bottom: 1px solid #83c326;
    padding-bottom: 20px;
}

div.provide p {
    line-height: 30px;
    padding-top: 20px;
}

div.section div.col-xs-12 {
    text-align: center;
    margin-bottom: 60px;
}

/*css新增内容  ningbo*/
div.nb_banner {
    width: 100%;
    margin: 30px auto;
}

div.nb_banner img {
    width: 100%;
}

div.nb_section {
    margin: 70px auto;
}

div.nb_section .col-xs-12.s_tu {
    text-align: center;
    margin-bottom: 30px;
}

div.words {
    line-height: 30px;
    color: #7b7a81;
    font-size: 18px;
    text-align: justify;
}

div.address {
    margin-top: 6%;
}

div.address div.row {
    margin-bottom: 30px;
}

div.address h4, div.address p {
    line-height: 30px;
}

div.address p {
    color: #8a8a8a;
}

/*css新增内容 shenzhen*/
div.address div.col-xs-2.sz_add {
    margin-top: 7%;
}
/*电子加工*/
div.dianzi_title{
    font-size:20px;
    margin-bottom:20px;
    color:#4d4d4d;
    font-weight:bold;
}
div.dianzi_content{
    color:#737373;
    line-height:25px;
    text-align: justify;
}
div.services {
    margin: 40px auto 60px;
}