::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

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

    background-color: #555

}



* {

    padding: 0;

    margin: 0;

    font-family: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif

}



body {

    font: 14px/1.231 "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5

}



:focus {

    outline: 1

}



article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

    display: block

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold

}



del {

    text-decoration: line-through

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0

}



input, select {

    vertical-align: middle

}



li, ul {

    list-style-type: none

}



img {

    border: 0

}



a {

    color: #333;

    font-size: 14px;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out

}



a:link, a:hover, a:active, a:visited {

    text-decoration: none

}



input, textarea {

    outline: 0;

    border: 0

}



textarea {

    resize: none

}



h1, h2, h3, h4, h5, h6, dl, dd, dt, em {

    font-weight: normal;

    font-style: normal

}



.slideBox {

    width: 100%;

    position: relative;

    z-index: 0;

    height: 550px;

    overflow: hidden;

}



.slideBox .hd {

    position: absolute;

    right: 240px;

    bottom: 10px

}



.slideBox .hd ul li {

    float: left;

    margin-right: 10px;

    width: 10px;

    height: 10px;

    cursor: pointer;

    background-color: #272b31

}



.slideBox .hd ul li.on {

    background-color: #cb1a18

}



.slideBox .bd {

    width: 100%;

    z-index: 0

}



.slideBox .bd li {

    zoom: 1

}



.slideBox .bd li a {

    display: block;

    width: 100%;

    height: 550px

}



.search .sea_l {

    width: 835px;

    overflow: hidden

}



.search .sea_l span {

    font-weight: bold

}



.search .sea_l a {

    line-height: 80px;

    padding-right: 20px;

    height: 80px;

    overflow: hidden

}



.search .sea_r {

    margin: 25px 0 0 0;

    position: relative

}



.search .sea_r input.text {

    width: 320px;

    height: 28px;

    float: left;

    border: 1px solid #ff530c;

    border-radius: 50px;

    padding-left: 10px;

    color: #b2b2b2

}



.search .sea_r input.submit {

    float: left;

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

    width: 20px;

    height: 20px;

    position: absolute;

    top: 5px;

    right: 15px

}



.bg {

    background-color: #fdf8ed;

    width: 100%

}



.ser_bg {

    position: relative

}



.ser_bg i {

    position: absolute;

    display: block;

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

    width: 285px;

    height: 339px;

    right: 0;

    bottom: 0

}



.ser_bg .ser_box .title {

    padding: 50px 0

}



.ser_bg .ser_box .title h2 {

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

    text-align: center

}



.ser_bg .ser_box .title h2 a {

    font-size: 30px;

    color: #ff530c

}



.ser_bg .ser_box .ser_m {

    margin-top: 20px

}



.ser_bg .ser_box .ser_m li {

    float: left;

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

    width: 340px;

    height: 330px;

    text-align: center;

    transition: all .3s;

    margin: 0 80px 80px 0

}



.ser_bg .ser_box .ser_m li:nth-child(3), .ser_bg .ser_box .ser_m li:nth-child(6) {

    margin: 0

}



.ser_box .ser_m li:nth-child(4), .ser_box .ser_m li:nth-child(5) {

    margin-bottom: 0

}



.ser_bg .ser_box .ser_m li img {

    width: 200px;

    height: 200px;

    border-radius: 100px;

    margin: 40px auto 20px;

    display: block;

    transition: all .5s ease-in-out;

    transform: rotateY(0deg)

}



.ser_bg .ser_box .ser_m li:hover {

    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.8)

}



.ser_bg .ser_box .ser_m li:hover img {

    transform: rotateY(180deg)

}



.ser_bg .ser_box .ser_m li h4 {

    font-size: 20px

}



.title {

    padding: 50px 0

}



.title h3 {

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

    text-align: center

}



.title h3 a {

    font-size: 30px;

    color: #ff530c

}



.reason {

    position: relative

}



.reason i {

    display: block;

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

    width: 193px;

    height: 356px;

    position: absolute;

    bottom: 0;

    left: 0

}

.reason .above { height: 506px; overflow: hidden;}

.reason .above .list .right {

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

    width: 430px;

    height: 500px;

    color: #fff

}



.reason .above .list .right h4 {

    font-size: 24px;

    text-align: center;

    padding-top: 80px

}



.reason .above .list .right span {

    display: block;

    background-color: #fff;

    width: 50px;

    height: 3px;

    margin: 10px auto

}



.reason .above .list .right h5 {

    text-transform: uppercase;

    text-align: center;

    font-size: 14px;

    letter-spacing: 1px;

    margin-bottom: 10px

}



.reason .above .list .right p {

    width: 240px;

    line-height: 28px;

    margin: 0 auto

}



.reason .below {

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

    width: 876px;

    height: 100px;

    margin: 20px auto 0;

    position: relative

}



.reason .below ul li {

    width: 100px;

    height: 100px;

    position: absolute

}



.reason .below ul .li1 {

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

    left: 82px

}



.reason .below ul .li1.on {

    background: url("../images/br1-h.png") no-repeat center

}



.reason .below ul .li2 {

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

    left: 282px

}



.reason .below ul .li2.on {

    background: url("../images/br2-h.png") no-repeat center

}



.reason .below ul .li3 {

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

    left: 486px

}



.reason .below ul .li3.on {

    background: url("../images/br3-h.png") no-repeat center

}



.reason .below ul .li4 {

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

    left: 692px

}



.reason .below ul .li4.on {

    background: url("../images/br4-h.png") no-repeat center

}



.ad1 {

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

    width: 100%;

    height: 185px;

    margin: 50px 0 0

}



.ad1 .tel {

    margin: 46px 220px 0 0

}



.ad1 .tel h4 {

    font-size: 28px;

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

    padding-left: 42px;

    color: #ff530c;

    margin-bottom: 10px

}



.ad1 .tel a {

    color: #fff;

    padding: 6px 85px;

    background-color: #ff530c

}



.environment {

    position: relative

}



.environment i {

    position: absolute;

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

    width: 289px;

    height: 353px;

    bottom: 0;

    right: 0

}



.environment .environment_box img {

    display: block;

    border: 1px solid #d4d4d4;

    padding: 3px;

    box-sizing: border-box

}



.environment .environment_box .environment_l {

    padding-right: 25px;

    position: relative

}



.environment .environment_box .environment_l .case_w {

    position: absolute;

    bottom: 4px;

    left: 4px;

    width: 568px;

    background: url("../images/hei.png");

    height: 60px

}



.environment .environment_box .environment_l .case_w p {

    color: #fff;

    font-size: 16px;

    line-height: 60px;

    padding-left: 20px;

    width: 300px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.environment .environment_box .environment_l .case_w a {

    color: #fff;

    line-height: 60px;

    padding-right: 20px

}



.environment .environment_box .environment_l .case_w a span {

    border: 1px solid #fff;

    padding: 10px 30px;

    border-radius: 30px

}



.environment .environment_box .environment_l img {

    width: 576px;

    height: 405px

}



.environment .environment_box .environment_r {

    width: 579px

}



.environment .environment_box .environment_r li {

    float: left;

    position: relative;

    width: 277px;

    height: 190px;

    text-align: center

}



.environment .environment_box .environment_r li img {

    width: 100%;

    height: 100%

}



.environment .environment_box .environment_r li .word {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url("../images/hei.png");

    color: #fff;

    line-height: 190px;

    opacity: 0;

    transform: scale(0, 0);

    transition: all ease-out .6s

}



.environment .environment_box .environment_r li:hover .word {

    opacity: 1;

    transform: scale(1, 1);

    transition: all 1s cubic-bezier(0.23, 1, 0.38, 1) 0s

}



.environment .environment_box .environment_r .pic1, .environment .environment_box .environment_r .pic3 {

    margin-right: 25px

}



.environment .environment_box .environment_r .pic1, .environment .environment_box .environment_r .pic2 {

    margin-bottom: 25px

}



.activity {

    position: relative

}



.activity i {

    position: absolute;

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

    width: 231px;

    height: 341px;

    bottom: 0;

    left: 0

}



.activity .activity_list {

    position: relative

}



.activity .activity_list .hd span {

    display: block;

    width: 37px;

    height: 41px;

    cursor: pointer;

    position: absolute

}



.activity .activity_list .hd .prev {

    right: -60px;

    top: 120px;

    background: url("../images/arrow2.png") no-repeat

}



.activity .activity_list .hd .next {

    left: -60px;

    top: 120px;

    background: url("../images/arrow1.png") no-repeat

}

.activity .activity_list .bd{ height: 293px; overflow: hidden;}

.activity .activity_list .bd .tempWrap {

    width: 100% !important

}



.activity .activity_list .bd ul li {

    float: left;

    width: 372px;

    height: 293px;

    margin-right: 35px;

    position: relative;

    overflow: hidden

}



.activity .activity_list .bd ul li .pic {

    width: 100%;

    height: 100%

}



.activity .activity_list .bd ul li .pic img {

    width: 100%;

    height: 100%;

    display: block

}



.activity .activity_list .bd ul li .tit {

    position: absolute;

    bottom: 0;

    left: 0;

    background: url("../images/hei.png");

    height: 40px;

    width: 100%;

    text-align: center;

    transition: all .5s

}



.activity .activity_list .bd ul li .tit h5 {

    font-size: 16px;

    color: #fff;

    line-height: 40px;

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 10px

}



.activity .activity_list .bd ul li .tit .more {

    color: #fff;

    border: 2px solid #fff;

    transition: all .5s;

    display: block;

    width: 165px;

    margin: 0 auto;

    height: 36px;

    line-height: 36px;

    text-align: center

}



.activity .activity_list .bd ul li:hover .tit {

    height: 80%;

    padding-top: 20%

}



.activity .activity_list .bd ul li:hover .tit h5 {

    opacity: 0

}



.activity .activity_list .bd ul li:hover .tit .more {

    margin-top: 10%

}



.team {

    position: relative

}



.team i {

    position: absolute;

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

    width: 297px;

    height: 441px;

    bottom: 0;

    right: 0

}



.team .content {

    position: relative;

    height: 750px

}



.team .content ul li {

    position: absolute

}



.team .content ul li a {

    display: block;

    width: 100%;

    height: 100%;

    position: relative

}



.team .content ul li.li1 {

    width: 537px;

    height: 396px;

    top: 0;

    left: 0

}



.team .content ul li.li2 {

    width: 256px;

    height: 396px;

    top: 0;

    left: 548px

}



.team .content ul li.li3 {

    width: 177px;

    height: 179px;

    top: 0;

    left: 815px

}



.team .content ul li.li4 {

    width: 177px;

    height: 179px;

    top: 0;

    right: 0

}



.team .content ul li.li5 {

    width: 341px;

    height: 342px;

    top: 407px;

    left: 0

}



.team .content ul li.li6 {

    width: 223px;

    height: 342px;

    top: 407px;

    left: 352px

}



.team .content ul li.li7 {

    width: 218px;

    height: 342px;

    top: 407px;

    left: 586px

}



.team .content ul li.li8 {

    width: 365px;

    height: 559px;

    top: 190px;

    right: 0

}



.team .content ul li img {

    width: 100%;

    height: 100%;

    display: block

}



.team .content ul li p {

    width: 100%;

    height: 0;

    background: url("../images/hei.png");

    position: absolute;

    left: 0;

    bottom: 0;

    color: #fff;

    text-align: center;

    line-height: 36px;

    transition: all .5s;

    opacity: 0

}



.team .content ul li:hover p {

    height: 36px;

    opacity: 1

}



.ad2 {

    padding-top: 50px

}



.ad2 .word {

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

    width: 755px;

    height: 76px

}



.ad2 .tel h4 {

    font-size: 36px;

    color: #ff530c

}



.ad2 .tel a {

    color: #fff;

    padding: 8px 88px;

    background-color: #ff530c

}



.flow {

    padding-top: 50px

}



.flow .tit {

    width: 140px;

    height: 187px;

    background-color: #ff530c;

    text-align: center

}



.flow .tit span {

    display: block;

    background: url("../images/flow.png") no-repeat center 30px;

    height: 82px;

    padding: 30px 0 10px

}



.flow .tit h3 {

    font-size: 16px;

    color: #fff

}



.flow .content {

    background: url("../images/f-bg.png") no-repeat center;

    width: 1039px;

    height: 187px;

    text-align: center;

    position: relative

}



.flow .content h4 {

    font-size: 28px;

    color: #4c4c4c;

    margin-bottom: 10px;

    transition: all .5s

}



.flow .content p {

    color: #4c4c4c

}



.flow .content .list {

    position: absolute;

    top: 37px;

    cursor: pointer

}



.flow .content .list:hover h4 {

    transform: translate(10px, 0)

}



.flow .content .list.ls1 {

    left: 10px

}



.flow .content .list.ls2 {

    left: 217px

}



.flow .content .list.ls3 {

    left: 369px

}



.flow .content .list.ls4 {

    left: 566px

}



.flow .content .list.ls5 {

    left: 704px

}



.flow .content .list.ls6 {

    left: 896px

}



.about {

    position: relative

}



.about i {

    position: absolute;

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

    width: 213px;

    height: 335px;

    bottom: 0;

    left: 0

}



.about .about_box .ab_l {

    width: 441px;

    height: 485px;

    position: relative

}



.about .about_box .ab_l img {

    width: 401px;

    height: 448px;

    margin: 40px 0 0 40px;

    z-index: 1;

    position: relative

}



.about .about_box .ab_l .bg {

    position: absolute;

    top: 0;

    left: 0;

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

    width: 383px;

    height: 436px

}



.about .about_box .ab_r {

    width: 690px

}



.about .about_box .ab_r .w_box p {

    line-height: 28px;

    height: 168px;

    overflow: hidden;

    margin-bottom: 35px

}



.about .about_box .ab_r .w_box .more {

    color: #fff;

    background-color: #ff530c;

    padding: 12px 56px

}



.about .about_box .ab_r .w_box .more:hover {

    background-color: #ffaf04

}



.about .honor {

    width: 100%;

    position: relative

}



.about .honor .hd span {

    display: block;

    width: 351px;

    height: 24px;

    cursor: pointer;

    position: absolute

}



.about .honor .hd .prev {

    left: 357px;

    top: 240px;

    background: url("../images/arrow4.png") no-repeat

}



.about .honor .hd .next {

    left: 0;

    top: 240px;

    background: url("../images/arrow3.png") no-repeat

}



.about .honor .bd {

    overflow: hidden;

    padding-top: 50px;

    height: 167px;

}



.about .honor .bd .tempWrap {

    width: 100% !important

}



.about .honor .bd ul {

    overflow: hidden;

    zoom: 1

}



.about .honor .bd ul li {

    float: left;

    overflow: hidden;

    text-align: center;

    margin-right: 25px

}



.about .honor .bd ul li .pic img {

    width: 213px;

    height: 137px;

    display: block

}



.about .honor .bd ul li .title1 {

    width: 213px;

    height: 30px;

    line-height: 30px;

    background-color: #ccc

}



.about .honor .bd ul li:hover .title1 {

    background-color: #ff530c

}



.about .honor .bd ul li .title1 a {

    color: #fff;

    display: block;

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.ad3 {

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

    width: 100%;

    height: 185px;

    margin: 50px 0 0

}



.ad3 .tel {

    margin: 50px 40px 0 0

}



.ad3 .tel h4 {

    font-size: 28px;

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

    padding-left: 42px;

    color: #ff530c;

    margin-bottom: 10px

}



.ad3 .tel a {

    color: #fff;

    padding: 6px 85px;

    background-color: #ff530c

}



.new {

    position: relative

}



.new i {

    position: absolute;

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

    width: 252px;

    height: 438px;

    bottom: 0;

    right: 0

}



.new .new_box .link {

    width: 590px;

    margin: 0 auto

}



.new .new_box .link li {

    float: left;

    font-size: 16px;

    width: 126px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border: 1px solid #333;

    margin: 0 10px

}



.new .new_box .link li.on {

    background-color: #ff530c;

    border: 0

}



.new .new_box .link li.on a {

    color: #fff

}



.new .new_box .new_list {

    padding-top: 50px;

    height: 264px;

    overflow: hidden

}



.new .new_box .new_list .main .new_lf {

    width: 393px;

    height: 264px

}



.new .new_box .new_list .main .new_lf .pic img {

    width: 100%;

    height: 100%

}



.new .new_box .new_list .main .new_rt {

    width: 756px

}



.new .new_box .new_list .main .new_rt .tit2 h3 {

    width: 80%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 8px

}



.new .new_box .new_list .main .new_rt .tit2 h3 a {

    font-weight: bold;

    font-size: 16px

}



.new .new_box .new_list .main .new_rt .tit2 h3 a:hover {

    color: #ff530c

}



.new .new_box .new_list .main .new_rt .tit2 p {

    color: #666;

    line-height: 28px;

    height: 56px;

    overflow: hidden;

    font-size: 14px;

    margin-bottom: 5px

}



.new .new_box .new_list .main .new_rt ul li {

    float: left;

    width: 46%;

    margin: 0 2%;

    border-bottom: 1px dashed #ccc;

    line-height: 34px;

    height: 34px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding-left: 20px;

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

    box-sizing: border-box

}



.new .new_box .new_list .main .new_rt ul li:hover {

    border-bottom: 1px dashed #ff530c

}



.new .new_box .new_list .main .new_rt ul li a {

    font-weight: bold

}



.new .new_box .new_list .main .new_rt ul li a:hover {

    color: #ff530c

}



.flink {

    padding: 30px 0

}



.flink ul {

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

    padding-left: 80px;

    height: 40px;

    overflow: hidden

}



.flink ul li {

    float: left;

    margin-right: 20px;

    line-height: 40px

}



.flink ul li a {

    color: #202020

}



.flink ul li:hover a {

    color: #e37227

}