img,
object,
embed,
video { max-width: 100%; }
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img { width: 100%; }
/* ====== 则边悬浮 ====== */
.side-float {
    position: fixed;
    z-index: 999;
    display: none;
    right: 15px;
    top: 110px;
    width: auto;
    height: auto;
}
@media (min-width:600px) and (min-height:500px) {
.side-float { display: block; }
}
@media (min-height:500px) {
.side-float { top: 20px; }
}
@media (min-height:630px) {
.side-float { top: 125px; }
}
@media (min-height:820px) {
.side-float { top: 310px; }
}
@media (min-height:940px) {
.side-float { top: 370px; }
}
.side-float .side-menu {
    padding: 0;
    width: auto;
    height: auto;
    float: right;
    list-style-type: none;
}
.side-float .side-menu li {
    margin-bottom: 5px;
    padding: 10px;
    display: block;
    background: #353535;
}
.side-float .side-menu li a { text-decoration: none; }
.side-float .side-menu li i {
    display: block;
    text-align: center;
    font-size: 1.5em;
    color: #FFF;
}
.side-float .side-menu li .qq {
    width: 20px;
    height: 20px;
    background-image: url(/templet/anges/image/suspension-1-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.side-float .side-menu li .service-phone {
    width: 20px;
    height: 20px;
    background-image: url(/templet/anges/image/suspension-1-bg.png);
    background-repeat: no-repeat;
    background-position: -21px 0px;
}
.side-float .side-menu li .qrcode {
    width: 20px;
    height: 20px;
    background-image: url(/templet/anges/image/suspension-1-bg.png);
    background-repeat: no-repeat;
    background-position: 0px -20px;
}
.side-float .side-menu li.hover { background: #F05352; }
.side-float .side-main {
    width: auto;
    float: left;
    margin-right: 10px;
}
.side-float .side-main .item {
    display: none;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 15px;
    background: #F7F7F8;
}
.side-float .side-main .item hr { margin: 5px auto; }
.side-float .side-main div .close {
    margin-top: -7px;
    margin-right: -7px;
    display: block;
    font-weight: bold;
    text-align: right;
    color: #F05352;
}
.side-float .side-main .item.service-phone dl {
    margin: 0 auto 10px auto;
    padding: 0;
}
.side-float .side-main .item.service-phone dl dt { margin: 0 auto; }
.side-float .side-main .item.service-phone dl dd {
    margin: 0 auto;
    padding: 0;
}
.side-float .side-main .item.service-phone dl i.fa { font-size: 1.2em; }
.side-float .side-main .item.qrcode { width: 180px; }
.side-float .side-main .item.qrcode img {
    width: 100%;
    margin-top: 15px;
}
/* 营销总部 */
.side-float .side-main .item .total { text-align: center; }
.side-float .side-main .item .total .phone { color: #CC0000; }
/* 咨询表-英文 */
.side-float .side-main .item .enquiry h2 {
    text-align: center;
    font-size: 1.5em;
}
.side-float .side-main .item .enquiry h5 {
    text-align: center;
    font-size: 1em;
    margin-bottom: 10px;
}
.side-float .side-main .item .enquiry .form-group {
    margin: 5px auto;
    padding: 0;
}
.side-float .side-main .item .enquiry button {
    margin: 0 auto;
    display: block;
    width: 60%;
    border: 1px solid #CCC;
}
/* 验证码 */
.side-float .side-main .item .image-verification { height: 40px; }
.side-float .side-main .item .image-verification input {
    width: 70px;
    float: left;
}
.side-float .side-main .item .image-verification img {
    margin-left: 10px;
    margin-top: 2px;
    width: 70px;
    height: 30px;
    float: left;
}
/* 提交按钮 */
.side-float .side-main .item .submit { clear: both; }
/*   提示框   */
.alert[role="alert"] {
    margin: 5px auto;
    width: 90%;
}
@media (min-width:768px) {
.alert[role="alert"] { max-width: 750px; }
}
@media (min-width:992px) {
.alert[role="alert"] { max-width: 960px; }
}
@media (min-width:1200px) {
.alert[role="alert"] { max-width: 1170px; }
}
/* ====== 头部部分 ====== */
#header { /* 头部 */ }
#header .logo { /* LOGO */
    width: 40%;
    background: #30F;
}
#header .qrcode {  /* 二维码 */ display: none; }
#header .qrcode-font { display: none; }
/* ====== 横幅广告图片 ====== */

#banner { /* 横幅图片 */
    width: 100%;
    padding: 0;
    height: auto;
    border-top: 4px solid #D1160A;
    background: none;
}
/* ====== 页面引导 ====== */
nav.contentNav { /* 页面引导 */
    height: 40px;
    padding-left: 1%;
    line-height: 40px;
    text-align: left;
    background: #F1F1F1;
}
/* ====== 页面尾部 ====== */
footer { /* 尾部 */
    height: auto;
    background: url(../image/footer-bg.jpg) no-repeat;
}
footer nav ul.menuNav { margin-top: 20px; }
footer nav ul.menuNav li {
    text-align: center;
    margin-bottom: 5px;
}
footer nav .menuNav .name {
    width: 92% !important;
    font-weight: bold;
    color: #000;
    font-size: 1.1em;
    background: none;
}
footer nav .menuNav .name a { color: #000; }
footer nav ul.menuNav.both {
    float: left;
    width: 20%;
    background: none;
} /* 两列的 */
footer nav ul.menuNav.both li {
    width: 50%;
    float: left;
}
footer nav ul.qrcode {
    float: left;
    background: none;
}
footer nav ul.qrcode b { color: #D1160A; }
footer nav ul.qrcode img {
    width: 50%;
    margin-bottom: 10px;
}
footer .bottom {
    color: #FFF;
    line-height: 35px;
    background: url(../image/navBg.png) repeat;
}
footer .bottom a { color: #FFF; }
footer .bottom li {
    text-align: center;
    font-size: 0.8em;
}
footer .bottom li span { margin-right: 20px; }


/* ========= 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局 =========  */
@media only screen and (min-width: 481px) {
/* ====== 头部部分 ====== */
#header { /* 头部 */ }
#header .logo { /* LOGO */ background: none; }
#header .qrcode {  /* 二维码 */
    width: 10%;
    margin-top: 0.6%;
    margin-right: 1.8%;
    float: right;
    padding: 0;
    display: block;
}
#header .qrcode-font { display: none; }
/* ====== 横幅广告图片 ====== */
#banner { /* 横幅图片 */
    clear: both;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 0;
    border-top: 6px solid #D1160A;
    background: #3C9;
}
/* ====== 页面引导 ====== */
nav.contentNav { /* 页面引导 */ }
/* ====== 页面尾部 ====== */
footer { /* 尾部 */
    height: auto;
    background: none;
}
footer nav ul.qrcode img { width: 100%; }
}
/* ========= 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 ========= */
@media only screen and (min-width: 1024px) {
/* ====== 头部部分 ====== */
#header { } /* 头部 */
#header .logo { width: 39%; } /* LOGO */
#nav.PC {
    float: left;
    width: auto;
    height: auto;
    margin-top: 7%;
    background: none;
}
#nav.PC .index { }
#nav.PC .menuNav {
    width: auto;
    height: auto;
    background: none;
}
#nav .menuNav li {
    float: left;
    width: auto;
    height: auto;
    padding: 10px 20px;
    margin: 0 -8px;
    font-size: 0.95em;
    border-radius: 8px;
    background: none;
}
#nav.PC .menuNav li:hover {
    background: #D1160A;
    color: #FFF;
}
#nav.PC .menuNav li:hover a { color: #FFF; }
#header .qrcode { /* 二维码 */
    width: 15%;
    height: auto;
    float: right;
    padding: 0;
    display: block;
    margin-top: 2px;
    text-align: center;
    background: none;
}
#header .qrcode img {
    width: 50%;
    height: auto;
}
#header .qrcode li img { width: 12%; }
#header .qrcode li.font-1 {
    margin-top: 1%;
    font-size: 0.75em;
}
#header .qrcode li.font-2 {
    color: #D1160A;
    font-weight: bold;
    font-size: 1.1em;
}
#header .qrcode li.font-2 b {
    margin-right: 0px;
    letter-spacing: -1px;
}
#header .language {
    position: relative;
    margin-top: -60px;
    margin-left: 0px;
    float: right;
    width: auto;
    height: auto;
}
/*
#header .qrcode{ /* 二维码 *
	width:10%;
	height:auto;
	float:right;
	padding:0;
	display:block;
	margin-top:2px;
	background:none;
}
#header .qrcode img{width:100%; height:auto;}
#header .qrcode-font{	
	width:180px;
	float:right;
	margin-top:1.9%;
	text-align:center;
	font-size:1.2em;
	color:#D1160A;
	display:block;
	font-family:"微软雅黑","黑体";	
}
#header .qrcode-font img{width:23px; margin-right:5px;}
#header .qrcode-font li.font-1{
	font-size:0.7em;
	text-align:right;
}
#header .qrcode-font li.font-2{
	color:#D1160A;
	font-weight:bold;
	font-size:1.1em;
	text-align:right;
}
#header .qrcode-font li.font-2 b{
	margin-right:7px;
	letter-spacing:-2px;	
}
*/
/* ====== 横幅广告图片 ====== */

#banner { /* 横幅图片 */
    clear: both;
    overflow: hidden;
    width: 100%;
    max-height: 350px;
    padding: 0;
    border-top: 8px solid #D1160A;
    background: none;
}
#banner img { width: 100%; }
/* ====== 页面引导 ====== */
nav.contentNav { /* 页面引导 */
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
/* ====== 页面尾部 ====== */
footer { /* 尾部 */
    height: auto;
    background: url(../image/footer-bg.jpg);
}
.menuNav { }
.menuNav.both { }
footer nav ul.qrcode img { width: 70%; }
}

/* ========= 桌面电脑布局: 1281px 至最高 1232px。样式继承自: 电脑大屏布局。 ========= */
@media only screen and (min-width: 1281px) {
/* ====== 头部部分 ====== */
#header { } /* 头部 */
#header .logo { width: 33.5%; } /* LOGO */
#nav.PC {
    float: left;
    width: auto;
    height: auto;
    margin-top: 6.5%;
    background: none;
}
#nav.PC .index { }
#nav.PC .menuNav {
    width: auto;
    height: auto;
    background: none;
}
#nav .menuNav li {
    float: left;
    width: auto;
    height: auto;
    padding: 10px 20px;
    margin: 0 -8px;
    font-size: 1em;
    border-radius: 8px;
    background: none;
}
#nav.PC .menuNav li:hover {
    background: #D1160A;
    color: #FFF;
}
#nav.PC .menuNav li:hover a { color: #FFF; }
#header .qrcode { /* 二维码 */
    width: 12%;
    height: auto;
    float: right;
    padding: 0;
    display: block;
    margin-top: 2px;
    text-align: center;
    background: none;
}
#header .qrcode img {
    width: 55%;
    height: auto;
}
#header .qrcode li img { width: 12%; }
#header .qrcode li.font-1 {
    margin-top: 1%;
    font-size: 0.75em;
}
#header .qrcode li.font-2 {
    color: #D1160A;
    font-weight: bold;
    font-size: 1.2em;
}
#header .qrcode li.font-2 b {
    margin-right: 0px;
    letter-spacing: -1px;
}
#header .language {
    margin-top: -70px;
    margin-left: 0;
}
/*
#header .qrcode-font{	
	width:180px;
	float:right;
	margin-top:1.9%;
	text-align:center;
	font-size:1.2em;
	color:#D1160A;
	display:block;
	font-family:"微软雅黑","黑体";	
}
#header .qrcode-font img{width:23px; margin-right:5px;}
#header .qrcode-font li.font-1{
	font-size:0.75em;
	text-align:right;
}
#header .qrcode-font li.font-2{
	color:#D1160A;
	font-weight:bold;
	font-size:1.2em;
	text-align:right;
}
#header .qrcode-font li.font-2 b{
	margin-right:7px;
	letter-spacing:-2px;	
}
*/
/* ====== 横幅广告图片 ====== */

#banner { /* 横幅图片 */
    clear: both;
    overflow: hidden;
    width: 100%;
    max-height: 520px;
    padding: 0;
    border-top: 8px solid #D1160A;
    background: none;
}
#banner img { width: 100%; }
/* ====== 页面引导 ====== */
nav.contentNav { /* 页面引导 */
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
/* ====== 页面尾部 ====== */
footer { /* 尾部 */ height: auto; f background: url(../image/footer-bg.jpg);
}
footer nav ul.qrcode img { width: 70%; }
}