@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; }
body { color: #444; font-size: 14px; font-family: "微软雅黑"; margin: auto; letter-spacing: 0.5px; background: #FFF; max-width: 1920px; overflow-x: hidden; }
ul, ol { list-style: none; }
img, fieldset { vertical-align: top; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
address, cite, code, em, th, i { font-weight: normal; font-style: normal; }
input, button, textarea, select { font: 100% Arial, ''; vertical-align: middle }
table, td, tr, th { font-size: 14px; }
.fl, .l, .left { float: left; }
.fr, .r, .right { float: right; }
a { color: #333333; text-decoration: none; transition: all 0.3s; }
a:hover { color: #000; text-decoration: none; }
.clearfix { *zoom: 1; }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0px; visibility: hidden; content: "."; }
.flex { display: flex; }
.w1000 { width: 1000px; margin: 0 auto; }
.w1100 { width: 1100px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1300 { width: 1300px; margin: 0 auto; }
.w1400 { width: 1400px; margin: 0 auto; }
.box-con { width: 100%; }
.box-con * { max-width: 100% !important; }
.ico { background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle; }

/***************************************************************************************************************/

/* header */
header { width: 100%; }

/* wraptop_1 */
.wraptop_1 { width: 100%; background: #00376D; }
.wraptop_1_1, .wraptop_1_2 { line-height: 45px; font-size: 12px; color: #FFFFFF; }
.wraptop_1_2 a { margin: 0 5px; color: #FFFFFF; }

/* wraptop_2 */
.wraptop_2 { width: 100%; }
.wraptop_2_1, .wraptop_2_2 { height: 140px; display: flex; align-items: center; }
.wraptop_2_2 { padding-left: 50px; background: url(../images/wraptop_2_2.png) no-repeat center left; }
.wraptop_2_2 p { font-size: 14px; color: #333333; }
.wraptop_2_2 h1 { font-size: 30px; font-weight: bold; color: #FF3224; font-family: Arial; }

/* wraptop_3 */
.wraptop_3 { padding: 10px 0; width: 100%; }
.menu { width: 100%; }
.menu > li { float: left; margin: 0 5px; width: calc((100% - 90px) / 9); position: relative; }
.menu > li > a { display: block; width: 100%; height: 35px; font-size: 15px; color: #292929; border: 1px solid #FFFFFF; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.menu > li.on > a { color: #FF3224; border-color: #FF3224; }

/* top-swiper */
.top-ban { width: 100%; }
.top-ban .swiper-slide { width: 100%; display: flex; justify-content: center; overflow: hidden; }
.top-next:after, .top-prev:after { font-size: 18px; color: #FFFFFF; }
.top-page .swiper-pagination-bullet-active { background: #FFFFFF; }

/***************************************************************************************************************/

/* footer */
footer { width: 100%; position: relative; }
#top-a { display: block; width: 99px; height: 99px; background: url(../images/top.png) no-repeat center; position: absolute; left: 50%; top: -50px; transform: translateX(-50%); z-index: 9999; }

/* foot-1 */
.foot-1 { padding: 60px 0 40px; width: 100%; background: #022E53; }
.foot-1 .w1200 { display: flex; justify-content: space-between; }
.foot-logo { width: 200px; height: 180px; display: flex; align-items: center; justify-content: center; }
.foot-copy { margin: 0 30px; width: 700px; }
.foot-copy .box-con { line-height: 30px; font-size: 14px; color: #FFFFFF; }
.foot-copy .box-con a { color: #FF3224; }
.foot-code { width: auto; }
.foot-code > img { width: 140px; height: 140px; }
.foot-code > p { line-height: 30px; text-align: center; font-size: 12px; color: #C2E0F8; }

/* foot-2 */
.foot-2 { width: 100%; background: #001E37; }
.foot-2 ul { width: 100%; height: 45px; display: flex; justify-content: center; }
.foot-2 ul > li { float: left; }
.foot-2 ul > li:after { content: "|"; margin: 0 15px; font-size: 14px; color: #FFFFFF; }
.foot-2 ul > li:last-child:after { display: none; }
.foot-2 ul > li > a { display: inline-block; line-height: 45px; font-size: 14px; color: #FFFFFF; font-weight: bold; }
.foot-2 ul > li > a:hover { color: #FFFF00; }

/***************************************************************************************************************/

/* section */
section { width: 100%; }

.in-title { margin-bottom: 40px; width: 100%; text-align: center; }
.in-title > h1 { margin-bottom: 15px; padding-bottom: 20px; font-size: 28px; color: #1C1C1C; font-weight: bold; background: url(../images/in-title.png) no-repeat center bottom; }
.in-title > p { font-size: 14px; color: #929292; text-transform: uppercase; }

/* in-fc */
.in-fc { padding: 50px 0; width: 100%; background: #F3F3F3; }
.fc-slide { width: 100%; position: relative; }
.fc-slide .bd { margin: 0 auto; width: 1100px; position: relative; }
.fc-slide .bd ul li { float: left; margin: 0 10px; width: 255px; background: #003760; }
.fc-slide .bd ul li .fc-img { padding: 3px; width: 100%; height: 190px; }
.fc-slide .bd ul li .fc-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.fc-slide .bd ul li .fc-img > a > img { width: 100%; height: 100%; object-fit: contain; }
.fc-slide .bd ul li .fc-info { padding: 0 15px; width: 100%; }
.fc-slide .bd ul li .fc-info > a { display: block; line-height: 40px; text-align: center; font-size: 16px; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.fc-slide .hd { width: 100%; height: 40px; display: flex; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); }
.fc-slide .hd a { width: 40px; height: 40px; font-size: 20px; color: #FFFFFF; background: #C2C2C2; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }

/* in-cp */
.in-cp { padding: 50px 0; width: 100%; }
.left { width: 250px; }
.left_1 { width: 100%; height: 100px; text-align: center; background: #001636; display: flex; flex-direction: column; justify-content: center; }
.left_1 strong { font-size: 28px; color: #FFFFFF; }
.left_1 span { line-height: 30px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; font-family: Arial; }
.left_2 { padding: 10px; width: 100%; border: 4px solid #D8D8D8; border-top: none; }
.left_2 > li { margin: 0px auto; padding: 5px 0; width: 210px; }
.left_2 > li > a { display: block; padding: 0 35px; width: 100%; line-height: 45px; font-size: 16px; color: #FFFFFF; background: url(../images/left.png) no-repeat center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.left_2 > li > dl { width: 100%; }
.left_2 > li > dl > a { display: block; margin: 10px 0; padding: 0 25px; line-height: 35px; font-size: 12px; color: #333333; background: #DBDBDB; }
.left_2 > li > dl > a:hover { color: #FF0000; }

.right { width: 830px; }
.cp-tit { margin-bottom: 20px; padding-left: 30px; width: 100%; height: 51px; background: url(../images/right.jpg) no-repeat center left; }
.cp-tit strong { line-height: 55px; font-size: 20px; color: #00376D; }
.cp-tit span { margin-left: 5px; line-height: 55px; font-size: 14px; color: #ABABAB; text-transform: capitalize; }
.cp-tit a { float: right; margin: 17px 0; width: 53px; height: 15px; background: url(../images/more.jpg) no-repeat center; }
.cp-item { width: 100%; }
.cp-item > li:nth-of-type(3n) { margin-right: 0; }
.cp-item > li { float: left; margin: 0 15px 20px 0; width: calc((100% - 30px) / 3); background: #00376D; transition: all ease 500ms; }
.cp-item > li > .cp-img { padding: 9px; width: 100%; height: 267px; }
.cp-item > li > .cp-img > a { width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.cp-item > li > .cp-img > a > img { width: 100%; height: 100%; object-fit: contain; transition: all ease 500ms; }
.cp-item > li > .cp-info { padding: 0 15px; width: 100%; }
.cp-item > li > .cp-info > .a1 { display: block; line-height: 30px; text-align: center; font-size: 16px; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cp-item > li > .cp-info > .a2 { margin: 5px auto 15px; width: 125px; height: 35px; font-size: 16px; color: #363636; background: #FFFFFF; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.cp-item > li:hover { background: #FA3429; }
.cp-item > li:hover img { transform: scale(1.05); opacity: 0.8; }

/* in-ys */
.in-ys { padding: 50px 0; width: 100%; background: #F3F3F3; }
.ys-title { margin-bottom: 40px; width: 100%; }
.ys-title > div { margin-bottom: 15px; padding-bottom: 20px; background: url(../images/in-title.png) no-repeat center bottom; display: flex; align-items: center; justify-content: center; }
.ys-title > div > h1 { display: flex; flex-direction: column; }
.ys-title > div > h1 span { width: 220px; line-height: 30px; text-align: center; letter-spacing: 7px; font-size: 18px; color: #FFFFFF; background: #00376D; }
.ys-title > div > h1 em { width: 220px; line-height: 30px; text-align: center; letter-spacing: 1px; font-size: 16px; color: #333333; }
.ys-title > div > h2 { margin-top: -15px; font-size: 60px; font-weight: bold; color: #00376D; }
.ys-title > p { text-align: center; font-size: 14px; color: #929292; text-transform: uppercase; }
.ys-item { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ys-item li { margin-bottom: 40px; width: 520px; display: flex; justify-content: space-between; }
.ys-item li > img { width: 103px; height: 103px; }
.ys-item li > .info { width: 400px; }
.ys-item li > .info > h1 { line-height: 35px; font-size: 22px; font-weight: bold; color: #00376D; }
.ys-item li > .info > p { margin-top: 10px; padding-left: 20px; line-height: 25px; text-align: justify; font-size: 14px; color: #222222; background: url(../images/ys-li.jpg) no-repeat left top 7px; }

/* in-pz */
.in-pz { padding: 50px 0; width: 100%; }
.pz-title { margin-bottom: 40px; width: 100%; text-align: center; }
.pz-title > h1 { font-size: 30px; color: #FA3429; font-weight: bold; }
.pz-title > h1 span { color: #1F1F1F; }
.pz-title > p { line-height: 40px; font-size: 18px; color: #6D6D6D; background: url(../images/pz-title.jpg) no-repeat center; }
.pz-item { width: 100%; display: flex; justify-content: space-between; }
.pz-item li { padding: 220px 35px 0; width: 345px; height: 445px; background: url(../images/pz-item.jpg) no-repeat center; transition: all ease 300ms; }
.pz-item li > h1 { line-height: 35px; text-align: center; font-size: 22px; color: #FFFFFF; font-weight: bold; }
.pz-item li > p { padding-top: 35px; line-height: 25px; text-align: justify; font-size: 14px; color: #FFFFFF; }
.pz-item li:hover { background-image: url(../images/pz-item-h.jpg); }

/* in-gy */
.in-gy { padding: 50px 0; width: 100%; background: url(../images/in-gy.png) no-repeat center; }
.gy-info { width: 550px; }
.gy-info .title > h1 { display: inline-block; margin-bottom: 20px; padding-bottom: 20px; font-size: 28px; color: #FFFFFF; font-weight: bold; border-bottom: 3px solid #FFFFFF; }
.gy-info .content { height: 240px; line-height: 30px; text-align: justify; font-size: 14px; color: #FFFFFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; }
.gy-info a.more { display: block; margin-top: 30px; width: 130px; line-height: 35px; text-align: center; font-size: 16px; color: #FFFFFF; background: #FA3429; border-radius: 20px; }
.gy-zz { padding-top: 15px; width: 100%; }
.gy-zz > li:first-child { margin: 0; }
.gy-zz > li { float: left; margin-left: 10px; width: calc((100% - 20px) / 3); }
.gy-zz > li .zz-img { padding: 3px; width: 100%; height: 130px; background: #FFFFFF; }
.gy-zz > li .zz-img > a { width: 100%; height: 100%; display: flex; align-items: center; }
.gy-zz > li .zz-img > a > img { width: 100%; height: 100%; object-fit: contain; }

/* in-ck */
.in-ck { padding: 50px 0; width: 100%; background: #F3F3F3; }
.ck-slide { width: 100%; position: relative; }
.ck-slide .bd { margin: 0 auto; width: 1100px; position: relative; }
.ck-slide .bd ul li { float: left; margin: 0 10px; width: 255px; background: #003760; }
.ck-slide .bd ul li .ck-img { padding: 3px; width: 100%; height: 190px; }
.ck-slide .bd ul li .ck-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.ck-slide .bd ul li .ck-img > a > img { width: 100%; height: 100%; object-fit: contain; }
.ck-slide .bd ul li .ck-info { padding: 0 15px; width: 100%; }
.ck-slide .bd ul li .ck-info > a { display: block; line-height: 40px; text-align: center; font-size: 16px; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ck-slide .hd { width: 100%; height: 40px; display: flex; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); }
.ck-slide .hd a { width: 40px; height: 40px; font-size: 20px; color: #FFFFFF; background: #C2C2C2; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }

/* in-xw */
.in-xw { padding: 50px 0; width: 100%; }
.xw-slide { width: 100%; }
.xw-slide .hd ul { padding-bottom: 30px; width: 100%; display: flex; justify-content: center; }
.xw-slide .hd ul > li { margin: 0 20px; width: 180px; }
.xw-slide .hd ul > li > a { display: block; width: 100%; line-height: 40px; text-align: center; font-size: 18px; color: #464646; border: 3px solid #DADADA; border-radius: 25px; }
.xw-slide .hd ul > li.on > a { color: #FFFFFF; background: #FA3429; border-color: #FA3429; }
.xw-slide .bd ul { width: 100%; }
.xw-slide .bd ul > li { padding: 15px; width: 100%; display: flex; align-items: center; justify-content: space-between; transition: all ease 300ms; }
.xw-slide .bd ul > li > .xw-img { width: 260px; height: 160px; background: #FFFFFF; }
.xw-slide .bd ul > li > .xw-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.xw-slide .bd ul > li > .xw-img > a > img { width: 100%; height: 100%; object-fit: contain; }
.xw-slide .bd ul > li > .xw-info { width: 650px; }
.xw-slide .bd ul > li > .xw-info > h1 { line-height: 30px; font-size: 18px; color: #464646; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all ease 300ms; }
.xw-slide .bd ul > li > .xw-info > p { margin: 5px 0; height: 48px; line-height: 24px; font-size: 14px; color: #464646; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all ease 300ms; }
.xw-slide .bd ul > li > .xw-info > a { display: block; width: 120px; line-height: 35px; text-align: center; font-size: 14px; color: #333333; background: #E8E6E7; transition: all ease 300ms; }
.xw-slide .bd ul > li > .xw-date { width: 120px; text-align: center; }
.xw-slide .bd ul > li > .xw-date > span { display: block; font-size: 36px; color: #464646; transition: all ease 300ms; }
.xw-slide .bd ul > li > .xw-date > em { display: block; font-size: 14px; color: #464646; transition: all ease 300ms; }
.xw-slide .bd ul > li:hover { background: #00376D; }
.xw-slide .bd ul > li:hover h1, .xw-slide .bd ul > li:hover p, .xw-slide .bd ul > li:hover span, .xw-slide .bd ul > li:hover em { color: #FFFFFF; }
.xw-slide .bd ul > li:hover > .xw-info a { color: #FFFFFF; background: #FA3429; }

/* in-link */
.in-link { padding: 50px 0 100px; width: 100%; background: #F3F3F3; }
.link-con { padding-top: 20px; line-height: 24px; }
.link-con a { margin-right: 10px; font-size: 12px; color: #727272; }