@charset "UTF-8";
/*公共*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin: 0; padding: 0; color: #333; font-family: "微软雅黑"; font-size: 16px; }

body { scrollbar-arrow-color: #fff; /*上下按钮上三角箭头的颜色*/ scrollbar-face-color: #000; /*滚动条凸出部分的颜色*/ scrollbar-highlight-color: #000; /*滚动条空白部分的颜色*/ scrollbar-shadow-color: #000; /*滚动条阴影的颜色*/ scrollbar-track-color: #de0000; /*滚动条背景颜色*/ scrollbar-base-color: black; /*滚动条的基本颜色*/ Cursor: url(mouse.cur); /*自定义个性鼠标*/ /*以上2项适用与：body、div、textarea、iframe*/ }

::-webkit-scrollbar { /* 滚动条整体部分 */ width: 10px; }

::-webkit-scrollbar-button { /* 滚动条两端的按钮 */ width: 10px; background-color: #fff; }

::-webkit-scrollbar:horizontal { height: 10px; }

::-webkit-scrollbar-track { /* 外层轨道 */ border-radius: 10px; }

::-webkit-scrollbar-track-piece { /*内层轨道，滚动条中间部分 */ background-color: #000; border-radius: 10px; }

::-webkit-scrollbar-thumb { /* 滑块 */ width: 10px; border-radius: 5px; background: #de0000; }

::-webkit-scrollbar-corner { /* 边角 */ width: 10px; background-color: red; }

::-webkit-scrollbar-thumb:hover { /* 鼠标移入滑块 */ background: red; }

@media screen and (max-width: 900px) { body { font-size: 14px; } }

::selection { background: #042d97; color: #fff; }

::-moz-selection { background: #042d97; color: #fff; }

::-webkit-selection { background: #042d97; color: #fff; }

#showdata { display: none; }

body { overflow-x: hidden; }

img { border: 0; }

.clearfix:after { content: ''; display: block; height: 0; visibility: hidden; clear: both; }

.clearfix { zoom: 1; }

em, i { font-style: normal; }

a { font-size: 16px; transition: all .3s; }

a:hover { text-decoration: none; color: #e51e01; }

.w1300 { max-width: 1300px; margin: 0 auto; }

.w1200 { max-width: 1200px; margin: 0 auto; }

.fl { float: left; }

.fr { float: right; }

.h30 { height: 30px; }

.h60 { height: 60px; }

.f14 { font-size: 14px; }

.f18 { font-size: 18px; }

.db { display: block; }

.dib { display: inline-block; }

/*公共*/
._banner { margin-top: 90px; }

header { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.8); margin: auto; }
header .logoImg { margin: 20px 0 0px 10px; }
header .logoImg a { display: block; float: left; }

.top_tel { padding: 25px 20px 0 0; }

.qh_nav { z-index: 9999; }
.qh_nav ul { width: 700px; }
.qh_nav li { float: left; line-height: 90px; height: 90px; }
.qh_nav li a { color: #000; display: block; text-align: center; height: 90px; box-sizing: border-box; position: relative; font-size: 18px; font-weight: 500; margin-right: 25px; }
.qh_nav li a:before { position: absolute; content: ""; width: 100%; left: 0; bottom: 0px; height: 6px; background: #ff0000; transition: all .3s; visibility: hidden; opacity: 0; }
.qh_nav li a:hover { color: #ff0000; }
.qh_nav li a:hover:before { position: absolute; content: ""; width: 100%; left: 0; bottom: 0px; height: 6px; background: #ff0000; transition: all .3s; visibility: visible; opacity: 1; }
.qh_nav li .act { color: #ff0000; font-weight: bold; }
.qh_nav li .act:before { position: absolute; content: ""; width: 100%; left: 0; bottom: 0px; height: 6px; background: #ff0000; transition: all .3s; visibility: visible; opacity: 1; }
.qh_nav .qh_nav1 ul { visibility: hidden; opacity: 0; width: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0px; top: 96px; padding: 20px 2%; box-sizing: border-box; overflow: hidden; transition: .5s; text-align: center; height: 320px; }
.qh_nav .qh_nav1 ul:before { position: absolute; content: ""; width: 100%; left: 0; top: -30px; height: 8px; }
.qh_nav .qh_nav1 ul a { width: 13%; color: #fff; margin: 20px 1% 0 0; display: block; float: left; height: 250px; }
.qh_nav .qh_nav1 ul a span { color: #fff; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; height: 50px; line-height: 50px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qh_nav .qh_nav1 ul a img { width: 100%; display: block; }
.qh_nav .qh_nav1 ul a:hover { background: none; }
.qh_nav .qh_nav1 ul a:hover span { color: #fff; background: linear-gradient(45deg, #ff0000, #60b62b); }
.qh_nav .qh_nav1:hover ul { visibility: visible; opacity: 1; top: 90px; }

/*左右滚动*/
.syal { overflow: hidden; width: 96%; margin: 47px auto; }
.syal h2 { margin: 9px auto 20px auto; font-size: 38px; line-height: 30px; text-align: center; }
.syal h2 b { color: #db2b00; margin: 15px auto; display: block; position: relative; width: 878px; }
.syal h2 b ::before { position: absolute; right: 120px; top: 20px; width: 100px; height: 1px; content: ""; background: silver; }
.syal h2 b ::after { position: absolute; left: 120px; top: 20px; width: 100px; height: 1px; content: ""; background: silver; }
.syal h2 i { color: #353535; }
.syal h2 em { display: block; font-size: 18px; margin-top: 5px; font-weight: normal; }
.syal li { float: left; margin-right: 20px; width: 450px; }
.syal li a { display: block; box-sizing: border-box; overflow: hidden; }
.syal li a img { display: block; width: 97.5%; border: 5px solid #fff; transition: all .3s; }
.syal li a ol { color: #000; text-align: center; font-size: 18px; border-bottom: 1px solid #ececec; padding: 20px 0; }
.syal li a:hover img { border: 5px solid #cc0000; }
.syal li a:hover ol { background: #cc0000; color: #fff; }

/*产品上下滚动*/
.sycp { margin-top: 30px; margin-bottom: 80px; overflow: hidden; }
.sycp h2 { margin: 15px auto 0px auto; font-size: 38px; line-height: 30px; text-align: center; }
.sycp h2 em { display: block; font-size: 18px; margin-top: 15px; font-weight: normal; }
.sycp h2 em i { color: red; font-weight: bold; }
.sycp .sycp3 { display: flex; margin-top: 30px; }
.sycp .sycp3 a { display: block; flex: 1; text-align: center; transition: all .3s; }
.sycp .sycp3 a img { width: 150px; height: 150px; border-radius: 50%; display: block; margin: 0 auto 10px auto; border: 8px solid #fff; box-shadow: 0 0 15px #ccc; transition: all .3s; }
.sycp .sycp3 a:hover { transform: translateY(-10px); }
.sycp .sycp3 a:hover span { color: red; }
.sycp .sycp3 a:hover img { border: 8px solid red; }

.anliroll { height: 800px; width: 96%; margin: 0 auto; overflow: hidden; }
.anliroll li { float: left; width: 23.2558139535%; background: #fff; margin: 2% 0 0 1.4%; }
.anliroll li a { display: block; overflow: hidden; position: relative; }
.anliroll li a h4 { overflow: hidden; }
.anliroll li a img { width: 100%; display: block; transition: all .5s; }
.anliroll li a ol { line-height: 35px; color: #555; width: 100%; transition: all .3s; font-size: 20px; border-bottom: 1px solid #e1dfdf; padding: 10px 10px; box-sizing: border-box; }
.anliroll li a ol a { color: #555; font-size: 20px; }
.anliroll li a ol b { display: block; background: url(sj.png) left no-repeat; background-size: 30px 30px; padding-left: 35px; }
.anliroll li a span { display: inline-block; position: absolute; right: 10px; bottom: 6%; border: 1px solid #dcdcdc; border-radius: 999px; padding: 10px 20px; }
.anliroll li a:hover { color: #fff; }
.anliroll li a:hover img { transform: scaleX(1.2) scaleY(1.2); }
.anliroll li a:hover ol { background: linear-gradient(45deg, #e80202, #a10000); color: #fff; padding-left: 25px; }
.anliroll li a:hover span { background: #fff; color: #000; border: 1px solid #1574cd; }

.synews { overflow: hidden; margin-top: 20px; }
.synews h2 { margin: 15px auto 0px auto; font-size: 38px; line-height: 30px; text-align: center; }
.synews h2 em { display: block; font-size: 18px; margin-top: 15px; font-weight: normal; }
.synews h2 em i { color: red; font-weight: bold; }
.synews dl { overflow: hidden; margin: 30px auto 50px auto; }
.synews dl dt a { background: #eeeeee; display: block; position: relative; width: 32.5%; float: left; margin-right: 1%; }
.synews dl dt a:last-child { margin-right: 0; }
.synews dl dt a em { position: absolute; width: 92px; height: 92px; display: block; background: #cd0000; top: 0; left: 0; text-align: center; color: #fff; font-size: 28px; padding-top: 15px; }
.synews dl dt a em u { display: block; text-decoration: none; text-align: center; color: #fff; font-size: 16px; }
.synews dl dt a img { width: 100%; height: 302px; }
.synews dl dt a .l_news { padding: 14px 20px; box-sizing: border-box; }
.synews dl dt a .l_news h5 { font-size: 18px; margin-bottom: 5px; }
.synews dl dt a .l_news span { line-height: 200%; display: block; }
.synews dl dt a .l_news i { font-size: 16px; color: #000; width: 150px; height: 40px; line-height: 40px; display: block; text-align: center; margin-top: 20px; transition: all .6s; border: 1px solid #ccc; }
.synews dl dt a:hover { background: #cd0000; }
.synews dl dt a:hover h5, .synews dl dt a:hover span { color: #fff; }
.synews dl dt a:hover em { background: #fc8f20; }
.synews dl dt a:hover .l_news i { width: 300px; color: #fff; }

#footer { background: #272727; width: 100%; padding-top: 40px; }
#footer h3 { font-size: 16px; font-weight: bold; color: #fff; position: relative; margin-bottom: 30px; }
#footer h3::before { position: absolute; content: ""; bottom: -10px; left: 0; background: #ec2622; width: 50px; height: 3px; }
#footer .f1 { width: 421px; }
#footer .f1 a { border: 1px solid #ccc; display: inline-block; width: 200px; text-align: center; height: 35px; line-height: 35px; margin-right: 2%; color: #fff; margin-bottom: 5px; }
#footer .f2 { width: 154px; margin-left: 80px; }
#footer .f2 a { display: inline-block; width: 42%; text-align: center; height: 35px; line-height: 35px; margin-right: 4%; color: #fff; }
#footer .f3 { width: 311px; margin-left: 100px; color: #fff; }
#footer .f3 h4 { color: #fff; margin-bottom: 10px; }
#footer .f3 h4 strong { color: #ec2622; font-size: 28px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
#footer .f3 p { color: #fff; line-height: 180%; }
#footer .f4 { width: 126px; }
#footer .f4 em { text-align: center; display: block; margin: 20px auto; color: #fff; }
#footer .f5 { text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 20px; padding-top: 20px; }
#footer .f5 p { text-align: center; color: #fff; }
#footer .f5 p img { vertical-align: middle; }

/*地图*/
#dituContent { overflow: hidden; position: relative; z-index: 0; background-color: #f3f1ec; color: black; text-align: left; height: 400px; }

.zs_fl { text-align: center; }
.zs_fl li { display: inline-block; padding: 15px 20px; border-radius: 30px; background: #f00018; color: #fff; margin: 0 5px 5px 0; transition: all .3s; }
.zs_fl li a { display: block; color: #fff; }
.zs_fl li:hover { background: linear-gradient(#60b62b, #1574cd); }

/*内页banner*/
.nb { position: relative; height: 409px; }
.nb ul { width: 1400px; margin: 0 auto; text-align: center; padding-top: 150px; }
.nb ul a { width: 11%; display: inline-block; margin-left: 1%; margin-bottom: 15px; vertical-align: text-top; }
.nb ul a img { width: 100%; border-radius: 50%; height: 160px; }
.nb ul a span { color: #fff; background: #ff0000; padding: 10px 13px; display: block; text-align: center; border-radius: 20px; }
.nb ul a:hover { transform: translateY(-10px); }
.nb ul a:hover span { background: #000; }

.nb1 { background: url(g.jpg) bottom center no-repeat; }

.sppic { display: none; }

.sppic1 img { display: none; }

.mapBox { height: 600px; }

.newsc .listc ul, .newsc .listc li { width: 100%; }

.newsc .listc li { transition: .3s; }
.newsc .listc li.grayc { background-color: #f8f8f8; }
.newsc .listc li a { padding: 50px 0; display: block; }
.newsc .listc li:nth-of-type(even) { background: #f7f7f7; }
.newsc .listc li:hover { background-color: #0e4295; }
.newsc .listc li:hover .numc img { border: 1px solid #fa1e2f; }
.newsc .listc li:hover .centerc { left: -16px; }
.newsc .listc .centerc { width: 980px; margin: 0 auto; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; left: 0; }
.newsc .listc .numc { display: block; width: 104px; border-right: 1px solid #ddd; line-height: 60px; font-size: 72px; color: #d2d2d2; }
.newsc .listc .numc img { width: 104px; }
.newsc .listc .fontc { display: block; width: 83.7%; font-size: 18px; line-height: 30px; }
.newsc .listc .fontc .introc { font-size: 14px; color: #bbb; }
.newsc .listc .fontc p { font-size: 18px; }

.newsc .listc li:hover .numc, .newsc .listc li:hover .fontc p, .newsc .listc li:hover .fontc .introc { color: #fff; }

.f-cbc:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }

.neaxtpg a { float: left; display: inline-block; width: 42%; text-align: center; padding: 10px 2%; border: 1px solid #ccc; margin: 0 1%; }

.neaxtpg a:hover { background: #0e4295; color: #fff; }

.neaxtpg { margin-bottom: 50px; }

.n_main { overflow: hidden; width: 1400px;margin: 30px auto; }

.nmain_l { width: 21%; }
.nmain_l h1 { height: 95px; background: #0048a6 url(nlanbg.jpg) no-repeat right top; color: #fff; padding-left: 25px; font-size: 36px; font-weight: normal; padding-top: 45px; line-height: 30px; font-weight: bold; text-align: center; }
.nmain_l h1 em { display: block; font-size: 18px; color: rgba(255, 255, 255, 0.733); font-weight: normal; text-align: center; }
.nmain_l .nmenu { border: 1px solid #eee; }
.nmain_l .nmenu li { line-height: 48px; font-size: 15px; border-bottom: 1px solid #eaeaea; }
.nmain_l .nmenu li .act { background: #ff0000; color: #fff; padding-left: 25px; }
.nmain_l .nmenu li a { display: block; padding-left: 20px; position: relative; color: #6f6f6f; }
.nmain_l .nmenu li a:hover { background: #f3f3f3; padding-left: 25px; }
.nmain_l .nmenu li .iconfont { position: absolute; right: 10px; font-size: 16px; }
.nmain_l .nmenu li ._act { background: #0048a6; color: #fff; }
.nmain_l .nmenu li ._act .ion { color: #fff; }
.nmain_l .nmenu li ._act:hover { background: #0048a6; color: #fff; }
.nmain_l .nmenu li ._act:hover .ion { color: #fff; }
.nmain_l .l_lx { background: rgba(0, 0, 0, 0.548); }
.nmain_l .l_lx dt { height: 50px; line-height: 70px; font-size: 26px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; margin: 0 20px; }
.nmain_l .l_lx dd { padding: 20px 20px 20px 20px; box-sizing: border-box; color: #fff; }
.nmain_l .l_lx dd p { color: #fff; line-height: 160%; }

.gs_conwz { line-height: 200%; margin-bottom: 20px; }
.gs_conwz .ab_tit { font-size: 26px; color: #000; }
.gs_conwz .abchan-tag { display: inline-block; background: url(pcat_xian.gif) repeat-x center; padding: 0 20px; font-size: 16px; color: #6e6e6e; }
.gs_conwz .abchan-tag span { display: block; padding: 0 10px; background: #fff; color: darkgrey; }

.gs_wz { margin-top: 20px; line-height: 200%; }

.gs_wz p { line-height: 160%; margin-bottom: 15px; }

.chr-top { border-bottom: 1px solid #eaeaea; padding-bottom: 18px; margin-bottom: 20px; margin-top: 20px; }
.chr-top h3 { font-size: 24px; color: #000; }
.chr-top h3 span { float: right; color: #6e6e6e; margin-top: 10px; font-size: 14px; font-weight: normal; }
.chr-top h3 span i { color: #000; }
.chr-top h3 span a { color: #6e6e6e; }
.chr-top h3 span a:hover { color: #000; }
.chr-top h3 u { text-transform: uppercase; font-size: 16px; font-style: normal; text-decoration: none; }

.nmain_r1 { width: 76%; }

.synews { overflow: hidden; padding-bottom: 50px; }

.news { margin-top: 30px; }

.news .newsbt { text-align: center; }

.news .warp { width: 1075px; margin: 0 auto; }

.picFocus { width: 1300px; margin: 0 auto; }

.picFocus .fl { width: 49%; }

.news_0606 div.fl { position: relative; overflow: hidden; }
.news_0606 div.fl ._hd { position: absolute; bottom: 20px; z-index: 9; width: 100%; height: 14px; text-align: center; }
.news_0606 div.fl ._hd ul { display: inline-block; }
.news_0606 div.fl ._hd ul li { float: left; width: 14px; height: 14px; overflow: hidden; margin: 0 5px; border-radius: 50%; background: #fff; font-size: 0; }
.news_0606 div.fl ._hd ul li.on { background: #e1112a; }
.news_0606 div.fl .bd a { display: block; }
.news_0606 div.fl .bd a img { width: 100%; }
.news_0606 div.fr { width: 48%; overflow: hidden; }
.news_0606 div.fr ul { width: 100%; height: 372px; }
.news_0606 div.fr ul li { height: 138px; transition: .5s; margin-bottom: 31px; background: #eee; }
.news_0606 div.fr ul li:first-child { border-top: none; }
.news_0606 div.fr ul li a { display: block; height: 100%; }
.news_0606 div.fr ul li .a1 { float: left; width: 28%; height: 100%; text-align: center; -webkit-transition: all .5s; transition: all .5s; background: #fff; overflow: hidden; }
.news_0606 div.fr ul li .a1 img { height: 100%; margin: 0 -100%; }
.news_0606 div.fr ul li .a2 { float: right; width: 72%; padding: 10px 15px; box-sizing: border-box; }
.news_0606 div.fr ul li .a2 h5 { font-size: 17.5px; color: #242424; line-height: 30px; -webkit-transition: all .5s; transition: all .5s; }
.news_0606 div.fr ul li .a2 p { font-size: 12.5px; color: #a5a5a5; line-height: 20px; -webkit-transition: all .5s; transition: all .5s; }
.news_0606 div.fr ul li.on { background: #de0000; }
.news_0606 div.fr ul li.on .a1 { color: #fff; }
.news_0606 div.fr ul li.on .a2 h5 { color: #fff; }
.news_0606 div.fr ul li.on .a2 p { color: #fff; }

.syys { background: url(ysb.jpg) center top no-repeat; height: 707px; margin-top: 80px; position: relative; }
.syys h3 { padding-top: 60px; text-align: center; }
.syys .syys1 { position: relative; background: url(ysbj1.png) center top no-repeat; height: 362px; margin-top: 70px; }
.syys .syys1 img { position: absolute; left: 39.5%; top: 26px; }
.syys .syys1 span { position: absolute; height: 115px; border-radius: 30px; width: 340px; transition: all .6s; }
.syys .syys1 span b { display: block; font-size: 30px; color: #de0000; margin-bottom: 20px; }
.syys .syys1 span i { color: #fff; }
.syys .syys1 span:nth-of-type(1) { top: -30px; left: 80px; }
.syys .syys1 span:nth-of-type(2) { top: 110px; left: 23px; }
.syys .syys1 span:nth-of-type(3) { top: 272px; left: 75px; }
.syys .syys1 span:nth-of-type(1) p, .syys .syys1 span:nth-of-type(1) h4, .syys .syys1 span:nth-of-type(2) p, .syys .syys1 span:nth-of-type(2) h4, .syys .syys1 span:nth-of-type(3) p, .syys .syys1 span:nth-of-type(3) h4 { text-align: right; margin-left: 60px; }
.syys .syys1 span:nth-of-type(4) { top: -30px; right: 80px; }
.syys .syys1 span:nth-of-type(5) { top: 110px; right: 23px; }
.syys .syys1 span:nth-of-type(6) { top: 272px; right: 75px; }
.syys .syys1 span:nth-of-type(4) b, .syys .syys1 span:nth-of-type(4) i, .syys .syys1 span:nth-of-type(5) b, .syys .syys1 span:nth-of-type(5) i, .syys .syys1 span:nth-of-type(6) b, .syys .syys1 span:nth-of-type(6) i { text-align: right; }
.syys .syys1 span:hover:nth-of-type(1), .syys .syys1 span:hover:nth-of-type(2), .syys .syys1 span:hover:nth-of-type(3) { transform: translateX(-54px); }
.syys .syys1 span:hover:nth-of-type(4), .syys .syys1 span:hover:nth-of-type(5), .syys .syys1 span:hover:nth-of-type(6) { transform: translateX(54px); }
.syys .syys2 { background: rgba(1, 81, 210, 0.774); height: 152px; position: absolute; bottom: 0; left: 0; width: 100%; }
.syys .syys2 ul { display: flex; padding-top: 30px; }
.syys .syys2 ul li { flex: 1; }
.syys .syys2 ul li img { float: left; padding-right: 20px; }
.syys .syys2 ul li b { color: #fff; font-size: 30px; display: block; }
.syys .syys2 ul li em { color: #fff; }

.sygsjj { background: url(1_15.jpg) top center no-repeat; }
.sygsjj dl dt { float: left; width: 370px; }
.sygsjj dl dt h3 { color: #ff0000; font-size: 38px; padding-top: 100px; }
.sygsjj dl dt h3 img { display: block; margin: 0 auto 20px auto; }
.sygsjj dl dt h3 b { background: rgba(255, 0, 0, 0.589); border-radius: 60px; display: block; color: #fff; font-size: 34px; text-align: center; padding: 20px 0; }
.sygsjj dl dt h3 b em { display: block; color: #fff; font-size: 20px; font-weight: normal; }
.sygsjj dl dt h3 i { text-align: center; color: #fff; font-weight: normal; text-transform: uppercase; display: block; }
.sygsjj dl dd { float: right; width: 860px; position: relative; border-radius: 60px; padding: 20px 50px; box-sizing: border-box; margin-top: 80px; background: #fff; }
.sygsjj dl dd a { color: #ff0000; border: 1px solid #ff0000; padding: 10px 30px; width: 100px; display: block; float: right; text-align: center; margin-top: 2px; border-radius: 30px; }
.sygsjj .gs_con { width: 100%; margin: 30px auto; overflow: hidden; }
.sygsjj .gs_con p { color: #000; line-height: 200%; }
.sygsjj .gs_con h2 { color: #de0000; font-size: 42px; font-weight: normal; margin-bottom: 15px; }
.sygsjj .syal1 h2 { height: 80px; border-bottom: 1px solid #fff; margin-bottom: 20px; font-size: 40px; color: #fff; }
.sygsjj .syal1 .al_fl { color: #fff; }
.sygsjj .syal1 .al_fl a { display: inline-block; color: #fff; padding: 10px 30px; background: #de0000; margin-left: 20px; border-radius: 30px; margin-bottom: 10px;}
.sygsjj .syal1 .al_fl a:hover { background: #000; }
.sygsjj .syal1 .syal3 { background: #fff; border-radius: 30px 30px  0 0; margin-top: 30px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.377); padding: 50px 20px; overflow: hidden; height: 600px; }
.sygsjj .syal1 .syal3 li { float: left; width: 31%; margin-left: 2%; position: relative; margin-bottom: 30px; }
.sygsjj .syal1 .syal3 li img { width: 100%; display: block; }
.sygsjj .syal1 .syal3 li ol { position: absolute; width: 100%; height: 100%; background: rgba(222, 0, 0, 0.686); left: 0; top: 0; line-height: 280px; color: #fff; text-align: center; font-size: 30px; visibility: hidden; opacity: 0; z-index: 999; transition: all .3s; }
.sygsjj .syal1 .syal3 li:hover ol { visibility: visible; opacity: 1; }

@media (max-width: 1360px) { .top_tel { display: none; } }

/*# sourceMappingURL=chen.css.map */