/**
* base.css
* https://www.yangqq.com/
* Copyright 2019, design by yangqq
*/
@charset "UTF-8";
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #000; background: #fff; font-size: 15px; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #da192a; text-decoration: none; }
h1 { font-size: 28px }
h2 { font-size: 18px;text-align: center;}
h3 { font-size: 17px }
i { font-style: normal; }
.clear, .blank { clear: both; width: 100%; overflow: hidden; }
.blank { height: 20px }
.box, article { width: 1200px; margin: auto; overflow: hidden }
.logo img { margin: 20px auto; height: 60px; }
/*topnav*/

.logo .lang img{margin: 0px 6px -3px 0px;padding: 0px;display: inline-block;height: 17px;}
.logo .lang .cn{margin-right: 10px;}
.logo .lang a{font-weight: 600;}
.logo .lang span{font-weight: 100;}
.logo{position: relative;margin: 0px auto;}
.m-logo,#m-solid{display:none;}
.pc-logo{display:block;}
.logo .lang{position: absolute;padding: 3px 20px 6px 20px;width: 265px;height: 20px;right: 0px;top: -19px;font-size: 14px;border: 1px solid #cccccc;border-top: none;border-bottom-left-radius: 26px;border-bottom-right-radius: 26px;}
.logo .lang a{display:inline-flex;}
.topnav { background: #fff; position: relative; width: 100%;background-image:
linear-gradient(#2c3975,#1c2435,#1c2435, #fff); }
.topnav:before { display: table; content: " "; }
.topnav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
nav { line-height: 60px; position: relative; width: 1200px; margin: auto; }
nav #starlist { margin: auto; width: 1200px; overflow: hidden; }
#starlist li { position: relative; display: inline-block; font-size: 15px; }
#starlist li a { display: block; padding: 0 30px; color: #fff;font-weight: 700;}
#starlist li a:hover { color: #f80300; }
#selected { position: relative }
#starlist li a#selected { color: #f80300; font-weight: bold; }
#mnavh { display: none; margin: 0; width: 24px; height: 40px; float: right; text-align: center; padding: 0 10px; }
.navicon { display: block; position: relative; width: 30px; height: 3px; background-color: #fff; margin-top: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background:
#fffefe; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform;
transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
-webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute;background: #fff; }
.menu:after { content: ""; position: absolute; right: 5px; top: 24px; width: 0; height: 0; border-width: 4px 4px 0;border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s
ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu:hover:after { transform: rotate(180deg) }
.is-fixed { position: fixed; top: 0 !important; box-shadow: 0px 3px 10px 1px rgba(144, 161, 180, 0.4); z-index: 99; }
/*use*/
/*banner*/
.banner { width: 100%; height:100%;float: left; overflow: hidden;}
.banner .banner1{width: 100%; height: 450px; background-image: url("../images/3bd789afd9ec84f209ccb64d0262c65f.jpg"); background-repeat: no-repeat;background-position: center; background-size: 100%; }
.banner1 img{width: 100%;display:none;}
.swiper-slide { position: relative }
.swiper-slide span { position: absolute; right: 0; font-size: 12px; padding: 2px 5px 2px 10px; top: 10px; background:
#0CF; color: #fff; border-radius: 3px 0 0 3px }
.swiper-slide:nth-child(2) span { background: #F60 }
.swiper-slide:nth-child(3) span { background: #3C0 }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide img { width: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ 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; }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 }
.swiper-container-no-flexbox .swiper-slide { float: left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical;
-ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.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 }
.swiper-container-android .swiper-slide, .swiper-wrapper { -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) }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function:
ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position:
relative }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items:
flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property:
-moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property:
transform, height }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index:
-1000 }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -22px;
z-index: 10; cursor: pointer; background-size: 34px 34px; background-position: center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto;
pointer-events: none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("../images/left.png"); left:
10px; right: auto }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("") }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("") }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("../images/right.png"); right:
10px; left: auto; }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("") }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("") }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s;
-o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000;
opacity: .2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none;
-ms-appearance: none; -webkit-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff }
.swiper-pagination-bullet-active { opacity: 1; background: #be393e; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }
.swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%,
0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
.phone-pic { display: none }
.case { margin: 20px auto; text-align: center; }
.case ul li { float: left; width: 33.333%; }
.case ul li i, .solution ul li i { display: block; overflow: hidden; margin: 10px; position: relative; }
.case ul li img, .solution ul li img { width: 100%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease;
transition: all .5s ease; }
.case span p { margin-top: 30%; color: #000; padding: 0 40px;overflow: hidden;text-overflow: ellipsis; white-space:
nowrap;}
.case h3, .solution h3 { margin: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:
center }
.case ul li:hover img, .solution ul li:hover img { transform: scale(1.2); }
.case ul li:hover span, .solution ul li:hover span { opacity: 1 }
.t-line { display: block; margin: 10px auto; text-align: center; }
.line-title { line-height: 50px; font-size: 24px; }
.btn-dark-border { border: 1px solid #ccc; display: block; border-radius: 2px; transition: all 0.3s; width: 28%;
line-height: 45px; text-align: center; margin: 30px auto; }
.btn-dark-border:hover { color: #fff; border-color: #000; background: #000 }
.solution { margin-bottom: 30px }
.solution ul li span p { margin-top: 16%; color: #000; font-size: 60px }
footer { background: #f1f1f1; padding: 40px 0 0 0; }
.footer { margin-bottom: 40px }
.ft-div { float: left; }
.ft-div h2 { font-size: 15px; margin: 0 0 20px 20px; height: 20px; }
.ft-div ul li { line-height: 34px; }
.end { width: 100%; background: #000; text-align: center; }
.end img { margin: auto; height: 40px; padding: 10px 0; }
.ft-div ul li a { color: #da192a; }
.ft-div ul { margin: 0 0 0 20px }
.ft-share { float: right }
.ft-contact { margin: 0 140px }
@font-face { font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../fonts/iconfont.eot')
format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 24px; font-style: normal; background: #000000; width: 40px;
display: block; height: 40px; line-height: 40px; border-radius: 100%; text-align: center; color: #fff;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-wangwang:before { content: "\f0140"; }
.icon-icon:before { content: "\e601"; }
.icon-lianxirenguanli:before { content: "\e645"; }
.icon-weixin:before { content: "\e66c"; }
.icon-dizhi:before { content: "\e734"; }
.icon-lianjie:before { content: "\e685"; }
.ft-share li { margin: 0 10px; display: inline-block; }
.ft-share li span:hover { background: #da192a; }
.ft-share ul { overflow: hidden; text-align: center }
.search { width: 300px; position: absolute; right: 0; bottom: 12px; height: 34px; border-radius: 3px; border: #ddd 1px
solid; line-height: 30px; overflow: hidden; }
.search input#keyboard { line-height: 34px; border: none; padding-left: 10px; width: 100%; outline: none; }
.search input.input_submit { position: absolute; right: 0; bottom: 0; line-height: 34px; height: 34px; display: block;
padding: 0 20px; width: 40px; border: 0; background: url(../images/search.png) no-repeat center #fff; background-size:
16px; outline: none; }
article { margin: 30px auto }
.ar-title { text-align: center; text-transform: uppercase; margin: 40px 0; }
.ar-title h2 { font-size: 21px; }
.ar-title span { border: #000 1px solid; padding: 10px 30px; position: relative; }
.ar-title span:after, .ar-title span:before { content: ""; background: #000; width: 80px; height: 1px; position:
absolute; top: 20px }
.ar-title span:before { left: -70px; }
.ar-title span:after { right: -70px }
.content { line-height: 30px; padding: 30px }
.p-content { line-height: 30px; }
.content ul, .p-content ul { overflow: hidden }
.p-content>ul{color: #ccc;height: 40px;line-height: 40px;background-color: #f1efef;MARGIN-BOTTOM: 8PX;}
.p-content ul li{float: left;}
.p-content>div ul li{width: 25%;margin: 10px;}
.p-content .top6 li{float: left;color: #ccc;width: 100%;height: 40px;line-height: 40px;background-color: #f1efef;MARGIN-BOTTOM: 8PX;}
.p-content>ul>li>a>h2{text-align: center; width: 100px; height: 40px;line-height: 40px;background-color: #cfcece;color: #333;font-size: 14px;}
.p-content ul li a h2 ,.p-content .top6{background: none;}
.p-content .top6{padding-top: 60px}
.content p, .p-content p { margin-bottom: 20px }
.xgsolution ul li p{text-align: center}
.product-detail .p-content .onback h2{background: none}
.content img, .p-content img { max-width: 100% !important; height: auto !important; margin: 10px auto; }
/*contact us*/
.conleft { width: 50%; float: left }
.conleft h3 { font-size: 18px; display: block; margin: 20px 0; padding-top: 20px }
.conleft ul li { height: 45px; line-height: 45px; padding: 12px 0 12px 70px; border-bottom: 1px solid #ddd; }
.conleft ul li:first-child { background: url(../images/01.png) no-repeat left center }
.conleft ul li:nth-child(2) { background: url(../images/02.png) no-repeat left center }
.conleft ul li:nth-child(3) { background: url(../images/03.png) no-repeat left center }
.conleft ul li:nth-child(4) { background: url(../images/04.png) no-repeat left center }
.conleft ul li:last-child { background: url(../images/05.png) no-repeat left center }
.conright { width: 45%; float: right; padding: 36px 0 }
.conright ul { margin: 20px 0; overflow: hidden }
/*news*/
.news { overflow: hidden }
.news ul { overflow: hidden; margin: 30px auto; }
.news ul li { width: 50%; float: left; margin-bottom: 20px; }
.news ul li a { display: block; margin: 0 10px; border: #ddd 1px solid; padding: 10px; transition: all 0.5s; }
.news ul li span { width: 70px; height: 70px; font-size: 12px; text-align: center; overflow: hidden; background:
#ababab; color: #fff; float: left; margin: 0 10px 0 0; transition: all 0.5s; }
.news ul li b { display: block; font-size: 16px; margin-top: 16px; }
.news ul li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; margin-bottom:
10px; }
.news ul li p { font-size: 14px; color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;
display: -webkit-box; -webkit-line-clamp: 2; line-height: 20px; height: 40px; }
.news ul li:hover span { background: #be393e }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 10px 0; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #3690cf; color: #FFF; background: #1C2327; }
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }
.tab-title #pagecurrent, .tab-title li:hover a,.cp-title #pagecurrent ,.cp-title li:hover a{ background: #900; color:
#FFF; }
.tab-title ul { text-align: center; }
.tab-title ul li { display: inline-block; }
.tab-title ul li a { display: block; padding: 10px 20px; }
.cp-title{ margin-bottom:40px}
.cp-title li{margin:0 0 10px 0;border-bottom: #eee 1px solid;}
.cp-title li a{ display: block; padding: 10px 20px;}
.job { overflow: hidden }
.job .content { width: 80%; margin: auto; border-top: #000 1px solid; }
.job .tab-title { margin-top: 20px; }
h1.con-title { text-align: center; font-size: 22px; padding: 20px 0; }
/*product-detail*/
.product-detail { margin:0 0 40px 0; }
.rightbox{width: 74%;float:right;}
.leftbox{width: 23%;float:left;}
.product-detail-images {width: 44%;float: left;margin-bottom: 20px;}
.product-detail-desc h1 {color: #333; font-size: 24px;font: 18px/34px ?   ? ;font-weight: bold; }
h2.quick { margin: 0 0 20px; padding: 0 0 20px; border-bottom: #040404 1px solid; }
.color-blue { color: #da192a; font-size: 24px; }
.size-color {margin: 0 0 5px;}
.quick_desc { border-bottom: #000 1px solid; padding-bottom: 20px; margin-bottom: 20px; }
.product-detail-desc {width: 49%;float: right;}
.zixun { margin-top: 30px }
.zixun li { border: #d6d6d6 1px solid; margin-right: 20px; display: inline-block; border-radius: 5px; }
.zixun li a { display: block; line-height: 40px; padding: 0 20px 0 10px; }
.iconfonts { font-family: "iconfont" !important; font-size: 28px; font-style: normal; width: 40px; height: 40px;
line-height: 40px; text-align: center; float: left; color: #000; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
span.icon.iconfonts.icon-icon { color: #00adff; }
span.icon.iconfonts.icon-weixin { color: #179400; }
.wxzx { position: relative }
.wxzx i { position: absolute; display: none; bottom: 0px; right: -140px; }
.wxzx i img { width: 120px; }
.wxzx:hover i { display: block; box-shadow: #cacaca 0px 0px 10px; }
.ftitle { line-height: 35px; height: 35px; font-size: 14px; font-weight: normal; border-bottom: #000 2px solid;
margin-bottom: 30px; }
.ftitle b { float: left; color: #333; display: block; font-size: 18px; }
.ftitle span { font-size: 12px; float: right; margin-right: 10px }
.ftitle span a { color: #999; }
.nextinfo {padding: 30px 0;border-top: #000 1px solid;}
.nextinfo p { line-height: 40px; }
.con-info { text-align: center; color: #888; font-size: 14px; }
.con-info span { margin: 0 10px; }
.cp-pics { display: none }
#starlist li:nth-child(8),#starlist li:nth-child(9){display:none}

.xgsolution{overflow:hidden;border: 1px solid #EDEDED;background: #F4F4F4;padding: 20px;}
.xgsolution li {margin-bottom:30px;}
.xgsolution li img{width:100%; margin-bottom:5px}
.xgsolution li h3{text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

h2.placetitle {line-height: 35px;border-bottom: #000 2px solid;margin-bottom: 30px;}

h2.placetitle span{ float:right; font-size: 14px;font-weight: normal;}
h2.placetitle span a{ margin:0 5px}
.xgnews h2{ margin-bottom:10px}
.xgnews li{line-height: 30px;position: relative; padding-left:20px;}
#newBridge .nb-icon-wrap,#newBridge ins,#newBridge .nb-icon-base .nb-icon-bridge-base{display: none!important;}

.xgnews li:before{ content:""; position:absolute;width:4px; height:4px; background:#000; top:14px; left:0}
/**

media screen

**/
@media screen and (max-width: 1199px) {
.banner img {float: none;}
.banner .index-news .news-box{width:99%;position:relative;margin: 0px auto;}
.news-box .newsli li span {width: 100px;}
.banner .index-news {top:0px;left: 0px;margin-top: 30px;}

}
@media screen and (max-width: 1023px) {
.type-news .re ,.type-news .re-list { margin: 0px auto; float: none;}
.type-news .re img{width:300px;height:300px;margin:0px auto;}
.type-news .re-list { float: left;width: 100%;}
.newslist h2{text-align: center;}
.banner .banner1{background-image: url(../images/b0744402835e4aec8f689b7945acf129.gif);height:100%}
.banner .banner1 img{display:block;}

}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
.box, article, nav, nav #starlist { width: 100% }
#starlist li a { padding: 0 20px }
.search { width: 260px; right: 10px }
.ft-contact { margin: 0 70px }
.conleft, .product-detail-images { margin-left: 20px }
.logo{width: 100%;}
.p-content { width: 100%; margin: auto }
.product-detail-desc {width: 50%;float: right;}
}
@media screen and (max-width: 1023px) {
#astyle .scene div {width: 150px;height: 150px;}
.box, article, nav, nav #starlist { width: 100% }
.logo { margin-top: 60px;width: 100%;overflow: hidden;}
.m-logo{display:block;}
.topnav { position: fixed; top: 0; z-index: 9; background: rgba(0,0,0,.6); border-top: #000 40px solid; }
nav #starlist { width: 100%; }
.logo .lang,.pc-logo,.toolbar-open {display: none;}
#mnavh { display: block; top: -40px; position: absolute; right: 10px; }
#starlist { display: none }
#starlist li { width: 60%; margin: 0; background: #fff; border-bottom: #eee 10px solid; }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #f80300; background: #fff; }
#starlist li a { text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0; }
#starlist li:last-child { padding-bottom: 100%; }
.search { top: -35px; left: 10px; height: 30px; border: none; border-radius: 20px; }
.ft-contact { margin: 0 }
.ft-div { width: 25% }
.product-detail-images {overflow:hidden}
}
@media only screen and (max-width: 768px) {
    lianxi .ren{right:-235px;width:215px;}
#m-solid{display:inherit;border-top: 2px solid #000;background-image: linear-gradient(#2c3975,#1c2435, #fff);height: 49px;}
#astyle .scene {width: 100%;float: none;margin: 0px auto;padding: 0px 0px 30px 0px;}
#astyle .scene a > h3{display:none;}
#astyle .scene a div > p{display:inherit;font-size: 37px;text-align: center;font-weight: 700;padding: 0px;color: #888;}
.ft-div { width: 50%; margin-bottom: 20px }
.ft-share ul { text-align: left; }
.case span p { margin-top: 23%; padding: 0 10px; }
.solution ul li span p { margin-top: 8%; }
.leftbox{ display:none}
.rightbox{width:96%;margin: auto !important;float:none;overflow: hidden;}
}

@media only screen and (max-width: 480px) {
    lianxi .ren{right:-235px;width:215px;}
.news-box .newsli li span {width: 85px;}
.case ul li { width: 50% }
.ft-div { width: 100%; text-align: center; }
.ft-div h2 {margin: 0 0 10px 0;}
.ft-div ul{margin:0}
.ft-div ul li { line-height: 30px; }
.ft-share ul { text-align: center; }
.solution {margin-bottom: 0;width: 96%;}
.case { margin: 10px 0; }
.btn-dark-border { margin: 10px aut; width: 300px; }
.phone-pic { display: block }
.pc-pic { display: none }
.footer { margin-bottom: 0; }
.ft-share h2 { display: none }
.case h3, .solution h3 { font-size: 14px; }
.tab-title { overflow-x: scroll }
.tab-title ul { width: 600px; overflow-x: scroll; text-align: left; margin-left: 20px }
.news ul li { width: 100% }
.conleft, .conright { width: 96%; margin: auto; float: none; }
.conright { padding: 30px 0 0 0 }
.conright img { max-width: 100% !important }
.nextinfo { padding: 10px; }
.case span p { display: none }
.content { padding: 15px; }
.product-detail-images { display: none }
.cp-pics { display: block }
.product-detail-desc { width: 96%; float: none; margin: auto }
.zixun li { text-align: center; width: 60%; float: none; margin: 0 auto 20px; }
.zixun li a { }
.product-detail-desc h1 { text-align: center; margin: 20px 0 }
.product-detail { margin: 0 }
.p-content {margin: auto;padding: 0 15px;}
.ftitle {margin: 20px auto 10px;}
.case ul li span, .solution ul li span { display: none }
.type-news .re-list ul .list_astyle span{display:inherit}
.re-list .list_astyle a { text-indent: 0.5em;}
.con-info { font-size: 12px; }
.con-info span { margin: 0 5px; }
#starlist li:nth-child(8),#starlist li:nth-child(9){display:block}
h2.placetitle {color:#fff;position: relative;border-bottom: none;line-height: normal;}
h2.placetitle span{color:#000;float: left;position: absolute;left: 0;border-bottom: #000 2px solid;margin-bottom:
30px;padding-bottom: 10px;width: 100%;}
}
.index-news{position: relative;top: 50px;left: 30px;}
.index-news .news-box{border: 1px solid #888;width: 500px;height: 370px;background: #ffffff88;position: absolute;}
.index-news .news-box h2{line-height: 50px;height: 45px;padding-left: 20px;color: #000;font-size: 22px;}
.newsli li{line-height: 40px;height: 40px;overflow: hidden;padding-left: 20px;}
.newsli li span{width:17%;color: #000;;font-size: 12px;float:left;}
.newsli li p{width:83%;display: contents;font-weight: 700;font-size: 16px;}
.type-news{margin-bottom: 20px;}
.ico{margin: 25px;padding-bottom: 50px;}
.ico .ico-box{float: left;margin-right: 10px;}
.ico h4{font-size: 22px;}
.ico img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter:
grayscale(100%);filter: grayscale(100%);filter: gray;}
.ico a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter:
grayscale(0%);filter: grayscale(0%);filter: gray;}

/*index-news-box*/
/*.re{float:left;margin-right: 40px;}*/
/*.re img{width:450px;height:450px}*/
/*.newslist{height: auto;border-bottom: 1px dashed #777777;line-height: 54px;padding-bottom: 15px;}*/
/*.newslist p{ height: auto;line-height: 24px;text-indent: 2em;color: #777;}*/
/*.list_astyle a{height: 60px;line-height: 54px;text-indent: 2em;}*/
/*.list_astyle span{float: left;color: rgb(119, 119, 119);font-size: 16px;}*/
/*.list_astyle{ border-bottom: 1px dashed #777777;overflow: hidden;height: 54px;line-height: 54px;}*/
/*.re-list{float: left; width: calc(95% - 450px);}*/
.solution ul li{ width: 25%; float: left;}
.scene{width: 33%;float: left;}
.scene div{width: 200px;height: 200px;overflow: hidden;border-radius: 100%;border: 3px solid #888;margin: 0px auto;}
.scene h3{text-align: center;font-size: 17px;padding: 20px 0px;}
.case ul li a i span{position: absolute;top: 0px;left: 0px;background-color: #ffffff88;height: 100%;width: 100%;
visibility: hidden; }
.case ul li:hover a i span{visibility: inherit; }
.scene a div > p{display:none;}

.img17{background-size: 100% 100%;background-image: url(../images/kuangshan.jpg);background-position:
center;background-repeat: no-repeat;}
.img18{background-size: 100% 100%;background-image: url(../images/huozhan.jpg);background-position:
center;background-repeat: no-repeat;}
.img19{background-size: 100% 100%;background-image: url(../images/gangkou.jpg);background-position:
center;background-repeat: no-repeat;}

@keyframes qq{from{fill:#fff}to{fill:#369bce}}@-moz-keyframes qq{from{fill:#fff}to{fill:#369bce}}@-webkit-keyframes qq{from{fill:#fff}to{fill:#369bce}}@-o-keyframes qq{from{fill:#fff}to{fill:#369bce}}@keyframes weixin{from{fill:#fff}to{fill:#24db5a}}@-moz-keyframes weixin{from{fill:#fff}to{fill:#24db5a}}@-webkit-keyframes weixin{from{fill:#fff}to{fill:#24db5a}}@-o-keyframes weixin{from{fill:#fff}to{fill:#24db5a}}#qq:hover path,.lianxi:hover path{animation:qq .4s forwards;-moz-animation:qq .4s forwards;-webkit-animation:qq .4s forwards;-o-animation:qq .4s forwards}#weixin:hover path{animation:weixin .4s forwards;-moz-animation:weixin .4s forwards;-webkit-animation:weixin .4s forwards;-o-animation:weixin .4s forwards}#kefulan{position:fixed;right:0;top:20%}#kefulan .box{width:60px;height:60px;background-color:rgb(28,158,255);border-radius:100%;text-align:center;line-height:90px;margin-top:20px}.lianxi {width:100px;position:relative;right:0;transition:all .7s}.lianxi:hover {right:230px}.lianxi:hover .ren{opacity:1}.lianxi .ren{position:absolute;right:-235px;width:215px;font-size:20px;padding:8px;opacity:0;color:#444;transition:all .2s;background:#fff5}.lianxi .ren p{margin:8px 0;padding:0}#kefulan #erweima{position:absolute;right:0;height:200px;width:0;margin-right:17px;transition:all .7s;opacity:0;overflow:hidden;background:#fff5}#weixin:hover #erweima{width:180px;opacity:1}#erweima div{width:120px;margin:0 auto;padding-top:20px}#weixin:hover .box{transition:all .5s;opacity:0}.erweima{width:120px}.tianjia{text-align:center;margin:0;color:#444;font-size:20px}
#qq{display: none;}
 .paomakuang {width:100%;height:auto;position:relative;}
.youshang {position:absolute;right:0px;/* float:right;*/}
.you1,.zuo2 {width:1px;height:3px;background-color:#000;transition:all 0.4s;}
.you2,.zuo1 {width:3px;height:1px;background-color:#000;transition:all 0.4s;}
.you2 {float:right;}
.zuoxia {position:absolute;bottom:0px;}
.title {font-size:28px;padding:20px;font-weight:600;text-align:center;}
.miaoshu {text-indent:1em;padding:20px;}
.p-content>div ul li>a>div>img{height:150px!important}