@charset "utf-8"; * { margin: 0; padding: 0; font-style: normal; list-style: none; font-family: microsoft yahei, helvetica neue, helvetica, arial, tahoma, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fl { float: left; } .fr { float: right; } .clearfix:after { content: ''; display: block; clear: both; } .w1920 { width: 100%; max-width: 1920px; min-width: 1190px; margin: 0 auto; } .w1110 { width: 1110px; margin: 0 auto; } .page_wrap { background: no-repeat center top; } .module_01 { padding-top: 352px; height: 770px; } .module_01 .item_01 { padding-top: 2px; padding-left: 46px; margin: 0 auto; width: 515px; height: 54px; background: no-repeat center center; -webkit-background-size: contain; background-size: contain; } .module_01 .item_01 span { float: left; line-height: 45px; font-size: 27px; color: #fff; transform: skew(-10deg); } .module_01 .item_02 { margin-top: 30px; height: 95px; font-size: 92px; line-height: 96px; font-weight: bold; color: #fff; text-align: center; /*text-shadow: #333 2px 0 0, #333 0 3px 0, #333 -2px 0 0, #333 0 -2px 0;*/ background: no-repeat center; } .module_01 .item_03 { margin-top: 17px; margin-bottom: 19px; height: 113px; font-size: 110px; line-height: 120px; font-weight: bold; color: #fff; text-align: center; /*text-shadow: 3px 3px 0 rgba(18, 34, 109, 0.64);*/ background: no-repeat center; } .module_01 .item_04, .module_01 .item_05 { margin-top: 14px; font-size: 20px; line-height: 20px; color: #ffffff; text-align: center; text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 0px 0; } .module_01 .item_06 { margin: 40px auto 0; padding: 46px 0 0 44px; width: 1104px; height: 223px; background: no-repeat center; -webkit-background-size: contain; background-size: contain; } .module_01 .item_06 p { margin-top: 20px; font-size: 18px; line-height: 20px; color: #fff; } .module_01 .item_06_03 { display: inline-block; padding-bottom: 4px; margin-left: 3em; border-bottom: 1px solid #fff; } .module_01 .item_06 a { margin-left: 55px; margin-top: 17px; display: block; width: 132px; height: 28px; background-color: #ce2e76; border-radius: 14px; color: #fff; font-size: 14px; line-height: 28px; text-align: center; text-decoration: none; } .module_01 .item_06 a:hover { background-color: #ce0e66; } .module_01 .item_06 i { display: inline-block; margin-left: 5px; width: 6px; height: 10px; background: no-repeat center; vertical-align: middle; } .module_02 li { position: relative; float: left; margin-left: 60px; width: 330px; height: 191px; background-color: #fffeff; box-shadow: 0px 0px 8px 0px rgba(19, 83, 232, 0.58); border-radius: 4px; border: solid 1px #79c1fb; } .module_02 li:first-child { margin-left: 0; } .module_02 p { position: relative; padding: 32px 0 12px; font-size: 24px; line-height: 24px; color: #1d369d; text-align: center; } .module_02 p:after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translatex(-50%); width: 67px; height: 4px; background-color: #1a47c8; border-radius: 2px; opacity: 0.5; } .module_02 p.w118:after { width: 118px; } .module_02 img { display: block; margin: 23px auto 0; } .module_02 a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .module_part { text-align: center; font-size: 0; } .module_text { display: inline-block; font-size: 24px; line-height: 24px; color: #1d369d; vertical-align: middle; font-weight: bold; } .module_line { display: inline-block; width: 131px; height: 2px; background-color: #ffac0a; opacity: 0.2; vertical-align: -3px; } .module_04 { margin-top: -83px; } .module_04 .module_text { margin: 0 54px; } .module_04 ul { margin-top: 2px; } .module_04 li { float: left; margin-top: 22px; padding: 20px; width: 540px; height: 215px; background-color: #fffeff; box-shadow: 0px 0px 8px 1px rgba(246, 216, 106, 1); border-radius: 4px; border: solid 1px #ffecb0; } .module_04 li:nth-child(2n) { margin-left: 30px; } .module_04 li .item_01 { display: inline-block; padding-bottom: 11px; font-weight: bold; font-size: 16px; line-height: 18px; color: #1c5491; border-bottom: 2px solid #cc5d34; width: 100%; } .module_04 table { margin-top: -2px; width: 100%; font-size: 14px; table-layout: fixed; border-top: 2px solid #e5e5e5; } .module_04 thead { background-color: #fbf2e7; } .module_04 thead th { color: #888; line-height: 28px; font-weight: normal; } .module_08 { margin-top: 35px; } .module_08 .module_text { margin: 0 54px; } .module_08 ul { margin-top: 2px; } .module_08 li { float: none; margin-top: 22px; padding: 20px; width: 1110px; height: 215px; background-color: #fffeff; box-shadow: 0px 0px 8px 1px rgba(246, 216, 106, 1); border-radius: 4px; border: solid 1px #ffecb0; } .module_08 table { margin-top: -2px; width: 100%; font-size: 14px; table-layout: fixed; border-top: 2px solid #e5e5e5; } .module_08 thead { background-color: #fbf2e7; } .module_08 thead th { color: #888; line-height: 28px; font-weight: normal; } .module_08 tbody td { padding-top: 3px; padding-right: 5px; line-height: 25px; color: #555; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .tcenter { text-align: center; } .pr0 { padding-right: 0 !important; } .w127 { width: 127px; } .w207 { width: 207px; } .w400 { width: 500px; } .module_04 tbody td { padding-top: 3px; padding-right: 5px; line-height: 25px; color: #555; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .module_05 { margin-top: 44px; } .module_07 { margin-top: 44px; } .module_05 .module_text { margin: 0 53px; } .module_07 .module_text { margin: 0 53px; } .module_05 .arrow { position: absolute; top: 50%; transform: translatey(-50%); width: 28px; height: 57px; cursor: pointer; } .module_07 .arrow { position: absolute; top: 50%; transform: translatey(-50%); width: 28px; height: 57px; cursor: pointer; } .module_05 .arrow_left { left: -38px; background: no-repeat center; -webkit-background-size: contain; background-size: contain; } .module_05 .arrow_right { right: -38px; background: no-repeat center; -webkit-background-size: contain; background-size: contain; } .module_07 .arrow_left { left: -38px; background: no-repeat center; -webkit-background-size: contain; background-size: contain; } .module_07 .arrow_right { right: -38px; background: no-repeat center; -webkit-background-size: contain; background-size: contain; } .module_05 .slider_box { position: relative; margin-top: 38px; height: 332px; } .module_07 .slider_box { position: relative; margin-top: 38px; height: 332px; } .module_07 li { position: relative; float: left; margin-right: 40px; width: 250px; } .module_05 li { position: relative; float: left; margin-right: 40px; width: 250px; } .module_05 li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .module_07 li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .module_05 .item_01 { height: 244px; overflow: hidden; } .module_07 .item_01 { height: 244px; overflow: hidden; } .module_05 img { display: block; width: 100%; height: 100%; transition: all 0.5s; } .module_07 img { display: block; width: 100%; height: 100%; transition: all 0.5s; } .module_05 li:hover img { -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .module_07 li:hover img { -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .module_05 .item_02 { padding: 14px 23px 20px 13px; font-size: 18px; text-align: center; } .module_05 .item_02_01 { line-height: 18px; color: #333; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .module_07 .item_02 { padding: 14px 23px 20px 13px; font-size: 18px; text-align: center; } .module_07 .item_02_01 { line-height: 18px; color: #333; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .module_05 .item_02_02 { margin-top: 14px; height: 30px; line-height: 15px; color: #646464; -ms-word-break: break-all; word-break: break-all; overflow: hidden; } .module_07 .item_02_02 { margin-top: 14px; height: 30px; line-height: 15px; color: #646464; -ms-word-break: break-all; word-break: break-all; overflow: hidden; } .module_05 li:hover { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.03); } .module_07 li:hover { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.03); } .module_05 li:hover .item_02 { background-color: #53e4c7; } .module_07 li:hover .item_02 { background-color: #53e4c7; } .module_05 li:hover .item_02 p { color: #fff; } .module_07 li:hover .item_02 p { color: #fff; } .module_06 { margin-top: 54px; } .module_06 .module_text { margin: 0 42px; } .module_06 .bg { margin: 23px auto 37px; padding-top: 36px; width: 1105px; height: 672px; background: no-repeat center; -webkit-background-size: contain; background-size: contain; } .module_06 .map_box { margin: 0 auto; width: 1100px; height: 800px; }