@charset "utf-8";
.header {
    width: 100%;
    background: #fff;
    height: 115px;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 1200px;
    z-index: 999;
}

.header .logo h1 {
    width: 290px;
    float: left;
}

.header .logo img {
    margin-top: 40px;
    width: 100%;
}

.logoline {
    height: 115px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.logo-tel {
    margin-top: 30px;
}

.new-nav {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 115px;
    left: 0;
    z-index: 998;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
}

.nav li {
    width: 110px;
    height: 55px;
    margin-right: 40px;
    float: left;
    position: relative;
}

.nav li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    color: #585858;
    line-height: 55px;
}

.nav li>a i {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    margin-left: 5px;
    position: relative;
    top: -3px;
    -webkit-transition: .2s ease-in;
    -moz-transition: -webkit-transform .2s ease-in;
    -o-transition: -webkit-transform .2s ease-in;
    transition: .2s ease-in;
}

.nav li:hover>a,
.nav li.on>a {
    color: #3492de;
}

.nav li:hover>a i,
.nav li.on>a i {
    border-top: 4px solid #2588d9;
    /*FILTER: progid: DXImageTransform . Microsoft . BasicImage(rotation = 2);*/
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
}

.nav .subnav {
    display: none;
    position: absolute;
    width: 180px;
    top: 48px;
    left: -45px;
    background: #fff;
    z-index: 999;
    border-top: 2px solid #0f3f85;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    overflow: hidden;
}

.nav .subnav div {
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 20px;
    display: block;
    float: left;
    line-height: 26px;
    padding: 8px 0 15px 20px;
}

.nav li:hover .subnav a {
    color: #888;
}

.nav .subnav div:hover {
    background: #f7f7f7;
}

.nav .subnav a {
    width: 100%;
    font-size: 13px;
    display: block;
    color: #888;
    height: 20px !important;
    line-height: 26px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.nav .subnav a:hover {
    color: #888 !important;
    background: #f7f7f7;
    transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    -o-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
}

.nav .subnav a:hover:after {
    content: '＞';
    margin-left: 40px;
}

.header_h {
    height: 90px;
}


/*首页搜索*/

.i_search {
    width: 100%;
    height: 60px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.i_search .container {
    width: 1080px;
}

.h_sea {
    color: #999999;
    height: 61px;
    line-height: 42px;
    overflow: hidden;
    padding: 12px 0 0;
}

.s_inp {
    width: 325px;
    height: 32px;
    background: url(../images/search-bg.png) no-repeat;
    margin: 4px 0 0 0;
}

.inp01 {
    border: none;
    color: #c5c5c5;
    display: block;
    float: left;
    height: 31px;
    line-height: 31px;
    width: 164px;
    margin: 2px 0 0 10px;
    padding: 0 6px;
    background: none;
    border: none;
}

.key a {
    color: #999;
    padding: 0 23px 0 0;
    text-decoration: none;
}

.key a:hover {
    color: #164790;
}

.key a:hover {
    text-decoration: underline;
}

.s_inp input {
    border: 0px;
    background: none;
}

.s_inp input:focus {
    outline: none;
    background: none;
}

.s_ss {
    float: left;
    height: 41px;
    width: 42px;
    background: none;
    border: none;
}


/*banner*/

.swiper-container {
    width: 100%;
    /*margin-top: 170px;*/
    overflow: hidden;
}

.swiper-container .arrow-left {
    background: url(../images/banner_arrow-l.png) no-repeat left top;
    position: absolute;
    left: 0px;
    top: 55%;
    margin-top: -50px;
    width: 59px;
    height: 98px;
    z-index: 888;
}

.swiper-container .arrow-right {
    background: url(../images/banner_arrow-r.png) no-repeat left bottom;
    position: absolute;
    right: 0px;
    top: 55%;
    margin-top: -50px;
    width: 59px;
    height: 98px;
    z-index: 888;
}

.swiper-container .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5%;
    width: 100%;
    z-index: 999;
}

.swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    display: block;
}

.swiper-container .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: white;
    opacity: 1;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-container .swiper-pagination-bullet-active {
    background: #0f3f85;
}


/*--------------------new title---------------------*/

.new-tit {
    position: relative;
    margin-top: 60px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.new-tit .nt1 {
    color: #888;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 16px;
}

.new-tit .nt2 {
    color: #333;
    font-size: 36px;
    width: 200px;
    background: #fff;
    margin: 16px auto;
    z-index: 66;
}

.new-tit .ntline {
    width: 100%;
    height: 2px;
    border-top: 1px solid #a4a2a4;
    position: relative;
    margin-top: -40px;
    z-index: -1;
}

.new-tit .nt3 {
    margin-top: 40px;
    color: #333;
    font-size: 18px;
}

.new-tit .nt3 i {
    background: none !important;
}

.bg1 {
    background: url(../images/bg1.png) repeat;
}

.index_tit {
    text-align: center;
}

.index_reason {
    padding-top: 40px;
    min-width: 1200px;
    overflow: hidden;
}

.index_img {
    width: 100%;
    margin: 50px auto;
    position: relative;
}

.index_img img {
    width: 100%;
}

.index_new_tit {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.index_new_tit .bltit {
    margin: 0 auto;
    font-size: 36px;
    color: #333;
    border-top: 2px solid #1d75bc;
    border-bottom: 2px solid #1d75bc;
}

.sjx_new {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #1d75bc;
    width: 0;
    height: 0;
    position: relative;
    margin: 0 auto;
}

.index_new_tit .info_new {
    margin-top: 16px;
    font-size: 22px;
    color: #333;
    font-weight: 300;
}

.index_new_tit .info_new i {
    font-size: 26px;
    background: none;
    font-weight: 400;
    margin: 0 8px;
}

.index_new_tit .info_new a {
    color: #333;
}

.reason_r1 {
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.new_img {
    width: 668px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.new_cell {
    width: 660px;
    overflow: hidden;
    word-break: break-all;
    position: relative;
    z-index: 66;
}

.new_rt {
    margin-left: -130px;
}

.nc_tit {
    color: #0f3f85;
    font-size: 28px;
    margin-top: 18px;
}

.nc_info {
    margin-top: 30px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.nc_info i {
    background: none;
    color: #0f3f85;
    font-size: 20px;
    margin: 0 5px;
}

.nc_more {
    margin-top: 40px;
}

.nc_more a {
    color: #0f3f85;
    font-size: 20px;
    transition: 0.3s all ease-in-out;
}

.nc_more a:hover {
    color: #2588d9;
}

.new_alf {
    text-align: left;
}

.new_art {
    text-align: right;
}

.r2bg {
    background: #ebf6ff;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 70px;
    margin-bottom: 60px;
}

.r2_cell {
    width: 1124px;
    position: relative;
    overflow: hidden;
}

.r2c_item {
    margin-bottom: 40px;
    width: 542px;
    overflow: hidden;
    cursor: pointer;
}

.r2c_item:hover .r2_n1 {
    opacity: 0;
}

.r2c_item .r2_n1 {
    position: absolute;
    text-align: center;
    margin-top: -52px;
    font-size: 18px;
    color: #fff;
    width: 542px;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.56);
    opacity: 1;
    transition: 0.3s all ease-in-out;
}

.r2c_item:hover .r2_n2 {
    opacity: 1;
}

.r2c_item .r2_n2 {
    position: absolute;
    margin-top: -317px;
    width: 542px;
    height: 313px;
    background: rgba(0, 0, 0, 0.56);
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.r2icon {
    position: relative;
    margin-left: 40px;
    margin-top: 30px;
}

.r2info {
    width: 366px;
    overflow: hidden;
    word-break: break-all;
    margin-top: 20px;
    margin-left: 16px;
}

.r2info .tit {
    color: #fff;
    font-size: 34px;
}

.r2info .line {
    width: 195px;
    height: 5px;
    background: #fff;
    border-radius: 10px;
    margin-top: 16px;
}

.r2info .cont {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    margin-top: 30px;
}

.r2zj {
    position: absolute;
    left: 458px;
    top: 226px;
}

.new_cp_bt {
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 50px;
}


/*---------------------图片翻转------------------------*/

.flip-container {
    perspective: 1000;
    transform-style: preserve-3d;
    margin-left: 50px;
}

.flip-container:hover .back {
    transform: rotateY(0deg);
}

.flip-container:hover .front {
    transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
    width: 377px;
    height: 541px;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front,
.back {
    backface-visibility: hidden;
    transition: all 0.6s ease 0s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    z-index: 2;
    transform: rotateY(0deg);
    background: #fff;
}

.back {
    transform: rotateY(-180deg);
    background: #1d75bc;
}

.vertical.flip-container {
    position: relative;
}

.vertical .back {
    transform: rotateX(180deg);
}

.vertical.flip-container:hover .back {
    transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
    transform: rotateX(180deg);
}

.fz_tit {
    font-size: 27px;
    color: #fff;
    font-weight: 200;
    margin-top: 100px;
    text-align: center;
    width: 100%;
}

.fz_info {
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 60px;
    line-height: 32px;
    width: 70%;
}

.fz_btn {
    margin: 0 auto;
    margin-top: 70px;
    width: 100%;
    text-align: center;
}

.fz_btn a:hover {
    color: #1d75bc;
    background: #fff;
    border: 1px solid #fff;
}

.fz_btn a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 195px;
    height: 45px;
    border: 1px solid #59bbff;
    text-align: center;
    line-height: 45px;
    transition: 0.3s all ease-in-out;
}

.index_cp_box {
    margin-right: 30px;
}

.index_cp_box li {
    float: left;
}

.cp_info {
    background: url(../images/cp_bg_mini.png) center no-repeat;
    width: 240px;
    height: 271px;
    position: relative;
    overflow: hidden;
}

.index_cp_box li:hover .cp_tit {
    color: #0f3f85;
}

.cp_tit {
    color: #333;
    font-size: 18px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
}

.cp_detail {
    width: 80%;
    word-break: break-all;
    color: #666;
    font-size: 13px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 28px;
}

.cp_img img {
    display: block;
}

.index_cp_box li:hover .cp_plus {
    height: 30px;
}

.cp_plus {
    width: 30px;
    height: 0;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    background: #0f3f85;
    position: absolute;
    margin-left: 190px;
    transition: 0.3s all ease-in-out;
}

.cp_plus.top {
    margin-top: 241px;
}

.index_yw li {
    width: 280px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 140px;
    text-align: center;
}

.index_yw li:hover .yw_cover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.yw_cover {
    position: absolute;
    top: 9px;
    left: 9px;
    transition: 0.3s all ease-in-out;
    opacity: 0;
}

.index_yw li:hover .yw_tit {
    color: #0f3f85;
}

.yw_tit {
    margin-top: 30px;
    color: #333;
    font-size: 22px;
    transition: 0.3s all ease-in-out;
    position: relative;
}

.yw_blline {
    width: 30px;
    height: 5px;
    background: #0f3f85;
    margin: 20px auto;
    position: relative;
}

.yw_words {
    color: #666;
    font-size: 18px;
    line-height: 36px;
}

.index_anli {
    position: relative;
    overflow: hidden;
}

.index_anli li {
    width: 266px;
    height: 250px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 16px;
    box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20), 0 3px 8px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    -moz-box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20), 0 3px 8px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    -webkit-box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20), 0 3px 8px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
}

.index_anli li:nth-child(1),
.index_anli li:nth-child(5) {
    margin-left: 50px;
}

.index_anli li img {
    width: 266px;
    height: 192px;
    display: block;
    z-index: -1;
    position: relative;
}

.index_anli li:hover .anli_tit {
    color: #0f3f85;
    margin-top: -20px;
    padding-top: 10px;
}

.anli_tit {
    width: 100%;
    margin: 20px auto;
    font-size: 15px;
    color: #333;
    transition: 0.3s all ease-in-out;
    background: #fff;
    z-index: 88;
    display: block;
}

.anli_tit p {
    width: 215px;
    margin: 0 auto;
    background: #fff;
}

.anli_more {
    width: 100%;
    height: 30px;
    background: #0f3f85;
    font-size: 13px;
    color: #fefeff;
    text-align: center;
    line-height: 30px;
}

.index_anli li:hover .anli_line,
.index_anli li:hover .anli_plus {
    opacity: 1;
}

.anli_line {
    width: 242px;
    height: 148px;
    margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #fff;
    position: absolute;
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.anli_plus {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #0f3f85;
    color: #fff;
    position: absolute;
    margin-left: 210px;
    margin-top: -50px;
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.index {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.reason4bg {
    background: #1d75bc;
    padding: 30px 0;
}

.reason {
    margin-top: 60px;
    text-align: center;
}

.reason p {
    line-height: 60px;
}

.reason-nav {
    display: block;
    margin-top: 30px;
}

.reason-nav a {
    color: #1d75bc;
    font-size: 20px;
    display: inline-block;
    width: 150px;
    height: 45px;
    background: #a2d5ff;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    margin-left: 50px;
    transition: 0.5s all ease-in-out;
}

.reason-nav a:hover,
.reason-nav a.on {
    background: #fff;
}

.r3-btn {
    width: 100%;
    position: relative;
    margin: 50px 0;
    text-align: center;
}

.r3-btn a {
    color: #1d75bc;
    font-size: 20px;
    display: inline-block;
    width: 260px;
    height: 45px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 30px;
    transition: 0.5s all ease-in-out;
    border: 1px solid #1d75bc;
}

.r3-btn a:hover {
    color: #fff;
    background: #1d75bc;
}

.reason4pic {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: -24px;
    z-index: 15;
}

.reason4pic img {
    width: 100%;
}

.r4-btn {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: -80px;
    text-align: center;
    z-index: 18;
}

.r4-btn a {
    border: 1px solid #fff;
    color: #fff;
    background: none;
    transition: 0.5s all ease-in-out;
    font-size: 20px;
    display: inline-block;
    width: 190px;
    height: 45px;
    border-radius: 10px;
    line-height: 40px;
}

.r4-btn a:hover {
    border: 1px solid #fff;
    color: #1d75bc;
    background: #fff;
}

.joinstylebg {
    background: url(../images/jsbg.png) center no-repeat;
    width: 100%;
    height: 740px;
    padding-top: 60px;
}

.joinprobg {
    background: url(../images/joinprobg.png) center no-repeat;
    width: 100%;
    height: 428px;
    padding-top: 60px;
}

.onlyimg {
    width: 100%;
    margin: 45px auto;
    position: relative;
    z-index: 5;
}

.about-new {
    text-align: center;
    padding-top: 30px;
}

.about-new p {
    color: #888;
    font-size: 16px;
    line-height: 40px;
}

.about-new .btn {
    margin: 30px auto;
    margin-bottom: 60px;
}

.about-new .btn a:hover {
    color: #fff;
    background: #0f3f85;
    border: 1px solid #0f3f85;
}

.about-new .btn a {
    color: #666;
    font-size: 16px;
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #666;
    border-radius: 30px;
    transition: 0.3s all ease-in-out;
}

.blrbg {
    position: relative;
    background: #0f3f85;
    width: 100%;
    height: 240px;
    margin-top: -270px;
    z-index: -1;
}

.honorbg {
    background: url(../images/honorbg.png) center no-repeat;
    width: 100%;
    height: 440px;
    padding-top: 60px;
}

.honor-swiper {
    overflow: hidden;
    margin: 30px auto;
    width: 1000px;
    height: 280px;
}

.honor-swiper .swiper-slide {
    width: 320px;
}

.honor-swiper .swiper-slide img {
    width: 320px;
    height: 215px;
}

.honor-button-prev {
    background: url(../images/harrprev.png) no-repeat center;
    width: 37px;
    height: 54px;
    position: relative;
    z-index: 88;
    cursor: pointer;
    margin-top: -200px;
}

.honor-button-next {
    background: url(../images/harrnext.png) no-repeat center;
    width: 37px;
    height: 54px;
    position: relative;
    z-index: 88;
    cursor: pointer;
    margin-top: -54px;
    margin-left: 963px;
}

.index_company {
    padding: 60px 0 95px 0;
    min-width: 1200px;
}

.index_company .main {
    margin-top: 60px;
}

.index_company .main .con {
    width: 520px;
    margin: 30px 0 0 55px;
    text-align: justify;
    font-size: 18px;
    color: #373737;
    line-height: 45px;
    text-indent: 2em;
}

.index_company .more-words {
    margin: -53px 27px 0 0;
}

.index_company .more-words a {
    color: #164495;
    font-size: 18px;
    position: relative;
}

.index_apply {
    font-weight: 300;
    width: 100%;
    height: 440px;
    background: url(../images/index_apply_bg.png) center no-repeat;
    min-width: 1200px;
}

.index_apply .word {
    width: 545px;
    height: 232px;
    padding: 25px 0 0 22px;
    margin-top: 58px;
    background: #fff;
    -moz-box-shadow: 7px 7px 6px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 7px 7px 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 7px 7px 6px 0 rgba(0, 0, 0, 0.5);
}

.index_apply .word h2 {
    width: 184px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    background: #1c56bb;
    font-weight: 200;
    margin-bottom: 5px;
}

.index_apply .word .t_h1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 56px;
    font-size: 28px;
    color: #1c56bb;
    font-weight: 200;
    border-bottom: 1px solid #1c56bb;
}

.index_apply .word p {
    margin-top: 6px;
    line-height: 36px;
    font-size: 17px;
    color: #393939;
}

.index_apply .form {
    width: 280px;
    height: 410px;
    padding: 30px 50px 0 50px;
    background: rgba(28, 86, 187, 0.66);
}

.index_apply .form input[type="text"] {
    width: 275px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    text-indent: 9px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 19px;
    background: none;
}

.index_apply .form .btn {
    width: 275px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    font-size: 18px;
    color: #1c56bb;
    border: none;
    transition: 0.3s all ease-in-out;
}

.index_apply .form .btn:hover {
    background: #1c56bb;
    color: #fff;
}

.index_apply .form input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff;
}

.index_apply .form input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #fff;
}

.index_apply .form input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #fff;
}

.index_apply .form input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff;
}

.index_apply .form .tips {
    color: #c8e6ff;
    margin-bottom: 10px;
    font-weight: 200;
}

.index_apply .form .xing {
    position: absolute;
    color: #fff;
    font-size: 16px;
    margin-left: -15px;
    margin-top: 10px;
}

.index_apply .form textarea {
    background: transparent;
    outline: none;
    border: 1px solid #fff;
    text-indent: 8px;
    font-size: 14px;
}

.index_apply .form #embed-captcha .geetest_holder {
    width: 279px !important;
}

.index_apply .form #embed-captcha {
    margin: 12px 0;
}

#embed-captcha2 .geetest_holder {
    width: 200px !important;
    min-width: 200px !important;
}

.hide,
.hide2 {
    display: none;
}

.show,
.show2 {
    display: block;
    color: red;
}

.index_case {
    padding: 50px 0;
    height: 510px;
}

.index_case_nav {
    text-align: center;
    margin-top: 18px;
    line-height: 29px;
}

.index_case_nav a {
    font-size: 22px;
    color: #7a7a7a;
}

.index_case_nav a:hover,
.index_case_nav a.on {
    color: #000;
    border-bottom: 1px solid #777;
}

.index_case_nav i {
    width: 8px;
    height: 20px;
    background-position: -40px 0;
    margin: 0 15px;
    position: relative;
    top: 2px;
}

.index_case_scroll {
    width: 100%;
    position: relative;
    margin-top: 60px;
}

.index_case_scroll .hd {
    height: 0;
}

.index_case_scroll .hd .prev,
.index_case_scroll .hd .next {
    display: block;
    width: 60px;
    height: 98px;
    position: absolute;
    left: -80px;
    top: 90px;
    background: url(../images/icon.png) no-repeat 0 -30px;
    cursor: pointer;
}

.index_case_scroll .hd .next {
    left: auto;
    right: -80px;
    background-position: -70px -30px;
}

.index_case_scroll .hd .prev:hover {
    background-position: -140px -30px;
}

.index_case_scroll .hd .next:hover {
    background-position: -210px -30px;
}

.index_case_scroll .bd ul {
    overflow: hidden;
    zoom: 1;
}

.index_case_scroll .bd ul li {
    width: 295px;
    margin-right: 6px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.index_case_scroll .bd ul li img {
    display: block;
    width: 295px;
    height: 286px;
}

.index_case_scroll .bd ul li p {
    text-align: center;
    margin-top: 15px;
    line-height: 24px;
    font-size: 15px;
    color: #717171;
}

.index_case_scroll .bd ul li:hover p {
    color: #164495;
}

.index_service {
    padding-top: 56px;
    height: 326px;
    background: url(../images/index_service_bg.jpg) center no-repeat;
}

.index_service .main {
    margin-top: 45px;
    text-align: center;
}

.index_join {
    padding-top: 30px;
}

.index_join_scroll {
    width: 100%;
    position: relative;
}

.index_join_scroll .hd {
    height: 0;
}

.index_join_scroll .hd .prev {
    background: url(../images/new-arr-l.png) center no-repeat;
    width: 37px;
    height: 54px;
    position: absolute;
    z-index: 666;
    top: 50%;
    left: 10px;
    cursor: pointer;
    margin-top: -37px;
}

.index_join_scroll .hd .next {
    background: url(../images/new-arr-r.png) center no-repeat;
    width: 37px;
    height: 54px;
    position: absolute;
    z-index: 666;
    top: 50%;
    right: -66px;
    cursor: pointer;
    margin-top: -37px;
}

.index_join_scroll .bd ul {
    overflow: hidden;
    zoom: 1;
    height: 428px;
}

.index_join_scroll .bd ul li {
    margin-top: 10px;
    width: 227px;
    margin-left: 10px;
    margin-right: 20px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    height: 350px;
    box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20), 0 3px 8px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    -moz-box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20), 0 3px 8px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    -webkit-box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20), 0 3px 8px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    background: #fff;
}

.index_join_scroll .bd ul li .jscover img {
    width: 227px;
    height: 190px;
    transition: 0.5s all ease-in-out;
}

.index_join_scroll .bd ul li:hover .jscover img {
    width: 209px;
    height: 170px;
    margin-left: 0px;
    margin-top: 9px;
}

.index_join_scroll .bd ul li .jsline {
    margin-top: -165px;
    position: relative;
    margin-left: 18px;
    width: 190px;
    height: 150px;
    border: 1px solid #fff;
    background: transparent;
    opacity: 0;
    transition: 0.5s all ease-in-out;
}

.index_join_scroll .bd ul li:hover .jsline {
    opacity: 1;
}

.index_join_scroll .bd ul li p {
    *display: inline;
    *zoom: 1;
    text-align: left;
    padding: 5px 0;
    font-size: 15px;
    color: #333;
    position: absolute;
    bottom: 180px;
    margin-left: 16px;
    width: 180px;
    transition: 0.5s all ease-in-out;
}

.index_join_scroll .bd ul li:hover p {
    color: #0f3f85;
}

.index_join_scroll .bd ul li .jstime {
    color: #666;
    font-size: 12px;
    position: absolute;
    bottom: 160px;
    margin-left: 16px;
}

.index_join_scroll .bd ul li .jsbtn {
    font-size: 12px;
    color: #666;
    position: absolute;
    bottom: 100px;
    margin-left: 16px;
    padding: 8px 30px;
    border: 1px solid #eee;
    transition: 0.5s all ease-in-out;
}

.index_join_scroll .bd ul li:hover .jsbtn {
    background: #0f3f85;
    color: #fff;
    border: 1px solid #0f3f85;
}

.index_news {
    padding: 65px 0;
}

.index_news .main {
    margin-top: 40px;
}

.index_news .left {
    width: 177px;
    margin-right: 20px;
}

.index_news .left .link {
    width: 177px;
    height: 169px;
}

.index_news .mid {
    width: 580px;
}

.index_news .mid .path1 {
    margin-bottom: 20px;
}

.index_news .mid .link {
    width: 280px;
    height: 170px;
}

.index_news .mid .path2 {
    width: 526px;
    height: 151px;
    border: 1px solid #d7d7d7;
    padding: 12px 25px 0 27px;
}

.index_news .mid .path2 .tit {
    font-size: 18px;
    color: #404040;
    line-height: 27px;
    margin-bottom: 6px;
}

.index_news .mid .path2 ul li {
    height: 24px;
    line-height: 24px;
    margin-bottom: 2px;
}

.index_news .mid .path2 ul li b {
    display: block;
    float: left;
    width: 20px;
    height: 17px;
    margin: 4px 8px 0 0;
    background: #ff0024;
    text-align: center;
    line-height: 17px;
    font-size: 12px;
    color: #fff;
}

.index_news .mid .path2 ul li p {
    float: left;
    width: 360px;
}

.index_news .mid .path2 ul li p a {
    color: #414141;
    font-size: 14px;
}

.index_news .mid .path2 ul li span {
    display: block;
    float: left;
    width: 137px;
    text-align: right;
    color: #404040;
    font-size: 14px;
}

.index_news .mid .path2 ul li p a:hover {
    color: #164495;
}

.index_news .right {
    width: 400px;
    height: 355px;
}


/*.footer{background:url(../images/footerbg.png) no-repeat center #363a3f;width: 100%;  overflow: hidden;  }*/


/*.footer_nav {}*/


/*.footer_nav dl{width:140px;padding-top:20px;}*/


/*.footer_nav dl dt{margin-bottom:3px;}*/


/*.footer_nav dl dt a{font-size:12px;color:#fff;line-height:28px;font-weight:bolder;}*/


/*.footer_nav dl dd{line-height:25px;}*/


/*.footer_nav dl dd a{font-size:12px;color:#ddd;}*/


/*.footer_nav dl dt a:hover,*/


/*.footer_nav dl dd a:hover{opacity:0.8;filter:alpha(opacity=80);}*/


/*.footer .ewm{width:128px;margin:58px 0 0 50px;}*/


/*.footer .ewm img{display:block;width:128px;height:128px;}*/


/*.footer .ewm p{font-size:14px;color:#fff;margin-top:10px;text-align:center;}*/


/*.footer .tel{width:262px;margin-top:88px;}*/


/*.footer .tel h2{font-size:22px;color:#ececec;font-weight:300;}*/


/*.footer .tel h2 i{width:32px;height:23px;background: url(../images/icon-bluetel.png);margin-right:5px;}*/


/*.footer .tel .t_h1 {font-size:35px;color:#43aaf3;}*/


/*.footer .tel p{font-size:13px;color:#c3c1c1;padding-top:5px;}*/


/*.footer_copy{border-top:1px solid #7d7d7d;}*/


/*.footer_copy span{font-size:12px;color:#dcdcdc;line-height:26px;}*/


/*.footer_copy a{font-size:12px;color:#dcdcdc;line-height:26px;}*/


/*.footer_copy ul{margin-top:2px;}*/


/*.footer_copy ul li{display:inline;color:#dcdcdc;line-height:22px;}*/


/*.footer_copy ul li a{color:#dcdcdc;}*/


/*.footer_copy ul li a:hover{color:#fff;}*/


/*.footer_assets .jhw, .footer_assets .jjzz {*/


/*    float: left;*/


/*    margin-right: 15px;*/


/*}*/


/*.footer_assets .jhw img, .footer_assets .jjzz img {*/


/*    vertical-align: middle;*/


/*}*/


/*.footer_assets .jhw span, .footer_assets .jjzz span {*/


/*    color: #bbb;*/


/*    font-size: 13px;*/


/*    margin-left: 5px;*/


/*}*/


/*.footer_assets .jjzz {*/


/*    margin-top: 4px;*/


/*}*/

.apply_fixed .main {
    width: 0;
    height: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    overflow: hidden;
    box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.20);
}

.apformbg {
    background: url(../images/footer-formbg.png) no-repeat left top #fff;
    width: 100%;
    height: 146px;
}

.clj_open {
    position: fixed;
    overflow: hidden;
    left: 0;
    bottom: 20px;
    z-index: 9900;
    cursor: pointer;
}

.clj_open.pos,
.clj_hide.pos {
    display: none;
}

.clj_hide {
    position: absolute;
    margin-top: -130px;
    margin-left: 1200px;
    cursor: pointer;
}

.apply_fixed .main.pos {
    width: 100% !important;
    height: 165px !important;
    position: relative;
    bottom: 0;
    box-shadow: none;
}

.apply_tit {
    position: relative;
    overflow: hidden;
    margin-left: 90px;
    margin-top: 5px;
}

.apply_tit_t1 {
    color: #0f3f85;
    font-size: 24px;
    overflow: hidden;
}

.apply_tit_t1 span {
    font-size: 34px;
    font-style: italic;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.apply_tit_t2 {
    position: relative;
    margin-left: 20px;
    margin-top: 20px;
    overflow: hidden;
    color: #666;
    font-size: 15px;
}

.apply_tit_t2 span {
    color: #ef3939;
}

.my-form {
    margin-left: 90px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.apply_fixed .main input {
    float: left;
    border: 1px solid #ccc;
    background: transparent;
    text-indent: 10px;
    font-size: 14px;
    margin-right: 15px;
    width: 200px;
    height: 42px;
    line-height: 42px;
    position: relative;
    color: #888;
    overflow: hidden;
}

.apply_tips {
    position: relative;
    overflow: hidden;
    margin-left: 135px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.apply_tips img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.apply_remark {
    cursor: not-allowed;
}

.apply_btn button:hover {
    background: #fff;
    color: #ef3939;
}

.apply_btn button {
    display: inline-block;
    position: relative;
    width: 220px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #ef3939;
    background: #ef3939;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    margin-top: 70px;
    margin-right: 10px;
}

.leftfixed {
    position: fixed;
    left: 1%;
    width: 140px;
    height: 235px;
    background: #fff;
    z-index: 9999;
    top: 250px;
    display: none;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    /*底边阴影*/
}

.leftformtit {
    background: #0f3f85;
    width: 100%;
    color: #fff;
    font-size: 18px;
    padding: 20px 0;
    text-align: center;
}

.leftforminpt {
    margin-top: 10px;
    margin-left: 8px;
}

.leftforminpt div {
    position: absolute;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    left: 15px;
}

.leftforminpt input {
    border: 1px solid #bbb;
    width: 122px;
    text-indent: 42px;
    font-size: 14px;
    color: #666;
    padding: 3px 0;
}

.leftbtn {
    margin-left: 8px;
    margin-top: 10px;
}

.leftbtn button:hover {
    background: #007aff;
}

.leftbtn button {
    background: #0f3f85;
    border: none;
    outline: none;
    color: #fff;
    width: 124px;
    font-size: 17px;
    padding: 8px 0;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    cursor: pointer;
}

.leftformselect {
    margin-left: 8px;
    margin-top: 10px;
}

.leftformselect select {
    width: 124px;
    color: #666;
    line-height: 26px;
    text-indent: 7px;
    font-size: 14px;
}

.rightfixed {
    position: fixed;
    width: 185px;
    background: #fff;
    z-index: 9999;
    top: 250px;
    display: none;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    right: -140px;
    transition: all 0.5s;
}

.rightfixed:hover {
    right: 1%;
}

.rightfixed .r-item {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    height: 48px;
    width: 100%;
}

.rightfixed .r-item:hover {
    background: #0f3f85;
    color: #fff;
}

.rightfixed .r-item:hover .r-mes {
    background: url(../images/icon-mes-sel.png) center no-repeat;
}

.r-mes {
    display: block;
    float: left;
    margin: 15px;
    background: url(../images/icon-mes.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}

.rightfixed .r-item:hover .r-qq {
    background: url(../images/icon-qq-sel.png) center no-repeat;
}

.r-qq {
    display: block;
    float: left;
    margin: 15px;
    background: url(../images/icon-qq.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}

.rightfixed .r-item:hover .r-tel {
    background: url(../images/icon-tel-sel.png) center no-repeat;
}

.r-tel {
    display: block;
    float: left;
    margin: 15px;
    background: url(../images/icon-tel.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}

.rightfixed .r-item:hover .r-service {
    background: url(../images/icon-service-sel.png) center no-repeat;
}

.r-service {
    display: block;
    float: left;
    margin: 15px;
    background: url(../images/icon-service.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}

.rightfixed .r-item:hover .r-wechat {
    background: url(../images/icon-wechat-sel.png) center no-repeat;
}

.r-wechat {
    display: block;
    float: left;
    margin: 15px;
    background: url(../images/icon-wechat.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}

.rightfixed .r-item:hover .r-share {
    background: url(../images/icon-share-sel.png) center no-repeat;
}

.r-share {
    display: block;
    float: left;
    margin: 15px;
    background: url(../images/icon-share.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}

.rightfixed .r-item:hover .r-top {
    background: url(../images/icon-top-sel.png) center no-repeat;
}

.r-top {
    display: block;
    float: left;
    margin: 15px;
    background: url(../images/icon-top.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}

.rightfixed .r-item a.r-a {
    width: 100%;
    line-height: 48px;
    display: inline-block;
    font-size: 14px;
    color: #9a9a9a;
    text-align: left;
}

.rightfixed .r-item a:hover {
    color: #fff;
}

.rightfixed .jiathis_style_32x32 {
    margin-left: 4px;
    float: left;
}

.rightfixed .jiathis_style_32x32 span {}

.jiathis_style a {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}

.jiathis_style .jtico_tsina {
    background: url(../images/icon-sina-share.png) no-repeat center !important;
    background-size: 16px !important;
}

.jiathis_style .jtico_weixin {
    background: url(../images/icon-wechat-share.png) no-repeat center !important;
    background-size: 16px !important;
}

.jiathis_style .jtico_qzone {
    background: url(../images/icon-qq-share.png) no-repeat center !important;
    background-size: 16px !important;
}

.rightfixed .r-item:hover .jiathis_style .jtico_tsina {
    background: url(../images/icon-sina-share-sel.png) no-repeat center !important;
}

.rightfixed .r-item:hover .jiathis_style .jtico_weixin {
    background: url(../images/icon-wechat-share-sel.png) no-repeat center !important;
}

.rightfixed .r-item:hover .jiathis_style .jtico_qzone {
    background: url(../images/icon-qq-share-sel.png) no-repeat center !important;
}

.jiathis_style>.jiadiv_01 {
    display: none;
}

.wechat-modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.66);
}

.modalclose {
    cursor: pointer;
    position: absolute;
    top: 18%;
    left: 60%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.modalclose:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.wechat-modal .img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -245px;
    margin-left: -230px;
}

.inside_bg {
    background: url(../images/inside_bg.jpg) no-repeat center 90px;
}

.inside {
    width: 1200px;
    padding: 6px;
    margin: 200px auto 40px;
    background: rgba(43, 83, 155, 0.5)
}

.inside .container {
    background: #fff;
}

.inside_left {
    width: 257px;
    padding: 0 20px 0 30px;
}

.inside_left .title {
    padding: 30px 0 15px 0;
}

.inside_left .title .t_h1 {
    font-size: 32px;
    color: #090909;
    line-height: 39px;
    font-family: "宋体";
}

.inside_left .title h2 {
    font-size: 17px;
    color: #696969;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

.inside_nav li {
    width: 257px;
    height: 43px;
}

.inside_nav li a {
    display: block;
    width: 198px;
    height: 39px;
    padding: 2px 2px 0 57px;
    border-bottom: 2px solid #dbdbdb;
    line-height: 39px;
    font-size: 16px;
    color: #696969;
    font-weight: bolder;
}

.inside_nav li a b {
    color: #fff;
    padding-right: 15px;
}

.inside_nav li:hover a {
    color: #164495
}

.inside_nav li.on a {
    background: #164495;
    color: #fff;
    border: 2px solid #052d73;
    padding: 0 0 0 55px;
}

.inside_left .form {
    border: 2px solid #dbdbdb;
    border-top: 0;
}

.inside_left .form img {
    display: block;
    margin-bottom: 10px;
}

.inside_left .form form {
    padding: 0 7px;
}

.inside_left .form input[type="text"] {
    width: 237px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dbdbdb;
    text-indent: 9px;
    font-size: 14px;
    color: #353535;
    margin-bottom: 19px;
    background: none;
}

.inside_left .form .btn {
    width: 239px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    background: #1d4a98;
    font-size: 18px;
    color: #fff;
    border: none;
    margin-bottom: 9px;
}

.inside_right {
    width: 830px;
    padding: 0 0px 100px 20px;
    min-height: 700px;
    border-left: 2px solid #dbdbdb;
}

.position {
    padding: 37px 0 22px 0;
    border-bottom: 2px solid #dbdbdb;
    font-size: 16px;
    color: #696969;
    line-height: 25px;
}

.position a {
    color: #696969;
}

.position a:hover {
    color: #164495;
}

.about {
    padding-top: 15px;
}

.about p {
    font-size: 14px;
    color: #696969;
    line-height: 30px;
    text-indent: 2em;
}

.about_tit {
    height: 42px;
    border-left: 8px solid #164495;
    padding-left: 9px;
}

.about_tit h2 {
    fot-size: 24px;
    color: #164495;
    font-weight: normal;
}

.about_tit h3 {
    fot-size: 14px;
    color: #696969;
    font-weight: normal;
}

.about_tit h2 span {
    color: #767676;
    padding-left: 10px;
}

.honor {
    padding-top: 26px;
}

.honor1 {
    padding: 35px 0 30px 0;
}

.honor1 .img {
    width: 379px;
    height: 290px;
    margin-left: 25px;
}

.honor1 .con {
    width: 420px;
}

.honor1 .tit h2 {
    margin-top: 17px;
    font-weight: normal;
    font-family: Arial;
    font-size: 22px;
    color: #878787;
    text-align: right;
}

.honor1 .tit .t_h1 {
    margin-top: 5px;
    width: 475px;
    height: 44px;
    line-height: 44px;
    background: #164495;
    font-weight: normal;
    font-size: 22px;
    color: #fff;
    text-align: right;
    margin-left: -36px;
    text-align: center;
}

.honor1 ul {
    width: 420px;
    margin-top: 28px;
}

.honor1 ul li {
    width: 200px;
    float: left;
    margin: 0 0 10px 10px;
}

.honor1 ul li img {
    width: 200px;
    height: 130px;
}

.honor1 ul li p {
    font-size: 14px;
    color: #696969;
    text-align: center;
    margin-top: 5px;
    line-height: 22px;
}

.honor2 {
    padding-top: 30px;
}

.honor2 li {
    width: 195px;
    height: 180px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 0 10px 10px;
}

.honor2 li img {
    width: 195px;
    height: 130px;
}

.honor2 li p {
    font-size: 14px;
    color: #696969;
    text-align: center;
    margin-top: 5px;
    line-height: 22px;
}

.honor3 {
    padding-top: 30px;
}

.honor3 li {
    width: 195px;
    height: 330px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 0 10px 10px;
}

.honor3 li img {
    width: 195px;
    height: 280px;
}

.honor3 li p {
    font-size: 14px;
    color: #696969;
    text-align: center;
    margin-top: 5px;
    line-height: 22px;
}

.news {
    margin-top: 20px;
}

.news li {
    margin-bottom: 20px;
}

.news li .tit {
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
}

.news li .tit a {
    color: #181818;
}

.news li .date {
    line-height: 22px;
    font-size: 14px;
    color: #c6c6c6;
}

.news li .con {
    line-height: 22px;
    font-size: 14px;
    color: #838383;
    margin-top: 10px;
    width: 830px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}

.news li .more {
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
}

.news li .more a {
    color: #181818;
    font-style: italic;
}

.news li .tit a:hover,
.news li .more a:hover {
    color: #0f3f85;
}

.page {
    width: 100%;
    height: 30px;
    text-align: center;
}

.page a,
.page span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 5px;
    min-width: 18px;
    height: 28px;
    border: 1px solid #ccc;
    line-height: 28px;
    text-align: center;
    color: #333;
    margin: 0 2px;
}

.page .prev,
.page .next {
    font-family: '宋体';
    position: relative;
    top: -1px;
}

.page a:hover {
    color: #0f3f85;
}

.page span.on {
    background: #0f3f85;
    border: 1px solid #0f3f85;
    color: #fff;
}

.page span.prev,
.page span.next {
    background: #eee;
}

.contact {
    padding-top: 35px;
}

#map {
    width: 830px;
    height: 370px;
}

#map .BMapLabel {
    display: none !important;
}

.contact ul {
    padding: 35px 0 0 30px;
}

.contact ul li {
    width: 185px;
    float: left;
    margin: 0 15px 30px 0;
}

.contact ul li h2 {
    font-size: 18px;
    color: #090909;
    line-height: 37px;
    font-weight: normal;
}

.contact ul li p {
    font-size: 14px;
    color: #696969;
    line-height: 26px;
}

.join_process {
    margin-top: 25px;
}

.join_process img {
    margin-right: 40px;
}

.join_process h2 {
    line-height: 38px;
    font-size: 18px;
    color: #222;
    font-weight: normal;
}

.join_process p {
    line-height: 23px;
    font-size: 14px;
    color: #3c3c3c;
    text-indent: 0;
}

.franchisee {
    margin-top: 15px;
}

.franchisee li {
    width: 232px;
    height: 208px;
    float: left;
    margin: 0 30px 30px 0;
}

.franchisee li img {
    display: block;
    width: 232px;
    height: 178px;
    margin-bottom: 2px;
}

.franchisee li p {
    width: 232px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background: #164495;
    font-size: 18px;
    color: #fff;
}

.franchisee li:hover p {
    background: #c40020;
}

.latest_join {
    margin-bottom: 30px;
}

.latest_join li {
    height: 34px;
    line-height: 33px;
    border-bottom: 1px dashed #dbdbdb;
}

.latest_join li i {
    width: 15px;
    height: 16px;
    background-position: -100px 0;
    float: left;
    margin: 9px 14px 0 0;
}

.latest_join li .tit {
    width: 600px;
    float: left;
}

.latest_join li .tit a {
    font-size: 16px;
    color: #767676;
}

.latest_join li .tit a:hover {
    color: #0f3f85;
}

.latest_join li .date {
    float: right;
    width: 100px;
    text-align: right;
    font-size: 16px;
    color: #767676;
}

.project_answer {
    margin-bottom: 30px;
}

.project_answer .question {
    padding: 20px 0;
    border-bottom: 1px dashed #959595;
    line-height: 23px;
    font-size: 16px;
    color: #555;
}

.project_answer .question span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 23px;
    height: 23px;
    background: #164495;
    font-size: 22px;
    color: #fff;
    line-height: 23px;
    text-align: center;
    margin-right: 17px;
    border-radius: 2px;
    font-family: Arial;
}

.project_answer .answer {
    padding: 11px 0 23px 0;
    border-bottom: 2px solid #dbdbdb;
    line-height: 30px;
    font-size: 14px;
    color: #696969;
}

.project_answer .answer span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 23px;
    height: 23px;
    background: #696969;
    font-size: 22px;
    color: #fff;
    line-height: 23px;
    text-align: center;
    margin: 4px 17px 0 0;
    border-radius: 2px;
    font-family: Arial;
}

.case {
    margin: 20px 0;
    width: 110%;
}

.case li {
    width: 267px;
    height: 283px;
    float: left;
    padding: 5px 5px 0 5px;
    -moz-box-shadow: 3px 5px 5px 0 rgba(183, 186, 198, 0.75);
    -webkit-box-shadow: 3px 5px 5px 0 rgba(183, 186, 198, 0.75);
    box-shadow: 3px 5px 5px 0 rgba(183, 186, 198, 0.75);
    margin: 0 8px 15px 0;
}

.case li img {
    display: block;
    width: 268px;
    height: 228px;
}

.case li .tit {
    margin-top: 6px;
    text-align: center;
    font-size: 14px;
    color: #222;
    line-height: 22px;
}

.case li .date {
    text-align: center;
    font-size: 12px;
    color: #676767;
    line-height: 17px;
}

.service_banner {
    width: 100%;
    height: 599px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 170px;
}

.service_banner ul {
    width: 100%;
    height: 135px;
    position: absolute;
    left: 0;
    bottom: 17px;
    text-align: center;
}

.service_banner ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 316px;
    height: 135px;
    margin-right: 34px;
}

.service_banner ul li a {
    display: block;
    width: 306px;
    height: 125px;
    border: 5px solid #fff;
    position: relative;
}

.service_banner ul li a img {
    display: block;
    width: 100%;
    height: 100%;
}

.service_banner ul li a p {
    width: 306px;
    height: 31px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.service1_path1 {
    padding: 60px 0 110px 0;
    position: relative;
}

.service1_tit {
    width: 100%;
    height: 85px;
    line-height: 84px;
    border-bottom: 1px solid #d3d3d3;
    font-size: 48px;
    color: #154488;
}

.service1_tit .container {
    position: relative;
}

.service1_tit b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 1px;
    height: 46px;
    font-size: 0;
    background: #154488;
    margin: 0 15px;
    position: relative;
    top: 7px;
}

.service1_tit strong {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-bottom: 2px solid #154488;
}

.service1_path1 .main {
    position: relative;
}

.service1_path1 .con {
    font-size: 14px;
    color: #7e7e7e;
    line-height: 24px;
    padding: 50px 0 60px 0;
}

.service1_path1 a {
    display: block;
    width: 196px;
    height: 69px;
    line-height: 69px;
    text-align: center;
    background: #154488;
    font-size: 30px;
    color: #fff;
}

.service1_path1 img {
    position: absolute;
    left: 425px;
    top: -70px;
}

.service1_path2 {
    padding: 20px 0 110px 0;
    background: url(../images/service1_path2_bg.jpg) no-repeat center bottom #eff7f9;
}

.service1_path2 ul {
    margin-top: 75px;
}

.service1_path2 ul li {
    width: 276px;
    height: 357px;
    float: left;
    margin-right: 31px;
}

.service1_path2 ul li img {
    display: block;
    width: 276px;
    height: 268px;
}

.service1_path2 ul li h2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 8px;
    line-height: 46px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    font-weight: normal;
    border-bottom: 1px solid #fff;
}

.service1_path2 ul li p {
    font-size: 18px;
    color: #fff;
    line-height: 34px;
}

.service1_path3 {
    padding: 110px 0 80px 0;
}

.service1_path3 .main {
    width: 456px;
}

.service1_path3 .tit,
.service1_path4 .tit,
.service1_path6 .tit {
    height: 54px;
    line-height: 54px;
    font-size: 42px;
    color: #154488;
}

.service1_path3 .tit b,
.service1_path4 .tit b,
.service1_path6 .tit b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 1px;
    height: 41px;
    background: #154488;
    margin: 0 10px;
    position: relative;
    top: 7px;
}

.service1_path3 dl,
.service1_path4 dl {
    width: 210px;
    float: left;
    margin-top: 30px;
}

.service1_path3 dl dt,
.service1_path4 dl dt {
    height: 25px;
    line-height: 25px;
    border-left: 3px solid #154488;
    font-size: 30px;
    color: #222;
    margin-bottom: 8px;
    padding-left: 15px;
    margin-bottom: 15px;
}

.service1_path3 dl dd,
.service1_path4 dl dd {
    font-size: 16px;
    color: #222;
    line-height: 26px;
}

.service1_path3 .line {
    width: 410px;
    height: 1px;
    font-size: 0;
    background: #d3d3d3;
    margin-top: 42px;
}

.service1_path3 .line b {
    display: block;
    width: 83px;
    height: 2px;
    background: #154488;
    position: relative;
    top: -1px;
}

.service1_path4 {
    background: #eff7f9;
    padding: 65px 0;
}

.service1_path4 .main {
    width: 456px;
    margin-top: 40px;
}

.service1_path4 dl {
    width: 100%;
}

.service1_path5 {
    padding: 35px 0 120px 0;
}

.service1_tit a {
    display: block;
    width: 155px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    background: #bbb;
    font-size: 18px;
    font-weight: bold;
    color: #222;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.service1_path5 .main {
    height: 569px;
    background: url(../images/service1_img8.png) no-repeat left 60px;
    padding-top: 60px;
}

.service1_path5 dl {
    margin-bottom: 18px;
    width: 465px;
}

.service1_path5 dl dt {
    font-size: 18px;
    font-weight: bold;
    color: #154488;
    line-height: 36px;
}

.service1_path5 dl dd {
    line-height: 20px;
    font-size: 14px;
    color: #333;
}

.service1_path5 .dl1 {
    margin-top: 36px;
}

.service1_path5 .dl1 {
    margin-left: 580px;
}

.service1_path5 .dl5 {
    margin-left: 590px;
}

.service1_path5 .dl2,
.service1_path5 .dl4 {
    margin-left: 685px;
}

.service1_path5 .dl3 {
    margin-left: 762px;
}

.service1_path6 {
    height: 583px;
    background: url(../images/service1_path6_bg.jpg) center no-repeat;
}

.service1_path6 img {
    width: 586px;
    height: 416px;
    margin-top: 86px;
}

.service1_path6 .main {
    width: 475px;
    height: 513px;
    padding: 70px 56px 0 39px;
    border-left: 1px solid #575758;
}

.service1_path6 .tit {
    color: #fff;
    margin-bottom: 27px;
}

.service1_path6 .tit b {
    background: #fff;
}

.service1_path6 dl dt {
    width: 117px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #fff;
    font-family: Arial;
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.service1_path6 dl dd {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin-bottom: 10px;
}

.service1_path7 {
    padding: 65px 0 55px 0;
}

.service1_path7 dl {
    width: 557px;
    height: 188px;
    border: 1px solid #313131;
    padding: 10px 15px 15px 15px;
    border-radius: 2px;
}

.service1_path7 dl dt {
    line-height: 45px;
    height: 45px;
    border-bottom: 2px solid #acacac
}

.service1_path7 dl dt strong {
    font-size: 30px;
    color: #222;
}

.service1_path7 dl dt a {
    display: block;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #154488;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    float: right;
    margin-top: 17px;
}

.service1_path7 dl dd {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dotted #a2a2a2;
    font-size: 18px;
}

.service1_path7 dl dd a {
    color: #000;
}

.service1_path7 dl dd a:hover {
    color: #0f3f85;
}

.service1_path7 dl dd i {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #313131;
    border-bottom: 5px solid transparent;
    margin: 0 20px 0 5px;
}

.service1_path7 dl dd a:hover i {
    border-left: 5px solid #0f3f85;
}

.service2_path1 a {
    width: 196px;
}

.service2_path1 .con {
    width: 535px;
}

.service2_path1 img {
    left: 566px;
    top: -128px;
}

.service3_path1 .con {
    width: 540px;
}

.service3_path1 img {
    left: 515px;
    top: 35px;
}

.products_banner {
    width: 100%;
}

.products_banner img {
    width: 100%;
}

.products {
    padding: 70px 0;
}

.products .title {
    text-align: center;
}

.products ul {
    width: 110%;
    margin: 70px 0 0 0;
}

.products ul li {
    width: 344px;
    height: 484px;
    float: left;
    margin: 0 70px 60px 0;
    border: 1px solid #ddd;
}

.products ul li img {
    display: block;
    width: 344px;
    height: 390px;
}

.products ul li .tit {
    font-size: 18px;
    font-weight: bold;
    color: #222;
    line-height: 40px;
    text-align: center;
}

.products ul li .more {
    margin: 6px auto 0;
    width: 93px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #151515;
    font-size: 18px;
    color: #fff;
}

.products ul li:hover {
    border: 1px solid #0f3f85;
}

.products ul li:hover .tit {
    color: #0f3f85;
}

.products ul li:hover .more {
    background: #0f3f85;
}

.detail {
    padding: 30px 0 15px 0;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.detail .title {
    text-align: center;
    line-height: 34px;
    font-size: 25px;
    color: #222;
    margin-bottom: 15px;
    font-size: 500
}

.detail .title h1 {
    text-align: center;
    line-height: 34px;
    font-size: 25px;
    color: #222;
    margin-bottom: 15px;
}

.detail .date {
    text-align: center;
    line-height: 25px;
    font-size: 15px;
    color: #696969;
}

.detail .date a {
    color: #696969;
}

.detail .con {
    line-height: 26px;
    font-size: 14px;
    color: #3f3f3f;
    padding: 30px 0 80px 0;
    width: 830px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}

.detail .con,
.detail .con p,
.detail .con a,
.detail .con p span,
.detail .con a span,
.detail .con span {
    font-size: 16px !important;
    color: #555;
}

.detail .con p {
    margin-bottom: 15px;
}

.detail .con img {
    max-width: 100%;
    margin: 20px 0px;
}

.detail_ewm {
    margin-bottom: 80px;
    text-align: center;
}

.detail_ewm p {
    font-size: 15px;
    color: #3f3f3f;
    margin-top: 20px;
}

.keyword {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 25px;
    padding: 0 3px;
    font-size: 14px;
    margin-bottom: 17px;
}

.keyword span {
    padding-right: 2px;
}

.detail .fanye {
    margin-bottom: 15px;
}

.detail .fanye div {
    width: 400px;
    font-size: 14px;
    color: #222;
    line-height: 24px;
}

.detail .fanye div a {
    color: #222;
}

.detail .fanye div a:hover {
    color: #164495;
}

.detail .fanye .fr {
    text-align: right;
}

.other {
    position: relative;
    overflow: hidden;
}

.other .title {
    height: 44px;
    line-height: 44px;
    padding-left: 7px;
    background: #164495;
    font-size: 18px;
    color: #fff;
}

.other ul {
    margin-top: 10px;
    width: 120%;
}

.other ul li {
    width: 392px;
    height: 35px;
    margin-right: 15px;
    line-height: 35px;
    float: left;
    border-right: 1px solid #d6d6d6;
    padding-right: 15px;
    margin-right: 15px;
}

.other ul li:nth-child(2n) {
    boder: none;
}

.other ul li i {
    width: 10px;
    height: 10px;
    background-position: -120px 0;
    margin-right: 12px;
}

.other ul li a {
    font-size: 14px;
    color: #000;
}

.other ul li a:hover {
    color: #0f3f85;
}

.products_detail {
    padding: 30px 0 100px 0;
}

.products_detail .main {
    padding-top: 20px;
}

.products_detail .main .img {
    width: 505px;
}

.products_detail .main .img img {
    width: 100%;
}

.products_detail .main table {
    width: 600px;
    font-size: 14px;
    color: #000;
    line-height: 30px;
    margin-top: 45px;
}

.products_detail .main table th {
    width: 100px;
    vertical-align: top;
    padding-bottom: 10px;
}

.products_detail .main table td {
    width: 500px;
    padding-bottom: 10px;
}


/*add*/

.clear {
    clear: both;
}

.detail_box {
    padding: 20px 25px;
    position: relative;
    overflow: hidden;
}

.breadcrumb .here {
    font-size: 16px;
    color: #696969;
}

.breadcrumb a {
    color: #696969;
    font-size: 16px;
    margin-right: 8px;
}

.breadcrumb a:hover {
    color: #0f3f85;
}

.detail_box .detail_content {
    margin-top: 30px;
}

.detail_box .detail_content .pro_img {
    width: 504px;
    margin-top: 30px;
}

.detail_box .detail_content .pro_img img {
    width: 100%;
}

.detail_box .detail_content .pro_parameter {
    width: 575px;
}

.detail_box .detail_content .pro_parameter ul {
    width: 110%;
    margin: 50px 0 0 70px;
}

.detail_box .detail_content .pro_parameter ul li {
    width: 560px;
    height: auto;
    margin: 20px 0 0 0;
    border: none;
    font-size: 14px;
    line-height: 22px;
    word-break: break-all;
}

.detail_box .detail_content .pro_parameter .parameter_l {
    width: 75px;
}

.detail_box .detail_content .pro_parameter .parameter_r {
    width: 465px;
    margin-left: 30px;
    word-break: break-all;
}

.cate_type {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}

.cate_type ul {
    height: 30px;
}

.cate_type ul li {
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #676767;
    width: 68px;
    text-align: center;
    padding-bottom: 8px;
}

.cate_type ul li a {
    color: #676767;
}

.cate_type ul li.on a {
    border-bottom: 1px solid #164495;
    color: #164495;
    padding-bottom: 8px;
}

.cate_type ul li:hover a {
    border-bottom: 1px solid #164495;
    color: #164495;
    padding-bottom: 8px;
}


/*分页样式重写*/

.pagination {
    width: 100%;
    height: 30px;
    text-align: center;
}

.pagination li {
    display: inline-block;
}

.pagination li a {
    display: inline-block;
    padding: 0 5px;
    min-width: 18px;
    height: 28px;
    border: 1px solid #ccc;
    line-height: 28px;
    text-align: center;
    color: #333;
    margin: 0 2px;
}

.pagination li.active {
    display: inline-block;
    padding: 0 5px;
    min-width: 18px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 2px;
    background: #0f3f85;
    border: 1px solid #0f3f85;
    color: #fff;
}

.pagination li.disabled {
    display: inline-block;
    padding: 0 5px;
    min-width: 18px;
    height: 28px;
    border: 1px solid #ccc;
    line-height: 28px;
    text-align: center;
    color: #333;
    margin: 0 2px;
    background: #eee;
}


/*企业高管*/

.people {
    width: 770px;
    height: 210px;
    border-bottom: 2px solid #003f80;
    margin-top: 30px;
    z-index: 50;
    position: relative;
}

.people.odd {
    margin-top: -50px;
}

.p_name {
    width: 182px;
    height: 210px;
    background: #003f80;
}

.p_n_h1 {
    margin: 15px 25px 0 0;
}

.p_n_word {
    font-size: 50px;
    color: #fff;
    font-family: KaiTi;
}

.p_duty {
    margin-left: 20px;
}

.p_duty.odd {
    margin-left: 0px;
}

.p_d_h1 {
    color: #003f80;
    font-size: 32px;
    margin-top: 10px;
}

.p_d_h2 {
    color: #444;
    font-size: 24px;
    margin-top: 6px;
}

.a_description {
    z-index: 1;
    position: relative;
    margin-top: -40px;
    width: 800px;
    height: 400px;
    background: url(../images/map.png) center no-repeat;
}

.a_d_words {
    padding-top: 40px;
    text-align: left;
}

.a_d_words p {
    font-size: 18px;
    line-height: 36px;
    color: #666;
    text-indent: 0;
}


/* timeline */

.timeline {
    background: url(../images/map.png) center no-repeat;
    overflow: hidden;
    position: relative;
    height: 1px;
    margin: 40px auto;
}

.timeline .odd {
    width: 450px;
    height: 230px;
    background: url(../images/timecell-odd-bg2.png) no-repeat 80px 0;
}

.timeline .odd-end {
    width: 450px;
    height: 140px;
    background: url(../images/timecell-odd-end-bg.png) no-repeat 80px 0;
}

.timeline .even {
    width: 900px;
    height: 210px;
    background: url(../images/timecell-even-bg2.png) no-repeat 394px 0;
    margin-top: -22px;
}

.timeline .even-end {
    width: 900px;
    height: 140px;
    background: url(../images/timecell-even-end-bg.png) no-repeat 394px 0;
    margin-top: -22px;
}

.timeline .odd .time-year {
    font-size: 32px;
    color: #fff;
    position: relative;
    margin-left: 95px;
    padding-top: 6px;
}

.timeline .odd .time-h1 {
    font-size: 26px;
    width: 283px;
    color: #0c478b;
    margin: 10px 0 0 52px;
}

.timeline .odd .time-words {
    margin-top: 1px;
    margin-left: 22px;
}

.timeline .odd .time-words p {
    font-size: 15px;
    color: #808080;
    line-height: 24px;
    width: 339px;
    text-indent: 0;
}

.timeline .even .time-year {
    font-size: 32px;
    color: #fff;
    position: relative;
    margin-left: 492px;
    padding-top: 6px;
}

.timeline .even .time-h1 {
    font-size: 26px;
    width: 323px;
    color: #0c478b;
    margin: 10px 0 0 480px;
}

.timeline .even .time-words {
    margin-top: 1px;
    margin-left: 452px;
}

.timeline .even .time-words p {
    font-size: 15px;
    text-indent: 0;
    color: #808080;
    width: 340px;
    line-height: 24px;
}

.timeline .odd-end .time-year {
    font-size: 32px;
    color: #fff;
    position: relative;
    margin-left: 95px;
    padding-top: 6px;
}

.timeline .odd-end .time-h1 {
    font-size: 26px;
    color: #0c478b;
    margin: 10px 0 0 52px;
}

.timeline .odd-end .time-words {
    margin-top: 1px;
    margin-left: 22px;
}

.timeline .odd-end .time-words p {
    font-size: 15px;
    color: #808080;
    line-height: 24px;
}

.timeline .even-end .time-year {
    font-size: 32px;
    color: #fff;
    position: relative;
    margin-left: 492px;
    padding-top: 6px;
}

.timeline .even-end .time-h1 {
    font-size: 26px;
    color: #0c478b;
    margin: 10px 0 0 480px;
}

.timeline .even-end .time-words {
    margin-top: 1px;
    margin-left: 452px;
}

.timeline .even-end .time-words p {
    font-size: 15px;
    color: #808080;
    line-height: 24px;
}

.inside_title {
    text-align: center;
    color: #040000;
}

.inside_title .cn {
    line-height: 40px;
    font-size: 32px;
    color: #333;
}

.inside_title .en {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 33px;
    color: #666;
    line-height: 33px;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
}

.inside_title .lineL,
.inside_title .lineR {
    width: 30px;
    height: 1px;
    background: #a9aaaa;
    font-size: 0;
    position: absolute;
    left: -36px;
    top: 16px;
}

.inside_title .lineR {
    left: auto;
    right: -36px;
}

.feedback {
    margin: 70px 0;
}

.feedback .main {
    margin: 50px auto 0;
    width: 700px;
}

.feedback_text {
    border: 1px solid #c3c3c3;
    height: 43px;
    width: 310px;
    line-height: 43px;
}

.feedback_text span {
    display: block;
    width: 60px;
    float: left;
    color: #333;
    text-align: center;
}

.feedback_text .text {
    width: 200px;
    height: 43px;
    border: none;
    background: none;
    line-height: 43px;
    color: #333;
    float: left;
}

.feedback_text .tip {
    color: #bab9b9;
}

.mrgB20 {
    margin-bottom: 20px;
}

.textarea {
    width: 698px;
    padding: 10px;
    border: 1px solid #c3c3c3;
    color: #333;
    line-height: 22px;
    height: 100px;
}

.feedback_code {
    border: none;
}

.feedback_code .text {
    border: 1px solid #c3c3c3;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 10px 10px 0 0;
}

.feedback_code span {
    text-align: left;
}

.btn_submit {
    width: 124px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border: none;
    background: #1d4a98
}

.feedback_text.err,
.feedback_code .text.err,
.textarea.err {
    border: 1px solid #d70128;
}

.feedback_radio {
    line-height: 22px;
    color: #333;
}

.feedback_radio label {
    margin-right: 20px;
}

.feedback_radio input {
    margin-right: 5px;
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 170px;
    z-index: 0;
}

.banner img {
    width: 100%;
}

.content {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
}

.contit {
    text-align: center;
    position: relative;
    display: block;
}

.contit .btit {
    font-size: 30px;
    color: #333;
}

.contit .subtit {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    position: relative;
}

.content .detail {
    margin-top: 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/*-------------------------------产品中心开始--------------------------------*/

.vcover {
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.vimg img {
    width: 100%;
    transition: all 1s ease;
}

.vcover:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 13px 0 rgba(0, 0, 0, 0.20), 2px 0 13px 0 rgba(0, 0, 0, 0.20), 0 3px 100px 0 rgba(0, 0, 0, 0.20);
}

.vimg:hover img {
    transform: scale(1.1);
}

.vicon-play {
    position: absolute;
    z-index: 55;
    left: 517px;
    top: 226px;
}

.prolist {
    margin-top: 107px;
    position: relative;
    display: block;
    overflow: hidden;
}

.proitemlf {
    border: 1px solid #888;
    font-size: 0;
    display: block;
    overflow: hidden;
    background: url(../images/pro-mball2.png) center no-repeat;
    width: 482px;
    height: 655px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.proitemlf:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow: -2px 0 15px 0 rgba(0, 0, 0, 0.08) inset, 2px 0 15px 0 rgba(0, 0, 0, 0.08) inset, 0 3px 20px 0 rgba(0, 0, 0, 0.08) inset;
}

.proitemrt {
    width: 636px;
    position: relative;
    overflow: hidden;
}

.proitemcell {
    text-align: center;
}

.proitemcell .tit {
    color: #333;
    font-size: 16px;
    margin-top: 260px;
    position: relative;
}

.proitemcell .stit {
    color: #888;
    font-size: 12px;
    margin-top: 10px;
    position: relative;
}

.proimg1,
.proimg2,
.proimg3,
.proimg4,
.proimg5,
.proimg6,
.proimg7 {
    background: url(../images/proimg1.png) no-repeat 100px 40px;
    width: 317px;
    height: 327px;
    border: 1px solid #888;
    border-left: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.proimg1 {
    background: url(../images/proimg1.png) no-repeat 100px 40px;
}

.proimg2 {
    background: url(../images/proimg2.png) no-repeat 100px 40px;
}

.proimg3 {
    background: url(../images/proimg3.png) no-repeat 100px 40px;
}

.proimg4 {
    background: url(../images/proimg4.png) no-repeat 100px 40px;
}

.pro-knowdetail {
    display: none;
    position: relative;
    margin-left: 24px;
    width: 270px;
    height: 50px;
    margin-top: -50px;
    padding-top: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #fff;
}

.proitemcell:hover .pro-knowdetail {
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.proimg1:hover,
.proimg2:hover,
.proimg3:hover,
.proimg4:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow: -2px 0 15px 0 rgba(0, 0, 0, 0.08) inset, 2px 0 15px 0 rgba(0, 0, 0, 0.08) inset, 0 3px 20px 0 rgba(0, 0, 0, 0.08) inset;
}


/*视频容器*/

.cljv {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    display: none;
}

.cljv .v-new {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 700px;
    height: 400px;
    background-color: #000;
    margin: auto;
}

.cljv .v-new .close {
    position: absolute;
    right: 33px;
    top: 18px;
    width: 27px;
    height: 27px;
    background: url(../images/icon-close.png) no-repeat center;
    cursor: pointer;
}

.nav-product {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 996;
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.nav-prolist {
    height: 45px;
}

.nav-prolist li {
    display: inline-block;
    margin-right: 40px;
    line-height: 45px;
}

.nav-prolist li a {
    font-size: 14px;
    color: #aaa;
}

.nav-prolist li a:hover {
    color: #777;
}

.nav-prolist li a.active {
    color: #777;
}

.nav-proshop {
    margin-top: 12px;
    position: relative;
    vertical-align: middle;
    text-align: left;
}

.nav-proshop a {
    color: #aaa;
    font-size: 14px;
}

.proshopline {
    margin: 4px 10px;
}

.nav-proshop a:hover {
    color: #777;
}

.icon-jd {
    background: url(../images/icon-jd.png) no-repeat center;
    width: 21px;
    height: 22px;
    margin-left: 8px;
    vertical-align: middle;
}

.nav-proshop a:hover .icon-jd {
    background: url(../images/icon-jd-sel.png) no-repeat center;
}

.icon-tmall {
    background: url(../images/icon-tmall.png) no-repeat center;
    width: 21px;
    height: 22px;
    margin-left: 8px;
    vertical-align: middle;
}

.nav-proshop a:hover .icon-tmall {
    background: url(../images/icon-tmall-sel.png) no-repeat center;
}

.factorbg {
    background: url(../images/factorbg.png) center no-repeat;
    width: 100%;
    height: 800px;
}

.factortit {
    color: #fff;
    font-size: 40px;
    font-weight: 100;
    margin-top: 80px;
}

.factorstit {
    font-size: 18px;
    font-weight: 100;
    color: #b1d8f7;
    width: 580px;
    word-break: break-all;
    overflow: hidden;
    margin-top: 66px;
    line-height: 38px;
}

.carprolist li {
    display: inline-block;
    margin-right: 136px;
    width: 450px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.carprolist li img {
    width: 450px;
}

.carprotit {
    color: #3e3e3e;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 30px;
}

.carprodesc {
    margin-bottom: 15px;
    font-size: 16px;
    color: #666;
}

.barelf {
    width: 300px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #dedede;
    padding-top: 50px;
    font-size: 20px;
    color: #555;
}

.barelf div {
    margin-left: 70px;
}

.barert {
    width: 700px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #dedede;
    margin-left: 120px;
    padding-top: 50px;
}

.barert-item .tit {
    font-size: 16px;
    color: #555;
    margin-left: 30px;
    width: 180px;
}

.barert-item .stit {
    font-size: 14px;
    color: #919191;
    margin-left: 30px;
    width: 180px;
    margin-bottom: 90px;
    margin-top: 26px;
    line-height: 30px;
}

.barenotice {
    margin-left: 70px;
    font-size: 14px;
    color: #999;
}

.barenolist {
    margin-top: 35px;
    margin-bottom: 55px;
    margin-left: 70px;
}

.barenolist li {
    display: inline-block;
    margin-right: 80px;
}

.barenolist li .tit {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
    text-align: center;
}


/*---------------产品中心副标题-------------------------*/

.newpro-nav {
    position: fixed;
    z-index: 666;
    left: 0;
    top: -127px;
    width: 100%;
    background: rgba(255, 255, 255, 0.78);
}

.newprolist {
    position: relative;
    height: 73px;
}

.newprolist img {
    vertical-align: middle;
}

.newprolist li {
    display: inline-block;
    margin-right: 30px;
    margin-top: 18px;
}

.newprolist li a {
    color: #555;
    font-size: 16px;
}

.newprolist li a:hover,
.newprolist li a.active {
    color: #2588d9;
}

.newprolist .newlogo {
    margin-right: 80px;
}

.newproshop {
    position: relative;
    height: 73px;
    line-height: 73px;
}

.newproshop div {
    margin-left: 20px;
}

.newproshop img {
    vertical-align: middle;
}

.newproshop a {
    font-size: 14px;
    color: #777;
}

.newproshop a:hover {
    color: #2588d9;
}


/*----------------滚屏-----------------*/

.section {
    width: 100%;
    position: relative;
    z-index: 20;
    overflow: hidden;
}

.section1 {
    background: url(../images/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}

.section1 .btit,
.section2 .btit,
.section3 .btit,
.section4 .btit {
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #fffefe;
    position: relative;
    margin-top: 180px;
    font-weight: 100;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}

.ballwords {
    width: 998px;
    margin: 5px auto;
    text-align: center;
    font-size: 18px;
    color: #ccc;
    position: relative;
    margin-top: 25px;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}

.ballimg {
    position: absolute;
    bottom: -600px;
    left: 34%;
    transition: all 1s;
    width: 35%;
}

.ballimg img {
    width: 100%;
}

.ballimg2 {
    position: absolute;
    bottom: -600px;
    left: 34%;
    transition: all 1s;
    width: 32%;
}

.ballimg2 img {
    width: 100%;
}

.section2 {
    background: url(../images/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}

.colum2-3 {
    margin: 50px auto;
    width: 100%;
    text-align: center;
    position: relative;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}

.colum2-3 li {
    display: inline-block;
    width: 310px;
    border-right: 1px solid #999;
    padding: 0 40px;
}

.colum2-3 li:nth-child(3) {
    border-right: none;
}

.colum2-3 .subtit {
    color: #fffefe;
    font-size: 20px;
    font-weight: 200;
}

.colum2-3 .subtit span {
    font-size: 40px;
}

.colum2-3 .subinfo {
    font-size: 16px;
    color: #ccc;
    width: 265px;
    overflow: hidden;
    word-break: break-all;
    line-height: 32px;
    margin-left: 22px;
    margin-top: 10px;
}

.section3 {
    background: url(../images/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}

.section4 {
    background: url(../images/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}

.mb-step {
    width: 100%;
    margin: 60px auto;
    text-align: center;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
    z-index: 30;
}

.mb-circle {
    position: absolute;
    width: 50%;
    left: 25%;
    z-index: 5;
    bottom: -600px;
    transition: all 1s;
}

.mb-circle img {
    width: 100%;
}

.mb-vertical-pic {
    position: absolute;
    width: 35%;
    left: 32%;
    z-index: 15;
    bottom: -600px;
    transition: all 1s;
}

.mb-vertical-pic img {
    width: 100%;
}

.mb-hand {
    position: absolute;
    width: 18%;
    left: 43%;
    bottom: -800px;
    z-index: 20;
    transition: all 1s;
}

.mb-hand img {
    width: 100%;
}


/*光触媒A*/

.cata-a-1 {
    width: 100%;
    height: 100%;
    FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#fff, endColorStr=#e9e9e9) !important;
    /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #fff, #e9e9e9) !important;
    /* IE 10 */
    background: -moz-linear-gradient(top, #fff, #e9e9e9) !important;
    /*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9)) !important;
    /*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9)) !important;
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #fff, #e9e9e9) !important;
    /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #fff, #e9e9e9) !important;
    /*Opera 11.10+*/
}

.catatit {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #888;
    position: relative;
    margin-top: 180px;
    font-weight: 100;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}

.catapic1 {
    width: 30.5%;
    position: absolute;
    bottom: 0;
    left: -30%;
    z-index: 20;
    transition: all 1s;
}

.catapic1 img {
    width: 100%;
}

.catapic2 {
    width: 32%;
    position: absolute;
    bottom: -4%;
    left: 138%;
    z-index: 20;
    transition: all 1s;
}

.catapic2 img {
    width: 100%;
}

.cata-a-2 {
    width: 100%;
    height: 100%;
    FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#fff, endColorStr=#e9e9e9) !important;
    /*IE 6 7 8*/
    background: -ms-linear-gradient(left, #fff, #e9e9e9) !important;
    /* IE 10 */
    background: -moz-linear-gradient(left, #fff, #e9e9e9) !important;
    /*火狐*/
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#fff), to(#e9e9e9)) !important;
    /*谷歌*/
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#fff), to(#e9e9e9)) !important;
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, #fff, #e9e9e9) !important;
    /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, #fff, #e9e9e9) !important;
    /*Opera 11.10+*/
}

.big-cataimg {
    width: 36%;
    position: absolute;
    top: 16%;
    left: 250%;
    z-index: 20;
    transition: all 1s;
}

.big-cataimg img {
    width: 100%;
}

.cata2-instruct {
    position: absolute;
    left: -125%;
    top: 23%;
    transition: all 1s;
}

.cata2-instruct li {
    font-size: 20px;
    font-weight: 100;
    color: #888;
    list-style: disc;
    margin-bottom: 40px;
}

.cata2-instruct li.cata-tit {
    font-size: 40px;
    list-style: none;
    margin-bottom: 50px;
}

.cata-a-3 {
    width: 100%;
    height: 100%;
    FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#e9e9e9, endColorStr=#fff) !important;
    /*IE 6 7 8*/
    background: -ms-linear-gradient(left, #e9e9e9, #fff) !important;
    /* IE 10 */
    background: -moz-linear-gradient(left, #e9e9e9, #fff) !important;
    /*火狐*/
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#e9e9e9), to(#fff)) !important;
    /*谷歌*/
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#e9e9e9), to(#fff)) !important;
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, #e9e9e9, #fff) !important;
    /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, #e9e9e9, #fff) !important;
    /*Opera 11.10+*/
}

.cata3-img {
    position: absolute;
    left: -66%;
    top: 16%;
    transition: all 1s;
    width: 36%;
}

.cata3-img img {
    width: 100%;
}

.cata3-instruct {
    position: absolute;
    left: -140%;
    top: 20%;
    transition: all 1s;
}

.cata3-instruct li {
    font-size: 22px;
    font-weight: 100;
    color: #888;
    margin-bottom: 60px;
}

.cata3-instruct li.cata-tit {
    font-size: 40px;
    list-style: none;
    margin-bottom: 50px;
}

.cata3-bt {
    text-align: center;
    width: 100px;
    padding: 0 10px;
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    line-height: 22px;
}

.cata3-st {
    margin-top: 30px;
    font-size: 16px;
}


/*--动画-----*/

.active .btit,
.active .ballwords,
.active .colum2-3,
.active .mb-step,
.active .catatit {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.6s;
}

.active .ballimg {
    bottom: -2%;
    transition-delay: 0.7s;
}

.active .ballimg2 {
    bottom: -2%;
    transition-delay: 0.7s;
}

.active .mb-hand {
    bottom: -4%;
    transition-delay: 1.3s;
}

.active .mb-vertical-pic {
    bottom: -3%;
    transition-delay: 1s;
}

.active .mb-circle {
    bottom: -4%;
    transition-delay: 0.7s;
}

.active .catapic2 {
    left: 38%;
    transition-delay: 0.7s;
}

.active .catapic1 {
    left: 30%;
    transition-delay: 0.7s;
}

.active .big-cataimg {
    left: 53%;
    transition-delay: 0.7s;
}

.active .cata2-instruct {
    left: 18%;
    transition-delay: 0.7s;
}

.active .cata3-instruct {
    left: 45%;
    transition-delay: 0.7s;
}

.active .cata3-img {
    left: 6%;
    transition-delay: 0.7s;
}


/*---------------动画结束----------------*/


/*-----导航按钮重写样式----------*/

#fp-nav ul li,
.fp-slidesNav ul li {
    margin: 15px !important;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    height: 12px !important;
    width: 12px !important;
    border: 0 !important;
    margin: 0 !important;
    background: url(../images/cata-icon.png) center no-repeat;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    background: url(../images/cata-icon-sel.png) center no-repeat;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    background: url(../images/cata-icon-sel.png) center no-repeat;
}

.detection1 {
    background: #2588d9;
    display: block;
    position: relative;
    margin-top: -56px;
    z-index: 33;
}

.deitem {
    width: 372px;
    height: 190px;
    position: relative;
    display: block;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.deitem:hover,
.deitem.on {
    background: #fff;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.deline {
    margin-top: 40px;
}

.deicon {
    margin-top: 20px;
}

.deitem:hover .detit,
.deitem.on .detit {
    color: #2588d9;
}

.detit {
    margin-top: 24px;
    color: #fff;
    font-size: 18px;
}

.destit {
    margin-top: 12px;
    font-size: 12px;
    color: #9cd3ff;
}

.deitem:hover .detest,
.deitem.on .detest {
    background: url(../images/icon-de-test-sel.png) center no-repeat;
}

.deitem:hover .deindoor,
.deitem.on .deindoor {
    background: url(../images/icon-de-indoor-sel.png) center no-repeat;
}

.deitem:hover .decar,
.deitem.on .decar {
    background: url(../images/icon-de-car-sel.png) center no-repeat;
}

.detest {
    background: url(../images/icon-de-test.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}

.deindoor {
    background: url(../images/icon-de-indoor.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}

.decar {
    background: url(../images/icon-de-car.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}

.decell {
    width: 276px;
    height: 364px;
    position: relative;
    display: block;
    margin-right: 6px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.decell:hover {
    background: #fff;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.decell:nth-child(4) {
    margin-right: 0;
}

.decimg {
    width: 100%;
}

.aboutimg .decimg img {
    width: 276px;
    height: 268px;
}

.decell:hover .dectit {
    color: #333;
    border-bottom: 2px solid #2588d9;
}

.dectit {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 8px;
    width: 40px;
}

.decell:hover .decstit {
    color: #888;
}

.decstit {
    margin-top: 5px;
    font-size: 15px;
    color: #9ed3ff;
    margin-left: 15px;
}

.detectwrap {
    /*height: 620px;*/
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    position: relative;
    display: block;
    padding-top: 70px;
}

.detectinfo {
    margin-left: 70px;
    position: relative;
    display: block;
    word-break: break-all;
    overflow: hidden;
    color: #888;
    font-size: 18px;
    line-height: 36px;
    flex: 1;
}

.detectinfo i {
    color: #2588d9;
    font-size: 44px;
    background: none;
}

.de-equipment {
    margin-bottom: 60px;
    margin-right: 22px;
    font-size: 16px;
    color: #666;
}

.de-equipment:nth-child(3) {
    margin-right: 0;
}

.de-equipment:hover .deqpimg {
    border: none;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.de-equipment .deqpimg {
    border: 1px solid #ccc;
    width: 356px;
    height: 252px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.de-equipment .deqpimg img {
    margin-top: 25px;
    width: 306px;
    height: 194px;
}

.airservicebg {
    background: url(../images/airservice-bg.png) center no-repeat;
    background-size: 100% 620px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.de-processlist {
    position: relative;
}

.de-processlist li {
    display: inline-block;
    margin-right: 32px;
    cursor: pointer;
}

.de-processlist li:nth-child(6) {
    margin-right: 0;
}

.de-processlist .de-process1,
.de-processlist .de-process2,
.de-processlist .de-process3,
.de-processlist .de-process4,
.de-processlist .de-process5,
.de-processlist .de-process6 {
    background-size: 157px 189px;
    width: 157px;
    height: 189px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.de-processlist li:hover .de-process1 {
    background: url(../images/de-process1-sel.png) center no-repeat;
}

.de-processlist li:hover .de-process2 {
    background: url(../images/de-process2-sel.png) center no-repeat;
}

.de-processlist li:hover .de-process3 {
    background: url(../images/de-process3-sel.png) center no-repeat;
}

.de-processlist li:hover .de-process4 {
    background: url(../images/de-process4-sel.png) center no-repeat;
}

.de-processlist li:hover .de-process5 {
    background: url(../images/de-process5-sel.png) center no-repeat;
}

.de-processlist li:hover .de-process6 {
    background: url(../images/de-process6-sel.png) center no-repeat;
}

.de-processlist .de-process1 {
    background: url(../images/de-process1.png) center no-repeat;
}

.de-processlist .de-process2 {
    background: url(../images/de-process2.png) center no-repeat;
}

.de-processlist .de-process3 {
    background: url(../images/de-process3.png) center no-repeat;
}

.de-processlist .de-process4 {
    background: url(../images/de-process4.png) center no-repeat;
}

.de-processlist .de-process5 {
    background: url(../images/de-process5.png) center no-repeat;
}

.de-processlist .de-process6 {
    background: url(../images/de-process6.png) center no-repeat;
}

.de-assets {
    width: 1120px;
    position: relative;
    display: block;
    height: 380px;
    background: #2588d9;
    margin: 0 auto;
    margin-top: -90px;
}

.deasset-item {
    width: 462px;
}

.deasset-itemtit {
    margin-top: 50px;
    font-size: 30px;
    color: #fff;
    margin-left: 50px;
}

.deasset-itemline {
    margin-left: 50px;
    margin-top: 6px;
}

.deasset-itemtips {
    width: 460px;
    word-break: break-all;
    overflow: hidden;
    position: relative;
    display: block;
}

.deasset-itemstit {
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
    margin-top: 6px;
}

.deasset-itemtips {
    margin-top: 45px;
    color: #fff;
    margin-left: 50px;
    font-size: 14px;
    line-height: 24px;
}

.deasset-itembtn {
    margin-top: 40px;
}

.deasset-itembtn a {
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
    text-align: center;
    border: 1px solid #fff;
    padding: 9px 37px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.deasset-itembtn a:hover {
    color: #2588d9;
    background: #fff;
    margin-left: 50px;
    border: 1px solid #2588d9;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.deasset-img {
    margin-right: 60px;
    position: relative;
    display: block;
    margin-top: -60px;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    font-size: 0;
}

.detail .desc {
    text-align: center;
    font-size: 16px;
    color: #888;
}

.detail .desc div {
    position: relative;
    margin-bottom: 15px;
}

.conbottom {
    margin: 0px auto;
    margin-top: 70px;
    text-align: center;
    position: relative;
    width: 190px;
    height: 50px;
}

.conbottom .conbtn {
    border: 1px solid #999;
    color: #666;
    font-size: 16px;
    padding: 14px 62px;
}

.conbottom .conbtn:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.conbottom .conbtn:hover:before {
    width: 100%;
    background-color: #2588d9;
}

.conbottom .conbtn:hover {
    border: 1px solid #2588d9;
    color: #fff;
}

.aboutbluebg {
    width: 100%;
    height: 220px;
    background: #2588d9;
    margin-top: -200px;
    z-index: -66;
}

.detestimg {
    text-align: center;
    margin: 40px auto 0;
    position: relative;
    display: block;
}

.detestimg img {
    width: 828px;
}

.decell2 {
    width: 25%;
    padding: 3px;
    box-sizing: border-box;
    position: relative;
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.decell2:hover {
    background: #2588d9;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.decell2:nth-child(4) {
    margin-right: 0;
}

.decimg2 {
    width: 100%;
}

.aboutimg .decimg2 img {
    /* width: 276px;
    height: 268px; */
}

.decell2:hover .dectit2 {
    color: #fff;
}

.dectit2 {
    color: #333;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 8px;
}

.decell2:hover .decstit2 {
    color: #fff;
}

.decstit2 {
    margin-top: 5px;
    font-size: 14px;
    color: #888;
    margin-left: 15px;
}

.decell2:hover .decnum1,
.decell2:hover .decnum2,
.decell2:hover .decnum3,
.decell2:hover .decnum4 {
    background-size: 100px 43px;
    width: 100px;
    height: 43px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.decell2:hover .decnum1 {
    background: url(../images/de-num1.png) no-repeat center;
}

.decell2:hover .decnum2 {
    background: url(../images/de-num2.png) no-repeat center;
}

.decell2:hover .decnum3 {
    background: url(../images/de-num3.png) no-repeat center;
}

.decell2:hover .decnum4 {
    background: url(../images/de-num4.png) no-repeat center;
}

.de-gas-list li {
    height: 92px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.de-gas-list li:nth-child(4) {
    margin-bottom: 0;
}

.de-gas-list li a .tit {
    font-size: 22px;
    color: #666;
    width: 80px;
    text-align: center;
    height: 40px;
    margin-top: 25px;
    border-right: 1px solid #ccc;
    line-height: 40px;
}

.de-gas-list li a {
    display: flex;
    flex: 1;
    align-items: center;
}

.de-gas-list li a .minicell {
    margin-left: 15px;
    line-height: 25px;
    margin-top: 20px;
    flex: 1;
}

.de-gas-list li a .minicell .stit,
.de-gas-list li a .minicell .words {
    font-size: 12px;
    color: #888;
    display: block;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.de-gas-list li:hover {
    background: #2588d9;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.de-gas-list li:hover a .tit {
    border-right: 1px solid #fff;
}

.de-gas-list li:hover a .tit,
.de-gas-list li:hover a .minicell .stit,
.de-gas-list li:hover a .minicell .words {
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.de-stand-tit {
    font-size: 24px;
    color: #333;
}

.de-stand-words {
    font-size: 15px;
    color: #888;
    line-height: 25px;
    margin-bottom: 30px;
}

.de-zysb {
    width: 100%;
    display: block;
    position: relative;
}

.de-zysb li {
    width: 32%;
    background: none;
    text-align: center;
    float: left;
    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.de-zysb li:nth-child(3) {
    margin-right: 0;
}

.zysbline,
.zysbimg,
.zysbtit {
    margin-bottom: 12px;
}

.zysbtit {
    font-size: 18px;
    color: #666;
}

.de-zysb li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #fff;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.deindp li {
    width: 49%;
    min-height: 152px;
    float: left;
    /* display: flex;
    flex: 1; */
    position: relative;
    background: #f1f1f1;
    margin-right: 2%;
    margin-bottom: 40px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.deindp li:nth-child(2n) {
    margin-right: 0;
}

.deindp li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #2588d9;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.20), 2px 0 3px 0 rgba(0, 0, 0, 0.20), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
    top: -8px;
}

.indoicon {
    max-width: 145px;
    width: 25%;
    height: 100%;
    min-height: 152px;
}

.iconservice,
.iconhome,
.icontruck,
.iconbottle,
.iconfile,
.iconpenciel {
    background: url(../images/icon-de-service.png) no-repeat top;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    min-height: 152px;
}

.iconservice {
    background: url(../images/icon-de-service.png) no-repeat top;
    background-size: 100% auto;
}

.iconhome {
    background: url(../images/icon-de-home.png) no-repeat top;
    background-size: 100% auto;
}

.icontruck {
    background: url(../images/icon-de-truck.png) no-repeat top;
    background-size: 100% auto;
}

.iconbottle {
    background: url(../images/icon-de-bottle.png) no-repeat top;
    background-size: 100% auto;
}

.iconfile {
    background: url(../images/icon-de-file.png) no-repeat top;
    background-size: 100% auto;
}

.iconpenciel {
    background: url(../images/icon-de-penciel.png) no-repeat top;
    background-size: 100% auto;
}

.deindp li:hover .iconservice {
    background: url(../images/icon-de-service-sel.png) no-repeat top;
    background-size: 100% auto;
}

.deindp li:hover .iconhome {
    background: url(../images/icon-de-home-sel.png) no-repeat top;
    background-size: 100% auto;
}

.deindp li:hover .icontruck {
    background: url(../images/icon-de-truck-sel.png) no-repeat top;
    background-size: 100% auto;
}

.deindp li:hover .iconbottle {
    background: url(../images/icon-de-bottle-sel.png) no-repeat top;
    background-size: 100% auto;
}

.deindp li:hover .iconfile {
    background: url(../images/icon-de-file-sel.png) no-repeat center;
    background-size: 100% auto;
}

.deindp li:hover .iconpenciel {
    background: url(../images/icon-de-penciel-sel.png) no-repeat center;
    background-size: 100% auto;
}

.indpinfo {
    /* width: 325px; */
    width: 60%;
    word-break: break-all;
    position: relative;
    box-sizing: border-box;
    margin-left: 45px;
}

.indpinfo .tit {
    font-size: 22px;
    color: #666;
    margin-top: 30px;
}

.iconline {
    background: url(../images/icon-de-greyline.png) no-repeat center;
    background-size: 46px 1px;
    width: 46px;
    height: 1px;
}

.deindp li:hover .iconline {
    background: url(../images/icon-de-whiteline.png) no-repeat center;
}

.indpinfo .des {
    color: #999;
    font-size: 13px;
    margin-top: 10px;
    line-height: 22px;
}

.deindp li:hover .tit,
.deindp li:hover .des {
    color: #fff;
}

.preparebg {
    background: url(../images/preparebg.png) no-repeat top;
    width: 100%;
}

.depreparelists li {
    color: #666;
    font-size: 14px;
    width: 100%;
    height: 55px;
    margin-bottom: 60px;
}

.preparetit {
    color: #2588d9;
    font-size: 30px;
    height: 55px;
    border-left: 1px solid #2588d9;
    width: 80px;
    text-align: center;
    line-height: 55px;
}

.preparecont {
    width: 342px;
    line-height: 20px;
    margin-top: 13px;
}


/*--------------------------- 优特派尔新增 -------------------------------------*/

.pro-utp {
    margin-top: 90px;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.puimg img {
    width: 100%;
    transition: all 1s ease;
    z-index: -1;
}

.pro-utp:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.puimg:hover img {
    transform: scale(1.05);
}

.pu-btn {
    display: inline-block;
    width: 169px;
    height: 49px;
    color: #2588d9;
    font-size: 19px;
    border: 1px #2588d9 solid;
    background: transparent;
    border-radius: 24px;
    position: absolute;
    z-index: 60;
    right: 0;
    margin-top: 470px;
    margin-right: 170px;
    cursor: pointer;
    transition: all 1s ease;
}

.pro-utp:hover .pu-btn {
    background: #2588d9;
    color: #fff;
}


/*---------------- 详细页 -----------------*/

.big-container {
    width: 1200px;
    margin: 0 auto;
}

.utbig-container {
    width: 1270px;
    margin: 0 auto;
    position: relative;
}

.ut-container {
    width: 1120px;
    margin: 0 auto;
    position: relative;
}

.utbanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 170px;
}

.utbanner_nomargin {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ut1bg {
    background: url(../images/ut1-bg-new.png) right no-repeat #f0f0f0;
    width: 100%;
    height: 840px;
}

.ut1-blue {
    width: 100%;
    height: 288px;
    background-color: rgba(25, 87, 203, 0.74);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.ut1-title {
    background: url(../images/ut1_new.png) no-repeat left;
    width: 435px;
    height: 325px;
    position: relative;
    margin-top: 190px;
}

.ut1-pro {
    z-index: 12;
    position: absolute;
    margin-top: -275px;
    margin-left: 465px;
}

.ut1-link {
    position: relative;
    margin-top: 35px;
}

.ut1-link a {
    width: 226px;
    height: 56px;
    background-color: #fff;
    display: inline-block;
    color: #3e68ba;
    font-size: 25px;
    border-radius: 30px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 56px;
    font-weight: 300;
}

.ut1-link a i {
    margin-left: 25px;
    font-size: 30px;
    transition: 0.3s all ease;
}

.ut2bg {
    background: url(../images/ut4.png) no-repeat center #fff;
    width: 100%;
    height: 825px;
}

.ut2img {
    display: block;
    margin-top: 40px;
}

.ut3bg {
    background: url(../images/ut7.png) no-repeat center #eee;
    width: 100%;
    height: 642px;
}

.ut3-title {
    background: url(../images/ut5.png) no-repeat left;
    width: 475px;
    height: 358px;
    position: relative;
    padding-top: 180px;
}

.ut3-pro {
    background: url(../images/ut6.png) no-repeat left;
    width: 599px;
    height: 690px;
    position: absolute;
    margin-left: 665px;
    margin-top: -388px;
    z-index: 888;
}

.ut34br {
    background: #ccd5db;
    width: 100%;
    height: 210px;
}

.ut4bg {
    background: #ccd5db;
    width: 100%;
    height: 930px;
}

.ut4img-1,
.ut4img-2,
.ut4img-3 {
    margin: 0 auto;
    display: block;
}

.ut4img-2 {
    margin-top: 20px;
}

.ut4img-3 {
    margin-top: 30px;
}

.ut5bg {
    background: url(../images/ut12.png) no-repeat center #eee;
    width: 100%;
    height: 816px;
}

.ut5img1 {
    margin-top: 100px;
}

.ut5img2 {
    margin-left: 25px;
    margin-top: 50px;
}

.ut6bg {
    background: url(../images/ut16.png) no-repeat center #eee;
    width: 100%;
    height: 1023px;
}

.ut6img-1,
.ut6img-2 {
    margin: 0 auto;
    display: block;
}

.ut6img-1 {
    margin-top: 60px;
}

.ut6img-2 {
    margin-top: 50px;
}

.ut7bg {
    background: url(../images/ut19.png) no-repeat center #eee;
    width: 100%;
    height: 795px;
}

.ut7img-1,
.ut7img-2 {
    margin: 0 auto;
    display: block;
}

.ut7img-1 {
    margin-top: 70px;
}

.ut7img-2 {
    margin-top: 60px;
}

.ut7bg-nav {
    background: #363432;
    height: 195px;
    width: 100%;
}

.ut7-list li {
    float: left;
    width: 280px;
    height: 195px;
    border-left: 1px solid #dbd2c8;
    text-align: center;
}

.ut7-list li:nth-child(4) {
    border-right: 1px solid #dbd2c8;
}

.ut7l-tit {
    color: #e0c8ac;
    font-size: 22px;
    font-weight: 200;
    margin-top: 40px;
}

.ut7l-des {
    margin: 0 auto;
    width: 200px;
    overflow: hidden;
    word-break: break-all;
    color: #b9b4b2;
    font-size: 14px;
    font-weight: 200;
    margin-top: 20px;
    line-height: 28px;
}

.ut8bg {
    background: url(../images/ut20-silver.png) no-repeat center #eee;
    width: 100%;
    height: 960px;
}

.ut8img {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 180px;
    margin-left: -210px;
    z-index: 0;
}

.ut8-btn {
    width: 220px;
    margin-left: 992px;
    margin-top: -280px;
    position: relative;
    z-index: 666;
}

.ut8-btn a {
    width: 60px;
    height: 150px;
    display: inline-block;
    z-index: 666;
}

.ut9bg {
    background: #fff;
    width: 100%;
    height: 860px;
}

.ut9-proinfo {
    display: block;
    margin: 0 auto;
    margin-top: 125px;
}

.direct-word {
    font-size: 40px;
    color: #666;
    font-weight: 100;
    margin-bottom: 50px;
}

.direct-cont {
    font-size: 18px;
    color: #999;
    word-break: break-all;
    overflow: hidden;
    margin-top: 20px;
}

.video_des {
    width: 170px;
    height: 400px;
    background: #ccc;
    overflow: hidden;
    margin-top: 20px;
}

.video_des .caption {
    margin: 10px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333;
}

.video_des_detail {
    width: 170px;
    height: 320px;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 30px;
    text-indent: 16px;
    font-size: 12px;
    color: #555;
    line-height: 24px;
}


/* video */

#video {
    padding: 20px 10px 100px;
}

#video .videoContainer {
    margin: 20px 0px 52px 0px;
    width: 940px;
    height: 439px;
    background: #f0edcc;
}

#video .playerContainer {
    float: left;
    width: 780px;
    height: 439px;
}

#video #player {
    margin: 0 auto;
}

#video #player img {
    width: 100%;
}

#video .caption {
    float: left;
    width: 160px;
    padding: 23px 21px;
}

#video .caption h6 {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333;
    width: 255px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#video .caption p {
    font-size: 12px;
    line-height: 20px;
}

#video .caption p:last-child {
    margin-bottom: 0px;
}

#video .clip {
    width: 260px;
    float: left;
    margin: 0px 10px 35px 0px;
    min-height: 200px;
}

#video .clip .imgWrapper {
    width: 100%;
    position: relative;
}

#video .clip .imgWrapper .mask {
    position: absolute;
}

#video .clip img {
    width: 260px;
    height: 155px;
}

#video .clip .caption {
    float: none;
    width: 100%;
    padding: 0px 0px;
}

#video .clip img {
    margin-bottom: 8px;
}

#video .clip .caption h1 {
    font-weight: bold;
}

#video .videoList {
    padding-bottom: 85px;
}

#willesPlay .playContent {
    background: #000;
}

.sitemap {
    float: left;
    margin-top: 3px;
    margin-right: 15px;
}

.logo_l_word img {
    position: relative;
    margin-top: 32px !important;
    margin-left: 20px;
}

.detailimg {
    width: 40%;
}

.detailimg img {
    width: 100% !important;
}

@media only screen and (max-width: 768px) {
    .decell2 {
        width: 50%;
    }
    .detailimg {
        width: 100%;
    }
    .detectinfo {
        width: 100%;
        margin-left: 1px;
    }
    .deindp li {
        width: 100%;
        margin-right: 0;
    }
    .zysbtit {
        font-size: 14px;
    }
}