* æ¸…é™¤å†…å¤–è¾¹è· */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ç»“æž„å…ƒç´ */
dl, dt, dd, ul, ol, li, /* list elements åˆ—è¡¨å…ƒç´ */
pre, /* text formatting elements æ–‡æœ¬æ ¼å¼å…ƒç´ */
fieldset, lengend, button, input, textarea, /* form elements 表å•å…ƒç´ */
th, td { /* table elements è¡¨æ ¼å…ƒç´ */
margin: 0px;
padding: 0px;
}
body{
margin:0px;
font-family: "Microsoft YaHei","微软雅黑","Arial", "黑体", "宋体", sans-serif;
position: relative;
}
/* 设置默认å—体 */
button, input, select, textarea { /* for ie */
/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii å—符表示，使得在任何编ç ä¸‹éƒ½æ— é—®é¢˜ */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* å°†æ–œä½“æ‰¶æ£ */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一ç‰å®½å—体 */
small { font-size: 12px; } /* å°äºŽ 12px çš„ä¸æ–‡å¾ˆéš¾é˜…读，让 small æ£å¸¸åŒ– */
input{
background:none;
outline:none;
border:0px;
}
/* é‡ç½®åˆ—è¡¨å…ƒç´ */
ul, ol {
list-style: none;
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
}
/* é‡ç½®æ–‡æœ¬æ ¼å¼å…ƒç´ */
a { text-decoration: none; }
a:hover { text-decoration: none; }
a { color: #fff ;font-weight: 400;}
abbr[title], acronym[title] { /* 注：1.ie6 ä¸æ”¯æŒ abbr; 2.这里用了属性选择符，ie6 ä¸‹æ— æ•ˆæžœ */
border-bottom: 1px dotted;
cursor: help;
}
q:before, q:after { content: ''; }
/* é‡ç½®è¡¨å•å…ƒç´ */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img æ车：让链接里的 img æ— è¾¹æ¡† */
/* 注：optgroup æ— æ³•æ‰¶æ£ */
button, input, select, textarea {
font-size: 100%; /* 使得表å•å…ƒç´ 在 ie 下能继承å—ä½“å¤§å° */
}
/* é‡ç½®è¡¨æ ¼å…ƒç´ */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* é‡ç½® hr */
hr {
border: none;
height: 1px;
}
p{
margin:0px;
padding: 0px;
border:0px;
}
/*@media screen and (min-width: 1200px) { */
header,.body,.body-1{
width: 100%;
min-width:1200px;
max-width: 1920px;
overflow: hidden;
}
.body{
}
header .header-top{
width:100%;
min-width: 1200px;
max-width: 1920px; overflow:
hidden; height: 35px;
line-height: 35px;
background: #f4f4f4;
}
.header-top-nav{
position: fixed;
top: 0px;
z-index: 10;
}
header .header-bottom{
width: 100%;
min-width: 1200px;
max-width: 1920px;
overflow: hidden;
height: 140px;
line-height: 140px;
background: #ffffff;
}
header .header-top .header-top-1{
width: 1200px;
height: 35px;
overflow: hidden;
margin: 0 auto;
}
header .header-top .header-top-1 .header-top-1-span1{
height: 19px;
width: 19px;
background: url(../image/1.png) no-repeat;
background-size: 100%;
display:block;
float: left;
margin: 8px 0px;
margin-right: 10px;
}
header .header-top .header-top-1 .header-top-1-span2{
float: left;
font-size: 13px;
}
header .header-top .header-top-1 .header-top-1-span3{
height: 19px;
width: 19px;
background: url(../image/3.png) no-repeat;
background-size: 100%;
display:block;
float: right;
margin: 8px 0px;
cursor: pointer;
}
header .header-top .header-top-1 .header-top-1-span4{
float: right;
margin:0px 10px;
}
header .header-top .header-top-1 .header-top-1-span5{
height: 19px;
width: 19px;
background: url(../image/2.png) no-repeat;
background-size: 100%;
display:block;
float: right;
margin: 8px 0px;
}
header .header-bottom-1{
width:1200px;
height: 140px;
overflow: hidden;
margin: 0 auto;
}
.header-logo{
float: left;
margin-top: 30px;
height: 82px;
line-height: 82px;
}
.header-bottom-1-span1{
width: 80px;
height: 80px;
background: url(../image/6.png) no-repeat;
background-size: 100%;
display:block;
float: left;
margin: 30px 0px;
}
.header-bottom-1-div{
height: 70px;
width: 549px;
float: left;
margin: 35px 0px;
overflow: hidden;
border-left: 1px dashed #bebebe;
margin-left: 20px;
}
.header-bottom-1-div .header-bottom-1-span2,.header-bottom-1-div .header-bottom-1-span3{
float: left;
height: 35px;
line-height: 35px;
margin-left: 20px;
}
.header-bottom-1-div .header-bottom-1-span2{
font-size: 31px;
font-weight: 700;
}
.header-bottom-1-div .header-bottom-1-span3{
color: #757575;
font-size: 12px;
}
.header-bottom-1-span4{
width: 330px;
height: 140px;
float: left;
margin-left: -10px;
background:url(../image/5.png)no-repeat;
background-size: 100% 100%;
}
.header-bottom-2-div{
width: 220px;
height: 140px;
float: left;
}
.header-bottom-2-div .header-bottom-2-span1{
width: 45px;
height: 40px;
float: left;
margin:50px 0px;
background: url(../image/4.png)no-repeat;
background-size: 100% 100%;
}
.header-bottom-2-div .header-bottom-2-span2{
height: 15px;
width:165px;
overflow: hidden;
font-size: 14px;
line-height: 15px;
float: left;
margin-top:50px;
margin-left: 10px;
}
.header-bottom-2-div .header-bottom-2-span3{
height: 25px;
width:165px;
overflow: hidden;
float: left;
font-size: 25px;
line-height: 25px;
color: #be131b;
margin-left: 10px;
font-family: Arial;
}
.body-1{
background:#252525;
border-bottom: 1px solid #be131b;
}
.body .body-1 ul{
width: 1200px;
height: 64px;
margin:0 auto;
}
.body .body-1 ul li{
width: 132px;
height: 64px;
line-height: 64px;
color: #fff;
font-size: 12px;
text-align: center;
float: left;
}
.body .body-1 ul li a{
display: block;
font-size: 15px;
}
.body .body-1 ul li:hover{
background: #be131b;
}
.body .body-banner{
width: 100%;
height: 530px;
overflow: hidden;
}
.body .body-banner .swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img{
width: 100%;
height: 100%;
}
.body-bottom{
width: 100%;
min-width: 1200px;
max-width: 1920px;
overflow: hidden;
height: 150px;
background: #f7f7f7;
}
.body-bottom-1{
width: 1200px;
height: 150px;
margin: 0 auto;
}
.body-bottom .body-bottom-left{
width: 500px;
height: 150px;
float: left;
}
.body-bottom .body-bottom-right{
width: 700px;
height: 150px;
float: left;
}
.body-bottom .body-bottom-left .body-bottom-2-div{
width: 100%;
height: 150px;
border-right: 1px solid #e8e8e8;
}
.body-bottom .body-bottom-left .body-bottom-2-div .body-bottom-2-span1{
width: 50px;
height: 50px;
margin: 48px 0px;
margin-right: 15px;
background: url(../image/8.png) no-repeat center;
border:2px solid #8c8c8c;
border-radius: 50%;
float: left;
}
.body-bottom .body-bottom-left .body-bottom-2-div .body-bottom-2-span2{
width: 430px;
height: 25px;
float: left;
font-size: 18px;
line-height: 25px;
margin-top: 50px
}
.body-bottom .body-bottom-left .body-bottom-2-div .body-bottom-2-span3{
width: 430px;
height: 25px;
margin-bottom: 50px;
float: left;
font-size: 14px;
color: #7f7f7f;
line-height: 25px;
}
.body-bottom .body-bottom-right ul{
width: 700px;
height: 150px;
}
.body-bottom .body-bottom-right ul li{
border-left: 1px solid #fff;
border-right:1px solid #e8e8e8;
float: left;
}
.body-bottom .body-bottom-right ul li:hover p{
color: #bd2222;
}
.body-bottom .body-bottom-right ul li:hover{
background: #f7f7f7;
}
.body-bottom .body-bottom-right ul .li1{
width: 100px;
height: 100px;
padding: 25px 60px;
}
.body-bottom .body-bottom-right ul .li1 span{
width: 37px;
height: 42px;
display: block;
margin: 0 auto;
background: url(../image/main-com1.png) no-repeat;
background-size: 100% 100%;
}
.body-bottom .body-bottom-right ul .li1:hover span{
background-image: url(../image/main-com11.png);
}
.body-bottom .body-bottom-right ul p{
text-align: center;
margin-top: 20px;
color: #666666;
font-size: 14px;
}
.body-bottom .body-bottom-right ul .p1{
text-align: center;
margin-top: 5px;
color: #666666;
}
.body-bottom .body-bottom-right ul .li2{
width: 130px;
height: 100px;
padding: 25px 40px;
}
.body-bottom .body-bottom-right ul .li2 span{
width: 39px;
height: 42px;
display: block;
margin: 0 auto;
background: url(../image/main-com2.png) no-repeat;
background-size: 100% 100%;
}
.body-bottom .body-bottom-right ul .li2:hover span{
background-image: url(../image/main-com12.png);
}
.body-bottom .body-bottom-right ul .li3{
width: 130px;
height: 100px;
padding: 25px 40px;
}
.body-bottom .body-bottom-right ul .li3 span{
width: 42px;
height: 42px;
display: block;
margin: 0 auto;
background: url(../image/main-com3.png) no-repeat;
background-size: 100% 100%;
}
.body-bottom .body-bottom-right ul .li3:hover span{
background-image: url(../image/main-com13.png);
}
.body-2{
width: 1200px;
margin: 0 auto;
}
.body-2 .body-2-left-ul li a{
display: block;
color:#333;
font-size: 14px;
}
.body-2 .body-2-left{
width: 730px;
float: left;
height: 660px;
margin:30px 0px;
}
.body-2 .body-2-left ul{
height: 50px;
overflow: hidden;
margin-top: 70px;
}
.body-2 .body-2-left ul li{
color: #000;
width: 100px;
font-size: 13px;
margin-bottom: 10px;
height: 15px;
line-height:15px;
text-align: left;
padding: 0px 30px;
float: left;
border-left: 1px solid #b8b8b8;
}
.body-2 .body-2-left ul .li4{
margin-top: 5px;
margin-bottom: 0px;
}
.body-2 .body-2-left ul .li5{
border:none;
width: 105px;
padding-right: 25px;
}
.body-2 .body-2-left ul .li6{
}
.body-2 .body-2-left ul li span{
display: none;
width: 14px;
height: 14px;
background: url(../image/13.png)no-repeat center;
float: left;
margin-right: 5px;
border:1px solid #bf191a;
border-radius: 50%;
}
.body-2 .body-2-left ul li:hover{
color: #be131b;
}
.body-2 .body-2-left ul li:hover span{
display: block;
}
.body-2 .body-2-left ul li:hover a{
color: #be131b;
}
.body-2 .body-2-left ul .active1{
color: #be131b;
}
.body-2 .body-2-left ul .active1 a{
color: #be131b;
}
.body-2 .body-2-left ul .active1 span{
display: block;
}
.body-2 .body-2-left .body-2-left-2{
width: 730px;
height: 490px;
margin-top: 40px;
background: #fef1e8;
}
.body-2 .body-2-right{
width: 470px;
float: left;
height: 660px;
margin:30px 0px;
}
.body-2 .body-2-right .body-2-right-1 .p1{
margin-top: 35px;
margin-left: 33px;
font-size: 28px;
font-weight: 400;
overflow: hidden;
}
.body-2 .body-2-right .body-2-right-1 .p1 div{
float: left;
color:#ffffff;
}
.body-2 .body-2-right .body-2-right-1 .p1 .p1-1{
width: 80px;
height: 5px;
background: url(../image/51.png) no-repeat;
background-size: 100%;
margin: 16px 0px;
margin-right: 5px;
}
.body-2-right-1-p2{
margin-top: 20px;
margin-left: 33px;
width: 184px;
height: 86px;
background: url(../image/50.png) no-repeat;
background-size: 100%;
}
.body-2 .body-2-right .body-2-right-1 .p2,.body-2 .body-2-right .body-2-right-1 .p3{
margin-top: 20px;
margin-left: 33px;
font-size:40px;
font-weight: 700;
}
.body-2 .body-2-right .body-2-right-1 .p3{
margin-top: 5px;
}
.body-2 .body-2-right .body-2-right-1 .p4{
padding-top: 24px;
font-size:28px;
margin:0 auto;
text-align: center;
color: #f0d0d1;
}
.body-2 .body-2-right .body-2-right-1 .p5{
margin-top: 15px;
font-size: 14px;
margin:0 auto;
text-align: center;
color: #f0d0d1;
margin-top: 18px;
}
.body-2 .body-2-right .body-2-right-1 .p6{
padding: 5px 0px;
font-size: 14px;
margin:0 auto;
text-align: center;
color: #f0d0d1;
}
.body-2 .body-2-right .body-2-right-1{
width: 423px;
height: 385px;
float: right;
background: #be131b;
}
.body-2 .body-2-right .body-2-right-2{
width: 100%;
height:275px;
float: right;
}
.body-2 .body-2-right .body-2-right-2 .body-2-right-2-1{
width: 393px;
padding: 30px 15px 10px 33px;
height:225px;
float: right;
background: #000;
}
.body-2 .body-2-right .body-2-right-2 .body-2-right-2-2{
width: 19px;
height: 38px;
float: right;
background: url(../image/15.png)no-repeat 3px center;
margin: 114px 0px;
}
#swiper3r .swiper-slide,#swiper5r .swiper-slide{
background: none;
display: block;
text-align: left;
}
#swiper3r .swiper-slide p{
width: 100%;
}
#swiper3r .swiper-button-next,#swiper3r .swiper-button-prev{
top: auto;
bottom: 0;
margin-top: 0;
}
#swiper3r .swiper-button-prev{
left: auto;
right: 80px;
}
.body-2-right-2-1-p1{
font-size: 18px;
font-weight: 700;
color: #cbcbcb;
}
.body-2-right-2-1-p2{
margin-top: 31px;
font-size: 14px;
color: #cbcbcb;
}
.body-2-right-2-1-p3{
font-size: 14px;
color: #cbcbcb;
}
.body-2-right-2-1-p4{
margin-top: 31px;
font-size: 14px;
color: #cbcbcb;
}
.body-2-right-2-1-button{
width: 141px;
height: 35px;
float: right;
margin-top: 10px;
}
.body-2-right-2-1-button .body-2-right-2-1-button1{
width: 70px;
height: 35px;
line-height: 35px;
text-align: center;
float: left;
background: #999 url(../image/52.png) no-repeat center center;
font-size: 20px;
color: #fff;
transform:scale(0.8);
transition: scale 0.5s;
}
.body-2-right-2-1-button .body-2-right-2-1-button2{
width: 70px;
height: 35px;
line-height: 35px;
text-align: center;
float: left;
background: #999 url(../image/53.png) no-repeat center center;
font-size: 20px;
color: #fff;
transform:scale(0.8);
transition: scale 0.5s;
}
.body-2-right-2-1-button .body-2-right-2-1-button2:hover{
background:#be131b url(../image/53.png) no-repeat center center;;
color: #fff;
transform:scale(1);
}
.body-2-right-2-1-button .body-2-right-2-1-button1:hover{
background:#be131b url(../image/52.png) no-repeat center center;;
color: #fff;
transform:scale(1);
}
.body-2-right-2-1-button1{
margin-right: 1px;
}
.body-3{
width: 100%;
min-width: 1200px;
max-width: 1920px;
overflow: hidden;
background: url(../image/16.png) no-repeat;
background-size: 100% 100%;
}
.body-3 .body-bottom-3-div{
width: 1200px;
height: 500px;
margin: 0 auto;
}
.body-bottom-3-left{
width: 480px;
height: 500px;
float: left;
}
.body-bottom-3-right{
width: 680px;
height: 500px;
float: right;
}
.body-bottom-3-left-p1{
margin-top: 80px;
font-size: 50px;
font-weight: 700;
font-family: Impact;
color: #fff;
}
.body-bottom-3-left-p2{
margin-top: 10px;
font-size: 16px;
color: #cbcbcb;
}
.body-bottom-3-left-p3{
width: 40px;
height: 2px;
background: #be131b;
margin-top: 5px;
}
.body-bottom-3-left-p4{
margin-top: 48px;
font-weight: 700;
color: #d91d1e;
font-size: 18px;
}
.body-bottom-3-left-p5{
margin-top: 13px;
text-indent:2em;
font-size: 14px;
color: #cbcbcb;
}
.body-bottom-3-left-button button{
margin-top: 60px;
padding: 10px 20px;
border:1px solid #be131b;
font-size: 14px;
background: rgba(0,0,0,0.5);
}
.body-bottom-3-left-button button a{
color: #be131b;
}
.body-bottom-3-left-button button:hover{
color: #fff;
}
.body-bottom-3-right-1{
padding: 55px 0px 65px;
width: 390px;
overflow: hidden;
float: left;
}
.body-bottom-3-right-2{
padding: 55px 0px 65px;
width: 290px;
overflow: hidden;
float: left;
}
.body-bottom-3-right-2-1{
width: 268px;
height: 379px;
float: right;
background: url(../image/19.png) no-repeat;
}
.body-bottom-3-right-1-1{
width: 330px;
height: 227px;
float: right;
background: url(../image/17.png) no-repeat;
}
.body-bottom-3-right-1-2{
width: 100%;
height: 133px;
float: right;
margin-top: 17px;
}
.body-bottom-3-right-1-2-1{
width: 189px;
height: 133px;
float: left;
background: url(../image/20.png) no-repeat;
}
.body-bottom-3-right-1-2-2{
width: 189px;
height: 133px;
float: right;
background: url(../image/18.png) no-repeat;
}
.body-4{
width: 100%;
min-width: 1200px;
max-width: 1920px;
overflow: hidden;
}
.body-4-center{
width: 1200px;
margin:0 auto;
height: 260px;
padding: 80px 0px;
}
.body-4-center .body-4-1{
width: 280px;
height: 260px;
float: left;
border-right: 1px solid #e0e0e0;
}
.body-4-center .body-4-1 .body-4-1-p1{
text-align: left;
color: #000;
font-size: 50px;
font-weight: 700;
font-family: Impact;
}
.body-4-center .body-4-1 .body-4-1-p2{
text-align: left;
color: #be131b;
font-size: 30px;
font-weight: 700;
font-family: Impact;
}
.body-4-center .body-4-1 .body-4-1-p3{
width: 60px;
height: 2px;
background: #000;
margin: 10px 0px 30px;
}
.body-4-center .body-4-1 .body-4-1-p4{
text-align: left;
color: #000;
font-size: 28px;
}
.body-4-center .body-4-1 .body-4-1-p5{
width: 51px;
height: 51px;
margin-top: 32px;
}
.body-4-center .body-4-1 .body-4-1-p5 button{
width: 51px;
height: 51px;
background: url(../image/21.png)no-repeat;
border: none;
cursor: pointer;
outline: none;
opacity: 1;
}
.body-4-center .body-4-1 .body-4-1-p5 button:hover{
opacity: .8;
}
.body-4-2,.body-4-3{
width: 425px;
height: 260px;
float: left;
}
#swiper4{
width: 850px;
height: 260px;
float: left;
margin-left: 30px;
}
.body-4-2{
background: url(../image/23.png) no-repeat;
background-size: 100% 100%;
}
.body-4-3{
background: url(../image/22.png) no-repeat;
background-size: 100% 100%;
}
.body-5{
width: 100%;
min-width: 1200px;
max-width: 1920px;
overflow: hidden;
border-top: 1px solid #e0e0e0;
}
.body-5-center{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.body-5-1{
margin-top: 30px;
font-size: 34px;
color: #000;
font-weight: 400;
text-align: center;
}
.body-5-1 span{
color: #be131b;
font-weight: 700;
}
.body-5-2{
margin-top: 20px;
color: #666666;
text-align: center;
font-size: 15px;
}
.body-5-3{
margin-top: 12px;
color: #666666;
text-align: center;
}
.body-5-4{
width: 100%;
height: 590px;
margin-top: 50px;
position: relative;
}
.body-5-4-left{
width: 911px;
height: 565px;
}
.body-5-4-right{
width: 330px;
height: 405px;
position: absolute;
right: 0px;
bottom:135px;
z-index: 2;
}
.body-5-4-right-1{
width: 91px;
height: 45px;
background: url(../image/25.png) no-repeat;
background-size: 100%;
}
.body-5-4-right-2{
width: 280px;
height: 280px;
background: #be131b;
padding: 60px 25px 20px;
}
.body-5-4-right-2-p1{
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
background:#000;
}
.body-5-4-right-2-p2{
width: 100%;
margin: 30px 0px 33px;
font-size: 14px;
line-height: 25px;
height: 75px;
overflow: hidden;
}
.body-bottom-4-left-button{
text-align: center;
}
.body-bottom-4-left-button button{
padding: 10px 20px;
background: rgba(0,0,0,0);
border:1px solid #fff;
color: #fff;
font-size: 14px;
}
.body-bottom-4-left-button button:hover{
color: #000;
}
.body-5-4-right-2-p3{
width: 100%;
border-bottom: 1px solid #a10a13;
margin-top: 24px;
}
.body-5-4-right-2-p4{
position: relative;
width: 100%;
height: 55px;
margin: 0 auto;
border-top: 1px solid #e81b20;
line-height: 55px;
text-align: center;
}
.body-5-4-right-2-p4 ul{
width: 60px;
float: left;
}
.body-5-4-right-2-p4 ul span{
float: left;
height: 5px;
line-height: 5px;
font-size: 15px;
padding: 0px 5px;
margin:27.5px 0px;
}
.body-5-4-right-2-p4 ul span{
width: 5px;
height: 5px;
display: block;
background: #fff!important;
border-radius: 50%;
}
.body-5-4-right-2-p4 .my-bullet-active{
background: #fff!important;
opacity: 1;
margin:0px 5px;
}
.body-5-4-right-2-p4-1{
width: 80px;
height: 60px;
margin:0 auto;
}
.swiper-pagination-bullet{
opacity: .5!important;
background: #fff!important;
}
.swiper-pagination-bullet-active{
opacity: 1!important;
background: #fff!important;
}
#swiper5r .swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 12px;
}
.swiper-pagination1 {
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 10;
}
.body-5-4-right-2-p4 ul li .active{
width: 15px;
height: 15px;
border:1px solid #fff;
border-radius: 50%;
}
.body-5-4-right-2-p4 .next{
background: url(../image/26.png) no-repeat center center;
width: 10px;
height: 15px;
background-size: 50%;
float: left;
margin: 0px;
}
.body-5-4-right-2-p4 .pre{
background: url(../image/27.png) no-repeat center center;
width: 10px;
background-size: 50%;
height: 15px;
float: left;
margin: 0px;
}
.body-6{
width: 100%;
min-width: 1200px;
max-width: 1920px;
height: 240px;
margin: 0 auto;
background: url(../image/28.png) no-repeat;
background-size: 100% 100%;
}
.body-6-center{
width: 1200px;
margin: 0 auto;
height: 240px;
}
.body-6-top{
width: 350px;
height: 77px;
padding-top: 60px;
}
.body-6-top-1{
width: 65px;
height: 65px;
line-height: 65px;
text-align: center;
float: left;
font-size: 63px;
font-weight: 700;
color: #f7e100;
margin-right: 5px;
}
.body-6-top-2{
width: 190px;
font-size: 38px;
color: #f7e100;
height: 38px;
font-weight: 700;
line-height: 38px;
float: left;
}
.body-6-top-3{
width: 270px;
height: 20px;
float: left;
line-height: 20px;
font-size: 20px;
color: #fff;
margin-top:10px;
}
.body-6-1{
margin-top: 8px;
font-size: 14px;
color: #fff;
}
.body-6-2{
height: 36px;
width: 630px;
margin-top: 20px;
}
.body-6-2 .body-6-2-1{
padding: 10px 25px;
color: #fff;
background: #252525;
float: left;
width: 64px;
height: 16px;
font-size: 16px;
line-height: 16px;
}
.body-6-2 .body-6-2-2{
width: 500px;
height: 36px;
line-height: 36px;
float: left;
}
.body-6-2 .body-6-2-2 .body-6-2-2-1{
width: 34px;
height:28px;
background: url(../image/29.png) no-repeat;
background-size: 100%;
float: left;
margin:0px 18px;
margin-top: 3px;
}
.body-6-2 .body-6-2-2 .body-6-2-2-2{
color: #fff;
font-family: Arial;
font-size: 25px;
}
.body-7{
width: 100%;
min-width: 1200px;
max-width: 1920px;
overflow: hidden;
}
.body-7-center{
width: 1200px;
overflow: hidden;
margin: 0 auto;
}
.body-7-1{
width: 1200px;
overflow: hidden;
margin-top: 40px;
}
.body-7-1-left{
width: 680px;
height: 490px;
float: left;
}
.body-7-1 nav{
width: 100%;
height: 43px;
background: #252525;
}
.body-7-1 nav .nav-left{
color: #fff;
float: left;
padding: 11px 27px;
}
.body-7-1 nav .nav-right{
color: #fff;
float: right;
padding: 11px 27px;
}
.body-7-1-right{
width: 466px;
height: 490px;
float: right;
}
.body-7-1-bottom{
overflow: hidden;
width: 100%;
}
.body-7-1-bottom-img{
width: 260px;
height: 166px;
background: url(../image/30.png) no-repeat;
background-size: 100%;
float: left;
}
.body-7-1-bottom-text{
width: 388px;
height: 140px;
float: left;
padding-left: 30px;
padding-top: 26px
}
.body-7-1-bottom-text .body-7-1-bottom-text-p1{
color: #333333;
font-size: 18px;
}
.body-7-1-bottom-text .body-7-1-bottom-text-p2{
color: #666666;
margin-top: 20px;
}
.nav-button{
width: 50px;
height: 15px;
line-height: 15px;
padding: 10px 15px;
background: #9f1016;
color: #fff;
margin-top: 18px;
font-size: 15px;
cursor: pointer;
}
.nav-button:hover{
box-shadow: 6px 8px 9px #cecece;
transform: translateY(-3px);
}
.body-7-1-ul{
height: 170px;
width: 100%;
margin-top: 20px;
}
.body-7-1-ul li{
padding: 22px 0px 7px;
height: 21px;
border-bottom:1px solid #ebebeb;
}
.body-7-1-ul li:hover .li-left{
color: #9f1016;
}
.body-7-1-ul li:hover .li-right{
color: #9f1016;
}
.body-7-1-ul li:hover .span1{
border:1px solid #9f1016;
}
.li-left{
float: left;
color: #333;
}
.li-right{
float: right;
color: #333;
}
.li-left span{
width: 7px;
height: 7px;
border-radius: 50%;
border:1px solid #bcbcbc;
display: block;
float: left;
margin: 7px 0px;
margin-right: 10px;
}
.body-7-1-right-ul{
width: 420px;
height: 290px;
overflow: hidden;
padding: 25px;
background:#f9f9f9;
}
.body-7-1-right-ul li{
padding: 13px 0px;
height: 21px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.body-7-1-right-ul li .li-left{
width: 370px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.body-7-1-right-ul li:hover .li-right{
color: #9f1016;
}
.body-7-1-right-ul li:hover .li-left{
color: #9f1016;
}
.body-7-1-right-ul li:hover .li-left span{
border:1px solid #9f1016;
}
.body-7-1-right-ul li:hover .span2{
background:#9f1016 url(../image/54.png) no-repeat center center;
}
.li-right span{
width: 18px;
height: 18px;
border-radius: 50%;
display: block;
background:#e6e6e6 url(../image/下拉.png) no-repeat center center;
}
footer{
width: 100%;
min-width: 1200px;
max-width: 1920px;
background: #252525;
overflow: hidden;
}
.footer-center{
width: 1200px;
overflow: hidden;
background: url(../image/55.png) no-repeat center center;
margin:0 auto;
}
.footer-center-top{
width: 100%;
height: 330px;
border-bottom: 1px solid #484848;
}
.footer-center-top .footer-center-top-1{
float: left;
width: 135px;
height: 155px;
margin: 70px 0px 80px;
}
.footer-center-top-1-p1{
font-size: 24px;
font-weight: 700;
text-align: left;
margin-left: 20px;
color: #fff;
}
.footer-center-top-1-p2{
color: #6c6c6c;
text-align: left;
margin:15px 0px 0px;
font-size: 14px;
margin-left: 20px;
}
.footer-center-top-1-p3{
text-align: left;
color: #9f1016;
margin-left: 20px;
font-weight: 700;
}
.footer-center-top-2{
overflow: hidden;
float: left;
width: 200px;
margin-top: 60px;
}
.footer-center-top-2 li{
width: 60px;
height: 15px;
padding: 10px 20px;
font-size: 14px;
line-height: 15px;
float: left;
}
.footer-center-top-2 li:hover a{
color: #fff;
}
.footer-center-top-2 li a{
color: #757575;
}
.footer-center-top-3{
width: 410px;
overflow: hidden;
float: left;
margin-left: 145px;
margin-top: 70px;
}
.footer-center-top-3-xian{
width: 100%;
overflow: hidden;
border-bottom:1px solid #505050;
}
.footer-center-top-3-xian1{
width: 90px;
border:2px solid #fff;
}
.footer-center-top-3-p1,.footer-center-top-3-p3{
margin-top: 20px;
font-size: 15px;
color: #cccccc;
}
.footer-center-top-3-p4{
margin-top: 15px;
font-size: 14px;
color: #9f9f9f;
}
.footer-center-top-3-p2{
margin-top: 20px;
font-size: 34px;
font-family: Arial;
color: #fff;
}
.footer-center-top-4{
width: 186px;
height: 155px;
float: right;
margin-top: 70px;
}
.footer-center-top-4 p{
margin-top: 30px;
text-align: center;
font-size: 14px;
color: #cccccc;
}
.footer-center-top-4-img{
width: 124px;
height: 124px;
background:url(../image/32.png)no-repeat;
background-size: 100%;
margin: 0 auto;
}
.footer-center-bottom1-span1{
width: 18px;
height: 20px;
margin:20px 10px;
background-size: 100%;
background:url(../image/48.png) no-repeat;
display: inline-block;
float: left;
}
.footer-center-bottom1-span2{
width: 50px;
height: 12px;
margin:24px 10px;
background-size: 100%;
background:url(../image/49.png) no-repeat;
display: inline-block;
float: left;
}
.footer-center-bottom1 div{
float: left;
font-size: 14px;
}
.footer-center-bottom{
width: 100%;
height: 60px;
line-height: 60px;
color: #9f9f9f;
text-align: center;
}
.footer-center-bottom1{
width: 800px;
height: 60px;
line-height: 60px;
color: #9f9f9f;
text-align: center;
margin: 0 auto;
}
.body-8{
width: 100%;
background: url(../image/page-bg.jpg) repeat-y center;
}
.body-8-1,.body-8-2{
width: 1200px;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.body-8 .body-8-1-left,.body-8 .body-8-2-left{
width: 275px;
overflow:hidden;
background: #f9f9f9;
float: left;
padding-bottom: 50px;
}
.body-8 .body-8-1-right,.body-8 .body-8-2-right{
overflow:hidden;
width: 925px;
background: #fff;
float: left;
}
.body-8-1-left-center{
width: 275px;
float: right;
}
#swiper2{
margin-top: 20px;
}
.body-8-1-left-center p,.body-8-2-left-center p,.body-8-3-left-center p{
width: 100%;
margin-top:50px;
text-align: center;
color: #5b5b5b;
font-weight: 900;
font-size: 22px;
}
.body-8-2-left-center{
width: 275px;
float: right;
}
.body-8-3-left-center{
width: 275px;
float: right;
}
.body-8-1-right-center{
width: 925px;
float: left;
}
.body-8-2-right-center{
width: 925px;
float: left;
}
.body-8-4-right-center{
width: 925px;
height: 770px;
float: left;
}
.body-8-4-right-center-1{
width: 850px;
height: 570px;
overflow: hidden;
}
.body-8-4-right-center-ll{
width: 925px;
height: 570px;
overflow: hidden;
}
.body-8-1-right-center-3{
margin-top: 75px;
margin-left: 75px;
width: 850px;
overflow: hidden;
}
.body-8-2-right-center-3 {
margin-top: 75px;
margin-left: 75px;
width: 850px;
min-height: 700px;
overflow: hidden;
}
.body-8-1-right-center-3-p1{
text-align: center;
width: 100%;
font-weight: 700;
font-size: 20px;
color: #333333;
}
.body-8-1-right-center-3-p2{
text-align: center;
width: 100%;
font-weight: normal;
margin-top:20px;
margin-bottom: 30px;
color: #666666;
padding-bottom: 27px;
border-bottom: 1px solid #d2d4d3;
}
p[style=text-a]{
margin-bottom: 20px;
text-align: center;
}
p[style=text-a] img{
max-width: 100%;
}
.body-8-1-right-center-3-p3{
width: 668px;
height: 413px;
margin:32px 91px 0px 92px;
}
.body-8-1-right-center-3-p3 img{
width: 100%;
height: 100%;
}
.body-8-1-right-center-ul1{
margin-top: 75px;
margin-left: 75px;
width: 850px;
height: 690px;
overflow: hidden;
}
.body-8-1-right-center-ul1 li{
width: 416px;
height: 310px;
float: left;
cursor: pointer;
}
.body-8-1-right-center-1{
width: 416px;
height: 257px;
background: url(../image/34.png) no-repeat;
background-size: 100%;
float: left;
}
.body-8-1-right-center-ul1 li:hover .body-8-1-right-center-2{
background: #be131b;
}
.body-8-1-right-center-ul1 li:hover .body-8-1-right-center-2-left{
color: #fff;
}
.body-8-1-right-center-ul1 li:hover .body-8-1-right-center-2-right{
color: #fff;
}
.body-8-1-right-center-ul1 .body-8-1-right-center-2{
width: 416px;
height: 50px;
float: left;
background: #f9f9f9;
}
.body-8-1-right-center-2 .body-8-1-right-center-2-left{
float: left;
display: inline-block;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: center;
margin-left: 20px;
color: #333333;
}
.body-8-1-right-center-2 .body-8-1-right-center-2-right{
float: right;
display: inline-block;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: center;
margin-right: 20px;
color: #333333;
}
.body-8-1-right-center-ul1 li:nth-child(odd){
margin-right: 8px;
margin-bottom: 30px;
}
.body-8-1-right-center-ul1 li:nth-child(even){
margin-left: 8px;
margin-bottom: 30px;
}
.body-8-1-right-center-ul2{
margin-top: 70px;
width: 100%;
height: 30px;
}
.body-8-1-right-center-ul2-pre,.body-8-1-right-center-ul2-dre{
display: inline-block;
float: right;
width: 37px;
height: 12px;
font-size: 12px;
padding: 10px 20px;
line-height: 12px;
background: #eeeeee;
cursor: pointer;
margin-right: 5px;
}
.body-8-1-right-center-ul2 .body-8-1-right-center-ul2-pre:hover{
background: #be131b;
color: #fff;
}
.body-8-1-right-center-ul2 .body-8-1-right-center-ul2-dre:hover{
background: #be131b;
color: #fff;
}
.body-8-1-right-center-ul2 li{
/*float: right;*/
/*padding: 10px;*/
/*width: 10px;*/
/*height: 10px;*/
/*line-height: 30px;*/
text-align: center;
background: #eeeeee;
margin-right:5px;
}
.body-8-1-right-center-ul2 li a,
.body-8-1-right-center-ul2 li span{
padding: 0 10px;
line-height: 30px;
}
.body-8-1-right-center-ul2 li:hover{
background: #be131b;
color: #fff;
}
.body-8-1-right-center-ul2 .activeli{
background: #be131b;
color: #fff;
}
.body-8-1-right-center-2-p4{
margin-top:40px;
margin-bottom: 100px;
}
.body-8-1-right-center-2-p4 li{
margin-top: 10px;
cursor: pointer;
}
.body-8-1-right-center-2-p4 li:hover{
color: #be131b;
}
.body-8-1-right-center-4{
position: relative;
margin-top: 75px;
margin-left: 75px;
width: 850px;
height: 120px;
/*background: #f7f7f7;*/
border-bottom: 1px solid #ebebeb;
}
.body-8-1-right-center-4-input{
width: 790px;
height: 30px;
padding: 20px 30px;
background: #f7f7f7;
font-family: "微软雅黑";
}
.serch-btn{
position: absolute;
right: 0;
top: 0;
width: 65px;
height: 70px;
background: url(../image/search.png) no-repeat center;
cursor: pointer;
outline: none;
border: none;
}
.body-8-1-right-center-5{
width: 850px;
margin-left: 70px;
overflow: hidden;
}
.body-8-1-right-center-5 li{
width: 100%;
height: 50px;
padding:30px 0px;
border-bottom: 1px solid #ebebeb;
cursor: pointer;
}
.body-8-1-right-center-5 li a{
width: 100%;
overflow: hidden;
display: block;
font-weight: 400;
}
.body-8-1-right-center-5-left{
float: left;
color: #333333;
font-size: 14px;
}
.body-8-1-right-center-5-right{
float: right;
color: #757575;
font-size: 14px;
}
.body-8-1-right-center-5 p{
clear: both;
padding-top:10px;
color: #757575;
font-size: 14px;
}
.body-8-1-left-center-ul{
width: 275px;
overflow: hidden;
margin-top: 50px;
}
.body-8-1-left-center-ul li{
width: 210px;
line-height: 45px;
background: #f9f9f9;
color: #333333;
}
.body-8-1-left-center-ul .active{
background:#be131b;
}
.body-8-1-left-center-ul .active a{
color: #fff;
}
.body-8-1-left-center-ul li:hover{
color: #fff;
background:#be131b;
}
.body-8-1-left-center-ul li:hover a{
color: #fff;
}
.body-8-1-left-center-ul li a{
display: block;
padding-left: 115px;
color: #333333;
font-size: 16px;
}
#swiper2{
width: 225px;
height: 180px;
margin-right: 46px;
overflow: hidden;
}
#swiper2 .swiper-slide{
width: 100%;
background: #f4f4f4;
text-align: center;
}
#swiper2 .swiper-slide img{
width: 211px;
height: 144px; }
#swiper2 .swiper-pagination-bullet{
opacity: .7!important;
background: #be131b!important;
}
#swiper2 .swiper-pagination-bullet-active{
opacity: 1!important;
background: #be131b!important;
}
.body-8-1-left-center-ul .swiper-container1 .swiper-pagination1{
bottom: 0px;
}
.body-8-1-right1{
margin-top: 75px;
margin-left: 75px;
width: 850px;
overflow: hidden;
}
.body-8-1-right2{
margin-top: 75px;
margin-left: 75px;
width: 850px;
height: 990px;
overflow: hidden;
}
.body-8-2-right2{
margin-top: 75px;
margin-left: 75px;
width: 850px;
height: 870px;
overflow: hidden;
}
.body-8-1-right3{
margin-top: 75px;
margin-left: 75px;
width: 850px;
height: 990px;
overflow: hidden;
display: block;
}
.body-8-3-right3 {
margin-top: 75px;
margin-left: 75px;
width: 850px;
height: 870px;
overflow: hidden;
display: block;
}
.body-8-1-right1-1{
color: #be131b;
font-size: 22px;
}
.body-8-1-right1-1 span{
color: #adadad;
font-size: 16px;
}
.body-8-1-right1-2{
text-indent:2em;
margin-top: 40px;
color: #333333;
overflow: hidden;
line-height: 36px;
font-size: 14px;
}
.body-8-1-right1-3{
margin-top: 40px;
width: 100%;
overflow: hidden;
}
.body-8-1-right1-3-left{
width: 590px;
height: 210px;
background: url(../image/35.png) no-repeat;
background-size: 100%;
float: left;
}
.body-8-1-right1-3-right{
width: 250px;
height: 210px;
background: url(../image/36.png) no-repeat;
background-size: 100%;
float: right;
}
.body-8-1-right1-4{
width: 100%;
height: 355px;
overflow: hidden;
}
.body-8-1-right1-4-li{
width: 32%;
height: 335px;
float: left;
}
.body-8-1-right1-4-li a{
width: 100%;
display: inline-block;
overflow: hidden;
}
.body-8-1-right1-4-li-1{
width: 110px;
height: 110px;
background: #be131b;
border-radius: 50%;
margin:0 auto;
margin-top: 46px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
animation: sonarEffect 1.3s ease-out 75ms;
}
.body-8-1-right1-4-li-2{
text-align: center;
color: #be131b;
margin-top: 24px;
font-size: 16px;
}
.body-8-1-right1-4-li-3{
color: #333333;
text-align: center;
margin:0px 30px;
line-height: 30px;
margin-top: 28px;
font-weight: 400;
font-size: 14px;
}
.body-8-1-right2-ul{
width: 872px;
margin-left: -10px;
margin-right: -9px;
overflow:hidden;
}
.body-8-1-right2-ul li{
width: 198px;
float: left;
margin-left:10px;
margin-right: 10px;
margin-bottom: 10px;
cursor:pointer;
}
.body-8-1-right2-ul li:hover p{
color: #be131b;
}
.body-8-1-right2-ul li div{
width: 198px;
height: 126px;
}
.body-8-1-right2-ul li div img{
width: 100%;
height: 100%;
}
.body-8-1-right2-ul li p{
width: 200px;
height: 50px;
line-height: 50px;
color: #333333;
text-align: center;
}
.body-8-1-right-center-ul2{
margin-top: 66px;
}
.body-8-1-right3-ul{
width: 100%;
overflow: hidden;
}
.body-8-1-right3-ul li{
width: 415px;
height: 350px;
margin-bottom: 10px;
float: left;
}
.body-8-1-right3-ul li:hover .body-8-1-right3-ul-p1{
color: #be131b;
}
.body-8-1-right3-ul li div{
overflow: hidden;
width: 100%;
height: 280px;
}
.body-8-1-right3-ul li img{
width: 100%;
height: 280px;
background:#f9f9f9;
}
.body-8-1-right3-ul li p{
width: 100%;
height: 80px;
line-height: 80px;
text-align: center;
color: #666666;
}
.body-8-1-right3-ul li:nth-child(odd){
margin-right:10px;
}
.body-8-1-right3-ul li:nth-child(even){
margin-left:10px;
}
.body-8-1-rightH{
margin-top: 75px;
margin-left: 75px;
width: 850px;
overflow: hidden;
display: block;
}
.body-8-1-rightH-center-5{
width: 100%;
overflow: hidden;
}
.body-8-1-rightH-center-5 li{
width: 100%;
height: 70px;
line-height: 70px;
border-bottom:1px solid #ebebeb;
}
.body-8-1-rightH-center-5 li:hover{
color: #be131b;
}
.body-8-1-rightH-center-5 li:hover .body-8-1-rightH-center-5-right{
background: url(../image/42.png) no-repeat;
}
.body-8-1-rightH-center-5-span{
width: 8px;
height: 8px;
border-radius: 50%;
display: block;
float: left;
border:1px solid #be131b;
margin-top: 30px;
margin-right: 20px;
}
.body-8-1-rightH-center-5-left{
float: left;
margin-left: 20px;
}
.body-8-1-rightH-center-5-right{
float: right;
width: 30px;
height: 26px;
background: url(../image/43.png) no-repeat;
background-size: 100% 100%;
margin-top: 22px;
}
.body-8-1-right-H{
margin-top: 75px;
margin-left: 75px;
width: 850px;
overflow: hidden;
display: block;
padding-bottom: 30px;
border-bottom: 1px solid #ebebeb;
}
.body-8-1-right-centerK{
margin-top: 75px;
margin-left: 75px;
width: 850px;
overflow: hidden;
display: block;
}
.body-8-1-right-centerK .body-8-1-right-centerK-p1{
text-align: center;
font-weight: 900;
color: #333333;
}
.body-8-1-right-centerK-p2{
text-align: center;
color: #666666;
overflow: hidden;
clear: both;
width: 500px;
margin:22px auto;
}
.body-8-1-right-centerK-p2-1,.body-8-1-right-centerK-p2-2{
float: left;
}
.body-8-1-right-centerK-p2-2 a{
color: #666;
cursor: pointer;
}
.body-8-1-right-centerK-p3{
text-align: left;
text-indent:2rem;
color: #333333;
line-height: 26px;
}
.body-8-1-right-Qualifications{
margin-top: 75px;
margin-left: 75px;
width: 850px;
overflow: hidden;
display: block;
}
.body-8-1-right-Qualifications-ul{
width: 850px;
overflow: hidden;
}
.body-8-1-right-Qualifications-ul li{
margin-left: 10px;
width: 270px;
height: 240px;
overflow: hidden;
float: left;
margin-bottom: 20px;
}
.body-8-1-right-Qualifications-ul li:hover p{
color:#be131b;
}
.body-8-1-right-Qualifications-ul li img{
width: 100%;
height: 178px;
}
.body-8-1-right-Qualifications-ul p{
text-align: center;
color:#333333;
margin-top: 10px;
}
.body-8-6-right-center{
margin-top: 75px;
margin-left: 75px;
width: 850px;
overflow: hidden;
display: block;
}
.body-8-6-right-center-2,.body-8-6-right-center-3{
width: 100%;
overflow: hidden;
}
.body-8-6-right-center-3{
height: 460px;
background: #666666;
margin-top:50px;
}
.body-8-6-right-center-2-top,.body-8-6-right-center-2-bottom{
width: 100%;
height: 40px;
line-height: 40px;
}
.body-8-6-right-center-2-top .body-8-6-right-center-2-top-l{
width: 250px;
height: 40px;
float: left;
}
.body-8-6-right-center-2-top .body-8-6-right-center-2-top-r{
width: 260px;
height: 40px;
float: left;
margin-left:75px;
}
.Contact-span{
width: 21px;
height: 21px;
margin: 9.5px 0px;
display: block;
float: left;
}
.iphone{
background: url(../image/45.png)no-repeat;
background-size: 100% 100%;
}
.youxiang{
width: 25px;
height: 18px;
margin: 11px 0px;
display: block;
background: url(../image/44.png)no-repeat;
background-size: 100% 100%;
}
.play{
width: 18px;
height: 24px;
margin: 8px 0px;
display: block;
background: url(../image/46.png)no-repeat;
background-size: 100% 100%;
}
.Contact-p{
margin-left:20px;
height: 40px;
line-height: 40px;
float: left;
}
.div-bottom{
width: 1200px;
overflow: hidden;
margin: 0 auto;
position: absolute;
bottom:360px;
height: 70px;
line-height: 70px;
background: #9f1016;
left: 50%;
margin-left: -600px;
}
.div-bottom-left{
width: 240px;
float: left;
border-right: 1px solid #bf2930;
}
.div-bottom-left-span1{
width: 30px;
height: 30px;
background: url(../image/47.png) no-repeat;
background-size: 100%;
float: left;
margin:20px 0px;
margin-left: 50px;
margin-right: 15px;
}
.div-bottom-left-span2{
color: #fff;
font-size: 20px;
}
.div-bottom-right-span1{
color: #fff;
margin-left: 40px;
float: left;
}
.div-bottom-right-span2{
color: #fff;
margin-left: 50px;
float: left;
}
.page {
/*margin-left: 428px;*/
padding-right: 0px;
/* width: 885px; */
height: 31px;
float: left;
text-align: center;
margin-bottom: 60px;
}
.div-bottom-right-span2{}
#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
.page1{margin-left: 551px;
padding-right: 0px;
width: 385px;
height: 31px;
float: left;}
.page li{
display: inline-block;
color: #666;}
.page li a{ color:#666;
display: block;
}
.page li a:hover{ color:#ffffff;}
.body-8-1-right-Qualifications-ul-img{
padding: 5px;
border-radius: 4px;
}
/*}*/
/* @media screen and (min-width: 768px) and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
}*/