@charset "utf-8";
/*
    *Author's Brackets
    *Date 2016-6-15 pm15:25
    */
/*== CSS Reset ==*/
* { margin: 0; padding: 0; list-style: none; font-size: 16px; box-sizing: border-box; } 
a, hr { padding: 0; }
a, button, input, select, textarea, hr { margin: 0; }
article, aside, details, figure, footer, header, hr, nav, section, summary { display: block; }
abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: 400; vertical-align: baseline; background: 0 0; }
input[type=checkbox], th { vertical-align: bottom; }
th { font-weight:700; }
embed,object {max-width: 100%; }
b { font-weight:bold}
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; font: 100%; }
td { font-weight: 400; vertical-align: top; }
hr { height: 1px; }
input, select { vertical-align: middle; }
pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type=radio] { vertical-align: text-bottom; }
.ie7 input[type=checkbox] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input, select, textarea { font: 99% sans-serif; }
small { font-size: 85%; }
td, td img { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
code, kbd, pre, samp { font-family: monospace, sans-serif; }
.clickable, button, input[type=button], input[type=file], input[type=submit], label { cursor: pointer; }
button, input[type=button] { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.clearfix:after, .clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
a { text-decoration: none; border: none; color:#333; }
a:hover {color:#32a7f9}
input, button, select, textarea { outline: none; }
textarea { resize: none; }
input { font-family: "microsoft yahei"; -webkit-appearance: none; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: 100%; }
em, i { font-style: normal; }
/*==== CSS Reset end ====*/
html body {margin: 0px auto; max-width: 1920px; min-width: 320px; font-size: 100%; font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体"; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-size:16px; overflow:hidden; overflow-y:scroll}

* { outline: none; }
.fl { float: left; }
.fr { float: right; }
.posre { position:relative}
.posab { position:absolute}

.ft11 { font-size: 11px }
.ft12 { font-size: 12px }
.ft14 { font-size: 14px }
.ft16 { font-size: 16px }
.ft18 { font-size: 18px }
.ft20 { font-size: 20px; }
.ft24 { font-size: 24px; }
.ft26 { font-size: 26px; }
.ft28 { font-size: 28px; }
.ft30 { font-size: 30px; }
.ft36 { font-size: 36px; }
.ft40 { font-size: 40px; }
.ft45 { font-size: 45px; }
.ft50 { font-size: 50px; }
.ft55 { font-size: 55px; }
.ft65 { font-size: 65px; }

.w1240 { width:1240px; margin: 0px auto;}
.text-l { text-align:left}
.text-r { text-align:right}
.text-c { text-align:center}

.red { color:#de1e00}
.blue { color:#32a7f9}
.white { color:#fff}
.hui_6 { color:#666}
.hui_9 { color:#999}
.eng { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}

.martb3 { margin: 4% 0px 2% 0px }
/* animation */
.animation { -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; }
.fadeInLeft { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; }
.fadeInRight { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity: 0; }
.fadeInUp { -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); opacity: 0; }
.fadeInDown { -webkit-transform: translate(0, -20%); -moz-transform: translate(0, -20%); -ms-transform: translate(0, -20%); -o-transform: translate(0, -20%); transform: translate(0, -20%); opacity: 0; }
.active-animeta { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
/* hp animation end */
.breathing { -webkit-animation-name: breath; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/* 等比填充 */
*[class*="rect-"] { position: relative; display: block; width: 100%; overflow: hidden; }
*[class*="rect-"] ._full { position: absolute; left: 0; top: 0; width: 100%; height: 100%; *height: auto;}
.rect-pic { padding-bottom: 66% }

@-webkit-keyframes 'breath' {
 from {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.breath { opacity: 1; -webkit-animation-name: breath; -webkit-animation-duration: 3s; /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
-webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; }

/* 主菜单 */
.head{ position: absolute; width: 100%; background: url(../images/head_bg.png) repeat-x; height: 180px; z-index: 9999; top: 0px; left: 0px; padding-top: 35px; }
.head_contain { width: 1240px; position: relative; margin: 0px auto; }
.head .logo { width: 243px; height:42px; padding: 0; display: block; float: left; }
.head .navbox{ width:910px; float: left; margin-left:40px; }
.head .nav{ display: block; float: left; width: 100% }
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{ float: left; position: relative; box-sizing: border-box; z-index:2; width:auto;padding:0px 10px; }
.head .nav ul li .f_a{ line-height:40px; display: block; text-align: center; font-size: 14px; color: #fff; font-weight: bold; height: 42px; }
.head .nav ul li:hover .f_a{ color: #fff; transition: all .3s; border-bottom: #fff 1px solid; line-height: 45px; }
.head .nav ul li .s_navbox{ display: none; position: absolute; left:0px; top:41px; width:100%;background:url(../images/pic.png) repeat; z-index: 9999; box-sizing: border-box }
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding:12px 0;border-bottom: 1px solid #939393;}
.head .nav ul li .s_navbox .s_a a:hover{background:#32a7f9;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

.search { position: relative; width: 36px; height: 36px; float: right; overflow: hidden; z-index:10}
.search:hover { overflow: visible }
.search .main { position: absolute; margin: auto; top: 0px; right: 0; left: 0; width:36px; height:36px; transition: all 1s;background:#fff; border-radius:50%;  }
.search:hover .main { cursor: pointer; background:#de1e00; }
.search .main::before { content: ""; position: absolute; margin: auto; top: 14px; right: 0; bottom: 0; left: 10px; width: 10px; height: 2px; background: #333; transform: rotate(45deg); transition: all .5s; }
.search .main::after { content: ""; position: absolute; margin: auto; top: -5px; right: 0; bottom: 0; left: -5px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #333; transition: all .5s; }
.search:hover .main::before { background: #fff }
.search:hover .main::after { border: 2px solid #fff }
.search input { font-family: "微软雅黑"; font-size: 12px; position: absolute; right:0px; top: 0px; width:280px; height: 36px; outline: none; border: none; background: #fff; color: #666; padding: 0 20px 0 20px; border-radius:30px; transition: all 1s; opacity: 0; z-index:11; font-weight:normal; }
.search input:hover { cursor: pointer; }
.search input:focus { width: 240px; opacity: 1; cursor: text; }
.search input:focus ~ .main { right: 0px; background: #d22b0e; z-index:12; }
.search input:focus ~ .main::before { top: 0; left: 0; width:24px; }
.search input:focus ~ .main::after { top: 0; left: 0; width:24px; height: 2px; border: none; background: white; border-radius: 0%; transform: rotate(-45deg); }
.search input::placeholder {color:#666;opacity: 0.5;}

.search_box { display:none}

/*返回样顶部*/
#goTopBtn { POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 50px; WIDTH: 50px; BOTTOM: 50px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 80px; _position: absolute; _right: auto }
#goTopBtn a { width: 50px; height: 50px; display: block; text-indent: -9999px; background: url(../images/Go_top.png) no-repeat }
#goTopBtn a:hover { background-position: -50px 0px; }

/*移动端导航*/
@media screen and (max-width:1199px){
.slider{margin-top:54px;}
.head{display:none}
.m_img{display:block;height:60px; padding:8px 0px 10px 0px;background:#32a7f9;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
.m_img .headlf{padding-top:8px;padding-left:20px;float: left;}
.m_img .headlf .m_logo{height:30px;display: block}
.m_img .headlf .m_logo img{ width:auto; height:100%;}
.m_img .headrg{padding-right:2%;padding-top:8px;float:right; width:90px}
.m_img .headrg a .m_menuimg{height:20px;vertical-align:top;display: block; float:right; margin-top:5px}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:20px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.m_nav .m_navList ul li .m_s_nav a:hover { background:#5ead00}

.m_search_btn{ transition:.3s;z-index: 9999999;position:relative;width:30px; height: 30px; background: url("../images/m_search_btn.png") center no-repeat; background-size: contain; cursor: pointer; float: left;}
.m_close_btn{background-image: url(../images/m_close_btn.png); background-size: 90%;}

.search_box{z-index: 999; position: fixed; left: 0; top:54px; width: 100%; height: 100%; display: none; align-items: center; justify-content: center;}
.search_con{width: 100%; height: 100%; text-align: center; background: #434144; display: flex; align-items: center; justify-content: center;}
.search_con .layout{display: flex; justify-content: center; flex-direction: column; align-items: center; width:100%;}
.search_con img{height:auto; object-fit: contain;}
.search_con h3{margin-top:2%; font-size: 48px; font-family: "Arial"; color: #fff; line-height: 110%; text-transform: uppercase;}
.search_con form{margin-top:7%; position: relative; max-width: 500px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.search_con form .sel{font-size: 24px; color: #cfcfcf; width: 100%; line-height: 60px; padding: 0 5px; border: none; background: url(../images/select_ico3.png) 99% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.search_con form .sel option{background: #434144;}
.search_con form .text{transition: 0.6s; font-size: 24px; color: #cfcfcf; width: 100%; line-height: 60px; padding: 0 5px; border: 1px solid #505050; border-left-color: transparent; border-right-color: transparent; background: transparent;}
.search_con form .text::-webkit-input-placeholder{color: #cfcfcf;}
.search_con form .text:focus{box-shadow: 0 0 10px rgba(80,80,80,0.5);}
.search_con form .submit{margin-top: 10%; font-size: 24px; font-weight: bold; color: #fff; width: 100%; height: 60px; border: none; background: #536072; text-transform: uppercase; cursor: pointer;}
.search_con .will_close{margin-top: 11.667%; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer;}
.search_con .will_close i{display: block; position: relative; width: 26px; height: 26px;}
.search_con .will_close i::before{display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; transform: rotate(45deg); content: ""; width: 100%; height: 3px; border-radius: 25px; background: #fff;}
.search_con .will_close i::after{display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; transform: rotate(-45deg); content: ""; width: 100%; height: 3px; border-radius: 25px; background: #fff;}
.search_con .will_close p{margin-top: 5px; font-size: 14px; font-family: "Arial"; font-weight: bold; color: #fff; line-height: 100%; text-transform: uppercase;}
}

/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd { height: 12px; z-index: 1; overflow: hidden; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 1; }
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li { cursor: pointer; float: left; margin-right: 10px; width: 50px; height: 12px; text-align: center; background: #fff; }
.slideBox .hd ul .on {background: #32a7f9;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd ul li { width:100%; height:100%; position:relative;}
.slideBox .bd ul li img{width:100%; vertical-align:top;} 
.slideBox .bd ul li > div.txt { width: 100%; position: absolute; left: 0px; top: 42%; z-index: 100; }
.slideBox .bd ul li > div.text-r { top:24%;}
.slideBox .bd ul li > div.txt p { width: 100%; max-width: 1240px; margin: 0px auto; text-shadow: 0px 0px 5px #666; color: #fff; word-spacing: 0px; margin-bottom: 5px; }

footer { width: 100%; margin: 0px; padding: 0; font-size: 14px }
.foot_quick { width: 1240px; margin:0px auto; padding:80px 0px 70px 0px; height:340px; }
.foot_qlink { width: 250px; float: left; position: relative; padding-top: 136px; }
.foot_qlink ul li { width:45%; line-height:32px; display:block; padding-left:24px; background:url(../images/index_icon.png) no-repeat 10px center; float:left}
.foot_qlink ul li a { font-size:14px; color:#fff;}
.foot_qlink ul li a:hover { color:#32a7f9}

.foot_qpic { width: 79.5%; float: right; text-align:right }
.foot_qpic ul li { width: 295px; height: 196px; display:inline-block; position: relative; overflow: hidden;margin-left:30px; }
.foot_qpic ul li p.pic { width: 295px; float: left; overflow: hidden; position: relative; }
.foot_qpic ul li p.pic img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; width: 100%; height: 100%; }
.foot_qpic ul li:hover p.pic img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.foot_qpic ul li p.link { background: url(../images/index_quick_bg.png) repeat; width: 70%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; display: block; position: absolute; right: 0px; bottom: 10px; z-index: 10; padding-left: 20px; text-align:left }
.foot_qpic ul li p.link span.name {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:block; width:70%; float:left; font-weight:bold}
.foot_qpic ul li p.link span.more { width:36px; height:40px; display:block; background:url(../images/index_quick_m.png) no-repeat center center #2e1503; text-indent:-9999px; float:right;}
.foot_qpic ul li:hover p.link span.more {background:url(../images/index_quick_m.png) no-repeat center center #32a7f9}

.foot_info { width:100%; background:url(../images/foot_bg.png) repeat-x left bottom; margin:0px ; padding:0}
.foot_info ul.Info { padding:50px 0px 40px 0px;width: 1240px; margin: 0px auto; height:auto; }
.foot_info ul.Info li.name { width: 284px; margin-right:40px; padding: 0; height: 88px; }
.foot_info ul.Info li.adress p {color:#fff; line-height:24px; position:relative; display:block; padding-left:30px; line-height:20px; margin-top:8px;}
.foot_info ul.Info li.adress p .c1,.foot_info ul.Info li.adress p .c2 { display:none}
.foot_info ul.Info li.adress p span { margin-right:20px}
.foot_info ul.Info li.adress img { position:absolute; top:3px; left:0px;}
.foot_info ul.Info li.ma { width: 90px; text-align: center; color: #FFF; font-size: 12px; }
.foot_info ul.Info li.ma img {width:100%;}
.foot_info ul.other { height:60px; line-height:60px; width: 1240px; margin: 0px auto; color: #FFF; }
.foot_info ul.other img { vertical-align:middle}
.foot_info ul.other a { color:#fff; font-size:14px}

@media only screen and (min-width:1240px){
.slideBox .bd ul li > div.txt p { letter-spacing:1px}	
}

@media only screen and (min-width: 0) and (max-width: 1240px){
.head_contain { width:98%; margin:0px auto; padding:0}
.head .navbox { width:850px;}
.head .nav ul li { padding:0px 12px;}
.slideBox .bd ul li > div.text-r { padding-right:20px}	

.foot_qlink ul li { line-height:26px}
.foot_quick { width:97%; margin:0px auto;}
.foot_qpic { width:78.5%;}
.foot_qpic ul li {margin-left:0.5%; }

.foot_info ul.Info {width:97%; margin:0px auto}
.foot_info ul.other { width:97%; margin:0px auto}
.foot_info ul.other li { margin-right:10px}
}

@media only screen and (min-width: 0) and (max-width: 1199px){
.slideBox .bd ul li > div.txt { top:40%}
.slideBox .bd ul li > div.text-r { top:18%}		
.slideBox .bd ul li > div.text-r { padding-right:20px}	
.slideBox .bd ul li > div.txt p { font-size:3rem}	
.slideBox .bd ul li > div.txt p.eng { font-size:2rem}

.foot_qlink { padding-top:130px}
.foot_qpic { width:76.5%}
.foot_qpic ul li { width:260px; height:180px; margin-left:1.4%; }
.foot_qpic ul li p.pic { width:260px; float: left; overflow: hidden; position: relative; }
.foot_qpic ul li p.rect-pic { padding-bottom:70%}

.foot_info ul.Info li.ma { display:none}
#goTopBtn { display:none}

}

@media only screen and (min-width: 0) and (max-width: 1112px){
.foot_quick { padding:70px 0px 60px 0px; height:310px}	
.foot_qpic { width:74%}
.foot_qpic ul li { width:230px; height:180px; margin-left:1.4%; }
.foot_qpic ul li p.rect-pic { padding-bottom:80%}

.foot_info ul.Info { padding:40px 0px}
.foot_info ul.Info li.adress {width:67%}
.foot_info ul.Info li.adress p .c2 { display:block;}
.foot_info ul.Info li.adress p span { margin-right:42px}

}

@media only screen and (min-width: 0) and (max-width: 1024px){
.foot_qpic { width:73.2%}
.foot_qpic ul li { width:215px; height:180px; margin-left:1.1%; }
.foot_qpic ul li p.rect-pic { padding-bottom:85%}

.foot_info ul.Info li.adress {width:65%}
	
}
@media only screen and (min-width: 0) and (max-width: 960px){
.foot_quick { padding:70px 0px 50px 0px; height:290px}	
.foot_qpic { width:66%}
.foot_qpic ul li { width:150px; height:160px; margin-left:1%; }
.foot_qpic ul li p.rect-pic { padding-bottom:110%}
.foot_qlink { padding-top:120px}
.foot_qlink ul li { line-height:22px}
.foot_qpic ul li p.link span.more { display:none}	

.foot_info { background:url(../images/foot_bg.png) repeat-x left top;}
.foot_info ul.Info { width:100%; padding-left:15px;}
.foot_info ul.Info li.name { display:none}
.foot_info ul.Info li.adress {width:100%}
.foot_info ul.Info li.adress p .c2 { display:none}
.foot_info ul.Info li.adress p span { margin-right:20px}
.foot_info ul.other { width:100%;line-height:20px; padding:20px 0px 15px 15px; height:auto;background:#105889;color: #FFF; }

}

@media only screen and (min-width: 0) and (max-width: 768px){
.slideBox .bd ul li > div.txt {top:35%}
.slideBox .bd ul li > div.text-r {top:18%}
.slideBox .bd ul li > div.txt p { font-size:2rem}	
.slideBox .bd ul li > div.txt p.eng { font-size:1.4rem}

.search_con img{height:2rem;}
.search_con h3{font-size:2rem;}
.search_con .layout { width:95%; margin:0px auto}
.search_con form .sel{font-size: 16px; line-height: 48px; background-size: 4%;}
.search_con form .text{font-size: 16px; line-height: 48px;}
.search_con form .submit{font-size: 16px; height: 48px;}

footer { background-size:cover}
.foot_quick  { display:none}
.foot_info ul.Info li.adress p .c2 { display:block}
.foot_info ul.Info li.adress p span { margin-right:42px}
}
@media only screen and (min-width: 0) and (max-width: 640px){
.foot_info ul.Info li.adress p .c1 { display:block}

}

@media only screen and (min-width: 0) and (max-width: 520px){
.slideBox .hd {bottom:20px}	
.slideBox .hd ul li { width:40px; height:10px}
.slideBox .bd ul li > div.txt { top:32%}
.slideBox .bd ul li > div.text-r {top:15%}
.slideBox .bd ul li > div.txt p { font-size:1.8rem}	
.slideBox .bd ul li > div.txt p.eng { font-size:1.2rem; line-height:1.4rem}

}
@media only screen and (min-width: 0) and (max-width: 414px){
.slideBox .hd ul li { width:40px; height:8px}
.slideBox .bd ul li > div.txt { top:32%}
.slideBox .bd ul li > div.text-r {top:15%}
.slideBox .bd ul li > div.txt p { font-size:1.4rem}	
.slideBox .bd ul li > div.txt p.eng { font-size:1.2rem; line-height:1.2rem;letter-spacing:-1px}
	
}
@media only screen and (min-width: 0) and (max-width: 375px){
.slideBox .hd {bottom:15px}	
.slideBox .hd ul li { width:30px; height:5px}
.slideBox .bd ul li > div.txt { top:35%}
.slideBox .bd ul li > div.text-r {top:15%}
.slideBox .bd ul li > div.txt p { font-size:1.2rem}	
.slideBox .bd ul li > div.txt p.eng { font-size:.9rem; line-height:.9rem;letter-spacing:-1px}

.foot_info ul.Info { padding:30px 0px 30px 15px; min-width:375px; padding-left:15px; font-size:12px;}
.foot_info ul.Info li.adress p { padding-left:24px}
.foot_info ul.Info li.adress p img { top:2px}
.foot_info ul.Info li.adress p span { margin-right:36px}
.foot_info ul.other { font-size:12px}
.foot_info ul.other a { font-size:12px}
}