/*
 * Ideal Image Slider v1.5.0
 *
 * By Gilbert Pellegrom
 * http://gilbert.pellegrom.me
 *
 * Copyright (C) 2014 Dev7studios
 * https://raw.githubusercontent.com/gilbitron/Ideal-Image-Slider/master/LICENSE
 */

.ideal-image-slider {
	position: relative;
	overflow: hidden;
}
.iis-slide {
	display: block;
	bottom: 0;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	text-indent: -9999px;
}

/* Slide effect */
.iis-effect-slide .iis-slide {
	opacity: 0;
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
		 -o-transition-property: -o-transform;
			transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
	-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
			transform: translateX(0%);
}
.iis-effect-slide .iis-current-slide {
	opacity: 1;
	z-index: 1;
}
.iis-effect-slide .iis-previous-slide {
	-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
			transform: translateX(-100%);
}
.iis-effect-slide .iis-next-slide {
	-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
			transform: translateX(100%);
}
.iis-effect-slide.iis-direction-next .iis-previous-slide,
.iis-effect-slide.iis-direction-previous .iis-next-slide { opacity: 1; }

/* Touch styles */
.iis-touch-enabled .iis-slide { z-index: 1; }
.iis-touch-enabled .iis-current-slide { z-index: 2; }
.iis-touch-enabled.iis-is-touching .iis-previous-slide,
.iis-touch-enabled.iis-is-touching .iis-next-slide { opacity: 1; }

/* Fade effect */
.iis-effect-fade .iis-slide {
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
		 -o-transition-property: opacity;
			transition-property: opacity;
	-webkit-transition-timing-function: ease-in;
	   -moz-transition-timing-function: ease-in;
		 -o-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
	opacity: 0;
}
.iis-effect-fade .iis-current-slide {
	opacity: 1;
	z-index: 1;
}

#slider{  
max-width: 96%;
margin: 0 auto;
border:1px solid #fff;
}

#detailMainBody{
width:100%;
margin:0;
margin-top:-10px;
background:url(../images/design/indexbk.jpg) no-repeat bottom #f35201;
background-size:100%;
background-position:top left; 
height:100%;
padding-bottom:100px;
}

#pageTitleBox{
width:90%;
font-size:1rem;
padding:0;
color:#fff;
margin:10px auto;
padding-bottom:5px;
}

#listTitleBox{
width:100%;
padding:10px 0;
background-color:#860000;
text-align:center;
letter-spacing:.5rem;
}

#listTitleBox a{
font-size:0.8rem;
color:#fff;
text-decoration:none;

}

#detailTitleLeft{
float:left;
font-size:0.9rem;
letter-spacing:0.3rem;
}

#detailTitleLeft span{
font-size:1.1rem;
letter-spacing:0.3rem;
color:#fff;
text-shadow:.1rem .1rem #000;
}


#detailTitleRight{
float:right;
padding-top:8px;
}

#detailTitleRight a{
color:#fff;
text-decoration:none;
font-size:0.8rem;
border-radius:15px;
padding:5px 12px 4px 12px;
border:1px solid #fff;
}

#commonContactBox{
width:90%;
padding:15px 0;
min-height:50px;
color:#fff;
font-size:1rem;
margin-top:35px;
margin-left:auto;
margin-right:auto;
}

#commonContactBox a{
width:90%;
min-height:50px;
color:#fff;
font-size:1rem;
text-shadow:0px 0px #fff;
}

#contactIntroduce{
width:96%;
margin:0 auto;
line-height:180%;
font-size:0.8rem;
}

#labelIndexName{
width:90%;
margin:0 auto;
font-size:1.1rem;
font-weight:bold;
letter-spacing:.3rem;
color:#fff;
padding-top:1rem;
text-align:center;
}

#subBrandBox{
width:90%;
margin:15px auto;
}

.haoxiaoziSubItem{
float:left;
width:46%;
background-color:#123566;
margin-right:4%;
margin-bottom:10px;
border-radius:15px;
}

.haoxiaoziSubItem2{
float:left;
width:96%;
height:auto;
background-color:#123566;
margin-bottom:10px;
text-align:center;
}

.haoxiaoziSubItem2 img{
width:100%;
}

.boxflowerLeft{
float:left;
width:6%;
padding:5px;
}

.boxflowerRight{
float:right;
width:6%;
padding:0;
padding:5px;
}

.boxflowerLeft img,.boxflowerRight img{
 width: 100%;
 height: auto;
}

a.small19Brand{
display: block;
width:70%;
margin:0 auto;
float:left;
color:#fff;
font-size:0.85rem;
text-decoration:none;
text-align:center;
letter-spacing:0.2rem;
text-shadow:0 2px 0 #000;
padding-top:.6em;
line-height:130%;
}

a.small19Brand span{
font-size:0.78rem;
color:#ffd554;
}

a.smallBrand{
display:block;
float:left;
width:46%;
background-color:#123566;
color:#fff;
font-size:0.9rem;
margin-right:4%;
margin-bottom:20px;
text-decoration:none;
border-radius:35px;
text-align:center;
padding-bottom:20px;
padding-top:95px;
letter-spacing:0.2rem;
text-shadow:0 2px 0 #000;
}

a.smallBrand span{
background-color:#970000;
padding:5px 20px;
border-radius:15px;
}

#threebBrandBox{
width:98%;
padding-top:20px;
margin:0 auto;
}

#threebBrandBox a{
display:block;
width:90%;
margin:20px auto;
margin-top:0;
color:#000;
text-decoration:none;
height:140px;
border-radius:38px;
background-color:#fff;
text-shadow:0 2px 0 #fff;
text-align:right;
}

#threebBrandBox span{
margin-right:20px;
font-size:1.2rem;
font-weight:bold;
padding-bottom:10px;
}

#threeBrandTitle{
width:96%;
margin:10px auto;
font-size:1.3rem;
font-weight:bold;
color:#fff;
letter-spacing:0.1rem;
padding-top:20px;
}

.indexIntroduceBox{
width:90%;
padding:20px 0;
font-size:1rem;
line-height:170%;
color:#fff;
margin:10px auto;
margin-bottom:0;
}

.indexIntroduceBox span{
font-size:1.2rem;
font-weight:bold;
letter-spacing:0.5rem;
color:#ffc000;
}

.brand-haoxiaozi{
background:url(../images/design/haoxiaoziBtn.png) no-repeat center;
background-size:100%;
}

.brand-babaniu{
background:url(../images/design/babaniuBtn.png) no-repeat center;
background-size:100%;
}

.brand-yihe{
background:url(../images/design/yiheBtn.png) no-repeat center;
background-size:100%;
}

span.smalltxt{
display:block;
font-size:0.9rem;
font-weight:normal;
margin-top:15px;
text-align:center;
}

.btnIcon1,.btnIcon2,.btnIcon3,.btnIcon4,.btnIcon5,.btnIcon6,.btnIcon7,.btnIcon8m.btnIcon9,.btnIcon10,.btnIcon11,.btnIcon12,.btnIcon13{
background:url(../images/design/btnicon1.png) no-repeat center;
background-size:60%;
background-position:center 15px;
}

.btnIcon2{
background:url(../images/design/btnicon2.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon3{
background:url(../images/design/btnicon3.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon4{
background:url(../images/design/btnicon4.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon5{
background:url(../images/design/btnicon5.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon6{
background:url(../images/design/btnicon6.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon7{
background:url(../images/design/btnicon7.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon8{
background:url(../images/design/btnicon8.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon9{
background:url(../images/design/btnicon9.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon10{
background:url(../images/design/btnicon10.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon11{
background:url(../images/design/btnicon11.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon12{
background:url(../images/design/btnicon12.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

.btnIcon13{
background:url(../images/design/btnicon13.png) no-repeat center;
background-size:50%;
background-position:center 15px;
}

span.smallword{font-size:0.8rem;}


#subBrandBox:after,#listTitleBox:after,#pageTitleBox:after,#threebBrandBox:after,#threeBrandTitle:after,#indexIntroduceBox:after,#detailMainBody:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*-------------²¹³äÑùÊ½--------------*/

