@charset "utf-8";
html{font: 14px 'Microsoft Yahei';}
*{
margin: 0;
padding: 0;
border:medium none;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
body{
min-width: 1200px;
margin:0 auto;
}
a,img{border: 0;}
img{display: block;}
a{color: #333;text-decoration: none;}
a{transition: all 300ms ease-in-out;-webkit-transform: all 300ms ease-in-out;}
a:hover{text-decoration: none;}
li {list-style-type: none;}
.wrapper{width: 1200px;margin:0px auto;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.clear:after{display: block;content: " ";clear: both;}
h1,h2,h3,h4,h5{font-size: 100%;font-weight: normal;}
.over-flow{
overflow: auto;
zoom: 1; //处理兼容性问题
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom:1;
}
.swiper-pagination-bullet-active{
background: #248f47;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
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;
}
.banner{
width:100%;
}
.swiper-container1 img{
width:100%;
}
.swiper-slide{
width:100%;
}
/*toubu*/
.topbox{
}
.toubu{
height: 40px;
background: #f0f0f0;
}
.toubu .t-left{
float: left;
line-height: 40px;
font-size: 14px;
color:#666;
}
.toubu .t-right{
float: right;
position: relative;
}
.toubu .t-right.wx a.weixin{
position: relative;
z-index: 3;
}
.toubu .t-right.wx a.weixin img{
position: absolute;
width:110px;
top:31px;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
display: none;
}
.toubu .t-right.wx a.weixin:hover img{
display: block;
}
.t-right-fir{
display: inline-block;
font-size: 12px;
color:#8e8e8e;
line-height: 30px;
position: relative;
}
.t-right-fir:nth-child(2){
margin:0 18px;
}
.t-right-fir:nth-child(2):after{
display: block;
content:"";
position: absolute;
width:2px;
height: 10px;
background: url(../Image/toubu-bg2.png) no-repeat center;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left:-11px;
}
.t-right-fir:hover{
color:#fff;
}
.t-right-sec{
display: inline-block;
line-height: 40px;
margin-left: 25px;
font-size: 14px;
color:#666;
position: relative;
}
.t-right-sec:nth-child(1){
background: url(../Image/t1.png) no-repeat center left;
}
.t-right-sec:nth-child(1):after{
display: block;
content:"";
position: absolute;
right: -15px;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width:2px;
height: 15px;
background: #666;
}
.t-right-sec:nth-child(2){
background: url(../Image/t2.png) no-repeat center left;
}
.t-right-sec.weixin:hover{
}
.t-right .tel{
line-height: 40px;
font-size: 22px;
color:#fff;
padding-left: 28px;
background: url(../Image/tel.png) no-repeat center left;
margin-left: 26px;
}
/*top*/
.top{
width:1200px;
height:130px;
margin:0 auto;
position: relative;
}
.top-left{
position: absolute;
top:50%;
left:0px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-left a{
display: block;
}
.top-right{
position: absolute;
right:0;
top:50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
padding-left: 67px;
background: url(../Image/tel.png) no-repeat left center;
}
.right-tel,.right-text{
float: left;
}
.right-tel img{
margin-right:15px;
}
.right-text p:first-child{
font: 17px 'Microsoft YaHei';
color:#202020;
}
.right-text p:nth-child(2){
font: 30px 'Microsoft YaHei';
color:#202020;
}
.right-text p:nth-child(3){
font: 20px 'Microsoft YaHei';
color:#015ca1;
font-weight: 700;
}
.img-wrap{
float: left;
margin-right: 10px;
margin-top: 6px;
}
.wei-img-wrap{
margin-right: 0;
margin-left: 10px;
position: relative;
cursor: pointer;
}
.right-text{
float: left;
}
.top .list{
position: absolute;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right:0;
z-index: 99;
}
.top .list ul li{
float: left;
position: relative;
}
.top .list ul li a{
display: block;
font-size: 14px;
color:#8c8c8c;
}
.top .list ul li a img{
margin:0 auto;
width: 60px;
display: inline-block;
}
.top .list ul li:first-child{
margin-right: 15px;
}
/*nav*/
.nav{
width:100%;
background: #0f509e;
}
.nav>.wrapper>ul>li{
float: left;
width:150px;
position: relative;
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
position: relative;
}
.nav>.wrapper>ul>li>a{
display: block;
line-height:60px;
position: relative;
font-size: 14px;
text-align: center;
color:#fff;
font-size: 16px;
letter-spacing: 1px;
}
.nav ul li a:after{
display: block;
content:"";
position: absolute;
right:0;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width:5px;
height: 7px;
background: url(../Image/libg.png) no-repeat center;
}
.nav ul li:last-child a:after{
display: none;
}
.nav>.wrapper>ul>li:hover a{
background:#e8560f;
}
#thyNavStyle{
background:#e8560f;
}
#thyNavStyle p{
color:#015ca1;
}
.nav>.wrapper>ul>li>.erji{
position: absolute;
top:60px;
left:0;
z-index: 10000;
display: none;
}
.nav>.wrapper>ul>li:hover .erji{
display: block;
}
.nav>.wrapper>ul>li>.erji>li{
background: #303333;
position: relative;
width:133px;
height:60px;
line-height: 68px;
text-align: center;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.nav>.wrapper>ul>li>.erji>li>a{
display: block;
color:#fff;
font-family: "Microsoft YaHei";
font-size: 16px;
text-align: center;
}
.nav>.wrapper>ul>li>.erji>li>.sanji{
position: absolute;
left:133px;
top:0;
display: none;
}
.nav>.wrapper>ul>li>.erji>li>.sanji>li{
background: #303333;
position: relative;
width:150px;
height:68px;
line-height: 68px;
text-align: center;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.nav>.wrapper>ul>li>.erji>li>.sanji>li:hover{
background-color:#c8000b;
}
.nav>.wrapper>ul>li>.erji>li>.sanji>li>a{
display: block;
color:#fff;
font-family: "Microsoft YaHei";
font-size: 16px;
text-align: center;
}
.nav>.wrapper>ul>li>.erji>li:hover{
background-color:#c8000b;
}
.nav>.wrapper>ul>li>.erji>li:hover .sanji{
display: block!important;
}
.guanjianci{
position: relative;
z-index: 5;
margin-top: -20px;
}
.guanjianci .wrapper{
height: 135px;
background:url(../Image/search-bg.jpg) no-repeat center;
}
.guanjianci .sousuo{
float:right;
margin-top: 10px;
margin-right: 65px;
}
.search {
width:465px;
height: 40px;
text-indent: 8px;
outline: none;
background: #ebebeb;
border-radius: 20px;
color:#666;
font-size:14px;
float: left;
}
.sousuotijiao {
width: 88px;
height: 38px;
background: url("../Image/f-sou.png") no-repeat center;
cursor: pointer;
outline: none;
float: right;
margin-left: -88px;
z-index: 4;
position: relative;
}
::-webkit-input-placeholder { /* WebKit browsers */
color:#666;
font-size:14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#666;
font-size:14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#666;
font-size:14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#666;
font-size:14px;
}
.guanjianci ul{
margin: 20px 0;
}
.guanjianci ul li{
float:left;
font-size:14px;
color:#2f2f2f;
font-weight: 700;
padding-right:15px;
}
.guanjianci ul li a{
display:block;
font-size:14px;
color:#666;
font-weight: 500;
}
.titlebox img{
margin:0 auto;
margin-bottom: 15px;
}
.titlebox .fir{
text-align: center;
font-size: 36px;
color:#0f509e;
font-weight: 700;
line-height: 47px;
letter-spacing: 2px;
padding-top: 29px;
}
.titlebox .sec{
text-align: center;
font-size: 14px;
color:#979797;
letter-spacing: 10px;
margin:2px 0;
text-transform: uppercase;
}
.titlebox .thr{
font-size: 24px;
color:#2b2b2b;
text-align: center;
letter-spacing: 1px;
}
.titlebox{
margin-bottom: 40px;
}
/*product*/
.chanping{
padding:60px 0;
}
.chanping .wrapper{
}
.chanping-left{
width: 260px;
float: left;
border:2px solid #0f509e;
}
.chanping-left .topbox{
padding-top:24px;
width:100%;
height: 105px;
background: #0f509e;
border-top: none;
}
.chanping-left .topbox p:first-child{
font-size: 28px;
color:#fff;
text-align: center;
font-weight: 700;
}
.chanping-left .topbox p:last-child{
font-size: 14px;
color:#fff;
text-align: center;
text-transform: uppercase;
}
.chanping-left .ulBox{
background: #fff;
width: 236px;
margin: 0 auto;
background-size: auto 100%;
}
.ulBox .lianxiwom{
font-weight: bold;
font-size: 20px;
color:#015ca1;
text-align: center;
}
.chanping-left ul:first-child li{
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
}
.chanping-left .ulBox ul li a{
font-size: 18px;
color:#fff;
display: block;
position: relative;
line-height: 45px;
padding-left:20px;
letter-spacing: 1px;
}
.chanping-left .ulBox ul li a:hover{
background: #e8560f;
}
#click{
background: #f29709;
color:#fff;
}
.chanping-left .ulBox ul li a i{
width:15px;
height: 15px;
background: url("../Image/right-jiantou.png") no-repeat center center;
position: absolute;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right:15px;
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
}
.chanping-left .ulBox ul:first-child li:hover a i{
}
.chanping-left .ulBox ul li{
font-size: 14px;
color:#7f7f7f;
background: #b5b5b5;
margin: 15px 0;
}
.chanping-left .pro-bottom{
width:100%;
height: 135px;
background: #0f509e;
text-align: center;
padding-top: 20px;
}
.chanping-left .pro-bottom img{
margin:0 auto;
margin-bottom: 10px;
}
.chanping-left .pro-bottom p:nth-child(2){
font-size: 14px;
color:#fff;
}
.chanping-left .pro-bottom p:nth-child(3){
font-size: 28px;
color:#fff;
}
.chanping-right{
float: right;
width:923px;
text-align: center;
}
.chanping-right .firp{
width:730px;
font-size: 24px;
font-weight: bold;
color:#015ca1;
text-align: left;
}
.chanping-right .secp{
text-align: left;
font-size: 14px;
color:#999;
margin:10px 0;
}
.chanping-right .secp span{
font-size:12px;
color:#909090;
}
.chanprightBox{
position: relative;
}
.chanprightBox a{
display: block;
color:#fff;
background: #015ca1;
width:170px;
line-height: 35px;
text-align: center;
font-size: 14px;
position: absolute;
right:0;
top:0;
}
.cha{
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
}
.cpanliBox{
}
.cpanliBox ul li{
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
float: left;
margin-right: 17px;
position: relative;
}
.cpanliBox ul li:nth-child(-n+3){
margin-bottom: 14px;
}
.cpanliBox ul li a{
display: block;
position: relative;
overflow: hidden;
}
.cpanliBox ul li .pic{
width:285px;
height: 265px;
background: url("../Image/pbg.png") no-repeat center;
position: relative;
overflow: hidden;
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
}
.cpanliBox ul li a .meng{
position: absolute;
width:100%;
height: 100%;
background: rgba(15,80,158,0.3);
left:0;
top:-100%;
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
}
.cpanliBox ul li:hover a .meng{
top:0;
}
.cpanliBox ul li a .meng img{
margin:0 auto;
margin-top: 105px;
}
.cpanliBox ul li a .pic-img{
width: 100%;
height: 100%;
object-fit: contain;
}
.cpanliBox ul li .biaoti{
width:100%;
line-height: 40px;
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
}
.cpanliBox ul li .biaoti p{
line-height: 40px;
font-size: 16px;
color:#353535;
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
}
.pro-a{
display: block;
width:239px;
line-height: 37px;
font-size: 16px;
text-align: center;
color:#fff;
margin:0 auto;
background: url(../Image/pro-a-bg.png) no-repeat center;
margin-top: 20px;
}
/*about*/
.i_about{ background:url(../Image/company.jpg) top center no-repeat; padding:80px 0; width:100%; float:left; clear:both;}
.i_aboutCon{ width:1200px; margin:0 auto;}
.i_aboutNr{ width:820px; float:left;}
.i_aTitle{ background:#fff; height:50px; width:100%; margin:0 0 60px 0;}
.i_aTitle span{ background:#e8560f; width:265px; display:block; float:left; padding:0 0 0 25px;}
.i_aTitle small{ color:#f2f2f2; font-size:20px; font-weight:bold; display:block; line-height:50px; float:left;margin-right: 20px;}
.i_aTitle b{ font-size:14px; color:#f2f2f2; height:50px; line-height:60px; font-weight:100; overflow:hidden; display:block;}
.i_aTitle a{ color:#2c2c2c; float:right; font-size:14px; margin:15px 10px 0 0; display:block;}
.i_aboutPic{ border:1px solid #716f6e; padding:10px; float:left;}
.i_aboutDetail{ width:410px; float:right;}
.i_aboutDetail h3{ color:#fff; display:block; font-size:24px; font-weight:bold;}
.i_aboutDetail p{ padding:20px 0; line-height:28px; color:#bbbbbb; font-size:14px;}
.i_aboutA { width:410px; float:right;}
.i_aboutA a{ height:45px; line-height:45px; text-align:center; width:135px; display:inline-block; margin:0 15px 0 0; font-size:16px; background:#0f509e; color:#fff;}
.i_aboutA a:hover{ background:#e8560f;}
.i_contact{ width:360px; float:right; background:#f2f2f2; height:405px;}
.i_conTitle{ height:50px; width:100%; color:#fff; background:#0f509e;}
.i_conTitle span{ font-size:20px; display:block; line-height:50px; float:left; padding:0 15px;}
.i_conTitle small{ font-size:14px; height:50px; line-height:60px; overflow:hidden; float:left; display:block;}
.i_conTitle a{color:#fff; display:block; float:right; font-size:14px; margin:15px 15px 0 0;}
.i_conTitle a:hover{ color:#f2f04e;}
.i_conDetail{ padding:10px 25px;}
.i_conDetail li{ height:45px; line-height:45px; border-bottom:1px dashed #bababa; width:100%; text-indent:27px; color:#262626; font-size:14px;}
.i_conDetail li.c_1{ background:url(../Image/l_1.png) left center no-repeat;}
.i_conDetail li.c_2{ background:url(../Image/l_2.png) left center no-repeat;}
.i_conDetail li.c_3{ background:url(../Image/l_3.png) left center no-repeat;}
.i_conDetail li.c_4{ background:url(../Image/l_4.png) left center no-repeat;}
.i_conDetail li a{color:#262626;}
.i_conDetail li a:hover{ color:#1752ad;}
/*fuwu*/
.fuwu{
padding:60px 0;
}
.sbox .s-list{
float: left;
width:400px;
}
.sbox .s-list .fir{
font-size: 28px;
color:#242424;
font-weight: 700;
margin:15px 0;
}
.sbox .s-list .sec{
font-size: 14px;
color:#989898;
line-height: 25px;
width:260px;
}
.sbox .s-list:nth-child(1){
background: url(../Image/s11.png) no-repeat center top;
}
.sbox .s-list:nth-child(2){
background: url(../Image/s22.png) no-repeat center top;
padding-left: 73px;
border-left: 1px dashed #d8d8d8;
border-right: 1px dashed #d8d8d8;
}
.sbox .s-list:nth-child(3){
background: url(../Image/s33.png) no-repeat right top;
padding-left: 147px;
}
/*news*/
/*news*/
.news{ width:100%; margin:0 auto; padding-top: 60px; padding-bottom: 45px;background: #f4f4f4;}
.news-left{width: 280px; float: left;}
.left-list{width: 100%;}
.left-list img{ display: block; max-width: 100%; }
.news-title h1{ width: 100%; background: #0f509e; color: #fff; line-height: 55px; font-size: 16px; text-indent: 20px; font-weight: 400;}
.news-title h1 a{
display: block; float: right;margin-right: 20px;
width:88px;
line-height: 25px;
height: 25px;
text-align: center;
color:#fff;
font-size: 12px;
border:1px solid #fff;
border-radius: 20px;
text-indent: 0px;
margin-top: 15px;
}
.news-con{ width: 430px; float:left; margin-left: 20px;background: #fff;}
.news-right{ width: 430px;height: 435px; float: right;border: 1px solid #dcdcdc;}
.mr_frbox01 { height:400px; position:relative; }
.mr_frBtnL01 { cursor: pointer; width:35px; height:35px; background:url(../Image/mfrL.png) no-repeat; position:absolute; margin-top: -145px; margin-left: 20px;}
.mr_frBtnR01 { cursor: pointer; width:35px; height:35px; background:url(../Image/mfrR.png) no-repeat; position:absolute; right:0; margin-top: -145px; margin-right: 8px;}
.mr_frUl01 { width:230px; margin:0 auto; overflow: hidden; }
.mr_frUl01 ul li{ width: 230px; height: 150px; margin-top: 30px;}
.mr_frUl01 ul li h1{ color: #2f2f2f;font-weight: bold; font-size: 20px; text-align: center;}
.mr_frUl01 ul li p{ color: #2f2f2f; font-size: 14px; line-height:28px; font-weight: 400; padding-top: 25px;}
.con-list img{ display: block;margin-top: 15px; margin-left: 15px;}
.con-list ul{ width: 100%;}
.con-list ul li{ width: 100%; height:172px; border-bottom: 1px dashed #bebebe; padding: 33px 0; }
.con-list ul li span{ display: block; float: left; width: 70px; margin-left: 35px; font-size: 24px; color: #2f2f2f; background:url(../Image/news-time.png) no-repeat center bottom; height: 93px;}
.con-list ul li:hover span{
background:url(../Image/news-time1.png) no-repeat center bottom;
}
.con-list ul li:last-child{ border-bottom: none;}
.con-list ul li .tit{ width: 290px; float: right; margin-right: 20px;}
.con-list ul li .tit h1{ color: #111;font-size: 18px; font-weight: normal; padding-bottom: 10px;}
.con-list ul li .tit p{ color: #9c9c9c;font-size: 14px; font-weight: 400; line-height: 25px;}
.right-list{ width: 400px; margin: 0 auto; }
.right-list ul{ width: 100%; margin-top: 20px;}
.right-list ul li{ width: 100%; height: 110px;float: left; margin-bottom: 13px;}
.right-list ul li img{display: block;width: 155px;height: 110px; float: left; }
.right-list ul li .tit{ width: 230px; float: right;}
.right-list ul li .tit h1{ color: #2f2f2f;font-size: 14px; font-weight: normal;}
.right-list ul li .tit p{ font-size: 12px; color: #989898; line-height: 25px; padding-bottom: 10px; padding-top: 10px;}
.right-list ul li .tit a{ color: #07bfb5;font-size: 14px; }
.news-left .lbox{
height: 276px;
padding:35px 30px;
background: #fff;
}
.news-left .lbox .title{
font-size: 18px;
color:#111;
font-weight: 700;
}
.news-left .lbox .con{
font-size: 14px;
color:#9c9c9c;
line-height: 25px;
margin:20px 0;
}
.news-left .lbox .p-a{
display: block;
width: 145px;
line-height: 37px;
font-size: 16px;
text-align: center;
color: #fff;
margin: 0 auto;
background: #0f509e;
}
/*anli*/
.anli{
padding:60px 0;
}
.pro-lunbo{
position: relative;
margin-bottom: 30px;
}
.swiper-container-pro .swiper-slide a{
display: block;
width:100%;
height: 100%;
}
.swiper-container-pro .swiper-slide a .imgbox{
width:100%;
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
background: url(../Image/anlibg.png) no-repeat center;
background-size: 100% 100%;
height: 280px;
overflow: hidden;
padding:10px;
}
.swiper-container-pro .swiper-slide a .imgbox img{
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-container-pro .swiper-slide a .title{
line-height: 35px;
font-size: 16px;
color:#333;
text-align: center;
}
.swiper-button-next-pro{
width:41px;
height: 41px;
background: url(../Image/pro-right1.png) no-repeat center;
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
right:-65px;
}
.swiper-button-next-pro:hover{
background: url(../Image/pro-right1.png) no-repeat center;
}
.swiper-button-prev-pro{
width:41px;
height: 41px;
background: url(../Image/pro-left1.png) no-repeat center;
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
left:-65px;
}
.swiper-button-prev-pro:hover{
background: url(../Image/pro-left1.png) no-repeat center;
}
/*footer*/
/*footer*/
.footer{
width:100%;
background:#083060;
padding:40px 0;
}
.f-left {
float: left;
margin-right: 70px;
}
.f-left a{
display: inline-block;
width:103px;
height: 97px;
text-align: center;
color:#a8a8a8;
padding-top: 58px;
cursor: pointer;
margin-top: 30px;
}
.f-left a:first-child{
background:#104b92 url("../Image/abg1.png") no-repeat center top 20px;
}
.f-left a:first-child:hover{
background:#e8560f url("../Image/abg11.png") no-repeat center top 20px;
color:#fff;
}
.f-left a:last-child{
background:#104b92 url("../Image/abg2.png") no-repeat center top 20px;
}
.f-left a:last-child:hover{
background:#e8560f url("../Image/abg22.png") no-repeat center top 20px;
color:#fff;
}
.f-center{
float: left;
width:510px;
}
.f-center ul li{
float: left;
width:50%;
margin-bottom: 35px;
height: 50px;
}
.f-center ul li p:first-child{
font-size: 18px;
color:#fff;
}
.f-center ul li p:last-child{
font-size: 16px;
color:#476385;
margin-top: 15px;
}
.f-right{
float: right;
}
.f-right p:nth-child(1){
font-size: 36px;
color:#fff;
padding-left: 50px;
background: url("../Image/b11.png") no-repeat center left;
line-height: 40px;
}
.f-right p:nth-child(2){
font-size: 14px;
color:#476385;
letter-spacing: 10px;
margin-top: 15px;
}
.b-left{
float: left;
width:110px;
height: 110px;
}
.b-left img{
width:110px;
}
.b-right{
float: left;
}
.b-right a{
display: inline-block;
width:36px;
height: 36px;
margin-left: 16px;
margin-top: 38px;
}
.b-right a:nth-child(1){
background: url("../Image/q1.png") no-repeat center;
}
.b-right a:nth-child(1):hover{
background: url("../Image/q11.png") no-repeat center;
}
.b-right a:nth-child(2){
background: url("../Image/q2.png") no-repeat center;
}
.b-right a:nth-child(2):hover{
background: url("../Image/q22.png") no-repeat center;
}
.b-right a:nth-child(3){
background: url("../Image/q3.png") no-repeat center;
}
.b-right a:nth-child(3):hover{
background: url("../Image/q33.png") no-repeat center;
}
.last{
width:100%;
background: #083060;
line-height: 45px;
}
.last .wrapper{
border-top: 1px solid #476385;
}
.last-left{
float: left;
}
.last-left img{
max-height: 85px;
max-width: 85px;
}
.last-center{
float: left;
}
.last-center ul{
margin-top: 10px;
}
.last-center ul li{
float:left;
padding:5px 20px;
}
.last-center ul li a{
display: block;
color:#476385;
font:12px 'Microsoft YaHei';
}
.last-center p{
font:12px 'Microsoft YaHei';
color:#476385;
line-height: 45px;
}
.last-center p a{
font:12px 'Microsoft YaHei';
color:#476385;
line-height: 45px;
}
.last-right{
position: inherit;
float: right;
}
.last-right a{
font:12px 'Microsoft YaHei';
color:#476385;
line-height: 45px;
}
.f-top h1{
font-size: 12px;
color: #476385;
font-weight: 700;
}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0f509e url(../Image/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0f509e url(../Image/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{background:#0f509e url(../Image/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0f509e url(../Image/fixCont.png) no-repeat 0 -169px;}
.hd_qr{display: block;margin:0 auto;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}