/*轮播图*/

.slideBox{ position:relative; overflow:hidden; width: 100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:23px; left:50%; z-index:1;}
.slideBox .hd li{position: relative; display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; text-indent:-9999px; margin: 0 8px; overflow:hidden;}
.slideBox .hd li.on{ background:#0c68c6;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*关于我们*/
.aboutus{
    width: 100%;
    height: 461px;
}
/*轮播图*/
#slideBox1{ width:602px; height:341px; overflow:hidden; position:relative;}
#slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
#slideBox1 .bd li{ zoom:1; vertical-align:middle; }
#slideBox1 .bd img{ width:602px; height:341px; display:block;  }

/* 下面是前/后按钮代码 */
#slideBox1 .prev,
#slideBox1 .next{ position:absolute; right:0; bottom:0; margin-top:-25px; display:block; width:28px; height:28px; background:url(/images/index_jt_09.jpg) no-repeat;}
#slideBox1 .prev{ left:auto; right:28px; background:url(/images/index_jt_08.jpg) no-repeat;}
#slideBox1 .prev:hover{ background:url(/images/index_jt_on_08.jpg) no-repeat;}
#slideBox1 .next:hover{ background:url(/images/index_jt_on_09.jpg) no-repeat;}
#slideBox1 .prevStop{ display:none;  }
#slideBox1 .nextStop{ display:none;  }
.aboutus .left{
    width: 370px;
    float: left;
    font-size: 14px;
    position: relative;
}
.aboutus .left h2{
    font-size: 30px;
    color: #464646;
    float: left;
    margin: 56px 12px 19px 0;
}
.aboutus .left span{
    float: left;
    margin-top: 60px;
    color: #646464;
}
.aboutus .left .abcontent{
    clear: both;
    /*text-indent: 2em;*/
    line-height: 30px;
    height:240px;
    overflow: hidden;
}
.aboutus .left a{
    width: 226px;
    height: 27px;
    border: 1px solid #c8c8c8;
    line-height: 27px;
    text-align: center;
    margin-top: 20px;
}
.aboutus .left .line{
    width: 26px;
    height: 6px;
    background-color: #0c68c6;
    position: absolute;
    top: 82px;
    left: 133px;
}
.aboutus .right{
    float: right;
    margin-top: 60px;
}

/*产品*/
.produce{
    width: 100%;
    height: 754px;
    background:url(../images/index/produce_bg.jpg) no-repeat center top;
}
.produce .top{
    /*width: 100%;*/
    width:1004px;
    height: 322px;
    margin:0 auto;
}
.produce .top .left,.produce .top .center,.produce .top .right{
    float: left;
    height: 322px;
}
.produce .top .left{
    padding-right: 32px;
    /*padding-left: 448px;*/
    width: 340px;
    background: url(../images/index/produce1_bg.jpg) no-repeat right top;
    overflow: hidden;
}
.produce .top .left h3{
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding: 39px 0 19px 0;
    margin-bottom: 10px;
}
.produce .top .left .prdcontent{
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.produce .top .left ul{
    overflow: hidden;
    margin-top: 20px;
}
.produce .top .left ul li{
    float: left;
    margin-right: 8px;
}
.produce .top .left ul li a{
    color: #ffffff;
    font-size: 14px;
    width: 75px;
    height: 25px;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    text-align: center;
    line-height: 25px;
    background-color: #0c68c6;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.produce .top .left ul li a:hover{
    background-color: #fff;
    color: #0c68c6;
}
.produce .top .left ul li a.current{
    background-color: #fff;
    color: #0c68c6;
}
.produce .top .center{
    padding: 0 30px;
    width: 271px;
    color: #3c3c3c;
    font-size: 14px;
}
.produce .top .center h3{
    font-size: 20px;
    border-bottom: 1px solid #dcdcdc;
    padding: 39px 0 19px 0;
    margin-bottom: 10px;
}
.produce .top .center ul li{
    line-height: 30px;
}
.produce .top .center a{
    width: 125px;
    height: 25px;
    border: 1px solid #c8c8c8;
    box-shadow: 3px 3px 3px #cac9c9;
    text-align: center;
    line-height: 25px;
    margin-top: 50px;
}
.produce .top .right{
    width: 301px;
}
/*其他产品*/
.produce .bot{
    text-align: center;
    margin-top: 58px;
}
.produce .bot h2{
    font-size: 30px;
}
.produce .bot .line{
    width: 26px;
    height: 5px;
    background-color: #0c68c6;
    margin: 16px auto;
}
.produce .bot p{
    margin-bottom: 30px;
    font-size: 14px;
}

.produce .bot ul li{
    float: left;
    width: 176px;
    height: 176px;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 92px;
}
.produce .bot ul li:hover{
    border: 2px solid #0c68c6;
}
.produce .bot ul li.current{
    border: 2px solid #0c68c6;
}
.produce .bot ul li.last{
    margin-right: 0;
}
.produce .bot ul li span{
    display: inline-block;
    margin-top: 16px;
}
.produce .bot ul li a{
    width: 164px;
    height: 164px;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    margin: 5px auto;
}
.produce .bot ul li a img{
    width: 164px;
    height: 164px;
    border-radius: 50%;
}
/*联系我们*/
.contact {
    width: 100%;
    height: 500px;
    background-color: #fff;
    text-align: center;
    margin-top: 62px;
}
.contact .tit h2{
    font-size: 30px;
}
.contact .tit .line{
    width: 26px;
    height: 5px;
    background-color: #0c68c6;
    margin: 16px auto;
}
.contact .tit p{
    margin-bottom: 36px;
    font-size: 14px;
}
.contact .bot .left {
    text-align: left;
    font-size: 14px;
    float: left;
    margin-right: 15px;
    line-height: 30px;
    width:302px;
}
.contact .bot .center{
    width: 362px;
    height: 250px;
    float: left;
    border: 1px solid #dcdcdc;
    margin-top: 8px;
}
.contact .bot .center img{
    width: 354px;
    height: 242px;
    margin: 4px auto;
}
.contact .bot .right{
    float: left;
    margin-left: 26px;
    margin-top: 8px;
    text-align: left;
}
.contact .bot .right .br{
    width: 100%;
    height: 10px;
    clear: both;
}
.contact .bot .right span{
    font-size: 14px;
    margin-right: 10px;
}
.contact .bot .right .last{
    float: left;
    margin-top: 10px;
    margin-right: 0;
}
.contact .bot .right .txt{
    display: inline-block;
    margin-top: 30px;
    float: left;
}
.contact .bot .right textarea{
    width: 230px;
    height: 73px;
    resize: none;
    border: 1px solid #e6e6e6;
    float: left;
}

.contact .bot .right input{
    width: 230px;
    height: 33px;
    border: 1px solid #e6e6e6;
}
.contact .bot .right .code{
    width: 101px;
    height: 33px;
    float: left;
    border: 1px solid #e6e6e6;
    margin-left: 10px;
}
.contact .bot .right a{
    font-size: 12px;
    margin-left: 10px;
    float: left;
}
.contact .bot .right button{
    clear: both;
    width: 70px;
    height: 32px;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}
.contact .bot .right .submit{
    background-color: #0c68c6;
    margin-left: 52px;
}
.contact .bot .right .cancel{
    background-color: #a8a8a8;
    margin-left: 5px;
}
/*底部*/
footer{
    width: 100%;
    height: 115px;
    background-color: #f1f1f1;
    text-align: center;
    font-size: 12px;
    position: relative;
}
footer ul{
    display: inline-block;
    margin: 40px auto;
    margin-bottom: 14px;
}
footer ul li{
    float: left;
}
footer ul li a{
    display: inline-block;
    padding: 0 15px;
}
footer ul li a.first{
    padding-left: 0;
}
footer p{
    color: #828282;
    line-height: 0 !important;
}
footer img{
    width: 44px;
    height: 44px;
    position: absolute;
    right: 365px;
    top: -74px;
    cursor: pointer;
}

footer .cright{ display:block; text-align:center; overflow:hidden;}
footer .cright a{ display:inline;}