@charset "utf-8";



/* CSS Document */



* {

    margin: 0px;

    padding: 0px;

}



ul {

    list-style-type: none;

}



li {

    list-style: none;

}



img {

    border: 0px;

}



input {

    outline: none
}



a {

    text-decoration: none;

    color: #333;

    transition: 0.3s all;

}



a:hover {

    color: #1859b7;

}



.left {

    float: left;

}



.right {

    float: right;

}



.mid {

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



body {

    font-family: "微软雅黑";

    font-size: 15px;

    line-height: 30px;

    color: #333;

    background: #fff;

}



.truncate {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}





/* CSS Header */



.header {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.header .topbar {

    width: 100%;

    height: 40px;

    font-size: 14px;

    line-height: 40px;

    color: #666666;

    background: #e6e6e6;

}



.header .topbar a {

    color: #666666;

}



.header .topbar a:hover {

    color: #2159ac;

}



.header .topbar .left {

    padding-left: 20px;

    background: url(../images/i-add.png) left center no-repeat;

}



.header .topbar .right {

    float: right;

}



.header .topbar .right li {

    width: 110px;

    height: 40px;

    line-height: 40px;

    border-left: 1px #d7d7d7 solid;

    float: left;

}



.header .topbar .right li span {

    width: 33px;

    height: 40px;

    display: inline-block;

    float: left;

    margin-left: 6px;

}



.header .topbox {

    width: 1200px;

    height: 143px;

    margin: 0 auto;

    position: relative;

}



.header .topbox .toplogo {

    padding-top: 41px;

}



.header .topbox .toptel {

    width: 240px;

    height: 62px;

    margin-top: 40px;

    background: url(../images/toptel.png) left center no-repeat;

    float: right;

}



.header .topbox .toptel span {

    font-size: 22px;

    color: #de1805;

    font-weight: bold;

    padding-left: 50px;

    padding-top: 8px;

    display: block;

}



.flashbox {

    width: 100%;

    height: 567px;

    line-height: 0;

    overflow: hidden;

}



.banner {

    width: 100%;

    height: 286px;

    color: #0e58c5;

    background: url(../images/banner.jpg) center no-repeat #f3f5fc;

    margin: 0 auto
}



.banner .bn01 {

    left: 20px;

    top: 75px;

    position: absolute;

}



.banner .bn02 {

    left: 20px;

    top: 137px;

    font-size: 28px;

    position: absolute;

}



.banner .bn03 {

    left: 20px;

    top: 186px;

    font-size: 18px;

    position: absolute;

}



#menu {

    width: 100%;

    height: 55px;

    background: #2159ac;

    overflow: hidden;

}



#menu ul {

    width: 1200px;

    height: 55px;

    margin: 0 auto
}



#menu ul li {

    width: auto;

    height: 55px;

    text-align: center;

    float: left;

    margin: 0 2px
}



#menu ul li a {

    font-size: 15px;

    line-height: 55px;

    color: #fff;

    padding: 0 17px;

    display: block;

}



#menu ul li a:hover {

    background: #e47b00;

}



#menu ul li.selected a {

    background: #e47b00;

}



.hotpro01 {

    width: 1200px;

    height: 45px;

    padding: 13px 0;

    margin: 0 auto
}



.hotpro01 .left {

    width: 800px;

    height: 45px;

    line-height: 45px;

    overflow: hidden;

}



.hotpro01 .left b {

    color: #2159ac;

}



.hotpro01 .left a {

    padding-right: 18px
}



.hotpro01 .search {

    width: 310px;

    height: 45px;

    line-height: 45px;

    border-radius: 4px;

    background: #e6e6e6;

    float: right;

    position: relative;

}



.hotpro01 .search-btn {

    width: 50px;

    height: 45px;

    background: url(../images/search.png) center no-repeat #797979;

    border: none;

    position: absolute;

    right: 0px;

    top: 0
}



.hotpro01 .search-text {

    line-height: 45px;

    height: 45px;

    padding-left: 16px;

    font-size: 15px;

    font-family: "微软雅黑";

    color: #888888;

    background: none;

    border: none;

}



.hotpro02 {

    width: 100%;

    height: 45px;

    padding: 13px 0;

    margin: 0 auto;

    background: #e3eaf5;

}



.hotpro02 .left {

    width: 800px;

    height: 45px;

    line-height: 45px;

    overflow: hidden;

}



.hotpro02 .left b {

    color: #2159ac;

}



.hotpro02 .left a {

    padding-right: 18px;

    color: #779acf
}



.hotpro02 .left a:hover {

    color: #2159ac;

}



.hotpro02 .search {

    width: 310px;

    height: 45px;

    line-height: 45px;

    border-radius: 5px;

    float: right;

    background: #fff;

    position: relative;

}



.hotpro02 .search-btn {

    width: 50px;

    height: 45px;

    background: url(../images/search.png) center no-repeat #2159ac;

    border: none;

    position: absolute;

    right: 0px;

    top: 0
}



.hotpro02 .search-text {

    line-height: 45px;

    height: 45px;

    padding-left: 16px;

    font-family: "微软雅黑";

    color: #888888;

    background: none;

    border: none;

}





/* CSS Footer */



.footer {

    width: 100%;

    height: 270px;

    line-height: 30px;

    color: #959595;

    font-size: 14px;

    background: #202020;

}



.footer .mid {

    padding-top: 12px
}



.footer a {

    color: #959595;

}



.footer a:hover {

    color: #fff;

}



.footer big {

    color: #fff;

    font-size: 20px
}



.footer .zixun {

    width: 80px;

    height: 28px;

    line-height: 28px;

    color: #202020;

    background: #d9d9d9;

    border-radius: 5px;

    text-align: center;

    margin-top: 8px;

    display: block;

}



.footer .zixun:hover {

    background: #2e6ed0
}



.footer .ftul {

    width: 960px;

    float: left;

    overflow: hidden;

}



.footer .ftul li {

    float: left;

}



.footer .ftul li span {

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    line-height: 56px;

    display: block;

}



.footer .ftul li a {

    width: 100px;

    display: inline-block;

    float: left;

}



.footer .ftapi {

    width: 240px;

    float: right;

    padding-top: 55px;

    overflow: hidden;

}



.footer .ftapi li {

    width: 106px;

    line-height: 56px;

    text-align: center;

    float: left;

    margin-left: 14px
}



.footer .ftapi li img {

    width: 106px;

    height: 106px;

    display: block;

}



.fticp {

    width: 100%;

    height: 44px;

    color: #959595;

    font-size: 14px;

    line-height: 44px;

    background: #292929
}



.fticp a {

    color: #959595;

}



.fticp a:hover {

    color: #fff;

}



/* CSS Main */

#wrap {

    width: 100%;

    height: auto;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}



#main {

    width: 1200px;

    height: auto;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}



.index01 {

    width: 1200px;

    height: 450px;

    margin: 0 auto
}



.index01 .intitle {

    width: 1200px;

    height: 121px;

    text-align: center;

    font-size: 22px;

    color: #de540c;

    background: url(../images/index01-1.png) bottom center no-repeat;

}



.index01 .intitle span {

    font-size: 33px;

    line-height: 58px;

    padding-top: 36px;

    color: #1958b9;

    font-weight: bold;

    display: block;

}



.index01 ul {

    width: 100%;

    padding-top: 70px
}



.index01 ul li {

    width: 260px;

    height: 208px;

    line-height: 22px;

    color: #222222;

    background: url(../images/index01-2.jpg) bottom center no-repeat;

    margin: 0 10px;

    text-align: center;

    float: left;

}



.index01 ul li .picbox {

    width: 98px;

    height: 98px;

    background: #2a2b2f;

    padding: 10px;

    border-radius: 50%;

    margin: 0 auto 27px;

    transition: 0.4s all
}



.index01 ul li .picbox span {

    width: 96px;

    height: 96px;

    border-radius: 50%;

    border: 2px #fff solid;

    display: block;

    margin: 0 auto
}



.index01 ul li .picbox:hover {

    background: #1859b7
}



.index02 {

    width: 100%;

    height: 1040px;

    background: #eeeeee;

    position: relative;

}



.index02 .bg {

    width: 100%;

    height: 496px;

    background: #1859b7;

    left: 0;

    top: 0;

    position: absolute;

    z-index: 1
}



.index02 .mid {

    padding-top: 33px;

    height: auto;

    padding-bottom: 20px;

    overflow: hidden;

    z-index: 2
}



.index02 .left {

    width: 235px;

    height: 907px;

    background: #fff;

}



.index02 .left .intitle {

    width: 100%;

    height: 104px;

    text-align: center;

    font-size: 15px;

    color: #200a01;

    background: #ffb522
}



.index02 .left .intitle big {

    font-size: 30px;

    color: #200a01;

    font-weight: bold;

    display: block;

    line-height: 40px;

    padding-top: 8px;

}



.index02 .tplist {}



.index02 .tplist li {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.index02 .tplist li .t01 {

    line-height: 40px;

    font-size: 17px;

    color: #fff;

    background: url(../images/t01.png) left center no-repeat #0036c7;

    display: block;

    padding-left: 65px;

    margin-bottom: 20px
}



.index02 .tplist li .t02 {

    line-height: 42px;

    color: #222222;

    background: url(../images/t02.png) left center no-repeat;

    padding-left: 15px;

    margin-left: 48px;

    display: block;

    transition: 0.4s all
}



.index02 .tplist li .t02:hover {

    margin-left: 58px;

    color: #1859b7;

    font-weight: bold;

    background: url(../images/t02h.png) left center no-repeat
}



.index02 .tplist li:last-child {

    padding-top: 20px
}



.index02 .right {

    width: 950px;

    height: 907px;

    background: #fff;

}



.index02 .right .intitle {

    width: 916px;

    height: 70px;

    font-size: 22px;

    color: #010022;

    line-height: 70px;

    margin: 0 auto
}



.index02 .more {

    width: 180px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    background: #fff;

    margin: 0 auto;

    border: 1px #e0e0e0 solid;

    display: block;

}



.index02 .more:hover {

    background: #1859b7;

    border: 1px #1859b7 solid;

    color: #fff
}



.index03 {

    width: 100%;

    height: 150px;

    color: #fff;

    background: url(../images/index03.jpg) center no-repeat #1859b7
}



.index03 .p01 {

    font-size: 18px;

    font-weight: bold;

    left: 0;

    top: 25px;

    position: absolute;

}



.index03 .p02 {

    font-size: 14px;

    opacity: 0.46;

    left: 0;

    top: 55px;

    text-transform: uppercase;

    position: absolute;

}



.index03 .p03 {

    left: 0;

    top: 95px;

    position: absolute;

}



.index03 .p04 {
    width:164px;height: 42px;
    border: 2px #fff solid;
    font-weight: bold;
    padding-left: 44px;

    color: #fff;
    line-height: 42px;

    font-size: 17px;

    left: 657px;

    top: 35px;
    transition: 0.4s all;

    position: absolute;

}
.index03 .p04 span{width: 42px;height: 40px;background: url(../images/dianji2.png) no-repeat;position: absolute;left:162px;top: 20px;display: block;transition: 0.4s all}


.index03 .p04:hover {

    color: #fcc604;border:2px #fcc604 solid;
}
.index03 .p04:hover span{top: 10px;left: 158px;background: url(../images/dianji2h.png) no-repeat;}


.index03 .p05 {

    font-size: 16px;

    right: 18px;

    top: 47px;

    position: absolute;

}



.index03 .p05 b {

    display: block;

    font-size: 22px;

    font-weight: bold;

}



.index04 {

    width: 100%;

    height: 774px;

    position: relative;

    z-index: 1
}



.index04 .intitle {

    width: 1200px;

    height: 134px;

    text-align: center;

    font-size: 22px;

    color: #de540c;

    background: url(../images/index04-1.png) bottom center no-repeat;

    margin: 0 auto
}



.index04 .intitle span {

    font-size: 33px;

    line-height: 58px;

    padding-top: 42px;

    color: #1958b9;

    font-weight: bold;

    display: block;

}



.index04 .intitle big {

    font-size: 50px;

    color: #dc560d
}



.index04 .mid {}



.index04 .mid .cr {

    width: 146px;

    height: 146px;

    text-align: center;

    color: #fff;

    line-height: 20px;

    font-size: 14px;

    border-radius: 50%;

    background: #d9550d;

    padding: 8px;

    position: absolute;

    z-index: 2
}



.index04 .mid .cr p {

    width: 144px;

    height: 144px;

    border: 1px #fff solid;

    border-radius: 50%;

}



.index04 .mid .cr big {

    line-height: 25px;

    font-size: 22px;

    display: block;

    padding-top: 30px;

    padding-bottom: 6px;

}



.index04 .mid .cr01 {

    left: 100px;

    top: 307px;

}



.index04 .mid .cr02 {

    left: 268px;

    top: 143px;

}



.index04 .mid .cr03 {

    left: 520px;

    top: 48px;

}



.index04 .mid .cr04 {

    left: 770px;

    top: 138px;

}



.index04 .mid .cr05 {

    left: 937px;

    top: 306px;

}



.index04 .mid .p01 {

    left: 340px;

    top: 250px;

    position: absolute;

    z-index: 1
}



.index04 .mid .p02 {

    left: -240px;

    top: 265px;

    position: absolute;

    z-index: 1
}



.index04 .mid .p03 {

    right: -200px;

    top: 138px;

    position: absolute;

    z-index: 1
}



.index04 .mid .zixun {

    width: 114px;

    height: 45px;

    font-size: 17px;

    color: #3e2602;

    font-weight: bold;

    line-height: 45px;

    padding-left: 70px;

    background: url(../images/zixun.png) left center no-repeat #ffb522;

    border-radius: 4px;

    position: absolute;

    left: 374px;

    top: 556px;

}



.index04 .mid .zixun:hover {

    background: url(../images/zixunh.png) left center no-repeat #1859b7;

    color: #fff
}



.index04 .mid .p04 {

    font-size: 17px;

    color: #1d57b8;

    font-weight: bold;

    left: 606px;

    top: 560px;

    position: absolute;

}



.index04 .mid .p04 big {

    font-size: 22px
}



.index05 {

    width: 100%;

    height: 486px;

    background: #d2e9f9;

    position: relative;

    z-index: 2
}



.index05 .intitle {

    width: 1200px;

    height: 50px;

    font-size: 24px;

    color: #1f2c32;

    line-height: 50px;

    padding-top: 32px;

    text-align: center;

}



.index06 {

    width: 100%;

    height: 276px;

    background: #1859b7;

    position: relative;

    z-index: 3
}



.index06 .liuyan {

    width: 539px;

    height: 297px;

    background: url(../images/liuyan.png) center no-repeat;

    position: absolute;

    left: 0px;

    top: -34px;

}



.index06 .liuyan #e_name {

    width: 195px;

    height: 38px;

    background: none;

    font-family: "微软雅黑";

    color: #888888;

    border: none;

    left: 45px;

    top: 90px;

    position: absolute;

}



.index06 .liuyan #e_mobile {

    width: 195px;

    height: 38px;

    background: none;

    font-family: "微软雅黑";

    color: #888888;

    border: none;

    left: 265px;

    top: 90px;

    position: absolute;

}



.index06 .liuyan #e_content {

    width: 195px;

    height: 80px;

    background: none;

    font-family: "微软雅黑";

    color: #888888;

    border: none;

    left: 45px;

    top: 145px;

    position: absolute;

}



.index06 .liuyan #checkCode {

    width: 100px;

    height: 38px;

    line-height: 38px;

    font-family: "微软雅黑";

    color: #888888;

    border: none;

    background: #fff;

    padding-left: 15px;

    left: 38px;

    border-radius: 3px;

    top: 235px;

    position: absolute;

}



.index06 .liuyan #e_submit {

    width: 127px;

    height: 40px;

    font-size: 14px;

    font-family: "微软雅黑";

    line-height: 40px;

    color: #fff;

    text-align: center;

    background: #975c0c;

    border: none;

    border-radius: 3px;

    left: 326px;

    top: 235px;

    position: absolute;

}



.index06 .liuyan #e_submit:hover {

    background: #1859b7;

}



.index06 .liuyan .p {

    font-size: 22px;

    color: #fff;

    position: absolute;

    left: 30px;

    top: 36px;

}



.index06 .p02 {

    font-size: 17px;

    color: #fff;

    font-weight: bold;

    position: absolute;

    left: 619px;

    top: 79px;

}



.index06 .zixun {

    width: 114px;

    height: 45px;

    font-size: 17px;

    color: #3e2602;

    font-weight: bold;

    line-height: 45px;

    padding-left: 70px;

    background: url(../images/zixun.png) left center no-repeat #ffb522;

    border-radius: 4px;

    position: absolute;

    left: 868px;

    top: 134px;

}



.index06 .zixun:hover {

    background: url(../images/zixun.png) left center no-repeat #fff;

}



.index06 .p03 {

    width: 240px;

    height: 40px;

    top: 40px;

    background: url(../images/intel.png) left center no-repeat;

    position: absolute;

    right: 340px;

    top: 137px;

}



.index06 .p03 span {

    font-size: 22px;

    color: #ffffff;

    font-weight: bold;

    padding-left: 52px;

    padding-top: 15px;

    display: block;

}



.index06 .p01 {

    position: absolute;

    left: 616px;

    top: 35px;

}



.index07 {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.index07 .intitle {

    width: 1200px;

    height: 121px;

    text-align: center;

    font-size: 22px;

    color: #de540c;

    background: url(../images/index04-1.png) bottom center no-repeat;

    padding-top: 60px;

    margin: 0 auto
}



.index07 .intitle span {

    font-size: 33px;

    line-height: 58px;

    padding-top: 36px;

    color: #1958b9;

    font-weight: bold;

    display: block;

}



.index07 ul {

    width: 1200px;

    height: auto;

    overflow: hidden;

    padding-top: 61px;

    margin: 0 auto
}



.index07 ul li {

    width: 100%;

    height: 423px;

    background: url(../images/index07-1.jpg) bottom center no-repeat;

    position: relative;

}



.index07 ul li:last-child {

    background: none;

    height: 454px
}



.index07 ul li .p01 {

    font-size: 80px;

    color: #1858ba;

    font-weight: bold;

    padding-top: 75px
}



.index07 ul li .p02 {

    font-size: 35px;

    color: #1858ba;

    font-weight: bold;

    padding-top: 57px
}



.index07 ul li .p03 {

    font-size: 15px;

    line-height: 30px;

    color: #686868;

    padding-top: 33px
}



.index07 ul li .p03 span {

    color: #1858ba
}



.index07 ul li .p04 {

    font-size: 17px;

    color: #dd5612;

    font-weight: bold;

    padding-top: 10px
}



.index07 ul li .pic01 {

    left: -13px;

    top: -12px;

    position: absolute;

}



.index07 ul li .pic02 {

    right: -8px;

    top: 80px;

    position: absolute;

}



.index07 ul li .pic03 {

    left: -12px;

    top: 22px;

    position: absolute;

}



.index08 {

    width: 100%;

    height: 580px;
margin-top: 56px;
    background: url(../images/index08.jpg) center no-repeat #2461bd
}



.index09 {

    width: 100%;

    height: 666px;

    background: url(../images/index09.jpg) center no-repeat #e3e3e3
}



.index09 .intitle {

    width: 1200px;

    height: 121px;

    text-align: center;

    font-size: 22px;

    color: #de540c;

    background: url(../images/index04-1.png) bottom center no-repeat;

    margin: 0 auto
}



.index09 .intitle span {

    font-size: 33px;

    line-height: 58px;

    padding-top: 36px;

    color: #1958b9;

    font-weight: bold;

    display: block;

}



.index09 .midbox {

    width: 1200px;

    height: 465px;

    padding-top: 30px;

    margin: 0 auto;

}



.index09 .left {

    width: 170px;

    height: 465px;

    background: #1858ba
}



.index09 .left ul {

    width: 126px;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

    padding-top: 20px
}



.index09 .left ul li {

    width: 100%;

    height: 77px;

    line-height: 77px;

    border-bottom: 1px #2e6ed0 solid
}



.index09 .left ul li a {

    font-size: 16px;

    color: #fff;

    margin-left: 10px;

    padding-left: 20px;

    background: url(../images/ar.png) left center no-repeat;

}



.index09 .left ul li a:hover {

    margin-left: 16px;

    color: #fedb1f
}



.index09 .right {

    width: 1030px;

    height: 455px;

    background: #fff;

    margin-top: 22px;

    position: relative;

}



.index09 .right .p01 {

    width: 456px;

    height: 320px;

    line-height: 32px;

    color: #656565;

    font-size: 16px;

    left: 55px;

    top: 57px;

    position: absolute;

}



.index09 .right .p01 span {

    font-size: 17px;

    color: #dd5612;

    font-weight: bold;

    display: block;

    padding-top: 19px
}



.index09 .right .p02 {

    position: absolute;

    right: 45px;

    top: 66px;

    z-index: 1
}



.index09 .right .p03 {

    width: 164px;

    height: 70px;

    color: #fff;

    line-height: 70px;

    font-size: 16px;

    text-align: center;

    background: #1859b7;

    position: absolute;

    left: 495px;

    top: 299px;

    display: block;

    z-index: 2
}



.index09 .right .p03:hover {

    background: #dd5612
}



.index10 {

    width: 1200px;

    height: 573px;

    margin: 0 auto
}



.index10 .mid {

    padding-top: 47px;

}



.index10 .left {

    width: 725px;

}



.index10 .left .in_ntitle {

    width: 100%;

    height: 66px;

    font-size: 16px;

    color: #656565;

    line-height: 66px;

    background: #ededed;

    position: relative;

}



.index10 .left .in_ntitle span {

    width: 168px;

    height: 66px;

    text-align: center;

    display: block;

    float: left;

    font-size: 22px
}



.index10 .left .in_ntitle .s01 {

    background: #1858ba;

    color: #fff
}



.index10 .left .in_ntitle .more {

    font-size: 15px;

    color: #656565;

    position: absolute;

    right: 25px;

    top: 0
}



.index10 .left .in_ntitle .more:hover {

    color: #1858ba
}



.index10 .left .in_ntitle .s02:hover {

    color: #1858ba
}



.index10 .left .nbox {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 32px
}



.index10 .left .nbox .nbox_l {

    width: 268px;

    height: 375px;

    float: left;

    overflow: hidden;

}



.index10 .left .nbox .nbox_l li {

    width: 100%;

    height: 167px;

    margin-bottom: 24px;

    overflow: hidden;

    position: relative;

}



.index10 .left .nbox .nbox_l li img {

    width: 100%;

    height: 167px;

    position: relative;

    z-index: 1
}



.index10 .left .nbox .nbox_l li span {

    width: 100%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.6);

    position: absolute;

    z-index: 2
}



.index10 .left .nbox .nbox_r {

    width: 430px;

    height: auto;

    float: right;

    overflow: hidden;

}



.index10 .left .nbox .nbox_r .nlist01 {

    width: 100%;

    height: 104px;

    font-size: 14px;

    color: #656565;

    line-height: 24px;

    overflow: hidden;

}



.index10 .left .nbox .nbox_r .nlist01 span {

    color: #333333;

    font-size: 17px;

    font-weight: bold;

    display: block;

    padding-bottom: 15px
}



.index10 .left .nbox .nbox_r .nlist02 {}



.index10 .left .nbox .nbox_r .nlist02 li {

    width: 100%;

    height: 38px;

    color: #656565;

    line-height: 38px;

    overflow: hidden;

    position: relative;

}



.index10 .left .nbox .nbox_r .nlist02 li a {

    width: 310px;

    height: 38px;

    display: inline-block;

    color: #656565;

}



.index10 .left .nbox .nbox_r .nlist02 span {

    position: absolute;

    right: 0;

    top: 0
}



.index10 .left .nbox .nbox_r .nlist02 li a:hover {

    margin-left: 5px;

    color: #1858ba
}



.index10 .right {

    width: 400px;

}



.index10 .right .intitle {

    width: 100%;

    height: 66px;

    line-height: 66px;

    position: relative;

}



.index10 .right .intitle span {

    font-size: 22px;

    color: #1858ba;

}



.index10 .right .intitle .more {

    position: absolute;

    right: 0;

    top: 0;

    color: #656565;

    font-size: 15px
}



.index10 .right ul {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 30px
}



.index10 .right ul li {

    padding-left: 35px;

    height: 96px;

    font-size: 14px;

    color: #686868;

    line-height: 22px;

    background: url(../images/ques.png) left top no-repeat;

}



.index10 .right ul li span {

    font-size: 16px;

    color: #343434;

    padding-bottom: 5px;

    display: block;

    transition: 0.4s all
}



.index10 .right ul li span:hover {

    color: #1858ba;

    padding-left: 5px
}



/*abou us*/

.cur_page {

    width: 1200px;

    height: 76px;

    font-size: 14px;

    color: #666666;

    line-height: 76px;

    margin: 0 auto
}



.cur_page a {

    color: #666666;

}



.cur_page a:hover {

    color: #2159ac;

}



.cur_page_in {

    padding-left: 30px;

    background: url(../images/line.jpg) left center no-repeat;

}



.submenu {

    width: 1200px;

    height: 55px;

    background: #e3eaf5;

    margin: 0 auto
}



.submenu li {

    width: 300px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    float: left;

}



.submenu li a {

    color: #333333;

    font-size: 16px;

    display: block;

}



.submenu li a:hover {

    color: #fff;

    background: #2159ac
}

.submenu li.selected a {
    color: #fff;

    background: #2159ac
}

/*casetype*/

.submenu_c {

    width: 1208px;

    height: 55px;

    margin: 0 auto
}



.submenu_c li {

    width: 185px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    margin: 0 4px;

    float: left;

}



.submenu_c li a {

    color: #2159ac;

    font-size: 15px;

    background: #e3eaf5;

    display: block;

}



.submenu_c li a:hover {

    color: #fff;

    background: #2159ac
}

.submenu_c li.selected a {
    color: #fff;

    background: #2159ac
}



.intro01 {

    width: 1200px;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

    padding-bottom: 39px;

}



.intro01 .intxt {

    line-height: 27px;

    font-size: 15px;

    color: #656565;

    border-left: 5px #2159ac solid;

    padding-left: 25px;

}



.compic {

    width: 1204px;

    height: 905px;

    margin: 0 auto;

    position: relative;

}



.compic .com_piclist {

    padding-top: 16px;

    height: auto;

    overflow: hidden;

}



.com_piclist li {

    width: 297px;

    height: 254px;

    line-height: 44px;

    text-align: center;

    background: #e3eaf5;

    float: left;

    margin: 0 2px;

}



.com_piclist li .inimg {

    width: 297px;

    height: 212px;

    overflow: hidden;

}



.com_piclist li .inimg img {

    width: 297px;

    height: 212px;

    display: block;

    background: #fff;

    transition: 0.4s all
}



.com_piclist li .inimg img:hover {

    transform: scale(1.05);

}



.compic .txt {

    text-align: right;

    position: absolute;

    right: 0
}



.compic .txt01 {

    top: 370px;

}



.compic .txt02 {

    top: 620px;

}



.compic .txt .p01 {

    font-size: 80px;

    color: #1858ba;

    font-weight: bold;

}



.compic .txt .p02 {

    font-size: 35px;

    line-height: 44px;

    color: #1858ba;

    padding-top: 40px
}



.compic .txt .p03 {

    font-size: 15px;

    line-height: 30px;

    color: #1858ba;

    padding-top: 18px
}



.compic .txt .p04 {

    font-size: 17px;

    color: #dd5612;

    font-weight: bold;

    padding-top: 10px
}



.com02 {

    width: 1204px;

    height: auto;

    overflow: hidden;

    padding-top: 10px;

    margin: 0 auto;

}



.com02 .intitle {

    width: 100%;

    height: 70px;

    line-height: 70px;

    color: #1858ba;

    font-size: 18px;

    font-weight: bold;

}



.com02 .com_piclist {

    height: auto;

    overflow: hidden;

    padding-bottom: 38px
}



.comtype01 {

    width: 100%;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    padding-bottom: 34px;

    background: url(../images/type.jpg) repeat #eaeaea;

}



.comtype01 .intitle {

    width: 1200px;

    height: 120px;

    text-align: center;

    font-size: 18px;

    color: #9b9b9b;

    background: url(../images/index04-1.png) bottom center no-repeat;

    margin: 0 auto;

    margin-bottom: 20px
}



.comtype01 .intitle big {

    font-size: 33px;

    line-height: 58px;

    padding-top: 36px;

    color: #222222;

    display: block;

}



.comtype01 .intitle big span {

    color: #2159ac
}



.comtype01 .title0 {

    width: 1200px;

    height: 54px;

    line-height: 54px;

    color: #222222;

    font-size: 18px;

    font-weight: bold;

    margin: 0 auto
}



.comtype01 .type01 {

    width: 1224px;

    height: auto;

    overflow: hidden;

    padding-top: 4px;

    margin: 0 auto
}



.comtype01 .type01 li {

    width: 178px;

    height: 152px;

    text-align: center;

    line-height: 48px;

    float: left;

    margin: 0 13px;

    margin-bottom: 20px;

}



.comtype01 .type01 li .inimg {

    width: 160px;

    height: 85px;

    display: block;

    padding: 8px;

    border: 1px #bcbcbc solid;

}



.comtype01 .type01 li .inimg img {

    width: 160px;

    height: 85px;

}



.comhonor {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.comhonor .intitle {

    width: 1200px;

    height: 120px;

    text-align: center;

    font-size: 18px;

    color: #9b9b9b;

    background: url(../images/index04-1.png) bottom center no-repeat;

    margin: 0 auto
}



.comhonor .intitle big {

    font-size: 33px;

    line-height: 58px;

    padding-top: 36px;

    color: #222222;

    display: block;

}



.comhonor .intitle big span {

    color: #2159ac
}



.honorin {

    width: 100%;

    height: 714px;

    background:#c4dff2;

    position: relative;

}

.honorin ul{width: 1200px;height: auto;overflow: hidden;padding-top:26px;margin: 0 auto}
.honorin ul li{width: 195px;height:280px;line-height:30px;margin: 20px; float: left;}
.honorin ul li img{width: 195px;height: 250px;transition: 0.4s all}
.honorin ul li:hover img{transform: scale(1.05);}
#left {

    width: 235px;

    height: auto;

    overflow: hidden;

    float: left;

}



#left .intitle {

    width: 100%;

    height: 104px;

    text-align: center;

    font-size: 15px;

    color: #200a01;

    background: #ffb522
}



#left .intitle big {

    font-size: 30px;

    color: #200a01;

    font-weight: bold;

    display: block;

    line-height: 40px;

    padding-top: 8px;

}



#left .tplist {

    background: #ececeb;

}



#left .tplist li {

    width: 100%;

    height: auto;

    overflow: hidden;

}



#left .tplist li .t01 {

    line-height: 40px;

    font-size: 17px;

    color: #fff;

    background: url(../images/t01.png) left center no-repeat #0036c7;

    display: block;

    padding-left: 65px;

    margin-bottom: 20px
}



#left .tplist li .t02 {

    line-height: 42px;

    color: #222222;

    background: url(../images/t02.png) left center no-repeat;

    padding-left: 15px;

    margin-left: 48px;

    display: block;

    transition: 0.4s all
}



#left .tplist li .t02:hover {

    margin-left: 58px;

    color: #1859b7;

    font-weight: bold;

    background: url(../images/t02h.png) left center no-repeat
}



#left .tplist li:last-child {

    padding-top: 20px
}



#right {

    width: 945px;

    float: right;

    height: auto;

    overflow: hidden;

}



#proUL {

    width: 965px;

    height: auto;

    overflow: hidden;

}



#proUL li {

    width: 300px;

    height: 450px;

    margin: 0 19px 19px 0;

    border: 1px #cacaca solid;

    float: left;

    position: relative;
    transition: 0.4s all

}
#proUL li .s02 {
    padding-left: 30px;
    color: #2159ac;
    background: url(../images/s02.png) left center no-repeat;
    position: absolute;left:185px;top:396px;
}
#proUL li:hover .s02 {
    color: #e48804;
    text-decoration: underline;
    background: url(../images/s02h.png) left center no-repeat;
}
#proUL li:hover{background: #2159ac;box-shadow:8px 8px 15px rgba(0,0,0,0.2)}
#proUL li:hover img{transform: scale(1.1);}
#proUL li .zixun {

    width: 102px;

    height: 34px;

    line-height: 34px;

    border-radius: 5px;

    text-align: center;

    position: absolute;

    left: 18px;

    bottom: 20px;

    background: #ffb522
}
#proUL li .zixun:hover{background: #fff;color: #333}


#proUL li .pic_01 {

    width: 100%;

    height: 225px;

    overflow: hidden;

}



#proUL li .pic_01 img {

    width: 100%;

    height: 225px;transition: 0.4s all

}



#proUL li .pic_02 {

    width: 252px;

    height: 155px;

    margin: 0 auto;

    line-height: 24px;

    font-size: 14px;

    color: #888888;
    position: relative;

    overflow: hidden;

}
#proUL li .pic_02 .txt{color: #888888}
#proUL li:hover .pic_02 span{color: #fff;padding-left: 8px}
#proUL li:hover .pic_02 .txt{color: #fff}
#proUL li .pic_02 span {

    color: #222222;

    font-size: 18px;

    display: block;

    line-height: 50px;

    padding-top: 10px;transition: 0.4s all
}

.page {

    margin: 10px auto;

    text-align: center;

    float: right;

    display: inline;

}



.page a {

    border: #dedede 1px solid;

    padding: 3px 10px;

    margin: 3px;

    color: #666;

    display: inline-block;

}



.page a:hover {

    border: #1547a9 1px solid;

    color: #fff;

    background: #1547a9;

}



.page a:active {

    border: #1547a9 1px solid;

    color: #fff;

    background: #1547a9;

}



.page .current {

    border: solid 1px #1547a9;

    padding: 3px 15px;

    font-weight: bold;

    margin: 3px;

    color: #fff;

    background-color: #1547a9;

    display: inline-block;

}



.page select {

    border: #dedede 1px solid;

    padding: 3px 0px;

    display: inline-block;

}



/*contact*/

.contact01 {

    width: 1200px;

    height: auto;

    overflow: hidden;

    padding-top: 70px;

    margin: 0 auto
}



.contact01 .left {

    width: 480px;

    min-height: 530px;

}

.contact01 .left .p01{font-size: 18px;color: #de540c;font-weight: bold;}
.contact01 .left .p01 big{font-size: 24px;color: #333333;display: block;padding-bottom: 6px}
.contact01 .left .mlx{padding-top:44px}
.contact01 .left .mlx li{height: 54px;line-height: 54px;color: #656565;padding-left:60px; border-bottom: 1px #d7d7d7 solid}
.contact01 .left .mlx li a{color: #656565}
.contact01 .left .mlx li a:hover{color: #2159ac}
.contact01 .right {

    width: 700px;

    height: 493px;

    background: url(../images/conright.png) left top no-repeat;

}





#indexNews1 {

    width: 1200px;

    height: auto;

    overflow: hidden;

}



#indexNews1 li {

    border-bottom: #dedede 1px dotted;

    padding: 5px 0px 10px 0px;

    margin-top: 10px;

    height: 100%;

    overflow: hidden;

    transition: all 0.3s;

}



.indexNews1p1 {

    height: 35px;

    line-height: 35px;

    font-size: 16px;

    font-weight: bold;

    overflow: hidden;

}



.indexNews1p2 {

    height: 25px;

    line-height: 25px;

    color: #999;

    background: url(../images/n01.jpg) left center no-repeat;

    padding-left: 20px;

    overflow: hidden;

}



.indexNews1p2 span i {

    margin-right: 5px;

}



.indexNews1p3 {

    line-height: 25px;

    height: 50px;

    overflow: hidden;

    color: #666;

    padding-top: 5px;

    font-size: 15px;

}



#indexNews1 li a:hover .indexNews1p1 {

    color: #036EB8;

}



.indexNews1_img {

    margin-bottom: 5px;

}



.indexNews1_img img {

    width: 100%;

}



#indexNews1 li:hover {

    transform: translateY(-5px);

}



.indexNews1p4 {

    margin-top: 10px;

    color: #036EB8;

}



#indexNews2 {

    width: 1200px;

    height: auto;

    overflow: hidden;

    padding-top: 40px
}



#indexNews2 li .npic {

    width: 430px;

    height: 272px;

    float: left;

}



#indexNews2 li .npic img {

    width: 430px;

    height: 272px;

}



#indexNews2 li .ntxt {

    width: 720px;

    height: 272px;

    color: #666;

    line-height: 30px;

    font-size: 15px;

    float: right;

    position: relative;

}



#indexNews2 li .ntxt span {

    display: block;

    width: 100%;

    font-size: 22px;

    font-weight: bold;

    line-height: 36px;

    color: #333;

    padding: 20px 0 15px;

}



#indexNews2 li .ntxt .more {

    width: 120px;

    height: 42px;

    line-height: 42px;

    border: 1px solid #2159ac;

    text-align: center;

    background-color: #fff;

    color: #2159ac;

    display: block;

    font-size: 15px;

    position: absolute;

    left: 0;

    bottom: 15px
}



#indexNews2 li .ntxt .more:hover {

    background-color: #2159ac;

    color: #fff;

}



#picUL {

    width: 1228px;

    height: auto;

    padding-top: 30px;

    overflow: hidden;

}



#picUL li {

    width: 295px;

    height: 268px;

    line-height: 44px;

    text-align: center;

    background: #e3eaf5;

    border: 1px #e3eaf5 solid;

    float: left;

    margin: 5px;

}



#picUL li .pic_01 {

    width: 295px;

    height: 221px;

    background: #fff;

    overflow: hidden;

}



#picUL li .pic_01 img {

    max-width: 295px;

    height: 221px;

    background: #fff;

    display: block;

    margin: 0 auto;

}





#newTitle {

    font-size: 18px;

    line-height: 50px;

    font-weight: bold;

    text-align: center;

    padding-top: 40px
}



#newsInfo {

    font-size: 14px;

    font-weight: normal;

    padding-bottom: 10px;

    border-bottom: 1px #ddd dashed;

    text-align: center;

    color: #888
}
.mainpro{width:945px;height: 430px;overflow: hidden;}
.mainpro .tejia_cc_p {
    position: relative;
    width:945px;
    height: 400px;
    background: #f5f5f5;
    margin: 0 auto
}

.mainpro .tejia_con_p {
    position: relative;
    width:945px;
    height:400px;
    overflow: hidden;
}

.mainpro .tejia_con_p ul {
    width: 9999px;
    position: absolute;
}

.mainpro .tejia_con_p ul li {
    width: 945px;
    height:400px;
    line-height: 54px;
    float: left;
    position: relative;
}

.mainpro .tejia_con_p img {
    width:533px;
    height:400px;
    display: inline-block;
    float: left;
}
.mainpro .tejia_con_p .ptxt{width: 320px;padding-left: 40px;float: left;position: relative;}
.mainpro .tejia_con_p .ptxt span{font-size: 24px;line-height:60px;margin-top:30px; color: #2159ac;background: url(../images/pline.jpg) left top no-repeat; display: block;}
.mainpro .tejia_con_p .ptxt .p01{font-size: 16px;color: #686868;line-height: 28px;padding-top: 10px;}
.mainpro .tejia_con_p .ptxt .p02{line-height: 24px;font-size: 15px;color: #888888;padding-top: 20px}
.mainpro .tejia_con_p .ptxt .pzixun{width: 104px;height: 35px;text-align: center;line-height: 35px;color: #3e2602;font-size: 14px;background: #ffb522;position: absolute;border-radius: 5px; left: 40px;top:310px;}
.mainpro .tejia_con_p .ptxt .pzixun:hover{background: #2159ac;color: #fff}
.mainpro .tejia_con_p .ptxt .pmore{width: 30px;height:30px;background:url(../images/m.png) center no-repeat #1547a9;position: absolute; left:320px;top:265px;}
.mainpro .tejia_con_p .ptxt .pmore:hover{background:url(../images/m.png) center no-repeat #ffb522;color: #fff}
.mainpro .tejia_con_p .ptxt .ptel{line-height: 20px;font-size: 14px;color: #666666;position: absolute;left:160px;top:305px;}
.mainpro .tejia_con_p .ptxt .ptel b{font-size: 21px;color: #1a1a1a;display: block;}
.mainpro .bbtn{position: absolute;bottom:0px;z-index: 999}



.caselist {
    width: 1240px;
    height: auto;
    overflow: hidden;
    padding-top: 30px
}

.caselist li {
    width: 278px;
    height: 460px;
    float: left;
    margin: 0 30px 30px 0
}

.caselist li .p01 {
    width: 278px;
    height: 210px;
    overflow: hidden;
}

.caselist li .p01 img {
    width: 278px;
    height: 210px;
    transition: 0.4s all
}

.caselist li .p01 img:hover {
    transform: scale(1.05);
}

.caselist li .p02 {
    width: 278px;
    height: 150px;
    line-height: 24px;
    font-size: 14px;
    color: #888888;
    border-bottom: 1px #dadada solid;
    overflow: hidden;
}

.caselist li .p02 span {
    color: #656565;
    font-size: 16px;
    line-height: 45px;
    padding-top: 15px;
    display: block;
    transition: 0.4s all
}

.caselist li .p02 span:hover {
    color: #2159ac;
    padding-left: 8px
}

.caselist li .p03 {
    width: 278px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #888888;
    position: relative;
}

.caselist li .p03 .s01 {
    padding-left: 30px;
    background: url(../images/s01.png) left center no-repeat;
    float: left;
}

.caselist li .p03 .s02 {
    padding-left: 30px;
    color: #2159ac;
    background: url(../images/s02.png) left center no-repeat;
    float: right;
}

.caselist li .p03 .s02:hover {
    color: #e48804;
    text-decoration: underline;
    background: url(../images/s02h.png) left center no-repeat;
}



/*productinfo*/

.info01 {

    width: 100%;

    height: auto;

    overflow: hidden;
    position: relative;

}



.info01 .left {

    width: 400px;

    height: 390px;
    line-height: 0;

}



.info01 .right {

    width: 500px;

    height: 390px;

    overflow: hidden;

    position: relative;

}



.info01 .right .title {

    font-size: 22px;

    color: #222222;

}



.info01 .right .desc {

    font-size: 14px;

    color: #888888;

    line-height: 30px;

    padding-top: 20px
}



.info01 .right .zixun {

    width: 150px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 22px;

    color: #3e2602;

    position: absolute;

    left: 0;

    top: 254px;

    display: block;

    background: #ffb522;
    border-radius: 5px;

}

.info01 .right .zixun:hover {
    background: #2159ac;
    color: #fff
}

.info01 .right .in01 {

    position: absolute;

    left: 0px;

    top: 205px
}



.info01 .right .in02 {

    position: absolute;

    left: 180px;

    top: 252px;
    color: #666666;
    line-height: 24px;

}

.info01 .right .in02 b {
    font-size: 21px;
    color: #1a1a1a
}

.info02 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 40px
}



.ptitle {

    width: 100%;

    height: 60px;

    line-height: 60px;

    font-size: 14px;

    color: #888888;

    border-bottom: 2px #d4d4d4 solid;

}



.ptitle span {

    font-size: 22px;

    color: #393939;

    border-bottom: 2px #393939 solid;

    display: inline-block;

    float: left;

    background: url(../images/plogo.png) left center no-repeat;

    padding-left: 40px;

    margin-right: 20px
}



.newsContent {

    font-size: 15px;

    line-height: 32px;

    padding: 20px 0
}



.pcont {

    padding: 30px 0
}



.newsContent img {

    display: block;

    margin: 0 auto;

    padding: 10px 0
}



.pcont .p01 {

    font-size: 22px;

    color: #1858ba;

    font-weight: bold;

}



.pcont .p02 {

    font-size: 16px;

    color: #de540c;

    font-weight: bold;

}



.pcont .p03 {}



.pcont .p03 li {

    font-size: 15px;

    color: #656565;

    line-height: 37px
}



#infoImage {

    margin: 30px auto
}



#infoImage img {

    display: block;

    margin: 0 auto;

    max-width: 80%
}

.tuijian{}
.tuijian .ttitle{font-size: 30px;color: #333333;border-bottom: 2px #ddd solid;line-height: 50px;padding-bottom:10px;}
.tuijian ul{padding-bottom: 50px;padding-top: 15px; height: auto;overflow: hidden;}
.tuijian ul li{width:46%;height: 40px;line-height: 40px;margin-right: 4%;border-bottom: 1px #f5f5f5 solid; float: left;}
.tuijian ul li a:hover{padding-left: 8px}
/*订单*/
.formys {

    width: 860px;

    height: auto;

    color: #555555;

    margin: 0 auto
}



.formmcys {

    width: 90px;

    float: left;

}



.cpmcys {

    width: 400px;

    height: 34px;

    border: 1px solid #d2d4d6;

    font-family: "微软雅黑";

    color: #555555;

    background: #f9f9f9;

    font-size: 14px;

}



.formbz {

    float: left;

}



.G_InputText {

    width: 400px;

    height: 30px;

    border: 1px solid #d2d4d6;

    background: #f9f9f9;

}



.G_textarea {

    width: 400px;

    height: 100px;

    border: 1px solid #dedede;

    background: #f9f9f9;

}



.G_ul {

    width: 100%;

}



.G_botton {







    width: 55px;







    height: 30px;







    line-height: 30px;







    border: 0;







    background: url(button.gif) no-repeat;







    cursor: pointer;







}







.borderLi {

    width: 100%;

    height: auto;

    padding-top: 10px;

}



.G_tips {















    width: 486px;







    margin: 10px auto 0 auto;







    border: 1px solid #dedede;







    padding: 7px;







    border-radius: 5px;







    -moz-border-radius: 5px;







    -webkit-border-radius: 5px;







    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);







    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);







    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);







}



.sub {

    width: 105px;

    height: 32px;

    background: #f29400;

    border: none;

    text-align: center;

    line-height: 32px;

    color: #fff
}