/*åˆå§‹åŒ–æ ·å¼*/
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #666;
    position: relative;
    font: 12px/1.5 微软雅黑, arial, å®‹ä½“, sans-serif;
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

a:hover,
a:active,
a:focus {
    color: #b40000;
    text-decoration: none;
    outline: none;
}

/* ã€ ä¸»ä½“ å®½åº¦ ã€‘*/
/* æ™®é€šç«™ */
.wh {
    width: 60rem;
    margin: 0 auto;
}

.pos {
    position: relative;
    width: 96rem;
    left: 50%;
    margin-left: -48rem;
}

/* å“åº”å¼ (max-width= 1440 + 15 * 2) */
/* .wh{max-width:calc(1440px + 30px);margin:0 auto;padding:0 15px;} */
/* ã€ å†…é¡µ ã€‘å·¦ä¾§ */
/* .container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;} */

input {
    padding: 0;
    margin: 0;
    font-family: '微软雅黑';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

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

select,
input,
img,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

dt {
    font-weight: normal;
}

/*----- Common css ------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    zoom: 1;
    display: inline;
    font-size: 0px;
}


/* æ»šåŠ¨ */
#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800% !important;
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 92%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800% !important;
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}

/* ã€ é‡ç½® æ ‡ç­¾ ã€‘ */
h1,
h2 {
    font-size: 12px;
}

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

/* å›¾ç‰‡ æ”¾å¤§ æ•ˆæžœ */
.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}


/* 1ã€ å¤´éƒ¨ ã€‘ */
.top1 {
    /* display: none; */
    height: 40px;
    /*ä¿®æ”¹ï¼š2å¤„*/
    background: #302E2E;
    color: #f8f8f8;
    line-height: 40px;
    font-size: 12px;
    overflow: hidden;
}

.top1 a {
    color: #f8f8f8;
    /* margin: 0 3px; */
}

/* 2 */
.top2 {
    /* display: none; */
    height: 130px;
    /*ä¿®æ”¹ï¼š2å¤„*/
    /* overflow: hidden; */
}

#header {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    float: left;
    line-height: 130px;
}

/* å¹¿å‘Šè¯­ */
.top2 .adv {
    /* display: none; */
    height: 80px;
    margin-top: 27px;
    padding-left: 25px;
    margin-left: 25px;
    border-left: 1px solid #A0A0A0;
    padding-top: 23px;
}

.top2 .adv p:nth-child(1) {
    font-size: 20px;
    color: #333333;
    /* font-weight: bold; */
    letter-spacing: 1px;
}

/* .top2 .adv p:nth-child(2){font-size: 14px;color: #808080;} */
/* ç”µè¯ */
.top2 .phone1 {
    font-size: 26px;
    color: #b40000;
    padding: 21px 0 0 63px;
    background: url(../images/21/06/155aa2325b7c167884af1b14fca474b564add6fa.png ) no-repeat 5px 0px;
    margin-top: 32px;
    height: 50px;
    font-weight: bold;
}

.top2 .phone1 p {}

/* æ–‡å­— */
/* ã€ æœç´¢ ã€‘å¤´éƒ¨ */
.headSearch {
    display: none;
    /*éšè—*/
}

/* å®¹å™¨ */
.headSearch #formsearch {
    height: 40px;
    line-height: 41px;
    margin-right: 13px;
    margin-top: 0px;
}

.headSearch #formsearch input::-webkit-input-placeholder {
    color: #9a9a9a;
}

.headSearch #formsearch textarea::-webkit-input-placeholder {
    color: #9a9a9a;
}

/* è¾“å…¥æ¡† */
.headSearch #keyword {
    width: 225px;
    line-height: 37px;
    /*ä¿®æ”¹ï¼š2å¤„*/
    color: #9a9a9a;
    font-size: 12px;
    margin-left: 10px;
    border: none;
    outline: none;
    background: none;
    border: 1px #2b7ce2 solid;
    padding-left: 10px;
}

/* æŒ‰é’® */
.headSearch #s_btn {
    font-size: 12px;
    color: #fff;
    width: 52px;
    line-height: 37px;
    margin-left: -4px;
    border: none;
    background: none;
    outline: none;
    /* background: url(  ../images/main/search.png  ) no-repeat center; */
    background-color: #2b7ce2;
}


/* 2ã€ å¯¼èˆªæ  ã€‘ */
.nav {
    /* background: url(../images/main/nav_bg.png) repeat-x; */
    height: 60px;
    /*é«˜åº¦ 5å¤„ ä¿®æ”¹*/
    background-color: #B40000;
    /* position: absolute;z-index: 999;background: rgba( 0, 0, 0, .5); */
    /*å›ºå®š*/
    /* width: 100%; */
}

/* ã€ å¯¼èˆª ã€‘ (ä¸‹æ‹‰æ¡†) */
.navFw {
    font-size: 18px;
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* background: #013893 url( //cdn.xypt.top/3d30b615/21/04/68720edde7401a1792a2e2e83921df7b2ddd1abf.png ) no-repeat 37px 13px; */
    padding: 0 0 0 88px;
    height: 40px;
    line-height: 40px;
    width: 260px;
    letter-spacing: 1px;
    position: relative;
}

.navFw ul {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
    /*clear: both;*/
    z-index: 99;
    position: absolute;
    width: 100%;
    top: 40px !important;
    left: 0;
    top: 0;
    background-color: rgba(0, 56, 147, .8);
}

.navFw ul li {
    /* display: inline-block;float: left; */
    margin: 0 0 0 0;
    padding: 13px 0px 9px 37px;
    transition: .4s;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.navFw ul li a {
    display: inline-block;
    width: 100%;
}

.navFw ul li .img {
    display: inline-block;
    line-height: 1;
}

.navFw ul li img {}

.navFw ul li h2 {
    font-size: 18px;
    color: #fff;
    margin: 0 0 0 20px;
    padding: 0 0 0 0;
    transition: .4s;
    display: inline-block;
}

.navFw ul li span {
    color: #fff;
    display: inline-block;
    float: right;
    margin: 0 43px 0 0;
}

/* ã€ Logo ã€‘ */
.nav .logoN {
    display: none;
    /*Logo*/
    float: left;
    line-height: 60px;
    width: 16%;
}

/* .nav .logoN img{width: 100%;} */
/* ã€ ç”µè¯ ã€‘ */
.nav .phone {
    display: none;
    /*éšè—*/
    font-size: 26px;
    color: #037db8;
    /* background: url( ../images/main/phone1.png ) no-repeat center left; */
    padding: 0 0 0 35px;
    margin: 15px 0 0 0;
    font-weight: bold;
}

.nav .phone h2 {
    font-size: 16px;
    color: #000000;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* ã€ å¯¼èˆªæ  ã€‘Main */
.x-menu {
    /* width: 70%;float: right; */
    display: flex;
    justify-content: space-between;
    /* margin-right: -50px; */
}

.x-menu>li {
    float: left;
    position: relative;
    text-align: center;
    width: 12.5%;
}

.x-menu>li>a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    transition: .3s;
    /* width: 70%;margin: 0 auto; */
    /*å±…ä¸­ï¼Œå¢žåŠ  è¾¹è·*/
    /* font-weight: bold; */
    position: relative;
    z-index: 111;
}

/* .x-menu > li > a:hover {background: #dd0404;color: #fff;background: url(  ) no-repeat center bottom; border-bottom: 2px solid #009F9B; } */
/* æ·»åŠ  å›¾ç‰‡ */
/* .x-menu > li:hover:before{width: 123px;height: 61px;top: -5px;left: -5px;background: url( //cdn.xypt.top/8acde496/21/06/a56cc876f9dbd9cd6fc2dff1a792da2267c5508a.png ) no-repeat 0px 0px;position: absolute;background-size: 100%;content: "";z-index: 99;}hover beforeæ·»åŠ  li èƒŒæ™¯å›¾ */
/* åŠ¨æ•ˆï¼šå±…ä¸­ã€å®½åº¦ å˜é•¿ï¼šä¸¤ä¾§ å±•å¼€ */
/* .x-menu > li > a:before{width: 0;height: 3px;bottom: 0px;left: 50%;position: absolute;background-color: #1b6eba;background-size: 100%;content: "";z-index: 99;transition: .8s;}
.x-menu > li > a:hover:before{width:100%;left:0;} */
/*  */
.x-menu>li.active>a {
    /* background-color: #f3570f; */
}

.x-menu>li:after {
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    height: 40px;
    opacity: 0;
    top: 100%;
}

.x-menu>li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* .x-menu > li+li{background: url(  ) no-repeat center left;} */
/* æè¿° (è‹±æ–‡) */
.x-menu>li {
    position: relative;
}

.x-menu .navEng {
    font-size: 11px;
    color: #ababab;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
}

/* ä¸‹æ‹‰æ¡† */
.x-sub-menu {
    position: absolute;
    z-index: 99;
    width: 150%;
    left: -25%;
    top: calc(60px + 8px);
    background: #fff;
    border-radius: 5px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-sub-menu>li>a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 2;
    overflow: hidden;
}

.x-sub-menu>li>a:hover {
    background: #e9eaeb;
    /* color: #FFBE07; */
}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
}

/* ã€ ä¸­è‹±æ–‡ åˆ‡æ¢ ã€‘ */
.language {
    margin: 27px 0 0 0;
    padding: 3px 5px;
    /* border: 1px solid #C4C4C4;border-radius: 60px; */
    text-align: center;
}

.language img {
    padding-right: 5px;
}

.language a {
    padding: 0 0 0 0;
    font-size: 14px;
    color: #696969;
    /* font-weight: bold; */
    margin: 0 0 0 0;
    display: inline-block;
    float: left;
}

/* ã€ æœç´¢æ¡† ã€‘ */
.navSearch {
    display: none;
    /*éšè—*/
}

/* å®¹å™¨ */
.navSearch #formsearch {
    height: 40px;
    line-height: 41px;
    margin-right: 13px;
    margin-top: 0px;
}

.navSearch #formsearch input::-webkit-input-placeholder {
    color: #9a9a9a;
}

.navSearch #formsearch textarea::-webkit-input-placeholder {
    color: #9a9a9a;
}

/* è¾“å…¥æ¡† */
.navSearch #keyword {
    width: 225px;
    height: 37px;
    line-height: 37px;
    color: #9a9a9a;
    font-size: 12px;
    margin-left: 10px;
    border: none;
    outline: none;
    background: none;
    border: 1px #2b7ce2 solid;
    padding-left: 10px;
}

/* æŒ‰é’® */
.navSearch #s_btn {
    font-size: 12px;
    color: #fff;
    width: 52px;
    height: 37px;
    line-height: 37px;
    margin-left: -4px;
    border: none;
    background: none;
    outline: none;
    /* background: url(../images/main/search.png) no-repeat center; */
    background-color: #2b7ce2;
}



/* ã€ 1 äº§å“ä¸­å¿ƒ ã€‘ */
.box1 {
    clear: both;
    overflow: hidden;
    padding: 90px 0 90px 0;
    /* background: url(  ) no-repeat center top; */
    /* background-size: cover; */
}

/* å¤§æ ‡é¢˜ (å¸¸è§„) */
.box1 .bigTitle {
    text-align: center;
    background: url(../images/21/06/7a3e64453f042f3b3ee821a014ac864fd6d645b5.png ) no-repeat center bottom;
    height: 130px;
    position: relative;
}

.box1 .bigTitle .title1 {
    font-size: 36px;
    color: #6a493c;
    font-weight: bold;
    letter-spacing: 2px;
    background: url(../images/21/06/23d225195edc4860cbc39446b9d562b0cb8d9a11.png ) no-repeat center top;
    /* background-size: cover; */
    text-transform: uppercase;
    line-height: 1;
    padding: 35px 0 0 0;
    margin: 0px 0 0 0;
}

.box1 .bigTitle .more {
    font-size: 18px;
    color: #2e2d2d;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 10px;
    right: 0;
}

/* ã€ å›¾ç‰‡ æ»šåŠ¨ ã€‘ æ— ç¼ 1 */
.roll1 {
    width: 60rem;
    margin: 0 auto;
    position: relative;
    clear: both;
}

/* å·¦å³ æŒ‰é’® */
.roll1 .hd {
    /* display: inline-block; */
    display: none;
}

.roll1 .prev,
.roll1 .next {
    top: 155px;
    /* width: 35px;height: 45px; */
    display: block;
    position: absolute;
    cursor: pointer;
    z-index: 99;
}

.roll1 .prev {
    left: -22px;
    /* background: url(../images/main/roll_L1.png) no-repeat; */
}

.roll1 .next {
    right: -22px;
    /* background: url(../images/main/roll_R1.png) no-repeat; */
}

.roll1 .prev:hover {
    background: url(../images/main/roll_L2.png) no-repeat;
}

.roll1 .next:hover {
    background: url(../images/main/roll_R2.png) no-repeat;
}

/* åˆ†é¡µ æ•°å­— (åŽŸç‚¹) */
/* .roll1 .hd ul{display: inline-block;margin: 0 0 0 0;padding:0 0 0 0;position: absolute;right: 35px;top: 50%;transform: translateY(-50%);z-index: 99;}
.roll1 .hd ul li{margin: 0 0 0 0;padding:0 0 0 0;width: 6px;height: 42px;text-indent: -9999px;background-color: #DDD9D0;transition: .4s;border-radius: 100px;}
.roll1 .hd ul li.on{background-color: #fff;}
.roll1 .hd ul li+li{margin-top: 8px;} */
/* å†…å®¹ */
.roll1 .bd {
    margin-top: 65px;
    overflow: hidden;
}

.roll1 .bd ul li {
    width: 295px;
    float: left;
    margin-right: 10px;
    /* position: relative; */
}

.roll1 .bd ul li img {
    height: 314px;
    display: block;
    transition: all 0.5s;
    width: 100%;
}

.roll1 .bd ul h2 {
    font-size: 16px;
    color: #595959;
    line-height: 60px;
    background-color: #ffffff;
    text-align: center;
    /* border: 1px solid #e6e6e6; */
    width: 100%;
    /* position: absolute;bottom: 0; */
}

/* .roll1 .bd ul li:hover h2{color: #fff;background-color: #cfa044; border-color:#cfa044;} */



/* ã€ 2 å››å¤§ä¼˜åŠ¿ ã€‘ */
.c2 {
    background: url(../images/21/06/be9edbc8f10775f446a5dcbebd0b6b286e194a9c.jpg ) no-repeat center 0;
    height: 37.65rem;
    margin-top: 20px;
}

.c2 .zi {
    width: 20.25rem;
    box-sizing: border-box;
    padding-left: 2.65rem;
    color: #fff;
    padding-top: 5.15rem;
}

.c2 .c2-2 {
    width: 37.65rem;
    margin-top: 4rem;
    position: relative;
}

.c2 .c2-2 .xx {
    position: absolute;
    z-index: 1111;
    cursor: pointer;
    bottom: 3.65rem;
    left: -17.65rem;
}

.c2 .c2-2 .yb {
    left: -12.5rem;
}

.c2 .c2-2 .list2 {
    position: relative;
    left: 1.7rem;
}

.c2 .c2-2 .list2 li {
    float: left;
    padding-left: 2.9rem;
    font-size: 1.2rem;
    color: #474747;
    background: url(../images/21/06/fe8c0c785997d69a2fafc413ae836e06f8062303.png ) no-repeat right 50%;
    line-height: 4.5rem;
    padding-right: 1.7rem;
    position: relative;
}

.c2 .c2-2 .list2 li:nth-child(4) {
    background: none;
}

.c2 .c2-2 .list2 li.on {
    background: url(../images/21/06/669ec678b3d9bed1764c98d6eacaf2f0ae6cd00a.png) no-repeat 22px 50%, url(../images/21/06/fe8c0c785997d69a2fafc413ae836e06f8062303.png ) no-repeat right 50%;
    color: #6a493c;
}

.c2 .c2-2 .list2 li:nth-child(4).on {
    background: url(../images/21/06/669ec678b3d9bed1764c98d6eacaf2f0ae6cd00a.png) no-repeat 22px 50%;
    color: #6a493c;
}

.c2 .c2-2 .list3 li {
    position: relative;
}

.c2 .c2-2 .list3 li img {
    width: 37.6rem;
    height: 26.2rem;
}

.c2 .c2-2 .list3 li .zi1 {
    background: url(../images/21/06/ac66990bad4ddcf859cbac66b33bd503a583c4fe.png ) no-repeat center 0;
    width: 27.65rem;
    height: 13.8rem;
    position: absolute;
    z-index: 111;
    bottom: 2.5rem;
    left: -19.85rem;
    box-sizing: border-box;
    padding-top: 2rem;
    padding-left: 2.15rem;
}

.c2 .c2-2 .list3 li .zi1 h3 {
    color: #454545;
    font-size: 1.4rem;
    line-height: 1;
    vertical-align: top;
    height: 3rem;
    letter-spacing: 1px;
    font-weight: bold;
}

.c2 .c2-2 .list3 li .zi1 h3 span {
    font-size: 3rem;
    vertical-align: top;
    line-height: 2.4rem;
}

.c2 .c2-2 .list3 li .zi1 dd {
    font-size: 14px;
    line-height: 30px;
    color: #454545;
    margin-top: 10px;
    width: 24.6rem;
}

.c2 .zi h2 {
    font-weight: 300;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
}

.c2 .zi .line {
    width: 65px;
    height: 4px;
    margin: 15px 0 35px 0;
    padding: 0 0 0 0;
    background-color: #fff;
}

.c2 .zi h3 {
    font-weight: 500;
    font-size: 40px;
    margin-top: 24px;
}

.c2 .zi h3 p {
    font-size: 20px;
    margin-top: 24px;
}



/* ã€ 3 åŽ‚åŒºå±•ç¤º ã€‘ */
.box3 {
    clear: both;
    overflow: hidden;
    padding: 120px 0 170px 0;
    /* background: url(  ) no-repeat center top; */
    /* background-size: cover; */
}

/* å¤§æ ‡é¢˜ (å¸¸è§„) */
.box3 .bigTitle {
    text-align: center;
    background: url(../images/21/06/7a3e64453f042f3b3ee821a014ac864fd6d645b5.png ) no-repeat center bottom;
    height: 130px;
    position: relative;
}

.box3 .bigTitle .title1 {
    font-size: 36px;
    color: #6a493c;
    font-weight: bold;
    letter-spacing: 2px;
    background: url(../images/21/06/032d86705d9825b059c3a3e2699c3ec2be922c53.png ) no-repeat center top;
    /* background-size: cover; */
    text-transform: uppercase;
    line-height: 1;
    padding: 35px 0 0 0;
    margin: 0px 0 0 0;
}

.box3 .bigTitle .more {
    display: none;
    font-size: 18px;
    color: #2e2d2d;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 10px;
    right: 0;
}

/* ã€ å›¾ç‰‡ æ»šåŠ¨ ã€‘ æ— ç¼ 2 */
.roll2 {
    width: 60rem;
    margin: 0 auto;
    position: relative;
    clear: both;
}

/* å·¦å³ æŒ‰é’® */
.roll2 .hd {
    display: inline-block;
}

.roll2 .prev,
.roll2 .next {
    top: 195px;
    /* width: 35px;height: 45px; */
    display: block;
    position: absolute;
    cursor: pointer;
    z-index: 99;
}

.roll2 .prev {
    left: -59px;
    /* background: url(../images/main/roll_L1.png) no-repeat; */
}

.roll2 .next {
    right: -59px;
    /* background: url(../images/main/roll_R1.png) no-repeat; */
}

.roll2 .prev:hover {
    background: url(../images/main/roll_L2.png) no-repeat;
}

.roll2 .next:hover {
    background: url(../images/main/roll_R2.png) no-repeat;
}

/* åˆ†é¡µ æ•°å­— (åŽŸç‚¹) */
/* .roll2 .hd ul{display: inline-block;margin: 0 0 0 0;padding:0 0 0 0;position: absolute;right: 35px;top: 50%;transform: translateY(-50%);z-index: 99;}
.roll2 .hd ul li{margin: 0 0 0 0;padding:0 0 0 0;width: 6px;height: 42px;text-indent: -9999px;background-color: #DDD9D0;transition: .4s;border-radius: 100px;}
.roll2 .hd ul li.on{background-color: #fff;}
.roll2 .hd ul li+li{margin-top: 8px;} */
/* å†…å®¹ */
.roll2 .bd {
    margin-top: 12px;
    overflow: hidden;
}

.roll2 .bd ul {
    height: 310px;
}

.roll2 .bd ul li {
    width: 281px;
    float: left;
    margin-right: 25px;
    position: relative;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.19);
    margin-top: 10px;
}

.roll2 .bd ul li .img {
    height: 230px;
    display: block;
    transition: all 0.5s;
    width: 100%;
}

.roll2 .bd ul h2 {
    font-size: 18px;
    color: #555555;
    line-height: 63px;
    background-color: #ffffff;
    text-align: center;
    /* border: 1px solid #e6e6e6; */
    width: 100%;
    /* position: absolute;bottom: 0; */
}

/* .roll2 .bd ul li:hover h2{color: #fff;background-color: #cfa044;} */
.roll2 .bd ul li .more {
    position: absolute;
    right: 0;
    bottom: 0;
}



/* ã€ 4 å…³äºŽæˆ‘ä»¬ ã€‘ */
.box4 {
    clear: both;
    overflow: hidden;
    padding: 90px 0 90px 0;
    background: #FBFBFB;
    /* background-size: cover; */
}

/* ã€å·¦ä¾§ã€‘ */
.box4 .ll {
    /*width: 48%;*/
    width: 32.2rem;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* clear: both; */
    position: relative;
}
.box4 .ll img {
    width: 100%;
}
.box4 .ll h2 {
    font-size: 13px;
    color: #1c1c1c;
    width: 13px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.8;
    word-wrap: break-word;
    text-transform: uppercase;
}

.box4 .ll h2 .line1 {
    width: 8px;
    height: 9px;
    background: #B40000;
    /* position: relative;left: 0;top: 0; */
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.box4 .ll h2 .line2 {
    width: 3px;
    height: 75px;
    background: #B40000;
    /* position: relative;left: 0;top: 0; */
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* ã€å³ä¾§ã€‘ */
.box4 .rr {
    width: 25.75rem;
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* clear: both; */
    position: relative;
}

.box4 .rr::before {
    width: 4.1rem;
    height: 3.5rem;
    top: 0.5rem;
    right: -4rem;
    background: url(../images/21/06/3186c5eba1a9b53797d2e0e145461afe7b3b1e53.png ) no-repeat 0px 0px;
    position: absolute;
    background-size: 100%;
    content: "";
    z-index: 99;
}

/*  */
.box4 .rr h2 {
    font-size: 1.7rem;
    color: #2a2a2a;
    margin: 1.5rem 0 0 0;
    padding: 0 0 0 0;
}

.box4 .rr .line {
    width: 16.75rem;
    height: 3px;
    background: #B40000;
    position: relative;
    left: -7rem;
    top: 0;
    margin: 1.5rem 0 1.5rem 0;
    padding: 0 0 0 0;
}

.box4 .rr h3 {
    font-size: 14px;
    color: #333333;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2;
}

.box4 .rr h4 {
    font-size: 18px;
    color: #fff;
    margin: 25px 0 0 0;
    padding: 0 0 0 0;
    background-color: #B40000;
    width: 8rem;
    line-height: 3rem;
    text-align: center;
}



/* ã€ 5 ç•™è¨€ ã€‘ */
.box5 {
    clear: both;
    overflow: hidden;
    padding: 35px 0 45px 0;
    background: url(../images/21/06/a49cee136c70e3d49504948bd1947efc4bc952e2.png ) no-repeat center top;
    /* background-size: cover; */
}

/* ã€å·¦ä¾§ã€‘ */
.box5 .ll {
    /*width: 48%;*/
    width: 28.25rem;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* clear: both; */
}

.box5 .ll h2 {
    font-size: 1.5rem;
    color: #fff;
    margin: 0 0 0 2.5rem;
    padding: 0 0 0 0;
    letter-spacing: 1px;
}

.box5 .ll h2 img {
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    position: relative;
    top: -7px;
}

.box5 .ll h2 p {
    font-size: 1.5rem;
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
    font-weight: bold;
}

/*  */
.box5 .ll .group {
    background: #fff;
    border-radius: 20px;
    text-align: center;
    margin: 1.5rem 0 0 0;
    padding: 1rem 1.7rem;
    width: 28.25rem;
}

.box5 .ll .group h3 {
    font-size: 1.4rem;
    color: #373833;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.box5 .ll .group h4 {
    font-size: 1.6rem;
    color: #b40000;
    margin: 15px 0 10px 0;
    padding: 0 0 15px 0;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    letter-spacing: 2px;
}

/*  */
.box5 .list1 {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    /*clear: both;*/
    /*width: 1200px;*/
    /*display: flex;justify-content: space-between;*/
    /*flex-wrap: wrap;*/
}

.box5 .list1 li {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* width: calc(100% / 2 - 0px); */
    position: relative;
    transition: .4s;
}

.box5 .list1 li a {
    display: inline-block;
    width: 100%;
}

.box5 .list1 li img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* float: left; */
    /*width: 100%;*/
    position: relative;
    top: -5px;
}

.box5 .list1 li h2 {
    font-size: 18px;
    color: #03060d;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    display: inline-block;
}

.box5 .list1 li+li {
    margin-left: 3.5rem;
}

/* ã€å³ä¾§ã€‘ */
.box5 .rr {
    width: 22rem;
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* clear: both; */
}

/* ã€ åœ¨çº¿ç•™è¨€ ã€‘æ™®é€š */
/* æ ‡é¢˜ */
.box5 .rr h2 {
    font-size: 24px;
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-weight: bold;
}

.box5 .rr h3 {
    font-size: 12px;
    color: #c3c2c1;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    text-transform: uppercase;
}

/* å®¹å™¨ + åˆå§‹åŒ– */
.x-message2 {
    margin: 1.75rem 0 0 0;
    padding: 0 0 0 0;
}

.x-message-wrap2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.x-message2 input {
    font-size: 1rem;
    color: #000;
    padding-left: 8px !important;
}

/* å†…å®¹ */
.x-message2 .ul {
    width: 100%;
}

.x-message2 .li {
    margin: 0 0 1rem 0;
    padding: 0 0 0 0;
    clear: both;
}

.x-message2 .li .tit {
    font-size: 1.05rem;
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
}

.x-message2 .li input {
    width: 17.15rem;
    height: 2.25rem;
    outline: none;
    list-style: none;
    border: none;
    background: #fff;
    border-radius: 5px;
    float: right;
}

/* éªŒè¯ç  + æäº¤ */
.x-message2 .ul_code {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.x-message2 .ul_code .tit {
    font-size: 1.05rem;
    color: #fff;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    display: inline-block;
}

.x-message2 .ul_code input {
    width: 5rem;
    height: 2rem;
    outline: none;
    list-style: none;
    border: none;
    background: #fff;
    border-radius: 10px;
}

.x-message2 .checkCodeImg {
    margin: 0 5px;
    padding: 0 0 0 0;
}

.x-message2 .ul_code .submit {
    font-size: 18px;
    color: #fff;
    background: #333333;
    float: right;
}



/* ã€ 6 æ–°é—»èµ„è®¯ ã€‘ */
.box6 {
    clear: both;
    overflow: hidden;
    padding: 90px 0 70px 0;
    /* background: url(  ) no-repeat center top; */
    /* background-size: cover; */
}

/* å¤§æ ‡é¢˜ (å¸¸è§„) */
.box6 .bigTitle {
    text-align: center;
    background: url(../images/21/06/7a3e64453f042f3b3ee821a014ac864fd6d645b5.png ) no-repeat center bottom;
    height: 130px;
    position: relative;
}

.box6 .bigTitle .title1 {
    font-size: 36px;
    color: #6a493c;
    font-weight: bold;
    letter-spacing: 2px;
    background: url(../images/21/06/164679de33b63d7599dcdfcebb058c3453c6f6b0.png ) no-repeat center top;
    /* background-size: cover; */
    text-transform: uppercase;
    line-height: 1;
    padding: 35px 0 0 0;
    margin: 0px 0 0 0;
}

.box6 .bigTitle .more {
    display: none;
    font-size: 18px;
    color: #2e2d2d;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 10px;
    right: 0;
}

/* ã€å·¦ä¾§ã€‘ */
.box6 .ll {
    width: 27.8rem;
    float: left;
    margin: 0 0 0 20px;
    padding: 0 0 0 0;
    /* clear: both; */
}

.box6 .list1 {
    display: inline-block;
    margin: 80px 0 0 0;
    padding: 0 0 0 0;
    /*clear: both;*/
    /*width: 1200px;*/
    /*display: flex;justify-content: space-between;*/
    /*flex-wrap: wrap;*/
}

.box6 .list1 li {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* width: calc(100% / 1 - 0px); */
    width: 27.8rem;
    position: relative;
    transition: .4s;
}

.box6 .list1 li a {
    display: inline-block;
    width: 100%;
}

.box6 .list1 li .img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* float: left; */
    width: 100%;
}

.box6 .list1 li .img img {
    width: 100%;
}

.box6 .list1 li .txtG {
    border: 1px solid #e6e6e6;
    border-top: none;
    margin: 0 0 0 0;
    padding: 10px 15px 10px 20px;
}

.box6 .list1 li .txt {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    /* float: left; */
    /*width:48%;*/
}

.box6 .list1 li .txt h2 {
    font-size: 16px;
    color: #333333;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    float: left;
    font-weight: bold;
}

.box6 .list1 li .txt h3 {
    font-size: 14px;
    color: rgba(60, 60, 60, .5);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    float: right;
}

.box6 .list1 li h4 {
    font-size: 0.7rem;
    color: rgba(60, 60, 60, .82);
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    line-height: 1.8;
}

.box6 .list1 .more {
    font-size: 0.7rem;
    color: #fff;
    margin: 15px 0 0 0;
    padding: 0;
    width: 4rem;
    line-height: 1.5rem;
    background: #BF0A0A;
    /*border: 1px solid #EA590A;*/
    /*background: url(  ) no-repeat center top;*/
    /*background-size: 100% 100%;*/
    clear: both;
    text-align: center;
    transition: .3s;
    border-radius: 100px;
}

/* ã€å³ä¾§ã€‘ */
.box6 .rr {
    width: 28rem;
    float: right;
    margin: 0 20px 0 0;
    padding: 0 0 0 0;
    /* clear: both; */
}

.box6 .list2 {
    display: inline-block;
    margin: 4rem 0 0 0;
    padding: 0 0 0 0;
    /*clear: both;*/
    /*width: 1200px;*/
    /*display: flex;justify-content: space-between;*/
    /*flex-wrap: wrap;*/
}

.box6 .list2 li {
    display: inline-block;
    margin: 0 0 12px 0;
    padding: 0 0 5px 0;
    /* width: calc(100% / 1 - 0px); */
    width: 28rem;
    position: relative;
    transition: .4s;
    border-bottom: 1px dashed #BFBFBF;
}

.box6 .list2 li a {
    display: inline-block;
    width: 100%;
}

.box6 .list2 li .time {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    /* float: left; */
    /*width:48%;*/
    background: #BF0A0A;
    border-radius: 4px;
    float: left;
    text-align: center;
}

.box6 .list2 li h2 {
    font-size: 0.9rem;
    color: #fff;
    margin: 1.25rem 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    font-weight: bold;
}

.box6 .list2 li .txt {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    /* float: left; */
    /*width:48%;*/
    width: 23.25rem;
    float: right;
}

.box6 .list2 li h3 {
    font-size: 16px;
    color: #333333;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    font-weight: bold;
}

.box6 .list2 li h4 {
    font-size: 14px;
    color: #3c3c3c;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    transition: .4s;
    line-height: 1.8;
}

.box6 .list2 li:last-child {
    border: none;
}



/* ã€ å‹æƒ…é“¾æŽ¥ 1 ã€‘ */
.f_link1 {
    color: #333333;
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
}

.f_link1 a {
    color: #333333;
}

.f_link1 a+a {
    margin-left: 6px;
}



/* ã€ é¡µè„š ã€‘ */
.footer {
    text-align: left;
    background-color: #1B2D38;
    padding-top: 60px;
    color: #fff;
    clear: both;
    /* background: url(  ) no-repeat center top; */
    /* background-size: cover; */
}

.footer .fBg {
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    /* background: url(  ) no-repeat center top; */
}

.footer>.wh {
    /* display: table; */
}

/* ã€ Logo ã€‘ */
.footer .logoF {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.footer .logoF h2 {
    margin: 21px 0 0 0;
    padding: 0 0 0 0;
}

.footer .logoF p {
    font-size: 14px;
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 210%;
}

/* ã€è”ç³»æˆ‘ä»¬ ã€‘ */
.footer .contactUs {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.footer .contactUs h2 {
    font-size: 16px;
    font-weight: bold;
}

.footer .contactUs h3 {
    font-size: 14px;
    line-height: 247%;
    margin-top: 15px;
}

/* ã€ ç”µè¯ ã€‘ */
.footer .endPhone {
    font-size: 20px;
    padding: 0 0 0 0;
    font-weight: bold;
    /* background: url(../images/main/endPhone1.png) no-repeat top left; */
}

/* ã€ å¯¼èˆª ã€‘ (1è¡Œ) */
.footer .fNav {
    text-align: center;
    margin: 0 0 0 84px;
    padding: 0 0 0 0;
    width: 605px;
}

.footer .fNav h2 {
    font-size: 24px;
    color: #d5d5d5;
    margin: 0 0 0 0;
    padding: 0 0 18px 0;
    background: url(../images/21/06/8d821b800b68ad60285321c2bb016f4d4f404292.png ) no-repeat bottom left;
    text-align: left;
}

.footer .fNav span {
    display: inline-block;
    margin: 0 20px;
}

.footer .fNav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .fNav a {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    width: calc(100% / 4 - 0px);
    text-align: left;
    margin: 43px 0 0 0;
    padding: 0 0 0 0;
}

/* .footer .fNav a:hover{color: #F2BE00;} */
.footer .fNav span:last-child {
    display: none;
}

/* .footer .fNav a:nth-child(1){display: none;}
.footer .fNav span:nth-child(2){display: none;} */
/* ã€ äºŒç»´ç  ã€‘ */
.qrcode {
    font-size: 12px;
    /* color: #fff; */
    margin: 0 27px 0 0;
    padding: 0 0 0 0;
}

.qrcode h2 {
    font-size: 24px;
    color: #d5d5d5;
    margin: 0 0 22px 0;
    padding: 0 0 18px 0;
    background: url(../images/21/06/8d821b800b68ad60285321c2bb016f4d4f404292.png ) no-repeat bottom left;
    text-align: left;
}

/* æ–‡å­— */
.qrcode .txt_Left {
    float: left;
    margin-right: 5px;
    margin-top: 10px;
    /* background: url(../images/main/qrcode_pic1.png) no-repeat center top; */
    padding-top: 20px;
}

.qrcode .txt_Left {
    width: 14px;
    line-height: 14px;
}

/* æ–‡å­— ç«–æŽ’ */
.qrcode .txt_bottom {
    clear: both;
    text-align: center;
    margin-top: 10px;
    font-family: å®‹ä½“;
}

/* åº•éƒ¨ æ–‡å­— */
/* å›¾ç‰‡ */
.qrcode .code1 {
    width: 150px;
    /*ä¿®æ”¹ï¼š2å¤„*/
    overflow: hidden;
    float: left;
}

/*  å¤§å° */
.qrcode .code1 img {
    height: 150px;
    /* border:1px #e6e6e6 solid; */
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*  è¾¹æ¡† */
.qrcode .code1+.code1 {
    margin-left: 30px;
}

/* ã€ æ‰€æœ‰ç‰ˆæƒ ã€‘ */
.copyright {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    /* border-top: 1px solid #e6e6e6; */
    padding: 10px 0;
    /* margin-top: 20px; */
    clear: both;
    background-color: #1B2D38;
    letter-spacing: 1px;
}

.copyright a {
    color: #fff;
}

.copyright .group2 {
    clear: both;
    width: 100%;
}

.copyright .group3 {
    clear: both;
}

/* çƒ­æŽ¨ä¿¡æ¯ (seo ä¼˜åŒ–) */
/* .endHotMessage{font-size: 12px;color: #fff;margin: 0 0 0 0;padding:0 0 0 0;}
.endHotMessage a{color: #fff;} */
/* ======== é¡µè„š New ========= */
.footer {}


/* ã€ è‡ªé€‚åº” ã€‘*/
@media (max-width: 1440px) {}

@media (max-width: 1024px) {}

@media (max-width: 768px) {
    body {
        padding-top: 60px !important;
    }

    /* å“åº”å¼ å¤´éƒ¨ å¯¼èˆª é«˜åº¦ */
}

@media (max-width: 475px) {}


/* æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯•ä¸‰äºŒä¸€  Main  ä¸€äºŒä¸‰æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯•æµ‹è¯• */