@charset "utf-8"; 
/*banner*/ 
.bannerbox{ border-bottom:5px solid #F00} 
.banner{height:620px; position:relative; z-index:1;}
.banner .item{ height:620px; background-position:center; background-repeat:no-repeat; background-size:cover}
.banner .item a{ display:block; width:100%; height:100%} 
.banner .slick-dots{ position:absolute; z-index:2; bottom:20px; left:0; right:0; text-align:center}
.banner .slick-dots li{ display:inline-block; width:95px; height:3px;  margin:0 5px; cursor:pointer; background-color:#000}
.banner .slick-dots li.slick-active{ background-color:#ff6600;  }
.banner .slick-dots button{ display:none}
.banner .slick-arrow{ position:absolute; z-index:1; width:23px; height:37px; cursor:pointer; overflow:hidden; text-indent:-99px; border:none;top:50%; margin-top:-18px; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:100%} 

.cj01{position:relative; z-index:1;}
.cj01 .item{height:538px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj02{position:relative; z-index:1;}
.cj02 .item{height:527px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj03{position:relative; z-index:1;}
.cj03 .item{height:245px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj04{position:relative; z-index:1;}
.cj04 .item{height:833px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj05{position:relative; z-index:1;}
.cj05 .item{height:695px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj06{position:relative; z-index:1;}
.cj06 .item{height:325px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj07{position:relative; z-index:1;}
.cj07 .item{height:943px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj08{position:relative; z-index:1;}
.cj08 .item{height:309px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj09{position:relative; z-index:1;}
.cj09 .item{height:907px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj10{position:relative; z-index:1;}
.cj10 .item{height:657px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj11{position:relative; z-index:1;}
.cj11 .item{height:681px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj12{position:relative; z-index:1;}
.cj12 .item{height:308px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj13{position:relative; z-index:1;}
.cj13 .item{height:1028px;background-position:center; background-repeat:no-repeat; background-size:cover}
.cj14{position:relative; z-index:1;}
.cj14 .item{height:391px;background-position:center; background-repeat:no-repeat; background-size:cover}

.plo{ text-align:center; margin-bottom:45px;line-height:1.1; margin-bottom:35px }  
.plo h3{ font-size:40px; font-weight:bold; margin-bottom:15px}
.plo .line{ height:27px; background:url(../images/ico-01.png) no-repeat center; background-size:auto 100%}

.index01{ padding-top:80px; padding-bottom:90px}
.index01 .bd .p1{ text-align:center; color:#ff0000; font-size:30px; margin-bottom:5px}
.index01 .bd ul{ margin-bottom:25px}
.index01 .bd ul li{ width:33.33%; text-align:center; float:left; height:390px; background-color:#ff9833; padding-top:68px; font-size:28px; color:#000; line-height:1.4}
.index01 .bd ul li .p span{ display:block;}
.index01 .bd ul li:nth-child(2){ background-color:#ff0000}
.index01 .bd ul li:nth-child(3){ background-color:#ffcb00}
.index01 .bd ul li:nth-child(2) .p,.index01 .bd ul li:nth-child(3) .p{ padding-top:20px}
.index01 .bd ul li .year{ margin-bottom:30px}
.index01 .bd ul li .year i{ font-size:50px; font-family:Impact; }
.index01 .bd ul li .year em{ font-size:34px;  vertical-align:text-bottom; position:relative;top:-5px; margin-left:2px}
.index01 .bd ul li .year em.b{ font-size:45px; font-weight:bolder}
.index01 .bd .ms{ font-size:20px; text-align:center; color:#666666; line-height:2.2}
.index01 .bd .ms span{ display:block}

.index02{ overflow:hidden; position:relative}
.index02 .bd{ width:70%; margin:0 auto; position:static}
.index02 .bd img{ width:100%; overflow:hidden}
.index02 .slick-list{ overflow:visible !important}
.index02 .slick-arrow{ width:15%; position:absolute; z-index:2;top:0; bottom:0; background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,.3); border:none; overflow:hidden; text-indent:-999999px; cursor:pointer}
.index02 .slick-prev{ left:0; background-image:url(../images/ico-prev.png)}
.index02 .slick-next{ right:0; background-image:url(../images/ico-next.png)}

.index03{ padding:70px 0}
.index03 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; position:relative}
.index03 .bd .txt{ background-color:#000; text-align:center; width:34.1%;flex:0 0 34%; color:#fff; line-height:1.1; padding-top:90px}
.index03 .bd .txt .p1{ font-size:40px; margin-bottom:10px}
.index03 .bd .txt .p2{ font-size:47px; font-weight:bold; margin-bottom:190px}
.index03 .bd .txt .p3{ font-size:30px; color:#F00; margin-bottom:28px}
.index03 .bd .txt .p4 a{ display:inline-block; font-size:30px; color:#fff; border:2px solid #fff; border-radius:90px; padding:5px 10px}
.index03 .bd .img{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; overflow:hidden}
.index03 .bd .img img{ display:block; width:100%}
.index03 .bd .jts{ position:absolute; z-index:3; right:-60px;top:0;}
.index03 .bd .jts span{ display:block; width:38px; height:39px; background-repeat:no-repeat; background-position:center; background-size:100%; margin-bottom:10px}
.index03 .bd .jts .prev{ background-image:url(../images/ico-jtl.png)}
.index03 .bd .jts .next{ background-image:url(../images/ico-jtr.png)}

.index04{ background-color:#ff0000; padding-top:65px; text-align:center;}
.index04 .plo h3{ color:#000}

.index04 .p1{ color:#fff; font-size:38px; font-weight:bold; margin-bottom:115px}
.index04 .img{ height:440px; background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:1px}
.index04 .p2{ margin-top:-85px;}
.index04 .p2 span{ display:inline-block; background-color:#fff; width:190px; height:190px; border-radius:50%; margin:0 44px; font-size:48px; padding-top:10px}
.index04 .p3{ font-size:66px; font-weight:bold; color:#F00; margin-top:65px}
.index04 .p4{ font-size:60px; color:#F00}
.index04 .p4:after,.index04 .p4:before{ content:""; display:inline-block; vertical-align:middle; width:70px; height:2px; background-color:#F00; margin:0 20px}

.index05{ padding-top:50px; padding-bottom:45px}
.index05 .jt{ text-align:center; margin-bottom:30px}
.index05 .jt span{ display:inline-block; vertical-align:middle; width:40px; height:31px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin:0 5px}
.index05 .jt span.prev{ background-image:url(../images/jt01l.png)}
.index05 .jt span.next{ background-image:url(../images/jt01r.png)}

.index05 .plo h3{ font-size:40px; font-weight:bold}
.index05 .plo h3 i{ font-size:30px; vertical-align:middle; position:relative;top:-2px}

.index05{ overflow:hidden;}
.index05 .bd{ position:relative}
.index05 .bd:before{ content:""; display:block; position:absolute; height:5px; background-color:#000; width:2600px; left:50%; margin-left:-1300px;top:50%; margin-top:-2.5px;}
.index05 ul{ margin:0 -1%}
.index05 li{ float:left; width:31.33%; margin:0 1%}
.index05 li img{ display:block; width:100%}

.index06{ padding-top:45px;}
.plo .title:before,.plo .title:after{ content:""; display:inline-block; vertical-align:middle; height:1px; width:165px; border-bottom:2px dashed #949494}
.plo .t{ display:inline-block; padding:0 70px; position:relative; vertical-align:middle}
.plo .t:before{ content:""; display:block; width:2px; height:30px; background-color:#787878; position:absolute; z-index:1; left:0;top:50%; margin-top:-15px;}
.plo .t:after{ content:""; display:block; width:2px; height:30px; background-color:#787878; position:absolute; z-index:1; right:0;top:50%; margin-top:-15px;}
.plo .title .p1{ font-size:40px; margin-bottom:10px}
.plo .title .p1 b{ color:#ff6600}
.plo .title .p2{ font-size:24px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px}

.index06 .lins{ text-align:center; margin-bottom:25px}
.index06 .lins span{ display:inline-block; width:135px; height:25px; border:2px solid #333; margin:0 5px;}
.index06 .lins span:nth-child(1){ background-color:#F00; border:2px solid #F00}

.index06 li{ float:left; width:25%; height:635px; background-repeat:no-repeat; background-position:center; background-size:cover}
.index06 li:nth-child(2){ width:50%}
.index06 li img{ display:block; width:100%}
.index06 .l2{ text-align:center}
.index06 .l2 .txt{ color:#fff; display:inline-block; text-align:left; font-size:25px; padding-top:140px; line-height:2; margin-bottom:90px;}
.index06 .l2 .txt .p4 span{ font-size:40px; font-weight:bold}
.index06 .l2 .ta{ background-color:#ff0000; color:#fff; width:80%; margin:0 auto; font-size:24px; line-height:1.2; padding:25px 0; position:relative}
.index06 .l2 .ta .p2{ font-size:40px; margin-top:5px}
.index06 .l2 .ta .p2 a{ font-size:40px; color:#FFF;}
.index06 .l2 .ta:before{ content:""; display:block; width:90px; position:absolute; z-index:2; left:0;top:0; bottom:0; background:#000000 url(../images/jt02l.png) no-repeat center;}
.index06 .l2 .ta:after{ content:""; display:block; width:90px; position:absolute; z-index:2;right:0;top:0; bottom:0; background:#fff url(../images/jt02r.png) no-repeat center;}

.hez{ background-color:#000; color:#fff; padding:45px 0; text-align:center}
.hez .t{ display:inline-block; font-size:16px; border:1px solid #fff; border-right:none; padding-left:10px; height:30px; line-height:28px; margin-right:10px; position:relative}
.hez .t:after{transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  content:""; display:block; width:20px; height:20px; border-top:1px solid #fff; border-right:1px solid #fff; position:absolute; z-index:2; right:-10px;top:50%; margin-top:-10px;}
.hez .t span{ display:block; position:relative; z-index:3}
.hez .p{ display:inline-block}
.hez .p span{ display:inline-block; padding:0 30px; border-right:1px solid #fff; height:34px;}
.hez .p span:last-child{ border-right:none}
.hez .p span img{ height:34px;}

.index07{ padding-top:75px; padding-bottom:210px}

.index07 .bdd{ position:relative; height:380px;}
.index07 .txt{ width:450px;}
.index07 .txt li{ margin-bottom:1px;}
.index07 .txt li a{ display:block; height:75px; line-height:75px; font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background-color:#cbcbcb; padding-left:30px; padding-right:45px;}
.index07 .txt li:nth-child(2) a{ background-color:#F00; color:#fff}
.index07 .txt li:nth-child(4) a{ background-color:#808080; color:#fff}
.index07 .imgs{ position:absolute; z-index:2; right:0; left:451px; bottom:0;top:0;}
.index07 .imgs li{ position:absolute; left:0;top:0;}
.index07 .imgs ul,.index07 .imgs li,.index07 .imgs a,.index07 .imgs .img{ display:block; width:100%; height:100%;}
.index07 .imgs .img{ background-repeat:no-repeat; background-position:center; background-size:cover}

.index08{ background:url(../images/index08bg.jpg) no-repeat center; background-size:cover;}
.index08 .weap{ padding-top:110px; padding-bottom:160px; position:relative}
.index08 .index0801{ position:absolute; z-index:2; right:-80px;top:-125px; width:295px}
.index08 .index0801 img{ width:100%}
.index08 .bd{ max-width:660px; margin:0 auto}
.index08 .bd .title{ text-align:center; color:#F00; font-size:32px; margin-bottom:40px}
.index08 .bd li .input{ width:100%; border:2px solid #fff; background-color:rgba(255,255,255,.8); height:58px; line-height:54px; border-radius:5px; font-size:18px; padding-left:65px; padding-right:20px}
.index08 .bd li{ margin:0 1%; margin-bottom:10px; position:relative; float:left; width:98%}
.index08 .bd li.c2{ float:left; width:48%; margin:0 1%;margin-bottom:10px}
.index08 .bd li textarea{ width:100%; border:2px solid #fff; background-color:rgba(255,255,255,.8); height:110px;  border-radius:5px; font-size:18px; padding:10px 0; padding-left:65px; padding-right:20px}
.index08 .bd li i{ display:block; width:32px; height:32px; position:absolute; z-index:3; left:20px;top:10px; background-position:center; background-repeat:no-repeat; background-size:100%}
.index08 .bd li .ico-a01{ background-image:url(../images/ico-a01.png)}
.index08 .bd li .ico-a02{ background-image:url(../images/ico-a02.png)}
.index08 .bd li .ico-a03{ background-image:url(../images/ico-a03.png)}
.index08 .bd li .ico-a04{ background-image:url(../images/ico-a04.png)}
.index08 .bd li .inbtn{ width:270px; line-height:64px; height:64px; background-color:#F00; color:#c6c9ca; margin:0 auto; border:none; border-radius:64px; cursor:pointer; font-size:40px; display:block;}
.index08 .bd .libtn{ margin-top:45px;}

.index09{ background-color:#e5e5e5; padding:45px 0}
.index09 ul{ font-size:0; text-align:center}
.index09 ul li{ display:inline-block; vertical-align:middle; width:25%; border-right:2px solid #8b8b8b; padding:0 10px}
.index09 ul li:last-child{ border-right:none}
.index09 ul li img{ max-width:100%;}

.lanmumain{ padding-bottom:205px}
/*vr*/
.vryiji-list{ padding-top:80px; padding-bottom:30px;}
.vryiji-list .bd ul{ margin:0 -15px}
.vryiji-list .bd li{ float:left; width:50%}
.vryiji-list .bd li a{ display:block; margin:0 15px; overflow:hidden; position:relative}
.vryiji-list .bd li img{ display:block; width:100%;}
.vryiji-list .bd li .hpop{ position:absolute; z-index:2; left:10px; right:10px;top:50%; color:#fff; text-align:center; margin-top:-93px;}
.vryiji-list .bd li h3{ font-size:32px; margin-bottom:40px;}
.vryiji-list .bd li .more span{ display:inline-block; width:140px; height:48px; line-height:48px; background-color:#F00; color:#fff; border-radius:48px; font-size:24px}
.vryiji-list .bd li .p{ font-size:20px; margin-top:15px;}

.vryiji01{ padding-top:30px; padding-bottom:100px; text-align:center}
.vryiji01 .hd{ margin-bottom:5px}
.vryiji01 .hd h3{ font-size:32px; color:#ff0000; font-weight:bold}
.vryiji01 .bd{ font-size:16px; color:#999; line-height:2}
.vryiji01 .bd span{ display:block}

.lanmunav{ border-bottom:3px solid #e5e5e5;border-top:3px solid #e5e5e5; margin-top:5px; margin-bottom:55px}
.lanmunav ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:80px;}
.lanmunav ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; border-right:3px solid #fff; min-width:0}
.lanmunav ul li a{ display:block; line-height:80px; background-color:#e5e5e5; text-align:center; font-size:28px; color:#818181}
.lanmunav ul li.on a{ border-bottom:4px solid #F00; line-height:79px}
.lanmunav ul li.ss-a{-webkit-box-flex:0 0 80px;-ms-flex:0 0 80px;-webkit-flex:0 0 80px;flex:0 0 80px; background:#cbcbcb url(../images/ico-s.png) no-repeat center; cursor:pointer; border-right:none;}

.vrerji-list .bd ul{ margin:0 -15px;}
.vrerji-list .bd li{ float:left; width:33.33%; margin-bottom:38px}
.vrerji-list .bd li a{ display:block; margin:0 15px;}
.vrerji-list .bd li .img{ overflow:hidden; height:280px; margin-bottom:15px;}
.vrerji-list .bd li .img img{ display:block; width:100%; height:100%;}
.vrerji-list .bd li .txt{text-align:center;}
.vrerji-list .bd li .txt h3{  font-size:16px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vrerji-list .bd li .txt h3:before{ content:""; display:inline-block; vertical-align:middle; width:12px; height:12px; border:3px solid #F00; border-radius:50%; position:relative;top:-2px; margin-right:5px}
.vrerji-list .bd li .more{ margin-top:10px}
.vrerji-list .bd li .more span{ display:inline-block; width:145px; height:48px; line-height:48px; border-radius:48px; background-color:#F00; color:#fff; font-size:20px;}

/*产品中心*/
.product01{ padding-top:60px; padding-bottom:45px} 
.product01 .bd{ text-align:center}
.product01 .bd .l1{ margin-bottom:25px;}
.product01 .bd .l2{ font-size:42px; color:#cb9833}
.product01 .bd .l3{ font-size:20px; margin-bottom:20px}
.product01 .bd .l4{ font-size:16px; color:#666}
.product01 .bd .l4 span{ display:block}

.product15 .bd li .img{ overflow:hidden}
.product15 .bd .l11 img{ display:block; width:100%;}

.product02{ background-color:#e5e5e5; padding-top:65px; padding-bottom:30px}
.product02 .bd .year{ background:url(../images/yearbg.png) no-repeat left bottom; background-size:100%; margin-bottom:2px; font-size:23px; padding-left:10px; color:#5f5d5d}
.product02 .bd{ max-width:910px; margin:0 auto}
.product02 .bd ul{ margin:0 -15px; font-size:0}
.product02 .bd li{ display:inline-block; vertical-align:top;width:25%; margin-bottom:30px}
.product02 .bd li .a{ display:block; margin:0 15px;}
.product02 .bd li .img{ overflow:hidden}
.product02 .bd li .img img{ display:block; width:100%}
.product02 .bd li h3{ border-top:1px solid #c4c3c3; margin-top:10px; padding-top:5px; color:#6f6d6d; font-weight:normal; font-size:14px}
.product02 .txt{ text-align:center}
.product02 .txt span{ display:block}
.product02 .txt .p1{ font-weight:bold; margin-bottom:5px;font-size:16px; }
.product02 .txt .p2{ font-size:12px; color:#999; text-transform:uppercase}

.product03{ background:url(../images/product03bg.jpg) no-repeat center; background-size:cover; text-align:center; color:#fff; padding-top:70px; padding-bottom:60px;}
.product03 .p1 span{ display:block; line-height:2;font-size:16px; }
.product03 .p2{ text-align:center; margin-top:35px;}
.product03 .p2 a{ margin:0 15px; display:inline-block; vertical-align:middle; width:160px; height:44px; line-height:40px; border:2px solid #fff; border-radius:44px; font-size:28px; color:#fff}
.product03 .p2 a.a1{ background-color:#F00; border:2px solid #F00}

.product031{ background:url(../images/cf03.jpg) no-repeat center; background-size:cover; text-align:center; color:#fff; padding-top:70px; padding-bottom:60px;}
.product031 .p1 span{ display:block; line-height:2;font-size:16px; }
.product031 .p2{ text-align:center; margin-top:35px;}
.product031 .p2 a{ margin:0 15px; display:inline-block; vertical-align:middle; width:160px; height:44px; line-height:40px; border:2px solid #fff; border-radius:44px; font-size:28px; color:#fff}
.product031 .p2 a.a1{ background-color:#F00; border:2px solid #F00}

.product04{ padding-top:50px; padding-bottom:25px}
.product04 .bd li{ float:left; background-repeat:no-repeat; background-position:center top; background-size:cover; position:relative}
.product04 .bd{ max-width:1168px}
.product04 .bd li.l1{ width:67.6%; height:659px;    background-position: center right;}
.product04 .bd li.l2{ width:32.4%; height:461px;}
.pv-video{ width:100%; height:100%; background-color:#000}
.product04 .bd li.l3{ width:32.4%; height:198px;}
.product04 .bd li.l1 .p1{ position:absolute; z-index:2; background-color:#F00; color:#fff; right:0; font-size:20px; padding:35px 50px;top:305px}
.product04 .bd li.l1 .p1 span{ display:block}
.product04 .bd li.l1 .p1 .sp1{ font-size:34px; font-weight:bold}
.product04 .bd li.l1 .p1 .sp2{ letter-spacing:1.5px}
.product04 .bd li.l1 .p2{ position:absolute; z-index:2; right:0;top:490px; padding-right:75px; line-height:2}
.product04 .bd li.l1 .p2 span{ display:block; color:#fff; font-size:16px;}
.product04 .bd li.l1 .p2 .sp2{ font-weight:bold}
.product04 .bd li.l3 a{ display:block; position:absolute; width:160px; height:42px; line-height:42px; background-color:#F00; color:#fff; border-radius:42px; font-size:26px; text-align:center;top:75px; right:50px;}

.product05 .bd .p1{ height:88px; background:url(../images/product0501.jpg) no-repeat center; background-size:cover}
.product05 .bd{ background-color:#000; padding:50px 0}
.product05 .bd .weap{ background-color:#fff}

.product05 .bd .p2{ height:206px; background:url(../images/product0502.jpg) no-repeat center left; background-size:auto 100%; max-width:805px; margin:0 auto; position:relative}
.product05 .bd .p2 .arrow{ position:absolute; z-index:2; width:78px;top:20px; bottom:20px; background:#000 url(../images/product0501.png) no-repeat center; background-size:100%; right:-78px;}
.product05 .bd .p2 .txt{ float:right; padding-top:80px; padding-right:40px;}
.product05 .bd .p2 .txt .left,.product05 .bd .p2 .txt .right{ display:inline-block; vertical-align:top;}
.product05 .bd .p2 .txt .left{ text-align:right; font-size:16px; line-height:1.9}
.product05 .bd .p2 .txt .right{ font-weight:bold; color:#cbcbcb; margin-left:26px; line-height:1.6; font-family:"微软雅黑" }

.product05 .p3{ background-color:#e5e5e5}
.product05 .p3 .box{max-width:805px;margin:0 auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:20px 0}
.product05 .p3 .box .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; text-align:right; margin-right:-10%}
.product05 .p3 .box .right img{ max-width:100%;}
.product05 .p3 .box .left{ font-size:14px; color:#989898;flex:0 0 310px;}
.product05 .p3 .box .left span{ display:block;}
.product05 .p3 .box .left .sp1{ font-size:16px; font-weight:bold; margin-bottom:10px; color:#333}
.product05 .p3 .box .left .sp2{ margin-bottom:10px}
.product05 .p3 .box .left .sp3{ color:#cc9a37; margin-bottom:10px}
.product05 .p3 .box .left .more a{ display:inline-block; width:86px; height:26px; line-height:26px; background-color:#F00; border-radius:26px; color:#fff; text-align:center}

.product06{ padding-top:45px; padding-bottom:30px;}
.product06 .bd .line{ border:1px solid #cecece; height:36px; background:url(../images/ico-d.png) no-repeat center;}
.product06 .bd .p1{ text-align:center; color:#fff; padding-top:100px; padding-bottom:60px; background-repeat:no-repeat; background-position:center; background-size:cover}
.product06 .bd .p1 span{ display:block}
.product06 .bd .p1 .sp1{ font-size:24px; font-weight:bold; margin-bottom:10px}
.product06 .bd .p1 .sp2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; letter-spacing:1px}

.product06 .bd .p2{ background-color:#000; background-repeat:no-repeat; background-position:left center; background-size:auto 100%; height:320px}
.product06 .bd .p2 .txt{ width:340px; background-color:#000; height:320px; float:right; text-align:center; padding-top:50px}
.product06 .bd .p2 .txt .t{ font-size:18px; font-weight:bold; color:#fff; margin-bottom:10px}
.product06 .bd .p2 .txt ul{ width:260px; margin:0 auto;}
.product06 .bd .p2 .txt ul li{ float:left; width:50%; margin-bottom:5px; height:32px; background-color:#fff; line-height:32px; color:#cb9833}
.product06 .bd .p2 .txt ul li:nth-child(odd){background-color:#cb9833;  color:#fff}

.product07{ padding-top:30px; padding-bottom:30px}
.product07 .bdd{ margin-bottom:18px;}
.product07 .hd{ float:left; width:25.5%}
.product07 .hd ul{ padding-left:110px;max-width:100%; padding-top:120px;}
.product07 .hd ul li{ font-size:22px; margin-bottom:50px; color:#666666}
.product07 .hd ul li.on{ font-weight:bold}
.product07 .bd{ float:right; width:74.5%;}
.product07 .bd img{ width:100%; display:block;}
.product07 .hd ul li.on:after{ content:""; display:inline-block; vertical-align:middle;width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 10px solid #808080;
    border-bottom: 8px solid transparent; margin-left:25px}
.product07 .hd ul li.fg{ height:68px; background:url(../images/ico-fg.png) no-repeat left center; background-size:auto 100%}	

.product07 .bdd02{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.product07 .bdd02 .t{  width:25.5%; padding-left:110px; color:#8d969b; font-size:18px;}
.product07 .bdd02 .t span{ display:block;}
.product07 .bdd02 .t .sp1{ font-weight:bold}
.product07 .bdd02 .p{width:74.5%; height:178px; background:#8d969b url(../images/product0702.png) no-repeat center; background-size:auto 30%}

.product08{ padding-top:30px; padding-bottom:30px;}
.product08 .bd{ background-color:#000; padding:60px 0}
.product08 .bd .weap{ background-color:#fff}
.product08 .left{ float:left; width:34.5%}
.product08 .left .item01{ height:325px; padding-top:50px;}
.product08 .left .item01 .txt{ max-width:285px; margin:0 auto}
.product08 .left .item01 .txt .p1{ font-size:22px;}
.product08 .left .item01 .txt h3{ font-size:30px; font-weight:normal; line-height:1.2; margin-bottom:30px}
.product08 .left .item01 .txt .ms span{ display:block}
.product08 .left .item01 .txt .ms{ line-height:1.8}
.product08 .left .item01 .txt .line{ height:17px; background:url(../images/ico-y.png) no-repeat center; background-size:auto 100%; margin-top:20px}
.product08 .left .item02{ height:215px; background-position:center; background-repeat:no-repeat; background-size:cover}

.product08 .right{ float:right; width:65.5%; position:relative; height:540px;}
.product08 .right .img{ height:420px; background-repeat:no-repeat; background-position:center; background-size:cover}
.product08 .right .title{ position:absolute; z-index:2; left:0; bottom:0; background-color:#ff0000; color:#fff; padding:70px;}
.product08 .right .title span{ display:block;}
.product08 .right .title .sp1{ font-size:34px; font-weight:bold}
.product08 .right .title .sp2{ font-size:23px; }
.product08 .right .txts{ text-align:right; padding-right:60px; padding-top:38px}
.product08 .right .txts span{ display:block}

.product09{ padding:60px 0}
.product09 .bdd{ background-color:#000}
.product09 .bd{ float:left; width:84.5%; padding-left:90px;}
.product09 .bd .item{ }
.product09 .bd .item img{ display:block; width:100%}
.product09 .slick-arrow{ position:absolute; z-index:2; left:0;top:0; bottom:0; cursor:pointer; width:90px; background-color:#F00; border:none; cursor:pointer; overflow:hidden; text-indent:-9999px; background-position:center; background-repeat:no-repeat;}
.product09 .slick-prev{right:0; left:auto;display:none !important}
.product09 .slick-next{  background-image:url(../images/jt02l.png); }
.product09 .hd{ float:right; width:15.5%; text-align:center;color:#fff; padding-top:78px; padding-right:4.5%}
.product09 .hd span{ display:block;  width:25px; float:right; font-size:23px; margin:0 5px}

.product08 .right .im{ position:absolute; z-index:2; left:0; bottom:0; background-color:#ff0000; color:#fff; padding:60px 40px;}
.product08.about02 .left .item01{ background-color:#fbf6f6}
.product08.about02 .right .txts{ padding-right:0}

.about02{ padding-top:0; padding-bottom:40px}
.about03 .bd{ background:url(../images/about03bg.jpg) no-repeat center; background-size:cover; padding-top:100px; padding-bottom:90px}
.about03 .bd .p1{ height:295px; background-repeat:no-repeat; background-position:center; background-size:cover}
.about03 .bd .p2{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:320px}
.about03 .bd .p201{ width:49.5%; background-repeat:no-repeat; background-position:center; background-size:cover}
.about03 .bd .p202{ width:21.8%; background-color:#ff0000}
.about03 .bd .p202 .p20201{ height:160px; text-align:center; color:#fff; padding-top:35px;}
.about03 .bd .p202 .p20201 h3{ font-size:16px; font-weight:bold}
.about03 .bd .p202 .p20201 .p{ max-width:155px; margin:0 auto;}
.about03 .bd .p202 .p20202{ height:160px;}
.about03 .bd .p203{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.about03 .bd .p3{ text-align:center; color:#fff; margin-top:50px; line-height:2}
.about03 .bd .p3 span{ display:block}
.about03 .bd .p4{ text-align:center; margin-top:30px}
.about03 .bd .p4 a{ display:inline-block; width:160px; height:44px; line-height:42px; border-radius:44px; font-size:28px; border:1px solid #fff; color:#fff; margin:0 14px;}
.about03 .bd .p4 .a1{ background-color:#F00; border:1px solid #F00}

.about04{ padding-top:80px; padding-bottom:35px}
.about04 .bd{ padding:0; background:none}
.about04.product05 .bd .p2{ background:#fff}
.about04.product05 .p3 .box .right{ text-align:left; padding-left:60px}
.about04.product05 .p3 .box{ max-width:1000px; padding:40px 20px}

.about05{ padding-top:35px; padding-bottom:30px}
.about05 .bd{ background:url(../images/about0501.jpg) no-repeat center top; padding-top:85px}
.about05 .bd .p1{ color:#fff; text-align:center; margin-bottom:40px}
.about05 .bd .p1 span{ display:block}
.about05 .bd .p2{ text-align:center; margin-bottom:28px;}
.about05 .bd .p2 a{display:inline-block; width:160px; height:44px; line-height:42px; border-radius:44px; font-size:28px; background-color:#F00; border:1px solid #F00; color:#fff; }
.about05 .bd .p3{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:660px}
.about05 .bd .p3 .left{ width:68%; background-repeat:no-repeat; background-position:center top; background-size:cover; position:relative}
.about05 .bd .p3 .right{ width:32%; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative}
.about05 .bd .p3 .left .txt{ background:#F00; color:#fff; position:absolute; z-index:3; right:0;top:305px; padding:30px 50px}
.about05 .bd .p3 .left .txt .s1{ font-size:34px; font-weight:bold; line-height:1.1; margin-bottom:10px}
.about05 .bd .p3 .left .txt .s2{ font-size:16px;}
.about05 .bd .p3 .left .txt .s2 span{ display:block}

.about06{ padding-top:30px; padding-bottom:40px}
.about06 .p1{ text-align:center; margin-bottom:20px}
.about06 .p1 h3{ font-weight:normal; color:#F00; font-size:34px;}
.about06 .p1 span{ display:block}
.about06 .p2 .a{ background-color:#eee; margin:0 2px; height:325px; line-height:304px; font-size:0; text-align:center; padding:10px}
.about06 .p2 .a img{ display:inline-block; max-width:100%; max-height:100%}

/*集成美装家*/
.beautiful01{ padding:60px 0}
.beautiful01 .bd{ margin-bottom:45px}
.beautiful01 .bd img{ display:block; width:100%}
.beautiful01 .bd span{ display:inline-block; font-size:20px; border:2px solid #c4c4c4; padding:0 10px; color:#848484}
.beautiful01 .bd .t{ margin-bottom:40px;}
.beautiful01 .bd .left{ float:left; padding-right:17px; width:50%;}
.beautiful01 .bd .left .t{ text-align:right}
.beautiful01 .bd .right{ float:right; padding-left:17px; width:50%}
.beautiful01 .more{ text-align:center; margin-bottom:80px}
.beautiful01 .more a{ display:inline-block; font-size:28px; width:164px; height:44px; line-height:44px; border-radius:44px; color:#fff; background-color:#F00}
.beautiful01 .tis{ text-align:center}
.beautiful01 .tis img{ max-width:100%}

.beautiful02{ background:url(../images/beautiful02bg.jpg) no-repeat center; background-size:cover; padding:90px 0}
.beautiful02 .title{ text-align:center; margin-bottom:80px}
.beautiful02 .title img{ max-width:100%;}
.beautiful02 .bd{ position:relative}
.beautiful02 .bd ul{ font-size:0;}
.beautiful02 .bd li{ display:inline-block; font-size:16px; color:#e6e6e6; width:50%; vertical-align:top; margin-bottom:30px}
.beautiful02 .bd li .t{ font-weight:bold; color:#F00}
.beautiful02 .bd li:nth-child(odd){ padding-right:130px}
.beautiful02 .bd li:nth-child(even){ padding-left:130px}
.beautiful02 .bd .icos{ position:absolute; z-index:2;top:-20px; left:50%; margin-left:-46px;}
.beautiful02 .bd .icos span{ display:block; width:92px; height:106px; background-position:center; background-repeat:no-repeat; background-size:auto 100%; margin-bottom:40px}
.beautiful02 .bd .icos .ico-c01{ background-image:url(../images/ico-c01.png)}
.beautiful02 .bd .icos .ico-c02{ background-image:url(../images/ico-c02.png)}
.beautiful02 .bd .icos .ico-c03{ background-image:url(../images/ico-c03.png)}
.beautiful02 .bd .icos .ico-c04{ background-image:url(../images/ico-c04.png)}
.beautiful02 .bd .icos .ico-c05{ background-image:url(../images/ico-c05.png)}

.beautiful03{ padding-top:100px; padding-bottom:40px}
.beautiful03 .ts{ line-height:1.1; margin-bottom:70px}
.beautiful03 .ts .eng{ font-size:50px; font-weight:bold; text-transform:uppercase; margin-bottom:10px}
.beautiful03 .ts .p{ font-size:33px; color:#868686}
.beautiful03 .ts .line{ width:110px; height:9px; background-color:#F00; margin-top:15px}

.beautiful03 .hd{ text-align:center; margin-bottom:50px;}
.beautiful03 .hd .t{display:inline-block; vertical-align:middle; height:40px; line-height:40px;font-size:22px; background-color:#000; color:#fff; padding:0 20px}
.beautiful03 .hd ul{ display:inline-block; vertical-align:middle;}
.beautiful03 .hd ul li{ display:inline-block; vertical-align:middle; margin:0 2px;}
.beautiful03 .hd ul li i{ display:block; height:40px; line-height:36px; border:2px solid #b5b5b5; position:relative; color:#666; font-size:22px; cursor:pointer; padding:0 10px}
.beautiful03 .hd ul li.on i{ border:2px solid#F00; background-color:#F00; color:#fff}
.beautiful03 .hd ul li.on i:after{ content:""; display:block; background-color:#F00; width:10px; height:10px; position:absolute; z-index:2;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); left:50%; margin-left:-5px; bottom:-5px }
.beautiful03 .bd li img{ display:block; width:100%}

.beautiful04{ padding-top:40px; }
.beautiful04 .bd .title{ font-size:28px; color:#fff; margin-bottom:20px}
.beautiful04 .bd .title span{ color:#F00}
.beautiful04 .bd{ padding:130px 0; background:url(../images/beautiful04bg.jpg) no-repeat center; background-size:cover; }
.beautiful04 .bd ul{position:relative}
.beautiful04 .bd li{ float:left; width:50.2%}
.beautiful04 .bd li.l3{ float:left; width:49.8%}
.beautiful04 .bd li img{ display:block; width:100%;}
.beautiful04 .bd li.l2{ position:absolute; left:48%;top:-20px; z-index:2; float:none; width:auto; background-color:#F00; color:#fff; width:340px; padding:40px}
.beautiful04 .bd li.l2 span{ display:block}
.beautiful04 .bd li.l2 .sp2{ font-size:22px; font-weight:bold}
.beautiful04 .bd li.l2 a{ display:block; margin-top:40px; width:120px; color:#fff; border:1px solid #fff; height:32px; line-height:30px; text-align:center; font-size:20px; border-radius:32px;}

.plo .p{ font-size:16px; margin-top:20px; color:#999}

.beautiful05{ padding-top:65px; padding-bottom:50px}
.beautiful05 li{ float:left;  width:50%; margin-bottom:30px}
.beautiful05 li .a{ display:block; margin:0 13px;overflow:hidden;}
.beautiful05 li .a .img{ width:50%; overflow:hidden; border-radius:50%}
.beautiful05 li .a .img img{ display:block; width:100%; border-radius:50%}
.beautiful05 li .a .txt{ width:43%; padding-top:40px}
.beautiful05 li .a .txt h3{ font-size:32px; color:#F00; line-height:1.1; font-weight:normal;}
.beautiful05 li .a .txt .adder{ font-size:18px; margin-bottom:15px}
.beautiful05 li .a .txt .p{ font-size:18px; color:#999; text-align:left}
.beautiful05 li:nth-child(odd) .a .img{ float:right}
.beautiful05 li:nth-child(odd) .a .txt{ float:left; text-align:right}
.beautiful05 li:nth-child(even) .a .img{ float:left}
.beautiful05 li:nth-child(even) .a .txt{ float:right}
.beautiful05 .bd{ max-width:1040px; margin:0 auto}
.beautiful05 .more{ text-align:center; margin-top:40px}
.beautiful05 .more a{ display:inline-block; width:166px; height:45px; line-height:45px; background-color:#F00; border-radius:45px; font-size:30px; color:#fff}

.beautiful06{ position:relative}
.beautiful06:after{ content:""; display:block; position:absolute; z-index:-1; background-color:#ff0000; height:750px; left:0; right:0; bottom:120px}
.beautiful06 .bd li{ position:relative; float:left; width:50%; height:610px; background-repeat:no-repeat; background-size:cover; background-color:#000}
.beautiful06 .bd li.l1{ background-color:#e5e5e5; padding-left:214px; padding-top:100px; z-index:2}
.beautiful06 .bd li.l1 span{ display:block}
.beautiful06 .bd li.l1 .p1{ font-size:20px; line-height:1.4; margin-bottom:5px}
.beautiful06 .bd li.l1 .p2{ font-size:16px; text-transform:uppercase; color:#999; line-height:1.4; margin-bottom:40px}
.beautiful06 .bd li.l2{ background-position:center bottom;}
.beautiful06 .bd li.l3,.beautiful06 .bd li.l4,.beautiful06 .bd li.l5,.beautiful06 .bd li.l6{ width:25%}
.beautiful06 .bd li .t{ width:95px; height:36px; line-height:24px; border:4px solid #F00; text-align:center; color:#F00; font-size:18px; position:absolute; z-index:2; left:25px;top:25px}
.beautiful06 .bd li .txt02{ margin-bottom:40px; height:174px;white-space: nowrap; width:747px; background:rgba(255,255,255,.5); position:relative; z-index:3}
.beautiful06 .bd li .txt02 span{ display:inline-block; vertical-align:top; width:165px; font-size:34px; color:#F00; height:174px; padding-top:70px; line-height:1.1; padding-left:35px}
.beautiful06 .bd li .txt02 p{ font-size:20px; color:#333}
.beautiful06 .bd li .txt02 .sp1{ width:198px; color:#fff; background-color:#F00; text-align:center; padding:0; height:200px; position:relative;top:-15px; padding-top:50px; font-weight:bold }
.beautiful06 .bd li .more a{ display:inline-block;width:95px; height:30px; line-height:22px; border:4px solid #F00; text-align:center; color:#F00; font-size:16px; }
.beautiful06 .bd li .tis{ position:absolute; z-index:3; left:20px; bottom:50px; font-size:18px; color:#999}
.beautiful06 .bd li .ptxt{ position:absolute; z-index:2; text-align:center; left:10px; color:#fff; bottom:90px; right:10px; font-size:16px}
.beautiful06 .bd li .ptxt .p1{ line-height:2; margin-bottom:10px}
.beautiful06 .bd li .ptxt .p2 a{ display:inline-block; border:2px solid #fff; color:#fff; font-size:14px; padding:0 5px}
.beautiful06 .bd li.l6{ background-position:center right}

/*招商*/
.attract01{ padding-top:80px; padding-bottom:70px; text-align:center}
.attract01 .title img{ max-width:100%}
.attract01 .title{ margin-bottom:170px;}
.attract01 .bd{ width:510px; height:510px; position:relative; background-color:#e5e5e5; margin:0 auto; border-radius:50%; line-height:1.1; padding-top:190px; position:relative; margin-bottom:203px}
.attract01 .bd .p1{ font-size:54px; border-bottom:3px solid #bababa; width:325px; margin:0 auto; margin:0 auto; padding-bottom:10px; margin-bottom:10px}
.attract01 .bd .p2{ font-size:54px; font-weight:bold; color:#F00}
.attract01 .bd li{ position:absolute; z-index:2; width:210px; height:210px; background-color:rgba(100%,0%,0%,.8); font-size:33px; line-height:1.4; border-radius:50%; color:#000; padding-top:55px;}
.attract01 .bd li span{ display:block;}
.attract01 .bd li.l1{ left:50%; margin-left:-105px;top:-125px;}
.attract01 .bd li.l2{ left:-145px; top:50%; margin-top:-105px;}
.attract01 .bd li.l3{ right:-145px; top:50%; margin-top:-105px; padding-top:80px}
.attract01 .bd li.l4{ left:50%; margin-left:-105px; bottom:-125px;}
.attract01 .b{ text-align:center}
.attract01 .b img{ max-width:100%}

.attract02{ background:url(../images/attract02bg.jpg) no-repeat center; background-size:cover; text-align:center; padding-top:205px; padding-bottom:95px; }
.attract02 .l1{ margin-bottom:35px}
.attract02 li img{ max-width:100%}

.attract03{ padding-top:55px; padding-bottom:55px;}
.attract03 .p1{ font-size:42px; text-align:center; line-height:1.1; margin-bottom:20px}
.attract03 .p2{ font-size:32px; text-align:center; line-height:1.1; margin-bottom:20px; color:#F00}
.attract03 .p3{ width:1000px; max-width:100%; margin:0 auto; margin-bottom:40px}
.attract03 .p3 .s1{ margin-bottom:10px; max-width:80%}
.attract03 .p3 .img{ float:left; text-align:center; width:50%; font-size:20px}
.attract03 .p3 .img img{ width:100%}
.attract03 .p3 .txt{ width:40%; float:right; font-size:20px; padding-top:90px;}
.attract03 .p4{ text-align:center; font-size:32px; position:relative; margin-bottom:30px; line-height:1.1}
.attract03 .p4:after{ content:""; display:block; width:62px; height:37px; background:url(../images/attract0301.png) no-repeat center; background-size:auto 100%; left:50%; margin-left:-31px; position:absolute; bottom:-43px}
.attract03 .p5 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.attract03 .p5 ul li{ position:relative;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; color:#fff; font-size:20px; background-color:#000000; padding:70px 5%; text-align:left}
.attract03 .p5 ul li .p{ font-size:20px; line-height:1.8}
.attract03 .p5 ul li h3{ font-size:30px; margin-bottom:20px; text-align:center}
.attract03 .p5 ul li.l2{ background-color:#F00; border-bottom:10px solid #cbcbcb}
.attract03 .p5 ul li.l2:after{ content:""; display:block; width:38px; height:38px; background:url(../images/ico-01.png) no-repeat center; position:absolute; z-index:2; left:50%; margin-left:-19px; bottom:-14px; background-color:#000;transform:rotate(180deg);}
.attract03 .p6{ text-align:center; margin-top:50px}
.attract03 .p6 img{ max-width:100%}

.attract04{ background:url(../images/attract04bg.jpg) no-repeat center; background-size:cover; color:#fff; padding:115px 0}
.attract04 .p1{ text-align:center; font-size:40px; line-height:1.1; margin-bottom:35px}
.attract04 .p2{ text-align:center; line-height:2; font-size:18px;}
.attract04 .p2 span{ display:block}
.attract04 .p3{ font-size:80px; line-height:1.1; text-align:center; margin-bottom:10px;}
.attract04 .p4{ text-align:center;   font-size:18px; margin-bottom:70px}
.attract04 .p5 img{ max-width:100%}
.attract04 .p5{ margin-bottom:70px}
.index08.attract04 .bd .title{ color:#fff}
.index08.attract04 .weap{ padding-top:0; padding-bottom:0}
.index08.attract04 .bd li .inbtn{ background-color:#ffd202; color:#5f5f60}

.attract05{ padding-top:90px;  }
.attract05 .weap{ width:1178px; max-width:100%;}
.attract05 .p1{ text-align:center; font-size:40px; line-height:1.1; margin-bottom:50px;}
.attract05 .p2{ margin-bottom:40px; height:547px; background:url(../images/attract0501.png) no-repeat center; background-size:100%}
.attract05 .p2 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.attract05 .p2 ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:center; font-size:30px; padding-top:245px;}
.attract05 .p2 ul li span{ display:block; }
.attract05 .p2 ul li:nth-child(2){ color:#fff; padding-top:225px;}
.attract05 .p3 span{ display:block}
.attract05 .p3{ text-align:center; font-size:28px; line-height:1.8; margin-bottom:25px;}
.attract05 .p4{ text-align:center; margin-bottom:25px}
.attract05 .p4 img{ max-width:100%}
.attract05 .p5{ font-size:28px; text-align:center; margin-bottom:40px;}
.attract05 .p6 { text-align:center}
.attract05 .p6 a{ display:inline-block;    width: 270px;
    line-height: 64px;
    height: 64px;
    background-color: #ffd202;
    color: #fff;
    margin: 0 auto;
    border: none;
    border-radius: 64px;
    cursor: pointer;
    font-size: 40px;
    display: block;}
.attract06{ position:relative; overflow:hidden; padding-top:105px}
.attract06:after{content:""; display:block; position:absolute; z-index:2; left:0; right:0; bottom:0; height:250px; background-color:#ff0000}	
.attract06 .weap{ height:365px; position:relative; z-index:3;}	
.attract06 .weap img{ max-width:100%;}
.attract06 .img01{ position:absolute; z-index:2; left:0;top:-60px; width:25%}
.attract06 .img02{ position:absolute; z-index:3; right:-19%; bottom:0; width:102%}

.attract07 .weap{ max-width:1354px;}
.attract07{ background:url(../images/attract07bg.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:95px; padding-bottom:60px}
.attract07 .hd{ margin:0 7px; margin-bottom:30px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.attract07 .hd span{ display:block; font-size:41px; font-weight:bold; margin:0 100px; line-height:1.1}
.attract07 .hd:after,.attract07 .hd:before{content:""; display:block; height:4px; background-color:#fff;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.attract07 .arrow{ background:url(../images/ico-arrow02.png) no-repeat center right; background-size:auto 100%; height:31px; margin-bottom:50px;}
.attract07 .item{ float:left; width:33.33%}
.attract07 .item .a{ margin:0 7px; display:block;}
.attract07 .item .a img{ display:block; width:100%; border:5px solid #ffd202}
.attract07 .hez{ background:none}

.attract08{ background:url(../images/attract08bg.jpg) no-repeat center; background-size:cover; margin-top:210px;}
.attract08 .weap{max-width:1354px; padding-top:150px; padding-bottom:40px; position:relative;}
.attract08 .hd{ position:absolute; z-index:2; right:0;top:-175px;}
.attract08 .hd img{ max-width:100%;}
.attract08 .arrow{ margin:0 7px; background:url(../images/ico-arrow02.png) no-repeat center left; background-size:auto 100%; height:31px; margin-bottom:50px;}
.attract08 .item{ float:left; width:33.33%}
.attract08 .item .a{ margin:0 7px; display:block;}
.attract08 .item .a img{ display:block; width:100%; border:5px solid #ffd202}
.attract08 .p{  color:#fff; font-size:19px;width:900px; max-width:100%; text-align:center; margin:0 auto;margin-top:40px;}

.attract09{ padding-top:70px; padding-bottom:50px;} 
.attract09 .weap{max-width:1354px;}
.attract09 .hd{ margin-bottom:20px;}
.attract09 .hd h3{ text-align:center; color:#F00; font-size:30px; font-weight:normal}
.attract09 .hd .line{    height: 27px;background: url(../images/ico-01.png) no-repeat center;background-size: auto 100%;}
.attract09 .p{ font-size:18px; text-align:center; max-width:900px; margin:0 auto; margin-bottom:25px;}
.attract09 .bd ul{ font-size:0}	
.attract09 .bd li{ display:inline-block; width:33.33%; margin-bottom:17px;}
.attract09 .bd li .a{ margin:0 5.5px;}
.attract09 .bd li .a img{ display:block; width:100%}
.attract09 .bd li:nth-child(1){ width:46.3%}
.attract09 .bd li:nth-child(2){ width:29.3%}
.attract09 .bd li:nth-child(3){ width:24.1%}

.index10{ background:url(../images/index10bg.jpg) no-repeat top center; padding-top:98px; min-height:864px; text-align:center; background-size:cover; padding-bottom:250px}
.index10 .p1{ color:#F00; font-size:32px; margin-bottom:40px}
.index10 .p2{ color:#fff; font-size:19px; margin-bottom:42px;}
.index10 .p2 span{ display:block;text-align:center;}
.index10 .p3 li{ display:inline-block; vertical-align:top; margin:0 9px; margin-bottom:10px;}
.index10 .p3 li img{ height:203px}

.index11{ margin-top:-333px;}
.index11 li{ float:left; width:20%; background-color:#fff; padding:2px; }
.index11 li img{ display:block; width:100%}

/*新闻列表*/
.newslistms{ margin-bottom:55px}
.newslistms h3{ font-size:24px; color:#7f7f7f; margin-bottom:10px}
.newslistms .p{ width:520px; max-width:100%; color:#7f7f7f}
.newslistms .line{ height:4px; width:99px; background-color:#F00; margin-top:10px}
.news-list .bd li{ margin-bottom:30px}
.news-list .bd li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; background-color:#e5e5e5}
.news-list .bd li .img{ width:225px; height:190px; overflow:hidden;flex:0 0 225px; margin-right:60px}
.news-list .bd li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.news-list .bd li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding-top:30px}
.news-list .bd li .txt h3{ font-size:18px; margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list .bd li .txt .ms{ color:#666; height:88px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.news-list .bd li .more{ width:218px; text-align:center; line-height:190px}
.news-list .bd li .more span{ display:inline-block; background-color:#d50504; width:110px; height:35px; line-height:35px; text-align:center; color:#fff; border-radius:35px; font-size:20px}

.newspages{ padding-top:60px; padding-bottom:80px}
.connpage .title{ font-size:24px; font-weight:normal; margin-bottom:20px; text-align:center; line-height:1.1}
.connpage .info{ text-align:center; color:#999; border-bottom:1px dotted #ccc; padding-bottom:20px; margin-bottom:30px}
.connpage .info span{ margin:0 10px}
.connpage .conn{ line-height:2; overflow:hidden; }
.connpage .conn img{ max-width:100%; height:auto !important}
.connpage .nextprev{ margin-top:30px; padding-top:30px; border-top:1px dotted #ccc;display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;}
.connpage .nextprev li{ width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#999}
.connpage .nextprev li a{ color:#999}
.connpage .nextprev li a:hover{ color:#da180e}
.connpage .nextprev li:nth-child(2){ text-align:right;}

.newspagebox{ padding-bottom:50px}
.newspagebox .path{ color:#333; margin-bottom:10px; background-color:#fff;}	
.newspagebox .path a{ color:#333;background: url(../images/crumbs_arrow02.png) no-repeat right center;}
.path span{display:inline-block; }
.path a{ display:inline-block;  padding-right:17px; margin-right:5px}
.path a:last-child{ padding-right:0; background:none}
@media (max-width: 1190px){ 
.banner .item,.banner{ height:53vw}
.cj01 .item{ height:68vw}
.cj02 .item{ height:55vw}
.cj03 .item{ height:25vw}
.cj04 .item{ height:108vw}
.cj05 .item{ height:78vw}
.cj06 .item{ height:28vw}
.cj07 .item{ height:88vw}
.cj08 .item{ height:28vw}
.cj09 .item{ height:78vw}
.cj10 .item{ height:58vw}
.cj11 .item{ height:68vw}
.cj12 .item{ height:28vw}
.cj13 .item{ height:98vw}
.cj14 .item{ height:28vw}
.index03 .bd .txt .p2{ margin-bottom:100px}
.index06 .l2 .ta{ width:90%; font-size:20px}
.index06 .l2 .ta .p2{ font-size:32px}
.index06 .l2 .ta .p2 a{ font-size:32px; color:#FFF;}
 
.topsearch .bd{ width:90%; margin-left:-45%}
.topsearch .intext{ height:50px; line-height:50px; font-size:16px; padding-right:60px}
.topsearch .inbtn{ width:50px; height:50px;}
.index08 .index0801{ right:10px; width:200px;top:-120px}
.product08 .left .item01{ padding-left:10px}
.product05 .bd .p2{ margin-right:78px}

.about06 .p2 .a{ height:45vw; line-height:40vw}

.attract06 .img01{top:-4.6vw; left:10px}

.attract05 .p2{ height:48.72vw}
.attract05 .p2 ul li{ padding-top:20.8vw}
.attract05 .p2 ul li:nth-child(2){ padding-top:19vw}

.vrerji-list .bd li .img{ height:24vw}
} 
 
@media (max-width:1000px){  
 
.index03 .bd{ display:block}
.index03 .bd .txt{ width:100%; padding:30px}
.index03 .bd .jts{ right:0;top:-60px}
.index03 .bd .jts span{ float:right; margin-bottom:0; margin-left:10px;}
.beautiful06 .bd li.l1{ padding-left:20px}
.beautiful06 .bd li .txt02{ width:700px}
.beautiful06 .bd li .txt02 span{ font-size:21px; height:100px}
.beautiful06 .bd li .txt02 p{ font-size:14px}
.beautiful06 .bd li .txt02{ height:100px}
.beautiful06 .bd li .txt02 span{ padding-top:30px}
.beautiful06 .bd li .txt02 .sp1{ height:130px; padding-top:40px}

.product08 .right .im{ padding:30px 10px; bottom:90px}
.product08 .right .im img{ max-width:210px}

.attract06 .img01{top:0; left:10px}
.product07 .hd ul{ padding-left:10px; padding-top:20px}
.product07 .bdd02 .p{ height:120px}

.lanmunav ul{ display:block; font-size:0; height:auto; position:relative}
.lanmunav ul li{ width:33.33%; vertical-align:top; display:inline-block;border-right:2px solid #fff; border-left:2px solid #fff}
.lanmunav ul li.ss-a{ position:absolute; z-index:2; right:0;border-right:2px solid #fff; border-left:2px solid #fff; bottom:0; height:80px; width:33.33%}
}
@media (max-width:900px){ 
.attract01 .bd{ width:56.6vw; height:56.6vw; padding-top:21.2vw; margin-bottom:22.5vw}
.attract01 .bd .p1{ font-size:6vw; width:36vw}
.attract01 .bd .p2{ font-size:6vw}
.attract01 .bd li{ width:23.33vw; height:23.33vw; font-size:3.6vw; padding-top:6.1vw}
.attract01 .bd li.l1{top:-13.8vw; margin-left:-11.66vw}
.attract01 .bd li.l2{ margin-top:-11.66vw; left:-16.11vw}
.attract01 .bd li.l3{margin-top:-11.66vw; right:-16.11vw; padding-top:8.8vw}
.attract01 .bd li.l4{ margin-left:-11.66vw; bottom:-13.88vw}
.attract01 .title{ margin-bottom:20vw}
}
@media (max-width:766px){ 
.bannerbox{ border-bottom:2px solid #F00} 
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:40px}

.index01{ padding-top:40px; padding-bottom:40px}

.plo h3{ font-size:21px}
.plo .line{ height:18px}
.index01 .bd .p1{ font-size:23px; line-height:1.4}
.plo{ margin-bottom:24px}

.index01 .bd ul li{ padding:10px 5px; font-size:14px; height:130px}
.index01 .bd ul li .year i{ font-size:32px}
.index01 .bd ul li .year em{ font-size:16px}
.index01 .bd ul li .year em.b{ font-size:16px}
.index01 .bd ul li .year{ margin-bottom:5px}
.index01 .bd ul li:nth-child(2) .p, .index01 .bd ul li:nth-child(3) .p{ padding-top:0}
.index01 .bd .ms{ font-size:15px; line-height:1.6}
.index01 .bd ul{ margin-bottom:17px}
.index02 .slick-arrow{ background-size:15px}
.index03{ padding:40px 0}
.index03 .bd .jts{top:-37px}
.index03 .bd .jts span{ width:27px; height:27px}
.index03 .bd .txt .p1{ font-size:28px}
.index03 .bd .txt .p2{ margin-bottom:40px; font-size:32px}
.index03 .bd .txt .p3{ font-size:21px; margin-bottom:21px}
.index03 .bd .txt .p4 a{ font-size:21px;}
.index04{ padding-top:45px}
.index04 .bd{ padding-left:10px; padding-right:10px}
.index04 .p1{ margin-bottom:77px; font-size:26px;}
.index04 .p2{ margin-top:-56px}
.index04 .p2 span{ width:120px; height:120px; margin:0 22px; font-size:28px}
.index04 .p3{ font-size:34px; margin-top:30px}
.index04 .p4:after, .index04 .p4:before{ width:30px}
.index04 .p4{ font-size:40px}
.index04 .img{ height:auto; margin:0 -10px; padding:1px 10px; padding-bottom:20px}

.index05{ padding-top:40px; padding-bottom:20px}
.index05 .jt span{ width:28px; height:21px}
.index05 .plo h3{ font-size:28px}
.index05 .plo h3 i{ font-size:21px}
.index05 .bd:before{ height:2px}
.index06{ padding-top:20px}
.plo .t{ padding:0 20px}
.plo .title .p1{ font-size:21px}
.plo .title .p2{ font-size:12px}
.plo .title:before, .plo .title:after{ width:30px}
.index06 .lins span{ height:12px; width:60px}
.index06 .lins{ margin-bottom:17px}
.index06 li{ float:none; width:auto; height:420px;}
.index06 li:nth-child(1){ background-image:url(../images/index0601m.jpg) !important; height:40vw}
.index06 li:nth-child(3){ background-image:url(../images/index0603m.jpg) !important; height:40vw}
.index06 li:nth-child(2){ width:auto; height:auto; padding:20px 10px}
.index06 .l2 .txt{ font-size:17px; padding-top:0; margin-bottom:30px}
.index06 .l2 .txt .p4 span{ font-size:28px}
.index06 .l2 .ta{ width:100%; font-size:14px}
.index06 .l2 .ta:before,.index06 .l2 .ta:after{ width:50px}
.index06 .l2 .ta .p2{ font-size:24px}
.index06 .l2 .ta .p2 a{ font-size:24px; color:#FFF;}
.hez{ padding:20px 0; text-align:left} 
.hez .p { display:block; margin-top:15px; overflow:hidden}
.hez .p span{ padding:0; margin-right:0; padding-right:0; height:23px; margin-bottom:10px; display:block; float:left; width:33.33%; text-align:center}
.hez .p span:nth-child(3n){ border-right:none}
.hez .p span img{ height:23px}
.hez .t{ font-size:14px}
.index07{ padding-top:40px; padding-bottom:110px}
.index07 .imgs{ position:static}
.index07 .txt{ width:auto}
.index07 .bdd{ height:auto}
.index07 .imgs .img{ height:240px}
.index07 .imgs ul{ height:240px !important}
.index07 .txt li a{ font-size:16px; height:49px; line-height:49px; padding-left:10px}
.index08 .index0801{ width:120px;top:-72px}
.index08 .bd .title{ font-size:21px; margin-bottom:28px}
.index08 .bd li .input{ height:42px; line-height:42px; font-size:16px; padding-left:30px; padding-right:10px}
.index08 .bd li i{ width:22px; height:22px; left:10px;}
.index08 .bd li textarea{padding-left:34px; padding-right:10px; padding-top:8px; padding-bottom:10px; font-size:16px}
.index08 .bd .libtn{ margin-top:28px}
.index08 .bd li .inbtn{ height:42px; font-size:28px; width:210px}
.index08 .weap{ padding-bottom:40px}
.index09{ padding-bottom:10px; padding-top:20px}
.index09 ul li{ width:50%; margin-bottom:10px;    border-right: 1px solid #8b8b8b; padding:0 15px}
.index09 ul li:nth-child(even){ border-right:none;}

.beautiful01{ padding-top:40px ; padding-bottom:20px}
.beautiful01 .bd span{ font-size:16px}
.beautiful01 .bd .left{ padding-right:5px;}
.beautiful01 .bd .right{ padding-left:5px}
.beautiful01 .more a{ font-size:20px; width:110px;height:32px; line-height:32px}
.beautiful01 .bd{ margin-bottom:30px}
.beautiful01 .bd .t{ margin-bottom:20px}
.beautiful01 .more{ margin-bottom:30px}
.beautiful02{ padding:40px 0}
.beautiful02 .title img{ max-width:80%}
.beautiful02 .title{ margin-bottom:30px}
.beautiful02 .bd li{ width:100%; padding:0 !important}
.beautiful02 .bd .icos{ display:none}
.beautiful02 .bd li{ font-size:14px; margin-bottom:10px}

.beautiful03{ padding-top:40px; padding-bottom:20px}
.beautiful03 .ts .eng{ font-size:30px}
.beautiful03 .ts .p{ font-size:23px}
.beautiful03 .ts .line{ width:60px; height:2px}
.beautiful03 .ts{ margin-bottom:20px}
.beautiful03 .hd ul li{ margin-bottom:10px; width:30%}
.beautiful03 .hd ul li i{ font-size:14px;    border:1px solid #b5b5b5; height:30px; line-height:28px}
.beautiful03 .hd .t{ display:none}
.beautiful03 .hd ul li.on i:after{ display:none}
.beautiful03 .hd{ margin-bottom:20px}

.beautiful04{ padding-top:20px}
.beautiful04 .bd{ padding:70px 0}
.beautiful04 .bd .title{ font-size:19px}
.beautiful04 .bd li{ float:none; width:auto}
.beautiful04 .bd li.l2{ position:static; width:100%; padding:20px;}
.beautiful04 .bd li.l3{ float:none; width:auto}
.beautiful04 .bd li.l2 .sp2{ font-size:18px}
.beautiful04 .bd li.l2 a{ margin-top:20px; font-size:14px}
.beautiful05{ padding-top:40px; padding-bottom:20px;}
.plo .p{ margin-top:10px; font-size:14px}
.beautiful05 li{ width:100%}
.beautiful05 li .a .img{ width:35%}
.beautiful05 li .a .txt{ width:60%; padding-top:0}
.beautiful05 li .a .txt h3{ font-size:21px}
.beautiful05 li .a .txt .adder{ font-size:14px; margin-bottom:10px}
.beautiful05 li .a .txt .p{ font-size:13px}
.beautiful05 .more a{ font-size:16px; height:36px; line-height:36px; width:150px;}
.beautiful05 .more{ margin-top:0}
.beautiful06{ padding-top:20px;}
.beautiful06 .plo .title .p2{ transform:scale(.7)}
.beautiful06 .plo .t{ padding:0}
.beautiful06 .bd li{ width:100%}
.beautiful06 .bd li .txt02{ width:100%; font-size:0}
.beautiful06 .bd li .txt02 span{ font-size:16px; display:inline-block; width:20%; padding:0; padding-top:30px; padding-left:10px; height:80px;}
.beautiful06 .bd li .txt02 .sp1{ width:20%; padding-top:30px;  height:100px;top:-10px}
.beautiful06 .bd li .txt02{ height:80px;}
.beautiful06 .bd li .txt02 p{ font-size:12px; margin-top:5px}
.beautiful06 .bd li.l1{ padding-left:10px; padding-top:70px; height:auto; padding-bottom:15px}
.beautiful06 .bd li .t{ left:10px;    border: 2px solid #F00; font-size:16px; line-height:30px; height:34px; width:80px}
.beautiful06 .bd li.l1 .p2{ font-size:14px; margin-bottom:20px;}
.beautiful06 .bd li .more a{border: 2px solid #F00; font-size:16px; line-height:30px; height:34px; width:80px;}
.beautiful06 .bd li .tis{ position:static; margin-top:20px; font-size:14px;}
.beautiful06 .bd li{ height:80vw}
.beautiful06 .bd li.l3, .beautiful06 .bd li.l4,.beautiful06 .bd li.l5,.beautiful06 .bd li.l6{ width:50%}
.beautiful06 .bd li.l5,.beautiful06 .bd li.l6{ height:100vw}
.lanmumain{ padding-bottom:120px}
.beautiful06 .bd li.l2{ display:none}
.beautiful06 .bd li.l1{ background-image:url(../images/beautiful0601.jpg)}
.beautiful06 .bd li.l1 .txt01{ color:#fff}
.beautiful06 .bd li.l1 .p2{ color:#fff}
.beautiful06 .bd li .tis{ color:#fff}

.product01{ padding-top:40px; padding-bottom:40px}
.product01 .bd .l1 img{ height:49px}
.product01 .bd .l1{ margin-bottom:15px}
.product01 .bd .l11{ margin-bottom:15px}
.product01 .bd .l2{ font-size:28px}
.product01 .bd .l3{ font-size:15px; margin-bottom:10px}
.product01 .bd .l4{ font-size:15px}
.product08 .left{ float:none; width:auto}
.product08 .right{ float:none; width:auto}
.product08 .left .item01{ height:auto; padding:20px 10px;}
.product08 .left .item01 .txt .p1{ font-size:16px;}
.product08 .left .item01 .txt h3{ font-size:21px; margin-bottom:15px}
.product08 .left .item01 .txt .line{ height:12px}
.product08 .left .item02{ height:60vw}
.product08 .right .img{ height:60vw}
.product08.about02 .right .txts{ padding-top:30px}
.product08 .right{ height:auto}
.product08 .right .im{ bottom:80px}
.product08 .right .im img{ width:160px}

.about03 .bd{ padding-top:40px; padding-bottom:40px}
.about03 .bd .p1{ height:60vw}
.about03 .bd .p202{ width:50%}
.about03 .bd .p203{ display:none}
.about03 .bd .p3{ margin-top:25px; line-height:1.6}
.about03 .bd .p4 a{ font-size:19px; width:130px; height:36px; line-height:34px; margin:0 10px; font-size:16px}

.about04{ padding-top:40px}
.product05 .bd .p1{ height:65px; display:none}
.product05 .bd .p2 .arrow{ width:50px; right:-50px}
.product05 .bd .p2{ margin-right:50px}
.product05 .bd .p2{ height:140px}
.product05 .bd .p2 .txt{ padding-top:20px; padding-right:10px}
.about04.product05 .p3 .box{ padding:20px 10px; display:block}
.about04.product05 .p3 .box .right{ padding-left:0; margin-top:20px}
.product05 .p3 .box .left span{ display:inline}
.about05{ padding-top:0}
.about05 .bd{ padding-top:40px}
.about05 .bd .p1{ margin-bottom:20px}
.about05 .bd .p2 a{ font-size:16px; height:36px; line-height:34px; width:130px}
.about05 .bd .p3{ display:block; height:auto}
.about05 .bd .p3 .left{ width:auto; height:70vw; position:relative; z-index:3}
.about05 .bd .p3 .right{ width:auto; height:100vw; background-position:center top;}
.about05 .bd .p3 .left .txt{top:60vw; padding:20px}
.about05 .bd .p3 .left .txt .s1{ font-size:24px}
.about05 .bd .p3 .left .txt .s2{ font-size:14px}
.about06{ padding-top:10px}
.about06 .p1 h3{ font-size:23px}

.attract01{ padding-top:40px}
.attract01 .title img{ max-width:80%}

.attract01 .b img{ max-width:60%}
.attract02{ padding-top:40px; padding-bottom:40px;}
.attract02 li.l2 img{ max-width:30%}
.attract03{ padding-top:40px; padding-bottom:40px;}
.attract03 .p1{ font-size:28px}
.attract03 .p2{ font-size:20px}
.attract03 .p3 .img{ float:none; width:auto; font-size:15px}
.attract03 .p3 .txt{ float:none; width:auto; padding-top:20px; font-size:16px}
.attract03 .p4{ font-size:21px}
.attract03 .p3{ margin-bottom:20px}
.attract03 .p5 ul{ display:block}
.attract03 .p5 ul li{ padding:20px}
.attract03 .p5 ul li h3{ font-size:21px}
.attract03 .p5 ul li .p{ font-size:14px}
.attract03 .p5 ul li.l2{ border-bottom:0}
.attract03 .p5 ul li.l2:after{ display:none}
.attract03 .p5 ul li.l3:after{    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/ico-01.png) no-repeat center;
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -15px;
    bottom: -10px;
    background-color: #000;
    transform: rotate(180deg);}
.attract03 .p6 img{ max-width:60%}	
.attract04{ padding:40px 0}
.attract04 .p1{ font-size:28px; margin-bottom:20px}
.attract04 .p2{ font-size:15px}
.attract04 .p3{ font-size:35px}
.attract04 .p4{ font-size:15px; margin-bottom:20px}
.attract04 .p5{ margin-bottom:30px}
.attract05{ padding-top:40px}
.attract05 .p1{ font-size:24px; margin-bottom:20px}
.attract05 .p2 ul li{ font-size:4.2vw}
.attract05 .p2{ margin-bottom:20px}
.attract05 .p3{ font-size:18px; line-height:1.6; margin-bottom:15px}
.attract05 .p4 img{ max-width:80%}
.attract05 .p5{font-size:18px; margin-bottom:15px}
.attract05 .p6 a{ font-size:18px; height:42px; line-height:42px; width:160px; margin-bottom:15px}
.attract06{ padding-top:10vw}
.attract06:after{ height:25vw}
.attract06 .weap{ height:40vw} 
.attract07{ padding-top:40px; padding-bottom:40px}
.attract07 .hd span{ font-size:28px; margin:0 20px}
.attract07 .hd:after, .attract07 .hd:before{ height:2px;}
.attract07 .arrow{ height:21px; margin-bottom:20px}
.attract07 .item{  margin-bottom:10px}
.attract07 .item .a img{border: 2px solid #ffd202;}
.attract07 .item .a{ margin:0 2px}
.attract08 .hd{ width:150px;top:-88px}
.attract08{ margin-top:100px}
.attract08 .arrow{ height:21px; margin-bottom:10px}
.attract08 .item .a{ margin:0 2px}
.attract08 .item .a img{border: 2px solid #ffd202;}
.attract08 .p{ font-size:15px; margin-top:20px}
.attract09{ padding-top:40px; padding-bottom:20px}
.attract09 .hd h3{ font-size:21px}
.attract09 .p{ font-size:15px}
.attract09 .bd li .a{ margin:0 2px}
.attract09 .bd li{ margin-bottom:4px}
.index10{ padding-top:40px}
.index10 .p1{ font-size:21px; margin-bottom:20px}
.index10 .p2{ font-size:15px; margin-bottom:20px}
.index10 .p3 li img{ height:120px}
.index10 .p3 li{ margin:0 5px; margin-bottom:10px}
.index10{ min-height:400px; padding-bottom:20vw}
.index11{ margin-top:-19vw}

.product02{ padding-top:40px}
.product02 .bd li .a{ margin:0 5px}
.product02 .bd ul{ margin:0 -5px}
.product02 .bd .year{ font-size:18px}
.product02 .bd li{ margin-bottom:15px}
.product03{ padding:40px 0}
.product03 .p2 a{ height:36px; line-height:32px; font-size:16px; width:130px}
.product031{ padding:40px 0}
.product031 .p2 a{ height:36px; line-height:32px; font-size:16px; width:130px}
.product04{ padding-top:40px;}
.product04 .bd li.l1{ width:100%; height:70vw; margin-bottom:94px;}
.product04 .bd li.l1 .p1{top:auto; bottom:-94px; padding:20px; left:0;}
.product04 .bd li.l1 .p1 .sp1{ font-size:20px}
.product04 .bd li.l1 .p1 .sp2{ font-size:14px}
.product04 .bd li.l2{ width:100%; height:30vw}
.product04 .bd li.l1 .p2{top:auto; bottom:10px}
.product04 .bd li.l3{ width:100%; height:40vw}
.product04 .bd li.l3 a{ font-size:16px; width:130px; height:36px; line-height:36px}
.product05 .bd{ padding:0px 0}
.product05 .p3 .box{ padding:20px 10px; display:block}
.product05 .p3 .box .left{ margin-bottom:15px}
.product06 .bd .p1{ padding-top:50px; padding-bottom:30px}
.product06 .bd .p1 .sp1{ font-size:19px;}
.product06 .bd .p1 .sp1{ font-size:12px}
.product06 .bd .p2 .txt{ height:auto}
.product06 .bd .p2 .txt{ width:auto; padding:10px}
.product06 .bd .p2{ height:auto; overflow:hidden; padding-top:40vw; background-size:100%; background-position:top}
.product06 .bd .p2 .txt .t{ font-size:14px}
.product06 .bd .p2 .txt ul{ width:100%}
.product07 .hd ul{ padding:0}
.product07 .hd ul li{ font-size:14px; margin-bottom:5vw}
.product07 .hd ul li.on:after{ margin-left:10px;    border-top: 4px solid transparent;
    border-left: 5px solid #808080;
    border-bottom: 4px solid transparent;}
.product07 .hd ul li.fg{ height:30px}
.product07 .bdd02 .t{ padding-left:0; font-size:12px}
.product07 .bdd02 .p{ height:70px}
.product07 .bdd{ margin-bottom:10px}
.product08{ padding-top:20px;}
.product08 .bd{ padding:0}
.product08 .left .item01 .txt{ max-width:100%}
.product08 .right .title{ padding:20px; bottom:70px}
.product08 .right .title .sp1{ font-size:21px}
.product08 .right .title .sp2{ font-size:14px}
.product08 .right .txts{ padding-top:70px}
.product09{ padding-top:20px; padding-bottom:0px}
.product09 .bd{ float:none; width:auto; padding-left:25px}
.product09 .hd{ float:none; width:auto; padding:10px 0}
.product09 .hd span{ width:auto; float:none; font-size:16px}
.product09 .slick-arrow{ width:25px}
.product09 .slick-next{ background-size:50%}
.vryiji-list{ padding-top:40px}
.vryiji-list .bd li{ width:100%; margin-bottom:10px}
.vryiji-list .bd li h3{ font-size:22px; margin-bottom:20px}
.vryiji-list .bd li .more span{ font-size:16px; height:36px; line-height:36px; width:120px}
.vryiji-list .bd li .p{ font-size:16px}
.vryiji01{ padding-top:0; padding-bottom:20px}
.vryiji01 .hd h3{ font-size:21px}
.vryiji01 .bd{ font-size:15px; line-height:1.6}

.lanmunav{ padding-top:4px; margin-bottom:25px}
.lanmunav ul li{ margin-bottom:4px}
.lanmunav ul li a{ font-size:16px; height:36px; line-height:36px}
.lanmunav ul li.on a{ line-height:32px;border-bottom: 2px solid #F00;}
.lanmunav ul li.ss-a{ height:36px; background-size:auto 20px}

.vrerji-list .bd ul{ margin:0 -5px}
.vrerji-list .bd li{ width:50%; margin-bottom:10px}
.vrerji-list .bd li a{ margin:0 5px}
.vrerji-list .bd li .img{ margin-bottom:10px}
.vrerji-list .bd li .more span{ height:36px; line-height:36px; font-size:14px; width:120px}
.vrerji-list .bd li .img{ height:36vw;}

.newslistms h3{ font-size:18px}
.newslistms .line{ width:50px; height:2px}
.news-list .bd li a{  }
.news-list .bd li .img{ width:120px;flex:0 0 120px; margin-right:0; height:120px}
.news-list .bd li .txt{ padding:10px}
.news-list .bd li .more{ width:auto; line-height:1.4; display:none}
.news-list .bd li .more span{ font-size:14px}
.news-list .bd li{ margin-bottom:10px}
.newslistms{ margin-bottom:25px}

.newsbox{ padding-top:30px; padding-bottom:30px}
.newspages{ padding-top:30px; padding-bottom:40px;}
.connpage .title{ font-size:20px}
.connpage .info{ margin-bottom:10px; padding-bottom:10px}
.connpage .nextprev{ margin-top:15px; padding-top:15px}

.product05 .p3 .box .right{ margin-right:0}

.news-list .bd li .txt .ms{    -webkit-line-clamp: 3; height:64px}


}
 
@media (max-width:640px){ 
.vrerji-list .bd li{ width:100%}
.vrerji-list .bd li .img{ height:auto}

.index05 li{ width:100%; overflow:hidden; margin:0; }
.index05 li>div{ float:left; width:50%;padding:5px}
.index05 .bd:before{ display:none}
}
@media (max-width:350px){ 
.index01 .bd ul li{ width:100%; height:auto}
}