@charset "utf-8";
body,html{
overflow-x: hidden;
margin: 0;
padding: 0;
scroll-behavior: smooth;
}
body{
font-family: '微软雅黑';
width: 100%;
position: relative;
}
a{
cursor: pointer;
text-decoration: none;
}
a:hover{
text-decoration: none;
}
h1,h2,h3,h3,h5,h6{
overflow: hidden;
}
/* header */
.beforehead{
width: 100%;
font-size: 14px;
background: #f2f2f2;
padding: 8px 0;
color: #999999;
}
.welcome{
float: left;
}
.beforeheadul{
float: right;
margin-bottom: 0;
}
.beforeheadul li{
display: inline-block;
padding: 0 10px;
}
@media (max-width:634px){
.welcome{
display: none;
float: none;
}
/*.beforeheadul{*/
/* float: none;*/
/* margin-bottom: 0;*/
/* padding-left: 0;*/
/*}*/
/*.beforeheadul li{*/
/* display: inline-block;*/
/* padding-left: 0;*/
/*}*/
}
.beforeheadul li a{
color: #999999;
}
.logohang{
padding-top: 17px;
padding-bottom: 17px;
}
.logobox{
float: left;
width: 46%;
}
.logobox a{
display: inline-block;
}
.logobox a img{
width: 100%;
}
@media (max-width:565px){
.logobox{
width: 70%;
}
.logobox a img{
width: 100%;
}
}
.phoneandjijia{
float: right;
height: 100px;
}
.phone{
display: inline-block;
text-align: right;
}
.phone h3{
font-size: 17.95px;
color: #333333;
margin-bottom: 0;
}
.phone h3 span{
font-size: 23.94px;
color: #0526b3;
font-weight: bold;
margin-left: 8px;
}
.phone p{
font-size: 13.96px;
color: #666666;
}
.onlinepricing{
display: inline-block;
position: relative;
top: -22px;
margin-left: 10px;
}
.onlinepricing a{
display: inline-block;
}
.navbox{
width: 100%;
clear: both;
background: #24b5e3;
}
.navbox ul{
list-style: none;
padding-left: 0;
margin-bottom: 0px;
}
.navbox ul li{
display: inline-block;
font-size: 15px;
height: 52px;
line-height: 52px;
width: 100px;
text-align: center;
}
.navbox ul li a{
color: #fff;
}
.navbox ul li:hover{
background: #fff;
}
.navbox ul li.on{
background: #fff;
}
.navbox ul li:hover a{
color: #333333;
text-decoration: none;
}
.navbox ul li.on a{
color: #333333;
text-decoration: none;
}
header .menu_btn{
float: left;
}
header .menu_btn{
width: 40px;
height: 40px;
background: #e9eaea url(../img/icon_menu.png) no-repeat center;
margin-left: 5px;
margin-top: 25px;
cursor: pointer;
transition:all 0.3s;
display: none;
}
header .menu_btn:hover{
background-color: #e60013;
}
.site_map{
width: 360px;
position: fixed;
z-index: 99;
top: 0px;
bottom: 0;
right: 0;
background: #30395f;
padding-left: 35px;
padding-top: 35px;
color: #fff;
right: -100%;
transition:all 0.6s;
opacity: 0;
}
.site_map.on{
right: 0;
opacity: 1;
}
.site_map .close_side{
width: 28px;
height: 29px;
outline: none;
border:none;
background: url(../img/side-close.png) no-repeat;
position: absolute;
right: 20px;
}
.site_map h1{
font-size: 18px;
padding-top: 20px;
padding-bottom: 10px;
line-height: 20px;
margin-bottom: 10px;
}
.site_map dl{
overflow: hidden;
margin-top: 30px;
width: 108px;
float: left;
height: 220px;
}
.site_map dt a{
font-size: 15px;
padding-bottom: 5px;
display: inline-block;
margin-bottom: 10px;
color: #fff;
}
.site_map dd a{
margin-right: 10px;
display: block;
margin-bottom: 8px;
font-size: 13px;
font-weight: 700;
color: #787f9d;
}
.site_map dd a:hover{
color: #eee;
}
@media (max-width:992px){
header .menu_btn{
float: right;
margin-top: 28px;
display: block;
}
.site_map{
padding: 15px;
}
.site_map h1{
display: none;
}
.site_map dl{
width: 100%;
float: none;
}
.site_map{
width: 80%;
overflow-y:scroll;
text-align: center;
}
.site_map dl{
height: auto;
}
}
@media (max-width:565px){
header .menu_btn{
margin-top: 0;
}
}
.banner{
width: 100%;
}
.banner .imgs{
position: relative;
height: 498.94px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width:1039px){
.banner .imgs{
height: 242.94px;
}
}
@media (max-width:565px){
.banner .imgs{
height: 142.94px;
}
}
.banner .imgs img{
width: 100%;
}
.inbannerwenzi{
position: absolute;
top: 15%;
right: 20%;
color: #fff;
}
.inbannerwenzi h1{
font-weight: bolder;
font-size: 69.17px;
}
.inbannerwenzi p{
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 40px;
}
.inbannerwenzi h3{
font-size: 26px;
font-weight: normal;
}
@media (max-width:1380px){
.inbannerwenzi h1{
font-size: 53.17px;
}
.inbannerwenzi h3{
font-size: 19px;
}
}
@media (max-width:1200px){
.navbox ul li{
width: 100px;
}
.inbannerwenzi h1{
font-size: 38.17px;
}
.inbannerwenzi p{
font-size: 12px;
margin-bottom: 10px;
}
.inbannerwenzi h3{
font-size: 16px;
margin-top: 0px;
}
}
@media (max-width:992px){
.navbox{
display: none;
}
}
@media (max-width:552px){
.inbannerwenzi h1 {
font-size: 13.17px;
}
}
/* header */
/* area1 */
.area1{
background: #fff;
padding: 10px 0 15px 0;
}
.innerarea1_1white{
background: #fff;
border:1px solid #e6e6e6;
padding: 30px 60px;
}
.areaul1{
padding-left: 0;
border-bottom:1px solid #e6e6e6;
list-style: none;
}
.areaul1 li{
display: inline-block;
font-size: 24px;
color: #666666;
font-weight: normal;
height: 60px;
line-height: 60px;
padding: 0 22.6px;
cursor: pointer;
}
.areaul1 li.on{
color: #0526b3;
border-bottom: 5px solid #0526b3;
}
.innerarea1_1white label{
font-size: 18px;
width: 90px;
font-weight: normal;
color: #333333;
vertical-align: middle;
}
.lamellarbox{
display: table;
margin-top: 15px;
}
.lamellarbox div{
display: inline-block;
width: 75px;
height: 35px;
background: #fcfcfc;
text-align: center;
font-size: 18px;
color: #333;
border:1px solid #e6e6e6;
line-height: 35px;
margin:0 3.2px;
cursor: pointer;
}
.lamellarbox div:nth-child(5){
margin-right: 0px;
}
.lamellarbox div.on{
border: 1px solid #0526b3;
}
.boardsize{
margin-top: 20px;
}
.boardsize div{
display: inline-block;
}
.boardsize div input{
background: #fcfcfc;
border:1px solid #e6e6e6;
width: 110px;
height: 35px;
outline: none;
}
.boardsize div span{
margin-left: 10px;
}
.boardnum{
margin-top: 20px;
}
.boardnum div{
display: inline-block;
}
.boardnum div input{
background: #fcfcfc;
border:1px solid #e6e6e6;
width: 338px;
height: 35px;
outline: none;
}
.submitbaojia{
background: url(../img/btnbg.png) no-repeat center center;
height: 52px;
width: 100%;
margin-top: 35px;
color: #fff;
font-size: 18px;
border: none;
border-radius: 5px;
background-size: cover;
}
.fwrxbox{
width: 100%;
margin-top: 20px;
}
.fwrxbox .fwrx{
float: left;
}
.fwrxbox .fwrx p{
font-size: 17.95px;
color: #333;
margin-bottom: 0;
}
.fwrxbox .fwrx h3{
color: #0526b3;
font-weight: 700;
margin: 0 auto;
font-size: 23.94px;
}
.zxzx{
float: right;
line-height: 51px;
}
.zxzx a{
display: block;
}
.innerarea1_2white{
background: #fff;
border:1px solid #e6e6e6;
padding: 30px 60px;
}
.areaul2{
list-style: none;
padding-left: 0px;
border-bottom:1px solid #e6e6e6;
}
.areaul2 li{
display: inline-block;
font-size: 24px;
color: #666666;
font-weight: normal;
height: 60px;
line-height: 60px;
margin: 0 58.6px;
}
.areaul2 li a{
color: #666666;
text-decoration: none;
}
.areaul2 li.on{
color: #0526b3;
border-bottom: 5px solid #0526b3;
}
.innerarea1_2white label{
font-size: 18px;
width: 90px;
font-weight: normal;
color: #333333;
vertical-align: middle;
}
.loginnum{
margin-top: 40px;
}
.loginnum input{
background: #fff;
border:1px solid #e6e6e6;
width: 338px;
height: 35px;
outline: none;
}
.loginpassword{
margin-top: 40px;
}
.loginpassword input{
background: #fff;
border:1px solid #e6e6e6;
width: 338px;
height: 35px;
outline: none;
}
.submitlogin{
background: url(../img/btnbg.png) no-repeat center center;
height: 52px;
width: 100%;
margin-top: 61px;
color: #fff;
font-size: 18px;
border: none;
border-radius: 5px;
background-size: cover;
}
.lijiregister{
background: #fcfcfc;
height: 52px;
width: 100%;
margin-top: 19px;
color: #fff;
font-size: 18px;
border: 1px solid #e6e6e6;
border-radius: 5px;
text-align: center;
line-height: 52px;
}
.lijiregister a{
display: block;
color: #333333;
font-size: 18px;
}
@media (max-width:1200px){
.lamellarbox div{
width: 51px;
}
.boardsize div input{
width: 65px;
}
.boardnum div input{
width: 223px;
}
.loginnum input{
width: 223px;
}
.loginpassword input{
width: 223px;
}
.areaul1 li{
font-size: 18px;
padding: 0 15.5px;
}
.areaul2 li{
font-size: 18px;
margin: 0 30.4px;
}
}
@media (max-width:992px){
.areaul1 li{
font-size: 18px;
padding: 0 10%;
}
.areaul2 li{
font-size: 18px;
margin: 0 18%;
}
.boardnum div{
width: 83%;
}
.boardnum div input {
width: 100%;
}
.boardsize div{
width: 83%;
}
.boardsize div input {
width: 40%;
}
.loginnum input {
width: 83%;
}
.loginpassword input {
width: 83%;
}
}
@media (max-width:762px){
.areaul1 li{
font-size: 18px;
padding: 0 4%;
}
.areaul2 li{
font-size: 18px;
margin: 0 4%;
}
.boardnum div{
width: 60%;
}
.boardnum div input {
width: 100%;
}
.boardsize div{
width: 60%;
}
.boardsize div input {
width: 19%;
}
.loginnum input {
width: 60%;
}
.loginpassword input {
width: 60%;
}
.loginpassword {
margin-top: 20px;
}
.submitlogin{
margin-top: 30px;
}
}
@media (max-width:516px){
.lamellarbox div {
width: 20px;
}
}
@media (max-width:495px){
.areaul1 li {
font-size: 14px;
padding: 0 1%;
}
.areaul2 li{
font-size: 14px;
margin: 0 4%;
}
.innerarea1_1white{
padding: 20px;
}
.innerarea1_2white{
padding: 20px;
}
.innerarea1_1white label{
font-size: 14px;
width: 70px;
}
.innerarea1_2white label{
font-size: 14px;
width: 70px;
}
.submitbaojia{
font-size: 14px;
}
.submitlogin{
font-size: 14px;
}
.lijiregister a{
font-size: 14px;
}
.zxzx{
float: none;
}
.boardsize div span{
font-size: 12px;
}
.boardsize div input {
width: 18%;
}
.area1 .col-md-6{
padding: 0;
}
.index_loginbox_new{
display: none;
}
.area1{
padding: 34px 0 20px 0;
}
}
/* area1 */
/* area2 */
.area2{
background: #fff;
padding: 50px 0;
}
.area2_head{
font-size: 30px;
color: #333333;
padding-left: 10px;
}
.area2_head span{
float: right;
}
.area2_head span a{
text-align: right;
font-size: 18px;
color: #333333;
}
.jqcjbox{
margin-top: 20px;
background: #fff;
border:1px solid #e6e6e6;
}
.jqcjtable{
width: 100%;
border:none;
background: #edf0f2;
font-size: 14px;
color: #333;
}
.jqcjtable tr td{
height: 45px;
line-height: 45px;
text-align: center;
width: 18.75%;
}
.jqcjtable tr td:nth-child(2){
width: 25%;
}
.gb_list{
height: 304px;
overflow: hidden;
}
.gb_list ul{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.gb_list ul li .lists{
width: 100%;
}
.gb_list ul li .lists div{
display: inline-block;
font-size: 14px;
color: #666666;
height: 37px;
line-height: 37px;
text-align: center;
width: 18%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.gb_list ul li .lists .qq2{
width: 25%;
}
.productbox{
margin-top: 20px;
}
.product-swiper .imgs{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 290px;
width: 100%;
}
.productname{
width: 100%;
text-align: center;
height: 60px;
line-height: 60px;
font-size: 18px;
background: #edf0f2;
border:1px solid #e6e6e6;
border-top: none;
}
.productname a{
color: #274496;
}
.product-button-next,.product-button-prev{
width: 65px;
height: 75px;
background-size: cover;
top:40%;
}
.product-button-next{
background-image: url(../img/next.png);
right: 0;
}
.product-button-prev{
background-image: url(../img/prev.png);
left: 0;
}
@media (max-width:1200px){
.gb_list ul li .lists div{
width: 17.1%;
}
}
@media (max-width:992px){
.gb_list ul li .lists div{
width: 18%;
}
}
@media (max-width:717px){
.gb_list ul li .lists div{
width: 17.1%;
}
}
@media (max-width:495px){
.area2 .col-md-7{
padding: 0;
}
.area2 .col-md-5{
padding: 0;
margin-top: 20px;
}
.area2{
padding: 20px 0;
}
}
/* area2 */
/* area3 */
.area3{
padding: 60px 0 55px 0;
background: url(../img/area3bg.jpg) no-repeat center center;
background-size: cover;
}
.area3leftbox{
padding-right: 15px;
}
.area3leftbox img{
width: 100%;
}
.area3rightbox h3{
font-size: 30px;
color: #333333;
margin: 40px 0;
}
.area3rightbox .p{
font-size: 14px;
color: #333333;
line-height: 25px;
height: 150px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.viewmoreaboutus{
background: #fff;
border:1px solid #44c1db;
width: 160px;
height: 30px;
border-radius: 30px;
text-align: center;
line-height: 30px;
font-size: 14px;
margin-top: 45px;
transition: all .3s;
}
.viewmoreaboutus a{
color: #333;
display: block;
text-decoration: none;
}
.viewmoreaboutus:hover{
background: #44c1db;
}
.viewmoreaboutus:hover a{
color: #fff;
}
@media (max-width:495px){
.area3 .col-md-6{
padding: 0;
}
}
/* area3 */
/* area4 */
.area4{
padding: 60px 0 70px 0;
/*background: url(../img/area4bg.png) no-repeat center center;*/
background-size: cover;
}
.area4headbox{
margin-bottom: 40px;
}
.area4head{
font-size: 30px;
color: #fff;
}
.area4leftbox{
position: relative;
padding-right: 15px;
height: 414.63px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.area4leftbox img{
width: 100%;
height: 100%;
}
.topnews{
position: absolute;
bottom: 0;
padding-right: 15px;
}
.topnewsin{
background: rgba(0,0,0,0.5);
width: 100%;
padding: 15px;
}
.topnewsin .intime{
color: #fff;
font-size: 16.01px;
margin-top: 5px;
}
.topnewsin a{
color: #fff;
font-size: 24.01px;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.area4rightul{
list-style: none;
padding-left: 0;
}
.area4rightul li{
background: #f2f5f8;
padding: 20px 15px;
margin-bottom: 19px;
}
.area4rightul li .time{
float: left;
width: 85px;
height: 85px;
background: #fff;
padding: 10px;
color: #274496;
text-align: center;
}
.area4rightul li .time p{
font-size: 14px;
margin-bottom: 5px;
}
.area4rightul li .time h2{
font-size: 36.01px;
margin: 0;
}
.area4rightul li .newscontent{
padding-left: 15px;
float: left;
width: 80%;
}
.area4rightul li .newscontent .newshead{
font-size: 20.01px;
height: 28px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px;
color: #666666;
}
.area4rightul li .newscontent .newsbody{
font-size: 14.01px;
color: #9c9c9c;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.viewmorenewsbox{
margin-top: 40px;
}
.viewmorenews{
margin: 0 auto;
}
@media (max-width:1200px){
.area4rightul li .newscontent{
width: 74%;
}
}
@media (max-width:992px){
.area4leftbox{
padding-right: 0;
}
.topnews{
padding-right: 0;
}
}
@media (max-width:495px){
.area4 .col-md-7{
padding: 0;
}
.area4 .col-md-5{
padding: 0;
}
.area4rightul li .newscontent {
width: 67%;
}
}
/* area4 */
/* footer */
footer{
background: #fff;
padding: 45px 0 20px 0;
-moz-box-shadow:0px -3px 10px #eaeaea;
-webkit-box-shadow:0px -3px 10px #eaeaea;
box-shadow:0px -3px 10px #eaeaea;
}
.footerhead{
margin-bottom: 35px;
}
.footerlogobox{
float: left;
}
.footerfwdh{
float: right;
background: url(../img/btnbg.png) no-repeat center center;
color: #fff;
font-weight: bold;
padding: 0 26px;
border-radius: 10px;
background-size: cover;
height: 50px;
}
.footerfwdh h3{
font-size: 30px;
margin: 0;
height: 50px;
line-height: 50px;
font-weight: bold;
}
.footerfwdh h3 span{
font-size: 18px;
margin-right: 10px;
}
.footerulhead{
font-size: 18.05px;
color: #4c4c4c;
font-weight: bold;
margin-bottom: 20px;
}
footer ul {
list-style: none;
padding-left: 0;
}
footer ul li{
height: 25px;
/*line-height: 25px;*/
/*height: 19px;*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 5px
}
footer ul li a{
text-decoration: none;
font-size: 14.02px;
color: #4c4c4c;
}
.erweibox{
text-align: center;
width: 13.67%;
}
.erweibox p{
font-size: 14px;
color: #4c4c4c;
margin-top: 20px;
}
.copyright{
color: #999999;
font-size: 14px;
margin-top: 15;
text-align: center;
}
footer .container .col-md-2:nth-child(4){
width: 15.67%;
}
footer .container .col-md-2:nth-child(5){
width: 14.67%;
}
footer .container .col-md-2:nth-child(6){
width: 21.67%;
}
@media (max-width:992px){
footer .container .col-md-2:nth-child(4){
width: 100%;
}
footer .container .col-md-2:nth-child(5){
width: 100%;
}
footer .container .col-md-2:nth-child(6){
width: 100%;
}
.erweibox{
width: 100%;
}
}
@media (max-width:565px){
.footerlogobox{
float: none;
width: 100%;
margin-bottom: 20px;
}
.footerlogobox img{
width: 100%;
}
.footerfwdh{
float: none;
width: 100%;
}
.footerfwdh h3{
font-size: 24px;
}
.footerulhead {
margin-bottom: 5px;
margin-top: 20px;
}
.erweibox{
margin-top: 20px;
}
.copyright{
margin-top: 0px;
}
}
/* footer */
/* register */
.registerbox{
width: 70%;
margin: 0 auto;
padding-top: 50px;
}
.register_head{
font-size: 23.99px;
font-weight: bold;
color: #333333;
border-bottom: 1px solid #e6e6e6;
height: 60px;
line-height: 60px;
}
.register_head label{
font-weight: normal;
font-size: 16px;
color: #333333;
float: right;
}
.register_head label a{
font-weight: bold;
color: #0526b3;
}
.register_body{
padding-top: 50px;
}
.btnbox button{
background: #e0e0e0;
border-radius: 5px;
border:none;
font-size: 17.99px;
margin-right: 20px;
width: 221px;
height: 54px;
margin-bottom: 10px;
}
.btnbox button a{
color: #666666;
display: block;
text-decoration: none;
}
.btnbox button.on{
background: url(../img/btnbg.png) no-repeat center center;
background-size:100% 100%;
-moz-box-shadow:0px 0px 20px #d6d8db;
-webkit-box-shadow:0px 0px 20px #d6d8db;
box-shadow:0px 0px 20px #d6d8db;
}
.btnbox button.on a{
color:#fff;
}
.register_messagebox{
margin: 20px 0;
}
.register_messagebox label{
font-weight: normal;
font-size: 17.98px;
color: #333;
width: 100px;
}
.register_messagebox input{
background: #fafafa;
border:1px solid #e6e6e6;
height: 40px;
margin-left: 15px;
}
.yzm{
margin-left: 15px;
width: 105px;
height: 35px;
}
.width25{
width: 25%;
}
.width40{
width: 40%;
}
.inred{
color: #bb0000;
}
.again{
height: 40px;
border-radius: 5px;
border:1px solid #e6e6e6;
width: 19%;
margin-left: 15px;
}
.agree{
margin: 40px 0;
}
.agree label{
font-size: 13.91px;
color: #666666;
font-weight: normal;
}
.ljzc{
background: url(../img/btnbg.png) no-repeat center center;
background-size:100% 100%;
padding: 10px 50px;
border-radius: 5px;
border:none;
font-size: 17.99px;
}
.ljzc a{
color: #fff;
}
.register_messagebox select{
background: #fafafa;
border:1px solid #e6e6e6;
height: 40px;
margin-left: 15px;
width: 18.9%;
}
.ingreen{
color: #008000;
}
@media (max-width:996px){
.registerbox{
width: 100%;
}
}
@media (max-width:439px){
.btnbox button{
font-size: 10.99px;
margin-right: 14px;
}
.register_messagebox label{
width: 81px;
font-size: 12.98px;
}
.again {
height: 40px;
border-radius: 5px;
border: 1px solid #e6e6e6;
width: 88%;
margin-left: 0px;
margin-top: 10px;
}
.register_messagebox input{
margin-left: 0;
}
}
/* register */
/* login */
.loginarea{
background: url(../img/loginbg.jpg) no-repeat center center;
background-size: cover;
}
@media (max-width:693px){
.loginarea{
background: url(../img/loginbg.jpg) no-repeat center right;
}
}
.loginbox{
float:right;
background: rgba(242,242,242,.8);
padding: 35px 50px;
border-radius: 10px;
margin-top: 10px;
}
.login_head{
font-size: 24px;
color: #333;
font-weight: bold;
}
.login_body{
margin-top: 40px;
}
.login_body p{
font-size: 18px;
color: #333;
}
.login_body input{
height: 40px;
margin-bottom: 20px;
}
.login_body p a{
float: right;
color: #0526b3;
}
.loginbtn{
background: url(../img/btnbg.png) no-repeat center center;
background-size:100% 100%;
padding: 10px 50px;
border-radius: 5px;
border:none;
font-size: 17.99px;
width: 338px;
margin-bottom: 10px;
}
.loginbtn a{
display: inline-block;
color: #fff;
}
.login_in p{
font-size: 16px
}
.login_in p a{
float: none;
}
@media (max-width:484px){
.loginbox{
float: none;
padding: 15px 10px;
}
.login_body input{
width: 100%;
}
.loginbtn{
width: 100%;
}
}
/* login */
/* ycsqbox */
.rightsq{
position: fixed;
right: 0;
bottom: 460px;
}
.rightsq div{
background: #fff;
width: 75px;
height: 75px;
text-align: center;
margin-bottom: 10px;
line-height: 80px;
transition: all .3s;
position: relative;
box-shadow: 0 0 10px #ccc;
}
.rightsq div:hover{
background: url(../img/rightsqhover.png) no-repeat center center;
background-size: cover;
}
.wxin{
position: absolute;
right: 122px;
top: -81px;
display: none;
}
.rightsq div:hover .wxin{
display: block;
}
@media (max-width:565px){
.rightsq{
display: none;
}
.site_map dt a {
padding-bottom: 0;
margin-bottom: 0;
}
}
/* ycsqbox */
#navigation .mainlevel { position:relative;/*IE6 only*/}
#navigation .mainlevel a:hover {
text-decoration:none;
background: #ffffff;
color: #24b5e3;
}
#navigation .mainlevel ul { z-index:9999; position:absolute;display: none; background:#24b5e3;}
#navigation .mainlevel li {padding:0px;float:left; /*IE6 only*/}
.clearfix {
clear: both;
}
.leftNav li.on a {
color: #0526b3;
background: #F5F7F9;
background-image: url(../img/lefton.jpg);
background-repeat: no-repeat;
background-position-x: 25px;
background-position-y: center;
}