@charset "utf-8";
body{font:1rem/180% PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif !important;color:#333333;background-color: #FFF;}
body {padding: 50px 0 0 0;max-width: 700px;margin: 0 auto;background-color: #f7f7f7;}
button, input, select, textarea {font: 0.9rem PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;}
input,textarea,select {border:1px solid #d2d2d2;color:#999;}
a {color:inherit}
a:visited, a:focus {color:inherit}
ul,li,ol {list-style-type: none;padding-left: 0;}
.fr {float:right}
.fl {float:left}
.cl {clear:both}
.hidden {display: none;}
h1,h2,h3,h4,h5 {margin: 0;padding: 0;}
.clear:before,#faqbox:before,{content: '';display: table;}
.clear:after,#faqbox:after{content: '';display: table;clear: both;}
.clear,.#faqbox{*zoom:1;}
.box {margin: 0 auto;width: 94%;}
.title {height: 0;width: 100%;padding-bottom: 5.8%;background: url("/mobile/images/titleback.jpg") 0 0 no-repeat ;background-size:cover ;position: relative;}
.title>a,.title>h2 {font-weight: normal;line-height: 0;padding: 2.9% 0 0 0.5rem;font-size: 0.9rem;color: #fff;position: absolute;width: 100%;height: 100%;}


/*À¶É«£º#47596b*  ºìÉ«£º#d34346/
/*NAV*/
#Nav {position: fixed;top: 0;right:0;left:0;background: url(/mobile/images/topback.jpg) top center #47596b no-repeat;z-index: 1000;min-height: 50px;border-bottom: 1px solid #e8e8e8;max-width: 700px;margin: 0 auto;}
#Nav>ul {width: 100%;margin: 0;}
#Nav>ul>li {display: table-cell;width: 1%;position: relative;text-align: center;color:#FFF;font-size: 0.9rem;}
#Nav>ul>li.navbtn {vertical-align: middle;background-color: #d34346;}
#Nav>ul>li>a {display: block;position: relative;padding: 8px 0 0 0;font-size: 0.8rem}
#Nav>ul>li.navbtn>a {padding-left: 8px;padding-right: 8px;height: 100%;}
#Nav>ul>li>a>img {width:55%;max-width: 3rem;}
#Nav>ul>li.navbtn>a>img {width: 60%;max-width: 3.5rem;}
#Navmenu {z-index: 1000;background-color: #47596b;}
#Navmenu>ul {margin: 0;padding: 0;}
#Navmenu>ul>li {text-align: right;line-height: 3rem;height: 3rem;border-bottom: 1px solid rgba(255,255,255,0.4);font-size: 0.9rem;}
#Navmenu>ul>li>a {color:#FFF;display: inline-block;width: 100%;}
.maskdiv {position: fixed;top:0;left: 0;right: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(0,0,0,0.3);display: none;}
.navshow {overflow: hidden;padding: 10px 10% 30px 10%;-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.3); -webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.3); box-shadow:0px 5px 20px rgba(0,0,0,0.3);height: auto;}
.navhide {height:0 !important;overflow: hidden;padding: 0 !important;}
/*logo+phone*/
.head {margin:0 auto 1.3em auto;width: 94%;padding-top: 1.3rem;}
.head .logo {max-width: 38%;}
.head .logo a img {max-height:4rem;display: block;max-width: 100%;}
.head .logo a {display: block;}
.head .nav {padding-right: 0.7rem;color:#fff;font-size: 0.9rem}
.head .info {margin-top: 0.9rem;font-family: "ARLRDBD";color:#d34346;font-size: 1rem;vertical-align: top;line-height: 1;}
.head .info>* {vertical-align: top;display: inline-block;}
.head .info .searchbtn {height: 1.8rem;}
.head .info span {font-size: 0.9rem}
.head .info span a {height: 1rem;line-height: 1rem;}
.head .info i {width: 1px;height:1.8rem;background: #6a6a6a;margin: 0 0.5rem;}
/*.searchbar {text-align: center;width: 100%;padding-top: 1.5rem;}
.searchbar form>* {display: inline-block;vertical-align: middle;}
.searchbar form input {height: 1.5rem;font-size: 0.9rem;border:1px solid #47596b;padding-left: 0.3rem;max-width:60%;margin-right: 0.4rem;}
.searchbar form button {height: 1.5rem;font-size: 0.9rem;background-color: #47596b;color:#fff;width:4rem;}*/
/*banner*/
.slider__div {border-top: 1px solid #e8e8e8;margin-bottom: 3rem;}
.slider img {width: 100%;display: block;}
.slider__div * {height:auto !important;}
/*promenuhome*/
.promenuhome {margin-bottom: 1.5rem;}
.promenuhome .title {margin-bottom: 1.5rem;}
.promenuhome li {display: inline-block;width: 48%;float:left;font-size: 1rem;margin-bottom: 4%;background-color: #fff;}
.promenuhome li * {vertical-align: middle;}
.promenuhome li.fr {float:right}
.promenuhome li>a {padding: 0;color:#d34346;text-align: center;}
.promenuhome li img {width: 100%;display: block;margin: 0 auto;}
.promenuhome li>a span {margin: 0.3rem 0;display: block;}

/*abouthome*/
div.leftbtn,div.rightbtn {background: url(/mobile/images/arrow.png) 0 50% no-repeat;width:2rem;height:100%;position: absolute;top:0;background-size:4rem auto;}
div.leftbtn {left:4%;}
div.rightbtn {background-position-x: -2rem;right: 4%;}
.scroll_horizontal {position: relative;margin-top: 2.5rem;width: 100%;}
.aboutus_box {margin: 0 auto;-moz-box-shadow:0px 0px 5px #ADADAD; -webkit-box-shadow:0px 0px 5px #ADADAD; box-shadow:0px 0px 5px #ADADAD;}
.aboutus_box .list li img {width: 100%;margin: 0 auto;display: block;height: auto;}
.aboutus_box .list li  {background-position:0 0;background-repeat:no-repeat;background-size:cover;max-width: 60%;}
.aboutus_box .list li div {max-width: 453px;}
.aboutustext {margin-top: 2rem;margin-bottom:2rem;font-size: 0.9rem;line-height: 1.3;color:#47596b}
/*newshome*/
.news_box {margin: 0 auto;-moz-box-shadow:0px 0px 5px #ADADAD; -webkit-box-shadow:0px 0px 5px #ADADAD; box-shadow:0px 0px 5px #ADADAD;}
.news_box .list li {max-width: 65%;background-color: #FFF;text-align: center;}
.news_box .list li a {display: block;margin: 15px 10px;}
.news_box .list li a h4 {font-size: 0.8rem;line-height: 1.1;}
.news_box .list li a span {color:#d34346;font-size: 0.8rem}
.news_box  .list li a img  {width: 100%;display: block;}
.news_box  .list li a p{display:block;color:#ABABAB;font-size: 0.8rem;text-align: left;line-height: 1.5;margin-top: 1rem;}
/*contactushome*/
.contactushome {border-top:1px solid #c6c6c6;margin-top: 2.5rem;padding-top: 2rem;padding-bottom: 2rem;}
.contactushome table tr td {font-size: 0.8rem}
.contactushome table tr {height: 1.3rem;}
.contactushome .label {color:#d34346;text-align: right;padding-right: 5%;width:4rem}

/*foot*/
#HomePage .foot {margin-top: 0;}
.foot {border-top: 1px solid #e8e8e8;text-align: center;padding: 1rem;font-size: 0.8rem;line-height: 1.2rem;color:#d7d7d7;background-color: #47596b;margin-top: 2.5rem;}
/*ͨÓÃ*/
h4 {color:#47596b;}
.imagefit img  {max-width: 100% !important;height: auto !important;text-align: center  !important;}
/*.title {margin-top: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #cdcfe1;}
.title h2 {background: url(/mobile/images/titleback.png) left center no-repeat;background-size: auto 3rem;height: 3rem;line-height: 3rem;padding-left: 1.3rem;font-size: 1.4rem;color:#d34346}*/
.text {margin-top: 2rem;width: 96%;margin-left: auto;margin-right: auto;padding: 1.2rem 0.3rem;background-color:#FFF}
.pagenumber {padding: 2rem 0 1rem 0;color:#47596b}
.pagenumber a {font-size:1.3rem;}
.pagenumber .space,.pagenumber a {width:30%;display:inline-block;vertical-align:middle;}
.next {text-align:right;}
.pagenumber select{width:40%;display:inline-block;vertical-align:middle;height: 1.5rem;color:#47596b}
.met_page {padding-top: 1.5rem;border-top: 1px solid #DDDDDD;font-size: 0.9rem;color:#47596b;margin-top: 2rem;}
.met_page a {color:#47596b}
.detailpage h4 ,.detailpage .date{text-align: center;}
.detailpage .date {color:#999;font-size: 0.8rem;}
.detailpage h4 {margin-top: 2rem;}
.imageslist .text>div {padding-top: 1rem;}
.imageslist .text img {width: 75%;max-width:500px;min-width:220px;display: block;margin: 0 auto;}
.imageslist .text h4 {font-weight: normal;font-size: 0.9rem;width: 90%;text-align: center;margin: 0.4rem auto 1rem auto;padding-bottom: 1.2rem;border-bottom: 1px solid #eeeeee;}
.imageslist .text h4 a {color:#47596b}
.imageslist .text h5 {text-align: center;color:#d34346}
/*aboutus*/
/*contactus*/
#ContactUs .text a {text-decoration: underline;}
#ContactUs .text h4 {line-height: 2rem;margin-top:1rem;font-size: 1.4rem !important;}
.baidumapouterdiv {margin-bottom: 1.5rem;}
/*gbook*/
.remind {text-align: left;font-size: 0.8rem;padding-left: 4%;padding-bottom: 0.5rem;}
#faqbox {width:92%;margin: 0 auto;}
#faqbox table {width: 100%;}
#faqbox .input-text, #faqbox textarea{width: 100%;margin-bottom: 1rem;}
#faqbox .input-text {height: 2rem;}
#faqbox textarea {height: 5rem;}
#faqbox .codetd {position: relative;width: 100%;vertical-align: middle;margin: 0;}
#faqbox .codetd input{margin-bottom: 0;}
#faqbox .codetd img {height: 1rem;position: absolute;z-index: 2;bottom: 0.5rem;right: 10px;}
#faqbox .submit {text-align: center;}
#faqbox .submit_button {margin-top: 2rem;height: 2rem;width: 8rem;background-color: #d34346;color:#FFF;border:0;-moz-box-shadow:0px 1px 6px #c6c6c6; -webkit-box-shadow:0px 1px 6px #c6c6c6; box-shadow:0px 1px 6px #c6c6c6;}
/*newslist*/
.textlist>div{padding:0 0.3rem 0.5rem 0.3rem;margin-top: 1rem;}
.textlist em {font-size: 0.8rem;color:#c6c6c6;margin: 0;padding: 0;}
.textlist p {line-height: 1.2rem;font-size: 0.8rem;color: #999;margin: 0;padding: 1rem 0;text-align: justify;}
.textlist .text {text-align: center;padding-left: 0.8rem;padding-right: 0.8rem;}
.textlist .text>div {border-bottom: 1px solid #f4d0d1;padding: 1.3rem 0.3rem 0.5rem 0.3rem;}
/*productlist*/
.products .promenu {border-bottom: 1px solid #e8e8e8;padding-bottom: 1rem;}
.products .promenu li{display: inline-block;width: 48%;float:left;font-size: 1rem;margin-bottom: 4%;background-color: #fff;text-align: center;padding: 0.3rem 0;}
.products .promenu li.fr {float:right}
.products .promenu li a{color:#d34346;display: block;width: 100%;}
.products .promenu li.selected {background-color: #d34346;}
.products .promenu li.selected a{color:#FFF}
.products .promenu li.selected a img {opacity: 1;}
/*product*/
#Product .content>h4{margin-top: 0;font-size: 1.1rem}
#Product .content>h5 {margin-top: 2rem;text-align: center;color:#d34346;font-size: 1.2rem}
#Product .text {padding-bottom: 20px;}
#Product .tip {font-size: 0.8rem;margin-top: 1rem;}
@media only screen and (max-width:361px)  {
	/*ÊÊÅäIPHONE4 IPHONE5*/	
	.footnav li a {font-size: 0.8rem}
	.head .info {margin-top: 0.8rem;font-size: 0.8rem;line-height: 0.8;}
	.head .info .searchbtn {height: 1.6rem;}
	.head .info span a {height: 0.8rem;line-height: 0.9rem;font-size: 0.8rem}
	.head .info i {width: 1px;height:1.6rem;background: #6a6a6a;margin: 0 0.5rem;}
	.textlist h4 a  {font-size: 0.9rem;line-height: 1rem;}
	#Product .content>h4{font-size: 1rem}
	#Product .content>h5 {font-size: 1.1rem;}
}
@media only screen and (min-width:440px)  {

}
@media only screen and (min-width:600px)  {
	.foot br {display: none;}
}