html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;display: block;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}
article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
html { font-size:100%; }
body { font-size:14px; font-family:"Microsoft YaHei", Arial; color:#111; position:relative; -webkit-text-size-adjust:none; line-height:28px; background-color:#fff;}
a { color:#222; text-decoration:none; }
a:hover { text-decoration:underline;}
.wrapper { width:100%; max-width:640px; margin:auto;}
.wrappers { width:87.5%; max-width:560px; margin:auto;}
#header { -moz-box-shadow: 0px 5px 10px #dddddd; /* ่็ Firefox */ box-shadow: 0px 5px 10px #dddddd; background-color: #f3f3f3; padding:0% 0; height:auto;}
#header .logo {width:100%; float:left; max-width:225px;padding:15px 0;}
#header .logo_txt{font-size:12px; float:left; color:#ed6a00; margin-top:8%;}
#header .logo img{display:block; width:100%;}
#header .m_wrpa{float:left; margin-top:48px;}
#header .menu_len{float:right; width:10%; margin-top:7%;}
#header .menu_len img{}
#header .menuButton { float:right; margin-right:0%; display:table-cell; text-align:center; vertical-align:middle; margin-top:20px;}
#header .menuButton i { display:inline-block; height:100%; vertical-align:middle;}
#header .menuButton img { vertical-align:middle;}
#header .ss{float:right;margin-right: 37px; display:table-cell; text-align:center; vertical-align:middle; margin-top:20px;}
.reponimg{max-width:100%; display:block; margin:0 auto;}
.men_cn{float:right; width:5%; margin-top:25px;}
/*ๆ็ดข*/
#search-form{ height: 40px; position: absolute; right: 60px; bottom:-40px; z-index: 99; display:none; }
.chname{float:left; background:#fff; width:80%; height:36px; line-height:36px; border:0 none; box-shadow:none; font-size:12px; color:#b0b1b2; cursor:pointer; text-indent:20px; font-family: "Microsoft YaHei"; border-radius:0;}
.btn{float:left; background:url(/images/Search.jpg) no-repeat center center #fff; width:16%; padding:0; height:42px; border:0 none; box-shadow:none; cursor:pointer; border-radius:0;}
.Subtext{width: 145px;height: 35px;border: 1px solid #ea6000;padding: 0 0 0 5px;outline: none;}
.submit{width: 60px;height: 37px;background-color: #ea6000;border: 1px solid #ea6000;color: #fff; margin-left: -9px;font-size: 18px; font-weight: bold;padding-bottom: 6px;}
#footer { font-size:13px; text-align:center; line-height:26px; color:#626262; border-top:0px solid #3f3c33; color:#fff; padding: 10px 0; margin-top:40px; background:url(/images/foot_lx.png) repeat-x left top;}
#footer a { color:#fff; }
.responsimg { width:100%; display:block; }
.responimg { max-width:100%; display:block; margin:0 auto; }
#mobile_nav_wrap { height:58px; width:100%; }
#mobile_nav {width: 100%; height: 58px; opacity: 1; position:fixed; left:0; bottom:0; display:block; z-index:10010; background:url(/images/nav_bj.jpg) no-repeat center top; border-top:#b7b7b7 solid 0px; background-size: 100% 100%;}
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;padding-top:5px;}
#mobile_nav .img img {height: 25px; width: 25px; color: #fff; line-height: 48px; vertical-align: middle; }
#mobile_nav .home { width:60px; height:60px; background:url(/images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px; margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-12px; }
#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #fff; cursor: pointer; float: left; font-size:12px; height: 100%; line-height: 25px; position: relative; text-align: center; width: 25%; }
#mobile_nav .m_menu_line{}
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px; max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px; font-size:1.16em; }
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }
.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
.text26 { text-indent:32px;}
.line15 { height:15px; line-height:15px; }
.font12 { font-size:0.75em;}
.font14 { font-size:0.875em;}
.font16 { font-size:1em;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " ";
clear: both; height: 0; }
.clearfix{*zoom:1;}
.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000;}
.page span {padding:5px 10px 5px 10px; color:#fff; background-color:#e62129; font-size:0.875em; margin:0 5px; }
.page a{ color:#fff; padding:5px 10px 5px 10px; margin:0 5px; text-decoration:none; background-color:#bbbbbb; font-size:0.875em; }
.page a:hover {color:#fff; background-color:#e62129; }
.top{width: 87.5%; margin: 0 auto;position:relative; text-align:center;}
.cbtn-search,.cbtn-back{
float: right;
width:10%;height:24px;display:table-cell;
color:#879da9;text-align:center;
cursor:pointer;
margin-top:7%;
background:url(/images/top_lie.jpg) no-repeat center center;
}
/*srch*/
.srch{position:relative;
width:93.75%; margin: 1.5% auto 0;
font-size:1.625em;
-webkit-appearance:none;
display: none;
height:45px;
}
.srch-txt{width:100%; border:1px solid #d3d3d3; line-height:43px; padding:0;
text-indent: 1em;
background:#ffffff;cursor:pointer;
-webkit-appearance:none;
}
.srch-txt::-webkit-input-placeholder{color:#CCC;}
.srch-sub{position:absolute;top:4%;right:0; width:17%;height:100%;border:none;border-radius:0; color:#ffffff;background:url(/images/Search.png) no-repeat center center #166cb0;text-align:center;cursor:pointer;-webkit-appearance:none; background-size: 40% 90%;}
.navButton{position:absolute; right:2%; top:37px;}
.nav_t{position:absolute; left:2%; top:38px; color:#fff;}
#nav { background-color:#767676; position:absolute; right:-200px; top:0; z-index:1001; width:100%; height:100%; display:none; }
#nav ul { padding-top:80px;}
#nav ul li { height:50px; line-height:50px; border-bottom:solid 1px #fff; }
#nav ul li a { display:block; line-height:50px; text-align:left; color:#fff; text-indent:30px;}
#nav ul li a:hover { text-decoration:none; }
#nav ul li a.nav { background:url(/images/nav.jpg) no-repeat 170px center; }
.dt_footer{background-color:#000; padding:45px 0% 0px; line-height:24px; font-size:13px; color:#fff; position: relative; background-size: 100% 100%; }
.dt_footer a{margin-right: 4px;color:#fff;}
.dt_bt{ color:#fff; font-size:18px; margin-bottom:10px;}
.dt_bx{color: #555; font-size:20px; line-height:60px; margin:auto; width:68%;}
.dt_bx img{ width:100%;}
.dt_01, .dt_02, .dt_03, .dt_04, .dt_05{padding-left:28px; font-size:13px; line-height:27px; color:#fff;}
.dt_01_sp, .dt_04_sp{text-indent:110px; font-size:14px; line-height:28px;}
.dt_01{background:url(/images/dt_01.png) no-repeat top 3px left;}
.dt_02{background:url(/images/dt_02.png) no-repeat left top 3px;}
.dt_03{background:url(/images/dt_03.png) no-repeat left center;}
.dt_04{background:url(/images/dt_04.png) no-repeat left center;}
.dt_05{background:url(/images/dt_05.png) no-repeat left center;}
.dt_bt_x{width:65%; border-top:1px solid #cfcfcf; margin:12px 0;}
.dt_bx_01{background:url(/images/tev_02.jpg) no-repeat left center;}
.dt_bx_02{background:url(/images/tev_03.jpg) no-repeat left center;}
.dt_bx_03{background:url(/images/tev_04.jpg) no-repeat left top;}
.dt_bc{color:#f08519; font-size:30px; line-height:45px; border-bottom:1px solid #d0d0d0; width:85%; margin-bottom:10px;}
.dt_bc a{color:#f08519; }
.dt_bf{background:url(/images/contacts_img.jpg) no-repeat center center; width:90px; height:90px; line-height:200px; text-align:center;}
.dt_bfd{width:70%; float:left;}
.ho{height:55px; background:url(/images/home_m.jpg) no-repeat center top; margin:35px auto 27px;}
.dtd{color:#222; font-size:24px; background: url(/images/m_ph.png) no-repeat center bottom; line-height:57px; text-align:center; margin-bottom:15px;}
.maing_t{color:#030303; text-align:center; line-height:24px; margin-bottom:32px; font-size:14px;}
.hom_mt{width:96%; margin:20px auto 20px;}
.hom_mt img{width:100%;}
.m_cmer_logo{width: 92%; margin: 0 auto; background:url(/images/foot_lx.png) repeat-x left bottom; display:block; text-align:left; padding-bottom:10px;}
.m_cmer_logo img { width:50%; margin:0 auto;}
.m_code{ margin:29px 0px 0 0px; width:40%; float:left; margin-left:3%;}
.m_code_img{background:url(/images/foot_logo.jpg) no-repeat left center; width:80%; height:40px; margin-left:1%; margin-bottom:34px; background-size: 100% 100%;}
.m_code_the{color:#8fc42e; text-indent:29px; font-size:15px; background:url(/images/foot_the.jpg) no-repeat left center;}
.m_cmer{float:left; font-size: 18px;line-height:26px;}
.dilt_th{font-size:16px;}
.m_cmer h2{
font-size: 24px;
font-weight: initial;
line-height: 40px;
}
.m_cmer p{color:#fff; height:26px; line-height:26px; font-size:13px; list-style:none; padding-left:25px; }
.m_cmer .dilt_th{padding-left:0; font-size:18px; line-height:40px; height:40px;}
.da_01{background:url(/images/da_01.png) no-repeat left center;}
.da_02{background:url(/images/da_02.png) no-repeat left center;}
.da_03{background:url(/images/da_03.png) no-repeat left center;}
.da_04{background:url(/images/da_04.png) no-repeat left center;}
.m_cmer .da_04{ padding:0; font-size:16px; text-indent:25px; margin-top:15px;}
.da_05 span a{color:#4bb13f; font-size:28px; font-family:Arial, Helvetica, sans-serif;}
.da_05{background:url(/images/da_05.png) no-repeat left center;}
.da_06{background:url(/images/da_06.png) no-repeat left center;}
.m_cmer .da_05{padding-left:0;}
.da_01 da_05 span{padding-left:0px;}
.qrcode{
text-align: center;
float: right;
}
@media screen and (max-width:480px){
#header .logo {
width: 100%;
float: left;
max-width: 150px;
padding: 15px 0;
}
#header .ss {
float: right;
margin-right: 15px;
margin-top: 20px;
}
#header .menuButton {
float: right;
margin-right: 0%;
margin-top: 20px;
}
.reponimg {
max-width: 70%;
display: block;
margin: 0 auto;
}
#footer {
margin-top: 20px;
font-size: 14px;
}
.dt_footer {
background-color: #000;
padding: 20px 0% 0px;
}
.m_cmer {
float: left;
font-size: 12px;
line-height: 26px;
}
.m_cmer h2 {
font-size: 12px;
font-weight: initial;
line-height: 26px;
}
.qrcode {
text-align: center;
float: right;
}
}