@font-face { font-family: FSEmeric; font-style: normal; font-weight: 400; src: url('../fonts/FSEmericWeb-Regular.eot'); src: url('../fonts/FSEmericWeb-Regular.woff') format('woff'); font-display: swap; } @font-face { font-family: FSEmeric; font-style: normal; font-weight: 600; src: url('../fonts/FSEmericWeb-SemiBold.eot'); src: url('../fonts/FSEmericWeb-SemiBold.woff') format('woff'); font-display: swap; } @font-face { font-family: ArialMT; src: url('../fonts/ArialMT.ttf'); } @font-face { font-family: Arial; src: url('../fonts/Arial.ttf'); } body { font-family: ArialMT, FSEmeric, sans-serif; font-size: 14px; line-height: 1; background: #000; position: relative; /*overflow-x: hidden;*/ scrollbar-width: none; /* firefox */ } body::-webkit-scrollbar { display: none; /* Chrome Safari */ } input, textarea { user-select: text; } * { margin: 0; padding: 0; } p, ul, li { margin: 0; padding: 0; } li { letter-spacing: 0px; } h1, h2, h3, h4 { font-size: 16px; font-weight: normal; margin: 0; padding: 0; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: none; color: inherit; } .list-inline > li { padding: 0; } .mgt70 { margin-top: 70px; } ul { /* letter-spacing: -8px; */ } .container { width: 1920px; /* border: 1px solid; */ /*min-height: 1800px;*/ position: absolute; top: 0px; left: 50%; margin-left: -960px; /* overflow: hidden; */ /*margin: 0 auto;*/ } .width_1364 { width: 1364px; margin: 0 auto; position: relative; } .index-bg { background: url("../images/bg.jpg") no-repeat; background-size: 100% auto; } .header .site-header { height: 126px; background: url("../images/head_bg.png") no-repeat 65px 0px; } .header .site-header .logo { width: 777px; height: 100%; line-height: 126px; } .header .site-header .logo img { vertical-align: middle; } .header .site-header .pull-right { width: 300px; height: 100%; /*line-height: 126px;*/ } .header .site-header .search-form { } .header .site-header .search-form .search-input { width: 300px; height: 40px; /* background-color: #2b2c2f; */ border-radius: 6px; border: 0; background: #2b2c2f url(../images/search.png) no-repeat 270px center; padding-left: 18px; outline: none; color: #fff; margin-top: 43px; } .header .site-menu { height: 66px; background-color: #103169; position: relative; } .header .site-menu ul { height: 100%; /* overflow: hidden; */ letter-spacing: -8px; } .header .site-menu ul li { height: 66px; /* line-height: 62px; */ position: relative; font-family: ArialMT, FSEmeric, sans-serif; letter-spacing: 1px; color: #ffffff; margin: 0; /* letter-spacing: normal; */ } .header .site-menu ul li a { margin-top: 4px; display: inline-block; font-size: 18px; height: 62px; padding: 0 37px; line-height: 62px; } .header .site-menu ul li:hover, .header .site-menu ul li.active { background-color: #ffc514; } .header .site-menu ul li:hover a, .header .site-menu ul li.active a { background: #071d42; } .header .site-menu .tocn { display: inline-block; height: 66px; line-height: 66px; color: #ffffff; position: absolute; right: 0; top: 0; } .header .site-menu ul li:hover ul.child-nav { display: block; width: max-content; min-width: 100%; /* overflow: hidden; */ height: auto; } .header .site-menu ul li ul.child-nav, .header .site-menu ul li ul.thrid-nav { display: none; position: absolute; top: 66px; left: 0; z-index: 9; } .header .site-menu ul li ul.thrid-nav { display: none; left: 100%; top: 0; /* left: unset; */ width: max-content; min-width: 100%; } .header .site-menu ul li ul.child-nav li:hover ul.thrid-nav { display: block; } .header .site-menu ul li ul.child-nav li, .header .site-menu ul li ul.thrid-nav li { background-color: #071d42; height: 52px; font-size: 16px; /* min-width: 200px; */ width: 100%; position: relative; } .header .site-menu ul li ul.child-nav li a, .header .site-menu ul li ul.thrid-nav li a { margin-top: 0; height: 52px; line-height: 52px; font-size: 16px; font-weight: normal; white-space: nowrap; } .header .site-menu ul.child-nav > li:hover > a, .header .site-menu ul.thrid-nav > li:hover > a { background-color: #0f264c; width: 100%; } .banner { width: 100%; height: 700px; } .banner .swiper-banner-container img { height: 700px; max-width: 100%; } .swiper-pagination-bullet { width: 12px; height: 12px; border: solid 2px #ffffff; position: relative; background: none; border-radius: 50%; } .swiper-pagination-bullet:after { content: ""; position: absolute; } .swiper-pagination-bullet-active { border: 0; background: #fff; } .swiper-banner-container .swiper-banner-pagination { display: inline-block; width: auto !important; left: 50%; bottom: 45px; margin-left: -687px; } .latest-news-box { margin-top: 70px; padding-left: 57px; padding-top: 70px; padding-bottom: 70px; width: 1642px; /* height: 1055px; */ /* border: 1px solid red; */ background: #103169 url("../images/index-news-bg.png") no-repeat; position: relative; top: 0; z-index: 99; overflow: hidden; } h3.index-title { font-size: 45px; letter-spacing: 1px; color: #fefefe; display: inline-block; padding-top: 18px; border-top: 5px solid #ffc514; font-family: Arial, FSEmeric, sans-serif; } .latest-news-list { margin-top: 65px; overflow: hidden; } .latest-news-list .latest-news-swiper { padding: 40px; background: #FFF; height: 793px; } .latest-news-list .swiper-news-container { width: 648px; /* height: 623px; */ background-color: #ffffff; /* box-shadow: 0px 8px 27px 5px rgba(27, 27, 40, 0.07); */ } .swiper-news-container .swiper-slide h3 { margin-top: 30px; font-weight: bold; font-size: 34px; font-family: Arial, FSEmeric, sans-serif; } .swiper-news-container .swiper-slide h3 a { font-size: 34px; font-weight: bold; font-stretch: normal; line-height: 46px; letter-spacing: -1px; color: #333333; margin-top: 30px; } .swiper-news-container .swiper-slide p { font-size: 18px; line-height: 14px; letter-spacing: 1px; color: #aaabac; margin-top: 46px; } .swiper-news-pagination { top: 395px !important; right: 0; bottom: unset !important; text-align: right; padding-right: 20px; } .latest-news-right { width: 537px; height: 793px; background-color: #ffffff; margin-left: 42px; padding: 45px; padding-bottom: 0; overflow: hidden; } .latest-news-right .latest-news-info { overflow: hidden; border-bottom: 1px solid #dadbdc; } .latest-news-right .latest-news-info:last-child { border: 0; } .latest-news-right .latest-news-info:last-child p.date { margin-top: 45px; } .latest-news-right .latest-news-info p { font-size: 16px; line-height: 26px; color: #aaabac; margin-top: 36px; text-align: justify; font-family: ArialMT, FSEmeric, sans-serif; } .latest-news-right .latest-news-info p.date { font-size: 18px; line-height: 25px; letter-spacing: 1px; color: #aaabac; margin: 0; } .latest-news-right .latest-news-info h3 { font-size: 26px; line-height: 30px; color: #333333; margin-top: 45px; font-weight: bolder; font-family: Arial, FSEmeric, sans-serif; } .latest-news-right .latest-news-info a.more, .news_left_btn a.more { font-size: 16px; line-height: 16px; letter-spacing: 1px; color: #ffc514; margin-top: 40px; margin-bottom: 50px; } .news_left_btn a.more span, .latest-news-right .latest-news-info a.more span { vertical-align: middle; } .news_left_btn a.more { } .news_left_btn { overflow: hidden; margin-bottom: 27.7px; } .news_left_btn .swiper-news-button-next, .news_left_btn .swiper-news-button-prev { width: 40px; height: 40px; /* background-color: #12449a; */ margin-right: 13px; cursor: pointer; margin-top: 40px; } .news_left_btn a.more { margin-top: 52px !important; margin-bottom: 0; } .portfolio-box { /* margin-top: 70px; */ background: #0b1433 url("../images/port_bg.png") no-repeat; overflow: hidden; padding: 70px 57px; padding-right: 0; padding-bottom: 50px; /* position: relative; */ /* z-index: 100; */ /* top: -70px; */ width: 1642px; } .portfolio-list { width: 1058px; margin-right: 32px; /* margin-bottom: 30px; */ margin-top: 65px; text-align: left; } .portfolio-list li { width: 317px; /* height: 222px; */ /* background-color: #b8bcc4; */ background: #103169; line-height: 25px; letter-spacing: 1px; color: #3370d7; font-size: 14px; margin-right: 32px; margin-bottom: 30px; float: left; } .portfolio-list li > a:first-child > img { height: 222px; } .portfolio-list li .info { padding: 35px 30px; height: 208px; position: relative; } .portfolio-list li h2 { font-size: 20px; line-height: 25px; color: #ffffff; font-weight: bolder; /* font-family:ArialMT, FSEmeric, sans-serif; */ font-family: ArialMT, FSEmeric, sans-serif; } .portfolio-list li p { line-height: 25px; letter-spacing: 1px; color: #3370d7; font-size: 14px; margin-top: 55px; position: absolute; left: 30px; bottom: 66px; } .portfolio-list li a.more { color: #ffc514; position: absolute; right: 30px; bottom: 31px; } .videos-list { width: 100%; /* clear: both; */ overflow: hidden; margin-left: 0; } .videos-list li > a:first-child > img { height: 250px; width: 100%; /* border: 1px solid #ccc; */ } .videos-list li .info { padding: 00px 20px; height: 80px; position: relative; display: flex; align-items: center; } .videos-list li { position: relative; float: left; display: inline-block; } .videos-list li .videos-player { position: absolute; width: 103px; height: 103px; top: 73.5px; left: 107px; /* display: none; */ } .videos-list li p { bottom: 31px; } .videos-list li:nth-child(4n) { margin-right: 0; } .missions-box { padding: 70px 57px; margin-top: 50px; height: 1084px; background: #0b1433 url("../images/mission_bg.png") no-repeat; height: 730px; background: #0b1433 url(../images/mission_bg.png) no-repeat; background-position-y: -80px; } .index-img-link { } .index-img-link li { margin-right: 50px; } .index-img-link li:last-child { margin-right: 0; } .index-img-link li a { } .index-img-link li a img { width: 420px; height: 112px; } .organization-box { /* padding-bottom: 40px; */ } .organization-box .swiper-organ-container { margin-top: 55px; padding-bottom: 70px; } .organization-box .swiper-organ-container ul li { width: 248px; height: 88px; margin-right: 31px; margin-bottom: 31px; float: left; background: #fff; line-height: 88px; } .organization-box .swiper-organ-container ul li:nth-child(5n) { margin-right: 0; } .organization-box .swiper-organ-container ul li img { max-width: 100%; } .swiper-organ-pagination { bottom: 40px !important; } .swiper-missions-container { margin-top: 65px; } .missions-box { } .swiper-missions-container .swiper-slide .top { border-bottom: dashed 1px #12449a; font-size: 24px; /* font-weight: normal; */ font-stretch: normal; line-height: 25px; letter-spacing: 1px; color: #ffffff; font-weight: bolder; /* text-align: center; */ position: relative; padding-bottom: 30px; padding-left: 40px; } .swiper-missions-container .swiper-slide-active .top { } .swiper-missions-container .swiper-slide { margin-bottom: 20px; width: 260px; } .swiper-missions-container .swiper-slide .top:after { display: inline-block; content: ""; /* width: 12px; */ /* height: 12px; */ background-color: #12449a; border-radius: 50%; width: 22px; height: 22px; /* background-color: #103169; */ /* opacity: 0.62; */ border: 5px solid #103169; position: absolute; bottom: -11px; z-index: 9; left: 60px; } .swiper-missions-container .swiper-slide-active .top:after { background-color: #ffc514; border: 5px solid #413c2e; } .swiper-missions-container .swiper-slide ul { margin-top: 30px; padding-left: 45px; } .swiper-missions-container .swiper-slide ul li { list-style: none; font-size: 14px; line-height: 28px; color: #ffffff; letter-spacing: 1px; /* width: 100%; */ position: relative; padding-left: 10px; } .swiper-missions-container .swiper-slide ul li:before { content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 10.5px; left: 0px; background: #ffc514; } .swiper-missions-button-prev { position: absolute; left: 0; top: 38.5px; z-index: 99; cursor: pointer; transform: rotate(180deg); } .swiper-missions-button-next { position: absolute; right: 0; top: 38.5px; z-index: 99; cursor: pointer; } .footer { height: 100px; background-color: #050c20; line-height: 100px; } .footer .copyright { font-family: ArialMT, FSEmeric, sans-serif; font-size: 14px; line-height: 19px; color: #5e70a6; line-height: 100px; } .footer .footer-menu { overflow: hidden; } .footer .footer-menu li { margin-right: 58px; letter-spacing: 0; } .footer .footer-menu li a { font-family: ArialMT, FSEmeric, sans-serif; font-size: 14px; line-height: 25px; color: #5e70a6; } .footer-share { margin-left: 227px; } .footer-share li { margin-right: 20px } .footer-share li a { } .footer-share li a img { width: 34px; height: 34px; } .box-body { overflow: hidden; background: #fff; /*display: -webkit-box;*/ min-height: 1000px; } .box-body .left { width: 365px; float: left; } .box-body .right { width: 997px; float: left; } .second_nav { padding-top: 20px; padding-bottom: 27px; background-color: #f6f6f6; } .second_nav > li {/* padding-left: 45px; *//* height: 54px; *//* background-color: #2378d2; */} .second_nav > li.hasborder{border-bottom: 1px solid #fff;} .second_nav > li > a {position: relative;height: 54px;background-color: #2378d2;padding-left: 45px;display: block;line-height: 54px;color: #fff;font-family: ArialMT;font-size: 18px;} .second_nav > li > a::after{ position: absolute; left: 25px; top: 19.5px; content: " "; width: 0; height: 0; border-top: 6.5px solid transparent; border-left: 13px solid #ffc514; border-bottom: 6.5px solid transparent; } .second_nav2 {} .second_nav2 > li{ /* height: 54px; */ /* line-height: 54px; */ /* padding-left: 60px; */ /* padding: 0 25px; */ } .second_nav2 > li.active{ /* height: 54px; */ background-color: #dfe9fa; } .second_nav2 > li > a{ display: block; padding-left: 60px; position: relative; border-bottom: 1px solid #fff; line-height: 1.5; padding: 15px 0; padding-left: 60px; } .second_nav2 > li.active > a{position: relative;/* line-height: 1.5; *//* padding: 15px 0; */} .second_nav2 > li > a::after{ position: absolute; left: 45px; top: 22px; content: " "; width: 0; height: 0; width: 6px; height: 6px; background-color: #2378d2; border-radius: 50%; } .second_nav3{ background-color: #ccd8ed; } .second_nav3 > li { padding-left: 60px; overflow: hidden; } .second_nav3 > li > a{ line-height: 1.5; padding: 10px 0; display: block; font-size: 14px; } /*.second_nav {*/ /* padding-top: 20px;*/ /* padding-bottom: 27px;*/ /* background-color: #f6f6f6;*/ /* !* background-color: #2378d2; *!*/ /*}*/ /*.second_nav li {*/ /* font-family: ArialMT;*/ /* font-size: 16px;*/ /* font-weight: normal;*/ /* font-stretch: normal;*/ /* !* line-height: 52px; *!*/ /* !* height: 54px; *!*/ /* letter-spacing: 0px;*/ /* color: #333333;*/ /* !* padding-left: 44px; *!*/ /* position: relative;*/ /* !* border-bottom: 1px solid #fff; *!*/ /* padding: 15px 25px;*/ /* line-height: 1.4;*/ /*}*/ /*.second_nav li.active, .second_nav li:last-child {*/ /* border-bottom: 0;*/ /*}*/ /*.second_nav li.active.noborder a {*/ /* border: 0;*/ /*}*/ /*.second_nav li a {*/ /* color: #fff;*/ /* !* border-bottom: 1px solid #fff; *!*/ /* display: inline-block;*/ /* width: 100%;*/ /* !* padding: 0 25px; *!*/ /* padding-left: 20px;*/ /* line-height: 1.4;*/ /*}*/ /*.second_nav li.active {*/ /* color: #2378d2;*/ /* font-size: 18px;*/ /* !* height: 54px; *!*/ /* background-color: #e5e5e5;*/ /* font-weight: bold;*/ /* background-color: #2378d2;*/ /* background-color: #2378d2;*/ /* color: #fff;*/ /*}*/ /*.second_nav > li > a{*/ /* background-color: #2378d2;*/ /*}*/ /*.second_nav > li > a:before {*/ /* position: absolute;*/ /* left: 25px;*/ /* top: 19.5px;*/ /* content: " ";*/ /* width: 0;*/ /* height: 0;*/ /* border-top: 6.5px solid transparent;*/ /* border-left: 13px solid #ffc514;*/ /* border-bottom: 6.5px solid transparent;*/ /*}*/ /*.second_nav li.pl20.parent_active {*/ /* background-color: #e5e5e5;*/ /*}*/ /*.second_nav li.pl20 {*/ /* !* padding-left: 54px; *!*/ /* font-size: 14px;*/ /* position: relative;*/ /* border: 0;*/ /* padding-right: 10px;*/ /*}*/ /*.second_nav li.pl20 a {*/ /* border: 0;*/ /*}*/ /*.second_nav li.pl20.active {*/ /* background-color: #dfe9fa;*/ /* color: #333;*/ /* font-weight: normal;*/ /*}*/ /*.second_nav li.pl20.active a {*/ /* color: inherit;*/ /*}*/ /*.second_nav li.pl20:before {*/ /* left: 35px;*/ /*}*/ /*.second_nav li.sanjiao.active:before {border-top: 6.5px solid transparent;border-left: 13px solid #ffc514;border-bottom: 6.5px solid transparent;!* transform: rotate(90deg); *!}*/ /*.second_nav_2 {*/ /* background-color: #e5effa;*/ /* padding-top: 50px;*/ /* height: 100%;*/ /*}*/ /*.second_nav_2 li {*/ /* font-family: ArialMT;*/ /* font-size: 16px;*/ /* font-weight: normal;*/ /* font-stretch: normal;*/ /* line-height: 20px;*/ /* letter-spacing: 0px;*/ /* position: relative;*/ /* padding-left: 40px;*/ /* padding-right: 20px;*/ /* color: #7a92ac;*/ /* margin-bottom: 20px;*/ /*}*/ /*.second_nav_2 li::before {*/ /* position: absolute;*/ /* left: 25px;*/ /* top: 9.5px;*/ /* content: " ";*/ /* width: 6px;*/ /* height: 6px;*/ /* background-color: #7a92ac;*/ /* border-radius: 50%;*/ /*}*/ /*.second_nav_2 li a {*/ /*}*/ /*.second_nav_2 li.active::before {*/ /* background-color: #2378d2;*/ /*}*/ /*.second_nav_2 li.active {*/ /* color: #2378d2;*/ /* font-weight: bold;*/ /*}*/ /*.second_nav li.pl20:hover, .second_nav3 li:hover {*/ /* background-color: #cecece !important;*/ /*}*/ /*.second_nav li.pl20:hover .second_nav3 {*/ /* display: block;*/ /*}*/ /*.second_nav3 {*/ /* display: none;*/ /* position: absolute;*/ /* left: 365px;*/ /* top: 0;*/ /* width: auto;*/ /* background-color: #e5e5e5;*/ /* z-index: 10;*/ /*}*/ /*.second_nav3 li {*/ /* font-size: 14px;*/ /* word-break: break-all;*/ /* white-space: nowrap;*/ /* padding: 0 20px;*/ /*}*/ /*.second_nav3 li a {*/ /* padding-left: 0;*/ /*}*/ /*.second_nav_2 li.active a {*/ /* font-weight: bold;*/ /* color: #2378d2;*/ /*}*/ .right_content { padding: 55px 65px; } .news_box_list { padding: 55px 65px; width: 100%; } .channel_title { font-family: Arial; font-size: 32px; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #333333; font-weight: bold; position: relative; padding-left: 30px; } .channel_title::after { width: 8px; height: 32px; background-color: #ffc514; position: absolute; content: " "; left: 0; top: 2px; } .notetext { padding-top: 55px; } .notetext p { /* margin-bottom: 25px; */ } .notetext p, .notetext { font-family: ArialMT; font-size: 16px; font-weight: normal; letter-spacing: 0px; color: #333333; line-height: 180%; text-align: justify; } /*!*文章分页样式*!*/ /*#fenye{clear:both; margin:10px 20px 0 0;}*/ /*#fenye li {padding: 0px !important;width:22px;text-decoration:none; display:inline;border-radius: 3px;line-height:25px;}*/ /*#fenye .prev,#fenye .next{width:52px; text-align:center; line-height:25px;}*/ /*#fenye a.curr,#fenye li.disabled{width:22px;background:#0C9AD8; border:1px solid #0C9AD8; color:#fff; font-weight:bold; text-align:center;}*/ /*#fenye a.curr:visited,#fenye li.disabled:visited {color:#fff;}*/ /*#fenye li {color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd !important; float:left; text-align:center;height:27px;line-height:27px}*/ /*#fenye li a{color:#333333;background:#fff;}*/ /*#fenye a.num{width:22px;}*/ /*#fenye a:visited{color:#1f3a87;}*/ /*#fenye a:hover{!* float:left; *!}*/ /*#fenye span{line-height:30px; font-size:13px; height:30px; border: 0 !important; margin: 0 !important; }*/ /*#fenye li.disabled>span{color: #fff !important;}*/ /*#fenye a.curr, #fenye li.disabled:hover {background-color: #0C9AD8 !important}*/ /*#fenye ul{*/ /* overflow: hidden;*/ /*}*/ /*#fenye li{*/ /* float: left;*/ /*}*/ /*#fenye ._link { width: 52px; }*/ .pagination-box .pagination { float: right; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #12449a; border-color: #12449a; } .pagination > li > a, .pagination > li > span { width: 34px; /* height: 34px; */ background-color: #ffffff; border: solid 1px #cccccc; padding: 0; text-align: center; line-height: 34px; margin-left: 11px; display: inline-block; color: #666666; /* white-space: nowrap; */ } .channel_news_list { margin-top: 40px; } .channel_news_list li { border-bottom: dashed 1px #dcdcdc; padding: 26px 0; } .channel_news_list li:hover { background-color: #f6f6f6; } .channel_news_list li h2 { font-family: ArialMT; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 22px; letter-spacing: 0px; color: #2378d2; padding-left: 18px; position: relative; } .channel_news_list li h2:after { content: " "; position: absolute; top: 8px; left: 2px; width: 6px; height: 6px; background-color: #2378d2; border-radius: 50%; } .channel_news_list li p { font-family: ArialMT; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 22px; letter-spacing: 0px; color: #878787; margin-top: 10px; text-align: justify; /* word-break: break-all; */ } .news_detail { margin-top: 35px; } .news_detail .news_data_info { border-bottom: 1px solid #e6e6e6; padding-bottom: 25px; } .news_detail .news_data_info h2 { font-family: Arial-BoldMT; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 34px; letter-spacing: 0px; color: #2378d2; font-weight: bold; } .news_detail .news_data_info p { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 1px; color: #aaabac; margin-top: 16px; } .news_detail .news_content { padding-top: 30px; font-family: ArialMT !important; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; text-align: justify; } .news_detail .news_content p { font-family: ArialMT !important; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; text-align: justify; } .cast_info_box { margin-top: 65px; overflow: hidden; } .cast_info_box .cast_info_list { margin-top: 65px; /* clear: both; */ float: left; } .cast_info_box .cast_info_list li { width: 602px; padding: 40px; /* height: 251px; */ background-color: #ffffff; border: solid 1px #dcdcdc; float: left; margin-right: 30px; margin-bottom: 30px; } .cast_info_box .cast_info_list li:nth-child(2N) { margin-right: 0; } .cast_info_box .cast_info_list li:hover { background-color: #faf3dd; box-shadow: 3px 5px 8px 1px rgba(117, 91, 9, 0.13); } .cast_info_box .cast_info_list li:hover h2 { color: #333; } .cast_info_box .cast_info_list li h2 { font-size: 20px; font-stretch: normal; line-height: 15px; letter-spacing: 0px; color: #2a6ad9; padding-bottom: 12px; font-weight: bold; border-bottom: 1px dashed #dcdcdc; margin-bottom: 20px; } .cast_info_box .cast_info_list li p { font-family: ArialMT; font-size: 16px; font-weight: normal; letter-spacing: 0px; color: #333333; line-height: 36px; } .map_info_box { margin-top: 65px; } .notetext hr { margin-top: 5px; margin-bottom: 10px; } .index-cast-box { height: 120px; background-color: #103169; position: relative; z-index: 100; top: -70px; font-family: ArialMT; font-size: 24px; color: #ffffff; line-height: 120px; text-align: center; } .index-cast-box span { font-size: 30px; font-weight: normal; letter-spacing: 0px; color: #ffc514; font-weight: 600; } #MyForm { } #MyForm div > input { width: 411px; height: 61px; background-color: #ffffff; border-radius: 4px; border: solid 1px #dcdcdc; padding: 0 20px; margin-right: 30px; margin-bottom: 30px; } #MyForm div > input:last-child { margin-right: 0; } #MyForm div > input::placeholder, #MyForm div > textarea::placeholder { font-family: ArialMT; font-size: 18px; letter-spacing: 0px; color: #ccc; } #MyForm div > input, #MyForm div > textarea{ font-family: ArialMT; font-size: 18px; letter-spacing: 0px; color: #333; } #MyForm div > textarea { width: 100%; height: 181px; background-color: #ffffff; border-radius: 4px; border: solid 1px #dcdcdc; padding: 20px; } #MyForm div .send_btn { width: 210px; height: 50px; background-color: #12449a; border-radius: 4px; font-family: ArialMT; font-size: 18px; float: right; /* font-family: ArialMT; */ /* font-size: 18px; */ /* font-family: ArialMT; */ /* font-size: 18px; */ color: #fff; border: 0; margin-top: 35px; } .message_box { /* clear: both; */ margin-top: 80px; } .message_box .title { font-size: 20px; /* font-weight: normal; */ font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #333333; font-weight: 600; background: none; } .message_box .title span { font-weight: normal; padding-left: 10px; } .message_list { margin-top: 30px; } .message_list .info { padding: 25px; background-color: #f6f6f6; border-radius: 4px; margin-bottom: 15px; } .message_list .info .name { font-size: 18px; font-weight: normal; font-stretch: normal; /* line-height: 48px; */ letter-spacing: 0px; color: #2a6ad9; padding-left: 15px; border-bottom: 1px solid #e7e6e6; position: relative; padding-bottom: 17px; } .message_list .info .name::after { content: ""; position: absolute; top: 5.5px; left: 0; width: 8px; height: 8px; background-color: #ffc514; border-radius: 50%; } .message_list .info .content { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #333333; margin-top: 10px; } .message_list .info .date { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 1; letter-spacing: 0px; color: #b8b8b8; margin-top: 26px; /* padding-top: 4px; */ }