@charset "utf-8";

.indexNetService{ margin-bottom: 40px; margin-top: 40px;}
.indexNetService > h4{ color:#59595b; text-align: center; font-size:20px; margin-bottom: 10px;}
.indexNetService > p{ font-size:12px; text-align: center; line-height: 1.4em; margin-bottom: 30px;}
.indexNetService-main{ position: relative;}
.indexNetService-main .indexNetService-main-img1{ width:100%; height:auto; float:none;}
.indexNetService-main .indexNetService-main-img2{ width:auto; height:100%; position: absolute; left:0; top:0;}
.indexNetService-main .indexNetService-main-img3{ width:auto; height:100%; position: absolute; right:0; top:0;}

.indexMoreService{ margin-bottom: 50px;}
.indexMoreService > h4{ font-size:20px; text-align: center; color:#59595b; margin-bottom: 25px;}
.indexMoreService ul{ overflow: hidden;}
.indexMoreService li{ width:33.3%; float:left; margin-bottom: 30px; padding:0 5px; box-sizing: border-box;}
.indexMoreService li:nth-child(3n+1){ clear: both;}
.indexMoreService li dt{ font-size:15px; color:#ff0000; margin-bottom: 6px;}
.indexMoreService li dd{ font-size:12px; color:#636363; line-height: 2em;}
.indexMoreService > a{ display: block; width:106px; height:26px; line-height: 26px; background:#ff0000; color:#fff; font-size:12px; text-align: center; margin:0 auto; }

.indexBrand{ margin-bottom: 50px; margin-top: 30px; overflow: hidden;}
.indexBrand > h4{ font-size:20px; text-align: center; color:#59595b; margin-bottom: 15px;}
.indexBrand > p{ font-size:12px; color:#59595b; line-height: 1.5em; text-align: center; margin-bottom: 30px;}
.indexBrand ul li{ width:50%; float:left;}
.indexBrand ul li:nth-child(2n+1){ clear:both;}
.indexBrand ul li img{ width:100%; height:auto;}
.indexBrand ul li p{ font-size:12px; line-height: 2em; color:#59595b; padding-left: 5px;}

.indexMap{}
.indexMap > h4{ font-size:20px; text-align: center; color:#59595b; margin-bottom: 10px; line-height: 1.2em;}
.indexMap > h5{ font-size:18px; color:#59595b; line-height: 1.2em; text-align: center; margin-bottom: 4px;}
.indexMap > h5 a{display: block;margin-bottom: 5px;color: #59595b;}
.indexMap > h6{ font-size:12px; color:#59595b; text-align: center; margin-bottom: 15px;}
.indexMap-box{ position: relative; display: block;}
.indexMap-box > img{ width:100%; height:auto; float:none;}
.indexMap-txt{ position: absolute; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.indexMap-box .indexMap-txt img{ width:20px; height:auto; margin:0 auto; display: block; float:none;}
.indexMap-box .indexMap-txt em{ display: block; width:100px; height:18px; border:2px solid #fff; border-radius: 3px; text-align: center; line-height: 18px; margin:8px auto 0; color:#fff; font-style: normal;}


.cont-map-box.open { bottom:0; top:0px; opacity:1; filter:alpha(opacity=100);}
.cont-map-box { position:fixed; opacity:0; filter:alpha(opacity=0); left:0; top:50%; bottom:50%; overflow:hidden; z-index:100; width:100%; transition:1s all; -webkit-transition:1s all}
.cont-map-box .close1 {position:absolute; right:20px; top:20px; opacity:0.8; filter:alpha(opacity=80); width:50px; height:50px; background:#ff0000; z-index:2;  }
.cont-map-box .close1 i { width:50px; height:50px; background:url(../images/x2.gif) center no-repeat ; display:block; transition:0.5s all; -webkit-transition:0.5s all;}
.cont-map-box iframe { position:relative; left:0; top:0; width:100%; height:800px; z-index:1;}

.index-footer{ background: #ff0000; padding:30px 0; padding-left:60px; padding-right:30px;}
.index-footer img{width:63px; height:auto; float:none; margin-bottom: 15px;}
.index-footer h4{ font-size:18px; color:#fff; margin-bottom: 12px;}
.index-footer p{ color:#fff; line-height: 1.5em;}
.index-footer p a{ color:#fff;}


    /*h*/
.projectitem .project_info p.title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;color:transparent;font-size: 14px;text-align: center;}
.projectitem .project_info p.subtitle {color:transparent;font-size: 12px;margin-bottom: 10px;text-align: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.postbody iframe{ height:180px; width:320px; }
.postbody hr{height:1px;border:none;border-top: 1px dotted rgb(211, 211, 211); margin-top: 20px; margin-bottom: 20px;}
#indexPage #mservice .slider_wrapper .bx-controls-direction a {width: 60px;height: 60px; top: 0px;} #indexPage #mservice .slider_wrapper .bx-controls-direction a i {top: 15px;position: relative;}
@font-face {font-family: 'NeoSansStd-Regular';src: url('fonts/NeoSansStd-Regular.otf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'NeoSansStd-Light';src: url('fonts/NeoSansStd-Light.otf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'NeoSansStd-Medium';src: url('fonts/NeoSansStd-Medium.otf');font-weight: normal;font-style: normal;} 
#footer p span {width: 80%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}#footer a path {fill: #808080;}
#projectpost .postbody a {height: 40px;width: 100%;line-height: 40px;text-align: center;color: #fff;background-color: #5A5A5A;display: block;bottom: 0;left: 0;}
.bx-wrapper .bx-next{ right:0}
.bx-wrapper .bx-prev{ left:0}



.jplayer_wrapper{ display:none;}

#footer p.plr10 span{width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#footer a img{ height:100%; width:auto; margin-top:6px;}
.pro_topIcon{position: absolute;top: 10%;right: 10%;padding: 4px 10px;background:#ff690b;border-radius: 2px;color: #fff;}
#projectlist .projectitem .project_info p.price{ color:#ff690b; padding:10px 20px; text-align:center;margin-bottom: 20px;}
.putaway{background:#ff690b;}
.soldout{background:#bebebe;}
.post_but{ position:fixed; bottom:0px;left:0; width:100%; text-align:center;margin-bottom:75px;}
.post_but a {color: #fff; background: #009CFF;font-size: 14px;transition: all ease .3s;
display: inline-block;padding: 12px 42px;border-radius: 3px; margin:0 10px}
.post_but #tryurlBtn{ background:rgb(255, 0, 0)}
a#tryBtn{ display:none;}
#pageswitch{ opacity:0}
.npagePage  img{width:100%}




.swiper-slide{ position:relative;}
.swiper-slide table{ position:absolute; left:0; top:0;}
.swiper-slide table,.swiper-slide td{ width:100%; height:100%; vertical-align: middle; text-align: center;}
.swiper-slide td h4{ font-size:60px; color:#fff; text-shadow: 1px 1px 1px #333;}
.swiper-slide td h5{ font-size:30px; color:#fff; font-weight:normal; text-shadow: 1px 1px 1px #333;}
.swiper-slide td h6{ font-size:18px; color:#fff; font-weight:normal; margin-bottom: 40px; line-height: 1.3em; text-shadow: 1px 1px 1px #333;}
.swiper-slide td p{ font-size:12px; color:#fff; text-shadow: 1px 1px 1px #333;}
.swiper-slide td a{ font-size:12px; display: block; width:148px; height:34px; border:1px solid #fff; border-radius:4px; text-align: center; line-height: 34px; color:#fff; font-style: normal; position:absolute; bottom:60px; left:50%; margin-left: -74px;}
.swiper-slide td i{ display:inline-block; width:5px; height:5px; border-radius: 100%; box-shadow: 1px 1px 1px #333; background: #fff; margin:0 2px; position:relative; top:-2px;}

.index_number ul{ overflow: hidden;}
.index_number li{ float:left; width:33.3%; text-align: center; padding: 30px 0;}
.index_number span{ font-size:12px; color:#555555;}
.index_number p{ font-size:60px; color:#ff0000;}

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

.bottomSlider{ width:92%; position:fixed; bottom:6px; left:50%; margin-left: -46%; background: #ff0000; height:42px; border-radius:21px; z-index: 300;}
.bottomSlider li{ width:33.3%; float:left; height:41px;}
.bottomSlider li a{ display:block; width:100%; height:100%;}
.bottomSlider li.phone_icon a{ background: url(../images/phone_icon.png) no-repeat center; background-size:auto 25px; border-right:1px solid #c60000;background-image: url(../images/phone_icon.svg),none;background-repeat: no-repeat;background-position: center;}
.bottomSlider li.speak_icon a{ background: url(../images/speak_icon.png) no-repeat center; background-size:auto 25px; border-right:1px solid #c60000;background-image:url(../images/speak_icon.svg),none;background-repeat: no-repeat;background-position: center; }
.bottomSlider li.white_icon a{ background: url(../images/white_icon.png) no-repeat center; background-size:auto 25px;background-image: url(../images/white_icon.svg),none;background-repeat: no-repeat;background-position: center;}

.indexBanner02 .swiper-slide td h6{ margin-bottom:10px; text-shadow:none; color:#ff0000;}
.indexBanner02 .swiper-slide td p{ text-shadow:none; color:#ff0000;}
.indexBanner02 .swiper-pagination-bullet-active{ background:#ff0000!important;}
.indexBanner02 .swiper-pagination-bullet{ border-color:#ff0000!important;}


.btn{padding:8px 6px;background:rgba(0,0,0,0); position:fixed; z-index: 500; top:30px; right:7px; transition: 0.2s all linear;}
body.open .btn{ background:#fff;}
body.open .lcitem{ }
.nav_top{ height:60px !important;}

.btn_wrap{ width:25px; height:20px; position:relative; transition: 0.2s all linear;}
.btn_wrap span{ display:block;}
.btn_wrap_t{ width:25px; height:2px; background: #ff0000; top:0; left:0; position:absolute; transition: 0.2s all linear;}
.btn_wrap_c{ width:25px; height:2px; background: #ff0000; top:8px; left:0; position:absolute; transition: 0.2s all linear}
.btn_wrap_b{ width:25px; height:2px; background: #ff0000; top:16px; left:0; position:absolute; transition: 0.2s all linear}
body.open .btn_wrap{ }
body.open .btn_wrap_t{ -webkit-transform:rotate(45deg); top:8px;}
body.open .btn_wrap_c{ opacity:0;}
body.open .btn_wrap_b{ -webkit-transform:rotate(-45deg); top:8px;}

.specWhite{ height:54px; background: #fff;}

.indexBanner03 .swiper-slide td h6{ line-height: 1.3em; margin-bottom: 70px;}
.indexBanner03 .swiper-slide td h6.indexB3_top{ color:#ff0000;}
.indexBanner03 .swiper-slide td p{ line-height:1.3em;}

#newBridge{ display: none!important;}
.lxb-container{ display: none!important;}

.swiper-button-next, .swiper-button-prev{z-index:999999 !important;}

*{ cursor: pointer;}