@charset "utf-8";
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, main { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html, body, fieldset, img, iframe, abbr { border: 0; }
[hidefocus], summary { outline: 0; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
img { vertical-align: middle; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
small { font-size: 80%; }
sub, sup { position: relative; line-height: 0; vertical-align: baseline; font-size: 75%; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-size: 1em; font-family: monospace, monospace; }
q:before, q:after { content: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
button, input, select, textarea, keygen, legend { margin: 0; font: inherit; color: inherit; }
textarea { overflow: auto; }
body {background: #ffffff; font: 14px/1.5 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color: #333; }
input,textarea{
    outline: none;
}
.clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden }
.clearfix { zoom: 1 }
h2{
    position: relative;
    line-height: 36px;
    text-align: center;
}
h2 span{
    position: relative;
    display:block;
    padding:36px 0 40px;
    font-size: 36px;
    color: #001111;
    z-index: 2;
    background: url(../images/h2_bg.png) no-repeat center 86px;
}
h2::after{
    position: absolute;
    display: block;
    font-size: 140px;
    color: #f2f2f2;
    font-weight: 700;
    line-height: 120px;
    top:-5px;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
    z-index: 1;
}
h3{
    position: absolute;
    width: 286px;
    height: 56px;
    top: 0;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
    background:url(../images/h3_bg.png) no-repeat;
    text-align: center;
    line-height: 56px;
    color: #fff;
    font-size: 24px;
}
#banner{
    width: 100%;
    height: 630px;
    background: url(../images/banner.jpg) no-repeat top;
    padding-top: 35px;
}
#banner p{
    height: 30px;
    margin-bottom: 444px;
}
#banner .logo{
    float: left;
    width: 85px;
}
#banner .logo img{
    width: 85px;
}
#banner .tel{
    float: right;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    padding-left: 40px;
    background:url(../images/tel.png) no-repeat 0 0;
}
#banner .btn{
    display: block;
    margin-left: 897px;
    width: 210px;
    height: 48px;
    background: #f0ae3e;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    transition: background .3s, transform .3s;
    -webkit-transition: background .3s, transform .3s;
}
#banner .btn:hover{
    background:#f0853e
}
.part1{
    width: 100%;
    padding:70px 0 58px;
}
.part1 h2{
    margin-bottom: 30px;
}
.part1 h2::after{
    content: "01";
}
.part1 .w1200{
    position: relative;
    width: 1300px;
}
.part1 .p1_xl{
    position: relative;
}
.part1 .bd{
    padding:0 50px;
}
.part1 .p1_xl p{
    position: relative;
    width: 100%;
    height: 111px;
    border-radius: 8px;
    background: #fff;
    box-shadow:0 0 10px rgba(176, 176, 176, .35);
    padding:24px 80px 0 200px;
    margin-bottom: 43px;
}
.part1 .p1_xl p::after,.part1 .p1_xl p::before{
    content: "";
    display: block;
    position: absolute;
    width: 68px;
    height: 4px;
    background: #eb2d13;
}
.part1 .p1_xl p::after{
    right: 0;
    top: 0;
    border-radius:0 8px 0 0;
}
.part1 .p1_xl p::before{
    left: 0;
    bottom: 0;
    border-radius:0 0 0 8px;
}
.part1 .p1_xl p span{
    display: block;
    position: absolute;
    width: 110px;
    height: 110px;
    background: #fff;
    border-radius: 50%;
    top: -32px;
    left: 74px;
    padding: 8px;
    box-shadow:0 0 10px rgba(176, 176, 176, .35);
}
.part1 .p1_xl p span em{
    display: block;
    width:94px;
    height: 94px;
    background: #eb2d13;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    padding-top:23px;
}
.part1 .p1_xl p i{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
.part1 .prev,.part1 .next{
    position: absolute;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    top: 44px;
}
.part1 .prev{
    left: 66px;
    background: url(../images/prev.png) no-repeat;
}
.part1 .next{
    right: 66px;
    background: url(../images/next.png) no-repeat;
}
.part1 .p1_bp{
    padding:0 50px;
}
.part1 .p1_bp ul{
    background: #eb2d13;
    border-radius: 8px;
    padding:6px 15px 17px;
}
.part1 .p1_bp ul label{
    display: block;
}
.part1 .p1_bp ul label.tit{
    padding:0 24px 0 23px;
    line-height: 47px;
    height: 47px;
}
.part1 .p1_bp ul label.tit span{
    height: 47px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}
.part1 .p1_bp ul span{
    float: left;
    text-align: center;
    width: 205px;
    margin-right: 9px;
    font-size: 16px;
    color: #111111;
    line-height: 37px;
}
.part1 .p1_bp ul label span:nth-child(1){
    width: 266px;
}
.part1 .p1_bp ul label span:last-child{
    margin-right: 0;
}
.part1 .p1_bp ul p{
    padding:19px 24px 13px 23px;
    background: #fff;
    border-radius: 8px;
}
.part1 .p1_bp ul p label{
    height: 37px;
    margin-bottom: 3px;
}
.part1 .p1_bp ul p span{
    background:#f6f6f6;
}
.part1 .p1_bp ul p label:nth-child(even) span{
    background: #fcfcfc;
}
.part2{
    width:100%;
    background:url(../images/p2_bg.png) no-repeat top;
}
.part2 .w1200{
    width: 1300px;
    padding:32px 50px 80px;
}
.part2 .p1{
    position: relative;
    width: 982px;
    height: 392px;
    background: url(../images/p2_bg1.png) no-repeat top;
    box-shadow:0 0 10px rgba(214, 214, 214, .35);
    padding:20px 0 0 58px;
    margin-bottom:53px;
}
.part2 .p1 ul {
    width: 514px;
}
.part2 .p1 ul li{
    height: 62px;
    border-bottom:1px dashed #d8d8d8;
    padding-top: 22px;
    cursor: pointer;
    overflow: hidden;
}
.part2 .p1 ul li:last-child{
    border-bottom:1px solid #fff;
}
.part2 .p1 ul li.on{
    height: auto;
    padding-bottom: 23px;
}
.part2 .p1 span{
    display: block;
    line-height: 61px;
    font-size: 16px;
    line-height: 16px;
    color: #111111;
}
.part2 .p1 label{
    display: block;
    padding-top: 18px;
    font-size: 14px;
    color: #111111;
    line-height: 24px;
    margin-bottom: 18px;
}
.part2 .p1 a{
    float: right;
    font-size: 16px;
    color: #eb2d13;
    text-decoration: underline;
    line-height: 16px;
    font-style: italic;
    padding-right: 10px;
}
.part2 .p1 a:hover{
    font-style: normal;
}
.part2 .p1 img{
    position: absolute;
    width: 141px;
    top:95px;
    right:150px;
}
.part2 .p2{
    position: relative;
    width: 982px;
    height: 392px;
    margin-left: 218px;
    background:url(../images/p2_bg2.png) no-repeat;
    box-shadow:0 0 10px rgba(214, 214, 214, .35);
    padding:46px 75px 0 395px;
}
.part2 .p2 ul{
    width: 510px;
    border-bottom: 1px dashed #d8d8d8;
}
.part2 .p2 li{
    padding-top: 8px;
}
.part2 .p2 span{
    display: block;
    font-size: 16px;
    color: #111111;
    line-height: 16px;
    margin-bottom: 14px;
    font-weight:500;
}
.part2 .p2 label{
    display: block;
    font-size: 14px;
    color: #111;
    line-height: 14px;
    margin-bottom:24px;
}
.part2 .p2 p{
    display: inline-block;
    width:250px;
}
.part2 .p2 img{
    position: absolute;
    width: 141px;
    top:89px;
    left: 150px;
}
.part2 .p2 iframe{
    width: 510px;
    height:70px;
}
.part3{
    width: 100%;
    padding-bottom: 225px;
    background: url(../images/p3_bg.png) no-repeat bottom;
}
.part3 h2{
    margin-bottom: 60px;
}
.part3 h2::after{
    content: "02";
}
.part3 .p3_tl{
    position: relative;
    padding:13px 0 200px;
}
.part3 .p3_tl ul{
    width: 100%;
    height: 155px;
    background: #eb2d13;
    border-radius: 8px 8px 0 0;
    padding-top: 84px;
    text-align: center;
}
.part3 .p3_tl ul li{
    position: relative;
    display: inline-block;
    width: 202px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #be3825;
    font-size: 20px;
    background: #ffc0b7;
    border-radius: 20px;
    margin: 0 106px;
    cursor: pointer;
}
.part3 .p3_tl ul li.on{
    background: #fff;
    color: #eb2d13;
}
.part3 .p3_tl ul li.on::after{
    display: block;
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	border-top: 16px solid #fff;
    bottom: -16px;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
}
.part3 .p3_tl .bd{
    height: 524px;
    background: #e72c13;
    border-radius:0 0 8px 8px;
    padding:0 22px;
}
.part3 .p3_tl .bd div{
    min-height: 623px;
    padding:32px 20px 40px 24px;
    background: #ffffff;
    box-shadow:0 0 10px rgba(214, 214, 214, .35);
    border-radius: 8px;
}
.part3 .p3_tl .bd table{
    width:100%;
}
.part3 .p3_tl .bd table thead tr{
    height: 45px;
}
.part3 .p3_tl .bd table thead th{
    background: #eb2d13;
    font-size: 16px;
    color: #fff;
    border-right:7px solid #fff;
    text-align: center;
}
.part3 .p3_tl .bd table thead th:last-child{
    border-right: 0;
}
.part3 .p3_tl .bd tbody tr{
    border-top:4px solid #fff;
    height: 40px;
}
.part3 .p3_tl .bd tbody td{
    background: #fdfdfd;
    text-align: center;
    font-size: 16px;
    color: #111111;
    border-right: 7px solid #fff;
}
.part3 .p3_tl .bd tbody tr td:last-child{
    border-right:none
}
.part3 .p3_tl .bd tbody tr:nth-child(even) td{
    background: #f6f6f6;
}
.part3 a.btn{
    display: block;
    width: 258px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 18px;
    background:#f0ae3e;
    border-radius: 4px;
    margin:38px auto 0;
    transition: background .3s, transform .3s;
    -webkit-transition: background .3s, transform .3s;
}
.part3 a.btn:hover{
    background:#f0853e
}
.part3 .table2{
    position: relative;
    width: 100%;
    padding-top:13px;
}
.part3 .table2 div.bg_re{
    width: 100%;
    height: 420px;
    background: #eb2d13;
    border-radius: 8px;
    padding:69px 22px 0;
}
.part3 .table2 div.bg_re table{
    width: 100%;
}
.part3 .table2 .bg_we{
    background: #fff;
    padding:32px 20px 38px 24px;
    border-radius: 8px;
    box-shadow:0 0 10px rgba(214, 214, 214, .35);
}
.part3 .table2 tr{
    border-top:4px solid #fff;
    height: 40px;
}
.part3 .table2 td{
    background: #fdfdfd;
    text-align: center;
    font-size: 16px;
    color: #111111;
    border-right: 7px solid #fff;
}
.part3 .table2 tr td:last-child{
    border-right:none
}
.part3 .table2 tr:nth-child(even) td{
    background: #f6f6f6;
}
.part3 .table2 tr:first-child td{
    background: #eb2d13;
    color: #fff;
    font-size: 16px;
}
.part3 .table2 a.btn{
    margin: 31px auto 0;
}
.part4{
    width: 100%;
    background: url(../images/p4_bg.png) no-repeat top;
    padding-bottom: 88px;
}
.part4 h2{
    margin-bottom: 50px;
}
.part4 h2::after{
    content: "03";
}
.part4 .w1200{
    width: 1300px;
    padding:0 50px;
}
.part4 ul{
    width:100%;
    display: flex;
    justify-content: space-between;
}
.part4 ul li{
    position: relative;
    width: 194px;
    height: 221px;
    background: #fff;
    padding: 31px 15px 0;
    cursor: pointer;
    border-top: 4px solid #fff;
    top:0;
    box-shadow:0 0 10px rgba(154, 154, 154, 0);
    transition:top .3s, border-top .3s, box-shadow, transform .3s;
    -webkit-transition:top .3s, border-top .3s, box-shadow, transform .3s;
}
.part4 ul li:hover{
    top: -5px;
    border-top:4px solid #eb2d13;
    box-shadow:0 0 10px rgba(154, 154, 154,.35);
}
.part4 ul li span{
    display: block;
    height: 53px;
    border-bottom: 1px dashed #d5d5d5;
    padding-right: 12px;
    text-align: right;
    font-size: 20px;
    line-height: 20px;
    color: #111111;
    font-weight: 700;
}
.part4 ul li img{
    position: absolute;
    width: 50px;
    top: 20px;
    left: 28px;
}
.part4 ul li label{
    display: block;
    padding:20px 0 0 4px;
    font-size: 16px;
    color: #111111;
    line-height: 25px;
    margin-bottom: 17px;
}
.part4 ul li a{
    float: right;
    font-size: 16px;
    color: #eb2d13;
    text-decoration: underline;
    padding-right: 9px;
    line-height: 16px;
    font-style: italic;
}
.part4 ul li a:hover{
    font-style: normal;
}
.part5{
    width: 100%;
}
.part5 h2{
    margin-bottom: 46px;
}
.part5 h2::after{
    content: "04";
}
.part5 ul{
    height:454px;
}
.part5 ul li{
    position: relative;
    float: left;
    width: 300px;
    height: 180px;
}
.part5 ul li.tpb{
    padding:29px 28px 0 32px;
    background: #f9f9f9;
}
.part5 ul li.tpb::after{
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 25px;
    background: url(../images/p5_pic1.png) no-repeat;
    left:36px;
    bottom: 14px;
}
.part5 ul li.pru::after{
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 25px;
    background: url(../images/p5_pic2.png) no-repeat;
    left:255px;
    top: 15px;
}
.part5 ul li.tpb span{
    display: block;
    font-size: 22px;
    color: #111111;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 12px;
}
.part5 ul li.tpb label{
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    margin-bottom: 20px;
}
.part5 ul li.tpb a{
    float: right;
    width: 107px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #f0ae3e;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
}
.part5 ul li.tpb a:hover{
    background: #f0853e;
}
.part6{
    width: 100%;
    padding-bottom: 44px;
    background: url(../images/p6_bg.png) no-repeat bottom;
}
.part6 .w1200{
    width: 1300px;
    padding: 0 50px;
}
.part6 h2{
    margin-bottom: 45px;
}
.part6 h2::after{
    content: "05";
}
.part6 ul{
    height: 440px;
    background: #fff;
    padding:30px 25px 24px;
    box-shadow:0 0 10px rgba(188, 188, 188, .35);
    margin-bottom: 48px;
}
.part6 p{
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    text-align: center;
}