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

*{
	transition:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */
}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1220px; background:#fff; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部*/
.header{ background:url(../images/common/head_bg.jpg) center bottom no-repeat; background-size:cover; position:relative;}
.header .head{ width:1200px; height:110px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; height:100%; float:left; overflow:hidden;}
.header h1.logo a{ display:block; height:100%; float:left;}
.header h1.logo a img{ display:block; height:100%;}
.header img.slogan{ display:none; height:100%; float:left;}
.header a.menu{ display:none; float:right; margin:19px;}
.header a.menu img{ display:block; width:100%;}
.header .rcon{ float:right; padding-right:16px;}
.header p.btns{ display:block; overflow:hidden; padding:12px 0; float:right;}
.header p.btns a{ display:block; height:1.5em; line-height:1.5em; color:#444; padding-left:2.8em; background-size:auto 100% !important; float:left; margin-left:0.8em;}
.header p.btns a.ch{ background:url(../images/common/CH.png) left center no-repeat;}
.header p.btns a.en{ background:url(../images/common/EN.png) left center no-repeat;}
.header p.tel{ display:block; background:url(../images/common/head_tel.png) left center no-repeat; background-size:auto 100%; overflow:hidden; clear:both; padding-left:52px;}
.header p.tel span{ display:block; line-height:1.375; color:#666; font-size:16px; float:left;}
.header p.tel span:first-child{ position:relative; padding-right:1em; margin-right:1em;}
.header p.tel span:first-child::after{ content:''; display:block; width:1px; height:100%; position:absolute; right:0; top:0;
	background:-o-linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
	background:-ms-linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* IE 9 - 10 */
	background:-moz-linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
	background:-webkit-linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
	background:linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* 标准的语法 */
}
.header p.tel strong{ display:block; line-height:1.2em; color:#bb0003; font-size:20px;}

/*导航*/
.nav{ background:#009993; z-index:9999;}
.nav a.close{ display:none; width:24px; height:100%; position:absolute; left:0; top:0; border-radius:0 !important;}
.nav ul{ display:block; width:1190px; z-index:9999; margin:0 auto;}
.nav ul::after{ content:' '; display:block; height:0; clear:both;}
.nav ul li{ display:block; width:14.28%; position:relative; float:left;}
.nav ul li::after,
.nav ul li:first-child::before{ content:''; display:block; width:1px; height:64%; position:absolute; right:0; top:18%;
	background:-o-linear-gradient(#009993, #98d6d3, #009993); /* Opera 11.1 - 12.0 */
	background:-ms-linear-gradient(#009993, #98d6d3, #009993); /* IE 9 - 10 */
	background:-moz-linear-gradient(#009993, #98d6d3, #009993); /* Firefox 3.6 - 15 */
	background:-webkit-linear-gradient(#009993, #98d6d3, #009993); /* Safari 5.1 - 6.0 */
	background:linear-gradient(#009993, #98d6d3, #009993); /* 标准的语法 */
}
.nav ul li:first-child::before{ right:auto; left:0;}
.nav ul li a{ display:block; height:2.94em; line-height:2.94em; color:#fff; font-size:17px; text-align:center; padding:0 14px; margin-right:1px;}
.nav ul li a:hover,
.nav ul li.cur a{ color:#fba400; background:url(../images/common/nav_cur.png) center no-repeat; background-size:cover;}
.nav ul li p.sub{ display:none; width:148%; background:#009993 url(../images/common/nav_sub.png) center top no-repeat; background-size:100% auto; box-shadow:rgba(0,0,0,0.5) 0 3px 5px; position:absolute; left:-24%; top:100%; z-index:9999;}
.nav ul li:hover p.sub{ display:block;}
.nav ul li p.sub a{ display:block; height:3.5em; line-height:3.5em; color:#fff; font-size:14px; background:none; border-top:1px solid #37b2ad; margin:0 1em; white-space:nowrap;}
.nav ul li p.sub a:first-child{ border-top:0;}
.nav ul li p.sub a:hover{ color:#fba400;}

/* banner */
.banner{ width:100%; height:232px; overflow:hidden; position:relative; background-size:auto 100% !important;}

/*底部*/
.footer{ background:#d9d9d9; padding:30px 0;}
.footer .foot{ width:1190px; margin:0 auto; overflow:hidden;}
.footer .foot .rcon{ float:right; margin:0 2%;}
.footer .foot p.tel{ display:block; background:url(../images/common/foot_tel.png) left center no-repeat; background-size:auto 100%; overflow:hidden; padding-left:54px; margin:0 0 10px;}
.footer .foot p.tel span{ display:block; line-height:1.375; color:#666; font-size:16px; float:left;}
.footer .foot p.tel span:first-child{ position:relative; padding-right:1em; margin-right:1em;}
.footer .foot p.tel span:first-child::after{ content:''; display:block; width:1px; height:100%; position:absolute; right:0; top:0;
	background:-o-linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
	background:-ms-linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* IE 9 - 10 */
	background:-moz-linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
	background:-webkit-linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
	background:linear-gradient(rgba(0,0,0,0), #bb0003, rgba(0,0,0,0)); /* 标准的语法 */
}
.footer .foot p.tel strong{ display:block; line-height:1.2em; color:#bb0003; font-size:20px;}
.footer .foot p.tel a{ display:block; float:left; margin:18px 2px 0 12px;}
.footer .foot p.tel a.wap{ display:none;}
.footer .foot p.tel a img{ display:block; height:24px;}
.footer .foot p.tel font{ display:none;}
.footer .foot p.addr,
.footer .foot p.mail{ display:block; line-height:2.6em; color:#444; font-size:14px; padding-left:2.4em; background-size:1.57em auto !important; margin:0 0.1em;}
.footer .foot p.addr{ background:url(../images/common/f_addr.png) left center no-repeat;}
.footer .foot p.mail{ background:url(../images/common/f_mail.png) left center no-repeat;}
.footer .foot .code{ display:none; line-height:2.4em; color:#333; font-size:14px; text-align:center; position:fixed; left:50%; top:48%; margin:-116px 0 0 -100px; z-index:99999;}
.footer .foot .code img{ display:block; width:200px; height:200px; box-shadow:rgba(0,0,0,0.6) 0 0 6px;}
.footer .foot .code a.close{ display:block; width:28px; height:28px; background:#fff; border-radius:50%; position:absolute; right:0; top:0; margin:-18px -18px 0 0; z-index:9; box-shadow:rgba(0,0,0,0.6) 1px -1px 2px;}
.footer .foot .code a.close::before,
.footer .foot .code a.close::after{ content:''; display:block; width:16px; height:1px; background:#bb0003; position:absolute; left:0; top:0; margin:13px 0 0 6px;}
.footer .foot .code a.close::before{ transform:rotate(45deg);}
.footer .foot .code a.close::after{ transform:rotate(-45deg);}

.footer .foot p.fnav{ display:block; height:2.15em; line-height:2.15em; color:#333; font-size:14px; overflow:hidden;}
.footer .foot p.fnav a{ color:#333; font-size:14px; margin:0 10px; transition:none;}
.footer .foot p.fnav a:first-child{ margin-left:0;}
.footer .foot p.fnav a:hover{ color:#bb0003;}
.footer .foot .copyright{ display:block; line-height:2.15em; color:#333; font-size:14px; overflow:hidden;}
.footer .foot .copyright a{ color:#333;}

/*返回顶部*/
.backToTop{ display:none; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:16px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; filter:Alpha(opacity=70);}
.backToTop:hover{ opacity:0.9; filter:Alpha(opacity=90);}


.main{ width:1190px; margin:0 auto; overflow:hidden;}

.position{ background:#f9f9f9; padding:18px 0 12px;}
.position h2.title{ display:block; width:1190px; line-height:1.9em; color:#bb0003; font-size:20px; margin:0 auto;}
.position p{ display:block; width:1190px; line-height:2.14em; color:#767676; font-size:14px; margin:0 auto;}
.position a{ color:#767676; margin:0 4px; transition:none;}
.position a:hover{ color:#bb0003; text-decoration:underline;}
.position img{ display:block; float:left; padding:9px 0 0 2px;}

.menubox{ background:#f9f9f9; margin:-18px 0 0;}
.menubox ul{ display:block; width:1220px; overflow:hidden; margin:0 auto;}
.menubox ul li{ display:block; width:25%; overflow:hidden; float:left;}
.menubox ul li a{ display:block; height:3.5em; line-height:3.5em; color:#fff; font-size:16px; text-align:center; background:#c4c4c4; border-radius:5px; margin:1.5em 25px; position:relative;}
.menubox ul li a::before{ content:''; display:block; width:3.875em; height:2.625em; background:url(../images/common/menu_bg.png) center no-repeat; background-size:100% 100%; position:absolute; right:0; bottom:37.5%;
	transition:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */
}
.menubox ul li a:hover,
.menubox ul li.cur a{ background:#cc9932;}
.menubox ul li a:hover::before,
.menubox ul li.cur a::before{ background-image:url(../images/common/menu_cur.png);}

/*内容样式*/
.main h3.title{ display:block; line-height:1.5em; color:#333; font-size:24px; text-align:center; padding:1.74em 0 0.4em; margin:0 6px;}
.main p.mark{ display:block; line-height:2.4em; color:#7c7c7c; font-size:15px; text-align:center; padding:0 0 0.8em; border-bottom:1px solid #f2f2f2; margin:0 6px;}
.main .article{ line-height:2.12em; line-height:2em; color:#333; font-size:16px; padding:1.5em 8px; margin:0 0 32px;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ height:auto !important;}
.main .change{ overflow:hidden; font-size:14px; border-top:1px solid #ccc; padding:1em 14px 2.5em; margin:-22px 0 0;}
.main .change p{ display:block; height:2.4em; line-height:2.4em; color:#333; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a{ color:#333;}
.main .change p a:hover{ color:#bb0003; text-decoration:underline;}

.message{ padding:50px 0 60px; background:#f9f9f9 url(../images/common/msg_bg.png) right bottom no-repeat;}
.main .message{ background-color:transparent;}
.message form{ display:block; width:928px; margin:0 auto;}
.message form h3{ display:block; background:#bb0003;}
.message form h3 span{ display:block; width:7.5em; height:2.2em; line-height:2.2em; color:#fff; font-size:20px; text-align:center; background:url(../images/icons/msg.png) left center no-repeat; background-size:0.95em auto; padding-left:1em; margin:0 auto;}
.message form .con{ background:#efefef; padding:16px 2% 24px 1%; border:2px solid #dcdcdc; border-top:0; overflow:hidden;}
.message form p{ display:block; width:31.33%; font-size:16px; margin:0 1%; float:left; box-sizing:border-box; padding:12px 0; padding-left:5.8em; position:relative;}
.message form p label{ display:block; width:5.5em; height:34px; line-height:34px; color:#666; padding-right:0.3em; text-align:right; position:absolute; left:0; top:12px;}
.message form p input.text{ display:block; width:100%; height:34px; color:#666; font-size:15px; background:#fff; padding:2px 8px; box-sizing:border-box; border:1px solid #cdcdcd;}
.message form p.long{ width:98%;}
.message form p textarea{ display:block; width:100%; height:68px; color:#666; font-size:15px; background:#fff; padding:8px; box-sizing:border-box; border:1px solid #cdcdcd; resize:none;}
.message form p.btn{ width:100%; padding:12px 0; padding-right:1%;}
.message form p input.btn{ display:block; width:10.5em; height:2.5em; color:#fff; font-size:17px; background:#bb0003; border:0; margin:4px auto 0; cursor:pointer;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:36px 0 64px;}
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:14px; color:#666; height:26px; line-height:26px; text-align:center; background:#fff; padding:2px 9px; margin:0 4px; border:1px solid #c6c6c6;}
.pages a:active,
.pages a:hover{ color:#fff; background:#bb0003; border-color:#bb0003;}
.pages span{ display:inline-block; *display:inline; *zoom:1; min-width:14px; color:#333; height:26px; line-height:26px; text-align:center; background:#fff; padding:2px 9px; margin:0 6px; border:1px solid #c6c6c6;}
.pages span.current{ color:#fff; background:#bb0003; cursor:default; border-color:#bb0003;}
.pages span.disabled{ cursor:default;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; padding:3% 0 1%;}
.main ul.newsList li{ display:block; width:48%; padding:7px 0; overflow:hidden; box-sizing:border-box; float:left;}
.main ul.newsList li:nth-child(even){ margin-left:4%;}
.main ul.newsList li span{ display:block; width:6.2em; line-height:1.7em; color:#fff; font-size:13px; text-align:center; background:#d4d4d4; float:left; margin-right:1.38em;}
.main ul.newsList li span em{ display:block; line-height:1.36em; color:#858585; font-size:26px; background:#eee;}
.main ul.newsList li a{ display:block; height:1.8em; line-height:1.8em; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a:hover{ color:#bb0003;}
.main ul.newsList li .txt{ height:2em; line-height:2em; color:#848484; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li:hover span{ background:#cc9932;}
.main ul.newsList li:hover span em{ background:#fbe5b8;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; transition:none; padding:24px 0 10px; margin:0 -15px;}
.main ul.proList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.proList li a{ display:block; background:#e6e6e6; padding:6px 6px 0; box-shadow:rgba(0,0,0,0.4) 0 4px 10px; margin:24px;}
.main ul.proList li a img{ display:block; width:100%;}
.main ul.proList li span{ display:block; height:3.37em; line-height:3.37em; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.proList li a:hover{ background:#cc9932;}
.main ul.proList li a:hover span{ color:#fff;}

/*PC适配*/
@media only screen and (min-width:1441px){
.wrap{ min-width:1420px;}

.header{ height:auto;}
.header .head{ width:1400px; height:120px;}

.nav ul{ width:1400px;}
.nav ul li a{ font-size:18px;}

.footer .foot{ width:1400px;}
.footer .foot p.fnav,
.footer .foot .copyright{ font-size:16px;}
.footer .foot p.addr,
.footer .foot p.mail{ line-height:2.25em; font-size:16px;}

.main{ width:1400px;}

.position h2.title{ width:1400px; font-size:24px;}
.position p{ width:1400px; font-size:15px;}

.menubox ul{ width:1400px;}
}

@media only screen and (min-width:1025px) and (max-width:1220px){
.wrap{ min-width:0;}

.header .head{ width:auto; margin:0 10px;}
.nav ul{ width:auto;}

.footer{ padding:3% 0;}
.footer .foot{ width:auto; margin:0 10px; position:relative; padding-left:14px;}
.footer .foot .code{ margin:18px 0 0;}
.footer .foot p{ width:auto; font-size:14px; float:none;}
.footer .foot p a{ font-size:14px;}
.footer .foot .copyright{ width:auto; font-size:14px; float:none;}

.main{ width:auto; display:table; margin:0 10px;}

.position h2.title,
.position p{ width:auto; margin:0 16px;}

.menubox ul{ width:auto; margin:0 -9px;}
}

/*手机适配*/
@media only screen and (max-width:359px){
.header p.btns{ display:none;}
}
@media only screen and (max-width:767px){
body,html{ font-size:62.5%;}
.wrap{ min-width:0;}

.header{ height:60px;}
.header .head{ width:auto; height:60px;}
.header h1.logo a{ background-size:auto 100%; background-position:left center; margin:0 10px;}
.header h1.logo{ height:100%;}
.header img.slogan{ display:none;}
.header .rcon{ padding:0;}
.header p.btns{ padding:15px 4px;}
.header p.btns a{ width:30px; height:30px; padding:0; line-height:999em; background-size:100% 64% !important; overflow:hidden; margin-left:1.2em; margin:0;}
.header p.btns a.en{ display:none;}
.header p.tel{ display:none;}
.header a.menu{ display:block; width:36px; height:36px; background:url(../images/common/head_menu.png) center no-repeat; background-size:100% 100%; margin:12px;}

.nav{ width:auto; background:rgba(0,0,0,0.4); padding:0 0 0 24px; z-index:9999; position:absolute; top:60px; right:0; transform:translateX(100%);}
.nav.show{ transform:translateX(0);}
.nav a.close{ display:block; background:url(../images/common/nav_bg.png) center no-repeat; background-size:100% auto;}
.nav ul{ width:auto;}
.nav ul li{ width:auto; background:#009993; float:none;}
.nav ul li::after,
.nav ul li:first-child::before{ display:none;}
.nav ul li a{ min-width:6em; height:auto; line-height:2.6em; font-size:1.45rem; padding:2px 1em 0;}
.nav ul li:hover p.sub{ display:none;}

.banner{ height:110px;}

.footer{ padding:6% 3% 4%; position:relative; z-index:999999;}
.footer .foot{ width:auto; margin:0;}
.footer .foot .rcon{ float:none; text-align:center; margin:0;}
.footer .foot p.tel{ display:inline-block; width:100%; text-align:center; white-space:nowrap; background:none; padding-left:0; margin:0 0 2%;}
.footer .foot p.tel span{ display:inline-block; font-size:1.3rem; text-align:left; float:none; padding-right:1em; letter-spacing:-0.4px;}
.footer .foot p.tel span:first-child{ padding-right:0.6em; margin-right:0.2em; background:url(../images/common/foot_tel.png) left center no-repeat; background-size:auto 80%; padding-left:2.6em;}
.footer .foot p.tel strong{ font-size:1.4rem; letter-spacing:-0.6px;}
.footer .foot p.tel a{ display:inline-block; float:none; margin:12px 6px 0;}
.footer .foot p.tel a img{ height:36px;}
.footer .foot p.tel a.pc{ display:none;}
.footer .foot p.tel a.wap{ display:inline-block;}
.footer .foot p.tel font{ display:inline;}
.footer .foot p.addr,
.footer .foot p.mail{ display:inline-block; line-height:1.7em; font-size:1.35rem;}
.footer .foot p.addr{ background-size:1.32em auto !important; padding-left:1.74em; background-position:left top; white-space:nowrap; background:none; padding:0;}
.footer .foot p.addr::before{ content:''; display:inline-block; width:1.32em; height:1.7em; background:url(../images/common/f_addr.png) center left no-repeat; background-size:100% auto !important; margin-right:0.42em; vertical-align:top;}
.footer .foot p.mail{ white-space:nowrap; background:none; padding:0;}
.footer .foot p.mail::before{ content:''; display:inline-block; width:1.32em; height:1.7em; background:url(../images/common/f_mail.png) center left no-repeat; background-size:100% auto !important; margin-right:0.42em; vertical-align:top;}
.footer .foot p.mail font{ display:none;}
.footer .foot p.mail em{ padding-left:2em;}
.footer .foot p.fnav{ display:none;}
.footer .foot .copyright{ line-height:1.7em; font-size:1.35rem; text-align:center;}
.backToTop{ width:38px; height:38px; background-size:100% 100%; right:12px; bottom:4%; transition:none;}

.main{ width:auto;}

.position{ padding:3% 0;}
.position h2.title{ width:auto; line-height:1.8em; font-size:1.8rem; margin:0 12px;}
.position p{ width:auto; line-height:1.6em; font-size:1.35rem; margin:0 12px;}
.message{ padding:5% 0; background-image:none;}
.message form{ width:auto; margin:0 12px;}
.message form .con{ padding:3% 2%;}
.message form h3 span{ padding:2px 0 0;}
.message form p{ width:98%; font-size:1.42rem; padding:6px 0; padding-left:5.8em; margin:0 2% 0 0;}
.message form p label{ top:6px;}
.message form p input.text{ font-size:1.42rem; padding:2px 8px 2px;}
.message form p input.btn{ font-size:1.5rem; margin:4px auto 0;}

.menubox{ margin:-6px 0 0; padding:0 0 4%;}
.menubox ul{ width:auto; margin:0 4px;}
.menubox ul li{ width:50%;}
.menubox ul li a{ height:3em; line-height:3em; font-size:1.4rem; padding:2px 0 0; box-sizing:border-box; transition:none; margin:1em 8px 0;}
.menubox ul li a::before{ width:3.565em; height:2.415em; bottom:45.5%; transition:none;}

.main h3.title{ font-size:18px; padding:1.2em 0 0.4em; margin:0 10px;}
.main p.mark{ line-height:1.8em; font-size:13.5px; padding:0 0 0.7em; margin:0 10px;}
.main .article{ line-height:1.72em; font-size:1.45rem; padding:1em 0 1.5em; margin:0 14px;}
.main .change{ margin:0 10px; padding:0.8em 8px 1.6em;}
.main .change p{ height:2.1em; line-height:2.1em; font-size:13.5px;}
.main .change p a{
	transition:all 0.0s;
	-moz-transition:all 0.0s; /* Firefox 4 */
	-webkit-transition:all 0.0s; /* Safari and Chrome */
	-o-transition:all 0.0s; /* Opera */
}
.pages{ padding:4.2% 0 8.6%;}
.pages a{ height:20px; line-height:20px; font-size:13.5px; padding:2px 7px;}
.pages span{ height:20px; line-height:20px; font-size:13.5px; padding:2px 7px;}

.main ul.newsList{ margin:0 14px; padding:2% 0 3%;}
.main ul.newsList li{ width:auto; float:none;}
.main ul.newsList li:nth-child(even){ margin:0;}
.main ul.newsList li a{ transition:none; padding:2px 0 0;}
.main ul.newsList li span{ margin-right:1em; transition:none;}
.main ul.newsList li span em{ transition:none;}

.main ul.proList{ margin:0 1%; padding:3% 0 5%;}
.main ul.proList li{ width:50%;}
.main ul.proList li a{ margin:5% 8px; transition:none;}
.main ul.proList li span{ height:2.8em; line-height:2.8em; padding:2px 0 0; font-size:1.4rem; transition:none;}

}

/*手机横屏适配*/
@media only screen and (min-width:480px) and (max-width:767px){
.footer{ padding:4% 3%;}
.footer .foot .copyright{ line-height:2em;}

.pages{ padding:1.6% 0 4.8%;}
}

/*pad适配*/
@media only screen and (min-width:768px) and (max-width:1024px){
body,html{ font-size:62.5%;}
.wrap{ min-width:0;}

.header .head{ width:auto; height:100px;}
.header h1.logo a{ margin:0 10px;}
.header img.slogan{ display:none;}
.header .rcon{ padding:24px 10px 0;}
.header p.btns a{ font-size:1.6rem; margin-left:1em;}
.header p.tel{ display:none;}
.header a.menu{ display:block; width:52px; height:52px; background:url(../images/common/head_menu.png) center no-repeat; background-size:100% 100%; margin:24px;}

.nav{ width:auto; background:rgba(0,0,0,0.4); padding:0 0 0 24px; z-index:9999; position:absolute; top:100px; right:0; transform:translateX(100%);}
.nav.show{ transform:translateX(0);}
.nav a.close{ display:block; background:url(../images/common/nav_bg.png) center no-repeat; background-size:100% auto;}
.nav ul{ width:auto;}
.nav ul li{ width:auto; background:#009993; float:none;}
.nav ul li::after,
.nav ul li:first-child::before{ display:none;}
.nav ul li a{ min-width:6em; height:auto; line-height:2.8em; font-size:1.8rem; padding:2px 1em 0;}
.nav ul li:hover p.sub{ display:none;}

.banner{ height:232px;}

.footer{ padding:3% 0 2%;}
.footer .foot{ width:auto; margin:0 16px;}
.footer .foot .rcon{ float:none; text-align:center;}
.footer .foot p.tel{ display:inline-block;}
.footer .foot p.tel span{ text-align:left;}
.footer .foot p.addr,
.footer .foot p.mail{ display:inline-block;}
.footer .foot p.fnav{ display:none;}
.footer .foot .copyright{ text-align:center;}

.main{ width:auto;}

.position h2.title,
.position p{ width:auto; margin:0 16px;}
.message{ padding:5% 0; background-image:none;}
.message form{ width:auto; margin:0 20px;}
.message form p{ width:48%;}

.menubox ul{ width:auto; margin:0 8px;}
.menubox ul li a{ transition:none; margin:1.5em 12px;}
.menubox ul li a::before{ width:3.565em; height:2.415em; bottom:45.5%; transition:none;}

.main h3.title{ margin:0 16px; padding-top:1.5em;}
.main p.mark{ margin:0 16px;}
.main .article{ margin:0 12px; font-size:16px;}
.main .change{ margin:0 16px;}
.main .change p{ font-size:16px;}
.main .change p a{
	transition:all 0.0s;
	-moz-transition:all 0.0s; /* Firefox 4 */
	-webkit-transition:all 0.0s; /* Safari and Chrome */
	-o-transition:all 0.0s; /* Opera */
}

.main ul.newsList{ margin:0 16px;}

.main ul.proList{ margin:0; padding:1% 1% 2%;}
.main ul.proList li{ width:33.33%;}
.main ul.proList li a{ margin:16px 14px; transition:none;}
.main ul.proList li a span{ transition:none;}

}








/**/