@charset "UTF-8";
*, :before, :after { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0; }

@font-face { font-family: "homestorebold"; src: url("/public/font/HOMESTOREBOLD.ttf") format("truetype"); font-display: swap; font-weight: normal; font-style: normal; }

@font-face { font-family: "renebiederblod"; src: url("/public/font/Rene-Bieder-Franca-DEMO-Bold-2.otf") format("truetype"); font-display: swap; font-weight: normal; font-style: normal; }

@font-face { font-family: "renebieder"; src: url("/public/font/Rene-Bieder-Franca-DEMO-Book-3.otf") format("truetype"); font-display: swap; font-weight: normal; font-style: normal; }

#LRdiv0 { display: none !important; }

body { font-family: renebieder; color: #333; font-size: 16px; line-height: 1.7; margin: 0 auto; background-color: #FFF; letter-spacing: 0.2px; }

ol, ul, li { list-style: none; }

a { color: #333; text-decoration: none; outline: none; cursor: pointer; }

a:hover, a:active, a:link, a:visited { text-decoration: none; }

fieldset, img, video { max-width: 100%; border: none; vertical-align: middle; height: auto; }

input, select, textarea, button { color: #333; font-size: 16px; font-family: "renebieder"; outline: none; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

input, button { border-radius: 0; -webkit-appearance: none; }

/*清除IOS默认圆角*/
textarea { resize: none; outline: none; border: none; -webkit-appearance: none; }

/*去除右下角拖动边框标识*/
input:-ms-clear { display: none; }

/*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline: none; }

::-webkit-input-placeholder { color: #646A7C; }

::-moz-placeholder { color: #646A7C; }

:-ms-input-placeholder { color: #646A7C; }

:-moz-placeholder { color: #646A7C; }

table { border-collapse: separate; }

/*边线重叠*/
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

.clearfix { zoom: 1; }

table tr td, table tr th { padding: 2px; }

.transition { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }

.clear { display: block; clear: both; overflow: hidden; }

.hidden { width: 100%; overflow: hidden; }

.wrap { width: 90%; max-width: 1400px; margin: 0 auto; }

.place-about .wrap { position: relative; }

.place-about .wrap:before { content: ""; position: absolute; left: -18px; top: -18px; width: 207px; height: 55px; background: url(/public/newsimg/about-ol.png) no-repeat; }

.top-show { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }

.top-head { background-color: #08112A; position: relative; margin-bottom: 20px; }

.header { padding: 20px 0; position: relative; }

.logo { float: left; width: 260px; margin-top: 12px; }

.logo img { width: 100%; height: auto; }

.headerMain { float: right; width: 1020px; }

.headerMain .headerMainTop { clear: both; display: block; position: relative; padding-bottom: 10px; }

.headerMain .headerMainTop .nav { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.headerMain .headerMainTop .nav .nav-btn { display: none; }

.headerMain .headerMainTop .nav .nav-con > li { display: inline-block; font-size: 0; position: relative; }

.headerMain .headerMainTop .nav .nav-con > li.nav-select > a { color: #E5472E; }

.headerMain .headerMainTop .nav .nav-con > li a { display: block; color: #FFF; font-size: 16px; padding: 2px 0px 5px; line-height: 1.2; margin-right: 46px; }

.headerMain .headerMainTop .nav .nav-con > li.nav-icon a { padding-right: 25px; position: relative; margin-right: 22px; }

.headerMain .headerMainTop .nav .nav-con > li.nav-icon a:after { content: ""; position: absolute; right: 0px; top: 10px; width: 14px; height: 8px; margin-left: -7px; background: url(/public/newsimg/nav-icon.png) no-repeat; }

.headerMain .headerMainTop .nav .nav-con > li > a:hover { color: #E5472E; }

.headerMain .headerMainTop .nav .nav-con > li .close { display: block; width: 30px; height: 30px; font-size: 16px; color: #919191; text-align: center; margin: 20px auto; border: 1px solid #919191; border-radius: 50%; line-height: 29px; cursor: pointer; }

.headerMain .headerMainTop .nav .nav-con > li:last-child { display: none; }

.headerMain .headerMainTop .nav .nav-con > li .nav-sub { background-color: #1c2848; position: absolute; top: 102%; left: -20px; width: 220px; display: none; z-index: 2; }

.headerMain .headerMainTop .nav .nav-con > li .nav-sub li { display: block; border-bottom: 1px solid #141e38; }

.headerMain .headerMainTop .nav .nav-con > li .nav-sub li a { display: block; font-size: 14px; line-height: 24px; padding: 12px 10px; margin-right: 13px; }

.headerMain .headerMainTop .nav .nav-con > li .nav-sub li a:after { top: 22px; margin-left: 0px; }

.headerMain .headerMainTop .nav .nav-con > li .nav-sub li a:hover { color: #E5472E; }

.headerMain .headerMainTop .nav .nav-con > li .nav-sub li.nav-select > a { color: #E5472E; }

.headerMain .headerMainTop .nav .nav-con > li .nav-sub li:last-child { border-bottom: none; }

.headerMain .headerMainTop .nav .nav-con > li .nav-sub li.nav-open .nav-all { display: none; }

.headerMain .headerMainTop .nav .nav-con > li.nav-icon .nav-sub { display: none; }

.headerMain .headerMainTop .nav .nav-con > li.nav-open .nav-sub { display: block; }

.headerMain .headerMainBom { clear: both; display: block; padding-top: 10px; border-top: 1px solid #334067; }

.headerMain .headerMainBom .headerMainNav { clear: both; display: block; }

.headerMain .headerMainBom .headerMainNav > li { float: left; line-height: 20px; padding-top: 5px; padding-bottom: 5px; position: relative; }

.headerMain .headerMainBom .headerMainNav > li a, .headerMain .headerMainBom .headerMainNav > li span { clear: both; display: block; line-height: 20px; font-size: 16px; color: #a1afda; margin-right: 35px; cursor: pointer; }

.headerMain .headerMainBom .headerMainNav > li a:hover, .headerMain .headerMainBom .headerMainNav > li span:hover { color: #E5472E; }

.headerMain .headerMainBom .headerMainNav > li.nav-select a, .headerMain .headerMainBom .headerMainNav > li.nav-select span { color: #E5472E; }

.headerMain .headerMainBom .headerMainNav > li span { margin-right: 0px; position: relative; padding-right: 20px; }

.headerMain .headerMainBom .headerMainNav > li span:after { content: ""; position: absolute; right: 0px; top: 7px; width: 14px; height: 8px; margin-left: -7px; background: url(/public/newsimg/nav-icon.png) no-repeat; }

.headerMain .headerMainBom .headerMainNav > li .headerMainNavsub { background-color: #1c2848; position: absolute; top: 30px; right: 0px; width: 180px; display: none; }

.headerMain .headerMainBom .headerMainNav > li .headerMainNavsub li { display: block; border-bottom: 1px solid #141e38; }

.headerMain .headerMainBom .headerMainNav > li .headerMainNavsub li a { display: block; font-size: 14px; line-height: 24px; padding: 12px 10px; margin-right: 0px; position: relative; }

.headerMain .headerMainBom .headerMainNav > li .headerMainNavsub li a:hover { color: #E5472E; }

.headerMain .headerMainBom .headerMainNav > li .headerMainNavsub li a:after { content: ""; position: absolute; right: 10px; top: 20px; width: 14px; height: 8px; background: url(/public/newsimg/nav-icon.png) no-repeat; }

.headerMain .headerMainBom .headerMainNav > li .headerMainNavsub li.nav-select > a { color: #E5472E; }

.headerMain .headerMainBom .headerMainNav > li .headerMainNavsub li:last-child { border-bottom: none; }

.headerMain .headerMainBom .headerMainNav > li .headerMainNavsub li.nav-open .nav-all { display: none; }

.headerMain .headerMainBom .headerMainNav > li.nav-open .headerMainNavsub { display: block; }

.top-search { position: absolute; top: 3px; right: 0; }

.ser-btn { position: absolute; right: 0; width: 20px; height: 20px; top: 0px; cursor: pointer; background: url(/public/newsimg/ser-icon01.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.ser-btn:hover { background-image: url(/public/newsimg/ser-icon02.png); }

.ser-con .ser-btn { background-image: url(/public/newsimg/ser-close01.png); }

.ser-con .ser-btn:hover { background-image: url(/public/newsimg/ser-close02.png); }

.top-searchBox { position: absolute; top: 13px; right: 32px; width: 0px; transition: all 0.5s; height: 40px; overflow: hidden; }

.top-searchBox .top-searchInput { clear: both; width: 100%; line-height: 30px; padding: 5px 15px; height: 40px; background: #fff; }

.top-searchBox .top-searchBtn { clear: both; position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; background: url(/public/newsimg/ser-icons.png) no-repeat center center; background-size: 20px; cursor: pointer; }

.ser-con .top-searchBox { width: 320px; }

.banner { position: relative; }

.banner img { width: 100%; height: 100vh; -webkit-object-fit: cover; object-fit: cover; }

.ban-font { position: absolute; top: 36%; width: 100%; color: #FFF; text-align: center; line-height: 1.2; /*z-index:9999;*/ left: 0; right: 0; }

.ban-font a { color: #FFF; }

.ban-font a.ban-tit { font-size: 64px; font-family: "homestorebold"; }

.ban-font p { font-size: 22px; line-height: 44px; margin: 40px auto 0; width: 70%; }

.bannerSea { clear: both; display: block; padding-top: 70px; max-width: 695px; margin: 0 auto; overflow: hidden; display: flex; }

.bannerSea .bannerSeaInput { background: #fff; padding: 15px 20px; color: #acacac; font-size: 18px; line-height: 30px; flex: 1; }

.bannerSea .bannerSeaBtn { background-image: url(/public/newsimg/searchicon02.png); background-position: center center; background-repeat: no-repeat; background-size: 21px; background-color: #e5472e; height: 60px; padding: 0px 50px; cursor: pointer; transition: all 0.5s; }

.bannerSea .bannerSeaBtn:hover { opacity: 0.6; }

.gsc-control-cse { padding: 0 !important; }

.gsc-search-button-v2 svg { width: 20px; height: 20px; }

.gsc-search-box-tools .gsc-search-box .gsib_a .gsc-input { background: #fff !important; }

.gsc-adBlock { display: none !important; }

.index-txt { position: relative; padding-top: 11px; margin-bottom: 70px; }

.index-txt:before { content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 2px; background-color: #08112A; }

.index-txt .txt-font { display: block; overflow: hidden; }

.index-txt .txt-font h2 { color: #08112A; font-size: 48px; font-family: "homestorebold"; font-weight: normal; line-height: 1.3; padding-top: 10px; }

.index-txt .txt-font h2 sup { position: relative; top: 2px; font-size: 32px; }

.index-txt .txt-info { float: right; width: 55%; }

.index-txt .txt-info p { color: #E5472E; font-size: 24px; line-height: 42px; text-align: right; }

.index-txt .txt-info a { float: right; color: #E5472E; font-size: 16px; text-transform: uppercase; padding: 15px 90px; width: auto; }

.btn-more { position: relative; display: inline-block; width: 140px; line-height: 42px; text-align: center; font-size: 14px; background: #FFF; color: #E5472E; border: 1px solid #E5472E; cursor: pointer; overflow: hidden; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 3; text-transform: uppercase; }

.btn-more:before, .btn-more:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; opacity: 0.4; -webkit-transition: width 0.4s ease 0s; -moz-transition: width 0.4s ease 0s; -ms-transition: width 0.4s ease 0s; -o-transition: width 0.4s ease 0s; transition: width 0.4s ease 0s; z-index: -1; background: #E5472E; width: 0; }

.btn-more:after { opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.btn-more:hover:before, .btn-more:hover:after { width: 100%; }

.btn-more:hover:after { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.btn-more:hover { color: #FFF !important; }

.index-type { margin-top: 90px; overflow: hidden; }

.index-type .type-item { position: relative; float: left; width: 25%; height: 510px; background-color: #AFCDFF; background: -webkit-linear-gradient(41deg, #FFF 0%, #AFCDFF 100%); background: -moz-linear-gradient(41deg, #FFF 0%, #AFCDFF 100%); background: -ms-linear-gradient(41deg, #FFF 0%, #AFCDFF 100%); background: -o-linear-gradient(41deg, #FFF 0%, #AFCDFF 100%); background: linear-gradient(41deg, #FFF 0%, #AFCDFF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FFFFFF, endColorstr=#AFCDFF, GradientType=1); -webkit-box-shadow: 0 4px 5px rgba(4, 35, 40, 0.1); -moz-box-shadow: 0 4px 5px rgba(4, 35, 40, 0.1); -ms-box-shadow: 0 4px 5px rgba(4, 35, 40, 0.1); -o-box-shadow: 0 4px 5px rgba(4, 35, 40, 0.1); box-shadow: 0 4px 5px rgba(4, 35, 40, 0.1); }

.index-type .type-item.type-list { width: 50%; }

.index-type .type-item a { display: block; }

.index-type .type-item .type-pic { text-align: center; margin-top: 40px; }

.index-type .type-item .type-pic img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.index-type .type-item .type-txt { position: absolute; left: 80px; bottom: 40px; color: #142965; font-size: 30px; line-height: 1.2; z-index: 99; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding-right: 40px; }

.index-type .type-item .type-txt:after { content: ''; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/public/newsimg/pro-arrow.png) no-repeat; margin-top: -6px; margin-left: 22px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

.index-type .type-item:hover .type-pic img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.index-type .type-item .type-txt:hover { color: #E5472E; }

.index-type .type-item .type-txt:hover:after { margin-left: 30px; }

.index-case { margin-top: 230px; }

.index-case ul { margin-left: -2.8%; }

.index-case ul li { float: left; width: 47.2%; margin-left: 2.8%; }

.index-case ul li .case-pic { position: relative; padding-top: 81.6%; overflow: hidden; }

.index-case ul li .case-pic .con-pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.index-case ul li .case-pic .con-pic img { width: 100%; height: auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.index-case ul li .case-pic .con-font { position: absolute; bottom: 0; left: 0; width: 100%; height: 130px; background-color: rgba(8, 17, 42, 0.8); }

.index-case ul li .case-pic .con-font a { padding: 40px 36px 0 36px; display: block; line-height: 1.2; font-size: 30px; color: #FFF; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.index-case ul li:hover .case-pic .con-pic img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.index-case ul li:hover .case-pic .con-font a { color: #E5472E; }

.index-case ul li .case-info { padding: 40px 30px; color: #222B34; }

.index-case ul li .case-info .case-star { font-size: 24px; line-height: 1.1; }

.index-case ul li .case-info .case-star img { width: 16px; height: auto; margin: -3px 2px 0; }

.index-case ul li .case-info p { font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; }

.index-case ul li .case-info p span { font-size: 16px; }

.index-blog { clear: both; display: block; background: #f9fafa; padding: 1px 0px; }

.index-blog .index-txt { margin-top: 7%; }

.index-blog ul { padding-bottom: 4.2857%; margin-left: -2.7142%; flex-wrap: wrap; align-items: stretch; display: flex; }

.index-blog ul li { float: left; margin-left: 2.7142%; margin-bottom: 3.2142%; width: 30.6191%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.index-blog ul li:first-child + li + li + li { clear: both; }

.index-blog ul li .index-blogPic { clear: both; display: block; width: 100%; overflow: hidden; }

.index-blog ul li .index-blogPic img { clear: both; display: block; width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.index-blog ul li .index-blogTit { clear: both; display: block; font-size: 22px; line-height: 30px; color: #08112a; padding: 30px; word-break: break-all; }

.index-blog ul li:hover { background: #fff; box-shadow: 0px 0px 18px rgba(8, 17, 42, 0.09); }

.index-blog ul li:hover .index-blogPic img { transform: scale(1.05); }

.index-blog ul li:hover .index-blogTit { color: #08112a; }

.index-about { background-color: #E5E7FF; }

.index-about .about-info { float: left; width: 50%; padding: 90px 60px 90px 0; }

.index-about .about-info h1 { color: #222B34; font-size: 50px; line-height: 66px; font-family: "homestorebold"; margin-top: 30px; position: relative; }

.index-about .about-info h1:after { content: ""; position: absolute; left: 0; bottom: -26px; width: 112px; height: 5px; background-color: #E5472E; }

.index-about .about-info p { margin-top: 80px; color: #222B34; font-size: 16px; line-height: 36px; }

.index-about .about-pic { float: right; width: 50%; height: 100%; }

/**/
.about-tab .about-ban img { position: relative; width: 100%; z-index: 1; }

.about-tab.slick-slider img { position: relative; }

.about-tab img { position: absolute; left: 0; top: 0; width: 100%; height: auto; }

.footer { clear: both; overflow: hidden; color: #FFF; background: url(/public/newsimg/dot-foot.png) no-repeat #08112A left bottom; position: relative; }

.footer .foot-msg { width: 39%; height: 100%; position: absolute; right: 0; top: 0; background: url(/public/newsimg/footerbg1.jpg) no-repeat center top; background-size: cover; }

.footer .foot-con { float: left; width: 61%; padding: 100px 60px 100px 7%; }

.footer .foot-con dl dt { display: block; color: #FFF; font-size: 36px; font-family: "homestorebold"; font-weight: normal; line-height: 1.2; margin-bottom: 20px; }

.footer .foot-con dl dt:first-letter { color: #E5472E; }

.footer .foot-con .foot-help { float: left; width: 24%; }

.footer .foot-con .foot-help dl dd, .footer .foot-con .foot-help dl dd a { color: #FFF; font-size: 16px; line-height: 28px; margin-bottom: 20px; }

.footer .foot-con .foot-help dl dd a:hover { color: #E5472E; }

.footer .foot-con .foot-help ul { clear: both; display: block; }

.footer .foot-con .foot-help ul li { clear: both; display: block; color: #FFF; font-size: 16px; line-height: 28px; padding-bottom: 12px; position: relative; padding-left: 10px; }

.footer .foot-con .foot-help ul li::before { content: ''; position: absolute; left: 0px; top: 14px; width: 3px; height: 3px; background: #fff; }

.footer .foot-con .foot-cont { float: left; width: 30%; }

.footer .foot-con .foot-cont dl dd, .footer .foot-con .foot-cont dl dd a { color: #FFF; font-size: 16px; line-height: 28px; margin-bottom: 20px; }

.footer .foot-con .foot-cont dl dd a { color: #E5472E; }

.footer .foot-con .foot-cont dl dd a:hover { text-decoration: underline; }

.footer .foot-con .foot-logo { margin-top: 80px; float: left; width: 100%; }

.footer .foot-con .foot-logo a { display: inline-block; }

.footer .foot-con .foot-base { color: #858585; font-size: 16px; line-height: 1.2; margin-top: 80px; float: left; }

.footer .foot-con .foot-base a { color: #858585; }

.footer .foot-con .foot-base a:hover { color: #E5472E; }

.foot-privacy { display: inline-block; background: url(/public/newsimg/foot-icon.png) no-repeat 10px center; border: 1px solid #D8DBFF; line-height: 1.2; padding: 6px 8px 8px 26px; margin-top: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #4E4E50; font-weight: bold; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.foot-privacy:hover { color: #E5472E; border-color: #E5472E; }

/**/
.footer .foot-con .foot-link { float: left; width: 37%; padding: 0 5% 0 5%; margin: 0px 5% 0px 4%; border-left: 1px solid #334067; border-right: 1px solid #334067; }

.footer .foot-con .foot-link strong { display: block; color: #FFF; font-size: 36px; font-family: "homestorebold"; font-weight: normal; line-height: 1.2; margin-bottom: 20px; }

.footer .foot-con .foot-link strong:first-letter { color: #E5472E; }

.footer .foot-con .foot-link ul { clear: both; display: block; }

.footer .foot-con .foot-link ul li { float: left; width: 50%; padding-bottom: 10px; }

.footer .foot-con .foot-link ul li a { color: #FFF; font-size: 16px; line-height: 30px; }

.footer .foot-con .foot-link ul li a:hover { color: #E5472E; }

.fix-side { position: fixed; right: 0px; top: 30%; width: 76px; z-index: 999; }

.fix-side ul { clear: both; display: block; }

.fix-side ul li { clear: both; display: block; margin-bottom: 4px; border-radius: 10px 0px 0px 10px; overflow: hidden; }

.fix-side ul li.fix-swt { background: #e6523b; cursor: pointer; position: relative; }

.fix-side ul li.fix-swt i { position: absolute; width: 12px; height: 12px; border-radius: 50%; text-align: center; line-height: 12px; font-size: 12px; color: #fff; right: 24px; top: 13px; font-style: normal; background: #dc1e00; }

.fix-side ul li.fix-email a, .fix-side ul li.fix-whatsapp a { clear: both; display: block; cursor: pointer; }

.fix-side ul li.fix-email a { background: #1e2e6b; }

.fix-side ul li.fix-whatsapp a { background: #1bb410; }

.fix-side ul li.fix-close { background: #cde5eb; padding: 12px 19px; cursor: pointer; }

.fix-side ul li.fix-swt:hover { background: #c31b00; }

.fix-side ul li.fix-whatsapp a:hover { background: #16990d; }

.fix-side ul li.fix-email a:hover { background: #E5472E; }

.fix-side ul li.fix-close:hover { background: #AFCDFF; }

/**/
.fix-foot { display: none; position: fixed; bottom: 0; left: 0; max-width: 768px; width: 100%; z-index: 99999; padding-bottom: 10px; }

.fix-foot a { width: 49%; font-weight: bold; text-align: center; font-size: 14px; overflow: hidden; padding: 10px 0px; }

.fix-foot a:first-child { float: left; border-radius: 25px 0px 0px 0px; background: #0c193b; color: #dcefff; background: -webkit-linear-gradient(top, #41578f 0%, #0f1f4c 20%, #0f1f4c 80%, #091028 100%); background: -o-linear-gradient(bottom, #41578f 0%, #0f1f4c 20%, #0f1f4c 80%, #091028 100%); background: -moz-linear-gradient(bottom, #41578f 0%, #0f1f4c 20%, #0f1f4c 80%, #091028 100%); background: linear-gradient(to bottom, #41578f 0%, #0f1f4c 20%, #0f1f4c 80%, #091028 100%); box-shadow: 0px 5px 5px rgba(0, 31, 112, 0.5); }

.fix-foot a:first-child + a { float: right; border-radius: 0px 0px 25px 0px; padding-right: 40px; color: #fff; position: relative; background: #f04610; background: -webkit-linear-gradient(top, #f67f51 0%, #ed440e 20%, #d93804 80%, #c52701 100%); background: -o-linear-gradient(bottom, #f67f51 0%, #ed440e 20%, #d93804 80%, #c52701 100%); background: -moz-linear-gradient(bottom, #f67f51 0%, #ed440e 20%, #d93804 80%, #c52701 100%); background: linear-gradient(to bottom, #f67f51 0%, #ed440e 20%, #d93804 80%, #c52701 100%); box-shadow: 0px 5px 5px rgba(232, 65, 11, 0.5); }

.fix-foot a:first-child + a:after { content: ''; position: absolute; right: 0px; top: 5px; width: 51px; height: 40px; background: url(/public/newsimg/fix-footicon01.gif) no-repeat center top; background-size: 100%; }

/**/
.page-box { position: fixed; z-index: 9999999; right: 10px; bottom: 10px; width: 347px; border-radius: 10px; transition: all 0.7s; overflow: hidden; background: #fff; }

.page-box .page-boxTop { clear: both; background: #1e2e6b; border-radius: 10px; text-align: center; position: relative; padding-right: 30px; cursor: pointer; }

.page-box .page-boxTop p { clear: both; display: inline-block; height: 50px; line-height: 50px; text-align: center; background: url(/public/newsimg/fixIcon06.png) no-repeat left center; padding-left: 42px; font-family: 'homestorebold'; color: #fff; font-size: 20px; }

.page-box .page-boxTop .close { position: absolute; top: 18px; right: 30px; width: 29px; height: 14px; z-index: 5; background: url(/public/newsimg/fixIcon08.png) no-repeat center center; transition: all 0.7s; }

.page-box.pageShow .page-boxTop .close { transform: rotate(180deg); }

.page-box .side-mssage { clear: both; width: 100%; padding: 0px 20px 0px 20px; transition: all 0.7s; height: 0px; overflow: hidden; }

/**/
.page-box .side-mssage strong { clear: both; display: block; color: #3c67c3; font-size: 18px; line-height: 24px; font-weight: normal; }

.page-box .side-mssage ul { clear: both; display: block; }

.page-box .side-mssage ul li { clear: both; display: block; margin-top: 15px; position: relative; }

.page-box .side-mssage ul li input { width: 100%; height: 35px; padding: 5px 15px; font-size: 16px; color: #8c8c8c; position: relative; z-index: 1; border: 1px solid #e3e3e3; background: #f9f9f9; line-height: 23px; }

.page-box .side-mssage ul li textarea { width: 100%; height: 100px; padding: 5px 15px; font-size: 16px; color: #8c8c8c; position: relative; z-index: 1; border: 1px solid #e3e3e3; background: #f9f9f9; line-height: 24px; }

.page-box .side-mssage ul li input:-moz-placeholder, .page-box .side-mssage ul li textarea:-moz-placeholder, .page-box .side-mssage ul li input:-ms-input-placeholder, .page-box .side-mssage ul li textarea:-ms-input-placeholder, .page-box .side-mssage ul li input::-webkit-input-placeholder, .page-box .side-mssage ul li textarea::-webkit-input-placeholder { color: #8c8c8c; }

.page-box .side-mssage ul li span { font-size: 14px; color: #666666; position: absolute; left: 15px; top: 0; line-height: 44px; }

.page-box .side-mssage ul li span i { color: #FF3000; }

.page-box .side-mssage ul li:last-child p { clear: both; display: block; font-size: 14px; color: #bebbbb; line-height: 18px; }

.page-box .side-mssage ul li:last-child p a { color: #6b8be3; text-decoration: underline; }

.page-box .side-mssage .btn { float: right; width: 112px; height: 35px; background: #1e2e6b; text-align: center; color: #fff; font-family: "homestorebold"; transition: all 0.3s; cursor: pointer; margin-top: 12px; font-size: 18px; line-height: 35px; }

.page-box .side-mssage .btn:hover { border-radius: 5px; background: #e6523b; }

.page-frame { display: block; width: 100%; height: 100%; }

.place-show { line-height: 20px; }

.place-show ol { position: relative; padding-left: 16px; z-index: 1; }

.place-show ol:before { content: ''; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; background: url(/public/newsimg/icon-home.png) no-repeat; }

.place-show ol li { display: inline-block; color: #586EA9; padding-left: 8px; font-size: 14px; }

.place-show ol li a { color: #586EA9; margin-right: 8px; }

.place-show ol li a:hover { color: #E5472E; }

.place-about ol:before { background: url(/public/newsimg/icon-home1.png) no-repeat; }

.place-about ol li, .place-about ol li a { color: #fff; }

.about_ban { margin: -40px auto 0; display: block; background: #08112A; position: relative; }

.about_ban img { display: block; margin: auto; }

.about_ban .btn { width: 154px; height: 154px; background: url(/public/newsimg/aboutvideobtn.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.3s; }

.about_ban .btn:hover { cursor: pointer; transform: scale(1.1); }

.about_ban .box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 9999; }

.about_ban .box div { width: 92%; max-width: 1000px; position: absolute; left: 0; right: 0; top: 50%; margin: auto; transform: translateY(-50%); }

.about_ban .box video { width: 100%; }

.about_ban .box span { position: absolute; right: 0; top: -50px; font-size: 40px; line-height: 1; color: #FFF; cursor: pointer; font-weight: 400; font-style: normal; }

/**/
.about_top { overflow: hidden; }

.about_top { background-color: #08112A; padding: 60px 0 79px; transition: all 0.3s; }

.about_top div { width: 91%; max-width: 1340px; margin: auto; font-family: homestorebold; color: #B1C3F2; }

.about_top h1 { font-size: 90px; line-height: 1em; font-weight: bold; float: left; transition: all 0.3s; }

.about_top p { max-width: 44%; float: right; font-size: 16px; font-style: italic; font-weight: bold; padding-top: 12px; transition: all 0.3s; }

/**/
.aboutone { max-width: 1320px; margin-top: 156px; transition: all 0.3s; padding-bottom: 44px; border-bottom: 1px solid #DEDFE0; overflow: hidden; }

.aboutone h2 { font-family: homestorebold; font-size: 24px; color: #A0A8B0; line-height: 1em; padding-bottom: 42px; border-bottom: 1px solid #DEDFE0; margin-bottom: 45px; }

.aboutone h2 span { font-size: 28px; color: #333333; line-height: 1em; margin-top: 15px; display: block; }

.aboutone .about_us_slide .left { width: 50%; float: left; padding-top: 21px; transition: all 0.3s; padding-right: 2.3%; }

.aboutone .about_us_slide .p_title { font-size: 20px; color: #333333; line-height: 1em; }

.aboutone .about_us_slide .p_text { font-size: 16px; color: #8C8C8C; line-height: 36px; margin-top: 38px; }

.aboutone .about_us_slide .p_text li { padding-left: 25px; position: relative; }

.aboutone .about_us_slide .p_text li:before { content: ''; width: 6px; height: 6px; box-sizing: border-box; border: 1px solid #6177da; position: absolute; left: 8px; top: 15px; border-radius: 50%; }

.aboutone .about_us_slide a { display: block; width: 280px; height: 90px; padding-left: 56px; text-align: center; font-size: 24px; color: #333333; line-height: 90px; margin-top: 55px; background-color: #CCDDFF; border-radius: 50px; position: relative; transition: all 0.3s; }

.aboutone .about_us_slide a:before { content: ''; width: 70px; height: 70px; border-radius: 50%; background: #fff url(../newsimg/about_us4.png) no-repeat; background-size: 100% 100%; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); position: absolute; left: 10px; top: 10px; transition: all 0.3s; }

.aboutone .about_us_slide a:hover { padding-left: 40px; }

.aboutone .about_us_slide a:hover:before { left: 15px; }

.aboutone .about_us_slide .right { width: 45.45%; float: right; border-radius: 10px; transition: all 0.3s; }

.aboutone .about_us_slide:nth-child(3) { margin: 40px auto; }

.aboutone .about_us_slide:nth-child(3) .left { float: right; }

.aboutone .about_us_slide:nth-child(3) .right { float: left; }

/**/
.about_service { max-width: 1350px; margin: 100px auto 0; overflow: hidden; }

.about_service_top { width: 100%; font-family: homestorebold; }

.about_service_top h2 { font-size: 24px; color: #A0A8B0; line-height: 1em; width: 48.9%; padding: 25px 0 75px; margin-left: 0.74%; float: left; border-bottom: 1px solid #3766c7; position: relative; }

.about_service_top h2::before, .about_service_top h2::after { content: ''; width: 1px; height: 10px; background: #3766c7; position: absolute; bottom: 0; left: 0; }

.about_service_top h2::after { left: auto; right: 0; }

.about_service_top h2 span { font-size: 28px; color: #333333; line-height: 1em; margin-top: 15px; font-weight: bold; display: block; }

.about_service_nub { width: 47.4%; float: right; }

.about_service_nub div { float: left; margin: 0 48px 0 10px; padding-bottom: 32px; position: relative; background: url(/public/newsimg/about_serviceicon1.png) no-repeat 2px bottom; }

.about_service_nub div:last-child { margin-right: 0; }

.about_service_nub p { font-size: 60px; color: #333333; line-height: 1em; margin-bottom: 22px; }

.about_service_nub span { font-size: 16px; color: #A0A8B0; line-height: 1.5em; font-family: "arial, helvetica, sans-serif"; }

.about_service .box { padding: 30px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.about_service .box .left { display: block; width: 49.64%; }

.about_service .box .right { width: 47.4%; font-size: 16px; color: #333333; line-height: 36px; }

/**/
.about_client { margin-top: 110px; overflow: hidden; }

/**/
.about_exported { width: 100%; padding: 140px 0 90px; background: #F6F7FF; }

.about_exported h2 { font-size: 44px; font-family: homestorebold; line-height: 1em; color: #000; text-align: center; }

.about_exported h2 span { font-size: 14px; line-height: 1em; display: block; margin-top: 20px; }

.about_exported .text { margin-top: 42px; font-size: 16px; color: #08112A; line-height: 30px; text-align: center; max-width: 1160px; }

/**/
.about_case { margin: 110px auto 0; max-width: 1470px; overflow: hidden; padding-bottom: 30px; }

.about_case.slick-dotted.slick-slider { margin-bottom: 0; }

.about_case_slide { padding: 15px 35px 25px; outline: none; }

.about_case_slide div { background: #fff; padding: 0 40px 38px; box-shadow: 0px 5px 20px 0px rgba(55, 102, 199, 0.25); border-radius: 0px 20px 0px 0px; }

.about_case_slide .p_title { vertical-align: middle; font-size: 20px; color: #333333; line-height: 130px; width: 100%; white-space: nowrap; }

.about_case_slide .p_title img { width: 130px; margin: 0 40px 0 -40px; float: left; }

.about_case_slide .p_text { height: 12em; font-size: 16px; color: #666666; line-height: 2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; margin-top: 42px; }

.about_case .slick-dots { bottom: 0; }

.about_case .slick-dots li, .about_service .slick-dots li, .list-type .slick-dots li { background: #CCCCCC; width: 10px; height: 10px; border-radius: 100%; }

.about_case .slick-dots li.slick-active, .about_service .slick-dots li.slick-active, .list-type .slick-dots li.slick-active { background: #A1B8E6; }

.about_case .slick-dots li button:before, .about_service .slick-dots li button:before, .list-type .slick-dots li button:before { content: ''; }

/**/
.about_team { margin: 160px auto 150px; overflow: hidden; }

.about_team .right { width: 57.85%; float: right; }

.about_team .left { width: 40.7%; float: left; }

.about_team h2 { font-family: homestorebold; font-size: 24px; color: #A0A8B0; line-height: 1em; margin-bottom: 44px; padding-left: 9.1%; }

.about_team h2 span { font-size: 28px; color: #333333; line-height: 1em; margin-top: 15px; display: block; }

.about_team p { font-size: 16px; color: #646A7C; line-height: 36px; }

.about_team .right p { padding-left: 9.1%; margin-bottom: 45px; }

.about_team img { width: 100%; }

.about_team .left img { margin-bottom: 46px; }

.about_team .left a { display: block; width: 280px; height: 90px; padding-left: 56px; text-align: center; font-size: 24px; color: #333333; line-height: 90px; margin-top: 55px; background-color: #CCDDFF; border-radius: 50px; position: relative; transition: all 0.3s; }

.about_team .left a:before { content: ''; width: 70px; height: 70px; border-radius: 50%; background: #fff url(../newsimg/about_us4.png) no-repeat; background-size: 100% 100%; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); position: absolute; left: 10px; top: 10px; transition: all 0.3s; }

.about_team .left a:hover { padding-left: 40px; }

.about_team .left a:hover:before { left: 15px; }

/**/
.about_wcu { margin: 126px auto; text-align: center; }

.about_wcu h2 { font-size: 60px; color: #08112A; line-height: 1em; margin-bottom: 30px; }

.about_wcu p { max-width: 980px; margin: auto; font-size: 16px; line-height: 2.25em; color: #646A7C; }

.about_wcu li { width: 18%; margin: 60px 3.5% 0; float: left; }

.about_wcu li img { width: 100%; }

.about_wcu ul { margin-bottom: 88px; }

.about_message { background: #07112A; margin-top: 70px; padding: 100px 0 93px; position: relative; }

.about_message_svg { display: block; max-width: 100%; max-height: 100%; width: 512px; height: 288px; background: url(/public/newsimg/about_messagebg1.png) no-repeat left bottom; background-size: 100% auto; position: absolute; left: 19px; bottom: 37px; }

.about_message .wrap { max-width: 1280px; position: relative; z-index: 1; width: 92%; }

.about_message .left { width: 41.4%; float: left; }

.about_message .messTit { font-weight: bold; font-size: 65px; color: #fff; line-height: 0.8em; font-family: homestorebold; }

.about_message .messTit span { display: block; font-size: 28px; }

.about_message .p_text1 { font-size: 16px; color: #fff; line-height: 36px; margin-top: 38px; }

.about_message .left ul { padding-top: 18px; }

.about_message .left li { padding: 15px 0 15px 20px; font-size: 16px; color: #FD671A; line-height: 26px; position: relative; }

.about_message .left li:before { content: ''; width: 8px; height: 8px; border-radius: 10px; background: #FD671A; position: absolute; left: 0; top: 22px; }

.about_message .lefttwo { clear: both; width: 41.4%; }

.about_message .lefttwo:before { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

.about_message .p_text2, .about_message .yx { font-size: 16px; color: #fff; line-height: 30px; }

.about_message .p_text2 { margin-top: 48px; }

.about_message .yx { position: relative; padding-left: 35px; text-decoration: underline; font-style: italic; }

.about_message .yx:hover { color: #FD671A; }

.about_message .yx:before { content: ''; position: absolute; left: -2px; top: 1px; background-image: url(/public/newsimg/about_messageicon6.png); width: 20px; height: 20px; background-repeat: no-repeat; background-position: -122px 0px; }

.about_message .share { padding-top: 35px; }

.about_message .share span { float: left; margin: 5px 14px 0 0; font-size: 18px; font-weight: bold; font-family: homestorebold; color: #fff; line-height: 40px; }

.about_message .share img { width: 40px; height: 40px; float: left; margin: 5px 14px 0 0; transition: all 0.3s; }

.about_message .share img:hover { transform: scale(1.1) translateY(-4px); }

.about_message .right { width: 45.3%; float: right; }

.about_message .right p { font-size: 14px; color: #FD671A; line-height: 1.5em; padding-left: 19px; margin-top: 20px; position: relative; }

.about_message .right p:before { content: ''; width: 15px; height: 1.5em; background: url(/public/newsimg/about_message6.png) no-repeat left center; position: absolute; left: 0; top: 0; }

.about_message .right ul { padding-top: 42px; }

.about_message .right li { position: relative; margin-bottom: 28px; background-color: #fff; border: 2px solid #3766C7; border-radius: 4px; }

.about_message .right li input, .about_message .right li textarea { width: 100%; height: 44px; padding: 0 10%; font-size: 16px; color: #555555; background: transparent; position: relative; z-index: 1; }

.about_message .right li span { font-size: 14px; color: #666666; position: absolute; left: 10%; top: 0; line-height: 44px; }

.about_message .right li span i { color: #FF3000; }

.about_message .right li textarea { height: 140px; padding: 16px 55px; line-height: 28px; }

.about_message .right .btn { width: 100%; height: 60px; background: #3766C7; border-radius: 4px; font-size: 24px; text-align: center; color: #fff; font-weight: bold; font-family: homestorebold; cursor: pointer; transition: all 0.3s; cursor: pointer; }

.about_message .right .btn:hover { border-radius: 30px; }

.about_message .right li:before { content: ''; position: absolute; left: 3.9%; top: 12px; background-image: url(/public/newsimg/about_messageicon6.png); width: 20px; height: 20px; background-repeat: no-repeat; }

.about_message .right li:nth-child(1):before { background-position: -4px 0px; }

.about_message .right li:nth-child(2):before { background-position: -28px 0px; }

.about_message .right li:nth-child(3):before { background-position: -52px 0px; }

.about_message .right li:nth-child(4):before { background-position: -76px 0px; }

.about_message .right li:nth-child(5):before { background-position: -99px 0px; top: 16px; }

.about_message .right li:last-child span { line-height: 28px; top: 12px; padding-right: 20px; }

.BlogComHeader { margin-bottom: 0 !important; }

.BlogComThreeFlmobTit { display: none; }

.BlogComOne { clear: both; display: block; background: url(/public/newsimg/BlogComOneBg.jpg) no-repeat right top #fff; background-size: 1061px 1110px; padding-top: 10px; margin-top: -20px; }

.BlogComOne .BlogComOneTop { clear: both; display: block; padding-top: 7.85714%; padding-bottom: 4.28571%; }

.BlogComOne .BlogComOneTop h1 { color: #08112a; font-size: 60px; line-height: 1.2; font-weight: bold; font-family: "homestorebold"; padding-bottom: 2.14286%; }

.BlogComOne .BlogComOneTop p { color: #08112a; font-size: 18px; line-height: 36px; width: 68.21429%; }

.BlogComOne .BlogComOneBom { clear: both; display: block; padding-bottom: 7.28571%; }

.BlogComOne .BlogComOneBom h2 { clear: both; display: block; font-weight: bold; font-family: "homestorebold"; line-height: 1.2; font-size: 44px; padding-bottom: 3.57143%; }

.BlogComOne .BlogComOneBom .BlogComOneBomFl { float: left; width: 63.78571%; position: relative; }

.BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlPic { clear: both; display: block; overflow: hidden; position: relative; }

.BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlPic:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; transition: all 0.5s; background: rgba(8, 17, 42, 0.86); background: -moz-linear-gradient(top, rgba(8, 17, 42, 0.1) 30%, rgba(8, 17, 42, 0.86) 100%); background: -webkit-linear-gradient(top, rgba(8, 17, 42, 0.1) 30%, rgba(8, 17, 42, 0.86) 100%); background: -o-linear-gradient(top, rgba(8, 17, 42, 0.1) 30%, rgba(8, 17, 42, 0.86) 100%); background: -ms-linear-gradient(top, rgba(8, 17, 42, 0.1) 30%, rgba(8, 17, 42, 0.86) 100%); background: linear-gradient(to bottom, rgba(8, 17, 42, 0.1) 30%, rgba(8, 17, 42, 0.86) 100%); }

.BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlPic img { width: 100%; transition: all 0.5s; }

.BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox { position: absolute; left: 6.94289%; right: 6.94289%; bottom: 6.15901%; }

.BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox a { clear: both; display: block; font-size: 30px; line-height: 40px; color: #fff; padding-bottom: 1.95059%; font-family: "homestorebold"; position: relative; }

.BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox a:before { content: '1'; background: #e5472e; width: 26px; height: 24px; font-family: "homestorebold"; position: absolute; left: 0px; display: block; color: #fff; text-align: center; line-height: 24px; top: -38px; font-size: 16px; padding-right: 2px; }

.BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox p { clear: both; display: block; font-size: 18px; line-height: 36px; color: #fff; }

.BlogComOne .BlogComOneBom .BlogComOneBomFl:hover .BlogComOneBomFlPic:after { background: -moz-linear-gradient(top, rgba(8, 17, 42, 0.1) 0%, rgba(8, 17, 42, 0.95) 100%); background: -webkit-linear-gradient(top, rgba(8, 17, 42, 0.1) 0%, rgba(8, 17, 42, 0.95) 100%); background: -o-linear-gradient(top, rgba(8, 17, 42, 0.1) 0%, rgba(8, 17, 42, 0.95) 100%); background: -ms-linear-gradient(top, rgba(8, 17, 42, 0.1) 0%, rgba(8, 17, 42, 0.95) 100%); background: linear-gradient(to bottom, rgba(8, 17, 42, 0.1) 0%, rgba(8, 17, 42, 0.95) 100%); }

.BlogComOne .BlogComOneBom .BlogComOneBomFl:hover .BlogComOneBomFlPic img { transform: scale(1.1); }

.BlogComOne .BlogComOneBom .BlogComOneBomFl:hover .BlogComOneBomFlBox a { color: #e5472e; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr { float: right; width: 31.85714%; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li { clear: both; display: block; border-bottom: 1px solid #ebebeb; padding: 25px 0px; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li a { clear: both; display: block; position: relative; font-family: "homestorebold"; padding-left: 48px; color: #08112a; font-size: 22px; line-height: 36px; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li a:before { content: '2'; background: #e5472e; width: 24px; height: 24px; font-family: "homestorebold"; position: absolute; left: 0px; display: block; color: #fff; text-align: center; line-height: 24px; top: 8px; font-size: 16px; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li a:hover { color: #e5472e; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li:last-child { border-bottom: 0px; padding-bottom: 0px; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li:first-child { padding-top: 0px; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li:first-child + li a:before { content: '3'; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li:first-child + li + li a:before { content: '4'; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li:first-child + li + li + li a:before { content: '5'; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li:first-child + li + li + li + li a:before { content: '6'; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li:first-child + li + li + li + li + li a:before { content: '7'; }

.BlogComOne .BlogComOneBom .BlogComOneBomFr li:first-child + li + li + li + li + li + li a:before { content: '8'; }

/**/
.BlogComTwo { clear: both; display: block; overflow: hidden; background: -moz-linear-gradient(left, #09122c 0%, #1c2c66 100%); background: -webkit-linear-gradient(left, #09122c 0%, #1c2c66 100%); background: -o-linear-gradient(left, #09122c 0%, #1c2c66 100%); background: -ms-linear-gradient(left, #09122c 0%, #1c2c66 100%); background: linear-gradient(to right, #09122c 0%, #1c2c66 100%); padding-top: 1px; padding-bottom: 1px; }

.BlogComTwo .wrap { position: relative; margin-top: 5.88542%; margin-bottom: 4.16667%; }

.BlogComTwo .BlogComTwoTop { clear: both; display: block; }

.BlogComTwo .BlogComTwoTop h2 { clear: both; display: block; color: #fff; padding-bottom: 4.28571%; font-size: 44px; font-family: "homestorebold"; line-height: 1.2; }

.BlogComTwo .BlogComTwoBom { clear: both; position: relative; margin-left: auto; margin-right: auto; position: relative; z-index: 1; height: 100%; overflow: hidden; width: 140%; }

.BlogComTwo .BlogComTwoBom .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.BlogComTwo .BlogComTwoBom .swiper-wrapper .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.BlogComTwo .BlogComTwoBomItem { clear: both; width: 100%; padding-right: 14.75728%; }

.BlogComTwo .BlogComTwoBomItem .BlogComTwoBomPic { clear: both; display: block; overflow: hidden; margin-bottom: 24px; }

.BlogComTwo .BlogComTwoBomItem .BlogComTwoBomPic img { clear: both; width: 100%; transition: all 0.5s; }

.BlogComTwo .BlogComTwoBomItem .BlogComTwoBomTit { clear: both; display: block; text-align: left; font-size: 22px; line-height: 36px; color: #fff; font-family: "homestorebold"; }

.BlogComTwo .BlogComTwoBomItem:hover .BlogComTwoBomPic img { transform: scale(1.05); }

.BlogComTwo .BlogComTwoBtn { position: absolute; top: 0px; right: 0px; text-align: right; }

.BlogComTwo .BlogComTwoBtn i { display: inline-block; width: 30px; height: 30px; margin-left: 20px; cursor: pointer; }

.BlogComTwo .BlogComTwoBtn i.pre { background: url(/public/newsimg/BlogComArrow02.png) no-repeat center center; }

.BlogComTwo .BlogComTwoBtn i.next { background: url(/public/newsimg/BlogComArrow01.png) no-repeat center center; }

.BlogComTwo .BlogComTwoBtn i:hover { opacity: 0.6; }

/**/
.BlogComThree { clear: both; display: block; overflow: hidden; padding-top: 1px; padding-bottom: 1px; background: #f0f0f0; }

.BlogComThree .place-show { padding-top: 20px; }

.BlogComThree .BlogComThreeBom { position: relative; margin-top: 5.88542%; margin-bottom: 5.20833%; padding-left: 300px; min-height: 950px; }

.BlogComThree .BlogComThreeFl { position: absolute; left: 0px; top: 0px; width: 260px; }

.BlogComThree .BlogComThreeFr { clear: both; display: block; }

.BlogComThreeUl { clear: both; display: block; }

.BlogComThreeUl li { clear: both; display: block; background: #fff; padding: 35px 26px; margin-bottom: 3.63636%; box-shadow: 0px 0px 10px #f1f1f1; }

.BlogComThreeUl li .BlogComThreeUlPic { float: left; width: 47.32824%; overflow: hidden; }

.BlogComThreeUl li .BlogComThreeUlPic img { width: 100%; transition: all 0.5s; }

.BlogComThreeUl li .BlogComThreeUlBox { float: right; width: 48.85496%; }

.BlogComThreeUl li .BlogComThreeUlBox a { clear: both; display: block; font-size: 28px; text-align: left; line-height: 36px; color: #08112a; font-family: "homestorebold"; margin-bottom: 25px; }

.BlogComThreeUl li .BlogComThreeUlBox a:hover { color: #E5472E; }

.BlogComThreeUl li .BlogComThreeUlBox p { clear: both; display: block; color: #646a7c; font-size: 18px; line-height: 36px; text-align: left; }

.BlogComThreeUl li:hover .BlogComThreeUlPic img { transform: scale(1.05); }

.BlogComThreeOne { clear: both; display: block; position: relative; margin-bottom: 20px; }

.BlogComThreeOne .bannerSeaInput { clear: both; display: block; width: 100%; border: 1px solid #08112A; height: 45px; line-height: 33px; padding: 5px 40px 5px 10px; text-align: left; }

.BlogComThreeOne .bannerSeaBtn { position: absolute; top: 11px; right: 11px; cursor: pointer; background: url(/public/newsimg/searchicon01.jpg) no-repeat center center; background-size: 21px; width: 22px; height: 22px; display: block; }

/**/
.BlogComThreeTwo { clear: both; display: block; }

.BlogComThreeTwo h4 { clear: both; display: block; font-size: 22px; line-height: 30px; padding: 14px 30px; background: #08112a; color: #fff; text-align: left; }

.BlogComThreeTwo ul { clear: both; display: block; background: #fff; padding-top: 20px; padding-bottom: 20px; }

.BlogComThreeTwo ul li { clear: both; display: block; }

.BlogComThreeTwo ul li a { clear: both; display: block; padding: 9px 30px 9px 60px; line-height: 30px; background: url(/public/newsimg/BlogComIcon01.png) no-repeat 30px center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; color: #08112a; }

.BlogComThreeTwo ul li.on a, .BlogComThreeTwo ul li:hover a { background-color: #f0f0f0; background-image: url(/public/newsimg/BlogComIcon02.png); }

.BlogComThreeBtn { clear: both; display: inline-block; cursor: pointer; color: #08112a; font-size: 18px; width: 181px; height: 57px; line-height: 55px; text-align: center; transition: all 0.5s; border: 1px solid #08112a; margin-left: 28.18182%; margin-top: 3.18182%; }

.BlogComThreeBtn:hover { color: #E5472E; border-color: #E5472E; background: #fff; }

.proBg-gray { background-color: #f0f0f0; padding-top: 50px; margin-top: -50px; padding-bottom: 60px; }

.blog-txt { position: relative; color: #08112A; z-index: 0; text-align: center; }

.blog-txt:before { content: ""; position: absolute; right: 0; top: -80px; width: 627px; height: 341px; background: url(/public/newsimg/dot-blog.png) no-repeat; z-index: -1; }

.blog-txt h1 { font-family: "homestorebold"; font-size: 40px; line-height: 1.2; }

.blog-txt p { font-size: 16px; line-height: 36px; margin: 42px 0; }

.new-blog-txt { margin-top: 100px; }

.news-list { margin-top: 100px; margin-bottom: 70px; }

.news-list li { padding: 20px 22px; font-size: 0; background-color: #FFF; box-shadow: 0px 3px 21px 0px rgba(29, 94, 159, 0.13); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-bottom: 40px; position: relative; }

.news-list li:before { content: ''; display: block; width: 9px; height: 30px; background: #ff0000; position: absolute; right: 0; top: 0; }

.news-list li:after { content: ''; display: block; clear: both; }

.news-list li .list-news-left { display: inline-block; vertical-align: middle; width: 69%; padding-left: 42px; }

.news-list li .list-news-right { display: inline-block; vertical-align: middle; width: 30%; }

.news-list li .list-news-right a { display: block; overflow: hidden; }

.news-list li .list-news-right a img { width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.news-list li h3 a { display: block; color: #08112A; font-size: 26px; font-family: "homestorebold"; font-weight: normal; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.news-list li p { color: #5b5e64; margin-top: 32px; }

.news-list li p a { color: #5b5e64; font-size: 16px; line-height: 28px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news-list li span { color: #b5b8cf; font-size: 14px; display: block; margin-top: 16px; line-height: 20px; }

.news-list li:hover h3 a { color: #E5472E; }

.news-list li:hover .list-news-right a img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.list-show { margin-top: 100px; }

.solu-list li { overflow: hidden; background-color: #fff; border: 1px solid #A0A4AE; border-image: -webkit-linear-gradient(left, #FFFFFF 20%, #A0A4AE 100%) 1 10; border-image: -moz-linear-gradient(left, #FFFFFF 20%, #A0A4AE 100%) 1 10; border-image: -o-linear-gradient(left, #FFFFFF 20%, #A0A4AE 100%) 5 10; border-image: linear-gradient(to right, #FFFFFF 20%, #A0A4AE 100%) 1 10; position: relative; margin-bottom: 77px; }

.solu-list li .solu-pic { float: left; width: 400px; }

.solu-list li .solu-pic a { display: block; position: relative; padding-top: 120%; overflow: hidden; }

.solu-list li .solu-pic a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.solu-list li .solu-pic a:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

.solu-list li .solu-info { display: block; overflow: hidden; padding: 60px; }

.solu-list li .solu-info h3 a { display: block; color: #08112A; font-size: 30px; font-family: "homestorebold"; font-weight: normal; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.solu-list li .solu-info h3 a:hover { color: #E5472E; }

.solu-list li .solu-info p { color: #232227; font-size: 16px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 32px; }

.solu-list li .solu-info p span { color: #E5472E; }

.solu-list li .solu-info p img { margin-right: 8px; margin-top: -4px; }

.solu-list li .solu-info p.solu-font { height: 108px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal; }

.solu-list li .solu-info .solu-more { text-align: right; margin-top: 60px; }

.solu-list li .solu-info .solu-more .solu-link { position: absolute; bottom: 60px; left: 310px; }

.solu-list li .solu-info .solu-more .solu-link a { display: block; width: 180px; line-height: 42px; background-color: #E23418; border: 1px solid #E23418; text-align: center; color: #FFF; font-size: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: relative; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }

.solu-list li .solu-info .solu-more .solu-link a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.1, 1, 1); transform: scale3d(0.1, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.solu-list li .solu-info .solu-more .solu-link a:hover { color: #E23418; }

.solu-list li .solu-info .solu-more .solu-link a:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.solu-list li.solu-even { border-image: -webkit-linear-gradient(left, #A0A4AE 20%, #FFFFFF 100%) 1 10; border-image: -moz-linear-gradient(left, #A0A4AE 20%, #FFFFFF 100%) 1 10; border-image: -o-linear-gradient(left, #A0A4AE 20%, #FFFFFF 100%) 5 10; border-image: linear-gradient(to right, #A0A4AE 20%, #FFFFFF 100%) 1 10; }

.solu-list li.solu-even .solu-pic { float: right; }

.solu-list li.solu-even .solu-info .solu-more { text-align: left; }

.solu-list li.solu-even .solu-info .solu-more .solu-link { left: auto; right: 310px; }

.pro-route { margin-top: 46px; }

.pro-route img { max-width: 100%; height: auto; }

.prolist { margin-top: 100px; }

.prolist_part { width: 100%; background-color: #fff; padding: 26px 45px 30px; overflow: hidden; position: relative; float: left; margin-bottom: 60px; }

.prolist_part h2, .prolist_part h2 a { font-size: 24px; color: #232227; line-height: 50px; font-family: homestorebold; transition: all 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.prolist_part h2 img { height: 50px; float: left; margin-right: 14px; }

.prolist_part h2:hover, .prolist_part h2:hover a { color: #E5472E; }

.prolist_part .left { float: left; width: 600px; position: relative; z-index: 1; transition: all 0.3s; }

.prolist_part .subheading { margin-top: 10px; font-size: 16px; color: #808EB5; font-style: italic; line-height: 1.5em; padding-left: 5px; }

.prolist_part ul { padding-top: 10px; }

.prolist_part li { width: 50%; float: left; padding: 20px 20px 0 5px; }

.prolist_part li a { font-size: 16px; color: #333333; line-height: 2.1em; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; text-decoration: underline; font-family: homestorebold; transition: all 0.3s; }

.prolist_part .more { font-size: 14px; color: #999999; line-height: 2em; margin-top: 45px; display: block; margin-left: 5px; transition: all 0.3s; }

.prolist_part .rightone { width: 57.143%; max-height: 100%; position: absolute; right: 0; bottom: 0; text-align: center; transition: all 0.3s; }

.prolist_part .rightone img { max-width: 100%; }

.prolist_part li a:hover { color: #E5472E; transform: translateX(-5px); }

.prolist_part .more:hover { color: #E5472E; text-decoration: underline; }

.prolist_part_left { width: 48.6%; }

.prolist_part_right { width: 48.6%; margin-left: 2.8%; }

.prolist_part_right ul { width: 50%; float: left; }

.prolist_part_right li { width: 100%; }

.prolist_part_right .more { width: 100%; float: left; }

.prolist_part_mill .more { margin: 0; width: auto; float: right; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }

.prolist_part_mill .subheading { max-width: 660px; }

.prolist_part_mill li { width: auto; margin-right: 30px; }

.prolist_part .righttwo { width: 68.57%; max-height: 100%; position: absolute; right: 0; bottom: 0; }

.pro_related { border: 1px dashed #D9D9D9; padding: 18px 0; }

.pro_related li { float: left; margin-right: 55px; }

.pro_related li a { padding-left: 35px; position: relative; font-size: 16px; color: #232227; line-height: 2.2em; transition: all 0.3s; }

.pro_related li a:before { content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 19px; top: 0; bottom: 0; margin: auto; background-color: #E5472E; }

.pro_related li a:hover { color: #E5472E; text-decoration: underline; }

/**/
.prolist_secondary_h1 { background-color: #F0F0F0; padding-top: 42px; margin-top: -42px; position: relative; z-index: -1; text-align: center; font-size: 28px; color: #E5472E; font-family: homestorebold; line-height: 60px; }

.prolist_secondary_subtitle { background-color: #fafafa; padding: 26px 0; }

.prolist_secondary_subtitle p { max-width: 1170px; width: 96%; margin: auto; text-align: center; font-size: 16px; color: #3e3d41; line-height: 24px; }

.prolist_secondary_list { overflow: hidden; }

.prolist_secondary_list ul { width: 101.43%; margin-left: -1.43%; padding-top: 50px; }

.prolist_secondary_list li { width: 23.6%; margin: 0 0 30px  1.4%; float: left; transition: all 0.3s; }

.prolist_secondary_list .imgbox { width: 100%; display: block; overflow: hidden; border: 1px solid #f0f0f0; border-bottom: 0px; }

.prolist_secondary_list .imgbox img { width: 100%; transition: all 0.3s; }

.prolist_secondary_list .name { clear: both; }

.prolist_secondary_list .name a { clear: both; display: block; background: #f0f0f0; font-size: 16px; color: #08112A; line-height: 68px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; padding: 0px 10px; }

.prolist_secondary_list li:hover .imgbox img { transform: scale(1.1); }

.prolist_secondary_list li:hover .name a { background: #e5472e; color: #fff; }

.prolist_secondary_related { background-color: #F0F0F0; padding: 42px 0; }

.prolist_secondary_related li { position: relative; float: left; margin-right: 60px; transition: all 0.5s; overflow: hidden; }

.prolist_secondary_related li:before { content: ''; width: 20px; height: 100%; background: url(/public/newsimg/prolist_icon1.png) no-repeat left center; position: absolute; top: 0; left: -20px; transition: all 0.5s; }

.prolist_secondary_related li a { position: relative; transition: all 0.5s; font-size: 16px; color: #232227; line-height: 60px; }

.prolist_secondary_related li a:before { content: ''; width: 0%; height: 1px; position: absolute; right: 0; bottom: -1px; background-color: #E5472E; transition: all 0.5s; }

.prolist_secondary_related li:hover, .prolist_secondary_related li.active { padding-left: 20px; }

.prolist_secondary_related li:hover:before, .prolist_secondary_related li.active:before { left: 0; }

.prolist_secondary_related li:hover a, .prolist_secondary_related li.active a { color: #E5472E; }

.prolist_secondary_related li:hover a:before, .prolist_secondary_related li.active a:before { width: 100%; left: 0; }

.searchPageOne { padding-bottom: 50px; }

.searchPageOne h1 { clear: both; display: block; color: #08112a; font-size: 60px; line-height: 1.5; text-align: left; font-family: "homestorebold"; padding-top: 60px; padding-bottom: 40px; }

.searchPageOne .searchPageOneBom { clear: both; display: block; background: #f0f0f0; border: 1px solid #d2d1d1; padding: 30px 60px; overflow: hidden; }

.searchPageOne .searchPageOneBom .searchPageOneBomLeft { float: left; }

.searchPageOne .searchPageOneBom .searchPageOneBomLeft li { float: left; text-align: left; padding: 15px 30px 15px 0px; }

.searchPageOne .searchPageOneBom .searchPageOneBomLeft li span { clear: both; display: block; cursor: pointer; color: #08112a; font-size: 20px; line-height: 30px; font-family: "homestorebold"; background: url(/public/newsimg/BlogComIcon01.png) no-repeat left center; padding-left: 35px; }

.searchPageOne .searchPageOneBom .searchPageOneBomLeft li span:hover { background: url(/public/newsimg/BlogComIcon02.png) no-repeat left center; }

.searchPageOne .searchPageOneBom .searchPageOneBomLeft li.active span { background: url(/public/newsimg/BlogComIcon02.png) no-repeat left center; }

.searchPageOne .searchPageOneBom .searchPageOneBomRight { float: right; position: relative; padding-left: 60px; }

.searchPageOne .searchPageOneBom .searchPageOneBomRight:before { content: ''; position: absolute; left: 0px; top: 10px; bottom: 10px; width: 1px; background: #d2d1d1; }

.searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneInput { float: left; width: 550px; background: #fff; padding: 15px 20px; color: #acacac; font-size: 18px; line-height: 30px; }

.searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneBtn { float: left; background-image: url(/public/newsimg/searchicon02.png); background-position: center center; background-repeat: no-repeat; background-size: 21px; background-color: #e5472e; height: 60px; padding: 0px 50px; cursor: pointer; }

.searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneBtn:hover { opacity: 0.6; }

.searchPageTwo { clear: both; display: block; background: #f0f0f0; padding-top: 50px; padding-bottom: 100px; }

.searchPageTwo .searchPageTwoBom { clear: both; display: block; }

.searchPageTwo .searchPageTwoBom dl { display: none; }

.searchPageTwo .searchPageTwoBom dl .searchPageTwoTop { clear: both; display: block; text-align: left; border-bottom: 1px solid #d2d1d1; padding-bottom: 20px; margin-bottom: 50px; }

.searchPageTwo .searchPageTwoBom dl .searchPageTwoTop span { font-size: 16px; color: #646a7c; }

.searchPageTwo .searchPageTwoBom dl .searchPageTwoTop span font { display: inline-block; padding-left: 5px; padding-right: 5px; }

.searchPageTwo .searchPageTwoBom dl .searchPageTwoTop span b { color: #08112a; }

.searchPageTwo .searchPageTwoBom dl dd { clear: both; display: block; background: #fff; padding: 35px 26px; margin-bottom: 1.81818%; box-shadow: 0px 0px 10px #f1f1f1; }

.searchPageTwo .searchPageTwoBom dl dd em, .searchPageTwo .searchPageTwoBom dl dd i { font-style: initial; }

.searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomPic { float: left; max-width: 47.32824%; overflow: hidden; margin-right: 25px; }

.searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomPic img { width: 100%; transition: all 0.5s; }

.searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 28px; text-align: left; line-height: 36px; color: #08112a; font-family: "homestorebold"; margin-bottom: 25px; }

.searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit:hover { text-decoration: underline; }

.searchPageTwo .searchPageTwoBom dl dd p { color: #646a7c; font-size: 18px; line-height: 36px; text-align: left; }

.searchPageTwo .searchPageTwoBom dl.active { display: block; }

.searchPageTwo .searchNone { clear: both; padding-top: 30px; padding-bottom: 50px; }

.searchPageTwo .searchNone .searchNoneOne { clear: both; text-align: center; color: #646a7c; font-size: 18px; line-height: 30px; font-family: "renebieder"; padding-bottom: 100px; }

.searchPageTwo .searchNone .searchNoneTwo { clear: both; color: #08112a; font-size: 30px; font-weight: bold; text-align: left; font-family: "homestorebold"; }

.show-good { margin-top: 90px; }

.show-good .good-base { width: 92%; background-color: #FFF; -webkit-box-shadow: 0 5px 15px rgba(12, 25, 54, 0.4); -moz-box-shadow: 0 5px 15px rgba(12, 25, 54, 0.4); -ms-box-shadow: 0 5px 15px rgba(12, 25, 54, 0.4); -o-box-shadow: 0 5px 15px rgba(12, 25, 54, 0.4); box-shadow: 0 5px 15px rgba(12, 25, 54, 0.4); position: relative; position: relative; z-index: 0; padding: 120px 13% 140px; text-align: center; overflow: hidden; }

.show-good .good-base:before, .show-good .good-base:after { content: ""; position: absolute; top: 0; height: 100%; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; z-index: -1; }

.show-good .good-base:before { left: 0; width: 432px; background-image: url(/public/newsimg/good-line01.png); }

.show-good .good-base:after { right: 0; width: 303px; background-image: url(/public/newsimg/good-line02.png); }

.show-good .good-base strong { display: block; color: #08112A; font-family: "homestorebold"; font-size: 40px; line-height: 48px; font-weight: normal; padding: 0 !important; margin-bottom: 0; }

.show-good .good-base strong:before { display: none; }

.show-good .good-base p { color: #383E45; font-size: 20px; line-height: 36px; margin-top: 36px; }

.show-good .good-con { background-color: #F7F7F7; padding: 230px 30px 0; margin-top: -230px; }

.show-good .good-con ul { padding: 150px 0; }

.show-good .good-con ul li { float: left; width: 25.3%; margin: 0 4%; text-align: center; }

.show-good .good-con ul li img { width: 74px; height: auto; }

.show-good .good-con ul li p { color: #08112A; font-size: 20px; line-height: 40px; margin-top: 40px; }

.pro_ban { margin-top: 24px; position: relative; }

.pro_ban .left { width: 48.57%; float: left; }

.pro_ban .right { width: 46.4%; float: right; }

.pro_ban .right h1 { font-size: 40px; color: #090F29; font-family: homestorebold; line-height: 1.1em; font-weight: bold; }

.pro_ban .right .p_text { margin-top: 25px; font-size: 16px; line-height: 1.75em; color: #666666; min-height: 5.25em; position: relative; z-index: 1; }

.pro_ban .right .pro_ban_by { font-size: 30px; font-family: renebieder; line-height: 1.2em; margin-top: 20px; }

.pro_ban .right .pro_ban_btn { width: 100%; padding-top: 20px; }

.pro_ban .right .pro_ban_btn li { width: 40%; float: left; margin: 23px 3.1% 0 0; }

.pro_ban .right .pro_ban_btn li a { white-space: nowrap; display: block; width: 100%; padding-left: 32%; border-radius: 25px; font-size: 16px; line-height: 44px; overflow: hidden; position: relative; z-index: 1; transition: all 0.3s; }

.pro_ban .right .pro_ban_btn li a:hover { transform: scale(1.05); }

.pro_ban .right .pro_ban_btn li a img { float: left; margin: 7px 0 0 -35px; }

.pro_ban .right .pro_ban_btn .btn1 { border: 1px solid #CDD9FC; color: #3C67C3; background: linear-gradient(0deg, #d8e3fe, #dbe5ff, #ebf1ff); box-shadow: 0px 3px 0px 0px rgba(28, 94, 255, 0.2); }

.pro_ban .right .pro_ban_btn .btn2 { color: #fff; background: linear-gradient(0deg, #f66506, #ffa365); border: 1px solid #d65e29; box-shadow: 0px 3px 0px 0px rgba(214, 94, 41, 0.31); border-radius: 23px; }

.pro_ban .right .pro_ban_yx { vertical-align: middle; font-size: 14px; color: #E5472E; font-style: italic; line-height: 1.5em; margin-top: 40px; padding-left: 3px; }

.pro_ban .right .pro_ban_yx a { color: #E5472E; position: relative; margin: 0 10px; border-bottom: 2px solid #efaea7; }

.pro_ban .right .pro_ban_yx img { height: 12px; }

.pro_ban .right .pro_ban_mao { width: 100%; margin-top: 15px; padding: 10px 15px; border: 1px solid #bbcef0; position: relative; }

.pro_ban .right .pro_ban_mao::before, .pro_ban .right .pro_ban_mao .pro_ban_maobox::before { content: ''; width: 30px; height: 30px; border-radius: 50%; border: 1px solid transparent; border-bottom-color: #bbcef0; position: absolute; background-color: #fff; }

.pro_ban .right .pro_ban_mao::before { left: -15px; top: -15px; top: -15px; transform: rotate(-45deg); }

.pro_ban .right .pro_ban_mao .pro_ban_maobox { display: none; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox::before { right: -15px; top: -15px; transform: rotate(45deg); }

.pro_ban .right .pro_ban_mao .pro_ban_maobox img { max-height: 86px; display: flex; margin-right: 6px; float: left; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox p { padding: 5px 0; font-size: 16px; color: #333333; font-weight: bold; line-height: 20px; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox p span { color: #E5472E; display: inline-block; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .box { float: left; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .box div { display: none; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .box div.active { display: block; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .tishi { display: flex; align-items: center; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .tishi p { max-width: 400px; color: #E5472E; float: left; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox:nth-child(1) .xh img { transform: scale(0.7); }

.pro_ban .right .pro_ban_mao .pro_ban_maobox:nth-child(2) .xh img { transform: scale(0.85); }

.pro_ban .right .pro_ban_mao .pro_ban_maobox:nth-child(3) .xh img { transform: scale(1); }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .xh { float: left; display: flex; align-items: center; width: 53.8%; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .xh::before { content: ''; width: 30px; height: 30px; border-radius: 50%; border: 1px solid transparent; border-bottom-color: #bbcef0; position: absolute; background-color: #fff; left: -15px; bottom: -15px; transform: rotate(-135deg); }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .cl { float: left; display: flex; align-items: center; width: 46.2%; }

.pro_ban .right .pro_ban_mao .pro_ban_maobox .cl::before { content: ''; width: 30px; height: 30px; border-radius: 50%; border: 1px solid transparent; border-bottom-color: #bbcef0; position: absolute; background-color: #fff; right: -15px; bottom: -15px; transform: rotate(135deg); }

.pro_ban .right .pro_ban_csxz { width: 100%; margin-top: 15px; position: relative; }

.pro_ban .right .pro_ban_csxz > div { position: relative; width: 77%; height: 40px; float: left; }

.pro_ban .right .pro_ban_csxz > div span { z-index: 1; content: ''; width: 20px; height: 100%; border-radius: 20px; background: #BBCEF0; cursor: pointer; background: #3C67C3 url(../newsimg/prode_arrow.png) no-repeat center center; background-size: 6px auto; position: absolute; left: 6%; top: 0; transform: translateX(-50%); }

.pro_ban .right .pro_ban_csxz > div ul li { position: absolute; top: 0; transform: translateX(-50%); }

.pro_ban .right .pro_ban_csxz > div ul li:nth-child(1) { left: 6%; }

.pro_ban .right .pro_ban_csxz > div ul li:nth-child(2) { left: 50%; }

.pro_ban .right .pro_ban_csxz > div ul li:nth-child(3) { left: 94%; }

.pro_ban .right .pro_ban_csxz > div ul.pro_ban_sider { position: relative; width: 100%; height: 100%; text-align: center; background: url(/public/newsimg/prode_bg1.jpg) no-repeat center center; background-size: 100% 70%; }

.pro_ban .right .pro_ban_csxz > div ul.pro_ban_sider li { display: block; width: 20px; height: 100%; margin: auto; border-radius: 20px; background: #BBCEF0; cursor: pointer; }

.pro_ban .right .pro_ban_csxz > div ul.pro_ban_siderT { width: 100%; position: relative; margin-top: 10px; }

.pro_ban .right .pro_ban_csxz > div ul.pro_ban_siderT li { font-size: 14px; color: #999999; line-height: 1em; white-space: nowrap; cursor: pointer; }

.pro_ban .right .pro_ban_csxz > div ul.pro_ban_siderT li.active { color: #3C67C3; }

.pro_ban .right .pro_ban_csxz .btn { width: 120px; height: 40px; border-radius: 20px; background: #E5472E; position: absolute; top: 0; right: 0; display: block; font-size: 14px; line-height: 40px; color: #fff; font-family: homestorebold; text-align: center; transition: all 0.3s; z-index: 1; }

.pro_ban .right .pro_ban_csxz .btn::before { content: ''; width: 0px; height: 120%; box-shadow: 0 0 10px 20px rgba(255, 255, 255, 0.2); position: absolute; left: -10%; top: -10%; transition: all 0.3s; transform: skew(-10deg); z-index: -1; }

.pro_ban .right .pro_ban_csxz .btn:hover { box-shadow: 0 0 10px #c52e15 inset; background-color: #dc3a20; color: #fff; transform: scale(0.99); }

.pro_ban .right .pro_ban_csxz .btn:hover::before { left: 110%; }

.pro_ban .right .pdf { font-size: 14px; color: #3C67C3; line-height: 26px; margin-top: 1em; display: block; }

.pro_ban .right .pdf img { height: 100%; float: left; margin-right: 13px; height: 26px; }

/**/
.prode_lc { width: 100%; max-width: 1920px; margin: 90px auto 0; padding: 0 40px; background: url(/public/newsimg/prode_lcbg1.jpg) no-repeat center top; background-size: cover; }

.prode_lc_warp { max-width: 1425px; margin: auto; height: 350px; padding-top: 76px; }

.prode_lc .top { width: 100%; }

.prode_lc .top div { width: 11.11%; float: left; text-align: center; white-space: nowrap; }

.prode_lc .top div.active { animation: bounce 1.2s linear; }

.prode_lc .top img { display: block; width: 50px; margin: auto; transition: all 0.5s; }

.prode_lc .top p { font-size: 14px; line-height: 18px; margin-top: 6px; font-family: renebieder; }

.prode_lc .top div:nth-child(1) p, .prode_lc .top div:nth-child(2) p, .prode_lc .top div:nth-child(3) p { color: #FBB177; }

.prode_lc .top div:nth-child(4) p, .prode_lc .top div:nth-child(5) p, .prode_lc .top div:nth-child(6) p { color: #33BB8A; }

.prode_lc .top div:nth-child(7) p, .prode_lc .top div:nth-child(8) p, .prode_lc .top div:nth-child(9) p { color: #FD6A52; }

.prode_lc_bar { width: 100%; height: 44px; background: url(/public/newsimg/prode_lcbg2.jpg) no-repeat; background-size: 100% 100%; margin-top: 25px; position: relative; overflow: hidden; }

.prode_lc_bar::before { content: ''; width: 37px; height: 100%; background: url(/public/newsimg/prode_lcbg3.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 32.2%; }

.prode_lc_bar::after { content: ''; width: 37px; height: 100%; background: url(/public/newsimg/prode_lcbg4.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 66.3%; }

.prode_lc_bar p { width: 33.33%; float: left; font-size: 16px; color: #fff; line-height: 44px; font-family: homestorebold; padding-left: 40px; }

.prode_lc_bar p:nth-child(1) { background: url(/public/newsimg/prode_lcbg5.png) no-repeat 6.3% center; background-size: auto 100%; animation: prode_lcbg1 3s linear infinite; }

.prode_lc_bar p:nth-child(2) { background: url(/public/newsimg/prode_lcbg6.png) no-repeat 6.3% center; background-size: auto 100%; animation: prode_lcbg2 3s linear infinite; }

.prode_lc_bar p:nth-child(3) { background: url(/public/newsimg/prode_lcbg7.png) no-repeat 6.3% center; background-size: auto 100%; animation: prode_lcbg3 3s linear infinite; }

.prode_lc_text { width: 100%; font-size: 16px; line-height: 20px; color: #fff; text-align: center; margin-top: 40px; font-family: renebieder; font-style: italic; }

/**/
.main-show { margin-top: 100px; position: relative; }

/**/
.main-side { float: right; width: 30%; padding-right: 10px; position: relative; }

.main-side.news-side { margin-top: 0; }

/**/
.side-products { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.11); padding: 25px 21px; margin-bottom: 20px; }

.side-products strong { color: #08112A; font-size: 20px; line-height: 26px; font-family: "homestorebold"; display: inline-block; }

.side-products strong + p { margin-top: 5px; }

.side-products p { font-size: 14px; line-height: 20px; padding: 8px 0; padding-left: 1.6em; position: relative; }

.side-products p a { color: #32394B; }

.side-products p::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #E5472E; position: absolute; left: 8px; top: 15px; }

.side-products p a:hover { color: #E5472E; text-decoration: underline; }

/**/
.main-side.active .side-auto { position: fixed; top: 15px; width: 30%; max-width: 410px; }

.main-side .side-auto { position: relative; display: none; }

.main-side .side-auto .side-nav { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.11); padding: 25px 21px; margin-bottom: 20px; width: 100%; }

.main-side .side-auto .side-nav strong { color: #08112A; font-size: 20px; line-height: 26px; font-family: "homestorebold"; display: inline-block; }

.main-side .side-auto .side-nav .side-con { position: relative; margin-top: 20px; padding-top: 16px; }

.main-side .side-auto .side-nav .side-con:before { content: ""; position: absolute; left: 6px; top: 0; width: 10px; height: 10px; background-color: #FFF; border: 2px solid #D1D1D1; -webkit-border-radius: 10px; border-radius: 10px; z-index: 2; }

.main-side .side-auto .side-nav .side-con:after { content: ""; position: absolute; left: 6px; bottom: 0; width: 10px; height: 10px; background-color: #FFF; border: 2px solid #D1D1D1; -webkit-border-radius: 10px; border-radius: 10px; z-index: 2; }

.main-side .side-auto .side-nav .side-con ol { padding-left: 12px; z-index: 1; overflow: hidden; }

.main-side .side-auto .side-nav .side-con ol:before { content: ""; position: absolute; left: 10px; top: 0; width: 1px; height: 100%; background-color: #d0d0d0; }

.main-side .side-auto .side-nav .side-con ol ol:before { display: none; }

.main-side .side-auto .side-nav .side-con ol li { position: relative; padding-left: 15px; }

.main-side .side-auto .side-nav .side-con ol li:after { content: ""; position: absolute; left: -5px; top: 7px; width: 8px; height: 8px; background-color: #d0d0d0; border: 1px solid #FFF; -webkit-border-radius: 10px; border-radius: 10px; }

.main-side .side-auto .side-nav .side-con ol li a { color: #d0d0d0; font-size: 14px; line-height: 20px; margin-bottom: 12px; display: block; font-weight: normal; font-family: "微软雅黑"; }

.main-side .side-auto .side-nav .side-con ol li a:before { display: none; }

.main-side .side-auto .side-nav .side-con ol li.is-active-li:after { content: ""; display: inline-block; position: absolute; top: 4px; left: -12px; background: url(/public/newsimg/side-on.png) no-repeat; background-size: 100%; width: 24px; height: 17px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.main-side .side-auto .side-nav .side-con .toc-link:hover { color: #646A7C; }

.main-side .side-auto .side-nav .side-con .is-active-link { color: #646A7C; }

.main-con { float: left; width: 63%; }

.con-show { clear: both; display: block; color: #25272E; font-size: 18px; line-height: 30px; }

.con-show a { color: #778ECD; display: inline-block; padding: 0 4px; max-width: 100%; word-wrap: break-word; }

.con-show a[name] { display: block; }

.con-show a:hover { text-decoration: underline; }

.con-show h1, .con-show h2, .con-show h3, .con-show h4 { color: #25272E; font-family: "renebiederblod",Arial,sans-serif; }

.con-show h1 { font-family: "homestorebold"; font-size: 38px; margin-top: 0; line-height: 1.3em; margin-bottom: 24px; color: #25272E; }

.con-show h2 { font-size: 28px; margin: 2.5em 0 1em; line-height: 1.2em; }

.con-show h3 { font-size: 22px; margin: 2em 0 0.8em; line-height: 1.2em; }

.con-show h3 a { color: #25272E; }

.con-show h3 a:hover { color: #E5472E; }

.con-show h3 > img { height: 50px !important; margin-top: -25px !important; }

.con-show h4 { font-size: 22px; position: relative; font-family: "homestorebold"; font-weight: normal; margin: 1.7em 0 0.5em; line-height: 1.5em; }

.con-show p { margin: 1.8em 0; }

.showStrong { font-size: 20px; }

.showStrong img { height: 50px; width: auto; }

.con-show p img, .con-show p video { height: auto; }

.con-show iframe { max-width: 100%; }

.con-show h2 + p, .con-show h3 + p { margin-top: 1em; }

.con-show p + ol, .con-show p + ul { margin-top: -1em; }

.con-show p[style] + p[style="text-align:center;"] { margin-top: -10px; line-height: 1.3em; font-family: "renebieder"; margin-bottom: 48px; }

.con-show p[style="text-align:center;"] { margin-top: 0; }

.con-show ul, .con-show ol { padding-left: 30px; padding-bottom: 15px; }

.con-show ul li, .con-show ol li { padding: 9px 0; }

.con-show ul li a { display: initial; }

.table_tit_p { margin-bottom: -1.4em !important; font-weight: bold; color: #4E71B1; }

/**/
.con-show .show-list + h2 { margin-top: 2em; }

.con-show h2 + .show-list { margin-top: -10px; }

.con-show .show-list + h3 { margin-top: 0.8em; }

.con-show .show-list { padding-left: 0; }

.con-show .show-list li { position: relative; padding-left: 58px !important; }

.con-show .show-list li::before { content: ''; width: 6px; height: 6px; box-sizing: border-box; background: #7E8187; position: absolute; left: 40px; top: 19px; border-radius: 50%; }

.con-show .show-list.textbox li::before { left: 10px; }

/**/
.con-show .show-order + h2 { margin-top: 2em; }

.con-show h2 + .show-order { margin-top: -10px; }

.con-show .show-order + h3 { margin-top: 0.8em; }

.con-show .show-order { padding-left: 0; }

.con-show .show-order li { padding-left: 58px !important; position: relative; }

.con-show .show-order li span { display: inline-block; color: #646A7C; font-size: 12px; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #f7f7f7; -webkit-border-radius: 4px; border-radius: 4px; vertical-align: middle; font-weight: bold; font-family: "renebieder"; position: absolute; left: 30px; top: 14px; }

.con-show .show-order.textbox li span { left: 3px; }

/**/
.con-show .metalC { padding-left: 60px; padding-bottom: 15px; }

.con-show .metalC li { list-style: outside; }

.con-show .metalC strong { display: block; color: #E5472E; }

.con-show .metalC img { display: block; margin: auto; margin-top: 2em; }

.con-show .metalC p strong { position: relative; }

.con-show .metalC p strong:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #515155; position: absolute; left: -15px; top: 0; bottom: 0; margin: auto; }

/**/
.con-show .show-key { background-color: #f4fcff; margin: 2em 0; border: 1px dashed #bfebfb; }

.con-show .show-key > p:first-child { margin-top: 0.2em; }

.con-show .show-key > p:last-child { margin-bottom: 0.2em; }

/**/
.con-show table { color: #4E71B1; border-collapse: collapse; width: 100%; }

.con-show table thead tr:nth-child(1) { border-radius: 10px 10px 0px 0px; overflow: hidden; }

.con-show table thead tr th { padding: 22px 20px; font-size: 30px; line-height: 1.5; }

.con-show table tr:nth-child(1), .table-tit { background: #4E71B1 !important; font-weight: bold; color: #fff; }

.con-show table tr td { border: 1px solid #BBCEF0; }

.con-show table tr td p { margin: 0; }

/*正文按钮样式*/
.con-show a.con_tab_swt { display: inline-block; vertical-align: middle; height: 38px; line-height: 36px; border-radius: 20px; border: 1px solid #FD8480; padding: 0 15px 0 18px; background: linear-gradient(to right, #213272, #2F62BB); color: #fff; background-size: 100% 100%; white-space: nowrap; margin-top: 3px; font-size: 14px; }

.con-show a.con_tab_swt::before { content: ''; width: 19px; height: 19px; background: url(/public/newsimg/con_tab_swt1.png) no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -1px; }

/**/
.con_blog { position: relative; line-height: 1.3em; margin: 50px auto; font-size: 16px; }

.con_blog::before { display: none; }

.con_blog header { color: #515155; font-weight: bold; display: block; }

.con_blog ul { padding-left: 0 !important; padding-top: 15px; }

.con_blog ul li { padding: 8px 0; }

.con_blog a { padding-left: 14px; position: relative; font-size: 14px; color: #68a3ec; text-decoration: none; }

.con_blog a::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #68a3ec; position: absolute; left: 0; top: 5px; }

.con_blog a:hover { text-decoration: underline; }

.pro-data { margin-bottom: 40px; }

.pro-data table { margin: 0 auto 20px; width: 100%; }

.pro-data table td { font-size: 14px; padding: 15px 4px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/**/
.data-tab { margin-bottom: 30px; }

.data-tab ul { overflow: hidden; padding-left: 0 !important; }

.data-tab ul li { float: left; font-size: 20px; color: #474E64; cursor: pointer; margin-right: 30px; }

.data-tab ul li:after { content: ''; display: inline-block; vertical-align: middle; width: 9px; height: 15px; background: url(/public/newsimg/data-line.png) no-repeat left center; margin-left: 20px; }

.data-tab ul li:last-child:after { display: none; }

.data-tab ul li:last-child { border-right: none; }

.data-tab ul li:hover { color: #E5472E; }

.data-tab ul li.cur { color: #E5472E; font-weight: bold; background: url(/public/newsimg/data-icon.png) no-repeat left center; padding-left: 30px; }

.dn { display: none; }

.pc-param, .mo-param { width: 100%; overflow-x: auto; }

.mo-param { display: none; }

.pc-param table, .mo-param table { margin-bottom: 20px; background-color: #FFF; cursor: pointer; }

.pc-param table tr:nth-child(1), .mo-param table tr:nth-child(1) { background-color: #d9edf6; }

.pc-param::-webkit-scrollbar, .mo-param::-webkit-scrollbar { height: 8px; }

.pc-param::-webkit-scrollbar-thumb, .mo-param::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #E5472E; }

.pc-param::-webkit-scrollbar-track, .mo-param::-webkit-scrollbar-track { border-radius: 8px; background: #C3D9F3; }

/**/
.drag_box { padding-left: 45px; background: url(/public/newsimg/drag_bg1.gif) no-repeat left center; background-size: 38px auto; margin-bottom: -20px !important; font-size: 14px; }

.data-con .drag_box { margin-bottom: 6px !important; }

/**/
.data-show { width: 100%; overflow-x: auto; margin: 2em 0; }

.data-show::-webkit-scrollbar { height: 8px; }

.data-show::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #E5472E; }

.data-show::-webkit-scrollbar-track { border-radius: 8px; background: #C3D9F3; }

.data-show table { margin-bottom: 20px; background-color: #FFF; cursor: pointer; }

.data-show table tr:nth-child(1) { background-color: #d9edf6; }

.con-table { margin-bottom: 20px; background-color: #FFF; }

.con-table td, .con-table th { padding: 15px; word-break: keep-all; }

.pro-show { padding-top: 156px; min-height: 730px; background: url(/public/newsimg/bg-pro.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }

.base-pic { float: left; width: 48.6%; margin-top: 66px; }

.base-pic .pic-con { position: relative; padding-top: 61.8%; }

.base-pic .pic-con img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.base-pic .pic-txt { margin: 40px 0; }

.base-pic .pic-txt p { margin-top: 20px; color: #D5E3FE; font-size: 16px; line-height: 1.1; }

.base-pic .pic-txt p.pic-txt02 { margin-left: 18%; }

.base-pic .pic-txt p.pic-txt03 { margin-left: 36%; }

.base-pic .pic-txt p strong { color: #E5472E; font-size: 30px; margin-right: 20px; }

.base-pic .pic-txt p strong sub { font-size: 20px; position: relative; bottom: 7px; }

.pro-base .base-info { position: relative; padding-bottom: 120px; margin-bottom: 66px; float: right; width: 46.6%; background: url(/public/newsimg/pro-bg.png) no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; z-index: 0; min-height: 720px; }

.pro-base .base-info:before { content: ""; position: absolute; right: 0; top: 0; width: 620px; height: 395px; background: url(/public/newsimg/dot-pro.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1; }

.pro-base .base-info .info-con { width: 60%; margin-left: 16%; padding: 36px 0; }

.pro-base .base-info .info-con h1 { color: #08112A; font-family: "homestorebold"; font-size: 46px; line-height: 1.3; margin-bottom: 20px; }

.pro-base .base-info .info-con p { color: #08112A; font-size: 16px; line-height: 36px; }

.pro-base .base-info .info-con p span { color: #DF2612; text-transform: capitalize; }

.pro-base .base-info .info-con .con-cs { margin: 30px 0; }

.pro-base .base-info .info-con .con-cs p { font-size: 20px; margin: 10px 0; }

.pro-base .base-info .info-con .con-cs p img { margin-top: -4px; margin-right: 12px; }

.pro-base .base-info .info-con .con-cs p span { color: #E5472E; }

.pro-base .base-info.base-case .base-btn { bottom: 66px; }

.pro-base .base-info .base-btn { position: absolute; bottom: 36px; left: -30px; }

.pro-base .base-info .base-btn .btn-link { float: left; width: 250px; }

.pro-base .base-info .base-btn .btn-link a { display: block; width: 100%; line-height: 80px; text-align: center; color: #FFF; font-size: 20px; background-color: #ED5F47; background: -webkit-linear-gradient(left, #DA251D 0%, #ED5F47 100%); background: -moz-linear-gradient(left, #DA251D 0%, #ED5F47 100%); background: -ms-linear-gradient(left, #DA251D 0%, #ED5F47 100%); background: -o-linear-gradient(left, #DA251D 0%, #ED5F47 100%); background: linear-gradient(to right, #DA251D 0%, #ED5F47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#DA251D, endColorstr=#ED5F47, GradientType=1 ); -webkit-box-shadow: 0 8px 10px rgba(228, 0, 52, 0.15); -moz-box-shadow: 0 8px 10px rgba(228, 0, 52, 0.15); -ms-box-shadow: 0 8px 10px rgba(228, 0, 52, 0.15); -o-box-shadow: 0 8px 10px rgba(228, 0, 52, 0.15); box-shadow: 0 8px 10px rgba(228, 0, 52, 0.15); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.pro-base .base-info .base-btn .btn-link a:hover { background: -webkit-linear-gradient(left, #ED5F47 0%, #DA251D 100%); background: -moz-linear-gradient(left, #ED5F47 0%, #DA251D 100%); background: -ms-linear-gradient(left, #ED5F47 0%, #DA251D 100%); background: -o-linear-gradient(left, #ED5F47 0%, #DA251D 100%); background: linear-gradient(to right, #ED5F47 0%, #DA251D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ED5F47, endColorstr=#DA251D, GradientType=1 ); font-size: 22px; }

.pro-base .base-info .base-btn .btn-font { float: left; position: relative; padding-left: 36px; color: #08112A; font-size: 16px; line-height: 36px; margin-left: 46px; }

.pro-base .base-info .base-btn .btn-font:before { content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin-top: -6px; border: 1px solid #1A1D40; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.pro-base .base-info .base-btn .btn-font a { color: #08112A; text-decoration: underline; }

.pro-base .base-info .base-btn .btn-font a:hover { text-decoration: none; color: #DA251D; }

.con-name { margin-bottom: 55px; }

.con-name h1 { font-size: 38px; margin-top: 0; line-height: 1.3em; margin-bottom: 24px; color: #25272E; font-family: "renebiederblod",Arial,sans-serif; }

.blogname.con-name { clear: both; display: block; width: 63%; margin-bottom: 30px; }

.blogname.con-name h1 { font-family: "homestorebold"; }

.name-show { clear: both; display: block; overflow: hidden; }

.name-show span { /*float:left;*/ background: #f0f1f6; line-height: 25px; padding: 5px 10px; color: #72747e; font-size: 16px; margin-right: 10px; }

.name-show a { color: #72747e; text-decoration: none; }

.name-show a:hover { color: #E5472E; }

.con-show h2, .con-show h3, .con-show h4 { outline: none; }

.canshu span { color: #E5472E; }

/*博客作者*/
.blog-author { background-color: #FFF; -webkit-box-shadow: 1px 1px 15px rgba(115, 155, 255, 0.5); -moz-box-shadow: 1px 1px 15px rgba(115, 155, 255, 0.5); -ms-box-shadow: 1px 1px 15px rgba(115, 155, 255, 0.5); -o-box-shadow: 1px 1px 15px rgba(115, 155, 255, 0.5); box-shadow: 1px 1px 15px rgba(115, 155, 255, 0.5); margin: 70px 0; padding: 50px; }

.author-pic { float: left; width: 120px; height: auto; margin-right: 40px; }

.author-pic img { width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.author-txt { display: block; overflow: hidden; color: #222B34; line-height: 1.4; font-size: 16px; }

.author-txt strong { display: block; font-size: 22px; padding: 0 !important; margin-bottom: 0; }

.author-txt strong:before { display: none; }

.author-txt span { display: block; color: #474E64; font-size: 16px; line-height: 36px; margin-top: 20px; }

.youtube { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; }

.youtube img { width: 100%; top: -16.84%; left: 0; opacity: 0.7; }

.youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); z-index: 1; opacity: 0.8; border-radius: 6px; }

.youtube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; }

.youtube img, .youtube .play-button { cursor: pointer; }

.youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; }

.youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); }

.youtube iframe { height: 100%; width: 100%; top: 0; left: 0; }

.error { text-align: center; margin: 120px auto; }

.error img { max-width: 92%; }

.show-btn { font-size: 0; margin-top: -60px; margin-left: -40px; }

.show-btn a, .show-btn span { font-size: 20px; width: 230px; line-height: 70px; margin: 0 10px; }

.show-btn a.btn-cont, .show-btn span.btn-cont { background-color: #DE3F24; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.btn-cont:before, .btn-cont:after { background: #FFF; }

.show-btn a.btn-cont:hover, .show-btn span.btn-cont:hover { color: #DE3F24; }

.submit-con { width: 66%; margin: 100px auto; text-align: center; padding: 30px 10% 100px; background-color: #FFF; -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1); }

.submit-con img { width: 140px; height: auto; }

.submit-con p { color: #08112A; font-size: 24px; line-height: 36px; margin-top: 40px; }

.submit-con .show-btn { margin-top: 40px; margin-left: 0; }

.submit-con .btn-more { border-width: 2px; }

/*添加小样式 改版勿删*/
/*详情页侧边固定导航*/
.toc { overflow-y: auto; }

.toc > .toc-list { overflow: hidden; position: relative; }

.toc > .toc-list li { list-style: none; }

.toc-list { margin: 0; padding-left: 10px; }

a.toc-link { color: currentColor; height: 100%; }

.is-collapsible { max-height: 1000px; overflow: hidden; transition: all 300ms ease-in-out; }

.is-collapsed { max-height: 0; }

.is-position-fixed { position: fixed !important; top: 0; }

.is-active-link { font-weight: 700; }

.toc-link::before { background-color: #EEE; content: ' '; display: inline-block; height: inherit; left: 0; margin-top: -1px; position: absolute; width: 2px; }

.is-active-link::before { background-color: #54BC4B; }

/*table溢出隐藏*/
#tabledrag table { position: relative; }

#tabledrag table::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#tabledrag tr:nth-child(1) { position: relative; }

/**/
.show-listPicOne { clear: both; display: block; overflow: hidden; padding-left: 0px !important; padding-bottom: 0px !important; }

.show-listPicOne li { float: left; margin-left: 6.25%; width: 25%; text-align: center; }

.show-listPicOne li img { clear: both; display: block; width: 100%; border-radius: 20px; overflow: hidden; border: 1px solid #051d37; margin-bottom: 20px; }

/*详情页小样式start*/
.list_style { padding-left: 27px; position: relative; }

.list_style::before { content: ''; width: 6px; height: 6px; box-sizing: border-box; border: 1px solid #6177da; position: absolute; left: 8px; top: 12px; border-radius: 50%; }

.order_step_style { padding-left: 50px; position: relative; }

.order_step_style span { display: block; font-size: 12px; width: 45px; height: 18px; text-align: center; line-height: 18px; background-color: #f7f7f7; -webkit-border-radius: 4px; border-radius: 4px; font-weight: bold; font-family: renebieder; position: absolute; left: 0; top: 5px; }

.order_num_style { padding-left: 28px; position: relative; }

.order_num_style span { display: block; font-size: 12px; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #f7f7f7; -webkit-border-radius: 4px; border-radius: 4px; font-weight: bold; font-family: renebieder; position: absolute; left: 0; top: 5px; }

/*浮选法常见10大问题及解决办法 blog/10-common-problems-in-the-flotation-process.html start*/
.tenMajorProSol { clear: both; display: block; width: 100%; }

.tenMajorProSol .tenMajorProSolTop { clear: both; display: block; width: 100%; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_user { position: relative; padding-left: 106px; margin: 1.5em 0; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_factory { position: relative; padding-right: 106px; margin: 1.5em 0; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_factory p, .tenMajorProSol .tenMajorProSolTop .tenMajorProSol_user p { color: #5b5e64; padding: 20px 25px; position: relative; margin: 0em 0; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_user p { border-radius: 0px 20px 20px 20px; background: #b5d1ff; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_factory p { border-radius: 20px 0px 20px 20px; background: #e8f0fc; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_factory p:before, .tenMajorProSol .tenMajorProSolTop .tenMajorProSol_user p:before { content: ''; position: absolute; top: 0px; width: 0px; height: 0px; border-top: 0px; border-bottom: 20px solid transparent; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_factory p:before { right: -20px; border-left: 20px solid #e8f0fd; border-right: 0; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_user p:before { left: -20px; border-right: 20px solid #b5d1ff; border-left: 0; }

.tenMajorProSol .tenMajorProSolTop .tx { width: 85px; height: 85px; background: #000; border-radius: 50%; position: absolute; top: 0px; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_user .tx { left: 0px; background: url(/public/newsimg/tenMajorProSolPic01.jpg) no-repeat; background-size: 100% 100%; }

.tenMajorProSol .tenMajorProSolTop .tenMajorProSol_factory .tx { right: 0px; background: url(/public/newsimg/tenMajorProSolPic02.jpg) no-repeat; background-size: 100% 100%; }

.tenMajorProSolMid { clear: both; display: block; }

.tenMajorProSolMid img { clear: both; display: block; width: 100%; }

.tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomTit { position: relative; color: #1f2e6c; font-size: 28px; line-height: 40px; padding: 6px 0px 6px 28px; border-top: 4px solid #b5d1ff; border-bottom: 4px solid #b5d1ff; margin-left: 37px; cursor: pointer; padding-right: 20px; }

.tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomTit:before { content: ''; position: absolute; left: -37px; top: -9px; width: 52px; height: 70px; display: block; background: url(/public/newsimg/tenMajorProSolPic03.png) no-repeat; background-size: 100% 100%; }

.tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomTit:after { content: ''; position: absolute; right: 0px; top: 23px; transition: transform .35s; border-top: 9px solid #1e2e6b; border-bottom: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomTit.on:after { transform: rotate(180deg); }

.tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomMain { clear: both; padding-left: 65px; transition: all .3s; max-height: 0; overflow: hidden; }

.tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomMain.on { max-height: initial; }

.tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomMain ul { padding-bottom: 0px; }

@media (max-width: 1000px) { .tenMajorProSol .tenMajorProSolTop .tx { width: 55px; height: 55px; }
  .tenMajorProSol .tenMajorProSolTop .tenMajorProSol_user { padding-left: 76px; }
  .tenMajorProSol .tenMajorProSolTop .tenMajorProSol_factory { padding-right: 76px; }
  .tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomTit { font-size: 22px; line-height: 30px; border-top: 2px solid #b5d1ff; border-bottom: 2px solid #b5d1ff; margin-left: 20px; }
  .tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomTit:before { left: -20px; width: 40px; height: 54px; }
  .tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomMain { padding-left: 15px; } }

@media (max-width: 768px) { .tenMajorProSol .tenMajorProSolTop .tx { width: 40px; height: 40px; }
  .tenMajorProSol .tenMajorProSolTop .tenMajorProSol_user { padding-left: 61px; }
  .tenMajorProSol .tenMajorProSolTop .tenMajorProSol_factory { padding-right: 61px; }
  .tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomTit { font-size: 18px; line-height: 1.2em; padding-left: 40px; min-height: 50px; }
  .tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomTit:before { left: 0px; width: 30px; height: 40px; top: 6px; }
  .tenMajorProSolBom .tenMajorProSolBomItem .tenMajorProSolBomMain { padding-left: 15px; } }

/*浮选法常见10大问题及解决办法 blog/10-common-problems-in-the-flotation-process.html end*/
/*石榴石岩石矿的选矿方法 start*/
.garnetOreDress { clear: both; display: block; border: 1px solid #08112a; border-radius: 28px; overflow: hidden; margin: 1em 0 1.8em 0; }

.garnetOreDress .garnetOreDressTop { clear: both; display: block; background: #ededef; border: 1px solid #08112a; margin: -1px -1px 0px -1px; border-radius: 0px 0px 28px 28px; padding: 22px 9px; }

.garnetOreDress .garnetOreDressTop li { float: left; width: 25%; padding: 8px 6px; }

.garnetOreDress .garnetOreDressTop li span { clear: both; display: block; text-align: center; border: 1px solid #08112a; font-size: 20px; color: #08112a; padding: 10px 0px; line-height: 36px; border-radius: 28px; cursor: pointer; transition: all 0.3s; }

.garnetOreDress .garnetOreDressTop li.on span, .garnetOreDress .garnetOreDressTop li:hover span { border: 1px solid #08112a; background: #08112a; color: #fff; }

.garnetOreDress .garnetOreDressBom { clear: both; display: block; padding: 28px 35px 24px 46px; }

.garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item { clear: both; display: block; width: 100%; display: none; }

.garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft { float: left; width: 37.75%; }

.garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft p { clear: both; display: block; color: #5b5e64; font-size: 18px; line-height: 30px; padding: 0px 0px 15px 0px; margin: 0px 0px !important; }

.garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft a { clear: both; display: inline-block; background: #e5472e; color: #fff; font-size: 18px; line-height: 30px; border-radius: 25px; padding: 10px 20px; transition: background 0.3s; }

.garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft a:hover { background: #213272; }

.garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemRight { float: right; width: 56.625%; margin: 0px 0px !important; border-radius: 30px; overflow: hidden; border: 1px solid #08112a; }

.garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemRight img { width: 100%; }

.garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item.on { display: block; }

@media (max-width: 1440px) { .garnetOreDress { border-radius: 20px; }
  .garnetOreDress .garnetOreDressTop { border-radius: 0px 0px 20px 20px; }
  .garnetOreDress .garnetOreDressTop li span { font-size: 18px; padding: 5px 0px; line-height: 30px; border-radius: 20px; }
  .garnetOreDress .garnetOreDressBom { padding: 28px 30px 24px 30px; } }

@media (max-width: 768px) { .garnetOreDress .garnetOreDressTop li { width: 33.3333%; }
  .garnetOreDress .garnetOreDressTop li span { font-size: 16px; padding: 10px 0px; line-height: 20px; }
  .garnetOreDress .garnetOreDressBom { padding: 15px 20px; }
  .garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft p { font-size: 16px; }
  .garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft a { font-size: 16px; line-height: 30px; border-radius: 25px; padding: 5px 20px; }
  .garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft, .garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemRight { border-radius: 25px; } }

@media (max-width: 576px) { .garnetOreDress .garnetOreDressTop li { width: 50%; }
  .garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft { padding-bottom: 20px; }
  .garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemLeft, .garnetOreDress .garnetOreDressBom .garnetOreDressBom_Item .garnetOreDressBom_ItemRight { float: none; clear: both; display: block; width: 100%; border-radius: 20px; } }

@media (max-width: 480px) { .garnetOreDress .garnetOreDressTop li { width: 100%; padding: 5px 5px; }
  .garnetOreDress .garnetOreDressTop li span { padding: 5px 0px; } }

/*石榴石岩石矿的选矿方法 end*/
/*白云石-菱镁矿石   start   /blog/magnesite-ore-processing-separation-and-calcination.html*/
.con-show ul.dolomiteMagnesite { position: relative; max-width: 800px; width: 100%; margin: 40px auto 0; padding: 0px; }

.con-show ul.dolomiteMagnesite:after { content: ''; border-left: 3px dotted #bbcef0; left: 50px; top: 0px; bottom: 15px; position: absolute; }

.con-show ul.dolomiteMagnesite li { clear: both; display: block; background: #d9e5fd; margin-top: 25px; position: relative; padding: 35px 30px 25px 125px; z-index: 2; }

.con-show ul.dolomiteMagnesite li:after { content: ''; position: absolute; z-index: 0; left: 0; top: 0; bottom: 0; width: 100px; background: #bbcef0; }

.con-show ul.dolomiteMagnesite li span { font-size: 20px; color: #3c67c3; border: 2px solid #3c67c3; font-family: "renebiederblod"; position: absolute; z-index: 1; left: 25px; top: 50%; border-radius: 50%; width: 50px; height: 50px; text-align: center; line-height: 48px; font-weight: bold; margin-top: -25px; }

.con-show ul.dolomiteMagnesite li strong { clear: both; display: block; color: #3c67c3; font-family: "renebiederblod"; font-weight: normal; position: relative; z-index: 1; line-height: 1; padding-bottom: 15px; font-size: 20px; }

.con-show ul.dolomiteMagnesite li p { clear: both; display: block; color: #3c67c3; position: relative; z-index: 1; margin: 0px; }

.con-show ul.dolomiteMagnesite li:nth-child(2n) { background: #bbcef0; }

.con-show ul.dolomiteMagnesite li:nth-child(2n):after { background: #3c67c3; }

.con-show ul.dolomiteMagnesite li:nth-child(2n) span { font-size: 20px; color: #fff; border-color: #fff; }

@media (max-width: 1440px) { .con-show ul.dolomiteMagnesite { margin-top: 30px; }
  .con-show ul.dolomiteMagnesite:after { border-left: 2px dotted #bbcef0; left: 65px; } }

@media (max-width: 768px) { .con-show ul.dolomiteMagnesite { margin-top: 20px; }
  .con-show ul.dolomiteMagnesite:after { border-left: 2px dotted #bbcef0; left: 29px; }
  .con-show ul.dolomiteMagnesite li { margin-top: 15px; padding: 20px 20px 20px 75px; }
  .con-show ul.dolomiteMagnesite li:after { width: 60px; }
  .con-show ul.dolomiteMagnesite li span { margin-top: -15px; line-height: 28px; width: 30px; height: 30px; left: 15px; } }

/*白云石-菱镁矿石   end   /blog/magnesite-ore-processing-separation-and-calcination.html*/
/*锰矿选厂 start /products/83-manganese-ore-beneficiation-plant.html*/
.ManganeseList { overflow: hidden; margin: 0px; padding: 0px; }

.ManganeseList ul { width: 101.43%; margin-left: -1.43%; padding-left: 0px; }

.ManganeseList li { width: 23%; margin: 0px 0px 0px 2%; float: left; transition: all 0.3s; }

.ManganeseList .imgbox { width: 100%; display: block; overflow: hidden; border: 1px solid #f0f0f0; border-bottom: 0px; }

.ManganeseList .imgbox img { width: 100%; transition: all 0.3s; }

.ManganeseList .name { clear: both; margin: 0px; }

.ManganeseList .name a { clear: both; display: block; background: #f0f0f0; font-size: 16px; color: #08112A; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; padding: 0px 10px; }

.ManganeseList li:hover .imgbox img { transform: scale(1.1); }

.ManganeseList li:hover .name a { background: #e5472e; color: #fff; }

@media (max-width: 1200px) { .ManganeseList ul { padding-top: 45px; }
  .ManganeseList li { width: 31%; } }

@media (max-width: 1100px) { .ManganeseList li { width: 48%; }
  .ManganeseList .name a { line-height: 60px; } }

@media (max-width: 1000px) { .ManganeseList ul { padding-top: 40px; }
  .ManganeseList li { margin-bottom: 25px; }
  .ManganeseList .name a { line-height: 40px; } }

@media (max-width: 550px) { .ManganeseList ul { width: 96%; margin: auto; }
  .ManganeseList li { width: 100%; margin-left: 0; } }

/*锰矿选厂 end  /products/83-manganese-ore-beneficiation-plant.html*/
/*start /blog/indonesia-limestone-investment-analysis-and-crushing-process.html*/
.limestone { overflow: hidden; margin: 0px; padding: 0px; }

.limestone ul { padding-left: 0px; flex-flow: row wrap; justify-content: center; display: flex; margin-left: -30px; margin-right: -30px; }

.limestone ul li { width: 50%; flex-flow: row; padding-left: 30px; padding-right: 30px; }

.limestone ul li .imgbox { width: 100%; display: block; overflow: hidden; border-bottom: 0px; }

.limestone ul li .imgbox img { width: 80px; margin: 0 auto; display: block; }

.limestone ul li .name { clear: both; display: block; font-size: 16px; color: #343334; line-height: 32px; text-align: center; }

.limestone ul li .name .nameTit { clear: both; display: block; font-family: "renebiederblod"; }

.limestone ul li .name .nameTxt { clear: both; display: block; }

@media (max-width: 1200px) { .limestone ul { padding-top: 45px; } }

@media (max-width: 1100px) { .limestone ul li { padding: 10px; } }

@media (max-width: 1000px) { .limestone ul { padding-top: 40px; } }

@media (max-width: 750px) { .limestone ul li { width: 100%; } }

@media (max-width: 550px) { .limestone ul li .name { font-size: 14px; line-height: 24px; margin: 0px; } }

/*end  /blog/indonesia-limestone-investment-analysis-and-crushing-process.html*/
/*镍矿 start /blog/nickel-metal.html*/
.nickelIconList { overflow: hidden; margin: 0px; padding: 0px; }

.nickelIconList ul { padding-left: 0px; flex-flow: row wrap; justify-content: center; display: flex; }

.nickelIconList ul li { width: 25%; flex-flow: row; }

.nickelIconList ul li .imgbox { width: 100%; display: block; overflow: hidden; border-bottom: 0px; }

.nickelIconList ul li .imgbox img { width: 80px; margin: 0 auto; display: block; }

.nickelIconList ul li .name { clear: both; display: block; font-size: 16px; color: #343334; line-height: 32px; text-align: center; font-family: "renebiederblod"; }

@media (max-width: 1200px) { .nickelIconList ul { padding-top: 45px; } }

@media (max-width: 1100px) { .nickelIconList ul li { width: 50%; padding: 10px; } }

@media (max-width: 1000px) { .nickelIconList ul { padding-top: 40px; } }

@media (max-width: 550px) { .nickelIconList ul li .name { font-size: 14px; line-height: 24px; margin: 0px; } }

.nickelTab .nickelTabItem .nickelTabTit { position: relative; color: #25272e; font-size: 28px; line-height: 40px; padding: 13px 0px 13px 80px; cursor: pointer; background: #f5f5f5; border-radius: 10px; margin: 1em 0em 0em 0em; }

.nickelTab .nickelTabItem .nickelTabTit:before { content: ''; position: absolute; left: 13px; top: 10px; width: 46px; height: 46px; display: block; background: url(/public/newsimg/nickelIcon01.png) no-repeat; background-size: 100% 100%; }

.nickelTab .nickelTabItem .nickelTabTit:after { content: ''; position: absolute; right: 40px; top: 26px; transition: transform .35s; background: url(/public/newsimg/nickelIcon02.png) no-repeat center center; width: 17px; height: 13px; }

.nickelTab .nickelTabItem .nickelTabTit.on:after { transform: rotate(180deg); }

.nickelTab .nickelTabItem .nickelTabMain { clear: both; transition: all .3s; max-height: 0; overflow: hidden; padding: 0px 20px; border-radius: 10px; border: 2px solid #ffffff; }

.nickelTab .nickelTabItem .nickelTabMain.on { max-height: initial; border-color: #343334; margin-top: 22px; }

.nickelTab .nickelTabItem .nickelTabMain ul { padding-bottom: 0px; }

@media (max-width: 1000px) { .nickelTab .nickelTabItem .nickelTabTit { font-size: 24px; line-height: 30px; padding-left: 60px; }
  .nickelTab .nickelTabItem .nickelTabTit:before { width: 40px; height: 40px; left: 8px; top: 8px; }
  .nickelTab .nickelTabItem .nickelTabTit:after { right: 20px; top: 15px; }
  .nickelTab .nickelTabItem .nickelTabMain { padding-left: 15px; } }

@media (max-width: 768px) { .nickelTab .nickelTabItem .nickelTabTit { font-size: 20px; line-height: 30px; padding: 6px 0px 6px 50px; }
  .nickelTab .nickelTabItem .nickelTabTit:before { width: 30px; height: 30px; top: 6px; left: 6px; }
  .nickelTab .nickelTabItem .nickelTabTit:after { right: 20px; top: 15px; }
  .nickelTab .nickelTabItem .nickelTabMain { padding-left: 15px; } }

/*镍矿 end  /blog/nickel-metal.html*/
/*花岗岩破碎机 start /blog/which-type-of-crusher-is-suitable-for-processing-granite.html*/
.blogTableOne { clear: both; display: block; padding: 30px 40px; box-shadow: 10px 10px 32px rgba(48, 66, 86, 0.08); border-radius: 12px; margin: 1.8em 0; }

.blogTableOne .blogTableOneImg { float: left; width: 43.6409%; box-shadow: 8px 8px 16px rgba(48, 66, 86, 0.2); border-radius: 4px; overflow: hidden; margin: 0px; }

.blogTableOne .blogTableOneImg img { width: 100%; }

.blogTableOne .blogTableOneMain { float: right; width: 53.8653%; }

.blogTableOne .blogTableOneMain table { border-collapse: collapse; border: 1px solid #dedede; }

.blogTableOne .blogTableOneMain table tr td { word-break: break-all; color: #3f5269; text-align: center; padding: 18px 10px; border: 0px; border-bottom: 1px solid #dedede; font-weight: normal; }

.blogTableOne .blogTableOneMain table tr td:first-child { background: #4e71b1; color: #fff; border-bottom: 1px solid #f3f6fa; }

.blogTableOne .blogTableOneMain table tr td:first-child + td { background: #fff; color: #3f5269; }

@media (max-width: 1000px) { .blogTableOne { padding: 30px; }
  .blogTableOne .blogTableOneMain table tr td { padding: 13px 5px; } }

@media (max-width: 768px) { .blogTableOne { padding: 25px; }
  .blogTableOne .blogTableOneMain table tr td { padding: 8px 5px; } }

@media (max-width: 580px) { .blogTableOne { padding: 15px; }
  .blogTableOne .blogTableOneImg, .blogTableOne .blogTableOneMain { float: none; clear: both; display: block; width: 100%; }
  .blogTableOne .blogTableOneImg { margin-bottom: 1.8em; }
  .blogTableOne .blogTableOneMain table tr td { padding: 5px; } }

/**/
.blogTableTwo { clear: both; display: block; padding: 30px 40px; box-shadow: 10px 10px 32px rgba(48, 66, 86, 0.08); border-radius: 12px; margin: 1.8em 0; }

.blogTableTwo .blogTableTwoPic { clear: both; display: block; overflow: hidden; margin: 0px; }

.blogTableTwo .blogTableTwoPic img { clear: both; display: block; width: 100%; }

.blogTableTwo .blogTableTwoTit { clear: both; display: block; color: #25272e; font-size: 22px; font-weight: bold; line-height: 30px; margin-top: 15px; margin-bottom: 15px; }

.blogTableTwo .blogTableTwoVideo { margin: 0px 0px 20px 0px; padding: 0px; width: 100%; overflow: hidden; text-align: center; }

.blogTableTwo .blogTableTwoTable table { border-collapse: collapse; }

.blogTableTwo .blogTableTwoTable table tr:first-child { background: #4e71b1; }

.blogTableTwo .blogTableTwoTable table tr:first-child td { color: #fff; font-weight: normal; }

.blogTableTwo .blogTableTwoTable table tr td { border: 1px solid #dcdcdc; color: #3f5269; padding: 5px; }

.blogTableTwo .blogTableTwoDec { clear: both; display: block; background: #4e71b1; color: #fff; margin-top: 20px; padding: 20px 20px 15px 20px; }

.blogTableTwo .blogTableTwoDec strong { clear: both; display: block; padding-left: 35px; background: url(/public/newsimg/blogTableTwoIcon.png) no-repeat left center; background-size: 24px; }

.blogTableTwo .blogTableTwoDec p { margin: 5px 0px 0px 0px; }

@media (max-width: 1000px) { .blogTableTwo { padding: 30px; }
  .blogTableTwo .blogTableTwoTit { font-size: 20px; } }

@media (max-width: 768px) { .blogTableTwo { padding: 25px; }
  .blogTableTwo .blogTableTwoTit { font-size: 18px; line-height: 28px; } }

@media (max-width: 580px) { .blogTableTwo { padding: 15px; } }

/*花岗岩破碎机 end /blog/which-type-of-crusher-is-suitable-for-processing-granite.html*/
/*6 Sand Making Machines and How to Choose the Best One ==start== 
/blog/choosing-right-sand-making-machine.html*/
.blog_unique_style { padding-top: 30px; padding-left: 114px; }

.blog_unique_style ul { padding: 0; }

.blog_unique_style ul li { padding: 40px; background: #eff1f0; border-radius: 30px; position: relative; }

.blog_unique_style ul li + li { margin-top: 2.2em; }

.blog_unique_style ul li:before { content: ""; width: 121px; height: 242px; display: block; position: absolute; left: -122px; top: 10px; background: url(/public/newsimg/blog_unique_style_zs.png) center top no-repeat; background-size: 100%; }

.blog_unique_style ul li h3 { margin-top: 0; margin-bottom: 35px; }

.blog_unique_style ul li .list_style { padding-left: 32px; background: url(/public/newsimg/blog_unique_style_tb.png) left 7px no-repeat; background-size: 15px; }

.blog_unique_style ul li .list_style:last-child { margin-bottom: 0; }

.blog_unique_style ul li .list_style::before { display: none; }

@media (max-width: 1000px) { .blog_unique_style { padding-left: 0; }
  .blog_unique_style ul li { padding: 7%; }
  .blog_unique_style ul li:before { display: none; } }

/*6 Sand Making Machines and How to Choose the Best One ==end== 
/blog/choosing-right-sand-making-machine.html*/
/*5 Critical Battery Minerals: Powering the Electric Vehicle (EV) Revolution ==start== 
/blog/what-are-the-battery-minerals-and-how-to-process-them.html*/
.blog_unique_style2 { margin: 2.4em 0; padding: 42px 36px; background: #f2f4f4; border: 1px solid #34353c; }

.blog_unique_style2 h3 { margin: 0; }

.blog_unique_style2 ul { padding: 0; margin-top: 28px; }

.blog_unique_style2 ul li { padding: 0; margin: 17px 0 0 0; cursor: pointer; }

.blog_unique_style2 ul li:first-child { margin-top: 0; }

.blog_unique_style2 ul li a { margin: 0; color: #5B5E64; }

.blog_unique_style2 ul li:hover a { color: #E5472E; text-decoration: none; }

.blog_unique_style3 { margin: 2.4em 0; }

.blog_unique_style3 ul { padding: 0; }

.blog_unique_style3 ul li { margin-top: 25px; padding: 25px 5% 25px 105px; background: #f1f2f4; border-radius: 30px; font-size: 0; position: relative; }

.blog_unique_style3 ul li .num_sty { content: ""; width: 75px; position: absolute; left: 4px; top: 32%; bottom: 32%; border-right: 2px solid #a2a4a8; }

.blog_unique_style3 ul li .num_sty img { width: 25px; height: auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; }

.blog_unique_style3 ul li:first-child { margin-top: 0; }

.blog_unique_style3 ul li .title_sty { display: table; font-size: 20px; color: #25272e; }

.blog_unique_style3 ul li p { margin: 9px 0 0 0; font-size: 18px; line-height: 1.8; }

@media (max-width: 1000px) { .blog_unique_style2 { padding: 24px 18px; }
  .blog_unique_style2 ul { margin-top: 15px; }
  .blog_unique_style2 ul li { margin-top: 10px; }
  .blog_unique_style3 ul li { padding: 15px 5% 15px 90px; }
  .blog_unique_style3 ul li .title_sty { font-size: 17px; }
  .blog_unique_style3 ul li p { font-size: 16px; }
  .blog_unique_style3 ul li .num_sty { width: 60px; } }

/*5 Critical Battery Minerals: Powering the Electric Vehicle (EV) Revolution ==end== 
/blog/what-are-the-battery-minerals-and-how-to-process-them.html*/
@media (max-width: 1910px) { .index-about .about-info { padding: 60px 40px 60px 0; } }

@media (max-width: 1800px) { .footer .foot-con { padding-right: 50px; padding-left: 80px; }
  .footer .foot-con dl dt { font-size: 32px; }
  .footer .foot-con .foot-link { padding: 0 4% 0 4%; margin: 0px 4% 0px 4%; width: 38%; }
  .footer .foot-con .foot-link strong { font-size: 32px; }
  .BlogComOne { background-size: 55.2604%; }
  .BlogComOne .BlogComOneTop h1 { font-size: 50px; }
  .pro-base .base-info .info-con { width: 66%; } }

@media (max-width: 1600px) { .index-about .about-info h1 { font-size: 48px; line-height: 1.3; }
  .index-about .about-info p { margin-top: 60px; }
  .footer .foot-con { width: 68%; }
  .footer .foot-msg { width: 32%; }
  .footer .foot-con .foot-logo { margin-top: 60px; }
  .footer .foot-con .foot-base { margin-top: 60px; }
  .BlogComThreeUl li { padding: 35px 26px; }
  .BlogComThreeUl li .BlogComThreeUlBox a { font-size: 26px; line-height: 36px; }
  .pro-base .base-info .info-con { width: 78%; }
  .searchPageTwo { padding-top: 50px; padding-bottom: 80px; }
  .searchPageTwo .searchPageTwoBom dl dd { padding: 35px 26px; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 26px; line-height: 36px; } }

@media (max-width: 1500px) { .index-type .type-item .type-txt { left: 40px; }
  .index-case { margin-top: 200px; }
  .index-about .about-info h1 { font-size: 42px; margin-top: 0; }
  .index-about .about-info h1:after { bottom: -18px; }
  .index-about .about-info p { margin-top: 40px; }
  .footer .foot-con { padding-right: 40px; padding-left: 50px; }
  .about_service { margin-top: 200px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr li { padding: 20px 0px; }
  .pro-base .base-info .info-con { width: 82%; }
  .pro-base .base-info:before { width: 520px; height: 331px; } }

@media (max-width: 1450px) { .headerMain { width: 930px; }
  .headerMain .headerMainTop .nav .nav-con > li.nav-cont { border: none; }
  .headerMain .headerMainBom .headerMainNav > li a { margin-right: 24px; } }

@media (max-width: 1440px) { .index-about .about-info { padding: 40px 30px 40px 0; }
  .index-about .about-info h1 { font-size: 40px; }
  .footer .foot-con .foot-logo, .footer .foot-con .foot-base { margin-top: 40px; }
  .about_ban .btn { width: 120px; height: 120px; }
  .aboutone { margin-top: 120px; }
  .about_service { margin-top: 160px; }
  .BlogComOne .BlogComOneTop h1 { font-size: 45px; }
  .BlogComOne .BlogComOneBom h2 { font-size: 40px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox a { font-size: 28px; line-height: 35px; }
  .BlogComTwo .BlogComTwoTop h2 { font-size: 40px; }
  .BlogComThreeUl li .BlogComThreeUlBox a { font-size: 24px; line-height: 32px; margin-bottom: 15px; }
  .prolist_part { margin-bottom: 55px; }
  .prolist_part .left { width: 580px; }
  .show-good .good-con ul { width: 100%; }
  .pro_ban .right h1 { font-size: 36px; }
  .pro_ban .right .p_text { margin-top: 20px; }
  .pro_ban .right .pro_ban_by { font-size: 26px; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox img { max-height: 92px; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox p span { font-size: 18px; }
  .pro_ban .right .pro_ban_csxz > div { height: 36px; }
  .pro_ban .right .pro_ban_csxz .btn { width: 110px; height: 36px; line-height: 36px; }
  .searchPageOne { padding-bottom: 40px; }
  .searchPageOne h1 { font-size: 50px; padding-top: 50px; padding-bottom: 35px; }
  .searchPageOne .searchPageOneBom { padding: 20px 50px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomLeft li { padding: 8px 30px 8px 0px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomLeft li span { font-size: 18px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight { padding-left: 50px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneInput { width: 450px; font-size: 16px; line-height: 26px; padding: 10px 20px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneBtn { height: 46px; padding: 0px 40px; }
  .searchPageTwo { padding-top: 40px; padding-bottom: 70px; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 24px; line-height: 32px; margin-bottom: 15px; }
  .searchPageTwo .searchNone { padding-top: 20px; padding-bottom: 40px; }
  .searchPageTwo .searchNone .searchNoneOne { font-size: 15px; padding-bottom: 80px; }
  .searchPageTwo .searchNone .searchNoneTwo { font-size: 28px; } }

@media (max-width: 1400px) { .aboutone { margin-top: 120px; }
  .about_service { margin-top: 120px; }
  .about_service_top { left: 47.14%; margin-left: 0; }
  .about_service_top h2 { padding: 20px 0 60px; }
  .about_service_nub div { margin: 0 42px 0 0; }
  .about_service_nub p { font-size: 50px; }
  .about_client { margin-top: 100px; }
  .about_exported { padding: 120px 0 80px; }
  .about_exported h2 { font-size: 40px; }
  .about_case { margin-top: 90px; }
  .about_team { margin: 120px auto; }
  .about_wcu { margin: 120px auto; }
  .about_wcu h2 { font-size: 50px; }
  .prode_lc { margin-top: 80px; }
  .pro_ban .right .pdf { line-height: 24px; }
  .pro_ban .right .pdf img { height: 24px; } }

@media (max-width: 1360px) { .headerMain { width: 880px; }
  .headerMain .headerMainBom .headerMainNav > li a { margin-right: 17px; }
  .headerMain .headerMainBom .headerMainNav > li .headerMainNavsub { right: auto; left: 0px; }
  .index-type .type-item .type-txt { left: 20px; font-size: 28px; }
  .index-case { margin-top: 180px; }
  .index-about .about-info { padding: 28px 20px 28px 0; }
  .footer .foot-con { padding-left: 24px; }
  .footer .foot-con dl dt { font-size: 30px; }
  .footer .foot-con .foot-link strong { font-size: 30px; }
  .about_top h1 { font-size: 84px; }
  .about_top p { font-size: 16px; }
  .about_service { margin-top: 120px; }
  .about_service_nub p { font-size: 50px; }
  .BlogComOne .BlogComOneTop h1 { font-size: 40px; }
  .BlogComOne .BlogComOneBom h2 { font-size: 36px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr li { padding: 18px 0px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr li a { padding-left: 45px; font-size: 20px; line-height: 33px; }
  .BlogComTwo .BlogComTwoTop h2 { font-size: 36px; }
  .BlogComTwo .BlogComTwoBomItem .BlogComTwoBomPic { margin-bottom: 15px; }
  .BlogComTwo .BlogComTwoBomItem .BlogComTwoBomTit { font-size: 20px; line-height: 32px; }
  .BlogComThreeUl li { padding: 30px 20px; }
  .BlogComThreeUl li .BlogComThreeUlBox a { font-size: 22px; margin-bottom: 5px; }
  .BlogComThreeBtn { font-size: 16px; width: 160px; height: 47px; line-height: 45px; }
  .new-blog-txt { margin-top: 80px; }
  .news-list { margin-top: 80px; }
  .news-list li p { margin-top: 20px; }
  .news-list li .list-news-left { padding-left: 35px; }
  .news-list li { margin-bottom: 30px; }
  .list-show { margin-top: 80px; }
  .prolist_part .left { width: 560px; }
  .prolist_part li a, .pro_related li a { font-size: 14px; }
  .main-show { margin-top: 80px; }
  .pro-base .base-info .info-con h1 { font-size: 42px; }
  .pro-base .base-info .base-btn .btn-font { margin-left: 20px; padding-left: 24px; }
  .main-side .side-auto .side-nav .side-con ol li a { font-size: 15px; }
  .searchPageTwo { padding-top: 35px; padding-bottom: 60px; }
  .searchPageTwo .searchPageTwoBom dl .searchPageTwoTop { padding-bottom: 18px; margin-bottom: 40px; }
  .searchPageTwo .searchPageTwoBom dl dd { padding: 30px 20px; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 22px; margin-bottom: 5px; } }

@media (max-width: 1280px) { .headerMain { width: 710px; }
  .headerMain .headerMainTop { padding-bottom: 10px; }
  .headerMain .headerMainTop .nav .nav-con > li a { font-size: 14px; padding: 2px 0px 5px; margin-right: 46px; }
  .headerMain .headerMainBom .headerMainNav > li a { font-size: 14px; margin-right: 8px; }
  .headerMain .headerMainBom .headerMainNav > li span { font-size: 14px; }
  .ban-font a.ban-tit { font-size: 58px; line-height: 1.5; }
  .ban-font p { line-height: 1.5; }
  .ban-font p { width: 100%; font-size: 24px; }
  .index-txt { margin-bottom: 60px; }
  .index-type { margin-top: 70px; }
  .index-case { margin-top: 160px; }
  .index-blog ul li .index-blogTit { font-size: 20px; }
  .index-about .about-pic { display: none; }
  .index-about .about-info { width: 100%; padding: 40px 0; }
  .index-about .about-info { width: 100%; padding: 40px 0; }
  .footer .foot-con { width: 100%; padding: 60px 2%; }
  .footer .foot-msg { display: none; }
  .blog-txt h1 { font-size: 36px; }
  .blog-txt p { margin: 32px 0; }
  .blog-txt:before { top: -40px; }
  .new-blog-txt { margin-top: 60px; }
  .news-list { margin-top: 60px; }
  .news-list li h3 a { font-size: 24px; line-height: 30px; }
  .list-show { margin-top: 60px; }
  .prolist { margin-top: 70px; }
  .prolist_part .left { width: 540px; }
  .show-good .good-base { padding: 80px 10% 100px; }
  .show-good .good-base strong { font-size: 36px; }
  .show-good .good-con ul { padding: 120px 0; }
  .show-good .good-con ul li { width: 27.3%; margin: 0 3%; }
  .show-good .good-con ul li img { width: 70px; }
  .pro_ban .right h1 { font-size: 32px; }
  .pro_ban .right .p_text { margin-top: 18px; font-size: 14px; }
  .pro_ban .right .pro_ban_by { font-size: 22px; }
  .pro_ban .right .pro_ban_btn li a { padding-left: 25%; font-size: 14px; line-height: 40px; }
  .pro_ban .right .pro_ban_btn li a img { margin-top: 5px; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox img { max-height: 80px; margin-right: 0; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox p { line-height: 22px; padding: 2px 0; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox p span { font-size: 16px; }
  .pro_ban .right .pro_ban_csxz > div { width: 74%; }
  .pro_ban .right .pdf { margin-top: 0.8em; line-height: 20px; }
  .pro_ban .right .pdf img { height: 20px; }
  .main-show { margin-top: 60px; }
  .pro-base .base-info .info-con { width: 86%; margin-left: 12%; }
  .pro-base .base-info .info-con h1 { font-size: 40px; }
  .pro-base .base-info .base-btn .btn-font { font-size: 16px; }
  .pro-base .base-info .base-btn .btn-link { width: 200px; }
  .pro-base .base-info .base-btn .btn-link a { line-height: 70px; }
  .main-side .side-auto .side-nav .side-con ol li a { font-size: 14px; margin-bottom: 15px; }
  .submit-con { padding-left: 6%; padding-right: 6%; width: 72%; }
  .submit-con img { width: 120px; }
  .searchPageOne { padding-bottom: 35px; }
  .searchPageOne h1 { font-size: 40px; padding-top: 35px; padding-bottom: 30px; }
  .searchPageOne .searchPageOneBom { padding: 15px 30px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomLeft li { padding: 2px 30px 2px 0px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomLeft li span { font-size: 16px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight { padding-left: 30px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight:before { top: 5px; bottom: 5px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneInput { width: 350px; line-height: 24px; padding: 5px 10px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneBtn { height: 34px; padding: 0px 30px; background-size: 17px; } }

@media (max-width: 1270px) { .prolist_part .left { width: 520px; }
  .main-side .side-auto .side-nav .side-con ul li a { font-size: 15px; }
  .main-con { width: 68%; } }

@media (max-width: 1200px) { .index-txt .txt-font h2 { font-size: 44px; }
  .index-txt .txt-info p { font-size: 20px; line-height: 36px; }
  .index-type .type-item { width: 50%; }
  .index-type .type-item.type-list { width: 100%; }
  .index-case { margin-top: 140px; }
  .index-case ul li .case-pic .con-font { height: 100px; }
  .index-case ul li .case-pic .con-font a { padding-top: 30px; font-size: 28px; }
  .about_ban .btn { width: 110px; height: 110px; }
  .about_top h1 { font-size: 76px; }
  .aboutone { margin-top: 100px; }
  .aboutone .about_us_slide a { width: 250px; height: 80px; line-height: 80px; margin-top: 30px; }
  .aboutone .about_us_slide a:before { width: 60px; height: 60px; }
  .about_service { margin-top: 100px; }
  .about_service_top h2 { padding: 15px 0 40px; }
  .about_service_nub div { padding-bottom: 30px; margin: 0 34px 0 0; }
  .about_service_nub span { font-size: 14px; }
  .about_client { margin-top: 90px; }
  .about_client img { height: 500px; }
  .about_exported { padding: 100px 0 80px; }
  .about_exported h2 { font-size: 36px; }
  .about_case { margin-top: 90px; }
  .about_team { margin: 100px auto; }
  .about_team .left a { width: 250px; height: 80px; line-height: 80px; margin-top: 30px; }
  .about_team .left a:before { width: 60px; height: 60px; }
  .about_team p { font-size: 16px; line-height: 32px; }
  .about_wcu { margin: 100px auto; }
  .about_wcu h2 { font-size: 46px; }
  .about_message { margin-top: 50px; padding: 90px 0; }
  .BlogComOne .BlogComOneTop h1 { font-size: 35px; }
  .BlogComOne .BlogComOneBom h2 { font-size: 32px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox a { font-size: 26px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox a:before { width: 22px; height: 22px; line-height: 22px; top: -24px; font-size: 18px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr li a { padding-left: 40px; font-size: 18px; line-height: 28px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr li a:before { width: 22px; height: 22px; line-height: 22px; top: 4px; font-size: 14px; }
  .BlogComTwo .BlogComTwoTop h2 { font-size: 32px; }
  .BlogComTwo .BlogComTwoBomItem .BlogComTwoBomPic { margin-bottom: 10px; }
  .BlogComTwo .BlogComTwoBomItem .BlogComTwoBomTit { font-size: 18px; line-height: 30px; }
  .BlogComTwo .BlogComTwoBom { width: 100%; }
  .BlogComThreeUl li .BlogComThreeUlBox a { font-size: 20px; line-height: 28px; }
  .news-list li { margin-bottom: 30px; }
  .news-list li p { font-size: 15px; line-height: 30px; height: 60px; margin-top: 18px; }
  .news-list li span { margin-top: 14px; }
  .news-list li .list-news-left { padding-left: 25px; }
  .solu-list li { margin-bottom: 60px; }
  .solu-list li .solu-pic { width: 360px; }
  .solu-list li .solu-info { padding: 40px; }
  .solu-list li .solu-info p { font-size: 16px; margin-top: 30px; }
  .solu-list li .solu-info .solu-more .solu-link { left: 270px; }
  .solu-list li.solu-even .solu-info .solu-more .solu-link { right: 270px; }
  .prolist { margin-top: 40px; }
  .prolist_part { margin-bottom: 50px; }
  .prolist_part .left { width: 500px; }
  .prolist_part .rightone { width: 54%; }
  .prolist_part h2, .prolist_part h2 a { font-size: 22px; line-height: 44px; }
  .prolist_part h2 img { height: 44px; margin-right: 12px; }
  .prolist_part .subheading { font-size: 14px; }
  .prolist_part li { padding: 18px 18px 0 5px; }
  .prolist_part_mill li { margin-right: 26px; }
  .prolist_part .more { font-size: 12px; }
  .pro_related { padding: 15px 0; margin-bottom: 60px; }
  .pro_related li { margin-right: 50px; }
  .pro_related li a { padding-left: 32px; }
  .prolist_secondary_list ul { padding-top: 45px; }
  .prolist_secondary_related { padding: 38px 0; }
  .prolist_secondary_related li { margin-right: 50px; }
  .prolist_secondary_related li a { line-height: 56px; }
  .prolist_secondary_list li { width: 31.9%; }
  .show-good .good-con ul li p { font-size: 16px; line-height: 32px; }
  .pro-base .base-info { background: #FFF; }
  .pro-base .base-info:before { display: none; }
  .base-pic .pic-txt p.pic-txt02 { margin-left: 16%; }
  .base-pic .pic-txt p.pic-txt03 { margin-left: 32%; }
  .pro-base .base-info .info-con { margin-left: 5%; width: 92%; }
  .pro-base .base-info .info-con h1 { font-size: 36px; }
  .pro-base .base-info .base-btn { left: -60px; }
  .searchPageTwo { padding-top: 30px; padding-bottom: 50px; }
  .searchPageTwo .searchPageTwoBom dl .searchPageTwoTop { padding-bottom: 16px; margin-bottom: 30px; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 20px; line-height: 28px; }
  .searchPageTwo .searchNone { padding-top: 20px; padding-bottom: 30px; }
  .searchPageTwo .searchNone .searchNoneOne { font-size: 14px; padding-bottom: 60px; }
  .searchPageTwo .searchNone .searchNoneTwo { font-size: 24px; } }

@media (max-width: 1100px) { .logo { width: 240px; margin-top: 3px; }
  .headerMain { width: 650px; }
  .headerMain .headerMainTop .nav .nav-con > li.nav-cont { border: none; }
  .headerMain .headerMainBom { padding-top: 10px; }
  .headerMain .headerMainBom .headerMainNav > li { padding-top: 5px; }
  .ser-con .ser-form { width: 550px; }
  .ban-font { padding: 0 20px; }
  .ban-font a.ban-tit { font-size: 50px; }
  .bannerSea { padding-top: 50px; }
  .bannerSea .bannerSeaInput { font-size: 16px; line-height: 26px; padding: 10px 20px; }
  .bannerSea .bannerSeaBtn { height: 46px; padding: 0px 40px; }
  .index-case { margin-top: 120px; }
  .about_top { padding: 50px 0 60px; }
  .about_top h1 { width: 100%; }
  .about_top p { float: left; width: 100%; max-width: 100%; margin-top: 10px; }
  .about_service_top { padding-top: 0; }
  .about_service_nub div { padding-bottom: 22px; margin-right: 30px; }
  .about_service_nub p { font-size: 40px; margin-bottom: 16px; }
  .about_service_nub span { font-size: 14px; }
  .blog-txt p { font-size: 16px; line-height: 32px; margin: 24px 0; }
  .prolist { margin-top: 60px; }
  .prolist_part .left { width: 480px; }
  .prolist_part .rightone { width: 53%; }
  .prolist_secondary_list li { width: 48.6%; }
  .prolist_secondary_list .name a { line-height: 60px; }
  .pro_ban .left { width: 45%; }
  .pro_ban .right { width: 52%; }
  .pro_ban .right h1 { font-size: 30px; }
  .pro_ban .right .p_text { margin-top: 14px; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox img { height: 66px; }
  .pro_ban .right .pro_ban_csxz > div { height: 32px; }
  .pro_ban .right .pro_ban_csxz .btn { height: 32px; line-height: 32px; }
  .pro_ban .right .pdf { margin-top: 0.5em; line-height: 18px; }
  .pro_ban .right .pdf img { height: 18px; }
  .prode_lc .top p { font-size: 12px; }
  .pro-base .base-info .base-btn { left: -80px; } }

@media (max-width: 1024px) { .fix_layer { display: none !important; }
  .page-box { display: none !important; }
  .BlogComThreeUl li { padding: 25px 20px; }
  .BlogComThreeUl li .BlogComThreeUlPic { float: none; clear: both; display: block; width: 100%; margin-bottom: 15px; }
  .BlogComThreeUl li .BlogComThreeUlBox { float: none; clear: both; display: block; width: 100%; }
  .BlogComThreeUl li .BlogComThreeUlBox a { font-size: 18px; }
  .con-show table thead tr th { font-size: 28px; }
  .searchPageOne { padding-bottom: 30px; }
  .searchPageOne h1 { font-size: 40px; padding-top: 35px; padding-bottom: 25px; }
  .searchPageOne .searchPageOneBom { padding: 15px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomLeft { clear: both; display: block; float: none; overflow: hidden; padding-bottom: 15px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomLeft li { padding: 2px 20px 2px 0px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomLeft li span { font-size: 16px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight { clear: both; display: block; float: none; padding-left: 0px; overflow: hidden; position: relative; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight:before { display: none; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneInput { width: 100%; line-height: 24px; padding: 5px 10px; }
  .searchPageOne .searchPageOneBom .searchPageOneBomRight .searchPageOneBtn { position: absolute; right: 0px; top: 0px; height: 34px; padding: 0px 30px; background-size: 17px; }
  .searchPageTwo { padding-top: 25px; padding-bottom: 40px; }
  .searchPageTwo .searchPageTwoBom dl .searchPageTwoTop { padding-bottom: 14px; margin-bottom: 25px; }
  .searchPageTwo .searchPageTwoBom dl dd { padding: 25px 20px; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomPic { margin-right: 15px; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 18px; } }

@media (max-width: 1000px) { .logo { width: 200px; margin-top: 11px; }
  .headerMain { width: 550px; }
  .headerMain .headerMainTop { padding-bottom: 5px; }
  .headerMain .headerMainTop .nav .nav-con > li { margin-left: 0; }
  .headerMain .headerMainTop .nav .nav-con > li a { margin-right: 25px; }
  .headerMain .headerMainBom { padding-top: 5px; }
  .index-txt .txt-font h2 { font-size: 42px; }
  .index-blog ul li .index-blogTit { font-size: 18px; padding: 20px; }
  .about_top { padding: 45px 0 53px; }
  .about_top h1 { font-size: 60px; }
  .aboutone { margin-top: 80px; }
  .aboutone .about_us_slide .left { width: 100%; float: left; padding: 0; }
  .aboutone .about_us_slide a { margin-top: 25px; width: 200px; height: 60px; line-height: 60px; padding-left: 30px; font-size: 20px; }
  .aboutone .about_us_slide a:before { width: 40px; height: 40px; }
  .aboutone .about_us_slide a:hover { padding-left: 20px; }
  .aboutone .about_us_slide .right { width: 60%; margin: 30px 20%; }
  .about_service { margin-top: 80px; }
  .about_service_top { width: 100%; left: 0; max-width: 100%; padding: 0; }
  .about_service_top h2 { float: none; }
  .about_service_nub { margin-top: 40px; float: none; width: 100%; }
  .about_service_nub div { margin-right: 50px; }
  .about_service .box { display: block; padding-bottom: 15px; }
  .about_service .box .left { max-width: 100%; width: auto; }
  .about_service .box .right { width: 100%; margin-top: 15px; }
  .about_client { margin-top: 70px; }
  .about_client img { height: 400px; }
  .about_exported { padding: 90px 0 70px; }
  .about_exported h2 { font-size: 30px; }
  .about_case { margin-top: 70px; }
  .about_team { margin: 90px auto; }
  .about_team .left a { margin-top: 25px; width: 200px; height: 60px; line-height: 60px; padding-left: 30px; font-size: 20px; }
  .about_team .left a:before { width: 40px; height: 40px; }
  .about_team .left a:hover { padding-left: 20px; }
  .about_wcu { margin: 90px auto; }
  .about_wcu h2 { font-size: 36px; }
  .about_wcu li { width: 20%; margin: 40px 2.5% 0; }
  .about_wcu ul { margin-bottom: 40px; }
  .about_message { padding: 60px 0; }
  .about_message .left, .about_message .right, .about_message .lefttwo { width: 100%; }
  .about_message .lefttwo { margin-right: 0; }
  .about_message .messTit { font-size: 40px; line-height: 1em; }
  .about_message .messTit span { font-size: 24px; }
  .about_message .p_text1 { margin-top: 28px; line-height: 2em; }
  .about_message .left li { padding: 10px 0 10px 18px; }
  .about_message .left li:before { top: 18px; font-size: 16px; }
  .about_message .p_text2 { margin-top: 30px; }
  .about_message .share { padding-top: 20px; }
  .about_message_svg { left: auto; right: 20px; width: 40%; top: 185px; }
  .blog-txt:before { display: none; }
  .new-blog-txt { margin-top: 50px; }
  .news-list { margin-top: 50px; }
  .news-list li p { margin-top: 12px; }
  .news-list li span { margin-top: 12px; }
  .news-list li { margin-bottom: 25px; }
  .news-list li h3 a { font-size: 22px; line-height: 28px; }
  .list-show { margin-top: 50px; }
  .solu-list li { margin-bottom: 50px; }
  .solu-list li .solu-pic { width: 320px; }
  .solu-list li .solu-info { padding: 30px 40px; }
  .solu-list li .solu-info p.solu-font { height: 72px; -webkit-line-clamp: 2; }
  .solu-list li .solu-info h3 a { font-size: 28px; }
  .solu-list li .solu-info .solu-more .solu-link { left: 230px; }
  .solu-list li.solu-even .solu-info .solu-more .solu-link { right: 230px; }
  .pro-route { text-align: center; }
  .prolist { margin-top: 36px; }
  .prolist_part { margin-bottom: 45px; }
  .prolist_part .left { width: 100%; }
  .prolist_part .rightone, .prolist_part .righttwo { width: 100%; position: static; float: left; }
  .prolist_part_left, .prolist_part_right { width: 100%; }
  .prolist_part_right { margin-left: 0; }
  .pro_related { padding: 15px 0; margin-bottom: 52px; }
  .pro_related li { margin-right: 40px; }
  .prolist_secondary_h1 { font-size: 26px; line-height: 56px; padding-top: 36px; margin-top: -36px; }
  .prolist_secondary_subtitle { padding: 24px 0; }
  .prolist_secondary_subtitle p { font-size: 14px; }
  .prolist_secondary_list ul { padding-top: 40px; }
  .prolist_secondary_list li { margin-bottom: 25px; }
  .prolist_secondary_list .name a { line-height: 40px; }
  .prolist_secondary_related li a { font-size: 16px; line-height: 52px; }
  .show-good .good-base { padding: 60px 6% 80px; }
  .show-good .good-base strong { font-size: 32px; }
  .show-good .good-base:before, .show-good .good-base:after { display: none; }
  .show-good .good-con ul li p br { display: none; }
  .pro_ban .left, .pro_ban .right { float: none; width: 96%; max-width: 680px; margin: auto; display: block; }
  .pro_ban .right h1 { margin-top: 20px; font-size: 26px; }
  .pro_ban .right .pro_ban_by { font-size: 18px; margin-top: 15px; }
  .pro_ban .right .pro_ban_btn { padding-top: 10px; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox img { margin-right: 10px; }
  .pro_ban_mao, .pro_ban .right .pro_ban_csxz { width: 100%; margin-top: 15px; height: auto; }
  .pro_ban .right .pro_ban_csxz > div { width: 100%; height: auto; float: none; }
  .pro_ban .right .pro_ban_csxz .btn { position: relative; margin: 30px auto 0; width: 150px; background: #fff; color: #E5472E; border: 1px solid #E5472E; line-height: 30px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
  .pro_ban .right .pro_ban_csxz > div ul.pro_ban_sider, .pro_ban .right .pro_ban_csxz > div span { height: 32px; }
  .pro_ban .right .pro_ban_csxz > div ul.pro_ban_siderT { height: 14px; }
  .prode_lc { display: none; }
  .main-show { margin-top: 50px; }
  .pro-show { padding-top: 120px; }
  .base-pic { width: 100%; margin-top: 20px; }
  .base-pic .pic-txt { display: none; }
  .pro-base .base-info { width: 96%; margin-left: 2%; margin-right: 2%; padding-bottom: 20px; min-height: auto; }
  .pro-base .base-info .info-con { width: 100%; padding: 20px; margin-left: 0; }
  .pro-base .base-info .info-con h1 { font-size: 32px; }
  .pro-base .base-info .info-con .con-cs { margin: 30px 0; }
  .pro-base .base-info .base-btn, .pro-base .base-info.base-case .base-btn { position: static; margin: 20px; }
  .main-side { width: 100%; margin-top: 10px; }
  .side-products strong { font-size: 16px; font-family: renebieder; color: #515155; }
  .side-products p::before { background-color: #68a3ec; }
  .side-products p a { color: #68a3ec; }
  .side-products p a:hover { color: #68a3ec; }
  .main-con { width: 100%; }
  .blogname.con-name { width: 100%; }
  .name-show { font-weight: bold; }
  .name-show span { background: none; padding: 0px; color: #778ECD; font-size: 14px; line-height: 16px; float: none; }
  .name-show i { padding: 0 10px; }
  .name-show span a { color: #646A7C; text-decoration: none; }
  .name-show span a:hover { color: #E5472E; }
  .submit-con { width: 84%; }
  .blog-author { padding: 30px; } }

@media (max-width: 860px) { .logo { margin-top: 0px; }
  .headerMain { width: 470px; }
  .headerMain .headerMainTop .nav .nav-con > li a { margin-right: 12px; }
  .headerMain .headerMainTop .nav .nav-con > li.nav-icon a { padding-right: 22px; margin-right: 10px; }
  .headerMain .headerMainTop .nav .nav-con > li.nav-icon a:after { top: 7px; }
  .bannerSea .bannerSeaInput { line-height: 24px; padding: 5px 10px; }
  .bannerSea .bannerSeaBtn { height: 34px; padding: 0px 30px; background-size: 17px; }
  .index-txt .txt-info { width: 52%; }
  .index-txt .txt-info p { font-size: 16px; }
  .index-txt .txt-font h2 { font-size: 40px; }
  .index-case { margin-top: 100px; }
  .index-case ul li .case-pic .con-font { height: 70px; }
  .index-case ul li .case-pic .con-font a { padding: 20px 20px 0 20px; font-size: 24px; }
  .index-case ul li .case-info { padding: 20px 20px 40px 20px; }
  .index-blog ul li { width: 47.2858%; }
  .index-blog ul li .index-blogTit { font-size: 16px; padding: 20px 15px; }
  .BlogComOne .BlogComOneTop h1 { font-size: 32px; }
  .BlogComOne .BlogComOneBom h2 { font-size: 28px; }
  .BlogComTwo .wrap { margin-top: 30px; margin-bottom: 30px; }
  .BlogComTwo .BlogComTwoTop h2 { font-size: 28px; padding-bottom: 20px; }
  .BlogComTwo .BlogComTwoBtn { position: relative; position: relative; top: auto; right: auto; text-align: center; overflow: hidden; line-height: 1; padding-top: 25px; }
  .blog-txt h1 { font-size: 32px; }
  .blog-txt p { font-size: 15px; line-height: 30px; }
  .news-list li { margin-bottom: 20px; }
  .prolist { margin-top: 50px; }
  .show-good .good-con ul { padding: 100px 0; margin-left: 0%; }
  .show-good .good-con ul li { margin: 2%; width: 29.3%; }
  .show-good .good-con ul li img { width: 66px; }
  .show-good .good-con ul li p { font-size: 16px; }
  .con-show table thead tr th { font-size: 22px; }
  .author-pic { width: 100px; margin-right: 24px; }
  .author-txt span { font-size: 16px; line-height: 32px; margin-top: 16px; } }

@media (max-width: 768px) { .header { padding: 10px 0; position: relative; }
  .header.wrap { width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; }
  .logo { margin-top: 3px; width: 160px; margin-bottom: 15px; }
  .headerMain { clear: both; display: block; width: auto; }
  .headerMain .headerMainTop { padding-bottom: 0px; }
  .headerMain .headerMainTop .nav { padding-right: 0px; }
  .headerMain .headerMainTop .nav .nav-btn { display: block; float: right; position: relative; z-index: 99; width: 35px; height: 35px; padding: 4px; margin-top: -50px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
  .headerMain .headerMainTop .nav .nav-btn i { display: block; height: 3px; background-color: #FFF; margin: 3px 0 5px; border-radius: 5px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
  .headerMain .headerMainTop .nav .nav-btn.open i { display: none; margin: 0; position: absolute; left: 3px; top: 14px; width: 30px; }
  .headerMain .headerMainTop .nav .nav-btn.open i:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
  .headerMain .headerMainTop .nav .nav-btn.open i:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
  .headerMain .headerMainTop .nav .nav-con { display: none; position: fixed; right: 0; top: 60px; width: 100%; background-color: #FFF; overflow-y: auto; max-height: 100%; z-index: 99999; -webkit-box-shadow: 0px 6px 6px -6px rgba(0, 83, 115, 0.5); -moz-box-shadow: 0px 6px 6px -6px rgba(0, 83, 115, 0.5); -ms-box-shadow: 0px 6px 6px -6px rgba(0, 83, 115, 0.5); -o-box-shadow: 0px 6px 6px -6px rgba(0, 83, 115, 0.5); box-shadow: 0px 6px 6px -6px rgba(0, 83, 115, 0.5); }
  .headerMain .headerMainTop .nav .nav-con > li { width: 100%; margin-left: 0; }
  .headerMain .headerMainTop .nav .nav-con > li a { color: #08112A; padding: 0; line-height: 44px; position: relative; text-align: center; }
  .headerMain .headerMainTop .nav .nav-con > li.nav-icon > a:after { background-image: url(/public/newsimg/nav-icon01.png); left: auto; right: 15px; bottom: 17px; }
  .headerMain .headerMainTop .nav .nav-con > li.nav-icon.nav-open > a:after { background-image: url(/public/newsimg/nav-icon02.png); }
  .headerMain .headerMainTop .nav .nav-con > li:last-child { display: block; }
  .headerMain .headerMainTop .nav .nav-con > li.nav-icon .nav-sub, .headerMain .headerMainTop .nav .nav-con > li.nav-open .nav-sub { display: none; }
  .headerMain .headerMainTop .nav .nav-con > li .nav-sub { position: static; width: 100%; background-color: #F2F2F2; }
  .headerMain .headerMainTop .nav .nav-con > li .nav-sub .nav-sub li { border-bottom: 1px dashed #DDD; }
  .headerMain .headerMainTop .nav .nav-con > li .nav-sub .nav-sub li a { font-size: 14px; }
  .headerMain .headerMainBom { display: none; }
  .nav-m.nav-open .nav-all { display: block; }
  .top-search { top: -43px; right: 60px; }
  .top-search span { line-height: 42px; }
  .top-searchBox { background: #f0f0f0; display: none; top: 55px; height: auto; clear: both; padding: 0px; position: relative; top: 15px; left: auto; right: auto; margin: 0px -20px; }
  .top-searchBox .top-searchInput { border: 1px solid #08112a; }
  .top-searchBox .top-searchBtn { right: 20px; top: 20px; }
  .ser-con .top-searchBox { display: block; padding: 15px; width: auto; }
  .ban-font a.ban-tit { font-size: 46px; }
  .ban-font p { line-height: 1.8; }
  .ban-font p br { display: none; }
  .index-txt { margin-bottom: 50px; }
  .index-txt .txt-info { width: 180px; }
  .index-txt .txt-info a { padding: 8px 20px; }
  .index-txt .txt-info p { display: none; }
  .index-txt .txt-font h2 { font-size: 36px; }
  .index-txt .txt-font h2 sup { font-size: 28px; }
  .index-type { margin-top: 60px; }
  .index-type .type-item { width: 100%; height: 480px !important; padding-bottom: 30px; }
  .index-type .type-item a img { margin: 0 auto; }
  .index-type .type-item .type-txt { bottom: 30px; font-size: 24px; position: static; text-align: center; margin-top: 20px; padding-right: 0; }
  .index-type .type-item .type-pic { margin-top: 20px; }
  .index-case { margin-top: 80px; padding-bottom: 10px; }
  .index-case ul { margin-left: 0; }
  .index-case ul li { width: 100%; margin-left: 0; }
  .index-case ul li .case-info { padding: 20px 0; }
  .index-blog ul { margin-left: 0%; }
  .index-blog ul li { float: none; clear: both; width: 100%; margin-left: 0; }
  .index-blog ul li .index-blogTit { font-size: 18px; padding: 20px 0px; }
  .index-blog ul li:hover { background: none; box-shadow: none; }
  .index-about .about-info h1 { font-size: 38px; }
  .footer .foot-con { padding: 40px 4% 60px 4%; }
  .footer .foot-con .foot-cont { width: 100%; }
  .footer .foot-con .foot-logo, .footer .foot-con .foot-base { margin-top: 60px; }
  .footer .foot-con .foot-help { display: none; }
  .footer .foot-con .foot-link { padding: 10px 0% 20px 0%; border: 0px; border-bottom: 1px solid #334067; width: 100%; margin: 0 auto 30px; }
  .fix-side { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
  .fix-side .fix-swt, .fix-side ul li.fix-email { display: none !important; }
  .fix-side.fix-Top { width: 70px; bottom: 120px; height: auto; top: auto; }
  .fix-side.fix-Top ul li.fix-close { padding: 10px 14px; margin-bottom: 0px; border: 1px solid #b8bbc8; background: #fff; border-right: 0px; }
  .place-about { overflow-x: initial; overflow-y: initial; }
  .about_top { padding: 40px 0 48px; }
  .about_top h1 { font-size: 50px; }
  .aboutone { margin-top: 50px; padding-bottom: 15px; }
  .aboutone h2 { padding-bottom: 26px; font-size: 20px; margin-bottom: 36px; }
  .aboutone h2 span { font-size: 24px; margin-top: 10px; }
  .aboutone .about_us_slide:nth-child(3) { margin: 25px auto; }
  .aboutone .about_us_slide .p_title { font-size: 18px; }
  .aboutone .about_us_slide .right { width: 80%; margin: 30px 10% 0; }
  .aboutone .about_us_slide .p_text { margin-top: 18px; line-height: 32px; }
  .about_service { margin-top: 50px; }
  .about_service .box .right { line-height: 32px; }
  .about_service_top h2 { width: 100%; padding: 5px 0 30px; font-size: 20px; }
  .about_service_top h2 span { font-size: 24px; margin-top: 10px; }
  .about_service_nub { margin-top: 30px; }
  .about_service_nub div { padding-bottom: 18px; }
  .about_service_nub p { font-size: 30px; margin-bottom: 0px; }
  .about_service_nub span { font-size: 12px; line-height: 1.2em; }
  .about_client { margin-top: 40px; }
  .about_client img { height: 300px; }
  .about_exported { padding: 60px 0 40px; }
  .about_exported h2 { font-size: 24px; }
  .about_exported h2 span { margin-top: 15px; }
  .about_exported .text { margin-top: 20px; text-align: left; }
  .about_case { margin-top: 40px; padding-bottom: 20px; }
  .about_case_slide .p_title { line-height: 90px; font-size: 16px; }
  .about_case_slide .p_title img { margin-right: 20px; width: 90px; }
  .about_case_slide .p_text { margin-top: 30px; }
  .about_team { margin: 60px auto; }
  .about_team .right, .about_team .left { width: 100%; margin-bottom: 15px; }
  .about_team .left img { margin-bottom: 20px; }
  .about_team h2 { padding-left: 0; font-size: 20px; margin-bottom: 20px; }
  .about_team h2 span { font-size: 24px; margin-top: 10px; }
  .about_team .right p { padding-left: 0; margin-bottom: 15px; }
  .about_wcu { margin: 60px auto 68px; }
  .about_wcu h2 { font-size: 30px; margin-bottom: 20px; }
  .about_wcu p { line-height: 1.8em; font-size: 14px; text-align: left; }
  .about_wcu li { width: 21%; margin: 30px 2% 0; }
  .about_wcu ul { margin-bottom: 20px; }
  .about_message .p_text1 { font-size: 14px; }
  .BlogComThreeFlmobTit { display: block; font-size: 20px; color: #fff; background: #586ea9; padding: 5px 15px; text-align: center; font-family: "homestorebold"; font-weight: bold; }
  .BlogComOne { background-size: 1061px 1110px; }
  .BlogComThreeOne .bannerSeaBtn { top: 26px; right: 26px; }
  .BlogComOne .BlogComOneTop { padding-bottom: 30px; }
  .BlogComOne .BlogComOneTop h1 { padding-bottom: 15px; }
  .BlogComOne .BlogComOneTop p { font-size: 16px; line-height: 32px; width: 100%; }
  .BlogComOne .BlogComOneBom { padding-bottom: 60px; }
  .BlogComOne .BlogComOneBom h2 { padding-bottom: 20px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl { float: none; clear: both; width: 100%; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox { position: relative; left: auto; right: auto; bottom: auto; background: #08112a; padding: 15px 20px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox a { font-size: 16px; line-height: 24px; padding-bottom: 0; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox a:before { width: 18px; height: 18px; line-height: 18px; top: -21px; font-size: 12px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox p { display: none; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr { float: none; clear: both; width: 100%; padding: 20px 20px; background: #f0f0f0; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr li { border-bottom: 1px solid #e1e1e1; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr li a { padding-left: 30px; font-size: 16px; line-height: 24px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFr li a:before { width: 18px; height: 18px; line-height: 18px; top: 1px; font-size: 12px; }
  .BlogComThreeTwo { clear: both; display: block; padding: 5px 15px 0px 15px; }
  .BlogComThreeTwo h4 { padding: 10px 0px; color: #08112a; background: none; border-bottom: 1px solid #586ea9; background-image: url(/public/newsimg/BlogComArrow03.png); background-size: 16px; background-position: right center; background-repeat: no-repeat; cursor: pointer; font-size: 16px; }
  .BlogComTwo .BlogComTwoTop h2 { text-align: center; }
  .BlogComThreeTwo ul { display: none; }
  .BlogComThreeTwo ul.active { display: block; }
  .BlogComTwo .BlogComTwoBom .swiper-wrapper .swiper-slide { width: 77%; }
  .BlogComTwo .BlogComTwoBomItem { padding-right: 5%; padding-left: 5%; }
  .BlogComTwo .BlogComTwoBomItem .BlogComTwoBomTit { font-size: 16px; line-height: 26px; }
  .BlogComThree .BlogComThreeBom { padding-left: 0px; margin-top: 60px; }
  .BlogComThree .BlogComThreeFl { position: relative; left: auto; top: auto; width: 100%; margin-bottom: 25px; background: #e2e8f9; padding: 0px 0px 15px 0px; }
  .BlogComThree .BlogComThreeFl .BlogComThreeOne { margin-bottom: 5px; padding: 15px 15px 0px 15px; }
  .BlogComThreeUl li { padding: 0px; margin-bottom: 25px; }
  .BlogComThreeUl li .BlogComThreeUlPic { margin-bottom: 0px; }
  .BlogComThreeUl li .BlogComThreeUlBox { padding: 10px; }
  .BlogComThreeUl li .BlogComThreeUlBox a { font-size: 16px; margin-bottom: 0px; }
  .BlogComThreeUl li .BlogComThreeUlBox p { display: none; }
  .BlogComThreeBtn { font-size: 12px; width: 120px; height: 40px; line-height: 38px; margin-left: auto; margin-right: auto; display: block; margin-top: 20px; }
  .BlogComThreeOne .bannerSeaBtn { top: 26px; right: 26px; }
  .blog-txt p { margin: 16px 0; }
  .new-blog-txt { margin-top: 40px; }
  .news-list { margin-top: 40px; }
  .news-list li h3 a { font-size: 20px; }
  .news-list li p { line-height: 25px; height: 50px; margin-top: 8px; }
  .news-list li span { margin-top: 8px; }
  .list-show { margin-top: 40px; }
  .solu-list li { margin-bottom: 36px; }
  .solu-list li .solu-pic { width: 210px; }
  .solu-list li .solu-info { padding: 20px; }
  .solu-list li .solu-info p { display: none; }
  .solu-list li .solu-info p.solu-font { display: block; margin-top: 20px; }
  .solu-list li .solu-info h3 a { font-size: 26px; }
  .solu-list li .solu-info .solu-more { text-align: left; margin-top: 30px; }
  .solu-list li .solu-info .solu-more .btn-more { width: 48%; }
  .solu-list li .solu-info .solu-more .solu-link { position: static; float: left; margin-right: 10px; width: 48%; margin-right: 4%; }
  .solu-list li .solu-info .solu-more .solu-link a { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
  .prolist { margin-top: 40px; }
  .prolist_part { padding: 22px 20px 30px; margin-bottom: 35px; }
  .prolist_part ul { padding-top: 0; }
  .prolist_part li { padding: 15px 15px 0 5px; }
  .prolist_part .more { margin-top: 25px; }
  .prolist_part_mill .more { margin-top: 0; }
  .pro_related { padding: 12px 0; margin-bottom: 45px; }
  .show-good { display: none; }
  .show-good .good-base { padding: 40px 20px 60px; -webkit-box-shadow: 0 3px 10px rgba(12, 25, 54, 0.4); -moz-box-shadow: 0 3px 10px rgba(12, 25, 54, 0.4); -ms-box-shadow: 0 3px 10px rgba(12, 25, 54, 0.4); -o-box-shadow: 0 3px 10px rgba(12, 25, 54, 0.4); box-shadow: 0 3px 10px rgba(12, 25, 54, 0.4); }
  .show-good .good-base strong { font-size: 28px; }
  .show-good .good-base p { font-size: 16px; line-height: 32px; margin-top: 24px; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox .xh, .pro_ban .right .pro_ban_mao .pro_ban_maobox .cl { width: 100%; margin-top: 12px; }
  .pro_ban .right .pro_ban_mao .pro_ban_maobox .tishi { width: 100%; margin-top: 12px; }
  .main-show { margin-top: 40px; }
  .pro-show { padding-top: 80px; }
  .pro-base .base-info .info-con h1 { font-size: 30px; }
  .pro-base .base-info .info-con .con-cs p { font-size: 16px; margin: 0; line-height: 44px; }
  .con-show { font-size: 16px; }
  .con-show h1 { font-size: 28px; }
  .con-show h2 { font-size: 22px; }
  .con-show h3 { font-size: 18px; margin-left: 0 !important; }
  .con-show h4 { font-size: 18px; }
  .showStrong { font-size: 18px; }
  .showStrong img { height: 30px; }
  .con-show ul, .con-show ol { padding-left: 26px; }
  .con-show .show-list { padding-left: 0; }
  .con-show .show-list li { padding-left: 26px !important; }
  .con-show .show-list li::before { left: 10px; top: 17px; }
  .con-show .show-order { padding-left: 0; }
  .con-show .show-order li { padding-left: 26px !important; }
  .con-show .show-order li span { left: 0; top: 12px; }
  .con-show .show-key { padding: 12px 15px; }
  .con_blog { margin: 0px auto; }
  .con_blog ul { padding-left: 10px !important; }
  .con_blog span { font-size: 14px; }
  .mo-param { display: block; }
  .pc-param { display: none; }
  .data-tab ul li { margin-left: 20px; font-size: 16px; }
  .data-tab ul li.cur { padding-left: 20px; }
  .con-name { margin-bottom: 50px; }
  .blogname.con-name h1 { font-size: 28px; }
  .error { margin: 80px auto 100px; }
  .error img { width: 500px; }
  .show-btn { margin-top: 20px; margin-left: 0; }
  .show-btn a, .show-btn span { width: 200px; line-height: 60px; font-size: 16px; }
  .submit-con { margin: 80px auto; }
  .submit-con img { width: 100px; }
  .submit-con p { font-size: 20px; line-height: 1.7; }
  .blog-author { margin: 50px 0; }
  .author-txt span { margin-top: 10px; }
  .searchPageOne { padding-bottom: 25px; }
  .searchPageOne h1 { font-size: 30px; padding-top: 30px; padding-bottom: 20px; }
  .searchPageTwo { padding-top: 20px; padding-bottom: 30px; }
  .searchPageTwo .searchPageTwoBom dl .searchPageTwoTop { padding-bottom: 12px; margin-bottom: 20px; }
  .searchPageTwo .searchPageTwoBom dl dd { padding: 15px 15px; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 16px; }
  .searchPageTwo .searchPageTwoBom dl dd p { font-size: 16px; line-height: 30px; }
  .searchPageTwo .searchNone .searchNoneOne { padding-bottom: 50px; }
  .searchPageTwo .searchNone .searchNoneTwo { font-size: 20px; } }

@media (max-width: 660px) { .ban-font a.ban-tit { font-size: 40px; }
  .ban-font p { font-size: 20px; }
  .bannerSea { overflow: hidden; position: relative; }
  .bannerSea .bannerSeaInput { line-height: 24px; padding: 5px 10px; }
  .bannerSea .bannerSeaBtn { height: 34px; padding: 0px 30px; background-size: 17px; }
  .index-txt .txt-font h2 { font-size: 32px; }
  .index-txt .txt-font h2 sup { font-size: 26px; }
  .index-case { margin-top: 70px; }
  .index-about .about-info h1 { font-size: 36px; }
  .fix-side.fix-Top { width: 45px; }
  .fix-side.fix-Top ul li.fix-close { padding: 5px 7px 6px 7px; }
  .fix_layer .box a { font-size: 24px; height: 85px; line-height: 70px; }
  .fix_layer .box a::after { height: 32px; }
  .news-list li { padding: 16px 18px; }
  .news-list li .list-news-right { width: 36%; }
  .news-list li .list-news-left { width: 63%; padding-left: 15px; }
  .show-good .good-con ul { padding: 80px 0 40px; margin-left: 0; width: 100%; }
  .show-good .good-con ul li { width: 100%; margin: 0 0 40px; }
  .show-good .good-con ul li p { margin-top: 20px; }
  .pro_ban .right .pro_ban_btn li { width: 45%; margin: 18px 4% 0 0; }
  .pro_ban .right .pro_ban_yx { margin-top: 25px; }
  .con-show table thead tr th { font-size: 18px; }
  .pro-base .base-info .base-btn .btn-link { float: none; margin: 0 auto; width: 100%; }
  .pro-base .base-info .base-btn .btn-font { width: 100%; margin-left: 0; margin-top: 20px; }
  .con-show .show-key { padding: 10px 12px; }
  .submit-con .show-btn a, .submit-con .show-btn span { width: 160px; }
  .blog-author { margin: 40px 0; }
  .author-txt span { font-size: 15px; } }

@media (max-width: 550px) { .ser-con .ser-form { margin-right: 8%; width: 92%; }
  .index-txt .txt-info { width: 160px; margin-top: -8px; }
  .index-type .type-item .type-txt { font-size: 20px; }
  .index-type .type-item .type-txt:after { margin-left: 10px; width: 22px; height: 22px; }
  .index-case { margin-top: 60px; }
  .footer .foot-con dl dt { font-size: 28px; }
  .footer .foot-con .foot-help { width: 100%; }
  .footer .foot-con .foot-link strong { font-size: 28px; }
  .footer .foot-con .foot-logo, .footer .foot-con .foot-base { margin-top: 40px; }
  .fix_layer .box a { font-size: 22px; height: 75px; line-height: 60px; }
  .fix_layer .box a::after { height: 30px; }
  .fix_layer .box .close span { font-size: 18px; }
  .about_ban .btn { width: 90px; height: 90px; }
  .about_top { padding: 34px 0 42px; }
  .about_top h1 { font-size: 40px; }
  .aboutone .about_us_slide .right { width: 100%; margin: 30px 0 0; }
  .aboutone .about_us_slide .p_title { font-size: 16px; }
  .aboutone .about_us_slide .p_text { font-size: 16px; }
  .about_case { padding-bottom: 15px; }
  .about_case_slide { padding: 15px 20px 25px; }
  .about_case_slide div { padding: 0 20px 30px; }
  .about_case_slide .p_title img { margin-left: -20px; }
  .about_case_slide .p_text { font-size: 14px; }
  .about_wcu { margin: 50px auto 58px; }
  .about_wcu h2 { font-size: 26px; }
  .about_wcu p { margin-top: 15px; }
  .about_wcu li { width: 42%; margin: 30px 4% 0; }
  .about_message { padding: 50px 0; }
  .about_message .messTit { font-size: 34px; }
  .about_message .messTit span { font-size: 20px; }
  .about_message .p_text1 { margin-top: 18px; }
  .about_message .left li { padding: 5px 0 5px 12px; font-size: 16px; }
  .about_message .left li:before { top: 14px; width: 6px; height: 6px; }
  .about_message .p_text2 { margin-top: 20px; }
  .about_message .right ul { padding-top: 30px; }
  .about_message .right li { margin-bottom: 25px; }
  .about_message .right li textarea { padding: 12px 8%; }
  .about_message .right .btn { height: 50px; font-size: 20px; }
  .blog-txt h1 { font-size: 30px; }
  .prolist { margin-top: 30px; }
  .prolist_part { padding: 22px 10px 30px; margin-bottom: 35px; }
  .prolist_part li { width: auto; margin-right: 20px; }
  .prolist_part_right ul { width: 100%; }
  .prolist_part h2, .prolist_part h2 a { font-size: 20px; line-height: 40px; }
  .prolist_part h2 img { height: 40px; margin-right: 5px; }
  .prolist_secondary_list ul { width: 96%; margin: auto; }
  .prolist_secondary_list li { width: 100%; margin-left: 0; }
  .prolist_secondary_related ul { width: 92%; }
  .show-good .good-base { padding: 30px 12px 40px; }
  .show-good .good-base strong { font-size: 24px; line-height: 1.5; }
  .con-show .show-key { padding: 6px 10px; }
  .error { margin: 60px auto 80px; }
  .error img { width: 400px; }
  .submit-con { margin: 60px auto; width: 96%; }
  .submit-con img { width: 80px; }
  .submit-con p { font-size: 16px; } }

@media (max-width: 480px) { .index-txt { margin-bottom: 40px; }
  .index-txt .txt-info { display: none; }
  .index-txt .txt-font h2 { font-size: 30px; padding-top: 0; }
  .index-txt .txt-font h2 sup { font-size: 24px; }
  .index-type { margin-top: 50px; }
  .index-type .type-item { width: 100%; }
  .index-case { margin-top: 50px; }
  .index-blog ul li .index-blogTit { font-size: 16px; padding: 10px 0px; }
  .index-about .about-info h1 { font-size: 32px; }
  .footer .foot-con { padding-top: 30px; }
  .footer .foot-con dl dt { font-size: 26px; }
  .footer .foot-con .foot-link strong { font-size: 26px; }
  .fix_layer .box a { font-size: 20px; height: 60px; line-height: 50px; }
  .fix_layer .box a::after { height: 26px; margin-left: 10px; }
  .fix_layer .box .close span { font-size: 16px; }
  .about_top h1 { font-size: 40px; }
  .about_top p { margin-top: 5px; }
  .aboutone .about_us_slide a { margin-top: 15px; }
  .aboutone .about_us_slide .right { margin: 15px auto; }
  .about_service_top h2 { padding: 0 0 15px; }
  .about_service_top h2::before, .about_service_top h2::after { display: none; }
  .about_service_nub { margin-top: 15px; }
  .about_service_nub div { margin-top: 10px; }
  .about_service_nub p { font-size: 24px; }
  .about_message .share span { line-height: 30px; font-size: 16px; }
  .about_message .share img { width: 30px; height: 30px; margin-right: 12px; }
  .about_message .right li input, .about_message .right li textarea { padding-left: 13%; }
  .about_message .right li span { left: 13%; }
  .BlogComOne .BlogComOneTop h1 { font-size: 28px; }
  .BlogComOne .BlogComOneTop p { line-height: 28px; }
  .BlogComOne .BlogComOneBom h2 { font-size: 24px; }
  .BlogComOne .BlogComOneBom .BlogComOneBomFl .BlogComOneBomFlBox a { color: #edeff5; }
  .BlogComTwo .BlogComTwoTop h2 { font-size: 24px; }
  .news-list { margin-top: 40px; margin-bottom: 40px; }
  .news-list li { padding: 15px 17px 25px; }
  .news-list li:before { width: 6px; }
  .news-list li .list-news-left { width: 100%; margin-top: 14px; padding-left: 0; }
  .news-list li .list-news-right { width: 100%; }
  .news-list li h3 a { white-space: normal; }
  .solu-list li, .solu-list li.solu-even { border-image: none; border: none; }
  .solu-list li .solu-pic { width: 100%; }
  .solu-list li .solu-info h3 a { height: auto; }
  .solu-list li .solu-info { padding: 12px; }
  .pro-base .base-info .base-btn .btn-link a { line-height: 55px; }
  .con-show a.con_tab_swt { font-size: 14px; padding: 0 12px 0 16px; height: 34px; line-height: 32px; }
  .con-show a.con_tab_swt::before { width: 15px; height: 15px; }
  .con-show .show-key { padding: 4px 8px; }
  .data-tab ul li { margin-right: 12px; padding: 5px 0; }
  .data-tab ul li:after { margin-right: 12px; }
  .data-tab ul li.cur { padding-left: 0; background: none; }
  .blog-author { padding: 20px; margin: 30px 0; }
  .author-pic { float: none; margin: 0 auto 10px; width: 80px; }
  .author-txt { text-align: center; }
  .author-txt span { display: none; }
  .author-txt strong { font-size: 20px; }
  .error img { width: 320px; }
  .show-btn { margin-top: 40px; }
  .show-btn a, .show-btn span { width: 47%; margin: 0 1.5%; line-height: 50px; }
  .submit-con .show-btn a, .submit-con .show-btn span { width: 47%; margin: 0 1.5%; line-height: 50px; }
  .searchPageOne { padding-bottom: 20px; }
  .searchPageOne h1 { font-size: 25px; padding-top: 25px; padding-bottom: 15px; line-height: 1.2; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomPic { float: none; clear: both; display: block; margin-right: 0px; margin-bottom: 10px; max-width: 100%; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 16px; line-height: 24px; display: block; }
  .searchPageTwo .searchPageTwoBom dl dd p { font-size: 14px; line-height: 24px; } }

@media (max-width: 420px) { .header { padding: 10px 0; }
  .logo { width: 180px; }
  .top-search span { line-height: 36px; }
  .ban-font { top: 28%; }
  .ban-font a.ban-tit { font-size: 32px; }
  .ban-font p { font-size: 16px; margin-top: 20px; }
  .index-txt { margin-bottom: 30px; }
  .index-txt .txt-font h2 { font-size: 28px; }
  .index-type { margin-top: 40px; }
  .index-case { margin-top: 40px; }
  .index-case ul li .case-pic .con-font { height: 50px; }
  .index-case ul li .case-pic .con-font a { padding: 0 10px; font-size: 20px; line-height: 50px; }
  .index-about .about-info h1 { font-size: 30px; }
  .footer .foot-con dl dd, .footer .foot-con dl dd a { font-size: 15px; }
  .footer .foot-con .foot-base { font-size: 15px; line-height: 1.4; }
  .footer .foot-con .foot-logo, .footer .foot-con .foot-base { margin-top: 30px; }
  .fix-side.fix-Top { bottom: 80px; }
  .place-show ol li a { margin-right: 4px; }
  .place-show ol li { padding-left: 4px; font-size: 13px; }
  .about_service_nub { margin-top: 25px; display: flex; }
  .BlogComOne .BlogComOneBom h2 { font-size: 22px; }
  .BlogComTwo .BlogComTwoTop h2 { font-size: 22px; }
  .BlogComTwo .BlogComTwoBomItem .BlogComTwoBomTit { font-size: 14px; line-height: 24px; }
  .new-blog-txt { margin-top: 24px; }
  .news-list { margin-top: 24px; }
  .list-show { margin-top: 24px; }
  .show-good .good-base strong { font-size: 20px; }
  .show-good .good-con ul { padding: 60px 0 30px; }
  .show-good .good-con ul li { margin-bottom: 30px; }
  .show-good .good-con ul li img { width: 60px; }
  .show-good .good-con ul li p { margin-top: 12px; }
  .main-show { margin-top: 24px; }
  .pro_ban .right .pro_ban_btn li { width: 47%; margin-right: 3%; }
  .pro_ban .right .pro_ban_btn li a { padding-left: 20%; }
  .pro_ban .right .pro_ban_btn li a img { width: 24px; margin-left: -26px; margin-top: 9px; }
  .pro-show { padding-top: 66px; }
  .pro-base .base-info .info-con { padding: 12px; }
  .pro-base .base-info .info-con h1 { font-size: 25px; }
  .pro-base .base-info .info-con p { font-size: 15px; line-height: 32px; }
  .pro-base .base-info .info-con .con-cs { margin: 16px 0; }
  .pro-base .base-info .info-con .con-cs p { font-size: 16px; line-height: 36px; }
  .pro-base .base-info .info-con .con-cs p img { width: 17px; height: auto; margin-right: 5px; }
  .pro-base .base-info .base-btn { margin: 12px; }
  .pro-base .base-info .base-btn .btn-font:before { display: none; }
  .pro-base .base-info .base-btn .btn-font { padding-left: 0; }
  .con-show a.con_tab_swt { font-size: 12px; padding: 0 8px 0 12px; height: 30px; line-height: 30px; height: 32px; }
  .blog-author { -webkit-box-shadow: 0 1px 8px rgba(115, 155, 255, 0.5); -moz-box-shadow: 0 1px 8px rgba(115, 155, 255, 0.5); -ms-box-shadow: 0 1px 8px rgba(115, 155, 255, 0.5); -o-box-shadow: 0 1px 8px rgba(115, 155, 255, 0.5); box-shadow: 0 1px 8px rgba(115, 155, 255, 0.5); }
  .author-pic { width: 60px; }
  .author-txt strong { font-size: 16px; }
  .show-btn a, .show-btn span { font-size: 16px; }
  .submit-con { margin: 40px auto; padding: 30px 4% 40px; }
  .submit-con img { width: 66px; }
  .submit-con p { margin-top: 30px; }
  .pro-route { margin-top: 24px; } }

@media (max-width: 360px) { .ban-font { padding: 0 10px; }
  .ban-font a.ban-tit { font-size: 28px; }
  .index-txt .txt-font h2 { font-size: 27px; }
  .index-about .about-info h1 { font-size: 26px; }
  .footer .foot-con .foot-logo, .footer .foot-con .foot-base { margin-top: 20px; }
  .fix_layer .box a { font-size: 18px; height: 50px; line-height: 40px; }
  .fix_layer .box a::after { height: 20px; margin-left: 0; }
  .fix_layer .box .close span { font-size: 14px; }
  .about_message .right li span { left: 11%; }
  .BlogComOne .BlogComOneBom h2 { font-size: 20px; }
  .BlogComTwo .BlogComTwoTop h2 { font-size: 20px; }
  .pro_ban .right .pro_ban_btn li a { font-size: 12px; }
  .pro_ban .right .pro_ban_btn li a img { margin-left: -25px; }
  .con-show h1 { font-size: 26px; }
  .con-show p.read-info { font-size: 16px; }
  .con-show p { margin: 1.2em 0; }
  .con-name { margin-bottom: 2em; }
  .blogname.con-name h1 { font-size: 26px; }
  .name-show { font-size: 13px; }
  .name-show i { padding: 0 6px; }
  .error { margin: 40px auto 60px; }
  .show-btn a, .show-btn span { font-size: 15px; line-height: 44px; }
  .submit-con p { font-size: 15px; }
  .searchPageOne h1 { font-size: 20px; padding-top: 20px; padding-bottom: 10px; }
  .searchPageTwo .searchPageTwoBom dl dd .searchPageTwoBomTit { font-size: 14px; line-height: 22px; } }

@keyframes prode_lcbg1 { 0% { background-size: auto 100%; }
  20% { background-size: 40%; }
  40% { background-size: 70%; }
  60% { background-size: 50%; }
  80% { background-size: 100%; }
  100% { background-size: 60%; } }

@keyframes prode_lcbg2 { 0% { background-size: auto 100%; }
  20% { background-size: 40%; }
  40% { background-size: 70%; }
  60% { background-size: 50%; }
  80% { background-size: 100%; }
  100% { background-size: 60%; } }

@keyframes prode_lcbg3 { 0% { background-size: auto 100%; }
  20% { background-size: 40%; }
  40% { background-size: 80%; }
  60% { background-size: 50%; }
  80% { background-size: 100%; }
  100% { background-size: 60%; } }

@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }