@charset "UTF-8";
/********************** CSS base doc **********************/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

html,
body {
    height: 100%;
}

a {
    color: #666666;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
    -webkit-outline: none;
}

input,
textarea {
    outline: none;
}

a:link,
a:visited {
    text-decoration: none;
}

body {
    max-width: 1920px;
    min-width: 1200px;
    line-height: 1;
    font-size: 12px;
    color: #666;
    font-family: "Microsoft YaHei"
}

ol,
ul {
    list-style: none;
}

input[type=button],
input[type=submit],
input[type=search],
button {
    *overflow: visible;
    outline: none;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    font-family: "Microsoft YaHei";
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

input[type=text],
input[type=password],
input[type=date] {
    font-size: 12px;
    border: 1px solid #DDDDDD;
    height: 48px;
    text-indent: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -webkit-appearance: none;
    font-family: "Microsoft YaHei";
    color: #666666;
}

button,
select {
    text-transform: none;
}

a img,
img {
    -ms-interpolation-mode: bicubic;
}

table tr th {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: normal;
}

select {
    /*清除select默认样式*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    /*width: 150px;*/
    /*自定义箭头的样式，记得背景一定要加 白色或其他*/
    background: url(../img/02.jpg) no-repeat scroll right center #fff;
    /*ie下,原默认的箭头样式还是会显示，所以这里把自定义的样式给去除了*/
    background: #fff\9;
    color: #666;
    padding-left: 8px;
    outline: none;
}

table tbody tr:nth-child(odd) th {
    background-color: white;
    color: #333333;
}

table tbody tr:nth-child(even) th {
    background-color: #F5F5F5;
    color: #333333;
}

table thead tr {
    color: #999999;
}

textarea {
    resize: none;
    font-size: 12px;
    color: #333333;
}

input {
    font-size: 12px;
}

select {
    font-size: 12px;
}
/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/

@keyframes lefteaseinAnimate {
    0% {
        transform: translateX(-2000px);
        opacity: 0;
    }
    /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100% {
        transform: translateX(-285px);
        opacity: 1;
    }
    /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}

@-webkit-keyframes lefteaseinAnimate {
    0% {
        -webkit-transform: translateX(-2000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-o-keyframes lefteaseinAnimate {
    0% {
        -webkit-transform: translateX(-2000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-ms-keyframes lefteaseinAnimate {
    0% {
        -webkit-transform: translateX(-2000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes lefteaseinAnimate {
    0% {
        -webkit-transform: translateX(-2000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/

@keyframes righteaseinAnimate {
    0% {
        transform: translateX(2000px);
        opacity: 0;
    }
    /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
    /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}

@-webkit-keyframes righteaseinAnimate {
    0% {
        -webkit-transform: translateX(2000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-o-keyframes righteaseinAnimate {
    0% {
        -webkit-transform: translateX(2000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-ms-keyframes righteaseinAnimate {
    0% {
        -webkit-transform: translateX(2000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes righteaseinAnimate {
    0% {
        -webkit-transform: translateX(2000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

/*自定义样式*/
body{background:#322e2d }
.banner{width:100%; height: 1074px; background:url('../images/banner_01.jpg') no-repeat center;position: relative}
.nav{width:1200px;  margin: auto; display: flex; justify-content: space-between; height: 90px}
.nav_single{color:#ffffff; font-size: 18px; line-height: 85px; border-bottom:1px solid #fff;width:200px; text-align: center; cursor: pointer; display: block}
.nav_single:hover{border-bottom: 4px solid #da2929}
/*.jiantou{*/
    /*width:60px;*/
    /*position: absolute;*/
    /*bottom: 60px;*/
    /*text-align: center;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*color:#fff;*/
    /*cursor: pointer;*/
    /*animation: ghostUpdown 1s infinite alternate;*/
    /*-webkit-animation: ghostUpdown 1s infinite alternate;*/
/*}*/
.jiantou{
    text-align: center;
    width: 60px;
    margin:  auto;
    position: relative;
    animation: ghostUpdown 1s infinite alternate;
    -webkit-animation: ghostUpdown 1s infinite alternate;
    top: 750px;
}
.jiantou p{ margin-top: 10px; color:#fff;}
@keyframes ghostUpdown {
    from {
        margin-top: 100px;
    }
    to {
        margin-top: 80px;
    }
}
@-webkit-keyframes ghostUpdown {
    from {
        margin-top: 100px;
    }
    to {
        margin-top: 80px;
    }
}


.about{width:1200px; height: 462px; margin: auto; margin-top: 57px}
.who{font-size: 35px;color:#ffffff}
.red_line{width:31px;height: 2px; background: #d7000f;margin-top: 15px}
.tt{font-size:23px; color:#fff; margin-top: 15px}
.about_content{width:100%; display: flex; justify-content: space-between; margin-top: 20px}
.about_text{font-size: 16px; color:#fff; width:666px; line-height: 35px; text-indent: 32px; text-align: justify}
.about_img{width: 492px;}
.about_img img{width:100%}
.anli{max-width: 1886px;  display: flex; margin-top: 106px}
.anli_nav{width:164px; margin-left: 28px; float: left}
.anli_nav_single{font-size: 23px; color:#fff;  width:164px; line-height: 54px; text-align: center; margin-top: 48px; cursor: pointer}
.anli_nav_check{font-size: 23px; color:#fff;  width:164px; line-height: 54px; text-align: center; margin-top: 48px;background: #da2929; cursor: pointer}
.anli_ctr{ float: left;padding-left: 17px;border-left: 1px solid #595656; margin-left: 35px; padding-bottom:47px}
.clear{clear: both; }
.anli_pic{width:395px; border:1px solid #fff; float:left; margin-left: 13px; margin-top: 13px; height: 239px; position: relative; cursor: pointer; display: block}
.anli_pic:hover{border-color: #da2929;}
.anli_pic img{width:100%; height: 100%}
.anli_tt{ line-height: 51px; border-bottom: 1px solid #fff; border-top:1px solid #fff;font-size: 23px;color:#fff; }
.container{width:100%;  background:rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center;height: 0px; overflow: hidden}
.kmjcus{display: none}
.footer{width:100%; height: 50px; background: #272323; font-size: 15px; color:#999999; line-height: 50px; text-align: center; margin-top: 113px; }
.header{width:100%; background: #272323; height:78px}
.nav1{width:1200px;  margin: auto; display: flex; justify-content: space-between; height: 58px}
.nav_single1{color:#ffffff; font-size: 18px; line-height: 58px; border-bottom:1px solid #fff;width:200px; text-align: center; cursor: pointer; display: block}
.nav_single1 a:hover{color:#fff !important;}
.nav_single1:hover{border-bottom: 4px solid #da2929}
.contact_main{width:1200px; margin: auto}
.contact_form{width:556px; margin: auto}
.swhz{font-size: 22px; color:#ffffff;text-align: center; padding-top: 90px}
.swhz_ipt{width:100%; background: #fff; height: 55px; border: none;padding-left: 18px; font-size: 16px}
.tj_btn{width:541px; margin: auto; background: #dd0000; border-radius: 8px; margin: auto; font-size: 18px;color:#fff;line-height: 54px; text-align: center; margin-top: 20px}
.smzgsjzg{width:100%; margin-top: 67px}
.cmc{width:96px; float: left}
.cmc img{width:100%}
.smgsj{ font-size: 28px; color:#fff; float: left; line-height: 28px}
.nbzs{width:278px;float:left}
.poix{font-size: 18px; color:#dd0000}
.uioy{font-size: 17px; color:#fff; margin-top: 12px}
.hsuy{width:182px; float: right;}
.bnhg{width:32px; height:1px;background: #fff;margin-top: 14px}
.mjkh{font-size:23px; margin-top: 17px; color:#fff}
.kloj{width:100%; margin-top: 45px;  display: flex; justify-content: space-between}
.kjuha{width:213px; background: rgba(255,255,255,0.3); padding-bottom: 15px;height:fit-content}
.kj_single{width:100%; border-left: 2px solid #dd0000; color:#dd0000; text-align: center; font-size: 20px; line-height: 40px; margin-top: 15px }
.kj_single1{width:100%; color:#fff; text-align: center; font-size: 20px; line-height: 40px; margin-top: 15px }
.nmhg{width:954px; display: flex; justify-content: space-between}
.team_pic{width:341px;}
.team_pic img{width:100%}
.intro{width:586px; color:#fff}
.name{font-size: 18px; color:#fff; margin-top: 16px}
.name span{font-size: 23px}
.bvcx{ font-size: 17px; margin-top: 14px}
.lopk{ font-size: 17px; font-weight: bold}
.info{ font-size: 17px; margin-top: 16px; line-height: 39px; text-align: justify}
.opics{width:928px; float:right}
.kloj1{width:100%; margin-top: 45px;}
.kjuha1{width:213px; background: rgba(255,255,255,0.3); padding-bottom: 15px;height:fit-content; float: left}
.op_single{width:698px; display: flex; justify-content: space-between; margin-top: 97px}
.team_pic1{width:266px;}
.team_pic1 img{width:266px;}
.intro1{ color:#fff; width: 260px; margin-top:20px;}
.case_box{max-width:1640px; margin: auto; margin-top: 20px}
.poisax{width:1620px; background: #771e21; height: 226px; margin: auto; margin-top: 78px;}
.nic{height: 100%; font-size: 25px; line-height: 228px; color:#fff; float:left; margin-left: 45px}
.jsa{height: 100%;; float:left; margin-left:40px}
.jsa p{ font-size: 16px; margin-top: 15px; color:#fff}
.jushyt{width:100%; height: 100%; position: absolute; background: rgba(0,0,0,0.5); top:0 ;left: 0; display: none}
.huadong{width:1203px;height: 564px; position: fixed;left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 999;
    top:25%;
   display: none;
    }
.psoajkspo{width:1000px; position: relative; margin: auto}
.swiper-container1{
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    margin: auto;
}
.swiper-button-prev1{
    background-image: url(../images/jiantou1_06.png);
    left: -70px;
    right: auto;
    position: absolute;
    top: 50%;
    width: 67px;
    height: 97px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9999;
}
.swiper-button-next1{
    background-image: url(../images/jiantou2_09.png);
    right: -70px;
    left: auto;
    position: absolute;
    top: 50%;
    width: 67px;
    height: 97px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9999;
}
.posissa{
    width:100%;
    line-height: 52px;
    text-align: center;
    font-size: 23px;
    color:#fff;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom:0;
    left: 0;
}
.qoiwiouas{width:277px; height: 260px; margin-left: 30px; float: left; position: relative; display: block;
    cursor: pointer;}
.qoiwiouas img{width:100%; height: 100%}
.aasiosis{width:100%; margin-top: 69px}
.alsknoia{font-size: 15px; line-height: 21px; color:#fff; margin-top: 15px}
.lkaiiujj{font-size: 14px; margin-top: 15px; color:#fff}
.anli_tt1{ line-height: 51px; border-bottom: 1px solid #fff; font-size: 23px;color:#fff; margin-left: 30px}
.alkjsnkajsk{ position: relative; width:28px; height: 28px; top: 50px; left: -57px}
.alsknckajs-q{width:1200px; margin: auto; height: 98px; border-bottom: 2px solid #fff; font-size: 14px; line-height: 98px;color:#fff}
.akjhbaj-a{width:1200px; margin: auto}
.alshniosa-o{font-size: 20px; color:#fff; margin-top: 40px}
.poajssn-i{ font-size: 16px; color:#fff; margin-top: 14px}
.alkjsoais-cont{width:1200px; font-size: 14px; line-height: 28.5px; color:#fff; margin: auto; margin-top: 22px}
.alsjkhnasibn{ display: flex; justify-content: space-between; width:1200px; margin: auto; margin-top: 60px}
.qoiwwhs{color:#ffff; font-size: 16px}