@charset 'utf-8';
/* 鍏敤 */
body {
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;

    position: relative;

    overflow-x: hidden;

    margin: 0;
	
}
#index{background:#eee;}
#index #content{background:url(../images/index/xbg.png) repeat-y center 200px}

#reason{ background:url(../images/index/aboutbg.jpg) no-repeat center top }
	#news{ background:url(../images/index/aboutbg.jpg) no-repeat center top}
	#company{ background:url(../images/index/alibg.jpg) no-repeat center top}
	#case{background:url(../images/index/alibg2.jpg) no-repeat center top}
	#contact{ background:url(../images/index/wenhua.jpg) no-repeat center top}
ul,
p,
h1,
h2,
h3 {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
.wrapper {
    width: 960px;
    margin: 0 auto;
}
a {
    text-decoration: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.fix:before,
.fix:after {
    display: table; /* 2 */

    content: ' '; /* 1 */
}

.fix:after {
    clear: both;
}
img {
    border: none;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.fix {
    *zoom: 1;
}
.pc_img {
    display: inline;
}
.sp_img {
    display: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
a {
    blr: expression(this.onFocus=this.close());
    blr: expression(this.onFocus=this.blur());
}
a:focus {
    outline: none;

    -moz-outline-style: none;
}
a:hover img {
    opacity: .8;
}
.tCenter {
    text-align: center;
}
.mB0 {
    margin-bottom: 0!important;
}
.mB10 {
    margin-bottom: 10px;
}
.mB20 {
    margin-bottom: 20px;
}
.mB30 {
    margin-bottom: 30px;
}
.mB40 {
    margin-bottom: 40px;
}
.mB60 {
    margin-bottom: 60px;
}
.mT0{
    margin-top: 0!important;
}
.btn_03 {
    font-size: 14px;
    line-height: 44px;

    display: block;

    width: 243px;
    height: 44px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    color: #00b8ee;
    border: 2px solid #00b8ee;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    background: #fff;
}
.btn_03:hover {
    color: #fff;
    background: #00b8ee;
}
.btn_03.forward span {
    padding: 0 20px 0 0;

    background: url(../images/icon/ico_d_arrow_right.png) no-repeat scroll right center;
}
.btn_03.forward:hover span {
    background: url(../images/icon/ico_d_arrow_right_h.png) no-repeat scroll right center;
}
.btn_03.back span {
    padding: 0 0 0 20px;

    background: url(../images/icon/ico_d_arrow_left.png) no-repeat scroll left center;
}
.btn_03.back:hover span {
    background: url(../images/icon/ico_d_arrow_left_h.png) no-repeat scroll left center;
}
.btn_04 {
    line-height: 48px;

    display: block;

    width: 300px;
    height: 48px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    color: #fff;
    border-top: 3px solid #04c6cf;
    border-bottom: 3px solid #005c6f;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background: #00b8ee;
}
.btn_04:hover {
    background: #1ba3b1;
}
/* 澶撮儴 */
#header {
    width: 100%;
}
#index #header {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
#header .wrapper {
    height: 60px;
    margin: 16px auto;
}
#header .wrapper2 {
    height: 90px;
    margin: 16px auto;
}
#index #header .wrapper {
    margin: 16px auto 0 auto;
}
#index #header .fix_header .wrapper {
    margin: 0 auto;
}
#header #nav .wrapper {
    height: auto;
    margin: 0 auto;
}
#header .logo {
    font-size: 0;

    position: relative;
    top: 10px;

    float: left;
}
#header .pc_header {
    position: relative; height:150px;
}
 
#header .pc_header .wrapper .header_right {
    display: none;
}
#header .header_right {
    position: absolute;
    top: 0;
    right: 20px;
}
.header_right .header_pos {
    float: left;

    margin: 0 30px 0 0;
}
.header_right .header_pos a {
    line-height: 28px;

    position: relative;
    top: 6px;

    display: block;

    width: 160px;
    height: 28px;

    text-align: center;

    color: #1b2a41;
    border: 2px solid #1b2a41;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    background: url(../images/opacity_bg_02.png) repeat scroll;
}
.header_right .header_pos a span {
    padding: 0 0 0 19px;

    background: url(../images/icon/ico_add_01.png) no-repeat scroll left center;
}
.header_right .header_pos a:hover {
    color: #00b8ee;
    border: 2px solid #00b8ee;
}
.header_right .header_pos a:hover span {
    background: url(../images/icon/ico_add_01_h.png) no-repeat scroll left center;
}
.header_right .lan {
    position: relative;
    top: 17px;

    float: right;

    margin: 0 0 0 22px;

    color: #fff;
}
.header_right .lan a {
    font-size: 13px;

    margin: 0 8px;

    color: #a3d0d6;
}
#index .header_right .lan a {
    color: #c4c8cb;
}
.header_right .lan a:hover,
.header_right .lan a.on {
    color: #00b8ee;
}
#index .header_right .lan a:hover,
#index .header_right .lan a.on {
    text-decoration: underline;

    color: #fff;
}
.header_right .lan span {
    font-size: 13px;

    margin: 0 0 0 20px;

    color: #c4c8cb;
}
.header_right .loc {
    position: relative;
    top: 14px;

    float: left;

    margin: 0 12px 0 0;

    cursor: pointer;
}
.header_right .loc .loc_content {
    position: relative;
}
.header_right .loc .loc_content {
    padding: 0 10px 0 0;

    color: #fff;
}
.header_right .loc .loc_content b {
    font-size: 16px;
    font-weight: normal;

    padding: 0 12px 0 0;

    color: #00b8ee;
    background: url(../images/icon/ico_down_07.png) no-repeat scroll right center;
}
#index .header_right .loc .loc_content b {
    background: url(../images/icon/ico_down_06.png) no-repeat scroll right center;
}
#index .header_right .loc .loc_content b {
    color: #fff;
}
.header_right .loc .loc_content .loc_menu {
    position: absolute;
    z-index: 2;
    top: 22px;
    left: 50%;

    display: none;

    margin: 0 0 0 -40px;

    border: 1px solid #eee;
}
#index .header_right .loc .loc_content .loc_menu {
    border: none;
}
.header_right .loc .loc_content .loc_menu ul li a {
    display: block;

    width: 60px;
    padding: 5px 0;

    text-align: center;

    color: #888;
    background: #fff;
}
.header_right .loc .loc_content .loc_menu ul li a:hover,
.header_right .loc .loc_content .loc_menu ul li.on a {
    color: #00b8ee;
    background: #fff url(../images/icon/ico_right_04.png) no-repeat scroll 8px center;
}
.header_right .hotline {
    line-height: 46px;

    display: block;
    float: left;

    width: auto;
    height: 46px;
    margin: 0 30px 0 0;

    text-align: center;

    color: #fff;
}
.header_right .hotline i {
    font-style: normal;
}
.hotline strong {
    font-weight: normal;
}
.hotline strong a {
    font-size: 30px;
    font-weight: bold;

    display: block;

    padding: 0 0 0 50px;

    color: #00b8ee;
    background: url(../images/icon/ico_phone_05.png) no-repeat scroll left center;
}
#index .hotline strong a {
    color: #fff;
}
.header_right_right {
    float: right;

    margin: 0 0 0 0;
}
.header_right_right .weicode {
    position: relative;

    float: left;

    margin: 0 10px 0 0;
}
.header_right_right .weicode i.icon {
    display: block;

    width: 48px;
    height: 48px;

    background: url(../images/icon/ico_weixin_02.png) no-repeat scroll 0 0;
}
#index .header_right_right .weicode i.icon {
    background: url(../images/icon/ico_weixin_02.png) no-repeat scroll 0 0;
}
.header_right_right .weicode .code {
    position: absolute;
    z-index: 2;
    left: -22px;

    display: none;
}
.header_right_right .weicode:hover .code {
    display: block;
}
.header_right_right .weicode:hover img {
    opacity: 1;
}
.header_right_right .weicode:hover i.icon,
#index .header_right_right .weicode:hover i.icon {
    background-position: 0 -48px;
}
.header_right_right .news {
    display: block;
    float: left;

    width: 48px;
    height: 48px;

    background: url(../images/icon/ico_news_02.png) no-repeat scroll 0 0;
}
#index #header #nav {
    display: none;
}
.header_right_right .news:hover,
#index .header_right_right .news:hover {
    background-position: 0 -48px;
}
.sp_header {
    display: none;
}
#kv {
    position: relative;

    width: 100%;
    height: 590px;

    background: url(../images/index/kv.jpg) repeat scroll bottom center;
    background-size: cover;
}
#kv .kv_area {
    font-size: 0;

    position: absolute;
    top: 50%;

    visibility: hidden;

    width: 100%;

    text-align: center;
}
#kv .kv_area img {
    width: auto;
}
#kv .kv_area a {
    position: absolute;
    bottom: 20px;
    left: 50%;

    display: block;

    width: 70px;
    height: 70px;
    margin: 0 0 0 -35px;

    text-indent: -9999px;

    background: url(../images/icon/ico_down_02.png) no-repeat scroll center center;
}
#kv .kv_area a:hover {
    background: url(../images/icon/ico_down_02_h.png) no-repeat scroll center center;
}
#nav {
    background: #064a7b;
}

#nav ul li {
    position: relative;

    display: inline;
    float: left;
}
#nav ul li .line {
    font-style: normal;

    position: absolute;
    top: 08px;
    right: 0;

    display: block;

    width: 1px;
    height: 100px;

    background: url(../images/icon/ico_line_01.png) no-repeat scroll 0 0;
}
#nav ul li a {
    display: block;

    width: 135px;
    height: 120px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;
}
#nav ul li a:hover {
    background: #00b8ee;
}
#nav ul li a .img {
    display: block;

    margin: 0 auto;

    background-image: url(../images/icon/nav_ico_01.png);
    background-repeat: no-repeat;
}
#nav ul li a .txt {
    font-size: 24px; 
    display: block;

    color: #a4b1cd;
}
#nav ul li a:hover .txt {
    color: #fff;
}
#nav ul li.superiority .content {
    position: relative;
    top: 27px;
}
#nav ul li.superiority a .img {
    width: 35px;
    height: 35px;

    background-position: 0 -2px;
}
#nav ul li.superiority a:hover .img {
    background-position: 0 -49px;
}
#nav ul li.superiority a .txt {
    margin: 10px 0 0 0;
}
#nav ul li.warning .content {
    position: relative;
    top: 25px;
}
#nav ul li.warning a .img {
    width: 56px;
    height: 39px;

    background-position: -152px 0;
}
#nav ul li.warning a:hover .img {
    background-position: -152px -47px;
}
#nav ul li.warning a .txt {
    margin: 8px 0 0 0;
}
#nav ul li.service .content {
    position: relative;
    top: 35px;
}
#nav ul li.service a .img {
    width: 33px;
    height: 24px;

    background-position: -323px -10px;
}
#nav ul li.service a:hover .img {
    background-position: -323px -57px;
}
#nav ul li.service a .txt {
    margin: 13px 0 0 0;
}
#nav ul li.showing .content {
    position: relative;
    top: 32px;
}
#nav ul li.showing a .img {
    width: 38px;
    height: 30px;

    background-position: -480px -7px;
}
#nav ul li.showing a:hover .img {
    background-position: -485px -54px;
}
#nav ul li.showing a .txt {
    margin: 11px 0 0 0;
}
#nav ul li.about .content {
    position: relative;
    top: 32px;
}
#nav ul li.about a .img {
    width: 36px;
    height: 29px;

    background-position: -641px -7px;
}
#nav ul li.about a:hover .img {
    background-position: -641px -54px;
}
#nav ul li.about a .txt {
    margin: 12px 0 0 0;
}
#nav ul li.customer .content {
    position: relative;
    top: 34px;
}
#nav ul li.customer a .img {
    width: 28px;
    height: 29px;

    background-position: -805px -9px;
}
#nav ul li.customer a:hover .img {
    background-position: -805px -56px;
}
#nav ul li.customer a .txt {
    margin: 10px 0 0 0;
}
.fix_header {
    position: fixed;
    z-index: 99;
    top: 0;

    display: none;

    width: 100%;

    background: #064a7b;
}
#header .fix_header .wrapper {
    margin: 0 auto;
}

.fix_header ul li {
    position: relative;

    display: inline;
    float: left;
}
.fix_header ul li a {
    display: block;

    width: 135px;
    height: 60px;
}
.fix_header ul li a:hover {
    background: #00b8ee;
}
.fix_header ul li .line {
    position: absolute;
    top: 5px;
    right: 0;

    width: 1px;
    height: 50px;

    background: url(../images/icon/ico_line_02.png) no-repeat scroll 0 0;
}
.fix_header ul li a .content {
    position: relative;
    left: 20px;

    overflow: hidden;
}
.fix_header ul li a .img {
    display: block;
    float: left;

    margin: 0 8px 0 0;

    background-image: url(../images/icon/nav_ico_01.png);
    background-repeat: no-repeat;
}
.fix_header ul li a .txt {
    font-size: 14px;

    display: block;
    float: left;

    text-align: center;

    color: #a4b1cd;
}
.fix_header ul li a:hover .txt {
    color: #fff;
}
.fix_header ul li.superiority a .img {
    width: 35px;
    height: 35px;

    background-position: 0 -2px;
}
.fix_header ul li.superiority a:hover .img {
    background-position: 0 -49px;
}
.fix_header ul li.superiority a .content {
    position: relative;
    top: 12px;
    left: 24px;
}
.fix_header ul li.superiority a .txt {
    margin: 12px 0 0 0;
}
.fix_header ul li.warning a .img {
    width: 56px;
    height: 39px;

    background-position: -152px 0;
}
.fix_header ul li.warning a:hover .img {
    background-position: -152px -47px;
}
.fix_header ul li.warning a .content {
    position: relative;
    top: 8px;
}
.fix_header ul li.warning a .txt {
    margin: 15px 0 0 0;
}
.fix_header ul li.service a .img {
    width: 33px;
    height: 24px;

    background-position: -323px -10px;
}
.fix_header ul li.service a:hover .img {
    background-position: -323px -57px;
}
.fix_header ul li.service a .content {
    position: relative;
    top: 17px;
    left: 26px;
}
.fix_header ul li.service a .txt {
    margin: 5px 0 0 0;
}
.fix_header ul li.showing a .img {
    width: 38px;
    height: 30px;

    background-position: -480px -7px;
}
.fix_header ul li.showing a:hover .img {
    background-position: -485px -54px;
}
.fix_header ul li.showing a .content {
    position: relative;
    top: 14px;
    left: 34px;
}
.fix_header ul li.showing a .txt {
    margin: 7px 0 0 0;
}
.fix_header ul li.about a .img {
    width: 36px;
    height: 29px;

    background-position: -641px -7px;
}
.fix_header ul li.about a:hover .img {
    background-position: -641px -54px;
}
.fix_header ul li.about a .content {
    position: relative;
    top: 13px;
    left: 23px;
}
.fix_header ul li.about a .txt {
    margin: 7px 0 0 0;
}
.fix_header ul li.customer a .img {
    width: 28px;
    height: 29px;

    background-position: -805px -9px;
}
.fix_header ul li.customer a:hover .img {
    background-position: -805px -56px;
}
.fix_header ul li.customer a .content {
    position: relative;
    top: 13px;
    left: 35px;
}
.fix_header ul li.customer a .txt {
    margin: 7px 0 0 0;
}


/* 棣栭〉鍐呭 */
.index_spec_01 {
    padding: 50px 0;

/*    background: url(../images/index/bg_01.gif) repeat scroll 0 0;*/
}
.index_spec_01 p {
    font-size: 14px;
    line-height: 1.6;

    float: left;

    margin: 0 0 0 80px;

    color: #111;
}
.index_spec_01 p strong {
    font-size:30px;

    display: block;
	font-weight:400
}
.index_spec_01 .btn_02 {
    float: right;

    width: 240px;
    margin: 0 80px 0 0;

    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
    background: #fff;
}
.index_spec_01 .btn_02 span {
    line-height: 48px;

    padding: 0;

    color: #00b8ee;
    background: none;
}
.index_spec_01 .btn_02:hover {
    background: #00b8ee;
}
.index_spec_01 .btn_02:hover span {
    padding: 0;

    color: #fff;
    background: none;
}
.btn_02 {
    display: block;

    width: 356px;
    height: 48px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    border: 2px solid #00b8ee;
    background: #00b8ee;
}
.btn_02 span {
    font-size: 16px;
    line-height: 52px;

    padding: 0 20px 0 0;

    color: #fff;
    background: url(../images/icon/ico_right_01.png) no-repeat scroll right center;
}
.btn_02:hover {
    background: #fff;
}
.btn_02:hover span {
    color: #00b8ee;
    background: url(../images/icon/ico_right_03.png) no-repeat scroll right center;
}
.secom_inquiry {
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;

   /* background: url(../images/index/secom_inquiry_bg.gif) no-repeat scroll bottom center;*/
   /*background: url(../images/index/xbg.png) no-repeat scroll bottom center;*/
}
.index_reason_block {
    margin: 0 0 10px 0;
    padding: 100px 30px 100px 30px;

    background: url(../images/index/index_reason.jpg) no-repeat scroll 0 0;
}
.index_reason_block header h2 {
    font-size: 21px;
    font-weight: normal;
    line-height: 1.4;

    margin: 0 0 40px 0;

    text-align: center;

    color: #fff;
}
.index_reason_block header h2 strong {
    font-size: 30px;

    display: block;
}
.index_reason_block nav {
    margin: 0 0 30px 0;
}
.index_reason_block nav ul {
    margin: 0 -30px 0 0;
}
.index_reason_block nav ul li {
    display: inline;
    float: left;

    margin: 0 30px 0 0;
}
.index_reason_block nav ul li.normal a {
    display: block;

    width: 198px;
    height: 136px;
	line-height:136px;
    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    border: 2px solid #ffffff;
}
.index_reason_block nav ul li.normal a.setb{ background:#00b8ee; border-color:#00b8ee}
.index_reason_block nav ul li.normal a strong {
    font-size: 30px;
    font-weight: normal;

    display: block;

    margin: 0 0 20px 0;
    padding: 30px 0 0 0;

    color: #00b8ee;
}
.index_reason_block nav ul li.normal a .txt {
    font-size: 18px;
	font-weight:600;
    color: #fff;
}
.index_reason_block nav ul li.normal a:hover {
    border: 2px solid #00b8ee;
    background: #00b8ee;
}
.index_reason_block nav ul li.normal a:hover strong {
    text-decoration: underline;

    color: #fff;
}
.index_reason_block nav ul li.detail a {
    display: block;
    overflow: hidden;
}
.index_reason_block nav ul li.detail a .detail_txt {
    font-size: 30px;
    font-weight: bold;
    line-height: 140px;

    display: block;
    float: left;

    width: 150px;
    height: 140px;
    padding: 0 10px 0 0;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: right;

    color: #fff;
    background: #00b8ee;
}
.index_reason_block nav ul li.detail a .arrow {
    display: block;
    float: left;

    width: 0;
    height: 0; 
    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;

    border-top: 70px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 42px solid #00b8ee;
}
.index_reason_block nav ul li.detail a:hover .detail_txt {
    color: #fff;
    background: #00b8ee;
}
.index_reason_block nav ul li.detail a:hover .arrow {
    border-left-color: #00b8ee;
}
.index_reason_block p {
    font-size: 14px;
    line-height: 1.4;

    color: #fff;
}
.two_cols ul {
    margin: 0 -30px 0 0;
}
.two_cols ul li {
    display: inline;
    float: left;

    width: 960px;
    margin: 0 0px 0 0;
}
.txt_on_opacity ul li a,
.txt_on_opacity ul li .txt_on_opacity_content {
    font-size: 0;

    position: relative;

    display: block;

    margin: 0 0 20px 0;
}
.txt_on_opacity ul li span.img {
    position: relative;
    z-index: 1;
}
.txt_on_opacity ul li ul li {
    width: 90px;
}
.txt_on_opacity ul li ul li span {
    white-space: nowrap;
}
.txt_on_opacity ul li a div,
.txt_on_opacity ul li .txt_on_opacity_content div {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    width: 480px;
    height: 100%;

    
}
.txt_on_opacity ul li a div:hover{background: url(../images/index/lan60.png) repeat scroll 0 0;}
.txt_on_opacity ul li a div.right_content,
.txt_on_opacity ul li .txt_on_opacity_content div.right_content {
    right: 0;
    left: auto;
}
.txt_on_opacity ul li a div.right_content a,
.txt_on_opacity ul li .txt_on_opacity_content div.right_content a {
    font-size: 14px;

    display: block;

    margin: 10px 0;

    text-align: right;

    color: #fff;
}
.txt_on_opacity ul li a div.right_content article,
.txt_on_opacity ul li .txt_on_opacity_content div.right_content article {
    margin: 66px 15px 0 15px;
}
.txt_on_opacity ul li a div article,
.txt_on_opacity ul li .txt_on_opacity_content div article {
    font-size: 16px;
    line-height: 1.6;
	font-weight:bold;
    margin: 90px 15px 0 15px;
    color: #fff;
}
.txt_on_opacity ul li a div article h3,
.txt_on_opacity ul li .txt_on_opacity_content div article h3 {
    font-size: 16px;

    margin: 0 0 14px 0;
    padding: 0 0 0 20px;

    background: url(../images/icon/ico_right_02.png) no-repeat left center;
}
.txt_on_opacity ul li .txt_on_opacity_content div.sp_block {
    background: none;
}
.txt_on_opacity ul li .txt_on_opacity_content article.spec_too_content {
    position: relative;

    margin: 16px 10px 0 10px;
}
.txt_on_opacity ul li .txt_on_opacity_content article.spec_too_content h3 {
    font-size: 18px;

    padding: 0;

    text-align: left;

    background: none;
}
.txt_on_opacity ul li .txt_on_opacity_content article.spec_too_content ul {
    position: absolute;
    top: 100px;
    left: 0;

    width: 100%;
}
.txt_on_opacity ul li .txt_on_opacity_content article.spec_too_content ul li {
    float: none;

    width: auto;
    margin: 0;
}
.txt_on_opacity ul li .txt_on_opacity_content article.spec_too_content ul li a {
    font-size: 14px;

    margin: 0;
    padding: 0 0 0 20px;

    color: #fff;
    background: url(../images/icon/ico_right_02.png) no-repeat left center;
}
.txt_on_opacity ul li .txt_on_opacity_content article.spec_too_content ul li a:hover {
    text-decoration: underline;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content {
    overflow: hidden;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div {
    position: static;

    width: auto;
    height: auto;

    background: none;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_left_content {
    float: left;

    width: 400px;
    height: 260px;

    color: #fff;
    background: #064a7b;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_left_content h2 {
    font-size: 21px;

    margin: 0 0 10px 0;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_left_content span {
    font-size: 13px;
    line-height: 1.3;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_left_content .tooc_sp_left_detail {
    display: table;

    height: 200px;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_left_content .tooc_sp_left_detail section {
    display: table-cell;

    height: 200px;
    padding: 0 10px;

    vertical-align: middle;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content {
    float: right;
    overflow: hidden;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content a {
    display: block;

    margin: 0;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content span.img {
    font-size: 0;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content span.img img {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.normal a:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.spec a:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);

    ms-transform: scale(1.1);
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.normal {
    position: relative;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.normal .tooc_sp_right_detail {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.normal .tooc_sp_right_detail section {
    display: table;

    width: 100%;
    height: 100%;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.normal .tooc_sp_right_detail section strong {
    font-weight: normal;

    display: table-cell;

    height: 100%;

    text-align: center;
    vertical-align: middle;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.normal .tooc_sp_right_detail section span.txt {
    font-size: 18px;
    font-weight: bold;
	display:none;
    color: #fff;
    text-shadow: 1px 2px 2px #000;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.spec a {
    position: relative;

    display: block;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.spec a.sec {
    margin: 2px 0;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.spec a .txt {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.spec a .txt .detail {
    display: table;

    width: 100%;
    height: 100%;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.spec a .txt .detail section {
    display: table-cell;

    width: 100%;
    height: 100%;

    text-align: center;
    vertical-align: middle;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.spec a .txt .detail section span.txt {
    font-size: 16px;
    font-weight: bold;

    position: static;

    color: #fff;
    text-shadow: 1px 2px 2px #000;
}
.txt_on_opacity.sp_01 ul li .txt_on_opacity_content div.tooc_sp_right_content.spec a .txt .detail section span.txt i {
    font-style: normal;
}
.feature ul {
    margin: 0;
}
.feature ul li {
    margin: 0 30px;
}
.feature ul li .img {
    display: block;

    width: 90px;
    height: 90px;
    margin: 0 auto 16px auto;

    background-image: url(../images/icon/ico_feature.png);
    background-repeat: no-repeat;
}
.feature ul li .txt {
    font-size: 14px;

    display: block;

    text-align: center;

    color: #00b8ee;
}
.feature ul li.alone .img {
    background-position: -150px 0;
}
.feature ul li.insecure .img {
    background-position: -300px 0;
}
.feature ul li.protection .img {
    background-position: -495px 0;
}
.feature ul li.fire .img {
    background-position: -645px 0;
}
.feature ul li.water .img {
    background-position: -795px 0;
}
.two_cols.txt_on_opacity {
    margin: 0 0 30px 0;
}
.index_inquiry_area {
    position: relative;
    bottom: 10px;
}
.btn_01 {
    font-size: 14px;
    line-height: 44px;

    display: block;

    width: 243px;
    height: 44px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    color: #00b8ee;
    border: 2px solid #00b8ee;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    background: #fff;
}
.btn_01:hover {
    color: #fff;
    background: #00b8ee;
}
.index_inquiry_area .btn_01 {
    margin: 0 auto 30px auto;
}
.index_inquiry_area span {
    font-size: 0;

    display: block;

    text-align: center;
}
.index_secom_warning {
    background: #064a7b;
}
.index_secom_warning .wrapper {
    padding: 60px 0;
}
.index_secom_warning h2 {
    font-size: 30px;
    line-height: 1.4;

    margin: 0 0 50px 0;

    text-align: center;

    color: #fff;
}
.index_secom_warning .secom_warning_detail ul li a {
    font-size: 21px;

    display: block;

    width: 465px;
    height: 150px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    color: #fff;
    background: #000;
}
.index_secom_warning .secom_warning_detail ul li a:hover {
    background: #00b8ee;
}
.index_secom_warning .secom_warning_detail ul li a .content {
    padding: 30px 0 0 0;
}
.index_secom_warning .secom_warning_detail ul li a strong {
    display: block;

    margin: 0 0 24px 0;
}
.index_secom_warning .secom_warning_detail ul li a span {
    overflow: hidden;
}
.index_secom_warning .secom_warning_detail ul li a i {
    font-style: normal;
}
.index_secom_warning .secom_warning_detail ul li a i.bold {
    font-size: 28px;
    font-weight: bold;
}
.index_secom_warning .secom_warning_detail ul li a i.bold.fr {
    margin: 0 50px 0 0;
}
.index_secom_ask {
    padding: 100px 0;

    background: #f5f5f5;
}
.index_secom_ask h2 {
    font-size: 30px;

    margin: 0 0 50px 0;

    text-align: center;

    color: #333;
}
.three_cols ul {
    margin: 0 -30px 0 0;
}
.three_cols ul li {
    display: inline;
    float: left;

    width: 300px;
    margin: 0 30px 15px 0;
}
.secom_ask_detail ul li a {
    font-size: 0;

    position: relative;

    display: block;
}
.secom_ask_detail ul li a .content {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    color: #fff;
    background: url(../images/opacity_bg_01.png) repeat scroll 0 0;
}
.secom_ask_detail ul li a .content .detail {
    font-size: 12px;

    margin: 134px 20px 0 20px;
}
.secom_ask_detail ul li a .content .detail h3 {
    font-size: 16px;

    margin: 0 0 10px 0;
    padding: 0 0 0 20px;

    background: url(../images/icon/ico_right_02.png) no-repeat left center;
}
.index_white_block {
    padding: 20px 0;
}
.index_white_block h2{font-size: 30px;margin: 0 0 30px 0;text-align: center;color: #333;}
.index_white_block .tooc_sp_left_detail h2{ color:#fff}
.index_white_block .company_recruit {
    margin: 0 0 100px 0;
}
.index_white_block .company_recruit ul li {
    width: 465px;
}
.index_white_block .company_recruit ul li a {
    font-size: 0;
}
.index_white_block .company_recruit ul li a .img {
    font-size: 0;

    display: block;

    margin: 0 0 14px 0;
}
.index_white_block .company_recruit ul li a .txt {
    font-size: 12px;

    color: #333;
}
.index_white_block .company_recruit ul li a .txt strong {
    font-size: 16px;
    font-weight: normal;

    display: block;

    margin: 0 0 10px 0;
}

h2.style_01 {
    margin: 0 0 40px 0;

    text-align: center;
}
h2.style_01 strong {
    font-size: 30px;

    display: block;
}
h2.style_01 span {
    font-size: 16px;
}
.index_news_list {
    margin: 0 0 40px 0;
}
.index_news_list ul li a {
    display: block;

    height: 104px;
    padding: 16px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;

    color: #333;
    background: #f5f5f5;
}
.index_news_list ul li a .ttl {
    font-size: 18px;

    margin: 0 0 10px 0;
    font-weight: bold;
}
.index_news_list ul li a .txt {
    margin: 0 0 10px 0;
    font-size: 14px;

    overflow: hidden;
}
.index_news_list ul li a .txt .first {
    font-size: 35px;
    font-style: normal;

    display: block;
    float: left;

    width: 60px;
    height: 42px;
    margin: 0 10px 0 0;

    text-align: center;

    color: #fff;
    background: #333;
}
.index_news_list ul li a .txt span {
    display: block;

    margin: 5px 0 0 0;
}
.index_news_list ul li a .date{
    text-align: right;
    font-size: 14px;
}
.index_news_list ul li a:hover {
    color: #fff;
    background: #00b8ee;
}
.index_news_list ul li a:hover .txt .first {
    color: #00b8ee;
    background: #fff;
}
.index_news_detail_area .btn_01 {
    margin: 0 auto;
}
.index_contact_us {
    padding: 10px 0 50px 0;
/*
    background: #f2f0ed;*/
}

.contact_area {
    position: relative;

    margin: 0 0 40px 0;
}
.contact_area .line {
    position: absolute;
    bottom: 50%;
    left: 0;

    width: 100%;
    height: 1px;

    border-bottom: 1px solid #bbb;
}
.contact_area .contact_area_select {
    position: relative;
    z-index: 2;

    width: 130px;
    height: 41px;
    margin: 0 0 0 75px;

    background: #f2f0ed;
}
.contact_area .contact_area_select .contact_area_select_detail {
    position: relative;
}
.contact_area .contact_area_select .contact_area_select_detail .btn {
    line-height: 39px;

    width: 118px;
    height: 39px;
    margin: 0 auto;

    cursor: pointer;
    text-align: center;

    border: 1px solid #bbb;
    background: #fff;
}
.contact_area .contact_area_select .contact_area_select_detail .btn span {
    padding: 0 28px 0 0;

    background: url(../images/icon/ico_down_04.png) no-repeat scroll right center;
}
.contact_area .contact_area_select .contact_area_select_detail .menu {
    position: absolute;
    top: 41px;
    left: 6px;

    display: none;
    overflow-y: auto;

    width: 118px;
    height: 400px;

    background: #fff;
}
.contact_area .contact_area_select .contact_area_select_detail .menu li a {
    display: block;

    width: 118px;
    padding: 8px 0;

    text-align: center;

    color: #333;
    background: #fff;
}
.contact_area .contact_area_select .contact_area_select_detail .menu li a:hover {
    color: #fff;
    background: #000;
}
.contact_area_bottom .phone_time {
    display: block;
    float: left;

    width: 360px;
    height: 222px;
    margin: 0 10px 0 0;

    color: #333;
    background: #fff;
}
.contact_area_bottom .phone_time:hover {
    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;

    color: #fff;
    background: #00b8ee;
}
.contact_area_bottom .phone_time .content {
    padding: 24px 30px 0 30px;
}
.contact_area_bottom .phone_time .content p.img {
    font-size: 0;

    margin: 0 0 20px 0;

    text-align: center;
}
.contact_area_bottom .phone_time .content h3 {
    font-size: 16px;

    margin: 0 0 20px 0;

    text-align: center;
}
.contact_area_bottom .phone_time .content address {
    font-size: 38px;
    font-style: normal;

    margin: 0 0 10px 0;

    text-align: center;
}
.contact_area_bottom .phone_time .content time {
    font-size: 12px;

    display: block;

    text-align: center;
}
.contact_area_bottom ul {
    float: right;

    margin: 0 0 0 -15px;
}
.contact_area_bottom ul li {
    display: inline;
    float: left;

    margin: 0 0 0 15px;
}
.contact_area_bottom ul li.spec a {
    display: block;

    width: 180px;
    height: 222px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;

    color: #fff;
    background: #333;
}
.contact_area_bottom ul li.spec a .content {
    padding: 40px 16px 0 16px;

    text-align: center;
}
.contact_area_bottom ul li.spec_1 a .content {
    padding: 40px 16px 0 16px;
}
.contact_area_bottom ul li.spec a .content h3 {
    font-size: 16px;

    margin: 0 0 20px 0;
}
.contact_area_bottom ul li.spec a .content span {
    font-size: 30px;
}
.contact_area_bottom ul li.spec a:hover {
    color: #fff;
    background: #00b8ee;
}
.contact_area_bottom ul li.weicode .content {
    font-size: 16px;

    width: 230px;
    height: 222px;

    text-align: center;

    background: #fff;
}
.contact_area_bottom ul li.weicode .content p {
    margin: 0 0 20px 0;
    padding: 14px 0 0 0;
}
.contact_area_bottom ul li.weicode .content .img {
    font-size: 0;
}
.contact_area_bottom ul li.fgs .content {
    font-size: 16px;

    width: 340px;
    height: 222px;

    text-align: center;

    background: #fff url(../images/index/sdmap.png) no-repeat center center;
}
.contact_area_bottom ul li.fgs .content p {
    margin: 0 0 20px 0;
    padding: 14px 0 0 0;
}
.contact_area_bottom ul li.fgs  .fgsm{ padding:10px}
.contact_area_bottom ul li.fgs  .fgsm a{ float:left; display:block; font-size:20px; color:#333333; width:50%; text-align:center; font-weight:600; line-height:45px}
.scroll_to_top_01 a {
    display: block;

    height: 50px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;

    background: #f2f0ed url(../images/icon/ico_up_01.png) no-repeat scroll center center;
}
.scroll_to_top_01 a:hover {
    background: #00b8ee url(../images/icon/ico_up_02.png) no-repeat scroll center center;
}
/* 搴曢儴 */
#footer {
    padding: 40px 0 20px 0;

    border-top: 1px solid #00b8ee;
    background: #fff;
}
.footer_left {
    float: left;

    width: 90px;
    padding: 14px 0 0 0;

    text-align: center;
}
.footer_left .content .logo {
    font-size: 0;
}
.footer_left .content .logo img {
    width: 90px;
}
.footer_left .content .intro {
    margin: 0 0 20px 0;

    text-align: center;
}
.footer_right {
    float: right;
}
.footer_right .footer_right_block {
    float: left;

    width: 224px;
}
.footer_right .footer_right_block ul {
    margin: 0 0 0 50px;
}
.footer_right .footer_right_block ul li {
    margin: 0 0 18px 0;
}
.footer_right .footer_right_block ul li a {
    color: #333;
}
.footer_right .footer_right_block ul li a:hover {
    color: #00b8ee;
}
.footer_right .footer_right_block ul li a i {
    font-style: normal;

    margin: 0 5px 0 0;

    color: #00b8ee;
}
.footer_map_list {
    width: 850px;
}
.footer_map_list td {
    padding: 0 10px;

    vertical-align: top;
}
.footer_map_list li {
    line-height: 30px;

    height: 30px;
}
.footer_map_list li a strong.spec i {
    font-size: 0;

    margin: 0 5px 0 0;

    vertical-align: middle;
}
.footer_map_list li a strong.spec i img {
    vertical-align: middle;
}
.footer_map_list li a strong.spec span {
    font-size: 14px;

    vertical-align: middle;

    color: #000;
}
.footer_map_list li:hover a strong.spec span {
    color: #00b8ee;
}
.footer_map_list li a span.normal {
    font-size: 12px;

    padding: 0 0 0 22px;

    color: #333;
    background: url(../images/icon/footer/ico_d_right.png) no-repeat scroll 4px center;
}
.footer_map_list li:hover a span.normal {
    color: #00b8ee;
}
.header_main_content {
    padding: 0 0 32px 0;

    border-bottom: 1px solid #e5e5e5;
}
.copyright {
    margin: 20px 0 0 0;

    text-align: center;
}
.copyright .secom_xh{
    margin: 0 0 20px 0;
    font-size: 14px;
}
.copyright .secom_xh a{
    color: #003bff;
    text-decoration: underline;
    font-size: 14px;
}
.copyright p span {
    font-size: 14px;
}
.copyright p a {
    color: #333;
}
.copyright address {
    margin: 0 0 10px 0;
}
.copyright address strong {
    font-size: 17px;
    font-style: normal;

    color: #000;
}
.copyright p {
    line-height: 1.8;

    margin: 0 0 10px 0;
}
.copyright ul li {
    display: inline;

    margin: 0 5px;
}
.copyright ul li a {
    text-decoration: underline;

    color: #333;
}
.copyright ul li a:hover {
    color: #00b8ee;
}
.gray_bg {
    background: #fff;
}
.white_bg {
    background: #fff;
}
/* contact */
#contact h1.style_02 {
    margin: 0;
}
#contact #nav ul li.customer a {
    background: #00b8ee;
}
#contact #nav ul li.customer a .img {
    background-position: -805px -56px;
}
#contact #nav ul li.customer a .txt {
    color: #fff;
}
#contact .fix_header ul li.customer a {
    background: #00b8ee;
}
#contact .fix_header ul li.customer a .img {
    background-position: -805px -56px;
}
#contact .fix_header ul li.customer a .txt {
    color: #fff;
}
h1.style_02 {
    font-size: 0;

    margin: 0 0 40px 0;
    padding: 13px 0;

    text-align: center;

    background: #fff;
}
h1.style_02 a {
    display: inline-block;

    color: #333;
}
h1.style_02 .img {
    display: block;

    margin: 0 0 10px 0;
}
h1.style_02 strong {
    font-size: 21px;

    display: block;

    margin: 0 0 10px 0;

    white-space: nowrap;
}
h1.style_02 span {
    font-size: 14px;
}
.ttl_01 {
    font-size: 24px;

    margin: 0 0 30px 0;

    text-align: center;

    color: #00b8ee;
}
.ttl_area {
    line-height: 1.4;

    padding: 30px 0;
}
.ttl_area .ttl_01 {
    margin: 0;
}
.contact_service_content {
    margin: 0 0 60px 0;
    padding: 60px 0 40px 0;
}
.contact_service_content .contact_area .contact_area_select .contact_area_select_detail {
    background: #fff;
}
.contact_service_content .contact_area_bottom .contact_area_phone_time {
    float: left;

    margin: 0 50px 0 140px;
}
.contact_service_content .contact_area_bottom .contact_area_phone_time h2 {
    font-size: 24px;

    margin: 20px 0 20px 0;
}
.contact_service_content .contact_area_bottom .contact_area_phone_time address {
    font-size: 60px;
    font-weight: bold;
    font-style: normal;

    margin: 0 0 20px 0;
}
.contact_service_content .contact_area_bottom .contact_area_phone_time time {
    font-size: 24px;

    display: block;

    text-align: right;
}
.contact_service_content .contact_area_bottom .weicode {
    font-size: 16px;

    float: left;

    padding: 15px;

    text-align: center;

    border: 1px solid #ddd;
}
.contact_service_content .contact_area_bottom .weicode p {
    margin: 0 0 7px 0;
}
.contact_service_content .contact_area_bottom ul {
    float: none;
    clear: both;

    margin: 0 -30px 0 0;
    padding: 50px 0 0 0;
}
.contact_service_content .contact_area_bottom ul li {
    width: 465px;
    margin: 0 30px 0 0;
}
.contact_service_content .contact_area_bottom ul li .intro {
    font-size: 20px;

    margin: 0 0 20px 0;

    text-align: center;

    color: #666;
}
.contact_service_content .contact_area_bottom ul li a {
    width: auto;
}
.contact_service_content .contact_area_bottom ul li.spec a {
    height: 120px;

    -webkit-transition: all .5s; /* Safari 氓鈥櫯� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;

    background: #666;
}
.contact_service_content .contact_area_bottom ul li.spec a:hover {
    background: #00b8ee;
}
.contact_service_content .contact_area_bottom ul li.spec_1 a .content,
.contact_service_content .contact_area_bottom ul li.spec_2 a .content {
    padding: 40px 0 0 0;
}
.contact_nav {
    padding: 40px 0;

    background: #fff;
}
.contact_nav ul {
    margin: 0 -30px 0 0;
}
.contact_nav ul li {
    display: inline;
    float: left;

    width: 300px;
    margin: 0 30px 0 0;
}
.contact_nav ul li a {
    font-size: 14px;
    line-height: 56px;

    display: block;

    height: 56px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    color: #00b8ee;
    border: 2px solid #00b8ee;
}
.contact_nav ul li.on a,
.contact_nav ul li:hover a {
    color: #fff;
    background: #00b8ee;
}
.path {
    padding: 10px 0;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
}
.path a {
    color: #00b8ee;
}
.path a img {
    font-size: 0;

    margin: 0 5px 0 0;
}
.ttl_02 {
    font-size: 16px;

    margin: 0 0 20px 0;

    color: #00b8ee;

    font-weight: bold;
}
.list_01 {
    margin: 0 0 20px 0;
}
.list_01 li {
    color: #666;
}
.list_01 li i {
    font-style: normal;
}
.normal_txt {
    margin: 0 0 30px 0;

    color: #666;
}
.normal_txt .impo {
    font-style: normal;

    color: #f00;
}
.step_style_01 {
    margin: 0;
}
.step_style_01 ul {
    margin: 0 -30px 0 0;
}
.step_style_01 ul li {
    display: inline;
    float: left;

    margin: 0 30px 0 0;
}
.step_style_01 ul li span {
    font-size: 14px;
    line-height: 40px;

    display: block;

    width: 300px;
    height: 40px;

    text-align: center;

    color: #00b8ee;
    background: url(../images/contact/step_bg.png) no-repeat 0 -40px;
}
.step_style_01 ul li.on span {
    color: #fff;
    background: url(../images/contact/step_bg.png) no-repeat 0 0;
}
.table_01 {
    margin: 0 0 60px 0;
    padding: 20px 0;
}
.table_01 table {
    font-size: 14px;

    width: 100%;

    color: #666;
}
.table_01 table th {
    font-weight: normal;

    width: 200px;

    text-align: right;
}
.table_01 table th,
.table_01 table td {
    padding: 20px 10px;

    vertical-align: top;
}
.table_01 table tr.underline th,
.table_01 table tr.underline td {
    border-bottom: 1px dashed #e0e0e0;
}
.table_01 table th .impo {
    font-style: normal;

    color: #f00;
}
.area_btn_center {
    padding: 40px 0;
}
.area_btn_center .btn_01 {
    margin: 0 auto;
}
.area_btn_lr {
    padding: 60px 0 0 0;
}
.input_area input {
    font-size: 14px;

    width: 450px;
    padding: 10px;

    border: 1px solid #999;
}
.table_01 table .wrong_note {
    visibility: hidden;

    margin: 0 0 0 20px;

    color: #e60012;
}
.input_radio input {
    margin: 0 5px 0 0;

    vertical-align: middle;
}
.input_radio label {
    margin: 0 20px 0 0;
}
.input_select select {
    font-size: 14px;

    width: 472px;
    padding: 10px;

    border: 1px solid #999;
}
.textarea_area textarea {
    font-size: 14px;

    width: 680px;
    height: 130px;
    padding: 10px;

    border: 1px solid #999;
}
.textarea_area label {
    line-height: 1.4;
}
.table_01 table .wrong_note.block_wrong_note {
    display: block;

    margin: 10px 0 0 0;
}
.table_01 table .btn_01 {
    margin: 0 auto;
}
.table_01 table .th_name {
    display: block;

    padding: 12px 0 0 0;
}
.table_01 table .th_name_02 {
    display: block;

    padding: 12px 0 0 0;
}
.table_01 table.confirm_table {
    width: 80%;
    margin: 0 auto;
}
.table_01 table .btn_03.back {
    float: left;
}
.table_01 table .btn_03.forward {
    float: right;
}
.table_end {
    margin: 0 0 60px 0;
}
.table_end .table_end_content {
    padding: 100px 0;
}
.table_end .table_end_content div {
    line-height: 1.4;

    width: 420px;
    margin: 0 auto;
    padding: 10px 0 10px 100px;

    background: url(../images/icon/ico_big_point.png) no-repeat left center;
}
.table_end .table_end_content div strong {
    font-size: 35px;

    display: block;

    color: #666;
}
.table_end .table_end_content div span {
    font-size: 18px;

    display: block;

    color: #999;
}
.table_01 table .tips {
    font-size: 12px;

    margin: 5px 0 0 0;
}
.pdf_download .wrapper {
    padding: 60px 0;
}
h2.style_04 {
    font-size: 26px;

    margin: 0 0 40px 0;

    text-align: center;
}
.pdf_download {
    padding: 60px 0;
}
.pdf_download_content {
    position: relative;

    width: 900px;
    margin: 0 auto;
}
.pdf_download_content .swiper-container {
    padding: 20px 0 0 0;
}
.pdf_download_content .swiper-wrapper {
    height: auto!important;
}
.pdf_download_content .swiper-slide {
    height: auto!important;
}
.pdf_download_content .swiper-slide .pdf_swiper_content {
    width: 162px;
    margin: 0 auto;
}
.pdf_download_content .swiper-slide .pdf_swiper_content .img {
    font-size: 0;

    margin: 0 0 15px 0;
}
.pdf_download_content .swiper-slide .pdf_swiper_content h3 {
    line-height: 20px;

    margin: 0 0 10px 0;
    padding: 0 0 0 14px;

    border-left: 4px solid #064a7b;
}
.pdf_download_content .swiper-slide .pdf_swiper_content .btn_c {
    line-height: 22px;

    position: relative;

    display: block;

    height: 22px;
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;

    color: #fff;
    border: 2px solid #064a7b;
    background: #064a7b;
}
.pdf_download_content .swiper-slide .pdf_swiper_content .btn_c:hover {
    color: #064a7b;
    background: #fff;
}
.pdf_download_content .swiper-slide .pdf_swiper_content .btn_c i {
    font-style: normal;

    position: absolute;
    top: 6px;
    right: 10px;

    display: block;

    width: 6px;
    height: 10px;

    text-indent: -9999px;

    background: url(../images/icon/icon_arrow_02.png) no-repeat scroll 0 0;
}
.pdf_download_content .swiper-slide .pdf_swiper_content .btn_c:hover i {
    background-position: 0 -10px;
}
.pdf_download_content .swiper-slide .pdf_swiper_content .btn_d {
    display: block;

    padding: 5px 0 5px 50px;

    color: #fff;
    border: 2px solid #064a7b;
    background: #064a7b url(../images/contact/pdf/ico_pdf.gif) no-repeat scroll 20px center;
}
.pdf_download_content .swiper-slide .pdf_swiper_content .btn_d:hover {
    color: #064a7b;
    background: #fff url(../images/contact/pdf/ico_pdf_h.gif) no-repeat scroll 20px center;
}
.pdf_download_content .arrow-left,
.pdf_download_content .arrow-right {
    position: absolute;
    z-index: 2;
    top: 50%;

    display: block;

    width: 37px;
    height: 37px;
    margin-top: -18px;

    background-image: url(../images/icon/ico_control_01.png);
    background-repeat: no-repeat;
}
.pdf_download_content .arrow-left {
    left: -50px;
}
.pdf_download_content .arrow-left:hover {
    background-position: -37px 0;
}
.pdf_download_content .arrow-right {
    right: -50px;

    background-position: 0 -37px;
}
.pdf_download_content .arrow-right:hover {
    background-position: -37px -37px;
}
/* 鏂伴椈椤甸潰 */
#news .index_news_list ul li {
    margin: 0 30px 30px 0;
}
#news .index_news_list ul li a {
    background: #fff;
}
#news .index_news_list ul li a:hover {
    color: #fff;
    background: #00b8ee;
}
#news .index_news_list ul li a:hover .txt .first {
    color: #00b8ee;
    background: #fff;
}
#news .page {
    margin: 0 0 65px 0;
}
.page {
    text-align: center;
}
.page a {
    margin: 0 2px;
    padding: 10px;

    color: #333;
    border: 1px solid #ddd;
    background: #fff;
}
.page a.on,
.page a:hover {
    color: #fff;
    border: 1px solid #00b8ee;
    background: #00b8ee;
}
h2.style_03,
h1.style_03 {
    margin: 0 0 60px 0;
    padding: 40px 0;

    text-align: center;

    background: #fff;
}
h2.style_03 strong,
h1.style_03 strong {
    font-size: 30px;
}
.news_detail {
    margin: 0 0 60px 0;
}
.news_detail h2.ttl {
    font-size: 16px;
    font-weight: normal;

    margin: 0 0 20px 0;
}
.news_detail .news_detail_content {
    font-size: 14px;

    padding: 20px;

    background: #fff;
}
.news_detail .news_detail_content article {
    line-height: 1.6;

    margin: 0 0 40px 0;
}
.news_detail .news_detail_content .btn_01 {
    margin: 0 auto;
}
/* 闅愮鏀跨瓥 */
#policy h1.style_02 {
    margin: 0;
}
.policy_content {
    line-height: 1.4;

    margin: 0 0 60px 0;
    padding: 40px 20px;

    background: #fff;
}
.policy_content h2 {
    font-size: 16px;
    font-weight: normal;

    margin: 0 0 20px 0;
}
.policy_content p,
.policy_content ul {
    font-size: 14px;

    color: #666;
}
.policy_content ul i {
    font-style: normal;
}
/* 浣跨敤鏉℃ */
#terms h1.style_02 {
    margin: 0;
}
.terms_content {
    font-size: 14px;

    margin: 0 0 60px 0;
    padding: 40px 20px;
}
.terms_content h2 {
    font-size: 16px;
    font-weight: normal;

    margin: 0 0 20px 0;
    padding: 0 0 0 36px;

    background: url(../images/icon/ico_point_01.gif) no-repeat scroll left center;
}
.terms_content .spec_01 {
    color: #00b8ee;
}
.terms_content .spec_02 {
    color: #666;
}
.terms_content .spec_03 {
    padding: 0 0 30px 0;

    color: #00b8ee;
    border-bottom: 1px dashed #e5e5e5;
}
.terms_content p span {
    display: block;
}
.terms_content p a {
    color: #00b8ee;
}
.terms_content .b_s li {
    display: inline;
    float: left;

    width: 300px;
}
.terms_content .b_s li img {
    margin: 0 8px 0 0;

    vertical-align: middle;
}
.terms_content .b_s li a {
    font-size: 0;
}
.terms_content .about_link li.bb {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;

    border-bottom: 1px dashed #e5e5e5;
}
/* faq */
#faq h1.style_02 {
    margin: 0;
}
.faq_body {
    margin-bottom: 60px;
}
.faq_content {
    padding: 40px 0 20px 0;
}
.faq_content h2 {
    font-size: 18px;

    margin: 0 0 40px 0;

    text-align: center;
}
.faq_detail h3 {
    line-height: 30px;

    height: 30px;
    margin: 0 0 30px 0;
    padding: 0 0 0 15px;

    border-left: 5px solid #00b8ee;
    background: #f5f5f5;
}
.faq_detail h3 strong {
    font-size: 16px;

    color: #00b8ee;
}
.faq_detail .faq_txt {
    margin: 0 0 20px 0;
    padding: 0 20px;
}
.faq_detail .faq_txt .faq_q {
    position: relative;

    overflow: hidden;

    padding: 0 0 20px 0;

    cursor: pointer;

    border-bottom: 1px solid #064a7b;

    font-weight: normal;
}
.faq_detail .faq_txt .faq_q i {
    font-size: 30px;
    font-style: normal;

    display: block;
    float: left;

    margin: 0 15px 0 0;

    color: #064a7b;
}
.faq_detail .faq_txt .faq_q strong {
    font-size: 14px;

    display: block;
    float: left;

    margin: 12px 0 0 0;

    color: #333;
}
.faq_detail .faq_txt .faq_q:hover strong,
.faq_detail .faq_txt .faq_q.on strong {
    color: #064a7b;
}
.btn_spread_01 {
    width: 20px;
    height: 20px;

    background: url(../images/icon/ico_spread_01.png) no-repeat scroll 0 0;
}
.btn_spread_01.on {
    background-position: 0 -20px;
}
.faq_detail {
    padding: 0 0 20px 0;
}
.faq_detail .faq_txt .faq_q .btn_spread_01 {
    position: absolute;
    top: 8px;
    right: 0;
}
.faq_detail .faq_txt .faq_a {
    display: none;
    overflow: hidden;

    padding: 20px 0 0 0;
}
.faq_detail .faq_txt .faq_a.on {
    display: block;
}
.faq_detail .faq_txt .faq_a td {
    vertical-align: top;
}
.faq_detail .faq_txt .faq_a i {
    font-size: 30px;
    font-style: normal;

    display: block;

    margin: 0 15px 0 0;

    color: #00b8ee;
}
.faq_detail .faq_txt .faq_a span {
    font-size: 14px;
    line-height: 1.4;

    display: block;

    margin: 8px 0 0 0;

    color: #000;
}
/* reason */

#reason h1.style_02 {
    margin: 0;
}
#reason #header{ height:150px}
#news #header{ height:150px}
#news .index_news_list  ul.fix li a{ background:#f1f1f1}
#news .index_news_list  ul.fix li a:hover{ background:#00b8ee}
#reason #nav ul li.superiority a {
    background: #00b8ee;
}
#reason #nav ul li.superiority a .img {
    background-position: 0 -49px;
}
#reason #nav ul li.superiority a .txt {
    color: #fff;
}
#reason .fix_header .superiority a {
    background: #00b8ee;
}

#reason .fix_header .superiority a .img {
    background-position: 0 -49px;
}
#reason .fix_header .superiority a .txt {
    color: #fff;
}
h2.style_05 {
    font-size: 26px;

    margin: 0 0 30px 0;

    color: #00b8ee;
}
.reason_detail {
    padding: 30px 0;
}
.block_style_01 {
    padding: 60px 30px;
}
.lr_content {
    overflow: hidden;
}
.lr_content .img {
    font-size: 0;
}
.lr_content .txt {
    font-size: 17px;
    line-height: 1.4;

    color: #666;
}
.lr_content .txt h3{
    font-size: 17px;
    font-weight: normal;
}
.lr_content .r_img {
    float: right;

    margin: 0 0 0 50px;
}
.lr_content .l_img {
    float: left;
}


.reason_show {
    padding: 60px 0;
}
.reason_show .three_cols ul li {
    position: relative;

    width: 300px;
}
.reason_show .three_cols ul li a .img {
    font-size: 0;
}
.reason_show .three_cols ul li a .content {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all .5s;
       -moz-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    color: #fff;
    background: url(../images/opacity_bg_01.png) repeat scroll 0 0;
}
.reason_show .three_cols ul li a .content .detail {
    padding: 40px 0 0 0;

    text-align: center;
}
.reason_show .three_cols ul li a .content .detail h3 {
    margin: 0 0 14px 0;
}
.reason_show .three_cols ul li a .content .detail h3 strong {
    font-size: 45px;

    text-decoration: underline;
}
.reason_show .three_cols ul li a .content .detail span {
    font-size: 18px;
}
.reason_show .three_cols ul li a:hover .content {
    background: #00b8ee;
}
.nav_area {
    padding: 60px 0;
}

.four_nav ul {
    margin: 0 -30px 0 0;
}
.four_nav ul li {
    display: inline;
    float: left;

    margin: 0 30px 0 0;
}
.four_nav ul li a {
    line-height: 55px;

    display: block;

    width: 213px;
    height: 55px;

    -webkit-transition: all .5s;
       -moz-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
    text-align: center;

    color: #00b8ee;
    border: 2px solid #00b8ee;
    background: #fff;
}
.four_nav ul li:hover a,
.four_nav ul li.on a {
    color: #fff;
    background: #00b8ee;
}
.reason_block_01 .left {
    float: left;

    width: 200px;
}
.reason_block_01 .left h2 {
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;

    color: #000;
}
.reason_block_01 .left h2 span {
    font-size: 12px;
    line-height: 12px;

    display: block;
}
.reason_block_01 .left h2 strong {
    font-size: 52px;
    line-height: 52px;

    display: block;
}
.sec_ttl_01 {
    width: 200px;
    height: 78px;

    background: url(../images/reason/bg_arrow_01.png) no-repeat scroll 0 0;
}
.sec_ttl_01 strong {
    font-size: 16px;

    display: block;

    margin: 0 0 10px 0;
    padding: 10px 0 0 14px;

    color: #000;
}
.sec_ttl_01 p {
    font-size: 12px;

    padding: 0 0 0 14px;

    color: #333;
}
.sec_ttl_02 {
    display: table;

    width: 198px;
    height: 61px;

    background: url(../images/reason/bg_arrow_02.png) no-repeat scroll 0 0;
}
.sec_ttl_02 strong {
    font-size: 16px;

    display: table-cell;

    height: 61px;
    padding: 0 0 0 14px;

    vertical-align: middle;

    color: #000;
}
.sec_ttl_02 p {
    font-size: 12px;

    padding: 0 0 0 14px;

    color: #333;
}
.reason_block_01 .right {
    float: right;

    width: 670px;
}
.reason_block_01 .right h3 {
    font-size: 19px;
    line-height: 30px;

    display: inline-block;

    margin: 0 0 20px 0;
    padding: 0 10px;

    color: #fff;
    background: #00b8ee;
}
.reason_block_01 .right .txt {
    font-size: 17px;

    display: block;

    margin: 0 0 60px 0;
}
.reason_block_01 .right .img {
    font-size: 0;

    margin: 0 0 30px 0;
}
.reason_block_01 .right .btn_area .btn_03 {
    font-size: 16px;

    float: right;

    width: 200px;
}
.reason_block_01 .right .btn_area .btn_03 span {
    padding: 0 20px 0 0;

    background: url(../images/icon/ico_d_arrow_right.png) no-repeat scroll right center;
}
.reason_block_01 .right .btn_area .btn_03:hover span {
    background: url(../images/icon/ico_d_arrow_right_h.png) no-repeat scroll right center;
}
/* company */
#company h1.style_02 {
    margin: 0;
}
#company #nav ul li.about a {
    background: #00b8ee;
}
#company #nav ul li.about a .img {
    background-position: -641px -54px;
}
#company #nav ul li.about a .txt {
    color: #fff;
}
#company .fix_header .about a {
    background: #00b8ee;
}
#company .fix_header .about a .img {
    background-position: -641px -54px;
}
#company .fix_header .about a .txt {
    color: #fff;
}
.company_content {
    padding: 60px 0;
}
.company_content .btn_area {
    overflow: hidden;

    margin: 0 0 40px 0;
    padding: 0 0 15px 0;

    border-bottom: 1px solid #d9e3ef;
}
.company_content .btn_area div {
    float: right;
}
.company_content .btn_area div a {
    font-weight: bold;
    line-height: 32px;

    display: block;
    float: left;

    margin: 0 0 0 6px;
    padding: 0 15px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    color: #fff;
    background: #1b2a41;
}
.company_content .btn_area div a:hover {
    background: #00b8ee;
}
.company_detail .company_one {
    margin: 0 0 50px 0;
}
.company_one .company_ttl_area {
    overflow: hidden;

    margin: 0 0 20px 0;
}
.company_one .company_ttl_area .show_ttl {
    font-size: 14px;
    font-weight: bold;
    line-height: 37px;

    display: block;
    float: left;

    width: 142px;
    height: 37px;
    margin: 0 20px 0 0;

    text-align: center;

    color: #00b8ee;
    border: 1px solid #00b8ee;
}
.company_one .company_ttl_area h2 {
    font-size: 21px;
    font-weight: bold;
    line-height: 37px;

    float: left;

    color: #00b8ee;
}
.company_one .content {
    margin: 0 0 0 164px;
}
.company_one .content .txt {
    font-size: 14px;
    line-height: 1.4;

    display: block;

    margin: 0 0 20px 0;
}
.company_one .content .img {
    font-size: 0;

    text-align: center;
}
.company_one .content .misson_list {
    width: 100%;
}
.company_one .content .misson_list tr td {
    font-size: 17px;
    font-weight: bold;

    padding: 5px 0;

    white-space: nowrap;

    color: #00b8ee;
}
.company_jump_area {
    font-size: 0;

    padding: 60px 0;

    text-align: center;
}
.company_jump_area .one {
    display: inline-block;

    margin: 0 50px;

    vertical-align: top;
}
.company_jump_area .one .ttl {
    font-size: 42px;
    font-weight: bold;

    margin: 0 0 10px 0;
}
.company_jump_area .one .s_ttl {
    font-size: 18px;

    margin: 0 0 10px 0;
}
.company_jump_area .one .txt {
    font-size: 14px;

    margin: 0 0 24px 0;
}
.company_jump_area .one .btn {
    font-size: 16px;
    line-height: 44px;

    display: block;

    width: 256px;
    height: 44px;
    margin: 0 auto;

    text-align: center;

    color: #fff;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;

        -ms-border-radius: 50px;
         -o-border-radius: 50px;
}
.company_jump_area .one.history .btn {
    border: 2px solid #064a7b;
    background: #064a7b;
}
.company_jump_area .one.history .btn:hover {
    color: #064a7b;
    background: #fff;
}
.company_jump_area .one.group .btn {
    border: 2px solid #00b8ee;
    background: #00b8ee;
}
.company_jump_area .one.group .btn:hover {
    color: #00b8ee;
    background: #fff;
}
.history_table {
    width: 100%;
    margin: 0 0 40px 0;
}
.history_table thead th {
    font-size: 18px;

    padding: 10px 0;

    text-align: left;
}
.history_table tbody th {
    font-size: 14px;
    font-weight: normal;

    width: 100px;
    padding: 10px 0;

    text-align: left;
}
.history_table tbody td {
    font-size: 14px;

    padding: 10px 0;
}
.history_table tbody tr td,
.history_table tbody tr th {
    color: #444;
    border-bottom: 1px solid #e5e5e5;
}
.history_table tbody tr.last td,
.history_table tbody tr.last th {
    border-bottom: none;
}
.company_content .address_area {
    margin: 0 0 60px 0;

    text-align: center;
}
.company_content .address_ttl {
    font-size: 14px;
    line-height: 30px;

    display: inline-block;

    padding: 0 10px;

    color: #fff;
    background: #064a7b;
}
.one_company {
    margin: 0 0 20px 0;
}
.one_company h3 {
    font-size: 18px;
    line-height: 18px;

    position: relative;

    margin: 0;
    padding: 0 0 20px 0;

    cursor: pointer;

    color: #064a7b;
    border-bottom: 1px solid #064a7b;
}
.one_company h3 .arrow_01 {
    position: absolute;
    top: 3px;
    right: 0;

    display: block;

    width: 18px;
    height: 11px;

    background-image: url(../images/company/ico_arrow_01.png);
    background-repeat: no-repeat;
    background-position: -18px 0;
    
}
.one_company h3 .arrow_01:hover {
    background-position: -18px -11px;
}
.one_company.f_on h4 .arrow_01 {
    background-position: 0 0;
}
.one_company.f_on h4 .arrow_01:hover {
    background-position: 0 -11px;
}
.one_company .one_company_detail {
    display: none;

    padding: 20px 0 0 0;
}
.one_company .one_company_detail .city {
    font-size: 0;

    position: relative;

    overflow: hidden;

    padding: 0 0 20px 0;


    border-bottom: 1px solid #00a2ca;
}
.one_company .one_company_detail .city h5 {
    display: inline-block;

    vertical-align: middle;

    cursor: pointer;
}
.one_company .one_company_detail .city h5 span {
    font-size: 14px;
    line-height: 26px;

    display: inline-block;

    height: 26px;
    padding: 0 5px;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    background: #00a2ca;
}
.one_company .one_company_detail .city h5 i {
    display: inline-block;

    width: 12px;
    height: 26px;

    vertical-align: middle;

    background: url(../images/company/ico_side.gif);
}
.one_company .one_company_detail .city .city_sttl {
    font-size: 14px;

    display: inline-block;

    margin: 0 0 0 10px;

    vertical-align: middle;

    color: #333;
}
.one_company .one_company_detail .city .city_sttl:hover {
    color: #00a2ca;
}
.one_company .one_company_detail .city .arrow_02 {
    position: absolute;
    top: 2px;
    right: 0;

    display: block;

    width: 20px;
    height: 20px;

    background-image: url(../images/company/ico_arrow_02.png);
    background-repeat: no-repeat;
    background-position: -20px 0;

}
.one_company .one_company_detail .city .arrow_02:hover {
    background-position: -20px -20px;
}
.one_company .one_company_detail.s_on .city .arrow_02 {
    background-position: 0 0;
}
.one_company .one_company_detail.s_on .city .arrow_02:hover {
    background-position: 0 -20px;
}
.one_company .one_company_detail address {
    font-size: 14px;
    font-style: normal;

    display: none;

    padding: 20px 0 0 0;
}
.one_company .one_company_detail address div {
    margin: 10px 0 0 0;
    padding: 0 0 0 22px;
}
.one_company .one_company_detail address .add {
    margin: 0;

    background: url(../images/company/ico_address.png) no-repeat scroll left center;
}
.one_company .one_company_detail address .add i.code {
    font-style: normal;

    margin: 0 0 0 10px;
}
.one_company .one_company_detail address .phone {
    background: url(../images/company/ico_phone.png) no-repeat scroll left center;
}
.one_company .one_company_detail address .phone a {
    color: #000;
}
.one_company .one_company_detail address .fax {
    background: url(../images/company/ico_fax.png) no-repeat scroll left center;
}
.company_one .sp_one_img {
    font-size: 0;

    display: none;
}
.company_map_area {
    font-size: 0;

    position: relative;
}
.company_map_area .company_map_arch {
    position: absolute;
    top: 0;
    left: 0;

    width: 120%;
    height: 100%;
}
.company_map_area .company_map_arch a {
    position: absolute;

    display: block;
}
.company_map_area .company_map_arch a.right {
    padding: 0 0 0 28px;

    background: url(../images/company/ico_map_01.png) no-repeat scroll left center;
}
.company_map_area .company_map_arch a.left {
    padding: 0 28px 0 0;

    background: url(../images/company/ico_map_02.png) no-repeat scroll right center;
}
.company_map_area .company_map_arch a.top {
    padding: 28px 0 0 0;

    background: url(../images/company/ico_map_03.png) no-repeat scroll top center;
}
.company_map_area .company_map_arch .sep_one {
    position: absolute;
}
.company_map_area .company_map_arch .sep_one a {
    position: static;
}
.company_map_area .company_map_arch .sep_one.lefttop {
    padding: 0 20px 16px 0;

    background: url(../images/company/ico_map_05.png) no-repeat scroll right bottom;
}
.company_map_area .company_map_arch .sep_one.leftbottom {
    padding: 16px 20px 0 0;

    background: url(../images/company/ico_map_06.png) no-repeat scroll right top;
}
.company_map_area .company_map_arch .sep_one.rightbottom {
    padding: 16px 0 0 20px;

    background: url(../images/company/ico_map_04.png) no-repeat scroll left top;
}
.company_map_area .company_map_arch .sep_one.china {
    top: 165px;
    left: 588px;
}
.company_map_area .company_map_arch .sep_one.malaysia {
    top: 267px;
    left: 414px;
}
.company_map_area .company_map_arch .sep_one.vietam {
    top: 272px;
    left: 734px;
}
.company_map_area .company_map_arch a.usa {
    top: 194px;
    left: 128px;
}
.company_map_area .company_map_arch a.britain {
    top: 139px;
    left: 445px;
}
.company_map_area .company_map_arch a.japan {
    top: 196px;
    left: 819px;
}
.company_map_area .company_map_arch a.thailand {
    top: 257px;
    left: 717px;
}
.company_map_area .company_map_arch a.malaysia {
    /*top: 292px;

    left: 750px;*/
    top: 283px;
    left: 402px;
}
.company_map_area .company_map_arch a.myanmar{
    top: 250px;
    left: 434px;
}
.company_map_area .company_map_arch a.vietam {
    top: 268px;
    left: 737px;
}
.company_map_area .company_map_arch a.china {
    top: 183px;
    left: 576px;
}
.company_map_area .company_map_arch a.chinesetaiwan {
    top: 230px;
    left: 527px;
}
.company_map_area .company_map_arch a.korea {
    top: 198px;
    left: 636px;
}
.company_map_area .company_map_arch .sep_one.singapore {
    top: 295px;
    left: 441px;
}
.jp .company_map_area .company_map_arch .sep_one.singapore {
    top: 295px;
    left: 429px;
}
.company_map_area .company_map_arch a.indonesia {
    top: 318px;
    left: 604px;
}
.company_map_area .company_map_arch a.australia {
    top: 389px;
    left: 553px;
}
.company_map_area .company_map_arch a.newzealand {
    top: 411px;
    left: 640px;
}
.company_map_area .company_map_arch a span {
    font-size: 14px;

    text-decoration: underline;

    color: #0065bc;
}
.sp_company_map_area {
    display: none;
}
/* recruit */
.recruit_content {
    margin: 0 0 60px 0;
    padding: 60px 0;
}
.recruit_content h2 {
    font-size: 26px;

    margin: 0 0 30px 0;

    text-align: center;
}
.no_recruit {
    font-size: 14px;
}
.recruit_list {
    margin: 0 -50px 0 0;
}
.recruit_list li {
    display: inline;
    float: left;

    width: 455px;
    margin: 0 50px 50px 0;
}
.recruit_list li.last {
    margin: 0 50px 0 0;
}
.recruit_list li a {
    display: block;

    box-shadow: 0 0 50px #e6e6e6;
}
.recruit_list li a .img {
    font-size: 0;
}
.recruit_list li a .txt {
    position: relative;

    padding: 20px 0;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    color: #064a7b;
    background: #fff;
}
.recruit_list li a i {
    position: absolute;
    top: 30px;
    right: 30px;

    display: block;

    width: 11px;
    height: 17px;

    background: url(../images/recruit/ico_arrow_right.png) no-repeat scroll 0 0;
}
.recruit_list li a:hover .txt {
    color: #fff;
    background: #064a7b;
}
.recruit_list li a .txt strong {
    font-size: 18px;

    display: block;
}
.recruit_list li a .txt span {
    font-size: 12px;

    display: block;
}
#recruit.detail h1.style_02 {
    margin: 0;
}
.recruit_intro {
    margin: 0;
}
.recruit_intro dt {
    font-size: 16px;
    font-weight: bold;

    margin: 0 0 10px 0;

    color: #064a7b;
}
.recruit_intro dd {
    margin: 0;
}
.recruit_intro dd.gap {
    margin: 0 0 30px 0;
}
.recruit_intro dd ul li {
    font-size: 14px;

    display: block;

    margin: 0 0 5px 0;

    color: #666;
}
.recruit_intro dd ul li span {
    padding: 0 0 0 10px;

    background: url(../images/recruit/ico_dot_01.png) no-repeat scroll left center;
}
.recruit_one {
    margin: 0 0 50px 0;
}
.recruit_one h3 {
    font-size: 16px;

    margin: 0 0 40px 0;
    padding: 0 0 0 20px;

    color: #064a7b;
    background: url(../images/recruit/ico_dot_02.png) no-repeat scroll left center;
}
.recruit_one table {
    font-size: 12px;

    margin: 0 0 50px 0;
}
.recruit_one table tbody th {
    font-size: 14px;
    font-weight: normal;

    width: 120px;
    padding: 0 0 40px 0;

    text-align: left;
    vertical-align: top;

    border-right: 1px solid #d9e2e9;
}
.recruit_one table tbody td {
    font-size: 14px;
    line-height: 1.6;

    padding: 0 0 40px 50px;

    vertical-align: top;

    color: #666;
}
.recruit_one table tbody td li {
    padding: 0 0 0 20px;

    background: url(../images/recruit/ico_dot_03.png) no-repeat scroll left 7px;
}
.recruit_one table tbody tr.last th,
.recruit_one table tbody tr.last td {
    padding-bottom: 0;
}
.recruit_one .bottom {
    position: relative;

    overflow: hidden;
}
.recruit_one .bottom .download_resume {
    font-size: 12px;
    line-height: 54px;

    display: block;
    float: right;

    width: 214px;
    height: 54px;

    -webkit-transition: all .5s; /* Safari 鍜� Chrome */
       -moz-transition: all .5s; /* Firefox 4 */
         -o-transition: all .5s; /* Opera */
            transition: all .5s;
    text-align: center;

    color: #064a7b;
    border: 3px solid #064a7b;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    background: #fff url(../images/recruit/ico_dot_02.png) no-repeat scroll 15px center;
}
.recruit_one .bottom .download_resume:hover {
    color: #fff;
    background-color: #064a7b;
}
.recruit_one .bottom .download_resume span {
    padding: 0 0 0 28px;

    background: url(../images/recruit/ico_download.png) no-repeat scroll left center;
}
.recruit_one .bottom .download_resume:hover span {
    background-image: url(../images/recruit/ico_download_h.png);
}
.recruit_one .bottom .line {
    position: absolute;
    top: 30px;
    left: 0;

    width: 588px;
    height: 1px;

    background: #d9e2e9;
}
#recruit.detail .recruit_content .wrapper {
    width: 860px;
}
/* 404椤甸潰 & coming soon */
.nopage {
    padding: 200px 0;

    text-align: center;
}
.nopage p {
    font-size: 40px;
}
.nopage p a {
    color: #00b8ee;
}
.soon {
    padding: 110px 0;

    text-align: center;
}
.soon p {
    font-size: 0;
}
/* service */
#service #nav ul li.service a {
    background: #00b8ee;
}
#service #nav ul li.service a .img {
    background-position: -323px -57px;
}
#service #nav ul li.service a .txt {
    color: #fff;
}
#service .fix_header .service a {
    background: #00b8ee;
}
#service .fix_header .service a .img {
    background-position: -323px -57px;
}
#service .fix_header .service a .txt {
    color: #fff;
}
.service_index_header {
    margin: 0 0 60px 0;
    padding: 60px 0px;
}
.service_index_header h2 {
    font-size: 26px;

    margin: 0 0 30px 0;

    text-align: center;
}
.service_index_header .txt_area {
    font-size: 16px;

    margin: 0 0 30px 0;

    text-align: center;
}
.service_index_header .three_cols ul li {
    position: relative;

    width: 300px;
}
.service_index_header .three_cols ul li .img {
    margin: 0 0 10px 0;
	 
}
.service_index_header .three_cols ul li .txt {
    font-size: 14px;
    font-weight: bold;

    text-align: center;
}

.service_index_header .three_cols ul li .txt h3 {
    padding: 0 20px 0 0;

    color: #333;
    background: url(../images/service/ico_down_01.png) no-repeat right center;
    font-size: 14px;
}
.service_index_header .three_cols ul li:hover .txt span {
    color: #00b8ee;
    background: url(../images/service/ico_up_01_h.png) no-repeat right center;
}
.service_index_header .three_cols ul li .hover_content {
    position: absolute;
    z-index: 2;
    z-index: 3;
    top: 228px;
    left: -30px;

    display: none;

    width: 340px;

    background: #fff;
    box-shadow: 1px 3px 5px #d8d8d8;
}
.service_index_header .three_cols ul li:hover .hover_content {
    display: block;
}
.service_index_header .three_cols ul li .hover_content ul {
    margin: 0;
}
.service_index_header .three_cols ul li .hover_content ul li {
    display: block;
    float: none;

    margin: 0;
}
.service_index_header .three_cols ul li .hover_content .detail {
    padding: 0 30px 0 30px;
}
.service_index_header .three_cols ul li .hover_content .detail dl.style_01 {
    margin: 22px 0 0 0;
    padding: 0 0 22px 0;

    border-bottom: 1px solid #e5e5e5;
}
.service_index_header .three_cols ul li .hover_content .detail dl.style_01 dt {
    font-size: 16px;
    font-weight: bold;

    margin: 0 0 14px 0;

    color: #064a7b;
}
.service_index_header .three_cols ul li{ position:relative}
.service_index_header .three_cols ul li a div.alibt{ position: absolute; color:#fff; z-index:1; width:100%; text-align:center; margin-top:-60%; font-size:24px; font-weight:bold; text-shadow:2px 0px 0px #000}
.service_index_header .three_cols ul li .hover_content .detail dl.style_01 dd {
    margin: 0;
}
.service_index_header .three_cols ul li .hover_content .detail dl.style_01 dd ul li a {
    font-size: 14px;
    line-height: 22px;

    color: #666;
}
.service_index_header .three_cols ul li .hover_content .detail dl.style_01 dd ul li a:hover {
    text-decoration: underline;
}
.service_index_header .three_cols ul li .hover_content .detail dl.style_01 dd ul li a span {
    display: block;
}
.service_index_header .three_cols ul li .hover_content .detail dl.style_01 dd ul li a span.s_txt {
    margin: -22px 0 0 14px;
}
.service_index_header .three_cols ul li .hover_content .detail ul.style_02 li {
    padding: 20px 0;

    border-bottom: 1px solid #e5e5e5;
}
.service_index_header .three_cols ul li .hover_content .detail ul.style_02 li a {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;

    display: inline-block;

    height: 25px;
    padding: 0 0 0 40px;

    color: #333;
    color: #064a7b;
}
.service_index_header .three_cols ul li .hover_content .detail ul.style_02 li a:hover {
    text-decoration: underline;
}
.service_index_header .three_cols ul li .hover_content .detail ul.style_02 li.home a {
    background: url(../images/service/ico_home.png) no-repeat left center;
}
.service_index_header .three_cols ul li .hover_content .detail ul.style_02 li.shop a {
    background: url(../images/service/ico_shop.png) no-repeat left center;
}
.service_index_header .three_cols ul li .hover_content .detail ul.style_02 li.office a {
    background: url(../images/service/ico_office.png) no-repeat left center;
}
.service_index_header .three_cols ul li .hover_content .detail ul.style_02 li.factory a {
    background: url(../images/service/ico_factory.png) no-repeat left center;
}
.service_index_content {
    padding: 60px 0 20px 0;
}
.service_index_content .two_cols.txt_on_opacity {
    margin: 0 0 60px 0;
}
.service_index_content h2 {
    font-size: 26px;

    margin: 0 0 20px 0;

    text-align: center;
}
.service_index_content .service_nav li {
    margin-bottom: 40px;
    padding: 20px 0 0 0;

    border-top: 1px solid #e9e9e9;
}
.service_index_content .service_nav li a {
    font-size: 18px;
    line-height: 25px;

    display: inline-block;

    height: 25px;
    padding: 0 0 0 36px;

    color: #171919;
    background: url(../images/service/ico_right_01.png) no-repeat left center;
}
.service_index_content .service_nav li a:hover {
    color: #00b8ee;
    background: url(../images/service/ico_right_01_h.png) no-repeat left center;
}
.service_content .family_case {
    margin: 0 0 30px 0;
    padding: 40px 0;
}
.service_content .family_case h2 {
    font-size: 0;

    position: relative;

    margin: 0 0 30px 0;

    text-align: center;
}
.service_content .family_case h2 .ttl {
    position: relative;
    z-index: 2;

    display: inline-block;

    padding: 0 10px 0 22px;

    background: #fff;
}
.service_content .family_case h2 .ttl .case_area {
    display: inline-block;

    margin: 0 18px 0 0;

    vertical-align: middle;
}
.service_content .family_case h2 .ttl .case_area span {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;

    position: relative;

    display: inline-block;

    height: 24px;
    padding: 0 15px;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    background: #064a7b;
}
.service_content .family_case h2 .ttl .case_area span:before {
    position: absolute;
    top: 0;

    display: block;

    width: 8px;
    height: 24px;

    content: '';
}
.service_content .family_case h2 .ttl .case_area .case_num {
    margin: 0 1px 0 0;
}
.service_content .family_case h2 .ttl .case_area .case_num:before {
    left: -8px;

    background: url(../images/service/ttl_bg_01.png) no-repeat scroll 0 0;
}
.service_content .family_case h2 .ttl .case_area .case_txt:before {
    right: -8px;

    background: url(../images/service/ttl_bg_02.png) no-repeat scroll 0 0;
}
.service_content .family_case h2 .ttl strong {
    font-size: 24px;

    display: inline-block;

    vertical-align: middle;

    color: #064a7b;
}
.service_content .family_case h2 .line {
    position: absolute;
    z-index: 1;
    top: 13px;
    left: 0;

    width: 100%;

    border-bottom: 1px solid #e9e9e9;
}
.service_content .family_case .worry {
    font-size: 0;

    padding: 0 30px 30px 30px;
}
.service_content .family_case .worry .major_person {
    display: inline-block;

    margin: 0 40px 0 0;

    vertical-align: middle;
}
.service_content .family_case .worry .major_person .img {
    font-size: 0;

    margin: 0 0 10px 0;
}
.service_content .family_case .worry .major_person .intro {
    font-size: 14px;
    line-height: 1.4;

    text-align: center;
}
.service_content .family_case .worry .major_dialog {
    position: relative;
    top: -10px;

    display: inline-block;

    width: 680px;

    vertical-align: middle;
}
.service_content .family_case .worry .major_dialog .dialog {
    font-size: 24px;

    position: relative;

    display: block;

    margin: 0 0 10px 0;
    padding: 22px 0;

    border: 1px solid #c8c8c8;
    -moz-border-radius: 10px;
         border-radius: 10px;

      -o-border-radius: 10px;
     -ms-border-radius: 10px;
}
.service_content .family_case .worry .major_dialog .dialog:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: -18px;

    display: block;

    width: 19px;
    height: 15px;
    margin: -7.5px 0 0 0;

    content: '';

    background: url(../images/service/ico_corner_01.png) no-repeat scroll 0 0;
}
.service_content .family_case .worry .major_dialog .dialog span {
    padding: 0 20px;
}
.service_content .family_case .worry .major_dialog  .dialog_txt {
    font-size: 14px;
    line-height: 1.6;
}
.service_content .family_case .case_big_line {
    position: relative;

    height: 3px;

    background: #eee;
}
.service_content .family_case .case_big_line:before {
    position: absolute;
    top: 3px;
    left: 50%;

    display: block;

    width: 22px;
    height: 12px;
    margin: 0 0 0 -11px;

    content: '';

    background: url(../images/service/ico_down_02.gif) no-repeat scroll 0 0;
}
.service_content .family_case .secom_solution {
    font-size: 0;

    margin: 40px 0 0 0;
    padding: 0 30px;
}
.service_content .family_case .secom_solution .txt {
    font-size: 14px;
    line-height: 1.6;

    display: inline-block;

    width: 700px;

    vertical-align: middle;
}
.service_content .family_case .secom_solution .secom_logo {
    font-size: 0;

    position: relative;

    display: inline-block;

    width: 156px;
    margin: 0 0 0 42px;
    padding: 16px 0;

    text-align: center;
    vertical-align: middle;

    border: 1px solid #c8c8c8;
}
.service_content .family_case .secom_solution .secom_logo:before {
    position: absolute;
    top: 50%;
    left: -12px;

    display: block;

    width: 13px;
    height: 16px;
    margin: -8px 0 0 0;

    content: '';

    background: url(../images/service/ico_left_01.gif) no-repeat scroll 0 0;
}
.service_content .family_service_intro .family_service_intro_one {
    padding: 60px 0;

    border-bottom: 1px solid #e9e9e9;
}
.service_content .family_service_intro .family_service_intro_one h2 {
    font-size: 26px;

    margin: 0 0 20px 0;
}
.service_content .family_service_intro .family_service_intro_one h2.spec {
    text-align: center;
}
.service_content .family_service_intro .family_service_intro_one .service_kv {
    font-size: 0;

    position: relative;

    margin: 0 0 20px 0;
}
.service_content .family_service_intro .family_service_intro_one .service_kv span {
    font-size: 26px;

    position: absolute;
    bottom: 25px;
    left: 0;

    display: block;

    padding: 10px;

    color: #fff;
    background: url(../images/service/home/home_intro_kv_bg.png) repeat scroll 0 0;
}
.service_content .family_service_intro .family_service_intro_one .txt {
    font-size: 14px;
    line-height: 1.6;

    margin: 0 0 30px 0;
}
.service_content .family_service_intro .family_service_intro_one .img {
    font-size: 0;

    text-align: center;
}
.service_content .family_service_intro .family_service_intro_one .list_4 {
    font-size: 0;

    text-align: center;
}
.service_content .family_service_intro .family_service_intro_one .list_4 li {
    display: inline-block;

    margin: 0 15px;
}
.service_content .family_service_intro .family_service_intro_one .list_4 li span.txt {
    font-size: 14px;

    display: block;

    margin: 10px 0 0 0;

    text-align: center;
}
.service_content .service_block_01 {
    padding: 60px 0;
}
.service_content .service_block_01 h2 {
    font-size: 26px;

    margin: 0 0 30px 0;

    text-align: center;
}
.service_content .service_two_cols li {
    margin: 0 30px 30px 0;

    background: #fff;
}
.service_content .service_two_cols li.last-row {
    margin: 0 30px 0 0;
}
.service_content .service_two_cols li div {
    display: table;
}
.service_content .service_two_cols li .img {
    font-size: 0;

    display: table-cell;

    padding: 30px 20px 30px 30px;

    vertical-align: middle;
}
.service_content .service_two_cols li .txt {
    font-size: 14px;

    display: table-cell;

    padding: 30px 30px 30px 0;

    vertical-align: middle;

    color: #666;
}
.service_content .service_two_cols li .txt strong {
    font-size: 16px;

    display: block;

    margin: 0 0 10px 0;

    color: #333;
}
.service_content .service_two_cols li a .txt strong {
    text-decoration: underline;
}
.service_content .home_contact_table {
    padding: 60px 0 0 0;
}
.service_content .home_contact_table h3 {
    font-size: 26px;

    margin: 0 0 20px 0;

    text-align: center;
}
.service_content .home_contact_table .table_01 {
    margin: 0;
    padding: 0;
}
.service_content .home_contact_table .area_btn_center {
    padding: 40px 0 0 0;
}
#service .ttl_area .ttl_02 {
    margin: 0;

    text-align: center;

    color: #333;
}
.service_content .family_shop {
    padding: 60px 0;
}
.service_content h2.service_style_01 {
    position: relative;

    margin: 0 0 40px 0;

    text-align: center;
}
.service_content h2.service_style_01 strong {
    font-size: 26px;

    position: relative;
    z-index: 2;

    display: inline-block;

    padding: 0 40px;

    background: #fff;
}
.service_content h2.service_style_01 i.line {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;

    width: 100%;
    height: 1px;
    margin: -1px 0 0 0;

    background: #333;
}
.service_content .family_crct .family_crct_one {
    margin: 0 0 30px 0;
}
.service_content .family_crct .family_crct_one h3 {
    font-size: 21px;

    margin: 0 0 10px 0;

    color: #00b8ee;
}
.service_content .family_crct .family_crct_one h3.red {
    color: #ce000c;
}
.service_content .family_crct .family_crct_one h3 strong {
    font-weight: normal;
    line-height: 40px;

    margin: 0 10px;

    vertical-align: bottom;
}
.service_content .family_crct .family_crct_one h3 span {
    font-size: 34px;
    font-weight: normal;

    vertical-align: middle;
}
.service_content .family_crct .family_crct_one p {
    font-size: 14px;

    color: #666;
}
.service_content .family_crct_img {
    font-size: 0;

    text-align: center;
}
.service_content .family_crct_img span.img {
    position: relative;

    display: inline-block;
}
.service_content .family_crct_img span.img .corner_left {
    position: absolute;
    bottom: 0;
    left: -10px;
}
.service_content .family_crct_img span.img .corner_right {
    position: absolute;
    top: 0;
    right: -10px;
}
.service_content .family_crct_img span.img .corner_bottom {
    position: absolute;
    right: 0;
    bottom: 0;
}
.service_content .family_crct_img.office span.img .corner_left {
    position: absolute;
    bottom: 0;
    left: -90px;
}
.service_content .family_crct_img.office span.img .corner_right {
    position: absolute;
    top: 0;
    right: -90px;
}
.service_content .family_crct_img span.txt {
    font-size: 12px;

    display: block;

    color: #999;
}
.service_content .family_crct_img .sp_list .service_bottom_sp_area_list {
    display: none;
}
.service_content .service_feature_top {
    margin: 0 0 60px 0;
}
.service_content .service_feature_top .service_feature_top_detail {
    padding: 30px;
}
.service_content .service_feature_top .service_feature_top_detail .ttl {
    font-size: 16px;
    font-weight: bold;

    margin: 0 0 10px 0;

    color: #333;
}
.service_content .service_feature_top .service_feature_top_detail .txt {
    font-size: 14px;
    line-height: 1.6;

    margin: 0 0 20px 0;

    color: #666;
}
.service_content .service_feature_top .service_feature_top_detail .img {
    font-size: 0;

    text-align: center;
}
.service_content .service_feature_top .service_feature_top_detail .s_ttl_content {
    text-align: center;
}
.service_content .service_feature_top .service_feature_top_detail .s_ttl {
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;

    display: inline-block;

    margin: 20px 0 0 0;
    padding: 0 10px;

    text-align: left;

    color: #fff;
    background: #00b8ee;
}
.service_content .service_feature_detail {
    margin: 0 0 60px 0;
    padding: 40px 0;
}
.service_content .service_feature_detail h2 {
    font-size: 26px;

    margin: 0 0 40px 0;

    text-align: center;
}
.service_content .service_feature_detail .two_cols ul {
    margin: 0 -70px 0 0;
}
.service_content .service_feature_detail .two_cols li {
    width: 445px;
    height: 110px;
    margin: 0 70px 20px 0;

    border-bottom: 1px solid #eee;
}
.service_content .service_feature_detail .two_cols li.last-row {
    height: auto;
    margin-bottom: 0;

    border-bottom: none;
}
.service_content .service_feature_detail .two_cols li .ttl {
    font-size: 16px;
    font-weight: bold;

    margin: 0 0 10px 0;
    padding: 0 0 0 25px;

    color: #00b8ee;
    background: url(../images/service/feature/ico_right_01.png) no-repeat scroll left center;
}
.service_content .service_feature_detail .two_cols li .txt {
    font-size: 14px;
    line-height: 1.6;

    display: block;

    color: #666;
}
.service_content .service_feature_bottom {
    margin: 0 0 60px 0;
}
.service_content .service_feature_bottom .wrapper {
    padding: 40px 0;
}
.service_content .service_feature_bottom h2 {
    font-size: 26px;

    margin: 0 0 40px 0;

    text-align: center;
}
.service_content .service_feature_bottom .img {
    font-size: 0;

    text-align: center;
}
.service_content .service_feature_bottom .service_bottom_sp_area {
    display: none;
}
.service_content .service_btn_area {
    margin: 0 0 60px 0;
}
.service_content .service_btn_area a {
    margin: 0 auto;
}
.service_content .service_px_content {
    margin: 0 0 60px 0;
    padding: 60px 0;
}
.service_content .service_px_content .service_two_cols li {
    box-shadow: 0 0 5px #e6e6e6;
}
.dummy {
    padding: 40px 0;

    text-align: center;
}
.dummy .wrapper {
    padding: 40px 0;
}
.px_ttl_area p {
    font-size: 16px;
    font-weight: bold;

    margin: 0 0 30px 0;
}
.px_ttl_area dl dt {
    font-size: 21px;

    margin: 0 0 10px 0;
}
.px_ttl_area dl dd {
    margin: 0;
}
.px_ttl_area dl dd ul li {
    display: inline-block;

    margin: 0 70px 0 0;
}
.px_ttl_area dl dd ul li span {
    font-size: 14px;

    padding: 0 0 0 30px;

    color: #666;
    background: url(../images/service/ico_point_01.png) no-repeat scroll left center;
}
h3.service_style_01,
h4.service_style_01 {
    font-size: 21px;

    margin: 0 0 10px 0;

    color: #00b8ee;
}
h3.service_style_01 span,
h4.service_style_01 span {
    font-size: 34px;
    font-weight: normal;

    vertical-align: middle;
}
h3.service_style_01 strong,
h4.service_style_01 strong {
    font-weight: normal;
    line-height: 40px;

    margin: 0 10px;

    vertical-align: bottom;
}
.service_px_content .service_px_list ul {
    margin: 0 -70px 0 0;
}
.service_px_content .service_px_list ul li {
    display: inline;
    float: left;

    width: 445px;
    margin: 0 70px 0 0;

    border-bottom: 1px solid #eee;
}
.service_px_content .service_px_list ul li .txt {
    font-size: 14px;
    line-height: 1.6;

    color: #666;
}
.service_px_content .service_px_list ul.f_row li {
    height: 210px;
    margin-bottom: 20px;
}
.service_px_content .service_px_list ul.s_row li {
    height: 110px;
    margin-bottom: 20px;
}
.service_px_content .service_px_list ul.t_row li {
    border-bottom: 0;
}
.service_dispatch_content {
    margin: 0 0 60px 0;
    padding: 40px 0;
}
.service_dispatch_content dl {
    margin: 0 0 50px 0;
}
.service_dispatch_content dl dt {
    font-size: 21px;

    margin: 0 0 20px 0;
}
.service_dispatch_content dl dt h3{
    font-size: 21px;
    font-weight: normal;
}
.service_dispatch_content dl dd {
    margin: 0;
}
.service_dispatch_content dl dd .txt {
    font-size: 14px;
    line-height: 1.6;

    margin: 0 0 20px 0;

    color: #666;
}
.service_dispatch_content dl dd .img {
    font-size: 0;

    text-align: center;
}
.service_security_content {
    margin: 0 0 60px 0;
    padding: 40px 0;
}
.service_security_content .txt {
    font-size: 14px;
    line-height: 1.6;

    margin: 0 0 30px 0;

    color: #666;
}
.service_security_content .ip_guard {
    margin: 0 0 60px 0;
    padding: 30px;

    border: 1px solid #e0e0e0;
    box-shadow: 0 0 5px #e6e6e6;
}
.service_security_content .ip_guard .img {
    font-size: 0;

    margin: 0 0 20px 0;

    text-align: center;
}
.service_security_content .ip_guard .ttl {
    font-size: 21px;

    margin: 0 0 10px 0;

    font-weight: normal;
}
.service_security_content .ip_guard .txt {
    margin: 0;
}
.service_security_content dl {
    margin: 0;
}
.service_security_content dl.border_one {
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;

    border-bottom: 1px solid #e9e9e9;
}
.service_security_content dl dt {
    font-size: 21px;
}
.service_security_content dl dt h3{
    font-size: 21px;

    font-weight: normal;
}
.service_security_content dl dd {
    margin: 0;
}
.service_security_content dl dd ul li {
    margin: 20px 0 0 0;
}
.service_security_content dl dd ul li span {
    font-size: 14px;
    line-height: 1.6;

    padding: 0 0 0 30px;

    color: #666;
    background: url(../images/service/ico_point_01.png) no-repeat scroll left center;
}
.family_case_lower .family_case {
    margin: 0 0 60px 0;
}
.family_service_feature {
    margin: 0 0 60px 0;
    padding: 60px 0 40px 0;
}
.family_service_feature h2 {
    font-size: 26px;

    margin: 0 0 20px 0;

    text-align: center;
}
.family_service_feature ul {
    margin: 0 -45px 0 0;
}
.family_service_feature ul li {
    display: inline;
    float: left;

    width: 156px;
    margin: 0 45px 20px 0;
}
.family_service_feature ul li .img {
    font-size: 0;

    display: block;

    margin: 0 0 15px 0;
}
.family_service_feature ul li .txt {
    font-size: 14px;

    display: block;

    text-align: center;

    color: #333;
}
.family_service_home_bottom .family_service_home_bottom_detail {
    margin: 0 0 60px 0;
    padding: 60px 0;
}
.family_service_home_bottom .family_service_home_bottom_detail h2 {
    font-size: 26px;

    margin: 0 0 20px 0;

    text-align: center;
}
.family_service_home_bottom .family_service_home_bottom_detail ul {
    margin: 0 120px 20px 120px;
}
.family_service_home_bottom .family_service_home_bottom_detail ul li {
    margin: 0 0 5px 0;
}
.family_service_home_bottom .family_service_home_bottom_detail ul li span {
    font-size: 14px;

    color: #333;
}
.family_service_home_bottom .family_service_home_bottom_detail ul li a:hover {
    text-decoration: underline;
}
.family_service_home_bottom .family_service_home_bottom_detail ul li a:visited {
    color: #333;
}
.family_service_home_bottom .family_service_home_bottom_detail .btn_area a {
    margin: 0 auto;
}
.family_service_home_bottom .family_service_home_bottom_detail .btn_area_02 {
    margin: 20px 120px 0 120px;
}
.btn_back_01 {
    font-size: 14px;

    padding: 0 0 0 18px;

    color: #333;
    background: url(../images/icon/ico_left_01.png) no-repeat scroll left center;
}
.btn_back_01:hover {
    text-decoration: underline;
}
.flow_content {
    margin: 0 0 60px 0;
}
.flow_content .flow_detail {
    position: relative;

    padding: 60px 0;
}
.flow_content .flow_detail .cross_line {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 28px;

    width: 2px;
    height: 100%;

    background: #064a7b;
}
.flow_content .flow_detail .flow_step {
    position: relative;
    z-index: 2;

    overflow: hidden;

    margin: 0 0 60px 0;
}
.flow_content .flow_detail .flow_step h2 {
    font-size: 0;

    margin: 0 0 10px 0;
}
.flow_content .flow_detail .flow_step h2 .img {
    display: inline-block;

    margin: 0 20px 0 0;

    vertical-align: middle;
}
.flow_content .flow_detail .flow_step h2 .txt {
    font-size: 18px;
    font-weight: bold;

    display: inline-block;

    vertical-align: middle;

    color: #064a7b;
}
.flow_content .flow_detail .flow_step .flow_step_content {
    display: table;
    float: right;

    width: 878px;

    border: 1px solid #e0e0e0;
    box-shadow: 0 0 5px #e6e6e6;
}
.flow_content .flow_detail .flow_step .flow_step_content .txt {
    display: table-cell;

    width: 690px;

    vertical-align: middle;
}
.flow_content .flow_detail .flow_step .flow_step_content .txt .txt_detail {
    font-size: 16px;

    display: block;

    padding: 0 30px;
}
.flow_content .flow_detail .flow_step .flow_step_content .img {
    font-size: 0;

    display: table-cell;

    padding: 20px 0;

    vertical-align: middle;
}
.flow_content .flow_detail .flow_step.last_step {
    margin: 0;
}
.service_navigation {
    padding: 60px 0;
}
.service_navigation ul {
    margin: 0 -30px 0 0;
}
.service_navigation ul li {
    position: relative;

    display: inline;
    float: left;

    width: 300px;
    margin: 0 30px 0 0;
}
.service_navigation ul li .img {
    font-size: 0;

    display: block;
}
.service_navigation ul li .txt {
    font-size: 18px;
    line-height: 140px;

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    text-align: center;

    color: #fff;
}
.service_navigation ul li:hover .txt {
    background: url(../images/service/service_nav_h_bg.png);
}
.service_navigation ul li .txt strong {
    padding: 0 0 8px 0;

    border-bottom: 1px solid #fff;
}
.service_navigation ul li .txt strong span {
    padding: 0 0 4px 0;

    border-bottom: 2px solid #fff;
}

/* 鎴愬姛妗堜緥 */
#case #nav ul li.showing a {
    background: #00b8ee;
}
#case #nav ul li.showing a .img {
    background-position: -480px -54px;
}
#case #nav ul li.showing a .txt {
    color: #fff;
}
#case .fix_header .showing a {
    background: #00b8ee;
}
#case .fix_header .showing a .img {
    background-position: -485px -54px;
}
#case .fix_header .showing a .txt {
    color: #fff;
}
.case_content {
    margin: 0 0 60px 0;
    padding: 60px 0;
}
.case_index_content .case_index_block {
    overflow: hidden;

    margin: 0 0 80px 0;
}
.case_index_content .case_index_block.lt_ri .img {
    float: right;
}
.case_index_content .case_index_block.lt_ri .txt {
    float: left;
}
.case_index_content .case_index_block.li_rt .img {
    float: left;
}
.case_index_content .case_index_block.li_rt .txt {
    float: right;
}
.case_index_content .case_index_block .img {
    font-size: 0;

    width: 480px;

    border: 5px solid #000;
}
.case_index_content .case_index_block .txt {
    width: 410px;
}
.case_index_content .case_index_block h2.ttl {
    line-height: 45px;

    overflow: hidden;

    height: 45px;
    margin: 0 0 14px 0;
    padding: 0 10px;

    background: #064a7b;
}
.case_index_content .case_index_block h2.ttl strong {
    font-size: 18px;

    color: #fff;
}
.case_index_content .case_index_block h2.ttl a {
    float: right;

    color: #fff;
}
.case_index_content .case_index_block h2.ttl a span {
    font-size: 15px;

    margin: 0 5px 0 0;

    vertical-align: middle;
}
.case_index_content .case_index_block h2.ttl a i {
    display: inline-block;

    width: 6px;
    height: 10px;

    vertical-align: middle;

    background: url(../images/icon/icon_arrow_02.png) no-repeat scroll 0 0;
}
.case_index_content .case_index_block .c_txt {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;

    margin: 0 0 14px 0;
    padding: 0 0 14px 0;

    color: #064a7b;
    border-bottom: 1px solid #ededed;
}
.case_index_content .case_index_block .c_detail {
    font-size: 14px;
    line-height: 1.5;
}
.case_index_content .case_index_block .c_detail a {
    text-decoration: underline;

    color: #064a7b;
}
.case_detail_content h2.ttl {
    line-height: 40px;

    margin: 0 0 60px 0;
}
.case_detail_content h2.ttl .loc {
    font-size: 18px;
    line-height: 40px;

    display: inline-block;

    width: 85px;
    height: 40px;
    margin: 0 15px 0 0;

    text-align: center;
    vertical-align: middle;

    color: #fff;
        border-radius: 4px;
    background: #064a7b;

    -ms-border-radius: 4px;
     -o-border-radius: 4px;
    -wekit-border-radius: 4px;
}
.case_detail_content h2.ttl strong {
    font-size: 24px;

    margin: 0 15px 0 0;

    vertical-align: middle;
}
.case_detail_content h2.ttl .logo {
    font-size: 0;

    display: inline-block;

    vertical-align: middle;
}
.case_intro {
    display: table;
    overflow: hidden;

    width: 100%;
}
.case_intro .img {
    display: table-cell;

    padding: 0 0 0 30px;

    vertical-align: top;
}
.case_intro .img span {
    font-size: 0;

    display: block;

    margin: 0 0 20px 0;
}
.case_intro .txt {
    display: table-cell;
    overflow: hidden;

    vertical-align: top;
}
.case_intro .txt .t_img {
    font-size: 0;

    position: relative;

    float: left;

    margin: 0 30px 0 0;
}
.case_intro .txt .t_img span {
    font-size: 14px;

    position: absolute;
    bottom: 10px;
    left: 10px;

    display: block;

    color: #fff;
}
.case_intro .txt .t_img.t_img_spec_01 span{
    left: auto;
    right: 10px;
    text-shadow: 5px 5px 5px #000;
}
.case_detail_content h3.ttl {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 10px;
    color: #fff;
    background: #00b8ee;
    font-size: 19px;
    line-height: 30px;
}
.case_intro .txt .t_txt p {
    font-size: 14px;
    line-height: 1.6;
}
.case_need {
    width: 700px;
    margin: -40px 0 40px 0;
}
.case_need.case_need_spec_1{
    position: relative;
    top: -133px;
}
.case_need.case_need_spec_2{
    margin: -80px 0 40px 0;
}
.case_need.case_need_spec_3{
    margin: -24px 0 40px 0;
}
.case_need p {
    font-size: 14px;
    line-height: 1.6;
}
.case_need p span{
    display: block;
}
.case_solution {
    display: table;

    width: 100%;
    margin: -80px 0 0 0;
}
.case_solution.case_solution_spec_1{
    margin: -130px 0 0 0;
}
.case_solution.case_solution_spec_1 .txt{
    vertical-align: top;
}
.case_solution.case_solution_spec_2{
    margin: -60px 0 0 0;
}
.case_solution.case_solution_spec_3{
    margin: -50px 0 0 0;
}
.case_solution .img {
    font-size: 0;

    display: table-cell;

    padding: 0 0 0 30px;

    vertical-align: middle;
}
.case_solution .txt {
    display: table-cell;

    vertical-align: middle;
}
.case_solution .img img {
    display: block;

    margin: 0 0 15px 0;
}
.case_solution .img span {
    font-size: 14px;

    display: block;

    text-align: right;

    color: #333;
}
.case_solution .txt div {
    font-size: 14px;
    line-height: 1.6;
}
.case_solution .txt div span {
    display: block;
}
.family_service_feature.case_content_service {
    margin: 0 0 50px 0;

    border-bottom: 1px solid #ededed;
}
.family_service_feature.case_content_service h3 {
    margin: 0 0 30px 0;
}
.case_content_jump {
    position: relative;

    text-align: center;
}
.case_content_jump .menu {
    display: inline-block;

    width: 26px;
    height: 26px;

    text-indent: -9999px;

    background: url(../images/case/icon_menu.png);
}
.case_content_jump .prev {
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;

    position: absolute;
    top: 3px;
    left: 0;

    display: block;

    height: 19px;
    padding: 0 0 0 30px;

    color: #064a7b;
    background: url(../images/case/icon_prev.png) no-repeat scroll left center;
}
.case_content_jump .next {
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;

    position: absolute;
    top: 3px;
    right: 0;

    display: block;

    height: 19px;
    padding: 0 30px 0 0;

    color: #064a7b;
    background: url(../images/case/icon_next.png) no-repeat scroll right center;
}
/* 鎴愬姛妗堜緥璇︾粏椤� */

@media print {
    .faq_detail .faq_txt .faq_a {
        display: block;
    }
    .one_company .one_company_detail {
        display: block;
    }
    .one_company .one_company_detail address {
        display: block;
    }
}

.htel{ position:absolute; left:45%; top:20px;}
.htel img{ min-width:20%}
.hsou{ position:absolute; left:65%; top:20px;}
.hsou img{ min-width:20%}
.ahtel{ position:absolute; left:280px; top:20px;}
.ahsou{ position:absolute; left:600px; top:20px;}
.aboutadvtxt {background:#ecebeb; margin-top:100px; height:80px; }
.aboutadvtxt h2 {    font-size: 21px; font-weight: bolder;line-height:80px;   margin:20px 0;    text-align: center;    color: #00b7ee; 
}
.sabout{}
.sabout .bt{ font-size:24px; border:2px solid #00b8ee;  float:left; padding:10px 15px; color:#054a7a; margin-bottom:25px; margin-top:15px; }
.sabout p{color:#054a7a; line-height:20px; font-size:14px; margin-bottom:25px;}
.wenhua{ text-align:center}
.wenhua a.bt{ font-size:24px; border:2px solid #00b8ee;    padding:10px 25px 10px 35px; color:#054a7a; margin-bottom:55px; margin-top:15px; letter-spacing:10px }
.wenhua p{color:#054a7a; line-height:20px; font-size:14px; margin-bottom:25px;}
.clear{ clear:both}
.aboutli{ background:#e8ecee; padding:15px; line-height:30px; color:#333333; font-size:18px;border-radius:10px; margin:15px 0}
.aboutli .libt{ width:260px; height:60px; line-height:60px; background:#fff; border-radius:10px; float:left; text-align:center; margin-right:15px; font-size:28px}
.index_anli_list ul li{ position:relative}
.index_anli_list ul li a dt{ position: absolute; width:100%; height:100%;   z-index:1000; color:#fff; width:100%; text-align:center; padding-top:130px; font-size:20px; font-weight:bold}
 
.lanlibt{ background:#0cf; color:#FFFFFF; height:296px; font-size:31px; line-height:300px; text-align:center; font-weight:bold}
.service_index_header .three_cols ul li.len2c{ width:630px;}
.service_index_header .three_cols ul li.len2c a div.alibt { margin-top:-28%}
.service_index_header .three_cols ul li.pro33{ width:465px;  }
.service_index_header .three_cols ul li.pro33 a div.alibt {margin-top:-38% }
.newsm{ line-height:25px; font-size:14px;}
.newsm h5{ font-size:16px;}
.newsm h3{ font-size:20px;}


.peicebig{ clear:both; text-align:center}
.price{ padding-bottom:100px}
.price  h3{ font-weight:400; color:#333333; clear:both; padding-top:25px; margin-bottom:15px}
.peicebig  .priceli{display:inline-block;  margin:10px; width:140px; height:40px; border-radius:5px; background:#064a7b; color:#FFFFFF; line-height:40px; text-align:center; font-size:16px; margin-bottom:15px; cursor: pointer}
.peicebig .priceli:hover{ background:#0cf}
.peicebig .active { background:#0cf}
.price_num{ font-size:24px; color:#c30; font-weight:600}
.pricebtn{ width:200px; height:60px; line-height:60px; color:#FFFFFF; background:#f60; border-radius:10px; clear:both; margin:30px 10px; text-align:center; font-size:24px; cursor:pointer}

.linktov{ position:absolute; z-index:10000; bottom:10%; left:25%; cursor:pointer  }
.linktov a{ color:#333}
.linktov a:hover{ color:#333; text-decoration:none}

#video{background:url(../img/videobg.jpg);  }
.videobody{ width:100%; height:100%; position:fixed; z-index:1000}
.videobody video{ width:700px; margin-top:20%}
.videotext{ float:left; width:50%}
.videotext img{ text-align:center; margin-top:25%}
.videom{ float:left; width:50%; text-align:left}
.videoxia{   width:77px; height:77px; position:fixed; cursor:pointer; bottom:10px; left:50%;animation:mymove 1s infinite; margin-left:-40px}
@keyframes mymove
{
from {opacity:0.3}
to {opacity:0.9}
}