@charset "utf-8"; 
/*banner*/ 
.index08{ position:relative}
#index08{ position:absolute; z-index:2;top:-60px}
#index011{ position:absolute; z-index:2;top:-90px}
#index012{ position:absolute; z-index:2;top:-90px}


.banner{height:650px; position:relative; z-index:1}
.banner .item{ height:650px; 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:#0e3785; 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:#0e3785}
.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:#18408c}
.index02right:before{ content:""; display:block; position:absolute; z-index:1; right:0; bottom:0; width:40%; height:40%; background-color:#0e3785}
.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:#18408c; color:#fff;}
.index02left .txta .a2{ background-color:#0e3785; margin-left:10px}

.index03{ padding-bottom:50px; 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; padding-bottom:25px}
.index03 .bd li .txt{ padding:0 10px; padding-top:30px}
.index03 .bd li .txt h3{ font-size:24px; font-weight:normal; line-height:1.1; margin-bottom:15px;}
.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:14px; color:#999; text-transform:uppercase; text-align:left; min-height:88px;}
.index03 .bd li .more span{ display:inline-block; width:142px; line-height:44px; line-height:42px; border:1px solid #00439e; color:#00439e; border-radius:5px}

/*.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:#0e3785; 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:50px; padding-bottom:80px;}
.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}

.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:#27418c; 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:#0e3785}
.lanmunav li.on a:after{ content:""; display:block; left:0; right:0; height:2px; position:absolute; z-index:1; bottom:0; background-color:#0e3785}

.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:270px;}
.newslist .bd li .img img{ width:100%; display:block}
.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}

.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 .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:#1a2c76}
.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; }
.contact02 .map{ position:absolute; z-index:2; right:440px; 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:#1a2c6e; 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:#1a2c6e; 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%}

.casebox{ padding-top:60px; padding-bottom:90px}
.caselist .bd ul{ margin-left:-10px; margin-right:-10px;}
.caselist .bd li{ float:left; width:33.33%; margin-bottom:20px;}
.caselist .bd li a{ display:block; margin:0 10px; box-shadow:0 0 10px rgba(0,0,0,.1); background-color:#fff}
.caselist .bd li .img{ overflow:hidden}
.caselist .bd li .img img{ display:block; width:100%}
.caselist .bd li h3{ font-size:16px; text-align:center; font-weight:normal; height:45px; line-height:45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.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:#1a2c6e}
.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:#2f2d6e; position:absolute; z-index:1; left:0; bottom:0;}
.newsproduct02 .hd h3{ font-size:24px; color:#1a2c6e; line-height:1.1}
.newsproduct02 .bd{ overflow:hidden; line-height:2; margin-bottom:50px}
.newsproduct02 .bd img{ max-width:100%; height:auto !important;}

.index08 .hd{ text-align:center; color:#fff; background-color:#0e3786; font-weight:bold; font-size:34px; line-height:1.2; text-transform:uppercase; padding:30px 0}
.index08 .bd{ text-align:center; padding:45px 0; padding-bottom:30px}
.index08 .bd .title h3{ font-size:28px; font-weight:bold; color:#0e3786; line-height:1.1; margin-bottom:20px}
.index08 .bd .conn{ font-size:18px; line-height:1.6; color:#666; margin-bottom:45px }
.index08 .bd .conn h4{ color:#333; font-size:18px}
.index08 .bd .li{ margin-bottom:40px; position:relative}
.index08 .imgboxs a{ display:block; position:relative}
.index08 .imgboxs a h3{ position:absolute; z-index:1; left:0; right:0; bottom:0; height:60px; line-height:60px; color:#fff;  font-size:18px; font-weight:bold; background:rgba(0,0,0,.7); padding:0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index08 .imgboxs .imgs{ width:48%; border:1px solid #eee}
.index08 .imgboxs .imgs .slick-arrow{ width:40px; height:60px; position:absolute; z-index:1;top:50%; margin-top:-30px; overflow:hidden; text-indent:-99px; border:none; cursor:pointer; background-color:rgba(14,55,134,.75); background-repeat:no-repeat; background-position:center;  background-size:60%}
.index08 .imgboxs .imgs .slick-prev{ left:0; background-image:url(../images/ico-prev04on.png)}
.index08 .imgboxs .imgs .slick-next{ right:0; background-image:url(../images/ico-next04on.png)}
.index08 .imgboxs .imgs img{ display:block; width:100%}
.index08 .imgboxs .imgleft{ float:left}
.index08 .imgboxs .imgright{ float:right}
.index08 .li .more{ margin-top:38px;}
.index08 .li:last-child{ margin-bottom:0}
.index08 .li .more a{ display:inline-block; width:200px; height:46px; line-height:42px; border:2px solid #19408d; color:#19408d; font-size:16px; border-radius:46px;}
.index08 .li .more a:hover{ background-color:#19408d; color:#fff}
.index08 .li:nth-child(2) .conn{ max-width:900px; margin-left:auto; margin-right:auto}
@media (max-width: 1366px){ 
.about04 .bdimg{ margin-left:50px; margin-right:50px}

 
}
@media (max-width: 1220px){ 
.index04 .tel{ right:10px;}
.banner .item,.banner{ height:50vw}
.nbanner{ height:32vw} 

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

.index03 .bd ul{ margin-left:-10px; margin-right:-10px;}
.index03 .bd li a{ margin:0 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: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%; 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} 

.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; padding-bottom:15px}
.index03 .bd li .txt h3{ font-size:16px}
.index03 .bd li .txt{ padding:10px 5px; }
.index03 .bd li .txt .eng{ min-height:20px}
.index03 .bd li .txt .eng{ line-height:1.1; margin-bottom:10px}
.index03 .bd li .more span{ height:34px; line-height:32px; width:120px;}


.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; display:block}
.lanmunav li.on a{ background-color:#0e3785; 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}

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

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

.index08 .hd{ font-size:22px; padding:15px 0}
.index08 .bd .title h3{ font-size:20px; margin-bottom:10px}
.index08 .bd .conn{ font-size:16px; margin-bottom:25px}
.index08 .bd .conn h4{ font-size:16px}
.index08 .bd{ padding-top:30px; padding-bottom: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}

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

.caselist .bd ul{ margin-left:-5px; margin-right:-5px}
.caselist .bd li{ width:50%; margin-bottom:10px}
.caselist .bd li a{ margin:0 5px;}
.caselist .bd li h3{ font-size:14px}
.casebox{ padding-top:30px; padding-bottom:40px}


}
@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{ float:none; width:auto; margin-right:0}
.newslist .bd li .txt{ padding-top:10px;}
.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}

.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:#0e3785}
.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}

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

.index08 .imgboxs .imgs{ float:none !important; width:auto; margin-bottom:15px}
.index08 .imgboxs a h3{ font-size:16px; height:45px; line-height:45px}
.index08 .imgboxs .imgs .slick-arrow{ width:30px; height:50px; margin-top:-25px}
.index08 .li .more{ margin-top:10px;}
.index08 .li .more a{ height:38px; line-height:34px; width:120px; font-size:14px}
}
 
@media (max-width:370px){ 
.index03 .bd li .txt h3:after, .index03 .bd li .txt h3:before{ display:none}
}