.body-box { }
.index .wrap{ max-width:1700px; }
.wrap { max-width:1200px; margin:0 auto;}
header { padding-top:15px; position:relative; z-index:1000;}

.menu-child { position:absolute; left:0; top:100%; right:0;}
.menu-child .w { position:absolute; left:0; top:0; right:0; visibility:hidden; height:0;}
.menu-child .w .bg { background:#008cd6; opacity:0.7; filter:alpha(opacity=70);  position:absolute; z-index:0; left:0; top:0; right:0; bottom:0;}
.menu-child .w { }
.menu-child .w a { color:#fff;}

.menu-child .w .wrap{ position:relative; z-index:10; }
.menu-child .w ul { width:860px; margin-right: -25px;}
.menu-child .w li {float: left;    margin: 0 1%;    text-align: center;    width: 12.28%; text-align:center; padding:2em 0; opacity:0; visibility:hidden;}
.menu-child .w li span { display:block; line-height:2; font-size:1.5rem; position:relative; min-height:2em;  }
.menu-child .w li span a { position:absolute; width:300%; left:-100%; top:0; text-align:center;}
.lt9 .menu-child .w li span {font-size:15px; }
.menu-child .w li span a:hover{ color:#f0f0f0;}

.menu0 .menu .a0 a,
.menu1 .menu .a1 a,
.menu2 .menu .a2 a,
.menu3 .menu .a3 a,
.menu4 .menu .a4 a,
.menu5 .menu .a5 a,
.menu6 .menu .a6 a{  color:#008cd6;}

.menu0 .menu ul li.on em,
.menu0 .menu ul li.on i,
.menu1 .menu ul li.on em,
.menu1 .menu ul li.on i,
.menu2 .menu ul li.on em,
.menu2 .menu ul li.on i,
.menu3 .menu ul li.on em,
.menu3 .menu ul li.on i,
.menu4 .menu ul li.on em,
.menu4 .menu ul li.on i,
.menu5 .menu ul li.on em,
.menu5 .menu ul li.on i,
.menu6 .menu ul li.on em,
.menu6 .menu ul li.on i{ visibility:hidden; }


.menu0 .menu ul li.a0 em,
.menu0 .menu ul li.a0 i,
.menu1 .menu ul li.a1 em,
.menu1 .menu ul li.a1 i,
.menu2 .menu ul li.a2 em,
.menu2 .menu ul li.a2 i,
.menu3 .menu ul li.a3 em,
.menu3 .menu ul li.a3 i,
.menu4 .menu ul li.a4 em,
.menu4 .menu ul li.a4 i,
.menu5 .menu ul li.a5 em,
.menu5 .menu ul li.a5 i,
.menu6 .menu ul li.a6 em,
.menu6 .menu ul li.a6 i{ visibility:visible; }


.menu1 .menu-child .w,
.menu2 .menu-child .w,
.menu3 .menu-child .w,
.menu4 .menu-child .w,
.menu5 .menu-child .w,
.menu6 .menu-child .w{ visibility:visible; height:auto;  border-bottom:1px solid #00aced; }


.menu1 .menu-child .item1,
.menu2 .menu-child .item2,
.menu3 .menu-child .item3,
.menu4 .menu-child .item4,
.menu5 .menu-child .item5,
.menu6 .menu-child .item6 { opacity:1; visibility:visible;}

header .logo{ float:left; margin:5px 0 0 0; }
.search { width:340px; float:right;}
.search .lan { line-height:30px; padding-right:20px;}
.search .lan a { color:#5b5b5b;}
.search .lan a:hover { color:#000;}
.search .lan em { display:inline-block; padding:0 5px; position:relative; top:-1px;}
.search .inp { }
.search .inp .w {border:1px solid #ddd; background:#fff; position:relative; height:30px; padding:0 5px; }
.search .inp input{ width:100%; border:0; background:none; vertical-align:middle; height:30px; line-height:30px; border:0;}
.search .inp button{ position:absolute; right:-1px; top:-1px; background:url(../images/ind_03.jpg) no-repeat #008cd6; width:32px; height:32px; border:0; z-index:1; }
header .menu { margin-top:20px;}
header > .wrap > .oh { float:right; overflow:visible;}
header .menu ul { width:860px; margin-right:-30px;}
header .menu ul li { float:left; width:12.28%; margin:0 1%; text-align:center; *margin-left:-1px;}
header .menu ul li span { display:block; font-size:16px;}
header .menu ul li em {display:block; font-size:12px; white-space:nowrap;    margin-bottom:5px;  text-transform:capitalize; color:#aaa; position:relative; min-height:1.5em;}
header .menu ul li em u { font-style:normal; position:absolute; left:-50%; text-align:center; width:200%; top:0; text-decoration:none; }
header .menu ul li i {display:block; background:#008cd6; height:2px; visibility:hidden;}
header .menu ul li.on span { color:#008cd6; font-weight:bold;}
header .menu ul li.on em,
header .menu ul li.on i{ visibility:visible; }

.ind-bk1 { margin-bottom:30px; }
.ind-bk1 .index-banner { float:none;}
.ind-bk1 .k1 { background:#f2f2f2 url(../images/ind_13.jpg) left bottom no-repeat; margin-bottom:3.8%; }
.ind-bk1 .k2 { padding-right:20px; }
.ind-bk1 .k2 .index-scroll { margin-top:1em;}
.ind-bk1 .k2 .f-18 { border-bottom:1px solid #ddd;}
.ind-bk1 .k2 .f-18 a { border-bottom:2px solid #008cd6; display:inline-block;}
.ind-bk1 .k2 li { border-bottom:1px solid #ddd; padding:13px 0 10px 20px;  position:relative; text-align:justify;}
.ind-bk1 .k2 li i { position:absolute; left:10px; top:50%; margin-top:-1px; width:3px; height:3px; border-radius:100%; background:#aaa;}
.ind-bk1 .k2 li a:hover { color:#008cd6; }
.ind-bk1 .k2 li a:hover i { background:#008cd6;}

.bk1-right { margin-top:20px; }
.ind-bk2 { width:690px; }

.ind-bk2 { margin:0 -5px;}
.ind-bk2 li { width:50%; float:left; *margin-left:-1px; margin-bottom:10px;}
.ind-bk2 li a { display:block; margin:0 5px; position:relative;}
.ind-bk2 li a span { background:rgba(0,0,0,0.5); color:#fff; font-size:1.8rem; position:absolute; left:0; right:0; bottom:0; line-height:1.8; text-align:center;}
.lt9 .ind-bk2 li a span {font-size:20px; background:#000; filter:alpha(opacity=80); }

footer{ background:#f3f3f3; margin-top:30px; padding:10px 0;}
footer .left { margin-top:5px; width:50%; float:left }
footer .left .t { font-size:1.6rem; margin:0.5em 0 0.2em; }
.lt9 footer .left .t {font-size:16px; }
footer .left .t a { display:inline-block;}
footer .left .t i { display:inline-block; margin:0 5px; position:relative; top:-1px; color:#999;}
footer .left .b { font-size:1.4rem;}
.lt9 footer .left .b {font-size:14px; }
footer .right { width:160px; margin-right:10px; position:relative; }
footer .right .fl { width:45%; margin-right:5%; text-align:center;}
footer .right .fl img { width:80%; margin-top:12%;}
footer .right img { width:90%; height:auto; cursor:pointer;}
footer .right  .cf .oh{ width:50%; float:left}
footer .right .pos { display:none; background:#fff; width:350px; padding:5px; border-radius:5px; text-align:center; position:absolute; left:0; bottom:110%;  border:1px solid #ddd; box-shadow:0 0 20px rgba(0,0,0,0.2); }
footer .right:hover .pos { display:block;}
footer .right  .pos .oh{ width:50%; float:left}


footer .wrap { position:relative;}
footer .wrap .copy { margin-top:5px; text-align:right; float:right; }
footer .wrap .copy  span { display:block; }

    .menu-bon { display: none; cursor: pointer; transition: 0.3s all; z-index: 1000; -webkit-transition: 0.3s all; border: none; width: 20px; height: 20px; padding: 0; outline: none; position: fixed; z-index: 100000; top:50px; right:20px; background: #008cd6; padding: 12px; border-radius: 1px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2);  }
    .menu_h { width: 20px; height: 20px; position: relative; border-radius: 0; vertical-align: top; background: none; border: 0; -webkit-transition: 0.25s all; transition: 0.25s all; }
    .menu_h::before,
    .menu_h::after,
    .menu_h span { background: #fff; }
    .menu_h::before,
    .menu_h::after { content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
    .menu_h span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; margin-top: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
    .menu_h::before { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }
    .menu_h::after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }
    .menu-open .menu_h { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); }
    .menu-open .menu_h span { opacity: 0; background: #fff; }
    .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
    .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
    .ph-mask { opacity: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; display: none; z-index: 888; }


.banner { background-position:center; background-repeat:no-repeat; background-size: auto 100%; }
.banner .wrap { height:314px; position:relative;}
.banner .wrap .txt { position:absolute; color:#fff; left:0; bottom:1.5em;}
.banner .wrap .txt .t2 { text-transform:capitalize;}

.postion { background:#f5f5f5; line-height:40px;}
.postion i { display:inline-block; padding:0 5px;}
.postion a { color:#000;}
.postion span { color:#666;}

.main-tit { border-bottom:1px solid #ddd; line-height:1.8; position:relative;}
.main-tit .t { border-bottom:1px solid #008cd6;}

.column-list { margin:0 -10px 80px;}
.column-list .item { float:left; width:50%;*margin-left:-1px;}
.column-list .item dl { margin:0 10px;}
.column-list .item dt { padding-bottom:10px;}
.column-list .item dd .b { padding:10px 0 20px;}
.column-list .item dd .b a { color:#008cd6;}
.column-list .item dd .b a:hover { color:#23aaf1;}

.layerc { position:absolute; right:5px; top:5px; background:url(../images/x1.png) no-repeat; width:30px; height:30px; z-index:10000;}
.video-box { width:100%; height:563px; position:relative; background:#000;}
.video-box .bon-play { background:url(../images/v.png) no-repeat; background-size:100% 100%; width:4em; height:4em; position:absolute; top:50%; left:50%; margin:-2em 0 0 -2em;  pointer-events: none; display:block; z-index:1000;}
.lt9 .video-box.play .bon-play,
.video-box.play .bon-play { display:none; }

.other-menu { width:230px; margin-right:3em; box-shadow:0px 0px 4px rgba(0,0,0,0.1);}
.other-menu .t { background:#008cd6; text-align:center; padding:10px 0;}
.other-menu .t img { position:relative; top:8px; margin-right:10px;}
.other-menu .t span { display:inline-block; text-align:left; color:#fff;}
.other-menu .t span em { display:block; font-size:18px;}
.other-menu .t span i { font-size:12px;text-transform:capitalize;}
.other-menu ul { border:1px solid #ddd; border-top:0; font-size:1.6rem;}
.lt9 .other-menu ul { font-size:16px;}
.other-menu ul li:first-child { border:0;}
.other-menu ul li { line-height:50px; text-align:center; border-top:1px solid #ddd;}
.other-menu ul li a { display:block;}
.other-menu ul li.on > a { border-left:3px solid #008cd6; color:#008cd6; font-weight:bold;}

.other-menu ul li > a { display:block; padding:15px 2em 15px 1em; text-align:center; position:relative; line-height:20px; }
.other-menu-22 ul li > a { text-align:left;}
.other-menu-22 ul li.on > a { border-bottom:1px solid #ddd;}
.other-menu-22 ul li > a i { position:absolute; right:1.5em; top:50%; width:8px; height:8px; margin-top:-4px; background:url(../images/001_03.png) no-repeat center;}
.other-menu-22 ul li.on > a i { background:url(../images/001_01.png) no-repeat; }
.other-menu-22 ul li.on dl { display:block;}
.other-menu-22 ul li dl { line-height:30px; padding:0.5em 0 1em 2em; text-align:left; display:none;}
.other-menu-22 ul li dl a { font-size:14px;}
.other-menu-22 ul li dl .on a { color:#008cd6;}

.intro-list { margin:0 -15px;}
.intro-list li { float:left; width:50%; margin-bottom:30px; }
.intro-list li .w { margin:0 15px;}
.intro-list li .t { margin:10px 0;}
.intro-list li .t a { color:#008cd6;}
.intro-list li p { margin-bottom:10px;}
.intro-list li .b a{ color:#008cd6; }

.duty-list { margin:0 -15px;}
.duty-list li { float:left; width:50%; margin-bottom:80px; }
.duty-list li .w { margin:0 15px;}
.duty-list li .t { margin:10px 0;}
.duty-list li .b { margin-top:10px;}
.duty-list li .b a{ color:#008cd6; }

.oration { }
.oration > .fr { width:192px; margin-left:4em; }
.oration > .fr img { width:100%; height:auto;}

.table-box { }
.table-box table { width:100%;  }
.table-box table thead tr td { text-align:center; background:#f0f8fd; font-weight:bold;}
.table-box table td{ padding:0.5em 0; border:1px solid #ddd; }
.table-box table td .w { padding:0 1em;}
.table-box table tr.odd td{ background:#f0f8fd;}

.honor-tit-box { position:relative;}
.honor-tit { margin-top:0px; position:absolute; right:0; bottom:0;}
.honor-tit a { display:inline-block; margin-left:2em; line-height:42px; font-size:1.6rem; min-width:5em; text-align:center;}
.lt9 .honor-tit a { font-size:16px;}
.honor-tit a.on { border-bottom:2px solid #008cd6; color:#008cd6;}

.honor-list { position:relative;}
.honor-list .line { position:absolute; width:2px; top:10px; left:50px; bottom:0; background:#008cd6;}
.honor-list ul {position:relative; z-index:2; }
.honor-list ul li{ margin-bottom:20px; }
.honor-list dl { padding-left:40px; }
.honor-list dt { background:url(../images/honor_03.jpg) left center no-repeat; padding-left:40px; line-height:30px; color:#008cd6; font-size:1.8rem; margin-right:1em; min-width:3em;  min-height:30px;}
.lt9 .honor-list dt { font-size:18px;}
.honor-list dd { border-bottom:1px solid #ddd; padding-bottom:20px; font-size:1.6rem; color:#666; line-height:1.8;}
.lt9 .honor-list dd  { font-size:16px;}

.duty-top { }
.duty-top .img { width:400px; float:right; margin-left:4em; }
.duty-top .oh { }
.duty-top .oh .t { color:#008cd6; font-size:3rem; padding-bottom:5px; }
.duty-top .oh .t a { color:#008cd6;}
.lt9 .duty-top .oh .t  { font-size:30px;}
.duty-top .oh .h { font-size:1.8rem; margin:0.7em 0;}
.lt9 .duty-top .oh .h  { font-size:18px;}
.duty-top .oh .p { color:#666; margin-bottom:1.5em;}
.duty-top .oh .m { background:#efefef; display:block; text-align:center; font-size:1.6rem; color:#008cd6; line-height:2.5;}
.lt9 .duty-top .oh .m { font-size:16px;}

.duty-list-art { }
.duty-list-art li { border-top:1px solid #ddd; padding:20px 0;}
.duty-list-art li dt { background:#f5f5f5; width:7em; height:7em; margin-right:2em; text-align:center;}
.duty-list-art li dt em { font-size:3rem; color:#008cd6; display:block; padding:0.5em 0 0em;}
.lt9 .duty-list-art li dt em { font-size:30px;}
.duty-list-art li dt span { font-size:1.8rem;}
.lt9 .duty-list-art li dt span { font-size:18px;}
.duty-list-art li dd .h { font-size:1.8rem; padding-top:5px; margin-bottom:10px;}
.lt9 .duty-list-art li dd .h { font-size:18px;}
.duty-list-art li dd .p { color:#666; }

.j-select2 { width:100%;}
.tit-fr-select { position:relative;}
.tit-fr-select .box{ width:200px;  position:absolute; right:0; top:0; line-height:30px;}
.tit-fr-select .select2-container .select2-selection--single { height:30px;}
.tit-fr-select .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:30px;}

.product-top { background:#f5f5f5; padding:2.5em 2em;}
.product-top .fr { width:50%; margin-left:5%;}

.por-search { position:relative;}
.por-search .pos { position:absolute; right:0; top:-40px; width:500px; line-height:30px;}
.por-search .pos .box { width:45%; font-size:1.6rem;}
.lt9 .por-search .pos .box { font-size:16px;}
.por-search .pos .box:first-child { margin-right:10%;}
.por-search .select2-container .select2-selection--single { height:30px;}
.por-search .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:30px;}

.por-search .pos22 { width:600px;}
.por-search .pos22 .box { width:23%; font-size:1.5rem; margin-left:2%; float:right;}
.por-search .pos22 .box:first-child { margin-right:0;}

.demo-class1 .layui-layer-content { background:#fff; padding:30px;  min-height:100px;}

.prodcut-banner { width: 360px; float:left; margin-right:3em;}
.large_box { margin-bottom: 10px;  height: 320px; overflow: hidden; position: relative; border:1px solid #ddd; }
.large_box li { position: absolute; left: 0; top: 0; display: none; right:0; bottom:0; line-height:320px; background:#fff; text-align:center; }
.large_box li:first-child { display: block; }
.large_box img { display:inline-block; vertical-align:middle; margin:0 auto; max-height:100%; max-width:100%; width:auto; height: auto;}
.small_box { position: relative; height: 55px; }
.small_list { position: relative; margin: 0 25px; overflow: hidden; }
.small_list ul { overflow: hidden; height: 55px; overflow: hidden; }
.small_list ul li { position: relative; float: left; margin-right: 8px; width: 55px; height: 55px; cursor: pointer; }
.small_list ul li img { display: block; width: 55px; height: 55px; }
.small_list ul li .bun_bg { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #008cd6; }
.small_list ul li.on .bun_bg { display: block; }
.prodcut-banner .btn { display: block; width: 20px; height: 60px; cursor: pointer; position: absolute;   border-radius: 5px; }
.prodcut-banner .btn:hover { background-color: #eee; }
.prodcut-banner .left_btn { left: 0; top: 0; background: url(../Images/pagel.png) 0  center  no-repeat;  }
.prodcut-banner .right_btn { right: 0; top: 0; background: url(../Images/pager.png) 0  center  no-repeat; }
.prodcut-banner .left_btn:hover,
.prodcut-banner .right_btn:hover { background-color:#fafafa; }

.product-art-1 .right{ padding:0 0 0 2em; }
.product-art-1 .right .p { line-height:1.8; word-break:break-all; margin-bottom:10px;}
.product-art-1 .right .d a { display:block; width:8em; font-size:1.6rem; color:#fff; background:#008cd6 url(../images/d.png) 95% center no-repeat; padding:10px 1em 10px 1em;}
.lt9 .product-art-1 .right .d a { font-size:16px;}
.product-art-1 .right .d a:hover { background-color:#1ba6ef;}

.network .fr{ width:235px; padding-right:90px; background:url(../images/work_09.jpg) right top no-repeat #ebebeb; margin-left:30px; }
.network .fr ul{ padding:10px;}
.network .fr ul li { margin-bottom:10px; line-height:1.8; font-size:1.6rem;}
.lt9 .network .fr ul li { font-size:16px;}
.network .fr ul li img { margin-right:10px;}

.network .oh .w { background:#ebebeb; padding:21px 20px;}

.project .fl{ width:366px; margin-right:2em; }
.project .fl img { width:100%; height:auto;}

.project-tit { line-height:40px; }
.project-tit .fr a { display:inline-block; background:#008cd6; padding:0px 20px; color:#fff;}

body { overflow-x:hidden;}
.login-list { line-height:40px;}
.login-list .name { width:10em; margin-right:10px; font-size:1.6rem; padding:4px 0; color:#008cd6; }
.lt9 .login-list .name { font-size:16px;}
.login-list .scroll-box { height:150px; width:70%; padding:10px; overflow:auto; border:1px solid #ddd; line-height:1.5em;}
.login-list li { margin-bottom:10px; }
.login-list li .oh{ padding:4px;}
.login-list li .oh span.red { display:inline-block; width:1em; text-align:center; vertical-align:top;}
.login-list li .text { width:280px; padding:0 10px; height:40px; line-height:40px; vertical-align:top; border:1px solid #b9e1f4; background:#f9f9f9;}
.login-list li .areatext { width:380px; padding:5px 10px; height:200px; border:1px solid #b9e1f4; background:#f9f9f9;}
.login-list li .textarea-tip {width:400px;  text-align:right; }
.login-list li .oh .j-select2 { width:300px;}
.login-list li .select2-container--default .select2-selection--single { height:40px; border-radius:0; border:1px solid #b9e1f4; background:#f9f9f9;}
.login-list li .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:40px;}
.login-list li.active .text {  box-shadow:0 0 3px rgba(0,180,15,0.6); }
.login-list li.error .text { background:#fffee9; border:1px solid #e60021; box-shadow:0 0 3px rgba(255,0,0,0.3); }
.login-list li.active .areatext {  box-shadow:0 0 3px rgba(226,249,170,0.6); }
.login-list li.error .areatext { background:#fffee9; border:1px solid #e60021; box-shadow:0 0 3px rgba(255,0,0,0.3); }
.login-list li .error-tip .valid_message { padding-left:0; margin-left:0;}
.login-list li .valid_message { display:inline-block; padding:0 1em; border-radius:5px; color:#e60021; margin-left:10px; vertical-align:top; background:url(../images/e.png) left center no-repeat;}
.login-list li .text.code { width:120px;}
.login-list li .oh > img { width:92px; height:40px; position:relative; top:1px; border-radius:5px; }
.login-list li .rep { }
.login-list li .code-pos { width:92px; border:0; height:37px; border-radius:5px;}
.login-list li .code-pos:disabled { background:#fafafa; cursor:default;}
.login-list li .rep { text-decoration:underline; }
.login-list li .sub { width:145px; background:#008cd6; color:#fff; height:42px; font-size:1.6rem; border:0; }
.lt9 .login-list li .sub { font-size:16px;}
.login-list li.kb { margin-top:-20px;}

.login-list li .upint { width:200px; border:1px solid #ddd; background:#ececec; position:relative; text-align:center; }
.login-list li .upint input { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; opacity:0; filter:alpha(opacity=0);}
.login-list li .simg { position:relative; }
.login-list li .simg a { position:absolute; background:url(../images/x3.png) no-repeat center #008cd6; width:20px; height:20px; right:0; top:0; z-index:100; border-radius:3px; overflow:hidden;}
.login-list li .simg img { min-width:100px; height:auto;}

.login-list li .sfile { position:relative; padding:0 10px; padding-right:2em; background:#fafafa; }
.login-list li .sfile a { position:absolute; background:url(../images/x3.png) no-repeat center #008cd6; width:20px; height:20px; right:0; top:0; z-index:100; border-radius:3px; overflow:hidden;}
.login-list li .sfile span { font-size:1.6rem;}
.lt9 .login-list li .sfile span { font-size:16px;}
/*模拟checkbox*/
.label-checkbox { position:relative; background:url(../images/checkbox.png) 0 11px no-repeat; cursor:pointer; display:inline-block; vertical-align:top;  overflow:hidden; padding-left:25px; margin-right:1em;}
.label-checkbox.on { background-position:0 -71px; }
.label-checkbox input { opacity:0; filter:alpha(opacity=0); position:absolute; left:-100px;}
/*模拟radio*/
.label-radio { position:relative; background:url(../images/radio.png) 0 8px no-repeat; display:inline-block;  overflow:hidden; padding-left:25px; margin-right:1em; vertical-align: top;}
.label-radio.on { background-position:0 -72px; }
.label-radio input { opacity:0; filter:alpha(opacity=0); position:absolute; left:-100px;}

.down-list { }
.down-list li { padding:1em 0 3em; border-bottom:1px solid #e9e9e9;}
.down-list .w { }
.down-list .w .img { float:left; width:200px; position:relative; margin-right:3em;}
.down-list .w .img img { position:relative; z-index:2;}
.down-list .w .img i { position:absolute; top:20%; bottom:-10px; right:-10px; left:10px; background:#e9e9e9;}
.down-list .w .txt { overflow:hidden;}
.down-list .w .txt .t { font-size:1.8rem; color:#333; padding-top:3em; }
.lt9 .down-list .w .txt .t { font-size:18px;}
.down-list .w .txt .p { color:#666; margin:1em 0;}
.down-list .w .txt .b { }
.down-list .w .txt .b .fl { color:#888; }
.down-list .w .txt .b .fr a { display:block; min-width:6em;  line-height:2.2; text-align:center; border:1px solid #008cd6; background:#f8f8f8;}
.down-list .w .txt .b .fr a:hover {color:#fff; background:#008cd6;}

.innovate-list { margin:0 -10px;}
.innovate-list .item { float:left; width:33.33%; *margin-left:-1px; }
.innovate-list .item dl { margin:0 10px;}
.innovate-list .item dt { margin-bottom:10px;}
.innovate-list .item .edit_con_original { min-height:5.4em; margin-top:10px;}

.news { margin:0 -20px;}
.news .item { float:left; width:50%; *margin-left:-1px;}
.news .item .w { margin:0 20px;}
.news .item .img { display:block; border:1px solid #eee;}
.news .item ul { line-height:35px; min-height:10em;}
.news .item ul .fr { color:#888;}

.notice-list li{  padding:1em 0;}

.inv-service { }
.inv-service .img { width:50%; margin-right:3em;}
.inv-service .img img { width:100%; height:auto;}
.inv-service .txt { line-height:30px; }
.inv-service .txt li { margin-bottom:0.8em;}
.inv-service .txt li .fl { margin-right:1em;}

.s-search { }
.s-search .s { width:200px; float:left;}
.s-search2 .s { width:300px; }
.s-search .s .select2-container--default .select2-selection--single { border-radius:0; font-size:1.6rem;}
.lt9 .s-search .s .select2-container--default .select2-selection--single { font-size:16px;}
.s-search .i { width:400px; float:left; height:45px; border:1px solid #ddd; border-left:0; padding-left:10px; font-size:1.6rem; }
.lt9 .s-search .i { font-size:16px;}
.s-search .b { width:80px;  float:left; height:47px; background:url(../images/se_03.jpg) no-repeat #008cd6 center; border:1px solid #008cd6; }

.s-search-tit { border-bottom:1px solid #ddd; }
.s-search-tit a { display:inline-block; width:200px; line-height:40px; font-size:1.6rem; text-align:center; background:#f6f6f6; float:left;}
.lt9 .s-search-tit a { font-size:16px;}
.s-search-tit a.on { background:#8a8c8e; color:#fff;}

.s-search-list { margin:0 -20px; }
.s-search-list li { float:left; width:50%; margin-bottom:2em;}
.s-search-list li .w { margin:0 20px;}
.s-search-list li .w .img { width:245px; float:left; margin-right:2em; text-align:center;}
.s-search-list li .w .img img { width:auto; height:auto; max-width:100%; max-height:100%;}
.s-search-list li .w .txt { overflow:hidden;}
.s-search-list li .w .txt .t { margin:1em 0;}
.s-search-list li .w .txt .p { color:#666; margin-bottom:0.5em; }
.s-search-list li .w .txt .m { }

.sitemap { margin:0 -10px;}
.sitemap li { float:left; width:14.28%; *margin-left:-1px; text-align:center; line-height:1.8;}
.sitemap li dl { margin:0 10px;}
.sitemap li dt a { font-size:2rem; font-weight:bold; display:block; border:1px solid #ddd; padding:5px;}
.lt9 .sitemap li dt a { font-size:20px;}
.sitemap li dd a { display:block; background:#f5f5f5; margin-top:10px; padding:5px ;}

.video-list { margin:0 -10px;}
.video-list .item { float:left; width:33.33%; *margin-left:-1px; }
.video-list .item dl { margin:0 10px;}
.video-list .item dl a { display:block;}
.video-list .item p {  margin:10px 0 20px; text-align:center}
.video-list .item .m { position:relative; }
.video-list .item span { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background:url(../images/a.png) no-repeat;}
.video-list .item span i { background:url(../images/vi.png) no-repeat left top; width:46px; height:46px; position:absolute; z-index:10; left:50%; top:50%; margin:-23px 0 0 -23px;}
.video-list .item a:hover span i { background-position:right center;}

.join-botton { margin-top:1em;}
.join-botton a { border:1px solid #ddd; float:left; margin-right:1em;}
.join-botton a img { width:288px; height:78px; }

.join-job { text-align:center; border:1px solid #ddd; border-bottom:0; }
.join-job table { width:100%;}
.join-job .s1 {  width:22%; }
.join-job .s2 { width:16%; }
.join-job .s3 { width:18%; }
.join-job .s4 {  width:15%;  }
.join-job .s5 {  width:15%;  }
.join-job .s6 {  border:0;}
.join-job td{ padding:0.5em 0; border-right:1px solid #ddd;  }
.join-job .item { border-bottom:1px solid #ddd;}
.join-job .head { background:#f2f9fd; border-bottom:1px solid #ddd;  }

.join-job .body .item{ position:relative;}
.join-job .body .item .t{ cursor:pointer;}
.join-job .body .item .close { background:url(../images/x2.png) no-repeat center #008cd6; width:40px; height:40px; position:absolute; right:2em; bottom:2em; display:none;}
.join-job .p { margin:1em; margin-top:0; border-top:1px solid #ddd; padding:1em; text-align:left; display:none;}
.join-job .p .b { font-weight:bold; margin-bottom:1em;}
.join-job .dow { margin-top:2em; border-top:1px solid #ddd; padding-top:1em; text-align:center;}
.join-job .dow a { display:inline-block; background:#008cd6 url(../images/u.png) 90% center no-repeat; width:8em; color:#fff; line-height:40px; padding-right:1em;}
.join-job .body .item.open .close { display:block;}
.join-job .body .item.open .p { display:block;}
.join-job .body .item.open { background:#fafafa;}
.join-job .body .item.open .t{ cursor:default;}
.join-job .body .item.open td { border:0;}

.contact { }
.contact li { margin-bottom:30px;}
.contact li .img { width:49%;}
.contact li:first-child { background:url(../images/contact_06.jpg) right bottom #f2f9fd no-repeat;}
.contact li .oh { padding:1.5em 4em; }
.contact li .oh .t1 { }
.contact li .oh .t2 { margin-bottom:10px; color:#999; }
.contact li .oh .m { text-align:right; }
.contact li .oh .m a { display:inline-block; background:#008cd6; color:#fff; width:7em; line-height:2.5; text-align:center;}


.lx_zxly{ font-size:18px;  width:100%;  }
.lx_zxly li{ margin-bottom:40px; }
.lx_zxly li p{ padding:0 10px;}
.lx_zxly li.xm3{ width:33.33%; float:left;}
.lx_zxly li.xm2{ width:50%; float:left;}
.lx_zxly li.xm1{ width:100%; }

.lx_zxly li input,.lx_zxly li textarea { display:block; border: none;  width:100%; margin:0  auto; line-height:40px; padding:10px; box-sizing:border-box; outline:none;color:#444; border-bottom:1px solid #ccc;  }


.lx_zxly li input.yzm{ width:300px;}
.lx_zxly li .yzm_img{ height:20px; padding:20px; display:block; float:left;}


.lx_zxly  input.tijiao{ background:#008cd6; color:#fff; font-size:24px;  transition:all 0.5s; }
.lx_zxly  input.tijiao:hover{ background:#00B050;}
.lx_zxly li:hover input , .lx_zxly li:hover textarea{ border-color:#008cd6;}
@media only screen and (max-width: 760px){
.lx_zxly li.xm3{ width:100%; }
.lx_zxly li.xm2{ width:100%;}
.lx_zxly li.xm1{ width:100%; }	
.lx_zxly li input.yzm{ width:100%;}
	
	}



.weixin1{ position:fixed; width:300px; height:280px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:5px; box-shadow:1px 1px 10px rgba(0,0,0,0.2);}
.weixin1 .c{ position:absolute; width:15px; height:15px; background:url(../images/x1.png) center no-repeat; overflow:hidden; text-indent:100px; right:10px; top:13px;  font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2; transition:0.5s all; -webkit-transition:0.5s all;}
.weixin1 .c:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.weixin1 h2{ position:relative; line-height:40px; font-size:17px; padding-left:10px; font-weight:normal;}
.weixin1 .img{ padding:10px 0 10px; text-align:center; border-top:1px solid #ddd;}
.weixin1 p {  margin:0 1.5%; text-align:center;  }
.weixin1 .img img{ width:180px; height:180px; display:block; margin:0 auto 10px; }

.product-bottom { padding-top:2em; }
.product-bottom a.down-js { background:#008cd6 url(../images/d.png) no-repeat 94% center; padding-right:2em; margin-right:3em;}
.product-bottom a{ display:inline-block; background:#008cd6; color:#fff; line-height:2.5; padding:0 1em; font-size:1.8rem; margin-right:1em; min-width:6em; text-align:center; }

.openng { padding:1em 3em 1em 3em; line-height:2; font-size:1.6rem; }
.layui-layer .layui-layer-title { background:#f5f5f5;}

.js-data { display:inline-block; padding-right:1em; background:url(../images/jt22.png) right center no-repeat;}
.new-pro-list { }
.new-pro-list .tit { border-bottom:1px solid #ddd;}
.new-pro-list .tit i { display:inline-block; padding-bottom:5px; border-bottom:1px solid #008cd6;}
.new-pro-list .left {  width:47%; margin-right:6%;  }
.new-pro-list .left,
.new-pro-list .right {border-bottom:1px solid #ddd; overflow:hidden; }
.new-pro-list ul {  top:1px; position:relative; }
.new-pro-list li { border-bottom:1px solid #ddd; }
.new-pro-list li .t { position:relative; padding:5px 0; padding-left:20px;}

.new-pro-list li .t i { position:absolute; left:2px; top:50%; margin-top:-1px; width:2px; height:2px; background:#666;}
.new-pro-list li .t a:hover i { background:#008cd6;}


.product-list-all-1 { margin-top:2em;}
.product-list-all-1 .top{ margin-bottom:1.5em;}
.product-list-all-1 .top .t { border-left:2px solid #2695d9; padding-left:6px; margin-bottom:0.8em; line-height:1;}
.product-list-all-1 .box{ margin-bottom:2em; overflow:hidden;}
.product-list-all-1 .box ul { margin-right:-2em;}
.product-list-all-1 .box li{ float:left; width:50%; margin-bottom:2em;}
.product-list-all-1 .box li .w { margin-right:2em;}

.science-list { }
.science-list dl{ border-bottom:1px solid #ddd; padding:20px 0 15px; }
.science-list dl dt span {  vertical-align:middle; cursor:pointer;}
.science-list dl dt i{ display:inline-block; width:21px; height:13px; background:url(../images/tttt_06.jpg) no-repeat; vertical-align:middle; margin-left:1em;}
.science-list dl dd { display:none; padding:1em 0 0.5em;  text-indent:2em;}
.science-list dl.open dt  i{ background:url(../images/tttt_03.jpg) no-repeat; }
.science-list dl.open dt { color:#008cd6;}
.science-list dl.open dd { display:block;}

.world-box { color:#333; }
.world1 { border-bottom:1px solid #ddd; padding-bottom:2em;}
.world1 .t1{ margin-bottom:0.5em; font-weight:bold;}
.world-box .t2 { margin-bottom:5px; font-weight:bold;}
.world-box li { float:left; width:50%; padding:1.5em 0;}
.world-box li.line { height:1px !important; background:#ddd; width:100% !important; }
.world-box li .plist { color:#666; padding-right:2em;}

.tame-list { }
.tame-list li { margin-bottom:2em; float:left; width:50%;}
.tame-list li .fl { width:150px; margin-right:30px;}
.tame-list li .oh .p { margin:0.5em 0;}
.tame-list li .oh .m { color:#008cd6;}
.tame-list li .oh .m:hover {color:#1ca8f2; }

.tame-list.tame-list-2 li { float:none; width:auto; }

.legal_pdf_list { }
.legal_pdf_list li { margin-bottom:0.5em;}
.legal_pdf_list li a { color:#008cd6; display:inline-block; border-bottom:1px solid #008cd6;}

.stock1-box { }
.stock1-box .right_cont_daima{  width:280px; margin-left:6em; }
.stock1-box .right_cont_daima .t1{ border-bottom:1px solid #ddd; padding-bottom:0.5em; }
.stock1-box .right_cont_daima p { padding: 1em 0;  }

.govern-list4 { }
.govern-list4 li { margin-bottom:0.5em; }
.govern-list4 li a{ border-bottom:1px solid #008cd6;}
.govern-list4 li a:hover { color:#1ca8f2; border-bottom:1px solid #1ca8f2;}

.list-new1 { margin-top:0.8em;}
.list-new1 li { position:relative; padding-right:5em;}
.list-new1 li a { display:block; color:#008cd6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-new1 li font { position:absolute; right:0; top:0;}

.pro-bottom { padding-bottom:2em; border-bottom:1px solid #aaa;}
.pro-bottom dl {  width:100%;}
.pro-bottom dl:first-child { margin-right:8%;}
.pro-bottom dl dt {  padding-left:0.5em; border-left:2px solid #008cd6; line-height:1; }
.pro-bottom dl dd { padding-top:0.5em;  }
/*
.pro-bottom dl li { margin-top:0.5em; width:45%;  float:left;}
.pro-bottom dl li:nth-child(2n){ padding-left:10%}
*/

.seicene-list { margin-bottom:2em;}
.seicene-list p{ margin-bottom:1em; }
.seicene-list .bon { background:#008cd6; color:#fff; display:inline-block; padding:0.5em 2em; }

.git-bon { padding: 0 0 10px; text-align:right; margin-top:-20px;}
.git-bon a { display:inline-block; margin-left:10px;}
.git-bon a.on { color:#008cd6; font-weight:bold;}
.git-bon a.a1 {  font-size:18px !important; }
.git-bon a.a2 {  font-size:16px !important; }
.git-bon a.a3 {  font-size:14px !important;}

.layui-layer-content .ss0 *{ font-size:20px !important;}
.layui-layer-content .ss1 *{ font-size:16px !important;}
.layui-layer-content .ss2 *{ font-size:12px !important;}

@media only screen and (max-width: 1720px) {
.index .wrap{ margin:0 40px; }
    header .wrap { overflow:hidden;}

}
@media only screen and (max-width: 1600px) {




}


@media only screen and (max-width: 1440px) {
        .bk1-right .f-36 { font-size:20px;}
        .ind-bk2 li a span { font-size:1.6rem; }
    .lt9 .ind-bk2 li a span { font-size:16px;}
}
@media only screen and (max-width: 1400px) {
 
}
@media only screen and (max-width: 1200px) {
    .wrap { margin:0 30px;}
    header .wrap { overflow:hidden;}
    .ind-bk1 .index-banner { float:none; width:auto; margin:0 0 20px 0;}
    .ind-bk1 .k1 { float:left; width:49%; height:200px !important; margin:0;}

    .ind-bk2 { width:auto; margin-bottom:20px; float:none;}
    .ind-bk2 li { width:25%; margin-bottom:0;}
    .ind-bk1 .k2 { padding-right:0;}
    .inv-service .img { width:auto; float:none; margin:0 0 2em 0;}

    .stock1-box .right_cont_daima { width:280px; margin-left:3em;}
    .menu-child .w ul,
    header .menu ul { width:800px; margin-right:-25px; }

}
@media only screen and (max-width: 1024px) {
    .banner .wrap { height:200px;}
    .stock1-box .right_cont_daima { width:auto; margin:0 2em 1em; float:none;}
    
}
@media only screen and (max-width: 999px) {
    .wrap,
    .index .wrap{ margin:0 20px;}

    .menu-bon { display:block; }
    .menu-open .ph-mask { display:block; opacity:0.5; cursor:pointer;}
    header .menu { position:fixed; top:0; width:15em; bottom:0; right:0; z-index:1000; background:#29a8eb; margin:0; transform:translateX(100%); -webkit-transform:translateX(100%);
                   transition:0.5s all; -webkit-transition:0.5s all;}
    .menu-open header .menu { transform:translateX(0%); -webkit-transform:translateX(0%);}
    header .menu ul { width:auto; float:none; padding-top:100px;}
    header .menu ul li { float:none; margin:0 0 1em; width:auto;}
    header .menu ul li a { text-align:left; padding-left:1em; display:block;}
    header .menu ul li span { color:#fff;}
    header .menu ul li em { color:#eee;}
    header .menu ul li i { background:#fff;}
    header .menu ul li.on span{ color:#fff; }
    .menu-open .body-box{ overflow:hidden;}
    .menu-child { display:none;}


    header .menu ul li em u { position:relative; left:0; margin:0;}
    footer .left { float:none; text-align:center; margin-bottom:2em;}
    .other-menu { float:none; margin:0 0 20px 0; width:auto; text-align:center; }
    .other-menu ul {padding:10px 0; }
    .other-menu ul li { display:inline-block; border:0;  min-width:15%;}
    .other-menu ul li.on { background:#fafafa;}
    .other-menu ul li.on a { border:0;}

    .other-menu.other-menu-22 ul li { display:block; }

    .network .fr { width:auto; margin:0 0 40px 0; float:none; background-size: auto 100%;}
    .s-search-list li { float:none; width:auto;}

    .sitemap li { float:none; width:auto; margin-bottom:10px;}
    .sitemap li dt { float:left;  text-align:right; padding-top:5px; margin-right:1em;}
    .sitemap li dt a { width:7em; font-size:1.8rem;}
    .sitemap li dd { overflow:hidden; text-align:left;}
    .sitemap li dd a { display:inline-block; padding:5px 10px; margin-right:10px;}

   
    footer .wrap  .copy { text-align:center; position:relative; bottom:0; margin:0; width:100%; float:none;}

}
@media only screen and (max-width: 760px) {
    .wrap,
    .index .wrap{ margin:0 10px;}
    .ind-bk1 .k1 { width:auto; float:none; height:auto !important; margin-bottom:1em;}
    .ind-bk1 .k2 { width:auto; float:none;  height:auto !important;}
    .ind-bk2 li { width:50%; margin-bottom:10px;}
    footer .right dd { font-size:1.2rem;}
    footer .left .t { font-size:1.3rem;}
    footer .left .t i {  margin:0 1px;  opacity:0;}
    footer .left .b { font-size:1.1rem; }
    .ind-bk1 { margin-bottom:20px;}
    .menu-bon { right:10px; top:25px;}
    header { padding:10px 0;}
    header .logo { }
    header .logo img{ width:11em; height:auto; }
    .search { width:11em; padding-right:60px; text-align:right;}
    .search .lan { float:none; padding:0;}
    .index-banner .bx-wrapper .bx-pager { display:none;}

    .honor-list dt { min-height:initial;}

    .ind-bk1 .index-banner { height:auto !important;}
    .ind-bk1 .index-banner li a{   }
    .ind-bk1 .index-banner li a span {display:block; position:relative; height:120px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
    .ind-bk1 .index-banner li a span img { height:100% !important; width:auto !important; position:absolute; left:50%; margin-left:-500px; opacity:0;}
    .banner .wrap { height:150px;}
    .column-list .item { width:auto; float:none; margin-bottom:20px;}
    .column-list { margin-bottom:0;}
    .other-menu ul { font-size:1.4rem;}
    .other-menu ul li {   min-width:32%;}
    .oration > .fr { float:none; margin:0 auto; width:auto; overflow:hidden; margin-bottom:4em;}
    .oration > .fr .bank30 { display:none;}
    .oration > .fr .item { float:left; width:45%;}
    .oration > .fr .item:first-child { margin-right:8%;}
    .table-box table { font-size:1.6rem;}
    .other-menu { text-align:left;}
    .honor-tit-box { margin-top:30px;}
    .honor-tit { position:relative; float:none; text-align:center;}
    .honor-tit a { margin:0 7px; float:none;}
    .honor-list .line { left:10px;}
    .honor-list dl { padding-left:0;}
    .honor-list dt { float:none;}
    .honor-list dd { margin:10px 0 0 40px;}
    .duty-list li { margin-bottom:30px; width:auto; float:none;}

    .duty-top .img { float:none; margin:0; width:auto;}
    .ind-bk1 .k2 li { padding: 0.7rem 0 0.7rem 20px;}
    .tit-fr-select .box{ width:200px;  position:absolute; right:0; top:0; line-height:25px;}
    .tit-fr-select .select2-container .select2-selection--single { height:25px;}
    .tit-fr-select .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:25px;}

    .product-top { padding:1em;}
    .product-top .fr { float:none; width:auto; margin:0 0 1em 0;}

    .intro-list { margin:0 -8px;}
    .intro-list li .w { margin:0 8px;}

    .por-search { margin-top:20px;}
    .por-search .pos { position:relative; width:100%; top:0; left:0;}
    .por-search .pos .box:first-child {  margin:0 0 20px 0;}
    .por-search .pos .box { width:100%;}

    .por-search .pos22 .box { width:100%; margin:0 0 10px 0 !important;}

    .prodcut-banner { float:none; margin:0 auto 0; width:auto;}
    .project .fl { width:auto; margin:0 0 2em 0; float:none;}

    .product-art-1 .right { padding:1em;}

    .login-list .name { float:none; width:auto; display:block; margin:0 0 0 0; text-align:left;}
    .login-list li .oh { padding:0;}
    .login-list li .oh .j-select2 { width:80%;}
    .login-list li .text { width:80%;}
    .login-list li .areatext { width:85%;}
    .login-list li .textarea-tip { width:85%;}
    .login-list li .text.code { width:30%;}
    .login-list li.bottom .name,
    .login-list li.kb .name{ display:none; }
    .login-list li.bottom .sub { width:80%;}

    .down-list .w .img { width:26%; margin-right:2em;}
    .down-list .w .txt .t { padding-top:0;}
    .innovate-list .item { width:auto; float:none; margin:0 0 1em 0;}

    .news { margin:0;}
    .news .item { width:auto; float:none;}
    .news .item:first-child { margin-bottom:3em; }
    .news .item .w { margin:0;}
     footer .left { margin-bottom:5px; width:100%; float:none;}
     .ph_table ,
    .ph_table table thead,
    .ph_table table tbody,
    .ph_table table th,
    .ph_table table td,
    .ph_table table tr { display: block; }
    .ph_table table thead  { display:none;}
    .ph_table table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; }
    .ph_table table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:10px 0;  padding-left: 8em; white-space: normal; text-align: left;  }
    .ph_table table td:before { position: absolute; top: 0; left: 0; padding:10px 0; width: 8em; text-indent:10px;  white-space: nowrap; text-align: left; }
    .ph_table table td:before { content: attr(data-tit); }
    .ph_table table td .center { text-align:left; padding:0 10px 0  0;}
    .ph_table table td .w { padding:0 10px 0 0;}
    .table-box table tr.odd td { background:#f7fbfd;}
    .s-search-tit  a { width:40%;}
    .s-search .s { width:30%;}
    .s-search2 .s { width:42%;}
    .s-search .i { width:45%;}
    .s-search .b { width:15%;}
    .s-search-list li .w .img { float:none; width:auto; margin:0 0 0 0;}
    .s-search-list li .w { margin:0;}
    .s-search-list { margin:0;}

    .sitemap li { margin-bottom:2em;}
    .sitemap li dt { float:none; width:auto; text-align:left;}

    .pro-bottom dl:first-child { margin:0;  margin-bottom:2em;}
    .pro-bottom dl { width:auto; float:none; margin-bottom:2em;}

    footer .wrap > p span{ display:block; }

    .video-list .item { width:auto; margin-bottom:2em;}
    .join-botton a { width:47%; margin:0;}
    .join-botton a:first-child { margin-right:4%;}
    .join-botton a img { width:100%; height:auto; }

    .login-list li.bottom .w { text-align:center;}

    .contact li .img { width:auto; margin-bottom:1em;}
    .contact li .oh { padding:1em;}
    .contact li .oh .m { margin-top:1em;}
    .openng { padding: 1em 2em 1em 2em; }

    .science-list dl { padding:1rem 0 0.75rem;}
    .science-list dl dt i { transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7); margin:0;}

    .world-box li { width:auto; float:none; border-bottom:1px solid #ddd;}
    .world-box li.line { display:none !important;}

    .tame-list-2 li .fl{ float:none; margin:0 auto 1em; }

    .product-list-all-1 .box li { width:auto; float:none;}

    footer .fl { display:none;}
    .tame-list li { width: 100%; }
}
@media only screen and (max-width: 413px) {
    html { font-size: 60.9903%;}
}
@media only screen and (max-width: 399px) {
    html {font-size: 59.4807%;}
}
@media only screen and (max-width: 389px) {
    html { font-size: 57.971%;}
}
@media only screen and (max-width: 379px) {
    html {font-size: 56.4614%;}
    header .logo { margin-top:7px;}
}
@media only screen and (max-width: 369px) {
    html { font-size: 54.9517%;}

}
@media only screen and (max-width: 359px) {
    html { font-size: 53.442%;}
}
@media only screen and (max-width: 349px) {
    html { font-size: 51.9324%;}
    
}
@media only screen and (max-width: 339px) {
    html { font-size: 50.4227%;}
}
@media only screen and (max-width: 329px) {
    html { font-size: 48.913%; }
}