@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;font-family:"Arial";color:#333;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "Arial"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong {}
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{height:80px; width:100%;position: fixed; top:0px; z-index:9; background:#fff;}
.headerbox{width: 1240px; margin: 0 auto; }
.logo{width:  auto;float: left; margin-top:12px;margin-right:55px;}
.logo img{width: 100%;}
.nav{float:left; padding-right:60px;}

.nav li{float: left; height:80px;   padding:0 5px; position: relative;}
.nav li h3 a{display: block; font-size:16px;font-weight: normal;color: #333333;line-height: 50px; margin-top:13px; padding:0px 20px;border-radius: 8px;}
.nav li a:hover{background: #265ED7;color: #fff;}
.sub{position: absolute;width: 340px; top: 80px;left:-60%;background: #fff;z-index: 100;display: none;}
.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}
.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}
.sub dt a:hover{background: #265ED7;color: #fff;}

.yzxz{float: right;position: relative;z-index: 10;}
.yzxz p{font-size: 14px; color: #fff; line-height: 48px;cursor: pointer; background: #265ED7;;margin-top:12px; padding:0px 14px;}
.yzxz p img{display: inline-block;vertical-align: middle; margin: -3px 20px 0 0;}
.yzxz p b{display: inline-block;background: url(../images/a_08.png); width:18px;height:18px; vertical-align: middle; margin: -3px 0 0 20px;}
.yzxz ul{position: absolute; width: 100%; left: 0; background: #fff;border-radius: 0 0 6px 6px;z-index: 10;display: none;}
.yzxz li{line-height: 40px; font-size: 14px; padding-left: 42px;}
.yzxz li a{color: #333;}
.yzxz:hover ul{display: block;}
.yzxz li a:hover{color: #265ED7;}
.tp{ width:100%; height:80px;}
.banner img{width: 100%; display:block;}
.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -42px;right: 4vw;}
.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -42px;left: 4vw;}
.banner .swiper-pagination-bullet{width:12px;height:12px; opacity: 1;background: rgba(255, 255, 255, 0.3);border-radius: 12px; }
.banner .swiper-pagination-bullet-active{background: #265ED7;}


.cont1{ width:100%; height:auto; background:#F6F6F6; padding:70px 0px;}
.cont1 ul{ width:1240px; height:auto; margin:0 auto;}
.cont1 ul li{ width:32%;border-radius: 16px; float:left; margin-right:2%; margin-bottom:34px; overflow:hidden; background:#fff;}
.cont1 ul li:nth-child(3n){ margin-right:0px;}
.cont1 ul li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.cont1 ul li:hover img{transform: scale(1.1);}
.cont1 ul li p{ height:90px; line-height:90px; text-align:center;font-size: 18px;}
.cont1 ul li p span{opacity:0; padding-left:5px;}
.cont1 ul li:hover p{ color:#265ED7;}
.cont1 ul li:hover p span{opacity: 1;;}
.cnt1{ width:240px; height:58px; background:#265ED7; text-align:center; line-height:58px; margin:30px auto 0px auto;border-radius: 8px;}
.cnt1 a{ font-size:16px; color:#fff;}
.cnt1 a:hover{ text-decoration:underline;}
.cont2{ width:100%; height:auto; padding:20px 0px 70px 0px; background:#F6F6F6;}
/* 选项卡示例样式 */
.main2 {width:1240px; height:650px;margin:0px auto;}
.tab {overflow: hidden;width:580px;  float:right;cursor: pointer;}
.tab li {float: left;width: 580px;margin-bottom:39px; padding:20px 60px;box-sizing: border-box;  height:134px; background:#fff;border-radius: 16px; overflow:hidden;}
.tab li .tab1{ width:40px; height:40px; margin-top:5px; margin-right:25px; background:url(../images/b1.png) center no-repeat; float:left;}
.tab li:nth-child(2)  .tab1{background:url(../images/b2.png) center no-repeat; }
.tab li:nth-child(3)  .tab1{background:url(../images/b3.png) center no-repeat; }
.tab li:nth-child(4)  .tab1{background:url(../images/b4.png) center no-repeat; }
.tab li .tab2{ width:390px; float:left;}
.tab li .tab2 h2{font-size: 18px; color:#333;font-weight: 700;}
.tab li .tab2 p{font-size: 13px; color:#666; line-height:20px; padding-top:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden; }
.tab li.on {background:#265ED7;box-shadow: 0px 50px 32px -33px rgba(38, 94, 215, 0.56);}
.tab li.on .tab1{background:url(../images/b11.png) center no-repeat;}
.tab li:nth-child(2).on .tab1{background:url(../images/b22.png) center no-repeat;}
.tab li:nth-child(3).on .tab1{background:url(../images/b33.png) center no-repeat;}
.tab li:nth-child(4).on .tab1{background:url(../images/b44.png) center no-repeat;}


.tab li.on .tab2 h2{ color:#fff;}
.tab li.on .tab2 p{color:#fff;}

.con {width:580px; height:650px; background:#fff; float:left; position:relative;border-radius: 68px 0px; overflow:hidden;;}
.con .c1on{width:100%; line-height:30px;height:170px; background:url(../images/a.png) repeat-x; position:absolute; left:0px; bottom:0px;}
.con p{ width:80%; height:60px; line-height:22px;height:170px; margin:55px auto; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden; color:#fff;}

.cont3{ width:100%; text-align:center; height:auto; padding:180px 0px 80px 0px;; background:url(../images/c1.png) center no-repeat; background-size:cover;}
.cont3 h2{ color:#333;font-size: 36px; padding-bottom:35px;}
.cont3 p{ font-size:16px; color:#333; padding-top:40px;}
.ct3{ width:250px;height:60px; text-align:center; margin:60px auto; padding:0px 40px; line-height:60px; color:#fff;border-radius: 8px;
background: var(--265-ed-7, #265ED7);}
.ct3 img{ margin-top:20px; float:left; padding-right:10px;}


.cont4{ width:1240px; height:auto; margin:70px auto;}
.cnt41{ width:590px; height: auto; float:right;}
.cnt41 img{ width:100%;}
.cnt42{ width:580px; height: auto; float:left;}
.cnt42 h2{ width:100%; font-size:32px; color: #333; line-height:48px; padding-top:10px;}
.cnt42 span{color: var(--244-da-3, #244DA3);font-size: 20px; line-height:40px;}
.cnt42 p{ width:100%; line-height:24px; color:#666; margin-top:30px;}
.cnt42 a{width:220px;height: 56px;background: #265ED7; display:block; color:#fff; font-size:18px; text-align:center; line-height:56px; margin-top:35px;border-radius: 8px;}
.cnt42 a:hover{ color:#F58B03;}



.cont5{ width:100%; height:auto; padding:90px 0px 70px 0px;;background: var(--f-6-f-6-f-6, #F6F6F6);}
.bt3{ width:1240px; margin:0 auto;; font-size: 36px;; font-weight:700; color:#333;}
.iconx{  width:1240px; margin:0 auto;;   position: relative; padding-top:50px;}
.iconx .swiper-container{overflow: hidden; position: relative;}
.iconx a{ width:100%; height: auto;; background:#fff; display:block; overflow:hidden;border-radius: 16px; padding-bottom:30px;}
.iconx a img{ width:100%;cursor: pointer;transition: all 1.2s;}
.iconx a img:hover{transform: scale(1.1);}

.iconx a h2{ width:80%; margin:30px auto 0px auto; line-height:30px; height:60px;font-size: 18px; color:#333;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.iconx a h3{ font-size:16px; color:#265ED7; font-weight:normal;width:80%; margin:20px auto 0px auto;}
.iconx a p{ width:80%; margin:30px auto 30px auto; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.iconx a span{ color:#265ED7; width:80%; display:block; margin:0 auto;}
.iconx a:hover h2{color:#265ED7;}

.iconx .swiper-container{ width: 100%; height: 100%;}
.iconx .swiper-button-next{ top: auto; background: url(../images/arrow1.png); width: 48px; height: 48px; right:60px; top:-10px; z-index:0;}
.iconx .swiper-button-prev{top: auto; left: auto; background: url(../images/arrow2.png); width: 48px; height: 48px; right: 0px;; top:-10px; z-index:0;}


.footer{background: #fff; padding-top:60px;}
.footerbox{width:1240px; overflow: hidden; margin: 0 auto; padding:20px 0px 55px 0px;}

.rwm{float: right;padding-top:40px; width:750px}
.rwm h2{color: #333;  margin-bottom: 25px;font-weight: 400; font-size:20px;}


.ab1{ width:800px; height:auto; margin:70px auto;}
.ab11{ width:360px; float:left;}
.ab11 li{ width:100%; height:auto; margin-bottom:15px;}
.sb1{width:100%; height:58px; line-height:58px;border-radius: 8px; box-sizing:border-box; text-indent:15px; opacity:0.8; font-size:15px;border: 1px solid #E0E0E0;}
.ab12{ width:360px; float:right;}
.sb3{width:100%; height:210px; line-height:25px; box-sizing:border-box; border: 1px solid #E0E0E0;padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;}
.sb4{display:block; width:100%; height:58px;border-radius: 8px; line-height:58px; border:none; font-size:16px; text-align:center; color:#fff; background:#265ED7;; margin-top:20px; transition:0.5s; border-radius:2px;}
.ab11 li:nth-child(3) { margin-bottom:0px;}
.sb4:hover{opacity:0.9;}
.ab1 h2{ color:#333;font-weight: 700;
font-size: 24px; height:70px;}
.foot_left{float:left;width:450px;;padding-top:40px;}
.foot_left ul{overflow: hidden;}
.foot_left li{float: left; width:100%;}

.foot_left h2{color: #333;font-size: 36px; font-family:Impact; font-weight:400; margin-bottom: 15px;}
.foot_left p{line-height: 32px;color:#333;}
.foot_left dt img{ padding-right:12px; float:left; margin-top:6px;}
.foot_left a{color: rgba(255, 255, 255, 1);}
.foot_left a:hover{color: #fff;}
.ftlft{ width:100%; height:auto; color:#999; margin-top:50px;}
.foot{ width:1240px; height:auto; margin:0 auto; border-bottom:1px solid #E0E0E0;
; padding-bottom:5px;}
.logo1{ width:213px; height: auto; float:left;}
.foot ul{ overflow: hidden; float:right; padding-top:15px;}
.foot ul li{ float:left; margin-left: 35px;}
.foot ul li a{ font-size: 14px; color:#333;}
.foot ul li a:hover{ color: #666;}

#bannera{width:100%; height:400px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:20px 0px 10px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #0262AF;; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#265ED7;;;; color:#fff;border:1px solid #265ED7;;;;}
.nx_pg .on{ background:#265ED7;;;; color:#fff;border:1px solid #265ED7;;;;}
.bread{ width:100%; height:52px; background:#265ED7; font-size:14px;}
.breadz{ width:1240px; height:52px; margin:0 auto; line-height:52px;}
.bread1{ width:auto; float:left;}
.bread1 li{float: left; padding-right:30px; font-size: 16px; line-height: 52px;}
.bread1 a{color: #fff;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 1px solid #fff; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover{color: #fff;;}
.bread1 a:hover:before{width: 100%;}
.bread2{ width:auto; float:right; color:#fff;background:url(../images/j1.png) left center no-repeat; padding-left:25px; }

.artile1{ max-width:1240px; height:auto; padding:75px 0px 15px 0px; margin:0 auto;}
.artile1 ul{ margin-bottom:45px;}
.artile1 li{ width:100%; margin:0 auto;; height:355px; transition:all 0.5s; overflow:hidden;}
.xman1{ width:100%;transition:all 0.8s; }
.art11{ width:650px; height:290px; float:right;  overflow:hidden; position:relative;}
.art11 img{ width:650px; height:290px; display:block;cursor: pointer;transition: all 1.2s;}
.art11 img:hover{transform: scale(1.1);}

.art21{ height:290px;overflow: hidden; padding-right:40px;box-sizing: border-box; }
.art21 h2{ width:100%; font-size:32px; font-weight:normal; color:#333;transition:all 0.5s; height: auto;  line-height:50px; height:50px; margin-top:20px; margin-bottom:30px;  }
.art21 h2 img{ float:left; padding-right:10px;}
.art21 .art_p1{ width:100%; height: auto; line-height:25px; margin-top:35px;transition:all 0.5s; color:#666 ;  font-size:16px; line-height:34px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6; overflow: hidden;;}

.arth1{ width:1240px; height:auto; margin:0px auto; padding:70px 0px;}
.arth1 li{ width:32%; float:left; margin-right:2%; margin-bottom:35px;}
.arth1 li:nth-child(3n){ margin-right:0px;}

.arth1 li a{ width:100%; height: auto;; background:#fff; display:block; overflow:hidden;border-radius: 16px; padding-bottom:40px;}
.arth1 li a img{ width:100%;cursor: pointer;transition: all 1.2s;}
.arth1 li a img:hover{transform: scale(1.1);}

.arth1 li a h2{ width:80%; margin:10px auto 0px auto; line-height:30px; height:60px;font-size: 18px; color:#333;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.arth1 li a h3{ font-size:16px; color:#265ED7; font-weight:normal;width:80%; margin:18px auto 0px auto;}
.arth1 li a p{ width:80%;     margin: 8px auto 8px auto;line-height:1.4;  color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.arth1 li a span{ color:#265ED7; width:110px; display:block; margin-left:40px; }
.arth1 li a:hover h2{color:#265ED7;}
.arth1 li a span img{ width:18px; height:18px; margin-top:5px; float:right; padding-left:10px;;}


.ar1{ width:1240px; height:auto; margin:0 auto; background:#fff; padding:30px 0px 70px 0px;;box-sizing: border-box; }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 181px;height: 52px;border: 1px solid #999999; text-align:center; line-height:52px; margin-top:50px;}
.fh:hover a{ text-decoration:underline; color:#00923F}

.xabout{ width:1240px; height:auto; margin:0 auto; padding:70px 0px; text-align:center;}
.xabout li{vertical-align: top;display: inline-block;width: 23.5%; margin-right:2%;border-radius: 16px; overflow:hidden;float:left; padding:45px 0px 40px 0px; background:#fff;height: auto; text-align:center;}
.xabout li:nth-child(4){ margin-right:0px;}
.xabout .xabut {transition: all 1s; box-sizing: border-box;border-radius: 50%; margin: 0 auto; position: relative; width:88px; height:88px;}
 .xabout li img {position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.xabout li:hover .xabut { transform: rotate(360deg);}
 .xabout li p {line-height: 23px; height:50px; margin-top:30px;font-size: 14px;color:#333;}
.xab{ width:1240px; height:370px; margin:0px auto; padding-bottom:70px;border-radius: 16px; overflow:hidden; }
.xab1{ width:635px; height:370px; float:left;}
.xab1 img{ width:100%;}
.xab2{ width:605px; height:370px; float:left;}
.xab2 img{ width:100%;}

.w1440{ width: 1240px; margin: 0 auto;}
.layer1{ padding-bottom: 70px; overflow: hidden; margin-top:70px; height: auto;}
.layer1 .layer1Left{ width: 945px; float: left;}
.layer1 .layer1Left .icon{ width: 100%; height: 590px;}
.layer1 .layer1Left .icon img{ display: block; width: 100%; height: 100%;}
 
.layer1Right{ position: relative; float: right; width: 260px; height:630px;}
.layer1Right img{ height: 100%; width: 100%;}
.layer1Right .swiper-container{ width: 100%; height: 100%;}
.layer1Right .swiper-button-prev{background: url(../images/arrow3.png); width: 48px; height: 24px; top: 30px; left: 50%; transform: translateX(-50%);}
.layer1Right .swiper-button-next{ background: url(../images/arrow4.png); width: 48px; height: 24px; top: auto; bottom:10px; left: 50%; transform: translateX(-50%);}
.layer1Right .swiper-slide.cur { position: relative;}
.layer1Right .swiper-slide.cur:after { content:''; display:block; position:absolute; left:0;
top:0; width:100%; height:100%; box-sizing:border-box; border:1px solid #265ED7}

.ab1v{ width:100%; height:470px;  background:url(../images/h1.png) center no-repeat; background-size:cover; text-align:center; }
.ab1v h2{ color:#333;font-size: 36px; padding-bottom:15px; padding-top:70px; text-align:center;}
.ab1v p{ font-size:16px; color:#333; padding-top:30px; text-align:center;}
.ab1z{ width:1240px; height:452px; margin:60px auto 0px auto;border-radius: 60px 0px; overflow:hidden;box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.06), -15px 40px 100px 0px rgba(0, 0, 0, 0.06);}
.ab1z img{ width:1240px; height:452px;}
.cont4z{ width:1240px; height:auto; margin:70px auto;}
.cnt4z1{ width:590px; height: auto; float:left;}
.cnt4z1 img{ width:100%;}
.cnt4z2{ width:580px; height: auto; float:right;}
.cnt4z2 h2{ width:100%; font-size:32px; color: #333; line-height:48px; padding-top:10px;}
.cnt4z2 span{color: var(--244-da-3, #244DA3);font-size: 20px; line-height:40px;}
.cnt4z2 p{ width:100%; line-height:24px; color:#666; margin-top:30px;}
.cnt4z2 a{width:220px;height: 56px;background: #265ED7; display:block; color:#fff; font-size:18px; text-align:center; line-height:56px; margin-top:35px;border-radius: 8px;}
.cnt4z2 a:hover{ color:#F58B03;}


.ab2{ width:100%; height:auto; background:#F6F6F6; padding-top:440px;}
.bt3k{ width:100%; text-align:center;}
.bt3k h2{ color:#333;font-size: 36px; line-height:60px;}
.bt3k p{font-size: 14px; color:#666;}
.ab2 ul{ margin:0 auto; width:1240px; padding-top:50px; padding-bottom:65px;}
.ab2 ul li{ width:23.5%; float:left; margin-right:2%; height:350px; float:left; text-align:center;transition: all 1.2s;background: #fff; padding-bottom:20px;border-radius: 12px;}
.ab2 ul li .cnt2kz{ width:84px; height:84px; margin:50px auto 20px auto; background:url(../images/aq4.png) center no-repeat;}
.ab2 ul li:nth-child(2) .cnt2kz{ background:url(../images/aq5.png) center no-repeat;}
.ab2 ul li:nth-child(3) .cnt2kz{ background:url(../images/aq6.png) center no-repeat;}
.ab2 ul li:nth-child(4) .cnt2kz{ background:url(../images/aq7.png) center no-repeat;}
.ab2 ul li:hover{ background:#265ED7;box-shadow: 0px 50px 32px -33px rgba(38, 94, 215, 0.56);
;}
.ab2 ul li:hover .cnt2kz{  background:url(../images/aq41.png) center no-repeat;}
.ab2 ul li:nth-child(2):hover .cnt2kz{ background:url(../images/aq51.png) center no-repeat;}
.ab2 ul li:nth-child(3):hover .cnt2kz{ background:url(../images/aq61.png) center no-repeat;}
.ab2 ul li:nth-child(4):hover .cnt2kz{ background:url(../images/aq71.png) center no-repeat;}
.ab2 ul li h2{ font-size:20px; color:#333;; margin-top:10px; margin-bottom:15px;transition: all 1.2s;}
.ab2 ul li p{ width:90%; color:#666; margin:0 auto; height:220px; padding-top:15px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6; overflow: hidden;transition: all 1.2s;}
.ab2 ul li:hover h2{ color:#fff;}
.ab2 ul li:hover p{color:#fff;}
.ab2 ul li:nth-child(4n) { margin-right:0px;}






@media(max-width:1260px){
.headerbox{width: 100%; padding: 0 3%;}
.nav li{padding-left: 30px;}


}
@media(max-width:1000px){
.header{position: fixed;width: 100%;height: 60px; top: 0;background: #fff;left: 0;z-index: 100;}
.logo img{height: 60px;width: auto;}
.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #58b300;background-size: 20px 20px; right: 3%; top: 15px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #58b300;background-size: 20px 20px;}
.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;}
.yzxz{display: none;}
.nav{ padding-left:0px;}
.nav li{float: none; padding: 0; }
.nav li h3 a{width: 100%; padding: 0 15px;box-sizing: border-box; line-height: 42px; border-bottom: 1px solid #eee;}
.sub{position: static; }
.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}
.dhbj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 10;display: none;}
.tp{ width:100%; height:60px;}
.banner{}
.banner .swiper-button-next{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
.banner .swiper-button-prev{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
}