body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:14px; background:#FFF; font-family:"microsoft YaHei"; color:#000; width: 100%; }
ul{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
a{ text-decoration:none; color:#000;}


.index{ clear:both; display: block; width: 100%; box-sizing: border-box; margin-bottom: 40px; padding: 0px 8px; box-sizing: border-box; }
.clear{ clear: both; display: block; }


/* index style start */
.top{ display: flex; padding: 10px 7px; }
.logo{ display: flex; flex: 1; margin-right: 10px; }
.logo a{ display: flex; }
.logo a:hover{ text-decoration: none; }
.logo-img{ display: flex; }
.logo-img img{ border: 0px; height: 45px; margin-right: 5px; }

.logo-txt{ display: flex; flex-direction: column; }
.logo-txt strong{ display: flex; font-size: 20px; color:#1c4587; }
.logo-txt span{ display: flex; font-size: 16px; color:#888; }


.tel{ display: flex; align-items: center; font-size: 18px; color: #1c4587; font-weight: bold; }
.tel img{ border: 0px; height: 15px; margin-right: 10px; }


/*  menu style start */
.menu{ display: flex; flex-wrap: wrap; background-color: #1c4587; }
.menu ul{ display: flex; flex-wrap: wrap; }
.menu li { display: flex; width: 20%; padding: 5px 0px; box-sizing: border-box; justify-content: center; }
.menu li a{ display: flex; font-size:12px; color: #fff; border-radius: 4px; justify-content: center; align-items: center; padding: 0px 5px; }
.menu li.on a{ background: #fff; color: #1c4587; }




/* banner style start */
.swiper-container-banner { clear: both; display: block; width: 100%; overflow: hidden; position: relative; }
.swiper-container-banner .swiper-slide{ clear: both; display: flex; width: 100%; }
.swiper-container-banner .swiper-slide img{ width: 100%; height: 150px; border: 0px; }
.swiper-container-banner .swiper-slide span{ display: flex; width: 100%; padding: 0px 10px; box-sizing: border-box; background: rgba(255,255,255,0.4); font-size: 12px; color: #000; position: absolute; bottom: 0px; left: 0px; }
.swiper-pagination span{ width: 20px; height: 20px; margin: 0px 40px;   background: rgba(255,255,255,0.8);  }
.swiper-container-banner .swiper-pagination-bullet{ }


/* index about */
.indexAbout{ display: flex; flex-direction: column; width: 100%; box-sizing: border-box; padding: 0px 8px; }

.indexAboutTit{ display: flex;  border-bottom: 2px solid #feb853; justify-content: center; padding: 15px 0px; }
.indexAboutTit span{ display: flex; font-size: 16px;}
.indexAboutTit strong{ display: flex; display: inline-block; flex: 1;  }
.indexAboutTit{ font-size: 25px; color: #1c4587; }

.indexAboutPic{ display: flex; width: 100%; justify-content: center; }
.indexAboutPic img{ border: 0px; width: 50%; }
.indexAboutText{ clear: both; display: -webkit-box; font-size: 15px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 7; -webkit-box-orient: vertical; white-space: normal;  }
.indexAboutText p{ text-indent: 2em;}

.indexAboutIcon{ display: flex; width: 100%; margin-top: 15px; }
.indexAboutIcon div{ display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center;}
.indexAboutIcon i{ clear: both; display: block; }
.indexAboutIcon i img{ border: 0px; }
.indexAboutIcon strong{ clear: both; display: block; font-size: 20px; font-weight: normal; color: #fff; }
.indexAboutIcon p{ clear: both; display: block; width: 110px; margin: 0px auto; height: 1px; background: #fff; overflow: hidden; }
.indexAboutIconL{ background: #376bcb; height: 200px; }
.indexAboutIconR{ background: #0bbcd8; height: 200px; }

.indexAboutR{ float: left; display: block; width: 380px; height: 588px; overflow: hidden; }
.indexAboutR img{ border: 0px; width: 100%; }


/* index title */
.indexTitle{ clear: both; display: block; text-align: center; margin: 30px 0px; }
.indexTitle strong{ clear: both; display: block; font-size: 28px; color: #1c4587; }
.indexTitle p{ clear: both; display: block; margin: 15px 0px; font-size: 20px; color: #535354; text-transform: uppercase; }


/* index grow */
.indexHonor{ clear: both; display: block; background: #3d3d3d; padding: 40px 0px; }
.indexHonorList{ clear: both; display: block; width: 100%; margin: 0px auto; padding: 0px 7px; box-sizing: border-box; }

.swiper-container-cases{ clear: both; display: block; width: 100%; margin: 0px auto; overflow: hidden; position: relative; }

.swiper-casesPic{ clear: both; display: block; width: 100%; }
.swiper-casesPic a{ clear: both; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; overflow: hidden; }
.swiper-casesPic a img{ border: 0px; max-width: 100%; max-height: 100%; transition: all 0.3s; }
.swiper-casesPic a:hover{ box-shadow: 0px 0px 10px #333; transition: all 0.3s; }
.swiper-casesPic a:hover img{ max-width: 120%; max-height: 120%; margin-top: -10%; }
.swiper-casesTit{ clear: both; display: flex; justify-content: center; font-size: 14px; line-height: 30px; }
.swiper-casesTit a{ display: flex; margin-right: 14px; color: #fff; }



/* index news */
.indexNews{ clear: both; display: block; width: 100%; margin: 0px auto 30px; }
.indexNewsList{ display: flex; flex-direction: column; margin: 0px 7px; }
.indexNewsLi{ display: flex; margin-bottom: 15px;}

.indexNewsTime{ display: flex; flex-direction: column; width: 70px; justify-content: center; align-items: center; background: #f68113; color: #fff; margin-right: 10px; }
.indexNewsTime strong{ clear: both; display: block; font-size: 34px; }
.indexNewsTime span{ clear: both; display: block; }

.indexNewsContent{ display: flex; flex-direction: column; flex: 1; }
.indexNewsTitle{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; border-bottom: 1px dashed #e3e3e3; width: 100%; text-overflow: ellipsis; white-space: normal; }
.indexNewsTitle a{ height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.indexNewsText{ clear: both; display:  -webkit-box; line-height: 25px; color: #777; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }



.indexNewsPic{ display: flex; flex-direction: column; padding: 0px 7px; box-sizing: border-box;}
.indexNewsPic li{ display: flex; flex-direction: column; }
.indexNewsPic li img{ display: flex; width: 100%; }
.indexNewsPic li span{ display: flex; width: 100%; background: #1c4587; color: #fff; }
.indexNewsPic li span a{ color: #fff; }





/* index contact */

.indexContactT{ clear: both; display: block; text-align: center; background-color: #fa9c61; color: #fff; font-size: 20px; padding: 20px 0px; }

.indexContactQ{ clear: both; display: block; text-align: center; padding: 20px 0px; }
.indexContactQ img{ border: 0px; width: 150px; }
.indexContactQ span{ clear: both; display: block; font-size: 16px; }

.indexContactL{ clear: both; display: block; text-align: center; padding: 20px 0px; background-color: #1c4587; color: #fff; border-bottom: 1px solid #fff; font-size: 20px;}
.indexContactL a{ color: #fff;}






.location{ clear: both; display: block; margin: 0px 8px; height: 37px; line-height: 37px; text-align: center; border-bottom: 2px solid #1c4587; }
.location .classname{ float: left; display: inline-block; font-size: 18px; }
.location .classurl{ float:right; font-size:12px; font-weight:normal;}




/* copyright */
.copyright{ clear: both; display: block; width: 100%; text-align: center; background:#1c4587; padding: 20px 10px; box-sizing: border-box; color: #fff; font-size: 13px; }
.copyright a{ color: #fff;}





.subContent{ clear: both; display: block; margin-top: 20px; font-size: 16px; line-height: 200%; }
.subContent img{ max-width: 100%; height: auto;}
.subContent table{ max-width: 100%; border-color: #ccc; border-collapse: collapse; border-spacing: 0px; margin: auto; border-width: 1px; }



.subNews{ clear:both; display: block; }
.subNews li{ clear:both; height:35px; line-height:35px; overflow: hidden; background:URL(../images/newsIcon.jpg) left 50% no-repeat; border-bottom:1px dashed #e3e3e3; text-indent:1.5em; font-size:15px; color: #666;}
.subNews li a{ color: #666; }
.subNews li span{ float:right;  }

.newsTitle{ clear:both; text-align:center; font-size:20px; margin-top: 40px;}
.info{ clear:both; text-align:center; height:auto; margin:15px 0px; font-size: 12px;}


.subNewsContent{ clear: both; display: block; padding: 30px 0px; font-size: 14px; }

.subPic{ clear:both; display: block; }
.subPic ul{ display: flex; width: 100%; flex-wrap: wrap;}
.subPic li{ display: flex; width: 48%; flex-direction: column; justify-content: flex-end; margin-right: 2%; margin-bottom: 20px; }
.subPic li:nth-child(2n){ margin-right: 0px; }
.subPic li div{ display: flex; width: 100%; border:1px solid #ccc;}
.subPic li div a{ display: flex; width: 100%; justify-content: center; align-items: center;}
.subPic li div a img{ border: 0px; max-width: 100%; }
.subPic li span{ display: flex; width: 100%; font-size: 12px; justify-content: center; }


.channelList{ display: flex; width: 100%; margin: 0px auto 0px; }
.channelList ul{ display: flex; width: 100%; justify-content: space-around;}
.channelList a{ display: flex; margin: 15px 2px; font-size: 12px; justify-content: center; align-items: center; color: #000; background-color: #e3e3e3; padding: 8px 7px;}
.channelList a:last-child{ margin-right: 0px;}
.channelList a.cur{ background-color: #1c4587; color: #fff;}


.page{ clear:both; display: block; margin:20px 0px; font-size: 16px; text-align: center; }
.page a, .page b{ display: inline; border: 1px solid #ccc; padding: 5px 10px; font-size: 15px; margin-right: 10px;}
.page b{ background-color: #1c4587; color: #fff;}
.page a:hover{ background-color: #1c4587; color: #fff; border: 1px solid #1c4587;}

.preNext{ clear:both; padding: 20px 0px;  border-top:1px solid #e3e3e3; font-size: 14px;}
.proPic{ clear:both; margin:10px 0px; text-align:center;}