@charset "UTF-8";

.main_img{
    width:980px;
    margin:auto;
    padding-top:60px;
}
.main_img img{
    display:block;
    float:none;
}
.main_top{
	position: relative;
    width:980px;
    margin-top: 60px;
}
.main_content{
    width:980px;
    margin:auto;
    margin-top:80px;
    margin-bottom:100px;
    padding-top:0;
    border-top:none;
}
.main_content_child{
    float:left;
}
.main_content h2{
    display:table-cell;
    font-size:2.1rem;
    color:#fff;
    text-align:left;
    width:980px;
    height:35px;
    padding-left:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align:middle;
    background:url(/img/corporation_index_bg.svg) no-repeat;
    /*background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id="layer1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 980 35" style="enable-background:new 0 0 980 35;" xml:space="preserve"><path fill="rgb(41,108,181)" d="M0,0.2L191.6,0c48,0.3,60.4,33.9,108.2,31.9H980c0,3,0,3,0,3H0V0.2z"/></svg>');*/
}
.about_corporation{
    margin-top:30px;
}
.about_corporation h3,.greeting h3,.about_corporation h4{
    display:table-cell;
    vertical-align:middle;
    width:730px;
    height:40px;
    padding-left:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-size:2rem;
    font-weight:bold;
    color:#fff;
    letter-spacing:0.4rem;
    background: #00ccfe; /* Old browsers */
    background: -moz-linear-gradient(top,  #00ccfe 0%, #00ccfe 50%, #44d0fa 50%, #44d0fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ccfe), color-stop(50%,#00ccfe), color-stop(50%,#44d0fa), color-stop(100%,#44d0fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00ccfe 0%,#00ccfe 50%,#44d0fa 50%,#44d0fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00ccfe 0%,#00ccfe 50%,#44d0fa 50%,#44d0fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00ccfe 0%,#00ccfe 50%,#44d0fa 50%,#44d0fa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00ccfe 0%,#00ccfe 50%,#44d0fa 50%,#44d0fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccfe', endColorstr='#44d0fa',GradientType=0 ); /* IE6-9 */
}
.about_corporation_child{
    margin-top:15px;
}
.about_corporation h4{
    width:220px;
    height:30px;
}
.about_corporation h4:before,.greeting h4:before{
    content:"";
}
.about_corporation p{
    display:table-cell;
    vertical-align: middle;
    width:500px;
    line-height:normal;
    margin:0;
    padding-left:10px;
    font-size:1.6rem;
    color:#296CB5;
    text-align:left;
}
.about_corporation iframe{
    width:730px;
    height:310px;
    margin-top:20px;
}
.about_corporation_line{
    width:730px;
    height:1px;
    margin:30px 0;
    background: #2188ff; /* Old browsers */
    background: -moz-linear-gradient(left,  #2188ff 0%, #0bd0f1 77%, #0bd0f1 77%, #00ccfe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2188ff), color-stop(77%,#0bd0f1), color-stop(77%,#0bd0f1), color-stop(100%,#00ccfe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #2188ff 0%,#0bd0f1 77%,#0bd0f1 77%,#00ccfe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #2188ff 0%,#0bd0f1 77%,#0bd0f1 77%,#00ccfe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #2188ff 0%,#0bd0f1 77%,#0bd0f1 77%,#00ccfe 100%); /* IE10+ */
    background: linear-gradient(to right,  #2188ff 0%,#0bd0f1 77%,#0bd0f1 77%,#00ccfe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2188ff', endColorstr='#00ccfe',GradientType=1 ); /* IE6-9 */
}
.greeting{
    width:730px;
}
.greeting h4{
    color: #296CB5;
    font-size:1.8rem;
    font-weight:bold;
    margin: 50px 0 40px 0px;
}
.greeting p{
    color:#001F72;
    font-size:1.6rem;
    width:100%;
    line-height:200%;
    margin:20px 0 0 0;
    font-size:1.6rem;
    color: #296CB5;
    text-align:left;
    padding:0 20px 0 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.greeting img{
    width:100%;
    margin-top:30px;
}
.side_nav{
    position:relative;
    float:right;
    width: 220px;
    min-height:400px;
    box-shadow:0px 0px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
    border-top:5px solid #00CCFE;
    margin-top:30px;
}
.side_nav h3{
    width:100%;
    height:40px;
    line-height:40px;
    font-size:1.8rem;
    font-weight:bold;
    color:#4a88cb;
    text-align:center;
    background:#fff;
}
.side_nav ul{
    min-height:270px;
    background:#00CCFE;
}
.side_nav ul li{
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:1.4rem;
    font-weight:bold;
    border-bottom:1px solid #fff;
}
.side_nav li a{
    display:block;
    position:relative;
    color:#fff;
    transition:all 0.3s;
}
.side_nav a:hover{
    background:#fff;
    color:#296CB5;
    font-weight:normal;
    opacity:1;
    transition:all 0.5;
}
.side_nav li:after{
    content:"";
    display:block;
    width:0;
    height:0;
    border:5px solid transparent;
    border-top:5px solid #fff;
    position:relative;
    left:48%;
}
.side_nav p{
    display:block;
    width:100%;
    font-family: Tahoma,Verdana,Segoe,sans-serif;
    color:#fff;
    margin:0;
    font-size:1.2rem;
    font-weight:normal;
    background:#00CCFE;
    padding-top:30px;
    padding-bottom:5px;
}
.side_nav_img{
    width:100%;
}
.side_nav img{
    display:block;
    width:107px;
    line-height:40px;
    margin:auto;
}
.anchor{
  display:block;
  height:90px;
  margin-top:-90px;
  visibility:hidden;
}

@media screen and (max-width: 767px){
.main_img{
    width:100%;
}
.main_top{
	position:relative;
    width:100%;
    margin-top:0;
}
.main_content{
    width:100%;
    margin-top:50px;
    margin-bottom:0;
}
.main_content_child{
    float:none;
}
.side_nav{
    float:none;
    width: 90%;
    min-height:100%;
    margin:30px auto;
    border:none;
}
.side_nav h3{
    width:100%;
    font-size:1.5rem;
    display:none;
}
.side_nav ul{
    min-height:100%;
    background:#fff;
}
.side_nav ul li{
    width:100%;
    font-size:1.1rem;
}
.side_nav li a{
    color:#00CCFE;
    font-size: 1.4rem;
    font-weight:normal;
    transition:all 0.3s;
    border-bottom:1px solid #00CCFE;
}
.side_nav a:hover{
    background:#00CCFE;
    font-weight: bold;
    color:#fff;
    opacity:1;
    transition:all 0.5;
}
.side_nav li:after{
    border-top:5px solid #00CCFE;
}
.side_nav p{
    text-align:center;
    font-size:1.4rem;
    background:#fff;
    color:#00CCFE;
}
.side_nav_img{
    display:none;
}
.main_content h2{
    display:block;
    font-size:1.5rem;
    color:#fff;
    text-align:left;
    width:100%;
    height:30px;
    line-height:30px;
    padding:0 0 0 10px;
    background: #0090ff;
}
.about_corporation h3,.greeting h3,.about_corporation h4{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    padding-left:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-size:1.5rem;
    font-weight:bold;
    color:#fff;
    letter-spacing:0.4rem;
}
.about_corporation h3{
    margin-bottom:20px;
}
.about_corporation h4{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:1.5rem;
}
.about_corporation_child{
    margin:10px 0;
}
.about_corporation_child p{
    display:block;
    width:100%;
    font-size:1.5rem;
    margin-top:10px;
    padding: 0 20px;
}
.about_corporation iframe{
    width:100%;
    height:300px;
    margin-top:10px;
}
.about_corporation_line{
    width:100%;
    height:1px;
    margin:20px 0;
}
.greeting{
    width:100%;
}
.greeting h4{
    font-size:1.6rem;
    margin:20px 0 20px 10px;
}
.greeting p{
    width:100%;
    margin:20px 0 0 0;
    font-size:1.5rem;
    padding:0 10px 0 10px;
}
.greeting img{
    margin-top:20px;
}
.anchor{
  display:block;
  height:0;
  margin-top:0;
  visibility:hidden;
}

}