@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

@media all and (max-width:1440px){
body { min-width:inherit;}
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#B39161;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1400px; margin:0 auto}

@media all and (max-width:1440px){
.w100 { width:1100px;}
}
@media all and (max-width:1100px){
.w100 { width:90%; max-width:750px}
}



header { position:fixed; left:0; top:0; height:102px; right:0; background:#193A33; z-index:888}
header .logos { padding-top:20px; float:left; padding-left:2.5%; padding-right:60px}
header nav { float:left}
header nav ul li { float:left; padding-right:50px; padding-top:35px; position:relative;height:67px}
header nav ul li a { display:block; font-size:16px; line-height:40px; color:#fff}
header nav ul li.nav_on a { border-bottom:2px #fff solid}

header nav ul li h3 { position:absolute; left:-15px; right:0px; top:102px; background:#193A33; display:none}
header nav ul li h3 a { display:block; border-bottom:1px #112622 solid; font-size:14px; text-align:left; padding-left:15px}
header nav ul li h3 a:hover { background:#112622; color:#fff}
header nav ul li.nav_on h3 a { border-bottom:1px #112622 solid}
header nav ul li:hover h3 { display:block}

header .header_r { float:right; padding-right:2.5%; padding-top:35px;  width:320px}
header .header_r ul {display:flex;align-items: center;}
header .header_r ul li {margin-right:27px;}
header .header_r ul li img{
    width: 26px;
     z-index: 11;
    position: relative;
    margin-left: -30px;
        margin-top: 5px;
}
header .header_r ul li input{
    width: 200px;
    height: 32px;
    float: left;
    border-radius: 5px;
    padding-left: 10px;
}
header .header_r form { display:block; float:left; background:#fff; position:relative; width: 200px; height: 32px; border-radius: 5px; overflow:hidden}
header .header_r form .inp1d { display:block; padding:0 10px; line-height:32px; width:170px}
header .header_r form .inp2 { position:absolute; right:0; top:0; height:100%; width:40px; z-index:444; cursor:pointer; opacity:0}
header .header_r form i { position:absolute; right:0; top:0; height:100%; width:40px; z-index:33; clear:#888; text-align:center; line-height:32px}
header .header_r form i.o2 { display:none}

header .header_r h3 { height:32px; line-height:32px; width:98px; background:#0F9884; overflow:hidden; border-radius:5px; float:right}
header .header_r h3 a { display:block; float:left; width:50%; text-align:center; color:#fff}
header .header_r h3 a.on { color:#0F9884; background:#fff}
header .header_r h3 a:hover{
    background:#193A33;
    color: #fff;
}
header .header_r h3 a.on:hover { color:#0F9884; background:#fff}
.head_r2 { display:none}
header .header_r i.o2{display:none}
@media all and (max-width:1100px){
header { height:60px;}
header .logos { padding-top:10px; padding-left:20px; padding-right:0}
header .logos img { display:block; height:40px; width:auto}

header .header_r { padding-right:20px; padding-top:15px; width:120px; position:relative}
header .header_r h3 { height:30px; line-height:30px; width:80px;}


.head_r2 { display:block; line-height:60px; float:right; color:#fff; padding-right:20px}
.head_r2 i { font-size:18px}

header nav { position:absolute; left:0; top:60px; right:0; background:#193A33; display:none}
header nav ul li { padding:10px 20px; float:none; line-height:30px; border-top:1px #111 solid;height:auto}
header nav ul li a { font-size:14px; height:30px; color:#fff;}
header nav ul li.nav_on { border-left:2px #fff solid}
header nav ul li.nav_on a { color:#fff; border-bottom:0 none}

header .header_r form { position:absolute; top:70px; left:-80px; display:none}
header .header_r i.o2 { display:block; color:#fff; font-size:18px; line-height:30px; float:left}

header nav ul li:hover h3 { display:none}
}

.banner { position:relative; overflow:hidden; margin-top:102px;}
.banner .bd { position:relative; z-index:111;}
.banner .bd ul li img { display:block; width:100%}
.banner .hd { position:absolute; left:0; bottom:20px; right:0; text-align:center; z-index:333}
.banner .hd ul li { display:inline-block; padding:0 10px}
.banner .hd ul li i { display:block; color:#333; cursor:pointer;}
.banner .hd ul li.on i { color:#0F9884}

.banner .prev { position:absolute; left:2.5%; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:333}
.banner .next { position:absolute; right:2.5%; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:334}
.banner .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.banner .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.banner .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
.banner .next i:hover { background:rgba(0,0,0,0.7); color:#fff}




.index_1 { padding:80px 0; background:#f5f5f5}
.index_1 h2 { font-size:36px; line-height:36px; text-align:center}
.index_1 h1 { font-size:16px; text-align:center; line-height:34px; font-weight:normal; color:#888; padding-top:20px; padding-bottom:50px}
.index_1 .bd { position:relative; width:1400px; margin:0 auto}
.index_1 .bd ul li { float:left; width:25%}
.index_1 .bd ul li a { display:block; width:326px; margin:0 auto; height:440px; position:relative; background:#fff}
.index_1 .bd ul li img { display:block; width:100%}
.index_1 .bd ul li h3 { text-align:center; font-size:16px; font-weight:bold; line-height:30px; padding-bottom:15px}
.index_1 .bd ul li h4 { background:#0F9884; color:#fff; line-height:32px; text-align:center; width:90px; margin:0 auto}
.index_1 .bd ul li i { position:absolute; right:0; top:0; background:url(../images/index_ico0.png); width:53px; height:47px; z-index:555}
.index_1 .bd ul li i.i2 { background:url(../images/index_ico00.png); }

.index_1 ul li p { position:absolute; left:0; top:0; right:0; z-index:44; display:none}
.index_1 ul li p img { display:block; width:100%; position:absolute; left:0; top:0;}
.index_1 .bd ul li a:hover p { display:block}
.index_1 ul li p img:nth-child(1) { animation: moveAndColor1 2s infinite ;}
.index_1 ul li p img:nth-child(2) { animation: moveAndColor2 2s infinite ;}
.index_1 ul li p img:nth-child(3) { animation: moveAndColor3 2s infinite ;}
.index_1 ul li p img:nth-child(4) { animation: moveAndColor4 2s infinite ;}

.index_1.product { padding:60px 0; background:#f5f5f5}
.index_1.product .bd ul li { padding-bottom:15px}
.index_1.product .bd ul li a { height:380px;}




@keyframes moveAndColor1 {
  0%   { display:block}
  25%  { display:none}
  50% { display:none}
  75%  { display:none}
  99%   { display:block}
}
@keyframes moveAndColor2 {
  0%   { display:none}
  25%  { display:block}
  50% { display:none}
  75%  { display:none}
  99%   { display:none}
}
@keyframes moveAndColor3 {
  0%   { display:none}
  25%  { display:none}
  50% { display:block}
  75%  { display:none}
  99%   { display:none}
}
@keyframes moveAndColor4 {
  0%   { display:none}
  25%  { display:none}
  50% { display:none}
  75%  { display:block}
  99%   { display:none}
}


.index_1 .prev { position:absolute; left:-70px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:333}
.index_1 .next { position:absolute; right:-70px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:334}
.index_1 .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.index_1 .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.index_1 .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
.index_1 .next i:hover { background:rgba(0,0,0,0.7); color:#fff}
.index_1 h2:hover{
    color: #B39161;
}
@media all and (max-width:1440px){
.index_1 h2 { font-size:30px;}

.index_1 h1 { font-size:14px; line-height:24px; padding-bottom:40px}
.index_1 .bd { position:relative; width:1080px; margin:0 auto}
.index_1 .bd ul li a { width:255px; height:380px;}
}


@media all and (max-width:1100px){
.index_1 { padding:30px 0; overflow:hidden}
.index_1 h2 { font-size:24px;}
.index_1 h1 { padding:15px 20px 30px 20px}

.index_1 .bd { width:90%;}
.index_1 .bd ul li { width:50%}
.index_1 .bd ul li a { width:95%; height:auto; padding-bottom:30px;}


.index_1 .prev { left:-10px; width:40px; height:40px; top:50%; margin-top:-20px;}
.index_1 .next { right:-10px; width:40px; height:40px; top:50%; margin-top:-20px;}
.index_1 .prev i { line-height:40px; font-size:18px}
.index_1 .next i { line-height:40px; font-size:18px}

.index_1.product { padding:30px 0; background:#f5f5f5}
.index_1.product .bd ul li { padding-bottom:15px}
.index_1.product .bd ul li a { height:auto; padding-bottom:10px}
}



.index_2 { overflow:hidden}
.index_2 ul li { float:left; width:50%; position:relative; overflow:hidden}
.index_2 ul li img { display:block; width:100%; position:relative; z-index:11; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_2 ul li .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
      z-index: 21;
}
.index_2 ul li h2 { position:absolute; left:0; width:100%; text-align:center; color:#fff; font-size:36px; top:50%; margin-top:-60px; z-index:22}
.index_2 ul li h3 { position:absolute; left:0; width:100%; text-align:center; color:#fff; font-size:14px; top:50%; margin-top:-20px; z-index:23}
.index_2 ul li h4 { position:absolute; left:50%; margin-left:-46px; top:50%; color:#fff; line-height:32px; text-align:center; width:90px; border:1px #fff solid; z-index:24; margin-top:30px}

@media all and (max-width:1440px){
.index_2 ul li h2 { font-size:30px;}
}

@media all and (max-width:1000px){
.index_2 ul li h2 { font-size:24px}

}
@media all and (max-width:640px){
.index_2 ul li { float:none; width:100%;}
}

.index_2 ul li a:hover img { transform:scale(1.05)}

.index_3 { background:#B39161; overflow:hidden}
.index_3 .index_video1 { float:left; width:50%}
.index_3 .index_video1 video { display:block; width:100%}

.index_3 .index_pp { float:right; width:50%; padding-top:25px}
.index_3 .index_pp img { display:block; margin:0 auto; padding-bottom:30px; max-width:40%}
.index_3 .index_pp h3 { font-size:16px; text-align:center; line-height:34px; font-weight:normal; color:#fff; padding-bottom:30px}
.index_3 .index_pp ul { width:800px; margin:0 auto}
.index_3 .index_pp ul li { float:left; width:25%}
.index_3 .index_pp ul li img { padding-bottom:10px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_3 .index_pp ul li h4 { text-align:center; font-size:16px; color:#fff; line-height:40px}
.index_3 .index_pp ul li h5 { text-align:center; font-size:12px; line-height:20px; color:#fff; opacity:0.7}

.index_3 .index_pp ul li:hover img { transform:rotateY(180deg);}


@media all and (max-width:1440px){
.index_3 .index_pp h3 { font-size:14px; line-height:26px; padding-bottom:20px}
.index_3 .index_pp ul li h5 { display:none}
.index_3 .index_pp ul { width:600px; margin:0 auto}
}

@media all and (max-width:1000px){
.index_3 { padding:30px 0}
.index_3 .index_video1 { float:none; width:80%; margin:0 auto}
.index_3 .index_pp { float:none; width:auto; padding:30px 20px 0 20px}
.index_3 .index_pp ul { width:95%}
.index_3 .index_pp ul li img { padding-bottom:0}
.index_3 .index_pp ul li h4 { font-size:14px; line-height:30px}
}

.index_4 { padding:80px 0; background:#f5f5f5}
.index_4 .bd { width:1440px; margin:0 auto}
.index_4 .bd ul li { float:left; width:480px;}
.index_4 .bd ul li a { display:block; width:440px; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_4 .bd ul li img { display:block; width:100%}
.index_4 .bd ul li h3 { text-align:center; font-size:16px; padding:30px 0 10px 0}
.index_4 .bd ul li h3 b { display:block; font-size:24px; line-height:24px; padding-bottom:10px}
.index_4 .bd ul li h4 { font-size:16px; text-align:center; line-height:34px; font-weight:normal; color:#888; padding-bottom:30px}
.index_4 .bd ul li a:hover { background:#fff; box-shadow:5px 5px 5px #eee}


@media all and (max-width:1440px){
.index_4 .bd { width:1080px}
.index_4 .bd ul li { width:360px;}
.index_4 .bd ul li a { width:340px;}

}

@media all and (max-width:1000px){
.index_4 { padding:30px 0;}
.index_4 .bd { width:90%}
.index_4 .bd ul li { width:auto; float:none; padding-bottom:20px}
.index_4 .bd ul li a { width:auto; overflow:hidden}
.index_4 .bd ul li img { display:block; float:left; margin-right:30px; width:300px}
.index_4 .bd ul li h3 { text-align:left}
.index_4 .bd ul li h3 b { font-size:18px;}
.index_4 .bd ul li h4 { text-align:left; height:auto; padding-bottom:0}
}

@media all and (max-width:440px){
.index_4 .bd ul li img { float:none; margin:0 auto}
.index_4 .bd ul li h3 { text-align:center}
.index_4 .bd ul li h4 { text-align:center}
}



.index_5 { overflow:hidden}
.index_5 video { display:block; width:100%}



.index_6 { padding:80px 0; background:#f5f5f5}
.index_6 .bd { width:1440px; margin:0 auto}
.index_6 .bd img { display:block; float:left; margin-right:50px;width:50%}
.index_6 .bd h1 { font-size:24px; line-height:40px; padding-bottom:10px}
.index_6 .bd h1:hover{
    color: #B39161;
}
.index_6 .bd h3 { font-size:18px; line-height:50px}
.index_6 .bd h3:hover{
    color: #B39161;
}
.index_6 .bd p { font-size:16px; line-height:34px; font-weight:normal; color:#888; padding-bottom:20px}


@media all and (max-width:1440px){
.index_6 .bd { width:1080px}
.index_6 .bd img { width:500px; margin:40px 50px 10px 0}
.index_6 .bd p { font-size:14px; line-height:26px; padding-bottom:15px}
}

@media all and (max-width:1000px){
.index_6 { padding:30px 0;}
.index_6 .bd { width:90%}
.index_6 .bd img { max-width:500px; width:90%; margin:0 auto; float:none; padding-bottom:20px}
}

.index_7 { overflow:hidden}
.index_4 h2{
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    padding-bottom: 50px;
}
.index_7 h2{
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    padding:50px;
}
.index_7 ul li { float:left; width:20%; position:relative; overflow:hidden;height:450px}
.index_7 ul li a { display:block; overflow:hidden}
.index_7 ul li img { display:block; width:100%; position:relative; z-index:11; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_7 ul li h3 { position:absolute; left:0; width:100%; text-align:center; color:#fff; line-height:40px; background:rgba(0,0,0,0.7); font-size:16px; bottom:-40px; z-index:23; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

.index_7 ul li a:hover img { transform:scale(1.05)}
.index_7 ul li a:hover h3 { bottom:0}


@media all and (max-width:1000px){
.index_7 ul li { width:33.3%;}
.index_7 ul li h3 { display:none}
.index_7 ul li:nth-child(10) { display:none}
}


.index_8 { padding:80px 0; background:#f5f5f5}
.index_8 .bd { width:1440px; margin:0 auto}
.index_8 h2 { font-size:36px; line-height:36px; text-align:center; padding-bottom:50px}

.index_8 .index_lx1 { float:left; width:700px; height:400px; background:#fff; box-shadow:0 0 5px #eee; padding-top:10px}
.index_8 .index_lx2 { float:right; width:700px; height:400px; background:#fff; box-shadow:0 0 5px #eee; padding-top:10px}

.index_8 .index_lx1 ul li { padding:20px 30px 0 50px}
.index_8 .index_lx1 ul li h3 { font-size:18px; line-height:30px}
.index_8 .index_lx1 ul li h4 { font-size:16px; padding-top:10px; color:#888}
.index_8 .index_lx1 ul li i { font-size:24px; display:block; float:left; line-height:30px; padding-right:15px}

.index_8 .index_lx2 h3 { font-size:24px; padding:20px 0 20px 50px}
.index_8 .index_lx2 .inp1 { background:#f5f5f5; border-bottom:1px #ddd solid; display:block; width:570px; margin:0 auto; line-height:34px; margin-bottom:20px; padding:0 15px;font-family: 微软雅黑, MicrosoftYaHei, "Microsoft YaHei", Arial;font-size: 14px;}
.index_8 .index_lx2 .inp2 { background:#f5f5f5; display:block; width:570px; margin:0 auto; height:80px; margin-bottom:20px; padding:5px 15px;font-family: 微软雅黑, MicrosoftYaHei, "Microsoft YaHei", Arial;font-size: 14px;}
.index_8 .index_lx2 .inp3 { background:#193a33; border-bottom:0 none; cursor:pointer; display:block; width:600px; margin:0 auto; line-height:34px; color:#fff; font-size:16px}


@media all and (max-width:1440px){
.index_8 .bd { width:1080px}
.index_8 h2 { font-size:30px; padding-bottom:40px}

.index_8 .index_lx1 { width:530px;}
.index_8 .index_lx2 { width:530px;}
.index_8 .index_lx2 .inp1 { width:400px;}
.index_8 .index_lx2 .inp2 { width:400px;}
.index_8 .index_lx2 .inp3 { width:430px;}

}
@media all and (max-width:1000px){
.index_8 { padding:30px 0}
.index_8 .bd { width:90%}
.index_8 h2 { font-size:24px; padding-bottom:30px}

.index_8 .index_lx1 { float:none; width:auto; height:auto; background:#fff; box-shadow:0 0 5px #eee; padding:10px 0 20px 0; margin-bottom:20px}
.index_8 .index_lx2 { float:none; width:auto; height:auto; background:#fff; box-shadow:0 0 5px #eee; padding:10px 0 20px 0}

.index_8 .index_lx1 ul li { padding:10px 20px 0 20px}

.index_8 .index_lx2 h3 { font-size:18px; padding:20px 0 20px 20px}
.index_8 .index_lx2 .inp1 { width:80%;}
.index_8 .index_lx2 .inp2 { width:80%;}
.index_8 .index_lx2 .inp3 { width:80%;}

}

footer { height:130px; background:#193A33; z-index:888}
footer .foot_l { padding-top:20px; float:left; padding-left:2.5%; padding-right:60px}
footer .foot_l img { display:block; height:60px}
footer .foot_r { padding-top:33px; float:right; padding-right:2.5%}
footer .foot_r h3 { float:left; line-height:35px; color:#fff}
footer .foot_r ul { float:left;}
footer .foot_r ul li { float:left; padding:0 10px; position:relative}
footer .foot_r ul li .erweima { position:absolute; left:-70px; top:-160px; width:150px; height:150px; display:none}
footer .foot_r ul li:hover .erweima { display:block}
footer a { color:#ddd}



@media all and (max-width:1000px){
footer { height:auto; padding:20px 0; overflow:hidden}
footer .foot_l { padding-top:0px; float:none; padding-left:0; padding-right:0px}
footer .foot_l img { display:block; height:60px; margin:0 auto}

footer .foot_r { padding-top:20px; float:none; padding-right:0}
footer .foot_r h3 { float:none; line-height:32px; color:#fff; display:block; text-align:center}
footer .foot_r ul { float:none; text-align:center;}
footer .foot_r ul li { float:none; display:inline; padding:0 10px}

}
.foot_c{
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.banner_a { position:relative; margin-top:102px}
.banner_a img { position:relative; z-index:2; display:block; width:100%}
.banner_a h2 { font-size:36px; line-height:36px; color:#fff; left:10%; top:50%; position:absolute; z-index:22; margin-top:-18px}

.lanmu { height:56px; border-bottom:1px #ddd solid}
.lanmu ul { width:1400px; margin:0 auto}
.lanmu ul li { float:left; font-size:16px; line-height:56px}
.lanmu ul li a { display:block; padding:0 30px; cursor:pointer}
.lanmu ul li a.on { border-bottom:2px #193a33  solid; line-height:54px;color:#193a33;}


@media all and (max-width:1440px){
.banner_a h2 { font-size:30px;}
.lanmu ul { width:1100px; margin:0 auto}
}

@media all and (max-width:1000px){
.banner_a { margin-top:60px}
.banner_a h2 { font-size:24px;}
.lanmu { height:auto; border-bottom:0 none; background:#f5f5f5; overflow:hidden}
.lanmu ul { width:100%; background:#f5f5f5}
.lanmu ul li { float:left; font-size:14px; line-height:36px}
.lanmu ul li a { background:#f5f5f5; padding:0 15px}
.lanmu ul li a.on { border-bottom:0 none; line-height:36px; background:#193A33; color:#fff}
}

@media all and (max-width:1100px){
.banner { margin-top:60px;}
.banner_a { margin-top:60px;}
}

.brand_1 { clear:both; width:1400px; margin:0 auto; padding:60px 0; overflow:hidden}
.brand_1 img { display:block; float:left; margin-right:50px}
.brand_1 h1 { font-size:24px; line-height:50px; padding-top:100px; padding-bottom:20px; color:#193A33}
.brand_1 .brand_text1 { font-size:16px; line-height:34px; font-weight:normal; color:#888;}
.brand_1 .brand_text1 p { padding-bottom:20px}


@media all and (max-width:1440px){
.brand_1 { width:1100px; padding:40px 0;}
.brand_1 img { width:500px}
.brand_1 h1 { padding-top:50px;}
}

@media all and (max-width:1000px){
.brand_1 { width:90%; padding:30px 0;}
.brand_1 img { width:90%; margin:0 auto; max-width:500px; float:none}
.brand_1 h1 { padding-top:30px; padding-bottom:10px}
}


.brand_2 { clear:both; margin:0 auto; padding:60px 0 300px; overflow:hidden;}
.brand_2 h2 { font-size:24px; line-height:30px; padding-bottom:30px; color:#193A33; text-align:center}
.brand_2 img { display:block; width:100%;padding: 180px 0 0 0;}
.brand_2 .ys{
    position:absolute;
    width: 85%;
    margin: auto;
    z-index: -1;
}
.brand_2 .top ul li::before{
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background:#193933;
    border-radius: 50%;
    position: relative;
    top: 0;
    left: -24px;
}
.brand_2 .bom ul li::before{
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background:#193933;
    border-radius: 50%;
    position: relative;
    top: 0;
    left: -24px;
}
.brand_2 .top{
    left: 8%;
}
.brand_2 .top ul li{
    height: 454px;
   
}
.brand_2 .bom{
    left: 13%;
     margin-top: -240px;
}
.brand_2 .bom li{
    height: 460px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.brand_2 .top ul li:nth-child(3) {
    height: 307px;
}
.brand_2 .bom li:nth-child(1){
        margin-top: 88px;
        height: 368px;
}
.brand_2 .bom li:nth-child(3){
           margin-top: -72px;
    height: 528px;
}
.brand_2 .ys ul{
    display: flex;
    justify-content: space-between;
}
.brand_2 .ys ul li{
    border-left: 1px solid #C4C4C4;
    padding-left: 16px;
    box-sizing: border-box;
    width: 33.33%;
}
.brand_2 .ys ul h3{
    font-size: 26px;
    font-weight: 600;
}
.brand_2 .ys ul p{
    /*margin-top: 20px;*/
    font-size: 18px;
    color: #888;
    line-height: 36px;
}
@media all and (max-width:1440px){
/*.brand_2 { padding:40px 0;}*/
.brand_2 .ys ul h3{
    font-size: 18px;
}
.brand_2 .ys ul p{
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    padding-right: 5px;
}
.brand_2 .bom{
    left: 13%;
     margin-top: -58px;
}
.brand_2 .bom li{
    height: 240px;
}
.brand_2 .bom li:nth-child(1){
        margin-top: 45px;
        height: 195px;
}
.brand_2 .bom li:nth-child(3){
        margin-top: 45px;
        height: 195px;
}
.brand_2 .bom ul li::before{
    /*top: 156px;*/
}
.brand_2 .top ul li{
    height: 250px;
   
}
.brand_2 .top ul li:nth-child(3) {
    height: 200px;
}
.brand_2 .bom li{

}
}
@media all and (max-width:1100px){
    .brand_2{
        padding: 60px 0;
    }
    .brand_2 .ys ul { display:block}
    .brand_2 .top ul li { display:block; width:100%; height:auto}
    .brand_2 .top ul li::before{
        width: 8px;
        height: 8px; top:18px
    }
    .brand_2 .top ul li:nth-child(3) { height:auto}
    .brand_2 .bom ul li::before{
        width: 8px;
        height: 8px; top:18px
    }
    .brand_2 .ys{
        position: static;
    }
    .brand_2 .bom { margin-top:0}
    .brand_2 .bom li{
        display: block; display:block; width:100%; height:auto}
    .brand_2 .bom li:nth-child(1),.brand_2 .bom li:nth-child(3){
        margin-top: 0px; 
     height: auto;
    }
    .brand_2 .ys ul li{
        border-left: none;; display:block; width:100%; height:auto}
    .brand_2 img{
        display: none;
    }
}
.brand_3 { clear:both; margin:0 auto; padding:60px 0; overflow:hidden}
.brand_3 h2 { font-size:24px; line-height:30px; padding-bottom:30px; color:#193A33; text-align:center}
.brand_3 .bd { width:1440px; margin:0 auto}
.brand_3 .bd ul li { float:left; width:480px;}
.brand_3 .bd ul li a { display:block; width:440px; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.brand_3 .bd ul li img { display:block; width:100%}
.brand_3 .bd ul li h3 { text-align:center; font-size:16px; padding:30px 0 10px 0}
.brand_3 .bd ul li h3 b { display:block; font-size:24px; line-height:24px; padding-bottom:10px}
.brand_3 .bd ul li h4 { font-size:16px; text-align:center; line-height:34px; font-weight:normal; color:#888; padding-bottom:30px}
.brand_3 .bd ul li a:hover { background:#fff; box-shadow:5px 5px 5px #eee}


@media all and (max-width:1440px){
.brand_3 { padding:40px 0;}
.brand_3 .bd { width:1080px}
.brand_3 .bd ul li { width:360px;}
.brand_3 .bd ul li a { width:340px;}

}

@media all and (max-width:1000px){
.brand_3 { padding:30px 0;}
.brand_3 .bd { width:90%;}
.brand_3 .bd ul li { width:100%; padding-bottom:20px}
.brand_3 .bd ul li a { width:auto}

.brand_3 .bd ul li h3 { font-size:14px; padding:20px 0 10px 0}
.brand_3 .bd ul li h3 b { font-size:18px;}
.brand_3 .bd ul li h4 { font-size:12px; line-height:20px; padding-bottom:20px}

}



.brand_4 { clear:both; width:1400px; margin:0 auto; padding:60px 0; overflow:hidden}
.brand_4 img { display:block; float:right;width:746px;}
.brand_4 h1 { font-size:24px; line-height:50px; padding-top:100px; padding-bottom:20px; color:#193A33}
.brand_4 h3 { font-size:18px; line-height:30px; padding-bottom:20px; color:#333}
.brand_4 .brand_text2 { font-size:16px; line-height:34px; font-weight:normal; color:#888; float:left; width:600px; text-align:center}
.brand_4 .brand_text2 p { padding-bottom:20px}


@media all and (max-width:1440px){
.brand_4 { width:1100px; padding:40px 0;}
.brand_4 img { width:500px}
.brand_4 h1 { padding-top:50px;}
}

@media all and (max-width:1000px){
.brand_4 { width:90%; padding:30px 0;}
.brand_4 img { width:90%; max-width:500px; margin:0 auto; float:none}
.brand_4 .brand_text2 { float:none; width:90%; text-align:center;font-size:14px; line-height:20px;}
.brand_4 .brand_text2 p { }
}



.brand_5 { clear:both; width:1400px; margin:0 auto; padding:60px 0; overflow:hidden}
.brand_5 video { display:block; width:100%}

.brand_5 .brand_text3 { overflow:hidden; width:1200px; margin:0 auto; padding-bottom:50px}
.brand_5 .brand_text3 img { display:block; margin:auto;}
.brand_5 .brand_text3 h3 { font-size:16px; text-align:center; line-height:36px; font-weight:normal; margin:auto; width:400px; padding-bottom:30px; color:#888;padding-top:30px;}
.brand_5 .brand_text3 ul { clear:both; overflow:hidden}
.brand_5 .brand_text3 ul li { float:left; width:25%}
.brand_5 .brand_text3 ul li img { padding-bottom:10px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; margin:0 auto; float:none}
.brand_5 .brand_text3 ul li h4 { text-align:center; font-size:18px; line-height:60px; font-weight:bold}
.brand_5 .brand_text3 ul li h5 { text-align:center; font-size:16px; line-height:32px; opacity:0.7}

.brand_5 .brand_text3 ul li:hover img { transform:rotateY(180deg);}


@media all and (max-width:1440px){
.brand_5 .brand_text3 h3 { font-size:14px; line-height:26px; padding-bottom:20px}
.brand_5 .brand_text3 ul { margin:0 auto}
}


@media all and (max-width:1000px){
.brand_5 { width:90%; padding:30px 0;}

.brand_5 .brand_text3 { width:auto; padding-bottom:30px}
.brand_5 .brand_text3 img { float:none; margin:0 auto; max-width:90%; padding-bottom:20px}
.brand_5 .brand_text3 h3 { float:none; width:auto; padding-bottom:30px; color:#888}
.brand_5 .brand_text3 ul { clear:both; overflow:hidden; width:auto}
.brand_5 .brand_text3 ul li { float:left; width:50%; padding-bottom:20px}
.brand_5 .brand_text3 ul li img { float:left; margin-right:15px; width:50px; height:50px}
.brand_5 .brand_text3 ul li h4 { text-align:left}
.brand_5 .brand_text3 ul li h5 { font-size:14px; line-height:24px; text-align:left}
}






.aboutus_1 { clear:both; width:1400px; margin:0 auto; padding:60px 0; overflow:hidden}
.aboutus_1 img { display:block; float:left;}
.aboutus_1 h1 { font-size:24px; line-height:50px; padding-bottom:30px; color:#193A33; text-align:center}
.aboutus_1 .about_text1 { font-size:16px; line-height:34px; font-weight:normal; color:#888; float:right; width:650px}
.aboutus_1 .about_text1 p { padding-bottom:20px}
.aboutus_1 .about_text1 b { color:#193A33}
.aboutus_1 .about_text1 img { display:block; float:none; margin:0 auto; padding:10px 0}
.aboutus_1 .about_text1 ul {}
.aboutus_1 .about_text1 ul li { float:left; width:50%; text-align:center; padding-bottom:10px}
.aboutus_1 .about_text1 ul li b { display:block}

@media all and (max-width:1440px){
.aboutus_1 { width:1100px; padding:40px 0;}
.aboutus_1 img { width:500px}
.aboutus_1 .about_text1 { font-size:14px; line-height:26px; width:550px}
}

@media all and (max-width:1000px){
.aboutus_1 { width:90%; padding:30px 0;}
.aboutus_1 h1 { font-size:24px; line-height:30px}
.aboutus_1 img { width:90%; max-width:500px; margin:0 auto; float:none}
.aboutus_1 .about_text1 { width:auto; padding-top:30px}
}


.aboutus_n { clear:both; width:1400px; margin:0 auto; padding:60px 0; overflow:hidden}
.aboutus_n h1 { font-size:24px; line-height:50px; padding-bottom:30px; color:#193A33; text-align:center}
.aboutus_n .about_text1 { font-size:16px; line-height:34px; font-weight:normal; color:#888; float:right; width:650px}
.aboutus_n .about_text1 p { padding-bottom:20px}
.aboutus_n .about_text1 b { color:#193A33}
.aboutus_n .about_text1 img { display:block; float:none; margin:0 auto; padding:10px 0}

@media all and (max-width:1440px){
.aboutus_n { width:1100px; padding:40px 0;}
.aboutus_n img { width:500px}
.aboutus_n .about_text1 { font-size:14px; line-height:26px; width:550px}
}

@media all and (max-width:1000px){
.aboutus_n { width:90%; padding:30px 0;}
.aboutus_n h1 { font-size:24px; line-height:30px}
.aboutus_n img { width:90%; max-width:500px; margin:0 auto; float:none}
.aboutus_n .about_text1 { width:auto; padding-top:30px}
}




.aboutus_2 { clear:both; width:1400px; margin:0 auto; padding:60px 0; overflow:hidden}
.aboutus_2 img { display:block; float:right; width:50%}
.aboutus_2 h1 { font-size:24px; line-height:50px; padding-bottom:30px; color:#193A33; text-align:center}
.aboutus_2 .about_text2 { font-size:16px; line-height:34px; font-weight:normal; color:#888; float:left; width:650px; padding-bottom:50px}
.aboutus_2 .about_text2 p { padding-bottom:20px}
.aboutus_2 .about_text2 b { color:#193A33}

@media all and (max-width:1440px){
.aboutus_2 { width:1100px; padding:40px 0;}
.aboutus_2 img { width:500px}
.aboutus_2 .about_text2 { font-size:14px; line-height:26px; width:550px}
}

.aboutus_2 ul { clear:both}
.aboutus_2 ul li { float:left; width:33.3%; text-align:center; padding-bottom:10px}
.aboutus_2 ul li b { display:block}
.aboutus_2 ul li img { padding-bottom:10px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; margin:0 auto; float:none; width:auto}
.aboutus_2 ul li h3 { text-align:center; font-size:18px; line-height:30px; font-weight:bold; padding-bottom:10px}
.aboutus_2 ul li h4 { text-align:center; font-size:16px; line-height:32px; opacity:0.7; padding:0 50px}

.aboutus_2 ul li:hover img { transform:rotateY(180deg);}


@media all and (max-width:1440px){
.aboutus_2 ul li img { width:auto}
}

@media all and (max-width:1000px){
.aboutus_2 { width:90%; padding:30px 0;}
.aboutus_2 h1 { font-size:24px; line-height:30px}
.aboutus_2 img { width:90%; max-width:500px; margin:0 auto; float:none}
.aboutus_2 .about_text2 { width:auto; padding-top:30px}

.aboutus_2 ul li { float:none; width:auto; text-align:left; padding-bottom:10px}
.aboutus_2 ul li img { float:left; margin-right:15px; width:40px;}
.aboutus_2 ul li h3 { text-align:left}
.aboutus_2 ul li h4 { text-align:left}
}


.aboutus_3 { clear:both; width:1400px; margin:0 auto; padding:60px 0;}
.aboutus_3 h1 { font-size:24px; line-height:50px; padding-bottom:20px; color:#193A33; text-align:center}

.aboutus_3 .about_text3 { font-size:16px; line-height:34px; font-weight:normal; color:#888; padding-bottom:20px}
.aboutus_3 .about_text3 p { padding-bottom:20px}
.aboutus_3 .about_text3 b { color:#193A33}

@media all and (max-width:1440px){
.aboutus_3 { width:1100px; padding:40px 0;}
.aboutus_3 .about_text3 { font-size:14px; line-height:26px;}
}
@media all and (max-width:1000px){
.aboutus_3 { width:90%; padding:30px 0;}
.aboutus_3 h1 { font-size:24px; line-height:30px}

}
.aboutus_3{position:relative;}
.aboutus_3 .hd { text-align:center; height:50px}
.aboutus_3 ul{
    display: flex;
    overflow: hidden;
}
.aboutus_3 .hd ul li { display:inline; margin:0 10px; border:1px #ddd solid; padding:5px 20px; font-size:16px; border-radius:10px;}
.aboutus_3 .hd ul li.on { background:#444; color:#fff}
.aboutus_3 .hd ul li.on a { color:#fff}

.aboutus_3 .bd { position:relative; padding-top:30px;overflow: hidden;}
.aboutus_3 .bd ul li { float:left; flex:0 0 280px;}
.aboutus_3 .bd ul li img { display:block; margin:0 auto; max-width:95%;object-fit:cover;}
.aboutus_3 .bd ul li h3 { line-height:28px; font-size:16px; width:90%; margin:0 auto}
.aboutus_3 .bd ul li h4 { border-top:1px #ddd solid; padding-top:10px; color:#888; line-height:32px; width:90%; margin:0 auto}
.aboutus_3 .bd ul li h4 i { display:block; float:right; width:30px; height:30px; text-align:center; line-height:30px; border:1px #ddd solid; border-radius:50%}


.aboutus_3  .prev { position:absolute; left:-70px; width:50px; height:50px; top:60%; margin-top:-25px; cursor:pointer; z-index:333}
.aboutus_3  .next { position:absolute; right:-70px; width:50px; height:50px; top:60%; margin-top:-25px; cursor:pointer; z-index:334}
.aboutus_3  .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.aboutus_3  .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.aboutus_3  .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
.aboutus_3  .next i:hover { background:rgba(0,0,0,0.7); color:#fff}

@media all and (max-width:1000px){
    .aboutus_3 ul{
        display: block;
    }
.aboutus_3 .hd { height:auto; overflow:hidden}
.aboutus_3 .hd ul li { display:block; float:left; font-size:14px; margin-bottom:10px}
.aboutus_3 .bd ul li { float:none; width:auto; padding-bottom:20px}

.aboutus_3 .prev { display:none}
.aboutus_3 .next { display:none}
}



.aboutus_4 { clear:both; width:1400px; margin:0 auto; padding:60px 0;}
.aboutus_4 h1 { font-size:24px; line-height:50px; padding-bottom:20px; color:#193A33; text-align:center}
.aboutus_4 img { display:block; width:100%}

.aboutus_4 .about_text4 { font-size:16px; line-height:34px; font-weight:normal; color:#888; padding-bottom:20px}
.aboutus_4 .about_text4 p { padding-bottom:20px}
.aboutus_4 .about_text4 b { color:#193A33}

@media all and (max-width:1440px){
.aboutus_4 { width:1100px; padding:40px 0;}
}

@media all and (max-width:1000px){
.aboutus_4 { width:90%; padding:30px 0; min-height:300px}

}

.aboutus_4{position:relative;}
.aboutus_4 .hd { text-align:center; height:50px}
.aboutus_4 .hd ul li { display:inline; margin:0 10px; border:1px #ddd solid; padding:5px 20px; font-size:16px; border-radius:10px;}
.aboutus_4 .hd ul li.on { background:#193933; color:#fff;border:1px solid #193933}
.aboutus_4 .hd ul li.on a { color:#fff}

.aboutus_4 .carousel-container { position:relative; padding-top:30px;overflow:hidden}
.aboutus_4 .carousel-container ul{
    display: flex;
    transition: transform 0.4s ease;
}
.aboutus_4 .carousel-container ul li { float:left;flex:0 0 462px;}
.aboutus_4 .carousel-container ul li img { display:block; margin:0 auto; max-width:80%;object-fit:cover;}
.aboutus_4 .carousel-container ul li h3 { line-height:50px; font-size:16px; width:90%; margin:0 auto}
.aboutus_4 .carousel-container ul li h4 { border-top:1px #ddd solid; padding-top:10px; color:#888; line-height:32px; width:90%; margin:0 auto}
.aboutus_4 .carousel-container ul li p{
    text-align: center;
    font-size: 18px;
}

.aboutus_4 .carousel-container .active img{
   transform:scale(1.05);
   border: 1px solid #333;
}
.aboutus_4 .carousel-container .active p {
      color: #1d2f17;
      font-weight: bold;
      transform: scale(1.05);
    }
.aboutus_4 .carousel-container ul li h4 i { display:block; float:right; width:30px; height:30px; text-align:center; line-height:30px; border:1px #ddd solid; border-radius:50%}


.aboutus_4  .prev { position:absolute; left:-70px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:333}
.aboutus_4  .next { position:absolute; right:-70px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:334}
.aboutus_4  .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.aboutus_4  .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.aboutus_4  .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
.aboutus_4  .next i:hover { background:rgba(0,0,0,0.7); color:#fff}

@media all and (max-width:1000px){
.aboutus_4 .hd { height:auto; overflow:hidden}
.aboutus_4 .hd ul li { display:block; float:left; font-size:14px; margin-bottom:10px}
.aboutus_4 .bd ul li { float:none; width:auto; padding-bottom:20px}
.aboutus_4 .bd ul{
    display: block;
}
.aboutus_4 .prev { display:none}
.aboutus_4 .next { display:none}
}


.aboutus_5 { clear:both; width:1400px; margin:0 auto; padding:60px 0;}
.aboutus_5 h1 { font-size:24px; line-height:50px; padding-bottom:20px; color:#193A33; text-align:center}

.aboutus_5 .about_text3 { font-size:16px; line-height:34px; font-weight:normal; color:#888; padding-bottom:20px}
.aboutus_5 .about_text3 p { padding-bottom:20px}
.aboutus_5 .about_text3 b { color:#193A33}

@media all and (max-width:1440px){
.aboutus_5 { width:1100px; padding:40px 0;}
.aboutus_5 .about_text3 { font-size:14px; line-height:26px;}
}
@media all and (max-width:1000px){
.aboutus_5 { width:90%; padding:30px 0;}
.aboutus_5 h1 { font-size:24px; line-height:30px}

}
.aboutus_5{position:relative;}
.aboutus_5 .hd { text-align:center; height:50px}
.aboutus_5 .hd ul li { display:inline; margin:0 10px; border:1px #ddd solid; padding:5px 20px; font-size:16px; border-radius:10px;}
.aboutus_5 .hd ul li.on { background:#193933; color:#fff;border:1px solid #193933}
.aboutus_5 .hd ul li.on a { color:#fff}

.aboutus_5 .bd { position:relative; padding-top:30px;overflow:hidden}
.aboutus_5 .bd ul{
    display: flex;
}
.aboutus_5 .bd ul li { float:left;flex:0 0 462px;}
.aboutus_5 .bd ul li img { display:block; margin:0 auto; max-width:95%;object-fit:cover;}
.aboutus_5 .bd ul li h3 { line-height:50px; font-size:16px; width:90%; margin:0 auto}
.aboutus_5 .bd ul li h4 { border-top:1px #ddd solid; padding-top:10px; color:#888; line-height:32px; width:90%; margin:0 auto}
.aboutus_5 .bd ul li h4 i { display:block; float:right; width:30px; height:30px; text-align:center; line-height:30px; border:1px #ddd solid; border-radius:50%}


.aboutus_5  .prev { position:absolute; left:-70px; width:50px; height:50px; top:74%; margin-top:-25px; cursor:pointer; z-index:333}
.aboutus_5  .next { position:absolute; right:-70px; width:50px; height:50px; top:74%; margin-top:-25px; cursor:pointer; z-index:334}
.aboutus_5  .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.aboutus_5  .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.aboutus_5  .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
.aboutus_5  .next i:hover { background:rgba(0,0,0,0.7); color:#fff}

@media all and (max-width:1000px){
.aboutus_5 .hd { height:auto; overflow:hidden}
.aboutus_5 .hd ul li { display:block; float:left; font-size:14px; margin-bottom:10px}
.aboutus_5 .bd ul li { float:none; width:auto; padding-bottom:20px}
.aboutus_5 .bd ul{
    display: block;
}
.aboutus_5 .prev { display:none}
.aboutus_5 .next { display:none}
}


.map img { display:block; width:100%}


.news_1 { width:1400px; margin:0 auto; padding:60px 0;position:relative}
.news_1 .bd { position:relative; z-index:111;overflow:hidden}
.news_1 h1 { font-size:24px; line-height:50px; padding-bottom:20px; color:#193A33; text-align:center}
.news_1 ul {display:flex;-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;}
.news_1 ul li { width:20%; position:relative; overflow:hidden; padding-bottom:30px;flex: 0 0 280px;}
.news_1 ul li a { display:block; overflow:hidden; padding:0 15px}
.news_1 ul li img { display:block; width:100%; position:relative; z-index:11; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;object-fit: cover;}
.news_1 ul li h3 { line-height:28px; font-size:16px; padding-top:10px; height:60px; }
.news_1 ul li h4 { border-top:1px #ddd solid; padding-top:10px; color:#888; line-height:32px}
.news_1 ul li h4 i { display:block; float:right; width:30px; height:30px; text-align:center; line-height:30px; border:1px #ddd solid; border-radius:50%}

.news_1 .prev { position:absolute; left:-5.5%; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:333}
.news_1 .next { position:absolute; right:-5.5%; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:334}
.news_1 .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.news_1 .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.news_1 .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
.news_1 .next i:hover { background:rgba(0,0,0,0.7); color:#fff}

@media all and (max-width:1100px){
    .news_1 .prev {display:none; left:-10px; width:40px; height:40px; top:42%; margin-top:-20px;}
.news_1 .next {display:none; right:-10px; width:40px; height:40px; top:42%; margin-top:-20px;}
.news_1 .prev i { line-height:40px; font-size:18px}
.news_1 .next i { line-height:40px; font-size:18px}
    
}

@media all and (max-width:1440px){
.news_1 { width:1100px; padding:40px 0;}
.news_1 ul li img { height: auto;}
.news_1 ul li h3 { line-height:30px; font-size:16px; padding:10px 0; height:60px; overflow:hidden}
}

@media all and (max-width:1000px){
.news_1 { width:90%; padding:30px 0;}
.news_1 ul{display:block}
.news_1 ul li { float:none; width:auto; padding-bottom:20px}
.news_1 ul li a { display:block; overflow:hidden; padding:0}
.news_1 ul li img { display:block; float:left; width:150px; margin-right:20px}
.news_1 ul li h4 i { position:absolute; right:0; bottom:20px}
}



.content { width:1400px; margin:40px auto; border:10px #ddd solid; padding:30px 0}
.content .con_title { width:1300px; margin:0 auto}
.content .con_title h1 { font-size:24px; text-align:center; line-height:30px}
.content .con_title h3 { font-size:14px; text-align:center; color:#888; padding:15px 0; border-bottom:1px #ddd solid}
.content .con_title h3 span { padding:0 10px}
.content .con_text { width:1250px; margin:0 auto; font-size:16px; padding-top:30px; line-height:34px; min-height:400px}

.shouce{
    border: none;
    position: relative;
}
.shouce .con_title h3{
    border: none;
}
.shouce .con_text{
    width: 1400px;
    overflow: hidden;
    position: relative;
}
.shouce .con_text .car{
     width: 100%;
            height: 100%;
            display: flex;
}
.shouce .car-item {
            flex: 0 0 100%; 
            width: 100%;
            height: 100%;
        }
.shouce .con_text img{
    width: 100%;
    display: block;
    object-fit: cover;
}
.shouce .prev { position:absolute; left:-5.5%; width:50px; height:50px; top:60%; margin-top:-25px; cursor:pointer; z-index:333}
.shouce .next { position:absolute; right:-5.5%; width:50px; height:50px; top:60%; margin-top:-25px; cursor:pointer; z-index:334}
.shouce .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.shouce .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.5); border-radius:50%; box-shadow:0 0 2px #ccc; color:#fff}
.shouce .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
.shouce .next i:hover { background:rgba(0,0,0,0.7); color:#fff}

@media all and (max-width:1100px){
    .shouce .prev { left:-10px; width:40px; height:40px; top:42%; margin-top:-20px;}
.shouce .next { right:-10px; width:40px; height:40px; top:42%; margin-top:-20px;}
.shouce .prev i { line-height:40px; font-size:18px}
.shouce .next i { line-height:40px; font-size:18px}
    
}



@media all and (max-width:1440px){
.content { width:1100px; border:5px #ddd solid; }
.shouce{border: none;}
.content .con_title { width:1000px; margin:0 auto}
.content .con_text { width:950px; font-size:14px; line-height:26px;}
}

@media all and (max-width:1000px){
.content { width:90%; padding:30px 0; border:0 none; margin:0 auto;}
.content .con_title { width:auto; margin:0 auto}
.content .con_text { width:auto;}
.content .con_title h1 { font-size:18px; text-align:left}
.content .con_title h3 { font-size:12px; text-align:left}

}


.news_2 { overflow:hidden; width:1400px; margin:0 auto; padding:60px 0}
.news_2 h1 { font-size:24px; line-height:50px; padding-bottom:20px; color:#193A33; text-align:center}
.news_2 ul li { height:auto; margin-bottom:15px; font-size:16px; float:left; width:50%}
.news_2 ul li img { display:block; float:left; width:50%; margin-right:15px;height:auto}
.news_2 ul li a { display:block; overflow:hidden; width:95%; margin:0 auto; background:#f5f5f5}
.news_2 ul li a:hover{color:#333;}
.news_2 ul li a span { display:block; font-size:14px}
.news_2 ul li a span i { -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.news_2 ul li a span:hover i {  margin-left:10px;}
.news_2 ul li a span:hover{color:#B39161}
.news_2 ul li h3 { font-size:16px; padding:15px 0 20px 0}

@media all and (max-width:1440px){
.news_2 { width:1100px; padding:40px 0;}
}

@media all and (max-width:1100px){
.news_2 { width:90%; padding:30px 0;}
.news_2 h1 { font-size:18px;}
.news_2 ul li { height:auto; float:none; width:auto}
.news_2 ul li img { display:block; float:none; width:100%; max-width:500px; height:auto; margin-right:0; margin:0 auto}
.news_2 ul li a { width:auto; text-align:center; padding-bottom:15px}
.news_2 ul li a span { display:inline; font-size:14px}
.news_2 ul li h3 { font-size:16px; text-align:center}
}


.search { overflow:hidden; width:90%; max-width:1440px; margin:0 auto; padding:60px 0}
.search h1 { font-size:24px; line-height:50px; padding-bottom:20px; color:#193A33; text-align:center}
.search ul li { height:42px; line-height:42px; margin-bottom:15px; font-size:16px;}
.search ul li a { display:block; overflow:hidden; width:95%; margin:0 auto; background:#f5f5f5; padding-left:15px}
.search ul li a:hover { background:#0F9884; color:#fff}

.news_3 { overflow:hidden; width:1400px; margin:0 auto; padding:60px 0}
.news_3 h1 { font-size:24px; line-height:50px; padding-bottom:20px; color:#193A33; text-align:center}

@media all and (max-width:1440px){
.news_3 { width:1100px; padding:40px 0;}
}


.product_2 { padding:60px 0}
.product_2 h2 { font-size:30px; line-height:36px; text-align:center; color:#193A33; padding-bottom:30px}
.product_2 .pro_text { width:1400px; margin:0 auto}
.product_2 .pro_text img { display:block; margin:0 auto; max-width:100%}

@media all and (max-width:1440px){
.product_2 { padding:40px 0}
.product_2 h2 { font-size:24px; padding-bottom:20px}
.product_2 .pro_text { width:1100px; margin:0 auto}
}

@media all and (max-width:1000px){
.product_2 { padding:30px 0 0 0}
.product_2 h2 { font-size:18px; padding-bottom:15px}
.product_2 .pro_text { width:100%; margin:0 auto; padding-bottom:0}
}


.product_1 { background:#f2f2f2; padding:60px 0; overflow:hidden; margin-top:102px}
.product_1 .w100 { width:1400px; margin:0 auto}
.product_1 .pro_left { float:left; width:675px; height:550px}
.product_1 .pro_left .hd { float:left; width:120px}
.product_1 .pro_left .hd ul li { height:125px}
.product_1 .pro_left .hd ul li img { display:block; width:114px; height:116px; border:2px #FFF solid; cursor:pointer}
.product_1 .pro_left .hd ul li.on img { border:2px #193A33 solid}
.product_1 .pro_left .bd { float:right; width:550px}
.product_1 .pro_left .bd ul li img { width:550px; height:550px}

.product_1 .pro_left .hd .prev { display:block; background:#fff; height:22px; line-height:22px; text-align:center; margin-bottom:5px; cursor:pointer}
.product_1 .pro_left .hd .next { display:block; background:#fff; height:22px; line-height:22px; text-align:center; cursor:pointer}
.product_1 .pro_left .hd .prev:hover { background:#193A33; color:#fff}
.product_1 .pro_left .hd .next:hover { background:#193A33; color:#fff}

.product_1 .pro_left .hd ul{
    height: 500px;
    overflow: hidden;
}

.product_1 .pro_right { float:right; width:675px}
.product_1 .pro_right h1 { font-size:30px; line-height:40px; color:#193A33; height:50px}
.product_1 .pro_right h2 { height:40px; border-bottom:1px #ddd solid}
.product_1 .pro_right h2 span { padding:5px 10px; background:#193A33; color:#fff; border-radius:3px}
/*.product_1 .pro_right p { padding-top:15px; height:370px}*/
.product_1 .pro_right h4 { color:#193A33}
.product_1 .pro_right h4 a { display:block; margin-top:10px; line-height:40px; background:#fff; width:150px; text-align:center; font-size:16px; border-radius:3px; cursor:pointer}
.product_1 .pro_right h4 a:hover { background:#193A33; color:#fff}
.product_1 .pro_right h4 i { font-size:18px; padding-right:10px}


.product_1 .pro_right .fenlei ul{display:flex;}
.product_1 .pro_right .fenlei ul li{
    margin-right: 50px;
    font-size: 16px;
    padding: 10px 0;
    cursor: pointer;
}
.product_1 .pro_right .fenlei ul li a{
    padding-bottom: 5px;
}
.product_1 .pro_right .xiangxi{
    /*height: 382px;*/
}
.product_1 .pro_right .xiangxi .xiangxi_li { height:338px}
.product_1 .pro_right .fenlei ul li .on{
    color: #193933;
    border-bottom: 1px solid #193933;
}
.product_1 .pro_right .ts ul{
    display: flex;
    flex-wrap: wrap;
}
.product_1 .pro_right .ts ul li{
    display: flex;
    width: 50%;
    margin-top: 22px;
}
.product_1 .pro_right .ts ul li h3{
    font-size: 16px;
    color: #333;
}
.product_1 .pro_right .ts ul li .con{
    padding-left: 6px;
}
.product_1 .pro_right .ts ul li p{
    font-size: 14px;
    color: #888;
    width: 240px;
}
.product_1 .pro_right .ts img{
    width: 48px;
    height: 48px;
}
.product_1 .pro_right .cs ul{
   /*display: flex;*/
   /*flex-wrap: wrap;*/
   /*justify-content: space-between;*/
}
.product_1 .pro_right .cs ul li{
    float: left;
}
.product_1 .pro_right .cs ul li:nth-child(odd){
    width: 63%;
}
.product_1 .pro_right .cs ul li:nth-child(even){
    margin-left: 5px;
}
.product_1 .pro_right .cs p{
    font-size: 14px;
    color: #888;
    margin-top: 5px;
    line-height: 26px;
}
@media all and (max-width:1440px){
.product_1 { padding:40px 0;}
.product_1 .w100 { width:1100px; margin:0 auto}

.product_1 .pro_right { width:400px}
.product_1 .pro_right h1 { font-size:24px;}

.product_1 .pro_right img { width:100%}



}
.fa-angle-up,.fa-angle-down{
    display: block;
}
.fa-angle-right,.fa-angle-left{
    display: none;
}
@media all and (max-width:1100px){
    .fa-angle-right,.fa-angle-left{
    display: block;
}
.fa-angle-up,.fa-angle-down{
    display: none;
}
.product_1 { padding:30px 0; margin-top:60px}
.product_1 .pro_right h1 { font-size:18px;}
.product_1 .w100 { width:90%; margin:0 auto}

.product_1 .pro_left { float:none; width:auto; height:auto;display: flex
;
        flex-direction: column-reverse;}
.product_1 .pro_left .hd { 
    float:none;
    width:100%; position: relative;
    
}
.product_1 .pro_left .hd ul{
    height: 80%;
        width: 80%;
        margin:0 auto;
}
.swiper-horizontal > .swiper-wrapper {
  /*width: 100% !important;*/
}
.product_1 .pro_left .hd ul li { height:80px; float:left; width:80px; padding-bottom:10px;margin-right: 10px !important;}
/*.product_1 .pro_left .hd ul li img { display:block; width:95%; height:auto; border:0 none; cursor:pointer; margin:0 auto}*/
.product_1 .pro_left .bd ul li img{
    width: 100%;
    height: auto;
}
.product_1 .pro_left .hd ul li img { width: 100%;
    height: auto; display:block; margin:0 auto}
/*.product_1 .pro_left .hd ul li.on img { border:0 none}*/
.product_1 .pro_left .bd { 
    /*display:none*/
    width: 100%;    
}
.product_1 .pro_left .hd .prev { 
    
    width: 22px;
    height: 80px;
    line-height: 80px;
    display: flex
;
        align-items: center;
                justify-content: center; position: absolute; left: 0; top: 0;
}

.product_1 .pro_left .hd .next {
    width: 22px;
    height: 80px;
    line-height: 80px;
    display: flex
;
        align-items: center;
                justify-content: center; position: absolute; right: 0; top: 0;
}
.product_1 .pro_right{
    float: none;
}
.product_1 .pro_right { width:auto; padding-top:20px; float:none; clear:both}
.product_1 .pro_right p { padding-top:15px; height:auto}
.product_1 .pro_right .xiangxi .xiangxi_li { height:auto}

.index_1 .bd ul li h3 { font-size:14px}

.product_1 .pro_right .ts ul li{
    width: 100%;
}
.product_1 .pro_right .ts ul li p{
    width: auto;
}
}