@charset "utf-8";


/* header&foot */
.box{width: 1200px; margin: 0 auto; max-width: 100%;}
header{ width: 100%; position: relative;}

.head{ width: 100%; position: fixed; z-index: 96; left: 0; top: 0; transition: 0.3s; background-color: rgba(255,255,255,1); height: 90px;}
.head .box{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.head.active{ background-color: rgba(255,255,255,0.9);} 
.head.active .second-nav{top: 90px;}

.logo{ height:46px; transition: 0.3s;}
.logo a{display: block; height: 100%;}
.logo a img{display: block; height: 100%;}

nav{ height: 100%;font-weight: 400;display: flex; width: calc(100% - 280px);}
.nav-box{display: flex;align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; height: 100%;}
.nav-item{position: relative;height: 100%; padding: 0 20px;transition: 0.3s; }
.mc{display: none}

.first-nav{ height: 100%; width: 100%;}
.first-nav a{ color: #333; font-size: 15px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s; font-weight: 500;}
.first-nav a i{display: block; margin-left: 10px; transition: 0.3s; display: none;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav a em{position: absolute; width: 0; height: 2px; background: #196fb7; left: 50%; bottom: 0px; transition: 0.3s;}
.first-nav.on a{color: #196fb7; font-weight: 500;}
.second-nav{position: absolute; left: -10%; top: 90px; background: rgb(0,119,180,0.8); width: 120%;  box-sizing: border-box;  z-index: 99; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s;}
.second-nav a{color: #fff; display: block; width: 100%;text-align: center; font-size: 14px; line-height: 3; transition: 0.3s;}
.second-nav a:hover{ color: #fff; background:#4eb39e;  }
.nav-item:hover .first-nav a{color: #196fb7; font-weight:500;}
/* .nav-item:hover i{transform: rotate(180deg);} */
.nav-item:hover em,.first-nav.on em{width: 50%; left: 25%;height: 1px!important;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1;}



.mBtn{ width: 40px; height: 40px; border-radius: 4px; display: none;  cursor: pointer;   box-sizing: border-box;  background: #196fb7; margin-left: 20px; }
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #fff; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 4px;}
.head_right{display: flex;  align-items: center; height: 100%;  position: relative; margin-right: 20px; display: none;}




.banner,.o-banner{ width:100%; margin-top: 90px;}
.banner_swiper{width: 100%;height: 100%;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.ban_bg{ width: 100%; height: auto;}
.ban_bg img{ width: 100%; display: block;}
.ban_bg img:nth-child(2){ display: none;}
.bn_tx{width:1200px;  position: absolute; left:50%; margin-left: -630px;  top: 50%; transform: translateY(-50%); color: #fff;}
.bn_tx h1{font-size: 80px;font-weight: bold; transform: translateY(100px); transition: 1s ease-in-out;opacity: 0;background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0));-webkit-background-clip: text; color: transparent; line-height: 1; text-transform: uppercase;}
.bn_tx h2{ font-size: 42px; font-weight: bold; transform: translateY(100px); transition: 1s ease-in-out 0.1s;opacity: 0; line-height: 1.2; }
.bn_tx h3{font-size: 18px; width: 50%; margin-top: 30px; transform: translateY(100px); transition: 1s ease-in-out 0.2s;opacity: 0; line-height: 2;}

.banner_swiper .swiper-slide-active .bn_tx h1{transform: translateY(0); opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx h2{transform: translateY(0);opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx h3{transform: translateY(0);opacity: 1;}


.banner_swiper .swiper-pagination{ width: 1200px; left: 50%; margin-left: -600px;  top: auto; height: 6px!important;  bottom: 110px; text-align: left;  display: flex; justify-content: center;}
.banner_swiper .swiper-pagination-bullet{ width:28px;height:6px; border-radius:20px; opacity: 0.4;  background-color: #fff;}
.banner_swiper .swiper-pagination-bullet-active{opacity: 1;}

footer{background-color: #333;}
.ftdi{ text-align: center; color: #c4c3c3; font-size: 13px; padding: 15px 0; line-height: 1.8; background-color: #222;}
.ftdi a{color: #c4c3c3; transition: 0.3s;}
.ftdi a:hover{ text-decoration: underline;}
.ftdi i{ padding:0 8px;}
.foot{ display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 13px; color: #fff; padding: 45px 0; padding-bottom: 30px;}
.foot span{ display: flex; flex-direction: column;}
.foot span h1{ font-size: 15px;}
.foot span b{ width: 24px; height: 1px; background-color: #fff; margin-top: 15px;}
.foot span p{ display: flex; flex-direction: column; margin-top: 15px;}
.foot span p a{ font-size: 12px; color: #cccccc; line-height: 32px;}
.foot span p a:hover{ color: #fff;}
.erweim{ text-align: center;}
.erweim h2{ width: 100%; margin-top: 14px; font-size: 13px;}
.erweim img{ display: block; margin: 0 auto; width: 120px;}



section{padding: 90px 0; position: relative;}
main{width: 1200px; margin: 0 auto; max-width: 92%;}



.title{ width: 100%; text-align: center; display: flex; flex-direction: column;}
.title h1{ font-size: 22px; color: #666; text-transform: uppercase;}
.title h1 b{ color: #196fb7; font-weight: normal; padding-left: 18px;}
.title span{ width: 262px; height: 1px; box-sizing: border-box; position: relative; margin: 0 auto; margin-top: 25px; background-color: #c0c0c0;}
.title span i{ width: 50px; height: 2px; background-color: #ec2b1c; position: absolute; z-index: 6; left: 50%; margin-left: -25px; bottom: 0;}

.con1{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center;  margin-top: 60px; align-items: center;}
.con1box{ padding-top: 0;}
.con1le{ max-width: 100%; width: 465px;}
.con1le img{ width: 100%; display: block;}
.con1ri{width:calc(100% - 485px); display: flex; flex-direction: column; box-sizing: border-box; padding: 30px;max-width: 100%; text-align: justify;}
.con1ri h1{ font-size: 18px;}
.con1ri p{ line-height: 2; font-size: 14px; margin-top: 30px; color: #555;}
.more{ display: flex;margin-top: 40px;}
.more a{ color: #fff; background-color: #196fb7; width: 126px; text-align: center; height: 36px; line-height: 36px; transition: 0.3s;}
.more a:hover{ background-color: #4eb39e;}
.con2{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center;background-color: #fff;box-shadow:0px 1px 8px rgba(0,0,0,0.1);}
.con2 a{ display: flex; width:20%; box-sizing: border-box; flex-direction: column; justify-content: center; height: 180px;background-color: #fff; position: relative; padding: 30px;}
.con2 a b{ height: 128px; width: 1px; position: absolute; z-index: 8; right: 0; top: 50%; margin-top: -64px; background-color: #f2f2f2;}
.con2 a:nth-child(5) b{ display: none;}
.con2 a img{ width: 60px; height: 50px; display: block; margin: 0 auto; transition: 0.3s;}
.con2 a img:nth-child(2){ display: none;}
.con2 a p{ width: 100%; text-align: center; line-height: 2; font-size: 12px; margin-top: 14px; color: #666;}
.con2 a p i{ color: #111; display: block; font-size: 14px;}
.con2 a h1{ font-size: 24px; font-weight: bold;}
.con2 a h2{ font-size: 20px; margin-top: 25px;}
.con2 a h3{ font-size: 12px; margin-top: 15px;}
.con2 a:hover img{-webkit-transform: rotate(360deg);}
.con2 a:hover img:nth-child(2){ display: block;}
.con2 a:hover img:nth-child(1){ display: none;}
.con2 a:hover p{ color: #000;}
.con2 a.sjcon2{ display: none;}
.con2box{ position: relative; top:-90px; z-index: 8;}
.con3{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center;}
.con3 a{ display:block; width:calc(33.3% - 20px); position: relative; margin-right: 30px; transition: 0.3s;}
.con3 a:nth-child(3){ margin-right: 0;}
.con3 a>img{ display: block; width: 100%;}
.con3 a span{ display: flex; flex-direction: column; background-color: rgba(0,0,0,0.5); justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 8; color: #fff; transition: 0.3s;}
.con3 a span img{max-width: 20%; width: 70px; display: block;}
.con3 a span h1{ font-size: 20px; margin-top:20px;}
.con3 a span p{ font-size: 16px; margin-top: 15px; color: #cdcdcd;}
.con3 a:hover span{ background-color: #4eb39e; color: #fff;}
.con3 a:hover span p{ color: #fff;}
.con3box,.con5box{ background-color: #196fb7;}
.con5box .title h1,.con5box .title h1 b{ color: #fff;}
.titletow{display: flex; flex-direction: column; text-align: center; width: 100%; justify-content: center; position: relative;}
.titletow h1{ font-size: 36px; font-weight: bold; color: #333;}
.titletow h1 b{ color: #196fb7;}
.titletow span{ width: 50%; height: 1px; background-color: #999; margin: 30px auto;}
.titletow p{ display: flex; background-color: #fff; height: 61px; line-height: 60px; bottom: 0; left: 50%; text-transform: uppercase; color: #999; position: absolute; padding: 0 20px; transform: translateX(-50%)}
.con4{ display: flex; align-items: center; align-items: center; margin-top: 60px; flex-wrap: wrap;}
.con4 a{ display: flex; flex-direction: column; background-color: #fafafa; width: calc(25% - 22.5px); margin-right: 30px; box-sizing: border-box; padding: 30px; height: 340px; padding-top: 40px; transition: 0.3s;}
.con4 a:nth-child(1){ padding: 0; background: url(../img/tu3.jpg) no-repeat center; background-size: cover;}
.con4 a img{ display: block; width: 100%;}
.con4 a:nth-child(4n){ margin-right: 0;}
.con4 a h1{ font-size: 20px; color: #000;}
.con4 a b{ width: 90px; height: 1px; background-color: #4eb39e; margin: 6px 0;}
.con4 a h2{ color: #196fb7; font-weight: bold;}
.con4 a h3{ font-size: 16px; color: #111; height: 20px; line-height: 20px; overflow: hidden;margin-top: 20px;}
.con4 a p{ color: #666; font-size: 12px; line-height: 26px; height: 78px; overflow: hidden; margin-top: 20px;}
.con4 a h4{ background-color: #999; width: 26px; height: 26px; line-height: 22px; text-align: center; color: #fff; font-size: 26px; font-weight:normal; margin-top: 30px; transition: 0.3s;}
.con4 a:hover h4{ background-color: #4eb39e;}
.con4 a:hover{ background-color: #effcf9;}
.con6{ display: flex; align-items: center; align-items: center; margin-top: 50px; flex-wrap: wrap;}
.con6 a{ display: flex; width: calc(25% - 22.5px); box-sizing: border-box;transition: 0.3s; align-items: center; justify-content: center; border: 1px solid #c0c0c0; margin: 10px 0; margin-right: 30px; padding: 12px 0; transition: 0.3s; height:120px;}
.con6 a:nth-child(4n){ margin-right: 0;}
.con6 a img{ display: block;max-width: 80%;
    max-height: 90%;}
.con6 a:hover{ border: 1px solid #196fb7;}
/* .moretow{ margin-top: 70px;}
.moretow a{ display: block; margin: 0 auto; width: 186px; height: 56px; line-height: 56px; border: 1px solid #196fb7; text-align: center; font-size: 16px; transition: 0.3s;color: #196fb7;}
.moretow a:hover{ background-color: #196fb7; color: #fff;} */



.news-con{ width: 100%; margin-top:40px;}
.news-item{ display: flex; flex-wrap: wrap;}
.news-item a,.anlist a{width: calc(33.3333% - 20px); margin-right: 30px;transition: 0.3s; overflow: hidden;display: flex; flex-direction: column;}
.news-item a:nth-child(3n),.anlist a:nth-child(3n){ margin-right: 0;}
.news-item a:last-child{margin-right: 0;}
.news-item a em{display: block; width: 100%; overflow: hidden; transition: 0.3s;}
.news-item a em img{display: block; width: 100%;}
.news-item a span{display: block; box-sizing: border-box; padding: 30px; transition: 0.3s; background: #fff; }
.news-item a span h2{font-size: 18px;  margin-top: 10px; transition: 0.3s; text-align: justify; font-weight: bold; color: #333; overflow: hidden; height: 25px;}
.news-item a span h3{color: #999; line-height: 1.5; margin-top: 18px; font-size: 16px; height: 50px; overflow: hidden;}
.news-item a:hover h2,.news-item a:hover h3,.news-item a:hover h1{color: #fff;}
.news-item a:hover em{ transform: translateY(-10px);}
.news-item a:hover span{ transform: translateY(-10px);}
.newtime img.hover{ display: none;}
.news-item a:hover img.hover{ display: block;}
.news-item a:hover img.newbiao{ display: none;}
.news-item a:hover span{ background-color: #196fb7;}

.newsbox .swiper-button-prev{cursor: pointer;  display: flex; align-items: center; justify-content: center;  top: 50%; bottom: auto;  color: #fff; left:0; right: auto; transition: 0.3s;position: absolute; background-color: rgba(0,0,0,0.5); width: 36px; height: 66px;}
.newsbox .swiper-button-next{  cursor: pointer;  display: flex; align-items: center; justify-content: center;  top: 50%; bottom: auto;  color: #fff; right:0; left: auto; transition: 0.3s;position: absolute;background-color: rgba(0,0,0,0.5);width: 36px; height: 66px;}
.newsbox .swiper-button-next:hover,.newsbox .swiper-button-prev:hover{ color: #fff;background-color: rgba(235,43,29,0.5);}
.newsitem h1{ width: 100%; overflow: hidden;}
.newsitem h1 img{ width: 100%; transition: 0.3s; display: block;}
/* .newsitem:hover img{transition:all .3s ease;transform:scale(1.1)} */
.newsitem span{ box-sizing: border-box; padding: 20px; text-align: center; display: flex; flex-direction: column; padding-bottom: 40px; }
.newsitem span h2{ font-size: 18px; width: 100%; height: 40px; line-height: 40px; overflow: hidden;transition: 0.3s;}
.newsitem span i{ width: 38px; height: 1px; background-color: #cfcfcf; margin: 0 auto;transition: 0.3s;}
.newsitem span p{  height: 40px; line-height: 20px; overflow: hidden; width: 100%;font-size: 14px; margin-top: 15px; padding: 0 20px; box-sizing: border-box; color: #666;}
.newsbox{ width: 100%; box-sizing: border-box; position: relative; height: auto; margin-top: 60px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-button-prev:after{ font-size: 22px;}
.newsitem{ background-color: #fff; display: block; transition: 0.3s;}
.newsitem:hover i{ background-color: #196fb7;}
.newsitem:hover h2{color: #196fb7;}

/*分页样式*/ 
.pages{margin-top: 30px;  }
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin: 2px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#ddd solid 1px;color: #666; transition: 0.3s;}  
ul.yiiPager li a:hover{background:#196fb7;border:#196fb7 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px;}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{background:#196fb7;border:#196fb7 solid 1px;color:#FFF;}


.show_title{text-align: center;  border-bottom: 1px #ddd solid; padding-bottom: 30px; margin-bottom: 30px;}
.show_title h1{font-size: 28px; font-weight: bold;}
.show_title h2{margin-top: 20px; font-size: 14px;color: #999; display: flex;align-items: center; justify-content: center;}

.danye{color: #666; line-height: 2; text-align: justify;}
.danye img{display: block; max-width: 100%!important;height: auto!important;}

.bar{margin-top: 50px; display: flex; justify-content: space-between;}
.bar a{font-size: 16px; color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #4eb39e; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}

.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}
.o-banner{width: 100%;position: relative;}
.o-banner img{display: block; width: 100%;}
.o-name{position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%);}
.o-name p{ width: 50px; height: 1px; background: #fff;}
.o-name h1{font-size:28px; text-transform: uppercase; color: #fff;}
.o-name h2{color: #fff; font-size: 16px; margin-top: 14px; text-transform: uppercase;}
.sec-nav{width: 100%; background: #f5f5f5;}
.sec-nav span{width:1200px; margin: 0 auto;display: flex; height: 100%; flex-wrap: wrap; padding: 15px 0;}
.sec-nav a{line-height: 50px; transition: 0.3s; padding: 0 30px; font-size: 16px; color: #666; position: relative;}
.sec-nav a b{position: absolute; z-index: 6; width: 1px; height: 50%; top: 25%; right: 0; background-color: #ccc;}
.sec-nav a:last-child b{ display: none;}
.sec-nav a i{ position: absolute; z-index: 6; left: 30%; bottom: 0; width: 0; transition: 0.3s;}
.sec-nav a.on,.sec-nav a:hover{ color: #f36109;}
.sec-nav a.on i,.sec-nav a:hover i{width: 40%; height: 2px; background-color: #f36109;}

.newtime{ display: flex; justify-content: space-between; align-items: center; margin-top: 25px;}
.newtime h1{font-size: 12px; color: #999;}
.newtop{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.sjmore{ display: none;}
.newboxtop{ position: relative; margin-top: -120px; z-index: 88;}
.ksboxbj{ background: url(../img/ksbj.jpg) no-repeat center; background-size: cover;}
.ksboxbj .newtop h1,.ksboxbj .newtop p,.ksboxbj .newtop h2{ color: #fff;}
.ksbox{ width: 100%; margin-top: 50px;}
.sroll-tabs{ box-sizing: border-box;  position: relative; padding: 0 40px;}
.swiper-container{ width: 100%; border-bottom: 1px solid #7997c8; overflow: hidden;}
.ksbox .swiper-wrapper .swiper-slide{ height: 68px; font-size: 18px; display: flex;}
.ksbox .swiper-wrapper .swiper-slide a{color: #fff; display: block; padding:0 40px;  line-height: 68px; }
.ksbox .on a{ background-color:rgba(255,255,255,0.1); border-radius: 5px 5px 0 0;}
.swiper_right{ width: 24px; height: 24px; background: url(../img/p3-pre.png) no-repeat; background-size: 100%;position: absolute; left: 0; top: 50%; margin-top: -12px; transition: 0.3s;}
.swiper_right:hover{background: url(../img/p3-pre-on.png);background-size: 100%;}
.swiper_left{ width: 24px; height: 24px; background: url(../img/p3-next.png) no-repeat;background-size: 100%;position: absolute; right: 0;top: 50%; margin-top: -12px; transition: 0.3s;}
.swiper_left:hover{background: url(../img/p3-next-on.png);background-size: 100%;}
.tabs-con-in{ display: flex; padding: 0 40px; box-sizing: border-box; flex-wrap: wrap; margin-top: 30px; min-height: 270px;}
.tabs-con-in a{ width: calc(20% - 16px); height: 102px; box-sizing: border-box; padding-left: 26px; padding-top: 26px; color: #4b4a4a; font-size:18px; background: #e9ecf5 url(../img/ks.png) right bottom no-repeat; background-size: 100px; border-radius: 5px; transition: all 0.3s ease; margin-top: 30px; margin-right: 20px;}
.tabs-con-in a:nth-child(5n){ margin-right: 0;}
.tabs-con-in a:hover{background-size: 100px;background: #e9ecf5 url(../img/ksh.png) right bottom no-repeat;}
.erbox{ padding: 30px 0;}
.ertitle{ width: 100%; text-align: center; display: flex; justify-content: center; flex-direction: column; margin-top: 20px;}
.ertitle h1{ font-size: 40px; color: #196fb7; font-weight: bold;}
.ertitle p{ font-size: 20px; color: #afafaf;font-weight: bold; text-transform: uppercase;}
.erbox .news-item a{width: calc(33.3333% - 30px); margin-right: 30px;transition: 0.3s; overflow: hidden; box-sizing: border-box; border: 1px solid #e0e0e0; margin-bottom: 40px;}
.erbox .news-item a:hover{border: 1px solid #196fb7;box-sizing: border-box;}
.erbox .news-item a:last-child(3n){margin-right: 0;}
.erbox .news-item a:hover em{ transform: translateY(0);}
.erbox .news-item a:hover span{ transform: translateY(0);}

.newlistbox{ width: 100%; display: flex; flex-direction: column; margin-top: 40px;}
.newlistbox a{ display: flex; justify-content: space-between; align-items: center; overflow: hidden; line-height: 90px;box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 10px; margin-bottom: 30px; transition: all 0.3s ease;}
.newlistbox a span{ width: calc(100% - 90px); display: flex; flex-wrap: wrap;}
.newlistbox a span h1{ font-size:18px; padding-left: 30px; padding-right: 20px;transition: all 0.3s ease; font-weight: bold;color: #196fb7;}
.newlistbox a span p{ font-size: 18px; margin-left: 20px;transition: all 0.3s ease;font-weight: bold;overflow: hidden; height: 90px;}
.newlistbox em{ background:url(../img/newmor.png) no-repeat left top; background-size: 100%; width: 30px; height: 30px; margin-right: 30px;transition: all 0.3s ease;}
.newlistbox a:hover em{background:url(../img/newmorh.png) no-repeat left top; background-size: 100%;}
.newlistbox a:hover h1{ background-color: #196fb7; color: #fff;}
.newlistbox a:hover p{ color: #196fb7;}
.lianxibox{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lianxibox .lxbox{ width: calc( 50% - 20px);box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 10px; box-sizing: border-box; padding: 40px; display: flex; align-items: center;}
.lianxibox .lxbox h1{ background-color: #196fb7; display: flex; width: 100px; height: 100px; border-radius: 5px; align-items: center;}
.lianxibox .lxbox:nth-child(2) h1{ background-color: #4eb39e;}
.lianxibox .lxbox h1 img{ width:72px; height: 72px; margin: 0 auto;}
.lianxibox .lxbox span{ width: calc(100% - 100px); margin-left: 28px; display: flex; flex-direction: column;}
.lianxibox .lxbox span h2{ font-weight: bold; font-size:20px;}
.lianxibox .lxbox span p{ font-size: 16px; line-height: 33px; margin-top: 10px;}
.map{ width: 100%; border: 1px solid #ddd; height: 390px; margin-top: 30px; margin-bottom: 30px;}
.map-box{margin-top: 50px; box-sizing: border-box; border: 1px #ccc solid; width: 100%;height: 50vh;}
.home-news .news-item a{ box-sizing: border-box; border: 1px solid #eee; margin-top: 20px;}
.home-news .news-item a:hover{ background-color: #196fb7;}
.anlist{ width: 100%; display: flex; flex-wrap: wrap;}
.anlist a{ margin-bottom: 20px;}
.cperbox{ padding-top: 10px;}
.tulist{ display: flex; flex-wrap: wrap; width: 100%;}
.tulist a.newsitem{ border: 1px solid #eee;}
.tulist a{ width:calc(33.3% - 20px); position: relative; margin-right: 30px; transition: 0.3s; box-sizing: border-box; display: flex; flex-direction: column; margin-bottom: 20px;}
.tulist a:nth-child(3n){ margin-right: 0;}
.tulist a img{ display: block; width: 100%;}
.tulist a:hover img{transition:all .3s ease;transform:scale(1.2)}

.tulist4{ display: flex; flex-wrap: wrap; width: 100%;}
.tulist4 a{ width:calc(25% - 15px); position: relative; margin-right: 20px;border: 1px solid #eee; transition: 0.3s; box-sizing: border-box; display: flex; flex-direction: column; margin-bottom: 20px;}
.tulist4 a:nth-child(4n){ margin-right: 0;}
.tulist4 a img{ display: block; width: 100%;}
/*.tulist4 a:hover img{transition:all .3s ease;transform:scale(1.1)}*/
.tulist4 h2{ text-align:center; font-size:16px; padding:15px; box-sizing:box-sizing; line-height:1.8;}
.newlist{background-color: #fafafa;padding: 30px;transition: 0.3s;}
.newlist h1{ font-size: 20px; color: #000;}
.newlist b{ width: 90px; height: 1px; background-color: #4eb39e; margin: 6px 0;}
.newlist h2{ color: #196fb7; font-weight: bold;}
.newlist h3{ font-size: 16px; color: #111; height: 20px; line-height: 20px; overflow: hidden;margin-top: 20px;}
.newlist p{ color: #666; font-size: 12px; line-height: 26px; height: 78px; overflow: hidden; margin-top: 20px;}
.newlist h4{ background-color: #999; width: 26px; height: 26px; line-height: 22px; text-align: center; color: #fff; font-size: 26px; font-weight:normal; margin-top: 30px; transition: 0.3s;}
.newlist:hover h4{ background-color: #4eb39e;}
.newlist:hover{ background-color: #effcf9;}