@charset "utf-8";
/*====================================================================================
■01.Common_CSS PAGE
====================================================================================*/
.tt_page_wrap {background: url(../common_img/tt_page_bg_wrap.jpg) center top;}
.tt_page {background: url(../common_img/tt_page_bg.png) no-repeat center top;height: 174px;position: relative;z-index: 1;margin-left: 0px;}
.tt_page h2 {padding: 66px 0px 0px 33px;}

.content_page .left_content {float: left; width: 710px;}
.content_page .right_side {float: right; width: 240px;}
.content_page .right_side ul li {margin-bottom: 4px;}

.cm_banner {background: url(../common_img/cm_banner_bg.png) no-repeat center top; width: 710px; height: 140px; position: relative;}
.cm_banner .tel {position: absolute;top: 27px;left: 37px;}
.cm_banner .btn {position: absolute; top: 40px; right: 37px;}
/*====================================================================================
■02.Company PAGE
====================================================================================*/
.pd00 {padding: 0px !important;}
.company_sec {margin-bottom: 50px;}
.company_sec h3 {margin-bottom: 20px;}
.company_sec > .clearfix img {float: left; margin-right: 25px;}
.company_sec > .clearfix p {margin-bottom: 25px;}
.company_sec > .clearfix p a {color: #3172b9;}
.company_sec > .clearfix {margin-bottom: 30px;}
.company_sec .company_btn {text-align: center;}
.company_sec > table > tbody > tr > th {background: #f1faff; padding: 12px 0px; width: 170px; text-align: center; border: 1px solid #9ed8f8;}
.company_sec > table > tbody > tr > td {padding: 12px 12px; border: 1px solid #9ed8f8;}
.company_sec > table > tbody > tr > td > table {width: 100%;}
.company_sec > table > tbody > tr > td > table td {border: 1px solid #9ed8f8;}
.spec2 p {margin-bottom:15px}
.spec2 p:last-child {margin-bottom:0px;}
/*.company_sec > table > tbody > tr:hover {transition: all linear 0.2s; background: #f1faff;}
.company_sec > table > tbody > tr:hover th {transition: all linear 0.2s; background: #f1faff;}
.company_sec > table .spec {border-left: none;}
.company_sec > table .spec2 {border-right: none;}*/
/*====================================================================================
■03.News PAGE
====================================================================================*/
.news_sec {border:1px solid #d6d6d6; margin-bottom: 35px;}
.news_sec .news_tt {border-bottom: 1px solid #d6d6d6;
    background: #f1f5f7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ecf1f3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ecf1f3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ecf1f3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ecf1f3); /* Standard syntax */}
.news_sec .news_tt dl {display: table; padding: 20px; border-left: 4px solid #005ac0;}
.news_sec .news_tt dt {display: table-cell; padding-left: 0px; color:#ea7900; font-weight: bold; vertical-align: middle;}
.news_sec .news_tt dd {color: #063a75; font-size: 16px; padding-left: 20px;}

.news_sec .news_content {padding: 20px;}
.news_sec .news_content .photo {margin:0px 20px 10px 0px;}
.news_sec .news_content .photo > a {display: block; position: relative;}
.news_sec .news_content .photo > a:after {display: block; position: absolute; content:""; width: 29px; height: 29px; background: url(../news/images/icon_zoom.png) bottom right;bottom: 0px; right: 0px;}
/*====================================================================================
■04.List PAGE
====================================================================================*/
.list_tab {margin-bottom:50px;}
.list_tab ul {margin-right: -3px; margin-bottom: -10px;}
.list_tab ul li {float: left; margin-right: 3px; margin-bottom: 10px;}

.list_sec h3 {margin-bottom: 30px;}
.list_sec .content {margin-bottom: 50px;}
.list_sec .content .right {float: right; width: 440px;}
.list_sec .content .right h4 {margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #185fb0; border-bottom: 1px solid #185fb0; padding-bottom: 2px;}
.list_sec .content .right .text {margin-bottom: 20px;}
.list_sec .content .right .btn {text-align: right;}

.list_sec_detail h3 {margin-bottom: 30px;}
.list_sec_detail .content {margin-bottom: 50px;}
.list_sec_detail .content .right {float: right; width: 440px;}
.list_sec_detail .content .right h4 {margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #185fb0; border-bottom: 1px solid #185fb0; padding-bottom: 2px;}

.list_sec_detail .content tbody tr th {background: #f1faff; padding: 12px 0px; width: 140px; text-align: center; border: 1px solid #9ed8f8;}
.list_sec_detail .content tbody tr td {padding: 12px 12px; border: 1px solid #9ed8f8;}
/* .list_sec_detail .content .right tr:hover {transition: all linear 0.2s; background: #f1faff;}
.list_sec_detail .content .right tr:hover th {transition: all linear 0.2s; background: #f1faff;}
 */
.slide_show {width: 250px; float:left;}
.slide_show .slides_container {border: 1px solid #dedede;padding: 3px;background: #fff;margin-bottom: 7px;}
.slide_show .pagination {margin-right: -24px;}
.slide_show .pagination li {border: 1px solid #dedede;background: #fff;margin-right: 7px;float:left;width: 75px;padding: 1px;}
.slide_show .pagination li:hover {border: 1px solid #c71717; transition:all 0.3s linear;}
.slide_show img {max-width: 100%;}

.tt01 {
    background-color: #0a5190;
    background-image: linear-gradient(to top, #084181, #476d93);
    border: 1px solid #1c4f87;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 3px 2px 3px 10px;
    position: relative;
}
.tt01::before {
    background: #9bd3f0 none repeat scroll 0 0;
    bottom: 3px;
    content: "";
    left: 3px;
    position: absolute;
    top: 3px;
    width: 3px;
}
/*====================================================================================
■05.Contact PAGE
====================================================================================*/
.contact_sec h3 {margin-bottom: 17px;}
.contact_sec > p a {color:#1271db;}
.contact_sec > p {margin-bottom: 15px;}
.contact_sec .yellow_sec {background:#faf7e8 url(../contact/images/bg_yellow.png) no-repeat top right; padding: 30px;}
.contact_sec .yellow_sec h4 {color: #12882b; }
.contact_sec .yellow_sec p {margin-bottom: 20px; line-height: 25px;}
.contact_sec .spec-ul li {float: left; margin-right: 30px;}

.contact_sec table { width: 100%; font-size: 14px;}
.contact_sec table th {padding: 15px 15px;width: 234px;background: #f1faff;text-align: left;vertical-align: middle;border: 1px solid #a0d9f8;}
.contact_sec table td {padding: 15px 20px;border: 1px solid #a0d9f8;}
.contact_sec .ninni {background: url(../contact/images/ninni.png) no-repeat left 0px; padding: 2px 0px 4px 60px;}
.contact_sec .hissu {background: url(../contact/images/hissu.png) no-repeat left 0px; padding: 2px 0px 4px 60px;}
.contact_sec table ul li {margin-bottom: 5px;}
.w100 {width: 100%; height: 30px;}
.w430 {width: 430px; height: 30px;}
.w100-area {width: 100%; min-height: 200px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.contact_sec .text-blue {color: #0669b2; margin-left: 15px;}
.contact_sec .box_submit {margin: 45px;}
.contact_sec .btn_form {background: url(../contact/images/btn_contact.png) no-repeat;border: medium none;cursor: pointer;overflow: hidden;width: 356px;height: 61px;}
/*====================================================================================
■06.Strong_sec PAGE
====================================================================================*/
.strong_sec {margin-bottom: 50px;}
.strong_sec h3 {margin-bottom: 30px;}
.strong_sec h4 {margin-bottom: 25px;}
.strong_sec .box {margin-bottom: 45px;}
.strong_sec .box .clearfix {margin-bottom: 38px;}
.strong_sec .box .clearfix img {float: right; margin-left: 25px;}
.strong_sec .box .btn {text-align:center;}
.strong_sec ul {float: left;}
.strong_sec ul li {margin-bottom: 5px;}
.strong_sec ul li a {color:#1a80c7; transition: all linear 0.3s;}
.strong_sec ul li a:hover {color:#ea7900; transition: all linear 0.15s;}
.strong_sec .content1 {/* background: #fafaf7; *//* border: 1px solid #eaeae5; */}
.strong_sec .content1 .case_sub {color: #fff; background: #0cb8e3; padding: 5px; margin-bottom: 15px; font-size: 16px; }
.strong_sec .content1 .clearfix .left {float: left; width: 40%;padding-left: 3%}
.strong_sec .content1 .clearfix .right {float: right; width: 40%;padding-right: 3%}
.strong_sec .content1 .clearfix {margin-bottom: 20px;}

.strong_sec .content2 {/* background: #fafaf7; *//* border: 1px solid #eaeae5; */}
.strong_sec .content2 .left {float: left;width: 30%;margin-right: 3%;margin-left: 3%;}
.strong_sec .content2 .mid {float: left;width: 30%;}
.strong_sec .content2 .right {float: right;width: 30%;}

.case_yy {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #0cb8e3;
}
.case_yy::before {
  content: "";
  display: inline-block;
  width:  0.8em;
  height: 0.8em;
  background-color: #0cb8e3;
  margin-right: 0.2em;
}

.case_tt {
  position: relative;
  padding-left: 25px;
  margin: 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #282729;
}
.case_tt::before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(12,184,227);
}
.case_tt::after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 97%;
  border-bottom: solid 3px rgb(119, 195, 223);
}

.case_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.case_items .col1 {
  width: 100%;
}
.case_items .col2 {
  width: calc((100% - 20px) / 2);
}
.case_items img {
  max-width: 100%;
}

/*====================================================================================
■07.Access_sec PAGE
====================================================================================*/
.access_sec h3 {margin-bottom: 20px;}
.access_sec ul li {position: relative; float: left; margin-right: 40px; width: 209px; margin-bottom: 40px;}
.access_sec ul li:after {content: '';position: absolute;right: -38px;top: 84px;width: 36px;height: 29px;background: url(../access/images/row.png) no-repeat left top;}
.access_sec ul li.none:after {display: none;}
.access_sec ul li.none {margin-right: 0px;}
.access_sec ul li img {margin-bottom: 20px;}
.access_sec > p {margin-bottom: 20px;}
.access_sec dl {margin-bottom: 25px;}
.access_sec dt {background: #f6f8fa url(../access/images/bg_q.png) no-repeat 10px;top;padding-left: 55px;min-height: 40px;color: #063a75;line-height: 40px;border: 1px solid #d3dee3;font-weight: bold;}
.access_sec dd {background: #fff url(../access/images/bg_a.png) no-repeat 10px 10px;padding: 9px 10px 24px 54px;border: 1px solid #d3dee3;border-top: none;}



.txt001{
	color: #FF0000;
	font-size: 14px;
	margin-bottom: 10px;
}