@font-face { font-family: CAI978; src: local("CAI978 Regular"), local("CAI978"), url("") format("woff"), url("") format("truetype"), url("CAI978.svg#CAI978") format("svg"); }
@font-face { font-family: DINOTLIGHT; src: local("DINOTLIGHT Regular"), local("DINOTLIGHT"), url("") format("woff"), url("") format("truetype"), url("DINOTLIGHT.svg#DINOTLIGHT") format("svg"); }
* { margin: 0px; padding: 0px; outline: none; transition-property: all; }
.fixtop .toper ul.navpc li a, .fixright, .tblank, .fixtop, .fixtop .toper .logo, .fixtop .toper .btnopen, .fixtop .toper ul.navpc li a, .tblank, .bxslider li a, .indsolution li .l, .indsolution li .t, .indsolution li .p, .rightmenu li, .rightmenu li a, .rightmenu li p, .indcha li, .conslist .cons, .conslist .pcover, .tab_content a.m, .tab_content a.m i, .indphoto .cate li a, #slider2 .slide img, .indchoose ul li .td, .indnews li .addtime, .indnews li .addtime h1, .indnews li .cons .title a, .bottomprevnext p, .bottomprevnext p a, .photography_list li, .photography_list li .cons, .caseaabout .mright .cons .more i, .news li .pic a, .news li, .news li .addtime, .news li .addtime h2, .news li .cons .title a, .news li .cons .content, .news li i, .contact #mbtn, .fixtop .navpc span { transition-duration: 0.3s; }
.conslist:hover .pcover, #slider2 .slide img:hover, .news li .pic a:hover { transform: scale(1.05); }
.abc { transform: rotate(360deg); }
.indnum li, .indphoto .list li, .indcus .mright .cons, .indcus .mright, .indchoose ul li, .photography_list li, .caseaabout .mright, .service li, .service li .cons, .service li .cons .ts, .contact input[type="text"] { box-sizing: border-box; }
html { text-size-adjust: none; font-family: "Microsoft YaHei", 微软雅黑, arial, 宋体; height: 100%; }
body { font-family: "Microsoft YaHei", 微软雅黑, arial, 宋体; height: 100%; margin: 0px auto; overflow-x: hidden; background: rgb(255, 255, 255); font-size: 14px; line-height: 30px; color: rgb(102, 102, 102); max-width: 1920px; }
h1, h2, h3, h4, h5 { font-weight: normal; font-size: 14px; line-height: 30px; }
a, input, button, select, textarea { text-decoration: none; outline: none; color: rgb(0, 79, 162); }
a:hover, .cr9 a:hover, .indsolution li:hover .t, .cr3 a:hover, .cooperation li .cons a:hover { color: rgb(0, 79, 162); }
.cr3, .cr3 a { color: rgb(51, 51, 51); }
.table { display: table; width: 100%; }
.table .td { display: table-cell; vertical-align: middle; }
.cons .table { display: table; width: 100%; margin-top: 160px; }
img { border: 0px; max-width: 100%; height: auto; vertical-align: middle; }
input, button, select, textarea { outline: none; font-family: "Microsoft YaHei", 微软雅黑, arial, 宋体; border: 0px; }
textarea { resize: none; }
i { font-style: normal; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] { appearance: none; padding: 0px; margin: 0px; font-weight: normal; }
ul, li, dl, dt, dd { list-style: none; }
hr { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); height: 1px; margin: 5px 0px; }
.clear, .clearfix { clear: both; }
.relative { position: relative; }
.reover { position: relative; overflow: hidden; }
.cover { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.pcover { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; }
.gray { filter: grayscale(100%); }
.gray:hover { filter: grayscale(0); }
.gray2 { filter: grayscale(0); }
.gray2:hover { filter: grayscale(100%); }
::-webkit-input-placeholder { color: rgb(153, 153, 153); }
::selection { background: rgb(0, 79, 162); color: rgb(255, 255, 255); }
::-webkit-selection { background: rgb(0, 79, 162); color: rgb(255, 255, 255); }
.pageclass { height: 0px; overflow: hidden; }
.page_wrap { width: 100%; padding: 70px 0px; text-align: center; }
.pager { padding: 0px; width: 100%; }
.pager a { margin: 2px; text-align: center; display: inline-block; text-decoration: none; border: 1px solid rgb(230, 230, 230); }
.pager span.current { margin: 0px 2px; display: inline-block; text-align: center; }
.pager span.disabled { margin: 0px 2px; display: inline-block; text-align: center; border: 1px solid rgb(230, 230, 230); }
.pager select { margin: 0px 2px -2px; }
.pager input { margin: 0px 2px -2px; padding: 2px; text-align: center; }
.pager a, .pager span.disabled { }
.pager a:hover, .pager span.current { background: rgb(0, 79, 162); border: 1px solid rgb(230, 230, 230); }
.pager a:hover, .pager span.current { color: rgb(255, 255, 255); border: 1px solid rgb(0, 79, 162); }
.pager a, .pager span.disabled { color: rgb(153, 153, 153); border: 1px solid rgb(230, 230, 230); }
.pager a, .pager span.current, .pager span.disabled { width: 30px; text-align: center; height: 30px; line-height: 30px; }
.pager, .pager select, .pager input, .pager a, .pager span.disabled { font-size: 14px; }
.di { float: left; }
.dipage { float: left; }
.picleft { margin-right: 30px; margin-bottom: 20px; }
.picright { margin-left: 30px; margin-bottom: 20px; }
.wrap { margin: 0px auto; max-width: 1600px; position: relative; }
.wrap2 { margin: 0px auto; max-width: 1503px; position: relative; }
.wrap3 { margin: 0px auto; max-width: 1550px; position: relative; }
.nwrap2 { margin: 0px auto; max-width: 1300px; padding: 0px 10px; position: relative; }
.phonemenu { display: none; }
.fixtop { height: 100px; line-height: 115px; position: fixed; z-index: 9998; left: 0px; width: 100%; background: rgb(255, 255, 255); }
.fixtop .toper .logo { background: url("../images/logo.png") center bottom no-repeat; width: 217px; height: 54px; margin-top: 30px; float: left; display: block; overflow: hidden; text-indent: -99em; }
.fixtop .toper .btnopen { float: right; background: url("../images/1.png") center bottom no-repeat; width: 21px; height: 21px; cursor: pointer; margin: 47px 0px 0px 16px; }
.fixtop .toper ul.navpc { float: right; }
.fixtop .toper ul.navpc li { display: inline-block; }
.fixtop .toper ul.navpc li a { display: block; padding: 0px 16px; height: 102px; line-height: 115px; border-bottom: 4px solid transparent; }
.fixtop .toper ul.navpc li a:hover, .fixtop .toper ul.navpc li.check a { color: rgb(0, 79, 162); border-color: rgb(0, 79, 162); }
.tblank { height: 115px; }
.fixtop1 { background: none; }
.fixtop1 .toper .logo { background-position: center top; overflow: hidden; text-indent: -99em; }
.fixtop1 .toper ul.navpc li a, .fixtop1 .toper ul.navpc li.check a { color: rgb(255, 255, 255); border-color: transparent; }
.fixtop1 .toper ul.navpc li a:hover { color: rgb(0, 79, 162); border-color: transparent; }
.fixtop1 .toper .btnopen { background-position: center top; }
.tblank1 { display: none; }
.fixtopvi .toper .btnopen { background-position: center bottom; }
.fixtopvi .toper .navpc .btnopen { float: none; background: none; width: auto; height: auto; margin: 0px; }
.fixtop1.active .toper .logo { background-position: center bottom; }
.fixtop1.active .toper ul.navpc li a { color: rgb(102, 102, 102); }
.fixtop1.active .toper .btnopen { background-position: center bottom; }
.fixtop1.active .toper ul.navpc li a:hover, .fixtop1.active .toper ul.navpc li.check a { color: rgb(0, 79, 162); border-color: rgb(0, 79, 162); }
.fixtop.active { height: 85px; line-height: 85px; background: rgb(255, 255, 255); }
.fixtop.active .toper .logo { margin-top: 16px; }
.fixtop.active .toper .btnopen { margin-top: 32px; }
.fixtop.active .toper ul.navpc li a { height: 81px; line-height: 85px; }
.tblank.active { height: 85px; }
.fixtop .toper ul.navpc li.m2 { display: none; }
.fixtop .toper ul.navpc li.m2 a:hover { border-color: transparent; }
.fixtop.active .navpc span { display: none; }
.fixtop.active .toper ul.navpc li.m2 { display: block; }
.fixtopvi.active .toper .navpc .btnopen { margin: 0px; }
.fixright { background: rgb(255, 255, 255); position: fixed; z-index: 9999; right: -400px; top: 0px; width: 400px; height: 100%; }
.fixright.active { right: 0px; }
.fixright .btnclose { background: url("../images/2.png"); width: 50px; height: 50px; cursor: pointer; margin: 18px 0px 0px 332px; }
.fixright ul { border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(245, 245, 245); border-bottom-color: rgb(245, 245, 245); border-image: initial; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; padding: 30px 65px; margin: 17px 0px; }
.fixright ul li { float: left; width: 50%; margin: 5px 0px; }
.fixright ul li.b { width: 100%; font-weight: 700; }
.fixright .cons { padding: 10px 0px 0px 65px; }
.fixright .cons h1 { font-weight: 700; padding: 0px 0px 25px; }
.fixright .cons p { float: left; margin: 0px 30px 0px 0px; }
.fixright .cons p.p3 { clear: both; margin: 25px 0px 0px; }
.fixright .cons p span { display: inline-block; width: 50px; margin: 0px 15px 0px 0px; }
.fixright .cons p.p2 span { margin: 0px; }
.bxslider li a { display: block; height: 760px; background-position: center 0px; background-repeat: no-repeat; background-attachment: fixed; }
.bxslider.active li a { background-position: center 0px; }
body.bg { background: rgb(248, 248, 248); }
.cr9 { color: rgb(153, 153, 153); }
.cr9 a { color: rgb(153, 153, 153); }
.ft16, .ft16 a { font-size: 16px; line-height: 36px; }
.indsolution { text-align: center; }
.indsolution .title { color: rgb(0, 79, 162); font-size: 30px; line-height: 56px; font-weight: 300; margin: 60px 0px 5px; }
.indsolution .title font { font-weight: 700; }
.indsolution .line { background: rgb(86, 180, 50); height: 2px; margin: 25px auto; width: 70px; }
.indsolution ul { margin-top: 80px; }
.indsolution li { float: left; width: 17.5%; text-align: center; }
.indsolution li.i { width: 10%; }
.indsolution li.i i { display: block; margin: 22px auto 0px; background: url("../images/6.png"); width: 26px; height: 24px; }
.indsolution li .p { width: 150px; height: 130px; margin: 0px auto; }
.indsolution li .l { height: 2px; width: 70px; margin: 30px auto 20px; }
.indsolution li .t { font-size: 22px; line-height: 48px; letter-spacing: 2px; font-weight: 300; }
.indsolution li:hover .l { background: rgb(0, 79, 162); }
.indsolution li:hover .p { background-position: center bottom; }
.indcha { background: url("../images/1.jpg") center center / cover no-repeat fixed; margin: 53px 0px 0px; padding: 138px 0px 0px; text-align: center; color: rgb(255, 255, 255); }
.indcha .title { font-size: 30px; line-height: 64px; font-weight: 700; }
.indcha .content { font-size: 22px; line-height: 81px; font-weight: 300; }
.indcha ul { margin-top: 80px; }
.indcha li { float: left; width: 17.5%; text-align: center; position: relative; top: 0px; }
.indcha li:hover { top: -10px; }
.indcha li.i:hover { top: 0px; }
.indcha li.i { width: 10%; }
.indcha li.i i { display: block; margin: 340px auto 0px; width: 17px; height: 17px; }
.indcha li .p { width: 100px; height: 100px; background-repeat: no-repeat; background-position: center center; margin: 0px auto 30px; clear: both; overflow: hidden; }
.indcha li .t { font-size: 18px; line-height: 33px; letter-spacing: 1px; }
.indcha li .c { font-size: 18px; line-height: 33px; font-weight: 700; letter-spacing: 1px; }
.indcasecons {background: rgb(255, 255, 255);padding: 45px 0px;}
.indcasecons .mleft { float: left; width: 55%; font-size: 30px; line-height: 56px; }
.indcasecons .mleft .t { color: rgb(0, 79, 162); font-weight: 700; }
.indcasecons .mleft .c { font-weight: 300; margin-top: 5px; }
.indcasecons .mright { float: right; width: 31%; }
.indcasecons .mright .tel { float: left; }
.indcasecons .mright .tel .c { font-size: 18px; background: url("../images/t.png") left center no-repeat; padding: 0px 0px 0px 60px; height: 40px; line-height: 40px; letter-spacing: 1px; font-weight: 300; }
.indcasecons .mright .tel .t { font-size: 22px; margin-top: 30px; font-family: CAI978; }
.indcasecons .mright .wx { float: right; max-width: 130px; }
.indcase { margin: 50px 0px 0px; }
.indcase .cate3 { position: absolute; right: 0px; top: 23px; text-align: right; }
.indcase .cate3 a { font-size: 16px; }
.indcase .cate3 a.a2 { margin: -5px 70px 0px; }
.indcase .cate3 img { margin-right: 15px; }
.tabs { display: table; }
.tabs li { display: inline-block; margin-right: 45px; }
.tabs a { display: block; transition: all 0.2s ease-in-out 0s; color: rgb(153, 153, 153); border-top: 3px solid transparent; line-height: 75px; }
.currenttab a { color: rgb(51, 51, 51); border-color: rgb(0, 79, 162); }
.tabs_item { display: none; text-align: center; }
.tabs_item:first-child { display: block; }
.tab_content { margin-top: 30px; }
.tab_content a.m { background: rgb(255, 255, 255); height: 75px; line-height: 75px; margin-top: 30px; display: block; text-align: center; }
.tab_content a.m i { width: 25px; height: 25px; display: inline-block; margin: -2px 22px 0px 0px; vertical-align: middle; }
.tab_content a.m:hover { background: rgb(0, 79, 162); color: rgb(255, 255, 255); }
.tab_content a.m:hover i { background-position: center bottom; }
.single_item { display: inline-block; vertical-align: top; width: 33.3333%; position: relative; overflow: hidden; }
.conslist .cons { position: absolute; z-index: 50; width: 100%; height: 100%; background: rgba(183, 185, 189, 0.38); text-align: center; color: rgb(255, 255, 255); opacity: 0; }
.conslist .cons .td div { border-width: 2px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; width: 70%; margin: 0px auto; padding: 20px 0px 25px; }
.conslist .cons .td div p { font-size: 25px; line-height: 40px; color: rgb(255, 255, 255); }
.conslist:hover .cons { opacity: 1; }
.indnum { margin: 70px 0px 60px; }
.indnum li { float: left; width: 25%; text-align: center; border-right: 1px solid rgb(145, 145, 145); padding: 10px 0px 0px; }
.indnum li .num { height: 25px; }
.indnum li.f4 { border: 0px; }
.indnum li .count-outer { color: rgb(0, 79, 162); font-size: 30px; font-family: DINOTLIGHT; display: inline-block; vertical-align: top; }
.indnum li .p1 { display: inline-block; vertical-align: top; font-size: 75px; font-family: DINOTLIGHT; color: rgb(0, 79, 162); }
.indnum li .p2 { display: inline-block; vertical-align: top; color: rgb(0, 79, 162); font-size: 35px; font-family: DINOTLIGHT; margin: -25px 0px 0px 5px; }
.indnum li.f4 h1 { font-size: 33px; margin: 18px 0px 0px; }
.indnum li.f4 h3 { margin-left: -20px; }
.indnum li .cons { font-size: 18px; color: rgb(153, 153, 153); margin: 40px 0px 0px; }
.indphoto { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 70px 0px; text-align: center; color: rgb(0, 79, 162); }
.indphoto .subject { font-size: 30px; letter-spacing: 2px; line-height: 42px; font-weight: 300; }
.indphoto .subject font { font-weight: 700; }
.indphoto .cate { margin: 50px 0px; }
.indphoto .cate li { display: inline-block; vertical-align: top; margin: 0px 15px; }
.indphoto .cate li a { border-radius: 25px; height: 35px; line-height: 34px; padding: 0px 20px; font-size: 20px; display: block; background: rgb(255, 255, 255); color: rgb(51, 51, 51); }
.indphoto .cate li a:hover { color: rgb(255, 255, 255); background: rgb(0, 79, 162); }
.indphoto .list { max-width: 1200px; margin: 100px auto 0px; }
.indphoto .list li { float: left; width: 49%; border-right: 1px solid rgb(200, 198, 198); color: rgb(0, 79, 162); }
.indphoto .list li.f4 { border: 0px; }
.indphoto .list li .t { font-size: 25px; line-height: 37px; font-weight: 700; margin: 0px 0px 10px; }
.indphoto .list li .c { font-size: 18px; line-height: 31px; }
.indcus { background: rgb(255, 255, 255); position: relative; padding: 80px 0px; }
.indcus .line { position: absolute; bottom: 0px; left: 0px; width: 45px; height: 1px; background: rgb(153, 153, 153); }
.indcus .mleft { float: left; width: 29%; }
.indcus .mleft .f1 { font-size: 30px; line-height: 30px; font-weight: 300; }
.indcus .mleft .f2 { font-weight: 700; line-height: 20px; margin: 15px 0px 20px; }
.indcus .mleft .f3 { width: 45px; background: rgb(0, 79, 162); height: 4px; }
.indcus .mleft .f4 { font-size: 26px; line-height: 36px; font-weight: 700; margin: 55px 0px 10px; }
.indcus .mleft .f5 { font-size: 23px; line-height: 33px; font-weight: 300; }
.indcus .mleft .f6 { margin-top: 35px; }
.indcus .mright { float: right; width: 68%; border-right: 1px solid rgb(226, 216, 216); }
.indcus .mright .cons { float: right; padding: 0px 55px 0px 60px; width: 38%; }
.indcus .mright .cons .t { font-size: 30px; line-height: 30px; font-weight: 300; }
.indcus .mright .cons .l { width: 45px; background: rgb(0, 79, 162); height: 4px; margin: 40px 0px; }
#slider2 .pic { float: left; width: 62%; position: relative; overflow: hidden; }
#slider2 .bx-wrapper .bx-prev { left: 62%; margin-left: -50px; background-image: url("../images/l.gif"); width: 50px; height: 50px; }
#slider2 .bx-wrapper .bx-next { left: 62%; right: auto; margin-right: -50px; background-image: url("../images/r.gif"); width: 50px; height: 50px; }
#slider2 .bx-wrapper .bx-controls-direction a { top: auto; bottom: 0px; margin-top: 0px; width: 50px; height: 50px; }
#slider2 .bx-wrapper .bx-controls-direction a:hover { }
#slider2 .slide { position: relative; overflow: hidden; }
.indchoose { text-align: center; }
.indchoose .title { font-size: 30px; line-height: 55px; color: rgb(0, 79, 162); margin: 40px 0px 0px; letter-spacing: 2px; font-weight: 700; }
.indchoose .content { font-size: 16px; line-height: 55px; font-weight: 300; }
.indchoose ul { background: rgb(255, 255, 255); border-radius: 5px; margin: 40px 0px; }
.indchoose ul li { display: inline-block; vertical-align: middle; width: 33.3333%; border-right: 1px solid rgb(237, 235, 235); padding: 80px 0px; margin: -15px 0px; }
.indchoose ul li .td { position: relative; top: 0px; }
.indchoose ul li:hover .td { top: -5px; }
.indchoose ul li.f3 { border: 0px; }
.indchoose ul li .pic { display: inline-block; vertical-align: middle; width: 31%; text-align: right; }
.indchoose ul li .cons { display: inline-block; vertical-align: middle; width: 59%; margin-left: 10%; text-align: left; }
.indchoose ul li .cons .t { font-size: 22px; font-weight: 700; line-height: 40px; }
.indchoose ul li .cons .t2 { font-size: 18px; font-weight: 300; line-height: 40px; }
.indchoose ul li .cons .l { width: 60px; height: 1px; background: rgb(102, 102, 102); margin: 25px 0px; }
.indchoose ul li .cons .c { line-height: 26px; }
.logochoose { background: rgb(255, 255, 255); }
.logochoose ul { border-radius: 0px; margin: 0px; }
.logochoose ul li { margin: 0px; }
.indnews { padding: 30px 0px 100px; }
.indnews .mleft { float: left; width: 27%; }
.indnews .mleft .t { font-size: 32px; line-height: 30px; font-weight: 700; color: rgb(0, 79, 162); }
.indnews .mleft .et { margin-top: 10px; font-size: 16px; line-height: 55px; font-weight: 300; }
.indnews .mleft .l { width: 45px; height: 2px; background: rgb(86, 180, 50); margin: 20px 0px 115px; }
.indnews .mleft .c { font-weight: 700; font-size: 22px; line-height: 35px; color: rgb(0, 79, 162); letter-spacing: 1px; }
.indnews .mright { float: right; width: 68%; }
.indnews ul { width: 106%; margin-left: -3%; margin-top: -85px; }
.indnews li { float: left; width: 44%; position: relative; margin: 85px 3% 0px; }
.indnews li .addtime { position: absolute; left: 0px; top: 0px; width: 105px; height: 105px; border: 1px solid rgb(102, 102, 102); text-align: center; font-family: DINOTLIGHT; }
.indnews li .addtime .n1 { font-size: 22px; line-height: 22px; color: rgb(51, 51, 51); margin: 17px 0px 6px; }
.indnews li .addtime .n2 { font-size: 45px; line-height: 45px; }
.indnews li .cons { margin: 0px 0px 0px 135px; }
.indnews li .cons .title { height: 20px; line-height: 20px; overflow: hidden; margin: 14px 0px 15px; }
.indnews li .cons .title a { font-size: 18px; color: rgb(51, 51, 51); }
.indnews li .cons .content { line-height: 26px; height: 50px; overflow: hidden; }
.indnews li:hover .addtime { background: rgb(0, 79, 162); color: rgb(255, 255, 255); border-color: rgb(0, 79, 162); }
.indnews li:hover .addtime .n1 { color: rgb(255, 255, 255); }
.indnews li:hover .cons .title a { color: rgb(0, 79, 162); }
.casemenu { text-align: center; padding: 65px 0px; }
.casemenu li { display: inline-block; vertical-align: top; }
.casemenu li i { width: 1px; height: 15px; display: inline-block; vertical-align: top; background: rgb(212, 208, 208); margin: 8px 25px 0px; }
.casemenu li.check a { color: rgb(0, 79, 162); }
.case { padding: 0px 0px 70px; }
.get_more { float: left; width: 100%; text-align: center; padding: 70px 0px 0px; }
.get_more p { color: rgb(102, 102, 102); }
.get_more p i { background: url("../images/jia.png") center center no-repeat; width: 38px; height: 38px; margin: 0px auto 10px; display: block; }
.ashow { margin-top: 70px; }
.ashow .mleft { float: left; width: 36%; }
.ashow .mleft .t h1 { font-size: 30px; line-height: 45px; }
.ashow .mleft .t2 h2 { font-size: 18px; line-height: 33px; font-weight: 300; margin: 5px 0px 40px; }
.ashow .mleft .l { width: 100px; height: 3px; background: rgb(0, 79, 162); }
.ashow .mright { float: right; width: 54%; }
.ashow .mright .l { width: 30px; height: 3px; margin: 40px 0px; background: rgb(102, 102, 102); }
.ashow .cons { text-align: center; margin-top: 30px; }
.ashow .cons img { width: 1200px; }
.rightprevnext { position: fixed; z-index: 9990; top: 50%; left: 50%; margin: -90px 0px 0px 820px; width: 22px; }
.rightprevnext .close { background: url("../images/sw1.png") no-repeat; width: 22px; height: 23px; display: block; margin-left: -5px; margin-bottom: 20px; }
.rightprevnext .next { background: url("../images/sw2.png") no-repeat; width: 15px; height: 27px; display: block; margin: 0px 0px 20px; }
.rightprevnext .prev { background: url("../images/sw3.png") no-repeat; width: 15px; height: 27px; display: block; margin: 0px 0px 20px; }
.rightprevnext .bdsharebuttonbox a.bds_more { background: url("../images/sw4.png") no-repeat; width: 21px; height: 23px; }
.rightprevnext a:hover { background-position: center bottom; }
.rightprevnext .bdsharebuttonbox a.bds_more:hover { background-position: center bottom; margin-left: -10px; }
.bottomprevnext { background: rgb(255, 255, 255); text-align: center; height: 90px; line-height: 90px; margin: 60px 0px; }
.bottomprevnext p { display: inline-block; vertical-align: middle; height: 100%; width: 47%; }
.bottomprevnext p a { width: 100%; height: 100%; }
.bottomprevnext p.prev { text-align: right; }
.bottomprevnext p.prev a { padding: 0px 5% 0px 0px; width: 95%; }
.bottomprevnext p.close { width: 6%; }
.bottomprevnext p.close a { background: url("../images/close.png") center center no-repeat; }
.bottomprevnext p.next { text-align: left; }
.bottomprevnext p a { width: 95%; }
.bottomprevnext p.prev:hover { background-color: rgb(0, 79, 162); color: rgb(255, 255, 255); }
.bottomprevnext p.prev:hover a { color: rgb(255, 255, 255); }
.bottomprevnext p.next:hover { background-color: rgb(0, 79, 162); color: rgb(255, 255, 255); }
.bottomprevnext p.next:hover a { color: rgb(255, 255, 255); }
.bottomprevnext p.close a { display: block; width: 100%; height: 100%; }
.bottomprevnext p.close a:hover { background: url("../images/close2.png") center center no-repeat rgb(62, 62, 62); }
.recommond { padding: 0px 0px 110px; }
.recommond .subject { text-align: center; }
.recommond .subject .p1 { font-size: 30px; font-weight: 300; }
.recommond .subject .p2 { font-size: 25px; font-weight: 300; margin: 10px 0px 60px; letter-spacing: 2px; }
.photography #worksmore { width: 100.4%; margin-left: -0.3%; margin-top: -0.6%; }
.photography .single_item { width: 32.7333%; margin: 0.6% 0.3% 0px; }
.photography_list { background: url("../images/2.jpg") center center / cover no-repeat; padding: 80px 0px; text-align: center; }
.photography_list ul { width: 101%; margin-left: -0.5%; }
.photography_list li { text-align: center; width: 24%; margin: 0px 0.5%; padding: 4% 5%; float: left; background: rgba(255, 255, 255, 0.08); position: relative; top: 0px; }
.photography_list li .title { font-size: 22px; color: rgb(255, 255, 255); margin: 15px 0px 10px; }
.photography_list li .cons { font-size: 16px; line-height: 31px; color: rgb(153, 153, 153); }
.photography_list li:hover { background: rgb(0, 79, 162); top: -10px; }
.photography_list li:hover .cons { color: rgb(255, 255, 255); }
.bgfff { background: none; }
.caseaabout { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 27px 0px; }
.caseaabout .wrap2 { max-width: 1285px; }
.caseaabout .mleft { float: left; width: 20%; }
.caseaabout .mright { float: right; width: 70%; padding: 60px 80px 60px 60px; background: rgb(255, 255, 255); position: relative; }
.caseaabout .mright .icon { background: url("../images/1.gif") center center no-repeat; width: 74px; height: 74px; position: absolute; right: -37px; top: 60px; }
.caseaabout .mright .subject { position: absolute; left: 60px; top: 60px; border-right: 2px solid rgb(0, 79, 162); padding: 0px 40px 0px 0px; }
.caseaabout .mright .subject .p1 { font-size: 22px; line-height: 22px; font-family: CAI978; }
.caseaabout .mright .subject .p2 { font-size: 18px; line-height: 18px; margin-top: 10px; }
.caseaabout .mright .cons { margin: 0px 0px 0px 170px; }
.caseaabout .mright .cons .title { font-size: 20px; line-height: 35px; margin: 30px 0px 18px; }
.caseaabout .mright .cons .more { display: inline-block; margin-top: 40px; }
.caseaabout .mright .cons .more a { display: block; color: rgb(153, 153, 153); }
.caseaabout .mright .cons .more i { display: block; height: 2px; width: 20px; background: rgb(0, 79, 162); margin-top: 3px; }
.caseaabout .mright .cons .more:hover i { width: 100%; }
.aboutpic .mright { background: rgba(255, 255, 255, 0.9); }
.aboutnum { background: rgb(255, 255, 255); margin: 0px; padding: 70px 0px 60px; }
.about { background: url("../images/3.jpg") center center / cover no-repeat; padding: 100px 0px 230px; }
.about .wrap2 { max-width: 1300px; }
.about .mleft { float: left; width: 100px; margin-left: 2%; }
.about .mright { float: right; width: 840px; }
.about .mright .cons { font-weight: 300; font-size: 30px; line-height: 50px; margin: 0px 0px 80px 80px; }
.about .mright ul { width: 110%; margin-top: -8%; margin-left: -5%; }
.about .mright li { float: left; width: 40%; margin: 8% 5% 0px; position: relative; }
.about .mright li .num { position: absolute; left: 0px; width: 45px; height: 45px; line-height: 45px; background: rgb(0, 79, 162); color: rgb(255, 255, 255); text-align: center; font-family: DINOTLIGHT; font-size: 35px; }
.about .mright li .list { margin: 0px 0px 0px 80px; }
.about .mright li .list .t { font-weight: 300; font-size: 22px; line-height: 25px; height: 25px; overflow: hidden; }
.about .mright li .list .l { width: 40px; height: 1px; background: rgb(102, 102, 102); margin: 25px 0px 20px; }
.about .mright li .list .c { line-height: 30px; height: 60px; overflow: hidden; }
.bannerin { height: 450px; background-position: center center; background-repeat: no-repeat; }
.news .wrap2 { max-width: 1180px; }
.news ul { padding-top: 10px; }
.news li { position: relative; height: 200px; background: rgb(255, 255, 255); margin-top: 35px; }
.news li .pic { position: absolute; left: 0px; top: 0px; width: 338px; height: 100%; overflow: hidden; }
.news li .pic a { display: block; width: 100%; height: 100%; }
.news li .addtime { position: absolute; left: 388px; top: 50px; width: 90px; text-align: center; }
.news li .addtime .p1 { font-size: 35px; font-family: DINOTLIGHT; margin: 20px 0px 5px; }
.news li .addtime .p2 { font-size: 20px; font-family: DINOTLIGHT; color: rgb(51, 51, 51); }
.news li .cons { margin: 0px 180px 0px 528px; padding: 35px 0px 0px; }
.news li .cons .title { height: 20px; line-height: 20px; overflow: hidden; }
.news li .cons .title a { font-size: 18px; }
.news li .cons .content { line-height: 30px; height: 60px; overflow: hidden; font-weight: 300; margin-top: 15px; }
.news li .cons .tag a { color: rgb(0, 79, 162); }
.news li i { display: block; width: 42px; height: 42px; position: absolute; right: 68px; top: 78px; background: url("../images/13.png") right center no-repeat; }
.news li i a { display: block; width: 100%; height: 100%; }
.news li:hover { background: rgb(0, 79, 162); }
.news li:hover .addtime { color: rgb(255, 255, 255); }
.news li:hover .addtime .p2 { color: rgb(255, 255, 255); }
.news li:hover .cons .title a { color: rgb(255, 255, 255); }
.news li:hover .cons .content { color: rgb(255, 255, 255); }
.news li:hover .cons .tag { color: rgb(255, 255, 255); }
.news li:hover .cons .tag a { color: rgb(255, 255, 255); }
.news li:hover i { background-position: left center; }
.nshow { max-width: 820px; float: left; }
.nshow .title h1 { font-size: 30px; line-height: 45px; margin: 20px 0px 0px; color: rgb(113, 111, 112); }
.nshow .addtime { font-weight: 300; padding: 0px 0px 10px; background: url("../images/line.jpg") left bottom no-repeat; }
.nshow .content { margin-top: 40px; }
.nshow .bottomprevnext p { width: 46%; overflow: hidden; }
.nshow .bottomprevnext p.close { width: 8%; }
.nshow_right { max-width: 400px; float: right; }
.newslist_title { max-width: 400px; height: 105px; background: url("../images/line.jpg") left bottom no-repeat; }
.newslist_title h3 { width: 262px; height: 55px; font-size: 24px; line-height: 54px; padding: 15px 0px; font-weight: 300; margin: 20px 0px 10px; float: left; }
.newslist_title a.more { width: 82px; height: 26px; margin-top: 55px; background: url("../images/more1.png") left bottom no-repeat; display: block; float: right; }
.newslist_title a.more:hover { background: url("../images/more2.png") left bottom no-repeat; }
.newslist .conslist .cons .td div { border: 0px; }
.newslist .conslist .cons .td div p a { width: 100px; height: 100px; display: block; border: 0px; }
.newslist .case { padding: 0px 0px 20px; }
.newslist .single_item { display: inline-block; vertical-align: top; width: 50%; position: relative; overflow: hidden; }
.newslist ul a { line-height: 25px; padding-right: 15px; }
.nshow .indnews { padding: 30px 0px 100px; }
.nshow .indnews .mright { width: 100%; }
.nshow .indnews ul { width: 106%; margin-left: -3%; margin-top: -85px; }
.nshow .indnews li { float: left; width: 44%; position: relative; margin: 85px 3% 0px; }
.nshow .indnews li .addtime { position: absolute; left: 0px; top: 0px; width: 105px; height: 105px; border: 1px solid rgb(102, 102, 102); text-align: center; font-family: DINOTLIGHT; padding: 0px; }
.nshow .indnews li .addtime .n1 { font-size: 22px; line-height: 22px; color: rgb(51, 51, 51); margin: 17px 0px 6px; }
.nshow .indnews li .addtime .n2 { font-size: 45px; line-height: 45px; }
.nshow .indnews li .cons { margin: 0px 0px 0px 135px; }
.nshow .indnews li .cons .title { height: 30px; line-height: 30px; margin: 4px 0px 5px; text-align: left; }
.nshow .indnews li .cons .title a { font-size: 18px; color: rgb(51, 51, 51); }
.nshow .indnews li .cons .content { line-height: 25px; height: 50px; overflow: hidden; margin-top: 10px; }
.nshow .indnews li:hover .addtime { background: rgb(0, 79, 162); color: rgb(255, 255, 255); border-color: rgb(0, 79, 162); }
.nshow .indnews li:hover .addtime .n1 { color: rgb(255, 255, 255); }
.nshow .indnews li:hover .cons .title a { color: rgb(0, 79, 162); }
.nshow .content { font-size: 14px; line-height: 30px; }
.nshow .content h2 { margin: 20px 0px 0px; font-size: 23px; line-height: 30px; font-weight: 300; color: rgb(0, 79, 162); }
.nshow .content ol li { font-size: 16px; font-weight: bold; border-top: none; border-bottom: 1px solid rgb(212, 212, 212); }
.nshow .content p { margin-top: 15px; font-size: 16px; font-weight: 100; }
.nshow .content .servicelist { padding: 0px; }
.nwrap2 .indnews { padding: 30px 0px 100px; }
.nwrap2 .indnews .mright { width: 100%; }
.nwrap2 .indnews .a_title h3 { width: 100px; height: 55px; font-size: 24px; line-height: 54px; padding: 15px 0px; border-bottom: 3px solid rgb(0, 79, 162); font-weight: 300; margin: 10px auto 20px; text-align: center; }
.nwrap2 .indnews ul { width: 106%; margin-left: -3%; margin-top: -85px; }
.nwrap2 .indnews li { float: left; width: 27%; position: relative; margin: 85px 3% 0px; }
.nwrap2 .indnews li .addtime { position: absolute; left: 0px; top: 0px; width: 105px; height: 105px; border: 1px solid rgb(102, 102, 102); text-align: center; font-family: DINOTLIGHT; }
.nwrap2 .indnews li .addtime .n1 { font-size: 22px; line-height: 22px; color: rgb(51, 51, 51); margin: 17px 0px 6px; }
.nwrap2 .indnews li .addtime .n2 { font-size: 45px; line-height: 45px; }
.nwrap2 .indnews li .cons { margin: 0px 0px 0px 135px; }
.nwrap2 .indnews li .cons .title { height: 20px; line-height: 20px; overflow: hidden; margin: 14px 0px 15px; }
.nwrap2 .indnews li .cons .title a { font-size: 18px; color: rgb(51, 51, 51); }
.nwrap2 .indnews li .cons .content { line-height: 25px; height: 50px; overflow: hidden; }
.nwrap2 .indnews li:hover .addtime { background: rgb(0, 79, 162); color: rgb(255, 255, 255); border-color: rgb(0, 79, 162); }
.nwrap2 .indnews li:hover .addtime .n1 { color: rgb(255, 255, 255); }
.nwrap2 .indnews li:hover .cons .title a { color: rgb(0, 79, 162); }
.service { background: url("../images/sbg.jpg") center center no-repeat fixed; padding: 2px 0px; }
.service ul { margin-top: -75px; }
.service li { background: rgb(255, 255, 255); margin: 75px 0px 0px; position: relative; padding: 100px 80px; }
.service li .cons { max-width: 566px; }
.service li .cons .ts { position: relative; }
.service li .cons .ts .icon { position: absolute; width: 182px; height: 135px; }
.service li .cons .ts .t2 { margin: 0px 0px 0px 202px; }
.service li .cons .ts .t2 .title { font-size: 45px; line-height: 65px; font-weight: 700; color: rgb(51, 51, 51); padding: 10px 0px 5px; }
.service li .cons .ts .t2 .title2 { font-size: 35px; font-weight: 300; line-height: 50px; color: rgb(51, 51, 51); }
.service li .cons .content { font-size: 16px; line-height: 31px; margin-top: 30px; }
.service li .pic { position: absolute; right: 130px; top: 40px; width: 325px; height: 350px; }
.servicelist { padding: 40px 0px; }
.servicelist .subject { text-align: center; font-size: 30px; line-height: 55px; color: rgb(0, 79, 162); font-weight: 700; }
.servicelist .line { width: 45px; height: 2px; background: rgb(86, 180, 50); margin: 20px auto 30px; }
.servicelist .cons { font-weight: 300; font-size: 30px; line-height: 50px; color: rgb(51, 51, 51); }
.cooperation { max-width: 1190px; margin: 0px auto 80px; }
.cooperation .subject { color: rgb(0, 79, 162); font-size: 30px; line-height: 50px; margin: 60px 0px 0px; }
.cooperation .content { font-size: 16px; font-weight: 300; line-height: 36px; margin: 0px 0px 30px; }
.cooperation li { border-top: 1px solid rgb(212, 212, 212); padding: 30px 0px; }
.cooperation li .title { position: relative; min-height: 45px; }
.cooperation li .title i { position: absolute; width: 45px; height: 45px; line-height: 45px; color: rgb(255, 255, 255); font-size: 30px; display: block; background: rgb(0, 79, 162); font-family: DINOTLIGHT; text-align: center; }
.cooperation li .title p { margin: 0px 0px 0px 65px; font-size: 23px; line-height: 43px; font-weight: 300; color: rgb(0, 79, 162); }
.cooperation li .cons { font-size: 16px; font-weight: 300; line-height: 36px; margin-top: 10px; }
.cooperation li .cons a { font-size: 16px; }
.cooperation li.f239 h1, .cooperation li.f239 h2, .cooperation li.f239 h3, .cooperation li.f239 h4, .cooperation li.f239 h5 { font-size: 24px; line-height: 34px; padding: 15px 0px; font-weight: 300; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(175, 173, 172); border-bottom-color: rgb(175, 173, 172); border-image: initial; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; margin: 10px 0px 20px; }
.cooperation li.f239 table { width: 100%; }
.cooperation li.f239 .td1 { width: 21.25%; }
.cooperation li.f239 .td2 { width: 5%; }
.cooperation li.f236 table { width: 100%; text-align: center; }
.cooperation li.f236 table img { margin: 0px 0px 10px; }
.cooperation li.f236 .td1 { width: 49%; }
.cooperation li.f236 .td2 { width: 2%; }
.cooperation li.f233 table { width: 600px; }
.contact { max-width: 1180px; margin: 0px auto; padding: 100px 0px; }
.contact .mleft { float: left; width: 30%; }
.contact .mright { float: right; width: 65%; }
.contact .msubject { float: left; width: 65%; margin-left: 35%; margin-bottom: 0px; }
.contact .msubject .title { font-size: 25px; line-height: 40px; color: rgb(51, 51, 51); margin: 80px 0px 5px; }
.contact .msubject .cons { font-weight: 300; }
.contact .en { color: rgb(0, 79, 162); font-size: 30px; font-family: CAI978; margin: 0px 0px 10px; }
.contact .cn { color: rgb(0, 79, 162); font-size: 25px; letter-spacing: 2px; }
.contact .companyname { font-size: 25px; line-height: 40px; color: rgb(51, 51, 51); }
.contact .companycons { font-weight: 300; margin: 20px 0px 0px; }
.contact .companycons table { width: 85%; }
.contact .companycons table .td1 { padding: 0px 5% 0px 0px; }
.contact input[type="text"] { border-bottom: 1px solid rgb(225, 220, 220); background: none; height: 60px; line-height: 20px; width: 100%; margin-top: 60px; }
.contact #mtel, .contact #mcompany { width: 46%; }
.contact #mcompany { float: right; }
.contact #mbtn { border: 1px solid rgb(225, 220, 220); background: none; cursor: pointer; width: 145px; height: 40px; line-height: 40px; margin-top: 35px; }
.contact #mbtn:hover { background: rgb(0, 79, 162); color: rgb(255, 255, 255); border-color: rgb(0, 79, 162); }
.foot { background: rgb(62, 62, 62); color: rgb(255, 255, 255); padding: 40px 0px 0px; }
.foot a { color: rgb(255, 255, 255); }
.foot ul { margin: 0px 0px 40px; }
.foot li { float: left; width: 25%; text-align: center; }
.foot li.tel .cons { width: 164px; text-align: center; }
.foot li.tel .c { margin: 15px 0px 0px; }
.foot li.tel .f3 { font-family: CAI978; font-size: 22px; }
.foot li.tel img { margin-top: 15px; }
.foot li.wx { width: 20.5%; padding-left: 4.5%; }
.foot li.wx .cons { width: 148px; text-align: center; }
.foot li.wx img { width: 123px; height: 123px; }
.foot li.qq { width: 14.5%; padding-left: 10.5%; }
.foot li.qq .cons { width: 91px; text-align: center; }
.foot li.qq .f1 { margin-top: 20px; margin-bottom: -20px; }
.foot li.talk { text-align: right; width: 21.5%; margin-right: 3.5%; }
.foot li.talk .cons { width: 76px; margin: 0px 0px 0px auto; text-align: center; }
.foot li.talk .f1 { margin: 18px 0px -18px; }
.foot li .f1 { height: 140px; }
.foot li i { background: rgb(79, 79, 79); height: 1px; width: 90px; margin: 65px 0px 0px; display: block; }
.foot .mleft { float: left; width: 55%; color: rgb(123, 123, 123); font-size: 14px; line-height: 22px; }
.foot .mleft a { color: rgb(123, 123, 123); font-size: 14px; }
.foot .mleft i { margin: 0px 5px; font-size: 13px; }
.foot .mleft a:hover { color: rgb(255, 255, 255); }
.foot .mright { float: right; width: 45%; font-size: 14px; text-align: right; margin-top: 25px; }
.foot .mright a { margin-left: 45px; font-size: 14px; }
.foot .mright a.a1 { margin-left: 0px; }
.foot .mright img { margin: 0px 10px 0px 0px; }
.foot .links { font-size: 14px; color: rgb(123, 123, 123); margin: 0px; }
.foot .links a { color: rgb(123, 123, 123); font-size: 14px; }
.foot .links a:hover { color: rgb(255, 255, 255); }
.foot .links i { background: rgb(123, 123, 123); width: 1px; display: inline-block; vertical-align: top; height: 12px; margin: 12px 10px 0px; }
.rightmenu { position: fixed; right: 0px; bottom: 0px; z-index: 9999; }
.rightmenu li { height: 45px; width: 45px; margin: 1px 0px 0px; background-color: rgb(236, 236, 236); position: relative; }
.rightmenu li:hover { background-color: rgb(0, 79, 162); }
.rightmenu li a { display: block; width: 100%; height: 100%; color: rgb(102, 102, 102); }
.rightmenu li p { background: rgb(0, 79, 162); color: rgb(255, 255, 255); position: absolute; right: -171px; width: 170px; height: 100%; line-height: 45px; }
.rightmenu li:hover p { right: 0px; }
.rightmenu li p i { display: inline-block; width: 45px; height: 45px; vertical-align: middle; margin-left: 5px; }
.rightmenu li p span { display: inline-block; width: 120px; vertical-align: middle; }
.rightmenu li.tel a { background: url("../images/tel.png"); }
.rightmenu li.tel p i { background: url("../images/tel.png") center bottom no-repeat; }
.rightmenu li.wx a { background: url("../images/wx.png"); }
.rightmenu li.wx .cons { position: absolute; right: 56px; width: 150px; bottom: 0px; background: rgb(255, 255, 255); text-align: center; padding: 14px 0px 11px; display: none; }
.rightmenu li.wx .cons .p { width: 123px; margin: 0px auto; }
.rightmenu li.wx .cons .t { margin-top: 4px; }
.rightmenu li.qq a { background: url("../images/qq.png"); }
.rightmenu li.qq p i { background: url("../images/qq.png") center bottom no-repeat; }
.rightmenu li.up { background-color: rgb(108, 108, 108); }
.rightmenu li.up a { background: url("../images/up.png"); }
.rightmenu li a:hover { background-position: center bottom; }
.rightmenu li.up:hover { background-color: rgb(0, 79, 162); }
.kf { display: none; }
@media only screen and (max-width: 600px) {
  .rightmenu { display: none; }
  #newBridge { display: none; }
  .nshow_right { display: none; }
  .foot { margin-bottom: 2rem; }
  .indcha { display: none; }
  div.single_item:nth-child(9) { display: none; }
  .kf { display: block; background: rgb(50, 66, 146); padding: 0.15rem 0px; position: fixed; width: 100%; left: 0px; bottom: 0px; }
  .kf a { font-size: 1rem; color: rgb(255, 255, 255); display: block; float: left; text-align: center; line-height: 2rem; width: 33.3%; height: 2rem; position: relative; }
  .kf a .ico { margin-right: 0.1rem; width: 1.5rem; }
  .kf a::after { content: ""; position: absolute; right: 0px; top: 50%; height: 0.4rem; background: rgb(79, 95, 175); width: 1px; margin-top: -0.2rem; }
  .kf a:last-child::after { display: none; }
}
.subcase a { padding: 4px 6px; border: 1px solid rgb(226, 226, 226); margin-right: 10px; margin-bottom: 10px; white-space: nowrap; clear: both; }
.casetitle { font-size: 16px; margin: 10px 0px; padding: 10px; border-top: 3px solid rgb(0, 51, 153); font-weight: bold; }
.index-customer .t1 { font-size: 30px; line-height: 55px; color: rgb(0, 79, 162); margin: 60px 0px 0px; letter-spacing: 2px; font-weight: 700; }
.index-customer .t2 { font-size: 16px; line-height: 55px; font-weight: 300; }
.index-customer .line { background: rgb(86, 180, 50); height: 2px; margin: 13px auto; width: 70px; }
.pagess { clear: both; margin: 20px 20px 20px 0px; overflow: hidden; text-align: center; font-size: 12px; }
.pagess ul li { display: inline-block; border: 1px solid rgb(204, 204, 204); padding: 2px 9px; margin: 0px 3px; line-height: 20px; background: rgb(255, 255, 255); color: rgb(153, 153, 153); }
.pagess ul li:hover { background: rgb(204, 204, 204); color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); }
.pagess ul li:hover a { color: rgb(255, 255, 255); }
.pagess ul li.thisclass { display: inline-block; border: 1px solid rgb(204, 204, 204); padding: 2px 9px; margin: 0px 3px; background: rgb(204, 204, 204); color: rgb(255, 255, 255); }
.pagess ul li.thisclass a { color: rgb(255, 255, 255); }
.pagess ul li a { display: block; color: rgb(153, 153, 153); }
.pagess ul li a:hover { color: rgb(255, 255, 255); }
#maximg img { max-width: 100% !important; height: auto !important; }
@media screen and (max-width: 1600px) {
  .nav li > a { width: 100px; }
}
@media screen and (max-width: 1600px) {
  .nav li > a { width: 90px; }
  .nav li > a { font-size: 14px; }
  .hsecond { padding: 0px 10px; }
}
.search { border-bottom: 1px solid rgb(249, 249, 249); }
.keywords, .keywords a { font-size: 15px; color: rgb(85, 85, 85); line-height: 78px; }
.keywords { padding-left: 48px; background: url("uploadfile/image/20210423/20210423153930_121504672.png") left center no-repeat; }
.keywords a:hover { color: rgb(0, 79, 162); text-decoration: underline; }
#search_bg input { float: left; height: 78px; }
#sso { background: rgb(0, 79, 162); }
#infoname { border-top: none; border-right: none; border-bottom: none; border-image: initial; width: 250px; box-sizing: border-box; border-left: 1px solid rgb(245, 245, 245); padding-left: 55px; background: url("uploadfile/image/20210423/20210423154056_566899049.png") left center no-repeat; }
.wz-bt p { text-align: center; font-size: 40px; font-weight: bold; color: rgb(51, 51, 51); }
.wz-bt p i { font-weight: bold; color: rgb(0, 79, 162); }
.x-bt { display: flex; align-items: center; justify-content: center; margin-top: 23px; }
.x-bt .line1 { flex: 1 1 auto; height: 1px; background-color: rgb(241, 241, 241); }
.x-bt .line2 { width: 75px; height: 3px; background-color: rgb(255, 189, 34); }
.x-bt span { margin: 0px 39px; font-size: 14px; color: rgb(85, 85, 85); text-transform: uppercase; }
.product1 { padding-top: 70px; }
.process { display: flex; justify-content: center; flex-wrap: nowrap; align-items: center; margin-top: 65px; }
.process ul { margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; position: relative; }
.process ul::after { content: ""; display: block; position: absolute; width: 200vw; height: 36px; background: url("uploadfile/image/20210423/20210423190711_1979447905.png") center center repeat-x; left: -100vw; bottom: 20px; }
.process ul li { width: 162px; text-align: center; position: relative; z-index: 3; }
.process ul li:hover { cursor: pointer; }
.arrow { width: 19px; height: 15px; background: url("uploadfile/image/20210426/20210426093108_1923241379.png"); position: absolute; z-index: 3; top: 63px; right: 28px; }
.process ul li:hover .arrow { background: url("uploadfile/image/20210424/20210424091131_1887785773.png"); }
.pctop { height: 212px; background: rgb(241, 241, 242); position: relative; transition: all 0.3s ease 0s; font-size: 18px; color: rgb(102, 102, 102); line-height: 30px; font-weight: lighter; margin-bottom: 60px; }
.pctop .pcicon { display: inline-block; margin: 40px 0px 10px; width: 52px; height: 62px; background: url("uploadfile/image/20210426/20210426093746_214678047.png") left top no-repeat; transition: all 0.3s ease 0s; }
.process ul li:nth-child(2) .pctop .pcicon { background-position-x: -75px; width: 57px; }
.process ul li:nth-child(3) .pctop .pcicon { background-position-x: -164px; }
.process ul li:nth-child(4) .pctop .pcicon { background-position-x: -262px; width: 62px; }
.process ul li:nth-child(5) .pctop .pcicon { background-position-x: -369px; width: 65px; }
.process ul li:nth-child(6) .pctop .pcicon { background-position-x: -473px; width: 69px; }
.process ul li:nth-child(7) .pctop .pcicon { background-position-x: -567px; width: 70px; }
.pctop::before { content: ""; display: block; position: absolute; width: 100%; height: 0px; transition: all 0.3s ease 0s; top: 0px; left: 0px; background: rgb(0, 79, 162); }
.pctop::after { content: ""; display: block; position: absolute; left: 0px; right: 0px; top: 100%; transition: all 0.3s ease 0s; width: 0px; height: 0px; margin: 0px auto; border-left: 17px solid transparent; border-right: 17px solid transparent; border-top: 17px solid rgb(241, 241, 242); }
.pcnum { display: inline-block; position: relative; z-index: 3; width: 76px; height: 76px; border: 2px solid rgb(241, 241, 241); font-family: fontMd; font-size: 34px; color: rgb(0, 79, 162); font-weight: bold; line-height: 76px; border-radius: 50%; background: rgb(255, 255, 255); }
.process ul li:hover .pcicon { background-position-y: -89px; }
.process ul li:hover .pctop::after { border-top-color: rgb(0, 79, 162); }
.process ul li:hover .pctop p { color: rgb(255, 255, 255); }
.process ul li:hover .pctop span { color: rgb(255, 255, 255); }
.process ul li:hover .pctop::before { height: 100%; }
.pctop p { position: relative; z-index: 3; font-size: 20px; color: rgb(85, 85, 85); }
.pctop span { font-size: 12px; color: rgb(153, 153, 153); z-index: 3; position: relative; }
.pctopbom { width: 100%; height: 42px; background: url("uploadfile/image/20210315/20210315173924_89442104.jpg") center center no-repeat; margin-top: 70px; margin-bottom: -96px; }
.back-pic { width: 100%; height: 160px; background: url("uploadfile/image/20210424/20210424084718_255917017.png") center bottom no-repeat; }
.trans { transition: all 300ms ease 0s; }
.trans2 { transition: all 800ms ease 0s; }
.clear_both { zoom: 1; }
.clear_both::after { content: ""; display: block; clear: both; }
table { border-collapse: collapse; }
.fl { float: left; }
.fr { float: right; }
.ml { margin-left: 0px !important; }
.mr { margin-right: 0px !important; }
.mb { border-bottom: none !important; }
.bgn { background: none !important; }
.main { width: 1200px; margin: 0px auto; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-over { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.border-box { box-sizing: border-box; }
@font-face { font-family: mf; src: url("/fonts/PINGFANG.TTF"); }
#contain { max-width: 1920px; margin: 0px auto; overflow: hidden; width: 100%; }
.head { height: 100px; display: none; }
#header { height: 100px; width: 100%; z-index: 999; top: 0px; left: 0px; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.p_det { box-shadow: rgb(242, 242, 242) 0px 0px 15px; position: relative !important; }
#header .h_top { padding-left: 3.125%; }
#header .logo { width: 244px; overflow: hidden; margin-top: 30px; }
#header .logo img { width: 100%; }
#header .m_logo { width: 198px; overflow: hidden; margin-top: 35px; display: none; }
#header .m_logo img { width: 100%; }
#header .h_top .zq { margin-top: 30px; font-size: 14px; line-height: 24px; color: rgb(102, 102, 102); margin-left: 1%; }
#header .h_top .zq span { color: rgb(0, 79, 162); }
#header .h_top .zq1 { margin-top: 20px; font-size: 14px; line-height: 20px; color: rgb(102, 102, 102); margin-left: 1%; display: none; }
#header .h_top .zq1 span { color: rgb(0, 79, 162); }
#header .h_phone { cursor: pointer; position: relative; z-index: 200; width: 75px; }
#header .h_phone .pic { width: 100%; height: 75px; overflow: hidden; position: relative; z-index: 202; }
#header .h_phone .pic img { width: 100%; }
#header .h_phone .hp_num { width: 240px; height: 60px; line-height: 60px; background: rgb(255, 255, 255); bottom: -60px; color: rgb(0, 79, 162); right: -240px; text-align: center; font-size: 30px; position: absolute; z-index: 201; }
#header .h_phone:hover .hp_num { right: 0px; }
#header .nav { height: 100px; width: 65%; }
#header .nav li { height: 100px; line-height: 100px; font-size: 14px; margin-right: 4%; }
#header .nav li a { color: rgb(51, 51, 51); }
.white .h_top .zq { color: rgb(255, 255, 255) !important; }
.white .h_top .zq span { color: rgb(255, 255, 255) !important; }
.white .nav li a { color: rgb(255, 255, 255) !important; }
#header .nav li:hover a { color: rgb(0, 79, 162) !important; }
#header .nav li.on a { color: rgb(0, 79, 162) !important; }
#header .menu { width: 35px; height: 31px; background: url("/images/menu.png") no-repeat; margin: 37px 20px 0px 0px; display: none; }
.nav_list { background-color: rgba(0, 0, 0, 0.9); position: absolute; z-index: 5; top: 75px; left: 100%; width: 100%; }
.open_menu { left: 0px; }
.nav_list li { height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 18px; }
.nav_list li a { color: rgb(255, 255, 255); }
.nav_list li:hover a { color: rgb(0, 79, 162); }
.nav_list li.on a { color: rgb(0, 79, 162); }
#m_banner { position: relative; z-index: 100; overflow: hidden; width: 100%; display: none; }
.m_banner .hd { position: absolute; height: 20px; line-height: 20px; bottom: 30px; z-index: 102; width: 100%; text-align: center; }
.m_banner .hd li { height: 20px; width: 20px; border-radius: 100%; background: rgb(204, 204, 204); display: inline-block; margin: 0px 5px; line-height: 9999px; overflow: hidden; }
.m_banner .hd li.on { background: rgb(61, 168, 229); }
.m_banner .bd { position: relative; z-index: 0; }
.m_banner .bd li { position: relative; text-align: center; }
.m_banner .bd li img { vertical-align: top; width: 100%; }
.m_banner .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#banner { height: 980px; position: relative; z-index: 100; }
#banner .db { height: 100%; width: 100%; position: fixed; z-index: 100; }
#banner .db li { position: absolute; z-index: 100; }
#banner .db li a { display: block; }
#banner .db li img { width: 100%; height: 100%; }
#banner .hd { position: absolute; z-index: 102; text-align: center; bottom: 30px; width: 100%; }
#banner .hd li { height: 20px; width: 20px; border-radius: 100%; background: rgb(204, 204, 204); display: inline-block; margin: 0px 5px; }
#banner .hd li.on { background: rgb(61, 168, 229); }
#ban { width: 100%; position: relative; z-index: 100; }
#ban .ba { height: 425px; width: 100%; }
#ban .ba a { width: 100%; height: 425px; display: block; }
#ban .ba img { width: 100%; height: 100%; }
#m_ban { position: relative; z-index: 100; width: 100%; display: none; }
#m_ban .md { width: 100%; }
#m_ban .md img { width: 100%; }
.web_title { padding: 60px 0px 40px; text-align: center; }
.web_title .a_tit { font-size: 36px; color: rgb(34, 34, 34); }
.web_title .a_bri { font-size: 18px; line-height: 30px; color: rgb(34, 34, 34); }
.web_title .aw_line { width: 58px; height: 4px; margin: 20px auto 0px; background: rgb(0, 79, 162); }
.web_title .aw_del { line-height: 20px; color: rgb(136, 136, 136); margin-top: 40px; font-size: 12px; }
.web_title .aw_del.mobiles { display: none; }
#content { background: rgb(255, 255, 255); position: relative; z-index: 104; }
#content .p_box ul { transform-style: preserve-3d; perspective: 1300px; }
#content .p_box li.is_animated { opacity: 0; transform: rotateX(-80deg) translateZ(0px); transform-origin: 0px 0px 0px; transition-duration: 1.2s; transition-property: transform, opacity; }
#content .p_box li.is_animated.p1 { transition-delay: 0.15s; }
#content .p_box li.is_animated.p2 { transition-delay: 0.25s; }
#content .p_box li.is_animated.p3 { transition-delay: 0.35s; }
#content .p_box li.is_animated.p4 { transition-delay: 0.45s; }
#content .p_box li.revealed { opacity: 1; transform: rotateX(0deg) translateZ(0px); }
#content .p_box li.color1 { transition-delay: 0s; }
#content .p_box li { width: 25%; height: 290px; padding-top: 10px; padding-left: 2.5%; position: relative; z-index: 11; }
#content .p_box li.p1 { background: rgb(255, 255, 255); }
#content .p_box li.p2 { background: rgb(255, 255, 255); }
#content .p_box li.p3 { background: rgb(255, 255, 255); }
#content .p_box li.p4 { background: rgb(255, 255, 255); }
#content .p_box li .senior { height: 120px; line-height: 120px; padding-left: 54px; color: rgb(255, 255, 255); font-size: 1.65vw; font-family: mf; overflow: hidden; animation-duration: 1s; animation-fill-mode: both; }
#content .p_box li .senior:hover { animation-name: shake; }
#content .p_box li .senior a { color: rgb(34, 34, 34); display: block; }
#content .p_box li .pin1 { background: url("/images/bpin1.png") left center no-repeat; }
#content .p_box li .pin2 { background: url("/images/bpin2.png") left center no-repeat; }
#content .p_box li .pin3 { background: url("/images/bpin3.png") left center no-repeat; }
#content .p_box li .pin4 { background: url("/images/bpin4.png") left center no-repeat; }
#content .p_box li .second { width: 320px; height: 136px; overflow: hidden; position: relative; z-index: 10; }
#content .p_box li dl { width: 160px; }
#content .p_box li dd a { height: 34px; width: 100%; overflow: hidden; display: block; }
#content .p_box li dd .bg { margin-right: 10px; width: 10px; height: 5px; background: url("/images/list_arr1.png") -17px -7px no-repeat; transition: all 0.3s ease 0s; margin-top: 15px; }
#content .p_box li dd a:hover .bg { background-position: -2px -7px; }
#content .p_box li dd .title { height: 34px; line-height: 34px; font-size: 14px; color: rgb(136, 136, 136); animation-duration: 1s; animation-fill-mode: both; }
#content .p_box li dd .title:hover { animation-name: shake; color: rgb(34, 34, 34); }
#content .p_box li .die { width: 100%; height: 300px; left: 0px; top: 0px; position: absolute; z-index: 5; display: block; }
#content .p_box li .more { width: 44px; height: 44px; border: 1px solid rgb(195, 195, 195); position: absolute; z-index: 15; right: 10%; bottom: 10%; }
#content .p_box li .more a { width: 44px; height: 28px; display: block; padding-top: 16px; }
#content .p_box li .more .m_bg { width: 17px; height: 13px; margin: 0px auto; background: url("/images/more_arr.png") -60px -17px no-repeat; transition: all 0.3s ease 0s; }
#content .p_box li:hover .more { background: rgb(255, 255, 255); border: 1px solid rgb(34, 34, 34); }
#content .p_box li:hover .m_bg { background-position: -14px -16px; }
#content .pc_box { width: 1200px; margin: 0px auto; text-align: center; padding-bottom: 100px; border-bottom: 1px solid rgb(236, 236, 236); }
#content .pc_box ul { font-size: 0px; }
#content .pc_box li { width: 300px; display: inline-block; padding-top: 30px; }
#content .pc_box li .pic { width: 179px; height: 92px; margin: 0px auto; overflow: hidden; position: relative; z-index: 1; }
#content .pc_box li .pic a { width: 179px; height: 92px; display: block; position: absolute; z-index: 2; }
#content .pc_box li .pic .p1 { top: 0px; left: 0px; }
#content .pc_box li .pic .p2 { top: 100%; left: 0px; }
#content .pc_box li .pic img { width: 100%; }
#content .pc_box li:hover { box-shadow: rgb(204, 204, 204) 0px 0px 10px; }
#content .pc_box li:hover .pic .p1 { top: -100%; }
#content .pc_box li:hover .pic .p2 { top: 0px; }
#content .pc_box li .senior { height: 32px; line-height: 32px; text-align: center; font-size: 16px; overflow: hidden; margin: 32px 0px 20px; animation-duration: 1s; animation-fill-mode: both; }
#content .pc_box li .senior a { color: rgb(34, 34, 34); }
#content .pc_box li:hover .senior a { color: rgb(0, 79, 162); }
#content .pc_box li .senior:hover { animation-name: shake; }
#content .pc_box li .second { width: 100%; height: 70px; overflow: hidden; text-align: center; }
#content .pc_box li .second dd { width: 100px; display: inline-block; height: 24px; margin-right: 20px; }
#content .pc_box li .second dd a { height: 24px; width: 100%; overflow: hidden; display: block; }
#content .pc_box li .second dd .bg { margin-right: 10px; width: 10px; height: 5px; background: url("/images/list_arr1.png") -17px -7px no-repeat; transition: all 0.3s ease 0s; margin-top: 8px; }
#content .pc_box li .second dd a:hover .bg { background-position: -2px -7px; }
#content .pc_box li .second dd .title { height: 20px; line-height: 20px; font-size: 12px; color: rgb(136, 136, 136); animation-duration: 1s; animation-fill-mode: both; }
#content .pc_box li .second dd .title:hover { animation-name: shake; color: rgb(34, 34, 34); }
#content .c_mid { }
#content .c_mid .c_ser_all { height: 108px; text-align: center; }
#content .c_mid .c_ser_all .c_line { width: 17%; height: 108px; background: url("/images/c_ser_bg.jpg") center center repeat-x; display: inline-block; zoom: 1; }
#content .c_mid .c_ser_all .f_case { height: 108px; line-height: 108px; font-size: 36px; color: rgb(34, 34, 34); margin: 0px 50px; display: inline-block; zoom: 1; vertical-align: top; font-family: mf; }
#content .c_mid .fu_box { text-align: center; }
#content .c_mid .fu_box li { display: inline-block; zoom: 1; height: 48px; line-height: 48px; font-size: 14px; color: rgb(85, 85, 85); background: rgb(241, 241, 241); margin: 0px 19px 30px; cursor: pointer; }
#content .c_mid .fu_box li a { color: rgb(85, 85, 85); padding: 0px 20px; width: 100px; height: 48px; display: block; text-align: right; background: url("/images/fu.png") 20px center no-repeat; }
#content .c_mid .fu_box li.f_one { padding: 0px 20px; }
#content .c_mid .fu_box li:hover { background: rgb(0, 79, 162); color: rgb(255, 255, 255); }
#content .c_mid .fu_box li:hover a { color: rgb(255, 255, 255); background: url("/images/fu_on.png") 20px center no-repeat; }
#content .c_mid .fu_box li.on { background: rgb(0, 79, 162); color: rgb(255, 255, 255); }
#content .c_mid .w_two { display: none; }
#content .c_mid .f_list { margin-top: 30px; text-align: center; display: none; }
#content .c_mid .f_list li { width: 25%; position: relative; z-index: 100; float: left; }
#content .c_mid .f_list li .pic { width: 100%; overflow: hidden; }
#content .c_mid .f_list li .pic img { width: 100%; }
#content .c_mid .f_list li:hover .pic img { transform: scale(1.1, 1.1); backface-visibility: hidden; }
#content .c_mid .f_list li .fu_all { height: 54px; position: absolute; z-index: 101; width: 100%; bottom: 0px; }
#content .c_mid .f_list li .fu_all.dan { background: rgba(239, 239, 239, 0.95); }
#content .c_mid .f_list li .fu_all.shuang { background: rgba(200, 200, 200, 0.95); }
#content .c_mid .f_list li .fu_all a { padding: 0px 4%; height: 54px; width: 92%; display: block; }
#content .c_mid .f_list li .fu_all .name { font-size: 16px; height: 54px; line-height: 54px; color: rgb(51, 51, 51); width: 84%; text-align: left; }
#content .c_mid .f_list li .fu_all .more { width: 24px; height: 24px; margin-top: 15px; background: url("/images/fu_more_1.png") no-repeat; }
#content .c_mid .f_button { text-align: center; margin: 30px 0px; }
#content .c_mid .prev { width: 30px; height: 30px; border: 1px solid rgb(199, 199, 199); border-radius: 5px; background: url("/images/btn-left.png") center center no-repeat; display: inline-block; cursor: pointer; vertical-align: middle; }
#content .c_mid .fo { width: 30px; height: 30px; display: inline-block; vertical-align: middle; background: url("/images/o.png") center center no-repeat; margin: 0px 20px; }
#content .c_mid .next { width: 30px; height: 30px; border: 1px solid rgb(199, 199, 199); border-radius: 5px; background: url("/images/btn-right.png") center center no-repeat; display: inline-block; cursor: pointer; vertical-align: middle; }
#content .i_top { padding-bottom: 50px; background: rgb(245, 247, 248); position: relative; z-index: 1; overflow: hidden; }
#dot { position: absolute; top: 0px; left: 0px; z-index: 2; }
#content .i_top .it_name { height: 138px; line-height: 138px; text-align: center; font-size: 36px; color: rgb(34, 34, 34); font-family: mf; position: relative; z-index: 3; }
#content .i_top .i_list { padding: 0px 20px; position: relative; z-index: 3; }
#content .i_top .i_list li { width: 33.33%; padding: 6px 1.765% 46px; background: rgb(255, 255, 255); border: 1px solid rgb(245, 247, 248); }
#content .i_top .i_list li .i_title { height: 90px; line-height: 90px; overflow: hidden; text-indent: 25px; background: url("/images/i_title.jpg") left center no-repeat; font-size: 16px; }
#content .i_top .i_list li .i_title a { color: rgb(34, 34, 34); display: block; }
#content .i_top .i_list li .i_box { width: 100%; }
#content .i_top .i_list li .i_box .pic { width: 47%; }
#content .i_top .i_list li .i_box .pic img { width: 100%; }
#content .i_top .i_list li .i_box .ib_rab { width: 48.6%; }
#content .i_top .i_list li .i_box .ib_rab .brief { height: 128px; line-height: 32px; overflow: hidden; font-size: 12px; }
#content .i_top .i_list li .i_box .ib_rab .brief a { color: rgb(102, 102, 102); }
#content .i_top .i_list li .i_box .ib_rab .date { margin-top: 16px; height: 24px; line-height: 24px; font-size: 12px; color: rgb(102, 102, 102); }
#content .i_top .i_list li .i_box .ib_rab .more { margin-top: 16px; height: 24px; line-height: 24px; font-size: 12px; width: 72px; background: url("/images/i_more.png") right center no-repeat; display: none; }
#content .i_top .i_list li .i_box .ib_rab .more a { color: rgb(0, 79, 162); display: block; }
#content .i_top .i_list li:hover { box-shadow: rgb(236, 238, 239) 0px 0px 15px; }
#content .i_top .i_list li:hover .i_title a { color: rgb(0, 79, 162); }
#content .i_top .i_list li:hover .date { display: none; }
#content .i_top .i_list li:hover .more { display: block !important; }
#content .i_top .i_more { width: 240px; height: 40px; margin: 50px auto 0px; line-height: 40px; position: relative; z-index: 3; text-indent: 64px; font-size: 14px; background: url("/images/more_white.png") 138px center no-repeat rgb(0, 79, 162); }
#content .i_top .i_more a { color: rgb(255, 255, 255); display: block; }
#content .partner { padding: 40px 0px 94px; }
#content .partner .name { height: 62px; line-height: 62px; text-align: center; color: rgb(34, 34, 34); font-family: mf; font-size: 36px; }
#content .partner .brief { height: 28px; line-height: 28px; text-align: center; color: rgb(136, 136, 136); font-size: 18px; }
#content .partner .par_list { position: relative; z-index: 1; }
#content .partner .par_list li { width: 12.5%; border-left: 1px solid rgb(242, 242, 242); border-bottom: 1px solid rgb(242, 242, 242); display: block; text-align: center; height: 170px; position: relative; z-index: 2; }
#content .partner .par_list li a { width: 100%; height: 100%; }
#content .partner .par_list li span { display: inline-block; height: 100%; vertical-align: middle; }
#content .partner .par_list li img { max-width: 100%; max-height: 100px; vertical-align: middle; filter: grayscale(100%); }
#content .partner .par_list li:hover img { filter: grayscale(0%); }
#content .partner .par_list .move { width: 16.666%; height: 0px; opacity: 0; background: rgb(238, 238, 238); position: absolute; z-index: 1; top: 0px; left: 0px; box-shadow: rgb(170, 170, 170) 0px 0px 5px; }
#content .c_bottom { padding: 12px 0px 5px; background: rgb(255, 107, 0); position: relative; z-index: 1; }
#canvas_box, #anitOut, #anitOut canvas { position: absolute; height: 100%; left: 0px; top: 0px; width: 100%; z-index: 2; }
#content .c_bottom .cb_wrap { width: 100%; position: relative; z-index: 3; }
#content .c_bottom .crea { width: 33.33%; }
#content .c_bottom .crea .pic { width: 100%; height: 45px; }
#content .c_bottom .crea .cr1 { background: url("/images/cr1.png") center center no-repeat; }
#content .c_bottom .crea .cr2 { background: url("/images/cr2.png") center center no-repeat; }
#content .c_bottom .crea .cr3 { background: url("/images/cr3.png") center center no-repeat; }
#content .c_bottom .crea .name { height: 40px; line-height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; font-family: mf; }
#content .c_bottom .crea .name_en { height: 22px; line-height: 22px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; font-family: "Myriad Pro"; }
#center .a_top { padding: 54px 0px 0px; text-align: center; }
#center .a_top .a_line { height: 1px; width: 107px; background: rgb(253, 215, 178); margin-top: 48px; display: inline-block; zoom: 1; vertical-align: top; }
#center .a_top .a_all { display: inline-block; zoom: 1; margin: 0px 28px; vertical-align: top; }
#center .a_top .a_all .a_title { height: 60px; line-height: 60px; text-align: center; font-size: 30px; color: rgb(51, 51, 51); font-family: mf; font-weight: 700; }
#center .a_top .a_all .a_title_cn { height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: rgb(0, 79, 162); }
#center .a_top .b_line { height: 1px; width: 107px; background: rgb(219, 219, 219); margin-top: 48px; display: inline-block; zoom: 1; vertical-align: top; }
#center .a_top .a_all .a22 { color: rgb(34, 34, 34); }
#center .a_top .a_all .a88 { color: rgb(136, 136, 136); }
#center .art_title { line-height: 40px; font-size: 24px; text-align: center; color: rgb(51, 51, 51); margin-bottom: 20px; }
#center .art_del { padding: 0px 6%; text-align: center; line-height: 24px; font-size: 12px; color: rgb(85, 85, 85); }
#center .video { max-width: 980px; width: 95%; margin: 50px auto 84px; }
#center .video .vi { height: 0px; position: relative; z-index: 1; padding-top: 62%; }
#center .video .vi .vt { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 2; height: 100%; }
#center .video img { width: 100%; }
#center .art_list { padding: 0px 6%; }
#center .art_list li { width: 49%; position: relative; z-index: 1; margin-bottom: 20px; }
#center .art_list li a { width: 100%; display: block; }
#center .art_list li .pic { width: 100%; }
#center .art_list li .pic img { width: 100%; }
#center .art_list li .mpic { width: 100%; display: none; }
#center .art_list li .mpic img { width: 100%; }
#center .art_list li .orange { background-color: rgba(248, 121, 0, 0.8); left: 29.5122%; right: 29.5122%; top: 36%; bottom: 36%; position: absolute; z-index: 1; }
#center .art_list li:hover .orange { left: 3%; right: 3%; top: 6%; bottom: 6%; }
#center .art_list li .culture { width: 100%; text-align: center; position: absolute; z-index: 3; left: 0px; }
#center .art_list li .culture .cul { width: 42px; height: 1px; background: rgb(255, 255, 255); display: inline-block; zoom: 1; vertical-align: middle; }
#center .art_list li .culture .cu { margin: 0px 18px; display: inline-block; zoom: 1; vertical-align: middle; }
#center .art_list li .culture .cu .cu_t { height: 56px; line-height: 56px; font-size: 40px; font-family: mf; color: rgb(255, 255, 255); text-align: center; }
#center .art_list li .culture .cu .cu_e { height: 22px; line-height: 22px; text-align: center; color: rgb(255, 255, 255); }
#center .art_list li .culture .cul_del { text-align: center; margin-top: 10px; font-size: 14px; color: rgb(255, 255, 255); line-height: 28px; padding: 0px 4%; display: none; }
#center .art_list li .culture .cul_del div { color: rgb(255, 255, 255); font-size: 14px; }
#center .art_list li:hover .culture { top: 50px !important; }
#center .art_list li:hover .cul_del { display: block; }
#center .p_category { padding: 34px 6.77% 64px; background: rgb(247, 247, 247); }
#center .p_category .ca { height: 64px; line-height: 64px; text-align: center; font-family: mf; font-size: 35px; color: rgb(0, 0, 0); }
#center .p_category .ca_b { line-height: 28px; color: rgb(136, 136, 136); font-size: 16px; text-align: center; margin-bottom: 38px; }
#center .p_category .pc_list li { width: 100%; margin-bottom: 40px; background: rgb(255, 255, 255); position: relative; z-index: 1; }
#center .p_category .pc_list li .pic { width: 65%; }
#center .p_category .pc_list li .pic img { width: 100%; }
#center .p_category .pc_list li .c_right { width: 35%; }
#center .p_category .pc_list li .c_box { padding: 14px 10% 0px; }
#center .p_category .pc_list li .c_box .pc_one { height: 100px; line-height: 100px; font-size: 30px; font-family: mf; border-bottom: 1px solid rgb(254, 228, 204); text-indent: 78px; overflow: hidden; }
#center .p_category .pc_list li .c_box .pc_one a { color: rgb(0, 79, 162); display: block; }
#center .p_category .pc_list li .c_box .c1 { background: url("/images/c1.png") left center no-repeat; }
#center .p_category .pc_list li .c_box .c2 { background: url("/images/c2.png") left center no-repeat; }
#center .p_category .pc_list li .c_box .c3 { background: url("/images/c3.png") left center no-repeat; }
#center .p_category .pc_list li .c_box .c4 { background: url("/images/c4.png") left center no-repeat; }
#center .p_category .pc_list li .c_box .c5 { background: url("/images/c5.png") left center no-repeat; }
#center .p_category .pc_list li .c_box .c_list { margin-top: 30px; line-height: 28px; font-size: 14px; color: rgb(102, 102, 102); }
#center .p_category .pc_list li .c_box .c_list dd { height: 36px; line-height: 36px; font-size: 16px; color: rgb(102, 102, 102); margin-bottom: 6px; padding-left: 24px; background: url("/images/list_arr.png") -17px -11px no-repeat; }
#center .p_category .pc_list li .c_ho { width: 0px; position: absolute; z-index: 2; background: rgb(0, 79, 162); right: 0px; top: 0px; height: 100%; }
#center .p_category .pc_list li .c_ho .ho_box { padding: 14px 10% 0px; }
#center .p_category .pc_list li .c_ho .ho_box .pc_one { height: 142px; line-height: 142px; font-size: 30px; font-family: mf; border-bottom: 1px solid rgb(249, 148, 51); text-indent: 78px; overflow: hidden; }
#center .p_category .pc_list li .c_ho .ho_box .pc_one a { color: rgb(255, 255, 255); display: block; }
#center .p_category .pc_list li .c_ho .ho_box .c1 { background: url("/images/c1_hover.png") left center no-repeat; }
#center .p_category .pc_list li .c_ho .ho_box .c2 { background: url("/images/c2_hover.png") left center no-repeat; }
#center .p_category .pc_list li .c_ho .ho_box .c3 { background: url("/images/c3_hover.png") left center no-repeat; }
#center .p_category .pc_list li .c_ho .ho_box .c4 { background: url("/images/c4_hover.png") left center no-repeat; }
#center .p_category .pc_list li .c_ho .ho_box .c5 { background: url("/images/c5_hover.png") left center no-repeat; }
#center .p_category .pc_list li:hover .c_ho { width: 38%; }
#center .p_category .p_second { margin-top: 30px; }
#center .p_category .p_second dd a { height: 36px; width: 100%; overflow: hidden; display: block; margin-bottom: 6px; }
#center .p_category .p_second dd .bg { margin-right: 10px; width: 10px; height: 5px; background: url("/images/list_arr.png") -17px -7px no-repeat; transition: all 0.3s ease 0s; margin-top: 15px; }
#center .p_category .p_second dd a:hover .bg { background-position: -2px -7px; }
#center .p_category .p_second dd .p_sec { height: 36px; line-height: 36px; font-size: 16px; color: rgb(255, 255, 255); }
#center .p_category .pb_list { display: none; }
#center .p_category .pb_list li { width: 100%; margin-bottom: 40px; background: rgb(255, 255, 255); }
#center .p_category .pb_list li .pic { width: 100%; }
#center .p_category .pb_list li .pic img { width: 100%; }
#center .p_category .pb_list li .pbl { padding: 30px 10%; }
#center .p_category .pb_list li .pbl .pc_one { height: 80px; line-height: 80px; font-size: 30px; font-family: mf; border-bottom: 1px solid rgb(254, 228, 204); text-indent: 78px; overflow: hidden; }
#center .p_category .pb_list li .pbl .pc_one a { color: rgb(0, 79, 162); display: block; }
#center .p_category .pb_list li .pbl .c1 { background: url("/images/c1.png") left center / 7% no-repeat; }
#center .p_category .pb_list li .pbl .c2 { background: url("/images/c2.png") left center / 7% no-repeat; }
#center .p_category .pb_list li .pbl .c3 { background: url("/images/c3.png") left center / 7% no-repeat; }
#center .p_category .pb_list li .pbl .c4 { background: url("/images/c4.png") left center / 7% no-repeat; }
#center .p_category .pb_list li .pbl dl { margin-top: 10px; }
#center .p_category .pb_list li .pbl dd { height: 36px; line-height: 36px; font-size: 16px; padding-left: 24px; background: url("/images/lr.png") left center no-repeat; margin-right: 20%; }
#center .p_category .pb_list li .pbl dd a { color: rgb(102, 102, 102); }
#center .p_category .pb_list li .pbl dd:hover { background: url("/images/lr_hover.png") left center no-repeat; }
#center .p_category .pb_list li .pbl dd:hover a { color: rgb(0, 79, 162); }
#center .product { padding: 47px 0px 56px; }
#center .product .fu_box { text-align: center; }
#center .product .fu_box li { display: inline-block; zoom: 1; height: 48px; line-height: 48px; font-size: 14px; color: rgb(85, 85, 85); background: rgb(241, 241, 241); margin: 0px 19px 30px; cursor: pointer; }
#center .product .fu_box li a { color: rgb(85, 85, 85); padding: 0px 20px; width: 100px; height: 48px; display: block; text-align: right; background: url("/images/fu.png") 20px center no-repeat; }
#center .product .fu_box li.f_one { }
#center .product .fu_box li.f_one a { background: none; width: auto; }
#center .product .fu_box li:hover { background: rgb(0, 79, 162); color: rgb(255, 255, 255); }
#center .product .fu_box li:hover a { color: rgb(255, 255, 255); background: url("/images/fu_on.png") 20px center no-repeat; }
#center .product .fu_box li.f_one:hover a { background: none; }
#center .product .fu_box li.on { background: rgb(0, 79, 162); }
#center .product .fu_box li.on a { color: rgb(255, 255, 255); background: url("/images/fu_on.png") 20px center no-repeat; }
#center .product .fu_box li.f_one.on a { color: rgb(255, 255, 255); background: none; }
#center .product .p_sec_list { margin: 20px 0px 28px; text-align: center; }
#center .product .p_sec_list li { height: 64px; line-height: 64px; border-bottom: 3px solid rgb(255, 255, 255); display: inline-block; zoom: 1; margin: 0px 30px; font-size: 16px; }
#center .product .p_sec_list li a { color: rgb(51, 51, 51); }
#center .product .p_sec_list li:hover { border-bottom: 3px solid rgb(51, 51, 51); }
#center .product .p_sec_list li.cur { border-bottom: 3px solid rgb(51, 51, 51); }
#center .p_list { text-align: center; }
#center .p_list li { width: 20%; float: left; }
#center .p_list li .pic { width: 100%; overflow: hidden; position: relative; z-index: 1; }
#center .p_list li .pic a { width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.8); position: absolute; z-index: 2; opacity: 0; }
#center .p_list li .pic span { border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 14px; height: 62px; position: absolute; z-index: 3; left: 50%; line-height: 58px; margin: -31px 0px 0px -24%; width: 48%; top: 50%; display: block; overflow: hidden; }
#center .p_list li .pic img { width: 100%; }
#center .p_list li:hover .pic a { opacity: 1; }
#center .p_list li .fu_all { height: 54px; width: 100%; }
#center .p_list li .fu_all.dan { background: rgba(239, 239, 239, 0.95); }
#center .p_list li .fu_all.shuang { background: rgba(200, 200, 200, 0.95); }
#center .p_list li .fu_all a { padding: 0px 4%; height: 54px; width: 92%; display: block; }
#center .p_list li .fu_all .name { font-size: 16px; height: 54px; line-height: 54px; color: rgb(51, 51, 51); width: 84%; text-align: left; }
#center .p_list li .fu_all .more { width: 24px; height: 24px; margin-top: 15px; background: url("/images/fu_more_1.png") no-repeat; }
#center .p_list li:hover .fu_all { background: rgb(32, 152, 212); }
#center .p_list li:hover .fu_all .name { color: rgb(255, 255, 255); }
#center .page_more { width: 72px; height: 75px; margin: 66px auto 0px; background: url("/images/page_more.jpg") no-repeat; }
#center .end { width: 100%; text-align: center; height: 72px; line-height: 72px; font-size: 28px; color: rgb(34, 34, 34); margin-top: 30px; display: none; }
#center .product_detail { }
#center .product_detail .pd_cate { padding: 0px 3.125%; }
#center .product_detail .pd_cate .p_mu { padding-left: 30px; line-height: 79px; background: url("/images/fu.png") left center no-repeat; font-size: 16px; color: rgb(51, 51, 51); }
#center .product_detail .pd_cate .pd_rab { width: 85%; margin-left: 50px; }
#center .product_detail .pd_cate .pd_rab li { height: 76px; line-height: 76px; padding-right: 16px; margin-right: 34px; font-size: 16px; border-bottom: 3px solid rgb(255, 255, 255); }
#center .product_detail .pd_cate .pd_rab li a { color: rgb(51, 51, 51); display: block; }
#center .product_detail .pd_cate .pd_rab li:hover { background: url("/images/pd_ca.png") right center no-repeat; border-bottom: 3px solid rgb(0, 79, 162); }
#center .product_detail .pd_cate .pd_rab li:hover a { color: rgb(0, 79, 162); }
#center .product_detail .pd_cate .pd_rab li.on { background: url("/images/pd_ca.png") right center no-repeat; border-bottom: 3px solid rgb(0, 79, 162); }
#center .product_detail .pd_cate .pd_rab li.on a { color: rgb(0, 79, 162); }
#center .product_detail .detail_row { background: rgb(0, 79, 162); }
#center .product_detail .detail_row .pic { width: 66.45%; position: relative; z-index: 1; overflow: hidden; }
#center .product_detail .detail_row .pic .img { width: 100%; }
#center .product_detail .detail_row .pic .img img { width: 100%; }
#center .product_detail .detail_row .pic .small { position: absolute; bottom: 40px; text-align: center; z-index: 3; overflow: hidden; width: 100%; }
#center .product_detail .detail_row .pic .small .s_li { width: 10%; position: relative; z-index: 1; }
#center .product_detail .detail_row .pic .small .s_li .s_bg { width: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
#center .product_detail .detail_row .pic .small .s_li img { width: 100%; }
.swiper-slide-active .s_bg { display: none; }
#center .product_detail .detail_row .pic .vg { width: 100%; display: none; }
#center .product_detail .detail_row .pic .v_but { width: 50px; height: 50px; position: absolute; z-index: 2; top: 50%; left: 50%; margin: -25px 0px 0px -25px; cursor: pointer; }
#center .product_detail .detail_row .pic .v_but img { width: 100%; }
#center .product_detail .detail_row .d_box { width: 33.55%; height: 100%; }
#center .product_detail .detail_row .d_box .d_wrap { padding: 60px 7.7%; height: 100%; }
#center .product_detail .detail_row .d_box .d_wrap .name { line-height: 40px; font-size: 20px; color: rgb(255, 255, 255); }
#center .product_detail .detail_row .d_box .d_wrap .xian { height: 1px; width: 100%; background: rgb(249, 141, 38); margin: 40px 0px 50px; }
#center .product_detail .detail_row .d_box .d_wrap .d_del { line-height: 24px; color: rgb(255, 255, 255); font-size: 12px; height: 100%; overflow: auto; }
#center .product_detail .about { padding-bottom: 52px; }
#center .product_detail .about .a_case { height: 138px; text-align: center; }
#center .product_detail .about .a_case .ac { width: 17%; height: 1px; background: rgb(242, 242, 242); display: inline-block; vertical-align: middle; }
#center .product_detail .about .a_case .ase { height: 138px; line-height: 138px; color: rgb(34, 34, 34); font-size: 42px; font-family: mf; display: inline-block; vertical-align: middle; margin: 0px 52px; }
#center .product_detail .about .ab_list { text-align: center; }
#center .product_detail .about .ab_list li { width: 25%; position: relative; z-index: 100; float: left; }
#center .product_detail .about .ab_list li .pic { width: 100%; overflow: hidden; }
#center .product_detail .about .ab_list li .pic img { width: 100%; }
#center .product_detail .about .ab_list li:hover .pic img { transform: scale(1.3, 1.3); backface-visibility: hidden; }
#center .product_detail .about .ab_list li .fu_all { height: 54px; position: absolute; z-index: 101; width: 100%; bottom: 0px; background: url("/images/fu_bg.png") repeat; }
#center .product_detail .about .ab_list li .fu_all a { padding: 0px 4%; height: 54px; width: 92%; display: block; }
#center .product_detail .about .ab_list li .fu_all .name { font-size: 16px; height: 54px; line-height: 54px; color: rgb(255, 255, 255); width: 84%; text-align: left; }
#center .product_detail .about .ab_list li .fu_all .more { width: 24px; height: 24px; margin-top: 15px; background: url("/images/fu_more.png") no-repeat; }
#center .product_detail .about .page_more { width: 72px; height: 75px; margin: 66px auto 0px; background: url("/images/page_more.jpg") no-repeat; }
#center .i_category { text-align: center; padding: 46px 0px 26px; background: rgb(255, 255, 255); }
#center .i_category li { height: 48px; line-height: 48px; margin: 0px 10px 20px; font-size: 16px; background: rgb(241, 241, 241); display: inline-block; zoom: 1; }
#center .i_category li a { padding: 0px 36px; color: rgb(85, 85, 85); }
#center .i_category li:hover { background: rgb(0, 79, 162); }
#center .i_category li:hover a { color: rgb(255, 255, 255); }
#center .i_category li.on { background: rgb(0, 79, 162); }
#center .i_category li.on a { color: rgb(255, 255, 255); }
#center .info { background: rgb(245, 247, 248); padding: 50px 4.5% 74px; }
#center .info .i_list { padding: 0px 20px; }
#center .info .i_list li { width: 48%; padding: 6px 27px 46px; background: rgb(255, 255, 255); margin-bottom: 60px; }
#center .info .i_list li .i_title { height: 90px; line-height: 90px; overflow: hidden; text-indent: 25px; background: url("/images/i_title.jpg") left center no-repeat; font-size: 16px; }
#center .info .i_list li .i_title a { color: rgb(34, 34, 34); display: block; }
#center .info .i_list li .i_box { width: 100%; }
#center .info .i_list li .i_box .pic { width: 47%; overflow: hidden; max-height: 267px; }
#center .info .i_list li .i_box .pic img { max-width: 100%; }
#center .info .i_list li .i_box .ib_rab { width: 48.6%; }
#center .info .i_list li .i_box .ib_rab .brief { height: 128px; line-height: 32px; overflow: hidden; font-size: 12px; }
#center .info .i_list li .i_box .ib_rab .brief a { color: rgb(102, 102, 102); }
#center .info .i_list li .i_box .ib_rab .date { margin-top: 16px; height: 24px; line-height: 24px; font-size: 12px; color: rgb(102, 102, 102); }
#center .info .i_list li .i_box .ib_rab .more { margin-top: 16px; height: 24px; line-height: 24px; font-size: 12px; width: 72px; background: url("/images/i_more.png") right center no-repeat; display: none; }
#center .info .i_list li .i_box .ib_rab .more a { color: rgb(0, 79, 162); display: block; }
#center .info .i_list li:hover { box-shadow: rgb(236, 238, 239) 0px 0px 15px; }
#center .info .i_list li:hover .i_title a { color: rgb(0, 79, 162); }
#center .info .i_list li:hover .date { display: none; }
#center .info .i_list li:hover .more { display: block !important; }
#center .info_detail { padding: 50px 0px 74px; background: rgb(245, 247, 248); }
#center .instance { padding: 36px 6.77% 50px; background: rgb(245, 247, 248); }
#center .instance .join { height: 60px; line-height: 60px; text-align: center; font-size: 30px; color: rgb(0, 0, 0); margin-bottom: 10px; }
#center .instance .j_brief { line-height: 30px; font-size: 15px; text-align: center; color: rgb(85, 85, 85); margin-bottom: 40px; }
#center .instance .in_box { background: rgb(255, 255, 255); width: 100%; }
#center .instance .in_box .in_top { border-bottom: 1px solid rgb(240, 240, 240); }
#center .instance .in_box .in_top .in_one { width: 158px; height: 62px; }
#center .instance .in_box .in_top li { margin-top: 20px; height: 24px; line-height: 24px; border-left: 1px solid rgb(240, 240, 240); font-size: 15px; background: url("/images/city_li.png") right center no-repeat; margin-right: 40px; margin-bottom: 15px; }
#center .instance .in_box .in_top li a { padding: 0px 36px 0px 42px; color: rgb(0, 0, 0); }
#center .instance .in_box .in_top li:hover { background: url("/images/city_li_hover.png") right center no-repeat; }
#center .instance .in_box .in_top li:hover a { color: rgb(0, 79, 162); }
#center .instance .in_box .in_top li.on { background: url("/images/city_li_hover.png") right center no-repeat; }
#center .instance .in_box .in_top li.on a { color: rgb(0, 79, 162); }
#center .instance .in_box .in_list li { padding: 39px 40px 39px 30px; border-bottom: 1px solid rgb(240, 240, 240); cursor: pointer; margin-bottom: 5px; }
#center .instance .in_box .in_list li .pic { width: 119px; height: 119px; overflow: hidden; }
#center .instance .in_box .in_list li .pic img { width: 100%; }
#center .instance .in_box .in_list li .pic_on { display: none; width: 119px; height: 119px; overflow: hidden; }
#center .instance .in_box .in_list li .pic_on img { width: 100%; }
#center .instance .in_box .in_list li .in_mid { width: 60%; margin-left: 25px; }
#center .instance .in_box .in_list li .in_mid .name { height: 64px; line-height: 64px; margin-bottom: 12px; font-size: 22px; color: rgb(0, 0, 0); }
#center .instance .in_box .in_list li .in_mid .dai { line-height: 30px; font-size: 16px; color: rgb(136, 136, 136); }
#center .instance .in_box .in_list li .open { height: 68px; line-height: 68px; padding-right: 23px; color: rgb(51, 51, 51); font-size: 14px; background: url("/images/open.png") right center no-repeat; }
#center .instance .in_box .in_list li .open_hover { height: 68px; line-height: 68px; padding-right: 23px; color: rgb(51, 51, 51); font-size: 14px; background: url("/images/open_hover.png") right center no-repeat; display: none; }
#center .instance .in_box .in_list li .in_brief { display: none; }
#center .instance .in_box .in_list li .in_bri { line-height: 30px; color: rgb(85, 85, 85); font-size: 16px; margin-bottom: 32px; }
#center .instance .in_box .in_list li .in_mess { width: 146px; height: 48px; line-height: 48px; text-align: center; font-size: 20px; font-family: mf; background: rgb(0, 79, 162); }
#center .instance .in_box .in_list li .in_mess a { color: rgb(255, 255, 255); display: block; }
#center .instance .in_box .in_list li.on .pic { display: none; }
#center .instance .in_box .in_list li.on .pic_on { display: block; }
#center .instance .in_box .in_list li.on .name { color: rgb(0, 79, 162); }
#center .instance .in_box .in_list li.on .dai { display: none; }
#center .instance .in_box .in_list li.on .in_brief { display: block; }
#center .instance .in_box .in_list li.on .open { display: none; }
#center .instance .in_box .in_list li.on .open_hover { display: block; }
#center .de_list { margin-top: 20px; padding: 0px 6%; background: url("/images/cy_bg.png") center top repeat-y; }
#center .de_list li { width: 51%; position: relative; z-index: 1; }
#center .de_list li .brief { font-size: 16px; color: rgb(34, 34, 34); padding: 14px 24px; background: rgb(240, 240, 240); width: 53%; line-height: 28px; }
#center .de_list li .brief span { font-size: 16px; line-height: 28px; height: 28px; overflow: hidden; display: block; }
#center .de_list li .brief_on { font-size: 16px; color: rgb(255, 255, 255); padding: 14px 24px; background: rgb(0, 79, 162); width: 53%; line-height: 28px; position: absolute; top: 0px; display: none; z-index: 3; }
#center .de_list li .br_l { left: 0px; }
#center .de_list li .br_r { right: 0px; }
#center .de_list li .title { height: 86px; line-height: 86px; font-size: 40px; color: rgb(0, 0, 0); }
#center .de_list li .tl { background: url("/images/tl.png") left center no-repeat; padding-left: 38px; margin-left: 19px; }
#center .de_list li .tr { background: url("/images/tr.png") right center no-repeat; padding-right: 38px; margin-right: 19px; text-align: right; }
#center .de_list li .cy_on { width: 61px; height: 61px; background: url("/images/cy_on.png") no-repeat; position: absolute; top: 12px; z-index: 5; display: none; }
#center .de_list li .cy_l { left: 5px; }
#center .de_list li .cy_r { right: 5px; }
#center .de_list li:hover { z-index: 2; }
#center .de_list li:hover .title { color: rgb(0, 79, 162); }
#center .de_list li:hover .tl { background: url("/images/tl_hover.png") left center no-repeat; }
#center .de_list li:hover .tr { background: url("/images/tr_hover.png") right center no-repeat; }
#center .de_list li:hover .brief_on { display: block; }
#center .de_list li:hover .cy_on { display: block; }
#center .di_list { margin-top: 20px; padding: 0px 6%; display: none; }
#center .di_list li { width: 100%; margin-bottom: 10px; }
#center .di_list li .brief { font-size: 16px; color: rgb(34, 34, 34); padding: 14px 24px; background: rgb(240, 240, 240); width: 70%; line-height: 28px; }
#center .di_list li .brief span { height: 28px; overflow: hidden; line-height: 28px; font-size: 16px; color: rgb(34, 34, 34); }
#center .di_list li .brief_on { font-size: 16px; color: rgb(255, 255, 255); padding: 14px 24px; background: rgb(0, 79, 162); width: 70%; line-height: 28px; display: none; }
#center .di_list li .title { height: 86px; line-height: 86px; width: 18.8%; font-size: 40px; color: rgb(0, 0, 0); background: url("/images/tr.png") right center no-repeat; padding-right: 38px; }
#center .di_list li.cur .title { color: rgb(0, 79, 162); background: url("/images/tr_hover.png") right center no-repeat; }
#center .di_list li.cur .brief { display: none; }
#center .di_list li.cur .brief_on { display: block; }
#center .par_list { padding: 0px 0px 100px; position: relative; z-index: 1; }
#center .par_list li { width: 12.5%; border-left: 1px solid rgb(242, 242, 242); border-bottom: 1px solid rgb(242, 242, 242); display: block; text-align: center; height: 170px; position: relative; z-index: 2; }
#center .par_list li a { width: 100%; height: 100%; }
#center .par_list li span { display: inline-block; height: 100%; vertical-align: middle; }
#center .par_list li img { max-width: 100%; max-height: 100px; vertical-align: middle; filter: grayscale(100%); }
#center .par_list li:hover img { filter: grayscale(0%); }
#center .par_list .move { width: 16.666%; height: 0px; opacity: 0; background: rgb(238, 238, 238); position: absolute; z-index: 1; top: 0px; left: 0px; box-shadow: rgb(170, 170, 170) 0px 0px 5px; }
#center .contact { padding: 30px 6.77% 35px; }
#center .contact .jy { height: 60px; line-height: 60px; text-align: center; color: rgb(34, 34, 34); font-family: mf; font-size: 36px; }
#center .contact .jy_bri { line-height: 34px; text-align: center; color: rgb(136, 136, 136); font-size: 18px; font-family: mf; }
#center .contact .t_all { margin: 62px 0px 70px; height: 72px; text-align: center; }
#center .contact .t_all .t_row { width: 26.33%; display: inline-block; zoom: 1; text-align: left; float: left; }
#center .contact .t_all .t_row .ff { width: 32px; height: 72px; text-align: center; overflow: hidden; margin-right: 20px; margin-top: 24px; }
#center .contact .t_all .t_row .ff img { max-width: 100%; height: auto; }
#center .contact .t_all .t_row .tel { height: 28px; line-height: 28px; color: rgb(111, 115, 116); font-size: 20px; font-family: mf; }
#center .contact .t_all .t_row .t_num { height: 34px; line-height: 34px; font-size: 20px; color: rgb(0, 0, 0); font-family: mf; }
#center .contact .m_cup { width: 100%; position: relative; z-index: 1; }
#center .contact .m_cup .map { width: 100%; }
#center .contact .t_all .t_row.t1 { width: 35%; padding-left: 13%; }
#center .contact .t_all .t_row.t2 { width: 30%; padding-left: 8%; }
#center .contact .t_all .t_row.t3 { width: 35%; padding-left: 5%; }
#center .contact .m_cup .m_box { width: 50%; height: 100%; position: absolute; z-index: 2; top: 0px; right: 0px; background: url("/images/mb.png") 0% 0% / cover no-repeat; }
#center .contact .m_cup .m_box .mb_rab { padding: 30px 11.5% 0px; }
#center .contact .m_cup .m_box .mb_rab .sz { height: 116px; line-height: 116px; font-size: 34px; font-family: mf; color: rgb(255, 255, 255); border-bottom: 1px solid rgb(250, 163, 75); margin-bottom: 24px; }
#center .contact .m_cup .m_box .m_address { height: 40px; line-height: 40px; padding-left: 40px; font-size: 20px; font-family: mf; color: rgb(255, 255, 255); margin-bottom: 20px; }
#center .contact .m_cup .m_box .mb_rab .md1 { background: url("/images/md1.png") left center no-repeat; }
#center .contact .m_cup .m_box .mb_rab .md2 { background: url("/images/md2.png") left center no-repeat; }
#center .contact .m_cup .m_box .mb_rab .md3 { background: url("/images/md3.png") left center no-repeat; }
#center .contact .m_cup .m_box .mb_rab .md4 { background: url("/images/md4.png") left center no-repeat; }
#center .contact .m_cup .m_box .zixun { width: 146px; height: 48px; text-align: center; background: rgb(255, 255, 255); line-height: 48px; font-size: 20px; }
#center .contact .m_cup .m_box .zixun a { color: rgb(0, 79, 162); display: block; }
#center .contact .a_city { text-align: center; }
#center .contact .a_city ul { font-size: 0px; }
#center .contact .a_city li { width: 300px; height: 220px; border: 1px solid rgb(230, 230, 230); margin: 0px 2% 35px; text-align: left; display: inline-block; }
#center .contact .a_city li .ac_ul { padding: 30px 20px; }
#center .contact .a_city li .ac_ul .name { height: 38px; line-height: 38px; padding-left: 43px; font-size: 26px; color: rgb(0, 79, 162); margin-bottom: 10px; position: relative; }
#center .contact .a_city li .ac_ul .name .imgs { position: absolute; left: 0px; top: 0px; }
#center .contact .a_city li .ac_ul .name .imgs:hover { transform: rotate(360deg); }
#center .contact .a_city li .ac_box .ac_l { height: 28px; line-height: 28px; width: 46px; font-size: 14px; color: rgb(85, 85, 85); }
#center .contact .a_city li .ac_box .ac_r { line-height: 28px; width: 210px; font-size: 14px; color: rgb(85, 85, 85); }
#ShowVideoBg { width: 100%; height: 100%; background: url("/images/26.png"); opacity: 0.5; position: fixed; z-index: 9999; top: 0px; display: none; }
#ShowVideo { position: fixed; top: 50%; left: 50%; background: rgb(255, 255, 255); z-index: 10000; display: none; }
#ShowVideo .video .close { width: 34px; height: 35px; background: url("/images/25.png") no-repeat; position: absolute; z-index: 10001; right: -17px; top: -17px; cursor: pointer; }
#ShowVideo .video .loading { background: url("/images/27.gif") center center no-repeat; position: absolute; z-index: 20003; top: 50%; left: 50%; }
#ShowVideo .video .videoplay { position: absolute; z-index: 10002; top: 50%; left: 50%; display: none; }
#ShowVideo .video .videoplay embed { width: 100%; height: 100%; margin: 0px auto; }
#ShowVideo .video .vv { width: 100%; height: 100%; }
#footer { position: relative; z-index: 104; }
#footer .f_top { padding: 10px 0px; background: rgb(63, 63, 63); }
#footer .f_top .f_li { width: 28%; margin-left: 5%; background: url("/images/f_li.jpg") right 12px repeat-y; }
#footer .f_top .f_no { background: none; }
#footer .f_top .f_li .f_name { height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: rgb(136, 136, 136); }
#footer .f_top .f_li .f_row { margin-top: 5px; }
#footer .f_top .f_li .f_row li { height: 38px; width: 33%; line-height: 38px; font-size: 12px; overflow: hidden; }
#footer .f_top .f_li .f_row li a { color: rgb(255, 255, 255); }
#footer .f_top .f_li .f_row li:hover a { text-decoration: underline; }
#footer .f_top .f_li .f_row li.lis { width: 33%; }
#footer .f_top .f_li .f_row .f_lab { width: 310px; }
#footer .f_top .f_li .f_row .f_lab .phone { height: 50px; line-height: 50px; font-size: 32px; color: rgb(255, 255, 255); font-family: "Myriad Pro"; }
#footer .f_top .f_li .f_row .f_lab .week { height: 24px; line-height: 24px; color: rgb(102, 102, 102); font-size: 12px; }
#footer .f_top .f_li .f_row .f_wei { width: 80px; margin-top: -35px; }
#footer .f_top .f_li .f_row .f_wei .pic { width: 80px; height: 80px; overflow: hidden; }
#footer .f_top .f_li .f_row .f_wei .pic img { width: 100%; }
#footer .f_top .f_li .f_row .f_wei .w_tit { height: 28px; line-height: 28px; font-size: 12px; color: rgb(255, 255, 255); text-align: center; }
#footer .f_top .f_li .f_row .duo { margin-left: 35px; display: none; }
#footer .f_bottom { padding: 20px 5% 0px; background: rgb(57, 57, 57); }
#footer .f_bottom .link { padding: 8px 0px 20px; border-bottom: 1px solid rgb(69, 69, 69); }
#footer .f_bottom .link .li_lab { width: 12%; height: 40px; padding-left: 28px; line-height: 40px; background: url("/images/link.png") left center no-repeat; font-size: 14px; font-weight: bold; color: rgb(255, 255, 255); }
#footer .f_bottom .link .li_rab { width: 100%; margin-top: 8px; text-align: center; }
#footer .f_bottom .link .li_rab ul { font-size: 0px; }
#footer .f_bottom .link .li_rab li { padding-right: 10px; margin-right: 10px; height: 28px; line-height: 28px; background: url("/images/l_li.jpg") right center no-repeat; font-size: 12px; display: inline-block; }
#footer .f_bottom .link .li_rab li a { color: rgb(176, 176, 176); }
#footer .f_bottom .link .li_rab li:first-child { background: none; padding: 0px; }
#footer .f_bottom .f_btm .copy { height: 78px; line-height: 78px; font-size: 12px; color: rgb(106, 106, 106); }
#footer .f_bottom .f_btm .share { margin-top: 22px; height: 35px; line-height: 35px; font-size: 14px; color: rgb(106, 106, 106); }
#footer .f_bottom .f_btm .share a { margin-left: 9px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; }
#footer .f_bottom .f_btm .wj { width: 30px; margin: 24px 0px 0px 10px; }
#footer .f_bottom .f_btm .wj img { width: 100%; }
#rigNav { position: fixed; z-index: 900; right: 0px; }
#rigNav .q { width: 40px; height: 40px; background: rgb(0, 79, 162); position: relative; z-index: 200; margin-bottom: 1px; }
#rigNav .q .qw { width: 97px; height: 97px; overflow: hidden; position: absolute; right: -97px; z-index: 1; top: 0px; }
#rigNav .q.g_top { background: rgb(37, 51, 69); }
#rigNav .q .q_wei { position: relative; z-index: 2; background: rgb(0, 79, 162); }
#rigNav .q .q_tu { width: 40px; height: 40px; }
#rigNav .q .r1 { background: url("/images/r1.png") center center no-repeat; }
#rigNav .q .r2 { background: url("/images/r2.png") center center no-repeat; }
#rigNav .q .r3 { background: url("/images/r3.png") center center no-repeat; }
#rigNav .q .q_zi { height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: rgb(255, 255, 255); }
#rigNav .q .qp { height: 40px; width: 180px; font-size: 24px; line-height: 40px; background: rgb(0, 79, 162); color: rgb(255, 255, 255); text-align: center; position: absolute; z-index: 1; right: -180px; top: 0px; }
#rigNav .q .qp a { color: rgb(255, 255, 255); }
#rigNav .q .qw img { width: 100%; }
#rigNav .q:hover { background: rgb(0, 79, 162); }
#rigNav .q:hover .r1 { background-size: 60%; }
#rigNav .q:hover .r2 { background-size: 60%; }
#rigNav .q:hover .r3 { background-size: 60%; }
#rigNav .q:hover .q_wei { background: rgb(0, 79, 162); }
#rigNav .q:hover .qw { right: 58px; }
#rigNav .q:hover .qp { right: 40px; }
#center.mess { background: url("../images/bann2.png") center center repeat-y; }
#center .message { padding: 30px 15% 35px; }
#center .message .jy { height: 60px; line-height: 60px; text-align: center; color: rgb(34, 34, 34); font-size: 36px; }
#center .message .w { margin-top: 50px; }
#center .message .w .l { width: 48%; }
#center .message .w .r { width: 46%; }
#center .message .w .l .title { font-size: 24px; color: rgb(0, 79, 162); margin-bottom: 30px; }
#center .message .w .l .brief { line-height: 30px; font-size: 15px; color: rgb(85, 85, 85); margin-bottom: 40px; }
#center .message .w .r .in_row { margin-bottom: 20px; }
#center .message .w .r .in_row .texts { border: none; width: 98%; height: 50px; line-height: 50px; padding-left: 2%; color: rgb(175, 175, 175); font-size: 14px; }
#center .message .w .r .in_row .texts2 { width: 32.5%; border: 1px solid rgb(169, 169, 169); height: 50px; line-height: 50px; color: rgb(175, 175, 175); }
#center .message .w .r .in_row .texts2.threes { margin-right: 0px; }
#center .message .w .r .in_message .messs { width: 98%; height: 180px; padding-left: 2%; border: none; padding-top: 20px; }
#center .message .w .r .apply_sub .a_mit { width: 100%; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; font-weight: bolder; background: rgb(0, 79, 162); border: none; margin-top: 20px; cursor: pointer; }
#center .message .w .r .in_row .span1 { margin-left: 2%; color: rgb(136, 136, 136); margin-right: 30px; }
#center .message .w .r .in_row .span2 { color: rgb(136, 136, 136); margin-left: 2px; }
#center .message .w .r .in_row .radios { color: rgb(0, 79, 162); }
#center .message .w .r input[type="radio"] + label::before { content: " "; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: 0.4em; border-radius: 50%; border: 1px solid rgb(0, 79, 162); text-indent: 0.15em; line-height: 1; }
#center .message .w .r input[type="radio"]:checked + label::before { background-color: rgb(0, 79, 162); background-clip: content-box; padding: 3px; width: 9px; height: 9px; }
#center .message .w .r input[type="radio"] { opacity: 0; position: absolute; height: 24px; width: 24px; }
#content .pc_box .big { width: 392px; height: 565px; margin-left: 12px; }
#content .pc_box .big:first-child { margin-left: 0px; }
#content .pc_box .big .pro { position: relative; height: 197px; margin-bottom: 12px; padding: 40px 10%; background-size: 100% !important; }
#content .pc_box .big .pro:nth-child(2) { margin-bottom: 0px; }
#content .pc_box .big .pro .title { font-size: 24px; color: rgb(255, 255, 255); text-align: left; }
#content .pc_box .big .pro .borders { width: 30px; height: 2px; background: rgb(0, 79, 162); margin-top: 25px; }
#content .pc_box .big .pro .hovers { position: absolute; left: 0px; top: 0px; right: 0px; height: 100%; background: rgba(248, 121, 0, 0.7); display: none; padding: 0px 10%; }
#content .pc_box .big .pro:hover { background-size: 110% !important; }
#content .pc_box .big .pro .hovers .tit { font-size: 24px; color: rgb(255, 255, 255); padding-top: 40px; text-align: left; display: block; }
#content .pc_box .big .pro .hovers .bords { width: 30px; height: 2px; background: rgb(255, 255, 255); margin-top: 25px; }
#content .pc_box .big .pro:hover .hovers { display: block; }
#content .pc_box .big .pro:hover .title, #content .pc_box .big .pro:hover .borders { display: none; }
#content .pc_box .big .pro .hovers .cate_list { text-align: left; font-size: 0px; margin-top: 15px; }
#content .pc_box .big .pro .hovers .cate_list .cates { width: 48%; float: none; margin-right: 4%; display: inline-block; vertical-align: top; }
#content .pc_box .big .pro .hovers .cate_list .cates:nth-child(2n) { margin-right: 0px; }
#content .pc_box .big .pro .hovers .cate_list .cates .bg { margin-right: 10px; width: 10px; height: 5px; background: url("/images/list_arr.png") -17px -7px no-repeat; transition: all 0.3s ease 0s; margin-top: 15px; }
#content .pc_box .big .pro .hovers .cate_list .cates:hover .bg { background-position: -2px -7px; }
#content .pc_box .big .pro .hovers .cate_list .cates .sec { height: 35px; line-height: 35px; font-size: 16px; color: rgb(255, 255, 255); }
#content .pc_box.pc2 { display: none; }
@media only screen and (max-width: 1600px) {
  #center .contact .m_cup .m_box .mb_rab .sz { height: 80px; line-height: 80px; margin-bottom: 12px; }
}
@media only screen and (max-width: 1440px) {
  #header .nav { width: 65%; }
  #footer .f_top .f_li .f_row .f_lab { width: 100%; float: left !important; }
  #footer .f_top .f_li .f_row .f_wei { margin-top: 10px; float: left !important; }
  #footer .f_top .f_li .f_row .duo { display: block; }
  #center .contact .m_cup .m_box .mb_rab { padding: 10px 11.5% 0px; }
  #center .contact .m_cup .m_box .m_address { margin-bottom: 8px; }
  #center .p_category .pc_list li .c_box .c_list { font-size: 12px; }
  #center .message { padding: 10px 5% 0px; }
  #center .contact .t_all .t_row { width: 32.33%; }
}
@media only screen and (max-width: 1330px) {
  #center .contact .t_all { height: auto; }
}
@media only screen and (max-width: 1200px) {
  #header .nav { width: 60%; }
  #header .nav li { margin-right: 3%; }
  #content .i_top .i_list li .i_box .ib_rab .brief { height: 64px; }
  #content .pc_box { width: 100%; }
  #content .pc_box li { width: 25%; }
  #content .pc_box li .second dd { width: 40%; }
  #center .art_list li .orange { top: 26%; left: 16%; right: 16%; bottom: 16%; }
  #center .p_category .pc_list li .c_box .pc_one { height: 80px; line-height: 80px; font-size: 20px; background-size: 15%; }
  #center .p_category .pc_list li .c_ho .ho_box .pc_one { height: 80px; line-height: 80px; font-size: 20px; background-size: 15%; }
  #center .product_detail .detail_row .d_box .d_wrap { padding: 20px 7.7%; }
  #center .product_detail .detail_row .d_box .d_wrap .xian { margin: 15px 0px; }
  #center .contact .t_all .t_row { text-align: left; margin-bottom: 20px; margin-right: 0px; }
  #center .contact .m_cup .m_box { position: relative; width: 100%; height: auto; }
  #center .contact .m_cup .m_box .mb_rab { padding: 10px 11.5% 20px; }
  #footer .f_top .f_li .f_row li.lis { width: 35%; }
  #content .pc_box .big { margin: 0px auto 12px 12px; width: 32.5%; }
  #header .logo { width: 220px; }
}
@media only screen and (max-width: 1130px) {
  #header .nav { width: 64%; }
  #header .logo { width: 200px; }
  #header .nav li { margin-right: 2%; }
  #center .contact .t_all { text-align: left; }
  #center .contact .t_all .t_row { width: 48%; }
  #center .contact .t_all .t_row.t1 { padding-left: 0px; width: 48%; }
  #center .contact .t_all .t_row.t2 { padding-left: 0px; width: 48%; }
  #center .contact .t_all .t_row.t3 { padding-left: 0px; width: 48%; }
}
@media only screen and (max-width: 1000px) {
  #content .p_box { text-align: center; }
  #content .p_box li { width: 50%; display: inline-block; text-align: left; float: none !important; }
  #content .p_box li .senior { font-size: 3vw; }
  #content .c_mid .f_list li { width: 40%; display: inline-block; float: none; }
  #center .p_list li { width: 40%; display: inline-block; float: none; }
  #center .product_detail .about .ab_list li { width: 40%; display: inline-block; float: none; }
  #center .art_list li { width: 100%; float: none !important; }
  #center .de_list li .title { font-size: 20px; }
  #center .info .i_list li .i_box .ib_rab .brief { height: 96px; }
}
@media only screen and (max-width: 980px) {
  #header .nav { display: none; }
  #header .menu { display: block; }
  #center .message .w .l { width: auto; float: none; }
  #center .message .w .r { width: auto; float: none; padding-bottom: 20px; }
  #content .pc_box.pc1 { display: none; }
  #content .pc_box.pc2 { display: block; }
  #content .pc_box li .imgss { margin: 0px auto; overflow: hidden; width: auto; height: 280px; }
  .web_title .aw_del { display: none; }
  .web_title .aw_del.mobiles { display: block; text-align: left; width: 96%; margin: 40px auto 0px; }
  #content .pc_box li { padding-top: 0px; }
}
@media only screen and (max-width: 940px) {
  #content .i_top .i_list li .i_title { font-size: 2vw; }
  #center .product_detail .pd_cate .pd_rab { width: 100%; margin: 0px; }
  #center .product_detail .detail_row .pic { width: 100%; float: none !important; }
  #center .product_detail .detail_row .d_box { width: 100%; float: none !important; }
  #center .product_detail .detail_row .d_box .d_wrap { padding: 20px 3%; }
  #center .contact .t_all { text-align: center; }
  #center .contact .t_all .t_row { width: 80%; }
}
@media only screen and (max-width: 900px) {
  #banner { display: none; }
  #m_banner { display: block; }
  #ban { display: none; }
  #m_ban { display: block; }
  #content .i_top .i_list { text-align: center; }
  #content .i_top .i_list li { width: 100%; display: inline-block; text-align: left; float: none !important; }
  #content .i_top .i_list li .i_box .ib_rab .brief { height: 128px; }
  #content .i_top .i_list li .i_box .ib_rab .date { font-size: 2vw; }
  #content .i_top .i_list li .i_title { font-size: 20px; }
  #content .pc_box li { width: 40%; }
  #content .pc_box li .second dd { width: 30%; margin-right: 6%; }
  #content .partner .par_list li { width: 25%; }
  #center .par_list li { width: 25%; }
  #footer .f_top { text-align: center; }
  #footer .f_top .f_li { display: inline-block; width: 45%; text-align: left; margin-bottom: 20px; }
  #center .de_list li .tl { background: none; padding: 0px; }
  #center .de_list li:hover .tl { background: none; }
  #center .de_list li .tr { background: none; padding: 0px; }
  #center .de_list li:hover .tr { background: none; }
  #center .p_category .pc_list { display: none; }
  #center .p_category .pb_list { display: block; }
  #center .info .i_list { text-align: center; padding: 0px; }
  #center .info .i_list li { display: inline-block; width: 100%; text-align: left; float: none !important; }
  #center .info .i_list li .i_box .ib_rab .brief { height: 160px; }
  #rigNav .q:hover { background: rgb(37, 51, 69); }
  #rigNav .q:hover .q_wei { background: rgb(37, 51, 69); }
  #rigNav .q:hover .qw { right: -97px; }
  #rigNav .q:hover .qp { right: -180px; }
  #rigNav .q.open .q_wei { background: rgb(0, 79, 162); }
  #rigNav .q.open .qw { right: 58px; }
  #rigNav .q.open .qp { right: 58px; }
}
@media only screen and (max-width: 800px) {
  #footer .f_bottom .f_btm .copy { width: 100%; line-height: 30px; height: auto; padding: 10px 0px; float: none !important; }
  #footer .f_bottom .f_btm .wj { width: 50px; margin: 0px auto; float: none; }
  #footer .f_bottom .f_btm .share { display: none; }
}
@media only screen and (max-width: 720px) {
  #center .de_list { display: none; }
  #center .di_list { display: block; }
  #content .pc_box li { width: 300px; }
  #content .pc_box li .second dd { width: 100px; margin-right: 20px; }
  #content .partner .par_list li img { filter: grayscale(0%); }
  #center .par_list li img { filter: grayscale(0%); }
  #center .info .i_list li .i_box .ib_rab .brief { height: 128px; }
  #center .contact .t_all { margin: 30px 0px; }
  #center .contact .m_cup .m_box .m_address { height: auto; margin-bottom: 20px; }
  #dituContent { height: 400px !important; }
  #center .art_del img { width: 100% !important; height: auto !important; }
  .video-js { width: 100% !important; }
  #center .product_detail .pd_cate .p_mu { line-height: 48px; }
  #center .product_detail .pd_cate .pd_rab li { height: 48px; line-height: 48px; }
  #center .product_detail .detail_row .pic .img_box { display: none; }
  #center .product_detail .detail_row .pic .small { display: none; }
  #center .product_detail .detail_row .pic .v_but { display: none; }
  #center .product_detail .detail_row .pic .vg { display: block; }
}
@media only screen and (max-width: 680px) {
  #footer .f_top .f_li { width: 90%; background: none; float: none !important; }
  #center .instance .in_box .in_list li .in_clear { clear: both; }
  #center .instance .in_box .in_list li .in_mid { width: 100%; margin: 10px 0px 0px; }
  #center .contact .t_all .t_row.t1 { width: auto; margin: 0px auto; }
  #center .contact .t_all .t_row.t2 { width: auto; margin: 0px auto; }
  #center .contact .t_all .t_row.t3 { width: auto; margin: 0px auto; }
}
@media only screen and (max-width: 640px) {
  #header .h_top { padding-left: 2%; }
  #content .i_top .i_list li .i_title { font-size: 3vw; }
  #content .c_mid .w_one { display: none; }
  #content .c_mid .w_two { display: block; }
  #content .c_mid .fu_box { display: none; }
  #content .partner .par_list li { height: 100px; }
  #center .par_list li { height: 100px; }
  #center .p_category .pb_list li .pbl .pc_one { text-indent: 50px; font-size: 24px; }
  .web_title .a_tit { font-size: 24px; }
  .web_title .a_bri { font-size: 16px; }
}
@media only screen and (max-width: 600px) {
  #content .p_box li { width: 100%; }
  #content .p_box li .senior { height: 90px; line-height: 90px; font-size: 4vw; }
  #content .c_mid .f_list li { width: 100%; }
  #center .p_list li { width: 100%; }
  #center .product_detail .about .ab_list li { width: 100%; }
  #footer .f_bottom .link .li_lab { width: 30%; float: none !important; }
  #footer .f_bottom .link .li_rab { width: 100%; float: none !important; }
  #center .info .i_list li .i_box .ib_rab .brief { height: 96px; }
  #center .a_top .b_line { width: 10%; }
  #center .di_list li .title { background: none; padding: 0px; width: 29%; }
  #center .di_list li.cur .title { background: none; }
  #center .product .p_sec_list li { width: 20%; }
}
@media only screen and (max-width: 540px) {
  #header .h_phone { display: none; }
  #header .logo { display: none; }
  #header .m_logo { display: block; }
  #center .contact .t_all .t_row { padding-left: 0px !important; }
}
@media only screen and (max-width: 480px) {
  #header { height: 80px; }
  #header .menu { margin: 22px 10px 0px 0px; }
  #header .m_logo { margin-top: 20px; }
  #header .h_top .zq { margin-top: 15px; }
  #content .c_mid .c_ser_all .c_line { width: 10%; }
  #content .c_mid .c_ser_all .f_case { margin: 0px 20px; }
  #content .pc_box li { width: 300px; margin-bottom: 20px; }
  #rigNav { }
  #content .i_top .i_list li .i_title { height: 60px; line-height: 60px; }
  #content .i_top .i_list li .i_box .ib_rab .date { font-size: 14px; }
  #center .a_top .a_line { width: 10%; }
  #center .art_list li .mpic { display: block; }
  #center .art_list li .pic { display: none; }
  #center .art_list li .culture .cu .cu_t { font-size: 24px; height: 48px; line-height: 48px; }
  #center .art_list li .culture .cul_del { margin-top: 10px; }
  #center .art_list { padding: 0px; }
  #center .p_category .pb_list li .pbl .pc_one { text-indent: 50px; font-size: 24px; background-size: 8%; }
  #center .info .i_list li { margin-bottom: 20px; }
  #center .info .i_list li .i_box .ib_rab .brief { height: 64px; }
  #center .info .i_list li .i_box .ib_rab .date { font-size: 12px; }
  #center .info .i_list li .i_title { font-size: 16px; }
  #center .contact .t_all .t_row { padding-left: 60px; background-size: 15%; }
  #content .c_mid .fu_box li { width: 70%; }
  #content .c_mid .fu_box li.f_one { padding: 0px; text-align: center; }
  #content .c_mid .fu_box li a { width: 100%; text-align: center; padding: 0px; }
  #center .product .fu_box li { width: 70%; }
  #center .product .fu_box li.f_one { padding: 0px; text-align: center; }
  #center .product .fu_box li a { width: 100%; text-align: center; padding: 0px; }
  #center .i_category li { width: 70%; text-align: center; }
  #center .i_category li a { padding: 0px; }
  #center .product_detail .about .a_case .ac { width: 0px; }
  #center .product_detail .detail_row .d_box .d_wrap { height: 400px; }
  #center .p_category .pb_list li .pbl dd { float: none !important; }
  #center .message .w .r .in_row .texts2 { width: 31%; }
  #center .product .p_sec_list li { width: 25%; }
}
@media only screen and (max-width: 400px) {
  #header .h_top .zq { display: none; }
  #header .h_top .zq1 { display: block; }
  #content .p_box li .senior { height: 60px; line-height: 60px; font-size: 5vw; }
  #content .i_top .i_list li .i_title { font-size: 18px; }
  #content .i_top .i_list li .i_box .ib_rab .brief { height: 64px; }
  #center .art_list li .culture .cul_del { }
  #center .di_list li .title { font-size: 30px; }
  #center .p_category .pb_list li .pbl .pc_one { font-size: 18px; }
  #center .contact .t_all .t_row { padding-left: 50px; }
  #center .contact .t_all .t_row .tel { font-size: 16px; }
  #center .contact .t_all .t_row .t_num { font-size: 18px; }
}
@media only screen and (max-width: 360px) {
  #header .logo { width: 62%; }
  #header .logo img { width: 100%; }
  #footer .f_top .f_li .f_row li.irem { float: right !important; }
  #center .art_list li:hover .culture { top: 20px !important; }
  #center .p_category .pb_list li .pbl .pc_one { text-indent: 30px; }
  #center .info .i_list li .i_box .ib_rab .brief { font-size: 14px; line-height: 24px; height: 72px; }
  #center .contact .m_cup .m_box .m_address { font-size: 14px; margin-bottom: 10px; }
  #center .a_top .b_line { width: 8%; }
  #center .contact { padding: 30px 0px 35px; }
}
@media only screen and (max-width: 360px) {
  #center .art_list li .culture .cul_del { height: 196px; overflow: hidden; }
}
h4 { font-weight: normal; font-size: 30px; line-height: 30px; color: rgb(92, 92, 92); }