﻿/* mod-title */
.mod-tit { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; background: url(../images/mod-title.png) no-repeat center; }
.mod-tit .p1 { padding: 0 15px; display: inline-block; font-size: 25px; font-weight: bold; color: #030303; background: #FFFFFF; text-transform: uppercase; }
.mod-tit .p2 { margin-top: 10px; padding: 0 10px; display: inline-block; font-family: raavi; font-size: 20px; color: #EE761A; background: #FFFFFF; text-transform: uppercase; }
.mod-tit .p3 { margin-top: 15px; padding: 0 10px; font-size: 14px; color: #EE761A; background: #FFFFFF; }

/**********************************************************************************************/

/* index-gywm */
#index-gywm { padding: 60px 0 30px; width: 100%; }

.about-img { padding-top: 50px; width: 360px; }
.about-img img { max-width: 100%; }
.about-info { padding-left: 40px; width: 840px; }
.about-info > .p1 { font-family: "Adobe 黑体 Std"; line-height: 50px; font-size: 60px; color: #C6C4C4; text-transform: uppercase; }
.about-info > .p2 { font-family: "Adobe 黑体 Std"; line-height: 50px; font-size: 25px; color: #111111; }
.about-info > .p3 { margin: 10px 0; width: 55px; height: 7px; background: #EE761A; }
.about-info > .content { margin: 10px 0; height: 180px; line-height: 36px; font-size: 21px; color: #333333; text-indent: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.about-info > a { font-family: "Adobe 黑体 Std"; display: block; width: 125px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #FFFFFF; background: #EE761A; text-decoration: none; text-transform: capitalize;}

/**********************************************************************************************/

/* index-ztcp */
#index-ztcp { padding: 30px 0; width: 100%; }

.ztcp-item { padding-top: 80px; width: 100%; }
.ztcp-item ul { width: 100%; }
.ztcp-item ul li:nth-of-type(1) { margin-left: 0; }
.ztcp-item ul li { float: left; margin-left: 80px; width: 176px; }
.ztcp-item ul li .img-box { display: flex; justify-content: center; align-items: center; width: 176px; height: 176px; border-radius: 50%; overflow: hidden; }
.ztcp-item ul li .img-box img { max-width: 100%; max-height: 100%; }
.ztcp-item ul li p { padding-top: 35px; width: 100%; text-align: center; }
.ztcp-item ul li p a { text-decoration: none; font-size: 16px; color: #333333; }

/**********************************************************************************************/

/* index-cpzs */
#index-cpzs { padding: 30px 0; width: 100%; }

.cp-search { margin-top: 60px; width: 100%; height: 35px; }
.cp-key { line-height: 35px; }
.cp-key span { font-size: 15px; font-weight: bold; color: #1B1A1A; }
.cp-key a { font-size: 13px; color: #666666; text-decoration: none; }
.cp-form { padding: 0 15px; width: 300px; height: 35px; box-sizing: border-box; border: 1px solid #9B9B9B; }
.cp-form .form-input { border: none; outline: none; width: 235px; height: 33px; }
.cp-form .from-btn { float: right; width: 30px; height: 33px; font-size: 25px; font-weight: bold; border: none; outline: none; color: #EE761A; background: none; cursor: pointer; }

.cpzs-menu { margin: 40px 0; width: 100%; height: 35px; line-height: 35px; }
.cpzs-menu ul { width: 100%; height: 35px; text-align: center; }
.cpzs-menu ul li { display: inline-block; margin: 0 10px; height: inherit; border-radius: 10px; position: relative; }
.cpzs-menu ul li > a { padding: 0 20px; display: block; height: inherit; font-size: 20px; font-weight: bold; color: #333333; text-decoration: none; transition: all ease-in-out .5s; }
.cpzs-child { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); width: 150px; z-index: 999; background: #ffffff; border: 1px solid #cccccc; visibility: hidden; opacity: 0; transition: all ease .5s; }
.cpzs-child a { display: block; width: 100%; text-align: center; line-height: 30px; font-size: 14px; color: #000000; }
.cpzs-menu ul li > a:hover, .cpzs-child a:hover { color: #FFFFFF; background: #EE761A; }
.cpzs-menu ul li:hover .cpzs-child { top: 35px; visibility: visible; opacity: 1; }

.cpzs-item { width: 100%; height: 177px; position: relative; }
.cpzs-item .items { margin: 0 auto; width: 1100px; height: 177px; }
.cpzs-item .items ul { float: left; width: 100%; }
.cpzs-item .items ul li { float: left; margin-right: 22px; width: 200px; height: 175px; border: 1px solid #C9C9C9; overflow: hidden;}
.cpzs-item .items ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden; }
.cpzs-item .items ul li img { max-width: 100%; max-height: 100%; }
.cpzs-item #cpzs-left { position: absolute; top: 50px; left: 0; width: 24px; height: 66px; line-height: 66px; font-size: 25px; font-weight: bold; color: #FFFFFF; text-align: center; background: #C9C8C8; transition: all ease-in-out .5s; cursor: pointer; }
.cpzs-item #cpzs-right { position: absolute; top: 50px; right: 0; width: 24px; height: 66px; line-height: 66px; font-size: 25px; font-weight: bold; color: #FFFFFF; text-align: center; background: #C9C8C8; transition: all ease-in-out .5s; cursor: pointer; }
.cpzs-item #cpzs-left:hover, .cpzs-item #cpzs-right:hover { background: #EE761A; }

.cpzs-list { padding-top: 40px; width: 100%; }
.cpzs-list ul { float: left; width: 100%; }
.cpzs-list ul li:nth-of-type(4n) { margin-right: 0; }
.cpzs-list ul li { float: left; margin: 0 53px 40px 0; width: 260px; }
.cpzs-list ul li .img-box { display: flex; justify-content: center; align-items: center; width: 100%; height: 225px; box-sizing: border-box; border: 1px solid #C9C9C9; overflow: hidden; }
.cpzs-list ul li .img-box img { max-width: 100%; max-height: 100%; }
.cpzs-list ul li .tit { padding: 0 15px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cpzs-list ul li .more { margin: 0 auto; display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #FFFFFF; background: #EE761A; text-transform: capitalize; }

/**********************************************************************************************/

/* ysfw-main */
#ysfw-main { margin-top: 40px; width: 100%; }

.ysfw-item { margin-top: 60px; width: 100%; }
.ysfw-item .bd ul { float: left; width: 100%; height: 444px; }
.ysfw-item .bd ul li { width: 1200px; height: 444px; border-radius: 10px; overflow: hidden; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }
.ysfw-item .bd ul li.animated { animation-name: fadeInUp; opacity: 1; }
.ysfw-item .bd ul li .img-box { width: 600px; height: inherit; }
.ysfw-item .bd ul li .txt-box { padding: 50px; width: 600px; height: 444px; }
.ysfw-item .bd ul li .txt-box .num { font-family: arial; font-size: 40px; color: #EE761A; }
.ysfw-item .bd ul li .txt-box .num span { font-size: 24px; color: #999999; }
.ysfw-item .bd ul li .txt-box .tit { line-height: 74px; font-size: 26px; color: #EE761A; border-bottom: 1px solid #DCDCDC; text-transform: capitalize; }
.ysfw-item .bd ul li .txt-box .tit span { font-family: arial; font-size: 30px; color: #999999;}
.ysfw-item .bd ul li .txt-box .content { margin-top: 15px; width: 100%; height: 198px; line-height: 33px; font-size: 16px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
.ysfw-item .bd ul li .txt-box .content span { color: #EE761A; }
.ysfw-menu { margin-top: 30px; width: 100%; }
.ysfw-menu { display: flex; justify-content: center; align-items: center; width: 100%; height: 125px; text-align: center; }
.ysfw-menu li { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 2px; width: 200px; height: 125px; background: #EE761A; border-radius: 10px; overflow: hidden; transition: all ease-in-out .5s; cursor: pointer; }
.ysfw-menu li i { font-size: 45px; color: #FFFFFF; }
.ysfw-menu li p { margin-top: 10px; color: #FFFFFF; font-size: 15px; }
.ysfw-menu li.on { background: #efad7b; }

/**********************************************************************************************/

/* xwzx-main */
#xwzx-main { margin-top: 70px; width: 100%; }

.xwzx-item { margin-top: 50px; width: 100%; justify-content: space-between; }
.xwzx-item .xw-tit { width: 100%; height: 30px; line-height: 30px; border-bottom: 2px solid #CCCCCC; }
.xwzx-item .xw-tit p { position: relative; display: inline-block; font-size: 16px; font-weight: bold; color: #EE761A; }
.xwzx-item .xw-tit p:after { position: absolute; left: 0; bottom: -2px; content: ""; width: 100%; height: 3px; background: #EE761A; }
.xwzx-item .xw-tit a { float: right; font-size: 12px; text-transform: uppercase; color: #151414; text-decoration: none; }
.xw-1 { padding: 15px; width: 310px; height: 520px; box-sizing: border-box; border: 1px solid #ccc; }
.xw-1 ul { float: left; width: 100%; }
.xw-1 ul li { float: left; margin: 20px 0 0 0; padding: 0 0 15px 40px; width: 100%; box-sizing: border-box; background: url(../images/xw-1.jpg) no-repeat left top; border-bottom: 1px dashed #D2D1D1; }
.xw-1 ul li a { display: block; width: 100%; height: 22px; line-height: 22px; font-size: 14px; color: #EE761A; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xw-1 ul li p { margin-top: 10px; width: 100%; height: 44px; line-height: 22px; font-size: 14px; color: #313132; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.xw-2 { padding: 15px; width: 555px; height: 520px; box-sizing: border-box; border: 1px solid #ccc; }
.xw-2 ul { float: left; width: 100%; }
.xw-2 ul li { float: left; margin: 20px 0 0 0; padding: 0 0 20px 0; width: 100%; box-sizing: border-box; border-bottom: 1px dashed #D2D1D1; }
.xw-2 ul li .img-box { width: 185px; height: 185px; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.xw-2 ul li .img-box img { max-width: 100%; }
.xw-2 ul li .text-box { width: 315px; height: 185px; }
.xw-2 ul li .text-box a { display: block; line-height: 24px; font-size: 16px; color: #EE761A; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-decoration: none; }
.xw-2 ul li .text-box p { margin-top: 25px; height: 96px; line-height: 24px; font-size: 14px; color: #313132; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.xw-3 { padding: 15px; width: 300px; height: 520px; box-sizing: border-box; border: 1px solid #ccc; }
.xw-3 ul { float: left; width: 100%; }
.xw-3 ul li { float: left; margin: 15px 0 0 0; padding: 0 0 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px dashed #D2D1D1; }
.xw-3 ul li .img-box { width: 80px; height: 80px; }
.xw-3 ul li > a { display: block; float: right; width: 170px; line-height: 24px; font-size: 16px; color: #EE761A; text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.xw-3 ul li p { float: left; margin-top: 10px; width: 100%; height: 36px; line-height: 18px; color: #171717; text-indent: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/**********************************************************************************************/

/* cpyy-main */
#cpyy-main { margin-top: 70px; width: 100%; }

.cpyy-item { margin-top: 50px; width: 100%; }
.cpyy-item ul { float: left; width: 100%; }
.cpyy-item ul li:nth-of-type(4n) { margin-right: 0; }
.cpyy-item ul li { float: left; margin: 0 86px 50px 0; width: 235px; }
.cpyy-item ul li a { display: block; }
.cpyy-item ul li .img-box { margin: 0 auto; width: 205px; height: 205px; border-radius: 50%; overflow: hidden }
.cpyy-item ul li .img-box img { width: 205px; height: 205px; }
.cpyy-item ul li .p1 { margin-top: 10px; padding: 0 15px; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #333333; border-bottom: 1px solid #959595; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cpyy-item ul li .p2 { margin-top: 10px; padding: 0 15px; width: 100%; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #ffffff; background: #EE761A; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/**********************************************************************************************/

/* gsxc-main */
#gsxc-main { padding: 50px 0; width: 100%; background: #F4F4F4; }

#gsxc-main .mod-tit, #gsxc-main .mod-tit .p1, #gsxc-main .mod-tit .p2 { background: none; }
.gsxc-item { position: relative; margin-top: 50px; width: 100%; }
.gsxc-item #gsxc-left { position: absolute; top: 50px; left: 0; width: 24px; height: 66px; line-height: 66px; font-size: 25px; font-weight: bold; color: #FFFFFF; text-align: center; background: #C9C8C8; transition: all ease-in-out .5s; cursor: pointer; }
.gsxc-item #gsxc-right { position: absolute; top: 50px; right: 0; width: 24px; height: 66px; line-height: 66px; font-size: 25px; font-weight: bold; color: #FFFFFF; text-align: center; background: #C9C8C8; transition: all ease-in-out .5s; cursor: pointer; }
.gsxc-item #gsxc-left:hover, .cpzs-item #.gsxc-item #gsxc-right:hover { background: #EE761A; }
.gsxc-item .items { margin: 0 auto; width: 1100px; }
.gsxc-item ul { width: 100%; height: 236px; }
.gsxc-item ul li { float: left; margin-right: 21px; width: 259px; }
.gsxc-item ul li .img-box { display: flex; justify-content: center; align-items: center; width: 255px; height: 192px; border: 2px solid #FFFFFF; transition: all ease-in-out .5s; }
.gsxc-item ul li p { padding: 0 20px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.gsxc-item ul li:hover .img-box { border: 2px solid #EE761A; }

/**********************************************************************************************/

/* yqlj-main */
#yqlj-main { padding: 30px 0; width: 100%; }

.yqlj-tit { padding-bottom: 20px; }
.yqlj-item { width: 100%; height: 40px; line-height: 40px; }
.yqlj-item a { margin-right: 25px; font-size: 16px; color: #333333; }
