.ctitle {
    background: url(../images/line.png) center 25% no-repeat;
    color: #062582;
    font-size: 32px;
    text-align: center;
    font-weight: normal;
}

.ctitle span {
    color: #b4b4b4;
    font-size: 14px;
    font-family: "arial";
    display: block;
    text-transform: uppercase;
    margin: 5px 0 0px;
}

.ctitle a {
    line-height: 28px;
    display: block;
}
.product {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}
h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
}
.picScroll-left {
    overflow: hidden;
    position: relative;
    width: 1400px;
    left: 50%;
    margin-left: -700px;
    margin-top: 50px;
}

.picScroll-left .hd {
    overflow: hidden;
}

.picScroll-left .hd .prev,
.picScroll-left .hd .next {
    display: block;
    width: 55px;
    height: 110px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 118px;
    text-align: center;
    line-height: 110px;
}

.picScroll-left .hd .next {
    left: auto;
    right: 0;
}

.picScroll-left .bd {
    width: 1200px;
    margin-left: 100px;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd ul li {
    margin: 0 23px;
    float: left;
    _display: inline;
    text-align: center;
    position: relative;
    width: 370px;
    padding-top:30px;
}

.picScroll-left .bd ul li .img1 {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.picScroll-left .bd ul li .img11{
    position: absolute;
    left: -2px;
    top: 0;
}
.picScroll-left .bd ul li:hover .img1 {
    display: block;
}

.picScroll-left .bd ul li .pic {
    position: relative;
}

.picScroll-left .bd ul li .pic a img {
    width: 370px;
    height: 230px;
    display: block;
        box-shadow: 0 0 12px #e4e4e4;
}

.picScroll-left .bd ul li:hover .pic img {}




.picScroll-left .bd ul li h3 {
    padding-top: 7px;
}

.picScroll-left .bd ul li h3 a {
    display: block;
    line-height: 42px;
    color: #333;
    font: 400 18px/48px "microsoft yahei";
    padding-left: 8px;
    position: relative;
    text-align: left;
}

.picScroll-left .bd ul li h3 a p {
    font-size: 14px;
    color: #999999;
    font-family: "arial";
    line-height: 22px;
    font-weight: normal;
    height: 44px;
    overflow: hidden;
}

.picScroll-left .bd ul li:hover h3 a {
    color: #062582;
}


.iconbg {
    background: #f1f1f1;
    padding: 42px 0 22px;
    margin-top: 62px;
}

.fuwu {
    width: 1200px;
    margin: 0 auto;
}

.fuwu_list {
    margin-top: 32px;
}

.fuwu_list li {
    width: 12.28%;
    text-align: center;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    margin:0 1% 10px;
}

.fuwu_list li img {
    width: 122px;
    height: 122px;
    margin: 0 auto;
}

.fuwu_list li a {
    display: block;
    position: relative;
    border:1px solid #ddddde;
    padding:15px 10px 5px;
}

.fuwu_list li:hover a{
    background:#062483;
    color:#fff;
}

.fuwu_list li a .img2 {
    display: none
}

.fuwu_list li a:hover .img2 {
    position: absolute;
    top: 15px;
    width: 122px;
    height: 122px;
    display: block;
    left: 50%;
    margin-left: -61px;
}

.fuwu_list li a p {
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    line-height: 58px;
}

.fuwu_list li:hover a p {
    color: #fff;
}