@charset "utf-8";
.header>.centerBox { height: 100px; display: flex; align-items: center; justify-content: space-between; }
.header .logo { float: left; }
.header .logo img { width: 539px; }
.header .search { float: right; width: 300px; height: 40px; }
.header .search .form { height: 100%; width: 100%; position: relative; }
.header .search .key { width: 100%; height: 100%; border: 1px solid #666666; padding: 0 42px 0 8px; box-sizing: border-box; font-size: 14px; color: #666666; }
.header .search .submit { position: absolute; border: none; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/a1_06.png)center no-repeat; background-size: 23px 23px; }
.header .search i { width: 1px; height: 50%; background: #666666; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); }
.menu { background: #014c83; }
.menu .nav { font-size: 0; }
.menu .nav li { line-height: 60px; text-align: center; font-size: 16px; display: inline-block; width: 12.5%; color: #ffffff; position: relative; }
.menu .nav li:hover { background: #0077ce; }
.menu .nav li.on { background: #0077ce; }
.menu .nav li .erji { position: absolute; min-width: 100%; white-space: nowrap; left: 50%; transform: translateX(-50%); background: #ffffff; z-index: 999; display: none; }
.menu .nav li:hover .erji { display: block; }
.menu .nav li .erji a { line-height: 40px; border-bottom: 1px solid #0077ce; font-size: 14px; display: block; text-align: center; color: #333333; padding: 0 10px; box-sizing: border-box; }
.banner .swiper-pagination { bottom: 26px !important; }
.banner .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 100%; background: #ffffff; opacity: 1; margin: 0 10px !important; }
.banner .swiper-pagination-bullet-active { opacity: 1; background: #0077ce; }
.footer { background: #333333; color: #ffffff; clear: both; overflow: hidden; }
.footer .up { padding: 50px 0 64px; box-sizing: border-box; clear: both; overflow: hidden; display: flex; justify-content: space-between; }
.footer .up .zuo { float: left; display: flex; justify-content: space-between; width: 70%; }
.footer .up .zuo .ul { float: left; line-height: 36px; }
.footer .up .zuo .ul p { font-size: 16px; text-align: center; }
.footer .up .zuo .ul ul li { font-size: 14px; text-align: center; }
.footer .up .you { float: right; width: 27%; text-align: right; }
.footer .up .you h3 { font-size: 18px; }
.footer .up .you .xx { font-size: 12px; line-height: 24px; }
.footer .up .you .xx:after { content: ''; display: block; width: 100%; height: 3px; background: #ffffff; margin: 16px 0; }
.footer .up .you .zy { font-size: 14px; line-height: 24px; }
.copy { border-top: 1px solid #ffffff; padding: 11px 0; font-size: 14px; line-height: 24px; text-align: center; }
.lop { line-height: 50px; color: #666666; font-size: 14px; margin-bottom: 24px; }
.page { padding-bottom: 60px; clear: both; overflow: hidden; }
.content .zuo { float: left; width: 25%; box-shadow: 0 0 13px rgba(0,0,0,0.14); }
.content .zuo h4 { text-align: center; line-height: 50px; background: #0077ce; color: #ffffff; }
.content .zuo ul li { line-height: 54px; text-align: center; font-size: 16px; border-bottom: 1px dashed #dddddd; }
.content .zuo ul li.on { color: #0077ce; text-decoration: underline; }
.content .zuo ul li:hover a { color: #0077ce; text-decoration: underline; }
.content .you { float: right; width: 72%; box-shadow: 0 0 13px rgba(0,0,0,0.14); }
.content .list { padding: 0 10px 60px; box-sizing: border-box; }
.content .you .list ul { padding-bottom: 40px; }
.content .you .list li { font-size: 16px; line-height: 54px; border-bottom: 1px dashed #dddddd; clear: both; overflow: hidden; }
.content .you .list li p { float: left; width: 76%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.content .you .list li span { float: right; font-size: 14px; color: #666666; }
.content .you .list li:hover p { color: #0077ce; }
.content .you .about { padding: 30px 30px 74px; box-sizing: border-box; }
.content .you .about .bt { text-align: center; font-size: 24px; font-weight: normal; }
.content .you .about .cont { font-size: 14px; line-height: 30px; color: #666666; margin-top: 20px; }
#pages { font-family: 宋体; text-align: -webkit-center; font-size: 14px; }
#pages a { display: inline-block; height: 30px; line-height: 30px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; padding: 0 10px }
#pages a.a1 { width: 56px; padding: 0 }
#pages a:hover { background: #f1f1f1; color: #000; text-decoration: none }
#pages span { display: inline-block; height: 30px; line-height: 30px; background: #0077ce; border: 1px solid #0077ce; color: #fff; text-align: center; padding: 0 10px }
.jianyi .tongbao { padding: 20px 0 60px; box-sizing: border-box; }
.jianyi .tongbao .bt { text-align: center; font-size: 18px; font-weight: normal; }
.jianyi .tongbao .cont { font-size: 14px; line-height: 30px; color: #666666; margin-top: 28px; }
.xinwen { padding-bottom: 26px; }
.xinwen ul li { padding: 20px; box-sizing: border-box; border-bottom: 1px dashed #dddddd; clear: both; overflow: hidden; }
.xinwen ul li .tu { float: left; width: 32%; }
.xinwen ul li .tu img { width: 100%; }
.xinwen ul li .he { float: right; width: 66%; }
.xinwen ul li .he p { font-size: 16px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xinwen ul li .he .desc { margin-top: 14px; font-size: 14px; line-height: 30px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.xinwen ul { padding-bottom: 30px; }
.huiyuan { padding: 26px 20px 44px; box-sizing: border-box; }
.huiyuan ul { font-size: 0; margin-top: 28px; padding-bottom: 30px; }
.huiyuan ul li { display: inline-block; width: 31.7%; margin-right: 2.4%; margin-top: 14px; }
.huiyuan .bt { text-align: center; font-size: 24px; font-weight: normal; }
.huiyuan ul li .tu { overflow: hidden; transition: all ease-in-out .5s; }
.huiyuan ul li:hover img { transform: scale(1.05); }
.huiyuan ul li img { width: 100%; transition: all ease-in-out .5s; }
.huiyuan ul li:nth-child(3n) { margin-right: 0; }
.huiyuan ul li p { margin-top: 8px; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case { padding: 20px 20px 32px; box-sizing: border-box; }
.case ul { font-size: 0; padding-bottom: 10px; }
.case ul li { display: inline-block; vertical-align: top; width: 31.6%; margin-right: 2.6%; margin-bottom: 30px; }
.case ul li:nth-child(3n) { margin-right: 0; }
.case ul li .tu { overflow: hidden; transition: all ease-in-out .5s; }
.case ul li:hover img { transform: scale(1.05); }
.case ul li img { width: 100%; transition: all ease-in-out .5s; }
.case ul li .he p { font-size: 16px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case ul li .he .desc { font-size: 14px; line-height: 24px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.txtMarquee-top { height: 40px; background: #f8f8f8; font-size: 16px; font-weight: bold; clear: both; overflow: hidden; }
.txtMarquee-top .bd { height: 40px; display: flex; align-items: center; }
.txtMarquee-top .tempWrap { display: inline-block; vertical-align: middle; width: 76%; }
.txtMarquee-top .tempWrap ul li { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.txtMarquee-top img { display: inline-block; vertical-align: sub; margin-right: 8px; }
.one { box-shadow: 0 0 9px rgba(0,0,0,0.15); padding: 20px; margin-top: 20px !important; clear: both; overflow: hidden; }
/* 本例子css */
.slideBox { position: relative; float: left; width: 49%; }
.slideBox .hd { height: 20px; overflow: hidden; position: absolute; right: 5px; z-index: 1; bottom: 15px; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 8px; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; border: 1px solid #ffffff; color: #ffffff; font-size: 14px; }
.slideBox .hd ul li.on { background: #ffffff; color: #333333; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd img { width: 100%; display: block; }
.slideBox .bd ul li p { position: absolute; bottom: 0; background: rgb(0, 0, 0, 0.5); line-height: 50px; font-size: 14px; color: #ffffff; padding: 0 8px; box-sizing: border-box; width: 100% }
.slideBox .bd ul li span { width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; float: none; color: #ffffff; }
.dongtai { float: right; width: 50%; padding: 20px 20px 25px; box-sizing: border-box; background: #f6f6f6; }
.dongtai .qie { font-size: 0; display: block; text-align: center; padding-bottom: 28px; border-bottom: 1px solid #0077ce; }
.dongtai .qie li { font-size: 16px; color: #000000; width: 50%; text-align: center; display: inline-block; cursor: pointer; position: relative; font-weight: bold; }
.dongtai .qie li.on:after { position: absolute; content: '◆'; color: #0077ce; font-size: 20px; display: block; left: 50%; transform: translateX(-50%); }
.dongtai .huan li { line-height: 50px; border-bottom: 1px dashed #dddddd; font-size: 16px; clear: both; overflow: hidden; }
.dongtai .huan li:hover p { color: #0077ce; }
.dongtai .huan ul { display: none; }
.two { margin-top: 40px; }
.bjt { background: url(../images/a1_21.png)right top no-repeat; background-size: auto 100%; height: 50px; font-size: 24px; color: #ffffff; width: 170px; text-align: center; line-height: 50px; font-weight: normal; float: left; margin-top: -9px; margin-left: -10px; padding-right: 10px; }
.two .qie ul { float: left; display: flex; justify-content: space-between; width: 46%; }
.two .qie ul li { float: left; line-height: 50px; font-size: 18px; cursor: pointer; }
.two .xiehui { float: left; width: 67%; background: #f8f8f8; padding: 0 10px 20px; box-sizing: border-box; }
.two .xiehui .zong { background: #ffffff; padding: 10px; box-sizing: border-box; clear: both; overflow: hidden; height: 100%; }
.two .xiehui .zuo { float: left; width: 53%; }
.two .xiehui .zuo .top { border-bottom: 1px solid #dddddd; padding-bottom: 20px; }
.two .xiehui .zuo .top .bt { font-size: 16px; color: #0077ce; clear: both; overflow: hidden; }
.two .xiehui .zuo .top .bt p { float: left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.two .xiehui .zuo .top .bt span { float: right; font-size: 14px; color: #666666; }
.two .xiehui .zuo .top .zy { font-size: 14px; line-height: 24px; color: #666666; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.two .xiehui .zuo ul li { line-height: 38px; border-bottom: 1px solid #dddddd; clear: both; overflow: hidden; }
.two .xiehui .zuo ul li:hover p { color: #0077ce; }
.two .xiehui .you { display:none;float: right; width: 45%; position: relative; }
.two .xiehui .you img { width: 100%; }
.two .xiehui .you p { position: absolute; bottom: 0; width: 100%; line-height: 50px; font-size: 14px; color: #ffffff; padding: 0 10px; box-sizing: border-box; background: rgb(0, 0, 0, 0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.two .jieshao { float: right; width: 32%; background: #f8f8f8; padding: 0 10px 20px; box-sizing: border-box; }
.two .jieshao .desc { font-size: 14px; line-height: 30px; padding: 18px; box-sizing: border-box; background: #ffffff; min-height: 280px; overflow-y: auto; }
.three { background: #f8f8f8; margin-top: 50px; padding: 0 10px 20px; box-sizing: border-box; }
.index .qie>div { display: flex; justify-content: space-between; width: 100%; }
.three .qie ul li { display: inline-block; margin: 0 140px; line-height: 50px; cursor: pointer; }
.index .qie a { float: right; font-size: 14px; line-height: 50px; }
.three .zong { background: #ffffff; padding: 0 18px 25px; box-sizing: border-box; }
.three .zong li { clear: both; overflow: hidden; line-height: 58px; font-size: 16px; border-bottom: 1px solid #dddddd; }
.three .zong li:hover p { color: #0077ce; }
.index .qie ul li.on { color: #0077ce; }
.four { margin-top: 50px; }
.four .zong .zuo { background: #f8f8f8; padding: 0 10px 20px; box-sizing: border-box; float: left; width: 67%; }
.four .luna { padding: 20px; box-sizing: border-box; background: #ffffff; }
.four .luna .swiper-slide .he p { font-size: 16px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.four .luna .swiper-slide .he div { font-size: 14px; line-height: 24px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.four .you { float: right; width: 32%; background: #f8f8f8; padding: 0 10px 20px; }
.four .you ul { /* padding: 0 20px;
	background: #ffffff; */
font-size: 14px; line-height: 30px; padding: 18px; box-sizing: border-box; background: #ffffff; min-height: 280px; overflow-y: auto; }
.four .you ul li { clear: both; overflow: hidden; line-height: 46px; border-bottom: 1px solid #dddddd; font-size: 16px; }
.index ul li p { float: left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index ul li span { float: right; font-size: 14px; color: #666666; }
.four .you ul li:last-child { border-bottom: none; }
.four .you ul li:hover p { color: #0077ce; }
.five { margin-top: 50px; }
.five .zuo { float: left; width: 49.3%; background: #f8f8f8; padding: 0 10px 20px; box-sizing: border-box; }
.five .zuo ul li { line-height: 38px; clear: both; overflow: hidden; border-bottom: 1px solid #dddddd; }
.five .zuo ul { padding: 36px 8px 25px; box-sizing: border-box; background: #ffffff; }
.five .zuo ul li:hover p { color: #0077ce; }
.five .you { float: right; width: 49.3%; background: #f8f8f8; padding: 0 10px 20px; box-sizing: border-box; }
.five .lunb { background: #ffffff; padding: 10px 10px 30px; box-sizing: border-box; overflow: hidden; }
.swiper-slide img { width: 100%; }
.five .swiper-slide p { margin-top: 8px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.six { margin-top: 50px; background: #f8f8f8; padding: 0 10px 20px; box-sizing: border-box; }
.six ul { margin-top: 10px; padding: 30px 18px; box-sizing: border-box; min-height: 250px; background: #ffffff; font-size: 0; }
.six ul li { display: inline-block; font-size: 16px; color: #666666; line-height: 36px; }
.six ul li:after { content: ''; width: 1px; height: 17px; margin: 0 10px; background: #666666; display: inline-block; vertical-align: middle; }
.index { padding-bottom: 60px; }
.sousuo .you { float: none; width: 100%; }
.cai { display: none; }