@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(../images/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(../images/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(../images/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(../images/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(../images/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:133px; 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(../images/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(../images/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("../images/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("../images/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("../images/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(../images/pro-a-bg.png) no-repeat center; margin-top: 20px; }
/*about*/



.i_about { background:url(../images/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(../images/l_1.png) left center no-repeat; }
.i_conDetail li.c_2 { background:url(../images/l_2.png) left center no-repeat; }
.i_conDetail li.c_3 { background:url(../images/l_3.png) left center no-repeat; }
.i_conDetail li.c_4 { background:url(../images/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(../images/s11.png) no-repeat center top;
}
 .sbox .s-list:nth-child(2) {
 background: url(../images/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(../images/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(../images/mfrL.png) no-repeat; position:absolute; margin-top: -145px; margin-left: 20px; }
.mr_frBtnR01 { cursor: pointer; width:35px; height:35px; background:url(../images/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(../images/news-time.png) no-repeat center bottom; height: 93px; }
.con-list ul li:hover span { background:url(../images/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(../images/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(../images/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(../images/pro-right1.png) no-repeat center; }
.swiper-button-prev-pro { width:41px; height: 41px; background: url(../images/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(../images/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("../images/abg1.png") no-repeat center top 20px; }
.f-left a:first-child:hover { background:#e8560f url("../images/abg11.png") no-repeat center top 20px; color:#fff; }
.f-left a:last-child { background:#104b92 url("../images/abg2.png") no-repeat center top 20px; }
.f-left a:last-child:hover { background:#e8560f url("../images/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("../images/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("../images/q1.png") no-repeat center;
}
 .b-right a:nth-child(1):hover {
 background: url("../images/q11.png") no-repeat center;
}
 .b-right a:nth-child(2) {
 background: url("../images/q2.png") no-repeat center;
}
 .b-right a:nth-child(2):hover {
 background: url("../images/q22.png") no-repeat center;
}
 .b-right a:nth-child(3) {
 background: url("../images/q3.png") no-repeat center;
}
 .b-right a:nth-child(3):hover {
 background: url("../images/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(../images/fixCont.png) no-repeat 0 0; }
.yb_bar .yb_phone { background:#0f509e url(../images/fixCont.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { background:#0f509e url(../images/fixCont.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { background:#0f509e url(../images/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; }