@font-face {
    font-family: 'FZHTJW';
    src: url(../fonts/fzhtjw.ttf);
}

body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
img,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0;
    border: none;
}

body,
textarea {
    width: 100%;
    height: auto;
    font-size: 16px;
    /*font-family: 'FZHTJW';*/
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    z-index: 0;
    color: #333333;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

li,
ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.clear {
    clear: both;
}

img {
    display: block;
}

.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box_img{ 
    width: 100%;
    z-index: 100;
    position: sticky;
    margin-top: -129px;
}
.box_img ul{
    width: 485px;
    height: 220px;
    position: absolute;
    padding: 0 30px;
    left: 44.2%;
    top: 47.2%;
    font-size: 38px;
    
}
.box_img ul li{ 
    padding-bottom: 20px;
    color:#000;
    font-size: 45px;
}
.box_img ul li:nth-child(2){ 
    color:#fa8f1b;
    text-align: center;
}
.tbody {
    width: 100%;
    margin: 0 auto;
}

.clear {
    clear: both;
}




.box_tits{ width: 100%; line-height: 40px; text-align: center; color:#666;font-size: 20px; }
.box_tit {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}

.dh{ width: 100%; background: #eeeeee; padding: 20px 0; height: 90px; clear: both;}
.dh ul{ zoom: 1; overflow: hidden; margin: 0 auto; width: 1300px;}
.dh ul li{width:430px; height: 90px; float: left; font-size: 14px; font-weight: 100; text-align: center;}
.dh ul li:nth-child(2){border: 1px solid #cccccc; border-top: none; border-bottom: none;}
.dh ul li img{display: block; margin: 0 auto 10px;}

.ipon{ width: 940px;margin: 20px auto; zoom: 1; padding: 20px 0; overflow: hidden; height: 40px;}
.ipon .form_ipn{ width: 598px; border: 1px solid #e5e5e5; height: 38px; text-indent: 30px; font-size: 18px; color:#999;}
.ipon .form_btn{ width: 300px; height: 40px; text-align: center; color: #fff; background: #a72b00; line-height: 40px; margin-left:10px;}


/* box-1 */
.box-1 {width: 100%; margin:36px auto 0;}
.box1_con{width: 1280px; margin: 0 auto; zoom: 1; overflow: hidden;}
.box1_con .box1_ement {width: 1280px; margin: 40px 0 0;zoom: 1; overflow: hidden;}
.box1_con .box1_ement a{width: 609px; height: 230px; float: left; display: block; box-shadow: 15px 15px #eeeeee; overflow: hidden;}
.box1_con .box1_ement a img{width: 609px; height: 230px;}
.box1_con .box1_ement div{width: 609px; height: 250px; float: left;}
.box1_con .box1_ement div h2{font-size: 30px; padding-left: 50px;margin-top: 50px; line-height: 50px;}
.box1_con .box1_ement div span{font-size: 20px; line-height: 30px; padding-left: 50px; font-weight: 100; display: block;}
.box1_con p{width: 506px; height: 41px; margin: 30px auto 0;}
.box1_con p a{ width: 231px; height: 38px; border: #a72b00 solid 1px; color:#a72b00; text-align: center; line-height: 38px; font-size: 18px; display: block; float: left; margin: 0 10px;}
.box1_con p a:nth-child(1){background: #a72b00; color:#fff;}



.box-2{width: 100%; margin-top: 36px; background: #eeeeee; padding: 35px 0; zoom: 0 ; overflow: hidden; }
.box2_con{width: 1300px; margin: 0 auto;  zoom: 1; overflow: hidden;}
.box2_con a{width: 1300px; margin: 0 auto; zoom: 1; overflow: hidden; display: block;}
.box2_con a div{ width: 300px; float: left; margin: 0 12px;}
.box2_con a div img{width: 300px; height: 385px; margin: 24px auto; display: block;}
.box2_con .box2_a{width: 300px; height: 39px; color: #a72b00; border:#a72b00 solid 1px; line-height: 39px; text-align: center; margin: 20px auto 0; display: block;}


.box-3{width: 100%; margin-top: 36px;}
.box3_con{width: 1300px; margin: 0 auto; padding: 32px 12px 0; zoom: 1; overflow: hidden;}
.box3_con a{width: 300px; float: left; height: 300px; display: block;  margin: 12px; overflow: hidden;}
.box3_con a img{width: 300px; height: 300px;}

.box3_a{width: 499px; height: 39px; color: #a72b00; border:#a72b00 solid 1px; line-height: 39px; text-align: center; margin: 20px auto 32px; display: block;}

.swiper{width: 100%; background: url("../images/bj.png") repeat-x; zoom: 1; overflow: hidden;}
.swiper-slide{width: 1200px;  zoom: 1; overflow: hidden; }
.box4_img_con{width: 1200px; height: 626px; margin: 0 auto; position: relative;}
.box4_img_con .box4_img{display: block; height: 557px; position: absolute;}
.box4_img_con .box4_name{font-size: 38px; top: 220px; left: 247px; font-weight: bold; color:#fff; position: absolute;}
.box4_img_con .box4_p{font-size: 16px; line-height: 28px; text-indent: 32px; top: 300px; font-weight: 100; left: 247px; width: 493px; color:#fff; position: absolute;}
.swiper-slide ul{width: 1100px; margin:-69px auto 0px; zoom: 1; overflow: hidden;}
.swiper-slide ul li{width:346px; float: left; padding: 0 10px; cursor:pointer;}
.swiper-slide p{width: 600px; height: 41px; margin: 30px auto 0;}
.swiper-slide p a{ width: 231px; height: 38px; border: #a72b00 solid 1px; color:#a72b00; text-align: center; line-height: 38px; font-size: 18px; display: block; float: left; margin: 0 10px;}
.swiper-slide p a:nth-child(1){background: #a72b00; color:#fff;}



.box-5{width: 100%; margin-top: 36px;}
.box5_con{width: 1300px; margin: 0 auto; padding: 32px 14px; zoom: 1; overflow: hidden;}
.box5_con a{display: block; width: calc(33% - 24px); float: left; height: 310px; margin: 14px; overflow: hidden;}
.box5_con a img{width: 100%; height: 310px;}