html {
position: relative;
}
html:before,html:after {content: "";display: block;height: 100%;z-index: -3;position: absolute;left: 50%;top: 0;width: 1970px;background: #fff;margin-left: -985px;box-shadow: 0px 0px 17px rgb(205 228 252 / 37%);}
html:before{z-index: -5;background:#f3f3f3;width:100vw;margin:0 auto;left:0;}
body {
--container-width: 1200px;
max-width: 1920px;
margin: 0 auto;
position:relative;
}
.waponly { display: none }
.fullcarousel .carousel-caption { top: 70px; left: 50%; width: 1160px; max-height: 350px; margin-left: 0; text-align: center; margin-left: -580px }
.fullcarousel1 i { font-size: 30px; font-style: normal; line-height: 60px; display: inline-block; width: 60px; height: 60px; text-align: center; color: #fff; border-radius: 500px; background: rgba(255, 255, 255, .39); box-shadow: none }
.fullcarousel .right.carousel-control {background: transparent url(../images/ar_right.png) no-repeat center center/50px;}
.fullcarousel .carousel-control {width: 140px;background: transparent url(../images/ar_left.png) no-repeat center center/50px;transition: all .3s;opacity: .7;}
.carousel-control:focus {
opacity: .7;
}
.carousel-control:hover {
opacity: 1;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { left: 0; display: block; width: 100%; height: 40px; margin: 0; margin-top: -40px }
.carousel-control .fa:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; content: ''; background: transparent url(../images/bgs.png) no-repeat 20px -893px }
.carousel-control .fa.icon-next:before { background-position: -769px -893px }
.fullcarousel .item a > img {visibility: hidden;width: 100%;max-width: none;height: auto;min-width: 1920px;}
.fullcarousel .carousel-caption * { color: #fff }
.fullcarousel .carousel-caption .animated0 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fullcarousel .carousel-caption .animated1 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fullcarousel .carousel-caption .animated2 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: .3s; animation-delay: .3s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fullcarousel .carousel-caption .animated3 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.caption-animate .item h3 { font-size: 65px; font-weight: 400; animation-delay: 1s; color: #444 }
.caption-animate .item .d1 { font-size: 24px; font-weight: 400; line-height: 1.1; margin: 30px 0 50px; animation-delay: 1.4s; text-transform: uppercase; text-align: left }
.caption-animate .item .d1 p { text-shadow: none }
.caption-animate .item .d1 p:nth-child(1) { color: rgba(255, 255, 255, 0.5); font-weight: 100 }
.caption-animate .item .d1 p:nth-child(3) { font-weight: 100 }
.caption-animate .item .p2 { font-weight: 400; width: 88px; width: 56px; height: 56px; animation-duration: 1.8s; animation-delay: 2s; text-align: center; border: 2px solid #fff; border-radius: 50% }
.caption-animate .item .p2 img { margin-top: 12px }
.carousel-indicators { bottom: -25px; overflow: hidden; height: 80px }
.carousel-indicators li { width: 56px; height: 2px; margin: 0 6px; transition: all .3s; border: none; border-radius: 0; background: rgba(255, 255, 255, 0.6); }
.carousel-indicators li.active { width: 56px; height: 2px; margin: 0 6px; border: none; background: hsla(0, 0%, 100%, 0.8784313725490196); position: relative;}
.carousel-indicators li.active:after { animation: move 4.5s; content: "" !important; display: block !important; position: absolute; width: 0px; height: 100%; top: 0; left: 0; background: #2F99F1 }
@keyframes move {
0% { width: 0% }
100% { width: 100% }
}
.i_ttl { text-align: center }
.h2_sct_ttl { display: inline-block; font-size: 36px; color: #333; padding: 0 45px; margin: 0 auto; line-height: 1.1; font-weight: 400; position: relative; }
.h2_sct_ttl+p { color: #666; font-size: 18px; font-weight: 400; text-align: center; margin-top: 22px; }
.white .h2_sct_ttl { color: #fff }
.white .h2_sct_ttl:before, .white .h2_sct_ttl:after { background: url(../images/bg3.png) no-repeat 2px -159px }
.white .h2_sct_ttl:after { background-position: right -159px }
.white .h2_sct_ttl+p { color: #fff }
.i_ttl_r { text-align: left }
.i_ttl_r .h2_sct_ttl { padding-left: 0 }
.i_ttl_r .h2_sct_ttl:before { display: none }
ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#maincontent { padding-top: 1px;/* background: #a67e86; */ }
.pagename { font-size: 36px; line-height: 2; text-align: center; margin: 30px auto 35px; }
#pageban .ban { position: relative }
#pageban * { text-align: center }
#pageban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban h4 img { visibility: visible; width: auto; min-width: 1px }
#pageban .sname { font-family: Microsoft YaHei UI; font-size: 40px; font-weight: 400; line-height: 1; position: absolute; z-index: 4; top: 24%; right: 0; display: inline-block; width: fit-content; width: 100%; text-align: center; white-space: normal; letter-spacing: 7px; text-transform: uppercase; word-break: break-word; color: #fff }
#pageban h2,#pageban h4 {font-size: 60px;font-weight: 400;font-weight: 500;position: absolute;top: 140px;left: 50%;width: 1200px;margin-left: -600px;text-align: left;letter-spacing: 4px;color: #fff;}
#pageban h4 {font-size: 35px;font-weight: 100;/* position: absolute; */top: 238px;/* left: 0; *//* width: 100%; *//* margin: 0 auto; */padding: 0;text-align: left;letter-spacing: 2px;}
#pageban h4 .dot {display: inline-block;width: 8px;height: 8px;margin: 0 17px 2px 17px;vertical-align: middle;border-radius: 100px;background: #ffffff;}
.body_1 .lrline:before { position: relative; top: -14px; left: -30px; display: inline-block; width: 35px; height: 3px; content: ''; background: #d3d0cc }
.body_1 .lrline:after { position: relative; top: -14px; right: -30px; display: inline-block; width: 35px; height: 3px; content: ''; background: #d3d0cc }
#location { padding: 0 30px 0 23px; background: url(../images/bg_lct.png) no-repeat left }
#location * { font-size: 16px; color: #666; font-weight: 400 }
#location a:hover { color: #0154A4 }
#submenu { margin: 0 0; padding: 0 50px;/* background: #F0F0F0; */ border-bottom: 1px solid #E7E8EE; }
#submenu .box > a { display: none }
#submenu ul {display: flex;width: 100%;justify-content: center;}
#submenu ul li { display: inline-block; text-align: center; flex: 0 1 auto; position: relative }
#submenu ul li:after { content: ""; display: block; position: absolute; width: 1px; height: 32px; top: 23px; right: 0; background: #E7E9F1; }
#submenu ul li.on:after { background: #0054a3; }
#submenu ul li.on a { color: #fff; background: #0054A3; font-weight: bold; }
#submenu ul li a { font-size: 18px; line-height: 80px; display: block; padding: 0 70px; color: #666; }
#submenu ul li a i { display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 10px }
#submenu ul li { flex: 0.15 1 auto; }
#submenu ul li a { padding: 0 }
#submenu ul li a:hover { color: #0054a3; }
#submenu ul li.on a:hover { color: #fff; }
.subchannels { text-align: center; margin-bottom: 40px; margin-top: -20px; }
.subchannels li {display: inline-block;margin: 0 10px;padding: 0 23px;background: url(../images/arrow7.png) no-repeat left -309px center;}
.subchannels li a { font-size: 20px; color: #666; }
.subchannels li a:hover { color: #0154A4; }
.subchannels li.on { background-position: left 0px center; }
.subchannels li.on a { color: #0154A4; }
#main { padding: 0 50px }
#main .pagettl { font-size: 45px; padding: 30px 0 10px; text-align: center }
#main .pagettl_c { font-size: 45px; padding: 30px 0 10px; text-align: center }
#main .pagettlf { font-size: 20px; text-align: center; color: #666 }
#course { position: relative; margin-top: 0; padding-top: 80px; padding-bottom: 60px }
#course:before { position: absolute; z-index: 1; top: 0; left: 50%; display: block; width: 1px; height: 100%; content: ''; background: #898989 }
#course .year { font-size: 16px; line-height: 1.9; position: relative; z-index: 3; width: 440px; padding: 25px 50px 35px; color: #666; border: 1px solid #eee }
#course .year h4 { font-size: 28px; margin-bottom: 20px; color: #333 }
#course .year h4:after { top: -6px; right: -10px; width: 10px; height: 2px; background: #333 }
#course .year h4:before { top: -6px; left: -10px; width: 10px; height: 2px; background: #333 }
#course .year li:before { padding-right: 11px; content: '-' }
#course .year:nth-child(odd) { float: right; clear: both; margin-top: -50px; margin-right: 105px }
#course .year:nth-child(odd):before { position: absolute; top: 50%; display: block; width: 110px; height: 1px; margin-right: 20px; content: ''; background: #eee; RIGHT: 100% }
#course .year:nth-child(odd):after { position: absolute; top: 50%; right: calc(100% + 125px); display: block; width: 11px; height: 11px; margin-top: -5px; margin-left: 0; content: ''; border-radius: 50%; background: #666 }
#course .year:nth-child(even) { float: left; clear: both; margin-top: -50px; MARGIN-LEFT: 105px }
#course .year:nth-child(even):before { position: absolute; top: 50%; left: 100%; display: block; width: 110px; height: 1px; margin-left: 20px; content: ''; background: #eee }
#course .year:nth-child(even):after { position: absolute; top: 50%; left: 100%; display: block; width: 11px; height: 11px; margin-top: -5px; margin-left: 126px; content: ''; border-radius: 50%; background: #666 }
#services { padding: 70px 0 }
#services .row .line { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #eee }
#services .flex { display: flex; flex-direction: column; height: 100%; justify-content: space-between }
#services .row h2 { font-size: 36px; font-weight: bold; margin-top: 0 }
#services .row .sinfo { font-size: 16px; line-height: 1.8 }
.remark { font-size: 16px; font-weight: 400; line-height: 1.98; color: #444 }
.remark * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit }
.remark img,.remark video{height: auto !important;;}
#videos { padding: 30px 0 60px }
#videos .con { text-align: center; margin-bottom: 15px }
#videos .nail { position: relative; height: 255px }
#videos .nail:after { position: absolute; top: 50%; left: 50%; display: block; width: 66px; height: 66px; margin-top: -33px; margin-left: -33px; content: ''; background: url(../images/play.png) no-repeat center }
#videos .txt { font-size: 18px; line-height: 1.9; display: inline-block; padding: 25px 10px }
video { object-fit: cover }
#pagelist { margin: 50px auto 0; text-align: center }
#pagelist .current { padding: 0 14px }
#pagelist a:hover, #pagelist .current { color: #fff; border-color: #0154A4; background: #0154A4 }
#pagelist > span.pageinfo { display: none }
#pagelist > span, #pagelist a { line-height: 35px; display: inline-block; height: 35px; margin: 0 5px; padding: 0 10px; transition: all .2s; color: #333; border: 1px solid #eee; background: #fff; }
#newspage .media { margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee; -moz-box-shadow: 0 1px 5px 2px rgba(89, 89, 89, .1) }
#newspage .media:first-child { border: none; margin-top: 0 }
#newspage .media:hover { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0 }
#newspage .media a:hover { color: #0154A4 !important }
#newspage .media .nail { display: block; width: 280px; height: 180px }
#newspage .media .media-body { padding-left: 32px }
#newspage .media .media-body h4 { font: 800 20px/2 'microsoft yahei'; font-weight: 400; display: block; margin-top: -5px; text-align: left; color: #333 }
#newspage .media .media-body h4 a { color: #333 }
#newspage .media .sinfo { font-size: 16px; line-height: 1.8; color: #666 }
#newspage .media .infotime { color: #666 }
#newspage .media .more { display: inline-block; margin-top: 10px }
#classpage .media { padding: 30px 40px; padding-left: 30px; margin-bottom: 30px; position: relative }
#classpage .media-body { padding-right: 110px }
#classpage .media-body h4 { margin-top: 17px }
#classpage .media-body h4 a { font-size: 20px; margin-bottom: 10px; display: inline-block }
#classpage .sinfo { font-size: 14px; line-height: 24px; color: #666 }
#classpage .infotime { font-size: 70px; color: #dedede; font-family: arial; font-weight: bold; line-height: 1.1; margin-bottom: 0 }
#classpage .infotime:after { width: 40px; background: #dedede; content: ""; height: 3px; display: block; margin: 0 auto }
#classpage .infotime2 { color: #dedede; font-family: arial; font-size: 22px; margin-top: 10px }
#classpage .fr2 { float: none; position: absolute; right: 10px; top: 40px; padding: 0 35px; padding-top: 26px; border-left: 1px solid #dedede; height: 120px }
#classpage .fl { height: 140px; text-align: center; margin-right: 30px; padding-right: 30px; border-right: 1px solid #dedede }
.bdsharebuttonbox { display: block; margin-right: 20px; padding-top: 8px }
.bdsharebuttonbox .ttl { float: left; margin-top: 6px; margin-right: 8px }
.news_detail .imgcenter { display: block; margin: 20px auto }
.news_detail .left1 .con { padding: 0; padding-right: 30px; background: #fff }
.news_detail #maincontent { padding: 60px 0 }
.news_detail .InfoTitle h1 { font: 400 26px/30px 'microsoft yahei'; margin-top: -5px; margin-bottom: 30px; text-align: center; color: #000 }
.news_detail .info_from_wrap { height: 45px; margin-bottom: 20px; text-align: center; color: #666; background: rgba(240, 240, 240, 0.38) }
.news_detail .info_from_wrap b { font-weight: 400; line-height: 45px; margin-left: 25px; color: #666 }
.news_detail .info_previous_next_wrap * { font-size: 14px; font-weight: 400; line-height: 30px; color: #555 }
.news_detail .info_previous_next_wrap { font-size: 14px; font-weight: 400; line-height: 30px; margin-top: 30px; color: #555 }
.news_detail .info_previous_next_wrap b { font-size: 14px; font-weight: 400; line-height: 30px }
.news_detail .info_previous_next_wrap a { font-size: 14px; line-height: 30px }
.news_detail .info_previous_next_wrap a:hover { color: #0154A4 }
.news_detail .left1 { padding-right: 10px }
.news_detail .goback { text-align: right }
.news_detail .goback a { display: block; float: right; width: 110px; margin-top: 30px; padding: 8px 20px; text-align: center; color: #555; border: 1px solid #ccc }
.news_detail .mainpic { float: left; width: 190px; margin: 9px 20px 10px 0 }
.news_detail .mainpic1 {
float: none;
display: block;
margin: 10px auto 20px;
height: auto;
text-align: center;
}
.news_detail .crumbs { margin-bottom: 30px; border-bottom: 1px solid #ccc }
.tjxw h3.ttl:after { display: none !important }
.tjxw h3.ttl { font-size: 16px; line-height: 45px; height: 45px; margin: 0; margin-top: 10px; margin-bottom: 10px; text-align: left; text-indent: 1.1em; font-weight: bold; color: #333; color: #333; background: rgba(240, 240, 240, 0.38) }
.tjxw ul li { padding: 11px 0 11px 10px; border-bottom: 1px solid #eee }
.tjxw ul li a { font-size: 15px; font-weight: 400; line-height: 22px }
.tjxw ul li p { margin: 0; padding-top: 10px; color: #666 }
#Searchlist li { margin: 10px auto; padding: 10px 0; border-bottom: 1px solid #eee }
.thecases { padding-bottom: 50px }
.thecases .in2 { padding: 15px }
.quick-reveal, .to-reveal, .long-reveal, .top-reveal, .long-long-reveal { visibility: hidden }
.fancybox-skin { padding: 0 !important; background: transparent }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { z-index: 99999 }
.divttl p[rel=h2] { margin: 40px 0 }
.divttl h2 .more:hover { color: #d9271b }
.divttl h2 .more { font-size: 16px; position: absolute; top: 50%; right: 0; margin-top: -1px; vertical-align: middle; color: #666 }
.divttl h2:before { display: inline-block; width: 4px; height: 36px; margin-top: -5px; margin-right: 14px; content: ''; vertical-align: middle; background: #ff554c }
.bgline1 { position: relative; width: 100%; height: 1px; margin: 40px 0 }
.bgline1:before { position: absolute; z-index: 18; top: 0; left: 50%; display: block; width: 1215px; height: 10px; margin-left: -607px; content: ''; background: url(../images/bg2.jpg) repeat-x }
.bgline1:after { position: absolute; z-index: 8; top: 4px; left: 0; display: block; width: 100%; height: 2px; content: ''; background: #f1f1f1 }
.title1 { font-size: 24px; margin-bottom: 25px; color: #0055A2; }
.title1 .en { font-family: 'microsoft yahei'; font-weight: 300; position: relative; top: 1px; left: 15px; vertical-align: bottom; color: #999 }
.more_r { font-size: 14px; display: inline-block; width: 70px; padding-right: 16px; text-align: left; text-indent: 0; color: #666; background: url(../images/ar1.png) no-repeat 54px }
h2.bt { font-family: arial; font-size: 48px; font-weight: 400; position: relative; display: block; padding-bottom: 15px; text-align: center; color: #333 }
.thehdl1.hdl { cursor: pointer; height: 68px; background: url(../images/ar.png) no-repeat left center; width: 38px; position: absolute; top: 50%; margin-top: -20px; left: -44px }
.thehdl1.hdl.next { left: auto; right: -50px; background-position: right }
#malls{
}
#malls a.blk{box-shadow: 0px 8px 49px 0px rgba(0, 0, 0, 0.1);height: 480px;background: #fff;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 100px;}
#malls a.blk>* {
/* flex: 1 0 auto; */
}
#malls a.blk img{}
#malls a.blk .logo1 {
width: 230px;
}
#malls a.blk img.more{}
#malls a.blk span{
margin: 35px auto 30px;
}
.sct_pro_class{
padding: 60px 0;
}
.sct_pro_class .slick-slide { margin-left: 26px; }
.sct_pro_class .slick-list { margin-left: -26px; }
.sct_pro_class .a1{
position: relative;
display: block;
}
.sct_pro_class .in {
/* border: 1px solid; */
}
.sct_pro_class .a1 img{
width: 100%;
height: auto;
transition: all .3s;
}
.sct_pro_class .slick-slider{ margin-top: 35px; }
.sct_pro_class .h3{
position: relative;
display: block;
text-align: center;
padding-bottom: 25px;
}
.sct_pro_class .h3:after{
content: "";
display: block;
position: absolute;
width: 35px;
height: 3px;
bottom: 0;
left: 50%;
background: #0054a3;
margin-left: -17.5px;
}
.sct_pro_class .info{
background: #ffffff;
margin: 0 30px;
margin-top: -60px;
z-index: 2;
position: relative;
padding: 20px 50px 40px;
text-align: center;
transition: all .45s;
}
.sct_pro_class .sinfo{}
.sct_pro_class .sinfo{
padding-top: 20px;
line-height: 2;
}
.sct_pro_class a:hover .sinfo{}
.sct_pro_class a:hover .info{
margin-top: -120px;
margin-bottom: 60px;
}
.sct_pro_class a:hover {
/* padding-bottom: 60px; */
}
.sct_pro_class .img{
height: auto;
overflow: hidden;
}
.sct_pro_class a:hover .img{ position: relative;
z-index: 0;}
.sct_pro_class a:hover img{
transform: scale(1.25);
}
.sct_pro_class .slick-dots{
text-align: center;
}
.sct_pro_class .slick-dots li{
width: 12px;
height: 12px;
overflow: hidden;
text-indent: 40px;
background: #BFBFBF;
border-radius: 500px;
display: inline-block;
margin: 0 6px;
}
.sct_pro_class .slick-dots li.slick-active{
background: #0054A3;
}
.sct_pro_class .slick-dots li button{
border: none;
background: transparent;
max-width: 100%;
max-height: 100%;
overflow: hidden;
display: block;
text-indent: -98px;
}
.sct_pro_class .slick-dots li.active button{}
.sct_pro_class .pn{
display: block;
position: absolute;
width: 60px;
height: 60px;
background: url(../images/pn5.png) no-repeat left center;
margin-left: 10px;
top: 160px;
cursor: pointer;
z-index: 44;
}
.sct_pro_class .hdls {
position: relative;
}
.sct_pro_class .pn.prev{}
.sct_pro_class .pn.next{
background-position: right center;
left: auto;
right: 10px;
}
@media screen and (min-width:1600px){
.sct_pro_class .pn{
left:-80px;
margin-left: 0;
}
.sct_pro_class .hdls {
}
.sct_pro_class .pn.prev{}
.sct_pro_class .pn.next{
right: -80px;
}
}
.sct_product { padding: 50px 0 70px; }
.sct_product div { }
.sct_product .container { }
.sct_product .row { }
.sct_product .con { }
.sct_product a:hover { color: #0054A3; }
.sct_product a:hover img {
transform: scale(1.2);
}
.sct_product img {
transition: all .5s;
}
.sct_product .nail.nailthumb-loading { }
.sct_product a.nail.nailthumb-loading img { }
.sct_product img { }
.sct_product .txt { background: #fff; padding: 28px 40px; }
.sct_product .sinfo16 {margin: 10px 0 22px;/* line-height: 28px; */min-height: 88px;}
.sct_product p { }
.sct_product .sinfo { }
.sct_product i { }
.sct_case { background: url(../images/bg1.jpg) no-repeat center top/100% auto; padding-bottom: 0; }
.sct_case div { }
.sct_case .i_ttl p span:last-child {display: none;}
.sct_case .i_ttl p span:nth-last-child(2) i {
display: none;
}
.sct_case h2 { }
.sct_case .h2_sct_ttl { }
.sct_case div.i_ttl p { }
.sct_case p { }
.sct_case .container { padding: 35px 47px; background: #fff; margin-top: 30px; }
.sct_case .row { }
/*.sct_case .list1 { display: flex; justify-content: space-around; margin-bottom: 28px; }*/
.sct_case div.slick_case_nav a { display: block; text-align: center; flex: 1; border-right: 1px solid #EEEEEE; }
.sct_case div.slick_case_nav a:first-child { border-left: 1px solid #eee; }
.sct_case a img{transition: all .5s; }
.sct_case a:hover img{ transform: scale(1.2); }
.sct_case div.slick_case_nav i { display: block; margin: 0 auto 12px; display: flex; align-items: center; height: 42px; justify-content: center; }
.sct_case i { }
.sct_case div.slick_case_nav img { }
.sct_case .img {width: 100%;overflow: hidden; }
.sct_case div.slick_case_nav span { font-size: 16px; }
.sct_case .slick_case_nav .slick-current span { color: #0054A3;}
.sct_case .img+ span { font-size: 18px; display: inline-block; line-height: 1.6; margin: 20px 0 30px; }
.sct_about {background: #F5F6FA url(../images/bg8.jpg) no-repeat center/cover;/* height: calc(50vw * 720 / 1280); *//* min-height: 600px; */overflow: visible;/* display: inline-block; */padding-bottom: 100px;}
.sct_about .videowrap { position: relative; margin-top: 0px; }
#v1 { display: block; margin: 0; object-fit: cover; object-position: top;/* object-position: right; *//* left: 30px; */height: auto; width: 100%; position: relative;/* left: 50%; */ margin-top: 70px;/* top: 0; */ }
.sct_about .playtoggle { display: inline; width: 400px; height: 130px; position: absolute; left: 50%; margin-left: -200px; top: 48%; margin-top: -65px; }
.sct_about .playpause { background-image: url(/static/images/play1.png); background-repeat: no-repeat; width: 50%; height: 50%; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center; }
.sct_about div.con2 { padding-left: 30px; }
.sct_about .container.container1 { position: relative; z-index: 0; }
.sct_about .row { }
.sct_about .con { padding-right: 30px; padding-top: 20px; }
.sct_about p { }
.sct_about .p1 {font-size: 24px;color: #a6a6a6;display: none;}
.sct_about p.p1 i { vertical-align: text-bottom; }
.sct_about i { }
.sct_about p.p1 img { }
.sct_about img { }
.sct_about .companyname { }
.sct_about div.companyname h2 { font-size: 32px; }
.sct_about h2 { }
.sct_about .intro {margin: 40px 0 35px;color: #0054a3;}
.sct_about div.intro br { }
.sct_about br { }
.sct_about .sinfo { }
.sct_about div.sinfo br { }
.sct_about .links {margin-top: 40px;display: none;}
.sct_about div.links a { font-size: 18px; }
.sct_about div.links a:after { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #333; vertical-align: middle; margin: 0 20px; }
.sct_about div.links a:last-child:after { display: none; }
.sct_about a.linkmore0 {display: block;width: 177px;height: 45px;background: url(../images/bg9.png) no-repeat;color: #fff;font-size: 16px;line-height: 46px;text-indent: 1.9em;margin-top: 35px;}
.sct_about .container2 { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; }
.sct_about .row.gutter-0 { }
.sct_about .col-md-offset-12 { }
.sct_about div.col-md-12.col-md-offset-12 video { }
.sct_about video { }
.sct_about div.col-md-12.col-md-offset-12 div { }
.sct_buju {background: #327fc5 url(../images/bg7.jpg) no-repeat center top/cover;height: 834px;padding-top: 70px;}
.sct_buju img { width: 100%; visibility: hidden; }
.sct_buju img.chinamap {
visibility: visible;
width: auto;
}
.sct_buju .d1 {
width: 100%;
text-align: center;
position: absolute;
top: 140px;
}
.sct_buju .i_ttl { }
.sct_buju h2 { }
.sct_buju .h2_sct_ttl { }
.sct_buju div.i_ttl p {color: #fff;}
.sct_buju p.sinfo {margin-top: -4px;}
.sct_buju .ul1 {display: flex;justify-content: space-around;width: 800px;margin: 60px auto 0;color: #fff;}
.sct_buju .ul1 li {
position: relative;
background: rgba(25, 161, 232, 0.76);
box-shadow: 0px 13px 21px 0px rgba(0, 0, 0, 0.07);
border-radius: 50%;
width: 140px;
height: 140px;
border: 18px solid rgba(2, 100, 187, 0.6);
box-sizing: content-box;
}
.sct_buju .ul1 li.li1 {
left: -250px;
top: 30px;
}
.sct_buju .ul1 li.li2 {
left: -410px;
top: 310px;
}
.sct_buju .ul1 li.li3 {
left: 110px;
top: 150px;
}
.sct_buju .s1 { font-size: 16px }
.sct_buju .p1 {margin-bottom: 2px;padding-top: 30px;}
.sct_buju .p1 .s2 {
font-size: 38px;
font-weight: bold;
}
.sct_buju .p1 .s3 {
position: relative;
top: -20px;
left: -3px;
}
.sct_buju .p1 .s1 {}
.sct_news { }
.sct_news .i_ttl { margin-bottom: 35px; }
.sct_news .i_ttl.white { }
.sct_news h2 { }
.sct_news .h2_sct_ttl { }
.sct_news div.i_ttl.white p { }
.sct_news .sinfo { margin: 20px 0 21px; min-height: 48px; }
.sct_news .container { }
.sct_news .hdl { width: 40px; height: 40px; background: url(../images/left1.png) no-repeat; cursor: pointer; position: absolute; top: 240px; left: -80px; }
.sct_news .hdl.prev { }
.sct_news .hdl.next { left: auto; right: -80px; background-image: url(../images/right1.png); }
.sct_news .slick-slider { }
.sct_news .in.slick-slide { }
.sct_news .linkmore { margin: 50px auto 0; }
.sct_news .nail.nail2.nailthumb-container { }
.sct_news img { }
.sct_news .nailthumb-image { }
.sct_news .txt { padding-right: 1px; height: 200px; }
.sct_news .a_txt { /* margin-bottom: 30px; */ }
.sct_news .in { padding: 30px 25px; background: #fff; border: 1px solid #eee; /* box-sizing: content-box; */ }
.sct_news .detail { }
.sct_news a img{transition: all .5s; }
.sct_news a:hover img{ transform: scale(1.2); }
.sct_news a.detail img { }
.sct_news .slick-slide { margin-left: 30px; }
.sct_news .slick-list { margin-left: -30px; }
.about_part1 { padding-bottom: 60px; }
.about_part1 div.item { background: #fff; margin-bottom: 20px; }
.about_part1 .row { }
.about_part1 .items { }
.about_part1 .clearfix.item.item1 { }
.about_part1 .txt { padding: 30px 50px; width: calc(100% - 500px); float: left; }
.about_part1 p { }
.about_part1 .h2 { font-size: 20px; color: #0054a3; margin: 30px 0; }
.about_part1 .sinfo { line-height: 2.4; }
.about_part1 .img { float: right; }
.about_part1 .nail { width: 500px; height: 350px; margin-bottom: 0; }
.about_part1 img { }
.about_part1 .nailthumb-image { }
.about_part1 .item2 .txt, .about_part1 .item4 .txt { float: right; }
.about_part1 .item2 .img, .about_part1 .item4 .img { }
.about_part1 .item3 { }
.about_part1 .item5 { }
#culture_part1 { }
#culture_part1 h1 { }
#culture_part1 .pagename { }
#culture_part1 div { }
#culture_part1 .container { }
#culture_part1 .row.row1 {/* background: #fff; */}
#culture_part1 div.col-md-12 img { }
#culture_part1 img { }
#culture_part1 .con {padding: 50px;padding-top: 120px;background: #fff;height: 395px;}
#culture_part1 .sinfo { line-height: 28px; text-align: center; }
#culture_part1 .blue { margin-bottom: 20px; }
#culture_part1 .c666 { }
#culture_part1 .row.row2 { margin-top: 20px; }
#culture_part1 .con2 { background: #fff; padding: 35px 25px 20px; min-height: 390px; margin-bottom: 50px; }
#culture_part1 i { display: flex; justify-content: center; align-items: center; height: 70px; }
#culture_part1 .blk.ma { }
#culture_part1 i.blk.ma img { }
#culture_part1 span { }
#culture_part1 .s1 { color: #333; margin: 30px auto 15px; }
#culture_part2 { background: url(../images/culture/culture1.jpg) no-repeat center bottom/cover; padding: 170px 0 210px; margin-top: 30px; margin-bottom: 50px; }
#culture_part2 h2 { }
#culture_part2 .cfff { }
#culture_part2 p { }
#culture_part2 .lhx2.cfff { }
#culture_part3 { padding-bottom: 70px; }
#culture_part3 div { }
#culture_part3 .container { }
#culture_part3 .row.gutter-40 { }
#culture_part3 .con { background: #fff url(../images/culture/culture2.jpg) no-repeat; height: 350px; padding: 20px 50px; padding-right: 190px; }
#culture_part3 .col2 .con { background: #fff url(../images/culture/culture3.jpg) no-repeat; }
#culture_part3 .con { /* background: #fff; */ }
#culture_part3 h3 { }
#culture_part3 h3 { margin-bottom: 5px; }
#culture_part3 p { }
#culture_part3 .cfff { }
#culture_part3 .col2 { }
#pinzhi_part1 { }
#pinzhi_part1 div { }
#pinzhi_part1 .con {background: #fff;position: relative;/* height: 320px; */}
#pinzhi_part1 .nail+p { padding-top: 25px; margin-bottom: 4px; }
#pinzhi_part1 .nail+p+p { padding: 0px 50px 35px; }
#pinzhi_part1 .nail.nailthumb-container { }
#pinzhi_part1 img { }
#pinzhi_part1 .nailthumb-image { }
#pinzhi_part1 .c666.lhx2 { }
#pinzhi_part1 .nail {/* position: absolute; *//* left: 0; *//* top: 0; *//* z-index: 1; */width: 100%;}
#pinzhi_part1 .cover {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.15);}
#pinzhi_part1 .cover i {display: block;height: 80px;position: absolute;left: 60px;top: 50%;margin-top: -40px;display: flex;align-items: center;}
#pinzhi_part1 .cover .in {position: absolute;height: 100%;width: calc(100% - 184px);background: url(../images/bg15.png) no-repeat -150px center;right: 0;top: 0;/* display: flex; *//* flex-wrap: wrap; */padding-left: 23px;}
#pinzhi_part1 .cover .in .p2 {
color: #fff;
margin-top: 120px;
}
#pinzhi_part1 .cover .in p {
text-shadow: 3px -3px #084B89;
}
#pinzhi_part1 .cover .in .p2+p {
color: #fff;
line-height: 1.8;
}
#pinzhi_part2 { margin-top: 70px; background: #fff; padding: 70px 0 50px; }
#pinzhi_part2 div { }
#pinzhi_part2 .row { }
#pinzhi_part2 .items { }
#pinzhi_part2 .item.item1 { }
#pinzhi_part2 .txt { width: calc(100% - 580px); float: right; padding: 20px 0 0 60px; }
#pinzhi_part2 p.h2 { margin-bottom: 30px; }
#pinzhi_part2 .c666.lhx2 { }
#pinzhi_part2 .img { width: 580px; }
#pinzhi_part2 .item2 .txt { padding-left: 0; padding-right: 60px; float: left; }
#pinzhi_part2 .item2 .img { float: right; }
#pinzhi_part2 .nail.nailthumb-container { }
#pinzhi_part2 img { }
#pinzhi_part2 .nailthumb-image { }
#pinzhi_part2 .item.item2 { margin-top: 60px; padding-bottom: 30px; }
.pinzhi_part3 { }
.pinzhi_part3 img { width: 100%; }
.pinzhi_part3 .i_ttl { margin-bottom: 40px; }
.pinzhi_part3 h2 { }
.pinzhi_part3 .h2_sct_ttl { }
.pinzhi_part3 .container { }
.pinzhi_part3 .hdl { background: url(../images/arrow3.png) no-repeat; background-position: left 16px top 13px; display: block; width: 48px; height: 48px; border-radius: 100px; border: 1px solid #00498E; position: absolute; top: 90px; left: -63px; cursor: pointer; transition: background-color .3s; }
.pinzhi_part3 .hdl:hover { background-position: left 16px bottom 13px; background-color: #00498E; }
.pinzhi_part3 .hdl.next { background-position: right 16px top 13px; left: auto; right: -65px; }
.pinzhi_part3 .hdl.next:hover { background-position: right 16px bottom 13px; }
.pinzhi_part3 .row { }
.pinzhi_part3 .hdl.prev.slick-arrow.slick-hidden { }
.pinzhi_part3 .slick-slider.slick-initialized { }
.pinzhi_part3 .con p.img+p { text-align: center; padding: 20px; background: #fff; color: #333; }
.pinzhi_part3 .con p { margin: 0; }
.pinzhi_part3 .slick-track { }
.pinzhi_part3 .slick-slide { margin-left: 20px; }
.pinzhi_part3 .slick-list { margin-left: -20px; }
.pinzhi_part3 .hdl.next.slick-arrow.slick-hidden { }
.pinzhi_part4 { background: #fff; padding-bottom: 70px; }
#pinzhi_part4 div { }
#pinzhi_part4 .i_ttl { margin-bottom: 40px; }
#pinzhi_part4 h2 { }
#pinzhi_part4 .h2_sct_ttl { }
#pinzhi_part4 .container { }
#pinzhi_part4 .nail1 { width: 595px; height: 510px; }
#pinzhi_part4 .nail2 { width: 595px; height: 250px; margin-bottom: 10px; }
#pinzhi_part4 .row { }
#pinzhi_part4 .nail.nail1.nailthumb-loading { }
#pinzhi_part4 div.nail.nail1.nailthumb-loading img { }
#pinzhi_part4 img { }
#pinzhi_part4 .nail.nail2.nailthumb-loading { }
#pinzhi_part4 div.nail.nail2.nailthumb-loading img { }
#develop { background: url(../images/bg5.png) no-repeat center 50px; }
#develop div { }
#develop .row { }
#develop .years { position: relative; }
#develop .arr { background: #fff url(../images/left2.png) no-repeat; background-position: left 16px top 13px; display: block; width: 48px; height: 48px; border-radius: 100px; border: 1px solid #fff; position: absolute; top: 48px; left: -63px; cursor: pointer; transition: background-color .3s; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1); }
#develop .arr.next { left: auto; right: -64px; background: #fff url(../images/right2.png) no-repeat; background-position: left 16px top 13px; }
#develop .slick-silder { }
#develop .slick-list { }
#develop .slick-track { }
#develop a { }
#develop #slk1 { padding: 0 27px; position: relative; left: -5px; }
#develop #slk2 { }
#develop .event { }
#develop .event li { background: #fff; margin-top: 10px; padding: 30px; padding-left: 70px; font-size: 16px; line-height: 1.8; position: relative; }
#develop .event li:hover { box-shadow: 1px 1px 10px 1px #e6e6e6; }
#develop .event li:before { content: ""; display: block; position: absolute; width: 12px; height: 12px; top: 38px; left: 40px; background: white; border-radius: 50%; border: 2px solid #ccc; }
#develop .year.slick-current { color: #00498E; background: url(../images/lct.png) no-repeat center bottom; }
#develop .year { font-size: 20px; font-weight: bold; color: #444; text-align: center; padding-bottom: 42px; }
#develop .slick-slide { }
#develop .slick-slide.slick-current.slick-active { }
#develop .slick-slide.slick-active { }
#develop .arr.next.slick-arrow { }
#develop .events { padding: 50px 30px 70px; }
#develop .slick-slider.slick-initialized { }
#develop div.slick-slide li { }
#develop li { }
#develop .slick-active li { }
#zzpics { }
#zzpics div { }
#zzpics .row.gutter-40.eqnail { }
#zzpics .con { padding: 12px; background: #fff; margin-bottom: 30px; box-shadow: 1px 1px 10px 1px #e6e6e6; }
#zzpics .in { height: 100%; padding: 15px; background: #F4F8FB; }
#zzpics a { }
#zzpics .nail.nail_resize.nailthumb-container { }
#zzpics img { }
#zzpics .nailthumb-image { }
#zzpics .txt { display: block; padding: 5px; color: #666; font-size: 13px; margin: 10px -15px 0; }
#zzpics .pagelist { padding-bottom: 70px; }
#zzpics .page { }
#zzpics span { }
#zzpics .pageinfo { }
#zzpics span.pageinfo label { }
#zzpics label { }
#zzpics .pagefirst { }
#zzpics .pageup { }
#zzpics .current { }
#zzpics .pagenum { }
#zzpics .pagedown { }
#zzpics .pageend { }
#zzpics.videolist { }
#zzpics.videolist div { }
#zzpics.videolist .row.gutter-40.eqnail { }
#zzpics.videolist .con { padding: 0 0 20px; background: #fff; margin-bottom: 30px; box-shadow: none; }
#zzpics.videolist .in { height: 100%; padding: 0; background: #fff; }
#zzpics.videolist a.nail { line-height: 0; font-size: 0;/* background: #f4f8fb; */ position: relative; }
#zzpics.videolist a.nail:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: transparent url(../images/play2.png) no-repeat center -70px; transition: all .3s; }
#zzpics.videolist a.nail:hover:after { background: rgba(0, 0, 0, 0.45) url(../images/play2.png) no-repeat center; }
#zzpics.videolist .nail.nail_resize.nailthumb-container { }
#zzpics.videolist img { }
#zzpics.videolist .nailthumb-image { }
#zzpics.videolist .txt { display: block; padding: 5px; color: #666; font-size: 16px; margin: 10px -15px 0; }
#zzpics.videolist .pagelist { padding-bottom: 70px; }
#zzpics.videolist .page { }
#zzpics.videolist span { }
#zzpics.videolist .pageinfo { }
#zzpics.videolist span.pageinfo label { }
#zzpics.videolist label { }
#zzpics.videolist .pagefirst { }
#zzpics.videolist .pageup { }
#zzpics.videolist .current { }
#zzpics.videolist .pagenum { }
#zzpics.videolist .pagedown { }
#zzpics.videolist .pageend { }
#zzpics.caselist { padding-top: 0; }
#zzpics.caselist a.nail:hover:after { content: none; background: transparent; }
#zzpics.caselist .nail.nail_resize.nailthumb-container { }
#zzpics.caselist img { }
#zzpics.caselist .nailthumb-image { }
#zzpics.caselist .txt { display: block; padding: 5px; color: #666; font-size: 16px; margin: 20px -15px 0; }
#zzpics.caselist .pagelist { padding-bottom: 70px; }
#zzpics.caselist .page { }
#zzpics.caselist span { }
#zzpics.caselist .pageinfo { }
#zzpics.caselist span.pageinfo label { }
#zzpics.caselist label { }
#zzpics.caselist .pagefirst { }
#zzpics.caselist .pageup { }
#zzpics.caselist .current { }
#zzpics.caselist .pagenum { }
#zzpics.caselist .pagedown { }
#zzpics.caselist .pageend { }
#zzpics.caselist .in { margin-bottom: 0; }
#zzpics.neikanlist { margin-top: 40px; }
#zzpics.neikanlist .nail { }
#zzpics.neikanlist img { }
#zzpics.neikanlist .nailthumb-image { }
#zzpics.neikanlist .txt { display: block; padding: 5px; color: #666; font-size: 16px; margin: 10px -15px 0; }
#zzpics.neikanlist .pagelist { padding-bottom: 70px; }
#zzpics.neikanlist .in { padding: 0; background: transparent; margin-bottom: 30px; }
#zzpics.neikanlist .con { margin-bottom: 15px; }
#zzpics.neikanlist .page { }
#zzpics.neikanlist span { }
#zzpics.neikanlist .pageinfo { }
#zzpics.neikanlist span.pageinfo label { }
#zzpics.neikanlist label { }
#zzpics.neikanlist .pagefirst { }
#zzpics.neikanlist .pageup { }
#zzpics.neikanlist .current { }
#zzpics.neikanlist .pagenum { }
#zzpics.neikanlist .pagedown { }
#zzpics.neikanlist .pageend { }
#contactpage { padding-bottom: 60px; }
#contactpage div { }
#contactpage .container.mt40.mb45 { }
#contactpage .address_area.on {border: 1px solid #c8e49d;}
#contactpage .address_area {
transition: all .3s;
cursor: pointer;
border: 1px solid #ddd;
}
#contactpage .row { margin-bottom: 12px; }
#contactpage .con { background: #fff; }
#contactpage .col1 { }
#contactpage .con { padding: 25px 55px; }
#contactpage h2 { position: relative; padding-bottom: 10px; margin-bottom: 20px; margin-top: 10px; }
#contactpage h2.line:after { content: ""; display: block; position: absolute; width: 2em; height: 2px; bottom: 0px; left: 0; background: #1c66c3; }
#contactpage div.con p { color: #666666; font-size: 16px; line-height: 2; }
#contactpage p { }
#contactpage span { }
#contactpage .t { }
#contactpage .c { }
#contactpage .col1 { }
#contactpage .col1 .con { }
#contactpage .col2 { }
#contactpage .col2 .con { }
#contactpage .row.row21 { }
#contactpage .row.row3 { }
#contactpage #site-map {padding: 15px;background: #fff;border: 1px solid #c8e49d;
transition: all .3s;}
#contactpage div.col-md-24 iframe { }
#contactpage iframe { }
#banshichu { }
#banshichu .con { background: #fff; padding: 15px; }
#banshichu table { }
#banshichu th, #banshichu td {border: none;border-left: 1px solid #D9E8F5;padding: 15px 30px;}
#banshichu th:first-child, #banshichu td:first-child { border: none; }
#banshichu th { background: #D9E8F5; color: #004ea2; font-size: 16px; line-height: 1.5; font-weight: bold; border-left-color: #C0D4E7; }
#banshichu tr { }
#banshichu tr:nth-child(odd) { background: #F5F8FA; }
#banshichu td { font-size: 14px; color: #666; }
.zhiyefazhan { padding-bottom: 70px; }
.zhiyefazhan .img { }
.zhiyefazhan .img img { }
.zhiyefazhan .con { background: #fff; padding: 30px; }
.zhiyefazhan ul { width: 600px; padding-right: 30px; padding-left: 30px; position: relative; height: 650px; margin-top: 40px; }
.zhiyefazhan ul:before { content: ""; display: block; position: absolute; width: 10px; height: 100%; top: 0; left: 0; border-left: 1px dashed #eee; }
.zhiyefazhan li { margin-bottom: 20px; }
.zhiyefazhan h3 { margin-top: 0; margin-bottom: 14px; position: relative; }
.zhiyefazhan h3:before { z-index: 2; content: ""; display: block; position: absolute; width: 8px; height: 8px; top: calc(50% - 4px); left: -33px; border-radius: 50%; background: #0156a6; }
.zhiyefazhan h3+p { color: #666; font-size: 14px; line-height: 30px; }
.whhd { padding-bottom: 50px; }
.whhd .con { background: #fff; margin-bottom: 40px; }
.whhd a:hover .txt { color: #00498E; }
.whhd .txt { padding: 20px 25px 25px; }
.yplc { padding-bottom: 80px; }
.yplc .con {/* margin-bottom: 60px; */padding: 60px;}
.yplc .con ul { padding-left: 50px; }
.yplc .con ul:before { content: ""; display: block; position: absolute; width: 6px; height: 100%; top: 0; left: 0; background: url(../images/line1.png) repeat-y; }
.yplc .con ul li { background: #fff; padding: 25px 60px; position: relative; padding-left: 160px; MARGIN-BOTTOM: 10PX; }
.yplc .con ul .t { }
.yplc .con i { display: inline-block; position: absolute; left: 49px; top: 40px; }
.yplc .con img { }
.yplc .con em { display: block; width: 45px; height: 45px; border: 1px solid #0054a3; border-radius: 50%; line-height: 45px; text-align: center; font-style: normal; font-size: 20px; color: #0054a3; position: absolute; left: -78px; top: 50px; background: #fff; }
.yplc .con ul .sinfo16 { }
.yplc .con .li1 { }
.yplc .con .li2 { }
.yplc .con .li3 { }
.yplc .con .li4 { }
.yplc .con .li5 { }
.yplc .con .li6 { }
.downloadlist { }
.downloadlist .con { padding: 35px; background: #fff; }
.downloadlist table#downloadtable { width: 100%; border: none; margin: 0; }
.downloadlist table#downloadtable tr { border: navajowhite; }
.downloadlist table#downloadtable th { border: none; border-bottom: none; border-left: 5px solid #fff; background: #F4F8FB; line-height: 48px; padding: 0; padding-left: 25px; font-size: 16px; }
.downloadlist table#downloadtable td { padding: 23px; padding-left: 28px; color: #666; border-top: 1px solid #eee; vertical-align: middle; }
.downloadlist a { border: 1px solid rgb(177, 217, 255); border-radius: 2px; background-color: rgb(255, 255, 255); width: 124px; height: 40px; display: block; background: url(../images/down2.png) no-repeat center bottom 12px; /* margin: 0 auto; */ transition: all .3s; }
.downloadlist a:hover { background: #0054a3 url(../images/down2.png) no-repeat center top 9px; border-color: #0054a3; /* background-position: center bottom 12px; */ }
.jinyinglinian { padding-bottom: 70px; }
.jinyinglinian .txt { height: 300px; padding-top: 70px; }
.jinyinglinian .con { }
.jinyinglinian .sinfo16 { }
.jinyinglinian .container { padding: 35px 37px; background: #fff; }
.newslist { }
.newslist img { min-width: 100%; }
.toutiao {margin-bottom: 10px;background: #fff;}
.toutiao .nail { height: 360px; width: 550px; }
.toutiao .fr { width: calc(100% - 560px); padding: 40px 40px; padding-top: 30px; }
.toutiao .p1 { }
.toutiao .p2 { }
.toutiao .p2 a { }
.toutiao .sinfo { }
.toutiao .detail { margin-top: 30px; }
.toutiao .detail:hover { background: #0463be; }
.newslist .in { background: #fff; /* padding: 30px; */ margin-bottom: 30px; }
.newslist p { margin-bottom: 0; }
.newslist .clearfix .fl {/* margin-top: 8px */ }
.newslist .in2 { padding: 20px 25px 25px; }
.newslist .clearfix .more i { border-color: #999; width: 22px; height: 7px; display: inline-block; vertical-align: middle; background: url(../images/arrow5.png) no-repeat; }
.newslist .clearfix .more i:after { color: #888; left: 8px }
.newslist a:hover .more i { border-color: #0154A4 }
.newslist a:hover .more i:after { color: #0154A4 }
.newslist .in.in1 a:hover * { color: #0154A4 }
.newslist .in.in1 .nail { height: 235px; }
.product_detail .r .ll h1 { font-size: 24px; font-weight: bold }
.product_detail .r .ll { float: none }
.product_detail .r .crumbs { margin-bottom: 20px; line-height: 2; padding: 1px 0 }
.product_detail .zhutu { margin-top: 0; }
.product_detail #maincontent { margin-bottom: 40px; padding-bottom: 40px }
.product_detail .zhutu .mainpic img { width: 350px; height: 350px;/* border: 1px solid #e8e9e9; *//* padding: 20px; *//* padding-left: 14px; */ }
.product_detail .zhutu .mainpic { padding: 20px; padding-right: 0; }
.product_detail .sinfos .bg { margin-left: 13px;/* border-top: 2px solid #0154A4; */ margin-top: 16px; position: relative; min-height: 350px; }
.product_detail .sinfos h1 { font-size: 24px; font-weight: bold; margin-top: 22px;/* border-bottom: 1px solid #DDDDDD; */ padding-bottom: 0; line-height: 1.5; padding-right: 20px; }
.product_detail .sinfos p { position: relative; top: -4px }
p.zixunbtn a { display: inline-block; background: #0154A4; line-height: 48px; color: #fff; font-size: 16px; padding: 0 30px; margin-top: 17px; transition: all .3s; margin-right: 10px; }
p.zixunbtn a:hover { background: #D90B15; }
.product_detail .sinfos p .t { color: #888; font-weight: bold; color: #000 }
.product_detail .sinfos p .c { line-height: 1.8 }
.product_detail .sinfos p.p4 { margin-top: 0; padding-top: 0; margin-bottom: 30px }
.product_detail .sinfos p.p4 .t { font-size: 16px; color: #333 }
.product_detail .sinfos p.p4 .c { color: #FF8A00; font: bold 30px/50px arial }
.product_detail .sinfos p.p5 a { display: inline-block; padding: 4px 25px; color: #fff; background: #065fa3; font-size: 17px; margin-top: 10px }
.product_detail .sinfos p.p5 a { margin-bottom: 20px }
.product_detail .sinfos p.p5 a.zx { margin-right: 20px }
.product_detail .sinfos p.p5 a.pdf { margin-right: 30px; margin-left: 30px }
.product_detail .jbcs { padding: 0; margin-bottom: 20px }
.product_detail .jbcs dl { margin-top: 0; padding-top: 5px; padding-bottom: 10px; margin-bottom: 0px; border-bottom: 1px solid #DDDDDD; }
.product_detail .back { padding-right: 30px; margin-top: 0; position: absolute; width: 100%; bottom: 0; }
.product_detail .jbcs dl dt { float: left; width: 125px; font-weight: 400; font-size: 16px; color: #444; line-height: 1.8; }
.product_detail .jbcs dl dd { float: left; width: calc(100% - 130px); margin-bottom: 9px; color: #444; line-height: 1.8; font-size: 16px; }
.product_detail .hdl { background: #F0F0F0; margin-top: 55px }
.product_detail .hdl li { display: inline-block; padding: 10px 30px; cursor: pointer }
.product_detail .hdl li span { font-size: 18px; font-weight: 400; display: block }
.product_detail .hdl.vgm li { display: inline-block; padding: 10px 17px; cursor: pointer }
.product_detail .hdl.vgm li span { font-size: 14px; font-weight: bold; display: block }
.product_detail li.slick-active { background: #333872 }
.product_detail li.slick-active span { color: #fff }
.product_detail .tags { margin: 40px 0 30px }
.product_detail .tags a { margin-left: 10px }
.product_detail .info_previous_next_wrap div { color: #333; margin-bottom: 10px }
.product_detail .info_previous_next_wrap b { font-weight: 400 }
.product_detail .info_previous_next_wrap a { color: #333 }
.product_detail .info_previous_next_wrap a:hover { color: #333872 }
.remark { padding-top: 20px; padding-bottom: 50px; font-size: 14px; line-height: 2; color: #333 }
.product_detail .zixun p.phone { padding-left: 60px; background: url(../images/bg8.png) no-repeat left center }
.product_detail .zixun p span { font-size: 16px; color: #777; line-height: 1.1 }
.product_detail .zixun p b { font-size: 28px; color: #0154A4; display: block; line-height: 1.3; font-weight: bold; position: relative; top: 2px; left: -2px }
#product_detail { padding-left: 18px }
#product_detail .baojia { margin: 40px 0 }
#product_detail .ul_ttl { margin-bottom: 20px;/* border-top: 1px solid #DDDDDD */ }
#product_detail .ul_ttl li {/* line-height: 50px; *//* height: 50px; *//* font-size: 16px; *//* padding: 0 30px; */display: inline-block;/* cursor: pointer; */ }
#product_detail .ul_ttl .on { background: var(--cl2); color: #fff }
#product_detail .dw { position: relative; top: 5px }
#product_detail #baojiatbl { width: 100%; border: none; border-collapse: collapse }
#product_detail #baojiatbl td:nth-child(1) { background: #F5F5F5; width: 170px }
#product_detail td.jj input[type=number] { padding: 0 5px }
#product_detail td.jj label { margin-right: 15px; font-weight: 400 }
#product_detail #baojiatbl td { padding: 13px 15px; border: 1px solid #E5E5E5; vertical-align: middle }
#product_detail #baojiatbl td.rightth { text-align: center; width: 250px; vertical-align: top; padding: 25px 15px }
#product_detail .rightth .zongjia { font-size: 28px; color: var(--red2) }
#product_detail .rightth .yuan { color: var(--red2); margin-left: 5px }
#product_detail .rightth p { margin: 10px auto 20px }
#product_detail .rightth .jiesuan:hover { color: var(--cl1) }
#product_detail .rightth .jiesuan { background: #FFFAF4; display: inline-block; padding: 0px 20px; font-size: 18px; color: var(--red2); border: 1px solid var(--red2); vertical-align: middle; line-height: 40px }
#product_detail .rightth .jiesuan i { display: inline-block; width: 22px; height: 22px; background: url(../images/xiadan.png) center; vertical-align: middle; margin-right: 7px; position: relative; top: -2px }
#product_detail .count input { flex: 1 1 100px; width: 100px; max-width: 100px; min-width: 1px }
#product_detail .detail2 {/* margin-bottom: 40px; */padding-bottom: 30px; }
#product_detail .ul_hdl li.on {/* font-size: 20px; *//* color: #333; *//* padding: 0; *//* border-top: 2px solid #0154A4; *//* position: relative; *//* top: -1px; */background: url(../images/bg3.png) no-repeat center bottom; }
#product_detail .input-group { display: flex; width: 170px; float: left }
#product_detail .thecontent>div { font-size: 16px; line-height: 2; color: #404040 }
#product_detail .ll { width: 100%; margin-top: -10px; margin-bottom: 10px }
#product_detail .ll h1 { font-size: 24px; font-weight: bold }
#product_detail .crumbs { margin-top: 10px; float: none; width: 100%; margin-bottom: 20px }
#product_detail .crumbs * { padding-right: 0; padding: 0 }
#product_detail .crumbs b:first-child { display: inline-block; width: 33px; height: 30px; background: url(../images/bg9.png) no-repeat 0 0px; vertical-align: middle }
#product_detail .ms { background: #fff; margin-bottom: 15px; padding: 10px 25px 40px; }
#product_detail .ms >.t { margin-bottom: 20px; }
#product_detail .ms table { margin-bottom: 0; border-collapse: collapse; }
#product_detail .ms table td, #product_detail .ms table th { border: 1px solid #eee; font-size: 16px; padding: 8px 22px; }
#product_detail .ms table td:first-child, #product_detail .ms table th:first-child { text-align: center; width: 200px; }
#product_detail .ul_hdl { background: #fff; margin-bottom: 15px; }
#product_detail .ul_hdl li { padding: 0 10px; position: relative; }
#product_detail .ul_hdl li:after { content: ""; display: block; position: absolute; width: 1px; height: 30px; top: 15px; right: -2px; background: #ddd; }
#product_detail .ul_hdl li:last-child:after { display: none; }
#product_detail .ul_hdl li a { display: block; height: 60px; line-height: 60px; padding: 0 50px; font-size: 16px; padding-left: 50px; background: url(../images/bg4.png) no-repeat 20px 19px; }
#product_detail .ul_hdl li.on a { color: #0154a4; }
#product_detail .ul_hdl .li1 a { }
#product_detail .ul_hdl .li2 a { background-position: left -178px top 19px; }
#product_detail .ul_hdl .li3 a { background-position: left -368px top 20px; }
#product_detail .ul_hdl .li1.on a { background-position: left 20px bottom 20px; }
#product_detail .ul_hdl .li2.on a { background-position: left -178px bottom 20px; }
#product_detail .ul_hdl .li3.on a { background-position: left -368px bottom 19px; }
#jiameng { padding-bottom: 70px; }
.body_guestbook .guestbookdiv form ul {display: flex;width: 100%;vertical-align: middle;flex-wrap: wrap;min-height: 380px;padding: 20px 15px;}
.body_guestbook .guestbookdiv form li { display: inline-block; padding: 5px 10px; flex: 1 1 50% }
.body_guestbook .guestbookdiv form li.li_verify { order: 10; flex: 1 1 100% }
.body_guestbook .guestbookdiv form li.li_submit input[type='submit'] { line-height: 2.1; display: inline-block; width: 240px; padding: 4px 30px; text-align: center; color: #fff; font-size: 16px; background: #0054a3; }
.body_guestbook .guestbookdiv form li.li_submit { text-align: center; order: 11; flex: 1 1 100% }
.body_guestbook .guestbookdiv form li.li_1 {/* order: 4 */ }
.body_guestbook .guestbookdiv form li.li_2 {/* order: 5; *//* flex: 1 1 100%; */ }
.body_guestbook .guestbookdiv .msg_ttl { display: none }
.body_guestbook .guestbookdiv .msg_input textarea, .body_guestbook .guestbookdiv .msg_input input[type='text'], .body_guestbook .guestbookdiv .msg_input { width: 100%; padding: 10px; border: none; background: #F5F5F5; }
.body_guestbook .guestbookdiv .msg_input textarea { height: 120px; }
.map-wrap { overflow: hidden; }
.map-wrap .col-l { width: 760px; }
.map-wrap .col-r { width: 440px; padding-top: 35px; }
#china-map { height: 670px; margin-top: -30px; }
.map-wrap .tips { font-size: 14px; color: #666; height: 0; line-height: 90px; }
.map-wrap .tips em { color: #f00; margin-right: 5px; }
.change-city { background-color: #f7f7f7; border-radius: 5px; padding: 25px; margin-bottom: 20px; }
.change-city .item { font-size: 14px; color: #999; line-height: 27px; }
.change-city .item + .item { margin-top: 10px; }
.change-city .sel { background-color: #fff; margin-left: 10px; width: 150px; height: 27px; border: 1px solid #eee; border-radius: 4px; color: #33; padding: 0 8px; background: #fff url(../images/icon-sel.png) no-repeat right 8px top 50%; }
.addr-list { overflow-x: hidden; overflow-y: auto; height: 470px; font-size: 14px; color: #666; line-height: 28px; }
.addr-list li { border-bottom: 1px solid #eee; padding: 2px 0 5px; }
.addr-list li:hover { cursor: pointer; }
.addr-list h4 { font-weight: normal; font-size: 16px; color: #333; }
.addr-list p { padding-left: 24px; background-repeat: no-repeat; background-position: left center; }
.addr-list .s1 { background-image: url(../images/icon-h1.png); }
.addr-list .s2 { background-image: url(../images/icon-h2.png); }
.addr-list .s3 { background-image: url(../images/icon-h3.png); }
.ad-pic a { display: block; overflow: hidden; width: 305px; margin-bottom: 29px; }
.ad-pic img { display: block; width: 100%; }
.m-texth1 { margin-top: 34px; }
.m-texth1 .txt1 { font-size: 14px; color: #333; line-height: 24px; padding-top: 40px; }
.m-texth1 img { display: block; width: 100%; }
#canvasmap { /* margin-top: -30px; */ }
#wangdianlist { /* background: #fff; */
/* padding: 40px 25px; */
padding-bottom: 70px; }
#wangdianlist .row>div { background: #fff; padding: 35px 30px; height: 720px; }
#selectcity { background: #F7F7F7; padding: 30px 25px; }
#distpicker { margin-bottom: 0; }
#distpicker p { }
#distpicker span { color: #666; font-size: 14px; }
#distpicker select { display: inline-block; width: 210px; margin-left: 19px; }
#distpicker option { }
#distpicker .d2 { }
#distpicker .btn { background: #e1e5e7; /* border-radius: 0; */ display: block; margin-top: 20px; margin-bottom: 0; transition: all .3s; }
#distpicker .btn:hover { color: #fff; background: #0054a3; }
#wdlist {height: 424px;/* background: red; */overflow-y: auto;margin-top: 30px;padding: 0 18px;}
#wdlist li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
#wdlist li.tip { line-height: 1.6; font-size: 16px; }
#wdlist .in { }
#wdlist h3 { font-size: 18px; margin-bottom: 15px; }
#wdlist li:first-child h3 { margin-top: 10px; }
#wdlist .p1 { }
#wdlist .p2 { }
.cptuijian { padding-bottom: 60px; }
.cptuijian .title1 { font-size: 30px; font-weight: bold; padding-left: 25px; border-left: 5px solid #0055A2; line-height: 1.1; }
.cptuijian .con_pro { padding: 15px; background: #fff; margin-top: 10px; }
.cptuijian .con_pro .bor { }
.cptuijian .con_pro .txt { text-align: center; }
.cptuijian .con_pro .txt span { font-size: 16px; }
.contactus h1 { font-size: 36px; position: relative; margin-top: -10px }
.contactus h1:after { content: ""; display: block; position: absolute; width: 60px; height: 2px; top: 123%; left: 0; background: #0154A4 }
.contactus .companyname { font-size: 24px; color: #0154A4; margin: 30px 0 20px }
.contactus .contactusinfo { font-size: 16px; line-height: 35px; color: #666 }
.caselist { padding-top: 40px }
.caselist .in { padding: 15px; background: #f3f3f3; margin-bottom: 22px }
.caselist .sinfo { font-size: 14px; line-height: 1.88 }
.caselist .casename { font-size: 20px; margin-bottom: 10px; display: block }
#leftbar { padding-right: 0; margin-bottom: 50px; background: #fff; }
#leftbar .ttl { height: 70px; font-size: 24px; font-weight: bold; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: left; background: #0154A4 url(../images/lic1.png) no-repeat right 25px center; padding-left: 25px; padding-right: 80px; }
#leftbar .box { background: #fff; padding-bottom: 30px; }
#leftbar .ttl h2 { margin: 0; }
#leftbar .ttl a { color: #fff; font-weight: 400; line-height: 70px; font-size: 24px; }
#leftbar .ul1 { border-left: 2px solid #E4E4E4; border-right: 1px solid #E4E4E4 }
#leftbar .ul1>li { }
#leftbar .cat1 { position: relative }
#leftbar .cat1.on .plus { color: #fff; background-image: url(../images/arrow6.png); }
#leftbar .cat1.on .p1:before { content: ""; display: block; position: absolute; width: 6px; height: 43px; top: 7px; left: -2px; background: #0154A4; display: none; }
#leftbar .cat1 .p1>a {/* display: flex; *//* font-size: 18px; *//* font-weight: 400; *//* margin-right: 70px; *//* margin-left: 28px; *//* align-items: center; *//* min-height: 60px */ }
#leftbar .cat1 .p1>a { font-weight: 400; color: #333; font-size: 16px; padding: 0 20px; line-height: 50px; background: #F5F8FA; width: 90%; margin: 0; min-height: 0; display: inline-block; }
#leftbar .cat1.on .p1>a { color: #0154a4; }
#leftbar .p1 { border-bottom: navajowhite; margin-bottom: 0; transition: background-color 500ms linear; padding: 20px 16px 0px;/* padding-right: 0; */ }
#leftbar .plus {/* position: absolute; *//* top: 7px; */right: 20px; cursor: pointer; display: inline-block; width: 10%; background: #F5F8FA url(../images/arrow2.png) no-repeat 3px center; height: 50px; vertical-align: top; }
#leftbar .plus:before { content: "+"; font-family: auto; font-size: 28px; font-weight: 400; color: #666; font-size: 28px; font-weight: 400; color: #666; display: none; }
#leftbar .on .plus:before { content: "-"; color: #0154A4; display: none; }
#leftbar .depth2 { max-height: 0px; height: auto; overflow: hidden; transition: max-height 500ms linear }
#leftbar .on .depth2 { max-height: 1000px;/* border-bottom: 1px solid #E4E4E4; *//* padding: 0; *//* padding-left: 3px; */ }
#leftbar .li_depth2 { }
#leftbar .li_depth2.on {/* background: #FCE8E9 */ }
#leftbar .li_depth2 a:hover:after { border-color: #1378CE }
#leftbar .li_depth2 a:after { content: ""; width: 8px; height: 2px; background: #0154a4; position: absolute; top: 22px; left: 0; margin-top: -4px; }
#leftbar .li_depth3 a:after { left: 16px; }
#leftbar .li_depth3 a { display: flex; font-size: 14px; font-weight: normal; margin-right: 25px; margin-left: 36px; min-height: 40px; padding: 8px 0; align-items: center; position: relative; padding-left: 35px; }
#leftbar .li_depth2.on>a { color: #0154A4 }
#leftbar .li_depth2.on a:after { border-color: #1378CE }
#leftbar .li_depth2 { }
#leftbar .li_depth2>a:after { content: ""; width: 8px; height: 2px; background: #0154a4; position: absolute; top: 28px; left: 0; margin-top: -4px; }
#leftbar .li_depth2>a { display: flex; font-size: 15px; font-weight: normal; margin-right: 40px; margin-left: 18px; padding: 14px 0 10px; min-height: 40px; align-items: center; position: relative; padding-left: 15px; }
#leftbar .li_depth2.on>a { color: #0154A4 }
#leftbar .li_depth2.on>a:after { border-color: #1378CE }
#leftbar .depth3 { }
#leftbar ul .on>a { color: #0154A4; }
#leftbar .depth3 li a { margin-left: 17px; margin-right: 27px; }
.pro_list { padding-bottom: 40px; }
#maincontent .row>.pro_right { padding-left: 40px; padding-bottom: 60px; }
.pro_list .r .con { margin-top: 17px; }
.pro_list .r .con a.blk:hover * { border-color: var(--cl4) }
.pro_list .r .con a.blk:hover .nail {
border-color: #0154a4;
}
.pro_list .r .con a.blk:hover .txt {/* background: var(--cl4); *//* color: #fff */ }
.pro_list .r .con a.blk { display: block; margin-bottom: 0; padding: 16px; border: 1px solid #fff; transition: all .3s; }
.pro_list .r .con a.blk:hover {/* border-color: #0154A4; */box-shadow: 0 8px 10px rgba(0,0,0,.06);}
.pro_list .r .bor { }
.pro_list .r .con_pro {/* padding: 16px; */border-color: rgba(246, 246, 246, 0.88); margin-bottom: 25px;/* box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1); */ background: #fff; }
.pro_list .r .nail {width: 100%;/* margin: 1% 4%; */border: 1px solid #ebebeb;transition: all .3s;}
.pro_list .r .ll { font-size: 24px; font-weight: 400; color: #333; margin-top: 14px; }
.pro_list .r .crumbs { padding-top: 10px }
.pro_list .r .nail.nomargin { height: 150px; margin: 0 auto }
.sbsb .txtc { text-align: center !important; justify-content: center !important }
.pro_list .r .more { display: block; width: 100px; text-align: center; margin: 23px auto 10px; border: 1px solid #ddd; padding: 5px 14px; font-size: 14px }
.pro_list .r .txt { text-align: center; line-height: 1.88; border-top: 0; font-size: 16px; transition: all .3s; padding: 5px 8px;/* height: 53px; */ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0; margin-bottom: 0; font-weight: 400; margin-top: 0; }
.pro_list .r .txt>* { flex: 1 1 100%; }
.pro_list .r .content1, .pro_list .r .content1 * { font-size: 14px !important; color: #666 !important; line-height: 1.5 !important }
#fuwupage1 { padding: 60px 0 100px }
#fuwupage1 I { display: block; width: 200px; height: 200px; border: 1px solid #e8e8e8; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 25px }
#fuwupage1 .sinfo { padding: 0 18px; font-size: 16px; line-height: 1.88 }
#fuwupage1 .f18.lhx2 { font-size: 20px }
#fuwupage1 .con { margin-top: 30px }
#fuwupage2 { padding: 70px 0 100px }
#fuwupage2 p.f18 { margin-bottom: 35px }
#fuwupage2 table { border: none; border-collapse: collapse; width: 100% }
#fuwupage2 .p2 { background: #FDF1F1; margin: 25px auto 0; line-height: 47px }
#fuwupage2 table th { text-align: left; font-size: 16px; font-weight: bold; color: #fff; background: #0154A4; padding: 10px 30px; border: 1px solid #9f0f15 }
#fuwupage2 table td { font-size: 14px; line-height: 1.8; padding: 6px 30px; border: 1px solid #eee; text-align: left }
#fuwupage2 table tr td[rowspan] { font-size: 18px; text-align: center }
#fuwupage3 { padding: 20px 0 100px }
#fuwupage3 .con { padding: 25px 0; border-bottom: 1px solid #eee }
#fuwupage3 h3 { border-left: 2px solid #0154A4; color: #0154A4; font-size: 24px; padding-left: 20px; margin-bottom: 15px }
#fuwupage3 .info { font-size: 18px; line-height: 2; padding-left: 20px; color: #555 }
#fuwupage4 { padding: 80px 0 0px }
#fuwupage4 .row1 { padding-bottom: 55px }
#fuwupage4 .row1 .con1 .i_ttl { text-align: left }
#fuwupage4 .row1 .con1 .i_ttl .fbt { text-align: left }
#fuwupage4 .row1 .con1 .i_ttl h2 { padding: 0; padding-bottom: 55px }
#fuwupage4 .row1 .con1 .i_ttl h2:before { display: none }
#fuwupage4 .row1 .con1 .i_ttl h2:after { background: #0154A4 none; position: absolute; left: 0; bottom: 32px; height: 4px; width: 57px }
#fuwupage4 #part2 { padding: 60px 0 }
#fuwupage4 #part2 ul { border-left: solid 3px #E3E3E3; padding-left: 45px; margin-top: 35px }
#fuwupage4 #part2 ul li { text-align: left; position: relative; background: #fff; padding: 40px 40px 40px 150px; margin-bottom: 20px; transition: all .3s; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1) }
#fuwupage4 #part2 ul li:after { content: ""; display: block; position: absolute; width: 16px; height: 16px; margin-top: -8px; top: 50%; left: -55px; background: #0154A4; border: 2px solid #fff; border-radius: 50%; transition: all .3s }
#fuwupage4 #part2 ul li:hover:after { border-color: #0154A4 }
#fuwupage4 #part2 ul li:hover { box-shadow: 0 4px 16px 0 rgba(211, 145, 145, 0.19) }
#fuwupage4 #part2 ul li:before { content: ""; display: block; position: absolute; width: 14px; height: 14px; top: 50%; left: -28px; border: 14px solid transparent; border-right-color: #fff; margin-top: -14px }
#fuwupage4 #part2 ul li i { display: block; position: absolute; left: 30px; top: 33px; font-size: 72px; color: #dedede; font-style: normal; line-height: 1.1; font-family: arial; font-weight: bold }
#fuwupage4 #part2 ul li h3 { margin: 0 }
#wangdianpage { padding: 70px 0 }
#wangdianpage .line { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd }
#wangdianpage .row1 .nail { height: 320px }
#wangdianpage .row1 .con2 { padding-left: 15px }
#wangdianpage .row1 h3 { font-size: 36px; margin-bottom: 30px }
#wangdianpage h3~p { padding-left: 23px; color: #666; background: url(../images/bg7.png) no-repeat left 2px }
#wangdianpage h3~p.tel { background-position: left -359px }
#wangdianpage .row1 h3~p { font-size: 18px; margin-left: 8px }
#wangdianpage .row2 .nail { height: 230px }
#wangdianpage .row2 .con3 { padding-bottom: 20px; margin-bottom: 35px; border-bottom: 1px solid #ddd }
#wangdianpage .row2 h3 { font-size: 18px; margin-bottom: 15px }
#wangdianpage .row2 h3~p { font-size: 14px; background-size: 15px auto; padding-left: 20px }
#wangdianpage .row2 .tel { margin-bottom: 0; background-position: left -318px }
#joblist { padding: 5px 0 50px }
#joblist .item {/* padding: 25px 0; */margin: 25px 0; border-bottom: none; background: #fff; padding: 15px 25px 25px; }
#joblist .item:first-child { margin-top: 0; /* padding-top: 0; */ }
#joblist .item img, #joblist .item video { display: none }
#joblist .item h2 {margin-bottom: 15px;color: #0154A4;padding-left: 0;font-size: 24px;position: relative;}
#joblist .item h2 span {
position: absolute;
right: 0;
font-size: 15px;
color: #666;
}
#joblist .item .th { background: #EFEFEF; padding: 15px }
#joblist .item .th li { float: left; margin-right: 70px }
#joblist .item .th li span { color: #444 }
#joblist .item .detail { padding: 30px 0 0; }
#joblist .item .detail * { color: #444; font-size: inherit; line-height: inherit }
#commentsBox {
float: left;
width: 340px;
}
#suggBox {
float: left;
width: 220px;
}
#commentsBox > div,
#suggBox > div {
background: #212223;
margin-bottom: 20px;
padding: 20px 30px;
}
#suggBox p span {
width: 100%;
display: block;
background: #924;
height: 8px;
margin: 10px 0;
}
#suggBox p:before {
width: 30%;
content: ' ';
display: block;
background: #121314;
height: 8px;
margin: 10px 0;
}
#suggBox p:after {
width: 70%;
content: ' ';
display: block;
background: #999;
height: 8px;
margin: 10px 0;
}
#commentsBox p span {
width: 100%;
display: block;
background: #eee;
height: 6px;
margin: 15px 0;
}
#commentsBox p:before {
width: 30%;
content: ' ';
display: block;
background: #121314;
height: 6px;
margin: 10px 0;
}
#commentsBox p:after {
width: 70%;
content: ' ';
display: block;
background: #eee;
height: 6px;
margin: 10px 0;
}
video {
width: 100%;
vertical-align: bottom;
}
#videoBox.in {
animation: ac 1s;
}
#videoBox.out {
position: fixed;
bottom: 0;
right: 0;
width: 300px;
z-index: 93323299;
animation: an 0.5s;
}
.newslist .slick-dots{
text-align: center;
margin-bottom: 40px;
}
.newslist .slick-dots li{
width: 12px;
height: 12px;
overflow: hidden;
text-indent: 40px;
background: #BFBFBF;
border-radius: 500px;
display: inline-block;
margin: 0 6px;
}
.newslist .slick-dots li.slick-active{
background: #0054A3;
}
.newslist .slick-dots li button{
border: none;
background: transparent;
max-width: 100%;
max-height: 100%;
overflow: hidden;
display: block;
text-indent: -98px;
}
.newslist .slick-dots li.active button{}