/* CSS Document */
img{max-width:100%;}
.home-pro-tit {
    width: 100%;
    min-width: 1200px;
    height: auto;
    line-height: 100px;
    overflow: hidden;
    font-size: 30px;
    color: #1c243b;
    text-align: center;
}

.home-tj-line {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.home-tj-line ul li {
    width: 300px;
    float: left;
}

.home-tj-line .bd {
    width: 1200px;
    height: auto;
    overflow: hidden;
}

.home-tj-pro {
    width: 290px;
    height: 290px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
}

.home-tj-pro img {
    width: 100%;
    height: 100%;
}

.home-tj-pro .hover-bg {
    width: 290px;
    height: 290px;
    overflow: hidden;
    position: absolute;
    background-color: #008acf;
    margin-top: -294px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 10;
    display: none;
}

.home-tj-pro .hover-content {
    width: 230px;
    height: 230px;
    overflow: hidden;
    position: absolute;
    margin-top: -260px;
    z-index: 20;
    color: #fff;
    margin-left: 30px;
    display: none;
}

.home-tj-pro:hover .hover-bg {
    width: 290px;
    height: 290px;
    overflow: hidden;
    position: absolute;
    background-color: #004097;
    margin-top: -294px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 10;
    display: block;
}

.home-tj-pro:hover .hover-content {
    width: 230px;
    height: 230px;
    overflow: hidden;
    position: absolute;
    margin-top: -260px;
    z-index: 20;
    color: #fff;
    margin-left: 30px;
    display: block;
}

.ti-pro-tit {
    width: 90%;
    height: 70px;
    line-height: 35px;
    font-size: 24px;
    text-align: left;
    margin: 0 auto;
}

.ti-pro-html {
    width: 90%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    text-align: left;
    margin: 0 auto;
    color: #fff;
}

.tj-pro-bt-line {
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.tj-pro-bt {
    width: 80px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #80c3e3;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: transparent;
    color: #80c3e3;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    margin: 10px;
    display: block;
    float: left;
}

.tj-pro-bt:link,.tj-pro-bt:visited {
    color: #80c3e3;
}

.tj-pro-bt:hover {
    border: 1px solid #fff;
    color: #fff;
}

.home-img {
    width: 1200px;
    height: 1066px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    background: url(../images/index_20.png) center no-repeat;
}

.yuan_1 .link_img {
    width: 81px;
    height: 81px;
    border-radius: 81px;
    background-color: #004097;
    border: 5px solid #ccd9ea;
    transition: transform 0.4s ease;
}

.yuan_1:hover .link_img {
    transform: rotateY(180deg);
}

.yuan_2 .link_img {
    width: 81px;
    height: 81px;
    border-radius: 81px;
    background-color: #004097;
    border: 5px solid #ccd9ea;
    transition: transform 0.4s ease;
}

.yuan_2:hover .link_img {
    transform: rotateY(180deg);
}

.yuan_3 .link_img {
    width: 81px;
    height: 81px;
    border-radius: 81px;
    border: 5px solid #ccd9ea;
    background-color: #004097;
    transition: transform 0.4s ease;
}

.yuan_3:hover .link_img {
    transform: scale(1.2);
}

.yuan_1 p,.yuan_2 p,.yuan_3 p {
    line-height: 50px;
}

.yuan_4 .link_img {
    width: 284px;
    height: 284px;
    border: 15px solid #ececec;
    border-radius: 284px;
}

.yuan_4 .link_img img {
    margin-top: -36px;
}

.yuan_4:hover .link_img {
    border: 15px solid #1c243b;
}

/*use*/
.use-bg {
    width: 100%;
    min-width: 1200px;
    height: auto;
    overflow: hidden;
    background: url(/images/index_23.jpg) no-repeat center top;
    background-color: #f3f3f3;
}

.use-line {
    width: 1200px;
    height: 313px;
    margin: 0 auto;
    margin-top: 240px;
    position: relative;
}

.use-line .bd {
    width: 1200px;
    height: auto;
    overflow: hidden;
}

.use-line ul li {
    width: 300px;
    height: 313px;
    overflow: hidden;
    float: left;
    position: relative;
}

.use-line ul li img {
    width: 290px;
    height: 313px;
    display: block;
    border: 1px solid #666;
    box-sizing: border-box;
    margin: 0 auto;
}

.use-line ul li .use-tit-bg {
    width: 290px;
    height: 313px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 5px;
    background-color: #004097;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 10;
    display: none;
}

.use-line ul li .use-tit {
    width: 260px;
    height: 50px;
    line-height: 25px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 130px;
    left: 20px;
    z-index: 20;
    display: none;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
}

.use-line ul li:hover .use-tit-bg {
    display: block;
}

.use-line ul li:hover .use-tit {
    display: block;
}

.scroll_div {
    width: 1200px;
    height: 324px;
    overflow: hidden;
    margin: 0 auto;
}

#scroll_begin {
    width: 1000000px;
}

#scroll_begin ul li {
    float: left;
}

.prev {
    width: 41px;
    height: 82px;
    overflow: hidden;
    background: url(/images/left_bt.png) no-repeat;
    position: absolute;
    z-index: 30;
    left: -50px;
    top: 121px;
    cursor: pointer;
    display: block;
}

.next {
    width: 41px;
    height: 82px;
    overflow: hidden;
    background: url(/images/right_bt.png) no-repeat;
    position: absolute;
    z-index: 40;
    right: -50px;
    top: 121px;
    cursor: pointer;
    display: block;
}

.home-tit-1 {
    width: 1150px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;
    color: #1c243b;
    background: url(/images/index_38.png) no-repeat left center;
    text-indent: 40px;
    margin-top: 50px;
}

.home-tit-2 {
    width: 1150px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;
    color: #1c243b;
    background: url(/images/index_42.png) no-repeat left center;
    text-indent: 40px;
    margin-top: 50px;
}

.home-tit-3 {
    width: 1150px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;
    color: #1c243b;
    background: url(/images/index_58.png) no-repeat left center;
    text-indent: 40px;
    margin-top: 50px;
}

.home-prolist {
    width: 380px;
    height: auto;
    overflow: hidden;
    margin-top: 50px;
    float: left;
}

.home-prolist ul li {
    float: left;
}

.home-prolist ul li:nth-child(2) {
    padding-left: 10px;
}

.home-prolist img {
    width: 133px;
    height: 133px;
}

.home-prolist .tit,.home-prolist .tit a:link,.home-prolist .tit a:visited,.home-prolist .tit a:hover {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

.home-prolist .content {
    color: #666;
    height: 100px;
    overflow: hidden;
    font-size: 12ppx;
    line-height: 20px;
}

.home-pro-bt1 {
    width: 80px;
    height: 25px;
    line-height: 25px;
    border: 0px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #fff;
    background-color: #0781ad;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    margin: 5px;
    display: block;
    float: left;
}

.home-pro-bt1:link,.home-pro-bt1:visited,.home-pro-bt1:hover {
    color: #fff;
}

.home-pro-bt2 {
    width: 80px;
    height: 25px;
    line-height: 25px;
    border: 0px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #fff;
    background-color: #64a717;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    margin: 5px;
    display: block;
    float: left;
}

.home-pro-bt2:link,.home-pro-bt2:visited,.home-pro-bt2:hover {
    color: #fff;
}

.home-more {
    width: 1200px;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    font-family: Myriad Pro;
    font-size: 12px;
    color: #1c243b;
    font-weight: bold;
    text-align: center;
    background-color: #eaeaea;
    margin: 0 auto;
}

.home-more a,.home-more a:link,.home-more a:visited,.home-more a:hover {
    color: #1c243b;
}

.home-honor-list {
    width: 300px;
    height: 400px;
    overflow: hidden;
    float: left;
    text-align: center;
}

.home-honor-list .jiangbei {
    width: 280px;
    height: 400px;
    overflow: hidden;
    position: absolute;
    margin-top: -393px;
    margin-left: 10px;
    background: url(/images/jiangbei.png) no-repeat right bottom;
}

.home-honor-list img {
    width: 280px;
    height: 400px;
}

.home-newlist {
    width: 595px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    margin-top: 10px;
}

.home-newlist ul li {
    float: left;
}

.home-newlist ul li:nth-child(1) {
    width: 150px;
}

.home-newlist ul li:nth-child(2) {
    width: 445px;
}

.newimg {
    width: 81px;
    /* height:81px; */
    overflow: hidden;
    /*-moz-border-radius: 81px;
     -webkit-border-radius:81px; */
    /* border-radius:81px; */
    margin: 0 auto;
}

.mleft {
    margin-left: 10px;
}

.home-newlist .tit {
    width: 98%;
    color: #393939;
    font-size: 16px;
    line-height: 44px;
}

.home-newlist .tit a,.home-newlist .tit a:link,.home-newlist .tit a:visited {
    font-size: 16px;
    color: #393939;
}

.home-newlist .tit a:hover {
    color: #1c243b;
}

.home-newlist .content {
    width: 98%;
    color: #616161;
    font-size: 14px;
}

.home-newlist .content a,.home-newlist .content a:link,.home-newlist .content a:visited,.home-newlist .content a:hover {
    color: #616161;
}
