@charset "utf-8"; 
/*banner*/ 
 
.banner{height:600px; position:relative; z-index:1}
.banner .item{ height:600px; 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}
.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%} 

.plo{ text-align:center; margin-bottom:45px;line-height:1.1; color:#047fcc; font-weight:bold} 
.plo .eng{ font-size:36px; text-transform:uppercase }
.plo h3{ font-size:30px;}

.index01{ background:url(../images/index01bg.jpg) no-repeat center; background-size:cover}
.index01 ul{ height:150px; font-size:0; padding-top:35px;}
.index01 li{ width:25%; text-align:center; display:inline-block; vertical-align:middle; height:80px; border-right:1px solid #4d99d7}
.index01 li:nth-child(1){border-left:1px solid #4d99d7}
.index01 li .libox{ font-size:18px; color:#fff; }
.index01 li .libox .num i{font-size: 50px;
    font-family: impact;
    padding-right: 5px; line-height:1.1}
.index01 li .libox .p{ font-size:24px}	

.index02{  background:url(../images/index02bg.jpg) no-repeat center; background-size:cover; padding-bottom:80px; padding-top:120px;}
.index02 .title{ float:left; width:100%; margin-bottom:30px}
.index02 .title:after{ content:""; display:block; width:85px; height:1px; background-color:#bebebe; margin-top:35px;}
.index02 .title h3{ font-size:40px; font-weight:normal}
.index02 .title h3 b{ font-weight:normal; color:#047fcc}
.index02right{ float:right; width:43.33%; height:420px; padding:10px; position:relative; margin-top:-170px}
.index02right:after{ content:""; display:block; position:absolute; z-index:1; left:0;top:0; width:40%; height:40%; background-color:#e6222b}
.index02right:before{ content:""; display:block; position:absolute; z-index:1; right:0; bottom:0; width:40%; height:40%; background-color:#047fcc}
.index02right .img{ width:100%; height:100%; position:relative; z-index:3; background-repeat:no-repeat; background-position:center; background-size:cover}
.index02right .img:before{ content:""; display:block; position:absolute; z-index:1; left:10px; right:10px;top:10px; bottom:10px; border:1px solid rgba(255,255,255,.4)}
.index02right .img a{ display:block; width:100%; height:100%;}
.index02left{ float:left; width:53.33%; font-size:16px; }
.index02left .txt span{ color:#000; font-weight:700}
.index02left .txt{ margin-bottom:45px;}
.index02left .txta a{ display:inline-block; width:30%; height:40px; line-height:40px; text-align:center; background-color:#e6222b; color:#fff;}
.index02left .txta .a2{ background-color:#047fcc; margin-left:10px}

.index03{ padding-bottom:90px; padding-top:65px; }
.index03 .bd ul{ margin-left:-35px; margin-right:-35px;}
.index03 .bd li{ float:left; width:33.33%; text-align:center}
.index03 .bd li .img{ overflow:hidden}
.index03 .bd li .img img{ display:block; width:100%}
.index03 .bd li a{ display:block; margin:0 35px; border:1px solid #e3e3e3}
.index03 .bd li .txt{ padding:35px 10px;}
.index03 .bd li .txt h3{ font-size:24px; font-weight:normal; line-height:1.1; margin-bottom:5px;}
.index03 .bd li .txt h3:after,.index03 .bd li .txt h3:before{ content:""; display:inline-block; width:7px; height:2px; background-color:#333333; vertical-align:middle; margin:0 5px;}
.index03 .bd li .txt .eng{ font-size:12px; color:#999; text-transform:uppercase}

.index04{  background:url(../images/index04bg.jpg) no-repeat center; background-size:cover; color:#fff;}
.index04 .weap{height:200px; position:relative;}
.index04 .txt{ padding-right:260px; padding-top:55px}
.index04 .txt .p1{ font-size:35px; line-height:1.1; margin-bottom:20px}
.index04 .txt .p2{ font-size:16px;}
.index04  .tel{ position:absolute; z-index:1; right:0;top:50%; margin-top:-13px; }
.index04  .tel a{font-size:30px; font-weight:bold; color:#fff; line-height:26px;}
.index04  .tel a:before{ content:""; display:inline-block; width:26px; height:26px; background:url(../images/ico-telb.png) no-repeat center; background-size:100%; margin-right:10px; vertical-align:middle}

.index05{ padding-top:30px; padding-bottom:45px;}
.index05 .hd{ text-align:center; margin-bottom:45px;}
.index05 .hd h3{ font-size:45px; line-height:1.1; margin-bottom:10px}
.index05 .hd h3 b{ color:#e7222a}
.index05 .hd .p{ font-size:18px;}

.index05 .bd{ position:relative}
.index05 .bd .img{ text-align:center}
.index05 .bd .img img{ max-width:100%}
.index05 .bd  li{ position:absolute; z-index:2; padding-left:110px; width:418px;}
.index05 .bd  li .ico{ width:90px; height:90px; position:absolute; z-index:2; left:0;top:0; background-position:center; background-repeat:no-repeat; background-size:100%}
.index05 .bd  li .ico-index0501{ background-image:url(../images/ico-index0501.png)}
.index05 .bd  li .ico-index0502{ background-image:url(../images/ico-index0502.png)}
.index05 .bd  li .ico-index0503{ background-image:url(../images/ico-index0503.png)}
.index05 .bd  li .ico-index0504{ background-image:url(../images/ico-index0504.png)}
.index05 .bd  li .txt{ padding-top:15px;}
.index05 .bd  li .txt h3{ font-size:22px; color:#047fcc; font-weight:bold; line-height:1.1; margin-bottom:5px}
.index05 .bd  li .txt .p{ font-size:22px; line-height:1.4}
.index05 .bd  li:nth-child(odd){ left:0;}
.index05 .bd  li:nth-child(even){right:0;}
.index05 .bd  li:nth-child(1){top:40px;}
.index05 .bd  li:nth-child(2){top:40px; right:0; width:370px}
.index05 .bd  li:nth-child(3){top:220px;}
.index05 .bd  li:nth-child(4){top:220px; right:0; width:370px}

.index06{ background-color:#f0f0f0; padding-top:70px; padding-bottom:130px;}
.index06 .bd ul{ margin-left:-15px; margin-right:-15px;}
.index06 .bd li{ float:left; width:33.33%;}
.index06 .bd li a{ display:block; background-color:#fff; margin:0 15px; box-shadow:0 0 10px rgba(0,0,0,.2)}
.index06 .bd li .img{ overflow:hidden}
.index06 .bd li .img img{ display:block; width:100%}
.index06 .bd li .txt{ padding:25px 26px; height:200px}
.index06 .bd li .txt h3{ font-size:18px; color:#164396; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.index06 .bd li .txt .p{ color:#333; height:88px; overflow:hidden}

.index07{ padding-top:80px; padding-bottom:110px;}
.index07left{ float:left; width:48.33%;}
.index07left a{ display:block}
.index07left .img{ overflow:hidden}
.index07left .img img{ display:block; width:100%; height:290px;}
.index07left .txt{ padding:5px 0;}
.index07left .txt h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px}
.index07left .txt .p{ color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.index07right{ float:right; width:48.33%;}
.index07right li{ border-bottom:1px solid #f0f0f0; padding-bottom:20px; margin-bottom:20px}
.index07right li a{ display:block; overflow:hidden}
.index07right li .date{ overflow:hidden; margin-right:20px;width:82px; height:90px; float:left; background-color:#cccccc; text-align:center; color:#fff; font-family:Arial; line-height:1.1; padding-top:13px}
.index07right li .date .d{ font-size:42px; font-weight:bold}
.index07right li .date .y{ font-size:12px;}
.index07right li .txt{ overflow:hidden}
.index07right li .txt h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px }
.index07right li .txt .p{ color:#666; height:44px; overflow:hidden}


.lanmuplo{ text-align:center; margin-bottom:35px;}
.lanmuplo h3{ font-size:36px; line-height:1.1}
.lanmuplo:after{ content:""; display:block; width:68px; height:2px; background-color:#2083c7; 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:70px; border-bottom:1px solid #f0f0f0; line-height:70px;}
.lanmunav ul{ font-size:0;}
.lanmunav li{ display:inline-block; vertical-align:middle; max-width:19.66%; position:relative}
.lanmunav li a{ display: block;
    font-size: 16px;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.lanmunav li a:before{ content:""; display:block; width:1px; height:20px; background-color:#f0f0f0; position:absolute; z-index:1; right:0;top:50%; margin-top:-10px;}
.lanmunav li:last-child a:before{ display:none}
.lanmunav li.on a:before{ display:none}
.lanmunav li.on a{ background-color:#047fcc; color:#fff}
.lanmunav li.on a:after,.lanmunav li.on:after{ content:""; display:block;width:0;
	height:0;
	border-right:14px solid transparent;
	border-left:14px solid transparent;
	border-top:9px solid #047fcc;
	position:absolute; z-index:1; bottom:-9px; left:50%; margin-left:-14px;
}

.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:260px;}
.newslist .bd li .img img{ 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:#22419c; 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}

.about02{ background:url(../images/about02bg.jpg) no-repeat center; background-size:cover;padding-top:95px;}
.about02 .lanmuplo h3{ color:#fff}
.about02 .bd{ height:490px; position:relative; color:#fff}
.about02 .bd li{ position:absolute; z-index:1; width:210px}
.about02 .bd li:before{ content:""; display:block; position:absolute; background-repeat:no-repeat; background-position:center; background-size:100%}
.about02 .bd li span{ display:block}
.about02 .bd li .p{ font-size:12px; font-weight:bold}
.about02 .bd li .year{ font-size:20px; color:#157bbb; font-weight:bold; line-height:1.1; margin-bottom:5px}
.about02 .bd li:nth-child(1){top:40.8%; left:0}
.about02 .bd li:nth-child(2){top:18.3%; left:8%}
.about02 .bd li:nth-child(3){top:37.3%; left:23.6%}
.about02 .bd li:nth-child(4){top:64.28%; left:30%}
.about02 .bd li:nth-child(5){top:37.7%; left:53%}
.about02 .bd li:nth-child(6){top:11.2%; left:63%}
.about02 .bd li:nth-child(7){top:38.7%; right:0}
.about02 .bd li:nth-child(1):before{ width:26px; height:26px; background-image:url(../images/ico-y2008.png);top:-30px; left:5px}
.about02 .bd li:nth-child(2):before{ width:26px; height:26px; background-image:url(../images/ico-y2009.png); bottom:-30px; left:5px}
.about02 .bd li:nth-child(3):before{ width:50px; height:50px; background-image:url(../images/ico-y2013.png); top:10px; left:-60px}
.about02 .bd li:nth-child(4):before{ width:27px; height:27px; background-image:url(../images/ico-y2015.png);top:-30px; left:5px}
.about02 .bd li:nth-child(5):before{ width:25px; height:25px; background-image:url(../images/ico-y2016.png);bottom:-30px; left:5px}
.about02 .bd li:nth-child(6):before{ width:49px; height:49px; background-image:url(../images/ico-y2019.png);bottom:-59px; left:10px}
.about02 .bd li:nth-child(7):before{ width:41px; height:41px; background-image:url(../images/ico-y2020.png);top:15px; left:-51px}

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

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

.contact01{ padding-top:45px; padding-bottom:40px;}
.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:#0381cd}
.contact01 .title .p{ color:#999}
.contact01 .cewm{ position:absolute; z-index:1; right:75px;top:60px;}
.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;}

 
.contact02 .bd{ overflow:hidden; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}
.contact02 .bd ul{ margin-left:-9px; margin-right:-9px;}
.contact02 .bd li{ float:left; width:33.33%;}
.contact02 .bd .libox{  margin:0 9px; padding:25px 0; line-height:1.8}
.contact02 .bd .libox h3{ color:#047fce; font-size:16px}

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

.xindex01{ padding:20px 0; background-color:#f6f6f6}
.xindex01 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.xindex01 ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.xindex01 ul li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.xindex01 ul li .a .ico{ width:94px;flex:0 0 94px; margin-right:20px; height:94px; border:1px solid #0282e3; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:100%}
.xindex01 ul li .a .ico-xa01{ background-image:url(../images/ico-xa01.png)}
.xindex01 ul li .a .ico-xa02{ background-image:url(../images/ico-xa02.png)}
.xindex01 ul li .a .ico-xa03{ background-image:url(../images/ico-xa03.png)}
.xindex01 ul li .a .ico-xa04{ background-image:url(../images/ico-xa04.png)}
.xindex01 ul li .a .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.xindex01 ul li .a .txt h3{ font-size:20px; font-weight:normal; color:#6d6d6d}
.xindex01 ul li .a .txt .p{ font-size:16px; color:#8e8e8e}

.xplo{ text-align:center; margin-bottom:40px}
.xplo h3{ border-bottom:1px solid #c2c2c2; max-width:640px; margin:0 auto; font-size:0; line-height:1.1; position:relative }
.xplo h3 i{ display:inline-block; vertical-align:middle;font-size:40px; padding-bottom:10px; border-bottom:3px solid #02b29d; margin-bottom:-2px}
.xplo h3 i:nth-child(1){ border-bottom:3px solid #0071bf}
.xplo .p{ margin-top:10px; font-size:18px}
.xplo span{ display:block;font-size:40px; padding-bottom:10px; position:relative }
.xplo span:after{ content:""; display:block; width:70px; height:3px; position:absolute; z-index:1; left:50%;  background-color:#02b29d; bottom:-2px}
.xplo span:before{ content:""; display:block; width:70px; height:3px; position:absolute; z-index:1; left:50%; margin-left:-70px; background-color:#0071bf; bottom:-2px}

.xindex02{ padding-top:60px; padding-bottom:30px}
.xindex02 .bd ul{ margin:0 -8px}
.xindex02 .bd li{ float:left; width:25%; margin-bottom:16px}
.xindex02 .bd li .a{ margin:0 8px; border:1px solid #dedede; padding:15px;}
.xindex02 .bd li .img{ height:140px; overflow:hidden; margin-bottom:30px}
.xindex02 .bd li .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.xindex02 .bd li .txt h3{ text-align:center;  font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.xindex02 .bd li .txt h3 a{   font-size:18px;margin-top:20px  }
.xindex02 .bd li .txt .p{ color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xindex02 .bd li .txt .as{ margin-top:20px; height:36px; line-height:34px}
.xindex02 .bd li .txt .as a{ float:left; display:block;   width:100px; text-align:center;background-color:#fff; color:#999;  border-radius:36px; border:1px solid #ddd} 
.xindex02 .bd li .txt .as a:hover{background-color:#0071bf;border:1px solid #0071bf;color:#fff; }
.xindex02 .bd li .txt .as .a2{ float:right}
.xindex02 .bd li .txt .as .a2:hover{ background-color:#02b29d;border:1px solid #02b29d;}

.xindex03{  background:url(../images/xindex03bg.jpg) no-repeat center; background-size:cover; color:#fff}
.xindex03 .weap{height:200px;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;}
.xindex03 .ico{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.xindex03 .ico img{ height:116px}
.xindex03 .txt{ font-size:16px; min-width:0}
.xindex03 .txt .p1{ font-size:32px}
.xindex03 .txt .p2{ margin-top:10px}
.xindex03 .txt .p3{ font-size:28px; margin-top:10px; font-weight:bold; background:url(../images/ico-telb.png) no-repeat center left; background-size:26px; padding-left:44px}
.xindex03 .txt .p3 a{ font-size:28px; color:#fff}

.xindex04{ padding-top:85px; padding-bottom:70px; background-color:#f8f8f8}
.xindex04 .bd{ margin:0 -35px; position:relative}
.xindex04 .a{ margin:0 35px; background-color:#fff; }
.xindex04 .img{ height:280px; overflow:hidden}
.xindex04 .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.xindex04 .txt{ padding:80px 10px; border:1px solid #ddd; position:relative}
.xindex04 .txt h3{ font-size:26px; font-weight:normal; text-align:center}
.xindex04 .txt .ico{ width:89px; height:89px; border:3px solid #fff; border-radius:50%; position:absolute; z-index:1; left:50%; margin-left:-45px;top:-45px; background-color:#0071be; background-repeat:no-repeat; background-position:center; background-size:100%}
.xindex04 .txt .ico-xindex0401{ background-image:url(../images/ico-xindex0401.png)}
.xindex04 .txt .ico-xindex0402{ background-image:url(../images/ico-xindex0402.png)}
.xindex04 .txt .ico-xindex0403{ background-image:url(../images/ico-xindex0403.png)}
.xindex04 .slick-arrow{ width:40px; height:40px; border:2px solid #c7c7c7; background-color:#fff; border-radius:50%; overflow:hidden; text-indent:-999px; cursor:pointer;top:50%; margin-top:-20px; position:absolute; z-index:2; background-repeat:no-repeat; background-position:center; background-size:60%}
.xindex04 .slick-arrow:hover{ border:2px solid #026db3}
.xindex04 .slick-prev{ background-image:url(../images/ico-prev.png); left:-40px}
.xindex04 .slick-prev:hover{background-image:url(../images/ico-prevon.png); }
.xindex04 .slick-next{background-image:url(../images/ico-next.png); right:-40px;}
.xindex04 .slick-next:hover{background-image:url(../images/ico-nexton.png); }

.xindex05{ padding-top:80px; padding-bottom:88px; background:url(../images/xindex05bg.jpg) no-repeat center; background-size:cover}
.xindex05 .xplo{ color:#fff; margin-bottom:85px}
.xindex05 .xplo h3{ border-bottom:1px solid #fff}
.xindex05 .bd li{ float:left; width:20%; text-align:center; color:#fff}
.xindex05 .bd li .ico{ width:78px; height:66px;  margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:22px}
.xindex05 .bd li .ico-xindex0501{ background-image:url(../images/xindex0501.png)}
.xindex05 .bd li .ico-xindex0502{ background-image:url(../images/xindex0502.png)}
.xindex05 .bd li .ico-xindex0503{ background-image:url(../images/xindex0503.png)}
.xindex05 .bd li .ico-xindex0504{ background-image:url(../images/xindex0504.png)}
.xindex05 .bd li .ico-xindex0505{ background-image:url(../images/xindex0505.png)}
.xindex05 .bd li .txt h3{ font-size:20px; margin-bottom:5px}
.xindex05 .bd li .txt .p{ font-size:16px; opacity:.8}
.xindex05 .bd li .txt .p span{ display:block}
.moreas{ margin-top:60px; text-align:center}
.moreas a{ display:inline-block; width:250px; line-height:50px; height:50px; color:#fff; background-color:#02b29d; font-size:18px; margin:0 10px}
.moreas a:before{ content:""; display:inline-block; width:24px; height:24px; vertical-align:middle; margin-right:5px; background-repeat:no-repeat; background-position:center; background-size:100%}
.moreas .a1:before{ background-image:url(../images/ico-x01.png)}
.moreas .a2:before{ background-image:url(../images/ico-x02.png);width:34px; height:34px; position:relative;top:-2px}
.moreas .a2{ background-color:#0071bf}

.xindex06{ padding:85px 0}
.xindex06 .xplo{  margin-bottom:80px}
.xindex06 .bd{ margin:0 -15px; position:relative}
.xindex06 .a{ margin:0 15px;}
.xindex06 .img{ overflow:hidden; height:390px; line-height:390px; text-align:center; margin-bottom:25px}
.xindex06 .img img{ max-width:100%; max-height:100%; display:inline}
.xindex06 .a h3{ font-size:16px; text-align:center; font-weight:normal}
.xindex06 .slick-arrow{ width:40px; height:40px; border:2px solid #c7c7c7; background-color:#fff; border-radius:50%; overflow:hidden; text-indent:-999px; cursor:pointer;top:50%; margin-top:-20px; position:absolute; z-index:2; background-repeat:no-repeat; background-position:center; background-size:60%}
.xindex06 .slick-arrow:hover{ border:2px solid #026db3}
.xindex06 .slick-prev{ background-image:url(../images/ico-prev.png); left:-40px}
.xindex06 .slick-prev:hover{background-image:url(../images/ico-prevon.png); }
.xindex06 .slick-next{background-image:url(../images/ico-next.png); right:-40px;}
.xindex06 .slick-next:hover{background-image:url(../images/ico-nexton.png); }

.xindex07 { padding-top:40px; padding-bottom:60px;overflow:hidden}
 
.xindex07 .hd{ text-align:center; font-size:0; margin-bottom:30px}
.xindex07 .hd span{ display:inline-block; vertical-align:middle; width:240px; height:40px; line-height:40px; background-color:#f5f5f5; font-size:16px; color:#777777; cursor:pointer}
.xindex07 .hd span.on{ background-color:#0071bf; color:#fff}
.xindex07 .bdd .img{ float:left; width:42.5%; height:490px; overflow:hidden; position:relative}
.xindex07 .bdd .img h3{ position:absolute; z-index:2; height:50px; line-height:50px; color:#fff; left:0; right:0; bottom:0; padding:0 10px; font-size:16px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:rgba(0,0,0,.5)}
.xindex07 .bdd .img img{object-fit: cover; height:100%; width:100%}
.xindex07 .bdd ul{ float:right; width:55%}
.xindex07 .bdd ul li{ margin-bottom:19px}
.xindex07 .bdd ul li:last-child{ margin-bottom:0}
.xindex07 .bdd ul li a{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; height:108px; box-shadow:0 0 10px rgba(0,0,0,.2); padding-right:25px}
.xindex07 .bdd ul li a:after{ content:""; display:block; width:30px; height:30px; border:1px solid #4a4a4a; border-radius:50%; margin-left:45px;  background:url(../images/ico-downon.png) no-repeat center; background-size:50%; opacity:.8}
.xindex07 .bdd ul li .date{ font-family:Arial, Helvetica, sans-serif; width:160px; flex:0 0 160px; text-align:center; color:#333; font-size:16px; line-height:1.4;}
.xindex07 .bdd ul li .date .d{ font-size:26px}
.xindex07 .bdd ul li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.xindex07 .bdd ul li .txt h3{ font-size:16px; font-weight:normal; margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xindex07 .bdd ul li .txt .p{ color:#999; height:44px; overflow:hidden}
.xindex07 .slick-list{ overflow:visible !important}



.casebox{ padding:80px 0}
.casebox .xplo{ margin-bottom:75px}
.caselist .bd ul{ margin:0 -15px}
.caselist .bd li a{ display:block; margin:0 15px;}
.caselist .bd li .img{ overflow:hidden; height:365px; text-align:center; margin-bottom:10px; background-color:#eee; line-height:365px}
.caselist .bd li .img img{  max-width:100%; max-height:100%;}
.caselist .bd li{ float:left; width:25%; text-align:center; margin-bottom:30px}
.caselist .bd li h3{ text-align:center; font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media (max-width: 1366px){ 
.about01 .bdimg{ margin-left:50px; margin-right:50px}
.about04 .bdimg{ margin-left:50px; margin-right:50px}
.xindex04 .slick-prev,.xindex06 .slick-prev{ left:40px;}
.xindex04 .slick-next,.xindex06 .slick-next{ right:40px;}
}
@media (max-width: 1220px){ 
.index04 .tel{ right:10px;}
.banner .item,.banner{ height:50vw}


.index05 .bd li{ padding-left:90px; width:370px; z-index:4}
.index05 .bd li .ico{ width:80px; height:80px}
.index05 .bd li .txt{ padding-top:0}
.index05 .bd li .txt h3{ font-size:20px}
.index05 .bd li .txt .p{ font-size:20px}
.index05 .bd li:nth-child(2),.index05 .bd li:nth-child(4){ width:350px}

.index07left .img img{ height:24.16vw}
.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}

.xindex04 .img{ height:24vw}

.lanmunav li a{  font-size:16px; padding:0 25px; }
.caselist .bd li .img{  height:33vw; line-height:33vw}
} 
@media (max-width:1000px){  
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:8px; height:8px; border-radius:50%; margin:0 4px}

.plo{ margin-bottom:20px}
.plo h3{ font-size:22px}
.plo .p{ font-size:12px}
.index01{ padding-top:35px; padding-bottom:20px}
.index01 .bd ul{ margin:0}
.index01 .bd li{ float:none; width:auto; margin-bottom:10px}
.index01 .bd li .ico{ width:90px}
.index01 .bd li a{ padding:20px 10px; min-height:100px; margin:0}
.index01 .bd li .txt h3{ font-size:20px; margin-bottom:10px}
.index01 .bd li .txt .p{ font-size:14px}
.index01 .bd li a:after{ width:20px; height:20px;}

.index02{ padding-top:35px;}
.index02 .bd{ height:auto; background-size:150px !important}
.index02 .bd .imgbox{ position:static; height:50vw; width:auto}
.index02 .bd .txtbox{ position:static; width:auto; padding:0; padding:10px}
.index02 .bd .txtbox h3{ font-size:22px; margin-bottom:10px;}
.index02 .bd .bdright{ position:static; width:auto; overflow:hidden}
.index02 .bd .bdright li a{ height:133px; padding:10px; padding-top:40px}
.index02 .bd .bdright li h3{ font-size:18px; text-shadow:0 1px 2px rgba(0,0,0,.1); font-weight:700}
.index02 .bd .bdright li .p{ font-size:13px; line-height:1.4}

.index03{ padding-top:35px; padding-bottom:20px;}
.index03 .ul .li a{ margin:0 5px;}
.index03 .ul{ margin-left:-5px; margin-right:-5px}
.index03 .ul .li .img{ padding:15px;}
.index03 .ul .li .txt{ padding:15px 10px;}
.index03 .ul .li .txt h3{ font-size:18px; margin-bottom:5px}
.index03 .ul .li .txt .p{ font-size:14px; height:66px;}
.index03 .ulbar span{ width:80px; height:40px;background-size:20px;}
.index03 .ulbar a{ width:40px; height:40px; margin:0 10px;}
.index03 .ulbar{ margin-top:20px;}
.index04{ padding-top:20px; padding-bottom:40px}
.index04 .bdleft{ float:none; width:auto; margin-bottom:10px}
.index04 .bdleft ul{ overflow:hidden; margin-left:-5px; margin-right:-5px;}
.index04 .bdleft li a{ margin:0 5px;}
.index04 .bdright{float:none; width:auto}
.index04 .bdleft li .img img{ height:30vw}
.index04 .bdleft li .txt{ height:auto; padding:10px}
.index04 .bdright li{ margin-bottom:10px;}
.index04 .bdright .date .y{ font-size:14px;}
.index04 .bdright .date .md{ font-size:18px;}
.index04 .bdright .date{ width:70px; margin-right:20px}
.index04 .bdright a{ padding:15px 10px;  height:auto}
.index04 .bdright a h3{ font-size:16px;}
.index04 .bdright .p{ line-height:1.4; height:38px}

.index05{ padding-top:40px; padding-bottom:20px;}
.index05 .bd li{ width:50%}

.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%; max-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; padding:0 5px}
 
.lanmunav li.on a:after{ display:none}
.lanmunav li.on: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} 

.index02{ padding-top:20px; padding-bottom:30px}
.index02 .title h3{ font-size:20px; text-align:center}
.index02 .title{ float:none; margin-bottom:15px}
.index02right{ float:none; width:auto; margin:0; height:120px; padding:5px; margin-bottom:10px; } 
.index02left{ float:none; width:auto;font-size:14px}
.index02left .txt{ margin-bottom:15px}
.index02 .title:after{ margin:0 auto;margin-top:10px; width:45px;}
.index02left .txta{ text-align:center}
.index02left .txta a{ height:32px; line-height:32px}

.plo{ margin-bottom:15px}
.plo .eng{ font-size:22px;}
.plo h3{ font-size:16px}

.index03 .bd ul{ margin-left:-5px; margin-right:-5px}
.index03 .bd li a{ margin:0 5px;}
.index03 .bd li .txt h3{ font-size:16px}
.index03 .bd li .txt{ padding:10px 5px; height:68px}
.index03 .bd li .txt .eng{ line-height:1.1}

.index04{ padding:30px 0}
.index04 .txt{ padding:0; margin-bottom:10px}
.index04 .tel{ position:static; margin:0;}
.index04 .txt .p1{ font-size:22px; margin-bottom:10px}
.index04 .txt .p2{ font-size:14px}
.index04 .tel a{ font-size:24px;}
.index04 .weap{ height:auto}

.index05{ padding:30px 0; padding-bottom:15px}
.index05 .hd{ margin-bottom:15px}
.index05 .hd h3{ font-size:22px; margin-bottom:5px}
.index05 .hd .p{ font-size:14px}
.index05 .bd ul{ overflow:hidden}
.index05 .bd li{ position:relative; width:50% !important; float:left; margin-bottom:15px;top:auto !important; padding-left:0; min-height:66px; text-align:center}
.index05 .bd .img{ display:none}
.index05 .bd li .txt h3{ font-size:18px}
.index05 .bd li .txt .p{ font-size:14px}
.index05 .bd li .ico{ width:55px; height:55px; position:static; margin:0 auto; margin-bottom:10px}

.index06{ padding:30px 0; padding-bottom:20px}
.index06 .bd ul{ margin:0}
.index06 .bd li{ float:none; width:auto; margin-bottom:10px}
.index06 .bd li a{ margin:0;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.index06 .bd li .txt{ height:auto; padding:10px 10px}
.index06 .bd li .txt h3{ font-size:16px}
.index06 .bd li .txt .p{ height:auto; line-height:1.4}

.index07{ padding:30px 0}
.index07left{ float:none; width:auto; margin-bottom:10px}
.index07left .img img{ height:47.2vw}
.index07right{ float:none; width:auto}
.index07left .txt h3{ font-size:16px;}
.index07right li{ padding-bottom:10px; margin-bottom:10px}
.index07right li .txt h3{ font-size:16px;}
.index07right li .date .d{ font-size:32px;}
.index07right li .date{ width:62px; height:75px; margin-right:10px}

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

.xindex01 ul li .a .ico{ width:54px;flex:0 0 54px; height:54px}
.xindex01 ul li .a .txt h3{ font-size:16px}
.xindex01 ul li .a .txt .p{ font-size:14px}
.xplo h3 i{ font-size:24px}
.xplo span{ font-size:24px}
.xindex02 .bd li{ width:50%}
.xindex03 .txt .p1{ font-size:22px}
.xindex03 .ico img{ height:80px}
.xindex04 .a{ margin:0 10px;}
.xindex04 .bd{ margin:0 -10px}
.xindex04 .txt h3{ font-size:16px}
.xindex04 .txt{ padding:60px 10px}
.xindex04 .slick-next, .xindex06 .slick-next{ right:10px}
.xindex04 .slick-prev, .xindex06 .slick-prev{ left:10px}
}
@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}
}
@media (max-width:900px){ 
.index01{ padding:10px 0; padding-bottom:0px}
.index01 li{ width:50%; border:none;  float:left; height:auto; margin-bottom:10px; border-bottom:1px solid #4d99d7; padding-bottom:10px}
.index01 li:nth-last-child(1),.index01 li:nth-last-child(2){ border-bottom:none}
.index01 ul{ height:auto; padding-top:0; overflow:hidden}
.index01 li:nth-child(1){ border-left:none}
.index01 li .libox .num i{ font-size:30px}
.index01 li .libox{ font-size:12px}
.index01 li .libox .p{ font-size:14px}

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

}
@media (max-width:766px){ 
.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{ width:150px; height:100px; margin-right:10px}
.newslist .bd li .txt{ padding-top:0px;}
.newslist .bd li .txt h3{ font-size:16px; margin-bottom:10px}
.newslist .bd li .txt .p{ margin-bottom:10px}
.newslist .bd li{ margin-bottom:10px}
.newslist .bd li .txt .info span{ font-size:12px; margin-right:10px}
.newslist .bd li .txt .info span:last-child{ margin-right:0}

.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:#047fcc}
.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{ padding-top:20px; padding-bottom:20px}
.contact02 .bd li{ float:none; width:auto; margin-bottom:10px}
.contact02 .bd .libox{ margin:0; padding:10px 15px}
.contact02 .bd ul{ margin: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:80vw; background:none}
.contact03 .bd .img{ padding:0; width:80%; margin:0 auto  }
.contact03 .bd .img img{ width:100%}
.about04{ padding-top:30px; padding-bottom:50px}


.xindex01{ padding-bottom:10px} 
.xindex01 ul{ display:block; overflow:hidden; font-size:0}
.xindex01 ul li{ display:inline-block; vertical-align:top;width:50%; margin-bottom:10px}
.xindex01 ul li .a .ico{ margin-right:10px; width:44px;flex:0 0 44px; height:44px}

.xplo{ margin-bottom:25px}
.xplo h3 i{ font-size:20px}
.xplo span{ font-size:20px}
.xindex02{ padding-top:40px; padding-bottom:40px}
.xplo .p{ font-size:14px}
.xplo span:before{ width:40px; margin-left:-40px}
.xplo span:after{ width:40px}
.xindex05 .xplo{ margin-bottom:35px;}

.xindex02 .bd li{ margin-bottom:10px}
.xindex02 .bd li .a{ margin:0 5px; padding:5px;}
.xindex02 .bd ul{ margin:0 -5px}
.xindex02 .bd li .img{ margin-bottom:10px}
.xindex02 .bd li .txt h3 a{ font-size:16px}
.xindex02 .bd li .txt .as a{ font-size:12px; width:70px;  }
.xindex02 .bd li .txt .as{ margin-top:10px; height:26px; line-height:26px}

.xindex03 .weap{ height:auto; padding:30px 10px}
.xindex03 .ico{ display:none}
.xindex03 .txt .p1{ font-size:18px;}
.xindex03 .txt .p3{    background-size: 22px; padding-left:30px; background-position: left 15px}
.xindex03 .txt .p3 a{ font-size:20px; }
.xindex03 .txt{ font-size:15px}

.xindex04{ padding:40px 0}

.xindex04 .txt .ico{ width:50px; height:50px;top:-25px; margin-left:-25px}
.xindex04 .txt h3{ font-size:15px; line-height:1.2; height:36px;}
.xindex04 .txt{ padding:40px 10px; padding-bottom:20px}
.xindex04 .slick-dots{ margin-top:10px; text-align:center}	
.xindex04 .slick-dots li{ width:8px; height:8px; margin:0 5px; border-radius:50%; background-color:#666; float:none; display:inline-block; vertical-align:middle}
.xindex04 .slick-dots li.slick-active{ background-color:#0071bf}
.xindex04 .slick-dots li button{ display:none}
.xindex05{ padding:40px 0}
.xindex05 .bd ul{ font-size:0; text-align:center}
.xindex05 .bd li{ width:33.33%; display:inline-block; vertical-align:top; float:none; margin-bottom:25px}
.xindex05 .bd li .ico{ width:auto; height:40px; margin-bottom:10px}
.xindex05 .bd li .txt h3{ font-size:16px}
.xindex05 .bd li .txt .p{ font-size:14px}
.moreas{ margin-top:20px}
.moreas a{ width:150px; font-size:15px; height:42px; line-height:42px;}
.moreas a:before{ width:20px; height:20px}
.xindex06{ padding:40px 0}
.xindex06 .slick-dots{ margin-top:10px; text-align:center}	
.xindex06 .slick-dots li{ width:8px; height:8px; margin:0 5px; border-radius:50%; background-color:#666; float:none; display:inline-block; vertical-align:middle}
.xindex06 .slick-dots li.slick-active{ background-color:#0071bf}
.xindex06 .slick-dots li button{ display:none}
.xindex06 .xplo{ margin-bottom:30px}
.xindex06 .bd{ margin:0}
.xindex06 .img{ margin-bottom:15px}
.xindex07{ padding-top:0; padding-bottom:40px}
.xindex07 .hd span{ width:40%}
.xindex07 .bdd .img{ float:none; width:auto; height:60vw; margin-bottom:10px}
.xindex07 .bdd .img h3{ font-size:15px}
.xindex07 .bdd ul{ float:none; width:auto}
.xindex07 .bdd ul li .date{ width:90px;flex:0 0 90px}
.xindex07 .bdd ul li a:after{ display:none}
.xindex07 .bdd ul li{ margin-bottom:10px}
.xindex07 .bdd ul li a{    box-shadow: 0 0 5px rgba(0,0,0,.1);  }
 
.xindex08 ul{ display:block; overflow:hidden; font-size:0}
.xindex08 ul li{ display:inline-block; vertical-align:top; width:50%; margin-bottom:15px}
.xindex08 ul li .a .ico{ width:44px; height:44px;flex:0 0 44px; margin-right:10px}
.xindex08 ul li .a .txt h3{ font-size:16px}
.xindex08 ul li .a .txt .p{ font-size:12px}
.xindex08{ padding-top:0; padding-bottom:25px}

.casebox{ padding:40px 0}
.casebox .xplo{ margin-bottom:25px}
.caselist .bd ul{ margin:0 -5px}
.caselist .bd li{ width:50%}
.caselist .bd li a{ margin:0 5px}
.caselist .bd li h3{ font-size:14px}
.caselist .bd li .img{ height:55vw; line-height:55vw}
.caselist .bd li{ margin-bottom:20px}

.about01 .bd .aboutvideo{ float:none; width:auto; height:60vw; margin-bottom:15px}
.about01 .bd .txt{ float:none; width:auto}
}
 
@media (max-width:370px){ 
.index03 .bd li .txt h3:after, .index03 .bd li .txt h3:before{ display:none}
}