@charset "utf-8";
@import url(bootstrap_custom.css);	/*对bootstrap.css进行扩展，added by linsz 2020-12-14*/

html{
	/*font-size:31.5%;*/
	font-size:62.5%;
}
@media only screen and (min-width : 1600px){
	html{
		font-size:31.5%;
	}
}

body{
	background: #eeeeee;
	-webkit-text-size-adjust: 100% !important;  
	text-size-adjust: 100% !important;  
	-moz-text-size-adjust: 100% !important;  
}
body,input,p{
	font-size: 4rem;
}
p,h1,h2,h3,h4,h5,h6{
	line-height: 1.6;
}
a{
	color: white;
}
a,a:hover,a:active,a:visited{
	text-decoration: none;
}
a:hover{
	color: #F4DC94;
}
figure {
	margin: 0 auto;
}

h2{
	font-size: 6rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
h3{
	font-size: 5rem;
	margin-bottom: 1rem;
}
h3 span{
	margin-left: 2rem;
	padding-left: 8rem;
	width: 25rem;
	display: inline-block;
	background:url("../images/titleBg.png") no-repeat 0 center;
	background-size:auto 6rem;
}
h4{
	font-weight: 500;
	font-size: 4.5rem;
	color: #9A231C;
	margin: 1rem 0;
}

h5 {
	font-size: 3rem;
	margin: 1rem 0;
	font-weight: normal;
}
h6 {
	font-size: 2.5rem;
}
figure img{
	width:100%;
	height: auto;
}















#container{
	width: 120rem;
	margin:0 auto;
	background: #ffffff;
}

#innerContainer{
}

#innerContainer i img{
	width:100%;
	/*position: relative;
	transform:translateX(-100rem);
	filter: drop-shadow(#1C4463 100rem 0);*/
}





#head{
	width: 120rem;
	height: 23rem;
	background:#333333;
	position:absolute;
	top: -7rem;
	z-index: 5;	
}


.navi {
	width: 110rem;
	margin: 0 auto;
	margin-top: 11.5rem;
}

.navi ul{
	padding: 0;
    display: -webkit-flex;
    display: flex;
	justify-content:space-around;
	align-items:center;
}
.navi li {
	list-style: none;
	width: 22rem;
	overflow: hidden;
	text-align: center;
	margin: 0 1rem;
}
.navi li a {
	display: block;	
	padding:0.5rem 0.8rem;
}
body:not(#indexPage) .navi li.index {

}
body:not(#indexPage) .navi li.index a {

}
body:not(#indexPage) .navi li.index span {

}

.navi a span{
	color: #ffffff;
}
.navi a:hover span {
	color: #F4DC94;
}

.navi li:not(.index) a:hover,
#indexPage .navi li.index a,
#aboutPage .navi li.about a,
#productPage .navi li.product a,
#customPage .navi li.custom a,
#contactPage .navi li.contact a{
	background-color: #9A231C;
	border-radius: 1rem;
}


.banner{
	height: 49rem;
	margin: 0 auto;
	background:url("../images/bannerAbout.jpg") no-repeat center 0;
	background-size:100% auto;
	text-align: center;
	margin-top: 15rem;
}
.banner p{
	margin: 0;
	font-size: 6rem;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #ffffff;
	letter-spacing: 6rem;
	padding-top: 28rem;
}

#indexPage .banner{
	background-image: url("../images/bannerIndex.jpg");
	height: 100rem;
	margin-top: 10rem;
}
#productPage .banner{
	background-image: url("../images/bannerProduct.jpg");
}
#productPage .banner p{
	color: #9A231C;
	letter-spacing: 5rem;
}
#customPage .banner{
	background-image: url("../images/bannerProduct.jpg");
}
#customPage .banner p{
	color: #9A231C;
	letter-spacing: 5rem;
}
#customPage .banner p{
	letter-spacing: 4.5rem;
}

/*栏目子菜单*/
.menu{
	width: 110rem;
	margin: 0 auto;
	margin-top: -7rem;	
	background: #9A231C;
	border-radius: 1rem;
}
.menu ul{
	padding: 0;
    display: -webkit-flex;
    display: flex;
	justify-content:space-around;
}
.menu li {
	list-style: none;
	text-align: center;
	padding: 1.5rem;
	font-size: 4.5rem;
}
.menu li.selected a span {
	color: #F4DC94;	
}






#indexPage #body{
	width: 110rem;
	padding:2rem 0 6rem 0;
}

#indexPage .infoPanel{
	background:url("../images/indexBg.jpg") no-repeat right center;
	background-size:auto 100%;
	padding: 2rem 5rem;
	border-radius: 2rem;
}


#indexPage h3{
	font-size: 4rem;
	margin-top: 4rem;
}
#indexPage h3 span{
	margin-left: 2rem;
	padding-left: 5rem;
	width: 16rem;
	background-size:auto 5rem;
}

/*首页产品栏*/
.pList{
	width: 110rem;
	margin: 4rem auto;
	margin-top: -25rem;	
}

.pList figure img{
	border-radius: 2rem;
}

.pList ul{
	padding: 0;
    display: -webkit-flex;
    display: flex;
	justify-content:space-between;
}
.pList li {
	list-style: none;
	text-align: center;
	margin-right:3rem;
}
.pList li:last-child {
	margin-right:0rem;
}
.pList li a {
	color: #333333;
}



/*首页按钮组*/
.buttonList{
	width:inherit;
	margin: 2rem 0;	
}
.buttonList ul{
	padding: 0;
    display: -webkit-flex;
    display: flex;
	justify-content:flex-start;
}
.buttonList li {
	list-style: none;
	text-align: center;
	padding-right: 1.5rem;
}
.buttonList li a {
	background: #9A231C;
	border-radius: 1rem;
	padding: 0.5rem 1.5rem;
}
.buttonList li a span {
	color: #ffffff;
}


/*底部导航*/
.naviBtm{
	background: #333333;
}
.naviBtm ul{
	padding: 0;
    display: -webkit-flex;
    display: flex;
	justify-content:space-around;
}
.naviBtm li {
	list-style: none;
	text-align: center;
	padding: 1rem 0;
	font-weight:300;
}

.copyRight{
	text-align: center;
	padding: 2rem 0 3rem 0;
	font-size:3rem;
	line-height: 1.2;
}
.copyRight p{
	font-size:3rem;
	line-height: 1.2;
}
.copyRight a{
	color: #000000;
	text-decoration: underline;
}

#body{
	width: 110rem;
	padding: 5rem 10rem 10rem 10rem;
	margin: 0 auto;
}




#productPage #body,
#customPage #body
{
	width: 110rem;
	padding: 5rem 0;
}

.infoPanel{
	font-size: 4rem;
}
.infoPanel p{	
	font-weight:300;
}




.productPanel{
    display: -webkit-flex;
    display: flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom: 3rem;
}
.pImg {
	flex: 4;
}
.pImg img {
	width: 100%;
	height: auto;
	border-radius: 1rem;
}
.pInfo {
	flex: 5;
	margin-left: 5rem;
}

.pInfo ul{
	list-style: none;
	padding: 0;
}
.pInfo ul li {
	background:url("../images/listCircle.png") no-repeat 0 1.6rem;
	background-size:3rem auto;
	padding-left: 4rem;
	color: #707070;
}




.contact_addr, .contact_chat{
	padding: 2rem 2rem 2rem 15rem;
	background:url("../images/icon_contact3.svg") no-repeat 2rem 5rem;
	background-size:10rem auto;
}
.contact_chat{
	background-image: url("../images/icon_chat.svg");
}
#contactPage figure{
	margin-top: 3rem;
}