@charset "UTF-8";
/* CSS Document */

section, article, aside, footer, header, nav, h2 { display:block;}

body { padding:0; margin:0 auto; font:1em 微軟正黑體, Arial, sans-serif; background-color:#343434; display:block;}
img { border:0; display:block;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


#aside-icons { width: 60px; position: fixed; bottom: 10px; right: 10px; z-index: 99;}
#aside-icons img { width: 100%; height: auto; margin: 0 0 10px 0;}
#aside-icons a { cursor: pointer;}


@media screen and (min-width: 1280px) {

/********* header *********/ 
header#padmobile { display:none;}

header#type1 { width:100%; height:80px; background-color:rgba(255,255,255,1); position:absolute; top:0; left:0; z-index:9999;}
header#type1 #headerbox { width:1200px; margin:0 auto;}
header#type1 #headerbox .logotitle { width:310px; margin-top:15px; float:left;}
header#type1 #headerbox .lettlelogo { width:140px; padding: 5px 0 0 0; margin-top:20px; float:left;}
header#type1 #headerbox .lettlelogo img { width:140px; height:auto;}
header#type1 #headerbox .iconbox { width:auto; margin-top:16px; float:right;}
header#type1 #headerbox .iconbox img { margin-left:20px; float:left;}
header#type1 #headerbox .iconbox .telbox { clear: both; font-size: 0.8em; padding-top: 10px;}
header#type1 #headerbox .iconbox .telbox a { color: black; text-decoration: none;}

header#type1 #headerbox nav { width:auto; position:relative; float:left;}
header#type1 #headerbox nav ul { width:auto; padding:0; margin:0 0 0 105px; list-style:none; display:block;}
header#type1 #headerbox nav ul li { height:80px; padding:20px 15px 0 15px; text-align:center; box-sizing:border-box; float:left;}
header#type1 #headerbox nav ul li a { text-decoration:none;}
header#type1 #headerbox nav ul li .menu_c { color:#000000; font-size:1.2em;}
header#type1 #headerbox nav ul li .menu_e { color:#8B8B8B; font-size:0.9em;}
header#type1 #headerbox nav ul li ul.subnav { width:100%; padding:20px; margin:0 auto; text-align:center; box-sizing:border-box; list-style:none; display:none; background-color:#FFFFFF; position:absolute; left:0; top:99px;}
header#type1 #headerbox nav ul li ul.subnav li { padding:0; margin:10px; display:inline-block;}
header#type1 #headerbox nav ul li ul.subnav li a { color:#000000; text-decoration:none;}


/********* hp_banner *********/ 
#bannerbox { width:100%; height:auto; margin-bottom:60px;}
#bannerbox img { width:100%; height:auto;}


/********* hp_main *********/ 
#mainbox { width:1200px; margin:0 auto; display:table;}

#mainbox .newsbox { width:100%; display:table-row;}
#mainbox .newslist { width:50%; padding:40px 65px; color:#eeeeee; box-sizing:border-box; display:table-cell;}
#mainbox .newslist .title { width:160px; margin-bottom:60px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;} 
#mainbox .newslist .title .font_c { font-size:1.4em;}
#mainbox .newslist .title .font_e { font-size:0.9em;}
#mainbox .newslist .newslistunder { padding-bottom:20px; margin-bottom:20px; border-bottom:1px #636363 dashed; box-sizing:border-box;}
#mainbox .newslist .newslistunder .datebx { clear:both; width:25%; line-height:1.6em; float:left;}
#mainbox .newslist .newslistunder .listtitlebx { width:75%; line-height:1.6em; float:left;}
#mainbox .newslist .newslistunder .listtitlebx a { color:#eeeeee; text-decoration:none;}
#mainbox .newslist .newslistunder .listtitlebx a:hover { text-decoration:underline;}
#mainbox .newslist .morebox { clear:both; width:70px; padding:5px 0; margin:0 auto; color:#eeeeee; font-size:0.8em; text-align:center; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .newslist a { text-decoration:none;}
#mainbox .newslist .morebox:hover { clear:both; width:70px; padding:5px 0; margin:0 auto; color:#333333; font-size:0.8em; text-align:center; background-color:#eeeeee; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .newspic { width:50%; overflow:hidden; background:url(../images/news_pic.jpg) no-repeat; background-size:cover; display:table-cell;}

#mainbox_pro { width:1200px; margin:0 auto; display:table; background:url(../images/protitle_bg.png) left top no-repeat;}
#mainbox_pro .productsbox { width:100%; display:table-row;}
#mainbox_pro .productsbox .title { width:180px; margin-top:0px; margin-bottom:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_pro .productsbox .title .font_c { font-size:1.4em;}
#mainbox_pro .productsbox .title .font_e { font-size:0.9em;}
#mainbox_pro .productsbox .prolistbox { width:250px; height:450px; margin-left:25px; margin-right:25px; margin-bottom:90px; background-color:#FFFFFF; overflow:hidden; float:left;}
#mainbox_pro .productsbox .prolistbox img { width:100%; height:auto;}
#mainbox_pro .productsbox .prolistbox .protitle { clear:both; padding:5px 15px; color:#0f0278; line-height:2em; border-bottom:2px #0f0278 solid;}
#mainbox_pro .productsbox .prolistbox .textbox { clear:both; width:100%; color:#666666; font-size:0.9em; line-height:1.4em; padding:5px 15px; box-sizing:border-box;}
#mainbox_pro .productsbox .prolistbox .hoverblack { width:100%; background-color:rgba(0,0,0,0.8); position:absolute; margin-left:0; margin-top:0; z-index:999; display:none;}

#mainbox .aboutbox { clear:both; width:100%; display:table-row;}
#mainbox .aboutbox .aboutpic { width:50%; overflow:hidden; background:url(../images/about_pic.jpg) right no-repeat; background-size:cover; display:table-cell;}
#mainbox .aboutbox .aboutext { width:50%; padding:40px 65px; color:#eeeeee; box-sizing:border-box; background:url(../images/about_map.png) no-repeat; background-size:cover; display:table-cell;}
#mainbox .aboutbox .aboutext .textfont { line-height:1.6em;}
#mainbox .aboutbox .aboutext .title { width:200px; margin-bottom:60px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox .aboutbox .aboutext .font_c { font-size:1.4em;}
#mainbox .aboutbox .aboutext .font_e { font-size:0.9em;}
#mainbox .aboutbox .aboutext .morebox { clear:both; width:70px; padding:5px 0; margin-top:40px; margin-left:auto; margin-right:auto; color:#eeeeee; font-size:0.8em; text-align:center; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .aboutbox .aboutext .morebox:hover { clear:both; width:70px; padding:5px 0; margin-top:40px; margin-left:auto; margin-right:auto; color:#333333; font-size:0.8em; text-align:center; background-color:#eeeeee; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .aboutbox .aboutext a { text-decoration:none;}

#mainbox_cert { width:1200px; margin:0 auto; display:table; background:url(../images/cerf_bg.png) center top no-repeat;}
#mainbox_cert .certificatebox { width:100%; display:table-row; text-align:center;}
#mainbox_cert .certificatebox .title { width:260px; margin-top:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_cert .certificatebox .title .font_c { font-size:1.4em;}
#mainbox_cert .certificatebox .title .font_e { font-size:0.9em;}
#mainbox_cert .certificatebox .title2 { width:260px; margin-top:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_cert .certificatebox .title2 .font_c { font-size:1.4em;}
#mainbox_cert .certificatebox .title2 .font_e { font-size:0.9em;}
#mainbox_cert .certificatebox ul { clear:both; padding:0; margin:80px 0; text-align: center; list-style:none; display:inline-block;}
#mainbox_cert .certificatebox ul li { width:90px; height:170px; padding:0; margin:20px 18px 0 18px; display:inline-table;}
#mainbox_cert .certificatebox ul li .text { width: 100%; margin:5px 0 0 0; color:#eeeeee; font-size:0.8em; line-height:1.2em; text-align:center;}
#mainbox_cert .certificatebox ul li img { margin:0 auto; background-color:#FFFFFF; padding:5px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

#mainbox .reqirebox { width:50%; height:180px; margin-bottom:60px; background:url(../images/require_bg.jpg) left top no-repeat; float:left;}
#mainbox .reqirebox .titlebt { width:120px; padding:5px 0; color:#ffffff; font-size:1.8em; text-align:center; border-top:3px #ffffff solid; border-bottom:3px #ffffff solid; position:absolute; margin-left:410px; margin-top:109px; z-index:9999;}
#mainbox .reqirebox a { color:#ffffff; text-decoration:none;}
#mainbox .reqirebox .fingerbt { width:42px; height:48px; position:absolute; margin-left:530px; margin-top:112px;}
#mainbox .contactbox { width:50%; height:180px; margin-bottom:60px; background:url(../images/contact_bg.jpg) left top no-repeat; float:right;}
#mainbox .contactbox .titlebt { width:120px; padding:5px 0; margin-left:30px; margin-top:25px; color:#ffffff; font-size:1.8em; text-align:center; border-top:3px #ffffff solid; border-bottom:3px #ffffff solid;}
#mainbox .contactbox a { color:#ffffff; text-decoration:none;}
#mainbox .contactbox .contactinfor { color:#ffffff; font-size:0.8em; line-height:1.8em; margin-left:30px; margin-top:15px;}
#mainbox .contactbox .contactinfor a { color: #ffffff; text-decoration: none;}


/********* products_main *********/ 
#pro_bannerbox { width:100%; height:auto; margin-bottom:60px; overflow:hidden;}
#pro_bannerbox img { width:100%; height:auto;}

.mappath { width:1200px; color:#999999; font-size:0.8em; margin-bottom:40px; margin-left:auto; margin-right:auto;}
.mappath a { color:#999999; text-decoration:none;}
.mappath a:hover { text-decoration:underline;}

#promainbox { width:1200px; margin:0 auto;}

#promainbox .leftmenu { width:200px; margin-bottom:60px; float:left;}
#promainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#promainbox .leftmenu .title .font_c { font-size:1.4em;}
#promainbox .leftmenu .title .font_e { font-size:0.9em;}

#promainbox .leftmenu ul#classmenu { padding:0; margin:0; list-style:none; display:block;}
#promainbox .leftmenu ul#classmenu li { padding:0; margin:0;}
#promainbox .leftmenu ul#classmenu li a { text-decoration:none;}
#promainbox .leftmenu ul#classmenu li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#promainbox .leftmenu ul#classmenu li .mainmenu:hover { color:#000000; background-color:#ffffff;}
#promainbox .leftmenu ul#classmenu li .fixed { padding:10px; margin:10px 0; color:#74b830; border:1px #74b830 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#promainbox .leftmenu ul#classmenu li .fixed:hover { color:#ffffff; background-color:#74b830;}
#promainbox .leftmenu ul#classmenu li .select { color:#000000; background-color:#ffffff;}
#promainbox .leftmenu ul#classmenu li ul.popup { padding:0; margin:0; list-style:none; display:block;}
#promainbox .leftmenu ul#classmenu li ul.popup li { padding:6px 15px; margin:15px 10px; color:#666666; background-color:#DDDDDD; border:1px #666666 dashed; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box;}
#promainbox .leftmenu ul#classmenu li ul.popup li:hover { color:#000000; background-color:#ffffff;}
#promainbox .leftmenu ul#classmenu li ul.popup a { color:#666666; text-decoration:none;}
#promainbox .leftmenu ul#classmenu li ul.popup a:hover { color:#000000; text-decoration:none;}

#promainbox .productsbox { width:960px; float:right;}
#promainbox .productsbox .prolistbox { width:210px; height:340px; margin-left:15px; margin-right:15px; margin-bottom:90px; background-color:#FFFFFF; overflow:hidden; float:left;}
#promainbox .productsbox .prolistbox img { width:100%; height:auto;}
#promainbox .productsbox .prolistbox .protitle { clear:both; width:100%; padding:5px 15px; margin:0 auto; color:#0f0278; font-size:1em; line-height:1.8em; box-sizing:border-box; overflow:hidden;}
#promainbox .productsbox .prolistbox .textbox { clear:both; width:100%; color:#666666; font-size:0.9em; line-height:1.6em; padding:10px 15px; box-sizing:border-box; overflow:hidden;}
#promainbox .productsbox .prolistbox .hoverblack { width:100%; background-color:rgba(0,0,0,0.8); position:absolute; margin-left:0; margin-top:0; z-index:999; display:none;}

.pagebox { clear:both; width:100%; padding:60px 0; font-size:0.8em; text-align:center;}
.pagebox a { padding:3px 5px; margin:0 5px; color:#999999; text-decoration:none; border:1px #999999 solid;}
.pagebox a:hover { color:#cccccc; background-color:#797979;}
.pagebox a.sel { color:#cccccc; background-color:#797979;}


/********* product_single_main *********/ 
#promainbox .productsbox .bigpic_box { width:360px; height:auto; margin-bottom:40px; float:left;}
#promainbox .productsbox .bigpic_box .bigpic { width:360px; height:auto; margin-top:90px;}
#promainbox .productsbox .bigpic_box .bigpic img { width:100%; height:auto;}
#promainbox .productsbox .bigpic_box .thumbpicbox { width:360px; height:124px; overflow:hidden;}
#promainbox .productsbox .bigpic_box .thumbpicbox ul { width:400px; padding:0; margin:0; list-style:none; display:block;} 
#promainbox .productsbox .bigpic_box .thumbpicbox ul li { width:80px; padding:0; margin:10px 13px 10px 0px; cursor:pointer; float:left;}
#promainbox .productsbox .bigpic_box .thumbpicbox ul li img { width:100%; height:auto; border:1px #cccccc solid; box-sizing:border-box;}

#promainbox .productsbox .proinfor { width:540px; margin-bottom:40px; color:#eeeeee; line-height:2.2em; float:right;}
#promainbox .productsbox .proinfor .title { width:100%; padding:5px 0; margin-bottom:30px; color:#74b830; font-size:1.4em; border-bottom:1px #74b830 solid;}
#promainbox .productsbox .proinfor .captitle { clear:both; width:12%; margin-bottom:15px; color:#ffff00; line-height:1.4em; float:left;}
#promainbox .productsbox .proinfor .captitle_infor { width:88%; margin-bottom:15px; line-height:1.4em; float:left;}
#promainbox .productsbox .proinfor .dw_bt { clear:both; width:120px; color:#30637d; text-align:center; background-color:#66ccff; border:1px #eeeeee solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#promainbox .productsbox .proinfor .dw_bt:hover { color:#66ccff; background-color:#30637d;}
#promainbox .productsbox .proinfor .dw_bt img { width:20px; margin-top:6px; margin-left:5px; float:left;}
#promainbox .productsbox .proinfor a { text-decoration:none;}

#promainbox .productsbox .prodetail_tab { clear:both; width:860px; margin-left:20px;}
#promainbox .productsbox .prodetail_tab ul { padding:0; margin:0; list-style:none; z-index:999; position:relative; top:0px; left:0px;}
#promainbox .productsbox .prodetail_tab ul li { padding:0; margin-right:10px; border:0; float:left;}
#promainbox .productsbox .prodetail_tab ul li a { padding:6px 20px; color:#eeeeee; background-color:#666666; text-decoration:none; display:block;}
#promainbox .productsbox .prodetail_tab ul li a:hover { color:#cccccc; background-color:#000000;}
#promainbox .productsbox .prodetail_tab ul li a.select { padding:6px 20px; color:#FFFFFF; background-color:#74b830;}
#promainbox .productsbox .prodetail_tab #panel { width:100%; margin-bottom:60px; border-top:1px #666666 solid; z-index:9; position:relative; top:10px; left:0px; display:inline-block;}
#promainbox .productsbox .prodetail_tab #panel div { padding:20px 0; color:#eeeeee; line-height:2em;}
#promainbox .productsbox .prodetail_tab #panel div a { color:#eeeeee; text-decoration:none;}
#promainbox .productsbox .prodetail_tab #panel div a:hover { text-decoration:underline;}
#promainbox .productsbox .prodetail_tab #panel div img { max-width:100%; height:auto; float:left;}


/********* about_main *********/ 
#aboutmainbox { width:1200px; margin:0 auto;}

#aboutmainbox .leftmenu { width:200px; margin-bottom:60px; float:left;}
#aboutmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#aboutmainbox .leftmenu .title .font_c { font-size:1.4em;}
#aboutmainbox .leftmenu .title .font_e { font-size:0.9em;}
#aboutmainbox .leftmenu ul { padding:0; margin:0; list-style:none; display:block;}
#aboutmainbox .leftmenu ul li { padding:0; margin:0;}
#aboutmainbox .leftmenu ul li a { text-decoration:none;}
#aboutmainbox .leftmenu ul li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#aboutmainbox .leftmenu ul li .mainmenu:hover { color:#ffffff; background-color:#666666;}

#aboutmainbox .aboutbox { width:960px; color:#eeeeee; line-height:1.8em; margin-bottom:60px; float:right;}
#aboutmainbox .aboutbox .title { padding-bottom:40px; color:#74b830; font-size:1.4em; text-align:center;}

#aboutmainbox .aboutbox img.cleaners { float:right; margin-left:20px; margin-bottom:20px; max-width:100%;}

#aboutmainbox .aboutbox .certbox { width:20%; padding:20px 0; float:left;}
#aboutmainbox .aboutbox .certbox img { margin:0 auto; padding:5px; background-color:#FFFFFF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

#aboutmainbox .aboutbox .photogroup { width:100%;}
#aboutmainbox .aboutbox .photogroup img { width:280px; border:8px #FFFFFF solid; box-sizing:border-box; margin-right:20px; margin-left:20px; margin-bottom:30px; float:left;}


/********* news_main *********/ 
#newsmainbox { width:1200px; margin:0 auto;}

#newsmainbox .leftmenu { width:200px; margin-bottom:60px; float:left;}
#newsmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#newsmainbox .leftmenu .title .font_c { font-size:1.4em;}
#newsmainbox .leftmenu .title .font_e { font-size:0.9em;}
#newsmainbox .leftmenu ul { padding:0; margin:0; list-style:none; display:block;}
#newsmainbox .leftmenu ul li { padding:0; margin:0;}
#newsmainbox .leftmenu ul li a { text-decoration:none;}
#newsmainbox .leftmenu ul li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#newsmainbox .leftmenu ul li .mainmenu:hover { color:#ffffff; background-color:#666666;}

#newsmainbox .newsbox { width:960px; color:#eeeeee; line-height:1.8em; margin-bottom:60px; float:right;}
#newsmainbox .newsbox .newslistunder { padding-bottom:20px; margin-bottom:20px; border-bottom:1px #636363 dashed; box-sizing:border-box;}
#newsmainbox .newsbox .newslistunder .datebx { clear:both; width:15%; line-height:1.6em; float:left;}
#newsmainbox .newsbox .newslistunder .listtitlebx { width:85%; line-height:1.6em; float:left;}
#newsmainbox .newsbox .newslistunder .listtitlebx a { color:#eeeeee; text-decoration:none;}
#newsmainbox .newsbox .newslistunder .listtitlebx a:hover { text-decoration:underline;}


/********* news_single_main *********/ 
#newsmainbox .newsbox .newstitle { width:100%; padding:10px; color:#74b830; font-size:1.2em; line-height:1.6em; box-sizing:border-box; border:1px #74b830 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#newsmainbox .newsbox .newsdate { clear:both; padding:5px 0; color:#666666; font-size:0.8em; float:left;}
#newsmainbox .newsbox .newspop { padding:5px 0; color:#666666; font-size:0.8em; float:right;}
#newsmainbox .newsbox .newscontent { clear:both; width:100%; padding:40px 0; line-height:2em;}
#newsmainbox .newsbox .newscontent a { color:#eeeeee; text-decoration:none;}

#newsmainbox .newsbox input[type=button].goback_bt { width:100px; padding:6px 0; margin:0 auto; color:#cccccc; font-size:0.9em; text-align:center; border:0; background-color:#565656; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-appearance: button;}
#newsmainbox .newsbox input[type=button].goback_bt:hover { background-color:#666666;}


/********* contact_main *********/ 
#contactmainbox { width:1200px; margin:0 auto;}

#contactmainbox .leftmenu { width:280px; color:#999999; line-height:2.2em; margin-bottom:60px; float:left;}
#contactmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#contactmainbox .leftmenu .title .font_c { font-size:1.4em;}
#contactmainbox .leftmenu .title .font_e { font-size:0.9em;}
#contactmainbox .leftmenu a { color: #999999; text-decoration: none;}

#contactmainbox .contactbox { width:860px; color:#eeeeee; margin-bottom:60px; float:right;}
#contactmainbox .contactbox .capt_title { width:16%; padding-top:10px; color:#74b830; text-align:right; float:left;}
#contactmainbox .contactbox .inputform { width:84%; padding-left:5px; box-sizing:border-box; float:left;}
#contactmainbox .contactbox .inputform input[type=text] { width:40%; padding:10px; margin-bottom:20px; color:#eeeeee; font-size:1em; background-color:#333333; border:1px #666666 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#contactmainbox .contactbox .inputform input[type=radio] { margin-top:12px; margin-bottom:25px;}
#contactmainbox .contactbox .inputform textarea { width:80%; height:160px; padding:10px; margin-bottom:20px; color:#eeeeee; font-size:1em; background-color:#333333; border:1px #666666 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#contactmainbox .contactbox .inputform input[type=submit], input[type=reset] { padding:5px 15px; margin-top:40px; margin-right:10px; color:#ffffff; font-size:1em; background-color:#74b830; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-appearance:button;}


/********* footer *********/
footer { clear:both; width:100%; padding:60px 0; background-color:#000000;}
footer .footerbox { width:1200px; margin:0 auto;}
footer .footerbox .footer_lf { width:100%; color:#CCCCCC; float:left;}
footer .footerbox .footer_lf ul { width:100%; padding:0; margin:0; list-style:none; display:block;}
footer .footerbox .footer_lf ul li { padding:0; margin-right:15px; float:left;}
footer .footerbox .footer_lf ul li a { color:#CCCCCC; text-decoration:none;}
footer .footerbox .footer_lf ul li a:hover { text-decoration:underline;}
footer .footerbox .footer_lf div.footer_code_add_m { clear:both; width:100%;}
footer .footerbox .footer_lf .qrcodebox { width:160px; margin-top:60px; float:left;}
footer .footerbox .footer_lf .contactinfor { margin:60px 40px 0 0; color:#74b830; font-size:0.9em; line-height:1.8em; float:left;}
footer .footerbox .footer_lf .contactinfor a { color:#74b830; text-decoration: none;}
footer .footerbox .footer_lf .contactinfor .title_c { font-size:1.6em;}
/*footer .footerbox .footer_rt { width:50%; float:left;}
footer .footerbox .footer_rt img { float:right;}*/
	
.codebox_lt { width:50%; float:left;}
.codebox_rt { width:50%; float:left;}

}


@media screen and (min-width: 768px) and (max-width: 1279px) {
	
/********* header *********/ 
header#type1 { display:none;}

#menu_bt { padding:10px; color:#FFFFFF; font-size:0.8em; cursor:pointer; float:left; z-index:999999;}
#menu_bt img { width:50px; height:auto; margin-top:5px;}

header#padmobile { width:100%; background-color:#FFFFFF;}
header#padmobile .logotitle { width:auto; margin-right:10px; margin-top:15px; float:right;}
header#padmobile .logotitle img { width:240px; height:auto;}
header#padmobile .lettlelogo { width:120px; margin-top:20px; margin-right:10px; float:right;}
header#padmobile .lettlelogo img { width:120px; height:auto;}

header#padmobile nav { width:240px; height:200px; background-color:#ffffff; position:fixed; top:0px; left:-240px; z-index:9999999;}
header#padmobile nav ul { clear:both; padding:0; margin:30px 0 0 0; list-style:none; display:block;}
header#padmobile nav ul li { padding:20px 0; margin:0; text-align:center; border-bottom:1px #666666 solid;}
header#padmobile nav a { text-decoration:none;}
header#padmobile nav ul li .menu_c { color:#000000; font-size:1.2em;}
header#padmobile nav ul li .menu_e { color:#9D9D9D; font-size:0.9em;}

header#padmobile .iconbox { clear:both; margin-top:30px; text-align:center;}
header#padmobile .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block; box-sizing:border-box;}
header#padmobile .iconbox ul.icon li { width:30%; padding:0; margin:0; border:0; display:inline-block; box-sizing:border-box;}
header#padmobile .iconbox ul.icon li img { margin:0 auto;}
header#padmobile .iconbox ul.icon .telbox { clear: both; font-size: 0.8em;}
header#padmobile .iconbox ul.icon .telbox a { color: black; text-decoration: none;}


/********* hp_banner *********/ 
#bannerbox { width:100%; height:auto; margin-bottom:60px;}
#bannerbox img { width:100%; height:auto;}


/********* hp_main *********/ 
#mainbox { width:100%; margin:0 auto; display:table;}

#mainbox .newbox { width:100%; display:table-row;}
#mainbox .newslist { width:50%; padding:40px 65px; color:#eeeeee; box-sizing:border-box; display:table-cell;}
#mainbox .newslist .title { width:160px; margin-bottom:60px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;} 
#mainbox .newslist .title .font_c { font-size:1.4em;}
#mainbox .newslist .title .font_e { font-size:0.9em;}
#mainbox .newslist .newslistunder { padding-bottom:20px; margin-bottom:20px; border-bottom:1px #636363 dashed; box-sizing:border-box;}
#mainbox .newslist .newslistunder .datebx { clear:both; width:25%; line-height:1.6em; float:left;}
#mainbox .newslist .newslistunder .listtitlebx { width:75%; line-height:1.6em; float:left;}
#mainbox .newslist .newslistunder .listtitlebx a { color:#eeeeee; text-decoration:none;}
#mainbox .newslist .newslistunder .listtitlebx a:active { text-decoration:underline;}
#mainbox .newslist .morebox { clear:both; width:70px; padding:5px 0; margin:0 auto; color:#eeeeee; font-size:0.8em; text-align:center; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .newslist a { text-decoration:none;}
#mainbox .newslist .morebox:active { clear:both; width:70px; padding:5px 0; margin:0 auto; color:#333333; font-size:0.8em; text-align:center; background-color:#eeeeee; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .newspic { width:50%; overflow:hidden; background:url(../images/news_pic.jpg) no-repeat; background-size:cover; display:table-cell;}

#mainbox_pro { width:inherit; margin:0 auto; display:table; background:url(../images/protitle_bg.png) left top no-repeat;}
#mainbox_pro .productsbox { width:100%; display:table-row;}
#mainbox_pro .productsbox .title { width:180px; margin-top:0; margin-bottom:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_pro .productsbox .title .font_c { font-size:1.4em;}
#mainbox_pro .productsbox .title .font_e { font-size:0.9em;}
#mainbox_pro .productsbox .prolistbox { width:22%; height:400px; margin-left:10px; margin-right:10px; margin-bottom:90px; background-color:#FFFFFF; overflow:hidden; float:left;}
#mainbox_pro .productsbox .prolistbox img { width:100%; height:auto;}
#mainbox_pro .productsbox .prolistbox .protitle { clear:both; padding:5px 15px; color:#0f0278; line-height:2em; border-bottom:2px #0f0278 solid;}
#mainbox_pro .productsbox .prolistbox .textbox { clear:both; width:100%; color:#666666; font-size:0.9em; line-height:1.4em; padding:5px 15px; box-sizing:border-box;}
#mainbox_pro .productsbox .prolistbox .hoverblack { width:100%; background-color:rgba(0,0,0,0.8); position:absolute; margin-left:0; margin-top:0; z-index:999; display:none;}
#mainbox_pro .productsbox .prolistbox .hoverblack img { width:100%; height:auto;}

#mainbox .aboutbox { clear:both; width:100%; display:table-row;}
#mainbox .aboutbox .aboutpic { width:50%; overflow:hidden; background:url(../images/about_pic.jpg) right no-repeat; background-size:cover; display:table-cell;}
#mainbox .aboutbox .aboutext { width:50%; padding:40px 65px; color:#eeeeee; box-sizing:border-box; background:url(../images/about_map.png) no-repeat; background-size:cover; display:table-cell;}
#mainbox .aboutbox .aboutext .textfont { line-height:1.6em;}
#mainbox .aboutbox .aboutext .title { width:200px; margin-bottom:60px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox .aboutbox .aboutext .font_c { font-size:1.4em;}
#mainbox .aboutbox .aboutext .font_e { font-size:0.9em;}
#mainbox .aboutbox .aboutext .morebox { clear:both; width:70px; padding:5px 0; margin-top:40px; margin-left:auto; margin-right:auto; color:#eeeeee; font-size:0.8em; text-align:center; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .aboutbox .aboutext .morebox:active { clear:both; width:70px; padding:5px 0; margin-top:40px; margin-left:auto; margin-right:auto; color:#333333; font-size:0.8em; text-align:center; background-color:#eeeeee; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .aboutbox .aboutext a { text-decoration:none;}

#mainbox_cert { width:100%; margin:0 auto; display:table; background:url(../images/cerf_bg.png) center top no-repeat;}
#mainbox_cert .certificatebox { width:100%; display:table-row; text-align:center;}
#mainbox_cert .certificatebox .title { width:260px; margin-top:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_cert .certificatebox .title .font_c { font-size:1.4em;}
#mainbox_cert .certificatebox .title .font_e { font-size:0.9em;}
#mainbox_cert .certificatebox .title2 { width:260px; margin-top:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_cert .certificatebox .title2 .font_c { font-size:1.4em;}
#mainbox_cert .certificatebox .title2 .font_e { font-size:0.9em;}
#mainbox_cert .certificatebox ul { clear:both; padding:0; margin:80px 0; text-align: center; list-style:none; display:inline-block;}
#mainbox_cert .certificatebox ul li { width:90px; height:170px; padding:0; margin:20px 18px 0 18px; display:inline-table;}
#mainbox_cert .certificatebox ul li .text { width: 100%; margin:5px 0 0 0; color:#eeeeee; font-size:0.8em; line-height:1.2em; text-align:center;}
#mainbox_cert .certificatebox ul li img { margin:0 auto; background-color:#FFFFFF; padding:5px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

#mainbox .reqirebox { width:50%; height:180px; margin-bottom:60px; background:url(../images/require_bg.jpg) right top no-repeat; float:left;}
#mainbox .reqirebox .titlebt { width:120px; padding:5px 0; margin-right:20px; margin-top:100px; color:#ffffff; font-size:1.8em; text-align:center; border-top:3px #ffffff solid; border-bottom:3px #ffffff solid; float:right; z-index:9999;}
#mainbox .reqirebox a { color:#ffffff; text-decoration:none;}
#mainbox .reqirebox .fingerbt { width:42px; height:48px; margin-top:100px; margin-right:0; float:right;}
#mainbox .contactbox { width:50%; height:180px; margin-bottom:60px; background:url(../images/contact_bg.jpg) left top no-repeat; float:right;}
#mainbox .contactbox .titlebt { width:120px; padding:5px 0; margin-left:30px; margin-top:25px; color:#ffffff; font-size:1.8em; text-align:center; border-top:3px #ffffff solid; border-bottom:3px #ffffff solid;}
#mainbox .contactbox a { color:#ffffff; text-decoration:none;}
#mainbox .contactbox .contactinfor { color:#ffffff; font-size:0.8em; line-height:1.8em; margin-left:30px; margin-top:15px;}
#mainbox .contactbox .contactinfor a { color: #ffffff; text-decoration: none;}


/********* products_main *********/ 
#pro_bannerbox { width:100%; height:auto; margin-bottom:60px; overflow:hidden;}
#pro_bannerbox img { width:100%; height:auto;}

.mappath { width:96%; color:#999999; font-size:0.8em; margin-bottom:40px; margin-left:auto; margin-right:auto;}
.mappath a { color:#999999; text-decoration:none;}
.mappath a:hover { text-decoration:underline;}

#promainbox { width:96%; margin:0 auto;}

#promainbox .leftmenu { width:100%; margin-bottom:60px;}
#promainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#promainbox .leftmenu .title .font_c { font-size:1.4em;}
#promainbox .leftmenu .title .font_e { font-size:0.9em;}

#promainbox .leftmenu ul#allmenubt { padding:0; margin:0; list-style:none; display:block; background:url(../images/icon_menuopen.png) right no-repeat;}
#promainbox .leftmenu ul#allmenubt li { padding:0; margin:0;}
#promainbox .leftmenu ul#allmenubt li a { text-decoration:none;}
#promainbox .leftmenu ul#allmenubt li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#promainbox .leftmenu ul#allmenubt li .select { color:#ffffff; background:url(../images/icon_menuclose.png) right no-repeat; background-color:#666666;}

#promainbox .leftmenu ul#classmenu { padding:0; margin:0; list-style:none; display:block;}
#promainbox .leftmenu ul#classmenu li { padding:0; margin:0;}
#promainbox .leftmenu ul#classmenu li a { text-decoration:none;}
#promainbox .leftmenu ul#classmenu li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#promainbox .leftmenu ul#classmenu li .mainmenu:active { color:#000000; background-color:#ffffff;}
#promainbox .leftmenu ul#classmenu li .fixed { padding:10px; margin:10px 0; color:#74b830; border:1px #74b830 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#promainbox .leftmenu ul#classmenu li .select { color:#000000; background-color:#ffffff;}
#promainbox .leftmenu ul#classmenu li ul.popup { padding:0; margin:0; list-style:none; display:block;}
#promainbox .leftmenu ul#classmenu li ul.popup li { padding:10px 15px; margin:0 20px; color:#eeeeee; box-sizing:border-box;}
#promainbox .leftmenu ul#classmenu li ul.popup a { color:#eeeeee; text-decoration:none;}

#promainbox .productsbox { width:100%;}
#promainbox .productsbox .prolistbox { width:210px; height:340px; margin-left:15px; margin-right:15px; margin-bottom:90px; background-color:#FFFFFF; overflow:hidden; float:left;}
#promainbox .productsbox .prolistbox img { width:100%; height:auto;}
#promainbox .productsbox .prolistbox .protitle { clear:both; width:100%; padding:5px 15px; color:#0f0278; line-height:1.8em; box-sizing:border-box;}
#promainbox .productsbox .prolistbox .textbox { clear:both; width:100%; color:#666666; font-size:0.9em; line-height:1.6em; padding:10px 15px; box-sizing:border-box; overflow:hidden;}
#promainbox .productsbox .prolistbox .hoverblack { width:100%; background-color:rgba(0,0,0,0.8); position:absolute; margin-left:0; margin-top:0; z-index:999; display:none;}

.pagebox { clear:both; width:100%; padding:60px 0; font-size:0.8em; text-align:center;}
.pagebox a { padding:3px 5px; margin:0 5px; color:#999999; text-decoration:none; border:1px #999999 solid;}
.pagebox a:hover { color:#cccccc; background-color:#797979;}
.pagebox a.sel { color:#cccccc; background-color:#797979;}


/********* product_single_main *********/ 
#promainbox .productsbox .bigpic_box { width:35%; height:auto; margin-bottom:40px; float:left;}
#promainbox .productsbox .bigpic_box .bigpic { width:100%; height:auto;}
#promainbox .productsbox .bigpic_box .bigpic img { width:100%; height:auto;}
#promainbox .productsbox .bigpic_box .thumbpicbox { width:100%;}
#promainbox .productsbox .bigpic_box .thumbpicbox ul { padding:0; margin:0; list-style:none; display:block;} 
#promainbox .productsbox .bigpic_box .thumbpicbox ul li { width:21%; padding:0; margin:10px 10px 10px 0px; cursor:pointer; float:left;}
#promainbox .productsbox .bigpic_box .thumbpicbox ul li img { width:100%; height:auto; border:1px #cccccc solid; box-sizing:border-box;}

#promainbox .productsbox .proinfor { width:60%; margin-bottom:40px; color:#eeeeee; line-height:2.2em; float:right;}
#promainbox .productsbox .proinfor .title { width:100%; padding:5px 0; margin-bottom:30px; color:#74b830; font-size:1.4em; border-bottom:1px #74b830 solid;}
#promainbox .productsbox .proinfor .captitle { clear:both; width:12%; margin-bottom:15px; color:#ffff00; line-height:1.4em; float:left;}
#promainbox .productsbox .proinfor .captitle_infor { width:88%; margin-bottom:15px; line-height:1.4em; float:left;}
#promainbox .productsbox .proinfor .dw_bt { clear:both; width:120px; color:#30637d; text-align:center; background-color:#66ccff; border:1px #eeeeee solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#promainbox .productsbox .proinfor .dw_bt:active { color:#66ccff; background-color:#30637d;}
#promainbox .productsbox .proinfor .dw_bt img { width:20px; margin-top:6px; margin-left:5px; float:left;}
#promainbox .productsbox .proinfor a { text-decoration:none;}

#promainbox .productsbox .prodetail_tab { clear:both; width:100%;}
#promainbox .productsbox .prodetail_tab ul { padding:0; margin:0; list-style:none; z-index:999; position:relative; top:0px; left:0px;}
#promainbox .productsbox .prodetail_tab ul li { padding:0; margin-right:10px; border:0; float:left;}
#promainbox .productsbox .prodetail_tab ul li a { padding:6px 20px; color:#eeeeee; background-color:#666666; text-decoration:none; display:block;}
#promainbox .productsbox .prodetail_tab ul li a:active { color:#cccccc; background-color:#000000;}
#promainbox .productsbox .prodetail_tab ul li a.select { padding:6px 20px; color:#FFFFFF; background-color:#74b830;}
#promainbox .productsbox .prodetail_tab #panel { width:100%; margin-bottom:60px; border-top:1px #666666 solid; z-index:9; position:relative; top:10px; left:0px; display:inline-block;}
#promainbox .productsbox .prodetail_tab #panel div { padding:20px 0; color:#eeeeee; line-height:2em;}
#promainbox .productsbox .prodetail_tab #panel div a { color:#eeeeee; text-decoration:none;}
#promainbox .productsbox .prodetail_tab #panel div a:active { text-decoration:underline;}
#promainbox .productsbox .prodetail_tab #panel div img { max-width:100%; height:auto; float:left;}


/********* about_main *********/ 
#aboutmainbox { width:96%; margin:0 auto;}

#aboutmainbox .leftmenu { width:100%; margin-bottom:60px;}
#aboutmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#aboutmainbox .leftmenu .title .font_c { font-size:1.4em;}
#aboutmainbox .leftmenu .title .font_e { font-size:0.9em;}
#aboutmainbox .leftmenu ul { padding:0; margin:0; list-style:none; display:block;}
#aboutmainbox .leftmenu ul li { padding:0; margin:0;}
#aboutmainbox .leftmenu ul li a { text-decoration:none;}
#aboutmainbox .leftmenu ul li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#aboutmainbox .leftmenu ul li .mainmenu:active { color:#ffffff; background-color:#666666;}

#aboutmainbox .aboutbox { width:100%; color:#eeeeee; line-height:1.8em; margin-bottom:60px;}
#aboutmainbox .aboutbox .title { padding-bottom:40px; color:#74b830; font-size:1.4em; text-align:center;}

#aboutmainbox .aboutbox img.cleaners { margin-bottom:20px; max-width:100%;}

#aboutmainbox .aboutbox .certbox { width:20%; padding:20px 0; float:left;}
#aboutmainbox .aboutbox .certbox img { margin:0 auto; padding:5px; background-color:#FFFFFF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

#aboutmainbox .aboutbox .photogroup { width:100%;}
#aboutmainbox .aboutbox .photogroup img { width:280px; border:8px #FFFFFF solid; box-sizing:border-box; margin-right:20px; margin-left:20px; margin-bottom:30px; float:left;}


/********* news_main *********/ 
#newsmainbox { width:96%; margin:0 auto;}

#newsmainbox .leftmenu { width:100%; margin-bottom:60px;}
#newsmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#newsmainbox .leftmenu .title .font_c { font-size:1.4em;}
#newsmainbox .leftmenu .title .font_e { font-size:0.9em;}
#newsmainbox .leftmenu ul { padding:0; margin:0; list-style:none; display:block;}
#newsmainbox .leftmenu ul li { padding:0; margin:0;}
#newsmainbox .leftmenu ul li a { text-decoration:none;}
#newsmainbox .leftmenu ul li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#newsmainbox .leftmenu ul li .mainmenu:active { color:#ffffff; background-color:#666666;}

#newsmainbox .newsbox { width:100%; color:#eeeeee; line-height:1.8em; margin-bottom:60px;}
#newsmainbox .newsbox .newslistunder { padding-bottom:20px; margin-bottom:20px; border-bottom:1px #636363 dashed; box-sizing:border-box;}
#newsmainbox .newsbox .newslistunder .datebx { clear:both; width:15%; line-height:1.6em; float:left;}
#newsmainbox .newsbox .newslistunder .listtitlebx { width:85%; line-height:1.6em; float:left;}
#newsmainbox .newsbox .newslistunder .listtitlebx a { color:#eeeeee; text-decoration:none;}
#newsmainbox .newsbox .newslistunder .listtitlebx a:active { text-decoration:underline;}


/********* news_single_main *********/ 
#newsmainbox .newsbox .newstitle { width:100%; padding:10px; color:#74b830; font-size:1.2em; line-height:1.6em; box-sizing:border-box; border:1px #74b830 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#newsmainbox .newsbox .newsdate { clear:both; padding:5px 0; color:#666666; font-size:0.8em; float:left;}
#newsmainbox .newsbox .newspop { padding:5px 0; color:#666666; font-size:0.8em; float:right;}
#newsmainbox .newsbox .newscontent { clear:both; width:100%; padding:40px 0; line-height:2em;}
#newsmainbox .newsbox .newscontent a { color:#eeeeee; text-decoration:none;}

#newsmainbox .newsbox input[type=button].goback_bt { width:100px; padding:6px 0; margin:0 auto; color:#cccccc; font-size:0.9em; text-align:center; border:0; background-color:#565656; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-appearance:button;}
#newsmainbox .newsbox input[type=button].goback_bt:active { background-color:#666666;}


/********* contact_main *********/ 
#contactmainbox { width:96%; margin:0 auto;}

#contactmainbox .leftmenu { width:100%; color:#999999; line-height:2.2em; margin-bottom:60px;}
#contactmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#contactmainbox .leftmenu .title .font_c { font-size:1.4em;}
#contactmainbox .leftmenu .title .font_e { font-size:0.9em;}
#contactmainbox .leftmenu a { color: #999999; text-decoration: none;}

#contactmainbox .contactbox { width:100%; color:#eeeeee; margin-bottom:60px;}
#contactmainbox .contactbox .capt_title { width:20%; padding-top:10px; color:#74b830; text-align:right; float:left;}
#contactmainbox .contactbox .inputform { width:80%; padding-left:5px; box-sizing:border-box; float:left;}
#contactmainbox .contactbox .inputform input[type=text] { width:40%; padding:10px; margin-bottom:20px; color:#eeeeee; font-size:1em; background-color:#333333; border:1px #666666 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#contactmainbox .contactbox .inputform input[type=radio] { margin-top:12px; margin-bottom:25px;}
#contactmainbox .contactbox .inputform textarea { width:80%; height:160px; padding:10px; margin-bottom:20px; color:#eeeeee; font-size:1em; background-color:#333333; border:1px #666666 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#contactmainbox .contactbox .inputform input[type=submit], input[type=reset] { padding:5px 15px; margin-top:40px; margin-right:10px; color:#ffffff; font-size:1em; background-color:#74b830; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-appearance:button;}


/********* footer *********/
footer { clear:both; width:100%; padding:60px 0; background-color:#000000;}
footer .footerbox { width:90%; margin:0 auto;}
footer .footerbox .footer_lf { width:100%; color:#CCCCCC; margin-bottom:40px; text-align:center;}
footer .footerbox .footer_lf ul { padding:0; margin:0; list-style:none; display:inline-block;}
footer .footerbox .footer_lf ul li { padding:0; margin-right:15px; display:inline-block;}
footer .footerbox .footer_lf ul li a { color:#CCCCCC; text-decoration:none;}
footer .footerbox .footer_lf ul li a:hover { text-decoration:underline;}
footer .footerbox .footer_lf div.footer_code_add_m { clear:both; width:100%; text-align:center;}
footer .footerbox .footer_lf .qrcodebox { clear:both; width:160px; margin:60px 0 30px 0; display:inline-block;}
footer .footerbox .footer_lf .contactinfor { margin:0 20px 30px 0; color:#74b830; font-size:0.9em; line-height:1.8em; text-align:left; display:inline-block;}
footer .footerbox .footer_lf .contactinfor a { color:#74b830; text-decoration: none;}
footer .footerbox .footer_lf .contactinfor .title_c { font-size:1.6em;}
/*footer .footerbox .footer_rt { width:100%;}
footer .footerbox .footer_rt img { margin:0 auto;}*/
	
.codebox_lt { width:100%;}
.codebox_rt { width:100%;}

}


@media screen and (max-width: 767px) {
	
/********* header *********/ 
header#type1 { display:none;}

#menu_bt { padding:10px; color:#FFFFFF; font-size:0.8em; cursor:pointer; float:left; z-index:999999;}
#menu_bt img { width:50px; height:auto; margin-top:5px;}

header#padmobile { width:100%; background-color:#FFFFFF;}
header#padmobile .logotitle { width:200px; margin-right:10px; margin-top:20px; float:right;}
header#padmobile .logotitle img { width:200px; height:auto;}
header#padmobile .lettlelogo { width:120px; padding: 10px 0 0 0; margin-top:10px; margin-right:10px; margin-bottom:20px; float:right;}
header#padmobile .lettlelogo img { width:120px; height:auto;}

header#padmobile nav { width:240px; background-color:#ffffff; position:fixed; top:0px; left:-240px; z-index:9999999;}
header#padmobile nav ul { clear:both; padding:0; margin:30px 0 0 0; list-style:none; display:block;}
header#padmobile nav ul li { padding:20px 0; margin:0; text-align:center; border-bottom:1px #666666 solid;}
header#padmobile nav a { text-decoration:none;}
header#padmobile nav ul li .menu_c { color:#000000; font-size:1.2em;}
header#padmobile nav ul li .menu_e { color:#9D9D9D; font-size:0.9em;}

header#padmobile .iconbox { clear:both; margin-top:30px; text-align:center;}
header#padmobile .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block; box-sizing:border-box;}
header#padmobile .iconbox ul.icon li { width:30%; padding:0; margin:0; border:0; display:inline-block; box-sizing:border-box;}
header#padmobile .iconbox ul.icon li img { margin:0 auto;}
header#padmobile .iconbox ul.icon .telbox { clear: both; font-size: 0.8em;}
header#padmobile .iconbox ul.icon .telbox a { color: black; text-decoration: none;}


/********* hp_banner *********/ 
#bannerbox { width:100%; height:auto; margin-bottom:60px;}
#bannerbox img { width:100%; height:auto;}


/********* hp_main *********/ 
#mainbox { width:100%; margin:0 auto; display:table;}

#mainbox .newbox { width:100%;}
#mainbox .newslist { width:100%; padding:20px; color:#eeeeee; box-sizing:border-box;}
#mainbox .newslist .title { width:160px; margin-bottom:60px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;} 
#mainbox .newslist .title .font_c { font-size:1.4em;}
#mainbox .newslist .title .font_e { font-size:0.9em;}
#mainbox .newslist .newslistunder { padding-bottom:20px; margin-bottom:20px; border-bottom:1px #636363 dashed; box-sizing:border-box;}
#mainbox .newslist .newslistunder .datebx { clear:both; width:27%; line-height:1.6em; float:left;}
#mainbox .newslist .newslistunder .listtitlebx { width:73%; line-height:1.6em; float:left;}
#mainbox .newslist .newslistunder .listtitlebx a { color:#eeeeee; text-decoration:none;}
#mainbox .newslist .newslistunder .listtitlebx a:hover { text-decoration:underline;}
#mainbox .newslist .morebox { clear:both; width:70px; padding:5px 0; margin:0 auto; color:#eeeeee; font-size:0.8em; text-align:center; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .newslist a { text-decoration:none;}
#mainbox .newslist .morebox:hover, .morebox:active { clear:both; width:70px; padding:5px 0; margin:0 auto; color:#333333; font-size:0.8em; text-align:center; background-color:#eeeeee; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .newspic { display:none;}

#mainbox_pro { width:86%; margin:0 auto; display:table; background:url(../images/protitle_bg.png) left top no-repeat;}
#mainbox_pro .productsbox { width:100%; display:table-row;}
#mainbox_pro .productsbox .title { width:180px; margin-top:0; margin-bottom:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_pro .productsbox .title .font_c { font-size:1.4em;}
#mainbox_pro .productsbox .title .font_e { font-size:0.9em;}
#mainbox_pro .productsbox .prolistbox { width:100%; height:auto; padding-bottom:30px; margin-bottom:40px; background-color:#FFFFFF; overflow:hidden;}
#mainbox_pro .productsbox .prolistbox img { width:100%; height:auto;}
#mainbox_pro .productsbox .prolistbox .protitle { clear:both; padding:5px 15px; color:#0f0278; line-height:2em; border-bottom:2px #0f0278 solid;}
#mainbox_pro .productsbox .prolistbox .textbox { clear:both; width:100%; color:#666666; font-size:0.9em; line-height:1.4em; padding:5px 15px; box-sizing:border-box;}
#mainbox_pro .productsbox .prolistbox .hoverblack { width:100%; background-color:rgba(0,0,0,0.8); position:absolute; margin-left:0; margin-top:0; z-index:999; display:none;}
#mainbox_pro .productsbox .prolistbox .hoverblack img { width:100%; height:auto;}
#mainbox_pro .productsbox a { text-decoration:none;}

#mainbox .aboutbox { clear:both; width:100%; display:table-row;}
#mainbox .aboutbox .aboutpic { display:none;}
#mainbox .aboutbox .aboutext { width:100%; padding:20px; color:#eeeeee; box-sizing:border-box; background:url(../images/about_map.png) no-repeat; background-size:cover; display:table-cell;}
#mainbox .aboutbox .aboutext .textfont { line-height:1.6em;}
#mainbox .aboutbox .aboutext .title { width:200px; margin-bottom:60px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox .aboutbox .aboutext .font_c { font-size:1.4em;}
#mainbox .aboutbox .aboutext .font_e { font-size:0.9em;}
#mainbox .aboutbox .aboutext .morebox { clear:both; width:70px; padding:5px 0; margin-top:40px; margin-left:auto; margin-right:auto; color:#eeeeee; font-size:0.8em; text-align:center; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .aboutbox .aboutext .morebox:hover, .morebox:active { clear:both; width:70px; padding:5px 0; margin-top:40px; margin-left:auto; margin-right:auto; color:#333333; font-size:0.8em; text-align:center; background-color:#eeeeee; border:1px #eeeeee solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainbox .aboutbox .aboutext a { text-decoration:none;}

#mainbox_cert { width:100%; margin:0 auto; display:table; background:url(../images/cerf_bg.png) center top no-repeat;}
#mainbox_cert .certificatebox { width:100%; display:table-row; text-align:center;}
#mainbox_cert .certificatebox .title { width:260px; margin-top:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_cert .certificatebox .title .font_c { font-size:1.4em;}
#mainbox_cert .certificatebox .title .font_e { font-size:0.9em;}
#mainbox_cert .certificatebox .title2 { width:260px; margin-top:80px; margin-left:auto; margin-right:auto; padding:10px 0; color:#74b830; text-align:center; border-bottom:3px #74b830 solid;}
#mainbox_cert .certificatebox .title2 .font_c { font-size:1.4em;}
#mainbox_cert .certificatebox .title2 .font_e { font-size:0.9em;}
#mainbox_cert .certificatebox ul { clear:both; padding:0; margin:80px 0; text-align: center; list-style:none; display:inline-block;}
#mainbox_cert .certificatebox ul li { width:90px; height:170px; padding:0; margin:20px 18px 0 18px; display:inline-table;}
#mainbox_cert .certificatebox ul li .text { width: 100%; margin:5px 0 0 0; color:#eeeeee; font-size:0.8em; line-height:1.2em; text-align:center;}
#mainbox_cert .certificatebox ul li img { margin:0 auto; background-color:#FFFFFF; padding:5px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

#mainbox .reqirebox { width:100%; height:180px; margin-bottom:60px; background:url(../images/require_bg.jpg) right top no-repeat; box-sizing:border-box;}
#mainbox .reqirebox .titlebt { width:120px; padding:5px 0; margin-right:20px; margin-top:100px; color:#ffffff; font-size:1.8em; text-align:center; border-top:3px #ffffff solid; border-bottom:3px #ffffff solid; float:right; z-index:9999;}
#mainbox .reqirebox a { color:#ffffff; text-decoration:none;}
#mainbox .reqirebox .fingerbt { width:42px; height:48px; margin-top:100px; margin-right:0; float:right;}
#mainbox .contactbox { width:100%; height:180px; margin-bottom:60px; background:url(../images/contact_bg.jpg) left top no-repeat;}
#mainbox .contactbox .titlebt { width:120px; padding:5px 0; margin-left:30px; margin-top:25px; color:#ffffff; font-size:1.8em; text-align:center; border-top:3px #ffffff solid; border-bottom:3px #ffffff solid;}
#mainbox .contactbox a { color:#ffffff; text-decoration:none;}
#mainbox .contactbox .contactinfor { color:#ffffff; font-size:0.8em; line-height:1.8em; margin-left:30px; margin-top:15px;}
#mainbox .contactbox .contactinfor a { color: #ffffff; text-decoration: none;}


/********* products_main *********/ 
#pro_bannerbox { width:100%; height:auto; margin-bottom:60px; overflow:hidden;}
#pro_bannerbox img { width:100%; height:auto;}

.mappath { width:96%; color:#999999; font-size:0.8em; margin-bottom:40px; margin-left:auto; margin-right:auto;}
.mappath a { color:#999999; text-decoration:none;}
.mappath a:hover { text-decoration:underline;}

#promainbox { width:96%; margin:0 auto;}

#promainbox .leftmenu { width:100%; margin-bottom:60px;}
#promainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#promainbox .leftmenu .title .font_c { font-size:1.4em;}
#promainbox .leftmenu .title .font_e { font-size:0.9em;}

#promainbox .leftmenu ul#allmenubt { padding:0; margin:0; list-style:none; display:block; background:url(../images/icon_menuopen.png) right no-repeat;}
#promainbox .leftmenu ul#allmenubt li { padding:0; margin:0;}
#promainbox .leftmenu ul#allmenubt li a { text-decoration:none;}
#promainbox .leftmenu ul#allmenubt li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#promainbox .leftmenu ul#allmenubt li .mainmenu:active { color:#000000; background-color:#ffffff;}
#promainbox .leftmenu ul#classmenu li .fixed { padding:10px; margin:10px 0; color:#74b830; border:1px #74b830 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#promainbox .leftmenu ul#classmenu li .fixed:active { color:#ffffff; background-color:#74b830;}
#promainbox .leftmenu ul#allmenubt li .select { color:#ffffff; background:url(../images/icon_menuclose.png) right no-repeat; background-color:#666666;}

#promainbox .leftmenu ul#classmenu { padding:0; margin:0; list-style:none; display:block;}
#promainbox .leftmenu ul#classmenu li { padding:0; margin:0;}
#promainbox .leftmenu ul#classmenu li a { text-decoration:none;}
#promainbox .leftmenu ul#classmenu li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#promainbox .leftmenu ul#classmenu li .select { color:#000000; background-color:#ffffff;}
#promainbox .leftmenu ul#classmenu li ul.popup { padding:0; margin:0; list-style:none; display:block;}
#promainbox .leftmenu ul#classmenu li ul.popup li { padding:10px 15px; margin:0 20px; color:#eeeeee; box-sizing:border-box;}
#promainbox .leftmenu ul#classmenu li ul.popup a { color:#eeeeee; text-decoration:none;}

#promainbox .productsbox { width:100%;}
#promainbox .productsbox .prolistbox { width:250px; height:380px; margin-left:auto; margin-right:auto; margin-bottom:30px; background-color:#FFFFFF; overflow:hidden;}
#promainbox .productsbox .prolistbox img { width:100%; height:auto;}
#promainbox .productsbox .prolistbox .protitle { clear:both; width:100%; padding:5px 15px; color:#0f0278; line-height:1.8em; box-sizing:border-box;}
#promainbox .productsbox .prolistbox .textbox { clear:both; width:100%; color:#666666; font-size:0.9em; line-height:1.6em; padding:10px 15px; box-sizing:border-box; overflow:hidden;}
#promainbox .productsbox .prolistbox .hoverblack { width:100%; background-color:rgba(0,0,0,0.8); position:absolute; margin-left:0; margin-top:0; z-index:999; display:none;}
#promainbox .productsbox a { text-decoration:none;}

.pagebox { clear:both; width:100%; padding:60px 0; font-size:0.8em; text-align:center;}
.pagebox a { padding:3px 5px; margin:0 5px; color:#999999; text-decoration:none; border:1px #999999 solid;}
.pagebox a:hover { color:#cccccc; background-color:#797979;}
.pagebox a.sel { color:#cccccc; background-color:#797979;}


/********* product_single_main *********/ 
#promainbox .productsbox .bigpic_box { width:100%; height:auto; margin-bottom:40px;}
#promainbox .productsbox .bigpic_box .bigpic { width:90%; height:auto; margin:0 auto;}
#promainbox .productsbox .bigpic_box .bigpic img { width:100%; height:auto;}
#promainbox .productsbox .bigpic_box .thumbpicbox { width:90%; margin:0 auto;}
#promainbox .productsbox .bigpic_box .thumbpicbox ul { padding:0; margin:0; list-style:none; display:block;} 
#promainbox .productsbox .bigpic_box .thumbpicbox ul li { width:21%; padding:0; margin:10px 10px 10px 0; cursor:pointer; float:left;}
#promainbox .productsbox .bigpic_box .thumbpicbox ul li img { width:100%; height:auto; border:1px #cccccc solid; box-sizing:border-box;}

#promainbox .productsbox .proinfor { width:100%; margin-bottom:40px; color:#eeeeee; line-height:2.2em;}
#promainbox .productsbox .proinfor .title { width:100%; padding:5px 0; margin-bottom:30px; color:#74b830; font-size:1.4em; border-bottom:1px #74b830 solid;}
#promainbox .productsbox .proinfor .captitle { clear:both; width:17%; margin-bottom:15px; color:#ffff00; line-height:1.4em; float:left;}
#promainbox .productsbox .proinfor .captitle_infor { width:83%; margin-bottom:15px; line-height:1.4em; float:left;}
#promainbox .productsbox .proinfor .dw_bt { clear:both; width:120px; color:#30637d; text-align:center; background-color:#66ccff; border:1px #eeeeee solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#promainbox .productsbox .proinfor .dw_bt:active { color:#66ccff; background-color:#30637d;}
#promainbox .productsbox .proinfor .dw_bt img { width:20px; margin-top:6px; margin-left:5px; float:left;}
#promainbox .productsbox .proinfor a { text-decoration:none;}

#promainbox .productsbox .prodetail_tab { clear:both; width:100%;}
#promainbox .productsbox .prodetail_tab ul { padding:0; margin:0; list-style:none; z-index:999; position:relative; top:0px; left:0px;}
#promainbox .productsbox .prodetail_tab ul li { padding:0; margin-right:10px; margin-bottom:10px; border:0; float:left;}
#promainbox .productsbox .prodetail_tab ul li a { padding:6px 20px; color:#eeeeee; background-color:#666666; text-decoration:none; display:block;}
#promainbox .productsbox .prodetail_tab ul li a:active { color:#cccccc; background-color:#000000;}
#promainbox .productsbox .prodetail_tab ul li a.select { padding:6px 20px; color:#FFFFFF; background-color:#74b830;}
#promainbox .productsbox .prodetail_tab #panel { width:100%; margin-bottom:60px; border-top:1px #666666 solid; z-index:9; position:relative; top:0px; left:0px; display:inline-block;}
#promainbox .productsbox .prodetail_tab #panel div { padding:20px 0; color:#eeeeee; line-height:2em;}
#promainbox .productsbox .prodetail_tab #panel div a { color:#eeeeee; text-decoration:none;}
#promainbox .productsbox .prodetail_tab #panel div a:active { text-decoration:underline;}
#promainbox .productsbox .prodetail_tab #panel div img { max-width:100%; height:auto; float:left;}


/********* about_main *********/ 
#aboutmainbox { width:96%; margin:0 auto;}

#aboutmainbox .leftmenu { width:100%; margin-bottom:60px;}
#aboutmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#aboutmainbox .leftmenu .title .font_c { font-size:1.4em;}
#aboutmainbox .leftmenu .title .font_e { font-size:0.9em;}
#aboutmainbox .leftmenu ul { padding:0; margin:0; list-style:none; display:block;}
#aboutmainbox .leftmenu ul li { padding:0; margin:0;}
#aboutmainbox .leftmenu ul li a { text-decoration:none;}
#aboutmainbox .leftmenu ul li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#aboutmainbox .leftmenu ul li .mainmenu:active { color:#ffffff; background-color:#666666;}

#aboutmainbox .aboutbox { width:100%; color:#eeeeee; line-height:1.8em; margin-bottom:60px;}
#aboutmainbox .aboutbox .title { padding-bottom:40px; color:#74b830; font-size:1.4em; text-align:center;}

#aboutmainbox .aboutbox img.cleaners { margin-bottom:20px; max-width:100%;}

#aboutmainbox .aboutbox .certbox { width:33%; padding:20px 0; float:left;}
#aboutmainbox .aboutbox .certbox img { margin:0 auto; padding:5px; background-color:#FFFFFF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

#aboutmainbox .aboutbox .photogroup { width:100%;}
#aboutmainbox .aboutbox .photogroup img { width:280px; border:8px #FFFFFF solid; box-sizing:border-box; margin-bottom:30px; margin-left:auto; margin-right:auto;}


/********* news_main *********/ 
#newsmainbox { width:96%; margin:0 auto;}

#newsmainbox .leftmenu { width:100%; margin-bottom:60px;}
#newsmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#newsmainbox .leftmenu .title .font_c { font-size:1.4em;}
#newsmainbox .leftmenu .title .font_e { font-size:0.9em;}
#newsmainbox .leftmenu ul { padding:0; margin:0; list-style:none; display:block;}
#newsmainbox .leftmenu ul li { padding:0; margin:0;}
#newsmainbox .leftmenu ul li a { text-decoration:none;}
#newsmainbox .leftmenu ul li .mainmenu { padding:10px; margin:10px 0; color:#999999; border:1px #999999 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-sizing:border-box; cursor:pointer;}
#newsmainbox .leftmenu ul li .mainmenu:active { color:#ffffff; background-color:#666666;}

#newsmainbox .newsbox { width:100%; color:#eeeeee; line-height:1.8em; margin-bottom:60px;}
#newsmainbox .newsbox .newslistunder { padding-bottom:20px; margin-bottom:20px; border-bottom:1px #636363 dashed; box-sizing:border-box;}
#newsmainbox .newsbox .newslistunder .datebx { clear:both; width:100%; margin-bottom:10px; line-height:1.6em;}
#newsmainbox .newsbox .newslistunder .listtitlebx { width:100%; line-height:1.6em;}
#newsmainbox .newsbox .newslistunder .listtitlebx a { color:#eeeeee; text-decoration:none;}
#newsmainbox .newsbox .newslistunder .listtitlebx a:active { text-decoration:underline;}


/********* news_single_main *********/ 
#newsmainbox .newsbox .newstitle { width:100%; padding:10px; color:#74b830; font-size:1.2em; line-height:1.6em; box-sizing:border-box; border:1px #74b830 solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#newsmainbox .newsbox .newsdate { clear:both; padding:5px 0; color:#666666; font-size:0.8em; float:left;}
#newsmainbox .newsbox .newspop { padding:5px 0; color:#666666; font-size:0.8em; float:right;}
#newsmainbox .newsbox .newscontent { clear:both; width:100%; padding:40px 0; line-height:2em;}
#newsmainbox .newsbox .newscontent a { color:#eeeeee; text-decoration:none;}

#newsmainbox .newsbox input[type=button].goback_bt { width:100px; padding:6px 0; margin:0 auto; color:#cccccc; font-size:0.9em; text-align:center; border:0; background-color:#565656; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-appearance:button;}
#newsmainbox .newsbox input[type=button].goback_bt:active { background-color:#666666;}


/********* contact_main *********/ 
#contactmainbox { width:96%; margin:0 auto;}

#contactmainbox .leftmenu { width:100%; color:#999999; line-height:2.2em; margin-bottom:60px;}
#contactmainbox .leftmenu .title { width:100%; margin-bottom:40px; padding:10px 0; color:#74b830; border-bottom:3px #74b830 solid;}
#contactmainbox .leftmenu .title .font_c { font-size:1.4em;}
#contactmainbox .leftmenu .title .font_e { font-size:0.9em;}
#contactmainbox .leftmenu a { color: #999999; text-decoration: none;}

#contactmainbox .contactbox { width:100%; color:#eeeeee; margin-bottom:60px;}
#contactmainbox .contactbox .capt_title { width:100%; padding-top:10px; color:#74b830;}
#contactmainbox .contactbox .inputform { width:100%; padding-left:5px; box-sizing:border-box;}
#contactmainbox .contactbox .inputform input[type=text] { width:100%; padding:10px; margin-bottom:20px; color:#eeeeee; font-size:1em; background-color:#333333; border:1px #666666 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#contactmainbox .contactbox .inputform input[type=radio] { margin-top:12px; margin-bottom:25px;}
#contactmainbox .contactbox .inputform textarea { width:100%; height:160px; padding:10px; margin-bottom:20px; color:#eeeeee; font-size:1em; background-color:#333333; border:1px #666666 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#contactmainbox .contactbox .inputform input[type=submit], input[type=reset] { padding:5px 15px; margin-top:40px; margin-right:10px; color:#ffffff; font-size:1em; background-color:#74b830; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-appearance:button;}


/********* footer *********/
footer { clear:both; width:100%; padding:60px 0; background-color:#000000;}
footer .footerbox { width:90%; margin:0 auto;}
footer .footerbox .footer_lf { width:100%; color:#CCCCCC; margin-bottom:40px; text-align:center;}
footer .footerbox .footer_lf ul { padding:0; margin:0; list-style:none; display:inline-block;}
footer .footerbox .footer_lf ul li { padding:0; margin-right:15px; margin-bottom:10px; box-sizing:border-box; display:inline-block;}
footer .footerbox .footer_lf ul li a { color:#CCCCCC; text-decoration:none;}
footer .footerbox .footer_lf ul li a:hover { text-decoration:underline;}
footer .footerbox .footer_lf div.footer_code_add_m { clear:both; width:100%; margin:0 auto;}
footer .footerbox .footer_lf .qrcodebox { clear:both; width:160px; margin:30px 0 0 0; display:inline-block;}
footer .footerbox .footer_lf .contactinfor { width:100%; margin-top:30px; color:#74b830; font-size:0.9em; line-height:1.8em; text-align:left;}
footer .footerbox .footer_lf .contactinfor a { color:#74b830; text-decoration: none;}
footer .footerbox .footer_lf .contactinfor .title_c { font-size:1.6em;}
/*footer .footerbox .footer_rt { width:100%;}
footer .footerbox .footer_rt img { margin:0 auto;}*/
	
.codebox_lt { width:100%;}
.codebox_rt { width:100%;}

}