﻿a {

    display: block;

}



/* 轮播 */



.banner {

    width: 100%;

    height: 600px;

    margin-left: auto;

    margin-right: auto;

}



.banner .swiper-slide a {

    width: 100%;

    height: 100%;

}



/* 轮播 */



/* 搜索 */



.sousuo {

    height: 49px;

    background: #e6e6e6;

}



.sousuo_center {

    height: 49px;

    position: relative;

}



/* 搜索kuang */



.cp_sou {

    width: 260px;

    height: 30px;

    border: solid 1px #d51517;

    position: relative;

    padding-left: 10px;

    background: inherit;

    color: #a7a6a6;

}



.cp_sg {

    margin-top: 10px;

    position: absolute;

    top: 0;

    right: 0;

}



.cp_bt {

    position: absolute;

    top: 0px;

    right: 0;

    width: 30px;

    height: 31px;

    border: 0;

    outline: none;

    cursor: pointer;

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

}



.sea {

    color: #d51517;

}



.sea::placeholder {

    color: #d51517;

}



/* 小喇叭 */



.xlb {

    height: 48px;

    position: relative;

    background: #3a6bb7;

}



.xlb_center {

    height: 50px;

    position: relative;

}



.xlb_xx {

    top: 40px;

    height: 2px;

    background: #fcbd4f;

    position: absolute;

}



.xlb_title {

    width: 710px;

    height: 50px;

    line-height: 50px;

    left: 0;

    overflow: hidden;

    padding-left: 84px !important;

    position: absolute !important;

}



.xlb_logo {

    width: 88px;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

    color: #666666;

    position: absolute;

    left: 0;

    padding-left: 16px;

}





.xlb_gjc {

    width: 400px;

    height: 50px;

    line-height: 50px;

    margin-left: 20px;

}



.xlb_gjc a {

    width: 60px;

    float: left;

    text-align: center;

    color: #666666;

    margin-right: 22px;

    position: relative;

    transition: .6s;

}



.xlb_gjc a::before {

    content: '';

    width: 0%;

    height: 2px;

    background: #d51517;

    position: absolute;

    bottom: 8px;

    left: 50%;

}



.xlb_gjc a:hover::before {

    width: 100%;

    left: 0;

    transition: .6s;

}



.xlb_gjc a:hover {

    color: #d51517;

}



/* 搜索 */



/* 大力支持 */



.why {

    height: 300px;

    margin-bottom: 58px;

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

}



/* 标题 */



.why_gx {

    height: 58px;

    margin-bottom: 30px;

    text-align: center;

    position: relative;

    padding-top: 34px;

}



.why_big {

    font-size: 24px;

    color: #d51517;

}



.why_eng {

    font-size: 12px;

    color: #333333;

}



.why_x, .why_xx {

    width: 22px;

    height: 2px;

    position: absolute;

    top: 50px;

    background: #666666;

}



.why_x {

    left: 0;

}



.why_xx {

    right: 0;

}



/* 滑动 */



.hud_center {

    height: 142px;

    position: relative;

}



.ly_lunbo {

    width: 1020px;

    height: 142px;

}



.ly_tuw {

    height: 142px;

    position: relative;

    transition: .6s;

}



.ly_tuw:hover .ly_year {

    color: #d51517

}



.ly_next, .ly_prev ,.go_left,.go_right{

    width: 24px !important;

    height: 44px !important;

    outline: none;

    top: 44% !important;

}



.ly_next,.go_left{

    right: 0px !important;

    background: url(../images/right.png) center no-repeat !important;

}



.ly_prev,.go_right{

    left: 0px !important;

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

}



.ly_img {

    transition: .6s;

}



.ly_img, .ly_img img {

    width: 195px;

    height: 115px;

    overflow: hidden;

    transition: .6s;

}



.ly_img img:hover {

    transform: scale(1.2)

}



.ly_year {

    width: 216px;

    height: 24px;

    line-height: 30px;

    font-size: 14px;

    color: #666666;

    text-align: center;

    position: absolute;

    bottom: 0;

}



.ly_year a {

    font-size: 14px;

    color: #666666;

}



/* 滑动 */



/* 产品中心 */



.cp {

    height: 642px;

}



.cp_center {

    height: 642px;

    position: relative;

}



.cp_title, .ys_title {

    text-align: center;

    width: 455px;

    margin: 0 auto;

    font-size: 24px;

    color: #333333;

    margin-bottom: 36px;

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

}



.cp_biaoti {

    width: 1206px;

    height: 60px;

    cursor: pointer;

    margin-right: -3px;

}



.cp_bteverone {

    width: 298px;

    height: 60px;

    line-height: 60px;

    float: left;

    text-align: center;

    font-size: 18px;

    color: #ffffff;

    margin-right: 3px;

    transition: .6s;

    background: #d51517;

    position: relative;

    cursor: pointer;

}



.cp_bteverone:hover {

    color: #333333;

    background: #e6e6e6

}



.cp_bteverone_img {

    transition: .6s;

}



.cp_bteverone:hover .cp_bteverone_img {

    transform: rotate(180deg)

}



.cp_bteverone:hover .cp_xlcd {

    visibility: visible;

    top: 60px;

    padding-top: 2px;

    transition: .6s;

}



.cp_xlcd {

    position: absolute;

    top: 0px;

    transition: .6s;

    visibility: hidden;

    margin-right: -2px;

    z-index: 99;

    /* background: saddlebrown */

}



.cp_per {

    width: 148px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    margin-right: 2px;

    float: left;

    transition: .6s;

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

}

.cp_per:hover{

    color: #d51517;

}

.cp_tw {

    height: 450px;

    margin-top: 10px;

    margin-right: -20px;

}



.cp_tw div {

    float: left;

    margin-right: 10px;

    margin-bottom: 10px;

    position: relative;

}



.cp_tw div, .cp_photo, .cp_photo img {

    width: 293px;

    height: 220px;

    overflow: hidden;

    transition: .6s;

}



.cp_photo img:hover {

    transform: scale(1.2)

}



.cp_house {

    position: absolute;

    bottom: 0;

    width: 293px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    font-size: 14px;

    transition: .6s;

    color: #fffefe;

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

}



/* 产品中心 */



/* 咨询 */



.Consul {

    height: 300px;

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

}



.Consul_center {

    height: 234px;

    padding-top: 66px;

    position: relative;

}



.Consul_center h3 {

    text-align: center;

    font-size: 36px;

    font-weight: bold;

    color: #ffffff;

}



.Consul_a {

    width: 180px;

    height: 40px;

    font-size: 18px;

    color: #ffffff;

    line-height: 40px;

    border-radius: 6px;

    text-align: center;

    background: #d51517;

    margin: 0 auto;

    top: 16px;

    transition: .6s;

    position: relative;

}



.Consul_a:hover {

    color: #d51517;

    background: inherit

}



/* 优势标题 */



.ys {

    height: 1230px;

}



.ys_center {

    height: 1200px;

    position: relative;

}



.ys_title {

    color: #d51517;

}



.ys_main {

    height: 1080px;

}



.ys_six {

    width: 1200px;

    height: 180px;

}



.ys_img {

    width: 600px;

    height: 180px;

    float: left;

    position: relative;

}



.ys_wz {

    width: 536px;

    height: 134px;

    padding-top: 46px;

    padding-left: 32px;

    padding-right: 32px;

    float: left;

}



.ys_bt, .ys_bt1 {

    width: 536px;

    height: 50px;

    cursor: pointer;

    position: relative;

}



.ys_bt::before, .ys_bt1::before {

    width: 80px;

    height: 2px;

    content: '';

    background: #d51517;

    position: absolute;

    bottom: 0;

    transition: .6s;

}



.ys_bt::before {

    left: 0;

}



.ys_bt1::before {

    right: 0;

}



.ys_bt:hover::before, .ys_bt1:hover::before {

    width: 0px;

}



.ys_h3 {

    width: 536px;

    height: 24px;

    color: #d51517;

    font-size: 18px;

    font-weight: bold;

    transition: .6s;

    position: absolute;

    top: 0;

    width: 100%;

}



.ys_bt1 .ys_h3, .ys_bt1 .ys_eng {

    text-align: right

}



.ys_bt:hover .ys_h3, .ys_bt1:hover .ys_h3 {

    top: -10px

}



.ys_eng {

    width: 536px;

    height: 16px;

    font-size: 12px;

    color: #cccccc;

    position: absolute;

    top: 24px;

    transition: .6s;

}



.ys_bt:hover .ys_eng, .ys_bt1:hover .ys_eng {

    top: 30px;

}



.ys_nr, .ys_nr1 {

    height: 52px;

    font-size: 12px;

    color: #333333;

    margin-top: 8px;

}



.ys_nr {

    text-align: left

}



.ys_nr1 {

    text-align: right

}



.ys_mengb {

    position: absolute;

    top: 0;

    left: 0;

    width: 600px;

    height: 180px;

    line-height: 180px;

}



.ys_mengb::before {

    content: '';

    width: 100%;

    height: 180px;

    position: absolute;

    top: 0;

    left: 0;

    transition: .6s;

    cursor: pointer;

    z-index: 5;

    background: rgba(0, 0, 0, 0.4)

}



.ys_mengb:hover::before {

    width: 0%;

    left: 0;

}



.ys_sj0,.ys_sj2,.ys_sj4{

    background: url(../images/ys_sj.png) right no-repeat

}



.ys_sj1,.ys_sj3,.ys_sj5{

    background: url(../images/yssj1.png) left no-repeat

}



/* 见证 */



.jz {

    height: 708px;

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

}



.jz_center {

    height: 650px;

    padding-top: 58px;

    position: relative;

}



.jz_bt {

    height: 50px;

    color: #ffffff;

    font-size: 24px;

    text-align: center;

    margin-bottom: 34px;

    background: url(../images/jzbt.png) bottom center no-repeat

}

.jz_img,.jz_img img{

    width: 240px;

    height: 260px;

    transition: .6s;

}

.jz_img{

    overflow: hidden;

    margin-bottom: 10px;



}

.jz_img img:hover{

    transform: scale(1.2)

}

.jz_a {

    width: 130px;

    height: 38px;

    text-align: center;

    font-size: 12px;

    color: #333333;

    line-height: 38px;

    margin: 0 auto;

    border-radius: 10px;

    position: relative;

    top: 34px;

    background: #fffefe

}



.jz_a:hover {

    transition: .6s;

    color: #fffefe;

    background: inherit;

    border: 1px solid #fffefe;

}



.jz_hd {

    width: 1040px;

    height: 434px;

    overflow: hidden;

    margin: 0 auto;



}



.jz_next, .jz_prev {

    width: 24px !important;

    height: 44px !important;

    margin-top: 0 !important;

    outline: none;

}



.jz_next {

    right: 0 !important;

    background: url(../images/jzr.png) center no-repeat !important

}



.jz_prev {

    left: 0 !important;

    background: url(../images/jzl.png) center no-repeat !important

}



.jz_hd .swiper-slide {

    height: 430px !important;

    text-align: center;

    color: #ffffff;



}



.jz_year {

    font-size: 16px;

    color: #ffffff;

    margin-bottom: 10px;



}



.jz_gs {

    font-size: 14px;

    color: #ffffff;

}



.jz_nr {

    height: 130px;

    font-size: 12px;

    color: #ffffff;

    text-indent: 2em;

}



/* 见证 */



/* 流程 */



.lc {

    height: 600px;

    background: url(../images/lcbg.jpg) center no-repeat

}



.lc_center {

    height: 540px;

    padding-top: 60px;

    position: relative;

}



.lc_title {

    width: 600px;

    height: 70px;

    line-height: 70px;

    margin: 0 auto;

    text-align: center;

    font-size: 30px;

    color: #ffffff;

    font-weight: bold;

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

}



.lc_small {

    height: 28px;

    line-height: 38px;

    text-align: center;

    font-size: 18px;

    color: #333333;

    margin-bottom: 60px;

}



.lc_main {

    width: 1204px;

    height: 284px;

}



.lc_fr {

    margin-right: -56px;

}



.lc_everone {

    width: 154px;

    height: 284px;

    float: left;

    margin-right: 56px;

    position: relative;

}



.lc_bg {

    position: absolute;

    /* bottom: 0; */

    width: 125px;

    height: 125px;

    overflow: hidden;

    padding: 15px;

    transition: .6s;

    cursor: pointer;

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

}



.lc_bg:hover {

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

}



.lc_menbg {

    width: 125px;

    height: 125px;

    line-height: 125px;

    position: absolute;

    bottom: 15px;

    left: 15px;

    font-size: 16px;

    color: #ffffff;

    text-align: center;

    border-radius: 50%;

    background: rgba(0, 0, 0, .4);

    transition: .6s;

}



.lc_bg:hover .lc_menbg {

    width: 0;

    height: 0;

}



.lc_label0, .lc_label1 {

    width: 100%;

    font-size: 16px;

    color: #666666;

    text-align: center;

    display: inline-block;

}



.lc_label0 {

    margin-top: 92px;

}



.lc_label1 {

    margin-top: 172px;

}



/* 流程 */



/* 定制 */

.dz{

    height: 300px;

    margin-bottom: 58px;

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

}



.dz_center{

    height: 300px;

    position: relative;

}



.dz_right{

    position: absolute;

    right: 0;

    top: 0;

    width: 600px;

    color: #ffffff;

}

.dz_right h3{

    font-size: 22px;

    position: absolute;

    top: 72px;

    right: 165px;

    font-weight: bold;

}

.dz_right h2{

    position: absolute;

    top: 108px;

    right: 62px;

    font-size: 34px;

    font-weight: bold;



}

.dz_right p{

	position: absolute;

    width: 300px;

    border: 1px solid;

    padding: 10px;

    text-align: center;

    border-radius: 6px;

	top: 176px;

    left: 130px;

}

.dz_right p span{

	font-size: 22px;

    font-weight: bold;

	}



.dz_a{

    width: 180px;

    height: 40px;

    line-height: 40px;

    font-size: 18px;

	color: #d51517;

    text-align: center;

	border-radius: 6px;

    background: #ffffff;

    position: absolute;

    top: 186px;

    right: 180px;

    transition: .6s;

}

.dz_a:hover{

    border: 1px solid #fffefe;

    color: #ffffff;

    background: inherit;

}

/* 定制 */



/* 走进 */

.go{

    height: 932px;

}



.go_center{

    height: 932px;

    position: relative;

}

.go_bt{

    height: 50px;

    font-size: 24px;

	color: #333333;

    font-size: 24px;

    text-align: center;

    margin-bottom: 32px;

    background: url(../images/zjbt.png) bottom center no-repeat

}

.go_js{

    height: 340px;

    position: relative;

    margin-bottom: 100px;

}

.go_name{

    width: 682px;

    height: 324px;

    padding-top: 16px;

    position: absolute;

    right: 0;

    top: 0;

}

.go_img,.go_img img{

    width: 500px;

    height: 340px;

    transition: .6s;

    overflow: hidden;

    cursor: pointer;

}

.go_img img:hover{

    transform: scale(1.2)

}



.go_title{

    height: 40px;

    font-size: 18px;

	font-weight: bold;

	color: #d51517;

}

.go_nr{

    height: 280px;

    font-size: 14px;

    color: #666666;

    text-indent: 2em;

}

.go_main{

    margin-left: 180px;

}



.go_we{

    width: 140px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 6px;

    font-size: 12px;

    color: #ffffff;  

    float: left;

    top: 10px;

    margin-right: 40px;

	background-color: #d51517;

}



.go_we:hover{

    background: inherit;

}



.go_huadong{

    width: 594px;

    height: 110px;

    position: absolute;

    bottom: 0;

    left: 34px;

}



.go_nz{

    width: 520px;

    height: 110px;

    margin: 0 auto;

    overflow: hidden;

}



.go_nz .swiper-slide a img{

    width: 160px;

    height: 110px;

}







/* news */

.news{

    height: 356px;

    position: relative;

    top: 100px;

}



.news_left{

    width: 560px;

    height: 356px;

    position: absolute;

    top: 0;

    left: 0;

}



.news_top{

    width: 560px;

    height: 26px;

    font-size: 16px;

    color: #333333;

    margin-bottom: 15px;

    border-bottom:1px solid  #666666

}



.news_top a{

    font-size: 14px;

    color: #666666;

    position: absolute;

    right: 10px;

    top: 0;

    z-index: 999;

}

.news_top a::before{

    width: 0px;

    height: 21px;

    content: 'more';

    background: #d51517;

    position: absolute;

    top: 0;

    left: 0;;

}

.news_top a:hover::before{

    color: #ffffff;

    width: 36px;

    transition: .6s;

}



.news_imgs{

    margin-bottom: 20px;

}

.news_imgs,.news_imgs img{

    width: 560px;

    height: 160px;

    overflow: hidden;

    transition: .6s;

    cursor: pointer;

}



.news_imgs img:hover{

    transform: scale(1.2)

}



.news_hd{

    width: 560px;

    height: 130px;

    overflow: hidden;

    position: relative;



}

.news_hd .swiper-slide{

    width: 560px;

}



.news_right{

    width: 560px;

    height: 356px;

    position: absolute;

    right: 0;

    top: 0;

}





.news_tt{

    float: left;  

    width: 64px;

    height: 25px;

    cursor: pointer;

    margin-right: 20px;

}



.news_top .on{

    border-bottom: 2px solid #d51517;

}



.news_bottom{

    position: absolute;

    top: 50px;

    left: 0;

}



.news_next,.news_prev{

    width: 10px !important;

    height: 14px !important;

    transition: .6s;

    top: 140px !important;

}

.news_next{

    right: 233px !important;

    background: url(../images/newsjt.png) -11px -16px no-repeat !important

}

.news_next:hover{

    background: url(../images/newsjt.png) -11px 0px no-repeat !important

}



.news_prev{

    left: 233px !important;

    background: url(../images/newsjt.png) 0px -16px no-repeat !important

}

.news_prev:hover{

    background: url(../images/newsjt.png) 0px -0px no-repeat !important



}



.news_hd .swiper-pagination-bullet-active{

    width: 8px !important;

    height: 8px !important;

    border:1px solid #d51517;

    border-radius: 50%;

    background: inherit !important;

    position: relative;

    top: 1px;

}

.news_hd .swiper-pagination-bullet{

    width: 8px !important;

    height: 8px !important;

    background: #666666;

}

.news_hd .swiper-pagination{

    bottom: 0 !important;

    height: 18px;

}



.news_pro{

    width: 260px;

    height: 84px;

    float: left;

    position: relative;

}

.news_ques{

    width: 230px;

    height: 28px;

    line-height: 28px;

    padding-left: 30px;

    font-size: 14px;

    color: #333333;

    transition: .6s;

    position: relative;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: url(../images/wtlogo.png) left no-repeat

}

.news_ques::before{

    content: '';

    width: 0px;

    height: 2px;

    background: #d51517;

    position: absolute;

    bottom: 0;

    left: 50%;

    transition: .6s;

}

.news_ques:hover::before{

    width: 260px;

    left: 0%

}



.news_ques:hover{

    color: #d51517;

}

.news_neir{

    width: 510px;

    height: 46px;

    line-height: 15px;

    padding-left: 30px;

    font-size: 12px;

	color: #666666;

}

.news_more{

    position: absolute;

    right: 0;

    bottom: -4px;

    font-size: 12px;

	color: #d51517;

}



.news_rig_big{

    width: 560px;

    height: 160px;

    border-bottom: 1px solid #cccccc;

}

.news_dtt,.news_dtt img{

    width: 160px;

    height: 140px;

    overflow: hidden;

    transition: .6s;

    cursor: pointer;

}

.news_dtt img:hover{

    transform: scale(1.2)

}

.news_rig_wz{

    position: absolute;

    right: 0;

    top: 0;

    width: 386px;

    height: 74px;

    padding-top: 20px;

}

.news_rig_a{

    width: 300px;

    height: 21px;

    line-height: 21px;

    font-size: 14px;

	color: #333333;

}

.news_rig_a:hover{

    transition: .6s;

    color: #d51517

}

.news_rig_data{

    height: 21px;

    line-height: 21px;

    font-size: 12px;

    color: #666666;

    position: absolute;

    right: 0;

    top: 20px;

    display: inline-block;

}

.news_rig_nr{

    font-size: 12px;

	color: #666666;

}



.news_rig_more{

    position: absolute;

    right: 0;

    bottom: -14px;

    font-size: 12px;

	color: #d51517;

}



.news_ul{

    margin-top: 26px;

}

.news_ul li{

    width: 560px;

    height: 34px;

    line-height: 34px;

    position: relative;

    cursor: pointer;

}

.news_ul li::before{

    content: '';

    width: 0%;

    height: 34px;

    position: absolute;

    top: 0;

    left: 0;

    background: #d51517;

}

.news_ul li:hover::before{

    transition: .9s;

    width: 100%

}

.news_ul_span{

    position: absolute;

    top: 0;

    font-size: 12px;

    right: 0;

	color: #666666;



}

.news_ul li:hover .news_ul_a,.news_ul li:hover .news_ul_span{

    color: #ffffff;

}

.news_ul_a{

    font-size: 12px;

    color: #333333;

    position: absolute;

    

}



.fri{

    /* height: 100%; */

    background: #e6e6e6;

}

.fri_center{

    height: 100%;

}



.fri_bt{

    line-height: 60px;

    height: 60px;

}



.fri_bt,.fri_a{

    float: left;

}

.fri_a{

    width: 1120px;

    margin-left: 10px;

}

.fri_center a{

    float: left;

    height: 60px;

    line-height: 60px;

    margin-right: 30px;

}

.fri_center a:hover{

    transition: .6s;

    color: #d51517

}

.fri_clear{

    clear: both;

}