@charset "utf-8";
/*banner*/ 



.bannerbox { overflow:hidden; position:relative }
.bannerbox .slick-list, .bannerbox .banner, .bannerbox .slick-track, .bannerbox .item, .bannerbox .img { height:100vh }
.bannerbox .img { background-repeat:no-repeat; background-size:cover; background-position:center; padding-top:1px }
.bannerbox .banner .img { display:block; }
.bannerbox .slick-dots { position:absolute; z-index:5; left:0; right:0; bottom:70px; text-align:center }
.bannerbox .slick-dots li { display:inline-block; vertical-align:middle; width:90px; height:8px; border-radius:8px; background:rgba(255, 255, 255, .2); margin:0 10px; cursor:pointer }
.bannerbox .slick-dots li.slick-active { background:rgba(255, 255, 255, .7); }
.bannerbox .slick-dots li button { display:none; }
.banner .txt { position:absolute; z-index:2; background-color:#e0b982; line-height:1.1; color:#000; bottom:16%; left:11.8%; padding:55px; }
.banner .txt:after { content:""; display:block; position:absolute; z-index:1; left:15px; top:15px; bottom:15px; right:15px; border:2px solid #000 }
.banner .txt .p1 { font-size:48px; font-weight:lighter; margin-bottom:25px }
.banner .txt .p2 { font-size:32px; font-weight:bold; margin-bottom:20px }
.banner .txt .line { width:2px; height:17px; background-color:#000; margin-bottom:25px; }
.banner .txt .p3 { font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase }
.plo { text-align:center; line-height:1; margin-bottom:60px; }
.plo .eng { margin-bottom: 15px; position: relative; width: 100%; font-weight: bold; font-size: 36px; color: #8c89893b; /* height: 105px; */
    line-height: 30px; display: block; font-weight: 400; text-transform: uppercase; }
/*.plo .eng:after,.plo .eng:before{ content:""; display:block; width:7px; height:18px; background-color:#e0b982; position:absolute; z-index:1;top:50%; margin-top:-9px;}*/

.plo .eng:before { left:-4px; }
.plo .eng:after { right:-4px }
.plo h3 { font-size: 28px; color: #000000; font-weight:bold; margin-bottom:10px }
.plo .eng span { }
.plo .eng02 { font-size:16px; color:#999999 }
.plo:after { content:""; display:block; width:38px; height:0px; background-color:#999999; margin:0 auto; margin-top:10px }
.index01 { overflow:hidden }
.index01 .weap { max-width:1360px }
.index01 .pttop { position:relative; padding-top:160px; padding-bottom:30px }
.index01 .hd { background:url(../images/t01bg.png) no-repeat left top; background-size:auto 65px; padding-top:30px; margin-bottom:65px; position:relative }
.index01 .hd h3 { font-size:35px; color:#333; line-height:1.1 }
.index01 .right { position:absolute; z-index:2; right:0; top:15px }
.index01 .right span { display:block; width:40px; height:40px; cursor:pointer; float:left; background-color:#adadad; margin-left:20px; background-repeat:no-repeat; background-position:center; background-size:60%; border-radius:5px; background-image:url(../images/ico-02.png) }
.index01 .right span:hover { background-color:#a31928 }
.index01 .right span.next { transform: rotateY(180deg); }
.index01 .bd { margin:0 -9px; padding-top:100px; position:relative; z-index:5 }
.index01 .bd .slick-list { z-index:5 }
.index01 .weap { position:relative; z-index:5 }
.index01 .bd:before { content:""; display:block; position:absolute; z-index:1; width:1046px; margin-left:-600px; top:0px; left:50%; height:230px; background: linear-gradient(#f6e8e9, #fff); }
.index01 .bd a { display:block; margin:0 9px; position:relative }
.index01 .bd a:before { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: alll 0.5s; content:""; display:block; position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, .2) }
.index01 .bd a:hover:before { background:rgba(0, 0, 0, 0) }
.index01 .bd .img { position:relative; overflow:hidden }
.index01 .bd img { display:block; width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.index01 .bd a:hover img { transform:scale(1.1) }
.index01 .bd .txt { position:absolute; z-index:2; left:0; right:0; bottom:0; background:rgba(0, 0, 0, .5); color:#fff; padding:20px 20px; line-height:1.2 }
.index01 .bd .txt h3 { font-size:20px; font-weight:normal; margin-bottom:10px; }
.index01 .bd .txt .eng { font-size:14px; text-transform:uppercase; opacity:.7; margin-left:5px }
.index01 .bd .txt .p { font-size:14px; opacity:.8; border-top:1px solid rgba(255, 255, 255, .7); padding-top:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index01 .bd .txt .more { margin-top:25px }
.index01 .bd .txt .more span { display:inline-block; width:130px; height:32px; line-height:32px; color:#fff; background-color:#3a3a3a; font-size:15px; text-align:center; border-radius:44px; }
.index01 .bd .txt .more span:before { content:""; display:inline-block; vertical-align:middle; width:20px; height:12px; background:url(../images/ico-02.png) no-repeat center; background-size:auto 100%; margin-right:5px; position:relative; top:-1px }
.index02 { background:url(../images/index02bg.jpg) no-repeat center; background-size:cover }
.index02 .weap { max-width:1360px; position:relative }
.index02 .video { position:absolute; z-index:1; background-color:#000; left:50%; height:530px; right:-60px; top:50%; margin-top:-210px; }
.index02 .video video { width:100%; height:100% }
.index02 .txt { width:50%; min-height:80vh; line-height:1.2; padding:0 70px; padding-top:0px; color:#fff; font-size:15px; background:#a31928 url(../images/index02txtbg.jpg) repeat-x top; padding-bottom:30px }
.index02 .txt .p1 { font-size:48px; margin-bottom:15px }
.index02 .txt .p2 { font-size:28px; margin-bottom:35px; font-weight:700 }
.index02 .txt .line { width:100px; height:10px; background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); margin-bottom:50px }
.index02 .txt .ms { line-height:2; }
.index02 .txt .more { margin-top:65px }
.index02 .txt .more a { display:inline-block; width:200px; height:45px; line-height:45px; text-align:center; background-color:#f6e8ea; color:#666666; font-size:16px; border-radius:62px }
.index02 .txt .more a:before { content:""; display:inline-block; vertical-align:middle; width:24px; height:18px; background:url(../images/ico-02on.png) no-repeat center left; background-size:auto 100%; margin-right:10px; position:relative; top:-1px; opacity:.8 }
.index03 { position:relative }
.index03:after { content:""; display:block; position:absolute; z-index:1; left:0; top:0; bottom:0; width:28.1%; background-color:#e0b982 }
.index03 .bd { padding:2.79%; margin-left:6.5%; background:url(../images/index03bg.jpg) no-repeat center; background-size:cover; padding-right:17% }
.index03 .pttop { margin-bottom:118px; position:relative; z-index:2 }
.index03 .bd .video { height:600px; float:left; width:63%; background-color:#000 }
.index03 .bd .video video { width:100%; height:100% }
.index03 .bd .txt { float:right; font-size:16px; line-height:2; color:#fff; width:30%; padding-top:110px }
.index03 .bd .txt p { margin-bottom:10px }
.index03 .bd .txt .more { text-align:right; margin-top:40px }
.index03 .bd .txt .more a { display:inline-block; height:32px; line-height:32px; color:#666666; font-size:14px; background-color:#fff; padding:0 20px; border-radius:32px }
.index03 .bd .txt .more a:before { content:""; display:inline-block; width:16px; height:10px; vertical-align:middle; background-image:url(../images/ico-02on.png); background-position:center left; background-size:auto 100%; margin-right:10px }
.index04 .bd { padding-bottom:30px }
.index04 .bd li { float:left; width:33.33% }
.index04 .bd ul { margin:0 -55px; }
.index04 .bd li .a { margin:0 55px; text-align:center }
.index04 .bd li .a .img { margin-bottom:35px }
.index04 .bd li .a .img img { display:block; width:90%; margin:0 auto; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.index04 .bd li .a:hover .img img { transform:scale(1.1) }
.index04 .bd li .txt h3 { line-height:68px; height:68px; font-size:25px; color:#222222; background-repeat:no-repeat; background-position:center left; background-size:auto 100%; margin-bottom:10px; max-width:260px; margin:0 auto; margin-bottom:10px; }
.index04 .bd li .p { font-size:15px }
 .index04 .bd li:nth-child(1) .txt h3 {
background-image:url(../images/n01.png)
}
 .index04 .bd li:nth-child(2) .txt h3 {
background-image:url(../images/n02.png)
}
 .index04 .bd li:nth-child(3) .txt h3 {
background-image:url(../images/n03.png)
}
.index04 .slick-list { padding-top:20px }
.index05 .bd { min-height:350px; text-align:center; background:url(../images/index05bg.jpg) no-repeat center; background-size:cover; padding-top:65px; }
.index05 .p1 { width:28px; height:1px; margin:0 auto; background-color:#fff; margin-bottom:15px }
.index05 .p2 { font-size:36px; color:#999999; text-transform:uppercase; margin-bottom:10px }
.index05 .p3 { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #fff; margin:0 auto; margin-bottom:15px }
.index05 .p4 { font-size:22px; color:#c8c8c8; text-transform:uppercase; margin-bottom:5px }
.index05 .p5 { font-size:16px; color:#c8c8c8; max-width:660px; margin:0 auto }
.index06 .bd img { display:block; width:100% }
/*栏目*/

/*.ico-down{ width:11px; height:18px; margin:0 auto; background:url(../images/ico-down.png) no-repeat center; background-size:100%; margin-bottom:40px}*/

.nbanner { position:relative }
.nbanner .img { overflow:hidden }
.nbanner .img img { display:block; width:100%; }
.nbanner .txt { display: none; position:absolute; z-index:2; background-color:rgba(224, 185, 130, .8); line-height:1.1; color:#000; bottom:30%; left:16.1%; padding:55px; text-align:center; padding:75px 30px; width:29.6% }
.nbanner .txt:after { content:""; display:block; position:absolute; z-index:1; left:15px; top:15px; bottom:15px; right:15px; border:2px solid #000 }
.nbanner .txt .eng { white-space: nowrap; font-size:35px; font-weight:lighter; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px }
.nbanner .txt h3 { font-size:39px; font-weight:bold }
.nbanner .txt02 { position:absolute; z-index:2; background-color:rgba(0, 0, 0, .4); line-height:1.1; color:#e0b982; bottom:30%; left:50%; margin-left:-277px; padding:55px 0; text-align:center; padding:75px 0; width:524px }
.nbanner .txt02:after { content:""; display:block; position:absolute; z-index:1; left:-15px; top:-15px; bottom:-15px; right:-15px; border:2px solid #e0b982 }
.nbanner .txt02 .eng { white-space: nowrap; font-size:32px; font-weight:lighter; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px }
.nbanner .txt02 h3 { font-size:36px; font-weight:bold }
/*产品列表*/

.productmain { padding-top:45px }
.productlist li { display:inline-block; width:24.5%; margin-bottom:40px; }
.productlist li:hover { position:relative; z-index:4 }
.productlist li img { display:block; width:100% }
.productlist .bd .middle { position:relative; z-index:2; top:0; width:19.4%; float: left; margin: 0.3%; }
.productlist .bd .middle .img { height:330px; overflow:hidden }
.productlist li .a { margin:0 20px; position:relative; z-index:3 }
.productlist li .a .prev { display:block; position:absolute; z-index:2; left:0; top:50%; width:30px; height:60px; margin-top:-30px; cursor:pointer; background:url(../images/ico-prev.png) no-repeat center; background-size:50%; opacity:0 }
.productlist li .a .next { display:block; position:absolute; z-index:2; right:0; top:50%; width:30px; height:60px; margin-top:-30px; cursor:pointer; background:url(../images/ico-next.png) no-repeat center; background-size:50%; opacity:0 }
.productlist li .fa { position:absolute; z-index:1; left:0; right:0; top:0; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, .1); opacity:0 }
.productlist li .a:hover .fa { opacity:1 }
.productlist li .a:hover .prev { opacity:1 }
.productlist li .a:hover .next { opacity:1 }
.productlist li h3 { text-align:center; line-height:60px; font-weight:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*关于艾尚*/

.about01 { padding-top:80px; padding-bottom:40px; }
.about01 .bd { color:#646464; line-height:2; text-align:justify }
.about01 .bd p { text-indent:30px; }
.about02 { padding-top:40px; padding-bottom:40px; }
.about02 img { display:block; width:100% }
.about03 { padding-top:80px; padding-bottom:100px; }
.about03 ul { margin:0 -30px; }
.about03 li { float:left; width:25%; margin-bottom: 60px; }
.about03 li .a { display:block; margin:0 30px; box-shadow:0 0 10px rgba(0, 0, 0, .5); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.about03 li .a img { display:block; width:100%; }
.about03 li .a:hover { transform:scale(1.1) }
.about04 .weap { border-top:1px solid #ccc; padding-top:70px }
.about04 .bd ul { margin:0 -23px; }
.about04 .bd li { float:left; width:33.33% }
.about04 .bd li .a { margin:0 23px; }
.about04 .bd li .img { overflow:hidden; margin-bottom:20px }
.about04 .bd li .img img { display:block; width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.about04 .bd li .img:hover img { transform:scale(1.1) }
.about04 .bd li .txt h3 { font-size:20px; font-weight:normal; margin-bottom:10px }
.about04 .bd li .txt .p { font-size:15px }
/*人才招聘*/

.mainjob { }
.job01 { padding-bottom:35px; padding-top:80px; }
.job01 .bd li { float:left; width:50%; margin-bottom:20px }
.job01 .bd li .a { overflow:hidden }
.job01 .bd li .img { height:286px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; text-align:center }
.job01 .bd li .txt { position:relative; padding-top: 80px; width: 80%; text-align: center; margin: 0 auto; }
.job01 .bd li .txt h3 { font-size:20px; margin-bottom:5px }
.job01 .bd li .txt .p { font-size:16px }
.job01 .bd li .txt span { display:block; }
 .job01 .bd li:nth-child(odd) .img {
width:100%;
float:right;
border-left:7px solid #fff;
border-right:4px solid #fff;
}
 .job01 .bd li:nth-child(even) .img {
width:100%;
border-right:7px solid #fff;
border-left:4px solid #fff;
}
.job02 { padding-top:35px; padding-bottom:35px; }
.bdsearch { max-width:600px; margin:0 auto; position:relative; padding-right:108px; margin-bottom:60px }
.bdsearch .intxt { width:100%; padding:0 15px; height:35px; border:1px solid #e1e1e1; font-size:16px }
.bdsearch .inbtn { position:absolute; z-index:1; right:0; top:0; background-color:#e0b982; color:#fff; bottom:0; width:108px; border:none; cursor:pointer; font-size:16px }
.mainnewlist { padding-top:120px; }
.newlist01 { background:url(../images/newlist01bg.jpg) no-repeat center; background-size:cover; }
.newlist01 .weap { max-width:1360px; padding-right:80px }
.newlist01 .bd { height:37.1vw; position:relative; background-color:#000; overflow:hidden }
.newlist01 .bd video { width:100%; height:100%; -o-object-fit: cover; object-fit: cover; }
.newlist01 .bd video::-webkit-media-controls {
display:none !important;
}
.newlist01 .bd .title { position:absolute; z-index:2; left:0; right:0; bottom:0; font-size:20px; text-align:center; color:#fff; background-color:rgba(0, 0, 0, .2); padding:10px 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nmain { background-color:#f5f5f5; margin-bottom:-300px; padding-bottom:300px; margin-top:-120px; padding-top:240px }
.newlist02 { background-size:100%; padding-top:20px; padding-bottom:100px }
.newlist02 .bd ul { margin:0 -10px }
.newlist02 .bd li { float:left; width:25%; margin-bottom:60px }
.newlist02 .bd li a { display:block; margin:0 10px; background-color:#fff; padding-bottom:20px; color:#666 }
.newlist02 .bd li .img { overflow:hidden; height: 164px; }
.newlist02 .bd li .img img { display:block; width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.newlist02 .bd li a:hover .img img { transform:scale(1.1) }
.newlist02 .bd li .txt { padding:5px 10px }
.newlist02 .bd li .txt h3 { font-size:16px; font-weight:normal; line-height:1.4; height:44px; overflow:hidden }
.newlist02 .bd li .txt .info { font-size:14px; overflow:hidden; margin-top:35px }
.newlist02 .bd li .txt .info .more { float:left; display:block; width:80px; height:24px; line-height:22px; border:1px solid #d1d1d1; border-radius:24px; text-align:center; font-size:12px; color:#999 }
.newlist02 .bd li .txt .info .date { float:right; color:#999 }
.newlist02 .bd li a:hover .txt .info .more { background-color:#ac303d; color:#fff; border:1px solid #ac303d; color:#fff; }
/*新闻页*/
.mainnewpage { padding-top:50px; margin-top:0 }
.path { margin-bottom:75px }
.path a { margin:0 10px }
.newpage01 .weap { max-width:1000px; }
.newpage01 h1.title { text-align:center; line-height:1.4; font-size:28px; font-weight:normal; margin-bottom:15px; color:#333 }
.newpage01 .info { text-align:center; color:#999 }
.newpage01 .conn { line-height:2; font-size:16px; overflow:hidden; margin-top:45px; min-height:500px; color:#333 }
.newpage01 .conn a { font-size:16px; color:#333 }
.newpage01 .conn img { max-width:100%; height:auto !important }
.prevnext { margin-top:60px; padding-bottom:30px }
.prevnext li { color:#999; margin-bottom:5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.prevnext li a { color:#333 }
.newpage02 .weap { border-top:1px solid #999999; max-width:1000px; padding-top:30px; }
.newpage02 .hd { height:32px; line-height:32px; margin-bottom:20px }
.newpage02 .hd h3 { float:left; font-size:20px; font-weight:normal; color:#333 }
.newpage02 .hd .more { float:right }
.newpage02 .hd .more a { color:#666 }
.newpage02 .hd .more a:after { content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 12px; background: url(../images/ico-02on.png) no-repeat center left; background-size: auto 100%; margin-left: 5px; position: relative; top: -1px; opacity: .8; transform: rotateY(180deg); }
.newpage02 .bd ul { margin:0 -8px }
.newpage02 .bd li { float:left; width:25% }
.newpage02 .bd li a { display:block; margin:0 8px }
.newpage02 .bd li .img { overflow:hidden; margin-bottom:10px }
.newpage02 .bd li .img img { display:block; width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.newpage02 .bd li h3 { font-weight:normal; font-size:14px; height:44px; overflow:hidden }
.newpage02 .bd li a:hover .img img { transform:scale(1.1) }
.job02 .bd ul { margin:0 -7.5px }
.job02 .bd li { float:left; width:33.33%; margin-bottom:15px }
.job02 .bd li a { display:block; background-color:#eeeeee; margin:0 7.5px; padding:20px 30px }
.job02 .bd li h3 { font-size:16px; height:70px }
.job02 .bd li h3 i { font-size:14px; display:inline-block; vertical-align:middle; background-color:#e0b982; color:#fff; padding:0 5px; margin-right:3px; position:relative; top:-1px }
.job02 .bd li .p { font-size:16px; color:#999999 }
.job03 { padding-top:75px; padding-bottom:75px; }
.job03 .bd .slick-arrow { position:absolute; z-index:2; width:40px; height:78px; cursor:pointer; top:50%; margin-top:-82px; overflow:hidden; text-indent:-99px; border:none; background-color:transparent }
.job03 .bd .slick-prev { background-image:url(../images/ico-prev.png); left:-90px }
.job03 .bd .slick-next { background-image:url(../images/ico-next.png); right:-90px }
.job03 .bd .slick-dots { text-align:center; margin-top:65px; }
.job03 .bd .slick-dots li { display:inline-block; vertical-align:middle; width:14px; height:14px; border-radius:50%; background-color:#999999; margin:0 8px; cursor:pointer }
.job03 .bd .slick-dots li.slick-active { background-color:#e0b982 }
.job03 .bd .slick-dots li button { display:none }
.job03 .item .a { overflow:hidden; margin:0 10px }
.job03 .item img { width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.job03 .item:hover img { transform:scale(1.1) }
.about02 { padding-top:75px; padding-bottom:75px; }
.about02 .bd .slick-arrow { position:absolute; z-index:2; width:40px; height:78px; cursor:pointer; top:50%; margin-top:-82px; overflow:hidden; text-indent:-99px; border:none; background-color:transparent }
.about02 .bd .slick-prev { background-image:url(../images/ico-prev.png); left:-90px }
.about02 .bd .slick-next { background-image:url(../images/ico-next.png); right:-90px }
.about02 .bd .slick-dots { text-align:center; margin-top:65px; }
.about02 .bd .slick-dots li { display:inline-block; vertical-align:middle; width:14px; height:14px; border-radius:50%; background-color:#999999; margin:0 8px; cursor:pointer }
.about02 .bd .slick-dots li.slick-active { background-color:#e0b982 }
.about02 .bd .slick-dots li button { display:none }
.about02 .item .a { overflow:hidden; margin:0 10px }
.about02 .item img { width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.about02 .item:hover img { transform:scale(1.1) }
/*联系我们*/ 

.contact01 { padding-bottom:108px; padding-top:80px }
.contact01 .nplo { margin-bottom:100px }
.contact01 .bd li { float:left; text-align:center; position:relative; padding:0 10px }
.contact01 .bd li:after { content:""; display:block; width:1px; position:absolute; z-index:1; right:0; top:25px; height:125px; background-color:#999999 }
.contact01 .bd li:last-child:after { display:none }
 .contact01 .bd li:nth-child(1) {
width:33.333%
}
 .contact01 .bd li:nth-child(2) {
width:33.333%
}
 .contact01 .bd li:nth-child(3) {
width:33.333%
}
.contact01 .bd li .ico { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; width:88px; height:88px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:cover; margin-bottom:30px }
.contact01 .bd li:hover .ico { transform:scale(1.1) }
.contact01 .bd li .contact0101 { background-image:url(../images/contact0101.png) }
.contact01 .bd li .contact0102 { background-image:url(../images/contact0102.png) }
.contact01 .bd li .contact0103 { background-image:url(../images/contact0103.png) }
.contact01 .bd li .p { font-size:16px }
#allmap { height:600px }
/*产品详情*/ 

.ppagemain { background-color:#e7e7e7; margin-bottom:-300px; padding-bottom:300px; padding-top:100px }
.ppage01 { padding-bottom:70px }
.productpage01left { float:left; width:46.7%; background-color:#fff; padding-bottom:30px }
.productpage01left .smallimg img { display:block; width:100% }
.productpage01left .bigimg { margin-bottom:15px; }
.productpage01left .bigimg .item { height:400px; text-align:center }
.productpage01left .bigimg img { max-width:100%; max-height:100%; display:inline }
.productpage01left .smallimg { padding:0 25px; position:relative }
.productpage01left .smallimg .slick-current span { border:1px solid #a51924; }
.productpage01left .smallimg span { display:block; margin:0 5px; border:1px solid #e1e1e1; cursor:pointer }
.productpage01left .smallimg .slick-arrow { position:absolute; z-index:1; width:18px; cursor:pointer; height:66px; top:50%; margin-top:-33px; background-color:#e6e6e6; border:none; overflow:hidden; text-indent:-999px; background-repeat:no-repeat; background-position:center; background-size:50% }
.productpage01left .smallimg .slick-prev { left:5px; background-image:url(../images/ico-prev.png) }
.productpage01left .smallimg .slick-next { right:5px; background-image:url(../images/ico-next.png) }
.productpage01right { width:46%; float:right; padding-top:35px }
.productpage01right h1.title { font-size:26px; line-height:1.2; padding-bottom:20px; margin-bottom:20px; font-weight:normal }
.productpage01right .ms { border-top:1px solid #999999; border-bottom:1px solid #999999; padding:25px 0; margin-bottom:25px; height:286px }
.productpage01right .ms li { color:#666; line-height:1.6; margin-bottom:10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size:16px }
.productpage01right .ms .p { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; }
.productpage01right .ms p { margin-bottom:10px }
.productpage01right .consulta { padding-bottom:25px; margin-bottom:20px }
.productpage01right .consulta a { display:inline-block; width:260px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#000; background-color:#e0b982 }
.ppage02 { background-color:#fff; border:1px solid #d2d2d2; padding:20px 30px; padding-bottom:10px; margin-bottom:50px; }
.ppage02 .p { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; }
.ppage02 .title { color:#000; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom:20px }
.ppage02 .ts { margin-bottom:25px; color:#999999 }
.ppage02 li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width:33.33%; float:left; margin-bottom:10px; }
.ppage03 { overflow:hidden; background-color:#fff; padding:20px 0; font-size:18px; line-height:2; margin-bottom:90px }
.ppage03 a { font-size:18px }
.ppage03 img { max-width:100%; height:auto !important }
.ppage04 { margin-bottom:70px }
.ppage04 .hd { text-align:center; border-bottom:1px solid #d2d2d2; position:relative; padding-bottom:10px; margin-bottom:60px }
.ppage04 .hd:after { content:""; display:block; width:44px; height:4px; background-color:#d2d2d2; position:absolute; z-index:1; bottom:-2px; left:50%; margin-left:-22px; }
.ppage04 .hd h3 { font-weight:normal; font-size:20px }
.ppage04 .bd li { float:left; width:25%; }
.ppage04 .bd li a { display:block; margin:0 20px; text-align:center }
.ppage04 .bd ul { margin:0 -20px; }
.ppage04 .bd li h3 { font-weight:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:15px }
.ppage04 .bd li .img { overflow:hidden; margin-bottom:10px }
.ppage04 .bd li .img img { display:block; width:100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: alll 0.3s; }
.ppage04 .bd li:hover .img img { transform:scale(1.1) }
 @media (max-width: 1680px) {
 .index01 .bd li .img {
height:200px
}
 .index01 .bd li .a {
height:480px
}
 .index02 .bd .middle .img {
height:430px
}
 .index02 .bd li .img {
height:165px
}
 .index03 .bd .video {
height:500px
}
 .index03 .bd .txt {
padding-top:60px;
font-size:16px
}
 .index03 .pttop {
margin-bottom:80px
}
}
 @media (max-width: 1430px) {
 .plo {
margin-bottom:35px
}
 .index01 .bd li .txt .eng {
font-size:18px
}
 .index03 .bd .txt {
padding-top:0
}
 .index04 .bd li .txt h3 {
font-size:28px;
height:48px;
line-height:48px
}
 .index03 .bd .txt {
width:33%
}
 .index04 .bd ul {
margin:0 -30px
}
 .index04 .bd li .a {
margin:0 30px
}
 .index04 .bd li .p {
font-size:14px
}
}
 @media (max-width: 1360px) {
 .banner .txt .p1 {
font-size:40px
}
 .banner .txt .p2 {
font-size:24px
}
 .banner .txt {
padding:30px 55px
}
 .index03 .bd {
padding-right:10px;
margin-left:10px
}
 .nbanner .txt {
left:10%;
bottom:10%;
padding:50px 30px
}
 .nbanner .txt .eng {
font-size:24px;
}
 .nbanner .txt02 {
padding:50px 30px
}
 .nbanner .txt02 .eng {
font-size:24px;
}
 .nbanner .txt02 {
bottom:10%
}
}
 @media (max-width: 1000px) {
 .fp-enabled {
height:auto !important;
overflow-y:auto !important
}
 .indexbody {
height:auto !important;
overflow-y:auto !important
}
 #fullPage {
transform:none !important;
height:auto !important;
touch-action: auto !important;
}
 .section, .fp-tableCell, .slimScrollDiv, .fp-scrollable {
height:auto !important
}
 .slimScrollBar {
display:none !important
}
 .plo h3 {
font-size:22px
}
 .plo .eng {
font-size:14px;
min-width:220px;
margin-bottom:10px
}
 .plo .eng02 {
font-size:12px
}
 .plo:after {
width:30px
}
 .index04 .bd li .a {
margin:0 10px
}
 .index04 .bd ul {
margin:0 -10px
}
 .index04 .bd li .a .img img {
width:100%
}
 .index04 .bd li .txt h3 {
font-size:18px
}
 .index01 .bd li .txt {
padding:15px
}
 .nbanner .txt {
width:auto
}
 .about01 {
padding-top:40px;
padding-bottom:20px
}
 .ico-down {
margin-bottom:20px;
width:8px;
}
 .about01 .bd {
font-size:14px;
line-height:1.8
}
 .about01 .bd p {
text-indent:28px
}
 .about02 {
padding-top:20px;
padding-bottom:20px
}
 .about03 {
padding-top:20px;
padding-bottom:40px
}
 .about03 ul {
margin:0 -10px
}
 .about03 li .a {
margin:0 10px;
}
 .contact01 .bd li:after {
height:145px
}
 .contact01 {
padding-top:40px;
padding-bottom:40px
}
 .job01 .bd li:nth-child(even) .img {
width:auto;
float:none;
padding:0 10px
}
 .job01 .bd li:nth-child(odd) .img {
width:auto;
float:none;
padding:0 10px
}
 .job02 .bd li {
width:50%
}
 .ppage04 .bd ul {
margin:0 -10px
}
 .ppage04 .bd li a {
margin:0 10px
}
}
 @media (max-width: 766px) {
 .bannerbox .slick-list, .bannerbox .banner, .bannerbox .slick-track, .bannerbox .item, .bannerbox .img {
height:50vh
}
 .banner .txt {
padding:15px 20px;
left:10px;
bottom:10px
}
 .banner .txt .p1 {
font-size:20px;
margin-bottom:5px
}
 .banner .txt .p2 {
font-size:16px;
margin-bottom:5px
}
 .banner .txt .line {
height:10px;
margin-bottom:10px
}
 .banner .txt:after {
left:5px;
right:5px;
top:5px;
bottom:5px;
border:1px solid #000
}
 .banner .txt .p3 {
font-size:12px
}
 .plo {
margin-bottom:25px
}
 .pttop {
padding-top:20px;
padding-bottom:20px
}
 .index01 .pttop {
padding-top:40px
}
 .index01 .bd li {
float:none;
width:auto;
margin-bottom:10px
}
 .index01 .bd li:nth-child(2) {
display:none
}
 .index01 .bd li .txt h3 {
font-size:18px;
margin-bottom:10px
}
 .index01 .bd li .txt .eng {
font-size:14px;
margin-bottom:10px
}
 .index01 .bd li .txt .p {
font-size:14px;
height:auto
}
 .index01 .bd li .a {
height:auto
}
 .index01 .bd li .txt .line {
margin-bottom:10px
}
 .index02 .pttop {
padding-top:20px
}
 .index02 .bd li {
width:50%
}
 .index02 .bd li:nth-child(even) {
margin-left:0
}
 .index02 .bd .middle {
position:static;
width:auto;
margin-bottom:10px
}
 .index02 .bd .middle .img {
height:230px;
position:relative;
}
 .index02 .bd .middle .img img {
object-fit:initial;
height:auto;
position:absolute;
z-index:2;
bottom:-9vw;
left:0
}
 .index02 .bd .txt {
padding:10px 0
}
 .index02 .bd li {
margin-bottom:10px
}
 .index04 .pttop {
padding-top:40px
}
 .index03 .bd .video {
height:auto;
float:none;
width:auto;
margin-bottom:10px
}
 .index03 .bd .video video {
height:auto
}
 .index03 .bd .txt {
float:none;
width:auto;
font-size:14px;
line-height:1.8;
text-align:justify
}
 .index03 .bd .txt .more {
margin-top:20px
}
 .index03 .bd {
padding:15px
}
 .index03 .pttop {
margin-bottom:40px
}
 .index04 .bd {
width:80%;
margin:0 auto
}
 .index04 .bd ul {
text-align: center;
font-size: 0;
}
 .index04 .bd .slick-dots {
margin-top:10px
}
 .index04 .bd .slick-dots li {
width:8px;
height:8px;
margin:0 10px;
border-radius:50%;
background-color:#666;
float:none;
display:inline-block;
vertical-align:middle
}
 .index04 .bd .slick-dots li.slick-active {
background-color:#a31928
}
 .index04 .bd .slick-dots li button {
display:none
}
 .index04 .bd li .txt h3:before {
content:"";
display:inline-block;
height:40px;
width:60px;
vertical-align:middle;
background-repeat:no-repeat;
background-position:center;
background-size:auto 100%;
margin-right:-20px
}
 .index04 .bd li:nth-child(1) .txt h3:before {
background-image: url(../images/n01.png);
}
 .index04 .bd li:nth-child(2) .txt h3:before {
background-image: url(../images/n02.png);
}
 .index04 .bd li:nth-child(3) .txt h3:before {
background-image: url(../images/n03.png);
}
 .index04 .bd li:nth-child(1) .txt h3 {
background:none
}
 .index04 .bd li:nth-child(2) .txt h3 {
background:none
}
 .index04 .bd li:nth-child(3) .txt h3 {
background:none
}
 .index04 .bd li .a .img img {
width:60%
}
 .index04 .bd li .a .img {
margin-bottom:15px
}
 .index05 .pttop {
padding-top:0
}
 .index05 .bd {
min-height:100px;
padding:40px 0
}
 .index05 .p2 {
font-size:24px
}
 .index05 .p3 {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #fff;
}
 .index05 .p4 {
font-size:18px
}
 .index05 .p5 {
font-size:14px
}
 .index06 .pttop {
padding-bottom:40px
}
 .ico-down {
margin-bottom:10px
}
 .about03 ul {
margin:0
}
 .about03 li {
width:50%;
margin-bottom:20px
}
 .about03 li .a {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
 .nbanner .txt {
padding:15px 20px;
left:10px;
bottom:10px
}
 .nbanner .txt .eng {
font-size:16px;
margin-bottom:5px
}
 .nbanner .txt h3 {
font-size:20px
}
 .nbanner .txt:after {
left:5px;
right:5px;
top:5px;
bottom:5px;
border:1px solid #000
}
 .nbanner .txt02 {
padding:15px 20px;
left:10px;
bottom:10px;
width:auto;
left:50%;
margin-left:auto;
transform:translateX(-50%);
bottom:5vw
}
 .nbanner .txt02 .eng {
font-size:16px;
margin-bottom:5px
}
 .nbanner .txt02 h3 {
font-size:20px
}
 .nbanner .txt02:after {
left:-5px;
right:-5px;
top:-5px;
bottom:-5px;
border:1px solid #e0b982
}
 .productlist li {
width:50%;
margin-bottom:20px
}
 .productlist li .a {
margin:0 10px
}
 .productmain {
padding-top:25px
}
 .productlist li .fa {
opacity:1;
position:static
}
 .productlist li .img {
display:none
}
 .productlist li h3 {
height:45px;
line-height:45px
}
 .productlist li .a {
margin:0 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, .02);
}
 .productlist li .a .prev {
display:none
}
 .productlist li .a .next {
display:none
}
 .productlist .slick-dots {
text-align:center;
height:10px;
line-height:1
}
 .productlist .slick-dots li {
display:inline-block;
vertical-align:middle;
float:none;
width:25px;
height:1px;
background-color:#eee;
margin-bottom:0
}
 .productlist .slick-dots li.slick-active {
background-color:#e0b982
}
 .productlist .slick-dots li button {
display:none
}
 .contact01 .nplo {
margin-bottom:35px
}
 .contact01 {
padding-bottom:15px
}
 .contact01 .bd li {
float:none;
width:auto !important;
margin-bottom:25px
}
 .contact01 .bd li:after {
display:none
}
 .contact01 .bd li .ico {
width:60px;
height:60px;
margin-bottom:15px
}
 #allmap {
height:90vw
}
 .job01 .bd li {
float:none;
width:auto;
margin-bottom:10px
}
 .job01 .bd li:nth-child(odd) .img {
width:100%;
border:none
}
 .job01 .bd li:nth-child(even) .img {
width:100%;
border:none
}
 .job01 .bd li .txt h3 {
font-size:16px
}
 .job01 .bd li .txt .p {
font-size:14px
}
 .job01 .bd li .img {
height:150px
}
 .job01 .bd li .txt {
padding-top:0;
position:relative;
top:50%;
transform:translateY(-50%)
}
 .job01 {
padding-bottom:20px;
padding-top:40px
}
 .job02 {
padding:20px 0
}
 .bdsearch {
margin-bottom:25px
}
 .job02 .bd li {
width:100%;
margin-bottom:10px
}
 .job02 .bd ul {
margin:0
}
 .job02 .bd li h3 {
font-size:15px
}
 .job02 .bd li a {
margin:0;
padding:15px
}
 .job02 .bd li h3 {
height:auto;
margin-bottom:10px
}
 .job03 .bd .slick-dots {
margin-top:15px
}
 .job03 .bd .slick-dots li {
width:8px;
height:8px;
margin:0 5px
}
 .job03 {
padding-top:0;
padding-bottom:40px
}
 .ppagemain {
padding-top:20px
}
 .ppage01 {
padding-bottom:0
}
 .ppage02 {
margin-bottom:20px;
font-size:14px
}
 .ppage02 .title {
margin-bottom:10px
}
 .ppage02 .ts {
margin-bottom:15px
}
 .ppage02 li {
margin-bottom:5px
}
 .ppage04 .hd h3 {
font-size:20px
}
 .productpage01left {
float:none;
width:auto;
padding:20px
}
 .productpage01left .bigimg .item {
height:auto
}
 .productpage01right {
float:none;
width:auto;
padding-top:20px
}
 .productpage01right h1.title {
font-size:20px;
padding-bottom:10px;
margin-bottom:0
}
 .productpage01right .ms {
min-height:0;
padding:10px 0
}
 .productpage01right .consulta a {
width:120px;
height:40px;
line-height:40px;
font-size:14px
}
 .ppage02 li {
width:auto;
float:none
}
 .ppage04 .bd li {
width:50%;
margin-bottom:15px
}
 .ppage04 .bd ul {
margin:0 0
}
 .ppage04 .bd li a {
margin:0 5px;
}
 .ppage04 .hd {
margin-bottom:25px
}
 .ppage04 {
margin-bottom:15px
}
 .productpage01right .ms li {
font-size:14px;
margin-bottom:5px
}
 .ppage03 {
font-size:14px;
margin-bottom:40px
}
 .ppage03 a {
font-size:14px
}
 .ppage04 .bd li h3 {
font-size:16px
}
 .about04 .bd ul {
margin:0
}
 .about04 .bd li {
width:100%;
margin-bottom:15px
}
 .about04 .bd li .a {
margin:0
}
 .about04 .bd li .txt h3 {
font-size:18px
}
 .about04 .bd li .txt .p {
font-size:14px
}
 .about04 .weap {
padding-top:30px
}
 .index01 .bd a:hover img, .index01 .bd .a:hover img, .index02 .bd a:hover img, .index04 .bd li .a:hover .img img {
transform:none
}
}
/*************/

@media (max-width: 1430px){ 

.banner .txt{ margin-top:20px}

.bannerbox .slick-dots{ bottom:30px}

.bannerbox .slick-dots li{ width:70px; height:5px}



.plo{ margin-bottom:35px}

 



.index03 .bd li .txt h3{ height:48px; line-height:48px}

.index04 .bd .txt{ height:auto}



.indexbody .bannerbox .weap{ padding-top:55px}

.index02 .txt{ padding:20px 40px; padding-top:0px;}

.index04 .bd ul li a{ padding-right:40px}

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

.product03 .bd li .img,.newlist02 .bd li .img{ height: auto;}

.fp-enabled{ height:auto !important; overflow-y:auto !important}

.indexbody{ height:auto !important; overflow-y:auto !important}

#fullPage{transform:none !important; height:auto !important;touch-action: auto !important;}

.indexbody .bannerbox .weap{ padding-right:10px}

.bannerbox .banner{ margin-right:0} 

.section,.fp-tableCell,.slimScrollDiv,.fp-scrollable{ height:auto !important}

.slimScrollBar{ display:none !important}



.indexbody .bannerbox .weap{ padding-top:0}

.bannerbox .banner{ height:70vw}

.banner .txt{ margin-top:2vw; padding-top:5vw; margin-left:5vw; background-size:60px;max-width: 100%;}

.banner .txt .p1{ font-size:13px}

.banner .txt .p2{ font-size:24px}

.banner .txt .line{ width:60px; height:3px; margin-bottom:20px}

.banner .txt{ font-size:14px}

.banner .txt .more{ margin-top:20px}

.banner .txt .more a{ width:120px; height:30px; line-height:30px; font-size:12px}

.bannerbox .img{ background-position:left center}

.banner .txt .more a:before{ height:10px; width:24px}

.bannerbox .slick-dots{ bottom:0px; width:100%}

.bannerbox .slick-dots li{ width:30px; height:3px}



.index01 .pttop{ padding-top:40px}

.bannerbox:after{ bottom:60px}

.index01 .hd{ background-size:auto 20px; padding-top:10px}

.index01 .hd h3{ font-size:20px}

.index01 .right span{ width:30px; height:26px; margin-left:10px; background-size:40%}

.index01 .right{top:5px}

.index01 .bd{ padding-top:0}

.index01 .hd{ margin-bottom:25px}

.index01 .bd .txt{ padding:10px 10px}

.index01 .bd .txt h3{ font-size:18px}

.index01 .bd .txt .eng{ display:none}

.index01 .bd .txt .more span{ font-size:12px; height:30px; line-height:30px; width:110px}

.index01 .bd .txt .more{ margin-top:15px}

.index01 .bd{ margin:0 -10px}

.index01 .bd a{ margin:0 10px}




.index02 .txt{ width:auto; height:auto}

.index02 .video{ position:static; margin:0 auto; height:auto; margin-bottom:10px}

.index02 .txt .p1 img{ height:20px}

.index02 .txt .p2{ font-size:20px}

.index02 .txt{ padding:0px 10px}

.index02 .txt .p1{ font-size:20px}

.index02 .txt .p2{ margin-bottom:15px}

.index02 .txt .line{ margin-bottom:25px; margin-top:10px; height:5px}



.index02 .txt{ font-size:14px}

.index02 .txt .ms{ line-height:1.6}

.index02 .txt .more a{ font-size:12px; height:30px; line-height:30px; width:160px}

.index02 .txt .more a:before{ height:12px; margin-right:5px}

.index02 .txt .more{ margin-top:20px}

.plo{ margin-bottom:25px}

.plo .eng img{ height:20px}

.plo h3{ font-size:20px}

.index03 .weap{ padding:40px 10px}

.plo .more a{ font-size:14px}

.plo .eng{ margin-bottom:5px}

.plo .line{ height:6px}

.index03 .bd li .a{ margin:0 10px}

.index03 .bd ul{ margin:0 -10px}

.index03 .bd li .a .img img{ width:100%}

.index03 .bd li .txt h3{ font-size:18px}



.index04 .weap{ padding:40px 10px}



.index04 .bd .video{ position:relative; width:auto; height:auto; margin-bottom:15px}

.index04 .bd .txt{ width:auto; margin:0 auto}

.index04 .bd .txt{ padding:30px 20px}

.index04 .bd .txt a{ padding-right:0}

.index04 .bd ul li{ margin-top:20px}



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

.index04 .bd ul li .date .md{ font-size:20px}

.index04 .bd ul li .date .y{ font-size:13px}

.index04 .bd .t {height:34px; line-height:34px;}

.index04 .bd .t h3{ height:34px; line-height:34px;font-size: 16px;}

.index04 .bd ul{ padding-bottom:10px}

.index05 .weap{ padding:40px 10px; padding-bottom:40px}



.banner .txt .p6{ font-size:12px; width:70%}

.nbanner.bannerbox .banner{ min-height:70vw}

.nbanner .img{ padding-bottom:20px}



.nbanner.bannerbox .slick-list, .nbanner.bannerbox .banner, .nbanner.bannerbox .slick-track, .nbanner.bannerbox .item, .nbanner.bannerbox .img{ height:auto}



.nmain{ padding-top:160px}

.newlist01 .bd{ height:50vw}

.newlist01 .bd .title{ font-size:14px}



.newlist02{ padding:40px 0}



.product01 .t{ font-size:20px; margin-bottom:20px}

.product01{ margin-bottom:45px}



.nmain{ margin-bottom:0; padding-bottom:40px}

.nplo{ margin-bottom:25px}

.nplo .eng img{ height:20px}

.nplo h3{ font-size:20px}

.nplo .line{ height:6px}



.about01{ padding:40px 0; padding-bottom:20px}

.about01 .bd img{max-width:100%; height:auto !important}

.about02{ padding-top:20px; padding-bottom:20px}

.about03{ padding-top:20px; padding-bottom:20px}



.aboutmain{ padding-bottom:40px; margin-bottom:0;}



#allmap{ height:80vw}



.job01 .bd li{ float:none; width:auto; margin-bottom:10px}

.job01 .bd li:nth-child(odd) .img{ width:100%; border:none}

.job01 .bd li:nth-child(even) .img{ width:100%; border:none}

.job01 .bd li .txt h3{ font-size:16px}

.job01 .bd li .txt .p{ font-size:14px}

.job01 .bd li .img{ height:150px}

.job01 .bd li .txt{ padding-top:0; position:relative;top:50%; transform:translateY(-50%)}

.job01{ padding-bottom:10px}

.job02{ padding:20px 0}

.bdsearch{ margin-bottom:25px}

.job02 .bd li{ width:100%; margin-bottom:10px}



.job02 .bd ul{ margin:0}

.job02 .bd li h3{ font-size:15px}

.job02 .bd li a{ margin:0; padding:15px}

.job02 .bd li h3{ height:auto; margin-bottom:10px}



.job03{ padding-top:20px; padding-bottom:0}



.mainnewpage{ padding-top:30px}

.path{ margin-bottom:30px}

.newpage01 h1.title{ font-size:20px;}

.newpage01 .conn{ font-size:15px; margin-top:25px; line-height:1.8}

.newpage01 .conn a{ font-size:15px}

.prevnext{ margin-top:30px; padding-bottom:15px}

.newpage02 .weap{ padding-top:15px}

.newpage02 .hd h3{ font-size:18px}

}



@media (max-width: 766px){ 

.index03 .weap{ padding-bottom:10px}

.index03 .bd ul{ text-align:center; font-size:0}

.index03 .bd li .a .img img{ width:60%}

.index03 .bd li{ width:50%; display:inline-block; float:none; margin-bottom:15px; vertical-align:top}

.index03 .bd li .txt .p{ font-size:13px}

.index03 .bd li .txt h3{ font-size:16px; height:40px; line-height:40px}



.newlist02 .bd li{ width:50%; margin-bottom:20px}

.newlist02 .bd ul{ margin:0 -5px;display: flex;flex-flow: row wrap;}

.newlist02 .bd li a{ margin:0 5px; padding-bottom:15px}

.newlist02 .bd li .img{ height: auto;}

.newlist02 .bd li .txt .info .date{ font-size:12px}

.newlist02 .bd li .txt .info .more{ width:auto; padding:0 8px}



.newlist02 .bd li .txt h3{ font-size:15px;}

.newlist02 .bd li .txt .info{ margin-top:25px}



.product02{ margin-bottom:20px}

.product02 li{ width:33.33%}

.product02 li a{ margin:0 5px; height:70px; line-height:70px; font-size:16px}



.product03 .bd li{ width:50%; margin-bottom:20px}

.product03 .bd ul{ margin:0 -5px}

.product03 .bd li a{ margin:0 5px; padding-bottom:25px}

.product03 .bd li .img{ margin-bottom:15px}

.product03 .bd li h3{ font-size:15px}



.about03 .bd li{ width:33.33%; margin-bottom:20px; }

.about03 .bd ul{ margin:0 -10px}

.about03 .bd li .img{ margin:0 10px;box-shadow: 2px 2px 5px rgba(0,0,0,.2)}



.about04 .bd ul{ margin:0}

.about04 .bd li{ width:100%; margin-bottom:15px}

.about04 .bd li .a{ margin:0}

.about04 .bd li .txt h3{ font-size:18px}

.about04 .bd li .txt .p{ font-size:14px}



.contact01 .nplo{ margin-bottom:35px}

.contact01{ padding-bottom:15px}

.contact01 .bd li{ float:none; width:auto !important; margin-bottom:25px}

.contact01 .bd li:after{ display:none}

.contact01 .bd li .ico{ width:50px; height:50px; margin-bottom:15px}



.job03 .bd .slick-dots{ margin-top:15px}

.job03 .bd .slick-dots li{ width:8px; height:8px; margin:0 5px}



.ppage01{ padding-bottom:0}

.ppage02{ margin-bottom:20px}

.ppage03 .hd h3{ font-size:20px}

.productpage01left{ float:none; width:auto; padding-bottom:20px; margin-bottom:20px}

.productpage01left .bigimg .item{ height:auto}

.productpage01right{ float:none; width:auto}

.productpage01right h1.title{ font-size:20px; padding-bottom:10px; margin-bottom:0}

.productpage01right .ms .p{ min-height:50px}

.productpage01right .consulta a{ width:120px; height:40px; line-height:40px; font-size:14px}

.ppage02 li{ width:auto; float:none}

.ppage02 .attr_param{flex-direction: column;}

.ppage02 .p{padding-right:0px;}

.ppage03 .bd li{ width:50%; margin-bottom:15px}

.ppage03 .bd ul{ margin:0 -5px}

.ppage03 .bd li a{ margin:0 5px;}

.ppage03 .hd{ margin-bottom:25px}

.ppage03{ margin-bottom:15px}



.index01 .bd:before{ display:none}



.newpage02 .bd li{ width:50%; margin-bottom:18px}



/*20210510添加*/ 

.index03 .bd{ width:80%; margin:0 auto; overflow:hidden}

.index03 .plo{ margin-bottom:45px}

.index03 .bd .slick-dots li{ width:8px; height:8px; margin:0 10px; border-radius:50%; background-color:#666}

.index03 .bd .slick-dots li.slick-active{ background-color:#a31928}

.index03 .bd .slick-dots li button{ display:none}

.index03 .bd li .txt h3:before{ content:""; display:inline-block; height:40px; width:60px; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-right:-20px}

.index03 .bd li:nth-child(1) .txt h3:before{background-image: url(../images/n01.png);}

.index03 .bd li:nth-child(2) .txt h3:before{background-image: url(../images/n02.png);}

.index03 .bd li:nth-child(3) .txt h3:before{background-image: url(../images/n03.png);}

.index03 .bd li:nth-child(1) .txt h3{ background:none}

.index03 .bd li:nth-child(2) .txt h3{ background:none}

.index03 .bd li:nth-child(3) .txt h3{ background:none}

}

.w352 { width: 1200px; margin: 0 auto; }
.w352 .img-center { text-align: center; font-size: 0; }
.w352 .img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; }


.ey-b352 { height: 400px; background: no-repeat center; }

.w352 .panel-sd-hd { background-color: #a31928; color: #fff;   }
.w352 .panel-sd-hd h4 { text-align: center; border-bottom: 1px solid #fff; margin: 0; font-size: 24px; padding: 20px 0; }
.w352 .ct2-sd { float:right; width: 240px; }
.w352 .ct2-mn { float:left; width: 930px; }
.w352 .ey-column h3 { margin: 0 0 2px; font-weight: normal;  background: url(../images/s352.png) no-repeat right center #ddd;
 padding: 0 40px;
}
.w352 .ey-column h3 a { display: block; line-height: 50px; font-size: 18px; color: #333; }
.w352 .ey-column h3.on, .w352 .ey-column h3:hover {  background: url(../images/j352.png) no-repeat right center #a31928;
}
.w352 .ey-column h3.on a, .w352 .ey-column h3:hover a { color: #fff; }
.w352 .ey-contact-z2 { background-color: #a31928; text-align: center; color: #fff; padding: 20px; margin-bottom: 20px; }
.w352 .ey-contact-z2 p { margin: 0; }
.w352 .ey-contact-z2 p img { vertical-align: middle; margin-right: 5px; }
.w352 .ey-contact-z2 span { display: block; font-size: 26px; font-weight: bold; margin-top: 10px; line-height: 1; }
.w352 .ey-title-1 { border-bottom: 1px solid #ececeb; height: 44px; margin-bottom: 15px; font-size: 24px; }
.w352 .ey-title-1 span { display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #333; }
.w352 .list-2 { margin: 0 0 0 -20px; }
.w352 .list-2 li { float: left; width: 33.333333%; }
.w352 .list-2 li a { display: block; margin: 0 0 20px 20px; border: 1px solid #ddd; }
.list-2 li .m { height: 225px; line-height: 225px; }
.w352 .list-2 li .text { padding: 5px 20px; }
.w352 .list-2 li h4 { margin: 0; font-size: 18px; line-height: 45px; height: 45px; overflow: hidden; font-weight: normal; text-align: center; }
.w352 .list-2 li a:hover { border-color: #a31928; color: #a31928; }
.w352 .pglist { padding: 20px 0; width: 100%; text-align: center; clear: both; }
.w352 .pglist a { color: #999; padding: 0 12px; margin: 0 3px; display: inline-block; vertical-align: middle; line-height: 28px; background: #fff; border: 1px solid #c7c7c7; }
.w352 .pglist li { display: inline-block; }
.w352 .pglist a:hover, .w352 .pglist .active a { display: inline-block; color: #fff; background: #a31928; border-color: #a31928; box-shadow: 0 0 14px rgba(0, 0, 0, .2); }



@media (max-width: 766px){ 
.w352{ width:100%}

.w352 .ct2-sd{ width:100%}

.w352 .ct2-mn{ width:100%}
.w352 .list-2 li{ width:100%}
}