@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background: #fff; color:#666; font-size:14px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#333; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#095BA5; text-decoration:none;}
img{}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:25px;}


.se1{color:#f15a2e;}.se2{color:#006db1}
.left{float:left;}.right{float:right;}
.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}


.tpp{ width:100%; height:100px; }

.ban img{ width:100%;}
.menu{ width:1088px; height:80px;background:#fff;box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1); position:absolute; left:50%; bottom:-50px; margin-left:-544px; }
.menu a{ width:25%; height:80px; line-height:80px; font-size:18px; background:#fff url(../images/a2.png) right no-repeat no-repeat; text-align:center;  display:block; float:left; color:#333;}
.menu a:hover{ color:#095BA5;}

.main{ max-width:1360px; width:96%; height:auto; margin:70px auto;}
.main img{ max-width:100%;}
.ab1{width:100%; height:auto; padding-top:50px; }
.ab1 h2{ width:100%; font-size:30px; font-weight:normal; line-height:40px;text-align:center; color:#333;}
.ab1 p{ color:#999; font-size:12px;text-align:center;}
.ab11{ width:100%; text-align:center; font-size:18px; margin:35px auto 28px auto;}
.ab11 a{ background:url(../images/a3.png) left center no-repeat; padding-left:18px; color:#666; margin-left:15px;}
.ab11 a span{ color:#095BA5;}

.ab2{width:100%; height:auto; padding-top:50px;}
.bt2{ width:100%; height:auto; text-align:center;}
.bt2 h2{ width:100%; background:url(../images/a5.png) center no-repeat; line-height:50px; font-size:36px; color:#333;}
.ab21{ width:100%; height:auto; background:url(../images/a6.png) center no-repeat; background-size:cover; margin-top:40px;}
.ab21 li{ width:25%; float:left; border-right: 1px solid rgba(255, 255, 255, 0.6);  text-align:center; padding:300px 0px;transition: all 0.8s;box-sizing: border-box;}
.ab21 li h2{ width:96%; margin:0px auto; font-size:24px; color:#fff; font-weight:normal; line-height:40px; height:80px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.ab21 li p{ width:96%; margin:15px auto; color:#fff; line-height:25px; height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.ab21 li:hover{ background:#095BA5;;}

.ab31{ width:100%; height:auto; margin-top:45px;}
.ab31 li{ width:19%; height:auto; float:left; margin-right:1.25%; background:#E9EDF0; padding-bottom:80px;transition:all 0.5s;}
.ab31 li:nth-child(5n){ margin-right:0px;}
.ab31 li img{ max-width:112px; margin:70px auto 40px auto;}
.ab31 li h2{ width:90%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:normal; color:#333; margin:0 auto;}
.ab31 li p{ width:90%; height:40px; line-height:20px; color:#666; text-align:center;margin:0 auto;}
.ab31 li .shuzi{ width:100%; margin-top:80px; text-align:center; font-size:64px; font-family:Impact;color: rgba(9, 91, 165, 0.8);}
.ab31 li:hover{ background:#095BA5;}
.ab31 li:hover h2{ color:#fff;}
.ab31 li:hover p{ color:#fff;}
.ab31 li:hover .shuzi{ color:#fff;}
.ab32{ width:100%; height:auto; margin-top:50px; text-align:center; overflow:hidden;}
.ab32 img{ max-width:100%cursor: pointer;transition: all 1.2s;}
.ab32 img:hover{transform: scale(1.06);}



.nrBox{ width: 1200px; margin: 0 auto; overflow: hidden;}
.nrBox .text{ width: 550px; float: left; text-align: left;}
.nrBox .text h2{ font-size: 125px; color: #095BA5;; font-weight: bold; padding-bottom: 25px; line-height:135px;}
.nrBox .text h3{ font-size: 22px; color: #505050; line-height: 22px; padding-bottom: 10px;}
.nrBox .text span{display: block; width: 94px; height: 3px; background: #F2994A;}
.nrBox .text p{ padding-top: 25px; font-size: 14px; line-height: 36px; color: #505050;}
.nrBox .icon{ float: right; width: 515px;}
.nrBox .icon img{ display: block; width: 100%; height: auto;}

.swiper-container.gallery-top{ width: 100%; padding-top: 40px;}
.swiper-container.gallery-top .swiper-button-next{ top: 50%; transform: translateY(-50%); right: 4%; margin: 0; background: url(../images/about_25.png); width: 50px; height: 50px;}
.swiper-container.gallery-top .swiper-button-prev{ top: 50%; transform: translateY(-50%); left: 4%; margin: 0; background: url(../images/about_22.png); width: 50px; height: 50px;}
.nrList{ width: 100%; padding: 23px 0 0 0; box-sizing: border-box; background: url(../images/aboutIcon_06.png) top center no-repeat;}
.nrList .time{ height: 56px; width: 96px; text-align: center; line-height: 56px; margin-top: 12px; overflow: hidden; position: relative; cursor: pointer;}
.nrList .time span{position: absolute; display: block; height: 56px; background: url(../images/about_31.png); width: 15px; background-size:100% 100%; top: 0; left:-10%; transform: translateX(-50%);  z-index: 99;}
.nrList .swiper-slide-active .time span{ left: 50%;transition: 0.8s;}
.swiper-container.gallery-thumbs .swiper-slide{ width: 96px;}

.pro2{ width:96%; margin:50px auto 0px auto; }
.pro2 ul li{  width: 32%; margin-right: 2%;  float: left; border:0.625vw solid #fff; box-sizing: border-box; position:relative;background-color:#f3f3f3; margin-bottom:50px; box-shadow: 0px 13px 19px 0px rgba(0,0,0,0.30);}
.pro2 ul li:nth-child(3n){ margin-right:0px;}
.pro2 ul li dl dt{ height:18.2vw; text-align:center; overflow:hidden; background-color:#f3f3f3;}
.pro2 ul li dl dt img{ width:100%; height:100%; display:block;}
.pro2 ul li dl dd{ height:3.8vw; line-height:3.8vw; text-align:center; background: rgba(0,0,0,0.90); font-size:18px; color:#FFF;}
.pro2 ul li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(9, 91, 165, 0.8);
  transition: all 0.6s;
  transform: scale(0.8);
  opacity: 0;
}

.pro2 ul li span::after {
  background: url(../images/PlusCircle.png) no-repeat center;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  content: '';
  transform: rotate(-180deg);
  transition: all 1s;
}

.pro2 ul li:hover span::after {
  transform: rotate(0);
}

.pro2 ul li:hover span {
  transform: scale(1);
  opacity: 1;
}
.pro2 ul li:nth-child(3n){ float:right; margin-right:0px}
.zl{ width:100%; height:auto; background:url(../images/c4.png) center no-repeat; background-size:cover; padding:60px 0px;}
.bt3{ width:100%; height:auto; text-align:center;}
.bt3 h2{ width:100%;  line-height:60px; font-size:30px; color:#000;}
.bt3 p{ width:100%; height:auto; font-size:18px; line-height:32px;}
.zl1{ width:70%; height:auto; margin:0 auto; padding-top:48px;}
.zl1 li{ width:32%; height:auto; float:left; margin-right:2%; text-align:center;transition: all 0.8s;  }
.zl1 li img{ display:inline-block;transform: rotate(-180deg);transition: all 0.8s; }
.zl1 li .zlt_img1{ display:none;}
.zl1 li:nth-child(3n){ margin-right:0px;}
.zl1 li h2{ width:100%; height:40px; line-height:40px; margin-top:8px; font-size:18px; color:#333;transition: all 0.8s;  }
.zl1 li p{ width:100%; height:60px; line-height:30px;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.zl1 li:hover .zlt_img1{ display: inline-block;transform: scale(1);}
.zl1 li:hover .zlt_img2{ display:none;}
.zl1 li:hover h2{ color:#095BA5;}
.zl2{ width:100%;}
.zl2 li{ width:100%; height:auto;transition: all 0.8s;}
.zl2 li .zl21{ width:50%; height:auto; float:left; overflow:hidden;}
.zl2 li .zl21 img{ width:100%;cursor: pointer;transition: all 2.5s;}
.zl2 li .zl21 img:hover{transform: scale(1.1);}
.zl2 li .zl22{ width:50%; float:right; padding:60px 10% 20px 5%;box-sizing: border-box; color:#666; }
.zl2 li .zl22 h2{ font-size:30px; color:#333; width:100%; height:50px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.8s;}
.zl2 li .zl22 p{ font-size:18px; height: auto; padding-bottom:15px; color:#333;transition: all 0.8s;}

.zl2 li:hover{ background:#095BA5; color:#fff;}
.zl2 li:hover .zl22 a{ color:#fff;}
.zl2 li:hover .zl22 h2{  color:#fff; }
.zl2 li:hover .zl22 p{ color:#fff;}
.zl2 li:nth-child(2n) .zl21{ float:right;}
.zl2 li:nth-child(2n) .zl22{ float:left;padding:60px 5% 20px 5%;}

  /*分页*/
#nx_pg{width:100%; min-height:50px; padding:0px 0px 0px 0px; text-align:center;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #767676; color:#767676;font-size:14px; margin:0px 3px 50px 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:#095BA5;;border:1px solid #095BA5;; color:#fff;}
#nx_pg .on{ background:#095BA5;;border:1px solid #095BA5;; color:#fff;}

.pdrz{ max-width:1360px; width:96%; height:auto; margin:0 auto; padding-top:40px;}
.pd1 img{display:block; width:100%; height:auto;border: 1px solid #E0E0E0;
box-sizing: border-box;}
.pr_l{ width:50%; height:auto; float:right;}

.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next{ position:absolute; bottom:0px;; width:40px; height:40px;z-index:99; opacity:0.8;  background-size:cover; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; }
.gallery-thumbs .swiper-button-prev{ background-image: url(../images/about_22.png) !important;  left:5px; }
.gallery-thumbs .swiper-button-next{background-image: url(../images/about_25.png)  !important ;  right:5px; }
.swiper-container {width: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: auto; width:100%; }
.gallery-thumbs { width:100%; height: auto; margin-top:10px !important;   }
.gallery-thumbs .swiper-slide {height: 100%; border: 1px solid #E0E0E0;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active {    transition: all .2s linear;border: 1px solid #095BA5;;;   box-sizing: border-box;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}

.pr_2{ width:45%; height:auto; float:left; padding-top:70px;}
.pr_2 h2{ width:100%; line-height:40px; margin-bottom:50px; font-size:36px; color:#095BA5;}
.pr_2 p{ width:100%; line-height:30px; color:#333; font-size:18px; margin-bottom:45px;}
.pr_2d{ width:100%; height:auto; line-height:30px;}

.pr_2 a{ width:175px; height:50px; border: 1px solid #BDBDBD;box-sizing: border-box;border-radius: 4px; display:block; text-align:center; line-height:50px; margin-top:70px;}

.fh{ max-width:1360px; height:auto; padding:50px 0px ; margin:0px auto 20px auto; background:#fff;;}
.fh a{width: 202px;height: 52px;background: #FFFFFF;border: 1px solid #DEE2E6; text-align:center; line-height:52px;box-sizing: border-box;border-radius: 8px; display:block; margin:0 auto;}

.zhs{ max-width:1360px; height:auto; width:96%; margin:40px auto 0px auto;}
.zhs li{ width:22%; float:left; margin-bottom:30px; margin-right:4%; }
.zhs li:nth-child(4n){ margin-right:0px;}
.zhs li p{ width:100%; height:60px; line-height:60px; font-size:18px;  text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zhs li img{ width:100%;cursor: pointer;transition: all 2.5s;  display: block;}
.zhs li img:hover{transform: scale(1.1);}


.artile{ width:100%; height:auto; margin:30px auto 5px auto;}
.artile ul{ margin-bottom:45px;}
.artile li{ max-width:1360px; width:96%; margin:0 auto;; height:231px; background:#fff;  padding:45px 0px;transition:all 0.5s;border-bottom: 1px solid #E0E0E0;;}
.xman{ max-width:1360px; width:94%; margin:0 auto; }
.art1{ width:460px; height:230px; float:left; margin-right:38px;}
.art1 img{width:460px; height:230px;}
.art2{ height:230px;overflow: hidden; }
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:5px; font-weight: normal; line-height:30px; height:30px; margin-bottom:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:100%; height:75px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art2 .art2_1{ width:100%; height:70px; margin-top:30px; text-align:right;}
.art2 .art2_1 h3{font-size:36px; color:#666; font-family:Impact; font-weight:normal; padding-bottom:10px; float:left;transition:all 0.5s; width:100%; text-align:right;}
.art2 .art2_1 p{ width:100%;font-size:18px; float:right; color:#333; }
.artile li:hover .art2 h2{ color:#fff;}
.artile li:hover{ background:#095BA5;}
.artile li:hover .art2 .art_p{ color:#fff;}
.artile li:hover .art2 .art2_1 h3{ color:#fff;}

.artile li:hover .art2 .art2_1 p{ color:#fff;}

.art_detail{ max-width:1360px;width:96%; height:auto; margin:65px auto; background:#fff; padding:40px 100px;box-sizing: border-box;}
.art_detail img{ max-width:100%; display:inline-block;}
#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:15px; line-height:26px; text-align:  center; border-bottom:1px solid #e0e0e0;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;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}

.contact{ width:100%; background:#E9EDF0; height:auto; margin:70px auto 0px auto;}
.cact1{ width:50%; float:left; background:#095BA5;}

.cact2{ width:40%; float: right; margin-right:7%; margin-top:60px;}
.cact2 li{ width:100%; height:40px; line-height:40px; font-size:18px; margin-bottom:15px;}
.cact2 li img{ width:40px; height:40px; float:left; padding-right:12px;}

.ft4{ width:86%; padding:60px 0px; margin:0 auto;}
.ft4 h2{ font-size:36px; color:#fff; width:100%; font-weight:normal; height:45px;}
.jon11{ width:100%; height:48px; padding-bottom:15px; }
.b11{width:100%; height:48px; line-height:48px; font-size:14px; margin:0;background: #fff;box-sizing: border-box;   padding:0;border: 1px solid #E0E0E0;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b11:hover{border:#E0E0E0 1px solid;  }
.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px; background: #fff;border: 1px solid #E0E0E0; ;box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#E0E0E0 1px solid;  }
.jon51{width: 20%;height:48px; margin-top:10px;}
.jon51 button{ display: block; width: 100%; height: 100%; border: 1px solid #FFFFFF;box-sizing: border-box;outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff; background:#095BA5;}
.jon51 button:hover{ background:#fff;; color:#095BA5;}
input.b11::-ms-input-placeholder{ color:#666;;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#666;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}
.map{ width:100%; height:auto; }
.map img{ width:100%;}




.ban{ width:100%; height:300px;position:relative;}
.zzttk{position:absolute;text-align: center;left:50%;top:50%;transform:translate(-50%,-50%); color:#fff;}
.zzttk h2{font-weight: normal;font-size:40px; color: #fff;margin-bottom: 30px;}
.zzttk p{color: #fff;font-size: 22px;}
@media (max-width: 1040px){
.ban{ width:100%; height:400px;}
.zzttk h2{font-weight: normal;font-size:38px; color: #fff;margin-bottom:24px;}
.zzttk p{color: #fff;font-size: 20px;}
}

@media (max-width: 756px){
.ban{ width:100%; height:190px;}
.zzttk h2{font-weight: normal;font-size:22px; color: #fff;margin-bottom:4px;}
.zzttk p{color: #fff;font-size: 14px;}
}






@media(max-width:756px){
#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:5px; line-height:26px; text-align: center; font-size:16px; font-weight:bold;}
}



@media(max-width:1366px) {
.tpp{ width:100%; height:50px; }
.ab21 li h2{ width:96%; margin:0px auto; font-size:18px; color:#fff; font-weight:normal; line-height:25px; height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.ab21 li p{ width:96%; margin:10px auto; color:#fff; line-height:22px; height:44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.swiper-container.gallery-top .swiper-button-next{ display: none;}
.swiper-container.gallery-top .swiper-button-prev{ display: none;}
.nrBox{ width: 96%; margin: 0 auto;}
.nrBox .text{ width: 100%;}
.nrBox .text h2{ font-size: 55px; text-align: center; line-height:60px;}
.nrBox .text h3{ text-align: center;}
.nrBox .text span{ margin: 0 auto;}
.nrBox .text p{ font-size: 12px; line-height: 22px;}
.nrBox .icon{ width: 100%; padding-top: 30px;}
.zl2 li .zl22 h2{ font-size:22px; color:#333; width:100%; height:30px; }
.zl2 li .zl22 p{ font-size:14px; padding-bottom:5px; }
.zl2 li .zl22{ padding:20px 2% 20px 2%; font-size:12px; }	
.zl2 li:nth-child(2n) .zl22{ float:left;padding:20px 2% 20px 2%;}

.pr_2 h2{ width:100%; line-height:40px; margin-bottom:30px; font-size:25px; color:#095BA5;}
.pr_2 p{ width:100%; line-height:30px; color:#333; font-size:18px; margin-bottom:25px;}
.pr_2d{ width:100%; height:auto; line-height:25px;}

.pr_2 a{ width:175px; height:50px; border: 1px solid #BDBDBD;box-sizing: border-box;border-radius: 4px; display:block; text-align:center; line-height:50px; margin-top:50px;}


}


@media(max-width:1100px) {
.menu{ width:96%; height:50px;background:#fff;box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1); position:absolute; left:2%; bottom:-30px; margin-left:0px;; }
.menu a{ width:25%; height:50px; line-height:50px; font-size:14px; background:#fff url(../images/a2.png) right no-repeat no-repeat; text-align:center;  display:block; float:left; color:#333;}
.main{ max-width:1360px; width:96%; height:auto; margin:40px auto 40px auto;}
.ab1{width:100%; height:auto; padding-top:20px; }
.ab1 h2{ width:100%; font-size:24px; font-weight:normal; line-height:30px;text-align:center; color:#333;}
.ab11{ width:100%; text-align:center; font-size:14px; margin:25px auto 20px auto;}
.ab21 li{ width:50%; float:left; border-right: 1px solid rgba(255, 255, 255, 0.6);border-bottom: 1px solid rgba(255, 255, 255, 0.6);  text-align:center; padding:200px 0px;transition: all 0.8s;box-sizing: border-box;}
.ab21 li h2{ width:96%; margin:0px auto; font-size:24px; color:#fff; font-weight:normal; line-height:40px; height:80px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.ab21 li p{ width:96%; margin:15px auto; color:#fff; line-height:25px; height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.bt2 h2{ line-height:40px; font-size:22px; color:#333;}

.zl{ width:100%; height:auto; background:url(../images/c4.png) center no-repeat; background-size:cover; padding:50px 0px;}
.bt3{ width:100%; height:auto; text-align:center;}
.bt3 h2{ width:100%;  line-height:50px; font-size:25px; color:#000;}
.bt3 p{ width:100%; height:auto; font-size:16px; line-height:28px;}
.zl1{ width:80%; height:auto; margin:0 auto; padding-top:38px;}
.zl1 li{ width:32%; height:auto; float:left; margin-right:2%; text-align:center;transition: all 0.8s;  }
.zl1 li img{ max-width:80%; display:inline-block;transform: rotate(-180deg);transition: all 0.8s; }
.zl1 li .zlt_img1{ display:none;}
.zl1 li:nth-child(3n){ margin-right:0px;}
.zl1 li h2{ width:100%; height:30px; line-height:30px; margin-top:5px; font-size:18px; color:#333;transition: all 0.8s;  }
.zl1 li p{ width:100%; height:50px; line-height:25px;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.pdrz{ padding-top:15px;}
.pr_l{ width:100%; height:auto; float:none;}
.pr_2{ width:100%; height:auto; float:none; padding-top:30px;}

.pr_2 h2{ width:100%; line-height:40px; margin-bottom:20px; font-size:18px; color:#095BA5;}
.pr_2 p{ width:100%; line-height:30px; color:#333; font-size:16px; margin-bottom:15px;}
.pr_2d{ width:100%; height:auto; line-height:25px;}

.pr_2 a{ width:140px; height:40px; border: 1px solid #BDBDBD;box-sizing: border-box;border-radius: 4px; display:block; text-align:center; line-height:40px; margin-top:30px;}
.gallery-thumbs .swiper-button-prev{ background-image: url(../images/about_22.png) !important;  left:1px; }
.gallery-thumbs .swiper-button-next{background-image: url(../images/about_25.png)  !important ;  right:1px; }
.artile li{ max-width:1360px; width:96%; margin:0 auto;; height:111px;padding:25px 0px;}
.xman{ max-width:1360px; width:94%; margin:0 auto; }
.art1{ width:220px; height:110px; float:left; margin-right:25px;}
.art1 img{width:220px; height:110px;}
.art2{ height:110px;overflow: hidden; }
.art2 h2{ width:100%; font-size:16px; color:#333333;transition:all 0.5s; height: auto; margin-top:5px; font-weight: normal; line-height:25px; height:25px; margin-bottom:5px;   }
.art2 .art_p{ width:100%; height:50px; line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.art2 .art2_1{ display:none;}

.art_detail{ ; height:auto; margin:45px auto; background:#fff; padding:40px 15px;box-sizing: border-box;}
.cact1{ width:100%; float:none; background:#095BA5;}

.cact2{ width:90%; float: none; margin:35px 5%; }
}
@media(max-width:850px) {
.ab31 li{ width:49%; height:auto; float:left; margin-right:2%; background:#E9EDF0; padding-bottom:60px;transition:all 0.5s; margin-bottom:35px;}
.ab31 li:nth-child(2n){ margin-right:0px;}
.ab31 li:nth-child(5){  display:none;}
.ab31 li img{ max-width:60%; margin:50px auto 30px auto;}
.ab31 li h2{ width:90%; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:normal; color:#333; margin:0 auto;}
.ab31 li p{ width:90%; height:36px; line-height:18px; font-size:12px; color:#666; text-align:center;margin:0 auto;}
.ab31 li .shuzi{ width:100%; margin-top:40px; text-align:center; font-size:34px; font-family:Impact;color: rgba(9, 91, 165, 0.8);}
.ab32{ width:100%; height:auto; margin-top:0px; text-align:center; overflow:hidden;}
.pro2{ width:96%; margin:25px auto; }
.pro2 ul li{  width: 49%; margin-right: 2%;  float: left; border:0.625vw solid #fff; box-sizing: border-box; position:relative;background-color:#f3f3f3; margin-bottom:30px; box-shadow: 0px 13px 19px 0px rgba(0,0,0,0.30);}
.pro2 ul li:nth-child(3n){ margin-right:2%;}
.pro2 ul li:nth-child(2n){ margin-right:0%;}
.pro2 ul li dl dt{ height:28.2vw;}
.pro2 ul li dl dd{ font-size:14px; height:5vw; line-height:5vw;}
.ab2{width:100%; height:auto; padding-top:30px;}

.zl2 li .zl21{ width:100%; height:auto; float:left; overflow:hidden;}
.zl2 li .zl21 img{ width:100%cursor: pointer;transition: all 2.5s;}
.zl2 li .zl21 img:hover{transform: scale(1.1);}
.zl2 li .zl22{ width:100%; float:right; padding:20px 5% 20px 5%;box-sizing: border-box; color:#666; }
.zl2 li .zl22 h2{ font-size:18px; color:#333; width:100%; height:30px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.8s;}
.zl2 li .zl22 p{ font-size:14px; height: auto; padding-bottom:5px; color:#333;transition: all 0.8s;}

.zl2 li:nth-child(2n) .zl21{ float: none;}
.zl2 li:nth-child(2n) .zl22{ float: none;padding:20px 5% 20px 5%;}

#nx_pg{width:100%; padding:0px 0px 0px 0px; text-align:center;}
#nx_pg a{display: inline-block; padding:2px 10px 2px 10px; background:#fff; border:1px solid #767676; color:#767676;font-size:14px; margin:0px 3px 5px 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:#095BA5;;border:1px solid #095BA5;; color:#fff;}
#nx_pg .on{ background:#095BA5;;border:1px solid #095BA5;; color:#fff;}

.zhs{ max-width:1360px; height:auto; width:96%; margin:20px auto 0px auto;}
.zhs li{ width:49%; float:left; margin-bottom:10px; margin-right:2%; }
.zhs li:nth-child(2n){ margin-right:0px;}
.zhs li p{ width:100%; height:45px; line-height:45px; font-size:16px;  text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ft4{ width:94%; padding:40px 0px;}
.ft4 h2{ font-size:24px; color:#fff; width:100%; font-weight:normal; height:34px;}
.jon51{width:35%;height:40px; margin-top:5px;}
.jon51 button{ display: block; width: 100%; height: 100%; border: 1px solid #FFFFFF;box-sizing: border-box;outline: none;transition: all 0.8s; font-size:14px; text-align: center; line-height: 38px; color: #fff; background:#095BA5;}



}
@media(max-width:756px) {

	.ab21{margin-top:20px;}
.ab1 h2{ width:100%; font-size:18px; font-weight:normal; line-height:25px;text-align:center; color:#333;}
.ab11{ width:100%; text-align:center; font-size:14px; margin:5px auto 17px auto;}	
.ab21 li{ padding:80px 0px;}
.ab21 li h2{ width:96%; margin:0px auto; font-size:14px; color:#fff; font-weight:normal; line-height:25px; height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.ab21 li p{ width:96%; margin:10px auto; font-size:12px; color:#fff; line-height:20px; height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden; }

.zl{ width:96%;  height:auto; background:url(../images/c4.png) center no-repeat; background-size:cover; padding:40px 2%;}
.bt3{ width:100%; height:auto; text-align:center;}
.bt3 h2{ width:100%;  line-height:38px; font-size:22px; color:#000;}
.bt3 p{ width:100%; height:auto; font-size:13px; line-height:28px;}
.zl1{ width:100%; height:auto; margin:0 auto; padding-top:22px;}
.zl1 li{ width:33%; height:auto; float:left; margin-right:0.5%; text-align:center;transition: all 0.8s;  }
.zl1 li img{ max-width:80%; display:inline-block;transform: rotate(-180deg);transition: all 0.8s; }
.zl1 li .zlt_img1{ display:none;}
.zl1 li:nth-child(3n){ margin-right:0px;}
.zl1 li h2{ width:100%; height:30px; line-height:30px; margin-top:5px; font-size:18px; color:#333;transition: all 0.8s;  }
.zl1 li p{ width:100%; height:25px; line-height:25px; font-size:12px;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; text-align:left;}

.artile li{ max-width:1360px; width:98%; margin:0 auto;; height:76px;padding:15px 0px;}
.xman{ max-width:1360px; width:100%; margin:0 auto; }
.art1{ width:150px; height:75px; float:left; margin-right:15px;}
.art1 img{width:150px; height:75px;}
.art2{ height:75px;overflow: hidden; }
.art2 h2{ width:100%; font-size:16px; color:#333333;transition:all 0.5s; height: auto; margin-top:0px; font-weight: normal; line-height:25px; height:25px; margin-bottom:2px;   }
.art2 .art_p{ width:100%; height:48px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.art2 .art2_1{ display:none;}


.cact2{ width:94%; float: right;margin:25px 2%;}
.cact2 li{ width:100%; height:25px; line-height:25px; font-size:14px; margin-bottom:10px;}
.cact2 li img{ width:25px; height:25px; float:left; padding-right:8px;}


}