@charset "utf-8";
 
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html{font-size:62.5%; padding:0; margin:0;}
body{padding:0px; margin: 0px; color: #666666; font-size:1.2rem; background-color:#FFF; -webkit-overflow-scrolling: touch; font-family: Arial, "微软雅黑";}
a{text-decoration: none; color: #666666;}
ul,li,p{margin: 0px; padding: 0px; list-style-type: none;}
dl,dt,dd,input{ padding:0px 0px; margin:0px 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px 0px; margin:0px 0px; font-size:1.4rem; font-weight:inherit;}
img{border: 0px;}
.clear {clear:both;}
button,input,optgroup,option,select,textarea{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit}
button,input{overflow:visible;outline:0;vertical-align:middle}
input[type=submit],input[type=reset],input[type=button],input[type=text],input[type=password]{outline:0;-webkit-appearance:none}


body{ font-size:14px; }
a{ font-size:14px; }
a:hover{ color:#0068B6} 
/*布局*/   
.weap{  max-width:1280px; margin:0 auto; }
/*首页*/
.banner{ position:relative;}
.banner .img{ height:600px; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .img a{ display:block; width:100%; height:100%}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:20px; text-align:center}
.banner .slick-dots li{ display:inline-block; width:12px; height:12px; border:1px solid #fff; border-radius:50%; margin:0 5px; cursor:pointer}
.banner .slick-dots li.slick-active{ background-color:#fff}
.banner .slick-dots li button{ display:none}
/* 新改 */
.cate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cate_l{
    width: 600px;
    height: 500px;
    position: relative;
    text-align: center;
    line-height: 500px;
}
.cate_l img{
    width: 100%;
    height: 100%;
}
.cate_text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    font-size: 24px;
}
.cate_r{
    width: 600px;
}
.inA{width:100%;float:left;background:url(../images/inbg.jpg) no-repeat center top;padding-bottom:60px}
.in_tit{width:100%;float:left;text-align:center;font-size:36px;color:#333333;margin-top:50px;}
.inA_con{width:100%;float:left;margin-top:15px;}
.inA_con a{width:237px;float:left;margin-right:22px;position:relative;margin-top:22px;overflow:hidden}
.inA_con a img{width:100%;float:left; transition:all 0.6s;}
.inA_con a:hover img{ transform:scale(1.1);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.inA_con a:nth-child(4),.inA_con a:nth-child(7){margin-right:0px}
.inA_con a:first-child{width:500px}
.inA_con a span{position:absolute;bottom:35px;left:0px;right:0px;font-size:24px;color:#fff;padding:0px 20px}


.inC{width:100%;float:left;background:url(../images/inbg2.jpg) no-repeat center;padding: 0 100px;margin-bottom:40px;min-height:478px;background-size:cover;}
.inC dl{width:100%;float:left;margin-top:70px;}
.inC dl dt{font-size:36px;color:#fff;margin-bottom:40px;text-align: center;}
.inC dl dd{font-size:15px;color:#fff;text-indent: 30px;}
.inC dl dd p{line-height:28px}
.inC ul{width:100%;float:left;margin-top:60px;}
.inC ul li{display:inline-block;color:#c2c2c7;margin:0px 80px;}
.inC ul li i{display:block;color:#e0e0e1}
.inC ul li p strong{font-size:45px;font-family:Arial;color:#fff;margin-right:6px;}
.inC .w1440>p{width:100%;float:left;text-align: center;}
.inC .w1440>p a{color:#fff;margin-top:75px;display:inline-block}
.inC .w1440>p a:after{content:url(../images/inico7.png);margin-left:8px}
/* 新改 */


.index01{ background-color:#0361ab; color:#fff; padding-top:50px; padding-bottom:35px;}
.index01 .bd{ width:580px; max-width:100%; margin:0 auto}
.index01 .bd .t{ font-size:18px; margin-bottom:15px}
.index01 .bd .searchbox{ position:relative; padding-right:140px; padding-left:15px; background-color:#fff}
.index01 .bd .searchbox .in-put{ width:100%; height:48px; line-height:48px; border:none; background-color:#fff}
.index01 .bd .searchbox .in-btn{ position:absolute; z-index:1; right:0;top:0; width:140px; bottom:0; cursor:pointer; border:none; background:#0b75d5 url(../images/ico-ss.png) no-repeat center; color:#fff;}

.index02 .hd{ background-color:#0361ab}
.index02 .hd ul{ font-size:0}
.index02 .hd li{ display:inline-block; vertical-align:top; cursor:pointer; width:16.666% }
.index02 .hd li .a{ display:block; font-size:18px; color:#fff; text-align:center; height:60px; line-height:60px}
.index02 .hd li.on .a{ background-color:#024d96}
.index02 .bd{ background-color:#024d96; padding-top:30px; padding-bottom:10px}
.index02 .bd ul{ font-size:0}
.index02 .bd ul li{ display:inline-block; vertical-align:top; margin-left:64px; margin-bottom:20px;}
.index02 .bd ul li a{ display:block; color:#fff;}
.index02 .bd ul li a:hover{ text-decoration:underline}

.plo{ text-align:center; margin-bottom:30px}
.plo h3{ font-size:28px; margin-bottom:5px; color:#333}
.plo .eng{ color:#999; text-transform:uppercase; letter-spacing:-1px;}
.plo .line{ width:30px; height:3px; margin:0 auto; background-color:#0068b7; margin-top:10px}
/*20220621修改 s*/
.index03{ padding-top:45px; padding-bottom:25px}
/* .index03 .item { width: 420px !important; margin-top: 10px;} */
.index03 .item a{ display:block; position:relative; }
.index03 .item a:hover .txt{ background-color:#004e9e; color:#fff}
.index03 .item a:hover h3,.index03 .item a:hover .p{ color:#fff}
.index03 .item .img{ overflow:hidden; height:230px;}
.index03 .item .img img{ display:block; width:100%;object-fit: cover; height:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 .item a:hover .img img{ transform:scale(1.1);}
.index03 .item .txt{ position:absolute; z-index:2; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.3)}
.index03 .item .txt h3{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; font-size:24px; color:#fff; text-align:center; line-height:60px} 

.index03{ position:relative}
.index03 .slick-prev{ position:absolute; left:-60px; top:50%; margin-top:-75px; display:flex; justify-content:center; align-items:center;  display:block; width:45px; height:110px; background-color:transparent; border:none; background-image:url(../images/cjkj_pro_ann_left.png); background-position:center; background-repeat:no-repeat; background-size:30px; cursor:pointer; overflow:hidden; text-indent:-999px;}
.index03 .slick-prev:hover{ background-image:url(../images/cjkj_pro_ann_left_q.png); opacity:0.9;}
.index03 .slick-next{ position:absolute; right:-60px; top:50%; margin-top:-75px; display:flex; justify-content:center; align-items:center;  display:block; width:45px; height:110px; background-image:url(../images/cjkj_pro_ann_rig.png);background-color:transparent; border:none;  background-position:center; background-repeat:no-repeat; background-size:30px; cursor:pointer;overflow:hidden; text-indent:-999px;}
.index03 .slick-next:hover{ background-image:url(../images/cjkj_pro_ann_rig_q.png); opacity:0.9;}

/*20220621修改 e*/
.index03  .slick-dots{  text-align:center; margin-top:30px}
.index03  .slick-dots li{ display:inline-block; width:10px; height:10px; background-color:#d8d8d8;border-radius:50%; margin:0 5px; cursor:pointer}
.index03  .slick-dots li.slick-active{ background-color:#0a75d5}
.index03  .slick-dots li button{ display:none}

.index04{ padding-top:25px; padding-bottom:50px}
.index04 .bd{ overflow:hidden}
.index04 a h3{width: 386px; height: 30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.index04 ul{ overflow:hidden; margin:0 -30px}
.index04 ul li{ float:left; width:33.33%; margin-bottom:25px}
.index04 ul li a{ display:block; margin:0 30px;}
.index04 ul li h3{ font-size:20px; color:#333; height:52px; overflow:hidden; margin-bottom:10px}
.index04 ul li .p{ color:#999; margin-bottom:15px; font-size:14px; line-height:1.8; height:50px; overflow:hidden;}
.index04 ul li .date{ color:#999; padding-left:24px; background:url(../images/ico-date.png) no-repeat left center; margin-bottom:20px;}
.index04 ul li .more{ width:34px; height:16px; line-height:16px; border:1px solid #cccccc; background:url(../images/ico-more.png) no-repeat center}
.index04 ul li a:hover h3{ color:#0068B6}
.index04 ul li a:hover .more{ border:1px solid #0068B6;background:url(../images/ico-moreh.png) no-repeat center}
.index04 .mores{ text-align:center; }
.index04 .mores a{ display:inline-block;width:174px; text-align:center; line-height:40px; height:42px; border:1px solid #e2dddc; border-radius:5px; color:#999999}
.index04 .mores a:hover{ background-color:#1a8fd5; border:1px solid #1a8fd5; color:#fff}

/*20220621添加*/

.index03 .searchbox{ max-width:580px; position:relative; padding-right:140px; background-color:#fff; margin:0 auto; margin-bottom:55px}
.index03 .searchbox .in-put{ font-size:14px; padding-left:15px; width:100%; height:48px; line-height:48px; border:none; background-color:#f4f4f4}
.index03 .searchbox .in-btn{ position:absolute; z-index:1; right:0;top:0; width:140px; bottom:0; cursor:pointer; border:none; background:#0b75d5 url(../images/ico-ss.png) no-repeat center; color:#fff;}

.index05{ padding-top:35px; padding-bottom:70px;} 
.index05 .bd ul{ margin:0 -12px; overflow:hidden}
.index05 .bd li{ float:left; width:33.33%}
.index05 .bd li a{ display:block; margin:0 12px; position:relative}
.index05 .bd li a:before{ content:""; display:block; position:absolute; z-index:3; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.3)}
.index05 .bd li .img{ overflow:hidden;}
.index05 .bd li .img img{ width:100%; height:200px; display:block;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index05 .bd li a:hover .img img{ transform:scale(1.1);}
.index05 .bd li h3{ position:absolute; z-index:4; left:0; right:0;top:50%; text-align:center; color:#fff; font-size:24px; transform:translateY(-50%)}



/*.index01{ background-color:#0361ab; color:#fff; padding-top:50px; padding-bottom:35px;}*/
/*.index01 .bd{ width:580px; max-width:100%; margin:0 auto}*/
/*.index01 .bd .t{ font-size:18px; margin-bottom:15px}*/
/*.index01 .bd .searchbox{ position:relative; padding-right:140px; padding-left:15px; background-color:#fff}*/
/*.index01 .bd .searchbox .in-put{ width:100%; height:48px; line-height:48px; border:none; background-color:#fff}*/
/*.index01 .bd .searchbox .in-btn{ position:absolute; z-index:1; right:0;top:0; width:140px; bottom:0; cursor:pointer; border:none; background:#0b75d5 url(../images/ico-ss.png) no-repeat center; color:#fff;}*/

/*.index02 .hd{ background-color:#0361ab}*/
/*.index02 .hd ul{ font-size:0}*/
/*.index02 .hd li{ display:inline-block; vertical-align:top; cursor:pointer; width:16.666% }*/
/*.index02 .hd li .a{ display:block; font-size:18px; color:#fff; text-align:center; height:60px; line-height:60px}*/
/*.index02 .hd li.on .a{ background-color:#024d96}*/
/*.index02 .bd{ background-color:#024d96; padding-top:30px; padding-bottom:10px}*/
/*.index02 .bd ul{ font-size:0}*/
/*.index02 .bd ul li{ display:inline-block; vertical-align:top; margin-left:64px; margin-bottom:20px;}*/
/*.index02 .bd ul li a{ display:block; color:#fff;}*/
/*.index02 .bd ul li a:hover{ text-decoration:underline}*/

/*.plo{ text-align:center; margin-bottom:30px}*/
/*.plo h3{ font-size:28px; margin-bottom:5px; color:#333}*/
/*.plo .eng{ color:#999; text-transform:uppercase; letter-spacing:-1px;}*/
/*.plo .line{ width:30px; height:3px; margin:0 auto; background-color:#0068b7; margin-top:10px}*/

/*.index03{ padding-top:45px; padding-bottom:25px}*/
/*.index03 .item a{ display:block;}*/
/*.index03 .item a:hover .txt{ background-color:#004e9e; color:#fff}*/
/*.index03 .item a:hover h3,.index03 .item a:hover .p{ color:#fff}*/
/*.index03 .item .img{ overflow:hidden}*/
/*.index03 .item .img img{ display:block; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}*/
/*.index03 .item a:hover .img img{ transform:scale(1.1)}*/
/*.index03 .item .txt{ background-color:#fff; padding:25px 30px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}*/
/*.index03 .item .txt h3{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; font-size:20px; color:#333; margin-bottom:10px}*/
/*.index03 .item .txt .p{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; height:94px; overflow:hidden; color:#666}*/
/*.index03  .slick-dots{  text-align:center; margin-top:30px}*/
/*.index03  .slick-dots li{ display:inline-block; width:10px; height:10px; background-color:#d8d8d8;border-radius:50%; margin:0 5px; cursor:pointer}*/
/*.index03  .slick-dots li.slick-active{ background-color:#0a75d5}*/
/*.index03  .slick-dots li button{ display:none}*/

/*.index04{ padding-top:25px; padding-bottom:50px}*/
/*.index04 .bd{ overflow:hidden}*/
/*.index04 ul{ overflow:hidden; margin:0 -30px}*/
/*.index04 ul li{ float:left; width:33.33%; margin-bottom:25px}*/
/*.index04 ul li a{ display:block; margin:0 30px;}*/
/*.index04 ul li h3{ font-size:20px; color:#333; height:52px; overflow:hidden; margin-bottom:10px}*/
/*.index04 ul li .p{ color:#999; margin-bottom:15px; font-size:14px; line-height:1.8; height:50px; overflow:hidden}*/
/*.index04 ul li .date{ color:#999; padding-left:24px; background:url(../images/ico-date.png) no-repeat left center; margin-bottom:20px}*/
/*.index04 ul li .more{ width:34px; height:16px; line-height:16px; border:1px solid #cccccc; background:url(../images/ico-more.png) no-repeat center}*/
/*.index04 ul li a:hover h3{ color:#0068B6}*/
/*.index04 ul li a:hover .more{ border:1px solid #0068B6;background:url(../images/ico-moreh.png) no-repeat center}*/
/*.index04 .mores{ text-align:center; }*/
/*.index04 .mores a{ display:inline-block;width:174px; text-align:center; line-height:40px; height:42px; border:1px solid #e2dddc; border-radius:5px; color:#999999}*/
/*.index04 .mores a:hover{ background-color:#1a8fd5; border:1px solid #1a8fd5; color:#fff}*/
@media (max-width: 1440px){ 
.banner .img{ height:29vw}
.inA_con a{width:286px;margin-right:18px;}
.inA_con a:first-child{width:591px;}
.inA_con a:nth-child(4) {
  margin-right: 18px;
 }
}
@media (max-width: 1230px){
.weap{ padding-left:10px; padding-right:10px;}
.banner .img{ height:29vw}
.index03 .slick-arrow{ display:none !important}
.inA_con a:nth-child(4) {
  margin-right: 0px;
 }
}
@media (max-width: 1190px){ 
.weap{ width:auto; padding:0 10px } 
.inA_con a{width:49%;margin-right:auto}
	.inA_con a:nth-child(2n+1){float:right}
	.inA_con a:first-child,.aboutA_R,.aboutC p{width:100%}
.inA_con a:nth-child(4) {
  margin-right: 0px;
 }
}
@media (max-width:766px){  
.banner .slick-dots{ bottom:5px}
.banner .slick-dots li{ width:8px; height:8px;}
.index01{ padding-top:20px; padding-bottom:20px;}
.index01 .bd .t{ font-size:16px}
.index01 .bd .searchbox .in-put{ height:40px}
.index01 .bd .searchbox .in-btn{ width:80px; background-size:20px}
.index01 .bd .searchbox{ padding-right:90px;}
.index02 .hd li{ width:auto;}
.index02 .hd li .a{ font-size:14px; height:50px; line-height:50px; padding:0 8px}
.index02 .bd ul li{ margin-left:0px; margin-right:10px; margin-bottom:10px}
.index02 .bd{ padding-top:20px; padding-bottom:5px}

.inA_con a:nth-child(4) {
  margin-right: 0px;
 }

.index03{ padding-top:30px; padding-bottom:10px}
.plo{ margin-bottom:20px}
.plo h3{ font-size:22px;}
.plo .eng{ font-size:12px;}
.plo .line{ width:25px; height:2px}
.inA_con a span{font-size:16px;bottom:16px}
	.inA_con,.inC dl{margin-top:0px}
	.inA{padding-bottom:30px;}
    .inC{padding: 0 10px; padding-top: 10px;}
    .inC dl dt{font-size: 20px;}
.index03 .slick-slider .slick-track{transform:none !important; width:100% !important;}

.index03 .slick-dots{ display:none !important}
.index03 .item{ margin-bottom:10px}
.index03 .item a{ display:block; margin:0 10px; position:relative}
.index03 .item .txt{ padding:10px 10px; height:auto; position:absolute; z-index:2; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); color:#fff;}
.index03 .item .txt .p{ height:auto; color:#fff}
.index03 .item .txt h3{ margin-bottom:5px; color:#fff; font-size:16px}

.index04{ padding-top:15px; padding-bottom:30px}
.index04 ul li{ width:100%}
.index04 ul{ margin:0;}
.index04 ul li a{ margin:0 10px}
.index04 ul li h3{ font-size:16px; height:42px}
.index04 .mores a{ height:30px; line-height:28px; width:120px}

 .index05 .bd li{ float:left; width:100%;margin-top:5px;}
}