@charset "utf-8"; 
.section{ overflow: hidden; }
.section .fp-tableCell{ margin-top:80px}
#fp-nav{  position: fixed;z-index: 100; margin-top: -32px;top: 50%;opacity: 1; right: 20px;}
#fp-nav ul li{ margin: 6px 0;}
#fp-nav ul li a{ display: block;padding:1px; padding-left:12px; border: 1px solid transparent; border-radius:20px }
#fp-nav ul li a span{ display:block; width:10px; height:10px; background-color:#e3e3e3; border-radius:50%; }
#fp-nav ul li a.active{ display:block; border: 1px solid #e3e3e3;}
/*banner*/
.banner{ position:relative; z-index:1; height: 100%;}
.banner .owl-stage-outer,.banner .owl-stage,.banner .owl-item{ height: 100%;}
.banner .item{ height:31.25vw; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center}
.banner a{ display:block; height:100%}
.banner .owl-dots{ text-align:center; position:absolute; bottom:20px; left:0; right:0;}
.banner .owl-dots .owl-dot{ display:inline-block; width:16px; height:16px;  background-color:#fff; margin:0 5px; border-radius:50%}
.banner .owl-dots .owl-dot.active{ background-color:transparent; border:3px solid #e2cfd3 }
.banner .owl-nav>div{ position:absolute; z-index:2; width:28px; height:58px;top:50%; margin-top:-29px; background-repeat:no-repeat; background-position:center; display:block !important; overflow:hidden; text-indent:-999px;}

.banner .btna{ text-align:left; padding-top:18.2vw;}
.banner .btna a{ display:inline-block; vertical-align:middle; padding:0 1.55vw; height:3.1vw; line-height:calc(3.1vw - 4px); font-size:1.3vw; border:2px solid #e2cfd3; border-radius:5px; margin-right:10px; color:#e2cfd3}
.banner .btna a:nth-child(1){ background-color:#e2cfd3; color:#fff;}
.banner .weap{ max-width:69.47vw;}

.plo{ text-align: center; color: #fff; margin-bottom:23px}
.plo h3{ font-size:34px; font-weight: normal;}
.plo .p{ font-size: 18px; max-width:950px; margin:0 auto; display: block;}
.plo .ico{ height:21px; background:url(../images/ico-plot.png) no-repeat center; background-size:auto 100%; margin-top:20px; margin-bottom:20px}

.section{ padding:50px 0 70px 0}
.section02{  background: #504531 url(../images/section02bg.jpg) no-repeat center bottom; background-size: cover;}
.section02 .weap{ position:relative; }
.section02 .bd{ max-width:1440px; margin:0 auto}
.section02 .bd h3{ font-weight: normal; height: 22px; overflow: hidden;}
.section02 .bd a{ color: #fff; display:block; position:relative}
.section02 .bd li:hover .txt{   padding-top: 58px; background-color: #d30313;}
.section02 .owl-dots{ margin-top: 50px; text-align: center; display:none }
.section02 .owl-dots .owl-dot{ display:inline-block; width:50px; height:1px;  background-color:#0e0f13; margin:0 1px; border: 1px solid #353638;}
.section02 .owl-dots .owl-dot.active{ background-color: #e70012; border: 1px solid #e70012;}
.section02 .owl-prev{ display: block; width:58px; height:58px; overflow: hidden; text-indent: -99px; background: url(../images/ico-prev.png) no-repeat center; background-size:100%; position: absolute; z-index: 1;top:50%; margin-top:-29px; left:-90px;}
 .section02  .owl-next{ display: block; width:58px; height:58px; overflow: hidden; text-indent: -99px; background: url(../images/ico-next.png) no-repeat center; background-size:100%; position: absolute; z-index: 1;top:50%; margin-top:-29px;right:-90px;} 
.section02 .bd li img{ width:100%; height:375px;}

.indexmore{ text-align:center; margin-top:38px;}
.indexmore a{ color:#fff; border:1px solid #fff; font-size:18px; padding:0 10px; line-height:28px; border-radius:5px; color:#fff; display:inline-block;}

.section03 .weap{ position:relative; } 
.section03{  background: #ececec url(../images/section03bg.jpg) no-repeat center bottom; background-size: cover;}
.section03 .plo{ color:#008ed6}
.section03 .plo .ico{  background:url(../images/ico-plot01.png) no-repeat center; background-size:auto 100%;  }
.section03 .bd{ max-width:1440px; margin:0 auto}
.section03 .bd h3{ font-weight: normal; height: 22px; overflow: hidden;}
.section03 .bd a{ color: #fff; display:block; position:relative}
.section03 .bd li:hover .txt{   padding-top: 58px; background-color: #d30313;}
.section03 .owl-dots{ margin-top: 50px; text-align: center; display:none }
.section03 .owl-dots .owl-dot{ display:inline-block; width:50px; height:1px;  background-color:#0e0f13; margin:0 1px; border: 1px solid #353638;}
.section03 .owl-dots .owl-dot.active{ background-color: #e70012; border: 1px solid #e70012;}
.section03 .owl-prev{ display: block; width:58px; height:58px; overflow: hidden; text-indent: -99px; background: url(../images/ico-prev.png) no-repeat center; background-size:100%; position: absolute; z-index: 1;top:50%; margin-top:-29px; left:-90px;}
.section03  .owl-next{ display: block; width:58px; height:58px; overflow: hidden; text-indent: -99px; background: url(../images/ico-next.png) no-repeat center; background-size:100%; position: absolute; z-index: 1;top:50%; margin-top:-29px;right:-90px;} 
.section03 .bd li img{ width:100%; height:375px}
.section03 .indexmore a{ color:#008ed6; border:1px solid #008ed6}

.section04{  background: #0a1228 url(../images/section04bg.jpg) no-repeat center bottom; background-size: cover;}
.section04 .plo{ color:#008ed6}
.section04 .plo .ico{  background:url(../images/ico-plot.png) no-repeat center; background-size:auto 100%;  }
.section04 .weap{ position:relative; }
.section04 .bd{ max-width:1440px; margin:0 auto}
.section04 .bd h3{ font-weight: normal; height: 22px; overflow: hidden;}
.section04 .bd a{ color: #fff; display:block; position:relative}
.section04 .bd li:hover .txt{   padding-top: 58px; background-color: #d30313;}
.section04 .owl-dots{ margin-top: 50px; text-align: center; display:none }
.section04 .owl-dots .owl-dot{ display:inline-block; width:50px; height:1px;  background-color:#0e0f13; margin:0 1px; border: 1px solid #353638;}
.section04 .owl-dots .owl-dot.active{ background-color: #e70012; border: 1px solid #e70012;}
.section04 .owl-prev{ display: block; width:58px; height:58px; overflow: hidden; text-indent: -99px; background: url(../images/ico-prev.png) no-repeat center; background-size:100%; position: absolute; z-index: 1;top:50%; margin-top:-29px; left:-90px;}
.section04  .owl-next{ display: block; width:58px; height:58px; overflow: hidden; text-indent: -99px; background: url(../images/ico-next.png) no-repeat center; background-size:100%; position: absolute; z-index: 1;top:50%; margin-top:-29px;right:-90px;} 
.section04 .bd li img{ width:100%; height:375px}

.section05{  background: #ffffff url(../images/section05bg.png) no-repeat center bottom; background-size: cover;}
.section05 .weap{ position:relative; }
.section05 .bd{ border:4px solid #82bf34; padding:40px; padding-left:20px}
.section05 .bd .img{ float:left; position:relative; margin-top:-100px; border:5px solid #fff; margin-right:60px; width:43.33%; overflow:hidden}
.section05 .bd .img img{ width:100%;}
.section05 .bd .txt{ font-size:18px; color:#008ed6; overflow:hidden} 
.section05 .bd .txt h3{ font-size:30px; font-weight:normal; margin-bottom:50px}


.section06{ position: relative; color: #fff;  background: #2d3e50; }
.section06 a{ color: #fff;}
.section06 .weap{ padding-top:60px;}
.section06 .bdform li{ width:31.33%; margin:0 1%; background-color:#fff; float:left; margin-bottom:20px; border-radius:5px; padding:0 15px}
.section06 .bdform li .intxt{ width:100%; border:none; height:60px; line-height:60px; background:none; font-size:20px;}
.section06 .bdform li.w100{ width:98%; position:relative; padding-bottom:60px;}
.section06 .bdform li .textarea{width:100%; border:none; padding-top:10px; background:none; font-size:20px;}
.section06 .bdform li .btn{ position:absolute; z-index:1; bottom:15px; width:100px; height:34px; color:#fff; background-color:#034b91; font-size:12px; border:none; border-radius:5px; cursor:pointer; left:50%; margin-left:-50px}

.nbanner{text-align:center}
.nbanner .txt{ position:absolute; z-index:2; left:0; right:0;top:50%; margin-top:-30px; color:#fff; text-align:center; font-size:30px; font-weight:bold; text-shadow:0 0 5px rgba(0,0,0,.2)}
.lanmumain{ padding-top:30px; padding-bottom:50px}
.sideleft{ float:left; width:280px; overflow:hidden}
.sideleft .hd{ height:50px;   font-size:18px; font-weight:bold }
.sideleft .hd h3{ font-weight:bold; color:#df009d }
.sidenav{ margin-bottom:20px}
.sidenav h3 a{ height:42px; line-height:42px; display:block;  padding-left:0px; font-weight:normal}
.sidenav h3 a:hover,.sidenav h3.on a{color:#dc1d86;  }
.sidetouh{ background:url(../images/onlinebg.jpg) no-repeat center; background-size:cover; padding-top:20px; padding-bottom:10px; padding-left:10px; padding-right:17px; text-align:right; font-size:0;}
.sidetouh a{ display:inline-block; margin:0 8px; vertical-align:middle}

.connright{ overflow:hidden; padding-left:25px}
.lanmplo{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; border-bottom:1px solid #e9e9e9; margin-bottom:35px; color:#df009d}
.lanmplo h3{ font-size:18px;   position:relative; bottom:-1px; padding-bottom:15px; line-height:1}
.lanmplo .path{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:right; padding-top:10px ; font-size:12px}
.lanmplo .path a{ font-size:12px; color:#df009d}
.lanmplo .path span{ height:19px; display:inline-block;  vertical-align:middle; background:url(../images/ico-home.png) no-repeat center left; background-size:15px; padding-left:20px; position:relative;top:-1px}
.pagesconn{ line-height:2; overflow:hidden}
.pagesconn img{ max-width:100%; height:auto !important}

.newslist .lanmplo{ margin-bottom:0}
.newslist .bd li{ padding:20px 0; border-bottom:1px dashed #dddddd}
.newslist .bd li a{ display:block; overflow:hidden;}
.newslist .bd li .img{ float:left; overflow:hidden; width:155px;height:110px}
.newslist .bd li .img img{ display:block; width:100%;transition: all 0.5s; height:100%} 
.newslist .bd li a:hover .img img{transform: scale(1.1);}
.newslist .bd li .txt{ padding-left:180px}
.newslist .bd li .txt h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px}
.newslist .bd li .txt .date{ font-size:12px; color:#98989a; margin-bottom:5px}
.newslist .bd li .txt .ms{ color:#666;  height:44px; overflow:hidden}

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

.productlist .bd ul{ margin-left:-1%; margin-right:-1%}
.productlist .bd li{ float:left; width:31.33%; margin:0 1%; margin-bottom:20px}
.productlist .bd li a{ display:block; border:1px solid #ebebeb; color:#fff}
.productlist .bd li .img{ width:100%}
.productlist .bd li .img img{ width:100%;}
.productlist .bd li h3{ font-size:14px;font-weight:normal; text-align:center; line-height:20px; padding:10px; background:#df009d}
.productlist .bd li a:hover h3{ background-color:#232323; color:#e2cfd3}

.detailsinfo .imgbox{ width:380px; float:left; overflow:hidden}
.detailsinfo .imgbox .bigimg {border:1px solid #dfdfdf }
.detailsinfo .imgbox .bigimg .im{ width:100%; background-color:#fff;  }
.detailsinfo .imgbox .bigimg img{ background-color:#fff;  }

.detailsinfo{ margin-bottom:30px}
.detailsinfo .smallimg{ margin-left:20px; margin-right:20px;}
.detailsinfo .smallimg img{ width:100%; cursor:pointer; height:48px;  }
.detailsinfo .smallimg .im{ margin:5px; border:1px solid #dfdfdf}
.detailsinfo .smallimgbox{ position:relative; margin-top:5px}
.detailsinfo .smallimgbox .prev{ position:absolute; z-index:1; left:0;top:5px; height:48px;line-height:48px; width:14px; background-color:#ebebeb; background-image: linear-gradient(#fefefe, #dedede);text-align:center;  border:1px solid #cccccc; cursor:pointer;font-family:"宋体"; border-radius:3px}
.detailsinfo .smallimgbox .next{ position:absolute; z-index:1; right:0;top:5px; height:48px;line-height:48px; width:14px; background-color:#ebebeb;background-image: linear-gradient(#fefefe, #dedede); text-align:center;  border:1px solid #cccccc; cursor:pointer; font-family:"宋体"; border-radius:3px}
.detailsinfo .smallimg .slick-current .im{ border:1px solid #ff4400}

.detailsinfo .txtbox{ overflow:hidden; padding-left:40px}
.detailsinfo .txtbox .title{ font-size:25px; font-weight:normal; color:#232323; line-height:1.2; margin-bottom:20px}
.detailsinfo .txtbox .ms{ color:#666; margin-bottom:25px; line-height:1.8}
.detailsinfo .txtbox .inquiry a{ display:block; width:160px; height:38px; line-height:38px; text-align:center; color:#fff; background-color:#232323; border-radius:40px; font-family:Arial, Helvetica, sans-serif; font-size:20px}
.detailsinfo .txtbox .inquiry a:hover{ background-color:#dc1d86; }
.detailsconn .hd{ background-color:#df009d; height:60px; line-height:60px; margin-bottom:25px}
.detailsconn .hd span{ display:block; width:20%; float:left; padding-left:8px; font-size:18px;font-weight: bold; cursor:pointer}
.detailsconn .hd span.on{ color:#fff}
.detailsconn .bd{ margin-bottom:25px; line-height:1.8; color:#666}
.detailsconn .bd .sub img{ max-width:100%; height:auto !important}
.detailsconn .bd a{ color:#666}

.detailsconn .bdform ul{width:100%; max-width:100%; overflow:hidden}
.detailsconn .bdform  li{ margin:0 2%; margin-bottom:20px; float:left; width:46%;  }
.detailsconn .bdform  li:nth-child(n+3){ width:96%}
.detailsconn .bdform .intxt{ width:100%; max-width:100%; height:40px; padding:0 15px; border:1px solid #D7DCE2; background-color:#fff; border-radius:5px;font-family:poppins, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.detailsconn .bdform .intextarea{ width:100%; max-width:100%; height:160px; padding:10px 15px; border:1px solid #D7DCE2; background-color:#fff; border-radius:5px;}
.detailsconn .bdform .btnli{ text-align:center}
.detailsconn .bdform .btn{ border:none; background-color:#dc1d86; width:140px; height:42px; color:#fff; border-radius:5px; font-size:16px; cursor:pointer}

#carousel{ position:relative; height:430px}
#carousel a{ display:block ;position:relative}
#carousel .title{ position:absolute; z-index:1; bottom:0; left:0; right:0; text-align:center}

a:hover .imgtitlepop{ bottom:0}
.imgtitlepop{background: rgba(3,75,145,.6); position:absolute; z-index:1; left:0; right:0; bottom:-100%; height:100%; text-align:center;transition: all 0.3s;}
.imgtitle{ position:relative;top:50%; transform:translateY(-50%); text-align:center; width:100%; padding:0 10px;}
.imgtitle h3{ font-size:20px; margin-bottom:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:auto !important}
.imgtitle .ms{ margin-bottom:20px; height:66px; overflow:hidden}
.imgtitle .more span{ display:inline-block; border:1px solid #fff; padding:0 15px; border-radius:5px;}

.contactusbox .left{ width:50%; float:left; padding-right:10px; padding-top:20px}
.contactusbox .left ul{ max-width:460px;}
.contactusbox  h3.title{ font-size:38px; margin-bottom:10px; color:#df009d}
.contactusbox .left li{ margin-bottom:20px; font-size:16px;}
.contactusbox .left li a{ font-size:16px;}
.contactusbox .right{ width:50%; float:right; box-shadow:0 0 10px rgba(0,0,0,.1); padding:2%}
.contactusbox .right ul{ font-size:0}
.contactusbox .right li{ display:inline-block;width:46%; margin:0 2%; margin-bottom:20px; font-size:14px; vertical-align:top}
.contactusbox .right li .form-control {border-radius: 2px;
    border: 1px solid #D7DCE2;
    text-align: left; width:100%; height:34px; padding:0 10px;}
.contactusbox .right li .formbuilder-required{ color:#F00}
.contactusbox .right li label{ margin-bottom:5px; display:block}
.contactusbox .right li.w100{ width:96%}
.contactusbox .right li textarea.form-control{ height:82px; padding:10px;}
.contactusbox .right li .create-form-submit{ width:130px; margin:0 auto; text-align:center; display:block; cursor:pointer; background-color:#dc1d86; color:#fff;border-radius:5px; border:none; height:44px;}

.xsection01 .hd{ text-align:center; font-size:45px; color:#df009d; font-weight:bold}
.xsection01 .bd{ text-align:center; overflow:hidden; font-size:20px; color:#666; }

.xsection01 .more{ text-align:center; margin-top:40px}
.xsection01 .more a{ display:inline-block; background-color:#111; color:#fff; line-height:48px; font-size:18px; font-weight:bold; padding:0 30px; border-radius:5px;} 
.xsection01 .more a:hover{ box-shadow:0 0 10px rgba(0,0,0,.5); background-color:#e2cfd3; color:#111;}
.xsection01 .more a:after{ content:""; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../images/ico-arrowr.png) no-repeat center; background-size:100%; margin-left:10px;}

.xsection02{ background-color:#241917}
.xsection02 .hd{ text-align:center; font-size:45px; color:#df009d; font-weight:bold; margin-bottom:55px;}
.xsection02 .hd:after{ content:""; display:block; width:50px; height:5px; margin:0 auto; background-color:#df009d}
.xsection02 .bd ul{ margin:0 -10px}
.xsection02 .bd li{ float:left; width:25%; margin-bottom:20px; }
.xsection02 .bd li a{ display:block; margin:0 10px; background-color:#e6e6e6}
.xsection02 .bd li .img img{ display:block; width:100%; height:100%;}

.xsection02 .bd li a:hover h3{ background-color:#000; color:#e2cfd3}
.xsection02 .bd li h3{transition: all 0.3s; line-height:20px; background-color:#df009d; padding:10px; text-align:center; color:#fff; font-size:16px; font-weight:normal}
@media(max-width:1400px) {
.section06 .plo{ margin-bottom:25px}
.section06 .weap{ padding-top:10px}	
.section06 .plo .ico{ margin-top:5px; margin-bottom:10px}
.section06 .bdform li .intxt{ height:40px}
.section06 .bdform li .textarea{ height:60px}
.section06 .bdform li{ margin-bottom:15px}
}
@media(max-width:1200px) {

.productlist .bd li .img img{ height:21.7vw}
}
@media(max-width:1024px) {
#fp-nav{ display: none !important;}	
.section .fp-tableCell{ margin-top:0}
 
.banner .owl-dots .owl-dot{ width:10px; height:10px; margin:0 3px}
.banner .owl-dots{ bottom:10px}
.section02 .weap{ position:static; transform:none; padding-top:30px; padding-bottom:40px}
.plo{ margin-bottom:25px}
.plo h3{ font-size:24px}
.plo .ico{ height:18px; margin-top:10px; margin-bottom:15px}
.plo .p{ font-size:14px}
.section02 .owl-prev{ left:0; z-index:2; background-color:rgba(0,0,0,0); background-size:50%}
.section02 .owl-next{ right:0; z-index:2; background-color:rgba(0,0,0,0); background-size:50%}
.indexmore{ margin-top:30px}
.indexmore a{ font-size:14px}

.section03 .weap{position:static; transform:none; padding-top:30px; padding-bottom:40px}
.section03 .owl-prev{ left:0; z-index:2; background-color:rgba(0,0,0,.2); background-size:50%}
.section03 .owl-next{ right:0; z-index:2; background-color:rgba(0,0,0,.2); background-size:50%}
.section04 .weap{position:static; transform:none; padding-top:30px; padding-bottom:40px}
.section04 .plo h3{ margin-bottom:10px}
.section04 .owl-prev{ left:0; z-index:2; background-color:rgba(0,0,0,.2); background-size:50%}
.section04 .owl-next{ right:0; z-index:2; background-color:rgba(0,0,0,.2); background-size:50%}
.section05 .weap{position:static; transform:none; padding-top:80px; padding-bottom:40px}
.section05 .bd .img{ margin-right:20px}

.section06 .weap{ padding-top:30px; padding-bottom:40px}

.newspages{ padding-bottom:20px}
.lanmumain{ padding-top:0; padding-bottom:50px}
.sideleft{ float:none; width:auto; overflow:visible}
.sideleft .hd{ display:none}
.sidetouh{ display:none}
.sidenav{ margin-left:-10px; margin-right:-10px; background-color:#eee; overflow:hidden; padding:5px}
.sidenav h3{ display:inline-block; line-height:1.2; margin:5px;}
.sidenav h3 a{ display:inline-block; padding:0; background-color:#fff; border-radius:5px; line-height:1.2; height:auto;  padding:10px 10px}

.lanmplo{ display:none}
.connright{ padding-left:0}

.section02 .bd li img{ height:31vw}
.section03 .bd li img{ height:31vw}
.section04 .bd li img{ height:31vw}

.contactusbox{ padding-top:20px; padding-bottom:20px}
.contactusbox h3.title{ font-weight:700; font-size:24px}
.contactusbox .left{ float:none; width:100%; margin:0; margin-bottom:20px}
.contactusbox .left li{ margin-bottom:10px}
.contactusbox .right{ float:none; width:100%; margin:0;}
.contactusbox .right li{ width:96%; margin-bottom:10px}
}
.logo1{display:none}
.pagination{text-align:center; margin-top:20px}
.pagination a{font-size:18px; margin:0 10px}
.pagination a:hover{color:#dc1d86}
.pagination .page-num-current{color:#dc1d86}
@media(max-width:766px) {
.detailsinfo .txtbox .ms{margin-bottom:0}
.nbanner img{width:100%; height:150px}
.logo1{display:block;}
.logo1 img{height:50px; margin:5px 0 0 6px}
.qm-top .logo{display:none}
.section05 .bd{ border:1px solid #82bf34; padding:20px}
.section05 .bd .img{ float:none; width:60%; margin-top:-70px}
.section05 .bd .txt{ float:none; width:auto; font-size:14px}
.section05 .bd .txt h3{ font-size:24px; margin-bottom:10px}
.section06 .bdform li{ width:auto; float:none; margin-bottom:10px}
.section06 .bdform li .intxt{ height:45px; font-size:14px}
.section06 .bdform li .textarea{ font-size:15px}
.newslist .bd li .txt{ padding-left:165px}
.newspages .bd .title{ font-size:22px; line-height:1.2}
.newspages .bd .info span{ margin:0 5px}
.newspages .bd .info{ padding-bottom:10px}
.newspages .bd .nextprev{ line-height:38px}
.newslist .bd li .txt h3{ font-size:16px}
.productlist .bd li{ width:48%; margin-bottom:10px}
.productlist .bd li .img img{ height:40.7vw}
.productlist .bd li h3{ padding-left:10px; text-align:center;}

.detailsinfo .imgbox{ width:auto; float:none; margin-bottom:20px}
.detailsinfo .txtbox{ padding-left:0}
.detailsinfo .txtbox .title{ margin-bottom:10px;}
.detailsconn .hd span{ width:100%; font-size:16px}
.detailsconn .hd{ height:46px; line-height:46px}
.detailsconn .bdform li{ margin-bottom:10px}

.banner .owl-nav>div{ background-size:50%; background-color:rgba(0,0,0,.3)}
.banner .owl-nav .owl-prev{ left:0px;}
.banner .owl-nav .owl-next{ right:0px;}

.section02 .bd li img{ height:47.6vw}
.section03 .bd li img{ height:47.6vw}
.section04 .bd li img{ height:47.6vw}

.xsection01 .hd{ font-size:28px}

.section{ padding:20px 0 30px 0}
.xsection01 .bd{ font-size:16px; color:#666;}
.xsection01 .more a{ font-size:14px; line-height:42px; padding:0 20px;}
.xsection01 .more a:after{ width:13px; height:13px;}
.xsection02 .hd{ font-size:30px;}
.xsection02 .hd:after{ width:40px; height:5px;}
.xsection02 .hd{ margin-bottom:25px;}
.xsection02 .bd li{ width:50%; margin-bottom:10px;}
.xsection02 .bd li a{ margin:0 5px;}
.xsection02 .bd li .img{ height:47vw}
.xsection02 .bd li h3{ font-size:16px; line-height:20px;}

.banner .item{ height:42vw}
.banner .weap{ max-width:100%}
.banner .btna{ padding-top:25vw}
.banner .btna a{height:6.5vw; line-height:calc(6.5vw - 2px); border:2px solid #e2cfd3;}
}