@charset "utf-8";
html {
  scroll-behavior: smooth;
}
body {
  background: #2f3033;
  line-height:1.2;
}

html,body{margin:0;padding:0;height:100%;background-color:#2f3033;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td,select{margin:0;padding:0}
table{border-spacing:0;border-collapse:collapse}
ol,ul,li{list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%}
hr, legend, .hidden{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; }
.hide{text-indent:-9999px;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
abbr,acronym,img,fieldset{border:0 none}
label{cursor:pointer}
em,address{font-style:normal}
table{border-spacing:0;border-collapse:collapse;width:100%;table-layout:fixed}
.skip_nav{position:relative;}
.skip_nav a{display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; font-size:0;color:transparent; color:#fff; font-weight:700; white-space:nowrap;}
.skip_nav a:focus,.skip_nav a:active{height:auto; width:100%; padding:5px; margin-bottom:10px; position:absolute; left:0; top:0;font-size:20px; background:#2466a6;z-index:10}

body {padding-top: 100px;}
.inner{width:1300px;margin:0 auto;padding:0 50px;overflow:hidden;height:100%;box-sizing:border-box;}

#main {
  max-width: 1920px;
  margin: 0 auto;
  min-height: 500px;
  position: relative;
  background-color: #ffffff;
}
#main .inner {
  position: relative;
}
.solution_btn ul {
  width: 520px;
  overflow: hidden;
  margin: 0 auto;
}

.solution_btn li {
  float: left;
  margin: 0 20px;
}
/* index */
#index_01 {background:url('../img/p_solution/index_01_00.jpg') top center no-repeat;height:890px;}
#index_01 #index_01_start {position:absolute; top:-100px;}
#index_01 .index_01_01 {position:absolute; top:50px; left:76px;}
#index_01 .index_01_01 img {width:260px; height:455px;}
#index_01 .index_01_02 {position:absolute; top:460px; left:260px; opacity:0;}
#index_01 .index_01_02 img {width:755px; height:100px;}
#index_01 .index_01_03 {position:absolute; right:80px; bottom:60px; text-align:right; color:#fff3c9; font-size:12px; opacity:0;}
#index_01 .index_01_03 h3 {color:#fff3c8; font-size:1.6em; font-weight:bold;}
#index_01 .index_01_03 h4 {color:#d1ad5e; font-size:1.2em;}

#index_02 {background:url('../img/p_solution/index_02_00.png') no-repeat center 0 fixed;height:1070px;position:relative;}
#index_02 #index_02_start {position:absolute; top:-500px;}
#index_02 .index_02_01 {height:100%;background:url('../img/p_solution/index_02_01.png') no-repeat center 0;}
#index_02 .index_02_02 {position:absolute; top:147px; left:51px; opacity:0;}
#index_02 .index_02_02 img {width:799px; height:108px;}
#index_02 .index_02_03 {position:absolute; top:255px; left:50px; opacity:0;}
#index_02 .index_02_03 img {width:800px; height:60px;}
#index_02 .index_02_dl {position:absolute; top:381px; left:57px; font-size:18px;line-height:30px;color:#e2e2e2; opacity:0;}
#index_02 .index_02_dl dd {height:293px;padding:10px 0;}
#index_02 .index_02_dl dd img {margin-top:20px;}
#index_02 .index_02_dl dt {position:absolute; left:784px; height:293px;}
#index_02 .index_02_07 {position:absolute; top:875px; left:51px; opacity:0;}
#index_02 .index_02_07 img {width:665px; height:110px;}

#index_03 {background:url('../img/p_solution/index_03_00.png') top center no-repeat fixed;background-size:cover;height:900px;color:#adbcb6;text-align:center;}
#index_03 #index_03_start {position:absolute; top:-500px;}
#index_03 .inner {opacity:0;}
#index_03 .index_03_01 {position:absolute; top:86px; left:50px; width:1200px; font-size:18px; line-height:29px;}
#index_03 .index_03_01 img {width:220px; height:85px; margin-bottom:23px;}
#index_03 .index_03_dl {position:absolute; top:334px; left:50px; width:1200px;}
#index_03 .index_03_dl dl {float:left; width:33%; height:493px;}
#index_03 .index_03_dl dl.concept2 {border-left:1px solid #434f4a; border-right:1px solid #434f4a;}
#index_03 .index_03_dl dl.concept1 strong {color:#447cd8;}
#index_03 .index_03_dl dl.concept2 strong {color:#6bbd6e;}
#index_03 .index_03_dl dl.concept3 strong {color:#ec8851;}
#index_03 .index_03_dl dt {margin:53px 0 34px 0;}
#index_03 .index_03_dl dt img {margin-bottom:32px;}
#index_03 .index_03_dl dt h4 {font-size:34px; line-height:38px; font-weight:bold;}
#index_03 .index_03_dl dd {font-size:16px; line-height:23px;}
#index_03 .index_03_dl dd {}

#index_04 {background:url('../img/p_solution/index_04_bg.png') top center no-repeat;height:1100px;}
#index_04 #index_04_start {position:absolute; top:-700px;}
#index_04 .index_04_tt {position:absolute; top:110px; left:479px; opacity:0;}
#index_04 .index_04_tt img {width:344px; height:85px;}
#index_04 .index_04_arrow_left {position:absolute; top:642px; left:50px;}
#index_04 .index_04_arrow_left img {width:36px; height:70px;}
#index_04 .index_04_arrow_right {position:absolute; top:642px; right:50px;}
#index_04 .index_04_arrow_right img {width:36px; height:70px;}
#index_04 .index_04_tb {position:absolute; top:255px; left:110px; width:1080px;}
#index_04 .index_04_tb .index_04_th ul {overflow:hidden;}
#index_04 .index_04_tb .index_04_th li {float:left; width:360px; height:55px; font-size:30px; line-height:55px; font-weight:bold; color:#ffffff; text-align:center; letter-spacing:1px;}
#index_04 .index_04_tb .index_04_th li.key1 {background:url('../img/p_solution/index_04_th_bg_01.png') no-repeat;}
#index_04 .index_04_tb .index_04_th li.key2 {background:url('../img/p_solution/index_04_th_bg_02.png') no-repeat;}
#index_04 .index_04_tb .index_04_th li.key3 {background:url('../img/p_solution/index_04_th_bg_03.png') no-repeat;}
#index_04 .index_04_tb .index_04_td ul {overflow:hidden;}
#index_04 .index_04_tb .index_04_td li {float:left; font-size:15px; line-height:17px; border-bottom:2px solid #ffffff;}
#index_04 .index_04_tb .index_04_td li a {color:#515151; width:120px; height:52px; display:inline-block; text-align:center; padding-top:9px;}
#index_04 .index_04_tb .index_04_td li.key1 a:hover {color:#2bb5c5;}
#index_04 .index_04_tb .index_04_td li.key2 a:hover {color:#549fd8;}
#index_04 .index_04_tb .index_04_td li.key3 a:hover {color:#898cda;}
#index_04 .index_04_tb .index_04_td li a div {border-left:1px solid #dadada;}
#index_04 .index_04_tb .index_04_td li:first-child a div {border-left:0;}
#index_04 .index_04_tb .index_04_td li.key1 {background-color:#eaf8f9;}
#index_04 .index_04_tb .index_04_td li.key2 {background-color:#ecf2eb;}
#index_04 .index_04_tb .index_04_td li.key3 {background-color:#f6f0e8;}
#index_04 .index_04_tb .index_04_td li.on div {border-left-width:0;color:#ffffff;}
#index_04 .index_04_tb .index_04_td li.key1.on {background-color:#2bb5c5;border-bottom-color:#0081a0;}
#index_04 .index_04_tb .index_04_td li.key2.on {background-color:#549fd8;border-bottom-color:#204fb4;}
#index_04 .index_04_tb .index_04_td li.key3.on {background-color:#898cda;border-bottom-color:#514eaa;}
#index_04 .index_04_tb .index_04_cont {position:relative; overflow:hidden; width:1080px; height:631px;}
#index_04 .index_04_tb .index_04_cont ul {position:absolute; top:0; left:0; overflow:hidden; width:9720px; height:631px;}
#index_04 .index_04_tb .index_04_cont li {float:left;}

#index_05 {background:url('../img/p_solution/index_05_bg.png') top center no-repeat fixed;background-size:cover;height:1010px;}
#index_05 #index_05_start {position:absolute; top:-700px;}
#index_05 .index_05_tt {position:absolute; top:101px; left:50px; width:100%; font-size:18px; line-height:29px; text-align:center; color:#a7a6af; opacity:0;}
#index_05 .index_05_tt img {width:192px; height:87px; margin-bottom:23px;}
#index_05 .index_05_tt p {opacity:0;}
#index_05 .index_05_cont_01 {position:absolute; top:439px; left:62px; opacity:0;}
#index_05 .index_05_cont_01 img {width:272px; height:515px;}
#index_05 .index_05_cont_02 {position:absolute; top:307px; left:366px; opacity:0;}
#index_05 .index_05_cont_02 img {width:272px; height:515px;}
#index_05 .index_05_cont_03 {position:absolute; top:380px; left:670px; opacity:0;}
#index_05 .index_05_cont_03 img {width:272px; height:515px;}
#index_05 .index_05_cont_04 {position:absolute; top:262px; left:974px; opacity:0;}
#index_05 .index_05_cont_04 img {width:272px; height:515px;}

#index_06 {background:url('../img/p_solution/index_06_bg.png') #f4f4f4 top center no-repeat; font-size:18px; color:#1f1f1f; padding:90px 0 55px;}
#index_06 #index_06_start {position:absolute; top:-700px;}
#index_06 .index_06_tt {margin-bottom:75px; width:100%; line-height:29px; text-align:center; opacity:0;}
#index_06 .index_06_tt img {width:270px; height:88px; margin-bottom:23px;}
#index_06 .ref_box {width:100%; border-top:5px solid #000000; margin-bottom:65px; padding:20px; background-color:#ffffff; opacity:0; *zoom:1;}
#index_06 .ref_box:after {content:" "; display:block; clear:both;}
#index_06 .ref_box .ref_info {float:left; width:505px;overflow:hidden;}
#index_06 .ref_box .ref_info h3 {margin:20px 0;}
#index_06 .ref_box .ref_info h3 img {max-width:500px;}
#index_06 .ref_box .ref_info li {line-height:24px;margin-top:5px;text-indent:-9px;padding-left:9px;}
#index_06 .ref_box .ref_image {float:right; width:654px;overflow:hidden;}
#index_06 .ref_box .ref_image li {float:left;margin-left:15px;}
#index_06 .ref_box .ref_image img {width:312px; height:234px;}
/* #index_06 .ref_request {height:100px;} */

#index_07 {background:#ffffff; font-size:18px; color:#1f1f1f; padding:100px 0;}
#index_07 #index_07_start {position:absolute; top:-700px;}
#index_07 .index_07_tt {margin-bottom:75px; width:100%; line-height:29px; text-align:center; opacity:0;}
#index_07 .index_07_tt.noanimation {opacity:1;}
#index_07 .index_07_tt > img {width:263px; height:85px; margin-bottom:23px;}
#index_07 .index_07_tt > p img {width:233px; height:32px; vertical-align:middle;}
#index_07 .index_07_cont_01 {position:absolute; top:419px; left:62px;}
#index_07 .index_07_cont_01 img {width:272px; height:515px;}
#index_07 .cst_box {width:1100px; margin:0 auto;}
#index_07 .cst_box ul {margin-left:-20px;}
#index_07 .cst_box li {float:left; width:204px; height:110px; margin:0 0 20px 20px; background-color:#000;}
#index_07 .cst_box li img {width:204px; height:110px;}