﻿html, body { color:#222; font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; 
             margin:0; padding: 0; text-decoration: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, 
fieldset, legend, input, textarea, p, blockquote, th, td,img,header,section,footer{ margin:0; padding:0; }
img { border:0; }
ol, ul { list-style: none outside none; margin:0; padding: 0; }
a，a:active,a:hover { color:#333; text-decoration: none; }
.clr { display:block; clear:both; height:0; overflow:hidden; }
div{color:#333;}
@media screen and (min-width: 320px) {
    html {font-size: 14px;}
}
 
@media screen and (min-width: 360px) {
    html {font-size: 16px;}
}
 
@media screen and (min-width: 400px) {
    html {font-size: 18px;}
}
 
@media screen and (min-width: 440px) {
    html {font-size: 20px;}
}
 
@media screen and (min-width: 640px) {
    html {font-size: 22px;}
}
/*导航折叠样式*/
/* expmenu */

.li-active{display:block;}
ul.expmenu{width:100%;font-size:1rem;background-color:#222;height:170%;}
ul.expmenu li{margin-bottom:0.1rem;}
ul.expmenu li div.header{padding:0.8rem 0.5rem;line-height:1.2rem}
ul.expmenu li:last-child div.header{border-bottom:none;}
ul.expmenu li ul li {background-color:#555;padding:0.5rem 0 0.5rem 2.8rem;border-bottom:0.05rem solid #777;color:#fff;margin-bottom:0;}
ul.expmenu li ul li a{color:#fff;width:100%;display:block;}
ul.expmenu li ul li:last-child{border-bottom:none;}
ul.expmenu li ul li.selected{background-color:#f4f4f4;}
ul.expmenu div.header{
	color:#203f61;
    width:100%;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);
	display:table;
	background:#333;/* Old browsers */
	background:-moz-linear-gradient(top, #333 0%, #333 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#333));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #333 0%,#333 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #333 0%,#333 100%);/* Opera 11.10+ */
	background:linear-gradient(to bottom, #333 0%,#333 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#333',GradientType=0 );/* IE6-9 */
}
ul.expmenu li div.header .Label{background:no-repeat;color: #fff;width:100%;}
ul.expmenu li div.header .arrow{vertical-align:middle; display:table-cell;width:1.5rem;height:1.5rem;background:no-repeat center;float:right;}
ul.expmenu li div.header .arrow.up{background-image:url(../../images/m/arrow_u.png);}
ul.expmenu li div.header .arrow.down{background-image:url(../../images/m/arrow_d.png);}
ul.expmenu li div.header .arrow.left{background-image:url(../../images/m/向左.png);background-size:1rem;}
ul.expmenu li .menu{display:none;}	
/* Mouse Events */
ul.expmenu div.header:hover{
	background:#333;/* Old browsers */
	background:-moz-linear-gradient(top, #333 0%, #333 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#333));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #333 0%,#333 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #333 0%,#333 100%);/* Opera 11.10+ */
	background:linear-gradient(to bottom, #333 0%,#333 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#333',GradientType=0 );/* IE6-9 */
	cursor:pointer;
}

ul.expmenu li ul li:not(.selected):hover{
	cursor:pointer;
}
ul.expmenu li ul li:not(.selected):active{
	background:#333;/* Old browsers */
	cursor:pointer;
}

.banner,.mainmenu li{margin-bottom:0.8rem;background-color:#fff;}
.Header{width:100%;background-color:#fff;padding:0.5rem 1rem;float:left;clear:both;display:table;}
.drawer-toggle{vertical-align:middle; display:table-cell;}
.Footer{text-align:center;font-size:1rem;padding:0.8rem 0;background-color:#f5f5f5;float:left;width:100%;border-top:1px solid #f1761a;}
.Footer span{font-size:1rem;line-height:1.8rem;}
.Section{background-color:#f9f9f9;float:left;width:100%;border-top:1px solid #f1761a;}

.SectionHeader{text-align:center;font-size:1.2rem;padding:0.8rem 0;font-weight:600;}
.SectionConetnt{padding:0 0.6rem 0.6rem;}
.Ptips{color:#f1761a;font-size:1rem;padding-bottom:0.5rem;}
.Ptitle{font-size:1rem;line-height:1.8rem;font-weight:600;}
/*.SecondTitle{font-size:1rem;line-height:1.6rem;text-indent:1.6rem;}*/
.SecondTitle{font-size:1rem;line-height:1.6rem;}
.Sectionimg{padding:0 1.5rem;}
/*.SectionConetnt img{border: 2px solid #E5E5E5;-webkit-box-shadow: 2px 2px 2px #e5e5e5;-moz-box-shadow: 2px 2px 2px #e5e5e5;box-shadow: 2px 2px 2px #e5e5e5;}*/
.SectionProduc{padding:1rem 0;width:100%;float:left;clear:both;}
.ProducImg{width:35%;float:left;text-align:center}
.ProducState{width:65%;float:left;padding-left:1rem;}
.StateTitle,.StateDetail span{color:#f1761a;font-size:1.2rem;}
.StateDetail{line-height:1.8rem;}
.SectionP{font-size:0.95rem;line-height:1.6rem;}
/*轮播样式*/
.SectionCarousel{padding:0 1rem 2rem 1rem;}
#myCarousel{border: 0.4rem solid #E5E5E5;-webkit-box-shadow: 0.2rem 0.2rem 0.2rem #e5e5e5;-moz-box-shadow: 0.2rem 0.2rem 0.2rem #e5e5e5;box-shadow: 0.2rem 0.2rem 0.2rem #e5e5e5;}
.carousel-caption {width: 100%;background: #000000;position: absolute;left: 0;bottom: 0;padding: 0.4rem;font-size:1rem;opacity: 0.5;text-align: left;}
.carousel-indicators {bottom: 2rem;}
.carousel-indicators .active {background-color: #f1761a;}
.carousel-indicators li {background-color:#fce0ca;border:none;}
#alter{bottom:0.5rem;}