
/*2020.11.10*/ 
 html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
.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%}
.banner .slick-prev{left:50%; margin-left:-790px; background-image:url(../../../images/ico-prev.png)}
.banner .slick-next{left:50%; margin-left:790px; background-image:url(../../../images/ico-next.png)}

.plo{ text-align:center; margin-bottom:25px}
.plo h3{ font-size:32px; font-weight:800px; color:#010c4c; line-height:1.1}
.plo .p{ color:#808080; margin-top:10px}

.index01{ padding-top:45px; padding-bottom:50px; background-color:#f5f5f5}
.index01 .bd ul{ margin-left:-10px; margin-right:-10px;}
.index01 .bd li{ float:left; width:25%;}
.index01 .bd li a{ display:block; margin:0 10px; background-color:#fff; border-radius:10px; padding:35px 20px; min-height:225px; position:relative}
.index01 .bd li a:after{ content:""; display:block; width:30px; height:30px; background:url(../../../images/ico-01.png) no-repeat center; background-size:100%; margin-top:20px;}
.index01 .bd li .txt{max-width:213px; position:relative; z-index:2}
.index01 .bd li .txt h3{ font-size:24px; font-weight:normal; color:#010c4c; line-height:1.1; margin-bottom:25px}
.index01 .bd li .txt .p{ font-size:16px; color:#666 }
.index01 .bd li .ico{ width:124px; height:118px; position:absolute; z-index:1; right:20px;top:35px; background-repeat:no-repeat; background-position:center; transition: all 0.3s;}
.index01 .bd li .index0101{ background-image:url(../../../images/index0101.png)}
.index01 .bd li .index0102{ background-image:url(../../../images/index0102.png)}
.index01 .bd li .index0103{ background-image:url(../../../images/index0103.png)}
.index01 .bd li .index0104{ background-image:url(../../../images/index0104.png)}
.index01 .bd li a:hover .index0101{ background-image:url(../../../images/index0101on.png); color:#e60000;}
.index01 .bd li a:hover .index0102{ background-image:url(../../../images/index0102on.png); color:#e60000;}
.index01 .bd li a:hover .index0103{ background-image:url(../../../images/index0103on.png); color:#e60000;}
.index01 .bd li a:hover .index0104{ background-image:url(../../../images/index0104on.png); color:#e60000;}

.index02{ padding-top:48px;}
.index02 .bd{ height:490px; position:relative; background:#f8f8f8 url(../../../images/index02bg.png) no-repeat right bottom}
.index02 .bd .imgbox{ position:absolute; z-index:1; left:0;top:0; bottom:0; width:50%; overflow:hidden}
.index02 .bd .imgbox .img{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index02 .bd .txtbox{ position:absolute; z-index:1; width:50%; right:0;top:25px; padding:25px;}
.index02 .bd .txtbox h3{ text-align:left; font-size:35px; color:#010c4c; font-weight:bold; line-height:1.5; margin-bottom:25px;}
.index02 .bd .txtbox .p{ color:#727272; text-indent:28px; text-align:justify; line-height:32px}
.index02 .bd .bdright{ position:absolute; z-index:1; right:0; width:58.59%; padding-left:1px;}
.index02 .bd .bdright li{ float:left; width:50%}
.index02 .bd .bdright li a{ display:block; height:245px; overflow:hidden; position:relative; padding:30px; padding-top:113px; color:#fff;}
.index02 .bd .bdright li h3{ position:relative; z-index:2; font-size:24px; font-weight:normal; line-height:1.1; margin-bottom:10px}
.index02 .bd .bdright li .p{ position:relative; z-index:2;}
.index02 .bd .bdright li .img{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */}
.index02 .bd .bdright li a:hover .img{ transform:scale(1.1,1.1)}

.index03{ padding-top:50px; padding-bottom:35px}
.index03 .ul{ margin-left:-10px; margin-right:-10px;}
.index03 .ul .li a{ display:block; margin:0 10px; background-color:#ececec; border-radius:10px; overflow:hidden}
.index03 .ul .li .img{ overflow:hidden; padding:3px; padding-top:20px; background-color:#fff; border:1px solid #ececec; }
.index03 .ul .li .img img{ display:block; max-width:375px; border-radius:0%; margin:0 auto; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */}
.index03 .ul .li a:hover .img img{ transform:scale(1.1,1.1)}
.index03 .ul .li .txt{ padding:20px; padding-top:15px; background-color:#4c4c4c; color:fcfcfc;}
.index03 .ul .li .txt h3{ text-align:center; font-size:20px; color:#ffffff; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:10px;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */}
.index03 .ul .li a:hover .txt h3{ color:#e60000}
.index03 .ul .li .txt .p{ font-size:15px; color:#fcfcfc; height:48px; overflow:hidden}
.index03 .ul .li .txt .p span{ font-size:16px; margin-left:5px;}
.index03 .ulbar{ text-align:center; margin-top:40px; font-size:0;}
.index03 .ulbar span,.index03 .ulbar a{ font-size:16px; display:inline-block; vertical-align:middle; background-color:#f5f5f5; height:50px; border:1px solid #ececec; border-radius:5px; background-repeat:no-repeat; background-position:center; cursor:pointer;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */}
.index03 .ulbar span:hover,.index03 .ulbar a:hover{ background-color:#ccc}
.index03 .ulbar span{ width:145px; background-size:37px}
.index03 .ulbar .ulprev{ background-image:url(../../../images/ulprev.png)}
.index03 .ulbar .ulnext{ background-image:url(../../../images/ulnext.png)}
.index03 .ulbar a{ width:50px; margin:0 22px;  background-image:url(../../../images/ico-more.png);background-size:16px;}

.index04{ padding-top:35px; padding-bottom:40px}
.index04 .bdleft{ float:left; width:50.8%}
.index04 .bdleft li{ float:left; width:50%}
.index04 .bdleft li a{ display:block; margin-right:15px; background-color:#f7f7f7}
.index04 .bdleft li .img{ overflow:hidden}
.index04 .bdleft li .img img{ display:block; width:100%; height:190px;}
.index04 .bdleft li .txt{ padding:20px 10px; font-size:13px; color:#8c8c8c; height:146px}
.index04 .bdleft li .txt h3{ font-size:16px; color:#333;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:5px}
.index04 .bdleft li a:hover .txt h3{ color:#e60000}
.index04 .bdleft li .txt .date{ margin-bottom:5px;}
.index04 .bdleft li .txt .p{ height:40px; overflow:hidden}
.index04 .bdright{ float:right; width:49.2%}
.index04 .bdright li{ margin-bottom:15px;}
.index04 .bdright li .txt{ overflow:hidden}
.index04 .bdright li:last-child{ margin-bottom:0}
.index04 .bdright a{ display:block; overflow:hidden; background-color:#f7f7f7; padding:15px 20px; color:#8c8c8c; height:102px}
.index04 .bdright a h3{ font-size:17px; font-weight:normal; color:#353535;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:9px}
.index04 .bdright a:hover h3{ color:#e60000}
.index04 .bdright .date{ float:left; width:100px; margin-right:30px; text-align:right}
.index04 .bdright .p{ height:48px; overflow:hidden}
.index04 .bdright .date .y{ font-size:15px;}
.index04 .bdright .date .md{ font-size:30px; line-height:1.1}

.index05{ padding-top:55px; padding-bottom:70px; background-color:#f5f5f5}
.index05 .bd ul{ margin-left:-10px; margin-right:-10px;}
.index05 .bd li{ float:left; width:20%; margin-bottom:15px;}
.index05 .bd li .a{ display:block; margin:0 10px; background-color:#fff; border:1px solid #d9d9d9; overflow:hidden}
.index05 .bd li .a img{ display:block; width:100%}

.nbanner{ height:365px; background-repeat:no-repeat; background-position:center; background-size:cover}
.lanmunav{ height:50px; position:relative; z-index:2; margin-top:-50px; background:rgba(0,0,0,.5)}
.lanmunav li{ float:left; padding-right:23px; margin-right:23px; border-right:1px solid #576b86}
.lanmunav li:last-child{ border-right:none}
.lanmunav li a{ line-height:50px; font-size:16px; color:#b2b2b2}
.lanmunav li a:hover,.lanmunav li.on a{ color:#fff}

.path{ margin-bottom:45px; padding-top:10px; background:url(../../../images/ico-home.png) no-repeat left 11px; padding-left:17px;}
.path a{ margin:0 10px;}
.path a:last-child{ color:#e60000}

.productlist .bd ul{ margin-left:-10px; margin-right:-10px;}
.productlist .bd li{ float:left; width:25%; margin-bottom:15px;}  
.productlist .bd li a{ display:block; margin:0 10px; background-color:#ececec; border-radius:10px; overflow:hidden;}
.productlist .bd li .img{ overflow:hidden; padding:2px; padding-top:0px;  background-color:#fff; border:1px solid #ececec;}
.productlist .bd li .img img{ display:block; max-width:387px; border-radius:0%; margin:0 auto; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */}
.productlist .bd li a:hover .img img{ transform:scale(1.1,1.1)}
.productlist .bd li a:hover .txt h3{ color:#e60000;}
.productlist .bd li .txt{ padding:20px; padding-top:15px;}
.productlist .bd li .txt h3{ text-align:center; font-size:20px; color:#5d5c5c; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:10px;}
.productlist .bd li .txt .p{ font-size:15px; color:#6c6c6c; height:48px; overflow:hidden;}
.productlist .bd li .txt .p span{ font-size:16px; margin-left:5px;}

.lanmumain{ padding-bottom:35px;}

.newslist{ float:left; width:70.6%;}
.newslist .bd li a{ display:block}
.newslist .bd li{ padding-bottom:20px; margin-bottom:35px; border-bottom:1px solid #e4e4e4}
.newslist .bd li h3{ font-size:18px; color:#353535;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:5px}
.newslist .bd li .info{ color:#b5b6b0; font-size:13px; margin-bottom:5px}
.newslist .bd li .p{ line-height:1.4; margin-bottom:20px; color:#808080; height:57px; overflow:hidden}
.newslist .bd li a:hover h3{ color:#e94242}
.newslist .bd li a:hover .more .a{color:#e94242}
.sideleft{ float:right; width:27%;}

.sidenews{ background-color:#ededed; padding:20px;}
.sidenews .hd{ border-bottom:1px solid #c8c8c8; padding-bottom:10px; margin-bottom:20px}
.sidenews .hd h3{ font-size:18px; color:#1d2088; line-height:1.1}
.sidenews .bd li{ margin-bottom:11px;}
.sidenews .bd a{ display:block; padding-left:25px; background-repeat:no-repeat; background-position:left 7px; background-image:url(../../../images/ico-02.png); background-size:16px}
.sidenews .bd h3{ font-size:15px; color:#6d6c6c; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sidenews .bd a:hover h3{ color:#e60000}
.sidenews .bd a:hover{ background-image:url(../../../images/ico-02on.png)}
.sidenews .bd .date{ color:#6c6c6c}

.newsbody{ float:left; width:70.6%;}

.ppclist ul{ overflow:hidden; margin:0 -10px;}
.ppclist li{ float:left; width:30%; margin-bottom:10px}
.ppclist li .a{ margin:0 10px}
.newspage .ppclist li img{ display:block; width:100%; height:293px !important}
.ppclist li h3{ background-color:#e3fff0; font-size:18px; height:38px; line-height:38px; color:#121312; text-align:center; margin-top:1px; font-weight:normal}
.contact_infor{ display:flex; flex-wrap:wrap; width:101%; padding-bottom:20px;}
.contact_infor li{ width:22%; margin:0 1% 1% 0; background-color:rgba(255, 255, 255, 0); border:1px solid #e2e2e2; transition:0.3s; text-align:center; position:relative; padding:30px 0;}
.contact_infor li i{ color:#fb9a00; transition:0.5s; width:inherit; height:inherit; font-size:60px;}

.contact_infor li em{ display:block; font-size:18px; line-height:36px;}
.contact_infor li:before,.contact_infor li:after{ background:rgba(251,154,0,.1); content:""; position:absolute; transition:all .3s linear; left:0; top:0px; bottom:0; width:0%; z-index:-1;}
.contact_infor li:after{ left:inherit; right:0;}
.contact_infor li.hover:before,.contact_infor li.hover:after{ width:50%; background:rgba(251,154,0,1);}
.contact_infor li p{ font-size:16px; line-height:1.75; color:#808080;}
.contact_infor li p a{ color:#808080;}
.contact_infor li.hover,.contact_infor li.hover p,.contact_infor li.hover p a,.contact_infor li.hover i{ color:#fff !important;}

/*内容标题样式*/
.meta{ margin:0; padding:0px 30px 0 30px; border-bottom:1px solid #f5f5f5; }
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h2{ margin:0 0 20px; padding:0; color:#333; text-align:center; font-size:24px; font-weight:300; line-height:1.5em; }
.meta .info{ margin:0 0 10px; }
.meta .info span{ margin-right:10px; color:#b0b0b0; font-size:16px; line-height:16px; }
.meta .info span i{ margin-right:5px; display:inline-block; font-size:16px; }
.meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:16px; }
/*内容详细样式*/
.entry{ margin-top:20px; padding:0 1px 15px; font-size:16px; line-height:2em; word-wrap:break-word; text-align:left; }
.entry img{ max-width:100%!important; height:auto!important; }
.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
.entry h2{ font-size:1.2em; }
.entry h3,.entry h4{ font-size:1.1em; }
.entry strong{  }
.entry ul,.entry ol{ margin:1em; padding:0; }
.entry li{ margin-left:1em; }
.entry ul li{ list-style:disc outside none; }
.entry ol li{ list-style:decimal outside none; }
.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
.entry a{ text-decoration:underline; }
.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:16px; line-height:1.7em; }
.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
.entry table th{ background:#F9F9F9; text-align:center; }
.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }

/*上下一条样式*/
.next-box{ position:relative; padding:10px 0px 20px; line-height:20px; color:#444; font-size:16px; }
.next-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.next-box p{ display:block; width:49%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.next-box p a{ color:#666; }
.next-box p.prev{ float:left; }
.next-box p.next{ float:right; }

.contact03 ul{ max-width:1390px; margin:0 auto}
.contact03 li{ float:left; width:100%; margin-bottom:20px}
.contact03 li:nth-child(even){ float:right}
.contact03 li.col-2{ width:48%; position:relative;}
.contact03 li .input{ width:100%; height:50px; padding:0 15px; background-color:#f5f5f5; border:none}
.contact03 li textarea{ width:100%; height:120px; padding:15px; background-color:#f5f5f5; border:none}
.contact03 li .inbtn{border:none; width:160px; height:50px; font-size:150%; display:block; margin:0 auto;  background-color:#156bda; color:#fff; cursor:pointer}
.contact03 li .inbtn:hover{ background-color:#1f7ef9}

@media (max-width: 1400px){
.banner .slick-prev{ margin-left:auto; left:20px}	
.banner .slick-next{ margin-left:auto; left:auto; right:20px}
}
@media (max-width: 1220px){ 
.banner .item,.banner{ height:48vw}
.nbanner{ height:29vw}
} 
@media (max-width:1000px){  
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:8px; height:8px; border-radius:50%; margin:0 4px}
.ppclist li{ width:45%}
.ppclist li .a{ margin:0 5px;}
.ppclist ul{ margin:0 -5px;}
.newspage .ppclist li img{ height:40vw !important}
.plo{ margin-bottom:20px}
.plo h3{ font-size:22px}
.plo .p{ font-size:16px}
.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:120px}
.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:16px}
.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:16px; 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:16px;}
.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;}
.lanmunav li a{ font-size:16px; color:#333; display:block; text-align:center; margin:5px; line-height:32px; height:32px; background-color:#fff; border-radius:5px;}
.lanmunav li a:hover, .lanmunav li.on a{ background-color:#2f5ba8}
.path{ display:none}
.lanmumain{ padding-top:20px}

.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:16px; 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}
.newsbody{float:none; width:auto; margin-bottom:20px}
.sideleft{ float:none; width:auto}
.sidenews{ padding:20px 10px} 




.connect-part {
  position: relative;
  margin-top: 5%;
  margin-bottom: 5%;
}

.cmap {
  width: 81.25%;
  height: 545px;
}

.cinfo {
  position: absolute;
  right: 35px;
  top: 0px;
  z-index: 2;
  width: 31.25%;
  background: rgba(229, 36, 43, 0.9);
}

.cinfo dl {
  padding: 25% 10%;
  color: #fff;
}

.cinfo dt {
  margin-bottom: 15%;
}

.cinfo dd {
  position: relative;
  line-height: 24px;
  padding: 10px 0;
}

.cinfo dd a {
  color: #fff !important;
}

@media only screen and (max-width: 1023px) {
  .cmap {
    width: 100%;
    height: 400px;
  }

  .cinfo {
    width: 100%;
    position: static;
  }

  .cinfo dl {
    padding: 5%;
  }

  .cinfo dt {
    margin-bottom: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .cmap {
    height: 300px;
  }

  .cinfo dd {
    padding: 5px 0;
  }
}

.law-part {
  padding: 5% 0;
}

.law-part .edit_con_original {
  color: #666;
}
