@charset "utf-8"; 
/*banner*/ 
  
.banner{height:550px; position:relative; z-index:1}
.banner .item{ height:550px; background-position:center; background-repeat:no-repeat; background-size:cover} 
.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:11px; height:11px; border:1px solid #fff; border-radius:50%; margin:0 8px; cursor:pointer}
.banner .slick-dots li.slick-active{ background-color:#fff;  }
.banner .slick-dots button{ display:none}

/*.plo{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; margin-bottom:30px}
.plo .line{ height:2px; background-color:#dddddd; margin-right:20px; margin-left:40px}
.plo h3{ font-size:28px; color:#16558b;} 
.plo .ico{ margin-right:12px;}
.plo .ico img{ display:block; height:25px;}
.plo .more{ background-color:#daac94; border-radius:5px;transform:skewX(-20deg);}
.plo .more:hover{ background-color:#16558b}
.plo .more a{ display:block; width:80px; height:26px; line-height:26px; text-align:center; color:#fff;transform:skewX(20deg);}


.index01{ padding-top:50px; padding-bottom:30px}
.index01 .index01left{ width:48.5%; float:left}
.index01 .index01left .bd{ height:343px; background-color:#000}

.index01 .index01right{ width:48.5%; float:right}
.index01 .index01right .bd li{ margin-bottom:23px}
.index01 .index01right .bd li:last-child{ margin-bottom:0}
.index01 .index01right .bd li a{ line-height:1.1;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;}
.index01 .index01right .bd li a:before{ content:""; display:block; width:6px; height:6px; flex:0 0 6px; background-color:#dfaf7e; margin-right:10px; border-radius:50%}
.index01 .index01right .bd li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; font-weight:normal; }
.index01 .index01right .bd li .date{ color:#999; margin-left:20px}

.index02{ padding-top:65px; padding-bottom:55px}
.index02 .img{ float:left; overflow:hidden; width:377px}
.index02 .img img{ display:block; width:100%;}
.index02 .txt{ overflow:hidden; padding-left:70px;}
.index02 .txt h3{ font-size:30px; color:#16558b; line-height:1.1}
.index02 .txt .line{ width:50px; height:2px; background-color:#16558b; margin:25px 0}
.index02 .txt .ms{ line-height:1.7; text-align:justify; margin-bottom:30px}
.index02 .txt .more a{ display:inline-block; width:165px; line-height:34px; height:34px; text-align:center; color:#fff; font-size:16px; background-color:#16558b}

.index03{ padding-top:30px; padding-bottom:30px} 
.index03 .bd ul{ margin-left:-1%; margin-right:-1%}
.index03 .bd li{ float:left; width:31.33%; position:relative; margin:0 1%; margin-bottom:22px;}
.index03 .bd li:before{ content:""; display:block; position:absolute; z-index:1; background-color:#f7f7f7; left:6px;top:6px; bottom:-6px; right:-6px;}
.index03 .bd li a{ display:block; position:relative; z-index:2; background-color:#fafafa; border:1px solid #f1f1f1; padding:20px; overflow:hidden}
.index03 .bd li .img{ width:130px; float:left; overflow:hidden; height:160px; margin-right:18px;}
.index03 .bd li .img img{ display:block; width:100%} 
.index03 .bd li .txt{ overflow:hidden;  } 
.index03 .bd li .txt h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px}
.index03 .bd li .txt .p{ color:#999}
 
.index03 .slick-slide>div{ margin-bottom:22px;}
.index03 .bd{ margin-left:-10px; margin-right:-10px;}
.index03 .bd .item{ padding:0 10px;}
.index03 .bd .item .li{ position:relative}
.index03 .bd .item .li:before{ content:""; display:block; position:absolute; z-index:1; background-color:#f7f7f7; left:6px;top:6px; bottom:-6px; right:-6px;}
.index03 .bd .item  a{ display:block; position:relative; z-index:2; background-color:#fafafa; border:1px solid #f1f1f1; padding:20px; overflow:hidden}
.index03 .bd .item .img{ width:130px; float:left; overflow:hidden; height:160px; margin-right:18px;}
.index03 .bd .item .img img{ display:block; width:100%} 
.index03 .bd .item .txt{ overflow:hidden;  } 
.index03 .bd .item .txt h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px}
.index03 .bd .item .txt .p{ color:#999}
.index03 .slick-arrow{ width:40px; height:40px; display:block; position:absolute; z-index:1;top:50%; margin-top:-20px; background-color:#16558b; border-radius:50%; cursor:pointer; overflow:hidden; border:none; text-indent:-99px; background-repeat:no-repeat; background-position:center; background-size:50%}
.index03 .slick-arrow:hover{ background-color:#b8332e}
.index03 .slick-prev{ left:-50px; background-image:url(../images/ico-prev04on.png)}
.index03 .slick-next{ right:-50px; background-image:url(../images/ico-next04on.png)}

.index04{ padding-top:30px; padding-bottom:60px}
.index04 .slick-arrow{ width:40px; height:40px; display:block; position:absolute; z-index:1;top:50%; margin-top:-20px; background-color:#16558b; border-radius:50%; cursor:pointer; overflow:hidden; border:none; text-indent:-99px; background-repeat:no-repeat; background-position:center; background-size:50%}
.index04 .slick-arrow:hover{ background-color:#b8332e}
.index04 .slick-prev{ left:-50px; background-image:url(../images/ico-prev04on.png)}
.index04 .slick-next{ right:-50px; background-image:url(../images/ico-next04on.png)}
.index04  .bd a{ display:block; margin:0 10px; background-color:#f5f5f5}
.index04  .bd h3{ line-height:1.2; font-size:16px; font-weight:normal; padding:20px 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index04  .bd .img{ overflow:hidden}
.index04  .bd .img img{ display:block; width:100%; height:210px}

*/
.indexx01{ padding:50px 0; background-color:#fff}
.indexx01 li{ float:left; width:25%; text-align:center; border-right:1px solid #ebebeb; padding-top:15px; padding-bottom:5px}
.indexx01 li:last-child{ border-right:none}
.indexx01 li .a{ display:inline-block; vertical-align:top; text-align:left; line-height:1.1}
.indexx01 li .num{ font-size:40px; vertical-align:top}
.indexx01 li .num em{ font-size:18px;vertical-align:top; margin-left:10px;}
.indexx01 li .p{ font-size:16px; color:#16558b; margin-top:15px;}

.xplo{ text-align:center; line-height:1.1; margin-bottom:45px;}
.xplo h3{ font-size:36px; }
.xplo h3 em{ font-weight:bold; color:#16558b}
.xplo .p{ font-size:16px;margin-top:30px}
.indexx02{ background-color:#f5f7f6; padding:45px 0}
.indexx02 .bd ul{ margin:0 -19px;}
.indexx02 .bd li{ float:left; width:25%; margin-bottom:38px}
.indexx02 .bd li .a{ display:block; text-align:center; margin:0 19px; background-color:#fff; padding:30px; border:1px solid #ececec}
.indexx02 .bd li .ico{ height:65px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:33px;}
.indexx02 .bd li .ico-y01{ background-image:url(../images/ico-y01.png)}
.indexx02 .bd li .ico-y02{ background-image:url(../images/ico-y02.png)}
.indexx02 .bd li .ico-y03{ background-image:url(../images/ico-y03.png)}
.indexx02 .bd li .ico-y04{ background-image:url(../images/ico-y04.png)}
.indexx02 .bd li .ico-y05{ background-image:url(../images/ico-y05.png)}
.indexx02 .bd li .ico-y06{ background-image:url(../images/ico-y06.png)}
.indexx02 .bd li .ico-y07{ background-image:url(../images/ico-y07.png)}
.indexx02 .bd li .ico-y08{ background-image:url(../images/ico-y08.png)}
.indexx02 .bd li .txt h3{ font-size:20px; font-weight:normal; line-height:1.1; margin-bottom:25px;}
.indexx02 .bd li .txt .p{ color:#8a96a3; height:66px; overflow:hidden; margin-bottom:25px;}
.indexx02 .bd li .more span{ display:block; margin:0 auto; width:140px; height:38px; line-height:36px; font-size:16px; border:1px solid #16558b; color:#16558b}
.indexx02 .bd li .more span:hover{ background-color:#16558b; color:#fff}

.indexx03{ padding-top:45px; padding-bottom:50px;}
.indexx03 .bd{ margin:0 -18px;}
.indexx03 .bd .a{ margin:0 18px;}
.indexx03 .bd img{ display:block; width:100%; height:195px; border:1px solid #dedede; }
.indexx03 .arrows{ margin-top:40px; text-align:center}
.indexx03 .arrows span{ display:inline-block; vertical-align:middle; width:90px; height:28px; line-height:26px; border:1px solid rgba(218,218,218,1); margin:0 10px; cursor:pointer; border-radius:26px; color:#d8251e; font-weight:bold; font-family:"宋体"}
.indexx03 .arrows span:hover{ background-color:#d8251e; color:#fff}

.indexx04{ background-color:#f5f7f6; padding-top:50px; padding-bottom:60px}
.indexx04 .bd{ position:relative}
.indexx04 li{ position:absolute; z-index:1; width:24.5%}
.indexx04 li img{ display:block; width:100%}
.indexx04 li.l1{ width:49.3%; position:static; margin:0 auto;}
.indexx04 li.l2{top:0; left:0}
.indexx04 li.l3{ bottom:0; left:0}
.indexx04 li.l4{top:0; right:0}
.indexx04 li.l5{ bottom:0; right:0}

.indexx05{ padding:50px 0;}
.indexx05 .bd li{ width:16.66%; text-align:center; float:left}
.indexx05 li .a{ margin:0 30px}
.indexx05 li .ico{ width:60px; height:60px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:30px}
.indexx05 li .ico-z01{ background-image:url(../images/ico-z01.png)}
.indexx05 li .ico-z02{ background-image:url(../images/ico-z02.png)}
.indexx05 li .ico-z03{ background-image:url(../images/ico-z03.png)}
.indexx05 li .ico-z04{ background-image:url(../images/ico-z04.png)}
.indexx05 li .ico-z05{ background-image:url(../images/ico-z05.png)}
.indexx05 li .ico-z06{ background-image:url(../images/ico-z06.png)}
.indexx05 li .txt h3{ font-size:20px; line-height:1.1; font-weight:normal}
.indexx05 li .txt .p{ color: #8a96a3; font-size: 14px; margin-top:20px;}

.indexx06{ padding:50px 0; background-color:#f5f7f6}
.indexx06 .ulleft,.indexx06 .ulright{ width:48%; background-color:#fff; padding:20px;}
.indexx06 .ulleft{ float:left}
.indexx06 .ulright{ float:right}
.indexx06 .title{ height:150px; background-repeat:no-repeat; background-position:top left; background-size:auto 100%; padding-top:20px; margin-bottom:20px}
.indexx06 .title h3{ width:100px; height:30px; line-height:30px; color:#fff; background-color:#16558b; text-align:center; font-weight:normal}
.indexx06 li{ margin-bottom:20px}
.indexx06 li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexx06 li a{ display:block; position:relative; height:20px; line-height:20px; background:url(../images/dot.gif) no-repeat left center; padding-left:20px; padding-right:90px;}
.indexx06 li a:hover{ text-decoration:underline;}
.indexx06 li span{ display:block; position:absolute; z-index:1; right:0;top:0; color: #8a96a3; text-align:right}

.nbanner{ height:400px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative}
.nbanner h3{ font-size:40px; color:#fff; line-height:50px; height:50px; position:absolute; z-index:2; left:0; right:0;top:50%; margin-top:-25px; text-align:center}


.lanmuplo{ text-align:center; margin-bottom:35px;}
.lanmuplo h3{ font-size:36px; line-height:1.1}
.lanmuplo:after{ content:""; display:block; width:68px; height:3px; background-color:#16558b; margin:0 auto; margin-top:30px}

.product01{ padding-top:80px; padding-bottom:60px;}
.product01 .bd{ max-width:920px; margin:0 auto; text-align:center; font-size:15px; line-height:2}

.productlist li{ margin-bottom:50px;}
.productlist li:nth-child(odd) { background-color:#f4f4f4}
.productlist li a{ display:block; overflow:hidden}
.productlist li .img{ width:54.1%; overflow:hidden}
.productlist li .img img{ display:block; width:100%}
.productlist li:nth-child(odd) .img{ float:left}
.productlist li:nth-child(even) .img{ float:right}
.productlist li .txt{ width:40.8%; padding-top:66px;}
.productlist li:nth-child(odd) .txt{ float:right}
.productlist li:nth-child(even) .txt{ float:left}
.productlist li .txt h3{ font-size:24px; position:relative; margin-bottom:35px}
.productlist li .txt i{ display:block; color:#e4e4e4; font-family:Arial, Helvetica, sans-serif; font-size:60px; font-weight:normal; line-height:1.1; position:absolute; z-index:1; left:240px;top:50%; transform:translateY(-50%)}
.productlist li .txt i:before{ content:""; display:inline-block; vertical-align:middle; height:2px; background-color:#e7e7e7; width:90px; vertical-align:middle; margin-right:25px}
.productlist li .txt .p{ line-height:2; margin-bottom:35px; color:#333}
.productlist li .txt .more span{ display:inline-block; width:170px; text-align:center; line-height:38px; height:38px; background-color:#0177d8; color:#fff; border-radius:38px;}
.productlist li .txt .more span:after{ content:""; display:inline-block; vertical-align:middle; width:17px; height:12px; background:url(../images/ico-01.png) no-repeat center; background-size:100%; margin-left:5px}
.productlist li .txt .more span:hover{background-color:#038cfd;}

.lanmunav{ height:50px; border-bottom:1px solid #f0f0f0; line-height:49px;}
.lanmunav .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.lanmunav .path{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:30px; background:url(../images/ico-home.png) no-repeat center left}
.lanmunav ul{ font-size:0;}
.lanmunav li{ display:inline-block; vertical-align:middle; margin-left:30px}
.lanmunav li a{ display:block; font-size:14px;  position:relative}
 
.lanmunav li.on a{  color:#16558b}
.lanmunav li.on a:after{ content:""; display:block; left:0; right:0; height:2px; position:absolute; z-index:1; bottom:0; background-color:#16558b}

.productpage01{ padding-top:60px; padding-bottom:50px;}
.productpage01 .bd li{ margin-bottom:60px; position:relative; padding-bottom:8px;}
.productpage01 .bd li:before{ content:""; display:block; position:absolute; z-index:1; left:8px;top:8px; bottom:0; right:0; background-color:#b7bdd3}
.productpage01 .bd li .libox{ overflow:hidden; position:relative; z-index:2; margin-right:8px; background-color:#fff; border:1px solid #e6e6e6; min-height:350px; padding-right:35px }
.productpage01 .bd li .img{ width:280px; position:absolute; z-index:1; left:0;top:0; bottom:0; overflow:hidden; }
.productpage01 .bd li .img span{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover}
.productpage01 .bd li .txt{ overflow:hidden; padding-left:320px; padding-top:25px}
.productpage01 .bd li dt{ font-size:16px; color:#057ccc; margin-bottom:10px}
.productpage01 .bd li dd{ margin-bottom:10px; overflow:hidden; line-height:2}
.productpage01 .bd li dd span{ display:block; overflow:hidden}
.productpage01 .bd li dd .t{ float:left; }

.productpage02{ padding-top:40px; padding-bottom:80px}
.productpage02 .bd ul{ overflow:hidden; margin-left:-10px; margin-right:-10px;}
.productpage02 .bd li{ float:left; width:25%;}
.productpage02 .bd li .a{ display:block; margin:0 10px; overflow:hidden}
.productpage02 .bd li .a img{ display:block; width:100%}

.newsbox{ padding-top:60px; padding-bottom:90px}
.newslist .bd li{ padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #f0f0f0}
.newslist .bd li a{ display:block; overflow:hidden}
.newslist .bd li .img{ float:left; overflow:hidden; width:360px; margin-right:50px; height:205px}
.newslist .bd li .img img{ display:block; width:100%;}
.newslist .bd li .txt{ overflow:hidden; padding-top:30px}
.newslist .bd li .txt h3{ font-size:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal; line-height:1.1; margin-bottom:30px}
.newslist .bd li .txt .p{ height:44px; margin-bottom:25px; overflow:hidden; color:#333}
.newslist .bd li .txt .info{ color:#959595}
.newslist .bd li .txt .info span{ display:inline-block; margin-right:20px; vertical-align:top}

 
.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;}

.about01{ padding:60px 0}
.about01 .bd .aboutvideo{ float:left; width:41.6%; height:375px; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer;}
.about01 .bd .txt{ float:right; width:54%}
.about01 .bd .txt h3{ font-size:30px; color:#16558b; line-height:1.2}
.about01 .bd .txt .line{ width:80px; height:2px; background-color:#cccccc; margin-top:28px; margin-bottom:25px}
.about01 .bd .txt .ms{ line-height:2; font-size:15px}
.about01 .bd .txt .ms p{ text-indent:28px}

.about04{ padding-top:55px; padding-bottom:125px}
.about04 .bdimg{ position:relative; margin-left:-10px; margin-right:-10px}
.about04 .bdimg .slick-arrow{ width:40px; height:40px; border:1px solid #c5c5c5; border-radius:50%; overflow:hidden; text-indent:-99px; background-color:transparent; position:absolute; z-index:1;top:50%; margin-top:-20px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:50%}
.about04 .bdimg .slick-arrow:hover{ border:1px solid #026db3}
.about04 .bdimg .slick-prev{ left:-50px;background-image:url(../images/ico-prev.png)}
.about04 .bdimg .slick-next{ right:-50px; background-image:url(../images/ico-next.png)}
.about04 .bdimg .slick-prev:hover{ left:-50px;background-image:url(../images/ico-prevon.png)}
.about04 .bdimg .slick-next:hover{ right:-50px; background-image:url(../images/ico-nexton.png)}
.about04 .bdimg .item img{ display:block;  display:block; max-width:100%; max-height:100%;}
.about04 .bdimg .item .img{ height:182px; overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.about04 .bdimg .item a{ display:block; margin:0 10px; border:1px solid #dedede; text-align:center;padding:10px; padding-bottom:0}

.about04 .bdimg .item a h3{ font-size:16px; line-height:45px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } 

.about03{ padding-top:70px; padding-bottom:110px; background-color:#f7f7f7}
.about03 .bd{ background-color:#fff; border:1px solid #f2f2f2; height:390px; position:relative}
.about03 ul{ padding-right:640px; padding-left:30px}
.about03 ul li{ height:96px; border-bottom:1px solid #d8d8d8; padding-left:80px; position:relative}
.about03 ul li:last-child{ border-bottom:none}
.about03 ul li .ico{ width:56px; height:56px; position:absolute; z-index:1; left:0;top:50%; margin-top:-28px; background-repeat:no-repeat; background-position:center; background-size:100%}
.about03 ul li .ico-about0301{ background-image:url(../images/ico-about0301.png)}
.about03 ul li .ico-about0302{ background-image:url(../images/ico-about0302.png)}
.about03 ul li .ico-about0303{ background-image:url(../images/ico-about0303.png)}
.about03 ul li .ico-about0304{ background-image:url(../images/ico-about0304.png)}
.about03 ul li .ico-about0305{ background-image:url(../images/ico-about0305.png)}
.about03 ul li .txt{ padding-top:25px;}
.about03 ul li h3{ font-size:20px; font-weight:normal; line-height:1.1; margin-bottom:5px}
.about03 ul li .p{ font-size:16px; color:#999;}
.about03 .img{ position:absolute; z-index:1; right:0;top:0; height:388px; box-shadow:0 0 5px rgba(0,0,0,.5); width:600px}
.about03 .img img{ display:block; width:100%; height:100%}

.contact01{ padding-top:45px; padding-bottom:20px;}
.contact01 .bd{ height:290px; background:url(../images/contact01bg.jpg) no-repeat center; background-size:cover; padding:30px 35px; position:relative; padding-right:200px }
.contact01 .bd ul{ max-width:520px;}
.contact01 .title{ margin-bottom:25px}
.contact01 .title h3{ font-size:30px; color:#16558b}
.contact01 .title .p{ color:#999}
.contact01 .cewm{ position:absolute; z-index:1; right:75px;top:60px; text-align:center}
.contact01 .cewm .img{ background-color:#fff; width:170px; height:170px; border:1px solid #e2e2e2; padding:5px; margin-bottom:10px}
.contact01 .cewm .img img{ display:block; width:100%}
.contact01 li{ margin-bottom:10px; padding-left:25px; background-repeat:no-repeat; background-position:left 3px; background-size:20px}
.contact01 li.l1{ background-image:url(../images/ico-c01.png)}
.contact01 li.l2{ background-image:url(../images/ico-c02.png)}
.contact01 li.l3{ background-image:url(../images/ico-c03.png)}
.contact01 li.l4{ background-image:url(../images/ico-c04.png); background-size:18px;background-position:left 6px;}
.contact01 li.l5{ background-image:url(../images/ico-c05.png); background-size:18px;}

 
.contact02 { position:relative; padding-bottom:70px}
.contact02 .weap{ position:relative;overflow:hidden; height:447px }
.contact02 .map{ position:absolute; z-index:2; right:0; left:0;top:0; bottom:0; line-height:1.2;-webkit-box-sizing:inherit !important; box-sizing:inherit !important;}
.contact02 .formlist{ float:right; background-color:#f5f5f5; padding:30px; width:440px;}
.contact02 .formlist .hd{ font-size:18px; color:#16558b; font-weight:bold; margin-bottom:30px;}
.contact02 .formlist .hd span{ font-size:12px; margin-left:10px; font-weight:normal}
.contact02 .formlist li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:10px}
.contact02 .formlist li .intxt,.contact02 .formlist li .intextarea,.contact02 .formlist li .inbtn{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.contact02 .formlist li .t{ width:40px; line-height:36px;}
.contact02 .formlist li .intxt input{    border: 1px solid #eae9e9;width:100%;height: 36px;padding: 0px 10px;border-radius: 3px;}
.contact02 .formlist li .intextarea textarea{    border: 1px solid #eae9e9;width:100%;height:135px;padding: 10px;border-radius: 3px;    resize: none;}
.contact02 .formlist li.tis{ text-align:right; font-size:12px; display:block; color:#999; margin-top:-5px;}
.contact02 .formlist li.tis em{ color:#cc0000}
.contact02 .formlist li .inbtn .btn{    border:none;width:100%;height: 36px; border-radius: 3px; text-align:center; color:#fff; background:#16558b; cursor:pointer}

.contact03{ padding:40px 0}
.contact03 .bd{  height:652px; margin:0 auto; background:url(../images/contact03bg.jpg) no-repeat center; background-size:cover; position:relative}
.contact03 .mbd{ display:none}
.contact03 .mbd img{ display:block; width:100%}
.contact03 .bd li{ position:absolute; z-index:1; width:63px; height:30px; text-align:center; line-height:1.1; font-size:12px}
.contact03 .bd li a:before{ content:""; display:block; margin:0 auto; width:8px; height:8px; background-color:#2275c5; border-radius:50%; margin-bottom:2px}
.contact03 .bd li a{ font-size:12px}
.contact03 .bd li.l1{left:calc(62.83% - 31px);top:69.4%;}
.contact03 .bd li.l1 a{ color:#2275c5; font-weight:bold}
.contact03 .bd li.l1 a:before{ content:""; width:13px; height:13px; background:url(../images/ico-zbu.png) no-repeat center; background-size:100%;border-radius:0;}
.contact03 .bd li.l2{left:calc(70.85% - 31px);top:69.2%}
.contact03 .bd li.l2 a:before{ content:""; width:11px; height:13px; background:url(../images/ico-gc.png) no-repeat center; background-size:100%;border-radius:0;}
.contact03 .bd li.l3{left:calc(54.81% - 31px);top:72.1%}
.contact03 .bd li.l3 a:before{ content:""; width:11px; height:13px; background:url(../images/ico-gc.png) no-repeat center; background-size:100%;border-radius:0;}
.contact03 .bd li.l4{left:calc(66.57% - 31px);top:81.4%}
.contact03 .bd li.l4 a:before{ content:""; width:11px; height:13px; background:url(../images/ico-gc.png) no-repeat center; background-size:100%;border-radius:0;}
.contact03 .bd li.l5{left:calc(57.48% - 31px);top:52.7%}
.contact03 .bd li.l6{left:calc(65.9% - 31px);top:52%}
.contact03 .bd li.l7{left:calc(48.12% - 31px);top:60.7%}
.contact03 .bd li.l8{left:calc(57.35% - 31px);top:64%}
.contact03 .bd li.l9{left:calc(64.4% - 31px);top:62%}
.contact03 .bd li.l10{left:calc(72.1% - 31px);top:57.4%}
.contact03 .bd li.l11{left:calc(77.8% - 31px);top:62.6%}
.contact03 .bd li.l12{left:calc(76.8% - 31px);top:67.5%}
.contact03 .bd li.l13{left:calc(69.5% - 31px);top:75.33%}
.contact03 .bd li.l14{left:calc(45.4% - 31px);top:81.59%}
.contact03 .bd li.l15{left:calc(58.4% - 31px);top:81.59%}

.contact03 .bd .img{ padding-top:58px; padding-left:38px}
.contact03 .bd .img img{ display:block; max-width:704px; width:100%}
.contact03 .bd .txt{ background-color:#47b2ff; color:#fff; font-size:20px; position:absolute; z-index:1; right:70px; width:320px;top:180px; border-radius:10px; padding:50px;}

.contact04{ padding-top:40px; padding-bottom:80px}
.contact04 .bd img{ display:block; width:100%}

.newsproduct01 .imgbox{ float:left; padding:10px; border:1px solid #eeeeee; width:50%}
.newsproduct01 .imgbox img{ display:block; width:100%}
.newsproduct01 .txt{ float:right; width:46%}
.newsproduct01 .txt h1.title{ font-size:30px; color:#2f2d6e; line-height:1.1; margin-bottom:20px}
.newsproduct01 .txt .ms{ line-height:2; margin-bottom:40px}
.newsproduct01 .txt .as a{ display:inline-block; height:50px; line-height:50px; color:#fff; text-align:center; background-color:#666666; font-size:18px; width:35%; margin-right:5%}
.newsproduct01 .txt .as a.a1{ width:45%; background-color:#047fcc}
.newsproduct01 .txt .as a.a1:before{ content:""; display:inline-block; width:32px; height:32px; background:url(../images/ico-f06.png) no-repeat center; background-size:100%; vertical-align:middle; margin-right:10px; position:relative;top:-2px}

.newsproductbox{ padding-top:70px;}
.newsproduct01{ margin-bottom:30px;}
.newsproduct01 .imgbox{ position:relative}
.newsproduct01 .imgbox .slick-arrow{ width:40px; height:40px; border:1px solid #c5c5c5; border-radius:50%; overflow:hidden; text-indent:-99px; background-color:transparent; position:absolute; z-index:1;top:50%; margin-top:-20px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:50%; background-color:rgba(100%,100%,100%,.7); border-radius:50%}
.newsproduct01 .imgbox.slick-arrow:hover{ border:1px solid #026db3}
.newsproduct01 .imgbox .slick-prev{ left:15px;background-image:url(../images/ico-prev.png)}
.newsproduct01 .imgbox .slick-next{ right:15px; background-image:url(../images/ico-next.png)}
.newsproduct01 .imgbox .slick-prev:hover{ background-image:url(../images/ico-prevon.png)}
.newsproduct01 .imgbox .slick-next:hover{ background-image:url(../images/ico-nexton.png)}

.newsproduct02 .hd{ border-bottom:1px solid #e6e6e6; position:relative; height:42px; margin-bottom:20px}
.newsproduct02 .hd:before{ content:""; display:block; height:4px; width:98px; background-color:#16558b; position:absolute; z-index:1; left:0; bottom:0;}
.newsproduct02 .hd h3{ font-size:24px; color:#16558b; line-height:1.1}
.newsproduct02 .bd{ overflow:hidden; line-height:2; margin-bottom:50px}
.newsproduct02 .bd img{ max-width:100%; height:auto !important;}

 
.plo02{ height:46px; border-bottom:1px solid #eeeeee; margin-bottom:40px}
.plo02 h3{ float:left; font-size:30px; color:#16558b; line-height:1.1; height:46px; border-bottom:2px solid #16558b}
.plo02 .eng{ float:left; font-size:18px ; color:#999999; line-height:34px; margin-left:10px}
.plo02 .more{ float:right; padding-top:10px}
.plo02 .more a{ font-size:16px; color:#16558b}
.plo02 .more a:before{ content:"+"; background-color:#0f489f; display:inline-block; width:13px; height:13px; vertical-align:middle; text-align:center; line-height:10px; font-size:12px; color:#fff; margin-right:5px;}
 

.downloadbox{ padding-top:60px; padding-bottom:90px}
.downloadlist .bd li{  border-bottom:1px solid #f0f0f0; padding-bottom:45px; margin-bottom:45px}
.downloadlist .bd li .a{ display:block; position:relative;}
.downloadlist .bd li .img{ float:left; overflow:hidden; width:360px; margin-right:50px}
.downloadlist .bd li .txt h3{ font-size:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal; line-height:1.1; margin-bottom:20px; padding-right:135px}
.downloadlist .bd li .txt h3 a{ font-size:24px}
.downloadlist .bd li .txt .p{ max-height:44px;margin-bottom:15px; overflow:hidden; color:#999; font-size:14px;}
 
.downloadlist .bd li .txt .info span{ display:inline-block;  vertical-align:top; color:#999}
.downloadlist .bd li .txt .info .downloada{ position:absolute; z-index:1; right:0;top:0; width:132px; height:26px; background-image:url(../images/dl.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%}
.downloadlist .bd li .txt .info .downloada:hover{ background-image:url(../images/dl-on.png);}

.teamlist{ padding-top:60px; padding-bottom:140px}
.teamlist .bd li{ float:left; width:50%; position:relative; margin-bottom:20px; padding:0 18px}
.teamlist .bd li a{ display:block; position:relative; z-index:2; background-color:#fafafa; border:1px solid #f1f1f1; overflow:hidden; padding:20px; box-shadow:5px 5px 0px #f7f7f7}
 
.teamlist .bd li .img{ float:left; overflow:hidden; margin-right:20px; width:130px;height:160px}
.teamlist .bd li .img img{ display:block; width:100%; }
.teamlist .bd li .txt{ overflow:hidden}
.teamlist .bd li .txt h3{ font-size:16px; margin-bottom:5px}
.teamlist .bd li .txt .p{ color:#999}

.three-level{ text-align:center; padding-bottom:80px; border-bottom:1px solid #ececec; margin-bottom:60px;}
.three-level li{ display:inline-block; margin:0 3px; margin-bottom:10px}
.three-level li a{ display:block; background-color:#ececec; height:50px; line-height:50px; padding:0 25px; font-size:14px}
.three-level li a.on,.three-level li a:hover{ background-color:#16558b; color:#fff}

.imglistbox{ padding:70px 0}
.imglist .bd ul{ margin-left:-10px; margin-right:-10px}
.imglist .bd li{ float:left; width:25%; margin-bottom:20px;}
.imglist .bd li a{ display:block; margin:0 10px;background-color: #f5f5f5;}
.imglist .bd li .img{ overflow:hidden}
.imglist .bd li .img img{ display:block; width:100%; height:214px}
.imglist .bd li h3{line-height: 1.2; font-size: 16px; font-weight: normal; padding: 20px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.contact05{ padding:50px 0}
.contact05 .hd{ text-align:center; font-size:24px; line-height:1.2; margin-bottom:10px}
.contact05 .line{ height:1px; background-color:#16558b; margin:0 auto; margin-bottom:40px; margin-top:20px; position:relative; max-width:540px;}
.contact05 .line:after{ content:""; display:block; height:20px; width:30px; background:#fff url(../images/logo2.png) no-repeat center; background-size:20px; left:50%; margin-left:-15px; position:absolute; z-index:2;top:50%; margin-top:-10px; padding:0 5px;}
.contact05 .adder{ text-align:center; margin-bottom:60px}
.contact05 dl{ display:inline-block; vertical-align:top}
.contact05 dl dt{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:10px}
.contact05 dl dd{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; margin-bottom:10px}
.contact05 dl dd .ico{ margin-right:10px}
.contact05 .ms{ text-align:justify}
.contact05 .ms:after{ width:100%;display:inline-block}
@media (max-width: 1366px){ 
.about04 .bdimg{ margin-left:50px; margin-right:50px} 
}
 
@media (max-width: 1220px){ 
 
.banner .item,.banner{ height:48vw}
.nbanner{ height:32vw} 
 
.contact01 .cewm{ right:25px}

.contact03 .bd{ height:54.33vw}
.contact03 .bd .img img{ width:58.66vw}
.contact03 .bd .img{ padding-top:4.83vw; padding-left:3.16vw}

.contact03 .bd .txt{ font-size:1.6vw; width:26.6vw; padding:4.16vw;top:15vw; right:5.83vw}
 
.imglist .bd li .img img{ height:16.6vw}
} 

@media (max-width:1024px){
.about03 .img{ width:500px; height:325px;}
.about03 ul{ padding-right:520px;}
.about03 ul li{ height:80px;}
.about03 .bd{ height:327px}
.about03 ul li .txt{ padding-top:15px} 

.indexx01{ padding:30px 0}
.indexx01 li .num{ font-size:36px;}
.indexx01 li .p{ font-size:12px;}

.indexx02 .bd ul{ margin:0 -5px;}
.indexx02 .bd li{ margin-bottom:10px}
.indexx02 .bd li .a{ margin:0 5px; padding:20px;}
.indexx02 .bd li .more span{ width:100%}

.indexx05 li .ico{ margin-bottom:20px}
.indexx03 .bd{ margin:0 -10px;}
.indexx03 .bd .a{ margin:0 10px;}
.indexx05 .bd li{ width:33.33%; margin-bottom:15px;}
}
@media (max-width:1000px){  
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:8px; height:8px; border-radius:50%; margin:0 4px}
 

.banner .slick-arrow{ display:none}
 
.lanmunav{ margin-top:0; background:rgba(0,0,0,.1); height:auto; padding:5px;}
.lanmunav ul{ overflow:hidden}
.lanmunav li{ padding:0; margin:0; width:50%; border:none; display:block; float:left}
.lanmunav li a{ font-size:14px; color:#333; display:block; text-align:center; margin:5px; line-height:32px; height:32px; background-color:#fff; border-radius:5px;}
 
.lanmunav li.on a:after{ display:none}
 
.productlist .bd li{ width:50%} 
.productlist .bd li a{ margin:0 5px;}
.productlist .bd ul{ margin-left:-5px; margin-right:-5px}
.productlist .bd li .img{ padding:15px;}
.productlist .bd li .txt{ padding:15px 10px;}
.productlist .bd li .txt h3{ font-size:18px; margin-bottom:5px}
.productlist .bd li .txt .p{ font-size:14px; height:66px;}

.newslist{ float:none; width:auto; margin-bottom:20px}
.newslist .bd li{ padding-bottom:10px; margin-bottom:20px}
.newslist .bd li .p{ margin-bottom:15px}
.newslist .bd li h3{ font-size:16px}
.sideleft{ float:none; width:auto}
.sidenews{ padding:20px 10px} 
 
.plo{ margin-bottom:10px} 
.plo h3{ font-size:20px}
.plo .ico img{ height:20px}
.plo .more a{ font-size:12px; width:70px; height:22px; line-height:22px;}

.lanmuplo{ font-size:22px; margin-bottom:15px}
.lanmuplo h3{ font-size:22px}
.lanmuplo:after{ width:34px; margin-top:10px}
.product01{ padding:20px 0}
.product01 .bd{ line-height:1.6} 
.productlist li{ padding-bottom:15px; margin-bottom:0px}
.productlist li .img{  width:auto; float:none !important; margin-left:-10px; margin-right:-10px;}
.productlist li .txt{ float:none !important; width:auto !important; padding-top:25px}
.productlist li .txt i{ font-size:30px}
.productlist li .txt i:before{ width:45px}
.productlist li .txt h3{ font-size:18px; margin-bottom:15px}
.productlist li .txt .p{ line-height:1.6; margin-bottom:15px}
.productlist li .txt .more span{ width:120px; height:34px; line-height:34px}
.productlist li a{ overflow:visible}

.productpage01{ padding-top:30px; padding-bottom:20px}

.productpage02{ padding-top:20px; padding-bottom:30px;}

.lanmunav .weap{ padding-left:0; padding-right:0; display:block}
.lanmunav li.on a{ background-color:#16558b; color:#fff}
.newslist .bd li .img{ margin-right:20px}
.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}
.about01{ padding:30px 0}
.about01 .bd{ line-height:1.8; margin-bottom:15px}

.about02{ padding-top:35px}
.about03{ padding-top:30px; padding-bottom:40px}
 
.lanmunav .path{ display:none}
.newsproductbox{ padding-top:30px}
.newsproduct01 .imgbox{ float:none; width:auto; margin-bottom:20px}
.newsproduct01 .txt{ float:none; width:auto}
.newsproduct01 .txt .ms{ line-height:1.8; margin-bottom:20px}
.newsproduct01 .txt h1.title{ font-size:20px; margin-bottom:10px}
.newsproduct01 .txt .as{ overflow:hidden}
.newsproduct01 .txt .as a{ width:49% !important; font-size:16px; margin:0; float:left; height:38px; line-height:38px}
.newsproduct01 .txt .as a.a2{ float:right}
.newsproduct01 .txt .as a.a1:before{ width:22px; height:22px}
.newsproduct02 .hd{ height:32px; margin-bottom:15px}
.newsproduct02 .hd h3{ font-size:18px}
.newsproduct02 .hd:before{ height:2px; width:50px;}
.newsproduct02 .bd{ line-height:1.8; margin-bottom:25px}

.plo02 h3{ font-size:22px; height:36px}
.plo02 .eng{ font-size:14px; line-height:28px}
.plo02 .more a{ font-size:14px}
.plo02 .more{ padding-top:5px}
.plo02{ height:36px; margin-bottom:15px}
 

.three-level{ padding-bottom:20px; margin-bottom:20px}
.three-level li a{ line-height:32px; height:32px; font-size:14px; padding:0 15px}
}
@media (max-width:900px){ 
 

.about02 .bd li .year{ font-size:18px}
.about02 .bd li:nth-child(1){top:5%}
.about02 .bd li:nth-child(3){top:45%}
.about02 .bd li:nth-child(4){top:80%; left:10%}
.about02 .bd li:nth-child(5){top:3%; left:45%; width:auto}
.about02 .bd li:nth-child(6){top:30% ; left:auto; right:0; width:160px}
.about02 .bd li:nth-child(7){top:65%; width:150px}
.about02 .bd li:nth-child(6):before{ width:25px; height:25px; bottom:-30px}
.about02 .bd li:nth-child(3):before{ width:35px; height:35px; left:-40px}
.about02 .bd li:nth-child(7):before{width:35px; height:35px; left:-40px}

.about03 .bd{ height:auto}
.about03 ul{ padding:0;}
.about03 ul li{ padding-right:10px; padding-left:70px; height:70px}
.about03 ul li .ico{ left:10px; width:45px; height:45px; margin-top:-22px}
.about03 .img{ width:auto; height:auto; position:static}
.about03 ul li h3{ font-size:18px}
.about03 ul li .p{ font-size:14px}

.contact02 .formlist{ width:340px; padding:20px}
.contact02 .map{ right:340px}


}
@media (max-width:766px){ 
.indexx01{ padding-top:20px; padding-bottom:10px}
.indexx01 li{ width:50%; margin-bottom:10px}
.indexx01 li:nth-child(2){ border-right:none}
.indexx01 li .num{ font-size:30px;}
.indexx01 li .p{ margin-top:10px}
.indexx01 li .a{ text-align:center}
.indexx02{ padding:30px 0}
.xplo{ margin-bottom:25px}
.xplo h3{ font-size:22px;}
.xplo .p{ font-size:14px; margin-top:15px; line-height:1.4}
.indexx02 .bd li{ width:50%}
.indexx02 .bd li .ico{ height:55px; margin-bottom:15px}
.indexx02 .bd li .a{ padding:20px 10px;}
.indexx02 .bd li .txt h3{ font-size:18px; margin-bottom:10px;}
.indexx02 .bd li .txt .p{ height:110px; margin-bottom:10px}
.indexx02 .bd li .more span{ font-size:14px; height:34px; line-height:32px}

.indexx03{ padding:30px 0}
.indexx03 .bd img{  height:30vw}
.indexx03 .arrows{ margin-top:20px;}
.indexx03 .arrows span{ width:60px; height:26px; line-height:24px}

.indexx04{ padding:30px 0}
.indexx04 li{ width:50%; float:left; position:static; padding:2.5px;}
.indexx04 li.l1{ width:100%}

.indexx05{ padding:30px 0}
.indexx05 li .a{ margin:0 5px;}
.indexx05 .bd ul{ margin:0 -5px}

.indexx05 li .txt h3{ font-size:18px;}
.indexx05 li .txt .p{ margin-top:10px;}

.indexx06{ padding:30px 0}
.indexx06 .ulleft{ float:none; margin-bottom:10px}
.indexx06 .ulleft, .indexx06 .ulright{ width:auto; padding:10px;}
.indexx06 .ulright{ float:none;}
.indexx06 .title{ height:100px; padding-top:10px;}
.indexx06 .title h3{ width:90px; height:24px; line-height:24px}

.productpage01 .bd li{ margin-bottom:15px; padding-bottom:3px}
.productpage01 .bd li .img{ width:auto; position:static; height:90vw}
.productpage01 .bd li .txt{ padding:10px}
.productpage01 .bd li .libox{ padding:0; margin:0; margin-right:3px}
.productpage01 .bd li dt{ margin-bottom:5px}
.productpage01 .bd li dd{ margin-bottom:0; line-height:1.6}

.productpage02 .bd ul{ margin-left:-5px; margin-right:-5px;}
.productpage02 .bd li{ width:50%; margin-bottom:10px}
.productpage02 .bd li .a{ margin:0 5px;}
.newslist .bd li .img{ float:none; width:auto; margin-right:0; height:50vw}
 
.newslist .bd li .txt{ padding-top:0px;}
.newslist .bd li .txt h3{ font-size:16px; margin-bottom:5px}
.newslist .bd li .txt .p{ margin-bottom:5px; color:#666; line-height:1.4; height:40px}
.newslist .bd li .txt .info{ font-size:12px}
.newslist .bd li{ margin-bottom:10px}

.about01 .bdimg .item span{ margin:0 5px;}
.about01 .bdimg{ margin-left:-5px; margin-right:-5px}
.about01 .slick-dots{ margin-top:10px; text-align:center}
.about01 .slick-dots li{ display:inline-block; width:10px; height:10px; margin:0 3px; background-color:#eee; border-radius:50%}
.about01 .slick-dots li.slick-active{ background-color:#16558b}
.about01 .slick-dots li button{ display:none}
.contact01 .bd{ padding:15px; height:auto} 
.contact01 .title{ margin-bottom:10px}
.contact01 .title h3{ font-size:20px}
.contact01 .title .p{ font-size:10px}
.contact01 .cewm { right:15px; font-size:12px;top:auto; bottom:25px}
.contact01 .cewm .img{ width:90px; height:90px; margin-bottom:5px; margin:0 auto; padding:0}
.contact01 .cewm p{ display:none}
.contact01{ padding-bottom:20px}
.contact02 .formlist{ float:none; width:auto}
.contact02 .map{ position:static; width:100%; height:300px; right:0}

.contact03{ padding:20px 0}
 
.contact03 .mbd{ display:block}
.contact04{ padding-top:20px; padding-bottom:40px}

.contact03 .bd .txt{ font-size:14px; position:static; width:auto; padding:10px; margin-bottom:20px}
.contact03 .bd{ height:auto; background:none}
.contact03 .bd .img{ padding:0; width:80%; margin:0 auto  }
.contact03 .bd .img img{ width:100%}

.nbanner h3{ font-size:20px}
.about01 .bd .aboutvideo{ float:none; width:auto; height:50vw; margin-bottom:10px}
.about01 .bd .txt{ float:none; width:auto}
.about01 .bd .txt h3{ font-size:20px;}
.about01 .bd .txt .line{ margin:15px 0; width:60px}
.about01 .bd .txt .ms{ line-height:1.8}

.about04{ padding-top:30px; padding-bottom:50px}

 
.plo02 h3{ font-size:20px}
 
.downloadlist .bd li .txt h3{ font-size:16px; padding-right:0}
.downloadlist .bd li .txt h3 a{ font-size:16px}
.downloadlist .bd li .txt .info{ position:relative; line-height:20px}
.downloadbox{ padding-top:30px; padding-bottom:40px}
.downloadbox .lanmuplo{ margin-bottom:25px}
.downloadlist .bd li .txt h3{ margin-bottom:10px}
.downloadlist .bd li{ padding-bottom:20px; margin-bottom:20px}
.downloadlist .bd li .txt .info .downloada{ height:20px; background-position:center right}
.downloadlist .bd li .txt .p{ margin-bottom:10px}

.newslist .bd li .img img{ height:auto}

.teamlist{ padding-top:30px; padding-bottom:50px}
.teamlist .bd li{ float:none; width:100%; padding:0; margin-bottom:15px; }
.teamlist .bd li a{padding:10px}

.teamlist .bd li .img{ width:100px; margin-right:10px;height:123px}
 

.imglistbox{ padding:30px 0}
.imglist .bd li a{ margin:0 5px;}
.imglist .bd ul{ margin-left:-5px; margin-right:-5px;}
.imglist .bd li{ width:50%; margin-bottom:10px}
.imglist .bd li .img img{ height:34.1vw}
.imglist .bd li h3{padding: 10px; font-size: 14px;}

.newslist .bd li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.newslist .bd li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.newslist .bd li .img{ width:120px; flex:0 0 120px; margin-right:10px; height:80px}
.contact02 .weap{ height:auto}

.contact05{ padding:40px 0}
.contact05 img{ width:35px}
.contact05 dl dt{ text-align:left}
.contact05 dl dd{ display:block}
.contact05 dl{ display:block; margin-bottom:20px}
.contact05 dl dd>div{ display:inline-block; vertical-align:middle}
.contact05 .hd{  margin-bottom:20px}
.contact05 .adder{ margin-bottom:20px}
}